p.large {font-size: 1.42rem;}
p.large {font-size: 1.42rem;}
img.image_in_text { height: 50px }
img.image_in_text_small { height: 1.8rem }
img.image_in_button { height: 3.5rem }
img.parent_image_in_button { height: 70px }
img.image_in_navbutton { height: 42px }
ul.messages {list-style-type: square;}
.beige_panel {display:inline-block;background-color:#EFF6E0;border:none;padding:1.5rem 1.5rem;line-height:1.1;border-radius:0.5rem;}
.beige_panel li {margin: 0.5rem}
.parent_type {padding:0.1rem 1rem;line-height:1;font-size:1rem; font-weight:normal;}
.parent_name {padding:0.3rem 1rem;line-height:1;font-size:1.2rem; font-weight:bold;}
.obj_owner {font-size:2.1rem; font-weight:bold; color: var(--danger)}
.obj_name {font-size:2.3rem; font-weight:bold;}
.obj_type {font-size:1.5rem; font-weight:normal; text-decoration: none}
.info_label {padding:0.1rem 1rem;line-height:1;font-size:1.2rem; font-weight:bold; margin: 0.1rem}
.info_value {padding:0.1rem 1rem;line-height:1;font-size:1.2rem; font-weight:normal; margin: 0.1rem}
.form_name {line-height:1;font-size:1.5rem; font-weight:bold;}
ol > li {padding:0;margin:0}
h1 {font-size:123%;font-weight:bold;}
h2 {font-size:111%;font-weight:bold;}
div.c-p-0 > * {padding: 0;}
div.c-m-2 > * {margin: 0.75rem;}
div.c-p-2 > * {padding: 0.75rem;}
div.c-px-2 > * {padding-left: 0.75rem;padding-right: 0.75rem}
div.c-my-1 > * {margin-top: 0.3rem;margin-bottom:0.3rem}
div.c-my-2 > * {margin-top: 0.75rem;margin-bottom:0.75rem}
.white_frame {padding:0.6rem; margin:0.1rem; border: 1px solid black; border-radius:0.5rem; background-color:white;color:black;font-weight:700;font-size:1.2rem; overflow: auto;}
.white_frame > * {display: inline; margin-top: 0.1rem;}
.white_frame .checkbox {width:1rem;}
.parameter_list .white_frame:hover .white_frame_label {
    text-decoration: underline;
}
.pointer {cursor:pointer;}
.white_frame_label {margin:0.3rem; font-size:1.2rem; font-weight:bold;}
.white_frame_value {margin:0.3rem; font-size:1.2rem; font-weight:normal;}
.grey_on_white {color: #aaa;}
label {font-size:1rem; font-weight:bold;}
pre {font-size:0.9rem;padding:0.75rem;}
input.link {border:none;padding:none;margin:none;color:blue;text-decoration:underline;cursor:pointer;background-color:transparent;font-size:1rem}
div.statemachine > svg {max-width:100%}
.panels > * {width:100%; margin-bottom:1.2rem}
.panel-head {line-height:1;font-size:1.3rem; font-weight:bold; margin-bottom:1rem; padding: 0;}
.panel-head-big {line-height:1;font-size:2.3rem; font-weight:bold; margin-bottom:1rem; padding: 0; width:100%}
.panel-row {display: flex; align-items: baseline; margin-bottom: 0.75rem}
.panel-label {font-size:1rem;font-weight:bold; margin-right: 0.75rem}
.panel-value {font-size:1rem;font-weight:normal;}
.panel-bullet {display:list-item;font-size:1rem;font-weight:normal; margin-bottom:0.1rem; margin-left:1.5rem}
.panel-bullet2 {display:list-item;font-size:1rem;font-weight:normal; margin-bottom:0.1rem; margin-left:2.5rem}
.state {background-color:#fff;border:1px solid black;padding:1rem;border-radius:0.5rem; line-height: 1.1}
.frame {background-color:#fff;border:1px solid black;padding:1rem;border-radius:0.5rem; line-height: 1.1}
.next-step {background-color:white;border:1px solid #333;padding:1rem 1rem 0.5rem 1rem;border-radius:0.5rem;box-shadow: 0.05rem 0.2rem 0.5rem 0 #cbb;}
.reserved {background-color:white;border:2px dashed #ccc;padding:1rem;border-radius:0.5rem;}
.form {background-color:#EFF6E0;border:none;padding:1rem;line-height: 1.1;border-radius:0.5rem;font-size:1rem;}
.balance {background-color:#003550;border:none;padding:1rem;line-height:1.1;border-radius:0.5rem;color:#fff; display: inline-block}
.balance table {margin:0rem 2rem;line-height:1.5;font-size:1.1rem}
.balance td { padding:0 0.3rem; vertical-align: text-top}
.token_val {font-weight:bold;.text-right;.nowrap}
.balance_ok {color:lightgreen; font-weight:bold; font-size:120%}
.balance_not_ok {color:#f33;font-weight:bold; font-size:120%}
.text-underline {text-decoration:underline;}
div.table-container {
    display: inline-block;
    position:relative;
    overflow:auto;
    width:100%;
}
div.table-container td {white-space:nowrap;}
ul.pagination li {padding:0.3rem;}
ul.pagination li.active a {background-color:#01161E;border-radius:0.3rem;padding:0.3rem;color:white;}
.icon-del {
    background-image: url('/static/esim/bin.svg');
    background-size: 1rem;
    background-position: 0.6rem 50%;
    background-repeat: no-repeat;
    padding-left: 2rem;
}
.icon-padlock {
    background-image: url('/static/esim/padlock.svg');
	background-size: 1.5rem;
	background-position: 0.35rem 50%;
	background-repeat: no-repeat;
	padding-left: 2rem;
    min-width: 2rem;
    min-height: 2rem;
}
.icon-coin,.icon-coin:hover {
    background-image: url('/static/esim/coins.svg');
	background-size: 1.5rem;
	background-position: 0.35rem 50%;
	background-repeat: no-repeat;
	padding-left: 2rem;
    min-width: 2rem;
    min-height: 2rem;
}
.icon-jobs,.icon-jobs:hover {
    background-image: url('/static/esim/esim_template.svg');
	background-size: 1.1rem;
	background-position: 0.55rem 50%;
	background-repeat: no-repeat;
	padding-left: 2rem;
    min-width: 2rem;
    min-height: 2rem;
}
.icon-user,.icon-user:hover {
    background-image: url('/static/esim/user3.svg');
    background-size: 1.2rem;
    background-position: 0.5rem 50%;
    background-repeat: no-repeat;
    padding-left: 2rem;
    min-width: 2rem;
    min-height: 2rem;
}
.icon-help,.icon-help:hover {
    background-image: url('/static/esim/help.svg');
    background-size: 1.2rem;
    background-position: 0.5rem 50%;
    background-repeat: no-repeat;
    padding-left: 2rem;
    min-width: 2rem;
    min-height: 2rem;
}
.icon-help-nolabel,.icon-help-nolabel:hover {
    background-image: url('/static/esim/help_blue.svg');
    background-size: 1.2rem;
    width: 1.2rem;
    height: 1.2rem;
    background-position: 0 50%;
    background-repeat: no-repeat;
    display:inline-block;
    float: right;
    vertical-align: middle;
    margin-top: 0.3rem;
    min-width: 2rem;
    min-height: 2rem;
}
.icon-logout,.icon-logout:hover {
    background-image: url('/static/esim/door.svg');
    background-size: 1.5rem;
    background-position: 0.35rem 50%;
    background-repeat: no-repeat;
    padding-left: 2rem;
    min-width: 2rem;
    min-height: 2rem;
}
.icon-revert,.icon-revert:hover {
    background-image: url('/static/esim/revert.svg');
    background-size: 1.2rem;
    background-position: 0.5rem 50%;
    background-repeat: no-repeat;

    padding:0.25rem 0.6rem;
    background-position: 0 50%;
    width: 1.3rem;
    height: 1.3rem;
    margin-left: 1rem;
    margin-bottom: 0.3rem;

    min-width: 2rem;
    min-height: 2rem;
}

a.btn { text-decoration: none }
textarea#id_pgp_pubkey { width: 42rem; height: 17rem; }
.top-img { height:5rem; }
.top-logo { height:3rem; }
.footer { margin-top:0.75rem; font-size: 0.8rem; color: #888; padding-bottom: 0.3rem; border-bottom: 1px solid #EEF5DF;}
.footer a { font-size: 0.8rem; color: #888; padding: 0 0.5rem;}
.log {
    display: inline-block;
    position:relative;
    overflow:auto;
    width:100%;
    max-height: 10rem;
    /* white-space: nowrap; */
}
.esim-qr {
    max-height: 12rem;
    border-radius: 1.5rem;
    padding:0.7rem;
    background-color:white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.btn-big {
    font-size: 1.3rem;
    padding: 0.5rem 1.3rem;
    margin: 1rem 0.5rem 0.5rem 0;
}
.btn-shadow {
    box-shadow: 0 0.1rem 0.1rem 0 rgba(0, 0, 0, 0.2), 0.1rem 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.19);
    margin-bottom: 0.3rem;
}

.alert-text { font-size: 1.2rem; color: #800; font-weight: bold; }

.template_name { font-weight: bold; }
.template_param_name { padding: 0.2rem 0.5rem; margin: 0.1rem; display: inline; border-radius:0.5rem; white-space: nowrap; text-decoration: none}
.template_version {
    padding:1.5rem;
    margin: 0.375rem 0;
	border: 1px solid #003550;
	border-radius:0.25rem;
	background-color:white;color:black;
	font-size:1.2rem;
	align-items: baseline;
    text-align: left;
}

button.template_button {
    padding:1.5rem;
    margin:0.375rem 0.3rem;
	border: 1px solid #003550;
	border-radius:0.5rem;
	background-color:white;color:black;
	font-size:1.2rem;
	align-items: baseline;
    text-align: left;
}

button.template_button:hover {
    cursor: pointer;
    background-color: #003550;
    color: white;
    box-shadow: 0.05rem 0.2rem 0.5rem 0 #0008;
}

.manbtn {
    display:inline-block;
    float: right;
    text-align:center;
    vertical-align:middle;
    user-select:none;
    border: none;
    color:#fff;
    background-color:#4697c9;
    padding:0.25rem 0.45rem;
    font-size:1rem;
    font-weight: normal;
    border-radius:.25rem;
    transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-decoration: none;

    background-image: url('/static/esim/help.svg');
    background-size: 1rem;
    background-position: 0.3rem 50%;
    background-repeat: no-repeat;
    padding-left: 1.5rem;

    min-height: 1.5rem;
}
.manbtn-inline {
    float: none
}
@media(prefers-reduced-motion:reduce){
    .manbtn{
        transition:none
    }
}
.manbtn:hover{
    color:#fff;
    background-color:#3583b4;
    border-color:#327caa;
    text-decoration:none
}
.manbtn:focus,.manbtn.focus{
    outline:0;
    color:#fff;
    background-color:#3583b4;
    border-color:#327caa;
    box-shadow:0 0 0 .2rem rgba(98,167,209,0.5)
}
.manbtn.disabled,.manbtn:disabled{
    opacity:.65;
    color:#fff;
    background-color:#4697c9;
    border-color:#4697c9
}
.manbtn:not(:disabled):not(.disabled){
    cursor:pointer;
}
.manbtn-without-label {
    .manbtn;
    padding:0.2rem 0.6rem;
    background-position: 0.1rem 50%;
    width: 1rem;
    height: 1rem;

    background-color:none;

    background-image: url('/static/esim/help_blue.svg');
    background-size: 1rem;
    background-position: 0.3rem 50%;
    background-repeat: no-repeat;
    padding-left: 1.5rem;

    min-height: 1rem;
}

.state_image {
    text-align: center;
}

.center { text-align: center; }
.right { text-align: right; }

.top_navbar {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.top_navbar > * {
    margin: 1px;
}

.breadcrumbs {
    float: left;
}
.breadcrumbs>* {
    margin: 0.3rem;
}

.navbuttons {
    float: right;
}
.navbuttons>* {
    margin: 0.3rem;
}

.admin_navbar {
    display: inline-block;
    width: 100%;
    margin-top: 0.3rem;
}

li.nav-item > a {
    background-color: #6c757d;
    padding: 0.25rem 0.5rem;
    margin: 0.25rem;
    text-decoration: none;
    font-weight: bold;
}
.errorlist {
    padding: 0;
}
.errorlist li {
    background-color:#b23e65;
    color: black;
    padding: 0.5rem 0.75rem;
    margin: 0.5rem;
    border-radius: 0.5rem;
    color: white;
    font-weight: bold;
    font-size: 1.2rem;
    display: inline-block;
}
.welcome {
    margin: 0 5rem;
    padding: 0.5rem;
    text-align: center;
    font-size: 1.2rem;
}
.welcome h1 {
    line-height: 1;
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 1rem;
    padding: 0;
}

label > strong {
    padding: 0 0.3rem;
    margin: 0 0.15rem;
    text-align: center;
    display: inline-block;
    font-size: 0.8rem;
    font-weight: unset;
    border-radius: 0.25rem;
    background-color: var(--info);
    color: white;
}

.jobalert {
    background-color:#fff;
    border:1px solid black;
    padding:1rem;
    border-radius:0.5rem;
    line-height: 1.1;
}

.jobalert > ul  {
    padding: 0.5rem;
}
.jobalert > ul > li {
    border-left: 0.3rem solid #888;
    padding-left: 0.75rem;
    display: block;
    margin: 0.5rem 0;
}

.jobalert p {
    margin: 0.3rem 0;
}

.jobalert h2 {
    display: inline-block;
}

.jobalert_info {
    border-color: var(--info);
    box-shadow: 0.05rem 0.2rem 0.5rem 0 var(--info);
}

.jobalert_info > ul > li {
    border-color: var(--info);
}

.jobalert_warning {
    border-color: var(--warning);
    box-shadow: 0.05rem 0.2rem 0.5rem 0 var(--warning);
}
.jobalert_warning > ul > li {
    border-color: var(--warning);
}
.jobalert_acknowledged {
    border: none;
    background-color: #ddd;
}

.jobalert_problem {
    border-color: #d00;
    box-shadow: 0.05rem 0.2rem 0.5rem 0 #d00;
}
.jobalert_problem > ul > li {
    border-color: #d00;
}

.jobalert_error {
    border-color: red;
    border: 0.3rem solid red;
    box-shadow: 0.05rem 0.2rem 0.5rem 0 red;
}
.jobalert_error > ul > li {
    border-color: red;
}

.jobalert_ack,.jobalert_dismiss {
    margin: 0.75rem 0;
    vertical-align: baseline;
}

.jobalert label {
    font-size: 1.1rem;
}

.jobalert i {
    margin: 0.75rem 0;
    display: block;
}

ul.csv_cols li {
    display: inline-block;
    padding: 0.3rem;
    margin: 0.2rem;
    border: 1px solid black;
    border-radius: 0.5rem;
    background-color: white;
    color: black;
    overflow: auto;
    font-weight: bold;
}
.esim_param {
    font-weight: bold;
    border: 1px solid black;
    padding: 0.15rem 0.2rem;
    border-radius: 0.5rem;
    line-height: 230%;
}