/* YOUR CUSTOM STYLES */
/* html, body {
    text-rendering: optimizeLegibility;
}
html, body {
    text-rendering: geometricPrecision;
} */

/*@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300ita‌​lic,400italic,500,500italic,700,700italic,900italic,900);*/

/*@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i,700,700i,900');*/

/*@import url('https://fonts.googleapis.com/css?family=Poppins');

@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,600,600i,700&subset=latin-ext');*/


.lblloading {
    color: #a7a7a7;
    text-align: center;
    line-height: 21px;
    margin-top: 0;
    margin-bottom: 1rem;
}


@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/Roboto/roboto-regular-webfont.woff') format('woff'), url('../fonts/Roboto/roboto-regular-webfont.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotothin';
    src: url('../fonts/Roboto/roboto-thin-webfont.woff2') format('woff2'), url('../fonts/Roboto/roboto-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/Roboto/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/Roboto/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*@import url('//fonts.googleapis.com/css?family=Montserrat:thin,extra-light,light,100,200,300,400,500,600,700,800')*/
/*Dropdown start*/
/* ----------stepwizard---------- */
@font-face {
    /*font-family: 'Poppins';
    src: url('/fonts/Poppins-SemiBold.eot');
    src: url('/fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('/fonts/Poppins-SemiBold.woff') format('woff'), url('/fonts/Poppins-Regular.ttf') format('truetype');
    font-size: 12px;
    font-style: normal;*/
}

.makePaymentDropdownUlStyle {
    overflow: hidden;
}

.makePaymentDropdownSearchBox {
    padding-left: 10px !important;
}

.innertab ul {
    margin: 0 !important;
    padding: 0 !important;
}

.stepwizard-step p {
    margin-top: 15px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    z-order: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

    .stepwizard-step img {
        width: 35px;
    }

.btn-circle {
    text-align: center;
    padding: 22px 13px;
    border-radius: 715px;
}

.white-skin .btn-default, .white-skin .card .btn-action {
    background: #0F0F0F33;
}

.border {
    background: #ededed;
    border-radius: 500px;
}

.border-active {
    background: #fff;
    border-radius: 500px;
    border: 1px solid #4886b2;
}

.step_border {
    border-top: dotted 3px #c9c9c9 !important;
    width: 100%;
    position: absolute;
    top: 19px;
}

.step_border_active {
    border-top: solid 3px #55b980 !important;
    width: 20%;
    position: absolute;
    top: 19px;
}

.stepwizard-step p {
    margin-top: 15px;
}
/* ----------transcat---------- */
.amc img {
    position: absolute;
    right: 0px;
    top: 22px;
    width: 151px;
}

.four {
    width: 32.26%;
    max-width: 32.26%;
}

label > input { /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

    label > input + img { /* IMAGE STYLES */
        padding: 5px 9px;
        border: 3px solid #f8f8f8;
        width: 74px;
    }

    label > input:checked + img { /* (RADIO CHECKED) IMAGE STYLES */
        border: 4px solid #4bb94b;
    }

.mf p {
    text-align: center;
    margin-bottom: 0rem;
}

.browser-default {
    display: block;
}

.backwhite {
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f7;
    padding: 0px;
    margin: 0px;
}

.innertop {
    padding: 31px 0px !important;
}

.picker_bor {
    border: 1px solid #9c9c9c;
}

    .picker_bor span {
        position: absolute !important;
        right: 28px;
        top: 2px;
    }

.classic-tabs.tabs-cyan {
    background-color: #057c86;
}

    .classic-tabs.tabs-cyan li a.active {
        border-color: #116fa7;
        background: #1682c1;
    }

.classic-tabs li a {
    color: rgb(84, 151, 199);
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover {
    /*border-radius: 84px;
        background-color: #0569ff !important;*/
    background-color: #6D6E72 !important;
    color: #333;
}

.indigo {
    background-color: #fff !important;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.19);
}

.nav-tabs .nav-link {
    border: 0;
    color: #333;
}

.nav-justified .nav-item {
    border-radius: 84px;
}

.SchemeborRadius {
    border-radius: 123px !important;
}

#panel51, #panel52, #panel53 {
    padding: 20px;
}

.schemecard {
    background: #f9f9f9;
    margin-top: 2px;
    border: 1px solid #d2d2d2;
    padding: 20px;
    border-radius: 0px;
}

.ui-segment span.option {
    width: 50%;
}

.ui-segment1 {
    width: auto !important;
}

    .ui-segment1 span.option {
        width: auto;
    }

.ui-segment {
    width: 100%;
}

.tab-content {
    padding-top: 0rem;
    z-index: auto !important;
}

.brokersearch {
    cursor: pointer;
    font-size: 21px;
    position: absolute;
    right: 16px;
    top: 16px;
    color: #8795a1;
}

/*.SchemplanoptionON {
        background-color: #173780 !important;
    }

    .SchemplanoptionOFF {
        color: black !important;
        background-color: transparent !important;
    }*/
/*------------------btn select------------------*/
.selectpicker {
    text-align: left;
    position: relative;
}

    .selectpicker .dropdown-toggle {
        position: relative;
        text-align: left;
        border-radius: 0;
    }

        .selectpicker .dropdown-toggle.filled {
            padding-left: 0px;
        }

        .selectpicker .dropdown-toggle span.placeholder, .selectpicker .dropdown-toggle span.text {
            float: left;
            color: red;
        }

.spicker::placeholder {
    color: red;
    opacity: 1;
}

.selectpicker .dropdown-toggle span.caret {
    float: right;
    margin-top: 10px;
}

.selectpicker .reset {
    margin: 3px 0;
}

    .selectpicker .reset a {
        display: block;
        padding: 4px 0 4px 20px;
    }

        .selectpicker .reset a, .selectpicker .reset a:hover {
            text-decoration: none;
        }

            .selectpicker .reset a:hover {
                background: #e6e6e6;
            }

.selectpicker .clear {
    display: none;
    position: absolute;
    left: 7px;
    top: 8px;
    z-index: 12;
    padding: 5px;
    color: #959595;
}

.selectpicker .list-to-filter {
    max-height: 350px;
    overflow-y: scroll;
    border-top: 1px solid #e6e6e6;
}

.selectpicker .dropdown-menu {
    width: 100%;
    padding: 5px 0 0;
}

    .selectpicker .dropdown-menu ul {
        margin-top: 4px;
    }

        .selectpicker .dropdown-menu ul > li {
            display: block;
            padding: 4px 0 4px 20px;
            cursor: pointer;
        }

            .selectpicker .dropdown-menu ul > li:hover {
                background: #e6e6e6;
            }

            .selectpicker .dropdown-menu ul > li.selected {
                color: #fff;
                background: #1e90ff;
            }

            .selectpicker .dropdown-menu ul > li.optgroup {
                cursor: default;
                padding: 0;
                border-top: 1px solid #e6e6e6;
            }

                .selectpicker .dropdown-menu ul > li.optgroup:first-child {
                    border-top: none;
                }

                .selectpicker .dropdown-menu ul > li.optgroup:hover {
                    background: 0 0;
                }

                .selectpicker .dropdown-menu ul > li.optgroup .optgroup-header {
                    display: block;
                    color: #959595;
                    font-size: 14px;
                    margin-bottom: 4px;
                    padding: 5px 8px 5px 20px;
                }

                .selectpicker .dropdown-menu ul > li.optgroup > ul > li {
                    display: block;
                    padding: 4px 0 4px 40px;
                    cursor: pointer;
                }

                    .selectpicker .dropdown-menu ul > li.optgroup > ul > li:hover {
                        background: #e6e6e6;
                    }

                    .selectpicker .dropdown-menu ul > li.optgroup > ul > li.selected {
                        color: #fff;
                        background: #1e90ff;
                    }

    .selectpicker .dropdown-menu .search-box {
        padding: 5px 8px;
    }

/*.caret {
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    right: 0;
    top: 16px;
}*/
.caret {
    /*background: url(../img/downarrow.png);
    z-index: 999;
    border: 4px solid !important;
    position: absolute;
    right: 0px;
    top: 19px;*/
}

.select_search .caret {
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    position: absolute;
    right: 2px;
    top: 25px;
    color: #505050;
    /*z-index: 1;*/
}

.dropdown, .dropup {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropdown-toggle span {
    line-height: 18px;
}

.FilterBackGround {
    color: white;
    background-color: #0569ff;
    pointer-events: none;
}

/*#navbarNav1 .dropdown-menu {
    left: -159px;
}*/

.dropdown-menu {
    position: absolute;
    top: 100%;
    /*left: -36px;*/
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0px 0 12px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 0px solid rgba(0, 0, 0, 0);
    border-radius: 2px;
    /*-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;*/
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
}

.dropdown-toggle::after {
    border-top: .0em solid;
    border-right: .0em solid transparent;
    border-left: .0em solid transparent;
}

.dropdown-menu.pull-right {
    right: 0;
    left: auto;
}

.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        text-decoration: none;
        color: #262626;
        background-color: #f5f5f5;
    }

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7;
}

.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
    color: #777;
}

    .dropdown-menu > .disabled > a:focus, .dropdown-menu > .disabled > a:hover {
        text-decoration: none;
        background-color: transparent;
        background-image: none;
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        cursor: not-allowed;
    }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    left: auto;
    right: 0;
}

.dropdown-menu-left {
    left: 0;
    right: auto;
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990;
}

.pull-right > .dropdown-menu {
    right: 0;
    left: auto;
}

.dropup .caret, .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid;
    content: "";
}

.dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
}


[data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] {
    position: absolute;
    clip: rect(0,0,0,0);
    pointer-events: none;
}



.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

    .input-group[class*=col-] {
        float: none;
        padding-left: 0;
        padding-right: 0;
    }

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

.input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn {
    height: 46px;
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-group-lg > .form-control, select.input-group-lg > .input-group-addon, select.input-group-lg > .input-group-btn > .btn {
    height: 46px;
    line-height: 46px;
}

select[multiple].input-group-lg > .form-control, select[multiple].input-group-lg > .input-group-addon, select[multiple].input-group-lg > .input-group-btn > .btn, textarea.input-group-lg > .form-control, textarea.input-group-lg > .input-group-addon, textarea.input-group-lg > .input-group-btn > .btn {
    height: auto;
}

.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

select.input-group-sm > .form-control, select.input-group-sm > .input-group-addon, select.input-group-sm > .input-group-btn > .btn {
    height: 30px;
    line-height: 30px;
}

select[multiple].input-group-sm > .form-control, select[multiple].input-group-sm > .input-group-addon, select[multiple].input-group-sm > .input-group-btn > .btn, textarea.input-group-sm > .form-control, textarea.input-group-sm > .input-group-addon, textarea.input-group-sm > .input-group-btn > .btn {
    height: auto;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}

    .input-group .form-control:not(:first-child):not(:last-child), .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee !important;
    border: 1px solid #ccc;
    border-radius: 4px;
}

    .input-group-addon.input-sm {
        padding: 5px 10px;
        font-size: 12px;
        border-radius: 3px;
    }

    .input-group-addon.input-lg {
        padding: 10px 16px;
        font-size: 18px;
        border-radius: 6px;
    }

    .input-group-addon input[type=checkbox], .input-group-addon input[type=radio] {
        margin-top: 0;
    }

    .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .input-group-addon:first-child {
        border-right: 0;
    }

    .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

    .input-group-addon:last-child {
        border-left: 0;
    }

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:active, .input-group-btn > .btn:focus, .input-group-btn > .btn:hover {
            z-index: 2;
        }

    .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
        margin-left: -1px;
    }




.hide {
    display: none !important;
}

.notif .dropdown-toggle {
    color: #e6e6e6;
    line-height: 18px;
}



.dropdown-toggle {
    color: #000;
    line-height: 40px;
}

.select_search {
    outline: none;
    -webkit-appearance: none;
    display: block;
    padding: 0px;
    margin: 0;
    transition: border-color 0.2s;
    border: 0px;
    border-bottom: 1px solid #c7c7c7;
    border-radius: 0px;
    background: #fff;
    color: #747474;
    font-weight: 300;
    position: absolute;
    cursor: pointer;
    width: 100%;
    cursor: pointer;
    bottom: 0;
    position: absolute;
    top: 0px;
}

.dropdown-toggle {
    height: 40px;
    /*padding: 0px 0px 7px 0;*/
}

.pull-right > .dropdown-menu {
    /*top: -8px;
    top: 3px;*/
    width: inherit;
}

.select_search a {
    word-wrap: break-word;
    word-break: break-word;
}

.md-form label {
    top: 0.4rem;
    margin-bottom: 0;
}

    .md-form label.active {
        font-size: 12px;
        color: #504b4b;
        font-weight: 300;
    }

.dropdown label {
    top: 1.5rem;
}

    .dropdown label.active {
        top: 1rem;
    }

.dropdown-menu1 > li > a {
    white-space: inherit !important;
    border-bottom: 1px solid #d6d6d6;
}

.sheight {
    overflow: overlay;
    overflow-x: hidden;
    max-height: 264px;
}
/*Dropdown End*/

/* @media screen and (max-width: 480px) and (min-width: 320px) {
    .nv-legendWrap {
        display:none;
    }
}*/
.card-header {
    background: #526dab !important;
}

body {
    /* font-family: 'Poppins', sans-serif !important; 
    font-family: 'Montserrat', sans-serif !important;*/
    font-family: 'Roboto', sans-serif;
    background-color: #eeeeee;
}



h3 {
    /*font-variant: all-petite-caps;*/
    color: #333;
}

h4 {
    color: #1e293d; /* text-shadow: 1px 6px 4px #9f9f9f; */
}

.h6, h6 {
    font-size: 13px;
}

.text-success {
    color: #009000 !important;
}

.text-danger {
    color: #f30b05 !important;
}

.center-block {
    float: none !important;
    margin: 0px auto;
    text-align: center;
    display: block;
}

.center {
    float: none !important;
    margin: 0px auto;
    text-align: center;
    display: block;
    text-align: center !important;
}

.col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 {
    position: relative;
    min-height: 1px;
    margin-right: 12px;
    padding-left: 0px;
}

    .col-xs-15.last-box, .col-sm-15last-box, .col-md-15.last-box {
        margin-right: 0px;
    }

@media (min-width: 1280px) {
    .main-content {
        margin-left: 265px;
    }
}

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }

    /* added by sundar */
    .news a {
        font-size: 13px;
    }

    .ekyc i {
        color: #425c8f;
        padding: 9px 7px;
    }

    .mrtop {
        top: -55px;
    }

    .mr-tp {
        margin-top: -60px;
    }

    .mobi img {
        width: 65%;
    }

    .footer {
        margin-left: 20%;
    }


    footer .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .container-fluid {
        /*padding-right: 5px;*/
        padding-left: 15px;
    }

    .nopadding {
        padding: 0;
    }
    /*.scrollbar {
        height: 93vh;
        background: #eee;
        overflow-y: scroll;
        overflow-x: hidden;
    }*/
    span.cams {
        font-family: Trebuchet MS,Arial;
        font-size: 14px;
    }

    .modal-body.scrollbar {
        height: 400px;
        max-height: 500px;
        background: #fff;
    }

    main .scrollbar {
        height: 93vh;
        background: #eee;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .modal-open .modal {
        overflow-x: hidden;
        overflow-y: hidden;
    }
}
/*.row.mr-30 {
    margin-right: -30px;
}*/

@media (min-width: 992px) {
    .col-md-15 {
        width: 19%;
        float: left;
    }

    .section h4 {
        font-size: 18px !important;
    }

    ul.dropdown-menu.notify-drop {
        left: -145px;
        margin: 16px 0 0;
    }

    .modal-body.scrollbar {
        height: 410px;
        max-height: 500px;
        background: #fff;
        overflow: auto;
    }
}

main #Nominees .scrollbar {
    height: 350px;
    max-height: 500px;
    background: #fff;
    overflow: auto;
}

main #Factadetailspopup .scrollbar {
    height: 450px;
    max-height: 500px;
    background: #fff;
    overflow: auto;
}

#Factadetailspopup .scrollbar {
    height: 450px;
    max-height: 500px;
    background: #fff;
    overflow: auto;
}


@media (max-width: 991px) {
    .col-sm-15 {
        width: 31%;
        margin-bottom: 19px;
        display: inline-block;
    }

    .sixbox {
        float: left;
        width: 70px;
        position: absolute;
    }

    ul.dropdown-menu.notify-drop {
        left: -17px !important;
        margin: 0;
    }
}

@media (max-width: 575px) {
    .col-xs-15 {
        width: 100%;
        margin-bottom: 25px;
        display: inline-block;
        /* padding: 5px; */
        margin-left: 10px;
        padding-right: 0;
    }

    .col-sm-15 {
        width: 100%;
        margin-right: 0;
    }

    .tab-head .col-sm-8 {
        width: 40%;
    }

    .brgreen img {
        margin-top: -7px;
    }
}

@media (min-width: 768px) {
    .row.mr-30 {
        margin-right: -30px;
    }
}
/*@media (max-width: 576px) {
    .select_search, .dropdown-toggle {
        font-size: 11px !important;
        line-height: 10px !important;
    }
}*/
.box-sad {
    /*box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0), 0 1px 3px 0 rgba(0, 0, 0, 0.06);*/
    box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 2px 3px 0 rgba(0,0,0,.1);
}

.table > thead > tr > th { /* padding: 7px; */
    background-color: #6D6E72;
    border-top-color: #f5f5f7;
    vertical-align: middle;
    border-bottom: 0;
    font-size: 13px;
}

.table td, .table th {
    text-align: right;
}

.table img {
    display: inline-block;
    text-align: right;
    padding: 9px;
}

.table > tbody > tr:hover > td {
    background-color: #FAFAFA;
}

.table > tbody > tr .active {
    background-color: #fff;
}

.table1 td, .table th {
}

.table th {
    padding: 8px 4px;
}

.mobile_table div {
    text-align: right;
}

.table-user-information td:nth-child(even) {
    text-align: left;
    color: #636363;
    width: 49%;
    border: 0px;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}

.table-user-information td:nth-child(odd) {
    text-align: right;
    font-weight: 500;
    color: #1d1d1d;
    width: 51%;
    border: 0px;
    border-bottom: 1px solid #efefef;
    border-top: 1px solid #efefef;
}

.tb {
    background: #F8F8F8;
}

.mflogo {
    width: 30%;
    float: left !important;
    padding-right: 9px;
}

