@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
body {
    font-family: 'Open Sans', sans-serif !important;
    background: #fafafa;
}

p {
    font-family: 'Open Sans', sans-serif !important;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none !important;
    transition: all 0.3s;
}
a:focus, button:focus{
	outline: 0 !important;
}

.navbar {
	padding: 30px 20px !important;
    background-color: #fff !important;
    border-bottom: 1px solid #e8e9eb;
    border-radius: 0;
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

.hidebtnmenu1{
	display: none !important;
}
.navbtn1{
	background: transparent;
    border: none;
    position: absolute;
    top: 25px;
	/* left: -10px; */
	/* left: 132px; */
	left: 200px;
	padding: 0px;
    outline: none;
    z-index: 9;
}
.navbtn3{
	display: none;
}
.navbtn1:focus{
	outline: none;
}
.navbtn1 img{
	width: 40px;
	height: 95px;
}
.logo1 img{
	width: 179px;
	height: auto;
}
.sidemenu123 ul{
	padding: 0px;
	margin: 0px;
}
.sidemenu123 li{
	list-style-type: none;
    display: inline-block;
}
.notifiction1, .newheader1231{
	margin: 0px 30px 0px 0px;
}
.notifiction1 img{
	width: 27px;
}
.notifiction1 .dropdown-menu{
	width: 294px !important;
    border: 1px solid #ededed !important;
    top: 55px;
    left: -250px;
    border-radius: 0px;
    padding: 20px;
    margin: 0px;
    background-color: #ffffff;
    border-radius: 11px;
	filter: drop-shadow(2px 1px 7px rgba(0, 0, 0, 0.2));
}
.dropdown-menu1{
	position: absolute;
    top: -16px;
    right: 11px;
	width: 0 !important;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 20px solid #ffffff;
}
.notifiction1 .dropdown-menu table{
	margin-bottom: 0px;
}
.notifiction1 .dropdown-menu table.table-bordered td, .notifiction1 .dropdown-menu table.table-bordered th{
	border-top: none;
    border-left: none;
    border-right: 0px;
    border-bottom: 1px solid #e1e1e1;
    padding: 10px 0px;
    margin: 0px 0px 20px;
}
.notifiction1 .dropdown-menu table.table-bordered tr:first-child td{
	padding: 0px 0px 10px;
}
.notifiction1 a.dropdown-toggle{
	background: none !important;
}
.notifiction1 .dropdown .dropdown-toggle::after{
	display: none !important;
}
.notifiction1 .dropdown-menu table.table-bordered tr:last-child td{
	padding: 10px 0px 0px;
	border-bottom: none;
}
.notifiction1 .dropdown-menu table.table-bordered td a{
	color: #030454;
    font-size: 15px;
    font-weight: 400;
    padding: 0px;
    margin: 0px;
}
.notifiction1 .dropdown-menu table.table-bordered td a:hover{
	color: #030454;
	text-decoration: none;
}
.aligncen1{
	text-align: center !important;
	padding-top: 0px !important;
}
.signoutbtn a{
	background-color: #e8e9eb;
    color: #030454;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 11px 29px;
    border-radius: 21px;
}
.signoutbtn a:hover{
	color: #030454;
	text-decoration: none;
}
.logout2{
	display: none;
}

i,
span {
    display: inline-block;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    align-items: stretch;
}

#sidebar {
    min-width: 250px;
    max-width: 250px;
	/* min-width: 239px;
    max-width: 239px; */
    background: #e8e9eb;
    color: #fff;
    transition: all 0.3s;
	/* overflow: hidden; */
}

#sidebar.active {
    /* min-width: 80px; */
    /* min-width: 140px;
    max-width: 80px; */
	min-width: 200px;
    max-width: 200px;
    text-align: center;
}

#sidebar.active .sidebar-header h3,
#sidebar.active .CTAs {
    display: none;
}

#sidebar.active .sidebar-header strong {
    display: block;
}

#sidebar ul li a {
    text-align: left;
}

#sidebar.active ul li a {
    padding: 20px 10px;
    text-align: center;
    font-size: 0.85em;
}

#sidebar.active ul li a i {
    /* margin-right: 0;
    display: block;
    font-size: 1.8em;
    margin-bottom: 5px; */
	color: #7c7c7c;
	font-size: 40px;
    line-height: 40px;
    margin-right: 10px;
}

#sidebar.active ul ul a {
    padding: 10px !important;
}

#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}

#sidebar .sidebar-header {
    /* padding: 20px; */
    padding: 23px 20px;
    background: #e8e9eb;
}

.profileimg img{
	width: 57px;
	border-radius: 50%;
}
.username1{
	padding: 4px 0px 0px;
}
.username1 h4{
	display: inline;
    color: #030435;
    font-size: 20px;
    font-weight: 400;
    font-style: italic;
    padding: 0px;
    margin: 0px;
}
#sidebar .sidebar-header h4 span{
	display: block;
	font-style: normal;
}

#sidebar .sidebar-header strong {
    display: none;
    font-size: 1.8em;
}

#sidebar ul.components {
    /* padding: 20px 0; */
    padding: 0px;
    /* border-bottom: 1px solid #d4d4d4; */
}

#sidebar ul li{
	position: relative;
}

#sidebar ul li.active:before{
	content: '';
	position: absolute;
    top: 19px;
    right: -17px;
    width: 40px;
    height: 40px;
    background-image: url(../images/arrow1.png);
	background-size: 30px;
    background-repeat: no-repeat;
}

#sidebar ul li a {
    padding: 15px 10px 15px 20px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #7c7c7c;
    background: #dcdfe6;
}

#sidebar ul li a i {
	color: #7c7c7c;
    font-size: 40px;
    line-height: 40px;
	margin-right: 10px;
}
#sidebar ul li ul li a span, #sidebar ul li.active ul li a span{
	color: #b9b9b9;
	font-size: 14px;
}
#sidebar ul li ul li a:hover, #sidebar ul li.active ul li a:hover{
	background: #2f2f2f;
}
#sidebar ul li ul li a i, #sidebar ul li.active ul li a i{
	color: #b9b9b9;
	font-size: 30px;
    line-height: 30px;
}
#sidebar ul li.active a i {
	color: #030454;
    font-size: 40px;
    line-height: 40px;
	margin-right: 10px;
}
#sidebar ul li a span{
	color: #7c7c7c;
	vertical-align: super;
    font-size: 16px;
}
#sidebar ul li.active a span{
	color: #030454;
	vertical-align: super;
    font-size: 16px;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #fff;
    background: #dcdfe6;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    /* background: #6d7fcc; */
    background: #404040;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}

/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
	position: relative;
    width: 100%;
	min-height: 100vh;
    /* padding: 20px; */
    transition: all 0.3s;
	background-color: #fff;
	overflow: hidden;
}

.contentnew1 {
    /* padding: 35px; */
    padding: 20px 35px 35px;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */

/* @media (max-width: 768px) { */
/* @media (max-width: 812px) { */
@media (max-width: 970px) {
    #sidebar {
        /* min-width: 80px;
        max-width: 80px;
        text-align: center;
        margin-left: -80px !important; */
		min-width: 200px;
		max-width: 200px;
		text-align: center;
		/* margin-left: -140px !important; */
		margin-left: -200px !important;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 99;
    }
    .dropdown-toggle::after {
        top: auto;
        bottom: 10px;
        right: 50%;
        -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
        transform: translateX(50%);
    }
    #sidebar.active {
        margin-left: 0 !important;
    }
    #sidebar .sidebar-header h3,
    #sidebar .CTAs {
        display: none;
    }
    #sidebar .sidebar-header strong {
        display: block;
    }
    #sidebar ul li a {
        padding: 20px 10px;
    }
    #sidebar ul li a span {
        /* font-size: 0.85em; */
    }
    #sidebar ul li a i {
        margin-right: 0;
        display: block;
    }
    #sidebar ul ul a {
        padding: 10px !important;
    }
    #sidebar ul li a i {
        font-size: 1.3em;
    }
    #sidebar {
        margin-left: 0;
    }
    #sidebarCollapse span {
        display: none;
    }
	#sidebar ul li:last-child{
		margin-bottom: 190px;
	}
	#sidebar ul li ul li:last-child{
		margin-bottom: 0px;
	}
	.hidebtnmenu1{
		display: block !important;
	}
	.sidebar2 {
		position: relative !important;
		left: 0px !important;
		top: 0px !important;
		width: 100% !important;
		height: 700px !important;
		overflow-y: scroll !important;
		overflow-x: hidden !important;
	}
}

/* Login CSS Start */
.loginbody{
	position: relative;
	background-image: url("../images/loginbg.jpg");
	background-position: center;
    background-size: cover;
    min-height: 100vh;
    transition: all 0.3s;
}
.loginheader{
	background-color: #fff;
	border-bottom: 1px solid #dcdfe6;
    padding: 25px 0px;
    margin: 0px;
}
.loginheader img{
    width: 170px;
}
.loginheader ul{
	float: right;
	padding: 9px 0px 0px;
    margin: 0px;
}
.loginheader li{
	list-style-type: none;
    display: inline-block;
    color: #40647e;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 0px 13px 0px 9px;
    border-right: 1px solid #40647e;
}
.loginheader li:last-child{
	padding: 0px 0px 0px 9px;
    border-right: none;
}
.loginheader li a{
	color: #40647e;
}
.loginheader li a:hover{
	text-decoration: none;
}
.loginmain{
	/* background-image: url("../images/loginbg.jpg");
	background-position: center;
    background-size: cover; */
	padding: 100px 0px;
}
.loginmain2{
	background-color: #f0efeb;
	position: relative;
	/* padding: 45px 40px 50px 120px; */
	padding: 45px 40px 45px 120px;
}
.loginmain2:before{
	content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: #40647e;
    width: 79px;
    height: 100%;
}
.loginmain2:after{
	content: "";
    position: absolute;
    top: 40px;
    left: 0px;
    background-image: url(../images/login2.png);
    background-repeat: no-repeat;
    background-size: 45px;
    background-position: top;
    width: 79px;
    height: 100%;
}
.loginarrow{
	position: absolute;
    top: 50px;
    left: 75px;
}
.loginarrow img{
	width: 20px;
}
.loginmain2 h3{
	color: #40647e;
    font-size: 30px;
    font-weight: 400;
    line-height: 1.3;
    padding: 0px 0px 25px;
    margin: 0px;
}
.loginmain2 input{
	background-color: #e9e8e4;
    width: 100%;
    height: 47px;
    padding: 30px 15px;
    margin: 0px 0px 35px;
    border: 1px solid #c7c7c7;
    border-radius: 0px;
}
.loginmain2 a{
	color: #40647e;
}
.loginmain2 a:hover{
	color: #40647e;
	text-decoration: none;
}
.loginmain2 button{
	color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    width: 140px;
    float: right;
    border-radius: 0px;
	background-color: #40647e;
    padding: 7px 10px;
    margin: 0px;
}
.loginfooter{
	background-color: #fff;
    padding: 25px 0px;
    margin: 0px;
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
}
.loginfooter p{
	color: #030435;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
	line-height: 1.3;
    display: block;
    padding: 5px 0px 0px;
    margin: 0px;
}
.loginfooter ul{
	padding: 0px;
    margin: 0px;
	text-align: center;
}
.loginfooter li{
	list-style-type: none;
    display: inline-block;
    color: #40647e;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 13px 0px 9px;
    border-right: 1px solid #40647e;
}
.loginfooter li:last-child{
	padding: 0px 0px 0px 9px;
    border-right: none;
}
.loginfooter li a{
	color: #40647e;
}
.loginfooter li a:hover{
	text-decoration: none;
}
.mainfooter{
	background-color: #c8cdd1;
    /* padding: 15px 0px; */
    padding: 15px 25px;
    margin: 0px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}
