.ticker {
    background: #0857b3;
}

.sidebar-menu > li ul.active {
    display: block;
}

.active-menu.active {
    background: #eaf2fb;
    color: #fff !important;
}

.tooltip .tooltip-inner {
    background-color: #c5c5c5 !important;
    color: #000 !important;
    font-size: 13px;
    font-weight: 600;
    min-width: 150px;
}

.tooltip .arrow::before {
    border-top-color: #c5c5c5 !important;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #c5c5c5 !important;
}

.ticker ul {
    list-style: none;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    margin: 0;
    color: #fff;
}

    .ticker ul li span .fa {
        float: left;
        margin-right: 11px !important;
        width: auto !important;
    }

.border1 {
    border: 1px solid red;
}

.dataTables_wrapper {
    position: relative;
}

.dataTables_filter {
    float: right;
}

.main-sidebar, .left-side {
    width: 250px !important;
    padding-top: 69px !important;
}

.content-wrapper, .right-side, .main-footer {
    margin-left: 250px !important;
}

.btn-blue1 {
    padding: 7px 16px !important;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
    margin: 15px 0 20px 0;
    display: inline-block;
    background: #00397c;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-family: 'Lato', sans-serif;
    border: #00397c 1px solid;
    width: auto !important;
    float: right;
}

/*
.main-header .logo
{
	width: 270px !important;
}
.main-header .navbar
{
	margin-left: 270px !important;
}
*/
.dataTables_wrapper table tr td a {
    color: #5a5a5a;
}

    .dataTables_wrapper table tr td a:hover {
        text-decoration: underline;
    }

.skin-black .main-header > .logo {
    border-right: none !important;
    /*
	-webkit-box-shadow: 3px 2px 9px 0px rgba(145,145,145,1);
-moz-box-shadow: 3px 2px 9px 0px rgba(145,145,145,1);
box-shadow: 3px 2px 9px 0px rgba(145,145,145,1);
*/
    background: #fbfbfb;
}

.main-header .logo {
    text-align: left !important;
    padding: 4px 9px !important;
    background: #fff;
    box-shadow: 0px -2px 9px #000;
}

.logo-lg font {
    margin-top: -44px !important;
}

.skin-black .main-header .navbar > .sidebar-toggle {
    border-right: none !important;
    font-size: 26px;
    color: #ec4b4e;
    padding: 15px 25px !important;
}

    .skin-black .main-header .navbar > .sidebar-toggle:hover {
        color: #222 !important;
    }

.skin-black .main-header .navbar .nav > li > a .fa {
    font-size: 25px;
    padding-top: 7px;
    padding-bottom: 7px;
    color: #7f7f7f;
}

.color_red {
    background: #c20303;
    color: #fff !important;
}

    .color_red a:hover {
        background: #ca1919 !important;
    }

    .color_red .fa {
        color: #fff !important;
    }
/********** Left Menu Css ***********/
.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
    background: #00397c !important;
}


.highlight_color {
    background: #6eb09f;
    border-top: none !important;
}

    .highlight_color a {
        color: #fff !important;
    }

.calendar_wrapper {
    width: 100%;
}

    .calendar_wrapper img {
        width: 100%;
        display: block;
    }


/*** dashboard main sec****/

.dashboard_box1 {
    background: url(../img/ActiveTips-bg.png) no-repeat right top;
    background-color: #28a745;
    -webkit-box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.25);
}

.dashboard_box2 {
    background: url(../img/Limo-bg.png) no-repeat right top;
    background-color: #ffc107;
    -webkit-box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.25);
}

.dashboard_box3 {
    background: url(../img/../img/Driver_bg.png) no-repeat right top;
    background-color: #fb483a;
    -webkit-box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 4px 8px 0px rgba(0,0,0,0.25);
}

.dashboard_box4 {
    background: url(../img/db_bg_icon4.png) no-repeat left;
    background-color: #f89e81;
}

.small-box {
    height: auto;
    padding: 25px 0;
}

.dashboardBox_small_left {
    width: 56%;
    float: left;
    padding: 0 0 0 10px;
}

    .dashboardBox_small_left img {
        width: 90px;
        height: 90px;
    }

.dashboardBox_small_right {
    width: 44%;
    float: left;
    padding: 0;
    text-align: left;
}

    .dashboardBox_small_right p {
        font-size: 18px !important;
        color: #fff;
        font-weight: 600;
        margin: 0 !important;
        padding: 0 !important;
    }

    .dashboardBox_small_right h3 {
        font-size: 60px !important;
        color: #fff;
        margin: 0 !important;
        padding: 0 !important;
        font-family: 'Lato', sans-serif;
        font-weight: 400;
    }

.dashboard_tab_box {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.dashboard_tab_main > .nav-tabs > li > a {
    color: #737272 !important;
    font-size: 18px;
    font-weight: 400;
    padding: 13px 15px;
    border: none;
}

.dashboard_tab_main > .nav-tabs > li.active > a {
    color: #000 !important;
    font-weight: 400;
    border-bottom: 3px solid #80ccb8 !important;
    background: #f0fbf8;
    border-left: none;
    border-right: none;
}

.dashboard_tab_main .nav-tabs > li > a:hover {
    background: #f0fbf8;
    border-left: none;
    border-right: none;
    border-bottom: none;
}

.dashboard_tab_main {
    margin-bottom: 20px;
    background: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.box_heading h2 {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 10px 15px 15px;
    margin: 0;
    color: #737272;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.6px;
}

.table_box .box-header {
    padding: 20px 0 20px 0;
}

.table_box .table_box_title {
    font-size: 16px;
    font-weight: 400;
    padding: 0px;
    margin: 0;
    color: #737272;
    text-transform: capitalize;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.6px;
}

.tbl_db1 > thead > tr > th {
    border: 1px solid #c8c8c8 !important;
    font-size: 17px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    background: #f0fbf8;
    letter-spacing: 0.4px;
}

.tbl_db1 > tbody > tr > td {
    border: 1px solid #c8c8c8 !important;
    font-size: 15px;
    letter-spacing: 0.4px;
    color: #737272;
}

.table_box .table > tbody > tr > td, .table_box .table > tbody > tr > th, .table_box .table > tfoot > tr > td, .table_box .table > tfoot > tr > th, .table_box .table > thead > tr > td, .table_box .table > thead > tr > th {
    padding: 12px 9px 12px 20px;
}
/*
.table_box .table>tbody>tr>td:first-child{
	
}
*/

.navbar-nav > li > a {
    padding-top: 17px;
    padding-bottom: 17px;
}


ul.sidebar-menu li a i {
    display: inline-block;
    font-size: 14px;
    width: 17px !important;
    margin: 0 auto;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
    padding: 0;
    margin-right: 1px;
    color: #cae5fb;
}

.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a {
    color: #cae5fb;
}

/*ul.sidebar-menu li a i.home{
	background: url(../img/split-img.png)no-repeat 3px 5px;
}

ul.sidebar-menu li a:hover i.home, ul.sidebar-menu li.active a i.home{
	background: url(../img/split-img.png)no-repeat 3px -23px;
}

ul.sidebar-menu li a i.Enquiries{
	background: url(../img/split-img.png)no-repeat 3px -53px;
}

ul.sidebar-menu li a:hover i.Enquiries, ul.sidebar-menu li.active a i.Enquiries{
	background: url(../img/split-img.png)no-repeat 3px -86px;
}

ul.sidebar-menu li a i.Bookings{
	background: url(../img/split-img.png)no-repeat 3px -116px;
}

ul.sidebar-menu li a:hover i.Bookings, ul.sidebar-menu li.active a i.Bookings{
	background: url(../img/split-img.png)no-repeat 3px -147px;
}

ul.sidebar-menu li a i.Vehicle{
	background: url(../img/split-img.png)no-repeat 3px -177px;
}

ul.sidebar-menu li a:hover i.Vehicle, ul.sidebar-menu li.active a i.Vehicle{
	background: url(../img/split-img.png)no-repeat 3px -204px;
}

ul.sidebar-menu li a i.Driver{
	background: url(../img/split-img.png)no-repeat 3px -238px;
}

ul.sidebar-menu li a:hover i.Driver, ul.sidebar-menu li.active a i.Driver{
	background: url(../img/split-img.png)no-repeat 3px -272px;
}

ul.sidebar-menu li a i.Customer{
	background: url(../img/split-img.png)no-repeat 3px -307px;
}

ul.sidebar-menu li a:hover i.Customer, ul.sidebar-menu li.active a i.Customer{
	background: url(../img/split-img.png)no-repeat 3px -345px;
}

ul.sidebar-menu li a i.Extras{
	background: url(../img/split-img.png)no-repeat 3px -380px;
}

ul.sidebar-menu li a:hover i.Extras, ul.sidebar-menu li.active a i.Extras{
	background: url(../img/split-img.png)no-repeat 3px -414px;
}

ul.sidebar-menu li a i.Extras{
	background: url(../img/split-img.png)no-repeat 3px -380px;
}

ul.sidebar-menu li a:hover i.Extras, ul.sidebar-menu li.active a i.Extras{
	background: url(../img/split-img.png)no-repeat 3px -414px;
}

ul.sidebar-menu li a i.Discount{
	background: url(../img/split-img.png)no-repeat 3px -447px;
}

ul.sidebar-menu li a:hover i.Discount, ul.sidebar-menu li.active a i.Discount{
	background: url(../img/split-img.png)no-repeat 3px -481px;
}

ul.sidebar-menu li a i.Install{
	background: url(../img/split-img.png)no-repeat 3px -510px;
}

ul.sidebar-menu li a:hover i.Install, ul.sidebar-menu li.active a i.Install{
	background: url(../img/split-img.png)no-repeat 3px -536px;
}

ul.sidebar-menu li a i.Settings{
	background: url(../img/split-img.png)no-repeat 3px -567px;
}

ul.sidebar-menu li a:hover i.Settings, ul.sidebar-menu li.active a i.Settings{
	background: url(../img/split-img.png)no-repeat 3px -605px;
}
*/
.slimScrollBar {
    width: 4px !important;
    background: rgb(255,255,255) !important;
}

/**********************************************
**********************************************/

.search_top .search-area {
    width: 41px;
    height: 41px;
    background: #ec4b4e;
    display: block;
    border-radius: 50%;
    line-height: 41px;
    text-align: center;
}

#custom-search-input {
    padding: 3px;
    border: solid 1px #E4E4E4;
    border-radius: 0;
    background-color: #fff;
    margin: 6px;
}

    #custom-search-input input {
        border: 0;
        box-shadow: none;
    }

    #custom-search-input button {
        margin: 2px 0 0 0;
        background: none;
        box-shadow: none;
        border: 0;
        color: #666666;
        padding: 0 8px 0 10px;
        border-left: solid 1px #ccc;
    }

        #custom-search-input button:hover {
            border: 0;
            box-shadow: none;
            border-left: solid 1px #ccc;
        }

    #custom-search-input .glyphicon-search {
        font-size: 23px;
    }

.navbar-custom-menu span.bell {
    margin-top: 10px;
    display: block;
}

.user_top .user-img {
    width: 97px;
    height: 45px;
    border: #ddd 1px solid;
    overflow: hidden;
    float: left;
    margin-right: 8px;
    margin-top: 10px;
    text-align: center;
    position: relative;
    vertical-align: middle;
    align-items: center;
}

.user-img img {
    width: 100%;
    height: auto;
    max-height: -webkit-fill-available;
    object-fit: contain;
}

.user_top {
    /*margin-top: 6px;*/
}

    .user_top span.caret {
        margin-top: 22px;
    }


/*********************************************
				Datatable
*********************************************/



.dashboard_area h3 {
    font-size: 20px;
    color: #0271c9;
    font-family: 'Lato', sans-serif;
    padding-bottom: 4px;
    font-weight: 600;
    margin-top: 0px;
}

.dataTable {
    font-family: 'Lato', sans-serif;
    border: 0;
}

.dataTable_wrapper {
}

.dataTable thead {
    background: none;
    color: #fff;
}

.dataTable > thead > tr > th, .dataTable > tbody > tr > th {
    font-size: 14px;
    text-transform: capitalize;
    font-family: 'Lato', sans-serif;
    color: #3b3b3b;
}

.dataTable > thead > tr > th, .dataTable > tbody > tr > th, .dataTable > tfoot > tr > th {
    border: 1px solid transparent;
    padding: 20px 15px;
}

.dataTable > thead > tr > td, .dataTable > tbody > tr > td, .dataTable > tfoot > tr > td {
    /*border: 1px solid #dad7d7;*/
    padding: 13px 11px;
    font-size: 13px;
    font-family: 'Lato', sans-serif;
    color: #5a5a5a;
    vertical-align: middle;
}

.table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 0;
}



.dataTable thead .sorting:after, .dataTable thead .sorting_asc:after, .dataTable thead .sorting_desc:after, .dataTable thead .sorting_asc_disabled:after, .dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0;
    right: 8px;
    top: 0;
    display: block;
    font-family: 'Glyphicons Halflings';
    opacity: 0.5;
    margin: auto;
    height: 20px;
}

.dataTables_filter .form-control {
    width: 100%;
    height: 36px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000;
    border: 1px solid #888686;
    /*background: #f4f4f4;*/
    border-radius: 0;
    top: 1px;
    position: relative;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

    .dataTables_filter .form-control:focus {
        border-color: #ec4b4e;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(236,75,78,.075), 0 0 8px rgba(236,75,78,.6);
        box-shadow: inset 0 1px 1px rgba(236,75,78,.075), 0 0 8px rgba(236,75,78,.6);
        transition-duration: 0.5s;
        -webkit-transition-duration: 0.5s;
    }

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0;
    display: inline-block;
    width: 241px !important;
    height: 32px !important;
    border-radius: 5px !important;
    border: #e7e7e7 solid 1px !important;
    color: #000;
    font-weight: 600;
}

div.dataTables_wrapper div.dataTables_filter label {
    display: inline-block;
    max-width: 100%;
    width: 55%;
    margin-right: 10px;
}

div.dataTables_wrapper div.dataTables_filter label {
    position: relative;
    width: 100%;
    margin: 0;
}

    div.dataTables_wrapper div.dataTables_filter label:after {
        width: 18px;
        height: 19px;
        background: url(../img/table-search_ico.png) no-repeat right;
        position: absolute;
        right: 25px;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        pointer-events: none;
    }

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: transparent !important;
}

.table-striped > tbody > tr.even {
    background-color: transparent;
}

.dataTable > tbody > tr > td a.btn-booked {
    background: #4caf50;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Lato', sans-serif;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 400;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

    .dataTable > tbody > tr > td a.btn-booked:hover, .dataTable > tbody > tr > td a.btn-booked:focus {
        background: #fb483a;
        color: #fff;
        transition-duration: 1s;
        -webkit-transition-duration: 1s;
    }

.dataTable > tbody > tr > td a.btn-assign {
    background: #fb483a;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: 'Lato', sans-serif;
    padding: 10px 10px;
    font-size: 14px;
    font-weight: 400;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}

    .dataTable > tbody > tr > td a.btn-assign:hover, .dataTable > tbody > tr > td a.btn-assign:focus {
        background: #4caf50;
        color: #fff;
        transition-duration: 1s;
        -webkit-transition-duration: 1s;
    }

.pagination > .disabled > a, .pagination > .disabled > a:focus, .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .pagination > .disabled > span:hover, .pagination > li > a, .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #000;
    background-color: transparent;
    border-color: transparent;
    font-family: 'Lato', sans-serif;
}

    .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover, .pagination > li > a:hover {
        color: #fb483a;
        background-color: transparent;
        border-color: transparent;
    }

.pagination > li > a {
    position: relative;
}

    .pagination > li > a:after {
        width: 1px;
        height: 10px;
        background: #666666;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        content: "";
    }

.pagination > li:last-child > a:after {
    display: none;
}



/****************30-12-2019************************/
.navbar-nav li.dropdown.messages-menu a b {
    font-weight: 400;
    float: left;
    padding: 15px 15px 0 0;
    color: #7a7a7a;
}

#exTab1 ul.nav-pills {
    border-bottom: #ccc solid 1px;
    text-align: right;
    padding: 14px 0 0 0;
}

    #exTab1 ul.nav-pills li {
        float: none;
        display: inline-block;
    }

#exTab1 .nav-pills > li > a {
    border-top: 0;
}

#exTab1 .navbar-nav li {
    position: relative;
}

#exTab1 .nav-pills li.active a:after {
    background: #0271c9;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
}

#exTab1 .tab-content {
    background-color: #fff;
    padding: 0;
    width: 100%;
}

#exTab1 .nav-pills > li.active > a, #exTab1 .nav-pills > li.active > a:focus, #exTab1 .nav-pills > li.active > a:hover {
    color: #0271c9;
    background-color: transparent;
    border: 0 !important;
}

#exTab2 h3 {
    color: white;
    background-color: #428bca;
    padding: 5px 15px;
}

/* remove border radius for the tab */

#exTab1 .nav-pills > li > a {
    border-radius: 0;
    padding: 10px 12px;
    font-size: 15px;
    color: #3b3b3b;
    font-weight: 600;
}

/* change border radius for the tab , apply corners on top*/

#exTab3 .nav-pills > li > a {
    border-radius: 4px 4px 0 0;
}

.customerlist table tr td a {
    color: #000;
}

#exTab3 .tab-content {
    color: white;
    background-color: #428bca;
    padding: 5px 0;
}

.inneradmin_box {
    width: 100%;
    border-radius: 5px;
    background: #fff;
    -webkit-box-shadow: -1px 1px 9px 0px rgba(145,145,145,1);
    -moz-box-shadow: -1px 1px 9px 0px rgba(145,145,145,1);
    box-shadow: -1px 1px 9px 0px rgba(145,145,145,1);
    padding: 20px 25px 25px 25px;
    margin: 0 0 25px 0;
}

.bank-profile h3 {
    width: 100%;
    margin: 0 0 9px 0;
}

.bank-profile .form-group {
    margin-bottom: 13px !important;
}

.summery_box {
    background: #f7f7f7 !important;
    padding: 20px 15px;
    margin-top: 15px;
    border-radius: 5px;
    min-height: 130px;
    box-shadow: 0 1rem 1rem rgb(0 0 0 / 18%) !important;
    color: #0273ca;
    border: #0273ca99 solid 1px;
}

    .summery_box:hover {
        box-shadow: none !important;
    }

    .summery_box ul {
        padding: 0;
        margin: 0;
        max-height: 80px;
    }

        .summery_box ul a {
            display: block;
            color: #fff;
            padding: 2px 0;
        }

            .summery_box ul a:hover {
                text-decoration: underline;
            }

    .summery_box h5 i {
        font-size: 70px;
    }

    .summery_box h3 {
        padding: 0;
        margin: 0;
        /*color: #fff;*/
        font-size: 24px;
        font-weight: 400;
        font-family: 'Lato', sans-serif;
        position: relative;
        float: none !important;
    }

        .summery_box h3:after {
            background: url(../img/top_arrow.png) no-repeat 0 0;
            width: 19px;
            height: 25px;
            position: absolute;
            top: 0;
            right: 0;
            content: "";
        }

    .summery_box h5 {
        padding: 13px 0 10px 0;
        margin: 0;
        font-size: 15px;
        font-weight: 400;
        font-family: 'Lato', sans-serif;
        /*color: #fff;*/
    }

    .summery_box span {
        display: block;
        font-size: 11px;
        font-weight: 400;
        font-family: 'Lato', sans-serif;
        color: #fff;
    }

.agent_box h3:after {
    background: none;
}

.dashboard_area h3 {
    float: left;
}

.graph_box div img {
    width: 100%;
}

.fordatepicker {
    position: relative;
}

    .fordatepicker:after {
        width: 18px;
        height: 19px;
        background: url(../img/cal_icon.png) no-repeat 0 0;
        position: absolute;
        top: 11px;
        right: 15px;
        content: "";
    }

.date_picker {
    float: right;
    width: 243px;
    height: 44px;
    border-radius: 25px;
    border: #1b4e8a solid 1px;
    margin: 10px 0 0 0;
    position: relative;
}

    /*.date_picker:after{
	width: 18px;
	height: 19px;
	background: url(../img/cal_icon.png) no-repeat 0 0;
	position: absolute;
	top: 10px;
	right: 15px;
	content: "";
}
*/
    .date_picker input[type="text"] {
        border: 0;
        width: 50%;
        float: left;
        height: 40px;
        border-radius: 30px;
        padding: 5px 15px;
        background: url(../img/cal_icon.png) no-repeat 0 0;
        background-position: 90%;
    }

/*
.customerlist .dataTables_filter input[type="search"]{
	display: none!important;
}

.customerlist div.dataTables_wrapper div.dataTables_filter label::after{
	display: none!important;
}
*/

.namesort {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: block;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    background: #d8d8d8;
    padding: 3px 0 0 0;
    margin: 0 auto;
}

table.dataTable thead .sorting:after {
    bottom: 0 !important;
}

.viewall {
    float: right;
    padding: 10px 0;
    position: relative;
    z-index: 10;
}

    .viewall a {
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
        background: rgba(4,168,228,1);
        background: -moz-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,168,228,1)), color-stop(100%, rgba(2,115,202,1)));
        background: -webkit-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
        background: -o-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
        background: -ms-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
        background: linear-gradient(to right, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a8e4', endColorstr='#0273ca', GradientType=1 );
        color: #fff !important;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-family: 'Lato', sans-serif;
        padding: 7px 21px;
        font-size: 15px;
        font-weight: 600;
        text-decoration: none;
    }

.customerlist .dataTable tr {
    position: relative;
}


.dataTable thead tr th {
    vertical-align: middle;
}

.overview_status ul {
    text-align: left !important;
}


.agent_img {
    width: 48px;
    height: 48px;
    float: left;
    border-radius: 50%;
    position: relative;
}

    .agent_img img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

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

    .agentactive ul li {
        border: 1px solid #dedede;
        padding: 8px;
        margin: 10px 0 6px 0;
        border-radius: 3px;
    }

.active_agent_button {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #16da40;
    position: absolute;
    bottom: 0;
    left: 0;
}

.active_agent_inactive {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: #c6c6c6;
    position: absolute;
    bottom: 0;
    left: 0;
}

.active_agent_away {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: url(../img/idel.png) no-repeat 0 0;
    position: absolute;
    bottom: 0;
    left: 0;
}

.agent_text {
    padding-left: 15px;
    float: left;
    padding-top: 5px;
}

    .agent_text h4 {
        padding: 0;
        margin: 0;
        color: #131328;
        font-size: 16px;
        font-weight: 600;
        font-family: 'Lato', sans-serif;
    }

    .agent_text span {
        padding: 0;
        margin: 0;
        color: #131328;
        font-size: 11px;
        font-weight: 400;
        font-family: 'Lato', sans-serif;
    }

.customerlistmain div.dataTables_wrapper div.dataTables_filter {
    text-align: right;
    float: right;
}

    .customerlistmain div.dataTables_wrapper div.dataTables_filter input {
        height: 42px !important;
    }

.customerlistmain_tab ul {
    text-align: left !important;
}

.approved {
    color: #f4d735 !important;
}

.wip {
    color: orange !important;
}

.reject {
    color: red !important;
}

.disbursed {
    color: green !important;
}


.dataTables_paginate ul li a {
    border-radius: 5px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    display: block;
    margin: 0 3px;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 11%);
    background: #fff;
    color: #2885ce !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    border: #2885ce 1px solid;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
}

.pagination > li > a::after {
    display: none;
}



.dataTables_paginate ul li.active a, .dataTables_paginate ul li a:hover, .dataTables_paginate ul li.active a:hover {
    color: #fff !important;
    padding: 5px 10px !important;
    text-align: center !important;
    border: 1px solid #fff !important;
    border: none;
    color: #fff;
    padding: 6px 21px;
    background: rgb(4,160,224);
    background: linear-gradient( 67deg, rgba(4,160,224,1) 0%, rgba(2,122,206,1) 80%);
    font-weight: 600;
}

.customerlist2 .dataTable tbody tr::after {
    display: none !important;
}

.productpage .viewall {
    margin: 10px 0 0 0;
}




.customerapplication div.dataTables_wrapper div.dataTables_filter {
    top: -42px;
    right: 270px;
}

    .customerapplication div.dataTables_wrapper div.dataTables_filter input[type="search"] {
        background: #fff;
        height: 42px !important;
    }

