/*
Lato 300, 400, 700
*/

:root {--primary:#EC2B2B;--secondary:#B85C17;--bodytext:#222222;--errorred:#FF0000;--grey:#F2F2F2;--btnred:#EC2B2B;}


html, body {margin:0;padding:0;border:0;}
html {overflow-y:scroll;height:100%;}
* {box-sizing:border-box;}
body {font-family: "Rubik", sans-serif;font-weight:300;font-style:normal;font-size:1rem;color:#272726;background-color:white;text-align:left;min-height:100%;display:flex;flex-wrap:nowrap;align-items:stretch;}
.js-focus-visible :focus:not(.focus-visible) {outline:none;}
form, fieldset, h1, h2, h3, h4, h5, h6, img, p, ul, ol, li {border:0;margin:0;padding:0;}
.clear {clear:both;font-size:1%;overflow:hidden;width:100%;height:0;}
.clearmin {clear:both;font-size:1%;overflow:hidden;width:100%;height:0;}
.clrfx:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.space {clear:both;width:100%;height:12px;}
.rule {clear:both;width:100%;height:1px;font-size:1%;overflow:hidden;background-color:#E8EAEB;margin-bottom:7px;margin-top:5px;}
.dvdr {clear:both;width:100%;height:22px;border-bottom:1px dotted #D6D6D6;font-size:1%;overflow:hidden;margin-bottom:10px;}
.left {float:left;}
.right {float:right;display:inline;}
.hidden {display:none;}
hr {background-color:#D3D3D3;height:1px;width:100%;clear:both;border:0;border-bottom:1px solid #D3D3D3;padding:0;margin:10px 0 10px 0;}
hr.empty {background-color:var(--white) !important;height:1px;width:100%;clear:both;border:0;border-bottom:1px solid white !important;padding:0;margin:6px 0 8px 0;}
input:focus, select:focus, textarea:focus, button:focus {outline:none;}
input:-webkit-autofill {-webkit-box-shadow:0 0 0 500px white inset;}
textarea {resize:vertical;}

nav {width:240px;overflow-y:auto;margin-left:0;flex-shrink:0;flex-grow:0;padding:1rem 1rem 4em 1rem;transition:margin-left 0.5s;background-color:#1e3870;color:white;display:block;}
nav img {width:80%;margin-bottom:2rem;height:auto;display:block;}
nav ul {list-style:none;margin:1rem 0;}
nav ul li a {display:block;padding:0.4rem 0;color:white;text-decoration:none;}
nav ul li a:hover, nav ul li a:focus {color:white;text-decoration:underline;}
main {position:relative;min-height:100%;flex-grow:1;display:block;}
footer {position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:0.5em 2em;background-color:#E6E6E6;height:30px;}

.header {background-color:#E6E6E6;padding:0.4rem 2rem;}
.header p {padding:0;}
p a {color:var(--btnred);text-decoration:none;font-weight:400;}
p a:hover, p a:focus {color:var(--btnred);text-decoration:underline;font-weight:400;}
p.error {color:var(--errorred);font-weight:400;}

.wrapper {min-height:calc(100vh - 62px);display:flex;justify-content:space-between;align-items:stretch;}
.content {width: calc(100% - 322px);padding:2rem 0 2rem 2rem;}
.contenthdr {position:relative;}
.contenthdr .btns {position:absolute;right:0;top:0;}
.contentmain {padding-bottom:2rem;}
.contentside {width:290px;background-color:#F5F4F3;border-left:1px solid #E1E1E1;padding:2rem 1rem 2rem 1rem;}
.contentside h4 {font-size:0.9rem;font-weight:500;line-height:1.5em;padding-bottom:0.1rem;letter-spacing:-0.02rem;}

h1 {font-size:1.5rem;color:var(--bodytext);padding:0 0 1.4rem 0;font-weight:500;letter-spacing:-1px;}
h2 {font-size:1.2rem;color:var(--bodytext);padding:0 0 0.6rem 0;font-weight:500;}
p {color:var(--bodytext);padding:0 0 1.4rem 0;}

p.action {color:red;cursor:pointer;}
.pagelist {padding-bottom:2rem;}

#modal-wrapper.show {height:100%;width:100%;opacity:1;transition-property:height, width, opacity;transition-duration:0s, 0s, 0.5s;transition-delay:0s, 0s, 0s;}
#modal-wrapper {position:fixed;top:0;left:0;height:0;width:0;overflow:hidden;z-index:1000;opacity:0;transition-property:opacity, height, width;transition-duration:0.5s, 0s, 0s;transition-delay:0s, 0.5s, 0.5s;}
#modal-background {position:absolute;top:0;left:0;right:0;bottom:0;background-color:#222;opacity:0.5;}
#modal-content-wrapper {position:absolute;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;}
.modal-close-wrapper {position:absolute;top:1em;right:1em;}
.modal-close-wrapper a {color:white;font-size:2rem;font-weight:400;text-decoration:none;}
#modal-content {background-color:#eee;border-radius:4px;min-width:300px;min-height:300px;max-width:90%;max-height:86%;overflow-y:auto;}
.form-medium {width:600px;max-width:100%;padding:1rem 1.6rem 1.6rem;}
.form-large {width:1200px;max-width:100%;padding:1rem 1.6rem 1.6rem;}

.formcontent {width:100%;max-width:600px;}
.formcontent h3 {font-size:1.3rem;font-weight:500;border-bottom:1px solid #CCCCCC;line-height:1.6em;margin-bottom:0.8rem;letter-spacing:-1px;}
.formcontent p {font-size:0.9rem;padding:0 0 0.8rem 0;}
.formrow {display:block;margin:0.3rem 0;}
.btnrow {display:block;margin:1rem 0;}
.formrow label {display:inline;margin-right:0.5em;color:#000000;font-weight:500;line-height:1.1rem;font-size:0.96rem;}
.formrow label.lbltime {width:90px;display:inline-block;}
.formrow label.chkbx {position:relative;display:block;width:100%;margin-right:0;padding-left:1.8rem;color:#000000;font-weight:500;line-height:1.1rem;font-size:0.96rem;cursor:pointer;}
.formrow label.chkbx input[type="checkbox"] {position:absolute;top:0;left:0;}
.formrow span {font-size:0.76rem;color:#666666;line-height:1.1rem;font-weight:400;}
.formcontent input[type="text"], .formcontent input[type="email"], .formcontent input[type="password"], .formcontent input[type="date"], .formcontent input[type="url"] {width:100%;font-size:0.9rem;display:block;border:1px solid #BFBFBF;border-radius:4px;line-height:1.4em;padding:0.4rem 0.6rem;outline:none;font-family:'Roboto', sans-serif;font-weight:300;margin:0.4rem 0;}
.formcontent input[type="time"] {width:auto;font-size:0.9rem;display:inline-block;border:1px solid #BFBFBF;border-radius:4px;line-height:1.4em;padding:0.2rem 0.2rem;outline:none;font-family:'Roboto', sans-serif;font-weight:300;margin:0.4rem 1.2rem 0.4rem 0;}
.formcontent select {display:block;width:100%;min-width:178px;font-size:0.9rem;border:1px solid #BFBFBF;border-radius:4px;padding:0.5rem 0.5rem;outline:none;background-color:white;cursor:pointer;font-family:'Roboto', sans-serif;font-weight:300;margin:0.4rem 0;}
.formcontent textarea {width:100%;height:78px;font-size:0.9rem;display:block;border:1px solid #BFBFBF;border-radius:4px;line-height:1.4em;padding:0.4rem 0.6rem;outline:none;font-family:'Roboto', sans-serif;font-weight:300;margin:0.4rem 0;}
input.btn {display:inline-block;color:white;background-color:var(--btnred);border:1px solid var(--btnred);width:auto;border-radius:4px;line-height:1em;padding:0.5rem 1rem;text-align:center;cursor:pointer;font-family:'Roboto', sans-serif;font-size:0.9rem;font-weight:500;text-decoration:none;}
a.btn {display:inline-block;color:white;background-color:var(--btnred);border:1px solid var(--btnred);width:auto;border-radius:4px;line-height:1em;padding:0.5rem 1rem;text-align:center;cursor:pointer;font-family:'Roboto', sans-serif;font-size:0.9rem;font-weight:500;text-decoration:none;}
a.btn:hover, a.btn:focus {color:white;text-decoration:none;}
input.btn.sml {padding:0.3rem 0.7rem;font-size:0.8rem;}
a.btn.sml {padding:0.4rem 0.7rem;font-size:0.8rem;}

.cpanel input[type="text"] {width:100%;font-size:0.86rem;display:block;border:1px solid #BFBFBF;border-radius:4px;line-height:1.4em;padding:0.2rem 0.3rem;outline:none;font-family:'Roboto', sans-serif;font-weight:300;margin:0.2rem 0;}
.cpanel .formrow label {display:inline;margin-right:0;color:#000000;font-weight:500;line-height:1em;font-size:0.8rem;}
.cpanel .btnrow {padding:0.4rem 0}
.cpanel p.rel {position:relative;}
.cpanel p.rel input.btn.sml {position:absolute;top:3px;right:0;}

.dashpanels {width:100%;}
.dashpanel {padding:1rem;border:1px solid #D3D3D3;border-radius:8px;margin-bottom:1.8rem;text-align:center;}
.dashpanel img {margin:0 auto;margin-bottom:1.2rem;width:80%;max-width:120px;}
.dashpanel h2 {color:var(--secondary);padding:0 0 1.2rem 0;}
.dashpanel p {padding:0 0 0.4rem 0;}

.tbl-panels {width:100%;display:table;border-collapse:collapse;}
.tbl-panels .tr {border:1px solid #D3D3D3;border-radius:8px;display:table-row;}
.tbl-panels .th, .tbl-panels .tblpanelhdr {font-weight:500;display:table-cell;padding:1rem;background-color:#F5F3F2;}
.tbl-panels .th:last-child {width:100px;text-align:center;}
.tbl-panels .td {display:table-cell;padding:0.6rem 0;vertical-align:middle;}
.tbl-panels .td:first-child {font-weight:500;padding:0.3rem 1rem 0.3rem 1rem;}
.tbl-panels .td:nth-child(2n) {width:100px;text-align:center;}
.tbl-panels .td:nth-child(3n) {width:100px;text-align:center;}
.tbl-panels .td:last-child {width:100px;text-align:center;padding:0.3rem 0;}
.tbl-panels .tblpanelspacer .td {padding:0.2rem;font-size:0.025em;}
.tbl-panels .td a {font-weight:500;text-decoration:none;color:var(--btnred);font-size:0.94rem;}

.btnrow a.btn {display:inline-block;}
.btnrow input.btn {display:inline-block;}

.assets {border-top:1px solid #DDD;margin-bottom:2rem;}
.assetrow {position:relative;display:flex;padding:0.4rem 0;border-bottom:1px solid #DDD;justify-content:space-between;}
.assetimg {position:relative;width:80px;border-radius:8px;}
.assetimg span {position:absolute;width:26px;height:26px;bottom:6px;right:6px;display:block;z-index:1;background-image:url(../images/tick-green.png);background-size:100% 100%;}
.assetimg a, .assetimg img {position:relative;display:block;width:80px;height:80px;z-index:2}
.assetimg.video span {z-index:3;}
.assettxt {position:relative;width:calc(100% - 100px);}
.assettxt a.viewfile {position:absolute;top:0.2rem;right:0;color:var(--btnred);text-decoration:none;font-weight:500}
.assettxt p {padding:0 0 0.3rem 0;font-size:0.9rem;font-weight:400;}
.assettxt p.ttl {font-size:1.1rem;font-weight:500;}
.assetimg input[type="file"] {display:none;}
label.fileupload {display:block;width:80px;height:80px;border:0;background-image:url(../images/btn-choose.png);background-size:100% 100%;cursor:pointer;}
.userfile {width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;} 
.userfile + label {display:block;width:80px;height:80px;border:0;background-image:url(../images/btn-choose.png);background-size:100% 100%;cursor:pointer;}
.replaceuserfile {width:0.1px;height:0.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1;} 
.replaceuserfile + label {display:block;width:auto;border:0;cursor:pointer;color:var(--btnred);font-weight:500;}
p.vidinput input[type="text"] {padding:0.36rem;border-radius:4px;border:1px solid #C4C4C4;font-size:0.9rem;width:calc(100% - 100px);margin-right:0.4rem;display:inline-block;max-width:400px;}
p.vidinput input.btn {padding:0.44rem 1rem;}

button.copy {display:inline-block;border:0;cursor:pointer;vertical-align:middle;width:14px;height:16px;background:none;background-image:url(../images/icon-copy.png);background-size:100% 100%;}
button.btnchoose {width:80px;height:80px;border:0;background:none;appearance:none;background-image:url(../images/btn-choose.png);background-size:100% 100%;cursor:pointer;}
button.btnblank {width:80px;height:80px;border:0;background:none;appearance:none;background-image:url(../images/blank-square.png);background-size:100% 100%;cursor:pointer;} 

.loading {position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.56);z-index:9999;display:none;}
.spinner {position:absolute;top:calc(50% - 20px);left:calc(50% - 20px);width:40px;height:40px;border-radius:50%;border:6px solid white;border-top-color:var(--primary);animation:loading 1s linear infinite;}
@keyframes loading {to {transform:rotate(360deg);}}

.mediaselector {display:grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:1.4rem 2%;margin:0.8rem 0 1.2rem;}
.mediaselector div {position:relative;padding-bottom:2rem;text-align:center;}
.mediaselector div label {background-color:white;cursor:pointer;background-size:contain;background-repeat:no-repeat;display:inline-block;width:100%;height:auto;-webkit-transition:all 100ms ease-in;-moz-transition:all 100ms ease-in;transition:all 100ms ease-in;border-radius:10px;}
.mediaselector div label img {display:block;width:100%;height:auto;border:3px solid #E6E7E8;border-radius:10px;}
.mediaselector div p {position:absolute;display:block;bottom:0;left:0;text-align:center;font-size:0.9rem;font-weight:500;width:100%;padding:0;}
.mediaselector div input[type="radio"] {position:absolute;opacity:0;width:0;height:0;}
.mediaselector div input[type="radio"]:checked + img {border:3px solid #33CC33}
.mediaselector div input[type="checkbox"] {position:absolute;opacity:0;width:0;height:0;}
.mediaselector div input[type="checkbox"]:checked + img {border:3px solid #33CC33}







.datetabs ul {list-style:none;margin:0 0 1.8rem 0;padding:0;width:auto;border-bottom:1px solid #E6E6E6;}
.datetabs ul li {position:relative;display:inline-block;text-align:center;font-size:1rem;width:auto;overflow:hidden;font-weight:400;margin:0;line-height:1em;}
.datetabs ul li a {display:block;color:black;background-color:white;text-decoration:none;padding:8px 20px;}
.datetabs ul li.active a {background-color:#E6E6E6;color:black;-webkit-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;transition-delay:0s;transition-delay:0s;}

.agendapnl {position:relative;margin-bottom:1rem;padding:0.86rem 0.86rem 0.4rem;background-color:#F5F5F5;border:1px solid #E2E2E2;border-radius:8px;box-shadow:1px 1px 3px 0px rgba(148,148,148,0.6);-webkit-box-shadow:1px 1px 3px 0px rgba(148,148,148,0.6);-moz-box-shadow:1px 1px 3px 0px rgba(148,148,148,0.6);}
.agendapnl p {color:black;font-weight:400;padding:0 100px 0.3rem 0;font-size:0.96rem;}
.agendapnl p.ttl {font-size:0.9rem;color:var(--btnred)}
.agendapnl p.location {font-size:0.9rem}
.agendapnl p.excerpt {font-size:0.8rem;color:var(--bodytext);}
.agendapnl ul.speakers {list-style:none;display:inline;vertical-align:top;}
.agendapnl ul.speakers li {display:inline-block;width:44px;height:auto;margin-right:0.4rem;}
.agendapnl ul.speakers li img {display:block;width:100%;height:auto;}
.agendapnl .speaker-submit {display:inline-block;display:none;vertical-align:middle;}
.agendapnl a.editsession {position:absolute;top:0.6rem;right:1rem;color:var(--btnred);text-decoration:none;font-weight:500;}
.agendapnl a.editspeakers {position:absolute;top:2.2rem;right:1rem;color:var(--btnred);text-decoration:none;font-weight:500;}
.speakerresponse {display:none;vertical-align:bottom;padding:0 0 0.6rem 1rem;font-size:0.86rem;font-weight:500;color:var(--btnred);}

ul.speakerlist {list-style:none;display:grid;width:100%;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:1.4rem 2.4%;margin:1.2rem 0;}
ul.speakerlist li {position:relative;text-align:center;display:inline-block;}
ul.speakerlist li img {display:block;width:90%;height:auto;margin:0 auto;}
ul.speakerlist p {padding:0.4rem 0;color:var(--btnred);font-weight:400;font-size:0.9rem;}
ul.speakerlist li a {display:block;position:absolute;top:0;left:0;width:100%;height:100%;}

input[type="checkbox"].schkbox {position:absolute;left:0;top:6px;width:20px;height:20px;overflow:hidden;z-index:3;opacity:0;cursor:pointer;}
input[type="checkbox"].schkbox + label {cursor:pointer;z-index:1;}
input[type="checkbox"].schkbox + label span {position:absolute;left:0;top:0;display:block;width:20px;height:20px;background:url(../images/checkbox-bg.png) 0 0 no-repeat;background-size:40px 20px;cursor:pointer;}
input[type="checkbox"].schkbox:checked + label span {background:url(../images/checkbox-bg.png) -20px 0 no-repeat;background-size:40px 20px;}
input[type="checkbox"].schkbox:focus-visible + label span {outline:rgb(59,153,252) auto 3px;}
input[type="checkbox"].schkbox.failed + label > p {color:#D00;}

input[type="radio"].schkbox {position:absolute;left:0;top:6px;width:20px;height:20px;overflow:hidden;z-index:3;opacity:0;cursor:pointer;}
input[type="radio"].schkbox + label {cursor:pointer;z-index:1;}
input[type="radio"].schkbox + label span {position:absolute;left:0;top:0;display:block;width:20px;height:20px;background:url(../images/checkbox-bg.png) 0 0 no-repeat;background-size:40px 20px;cursor:pointer;}
input[type="radio"].schkbox:checked + label span {background:url(../images/checkbox-bg.png) -20px 0 no-repeat;background-size:40px 20px;}
input[type="radio"].schkbox:focus-visible + label span {outline:rgb(59,153,252) auto 3px;}
input[type="radio"].schkbox.failed + label > p {color:#D00;}

.checkboxrow {position:relative;}
.checkboxrow label {padding-left:26px;line-height:1.2rem;font-size:0.9rem;display:block;}
.checkboxrow input[type="checkbox"].schkbox + label span {top:3px;}

/* The switch - the box around the slider */
.switch {--button-width:3.5em;--button-height:1.8em;--toggle-diameter:1.5em;--button-toggle-offset:calc((var(--button-height) - var(--toggle-diameter)) / 2);--toggle-shadow-offset:10px;--toggle-wider:3em;--color-grey:#cccccc;--color-green:#32C806;}
.slider {display:inline-block;width:var(--button-width);height:var(--button-height);background-color:var(--color-grey);border-radius:calc(var(--button-height) / 2);position:relative;transition:0.3s all ease-in-out;cursor:pointer;}
.slider::after {content:"";display:inline-block;width:var(--toggle-diameter);height:var(--toggle-diameter);background-color:#fff;border-radius:calc(var(--toggle-diameter) / 2);position:absolute;top:var(--button-toggle-offset);transform:translateX(var(--button-toggle-offset));box-shadow:var(--toggle-shadow-offset) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);transition:0.3s all ease-in-out;}
.switch input[type="checkbox"]:checked + .slider {background-color:var(--color-green);}
.switch input[type="checkbox"]:checked + .slider::after {transform:translateX(calc(var(--button-width) - var(--toggle-diameter) - var(--button-toggle-offset)));box-shadow:calc(var(--toggle-shadow-offset) * -1) 0 calc(var(--toggle-shadow-offset) * 4) rgba(0, 0, 0, 0.1);}
.switch input[type="checkbox"] {display:none;}
.switch input[type="checkbox"]:active + .slider::after {width:var(--toggle-wider);}
.switch input[type="checkbox"]:checked:active + .slider::after {transform:translateX(calc(var(--button-width) - var(--toggle-wider) - var(--button-toggle-offset)));}

.hdrimg {position:relative;font-size:0.9rem;display:block;border:1px solid #BFBFBF;border-radius:4px;padding:0.6rem 0.6rem 40px 0.6rem;outline:none;margin:0.4rem 0;}
.hdrimg .btnrow {position:absolute;bottom:11px;left:0.6rem;margin:0;}
.hdrimgrow {position:relative;margin-bottom:0.3rem;padding-bottom:0.28rem;border-bottom:1px solid #E4E4E4;}
.hdrimgrow:last-child {border-bottom:0}
.hdrimgrow img {float:left;display:block;width:180px;height:auto;}
.hdrimgrow .txt {float:right;width:calc(100% - 240px);margin-right:40px;}
.hdrimgrow .txt .formrow {margin:0 0 0.6rem 0;}
.hdrimgrow .txt p {font-size:0.9rem;padding:0 0 0.2rem 0;}
.formcontent .hdrimgrow .txt input[type="text"] {margin:0 0 0.4rem 0;}
.imgabstract img {width:auto;max-width:100%;height:auto;display:block;}

.imgselect {position:relative;font-size:0.9rem;display:block;border:1px solid #BFBFBF;border-radius:4px;padding:0.6rem;outline:none;margin:0.4rem 0;}
.imgselect .btnrow {position:absolute;bottom:11px;left:0.6rem;margin:0;}
.imgselect .imgrow {position:relative;}
.imgselect .imgrow img.thumb {float:left;display:block;width:180px;height:auto;}
.imgselect .imgrow .txt {float:right;width:calc(100% - 240px);margin-right:40px;}
.imgselect .imgrow .txt .formrow {margin:0 0 0.6rem 0;}
.imgselect .imgrow .txt p {font-size:0.9rem;padding:0 0 0.2rem 0;}
.imgselect .imgrow .btn.sml {position:absolute;top:0;right:0;}

.moduleimgrow {position:relative;margin:0.4rem 0;padding-bottom:0.28rem;}
.moduleimgrow .moduleimg {float:left;width:180px;}
.moduleimgrow .moduleimg img {display:block;width:180px;height:auto;}
.moduleimgrow .txt {float:right;width:calc(100% - 200px);}
.moduleimgrow .txt .formrow {margin:0 0 0.6rem 0;}
.formcontent .moduleimgrow .txt input[type="text"] {margin:0 0 0.4rem 0;}

ol.mainlist {list-style:none;}
ol.mainlist li {position:relative;margin-bottom:2px;}
ol.mainlist li span.drag {position:absolute;top:5px;right:1px;width:30px;height:30px;content:'';background-image:url(../images/drag-handle.png);background-size:100% 100%;z-index:4;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:move;}
ol.mainlist li > div {position:relative;border:1px solid #D6D6D6;padding:0.6rem 2rem 0.6rem 2rem;display:block;background-color:var(--grey);}
ol.mainlist li > div > a {color:black;font-size:0.9rem;font-weight:400;text-decoration:none;}
ol.mainlist li.expandable span.expander {position:absolute;top:4px;left:1px;width:30px;height:30px;content:'';background-image:url(../images/menu-down.png);background-size:100% 100%;z-index:4;cursor:pointer;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
ol.mainlist li.expandable span.expander.open {transform:rotate(180deg);}
ol.mainlist a span.status {position:absolute;right:2.4rem;top:11px;font-size:0.76rem;color:#231F20;}
ol.mainlist a span.status.red {color:var(--btnred)}
ol.sublist {display:none;margin:0 0 0 1.5rem;list-style:none;}
ol.sublist li {margin-top:2px;}

ul.menulist {margin:0;list-style:none;}
ul.menulist li {position:relative;margin-bottom:2px;}
ul.menulist li label {position:relative;border:1px solid #D6D6D6;padding:0.6rem 1.4rem 0.6rem 2rem;display:block;color:black;font-size:0.9rem;font-weight:400;text-decoration:none;background-color:var(--grey);}
ul.menulist em.status {position:absolute;right:2.4rem;top:11px;font-size:0.76rem;color:#231F20;font-style:normal;}
ul.menulist em.status.red {color:var(--btnred)}
ul.menulist li ul.submenulist {margin:0 0 0 1.7rem;list-style:none;}
ul.menulist li ul.submenulist li {margin-top:2px;}
ul.menulist li input[type="checkbox"].schkbox + label span {left:6px;top:8px;}

input.file {box-sizing:border-box;width:100%;height:initial;padding:8px 5px;border:1px solid #9a9a9a;border-radius:4px;}
#uploadForm label {margin:2px;font-size:1em;}
#progress-bar {background-color:#12CC1A;color:white;width:0%;height:4px;-webkit-transition:width .3s;-moz-transition:width .3s;transition:width .3s;border-radius:5px;}
#targetLayer {width:100%;text-align:center;}

.medialist {display:grid;grid-template-columns:repeat(5, 1fr);gap:0.7rem 1%;align-items:center;justify-items:center;}
#modal-content .medialist {grid-template-columns:repeat(6, 1fr);gap:0.7rem 1%;}
.mediaitem {position:relative;border:1px solid #D5D5D5;border-radius:4px;width:100%;height:100%;overflow:hidden;padding:0.6rem 0.6rem 0.4rem 0.6rem;}
.mediaimg {position:relative;width:100%;height:auto;overflow:hidden;margin-bottom:0.6rem;}
.mediaimg img.mediablank {position:relative;z-index:1;display:block;width:100%;height:auto;}
.mediaimg img.mediaicon {display:block;max-width:60%;height:auto;margin:0 auto;}
.mediatxt p {width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.5em;padding:0 0 0.2rem 0;font-size:0.76rem;color:#666666;font-weight:300;}
.mediatxt p.medianame {font-weight:500;} 
.mediatxt p.last {padding:0 36px 0 0;}
.mediaitem .selector {position:absolute;z-index:2;display:block;bottom:0.6rem;right:0.6rem;width:20px;height:20px;}
img.mediadelete {position:absolute;z-index:2;display:block;bottom:0;right:0;width:15px;height:20px;}
.mediaitem img.mediadelete {bottom:6px;right:6px;}

.modulelist {margin:2rem 0;}
.moduleitem {margin-bottom:1rem;}
.moduleitemhdr {position:relative;}
.moduleitemhdr a {position:relative;border:1px solid #D6D6D6;padding:0.6rem 2rem 0.6rem 2rem;display:block;color:black;font-size:0.9rem;font-weight:400;text-decoration:none;background-color:var(--grey);z-index:1;}
.moduleitemhdr a:before {position:absolute;top:5px;left:1px;width:30px;height:30px;content:'';background-image:url(../images/menu-down.png);background-size:100% 100%;z-index:1;cursor:pointer;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.moduleitemhdr a.open:before {transform:rotate(180deg);}
.moduleitemhdr span.drag {position:absolute;top:5px;right:1px;width:30px;height:30px;content:'';background-image:url(../images/drag-handle.png);background-size:100% 100%;z-index:4;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;cursor:move;}
.moduleitemcontent {position:relative;display:none;padding:0 2rem 0 0;}
.moduleitemcontent img.moduledelete {position:absolute;z-index:2;display:block;bottom:2px;right:0;width:15px;height:20px;}

.mediaedit .mediaitem {display:flex;justify-content:space-between;}
.mediaedit .mediaimg {width:30%;}
.mediaedit .mediaimg img {width:100%;display:block;height:auto;}
.mediaedit .mediatxt {width:67%;}

.tabs {position:relative;margin-bottom:1.8rem;}
.shadetabs {list-style:none;}
.shadetabs li {display:inline;margin-right:1rem;font-size:0.9rem;}
.shadetabs a {display:inline-block;padding:0.4rem 0;text-decoration:none;font-weight:300;color:black;border:none;outline:none;text-align:center;}
.shadetabs li.active a {font-weight:400;border-bottom:1px solid black;}

.ck-editor__editable {min-height:160px;resize:vertical;}
.ck-editor__editable_inline p {font-size:0.9rem !important;font-family:'Roboto', sans-serif !important;}
.ck.ck-editor {margin:0.4rem 0 !important;}

.wrapperside h4 {font-size:0.96rem;font-weight:500;line-height:1.5em;padding-bottom:0.1rem;letter-spacing:-0.02rem;}
.cpanel {position:relative;border:1px solid #D5D5D5;border-radius:4px;width:100%;height:auto;overflow:hidden;padding:0.4rem 0.76rem 0.4rem 0.76rem;margin-bottom:1rem;background-color:white;}
.cpanel p {padding:0.23rem 0;font-size:0.83rem;}
.cpanel p a {color:var(--btnred);text-decoration:none;font-weight:400;}
.cpanel p a:hover, .cpanel p a:focus {color:var(--btnred);text-decoration:underline;font-weight:400;}
.cpanel.expandable .cpanelinner {display:none;}
.cpanel.expandable span.expander {position:absolute;top:2px;right:8px;width:30px;height:30px;content:'';background-image:url(../images/menu-down.png);background-size:100% 100%;z-index:4;cursor:pointer;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.cpanel.expandable span.expander.open {transform:rotate(180deg);}
.cpanel .btnrow {margin:0.4rem 0;}
a.pagedelete {display:block;position:relative;padding:4px 0 4px 24px;}
a.pagedelete::before {position:absolute;content:'';top:0;left:0;width:15px;height:20px;background-image:url(../images/icon-bin.png);background-size:100% 100%;}

.featuredimg {position:relative;padding-bottom:26px;}
.featuredimg img.ftrd {display:block;width:100%;height:auto;}
.featuredimg img.mediadelete {bottom:0;right:0;}

.ui-timepicker-div .ui-widget-header {margin-bottom:8px;}
.ui-timepicker-div dl {text-align:left;}
.ui-timepicker-div dl dt {float:left;clear:left;padding:0 0 0 5px;}
.ui-timepicker-div dl dd {margin:0 10px 10px 40%;}
.ui-timepicker-div td {font-size:90%;}
.ui-tpicker-grid-label {background:none;border:none;margin:0;padding:0;}
.ui-timepicker-div .ui_tpicker_unit_hide{display:none;}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {background:none;color:inherit;border:none;outline:none;border-bottom:solid 1px #555;width:95%;}
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {border-bottom-color:#aaa;}

.ui-timepicker-rtl {direction:rtl;}
.ui-timepicker-rtl dl {text-align:right;padding:0 5px 0 0;}
.ui-timepicker-rtl dl dt{float:right;clear:right;}
.ui-timepicker-rtl dl dd {margin:0 40% 10px 10px;}

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {padding-right:2px;}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt {display:none;}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {display:block;padding-top:2px;}
.ui-timepicker-div.ui-timepicker-oneLine dl {text-align:right;}
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {display:inline-block;margin:0;}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {content:':';display:inline-block;}
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {content:'.';display:inline-block;}
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{display:none;}

table.listtable {margin-bottom:1.2rem;border:0px;}
table.listtable th, table.listheadertable th {padding:10px 4px;color:#230021;font-weight:600;text-align:left;vertical-align:top;border-bottom:1px solid #9C9C9C;font-size:0.92rem;font-weight:500;}
table.listtable td {border-bottom:1px solid #E2E2E2;padding:8px 0.6rem 8px 4px;text-align:left;font-size:0.86rem;vertical-align:top;}
table.listtable td.brdless {border-bottom:0;}
table.listtable td.nowrap {white-space:nowrap}
table.listtable td:first-child {white-space:nowrap;}
table.listtable td.ctrd, table.listtable th.ctrd {text-align:center;}
table.listtable td.nowrap {white-space:nowrap;}
table.listtable td.dot {text-align:center;padding:14px 4px 6px 4px;}
table.listtable td.dot img {width:12px;height:12px;display:block;margin:0 auto;}
table.listtable h3 {font-size:100%;font-weight:600;padding:0px 0px 2px 0px;margin:0px 0px 3px 0px;border-bottom:1px solid #CFCFCF;}
table.listtable a:link, table.listtable a:visited {font-weight:500;color:#065CC6;text-decoration:none;}
table.listtable a:active, table.listtable a:hover {font-weight:500;color:#065CC6;text-decoration:underline;}
table.listtable td img.iconemail {width:14px;height:14px;display:inline-block;margin-right:0.3rem;vertical-align:middle;}

.wshdr {position:relative;padding:0.6rem 2.86rem 0.6rem 0.86rem;background-color:#F5F5F5;border:1px solid #E2E2E2;border-radius:8px;box-shadow:1px 1px 3px 0px rgba(148,148,148,0.6);-webkit-box-shadow:1px 1px 3px 0px rgba(148,148,148,0.6);-moz-box-shadow: 1px 1px 3px 0px rgba(148,148,148,0.6);margin-top:1rem;color:black;font-weight:400;font-size:0.96rem;}
.wshdr a {position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:2;}
.wshdr a:after {position:absolute;content:'';display:block;width:21px;height:12px;top:13px;right:1rem;z-index:3;background-image:url(../images/downarrow.png);background-size:21px 12px;-webkit-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.wshdr a.open:after {transform:rotate(180deg);}
.wshdr span {color:#B85C17;font-size:0.96rem;}
.wscontent {display:none;padding:0.6rem 1rem 0.3rem 1rem;font-size:0.96rem;}
.wscontent p {padding:0.1rem 0;}

@media screen and (max-width:992px) {}