.mainfooter p{
	color: #030435;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    display: block;
    padding: 5px 0px 0px;
    margin: 0px;
}
.mainfooter ul{
	padding: 0px;
    margin: 0px;
	text-align: center;
}
.mainfooter li{
	list-style-type: none;
    display: inline-block;
    color: #40647e;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 13px 0px 9px;
    border-right: 1px solid #949494;
}
.mainfooter li:last-child{
	padding: 0px 0px 0px 9px;
    border-right: none;
}
.mainfooter li a{
	color: #40647e;
}
.mainfooter li a:hover{
	text-decoration: none;
}
/* Login CSS End */

/* Page Header Start */
.pageheader{
	margin-bottom: 25px;
}
.pageheader h3{
	color: #030435;
    font-size: 23px;
    font-weight: 600;
	display: inline-block;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
}
.pageheader .rating-container{
	display: inline-block;
    float: right;
    font-size: 17px;
}
.pageheader .rating-disabled .rating-stars{
	cursor: default;
}
.pageheaderlink1{
	display: inline;
}
.pageheader a, .pageheader button{
	color: #030435;
    font-size: 17px;
    font-weight: 600;
    float: right;
    text-decoration: underline !important;
	background-color: transparent;
	border: none;
    padding: 0px;
    margin: 0px;
	cursor: pointer;
}
.pageheader a:hover, .pageheader button:hover{
	color: #030435;
}
/* Page Header End */

/* Table Section Start */
.newtable1{
	background-color: #e8e9eb;
    /* padding: 30px 30px; */
    padding: 30px;
	margin-bottom: 50px;
	position: relative;
}
.tablehead1{
	margin-bottom: 20px;
}
.tablehead1 h4{
	color: #030435;
    font-size: 19px;
    font-weight: 600;
	display: inline-block;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
}
.tablehead1 a{
	color: #030435;
    font-size: 17px;
    font-weight: 600;
	float: right;
    text-decoration: underline !important;
    padding: 0px;
    margin: 0px;
}
.newtable2{
	/* overflow-x: auto; */
}
.newtable2 table{
	width: 100%;
	border-collapse: separate;
    border-spacing: 0px 7px !important;
}

.newtable2 table thead tr th{
	background-color: #dcdfe6;
    color: #030454;
    font-size: 13px;
    font-weight: 600;
	text-align: center;
    padding: 17px 7px;
	/* width: 90px !important;
    min-width: 90px !important; */
	white-space: normal;
    max-width: 100px;
}
.newtable2 table tbody tr{
	background-color: #ffffff;
	white-space: nowrap;
}
.newtable2 table tbody tr.notify-app{
	/* background-color: rgba(55, 86, 106, 0.10); */
}
.newtable2 table tbody tr.notify-app td{
	border-top: 2px solid rgba(55, 86, 106, 0.57);
    border-bottom: 2px solid rgba(55, 86, 106, 0.57);
}
.newtable2 table tbody tr.notify-app td:first-child{
	border-left: 2px solid rgba(55, 86, 106, 0.57);
}
.newtable2 table tbody tr.notify-app td:last-child{
	border-right: 2px solid rgba(55, 86, 106, 0.57);
}

.newtable2 table tbody tr.reseller-notify-app{
	/* background-color: rgba(55, 86, 106, 0.10); */
}
.newtable2 table tbody tr.reseller-notify-app td{
	border-top: 2px solid rgb(255 163 0 / 54%);
    border-bottom: 2px solid rgb(255 163 0 / 54%);
}
.newtable2 table tbody tr.reseller-notify-app td:first-child{
	border-left: 2px solid rgb(255 163 0 / 54%);
}
.newtable2 table tbody tr.reseller-notify-app td:last-child{
	border-right: 2px solid rgb(255 163 0 / 54%);
}

.newtable2 table tbody tr td{
	/* background-color: #ffffff; */
    color: #030454;
    font-size: 13px;
    font-weight: 500;
	text-align: center;
	/* min-width: 90px; */
    /* padding: 17px 10px; */
    padding: 5px 10px;
	white-space: normal;
    max-width: 100px;
}
.newtablepadd1 table tbody tr td{
	padding: 13px 10px;
	white-space: initial;
}
.newtable2 table tbody tr td a{
	color: #030454;
}
.newtable2 .rating-md{
	font-size: 13px;
}
.newtable2 .rating-disabled .rating-stars{
	cursor: default;
}
.newtable3{
	/* padding: 10px 70px 30px; */
	padding: 10px 40px 30px;
}
.newtable3 table{
	width: 100%;
	border-collapse: separate;
    border-spacing: 0px 7px !important
}
.newtable3 table thead tr{
	border-bottom: 1px solid #030454;
}
.newtable3 table thead tr th{
	background-color: #030454;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
	text-align: center;
    padding: 17px 7px;
	/* width: 90px !important;
    min-width: 90px !important; */
	white-space: normal;
    max-width: 100px;
}
.newtable3 table tbody tr{
	background-color: #ffffff;
	white-space: nowrap;
	border-bottom: 1px solid #030454;
}
.newtable3 table tbody tr:last-child{
	border-bottom: none;
	background-color: transparent;
}
.newtable3 table tbody tr:last-child td{
	padding-right: 0px;
}
.newtable3 table tbody tr.notify-app{
	/* background-color: rgba(55, 86, 106, 0.10); */
}
.newtable3 table tbody tr.notify-app td{
	border-top: 2px solid rgba(55, 86, 106, 0.57);
    border-bottom: 2px solid rgba(55, 86, 106, 0.57);
}
.newtable3 table tbody tr.notify-app td:first-child{
	border-left: 2px solid rgba(55, 86, 106, 0.57);
}
.newtable3 table tbody tr.notify-app td:last-child{
	border-right: 2px solid rgba(55, 86, 106, 0.57);
}
.newtable3 table tbody tr td{
	/* background-color: #ffffff; */
    color: #030454;
    font-size: 13px;
    font-weight: 500;
	text-align: center;
	/* min-width: 90px; */
    /* padding: 17px 10px; */
    padding: 13px 10px;
	white-space: normal;
    max-width: 100px;
}
.newtable3 table tbody tr td a{
	color: #030454;
}
.newtable3 table tbody tr td.totalname{
	font-size: 15px;
    font-weight: 700;
	text-align: right;
}
.newtable3 table tbody tr td.totalvalue{
	font-size: 20px;
    font-weight: 700;
}
.newtable3 table tbody tr td.totalname1{
	font-size: 15px;
    font-weight: 700;
	text-align: right;
}
.newtable3 table tbody tr td div.totalvalue1 .totalvalue2{
	color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 15px;
	border: 2px solid #030454;
	border-radius: 7px 0px 0px 7px;
    background-color: #030454;
}
.newtable3 table tbody tr td div.totalvalue1 .totalvalue3{
	color: #030454;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
	border: 2px solid #030454;
	border-radius: 0px 7px 7px 0px;
    background-color: #ffffff;
}
.totalvalue1 .totalvalue2{
	color: #fff;
    font-size: 13px;
    font-weight: 500;
    padding: 10px 15px;
	border: 2px solid #030454;
	border-radius: 7px 0px 0px 7px;
    background-color: #030454;
}
.totalvalue1 .totalvalue3{
	color: #030454;
    font-size: 13px;
    font-weight: 700;
    padding: 10px 15px;
	border: 2px solid #030454;
	border-radius: 0px 7px 7px 0px;
    background-color: #ffffff;
}
.tablestatus{
	background-color: #030454;
	min-width: 53px;
    color: #fff;
    /* font-size: 13px; */
    font-size: 11px;
    font-weight: 600;
	text-align: center;
    padding: 4px 10px;
    margin-top: 3px;
}
.tabledropdown1 img{
	/* width: 23px; */
	width: 19px;
	cursor: pointer;
}
.tabledropdown1 img.dropdown-toggle{
	width: 19px;
	height: 19px;
	cursor: pointer;
}
.tabledropdown1 .dropdown-menu{
	padding: 0px;
    /* margin: 20px 0px 0px; */
    border: none;
	filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 0.5));
}
.tabledropdown1 .dropdown-menu-right{
	left: -25px !important;
}
.tabledropdown1 .dropdown-menu .tabledropdown2{
	position: relative;
    width: 220px;
    padding: 0px;
}
.tabledropdown1 .dropdown-menu .tabledropdown2 ul{
	padding: 0px;
    margin: 0px;
}
.tabledropdown1 .dropdown-menu .tabledropdown2 li{
	list-style-type: none;
	padding: 9px 15px;
	transition: 0.5s;
	border-bottom: 1px solid #e8e9eb;
}
.tabledropdown1 .dropdown-menu .tabledropdown2 li:hover{
	background-color: #dcdfe6;
}
.tabledropdown1 .dropdown-menu .tabledropdown2 li a{
	color: #030454;
    /* font-size: 14px; */
    font-size: 12px;
    font-weight: 500;
	text-align: left;
	display: block;
    width: 100%;
    padding: 0px;
    margin: 0px;
	cursor: pointer;
}
.tabledropdown1 .dropdown-menu .tabledropdown2 li a img{
	margin-right: 10px;
}
.tabledropdown1 .dropdown-menu .tabledropdown2 li button{
	color: #030454;
    /* font-size: 14px; */
    font-size: 12px;
    font-weight: 500;
	text-align: left;
	display: block;
    width: 100%;
	background-color: transparent;
    border: none;
    padding: 0px;
    margin: 0px;
	cursor: pointer;
}
.tabledropdown1 .dropdown-menu .tabledropdown2 li button img{
	margin-right: 10px;
}
.tabledropdown3{
	display: none;
	position: absolute;
    top: -14px;
    right: 0px;
    width: 0 !important;
    height: 0;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-bottom: 15px solid #ffffff;
}
.tabelform1{
	min-height: 43px;
}
.tabelform1 .col-md-4{
	z-index: 2;
}
.tabelform1 select{
	color: #424242;
    font-size: 14px;
    background-color: #fff;
	width: 100% !important;
    height: 43px !important;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 15px;
}
.tabelform1 .dropdown-toggle, .formsection1 .dropdown-toggle{
	width: 100% !important;
    height: 43px !important;
	color: #424242;
	padding: 0px 10px 0px !important;
    background: transparent;
}
.tabelform1 .btn-group{
	margin-bottom: 10px;
}
.tablehead2 select{
	color: #424242;
    font-size: 14px;
    background-color: #fff;
	width: 100% !important;
    height: 43px !important;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 15px;
}
.tablehead2 .dropdown-toggle{
	width: 100% !important;
    height: 43px !important;
	color: #424242;
	padding: 0px 10px 0px;
    background: transparent;
}
.tablehead2 .btn-group{
	margin-bottom: 10px;
}


