.rybbon-nav-body{
	background-color: #0084ff;
	height: 100%;
	transition: width 0.3s;
	padding-left: 30px;
	padding-top: 10px;
	box-shadow: 1px 0 3px 0 rgba(0,0,0,0.2), 1px 0 1px 0 rgba(0,0,0,0.14), 2px 0 1px -1px rgba(0,0,0,0.12);
	text-align: center;
	color: white;
	position: fixed;
	padding-right: 40px;
	overflow: auto;
}

.rybbon-nav-icon{
	text-align:center;
	font-size: 30px;
	padding-right: 10px;
	padding-left:20px;
}
.rybbon-nav-link{
	color: #909090;
}

.rybbon-nav-item{
	padding-top:10px;
	padding-bottom:10px;
	font-size: 20px;
}

.rybbon-nav-row{
	margin:0px
}
.rybbon-nav-col{
	padding: 0px;
}

.rybbon-nav-item a{
	color: white;
}
.rybbon-nav-item a:hover{
	color:white;
}

.rybbon-footer{
	background-color: #404040;
    padding: 10px;
    color: #E2E2E2;
    bottom: 0;
    width: 100%;
    font-size: 12px;
}
.rybbon-footer a, .rybbon-footer a:hover{
	color: white;
}
.rybbon-footer .col-sm-6{padding:0;}
.customer-details{
	margin-bottom: 60px;
	margin-top: 3%;
}
.customer-tabs li a{
	font-size: 19px !important;
}
#deactivate, #account-activate, #verify-email {
	margin-top: -1%;
}
.overview-section {
	padding: 0 5% 0 1%;
}
.overview-heading{
	border-bottom: 1px solid #939393;
	margin-bottom: 1%;
}
.help-text {
	font-size: 13px;
}

.support-container {
	width: 95%;
}

.recipient-search{
	border: 2px solid #a9a9a9;
	background-color: #eaeaea;
	border-radius: 5px;
	padding:20px;
	color: #333;
}
.recipient-search input{
	border-radius: 3px;
	height:40px; 
	width: 100%; 
	border: 1px solid #a9a9a9; 
	padding: 7px 10px 9px; 
	margin-bottom:0px;
}

.recipient-search-row{
	margin-bottom: 0px;
}
.recipient-search-button{
	border: solid 1px #aaaaaa; border-radius: 8px; background-color: #0084ff; 
	color: white; 
	transition: all 0.6s; outline:none;  min-width: 178px;
	padding-left:30px;padding-right:30px;
}
#recipients_wrapper {
	margin-bottom: 5%;
}
.action-button{
	border: none;
	color: #999999;
	background-color: inherit;
}
.dropdown-menu{
	overflow: hidden;
	font-size: 14px;
}

.add-invoice{
	border: 2px solid #a9a9a9;
	background-color: #eaeaea;
	border-radius: 5px;
	padding: 20px;
	color: #333;
}
.add-invoice input{
	width: 100%;
	border-radius: 2px;
}
.add-invoice .optional-features{
	padding: 10px 20px 10px 20px;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	margin-bottom: 20px;
}
.add-invoice fieldset legend{
	width: fit-content;
	padding-left: 10px;
	padding-right: 10px;
}


.support-header{
	margin-top: 20px;
	margin-bottom: 20px;
}

.gift-lookup{
	height: 40px;
	width: 100%;
	background-color: #a9a9a9;
	border: 1px solid #a9a9a9;
	border-radius: 5px;
	position: relative;
}
.used-lookup{
	float: left;
	height: 38px;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
}
.used-lookup-ok {
	background-color: green;
}
.used-lookup-warn{
	background-color: orange;
}
.used-lookup-danger{
	background-color: red;
}

.lookup-text{
	position: absolute;
	padding-top: 6px;
	color: white;
	width: 100%;
	text-align: center;
	z-index: 100;
}

.rybbon-support-contents{
	max-height: calc(100% - 40px);
}

