.text-light-gray {
	color: #dbdbdb;
}

#_datatable, .__datatable {
	width: 100%!important;
}

[v-cloak] {
	display: none;
}

[data-notify=container] {
	-webkit-border-radius: 0!important;
	-moz-border-radius: 0!important;
	border-radius: 0!important;
}

.initapp>* {
	display: none;
}

.initapp::before {
	content: "Loading...";
	font-size: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.notificator {
	padding: 5px 10px;
	background: #f39c12;
	z-index: 999999;
	font-size: 14px;
	font-weight: 600;
	color: #fff;
}

.notificator-error {
	padding: 20px 30px;
	background: #f39c12;
	z-index: 999999;
	font-size: 16px;
	font-weight: 600;
	color: #fff;
}

.close-notificator {
	color: #fff;
}

.filter-box {
	height: 40px;
	background: #fff;
	border: 1px solid #dbdbdb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 10px;
	padding: 0 10px 0 0;
	display: inline-block;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
}

.filter-label {
	height: 25px;
	float: left;
	padding: 0 10px;
	margin-top: 7px;
	margin-left: 5px;
	line-height: 25px;
	vertical-align: middle;
	font-weight: 700;
}

.filter-item {
	height: 25px;
	background: #EA6A1B;
	color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	float: left;
	padding: 0 10px;
	margin-top: 7px;
	margin-right: 10px;
	line-height: 24px;
	vertical-align: middle;
}

.filter-item a {
	margin-left: 5px;
	position: relative;
	top: 2px;
}

.list-group-sm {
	margin-bottom: 0;
}

.list-group-item-sm {
	padding: 3px 5px;
	font-size: 12px;
}

.vcenter {
	display: inline-block;
	vertical-align: middle;
	float: none;
}

.direct-chat-text-red {
	background: #dd4b39;
	border-color: #dd4b39;
	color: #fff;
}

.direct-chat-text-red:before {
	border-left-color: #dd4b39!important;
}

.direct-chat-text-red:after {
	border-left-color: #dd4b39!important;
}

.left-direct-chat-text-red {
	background: #dd4b39;
	border-color: #dd4b39;
	color: #fff;
}

.direct-chat-text-purple {
	background: #605ca8;
	border-color: #605ca8;
	color: #fff;
}

.direct-chat-text-purple:before {
	border-left-color: #605ca8!important;
}

.direct-chat-text-purple:after {
	border-left-color: #605ca8!important;
}

.left-direct-chat-text-purple {
	background: #605ca8;
	border-color: #605ca8;
	color: #fff;
}

.box-purple {
	border-top-color: #605ca8;
}

.nav-tabs-danger .nav-tabs>li.active {
	border-top-color: #dd4b39;
}

.tab-pane {
	min-height: auto;
}

.mb25 {
	margin-bottom: 25px;
}

.mb35 {
	margin-bottom: 35px;
}

.mt25 {
	margin-top: 25px;
}

.mt35 {
	margin-top: 35px;
}

.user-search {
	position: relative;
}

.user-search>ul {
	position: absolute;
	top: 38px;
	display: block;
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
	padding: 0;
	margin: 0;
	z-index: 100000;
	border: 1px solid #eee;
	background: #fff;
	list-style: none;
	text-align: left;
}

.user-search>ul>li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 40px;
	font-size: 18px;
	color: #333;
	vertical-align: middle;
	width: 100%;
	height: 40px;
	padding-left: 15px;
	cursor: pointer;
}

.user-search>ul>li:hover {
	color: #000;
	background-color: #e1e3e9;
}

.user-search>ul>li>b:first-child {
	margin-left: 0;
}

.user-search>ul>li>b {
	margin-left: 15px;
}

.user-search>ul>li>span {
	color: #3c8dbc;
}

.user-search>ul>.not-results {
	text-align: center;
}

.user-search>ul>.not-results:hover {
	background-color: inherit;
}

.search-selections {
    margin: 10px 0;
}

