/* 
    Created on : May 23, 2016, 2:02:53 AM
    Author     : shahid
*/
/* Place in your CSS file at the top of the document */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,400;0,600;1,400;1,600&display=swap');

@font-face {
    font-family: 'Li Ador Noirrit';
    src: url('LiAdorNoirrit.eot');
    src: url('LiAdorNoirrit.eot?#iefix') format('embedded-opentype'),
        url('LiAdorNoirrit.woff2') format('woff2'),
        url('LiAdorNoirrit.woff') format('woff'),
        url('LiAdorNoirrit.svg#LiAdorNoirrit') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.bangla {
    font-family: 'Li Ador Noirrit';
}

body {
    font-family: 'Figtree', 'Li Ador Noirrit',sans-serif;
    font-size: 12px;
    color: #000000 !important;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
}
a {
    color: #0e3b64;
    text-decoration: none;
}
a:hover, a:focus, a.selected {
    color: #0e3b64;
    text-decoration: underline;
}
.bold, b, strong {
    font-weight: bold;
    font-weight: 600;
}
.hide {
    display: none;
}
/*
** All element set middle
*/
.aligner {
    display: flex;
    align-items: center;
    justify-content: center;
}
.aligner2 {
    position: relative;
}
.aligner2 .aligner2_select {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
.text_justify {
    text-align: justify;
}
/*
** Custom Background
*/
.bg_f3 {
    background: #f3f3f3 !important;
}
.bg_white {
    background: #fff !important;
}
.bg_blue {
    background: #0e3b64 !important;
}
.bg_green {
    background: #008f4c !important;
}
.bg_fb {
    background: #fff !important;
    /*background: #fbfbfb !important;*/
    box-shadow: 0 3px 10px rgb(15 64 255 / 0.2);
}
.footer-top{
    background: #cae2eb59 !important;
}

.footer-bottom{
    /*background: linear-gradient(90deg, rgba(37,90,189,100) 0%, rgba(37,90,189,100) 50%, rgba(32,95,200,199) 100%);*/
    background: linear-gradient(90deg, rgba(11,0,36,1) 3%, rgba(37,63,189,1) 48%, rgba(50,109,232,1) 100%);
    /*background: linear-gradient(90deg, rgba(191,8,8,1) 0%, rgba(191,8,8,1) 50%, rgba(185,14,16,0) 100%);*/
    background-color: white !important;

}

.footer-bottom-container{
    margin-left: 120px !important;
    margin-right: 120px !important;
    min-height: 47px;
}

.relative{
    position: relative;
}

.copyright_text{
    font-size: 12px;
    margin-top: 14px;
    /*margin: 0 auto;*/
}

.bg-color-logo{
    background-color: #a9e0fa;
}

.margin-left--23{
    margin-left: -25px;
}

.border_radius_top_left{
    border-top-left-radius: 8px !important;
}

.border_radius_8px{
    border-radius: 8px !important;
}

.border_radius_top_right{
    border-top-right-radius: 8px !important;
}

.border_radius_bottom_right{
    border-bottom-right-radius: 0px 0px 8px 0px !important;
}

.border_radius_bottom_left{
    border-bottom-left-radius: 0px 0px 0px 8px !important;
}

.p_l_70 {
    padding-left: 70px !important;
}

.p_r_67 {
    padding-right: 67px !important;
}

.max-width-120px{
    max-width: 120px;
}
.logo{
    max-height: 50px;
}

@media  screen and (max-width: 1920px) {
    /*    .container {
            max-height: 87px;
            margin-top: 66px;
        }*/
}

@media only screen and (max-width: 1200px) {
    .loginContainer{
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
    .pgLoginContainer{
        margin-left: 20px !important;
        margin-right: 20px !important;
    }
}

@media only screen and (max-device-width: 800px) {
    /*    .loginContainer{
            margin-left: 40px !important;
            margin-right: 40px !important;
        }*/
}

/*.loginContainer{
    margin-left: 120px !important;
    margin-right: 120px !important;
}*/

.nav-pills .nav-link {
    border-radius: 0;
}
.login_form,#registerForm,#resetForm,#reset_security_form{
    /*border-radius: 0px 8px 8px 8px ;*/
    border-radius: 0px 0px 8px 8px ;
}

.site_header {
    background: #FFFFFF;
    /*background: rgb(13,71,161, 0.7);*/
    /*background: rgb(191,8,8);*/
    /*background: linear-gradient(90deg, rgba(191,8,8,0.9) 0%, rgba(250,2,2,1) 68%);*/
    /*background: linear-gradient(90deg, rgba(50,114,230,100) 0%, rgba(50,114,230,100) 68%);*/
}

.site_color{
    color: #1976D2 !important;
}

.inner_header_logo{
    display: block;
    padding: 0.5rem 0rem;
}

.position_relative{
    position: relative !important;
}

.position_absolute{
    position: absolute !important;
}

.position_bottom_0{
    bottom: 0 !important;
}

.position_right_0{
    right: 0 !important;
}

@media (min-width: 1200px){
    .topbar_header_container{

    }
}

.topbar_nav_menu{
    right: 12px !important;
    position: absolute !important;
    top: 29% !important;
}

@media (min-width: 992px){
    #navbarNav {
        display: block !important;
    }
}

@media only screen and (min-device-width: 375px) and (max-device-width: 800px) {
    #navbarNav {
        margin-top: 20px;
    }
}

