* {
	font-family: "Source Sans Pro",sans-serif;
}
html {
	font-size: 16px;
}
.main-color{
	color: #333333;
}
.underline{
	text-decoration: underline;
}
.navbar.sign-nav {
    margin: 10px 70px !important;
    border: none;
}
.navbar .navbar-brand{
	padding-left: 0;
    padding-right: 0;
}
.navbar .nav-item{
	margin: 0 !important;
}
.navbar .navbar-brand > img {
    display: inline-block;
}
.navbar .nav-item .nav-link{
	color: #333333 !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	margin-right: 5px !important;
	margin-left: 5px !important;
}
.navbar .nav-item .nav-link.sign{
	padding-bottom: 8px !important;
}
a.start-yellow-button{
	padding: 13px 25px;
	background-color: #FACB2E !important;
	line-height: 20.11px !important;
	color: #333333 !important;
	text-decoration: none !important;
	border-radius: 4px !important;
	font-family: "Source Sans Pro",sans-serif !important;
	margin-left: 25px;
}
button.start-yellow-button{
	min-width: 160px !important;
	height: 40px !important;
	/*padding: 10px 5px !important;*/
	background-color: #FACB2E !important;
	line-height: 20.11px !important;
	color: #333333 !important;
	text-decoration: none !important;
	/*font-weight: bold !important;*/
	border-radius: 4px !important;
	border: none !important;
	font-family: "Source Sans Pro",sans-serif !important;
	margin-top: 10px;
}
button.create-yellow-button{
	min-width: 160px !important;
	padding: 15px 5px !important;
	background-color: #FACB2E !important;
	line-height: 20.11px !important;
	color: #333333 !important;
	text-decoration: none !important;
	/*font-weight: bold !important;*/
	border-radius: 4px !important;
	border: none !important;
	font-family: "Source Sans Pro",sans-serif !important;
	margin-top: 10px;
}
.btn-normal-split.dropdown-toggle {
	/* height: 40px;
	margin-top: 10px; */
}
.btn-normal-split.dropdown-toggle:focus {
	box-shadow: none;
}
a.start-yellow-button:focus, button.start-yellow-button:focus, .addextra:focus {
	box-shadow: 0 0 0 0.2rem #FACB2E !important;
}
button.start-black-button, a.start-black-button{
	min-width: 160px !important;
	height: 40px !important;
	padding: 10px 5px !important;
	background-color: #333333 !important;
	line-height: 20.11px !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
	font-weight: bold !important;
	border-radius: 4px !important;
	border: none !important;
	font-family: "Source Sans Pro",sans-serif !important;
	margin-top: 10px;
}
a.padding-13-25{
	padding: 13px 25px !important;
	margin-top: 0 !important;
	height: inherit !important;
}
.add_scope_item {
	color: #FFFFFF !important;
	background-color: #333333 !important;
	border-radius: 4px !important;
	border: none !important;
	font-family: "Source Sans Pro",sans-serif !important;
}
.addextra {
	color: #333333 !important;
	background-color: #FACB2E !important;
	border-radius: 4px !important;
	border: none !important;
	font-family: "Source Sans Pro",sans-serif !important;
}
button.start-black-button:focus, a.start-black-button:focus, .add_scope_item:focus {
	box-shadow: 0 0 0 0.2rem #333333 !important;
}
button.grey-button, a.grey-button {
	min-width: 160px !important;
	height: 40px !important;
	padding: 10px 5px !important;
	background-color: #EBEBEB !important;
	line-height: 20.11px !important;
	color: #999999 !important;
	text-decoration: none !important;
	font-weight: bold !important;
	border-radius: 4px !important;
	border: none !important;
	font-family: "Source Sans Pro",sans-serif !important;
	margin-top: 10px;
}
button.grey-button:focus, a.grey-button:focus {
	box-shadow: 0 0 0 0.2rem #EBEBEB !important;
}
button.red-button, a.red-button {
	min-width: 160px !important;
	height: 40px !important;
	padding: 10px 5px !important;
	background-color: #A11D1D !important;
	line-height: 20.11px !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
	font-weight: bold !important;
	border-radius: 4px !important;
	border: none !important;
	font-family: "Source Sans Pro",sans-serif !important;
	margin-top: 10px;
}
button.red-button:focus, a.red-button:focus {
	box-shadow: 0 0 0 0.2rem #A11D1D !important;
}
#main .form-control,  .content-wrapper .content .form-control{
	border: 1px solid #DCDCE6;
    padding: 0.7rem 0.95rem;
    height: auto;
}
.form-control:focus {
	border-color: #FACB2E !important;
	box-shadow: 0 0 0 0.05rem #FACB2E !important;
}
.custom-control-input:checked~.custom-control-label::before {
	background-color: #FACB2E!important;
}
.custom-control-label::before {
	background-color: white !important;
	border: 1px solid #FACB2E !important;
	box-sizing: border-box !important;
	border-radius: 3px !important;
}
.onboard-right {
	border-left: 1px solid #DCDCE6 !important;
}
.watch-yellow-hl{
	padding: 13px 25px !important;
	line-height: 20.11px !important;
	color: #333333 !important;
	border-width: 1px !important;
	border-style: solid !important;
	border-color: #FACB2E !important;
	border-radius: 4px !important;
	font-family: "Source Sans Pro",sans-serif !important;
}
#navbarNav .start-button, .auth-link{
	font-weight: 600 !important;
}

