*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
html{height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

body{color:#333;font-family:'Open Sans', sans-serif, arial, helvetica;font-size:17px;height:100%;margin:0;min-width:320px;overflow:hidden;text-rendering:optimizeLegibility}
@media (max-width: 1000px)
{body{font-size:11pt}}
table{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}

input[type='text'],input[type='password'],textarea{color:#333;font-size:110%;padding:5px;width:100%}
@media (max-width: 1000px)
{input[type='text'],input[type='password'],textarea{padding:2px}}
input[type='checkbox']{margin-right:7px}
button:focus,input:focus,select:focus,textarea:focus{outline:1px}::-webkit-input-placeholder{font-style:italic}
:-moz-placeholder{font-style:italic}::-moz-placeholder{font-style:italic}
:-ms-input-placeholder{font-style:italic}
.float-left{float:left}
.float-right{float:right}
.float-fix{overflow:auto}
.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.cursor-pointer{cursor:pointer}
.disabled-link{cursor:no-drop !important}
.icon-rotate-135{display:inline-block;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}

.mobile-show{display:none !important;visibility:hidden}
@media (max-width: 1000px)
{.mobile-show{display:block !important;visibility:visible}.mobile-hide{display:none !important;visibility:hidden}}
:invalid{box-shadow:none}
:-moz-submit-invalid{box-shadow:none}
:-moz-ui-invalid{box-shadow:none}
#sb-site{height:100%;max-width:100%}
.btn-primary{border:none}
.label-danger{color:white}
.dropdown-menu{background-color:white;border:2px solid #555554;padding:7px 9px 7px 3px}
.dropdown-menu i{font-size:15pt}
@media (max-width: 1000px)
{.dropdown-menu{padding:3px 5px 3px 1px}.dropdown-menu i{font-size:12pt}}
.dropdown-menu i{margin-right:5px}
.dropdown-menu li a,.dropdown-menu .active a{background-color:white;color:#555554;padding:5px 9px}
.dropdown-menu li a:hover,.dropdown-menu .active a:hover{color:white;padding:5px 9px}
.dropdown button,.dropup button{background:none;border:none;text-align:left}
.dropdown-menu .divider{margin:6px 0}
.modal{min-width:320px}
.modal-header{border-top-left-radius:5px;border-top-right-radius:5px}
@media (max-width: 1000px)
{.modal-header,.modal-footer{padding-bottom:6px;padding-top:6px}
.modal-header .close{margin-top:0}
.modal-title{font-size:100%}}
.modal-body{font-size:90%}
.modal-body strong.error--attention{margin-right:10px}
.modal-body fieldset{font-size:100%;margin-bottom:20px}
.modal-body fieldset label{font-weight:normal}
.modal-body legend{background-color:#f9f9f9;border:none;border-left:2px solid #cdcdcd;font-size:100%;padding-left:5px}
@media (max-width: 1000px)
{.btn{padding:2px 7px}}
.too}}\nltip-inner{margin-left:10px;max-width:none;white-space:nowrap}
.nav-tabs{border-bottom-color:#7a7a7a}
.nav-tabs li{font-size:95%}
.nav-tabs>li>a{background-color:#fbfbfb;border-color:silver;border-bottom-color:#7a7a7a;color:#333}
.nav-tabs>li>a:hover{background-color:#f5f5f5;border-color:#c0c0c0;border-bottom-color:#7a7a7a}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus{background-color:white;border-color:#7a7a7a;border-bottom-color:white}
.nav-tabs>li.active>a:hover{border-color:#7a7a7a;border-bottom-color:white}
.nav-tabs>li .close{padding-left:10px}
.alert{padding:7px}
#footer{bottom:0;min-width:320px;position:fixed}
.footer-icon-stack{font-size:8px}
.toolbar{display:table;width:100%}
.toolbar div{display:table}
.toolbar button{border:none;border-bottom-width:5px;border-bottom-style:solid;display:table-cell;font-size:125%;height:75px;padding:6px 0 0 0;text-align:center;vertical-align:middle;width:75px}
@media (max-width: 1000px){.toolbar button{height:52px;width:52px}}
.toolbar button.active{cursor:pointer}
.toolbar button.inactive{cursor:default}
.toolbar .logo{display:table-cell;vertical-align:middle}
.no-header.no-slidebar #header{display:none}
.no-slidebar #header .logo{display:block;margin-top:21px}
.no-slidebar #header #slidebar-toggle{display:none}
@media (max-width: 1000px){.no-slidebar #header .logo{margin-top:11px}}
.toolbar .spacer{display:table-cell;width:25px}
@media (max-width: 1000px){.toolbar .spacer{width:15px}}
.toolbar .dropup ul{margin:1px}
.toolbar .dropup li.inactive>a{color:gray;cursor:default}
.toolbar .dropup li.inactive>a:hover{background:none}
#history{display:block;width:auto;max-width:100%;position:relative}
.no-history #history{display:none}
#history .dropdown-menu{border:none;border-bottom:2px solid #dee0e3;border-left-width:75px;border-left-style:solid}
@media (max-width: 1000px){#history .dropdown-menu{border-left-width:52px}}
#history button{cursor:pointer;display:table-cell;font-size:150%;height:47px;text-align:center;vertical-align:middle;width:75px}
@media (max-width: 1000px){#history button{height:47px;width:52px}}
#history .caret{margin-left:4px;position:absolute;top:calc(50%)}
#history ul{border:none;border-bottom:1px solid #dee0e3;border-radius:0;box-shadow:0 3px 3px #e3e3e3;font-size:inherit;max-height:400px;margin:0;overflow-y:scroll;width:100%}
#history ul li{cursor:pointer;margin-left:10px;padding:5px;white-space:nowrap}
@media (max-width: 1000px){#history ul li{margin-left:8px}}
#history ul li.title:hover{background:none;cursor:default}
#breadcrumb{border-bottom:1px solid #dee0e3;display:table-cell;padding-left:10px;vertical-align:middle;line-height:46px;position:absolute;top:0;left:75px;right:0;overflow:hidden;width:auto}
@media (max-width: 1000px){#breadcrumb{padding-left:8px;left:52px;right:0}}
#breadcrumb ol{background:none;border-radius:0;display:table;padding:0 5px;margin:0;white-space:nowrap}
#breadcrumb li{display:inline;padding-left:2px;padding-right:2px}
#breadcrumb li a{color:#333;text-decoration:none}
#order-by{border-bottom:1px solid #dee0e3}
#order-by button{font-weight:bold;padding:10px 15px}
#order-by button ul{padding-left:15px;padding-right:8px}
#order-by .dropdown-menu{background-color:white;border-color:#dee0e3;border-top:none;border-right:none;border-left:none;border-radius:0;box-shadow:0 3px 3px #e3e3e3;margin-top:-1px;padding-left:8px;width:100%}
.no-history #files{top:75px}
.no-header.no-slidebar #files{top:47px}
.no-header.no-history.no-slidebar #files{top:0}
.no-footer #files{bottom:0}
#files{position:fixed;top:122px;width:100%;bottom:75px;overflow:scroll;overflow-x:hidden}
@media (max-width: 1000px){#files{top:99px;bottom:52px}.no-history #files{top:52px}}#files table{width:100%}
@media (max-width: 1000px){#files td{padding:12px 4px}}
#files thead tr{border-bottom:1px solid #dee0e3}
#files thead td{color:#333 !important;font-size:90%;font-weight:bold;padding:12px 0}
#files thead span{cursor:pointer}#files tbody td{padding:11px 0}
@media (max-width: 1000px){#files tbody td{padding:8px 0}}
#files .tr-odd{background-color:#fbfbfb;border-top:1px solid #fbfbfb}
#files .tr-even{background-color:white;border-top:1px solid white}
#files td.spacer{width:10px}
#files td.icon{text-align:center;width:34px}@media (max-width: 1000px){#files td.icon{width:27px}}
#files td.icon i{font-size:22pt;white-space:nowrap;width:33px}@media (max-width: 1000px){#files td.icon i{font-size:18pt;width:25px}}
#files thead .fa-caret-up,#files thead .fa-caret-down,#order-by .fa-caret-up,#order-by .fa-caret-down{margin-left:5px}
.file-wrapper{display:block;overflow:hidden;left:14px;position:absolute;right:0;text-overflow:ellipsis;top:0;white-space:nowrap}
.file-wrapper span,.file-wrapper span:hover{cursor:pointer}
.file-toolbar button{padding:0 3px}
.file-toolbar button i{color:#a5a4a4;font-size:80%}
.file-toolbar.open ul{background-color:white;min-width:150px}
.file-toolbar.open ul li{margin-bottom:2px;margin-top:2px}@media (max-width: 1000px){.file-toolbar.open ul li{margin-bottom:1px;margin-top:1px}}
.file-toolbar .dropdown-menu{padding:3px}
.file-toolbar .dropdown-menu i{font-size:130%;margin-left:-3px}@media (max-width: 1000px){.file-toolbar .dropdown-menu i{font-size:115%}}
.up{cursor:pointer;margin-left:7px}
#files td.size{color:#777777;white-space:nowrap;width:140px}@media (max-width: 1000px){#files td.size{width:50px}}
#files td.modified{color:#777777;white-space:nowrap;width:140px}
#files td.user{color:#777777;white-space:nowrap;width:130px}
#files td.permissions{color:#777777;white-space:nowrap;width:140px}
#files td.permissions span{cursor:pointer}
#files td.other{color:#a5a4a4;cursor:pointer;text-align:center;width:35px}
.icon{background:none;color:#5590bc}
#files td.icon .fa-long-arrow-right{background:none;color:#5fb868}
#files .ui-selecting,#files .ui-selected{border-bottom:1px solid #dee0e3;border-top:1px solid #dee0e3}
#slidebar{margin-top:75px;text-align:center;width:75px}
#slidebar i{border-bottom-width:5px;border-bottom-style:solid;cursor:pointer;font-size:165%;padding:25px 0 21px 0;width:75px}
#slidebar i:hover{border-bottom-width:5px;border-bottom-style:solid}
@media (max-width: 1000px){#slidebar{margin-top:52px;width:52px}#slidebar i{padding:15px 0 11px 0;width:52px}}
#modal-chmod input{margin-right:5px;margin-left:15px}
#modal-chmod input[type='text']{width:65px}
#modal-chmod fieldset div{float:left;margin-right:15px}
#modal-login .alert{margin-bottom:10px;margin-top:20px}
#modal-login .alert-warning{color:#333;font-size:90%}
#modal-login .nav-tabs{margin-bottom:20px}
#modal-login .nav-tabs li{min-width:90px}
#modal-login .tab-content{max-height:calc(100vh - 230px);overflow-y:scroll}
#modal-login .dropdown{margin-bottom:20px}@media (max-width: 1000px){#modal-login .dropdown{margin-bottom:10px}}
#modal-login .dropdown ul{width:100%}#modal-login .dropdown button{background-color:#fbfbfb;border:1px solid #7a7a7a;border-radius:3px;font-size:95%;margin-top:20px;padding:5px;width:100%}
#modal-login .dropdown button .caret{margin-right:4px}
#modal-login .tab-content{overflow:auto}
.input-wrapper{line-height:25px;margin-bottom:10px;padding:1px}
.input-wrapper.instructions{padding:10px 2px 0 2px}@media (max-width: 1000px){.input-wrapper{margin-bottom:5px}}
#modal-login .width-passwd{width:calc(100% - 39px)}
#modal-login .width-passwd input{font-size:95%;padding:2px}
#modal-login .fa-sign-in{color:#696969;cursor:pointer;width:39px}
#modal-login .width-go button{height:100%;width:100%}
#modal-login .width-host{width:86%}
#modal-login .width-port{width:13%}
#modal-login .spacer{width:1%}
.login-cb-label{font-weight:normal;margin-bottom:0}
#modal-update .file .icon{float:left;margin-right:5px}
#modal-update .progress{margin-top:10px}
#modal-update .fa-sign-in{color:#696969;cursor:pointer;width:39px}
#modal-update .width-passwd{width:calc(100% - 44px)}
#modal-update .width-passwd input{font-size:95%;padding:2px}
#modal-editor .modal-dialog{height:100%;margin:0;overflow:hidden;padding:0;width:100%}
#modal-editor .modal-content{border-radius:0;height:100%}
#modal-editor .tab-content{height:calc(100% - 23px)}
#modal-editor .tab-pane{height:100%}
#modal-editor .modal-body{height:calc(100% - 42px);padding:0}
@media (max-width: 1000px){#modal-editor .modal-body{height:calc(100% - 36px)}}
#modal-editor .file-editor-display{padding-top:30px;height:calc(100% - 30px);width:100%}
#modal-editor .file-path{border-width:1px;border-style:solid;border-bottom:0;font-size:90%;overflow:hidden;padding:3px 8px;text-overflow:ellipsis;white-space:nowrap;width:100%}
#modal-editor .file-path i{margin-right:3px}
#modal-editor .dropdown-menu{width:100%}
#modal-editor .dropdown-menu ul{width:100%}
#modal-editor .dropdown-menu li{padding:3px 0}
#modal-editor .dropdown-menu li:hover{background-color:#fafafa;width:100%}
#modal-editor .dropdown-menu div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
#modal-editor .dropup a:hover{background-color:#fafafa;color:#555554;text-decoration:none}
#modal-editor .unsaved-file::before{content:"* "}
#modal-editor .close{float:left;margin-left:8px}
#modal-editor .modal-footer{border:none;padding:9px 8px 7px 8px}
#modal-editor .modal-footer button{min-width:70px}
@media (max-width: 1000px){#modal-editor .modal-footer{padding-top:7px}}
#modal-editor .modal-footer .logo{float:left;margin-right:20px;margin-top:3px}
@media (max-width: 1000px){#modal-editor .modal-footer .logo{margin-top:0}}
#modal-editor .upgrade-link{font-size:80%;margin-top:4px}
#modal-editor .upgrade-link a{color:white}
@media (max-width: 430px){#modal-editor .upgrade-link{display:none;visibility:hidden}}
#modal-editor .modal-footer .btn{padding:2px 12px}
@media (max-width: 1000px){#modal-editor .modal-footer .btn{font-size:85%;padding:1px 5px}}
#modal-editor .autosave{font-size:80%;margin-right:15px}
@media (max-width: 1000px){#modal-editor .autosave{margin-right:10px}}
#file-xfer-drop{background-color:white;display:none;opacity:.6;padding:10px;position:absolute;text-align:center;width:100%;z-index:99999}
#file-xfer-drop div{border:7px dashed gray;border-radius:10px;color:#333;display:table-cell;font-size:20pt;font-weight:bold;height:100%;vertical-align:middle;width:100%;pointer-events:none}
#spinner{color:#7a7a7a;display:table;height:100%;left:0;position:fixed;text-align:center;top:0;width:100%;z-index:99999}
#spinner div{display:table-cell;height:100%;vertical-align:middle}
#modal-transfers .file{margin-bottom:25px}
#modal-transfers .status{overflow:hidden}
#modal-transfers .icon{float:left;margin-right:10px;width:14px}
#modal-transfers .icon i{padding-bottom:2px;padding-top:2px}
#modal-transfers .name{float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 52px)}
#modal-transfers .close{float:right;line-height:normal;margin-left:10px;margin-top:-5px;width:10px}
.progress{border-radius:0;box-shadow:none;height:10px;margin-bottom:8px;margin-top:5px}
.progress-bar{box-shadow:none}
#modal-transfers .transferred{color:gray;float:left;font-size:80%}
#modal-transfers .rate{color:gray;float:right;font-size:80%}
#modal-properties table{table-layout:fixed;width:100%}
#modal-properties td{overflow:hidden;padding:5px 0}
#modal-properties .icon{color:gray;font-size:130%;text-align:left;width:40px}
@media (max-width: 1000px){#modal-properties .icon{width:35px}}
#modal-properties .property{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:calc(100% - 30px)}
@media (max-width: 1000px){#modal-properties .property{width:calc(100% - 25px)}}
#modal-addons .license-type{margin-bottom:20px}
#modal-addons .modal-body textarea{font-size:95%;height:250px;margin-top:30px;width:100%}
#modal-addons .modal-body button{margin-top:20px}
#modal-addons .modal-body .alert{margin-top:20px;margin-bottom:0px}
#modal-settings fieldset{line-height:30px}
#modal-login-link .modal-body{font-size:85%;line-height:25px}
#modal-login-link textarea{height:150px;margin-bottom:10px;width:100%}
#session .dropdown-menu{cursor:default;font-size:85%}
#session .dropdown-menu li{padding:3px;white-space:nowrap}
#session .dropdown-menu li i{font-size:125%}#session .dropdown-menu i span{padding-right:8px}
#session .dropdown-menu a:hover{background:none;color:#555554}
.close-banners{font-size:80%}
.version-alerter{display:table;font-size:80%;height:75px;text-align:center;width:75px}@media (max-width: 1000px){.version-alerter{height:52px;width:52px}}
.version-alerter a{color:yellow;display:table-cell;height:100%;vertical-align:middle}
#extras-dropdown .dropdown-menu{position:fixed}
#extras-dropdown .inactive{color:gray;cursor:default}
#extras-dropdown .inactive:hover{background-color:white;cursor:default}
.ul{opacity:0;transition:opacity 7200s linear;-moz-transition:opacity 7200s linear;-webkit-transition:opacity 7200s linear}
#download-iframe{display:none}
.toolbar{background-color:#005192}
.toolbar button{background-color:#005192;border-bottom-color:#005192}
.toolbar button.inactive{color:#0065a6}
.toolbar button.active{color:white}
#slidebar{background-color:#005192}
#slidebar i{border-bottom-color:#005192}
#slidebar a{color:white}
#modal-editor .file-path{border-color:#005192}
#modal-editor .modal-footer{background-color:#005192;color:white}
.toolbar button.active:hover{background-color:#0065a6;border-bottom-color:#008bcb}
#slidebar i:hover{background-color:#0065a6;border-bottom-color:#008bcb}
#history .dropdown-menu{background-color:#f5f5f5;border-left-color:#008bcb}
#history button{background-color:#008bcb;color:white}
#history ul li:hover{background-color:#f0f0f0}
#breadcrumb{background-color:#f5f5f5}
#modal-editor .file-path{background-color:#f5f5f5}
#files .ui-selecting,#files .ui-selected{background-color:#ccddf1}
#files .ui-selecting:first-child,#files .ui-selected:first-child{border-top-color:#ccddf1}
#files td.icon .fa-folder,#files td.icon .fa-level-up{color:#eec547}
#files td.icon i{color:#5590bc}
#modal-transfers .icon i{color:#5590bc}
.dropdown-menu li a:hover,.dropdown-menu .active a:hover{background-color:#4094fa}
.toolbar .logo{background:url("../images/monsta-logo-400w.png") no-repeat center center;background-size:144px 33px;height:33px;width:144px}@media (max-width: 1000px){.toolbar .logo{background:url("../images/monsta-logo-400w.png") no-repeat center center;background-size:144px 33px;background-position:-26px;width:29px}}
#modal-editor .modal-footer .logo{background:url("../images/monsta-logo-400w.png") no-repeat center center;background-size:100px 23px;height:23px;width:100px}@media (max-width: 1000px){#modal-editor .modal-footer .logo{background:url("../images/monsta-logo-400w.png") no-repeat center center;background-size:100px 23px;background-position:-17px;width:23px}}
.label-warning{background-color:#008bcb;color:white}
.btn-primary{background-color:#337ab7;color:white}