/*
* Custom Cursor
*/
.cursor_pointer {
    cursor: pointer;
}
/*
** Read Unread
*/
.read_text {
    background: #fff !important;
}
.read_text:hover {
    background: #f3f3f3 !important;
}
.unread_text {
    background: #f3f3f3 !important;
}
.unread_text:hover {
    background: #fff !important;
}
/*
** Div Inside Anchor Tag
*/
.inside_anchor {
    position: relative;
}
.inside_anchor > a {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
/*
** Custom Font Size
*/
.size10{
    font-size: 10px !important;
}
.size11{
    font-size: 11px !important;
}
.size12{
    font-size: 12px !important;
}

/*input::placeholder{
    font-size: 12px !important;
}*/
.size13{
    font-size: 13px !important;
}
.size14{
    font-size: 14px !important;
}
.size16{
    font-size: 16px !important;
}
.size18{
    font-size: 18px !important;
}
.size20{
    font-size: 20px !important;
}
.size22{
    font-size: 22px !important;
}
.size24{
    font-size: 24px !important;
}
.size28{
    font-size: 28px !important;
}
.size30{
    font-size: 30px !important;
}
.size32{
    font-size: 32px !important;
}
.size36{
    font-size: 36px !important;
}
.size48{
    font-size: 48px !important;
}
.size60{
    font-size: 60px !important;
}
.size72{
    font-size: 72px !important;
}
.size90{
    font-size: 90px !important;
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 0;
}
.h4, .h5, .h6, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: 0;
}
.h3, h3 {
    font-size: 18px;
}
hr {
    border-top: 1px solid #032a4d;
}
input::placeholder, textarea::placeholder {
    font-style: normal;
}
.round {
    border-radius: 50%;
}
.m_free_p > p {
    margin: 0 !important;
}
/**
* Custom Width
**/
.width34 {
    width: 34px !important;
    height: 34px !important;
}
.width35 {
    width: 35px !important;
    height: 35px !important;
}
.width38 {
    width: 38px !important;
    height: 38px !important;
}
.width40 {
    width: 40px !important;
    height: 40px !important;
}
.width50 {
    width: 50px !important;
    height: 50px !important;
}
.width52 {
    width: 52px !important;
    height: 52px !important;
}
.width57 {
    width: 57px !important;
    height: 57px !important;
}
.width60 {
    width: 60px !important;
    height: 60px !important;
}
.width100 {
    width: 100px !important;
    height: 100px !important;
}
.width105 {
    width: 105px !important;
    height: 105px !important;
}
.only_width100{
    width: 100% !important;
}
/**
* Custom Border
**/
.border {
    border: 1px solid #d9d9d9 !important;
}
.border_top {
    border-top: 1px solid #d9d9d9;
}
.border_bottom {
    border-bottom: 1px solid #d9d9d9;
}
.border_right {
    border-right: 1px solid #d9d9d9;
}
.border_left {
    border-left: 1px solid #d9d9d9;
}
.border_none {
    border: none !important;
}
.border_bottom_none {
    border-bottom:none !important;
}
.border_top_none {
    border-top:none !important;
}
.border_radius_none {
    border-radius: unset !important;
}
/**
* Custom Margin
**/
.m_0 {
    margin: 0 !important;
}
.m_r_auto {
    margin-right: auto;
}
.m_l_auto {
    margin-left: auto;
}
.m_l_0 {
    margin-left: 0 !important;
}
.m_r_0 {
    margin-right: 0 !important;
}
.m_t_0 {
    margin-top: 0 !important;
}
.m_b_0 {
    margin-bottom: 0 !important;
}
.m_l_r_5 {
    margin: 0 5px !important;
}
.m_t_b_5 {
    margin: 5px 0 !important;
}
.m_l_r_10 {
    margin: 0 10px !important;
}
.m_t_b_10 {
    margin: 10px 0 !important;
}
.m_l_r_15 {
    margin: 0 15px !important;
}
.m_t_b_15 {
    margin: 15px 0 !important;
}
.m_l_r_20 {
    margin: 0 20px !important;
}
.m_t_b_20 {
    margin: 20px 0 !important;
}
.m_l_r_30 {
    margin: 0 30px !important;
}
.m_t_b_30 {
    margin: 30px 0 !important;
}
.m_10 {
    margin: 10px !important;
}
.m_15 {
    margin: 15px !important;
}
.m_20 {
    margin: 20px !important;
}
.m_t_5 {
    margin-top: 5px !important;
}
.m_b_5 {
    margin-bottom: 5px !important;
}
.m_r_5 {
    margin-right: 5px !important;
}
.m_l_5 {
    margin-left: 5px !important;
}
.m_t_10 {
    margin-top: 10px !important;
}
.m_b_10 {
    margin-bottom: 10px !important;
}
.m_r_10 {
    margin-right: 10px !important;
}
.m_l_10 {
    margin-left: 10px !important;
}
.m_t_15 {
    margin-top: 15px !important;
}
.m_b_15 {
    margin-bottom: 15px !important;
}
.m_r_15 {
    margin-right: 15px !important;
}
.m_l_15 {
    margin-left: 15px !important;
}
.m_t_20 {
    margin-top: 20px !important;
}
.m_b_20 {
    margin-bottom: 20px !important;
}
.m_b_30 {
    margin-bottom: 30px !important;
}
.m_r_20 {
    margin-right: 20px !important;
}
.m_l_20 {
    margin-left: 20px !important;
}
.m_t_30 {
    margin-top: 30px !important;
}
.m_b_30 {
    margin-bottom: 30px !important;
}
.m_r_30 {
    margin-right: 30px !important;
}
.m_l_30 {
    margin-left: 30px !important;
}
.m_t_40 {
    margin-top: 40px !important;
}
.m_b_40 {
    margin-bottom: 40px !important;
}
.m_r_40 {
    margin-right: 40px !important;
}
.m_l_40 {
    margin-left: 40px !important;
}
.m_t_70 {
    margin-top: 70px !important;
}
.m_b_70 {
    margin-bottom: 70px !important;
}
.m_r_70 {
    margin-right: 70px !important;
}
.m_l_70 {
    margin-left: 70px !important;
}