.features_panel {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.features_box {
    padding-bottom: 8px;
}

    .features_box p {
        color: #656565;
        font-size: 14px;
        padding: 0 0 0 26px;
        position: relative;
    }

        .features_box p:before {
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #023b7d;
            position: absolute;
            top: 6px;
            left: 0;
            content: "";
        }

.rate_table {
    padding: 25px 0 15px 0;
}

    .rate_table table {
        width: 100%;
    }

        .rate_table table tr th {
            color: #878787;
            font-size: 16px;
            font-weight: 400;
        }

        .rate_table table tr td {
            color: #000;
            font-size: 16px;
            font-weight: 500;
            padding: 7px 0;
        }

.flie_upload_section_l {
    width: 120px;
    height: 120px;
    float: left;
    padding: 27px 0 0 0;
}

.flie_upload_section_r {
    width: 500px;
    float: left;
    padding: 38px 0 38px 0;
}

    .flie_upload_section_r h4 {
        padding: 0 0 10px 0;
        margin: 0;
        color: #002d74;
        font-size: 18px;
        font-weight: 600;
    }

    .flie_upload_section_r span {
        display: block;
        font-size: 12px;
        color: #979797;
        padding: 0 0 17px 0;
    }

.ratingsection b {
    color: #002d74;
    font-weight: 600;
    font-size: 13px;
    float: left;
    padding-right: 17px;
    border-right: #ededed solid 1px;
}

.ratingsection em {
    font-style: normal;
    font-size: 12px;
    color: #002d74;
    padding-left: 14px;
}

.flie_upload_section .viewall {
    padding: 38px 0 0 0;
}

    .flie_upload_section .viewall a {
        font-size: 12px;
    }


/***********************************************
				Log In Page
***********************************************/
.login_page {
    background: url(../img/login_bg.jpg) no-repeat !important;
    background-size: cover !important;
}

    .login_page .form_area {
        width: 37%;
        height: auto;
        border-radius: 8px;
        background: #fff;
        margin: 120px auto 0 auto;
        padding: 25px 70px;
    }

    .login_page.register .form_area {
        margin: 60px auto 0 auto;
    }

    .login_page .form_area h3 {
        font-weight: 600;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .login_page .form_area .logo_area {
        width: 100%;
        height: auto;
        text-align: center;
    }

        .login_page .form_area .logo_area img {
            width: 139px;
        }

    .login_page .form_area .field-icon {
        float: right;
        margin-left: 0;
        margin-top: -28px;
        position: relative;
        z-index: 2;
        right: 10px;
        color: #d3d3d3;
        top: 0;
    }

    .login_page .form_area .form-control {
        height: 40px;
        border-radius: 25px;
        border: 1px solid #00397c;
    }

        .login_page .form_area .form-control.email_bg {
            background-color: #eeeeee;
            border: 1px solid #eeeeee;
        }

        .login_page .form_area .form-control.password_bg {
            background-color: #fff;
            border: 1px solid #00397c;
        }

.traking_area .checkbox {
    margin-top: 0;
}

.login_page .checkbox {
    margin-top: 30px;
}

    .traking_area .checkbox label:after,
    .login_page .checkbox label:after {
        content: '';
        display: table;
        clear: both;
    }

.traking_area .application_tracking_box .cr {
    background: #00397c;
}

.traking_area .cr {
    position: absolute;
    display: inline-block;
    border: 1px solid #d5d5d5;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    margin-right: 0;
    background: #babfc5;
    color: #fff;
    right: 0;
    text-align: center;
}



    .traking_area .cr .fa {
        margin: 0 !important;
        width: auto !important;
        font-size: 14px !important;
        float: none !important;
    }

.traking_area .checkbox .cr .cr-icon,
.login_page .checkbox .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.traking_area .checkbox label input[type="checkbox"],
.login_page .checkbox label input[type="checkbox"] {
    display: none;
}

    .traking_area .checkbox label input[type="checkbox"] + .cr > .cr-icon,
    .login_page .checkbox label input[type="checkbox"] + .cr > .cr-icon {
        transform: scale(3) rotateZ(-20deg);
        opacity: 0;
        transition: all .3s ease-in;
    }

    .traking_area .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
    .login_page .checkbox label input[type="checkbox"]:checked + .cr > .cr-icon {
        transform: scale(1) rotateZ(0deg);
        opacity: 1;
    }

    .traking_area .checkbox label input[type="checkbox"]:disabled + .cr,
    .login_page .checkbox label input[type="checkbox"]:disabled + .cr {
        opacity: .5;
    }

.login_page .forgot_txt {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    text-align: center;
}

    .login_page .forgot_txt a {
        color: #00397c;
        text-decoration: none;
        font-weight: 700;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

        .login_page .forgot_txt a:hover {
            color: #4a4a4a;
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

.login_page .agree_txt {
    font-size: 14px;
    font-weight: 600;
    color: #4a4a4a;
    font-family: 'Lato', sans-serif;
}

    .login_page .agree_txt a {
        color: #00397c;
        text-decoration: none;
        font-weight: 700;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

        .login_page .agree_txt a:hover {
            color: #4a4a4a;
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

.btn-log {
    width: 100%;
    height: 42px;
    display: block;
    background: #00397c;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-family: 'Lato', sans-serif;
    border: #00397c 1px solid;
    padding: 10px 35px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    margin-top: 20px;
    text-transform: uppercase;
}

    .btn-log:focus, .btn-log:hover {
        background: #0078d4;
        color: #fff;
        border: #0078d4 1px solid;
        transition-duration: 1s;
        -webkit-transition-duration: 1s;
    }

.login_page .form_area h4 {
    font-size: 15px;
    font-weight: 600;
    color: #888;
    font-family: 'Lato', sans-serif;
    margin-top: 0;
    text-align: center;
}

    .login_page .form_area h4 a {
        color: #00397c;
        text-decoration: none;
        font-weight: 700;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

        .login_page .form_area h4 a:hover {
            color: #888;
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

.login_page .form_area .email {
    position: relative;
    width: 100%;
}

    .login_page .form_area .email svg {
        position: absolute;
        z-index: 1;
        right: 14px;
        top: 50%;
        width: 20px;
        height: 20px;
        fill: none;
        margin: 3px 0 0 0;
    }

        .login_page .form_area .email svg polyline,
        .login_page .form_area .email svg path {
            stroke: #D1D7E3;
            stroke-width: 1.4;
            stroke-linecap: round;
            stroke-linejoin: round;
            transition: stroke .3s ease 0s;
        }

        .login_page .form_area .email svg path {
            stroke-dasharray: 64;
            stroke-dashoffset: 127;
            transition: stroke-dasharray .8s ease .8s, stroke-dashoffset .8s ease .5s;
        }

        .login_page .form_area .email svg polyline {
            stroke-dasharray: 18;
            stroke-dashoffset: 18;
            transition: stroke-dashoffset .5s ease 0s;
        }

    .login_page .form_area .email.success svg polyline,
    .login_page .form_area .email.success svg path {
        stroke: #69DD95;
    }

    .login_page .form_area .email.success svg path {
        stroke-dasharray: 46;
        stroke-dashoffset: 150;
        transition: stroke-dasharray .6s ease 0s, stroke-dashoffset .8s ease .3s, stroke .3s ease .6s;
    }

    .login_page .form_area .email.success svg polyline {
        stroke-dashoffset: 0;
        transition: stroke-dashoffset .5s ease .6s, stroke .3s ease .6s;
    }

/********************************************************
				Track Aplication Page
********************************************************/


.track_box {
    border-radius: 12px;
    background: #fff;
    -webkit-box-shadow: -1px 1px 9px 0px rgba(145,145,145,1);
    -moz-box-shadow: -1px 1px 9px 0px rgba(145,145,145,1);
    box-shadow: -1px 1px 9px 0px rgba(145,145,145,1);
    padding: 15px;
    margin: 0 0 25px 0;
    width: 100%;
    display: inline-block;
}


    .track_box .user_deatils {
        width: 100%;
        height: auto;
    }

        .track_box .user_deatils .user_img_area {
            height: 193px;
            border: #dbdbdb 1px solid;
            border-radius: 13px 0 0 0;
            padding: 22px;
            text-align: center;
            display: inline-block;
            float: left;
        }

.client_productdetails {
    margin-bottom: 29px;
}

    .client_productdetails span {
        display: block;
        color: #3b3b3b;
        font-size: 15px;
        margin: 0 0 6px 0;
    }

    .client_productdetails strong {
        font-weight: 700;
        color: #000;
        font-size: 17px;
    }

.track_box .user_deatils .user_img_area .user_img {
    width: 80px;
    height: 80px;
    border-bottom: #b3b5b8;
    border-radius: 50%;
    margin: 0 auto 15px auto;
    overflow: hidden;
}

    .track_box .user_deatils .user_img_area .user_img img {
        width: 100%;
    }

.track_box .user_deatils .user_img_area h3 {
    font-size: 16px;
    font-weight: 600;
    color: #4a4a4a;
    font-family: 'Lato', sans-serif;
    margin-top: 0;
    display: block;
    width: 100%;
    margin-bottom: 0;
}


.track_box .user_deatils .user_txt_area .headline {
    width: 100%;
    height: auto;
    border-bottom: #dbdbdb 1px solid;
    padding: 17px 10px;
}

.track_box .user_deatils .user_txt_area h3 {
    font-size: 20px;
    font-weight: 600;
    color: #4a4a4a;
    font-family: 'Lato', sans-serif;
    margin-top: 0;
    display: block;
    margin-bottom: 20px;
    width: 100%;
}

.user_txt_area h5 {
    margin: 0 0 0 0;
    font-size: 16px;
    color: #3b3b3b;
}

.status-portal input {
    border: none;
    text-align: right;
    width: 95px;
    color: #000;
    font-weight: 700;
    font-size: 17px;
}

.margin-15 {
    margin-bottom: 20px;
}

.status-portal h5 {
    display: inline-block;
}

select#nestedChangeStatus {
    width: 237px;
    float: right;
}

.track_box .user_deatils .user_txt_area .user_tbl_area {
    width: 100%;
    height: auto;
    border-bottom: #dbdbdb 1px solid;
    padding: 17px 10px 9px;
}

    .track_box .user_deatils .user_txt_area .user_tbl_area h3 {
        color: #00397c;
        margin-top: 8px;
        font-size: 13px; /*18px*/
    }



/*.btn-blue:focus, .btn-blue:hover {
	background: #0078d4;
	color: #fff;
	border: #0078d4 1px solid;
	transition-duration: 1s;
	-webkit-transition-duration: 1s;
}*/
.salary-table {
    margin-top: 20px;
}

    .salary-table tr th {
        color: #888888;
        font-weight: 400;
        font-size: 14px;
    }

    .salary-table tr td {
        color: #4a4a4a;
        font-weight: 600;
        font-size: 14px;
    }

/*************/

/* Style the tab */
.track_page .tab {
    float: left;
    border: 1px solid #eee;
    background-color: #fff;
    width: 26%;
    height: auto; /*560px*/
}

    /* Style the buttons inside the tab */
    .track_page .tab a {
        display: block;
        background-color: inherit;
        color: black;
        padding: 11px 15px;
        width: 100%;
        border: none;
        outline: none;
        text-align: left;
        cursor: pointer;
        transition: 0.3s;
        font-size: 14px;
        border-bottom: #eee 1px solid;
    }

        /* Change background color of buttons on hover */
        .track_page .tab a:hover {
            background: linear-gradient(to right, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
            color: #fff;
        }

        .track_page .tab a.active {
            background: linear-gradient(to right, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
            color: #fff;
        }

    /* Create an active/current "tab button" class */
    .track_page .tab button.active {
        background-color: #00397c;
        color: #fff;
    }

    .track_page .tab button i {
        float: right;
        color: #d6d6d6;
    }

/* Style the tab content */
.track_page .tabcontentpage {
    float: left;
    padding: 0px 12px;
    border: 0px solid #ccc;
    width: 74%;
    height: auto;
    border-left: #eee 1px solid;
}

.track_page .agent_area {
    width: 100%;
    height: auto;
    padding: 0 2px 10px;
}

    .track_page .agent_area h3 {
        display: block;
        width: 100%;
    }

    .track_page .agent_area h4 {
        font-weight: 600;
    }

    .track_page .agent_area .agent_img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: #0a4182 2px solid;
        overflow: hidden;
        float: left;
        margin-right: 10px;
    }

        .track_page .agent_area .agent_img img {
            width: 100%;
        }

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

.track_page .agent_area table tr td {
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    color: #4a4a4a;
    padding: 7px 0;
}

    .track_page .agent_area table tr td.head {
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        color: #888;
    }

    .track_page .agent_area table tr td a {
        color: #00397c;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

        .track_page .agent_area table tr td a:hover {
            color: #3982D8;
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

.track_page .traking_area h3 {
    display: block;
    width: 100%;
}

.traking_area h5 {
    color: #404d51;
    font-size: 18px;
    margin: 0 0 21px 0;
    font-weight: 600;
}

.track_page .traking_area .traking_list {
    padding: 0;
    margin: 0;
    list-style: none;
}

    .track_page .traking_area .traking_list li {
        width: 100%;
        min-height: 70px;
        padding: 0 15px;
        margin: 0;
        position: relative;
        border-left: #747474 2px solid;
    }

        .track_page .traking_area .traking_list li:last-child {
            border: none;
        }

        .track_page .traking_area .traking_list li h4 {
            font-weight: 600;
            color: #4a4a4a;
            margin-bottom: 5px;
            margin-top: 0;
            position: relative;
            top: -4px;
            font-size: 16px;
        }

        .track_page .traking_area .traking_list li p {
            position: relative;
            top: -2px;
            font-weight: bold;
        }

            .track_page .traking_area .traking_list li p.trackli_edt {
                font-weight: normal;
            }

        .track_page .traking_area .traking_list li:hover h4 {
            color: #00397c;
        }

        .track_page .traking_area .traking_list li.active h4 {
            color: #16162b;
        }

span.check_box_area {
    width: 41px;
    height: 41px;
    position: absolute;
    right: 0;
    top: 0;
}

.track_page .traking_area .traking_list li:last-child:after {
    display: none;
}

.track_page .traking_area .traking_list li:after {
    width: 2px;
    height: 0;
    background: #00397c;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.track_page .traking_area .traking_list li.application_tracking_box:after {
    width: 2px;
    height: 100%;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.track_page .traking_area .traking_list li:before {
    width: 12px;
    height: 12px;
    background: #fff;
    border: #747474 2px solid;
    content: "";
    position: absolute;
    border-radius: 6px;
    left: -6px;
    top: 0px;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    z-index: 2;
}

.track_page .traking_area .traking_list li.application_tracking_box:before {
    background: #00397c;
    border: #00397c 2px solid;
    -webkit-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
    z-index: 2;
}




.track_page .traking_area .traking_list li:last-child:before {
    left: -4px;
}

/*******************************************
		  Add New Credit Card Page
*******************************************/
.credit_card_page h3 {
    display: block;
    width: 100%;
    margin-bottom: 24px;
    margin-top: 14px;
}

.newbtn {
    width: 100%;
    min-height: 100px;
    border: #d5d5d5 1px solid;
    overflow: hidden;
    cursor: pointer;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin: 0;
    border-radius: 4px;
    background: #f2f2f2 !important;
    padding: 15px !important;
}

.default-image {
    width: auto !important;
    height: auto !important;
    max-width: 100%;
    max-height: 130px;
}

.original-image {
    height: auto !important;
    height: auto !important;
    width: auto !important;
    max-width: 100%;
}



.upload-profile-btn {
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    background: rgba(2,113,201,0.7);
    color: #fff;
    font-size: 16px;
    padding: 8px;
}


#blah {
    max-width: 100px;
    height: 100px;
    margin-top: 20px;
}

input#pic {
    position: absolute;
    left: 0;
    right: 0;
    width: 70px;
    top: 0;
    bottom: 0;
    opacity: 0;
}

label {
    font-weight: 600 !important;
}

.credit_card_page label {
    display: block;
}

.form-control {
    height: 40px;
    border-radius: 5px;
    border: 1px solid #cecece;
    color: #000;
    font-weight: 600;
}



.form-group .form-check .label-text {
    position: relative;
}

    .form-group .form-check .label-text:before {
        position: absolute;
        left: -17px;
        top: 1px;
    }
/*.form-group .form-check input[type="radio"]{
	opacity: 0;
}*/
/*Radio box*/

/*input[type="radio"] + .label-text:before{
	content: "\f10c";
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 1em;
	display: inline-block;
	margin-right: 5px;
}

input[type="radio"]:checked + .label-text:before{
	content: "\f192";
	color: #00397c;
	animation: effect 250ms ease-in;
}

input[type="radio"]:disabled + .label-text{
	color: #aaa;
}

input[type="radio"]:disabled + .label-text:before{
	content: "\f111";
	color: #ccc;
}*/

.input_fields_wrap .btn-blue {
    margin-top: 15px;
    font-size: 12px;
    margin-bottom: 15px;
}

.btn-red {
    display: inline-block;
    background: #f93500;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-family: 'Lato', sans-serif;
    border: #f93500 1px solid;
    padding: 7px 25px;
    margin-top: 15px;
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 400;
    text-decoration: none;
    text-transform: uppercase;
}

    .btn-red:focus, .btn-red:hover {
        background: #0078d4;
        color: #fff;
        border: #0078d4 1px solid;
        transition-duration: 1s;
        -webkit-transition-duration: 1s;
    }

/*.btn-submit {
    background: #fff;
    color: #00397c;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    border: #00397c 1px solid;
    padding: 8px 35px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}*/


.btn-submit {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
    background: rgba(4,168,228,1);
    background: -moz-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,168,228,1)), color-stop(100%, rgba(2,115,202,1)));
    background: -webkit-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -o-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -ms-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: linear-gradient(to right, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a8e4', endColorstr='#0273ca', GradientType=1 );
    color: #fff !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    padding: 7px 21px;
    font-size: 17px;
    font-weight: 600;
    text-decoration: none;
    border: #0078d4 1px solid;
}

.approvedcl a {
    float: right;
}

.btn-submit:focus, .btn-submit:hover {
    background: #0078d4;
    color: #fff;
    border: #0078d4 1px solid;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
/****************/
/*.btn-new {
	min-width: 135px;
    background: #00397c;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-family: 'Lato', sans-serif;
    border: #00397c 1px solid;
    padding: 10px 35px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase !important;
	text-align: center;
}*/

.btn-new {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
    background: rgba(4,168,228,1);
    background: -moz-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,168,228,1)), color-stop(100%, rgba(2,115,202,1)));
    background: -webkit-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -o-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -ms-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: linear-gradient(to right, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a8e4', endColorstr='#0273ca', GradientType=1 );
    color: #fff !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    padding: 9px 25px;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
}

    .btn-new:focus, .btn-new:hover {
        background: #0078d4;
        color: #fff;
        border: #0078d4 1px solid;
        transition-duration: 1s;
        -webkit-transition-duration: 1s;
    }

.credit_card_page .footer_txt h4 a {
    font-weight: bold;
    color: #00397c;
    text-decoration: none;
    text-transform: uppercase;
}

#credit_card_modal h4 {
    margin-bottom: 15px;
    font-weight: 600;
}

#credit_card_modal p {
    margin-bottom: 35px;
}

#credit_card_modal.modal-sm {
    width: 300px;
    border-radius: 10px;
    overflow: hidden;
}

/*****************************************************
		         02-01-2020 (SB)
*****************************************************/
.action_drop {
    width: 29px;
    height: auto;
    margin: 0 auto;
}

    .action_drop .btn-dot, .action_drop .btn-dot:focus {
        background: none;
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        border: none;
        padding: 0;
    }

    .action_drop .dropdown-menu {
        left: auto;
        right: 0;
        padding: 5px 10px;
    }

        .action_drop .dropdown-menu a.dropdown-item {
            font-size: 13px;
            font-family: 'Lato', sans-serif;
            color: #5a5a5a;
            display: block;
            padding: 5px 5px 5px 14px;
            border-bottom: #d6d6d6 1px dotted;
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
            position: relative;
        }

            .action_drop .dropdown-menu a.dropdown-item:hover {
                color: #003277;
                -webkit-transition-duration: 0.5s;
                -o-transition-duration: 0.5s;
                transition-duration: 0.5s;
            }

.c-datepicker-picker [slot=sidebar], .c-datepicker-picker__sidebar {
    display: none;
}

    .c-datepicker-picker [slot=sidebar] + .c-datepicker-picker__body, .c-datepicker-picker__sidebar + .c-datepicker-picker__body {
        margin-left: 0;
    }

.c-datepicker-date-range-picker.has-sidebar {
    left: auto !important;
    right: 30px;
}

.c-datepicker-date-editor {
    background-color: transparent;
    background-image: none;
    border: 0px solid #dcdfe6;
    margin: 4px;
}

.c-datepicker-data-input {
    background-color: transparent;
}

.c-datepicker-range-separator {
    padding: 0;
}

.corporate_Profile_page .agent_area {
    width: 48.5%;
    height: auto;
    border: #dbdbdb 1px solid;
    padding: 10px 20px;
    display: inline-block;
    margin: 6px;
}
    /*.corporate_Profile_page .agent_area.border-right{
	border-right: #dbdbdb 1px solid;
}*/

    .corporate_Profile_page .agent_area h3 {
        display: block;
        width: 100%;
    }

    .corporate_Profile_page .agent_area h4 {
        font-weight: 600;
    }

    .corporate_Profile_page .agent_area .agent_img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: #0a4182 2px solid;
        overflow: hidden;
        float: left;
        margin-right: 10px;
    }

        .corporate_Profile_page .agent_area .agent_img img {
            width: 100%;
        }

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

.corporate_Profile_page .agent_area table tr td {
    text-align: right;
    font-size: 14px;
    font-weight: 600;
    color: #4a4a4a;
    padding: 7px 0;
}

    .corporate_Profile_page .agent_area table tr td.head {
        text-align: left;
        font-size: 14px;
        font-weight: 400;
        color: #888;
    }

    .corporate_Profile_page .agent_area table tr td a {
        color: #00397c;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

        .corporate_Profile_page .agent_area table tr td a:hover {
            color: #3982D8;
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

/*---9.1.2020----*/
.tokeninput input {
    width: 22%;
    float: left;
    margin: 0 5px;
}

.tokeninput {
    width: 100%;
    display: inline-block;
}

table.table-bordered.dataTable th {
    /*width: auto !important;*/
    padding-right: 26px !important;
}

.dataTables_wrapper table tr td.wip span {
    color: #fff;
    background: orange !important;
    display: block;
    text-align: center;
    padding: 6px 10px;
}

.dataTables_wrapper table tr td.reject span {
    color: #fff;
    background: red !important;
    display: block;
    text-align: center;
    padding: 6px 10px;
}

.dataTables_wrapper table tr td.disbursed span {
    color: #fff;
    background: green !important;
    display: block;
    text-align: center;
    padding: 6px 10px;
}

.dataTables_wrapper table tr td.approved span {
    color: #000;
    background: yellow !important;
    display: block;
    text-align: center;
    padding: 6px 10px;
}

table.sortingleft tr td.sorting_1 {
    text-align: left;
}

table.sortingleft tr td:last-child {
    text-align: center;
}

.customerlistmain_tab .nav > li > a:hover:after, .customerlistmain_tab .nav > li > a:active:after, .customerlistmain_tab .nav > li > a:focus:after {
    background: #003277;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
}

.customerlistmain_tab .nav > li > a:hover, .customerlistmain_tab .nav > li > a:active, .customerlistmain_tab .nav > li > a:focus {
    background: none;
}
/*.customerlistmain table tr th:last-child {display: block !important;position: relative;}*/
.customerlistmain table tr td:last-child {
    position: relative;
}

.customerlistmain table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, .customerlistmain table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    display: none;
}

.customerlistmain table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child, .customerlistmain table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child {
    padding-left: 0;
}

.donemodal .modal-dialog {
    margin: 200px auto;
}

.notification_wrapper table tr th {
    border: none;
}

    .notification_wrapper table tr th:last-child, .notification_wrapper table tr td:last-child {
        text-align: right;
    }

.notification_wrapper table tr td:last-child {
    position: relative;
}

    .notification_wrapper table tr td:last-child:hover ul.actionlist {
        display: block;
    }

.notification_wrapper table tr td {
    border: none;
}

.notification_wrapper table tr.frstchld {
    background: #fff;
}

ul.actionlist {
    width: 161px;
    background: #000;
    position: absolute;
    left: -76px;
    top: -7px;
    margin: 0;
    padding: 10px 0;
    text-align: left;
    display: none;
    z-index: 99
}

    ul.actionlist li {
        list-style: none;
        display: block;
        margin: 0;
    }

        ul.actionlist li a {
            display: block;
            color: #fff;
            font-size: 12px;
            padding: 0 10px;
        }

.addbotton_sec .form-check {
    margin: 0 0 20px;
    width: 100%;
}

    .addbotton_sec .form-check input[type="text"] {
        height: 29px;
        border-radius: 25px;
        border: 1px solid #00397c;
        width: 92px;
        margin-left: 20px;
    }

.changepassword_area .form-group {
    position: relative;
}

.changepassword_area span {
    position: absolute;
    right: 15px;
    top: 36px;
}

.dataTables_wrapper table tr td.approved {
    height: 35px;
}

.dataTables_wrapper table tr td.wip {
    height: 34px;
}

.dataTables_wrapper table tr td.reject {
    height: 35px;
}

.dataTables_wrapper table tr td.disbursed {
    height: 34px;
}

.dataTables_wrapper table tr:nth-child(odd) {
    background: #f7f7f7 !important;
}

.dataTables_wrapper table tr:nth-child(even) {
    background: #fff !important;
}

.dataTables_wrapper table tr.frstchild {
    background: #fff !important;
}

.dataTables_wrapper table tr th {
    background: #fff;
    font-weight: 600;
}

ul.sidebar-menu li a {
    padding: 12px 5px 12px 46px !important;
    font-size: 16px !important;
}

.value_table table tr th, .value_table table tr td {
    border: none;
}

.value_table table tr:nth-child(odd) {
    background: #f7f7f7;
}

.value_table table tr:nth-child(even) {
    background: #fff;
}

.value_table table tr.frstchild {
    background: #fff;
}

.tablebuttons {
    width: 100%;
    padding: 20px 0 0;
}

    .tablebuttons button {
        padding: 7px 30px;
        border-radius: 50px;
        background: #fff;
        text-transform: uppercase;
        color: #00397c;
        font-size: 14px;
        border: 1px solid #00397c;
        margin-right: 5px;
    }

        .tablebuttons button:hover {
            background: #00397c;
            color: #fff;
        }

.table_pagination {
    width: 100%;
    padding: 20px 0;
    display: inline-block;
}

    .table_pagination span {
        width: auto;
        float: left;
        color: #000;
        font-size: 14px;
        font-weight: 400;
    }

    .table_pagination ul {
        width: auto;
        float: right;
        margin: 0;
        padding: 0;
    }

        .table_pagination ul li {
            list-style: none;
            display: inline-block;
            margin: 0;
            padding: 0;
        }

            .table_pagination ul li:last-child a, .table_pagination ul li:first-child a {
                color: #000;
                font-size: 14px;
                font-weight: 400;
                display: block;
                padding: 0;
                border: none;
            }

            .table_pagination ul li a {
                font-size: 14px;
                font-weight: 400;
                display: block;
                padding: 6px 10px;
                border: 1px solid #ccc;
                color: #000;
                border-radius: 5px;
                margin: 0 7px;
            }

.productsmodal h4 {
    font-size: 18px;
    font-weight: 600;
    color: #404d51;
    font-family: 'Lato', sans-serif;
    padding-bottom: 4px;
}

.productmodalbody {
    width: 100%;
    padding: 30px 20px;
}

.prod_modal_box {
    width: 100%;
    padding: 0 0 10px;
}

.prod_modal_box_submit {
    width: 100%;
    margin-top: 20px;
}

    .prod_modal_box_submit input {
        padding: 7px 30px;
        border-radius: 50px;
        background: #00397c;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
        border: none;
        float: right;
    }


.inneradmin_box textarea {
    height: 140px;
    border-radius: 5px;
    border: 1px solid #cecece;
    resize: none;
    padding: 10px 0 0 10px;
    width: 100%;
}


.locgroup {
    margin: 0;
}

.valuetable_top {
    width: 100%;
    border-top: 1px solid#ccc;
    border-bottom: 1px solid #ccc;
    padding: 9px 0 15px;
    margin: 20px 0 20px;
}

    .valuetable_top p span {
        display: inline-block;
        text-align: right;
        width: auto;
        float: right;
        font-weight: 700;
    }

    .valuetable_top h2 {
        color: #000;
        font-weight: 600;
        font-size: 22px;
        margin: 0 0 3px;
    }

    .valuetable_top p {
        color: #605F5F;
        font-size: 13px;
        font-weight: 400;
        margin: 0 0 1px;
        width: 100%;
        display: inline-block;
    }

.value_table {
    width: 100%;
    display: inline-block;
}

.dataTables_wrapper table.insurance_table_product tr td.sorting_1 {
    text-align: left;
}

.value_table table tr td .fa {
    cursor: pointer;
}

.customerlistmain_tab .dataTables_wrapper table tr td i {
    margin: 0 5px;
}

.value_table table tr td.wip span {
    color: #fff;
    background: orange !important;
    display: block;
    text-align: center;
    padding: 6px 10px;
}

.value_table table tr td.reject span {
    color: #fff;
    background: red !important;
    display: block;
    text-align: center;
    padding: 6px 10px;
}

.value_table table tr td.disbursed span {
    color: #fff;
    background: green !important;
    display: block;
    text-align: center;
    padding: 6px 10px;
}

.value_table table tr td.approved span {
    color: #000;
    background: yellow !important;
    display: block;
    text-align: center;
    padding: 6px 10px;
}

.acstatus_sec input[type="radio"] {
    margin-right: 5px;
    position: relative;
    top: 1px;
}

.acstatus_sec label {
    margin-bottom: 15px;
}

.acstatus_sec span {
    display: inline-block;
    margin: 0 12px 0 0;
}

.customerlist .dataTables_wrapper table tr td i, .inneradmin_box table tr td i {
    margin-right: 4px;
    font-size: 20px;
    cursor: pointer;
}

.payoutslab_rdo {
    margin-top: 34px;
}

.productpage select {
    width: 100%;
    height: 40px;
    border-radius: 25px;
    border: 1px solid #00397c;
    padding: 6px 12px;
}

.inneradmin_box select {
    width: 100% !important;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #cecece;
    padding: 5px 10px;
    outline: none;
}

.manageemployee_sec .viewall {
    width: 100%;
    text-align: right;
    padding: 10px 0 0;
}

.manageemployee_sec .customerlistmain_tab {
    width: 100%;
    display: inline-block;
}

.manageemployee_sec .dataTables_filter {
    position: absolute;
    right: 17px;
    top: 50%;
    margin-top: -119px;
}

.manageemployee_sec span.mnp_upload {
    display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 13px;
    margin: 0 9px;
}

    .manageemployee_sec span.mnp_upload input[type="file"] {
        cursor: pointer;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 0;
        width: 100%;
        height: 21px;
        opacity: 0;
    }

.manageemployee_sec .viewall a {
    color: #000;
    font-size: 13px;
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    text-transform: none;
}

.manageemployee_sec #exTab1 ul.nav-pills {
    padding: 0;
}

.adminportal_pages ul.sidebar-menu li a {
    padding: 9px 5px 7px 7px;
    font-size: 12px;
}

.submenu_expand {
    display: none;
    padding: 0;
    background: #fff;
}

    .submenu_expand li {
        /* padding-left: 10px;*/
    }

.dropdown_collapse .submenu_expand li a {
    padding: 9px 5px 7px 7px !important;
    font-size: 12px;
    display: block;
    letter-spacing: 0.4px;
    font-weight: 300;
}

.dropdown_collapse .submenu_expand li a {
    border-left: 3px solid transparent;
    color: #00397c;
}

.dropdown_collapse .submenu_expand > li:hover > a, .dropdown_collapse .submenu_expand > li.active > a {
    color: #fff;
    background: #083f80;
    border-left-color: #fefefe;
}

ul.submenu_expand li a i {
    display: inline-block;
    font-size: 15px;
    width: 25px;
    margin: 0 auto;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
    padding: 0;
    margin-right: 0;
    color: #4299ff;
}

span .fa {
    float: right;
    margin: 0 !important;
    width: 20px !important;
    font-size: 18px !important;
}

.graph_space {
    width: 100%;
}

.graphspace_top {
    width: 100%;
    display: inline-block;
    padding: 20px 0;
    color: #000;
    font-size: 18px;
}

.grtop_left {
    width: auto;
    float: right;
}

    .grtop_left span {
        display: inline-block;
        margin: 0 0 0 10px;
        color: #3b3b3b;
        font-size: 15px;
        position: relative;
        padding: 0 0 0 17px;
    }

        .grtop_left span:before {
            content: "";
            position: absolute;
            left: 0;
            top: 4px;
            width: 10px;
            height: 10px;
            border-radius: 50%;
        }

        .grtop_left span:nth-child(1):before {
            background: #f7db1b;
        }

        .grtop_left span:nth-child(2):before {
            background: #0a5ffb;
        }

        .grtop_left span:nth-child(3):before {
            background: #06b20a;
        }

        .grtop_left span:nth-child(4):before {
            background: #f00;
        }

        .grtop_left span:nth-child(5):before {
            background: #f59518;
        }

        .grtop_left span:nth-child(6):before {
            background: #bd0ff6;
        }

.tabcontent h3 {
    float: none;
}

.proddtl_benefitsec label {
    margin-right: 30px;
}

.track_box .fa {
    float: right;
}

.tabtbox {
    width: 100%;
    display: inline-block;
}

.rd-ed {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

    .rd-ed span {
        width: 48px;
        text-align: center;
    }

.role-check {
    padding: 10px;
    background: #f6f6f6;
}

    .role-check h4 {
        font-weight: bold;
    }

    .role-check ul li, .chck-flds {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

        .chck-flds input {
            width: 48px;
            text-align: center;
        }

    .role-check ul li {
        margin: 0 0 8px;
    }

.common_traking_area .tab-content {
    margin: 20px 0 0;
}

    .common_traking_area .tab-content label {
        width: 100%;
    }

        .common_traking_area .tab-content label span {
            color: #00397c;
            display: inline-block;
            margin-left: 5px;
        }

            .common_traking_area .tab-content label span a {
                color: #00397c;
            }

    .common_traking_area .tab-content select {
        width: 100%;
        height: 40px;
        border-radius: 25px;
        border: 1px solid #00397c;
        padding: 6px 12px;
    }

.tabcontentpage .nav-tabs > li > a {
    color: #00397c;
}

.tabcontentpage .form-group .form-check .label-text {
    color: #000;
    font-size: 13px;
}

.forupload {
    position: relative;
}

    .forupload img {
        width: 100%;
        display: block;
    }

    .forupload input[type="file"] {
        width: 100%;
        height: 100%;
        font-size: 0;
        position: absolute;
        top: 0;
        left: 0;
        opacity: 0;
    }

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

    .btn-sec input:not(:last-child) {
        margin-right: 15px;
    }

.commn-btn {
    padding: 7px 30px;
    border-radius: 50px;
    background: #00397c;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    border: none;
    transition: all 0.3s;
}

.dwnld {
    background: #a5a5a5;
    color: #333
}

.commn-btn:hover {
    background: #013066;
    color: #fff;
}

.selct-dt {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 8px 0 0;
}

    .selct-dt h5 {
        margin: 0 10px 0 0;
        font-weight: bold;
    }

    .selct-dt .date_picker {
        margin: 0;
    }

.uncheckr textarea {
    height: 80px;
    border: 1px solid #f5f5f5;
    padding: 10px;
    width: 100%;
}

.tabcontentpage .value_table i {
    color: #000;
    margin: 0 4px;
}

.thead-light .frstchild th {
    text-align: center;
}

.sub-hd td {
    font-weight: bold;
}

.thead-light {
    background: #f6f7f8;
}

    .thead-light .frstchild {
        background: #ddf7ff;
    }

.payout-slab .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid #e7e7e7;
}

.addpaytable .thead-light .frstchild th {
    text-align: left;
}

.payout-slab table td input[type="text"] {
    width: 100%;
    border: 1px solid #00397c;
    padding: 10px;
    border-radius: 30px;
}

.payout-slab table td select {
    width: 100%;
}

.payot {
    margin: 0 0 30px;
}

span.mnp_upload .fa {
    font-size: 14px !important;
    float: left;
    margin: 0 4px 0 0 !important;
    position: relative;
    top: 2px;
}

.main-header h1 {
    display: inline-block;
    color: #00397c;
    font-size: 22px;
    margin: 21px 0 0 22px;
}

.dashboard_mainpage .viewall {
    width: 100%;
    text-align: right;
    float: none;
}

.toggle-on.btn {
    padding-right: 6px !important; /*text-align: right;*/
}

.toggle-group .btn-primary {
    background: #00397c;
}

.dashboard_mainpage .dataTables_info, .dashboard_mainpage .dataTables_paginate {
    /*display: none;*/
}

.dashboard_mainpage .dataTables_filter {
    display: none;
}

.sidebar-collapse ul.sidebar-menu {
    text-align: center;
}

    .sidebar-collapse ul.sidebar-menu li a {
        padding: 15px 0 15px 0 !important;
    }

.customerapplication h2 {
    color: #000;
    font-weight: bold;
    font-size: 18px;
    margin: 0 0 5px;
}

.infobox {
    width: 100%;
}

    .infobox h3 {
        font-size: 16px;
        font-weight: normal;
        color: #00397c;
        margin: 0 0 20px;
        float: none;
    }

    .infobox p {
        color: #464646;
        font-size: 14px;
        font-weight: normal;
        margin: 0 0 3px;
    }

.action_drop .dropdown-menu a.dropdown-item.rcvd:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #f7db1b;
    border-radius: 50%;
}

.action_drop .dropdown-menu a.dropdown-item.dcln:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #0a5ffb;
    border-radius: 50%;
}

.action_drop .dropdown-menu a.dropdown-item.more:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #999999;
    border-radius: 50%;
}