.support-table-button{
	font-size: 10px;
}

.swal-wide {
	min-width: 40%;
}

.add_spuser_message {
	width: 70%;
	margin-bottom: 1%;
	display: none;
}

.ui-datepicker-trigger {
	position: absolute;
	top: 19%;
	right: 9%;
	position:static;
}

.support-report-section{
	border: 2px solid #a9a9a9;
	border-radius: 4px;
	padding: 10px;
}
.support-report-header{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	border-bottom: 1px solid #eaeaea;
	
}

.support-search{
	border: 2px solid #a9a9a9;
	background-color: #eaeaea;
	border-radius: 5px;
	padding:20px;
}
.support-search input{
	border-radius: 3px;
	height:40px; 
	width: 100%; 
	border: 1px solid #a9a9a9; 
	padding: 7px 10px 9px; 
	margin-bottom:0px;
}

.support-search-row{
	margin-bottom: 0px;
}
.support-search-button{
	border: solid 1px #aaaaaa; border-radius: 8px; background-color: #0084ff; 
	color: white; 
	transition: all 0.6s; outline:none;  min-width: 178px;
	padding-left:30px;padding-right:30px;
}

.year-selector{
	width: 130px;
	margin-left:10px;
}

.sales-report {
	border: 2px solid #a9a9a9;
	margin-top: 40px;
	width: 100%;
	border-collapse: separate;
	border-radius: 5px;
}

.sales-report-header {
	background-color: #0084ff;
	color: #ffffff;
}

.sales-report-customer-row-even td, .sales-report-customer-row-odd td,
.sales-report-revenue-row-even td, .sales-report-revenue-row-odd td , 
.sales-report-revenue-row-total td{
	padding-left: 5px;
	font-size: 14px;
}

.sales-report-customer-row-even {
	background-color: #eff8fb;
}
.sales-report-customer-row-odd {
	background-color: #cce1e8;
}

.sales-report-spacer {
	height: 23px;
	background-color: white;
}
.sales-report-revenue-row-even{
	background-color: #e5f9ea;
}
.sales-report-revenue-row-odd{
	background-color: #bae0c3;
}

.sales-report-revenue-row-total{
	background-color: #26965e;
	color: white;
	font-weight: bold;
}


.sales-revenue-report{
	font-size: 14px;
}

.sales-person-details{
	font-size: 20px;
	border: 1px solid #eaeaea;
	padding: 20px;
	margin-top: 20px
}

.sales-customer-report, .sales-revenue-report{
	margin-top: 20px !important;
	border-top:1px solid #333;
	font-size: 14px;
}
.sales-customer-report thead, 
.sales-revenue-report thead{
	background-color: #eaeaea;
}

.sales-customer-report tbody tr.even,
.sales-revenue-report tbody tr.even{
	background-color: #fafafa;
}

.editable-text {
	display: inline-block;
	color: #484848;
}

.editable-text:after{
	content:'\f040';
	font-family: fontAwesome;
	cursor: pointer;
	color: #0084ff;
	font-size: 12px;
	vertical-align:top;
	padding-left:10px;
	float: right;
}
.editable-text.inactive:after{
	color: #a9a9a9;
	cursor: default;
}
.editable-text.w-a-e:after{
	content: none;
}
.user-section{
	margin: 0 auto;
    width: 75%;
}
.btn-edituser {
 margin-top: 15px;
}
.edit-sp-tabs{
	  margin-bottom: 30px;
}
.amount-checkbox input[type=checkbox] {
    width: 20px;
    height: 13px;
}
.sales_attribution_table {
    margin: 0 !important;
}
.dt-buttons {
	float: right !important;
}
button.dt-button, button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) {
	border: none;
	background: none;
}

