@charset "UTF-8";
@font-face {
    font-family: Inter;
    src: url(fonts/inter/Inter-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Inter;
    src: url(fonts/inter/Inter-Medium.woff2) format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Inter;
    src: url(fonts/inter/Inter-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Inter;
    src: url(fonts/inter/Inter-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url(fonts/poppins/Poppins-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


:root {
    --ap-primary-r:115;
    --ap-primary-g:98;
    --ap-primary-b:249;    
    --ap-primary-color: #6858e0;
    --ap-primary-hover-bg-color: #6858E00F;
    --ap-primary-color-hover: #5D4FD9;    
    --ap-color-primary-light-3: #8677FF;
    --ap-color-primary-light-5: #A69BFF;
    --ap-color-primary-light-7: #C5BDFE;
    --ap-color-primary-light-8: #dedaff;
    --el-input-focus-border-color:rgb(222, 218, 255);
    --el-input-focus-border-shadow:rgb(222, 218, 255,0.24); 
    --ap-color-primary-light-9: #DEDAFF;
    --ap-color-primary-light-10:#F6F4FF;
    --ap-color-primary-light-11:#F0EDFC;
    --ap-color-primary-dark-2: #5D4FD9;
    --ap-color-primary-rgb-color : rgb(104, 88, 224);
    --ap-title-color: #1A1E26;
    --ap-heading-color: #1A1E26;
    --ap-button-icon-old: #656E81;
    --ap-placeholder-color: #929DB4;
    --ap-placeholder-old-color: #929DB4;
    --ap-cl-white: #ffffff;
    --ap-border-color: #DCE4F5;
    --ap-border-active-color:#AACCFF;
    --ap-seperator-color:#DCE4F5;
    --ap-background-color:#F4F7FB;
    --ap-gt-gray-50: #FAFCFF;
    --ap-gt-gray-100: #F4F7FB;
    --ap-gt-gray-200: #E9EDF5;
    --ap-gt-gray-300: #DCE4F5;    
    --ap-gt-gray-400: #CFD6E5;
    --ap-gt-gray-500: #B8C1D3;
    --ap-dt-black-400: #202C45;
    --ap-dt-black-400-darker: #121B2C;
    --ap-dt-black-300: #535D71;
    --ap-dt-black-200: #727E95;
    --ap-dt-black-100: #B8C1D3;
    --ap-gt-gray-600: #6E7E9E;
    --ap-gt-gray-700: #C9CFDB;
    --ap-table-row-background: #F8F8F8;
   
    --ap-radius-7px: 10px;
    --ap-radius-4px: 10px;
    --ap-radius-10px: 10px;
    
    --ap-radius-small: 4px;
    --ap-radius-5px: 5px;
    --ap-radius-6px: 6px;
    --ap-primary-font: "Inter";
    --ap-radius: 16px;
    
    --ap-radius-8px: 8px;
    --ap-radius-circle: 50%;
    --ap-checkbox-size: 24px;
    --ap-front-main-title-font-size: 24px;
    --ap-title-font-size: 24px;
    --ap-big-font-size: 23px;
    --ap-poup-title-font-size: 16px;
    --ap-button-text-size: 14px;    
    --ap-medium-font-size: 15px;
    --ap-subtitle-font-size: 16px;
    --ap-subheading-font-size: 20px;
    --ap-field-icon-size: 19px;
    --ap-content-font-size: 14px;
    --ap-content-font-delete-size: 15px;
    --ap-place-holder-font-size: 15px;
    --ap-font-size-medium: 13px;
    --ap-font-size-small: 12px;
    --ap-front-title-font-size : 28px;
    --ap-upload-picture-card-size: 82px;
    --ap-sc-danger: #EE2445;
    --ap-status-active: #E3F2EA;
    --ap-status-active-border: #7ED5A8;
    --ap-status-pending:#FEF4DF;
    --ap-status-pending-border: #F9D17B;
    --ap-status-reject:#FEF0EB;
    --ap-status-reject-border: #EF9573; 
    --ap-sc-success: #01CB62;   
    --ap-pt-secondary-orange: #F5AE41;
    --ap-pt-secondary-orange-darker: #ECA335;    
    --ap-status-unpaid: #E1ECEF;
    --ap-status-unpaid-border: #6BC2DC;

    --ap-disable-text-color: #656E81;
    --ap-warning-bg-color: #FEF5E5;

    --ap-disable-color: #979797;
    --ap-disable-border: #e6e3e3;
    --ap-general-border: #CBCBCB;
    --ap-field-border: #d9d9d9;
    --ap-field-radious: 6px;
    --ap-label-color: #1A1E26;
    --ap-field-label-color: #576582;
    --ap-tag-background-color: #6858E01A;
    --ap-tag-border-color: #6858E0;

    --ap-black-color: #1A1E26;
    --ap-error-border: #FF7B7B;
    --ap-field-label-size:13px;
    --ap-field-font-size:14px;
    --ap-content-color: #1A1E26;
    --ap-action-icon-color: #656E81;

    --ap-front-button-text-size: 14px;
    --ap-front-header-box-shadow: rgba(0, 0, 0, 0.05);
    --ap-front-title-color: #2E3A59;
    --ap-front-border-color:#DCE4F5;
    --ap-front-small-title-font-size: 18px;
    --ap-front-cl-white: #ffffff;
    --ap-front-content-color: #656E81;
    --ap-front-radius-12px: 12px;
    --ap-front-radius-8px: 8px;
    --ap-front-radius-4px: 4px;
    --ap-front-radius-6px: 6px;
    --ap-front-primary-font: "Inter";
    --ap-front-subtitle-font-size: 15px;
    --ap-front-content-font-size: 14px;
    --ap-front-mobile-text-size: 14px;
    --ap-front-mobile-title-size: 18px;
    --ap-front-primary-color: #6858e0;
    --ap-front-color-primary-light-5: #A69BFF;
    --ap-front-medium-text-size: 14px;
    --ap-cookie-box-yello-color:#FF9C441A;
    --ap-front-gt-gray-100: #F4F7FB;
    --ap-front-gt-gray-300: #DCE4F5;
    --ap-front-color-primary-light-10:#F6F4FF;
    --ap-front-sc-success: #43AA8B;
    --ap-front-status-unpaid-background-color: #EDFAFA;
    --ap-front-status-unpaid-color: #0694A2;
    --ap-front-status-pending-background-color:#FCF6E8;
    --ap-front-status-pending-color: #D88A1E;
    --ap-front-status-reject-background-color: #FFF2F3;
    --ap-front-status-rejected-color: #EB5160;
    --ap-front-status-active-background-color: #EDFAF6;
    --ap-front-status-active-color: #43AA8B;

}