/*<style>*/
    /*.blink {*/
    /*    animation: blink-animation 0.75s steps(4, start) 4;*/

    /*    -webkit-animation: blink-animation .75s steps(4, start) 4;*/
    /*}*/

:root {
    --coe-bar: 50px;
}

.blink {
    animation: blink-animation 0.45s 6 ease-in-out alternate;
}

@keyframes blink-animation {
    from {
        color: black;
        background-color: #ffc107;
        outline: 1px solid black;
    }
    to {
        color:  white; /*#ffc107;*/
        background-color: black;
        outline: 1px solid #ffc107;
    }
}


p {
    margin-block-start: 0;
    margin-block-end: 0.75rem;
    text-align: justify;
    font-size: 15px;
}

.cover {
    width: 100%;
    height: calc(100vh - var(--coe-bar));
    background-color: rgba(247,247,247,.85);
    z-index: 999;
    position: fixed;
    display: block;
    overflow: hidden;
    top: var(--coe-bar);
    left: 0;
}

.manu-icon {
    width: 2em;
    height: 2em;
    background: ghostwhite;
    border-radius: 6px;
    outline: 2.5px solid #ffffff;
    margin: 2.5px;
    background-repeat: no-repeat;
    background-position: center;
    pointer-events: all;
    outline-offset: -1.5px;
}

#session.manu-icon {
    top: .5em;
    right: .5em;
    position: fixed;
    background-size: 70%;
    width: 4em;
    height: 4em;
    z-index: 999;
    background-color: #287000;
    cursor: pointer;
}

#session.manu-icon.log-auth {
    background-image:url(/notify/img/log-auth.svg);
    transition: width .35s ease-in-out, height .35s ease-in-out;
    background-size: 85%;
}

#session.manu-icon:hover::after {
    content: "";
    display: block;
    position: absolute;
    right: calc(100% + 0.25em - .35rem);
    top: calc(50% - .5em);
    width: 0;
    height: 0;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-left: .35em solid #000;
}

#session.manu-icon:hover::before {
    white-space: pre; /* or pre-line */
    font-size: 0.8rem;
    text-wrap: balance;
    width: 25ch;
    line-height: 0.8rem;
    height: fit-content;
    display: block;
    position: absolute;
    right: calc(100% + 0.25em);
    background-color: #fff;
    padding: 0.75rem;
    outline: 1px solid #ffc107;
    outline-offset: -1px;
}


/* ✅ Individual content overrides */
#session.manu-icon.log-auth:hover::before {
    content: 'Enter your email and request a OTP (One-Time Password).\A\AYou will need the OTP to authenticate your personalized session.';
}

#session.manu-icon.log-mail:hover::before {
    content: 'Email containing your OTP has been sent.\A\A Please use the OTP to activate your personalized session.';
}

#session.manu-icon.log-in:hover::before {
    content: 'You are logged in.\A\A You can now create or edit your notification requests.\A\A Click to log out';
}

#session.manu-icon.log-out:hover::before {
    content: 'You are not logged in.\A\A Click to open login panel';
}


/*#session.manu-icon.log-auth:hover::before {*/
/*    content: 'Enter your email and request a PIN.\A\AYou will need the PIN to authenticate your personalized session.';*/
/*    white-space: pre; !* or pre-line *!*/
/*    font-size: 0.8rem;*/
/*    text-wrap: balance;*/
/*    width: 25ch;*/
/*    line-height:0.8rem;*/
/*    height: fit-content;*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: calc(100% + 0.25em);*/
/*    background-color: #fff;*/
/*    padding: 0.75rem;*/
/*    outline: 1px solid #ffc107;*/
/*    outline-offset: -1px;*/
/*}*/