.mftitle {
    /*width: 80%;*/
    text-align: left;
    margin-top: 10px;
    font-size: 12px;
}

.mflogo img {
    margin: 0px 0px 0px;
    width: 100%;
    padding: 0px;
}

.mftitle span {
    position: relative;
    top: -4px;
}
/* ------left slider menu---- */
.left-sidebar-1 {
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    padding-bottom: 20px;
}

html:not(.loading) [data-layout="default-sidebar-1"][data-navbar="primary"] {
    color: #212121;
    background: #6D6E72;
    background-image: url(../img/primary.jpg);
    background-repeat: repeat-x;
    background-position: top;
    background-attachment: fixed;
}

#chart {
    height: 500px;
}

.section {
    margin-bottom: 0rem;
}

.button-collapse {
    font-size: 28px !important;
    margin-left: 7px !important;
    position: unset !important;
    color: #fff;
}

.btn-primary {
    background: #FFC107 !important;
    z-index: 0;
}

i.btn-primary {
    background: #FFC107 !important;
}

.navbar {
    box-shadow: none;
    background: none !important;
}

.sidebar-heading {
    height: 51px !important;
    display: block;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: left;
    text-transform: capitalize;
}


.sidebar-options {
    left: 58px;
    top: -8px;
    position: absolute;
}

.sidebar-image {
    position: absolute;
    top: -8px;
    left: 4px;
    width: 45px;
}

    .sidebar-image .img-circle {
        border-style: solid;
        border-width: 2px;
        box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
    }

.description {
    margin: 1px 0 0 40px;
    font-size: 0.75rem !important;
    color: #000000;
}

.img-circle {
    border-radius: 50%;
}

.dropdown a:hover, a:focus {
    text-decoration: none;
    color: #fff;
}

a:focus {
    text-decoration: none;
    color: #173780;
}

.dropdown .dropdown-menu {
    margin: .8rem 0 0;
    color: #fff;
    /*  border-top: 3px solid #17c6d2;*/
}

.dropdown-item {
    padding: 0 1rem;
    line-height: 35px !important;
}

.side-nav .user-box {
    /*padding: 9px;
      background: #103a8c !important;
    */
    background: #ffcb05 !important;
    background: -webkit-linear-gradient(45deg, #ffcb05 0%, #ffcb05 100%) !important;
    background: linear-gradient(145deg, #ffcb05 0%, #ffcb05 100%) !important;
    background: linear-gradient(145deg, #ffcb05 0%, #ffcb05 100%) !important;
    min-height: 54px;
}

.white-skin .side-nav {
    background-color: #fff;
    height: 100%;
    min-height: 100%;
}

.side-nav .collapsible {
    padding-bottom: 0px;
    padding-top: 0px;
}
/* .collapsible:hover{

position: absolute;
top: 70px;
bottom: 0;
left: 0;
right: 0;
overflow: auto;
z-index:1;
} */
#ascrail2004 {
    width: 100%;
}
/* .dropdown-item i{padding-right:8px;} */

.main {
    margin: 0px 9px;
    background: #fff;
    box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    /*padding-left: 15px;*/
    padding-left: 0px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

@media (max-width: 991px) {
    .col-md-5ths {
        width: 33%;
        float: left;
    }
}

@media (max-width:600px) {
    .col-md-5ths {
        width: 50%;
        float: left;
    }
}

@media (max-width: 480px) {
    .col-md-5ths {
        width: 100%;
        float: left;
    }

    .cams-logo img {
        width: 9.5% !important;
        margin-left: 10px;
    }
}

.sixbox1 {
    height: auto;
    margin-bottom: 11px;
    margin-top: 19px;
    text-align: right;
    padding: 40px 5px 8px 0;
}

    .sixbox1 h4 {
        color: #000000;
        font-size: 15px;
        font-weight: 500;
        text-align: right;
    }

.box-six {
    background: #fff;
}
/*-------------social icon----------------------*/
.icon-circle .fa {
    font-size: 10px;
    color: #e84700;
    margin: 0 auto;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    line-height: 37px;
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.20s,background-color ease-in-out 0.05s;
    float: left;
    margin: 0px 7px;
}

    .icon-circle .fa:hover {
        background-color: #e84700;
        color: #fff;
        /*   -moz-box-shadow         : inset 0px 0px 0px 1px #ffffff;
    -o-box-shadow           : inset 0px 0px 0px 1px #ffffff;
    -ms-box-shadow          : inset 0px 0px 0px 1px #ffffff;
    -webkit-box-shadow      : inset 0px 0px 0px 1px #ffffff;
    box-shadow              : inset 0px 0px 0px 1px #ffffff; */
        -ms-transform: scale(1.2,1.2);
        -webkit-transform: scale(1.2,1.2);
        -moz-transform: scale(1.2,1.2);
        -o-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }

.icon-circle i:before {
    margin-left: 0px;
    font-size: 20px;
}

@media (min-width:320px) and (max-width:768px) {
    .mb-2 {
        margin-bottom: 3rem !important;
    }

    .description {
        margin: 1px 0 0 0px !important;
        font-size: 0.65rem !important;
    }

    .tooltipdesign {
        min-width: 250px !important;
    }

    .icon-circle .fa {
        font-size: 10px;
        color: #e84700;
        margin: 0 auto;
        height: 40px;
        width: 40px;
        border-radius: 50%;
        line-height: 37px;
        cursor: pointer;
        -webkit-transition: all ease-in-out 0.35s;
        -moz-transition: all ease-in-out 0.35s;
        -o-transition: all ease-in-out 0.35s;
        -ms-transition: all ease-in-out 0.35s;
        transition: all ease-in-out 0.20s,background-color ease-in-out 0.05s;
        float: left;
        margin: 0px 7px;
    }

        .icon-circle .fa:hover {
            background-color: #e84700;
            color: #fff;
            /*   -moz-box-shadow         : inset 0px 0px 0px 1px #ffffff;
    -o-box-shadow           : inset 0px 0px 0px 1px #ffffff;
    -ms-box-shadow          : inset 0px 0px 0px 1px #ffffff;
    -webkit-box-shadow      : inset 0px 0px 0px 1px #ffffff;
    box-shadow              : inset 0px 0px 0px 1px #ffffff; */
            -ms-transform: scale(1.2,1.2);
            -webkit-transform: scale(1.2,1.2);
            -moz-transform: scale(1.2,1.2);
            -o-transform: scale(1.2,1.2);
            transform: scale(1.2,1.2);
        }

    .icon-circle i:before {
        margin-left: 0px;
        font-size: 10px;
    }

    .dropdown-menu.dropdown.f-left {
        left: -25px;
        margin: 0 17px
    }

    .footer {
        margin-left: 0;
    }

    .modal-body.scrollbar {
        height: 300px;
        max-height: 500px;
        /* float: left; */
        overflow: auto;
    }
    /* .row.mr-30 {
        margin-right: 0px;
    }*/
    .col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {
        position: relative;
        min-height: 1px;
        padding-right: 0;
        /* padding-left: 15px; */
        padding-left: 0px;
    }

    MutualFundDetails
}

.ifacebook .fa {
    color: #fff;
}

    .ifacebook .fa:hover {
        background-color: #3B5998;
        color: #fff;
    }

.itwittter .fa {
    color: #fff;
}

    .itwittter .fa:hover {
        background-color: #33ccff;
        color: #fff;
    }

.igoogle .fa {
    color: #fff;
}

    .igoogle .fa:hover {
        background-color: #BD3518;
        color: #fff;
    }

.iLinkedin .fa {
    color: #fff;
}

    .iLinkedin .fa:hover {
        color: #fff;
        /*  border                  : 1px solid #007bb7; */
    }

/* --------------social icon--------------*/
.btn-social {
    position: relative;
    padding-left: 44px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .btn-social :first-child {
        position: absolute;
        right: 27px;
        width: 32px;
        font-size: 1.6em;
    }

.btn-facebook {
    color: #fff;
    background-color: #3b5998;
    border-color: rgba(0,0,0,0.2);
}

    .btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
        color: #fff;
        background-color: #30487b;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-facebook:active, .btn-facebook.active, .open .dropdown-toggle.btn-facebook {
        background-image: none;
    }

    .btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
        background-color: #3b5998;
        border-color: rgba(0,0,0,0.2);
    }

.btn-google-plus {
    color: #fff;
    background-color: #dd4b39;
    border-color: rgba(0,0,0,0.2);
}

    .btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus {
        color: #fff;
        background-color: #ca3523;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-google-plus:active, .btn-google-plus.active, .open .dropdown-toggle.btn-google-plus {
        background-image: none;
    }

    .btn-google-plus.disabled, .btn-google-plus[disabled], fieldset[disabled] .btn-google-plus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus:hover, .btn-google-plus.disabled:focus, .btn-google-plus[disabled]:focus, fieldset[disabled] .btn-google-plus:focus, .btn-google-plus.disabled:active, .btn-google-plus[disabled]:active, fieldset[disabled] .btn-google-plus:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled].active, fieldset[disabled] .btn-google-plus.active {
        background-color: #dd4b39;
        border-color: rgba(0,0,0,0.2);
    }

.btn-linkedin {
    color: #fff;
    background-color: #007bb6;
    border-color: rgba(0,0,0,0.2);
}

    .btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin {
        color: #fff;
        background-color: #005f8d;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-linkedin:active, .btn-linkedin.active, .open .dropdown-toggle.btn-linkedin {
        background-image: none;
    }

    .btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active {
        background-color: #007bb6;
        border-color: rgba(0,0,0,0.2);
    }

.btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active {
    background-color: #2c4762;
    border-color: rgba(0,0,0,0.2);
}

.btn-twitter {
    color: #fff;
    background-color: #2ba9e1;
    border-color: rgba(0,0,0,0.2);
}

    .btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
        color: #fff;
        background-color: #1c92c7;
        border-color: rgba(0,0,0,0.2);
    }

    .btn-twitter:active, .btn-twitter.active, .open .dropdown-toggle.btn-twitter {
        background-image: none;
    }

    .btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active {
        background-color: #2ba9e1;
        border-color: rgba(0,0,0,0.2);
    }

.fa-stack {
    margin-right: 0;
}

.fa-inverse {
    font-size: 13px;
}

.fa-stack-2x {
    font-size: 30px !important;
}

.fa-stack-1x {
    font-size: 14px !important;
}

.backwhite {
    background: #f5f5f7;
    position: relative;
    min-height: 100%;
}

.details {
    background: #fff;
    border: 1px solid #f8f8f8;
    padding: 10px 7px;
}

.light {
    background: #f8f8f8;
}

.details span {
    font-size: 13px;
    padding: 4px 0px;
    color: #787878;
    word-wrap: break-word;
}

.details b {
    color: #133984;
    font-weight: 500;
}


.select .arr {
    bottom: 5px;
    right: 9px;
    top: 12px;
}

.flex-center img {
    border: 4px solid #f1f1f1;
    border-radius: 156px;
    width: 60px;
    height: 60px;
    text-align: center;
    margin: 0px auto;
    margin-top: 0px;
    display: block;
    margin-top: -42px !important;
}


.proheight {
    min-height: 296px;
}

    .proheight .minheight {
        min-height: 350px !important;
    }
/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}

    .scrollbar-inner > .scroll-element div {
        display: block;
        height: 100%;
        left: 0;
        top: 0;
        width: 100%;
    }

    .scrollbar-inner > .scroll-element.scroll-x {
        bottom: 2px;
        height: 8px;
        left: 0;
        width: 100%;
    }

    .scrollbar-inner > .scroll-element.scroll-y {
        height: 100%;
        right: 2px;
        top: 0;
        width: 8px;
    }

    .scrollbar-inner > .scroll-element .scroll-element_outer {
        overflow: hidden;
    }

    .scrollbar-inner > .scroll-element .scroll-element_outer,
    .scrollbar-inner > .scroll-element .scroll-element_track,
    .scrollbar-inner > .scroll-element .scroll-bar {
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        border-radius: 8px;
    }

    .scrollbar-inner > .scroll-element .scroll-element_track,
    .scrollbar-inner > .scroll-element .scroll-bar {
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
        filter: alpha(opacity=40);
        opacity: 0.4;
    }

    .scrollbar-inner > .scroll-element .scroll-element_track {
        background-color: #e0e0e0;
    }

    .scrollbar-inner > .scroll-element .scroll-bar {
        background-color: #c2c2c2;
    }

    .scrollbar-inner > .scroll-element:hover .scroll-bar {
        background-color: #919191;
    }

    .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
        background-color: #919191;
    }


    /* update scrollbar offset if both scrolls are visible */

    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
        left: -12px;
    }

    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
        top: -12px;
    }


    .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
        left: -12px;
    }

    .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
        top: -12px;
    }
/* --------------shapes--------------*/


#quarterCircleTopLeft {
    width: 70px;
    height: 70px;
    float: right;
    margin-top: -50px;
    background: #9b9b9b;
    border-radius: 140px 0 0 0;
    -moz-border-radius: 140px 0 0 0;
    -webkit-border-radius: 140px 0 0 0;
    z-index: 9999;
    position: relative;
}

    #quarterCircleTopLeft:hover {
        background-color: #445c87;
        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
        z-index: 9999;
        position: relative;
    }

    #quarterCircleTopLeft i {
        margin: 30px 30px;
        color: #fff;
    }

.tit {
    margin: 18px 0px;
}

.tag.tag-rounded.tag-sm {
    height: 20px;
    width: 20px;
    line-height: 22px;
    font-size: 11px !important;
    position: relative;
    right: 14px;
    top: -5px;
}

.input-group .input-group-addon {
    background-color: #fff;
}

.input-group-addon {
    padding: 0px 0px;
}

.badge.badge-40 .tag {
    position: absolute;
    z-index: 2;
    top: 0px;
    left: calc(40px * 0.66);
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
    border-width: 0;
}

.tag.tag-rounded {
    height: 20px;
    width: 20px;
    text-align: center;
    padding: 0 !important;
    line-height: 20px;
    font-size: 12px !important;
    border-radius: 50% !important;
}

.tag.tag-warning {
    background-color: #f43451;
    color: #fff;
    border: none;
}

.tag {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.125rem;
}

.notif a {
    font-size: 13px;
    /*padding-right: 20px;*/
    color: #fff;
}

.notif img {
    width: 40px;
    border: 3px solid #fff;
    height: 40px;
    float: left;
    position: relative;
    right: 9px;
}
/* vino */
@media (min-width:768px) and (max-width:991px) {
    .notif {
        top: -6px;
        padding: 1px 6px 6px 2px;
        right: 80px;
    }

    .nmp {
        margin-top: 0 !important;
    }

    .cams {
        top: -8px;
    }

    .ul.dropdown-menu.notify-drop {
        margin: 22px 0 0 -25px;
    }

    .col-md-5ths {
        padding-left: 15px;
    }

    .row.mr-30 {
        margin-right: 0;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .button-collapse .fa-bars {
        margin-top: 7px;
    }

    .cams {
        top: 0px !important;
        font-size: 13px;
    }

    .cams-logo img {
        width: 5.5% !important;
        margin-top: -5px;
    }

    .nmp {
        margin-top: 7px !important;
    }

    .notif {
        right: 50px !important;
    }

    .social-icon {
        left: 9px;
    }

    #CamsLogin {
        margin-top: 30px;
    }
}

@media (min-width:1200px) and (max-width:1279px) {
    .button-collapse .fa-bars {
        margin-top: 7px;
    }

    .cams {
        top: 0px !important;
        font-size: 13px;
    }

    .cams-logo img {
        width: 5.5% !important;
        margin-top: -5px;
    }

    .nmp {
        margin-top: 7px !important;
    }

    .notif {
        right: 25px !important;
    }
}

@media (min-width:1280px) {
    .notif {
        right: 0px;
        top: 5px;
        padding: 1px 6px 6px 15px;
    }
}

@media (min-width:1360px) {
    .notif {
        top: 10px !important;
    }
}

.notif {
    position: absolute;
}

    .notif span {
        color: #000;
    }

    .notif i {
        color: #000;
    }

.nmp {
    text-align: right;
    margin-top: 13px;
    float: right;
}

    .nmp a {
        padding-left: 2px;
        font-size: 19px;
        word-wrap: break-word;
    }

.ipower {
    position: relative;
    left: 12px;
}

.from-top i {
    font-size: 15px !important;
    padding-right: 7px;
}

.right-side i {
    font-size: 20px;
    line-height: 12px;
}

.ipower .fa:hover {
    /*background-color: #f43451;*/
    color: #1fc5d0;
    border-radius: 50%;
    /*-moz-box-shadow: 0px 0px 0px 5px #f43451;
    -o-box-shadow: 0px 0px 0px 5px #f43451;
    -ms-box-shadow: 0px 0px 0px 5px #f43451;
    -webkit-box-shadow: 0px 0px 0px 5px #f43451;
    box-shadow: 0px 0px 0px 5px #f43451;*/
    -webkit-transition: all ease-in-out 0.35s;
    -moz-transition: all ease-in-out 0.35s;
    -o-transition: all ease-in-out 0.35s;
    -ms-transition: all ease-in-out 0.35s;
    transition: all ease-in-out 0.20s,background-color ease-in-out 0.05s;
    -ms-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    -moz-transform: scale(1.2,1.2);
    -o-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2);
    /*width: 15px;
    height: 15px;*/
}

/* ---------------------breadcrumb------------------------------ */
.breadcrumb {
    background: none;
    color: #333;
}

    .breadcrumb a {
        color: #445c87 !important;
        font-weight: bold;
    }

.white-skin .double-nav a {
    /*color: #fff;*/
}

.breadcrumb i {
    /*padding-right: 13px;*/
}

.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: #333;
    content: ">";
    font-size: 15px;
}

.breadcrumb {
    margin-bottom: 0rem;
}

    .breadcrumb i {
        font-size: 16px !important;
        line-height: 30px;
    }
/* ================ segment ================= */
.ui-segment {
    color: rgb(158, 158, 158);
    border: 1px solid rgb(89, 114, 141);
    border-radius: 0px;
    display: inline-block;
}

    .ui-segment span.option.active {
        background-color: rgb(89, 114, 141);
        color: white;
    }

    .ui-segment span.option {
        font-size: 14px;
        padding: 21px 12px;
        height: 25px;
        text-align: center;
        display: inline-block;
        line-height: 3px;
        margin: 0px;
        float: left;
        cursor: pointer;
    }

        .ui-segment span.option:last-child {
            border-right: none;
        }