h1.head {
	color: #333333 !important;
	font-weight: 600 !important;
	font-size: 52px !important;
	line-height: 62px !important;
}
h1.head .head-highlist{
	color: #FACB2E !important;
	text-decoration: underline !important;
}
.head-summary {
	color: #333333 !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 32px !important;
}
.hero-container{
	padding: 50px 70px 10px !important;
	background-image: url("../img/hero-back.svg") !important;
	min-height: 3rem !important;
	text-align: center !important;
}
.hero-list-item{
	display: inline !important;
	margin-right: 15px !important;
}
.hero-list-item .hero-check{
	margin-right: 5px !important;
}
.hero-list-item span{
	color: #555555 !important;
}
.hero-footer{
	background-color: #F7F7FA !important;
	position: absolute !important;
	bottom: 0 !important;
	min-height: 3rem !important;
}
#main .content{
	padding: 50px 104px 10px !important;
}
.content-header{
	color: #514F84 !important;
	font-weight: 600 !important;
	font-size: 24px !important;
	line-height: 30px !important;
	text-align: center !important;
}
.content-item{
	margin: 20px 0 !important;
	padding: 40px 15px 30px !important;
}
.content-item .content-item-text{

}
.content-item .title{
	color: #514F84 !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 22px !important;
	margin-bottom: 15px !important;
	text-transform: uppercase !important;
}
.content-item .title img{
	padding-right: 10px !important;
}
.content-item .subtitle{
	color: #333333 !important;
	font-weight: 600 !important;
	font-size: 24px !important;
	line-height: 30px !important;
	margin-bottom: 23px !important;
}
.content-item .text{
	color: #333333 !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 32px !important;
	margin-bottom: 40px !important;
	text-align: justify !important;
}
.content-item .text-link{
	font-weight: 600 !important;
	font-size: 16px !important;
	display: inline-block !important;
	padding: 13px 25px !important;
	background-color: #333333 !important;
	line-height: 20.11px !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
	border-radius: 4px !important;
	font-family: "Source Sans Pro",sans-serif !important;
}
.help-block-error{
	color: #A11D1D;
	font-size: 14px;
}
.grow{
	background-image: url("../img/grow-back.svg") !important;
	padding: 50px 69px 66px !important;
}
.grow-column{
	margin-top: 25px !important;
}
.grow-column img{
	display: block !important;
	margin-bottom: 24px !important;
}
.grow-column .grow-title{
	color: #333333 !important;
	font-weight: 600 !important;
	font-size: 20px !important;
	line-height: 25px !important;
	display: block !important;
	margin-bottom: 15px !important;
}
.grow-column .grow-text{
	color: #333333 !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 20.11px !important;
	text-align: justify !important;
	display: block !important;
}
.testimonial{
	background-image: url("../img/testimonial-back.svg") !important;
	padding: 85px 72px 72px !important;
}
.testimonial .slide-img{
	display: inline-block !important;
	margin-bottom: 26px !important;
}
.testimonial .slide-text{
	color: #333333 !important;
	font-weight: normal !important;
	font-size: 18px !important;
	line-height: 23px !important;
	display: block !important;
	margin-bottom: 24px !important;
}
.testimonial .slide-name{
	color: #333333 !important;
	font-weight: bold !important;
	font-size: 20px !important;
	line-height: 25px !important;
	display: block !important;
	margin-bottom: 15px !important;
}
.testimonial .title{
	color: #333333 !important;
	font-weight: normal !important;
	font-size: 20px !important;
	line-height: 25px !important;
	display: block !important;
	margin-bottom: 5px !important;
}
.mobile{
	background-image: url("../img/mobile-back.svg") !important;
	padding: 57px 150px 67px !important;
}
.mobile .title{
	color: #555555 !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	display: block !important;
	margin-bottom: 15px !important;
	text-transform: uppercase !important;
}
.mobile .subtitle{
	color: #111111 !important;
	font-weight: 700 !important;
	font-size: 32px !important;
	line-height: 40px !important;
	display: block !important;
	margin-bottom: 15px !important;
}
.mobile .text{
	color: #333333 !important;
	font-weight: 400 !important;
	font-size: 18px !important;
	line-height: 22px !important;
	display: block !important;
	margin-bottom: 15px !important;
}
.mobile .text-link{
	font-weight: 600 !important;
	font-size: 16px !important;
	display: inline-block !important;
	padding: 13px 25px !important;
	background-color: #333333 !important;
	line-height: 20.11px !important;
	color: #FFFFFF !important;
	text-decoration: none !important;
	border-radius: 4px !important;
	font-family: "Source Sans Pro",sans-serif !important;
}
.footer{
	padding: 24px 10px 24px 68px !important;
	background-color: #111111 !important;
	color: #999999 !important;
	font-weight: 400 !important;
	font-size: 12px !important;
	line-height: 15px !important;
}
.footer .copy{
	text-align: right !important;
}
.footer .links a{
	padding: 24px 15px !important;
	color: #FFF !important;
	font-weight: 400 !important;
	font-size: 14px !important;
	line-height: 15px !important;
	text-decoration: none !important;
}

