@-webkit-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-moz-keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@keyframes passing-through{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%, 70%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}100%{opacity:0;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px)}}@-webkit-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-moz-keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@keyframes slide-in{0%{opacity:0;-webkit-transform:translateY(40px);-moz-transform:translateY(40px);-ms-transform:translateY(40px);-o-transform:translateY(40px);transform:translateY(40px)}30%{opacity:1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}10%{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}20%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:2px solid rgba(0,0,0,0.3);background:white;padding:54px 54px;font-family:'Sarabun', sans-serif}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:0.5}.dropzone .dz-message{text-align:center;margin:2em 0}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom, #eee, #ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:white}.dropzone .dz-preview.dz-image-preview .dz-details{-webkit-transition:opacity 0.2s linear;-moz-transition:opacity 0.2s linear;-ms-transition:opacity 0.2s linear;-o-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none;text-decoration:none;color:#697386}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:rgba(0,0,0,0.9);line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,0.8);background-color:rgba(255,255,255,0.8)}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:rgba(255,255,255,0.4);padding:0 0.4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{-webkit-transform:scale(1.05, 1.05);-moz-transform:scale(1.05, 1.05);-ms-transform:scale(1.05, 1.05);-o-transform:scale(1.05, 1.05);transform:scale(1.05, 1.05);-webkit-filter:blur(8px);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{-webkit-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1);animation:passing-through 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;-webkit-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-moz-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-ms-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);-o-animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);animation:slide-in 3s cubic-bezier(0.77, 0, 0.175, 1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-ms-transition:all 0.2s linear;-o-transition:all 0.2s linear;transition:all 0.2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-ms-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{-webkit-animation:pulse 6s ease infinite;-moz-animation:pulse 6s ease infinite;-ms-animation:pulse 6s ease infinite;-o-animation:pulse 6s ease infinite;animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:16px;left:50%;top:50%;margin-top:-8px;width:80px;margin-left:-40px;background:rgba(255,255,255,0.9);-webkit-transform:scale(1);border-radius:8px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#333;background:linear-gradient(to bottom, #666, #444);position:absolute;top:0;left:0;bottom:0;width:0;-webkit-transition:width 300ms ease-in-out;-moz-transition:width 300ms ease-in-out;-ms-transition:width 300ms ease-in-out;-o-transition:width 300ms ease-in-out;transition:width 300ms ease-in-out}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;-webkit-transition:opacity 0.3s ease;-moz-transition:opacity 0.3s ease;-ms-transition:opacity 0.3s ease;-o-transition:opacity 0.3s ease;transition:opacity 0.3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#be2626;background:linear-gradient(to bottom, #be2626, #a92222);padding:0.5em 1.2em;color:white}.dropzone .dz-preview .dz-error-message:after{content:'';position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #be2626}.dropzone{border:2px dashed #697386;border-radius:5px;background:white;margin:0 20px;margin-top:20px}.dropzone .dz-message{font-size:18px;color:#697386;font-weight:600;font-family:'Sarabun', sans-serif}.dropzone .dz-message .note{font-size:0.8em;font-weight:200;display:block;margin-top:1.4rem}.chevron-down{display:inline-block;background-image:url(/assets/chevron-down-82ba6383daaa77c5fa4b29e8d4c7211914408e17dc499da26abd1e300978398f.svg);width:20px;height:20px}.chevron-right{display:inline-block;background-image:url(/assets/chevron-right-4237e8b763ce1136ca2cc33c7b5687e5544fb1fbfb57760f26a5dff94f35416d.svg);width:20px;height:20px}.btn-light{padding:4px 8px;color:#697386;background-color:#fff;border-radius:4px;box-shadow:0 0 0 1px rgba(42,47,69,0.1),0 2px 5px 0 rgba(42,47,69,0.08),0 1px 1.5px 0 rgba(0,0,0,0.07),0 1px 2px 0 rgba(0,0,0,0.08);opacity:0.9;text-decoration:none}.btn-light:hover{opacity:0.99;background-color:#fafafa;color:#2a2f45;text-decoration:none}.btn-submit{outline:none;border:none;padding:8px 14px;color:#fefefe;background-color:#556cd6;border-radius:4px;text-decoration:none;font-size:16px}.btn-submit:hover{background-color:#465AB3;text-decoration:none;cursor:pointer}body.sessions{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-top:40px;padding-bottom:40px;background-color:#f5f5f5}body.sessions .form-signin{width:100%;max-width:420px;padding:15px;margin:auto}body.sessions .form-signin button{margin-top:4px;outline:none;padding:12px 14px;color:#fefefe;background-color:#556cd6;border:none;border-radius:4px;text-decoration:none;width:100%;font-size:18px}body.sessions .form-signin button:hover{cursor:pointer;background-color:#465AB3}body.sessions .form-label-group{position:relative;margin-bottom:1rem}body.sessions .form-label-group>input{outline-color:#A7AED1;background:#fff;border:0;border-radius:4px;color:#2a2f45;font-size:16px;line-height:20px;box-shadow:0 0 0 1px rgba(42,47,69,0.16)}body.sessions .form-label-group>input,body.sessions .form-label-group>label{height:3.125rem;padding:.75rem;width:100%}body.sessions .form-label-group>label{position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;line-height:1.5;color:#495057;pointer-events:none;cursor:text;border:1px solid transparent;border-radius:.25rem;transition:all .1s ease-in-out}body.sessions .form-label-group input::-webkit-input-placeholder{color:transparent}body.sessions .form-label-group input:-ms-input-placeholder{color:transparent}body.sessions .form-label-group input::-ms-input-placeholder{color:transparent}body.sessions .form-label-group input::-moz-placeholder{color:transparent}body.sessions .form-label-group input::placeholder{color:transparent}body.sessions .form-label-group input:not(:placeholder-shown){padding-top:1.25rem;padding-bottom:.25rem}body.sessions .form-label-group input:not(:placeholder-shown) ~ label{padding-top:.25rem;padding-bottom:.25rem;font-size:12px;color:#777}@supports (-ms-ime-align: auto){.sessions .form-label-group>label{display:none}.sessions .form-label-group input::-ms-input-placeholder{color:#777}}@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){.sessions .form-label-group>label{display:none}.sessions .form-label-group input:-ms-input-placeholder{color:#777}}.dropdown{position:relative;display:inline-block}.dropbtn{color:#2a2f45;font-size:18px;cursor:pointer;display:flex;align-items:center;margin-bottom:4px}.dropdown-content{display:none;position:absolute;top:26px;background-color:#fff;min-width:160px;box-shadow:0 7px 14px 0 rgba(60,66,87,0.1),0 3px 6px 0 rgba(0,0,0,0.07);border-radius:4px;z-index:1;padding:4px 0}.dropdown-content.right{right:0}.dropdown-content a{color:#2a2f45;padding:6px 12px;text-decoration:none;display:block;font-size:16px}.dropdown-content a:hover{background-color:#556cd6;color:#fff}.dropdown:hover .dropdown-content{display:block}*{box-sizing:border-box}html,body{width:100%;height:100%}body{font-family:'Sarabun', sans-serif;margin:0;padding-bottom:40px;background-color:#E3E8EE}.container{width:100%;max-width:1100px;margin:0 auto}.hide{display:none}.text-center{text-align:center}.bottom-space{margin-bottom:40px}.main{margin-top:30px;background-color:#fff;box-shadow:0 7px 14px 0 rgba(60,66,87,0.1),0 3px 6px 0 rgba(0,0,0,0.07);border-radius:4px;min-height:460px;background-color:#F7FAFC}.main .main-nav{display:flex;align-items:center;height:60px;background-color:#fff;padding:0 22px;border-radius:4px 4px 0 0;box-shadow:inset 0 -1px #e3e8ee}.main .main-list{height:100%;padding-top:24px}.main-nav{display:flex;justify-content:space-between;align-items:center}.main-nav .nav-left{display:flex;align-items:center}.main-nav .nav-left span{font-size:16px;color:#2a2f45}.main-nav .nav-left .breadcrumb{margin:0 10px 0 6px}.main-nav .nav-left a{color:#2a2f45;font-weight:600;text-decoration:none;font-size:16px}.main-nav .nav-left a:hover{text-decoration:underline}.main-nav .nav-center{display:flex;align-items:center}.main-nav .nav-center span{color:#697386;font-size:14px;margin:0 8px;text-transform:uppercase}.main-nav .nav-center span:hover{cursor:pointer}.main-nav .nav-center .active{color:#556cd6;font-weight:600}.item{display:flex;justify-content:space-between;margin:0 0 24px 40px;padding:0 0 24px;box-shadow:inset 0 -1px #e3e8ee}.item:last-of-type{box-shadow:none}.item.hidden{display:none}.item .item-info{display:flex;flex:1;align-items:center}.item .item-info p,.item .item-info span{font-size:16px}.item .item-info p{font-weight:600;margin:0;margin-right:20px}.item .item-info p a{color:inherit;text-decoration:none}.item .item-info p a:hover{text-decoration:underline}.item .item-info span{color:#697386}.item .item-content{display:flex;flex:3;align-items:center;text-align:left;flex-wrap:wrap}.item .item-content img{display:inline-block;height:106px;width:auto;border-radius:8px;margin-right:20px;margin-bottom:12px}.item .item-content p{margin:0;color:#697386}.item .item-action{display:flex;flex:1;justify-content:flex-end;align-items:center;padding-right:20px}.item .item-action a{margin-left:20px;text-decoration:none;color:#697386;font-size:16px}.item .item-action a:hover{color:#2a2f45}.navbar{margin-top:30px;display:flex;justify-content:space-between;align-items:center}.page-element-row{display:flex;background-color:#fff;margin-bottom:10px;padding:20px;border-radius:4px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.15)}.page-element-row .element-label{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.page-element-row .element-label h4{margin:0;font-size:16px}.page-element-row .element-label a{color:cornflowerblue;text-decoration:none;font-size:14px}.page-element-row .element-content{flex:4;display:flex;flex-direction:column;justify-content:flex-start}.page-element-row .element-content h1,.page-element-row .element-content h2,.page-element-row .element-content h3,.page-element-row .element-content h4{margin:0;font-size:18px}.page-element-row .element-content p{margin:0}.page-element-row .element-content img{width:100%;max-width:200px}.box{background-color:#fff;box-shadow:0 1px 3px 0 rgba(0,0,0,0.15);padding:20px}.element-form{height:100%;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:400px}.image-form-header{margin:40px 0 0px;padding:20px 20px}.image-form-header h2{margin-bottom:0;color:#2a2f45;font-size:16px;font-weight:600}.image-form-header p{margin:0;color:#697386;font-size:16px;font-weight:400}.form-header{margin:0 0 20px;padding:20px 20px;box-shadow:inset 0 -2px white}.form-header h2{margin-bottom:0;color:#2a2f45;font-size:16px;font-weight:600}.form-header p{margin:0;color:#697386;font-size:16px;font-weight:400}.form-body{display:flex;flex-direction:column}.form-group{margin-bottom:20px;padding:0 20px;box-shadow:inset 0 -2px white}.form-group label{color:#2a2f45;font-size:16px;font-weight:600}.form-group .option-label{font-weight:400}.form-group input[type="text"]{outline-color:#A7AED1;padding:4px 8px;background:#fff;border:0;border-radius:4px;color:#2a2f45;font-size:16px;line-height:20px;box-shadow:0 0 0 1px rgba(42,47,69,0.16)}.form-group input[readonly]{background-color:#F7FAFC;outline:none}.form-group .input-row{margin-top:10px;margin-bottom:26px}.form-footer{background-color:#fff;padding:0 20px;height:66px;box-shadow:inset 0 1px #e3e8ee;display:flex;align-items:center;border-radius:0 0 4px 4px}.form-footer a{margin-left:20px;color:#697386;text-decoration:none;font-size:16px}.form-footer a:hover{text-decoration:underline}.ql-toolbar.ql-snow,.ql-editor{background-color:#fff}.image-container{margin-bottom:40px;display:flex;flex-wrap:wrap}.image-container img{display:block;height:106px;width:auto;border-radius:8px;margin-right:20px;margin-bottom:12px}.image-container .image-item a{color:#2a2f45;text-decoration:none;font-size:15px}.image-container .image-item a:hover{text-decoration:underline}.direct-upload{display:inline-block;position:relative;padding:2px 4px;margin:0 3px 3px 0;border:1px solid rgba(0,0,0,0.3);border-radius:3px;font-size:11px;line-height:13px}.direct-upload--pending{opacity:0.6}.direct-upload__progress{position:absolute;top:0;left:0;bottom:0;opacity:0.2;background:#0076ff;transition:width 120ms ease-out, opacity 60ms 60ms ease-in;transform:translate3d(0, 0, 0)}.direct-upload--complete .direct-upload__progress{opacity:0.4}.direct-upload--error{border-color:red}input[type=file][data-direct-upload-url][disabled]{display:none}
