:root{--main-light: white;--main-color: whitesmoke ;--main-mid: lightcyan;--main-dark: skyBlue;--main-darker: rgb(100, 100, 100);--main-darkest: rgb(50, 50, 50);--br-main: 5px;--br-top: 5px 5px 0 0;--br-bottom: 0 0 5px 5px;--lh-tb: 1.75rem;--lh-label: 2rem;--lh-input: 1.55rem;--lh-p: 1.75rem;--font-main-color: #333;--red:red;--a4-width-size: 842px;--a4-height-size: 595px;--fs-label: .9rem;--fs-table: .825rem}*{box-sizing:border-box;padding:0;margin:0}.d-flex{display:flex}.align-items-center{align-items:center}.flex-start{align-items:flex-start}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.justify-content-end{justify-content:flex-end}.btn{border:none;border:1px solid #888;border-radius:3px;color:#fff}.btn[disabled]{color:#add8e6!important;background-color:#aaa!important}.btn-sm{padding:.3rem .4rem;font-size:.8rem}.btn-md{padding:.4rem .8rem;font-size:.9rem}.btn-lg{padding:.5rem 1rem;font-size:1rem}.btn-primary{background-color:#00f;color:#fff}.btn-secondary{background-color:gray;color:#fff}.btn-success{background-color:green;color:#fff}.btn-danger{background-color:red;color:#fff}.btn-warning{background-color:orange;color:#fff}.btn-info{background-color:#add8e6;color:#000}.btn-light{background-color:#d3d3d3;color:#000}.btn-dark{background-color:#000;color:#fff}.btn-link{background-color:transparent;color:#00f;text-decoration:underline}.btn-muted{background-color:#d3d3d3;color:#000}.fs-ss{font-size:.6rem}.fs-s{font-size:.7rem}.fs-sm{font-size:.8rem}.fs-m{font-size:.85rem}.fs-sn{font-size:.9rem}.fs-n{font-size:.95rem}.fs-sl{font-size:1rem}.fs-l{font-size:1.15rem}.fs-x{font-size:1.25rem}.fs-xl{font-size:1.3rem}.fs-xxl{font-size:1.75rem}.fs-3xl{font-size:2rem}.al-r{text-align:right}.al-l{text-align:left}.al-c{text-align:center}.mg-t-s{margin-top:3px!important}.mg-t-m{margin-top:5px!important}.mg-t-l{margin-top:7px!important}.mg-t-xl{margin-top:12px!important}.mg-t-xxl{margin-top:20px!important}.mg-b-s{margin-bottom:3px!important}.mg-b-m{margin-bottom:5px!important}.mg-b-l{margin-bottom:7px!important}.mg-b-xl{margin-bottom:12px!important}.mg-b-xxl{margin-bottom:20px!important}.mg-l-s{margin-left:3px!important}.mg-l-m{margin-left:5px!important}.mg-l-l{margin-left:7px!important}.mg-l-xl{margin-left:12px!important}.mg-l-xxl{margin-left:20px!important}.mg-r-s{margin-right:3px!important}.mg-r-m{margin-right:5px!important}.mg-r-l{margin-right:7px!important}.mg-r-xl{margin-right:12px!important}.mg-r-xxl{margin-right:20px!important}.pd-n{padding:0!important}.pd-s{padding:3px!important}.pd-m{padding:5px!important}.pd-l{padding:7px!important}.pd-xl{padding:10px!important}.pd-t-s{padding-top:3px!important}.pd-t-m{padding-top:5px!important}.pd-t-l{padding-top:7px!important}.pd-t-xl{padding-top:10px!important}.pd-t-xxl{padding-top:15px!important}.pd-b-s{padding-bottom:3px!important}.pd-b-m{padding-bottom:5px!important}.pd-b-l{padding-bottom:7px!important}.pd-b-xl{padding-bottom:10px!important}.pd-b-xxl{padding-bottom:15px!important}.pd-l-s{padding-left:3px!important}.pd-l-m{padding-left:5px!important}.pd-l-l{padding-left:7px!important}.pd-l-xl{padding-left:10px!important}.pd-l-xxl{padding-left:15px!important}.pd-r-s{padding-right:3px!important}.pd-r-m{padding-right:5px!important}.pd-r-l{padding-right:7px!important}.pd-r-xl{padding-right:10px!important}.pd-r-xxl{padding-right:15px!important}.ident-s{text-indent:10px!important}.ident-m{text-indent:20px!important}.ident-l{text-indent:30px!important}.ident-xl{text-indent:40px!important}.ident-xxl{text-indent:50px!important}.ident-3xl{text-indent:60px!important}.ident-4xl{text-indent:70px!important}.bd-n{border:none}.ba{border:1px solid #ccc!important}.bl{border-left:1px solid #ccc!important}.br{border-right:1px solid #ccc!important}.bt{border-top:1px solid #ccc!important}.bb{border-bottom:1px solid #ccc!important}.ba-6{border:1px solid #666!important}.bl-6{border-left:1px solid #666!important}.br-6{border-right:1px solid #666!important}.bt-6{border-top:1px solid #666!important}.bb-6{border-bottom:1px solid #666!important}.ba-7{border:1px solid #777!important}.bl-7{border-left:1px solid #777!important}.br-7{border-right:1px solid #777!important}.bt-7{border-top:1px solid #777!important}.bb-7{border-bottom:1px solid #777!important}.ba-8{border:1px solid #888!important}.bl-8{border-left:1px solid #888!important}.br-8{border-right:1px solid #888!important}.bt-8{border-top:1px solid #888!important}.bb-8{border-bottom:1px solid #888!important}.bl-d{border-left:1px dashed #ccc!important}.br-d{border-right:1px dashed #ccc!important}.bt-d{border-top:1px dashed #ccc!important}.bb-d{border-bottom:1px dashed #ccc!important}.ba-d{border:1px dashed #ccc!important}.ba2{border:1px dashed lightgray!important}.bl2{border-left:1px dashed lightgray!important}.br2{border-right:1px dashed lightgray!important}.bt2{border-top:1px dashed lightgray!important}.bb2{border-bottom:1px dashed lightgray!important}.ba2-d{border:1px dashed lightgray!important}.bl2-d{border-left:1px dashed lightgray!important}.br2-d{border-right:1px dashed lightgray!important}.bt2-d{border-top:1px dashed lightgray!important}.bb2-d{border-bottom:1px dashed lightgray!important}.ba-thick{border:3px solid #333!important}.bl-thick{border-left:3px solid #333!important}.br-thick{border-right:3px solid #333!important}.bt-thick{border-top:3px solid #333!important}.bb-thick{border-bottom:3px solid #333!important}.bdr3{border-radius:3px}.bdr5{border-radius:5px}.bdr3-top{border-radius:3px 3px 0 0}.bdr3-bottom{border-radius:0 0 3px 3px}.bdr3-left{border-radius:3px 0 0 3px}.bdr3-right{border-radius:0 3px 3px 0}.bdr5-top{border-radius:5px 5px 0 0}.bdr5-bottom{border-radius:0 0 5px 5px}.bdr5-left{border-radius:5px 0 0 5px}.bdr5-right{border-radius:0 5px 5px 0}.ba-k{border:1px solid black!important}.bl-k{border-left:1px solid black!important}.br-k{border-right:1px solid black!important}.bt-k{border-top:1px solid black!important}.bb-k{border-bottom:1px solid black!important}.ba2-k{border:2px solid black!important}.bl2-k{border-left:2px solid black!important}.br2-k{border-right:2px solid black!important}.bt2-k{border-top:2px solid black!important}.bb2-k{border-bottom:2px solid black!important}.bl-k-d{border-left:1px dashed black!important}.br-k-d{border-right:1px dashed black!important}.bt-k-d{border-top:1px dashed black!important}.bb-k-d{border-bottom:1px dashed black!important}.ba-k-d{border:1px dashed black!important}.ba-k-db{border:3px double black!important}.bl-k-db{border-left:3px double black!important}.br-k-db{border-right:3px double black!important}.bt-k-db{border-top:3px double black!important}.bb-k-db{border-bottom:3px double black!important}.bg-transparent{background-color:transparent!important}.bg-line-swap{background-color:#eee}.bg-line-swap-main{background-color:#ddd}.bg-line-swap-dark{background-color:#ccc}.bg-lired{background-color:#f08080}.bg-red{background-color:red}.bg-black{background-color:#000}.bg-111{background-color:#111}.bg-222{background-color:#222}.bg-333{background-color:#333}.bg-444{background-color:#444}.bg-555{background-color:#555}.bg-666{background-color:#666}.bg-777{background-color:#777}.bg-888{background-color:#888}.bg-999{background-color:#999}.bg-aaa{background-color:#aaa}.bg-bbb{background-color:#bbb}.bg-ccc{background-color:#ccc}.bg-ddd{background-color:#ddd}.bg-eee{background-color:#eee}.bg-blue{background-color:#00f}.bg-yellow{background-color:#ff0}.bg-liyellow{background-color:#ffffe0}.bg-orange{background-color:orange}.bg-gold{background-color:gold}.bg-goldenrod{background-color:#daa520}.bg-dkorange{background-color:#ff8c00}.bg-khaki{background-color:khaki}.bg-pink{background-color:pink}.bg-plum{background-color:plum}.bg-mediumturquoise{background-color:#48d1cc}.bg-magenta,.bg-mgt{background-color:#f0f}.bg-dkmgt{background-color:#8b008b}.bg-white{background-color:#fff!important}.bg-lightgray{background-color:#d3d3d3}.bg-liblue{background-color:#add8e6}.bg-greenyellow{background-color:#adff2f}.bg-gy,.bg-yg{background-color:#9acd32}.bg-lime{background-color:#0f0}.bg-ligreen{background-color:#90ee90}.bg-green{background-color:green}.bg-grey,.bg-gray{background-color:gray}.bg-ligray{background-color:#d3d3d3}.bg-forestgreen{background-color:#228b22}.bg-mediumspringgreen{background-color:#00fa9a}.bg-mediumseagreen{background-color:#3cb371}.bg-lightslategrey{background-color:#789}.bg-aquamarine{background-color:#7fffd4}.bg-darkcyan,.bg-dkcyan{background-color:#008b8b}.bg-cyan,.bg-aqua{background-color:#0ff}.bg-deepskyblue{background-color:#00bfff}.bg-cornflowerblue,.bg-cornblue{background-color:#6495ed}.bg-dgblue,.bg-dodgerblue{background-color:#1e90ff}.bg-steelblue{background-color:#4682b4}.bg-lislateblue{background-color:#b0c4de}.bg-slateblue{background-color:#6a5acd}.bg-main,.bg-main-color{background-color:var(--main-color)}.bg-main-mid{background-color:var(--main-mid)}.bg-main-dark{background-color:var(--main-dark)}.bg-main-darker{background-color:var(--main-darker)}.bg-table-th{background-color:#ddd!important}.bg-comment{background-image:linear-gradient(#6495ed,#4169e1)}.bg-reset{background-image:linear-gradient(#b900b9,#590059);color:#fff}.bg-submit{background-image:linear-gradient(#008b8b,#005050)}.bg-get{background-image:linear-gradient(#b8860b,#543c00);color:#fff}.bg-btn-course{background-image:linear-gradient(var(--main-mid),var(--main-darker));color:#fff}.bg-btn-course-active{background-image:linear-gradient(#4682b4,#4169e1);color:#fff}.bg-rename{background-image:linear-gradient(#008b8b,#005050)}.bg-move{background-image:linear-gradient(#ff8c00,#864900)}.bg-list{background-image:linear-gradient(#ff69b4,#8c1e55)}.bg-preview{background-image:linear-gradient(#bdb76b,#56532a)}.bg-link{background-image:linear-gradient(#008b8b,#005050)}.bg-login{background-image:linear-gradient(#6495ed,#4169e1)}.bg-download{background-image:linear-gradient(#87cefa,#6495ed)}.bg-load{background-image:linear-gradient(#6495ed,#4169e1)}.bg-load-emoji{background-color:#6495ed}.bg-load-inactive{background-color:var(--main-darker)}.bg-load-inactive{background-image:linear-gradient(#6495ed,#4169e1)}.bg-load-active{background-image:linear-gradient(#00f,#00008b);pointer-events:none}.bg-reload{background-image:linear-gradient(orchid,#8b008b)}.bg-save{background-image:linear-gradient(#73bb73,#006400)}.bg-add{background-image:linear-gradient(#4169e1,#05080f)}.bg-new,.bg-update{background-image:linear-gradient(#4169e1,#00008b)}.bg-register{background-image:linear-gradient(#73bb73,#006400)}.bg-swap,.bg-copy{background-image:linear-gradient(#76bfc2,#4682b4)}.bg-edit{background-image:linear-gradient(#ff0,#b8860b)}.bg-edit-active{background-image:linear-gradient(#21c3a5,#157d6a)}.bg-delete{background-image:linear-gradient(red,#8b0000)}.bg-print{background-image:linear-gradient(#20b2aa,#2e8b57);color:#fff}.bg-change{background-image:linear-gradient(#f0f,#890089)}.bg-search{background-image:linear-gradient(#4bcbc5,#2a6360)}.bg-fs{background-color:#263f3f}.bg-check,.bg-cancel{background-image:linear-gradient(orange,#b8860b)}.bg-import{background-image:linear-gradient(#4169e1,#293a6c);color:#fff}.bg-switch{background-image:linear-gradient(plum,#ff69b4);color:#fff}.bg-clear{background-image:linear-gradient(#b900b9,#590059);color:#fff}.bg-report{background-image:linear-gradient(#ff69b4,#8c1e55)}.bg-view{background-image:linear-gradient(#00c8a7,#008770);color:#fff}.bg-create{background-image:linear-gradient(#ebb325,#82600a);color:#fff}.bg-send{background-image:linear-gradient(#a781f3,#58447f);color:#fff}.bg-close{background-image:linear-gradient(#d18c2c,#906219);color:#fff}.bg-finish{background-image:linear-gradient(#228b22,#006900);color:#fff}.bg-open,.bg-borrow{background-color:#4169e1}.bg-locate{background-image:linear-gradient(#00a075,#55751d);color:#fff}.bg-scan{background-color:orchid;color:#fff}.bg-minus{background-image:linear-gradient(#d12c2c,#901919);color:#fff}.bg-undo{background-image:linear-gradient(#008b8b,#004443);color:#fff}.bg-dn{background-image:linear-gradient(violet,#9735c1);color:#fff}.bg-up,.bg-play,.bg-upload{background-image:linear-gradient(#2abce8,#265f79);color:#fff}.bg-calendar{background-image:linear-gradient(#53dd8a,#3ca365);color:#fff}.bg-dashed{background-color:#fff;border:1px solid #ccc;color:#666!important}.fc-white{color:#fff!important}.fc-lavender{color:#e6e6fa}.fc-black{color:#000}.fc-gray{color:gray}.fc-ligray{color:#d3d3d3}.fc-dkgrey{color:#a9a9a9}.fc-dimgray{color:#696969}.fc-silver{color:silver}.fc-deepskyblue{color:#00bfff}.fc-steelblue{color:#4682b4}.fc-slateblue{color:#6a5acd}.fc-cornblue{color:#6495ed}.fc-cadetblue{color:#5f9ea0}.fc-dodgerblue{color:#1e90ff}.fc-cyan{color:#0ff}.fc-licyan{color:#e0ffff}.fc-darkcyan,.fc-dkcyan{color:#008b8b}.fc-dkturquoise{color:#00ced1}.fc-blue{color:#00f}.fc-liblue{color:#add8e6}.fc-liskyblue{color:#87cefa}.fc-skyblue{color:#87ceeb}.fc-khaki{color:khaki}.fc-yellow{color:#ff0}.fc-goldrod{color:#daa520}.fc-yg{color:#9acd32}.fc-gy{color:#adff2f}.fc-lawngreen{color:#7cfc00}.fc-lime{color:#0f0}.fc-limegreen{color:#32cd32}.fc-palegreen{color:#98fb98}.fc-ligreen{color:#90ee90}.fc-forestgreen{color:#228b22}.fc-lired{color:var(--red);font-weight:400}.fc-gold{color:gold}.fc-red{color:var(--red)}.fc-pink{color:pink}.fc-plum{color:plum}.fc-hotpink{color:#ff69b4}.fc-orchid{color:orchid}.fc-magenta{color:#f0f}.fc-darkorchid{color:#9932cc}.fc-mgt{color:#f0f}.fc-green{color:green}.fc-darkgreen{color:#006400}.fc-msg{color:#3cb371}.fc-orange{color:orange}.fc-dkorange{color:#ff8c00}.fc-orangered{color:#ff4500}.fc-sort{color:#0f0;opacity:1}.fc-111{color:#111}.fc-222{color:#222}.fc-333{color:#333}.fc-444{color:#444}.fc-555{color:#555}.fc-666{color:#666}.fc-777{color:#777}.fc-888{color:#888}.fc-999{color:#999}.fc-aaa{color:#aaa}.fc-bbb{color:#bbb}.fc-ccc{color:#ccc}.fc-ddd{color:#ddd}.fc-eee{color:#eee}.fc-up{color:green}.fc-down{color:#9932cc}.box-lime{color:#0f0!important;padding:0 3px;border:1px solid lime;border-radius:3px}.box-lime:hover{background-color:#006400}.box-green{color:green!important;padding:0 3px;border:1px solid green;border-radius:3px}.box-green:hover{background-color:#006400}.box-yellow{color:#ff0!important;padding:0 3px;border:1px solid yellow;border-radius:3px}.box-yellow:hover{background-color:#482800}.box-liblue{color:#add8e6!important;padding:0 3px;border:1px solid lightblue;border-radius:3px}.box-liblue:hover{background-color:#00008b}.box-blue{color:#00f!important;padding:0 3px;border:1px solid blue;border-radius:3px}.box-blue:hover{background-color:#00008b}.box-red{color:var(--red)!important;padding:0 3px;border:1px solid var(--red);border-radius:3px}.box-red:hover{background-color:#8b0000}.box-download{color:#32cd32!important;padding:3px 12px;border:1px solid green;border-radius:30px;background-color:var(--main-darker)}.box-download:hover{filter:brightness(150%)}.box-button{background-color:#444;text-align:center;border:none;border:1px solid black;border-radius:3px;padding:0 5px;cursor:pointer}.box-button:hover{filter:brightness(130%)}.box-black{color:#000!important;padding:0 3px;border:1px solid black;border-radius:3px}.lh-7xs{line-height:.6rem}.lh-6xs{line-height:.7rem}.lh-5xs{line-height:.8rem}.lh-4xs{line-height:.9rem}.lh-3xs{line-height:1rem}.lh-2xs{line-height:1.15rem}.lh-xs{line-height:1.2rem}.lh-s{line-height:1.5rem}.lh-xn{line-height:1.6rem}.lh-n{line-height:1.75rem}.lh-m{line-height:2rem}.lh-l{line-height:2.5rem}.lh-xl{line-height:3rem}.lh-tb{line-height:var(--lh-tb)!important}.lh-label{line-height:var(--lh-label)!important}.lh-input{line-height:var(--lh-input)!important}.lh-p{line-height:var(--lh-p)!important}.clickable{cursor:pointer}.clickable:hover{filter:brightness(130%)}.vd-n{background-color:#ff0!important;border:1px solid red!important}.status-create{background-color:#add8e6!important}.status-finish{background-color:#90ee90!important}.status-cancel{background-color:#f08080!important}.fw-b{font-weight:700}.fx-x{text-decoration:line-through}.strike{text-decoration:line-through!important}.underline{text-decoration:underline}.nowrap{text-wrap:nowrap}.ov-hidden,.overflow-hidden{overflow:hidden}.w-100{width:100%!important}.h-100{height:100%!important}.w-50{width:50%}.w-40{width:40%}.w-30{width:30%}.w-20{width:20%}.w-10{width:10%}.w-5{width:5%}.fi{font-style:italic}.select-none{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;pointer-events:none;background:#f5f5f5}.img{max-width:100%;height:auto}kbd{color:#fff;border-radius:3px;background-color:gray;padding:1px 3px;margin:0 1px;font-family:Roboto,sans-serif}input[type=number].no-arrow{-moz-appearance:textfield;appearance:textfield}input[type=number].no-arrow::-webkit-inner-spin-button,input[type=number].no-arrow::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=search].no-x{-webkit-appearance:none;appearance:none}input[type=search].no-x::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}@font-face{font-family:Anuphan;src:url(../fonts/Anuphan/static/Anuphan-Regular.ttf) format("truetype");font-weight:400;font-style:normal}*{font-family:Anuphan,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100}a:link{color:#6495ed;text-decoration:none}a:visited{color:#1e90ff;text-decoration:none}a:hover{filter:brightness(1.2)}a:active{color:#0056b3;text-decoration:none}.green{border-top:3px solid lime;border-bottom:3px solid lime;background-color:#006400;color:#fff!important;font-weight:700}.yellow{border-top:3px solid darkgoldenrod;border-bottom:3px solid darkgoldenrod;background-color:#ff0;color:#000!important;font-weight:700}.blue{border-top:3px solid Navy;border-bottom:3px solid Navy;background-color:#1e90ff;color:#fff!important;font-weight:700}.red{border-top:3px solid red;border-bottom:3px solid red;background-color:#8b0000!important;color:#fff!important;font-weight:700}.page-notify{text-align:center;position:absolute;z-index:999;left:0;bottom:90px;width:100%;padding:15px 5px;line-height:1.75rem;animation:none;visibility:"visible";animation:fadeNotifyIn .5s,fadeNotifyOut .5s 4s}.page-notify p{margin-bottom:0}@keyframes fadeNotifyIn{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@keyframes fadeNotifyOut{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}@-webkit-keyframes fadeNotifyIn{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@-webkit-keyframes fadeNotifyOut{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}.toast{text-align:center;position:absolute;z-index:999;left:0;bottom:90px;width:100%;padding:15px 5px;line-height:1.75rem;animation:none;visibility:"visible";animation:fadeToastIn .5s,fadeToastOut .5s 4s}@keyframes fadeToastIn{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@keyframes fadeToastOut{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}@-webkit-keyframes fadeToastIn{0%{bottom:0;opacity:0}to{bottom:90px;opacity:1}}@-webkit-keyframes fadeToastOut{0%{bottom:90px;opacity:1}to{bottom:0;opacity:0}}.dp-n{display:none!important}footer{display:flex;flex-wrap:wrap;flex-direction:column;justify-content:center;line-height:.8rem;margin-top:10px}footer p{text-align:center}footer p *{color:#d3d3d3}@media screen and (min-width: 768px){footer{flex-direction:row;gap:10px}}nav{font-size:.95rem;margin:auto;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding:5px;gap:0}nav .nav-1{order:1}nav .nav-2{order:2}nav .nav-3{order:3}nav .nav-1 .nav-link{margin-right:.5rem}nav .nav-1 select{border-radius:3px;color:#00f;width:auto;border:none;font-size:.75rem}nav .nav-3{display:flex;position:relative}.nav-dropdown-menu{display:none;position:absolute;right:0;top:1.5rem;background:#222;box-shadow:0 2px 8px #00000026;min-width:200px;z-index:9999;border-radius:5px;overflow:hidden}.nav-dropdown-menu .nav-link{display:block;color:#fff;border-radius:0;text-align:left;line-height:1.5rem;padding:5px 10px}.nav-dropdown-menu .nav-link:first-child{margin-top:7px}.nav-dropdown-menu .nav-link:last-child{margin-bottom:7px}.nav-dropdown-menu .nav-link:hover{background:#005646;color:#b0ffb0}.nav-dropdown-toggle{background:none;border:none;color:#fff;cursor:pointer;border-radius:5px}.nav-dropdown-toggle:focus{outline:none;background:#005646}.nav-link.active{color:#87cefa;border-radius:3px;font-weight:700;text-decoration:none;pointer-events:none}.nav-link:hover{color:#1e90ff}nav a{text-decoration:none}nav a:link{color:#fff}nav a:visited{color:#fff}nav a:hover{color:#1e90ff}nav a:active{color:#fff}@media screen and (min-width: 768px){nav{font-size:1rem;padding:5px 0}nav .nav-1{grid-area:1/1/2/2;justify-self:start;margin-top:0}nav .nav-2{grid-area:1/2/2/3;justify-self:center}nav .nav-3{grid-area:1/3/2/4;justify-self:end}nav .nav-1 select{font-size:.85rem}}.flex-row{display:flex;flex-direction:row}.flex-main{display:flex;flex-direction:column;flex-wrap:nowrap}.flex-column{display:flex;flex-direction:row}[class^=flex-],[class^=col-]{overflow:hidden;white-space:nowrap}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-0-5,.col-1-5,.col-2-5,.col-3-5,.col-4-5,.col-5-5,.col-6-5,.col-7-5,.col-8-5,.col-9-5{flex-basis:100%;min-width:100%;max-width:100%}.col-sm-0-5{flex-basis:5%;max-width:5%;min-width:5%}.col-sm-1{flex-basis:10%;max-width:10%;min-width:10%}.col-sm-1-5{flex-basis:15%;max-width:15%;min-width:15%}.col-sm-2{flex-basis:20%;max-width:20%;min-width:20%}.col-sm-2-5{flex-basis:25%;max-width:25%;min-width:25%}.col-sm-3{flex-basis:30%;max-width:30%;min-width:30%}.col-sm-3-5{flex-basis:35%;max-width:35%;min-width:35%}.col-sm-4{flex-basis:40%;max-width:40%;min-width:40%}.col-sm-4-5{flex-basis:45%;max-width:45%;min-width:45%}.col-sm-5{flex-basis:50%;max-width:50%;min-width:50%}.col-sm-5-5{flex-basis:55%;max-width:55%;min-width:55%}.col-sm-6{flex-basis:60%;max-width:60%;min-width:60%}.col-sm-6-5{flex-basis:65%;max-width:65%;min-width:65%}.col-sm-7{flex-basis:70%;max-width:70%;min-width:70%}.col-sm-7-5{flex-basis:75%;max-width:75%;min-width:75%}.col-sm-8{flex-basis:80%;max-width:80%;min-width:80%}.col-sm-8-5{flex-basis:85%;max-width:85%;min-width:85%}.col-sm-9{flex-basis:90%;max-width:90%;min-width:90%}.col-sm-9-5{flex-basis:95%;max-width:95%;min-width:95%}.col-sm-f{flex-basis:100%;max-width:100%;min-width:100%}.col-sm-w100{flex-basis:100%}.col-sm-fit{flex-basis:fit-content;max-width:fit-content;min-width:fit-content}.col-sm-auto{flex-basis:auto;max-width:auto}.flex-1{flex-grow:1}.flex-2{flex-grow:2}.flex-3{flex-grow:3}.flex-4{flex-grow:4}.flex-5{flex-grow:5}.flex-6{flex-grow:6}.flex-7{flex-grow:7}.flex-8{flex-grow:8}.flex-9{flex-grow:9}.flex-10{flex-grow:10}label.justify{text-align:left}.hide-xs{display:none!important}.input-group,.input-group-column{display:flex;flex-direction:column}.input-group-row{display:flex;flex-direction:row}.input-group textarea,.input-group input,.input-group select{flex:1}.flex-nowarp{flex-wrap:nowrap;overflow:hidden;white-space:nowrap}.space-between{justify-content:space-between;align-items:center}.gap-0{gap:0}.gap-1{gap:3px}.gap-2{gap:5px}@media screen and (min-width: 768px){.flex-main{flex-direction:row;flex-wrap:wrap}.flex-column{flex-direction:row;flex-wrap:nowrap}label.justify{text-align:right}.hide-xs{display:inline-block!important}.col-0-5{flex-basis:5%;max-width:5%}.col-1{flex-basis:10%;max-width:10%}.col-1-5{flex-basis:15%;max-width:15%}.col-2{flex-basis:20%;max-width:20%}.col-2-5{flex-basis:25%;max-width:25%}.col-3{flex-basis:30%;max-width:30%}.col-3-5{flex-basis:35%;max-width:35%}.col-4{flex-basis:40%;max-width:40%}.col-4-5{flex-basis:45%;max-width:45%}.col-5{flex-basis:50%;max-width:50%}.col-5-5{flex-basis:55%;max-width:55%}.col-6{flex-basis:60%;max-width:60%}.col-6-5{flex-basis:65%;max-width:65%}.col-7{flex-basis:70%;max-width:70%}.col-7-5{flex-basis:75%;max-width:75%}.col-8{flex-basis:80%;max-width:80%}.col-8-5{flex-basis:85%;max-width:85%}.col-9{flex-basis:90%;max-width:90%}.col-9-5{flex-basis:95%;max-width:95%}.col-f{flex-basis:100%;max-width:100%}.col-auto{flex-basis:auto;max-width:auto}}:root{--border-btn-color: #bbb;--border-field-color: #ccc;--bg-focus-color: rgb(199, 229, 238);--input-font-size: .9rem;--input-placeholder-font-size: .85rem;--lh-tb: 1.75rem;--fs-label: .9rem}main label{line-height:var(--lh-tb);font-size:var(--fs-label)}main button,main input[type=button],main input[type=submit]{color:#fff;border-radius:3px;border:1px solid var(--border-btn-color)}main button:hover,main input[type=file]:hover,main input[type=button]:hover,main input[type=submit]:hover{filter:brightness(115%);cursor:pointer}main select,main textarea,main input[type=date],main input[type=number],main input[type=search],main input[type=text],main input[type=password],main input[type=email]{color:#00f;border:1px solid var(--border-field-color);background-color:#fff;border-radius:3px;min-height:var(--lh-input);font-size:var(--input-font-size)}main input[type=file]{color:#00f;border:1px solid var(--border-field-color);border-radius:3px;background-color:#fff;line-height:var(--lh-input);font-size:var(--input-font-size)}main select:hover,main textarea:hover,main input[type=date]:hover,main input[type=number]:hover,main input[type=search]:hover,main input[type=text]:hover,main input[type=password]:hover,main input[type=email]:hover{border:1px solid #666}main input[type=file]:hover{border:1px solid #666}main select:focus,main textarea:focus,main input[type=date]:focus,main input[type=number]:focus,main input[type=search]:focus,main input[type=text]:focus,main input[type=password]:focus,main input[type=email]:focus{outline:none;background-color:var(--bg-focus-color)}main select:read-only{background-image:none;background-color:none}main textarea:read-only,main input[type=date]:read-only,main input[type=datetime-local]:read-only,main input[type=number]:read-only,main input[type=text]:read-only,main input[type=password]:read-only,main input[type=search]:read-only,main input[type=email]:read-only{background-color:#eee;color:#00008b!important}main button:disabled,main select:disabled,main textarea:disabled,main input[type=date]:disabled,main input[type=datetime-local]:disabled,main input[type=number]:disabled,main input[type=text]:disabled,main input[type=button]:disabled,main input[type=submit]:disabled,main input[type=search]:disabled,main input[type=email]:disabled{background-color:#eee;color:#666!important}::placeholder{color:#bbb;font-size:var(--input-placeholder-font-size)}input[type=radio]{accent-color:blue}input[type=radio]:disabled{cursor:not-allowed;accent-color:darkblue!important}input[type=radio]:read-only{cursor:not-allowed;accent-color:darkblue!important}html{color:var(--font-main-color)}body{margin:auto;font-size:15px;background-color:#555}.header-title{margin:0 auto;padding:7px 0;border-bottom:3px solid #333;border-radius:0}main{width:100%;margin:auto;background-color:#fff;border-radius:0}@media screen and (min-width: 768px){html{font-size:15px}.header-title{border-radius:7px 7px 0 0}main{margin:0 auto;border-radius:0 0 7px 7px}header,nav,main{max-width:768px}}@media screen and (min-width: 1000px){html{font-size:16px}header,nav,main{max-width:1000px}}main{background-color:var(--main-color);display:grid;grid-template-columns:100%;padding:10px 20px;align-content:start}.title{grid-area:1 / 1 / 2 / 2;text-align:center;margin-top:20px;padding-bottom:10px}.center{grid-template-columns:100%}.center-left{grid-area:1 / 1 / 2 / 2;padding:0 10px}.center-right{grid-area:2 / 1 / 3 / 2;padding:10px;text-align:center;margin-top:20px}.center-right img{border-radius:10px}@media screen and (min-width: 768px){.center{grid-template-columns:100%;padding:20px 30px}.center-left{grid-area:1 / 1 / 2 / 2;padding:0 10px}.center-right{grid-area:2 / 1 / 3 / 2;padding:10px;text-align:center;margin-top:20px}}@media screen and (min-width: 1000px){.center{display:grid;grid-template-columns:70% 30%;padding:20px 50px}.center-left{grid-area:1 / 1 / 2 / 2;padding:0 20px}.center-right{grid-area:1 / 2 / 2 / 3;border-radius:50px}.center-right img{border-radius:10px}}