/*#session.manu-icon.log-mail:hover::before {*/
/*    content: 'Email containing your PIN has been sent.\A\APlease use it to activate your session.';*/
/*    white-space: pre; !* or pre-line *!*/
/*    font-size: 0.8rem;*/
/*    text-wrap: balance;*/
/*    width: 25ch;*/
/*    line-height:0.8rem;*/
/*    height: fit-content;*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: calc(100% + 0.25em);*/
/*    background-color: #fff;*/
/*    padding: 0.75rem;*/
/*    outline: 1px solid #ffc107;*/
/*    outline-offset: -1px;*/
/*}*/

/*#session.manu-icon.log-in:hover::before {*/
/*    content: 'You are logged in.\A\AYou can now create or edit your notification requests.\A\A Click to log out';*/
/*    white-space: pre; !* or pre-line *!*/
/*    font-size: 0.8rem;*/
/*    text-wrap: balance;*/
/*    width: 25ch;*/
/*    line-height:0.8rem;*/
/*    height: fit-content;*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: calc(100% + 0.25em);*/
/*    background-color: #fff;*/
/*    padding: 0.75rem;*/
/*    outline: 1px solid #ffc107;*/
/*    outline-offset: -1px;*/
/*}*/

/*#session.manu-icon.log-out:hover::before {*/
/*    content: 'You are not logged in.\A\A Click to open login panel';*/
/*    white-space: pre; !* or pre-line *!*/
/*    font-size: 0.8rem;*/
/*    text-wrap: balance;*/
/*    width: 25ch;*/
/*    line-height:0.8rem;*/
/*    height: fit-content;*/
/*    display: block;*/
/*    position: absolute;*/
/*    right: calc(100% + 0.25em);*/
/*    background-color: #fff;*/
/*    padding: 0.75rem;*/
/*    outline: 1px solid #ffc107;*/
/*    outline-offset: -1px;*/
/*}*/


#session.manu-icon.log-mail {
    background-image:url(/notify/img/log-email.svg);
    transition: width .35s ease-in-out, height .35s ease-in-out;
    background-size: 85%;
}

#session.manu-icon.log-in {
    width: 2.75em;
    height: 2.75em;
    background-image:url(/notify/img/log-in.svg);
    transition: width .35s ease-in-out, height .35s ease-in-out;
}

#session.manu-icon.log-out {
    width: 2.75em;
    height: 2.75em;
    background-image:url(/notify/img/log-out.svg);
    transition: width .35s ease-in-out, height .35s ease-in-out;
}


#ifcnm {
    z-index: 1000;
    position: fixed;
    top:  3px;
    left: 3px;
    visibility: collapse;
}

img.logo-min {
    object-fit: scale-down;
    width: 30px;
    height: 30px;
}

img.logo-shad {
    -webkit-filter: drop-shadow(1px 4px 2px gray);
    filter: drop-shadow(1px 4px 2px gray);
}

#map {
    position: absolute;
    top: var(--coe-bar);
    left: 0px;
    width: 100%;
    height: calc(100% - var(--coe-bar));
    padding: 0px;
}

