table.resultSqlTable{display:block}table.resultSqlTable th{padding:8px;text-align:left;vertical-align:top;color:#333;background-color:#eee;border:1px solid #b9b9b9;white-space:nowrap;font-size:14px;min-width:100px}table.resultSqlTable td{padding:3px;background-color:#fff;border:1px solid #b9b9b9;white-space:nowrap;font-size:14px}table.resultSqlTable .different{background-color:pink}.error{color:red;text-align:center}ul.ul-disc,ul.ul-disc>li{list-style-type:disc;margin-left:1em}.scrollbox{margin:20px;height:690px;overflow-y:auto}.style-change{overflow:none;padding-right:0}.header-area{background-color:#fff;display:flex;align-items:center}.header-area .logo{cursor:pointer}.header-area .logo img{width:150px;height:40px;padding:5px}.header-area .progressbar{width:500px;height:50px;margin:5px 0 5px 50px;background-color:#e3eefa;border-radius:5px;border:2px solid #0ca5e6;display:flex}.header-area .progressbar svg{width:30px;height:30px;margin:auto 0 auto 5px;fill:#0b41a0}.header-area .progressbar svg .cls-1{fill:#0b41a0}.header-area .progressbar .header-bar-scratch-icon{width:50px;height:40px;margin:auto 0 auto 5px;fill:#0b41a0}.header-area .progressbar .curriculum-name{width:80px;color:#0b41a0;font-size:18px;font-weight:700;padding:0 5px 0 10px;margin:auto 0 auto 0}.header-area .progressbar .level{color:#0b41a0;font-weight:700;font-size:18px;width:45px;padding:0 5px 0 5px;margin:auto 0 auto 10px;position:relative;left:-10px}.header-area .progressbar .progress{margin:20px 5px 5px 5px;width:95%;position:unset;background-color:#d5d5d5}.header-area .progressbar .progress .next-lebel-point-style{color:#0b41a0;font-weight:bold;margin-top:5px;position:relative;width:100%;font-size:12px;margin-bottom:5px;margin-left:10px;position:absolute;width:200px;top:5px}.header-area .progressbar .progress .progress-bar-success{background-color:#3ec1bd;position:relative}.header-area .nav{width:430px;height:40px;margin:0 0 0 auto;text-align:center}.header-area .nav{font-size:14px}.header-area .nav-items{padding:0;list-style:none;margin:0;height:100%}.header-area .nav-item{display:inline-block;margin-right:25px;height:100%}.header-area .nav-item:last-child{margin-right:0}.header-area .nav-link,.header-area .nav-link:link,.header-area .nav-link:visited,.header-area .nav-link:active,.header-area .submenu-link,.header-area .submenu-link:link,.header-area .submenu-link:visited,.header-area .submenu-link:active{display:block;position:relative;font-size:14px;letter-spacing:1px;cursor:pointer;text-decoration:none;outline:none;height:100%;padding:5px 10px 5px 10px}.header-area .nav-link svg,.header-area .nav-link:link svg,.header-area .nav-link:visited svg,.header-area .nav-link:active svg,.header-area .submenu-link svg,.header-area .submenu-link:link svg,.header-area .submenu-link:visited svg,.header-area .submenu-link:active svg{fill:#0b41a0;width:25px;height:25px;vertical-align:middle}.header-area .nav-link svg .cls-1,.header-area .nav-link:link svg .cls-1,.header-area .nav-link:visited svg .cls-1,.header-area .nav-link:active svg .cls-1,.header-area .submenu-link svg .cls-1,.header-area .submenu-link:link svg .cls-1,.header-area .submenu-link:visited svg .cls-1,.header-area .submenu-link:active svg .cls-1{fill:#0b41a0}.header-area .nav-link .practice-svg .cls-1,.header-area .nav-link:link .practice-svg .cls-1,.header-area .nav-link:visited .practice-svg .cls-1,.header-area .nav-link:active .practice-svg .cls-1,.header-area .submenu-link .practice-svg .cls-1,.header-area .submenu-link:link .practice-svg .cls-1,.header-area .submenu-link:visited .practice-svg .cls-1,.header-area .submenu-link:active .practice-svg .cls-1{fill:#fff}.header-area .nav-link .practice-svg .cls-2,.header-area .nav-link:link .practice-svg .cls-2,.header-area .nav-link:visited .practice-svg .cls-2,.header-area .nav-link:active .practice-svg .cls-2,.header-area .submenu-link .practice-svg .cls-2,.header-area .submenu-link:link .practice-svg .cls-2,.header-area .submenu-link:visited .practice-svg .cls-2,.header-area .submenu-link:active .practice-svg .cls-2{fill:#0b41a0}.header-area .nav-link .help-svg .cls-1,.header-area .nav-link:link .help-svg .cls-1,.header-area .nav-link:visited .help-svg .cls-1,.header-area .nav-link:active .help-svg .cls-1,.header-area .submenu-link .help-svg .cls-1,.header-area .submenu-link:link .help-svg .cls-1,.header-area .submenu-link:visited .help-svg .cls-1,.header-area .submenu-link:active .help-svg .cls-1{fill:#0b41a0}.header-area .nav-link .help-svg .cls-2,.header-area .nav-link:link .help-svg .cls-2,.header-area .nav-link:visited .help-svg .cls-2,.header-area .nav-link:active .help-svg .cls-2,.header-area .submenu-link .help-svg .cls-2,.header-area .submenu-link:link .help-svg .cls-2,.header-area .submenu-link:visited .help-svg .cls-2,.header-area .submenu-link:active .help-svg .cls-2{fill:#fff}.header-area .nav-link,.header-area .nav-link:link,.header-area .nav-link:visited,.header-area .nav-link:active{color:#0b41a0;font-weight:bold}.header-area .nav-link:hover{background-color:#e3eefa}.header-area .dropdown{position:relative}.header-area .dropdown .nav-link{height:100%;line-height:17px}.header-area .submenu{position:absolute;top:80%;left:-65px;z-index:100;width:210px;margin-left:-100px;background:#fff;border-radius:3px;line-height:1.46667;margin-top:-5px;box-shadow:0 0 8px rgba(0,0,0,.3);opacity:0;-webkit-transform:translate(0, 0) scale(0.85);transform:translate(0, 0) scale(0.85);transition:opacity .1s ease-out,-webkit-transform .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out;transition:transform .1s ease-out,opacity .1s ease-out,-webkit-transform .1s ease-out;pointer-events:none}.header-area .submenu::after,.header-area .submenu::before{content:"";position:absolute;bottom:100%;left:88%;margin-left:-10px;border:10px solid rgba(0,0,0,0);height:0}.header-area .submenu::after{border-bottom-color:#fff}.header-area .submenu::before{margin-left:-13px;border:13px solid rgba(0,0,0,0);border-bottom-color:rgba(0,0,0,.1);-webkit-filter:blur(1px);filter:blur(1px)}.header-area .submenu-items{list-style:none;padding:10px 0}.header-area .submenu-item{display:block;text-align:left}.header-area .submenu-item span img{width:25px;height:25px}.header-area .submenu-item:hover{background-color:#e3eefa}.header-area .submenu-item:visited{background-color:#e3eefa}.header-area .submenu-link,.header-area .submenu-link:link,.header-area .submenu-link:visited,.header-area .submenu-link:active{color:#0b41a0;padding:10px 20px}.header-area .submenu-seperator{height:0;margin:12px 10px;border-top:1px solid #eee}.header-area .show-submenu .submenu{opacity:1;-webkit-transform:translate(0, 25px) scale(1);transform:translate(0, 25px) scale(1);pointer-events:auto}

/*# sourceMappingURL=layout.css.map*/