/* -*- mode: css; indent-tabs-mode: t; css-indent-offset: 8 -*- */
/* mobile.css -- HotCRP mobile CSS styles */
/* Copyright (c) 2006-2022 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;
}
.cmtadminvis, .cmtcolor {
    width: auto;
}
.cmtadminvis > .cmttext, .cmtcolor > .cmttext {
    min-width: initial;
}
}

@media screen and (max-width: 1024px) {
.paperinfo, .paperinfo-c {
	display: block;
	margin-bottom: 0;
}
.paperinfo-c {
	padding-right: 0;
}
.settings-rf-view, .settings-sf-view {
	min-width: initial;
}
}

@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;
}
#top > table.vbar {
	margin-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;
}
.avoid-home-sidebar {
	max-width: initial;
}
.home-sidebar {
	float: none;
	margin-left: 0;
	width: auto;
	order: 2;
}
.demargin {
	margin-left: -12px;
	margin-right: -12px;
}
.remargin-left {
	padding-left: 12px;
}
.remargin-right {
	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-nav {
	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='1em' height='1em' viewBox='0 0 8 8' preserveAspectRatio='none'%3E%3Cpath d='M1 3.5h5l-2.5 4z' fill='currentColor' /%3E%3C/svg%3E");
	padding-left: 0.15em;
	opacity: 0.65;
}
.leftmenu-open > h1.leftmenu > a:after {
	content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1em' height='1em' viewBox='0 0 8 8' preserveAspectRatio='none'%3E%3Cpath d='M1 7h5l-2.5 -4z' fill='currentColor' /%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;
}
.pcard .demargin {
	margin-left: -16px;
	margin-right: -16px;
}
.pcard .remargin-left {
	padding-left: 16px;
}
.pcard .remargin-right {
	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;
}
td.pl.pl_title, td.pl.pl_text {
	min-width: 20rem;
}
.reinfotable {
	font-size: smaller;
	margin-top: -0.25em;
}
.rfd1, .rfd2 {
	max-width: none;
}
.settings-json-panels {
	grid-template-columns: 100% 0%;
}
.settings-json-panel-edit {
	flex: 1 1 auto;
}
.settings-json-panel-info {
	display: none;
}
}

@media screen and (max-width: 640px) {
.revcard-render {
	display: block;
	margin-bottom: 0;
}
}