.infobox_top {
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px;
    margin: 0 0 20px;
}

.forupload .fa {
    float: left;
    margin: 0 4px 0 0;
}

.form-inline .dataTables_info, .form-inline .dataTables_paginate {
    /*display: none;*/
    font-weight: 700;
    padding-top: 15px;
}

ul.sidebar-menu li img {
    margin-right: 7px;
}

.modalcommon .modal-body {
    width: 100%;
    display: inline-block;
}

    .modalcommon .modal-body p {
        text-align: center;
        font-size: 18px;
    }

.checked_area span.cr {
    background: #00397c !important;
}

    .checked_area span.cr .cr-icon {
        opacity: 1;
    }

.approved span {
    color: #000;
    background: yellow !important;
    display: block;
    text-align: center;
    padding: 6px 10px;
}

.reject span {
    color: #fff;
    background: red !important;
    display: block;
    text-align: center;
    padding: 6px 10px;
}

.history_box .tab {
    float: none;
    background-color: #fff;
    width: 100%;
}

.history_box .user_deatils .user_img_area {
    width: 26%;
    height: auto;
    border-radius: 13px 0 0 0;
    padding: 0;
    text-align: center;
    display: inline-block;
    float: left;
}

.history_box .user_deatils .user_img_box {
    border-radius: 13px 0 0 0;
    padding: 22px;
    text-align: center;
    height: 266px;
    display: inline-block;
    /* border: #dbdbdb 1px solid;*/
}

.history_box #Application {
    padding-top: 30px;
}

.raddres textarea {
    height: 72px;
}

.date_pickagent input[type="text"] {
    border: 0;
    width: 96%;
    height: 37px;
}

.date_pickagent {
    float: none;
    width: 100%;
    margin: 0;
    height: 40px;
}

.agent_list span {
    color: #00397c;
    display: inline-block;
    margin-left: 5px;
}


.submenu_expand2 {
    display: none;
    padding: 0;
    background: #fff;
}

.dropdown_collapse2 .submenu_expand2 li a {
    padding: 9px 5px 7px 7px !important;
    font-size: 12px;
    display: block;
    letter-spacing: 0.4px;
    font-weight: 300;
}

.dropdown_collapse2 .submenu_expand2 li a {
    border-left: 3px solid transparent;
    color: #00397c;
}

.dropdown_collapse2 .submenu_expand2 > li:hover > a, .dropdown_collapse2 .submenu_expand2 > li.active > a {
    color: #fff;
    background: #083f80;
    border-left-color: #fefefe;
}

ul.submenu_expand2 li a i {
    display: inline-block;
    font-size: 15px;
    width: 25px;
    margin: 0 auto;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
    padding: 0;
    margin-right: 0;
    color: #4299ff;
}

.fa-money::before {
    content: "\f0d6";
}

.submenu_expand3 {
    display: none;
    padding: 0;
    background: #fff;
}

.dropdown_collapse3 .submenu_expand3 li a {
    padding: 9px 5px 7px 7px !important;
    font-size: 12px;
    display: block;
    letter-spacing: 0.4px;
    font-weight: 300;
}

.dropdown_collapse3 .submenu_expand3 li a {
    border-left: 3px solid transparent;
    color: #00397c;
}

.dropdown_collapse3 .submenu_expand3 > li:hover > a, .dropdown_collapse3 .submenu_expand3 > li.active > a {
    color: #fff;
    background: #083f80;
    border-left-color: #fefefe;
}

ul.submenu_expand3 li a i {
    display: inline-block;
    font-size: 15px;
    width: 25px;
    margin: 0 auto;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
    padding: 0;
    margin-right: 0;
    color: #4299ff;
}

.fa-pie-chart::before {
    content: "\f200";
}

.submenu_expand4 {
    display: none;
    padding: 0;
    background: #fff;
}

.dropdown_collapse4 .submenu_expand4 li a {
    padding: 9px 5px 7px 2px !important;
    font-size: 12px;
    display: block;
    letter-spacing: 0.4px;
    font-weight: 300;
}

.dropdown_collapse4 .submenu_expand4 li a {
    border-left: 3px solid transparent;
    color: #00397c;
}

.dropdown_collapse4 .submenu_expand4 > li:hover > a, .dropdown_collapse4 .submenu_expand4 > li.active > a {
    color: #fff;
    background: #083f80;
    border-left-color: #fefefe;
}

ul.submenu_expand4 li a i {
    display: inline-block;
    font-size: 15px;
    width: 25px;
    margin: 0 auto;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
    padding: 0;
    margin-right: 0;
    color: #4299ff;
}

.fa-cog::before {
    content: "\f013";
}

.submenu_expand5 {
    display: none;
    padding: 0;
    background: #fff;
}

.dropdown_collapse5 .submenu_expand5 li a {
    padding: 9px 5px 7px 7px !important;
    font-size: 12px;
    display: block;
    letter-spacing: 0.4px;
    font-weight: 300;
}

.dropdown_collapse5 .submenu_expand5 li a {
    border-left: 3px solid transparent;
    color: #00397c;
}

.dropdown_collapse5 .submenu_expand5 > li:hover > a, .dropdown_collapse5 .submenu_expand5 > li.active > a {
    color: #fff;
    background: #083f80;
    border-left-color: #fefefe;
}

ul.submenu_expand5 li a i {
    display: inline-block;
    font-size: 15px;
    width: 25px;
    margin: 0 auto;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
    padding: 0;
    margin-right: 0;
    color: #4299ff;
}

.fa-hashtag::before {
    content: "\f292";
}

.fa-list-alt::before {
    content: "\f022";
}

.fa-user::before {
    content: "\f007";
}

.fa-cogs::before {
    content: "\f085";
}

.add_new_prod_top {
    width: 100%;
    padding: 0px 0;
}

.uplodpic {
    text-align: center;
}

    .uplodpic .upload_ico {
        margin: 0 auto 0;
    }

.showproductdiv {
    display: none;
}

    .showproductdiv h3 span {
        color: #f00;
    }

span.tolcard {
    width: 33%;
    float: left;
}

    span.tolcard img {
        max-width: 100%;
        border: 1px solid #ccc;
        margin-left: 20px;
    }

span.add {
    display: block;
    background: #00397c;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-family: 'Lato', sans-serif;
    border: #00397c 1px solid;
    padding: 10px 0;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin-top: 63px;
}

.details_section label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    width: 220px;
}

.details_section span.valp {
    height: 40px;
    display: inline-block;
    border-radius: 0px;
    border: 1px solid #00397c;
    width: 213px;
    padding: 10px;
    text-align: center;
}

.flie_upload_img {
    width: 124px;
    height: 120px;
    float: none;
    padding: 6px 0 0 0;
    margin: 0 auto;
}

    .flie_upload_img .newbtn {
        width: 124px;
        height: 113px;
        border: #d5d5d5 1px solid;
        border-radius: 0%;
        overflow: hidden;
        cursor: pointer;
        position: relative;
    }

.viewall_edit {
    float: none;
    padding: 10px 0;
    position: relative;
    z-index: 10;
    text-align: center;
    margin-top: 16px;
}

    .viewall_edit a {
        padding: 7px 30px;
        border-radius: 50px;
        background: #00397c;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
        cursor: pointer;
    }

.select_box {
    margin-top: 20px;
}

    .select_box span {
        display: block;
        width: 100%;
        height: 40px;
        border: 1px solid #00397c;
        padding: 10px;
    }

.common_traking_area h2 {
    color: #00397c;
    font-size: 18px;
    margin: 0 0 20px;
}

.mtdpage .bar-graph {
    margin: 30px 0;
}

.table_total {
    width: 100%;
    border-top: 1px solid #ccc;
    padding: 10px 0;
    margin: 10px 0;
}

    .table_total h2 {
        color: #00397c;
        font-size: 20px;
        margin: 0;
        font-weight: bold;
    }

    .table_total span {
        width: auto;
        float: right;
        color: #000;
        font-size: 17px;
        text-align: right;
    }

table.example1 tr td a {
    color: #000;
    text-decoration: none;
}

.payout-slab table tr th span {
    width: 100%;
    text-align: left;
    display: block;
    padding: 10px;
    border: 1px solid #00397c;
    border-radius: 30px;
}

.payout-slab table tr th input[type="radio"] {
    padding: 10px;
    margin: 0 5px;
}

.invdtl_panel {
    width: 100%;
}

    .invdtl_panel h3 {
        float: none;
    }

        .invdtl_panel h3 span {
            color: #00397c;
            font-size: 25px;
        }

    .invdtl_panel ul {
        width: 100%;
        margin: 0;
        padding: 0;
    }

        .invdtl_panel ul li {
            list-style: none;
            display: block;
            font-size: 18px;
            color: #4D4B4B;
            font-weight: 400;
            padding: 8px 0;
            border-bottom: 1px solid #ccc;
        }

            .invdtl_panel ul li span {
                color: #000;
                font-weight: 700;
                width: auto;
                float: right;
            }

.ndrdo span {
    display: inline-block;
    margin: 0 10px 0 0;
}

.bar-graph-right {
    width: 100%;
    text-align: right;
    position: relative;
}

    .bar-graph-right a {
        display: inline-block;
        padding: 0 0 0 10px;
        position: relative;
        top: 20px;
    }

        .bar-graph-right a .fa {
            color: #000;
            font-size: 29px;
        }

    .bar-graph-right img {
        max-width: 100%;
        display: block;
    }

.bargraph_right_info {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 43px;
    text-align: center;
    background: #fff;
}

    .bargraph_right_info p {
        margin: 0;
        color: #000;
        font-size: 15px;
    }

.bar-graph img {
    width: 100%;
    display: block;
}

.acpt_button {
    width: 100%;
    margin: 20px 0;
    text-align: right;
    display: inline-block;
}

    .acpt_button a {
        padding: 7px 30px;
        border-radius: 50px;
        background: #00397c;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
    }

    .acpt_button .bar-graph-right a {
        background: none;
        padding: 0 0 0 10px;
    }

span.formgroup_notedit {
    width: 100%;
    display: block;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #cecece;
    padding: 11px 12px;
    font-weight: 600;
}

ul.subsub_menu {
    padding: 0;
}

    ul.subsub_menu li {
        padding: 0 0 0 28px;
    }

.common_traking_area .fa {
    float: none;
}
/*ul.subsub_menu li a {color: #000!important;font-weight: 700!important;}*/
.tattable table tr:nth-child(2n+1) {
    background: #fff;
}

.tattable table tr {
    border-bottom: 1px solid #ccc;
}

.add_package {
    padding-top: 30px;
}

    .add_package input[type="file"] {
        height: 40px;
        border-radius: 5px;
        width: 100%;
        border: 1px solid #cecece;
        padding: 7px 0 0 12px;
    }

.age input {
    width: 40% !important;
    float: left;
}

.age span {
    width: 20%;
    float: left;
    text-align: center;
    padding-top: 10px;
}

.btntop a {
    width: 100%;
    margin-top: 22px;
    padding: 10px;
    font-size: 12px;
    display: block;
    text-align: center;
}