/********** Privacy Policy **************/
.terms-legal .container.content .info ul {
    padding-left: 0 !important;
    margin-bottom: 1.5em !important;
}

.terms-legal .container.content .info ul li {
    position: relative !important;
    list-style: none !important;
    padding-left: 25px !important;
    font-size: 18px !important;
    margin-bottom: 7px !important;
    color: rgba(18, 18, 18, 0.6) !important;
}

.terms-legal .container.content .info ul li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: 10px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 5px !important;
    background-color: #333 !important;
}

.terms-legal .container.content h3{
	color: #514F84 !important;
    font-weight: 700 !important;
    font-size: 28px !important;
    line-height: 30px !important;
    text-align: center !important;
}

.terms-legal .container.content h4{
	color: #514F84 !important;
    font-weight: 700 !important;
    font-size: 24px !important;
    line-height: 30px !important;
    padding-top: 15px !important;
}

.contact_card {
	 min-height: 200px !important;
	 margin-top: auto !important;
	 margin-bottom: auto !important;
	 background: #fff !important;
	 display: flex !important;
	 justify-content: left !important;
	 flex-direction: column !important;
	 padding: 10px !important;
	 box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
	 -webkit-box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
	 -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
	 border-radius: 5px !important;
 }

.skin-purple-gradient .content-wrapper .content-inner-padding {
    padding: 30px;
}
.skin-purple-gradient .content-wrapper .content-inner {
    background-color: #F6F6F6;
}

