/* @font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 100;
    src: url(fonts/konnect/KonnectThin.otf);
}
@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 200;
    src: url(fonts/konnect/KonnectLight.otf);
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/static/Montserrat-Medium.ttf);
}

@font-face {
    font-family: 'simyou';
    font-style: normal;
    font-weight: 300;
    src: url(fonts/chinese.simyou.otf);
}

@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 400;
    src: url(fonts/konnect/KonnectMedium.otf);
}

@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 500;
    src: url(fonts/konnect/KonnectSemiBold.otf);
}

@font-face {
    font-family: 'MainFont';
    font-style: normal;
    font-weight: 600;
    src: url(fonts/konnect/KonnectBold.otf);
}

@font-face {
    font-family: 'JingNanBoBoHei';
    font-style: normal;
    font-weight: 700;
    src: url(fonts/JingNanBoBoHei/JingNanBoBoHei-Bold-2.ttf);
} */

:root{
    /* NEW STANDARD ROOT CSS */
    /*theme-color*/
    --primary-color : #BC7D14;
    --secondary-color: #3D2F20;
    --tertiary-color: #42676F;
    --fourth-color: '';
    --fifth-color: ''; 
    --error-color: #fb403a;
    --warning-color: #ffe139;
    --success-color: #2CAA0D;
    --hyperlink-text-color: #0000EE;

 /*webpage*/
    --default-border: 1px solid #ddd;
    --primary-bg-color : #2e9f01;
    --secondary-bg-color: #E8F5F8; 
    --primary-text-color:#341515;
    --secondary-text-color : #000;
    --tertiary-text-color : #727272;
    --fourth-text-color : ;
    --fifth-text-color : '';
    --onhover-text-color: ;
    --default-border-radius: 10px;
    --default-primary-color: #000;
    --default-secondary-color: #fff;
    --default-bg-color: #fff;
    --xl-text-size: 37px;
    --lg-text-size: 20px;
    --md-text-size: 15px;
    --sm-text-size: 13px;
    --xs-text-size: 12px;

/* font-weight */
    --default-font-weight-thin: 300;
    --default-font-weight-medium: 400;
    --default-font-weight-thick: 500;
    --default-font-weight-bold: 700;
    --default-font-weight-max: 900;

/*button*/
    --btn-primary-bg-color :  #42676F;
    --btn-secondary-bg-color : #FFD1D3;
    --btn-tertiary-bg-color : #fff;
    --btn-disabled-bg-color : #d3d3d3;
    --btn-onHover-primary-bg-color : '';
    --btn-onHover-secondary-bg-color : '';
    --btn-onHover-tertiary-bg-color : '';
    --btn-primary-text-color: #fff;
    --btn-secondary-text-color: #fff;
    --btn-tertiary-text-color: #000;
    --btn-disabled-text-color: #9d9d9d;
    --btn-onHover-primary-text-color : '';
    --btn-onHover-secondary-text-color : '';
    --btn-onHover-tertiary-text-color : '';
    --btn-width-long: 200px;
    --btn-width-short: 100px;
    --btn-border-radius: 23px;
    --button-border: 1px solid #888888;
    --btn-font-size : 17px;

/*input*/
    --input-label-size: 17px;
    --input-text-size :  17px;
    --input-border-radius: 5px;
    --input-border : 1px solid #C3C3C3;
    --input-bg-color :#fff;
    --input-width-long: '';
    --input-width-short: '';
    --input-placeholder-size: 17px;
    --input-placeholder-color: #d6d6d6;
    --input-disabled-bg-color: #d6d6d6;
    --input-onfocus-border-color: '';

/*header*/
    --header-bg-color: #000;
    --header-text-size: 17px;
    --header-text-color: #fff;
    --header-onHover-color: '';

/*footer*/
    --footer-bg-color: #000;
    --foter-secondary-bg-color: #fff;
    --footer-text-size: 15px;
    --footer-text-color: #fff;
    --footer-onHover-color: '';

/*listing*/
    --listing-header-color: #ffdcad;
    --listing-row-primary-color: #f8f8f8;
    --listing-row-secondary-color: #fff;
    --listing-header-child-color: #000;
    --listing-row-child-primary-color: #fff3e3;
    --listing-row-child-secondary-color: #fff3e3;
    --listing-header-text-size: 17px;
    --listing-row-text-size: 17px;
    --listing-header-child-text-size: 17px;
    --listing-row-child-text-size: 17px;

}