:root {
    --cptr-light:#fff;
    --cptr-dark:#252525;
    --cptr-shade-10:#FFFAFA;
    --cptr-shade-20:#F0F0F0;
    --cptr-shade-30:#E3E3E3;
    --cptr-shade-40:#CCCCCC;
    --cptr-shade-50:#808080;
    --cptr-shade-60:#4D4D4D;
    --cptr-shade-70:#404040;
    --cptr-shade-80:#373737;
    --cptr-shade-90:#252525;
    --cptr-primary: #009DD1;
    --cptr-primary-t: #00BEFF;
    --cptr-primary-s: #007FAA;
    --cptr-secondary: #7E86F1;
    --cptr-secondary-t: #9EA3F3;
    --cptr-secondary-s: #4E58DA;
    --cptr-tertiary:#00A87B;
    --cptr-tertiary-t:#00D99F;
    --cptr-tertiary-s:#008561;
    --cptr-success:#B8E44F;
    --cptr-success-t:#CFFF5D;
    --cptr-success-s:#729F1D;
    --cptr-warning:#FF8834;
    --cptr-warning-t:#FF9549;
    --cptr-warning-s:#E67423;
    --cptr-danger:#F55666;
    --cptr-danger-t:#FF99A3;
    --cptr-danger-s:#DE4352;


    --cptr-mon: var(--cptr-danger);
    --cptr-tue: var(--cptr-warning);
    --cptr-wed: #F0B330;
    --cptr-thu: #8AB142;
    --cptr-fri: var(--cptr-tertiary);
    --cptr-sat: var(--cptr-primary);
    --cptr-sun: var(--cptr-secondary);

	--ion-color-primary: var(--cptr-primary);
	--ion-color-primary-rgb: 0,157,209;
	--ion-color-primary-contrast: #fff;
	--ion-color-primary-contrast-rgb: 0,0,0;
	--ion-color-primary-shade: var(--cptr-primary-s);
	--ion-color-primary-tint: var(--cptr-primary-t);

	--ion-color-secondary: var(--cptr-secondary);
	--ion-color-secondary-rgb: 126,134,241;
	--ion-color-secondary-contrast: #ffffff;
	--ion-color-secondary-contrast-rgb: 0,0,0;
	--ion-color-secondary-shade: var(--cptr-secondary-s);
	--ion-color-secondary-tint: var(--cptr-secondary-t);

	--ion-color-tertiary: var(--cptr-tertiary);
	--ion-color-tertiary-rgb: 96,48,255;
	--ion-color-tertiary-contrast: #ffffff;
	--ion-color-tertiary-contrast-rgb: 255,255,255;
	--ion-color-tertiary-shade: var(--cptr-tertiary-s);
	--ion-color-tertiary-tint: var(--cptr-tertiary-t);

	--ion-color-success: var(--cptr-success);
	--ion-color-success-rgb: 45,213,91;
	--ion-color-success-contrast: #000000;
	--ion-color-success-contrast-rgb: 0,0,0;
	--ion-color-success-shade: var(--cptr-success-s);
	--ion-color-success-tint: var(--cptr-secondary-t);

	--ion-color-warning: var(--cptr-warning);
	--ion-color-warning-rgb: 255,196,9;
	--ion-color-warning-contrast: #000000;
	--ion-color-warning-contrast-rgb: 0,0,0;
	--ion-color-warning-shade: var(--cptr-warning-s);
	--ion-color-warning-tint: var(--cptr-warning-t);

	--ion-color-danger: var(--cptr-danger);
	--ion-color-danger-rgb: 197,0,15;
	--ion-color-danger-contrast: #ffffff;
	--ion-color-danger-contrast-rgb: 255,255,255;
	--ion-color-danger-shade: var(--cptr-danger-s);
	--ion-color-danger-tint: var(--cptr-danger-t);

	--ion-color-light: var(--cptr-light);
	--ion-color-light-rgb: 246,248,252;
	--ion-color-light-contrast: #000000;
	--ion-color-light-contrast-rgb: 0,0,0;
	--ion-color-light-shade: var(--cptr-shade-30);
	--ion-color-light-tint: var(--cptr-shade-10);

	--ion-color-medium: var(--cptr-shade-80);
	--ion-color-medium-rgb: 95,95,95;
	--ion-color-medium-contrast: #ffffff;
	--ion-color-medium-contrast-rgb: 255,255,255;
	--ion-color-medium-shade: var(--cptr-shade-90);
	--ion-color-medium-tint: var(--cptr-shade-50);

	--ion-color-dark: var(--cptr-dark);
	--ion-color-dark-rgb: 47,47,47;
	--ion-color-dark-contrast: #ffffff;
	--ion-color-dark-contrast-rgb: 255,255,255;
	--ion-color-dark-shade: var(--cptr-shade-90);
	--ion-color-dark-tint: var(--cptr-shade-80);
}

