@charset "UTF-8";@media only screen and (max-width:500px){.grid-2-column{grid-column:1;margin:0;padding:0;text-align:left}.grid-2-column input[type=email],.grid-2-column input[type=password],.grid-2-column input[type=tel],.grid-2-column input[type=text],.grid-2-column select,.grid-2-column textarea{width:100%;margin:0}.grid-2-column label{display:block;margin-bottom:5px}.grid-3-column{grid-column:1;margin:0;padding:0;text-align:left}.grid-3-column input[type=email],.grid-3-column input[type=password],.grid-3-column input[type=tel],.grid-3-column input[type=text],.grid-3-column select,.grid-3-column textarea{width:100%;margin:0}.grid-3-column label{display:block;margin-bottom:5px}.grid-4-column{grid-column:1;margin:0;padding:0;text-align:left}.grid-4-column input[type=email],.grid-4-column input[type=password],.grid-4-column input[type=tel],.grid-4-column input[type=text],.grid-4-column select,.grid-4-column textarea{width:100%;margin:0}.grid-4-column label{display:block;margin-bottom:5px}.grid-5-column{grid-column:1;margin:0;padding:0;text-align:left}.grid-5-column input[type=email],.grid-5-column input[type=password],.grid-5-column input[type=tel],.grid-5-column input[type=text],.grid-5-column select,.grid-5-column textarea{width:100%;margin:0}.grid-5-column label{display:block;margin-bottom:5px}.grid-6-column{grid-column:1;margin:0;padding:0;text-align:left}.grid-6-column input[type=email],.grid-6-column input[type=password],.grid-6-column input[type=tel],.grid-6-column input[type=text],.grid-6-column select,.grid-6-column textarea{width:100%;margin:0}.grid-6-column label{display:block;margin-bottom:5px}.grid-7-column{grid-column:1;margin:0;padding:0;text-align:left}.grid-7-column input[type=email],.grid-7-column input[type=password],.grid-7-column input[type=tel],.grid-7-column input[type=text],.grid-7-column select,.grid-7-column textarea{width:100%;margin:0}.grid-7-column label{display:block;margin-bottom:5px}.grid-8-column{grid-column:1;margin:0;padding:0;text-align:left}.grid-8-column input[type=email],.grid-8-column input[type=password],.grid-8-column input[type=tel],.grid-8-column input[type=text],.grid-8-column select,.grid-8-column textarea{width:100%;margin:0}.grid-8-column label{display:block;margin-bottom:5px}.grid-9-column{grid-column:1;margin:0;padding:0;text-align:left}.grid-9-column input[type=email],.grid-9-column input[type=password],.grid-9-column input[type=tel],.grid-9-column input[type=text],.grid-9-column select,.grid-9-column textarea{width:100%;margin:0}.grid-9-column label{display:block;margin-bottom:5px}.grid-10-column{grid-column:1;margin:0;padding:0;text-align:left}.grid-10-column input[type=email],.grid-10-column input[type=password],.grid-10-column input[type=tel],.grid-10-column input[type=text],.grid-10-column select,.grid-10-column textarea{width:100%;margin:0}.grid-10-column label{display:block;margin-bottom:5px}form .form-group{width:100%;padding:5px;margin:0}}:root{--colour-dark-1:#3e3e42;--colour-dark-2:#727278;--colour-dark-3:#B4B4B8;--colour-dark-4:#C7C8CC;--colour-light-1:#E3E1D9;--colour-light-2:#F2EFE5;--main-text:white;--main-font:Sarabun,sans-serif;--main-font-size:1rem;--links-font:Sarabun,sans-serif;--border-radius-5:5px;--marging:0px 10px;--padding:5px;--no-background-colour:none;--no-colour:none;--no-marging:0px;--no-padding:0px;--no-border:none;--no-border-radius:0px}h1,h2,h3,h4,h5,h6{font-family:Sarabun,sans-serif;color:#f2efe5}h1{font-weight:100;letter-spacing:3px}h2{font-weight:100;letter-spacing:2px}h3{font-weight:100;letter-spacing:1px}h4{font-weight:100;letter-spacing:1px}h5{font-weight:100;letter-spacing:1px}h6{font-weight:100;letter-spacing:1px}hr{all:unset;display:block;width:98%;height:2px;background-color:#fff;border-radius:5px;justify-self:center}a{font-family:Sarabun,sans-serif;font-weight:100;font-size:1.5rem;letter-spacing:2px;color:#c7c8cc;text-decoration:none}a:hover{text-decoration:underline;color:#fff}table{width:95%;margin-left:2.5%;margin-right:2.5%}th{text-align:center;border:solid #fff 1px}td{text-align:center;border:solid #fff 1px}th{background-color:#3e3e42;color:#fff;font-weight:600}th p{color:#f2efe5;font-size:1rem}tr:nth-child(odd){background-color:#b4b4b8}tr:nth-child(even){background-color:#e3e1d9}tr:hover{background-color:#3e3e42;color:#fff}td a{font-size:.8rem;font-weight:400;color:#727278}.flex-nav-header{display:flex;flex-direction:row;justify-content:space-between}.flex-nav-header .hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;margin-right:10px}.flex-nav-header .hamburger .bar1,.flex-nav-header .hamburger .bar2,.flex-nav-header .hamburger .bar3{background-color:#fff;height:4px;width:36px;margin:3px;border-radius:10px}@media only screen and (max-width:500px){.flex-nav-header .hamburger{display:flex}}.flex-container-row-footer{display:flex;flex-direction:row;justify-content:center;align-items:center}.flex-container-row{display:flex;flex-direction:row;flex-wrap:wrap}.flex-container-row-centre-all{display:flex;flex-direction:row;justify-content:center;align-items:center}.flex-container-column{display:flex;flex-direction:column;flex-wrap:wrap}.flex-container-column-centre-all{display:flex;flex-direction:column;justify-content:center;align-items:center}.navMain{display:flex;align-items:center;align-items:center;margin:10px}.navMain h2 a{font-family:Sarabun,sans-serif;font-weight:100;text-decoration:none;color:#fff}.navMain ul{list-style:none;margin:0}.navMain ul li{display:inline-block;margin:0 10px}.navMain ul li li a:hover{text-decoration:underline}@media only screen and (max-width:500px){.navMain{display:none}}.navMenu{display:flex;margin:10px 10px}.navMenu a{font-size:1.5rem;margin:10px}.navMenu ul{list-style:none;margin:0}.navMenu li{display:inline-block;margin:0 0}@media only screen and (max-width:500px){.navMenu{display:none}}.side-drawer{position:absolute;box-sizing:border-box;left:-100vw;width:100vw;max-width:500px;margin:0;padding:0;z-index:10;background-color:#3e3e42;border-radius:5px}.side-drawer .side-drawer-content{position:relative;box-sizing:border-box;width:100%;height:100%;border-radius:5px}@media only screen and (min-width:501px) and (max-width:768px){.side-drawer{display:none}}.grid-auto-column{display:grid;gap:.5rem;margin:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-2-column{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin:10px}.grid-2-column hr{width:100%}.grid-2-column .switch{align-self:center;margin-left:10px}@media only screen and (max-width:500px){.grid-2-column{width:100vw;padding:5px;margin:0;grid-template-columns:1fr;gap:.1rem}.grid-2-column>*{grid-column:1/-1!important;margin:.5rem 0}.grid-2-column .switch{grid-column:1}.grid-2-column .grid-allign-right{text-align:left}}.grid-3-column{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:10px}.grid-3-column hr{width:100%}.grid-3-column .switch{align-self:center;margin-left:10px}@media only screen and (max-width:500px){.grid-3-column{width:100vw;padding:5px;margin:0;grid-template-columns:1fr;gap:.1rem}.grid-3-column>*{grid-column:1/-1!important;margin:.5rem 0}.grid-3-column .switch{grid-column:1}.grid-3-column .grid-allign-right{text-align:left}}.grid-4-column{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin:10px}.grid-4-column hr{width:100%}.grid-4-column .switch{align-self:center;margin-left:10px}@media only screen and (max-width:500px){.grid-4-column{width:100vw;padding:5px;margin:0;grid-template-columns:1fr;gap:.1rem}.grid-4-column>*{grid-column:1/-1!important;margin:.5rem 0}.grid-4-column .switch{grid-column:1}.grid-4-column .grid-allign-right{text-align:left}}.grid-5-column{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;margin:10px}.grid-5-column hr{width:100%}.grid-5-column .switch{align-self:center;margin-left:10px}@media only screen and (max-width:500px){.grid-5-column{width:100vw;padding:5px;margin:0;grid-template-columns:1fr;gap:.1rem}.grid-5-column>*{grid-column:1/-1!important;margin:.5rem 0}.grid-5-column .switch{grid-column:1}.grid-5-column .grid-allign-right{text-align:left}}.grid-6-column{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem;margin:10px}.grid-6-column hr{width:100%}.grid-6-column .switch{align-self:center;margin-left:10px}@media only screen and (max-width:500px){.grid-6-column{width:100vw;padding:5px;margin:0;grid-template-columns:1fr;gap:.1rem}.grid-6-column>*{grid-column:1/-1!important;margin:.5rem 0}.grid-6-column .switch{grid-column:1}.grid-6-column .grid-allign-right{text-align:left}}.grid-7-column{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;margin:10px}.grid-7-column hr{width:100%}.grid-7-column .switch{align-self:center;margin-left:10px}@media only screen and (max-width:500px){.grid-7-column{width:100vw;padding:5px;margin:0;grid-template-columns:1fr;gap:.1rem}.grid-7-column>*{grid-column:1/-1!important;margin:.5rem 0}.grid-7-column .switch{grid-column:1}.grid-7-column .grid-allign-right{text-align:left}}.grid-8-column{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem;margin:10px}.grid-8-column hr{width:100%}.grid-8-column .switch{align-self:center;margin-left:10px}@media only screen and (max-width:500px){.grid-8-column{width:100vw;padding:5px;margin:0;grid-template-columns:1fr;gap:.1rem}.grid-8-column>*{grid-column:1/-1!important;margin:.5rem 0}.grid-8-column .switch{grid-column:1}.grid-8-column .grid-allign-right{text-align:left}}.grid-9-column{display:grid;grid-template-columns:repeat(9,1fr);gap:.5rem;margin:10px}.grid-9-column hr{width:100%}.grid-9-column .switch{align-self:center;margin-left:10px}@media only screen and (max-width:500px){.grid-9-column{width:100vw;padding:5px;margin:0;grid-template-columns:1fr;gap:.1rem}.grid-9-column>*{grid-column:1/-1!important;margin:.5rem 0}.grid-9-column .switch{grid-column:1}.grid-9-column .grid-allign-right{text-align:left}}.grid-10-column{display:grid;grid-template-columns:repeat(10,1fr);gap:.5rem;margin:10px}.grid-10-column hr{width:100%}.grid-10-column .switch{align-self:center;margin-left:10px}@media only screen and (max-width:500px){.grid-10-column{width:100vw;padding:5px;margin:0;grid-template-columns:1fr;gap:.1rem}.grid-10-column>*{grid-column:1/-1!important;margin:.5rem 0}.grid-10-column .switch{grid-column:1}.grid-10-column .grid-allign-right{text-align:left}}.grid-footer,.grid-header{grid-column:1/-1;text-align:center}.grid-header{margin-bottom:10px}.grid-footer{margin-top:10px}.grid-column-1{grid-column:1}.grid-column-2{grid-column:2}.grid-column-3{grid-column:3}.grid-column-4{grid-column:4}.grid-column-5{grid-column:5}.grid-column-6{grid-column:6}.grid-column-7{grid-column:7}.grid-column-8{grid-column:8}.grid-column-9{grid-column:9}.grid-column-10{grid-column:10}.grid-allign-right{text-align:right}.grid-allign-left{text-align:left}.grid-allign-centre{text-align:center}.spacer-row{grid-column:1/-1;height:30px}.form-row{display:contents}.glass{filter:blur(0);opacity:1}.main-page-header{margin-top:50px;margin-left:100px;margin-bottom:50px}@media only screen and (max-width:500px){.main-page-header{margin-top:25px;margin-left:25px;margin-bottom:25px}}.visiblity-hidden{visibility:hidden}.visiblity-visible{visibility:visible}.hidden{display:none}.linden{display:none}.theme{display:none}.title-text{margin-top:10px;margin-left:10px}.spinner-container{margin-top:0;margin-bottom:0}.title{width:150px;margin:10px}.content{width:75%;margin:0}.end-div-scroll-X{overflow-x:auto}.end-Table{width:85%;border-radius:10px;margin:2px;padding:10px;box-sizing:border-box}button{background-color:#3e3e42;color:#fff;width:auto;height:36px;margin:0 10px;padding-top:5px;padding-bottom:5px;padding-left:20px;padding-right:20px;font-family:Sarabun,sans-serif;font-weight:400;font-size:1rem;letter-spacing:.2rem;border-radius:5px;border:solid #b4b4b8 1px;text-align:center;text-decoration:none;transition-duration:.4s}button:hover{background-color:#e3e1d9;color:#3e3e42;border:solid #3e3e42 1px}button:disabled{opacity:.6;cursor:not-allowed}button:active{background-color:#b4b4b8;box-shadow:0 5px 5px #e3e1d9;transform:translateY(2px)}button.darkButton{background-color:#3e3e42;color:#fff}button.darkButton:hover{background-color:#c7c8cc;color:#fff}button.lightButton{background-color:#f2efe5;color:#3e3e42}button.lightButton:hover{background-color:#3e3e42;color:#fff}button.cancelButton{background-color:orange;color:#fff}button.cancelButton:hover{background-color:#ff4500;color:#fff}button.deleteButton{background-color:red;color:#fff}button.deleteButton:hover{background-color:#f08080;color:#fff;border:solid red 1px}p{font-family:Sarabun,sans-serif;font-size:1rem;color:#fff}@media only screen and (min-width:501px) and (max-width:768px){p{font-size:1.5rem}}@media only screen and (min-width:769px){p{font-size:2rem}}label{display:inline-block;font-family:Sarabun,sans-serif;font-size:1rem;color:#fff;margin-left:0 10px;text-align:center}.formlabel{display:inline-block;font-family:Sarabun,sans-serif;font-size:1rem;color:#fff;margin-left:5px;text-align:center}select{display:inline-block;background-color:#3e3e42;color:#fff;border:1px solid #b4b4b8;border-radius:5px;margin:0 10px;padding:5px;height:36px;font-family:Sarabun,sans-serif;font-size:1rem;text-align:left;cursor:pointer}select:focus{background-color:#3e3e42;border-color:#3e3e42;color:#f2efe5;outline:0}select:hover{background-color:grey;cursor:pointer}input[type=text]{width:300px;height:36px;margin:0 10px;padding:5px;border-radius:5px;font-family:Sarabun,sans-serif;font-size:1rem;color:#fff;background-color:#3e3e42;box-shadow:0 2px 5px rgba(0,0,0,.1);border:1px solid #b4b4b8;border-radius:5px}input[type=text]:focus{background-color:#3e3e42;border-color:#3e3e42;color:#f2efe5;outline:0}input[type=text]:hover{background-color:grey;cursor:pointer}input[type=email]{width:300px;height:36px;margin:0 10px;padding:5px;border-radius:5px;font-family:Sarabun,sans-serif;font-size:1rem;color:#fff;background-color:#3e3e42;box-shadow:0 2px 5px rgba(0,0,0,.1);border:1px solid #b4b4b8;border-radius:5px}input[type=email]:focus{background-color:#3e3e42;border-color:#3e3e42;color:#f2efe5;outline:0}input[type=email]:hover{background-color:grey;cursor:pointer}input[type=tel]{width:300px;height:36px;margin:0 10px;padding:5px;border-radius:5px;font-family:Sarabun,sans-serif;font-size:1rem;color:#fff;background-color:#3e3e42;box-shadow:0 2px 5px rgba(0,0,0,.1);border:1px solid #b4b4b8;border-radius:5px}input[type=tel]:focus{background-color:#3e3e42;border-color:#3e3e42;color:#f2efe5;outline:0}input[type=tel]:hover{background-color:grey;cursor:pointer}input[type=password]{width:300px;height:36px;margin:0 10px;padding:5px;border-radius:5px;font-family:Sarabun,sans-serif;font-size:1rem;color:#fff;background-color:#3e3e42;box-shadow:0 2px 5px rgba(0,0,0,.1);border:1px solid #b4b4b8;border-radius:5px}input[type=password]:focus{background-color:#3e3e42;border-color:#3e3e42;color:#f2efe5;outline:0}input[type=password]:hover{background-color:grey;cursor:pointer}textarea{width:300px;height:150px;margin:0 10px;padding:5px;border-radius:5px;font-family:Sarabun,sans-serif;font-size:1rem;color:#fff;background-color:#3e3e42;resize:none;box-shadow:0 2px 5px rgba(0,0,0,.1);border:1px solid #b4b4b8;border-radius:5px}textarea:focus{background-color:#3e3e42;border-color:#3e3e42;color:#f2efe5;outline:0}textarea:hover{background-color:grey;cursor:pointer}textarea::-moz-placeholder{color:#aaa;font-style:italic}textarea::placeholder{color:#aaa;font-style:italic}input::-moz-placeholder{color:#aaa;font-style:italic}input::placeholder{color:#aaa;font-style:italic}input:disabled{background-color:#b4b4b8;color:#c7c8cc;border:1px solid #c7c8cc;border-radius:5px;cursor:not-allowed}.custom-file-upload{border:0 solid #ccc;display:inline-block;cursor:pointer;border-radius:5px;font-size:1rem;color:#fff;box-sizing:border-box;width:100%;margin:0 10px}.custom-file-input::file-selector-button{background-color:#3e3e42;color:#fff;border:none;padding:5px 20px;border:solid #b4b4b8 1px;border-radius:5px;cursor:pointer;font-size:1rem;margin:0 10px}.custom-file-input::file-selector-button:hover{background-color:#b4b4b8}.switch{position:relative;display:inline-block;width:30px;height:14px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#3e3e42;transition:all .4s ease;border:solid 1px #fff}.slider:before{position:absolute;content:"";height:10px;width:10px;left:1px;bottom:1px;background-color:#fff;transition:all .4s ease}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}input:checked+.slider{background-color:#3e3e42}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{transform:translateX(16px)}ul{list-style-type:none;font-family:Sarabun,sans-serif;color:#fff;background-color:#727278;border-radius:5px;padding:0;margin:0}ul li{background-color:none;padding:10px;margin:10px;transition:background-color .2s ease}ul li:hover{background-color:#727278}form .form-group{margin:0;margin-bottom:15px;width:100%;box-sizing:border-box}form .form-group label{display:inline-block;margin-bottom:5px;font-weight:700;margin:0 10px}form .form-group input,form .form-group select{padding:5px;box-sizing:border-box}form .button-container{margin:0;margin-top:25px;margin-bottom:25px}.formRow{display:inline-block;margin:10px;color:green}.formColumn{display:block;margin:10px;color:#ff0}.formColumn.formGroup{color:pink}.formGroup.formRow{color:pink}.tab-container{position:relative;margin:0;padding:0;background-color:#3e3e42}.tab-vertical{display:inline-block;width:100px;position:relative;margin:0;border:solid 1px;border-color:#fff;border-radius:5px;background-color:#3e3e42}.tab-vertical button{width:100%;text-align:right;margin:0;padding-right:5px;border:none;border-radius:0}.tab-vertical button:hover{background-color:#fff;color:#000;border:none;border-radius:0}.tab-vertical button:active{box-shadow:none;transform:none}@media only screen and (max-width:500px){.manager .tab-vertical{display:none;margin:0;padding:0}}@media only screen and (min-width:501px) and (max-width:768px){.manager .tab-vertical{width:180px}}@media only screen and (min-width:769px){.manager .tab-vertical{width:180px}}.tab-horizontal{display:inline-block;font-size:0;width:100%;height:100%;position:relative;background-color:#3e3e42;margin:0;padding:0;border:none;border-color:none}.tab-horizontal button{width:auto;margin:0;padding:0 5px;border:none;border-radius:0;text-align:center;box-shadow:none;border-bottom:solid 5px transparent}.tab-horizontal button:hover{background-color:#b4b4b8;color:#00f;border:none;border-radius:0;margin:0;padding:0 5px;border-bottom:solid 5px orange}.tab-horizontal button:active{box-shadow:none;transform:none}.tab-panel{display:inline-block;position:absolute;width:100%;margin:0;border:solid 1px;border-color:#fff;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#b4b4b8}.vertical h2,.vertical p{color:#3e3e42;padding:10px}.tab-highlighted{color:#3e3e42!important;background-color:#fff!important}.accordion-container button{border-radius:0;margin:0;padding:0 10px}.accordion{background-color:#727278;color:#fff;font-family:Sarabun,sans-serif;font-size:1rem;width:100%;padding:18px;border:none;text-align:left;outline:0;transition:.4s;cursor:pointer;border:.5px solid #fff}.accordion:after{content:"+";color:#e3e1d9;font-weight:700;float:right;margin-left:5px}.accordion:hover::after{color:#3e3e42;transform:scale(1.3)}@media only screen and (max-width:500px){.accordion{width:100vw}}.accordion-active,.accordion:hover{background-color:#c7c8cc}.accordion-active:after{content:"−";color:#3e3e42}.tab-container .accordion-container button{width:100%}.accordion-panel{background-color:#3e3e42;color:#fff;font-family:Sarabun,sans-serif;font-size:1rem;padding:0 18px;max-height:0;overflow:hidden;transition:max-height .2s ease-out;border:.5px solid #fff}.animateBar1{animation:flipBar1 1s;animation-fill-mode:forwards}.animateBar2{animation:fadeBar2 1s;animation-fill-mode:forwards}.animateBar3{animation:flipBar3 1s;animation-fill-mode:forwards}.animateBar11{animation:flipBar11 1s;animation-fill-mode:forwards}.animateBar22{animation:fadeBar22 1s;animation-fill-mode:forwards}.animateBar33{animation:flipBar33 1s;animation-fill-mode:forwards}.animateopendrawer{animation:opendrawer 1s;animation-fill-mode:forwards}.drawer-open .glass{filter:blur(2px);opacity:.5}.drawer-closed .glass{filter:blur(0);opacity:1}.animateclosedrawer{animation:closedrawer 1s;animation-fill-mode:forwards}@keyframes flipBar1{from{transform:rotate(0)}to{transform:rotate(45deg) translate(4px,10px)}}@keyframes fadeBar2{from{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}@keyframes flipBar3{from{transform:rotate(0)}to{transform:rotate(-45deg) translate(4px,-10px)}}@keyframes flipBar11{from{transform:rotate(45deg) translate(4px,10px)}to{transform:rotate(0) translate(0,0)}}@keyframes fadeBar22{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes flipBar33{from{transform:rotate(-45deg) translate(4px,-10px)}to{transform:rotate(0) translate(0,0)}}@keyframes opendrawer{from{transform:translateX(-100vw)}to{transform:translateX(100vw)}}@keyframes closedrawer{from{transform:translateX(100vw)}to{transform:translateX(-100vw)}}@keyframes closedrawer2{from{transform:translateX(0)}to{transform:translateX(-100vw)}}body{margin-bottom:60px;background-color:#727278}.footer{background-color:#3e3e42;position:absolute;bottom:0;width:100%;white-space:nowrap;line-height:60px}.defaultText{font-family:Sarabun,sans-serif;color:#fff}.defaultImage{width:300px;border:1px solid;border-color:#fff}