.date_field{
	width:200px;
	background-color: white;
}
.excel-img {
    padding-left: 8px;
}
.search-box input {
    width: 85%;
}
#brands-loading-gif {
    text-align: center;
    font-size: 22px;
}
.disabled {
	pointer-events: none;
}
.unlimited-gift{
    width: 20px;
    height:15px;
}
#audit_wrapper {
    width: 100%;
}
.activities-list {
	text-overflow: unset !important;
    white-space: normal !important;
}
.overview-section .col-sm-2, .overview-section .col-sm-4, .overview-section .col-sm-3, .overview-section .col-sm-1   {
    padding: 0px;
}
.qbo-swal-content {
	text-align: left;
}

.qbo-swal-content input[type="number"]{
	width: 120px;
	display: block
}
.qbo-swal-content input[type="checkbox"]{
	width:20px;
}
/*signup policy*/
#password-pol-block{
    font-size: 14px;
    margin-bottom: 10px;
    display: none;
}
#pw-strength{
    position: absolute;
    right: 8px;
    top: 16px;
}
.text-danger{
    color : red;
    margin-right: 10px;
}
.text-success{
    color : green;
    margin-right: 10px;
}
.pw-policy-success{
    color: green;
}
.inp-width {
	width: 280px;
}
.create-pwd {
    right: 102px !important;
    top: 9px !important;
}
.pw-input-field {
    margin-bottom: 10px !important;
}
.reset-pwd {
    right: 38px !important;
    top: 9px !important;
}
.ryb-filter-btns.theme--light.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn {
    border-color: #999 !important;
}
.ryb-filter-btns.theme--light.v-btn-toggle:not(.v-btn-toggle--group) .v-btn.v-btn {
    border-color: #999 !important;
}
ul.tabs.customer-tabs {
    margin-bottom: 10px;
}

/*Alignment issue fixing*/
.pwd-error-right{
	top:3px !important;
}
.support-search-width{
	margin-right: -4px;
}

.menu-title {
	color: #fff !important;
	letter-spacing: 0 !important;
	text-transform: capitalize !important;
	font-size: 16px !important;
	padding: 0 24px !important;
}
/* Brand details */
.brand-details-tab-item {
	text-transform: none !important;
	letter-spacing: unset !important;
	font-size: 16px !important;
}
.brand-details-box {
	border: 1px solid #aaaaaa;
	border-radius: 4px;
}
.brand-details-input input, .brand-details-select input {
	margin-bottom: 0 !important;
}
.brand-details-input input:focus, .brand-details-select input:focus {
	border: none !important;
}
.brand-details-surcharge-select input {
	margin-bottom: 0 !important;
}
.brand-details-surcharge-select input:focus {
	border: none !important;
}
.brand-details-surcharge-select .v-text-field__details {
	display: none !important;
}
.brand-details-checkbox .v-input--selection-controls__input {
	padding-bottom: 9px;
}
.brand-details-checkbox label {
	color: black !important;
}
.dissabledKYB .v-label--is-disabled {
    
    color: grey !important;
}
.brand-verify-swal{
	min-width: 700px;
}
.brand-denoms {
	height: 5px;
	color: black;
}
.brand-denom-title {
	background-color: #a9a9a9;
}
.denom-box {
	border-color: black !important;
}