.pagination {
	/* margin: 3px 0px 13px !important; */
}
.pagination li a {
	color: #030454;
	font-size: 14px;
    float: left;
    padding: 5px 11px;
    text-decoration: none;
    border: 1px solid #c7c9cc;
    border-right: 0;
}
.pagination li.active a{
	background-color: #c8cdd1 !important;
    border: 1px solid #c7c9cc !important;
}
.pagination li.disabled a{
	background-color: #ddd !important;
	border: 1px solid #c7c9cc !important;
}
.pagination li:last-child a {
    border-right: 1px solid #c7c9cc;
}
.pagination a:hover:not(.active) {background-color: #c8cdd1;}
.newtable1 .tablehead1 ul{
	padding: 0px;
    margin: 0px
}
.newtable1 .tablehead1 li{
	list-style-type: none;
    display: inline-block;
    margin-right: 15px;
}
.newtable1 .tablehead1 li:last-child{
	margin-right: 0px;
}
.newtable1 .tablehead1 li a{
	color: #ffffff;
    font-size: 15px;
    font-weight: 600;
    float: none;
    text-decoration: none !important;
	background-color: #030454;
    border-radius: 21px;
    padding: 6px 23px;
    margin: 0px;
}
.newrate1{
	color: #ffb916;
    font-size: 20px !important;
}
.newrate2{
	color: #bdc3d2;
    font-size: 20px !important;
}
.itemtotal1{
	/* text-align: center; */
	text-align: right;
	margin-top: 11px;
}
.itemtotal1 h3{
	color: #030454;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
	background-color: #dcdfe6;
    padding: 10px 25px;
    margin: 10px 0 0px;
}
.itemtotal1 h3 span{
	color: #030454;
    font-size: 20px;
    font-weight: 600;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}
.itemtotal1 h3 span:first-child{
	margin-right: 3px;
	margin-left: 10px;
}
.itemtotal1 .totalvalue1{
	margin-top: 15px;
}
.payment1{
    padding: 0px 90px;
	position: relative;
}
.paymentnew1{
	position: absolute;
    bottom: 0px;
    right: 0px;
}
.paymentnew1 span{
	color: #030454;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}
.payment1 h4{
	color: #030454;
    font-size: 20px !important;
    font-weight: 600 !important;
    text-align: center;
    /* padding: 20px 0px 20px !important; */
    padding: 20px 0px 5px !important;
    margin: 0px;
}
.payment2 label{
	color: #030454;
    font-size: 27px !important;
    font-weight: 600 !important;
    text-align: center;
    line-height: 1.3;
    display: block;
    /* padding: 50px 0px 0px !important; */
    /* padding: 20px 0px 0px !important; */
    padding: 10px 0px 20px !important;
    margin: 0px;
}
.payment2 label span{
	display: block;
    font-size: 17px !important;
    font-weight: 500 !important;
}
.payment3 input{
	display: none;
}
.payment3 label{
	color: #030454;
    font-size: 17px !important;
    font-weight: 500 !important;
    text-align: center;
	display: block;
    /* width: 100%; */
    width: 70%;
    height: auto;
	transition: 0.5s;
	border-radius: 15px;
	padding: 10px 10px 13px !important;
	/* margin: 0px 0px 10px !important; */
	/* margin: 0px auto 10px !important; */
	margin: 13px auto 10px !important;
	cursor: pointer;
}
#quoteTable .payment2 label{
    /* padding: 50px 0px 0px !important; */
    /* padding: 20px 0px 0px !important; */
    padding: 10px 0px 0px !important;
}
#quoteTable .payment3 label{
    width: 100%;
	margin: 0px 0px 10px !important;
}
.payment3 label:hover{
	background-color: #d4d4d4;
}
.payment3 label span.year{
	display: none;
}
.payment3 label span.price{
	display: block;
	font-size: 20px;
    font-weight: 600;
	/* padding: 7px 0px 0px; */
	padding: 0px;
}
.payment3 label sub.month{
	font: small-caption;
}
.payment3 label span.tax{
	display: block;
    font-size: 11px;
}
.payment3 label span.offer{
	font-size: 13px;
}
.payment4{
	border-top: 1.5px solid rgba(55, 86, 106, 0.20);
	padding-top: 10px;
}
.payment3 input[type="radio"]:checked + label {
    color: #fff;
    background-color: #030454;
}
.payment51 h4{
	color: #030454;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.7;
    padding: 0px 0px 10px !important;
    margin: 0px;
}
.payment6, .payment7{
	display: none;
}
.payment9 input{
	display: none;
}
.payment9 label{
	width: 100%;
    height: auto;
    color: #030454;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    border-radius: 10px;
	background-color: #c8cccf;
    padding: 30px 10px;
    margin: 10px 0px;
	cursor: pointer;
}
.payment9 input[type="radio"]:checked + label {
    color: #fff;
    background-color: #030454;
}
/* Table Section End */

/* Form Class Start */
.newform1{
	background-color: #e8e9eb;
    padding: 0px;
    margin-bottom: 40px;
}
.formhead1{
	padding: 15px 40px;
    background-color: #dcdfe6;
}
.formhead1 h4{
	color: #030435;
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
}
.formhead1 .dropdown-toggle{
	width: 100% !important;
    height: 43px !important;
	color: #424242;
	padding: 0px 10px 0px;
    background: transparent;
}
.formsection1{
	padding: 20px 40px;
}
.formsection11{
	padding: 10px 40px 0px;
}
.formsection1 label{
	color: #030454;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px 0px 5px;
}
.formsection1 label a{
	color: #0056b3;
}
.formsection1 label a i{
	padding-right: 5px;
}
.formsection1 label span{
	color: #ff0000;
    font-size: 14px;
    padding-left: 3px;
}
.formsection1 input, .formsection1 select, .formsection1 .bootstrap-select{
	color: #424242;
    font-size: 14px;
    background-color: #fff;
	width: 100% !important;
    height: 43px !important;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 15px;
}
.formsection1 form textarea, .formsection1 textarea{
	color: #424242;
    font-size: 14px;
	width: 100%;
	min-height: 90px;
	background-color: #fff;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 7px;
}
.form-control:focus{
	box-shadow: 0 0 0 0.2rem rgba(55, 76, 106, 0.26) !important;
}
.formsection1 input[readonly], .formsection1 select[readonly]{
	background-color: #c8cdd1;
    opacity: 1;
}
.formsection1 ul{
	padding: 0px;
    margin: 10px 0px 0px;
}
.formsection1 li{
	list-style-type: none;
    display: inline-block;
    padding-right: 13px;
}
.formsection1 li label{
	color: #3e3e3e;
    font-size: 14px;
    font-weight: 500;
	vertical-align: text-bottom;
	cursor: pointer;
}
.formsection1 input[type="checkbox"]{
	height: 20px !important;
}
.formsection1 input[type="radio"]{
	width: 15px !important;
	height: 20px !important;
	margin-right: 7px !important;
	cursor: pointer;
}
.formsection1 .dropdown-toggle{
	color: #424242;
	padding: 0;
    background: transparent;
}
.formsection1 small{
	display: block;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}
.formsection1 h4{
	color: #030454;
    font-size: 13px;
    font-weight: 700;
	line-height: 1.7;
    padding: 0px;
    margin: 0px;
}
.formsection1 p{
	color: #030454;
    font-size: 13px;
    font-weight: 500;
	line-height: 1.7;
	word-break: break-word;
    padding: 0px;
    margin: 0px 0px 10px;
}
.formsection1 img{
	width: 90px;
	height: auto;
}
.formsection1 .divider1{
	border-top: 2px solid #b4baca;
    padding: 10px 0px 0px;
}

.formsection11 .chat_1:first-child{
	margin: 20px 0px 10px;
}