/* ================ TOOLTIPS ================= */

#switch label:hover::before {
    content: attr(for);
    font-size: 11px;
    position: absolute;
    top: 170%;
    left: 0;
    right: 0;
    opacity: 0.75;
    background-color: #323232;
    color: #fff;
    padding: 4px;
    border-radius: 3px;
    display: block;
}


$color-black: "0,0,0"; $select-background-color: transparent; $select-border-color: unquote("rgba(#{$color-black}, 0.12)") !default; $select-font-size: 16px; $select-color: unquote("rgba(#{$color-black}, 0.26)") !default; $select-padding: 4px;
/* ==========  Select Field ========== */
/* Style Select Field */
select {
    font-family: 'Poppins', sans-serif !important;
    background-color: transparent;
    width: 100%;
    padding: $select-padding 0;
    font-size: $select-font-size;
    color: $select-color;
    border: none;
    border-bottom: 1px solid $select-border-color;
    font-size: 14px;
    font-weight: 300;
}

/* Remove focus */
select:focus {
    outline: none
}

/* Hide label */
.mdl-selectfield label {
    display: none;
}
/* Use custom arrow */
.mdl-selectfield select {
    appearance: none
}

.mdl-selectfield {
    position: absolute;
    top: 0.75em;
    right: 0.5em;
    /* Styling the down arrow */
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: .25em solid transparent;
    border-right: .25em solid transparent;
    border-top: .375em solid $select-border-color;
    pointer-events: none;
}

.select-wrapper input.select-dropdown {
    margin: 0px 0 15px 0;
}
/* .switch_filter{position: relative;top: 38px;} */
/* ------Fund information five box---- */
/*.container {
    width: 100%;
    max-width: 100%;
}*/
.mar_btm.container {
    width: 100%;
    max-width: 100%;
}

fund_info span {
    text-align: center;
    color: #757575;
    font-weight: 600;
}

.fund_info b {
    text-align: center;
    color: #333;
    padding: 3px 0px;
    font-weight: 400;
}

.fund_info img {
    height: 33px;
    width: 34px;
    text-align: center;
    margin: 0px auto !important;
}

.fund_info .card {
    padding: 7px 0px;
}

.fund_info i {
    padding-right: 5px;
    font-size: 18px;
    color: #a8a8a8;
}

/* ------disclimer---- */
.lnkmore {
    margin: 0;
    padding-top: 13px;
}

    .lnkmore span {
        cursor: pointer;
        color: red;
    }
/* ------progress---- */
.progress .progress-bar {
    height: 8px;
}

#divassetclass .progress {
    height: 6px;
    margin-bottom: 20px;
}

.badge {
    font-size: 12px;
    padding: 5px 9px;
    margin-bottom: 6px;
    border-radius: 80px;
}

.progress1 span {
    box-shadow: none;
}

.progress1 b {
    color: #6D6E72;
    float: left;
    font-weight: 500;
}

/* ------Slider---- */
.bg {
    background: #6D6372; /* box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12); */
}

.bg0 {
    background: #04a239 !important;
}

.bg1 {
    background: #f1c713 !important;
}

.bg2 {
    background: #528073 !important;
}

.bg3 {
    background: #279fea !important;
}

.bg4 {
    background: #965ca6 !important;
}

.bg5 {
    background: #344a5f !important;
}

.bg6 {
    background: #c43a2d !important;
}

.bg7 {
    background: #8899cd !important;
}

.bg8 {
    background: #3f324e !important;
}

.bg9 {
    background: #cf4d4d !important;
}

.bg10 {
    background: #70c689 !important;
}

.bg11 {
    background: #e6c35d !important;
}

.bg12 {
    background: #1abb9c !important;
}

.bg13 {
    background: #812f35 !important;
}

.bg14 {
    background: #b49248 !important;
}

.bg15 {
    background: #27b060 !important;
}

.bg16 {
    background: #ce5703 !important;
}

.bg17 {
    background: #ce4861 !important;
}

.bg18 {
    background: #7f3c0b !important;
}

.bg19 {
    background: #2d3e50 !important;
}

.md-form .prefix ~ input {
    margin-left: 0rem;
}

.md-form .prefix {
    font-size: 22px;
}

.md-form {
    margin-bottom: 0rem;
    height: 45px;
    text-align: left;
}

#step-4, md-form {
    margin-bottom: 1rem;
    height: auto !important;
}

.form-control {
    font-size: 1rem;
    line-height: 1.5;
    background-color: transparent;
    background-image: none;
    border-radius: 0;
    margin-top: 0rem;
    margin-bottom: 1rem;
    /*padding: 7px 6px 0 0;*/
    padding: 0px;
}

.login {
    margin-top: 8%;
}

.btn {
    font-weight: 500;
}

.nextBtn {
    margin-bottom: 16px;
}

.btn-floating.btn-small {
    height: 25px;
    width: 25px;
    margin: 0px auto;
}

    .btn-floating.btn-small .fa {
        margin-top: 0px;
        /*font-size: 18px;
        margin-left: 1px;*/
        line-height: 25px;
    }

.carousel-indicators {
    display: none;
}

.carousel-control-next, .carousel-control-prev {
    color: #fff;
    font-size: 16px;
}

.full-bg-img {
    background-color: rgba(0, 0, 0, 0) !important;
}

.bg1 {
    background: #f1c713;
}

.bg2 {
    background: #528073;
}

.bg3 {
    background: #279fea;
}

.bg4 {
    background: #965ca6;
}

.bg5 {
    background: #344a5f;
}

.bg6 {
    background: #c43a2d;
}

.bg7 {
    background: #8899cd;
}

.bg8 {
    background: #3f324e;
}

.bg9 {
    background: #cf4d4d;
}

.bg10 {
    background: #70c689;
}

.bg11 {
    background: #e6c35d;
}

.bg12 {
    background: #1abb9c;
}

.bg13 {
    background: #812f35;
}

.bg14 {
    background: #b49248;
}

.bg15 {
    background: #27b060;
}

.bg16 {
    background: #ce5703;
}

.bg17 {
    background: #ce4861;
}

.bg18 {
    background: #7f3c0b;
}

.bg19 {
    background: #2d3e50;
}

.bg20 {
    background: #04a239;
}
/* ------header---- */
/*.btn-floating {
    margin-top: 26px;
}*/

.navbar {
    padding: 0rem 1rem;
}

.navbar {
    font-size: 14px;
    color: #000;
}

    .navbar.navbar-dark .navbar-nav .nav-item a {
        color: #252525;
        font-weight: 400 !important;
    }

        .navbar.navbar-dark .navbar-nav .nav-item a:hover {
            color: #183881;
            transition: 0.4s;
        }

.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:hover {
    webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0px;
    border-radius: 0px;
    /* background-color: #07c5d2 !important;*/
    color: #fff;
}

.nav-item span.active {
    border-bottom: 3px solid #18c7d3 !important;
    padding-bottom: 5px;
}

.side-nav .collapsible > li {
    padding-right: 0rem;
    padding-left: 0rem;
}

.side-nav .collapsible a {
    font-size: 14px;
}

.fa-inverse {
    font-size: 18px;
}

.fa-stack {
    margin-right: 0;
}

.side-nav .plus {
    position: absolute;
    right: 0;
    top: 10px;
    font-size: 17px;
    color: #565656;
    /*-webkit-text-stroke: 1px white;*/
}

.white-skin .side-nav .collapsible li a:hover .fa-plus {
    /*-webkit-text-stroke: 1px #1a48a2;*/
}

.white-skin .side-nav .collapsible li a:hover .fa-minus {
    /*-webkit-text-stroke: 1px #1a48a2;*/
}


.head-bg {
    background: #ffcb05;
    padding: 1px 0px 1px 0px;
    min-height: 52px;
    -webkit-box-shadow: 0px 1px 5px 0px rgb(113, 131, 144);
    -moz-box-shadow: 0px 1px 5px 0px rgb(113, 131, 144);
    box-shadow: 0px 1px 5px 0px rgb(113, 131, 144);
    /*   background: linear-gradient(154deg,#1a48a2 0,#4886b2 100%);
      background: -moz-linear-gradient(-65deg,#1a48a2 0,#4886b2 100%);
    background: -webkit-gradient(linear,left top,right bottom,color-stop(0%,#1a48a2),color-stop(100%,#4886b2));
   background: -webkit-linear-gradient(-65deg,#008fe2 0,#00b29c 100%); 
    background: -o-linear-gradient(-65deg,#1a48a2 0,#4886b2 100%);
    background: -ms-linear-gradient(-65deg, #1a48a2 0,#4886b2  100%);
    background: linear-gradient(154deg,#1a48a2 0,#4886b2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a48a2', endColorstr='#4886b2', GradientType=1);*/
}

.btn-floating.btn-large {
    width: 40.5px;
    height: 40.5px;
}

.white-skin .side-nav .collapsible li a:hover .fa {
    /*background: #1a48a2;*/
    color: #fff;
}

.white-skin .side-nav .collapsible li a.active {
    background: #000000;
}

.white-skin .side-nav .collapsible li a:hover .act {
    color: #fff;
}

.white-skin .side-nav .collapsible li a.active .act {
    color: #f5f5f7;
}

.white-skin .side-nav .collapsible-body li a {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    background: #f9f9f9;
}

    .white-skin .side-nav .collapsible-body li a:hover {
        margin-left: 6px;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    .white-skin .side-nav .collapsible-body li a.active {
        color: #fff;
    }
/* .side-nav{padding-bottom: 0px !important;} */
.side-nav .collapsible-body a {
    padding-left: 28px;
}

.collapsible-body a {
    padding-left: 40px !important;
}
/* .white-skin .side-nav .collapsible  li span .act a:hover{ color:#fff; background:red;} */
/* .white-skin .side-nav .collapsible li a:hover{color: color|initial|inherit; background: #2a3954;}
.fa-circle, .fa-stack-2x li a:hover{color:red !important; background:red !important;} */
.card {
    width: 100%;
    /*box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.38), 0 2px 5px 0 rgba(167, 167, 167, 0.54);*/
    box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 2px 3px 0 rgba(0,0,0,.1);
}

/*.divheight {
    height: 68px;
    width: 100%;
}*/

.Profile {
    position: absolute;
    right: 0px;
    width: 100%;
}
/* -----------notification---------- */

.notify-drop i {
    font-size: 22px;
    padding-right: 9px;
}

.notify-drop, .close {
    position: absolute;
    right: 21px;
}

.close1 {
    color: red;
    font-size: 25px;
}

.alert-dismissable {
    margin-bottom: 0px;
}

#canvas-legend2 span {
    color: #000;
}

.contact a {
    padding: 0px 4px;
    color: #000000;
}

.contact i {
    color: #000000;
    padding-right: 5px;
    line-height: 30px !important;
}

.mobile {
    background: #06b7b7;
    top: 20px;
}

.navbar-toggler {
    padding: 8px .75rem;
    font-size: 12px;
}

.md-form .prefix ~ label {
    margin-left: 21px;
}

.md-form .prefix ~ input {
    /*margin-left: 10px;*/
}

.social a {
    margin: 0px 2px !important;
}

.dropdown-menu1 {
    position: absolute;
    top: 45% important;
    right: 1px !important;
    margin: 0px !important;
    padding: 0px;
}

.dropdown .dropdown-menu a {
    padding: 0px 10px !important;
    display: block;
}

#form1 {
    padding-left: 30px;
    color: #fff !important;
}

.recent {
    display: inherit;
    color: #5d5d5d;
    margin-top: 12px;
    padding: 9px 0px 6px;
}

    .recent h3 {
        margin-bottom: 0px;
        font-size: 18px;
        color: #000;
    }

.recent_viewed {
    position: absolute;
    right: 0px;
    right: 3%;
}


    .recent_viewed a {
        color: #a5a5a5 !important;
        padding: 0px 7px;
        font-size: 17px;
    }

.ml-auto {
    /*-webkit-margin-start: 20% !important;
 webkit-margin-before:0px !important;
-webkit-margin-after:auto !important;
-webkit-margin-start: 27%;	
-webkit-margin-end:auto !important; */
}
/* ------box---- */

.right-bar {
    border-bottom: 2px solid #18c7d3;
    width: 61px;
    position: absolute;
    /* margin-left: 13px; */
    margin-top: -2px;
}

.box_bg {
    margin-top: -1rem;
}

.jumbotron {
    box-shadow: 0px 2px 7px #b5b5b5;
    background: #ffffff;
    padding: 15px 15px;
    margin-bottom: 11.97px;
}

.who h3 {
    font-weight: 500;
    font-size: 17px;
}

.who p {
    line-height: 29px;
    text-align: justify;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 10px;
}

.ek {
    padding: 5px;
}

.social {
    margin: 7px;
    float: right;
}

.ekyc {
    padding: 0px 13px;
    font-size: 12px;
}

    .ekyc i {
        float: right;
        background: #17c6d2;
        padding: 6.5px 7px;
        color: #fff;
        font-size: 19px;
        margin-top: -8px;
    }

.news {
    background: #f9f9f9;
    padding: 8px 0px 8px 6px;
    font-weight: 500;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.06), 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}

.alert label {
    margin-bottom: 0;
}



.cent-btn {
    margin: 0px;
    display: block;
    text-align: center;
    position: relative;
    top: -30px;
}
/* ------PIE CHART---- */
.minheight {
    max-height: 290px;
    height: 100%;
    min-height: 260px;
    /* overflow-x: hidden;
overflow-y: auto; */
}

.minheightloc {
    max-height: 490px;
    height: 100%;
    min-height: 414px;
    /* overflow-x: hidden;
overflow-y: auto; */
}

.borderbox {
    border: 2px solid #efefef;
}
/* ------NEW FEATURES---- */
.cent-btn {
    margin: 0px auto;
    display: block;
    text-align: center;
}

.bor-bottom {
    border-bottom: 2px solid #6D6E72;
    width: 80px;
    margin: 7px auto 45px auto;
}

.card-block {
    font-weight: 400;
    color: #000000;
}

    .card-block p {
        padding: 10px 0 15px;
        font-weight: 500;
    }

.blue {
    background: #6D6E72 !important;
}

.blue {
    margin-top: -15px;
    background: #425c8f;
}

.card-cascade.narrower {
    margin: 16px 0;
    border-radius: 3px;
}

.card-block1 {
    padding: 12px 7px;
}
/* ------------pre login------------- */
.md-pills p {
    text-align: center;
}
/* .btn {font-size: 14px; padding: 2px 25px;} */
.waves-button-input {
    padding: 0.1em 0.1em;
}

.connecting-line {
    height: 1px;
    background: #dbdbdb;
    position: absolute;
    width: 74%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 26%;
    z-index: 1;
}

.md-form label.active {
    transform: translateY(-100%) !important;
}

/* ------------popup------------- */
.modal-dialog.cascading-modal .modal-header {
    text-align: center;
    margin: -2rem 1rem 1rem;
    padding: 1.5rem;
    border: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-radius: 3px;
}

.modal-header {
    background-color: #6D6E72;
    color: #f5f5f7;
    font-weight: 500;
}

.form-left {
    padding-left: 30px;
    color: #000 !important;
}

.classic-tabs li:first-child {
    margin-left: 0px;
}

.classic-tabs li a.active {
    border-bottom: 3px solid #fff;
    color: #fff !important;
}

.termscondition p {
    text-align: justify;
}

.termcon {
    line-height: 19px;
    cursor: pointer;
    text-decoration: underline;
    float: left !important;
}
/*-----------------------tab----------------*/
/* .tabb i{background:#fff;} 
.pills-default .nav-item .nav-link.active i{background-color: #445c87;}
.pills-default .nav-item .nav-link.active:hover{background-color:#2BBBAD;}
.pills-default .nav-item .nav-link:hover i{background-color: #none;}*/
.md-pills.pills-default .nav-item .nav-link .active {
    background-color: #445c87 !important;
}

.md-pills .detail.active li {
    background-color: #ggg !important;
}

canvas { /* width: 100%; margin: -40px 0px -40px -45px; */
}

.spc-legend-content td {
    text-align: left !important;
    margin: 0px auto !important;
}

.canvas-legend2 {
    text-align: center !important;
    margin: 0px auto !important;
    display: block;
}

#canvas-legend2 {
    max-height: 345px;
    overflow: auto;
}


/* ------carousel---- */
.carousel-indicators {
    margin-right: 78%;
    margin-left: 0%;
}

.carousel .carousel-indicators li {
    max-width: 43px;
    height: 6px;
    border-radius: 0%;
}
/* ---------------------Login fotter------------------------------ */


footer {
    /*background: #183881;*/
    background: url('../img/footer_bg.jpg');
    margin-top: 40px;
    padding: 12px 0;
}

    footer h3 {
        font-size: 14px;
        color: #fff;
        padding-top: 20px;
        padding-bottom: 22px;
        font-weight: 500;
        /* letter-spacing: .6px;*/
    }

    footer ul {
        padding: 0;
    }

        footer ul li {
            list-style-type: none;
            line-height: 22px;
            font-size: 12px;
        }

            footer ul li a {
                color: #fff;
                letter-spacing: .5px;
            }

                footer ul li a:hover {
                    color: #4ab8a1;
                    text-decoration: none;
                }

.copy-right {
    /*background: #153e7e;*/
    background: url('../img/footer_bg.jpg');
    padding-top: 10px;
}

    .copy-right p {
        color: #fff;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .copy-right ul li a {
        color: #fff;
    }
/* ----------stepwizard---------- */