.file-container {
    overflow: hidden;
    position: relative;
}
.file-container [type=file] {
    cursor: inherit;
    display: block;
    font-size: 20px;
    min-height: 10px;
    min-width: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
}
.file-container {
    cursor: pointer;
    color: #0084ff;
    text-decoration: none;
    font-size: 16px;
}
.file-container [type=file] {
    cursor: pointer !important;
}
.brand-image-btn {
	border: solid 1px gray;
    color: gray;
	border-radius: 5px;
	padding: 5px 16px;
}
.brand-image-btn:hover {
	color: white;
	background-color: #0084ff;
}
.brand-image {
	max-width: 100%;
}
.brand-country-list {
	max-height: 400px;
    overflow-y: auto;
}
.active-vendor {
    background-color: lightgreen !important;
}
.disabled-vendor {
    background-color: lightcoral !important;
}
.internal-vendor {
    cursor: not-allowed !important;
}
.vendor-row {
	border: 1px solid #a9a9a9;
	background-color: #eaeaea;
	cursor: move;
}
.vendor-action-btn {
	background-color: #fff !important;
	color: #0084ff !important;
}
.vendor-heading-row {
	background-color: #a9a9a9;
	font-size: 16px;
	font-weight: bold;
	margin: auto !important;
}
.vendor-items {
	color: black;
	font-size: 16px;
}
.vendor-action-btn.theme--light.v-btn--active:before {
	opacity: 0;
}
.vendor-gift-row {
	height: 50px;
}
/**************multiple account in one plan**********************/
.add-account i {
    font-size: 24px;
}
.edit_panel {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1050;
	background: #eaeaea;
	overflow-y: scroll;
	display: none;
}
.edit_close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	padding-right: 5%;
	padding-top: 5%;
}
.popup-content {
    padding: 10px;
    background-color: #eaeaea;
    min-height: 100% ;
}
button.popup-close {
    background: rgba(0,0,0,0);
    border: none;
    color: #000;
    font-size: 24px;
    font-family: verdana;
    font-weight: 300;
    float: right;
}
.account .account-header {
    padding: 10px;
    margin-bottom: 30px;
}
.ac-title {
    margin-bottom: 30px !important;
    color: #313131 !important;
}
.account .account-header {
    padding: 10px;
    margin-bottom: 30px !important;
}
/* .add-account-swal {
    width: 700px !important;
} */
.account .container {
    max-width: 850px;
    margin: 0 auto;
    /* min-height: 1100px !important; */
}
.search-box{
	width: 100%;
	background: #fff;
}
.accounts-note-row {
    padding: 20px 10px;
}
.delete-account-icon {
    padding-left: 10px;
}
.add-account {
    padding-top: 5px;
}
.select-info {
	display: none;
}
.secondary-link {
    text-decoration: underline;
}
.primary-link {
	text-decoration: underline;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before {
    border: 1.5px solid #000;
    border-radius: 0px;
}
table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after {
    color: #000;
}
#multiple-account-in-one-plan {
    margin-bottom: 20px;
}
/**************multiple account in one plan**********************/


/* Bold is not working*/
b, strong {
    font-weight: bold !important;
}

/* Custom Tooltip*/
.custom-tooltip {
	padding: 0px;
  }
  
  .custom-tooltip .tooltiptext {
	visibility: hidden;
	width: 200px;
	background-color: #FFD4D8;
	color: #D4001D;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	top: 8px;
	left: 45%;
	border:2px solid #D4001D;
  }
  
  .custom-tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 101%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #D4001D transparent transparent;
  }
  .custom-tooltip:hover .tooltiptext {
	visibility: visible;
  }
  
.support-dropdown input:focus{
	border-width: 0px !important;
}
.remove-border input{
	border-width: 0px !important;
}

.scrollable-table{
	overflow-x:auto; 
	margin-bottom: 100px;
}

.login-customization-upload {
	width: 100%;
	background-color: #EAEAEA;
	border: 1px solid #A9A9A9;
	padding: 20px;
	border-radius: 7px;
}

.login-customization-upload .v-input__append-outer, .login-customization-upload input {
	margin: 0 !important;
}

.login-customization-upload-btn {
	position: relative !important;
	left: -10px;
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.login-customization-box {
	display: flex;
	gap: 10px;
}

.login-customization-card {
	width: 100%;
	background-color: #F3F3F3;
	border: 1px solid #DEDEDE;
	padding: 15px;
	border-radius: 7px;
	max-height: 435px;
}

.login-customization-card input {
	margin-bottom: 0;
}

.login-customization-card input:focus {
	border: none !important;
}

.gap-10 {
	gap: 10px;
}

.h-auto {
	height: auto !important;
}

.reset-btn--style {
	text-transform: none !important;
    letter-spacing: normal !important;
}

.login-customization-card--iframe {
	max-width: 50%;
	max-height: 435px;
}

.login-customization-card--iframe iframe {
	width: 1280px;
    height: 786px;
    border: 0;
    -ms-transform: scale(0.43);
    -moz-transform: scale(0.43);
    -o-transform: scale(0.43);
    -webkit-transform: scale(0.43);
    transform: scale(0.43);

    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
	will-change: transform;
}

.login-customization-box--left {
	overflow: hidden;
    height: 438px;
	position: relative;
}

#cropper-input {
	position: absolute;
	bottom: 0;
	width: 50%;
}