.light-card {
	background: #fff !important;
	/*box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%), 0 2px 2px 0 rgb(0 0 0 / 5%) !important;
	-webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 5%), 0 2px 2px 0 rgb(0 0 0 / 5%) !important;
	-moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 2px 0 rgba(0, 0, 0, 0.05) !important;*/
	border: 1px solid #EDEDF2;
	border-radius: 5px !important;
	padding: 2.5rem;
}
.light-card-top-border{
	background: #fff !important;
	border: 1px solid #EDEDF2;
	border-top: 6px solid #DCDCE6;
	border-radius: 5px !important;
}
.nav-card {
	background: white !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	z-index: 2 !important;
	box-shadow: 0 4px 12px rgba(0, 22, 51, 0.12) !important;
	-webkit-box-shadow: 0 4px 12px rgba(0, 22, 51, 0.12) !important;
	-moz-box-shadow: 0 4px 12px rgba(0, 22, 51, 0.12) !important;

}
#main label{
	font-weight: normal;
}
.sidebar {
	background-color: #514F84 !important;
	border-top: none;
}
.onboard-content {
	margin-left: 16.25rem !important;
	width: 100% !important;
}
.tool-tip-btn {
	background-color: grey !important;
	color: white !important;
	border-radius: 50% !important;
	height: 12px !important;
	width: 12px !important;
	font-size: 9px
}
.sidebar hr {
	position: absolute !important;
	width: 99% !important;
	height: 0 !important;
	left: 0 !important;
	top: 3.75rem !important;
	margin: 0 !important;

	border: 1px solid #6E6C98 !important;
}
.sidebar-sticky {
	margin-top: 2.5rem !important;
}
.sidebar-setup-title{
	font-size: 1rem;
	color: #A8A7C1;
	display: block;
	margin-bottom: 1.5rem;
}
.sidebar-setup-step-head{
	font-weight: 700;
}
.onboard-content header {
	height: 3.75rem !important;
}
.main-header .navbar .nav > li > a{
	padding-bottom: 20px;
}
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus {
    background-color: #ffffff;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
	background-color: #ffffff;
}
.header-left {
	margin-left: 30px !important;
	padding-top: 15px !important;
	font-size: 16px !important;
	font-weight: 400 !important;
	color: #333333 !important;
}
.header-right {
	margin-left: auto !important;
	margin-right: 20px !important;
	margin-top: 5px !important;
	font-size: 15px !important;
	line-height: 19px !important;
	color: #333333 !important;
}
.dropdown {
	cursor: pointer !important;
}
.onboard-header-left {
	margin-left: 30px !important;
	padding-top: 15px !important;
	font-size: 16px !important;
	color: #999999 !important;

}
.onboard-header-right {
	margin-left: auto !important;
	margin-right: 20px !important;
	padding-top: 15px !important;
	font-size: 15px !important;
	line-height: 19px !important;
	color: #333333 !important;
}

.bg-onboard {
	background-color: #F6F6F6;
    min-height: 100vh !important;
}
.bg-onboard header {
	height: 140px !important;
	position: relative;
}
.bg-onboard header.single-line {
	height: 117px !important;
}
.bg-onboard p {
	font-weight: 300 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	color: #333333 !important;
}
.bg-onboard-header {
	background-image: url('../img/onboard-header-bg.svg') !important;
	background-color: #FFFFFF !important;
	padding-top: 1.875rem !important;
	padding-left: 1.5rem !important;
	padding-right: 1.5rem !important;
	height: 108px !important;
	border: 1px solid #EDEDF2 !important;
	box-sizing: border-box !important;
	border-radius: 4px !important;
}
.bg-onboard-header.single-line {
	height: 85px !important;
}
.bg-onboard-header h5 {
	font-weight: 600 !important;
	font-size: 20px !important;
}
.bg-onboard-header h5.ml-auto {
	font-size: 16px
}
.right-border {
	border-right: 1px solid #EBEBEB !important;
	height: 25px !important;
}
.button-25 {
	height: 30px !important;
	min-width: 120px !important;
	width: auto !important;
	padding: 4px 10px !important;
	font-weight: 600 !important;
}
.onboard-loading-image {
	background-image: url('../img/onboard-loading.svg') !important;
	position: absolute !important;
    width: 17.123rem !important;
    height: 9.203rem !important;
    top: -1.2rem !important;
    right: 0;
}
.onboard-form-section {
	margin-top: 20px !important;
	margin-left: 86px !important;
	margin-right: 86px !important;
}
.onboard-form-section.industry {
	margin-top: 20px !important;
	margin-left: 86px !important;
	margin-right: 86px !important;
}
.view-content {
    margin: 30px 90px 0 !important;
}
.view-content hr {
    border: 1px solid #EDEDF2 !important;
}
hr.thick-purple {
	background-color: #DCDCE6 !important;
	border: 6px solid #DCDCE6 !important;
}
.view-content .view-content-item {
	margin: 0 30px 30px !important;
	padding: 30px 0 0 !important;
}
.view-content .view-content-item.bordered {
	padding: 0 !important;
	border: 1px solid #EDEDF2 !important;
	box-sizing: border-box !important;
	border-radius: 4px !important;
}
.view-content .broken-form {
	padding: 24px !important;
	width: 20.313rem !important;
	border: 1px dashed #EDEDF2 !important;
	box-sizing: border-box !important;
	border-radius: 4px !important;
}
.broken-border {
	padding: 10px !important;
	border: 1px dashed #EDEDF2 !important;
	 box-sizing: border-box !important;
	 border-radius: 4px !important;
 }