.pushnotific span {
    display: inline-block;
    margin: 12px 20px 0 0;
}

.pushnotific {
    min-height: 66px;
}

.fordatepicker input {
    width: 100%;
    height: 40px;
    border-radius: 25px;
    border: 1px solid #00397c;
    padding: 6px 12px;
}

.input_fields_wrap span {
    display: inline-block;
    font-weight: 700;
    margin: 0 10px 0 0;
    padding: 0 0 0 4px;
}

.finance_invoice {
    width: 100%;
    display: inline-block;
    margin: 30px 0;
}

    .finance_invoice label {
        width: 100%;
        display: block;
    }

    .finance_invoice span {
        display: inline-block;
        margin: 0 12px 0 0;
        padding: 0 4px 0 0;
    }

.forbackground .valuetable_top {
    background: #eee;
    border: none;
    margin-top: 0;
    padding: 15px;
    min-height: 131px;
    border-radius: 5px;
}

.forheight {
    min-height: 82px;
    padding-top: 34px;
}

    .forheight .form-group span {
        display: inline-block;
        margin: 0 10px 0 0;
    }

        .forheight .form-group span input {
            margin-right: 5px;
        }

.pswdgenr .form-group .form-check {
    width: 48%;
}

.commonbutton {
    width: 100%;
    margin: 5px 0 0;
    display: inline-block;
}

    .commonbutton a {
        display: inline-block;
        padding: 10px 21px;
        border-radius: 5px;
        background: #00397c;
        text-transform: capitalize;
        color: #fff;
        font-size: 18px;
        text-align: center;
        min-width: 124px;
        font-weight: 600;
    }

.rangebox {
    width: 100%;
}

    .rangebox span.pr1 {
        width: auto;
        float: left;
        color: #000;
        font-size: 14px;
    }

    .rangebox span.pr2 {
        width: auto;
        float: right;
        color: #000;
        font-size: 14px;
    }

.valuation_admin_box .summery_box {
    text-align: center;
    min-height: inherit;
}

    .valuation_admin_box .summery_box h3:after {
        display: none;
    }

.valuetarcktop {
    margin: 0 0 20px;
}

    .valuetarcktop .fa {
        float: left;
        margin: 0 7px 0 0;
        position: relative;
        top: 2px;
    }

.common_traking_area iframe {
    width: 100%;
    height: 350px;
}

.valueaddnew_product .showproductdiv label {
    width: 30%;
    float: left;
}

.valueaddnew_product .showproductdiv input[type="text"], .valueaddnew_product .showproductdiv select {
    width: 70%;
    float: right;
}

.valueaddnew_product .showproductdiv .form-group {
    width: 100%;
    display: inline-block;
}

.valueaddnew_product .showproductdiv span {
    display: inline-block;
    margin: 0 12px 0 0;
}

.page_table {
    width: 100%;
    margin: 20px 0 0;
}

    .page_table table {
        width: 100%;
        margin: 0;
    }

.value_table table tr td a {
    color: #000;
}

.page_table table tr td {
    padding: 10px;
}

    .page_table table tr td a {
        color: #000;
        text-decoration: none;
    }

.page_table table tr:nth-child(even) {
    background: #f7f7f7;
}

.formgroup_radio span {
    display: inline-block;
    margin: 0 !important;
    width: 38%;
}

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
}

.irs-line-left, .irs-line-mid, .irs-line-right {
    position: absolute;
    display: block;
    top: 0;
}

.irs-line-left {
    left: 0;
    width: 11%;
}

.irs-line-mid {
    left: 9%;
    width: 82%;
}

.irs-line-right {
    right: 0;
    width: 11%;
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}

.irs-bar-edge {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0;
}

.irs-slider {
    position: absolute;
    display: block;
    cursor: default;
    z-index: 1;
}

    .irs-slider.single {
    }

    .irs-slider.from {
    }

    .irs-slider.to {
    }

    .irs-slider.type_last {
        z-index: 2;
    }

.irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
}

.irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
}

.irs-from, .irs-to, .irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
}

.irs-with-grid .irs-grid {
    display: block;
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000;
}

    .irs-grid-pol.small {
        height: 4px;
    }

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000;
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0,0,0,0.0);
    z-index: 2;
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed;
}

.irs-disabled {
    opacity: 0.4;
}


.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important;
}


/* Ion.RangeSlider, Simple Skin
// css version 2.0.3
// © Denis Ineshin, 2014    https://github.com/IonDen
// © guybowden, 2014        https://github.com/guybowden
// ===================================================================================================================*/

/* =====================================================================================================================
// Skin details */

.irs {
    height: 55px;
}

.irs-with-grid {
    height: 75px;
}

.irs-line {
    height: 10px;
    top: 33px;
    background: #EEE;
    background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */
    border: 1px solid #CCC;
    border-radius: 16px;
    -moz-border-radius: 16px;
}

.irs-line-left {
    height: 8px;
}

.irs-line-mid {
    height: 8px;
}

.irs-line-right {
    height: 8px;
}

.irs-bar {
    height: 10px;
    top: 33px;
    border-top: 1px solid #134784;
    border-bottom: 1px solid #134784;
    background: #134784;
}

.irs-bar-edge {
    height: 10px;
    top: 33px;
    width: 14px;
    border: 1px solid #134784;
    border-right: 0;
    background: #134784;
    border-radius: 16px 0 0 16px;
    -moz-border-radius: 16px 0 0 16px;
}

.irs-shadow {
    height: 2px;
    top: 38px;
    background: #000;
    opacity: 0.3;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

.lt-ie9 .irs-shadow {
    filter: alpha(opacity=30);
}

.irs-slider {
    top: 25px;
    width: 27px;
    height: 27px;
    border: 1px solid #AAA;
    background: #DDD;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */
    border-radius: 27px;
    -moz-border-radius: 27px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
    cursor: pointer;
}

    .irs-slider.state_hover, .irs-slider:hover {
        background: #FFF;
    }

.irs-min, .irs-max {
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(0,0,0,0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
}

.lt-ie9 .irs-min, .lt-ie9 .irs-max {
    background: #ccc;
}

.irs-from, .irs-to, .irs-single {
    color: #134784;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
}

.lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single {
    background: #999;
}

.irs-grid {
    height: 27px;
}

.irs-grid-pol {
    opacity: 0.5;
    background: #428bca;
}

    .irs-grid-pol.small {
        background: #999;
    }

.irs-grid-text {
    bottom: 5px;
    color: #99a4ac;
}

.irs-disabled {
}

span.irs-min, span.irs-max, span.irs-to, span.irs-single, span.irs-from {
    display: none;
}

.range-slider {
    height: 41px;
}

.autofn_bottom {
    width: 100%;
    display: inline-block;
}

.forheight2 {
    min-height: 100px;
}

.crdtchk_group .form-group .form-check {
    width: 32%;
}

.input_fields_wrap {
    width: 100%;
    display: inline-block;
    margin: 15px 0 0 0;
}

.account_opng_chks .form-group .form-check {
    width: 23%;
}

.contact_left {
    margin: 0;
    padding: 0;
}

    .contact_left h2 {
        margin: 0 0 50px 0;
        font-size: 20px;
        font-weight: 700;
        color: #222;
        position: relative;
        text-transform: capitalize;
    }

    .contact_left ul {
        list-style-type: none;
        padding: 0;
    }

        .contact_left ul > li {
            padding: 0 0 0 40px;
            position: relative;
            margin-bottom: 20px;
        }

            .contact_left ul > li > i {
                padding: 7px;
                color: #fff;
                position: absolute;
                z-index: 1;
                left: 0;
                top: 0;
                font-size: 16px;
                text-align: center;
                background: #164882;
                height: 30px;
                width: 30px;
            }

            .contact_left ul > li h3 {
                margin: 0 0 5px 0;
                font-size: 14px;
                color: #222;
                text-transform: uppercase;
                font-weight: 700;
            }

            .contact_left ul > li p {
                margin: 0;
                padding: 0;
                font-size: 16px;
                color: #000;
            }

.contact_right {
    margin: 0;
    padding: 19px 0 0 0;
}

    .contact_right h2 {
        margin: 0 0 50px 0;
        font-size: 20px;
        font-weight: 700;
        color: #222;
        position: relative;
        text-transform: capitalize;
    }

    .contact_right .form-group input {
        margin: 0;
        padding: 10px;
        width: 100%;
        color: #333;
        border: 1px solid #164882;
        background: #fff;
        height: 45px;
        border-radius: 50px;
    }

    .contact_right .form-group textarea {
        margin: 0;
        padding: 10px;
        width: 100%;
        color: #333;
        border-radius: 5px;
        border: 1px solid #cecece;
        background: #fff;
        height: 200px;
        resize: none;
    }

    .contact_right .form-group select {
        margin: 0;
        padding: 10px;
        width: 100%;
        color: #333;
        border: 1px solid #164882;
        background: #fff;
        height: 45px;
        border-radius: 50px;
    }

.send_btn {
    background: #fff;
    color: #00397c;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 5px;
    font-family: 'Lato', sans-serif;
    border: #00397c 1px solid;
    padding: 8px 35px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    text-transform: capitalize;
}


    .send_btn:hover {
        background: #0078d4;
        color: #fff;
        border: #0078d4 1px solid;
        transition-duration: 1s;
        -webkit-transition-duration: 1s;
    }

.attachment_btn_btn {
    display: inline-block;
    padding: 11px 21px;
    border-radius: 5px;
    background: #00397c;
    text-transform: capitalize;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-weight: 600;
    border: 0;
    margin: 0 0px 0 10px;
}

    .attachment_btn_btn:hover {
        background: #0078d4;
        color: #fff;
        border: 0;
        transition-duration: 1s;
        -webkit-transition-duration: 1s;
    }

.gaptop {
    margin-top: 20px;
}

.map_area {
    width: 100%;
    height: 300px;
}

    .map_area iframe {
        width: 100%;
        height: 100%;
    }

.contact_right .form-group {
    margin-bottom: 23px;
}

.contactwrapper {
    padding: 40px 30px;
}

.inneradmin_box input[type="text"] {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #cacaca;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    font-size: 14px !important
}

.forheight3 {
    min-height: 56px;
}

.disbursed span {
    color: #fff;
    background: green !important;
    display: block;
    text-align: center;
    padding: 6px 10px;
}

.account_opng_chks {
    padding-top: 20px;
}

.forgap span.rdo {
    width: 38%;
    display: inline-block;
    margin: 0;
}

.added_field_wrapper {
    width: 100%;
    display: inline-block;
    margin-bottom: 15px;
}

.added_field {
    width: 32%;
    float: left;
    margin-right: 15px;
    margin-top: 20px;
}

    .added_field.addedradio {
        width: 12%;
        padding-top: 8px;
        min-height: 56px;
    }

.per_forheight .form-group .form-check {
    width: 42%;
}

.producttable tr td img {
    width: 28px;
    display: block;
    margin: 0 auto;
}

.dpforheight {
    min-height: 100px;
}

.forcheckneww .form-group .form-check {
    width: 30%;
}

.insurance_dashboard .summery_box h3::after {
    display: none;
}

.insurance_dashboard .summery_box {
    text-align: center;
    min-height: inherit;
}

.inputedit input[type="text"] {
    width: 48%;
    float: left;
    margin-right: 5px;
}

.form-group {
    width: 100%;
    display: inline-block;
    position: relative;
}

.ins_inputbox {
    width: 48%;
    float: left;
    margin-right: 5px;
}

.fgrleftalign label {
    width: auto;
    float: left;
    margin-right: 15px;
}

.fgrleftalign span {
    display: inline-block;
    margin-left: 15px;
    float: right;
}

    .fgrleftalign span input {
        margin-right: 5px;
        position: relative;
        top: 2px;
    }

.vtop .valuetable_top p span {
    float: right;
    text-align: left;
    width: 20%;
}

.vtop .valuetable_top p {
    width: 12%;
}

.autocarrd span {
    display: inline-block;
    margin-right: 5px;
}

.autocarrd {
    margin-top: 24px;
}

    .autocarrd span input {
        margin-right: 3px;
    }

.rangeslab_payout input {
    width: 41% !important;
    float: left;
}

.rangeslab_payout span {
    float: left;
    margin: 11px 19px 0;
}

.sec1, .sec2, .sec3 {
    width: 33%;
    float: left;
}

    .sec1 label, .sec2 label, .sec3 label {
        width: 100%;
        display: block;
    }

    .sec1 input {
        width: 41% !important;
        float: left
    }

    .sec1 span {
        float: left;
        margin: 11px 19px 0;
    }

.sec2 {
    padding-left: 39px;
}

.added_field:last-child {
    margin-right: 0;
}

.mtdpage .date_picker input[type="text"] {
    width: 48%;
    float: left;
    margin-left: 5px;
}

.mtdpage .date_picker {
    border: none;
    width: 300px;
}




.no-aftr {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .no-aftr h3::after {
        display: none;
    }

    .no-aftr h3 {
        font-size: 21px;
        line-height: 1.5;
    }

.padd-top {
    padding-top: 30px;
}

.add_package .multiple-select {
    width: 100%;
}

.multiple-select {
    min-height: 40px;
    overflow: hidden;
    width: 70%
}

ul.multiple-select-choices {
    margin: 0;
    padding: 0;
}

.multiple-select-choices input {
    border: none !important;
    width: 100% !important;
    height: 29px !important;
}

.multiple-select-choices, .multiple-select-choices input {
    height: 100%;
    width: 100%;
    border: none;
    outline: 0 none;
}

    .multiple-select-choices li {
        list-style: none;
        width: auto;
    }

        .multiple-select-choices li.choice-active,
        .multiple-select-choices li.choice-active input {
            float: left;
            height: auto;
            width: auto;
        }

            .multiple-select-choices li.choice-active input {
                width: 20px;
            }

.multiple-select-dropdown {
    display: none;
    background: #eee;
    max-height: 250px;
    overflow: auto;
    position: absolute;
    top: 100%;
    width: 70%;
    right: 0;
    z-index: 99;
}

    .multiple-select-dropdown li {
        display: block;
        text-decoration: none;
        color: #000;
        padding: 5px 15px;
        cursor: pointer;
    }

        .multiple-select-dropdown li:hover {
            background: #5175c8;
            color: #fff;
        }

.multiple-select-choices li:not(.input) {
    float: left;
    margin-right: 5px;
    padding: 0 5px;
    margin-bottom: 5px;
    font-size: 14px;
    background: #ddd;
    border-radius: 3px;
}

.multiple-select-choices li a {
    font-size: 18px;
    color: #000;
}

.option-disabled {
    opacity: .5;
}

    .option-disabled:hover {
        opacity: .5;
        background: none;
        color: #000;
        cursor: default;
    }

.sidebar-menu > li ul {
    background: #fff;
    padding: 0;
    display: none;
}

    .sidebar-menu > li ul li {
        /* padding-left: 10px; */
        list-style: none;
    }

#mySidenav .sidebar-menu > li ul li a {
    padding: 9px 5px 7px 73px !important;
    font-size: 16px !important;
    display: block;
    letter-spacing: normal;
    font-weight: normal;
    color: #3b3b3b !important;
}

.sidebar-menu > li > ul > li:hover > a {
    color: #fff !important;
}

.sidebar-menu > li ul li:hover > a {
    color: #fff !important;
    background: #083f80;
    border-left-color: #fefefe;
}

.inneradmin_box.common_top .date_picker input[type="text"] {
    width: 50%;
    border: none;
}

.inneradmin_box.common_top .date_picker {
    width: 250px;
}

.forselect select {
    padding: 0px 5px;
    height: 30px;
}

.forselect .wip {
    background: orange;
    color: #fff !important;
}

.forselect .approv {
    background: yellow;
    color: #000;
}

.forselect .rej {
    background: red;
    color: #fff;
}

.forselect .disbrsd {
    background: green;
    color: #fff;
}

.fgrradio {
    width: 38%;
    float: right;
}

.pdv_expand {
    display: none;
}

ul.subsub_menu {
    display: block !important;
}

.action_drop .dropdown-menu a {
    width: 100%;
    display: block;
}






.no-aftr {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

    .no-aftr h3::after {
        display: none;
    }

    .no-aftr h3 {
        font-size: 21px;
        line-height: 1.5;
    }

.padd-top {
    padding-top: 30px;
}

.protype-bannr img {
    width: 100%;
}

.select-box {
    width: 350px !important;
    margin: 10px 10px 10px 30px;
    float: left;
    border-radius: 0 !important;
}

.select-img img {
    max-height: 56px;
}

.pro-tabs li {
    margin: 0 -1px;
    min-width: 148px;
    text-align: center;
}

    .pro-tabs li a {
        padding: 6px 15px;
        border: 1px solid #00397c !important;
    }

#exTab1 .nav-pills.pro-tabs > li.active > a {
    border: 1px solid #00397c !important;
    background-color: #00397c;
    color: #fff;
}

#exTab1 .nav-pills.pro-tabs li.active a:after {
    display: none;
}

.pro-area {
    display: flex;
    align-items: center;
}

    .pro-area > ul {
        padding: 10px 0 0;
        margin: 0;
        width: 50%;
    }

        .pro-area > ul li {
            display: flex;
            align-items: center;
            border: 1px solid #ccc;
            padding: 10px;
            cursor: pointer;
        }

            .pro-area > ul li.active, .pro-area ul li:focus {
                border: 1px solid #00397c;
            }

            .pro-area > ul li img {
                min-height: 40px;
                width: auto;
            }

    .pro-area table {
        margin: 0 0 0 30px;
    }

        .pro-area table td {
            font-weight: 400;
        }

            .pro-area table td a, .pro-area table td strong {
                color: #00397c;
                font-weight: bold;
            }

        .pro-area table td {
            padding: 4px 0;
        }

.ext-rght {
    text-align: center;
}

    .ext-rght a {
        display: flex;
        align-items: center;
        color: red;
    }

    .ext-rght i {
        font-size: 20px;
        margin: 5px 6px;
        color: red;
    }

    .ext-rght a i {
        font-size: 16px;
    }

.pro-tabs ~ .tab-content {
    padding: 5px 0 !important;
}

.pro-rght table td {
    font-weight: 400;
}

.pro-basic {
    list-style: disc inside;
    padding: 0;
}

    .pro-basic li {
        margin: 6px 0;
    }

        .pro-basic li span {
            color: red;
        }

        .pro-basic li img {
            width: 16px;
        }

.pro-gnrl table td {
    padding: 3px 0;
}

.pro-gnrl {
    padding: 10px;
    border: 1px solid #00397c !important;
    margin: 0 0 5px;
}

.pro-rght {
    display: none;
    margin-left: 40px;
    width: 50%;
}

.showw ~ .pro-rght {
    display: block;
}

.d-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 30px 0 0;
}

    .d-flex .customerlistmain_tab {
        width: 100%;
    }

.pro-innr {
    display: flex;
    align-items: center;
    margin: 0 0 15px;
    width: 48%;
}

    .pro-innr label {
        width: 35%;
        padding-right: 10px;
    }

    .pro-innr input, .pro-innr select {
        border-radius: 0 !important;
        width: 65% !important;
    }

.fixd ~ .select-img {
    width: 52%;
}

.pro-innr.fixd input {
    color: #00397c;
    font-weight: 600;
}

.pro-innr input[type="file"] {
    width: 100%;
    height: 40px;
    border-radius: 25px;
    border: 1px solid #00397c;
    padding: 6px 12px;
}

.minwdbtn {
    margin: 20px 0 0;
}

    .minwdbtn .btn {
        min-width: 200px;
    }

.pmnt-md {
    display: flex;
}

    .pmnt-md span {
        margin: 0 20px 0 0;
    }

        .pmnt-md span input {
            display: inline-block;
            width: 22px !important
        }

.card-detail {
    padding: 15px;
    border: 1px solid #00397c;
}

.pro-innr.cvs label {
    width: 15% !important;
}

.pro-innr.cvs input {
    width: 30% !important;
}

.we-found {
    display: flex;
    justify-content: space-between;
    width: 50%;
    padding: 10px 0;
}

.fltr-out {
    display: flex;
}

.fltr-sort {
    padding: 0 10px;
}

.pro-gnrl ul.nav li a {
    font-weight: bold;
}

.pro-gnrl #exTab33 ul.nav-pills {
    border-bottom: 0;
}

.pro-gnrl #exTab33 .nav-pills li.active a:after, .pro-gnrl #exTab33 .nav-pills li:hover a:after {
    display: none;
}

.pro-gnrl #exTab33 .nav-pills li:not(:last-child) {
    border-right: 1px solid #353535;
    line-height: 1px;
}

.fltble {
    width: 100%;
    margin: 30px 0 0;
    position: relative;
}

    .fltble table select {
        border: none;
    }

    .fltble table .frstchild th {
        background-color: #dde1d5;
    }

.wht-bt {
    height: 40px;
    width: 40px;
    color: red;
    border: 1px solid #00397c;
    background-color: #fff;
    text-align: center;
    border-radius: 100%;
    line-height: 40px;
    font-size: 18px;
    padding: 0;
    position: absolute;
    bottom: -15px;
    left: 20px;
}

.fltble .table-bordered, .fltble table tr th, .fltble table tr td {
    border: 1px solid #353535;
    padding: 3px 8px;
}

.doc-receive {
    background-color: #00397c;
    padding: 10px 15px;
}

    .doc-receive h6 {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        text-decoration: underline;
    }

    .doc-receive ul {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        list-style: none;
        padding: 0;
    }

        .doc-receive ul li {
            color: #fff;
            font-size: 14px;
            margin: 4px 0;
            padding-left: 40px;
            width: 49%;
            background: url(../img/grntick.png) no-repeat left center;
            background-size: 24px 16px;
        }

.equity-release {
    margin: 30px 0;
}

    .equity-release .pro-innr {
        width: 100%;
    }

        .equity-release .pro-innr span {
            padding: 10px;
            background-color: #00397c;
            color: #fff;
            text-align: center;
            font-size: 15px;
            width: 40%;
        }

        .equity-release .pro-innr input {
            width: 30%;
            margin-left: 30px;
        }

.traking_area.equity-inn {
    padding-left: 17%;
}

.mar-0 {
    margin: 0;
}

.thanks-msg {
    padding: 30px 40px;
    background-color: #00397c;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.fltble table td input[type="file"] {
    width: 95px
}

.value-graph img {
    width: 100%;
}

.wd-100 {
    width: 100%;
}

.emply {
    position: relative;
}

.lifeinsfgr .fgrradio {
    width: 61%;
}

.inbox_tab {
    padding: 30px 0;
}

span.separtr {
    display: inline-block;
    margin: 0 7px 0 2px;
}

.reply_wrapper {
    width: 500px;
    margin: 0 auto;
    border-radius: 6px;
    padding: 20px;
    background: #00397c;
}

    .reply_wrapper h3 {
        color: #fff;
        font-weight: 600;
        font-size: 22px;
        margin: 0 0 30px;
        border-bottom: 1px solid #fff;
        padding: 0 0 20px;
        float: none;
    }

    .reply_wrapper form {
        width: 100%;
        display: inline-block;
    }

    .reply_wrapper label {
        width: 100%;
        display: block;
        padding: 0 0 5px;
        color: #fff;
        font-weight: 400;
        font-size: 14px;
    }

    .reply_wrapper input[type="text"] {
        width: 100%;
        height: 40px;
        background: none;
        border: 1px solid #fff;
        padding: 0 0 0 10px;
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        border-radius: 7px;
        margin: 0 0 20px;
    }

    .reply_wrapper textarea {
        width: 100%;
        height: 140px;
        background: none;
        border: 1px solid #fff;
        padding: 10px 0 0 10px;
        color: #fff;
        font-size: 13px;
        font-weight: 400;
        border-radius: 7px;
        margin: 0 0 20px;
    }

    .reply_wrapper input[type="submit"] {
        width: auto;
        height: 40px;
        background: #fff;
        border: 1px solid #fff;
        padding: 0 30px;
        color: #000;
        font-size: 15px;
        font-weight: 400;
        border-radius: 7px;
        float: right;
    }

.push-noti {
    margin: 30px 0 0;
}

    .push-noti label {
        display: inline-block;
    }

.retail-banking-product ul {
    padding: 0;
    list-style: none;
    display: flex;
}

    .retail-banking-product ul li {
        margin: 5px;
        text-align: center;
        width: 15.5%;
    }

        .retail-banking-product ul li .icon-img {
            border: 1px solid #000;
            padding: 22px 5px;
        }

        .retail-banking-product ul li a {
            font-size: 13px;
            margin: 9px 0 0 0;
            display: block;
        }