.search-selections .search-selection {
	font-size: 20px;
	margin: 3px;
	background-color: #0648B3;
    padding: 4px 8px;
}

.search-selection .remove {
	font-size: 13px;
    color: #999;
	margin-left: 5px;
	background: 0 0;
	border: 0;
	cursor: pointer;
}

.hr-separator {
	width: 100%;
	height: 1px;
	border: 0;
	background: #ddd;
	margin: 25px 0 25px 0;
}

#box-install-form label {
	font-weight: 400;
}

.auth-logo {
	max-width: 140px;
}

.logo-lg img {
	max-width: 110px;
}

.logo-sm img {
	max-width: 22px;
}

.logo-alt {
	color:#5d6778;
	float:left;
	line-height:50px;
	width:230px;
	padding: 0 15px;
}

.advertiser-preview-image-box {
	position: relative;
	width: 100%;
	height: 300px;
	margin-top: 10px;
}

.advertiser-preview-image-box img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 100%;
    height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
}

.advertiser-preview-image-box>small {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.advertiser-ad-preview {
	background: #d2d6de;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 5px;
	min-width: 160px;
	cursor: pointer;
	overflow: hidden;
}

.advertiser-ad-preview img {
	width: 21px;
	height: 21px;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: 'object-fit: cover;';
	float: left;
	margin-right: 5px;
	display: block;
}

.advertiser-ad-preview b {
	font-size: 10px;
	display: block;
	line-height: 10px;
	margin: 0;
	padding: 0;
}

.advertiser-ad-preview span {
	display: block;
	font-size: 10px;
	line-height: 10px;
	margin: 0;
	padding: 0;
}

#advertiser-ad-preview-modal .modal-body {
	overflow: hidden;
}

#advertiser-ad-preview-modal .modal-body img {
	width: 110px;
	height: 110px;
	-o-object-fit: cover;
	object-fit: cover;
	float: left;
	margin-right: 10px;
	display: block;
	font-family: 'object-fit: cover;';
}

#advertiser-ad-preview-modal .modal-body b {
	font-size: 16px;
	line-height: 16px;
	display: block;
	padding-bottom: 10px;
}

#advertiser-ad-preview-modal .modal-body span {
	display: block;
	font-size: 14px;
	line-height: 16px;
	height: 50px;
}

#advertiser-ad-preview-modal .modal-body a {
	display: block;
	font-size: 14px;
	line-height: 20px;
	height: 20px;
	vertical-align: bottom;
}

.advertiser-upload-banner-box {
	width: auto;
	height: 100px;
	margin: 25px;
	border-radius: 5px;
	border: .5px dotted #ccc;
	position: relative;
	background: #f4f5ff;
}

.advertiser-upload-banner-box label {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.advertiser-upload-banner-box div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 10px;
	width: 100%;
	text-align: center;
	font-style: italic;
}

.advertiser-upload-banner-box div p {
	font-size: 13px;
	font-style: italic;
}

.advertiser-preview-banner-box {
	position: relative;
	width: 100%;
	height: 300px;
}

.advertiser-preview-banner-box img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	max-width: 90%;
	max-height: 280px;
}

.advertiser-preview-banner-box>small {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.alert-default {
	background-color: #f4f5ff!important;
	border-color: #ddd;
}

.text-dashed {
	border-bottom: 2px dotted #999;
	line-height: 36px;
	vertical-align: middle;
}

.advertiser-banner-bannerprev {
	max-width: 50px;
	max-height: 28px;
	cursor: pointer;
}

.advertiser-adslist-adprev {
	width: 26px;
	height: 26px;
	-o-object-fit: cover;
	object-fit: cover;
	cursor: pointer;
}

.dropdown-menu {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.bs-actionsbox .btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.tooltip-inner {
	max-width: 350px;
}

.bootstrap-select .dropdown-menu {
	min-width: 100%!important;
}

.ii {
	float: left;
	width: 16px;
	height: 16px;
	margin: 0 5px 0 0;
	padding: 0;
	background-repeat: no-repeat;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
}

.stripe-button-el {
	display: none!important;
}

#advertiser-input-amount {
	font-size: 150%;
	font-weight: 700;
}

#pay-paypal-btn {
	background: #ffc43a;
	border: 1px solid #e9a402;
	color: #000;
	font-weight: 400;
	text-shadow: 1px 1px 2px #e9a402;
	-webkit-transition: background .5s;
	-o-transition: background .5s;
	-moz-transition: background .5s;
	transition: background .5s;
}

