:root{--primary-color: #5f31dd;--primary-contrast-color: white;--secondary-color: #c6e76c;--secondary-contrast-color: black;--tertiary-color: #5f31dd;--skill-tree-background-color: white;--skill-tree-color: black;--stroke-width: 0px;background-image:url(/images/background.jpg);background-position:top left;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}.theme-2{--primary-color: #6460ff;--primary-contrast-color: white;--secondary-color: gold;--secondary-contrast-color: #040095;--tertiary-color: #040095;--skill-tree-background-color: white;--skill-tree-color: black;--stroke-width: 1px}.theme-3{--primary-color: rgb(255, 255, 255);--primary-contrast-color: rgb(0, 0, 0);--secondary-color: gold;--secondary-contrast-color: black;--tertiary-color: white --skill-tree-background-color: black;--skill-tree-color: white;--stroke-width: 1px;--background-image: url(../images/backgrounds/themes/scholar/scholar-bg.jpg)}.nav-link{color:var(--primary-color);font-weight:700;font-size:16px;display:flex;flex-direction:row;align-items:baseline}.logout-btn{cursor:pointer;color:#fff}.nav-link .active{color:#ff8c00!important}.nav-link:hover,.nav-link:focus{color:#ff8c00;text-decoration:underline}body{background-image:var(--background-image);background-size:cover;background-color:var(--background-color)}.heading{color:var(--primary-color)!important;font-weight:900}.secondary-heading{color:var(--primary-color)!important;font-weight:500}.tertiary-heading{color:var(--tertiary-color)!important;font-weight:500}.primary-btn{background-color:var(--primary-color)!important;color:var(--primary-contrast-color);font-weight:500;font-size:16px;line-height:24px;align-items:center;max-width:fit-content;max-height:40px;text-wrap:nowrap}.primary-btn:hover,.primary-btn:focus,.primary-btn:active{border-color:var(--secondary-contrast-color)!important;color:var(--primary-contrast-color)}.secondary-btn{background-color:var(--secondary-color)!important;color:var(--secondary-contrast-color);fill:var(--secondary-contrast-color);font-weight:500;font-size:16px;line-height:24px;display:flex;align-items:center;max-width:fit-content;max-height:44px;text-wrap:nowrap;border-style:solid}.secondary-btn:hover,.secondary-btn:focus,.secondary-btn:active{border-color:var(--secondary-contrast-color)!important;color:var(--secondary-contrast-color)}.primary-icon{fill:var(--primary-color)!important}.secondary-icon{fill:var(--secondary-color)!important}.tertiary-icon{fill:var(--primary-contrast-color)!important}.router-link-active{text-decoration:underline}.red-btn{background-color:#e24d4d;color:#fff;font-weight:500;font-size:16px;line-height:24px;max-width:fit-content;align-items:center;max-height:40px}.red-btn:hover{color:#fff;background-color:#e24d4d;border:1px solid black}.navbar-toggler{background-color:#fff}.logo{background-color:transparent}.profile-btn{padding:0!important;background-color:transparent}.navbar-brand{font-weight:600;font-size:16px;margin-left:20px;margin-right:50px}#user-avatar{width:40px;height:40px;border-radius:8px}#user-avatar:hover{border:2px solid var(--fourth-colour)}.router-view{height:calc(100% - 88px)}.signin-btn{border:1px solid var(--primary-color);width:90px;color:#fff}.btn:disabled{background-color:#b0b0b0!important;border-color:#a0a0a0!important;color:#4d4d4d!important;cursor:not-allowed!important;box-shadow:0 0 5px #0003!important}.tooltip-arrow{content:"";position:absolute;width:0;height:0}.tool-tip-base{position:relative;top:12px;z-index:100}.explain-tool-tip{position:relative;border:var(--primary-color) 1px solid;border-radius:5px;background-color:#fff;padding:5px 10px}.triangle-top-left:before{content:"";width:0px;height:0px;position:absolute;border-bottom:10px solid var(--primary-color);border-left:10px solid transparent;border-right:10px solid transparent;left:15px;top:-10px}.triangle-top-left:after{content:"";width:0px;height:0px;position:absolute;border-bottom:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent;left:15px;top:-9px}.triangle-top-middle:before{content:"";width:0px;height:0px;position:absolute;border-bottom:10px solid var(--primary-color);border-left:10px solid transparent;border-right:10px solid transparent;left:50%;transform:translate(-50%);top:-10px}.triangle-top-middle:after{content:"";width:0px;height:0px;position:absolute;border-bottom:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent;left:50%;transform:translate(-50%);top:-9px}.triangle-top-right:before{content:"";width:0px;height:0px;position:absolute;border-bottom:10px solid var(--primary-color);border-left:10px solid transparent;border-right:10px solid transparent;right:15px;top:-10px}.triangle-top-right:after{content:"";width:0px;height:0px;position:absolute;border-bottom:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent;right:15px;top:-9px}.triangle-bottom-left:before{content:"";width:0px;height:0px;position:absolute;border-top:10px solid var(--primary-color);border-left:10px solid transparent;border-right:10px solid transparent;left:15px;bottom:-10px}.triangle-bottom-left:after{content:"";width:0px;height:0px;position:absolute;border-top:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent;left:15px;bottom:-9px}.triangle-bottom-middle:before{content:"";width:0px;height:0px;position:absolute;border-top:10px solid var(--primary-color);border-left:10px solid transparent;border-right:10px solid transparent;left:50%;transform:translate(-50%);bottom:-10px}.triangle-bottom-middle:after{content:"";width:0px;height:0px;position:absolute;border-top:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent;left:50%;transform:translate(-50%);bottom:-9px}.triangle-bottom-right:before{content:"";width:0px;height:0px;position:absolute;border-top:10px solid var(--primary-color);border-left:10px solid transparent;border-right:10px solid transparent;right:15px;bottom:-10px}.triangle-bottom-right:after{content:"";width:0px;height:0px;position:absolute;border-top:10px solid white;border-left:10px solid transparent;border-right:10px solid transparent;right:15px;bottom:-9px}