html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:#00f;min-height:100vh}

body{overflow:auto;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch;-moz-overflow-scrolling:touch;-ms-overflow-scrolling:touch;-o-overflow-scrolling:touch;overflow-scrolling:touch;background: rgb(0,134,196);
background-image: -moz-radial-gradient(circle, rgba(0,134,196,1) 0%, rgba(0,63,92,1) 56%, rgba(0,63,92,1) 100%);
background-image: -webkit-radial-gradient(circle, rgba(0,134,196,1) 0%, rgba(0,63,92,1) 56%, rgba(0,63,92,1) 100%);
background-image: radial-gradient(circle at 50% 220px, rgba(0,134,196,1) 0%, rgba(0,63,92,1) 25%, rgba(0,63,92,1) 90%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0086c4",endColorstr="#003f5c",GradientType=1);}
body,p{font-size:16px;line-height:20px;color:#00435e;font-weight:normal;font-family:Calibri,sans-serif,arial,helvetica,trebuchet;margin:0;}

img{height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
img[data-src]{opacity:0;}
svg:not(:root) {overflow:hidden;}
a,a:focus,a:hover,a:active,button,button:hover,button:focus{outline:0;cursor:pointer;}
a{color:#1e78af;}
a:hover,a:focus{color:#85dcff;}
div,p,a,span,button,input,img,svg{box-sizing:border-box;-moz-box-sizing:border-box;}
p{text-align:justify;margin:5px 0 10px;}

.displaynone{display:none}

.login{margin:10% auto auto auto;padding:0 0 20px 0;width:100%;max-width:320px;min-width:300px;min-height:50px;height:min-content;position:absolute;left:0;top:0;bottom:0;right:0;background:#f1f0f0;border:1px solid #1e78af;border-radius:10px 10px 10px 10px;text-align:center;box-shadow:10px 10px 10px #00344d;overflow:hidden}
.autorishead{background:#1389b9;font-size:22px;line-height:40px;color:#fff;margin-bottom:20px;}
.login div,.login svg,.login input{margin:0 auto 5px auto;}
.login div{padding:0 20px;}
input{font-size:17px;line-height:20px;border-radius:8px;border:1px solid #1389b9;border-radius:8px;background:#f5f5f5;padding:7px 10px;color:#1389b9;}
input:active,input:hover,input:focus{outline:0;outline-offset:0;border:1px solid #14a6e1;background:#fff}

.grid-2-1{display:grid;grid-template-columns:120px 120px;grid-gap:0;align-items:start;margin-left:20px!important;}
.grid-2-1 input{width:130px;border-right:none;border-radius:8px 0 0 8px;text-align:right;padding:7px 0px 7px 10px}
.grid-2-1 label{border-radius:0 8px 8px 0;border:1px solid #1389b9;display:block;border-left:none!important;padding:7px 0;}
.grid-2-2{display:grid;grid-template-columns:auto auto;grid-gap:0;align-items:baseline;}

.bold{font-weight:bold}
.text-center{text-align:center}
#cmd-save,#cmd-reinput,#cmd-reg2,#cmd-autor{position:relative;cursor:pointer;width:150px;background:#f0f0f0;color:#eee;text-align:center;background:#1389b9;border-radius:8px;padding:7px;margin:0 auto 20px auto;border:0}
#cmd-save:hover,#cmd-reinput:hover,#cmd-reg2:hover,#cmd-autor:hover{background:#14a6e1;color:#fff;}
.cmd-reinput {position:relative;cursor:pointer;width:150px;background:#f0f0f0;color:#eee;text-align:center;background:#1389b9;border-radius:8px;padding:7px;margin:0 auto 20px auto;border:0}
.cmd-reinput:hover {background:#14a6e1;color:#fff;}


.msg{color:#fff;padding:7px 0!important}