* {
 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:1.3em;
 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
 }
}
.tooltip-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:#f9f9f9;
 border-top:1px solid #f9f9f9
}
#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:#353535
}
.toolbar button {
 background-color:#353535;
 border-bottom-color:#353535
}
.toolbar button.inactive {
 color:silver
}
.toolbar button.active {
 color:white
}
#slidebar {
 background-color:#353535
}
#slidebar i {
 border-bottom-color:#353535
}
#slidebar a {
 color:white
}
#modal-editor .file-path {
 border-color:#353535
}
#modal-editor .modal-footer {
 background-color:#353535;
 color:white
}
.toolbar button.active:hover {
 background-color:#2e2e2e;
 border-bottom-color:#efa72e
}
#slidebar i:hover {
 background-color:#2e2e2e;
 border-bottom-color:#efa72e
}
#history .dropdown-menu {
 background-color:#fffff3;
 border-left-color:#c3c645
}
#history button {
 background-color:#c3c645;
 color:white
}
#history ul li:hover {
 background-color:#fafaec
}
#breadcrumb {
 background-color:#fffff3
}
#modal-editor .file-path {
 background-color:#fffff3
}
#files .ui-selecting,
#files .ui-selected {
 background-color:#feffe4
}
#files .ui-selecting:first-child,
#files .ui-selected:first-child {
 border-top-color:#feffe4
}
#files td.icon .fa-folder,
#files td.icon .fa-level-up {
 color:#eea147
}
#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:220px 50px;
 height:60px;
 width:200px;
}
@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:#5d5c5d;
 color:white
}
.btn-primary {
 background-color:#337ab7;
 color:white
}