.view-content .broken-form.right {
	width: 22.813rem !important;
}
.purchase-empty, .purchase-content {
	margin: 30px 0px !important;
}
.purchase-empty:hover {
	cursor: pointer !important;
}
.light-card p, p.spaced {
	color: #777777 !important;
}
.light-card p.spaced, .spaced {
    letter-spacing: 0.08em !important;
}
.modal-title.spaced {
	font-size: 16px !important;
	line-height: 20px !important;
	letter-spacing: 0.08em !important;
	font-variant: small-caps !important;
	color: #777777 !important;
}
.light-card label {
    color: #333333 !important;
    font-weight: normal;
}
.white-ellipse {
	border-radius: 100% !important;
	background: #C5C4D6 !important;
	color: #514F84 !important;
	width: 28px !important;
	height: 28px !important;
}
.blue-ellipse {
	border-radius: 100% !important;
	background: #6E6C98 !important;
	width: 28px !important;
	height: 28px !important;
}
.onboard-flow-description {
	margin-top: 5px !important;
	height: 75px !important;
	font-size: 16px;
	font-weight: 300;
	line-height: 20px !important;
}
.upload-progress {
	background-image: url('../img/upload-progress.svg') !important;
	/*width: 331px !important;*/
	height: 95px !important;

	background-color: #F8F8FA !important;
}
.auth-page {
	background-image: url('../img/login-background.svg') !important;
}
.password-page {
	background-image: url('../img/forgot-pwd-bg.svg') !important;
}
.auth-form {
	float: right;
    width: 37rem;
    margin-top: 4.35rem;
    margin-right: 3rem;
    margin-bottom: 5rem;
    color: #333333;
}
.auth-form .subtitle{
	color: #555555;
}
.auth-form .haveaccount{
	color: #777777;
}
.sign-up {
	margin-top: 3.438rem !important;
}
.forgot-pwd {
	margin-top: 8.125rem !important;
}
.reset-pwd {
	margin-top: 6.25rem !important;
}
.nav-tabs {
	padding-bottom: 16px !important;
	border-bottom: 1px solid #EDEDF2 !important;
}
.nav-tabs li a {
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 23px !important;
	color: #333333 !important;
	padding: 0 20px !important;
}
.nav-tabs li {
	padding-bottom: 12px;
}
.nav-tabs li:hover {
	border-bottom: 3px solid #FACB2E
}
.nav-tabs li.active {
	cursor: default;
	border-bottom: 3px solid #FACB2E
}
table {
	/*margin: 0 20px;
	width: 95% !important;*/
}
thead {
	background: #F9F9FF;
	border-radius: 5px 5px 0 0;
}
th, .dispaly-view-container .view-label {
	font-weight: 600 ;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	text-transform: uppercase ;
	color: #514F84;
}
td, .dispaly-view-container .view-item {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 23px;
	COLOR: #333333;
}
.successful {
	background: #EAFFF3 !important;
	border-radius: 20px !important;
	padding: 4px 10px !important;
	font-size: 14px !important;
	line-height: 23px !important;
	color: #2AA45F !important;
}
.failed {
	background: #FFDCDC !important;
	border-radius: 20px !important;
	padding: 4px 10px !important;
	font-size: 14px !important;
	line-height: 23px !important;
	color: #A11D1D !important;
}
.not-approved, .not-approved:hover {
	background: #FFEFDC !important;
	border-radius: 20px !important;
	padding: 4px 10px !important;
	font-size: 14px !important;
	line-height: 23px !important;
	color: #FF8A00 !important;
	text-decoration: none !important;
}
th, td {
	padding: 20px 0;
}
tr {
	border-bottom: 1px solid #EDEDF2;
}
ul {
	list-style-type: none !important;
}
td .form-control {
	height: 30px;
	border: 1px solid #EDEDF2;
	box-sizing: border-box;
	border-radius: 4px;
}
td.w-10 .form-control {
	padding-left: 1px;
	padding-right: 1px;
}
.w-10 {
	width: 10% !important;
}
.nav-link, .nav-link:hover {
	cursor: pointer;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	color: #DCDCE6;
	padding-bottom: 22px;
	margin-left: 30px;
}
.nav-link img {
	padding-right: 12px !important;
}
.nav-dropdown-items .nav-item.active {
	background: #6E6C98 !important;
}
.nav-dropdown-items .nav-item .nav-link.active {
	font-weight: bold !important;
	font-size: 16px !important;
	line-height: 20px !important;
	color: #FFFFFF !important;
}
.nav-dropdown-items {
	background: #6E6C98 !important;
	padding-left: 36px !important;
}
.nav-dropdown-arrow {
	position: absolute !important;
	right: 0 !important;
}
.filter-section	 {
	margin: 24px 20px 16px !important;
	display: flex !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 18px !important;
	color: #333333 !important;
}
.search-box {
	width: 197px !important;
	height: 37px !important;
	background: #FFFFFF !important;
	border: 1px solid #EDEDF2 !important;
	box-sizing: border-box !important;
	border-radius: 4px !important;
}
.search-box {
	background-image: url('../img/search-icon.svg') !important;
	background-size: 16px !important;
	background-position: 0.75rem !important;
	background-repeat: no-repeat !important;
	text-indent: 20px !important;
	transition:0.3s !important;
 }
