/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}*,:after,:before{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}:root{--colorBlurple:#6f73f6;--colorBlurpleLight:#c5c6fd;--colorBlurpleExtraLight:#f5f5ff;--colorBlue:#3ca4ed;--colorPurple:#a266f5;--colorOrangeish:#ffd55b;--colorOrange:#ff723e;--colorYellow:#ffef5b;--colorGreyLight:#eaeaea;--colorRed:#e2376e;--colorGreen:#2bb074;--colorTeal:#31efa2}@font-face{font-display:swap;font-family:CeraPro-Italic;font-style:normal;font-weight:400;src:url("/css/fonts/cera/Cera Pro Regular Italic.woff2") format("woff2"),url("/css/fonts/cera/Cera Pro Regular Italic.woff") format("woff"),url("/css/fonts/cera/Cera Pro Regular Italic.otf") format("opentype")}@font-face{font-display:swap;font-family:CeraPro-Medium;font-style:normal;font-weight:400;src:url("/css/fonts/cera/Cera Pro Medium.woff2") format("woff2"),url("/css/fonts/cera/Cera Pro Medium.woff") format("woff"),url("/css/fonts/cera/Cera Pro Medium.otf") format("opentype")}@font-face{font-display:swap;font-family:CeraPro-Light;font-style:normal;font-weight:400;src:url("/css/fonts/cera/Cera Pro Light.woff2") format("woff2"),url("/css/fonts/cera/Cera Pro Light.woff") format("woff"),url("/css/fonts/cera/Cera Pro Light.otf") format("opentype")}@font-face{font-display:swap;font-family:CeraPro-Bold;font-style:normal;font-weight:400;src:url("/css/fonts/cera/Cera Pro Bold.woff2") format("woff2"),url("/css/fonts/cera/Cera Pro Bold.woff") format("woff"),url("/css/fonts/cera/Cera Pro Bold.otf") format("opentype")}@font-face{font-display:swap;font-family:CeraPro-Black;font-style:normal;font-weight:400;src:url("/css/fonts/cera/Cera Pro Black.woff2") format("woff2"),url("/css/fonts/cera/Cera Pro Black.woff") format("woff"),url("/css/fonts/cera/Cera Pro Black.otf") format("opentype")}@font-face{font-display:swap;font-family:CeraPro-BlackItalic;font-style:normal;font-weight:400;src:url("/css/fonts/cera/Cera Pro Black Italic.woff2") format("woff2"),url("/css/fonts/cera/Cera Pro Black Italic.woff") format("woff"),url("/css/fonts/cera/Cera Pro Black Italic.otf") format("opentype")}@font-face{font-display:swap;font-family:CeraPro-Regular;font-style:normal;font-weight:400;src:url("/css/fonts/cera/Cera Pro Regular.woff2") format("woff2"),url("/css/fonts/cera/Cera Pro Regular.woff") format("woff"),url("/css/fonts/cera/Cera Pro Regular.otf") format("opentype")}.form_field+.form_controls,.form_field+.form_field,.form_field+fieldset{margin-top:1rem}.form_controls{display:flex;justify-content:space-between}.form_controls button+button{margin-left:1rem}fieldset+.form_field{margin-top:.5rem}fieldset+fieldset{margin-top:1rem}fieldset legend{color:#4d51f0;font-family:CeraPro-Bold,sans-serif;font-size:.95rem}fieldset legend label{color:inherit;font-family:inherit;font-size:inherit}fieldset .form_field+.form_field{margin-top:1.25rem}form .label,form label{color:#2c2c2c;display:block;font-family:CeraPro-Light,sans-serif;font-size:.95rem;padding:0 0 .2rem}fieldset{border:1px solid #eaeaea;border-radius:4px}button,input,label,select,textarea{outline:none}button:focus,input:focus,label:focus,select:focus,textarea:focus{border-color:#6f73f6!important;box-shadow:0 0 3px #6f73f6}input[type=number],input[type=text],textarea{color:#666;transition:color .25s ease}input[type=number]:active,input[type=number]:focus,input[type=text]:active,input[type=text]:focus,textarea:active,textarea:focus{color:#2c2c2c}.button,button,input[type=submit]{background:#eaeaea;border:1px solid #eaeaea;border-radius:4px;color:#666;cursor:pointer;padding:.5rem 1rem;text-decoration:none;transition:background-color .25s ease,color .25s ease,border-color .25s ease}.button:hover,button:hover,input[type=submit]:hover{background:#666;color:#fff}.button:active,button:active,input[type=submit]:active{background-color:#2c2c2c;border-color:#2c2c2c}.button.button__primary,button.button__primary,input[type=submit].button__primary{background-color:#6f73f6;border-color:#6f73f6;color:#fff}.button.button__primary:hover,button.button__primary:hover,input[type=submit].button__primary:hover{background-color:#4d51f0;border-color:#6f73f6;color:#fff}.button.button__primary:active,button.button__primary:active,input[type=submit].button__primary:active{background-color:#a266f5;border-color:#a266f5;color:#fff}.button.button__secondary,button.button__secondary,input[type=submit].button__secondary{background-color:#c5c6fd;border-color:#c5c6fd;color:#5c60f5}.button.button__secondary:hover,button.button__secondary:hover,input[type=submit].button__secondary:hover{background-color:#4d51f0;border-color:#4d51f0;color:#fff}.button.button__secondary:active,button.button__secondary:active,input[type=submit].button__secondary:active{background-color:#8941ef;border-color:#8941ef;color:#fff}.button.button__warn,button.button__warn,input[type=submit].button__warn{background-color:#e2376e;border-color:#e2376e;color:#fff}.button.button__warn:hover,button.button__warn:hover,input[type=submit].button__warn:hover{background-color:#d21e58;border-color:#d21e58;color:#fff}.button.button__warn:active,button.button__warn:active,input[type=submit].button__warn:active{background-color:#c01c51;border-color:#c01c51;color:#fff}.button.button__plain,button.button__plain,input[type=submit].button__plain{background:none;border:0}.button.button__plain:active,.button.button__plain:focus,.button.button__plain:hover,button.button__plain:active,button.button__plain:focus,button.button__plain:hover,input[type=submit].button__plain:active,input[type=submit].button__plain:focus,input[type=submit].button__plain:hover{border:0;box-shadow:none;color:#6f73f6}.button.disabled,.button[disabled],button.disabled,button[disabled],input[type=submit].disabled,input[type=submit][disabled]{cursor:not-allowed;filter:grayscale(1)}input[type=date],input[type=number],input[type=text],select,textarea{border:1px solid #eaeaea;border-radius:4px;padding:.5em .75em}input[type=date][readonly],input[type=number][readonly],input[type=text][readonly],select[readonly],textarea[readonly]{cursor:not-allowed}input[type=date][disabled],input[type=number][disabled],input[type=text][disabled],select[disabled],textarea[disabled]{background:none;background-color:#f7f7f7;cursor:not-allowed;opacity:1}::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%237ba1ec" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>')}input[type=number]::-moz-placeholder,input[type=text]::-moz-placeholder,select::-moz-placeholder,textarea::-moz-placeholder{color:#342c3d;font-size:90%;margin:0;opacity:.75;padding:0}input[type=number]::placeholder,input[type=text]::placeholder,select::placeholder,textarea::placeholder{color:#342c3d;font-size:90%;margin:0;opacity:.75;padding:0}input::-webkit-input-placeholder{line-height:normal!important}select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:#fff;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="292.4" height="292.4"><path fill="%239fa2f9" d="M287 69.4a17.6 17.6 0 0 0-13-5.4H18.4c-5 0-9.3 1.8-12.9 5.4A17.6 17.6 0 0 0 0 82.2c0 5 1.8 9.3 5.4 12.9l128 127.9c3.6 3.6 7.8 5.4 12.8 5.4s9.2-1.8 12.8-5.4L287 95c3.5-3.5 5.4-7.8 5.4-12.8 0-5-1.9-9.2-5.5-12.8z"/></svg>');background-position:right .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border-radius:4px;color:#666;cursor:pointer;padding-right:2em;position:relative}select:active,select:focus{color:#2c2c2c}select[multiple]{background-image:none}select[multiple] option:active,select[multiple] option:checked{font-family:CeraPro-Medium}.toggler{align-items:center;display:inline-flex;margin:0 0 1rem}.toggler .toggle{background:#eaeaea;border:1px solid #eaeaea;border-radius:2rem;height:2rem;margin-right:.5rem;padding:1px;transition:background-color .5s ease,border-color .5s ease;width:4rem}.toggler .toggle:before{align-items:center;background:#fff;border-radius:100%;color:#2c2c2c;content:attr(data-icon);cursor:pointer;display:flex;font-family:Font Awesome\ 6 Pro;height:calc(2rem - 4px);justify-content:center;transition:margin-left .25s ease,color .5s ease;width:calc(2rem - 4px)}.toggler .toggle:before:hover{background:#fff}.toggler .toggle.is_checked{background:#6f73f6}.toggler .toggle.is_checked:before{color:#6f73f6;margin-left:calc(100% - 2rem + 4px)}.toggler .toggle.is_checked:before:hover{background:#f5f5f5}.toggler [type=checkbox]{margin:2rem;opacity:0;pointer-events:none;position:absolute}.button_radios_wrapper{-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-wrap:wrap}.button_radios_wrapper label{align-content:center;background:#eaeaea;border:1px solid #eaeaea;border-radius:4px;color:#666;cursor:pointer;display:inline-flex;padding:.5rem}.button_radios_wrapper label:hover{background:#666;color:#fff}.button_radios_wrapper label.selected{background:#888;color:#fff}.button_radios_wrapper label.selected:hover{background:#666;color:#fff}.button_radios_wrapper input{display:none}table{border-collapse:collapse;border-spacing:0;font-size:1rem;margin:1rem auto;width:100%}table.narrow{max-width:500px;min-width:50%}table tfoot th,table thead th{background:#eaeaea;color:#666;font-size:84%;padding:1rem;text-align:center}table tfoot th:first-child,table thead th:first-child{border-top-left-radius:16px;text-align:left}table tfoot th:last-child,table thead th:last-child{border-top-right-radius:16px}table tfoot th.sortable,table thead th.sortable{cursor:pointer}table tfoot th{background:#eaeaea;color:#666}table tfoot th:first-child{border-bottom-left-radius:16px;border-top-left-radius:0;text-align:left}table tfoot th:last-child{border-bottom-right-radius:16px;border-top-right-radius:0}table tbody tr:hover{background:#c8e5fa!important}table tbody tr:last-child td{border-bottom:1px solid #eaeaea}table tbody td{border-top:1px solid #eaeaea;padding:.5rem 1rem;text-align:center}table tbody td:first-child{text-align:left}table.empty_table td{padding:2rem;text-align:center}table td.no_results{font-style:italic}ol.plain,ul.plain{list-style:none;margin:1rem 0;padding:0}ol li,ul li{padding:.25rem 0}dialog{border:0;border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,.5);height:90%;height:0;padding:4rem;position:relative;transition:height .5s ease,width .5s ease;width:90%;width:0}dialog.closing{transform:scale(0);transition:transform .25s ease}dialog.closing::backdrop{opacity:0;transition:opacity .25s ease}dialog.open{height:90vh;width:90vw}dialog.open .form_controls{animation-duration:.6s;animation-iteration-count:1;animation-name:opacityAnimation;background:#eaeaea;border-bottom-left-radius:8px;border-bottom-right-radius:8px;bottom:5vh;box-shadow:0 0 4px rgba(0,0,0,.3);left:5vw;opacity:1;padding:1rem 2rem;position:fixed;right:5vw}@keyframes opacityAnimation{0%{opacity:0}50%{opacity:0}to{opacity:1}}dialog .form_controls{align-items:center;display:flex;justify-content:auto;opacity:0;z-index:10}dialog .form_controls .form_control__cancel+.button__primary{margin-left:auto}dialog:before{background:#ffd55b;content:"";display:block;height:1rem;left:0;position:absolute;right:0;top:0}dialog::backdrop{background:linear-gradient(135deg,rgba(60,164,237,.5),rgba(111,115,246,.5))}dialog #modal_close{position:absolute;right:3rem;top:2.5rem}dialog #modal_close button{background:#fff;border:0;border-radius:6px;box-shadow:none;color:#6f73f6;font-size:1.3rem;padding:.1rem;position:fixed;z-index:10}dialog section{padding-bottom:4rem;position:unset!important}dialog section h1{margin:0 0 1rem}@media only screen and (max-width:700px){dialog{margin:1rem;padding:2rem 1rem}dialog.open{height:calc(100vh - 2rem);min-width:calc(100vw - 2rem)}dialog.open .form_controls{bottom:1rem;left:1rem;right:1rem}}.form_messages{border:4px solid #fff;border-radius:16px;margin:3rem 4rem;opacity:0;overflow:hidden;padding:6rem 4rem 3rem;position:relative;text-align:center;transition:opacity .5s ease}.form_messages.open{opacity:1}.form_messages ul{margin:0;padding:0 0 0 1.5rem}.form_messages_header{font-family:CeraPro-Medium;font-size:1.4rem;margin:0 0 .5rem}.form_messages .status_icon{align-items:center;background:#fff;border-radius:100%;display:flex;font-size:2rem;height:150%;justify-content:center;left:50%;position:absolute;top:-120%;transform:translateX(-50%);width:200%}.form_messages .status_icon:before{bottom:1rem;position:absolute}.form_messages.error{background:#fff;border-color:#f9e2d2}.form_messages.error ul{list-style:none;padding:0}.form_messages.error .status_icon{background:#f9e2d2;box-shadow:0 0 8px rgba(255,103,0,.2);color:#ff6700;font-weight:700}.form_messages.success{background:#f8fefd;border-color:#8cefdf}.form_messages.success ul{list-style:none;padding:0}.form_messages.success .status_icon{background:#8cefdf;box-shadow:0 0 8px #00af92;color:#00af92;font-weight:700}.form_messages.warn{background:#fff;border-color:#f9ebd2}.form_messages.warn ul{list-style:none;padding:0}.form_messages.warn .status_icon{background:#f9ebd2;box-shadow:0 0 8px #e3b86d;color:#ffa200;font-weight:700}.form_messages2{border-radius:16px;box-shadow:0 4px 8px rgba(0,124,103,.4);color:#fff;margin:6rem 4rem 2rem;padding:2rem 4rem;position:relative}.form_messages2 ul{margin:0;padding:0 0 0 1.5rem}.form_messages2>*{color:#fff}.form_messages2_header{font-family:CeraPro-Light;font-size:1.8rem;margin:0 0 1rem}.form_messages2 .status_icon{align-items:center;background:#fff;border:4px solid red;border-radius:100%;display:flex;font-size:2rem;height:4rem;justify-content:center;left:50%;position:absolute;top:-2rem;transform:translateX(-50%);width:4rem}.form_messages2.success{background-color:#00af92;background:linear-gradient(135deg,#00af92,#009b81)}.form_messages2.success .status_icon{border-color:#009b81;color:#00af92;font-weight:700}#messages{border:2px solid #2c2c2c;border-radius:16px;color:#2c2c2c;display:inline-block;font-weight:700;margin:0 auto 1rem;padding:1rem}#messages.Success{border-color:#00af92;color:#00af92}html{font-size:16px}body,html{max-width:100vw;min-height:100vh}body{align-content:flex-start;color:#0c1a2f;display:flex;flex-wrap:wrap;font-family:CeraPro-Regular,sans-serif}body.modal_open{max-height:100vh;overflow:hidden}a{color:#6f73f6}a:hover{color:#3ca4ed}a:active{color:#a266f5}abbr{border:0!important;text-decoration:none!important}address{font-style:normal}.error{color:#ff6700}.success{color:#00af92}.warn{color:#ffa200}#test_banner{background:#ff723e;border-bottom-left-radius:8px;border-bottom-right-radius:8px;color:#fff;font-family:CeraPro-Bold;font-weight:700;left:.5rem;padding:.5rem;position:fixed;text-align:center;top:0;width:108px;z-index:1000}@media only screen and (max-width:700px){#test_banner{display:none;font-size:.8rem;left:0;padding:.2rem;right:0;width:100%}}h1{font-size:1.5rem}h1,h2{font-family:CeraPro-Bold;margin-top:1.5rem}h2{color:#2c2c2c;font-size:1.25rem}#app{height:100%;margin-left:108px;padding:1rem 2rem;transition:margin-left .5s ease,width .5s ease;width:calc(100vw - 124px)}#app_wrapper{height:100%;width:100%}#app>section{max-width:calc(100vw - 1rem);position:relative}@media only screen and (max-width:700px){#app{margin:0;padding:.5rem;width:100%}#app section{padding:0}#app h1{margin-top:.5rem}#app>section{overflow:auto}}a.fas{text-decoration:none!important}.comma_separated:after{content:", \00a0";display:inline-block}.comma_separated:last-child:after{display:none}#new_record{margin:0;position:absolute;right:0;top:-3rem}@media only screen and (max-width:700px){#new_record{font-size:0;padding:.75rem}#new_record span{font-size:1rem}}#supervisor_manage th:not(:first-child),#trainee_manage th:not(:first-child),#user_manage th:not(:first-child),footer{text-align:center}footer{bottom:0;font-size:.75rem;margin-left:6rem;padding:1rem 2rem;width:calc(100% - 6rem)}@media only screen and (max-width:700px){footer{margin:0 0 7rem;width:100%}}footer #copyright{opacity:.35}footer #logo{background:url(/img/ccfl_logo_red.png) no-repeat 50%;background-size:contain;display:block;filter:grayscale(100%);height:28.5px;margin:.5rem auto 0;max-width:200px;opacity:.35;transition:filter .5s ease,opacity .5s ease;width:100%}footer #logo:hover{filter:grayscale(0);opacity:1}.confirm_delete{border:2px solid #e2376e;border-radius:8px;color:#e2376e;display:inline-block;margin:0 auto 1rem;padding:1rem}.confirm_delete h2{color:#e2376e;margin:0}#admin_wrapper{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;min-height:58vh;overflow:visible!important}#admin_wrapper a{align-content:flex-end;background:#fff;border-radius:16px;box-shadow:0 0 4px #c5c6fd;display:flex;flex-wrap:wrap;font-family:CeraPro-Bold;height:140px;margin:1rem auto;padding:1rem;position:relative;text-decoration:none;width:140px}#admin_wrapper a:first-child .fa-solid{color:#ff723e}#admin_wrapper a:nth-child(2) .fa-solid{color:#3ca4ed}#admin_wrapper a:nth-child(3) .fa-solid{color:#e2376e}#admin_wrapper a:nth-child(4) .fa-solid{color:#2bb074}#admin_wrapper a .fa-solid{display:block;font-size:2rem;margin:0 0 .5rem;width:100%}#admin_wrapper a .text{color:#3e3f7b}#profile #logout{float:right;margin:1rem}#reports .fa-check{color:var(--colorGreen)}#reports .fa-triangle-exclamation{color:var(--colorRed)}.info_widget{margin:0 .5rem;position:relative}.info_widget button{color:var(--colorBlurple);padding:0}.info_widget .info{background:var(--colorBlurpleExtraLight);border-radius:.25rem;color:var(--colorBlurple);left:2rem;max-width:400px;padding:1rem;position:absolute;top:-1rem;width:50vw;z-index:1}.info_widget .info:before{border-bottom:.8rem solid transparent;border-right:.8rem solid var(--colorBlurpleExtraLight);border-top:.8rem solid transparent;content:"";height:0;left:-.75rem;position:absolute;top:.75rem;width:0}.info_widget .info .close{position:absolute;right:.5rem;top:.5rem}nav{--transitionTime:.25s;background:#2c2c2c;background:linear-gradient(180deg,#2c2c2c,#0b0c21);bottom:0;box-shadow:2px 0 4px rgba(44,44,44,.8);display:flex;flex-wrap:wrap;left:0;padding:0;position:fixed;top:0;transition:width var(--transitionTime) ease;width:124px;z-index:100}nav #mobile_nav{display:none}nav #desktop_nav{align-content:flex-start;display:flex;flex-wrap:wrap;padding:2rem 2.5rem;width:100%}nav #desktop_nav #logout{background:none;box-shadow:none;color:#6f73f6;margin:0;padding:.5rem 0;transform:none}nav #desktop_nav #logout>span{margin-right:.5rem}nav #desktop_nav:has(#logged_in_user_wrapper){align-content:space-between}nav ul#desktop_nav_content{flex-basis:100%;height:calc(100% - 12rem);list-style:none;margin:0;overflow-x:hidden;padding:0}nav ul#desktop_nav_content li{display:block;margin:0;max-width:100%;overflow:hidden;padding:0;transition:width var(--transitionTime) ease;width:44px}nav ul#desktop_nav_content li+li{margin:1rem 0 0}nav #desktop_nav a{align-content:center;align-items:center;border-radius:8px;color:#9e9e9f;display:inline-flex;font-family:CeraPro-Medium,sans-serif;height:2.75rem;min-width:2.75rem;overflow:hidden;padding:.75rem;position:relative;text-align:left;text-decoration:none;transition:color var(--transitionTime) ease,background-color var(--transitionTime) ease,color var(--transitionTime) ease,width var(--transitionTime) ease;white-space:nowrap;width:2.75rem}nav #desktop_nav a.current:after{background:#6f73f6;border-radius:.25rem;bottom:0;content:"";height:.25rem;left:.25rem;position:absolute;width:2.25rem}nav #desktop_nav a:visited{color:#9e9e9f}nav #desktop_nav a *,nav #desktop_nav a :before{display:flex;justify-content:center;justify-items:center;line-height:1.25rem}nav #desktop_nav a:focus,nav #desktop_nav a:hover{background:#6f73f6;color:#fff}nav #desktop_nav a:active{background:#9fa2f9;color:#fff}nav #desktop_nav a .fa-solid{display:inline-block;height:1.25rem;min-width:1.25rem;overflow:hidden}nav #desktop_nav a .text{text-wrap:nowrap;display:inline-block;margin-left:1rem;overflow:hidden;text-align:left;transition:width var(--transitionTime) ease}nav #desktop_nav a .stacked{display:inline-block;position:relative}nav #desktop_nav a .stacked :nth-child(2){-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#2c2c2c;bottom:-.25rem;color:#c5c6fd;font-size:.8rem;left:-.25rem;position:absolute}nav #nav_control{background:none;border-radius:8px;color:#9e9e9f;display:block;margin:0 0 2rem;overflow:hidden;padding:.75rem;text-align:left;transition:color var(--transitionTime) ease,background-color var(--transitionTime) ease,width var(--transitionTime) ease}nav #nav_control:hover{background:#6f73f6;color:#fff}nav #nav_control:focus{box-shadow:none}nav #nav_control .text{text-wrap:nowrap;display:inline-block;margin-left:1rem;overflow:hidden;text-align:left;transition:width var(--transitionTime) ease}nav #nav_control .fa-bars{transition:transform var(--transitionTime) ease}nav #logged_in_user_wrapper{text-wrap:nowrap;max-width:100%;overflow:hidden;padding:.75rem .5rem;text-align:left;transition:width var(--transitionTime) ease,margin-left var(--transitionTime) ease;width:100%}nav #logged_in_user_wrapper .fa-right-from-bracket{transform:scaleX(-1)}nav #logged_in_user_wrapper #logout{border:0}nav #logged_in_user_wrapper #logged_in_user__icon{align-content:flex-end;align-items:flex-end;aspect-ratio:1/1;background:#fff;border:2px solid #fff;border-radius:100%;display:inline-flex;float:left;font-size:1.5rem;height:2rem;justify-content:center;margin:0;overflow:hidden}nav #logged_in_user_wrapper #logged_in_user__icon .fa-user-robot{color:#ff723e}nav #logged_in_user_wrapper #logged_in_user__icon .fa-user-visor{color:#6f73f6}nav #logged_in_user_wrapper #logged_in_user__icon .fa-user{color:#3ca4ed}nav #logged_in_user_wrapper #logged_in_user{text-wrap:nowrap;display:inline-block;height:100px;margin:0 0 0 1rem;overflow:hidden;transition:width var(--transitionTime) ease;white-space:nowrap;width:100%}nav #logged_in_user_wrapper #logged_in_user a{display:block}nav #logged_in_user_wrapper #logged_in_user a:hover{background:none;color:var(--linkHoverColor)}nav #logged_in_user_wrapper #logged_in_user a:hover #logged_in_user__name,nav #logged_in_user_wrapper #logged_in_user a:hover #logged_in_user__role{color:var(--linkHoverColor)}nav #logged_in_user_wrapper #logged_in_user__name{text-wrap:nowrap;color:#666;display:block;font-family:CeraPro-Medium}nav #logged_in_user_wrapper #logged_in_user__role{text-wrap:nowrap;color:#666;display:block;font-family:CeraPro-Light}nav #logged_in_user_wrapper #logged_in_user a{margin:0;padding:0}nav.open,nav.open #desktop_nav li{width:320px}nav.open #desktop_nav a{width:100%}nav.open #logged_in_user_wrapper{margin:0 0 0 -.75rem;width:calc(100% - 2rem)}nav.open #nav_control .fa-bars{transform:rotate(90deg)}nav #new_activity{display:none}@media only screen and (max-width:700px){#app_wrapper{padding:0}#app_content{margin:0;padding:1rem}nav{background:none;bottom:0;height:4.75rem;left:0;overflow:visible;padding:0;position:fixed;right:0;top:auto;transition:height var(--transitionTime) ease,width var(--transitionTime) ease,background-color var(--transitionTime) ease;width:100%}nav #new_activity{align-content:center;align-items:center;background:#6f73f6;border-radius:100%;color:#fff;display:inline-flex;font-size:1.5rem;height:18vw;justify-content:center;left:50%;padding:0;position:absolute;text-decoration:none;top:-10vw;transform:translateX(-50%);width:18vw}nav #new_activity .text{display:none}nav #mobile_nav{background:#2c2c2c;display:grid;grid-auto-rows:auto;grid-template-areas:"nav1 nav2 nav3 nav4 nav5";grid-template-columns:20vw 20vw 20vw 20vw 20vw;height:100%;justify-content:space-around;margin:0;position:relative;width:100%}nav #mobile_nav:has(.icon:hover) .router-link-active:not(:hover){border-color:var(--navBGPrimaryColor);margin-top:0}nav #mobile_nav:has(.icon:hover) .router-link-active:not(:hover) .icon{box-shadow:none}nav #mobile_nav a{align-items:center;aspect-ratio:1/1;background:var(--navBGPrimaryColor);border:.5rem solid var(--navBGPrimaryColor);border-radius:100%;display:inline-flex;flex-wrap:wrap;font-family:CeraPro-Bold,sans-serif;font-weight:500;justify-content:center;margin:0;text-align:center;text-decoration:none;transition:margin-top .25s ease,border .25s ease;width:100%}nav #mobile_nav a:hover{border-color:#fff;margin-top:-2.5rem}nav #mobile_nav a:first-child{grid-area:nav1}nav #mobile_nav a:nth-child(2){grid-area:nav2}nav #mobile_nav a:nth-child(3){grid-area:nav4}nav #mobile_nav a:nth-child(4){grid-area:nav5}nav #mobile_nav a .text{display:none;font-size:80%;width:100%}nav #mobile_nav a .icon{align-items:center;background:var(--navBGPrimaryColor);border-radius:100%;display:flex;font-size:1.25rem;height:100%;justify-content:center;position:relative;transition:box-shadow .25s ease;width:100%}nav #mobile_nav a .icon:after{bottom:-4rem;content:"";display:block;height:4rem;left:0;opacity:0;position:absolute;width:100%}nav #mobile_nav a.router-link-active{background:#2c2c2c;border:.25rem solid #6f73f6;margin-top:-2.5rem}nav #desktop_nav{display:none}}#home{align-items:center;display:flex;justify-content:center;min-height:58vh;overflow:visible!important}#home #unl_ccfl_banner{border:4px solid #d00000;border-radius:16px;color:#d00000;font-family:CeraPro-Medium;margin:4rem auto;max-width:500px;overflow:hidden;padding:8rem 4rem 3rem;position:relative;text-align:center;transition:opacity .5s ease}#home #unl_ccfl_banner .status_icon{align-items:center;background:#d00000;border-radius:100%;color:#fff;display:flex;font-size:2rem;height:150%;justify-content:center;left:50%;position:absolute;top:-120%;transform:translateX(-50%);width:200%}#home #unl_ccfl_banner .status_icon img{bottom:1.5rem;height:3.5rem;position:absolute}#home__hello{font-family:CeraPro-Bold,sans-serif;font-size:2.8rem;font-weight:500;padding:0 1rem}#home #hello_wrapper{margin:0 auto;max-width:400px}#home #hello__name{color:#6f73f6;float:right;margin-left:1rem}#home .percentage_of_contact_time{clear:both;font-size:2rem;padding:2rem 0 0}#home .fa-shake{animation-duration:3s;animation-iteration-count:1}#home #whats_new{background:rgba(49,239,162,.4);border-radius:1rem;font-size:1rem;margin-top:8rem;max-width:600px;padding:2rem}#home #whats_new h1{font-size:2rem;margin:0;text-align:center}#home #whats_new h1 .text{-webkit-text-fill-color:transparent;background:linear-gradient(180deg,var(--colorBlurple) 0,var(--colorBlue) 100%);-webkit-background-clip:text;color:var(--colorBlue)}#home #whats_new h1 .fa-sparkles{color:var(--colorOrangeish)!important}#home #whats_new h1 .fa-sparkles.flip{transform:scaleX(-1)}.manage_page,.manage_page section{width:100%}.manage_page #search_filters{-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0 0 1rem}.manage_page #search_filters .form_field{margin-bottom:1rem;margin-top:0}.manage_page #search_filters .filtercollection_wrapper{width:360px}.manage_page td .primary{display:block;font-weight:600}.manage_page td .secondary{color:#444;display:block;font-size:94%;margin:.25rem 0 0}@media only screen and (max-width:700px){.manage_page .filtercollection_wrapper{margin-bottom:.25rem}}#activities{position:relative}#activities #search_filters{-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0 0 1rem}#activities #search_filters .form_field{margin-bottom:1rem;margin-top:0}#activities #search_filters #search_date_range select{margin-bottom:.25rem}#activities #search_filters #search_name_wrapper{flex-grow:1}#activities #search_filters #agency_wrapper#agency_wrapper,#activities #search_filters #search_name_wrapper#agency_wrapper{display:none;max-width:220px}#activities #search_filters #agency_wrapper input,#activities #search_filters #search_name_wrapper input{width:100%}#activities #search_filters .form_controls{display:block;margin-top:0;min-width:100%}#activities .hours_subtotal{text-align:center}#activities .activity_who{min-width:200px}#activities .activity_fts{width:140px}#activities table td{text-align:left}#activities table td.activity_comments{font-size:.9rem}#activities table td .supervisor_trainee_wrapper{display:block;margin-bottom:.5rem}#activities table td span{font-size:.9rem}#activities table td span.supervisor_title,#activities table td span.trainee_title{font-family:CeraPro-Medium,sans-serif}#activities table td span.trainee_wrapper{display:block;padding:.25rem 0 0 .5rem}#activities table .activity_percentage_of_contact_time{background:#2c2c2c;color:#eaeaea;font-family:CeraPro-Medium,sans-serif}#activities table .activity_percentage_of_contact_time.low_hours{background:#e2376e}#activities .deleted{color:red;opacity:.5}@media only screen and (max-width:1024px){#activities #search_filters #search_date_range{width:100%}}@media only screen and (max-width:700px){#activities table,#activities td,#activities tr{display:flex;flex-wrap:wrap}#activities thead{display:none}#activities tr{position:relative}#activities tr:hover{background:none}#activities .date_of_activity,#activities .fts_name{border:0;color:#060743;padding:1rem;width:100%}#activities .date_of_activity{border-top-left-radius:8px;border-top-right-radius:8px;font-family:CeraPro-Medium,sans-serif;padding-bottom:2rem}#activities .fts_name{background:none;font-size:90%;left:0;position:absolute;top:1.6rem}#activities table{margin:0 0 1rem}#activities tbody tr{border:1px solid #ecedfe;border-radius:8px;margin-bottom:1rem}#activities tbody tr:last-child td{border-bottom:0}#activities .agency,#activities .participants,#activities .supervisor_trainee_wrapper{border:0;width:100%}#activities .hours_subtotal{border:0;color:#6f73f6;font-family:CeraPro-Bold,sans-serif;font-size:1.1rem;justify-content:flex-end;text-align:right}#activities .hours_subtotal.admin,#activities .hours_subtotal.contact{width:30%}#activities .hours_subtotal.leave{width:40%}#activities .hours_subtotal:after{color:#666;content:attr(data-label);display:block;font-family:CeraPro-Regular,sans-serif;font-size:90%;width:100%}#activities .agency{border:0;color:#060743;font-size:90%;justify-content:flex-end;position:absolute;right:0;top:2.1rem;width:100%}#activities .controls{border:0;justify-content:center;padding:1rem;position:absolute;top:0;width:50%;width:3rem}#activities .controls__edit{right:0}#activities .controls__delete{right:2rem}#activities tfoot{background:#eaeaea;border-radius:8px}#activities tfoot th{background:none;border-radius:0;font-size:1rem;padding:.75rem}#activities tfoot .total_working_hours_label{width:67%}#activities tfoot .total_working_hours{color:#2c2c2c;text-align:right;width:33%}#activities tfoot .total{color:#2c2c2c;text-align:right}#activities tfoot .total:after{color:#666;content:attr(data-label);display:block;font-size:70%;width:100%}#activities tfoot .activity_percentage_of_contact_time{border-bottom-right-radius:8px;width:33%}#activities tfoot .activity_percentage_of_contact_time_label{border-radius:0;border-bottom-left-radius:8px;width:67%}#activities tfoot .activity_percentage_of_contact_time,#activities tfoot .activity_percentage_of_contact_time_label{background:#666;color:#fff;text-align:right}#activities tfoot .activity_percentage_of_contact_time.low_hours,#activities tfoot .activity_percentage_of_contact_time_label.low_hours{color:#fff}}#activity_form{position:relative}#activity_form #trainee_search,#activity_form .autosuggest_search{max-width:100%;width:50%}#activity_form #activity_comments{height:140px;max-width:100%;width:300px}#activity_form #participants_fieldset{max-width:100%;width:100%}#activity_form #participants{-moz-column-gap:1rem;column-gap:1rem;display:flex;flex-wrap:wrap;margin:1rem 0 0}#activity_form #participants .participant_wrapper{border:1px solid #eaeaea;border-radius:16px;margin-bottom:1rem;max-width:100%;padding:1rem;position:relative;width:calc(50% - 1rem)}@media only screen and (max-width:700px){#activity_form #participants .participant_wrapper{padding:.5rem}}#activity_form #participants .participant_wrapper.remove{text-decoration:line-through}#activity_form #participants .participant_wrapper .trainee_to_be_removed{background:rgba(255,0,0,.25);border-radius:16px;bottom:0;display:flex;left:0;position:absolute;right:0;top:0}#activity_form #participants .participant_wrapper span{display:block}#activity_form #participants .participant_wrapper .supervisor_title{margin-top:.5rem}#activity_form #participants .participant_wrapper button{align-content:center;align-items:center;background:#c5c6fd;border-radius:100%;color:#5c60f5;display:flex;font-size:12px;height:1.35rem;justify-content:center;justify-items:center;padding:0;position:absolute;right:-.5rem;top:-1rem;width:1.35rem;z-index:2}#activity_form #participants .participant_wrapper button:hover{background:red;color:#fff}#activity_form #hours_wrapper{max-width:500px;padding:1rem 0;width:100%}#activity_form #hours_wrapper .hours_section{align-content:center;align-items:center;display:flex;justify-content:space-between;padding:.5rem;width:100%}#activity_form #hours_wrapper .hours_section+.hours_section{margin-top:.5rem}.autosuggest_wrapper{border:1px solid #eaeaea;border-radius:4px;display:flex;padding:.5em .75em;position:relative}.autosuggest_wrapper input{border:0;flex:1;padding:0}.autosuggest_wrapper input:focus{border:0;box-shadow:none}.autosuggest_wrapper .selected_suggestions+input{margin-left:.25rem}.autosuggest_wrapper .selected_suggestion{align-content:center;align-items:center;background:#eaeaea;border:1px solid #eaeaea;border-radius:4px;color:#444;cursor:pointer;display:inline-flex;padding:.25rem .5rem;white-space:nowrap}.autosuggest_wrapper .selected_suggestion+.selected_suggestion,.autosuggest_wrapper .selected_suggestion+input{margin-left:.25rem}.autosuggest_wrapper .selected_suggestion button{border-radius:100%;font-size:.6rem;height:.75rem;margin:0 0 0 .25rem;padding:0;width:.75rem}.autosuggest_wrapper .suggestion_matches{background:#f8f8ff;border:1px solid #eaeaea;left:.25rem;position:absolute;right:.25rem;top:100%;z-index:4}.autosuggest_wrapper .suggestion_matches .suggestion_match{cursor:pointer;padding:.5rem .75rem}.autosuggest_wrapper .suggestion_matches .suggestion_match:hover{background:#c5c6fd}.autosuggest_wrapper .suggestion_matches .suggestion_match.highlighted,.autosuggest_wrapper .suggestion_matches .suggestion_match:focus{background:#3ca4ed}.autosuggest_wrapper .suggestion_matches .suggestion_group{font-family:CeraPro-Medium,sans-serif;padding:.5rem}.filtercollection_wrapper input{max-width:300px;width:100%}.filtercollection_wrapper button{padding:.5rem .6rem}#not_logged_in{margin:0 auto}#not_logged_in p:nth-child(3){text-align:center}#not_logged_in .button{display:inline-block;margin:2rem auto}#dashboard{padding-top:4rem}#dashboard #hello{color:#888;font-family:CeraPro-Regular,sans-serif;font-size:.9rem;text-align:left}#dashboard #hello_name{color:#000;display:block;font-family:CeraPro-Bold,sans-serif;font-size:1.4rem}#dashboard_links{display:flex;flex-wrap:wrap;justify-content:space-between}#dashboard_links a{align-items:flex-end;border:1px solid blue;border-radius:16px;display:inline-flex;height:200px;margin:1rem 0 0;padding:1rem;position:relative;width:200px}#dashboard_links a+aaa{margin-left:1rem}#dashboard_links a .icon{align-content:center;align-items:center;background:red;border-radius:100%;display:flex;font-size:1.8rem;height:3rem;justify-content:center;left:1rem;position:absolute;top:1rem;width:3rem}#hours_manage #search_filters{-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-wrap:wrap;justify-content:flex-start;padding:0 0 1rem}#hours_manage #search_filters .form_field{margin-bottom:1rem;margin-top:0}#hours_manage #search_filters #search_date_range select{margin-bottom:.25rem}#hours_manage #search_filters #search_name_wrapper{flex-grow:1}#hours_manage #search_filters #agency_wrapper#agency_wrapper,#hours_manage #search_filters #search_name_wrapper#agency_wrapper{display:none;max-width:220px}#hours_manage #search_filters #agency_wrapper input,#hours_manage #search_filters #search_name_wrapper input{width:100%}#hours_manage #search_filters .form_controls{display:block;margin-top:0;min-width:100%}#hours_manage table tr.grey{background:#f5f5ff}#hours_form_add_type{-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-wrap:wrap;margin-bottom:1.5rem;row-gap:.5rem}#hours_form h1 input{font-family:CeraPro-Regular,sans-serif;font-size:1rem}#hours_form .form_field{-moz-column-gap:.5rem;column-gap:.5rem;display:flex;flex-wrap:wrap;row-gap:.5rem}#hours_form fieldset{position:relative}#hours_form .delete_hours{aspect-ratio:1;background:#c5c6fd;border-radius:100%;color:#fff;font-size:.85rem;height:1.25rem;padding:.2rem;position:absolute;right:-.5rem;top:-1rem;width:1.25rem}#hours_form .delete_hours:hover{background:#6f73f6}#hours_form .info_widget .info{width:auto!important}#hours_form select{max-width:16rem}#hours_form input[type=number]{max-width:4rem}#hours_form .tracking_hours{flex:1 1 0}#hours_form legend .info_widget,#hours_form legend label{display:inline-block}#hours_form legend .info_widget{font-family:CeraPro-Regular,sans-serif}