@charset 'utf-8';
/**
 * 
 * 	@author		George Iancu
 * 	@copyright	Cube Creative Ltd (c) 2021.
 * 	@license	Commercial
 * 
 */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,500,600,700,800,900');

/** RESET / START **/
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,embed,fieldset,figcaption,figure,footer,form,header,hgroup,html,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;padding-top: 158px;}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
/** RESET / END **/

#area.fairy-lights { position: relative; padding-top: 120px; }
#area.fairy-lights::after {content: "";background-image: url("/themes/default/assets/img/fairy-lights.png");height: 200px;width: 100%;position: absolute;top: 37px;right: 0;background-size: 100%;background-position: top;background-repeat: no-repeat;z-index: 0;}

/* ===============
 * 
 * DOCUMENT SETUP
 * 
 * ===============
 */


 :root
 {
     --primary-color: #005CB9;
     --secondary-color: #F9A626;
     --sidebar-bg-color: #005CB9;
     --sidebar-color: #F2F2F2;
     --form-input-background: #f5f5f5;
 }
 .ck.ck-editor {max-width: calc(100vw - 450px);}

 *{ outline: none; box-sizing: border-box; color: inherit; }
 *:hover{ 
     -webkit-transition: 0.4s color ease-in-out; -ms-transition: 0.4s color ease-in-out; -o-transition: 0.4s color ease-in-out; -moz-transition: 0.4s color ease-in-out; transition: 0.4s color ease-in-out;
     -webkit-transition: 0.4s background ease-in-out; -ms-transition: 0.4s background ease-in-out; -o-transition: 0.4s background ease-in-out; -moz-transition: 0.4s background ease-in-out; transition: 0.4s background ease-in-out;
     -webkit-transition: 0.4s background-color ease-in-out; -ms-transition: 0.4s background-color ease-in-out; -o-transition: 0.4s background-color ease-in-out; -moz-transition: 0.4s background-color ease-in-out; transition: 0.4s background-color ease-in-out;
 }
 html,body{ height: 100%; padding:0px; margin:0px; overflow-x: hidden; }
 body{ font-family: 'Arial', sans-serif !important; font-weight: 500;-webkit-font-smoothing: antialiased;text-shadow: 1px 1px 1px rgba(0,0,0,0.004); }
 body.stop-scrolling{ height: 100%; overflow: hidden; }

 h1,h2,h3,h4,h5,h6,p,ul,ol{ font-family: 'Arial', sans-serif !important; line-height: 1.4; }


 Alert{ width: 100%; margin-top: 10px; margin-bottom: 10px; display: flex; align-items: center; padding: 15px; background: #eee; border-radius: 5px; }
 Alert[severity='warning']{background: rgb(214 174 0);color: white;font-size: 14px;}
 Alert[severity='success']{background: rgb(0 214 125);color: white;}
 Alert[severity='error']{background: rgb(214 0 89);color: white;}
 Alert > span.material-icons,
 Alert > span.material-icons-outlined{ margin-right: 10px; }
 Alert a{ color: inherit; font-size: inherit; text-decoration: underline; }

 .notification{margin-bottom: 10px;padding: 2em;border-radius: 1em;margin-left: 10px;margin-right: 10px;}
 .notification > div{ display: flex;  }
 .notification[severity='error']{ background: #ed1c24; color: white; }
 .notification[severity='error'] > div > svg{ margin-right: 20px;}
 .notification[severity='error'] > div > h4{ padding-top: 5px;max-width: 250px;}
 .notification[severity='error'] > div > div{ margin-left: 30px;font-size: 14px; line-height: 1.5;flex: 1;}
 .notification[severity='error'] > div > div h5{ margin: 0; padding: 0;font-size: 17px;}

 .notification[severity='warning']{  }
 .notification[severity='warning']{ background: #eaac1f; color: white; }
 .notification[severity='neutral']{ background: var(--primary-color); color: white; }

 .notification[severity='warning'] > div > svg{ margin-right: 20px;}
 .notification[severity='warning'] > div > h4{ padding-top: 5px;max-width: 250px;}
 .notification[severity='warning'] > div > div{ margin-left: 30px;font-size: 14px; line-height: 1.5;flex: 1;padding-top: 5px;}
 .notification[severity='warning'] > div > div h5{ margin: 0; padding: 0;font-size: 17px;}

 table.styled {border-collapse: collapse;width: 100%;font-size: 13px;line-height: 1.4;box-shadow: none;border: none;}
 table.styled td, table.styled th { border: 1px solid #ddd; padding: 8px; }
 table.styled td p, table.styled th p{ margin-bottom: 5px; }
 table.styled th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: var(--primary-color);color: white;}
 table.styled.simple td, table.styled.simple th { border: none; border-bottom: 1px solid #ddd;; }
 table.styled.simple th {/* background-color: white; *//* color: inherit; */}
 table.styled.clear td, table.styled.clear th { border: none; }
 table.styled.clear th {background-color:  transparent; color: inherit; }
 table.styled td option.hide-option {display: none;}

 .ccform .ccform-field, 
 input[type="text"],
input[type="number"],
 input[type="password"],
 input[type="time"],
 input[type="date"],
 select,
 textarea{border: none !important;box-shadow: none;width: 100%;padding: 15px;font-size: inherit;font-family: inherit;font-weight: inherit;line-height: inherit;height: 50px !important;background: var(--form-input-background);}
 textarea{ height: initial !important; }
 select[multiple]{ height: initial !important; min-height: 200px; }
 ul.tagit input[type="text"]{height: auto !important;}


 .button{text-decoration: none !important;text-transform: none !important;background: var(--primary-color);padding: 6px 15px !important;font-size: 13px !important;border-radius: 5px;color: white !important;border: none;display: inline-flex !important;align-items: center;cursor: pointer !important;justify-content: center;height: auto;}
 .button.small{ padding: 2px 10px; font-size: 11px; }
 .button.icon{padding: 1px;font-size: 20px;line-height: 1;border: 1px solid white;}
 .button span{font-size: inherit;line-height: inherit;}
 .button:hover{background: var(--secondary-color);color: var(--primary-color) !important;}
 .button.light:hover{ background: #fff; color: #005cb9; }
 .button > span.material-icons,
 .button > span.material-icons-outlined{margin: 0 3px;}

 .ck5-button{ text-decoration: none !important;text-transform: none !important;background: var(--primary-color) !important;padding: 6px 15px !important;font-size: 13px !important;border-radius: 5px;color: white !important;border: none;cursor: pointer !important;height: auto; display: none; }
 .ck5-button:hover,
 .ck5-button:focus{ background: var(--primary-color); }
 .ck5-button[href]{ display: inline-block; }

 span.material-icons,
 span.material-icons-outlined{color: inherit;font-size: inherit;font-weight: inherit;line-height: inherit;}

 video{width: 100% !important;max-height: 100%;}

 .lazyload-block,
 .lazyload-table{ display: none; }

 .pagination{ }
 .pagination ul{display: flex;align-items: center;gap: 0.5em;max-width: calc(100vw - 320px);overflow-y: scroll;padding-bottom: 20px;}
 .pagination ul li{ }
 .pagination ul li a{text-decoration: none;background: #ccc;padding: 0.75em;display: inline-block;font-size: 0.85em;}
 .pagination ul li a:hover,
 .pagination ul li a.active{background: var(--primary-color);color: white;}

 /* jQuery */
 .ui-sortable-placeholder,
 .ui-state-highlight{ display: block; height: 50px; width: 100%; background: var(--primary-color); opacity: 0.5; border-radius: 10px; border: none; }

#fendix-banner{ max-width: 100%; }
#fendix-banner img{ max-width: 100%; }


  /* ===============
 * 
 * Fixes for CKeditor 5
 * 
 * ===============
 */

 .ck-editor__editable p{margin-top: 5px !important;line-height: 1.5 !important;display: block !important;margin-bottom: 15px !important;}
 #circle-page ul,
 .ck-editor ul{margin: 5px 0 15px;}
 #circle-page li,
 .ck-editor li{margin: 2px 0;font-size: 14px;line-height: 18px;}
 #circle-page ul,
 .ck-editor ul{list-style-type: disc;margin-left: 19px;margin-bottom: 15px;}
 #circle-page ol,
 .ck-editor ol{list-style-type: decimal;margin-left: 16px;margin-bottom: 15px;}
 #circle-page ol li,
 .ck-editor ol li{ padding-left: 5px; }

 blockquote{overflow: hidden;padding-right: 1.5em;padding-left: 1.5em;margin-left: 0;margin-right: 0;font-style: italic;border-left: 5px solid #ccc;margin-top: 5px;margin-bottom: 15px;display: block;}
 blockquote p,
 .ck-editor__editable blockquote p{margin: 0 !important;padding: 0 !important;}

 .ck-content a{ color: #002b8e; }

 .ck-content .table table{ border: none !important; }
 .ck-content .table table td, .ck-content .table table th{/* border: none !important; */}

 .ck-editor__editable .cc-accordion-element .cc-accordion-element-content {display: block;}

 .ck-content .content{ margin-bottom: 1rem; }

 /* ===============
 * 
 * Accordions
 * 
 * ===============
 */
 .cc-accordion-element {width: 100%;margin-bottom: 7px;margin-left: 0;margin-right: 0;margin-top: 7px;}
 .cc-accordion-element .cc-accordion-element-heading{width: 100%;color: var(--primary-color);border-radius: 20px;padding: 18px;border: 1px solid var(--primary-color);display: flex;align-items: center;margin-bottom: 0;justify-content: space-between;font-size: 18px;}
.cc-accordion-element .cc-accordion-element-heading p{margin: 0 !important;font-weight: bold; font-size: 18px !important; }

 h4{flex: 1;font-size: 18px !important;padding: 0;}
 .cc-accordion-element .cc-accordion-element-heading .cc-accordion-controls{  margin-right: 0.5rem; }
 .cc-accordion-element .cc-accordion-element-heading .cc-accordion-controls > *{margin-left: 5px;}
 .cc-accordion-element .cc-accordion-element-heading:hover,
 .cc-accordion-element.active > .cc-accordion-element-heading{ background-color: var(--primary-color); color: white !important; }
 .cc-accordion-element.active > .cc-accordion-element-heading{ border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
 .cc-accordion-element .cc-accordion-element-heading:after{content: " ";background-image: url('data:image/svg+xml,%3Csvg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.87 25.74"%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23005CB9;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class="cls-1" points="0 0 12.87 12.87 0 25.74"/%3E%3C/svg%3E');width: 20px;height: 20px;background-repeat: no-repeat;background-position: center;}
 .cc-accordion-element .cc-accordion-element-heading:hover:after,
 .cc-accordion-element.active > .cc-accordion-element-heading:after{ background-image: url('data:image/svg+xml,%3Csvg aria-hidden="true" id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12.87 25.74"%3E%3Cdefs%3E%3Cstyle%3E.cls-1-576656176837%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpolyline class="cls-1-576656176837" points="0 0 12.87 12.87 0 25.74"/%3E%3C/svg%3E'); }
 .cc-accordion-element .cc-accordion-element-heading.no-content:after{display: none;}
 .cc-accordion-element > .cc-accordion-element-heading.no-content:hover {background-color: white;color: var(--primary-color) !important;}
 .cc-accordion-element.active > .cc-accordion-element-heading:after{ transform: rotate(90deg); }

 .cc-accordion-element .cc-accordion-element-content{display: none;border: 1px solid #ccc;padding: 10px 15px;border-top: none;}

/* ===============
 * 
 * EXSearch
 * 
 * ===============
 */
 #generalsearch{color: #333;background: var(--primary-color);padding: 1rem 1rem;border-radius: 20px;outline: 1px solid white;}
 #generalsearch form{display: flex;align-items: center;gap: 1rem;}
 #generalsearch form label{ color: white; font-weight: bold; font-size: 18px; }
 #generalsearch form input[type="text"]{border-radius: 30px;min-width: 300px;}
 #generalsearch form input::-webkit-input-placeholder { font-size: 11px; }
 #generalsearch form input::-moz-placeholder { font-size: 11px; }
 #generalsearch form input:-ms-input-placeholder { font-size: 11px; }
 #generalsearch form input:-moz-placeholder { font-size: 11px; }
 #generalsearch form button{background: none;border: none;box-shadow: none;cursor: pointer;position: absolute;z-index: 9999;top: 42px;right: 15px;}
 #generalsearch form button svg{width: 40px;display: block;height: 40px;}
 .EXSearchResults{display: none;background: #005cb9;position: fixed;top: 0;left: 0;width: 100%;height: 100%;padding: 65px 20px 20px 20px;color: white;overflow-y: scroll;z-index: 999999999999999999;}
 .EXSearchResults .EXSearchResults-close{position: absolute;top: 10px;right: 10px;}
 .EXSearchResults .EXSearchResults-close > span{font-size: 52px;}
 .EXSearchResults .results{display: flex;flex-wrap: wrap;justify-content: space-between;}

 .EXSearchResults .results > div{ counter-reset: section; }
 .EXSearchResults .results > div::-webkit-scrollbar {width: 7px;}
 .EXSearchResults .results > div::-webkit-scrollbar-track {border-radius: 0;}
 .EXSearchResults .results > div::-webkit-scrollbar-thumb {border-radius: 5px;-webkit-box-shadow: none;background: white;}

 .EXSearchResults .results > div.content-results{width: 47.5%;overflow-y: scroll;max-height: 60vh;padding-right: 1%;margin-bottom: 30px;}
 .EXSearchResults .results > div.pages-results{width: 47.5%;overflow-y: scroll;max-height: 60vh;padding-right: 1%;margin-bottom: 30px;}
 .EXSearchResults .results > div.resources-results{width: 47.5%;overflow-y: scroll;max-height: 60vh;padding-right: 1%;margin-bottom: 30px;}
 .EXSearchResults .results > div.policies-results{width: 47.5%;overflow-y: scroll;max-height: 60vh;padding-right: 1%;margin-bottom: 30px;}
 .EXSearchResults .results > div.news-results{width: 47.5%;margin-left: 5%;overflow-y: scroll;max-height: 60vh;padding-right: 1%;margin-bottom: 30px;}

 .EXSearchResults .results .sectionHead{margin-bottom: 20px;}
 .EXSearchResults .results .sectionHead h3{font-weight: 500;font-size: 20px;margin: 10px 0 0 0;border-bottom: 1px solid #ffffff;padding-bottom: 10px;}
 .EXSearchResults .results .sectionHead p{font-weight: 400;font-size: 13px;margin: 10px 0;font-style: italic;}

 .EXSearchResults .results .result{border-top: 1px dashed #a9c7e5;padding: 15px 0;display: flex;align-items: flex-start;}
 .EXSearchResults .results .result:before{ counter-increment: section; content: counter(section) ". "; margin-right: 10px; }
 .EXSearchResults .results .result .title{font-size: 15px;font-weight: bold;margin-bottom: 5px;display: block;}
 .EXSearchResults .results .result .excerpt{font-size: 14px;line-height: 1.4;margin-bottom: 2px;}
 .EXSearchResults .results .result .url{font-size: 14px;margin-bottom: 5px;color: #d1d1d1;}
 .EXSearchResults .results .result .url > .material-icons,
 .EXSearchResults .results .result .url > .material-icons-outlined{ color: white; }


 /* ===============
 * 
 * Search page
 * 
 * ===============
 */
 #searchresults{ }
 #searchresults .filter{display: flex;align-items: center;}
 #searchresults .filter h3{flex-basis: 7em;}
 #searchresults .filter ul{display: flex;align-items: center;gap: 2em;flex-wrap: wrap;margin: 8px 0;}
 #searchresults .filter ul li{ }
 #searchresults .filter ul li a{background: white;border-radius: 0.2em;padding: 0.5em 1.5em;text-decoration: none;font-size: 0.9em;white-space: nowrap;}
 #searchresults .filter ul li a:hover,
 #searchresults .filter ul li a.active{ background: var(--primary-color); color: white; }

 #searchresults .resultslist{margin-top: 1em;}
 #searchresults .resultslist .result{border-bottom: 1px solid #ddd;padding-bottom: 0.75em;margin-bottom: 0.75em;position: relative;padding-left: 1rem;padding-right: 1rem;display: none;}
 #searchresults .resultslist .result:nth-child(-n+10){ display: block; }
 #searchresults .resultslist .result:before{ content: "Good match";position: absolute;top: 1rem;right: 1rem;font-size: 10px;font-weight: bold; }
 #searchresults .resultslist .result.score-100{background: #eee;padding: 1rem 1rem;}
 #searchresults .resultslist .result.score-0{ opacity: 0.5; }
 #searchresults .resultslist .result.score-100:before{content: "Best match";position: absolute;top: 1rem;right: 1rem;color: green;font-size: 10px;font-weight: bold;}
 #searchresults .resultslist .result.score-1:before,
 #searchresults .resultslist .result.score-2:before,
 #searchresults .resultslist .result.score-3:before,
 #searchresults .resultslist .result.score-4:before,
 #searchresults .resultslist .result.score-5:before{content: "Might be irrelevant";position: absolute;top: 1rem;right: 1rem;color: #e37f12;font-size: 10px;font-weight: bold;}
 #searchresults .resultslist .result.score-0:before{ content: "Irrelevant";position: absolute;top: 1rem;right: 1rem;color: red;font-size: 10px;font-weight: bold; }

 #searchresults .resultslist .result.perfect:before{content: "BEST MATCH";position: absolute;top: 1rem;right: 1rem;color: white;font-size: 10px;font-weight: bold;background-color: green;padding: 0.5rem;border-radius: 5px;}
 #searchresults .resultslist .result.partial:before{content: "MOST RELEVANT";position: absolute;top: 1rem;right: 1rem;color: white;font-size: 10px;font-weight: bold;background-color: #e37f12;padding: 0.5rem;border-radius: 5px;}
 #searchresults .resultslist .result.extended:before{content: "EXTENDED RESULT";position: absolute;top: 1rem;right: 1rem;color: #red;font-size: 10px;font-weight: bold;}

 #searchresults .resultslist .result .score{background-color: #d8d5d5;display: block;width: 50px;height: 10px;margin-bottom: 0.5rem;position: relative;border-radius: 19px;}
 #searchresults .resultslist .result .score .scorebar{display: block;height: 100%;width: 0;background: #026b115e;position: absolute;z-index: 1;transition: width 1s ease-in;border-radius: 10px;}
 #searchresults .resultslist .result .score > span{display: block;height: 100%;width: 100%;position: absolute;z-index: 2;font-size: 9px;text-align: left;transform: translateX(100%);margin-left: 4px;}
 #searchresults .resultslist .result .title{text-decoration: none;color: #005cb9;font-weight: bold;margin-bottom: 0.3em;display: inline-block;}
 #searchresults .resultslist .result .excerpt{font-size: 0.85em;margin-bottom: 0.5em;line-height: 1.4em;}
 #searchresults .resultslist .result .url{text-decoration: none;font-size: 0.87em;margin-bottom: 0.5em;line-height: 1.4em;color: #005cb9;}
 #searchresults .resultslist .result.inview { display: block !important;}
 #searchresults .resultslist .result.hideview { display: none !important;}
 #searchresults .additional_files_wrapper{max-height: 15rem;overflow-y: auto;padding-right: 2rem;margin-top: 0.5rem;}
 #searchresults .additional_files_wrapper .element_additional_files{ margin: 0; }

 #searchresults #pagination{margin-left: 1rem;margin-right: 1rem;}
 #searchresults #pagination ul{display: flex;align-items: center;gap: 0.5em;max-width: calc(100vw - 320px);overflow-y: scroll;padding-bottom: 20px;}
 #searchresults #pagination ul li{ }
 #searchresults #pagination ul li a{text-decoration: none;background: #ccc;padding: 0.5em;display: inline-block;font-size: 0.85em;}
 #searchresults #pagination ul li a:hover,
 #searchresults #pagination ul li a.active{background: #005cb9;color: white;}

 #searchresults .extsearch-filter{ background: #F2F2F2; padding: 1rem; }
 #searchresults .extsearch-filter h2{ margin: 0; }
 #searchresults .extsearch-filter h3{ margin: 1rem 0; font-weight: normal; font-size: 16px; }
 #searchresults .extsearch-filter hr{ border: none; border-top: 1px solid #ccc; margin: 0.75rem 0; }
 #searchresults .extsearch-filter ul{ display: flex;align-items: center;gap: 2em;flex-wrap: wrap;margin: 1rem 0; }
 #searchresults .extsearch-filter ul li{ }
 #searchresults .extsearch-filter ul li a{ background: white;border-radius: 0.2em;padding: 0.5em 1.5em;text-decoration: none;font-size: 0.9em;white-space: nowrap; }
 #searchresults .extsearch-filter ul li a:hover,
 #searchresults .extsearch-filter ul li a.active{ background: var(--primary-color); color: white; }


  /* ===============
 * 
 * Sliders
 * 
 * ===============
 */

 .cc_slider_wrapper {height: 100%;width: 100%;}
 .cc_slider_wrapper .cc_slide {height: 100%;width: 100%;position: absolute;top: 0;left: 0;display: none;background-size: cover;background-repeat: no-repeat;background-position: center;text-align: initial;text-decoration: none;text-transform: none; }
 .cc_slider_wrapper .cc_slide.center { display: block; z-index: 2; transition: 0.5s linear;}
 .cc_slider_wrapper .cc_slide.right { transform: translateX(-100%); display:block; z-index: 1; transition: 0.5s linear;}
 .cc_slider_wrapper .cc_slide.left { transform: translateX(100%); display:block; z-index: 1; transition: 0.5s linear;}
 .cc_slider_wrapper .cc_slide .content {padding: 20px 20px 40px;display: block;pointer-events: auto;display: flex;flex-direction: column;height: 100%;}
 .cc_slider_wrapper .cc_slide .content.top { justify-content: flex-start;}
 .cc_slider_wrapper .cc_slide .content.middle {justify-content: center;}
 .cc_slider_wrapper .cc_slide .content.bottom {justify-content: flex-end;}
 .cc_slider_wrapper .cc_arrows{background: #425564;position: absolute;display: flex;align-items: center;bottom: 15px;left: 15px;z-index: 10;padding: 10px;border-radius: 10px;display: none;}
 .cc_slider_wrapper .cc_left_arrow {position: absolute;z-index: 10;left: 18px;bottom: 15px;cursor: pointer;pointer-events: auto;margin-right: 10px;}
 .cc_slider_wrapper .cc_left_arrow svg{ width: 20px; height: 20px; }
 .cc_slider_wrapper .cc_right_arrow {bottom: 15px;left: 60px;position: absolute;z-index: 10;cursor: pointer;pointer-events: auto;margin-left: 10px;}
 .cc_slider_wrapper .cc_right_arrow svg{ width: 20px; height: 20px; }
 .cc_slider_wrapper .cc_arrows .cc_left_arrow{ position: static; }
 .cc_slider_wrapper .cc_arrows .cc_right_arrow{ position: static; }
 .cc_slider_wrapper .cc_markers {position: absolute;bottom: 15px;right: 20px;z-index: 10;display: flex;}
 .advert-zone .cc_slider_wrapper .cc_markers{ padding: 10px;border-radius: 10px; }
 .cc_slider_wrapper .cc_markers .cc_marker {width: 22px;height: 22px;background-color: white;margin-left: 2px;border-radius: 22px;border: 1px solid white;cursor: pointer;pointer-events: auto;margin-right: 4px;}
 .cc_slider_wrapper .cc_markers .cc_marker.active { background-color: #ff0000;}
 .cc_slider_wrapper .cc_markers.numbers .cc_marker{background: none;padding: 0;margin: 0 2px;border: none;}
 .cc_slider_wrapper .cc_markers.numbers .cc_marker.active{ font-weight: bold; }


 .vscroller{max-height: 285px;overflow-y: auto;padding-right: 10px;}
 .vscroller::-webkit-scrollbar{width: 0.4em;}
 .vscroller::-webkit-scrollbar-track{box-shadow: inset 0 0 6px rgb(0 0 0 / 15%);}
 .vscroller::-webkit-scrollbar-thumb{background-color: darkgrey;/* outline: 1px solid slategrey; */border-radius: 20px;}


/* ===============
 * 
 * Data Tables
 * 
 * ===============
 */
 table.dataTable{ }
 table.dataTable thead tr{ }
 table.dataTable thead tr th{padding-top: 5px;padding-bottom: 5px;font-size: 12px;text-align: left;}
 table.dataTable thead tr th.no-sort.sorting_disabled{ background-image: none !important; background-color: white;}
 table.dataTable tbody tr{cursor: pointer; background-color: white;}
 table.dataTable tbody tr td{line-height: 1.4;font-size: 12px;background-color: white;border: none;border-right: 1px solid #ddd;}
 .dataTables_filter{ margin-bottom: 10px; }
 table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd {background-color: white;}
 table.dataTable.display tbody tr.odd>.sorting_1, table.dataTable.order-column.stripe tbody tr.odd>.sorting_1 {background-color: white;}
 table.dataTable.display tbody tr:hover>.sorting_1, table.dataTable.order-column.hover tbody tr:hover>.sorting_1 {background-color: white;}
 table.dataTable.display tbody tr.even>.sorting_1, table.dataTable.order-column.stripe tbody tr.even>.sorting_1 { background-color: white;}
 table tr{background-color: white;}
 


 /* ===============
 * 
 * SYSTEM STRUCTURE
 * 
 * ===============
 */
 #system-top{position: relative;width: 100%;top: 0;left: 0;z-index: 999;}
 #system-middle{display: flex;flex: 1;min-height: 100%;margin-top: -20px;z-index: 99;position: relative;}
 #system-bottom{ }


 /* ===============
 * 
 * TOP BAR
 * 
 * ===============
 */

 #system-top #mobilesidebarburger{ display: none; }
 #system-top #mobilesidebarburger svg{ width: 43px; height: 34px;}

 #topbar{box-sizing: border-box;background: #f7f7f7;width: 100%;display: flex;align-items: center;padding-left: 15px;padding-right: 15px;padding-top: 1rem;padding-bottom: 1rem;}
 #topbar #topbar-message{ font-size: 12px; color: #333333; }
 #topbar #topbar-message > a{ color: inherit; text-transform: none; text-decoration: none; }
 #topbar #topbar-message > a:hover{ text-decoration: underline; }

 #topbar #topbar-accessibility{font-size: 12px;color: #333333;display: flex;align-items: center;justify-content: space-between;width: 100%;}
 #topbar #topbar-accessibility #accessibility{display: flex;align-items: center;justify-content: flex-start;}
 #topbar #topbar-accessibility #accessibility > div:nth-child(1){margin-right: auto;}
 #topbar #topbar-accessibility #accessibility > div:nth-child(2){margin-left: 20px;display: flex;align-items: center;gap: 10px;}
 #topbar #topbar-accessibility #accessibility > div:nth-child(3){ margin-left: 10px; }
 #topbar #topbar-accessibility #accessibility > div:nth-child(3) svg{width: 20px;height: 20px;margin: 0 4px;}
 #topbar #topbar-accessibility #accessibility > div:nth-child(4){ margin-left: 20px; }
 #topbar #topbar-accessibility #accessibility > div:nth-child(4) svg{width: 20px;height: 20px;margin: 0 4px;}
 
 #topbar #topbar-accessibility span.tone-btn{margin-right: 0;color: #425563;font-size: 14px;font-weight: 600;padding-left: 20px;padding-right: 20px;transform: translateX(-20px);/* display: none; */}
 #topbar #topbar-accessibility span.tone-btn > .field{display: flex;align-items: center;font-size: 11px;}
 #topbar #topbar-accessibility span.tone-btn > .field .mdc-switch{ margin-left: 5px; margin-right:5px; }

 #topbar #topbar-accessibility div:nth-child(2){ color: var(--primary-color); }
 #topbar #topbar-accessibility div:nth-child(2) .current-time{ font-weight: bold; }

 #logoarea{display: flex;align-items: center;gap: 2rem;z-index: 999;position: relative;justify-content: space-between;width: 100%;}
 #logoarea > div:nth-child(1){display: flex;align-items: center;padding: 1rem 1rem 1rem 1rem;background-size: auto;}
 #logoarea > div:nth-child(1) a{ display: block; }
 #logoarea > div:nth-child(1) a svg{width: 200px;height: 78px;}
 #logoarea > div:nth-child(2){ }


 
 /* ===============
 * 
 * SIDEBAR
 * 
 * ===============
 */
 #sidebar{width: 250px;min-width: 215px;background: var(--sidebar-bg-color);transition: width .3s linear;position: relative;top: 0;left: 0;z-index: 999;overflow-y: hidden;padding-right: 10px;min-height: 100vh;}
 #sidebar.collapsed{ width: 55px; }
 #sidebar a.toggle-sidebar{width: 100%;display: flex;align-items: center;padding: 15px 15px 0 15px;text-decoration: none;text-transform: none;color: #fff;
    font-size: 12px;margin-bottom: 20px;}
 #sidebar a.toggle-sidebar svg{width: 20px;height: 20px;margin-right: 10px;}
 #sidebar a.toggle-sidebar.closed svg{ transform: rotate(180deg); }

 #sidebar hr{margin: 0 15px;border: none;border-top: 1px solid #ffffff;}

 #sidebar #logo{margin: 25px 15px 35px 15px;}
 #sidebar #logo svg{width: 170px;height: 65px;}

 #sidebar #generalsearch{margin: 5px 15px;padding: 7px 0;}
 #sidebar #generalsearch form input{height: 35px !important;font-size: 13px;}

 #sidebar ul.sidebar-links-list{padding: 15px;overflow-y: auto;/* max-height: calc(100vh - 160px); */}
 #sidebar ul.sidebar-links-list > li{display: flex;align-items: center;margin-bottom: 15px;flex-wrap: wrap;}
 #sidebar ul.sidebar-links-list > li:last-of-type{ margin-bottom: 0; }
 #sidebar ul.sidebar-links-list > li > span:nth-child(1){ margin-right: 10px; }
 #sidebar ul.sidebar-links-list > li > span.material-icons-outlined,
 #sidebar ul.sidebar-links-list > li > span:nth-child(1) svg{font-size: 22px;width: 20px;height: 20px;color: var(--sidebar-color);}
 #sidebar ul.sidebar-links-list > li > a{color: var(--sidebar-color);font-size: 12px;text-decoration: none;text-transform: none;flex: 1;line-height: 1.4;}
 #sidebar ul.sidebar-links-list > li > a.current {font-weight: 700;position: relative;}
 #sidebar ul.sidebar-links-list > li > a.current::after {content: "";background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13.7px' height='11.2px' viewBox='0 0 13.7 11.2' style='overflow:visible;enable-background:new 0 0 13.7 11.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%2377C001;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D %3C/style%3E%3Cdefs%3E%3C/defs%3E%3Cpolyline class='st0' points='1.5,7.1 4.1,9.7 12.2,1.5 '/%3E%3C/svg%3E");width: 15px;height: 12px;margin-left: 5px;display: inline-block;background-position: center;background-repeat: no-repeat;position: absolute;left: -32px;top: 3px;}
 #sidebar ul.sidebar-links-list > li.active > a,
 #sidebar ul.sidebar-links-list > li:hover > a{ font-weight: bold; }
 #sidebar ul.sidebar-links-list > li > span:nth-child(3){margin-left: 10px;color: var(--primary-color);cursor: pointer;margin-right: 10px;transform: rotate(180deg);}
 #sidebar ul.sidebar-links-list > li > span:nth-child(3) svg{ width: 20px; height: 20px; }
 #sidebar ul.sidebar-links-list > li > span.expanded:nth-child(3) svg{ transform: rotate(180deg); }
 #sidebar ul.sidebar-links-list > li.closed span.material-icons-outlined {transform: rotate(0deg);}
 #sidebar ul.sidebar-links-list.closed li a,
 #sidebar ul.sidebar-links-list.closed li span:nth-child(3) { display: none; }

 #sidebar ul.sidebar-links-list > li ul.sidebar-links-list{width: 100%;padding-left: 0;display: none;}
 #sidebar ul.sidebar-links-list > li ul.sidebar-links-list.expanded{ display: block; }

 #sidebar ul.sidebar-links-list .dashboard {}
 #sidebar ul.sidebar-links-list .dashboard span.rename {cursor: pointer;width: 17px !important;height: 15px !important;font-size: 18px !important;margin: 0;margin-left: 5px;}
 #sidebar ul.sidebar-links-list .dashboard span.rename:hover {text-decoration: underline;}
 #sidebar ul.sidebar-links-list .dashboard span.rename a {text-decoration: none;}
 #sidebar ul.sidebar-links-list .dashboard span.delete {cursor: pointer;width: 17px !important;height: 15px !important;font-size: 18px !important; }
 #sidebar ul.sidebar-links-list .dashboard span.delete a {text-decoration: none;}
 #sidebar ul.sidebar-links-list .dashboard span.rename:hover a {text-decoration:underline;}
 #sidebar ul.sidebar-links-list .dashboard span.delete:hover a {text-decoration:underline;}

 #sidebar #widgets-list{transition: transform .2s linear;transform: translateX(-100%);position: fixed;background: var(--tile-background);width: 250px;overflow-y: auto;max-height: 100%;height: 100vh;top: 0;}
 #sidebar #widgets-list.expanded{transform: translateX(0);z-index: 99999999999999999;}
 #sidebar #widgets-list ul.sidebar-widgets-list{padding: 15px 10px;}
 #sidebar #widgets-list  ul.sidebar-widgets-list > li{/* display: none; */align-items: center;margin-bottom: 0;flex-wrap: wrap;border-bottom: 1px solid #ffffff;padding-bottom: 7px;padding-left: 0;padding-right: 0;width: 100%;padding-top: 7px;flex-wrap: wrap;}
 #sidebar #widgets-list  ul.sidebar-widgets-list > li.division-title  {
    position: relative;
    padding: 10px 10px 10px 0;
}
 #sidebar #widgets-list  ul.sidebar-widgets-list > li.division-title > p.title {color: white;font-size: 14px;cursor: pointer;width: 100%;padding-bottom: 2px;display: flex;align-items: center;justify-content: space-between;gap: 0.5rem;}
 #sidebar #widgets-list  ul.sidebar-widgets-list > li.division-title > span {color: white;position: absolute;top: 9px;right: 5px;cursor: pointer;}
 #sidebar #widgets-list  ul.sidebar-widgets-list > li.division-title.open > span {transform: rotate(180deg);}
 #sidebar #widgets-list  ul.sidebar-widgets-list > li.visible{ display: flex; }
 #sidebar #widgets-list  ul.sidebar-widgets-list > li:last-of-type{ margin-bottom: 0; }
 #sidebar #widgets-list  ul.sidebar-widgets-list > li > span:nth-child(1){ margin-right: 10px; }
 #sidebar #widgets-list  ul.sidebar-widgets-list > li > span:nth-child(1) svg{ width: 20px; height: 20px; }
 #sidebar #widgets-list  ul.sidebar-widgets-list > li > a{color: #c1d5e1;font-size: 12px;text-decoration: none;text-transform: none;line-height: 1.4;width: 100%;}
 #sidebar #widgets-list  ul.sidebar-widgets-list > li > a > span:nth-child(2){margin-left: 10px;color: #c1d5e1;cursor: pointer;}
 #sidebar #widgets-list  ul.sidebar-widgets-list > li > a > span:nth-child(2){ width: 20px; height: 20px; }
 #sidebar #widgets-list  ul.sidebar-widgets-list > li > a > span.expanded:nth-child(2){ transform: rotate(180deg); }
 

 #sidebar #widgets-list .close-sidebar-widgets-list{display: block;text-align: right;padding: 15px 25px 0 15px;}
 #sidebar #widgets-list .close-sidebar-widgets-list svg{ width: 50px; margin-right: 4px;}
 #sidebar #widgets-list  ul.sidebar-widgets-list ul{display: none;margin-top: 3px;padding-left: 10px;padding-right: 0;width: 100%;/* padding-top: 5px; *//* padding-bottom: 5px; */transition: all 0.4s cubic-bezier(0.15, 0.6, 0.75, 1.13);}
 #sidebar #widgets-list  ul.sidebar-widgets-list ul li{display: flex;align-items: center;margin-bottom: 7px;flex-wrap: wrap;padding-bottom: 2px;}
 #sidebar #widgets-list  ul.sidebar-widgets-list ul li:last-of-type{ margin-bottom: 0; }
 #sidebar #widgets-list  ul.sidebar-widgets-list ul li > span:nth-child(1){ margin-right: 10px; }
 #sidebar #widgets-list  ul.sidebar-widgets-list ul li > span:nth-child(1) svg{ width: 20px; height: 20px; }
 #sidebar #widgets-list  ul.sidebar-widgets-list ul li > a{color: #c1d5e1;font-size: 12px;text-decoration: none;text-transform: none;flex: 1;line-height: 1.4;padding: 2px 0;}
 #sidebar #widgets-list  ul.sidebar-widgets-list ul li.active > a,
 #sidebar #widgets-list  ul.sidebar-widgets-list ul li:hover > a{ color: #ff8700; }

 #sidebar #widgets-list  ul.sidebar-widgets-list > li.active,
 #sidebar #widgets-list  ul.sidebar-widgets-list > li:hover{}
 #sidebar #widgets-list  ul.sidebar-widgets-list > li.active > a,
 #sidebar #widgets-list  ul.sidebar-widgets-list > li:hover > a{ }
 #sidebar #widgets-list  ul.sidebar-widgets-list > li > a{font-weight: bold;padding-left: 15px;padding-right: 15px;display: flex;justify-content: space-between;}
 #sidebar #widgets-list  ul.sidebar-widgets-list > li > a > span{transform: rotate(-90deg);transform-origin: center;width: 10px;height: 10px;margin-top: 4px;}
 #sidebar #widgets-list  ul.sidebar-widgets-list > li.active > a > span{ transform: none; margin-top: 0; }
 #sidebar #widgets-list  ul.sidebar-widgets-list > li.active ul{display: block;transform: translateX(0);}

 #sidebar #widgets-list .atoz{display: flex;flex-wrap: wrap; margin-left: 10px;margin-right: 15px;margin-top: 15px;}
 #sidebar #widgets-list .atoz > .atozchar{color: white;border: 1px solid white;padding: 4px;width: 30px;text-align: center;margin: 5px 3px;cursor: pointer;}
 #sidebar #widgets-list .atoz > .atozchar:hover,
 #sidebar #widgets-list .atoz > .atozchar.active{ background: white; color: inherit; }

 #sidebar #widgets-list .sbqs{/* margin-top: 5px; */margin-left: 15px;/* margin-right: 15px; */}
 #sidebar #widgets-list .sbqs input{height: 35px !important;font-size: 13px;width: 85%;margin-top: 20px;}

 #sidebar #account-control{text-decoration: none;text-transform: none;color: var(--sidebar-color);font-size: 12px;line-height: 1.3;padding: 15px;font-weight: 400;margin-bottom: 15px;}
 #sidebar #account-control a{  display: inline-block;margin-top: 5px;font-size: 11px;}

 #sidebar #profile-avatar{position: relative;margin-right: 0 !important;margin-left: 15px;margin-top: 3rem;}
 #sidebar #profile-avatar .profile-avatar{  }
 #sidebar #profile-avatar .profile-avatar > img{border-radius: 10px;width: 50px;height: 50px;border: 2px solid white; }
 #sidebar #profile-avatar .profile-avatar > svg{transform: translateX(-25px) translateY(5px);width: 25px !important;height: 25px !important;}
 #sidebar #profile-avatar .profile-avatar > svg.placeholder { background-color: white; transform: initial; width: 50px !important; height: 50px !important; border-radius: 8px; border: 1px solid white;
}

 #sidebar #system-tools{ margin-left: 15px;margin-right: 15px;display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
 #sidebar #system-tools > a{ }
 #sidebar #system-tools > a svg{ width: 50px; height: 50px; }
 #sidebar #system-tools a.alert-icon {
    position: relative;
}
 #sidebar #system-tools a.alert-icon::after {content:attr(data-alerts);position: absolute;background-color: red;width: 20px;height: 20px;border: 1px solid white;border-radius: 50%;bottom: -4px;right: -4px;color: white;display: flex;align-items: center;justify-content: center;font-size: 14px;}

 #sidebar #new-dashboard-form{  }
 #sidebar #new-dashboard-form input{height: 35px !important;font-size: 12px;width: 100%;}

 @media screen and (max-width: 1024px)
 {
    #sidebar ul.sidebar-links-list{ width: 215px; }
 }
 @media screen and (max-width: 737px)
 {
    #sidebar{ width: 55px; }
 }

#sidebar .support-info {
    margin: 0 15px;
    padding: 15px 0;
    border-top: 1px solid #ffffff;
} 
#sidebar .support-info p{
    font-size: 12px;
    color: var(--primary-color);
    line-height: 1.3;
    text-align: center;
}
#sidebar .support-info p a{
    font-size: 12px;
    text-decoration: none;
    font-weight: 600;
}

 /* ===============
 * 
 * AREA - MAIN CONTENT
 * 
 * ===============
 */
 #area{flex: 1;padding: 15px 35px;background: #EFEFEF;}
 #area #fendixmedia{ margin-top: 2rem; text-align: center; }
 #area #area-top{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1rem;margin-top: 1rem;}
 
 #area #area-middle{}
 #area #area-middle #searchtopbar{background: var(--primary-color);}
 #area #area-middle p{ margin-bottom: 1rem; }

  /* ===============
 * 
 * CONTENT
 * 
 * ===============
 */
 .content{ }
 .content img{ max-width: 100%;}
 .content h2:first-of-type{ margin-top: 0; font-size: 28px; }
 .content  p{font-size: 14px;line-height: 1.5;margin: 5px 0 15px 0;}


 /* ===============
 * 
 * WIDGETS
 * 
 * ===============
 */
.widget{display: inline-block;width: 100%;background: white;margin-bottom: 15px;text-align: left;color: white;position: relative;border-radius: 20px;}

.widget .widget-top{display: flex;align-items: center;justify-content: space-between;background: var(--primary-color);padding: 15px;font-size: 16px;border-radius: 10px 10px 0 0;font-weight: 600;}

.widget .popup-controls{ }

.widget .widget-top .popup-controls a.search{width: 20px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg id='Vibrant' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13.7 13.7'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M484.07,1015.31a5.24,5.24,0,1,1,3.7-8.94h0a5.24,5.24,0,0,1-3.7,8.94Zm0-10a4.72,4.72,0,0,0-3.34,1.39,4.72,4.72,0,0,0,3.34,8.06,4.73,4.73,0,0,0,0-9.45Z' transform='translate(-478.83 -1004.84)'/%3E%3Cpath class='cls-1' d='M492.28,1018.54a.24.24,0,0,1-.18-.07l-4.69-4.69a.25.25,0,1,1,.36-.36l4.69,4.69a.25.25,0,0,1,0,.36A.26.26,0,0,1,492.28,1018.54Z' transform='translate(-478.83 -1004.84)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 100%;background-position: center center;display: inline-block;}
.widget .widget-top .popup-controls .search-panel{position: absolute;top: 42px;left: 0;background: #231f20;padding: 15px;z-index: 3;width: 100%;text-align: left;display: none;}
.widget .widget-top .popup-controls .search-panel.active{ display: block; }
.widget .widget-top .popup-controls .search-panel input[type="text"]{border: none;width: 100%;padding: 10px 15px;box-shadow: none;margin-top: 5px;}

.widget .widget-top .popup-controls a.settings{ width: 20px;height: 20px;background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' id='Vibrant' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.47 15.47'%3E%3Cdefs%3E%3Cstyle%3E.cls-1-548517268383%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1-548517268383' d='M508.28,603.24h0l-2.53-.43a.24.24,0,0,1-.2-.23l-.1-1.82a5.93,5.93,0,0,1-.66-.41l-1.67.71a.25.25,0,0,1-.3-.08l-1.49-2.09a.26.26,0,0,1,0-.32l1.19-1.32a5.47,5.47,0,0,1-.19-.8l-1.64-.67a.25.25,0,0,1-.16-.27l.43-2.53a.25.25,0,0,1,.23-.21l1.72-.09a7.39,7.39,0,0,1,.47-.76l-.67-1.57a.25.25,0,0,1,.09-.3l2.09-1.49a.24.24,0,0,1,.31,0l1.25,1.12a5.49,5.49,0,0,1,.91-.22l.63-1.55a.26.26,0,0,1,.27-.15l2.53.43a.24.24,0,0,1,.21.23l.09,1.67a6,6,0,0,1,.8.5l1.54-.65a.25.25,0,0,1,.3.09l1.49,2.09a.24.24,0,0,1,0,.31L514,593.72a6.45,6.45,0,0,1,.2.87l1.59.65a.24.24,0,0,1,.15.27l-.42,2.53a.26.26,0,0,1-.24.21l-1.76.09c-.14.24-.29.48-.45.7l.69,1.64a.25.25,0,0,1-.08.3l-2.09,1.48a.25.25,0,0,1-.31,0L510,601.23a6.91,6.91,0,0,1-.76.17l-.68,1.69A.25.25,0,0,1,508.28,603.24Zm-2.3-.89,2.14.36.66-1.63a.24.24,0,0,1,.2-.15,5.23,5.23,0,0,0,.95-.22.25.25,0,0,1,.25,0l1.3,1.18,1.77-1.25-.67-1.59a.23.23,0,0,1,0-.25,5.56,5.56,0,0,0,.55-.87.25.25,0,0,1,.21-.13l1.71-.09.36-2.13-1.55-.63a.24.24,0,0,1-.15-.2,5.67,5.67,0,0,0-.23-1.07.24.24,0,0,1,0-.24l1.1-1.23-1.25-1.76-1.49.63a.27.27,0,0,1-.25,0,5.37,5.37,0,0,0-1-.61.24.24,0,0,1-.14-.21l-.09-1.61-2.13-.36-.61,1.49a.25.25,0,0,1-.2.16,5.16,5.16,0,0,0-1.1.25.23.23,0,0,1-.25-.05l-1.2-1.08-1.77,1.26.64,1.52a.23.23,0,0,1,0,.25,5.38,5.38,0,0,0-.56.92.23.23,0,0,1-.22.14l-1.66.09L501,595.4l1.59.64a.24.24,0,0,1,.15.2,5.5,5.5,0,0,0,.24,1,.25.25,0,0,1-.05.25l-1.16,1.28,1.26,1.76,1.62-.68a.25.25,0,0,1,.25,0,5.5,5.5,0,0,0,.83.52.23.23,0,0,1,.13.21Zm9.31-4.35Z' transform='translate(-500.5 -587.78)'/%3E%3Cpath class='cls-1-548517268383' d='M508.25,598.73a3.39,3.39,0,0,1-.55,0,3.29,3.29,0,1,1,3.79-2.7,3.3,3.3,0,0,1-3.24,2.74Zm0-6.08a2.76,2.76,0,0,0-1.61.52,2.78,2.78,0,0,0,1.15,5,2.73,2.73,0,0,0,2.08-.47,2.79,2.79,0,0,0-1.15-5A3.73,3.73,0,0,0,508.24,592.65Z' transform='translate(-500.5 -587.78)'/%3E%3C/svg%3E");background-repeat: no-repeat;background-size: 100%;background-position: center center; display: inline-block; }
.widget .widget-top .popup-controls .settings-panel{position: absolute;top: 42px;right: 0;background: #231f20;padding: 15px 15px 15px 15px;z-index: 1;width: 100%;display: none;}
.widget .widget-top .popup-controls .settings-panel.active{ display: block; }
.widget .widget-top .popup-controls .settings-panel.active li {list-style: none;}
.widget .widget-top .popup-controls .settings-panel ul{ }
.widget .widget-top .popup-controls .settings-panel ul li{border-bottom: 2px solid white;padding-bottom: 7px;margin-bottom: 7px;}
.widget .widget-top .popup-controls .settings-panel ul li:last-of-type{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.widget .widget-top .popup-controls .settings-panel ul li a{color: white;text-decoration: none;text-transform: none;font-size: 12px;display: block;text-align: left;}

.widget .widget-middle{ padding: 15px; }
.widget .widget-middle p{ font-size: 13px;line-height: 1.3;margin-bottom: 10px; color: #333; }

.widget .widget-bottom{ padding: 0 15px 15px 15px; }

/** Widget Policies **/
.widget.wdg_policies .widget-top{ background: #00A499; }
/** Widget Resources **/
.widget.wdg_resources .widget-top{ background: #17A6D5; }
/** Widget HR News **/
.widget.wdg_hrnews .widget-top{ background: #005CB9; }

/* HR Events Output */
.widget.wdg_events {margin-top: 1rem;}
.widget.wdg_events .widget-top {background-color: #BD1478;}
.widget.wdg_events .widget-top a{color: white;}
.widget.wdg_events .widget-middle {display: flex;gap: 1rem;overflow: hidden;}
.widget .widget-middle .event-block {height: 105px;width: 125px;background: var(--primary-color);border-radius: 10px;color: white;padding: 0.8rem;position: relative;margin-top: 1.5rem;display: flex;flex-direction: column;justify-content: space-between;text-decoration: none;}
.widget .widget-middle .event-block .month {position: absolute;top: -25px;color: #BD1478;font-weight: 600;left: 0;}
.widget .widget-middle .event-block .date { }
.widget .widget-middle .event-block .date > span sup { vertical-align: text-top; font-size: 15px; margin-left: 1px; }
.widget .widget-middle .event-block .date > span { font-weight: 600; font-size: 22px; }
.widget .widget-middle .event-block .title {color: white;margin: 0 !important;line-height: 1.2 !important;font-weight: 600;}

#event-page {}
#event-page .event-header {
    background-color: #17A6D5;
    padding: 2rem;
    color: white;
    border-radius: 30px;
    margin-bottom: 2rem;
}
#event-page .event-header .date {
    font-size: 2rem;
} 
#event-page .event-header .date span {
    font-size: 2rem;
    font-weight: 700;
} 
#event-page .event-header .date span sup {
    font-size: 1.2rem;
    vertical-align: text-top;
    margin-left: 1px;
} 
#event-page .event-header h1 {
    margin: 1rem 0 0 0;
} 
#event-page .content {} 
#event-page .content p {}  


/* ===============
 * 
 * FEED
 * 
 * ===============
 */
 .feed{}
 .feed .element{border-top: 1px dashed #ccc;display: flex;padding-top: 6px;flex-wrap: wrap;position: relative;}
 .feed .element:first-child{border: none;padding-top: 0;}
 .feed .element > span{ margin-right: 10px; font-size: 32px; }
 .feed .element > p{margin: 0 0 10px 0 !important; display: flex; }
 .feed .element > p a.save-favorite{margin-right: 5px;position: relative;top: -2px; color: inherit; }
 .feed .element > p a.save-favorite span.material-icons-outlined{ font-size: 16px; color: inherit;  }
 .feed .element > p a{text-decoration: none;}
 .feed .element > p a.save-favorite.is-favourite span.material-icons-outlined{ color: #fec700; }
 .feed .element > p a.title{font-weight: bold;color: #2A5CB9 !important;text-decoration: none;text-transform: none;}
 .feed .element > p a.description{ }
 .feed .element > p a.download{ text-decoration: underline; display: flex; align-items: center; margin-top: 3px; }
 .feed .element > p a.download > span{ margin-right: 3px; }

 .feed .element .element_additional_files{ width: 100%; margin-left: 20px;font-size: 13px; line-height: 1.5;margin-top: -10px;margin-bottom: 10px;}
 .feed .element .element_additional_files a{ background: #c9ced3;padding: 5px 13px;text-decoration: none;font-size: inherit;font-weight: inherit;color: #333;display: inline-block;margin-bottom: 3px;border-bottom-right-radius: 10px;display: flex; align-items: center;}
 .feed .element .element_additional_files a > span{ margin-right: 5px; }
 .feed .element .expired-tooltip { max-width: 20px; position: relative; width: 20px; height: 20px; margin-right: 5px; }
 .feed .element .expired-tooltip svg{ width: 20px; height: 20px; }
 .feed .element .expired-tooltip::after {content: "ALERT - Content review overdue. This document is still in force although some content may be out of date. Please contact Author for clarification";pointer-events: none;position: absolute;top: 20px;left: 15px;width: 100%;padding: 10px;background: red;border-radius: 10px;display: none;max-width: initial;min-width: 460px;z-index: 9;}
 /*.feed .element .expired-tooltip:hover::after { display: block; }*/
 .feed .element:hover .expired-tooltip::after { display: block; }
 .vscroller .feed .element .expired-tooltip::after{width: 150px !important;min-width: initial;}

 .feed .element .element_additional_files{ width: 100%; margin-left: 20px;font-size: 13px; line-height: 1.5;margin-top: -10px;margin-bottom: 10px; }
 .feed .element .element_additional_files a{ background: #c9ced3;padding: 5px 13px;text-decoration: none;font-size: inherit;font-weight: inherit;color: #333;display: inline-block;margin-bottom: 3px;border-bottom-right-radius: 10px;display: flex; align-items: center;}
 .feed .element .element_additional_files a > span{ margin-right: 5px; }

 .feed .element .zone-addition-file {
    background: #c9ced3;
    padding: 3px 13px;
    text-decoration: none;
    font-size: inherit;
    font-weight: inherit;
    color: #333;
    display: inline-block;
    margin-bottom: 3px;
    border-bottom-right-radius: 10px;
    display: flex;
    align-items: center;
    margin-left: 10px;
 }
 .feed .element .zone-addition-file:last-child {margin-bottom: 8px;}



 /* ===============
 * 
 * FEED - NEWS
 * 
 * ===============
 */
 .feed.news{ }
 .feed.news  .element{flex-wrap: nowrap;gap: 0.5rem;text-decoration: none;}
 .feed.news  .element:hover span {text-decoration: underline;}
 .feed.news  .element > .news-featured{ }
 .feed.news  .element > .news-featured > img{max-width: 70px;aspect-ratio: 1 / 1;object-fit: cover;}
 .feed.news  .element > .news-featured > svg{ width: 70px; aspect-ratio: 1 / 1; }
 .feed.news  .element > p{ flex-direction: column; }
 .feed.news  .element > p a{ margin-top: auto; }



/* ===============
 * 
 * GRID OF BOXES - CKEDITOR
 * 
 * ===============
 */
 .gridbox-container{display: flex;gap: 1%;margin-bottom: 1%;flex-wrap: wrap;}
 .gridbox-container .gridbox-item{/* border: 1px solid #ccc; */width: 32.65%;/* background: white; */}
 .gridbox-container .gridbox-item:hover{/* box-shadow: 0 0 0 3px #425564; */}
 .gridbox-container .gridbox-item .gridbox-item-image{margin-bottom: 0.75rem;}
 .gridbox-container .gridbox-item .gridbox-item-image > span{ min-width: 100%; } /* For the back-end */
 .gridbox-container .gridbox-item .gridbox-item-image img{ width: 100%; max-width: 100%; }
 .gridbox-container .gridbox-item .gridbox-item-text,
 .gridbox-container .gridbox-item .gridbox-item-text p,
 .gridbox-container .gridbox-item .gridbox-item-text a{text-align: center;font-weight: inherit;text-decoration: none;color: inherit;padding-left: 15px;padding-right: 15px;}
 .gridbox-container .gridbox-item .gridbox-item-text p:last-of-type{ margin-bottom: 0 }


/* ===============
 * 
 * COUNT DOWN
 * 
 * ===============
 */
 .countdown{background: #005CB9;border-radius: 10px;padding: 2rem 1rem;display: flex;gap: 2rem;color: white;position: relative;margin-top: 1rem;margin-bottom: 1rem;}
 .countdown > div{ }
 .countdown > div:nth-child(1){flex: 1;display: flex;flex-direction: column;justify-content: center;}
 .countdown > div:nth-child(2){text-align: center;flex: 1;}
 
 .countdown > div:nth-child(1) p:nth-child(1){color: white;font-weight: bold;font-size: 15px !important;margin: 0 !important;position: absolute;top: 10px;left: 15px;}
 .countdown > div:nth-child(1) p:nth-child(2){color: white;font-weight: bold;font-size: 18px !important;line-height: 1.3 !important;max-width: 350px;margin: 0 !important;}
 
 .countdown > div:nth-child(2) .date{font-size: 21px !important;font-weight: bold;margin: 0 !important;}
 .countdown > div:nth-child(2) .timelaps{display: flex;gap: 1rem;justify-content: center; margin-top: 1rem;}
 .countdown > div:nth-child(2) .timelaps > div span{ display: block; font-weight: bold; font-size: 36px; margin-bottom: 10px; }
 .countdown > div:nth-child(2) .timelaps > div{background: white;border-radius: 10px;height: 100px;width: 80px;color: #005CB9;display: flex;flex-direction: column;align-items: center;justify-content: center;}
 .countdown > div:nth-child(2) .timelaps > div.end-message {background: white;border-radius: 10px;height: 100px;width: 368px;color: #005CB9;display: flex;flex-direction: column;align-items: center;justify-content: center;font-weight: 600;}
 .countdown > div:nth-child(2) .timelaps .days{ }
 .countdown > div:nth-child(2) .timelaps .hours{ }
 .countdown > div:nth-child(2) .timelaps .minutes{ }
 .countdown > div:nth-child(2) .timelaps .seconds{ }


 /* ===============
 * 
 * Services
 * 
 * ===============
 */
 .services-grid{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: 1rem;}
 .services-grid .grid-item{width: 24.2%;background: #eee;/* margin-bottom: 1%; */padding: 25px;text-decoration: none;text-transform: none;border-radius: 10px;display: flex;flex-wrap: wrap;align-items: center;justify-content: center;flex-direction: column;}
 .services-grid .grid-item.green{background: #03a359;}
 .services-grid .grid-item.orange{background: #db9008;}
 .services-grid .grid-item.red{background: #eb3e0a;}
 .services-grid .grid-item.grey{ background: #333; }
 .services-grid .grid-item > p.title{color: white;font-size: 20px;font-weight: bold;text-align: center;line-height: 1.2;}
 .services-grid .grid-item > div.description{text-align: center;margin-top: 10px;color: white;font-size: 15px;line-height: 1.3;}
 .services-grid .grid-item > div.message{text-align: center;margin-top: 10px;color: white;font-size: 13px;line-height: 1.3;display: flex;align-items: center;font-style: italic;}
 .services-grid .grid-item > div.message > .material-icons-outlined{margin-right: 5px;}
 .services-grid .grid-item:last-child{}
 .services-grid:after{content: " ";/* flex: 1; */}


 /* ===============
 * 
 * Polls
 * 
 * ===============
 */
 .poll{background: white;padding: 1.5rem 3rem 3rem 3rem;border-radius: 2rem;margin-top: 2rem;margin-bottom: 2rem;}
 .poll .poll-thank-you{ display: none; margin-top:1em; }
 .poll form{ }
 .poll form legend{ font-size: 28px; margin-bottom: 1rem; }
 .poll form label{display: flex;gap: 1rem;align-items: flex-start;line-height: 1.2;}
 .poll form label input[type="radio"]{ }
 .poll form label span{display: block;margin-bottom: 0.35rem;font-size: 17px;}
 .poll form .button{margin-left: 0;background: var(--secondary-color);padding: 1rem 2rem !important;border-radius: 30px;margin-top: 1rem;}
 .poll form .button:hover{ color: white !important; }