.center {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/*.vranger {*/
/*    writing-mode: tb-rl;*/
/*    -webkit-appearance: slider-vertical;*/
/*    width: 20px;*/
/*    height: 200px;*/
/*    background: transparent;*/
/*    float: right;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    position: relative;*/
/*    right: 20px;*/
/*    top: 10px;*/
/*    height: 160px;*/
/*}*/

.form-div {
    position: absolute;
    display: flex;
    flex-direction: column;
    background-color: whitesmoke;
    border: 0.75px solid lightgrey;
    width: 400px;
    border: none;
    overflow-y: visible;
    z-index:1000;
}

.content {
    text-align: center;
    flex-grow: 1;
    background-color: white;
    height: 100%;
    width: 100%;
}

.cont-row{
    text-align: center;
    font-size: 14px;
    position: relative;
    padding: 0 17px 10px 17px;
}

.nonsel{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.title {
    /*text-align: center;*/
    background-color: #ffc107;
    color: #52342b;
    float: right;
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    border-top: solid 0.5px #d5a010;
    padding: 0;
}

.mmcBtn {
    float: right;
    width: 10px;
    height: 20px;
    margin: 0 4px 0 3px;
    padding: 0;
    border: none;
    background: 0 0;
    outline: 0;
}

body{
    font-family: BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-sans;
    margin: 0;
    padding: 0;
}

input[type='text'] {
    text-align: center;
    border: solid 0.8px lightgrey;
    padding: 6px 0 6px 0;
}

input[type='email'] {
    text-align: center;
    border: solid 0.8px lightgrey;
    padding: 6px 0 6px 0;
}

.sqr-butt {
    width: 20px;
    float: right;
    position: static;
    padding: 5px;
    /*background: #2196f3bf;*/
    /*outline: solid 0.75px rgba(99, 99, 99, 0.51);*/
    background: gainsboro;
    outline: solid 0.75px rgba(99, 99, 99, 0.51);
    outline-color: inherit;
    margin: 0;
    border: none;
}

.svgIcon {
    stroke-width: 2px;
    stroke: #8f8f8f;
    fill: #808080;
}

.sqr-butt:hover{
    background: #e81e00;
    transition-duration: 0.075s;
}
.sqr-butt:hover svg {
    stroke: white;
    stroke-width: 2px;
}


#sesion_expires {
    background-color: rgba(245, 245, 245, 0.51);
    color: gray;
    padding: 10px;
    position: fixed;
    top: -2px;
    left: 92px;
    font-size: 13px;
    line-height: 16px;
    font-weight: 500;
    box-shadow: 2px 6px 7px #7c7c7c5c;
}

#sesion_expires:hover{
    transition-delay: 0.13s;
    background-color: #ffc107;
    color: #52342b;
}

.noHover{
    pointer-events: none;
}


.butt {
    display: inline-block;
    padding: 5px 12px 6px 12px;
    /*outline: 1px solid #347237;*/
    border-radius: 0.62em;
    font-weight: 600;
    color: black;
    background-color: #ffc107;
    text-align: center;
    text-align: center;
    transition: all 0.13s;
    user-select: none;
    cursor: pointer;
}

.butt.disabled {
    color: #b7b5b5;
    outline-color: #e7e7e7;
    background-color: #e7e7e7;
    cursor: not-allowed;
}

.butt.disabled:active {
    pointer-events: none;
}


.butt:not(.disabled):hover {
    outline-color: rgba(255, 0, 0, 0);
    color: #e5e5e5;
    background-color: #005500;
}

/*.butt:active{*/
/*    !*text-shadow: none;*!*/
/*    color: #ffffff;*/
/*    !*background-color: #347237;*!*/
/*    border-color: #959595;*/
/*}*/

.butt span {
    color: black;
    font-weight: 600;
    padding: 2px 2px 2px 12px;

}

.butt:not(.disabled):hover span {
    color:  #e81e00;
}

.butt.demo {
    text-align: center;
    bottom: -50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: smaller;
    background: green;
    color: white;
}

#menu-right {
    position: fixed;
    top: var(--coe-bar);
    right: 0;
    display: block;
    width: 310px;
    height: fit-content;
}

.edit-cont {
    top: var(--coe-bar);
    height: calc(100% - var(--coe-bar));
    padding: 4px 5px 19px 5px;
    background: white;
    position: fixed;
    z-index: 1;
}
.sbox {
    box-shadow: 0em 0 .5em 2px #c9c9c9;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #d5d5d5;
    opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #d5d5d5;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #d5d5d5;
}

td {
    font-size: 13px;
    font-weight: 600;
    font-stretch: extra-condensed;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    padding-right:7px;
}

th._right {
    width: 45px;
    margin-right: 5px;
}


.inactive {
    background-color: lightgrey;
    color: #f7f7f7;
}



.hint-cont {
    position: absolute;
    display: flex;
    flex-flow: column;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    min-width: 380px;
    max-width: 500px;
    background: white;
    outline: 1px solid #4577b9;
    z-index: 1000;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: center;
}