#pay-paypal-btn:hover {
	background: #e9a402;
}

#pay-stripe-btn {
	background: #6772e5;
	border: 1px solid #0010ba;
	color: #fff;
	font-weight: 400;
	text-shadow: 1px 1px 2px #0010ba;
	-webkit-transition: background .5s;
	-o-transition: background .5s;
	-moz-transition: background .5s;
	transition: background .5s;
}

#pay-stripe-btn:hover {
	background: #0010ba;
}

.modal-full-screen {
	width: 95%;
	-webkit-transition: width .5s!important;
	-o-transition: width .5s!important;
	-moz-transition: width .5s!important;
	transition: width .5s!important;
}

.tooltip.in {
	opacity: 1!important;
}

.resizable-wrapper {
    margin: 15px auto;
    width: 100%;
    height: 100%;
    background: url(/assets/imgs/alfa.png);
    border: 1px solid #aaa;
    position: relative;
    min-width: 360px;
    padding: 15px;
}

.resizable-wrapper .resizable-handler {
	position: absolute;
	width: 30px;
	height: 30px;
	right: 0;
	top: 50%;
	background: #3c8dbc;
	color: #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #367fa9;
	margin-top: -15px;
	margin-right: -15px;
	text-align: center;
	cursor: e-resize;
	line-height: 29px;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.visual-unit-builder-label {
	width: 100%;
	background: #a8a8a8;
	color: #fff;
	font-weight: 700;
	padding: 5px 10px;
	margin-top: 15px;
	margin-bottom: 10px;
}

.adflex-unit {
	margin: 130px auto 0 auto;
	width: 100%;
	max-width: 728px;
	min-width: 300px;
	height: 200px;
	background: #f3f3f3;
	border-width: 1px;
	border-style: solid;
	border-color: #a8a8a8;
	padding: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.adflex-unit .image {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	width: 40%;
	height: 100%;
	background-repeat: no-repeat;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.adflex-unit .body {
	position: relative;
	float: right;
	width: 60%;
	height: 100%;
	background: 0 0;
	padding: 10px 10px 15px 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.adflex-unit .body .title {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	display: block;
	font-size: 20px;
	font-weight: 700;
	color: #3079ed;
	text-decoration: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.adflex-unit .body .title:active,.adflex-unit .body .title:hover {
	color: #3079ed;
	text-decoration: underline;
}

.adflex-unit .body .title:visited {
	color: #3079ed;
}

.adflex-unit .body .description {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	color: #000;
	font-size: 16px;
}

.adflex-unit .body .button {
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: absolute;
	bottom: 15px;
	left: 15px;
	background: #4d90fe;
	border-color: #3079ed;
	border-style: solid;
	border-width: 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	padding: 5px 10px;
	font-size: 14px;
	text-decoration: none;
}

.adflex-unit .body .button:active,.adflex-unit .body .button:hover {
	text-decoration: none;
	color: #fff;
	background: #3079ed;
}

.adflex-unit .body .button:visited {
	text-decoration: none;
	color: #fff;
}

.adflex-unit-noimage .image {
	display: none;
}

.adflex-unit-noimage .body {
	width: 100%;
}

.adflex-unit-vertical {
	width: 300px;
	height: 250px;
}

.adflex-unit-vertical .image {
	width: 100%;
	height: 150px;
	float: none;
}

.adflex-unit-vertical .body {
	width: 100%;
	height: 100px;
	float: none;
	padding: 5px 15px;
}

.adflex-unit-vertical .body .title {
	font-size: 16px;
}

.adflex-unit-vertical .body .description {
	display: none;
}

.adflex-unit-vertical .body .button {
	padding: 5px 10px;
	font-size: 12px;
}

.adflex-unit-vertical-noimage .image {
	display: none;
}

.adflex-unit-vertical-noimage .body {
	width: 100%;
	height: 100%;
	float: none;
	padding: 5px 15px;
}

.adflex-unit-vertical-noimage .body .title {
	padding-top: 10px;
	font-size: 20px;
}

.adflex-unit-vertical-noimage .body .description {
	display: block;
}

.adflex-unit-vertical-noimage .body .button {
	padding: 5px 10px;
	font-size: 16px;
}

@media screen and (max-width:767px) {
	.main-header .navbar .dropdown-menu li a {
		color: #000!important;
	}
}

.content-header h1 {
    font-size: 22px !important;
}

.content-header h1,
.content-header .dashboard-cta {
	margin-top: 5px;
	margin-bottom: 5px;
}

.content-header .dashboard-cta .pull-right {
	margin-right: 5px;
	margin-bottom: 10px;
}

.footer-socials .nav>li>a {
    padding: 0 7px;
    color: #0648B3 !important;
}

.box-transparent, .box-transparent .box-body, .box-transparent .box-footer {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.platform-selector {
    margin-top: 4rem;
}

.platform-selector .small-box h3.selection-heading {
	font-size: 1.2rem;
	color: #043482;
}

.platform-selector .small-box p.selection-desc {
	color: #333;
}

@media (min-width: 568px) {
	.platform-selector .small-box {
		width: 25rem;
	}
	.platform-selector .small-box.odd-box {
		float: right;
	}
	.platform-selector {
		margin-top: 6rem;
	}
	.platform-selector .small-box h3.selection-heading {
		font-size: 1.5rem;
	}
}

.platform-selector .small-box img.illustration {
    max-width: 7rem;
	margin-top: 5px;
    margin-bottom: 10px;
}

.tabs-transparent, .box-transparent .nav-tabs,
.tabs-transparent .tab-content {
    background-color: transparent !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.tabs-transparent>.nav-tabs>li.active:hover>a,
.tabs-transparent>.nav-tabs>li.active>a {
    background-color: transparent !important;
}

.btn-pay {
	width: 32.527%;
	margin-bottom: 5px;
}

@media (min-width: 992px) {
	.btn-pay {
		width: 49%;
	}
}

.sidebar a {
	color: #241c15 !important;
	font-weight: 500 !important;
    font-size: 1.5rem !important;
    font-family: "Poppins", "Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;
}

.sidebar-menu li.highlight a {
	background-color: #f4f5ff;
}

.nav-balance {
	color: #0648B3!important;
    font-weight: 600;
    border-bottom: 2px dotted #EA6A1B !important;
    text-decoration: none;
}

@media (max-width: 767px) {
	.dataTables_length, .dataTables_filter {
		display: none!important;
	}
}

/** Top navbar adjusted height for .layout-top-nav & marketplace styles**/
@media (min-width: 767px) {
	.layout-top-nav nav.navbar.navbar-static-top {
		min-height: 62px;
	}

	.layout-top-nav nav.navbar.navbar-static-top .logo {
		line-height: 60px;
	}

	.layout-top-nav nav.navbar.navbar-static-top .nav>li>a {
		font-size: 1.7rem !important;
		line-height: 30px !important;
	}

	.layout-top-nav nav.navbar.navbar-static-top .navbar-nav>.user-menu .user-image {
		width: 32px;
		height: 32px;
	}

	.layout-top-nav nav.navbar.navbar-static-top .navbar-nav>li>.dropdown-menu {
		margin-top: 1px;
	}
}

.btn-icon {
    border: none !important;
    background: transparent !important;
}

.slot-cost {
	color: #62cb31 !important;
}

.widget-user-desc a {
	color: #ffffff !important;
}

@media (min-width: 992px) {
	.checkout-box {
		padding: 15px;
	}
}

.checkout-box table {
	font-size: 1.7rem;
}

.checkout-box .cost-model {
	font-weight: normal;
	font-size: 1.8rem;
}

.checkout-box .cost {
	font-size: 1.7rem;
	color: #62cb31;
}

.checkout-box legend {
	font-size: 20px;
	margin: 0 0 20px 12px;
	border: none !important;
}

.checkout-box th, .dataTables_wrapper table th, th {
    font-weight: normal !important;
}

.checkout-box th, .checkout-box td, .checkout-box .table-responsive {
    border: none !important;
}

@media (max-width: 992px) {
	.checkout-box .border-right {
		border-right: none !important;
	}
}

.listing-filter-box {
    padding: 15px 20px;
}

.listing-filter, .program-filter {
	margin-bottom: 0 !important;
}

@media (min-width: 992px) {
	.listing-filter {
		display: none !important;
	}
	#listing-filter-box {
		display: block !important;
	}
}

@media (min-width: 1200px) {
	.program-filter {
		display: none !important;
	}
	#program-filter-box {
		display: block !important;
	}
}

.mp-header {
	background: linear-gradient(135deg, rgba(255,255,255,1) 45%, rgba(6,72,179,0.13769257703081228) 100%) !important;
	padding: 20px 30px 20px 7%;
	/*border-bottom: 1px solid #d2d6de;*/
}

.content-header.mp-header h1.heading {
	font-size: 3rem !important;
	font-weight: 300;
}

.content-header.mp-header .sub-heading {
	font-size: 1.8rem !important;
	font-weight: 300;
	margin-bottom: 20px; 
}

.content-header.mp-header .cta {
	padding: 8px 15px;
}

.description-text .badge {
	margin-right: 5px;
}

#make-an-offer .modal-title {
	font-size: 2rem;
}

table.dataTable>tbody>tr.child ul.dtr-details {
	width: 100%;
}

.fixed.sidebar-mini .main-footer,
.layout-top-nav .main-footer {
	background-color: #f4f5ff !important;
	border-top: none !important;
}

/**.main-footer .footer-socials ul li {
	display: none !important;
}**/

#app-register .pretty {
	margin-right: 0 !important;
}

/** Badge **/
.badge {
	padding: 0.35rem 0.375rem;
	font-weight: 600;
	line-height: 1;
	vertical-align: baseline;
	border-radius: 0.375rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }
  
  @media (prefers-reduced-motion: reduce) {
	.badge {
		transition: none;
	}
  }
  
  .badge-pill {
	padding-right: 0.875em;
	padding-left: 0.875em;
	border-radius: 10rem;
  }
  
  .badge-primary {
	color: #F8F8FF;
	background-color: #6a9df7;
  }
  
  .badge-primary[href]:hover, .badge-primary[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #073179;
  }
  
  .badge-secondary {
	color: #cfe3f1;
	background-color: white;
  }
  
  .badge-secondary[href]:hover, .badge-secondary[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #cadeeb;
  }
  
  .badge-success {
	color: #1aae6f;
	background-color: #b0eed3;
  }
  
  .badge-success[href]:hover, .badge-success[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #229c68;
  }
  
  .badge-info {
	color: #03acca;
	background-color: #aaedf9;
  }
  
  .badge-info[href]:hover, .badge-info[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #0c9cb7;
  }
  
  .badge-warning {
	color: #ff3709;
	background-color: #fee6e0;
  }
  
  .badge-warning[href]:hover, .badge-warning[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #f93305;
  }
  
  .badge-danger {
	color: #f80031;
	background-color: #fdd1da;
  }
  
  .badge-danger[href]:hover, .badge-danger[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #e30b36;
  }
  
  .badge-light {
	color: #879cb0;
	background-color: white;
  }
  
  .badge-light[href]:hover, .badge-light[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #8b96a2;
  }
  
  .badge-dark {
	color: #090c0e;
	background-color: #6a7783;
  }
  
  .badge-dark[href]:hover, .badge-dark[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: #060607;
  }
  
  .badge-default {
	color: #444;
	background-color: #d2d6de;
  }
  
  .badge-default[href]:hover, .badge-default[href]:focus {
	color: #d2d6de;
	text-decoration: none;
	background-color: #444;
  }
  
  .badge-white {
	color: #e8e3e3;
	background-color: white;
  }
  
  .badge-white[href]:hover, .badge-white[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #e0e0e0;
  }
  
  .badge-neutral {
	color: #e8e3e3;
	background-color: white;
  }
  
  .badge-neutral[href]:hover, .badge-neutral[href]:focus {
	color: #212529;
	text-decoration: none;
	background-color: #e0e0e0;
  }
  
  .badge-darker {
	color: black;
	background-color: #525252;
  }
  
  .badge-darker[href]:hover, .badge-darker[href]:focus {
	color: #fff;
	text-decoration: none;
	background-color: black;
  }

  /** New button styles **/
  .btn-primary {
	color: #ffffff;
	background-color: #0648B3;
	border-color: #0648B3;
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07);
  }
  
  .btn-primary:hover {
	color: #ffffff;
	background-color: #05398e;
	border-color: #043482;
  }
  
  .btn-primary:focus, .btn-primary.focus {
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07), 0 0 0 0.0625rem rgba(43, 99, 190, 0.5);
  }
  
  .btn-primary.disabled, .btn-primary:disabled {
	color: #ffffff;
	background-color: #0648B3;
	border-color: #0648B3;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active {
	color: #ffffff;
	background-color: #043482;
	border-color: #042f75;
  }
  
  .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.0625rem rgba(43, 99, 190, 0.5);
  }
  
  .btn-secondary {
	color: #ffffff;
	background-color: #ea6a1b;
	border-color: #d58512;
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07);
  }
  
  .btn-secondary:hover {
	color: #ffffff;
	background-color: #d58512;
	border-color: #ea6a1b;
  }
  
  .btn-secondary:focus, .btn-secondary.focus {
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07), 0 0 0 0.0625rem rgba(241, 106, 106, 0.5);
  }
  
  .btn-secondary.disabled, .btn-secondary:disabled {
	color: #ffffff;
	background-color: #ea6a1b;
	border-color: #d58512;
  }
  
  .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active {
	color: #ffffff;
	background-color: #d58512;
	border-color: #ea6a1b;
  }
  
  .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.0625rem rgba(241, 106, 106, 0.5);
  }
  
  .btn-success {
	color: #ffffff;
	background-color: #05A677;
	border-color: #05A677;
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07);
  }
  
  .btn-success:hover {
	color: #ffffff;
	background-color: #04815c;
	border-color: #047454;
  }
  
  .btn-success:focus, .btn-success.focus {
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07), 0 0 0 0.0625rem rgba(43, 179, 139, 0.5);
  }
  
  .btn-success.disabled, .btn-success:disabled {
	color: #ffffff;
	background-color: #05A677;
	border-color: #05A677;
  }
  
  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active {
	color: #ffffff;
	background-color: #047454;
	border-color: #03684b;
  }
  
  .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.0625rem rgba(43, 179, 139, 0.5);
  }
  
  .btn-info {
	color: #ffffff;
	background-color: #1E90FF;
	border-color: #1E90FF;
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07);
  }
  
  .btn-info:hover {
	color: #ffffff;
	background-color: #007df7;
	border-color: #0077ea;
  }
  
  .btn-info:focus, .btn-info.focus {
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07), 0 0 0 0.0625rem rgba(64, 161, 255, 0.5);
  }
  
  .btn-info.disabled, .btn-info:disabled {
	color: #ffffff;
	background-color: #1E90FF;
	border-color: #1E90FF;
  }
  
  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active {
	color: #ffffff;
	background-color: #0077ea;
	border-color: #0070dd;
  }
  
  .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.0625rem rgba(64, 161, 255, 0.5);
  }
  
  .btn-warning {
	color: #ffffff;
	background-color: #f5b759;
	border-color: #f5b759;
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07);
  }
  
  .btn-warning:hover {
	color: #ffffff;
	background-color: #f3a735;
	border-color: #f2a229;
  }
  
  .btn-warning:focus, .btn-warning.focus {
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07), 0 0 0 0.0625rem rgba(247, 194, 114, 0.5);
  }
  
  .btn-warning.disabled, .btn-warning:disabled {
	color: #ffffff;
	background-color: #f5b759;
	border-color: #f5b759;
  }
  
  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active {
	color: #ffffff;
	background-color: #f2a229;
	border-color: #f19d1d;
  }
  
  .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.0625rem rgba(247, 194, 114, 0.5);
  }
  
  .btn-danger {
	color: #ffffff;
	background-color: #FA5252;
	border-color: #FA5252;
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07);
  }
  
  .btn-danger:hover {
	color: #ffffff;
	background-color: #f92d2d;
	border-color: #f92020;
  }
  
  .btn-danger:focus, .btn-danger.focus {
	box-shadow: 0 0.125rem 0.25rem rgba(13, 20, 49, 0.07), 0 0 0 0.0625rem rgba(251, 108, 108, 0.5);
  }
  
  .btn-danger.disabled, .btn-danger:disabled {
	color: #ffffff;
	background-color: #FA5252;
	border-color: #FA5252;
  }
  
  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active {
	color: #ffffff;
	background-color: #f92020;
	border-color: #f81414;
  }
  
  .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus {
	box-shadow: 0 0 0 0.0625rem rgba(251, 108, 108, 0.5);
  }

  .callout.bg-light {
	background-color: #f4f5ff !important;
  }