.formsection2{
	padding: 20px 40px;
}
.formsection2 label{
	color: #030454;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px 0px 5px;
}
.formsection2 label a{
	color: #0056b3;
}
.formsection2 label a i{
	padding-right: 5px;
}
/* .formsection2 label span{
	color: #ff0000;
    font-size: 14px;
    padding-left: 3px;
} */
.formsection2 input, .formsection2 select, .formsection2 .bootstrap-select{
	color: #424242;
    font-size: 14px;
    background-color: #fff;
	width: 100% !important;
    height: 43px !important;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 15px;
}
.formsection2 form textarea, .formsection2 textarea{
	color: #424242;
    font-size: 14px;
	width: 100%;
	min-height: 90px;
	background-color: #fff;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 7px;
}
.formsection2 input[readonly], .formsection1 select[readonly]{
	background-color: #c8cdd1;
    opacity: 1;
}
.formsection2 input[type="checkbox"]{
	height: 20px !important;
}
.formsection2 .dropdown-toggle{
	width: 100% !important;
    height: 43px !important;
	color: #424242;
	padding: 0px 10px 0px;
    background: transparent;
}
.formsection2 small{
	display: block;
    color: #333;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 10px;
}
.formsection2 h4{
	color: #030454;
    font-size: 14px;
    font-weight: 700;
	line-height: 1.7;
    padding: 0px;
    margin: 0px;
}
.formsection2 .payment51 h4{
	color: #030454;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.7;
    padding: 0px 0px 10px !important;
    margin: 0px;
}
.formsection2 p{
	color: #030454;
    font-size: 14px;
    font-weight: 500;
	line-height: 1.7;
	word-break: break-word;
    padding: 0px;
    margin: 0px 0px 10px;
}
.formsection3{
	width: 22%;
    display: inline-block;
    float: left;
}
.formsection3 label{
	color: #030454;
    font-size: 14px;
    font-weight: 600;
	float: left;
    padding: 0px;
    margin: 0px 0px 5px;
}
.formsection3 input{
	color: #424242;
    font-size: 14px;
    background-color: #fff;
	width: 100% !important;
    height: 37px !important;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 15px;
}
.search1{
	position: relative;
	overflow: hidden;
}
.search1 a{
	position: absolute;
    top: 0px;
    right: 0px;
    background-color: #bcbfc4;
	color: #fff;
    font-size: 17px;
	height: 43px;
    padding: 11px 20px 0px;
    margin: 0px;
}
.search1 a:hover{
	color: #fff;
}
.search1 button{
	position: absolute;
    top: 0px;
    right: 0px;
    background-color: #030454;
    color: #fff;
    font-size: 17px;
    height: 43px;
	border-radius: 0;
    padding: 0px 20px;
    margin: 0px;
}
.search1 button:hover{
	color: #fff;
}
.formsection1 .newmagb1, .formsection2 .newmagb1{
	margin-bottom: 5px !important;
}
.newmagb2{
	margin-bottom: 30px !important;
}
.newmagb3{
	margin-bottom: 50px !important;
}
.newmagb4{
	margin-bottom: 70px !important;
}
.formbutton1{
	text-align: center;
	margin-bottom: 50px;
}
.formbutton1 .formsave1{
	background-color: #030454;
    color: #e8e9eb;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 60px 10px;
	margin: 5px;
    border-radius: 21px;
    box-shadow: none;
}
.formbutton1 .formclose1{
	background-color: #d5d6d6;
    color: #030454;
    font-size: 14px;
    font-weight: 600;
    padding: 9px 60px 10px;
	margin: 5px;
    border-radius: 21px;
    box-shadow: none;
}
.formbutton2 .formsave1{
	background-color: #030454;
    color: #e8e9eb;
    font-size: 15px;
    font-weight: 500;
	float: right;
    padding: 9px 60px 10px;
	margin: 5px;
    border-radius: 21px;
    box-shadow: none;
}
.formsection1 .formsave1{
	background-color: #030454;
    color: #e8e9eb;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 60px 10px;
	margin: 15px 5px 5px 5px;
    border-radius: 21px;
    box-shadow: none;
}
.formbutton2 .formback1{
	background-color: #e8e9eb;
    color: #030454;
    font-size: 15px;
    font-weight: 500;
	float: left;
    padding: 9px 60px 10px;
	margin: 0px 5px;
    border-radius: 21px;
    box-shadow: none;
}
.formbutton2 .addnew1{
	background-color: #030454;
    color: #e8e9eb;
    font-size: 15px;
    font-weight: 500;
	float: left;
    padding: 9px 60px 10px;
	margin: 0px 5px;
    border-radius: 21px;
    box-shadow: none;
}
.formbutton3{
	margin: 4px 0px 0px;
}
.formbutton3 .formsave1{
	background-color: #030454;
    color: #e8e9eb;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 30px 7px;
	margin: 0px 5px 0px 0px;
    border-radius: 21px;
    box-shadow: none;
}
.formbutton3 .formclear1{
	background-color: #e8e9eb;
    color: #030454;
    font-size: 14px;
    font-weight: 600;
    padding: 6px 30px 7px;
    margin: 0px;
    border-radius: 21px;
    box-shadow: none;
}
.btn:focus{
	box-shadow: none !important;
}
.chat_1, .chat_3, .chat_4{
	background-color: #dcdfe6;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
}
.chat_1 h4, .chat_3 h4, .chat_4 h4{
	color: #030454;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
	border-bottom: 1px solid #b2b9c6;
	padding: 0px 0px 5px;
    margin: 0px 0px 5px;
}
.chat_1 h4 i, .chat_3 h4 i, .chat_4 h4 i{
	padding-right: 10px;
}
.chat_1 h4 span, .chat_3 h4 span, .chat_4 h4 span{
	float: right;
    font-size: 13px;
    font-weight: 600;
}
.chat_1 p, .chat_3 p, .chat_4 p{
	color: #030454;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}
.chat_1 a, .chat_3 a, .chat_5 a{
	color: #030454;
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.chat_2, .chat_5{
	background-color: #d6d6d6;
    border-radius: 10px;
    padding: 15px;
    margin: 10px 0px;
}
.chat_2 h4, .chat_5 h4{
	color: #030454;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
	border-bottom: 1px solid #b2b9c6;
	padding: 0px 0px 5px;
    margin: 0px 0px 5px;
}
.chat_2 h4 i, .chat_5 h4 i{
	padding-right: 10px;
}
.chat_2 h4 span, .chat_5 h4 span{
	float: right;
    font-size: 13px;
    font-weight: 600;
}
.chat_2 p, .chat_5 p{
	color: #030454;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}
.chat_2 a, .chat_5 a{
	color: #030454;
    font-size: 14px;
    font-weight: 500;
    display: block;
}
.emailsignature1{
	text-align: center;
}
.emailsignature1 button{
	width: 160px;
    height: 150px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    margin: 10px;
    border-radius: 10px;
    background-color: #030454;
}
.emailsignature1 a{
	width: 160px;
    height: 150px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    display: inline-block;
    margin: 10px;
    border-radius: 10px;
    background-color: #030454;
}
.emailsignature1 a:hover{
	color: #fff;
}
.emailsignature1 a img{
	display: block;
    width: 50px;
    padding-top: 33px;
    padding-bottom: 10px;
    margin: 0 auto;
}
.emailsignature1 img{
	display: block;
    width: 50px;
	padding-bottom: 10px;
    margin: 0 auto;
}
.newtab1{
	padding: 20px 40px;
}
.newtab1 a{
	background-color: #a7a7a7;
    color: #e8e9eb;
    font-size: 14px;
    font-weight: 500;
    padding: 9px 20px 10px;
    margin: 0px 5px;
    border-radius: 5px;
    box-shadow: none;
}
.newtab1 a:hover{
	background-color: #999999;
    color: #e8e9eb;
}
.newtab1 a.active{
	background-color: #030454;
    color: #e8e9eb;
}
.newtab3{
	display: none;
}
.newbox1{
	background-color: #fff;
    width: 100%;
	border-radius: 7px;
    position: relative;
    padding: 20px;
	margin: 10px 0px;
}
.newbox4{
	margin-bottom: 7px;
    border-bottom: 1px solid #e8e9eb;
}
.newbox1 h4{
	color: #030454;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.7;
    padding: 0px;
	margin: 0px 0px 10px;
}
.newbox1 h4.newbox2{
	margin: 10px 0px 0px;
}
.newbox1 h4 i{
	padding-right: 10px;
}
.newbox1 h4 span{
	padding-right: 10px;
}
.newbox1 p{
	color: #030454;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px 0px 10px;
}
.newbox1 p i{
	padding-right: 10px;
}
/* Form Class End */

/* Chart Class Start */
.newchart1{
	/*display: none;*/
}
.newchart1 .tabelform1{
	margin-bottom: 10px;
}
.newchart1 .tabelform1 .bootstrap-select{
	background-color: #e8e9eb;
}
.newchart2{
	position: relative;
	background-color: #e8e9eb;
    padding: 30px;
    margin-bottom: 50px;
	height: 360px;
}
.chartvalue1{
	position: absolute;
    bottom: 10px;
    right: 0;
	width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 0px 10px;
}
.chartvalue1 p{
	color: #030454;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}
.chartvalue1 p span{
	display: block;
    color: #030454;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    padding: 0px;
    margin: 0px;
}
.newchart3{
	border-bottom: 1px solid #bbbbbc;
	margin-bottom: 15px;
}
.newchart3 h4{
	color: #030435;
    font-size: 19px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    padding: 0px 0px 15px;
    margin: 0px;
}
.newchart4 {
	/* padding: 0px 15px; */
	padding: 0px 5px;
}
.newchart5 form label{
	color: #030454;
    font-size: 14px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
	display: block;
}
.newchart5 form input[type="number"]{
	color: #424242;
    font-size: 14px;
    background-color: #fff;
    width: 49% !important;
    /* width: 30% !important; */
    height: 35px !important;
	display: inline-block;
    border: none;
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 15px;
}
.newchart5 form input[type="submit"]{
	background-color: #030454;
    color: #e8e9eb;
    font-size: 14px;
    font-weight: 500;
    padding: 6px 15px;
    margin: 5px;
    border: none;
    box-shadow: none;
	cursor: pointer;
}
.newchart5 .circle{
	position: relative;
	text-align: center;
	padding: 0px 50px 16px;
    margin: 0px 0px 22px;
}
.newchart5 .circle canvas{
	width: 100%;
    height: 100%;
}
.newchart5 .circle strong{
	color: #030435;
	font-size: 24px;
	font-weight: 600;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -79%);
}
.newchart5 .circle p{
	color: #030435;
    font-size: 13px;
    font-weight: 600;
    position: absolute;
    bottom: -33px;
    left: 50%;
    transform: translate(-50%, 0px);
}
.newchart6{
	height: 71px;
}
.newchart4 canvas, .newchart5 canvas{
	width: auto !important;
    height: 220px !important;
    margin: 0px auto;
}
.newchart5 canvas#chart1{
	width: auto !important;
    height: 170px !important;
    margin: 0px auto;	
}
.newchartna1, .newchartna2, .newchartna3, .newchartna4, .newchartna5, .newchartna6, .newchartna9, .newchartna10, .newchartna11, .newchartna12, .newchartna13, .newchartna14, .newchartna15, .newchartna16, .newchartna17, .newchartna21{
	display: none;
	text-align: center;
    /* padding: 30px 0px; */
    padding: 22px 0px;
}
.newchartna1 img, .newchartna2 img, .newchartna3 img, .newchartna4 img, .newchartna5 img, .newchartna6 img, .newchartna9 img, .newchartna10 img, .newchartna11 img, .newchartna12 img, .newchartna13 img, .newchartna14 img, .newchartna15 img, .newchartna16 img, .newchartna17 img, .newchartna21 img{
	width: 120px;
}
.newchartna1 p, .newchartna2 p, .newchartna3 p, .newchartna4 p, .newchartna5 p, .newchartna6 p, .newchartna9 p, .newchartna10 p, .newchartna11 p, .newchartna12 p, .newchartna13 p, .newchartna14 p, .newchartna15 p, .newchartna16 p, .newchartna17 p, .newchartna21 p{
	color: #7c7c7c;
    font-size: 19px;
    font-weight: 600;
    padding: 25px 0px 0px;
    margin: 0px;
}
/* Chart Class End */

/* Quote Tab Start */
.quotetab1{
	padding: 10px 0px;
}
.quotetab1 a{
    color: #030435;
    font-size: 16px;
    font-weight: 600;
    background-color: #e8e9eb;
    border: 1px solid #030435;
    padding: 6px 15px;
    margin: 0px;
}
.quotetab1 a:hover, .quotetab1 a.active{
	color: #ffffff !important;
	background-color: #030435 !important;
}
.quotetab1 a:first-child{
	margin-right: 10px;
}
/* Quote Tab End */

/* Terms of Use Start */
.termscontent1{
	background-color: #e8e9eb;
    padding: 0px;
    margin-bottom: 90px;
}
.termscontenthead{
	padding: 15px 40px;
    background-color: #dcdfe6;
}
.termscontenthead h4{
	color: #030435;
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    padding: 0px;
    margin: 0px;
}
.termscontent2{
	padding: 20px 40px;
}
.termscontent3{
	margin: 0px 0px 19px;
}
.termscontent3 h4{
	color: #030454;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    padding: 0px 0px 10px;
    margin: 0px;
}
.termscontent3 p{
	color: #030454;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px 0px 10px;
}
.termscontent3 ul{
	list-style-type: disc;
    padding: 0px 0px 0px 35px;
    margin: 0px;
}
.termscontent3 li{
	color: #030454;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px 0px 10px;
	word-break: break-word;
}
.termscontent3 ul li ul{
	list-style-type: square;
	margin: 7px 0px 0px;
}
.termscontent3 a{
	color: #030454;
    font-weight: 600;
}
.termscontent4{
	background-color: #ffffff;
	padding: 30px 0px 0px;
}
.termscontent4 .termscontent1{
	margin-bottom: 0px;
}
.termscontent4 .loginfooter{
	position: static;
}
/* Terms of Use End */

/* Popup1 Class Start */
.popup1{
}
.popup1 .modal-header h5{
	color: #030454;
    font-size: 17px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}
.popup1 .modal-body p{
	color: #333;
    font-size: 14px;
    font-weight: 500;
    padding: 0px;
    margin: 0px;
}
.popup1 .modal-body form h5{
	color: #030454;
    font-size: 17px;
    font-weight: 600;
    padding: 0px 0px 10px;
    margin: 0px;
}
.popup1 .modal-body form label, .popup1 .modal-body label{
	color: #030454;
    font-size: 12px;
    font-weight: 500;
    padding: 0px;
    margin: 0px 0px 3px;
}
.popup1 .modal-body form label span{
	color: #ff0000;
    font-size: 14px;
    padding-left: 3px;
}
.popup1 .modal-body form input, .popup1 .modal-body form select, .popup1 .modal-body input{
	color: #424242;
    font-size: 14px;
	background-color: #fff;
	display: block;
    width: 100%;
    border: 1px solid rgba(55, 86, 106, 0.3);
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 7px;
}
.popup1 .modal-body form input[type="file"]{
	border: 1px dashed #030454;
}
.popup1 .modal-body form textarea{
	color: #424242;
    font-size: 14px;
	width: 100%;
	min-height: 90px;
	background-color: #fff;
    border: 1px solid rgba(55, 86, 106, 0.3);
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px 0px 7px;
}
.popup1 .modal-body form .checkbox1 input[type="checkbox"]{
	display: none !important;
}
.popup1 .modal-body form .checkbox2 {
  position: relative;
  top: 1px;
  width: 17px;
  height: 17px;
  border: 1px solid #c8ccd4;
  border-radius: 3px;
  vertical-align: middle;
  transition: background 0.1s ease;
  cursor: pointer;
}
.popup1 .modal-body form .checkbox2:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 5px;
  height: 11px;
  opacity: 0;
  transform: rotate(45deg) scale(0);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transition: all 0.3s ease;
  transition-delay: 0.15s;
}
.popup1 .modal-body form .checkbox3 {
  margin-left: 5px !important;
  cursor: pointer;
}
.popup1 .modal-body form .checkbox2:checked ~ .checkbox2 {
  border-color: transparent;
  background: #030454;
  animation: jelly 0.6s ease;
}
.popup1 .modal-body form .checkbox2:checked ~ .checkbox2:after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
/**/
.checkbox11 input[type="checkbox"]{
	display: none !important;
}
.checkbox21 {
  position: relative;
  top: 1px;
  width: 17px;
  height: 17px;
  border: 1px solid #9fa1a7;
  border-radius: 3px;
  vertical-align: middle;
  transition: background 0.1s ease;
  cursor: pointer;
}
.checkbox21:after {
  content: '';
  position: absolute;
  top: 1px;
  left: 5px;
  width: 5px;
  height: 11px;
  opacity: 0;
  transform: rotate(45deg) scale(0);
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transition: all 0.3s ease;
  transition-delay: 0.15s;
}
.checkbox31 {
  margin-left: 5px !important;
  cursor: pointer;
}
.checkbox21:checked ~ .checkbox21 {
  border-color: transparent;
  background: #030454;
  animation: jelly 0.6s ease;
}
.checkbox21:checked ~ .checkbox21:after {
  opacity: 1;
  transform: rotate(45deg) scale(1);
}
/**/
#appcontractnumber .col-md-3{
	padding-right: 0px;
}
@-moz-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@-webkit-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@-o-keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
@keyframes jelly {
  from {
    transform: scale(1, 1);
  }
  30% {
    transform: scale(1.25, 0.75);
  }
  40% {
    transform: scale(0.75, 1.25);
  }
  50% {
    transform: scale(1.15, 0.85);
  }
  65% {
    transform: scale(0.95, 1.05);
  }
  75% {
    transform: scale(1.05, 0.95);
  }
  to {
    transform: scale(1, 1);
  }
}
.popup1 .modal-body form p{
	color: #333;
    font-size: 12px;
    font-weight: 500;
    padding: 7px 0px 13px;
    margin: 0px;
}
.popup1 .modal-body form .newadd1{
	background-color: #030454;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
	float: right;
	border-radius: 21px;
    box-shadow: none;
    padding: 5px 22px;
	margin: 10px 0px 0px;
}
.popup1 .modal-body form ul{
	padding: 0px;
}
.popup1 .modal-body form li{
	list-style-type: none;
    display: inline-block;
    padding-right: 35px;
}
.popup1 .modal-body form .rediobutton1 input[type="radio"]{
	display: none;
}
.popup1 .modal-body form .rediobutton1 label{
	color: #030454;
    font-size: 13px;
    font-weight: 600;
    background-color: #f2f2f2;
    width: 100%;
    padding: 10px;
    margin: 0px 0px 10px;
    cursor: pointer;
}
.popup1 .modal-body form .rediobutton1 input[type="radio"]:checked + label{
	color: #fff;
	background-color: #030454;
}
.newpopupbtn1{
	text-align: right;
}
.popup1 .modal-footer .newsave, .newpopupbtn1 .newsave{
	background-color: #030454;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 22px;
    border-radius: 21px;
    box-shadow: none;
}
.popup1 .modal-footer .newsave:hover, .newpopupbtn1 .newsave:hover{
	color: #fff;
}
.popup1 .modal-footer .newclose, .newpopupbtn1 .newclose{
	background-color: #e8e9eb;
    color: #030454;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 5px 22px;
    border-radius: 21px;
    box-shadow: none;
}
.popup1 .modal-footer{
	border: none;
    padding-top: 0;
}
.newaddbtn1{
	color: #030454;
    font-size: 27px !important;
}
.newremovebtn2{
	color: #adadad;
    font-size: 27px !important;
}
.start_end_inactive{
	display: none;
}
/* Popup1 Class End */

