html {
    font-family: Arial;
    font-size: clamp(6px,5vw,23px);
}

body {
    background-color: #000000;
    border-color: #888888;
    color: #888888;
    margin: 1rem; 
  	padding: 0;
}

.page {
    font-size: 1.2rem;
  	padding: 0;
	margin: 0 auto;
	max-width: 400px;
}

.footer {
    margin-top: 5rem;
	text-align: center;
}

/*---------------------------------
  Title styles
---------------------------------*/
.title {
	text-align: center;
	margin-bottom:  1rem;
	padding-bottom: 1rem;
	border-bottom: 1px solid;
}

.adres {
    font-size: 1rem;
}	

/*---------------------------------
  Msg styles
---------------------------------*/
.msgbox {
    background-color: #202033;
	border: 2px solid;
	border-radius: 0.4rem;
	padding: 0.6rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.msgbox p {
	padding: 0;
	margin: 0;
	margin-bottom:  0.6rem;
}

.msgbox ul {
	padding: 0;
	margin:  0;
}

.msgbox li {
    margin-top:  0.6rem; 
    margin-bottom:  0.6rem;
    list-style-position: inside;
}

/*---------------------------------
  Warn styles
---------------------------------*/
.warnbox {
    background-color: #662020;
	border: 2px solid;
	border-radius: 0.4rem;
	padding: 0.6rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.warnbox p {
	padding: 0;
	margin: 0;
	margin-bottom:  0.6rem;
}

/*---------------------------------
  Edit styles
---------------------------------*/
.mdrv {
    display: table;
    table-layout: fixed;
    width: 100%;
}

.mdr_name, .mdr_rd {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.mdr_name {
    color: #ffffff;
    font-size: 2.4rem;
    width: 7rem;
}

.mdr_rd {
    width: 100%;
}

.mdr_rd input {
    font-size: 2.4rem;
    box-sizing: border-box;
    width: 100%;
    padding: 0.4rem;
    background-color: #000000;
    color: #ffffff;
	border: 2px solid #888888;
    border-radius: 0.4rem;
}

.mdrpv {
    display: table;
    table-layout: fixed;
    width: 100%;
    color: #888888;
    padding-top: 0.4rem;
    font-size: 0.8rem;
}

.mdrp_name, .mdrp_rd {
    display: table-cell;
    text-align: left;
}

.mdrp_name {
    width: 7.4rem;
}

.resname {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
}

.mdr_err {
    margin-bottom: 0;
}

.mdr_err li {
    margin: 0;
    list-style: none;
}

.sendrd {
	text-align: center;
   	margin-top: 2.4rem;
}

.sendrd input {
	font-size: 1.6rem;
	border: 2px solid #888888;
	border-radius: 0.4rem;
	padding: 1rem;
	padding-left: 1.6rem;
	padding-right: 1.6rem;
    background-color: #005500;
    color: #ffffff;
}

/*---------------------------------
  Save info styles
---------------------------------*/
.save_msg {
    text-align: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.save_period {
    color: #ffffff;
    font-size: 1.8rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
}

.save_rd {
    color: #ffffff;
    display: table;
    table-layout: fixed;
    width: 60%;
    font-size: 1.8rem;
    margin: 0 auto;
}

.save_rdname, .save_rdval {
		display: table-cell;
		text-align: left;
}

.save_rdname {
		width: 5rem;
}
.save_rdval {
		width: 100%;
}