.login-customization-box #cropper-input > div:first-child{
	display: none;
}

.login-customization-card--fade {
	opacity: 0.5;
	pointer-events: none;
}

.show-preview {
	position: fixed;
    height: 100%;
    width: 100%;
    transform: none;
    top: 0;
    left: 0;
    z-index: 99999;
	padding: 0;
	max-height: 100% !important;
}

.show-preview iframe{
	width: 100%;
    height: 100%;
	transform: none;
}

.preview-close {
	position: fixed !important;
	z-index: 9999999;
	top: 40px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.set-default-image {
	position: absolute !important;
    bottom: 30px;
    left: 43%;
    padding: 0 !important;
	color: #1E92FF !important;
	font-size: 13px !important;
}

.set-default-image:focus, .set-default-image:hover  {
	border: none;
	outline: none;
	background-color: transparent;
}

/******  tooltip css ******/
.wzrd-help-popup-button {
	background-color: #0084ff;
	cursor: pointer;
	text-decoration: none !important;
	margin-left: 0px;
	font-size: 13px !important;
	border-radius: 25px;
	height: 20px !important;
	width: 20px !important;
	color: #fff !important;
}
.wzrd-tooltip {    
	background: #F7FBFF;
    border: 2px solid #ABCFFF;
    color: #2E5588;
    font-size: 14px;
    border-radius: 5px;
    position: absolute;
    pointer-events: auto;
    opacity: 1 !important;
	padding: 23px;
	padding-top: 11px;
	overflow-wrap: break-word;
	max-width: 350px !important;
	padding-bottom: 17px !important;
}
.wzrd-tooltip > .arrow:after {
    border-right-color: #F7FBFF;
	bottom: -10px;
    left: -7px;
    content: " ";
    border-width: 10px;
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
}
.wzrd-tooltip .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: 50.5%;
    left: -23px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #ABCFFF;
    border-width: 11px;
}
.wzrd-tooltip span.v-btn__content:after {
    content: none;
}
.wzrd-tooltip-close {
    color: #0084ff !important;
	font-size: 15px !important;
	float: right;
	margin-right: -14px;
}

.wzrd-tooltip.v-tooltip__content {
	background: #F6F6F6 !important;
	color: #5D5D5D !important;
}
/****** end tooltip css ******/

.relative {
	position: relative;
}

.login-customization-container .v-btn:not(.v-btn--round).v-size--default {
    padding: 0 24px;
    text-transform: capitalize;
    font-size: 16px;
    letter-spacing: 0;
}
.disable-text-editor {
    opacity: 0.5;
    pointer-events: none;
}
.choice-gift-name {
    font-size: 14px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.reward-type-gift{
    display: flex;
    gap:10px;
}
.reward-type-svg{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.campaign-search .v-slide-group__content{
	border : none !important
}
.camapign-reset-button {
    color: #0c84fb !important;
    border: 1px solid #0c84fb !important;
    background-color: #fff !important;
    font-size: 16px !important;
    box-shadow: none;
    text-transform: none;
    letter-spacing: unset !important;
	width: 100px;

}

.invoice-indicator-box {
	box-sizing: border-box;
	position: absolute;
	width: 74px;
	height: 27px;
	border-radius: 3px;
  }
  
  .invoice-indicator {
	position: absolute;
	left: 20px; /* adjust as needed */
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 26px;
  }