.m_t_100 {
    margin-top: 100px !important;
}
/**
* Custom Padding
**/
.p_0 {
    padding: 0 !important;
}
.p_l_0 {
    padding-left: 0 !important;
}
.p_r_0 {
    padding-right: 0 !important;
}
.p_t_0 {
    padding-top: 0 !important;
}
.p_b_0 {
    padding-bottom: 0 !important;
}
.p_5 {
    padding: 5px !important;
}
.p_10 {
    padding: 10px !important;
}
.p_15 {
    padding: 15px !important;
}
.p_20 {
    padding: 20px !important;
}
.p_30 {
    padding: 30px !important;
}
.p_l_r_5 {
    padding: 0 5px !important;
}
.p_t_b_5 {
    padding: 5px 0 !important;
}
.p_l_r_10 {
    padding: 0 10px !important;
}
.p_t_b_10 {
    padding: 10px 0 !important;
}
.p_l_r_15 {
    padding: 0 15px !important;
}
.p_t_b_15 {
    padding: 15px 0 !important;
}
.p_l_r_20 {
    padding: 0 20px !important;
}
.p_t_b_20 {
    padding: 20px 0 !important;
}
.p_l_r_30 {
    padding: 0 30px !important;
}
.p_t_b_30 {
    padding: 30px 0 !important;
}
.p_t_5 {
    padding-top: 5px !important;
}
.p_b_5 {
    padding-bottom: 5px !important;
}
.p_r_5 {
    padding-right: 5px !important;
}
.p_l_5 {
    padding-left: 5px !important;
}
.p_t_10 {
    padding-top: 10px !important;
}
.p_b_10 {
    padding-bottom: 10px !important;
}
.p_r_10 {
    padding-right: 10px !important;
}
.p_l_10 {
    padding-left: 10px !important;
}
.p_t_12 {
    padding-top: 12px !important;
}
.p_b_12 {
    padding-bottom: 12px !important;
}
.p_r_12 {
    padding-right: 12px !important;
}
.p_l_12 {
    padding-left: 12px !important;
}
.p_t_15 {
    padding-top: 15px !important;
}
.p_b_15 {
    padding-bottom: 15px !important;
}
.p_r_15 {
    padding-right: 15px !important;
}
.p_l_15 {
    padding-left: 15px !important;
}
.p_t_20 {
    padding-top: 20px !important;
}
.p_b_20 {
    padding-bottom: 20px !important;
}
.p_r_20 {
    padding-right: 20px !important;
}
.p_l_20 {
    padding-left: 20px !important;
}
.p_t_25 {
    padding-top: 25px !important;
}
.p_b_25 {
    padding-bottom: 25px !important;
}
.p_r_25 {
    padding-right: 25px !important;
}
.p_l_25 {
    padding-left: 25px !important;
}
.p_t_30 {
    padding-top: 30px !important;
}
.p_b_30 {
    padding-bottom: 30px !important;
}
.p_r_30 {
    padding-right: 30px !important;
}
.p_l_30 {
    padding-left: 30px !important;
}
.p_t_40 {
    padding-top: 40px !important;
}
.p_b_40 {
    padding-bottom: 40px !important;
}
.p_r_40 {
    padding-right: 40px !important;
}
.p_l_40 {
    padding-left: 40px !important;
}
.p_t_140 {
    padding-top: 140px !important;
}
.p_b_140 {
    padding-bottom: 140px !important;
}
.p_r_140 {
    padding-right: 140px !important;
}
.p_l_140 {
    padding-left: 140px !important;
}
/********
** Custom Button
************/
.btn:active,
.btn.active{
    box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: 0;
    outline-offset: 0;
}