/* My Profile Start */
.newprofileimg1{
	text-align: center;
	padding-top: 50px;
}
.newprofileimg1 h3{
	color: #030435;
    font-size: 21px;
    font-weight: 600;
    padding: 7px 0px 0px;
    margin: 0px;
}
.newprofileimg2{
	position: relative;
	display: inline-grid;
}
.newprofileimg2 img{
	width: 200px;
    border-radius: 50%;
}
.newprofileimg3{
	position: absolute;
    bottom: 0;
    right: 11%;
    width: 45px;
    height: 45px;
    background-color: #ffffff;
    padding: 11px 0px 0px 1px;
    border-radius: 50%;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.49);
}
.newprofileimg2 i{
	color: #7c7c7c;
}
/* My Profile End */

/* Loader Class Start */
.loading {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.83);
	z-index: 9999;
}
.loading1{
	position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.loading1 i{
	color: #fff;
    font-size: 24px;
}
.loading1 p{
	display: inline-block;
    color: #fff;
	font-size: 24px;
	line-height: 1.6;
	padding-left: 10px;
	margin: 0px;
}
/* Loader Class End */

/* Online User Class Start */
.onlineuser1{
	padding: 0px;
}
.onlineuser1 .onlineuser2{
	color: #fff;
    font-size: 17px !important;
    font-weight: 600;
    background-color: #030454;
    border-radius: 20px;
    display: inline-block !important;
    padding: 6px 17px 9px !important;
    position: relative;
}
.onlineuser1 a:hover{
	color: #fff !important;
	background-color: #030454 !important;
}
.onlineuser1 .onlineuser2 span{
	position: absolute;
    top: 0px;
    right: 0px;
    background-color: #a2cd3a;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.onlineuser1 .onlineuser2 img{
	width: 25px;
    height: 25px;
    margin-right: 5px;
}
.onlineuser1 p{
	display: inline-block;
    color: #7c7c7c;
    font-size: 16px;
    font-weight: 500;
    padding: 0px 0px 0px 7px;
    margin: 0px;
}
/* Online User Class End */

/* Contact Class Start */
.contact1{
	background-color: #ffffff;
	border: 1px solid #030454;
    border-radius: 20px 0px;
    padding: 20px 20px;
    margin: 0px 0px 25px;
}
.contact1 h4{
	color: #030435;
    font-size: 17px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0px 0px 10px;
    margin: 0px;
}
.contact1 ul{
	padding: 0px;
    margin: 0px;
}
.contact1 li{
	color: #030454;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    list-style-type: none;
    padding: 0px 0px 0px 34px;
    margin: 0px 0px 5px;
    background: url(../../assets/images/contacticon1.png);
    background-size: 21px !important;
    background-repeat: no-repeat !important;
}
.contact1 li:nth-child(2){
	background: url(../../assets/images/contacticon2.png);
}
.contact1 li:nth-child(3){
	background: url(../../assets/images/contacticon3.png);
}
.contact1 li:nth-child(4){
	background: url(../../assets/images/contacticon4.png);
}
.contact1 li a{
	color: #030454;
    font-weight: 600;
}
/* Contact Class End */

.newhidden{
	display: none !important;
}
.newpaddtop1{
	padding-top: 10px !important;
}
.newmargb1{
	margin-bottom: 6px !important;
}
.newmargb2{
	margin-bottom: 90px !important;
}
.bootstrap-select .dropdown-menu li{
	width: 100%;
}
.dropdown-item{
	text-align: left !important;
}
.dropdown-item.active, .dropdown-item:active {
    color: #fff;
	text-decoration: none;
    background-color: #bcbfc4 !important;
}
.newdropdown1 ul.dropdown-menu li:nth-child(2){
	display: none;
}
.sidebar2{
	position: fixed;
    left: 0px;
    top: 0px;
	width: 250px;
    /* height: 900px; */
    height: 100vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.sidebar2::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}
.sidebar2::-webkit-scrollbar
{
	width: 4px;
	background-color: #F5F5F5;
}
.sidebar2::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #c5c7cc;
}
.sidebar2 .dropdown-toggle::after{
	color: #030454;
}
.newhidden1231{
	display: none;
}
#monthlypayment2 #investment_amount{
	width: 63% !important;
}
.newheader1231 .bootstrap-select .filter-option .filter-option-inner-inner{
	white-space: nowrap; 
	width: 100px; 
	overflow: hidden;
	text-overflow: ellipsis;
}
.newheader1231 .dropdown-menu{
	/* max-width: 159px; */
}
.newheader1231 .bootstrap-select .dropdown-menu li {
    /* width: auto; */
}
.newheader1231 .bootstrap-select .dropdown-menu li a.dropdown-item {
	white-space: normal;
	font-size: 12px !important;
	padding-left: 10px !important;
}
.statusgreen1{
	/* background-color: #4caf50; */
	background-color: #165617;
}