.stepwizard-step p {
    margin-top: 15px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    z-order: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

    .stepwizard-step img {
        width: 35px;
    }

.btn-circle {
    text-align: center;
    padding: 22px 14px;
    border-radius: 715px;
}

.white-skin .btn-default, .white-skin .card .btn-action {
    background: #0F0F0F33;
}

.border {
    background: #ededed;
    border-radius: 500px;
}

.border-active {
    background: #f5f5f7;
    border-radius: 500px;
    border: 1px solid #f5f5f7;
    color: #6D6E72;
}

.step_border {
    border-top: dotted 3px #c9c9c9 !important;
    width: 100%;
    position: absolute;
    top: 19px;
}

.step_border_active {
    border-top: solid 3px #6D6E72 !important;
    width: 20%;
    position: absolute;
    top: 19px;
}
/* ----------transcat---------- */
.amc img {
    position: absolute;
    right: 0px;
    top: 22px;
    width: 151px;
}

.four {
    width: 32.26%;
    max-width: 32.26%;
}

label > input { /* HIDE RADIO */
    visibility: hidden; /* Makes input not-clickable */
    position: absolute; /* Remove input from document flow */
}

    label > input + img { /* IMAGE STYLES */
        padding: 6px;
        border: 1px solid #d5d1d1;
        border-radius: 128px;
        width: 55px;
        height: 55px;
    }

    label > input:checked + img { /* (RADIO CHECKED) IMAGE STYLES */
        border: 1px solid #4886b2;
        box-shadow: 0px 5px 0px #4886b2;
        background: #d8e6f1;
    }

.mf p {
    text-align: center;
    margin-bottom: 0rem;
}

.browser-default {
    display: block;
}

.backwhite {
    width: 99.5%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    background-color: #f5f5f7;
    padding: 0px;
    margin: 0px;
}

.picker_bor {
    border: 1px solid #9c9c9c;
    height: 45px;
}

    .picker_bor span {
        position: absolute !important;
        right: 28px;
        top: 2px;
    }

/*-------------editicon---------*/
.editicon {
    position: absolute;
    right: 2px;
    top: 0px;
}

    .editicon a {
        background: #fff;
    }

    .editicon i {
        font-size: 17px;
        color: #000;
    }

    .editicon a:hover i {
        background: #325292;
        color: #fff !important;
    }
/*------------RecentTransactions-----------*/

.classic-tabs.tabs-cyan {
    background-color: #f9f9f9 !important;
    padding: 0px 12px;
    margin: 10px 0 0;
}

.tabs-wrapper {
    width: 100%;
}

.nav.addnominee span {
    padding: 0;
    left: -10px;
    z-index: 1;
    text-align: right;
    cursor: pointer;
    position: relative;
}

.classic-tabs.tabs-cyan li a.active {
    border-color: #f5f5f7;
    background: #000000;
    color: #fff !important;
    border-radius: 0;
}

.classic-tabs li a {
    padding: 10px 29px 8px;
}



.fafilter {
    position: absolute;
    right: 37px;
    top: -41px;
}

    .fafilter i {
        font-size: 15px;
        color: #f5f5f7;
        background: #ffcb05;
    }

.fafilterdropdown {
    position: relative;
    top: 35px;
    left: 50px;
}

.classic-tabs {
    white-space: inherit;
}

.tabs-2 {
    margin-bottom: -8px !important;
    width: 50%;
    height: 50px;
}

.faclose {
    background: #f24a36;
    padding: 2px;
    border-radius: 41px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 16px;
    font-size: 12px;
    opacity: 1;
    color: #fff;
}

/* ----------desktop---------- */

@media (max-width: 1280px) {
    .mob_span {
        display: block !important;
    }

    table {
        text-align: center;
        float: none;
    }

    .pad {
        padding-right: 0px !important;
        padding-left: 0px important;
    }

    .card1 b {
        line-height: 34px;
        font-weight: 500;
    }

    .card2 th {
        font-weight: 400 !important;
        font-size: 12px !important;
    }

    .cams {
        position: relative;
        /*top: 11px;*/
        left: 7px;
        font-size: 13px;
    }

    .btn-rad1 {
        /*padding: 12px !important;*/
    }

    .side-nav .user-box {
        padding: 2px 11px 2px 8px;
    }

    .card-block1 {
        font-size: 13px;
    }

    .d-hidden {
        /*display: none;*/
    }

    div#myCAMSTog {
        /*margin-bottom: 40px;*/
    }

    /*.recent .fa-stack {
        height: 1.6em;
    }*/


}

@media (min-width: 1279px) {
    .card1 b {
        line-height: 34px;
        font-weight: 500;
    }
    /* .card-block1 {margin-top: 7px; padding: 6px;} */
    .button-collapse {
        display: none !important;
    }
    /* .dropdown .dropdown-menu {margin: 2.125rem 112px 0;} */
    .cams {
        /*top: 14px;*/
    }

    .mobi img {
        width: 65%;
        margin: 0 auto;
    }

    main .scrollbar {
        height: 87vh;
        background: #eee;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

@media (max-width: 968px) {
    .card2 th {
        font-weight: 400 !important;
        font-size: 11px !important;
    }
}

@media (min-width: 991px) {
    .sticky-scroll-box {
        display: none;
    }
}

@media (max-width: 991px) {
    .logo {
        width: 77%;
    }

    .sticky-scroll-box {
        display: inherit;
    }

    .logo1 {
        width: 56%;
    }

    .btn-floating.btn-small .fa {
        font-size: 11px;
    }

    .nav-link {
        display: block;
        padding: 1px 0em;
    }

    .mrtop {
        margin: 0px auto;
        padding: 20px 0px;
    }

    .spc-legend-content tr {
        display: inline-block;
        width: 100%;
        float: left;
    }

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

        .chart_center h4 {
            margin-bottom: 12px;
            text-align: left;
        }

    .right-side {
        float: right !important;
        width: 50% !important;
    }

    .right-side1 {
        width: 20% !important;
        position: relative;
        left: 4px !important;
    }



    .sidebar-heading {
        height: 60px !important;
    }

    .minheight {
        height: auto;
        /*max-height: 367px;*/
        min-height: auto;
    }

    .progress1, .mp {
        padding: 0px;
    }

    .dropdown-menu.lg {
        left: 0;
    }

    .lnkmore {
        margin: 0;
        padding: 6px 0;
    }
}


@media (max-width: 887px) {
    .log_out {
        display: none !important;
    }

    .user-profile img {
        display: inherit;
    }

    .ChartLeg div {
        display: inline-block !important;
        font-size: 11px;
        padding: 0px 4px 5px 29px;
        width: 30% !important;
    }

    .ChartWidth {
        bottom: 8px !important;
    }

    .nav > li > a > img {
        margin: 0px auto;
    }

    .brk {
        display: block !important;
        text-align: center;
    }

    .card-block1 {
        padding: 15px 2px;
    }

    .modal-dialog {
        margin: 27px 17px;
        max-width: 100%;
        /*min-width:800px;*/
    }
}

/*-------tab------*/
@media (max-width: 767px) {
    .progress1 b {
        position: relative;
        top: 18px;
    }

    .picker_bor span {
        position: absolute !important;
        right: 28px;
        top: 11px
    }

    .mt-2 {
    }

    .progress {
        height: 6px;
        margin-bottom: 0px;
    }

    .main {
        margin: 0px 15px;
    }

    .side-nav .collapsible {
        padding-bottom: 106px;
    }

    .picker_bor i {
        padding-top: 0px !important;
    }

    /**/
    .loginpage {
        padding: 5px 5%;
    }

    /*added by sundar*/
    .box-s .text-muted {
        color: #6D6E72 !important;
        text-align: center;
    }

    .sixbox1 {
        line-height: 18px;
    }

        .sixbox1 h4 {
            font-size: 14px !important;
        }

    .footer {
        margin-left: 0;
        position: relative !important;
    }

    footer h3 {
        font-size: 16px;
    }

    .news a {
        color: #425c8f;
        /* font-weight: bold; */
        font-size: 13px;
    }

    .PAN {
        position: absolute;
        top: 0px;
    }

    .borderbox {
        border: 0px;
        padding: 0;
    }
}

@media (max-width: 768px) {
    /*.right-side{float:right !important; margin-left: 29%;}*/
    .table > tbody > tr > td, .table > tbody > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        text-align: right;
    }

    .innertop {
        padding: 1px 0 !important;
    }

    .contact a {
        font-size: 12px;
        padding: 0px 3px;
    }

    .btn-rad1.active {
        /*padding: 13px !important;*/
    }

    .btn-rad {
        padding: 9px 12px !important;
    }

    .news {
        margin-top: 12px;
    }

    .mrtop {
        margin: 0px auto;
    }

    .switch_filter {
        top: 0px;
    }

    .table img {
        text-align: center !important;
        margin: 0px auto;
        display: block;
    }

    .butt_mrt {
        position: relative;
        top: -20px;
        text-align: center;
        margin: 0px auto;
    }

    .recent h3 {
        padding-left: 0%;
        margin-bottom: 0px;
        font-size: 18px;
    }


    /* added by sundar */
    .tab-head .col-sm-8 {
        width: 80%;
    }

        .tab-head .col-sm-8.nofilter {
            width: 100%;
        }

    .col-xs-15 {
        margin-left: 0px;
    }

    .none {
        display: none;
    }

    ul.dropdown-menu.notify-drop {
        left: 0px;
        margin: 0;
    }

    .arrow-down {
        width: 0px;
        height: 0px;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        /*border-top: 10px solid #0569ff;*/
        text-align: center;
        margin: 0px auto;
    }
}

@media (min-width: 767px) {
    .card-hide {
        background: none;
        box-shadow: none;
    }

    .footer {
        position: static;
    }

    .navbar {
        font-size: 13px;
        color: #000;
    }
}

@media (min-width: 768px) and (max-width:991px) {
    .not-icon {
        left: 27px;
        top: 6px !important;
    }

    .nmp {
        padding-left: 15px !important;
    }

    .social-icon {
        top: 6px !important;
        left: 17px;
    }

    .ipower {
        top: 6px !important;
    }

    .notify-drop p {
        width: 100%;
    }

    ul.dropdown-menu.notify-drop {
        left: auto !important;
    }
}

@media (min-width: 768px) {
    .padd-left {
        padding: 0;
    }

    .description {
        margin: 3px 0 0 0;
        height: 20px;
    }

    .view1 {
        width: 100%;
    }

        .view1 img {
            width: 100% !important;
        }

    .card-block1 {
        padding-top: 6%;
        /*padding-top: 16%;*/
    }

    .para P {
        line-height: 15px;
        font-size: 12px;
        /* font-weight: 400; */
        letter-spacing: .6px;
    }

    .md-form .prefix {
        padding-top: 10px;
    }

    .btn-floating {
        /*margin: 11px 4px;*/
    }

    .contact {
        margin: -2px;
        font-size: 12px;
    }

    .btn-floating.btn-small .fa {
        font-size: 14px;
    }

    .float-md-left {
        float: left !important;
    }

    .float-md-right {
        float: right !important;
    }

    .tab_container {
        margin-bottom: 25px;
    }

    .footer p {
        font-size: 12px;
    }

    #trSchemeDetails .table a {
        margin-left: 0rem;
    }

    .n-left {
        padding-left: 1px;
        padding-right: 6px;
    }

    #Divshowchequeimage .modal-dialog {
        max-width: 700px;
        margin: 180px auto;
    }

    .modal-dialog {
        min-width: 400px;
    }

    .mar_btm {
        position: relative;
    }
}

@media screen and (max-device-width: 1260px) and (min-device-width: 992px) {
    .card-block1 {
        padding-top: 0% !important;
    }

    .form-header {
        margin-bottom: 8px;
    }

    .alert-info {
        padding: 8px;
        text-align: justify;
    }


    /* added by sundar*/
    .ekyc i {
        color: #ffffff;
        padding: 9px 7px;
    }
}
/*-------mobile------*/
@media (max-width: 640px) {
    /*body {
        font-size: 12px !important;
    }*/


    .Available {
        height: 40px !important;
        top: 36px !important;
    }

    .title {
        padding-top: 3px;
    }

    .toggle {
        padding-top: 0px;
    }

        .toggle a {
            padding: 2px 8px 9px;
            font-size: 28px;
        }

    [type="radio"]:not(:checked) + label {
        height: 11px;
        padding-left: 27px;
        font-size: 11px;
    }

    [type="radio"]:checked + label {
        height: 11px;
        padding-left: 27px;
        font-size: 11px;
    }

    [type="radio"]:not(:checked) + label {
        height: 11px;
        padding-left: 23px;
    }

    .col-xs-6 {
        position: relative;
        width: 50%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
    }

    .right-bar {
        border-bottom: 2px solid #18c7d3;
        width: 57px;
        /*margin-top: 5px;*/
    }

    .copy-right p {
        font-size: 10px;
    }

    .innertab ul {
        margin-bottom: 0 !important;
        padding: 0 !important;
    }



    #quarterCircleTopLeft i {
        margin: 13px 13px;
    }

    .md-form label {
        font-size: 12px;
        /* color: #504b4b;
        font-weight: 300;*/
    }

    .form-control {
        font-weight: 300;
    }

    .right_col {
        padding: 0px !important;
    }

    .nav > li > a {
        padding: 12px 9px;
    }

    .innertab .nav > li > a {
        padding: 1px 9px;
    }


    .nav-tabs {
        padding: 0;
        margin: 0px;
        border-radius: 40px;
        margin-bottom: 11px;
        border-radius: 20px;
    }

    /*.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
            background-color: #07c5d2 !important;
        }*/

    .tab-content {
        padding: 0;
    }

    footer ul li {
        line-height: 22px;
    }

    .mobi-pa {
        padding: 3px !important;
    }

    .progress {
        height: 5px;
        margin-bottom: 4px;
    }

    .badge {
        font-size: 10px;
        padding: 3px 9px;
        margin-bottom: 3px;
    }

    .classic-tabs li a {
        padding: 12px 0px 0px;
        font-size: 10px;
    }

    .classic-tabs li {
        -webkit-box-flex: 1 0 18%;
        -moz-box-flex: 1 0 18%;
        -webkit-flex: 1 0 18%;
        -ms-flex: 1 0 18%;
        flex: 1 0 18%;
    }

    .classic-tabs.tabs-cyan {
        padding: 0px 3px;
    }

    .select-sip {
        padding: 3px !important;
    }

    .fafilter {
        position: absolute;
        right: 0px;
        top: -31px;
    }

    .mobile-count {
        margin-top: 20px;
    }

    /*.btn-circle {
        padding: 20px 8px;
    }*/

    .tab_container {
        margin-bottom: 70px;
    }

    .brgreen img {
        margin-top: -7px;
    }
}

@media (max-width: 575px) {
    .contact {
        text-align: center;
        margin: 0px auto;
    }

    .social {
        text-align: center;
        margin: 0px auto;
        float: none;
        margin: 7px;
    }

    .right-side {
        float: right !important;
        width: 80%;
    }

    .right-side1 {
        width: 20%;
        position: relative;
        left: -20px;
    }

    .btn-rad {
        font-size: 13px;
        padding: 0.85rem 1.13rem;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.12)
    }

    .btn-rad1 {
        font-size: 13px;
        /*padding: 0.85rem 1.13rem;*/
    }

    .fund_info {
        margin: 0px 7px;
    }
    /* .dropdown-menu1 {min-width: 20rem !important;left: -300px;} */
    .tab_container {
        padding: 0px 10px !important;
    }

    .spc-legend-th td {
        display: none;
    }

    #canvas2 {
        margin: 0px auto !important;
    }

    .heading {
        font-size: 11px;
    }

    .rit-sde {
        position: relative;
        /*left: 22%;*/
    }

    .right-side {
        margin-left: 0%;
    }
    /* .switch_filter{margin:0px; width:50%;} */
    .right-side {
        width: 75% !important;
    }

    .right-side1 {
        /*width: 30% !important;*/
    }

    .btn-floating.btn-large {
        width: 39.5px;
        height: 39.5px;
    }

        .btn-floating.btn-large i {
            line-height: 42.5px;
        }

    .fund_info i {
        font-size: 14px;
    }

    .cams {
        font-family: Trebuchet MS,Arial;
        font-size: 12px;
        top: -8px !important;
    }

    .head-bg {
        padding: 10px 0px 0px 8px;
    }


    .card-block1 {
        padding: 12px 4px !important;
    }

    .btn-circle img {
        width: 36px;
        background: none;
    }

    .btn-circle {
        padding: 12px 4px;
    }

    .stepwizard-step p {
        padding: 0 5px;
        font-size: 11px;
    }



    .mar_btm {
        margin-bottom: 68px;
        position: relative;
    }

    .rehead div, .rebody div {
        padding: 0px;
        padding-bottom: 4px;
    }
}

@media (max-width: 400px) {
    .card-block p {
        height: 40px;
        font-size: 12px;
    }

    .tab-content {
        padding: 0px;
    }

    .padm {
        padding: 0 4px !important;
    }

    .card-block {
        padding: 0px;
    }

    .padm {
        padding: 0 4px !important;
    }

    .trantable > thead > tr > th {
        /*padding: 0px !important;*/
    }

    .trantable td, .trantable th {
        padding: 2px 9px 0px 2px;
        font-size: 12px !important;
    }

    .Transcation img {
        margin-top: 8px;
        width: 35px !important;
        padding: 0px !important;
    }

    .col-sm-15 {
        width: 100%;
        margin-right: 0;
    }
}

@media (max-width: 990px) {
    .col-slider {
        -webkit-box-flex: 0;
        -webkit-flex: 100% !important;
        -ms-flex: 100% !important;
        flex: 100% !important;
        max-width: 100% !important;
    }

    .card-block1 {
        padding-top: 3% !important;
    }

    .loginpage {
        padding: 19px 5%;
    }

    .banner-hide {
        display: none;
    }

    .hm-white-slight img {
        width: 100%;
    }

    .filter_button {
        position: relative !important; /* top: -21px!important; left: 19px!important; */
    }

    .br {
        display: none;
    }
}

@media (min-width: 990px) {
    .banner-hide1 {
        display: none;
    }
}

@media (max-width: 1198px) {
    .box_bg {
        margin-top: -8px !important;
    }
}