.search-box:focus {
	background-image:none !important;
	text-indent:0 !important;
}
.pagination {
	margin: 0 !important;
	border: none !important;
}
.page-link {
	font-size: 14px !important;
	color: #777777 !important;
	border: none !important;
}
.page-link:hover, .page-link.active {
	background-color: #FACB2E !important;
}
.page-link:focus {
	border-color: #FACB2E !important;
	box-shadow: 0 0 0 0.005rem #FACB2E !important;
}
.dropdown-item:active {
	color: #333333 !important;
	background-color: #FACB2E !important;
}
.doc-title {
	font-style: normal !important;
	font-weight: normal !important;
	font-size: 16px !important;
	line-height: 20px !important;
	text-align: justify !important;
	color: #333333 !important;
}
.doc-size {
	font-style: normal !important;
	font-weight: 300 !important;
	font-size: 14px !important;
	line-height: 18px !important;
	text-align: justify !important;
	margin-right: 17px !important;
	color: #666666 !important;
}
.doc-view {
	font-style: normal !important;
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 18px !important;
	text-align: justify !important;
	text-decoration-line: underline !important;
	color: #333333 !important;
}
.default-text {
	font-size: 16px !important;
	line-height: 20px !important;
	color: #333333 !important;
}
.modal-header {
	border-bottom: none !important;
}
.modal-footer {
	border-top: none !important;
}
.modal-title {
	font-weight: 600 !important;
	font-size: 16px !important;
	line-height: 20px !important;
	color: #333333 !important;
}
.modal-dialog.big {
	max-width: none !important;
	margin-left: 8.25rem !important;
	margin-right: 8.25rem !important;
}



.form-progress-label {
	width: 45% !important;
	margin: 0 auto 20px !important;
	display: grid !important;
	gap: 15px !important;
	grid-template-columns: auto auto auto !important;
}
.form-progress-label.two-levels {
	width: 28% !important;
	grid-template-columns: auto auto !important;
}
.form-progress-label-item {
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 18px !important;
	text-align: center !important;
	width: 100% !important;
}
.form-progress {
	width: 30% !important;
	margin: 40px auto 15px !important;
	display: grid !important;
	gap: 10px !important;
	grid-template-columns: 10% 35% 10% 35% 10% !important;
}
.form-progress.two-levels {
	width: 12% !important;
	grid-template-columns: 15% 70% 15% !important;
}
.form-progress-item {
	font-weight: 600 !important;
	font-size: 14px !important;
	line-height: 18px !important;
	text-align: center !important;
	width: 100% !important;
}
.form-progress-item.stage-line.done {
	background-image: url("../img/yellow-progress-line.svg") !important;
	background-position-y: center !important;
	background-repeat: no-repeat !important;
}
.form-progress-item.stage-line {
	background-image: url("../img/grey-progress-line.svg") !important;
	background-position-y: center !important;
	background-repeat: no-repeat !important;
	max-width: 100px !important;
}
.form-progress-item.stage-no.done {
	background: #FACB2E !important;
	border: 2px solid #FACB2E !important;
	box-sizing: border-box !important;
	border-radius: 50% !important;
	color: #333333 !important;
}
.form-progress-item.stage-no.current {
	background: #FFFFFF !important;
	border: 2px solid #FACB2E !important;
	box-sizing: border-box !important;
	border-radius: 50% !important;
	color: #333333 !important;
}
.form-progress-item.stage-no {
	background: #D0D0D0 !important;
	border: 2px solid #D0D0D0 !important;
	box-sizing: border-box !important;
	border-radius: 50% !important;
	color: #777777 !important;
	max-width: 21.25px !important;
}
.form-progress-item.step-label {
	font-weight: 400 !important;
}
.form-page {
	display: none;
}