.btn-grey{
    background: #e2e6ea !important;
    color: #000;
}

.btn-grey:hover {
    /*background: #0D47A1 !important;*/
    color: #fff !important;
}

a.btn-grey:hover {
    background: #1976D2 !important;
    color: #fff !important;
}

a.btn-grey.active {
    color: #fff !important;
    background-color: #0D47A1 !important;
}

.btn-site {
    color: #fff;
    /*background-color: rgb(50 114 230) !important;*/
    background-color: #1976D2 !important;
    /*border-color: rgb(11 0 36);*/
    /*    background-color: rgb(223 8 7) !important;
        border-color: rgb(209 6 5);*/
}
.btn-site.focus,
.btn-site:focus,
.btn-site:hover {
    color: #fff;
    /*background-color: rgb(26 60 132) !important;*/
    background-color: #0D47A1 !important;
    /*border-color: rgb(11 0 36);*/
    /*    background-color: rgb(199 3 3) !important;
        border-color: rgb(209 6 5);*/
}
.btn-site-sm {
    padding: 3px 26px;
    line-height: 1.5;
}
.btn-site-nohover {
    color: #fff;
    background-color: #d9190b;
    border-color: #d9190b;
}
.btn-site-nohover.focus,
.btn-site-nohover:focus,
.btn-site-nohover:hover,
.btn-site-nohover:active:hover {
    color: #fff;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    /*    background-color: #d9190b;
        border-color: #d9190b*/
}
.btn-site2 {
    color: #d9190b;
    background-color: #fff;
    border-color: #d9190b;
}
.btn-site2.focus,
.btn-site2:focus,
.btn-site2:active:hover,
.btn-site2:hover {
    color: #fff;
    border-color: #d9190b;
    background-color: #d9190b;
}
.btn-tag {
    color: #999;
    background-color: #f3f3f3;
    border-color: #f3f3f3;
}
.btn-tag.focus,
.btn-tag:focus,
.btn-tag:active:hover,
.btn-tag:hover {
    color: #999;
    border-color: #e6e6e6;
    background-color: #e6e6e6;
}
.btn-filter {
    background-color: #e6e6e6;
    border-color: #e6e6e6;
    color: #999;
}
.btn-white {
    border-color: #999999;
    color: #999;
}
.btn-rounded {
    border-radius: 10em;
}
/********
** Custom Color
************/
.color_white {
    color: #fff !important;
}
.color_black {
    color: #000 !important;
}
.color_999 {
    color: #999999 !important;
}
.color_d9 {
    color: #d9d9d9 !important;
}
.color_d919 {
    color: #d9190b !important;
}
.color_window {
    color: #0e3b64 !important;
}
.color_5858 {
    color: #58585a !important;
}
.color_ff0 {
    color: #ff0000 !important;
}
.color_0e3 {
    color: #0e3b64 !important;
}
.color_success {
    /*color: #28a745 !important;*/
    color: #1976D2 !important;
}
.color_bf0808{
    color: #bf0808 !important;
}
.color_008 {
    color: rgba(50,114,230,100) !important;
}
/********
** Site Timeline
************/
.site_timeline {
    position: relative;
}
.site_timeline:before {
    background: #d9d9d9;
    content: "";
    height: 100%;
    position: absolute;
    width: 2px;
    top: 38px;
}
.site_timeline:after {
    background: #d9d9d9;
    border-radius: 50%;
    content: "";
    left: -7px;
    position: absolute;
    top: 25px;
    width: 16px;
    height: 16px;
}
/*
** Siteties Column Flex
*/
.site_three_col {
    width:100%;
    display: flex;
    flex-flow: row wrap;
    list-style: none;
}
.site_three_col li {
    flex: 1 0 calc(33.333%);
    max-width: calc(33.333%);
}
.site_three_col li:nth-of-type(3n+0) {
    border-right: none;
}
.site_two_col {
    display: flex;
    flex-wrap: wrap;
}
.site_two_col > li {
    flex: 0 48%;
    background: white;
    margin-top: 30px;
    padding: 0;
    border: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}