.newheadbtton1{
	float: right;
	margin: 0px 0px 7px;
}
.newheadbtton1 ul{
	padding: 0px;
	margin: 0px;
}
.newheadbtton1 li{
	list-style-type: none;
}
.newheadbtton1 a{
	background-color: #030454;
    color: #e8e9eb;
    font-size: 15px;
    font-weight: 500;
    float: left;
    padding: 9px 60px 10px;
    margin: 0px 5px;
    border-radius: 21px;
    box-shadow: none;
}
.newheadbtton1 a:hover{
	color: #e8e9eb;
}
.newpaddingt1{
    padding-top: 70px !important;
}


/* Rating Class Start */
.rating-container .rating-input, .rating-container .clear-rating{
	display: none !important;
}
.newrating1{
	background-color: #fff;
    padding: 20px 30px;
    margin: 0px;
}
.newrating1 .rating-stars .rating-lg{
	font-size: 40px;
}
.newrating1 .rating-stars .glyphicon{
	left: 2px;
}
.newrating1 .rating-stars .rating-container .empty-stars, .rating-container .empty-stars {
    color: rgba(55, 86, 106, 0.5215686274509804) !important;
}
.newrating1 .rating-stars .rating-container .filled-stars, .rating-container .filled-stars{
	color: #030454 !important;
}
.newrating1 .rating-stars .caption{
    color: #030435;
    font-size: 20px;
    line-height: 1.3;
	display: inline-block;
    padding: 0px 0px 0px 10px;
    margin: 0px;
}
.newrating1 .rating-stars .caption span{
	color: #030435;
    font-size: 20px;
    font-weight: 600;
    text-transform: none;
    padding: 0px;
    margin: 0px;
}
.newrating1 .form-group{
	margin: 0px 0px 17px;
}
.newrating1 textarea{
	background-color: #e8e9eb;
	min-height: 120px;
    outline: #030454;
	margin: 0px;
}
.newrating1 button{
	margin: 0px !important;
}
.rating-stars .caption{
	display: none !important;
}
/* Rating Class End */


/*Page Loader Start*/
.pageloader1{
	background-color: #fff;
    width: 100%;
    height: 100%;
	position: relative;
}
.pageloader2{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.lds-roller {
	display: inline-block;
	width: 79px;
	height: 79px;
}
.lds-roller div {
	animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	transform-origin: 40px 40px;
}
.lds-roller div:after {
	content: " ";
	display: block;
	position: absolute;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #030454;
	margin: -4px 0 0 -4px;
}
.lds-roller div:nth-child(1) {
	animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
	top: 63px;
	left: 63px;
}
.lds-roller div:nth-child(2) {
	animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
	top: 68px;
	left: 56px;
}
.lds-roller div:nth-child(3) {
	animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
	top: 71px;
	left: 48px;
}
.lds-roller div:nth-child(4) {
	animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
	top: 72px;
	left: 40px;
}
.lds-roller div:nth-child(5) {
	animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
	top: 71px;
	left: 32px;
}
.lds-roller div:nth-child(6) {
	animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
	top: 68px;
	left: 24px;
}
.lds-roller div:nth-child(7) {
	animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
	top: 63px;
	left: 17px;
}
.lds-roller div:nth-child(8) {
	animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
	top: 56px;
	left: 12px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*Page Loader End*/

.installment_rate_list{padding-top:60px;}


/******************* MODAL BOX (Terms and Condition) *********************/
.termscondition__content {
    height: 450px;
    padding: 10px 10px 0px 10px;
    margin-top: 10px;
    /* background-color: #f1f1f1; */
    overflow-y: scroll;
}
.termscondition__content-header {
    margin-bottom: 30px;
}
.termscondition__content-body--top {
    font-size: 0;
}
.termscondition__content-headingB {
    font-weight: 600;
    color: #9a9999;
}
.termscondition__content-body--bottom {
    padding-left: 30px;
}
.termscondition__content-point {
    font-size: 14px;
    color: #030454;
    margin-bottom: 15px;
}
.termscondition__content::-webkit-scrollbar {
    width: 8px;
    height: 8px;
    background: #fff;
}
.termscondition__content::-webkit-scrollbar-thumb {
    background-color: #f0f0f0;
}
.termscondition__content-inwrap h6 {
    padding-bottom: 5px;
}
.dashboardbanner1{
	margin-bottom: 25px;
}
.dashboardbanner1 img{
	width: 100%;
    height: auto;
}
.tabledashboard .filter-option .filter-option-inner-inner{
	margin-top: 8px;
}
.newpaddt1{
	padding-top: 10px;
}
.page-link {
	padding: 5px 11px !important;
    font-size: 14px !important;
	line-height: 1.5 !important;;
}
.page-item.active .page-link {
    background-color: #030454 !important;
    border-color: #030454 !important;
}
.bootstrap-select .dropdown-toggle .filter-option-inner-inner, .newdropdown1 .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
	margin-top: 10px;
	font-size: 14px;
}
.sidemenu123 .newheader1231 .bootstrap-select .dropdown-toggle .filter-option-inner-inner{
	margin-top: 0px;
}
.pagination{
    margin: 9px 0px 0px;
	justify-content: flex-end;
}
.newsearch1{
	position: absolute;
	top: 1px;
	right: 15px;
}
.newsearch1 input{
	height: 43px;
}
.newsearch1 button{
	height: 42px;
}
#datatable tbody tr{
	display: none;
}
#datatable tbody tr:nth-child(1), #datatable tbody tr:nth-child(2), #datatable tbody tr:nth-child(3), #datatable tbody tr:nth-child(4), #datatable tbody tr:nth-child(5), 
#datatable tbody tr:nth-child(6), #datatable tbody tr:nth-child(7), #datatable tbody tr:nth-child(8), #datatable tbody tr:nth-child(9), #datatable tbody tr:nth-child(10),
#datatable tbody tr:nth-child(11), #datatable tbody tr:nth-child(12), #datatable tbody tr:nth-child(13), #datatable tbody tr:nth-child(14), #datatable tbody tr:nth-child(15), 
#datatable tbody tr:nth-child(16), #datatable tbody tr:nth-child(17), #datatable tbody tr:nth-child(18), #datatable tbody tr:nth-child(19), #datatable tbody tr:nth-child(20),
#datatable tbody tr:nth-child(21), #datatable tbody tr:nth-child(22), #datatable tbody tr:nth-child(23), #datatable tbody tr:nth-child(24), #datatable tbody tr:nth-child(25){
	display: table-row;
}
.bootstrap-select .dropdown-menu li a span.text {
    font-size: 14px;
}
.timeframeunder{
	background-color: #2cd40e;
	width: 15px;
    height: 15px;
    color: #fff;
    font-size: 0px;
    font-weight: 600;
    padding: 0px;
    margin: 0px 5px;
    border-radius: 50%;
	transform: translate(0px, -11px);
}
.timeframeover{
	background-color: #ffa500;
	width: 15px;
    height: 15px;
    color: #fff;
    font-size: 0px;
    font-weight: 600;
    padding: 0px;
    margin: 0px 5px;
    border-radius: 50%;
	transform: translate(0px, -11px);
}