.main-header .navbar {
	 justify-content: normal;
	 padding: 0;
	top: 0;
}
.page-title {
	background: white;
	height: 60px;
	flex: 1;
}
/*.main-header .navbar div {*/
/*	background: white;*/
/*}*/
.main-sidebar.fixed-top {
	z-index: 1020;
}


.select2-container--krajee .select2-selection--single .select2-selection__arrow{
	height: 3.023rem;
	border-left: none;
	right: 21px;
}
.select2-container .select2-selection--single .select2-selection__rendered{
	margin-top: 0;
}
.select2-container--krajee.select2-container--open .select2-selection, .select2-container--krajee .select2-selection:focus {
	border-color: #FACB2E !important;
	box-shadow: 0 0 0 0.005rem #FACB2E !important;
}

.select2-container--krajee .select2-results__option--highlighted[aria-selected] {
	background-color: #FACB2E !important;
}
.custom-control {
	/*padding-left: 0 !important;*/
}
input[type="hidden"]:active~.custom-control-label.round::before {
	background-color: black !important;
}
.signup_box_button {
    height: 45px;
    margin-top: 15px;
    background: #FACB2E;
    color: #3F3D70;
    font-size: 16px;
    text-transform: uppercase;
}

.custom-control-label.round.selected::before {
	background: radial-gradient(circle at center, black 0, black, white 60%);
}
.input-group-addon, .input-group-btn {
	width: 25%;;
}

.sidebar-toggle.blank:hover {
	background-color: #514F84 !important;
	cursor: default;
}

.onboard-right .file-input {
	overflow-x: visible !important;
	/*width: 200px !important;*/
}
.onboard-right .file-input .input-group {
	/*width: 50% !important;*/
}
.onboard-right .input-group-addon, .onboard-right .input-group-btn {
	width: 100% !important;
}
.onboard-right .file-drop-zone {
	padding: 0;
}
.onboard-right .krajee-default.file-preview-frame {
	margin: 0;
}
/*.onboard-right .file-input .input-group .btn.btn-file {*/
/*	overflow: visible !important;*/
/*}*/
/*.onboard-right .file-input .input-group .input-group-btn:last-child > .btn,*/
/*.onboard-right .file-input .input-group .input-group-btn:last-child > .btn-group {*/
/*	margin-left: 0;*/
/*}*/

.bg-onboard .navbar {
	 align-items: start !important;
}

.main-header {
	background: #514F84;
	border-bottom: 1px solid #6E6C98;
}
.skin-purple-gradient .main-header .navbar .sidebar-toggle {
	border-bottom: 1px solid #6E6C98;
}

.ticket-tabs li.active {
	border-bottom: 5px solid #FACB2E;
	background: #f7f7f7;
}

.btn-danger {
	width: 160px !important;
	height: 40px !important;
	padding: 10px 0 !important;
	line-height: 20.11px !important;
	text-decoration: none !important;
	font-weight: bold !important;
	border-radius: 4px !important;
	border: none !important;
	font-family: "Source Sans Pro",sans-serif !important;
	margin-top: 10px !important;
}

.btn.mt-0{
	margin-top: 0 !important;
}

.delete-confirm-icon {
    width: 76px;
    height: 76px;
    border-radius: 50%;
}

.accounts_header td {
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #514F84;
}