.site_two_col > li:nth-child(odd) {
    margin-right: 15px;
}
.site_two_col > li:nth-child(even) {
    margin-left: 15px;
}
.site_two_col > li:nth-child(1),
.site_two_col > li:nth-child(2) {
    margin-top: 0;
}
/*
* Ember Icons
*/
.ember_icon .elgg-avatar:nth-of-type(1n+2) {
    margin-left: -16px;
}
/*
* End Siteties Custom CSS
*/
.containermodal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    opacity: 0.8;
    background: #000000
        url('bootstrap/images/flyingdots.gif')
        50% 50%
        no-repeat;
}
.site_wrapper {
    min-height: 80vh;
    /*position: relative;*/
    /*    padding-bottom: 145px;
        padding-top: 145px;*/
    padding-bottom: 125px;
    padding-top: 125px;
}

.site_footer {
    /*background: transparent;
    background-image: url("images/thumbnail_gateway7.png");
    background-repeat: repeat-x;*/
    /*min-height: 70px;*/
    min-height: 35px;
}
/*
* Breadcrumb
*/
.site_breadcrumb > .breadcrumb {
    padding: 10px 0;
    margin: 0;
}
/*
* Login CSS
*/
.login_padding {
    /*padding-left: 140px !important*/
}
.login_form {
    /*padding: 36px 20px 20px 20px;*/
    padding: 20px 15px 15px 15px;;
    background-color: #fff;
    /* color: black !important; */
}
.login_internet_banking {
    background-image: linear-gradient(to right, #0e3b64 0%, #008f4c 100%);
    /*    opacity: 0.74;*/
}
.footer_menu_bottom .nav-item {
    padding: 10px 0 5px;
    color: black;
}
.login_preview .nav-link {
    font-size: 16px;
    padding: 10px 10px;
    border-bottom: 1px solid #dee2e6!important;
    border-radius: unset;
    /*    margin-bottom: 10px;*/
}
.login_preview .nav-link.active {
    background-color: unset;
    text-decoration: underline;
}
.login_preview .nav-link {
    color: #fff;
}
.login_nav_link {
    padding: 0.7rem 1rem;
}
.login_border {
    border-top: 1px solid #208637 !important;
}
.login_border2 {
    border-top: 1px solid #032a4d !important;
}
/* Header */
.header_site {
    background: rgb(249,1,0);
    background: -moz-linear-gradient(90deg, rgba(249,1,0,1) 0%, rgba(159,11,12,1) 51%, rgba(249,1,0,1) 100%);
    background: -webkit-linear-gradient(90deg, rgba(249,1,0,1) 0%, rgba(159,11,12,1) 51%, rgba(249,1,0,1) 100%);
    background: linear-gradient(90deg, rgba(249,1,0,1) 0%, rgba(159,11,12,1) 51%, rgba(249,1,0,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f90100",endColorstr="#f90100",GradientType=1);
}
.site_title {
    /*border-left: 3px solid #008f4c;*/
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: left;
}
.topbar_menu .nav-item {
    border-left: 1px solid #ddd;
}
.topbar_menu .nav-item:first-child {
    border: none;
}
/*Menu*/
.site_menu {
    padding: 0;
}
.site_content{
    /*margin-right: -7px !important;*/
}
.site_menu .navbar-nav > .nav-item {
    border-right: 1px solid #dee2e6!important;
    border-top: 1px solid #dee2e6!important;
}
.site_menu .navbar-nav > .nav-item:first-child {
    border-left: 1px solid #dee2e6!important;

}
.site_menu .navbar-nav > .nav-item > a.nav-link {
    /*padding: 12px;*/
    padding: 7px 12px;
}
.site_menu .navbar-nav > .nav-item a,
.dropdown-item,
select option {
    color: #5d5d5d;
    font-size: 12px;
}
.site_menu .dropdown-item:active {
    color: #fff !important;
    background-color: #0e3b64;
}
/*.site_menu .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
}*/
.site_menu .navbar-nav > .nav-item > a.nav-link:hover,
.site_menu .navbar-nav > .active > a.nav-link {
    background-color: #fbfbfb;
    border-bottom: 4px solid rgba(50,114,230,100);
}
/*.page-item.active .page-link {
    background-color: #F90100;
    border-color: #F90100;
}*/
/*Footer*/
/*.footer_menu_top .nav-item {
    border-left: 1px solid #fff;
}
.footer_menu_top a:hover {
    background-color: white;
}
.footer_menu_top .nav-item:last-child {
    border-right: 1px solid #fff;
}
.footer_social .nav-link {
    padding: 5px;
}
.footer_menu_bottom .nav-link {
    color: white;
    font-size: 12px;
    padding: 0 5px;
    border-left: 1px solid #fff;
}
.footer_menu_bottom .nav-item:first-child .nav-link {
    border: none;
    padding-left: 0;
}
.footer_menu_bottom a:hover {
    text-decoration: underline;
}
.footer_logo {
    width: 150px;
    margin-left: 90px;
}*/
/*Custom Table*/
.table_custom tr td:first-child, .table_custom table tr td:nth-child(3) {
    width: 15%;
    background-color: #f1f2f4;
}
.card_utility {
    display: flex;
    align-items: center;
    height: 90px;
}

/* Custom Radio Button Start*/
.radiotextsty {
    /*color: #008f4c;*/
    color: #1976D2;
}
.customradio2 .radiotextsty,
.customradio3 .radiotextsty {
    color: white !important;
}
.customradio2 .checkmark:after {
    background: #0E3B5B !important;
}
.customradio {
    display: block;
    position: relative;
    padding-left: 25px;
    margin-bottom: 0px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.customradio input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: white;
    border-radius: 50%;
    border:1px solid #BEBEBE;
}

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

/* When the radio button is checked, add a blue background */
.customradio input:checked ~ .checkmark {
    background-color: white;
    border:1px solid #BEBEBE;
}

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

/* Show the indicator (dot/circle) when checked */
.customradio input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.customradio .checkmark:after {
    top: 2px;
    left: 2px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    /*background: #008f4c;*/
    background: #1976D2;
}
/* Radio Button Images*/
.radio_image input[type="radio"]{
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
}
.radio_image input[type="radio"] + label
{
    cursor:pointer;
}
/* Custom Radio Button End*/
text.highcharts-credits {
    display: none;
}
.login_right {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/*.app_download img {
    width: 80px;
}*/
.app_icons {
    padding: 0;
}
.select_right {
    text-align-last: right;
    border: none;
    background: none;
    cursor: pointer;
}
.select_right option {
    direction: rtl;
}
.operator img,
.connection img {
    width: 62px;
}
.registration_type img {
    width: 115px;
}
.otp_channel img {
    width: 90px;
}
/* Tree Menu */
.tree_menu .nav-link[data-toggle].collapsed:after {
    content:"\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*        content: "â–¾";*/
    float: right;
}
.tree_menu .nav-link[data-toggle]:not(.collapsed):after {
    content:"\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    /*        content: "â–´";*/
    float: right;
}
.tree_menu > .nav-item {
    cursor: pointer;
    font-size: 14px;
    border-top: 1px solid #d9d9d9;
    /* border-bottom: 1px solid #d9d9d9; */
}
.child_item_collapsed > ul {
    padding-left: 20px;
}

.tree_menu .active {
    color: #008f4c !important;
}
.content_details img {
    max-width: 100%;
    height: auto;
}
.site_notification {
    position: relative;
}
.notification_badge {
    position: absolute;
    top: 3px;
    right: 8px;
    font-size: 10px;
}
/*Custom Clopse*/
.custom_collapse a {
    display: block;
    text-decoration: none;
    position: relative;
}
.custom_collapse a:after {
    float: right;
    font-size: 16px;
    color: #999999;
    font-family: FontAwesome;
    content: "\f107";
}
.custom_collapse a.collapsed:after {
    content: "\f106";
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
/****************************************
        Mobile Responsive Code Here
*************************************** */
@media only screen and (min-width: 1370px) and (max-width: 1440px) {
    .footer_bottom_left {
        padding-left: 35px;
    }
    .footer_logo {
        margin-left: 75px;
    }
}
@media only screen and (max-width: 991px) {

}
/* ---------------Tablet Layout: 768px-------------------------- */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .site_wrapper {
        padding-bottom: 200px;
        padding-top: 145px;
    }
}

@media only screen and (max-width: 767px) {
    .site_wrapper {
        /*        padding-bottom: 320px;
                padding-top: 145px;*/
        /*height: 90vh !important;*/
        /*position: relative !important;*/
    }
    .navbar{
        padding-left: 0 !important;
    }

    .footer_bottom_left {
        padding-bottom: 15px;
    }
    .btn_fixed .px-5 {
        padding: .375rem .75rem !important;
    }
    .btn_fixed_sm .px-4 {
        padding: .25rem .5rem !important;
    }
    .footer_logo {
        margin-left: 70px;
    }

    .site_footer_login{
        width: 100%;
        /*height: 10vh !important;*/
        /*        position: relative !important;
                bottom: 0; */
        padding: 15px 15px !important;
    }
    ul.footerMenuList.footerInverse li a, ul.footerMenuList li a{
        padding: 0 3px !important;
    }

    .topbar_nav_menu{
        left: 12px !important;
        position: absolute !important;
        top: 20% !important;
    }
}

/* ------------------------Wide Mobile Layout: 480px.---------------*/
@media only screen and (min-width: 480px){
    .pg_top_bg_right{
        background-image: url("images/header-right.png");
        background-position: right;
        background-repeat: no-repeat;
        background-size: contain;
        height: 100%;
        width: 980px;
    }
}

@media only screen and (min-width: 600px) and (max-width: 767px) {


}

@media only screen and (max-width: 479px) {
    .topbar_menu{
        display: flex !important;
        list-style: none !important;
        flex-wrap: nowrap !important;
        padding-left: 0 !important;
    }

    /*    .nav-link {
            display: block;
            padding: 0.5rem 0.15rem !important;
            margin-right: 5px !important;
        }*/

    .copyright {
        margin-left: 10px !important;
    }
    .operator img,
    .connection img {
        width: 38px;
    }
    .app_icons {
        padding: 15px;
    }
    /*    .app_download img {
            width: 90px;
        }*/

    #myAliceWebChat .hvarnH {
        display: none !important;
    }
}


#loginform .captchaInput {
    height: 50px;
    /*font-size: 20px;*/
}

#loginform .captchaLabel{
    padding-top:15px;
}

#pg_login_container{

}

