/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/* Global */
/* body{
	color: #231F20;
} */

@font-face {
	font-family: 'AktivGroteskCorp';
	src: url('../css/font/AktivGroteskCorp-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'NeutrifPro-Regular';
	src: url('../css/font/NeutrifPro-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'NeutrifPro';
	src: url('../css/font/NeutrifPro-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
  }
  
  @font-face {
	font-family: 'Inter';
	font-weight: 400;
	src: url('../css/font/Inter/Inter-Regular.woff') format('woff');
  }
  
  @font-face {
	font-family: 'Inter';
	font-style: italic;
	src: url('../css/font/Inter/Inter-Italic.woff') format('woff');
  }
  
  @font-face {
	font-family: 'Inter';
	font-weight: 100;
	src: url('../css/font/Inter/Inter-Thin-BETA.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 100;
	src: url('../css/font/Inter/Inter-ThinItalic-BETA.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-weight: 200;
	src: url('../css/font/Inter/Inter-ExtraLight-BETA.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 200;
	src: url('../css/font/Inter/Inter-ExtraLightItalic-BETA.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-weight: 300;
	src: url('../css/font/Inter/Inter-Light-BETA.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 300;
	src: url('../css/font/Inter/Inter-LightItalic-BETA.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-weight: 500;
	src: url('../css/font/Inter/Inter-Medium.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 500;
	src: url('../css/font/Inter/Inter-MediumItalic.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-weight: 600;
	src: url('../css/font/Inter/Inter-SemiBold.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 600;
	src: url('../css/font/Inter/Inter-SemiBoldItalic.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-weight: 700;
	src: url('../css/font/Inter/Inter-Bold.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 700;
	src: url('../css/font/Inter/Inter-BoldItalic.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-weight: 800;
	src: url('../css/font/Inter/Inter-ExtraBold.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 800;
	src: url('../css/font/Inter/Inter-ExtraBoldItalic.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 900;
	src: url('../css/font/Inter/Inter-Black.woff') format('woff');
  }
  @font-face {
	font-family: 'Inter';
	font-style: italic;
	font-weight: 900;
	src: url('../css/font/Inter/Inter-BlackItalic.woff') format('woff');
  }
  
.c-pointer {
	cursor: pointer;
}

a:hover {
    text-decoration: none;
}

.text-underline {
    text-decoration: underline;
}

/* Background Color  */
.bg-transparent {
	background: transparent;
}

.bg-tiger {
	background-color: #EF5431;
}

button.bg-tiger:hover,
a.bg-tiger:hover {
	background-color: #8F321D;
}

.bg-white {
	background-color: white;
}

.bg-gray {
	background-color: #A89D9F;
}

.bg-gray-2 {
	background-color: #8E8B8C;
}

.bg-gray-3 {
	background-color: #DEDEDE;
}

.bg-gray-4 {
	background-color: #EBEBEB;
}

.bg-doff {
	background-color: #231F20;
}

.bg-doff-2 {
	background-color: #525151;
}

.bg-blood {
	background-color:  #DA5C5C;
}

.bg-raspberry {
	background-color:  #FCE6EE;
}

.bg-raspberry-2 {
	background-color:  #E20055;
}

.bg-sunglow, .bg-sunglog-cus {
	background-color:  #FFFBEC;
}

.bg-sunglow-2 {
	background-color:  #CCA832;
}

.bg-sunglow-3 {
	background-color:  #997E26;
}

.bg-neutral {
	background-color:  #F8F7F7;
}

.bg-neutral-2 {
	background-color: #C7C7C7;
}

.bg-torque {
	background-color:  #E9F6F6;
}

.bg-torque-2 {
	background-color:  #25A8A0;
}

.bg-tango {
	background-color:  #6FCACF;
}

.bg-tango-2 {
	background-color:  #F1FAFA;
}

.bg-disabled {
	background-color:  #d8d7d7!important;
}

/* Background Color Social Media  */
.bg-grad-facebook {
	background: linear-gradient(95.58deg, #18ACFE 0.31%, #0163E0 70.47%);
}

.bg-grad-google-white {
	background: linear-gradient(92.93deg, #FFFFFF -2.82%, #ECECEC 73.64%);
}

.bg-grad-apple {
	background: linear-gradient(95.06deg, #3B4959 13.45%, #283544 72.52%);
}

/* Border  */
.border-bottom-solid-1-gray {
	border-bottom: 1px solid #DEDEDE;
}

.border-bottom-solid-3-tiger {
	border-bottom: 3.5px solid #EF5431;
}

.border-left-solid-1-gray {
	border-left: 1px solid #DEDEDE;
}

.border-right-solid-1-gray-2 {
	border-right: 1px solid rgba(222, 222, 222, 0.5);;
}

.border-full-solid-1-gray {
	border: 1px solid #DEDEDE;
}

.border-full-solid-1-gray-2 {
	border: 1px solid rgba(222, 222, 222, 0.4);
}

.border-top-solid-1-gray {
	border-top: 1px solid #DEDEDE;
}

.border-bottom-solid-1-gray {
	border-bottom: 1px solid #DEDEDE;
}

.border-bottom-solid-3-5-tiger {
	border-bottom: 3.5px solid #EF5431;
}

.border-full-solid-1-tiger {
	border: 1px solid #EF5431;
}

.border-full-solid-1-5-tiger {
	border: 1.5px solid #EF5431;
}

.border-full-solid-2-tiger {
	border: 2px solid #EF5431;
}

.border-full-solid-1-gray-2 {
	border: 1px solid rgba(222, 222, 222, 0.35);
}

.border-left-dashed-1-torque {
	border-left: 2px dashed #C5EAEC;
}


/* Border Radius */
.border-radius-round {
	border-radius: 50%;
}

.border-radius-4 {
	border-radius: 4px;
}

.border-radius-8 {
	border-radius: 8px;
}

.border-radius-left-8 {
	border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.border-radius-left-16 {
	border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.border-radius-right-8 {
	border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

.border-radius-12 {
	border-radius: 12px;
}

.border-radius-16,
.modal .modal-dialog .modal-content.border-radius-16 {
	border-radius: 16px!important;
}

.border-radius-24 {
	border-radius: 24px;
}

.border-radius-left-0 {
	border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.border-radius-top-24 {
	border-top-right-radius: 24px;
    border-top-left-radius: 24px;
}

/* Object  */

.idx-1,
.early-image-priview-1.idx-1 img {
	border-radius: 8px;
	width: 100px;
	height: 100px;
	object-fit: cover;
}

.early-image-priview-1.idx-1.image-product-affiliate-final, 
.early-image-priview-1.idx-1.image-product-affiliate-final img {
width: 150px;
height: 150px;
}

/* Circle  */
.circle-16 {
	padding : 8px;
	border-radius: 50%;
}

.circle-12 {
	padding : 6px;
	border-radius: 50%;
}

.circle-8 {
	padding : 4px;
	border-radius: 50%;
}

/* Circle Flex  */
.circle-flex-28 {
	width: 28px;
    height: 28px;
    border-radius: 50%;
	min-width: 28px;
	max-width: 28px;
	min-height: 28px;
	max-height: 28px;
}

.card-cus-app-history {
	border: 1px solid rgba(222, 222, 222, 0.35);
	box-shadow: 2px 2px 4px rgba(35, 31, 32, 0.1);
	border-radius: 8px;
}

.liner-torque {
	margin-top: 47px;
	margin-bottom: 37px;
	margin-right: -7px;
}

.dhn-img-circle-36 {
	width: 36px;
	height: 36px;
	border-radius: 50%;
}

.dhn-shadow-card {
	box-shadow: 0px 0px 2px rgba(35, 31, 32, 0.15);
}

.dhn-shadow-card-2 {
	box-shadow: 0px 2px 4px rgba(35, 31, 32, 0.1);
}

.dhn-shadow-acordion-header {
	/* box-shadow: 0px 4px 12px rgba(35, 31, 32, 0.15); */
	box-shadow: 0px 6px 7px rgb(35 31 32 / 15%);
}

/* Separator  */
.dhn-separator-cus-horizontal-primary {
	border-right: 1px solid #DEDEDE;
	height: 48px;
    width: 15px;
}

.dhn-separator-cus-horizontal-primary-32 {
	border-right: 1px solid #DEDEDE;
	height: 32px;
}

.dhn-border-gray {
	border: 1px solid #DEDEDE;
}

.dhn-separator-gray {
	border-bottom: 1px solid #DEDEDE;
}

.dhn-breadcrumbs-title {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 500px;
}
/*
---------------------------------------------
Text Style / Color
--------------------------------------------- 
*/
.dhn-wrap-text {
	overflow-wrap: break-word;
}

.dhn-hide-text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.text-color-black {
	color: #000000!important;
}

.text-color-gray {
	color: #787681!important;
}

.text-color-green {
	color: #166560 !important;
}

.text-color-maroon {
	color: #B50044 !important;
}

.text-color-gray-2 {
	color: #777777!important;
}

.text-color-gray-3 {
	color: #8E8B8C!important;
}

.text-color-gray-4 {
	color: #757172!important;
}

.text-color-gray-5 {
	color: #8C8889!important;
}

.text-color-light-gray {
	color: #CDC5C7!important;
}

.text-color-white {
	color: white!important;
}

.text-color-tiger {
	color: #EF5431!important;
}

.text-color-raspberry {
	color: #E20055!important;
}

.text-color-black {
	color: #000000!important;
}

.text-color-doff {
	color: #231F20!important;
}

.text-color-doff-2 {
	color: #565354!important;
}

.text-color-neutral {
	color: #747172!important;
}

.text-color-neutral-2 {
	color: #D7D6D6!important;
}

.text-color-neutral-3 {
	color: #A7A4A5!important;
}

.text-color-neutral-4 {
	color:  #c3c1c1!important;
}

.text-color-neutral-5 {
	color: #747172;
}

.text-color-neutral-6 {
	color: rgba(35, 31, 32, 0.15);
}

.text-color-ash {
	color:  #5D5A5B!important;
}

.text-color-ash-2 {
	color:  #454142!important;
}

.text-color-tango {
	color: #59A2A6!important;
}

.text-color-torque {
	color: #25A8A0!important;
}

.text-color-glow {
	color: #665419!important;
}

.text-hover-tiger {
	color:#8F321D;
}

.text-color-error {
	font-size: 13px;
	margin: 8px;
 } 

.text-color-error,
.input-form-login-ves.error .error-message, 
.input-form-login-ves.error .input-form-login {
	color : #DA5C5C;
}

.dhn-hover-tiger {
	color: #565354;
}

.dhn-hover-tiger:hover {
	color: #EF5431;
}

/*--------------------------------------------------------------
# Button
--------------------------------------------------------------*/



/*--------------------------------------------------------------
# Dropdown
--------------------------------------------------------------*/

.cus-dropdown-shortlist .dropdown-menu {
	left: auto!important;
	/* right: -6px!important; */
	right: -14px!important;
} 

.cus-dropdown-shortlist-dt-grup .dropdown-menu {
	top: 10px!important;
    right: 0px!important;
    left: auto!important;
} 

/*--------------------------------------------------------------
# Modal
--------------------------------------------------------------*/

#creator-discovery .form-group {
	margin-bottom: 1rem;
}

/*--------------------------------------------------------------
# SELECT 2 CUSTOM
--------------------------------------------------------------*/

.rejection-ves .select2-selection__arrow, 
.export-ves .select2-selection__arrow {
	margin-top: 5px;
}

.rejection-ves .select2-selection__placeholder, 
.export-ves .select2-selection__placeholder {
	color: #231F20;
	font-size: 12px;
	line-height: 15px;
	font-family: 'Inter';
	font-weight: 700;
}

.rejection-ves .select2-container--default .select2-selection--single .select2-selection__rendered, 
.export-ves .select2-container--default .select2-selection--single .select2-selection__rendered {
	color: #231F20;
	font-size: 12px;
	line-height: 16px;
	font-family: 'Inter';
	margin-top: 3px;
}

.select2-results__options {
	color: #231F20;
	font-size: 12px;
	line-height: 16px;
	font-family: 'Inter';
}

.completion{
	color: #A7A4A5;
	font-weight: 500;
	font-size: 11px;
	line-height: 13px;
}

.completion .percent{
	color: #000000;
	font-weight: 700;
	font-size: 12px;
	line-height: 22px;
	text-align: left;
}

/* .dhn-select-2-sow .select2.select2-container.select2-container--bootstrap4.select2-container--below, */
.dhn-select-2-sow .select2.select2-container.select2-container--bootstrap4 {
	width: 100%!important;
}

#creator-discovery .select2-container--bootstrap4 .select2-selection--multiple {
	display :block!important;
}

.select-checkbox .select2-results__options {
	line-height: unset!important;
}


/*--------------------------------------------------------------
# CONTENT FEATURED
--------------------------------------------------------------*/

.app-history-title {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
}

.app-history-back {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 12px;
	line-height: 16px;
}

.app-history-card-title {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 16px;
	line-height: 19px;
}

.app-history-list-title {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 18px;
	line-height: 150%;
}

.app-history-card-desc  {
	font-family: 'Inter';
	font-size: 12px;
	line-height: 150%;
}

.app-history-card-desc.modal-title  {
	font-weight: 500;
}

.app-history-card-data  {
	font-family: 'Inter';
	font-size: 14px;
	line-height: 150%;
}

.app-history-card-data.modal-title  {
	font-weight: 500;
}

.app-history-card-data.dhn-step-form-input-name  {
	line-height: 125%;
}

.app-history-card-data.affiliate  {
	line-height: 125%;
}

.app-history-card-data b  {
	font-weight: 700;
	font-family: 'Inter';
}

.app-history-sub-card-desc {
	font-family: 'Inter';
	font-size: 10px;
	line-height: 14px;
}

.app-history-sub-card-data {
	font-family: 'Inter';
	font-weight: 600;
	font-size: 11px;
	line-height: 14px;
}

.app-history-task-nav-ves {
	border-bottom: 1px solid rgba(221, 238, 221, 0.35);
	box-shadow: 0px 2px 8px 1px rgba(86, 86, 86, 0.12);
}

.app-history-task-nav {
	padding: 16px 24px;
	color: #C7C7C7;
}

.app-history-task-nav.active {
	padding: 16px 24px;
	color: #FFFFFF;
	background: #EF5431;
	border-radius: 12px 12px 0px 0px;
	margin-bottom: -1px;
}

.app-history-sub-data-subs {
	font-family: 'Inter';
	font-size: 11px;
	line-height: 14px;
}

.app-history-sub-data-subs.app-history-data-socmed {
	font-weight: 500;
}

.app-history-sub-modal-sub {
	font-family: 'Inter';
	font-size: 16px;
	line-height: 26px;
}

.app-history-modal-caption {
	font-family: 'Inter';
	font-size: 18px;
	line-height: 150%;
}

#table_history_wa_wrapper .dt-buttons
/* #table_history_wa_filter  */
{
	/* display: none; */
}

.dt-cus-wa-history-header {
	background: #F8F7F7;
	border-radius: 8px;
	padding : 22px 16px;
}

.dt-cus-wa-history-header th {
	border : none;
	/* padding : 0; */
	padding-top : 22px;
	padding-bottom : 22px;
}

.box-not-applied-brand {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 14px;
}

/* New Login */

.dhn-login-new-nav-bar {
	padding : 28px 20px;
}

.dhn-login-new-form-card {
	border: 1px solid #DEDEDE;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);
	border-radius: 12px;
	padding: 40px 24px;
}

.dhn-login-new-title {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 800;
	font-size: 28px;
	line-height: 34px;
	text-align: center;
	letter-spacing: -0.015em;
}

.dhn-login-new-desc {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 150%;
	/* line-height: 24px; */
	
	text-align: center;
	letter-spacing: -0.03em;
}

.dhn-login-new-desc b {
	font-family: 'Inter';
	font-weight: 700;
}

.dhn-login-new-form-title {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 29px;
	/* identical to box height */

	text-align: center;
	letter-spacing: -0.015em;
}

.dhn-login-new-form-title.dhn-set-summary {
	line-height: 125%;
}

.dhn-login-new-form-title.brand-deals {
	text-align: left;
	letter-spacing: unset;
}

.dhn-login-new-form-input-title {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
}

.dhn-login-new-form-input-title.form-title {
	line-height: 18px;
}

.dhn-login-new-to-login {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
}

.dhn-login-new-to-login.invite-link-desc {
	font-weight: 400;
	line-height: 125%;
}

.dhn-login-new-to-login.invite-link-desc.affiliate-desc {
	line-height: 150%;
}

.dhn-login-new-to-login.invite-url-form-title {
	font-weight: 500;
	line-height: 125%;
}

.dhn-login-new-form-input-fill {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 21px;
}

.dhn-login-new-form-submit-desc {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 15px;
}

.dhn-login-new-form-submit-desc.alamat {
	font-weight: 500!important;
    font-family: 'Inter'!important;
}

.dhn-login-new-form-submit-desc b {
	font-family: 'Inter';
	font-weight: 700;
}

.dhn-login-new-form-submit-verif {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 17px;
}

.dhn-login-new-form-submit-verif b {
	font-family: 'Inter';
	font-weight: 700;
}

.dhn-login-new-form-submit-btn {
	padding: 10px 16px;
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	text-align: center;
	border: none;
	border-radius: 4px;
}

/* Shipping  */

.dhn-shipping-box {
	padding: 12px 0px;
}

.dhn-shipping-box-fill-border-side {
	background: #EF5431;
	border-radius: 0px 8px 8px 0px;
}

.dhn-shipping-box-fill {
	padding: 0px 12px;
}

.dhn-brand-deals-new-title-desc-count {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 11px;
	line-height: 13px;
}

.dhn-shipping-box-modal-title {
	font-family: 'Inter';
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
}

.dhn-shipping-box-modal-title.invite-link-title {
	line-height: 125%;
}

.dhn-shipping-box-modal-penerima {
	font-family: 'Inter';
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
}

.dhn-shipping-box-modal-alamat {
	font-family: 'Inter';
	font-weight: 500;
	font-size: 12px;
}

#alamat_1.dhn-shipping-box-modal-alamat {
	line-height: 15px;
}

#alamat_2.dhn-shipping-box-modal-alamat {
	line-height: 150%;
}

.dhn-shipping-box-modal-item {
	font-family: 'Inter';
	font-weight: 600;
	font-size: 14px;
	line-height: 17px;
}

.dhn-checkbox {
	height: 16px;
	width: 16px;
}

/* List Approach  */
.dhn-list-approach-table-data {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
}

.dhn-list-approach-table-data.input-form-dhn {
	font-weight: 500;
}

.dhn-list-approach-table-data.dhn-project-add {
	font-size: 14px;
}

.dhn-list-approach-table-data.creator-notes {
	line-height: 16px;
}

.dhn-list-approach-table-data.creator-offCreator {
	font-weight: 400;
	font-size: 11px;
	line-height: 125%;
}

.dhn-list-approach-table-data.creator-col {
	font-weight: 600;
	font-size: 12px;
	line-height: 14px;
}

.dhn-list-approach-table-data.add-sow {
	font-weight: 600;
	line-height: 16px;
}

.dhn-list-approach-table-data.creator-col.creator-id {
	font-weight: 500;
}

.dhn-list-approach-table-disable-icon {
	opacity: 0.5;  
	cursor: context-menu;
}

.dhn-list-approach-table-size {
	overflow-x: auto;
    max-width: 1105px;
	margin-left : 20px;
	padding-bottom: 15px;
	/* margin-left: 20px; */
}

.dhn-list-approach-table-data-table {
	border-radius:8px!important; 
	border-collapse:separate!important; 
	border-bottom:none!important;   
	/* margin: 0!important; */
	margin-top:1rem!important;
    /* padding-left: 28px; */
}

.dhn-shortlisting-invite {
	font-size: 12px!important;
    padding: 8px 12px;
}

/* Add Project  */
.dhn-project-add-step {
	font-family: 'Inter';
	font-weight: 500;
	font-size: 12px;
	line-height: 125%;
}

.dhn-project-add-step.step-subtitle {
	font-weight: 600;
}

.dhn-project-add-step-title {
	font-family: 'Inter';
	font-weight: 700;
	font-size: 19px;
	line-height: 125%;
}

/* Creator Detail */
.dhn-creator-detail-jobs-detail-images {
	width: 140.63px;
    height: 250px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.icon-play.dhn-creator-detail-jobs-detail {
	width: 36px !important;
    height: 36px !important;
    top: 50%;
    left: 47%;
}

.modal-content.dhn-modal-content {
	background: none;
	border: none;
}

.dhn-modal-button-text {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
}

.btn.upload-button-1,
.early-add-image-upload-button,
.extended-add-image-upload-button {
	width: 100px;
	height: 100px;
	cursor: pointer;
	display: inline-block;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 0px;
	border: 1px solid gray;
	border-style: dashed;
}

.dhn-modal-button-text.reg {
	font-weight: 400;
}

.dhn-modal-title-submit-summmary {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 700;
	font-size: 21px;
	line-height: 125%;
}


.dhn-summary-campaing-report-note {
	position: absolute;
    right: 50px;
    bottom: 84px;
}

.dhn-summary-campaing-report-note.group-desc {
	position: absolute;
    right: 13px;
    bottom: 8px;
}

.dhn-text-elipsis {
  	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis; 
}
/* .dhn-project-add-step-title {} */

/*
---------------------------------------------
Custom Table Style
--------------------------------------------- 
*/

.dhn-custom-table {
	text-align:start;
	/* border-bottom:none!important; */
	padding:.5rem!important;
	/* background-color:#EFEFEF!important; */
	font-size:12px;
}

.dhn-custom-table.w-5 {
	width: 5%;
}

.dhn-custom-table.w-10 {
	width: 10%;
}

.dhn-custom-table.w-20 {
	width: 20%;
}

.dhn-custom-table.start {
	padding-left:16px!important;
}

.dhn-custom-table.end {
	padding-right:16px!important;
}

/*
---------------------------------------------
Input Style
--------------------------------------------- 
*/

.custom-control-input:checked ~ .mod.custom-control-label::before {
	color: #fff;
    border-color: #EF5431;
    background-color: #EF5431;
    box-shadow: none;
    margin-top: -2px;
}

.custom-checkbox .custom-control-input:checked ~ .mod.custom-control-label::after {
	margin-top: -2px;
}

.dhn-login-new-form-card .dhn-login-new-form-input-fill {
	background-image: none;
	padding-right : 0.75;
}

.dhn-login-new-form-card .dhn-login-new-form-input-fill {
	padding-right : 2.75;
}

.password-show-hide-icon {
	margin-left: -40px;
    margin-top: 6px;
    cursor: pointer;
}

.dhn-form-list-approach-img.input-icon img {
	padding: 11px;
}

.dhn-form-list-approach-img.input-icon.table-approach img {
	padding: 0px;
    width: 16px;
    margin: 7px;
}

.dhn-form-list-approach {
	/* width: 100%; */
	font-family: 'Inter';
	/* font-style: normal;
	font-weight: 400; */
	font-size: 14px!important;
	line-height: 20px!important;
	height:38px!important;
}

.dhn-form-list-approach.table-approach {
	font-size: 12px!important;
	line-height: 16px!important;
	height:32px!important;
}

.dhn-form-list-approach.table-approach,
.dhn-form-list-approach.table-approach[readonly] {
	background-color: #F8F7F7!important;
}

/* Select 2  */
.dhn-form-list-approach .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
	line-height: calc(1.1em + 1.25rem);
	color:#231F20;
	font-size: 14px;
}

.dhn-form-list-approach.table-approach .select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered{
	line-height: calc(1.1em + 1.25rem);
	color:#231F20;
	font-size: 12px;
}

.dhn-form-list-approach.table-approach .select2-container--bootstrap4 .select2-selection--single,
.dhn-form-list-approach.table-approach .select2-selection .select2-selection--single
{
  min-height: 32px !important;
  font-size: 12px;
  line-height: 16px;
  background-color: #F8F7F7;
}

.dhn-form-list-approach.table-approach.sorting-new .select2-container--bootstrap4 .select2-selection--single, .dhn-form-list-approach.table-approach.sorting-new {
	min-height: 37px !important;
	background-color: white!important;
}

.dhn-form-list-approach .select2-container--bootstrap4 .select2-selection--single,
.dhn-form-list-approach .select2-selection .select2-selection--single{
  min-height: 38px !important;
  font-size: 14px;
  line-height: 20px;
}

.dhn-form-list-approach .select2-container .select2-search--inline .select2-search__field{
	margin-top:-5px;
	margin-left: 10px;
	position: absolute;
	font-family: "Inter";
	font-size: 7px;
}

.dhn-form-list-approach .select2-selection__placeholder{
	color: #AEAEAE;
}

.dhn-form-list-approach .select2-container--bootstrap4 .select2-selection--single .select2-selection__arrow b{
	background: url("../img/icons/angel-down.svg") 97% center no-repeat !important;
	background-color: transparent;
	background-size: contain;
	border: none !important;
	height: 20px !important;
	width: 20px !important;
	margin: auto !important;
	top: -9px;
	right: 5px;
	left: auto !important;
}

.dhn-form-list-approach .select2-container--bootstrap4 .select2-selection{
	border-radius: 8px;
}

.select2-container--bootstrap4 .select2-modal-dhn .select2-results__option {
	padding: 11px !important;
	/* color:red!important; */
	font-size: 12px;
	line-height: 16px;
}

.input-normal.text-area {
	padding: 10px;
}

/* Modal Set Creator Summary  */
.dhn-set-creator-summary-ves {
	width: 100%;
    height: 736px;
    position: absolute!important;
    bottom: 0;
    left: 0;
	margin: 0!important;
	max-width: none!important;
}

/* Image Instagram POW List  */
.dhn-img-instagram-pow {
	position:relative;
	max-width:139px;
}

.dhn-img-instagram-pow-checkbox {
	position: absolute;
    top: 12px;
    left: 8px;
}

/* Checkbox Global custom disabled  */
.custom-checkbox-tiger input:checked~.custom-checkbox-tiger-checkmark.disabled {
	border: 1px solid #DEDEDE;
    background: #DEDEDE!important;
}

/* Input Group */
#creator-discovery .input-normal.start-prefix {
	border-top-left-radius: 0;
    border-bottom-left-radius: 0;
	border-left:0;
}

#creator-discovery .input-normal.end-prefix {
	border-top-right-radius: 0;
    border-bottom-right-radius: 0;
	border-right:0;
}

/* Image Input Custom Drag and Drop */
.dhn-affiliate-image-uploadOuter {
	text-align: center;
	padding: 20px;
}

.uploadOuter strong {
	padding: 0 10px
}

.dhn-affiliate-image-dragBox {
	width: 100%;
	/* height: 100px; */
	margin: 0 auto;
	position: relative;
	text-align: center;
	border: 1px dashed #DEDEDE;
	background-color: white;
	display: inline-block;
	transition: transform 0.3s;
}

.dhn-affiliate-image-uploadOuter input[type="file"] {
	position: absolute;
	height: 100%;
	width: 100%;
	opacity: 0;
	top: 0;
	left: 0;
}

.dhn-affiliate-image-uploadOuter .draging {
	transform: scale(1.1);
}

.thd-affiliate-image-uploadOuter input[type="file"] {
	position: absolute;
	height: 30%;
	width: 100%;
	opacity: 0;
	top: 0;
	left: 0;
}

.thd-affiliate-image-uploadOuter .draging {
	transform: scale(1.1);
}

#creator-discovery .input-normal.form-control.dhn-affiliate-lazada:disabled {
	background-color: #e9ecef;
}

/* BUTTON LOADER
-------------------------------------------------- */

.loader-tiger {
	font-size: 10px;
	margin: 0px 1rem 0px 0px;
	text-indent: -9999em;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	background: #ff5900;
	background: -moz-linear-gradient(left, #ff5900 10%, rgba(255, 89, 0, 0) 42%);
	background: -webkit-linear-gradient(left, #ff5900 10%, rgba(255, 89, 0, 0) 42%);
	background: -o-linear-gradient(left, #ff5900 10%, rgba(255, 89, 0, 0) 42%);
	background: -ms-linear-gradient(left, #ff5900 10%, rgba(255, 89, 0, 0) 42%);
	background: linear-gradient(to right, #ff5900 10%, rgba(255, 89, 0, 0) 42%);
	position: relative;
	-webkit-animation: load3 1.4s infinite linear;
	animation: load3 1.4s infinite linear;
	-webkit-transform: translateZ(0);
	-ms-transform: translateZ(0);
	transform: translateZ(0);
}

.loader-tiger:before {
	width: 50%;
	height: 50%;
	background: #ff5900;
	border-radius: 100% 0 0 0;
	position: absolute;
	top: 0;
	left: 0;
	content: '';
}

.loader-tiger:after {
	background: #F7AA98;
	width: 75%;
	height: 75%;
	border-radius: 50%;
	content: '';
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

@-webkit-keyframes load3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes load3 {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

/* DATEPICKER
-------------------------------------------------- */

/* .form-datepicker {
	border-bottom: 2px solid #C4C4C4;
}

.form-datepicker.error {
	border-bottom: 2px solid #ED0000;
} */


/* RESPONSIVE
-------------------------------------------------- */

/* PHONE */
@media only screen and (min-width: 0px) { 
	/* Global Component */
	.h-100 {
		height: 100%;
	}
	
	.w-fit-content {
		width: fit-content!important;
	}
	
	.w-inherit {
		width: inherit!important;
	}

	.w-max-content { width: max-content!important; }

	.max-w-auto { max-width: auto!important; }
	
	.h-fit-content {
		height: fit-content!important;
	}

	.min-h-auto {
		min-height: auto;
	}

	.min-h-cus-750 {
		min-height: 750px;
	}

	.p-cus-2 {
		padding: 2px;
	}
	
	.p-cus-10 {
		padding: 10px;
	}
	
	.p-cus-12 {
		padding: 12px;
	}
	
	.p-cus-20 {
		padding: 20px;
	}
	
	.p-cus-24 {
		padding: 24px;
	}

	.pr-cus-20 {
		padding-right: 20px;
	}
	
	.pr-cus-24 {
		padding-right: 24px;
	}
	
	.px-cus-10 {
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.px-cus-12 {
		padding-left: 12px;
		padding-right: 12px;
	}

	.px-cus-14 {
		padding-left: 14px;
		padding-right: 14px;
	}
	
	.px-cus-16 {
		padding-left: 16px;
		padding-right: 16px;
	}
	
	.px-cus-22 {
		padding-left: 22px;
		padding-right: 22px;
	}

	.px-cus-24 {
		padding-left: 24px;
		padding-right: 24px;
	}
	
	.py-cus-6 {
		padding-top: 6px;
		padding-bottom: 6px;
	}
	
	.py-cus-10 {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.py-cus-15 {
		padding-top: 15px;
		padding-bottom: 15px;
	}
	
	.py-cus-24 {
		padding-top: 24px;
		padding-bottom: 24px;
	}
	
	.py-cus-32 {
		padding-top: 32px;
		padding-bottom: 32px;
	}
	
	.py-cus-36 {
		padding-top: 36px;
		padding-bottom: 36px;
	}

	.pt-cus-32 {
		padding-top: 32px;
	}
	
	.pt-cus-80 {
		padding-top: 80px;
	}

	.pt-cus-220 {
		padding-top: 220px;
	}

	.mt-cus-min-84 {
		margin-top: -100px;
	}
	
	.mt-cus-2 {
		margin-top: 2px;
	}

	.mt-cus-12 {
		margin-top: 12px;
	}
	
	.mt-cus-20 {
		margin-top: 20px;
	}
	
	.mt-cus-22 {
		margin-top: 22px;
	}
	
	.mt-cus-24 {
		margin-top: 24px;
	}
	
	.mt-cus-25 {
		margin-top: 25px;
	}
	
	.mt-cus-32 {
		margin-top: 32px;
	}
	
	.mt-cus-36 {
		margin-top: 36px;
	}

	.mr-cus-10 {
		margin-right: 10px;
	}
	
	.mr-cus-12 {
		margin-right: 12px;
	}
	
	.mr-cus-20 {
		margin-right: 20px;
	}

	.mr-cus-24 {
		margin-right: 24px;
	}
	
	.mr-cus-40 {
		margin-right: 40px;
	}
	
	.mr-cus-80 {
		margin-right: 80px;
	}

	.ml-cus-min-10 {
		margin-left: -10px;
	}
	
	.ml-cus-20 {
		margin-left: 20px;
	}
	
	.ml-cus-24 {
		margin-left: 24px;
	}

	.mb-cus-10 {
		margin-bottom: 10px;
	}
	
	.mb-cus-12 {
		margin-bottom: 12px;
	}
	
	.mb-cus-18 {
		margin-bottom: 18px!important;
	}
	
	.mb-cus-20 {
		margin-bottom: 20px;
	}
	
	.mb-cus-22 {
		margin-bottom: 22px;
	}
	
	.mb-cus-24 {
		margin-bottom: 22px;
	}

	.mb-cus-32 {
		margin-bottom: 32px;
	}

	.m-cus-12 {
		margin : 12px;
	}
	
	.m-cus-20 {
		margin : 20px;
	}
	
	.mx-cus-10 {
		margin-right: 10px;
		margin-left: 10px;
	}
	
	.mx-cus-12 {
		margin-right: 12px;
		margin-left: 12px;
	}
	
	.mx-cus-40 {
		margin-right: 40px;
		margin-left: 40px;
	}

	.mx-cus-20 {
		margin-right: 20px;
		margin-left: 20px;
	}

	.my-cus-6 {
		margin-top: 6x;
		margin-bottom: 6px;
	}
	
	.my-cus-12 {
		margin-top: 12px;
		margin-bottom: 12px;
	}
	
	.my-cus-14 {
		margin-top: 14px;
		margin-bottom: 14px;
	}
	
	.my-cus-20 {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.my-cus-24 {
		margin-top: 24px;
		margin-bottom: 24px;
	}
	
	.my-cus-32 {
		margin-top: 32px;
		margin-bottom: 32px;
	}
	
	.my-cus-36 {
		margin-top: 36px;
		margin-bottom: 36px;
	}

}

/* TABLET */
/* @media only screen and (min-width: 768px) { 
	
} */

/* DESKTOP */
@media only screen and (min-width: 992px) {
	/* Global Component */

	.min-h-lg-auto {
		min-height: auto;
	}

	.min-h-lg-710 { min-height: 710px!important; }

	.w-lg-fit-content { width: fit-content!important; }

	.mt-cus-min-120 {
		margin-top: -120px;
	}

	.px-lg-cus-20 {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}

	.text-color-lg-doff {
		color: #231F20;
	}
	
	.text-color-lg-gray {
		color: #787681;
	}

	.w-lg-unset {
		width: unset!important;
	}
	
	.min-w-lg-cus-420 {
		min-width: 420px!important;
	}
}

/* LARGE DESKTOP */
@media only screen and (min-width: 1200px) { 
	
}

.dhn-login-new-nav-bar .dropdown-menu{
	padding:0;
	font-size: 14px;
}

.thd-header-blog-post{
	border-bottom: 1px solid var(--border-border-secondary, rgba(222, 222, 222, 0.40));
	background: #FFF;
	box-shadow: 0px 4px 4px 0px rgba(186, 186, 186, 0.25);
}

.thd-header-title-status-blog-post  {
	font-family: 'Inter';
	font-size: 14px;
	line-height: 125%;	
}

.thd-header-saveasdraft-blog-post  {
	font-size: 14px;
	font-family: Inter;
	font-weight: 600;
	line-height: 20px;
	letter-spacing: 0.14px;
}

.thd-header-disable{
	background-color: #C7C7C7;
	color:#8C8889;
}

.thd-header-enable{
	background-color: #EF5431;
	color:#FFF;
}
.thd-header-enable:hover{
	background-color: #F2765A;
	color:#FFF;
}
.cke_chrome {
    border-radius: 8px !important;
}

.cke_inner {
    border-radius: 8px !important;
}

.cke_inner {
    display: block;
    /* background:#fff; */
    padding: 0;
    -webkit-touch-callout: none
}

.cke_bottom {
    border-radius: 0 0 8px 8px !important;
}

.cke_top{
    border-radius: 8px 8px 0px 0px !important;
}

.thd-bg-custom-modal{
	background-color:#686868;
}

.thd-bg-custom-modal-text {
	font-family: 'Inter';
	font-size: 20px;
	line-height: 150%;
	color:red;
}

.thd-remove-border{
	border-top: 0px solid #DEDEDE !important;
	border: 0px solid #DEDEDE !important;
}