/* -*- mode: css; indent-tabs-mode: t; css-indent-offset: 8 -*- */
/* mobile.css -- HotCRP mobile CSS styles */
/* Copyright (c) 2006-2020 Eddie Kohler; see LICENSE. */

@media screen and (max-width: 1100px) {
.pcard-left {
	width: 22.5%;
}
body.paper {
	background: linear-gradient(to right, #e2e9ec, #e2e9ec 22.5%, white 22.5%, white);
}
.pcard {
	margin-left: 22.5%;
}
#body-home > #body {
	margin-left: 24px;
	margin-right: 24px;
}
}
@media screen and (max-width: 1024px) {
.paperinfo, .paperinfo-c {
	display: block;
	margin-bottom: 0;
}
.paperinfo-c {
	padding-right: 0;
}
}
@media screen and (max-width: 768px) {
html {
	font-size: 14px;
}
#header-site, #header-page, h1.paptitle, div.submission-modes {
	padding-left: 12px;
}
#header-right, h1.paptitle, div#footer {
	padding-right: 12px;
}
h1.leftmenu, h2.leftmenu {
	margin-bottom: 8px;
}
table.vbar {
	margin-right: 12px;
}
body.leftmenu, body.paper {
	background: white;
}
body.leftmenu > #top {
	background: #ecf2f4;
	min-height: auto;
}
body.paper > #top {
	background: #dce4e8;
}
#body, body.paper > #body, #body-home > #body {
	margin-left: 12px;
	margin-right: 12px;
}
.home-content {
	display: flex;
	flex-direction: column;
}
.home-sidebar {
	float: none;
	margin-left: 0;
	width: auto;
	order: 2;
}
.demargin {
	margin-left: -12px;
	margin-right: -12px;
}
.demargin .remargin-left, .demargin.remargin {
	padding-left: 12px;
}
.demargin .remargin-right, .demargin.remargin {
	padding-right: 12px;
}
#msgs-initial {
	margin-left: 12px;
	margin-right: 12px;
}
div.paptitle {
	margin-left: 0;
}
h2.paptitle {
	text-indent: -1.5em;
	margin-left: 1.5em;
}
.pcard-left, .leftmenu-left {
	float: none;
	position: static;
	width: auto;
}
.pcard-left {
	margin-left: -12px;
	margin-right: -12px;
}
.pspcard {
	padding: 8px 16px;
	border-bottom: 1px solid #f33360;
}
.pspcard-open {
	padding-bottom: 4px;
}
.pslcard {
	display: none;
}
.leftmenu-menu {
	margin-top: 0;
	padding-top: 0;
	margin-left: -12px;
	margin-right: -12px;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 12px;
	background: #ecf2f4;
}
h1.leftmenu > a:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='0.9em' height='0.9em' viewBox='0 0 16 16' preserveAspectRatio='none'%3E%3Cpath d='M6 3L15 9L6 15' fill='none' stroke='%23222' stroke-width='1.5'/%3E%3C/svg%3E");
}
.leftmenu-open > h1.leftmenu > a:after {
	content: "";/*url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1.125em' height='0.9em' viewBox='0 0 20 16' preserveAspectRatio='none'%3E%3Cpath d='M5 4L12 14L19 4' fill='none' stroke='%23222' stroke-width='1.5'/%3E%3C/svg%3E");*/
}
.leftmenu-if-left {
	display: none;
}
.leftmenu-list {
	display: none;
	-webkit-columns: 100px 4;
	-moz-columns: 100px 4;
	columns: 100px 4;
	-webkit-column-gap: 18px;
	-moz-column-gap: 18px;
	column-gap: 18px;
}
.leftmenu-open > .leftmenu-list {
	display: block;
}
.leftmenu-item {
	margin-right: 12px;
	padding-top: 4px;
}
.leftmenu-item-gap3, .leftmenu-item-gap4 {
	margin-top: 0 !important;
}
.pspcard-fold {
	display: block;
}
.pspcard-open {
	display: none;
}
.pcard, .pcontainer-nostrip > .pcard {
	margin-left: -12px;
	margin-right: -12px;
	padding-left: 16px;
	padding-right: 16px;
}
.leftmenu-content {
	margin: 0 -12px;
	padding-top: 20px;
	padding-left: 12px;
	padding-right: 12px;
}
.leftmenu-content > .xmsg {
	margin-left: -12px;
	margin-right: -12px;
}
.leftmenu-content > .xmsg > .xmsgc {
	padding-left: 12px;
	padding-right: 12px;
}
input, textarea {
	max-width: 100%;
}
table.pltable {
	font-size: smaller;
}
.reviewersdiv {
	font-size: smaller;
	overflow-x: scroll;
	margin-top: -0.25em;
}
.rvl, .rvr {
	max-width: none;
}
}
@media screen and (max-width: 640px) {
.revcard-render {
	display: block;
	margin-bottom: 0;
}
}