.tw-bs4{
	--at-primary: #0030D8;
	--at-primary-hover: #0028b8;
	--at-secondary: #db5c00;
	--at-success: #45b880;
	--at-success-hover: #399d6d;
	--at-info: #1070ca;
	--at-warning: #ffb822;
	--at-error: #ed4740;
	--at-text-primary: #12161b;
	--at-text-secondary: #66788a;
	--at-text-disabled: #a6b1bb;
	--at-background: #f3f5f7;
	--at-paper: #ffffff;
	--at-border: #d0d7de;
	color: var(--at-text-primary);
}

.tw-bs input[type=checkbox] {
	width:15px !important;
	height:15px !important;
}
.tw-bs input[type=radio]{
    width: 15px !important;
    height: 15px !important;
    border-radius: 10px !important;
}
.image_preview{
		
	overflow: hidden;
}
.image_preview img{
	width:150px;
	float:left;
	margin-right:10px;
}
.big_loader{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	background-image: url(loader.gif);
	background-color:rgba(255,255,255,0.72);
	background-repeat:no-repeat;
	background-position:50% 50%;
	z-index:1000000;
	
}
.hero_section{
	padding: 6rem 3rem !important;
	margin-right: -40px !important;
    margin-left: -40px !important;
	background-color: var(--at-paper) !important;
	border: 1px solid var(--at-border);
	color: var(--at-text-primary);
}
body.woocommerce_page_waapmain_settings{
	background: #f3f5f7;
}
.hero_section .item_logo{
	margin-top: -30px;
    max-width: 200px;

}
.tw-bs4 .h2,
.tw-bs4 .h5,
.tw-bs4 .h6,
.tw-bs4 label{
	color: var(--at-text-primary);
}
.tw-bs4 .help-block,
.tw-bs4 .sub_text,
.hero_section .h5{
	color: var(--at-text-secondary);
}
.tw-bs4 a{
	color: var(--at-primary);
}
.tw-bs4 a:hover,
.tw-bs4 a:focus{
	color: var(--at-primary-hover);
}
.tw-bs4 .btn{
	box-shadow: none;
}
.tw-bs4 .btn-primary,
.tw-bs4 .bg-primary{
	background-color: var(--at-primary) !important;
	border-color: var(--at-primary) !important;
}
.tw-bs4 .btn-primary:hover,
.tw-bs4 .btn-primary:focus,
.tw-bs4 .btn-primary:not(:disabled):not(.disabled):active{
	background-color: var(--at-primary-hover) !important;
	border-color: var(--at-primary-hover) !important;
	color: #ffffff !important;
}
.tw-bs4 .btn-primary:focus,
.tw-bs4 .btn-primary.focus,
.tw-bs4 .form-control:focus{
	box-shadow: 0 0 0 0.2rem rgba(0,48,216,0.18) !important;
}
.tw-bs4 .btn-success,
.tw-bs4 .bg-success{
	background-color: var(--at-success) !important;
	border-color: var(--at-success) !important;
}
.tw-bs4 .btn-success:hover,
.tw-bs4 .btn-success:focus,
.tw-bs4 .btn-success:not(:disabled):not(.disabled):active{
	background-color: var(--at-success-hover) !important;
	border-color: var(--at-success-hover) !important;
	color: #ffffff !important;
}
.tw-bs4 .btn-success:focus,
.tw-bs4 .btn-success.focus{
	box-shadow: 0 0 0 0.2rem rgba(69,184,128,0.24) !important;
}
.tw-bs4 .btn-white{
	background-color: var(--at-paper);
	border-color: var(--at-border);
	color: var(--at-primary);
}
.tw-bs4 .btn-white:hover,
.tw-bs4 .btn-white:focus{
	background-color: rgba(0,48,216,0.05);
	border-color: var(--at-primary);
	color: var(--at-primary);
}
.tw-bs4 .text-primary{
	color: var(--at-primary) !important;
}
.tw-bs4 .text-success{
	color: var(--at-success) !important;
}
.tw-bs4 .text-danger{
	color: var(--at-error) !important;
}
.tw-bs4 .border-primary{
	border-color: var(--at-primary) !important;
}
.tw-bs4 .border-success{
	border-color: var(--at-success) !important;
}
.tw-bs4 .border-danger{
	border-color: var(--at-error) !important;
}
.tw-bs4 .form-control{
	border-color: var(--at-border);
	color: var(--at-text-primary);
}
.tw-bs4 .form-control:focus{
	border-color: var(--at-primary);
}
.tw-bs4 .form-control:disabled,
.tw-bs4 .form-control[readonly]{
	background-color: var(--at-background);
	color: var(--at-text-disabled);
}
.tw-bs4 .alert-success{
	background-color: rgba(69,184,128,0.12);
	border-color: rgba(69,184,128,0.32);
	color: #236847;
}
.tw-bs4 .alert-danger{
	background-color: rgba(237,71,64,0.1);
	border-color: rgba(237,71,64,0.32);
	color: #9f2823;
}
.fs-14{
	font-size:14px !important;
}
.fs-16{
	font-size:16px !important;
}

.is_small{
	max-width: 400px !important;
    display: inline-block !important;
}
.ml-15{
	margin-left:-15px;
}
.qtip-content{
	padding:10px;
	font-size:14px;
	line-height:16px;
}
.qtip-content a{
	color:#fff;
} 

.tw-bs4 .form-control::-webkit-input-placeholder {
	color: var(--at-text-disabled);
	opacity: 0.5 !important;
  }
  .tw-bs4 .form-control::-moz-placeholder {
	color: var(--at-text-disabled);
	opacity: 0.5 !important;
  }
  .tw-bs4 .form-control:-ms-input-placeholder {
	color: var(--at-text-disabled);
	opacity: 0.5 !important;
  }
  .tw-bs4 .form-control::-ms-input-placeholder {
	color: var(--at-text-disabled);
	opacity: 0.5 !important;
  }
  .tw-bs4 .form-control::placeholder {
	color: var(--at-text-disabled);
	opacity: 0.5 !important;
  }

body.admin_page_waapdeeplink_setup{
	background: #eef2f7;
}
.waap-deeplink-wrap{
	margin: 0;
}
.waap-deeplink-shell{
	min-height: calc(100vh - 170px);
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 36px 16px;
}
.waap-deeplink-card{
	width: 100%;
	max-width: 540px;
	border-width: 1px;
	border-style: solid;
	border-radius: 8px;
	padding: 42px 36px;
	text-align: center;
	box-shadow: 0 20px 55px rgba(18, 22, 27, 0.12);
}
.waap-deeplink-icon{
	width: 62px;
	height: 62px;
	border-radius: 999px;
	border: 1px solid currentColor;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 22px;
	font-size: 20px;
	background: #ffffff;
	box-shadow: 0 8px 22px rgba(18, 22, 27, 0.08);
}
.waap-deeplink-title{
	font-weight: 700;
	letter-spacing: 0;
}
.waap-deeplink-message{
	line-height: 1.6;
	color: var(--at-text-secondary);
	max-width: 390px;
	margin-left: auto;
	margin-right: auto;
}
.waap-deeplink-actions{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: 12px;
}
.waap-deeplink-btn{
	border-radius: 999px;
	padding: 10px 20px;
	font-weight: 700;
}