.icon-img img {
    width: 100%;
}

.retail-banking-product.corporate-product ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

    .retail-banking-product.corporate-product ul li {
        margin: 5px;
        text-align: center;
        width: 23%;
    }

.fa-mobile {
    color: #4299ff !important;
}

.date_picker.booking-date {
    display: flex;
    border: none;
    width: auto;
}

/*.fa-bell-o {color:#4299ff !important;content: "\f0a2";}*/
ul.submenu_expand6 li .fa-angle-down.fa-angle-up {
    display: none;
}

ul.submenu_expand6 li {
    position: relative;
    padding: 0 0 0 28px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 90px;
    height: 34px;
}

    .switch input {
        display: none;
    }

.country-list {
    margin-top: 42px;
}

    .country-list tr th {
        background: #00397c;
        color: #fff;
        font-size: 14px;
    }

    .country-list tr td {
        font-size: 14px;
    }

.mastr-menu-list ul {
    padding: 0;
    margin: 0 0 16px 0;
    list-style: none;
    display: flex;
    border-bottom: 1px solid #ccc;
}

    .mastr-menu-list ul li {
        flex: 1;
    }

        .mastr-menu-list ul li a {
            border: 1px solid #ccc;
            display: block;
            text-align: center;
            padding: 8px 9px;
            color: #000;
        }

        .mastr-menu-list ul li.active a {
            background: #00397c;
            color: #fff;
        }


.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #00397c;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #00397c;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(55px);
    -ms-transform: translateX(55px);
    transform: translateX(55px);
}

/*------ ADDED CSS ---------*/
.on {
    display: none;
}

.toggle_switch .on, .toggle_switch .off {
    color: white;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    font-size: 10px;
    font-family: Verdana, sans-serif;
}

input:checked + .slider .on {
    display: block;
}

input:checked + .slider .off {
    display: none;
}

/*--------- END --------*/

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.toggle_switch {
    width: auto;
    float: right;
    margin-top: -44px;
}


.fullwidth {
    width: 100%;
    display: inline-block;
}

.date_picker_payout input {
    background: url(../img/cal_icon.png) no-repeat 0 0;
    background-position: 90%;
}

.contact_bottom_field input[type="file"] {
    display: inline-block;
    width: 223px;
}

.toggle_switch span {
    float: left;
    padding: 7px 12px 0 0;
}

.cust_top_buttons {
    width: 100%;
    text-align: right;
    display: inline-block;
    padding: 10px 0;
}

    .cust_top_buttons input[type="file"] {
        display: inline-block;
        width: 219px;
    }

    .cust_top_buttons a {
        width: 125px !important;
    }

.btnAdd {
    /* background: #00397c;
    color: #fff;
    font-family: 'Lato', sans-serif;
    border: #00397c 1px solid;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;*/
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
    background: rgba(4,168,228,1);
    background: -moz-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,168,228,1)), color-stop(100%, rgba(2,115,202,1)));
    background: -webkit-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -o-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -ms-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: linear-gradient(to right, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a8e4', endColorstr='#0273ca', GradientType=1 );
    color: #fff !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    padding: 7px 21px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    opacity: 1;
    vertical-align: top;
    display: inline-block;
    height: 36px;
    border: 0;
}

.btnDelete {
    background: red;
    color: #fff;
    font-family: 'Lato', sans-serif;
    border: red 1px solid;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
}

.dropdown dd, .dropdown dt {
    margin: 0px;
    padding: 0px;
}

.dropdown ul {
    margin: -1px 0 0 0;
    right: 0;
    left: inherit;
}

.dropdown dd {
    position: relative;
}

.dropdown a,
.dropdown a:visited {
    color: #fff;
    text-decoration: none;
    outline: none;
    font-size: 12px;
}

.dropdown dt a {
    background-color: #fff;
    display: block;
    padding: 8px 20px 5px 10px;
    min-height: 25px;
    line-height: 24px;
    overflow: hidden;
    border: 0;
    width: 100%;
}

    .dropdown dt a span, .multiSel span {
        cursor: pointer;
        display: inline-block;
        padding: 0 3px 2px 0;
        color: #000;
    }

.dropdown dd ul {
    background-color: #f1f1f1;
    border: 0;
    color: #000;
    display: none;
    left: 0px;
    padding: 2px 15px 2px 5px;
    position: absolute;
    top: 2px;
    width: 273px;
    list-style: none;
    height: auto;
    overflow: auto;
    z-index: 99;
}

p.multiSel1 {
    margin: 0 !important;
}

.dropdown span.value {
    display: none;
}

.dropdown dd ul li a {
    padding: 5px;
    display: block;
}

    .dropdown dd ul li a:hover {
        background-color: #fff;
    }

/* Switch button */
.btn-default.btn-on.active {
    background-color: #5BB75B;
    color: white;
}

.btn-default.btn-off.active {
    background-color: #DA4F49;
    color: white;
}

.btn-default.btn-on-1.active {
    background-color: #00397c;
    color: white;
}

.btn-default.btn-off-1.active {
    background-color: #DA4F49;
    color: white;
}

.btn-default.btn-on-2.active {
    background-color: #00D590;
    color: white;
}

.btn-default.btn-off-2.active {
    background-color: #A7A7A7;
    color: white;
}

.btn-default.btn-on-3.active {
    color: #5BB75B;
    font-weight: bolder;
}

.btn-default.btn-off-3.active {
    color: #DA4F49;
    font-weight: bolder;
}

.btn-default.btn-on-4.active {
    background-color: #006FFC;
    color: #5BB75B;
}

.btn-default.btn-off-4.active {
    background-color: #DA4F49;
    color: #DA4F49;
}

.approvedcl span {
    width: auto;
    float: right;
    padding-left: 20px;
}

    .approvedcl span label {
        float: left;
        width: 171px;
        max-width: initial;
        padding: 9px 2px 0 0;
    }

.approvedcl {
    width: 100%;
    display: inline-block;
    margin: 0 !important;
    padding: 0 0 20px !important;
}

    .approvedcl span input {
        width: 219px;
        overflow: hidden;
        height: 40px;
        float: left;
        position: relative;
        padding: 0;
    }

        .approvedcl span input[type=file]:before {
            width: 100%;
            height: 100%;
            font-size: 14px;
            padding: 8px 0 0 0;
            text-align: center;
            display: inline-block;
            background: #00397c;
            color: #fff;
        }

    .approvedcl span.fileinp1 input[type=file]:before {
        content: 'Import GoFinance List';
    }

    .approvedcl span.fileinp2 input[type=file]:before {
        content: 'Upload Companies List';
    }

    .approvedcl span input[type=file]::-webkit-file-upload-button {
        visibility: hidden;
    }

.pckadv_total_right {
    width: 50%;
    float: left;
    font-size: 18px;
}

    .pckadv_total_right span {
        background: #00397c;
        color: #fff;
        padding: 10px 30px;
        display: inline-block;
        margin-left: 7px;
        border-radius: 5px;
    }

.forright {
    text-align: right;
    width: 50%;
    float: right;
    margin-bottom: 20px;
}

.valuecomplist .action_drop .dropdown-menu a.dropdown-item.rcvd:before {
    background: #069825;
}

.valuecomplist .action_drop .dropdown-menu a.dropdown-item.dcln:before {
    background: #f00;
}

.valuecomplist .action_drop .dropdown-menu a.dropdown-item.more:before {
    background: #f7db1b;
}

.valuecomplist .action_drop .dropdown-menu a.dropdown-item.view:before {
    background: #70300a;
}

.valuecomplist .action_drop .dropdown-menu a.dropdown-item.edit:before {
    background: #2f5597;
}

.valuecomplist .action_drop .dropdown-menu a.dropdown-item.del:before {
    background: #ff0000;
}

.action_drop .dropdown-menu a.dropdown-item.view:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #70300a;
    border-radius: 50%;
}

.action_drop .dropdown-menu a.dropdown-item.edit:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #2f5597;
    border-radius: 50%;
}

.action_drop .dropdown-menu a.dropdown-item.del:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    background: #ff0000;
    border-radius: 50%;
}

.trck_msg_panel {
    width: 100%;
    display: inline-block;
}

    .trck_msg_panel label {
        width: 100%;
        display: block;
    }

    .trck_msg_panel textarea {
        width: 100%;
        resize: none;
        height: 100px;
        padding: 10px 10px;
        border-radius: 25px;
        border: 1px solid #00397c;
    }

    .trck_msg_panel input[type="submit"] {
        display: inline-block;
        background: #00397c;
        color: #fff;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        font-family: 'Lato', sans-serif;
        border: #00397c 1px solid;
        padding: 7px 25px;
        font-size: 14px;
        font-weight: 400;
        text-decoration: none;
        text-transform: uppercase;
        margin: 0 0 0 8px;
    }

.trck_msg_panel_inner {
    width: 226px;
    float: right;
    padding: 15px 0;
}

.newedited_track .user_img_area {
    width: 100% !important;
}

.newedited_track .tab {
    width: 100%;
}

.newedited_track .user_txt_area {
    width: 100% !important;
}

.newedited_track .col-md-8 {
    padding-left: 0;
}

.newedited_track .col-md-4 {
    padding-right: 0;
}

.newedited_track .tabcontentpage {
    width: 100% !important;
}

.dtlvl_logo {
    width: 100%;
    text-align: left;
    padding: 0 0 20px;
}

.dtvlbox {
    width: 100%;
    display: inline-block;
    padding: 0 0 10px;
}

    .dtvlbox a {
        width: 100%;
        display: block;
        background: #00397c;
        color: #fff;
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        font-family: 'Lato', sans-serif;
        border: #00397c 1px solid;
        padding: 10px 0 10px 16px;
        font-size: 14px;
        font-weight: 600;
        text-decoration: none;
    }

.add_new_prod_top .toggle_switch {
    width: 100%;
    float: none;
    display: inline-block;
    margin-top: 10px;
}

.add_new_prod_top .switch {
    width: 122px;
    height: 34px;
    float: left;
}

.add_new_prod_top .toggle_switch .on, .toggle_switch .off {
    font-size: 13px;
    padding: 0;
}

.add_new_prod_top .toggle_switch .on {
    left: 32px;
}

span.envlop {
    float: right;
    position: relative;
    left: 9px;
    top: 7px;
}

.fa-phone:before {
    content: "\f095";
}

.viewallapproved span {
    display: inline-block;
}

.viewallapproved input {
    display: inline-block;
    width: 224px;
    height: 38px;
}

.calendar_wrapper h3 {
    float: none;
    display: block;
    text-align: left;
}

#wrap {
    width: 100%;
    margin: 30px 0 0;
}

#external-events {
    float: left;
    width: 150px;
    padding: 0 10px;
    text-align: left;
}

    #external-events h4 {
        font-size: 16px;
        margin-top: 0;
        padding-top: 1em;
    }

.external-event {
    margin: 10px 0;
    padding: 2px 4px;
    background: #3366CC;
    color: #fff;
    font-size: .85em;
    cursor: pointer;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

    #external-events p input {
        margin: 0;
        vertical-align: middle;
    }

#calendar {
    /* 		float: right; */
    margin: 0 auto;
    width: 900px;
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 1px 2px #C3C3C3;
    -webkit-box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 0px 21px 2px rgba(0, 0, 0, 0.18);
}

td.fc-day {
    background: #fff !important;
    font-family: "Open Sans", sans-serif;
}

td.fc-today {
    background: #fff !important;
    position: relative;
}

.fc-first th {
    font-family: "Open Sans", sans-serif;
    background: #f7f7f7 !important;
    color: #36474f;
    font-size: 14px !important;
    font-weight: 600 !important;
    border-top: 1px solid #ccc;
}

.fc-event-inner {
    font-family: 'Open Sans', sans-serif;
    background: #03a9f3 !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    padding: 5px 4px !important;
}

.fc {
    direction: ltr;
    text-align: left;
}

    .fc table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    html .fc,
    .fc table {
        font-size: 1em;
        font-family: "Montserrat", sans-serif;
    }

    .fc td,
    .fc th {
        padding: 0;
        vertical-align: top;
    }

/* Header
------------------------------------------------------------------------*/

.fc-header td {
    white-space: nowrap;
    padding: 15px 10px 0px;
}

.fc-header-left {
    width: 25%;
    text-align: left;
}

.fc-header-center {
    text-align: center;
}

.fc-header-right {
    width: 25%;
    text-align: right;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
    margin-top: -5px;
}

    .fc-header-title h2 {
        margin-top: 0;
        white-space: nowrap;
        font-size: 32px;
        font-weight: 100;
        margin-bottom: 10px;
        font-family: "Open Sans", sans-serif;
    }

span.fc-button {
    font-family: "Open Sans", sans-serif;
    color: #36474f;
    font-weight: 600;
    text-transform: capitalize;
}

.fc-state-down,
.fc-state-active {
    background-color: transparent !important;
    color: #137abb !important;
    font-weight: 600;
    border-bottom: 3px solid #137abb;
}

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    vertical-align: top;
}

/* buttons edges butting together */

.fc-button-wrap {
    display: inline-block;
    min-width: 68px;
    padding: 0 .06em;
    margin: 0;
}

.fc-header .fc-button {
    margin-right: -1px;
}

.fc-header .fc-corner-right,
/* non-theme */ .fc-header .ui-corner-right {
    /* theme */
    margin-right: 0; /* back to normal */
}

/* button layering (for border precedence) */

.fc-header .fc-state-hover,
.fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active,
.fc-header .ui-state-active {
    z-index: 4;
}

/* Content
------------------------------------------------------------------------*/

.fc-content {
    clear: both;
    zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}

.fc-view {
    width: 100%;
    overflow: hidden;
}

/* Cell Styles
------------------------------------------------------------------------*/

/* <th>, usually */
.fc-widget-content {
    /* <td>, usually */
    border: 1px solid #e5e5e5;
}

.fc-widget-header {
    border-bottom: 1px solid #eee;
}

.fc-state-highlight {
    /* <td> today cell */ /* TODO: add .fc-today to <th> */
    /* background: #fcf8e3; */
}

    .fc-state-highlight > div > div.fc-day-number {
        background-color: #ff3b30;
        color: #ffffff;
        border-radius: 50%;
        margin: 4px;
    }

.fc-cell-overlay {
    /* semi-transparent rectangle while dragging */
    background: #bce8f1;
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */
}

/* Buttons
------------------------------------------------------------------------*/

.fc-button {
    position: relative;
    display: inline-block;
    overflow: hidden;
    height: 1.9em;
    line-height: 1.9em;
    white-space: nowrap;
    cursor: pointer;
}

/*
	Our default prev/next buttons use HTML entities like ‹ › « »
	and we'll try to make them look good cross-browser.
*/

.fc-text-arrow {
    margin: 0 0.4em;
    font-size: 2em;
    line-height: 23px;
    vertical-align: baseline; /* for IE7 */
}

.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow {
    /* for ‹ › */
    font-weight: bold;
}

/* icon (for jquery ui) */

.fc-button .fc-icon-wrap {
    position: relative;
    float: left;
    top: 50%;
}

.fc-button .ui-icon {
    position: relative;
    float: left;
    margin-top: -50%;
    *margin-top: 0;
    *top: -50%;
}

.fc-state-default {
    border-color: #137abb;
    color: #137abb;
}

.fc-button-month.fc-state-default,
.fc-button-agendaWeek.fc-state-default,
.fc-button-agendaDay.fc-state-default {
    text-align: center;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
    color: #36474f;
    background-color: #f7f7f7;
    border-radius: 4px;
}

.fc-state-hover {
    color: #ff3b30;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
    background-color: #ff3b30;
    background-image: none;
    outline: 0;
    color: #ffffff;
    border-radius: 0;
}

.fc-state-disabled {
    cursor: default;
    background-image: none;
    background-color: #ffe3e3;
    filter: alpha(opacity=65);
    box-shadow: none;
    border: 1px solid #ffe3e3;
    color: #ff3b30;
}

/* Global Event Styles
------------------------------------------------------------------------*/

.fc-event-container > * {
    z-index: 8;
}

.fc-event-container > .ui-draggable-dragging,
.fc-event-container > .ui-resizable-resizing {
    z-index: 9;
}

.fc-event {
    border: 1px solid #fff; /* default BORDER color */
    background-color: #fff; /* default BACKGROUND color */
    color: #919191; /* default TEXT color */
    font-size: 12px;
    cursor: default;
}

    .fc-event.chill {
        background-color: #f3dcf8;
    }

    .fc-event.info {
        background-color: #c6ebfe;
    }

    .fc-event.important {
        background-color: #ffbebe;
    }

    .fc-event.success {
        background-color: #beffbf;
    }

    .fc-event:hover {
        opacity: 0.7;
    }

a.fc-event {
    text-decoration: none;
}

a.fc-event,
.fc-event-draggable {
    cursor: pointer;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-inner {
    width: 100%;
    height: 100%;
    overflow: hidden;
    line-height: 15px;
}

.fc-event-time,
.fc-event-title {
    padding: 0 1px;
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden; /* hacky spaces (IE6/7) */
    font-size: 300%; /* */
    line-height: 50%; /* */
}

/* Horizontal Events
------------------------------------------------------------------------*/

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

.fc-ltr .fc-event-hori.fc-event-start,
.fc-rtl .fc-event-hori.fc-event-end {
    border-left-width: 1px;
    /*
border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
*/
}

.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
    border-right-width: 1px;
    /*
border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
*/
}

/* resizable */

.fc-event-hori .ui-resizable-e {
    top: 0 !important; /* importants override pre jquery ui 1.7 styles */
    right: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: e-resize;
}

.fc-event-hori .ui-resizable-w {
    top: 0 !important;
    left: -3px !important;
    width: 7px !important;
    height: 100% !important;
    cursor: w-resize;
}

.fc-event-hori .ui-resizable-handle {
    _padding-bottom: 14px; /* IE6 had 0 height */
}

/* Reusable Separate-border Table
------------------------------------------------------------*/

table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate th,
.fc-border-separate td {
    border-width: 1px 0 0 1px;
}

    .fc-border-separate th.fc-last,
    .fc-border-separate td.fc-last {
        border-right-width: 1px;
    }

.fc-border-separate tr.fc-last td {
}

.fc-border-separate .fc-week .fc-first {
    border-left: 0;
}

.fc-border-separate .fc-week .fc-last {
    border-right: 0;
}

.fc-border-separate tr.fc-last th {
    border-bottom-width: 1px;
    border-color: #cdcdcd;
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
}

.fc-border-separate tbody tr.fc-first td,
.fc-border-separate tbody tr.fc-first th {
    border-top-width: 0;
}

/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/

.fc-grid th {
    text-align: center;
}

.fc .fc-week-number {
    width: 22px;
    text-align: center;
}

    .fc .fc-week-number div {
        padding: 0 2px;
    }

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30); /* for IE */
    /* opacity with small font can sometimes look too faded
	   might want to set the 'color' property instead
	   making day-numbers bold also fixes the problem */
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px; /* distance between events and day edges */
}

/* event styles */

.fc-grid .fc-event-time {
    font-weight: bold;
}

/* right-to-left */

.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}

/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/

.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    width: 50px;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}

.fc-agenda .fc-week-number {
    font-weight: bold;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

/* make axis border take precedence */

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}

/* all-day area */

.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px; /* TODO: doesnt work well in quirksmode */
    _height: 34px;
}

/* divider (between all-day and slots) */

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}

/* slot rows */

.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

    .fc-agenda-slots td div {
        height: 20px;
    }

.fc-agenda-slots tr.fc-slot0 th,
.fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th.ui-widget-header {
    *border-top-style: solid; /* doesn't work with background in IE6/7 */
}

/* Vertical Events
------------------------------------------------------------------------*/

.fc-event-vert {
    border-width: 0 1px;
}

    .fc-event-vert.fc-event-start {
        border-top-width: 1px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
    }

    .fc-event-vert.fc-event-end {
        border-bottom-width: 1px;
        border-bottom-left-radius: 3px;
        border-bottom-right-radius: 3px;
    }

    .fc-event-vert .fc-event-time {
        white-space: nowrap;
        font-size: 10px;
    }

    .fc-event-vert .fc-event-inner {
        position: relative;
        z-index: 2;
    }

    .fc-event-vert .fc-event-bg {
        /* makes the event lighter w/ a semi-transparent overlay  */
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: 0.25;
        filter: alpha(opacity=25);
    }

.fc .ui-draggable-dragging .fc-event-bg,
/* TODO: something nicer like .fc-opacity */ .fc-select-helper .fc-event-bg {
    display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}

/* resizable */

.fc-event-vert .ui-resizable-s {
    bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
    /* TODO: better selector */
    _overflow: hidden;
}

thead tr.fc-first {
    background-color: #f7f7f7;
}

table.fc-header {
    background-color: #ffffff;
    border-radius: 6px 6px 0 0;
}

.fc-week .fc-day > div .fc-day-number {
    font-size: 15px;
    margin: 2px;
    min-width: 19px;
    padding: 6px;
    text-align: center;
    width: 30px;
    height: 30px;
}

.fc-sun,
.fc-sat {
    color: #b8b8b8;
}

.fc-week .fc-day:hover .fc-day-number {
    background-color: #b8b8b8;
    border-radius: 50%;
    color: #ffffff;
    transition: background-color 0.2s;
}

.fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
    background-color: #ff3b30;
}

.fc-button-today {
    border: 1px solid rgba(255, 255, 255, 0);
}

.fc-view-agendaDay thead tr.fc-first .fc-widget-header {
    text-align: right;
    padding-right: 10px;
}

/*!
 * FullCalendar v1.6.4 Print Stylesheet
 * Docs & License: http://arshaw.com/fullcalendar/
 * (c) 2013 Adam Shaw
 */

/*
 * Include this stylesheet on your page to get a more printer-friendly calendar.
 * When including this stylesheet, use the media='print' attribute of the <link> tag.
 * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
 */

/* Events
-----------------------------------------------------*/

.fc-event {
    background: #fff !important;
    color: #000 !important;
}

/* for vertical events */

.fc-event-bg {
    display: none !important;
}

.fc-event .ui-resizable-handle {
    display: none !important;
}

/*.fgrleftalign2 {width: 32%;float: right;}
.fgrleftalign2 span {float: left;margin: 0;}
.fgrleftalign2 span:nth-child(1) {width:55%;}*/

.retail-banking-product ul li span {
    font-size: 13px;
    margin: 9px 0 0 0;
    display: block;
    color: #00397c;
    font-weight: 600;
}

.retail-banking-product ul li .icon-img {
    border: 1px solid #e3e3e3;
    padding: 20px 5px 20px 15px;
    background: #fbfbfb;
    min-height: 134px;
    text-align: center;
}

.retail-banking-product ul li a {
    font-size: 13px;
    margin: 9px 0 0 0;
    display: block;
}

.retail-banking-product ul li {
    margin: 5px;
    text-align: left;
    width: 18.6%;
    float: left;
    padding: 0;
}

.retail-banking-product ul {
    padding: 0;
    list-style: none;
    display: block;
}

.corporate_portal_products ul li .icon-img {
    min-height: 150px;
}

.corporate_track_box .btn-blue {
    width: 187px;
}

.popertyfinanceinner_box h3 {
    font-size: 19px !important;
}

.sign_bottom-l {
    width: 100%;
    display: inline-block;
}

    .sign_bottom-l label {
        color: #fff;
    }



.circle-div {
    text-align: center;
}

.circle.tot {
    width: 90px;
    height: 90px;
    background: #7dd47d;
    border-radius: 50%;
    line-height: 89px;
    color: #fff;
    display: block;
    margin: 0 auto;
}

.circle-div a {
    color: #000;
    font-size: 15px;
    margin: 7px 0 16px 0;
    display: block;
}

.circle {
    width: 90px;
    height: 90px;
    background: #00397c;
    border-radius: 50%;
    line-height: 89px;
    color: #fff;
    display: block;
    margin: 0 auto;
}

span.active-status {
    text-align: center;
    color: green;
    display: block;
}

span.deactive-status {
    text-align: center;
    display: block;
    color: red;
}





.bookingpage_sub {
    width: 100%;
    padding: 30px 0 0;
}

    .bookingpage_sub h2 {
        color: #00397c;
        font-size: 25px;
        margin: 0;
    }

    .bookingpage_sub h4 {
        color: #000;
        font-size: 20px;
        margin: 0 0 30px;
    }

.retail-banking-product ul li a .icon-img img {
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}


