@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;
}

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

@font-face {
    font-family: 'SatoshiBlack';
    src: url(fonts/satoshi/Satoshi-Black.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-pt-secondary-color: #46c4c8;
    --ap-primary-color: #6858e0;
    --ap-primary-opacity-color:rgba(104, 88, 224, 0.1);
    --ap-primary-color-opacity-5:rgba(104, 88, 224, 0.05);
    --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-title-color: #1A1E26;
    --ap-title-color-shadow: rgba(0, 0, 0, 0.7);
    --ap-heading-color: #1A1E26;
    --ap-content-color: #1A1E26;
    --ap-button-icon-old: #656E81;
    --ap-placeholder-color: #9CA7BD;
    --ap-placeholder-old-color: #929DB4;
    --ap-cl-white: #ffffff;
    --ap-border-color: #C9CFDB;
    --ap-border-active-color:#AACCFF;
    --ap-seperator-color:#DCE4F5;
    --ap-background-color:#F4F7FB;
    --ap-settings-separator:#E1E4EB;
    --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-gt-gray-600: #6E7E9E;
    --ap-dt-black-400: #202C45;
    --ap-dt-black-400-darker: #121B2C;
    --ap-dt-black-300: #535D71;
    --ap-dt-black-350: #576582;
    --ap-dt-black-200: #727E95;
    --ap-dt-black-100: #B8C1D3;
    --ap-dt-black-99: #F2F4F7;
    --ap-dt-black-98: #F7F8FA;
    --ap-dt-black-97: #FAFAFE;
    --ap-dt-black-96:#4D5973;
    --ap-color-picker-border:#E1E4EB;
    --ap-radio-group-border:#E1E4EB;

    --ap-table-row-background: #F8F8F8;
    --ap-table-tr-hover-background: #f8f7fd;
   
    --ap-radius-7px: 10px;
    --ap-radius-4px: 10px;
    --ap-radius-10px: 10px;
    --ap-radius-26px: 26px;
    
    --ap-radius-small: 4px;
    --ap-radius-5px: 5px;
    --ap-radius-6px: 6px;
    --ap-primary-font: "Poppins";
    --ap-radius: 12px;
    
    --ap-radius-8px: 8px;
    --ap-radius-circle: 50%;
    --ap-checkbox-size: 24px;
    --ap-front-title-font-size: 32px;
    --ap-heading-font-size: 28px;
    --ap-title-font-size: 24px;
    --ap-title-font-size-medium : 20px;
    --ap-big-font-size: 23px;
    --ap-poup-title-font-size: 16px;
    --ap-sub-title-font-size: 18px;
    --ap-button-text-size: 15px;    
    --ap-medium-font-size: 15px;
    --ap-subtitle-font-size: 15px;
    --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-upload-picture-card-size: 82px;
    --ap-sc-danger: #EB5160;
    --ap-status-active: #F5FCFC;
    --ap-status-active-border: #47B2A8;
    --ap-status-pending:#FFFCF7;
    --ap-status-pending-border: #FFC44D;
    --ap-status-reject:#FFF7F8;
    --ap-status-reject-border: #FF8084; 
    --ap-sc-success: #01CB62;   
    --ap-pt-secondary-orange: #F5AE41;
    --ap-pt-secondary-orange-darker: #ECA335;    
    --ap-status-unpaid: #F2FCFF;
    --ap-status-unpaid-border: #6BC2DC;

    --ap-disable-text-color: #656E81;
    --ap-warning-bg-color: #FFFBF2;
    --ap-warning-back-ground-color: #F0D8A8;

    --ap-table-head-bg:#F6F7F7;
    --ap-disable-color: #979797;
    --ap-disable-border: #e6e3e3;
    --ap-general-border: #CBCBCB;
    --ap-field-border: #d9d9d9;
    --ap-field-radious: 10px;
    --ap-label-color: #1A1E26;
    --ap-setting-field-label-color: #1A1E26;
    --ap-field-label-color: #576582;
    --ap-tag-background-color: #6858E01A;
    --ap-tag-border-color: #6858E0;
    --ap-primary-hover-bg-color: #6858E00F;

    --ap-black-color: #1A1E26;
    --ap-error-border: #FF7B7B;
    --ap-field-label-size:16px;
    --ap-field-font-size:15px;
    --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-title-font-size: 20px;
    --ap-front-small-title-font-size: 18px;
    --ap-front-cl-white: #ffffff;
    --ap-front-content-color: #656E81;
    --ap-front-radius-3px: 3px;
    --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: 16px;
    --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-radius-4px: 4px;
    --ap-front-border-color: #CFD6E5;
    --ap-front-status-reject-border: #EB5757;
    --ap-front-sc-success: #43AA8B;
    --ap-front-status-unpaid-border: #7362F9;
    --ap-front-status-pending-border: #F4B125;
    --ap-front-color-primary-light-10:#F6F4FF;
    --ap-front-status-active-border: #1CC985;

}