/*change the color theme and logo of the entire applcation here: */
:root {
    /* colors */
    --primary-color: #1B75BB;
    --tertiary-color: #89D2DC;
    --secondary-color: #101D42;
    --primary-text-color: #231F20;
    --secondary-text-color: #fff;
    /* logo */
    --dark-logo: url('../assets/ksmdfc blue logo.svg');
    --light-logo: url('../assets/ksmdfc white  logo.svg');
    --box-logo: url('../assets/ksmdfc box logo.svg');
    /* gradients */
    --primary-gradient: linear-gradient(85.458deg, #0D6B9A 19%, #5FA0D7 100%);
    --secondary-gradient: linear-gradient(26.531deg, #23397A 13%, #1E1B1B 93%);
    --white-black-gradient: linear-gradient(-90deg, #E0E0E0 4%, rgba(231, 231, 231, 52%) 74%);
    --black-gradient: linear-gradient(26.531deg, #030303 13%, #484848 93%);
    --orange-gradient: linear-gradient(-115.283deg, #DE734D 2%, #A33B2B 100%);
    --violet-gradient: linear-gradient(-131.423deg, #6E3A4F 0%, #34101F 72%);
    --silver-gradient: linear-gradient(0deg, rgba(202, 202, 202, 0%) 0%, #8F8F8F 96%);
}

:root {
    /* font-weight */
    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-size-11: 11px;
    --font-size-12: 12px;
    --font-size-13: 13px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-17: 17px;
    --font-size-18: 18px;
    --font-size-22: 22px;
    --font-size-24: 24px;
    --font-size-30: 30px;
    --font-size-35: 35px;
    --font-size-50: 50px;
    --font-size-80: 80px;
}



/*------------------------------------------sweet alert override -------------------------------------------------------*/

div:where(.swal2-container) div:where(.swal2-popup) {
    width: 30em;
}

div:where(.swal2-icon) .swal2-icon-content {
    display: flex;
    align-items: center;
    font-size: 2.5em;
}

div:where(.swal2-icon) {
    position: relative;
    box-sizing: content-box;
    justify-content: center;
    width: 4em;
    height: 4em;
    margin: 2em auto .6em;
}

div:where(.swal2-container) h2:where(.swal2-title) {
    padding: .3em 0.3em 0;
    color: inherit;
    font-size: 1.2em;
    font-weight: 600;
}

div:where(.swal2-container) .swal2-html-container {
    margin: 0.7em 1em .3em;
    padding: 0;
    overflow: auto;
    color: inherit;
    font-size: 0.8em;
}

div:where(.swal2-container) div:where(.swal2-actions) {
    margin: 1em auto 0;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    font-size: 0.9em;
    background: var(--primary-color);
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-deny {
    font-size: 0.9em;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
    font-size: 0.9em;
}

.uploadicon {
    max-width: 10%;
    float: right;
    position: absolute;
    right: -3px;
    top: 31px;
    padding: 2px;
}
.edu_uploadicon {
    max-width: 10%;
    float: right;
    position: absolute;
    right: -1px;
    top: 33px;
    padding: 2px;
}
.Edu_Certificate_uploadicon {
    max-width: 9%;
    float: right;
    position: absolute;
    right: -24px;
    top: 55px;
    padding: 2px;
}