#hint-txt {
    font-kerning: auto;
    width: 80%;
    height: 80%;
    padding-bottom: 20px;
    background: white;
}

.hide-me {
    display: none;
}
#lst-tbl {
    width: 100%;
    height: fit-content;
    display: flex;
    background-color: white;
}
#lst-tbl > table {
    text-align: left;
    width: 100%;
    display: inline-block;
    padding: 0 5%;
}

#lst-tbl > table > tbody,
#lst-tbl > table > tbody > tr,
#lst-tbl > table > tbody > tr >td {
    display: inherit;
    width: 100%;
    overflow: hidden;
    margin-left: -6%;
    padding: 0 6%;
}

#lst-tbl > table > tbody > tr:hover {
    color: #eeeeee;
    background-color: #0B75AF;
    cursor: pointer;
}

/*<style id="fancy-checkbox">*/

.cxcont {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  line-height: 24px;
  font-size: 12px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cxcont input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.cxmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

.cxcont:hover input ~ .cxmark {
    background-color: #ccc;
}


.cxcont input:checked ~ .cxmark {
    background-color: #2196F3;
}

.cxmark:after {
    content: "";
    position: absolute;
    display: none;
}

.cxcont input:checked ~ .cxmark:after {
    display: block;
}

.cxcont .cxmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*</style>*/
/*<style id="_ifis">*/

/*@font-face {*/
/*    font-family: PFDinTextCompProRegular;*/
/*    src: url(../css/fonts/pfdintextcomppro-regular-webfont.eot);*/
/*    src: url(../css/fonts/pfdintextcomppro-regular-webfont.eot?#iefix) format('embedded-opentype'),*/
/*    url(../css/fonts/pfdintextcomppro-regular-webfont.woff) format('woff'),*/
/*    url(../css/fonts/pfdintextcomppro-regular-webfont.ttf) format('truetype'),*/
/*    url(../css/fonts/pfdintextcomppro-regular-webfont.svg#PFDinTextCompProRegular) format('svg');*/
/*    font-weight: 400;*/
/*    font-style: normal*/
/*}*/

/*@font-face {*/
/*    font-family: PFDinTextCompProMedium;*/
/*    src: url(../css/fonts/pfdintextcomppro-medium-webfont.eot);*/
/*    src: url(../css/fonts/pfdintextcomppro-medium-webfont.eot?#iefix) format('embedded-opentype'),*/
/*    url(../css/fonts/pfdintextcomppro-medium-webfont.woff) format('woff'),*/
/*    url(../css/fonts/pfdintextcomppro-medium-webfont.ttf) format('truetype'),*/
/*    url(../css/fonts/pfdintextcomppro-medium-webfont.svg#PFDinTextCompProMedium) format('svg');*/
/*    font-weight: 400;*/
/*    font-style: normal*/
/*}*/

#panel_info {
    display: none;
    position: absolute;
    top: -1px;
    left: 100px;
    width: 299px;
    z-index: 24;
    padding: 5px 10px 10px 10px;
    background: #fff;
    border: 1px solid #555;
    font-family: PFDinTextCompProMedium,"Segoe UI",Helvetica,Arial,sans-serif;
    font-size: 17px;
}

#panel_info .title {
    float: left;
    display: inline;
    font-size: 19px;
    color: #fff;
    padding: 5px 1px 5px 10px;
    margin: 0 0 5px -10px;
    background: #337bcb;
    border-right: 10px solid #337bcb;
    overflow: hidden;
    width: auto;
    max-width: 265px;
    line-height: 24px;
    height: 23px;
    text-align: left;
}

#panel_info .box {
    float: left;
    width: 301px;
    line-height: 23px;
    color: #555;
}

#panel_info .dwn {
    margin-top: 15px;
}

#panel_info .box b {
    color: #800;
    font-weight: 100;
}

#panel_info .title .lngtxt {
    float: left;
    text-align: left;
    white-space: nowrap;
}

/*</style>*/