@media (max-width: 767.98px) {
    .termscondition__content {
        height: 380px;
        padding: 0;
    }
    .termscondition__content .termscondition__content-header h2 {
        font-size: 24px;
    }
    .termscondition__content-headingB {
        font-size: 16px;
    }
    .termscondition__content-body--bottom {
        padding-left: 15px;
    }
    .termscondition__content-body .termscontent3 ul {
        padding-right: 12px;
    }
	.newsearch1{
		position: static;
		margin-bottom: 10px;
	}
}

/* Thankyou Page CSS Start */
.thankyoumsg1{
	margin: 20px 0px 70px;
}
.thankyoumsg2{
	padding: 30px 0px 0px;
    margin: 0px auto;
        text-align: center;
}
.thankyoumsg2 h3{
	color: #fff;
    font-size: 27px;
    font-weight: 500;
	font-style: italic;
	text-transform: capitalize;
    line-height: 1.3;
    padding: 0px 0px 15px;
    margin: 0px;
}
.thankyoumsg2 h3 span{
	font-weight: 600;
}
.thankyoumsg2 p{
	color: #030435;
    font-size: 17px;
    font-weight: 500;
    line-height: 1.3;
    padding: 0px 0px 15px;
    margin: 0px;
}
.thankyoumsg2 a{
	color: #ffb576;
	font-weight: 600;
    text-decoration: underline !important
}
.thankyoumsg2 a:hover{
	color: #ffb576;
}
/* Thankyou Page CSS End */


/* Dashboard Popup Class Start */
.dashpopup1{
	display: none;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(55, 86, 106, 0.79);
	padding: 50px 15px 0px;
    margin: 0px;
	overflow-y: auto;
	z-index: 99999;
}
.dashpopup2{
	position: relative;
	/* width: 100%; */
    max-width: 530px;
    background-color: #e8e9eb;
    margin: 0px auto;
}
.dashpopup3{
	background-color: #dcdfe6;
    padding: 20px 30px;
}
.dashpopup3 h4{
	color: #030435;
    font-size: 17px;
    font-weight: 600;
    display: inline-block;
	line-height: 1.4;
    text-transform: none;
    padding: 0px;
    margin: 0px;
}
.dashpopup4{
	padding: 20px 30px;
}
.dashpopup4 p{
	color: #030454;
    font-size: 14px;
	font-weight: 500;
	text-align: left;
    line-height: 1.5;
    padding: 0px 0px 10px;
    margin: 0px;
}
.dashpopup4 p span{
	font-weight: 700;
}
.dashpopup4 ul{
	list-style-type: disc;
    padding: 0px 0px 0px 35px;
    margin: 0px;
}
.dashpopup4 li{
	color: #030454;
    font-size: 14px;
    font-weight: 500;
	text-align: left;
    line-height: 1.5;
    padding: 0px;
    margin: 0px 0px 10px;
    word-break: break-word;
}
.dashpopup4 li span{
	font-weight: 700;
}
.dashclose1{
	position: absolute;
    top: -17px;
    right: -17px;
    cursor: pointer;
}
.dashclose1 img{
	width: 35px;
	height: 35px;
}
/* Dashboard Popup Class End */
.newchart11{
	max-width: 500px;
	margin: 50px auto 0px;
}
.newchart112{
	margin: 100px auto 0px;
}
.newchart12{
	margin: 0px 0px 25px;
}
.newchart12 p{
	color: #030435;
    font-size: 16px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}
.newchart12 p span{
	float: right;
}
/* .newchart12 p span:before{
	content: "$";
} */
.newchart13 {
  width: 100%;
  background-color: #cacaca;
  overflow: hidden;
}
.newchart13 .newchart14 {
	color: #fff;
	text-align: right;
}
.newchart13 .newchart14 p{
	color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    padding: 7px 10px;
    margin: 0px;
	visibility: hidden;
}
.newchart11 .newchart15 {position: relative;background-color: #66c2a3;overflow: hidden;}
.newchart11 .newchart15:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200%;
    height: 100%;
    background: url(../images/line1.png);
    /* background-size: 6px 1px; */
    transform: skewX(30deg) translate(-11px, 0px);
}
.newchart11 .newchart16 {position: relative;background-color: #698caf;overflow: hidden;}
.newchart11 .newchart16:before{
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 200%;
    height: 100%;
    background: url(../images/line2.png);
    /* background-size: 6px 1px; */
    transform: skewX(30deg) translate(-11px, 0px);
}

.newchart21{
	display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}
.newchart22{
	/* margin: 0px 15px; */
	/* margin: 0px 12px; */
	margin: 0px 7px;
}
.newchart22 h4{
	color: #030435;
    font-size: 16px;
    /* font-size: 12px; */
    font-weight: 600;
	text-align: center;
    padding: 0px;
    margin: 0px;
}
.newchart22 p{
	color: #030435;
    /* font-size: 14px; */
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 0px;
    margin: 0px;
}
.newchart22 p span{
	width: 19px;
    height: 19px;
    border-radius: 50px;
    border: 2px solid #fff;
    margin: 0px 3px 0px 0px;
    transform: translate(0px, 3px);
}
.newchart22 p span.color1{
	background-color: #66c2a3;
}
.newchart22 p span.color2{
	background-color: #698caf;
}
.newchart23{
	position: relative;
    width: 40px;
    height: 179px;
    background-color: #cacaca;
    margin: 3px auto 7px;
	overflow: hidden;
}
.newchart24{
	position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
    background-color: #66c2a3;
}
.newchart24:before{
	content: "";
    position: absolute;
    bottom: 0px;
    left: -50px;
    width: 350%;
    height: 100%;
    background: url(../images/line1.png);
    transform: skewX(30deg);
}
.newchart25{
	position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 90px;
    background-color: #698caf;
}
.newchart25:before{
	content: "";
    position: absolute;
    bottom: 0px;
    left: -50px;
    width: 350%;
    height: 100%;
    background: url(../images/line2.png);
    transform: skewX(30deg);
}

.progress-pie-chart {
	position: relative;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	background-color: #E5E5E5;
	margin: 40px auto 0;
}
.progress-pie-chart.gt-50 {
  background-color: #81CE97;
}

.ppc-progress {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 100px);
  top: calc(50% - 100px);
  width: 200px;
  height: 200px;
  clip: rect(0, 200px, 200px, 100px);
}
.ppc-progress .ppc-progress-fill {
  content: "";
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
  width: 200px;
  height: 200px;
  background: #698caf;
  border-radius: 50%;
  clip: rect(0, 100px, 200px, 0);
  transform: rotate(60deg);
}
.gt-50 .ppc-progress {
  clip: rect(0, 100px, 200px, 0);
}
.gt-50 .ppc-progress .ppc-progress-fill {
  clip: rect(0, 200px, 200px, 100px);
  background: #E5E5E5;
}