.retail-banking-product ul li a:hover .icon-img img {
    transform: scale(1.2);
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.retail-banking-product .icon-img img {
    max-width: 86px;
}

.modal-style-bg {
    background: #fff;
    color: #fff;
    border-radius: 5px;
}

    .modal-style-bg a {
        color: #fff;
    }

.modal-style a {
    font-size: 22px;
    color: #000;
}

span.bank-name {
    display: flex;
    align-items: center;
    color: #000;
}

    span.bank-name img {
        margin: 0 7px 0 0 !important;
    }

/*************************************************
				05052020
*************************************************/
.btn-blue.VideoCall {
    width: auto;
    font-size: 13px;
    padding: 8px 13px !important;
}


.phoneno {
    padding: 24px 0 0 0;
}

    .phoneno i {
        display: inline-block;
        vertical-align: middle;
        color: #00397c !important;
        font-size: 30px;
    }

    .phoneno a {
        display: inline !important;
        color: #00397c !important;
        font-weight: 600;
        vertical-align: middle;
    }



ul.submenu_expand6.before_none li:nth-child(1):before {
    display: none
}

ul.submenu_expand6.before_none li:nth-child(2):before {
    display: none
}

ul.submenu_expand6.before_none li:nth-child(3):before {
    display: none;
}

ul.submenu_expand6.before_none li {
    position: relative;
    padding: 0 0 0 0;
}

    ul.submenu_expand6.before_none li .fa-angle-down.fa-angle-up {
        display: inline-block;
    }


ul.submenu_expand6 li a i, ul.submenu_expand7 li a i, ul.submenu_expand8 li a i {
    display: inline-block;
    font-size: 15px;
    width: 25px;
    margin: 0 auto;
    -webkit-transition: .5s all;
    transition: .5s all;
    -moz-transition: .5s all;
    padding: 0;
    margin-right: 0;
    color: #4299ff;
}


/*.setting_location_ico i.fa-angle-down.fa-angle-up:before{
	display: none;
}

.setting_location_ico i.fa-map-marker:before{
	display: block;
}*/

/*********************07-05-2020*********************/

.navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu {
    border-top: #ddd 1px dotted;
}

    .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
        border-bottom: #ddd 1px dotted;
    }

        .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {
            background: #edf0f5;
        }

/**********FOOTER**********/
.footer {
    background: #00397c;
    padding: 15px 0;
    border-radius: 5px;
}

.footerleft p {
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 20px;
    display: inline-block;
}

    .footerleft p img {
        padding-left: 15px;
    }




.footerright {
    text-align: right;
}

    .footerright a {
        color: #fff;
        font-size: 18px;
        display: inline-block;
    }


.footer_menu {
    display: inline-block;
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    top: 4px;
}

    .footer_menu li {
        padding: 0;
        margin: 0;
        /*display: inline-block;*/
    }

        .footer_menu li a {
            font-size: 10px;
            display: block;
            color: #fff;
            font-weight: 600;
            padding: 0 10px;
        }

p.copy_txt {
    font-size: 11px;
    float: right;
    margin-top: 10px;
}

/***********12052020**********/

.meter-container {
    width: 150px;
    height: 150px;
    margin: auto;
    border: 15px solid #ff8c3f;
    border-bottom-color: transparent;
    border-right-color: #25863f;
    border-left-color: #f83612;
    border-radius: 50%;
    position: relative;
}

    .meter-container .dial {
        height: 75px !important;
        width: 0px;
        border: 3.5px solid #fff;
        background-color: #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: bottom center;
        transform-origin: bottom center;
        -webkit-transition: 0.75s;
        transition: 0.75s;
        position: absolute;
        top: -15px;
        right: 56.5px;
        border-radius: 15px;
        box-shadow: 0 0 0 12.5px #003277;
        -webkit-animation: dialVibrate 2s ease 0.5s infinite;
        animation: dialVibrate 2s ease 0.5s infinite;
    }

    .meter-container .pin {
        position: absolute;
        width: 30px;
        height: 30px;
        background-color: #003277;
        border-radius: 50% 0% 50% 50%;
        top: 45px;
        -webkit-transform-origin: center;
        transform-origin: center;
        right: 44.5px;
        box-shadow: inset 0 0 0 7px #003277, inset 0 0 0 23px white;
        -webkit-animation: pinVibrate 2s ease 0.5s infinite;
        animation: pinVibrate 2s ease 0.5s infinite;
    }

@-webkit-keyframes dialVibrate {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@keyframes dialVibrate {
    0% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    50% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    100% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
}

@-webkit-keyframes pinVibrate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

@keyframes pinVibrate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

/*******************14-05-2020**************************/
.cal_ico {
    position: relative;
}

    .cal_ico .form-control {
        padding-top: 30px;
    }

    .cal_ico:after {
        width: 20px;
        height: 20px;
        content: "\f073";
        color: #00397c;
        position: absolute;
        font-family: 'FontAwesome';
        top: 0;
        bottom: 0;
        right: 10px;
        margin: auto;
        pointer-events: none;
    }

/********************15-05-21020************************/
.onoffswitch2 {
    position: relative;
    width: 65px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-top: 6px;
}

    .onoffswitch2 .onoffswitch2-checkbox {
        display: none;
    }

    .onoffswitch2 .onoffswitch2-label {
        display: block;
        overflow: hidden;
        cursor: pointer;
        border: 2px solid #999999;
        border-radius: 5px;
    }

    .onoffswitch2 .onoffswitch2-inner {
        display: block;
        width: 200%;
        margin-left: -100%;
        -moz-transition: margin 0.3s ease-in 0s;
        -webkit-transition: margin 0.3s ease-in 0s;
        -o-transition: margin 0.3s ease-in 0s;
        transition: margin 0.3s ease-in 0s;
    }

        .onoffswitch2 .onoffswitch2-inner:before, .onoffswitch2-inner:after {
            display: block;
            float: left;
            width: 50%;
            height: 25px;
            padding: 0;
            line-height: 24px;
            font-size: 15px;
            color: white;
            font-family: Trebuchet, Arial, sans-serif;
            font-weight: bold;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }

        .onoffswitch2 .onoffswitch2-inner:before {
            content: "OFF";
            padding-left: 12px;
            background-color: #bbb;
            color: #FFFFFF;
        }

        .onoffswitch2 .onoffswitch2-inner:after {
            content: "ON";
            padding-right: 12px;
            background-color: #00397c;
            color: #fff;
            text-align: right;
        }

    .onoffswitch2 .onoffswitch2-switch {
        display: block;
        width: 9px;
        margin: 0px;
        background: #FFFFFF;
        border: 1px solid #00397c;
        border-radius: 5px;
        position: absolute;
        top: 1px;
        bottom: 1px;
        right: 54px;
        -moz-transition: all 0.3s ease-in 0s;
        -webkit-transition: all 0.3s ease-in 0s;
        -o-transition: all 0.3s ease-in 0s;
        transition: all 0.3s ease-in 0s;
        background-image: -moz-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
        background-image: -webkit-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
        background-image: -o-linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
        background-image: linear-gradient(center top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
    }

    .onoffswitch2 .onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-inner {
        margin-left: 0;
    }

    .onoffswitch2 .onoffswitch2-checkbox:checked + .onoffswitch2-label .onoffswitch2-switch {
        right: 0px;
    }

    .onoffswitch2 .cmn-toggle {
        position: absolute;
        margin-left: -9999px;
        visibility: hidden;
    }

        .onoffswitch2 .cmn-toggle + label {
            display: block;
            position: relative;
            cursor: pointer;
            outline: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }

    .onoffswitch2 input.cmn-toggle-round-flat + label {
        padding: 2px;
        width: 75px;
        height: 30px;
        background-color: #dddddd;
        -webkit-border-radius: 60px;
        -moz-border-radius: 60px;
        -ms-border-radius: 60px;
        -o-border-radius: 60px;
        border-radius: 60px;
        -webkit-transition: background 0.4s;
        -moz-transition: background 0.4s;
        -o-transition: background 0.4s;
        transition: background 0.4s;
    }

        .onoffswitch2 input.cmn-toggle-round-flat + label:before, .onoffswitch2 input.cmn-toggle-round-flat + label:after {
            display: block;
            position: absolute;
            content: "";
        }

        .onoffswitch2 input.cmn-toggle-round-flat + label:before {
            top: 2px;
            left: 2px;
            bottom: 2px;
            right: 2px;
            background-color: #fff;
            -webkit-border-radius: 60px;
            -moz-border-radius: 60px;
            -ms-border-radius: 60px;
            -o-border-radius: 60px;
            border-radius: 60px;
            -webkit-transition: background 0.4s;
            -moz-transition: background 0.4s;
            -o-transition: background 0.4s;
            transition: background 0.4s;
        }

        .onoffswitch2 input.cmn-toggle-round-flat + label:after {
            top: 4px;
            left: 4px;
            bottom: 4px;
            width: 22px;
            background-color: #dddddd;
            -webkit-border-radius: 52px;
            -moz-border-radius: 52px;
            -ms-border-radius: 52px;
            -o-border-radius: 52px;
            border-radius: 52px;
            -webkit-transition: margin 0.4s, background 0.4s;
            -moz-transition: margin 0.4s, background 0.4s;
            -o-transition: margin 0.4s, background 0.4s;
            transition: margin 0.4s, background 0.4s;
        }

    .onoffswitch2 input.cmn-toggle-round-flat:checked + label {
        background-color: #27A1CA;
    }

        .onoffswitch2 input.cmn-toggle-round-flat:checked + label:after {
            margin-left: 45px;
            background-color: #27A1CA;
        }


.new_head h3 {
    display: inline-block;
    float: none;
    color: #00397c;
    padding: 16px 0 15px 0;
    margin: 0;
    font-size: 26px;
}


.valuationpopup5 .modal-body h2 {
    padding: 0 0 0 0;
    margin: 0;
    color: #000;
    text-align: center;
    float: none;
    font-size: 27px;
    font-weight: 600;
}

.valuationpopup5 .modal-body .popup_continue {
    border-top: #000 solid 1px;
    padding: 15px 0;
    text-align: center;
    margin: 30px 0 0 0;
}


    .valuationpopup5 .modal-body .popup_continue a {
        color: #000;
        font-size: 25px;
        padding: 0;
        margin: 0;
        font-weight: 400;
    }

.btn-Attach {
    position: relative;
}

    .btn-Attach input {
        font-size: 0;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        opacity: 0;
    }

/**************16-05-2020****************/

.commonbutton.ifYes, .commonbutton.ifYestow {
    width: 61%;
    height: auto;
    float: left;
}

.commonbutton.right_sec {
    width: 39%;
    height: auto;
    float: right;
}

    .commonbutton.right_sec .forright {
        width: 100%;
    }

.light_gray {
    color: #000 !important;
    text-decoration: none;
}

    .light_gray:hover, .light_gray:focus {
        color: #000 !important;
    }

/*****************18-05-2020******************/

.btn-balance {
    display: block;
}

.btn-submit.btn-balance {
    background: #00397c;
}

.attach_sec {
    position: relative;
}

    .attach_sec input {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        font-size: 0;
        opacity: 0;
        cursor: pointer;
    }

.Request_Video_Area table {
    margin-bottom: 10px;
}

    .Request_Video_Area table tr td {
        padding: 0 10px;
    }

    .Request_Video_Area table:hover, .Request_Video_Area table.active {
        background: #ddd;
    }

.Video_Area {
    overflow: hidden;
}

.box_area {
    border: #003277 1px solid;
    padding: 20px;
    text-align: justify;
}

.box_area1 {
    border: #003277 1px solid;
    padding: 20px;
    display: none;
    text-align: justify;
}

.box_area2 {
    border: #003277 1px solid;
    padding: 20px;
    display: none;
    text-align: justify;
}

.box_area3 {
    border: #003277 1px solid;
    padding: 20px;
    display: none;
    text-align: justify;
}

.big_txt_hide {
    display: none;
    padding: 5px;
}

.big_txt_hide1 {
    display: none;
    padding: 5px;
}

.fail {
    display: none;
}

/*//////*/

.str-box {
    position: relative;
    width: 56px;
    height: 12px;
    float: left;
    margin-right: 10px;
    border: #35CF00 1px solid;
}

    .str-box div {
        position: absolute;
        width: 0%;
        height: 100%;
        -moz-transition: 1s;
        -o-transition: 1s;
        -webkit-transition: 1s;
        transition: 1s;
    }

.fair {
    color: #000;
}

    .fair .str-box.box1 div {
        background: #35CF00;
        width: 100%;
    }

.fair1 {
    color: #000;
}

    .fair1 .str-box.box1 div {
        background: #35CF00;
        width: 100%;
    }

    .fair1 .str-box.box2 div {
        background: #35CF00;
        width: 100%;
    }

.good {
    color: #000;
}

    .good .str-box.box1 div {
        background: #35CF00;
        width: 100%;
    }

    .good .str-box.box2 div {
        background: #35CF00;
        width: 100%;
    }

    .good .str-box.box3 div {
        background: #35CF00;
        width: 100%;
    }

.verygood {
    color: #000;
}

    .verygood .str-box.box1 div {
        background: #35CF00;
        width: 100%;
    }

    .verygood .str-box.box2 div {
        background: #35CF00;
        width: 100%;
    }

    .verygood .str-box.box3 div {
        background: #35CF00;
        width: 100%;
    }

    .verygood .str-box.box4 div {
        background: #35CF00;
        width: 100%;
    }

#strength {
    margin-top: 15px;
}

.result {
    font-size: 18px;
    font-family: arial;
    width: auto;
    display: inline-block;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    /*font-variant: small-caps;*/
    text-transform: capitalize;
    position: relative;
    top: -7px;
}

.docu_list {
    width: 100%;
}

    .docu_list li {
        padding: 3px 25px 3px 25px;
        display: block;
        position: relative
    }

        .docu_list li .radio-right {
            width: 13px;
            height: 13px;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            margin: auto;
        }

        .docu_list li:before {
            width: 11px;
            height: 11px;
            background: #00397c;
            border-radius: 50%;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            margin: auto;
        }

.docu_head {
    background: #00397c;
    padding: 7px 10px;
    color: white;
}

.docu_list tr td {
    font-size: 12px;
}

.navbar-nav li.dropdown.messages-menu a b.log_in {
    padding: 2px 8px;
    border: gray 1px solid;
    font-weight: 600;
    margin: 9px 7px 0 0;
    background: #fff;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .navbar-nav li.dropdown.messages-menu a b.log_in img {
        margin-right: 15px;
    }

    .navbar-nav li.dropdown.messages-menu a b.log_in:hover, .navbar-nav li.dropdown.messages-menu a b.log_in:focus {
        background: #2f5597;
        color: #fff;
        border: #2f5597 1px solid;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

    .navbar-nav li.dropdown.messages-menu a b.log_in svg {
        margin-right: 15px;
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
        position: relative;
        bottom: -3px;
    }

    .navbar-nav li.dropdown.messages-menu a b.log_in:hover svg g, .navbar-nav li.dropdown.messages-menu a b.log_in:focus svg g {
        fill: #fff;
    }

.navbar-custom-menu ul li.for_login ul.dropdown-menu li a {
    background-color: #2f5597;
    padding: 7px 10px;
    border-bottom: 1px solid #fff;
    color: #fff !important;
    font-size: 13px;
    -webkit-transition-duration: 0.5s;
    -o-transition-duration: 0.5s;
    transition-duration: 0.5s;
}

    .navbar-custom-menu ul li.for_login ul.dropdown-menu li a:hover {
        background-color: #4678ce;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

.login_imga {
    width: 45%;
    height: auto;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}

    .login_imga img {
        width: 100%;
    }

.modal-content.log_bank {
    border-radius: 20px;
    width: 83%;
    margin: 0 auto;
}

#exampleotp .field-icon {
    float: right;
    margin-left: 0;
    margin-top: -28px;
    position: relative;
    z-index: 2;
    right: 10px;
    color: #d3d3d3;
}

#exampleotp .form-control {
    height: 40px;
    border-radius: 25px;
    border: 1px solid #00397c;
}

    #exampleotp .form-control.email_bg {
        background-color: #eeeeee;
        border: 1px solid #eeeeee;
    }

    #exampleotp .form-control.password_bg {
        background-color: #fff;
        border: 1px solid #00397c;
    }

.Product_Type {
    width: 100%;
    margin-top: 0;
}

    .Product_Type tr td {
        padding-bottom: 40px;
    }

        .Product_Type tr td b {
            display: block;
        }

.inner_banner {
    height: 150px;
    overflow: hidden;
}

    .inner_banner img {
        width: 100%;
    }


/***********************************************
***********************************************/
.retail-banking-product h3 {
    display: block;
    float: none;
    color: #00397c;
    padding: 20px 0 15px 0;
    margin: 0;
    font-size: 26px;
}

.bottom_list .retail-banking-product ul.others_list li {
    width: 46%;
}


/**********************************************
				06-07-2020
*********************************************/

.report_area {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 30px;
}

    .report_area h3 {
        display: block;
        float: none;
        color: #00397c;
        padding: 20px 0 15px 0;
        margin: 0;
        font-size: 22px;
    }

        .report_area h3 span {
            display: block;
            font-weight: 400;
        }

    .report_area .report_img {
        width: 100%;
        min-height: 85px;
        text-align: center;
        margin-bottom: 20px;
    }

        .report_area .report_img img {
            max-width: 70%;
            margin: 0 auto;
        }

    .report_area .report_txt {
        width: 100%;
        height: auto;
    }

        .report_area .report_txt p {
            min-height: 60px;
        }



.slider_area_box {
    width: 100%;
    /*border-radius: 5px 5px 5px 5px;
	background: #00397c;
	-webkit-box-shadow: -1px 1px 9px 0px rgba(145,145,145,1);
	-moz-box-shadow: -1px 1px 9px 0px rgba(145,145,145,1);
	box-shadow: -1px 1px 9px 0px rgba(145,145,145,1);
	padding: 40px 40px 25px 40px;
	margin: 0 0 0 0;*/
}

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

    .slider_area_box .slide_sec {
        width: 100%;
        min-height: 180px;
        background: #fff;
        position: relative;
    }

        .slider_area_box .slide_sec .slide_txt {
            width: 90%;
            height: auto;
            position: absolute;
            left: 0;
            right: 0;
            top: 30px;
            margin: 0 auto;
            text-align: center;
        }

            .slider_area_box .slide_sec .slide_txt h4 {
                display: block;
                float: none;
                color: #00397c;
                padding: 0 0 15px 0;
                margin: 0;
                font-size: 20px;
                font-weight: 600;
            }


            .slider_area_box .slide_sec .slide_txt p {
                display: block;
                float: none;
                color: #000;
                padding: 0 0 15px 0;
                margin: 0;
                font-size: 17px;
            }

.owl-nav .owl-prev,
.owl-nav .owl-next {
    position: absolute;
}

#slide-carousel .owl-nav .owl-prev,
#slide-carousel .owl-nav .owl-next {
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    height: 52px;
    font-size: 2em;
    color: #4670bb;
    line-height: 1;
    text-align: center;
    cursor: pointer;
}

#slide-carousel .owl-nav .owl-prev {
    left: 25px;
}

#slide-carousel .owl-nav .owl-next {
    right: 25px;
}

.clndr_ico {
    position: relative;
}

    .clndr_ico:after {
        width: 20px;
        height: 20px;
        content: "\f073";
        font-family: 'FontAwesome';
        font-size: 17px;
        color: #000;
        line-height: 1;
        text-align: center;
        position: absolute;
        right: 15px;
        top: 0;
        bottom: 0;
        margin: auto;
        pointer-events: none;
    }

.product-info.product-info_page {
    padding: 30px 50px;
}

.product-info_page .product-info-box img {
    width: 100%;
    padding: 5px;
    border: 1px solid #ccc;
    margin-bottom: 20px;
}

.product_info_img {
    width: 100%;
    height: auto;
}

    .product_info_img img {
        width: 100%;
    }

#exampleModal .rangebox {
    width: 100%;
    position: relative;
    bottom: -17px;
}

.Applicationid {
    width: auto;
    float: right;
    padding: 5px 15px;
    border: #212121 1px solid;
    font-size: 17px;
    border-radius: 6px;
}

.bootstrap-select > .dropdown-toggle {
    position: relative;
    width: 100%;
    z-index: 1;
    text-align: right;
    white-space: nowrap;
    height: 40px;
    background: white;
    /* background-color: white; */
    border: none;
    border-radius: 30px;
    box-shadow: none;
    top: 0px;
}

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
    width: 100% !important;
}


.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
    margin-top: 5px !important;
}

.modal-style-bg form.row {
    margin-right: 0;
    margin-left: 0;
}

.multiple-file .form-group form {
    margin-bottom: 0;
}

.customerlistmain_tab .table-bordered > thead > tr > th, .customerlistmain_tab .table-bordered > tbody > tr > td {
    font-size: 14px;
}


/*********/
.customerlist2 table {
    margin-top: 15px;
}

    .customerlist2 table > thead > tr > th {
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        font-family: 'Lato', sans-serif;
        color: #5a5a5a;
    }

    .customerlist2 table > thead > tr > th, .customerlist2 table > tbody > tr > th, .customerlist2 table > tfoot > tr > th {
        border: 1px solid transparent;
        padding: 20px 15px;
    }

    .customerlist2 table > thead > tr > td, .customerlist2 table > tbody > tr > td, .customerlist2 table > tfoot > tr > td {
        /*border: 1px solid #dad7d7;*/
        padding: 13px 11px;
        font-size: 13px;
        font-family: 'Lato', sans-serif;
        color: #5a5a5a;
        vertical-align: middle;
    }

.mastr-menu-list ul.menu-list li a {
    min-height: 56px;
    letter-spacing: -0.3px;
    line-height: 37px;
}



/************************/
.progress-circle {
    font-size: 20px;
    margin: 0 auto;
    position: relative; /* so that children can be absolutely positioned */
    padding: 0;
    width: 5em;
    height: 5em;
    background-color: #F2E9E1;
    border-radius: 50%;
    line-height: 5em;
}

    .progress-circle:after {
        border: none;
        position: absolute;
        top: 0.35em;
        left: 0.35em;
        text-align: center;
        display: block;
        border-radius: 50%;
        width: 4.3em;
        height: 4.3em;
        background-color: white;
        content: " ";
    }
    /* Text inside the control */
    .progress-circle span {
        position: absolute;
        line-height: 5em;
        text-align: center;
        display: block;
        color: #000;
        right: -60px;
        z-index: 2;
    }

.left-half-clipper {
    /* a round circle */
    border-radius: 50%;
    width: 5em;
    height: 5em;
    position: absolute; /* needed for clipping */
    clip: rect(0, 5em, 5em, 2.5em); /* clips the whole left half*/
}
/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
    clip: rect(auto,auto,auto,auto);
}

.value-bar {
    /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
    position: absolute; /*needed for clipping*/
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 0.45em solid #7dd47d; /*The border is 0.35 but making it larger removes visual artifacts */
    /*background-color: #4D642D;*/ /* for debug */
    box-sizing: border-box;
}

.others .value-bar {
    /*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
    position: absolute; /*needed for clipping*/
    clip: rect(0, 2.5em, 5em, 0);
    width: 5em;
    height: 5em;
    border-radius: 50%;
    border: 0.45em solid #00397c; /*The border is 0.35 but making it larger removes visual artifacts */
    /*background-color: #4D642D;*/ /* for debug */
    box-sizing: border-box;
}
/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
    /*Progress bar for the first 50%, filling the whole right half*/
    position: absolute; /*needed for clipping*/
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #7dd47d;
    border-radius: 50%;
    width: 5em;
    height: 5em;
}

.others .progress-circle.over50 .first50-bar {
    /*Progress bar for the first 50%, filling the whole right half*/
    position: absolute; /*needed for clipping*/
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #00397c;
    border-radius: 50%;
    width: 5em;
    height: 5em;
}

.progress-circle.p99 .value-bar {
    transform: rotate(356deg);
}

.notification_tab table thead tr th, .notification_tab table tbody tr td {
    font-size: 14px;
}

.notification_wrapper table thead tr th, .notification_wrapper table tbody tr td {
    font-size: 14px;
}

.inbox_tab table thead tr th, .inbox_tab table tbody tr td {
    font-size: 14px;
}

table.producttable thead tr th, table.producttable tbody tr td {
    font-size: 14px;
}

.buttonstyle.btn-same {
    min-width: 230px;
    text-align: center;
    font-size: 13px;
    padding: 10px 30px;
    margin: 0 9px;
}