@media (max-width: 1279px) {
    .recent {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}


@media (min-width: 992px) and (max-width:1199px) {
    .ekyc {
        padding: 0px 7px;
        font-size: 10px;
    }

    .guide {
        padding: 0px;
        font-size: 13px;
    }

    .who p {
        line-height: 28px;
        font-size: 12px;
    }
    /* .jumbotron {  padding: 13px;} */

    /* added by sundar */
    .news a {
        color: #425c8f;
        /*font-weight: bold;*/
        font-size: 11px;
    }

    .card-block1 {
        padding-top: 5%;
    }

    .pt-2 {
        padding-top: 0rem !important;
    }

    .ekyc i {
        padding: 7px 7px;
    }

    /*.mrtop {
        top: -38px;
    }*/

    .mobi img {
        width: 65%;
    }
}

@media (min-width: 992px) and (max-width:1279px) {
    /* .card-block1{padding-top:7%}} */
    .head-bg {
        padding: 5px 0px 1px 10px;
    }

    .form-header h2 {
        padding-bottom: 10px;
    }

    /*added by sundar*/
    .dropdown-menu.lg {
        left: -134px;
    }

    footer h3 {
        font-size: 14px;
    }

    footer ul li a {
        color: #fff;
        letter-spacing: 0;
    }

    footer h3 {
        font-size: 14px;
    }
}

@media (max-width: 992px) {
    .double-nav {
        padding-top: 0px;
        padding-bottom: 4px;
    }

    .head-bg {
        padding: 12px 0px 0px 8px;
    }

    .slide-out {
        padding: 0px;
        position: relative;
        left: 12px;
    }

    .alert {
        padding: 10px 7px;
    }

    .btn-social :first-child {
        right: 3px;
        width: 31px;
        font-size: 19px;
    }

    .btn-social :first-child {
        right: 3px;
        width: 31px;
        font-size: 19px;
    }

    .nmp a {
        padding-left: 12px;
        font-size: 15px;
        word-wrap: break-word;
    }

    /*added by sundar*/
    .dropdown-menu.lg {
        left: 0;
    }

    footer h3 {
        font-size: 13px;
    }

    footer ul li a {
        color: #fff;
        letter-spacing: 0;
    }

    .d-hidden {
        display: block;
        float: left;
        width: 30px;
        margin: 0 0 0 10px;
        top: 0px;
        position: relative;
    }
}


@media (max-width: 1024px) and (min-width: 769px) {
    footer h3 {
        font-size: 14px;
    }

    .footer {
        margin-left: 0;
    }
}

@media (min-width: 1500px) {
    .minheight {
        max-height: 318px;
        height: 100%;
    }
}
/*Pradeep start for menu issues at resolution time /*/
@media only screen and (min-height : 300px) and (max-heigth : 1000px) {
    .resizable {
        max-height: 775px !important;
    }
}
/*Pradeep End /*/
/*Pradeep Pending status Start*/
@media only screen and (min-width: 300px) and (max-width:500px) {

    .mb-2 {
        margin-bottom: 3rem !important;
    }

    .Pendingtrans {
        font-size: 16px !important;
    }

    .mobile_table div {
        font-size: 12px !important;
    }

    .tab-act td {
        padding: 3px !important;
    }

    td.alllogo {
        padding: 1px !important;
    }
    /*sundar*/
    .loginpage {
        padding: 5px 5%;
    }

    .pt-2 {
        padding-top: 1rem !important;
    }

    .switch_filter .form-control {
        padding-top: .5rem;
    }

    .md-form .prefix {
        /*margin-top: 8px;*/
    }

    .dropdown-menu {
        left: 0;
    }

    .dropdown .dropdown-menu {
        margin: 0;
    }

    .h2, h2 {
        font-size: 1.5rem;
    }

    .md-form .prefix ~ input {
        width: 94%;
    }

    .dropdown-menu.lg {
        left: 0 !important;
    }


    .card-block p {
        /*height: 24px;*/
        font-size: 12px;
    }

    .card-cascade.narrower .view {
        margin-left: 13%;
        margin-right: 13%;
    }

    .sixbox {
        float: left;
        width: 70px;
        position: absolute;
    }

    .cams-tog {
        width: 100%;
    }

    .side-nav {
        position: fixed;
        width: 281px;
    }

    .table th {
        padding: 8px 5px;
    }

    .sidebar-image {
        position: absolute;
        top: -14px;
    }

    .recent .fa-stack {
        height: 1.9em;
    }

    footer h3 {
        font-size: 12px;
    }

    .ekyc i {
        padding: 6px 7px;
    }

    .transact .btn-circle {
        text-align: center;
        padding: 10px 7px;
        border-radius: 715px;
    }

    .transact .stepwizard-step img {
        width: 20px;
    }

    .step_border_active {
        top: 11px;
    }

    .step_border {
        top: 11px;
    }

    .container {
        padding-right: 10px;
        padding-left: 10px;
    }

    .select input[type=search] {
        width: 94%;
    }

    .description {
        /*margin: 1px 0 0 12px;*/
        font-size: 0.70rem !important;
        color: #e1e1e1;
    }

    .footer {
        margin-left: 0;
        position: relative !important;
    }

    #trSchemeDetails .table a {
        margin-left: .1rem;
    }

    h2#lblSwitchConfirm {
        color: #000000;
        font-weight: 500;
        font-size: 16px;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .tab_container {
        margin-bottom: 70px;
    }

    .footer p {
        font-size: 11px;
    }

    .footer p {
        margin: 3px 0 0px 0;
        padding: 0px 6px 2px;
        color: #888888;
    }

    .loader {
        left: 41.5%;
    }

    .side-nav a {
        display: block;
        font-size: 1rem;
        height: 32px;
        line-height: 41px;
        padding-left: 0;
    }

    .recent {
        padding-top: 0px; /*  */
        padding-bottom: 0px; /* */
    }


    .setup-content {
        padding: 0px;
    }

    .btn-floating {
        margin-top: 12px;
    }

    .n-left {
        padding: 0 10px;
    }

    .fnopadding {
        padding: 0;
    }

    #btnInvestNow {
        /*width:65%*/
    }

    .brgreen img {
        margin-top: -7px;
    }

    .mar_btm {
        margin-bottom: 20px;
        position: relative;
    }
}

@media only screen and (min-width: 768px) {
    .Filterbar {
        display: none;
    }

    ul.dropdown-menu.notify-drop {
        /*left: -10px;
        margin:0;*/
    }
    /*.Transcationsum img {
        width: 104px !important;
    }*/
}

@media only screen and (min-width: 320px) and (max-width:350px) {
    .cams {
        font-size: 9px !important;
    }

    .dropdown-menu {
        left: 0;
    }

    .dropdown .dropdown-menu {
        margin: 0;
    }

    .h2, h2 {
        font-size: 1.5rem;
    }

    .md-form .prefix ~ input {
        width: 94%;
    }

    .dropdown-menu.lg {
        left: 0 !important;
    }

    .news a {
        font-size: 12px;
    }

    /* .ekyc i {
        padding: 8px 7px;
    }*/

    .sixbox {
        float: left;
        width: 70px;
        position: absolute;
    }

    .cams-tog {
        width: 100%;
    }

    .col-sm-15 {
        width: 100%;
        margin-bottom: 23px;
    }

    .side-nav {
        position: fixed;
        width: 281px;
    }


    /* added by sundar */
    .ekyc i {
        color: #fff;
        padding: 6px;
    }


    #btnInvestNow {
        /*width: 65%*/
    }
}
/*Pradeep Pending status End*/


/*added by sundar*/

.switch_filter .bg {
    background: #659920;
    float: right;
}


.guide a {
    font-weight: 500;
}

/*input#PassWord {
    padding-left: 32px;
}*/


footer h3::before {
    content: '';
    position: absolute;
    /*bottom: 0;
    left: 0;*/
    width: 40px;
    height: 2px;
    background: #17c6d2;
    top: 50px;
}

.ekyc .jumbotron {
    /*padding: 11px 15px;*/
    padding: 13px 15px;
}

.dropdown-menu.lg {
    left: -134px;
}

.collapse.show {
    border: 1px solid #efefef;
}

#LoginPassword .fa-key:before {
    /**/ font-size: 17px;
    position: relative;
    top: -4px;
}

.user1 img {
    margin-right: 0px;
    width: 36px;
}

.brgreen {
    border-left: 3px solid #3ab18e;
    background: #fff;
    height: 76px !important;
    padding: 22px 0 0 35px !important;
}

.brblue {
    border-left: 3px solid #6D6E72;
}

.brred {
    border-left: 3px solid #d52534;
}

.h2, h2 {
    font-size: 1.5rem;
}


#LoginPassword .md-form {
    /*margin-bottom: .8rem;*/
}


.md-form .prefix ~ label.pswdlabel {
    margin-left: 21px !important;
}

/*#LoginPassword i {
    padding-top: 12px;
}*/

.relog {
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    position: relative;
    top: 17px;
    border: dashed green 1px;
    width: -moz-max-content;
    text-align: center;
    margin: 0px auto;
    padding: 12px 57px;
    text-decoration: unset;
    color: green;
    cursor: pointer;
    width: max-content;
}

.box-s {
    /* width: 100%; */
    box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.38), 0 2px 5px 0 rgba(167, 167, 167, 0.54);
    background: #fff;
}


input[type="email"]:focus:not([readonly]),
input[type="text"]:focus:not([readonly]),
input[type="password"]:focus:not([readonly]),
textarea.md-textarea:focus:not([readonly]) {
    border-color: #ffcb05 !important;
    /*box-shadow: 0 1px 0 0 #06b7b7 !important;*/
}

.user-box h3 {
    padding: 12px 0 0;
    color: #fff;
}

.fa.greyc {
    color: #4886b2;
    font-size: 15px;
}

/*.white-skin .side-nav .collapsible li a .fa.greyc:hover {
    color: #000 !important;
}*/

.side-nav .fa-stack {
    position: relative;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    line-height: 2em;
    vertical-align: middle;
}

.act {
    padding-left: 4px;
}

.tab-act {
    background: #fff;
}

.icon {
    font-size: 1.5rem;
    color: #fff;
    /*height: 48px;*/
    line-height: 40px;
    margin-left: .5rem;
    top: -12px;
    position: relative;
    left: 5px;
    border-radius: 3px;
    background: #10d2ea;
    text-align: center
}




.card_title {
    padding: 8px;
    position: relative;
}

    .card_title h5 {
        margin-bottom: 0;
        font-weight: 500;
        color: #6D6E72;
        font-size: 14px;
    }


.recent .fa {
    line-height: 27px;
}

.cams-logo img {
    /*width: 7.5%;*/
    margin-left: 10px;
}

@media (max-width: 1600px) {
    .cams-logo img {
        width: 10.5%;
    }
}

@media (min-width: 992px) {
    .modal#more .modal-fluid, .modal#more .modal-frame {
        width: 60%;
        max-width: 100%;
        margin: 0 auto;
        position: relative;
        top: 20%;
    }
}


.box-s .text-muted {
    color: #6D6E72 !important;
    text-align: right;
    padding: 0 8px 0;
}

.cams-tog {
    width: 42%;
    font-size: 16px;
    padding: 8px;
    /*border-radius: 20px !important;*/
    box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.38), 0 2px 5px 0 rgba(167, 167, 167, 0.54);
}


.rupees {
    font-weight: 400;
    padding-right: 6px;
    font-size: 18px;
}

.innertab .nav-tabs {
    border-radius: 0px;
}


#DivFoliopopup .modal-footer {
    padding: 3px;
}

.modal-footer {
    padding: 7px;
}

div#OtherRTAToggle {
    margin-bottom: 35px;
}




ul.dropdown-menu.notify-drop {
    box-shadow: none;
    margin: 17px 0 0;
    padding: 0;
    z-index: 999999999;
}

#social a {
    padding-left: 2px;
    font-size: 15px;
}

.otherRTAON {
    /* background-color: #1a48a2 !important;
    pointer-events: none;
    cursor: not-allowed;
   
    border: 1px solid #1a48a2;*/
}

.otherRTAON {
    background-color: #4886b2 !important;
    /* pointer-events: none;
    cursor: not-allowed;   border: 1px solid #0569ff;*/
    border: 1px solid #4886b2;
    color: #656565 !important;
    font-weight: bold;
    cursor: pointer;
}

.otherRTAOFF {
    color: #9c9c9c !important;
    background-color: #fff !important;
    /* box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.12); */
    border: 1px solid #fff;
    /*border-radius: 0 15px 15px 0;
    pointer-events: none;*/
}

.nopdding {
    padding: 0;
}


#social {
    margin: 5px 0px;
    text-align: center;
}

.smGlobalBtn { /* global button class */
    display: inline-block;
    position: relative;
    cursor: pointer;
    width: 35px;
    height: 35px;
    border: 2px solid #ddd; /* add border to the buttons */
    box-shadow: 0 2px 2px #99999936;
    padding: 0px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: normal;
    line-height: 2em;
    border-radius: 27px;
    -moz-border-radius: 27px;
    -webkit-border-radius: 27px;
}

/* facebook button class*/
.facebookBtn {
    background: #4060A5;
}

    .facebookBtn:before { /* use :before to add the relevant icons */
        font-family: "FontAwesome";
        content: "\f09a"; /* add facebook icon */
    }

    .facebookBtn:hover {
        color: #4060A5;
        /*background: #fff;*/
        border-color: #4060A5; /* change the border color on mouse hover */
    }

/* twitter button class*/
.twitterBtn {
    background: #00ABE3;
}

    .twitterBtn:before {
        font-family: "FontAwesome";
        content: "\f099"; /* add twitter icon */
    }

    .twitterBtn:hover {
        color: #00ABE3;
        /*background: #fff;*/
        border-color: #00ABE3;
    }

/* google plus button class*/
.googleplusBtn {
    background: #e64522;
}

    .googleplusBtn:before {
        font-family: "FontAwesome";
        content: "\f0d5"; /* add googleplus icon */
    }

    .googleplusBtn:hover {
        color: #e64522;
        background: #fff;
        border-color: #e64522;
    }

/* linkedin button class*/
.linkedinBtn {
    background: #0094BC;
}

    .linkedinBtn:before {
        font-family: "FontAwesome";
        content: "\f0e1"; /* add linkedin icon */
    }

    .linkedinBtn:hover {
        color: #0094BC;
        /*background: #fff;*/
        border-color: #0094BC;
    }

/* pinterest button class*/
.pinterestBtn {
    background: #cb2027;
}

    .pinterestBtn:before {
        font-family: "FontAwesome";
        content: "\f0d2"; /* add pinterest icon */
    }

    .pinterestBtn:hover {
        color: #cb2027;
        background: #fff;
        border-color: #cb2027;
    }

/* tumblr button class*/
.tumblrBtn {
    background: #3a5876;
}

    .tumblrBtn:before {
        font-family: "FontAwesome";
        content: "\f173"; /* add tumblr icon */
    }

    .tumblrBtn:hover {
        color: #3a5876;
        background: #fff;
        border-color: #3a5876;
    }

/* rss button class*/
.rssBtn {
    background: #e88845;
}

    .rssBtn:before {
        font-family: "FontAwesome";
        content: "\f09e"; /* add rss icon */
    }

    .rssBtn:hover {
        color: #e88845;
        background: #fff;
        border-color: #e88845;
    }



.fa-angle-up, .fa-angle-down {
    font-size: 17px;
    color: #949494;
}



.backwhite {
    width: 100%;
    height: 100%;
    -webkit-overflow-scrolling: touch;
    background-color: #ffffff;
    padding: 0px;
    margin: 0px 0 20px;
    min-height: 600px;
    padding-bottom: 10px !important;
}

.recent .fa-stack {
    /*width: 5%;*/
}



#btnNewScheme .fa-shopping-cart {
    font-size: 15px;
    position: relative;
    right: -18px;
    float: right;
    background: #ea962a;
    color: #fff;
    padding: 3px 5px 4px;
    border-radius: 9px;
    /*margin-top: 5px;*/
}

#btnNewScheme div {
    border: 1px dashed #6D6E72;
    padding: 5px 10px;
    width: 166px;
    height: 40px;
    margin: 0px auto;
    margin-top: 0px;
    line-height: 29px;
    text-align: right;
    background: #6D6E72;
    color: #f5f5f7;
    box-shadow: 0px 1px 10px 0px #6D6E72;
}

#btnNewScheme img {
    width: 30px;
    float: left;
}



.close span {
    color: #ffffff !important;
    font-size: 23px;
    line-height: 2px;
    opacity: 1;
    top: -1px;
    position: relative;
}

.form-btn .btn.btn-md {
    font-size: 13px;
    padding: 0.7rem 1.6rem;
    font-weight: 500;
}

.mr-1 {
    margin-right: 20px;
}


.white-skin .btn-primary.brclr {
    background: rgb(187, 134, 30) !important;
}




/*.btmbr li {
    border-bottom: 0px solid #efefef;
    padding: 0px 0px;
    color: #313131 !important;
    line-height: 35px;
}*/
.btmbr li {
    border-bottom: 0px solid #efefef;
    color: #313131 !important;
    line-height: 31px;
    display: inline-table;
    position: relative;
    width: 100%;
}

    .btmbr li:hover {
        background: #6D6E72;
        color: #fff !important;
    }

.makePaymentDropdownSearchBox {
    /*padding: 5px 15px;*/
}

.btn-blue {
    background: rgb(26, 72, 162);
}

.pt-top {
    padding: 30px 0;
}

.btn-f {
    margin: 0 10px 0 0;
}


.tandc a {
    color: #f7f7f7;
    font-size: 13px;
    float: right;
}


    .tandc a:hover {
        color: #adb1b1;
    }


h2.white-text {
    padding: 0 0 12px 0;
}

.dropdown .dropdown-menu.m-drop a {
    padding: 5px 15px !important;
}




[type="checkbox"] + label.Loginlabel:before {
    width: 16px;
    height: 16px;
    z-index: 0;
    border: 2px solid #06a2ad;
    margin-top: 0;
}

[type="checkbox"]:checked + label.Loginlabel:before {
    top: -4px;
    left: -3px;
    width: 10px;
    height: 17px;
    border-top: 2px solid #afadad00;
    border-left: 2px solid transparent;
    border-right: 2px solid #f3f3f3;
    border-bottom: 2px solid #dcdcdc;
    margin-top: 0;
}

[type="checkbox"] + label.Loginlabel {
    position: relative;
    padding-left: 25px;
}


p#bOtp {
    margin-bottom: 0;
}

.otpcall {
    width: 30px;
    background: #f6f6f6;
    padding: 6px;
    border-radius: 123px;
    border: 1px solid #d8d8d8;
    margin-right: 5px;
}
/*----------------Aadhaa Start----------------*/
.Schemenfo {
    box-shadow: 1px 1px 4px #6e6e7b;
    display: inline-block;
    border: solid 1px #d5d5d5;
    background-color: #FFFFFF;
    border: 1px solid #d5d5d5;
    position: inherit;
    overflow: hidden;
    float: left;
    margin: 0px 10px 44px 44px;
    height: 80px;
    width: 36%;
}

.colrrnfo {
    padding-top: 20px;
    padding-bottom: 38px;
    width: 925px;
    height: auto;
    overflow: hidden;
    background-image: none |;
    margin-left: 66px;
}

#loader1 {
    position: absolute;
    left: 40%;
    top: 35%;
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #777777;
    background: #ffffff;
    box-shadow: 0px 0px 10px #777777;
}