.paymentGatewayBg {
    /*    background: url(images/background.jpeg) no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-attachment: scroll;*/
    /*text-align: center;*/
    /*background-image: url("images/background.jpeg");*/
    background-image: url("images/myprime_bg.png");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: 0% 0%;
    background-size: 100% 100%;
}

.inner_bg{
    /*background-image: url("images/inner-bg.png");*/
    background-position: center;
    background-repeat: repeat;
    background-size: cover;
    background-color: 	#FFFFFF;
    /*background-color: #b8efed;*/
}

.payment_gateway.header_site{
    height: 100px !important;
}

/**https://blog.koalite.com/bbg/v2/**/
.bg-success {
    color: #ffffff;
    /*background-color: rgba(50,114,230,100) !important;*/
    background-color: #1976D2 !important;
}
.bg-site {
    color: #ffffff;
    background-color: #1976D2 !important;
}
.text-site {
    color: #1976D2 !important;
}
.btn-success {
    color: #ffffff;
    background-color: #3272E6 !important;
    border-color: #1A3C84 !important;
    /*    background-color: #DF0807 !important;
        border-color: #C40606 !important;*/
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
    color: #ffffff;
    background-color: #1A3C84 !important;
    border-color: #E2E2E2 !important;
    /*    background-color: #C20404 !important;
        border-color: #C40606 !important;*/
}

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

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
    background-color: #DF0807 !important;
    border-color: #C40606 !important;
}