.verification_modal.modal {
    pointer-events: none;
}

.verification_modal .logo_area {
    width: 100%;
    height: auto;
    text-align: center;
}

.verification_modal .modal-content {
    /*width: 340px;
	margin: 50px auto;*/
    pointer-events: visible;
    padding-bottom: 10px;
}

.verification_modal .logo_area img {
    width: 139px;
}

.verification_modal h3 {
    width: 100%;
    display: block;
    padding: 20px 0 0 0;
    margin: 0;
    font-size: 26px;
}

.verification_modal p {
    width: 100%;
    color: #000;
    padding: 10px 0 5px 0;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 20px;
    display: block;
}

    .verification_modal p strong {
        color: #000;
        font-weight: 600;
    }

.verification_modal .form-group {
    margin-bottom: 7px;
}

.verification_modal h4 {
    width: 100%;
    display: block;
    padding: 0 0 20px 0;
    margin: 0;
    font-size: 18px;
    text-align: center;
}

.toggle-password {
    position: absolute;
    right: 8px;
    top: 7px;
    font-size: 20px;
    display: none;
}

#myButton[disabled] {
    cursor: default;
    background: #849cb7;
}

.timer_area {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 30px;
}

    .timer_area img {
        width: 34px;
        margin: 7px auto;
        display: block;
    }

    .timer_area .js-timeout {
        font-size: 18px;
        font-weight: 600;
    }

.forgot_txt {
    font-size: 15px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    text-align: center;
}

    .forgot_txt a {
        color: #00397c;
        text-decoration: none;
        font-weight: 700;
        -webkit-transition-duration: 0.5s;
        -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
    }

        .forgot_txt a:hover {
            color: #4a4a4a;
            -webkit-transition-duration: 0.5s;
            -o-transition-duration: 0.5s;
            transition-duration: 0.5s;
        }

.bank-logo {
    width: 50px;
    text-align: left;
}

    .bank-logo img {
        width: 100%;
        height: 100%;
    }

.modal-header .close {
    margin-top: -2px;
    opacity: 1;
}

ul.num_list1 {
    padding: 0;
    list-style: none;
}

    ul.num_list1 li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: #f1f1f1;
        padding: 10px;
        margin: 0 0 10px 0;
    }

.eligibility_area {
    width: 271px;
    margin: 25px auto;
    background: #fff;
    color: #000;
    text-align: center;
    border: 1px solid #003277;
    padding: 20px;
}

.verification_sec {
    width: 100%;
    height: auto;
}

    .verification_sec label {
        width: 13%;
        display: inline-block;
    }

.inneradmin_box .showproductdiv .table tr td input[type="text"] {
    width: 100%;
    height: 34px;
    border-radius: 0;
    border: 0px solid #00397c;
    padding: 2px 0;
    font-size: 12px;
}

.showproductdiv .table tr td {
    font-size: 14px;
    border: 1px solid #e7e7e7 !important;
}

.showproductdiv .table tr th {
    /*background: #00397c;*/
    background: linear-gradient(190deg, rgba(4,160,224,1) 18%, rgba(2,122,206,1) 68%);
    color: #fff !important;
    font-size: 12px !important;
    border: 1px solid #e7e7e7 !important;
    font-weight: normal;
}

.slidecontainer {
    width: 100%;
}

    .slidecontainer .slider {
        position: relative !important;
        -webkit-appearance: none;
        width: 100%;
        height: 11px;
        border-radius: 5px;
        background: linear-gradient(to bottom, #DDD -50%, #FFF 150%);
        outline: none;
        opacity: 1;
        -webkit-transition: .2s;
        transition: opacity .2s;
        border: 1px solid #CCC;
    }


        .slidecontainer .slider:hover {
            opacity: 1;
        }

        .slidecontainer .slider::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            position: relative !important;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%);
            border: 1px solid #AAA;
            cursor: pointer;
        }

        .slidecontainer .slider::-moz-range-thumb {
            position: relative !important;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%);
            cursor: pointer;
            border: 1px solid #AAA;
        }

        .slidecontainer .slider:before {
            position: relative !important;
            content: "";
            height: 26px;
            width: 26px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            -webkit-transition: .4s;
            transition: .4s;
        }


    .slidecontainer .slider {
        margin-top: 8px;
    }

    .slidecontainer p {
        margin-top: 4px;
        color: #666;
    }

.min-max-value span {
    background: #134784;
    color: #fff;
    padding: 2px 10px;
}

.min-max-value {
    display: flex;
    justify-content: space-between;
}

.slidecontainer p span {
    color: #134784;
}

.desktop-menu {
    display: inline-block;
}

.mobile-menu {
    display: none;
}

.logo-a {
    display: flex;
    align-items: center;
}

.logo-lg .logo-a font {
    margin-top: 0 !important;
    color: #000;
    font-size: 13px;
    font-weight: 700;
    margin-left: 9px;
}

.wish_tbl td {
    padding: 10px;
}

/*New Header*/
.new-header {
    background: #fff;
    color: #000;
    padding: 10px 0;
    position: relative;
    box-shadow: -1px 1px 9px 0px rgb(145 145 145 / 22%);
}

.stellarnav.light {
    background: transparent;
}

.stellarnav > ul > li > a {
    padding: 11px 8px !important;
    color: #000;
}
/*.uae-pass img {
	width: 200px;
}*/
.uae-pass > a {
    background: #fff;
    padding: 8px 27px;
    display: inline-block;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.125);
    border-radius: 5px;
}

.login-menu > ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    list-style: none;
    align-items: center;
    margin-top: 3px;
}

    .login-menu > ul > li {
        margin-left: 12px;
    }

.stellarnav li.has-sub > a::after {
    border-top: 6px solid #222;
}

.stellarnav {
    margin-top: 4px;
}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 36px;
    box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.125);
}

.content-wrapper, .right-side, .main-footer {
    margin-left: 0 !important;
    padding-top: 0 !important;
}

.language {
    padding-top: 0 !important;
    margin-right: 0 !important;
}

.user_top span.caret {
    margin-top: 0;
}

.dropdown-toggle.user_top {
    background: rgb(4,160,224);
    background: linear-gradient(67deg, rgba(4,160,224,1) 0%, rgba(2,122,206,1) 80%);
    padding: 11px 27px;
    border-radius: 5px;
    font-size: 17px !important;
    font-weight: 700;
    color: #fff !important;
}

    .dropdown-toggle.user_top b {
        color: #fff !important;
    }

.closebtn {
    position: absolute;
    top: 0;
    color: #666;
    font-size: 34px;
    right: 15px;
}

.user_top .user-img {
    margin-top: 0 !important;
}

.sidebar-menu > li > a {
    font-weight: 700;
    color: #3b3b3b;
    letter-spacing: normal;
}

ul.sidebar-menu li a i {
    color: #3b3b3b;
}

.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a {
    color: #002e58;
    background: #e5f6fe;
    border-left-color: #848484 !important;
}

.skin-black .sidebar-menu > li:hover > a, .skin-black .sidebar-menu > li.active > a {
    color: #002e58;
}

.sidebar-menu > li ul li:hover > a {
    color: #002e58 !important;
    background: #e5f6fe !important;
    border-left-color: #fefefe;
}

.login-menu > ul > li .login-type-list {
    background: #fff !important;
    border: none;
    margin: 0;
    top: 46px;
    width: 283px;
    box-shadow: 0px 0px 7px 2px rgba(0,0,0,0.125);
    left: -72px;
    border-radius: 10px;
    padding: 5px 0;
}

    .login-menu > ul > li .login-type-list::after {
        content: "";
        position: absolute;
        top: -8px;
        left: 0;
        border-bottom: 11px solid #fff;
        border-left: 14px solid transparent;
        border-right: 14px solid transparent;
        width: 0;
        height: 0;
        z-index: 99;
        right: 0;
        margin: 0 auto;
    }

    .login-menu > ul > li .login-type-list li {
        width: 50%;
        float: left;
    }

        .login-menu > ul > li .login-type-list li a {
            font-size: 14px;
            color: #3b3b3b;
            padding: 9px 20px;
        }

    .login-menu > ul > li .login-type-list::before {
        content: "";
        height: 93px;
        width: 1px;
        background: #ccc;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 13px;
    }

    .login-menu > ul > li .login-type-list li a:hover {
        background: transparent;
    }

    .login-menu > ul > li .login-type-list li:last-child {
        width: 100%;
    }

.cal-drop-list li {
    width: 100%;
    float: left;
}

    .cal-drop-list li img {
        width: 30px;
        margin-right: 8px;
    }

.cal-drop-list::after {
    content: "";
    position: absolute;
    left: 0;
    top: -18px;
    height: 0;
    width: 0;
    right: 0;
    margin: 0 auto;
    border-bottom: 20px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

.login-menu > ul > li .login-type-list li:last-child p {
    margin: 0;
    color: #3b3b3b;
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 8px 0;
}

    .login-menu > ul > li .login-type-list li:last-child p a {
        padding: 0;
        color: #0271c9;
        font-weight: 700;
    }

.stellarnav.light ul ul {
    background: #fff !important;
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.125);
    border-radius: 6px;
    width: 300px;
}

    .stellarnav.light ul ul li a {
        font-size: 14px !important;
        font-weight: 500;
        padding: 10px 15px !important;
    }

.skin-black .wrapper, .skin-black .main-sidebar, .skin-black .left-side {
    background: #fff !important;
}

.new-footer {
    background: #f7f7f7;
    padding: 40px 0;
}

.content-wrapper, .right-side {
    background-color: transparent !important;
    position: relative;
}

.apps-list {
    padding: 0;
    list-style: none;
    margin: 16px 0 0 0;
    display: flex;
}

.footer-widget h3 {
    color: #19447a;
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 17px 0;
    width: 100%;
}

.footer-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .footer-menu li a {
        color: #222;
        font-size: 17px;
        display: block;
        padding: 0 0 11px 0;
    }

.footer-widget p {
    color: #979797;
    font-size: 16px;
}

.stellarnav {
    position: inherit;
}

.megha-menu {
    position: inherit;
    padding: 0;
}

.meghamenu-box .col-md-6 {
    padding: 0;
}

.stellarnav ul ul li {
    position: relative;
}

.product-box a {
    padding: 0px !important;
}

.logo-a img {
    width: 164px;
}

.product-box {
    box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.125);
    border-radius: 19px;
    background: #fff;
    transition: .4s ease-in-out;
    margin-bottom: 0;
    min-height: 196px;
    overflow: hidden;
}

    .product-box:hover img {
        filter: grayscale(0);
    }

    .product-box img {
        width: 100%;
        filter: grayscale(100%);
    }

.multiproduct-category li.active .product-box img {
    filter: grayscale(0);
}

.product-box h5 {
    display: block;
    font-size: 16px;
    color: #3b3b3b;
    margin: 0;
    padding: 22px 0 7px 24px;
}

.product-box p {
    display: block;
    font-size: 12px;
    color: #a4a1a1;
    margin: 0;
    padding: 0px 0 7px 24px;
}

.meghamenu-box {
}

.product-box:hover h5, .product-box:hover p {
    color: #fff;
}

.product-list p {
    color: #fff;
    font-size: 24px;
    line-height: 1.41;
}

.multiproduct {
    padding: 20px 20px 0 90px;
    background-image: url("../images/img/megha-left-bg.png");
    background-position: right bottom;
    background-size: contain;
    background-color: #fff;
    background-repeat: no-repeat;
    height: 85vh;
    box-shadow: 0px 6px 8px 4px rgba(0,0,0,0.125);
}

.multiproduct-category {
    position: relative !important;
    box-shadow: none !important;
    top: 0 !important;
    display: flex !important;
    flex-wrap: wrap;
    width: 100% !important;
    left: 0 !important;
    border: none !important;
}

    .multiproduct-category li {
        width: 33.33%;
        padding: 8px;
    }

        .multiproduct-category li a {
            margin: 0 !important;
            padding: 0 !important;
            border: none !important;
            background: transparent !important;
        }

        .multiproduct-category li.active a {
            background: transparent !important;
            border: none !important;
        }

.banking-box:hover {
    background: #028bd6;
    transition: .4s ease-in-out;
}

.insurance-box:hover {
    background: #f7930d;
    transition: .4s ease-in-out;
}

.valuation-box:hover {
    background: #a4bd04;
    transition: .4s ease-in-out;
}

.credit-box:hover {
    background: #c053d0;
    transition: .4s ease-in-out;
}

.bill-box:hover {
    background: #805cf5;
    transition: .4s ease-in-out;
}


.multiproduct-category li.active a .banking-box {
    background: #028bd6;
}

.multiproduct-category li.active a .insurance-box {
    background: #f7930d;
}

.multiproduct-category li.active a .valuation-box {
    background: #a4bd04;
}

.multiproduct-category li.active a .credit-box {
    background: #c053d0;
}

.multiproduct-category li.active a .bill-box {
    background: #805cf5;
}

.multiproduct-category li.active a .product-box h5 {
    color: #fff;
}

.multiproduct-category li.active a .product-box p {
    color: #fff;
}

.multiproduct-category li:focus {
    outline: none !important;
}

.cross-list {
    position: absolute;
    top: 39px;
    right: 94px;
    cursor: pointer;
}

.right-tab {
    margin: 0 0 0 0;
    background: #fff;
}

.extra-link {
    border-top: 1px solid #fff;
    margin-top: 21px;
}

    .extra-link a {
        font-size: 16px;
        color: #fff;
        font-weight: 700;
        padding: 8px 0;
        display: inline-block;
    }

.meghamenu-box {
    height: 100vh;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 73px;
    display: none;
    box-shadow: 0px 0px 10px 4px rgba(0,0,0,0.125);
    background-image: url("../images/img/box-shadow.jpg");
    background-size: cover;
    z-index: 99;
}

    .meghamenu-box::after {
        content: "";
        position: absolute;
        left: 336px;
        top: -18px;
        height: 0;
        width: 0;
        border-bottom: 20px solid #fff;
        border-left: 12px solid transparent;
        border-right: 12px solid transparent;
    }

.right-tab #home {
    background-color: rgba(2,139,241,0.9);
    background-image: url("../images/img/banking-big.png");
    background-position: right bottom;
    background-size: contain;
    padding: 20px;
    height: 85vh;
    background-repeat: no-repeat;
    box-shadow: 0px 6px 8px 4px rgba(0,0,0,0.125);
}

.right-tab #menu1 {
    background-color: rgba(247,147,13,0.9);
    background-image: url("../images/img/insurance-big.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    padding: 20px;
    height: 85vh;
    box-shadow: 0px 6px 8px 4px rgba(0,0,0,0.125);
}

.right-tab #menu2 {
    background-color: rgba(164,189,4,0.9);
    background-image: url("../images/img/valuation-big.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    padding: 20px;
    height: 85vh;
    box-shadow: 0px 6px 8px 4px rgba(0,0,0,0.125);
}

.right-tab #menu3 {
    background-color: rgba(192,83,208,0.9);
    background-image: url("../images/img/credit-big.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    padding: 20px;
    height: 85vh;
    box-shadow: 0px 6px 8px 4px rgba(0,0,0,0.125);
}

.right-tab #menu4 {
    background-color: rgba(128,92,245,0.9);
    background-image: url("../images/img/bill-big.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: contain;
    padding: 20px;
    height: 85vh;
    box-shadow: 0px 6px 8px 4px rgba(0,0,0,0.125);
}

.product-list {
    padding: 33px 88px 20px 60px;
    text-align: left;
}

.product-list-wrap {
    background: #fff;
    padding: 8px;
    text-align: center;
    border-radius: 7px;
    min-height: 130px;
    margin-bottom: 12px;
    border: 2px solid #c5e4fb;
    transition: .4s ease-in-out;
}

    .product-list-wrap:hover {
        border: 2px solid #0271c9;
        transition: .4s ease-in-out;
    }

    .product-list-wrap a {
        padding: 0 !important;
    }

    .product-list-wrap span {
        display: block;
        font-size: 19px;
        font-weight: 500;
        margin: 12px 0 0 0;
        color: #3b3b3b;
    }

.product-list h3 {
    color: #d5d3d3;
    font-size: 23px;
    margin: 0 0 29px 0;
}

.product-list h5 {
    display: block;
    color: #fff;
    margin: 4px 0 26px 0;
    font-size: 32px;
}

.mega_list::after {
    content: "";
    position: absolute;
    top: -15px;
    left: 24%;
    border-bottom: 22px solid #fff;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    width: 0;
    height: 0;
    z-index: 99;
}

ul.sidebar-menu li a i {
    float: none;
    margin-left: 6px !important;
}

.side-login {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}

    .side-login .side-language {
        width: 68px;
    }

    .side-login .side-logo {
        width: 100px;
    }

.uae-pass-log img {
    width: 158px;
}

.uae-pass-log .side-login-btn {
    background: rgb(4,160,224);
    background: linear-gradient(67deg, rgba(4,160,224,1) 0%, rgba(2,122,206,1) 80%);
    padding: 7px 18px;
    border-radius: 6px;
    color: #fff;
    font-size: 14px;
}

.sidenav p {
    margin: 8px 0 9px 0;
    font-size: 14.4px;
    color: #3b3939;
}

    .sidenav p a {
        font-weight: 600;
    }

.sidenav-header {
    padding: 0 46px;
}

.new-login-page {
    background-color: #f6f6f6;
    background-repeat: no-repeat;
    background-size: cover;
}

.login-page-left {
    height: 100vh;
    padding: 36px 30px;
    position: relative;
    background: rgb(4,160,224);
    background: linear-gradient(190deg, rgba(4,160,224,1) 18%, rgba(2,122,206,1) 68%);
}

.bg-img {
    position: absolute;
    bottom: 0;
    left: 0;
    right: -35px;
}

.logo-img {
    width: 138px;
}

.login-page-left p {
    color: #fff;
    font-size: 30px;
    margin: 14px 0 0 0;
    line-height: 1.3;
}

.login-page-right {
    padding: 51px 145px 0 232px;
    background: #f6f6f6;
    min-height: 100vh;
}


.or-span span::after {
    content: "";
    position: absolute;
    height: 1px;
    width: 75px;
    display: block;
    background: #d0cece;
    top: 11px;
    right: 29px;
}

.or-span span::before {
    content: "";
    position: absolute;
    height: 1px;
    width: 75px;
    display: block;
    background: #d0cece;
    top: 11px;
    left: 29px;
}

.or-span {
    text-align: center;
    margin: 8px 0 29px 8px;
}

    .or-span span {
        position: relative;
    }

.login-page-right label {
    display: block;
    color: #939292;
    margin: 0 0 2px 0;
    font-size: 20px;
    font-weight: normal;
}

.login-page-right .login-form-control {
    border-bottom: 2px solid #c6c5c5;
    border-left: none;
    border-top: none;
    border-right: none;
    background: transparent;
    width: 100%;
    font-size: 18px;
    padding: 5px 36px 5px 0;
    color: #3b3939;
    transition: .5s ease-in-out;
}

.login-page-right ::placeholder {
    color: #000;
    opacity: 1;
}

img.log-img-uae {
    margin: 0 auto;
    display: block;
    background: #fff;
    padding: 12px 21px;
    border-radius: 5px;
    box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.125);
}

.login-page-right .login-form-control:focus {
    outline: none;
}

.login-page-right h3 {
    font-size: 24px;
    color: #3b3b3b;
    font-weight: 700;
    margin: 0 0 20px 0;
    text-align: center;
}

.login-page-right .signup-btn {
    background: rgb(4,160,224);
    background: linear-gradient(67deg, rgba(4,160,224,1) 0%, rgba(2,122,206,1) 80%);
    padding: 7px 35px;
    border-radius: 5px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

.input-check {
    position: absolute;
    right: 8px;
    top: 7px;
    font-size: 20px;
    display: none;
}

.bg-img img {
    width: 610px;
}

.cros-login {
    position: absolute;
    top: 32px;
    right: 42px;
}

.language .btn.dropdown-toggle {
    background: transparent;
    padding: 0;
    height: auto;
}

    .language .btn.dropdown-toggle .bs-caret {
        display: none;
    }


.form-control {
    font-size: 13px !important;
}

.inneradmin_box .form-group label {
    position: absolute;
    top: -11px;
    left: 15px;
    background: #fff;
    font-size: 14px;
    color: #868686;
    font-family: 'Lato', sans-serif;
    padding: 0;
    z-index: 8;
    margin: 0;
}

.on-off-toggle label.on-off-toggle__slider {
    left: 0;
    top: 3px !important;
    position: relative;
}


.inneradmin_box .btntop a {
    margin-top: 0;
}

.checkboxdiv {
    margin-top: 15px;
}

.modal-body .form-group label {
    position: absolute;
    top: -11px;
    left: 27px;
    background: #fff;
    font-size: 12px;
    color: #909090;
    font-family: 'Lato', sans-serif;
    padding: 0 2px;
    z-index: 9;
}


.modal-body .form-group .form-control {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #cecece;
    padding: 6px 12px;
}


.contact_right .form-group label {
    position: absolute;
    top: -11px;
    left: 10px;
    background: #fff;
    font-size: 12px;
    color: #909090;
    font-family: 'Lato', sans-serif;
    padding: 0 2px;
    z-index: 9;
}

.contact_right .form-group .form-control {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    border: 1px solid #cecece;
    padding: 6px 12px;
}

input:focus ~ .floating-label, input:not(:focus):valid ~ .floating-label {
    top: -11px;
    left: 27px;
    font-size: 12px;
    opacity: 1;
    background: #fff;
}

.inputText {
    width: 100%;
    height: 40px;
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 27px;
    top: 10px;
    transition: 0.2s ease all;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
    color: #909090 !important;
}

.mystyle {
    background: rgba(255,255,255,0.9);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    overflow: hidden;
}

.mystyle1 {
    overflow: hidden;
}


.btnstyle_1 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
    background: rgba(4,168,228,1);
    background: -moz-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,168,228,1)), color-stop(100%, rgba(2,115,202,1)));
    background: -webkit-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -o-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -ms-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: linear-gradient(to right, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a8e4', endColorstr='#0273ca', GradientType=1 );
    color: #fff !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    padding: 9px 21px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    opacity: 1;
    vertical-align: top;
    display: inline-block;
    border: 0;
    margin: 0 2px;
}

.btnstyle_2 {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
    background: #fff;
    color: #2885ce !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    border: #2885ce 1px solid;
    padding: 8px 21px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    margin: 0 2px;
}

.login-menu > ul > li:last-child img {
    width: 33px;
    margin-top: -7px;
}

.product-list .col-md-4 {
    padding: 0 6px;
}

.dropdown-toggle.user_top {
    -webkit-animation: opacity 1.3s infinite alternate;
    animation: opacity 1.5s infinite alternate;
}

@keyframes opacity {
    0% {
        opacity: 0.6;
    }

    100% {
        opacity: 1;
    }
}

.logo-a img {
    -webkit-animation: opacity 1.3s infinite alternate;
    animation: opacity 1.5s infinite alternate;
}

.language .dropdown-toggle {
    top: 0;
}

.sticky-note marquee {
    color: #fff;
    margin: 0 auto;
    display: block;
    text-align: left;
}

.sticky-note a {
    position: absolute;
    top: 2px;
    right: 12px;
    background: #0271c9;
}

.sticky-note {
    background: #0271c9;
    position: relative;
    padding: 5px 30px 5px 0px;
    z-index: 10;
}

.forheight .form-control label {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
}

.social-icon li {
    margin-right: 22px;
}

.social-icon {
    padding: 0;
    margin: 40px 0 35px 0;
    list-style: none;
    display: flex;
}

.copy-rights p {
    color: #222222;
    font-size: 14px;
    opacity: 0.6;
    margin: 0;
}

.footer-menu-1 ul li a {
    color: #222;
    font-size: 14px;
    padding-right: 19px;
    opacity: 0.6;
    position: relative;
    margin-right: 15px;
}

.footer-menu-1 ul {
    padding: 0;
    list-style: none;
    display: flex;
}

    .footer-menu-1 ul li a::after {
        content: "";
        position: absolute;
        top: 7px;
        right: 0;
        background: #222;
        height: 5px;
        width: 5px;
        display: block;
        border-radius: 50%;
    }

    .footer-menu-1 ul li:last-child a::after {
        display: none;
    }

.apps-list li {
    margin-right: 7px;
}

    .apps-list li img {
        width: 98px;
    }

.sign-up-page {
    padding: 22px 77px 0 69px;
    background: #fff;
    height: 100vh;
}


.form-group1 p {
    margin: 8px 0 0 0;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    color: #3b3939;
}