.social-btn .btn {
	background: #fff;
	color: #333;
	margin: 10px 0;
	padding: 10px 16px 10px 15% !important;
	font-size: 16px;
	border-radius: 12.5px;
	font-weight: normal;
	border: 1px solid #e0e0e0;
	box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
	text-align: center;		
}

.social-btn .btn .spinner {
	margin-right: 15% !important;
}

@media (min-width: 992px) {
	.social-btn .btn {
		max-width: 300px;
	}
}

.social-btn .btn:hover {
	opacity: 0.9;
	background: #e0e0e0;
}
.social-btn .btn .brand-icon {
	margin-right: 5px;
	width: 17px;
}
.or-seperator {
	margin: 50px 0 15px;
	text-align: center;
	border-top: 1px solid #e0e0e0;
}
.or-seperator .or {
	padding: 0 10px;
	width: 40px;
	height: 40px;
	font-size: 16px;
	text-align: center;
	line-height: 35px;
	background: #fff;
	display: inline-block;
	border: 1px solid #e0e0e0;
	border-radius: 50%;
	position: relative;
	top: -22px;
	z-index: 1;
}

.vertical.or-seperator {
	height: 270px !important;
    margin: 15px 0 15px 50%;
	text-align: center;
	border-left: 1px solid #e0e0e0;
	border-top: 0 !important;
}

.vertical.or-seperator .or {
	top: 110px !important;
	left: -50% !important;
}

  /***********Pretty Checkbox Style Tweak**************/

  .pretty.p-switch.p-fill input:checked~.state label:after {
	left: 1.3rem !important;
  }
  .pretty.p-switch .state:before {
	top: calc((0% - (100% - 1em)) + 4%) !important;
  }

  /***********Mobile Optimizations**********************/

  @media (max-width:767px) {
	.box.with-padding {
		padding: 0;
	}
	.btn:not(.btn-xs):not(.dropdown-toggle):not(.input-group-btn .btn), .btn-sm-auto {
		padding: 5px 10px;
		font-size: 14px;
		line-height: 1.6;
	}
	.modal-title {
		font-size: 16px;
	}
  }

 /***********End Mobile Optimizations**********************/
 
 #cpa-program-partner .cpa-program-details-btn.btn {
	margin-top: 10px;
	padding: 3px 5px;
    font-size: 13px;
    line-height: 1.5;
 }

 #cpa-program-details .description-content {
	font-size: 1.7rem;
    line-height: 1.6;
 }