@media (min-width: 768px){
  .bd-placeholder-img-lg{font-size:3.5rem}
}
@font-face {font-family: basic;src: url(../fonts/Roboto/Roboto-Regular.ttf);}
@font-face {font-family: mono;src: url(../fonts/mono/DroidSansMonoSlashed.ttf);}
@font-face {font-family: ptmono;src: url(../fonts/mono/PTMonoWeb/PTM55F_W.ttf);}
body {font-family: basic;font-size: 14px;color:#3a3a3a}
main{min-height:100vh}
.console-unsaved{border:solid 1px #ff5555}
.failure-msg{color:#d44950}
.maincontainer{padding:4rem 0.5rem}
.modal{background:rgba(0,0,0,0.541)}
.modal-content{max-height:90vh}
.modal-body{height:100%;overflow:auto}
.navbar {height:48px; padding-top: .35rem; padding-bottom: .35rem;}
.flex-modal-large .modal-dialog{min-width:800px;max-width:1140px;height:90vh}
.flex-modal-large .modal-content{width:100%;height:100%}
.text-pre{white-space:pre-wrap; box-sizing:border-box}
.dropdown-clickable{cursor:pointer}
.flexeditor-main-nav{flex:2;height:100%;padding:.1rem;overflow-x:hidden;overflow-y:scroll;font-size:90%;color: #3a3a3a}
.flexeditor-main-nav .accordion-item {border:0}
.flexeditor-main-nav .accordion-body {padding:.25rem}
.flexeditor-main-tabs {width: 100%;height: 100%;overflow: hidden;display: flex;flex-direction: column;display: flex;flex-direction: column;}
.flexeditor-main-tabs-tabblock {width: 100%;flex-wrap:wrap;}
.flexeditor-main-tabs-blockscontainer {height: 100%;overflow: hidden;}
.flexeditor-main-tabs-content {height: calc(100% - 48px); width: 100%;}
.flexeditor-nav-delimiter{color:#aaa8a8}
.flexeditor-fullspace{width:100%;height:100%}
.flexeditor-undertitle{width:100%;height:calc(100% - 46px)}
.flexeditor-librun-navigator{flex:3}
.flexeditor-workplace{padding:48px 0 0 0;height:100%;overflow:hidden}
.flexeditor-workplace-content{display:flex;height:100%;overflow:hidden}
.flexeditor-main-block-10{flex:10;display:flex}
.flexeditor-main-block-11{flex:11;display:flex}
.flexeditor-main-block-12{flex:12;display:flex}
.flexeditor-main-block-13{flex:13;display:flex}
.flexeditor-main-block-v-10{flex:10;}
.flexeditor-main-block-v-11{flex:11;}
.flexeditor-main-block-v-12{flex:12;}
.flexeditor-main-block-v-13{flex:13;}
.flexeditor-rootblock{display:flex;width:100%;height:100%}
.flexeditor-navigation{flex:2;max-width:20vw}
.flexeditor-main{flex:7;padding: 2px 12px 2px 2px;overflow:auto}
.flexeditor-sourceblock {flex:9}
.flexeditor-source{height:100%;width:100%}
.flexeditor-settings{flex:3;height:100%;overflow:auto;max-width:21.42vw}
.flexeditor-canvas-nav-container{width:100%;height:calc(100% - 120px);overflow:hidden;}
.flexeditor-canvas-nav{width:100%;height:100%;overflow-x:hidden;overflow-y:scroll;font-size:90%;padding-left:2px}
.flexeditor-navitem, .flexeditor-bnavitem{white-space:nowrap;width:100%}
.flexeditor-navitem:hover, .flexeditor-bnavitem:hover{background:rgba(0,0,0,0.08)}
.flexeditor-navitem-tline{cursor:pointer;display:inline-block;width:calc(100% + 60px);overflow:hidden;line-height:1.6}
.flexeditor-navitem-title{display:inline}
.flexeditor-navitem-title-disabled{opacity:0.5}
.flexeditor-navitem-btn{display:inline-block}
.flexeditor-navitem-selected .flexeditor-navitem-title, .flexeditor-bnavitem-selected .flexeditor-navitem-title{font-weight:600}
.flexeditor-navitem-lselected .flexeditor-navitem-title{border-bottom:1px dashed #3a3a3a;font-weight:600}
.flexeditor-navitem:hover .flexeditor-navitem-tline{width:calc(100% - 40px)}
.flexeditor-bnavitem:hover .flexeditor-navitem-tline{width:calc(100% - 40px)}
.flexeditor-map-container-small{width:100%;height:120px;text-align:center;margin:auto;padding:1px}
.flexeditor-map-container-big{width:100%;height:100%}
.flexeditor-tabs-btn{display:inline-block}
.flexeditor-canvas{width:100%;height:100%}
.flexeditor-panel{height:32px;vertical-align:middle}
.flexeditor-component{display:flex;height:100%;outline:1px solid #cdcdcd;flex: 1 1 auto !important;align-content:stretch}
.flexeditor-component-selected{background:#d6e6ca}
.flexeditor-icon-ro{display:inline-block;height:14px;width:14px;padding:0;align-self:center;margin:0 auto}
.flexeditor-icon-ro-light{display:inline-block;height:14px;width:14px;padding:0;align-self:center;margin:0 auto;filter:brightness(0.2) sepia(1) hue-rotate(180deg) saturate(5)}
.flexeditor-icon-nh{display:inline-block;height:14px;width:14px;padding:0;align-self:center;cursor:pointer;margin:0 auto}
.flexeditor-icon-h{display:inline-block;height:14px;width:14px;padding:0;align-self:center;cursor:pointer;margin:0 auto;opacity:0.4}
.flexeditor-icon-h:hover{opacity:1}
.flexeditor-icon-hinvis{display:inline-block;height:14px;width:14px;padding:0;align-self:center;cursor:pointer;margin:0 auto;opacity:0.0}
.flexeditor-icon-hinvis, .flexeditor-navitem:hover .flexeditor-bnavitem:hover .flexeditor-icon-hinvis{opacity:0.4}
.flexeditor-icon-hinvis:hover{opacity:1 !important}
.flexeditor-pencil{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/pencil.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-x{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/x.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-trash{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/trash.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-gear{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/gear.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-refresh{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/arrow-counterclockwise.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-openlink{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/box-arrow-up-right.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-move{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/arrows-move.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-moveup{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/chevron-up.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-movedn{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/chevron-down.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-bmoveup{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/arrow-up.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-bmovedown{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/arrow-down.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-baddbefore{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/arrow-bar-left.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-baddbafter{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/arrow-bar-right.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-baddbsub{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/arrow-return-left.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-bchlevel{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/arrow-90deg-up.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-bcopy{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/plus-circle-dotted.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-bclean{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/square.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-btrash{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/trash.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%}
.flexeditor-refresher-update{background:url("/public/com/teacode/bootstrap/svg/bootstrap-icons-1.11.3/arrow-repeat.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%;height:28px;width:28px;display:inline-block;cursor:pointer}
.flexeditor-refresher-progress{background:url("/public/com/teacode/dm/phlox/scripts/assets/img/62ce82dc33fe9fb9d7c46f3ed8d1fec8.svg") no-repeat scroll 0 0 transparent;background-size:100% 100%;height:28px;width:28px;display:inline-block}
.flexeditor-reg-table th, .flexeditor-reg-table td{padding:0 0.5em}
.flexeditor-bg-green{background:#8cb869 !important}
.flexeditor-code{font-size:12pt;min-height:24pt;font-family:ptmono, Lucida, Monaco, Courier New, Courier, Lucida Sans Typewriter, monospace;line-height:1.5;white-space:pre-wrap;background:#FFFFFF;padding:6px;text-align:left}
.flexeditor-modal-large .modal-dialog{max-width:1140px;height:90vh}
.flexeditor-modal-large .modal-content{width:100%;height:100%}
.flexeditor-warnborder{box-shadow:0 0 0 .25rem rgba(253,92,49,.5) !important}
.flexeditor-codeviewer{width:100%;height:calc(100% - 0.1em)}
.flexeditor-codesource{width:100%;height:calc(100% - 0.1em)}
.flexeditor-full-btn{width:100%; padding:6px 6px 40px 6px}
.resizible-flex {display:flex;overflow:hidden}
.resizible-flex.resizible-h {flex-direction:row}
.resizible-flex.resizible-v {flex-direction:column}
.resizible-flex-item {overflow:auto}
.resizible-flex > flex-resizer {flex:0 0 4px;background-color:#dddddd;background-repeat:no-repeat;background-position:center}
.resizible-flex.resizible-h > flex-resizer {cursor:ew-resize;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='6' height='30'><path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='gray'/></svg>")}
.resizible-flex.resizible-v > flex-resizer {cursor:ns-resize;background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='30' height='6'><path d='M0 2 h30 M0 5 h30 M0 8 h30' fill='none' stroke='gray'/></svg>")}
.navbar-nav .btn-outline-primary{color:#fff}
.btn-primary{color:#3a3a3a;border:none;background-color:#e3e3e3}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{color:#3a3a3a;background-color:#cdcdcd}
.btn-outline-primary{color:#3a3a3a;border:none}
.btn-outline-primary:hover, .btn-outline-primary.dropdown-toggle.show{color:#3a3a3a;background-color:#cdcdcd}
.btn-outline-primary:hover, .btn-primary:hover, .btn:focus, .btn:active{border:none}
.btn-outline-primary:active{color:#fff; background-color:#cdcdcd;border-color:#cdcdcd}
.btn-primary:active, .btn-outline-primary:active{color:#3a3a3a}
.btn-primary, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary:active:focus,
.btn-outline-primary, 
.btn-outline-primary:focus, 
.btn-outline-primary:active, 
.btn-outline-primary:active:focus,
.btn,
.btn:focus, 
.btn:active, 
.btn:active:focus,
.btn-outline-primary.dropdown-toggle.show:focus{outline:0;box-shadow:none}
.project-menu{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.sel-project{font-size:20px;font-weight:bold;margin:auto 0;padding:0px 4px 0px 15px}
.project-menu-tabs{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;overflow:hidden;height:32px}
.tabs-nav{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;overflow-x:auto;overflow-y:hidden;height:32px}
.tabs-nav::-webkit-scrollbar:horizontal{height:5px}
.tabs-nav::-webkit-scrollbar-track-piece{background:rgba(78,125,45,0.651)}
.tabs-nav::-webkit-scrollbar-thumb{border-radius:1.5px;background-color:#4e7d2d;cursor:pointer}
.project-menu-tab.add.empty >.settings-box__settings{margin-left:113px}
.project-menu-tab.add >.settings-box__settings{width:120px;top:78px;margin-left:16px;-webkit-transform:translate(-100%,0%);-moz-transform:translate(-100%,0%);-o-transform:translate(-100%,0%);-ms-transform:translate(-100%,0%);transform:translate(-100%,0%)}
.project-menu-tab{color:#fff;border-radius:4px 4px 0 0;background:#4e7d2d;cursor:pointer;opacity:.65;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";filter:alpha(opacity=65);font-size:15px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;margin-right:1px;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-ms-flexbox;display:box;display:flex;min-width:32px}
.project-menu-tab.open{opacity:1;-ms-filter:none;filter:none;background:#fff;color:#3a3a3a;-webkit-box-shadow:0 -2px 3px 0 rgba(0,0,0,0.15);box-shadow:0 -2px 3px 0 rgba(0,0,0,0.15)}.main-head__tab.open:before{opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90)}.main-head__tab.open .tab__delete:before{background:url("/public/com/teacode/dm/phlox/images/plus.svg");-webkit-background-size:13px;-moz-background-size:13px;background-size:13px;background-repeat:no-repeat;background-position:center}.main-head__tab.open .tab__delete:hover{background:#cdcdcd;opacity:.85 !important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)" !important;filter:alpha(opacity=85) !important}.main-head__tab:hover{opacity:1;-ms-filter:none;filter:none}.main-head__tab:hover .tab__delete{opacity:.55;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";filter:alpha(opacity=55)}.main-head__tab.package{padding-left:35px;position:relative}.main-head__tab.package:before{content:'';background:url("/public/com/teacode/dm/phlox/images/package.svg");-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center;opacity:.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);position:absolute;width:20px;height:100%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:18px}.main-head__tab.package[data-color='0']:before{background:url("/public/com/teacode/dm/phlox/images/package-test-0.svg");-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center}.main-head__tab.package[data-color='1']:before{background:url("/public/com/teacode/dm/phlox/images/package-test-1.svg");-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center}.main-head__tab.package[data-color='2']:before{background:url("/public/com/teacode/dm/phlox/images/package-test-2.svg");-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center}.main-head__tab.package[data-color='3']:before{background:url("/public/com/teacode/dm/phlox/images/package-test-3.svg");-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center}.main-head__tab.package[data-color='4']:before{background:url("/public/com/teacode/dm/phlox/images/package-test-4.svg");-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center}.main-head__tab.package[data-color='5']:before{background:url("/public/com/teacode/dm/phlox/images/package-test-5.svg");-webkit-background-size:contain;-moz-background-size:contain;background-size:contain;background-repeat:no-repeat;background-position:center}
.project-menu-tab.form{position:relative}
.tab-title{padding:7px 20px 7px 20px;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap}
.sel-project .flexeditor-icon-hinvis{opacity:0.4}
.project-main-content{position:fixed;left:0px;width:100%;height:calc(100% - 90px);display:flex;overflow:auto}
.main-box{-webkit-box-orient:vertical;-moz-box-orient:vertical;-o-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-moz-box-flex:1;-o-box-flex:1;box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;z-index:0;margin:20px;overflow:auto}
.tab-content{width:100%}
.hidden{display:none}
.startdemo{max-width:400px}
#runbb .startdemo{font-size:80%;padding:.335rem 1.85rem .335rem .35rem}
.pages-table-line td{vertical-align:middle}
.pages-table-line:hover .flexeditor-icon-hinvis{opacity:0.4}
.smalltitle{color:#555;font-size:80%;margin:5px 0}
.breakpoints-table th, .breakpoints-table td{text-align:center;vertical-align:middle}
.breakpoints-table .form-group{height:100%;width:100%}
#currentSettingsContainer{height:calc(50% - 2px)}
#librunNavigatorContainer{height:50%}
.nav-link, .nav-link:focus, .nav-link:hover {color:rgb(140, 184, 105)}
.accordion-button:not(.collapsed) {color:inherit;background:rgba(0,0,0,0.08)}
.accordion-button:focus {border-color: none;outline: 0;box-shadow: none;background-color: #fff;}
.accordion-button:not(.collapsed)::after {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.form-check-input:checked {background-color:#8cb869;border-color: #8cb869}
.flex-btn-show{cursor: pointer;font-size:0.8em;color:#b9b7b7;border-bottom:1px dashed;display:inline-block;margin: 6px 0}
.codeflex{height:4em;display:flex}
.accordion-body{padding:.25rem .25rem}
.accordion-button{padding:.25rem}
.form-control{padding:4px 28px 4px 4px;font-size:14px}
.flexeditor-warnborder-attention {
	animation:pulse 1s;
  animation-iteration-count:infinite;
}
@keyframes pulse {
	0% {}
	50% {color:red;}
	100% {}
}
.nav-item > a.nav-link {overflow:hidden;white-space:nowrap;max-width:120px;min-width:60px}
.nav-item > a.nav-link:hover .flexeditor-main-navitem-title {width: calc(100% - 40px)}
.flexeditor-main-navitem-title {white-space:nowrap;overflow:hidden;width:100%;display:inline-block;direction: rtl}
.nav-tabs .nav-link {padding:.05rem .10rem .25rem .10rem}
.list-unstyled {line-height:1}
.ace_editor, .ace_editor *, .ace_line span {
  font: 16px/normal mono, monospace !important;
  font-size:16px;
  font-family: mono, monospace !important;
  font-feature-settings: "liga" 0 !important;
  font-variant: no-common-ligatures!important;
  font-variant-ligatures: none !important;
  font-weight: normal !important;
  font-display: fallback !important;
  -moz-font-variant-ligatures: none !important;
  -moz-font-feature-settings: "liga" 0 !important; 
}
.wl-warnings-block {height: calc(100% - 50px);overflow: auto;}