/* CSS specific for mobile phones. */

/* Related to editor.css */
#editor-btn{
	max-width: 160px;
}
#editor-btn td:last-of-type{
	max-width: 96px;
	padding-left: 8px;
	text-align: left;
}
#currently-msg{
	padding: 12px 5px;
}
input#follow-checkbox {
	width: 24px;
	height: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	appearance: none;
	border-radius: 2px;
	border: 2px solid #aaa;
	outline: none;
	box-shadow: #00000015 0px 0px 2px 1px;
}
#userlist_table + hr { display: none;}
div#w2ui-overlay-actionbar.w2ui-overlay{
	margin-left:-7px;
}

/* Related to loleaflet.css */
#toolbar-hamburger {
	width: 36px;
	height: 36px;
}
#toolbar-hamburger.menuwizard-opened {
	width: 36px;
	height: 43px;
}
#toolbar-hamburger.menuwizard-opened .main-menu-btn {
	padding-top: 10px;
}

.logo {
	background-size: 100px;
	max-width: 24px;
	max-height: 31px;
	top: 0;
}
#toolbar-logo {
	width: 0px !important;
}
#document-header{
	display: none !important;
}

/* Related to menubar.css */
.document-logo {
    width: 35px;
    height: 38px;
}

#document-titlebar {
    display: none;
}

.document-title {
    display: none;
}

/* hide the menu in mobile view */
#main-menu-state:not(:checked) ~ #main-menu {
    display: none;
}

.main-menu-btn {
    display: inline-block;
}

.main-nav {
    position: absolute;
    height: 0;
    width: 100%;
    top: 37px; /*set equal to toolbar up's height*/
    margin: 0;
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    z-index: 1010;
    bottom: 34px !important;
    background-color: #00000050;
}

#main-menu {
   position: relative;
   top: 0;
   width: 70%;
   float: right;
   background-color: white;
   height: 100%;
}

.writer-icon-img {
    background-size: 35px 35px;
}

.calc-icon-img {
    background-size: 35px 35px;
}

.impress-icon-img {
    background-size: 35px 35px;
}

#document-name-input {
    display: none;
}

/* Related to scollBar.css */
.mCSB_scrollTools_vertical{
	width: 38px !important;
}
#mobile-wizard-header .mCSB_container {
	top: 1px !important;
}
.mCSB_scrollTools_vertical .mCSB_dragger_bar {
	position: fixed !important;
	margin-top: 8px !important;
	height: 48px !important;
	width: 48px !important;
	right: -16px;
	border-radius: 100px !important;
	background: url('images/lc_scrollbar_mobile.svg') no-repeat center #fff !important;
	background-size: 24px !important;
	box-shadow: 0 1px 3px 1px #00000050;
}
#mCSB_1_dragger_horizontal > .mCSB_dragger_bar, #mCSB_2_dragger_horizontal > .mCSB_dragger_bar, #mCSB_3_dragger_horizontal > .mCSB_dragger_bar {
	height: 2px;
	background-color: #bbb;
	margin-top: 9px;
}
#mCSB_1_scrollbar_horizontal .mCSB_draggerRail, #mCSB_2_scrollbar_horizontal .mCSB_draggerRail, #mCSB_3_scrollbar_horizontal .mCSB_draggerRail{
	background-color: #f2f2f2 !important;
}