.accordionHeader {
    background: #f6f6f6 url('../MCImages/plus.gif') no-repeat left;
    color: Black;
}

.accordionHeaderSelected {
    background: #f6f6f6 url('../MCImages/minus.gif') no-repeat left;
    color: Black;
}

.sch_tip {
    color: #373639;
    background: #fff;
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-bottom: -100px;
    font-size: 11px;
    margin-top: 16px;
    margin-right: -30px;
    margin-left: -100px;
    line-height: 1.5em;
    position: absolute;
}

.btn btn-md btn-primary mt-1 {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    background-color: #008CBA;
}

.inner_box {
    border-radius: 123px;
    color: #fff !important;
    box-shadow: 0px 3px 0px 2px rgba(0, 0, 0, 0.03);
    padding: 11px 21px;
    font-size: 14px;
    text-transform: capitalize;
    background: #0999d2 !important;
    position: relative;
    top: 21px;
}

    .inner_box:hover {
        border-radius: 123px;
        background: #fff !important;
        color: #173780 !important;
    }

.bor-dash {
    border-bottom: dashed 1px #c3c3c3;
    width: 85%;
    margin: 0px auto;
    margin-bottom: 12px;
    padding-top: 5px;
}

.adharrbox b {
    font-weight: 500;
    font-size: 16px;
}

.adharrbox i {
    font-size: 27px;
    position: relative;
    left: -7px;
    top: 0px;
}

.adharrbox div {
    color: #777777;
    font-size: 12px;
    padding: 3px 0;
}

.adharrboxhead {
    background: #f5f5f5 !important;
    padding: 5px 0 5px;
}

    .adharrboxhead img {
        width: 120px;
    }

.link {
    /*padding: 20px 0;
    height: 80px;*/
}

.radius {
    border-radius: 500px;
}

ul.leaf {
    list-style-image: url('../img/linkimg.jpg');
    line-height: 24px;
    padding-left: 22px;
    font-size: 13px;
    letter-spacing: .2px;
}

.text-success {
    color: #009000 !important;
}
/*----------------Aadhaar End----------------*/


.card2 th {
    font-weight: 500 !important;
    font-size: 0.9rem !important;
}

.md-form .prefix {
    padding-top: 13px;
}


.makePaymentDropdownSearchBox {
    /*padding: 5px 0 5px 0px;*/
}

.btn-blue {
    background: rgb(26, 72, 162);
}

.pt-top {
    padding: 30px 0;
}

.btn-f {
    margin: 0 10px 0 0;
}

.white-skin .side-nav .collapsible ul li a.active {
    background: #6D6E72;
    color: #f5f5f7 !important;
    font-weight: 500 !important;
    margin-left: 0;
}


.select input[type=search] { /* Chrome, Firefox, Opera, Safari 10.1+ */
    opacity: 1;
    /*padding: 0 0 0 11px;*/
    background: #fff;
    width: 100%;
}

input[type="search"] {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.16), 0 1px 1px 0 rgba(0,0,0,.12);
    border-bottom: 0px solid #a4a4a4;
    border-top: 1px solid #eee;
    padding: 9px 0;
    background: #f7f7f7;
}

    input[type="search"]:focus:not([readonly]) {
        box-shadow: 0 0px 0px 0 rgba(255, 255, 255, 0.2),0 0px 6px 1px rgba(119, 119, 119, 0.1);
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

input[placeholder] {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #808080;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 1em;
}

.dropdown .minheight {
    max-height: 200px;
    height: 100%;
    min-height: 160px;
}

.nomineeheight .minheight {
    max-height: 150px !important;
    height: 100%;
    min-height: 160px;
}




i.fa.fa-refresh {
    font-size: 16px;
}

.bg_blue {
    background: rgb(119, 131, 155);
    padding: 13px 31px !important;
    border-radius: 0px;
}

.bg_glight {
    background: #0569ff;
    padding: 13px 31px !important;
    border-radius: 0px;
}


modal .close span {
    color: #0d2452 !important
}


.drop_title {
    font-size: 12px;
    color: #504b4b;
    cursor: default !important
}


#navbarNav1 .dropdown-menu.dropdown.small {
    left: -30px;
}


.small-title {
    font-weight: 500;
    font-size: 15px;
    padding: 6px 10px;
    background: #f1f1f1;
}


.modal .close span {
    color: #296bd0 !important;
}

.modal .modal-header h3 {
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0;
    color: #fff;
}


#BuyExistingScheme .title {
    background: #eee;
    color: #404040;
    padding: 4px 4px;
    font-size: 15px;
    font-weight: 500;
    border-radius: 3px;
}

.inner_title {
    background: #f5f5f7;
    color: #000000;
    padding: 10px 11px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
}


input[type=search]::placeholder {
    /*padding:0 0 0 10px;*/
}


.modal p {
    line-height: 22px;
    color: #6D6E72;
}

.breadcrumb h4 {
    font-size: 15px;
    font-weight: 600;
    display: inline-block;
    color: #6D6E72;
    text-transform: none;
}


.close1 {
    background: #fff !important;
    padding: 0px 6px !important;
    border-radius: 35px !important;
    color: #000 !important;
    position: absolute !important;
    right: -11px !important;
    top: -12px !important;
    opacity: 1 !important;
    width: 30px;
    height: 30px;
    z-index: 999;
}

.closeaadhaarnomineelink {
    padding: 0px 6px !important;
    border-radius: 35px !important;
    color: #fff !important;
    right: 3px !important;
    top: 2px !important;
    opacity: 1 !important;
    width: 30px;
    height: 30px;
    z-index: 999;
}

modal .closeaadhaarnomineelink span {
    color: #fff !important;
}


.closepanaadhaar span {
    color: #ffffff !important;
    font-size: 23px;
    line-height: 2px;
    opacity: 1;
    top: -1px;
    position: relative;
}

.col-md-15.last {
    margin-right: 0
}


#MyCAMSLogin .md-form label {
    color: #dadada;
}

.md-form .prefix ~ input {
    color: #f5f5f7;
    padding-left: 20px;
    font-size: 1em;
    letter-spacing: .6px;
}

.navbar .dropdown .dropdown-menu a {
    padding: 3px 15px !important;
    display: block;
}

.lnkUserID {
    border-bottom: 1px solid #00ae89;
    padding-bottom: 1px;
}


h2#lblRedemConfirm {
    color: #149c25 !important;
    padding: 8px 0;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0;
}

#RedemSummaryDetails .table td, #RedemSummaryDetails .table th {
    border-top: none;
}

.nopadding {
    padding-left: 0;
    padding-right: 0;
}


.makePaymentDropdownSearchBox {
    padding: 0 0 0 0px;
}

.newuser [type="checkbox"] + label {
    padding-left: 25px;
}

    .newuser [type="checkbox"] + label:before {
        /*   border: 2px solid #b7b7b7;*/
        width: 14px;
        height: 14px;
    }
/* 
.chkform [type="checkbox"] + label:before {
    border: 2px solid #b1b1b1;
}




.chkform [type="checkbox"] + label {
    position: relative;
    padding-left: 24px;
}*/

.chkform [type="checkbox"] + label:before {
    line-height: 21px;
}


.newuser i.fa.fa-mobile.prefix {
    padding-top: 6px;
}

.chkform [type="checkbox"]:checked + label:before {
    top: -4px;
    left: -3px;
    width: 11px;
    height: 18px;
}

.chkform [type="checkbox"] + label {
    line-height: 21px;
}

/*tansact*/
.transact .border-active {
    background: #fff;
    border-radius: 500px;
    border: 1px solid #c3c0c0;
}



.transact .border {
    background: #ededed;
    border-radius: 500px;
}





form .pt-11 {
    margin-top: 16px;
}


h3.inner-title1 {
    font-size: 15px;
    font-weight: 500;
    padding: 10px 0;
    text-align: center;
    color: #1a48a2;
}

.modal-title {
    font-weight: 500;
    font-size: 15px;
}

/*.schemecard .nav-tabs .nav-link.active {
    background-color: #00BCD4 !important;
}*/

.stepwizard-row {
    display: table-row;
}


.transact .stepwizard {
    display: table;
    text-align: center;
    position: relative;
}

.center-title {
    float: none !important;
    margin: 0px auto;
    text-align: center;
    display: block;
    text-align: center !important;
    padding-top: 0px;
    padding-bottom: 17px;
    font-size: 18px;
    font-weight: 500;
    color: #292929;
}

.ekyc p {
    margin-bottom: .4rem;
}

.who.guide {
    margin-top: 27px;
}

.small-box {
    margin-bottom: 28px;
    background: #fff;
    height: 76px !important;
    padding: 22px 0 0 20px !important;
}

.indigo {
    background-color: #fff !important;
    box-shadow: 0 1px 4px 0 rgba(119, 116, 116, 0.59);
}

.mandatory {
    color: red;
}

h3.subtitle {
    font-weight: 600;
    font-size: 16px;
    padding: 1px 0px 0px 10px;
    color: #6D6E72;
    border-left: 3px solid #000000;
}

.dpp p, .dpp li {
    line-height: 25px;
    font-size: 14px;
}

.alert p {
    font-size: 13px;
    text-align: center;
}

.m-auto {
    margin: 0 auto;
}

.panel-heading h3 {
    color: #fff !important;
    padding: 1%;
    margin: 0;
    font-size: 15px;
    font-weight: 500;
}



.footer {
    /**/ position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    background: #ffffff;
    box-shadow: 0px 0px 3px #dcdcdc;
    z-index: 5;
    /*    z-index: 1030;
        margin-left: -10px;*/
}

    .footer p {
        margin: 3px 0 4px 0;
        padding: 0px 10px 7px;
        color: #888888;
    }

    .footer a {
        color: #949494;
    }



.side-nav .collapsible .footer {
    margin-left: 0;
}



#trSchemeDetails .table td, #trSchemeDetails .table th {
    padding: .5rem;
}


.f-list li {
    float: left;
    list-style: none;
    padding: 15px 0 0;
    font-size: 13px;
}

    .f-list li a {
        color: #888888;
    }

.InvTransact a i {
    font-size: 14px !important;
    color: #1a48a2;
    border: 1px solid #e3e3e3;
    padding: 5px 6px;
    border-radius: 123px;
    width: 26px;
    box-shadow: 0 0 4px 0 #ccc;
    background-color: white;
    height: 26px;
}

    .InvTransact a i:hover {
        background: #0569ff;
        color: #fff;
        border: 1px solid #0569ff;
        padding: 4px;
        font-size: 14px !important;
        padding: 5px 6px;
        width: 26px;
        box-shadow: 0 0 4px 0 #ccc;
        height: 26px;
    }

.InvMobTransact {
    color: #1b47a2;
}

h2#lblSwitchConfirm {
    color: #149c25;
    font-weight: 500;
    font-size: 18px;
}

.tab-content.nominee {
    width: 100%;
}





.innertop {
    padding: 30px 0 0;
}


.breadcrumb .fa-stack {
    width: 1.5em;
}


#OtherRTAToggle .btn {
    padding: 0.7rem 1.5rem;
    margin: 0;
}


#MutualFundDetails .tab-content {
    padding: 0rem;
}

.add_pan {
    color: #0a8c09;
    cursor: pointer;
    float: right;
    /* margin-top: -4px; */
    font-size: 12px;
    font-weight: 500;
    position: relative;
    text-transform: uppercase;
    z-index: 99999;
}

.load_pan {
    color: #c36603;
    cursor: pointer;
    float: right;
    /*margin-top: -4px;*/
    font-size: 12px;
    font-weight: 500;
    text-transform: uppercase;
    z-index: 99999;
    position: relative;
}


#Divshowchequeimage img {
    width: 100%;
}

.br-btm {
    border-bottom: 1px solid #ededed;
}


.details {
    background: #fff;
    /*border-bottom: 1px solid #ededed;*/
    padding: 12px 7px;
    /* border-right: 1px solid #ededed;*/
    word-wrap: break-word;
    text-align: left;
}

.n-head {
    text-align: center;
    background: #eee;
    font-weight: 600;
    color: #143984;
}



#step-5 .proheight {
    min-height: 350px;
}
/*------fresh purchase-------*/

.addp {
    color: #0a8c09;
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    border: dashed 1px #cecece;
    padding: 6px;
    text-align: center;
    border-radius: 1px;
    width: 200px;
    margin: 0px auto;
}

.editnominee {
    cursor: pointer;
    display: block;
    font-size: 11px;
    font-weight: 500;
    text-transform: uppercase;
    border: dashed 1px #566859;
    text-align: center;
    margin: 0px auto;
    border-radius: 123px;
    line-height: 43px;
    padding: 0 12px;
    float: left;
}

.w-15 {
    float: left;
    width: 100px;
    text-align: left;
}

.click-nom {
    border: dashed 1px #0486ce;
    padding: 10px 18px;
    border-radius: 1px;
    cursor: pointer;
}

/*-------------redeemption------------*/
.fixed-sn main {
    margin-left: 0%;
}

.transactions_table img {
    text-align: left;
    padding: 0px !important;
}

/*.transactions_table i {
    padding-right: 5px;
    font-size: 16px;
    color: #717171 !important;
    position: absolute;
    margin-left: -10px;
    margin-top: 3px;
}*/

.transactions_table td, .transactions_table th {
    text-align: left !important;
    padding: 4px 7px;
}

.transactions_table th {
    background-color: #6D6E72 !important;
    color: #f5f5f7 !important;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 2px solid #d5d5d5;
    font-size: 13px;
    padding: 16px 7px;
}


.select-sip {
    background: #d4dbe6;
    padding: 12px;
}

    .select-sip .arr {
        right: 15px;
        top: 12px;
    }

.classic-tabs li {
    display: flex;
    font-size: 14px;
}

.transactions_table a {
    margin-left: 0rem;
}

.sib {
    border-bottom: 1px solid #f6f6f6;
    width: 100%;
    margin-top: 9px;
}

.si b {
    color: #000;
    margin-top: 9px;
    font-weight: 500;
}

.sid b {
    position: absolute;
    left: 0;
}

.sid span {
    color: #727272;
    font-size: 13px;
    word-wrap: break-word;
}



.aa {
    height: 42px;
    border: 1px solid #dadada;
    width: 100%;
}

    .aa i {
        font-size: 19px;
        color: #7d7c7c;
        position: relative;
        top: 3px;
        padding-right: 6px;
    }

    .aa span {
        color: #808080;
    }

.Available {
    background-color: rgb(116, 192, 149);
    text-align: center;
    min-width: 50px;
    float: left;
    position: absolute;
    height: 41px;
}

    .Available i {
        font-size: 24px;
        line-height: 43px;
        color: #fff;
    }

.unit {
    background-color: rgb(246, 106, 106);
}

.fa-database {
    font-size: 19px !important;
}

.indigo {
    background-color: #526dab !important;
}

.nav-tabs .nav-link {
    color: #fff;
}

.card1 {
    box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0), 0 2px 10px 0 rgba(132, 132, 132, 0.2);
    padding-bottom: 19px;
}

.hdnclass {
    display: none;
    width: 0%;
}

.disable {
    pointer-events: none;
    readonly: readonly;
}

#divswitorconfirm th {
    background: #445c87 !important;
}

.indigo {
    background-color: #fff !important;
    box-shadow: 0 1px 4px 0 rgba(125, 123, 123, 0.59);
    color: #333 !important;
}

.nav-tabs .nav-link {
    color: #333;
}

close1 {
    position: absolute;
    right: -11px !important;
    top: -12px !important;
    background: #fff !important;
    opacity: 1;
    border: 0 !important;
}

.si {
    background: #fff;
}
/*-----------switch------------*/
.transactions_table img {
    text-align: left;
    padding: 0px !important;
}

.transactions_table i {
    padding-right: 5px;
    font-size: 16px;
    /* color: #717171 !important;
    position: absolute;*/
    margin-left: -10px;
    margin-top: 3px;
}

.transactions_table td, .transactions_table th {
    text-align: left !important;
    padding: 4px 7px;
}

.transactions_table th {
    background-color: #6D6E72 !important;
    color: #f5f5f7 !important;
    font-weight: 400;
    font-size: 15px;
    border-bottom: 2px solid #d5d5d5;
    font-size: 13px;
    padding: 16px 7px;
}


.select-sip {
    background: #d4dbe6;
    padding: 12px;
}

    .select-sip .arr {
        right: 15px;
        top: 12px;
    }

.classic-tabs li {
    display: flex;
    font-size: 14px;
}

.transactions_table a {
    margin-left: 0rem;
}

.sib {
    border-bottom: 1px solid #f6f6f6;
    width: 100%;
    margin-top: 9px;
}

.si b {
    color: #000;
    margin-top: 9px;
    font-weight: 500;
}

.sid b {
    position: absolute;
    left: 0;
}

.sid span {
    color: #727272;
    font-size: 13px;
    word-wrap: break-word;
}







.indigo {
    background-color: #f9f9f9 !important;
}

.nav-tabs .nav-link {
    color: #333;
}

.card1 {
    box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0), 0 2px 10px 0 rgba(132, 132, 132, 0.2);
    padding-bottom: 19px;
}

.hdnclass {
    display: none;
    width: 0%;
}

.disable {
    pointer-events: none;
    readonly: readonly;
}

#divswitorconfirm th {
    background: #445c87 !important;
}



.selectdemoSelectHeader {
    /* Please note: All these selectors are only applied to children of elements with the 'selectdemoSelectHeader' class */
}

    .selectdemoSelectHeader .demo-header-searchbox {
        border: none;
        outline: none;
        height: 100%;
        width: 100%;
        padding: 0;
        padding-top: 24px;
    }

    .selectdemoSelectHeader .demo-select-header {
        box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
        padding-left: 10.667px;
        height: 48px;
        cursor: pointer;
        position: relative;
        display: flex;
        align-items: center;
        width: auto;
    }

    .selectdemoSelectHeader md-content._md {
        max-height: 240px;
    }

.brokersearch {
    cursor: pointer;
    font-size: 21px;
    position: absolute;
    right: 16px;
    top: 16px;
    color: #333;
}

.title {
    background: #f2f2f2;
    padding: 4px 0;
}

.DisableDropdown {
    disabled: disabled;
    pointer-events: none;
    cursor: not-allowed;
}


#DivSwitchInfo li {
    padding-bottom: 12px !important;
    list-style-type: none;
}

.si {
    background: #fff;
}

.sheight {
    overflow: hidden;
}

/*--------------my favorites----------*/
/*.card img {
    width: 10%;
}*/