.sign-up-page .ui-accordion-header-icon {
    display: none;
}

.sign-up-page .ui-accordion .ui-accordion-header {
    font-size: 100%;
    border: none;
    padding: 10px 0;
    margin: 0;
    color: #064b95;
    background: transparent;
}

    .sign-up-page .ui-accordion .ui-accordion-header.ui-state-active {
        background: transparent;
    }

    .sign-up-page .ui-accordion .ui-accordion-header:focus {
        outline: none;
        border: none;
    }

.sign-up-page #accordion h3:after {
    font-family: 'FontAwesome';
    content: "\f107";
    float: right;
    font-size: 24px;
}
/*
		.sign-up-page .ui-accordion .ui-accordion-header.ui-state-active:after {
			content: "\f106";
		}*/

.sign-up-page .accordion-body {
    background: transparent;
    border: none;
    padding: 0 0 !important;
    overflow: hidden !important;
}

.sign-up-page .custom-control.custom-radio .custom-control-label {
    color: #868686;
    font-weight: normal;
}

.sign-up-page .custom-select {
    background-color: #f6f6f6;
}

.login-page-right .login-form-control:focus {
    border-bottom: 2px solid rgb(4,160,224);
    transition: .5s ease-in-out;
}

.sign-up-page .input-group-prepend span {
    background: transparent;
    border: none;
    pointer-events: none;
}

.sign-up-page .input-group-prepend {
    position: absolute;
    right: 0;
}

.login-page-right .form-group {
    margin-bottom: 30px !important;
}

span.field-validation-error {
    position: absolute;
    bottom: -16px;
    font-size: 12px;
    color: red;
    left: 0;
    z-index: 9;
}

.invalid-data label.label-for {
    color: red;
}

.invalid-data .form-control {
    border: 1px solid red;
}

.atrisk-sign {
    color: red;
}

.sign-up-page .label-for {
    display: inline-block;
    position: absolute;
    top: -12px;
    left: 14px;
    background: #f6f6f6;
    padding: 0 2px;
    z-index: 9;
}

.sign-up-page .form-control {
    background: #fff;
}

.sign-up-page .toggle-password {
    position: absolute;
    right: 8px;
    top: 9px;
    font-size: 20px;
    display: block;
}

.loged-profile-img {
    height: 45px;
    width: 45px;
}

    .loged-profile-img img {
        width: 100%;
        height: 100%;
        object-fit: fill;
        border-radius: 50%;
    }

.notification-icon > span {
    position: absolute;
    width: 24px;
    height: 24px;
    background: #0271c9;
    display: block;
    font-size: 12px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    line-height: 23px;
    font-weight: 600;
    top: -7px;
    right: -9px;
}

.notification-icon a {
    color: #666;
    font-size: 21px;
}

.notification-icon {
    position: relative;
}

.sign-up-page .checkbox .btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .sign-up-page .checkbox .btn-default:hover, .sign-up-page .checkbox .btn-default:focus, .sign-up-page .checkbox .btn-default:active, .sign-up-page .checkbox .btn-default.active, .open > .dropdown-toggle.btn-default {
        color: #333;
        background-color: white !important;
        border-color: #adadad;
    }

.checkbox .toggle.btn {
    height: 30px !important;
    width: 90px !important;
}

    .checkbox .toggle.btn label {
        margin: 0 !important;
        padding: 3px 10px;
    }

.buttonstyle {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
    background: rgba(4,168,228,1);
    background: -moz-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,168,228,1)), color-stop(100%, rgba(2,115,202,1)));
    background: -webkit-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -o-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -ms-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: linear-gradient(to right, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a8e4', endColorstr='#0273ca', GradientType=1 );
    color: #fff !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    padding: 7px 21px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
    vertical-align: top;
    display: inline-block;
    height: 37px;
    border: 0;
    text-transform: capitalize !important;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 9999;
}


.producttable tr td, .producttable tr th {
    padding: 9px 8px !important;
    /*vertical-align: top !important;*/
}

    .producttable tr td a, .producttable tr th a {
        color: #000;
    }

        .producttable tr td a:hover, .producttable tr th a:hover {
            text-decoration: underline;
        }

table {
    border-collapse: inherit !important;
}

.form-group {
    margin-bottom: 30px !important;
}


table tr td .dropdown-menu {
    top: -22px !important;
    left: -110px !important;
    z-index: 9999 !important;
}


.btn-blue {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11);
    background: rgba(4,168,228,1);
    background: -moz-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(4,168,228,1)), color-stop(100%, rgba(2,115,202,1)));
    background: -webkit-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -o-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: -ms-linear-gradient(left, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    background: linear-gradient(to right, rgba(4,168,228,1) 0%, rgba(2,115,202,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#04a8e4', endColorstr='#0273ca', GradientType=1 );
    color: #fff !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-family: 'Lato', sans-serif;
    padding: 8px 21px !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    outline: none;
    border: 0;
    width: auto !important;
}

h3.client_details_productname {
    border: #000 solid 1px;
    border-radius: 5px;
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #4a4a4a !important;
    font-family: 'Lato', sans-serif !important;
    padding: 17px 15px;
    width: 100% !important;
    text-align: center;
    margin: 0 !important;
}

#accordion h3 {
    font-size: 20px;
    color: #0271c9;
    margin: 6px 0 0px 0;
    cursor: pointer;
}


/* Float Input */


.floating-field {
    position: relative;
    margin-bottom: 30px;
}

.floating-input, .floating-select {
    font-size: 14px;
    padding: 5px 4px;
    display: block;
    width: 100%;
    height: 40px;
    background-color: transparent;
    border: none;
    border: 1px solid #ccc;
    font-weight: 600;
}

    .floating-input:focus, .floating-select:focus {
        outline: none;
        /*border-bottom: 2px solid #5264AE;*/
    }

.floating-field label {
    color: #999;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 15px;
    top: 9px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
    margin: 0;
}

.floating-input:focus ~ label, .floating-input:not(::placeholder-shown) ~ label {
    top: -18px;
    font-size: 14px;
    color: #868686;
}

.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
    top: -11px;
    font-size: 14px;
    color: #868686;
    background: #fff;
    padding: 1px 4px;
}


.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width: 50%;
}



.is-floating-label {
    position: relative;
    margin-bottom: 30px;
}


    .is-floating-label label {
        opacity: 1;
        pointer-events: none;
        position: absolute;
        transform: translate3d(15px, 0, 0) scale(1);
        transform-origin: left top;
        transition: 100ms;
        margin: 0;
        top: 9px;
        color: #868686;
        font-size: 14px;
    }

        .is-floating-label label span {
            font-weight: 900;
        }

.floating-field label span {
    font-weight: 900;
}

.is-floating-label.is-focused label {
    transform: translateY(-20px) scale(0.9);
    background: #fff;
    left: 15px;
    padding: 0 4px;
    z-index: 9;
}

.bank-action-form .is-floating-label {
    margin-bottom: 20px;
}

#is-fo label {
    transform: translateY(-20px) scale(0.9);
    background: #fff;
    left: 15px;
    padding: 0 4px;
    z-index: 2;
}

.floating-field.is-focused label {
    transform: translateY(-20px) scale(0.9);
    background: #f6f6f6;
}



/* Float Input */
span.fa.fa-fw.field-icon.input-check.fa-check-circle {
    color: #08bf7c;
}

.sign-up-page .signup-btn {
    background: rgb(4,160,224);
    background: linear-gradient(67deg, rgba(4,160,224,1) 0%, rgba(2,122,206,1) 80%);
    padding: 7px 35px;
    border-radius: 5px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

.login-page-right .is-floating-label label {
    opacity: 1;
    pointer-events: none;
    position: absolute;
    transform: translate3d(0, 0, 0) scale(1);
    transform-origin: left top;
    transition: 100ms;
    margin: 0;
    top: 4px;
    color: #939292;
    font-size: 17px;
}

.login-page-right .is-floating-label.is-focused label {
    transform: translateY(-25px) scale(0.9);
    background: #f6f6f6;
    left: 0;
    padding: 0 0;
}


.circle-box {
    width: 20px;
    height: 20px;
    border: 1px solid #979797;
    border-radius: 50%;
    position: absolute;
    left: -2px;
    top: 2px;
    z-index: 0;
    pointer-events: none;
}

.sign-up-page .custom-radio .custom-control-label::before {
    position: absolute;
    top: 6px;
    left: 2px;
    display: block;
    width: 12px;
    height: 12px;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #dee2e6;
}

.sign-up-page .custom-radio .custom-control-label::after {
    position: absolute;
    top: 6px;
    left: 2px;
    display: block;
    width: 12px;
    height: 12px;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%;
    border-radius: 50%;
}

.sign-up-page .custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: none;
    background: #0171c9;
}

.checked .circle-box {
    border: 1px solid #0171c9;
}

.sign-up-page .sign-up-inner {
    box-shadow: 0px 0px 14px 4px rgba(0,0,0,0.125);
    padding: 20px;
}


/*.custom-switch-toogle.switch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 17px;
	margin: 0 0 0 0;
}

	.custom-switch-toogle.switch input {
		opacity: 0;
		width: 0;
		height: 0;
	}

	.custom-switch-toogle.switch .slider {
		position: absolute;
		cursor: pointer;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #ccc;
		-webkit-transition: .4s;
		transition: .4s;
	}

		.custom-switch-toogle.switch .slider:before {
			position: absolute;
			content: "";
			height: 13px;
			width: 13px;
			left: 4px;
			bottom: 2px;
			background-color: white;
			-webkit-transition: .4s;
			transition: .4s;
		}

	.custom-switch-toogle.switch input:checked + .slider {
		background-color: #003764;
	}

.custom-switch-toogle.switch input:focus + .slider {
	box-shadow: 0 0 1px #2196F3;
}

.custom-switch-toogle.switch input:checked + .slider:before {
	-webkit-transform: translateX(21px);
	-ms-transform: translateX(21px);
	transform: translateX(21px);
}

	.custom-switch-toogle.switch .slider.round {
		border-radius: 34px;
	}

		.custom-switch-toogle.switch .slider.round:before {
			border-radius: 50%;
		}*/
.checkbox .toggle.btn label {
    margin: 0 !important;
    padding: 0;
    border-radius: 50px;
}

.checkbox {
    display: inline-block;
    width: auto;
    position: relative;
    left: 9px;
    top: 0px;
}

    .checkbox span.toggle-handle {
        display: block;
        pointer-events: none;
        height: 16px;
        width: 31px;
        border-radius: 50px;
        padding: 0;
        display: none;
    }

    .checkbox label.btn.btn-default.toggle-off {
        font-size: 0px;
    }

    .checkbox label.btn.btn-primary.toggle-on {
        font-size: 0px;
    }

    .checkbox label.btn.toggle-off::after {
        content: "";
        position: absolute;
        left: 3px;
        top: 2px;
        width: 13px;
        height: 13px;
        display: block;
        background: #fff;
        border-radius: 50%;
        z-index: 999;
    }

    .checkbox label.btn.toggle-on::after {
        content: "";
        position: absolute;
        right: 3px;
        top: 2px;
        width: 13px;
        height: 13px;
        display: block;
        background: #fff;
        border-radius: 50%;
        z-index: 999;
    }

    .checkbox .toggle.btn {
        height: 18px !important;
        width: 36px !important;
        background: transparent;
        border: none;
        min-height: 18px;
        min-width: 47px;
        border-radius: 50px;
    }

    .checkbox label.btn:focus {
        border: none;
        outline: none;
    }

.form-group1 {
    position: relative;
}


.errormsgtag {
    color: red;
    position: absolute;
    bottom: -18px;
    margin: 0 !important;
    font-size: 12px;
}

.bank-portal_box ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

    .bank-portal_box ul li {
        width: 50%;
        text-align: center;
    }

.bank-pro-widget h5 {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    color: #3b3b3b;
    margin: 0 0 10px 0;
}

.bank-pro-widget img {
    width: 71px;
}

.bank-pro-widget p {
    font-size: 16px;
    color: #fff;
}

.bank-pro-widget {
    padding: 15px;
    min-height: 160px;
    border-radius: 5px;
    margin: 5px;
}

.bank-portal_box {
    margin-top: 30px;
}

.products_table_list tr th {
    min-width: 190px;
}



.portal-logo {
    position: absolute;
    right: 0;
    top: 21px;
    z-index: 999;
}

    .portal-logo img {
        width: 61px;
    }

    .portal-logo span {
        color: #fff;
        transform: rotate(90deg);
        position: absolute;
        right: 29px;
        top: 19px;
        font-weight: 700;
    }

.login-page-right.change-password-page .toggle-password {
    display: block;
}

.login-page-right.change-password-page {
    padding: 51px 145px 0 150px;
}

    .login-page-right.change-password-page .errormsgtag {
        color: red;
        position: absolute;
        bottom: -17px;
        margin: 0 !important;
        font-size: 12px;
    }

    .login-page-right.change-password-page .is-floating-label {
        position: relative;
        margin-bottom: 37px;
    }

.common_traking_area .form-group {
    margin-bottom: 15px !important;
}

    .common_traking_area .form-group label {
        font-size: 15px;
        color: #3b3b3b;
    }

.cus_doc_table tr td a {
    color: #20A0FF;
    margin-left: 19px;
    display: inline-block;
    float: right;
}

.bank-action-form .form-group {
    margin-bottom: 5px !important;
}

    .bank-action-form .form-group label {
        margin-bottom: 0px !important;
    }

.final-register .errormsgtag {
    bottom: 0;
    position: relative;
}

.about_tab_sec h2 {
    display: block;
    color: #00397c;
    padding: 20px 0 15px 0;
    margin: 0;
    font-size: 30px;
    font-weight: 600;
    text-align: center;
}

.about_tab_img img {
    width: 100%;
}

.about_list_area {
    text-align: left;
    margin-bottom: 30px;
    margin-top: 30px;
}

    .about_list_area h5 {
        text-transform: capitalize;
        position: relative;
        padding-left: 18px;
        padding-top: 0;
        text-align: left;
    }

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

        .about_list_area ul li {
            padding: 0;
            margin: 0;
            width: 100%;
        }

            .about_list_area ul li a {
                display: block;
                color: #00397c;
                padding: 5px 0 5px 0;
                font-size: 15px;
                position: relative;
                margin: 0;
            }

.about_tab_sec h5 {
    display: block;
    color: #00397c;
    padding: 20px 0 7px 0;
    margin: 0;
    font-size: 18px;
    text-transform: capitalize;
    text-align: left;
    font-weight: 700;
}

span.iban-text {
    position: absolute;
    left: 15px;
    top: 10px;
    font-weight: 700;
    color: #000;
    font-size: 15px;
}

input#iban_number {
    padding-left: 37px;
}

.fileinput {
    cursor: pointer;
    height: 100%;
    right: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 4;
    width: 100px;
}

.header-row {
    display: flex;
    align-items: center;
}

.page-title strong {
    font-size: 17px;
}

.iban-number-list {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
}

    .iban-number-list .form-control {
        flex: 1;
        margin: 1px;
        padding: 5px 3px !important;
        text-align: center;
    }

.is-floating-label.is-focused1 label {
    transform: translateY(-20px) scale(0.9);
    left: 15px;
    background: #fff;
    z-index: 1;
}

#loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff;
}

    #loader .loader-middle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

        #loader .loader-middle img {
            width: 200px;
        }

.spinner-audio-wave {
    position: absolute;
    top: 118%;
    left: 50%;
    margin-left: -42px;
}

.spinner {
    color: #1290f5;
}

.spinner {
    opacity: 1;
}

.spinner-audio-wave span {
    background-color: #1290f5;
}

.spinner-audio-wave span {
    display: block;
    bottom: 0;
    width: 9px;
    height: 5px;
    background: #1290f5;
    position: absolute;
    -webkit-animation: audio-wave 1.5s infinite ease-in-out;
    animation: audio-wave 1.5s infinite ease-in-out;
}

    .spinner-audio-wave span:nth-child(2) {
        left: 11px;
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .spinner-audio-wave span:nth-child(3) {
        left: 22px;
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .spinner-audio-wave span:nth-child(4) {
        left: 33px;
        -webkit-animation-delay: 0.6s;
        animation-delay: 0.6s;
    }

    .spinner-audio-wave span:nth-child(5) {
        left: 44px;
        -webkit-animation-delay: 0.8s;
        animation-delay: 0.8s;
    }

@keyframes audio-wave {
    0% {
        height: 5px;
        transform: translateY(0px);
        background: #1290f5;
    }

    25% {
        height: 40px;
        transform: translateY(20px);
        background: #1290f5;
    }

    50% {
        height: 5px;
        transform: translateY(0px);
        background: #1290f5;
    }

    100% {
        height: 5px;
        transform: translateY(0px);
        background: #1290f5;
    }
}

ul.nav.nav-pills-style {
    display: inline-flex;
    justify-content: center;
    margin: 10px auto;
    width: 100%;
}

    ul.nav.nav-pills-style li a {
        color: #000;
        font-weight: 600;
        font-size: 16px;
        padding: 0 14px;
    }

.input-validation-error {
    border: 1px solid red !important;
    background: #ff00000d;
}

ul.nav.nav-pills-style li.active a {
    color: #0271c9;
}

.notification-icon i.fa.fa-bell-o {
    color: #3b3b3b;
}

.floating-field.is-focused1 label {
    transform: translateY(-20px) scale(0.9);
    left: 15px;
    background: #fff;
    z-index: 1;
    top: 9px !important;
}


.notification-list {
    width: 226px;
    background: #fff;
    padding: 0;
}


    .notification-list li.header {
        padding: 10px;
        background: #0271c9;
        color: #fff;
    }


    .notification-list li {
        position: relative;
    }

.new_drop_list {
    padding: 0;
    list-style: none;
}

.notification-list li a {
    font-size: 15px !important;
    white-space: normal;
    color: #666 !important;
    border-bottom: 1px solid #e6e6e6;
    font-weight: 600;
    padding: 15px 10px;
    display: block;
    position: relative;
}

    .notification-list li a i {
        margin-right: 6px;
    }

    .notification-list li a > span {
        position: absolute;
        right: 10px;
        height: 25px;
        width: 25px;
        display: block;
        border: 1px solid #ccc;
        border-radius: 50%;
        text-align: center;
        font-size: 13px;
        line-height: 23px;
        top: 13px;
    }

.listed_company thead tr th {
    color: #000;
}

.listed_company tbody tr td {
    font-size: 14px;
    color: #3b3b3b;
    font-weight: normal;
    border: none;
    position: relative;
}

.tabs-style {
    margin: 0;
    padding: 0;
    border: none;
}


    .tabs-style li.active a {
        border-bottom: 2px solid #0271c9 !important;
        background: transparent !important;
        border-left: none !important;
        border-right: none !important;
        border-top: none !important;
        color: #0271c9;
    }

    .tabs-style li a {
        margin: 0;
        padding: 5px 17px;
        border: none;
        color: #3b3b3b;
        font-size: 17px;
    }

.logo-mobile-view img {
    display: none;
}

.loading-overlay {
    display: none;
    background: rgba(255, 255, 255, 1);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 9998;
    align-items: center;
    justify-content: center;
}

    .loading-overlay.is-active {
        display: flex;
    }

    .loading-overlay span.fa.fa-spinner {
        font-size: 70px;
    }

.nochangeposition {
    height: 70px;
}

.text-loader h3 {
    font-size: 24px;
    margin: 16px 0 0;
    font-weight: 700;
}

    .text-loader h3 img {
        width: 38px !important;
        animation: heartbeat 1s infinite;
    }

@keyframes heartbeat {
    0% {
        transform: scale( .75 );
    }

    20% {
        transform: scale( 1 );
    }

    40% {
        transform: scale( .75 );
    }

    60% {
        transform: scale( 1 );
    }

    80% {
        transform: scale( .75 );
    }

    100% {
        transform: scale( .75 );
    }
}


.new-header.sticky {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #fff;
    z-index: 999;
    animation: smoothScroll 1s forwards;
    padding: 5px 0;
}

@keyframes smoothScroll {
    0% {
        transform: translateY(-40px);
    }

    100% {
        transform: translateY(0px);
    }
}

.breadcrumbs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    align-items: center;
    margin-top: 12px;
}

    .breadcrumbs ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
    }

        .breadcrumbs ul li {
            margin-right: 8px;
            font-size: 15px;
        }

            .breadcrumbs ul li span {
                color: #222;
            }

            .breadcrumbs ul li a {
                color: #939090;
            }

.right {
    float: right !important;
}

.left {
    float: left !important;
}

.p-0 {
    padding: 0 !important;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.align-right {
    text-align: right !important;
}

.align-left {
    text-align: left !important;
}

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

.m-0 {
    margin: 0 !important;
}

.ml-0 {
    margin-left: 0 !important;
}

.mr-0 {
    margin-right: 0 !important;
}

.campaignTypeBox {
    /*position: absolute;*/
    margin-bottom: 20px;
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 5px;
    /*margin-top: -20px;*/
    background-color: white;
    z-index: 9;
}

.boxTitle {
    position: absolute;
    top: -11px;
    background-color: white;
    font-size: 14px;
    color: #868686;
    font-family: 'Lato', sans-serif;
}

.withSelect {
    margin-top: -23px !important;
}

.upload-file-btn-select {
    position: absolute;
    right: 26px;
    top: 86px;
    border: none;
    background: transparent;
    font-size: 20px;
    color: #00397c;
}

.upload-file-btn-file {
    position: absolute;
    right: 26px;
    top: 41px;
    border: none;
    background: transparent;
    font-size: 20px;
    color: #00397c;
}

.input-group-addon {
    border-top-right-radius: 5px !important;
    border-bottom-right-radius: 5px !important;
    cursor: pointer;
}

.gridViewPromo {
    margin: 0px 17px 0px -20px;
    display: flex;
}

.promoView {
    width: 400px;
    list-style: none;
}

.StartEndDate {
    position: absolute;
    top: -10px;
    left: 13px;
    background: white;
    z-index: 9;
    color: gray;
    width: fit-content;
}

.radius {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.slick-carousel {
    border: solid 1px #d2d6de !important;
    border-radius: 5px;
}

#lblComparisonPrice, #lblCalculatorPrice, #lblApplyPrice {
    bottom: 0px !important;
}

.slick-prev.slick-arrow {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 0px;
    border: none;
    background: transparent;
    padding: 0;
    margin-bottom: 8px;
    z-index: 1;
}

.slick-next.slick-arrow {
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 0px;
    border: none;
    background: transparent;
    padding: 0;
    margin-bottom: 0;
    z-index: 1;
}

button.slick-prev.slick-arrow::after {
    content: "\f104";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    background: rgba(255,255,255,0.8);
    z-index: 99;
    color: #000;
    font-size: 17px;
    width: 28px;
    height: 28px;
    display: block;
    line-height: 24px;
    border: 1px solid #ccc;
    border-radius: 50%;
    top: 49px;
}

button.slick-next.slick-arrow::after {
    content: "\f105";
    font-family: 'FontAwesome';
    position: absolute;
    right: 0;
    background: rgba(255,255,255,0.8);
    z-index: 99;
    color: #000;
    font-size: 17px;
    width: 28px;
    height: 28px;
    display: block;
    line-height: 24px;
    border: 1px solid #ccc;
    border-radius: 50%;
    top: 49px;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    pointer-events: none;
}

.view-remove-file-btn-div {
    position: absolute;
    right: 5px;
    left: auto;
    top: 11px;
}

    .view-remove-file-btn-div .remove-file-btn {
        border: none;
        padding: 0px;
    }

        .view-remove-file-btn-div .remove-file-btn i {
            font-size: 18px !important;
            color: #027ace;
        }

    .view-remove-file-btn-div .view-file-btn {
        border: none;
        padding: 0px;
    }

        .view-remove-file-btn-div .view-file-btn i {
            font-size: 18px !important;
            color: #027ace;
        }

.dataTables_scrollBody {
    overflow: inherit !important;
    min-height: 200px;
}

legend {
    display: block;
    width: auto !important;
    padding: 0;
    margin: 10px;
    font-size: 15px;
    line-height: inherit;
    color: #333;
    border: 0;
    font-size: 14px;
    color: #868686;
    background: #fff;
    padding: 1px 4px;
    border-bottom: none;
}

fieldset {
    border: 1px solid silver !important;
    border-radius: 5px;
    margin-bottom: 20px !important;
}

.verification_sec1 ul li span {
    cursor: pointer;
    font-weight: 600;
}

.verification_sec1 ul li input {
    margin: 3px 0 0 !important;
}