*{
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
}

}
.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
}

}
#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:#efa72e;color:white
}
.btn-primary{
background-color:#337ab7;color:white
}