.transactions_table img {
    text-align: left;
    padding: 0px !important;
}

.transactions_table i {
    padding-right: 5px;
    font-size: 15px;
}

.transactions_table td, .transactions_table th {
    text-align: left !important;
    padding: 7px;
    font-size: 13px;
}

.transactions_table th {
    background-color: #6D6E72 !important;
    color: #f5f5f7 !important;
    font-weight: 500;
    border-bottom: 0;
    font-size: 13px;
    padding: 8px 7px;
    text-transform: uppercase;
}

.transactions_table span {
    color: #fff;
    padding: 2px 8px;
}

.classic-tabs li a {
    padding: 6px 28px 3px;
}

.fa-times {
    position: absolute;
    right: 10px;
    font-size: 17px;
    color: #f86060;
    cursor: pointer;
}

.watch_header a {
    position: absolute;
    right: 14px;
    top: 24px;
    width: 35px;
    height: 35px;
}

.watch_header i {
    font-size: 12px;
}

.watch b {
    font-weight: 400;
    color: #000;
    font-size: 13px;
}

.watch span {
    color: #61646b;
    font-size: 12px;
}



.ss {
    border-bottom: 1px solid #eaeaea;
    width: 100%;
    font-size: 12px;
    line-height: 13px;
    padding: 9px 6px;
    background: #fff;
}

    .ss a {
        color: #333;
    }

    .ss:hover {
        background: #f8f8f8;
    }



.select-dropdown {
    width: 100%;
}

.nav b {
    font-weight: 500;
    padding: 14px 6px;
    text-align: center;
    line-height: 12px;
}

.nav span {
    padding: 7px 6px;
    text-align: justify;
    line-height: 12px;
}

.cd-head {
    font-size: 12px;
    padding: 2px 13px;
    background: #f0f0f0;
    margin: 5px 0;
    display: inline-block;
}

.cd-val {
    color: green;
    font-size: 16px;
}

.bR {
    border-right: 1px solid #e2e2e2;
    padding: 0;
    text-align: center;
}

.panel-pricing .panel-heading {
    padding: 5px 8px;
    color: #fff;
    background-color: #6D6E72;
}

    .panel-pricing .panel-heading i {
        margin-top: 10px;
        font-size: 58px;
        color: green;
        padding-left: 12px;
    }

.panel-pricing .list-group-item {
    color: green;
    font-size: 12px;
}

.list-group-item i {
    color: #989898;
    padding-right: 12px;
    font-size: 13px;
}

.list-group-item b {
    text-transform: uppercase;
    font-weight: 400;
    color: #000;
}

.panel-pricing {
    border: 1px solid rgba(250, 250, 250, 0.5);
}

    .panel-pricing .panel-body {
        background-color: #f0f0f0;
        font-size: 40px;
        color: #777777;
        padding: 20px;
        margin: 0px;
    }

.panel-heading h4 {
    color: #fff;
    text-transform: uppercase;
    padding: 12px;
    margin: 0;
}

.panel-pricing a {
    position: absolute;
    right: 16px;
    top: 34px;
    width: 35px;
    height: 35px;
}

.panel-pricing i {
    font-size: 15px;
}

.normal span {
    float: left;
    color: #000000;
    border-radius: 72px;
    padding: 1px 10px !important;
    margin-top: 2px;
    margin-left: 5px;
    width: 80px;
    text-align: right;
}

.panding span {
    background: #e67250 !important;
    float: left;
    color: #fff;
    border-radius: 72px;
    padding: 1px 10px !important;
    margin-top: 2px;
    margin-left: 5px;
    width: 80px;
    text-align: right;
}

.success span {
    background: #54b671 !important;
    float: left;
    color: #fff;
    border-radius: 72px;
    padding: 1px 10px !important;
    margin-top: 2px;
    margin-left: 5px;
    width: 80px;
    text-align: right;
}



.del-nav i {
    font-size: 16px;
}

.fa-trash-o {
    color: #d9534f !important;
}

.del-nav .fa-bar-chart {
    color: #329bbd;
}

.fa-shopping-cart {
    /*color: #6cc65e;*/
}

/*.del-nav a {
    margin-right: 2rem;
}*/

.del-nav img {
    width: 12px;
}

.amount-right {
    text-align: right !important;
    width: 123px;
}

.watchAction span {
    cursor: pointer;
}


.buysmall {
    margin: 0;
    padding: 2px !important;
    position: relative;
    top: -5px;
    border: 1px solid #b7b7b7;
    color: #137e95 !important;
    font-size: 11px !important;
    line-height: 15px;
    width: 48px;
    height: 23px;
    box-shadow: unset;
}

.bclose {
    opacity: 1;
    z-index: 999999999 !important;
    background: #ffffff !important;
    padding: 12px !important;
    border-radius: 35px !important;
    width: 60px;
    height: 60px;
    position: absolute;
    top: -27px;
    font-size: 27px;
    color: #e2747d;
}

#chart svg {
    height: 400px;
}

.watchimg img {
    width: 60px;
    border: 2px solid #f1f1f1;
    padding: 4px 5px;
    background: #fff;
    border-radius: 4px;
    margin-right: 10px;
}
/*----------upload---------*/
.upload {
    width: 100%;
    border: dashed 2px #a1a1a1;
    cursor: pointer;
}

    .upload img {
        margin: 0 auto !important;
        display: block;
        text-align: center;
        padding: 15px;
        background-color: #efefef;
        max-height: 300px;
    }

    .upload button {
        background: #2fb4a6 !important;
        padding: 20px 83px;
    }
/*.innertop input[type=text] {

    height:25px;
}*/
/*------------View Pre-Scheduled Transaction-------------*/
.tab {
    border: 1px solid #e4e4e4;
    background-color: #ebf6ff;
    min-width: 100%;
    height: 300px;
    margin: 0px auto;
    display: block;
}
    /* Style the buttons inside the tab */
    .tab button {
        display: block;
        background-color: inherit;
        color: black;
        padding: 22px 16px;
        width: 100%;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 14px;
    }

        /* Change background color of buttons on hover */
        .tab button:hover {
            background-color: #c8e2f7;
        }
        /* Create an active/current "tab button" class */
        .tab button.active {
            background-color: #6D6E72;
            color: #fff;
        }

.br-light {
    /* padding: 0; */
    border: 1px solid #eaeaea;
}

.mob-tab {
    background: #285db7;
    color: #fff;
}

    .mob-tab .col-4 .active {
        background-color: #4886B2;
        color: #fff;
    }

.tab button .count-P {
    float: right;
    width: 25px;
    border-radius: 50px;
    text-align: center;
    background-color: #15a133;
    color: #fff;
}

.tab button .count-S {
    float: right;
    background-color: #dcab36;
    width: 25px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
}

.tab button .count-R {
    float: right;
    background-color: #ee6660;
    width: 25px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
}

.Active-P {
    background-color: White !important;
    color: #000 !important;
}
/* Style the tab content */
.tabcontent {
    float: left;
    padding: 0px 12px;
    width: 70%;
    border-left: none;
}

.btn-pay-now {
    border: none;
    background: #1a48a2;
    color: white;
    border-radius: 4px;
    padding: 6px 11px 5px 11px;
    border: 1px solid #1a48a2;
}

.btn-Pay-now-cancel {
    border: none;
    background: #bfbfbf;
    color: white;
    border-radius: 4px;
    padding: 6px 14px 5px 14px;
    border: 1px solid #bfbfbf;
}

.schedule-details {
}

    .schedule-details .schedule-title {
        font-size: 11px;
        color: rgba(0,0,0,0.45);
        padding: 0 0 7px 0;
    }

.schedule-title ~ .schedule-body {
    font-weight: 500;
    padding: 0 0 10px 0;
    color: rgba(0,0,0,1);
}

.Row-data {
    border-bottom: 1px solid rgba(0,0,0,0.15);
    margin-bottom: 8px;
}

.trans-date {
    float: right;
    width: 128px;
    font-size: 11px;
    color: rgba(0,0,0,0.65);
}

.tab div {
    padding: 15px 0 19px 0;
    background: #fff;
}

.mob-tab-link {
    padding: 8px 0px 8px 0px;
}

#mob-sidebar {
    display: none;
}
/*---------------------new mandate-----------*/
.newMandate h3 {
    padding: 12px 38px;
    font-size: 16px;
    font-weight: 400;
}

.REGMandatetable tr {
    background: #fff;
    padding: 17px;
    border: 6px solid #eceeef;
    border-left: 0px;
    border-right: 0px;
    transition: transform .2s;
}

    .REGMandatetable tr:hover {
        transform: scale(1);
        box-shadow: 0 2px 5px 0 rgb(128, 128, 128);
        background: #fff !important;
        z-index: 999;
    }

.REGMandatetable td, .REGMandatetable th {
    padding: .75rem;
    vertical-align: middle;
}

.rehead {
    background: #6D6E72;
    padding: 15px 6px;
    font-size: 14px;
    font-weight: 500;
    color: #f5f5f7;
}

.rebody {
    background: #fff;
    /*border: 1px solid #efefef;*/
    padding: 0;
    z-index: 99;
    margin-bottom: 5px;
    margin-top: 5px;
    transition: transform .9s;
}

    .rebody img {
        width: 20px;
    }

    .rebody:hover {
        /*transform: scale(1.02);*/
        box-shadow: 1px 0px 8px rgba(147, 147, 147, 0.4);
        background: #fff !important;
        z-index: 99;
    }

.rgpanding {
    border-left: 5px solid #e1bf06;
}

.rgsuccess {
    border-left: 3px solid #000000;
}

.block-pricing {
    padding: 0px !important;
    margin-bottom: 0px;
    box-shadow: 0 2px 5px 0 rgba(255, 255, 255, 0.38), 0 2px 5px 0 rgba(167, 167, 167, 0.54);
    /*min-height: 400px;*/
}

.ccategory {
    background: #6D6E72 !important;
    margin: 0;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    font-weight: bold;
    text-transform: initial;
}

.block-pricing td:nth-child(2n+1) {
    text-align: right;
    font-weight: 400;
    font-size: 13px;
    padding: 10px 5px;
    width: 50%;
    word-break: break-all;
}

.block-pricing td:nth-child(2n) {
    font-weight: 300;
    width: 50%;
    padding: 10px 5px;
    word-break: break-all;
}

.nmpending {
    background: #fff1a4;
    padding: 3px 9px;
}

.nmsuccess {
    background: #cbffb4;
    padding: 3px 9px;
}
/*----------------timeline----------------*/
.timeline-centered {
    position: relative;
    margin-bottom: 30px;
}

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #005665;
        /*left: 50%;*/
        top: 20px;
        bottom: 20px;
        margin-left: 10px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        /*width: 50%;
        float: right;*/
        margin-top: 5px;
        margin-left: 36px;
        margin-bottom: 10px;
        clear: both;
    }

        .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
            left: auto;
            right: 0;
            margin-left: 0;
            margin-right: -9px;
            -moz-transform: rotate(180deg);
            -o-transform: rotate(180deg);
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg);
        }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -20px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 20px;
                height: 20px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                -moz-box-shadow: 0 0 0 3px #005665;
                -webkit-box-shadow: 0 0 0 3px #005665;
                box-shadow: 0 0 0 3px #005665;
                line-height: 40px;
                font-size: 15px;
                float: left;
                position: relative;
                left: -14px;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
                    background-color: #303641;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
                    background-color: #ee4749;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                    background-color: #00a651;
                    color: #fff;
                }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                background: #fff;
                padding: 1em;
                margin-left: 40px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
                border: dashed 1px #b7b7b7;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 9px 9px 9px 0;
                    border-color: transparent #e9e9e9 transparent transparent;
                    left: 0;
                    top: 10px;
                    margin-left: -9px;
                }

.timeline-label h2 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    color: #00a2a8
}

.timeline-label p {
    font-weight: 300;
    font-size: 13px;
    color: #000;
}
/*------------------- TRANSACTIONS SUMMARY---------------------*/
.tcount b {
    padding-right: 5px;
    color: #000;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 21px;
    font-size: 11px;
    padding-left: 5px;
}

.p-l-5 {
    padding-left: 5px;
}


.countsno {
    background: #000000;
    width: 22px;
    position: absolute;
    right: -7px;
    border-radius: 123px;
    top: 1px;
    padding: 11px 0px;
    font-size: 12px;
    color: #fff;
}

.tcount span {
    color: #36b000;
}

.tca {
    background: #f2f2f2;
    color: #121212;
    border: 1px solid #e6e6e6;
}

    .tca h3 {
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 0;
    }

    .tca h5 {
        padding-top: 10px;
        color: #121212;
    }

.Transcationsum {
    background: #fff;
    margin-bottom: 12px;
    border: 1px solid #c5c5c5;
    border-radius: 3px;
    margin: 0px;
    cursor: pointer;
}

.Transcationactive {
    border-radius: 0;
    border: 2px solid #e6e6e6;
    box-shadow: 0 0 14px 0 #ccc inset;
}

.Transcationsum img {
    padding: 10px;
    background: #ececec !important;
    border-right: 0px solid #b6b6b6;
    width: 100%;
}

.Transcationsum p {
    padding: 0;
    margin: 0;
}
/*-------------NFO--------------*/
.NFOActive {
    border: 1px solid #eaeaea;
    box-shadow: 0 0 5px 0 #ccc inset;
}

#AMClick {
    padding: 5px 0;
    line-height: 17px;
    color: #444;
}

.flickity-viewport {
    height: 85px !important;
}

#owl-demo .item {
    background: #FFF;
    padding: 7px 0px 7px 3px;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 2.5;
    cursor: pointer;
}

.amc-active {
    border: 1px solid #03A9F4;
    box-shadow: 0px 1px 15px rgba(0,0,0,0.15);
}

.item .amc-header {
    background: #E91E63;
    border: 1px solid black;
    border-radius: 50%;
    width: 44px;
    height: 44px;
}

.media-middle {
    color: #faf8f8;
    /*background: #e782ed;*/
    width: 45px;
    height: 45px;
    border-radius: 50px;
    text-align: center;
    line-height: 3;
    /*border: 1px solid #e782ed;*/
}


    .NFONotify-media {
        position: absolute;
        color: black;
        background: #f8ffff;
        height: 22px;
        width: 22px;
        line-height: 1.65;
        top: -8px;
        border-radius: 50px;
        border: 1px solid rgba(0,0,0,0.35);
        right:-8px;
        font-size: 12px;
        text-align:center;
    }

.media-body p {
    color: black;
    line-height: 1;
    font-size: 12px;
    margin: 0;
    padding: 7px 1px 0px 0;
}

.media-body ~ div {
    position: absolute;
    background: rgba(0,0,0,0.15);
    width: 1px;
    height: 43px;
    right: 0px;
    top: 18px;
}

.btn-BuyNew {
    background: white;
    border: 1px solid #6d99dd;
    border-radius: 50px;
    padding: 6px 18px 6px 18px;
    color: #6d99dd;
    font-size: 12px;
}

.amc-details {
    padding: 12px 0px 12px 15px;
    font-size: 12px;
    color: rgba(0,0,0,1.25);
    margin-bottom: 1px;
    background: white;
}

.owl-prev {
    float: left;
    position: relative;
    bottom: 60px;
    right: 21px;
    height: 30px;
    width: 30px;
    line-height: 23px;
}

.owl-next {
    float: right;
    position: relative;
    bottom: 60px;
    left: 18px;
    height: 30px;
    width: 30px;
    line-height: 23px;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #777;
    border-radius: 10px;
}

.Active-P {
    background-color: White !important;
    color: #000 !important;
}

#loader1 {
    position: absolute;
    left: 40%;
    top: 35%;
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #777777;
    background: #ffffff;
    box-shadow: 0px 0px 10px #777777;
}

#loader2 {
    position: absolute;
    left: 45%;
    top: 50%;
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #777777;
    background: #ffffff;
    box-shadow: 0px 0px 10px #777777;
}

#loader3 {
    position: absolute;
    left: 40%;
    top: 35%;
    border-radius: 20px;
    padding: 25px;
    border: 1px solid #777777;
    background: #ffffff;
    box-shadow: 0px 0px 10px #777777;
}
/*Responsive Align - Mani*/
.dropdownHeight {
    height: 40px !important;
}

.Watchlistdropdown {
    height: 68px !important;
}

.QuestFont {
    color: white;
    font-size: 12px !important;
}

.dropdownTopAlign {
    top: 44px !important;
}

.NomineeAlign {
    font-size: 14px;
    max-width: 171px !important;
}

.AddnomineeAlign {
    position: absolute;
    right: 25px;
    top: 5px;
    background-color: #ffcb05;
}

    .AddnomineeAlign:hover {
        background-color: #6D6E72;
    }


.force-overflow {
    min-height: 450px;
}

.scrollbar-primary::-webkit-scrollbar {
    width: 12px;
    background-color: #eee;
}

.scrollbar-primary::-webkit-scrollbar-thumb {
    border-radius: 8px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    background-color: #dedede;
}

@media(max-width: 767px) {
    .FilterAlign {
        margin: 35px -13px 0 0 !important;
    }

    /* .LblAlign {
        padding: 10px 0 0 0 !important;
    } */

    .ImageFemAlign {
        margin: -48px 0 0 160px !important;
    }

    .GenderImageAlign {
        padding: 6px;
        border: 1px solid #d5d1d1;
        border-radius: 128px;
        width: 45px;
        height: 45px;
    }

    .AddnomineeAlign {
        position: absolute;
        right: 25px;
        top: 25px;
        background-color: #2ea708;
    }

    .ResAlignPara {
        padding: 0 25px 0 25px;
    }

    .RespAlignPass {
        top: 10px;
    }

    .InfoIconAlign {
        color: white;
        font-size: 17px;
        text-align: justify;
        float: right;
        cursor: pointer;
        margin: -22px -10px 0 0 !important;
    }

    .Editbackgrd {
        background-color: #efefef !important;
    }

    .modal-dialog {
        margin: 40px 10px 10px 10px;
        /*min-width: 290px;
        max-width: 700px;*/
        width: auto !important;
    }

        .modal-dialog .mobscroll {
            height: 300px;
            max-height: 500px;
            /* float: left; */
            overflow: auto;
        }
}

@media(min-width:1024px) and (max-width:768px) {
    .FilterAlign {
        margin: 35px -13px 0 0 !important;
    }
}

.mailIdAlign {
    padding: 5px 0 0 0 !important;
}