html,body {
    --ion-dynamic-font: var(--ion-default-dynamic-font);
    --ion-font-family: 'DM Sans';
    position: relative;
    height: 100%;
    font-size: 14px;
}
h1 {
    font-family: "DM Sans";
    font-size: 48px !important;
    font-style: normal !important;
    font-weight: 900 !important;
    line-height: var(--Display-Medium-Line-Height, 52px)  !important; /* 108.333% */  
}
h2 {
    font-family: "DM Sans";
    font-size: 36px !important;
    font-style: normal !important;
    font-weight: 700 !important;
    line-height: normal !important;
}
h3{
    /* Subheader 2 */
    font-family: "DM Sans" !important;
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}
h4 {
    /* Subheader 2 */
    font-family: "DM Sans";
    font-size: 20px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: normal !important;
}
h5{
    /* Title 1 */
    font-family: "DM Sans";
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 800 !important;
    line-height: normal !important;
}
p {
    /* Body 1 */
    font-family: "DM Sans";
    font-size: 16px  !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px  !important; /* 125% */
    letter-spacing: 0.25px  !important;
}
label {
    font-family: "DM Sans";
    font-size: 16px  !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px  !important; /* 125% */
    letter-spacing: 0.25px  !important;
}
ion-split-pane {
   /* --side-max-width: 275px;*/
    --border: none !important; 
}

.provider-logo {
    object-position: center;
    object-fit: contain;
    width: 5px;
}

.hidden {
    display: none;
}
.catalog-view-artist--img {
    max-width: 200px;
    max-height: 200px;
    object-fit: cover;
    object-position: center;
}
.cropper-container {
    min-height: 360px;
}
.cropper-container > cropper-canvas {
    min-height: 360px;
}
.photo-editor-modal {
    --max-height: 100%;
    --max-width: 100%;
    --width:100%;
    --height:100%;
}
ion-thumbnail {
    --border-radius: 14px;
  }
ion-checkbox.p-selector-cbox {
    --size:22px;
}
.ms-auto {
    margin-left:auto;
}
.ms-3 {
    margin-left: 1.3em;
}
.me-3 {
    margin-right: 1.3em;
}
.t-center {
    text-align: center;
}
small {
    font-size: 85%;
    color: var(--cptr-shade-70);
}
/*FormBuilder*/

#venfBuilder {
    margin-top:10px;
    margin-bottom:10px;
    border: 1px solid var(--cptr-shade-50);
    padding:5px;
    border-radius: 5px;
}

/*MKPlayer*/
.mk-player {
    width: 100%;
}

#cptr-provider-splitpane {
    --side-max-width: 175px !important;
    --side-width: 175px !important;
    --side-min-width: 100px !important;
}

ion-thumbnail#p_imgThumb {
    --size: 300px;
    --border-radius:5px;
    margin: auto;
}

  ion-loading.chit-success {
    --background: var(--cptr-tertiary-s);
    color: var(--cptr-tertiary-t);
  }
    ion-loading.chit-fail {
    --background: var(--cptr-danger-s);
    color: var(--cptr-danger-t);
  }
.bundle-product-option + .bundle-product-option-quantity {
  display:none;
}
.bundle-product-option.added + .bundle-product-option-quantity {
  display:block;
}
.bundle-product-option.added {
    --border-color: var(--cptr-tertiary) !important;
    --detail-icon-color: var(--cptr-light) !important;
    --detail-icon-opacity: 1 !important;
}