.btn-success .badge {
    color: #DF0807 !important;
    background-color: #ffffff;
}

img.pg-light-logo{
    height: 40px;
    margin-top: 10px;
}

#main-content-wrapper {
    /*min-width: 1200px !important;*/
    /*    display: flex;
        flex-direction: column;
        width: 100% !important;*/
}
#pills-tab .btn-site.active{
    /*color: #1A3C84;*/
    color: #fff;
    background-color: rgb(26 60 132) !important;
    font-weight: bold;
}
.no-border{
    border: 0 !important;
}
.topbar_nav_menu li{

}

.slider_image_container{
    overflow: hidden;
    max-height: 500px;
    max-width: 600px;
}

.slider_image_item{
    width: 600px !important;
}

@media only screen and (min-width: 1200px) {
    .loginContainer{
        margin-left: 120px !important;
        margin-right: 120px !important;
    }
    .pgLoginContainer{
        margin-left: 120px !important;
        margin-right: 120px !important;
    }
}
.max_height_38{
    max-height: 38px;
}

/*Footer*/
.footer_menu_top .nav-item {
    border-left: 1px solid #fff;
}
.footer_menu_top a:hover {
    background-color: white;
}
.footer_menu_top .nav-item:last-child {
    border-right: 1px solid #fff;
}
.footer_social .nav-link {
    padding: 5px;
}
.footer_menu_bottom .nav-link {
    color: black;
    font-size: 12px;
    padding: 0 5px;
    border-left: 1px solid #fff;
}
.footer_menu_bottom .nav-item:first-child .nav-link {
    border: none;
    padding-left: 0;
}
.footer_menu_bottom a:hover {
    text-decoration: underline;
}
.footer_logo {
    width: 150px;
    margin-left: 90px;
}

/** footer **/

footer {
    /*        position:absolute;
            bottom:0;
            width:100%;*/
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
    display: flex;
    justify-content: center;
}
ul.footerMenuList {
    /*list-style: none;
    padding: 5px 8px;
    margin: 0px !important;
    width: auto;
    height: 61px;*/
    margin: 0 auto;
    display: table;
}

ul.footerMenuList li {
    float: left;
    padding-right: 10px;
    height: 100%;
    display: table;
}