/**/
@media (max-width: 500px) {
    #sidebar {
        display: none;
    }

    #mob-sidebar {
        display: block;
    }

    .tabcontent {
        float: left;
        padding: 0px 12px;
        width: 100%;
        border-left: none;
    }
}

/*Emandate*/
.DivWidth {
    width: 90% !important;
}

.LblMargin {
    margin: 4px 0 0 0;
}

.stepper li a .circle {
    display: inline-block;
    color: #fff;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.38);
    background-color: rgba(0, 0, 0, 0.38);
    width: 30px !important;
    height: 30px !important;
    text-align: center;
    line-height: 30px !important;
    margin-right: 8px;
}

@media(min-width:768px) {
    .stepper-vertical li:not(:last-child)::after {
        content: " ";
        position: absolute;
        width: 1px;
        height: calc(100% - 40px);
        left: 38px !important;
        top: 60px !important;
        background-color: rgba(0, 0, 0, 0.1);
    }
    /**/

    .stepper-vertical li.active::after {
        background-color: #2BBBAD !important;
    }

    .stepper-vertical li:not(:last-child)::after {
        content: " ";
        position: absolute;
        width: 3px;
        height: calc(100% - 40px);
        left: 38px;
        top: 60px;
    }
}

@media(max-width:767px) {
    .stepper li a {
        padding: 6px 12px;
    }

    .stepper-vertical li .step-content {
        margin-left: 0;
    }

    .stepper-vertical li:not(:last-child):after {
        width: 0;
    }

    .watchlistschewidth {
        width: 220px !important;
    }
}

.CrossIcon {
    float: right;
    font-size: 23px;
    margin: -26px 13px 0 0 !important;
}

.TickIcon {
    float: right;
    font-size: 23px;
    color: #2BBBAD !important;
    margin: -15px -10px 0 0 !important;
}
/*NewUser Tooltip*/

.NewuserinvestinfoTooltip .newuserinvesttooltiptext {
    visibility: hidden;
    width: 300px;
    background-color: gray;
    color: white;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: -37px;
    right: 15px;
    padding: 10px 10px 10px 10px !important;
    text-align: justify;
    font-size: 12px;
}


    .NewuserinvestinfoTooltip .newuserinvesttooltiptext::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
    }

.NewuserinvestinfoTooltip:hover .newuserinvesttooltiptext {
    visibility: visible;
}

.NewuserinfoTooltip .tooltiptext {
    visibility: hidden;
    width: 200px;
    background-color: #fff;
    color: black;
    text-align: center;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: -88px;
    right: 15px;
    padding: 10px 10px 10px 10px !important;
    text-align: justify;
    font-size: 12px;
}

    .NewuserinfoTooltip .tooltiptext::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 100%;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
    }

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

.InfoIconAlign {
    color: white;
    font-size: 17px;
    text-align: justify;
    float: right;
    margin-right: -16px;
    margin-top: -21px;
    cursor: pointer;
    margin: -22px -20px 0 0;
}



.tooltipdesign {
    position: absolute;
    top: 45px;
    display: block !important;
    min-width: 320px;
    background: #fff;
    padding: 12px;
    border: 1px solid #adadad;
    right: 0;
    z-index: 99;
    font-size: 12px;
}


#hover {
    display: none;
}

#image:hover + #hover {
    display: block;
}





.tooltipdesign b {
    font-weight: 400;
    color: #8a8a8a;
    line-height: 23px;
}

.tooltipdesign span {
    font-weight: 400;
    color: #000 !important;
}


body.modal-open {
    overflow: hidden !important;
}


.form-control-br input[type=text] {
    padding: 12px 0;
}

li.nav-item {
    line-height: 30px;
    /*height: 60px;*/
}

.box-six {
    /*box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.38), 0 1px 3px 0 rgba(167, 167, 167, 0.54);*/
    box-shadow: 0 0 0 1px rgba(0,0,0,.05), 0 2px 3px 0 rgba(0,0,0,.1);
}



.btn-form {
    margin-top: 20px;
}

#pd-12 {
    padding: 16px 0 7px 12px;
}


/*my transaction*/

.setup-content th {
    font-size: 13px;
}

.setup-content .mt-1 {
    margin: 1.1rem 0 0 0;
}

.mytransact .classic-tabs li a {
    padding: 5px 26px 0px;
    font-size: 13px;
    color: #315a6f !important;
    line-height: 31px;
}

.mytransact tr.ng-scope:nth-child(even) {
    background: #f1f1f178;
    font-size: 13px;
    color: #4a4a4a;
}


.fafilter .btn-floating {
    margin: -10px 0 0 0;
}

.mytransact .table {
    /*margin: 10px;*/
}

    .mytransact .table > thead > tr > th {
        padding: 5px 5px;
        background-color: #6D6E72 !important;
        border-color: #f5f5f7 !important;
        color: #f5f5f7 !important;
        font-weight: 500;
        font-size: 13px;
        border-bottom: 0;
    }

table .table.mlr0 {
    margin: 10px;
    width: 98%;
}

#trSchemeDetails td {
    font-size: 13px !important;
}


.filter_head {
    color: #fff;
    background: #6D6E72;
    padding: 8px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 0px;
}

.FilterBackGround {
    color: #565454;
    background-color: #ededed;
    pointer-events: none;
}



#trSchemeDetails .table > thead > tr > th {
    background-color: #f5f5f7 !important;
    border-color: #f5f5f7 !important;
    color: #6D6E72 !important;
    padding: 5px;
}

#trSchemeDetails .table > thead > tr > th {
    color: #fff;
}

#trSchemeDetails .table > tbody > tr:nth-child(even) {
    background: #f5f5f5;
}

#trSchemeDetails .table {
    border: 1px solid #e4e4e4;
}


.white-skin .side-nav .collapsible li a.collapsible-header:hover {
    background: #6D6E72;
}



.pad-rt-0 {
    padding-right: 0;
}

.filter_button {
    position: absolute;
    top: -2px;
    border: 0;
}

.btn-btm {
    padding-top: 2rem;
    padding-bottom: 0rem;
    text-align: center;
}

li.nav-item.NomineeAlign {
    line-height: 35px;
    height: 45px;
}

@media(min-width:768px) {
    .classic-tabs.addnominee li a {
        padding: 5px 28px 0px;
    }

    .watchlistschewidth {
        width: 290px !important;
    }
}

@media(max-width:767px) {
    .classic-tabs.addnominee li a {
        padding: 5px 14px 0px;
    }
}

ul.nav.classic-tabs.tabs-cyan.addnominee {
    background: #f5f5f5 !important;
    margin: 0;
}

.classic-tabs.addnominee li a {
    color: #2b7496;
}


.schemecard li.nav-item {
    line-height: 20px;
    /* height: 60px; */
}

.nav.addnominee span {
    padding: 0;
}

#slide-out > div {
    max-height: 100%;
    height: 100% !important;
    /* margin-top: 1px; */
    border-top: 3px solid #eeeeee;
}

.watchlist li.nav-item {
    line-height: 30px;
}

.robot-box {
    border: 2px solid #354e8a;
    text-shadow: 0 0 black;
    padding: 0px 7px 0;
    display: inline-block;
    background: #173477;
    color: #fff;
    height: 39px;
    line-height: 22px;
}

    .robot-box label {
        font-size: 13px;
    }

#LoginUserName .md-form label {
    top: 0.1rem;
    margin-bottom: 0;
}

#TwoQuestion .md-form label {
    top: 0.1rem;
    margin-bottom: 0;
}

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

.bold400 {
    font-weight: 400;
}

.table {
    /*border: 1px solid #f1f1f1;*/
}

#trSchemeDetails .table > tbody > tr:nth-child(even) {
    background: #f5f5f5;
}

.table.watchlist {
    margin-bottom: 0;
}

.transactions_table.watchlist td, .transactions_table.watchlist th {
    text-align: left !important;
    padding: 10px 5px;
    font-size: 13px;
}

h4.tab-title {
    padding: 10px 0 0;
    font-weight: 400;
    font-size: 17px;
}

a.map-btn {
    background: #43b19d;
    color: #ffffff;
    padding: 4px 10px;
    border-radius: 10px;
    margin-left: 0;
    font-size: 12px !important;
}

#DivEnquiry table tr td {
    line-height: 25px;
}

.adharrbox {
    padding: 7px 0;
}

a.readmore_btn {
    color: #173780 !important;
    cursor: pointer;
    font-weight: 500;
}

.innerbox {
    border: 2px solid #efefef;
}

.rebody.rgsuccess.ng-scope:nth-child(even) {
    background: #f5f5f5;
}

div#showredemsurvey {
    float: left;
    padding: 0 10px;
}

.locationtable table tbody tr:nth-child(even) {
    background: #f5f5f5;
}

p {
    line-height: 21px;
}

.no-records {
    color: red;
    text-align: center;
    clear: both;
    margin-top: 22px;
}

.watchlist table {
    margin-bottom: 0;
}

.navbar-collapse .dropdown .dropdown-menu {
    margin: 0 0 0;
    margin: 0 0 0;
    color: #fff;
    border-top: 3px solid #17c6d2;
}

#Nominees .md-form label {
    /*top: 0rem;*/
    margin-bottom: 0;
}

h3.details_txt {
    padding: 8px 0 !important;
    font-size: 17px;
    font-weight: 400;
    color: #1c5984;
}

@media(min-width:992px) {
    .navbar-nav .dropdown-menu {
        left: -120px;
    }

    #navbarNav1 .dropdown-menu.dropdown.small {
        left: -30px;
    }

    .text-overflow {
        width: 560px;
    }

    .text-overflow1 {
        width: 305px;
    }
}

@media(max-width:767px) {
    .text-overflow, .text-overflow1 {
        width: 240px;
    }

    .nheight {
        overflow: scroll;
        height: 100%;
        max-height: 350px;
    }

    .line-ht ul li {
        line-height: 20px !important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .text-overflow {
        width: 360px;
    }

    .text-overflow1 {
        width: 210px;
    }
}

.aa span {
    padding-top: 6px;
    display: inline-block;
}

.text-overflow, .text-overflow1, .text-overflow2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.navbar {
    background: #fff !important;
}

.user1 {
    height: 50px;
}

.md-form .pswdlabel.active {
    transform: translateY(-100%) !important;
}

#CamsLogin .white-text {
    font-size: 1.4rem !important;
}

.word-warp label {
    word-break: break-all !important;
}

.word-warp {
    margin-top: 12px;
    display: inline-block;
}

.form-control {
    font-weight: 300 !important;
}

.info-icon {
    width: 20px;
}

@media(min-width:768px) {
    .line-ht ul li {
        line-height: 30px !important;
    }
}

.picker__input {
    color: black !important;
    font-weight: 300 !important;
}

@media (min-width: 576px) {
    .schem_val {
        max-width: 400px;
    }
}

/*.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 2% auto !important;
}*/

/* model popup */

.modal {
    text-align: center;
    padding: 0 !important;
}

    .modal:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
        margin-right: -4px;
    }

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

/*@media (min-width: 576px) {.modal-dialog { margin:0 auto;}}
.current-dt {    
            position: absolute;
            top: 50px;
            background: rgba(160, 160, 160, 0.7);
            border-radius: 0 0 4px 4px;
            width: 318px;
            font-size: 12px;
            line-height: 22px;
            margin: auto;
            padding: 7px 10px 7px 27px;
            right: 21px;
             box-shadow: 0 2px 5px 0 #888; 
            color: #fff;
            font-weight: 600;
            z-index: -1;
        }
*/


#TransactionNIGORules {
    padding: 0 10px;
}

.form-input {
    border: 1px solid #ededed;
    border-radius: 4px;
    width: 100%;
    height: 23px;
    box-shadow: 0 2px 8px 0 #ccc;
    padding-left: 5px;
}

.transactions_table .fa-inr {
    color: #000;
}
/* border-shape*/
.current-dt {
    width: 0;
    height: 0;
    border: 50px solid transparent;
    border-bottom: 0px solid red;
    position: relative;
    top: -54px;
    width: 330px;
}

    .current-dt:after {
        content: '';
        position: absolute;
        left: -90px;
        top: 20px;
        width: 334px;
        height: 26px;
        border: 15px solid transparent;
        border-top: 33px solid #6D6E72;
    }

    .current-dt span {
        top: 29px;
        z-index: 999999;
        position: absolute;
        left: -70px;
        color: #f5f5f7;
        font-size: 13px;
        width: 300px;
        text-align: center;
    }
/*border-time*/
.tab-slider {
    background: #6D6E72;
    display: inline-block;
}

    .tab-slider button {
        float: left !important;
        max-width: 300px !important;
        height: 90px;
        background: #f5f5f7;
        font-size: 16px;
        font-weight: 400;
        padding: 14px 16px;
    }

        .tab-slider button span {
            margin-top: 12px;
            margin-right: 60px;
        }

        .tab-slider button i {
            font-size: 22px;
            font-weight: 300;
            border: 1px solid;
            border-radius: 50px;
            width: 40px;
            height: 40px;
            padding: 8px;
            margin-right: 7px;
        }

        .tab-slider button:hover {
            background-color: #6D6E72;
            display: inline-block;
        }

.tab button.active {
    background-color: #6D6E72;
}

.day-left {
    background: #fff;
    padding: 39px 0px;
    width: 100px;
    height: 100px;
    display: inline-block;
    box-shadow: 0 0 12px 0 #ccc;
    border-radius: 50px;
    text-align: center;
    margin-top: 10px;
    position: absolute;
    right: 40px;
}

.sch-table p {
    line-height: 26px;
}

.sdul-transt {
    background: #f9f9f9;
    box-shadow: 0 6px 10px 0 rgba(0,0,0,0.1) inset;
    display: inline-block;
    width: 100%;
}

    .sdul-transt:nth-of-type(odd) {
        background-color: #fff;
    }

.mt-btom {
    margin-bottom: 10px;
}

@media (max-width:767px) {
    .day-left {
        background: #fff;
        padding: 12px 0px;
        width: 86px;
        height: 35px;
        right: 10px;
        font-size: 12px;
        z-index: 99;
        top: 86px;
    }

    .small-box {
        padding: 17px 0 0 12px !important;
    }

    #UploadImagefile {
        max-width: 100% !important;
    }

    .table > tbody > tr > td, .table > tbody > tr > th, .table > thead > tr > td, .table > thead > tr > th {
        text-align: left;
    }

    .classic-tabs li a {
        padding: 6px 3px 3px;
        width: 100%;
        line-height: 30px;
    }
}

.pad-0 {
    padding: 0;
}

.btn-default {
    background: #fff !important;
    z-index: 0;
    border: 1px solid #666666 !important;
}

    .btn-default:hover, .btn-default:focus, .btn-default:active {
        background-color: #1E1B1B !important;
        color: #F2F2F2 !important;
    }


/* SIP style */
.adschem {
    box-shadow: 0 2px 12px 0 #ccc;
    padding: 12px 12px;
    margin-top: 10px;
    border-left: 5px solid #000000;
    border-radius: 3px;
    margin-bottom: 10px;
}

    .adschem label {
        font-weight: 500;
        font-size: 12px;
        padding-bottom: 12px;
    }

    .adschem .ad-velue span {
        padding-right: 10px;
        font-size: 16px;
    }

        .adschem .ad-velue span .fa-trash {
            color: red;
        }

.del-nav th, .del-nav td {
    width: 100%;
}

.notify-align {
    left: -300px;
    padding: 22px;
    z-index: 999999;
    top: 37px;
    min-width: 338px;
}

@media (max-width:767px) {
    .notify-align {
        position: absolute;
        left: 0;
    }

    .tag.tag-rounded.tag-sm {
        height: 20px;
        width: 20px;
        line-height: 22px;
        font-size: 11px !important;
        position: absolute;
        right: 13px;
        top: 13px;
    }

    .pad0 {
        padding: 0;
    }
}

.colan {
    padding: 0 16px;
    width: 10px;
    float: right;
}

.emandatehead {
    color: #2c5ba1;
    font-size: 22px;
    font-weight: 400;
    border-bottom: 1px solid #ededed;
    padding-bottom: 20px;
}

.menu-icon {
    margin-top: -3px;
}

.wt-new {
    box-shadow: 0 2px 10px 0 #ccc;
    padding: 14px;
    margin-bottom: 12px;
}

    .wt-new h4 {
        font-weight: 600;
        font-size: 18px;
    }

    .wt-new p {
        font-size: 14px;
        line-height: 27px;
    }

    .wt-new a {
        font-size: 14px;
        color: #4172d0;
        text-decoration: underline;
    }

#privacypolicy b {
    font-weight: 600;
}

.InvTransact {
    padding: 10px 0 !important;
}

.norecordsfound {
    color: #000000;
}
/*
@media(min-width:359px) and (max-width:767px) {
    .mob-filter {
      right: 0 !important;
        top: 63px !important;
        position: absolute !important;
        top: 0px;
        z-index: 99;
        margin: 0;
        right: 0;
        
    }
}

@media(min-width:320px) and (max-width:358px) {
    .mob-filter {
         right: 0px !important;
        top: 34px !important;
        position: absolute !important;
        top: 0px;
        z-index: 99;
        margin: 0;
        right: 0;
    }
}*/

 @media (max-width:767px) {
    .PostLogin h4{font-size: 16px; text-align: justify; line-height: 24px; }
    .backwhite p {text-align: justify; }
    .backwhite li {text-align: justify;    }
    }

.Factadetailspopup:nth-of-type(2) {
    z-index: 1052 !important;
    background: rgba(0,0,0,0.2);
}

.modal-backdrop.fade.show:nth-of-type(1) {
    z-index: 1051 !important;
}

/*.modal1:nth-of-type(2) {
    z-index: 1052 !important;
}

.modal-backdrop.show:nth-of-type(1) {
    z-index: 1051 !important;
}*/
    

@media(min-width: 1024px){
    .bodyfatcadetails {
        min-width: 900px !important;
    }
}

@media(min-width: 1024px) {
    .DivScrutinysecquesdialog {
        min-width: 700px !important;
    }
}

.btnsmartSTP div {
    padding: 5px 10px;
    margin: 0px auto;
    margin-top: 0px;
    line-height: 29px;
    text-align: center;
    color: #2e6cc7;
    border: 1px solid #2e6cc7;
    border-radius: 4px;
}

@media (max-width:330px) {
    .modal:before {
        display: inline !important;
    }

    .modal {
        margin-top: 0 !important;
    }
}