.report-content tr {
	border: 1px solid #EDEDF2 !important;
	box-sizing: border-box !important;
	border-radius: 4px 4px 0 0 !important;
}
.report-content tr td {
	padding-left: 12px;
	border: 1px solid #ddd;
}
tr.odd, tr.odd:hover {
	background: #e8e8e8 !important;
}
tr.odd td {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #514F84;
}

.skin-purple-gradient .sidebar-menu > li > .treeview-menu {
	background: #6E6C98 !important;
}

.skin-purple-gradient .sidebar-menu .treeview-menu > li > a {
	color:#DCDCE6 !important;
}
.skin-purple-gradient .sidebar-menu .treeview-menu > li.active > a {
	color: white !important;
	font-weight: 900 !important;
}
.round-image {
	border-radius: 50%;
}
.file-input.file-input-ajax-new button.fileinput-remove{
	margin: 6px;
}
.file-input.file-input-ajax-new button.fileinput-remove span{
	outline: none;
}
.input-group-text.callcode {
	background-color: #FFF;
}
select.select-country{
	border: none;
}
select.select-country:focus-visible{
	border: none;
	outline: none;
}
.sidebar-mini.sidebar-collapse .main-header .logo{
	margin-right: 0.6rem;
}
.sidebar-mini.sidebar-collapse .main-header .navbar .sidebar-toggle{
	/*padding: 12px 15px 12px 13px;*/
	background-color: #FFF;
	transform:rotate(180deg);
	border-bottom: none;
}
.skin-purple-gradient .main-header .navbar {
    box-shadow: 10px 4px 12px rgb(0 22 51 / 12%);
    -webkit-box-shadow: 10px 4px 12px rgb(0 22 51 / 12%);
    -moz-box-shadow: 10px 4px 12px rgba(0, 22, 51, 0.12);
}
.skin-purple-gradient .content-wrapper{
	margin-top: 0;
}
.skin-purple-gradient.sidebar-mini.sidebar-collapse .sidebar-menu{
	margin-left: 13px;
}
.sidebar-mini.sidebar-collapse .main-sidebar{
	width: 5rem;
}
.skin-purple-gradient.sidebar-mini.sidebar-collapse .sidebar-menu > li > a span:first-of-type{
	margin-left: 1rem!;
}
.skin-purple-gradient.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu{
	margin-left: 1rem;
	border-left:  none;
}
.padding_30{
	padding: 30px !important;
}
.bg-onboard-header h5{
	margin-bottom: 5px;
}
.bg-onboard-header button.start-yellow-button{
	margin-top: 3px;
}
.ex_inv_main table{
	width: 100%;

}
.divider-bottom{
	border-bottom: 1px solid #EDEDF2;
	margin-bottom: 1.125rem;
	padding-bottom: 0.2rem;
}
.exp-dashed-border tr{
	border:  none !important;
}
.meta th{
	color: #333333;
	font-weight: normal;
	font-size: 16px;
	text-transform: none;
}
.content-wrapper .content .invoice-form .expense-form-control{
	display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #DCDCE6;
    border-radius: 0.25rem;
}
.round-edge-wrapper{
	background: #FFFFFF;
	border: 1px solid #EDEDF2;
	box-sizing: border-box;
	border-radius: 4px;
	margin: 1.875rem 0 0;
}
.round-edge-wrapper table tbody tr:hover {
    background-color: transparent;
    border: none;
}
.content-wrapper .content .round-edge-wrapper .form-control {
    padding: 0.375rem 0.75rem
}
.content-wrapper .content .round-edge-wrapper .lineItem td{
    padding: 15px 0;
}
.content .round-edge-wrapper a.add_item{
	background: #FFFFFF;
	border: 2px dashed #EDEDF2;
	box-sizing: border-box;
	border-radius: 4px;
	display: block;
	margin: 0 1.375rem;
	font-weight: 400;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
}
.content .inner-invoice-form{
	background: #FFF; 
	/*border-radius: 1px;*/
}
.content .invoice-button-controls{
	padding: 1.875rem 0 1.875rem 1.875rem;
}
.select2-container--krajee-bs4 .select2-selection--single .select2-selection__arrow{
	border-left: none;
	width: 1.75rem;
}
.select2-container--krajee-bs4 .select2-selection{
	box-shadow: none;
}