ul.footerMenuList li a {
    color: #fff;
    /*color: #000;*/
    /*padding: 3px 4px;*/
    font-weight: 300;
    font-size: 12px;
    border-left: solid 1px #fff;
    /*border-left: solid 1px #000;*/
    padding: 3px 7px;
    /*    display: table-cell;
        vertical-align: middle!important;*/
}

ul.footerMenuList li a.first{
    border-left: none !important
}

ul.footerMenuList li.lastItem {
    position: absolute;
    bottom: 0px;
    right: 65px;
}

ul.footerMenuList.footerInverse li a {
    color: #000 !important;
    ;
    font-weight: 300;
    font-size: 12px;
    border-left: solid 1px #000 !important;
    ;
    padding: 3px 7px;
    /*    display: table-cell;
        vertical-align: middle!important;*/
}

ul.footerMenuList.footerInverse li a.first{
    border-left: none !important
}

ul.footerMenuList.footerInverse li.lastItem {
    position: absolute;
    bottom: 0px;
    right: 65px;
}

img.footerLogo{
    width: 80px;
}

img.logoTop {
    width: 288px;
}

.footer_social .nav-link img {
    width: 24px;
}

nav.login_header{
    padding: 45px 45px 10px 45px !important;
}

.site_footer_login{
    /*    background: #333;
        opacity: 0.5;
        color: #000;*/
    z-index: -1;
    width: 100%;
    position: fixed;
    bottom: 0;
    padding: 15px 0;
}

.siteFooterContainer {
    background-image: url('../images/footer_dash.png');
    padding-bottom:10px;
    background-size: cover;
}
.badge-success {
    background-color: #005aa9 !important;
}

ul#loginInformation {
    list-style: none !important;
}

.custom-control-inline{
    margin-right: 0.5rem !important;
}

.iti{
    width: 100% !important;
}
#mobileField .iti{
    margin-top: -6px !important;
}

.iti--separate-dial-code.iti--show-flags .iti__selected-dial-code {
    font-size:12px !important
}

.iti__country{
    font-size:12px !important
}

#myAliceWebChat .hvarnH {
    bottom: 15px !important;
    right: 5px !important;
    display: block !important;
}

#termsAndConditionsLabel a:hover{
    text-decoration: underline;
    color: blue;
}
/* Custom Modal form terms and conditions*/
.modal-header--sticky {
    position: sticky;
    top: 0;
    background-color: inherit;
    z-index: 1055;
}

.modal#termsAndConditions{
    padding-right: 0 !important;
    text-align: justify;
}

#termsAndConditions .modal-body h1{
    font-size: 18px !important;
}

#termsAndConditions .modal-body h2{
    font-size: 16px !important;
}

#termsAndConditions .modal-body {
    height: 60vh !important;
    overflow-y: auto !important;
}
.p_0_5em{
    padding: 0.5em 0.5em;
}

.border_top_dashed{
    border-top: 1px dashed lightgray;
}

.custom_bg_color{
    background-color: #1976D2 !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #f1f7fd;
    opacity: 1;
}

.form-control-sm{
    font-size: .8rem !important;
}

.social-logo{
    width: 25px !important;
    height: 25px !important;
}

.myprime-logo{
    height: 45px !important;
}

.dropdown-header{
    min-width: 178px !important;
}
/*.sub_menu{
    display: none !important;
}
.sub_menu:hover{
    display: block !important;
}*/

/*.dropdown-header:hover~.sub_menu{
    display: block !important;
}*/
.site_footer{
    position: absolute;
    width: 100%;
    bottom: 0px;
}
li.inner_footer_li + li.inner_footer_li::before {
    content: " | ";
    color: black;
}
li.footer_li + li.footer_li::before {
    content: " | ";
    color: white;
}

ul.footerMenuList.footerInverse li a,ul.footerMenuList li a {
    border-left: 0px !important;
    padding: 3px 14px;
}
ul.footerMenuList.footerInverse li,ul.footerMenuList li {
    padding-right: 0px;
}

html {
    position: relative;
    min-height: 100%;
}

#beneficiaryTable tr td{
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

@media only screen and (max-width: 991px) {
    #myAliceWebChat .hvarnH {
        display: none !important;
    }

    .navbar-toggler{
        margin-bottom: 5px !important;
    }
    .custom-toggler .navbar-toggler-icon {
        background-image: url("images/hamburger-icon.svg") !important;
    }
    
    .navbar-collapse{
        margin-bottom: 30px !important;
    }
    
    .site_menu .navbar-nav > .nav-item {
        border-left: 1px solid #dee2e6!important;
    }
    .site_menu .navbar-nav > .nav-item:last-child {
        border-bottom: 1px solid #dee2e6!important;
    }
    .dropdown-menu{
        border: 0 !important;
    }
}