.ppc-percents {
  content: "";
  position: absolute;
  border-radius: 50%;
  left: calc(50% - 173.9130434783px/2);
  top: calc(50% - 173.9130434783px/2);
  width: 173.9130434783px;
  height: 173.9130434783px;
  background: #fff;
  text-align: center;
  display: table;
}
.ppc-percents span {
  display: block;
  color: #698caf;
  font-size: 2.6em;
  font-weight: bold;
}
.pcc-percents-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.charttable .tablehead1{
	position: absolute;
    top: 0px;
    left: 20px;
	margin-bottom: 0px;
}
.charttable .dataTables_filter{
	text-align: right !important;
}
.approvedtable, .pendingtable, .moreinfotable, .declinedtable, .pendingsettlementtable, .prepaidtable, .cancelledtable, .settledtable{
	display: none;
}
.formsave11{
	background-color: #030454 !important;
    color: #e8e9eb !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    float: right !important;
    border-radius: 21px !important;
    box-shadow: none !important;
    padding: 9px 30px 10px !important;
    margin: 0px !important;
}
.pageheader button.formsave11{
	text-decoration: none !important;
}
.newtotal1{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.newtotal2{
	background-color: #fff;
	width: 45%;
    height: auto;
	text-align: center;
	border-radius: 7px;
    padding: 10px;
    margin: 0px;
	box-shadow: 0px 4px 15px rgb(0 0 0 / 9%);
}
.newtotal3{
    width: 120px;
    height: 120px;
    border: 3px solid rgb(55 86 106 / 0.27);
    border-radius: 50%;
    padding: 0px;
    margin: 0px auto;
}
.newtotal3 h3{
	color: #030435;
    font-size: 18px;
    font-weight: 600;
    line-height: 120px;
    padding: 0px;
    margin: 0px;
}
.newtotal2:last-child .newtotal3 h3{
	font-size: 35px;
}
.newtotal4{
	margin: 3px 0px 0px;
}
.newtotal4 p{
	color: #030454;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}
.newnotification1{
	position: relative;
	background-color: #fff;
    border-right: 3px solid #030454;
    padding: 10px 15px 10px 100px;
    margin: 13px 0px 15px;
}
.formsection11 .newnotification1:last-child{
	margin: 13px 0px 0px;
}
.newnotification1:before{
	content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    width: 89px;
    height: 100%;
    background-color: #030454;
    transform: translate(0%, -50%);
    background: url(../images/email2.png), #030454;
    background-repeat: no-repeat;
    background-size: 39px;
    background-position: center;
}
.newnotification2 h4{
	color: #030454;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.7;
    border-bottom: 1px solid #b2b9c6;
    padding: 0px 0px 5px;
    margin: 0px 0px 5px;
}
.newnotification2 h4 i{
	padding-right: 7px;
}
.newnotification2 h4 span{
	float: right;
    font-size: 13px;
    font-weight: 600;
}
.newnotification2 h5{
	color: #030454;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.7;
    padding: 3px 0px;
    margin: 0px;
}
.newnotification2 p{
	color: #030454;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0px;
    margin: 0px;
}
.newsection1{
	background-color: #e8e9eb;
    padding: 20px;
	margin: 0px 0px 90px;
}
.newsection2{
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.newsection3{
	display: none;
	position: relative;
	background-color: #fff;
    width: 29%;
	min-height: 141px;
    border: 1px solid #e8e9eb;
	border-radius: 10px;
    padding: 20px 15px 20px 79px;
    margin: 10px 10px 10px 30px;
	box-shadow: 1px 1px 15px rgb(0 0 0 / 13%);
}
.newsection5{
	min-height: 156px;
}
.newsection3:nth-child(1), .newsection3:nth-child(2), .newsection3:nth-child(3), .newsection3:nth-child(4), .newsection3:nth-child(5), .newsection3:nth-child(6), .newsection3:nth-child(7), .newsection3:nth-child(8), .newsection3:nth-child(9){
	display: block;
}
.newsection3 h3{
	color: #030435;
    font-size: 14px;
    font-weight: 600;
	line-height: 1.5;
    padding: 0px;
    margin: 0px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	word-break: break-word;
}
.newsection3 h5{
	color: #030435;
    font-size: 13px;
    font-weight: 500;
    line-height: 1.3;
    padding: 0px;
    margin: 0px;
}
.newsection3 h5 i{
	margin-right: 1px;
}
.newsection3 p{
	color: #030435;
    font-size: 12px;
    font-weight: 500;
	line-height: 1.3;
    padding: 4px 0px 7px;
    margin: 0px;
}
.newsection3 p i{
	margin-right: 4px;
	font-size: 13px;
}
.newsection3 ul{
	display: block !important;
	padding: 0px;
    margin: 0px;
}
.newsection3 ul li{
	display: inline-block;
    list-style-type: none;
	padding: 0px 4px 0px 0px;
    margin: 0px;
}
.newsection3 ul li a i{
	width: 34px;
    height: 30px;
    background-color: #030454;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
	border-radius: 4px;
    padding: 0px;
    margin: 0px;
}
.newsection4{
	position: absolute;
    top: 50%;
    left: -20px;
    transform: translate(0px, -50%);
}
.newsection4 img{
	width: 90px;
    height: 90px;
	border-radius: 7px;
    object-fit: cover;
}
.newsection4 img.newimg1{
	background-color: #030454;
    padding: 15px;
}
.newsection1 .pagination{
	padding: 10px 0px 0px;
    margin: 0px;
}
.newsection1 .pagination a{
    width: 30px;
    height: 30px;
	background-color: #fff;
    color: #030454 !important;
    font-size: 15px;
    font-weight: 500;
	line-height: 29px;
    text-align: center;
	border-top: 1px solid rgb(55 86 106 / 59%);
    border-right: 1px solid rgb(55 86 106 / 59%);
	border-bottom: 1px solid rgb(55 86 106 / 59%);
    padding: 0px;
    margin: 0px;
    cursor: pointer;
}
.newsection1 .pagination a:hover, .newsection1 .pagination a.current{
	color: #fff !important;
    background-color: #030454;
}
.newsection1 .pagination a:nth-child(1){
	border-left: 1px solid rgb(55 86 106 / 59%);
}
.newsection1 .pagination a.nav{
	justify-content: center;
}
.newsection1 .pagination a.disabled{
	cursor: not-allowed;
}
.newsection1 .pagination a.disabled:hover{
	color: #030454 !important;
    background-color: #e8e9eb;
}
.newfileupload11{
	position: relative;
	background-color: #f6f6f6;
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border: 2px dashed rgb(13 55 112 / 25%);
    padding: 17px 0px;
    margin: 0px 0px 20px;
	z-index: 1;
}
.newfileupload11 input[type="file"]{
	position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100% !important;
    height: 100% !important;
	background-color: transparent !important;
	opacity: 0;
	visibility: visible;
    z-index: 9;
    cursor: pointer;
}
.newfileupload12{
	text-align: center;
}
.newfileupload12 img{
	display: block;
	width: 50px;
    height: 50px;
    margin: 0px auto;
}
.newfileupload12 h4{
	color: #0d3770;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.3;
    padding: 0px;
    margin: 9px 0px 0px;
}
.newfileupload12 p{
	color: #333;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    padding: 0px;
    margin: 0px;
}
.newfileupload12 a{
	display: inline-block;
	background-color: #0d3770;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
	border-radius: 4px;
    padding: 5px 13px 6px;
    margin: 6px 0px 0px;
}
.newfileupload12 a:hover, .newfileupload12 a:focus{
	color: #fff;
	text-decoration: none;
}
.newfileupload12 span{
	display: block;
	color: #f00;
    font-size: 13px;
    margin: 7px 0px 0px;
}
.maillead1{
	margin: 0px 0px 15px;
}
.maillead12{
	margin: 0px 0px 5px !important;
}
.maillead1 label{
	display: block;
    color: #030435;
    font-size: 14px;
    font-weight: 600;
    padding: 0px 0px 3px;
    margin: 0px;
}
.maillead1 input, .maillead1 select{
	color: #424242;
    font-size: 14px;
    background-color: #fff;
    width: 100% !important;
    height: 38px !important;
    border: 1px solid rgb(55 86 106 / 40%);
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px;
}
.maillead1 textarea{
	color: #424242;
    font-size: 14px;
    background-color: #fff;
    width: 100%;
    height: 100px;
    min-height: 70px;
    border: 1px solid rgb(55 86 106 / 40%);
    border-radius: 0;
    padding: 7px 10px;
    margin: 0px;
}
.modal-title {
    color: #030435;
    font-size: 19px;
    font-weight: 600;
    padding: 0px;
    margin: 0px;
}
.newfile1margin1{
	margin: 15px 0px 0px !important;
	padding-top: 0px;
    padding-bottom: 0px;
}
.newfile1margin2{
	margin: 15px 0px 0px !important;
}
.filelist1{}
.filelist1 ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0px;
    margin: 10px 0px 0px;
}
.filelist1 li{
	position: relative;
	list-style-type: none;
    width: 49%;
    color: #030454;
    font-size: 15px;
    font-weight: 600;
    text-align: left;
    border-radius: 4px;
    padding: 10px 10px 10px 23px;
    margin: 0px 0px 10px;
    background-color: #fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
.filelist2 li{
	width: 100%;
}
.filelist1 li:before{
	content: "\f101";
    position: absolute;
    top: 50%;
    left: 9px;
	font-family: FontAwesome;
    transform: translate(0%, -50%);
}
.filelist1 li span{
	color: #40647e;
    font-size: 10px;
    font-weight: 500;
    vertical-align: sub;
}
.popupbtn1 {
	background-color: #030454;
    color: #e8e9eb;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 5px 26px !important;
    border-radius: 21px !important;
}
.popupbtn2 {
	background-color: #e8e9eb;
    color: #030454;
    font-size: 15px !important;
    font-weight: 500 !important;
    padding: 5px 26px !important;
    border-radius: 21px !important;
}
.resller1{
    position: relative;
	max-width: 309px;
	background-color: #fff;
    border-radius: 5px;
    border: 1px solid #c8cdd1;
	padding: 10px 10px 10px 55px;
    margin: 15px 0px 0px;
}
.resller2 i{
	position: absolute;
    top: 50%;
    left: 10px;
    transform: translate(0%, -50%);
    color: #030454;
    font-size: 35px;
    line-height: 35px;
    padding: 0px;
    margin: 0px;
}
.resller1 h4{
	display: inline-block;
    color: #030454;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    padding: 0px 5px 0px 0px;
    margin: 0px;
}
.resller1 h4 i{
	margin-right: 4px;
}
.resller1 p{
	color: #030454;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5;
    padding: 0px;
    margin: 0px;
}
.newtab11{
	background-color: #dcdfe6;
	padding: 15px 30px;
}
.newtab11 ul{
	padding: 0px;
	margin: 0px;
}
.newtab11 ul li{
	list-style-type: none;
    display: inline-block;
    background-color: #e8e9eb;
    color: #030435;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #030435;
    border-radius: 4px;
    padding: 6px 20px;
    margin: 0px 13px 0px 0px;
    cursor: pointer;
}
.newtab11 ul li:last-child{
	margin: 0px;
}
.newtab11 ul li.active{
	color: #ffffff;
    background-color: #030435;
}
.newtab13{
	display: none;
}
.newlist11 ul{
	padding: 0px;
    margin: 0px 0px 0px 15px;
}
.newlist11 ul li{
	position: relative;
    color: #0d3770;
    font-size: 14px;
    list-style-type: none;
    font-weight: 600;
    text-align: left;
    padding: 0px 0px 7px 30px;
    margin: 0px;
}
.newlist11 ul li:before{
	content: "\f054";
    font-family: FontAwesome;
    position: absolute;
    top: 3px;
    left: 13px;
    color: #0d3770;
    font-size: 12px;
    font-weight: 500;
}
.newlist11 ul li span{
	font-weight: 400;
    font-size: 9px;
    vertical-align: bottom;
    padding: 0px 0px 0px 3px;
}
#docfolder-error{
	color: #f00;
    font-size: 13px;
}
#jquery-tab-pager-navi {
	display: flex;
    justify-content: flex-end;
	padding: 0px;
    margin: 10px 20px 0px 0px;
}
#jquery-tab-pager-navi li{
	list-style-type: none;
}
#jquery-tab-pager-navi li a {
	color: #030454;
	font-size: 14px;
    float: left;
    padding: 5px 11px;
    text-decoration: none;
    border: 1px solid #c7c9cc;
    border-right: 0;
}
#jquery-tab-pager-navi li a.current{
	background-color: #c8cdd1 !important;
    border: 1px solid #c7c9cc !important;
}
#jquery-tab-pager-navi li a.disable{
	background-color: #ddd !important;
	border: 1px solid #c7c9cc !important;
	cursor: default;
}
#jquery-tab-pager-navi li:last-child a {
    border-right: 1px solid #c7c9cc;
}
#jquery-tab-pager-navi li a:hover:not(.active) {background-color: #c8cdd1;}

#do_legend{
	margin: 0px 0px 13px;
}
#do_legend> ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
#do_legend li {
	display: block;
    width: 24%;
    margin: 4px 3px;
	cursor: pointer;
}
#do_legend li span {
	display: block;
    position: relative;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
	padding: 3px;
    border-radius: 0;
	z-index: 2;
}
.donut-area{
    height:calc(100% - 62px)
}