:root {
--scrollbarBG:#000000;
--thumbBG: #555555;

--xblue:#3273dc;
--orange:#de892f/*#ff8300*/;
--pale-orange:#714b24;

--dm-bkg-hf:#2B2F2F; /* night: footer/header background color */
--dm-bkg:#333333; /* night: main background color */
--dm-bbk:#444444; /* night: default button background color */
--dm-bdc:#555555; /* night: border color of input elements */
--dm-fgc:#bbbbbb; /* night: main forecolor color */
}

body.admincora-body{font-family: 'Roboto', sans-serif}
.main-body-section .section{padding: 1rem 0.75rem;/*border: 1px solid #CCC;*/}


button{background:#CCCCCC}

.res{position:relative;}
.abs{position:absolute;}

.rj{text-align:right}
.cj{text-align:center}
.lj{text-align:left}
.frj{text-align:right!important}
.fcj{text-align:center!important}
.flj{text-align:left!important}

.mt10{margin-top:10px}
.ml50{margin-left:50px}
label.button{}
label.button input{margin-right:20px}

/*Kohana errors patch with bulma*/
#kohana_error .message{color: #C00;padding: 0.4rem}

.aside-menu-col{padding: 1.5rem 0.5rem;}
.aside-menu-col aside.menu{margin-left: 1.5rem;}
.footer{padding: 1rem 0.5rem 2rem;border-top: 1px solid #DDD}

.form-load-zone{padding: 0.25rem;margin: 0.2rem;width: 100%;clear: both}

.info-edit-panel{width: 100%;clear: both}
.info-edit-panel .info-panel{border-bottom: 1px solid #CCC;width: 100%;margin-bottom: 0.5rem;clear: both}
.info-edit-panel .info-panel.ip-half-l{width: 50%;clear: left;float: left}
.info-edit-panel .info-panel.ip-half-r{width: 50%;clear: none;float: right}

/* COLORS MARKS TO CHECK **/

.main-body-section{background-color: #EFEFEF}
.aside-menu-col{/*background-color: #EEE;*/}
.aside-menu-col aside.menu{/*background-color: #CCC;*/}
.footer{/*background-color: #CECECE;*/}
.info-edit-panel{/*background-color: #DDD;*/}
.info-edit-panel .info-panel{/*background-color: #CCC;*/}
.form-load-zone{/*border: 1px solid #BBB;*/}

/* F I L T E R S  */

.filter-all{border-bottom: 1px solid #CCC;margin-bottom: 0.25rem}
.filter-all .field{float:left;clear: none;border-top: 1px solid #DDD;border-left: 1px solid #DDD;margin-left: 1rem;margin-top: 0.25rem;padding-left: 0.25rem}

.blue{color:#3273DC}

.flash-msg{z-index:9999;top:10%;box-shadow:0 3px 10px 0 #00000065}
html.dark .flash-msg {background:#222222!important}

#nlewkjfnlk342{position:fixed;z-index:30}
.cover{z-index:100000;position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6)}
.popper{z-index:100001;background:#DDDDDD;padding:30px;position:fixed;right:0;top:0;width:500px;height:100vh}
.closer{position:absolute;top: 10px;left: -50px;width: 30px;height: 40px;cursor: pointer;}
.closer svg{text-shadow: 0 0 5px 0 rgba(0,0,0,0.4)}
hr{background:var(--dm-fgc);height:1px}
.menu{padding:12px;margin:0 -18px -12px -12px}
button{cursor:pointer;border:none;border-radius:2px;text-transform:uppercase;font-weight:bold}
button:not(.modal-close,.delete){padding:10px 20px;}
button.small{padding:5px 10px;}
.closer{color:#CCCCCC}
html:not(.dark) .day-only{display:initial}
.print{color:rgb(50,115,220)}
input[type="text"],button,img,textarea{outline:none}
input[type="text"]{border:1px solid #CCCCCC;border-radius:2px;}
input[type="text"]:active{border-color:var(--xblue)}
input[type="text"]:focus{border-color:var(--xblue)}
button:focus{color:var(--xblue)}
.menu-list a{position:relative;}
.menu-list a .spotter{display:block;margin-left:10px;position:absolute;right:4px;top:4px;line-height:28px;width:28px;height:28px;background:var(--xblue);border-radius:4px;text-align:center;color:white}
.menu-list a img{position:absolute;right:4px;top:5px}

/* prospects & contact us */
.searchpan,.searchpan>*{vertical-align:top}
.searchpan input{padding:10px 10px;font-size:14px;font-family:monospace;width:350px}
.notepanel{text-align:center}
.notes{text-align:left;border-radius:3px;box-shadow:0 8px 17px 0 #000000c9;padding:30px;position:fixed;z-index:999999;top:10%;bottom:10%;margin:0 auto;max-width:800px;background-color:#FFFFFF;left:0;right:0}
.notes header{border-bottom:.5px solid #333333;font-size:16px;font-weight:bold;padding-bottom:10px;margin-bottom:30px;}
.notes .newnote{margin-bottom:30px;vertical-align:top}
.notes .newnote>*{vertical-align:top}
.notes .newnote textarea{width:93%;padding:10px 10px;font-size:14px;font-family:monospace;max-width:90%;min-width:90%;max-height:63px;min-height:63px}
.notes footer{position:absolute;bottom:30px;border-top:.5px solid #333333;left:30px;right:30px;text-align:center;padding-top:10px}
.loader{font-size:20px;position:fixed;border:none;width:100%;animation:spinAround 1.2s infinite cubic-bezier(0, 0.5, 0.32, 1.28);z-index:100005;color:#FFFFFF;top:50%;left:3%}
.enotes{overflow-y:auto;position:absolute;padding:15px;background-color:#F5F5F5;border:0.5px solid #EEEEEE;top:220px;bottom:80px;right:30px;left:30px}
table.nts tr.r1 td{font-weight:bold;border-bottom:0.5px solid #cccccc}
table.nts tr.r1 td:last-child{width:100px;text-align:right}
table.nts tr.r2 td:first-child{width:40px}
table.nts tr.r2 td:last-child{white-space:pre-wrap}
table.nts tr.r3 td{height:30px}
/* END: prospects & contact us */

.notification.is-danger.is-light{position:fixed;right:10px;width:auto;background:white;box-shadow:0 0 3px 0 rgb(0 0 0 / 40%)}

.printver::after{content:"";position:absolute;-webkit-mask-image:url("/assets/imgs/print-l.svg");
mask-image:url("/assets/imgs/print-l.svg");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;right:4px;
background:#4d4d4d;top:7px;z-index: 10;width: 20px;height: 20px;}
.printver.is-active::after{background:#ffffff}

.icon{position:relative;display:inline-block;opacity:.8}
.icon:hover{opacity:1}
.icon::after{content:"";mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:0;left:0;width:24px;height:24px;}
.icon.edit::after{mask-image:url('/assets/imgs/edit.svg');-webkit-mask-image:url('/assets/imgs/edit.svg');background:#0000FF}
.icon.copy::after{mask-image:url('/assets/imgs/copy.svg');-webkit-mask-image:url('/assets/imgs/copy.svg');background:#0000FF}

tr.tallhd th div{margin-top:30px;position:relative;}
tr.tallhd th div>div.thtop{position:absolute;bottom:30px;left:0}
th{position:sticky;top:0;z-index:20}

.helpx.amenu{position:relative}
.helpx.amenu::after{content:"";mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;right:4px;top:7px;z-index:10;width:20px;height:20px;position:absolute;mask-image:url('/assets/imgs/help.svg');-webkit-mask-image:url('/assets/imgs/help.svg');background:#4d4d4d}

.helpcover{position:fixed;top:0;right:0;bottom:0;min-width:500px;width:50%;z-index:100;background:#FFFFFF;border-left:1px solid #CCCCCC}
#helptopic{position:absolute;top:110px;bottom:30px;left:30px;right:30px;overflow:scroll;}
.helpcover .title{margin-bottom:0}
.helpcover .modal-card-foot{position:absolute;bottom:0;left:0;right:0}

.fs130p{font-size:130%}
.vam{vertical-align:middle;}

/* dark mode */
html.dark .helpx.amenu::after{background:var(--orange)}
html.dark .helpcover{background:#2D2D2D;border-color:#222222}

html.dark ::-moz-selection{background:#000022}
html.dark ::selection{background:#000022}

html.dark .icon.edit::after{background:var(--orange)}
html.dark .icon.copy::after{background:var(--orange)}

html.dark .printver::after{background:var(--orange)}
html.dark .printver.is-active::after{background:var(--orange)}
html.dark *::-webkit-scrollbar{width:11px;}
html.dark *{scrollbar-width:thin;scrollbar-color:var(--thumbBG) var(--scrollbarBG)}
html.dark *::-webkit-scrollbar-track{background:var(--scrollbarBG)}
html.dark *::-webkit-scrollbar-thumb{background-color:var(--thumbBG);border-radius:6px;border:3px solid var(--scrollbarBG)}

html.dark{background-color:#333333}
html.dark>*{color:var(--dm-fgc)}
html.dark .main-body-section{background-color:inherit}
html.dark .footer{background-color:#222222;border-color:#444444}
html.dark .menu{background-color:#222222;}
html.dark .title{color:var(--orange)}

html.dark .table{background-color:#444444;color:#111111;}
html.dark .table th{background-color:#222222;color:var(--dm-fgc)!important}
html.dark .table.is-striped tbody tr:not(.is-selected):nth-child(even){background-color:#2f2f2f}
html.dark td span.note{background-color:#555555;color:var(--dm-fgc);border-color:#2f2f27}
html.dark strong{color:#cccccc}
html.dark .table td{color:var(--dm-fgc)}
html.dark .table td,html.dark .table th{border-color:#111111}
html.dark .menu-list a{color:var(--orange)}
html.dark .popper{background-color:#333333;color:var(--dm-fgc)}
html.dark .closer{color:var(--orange)}
html.dark a{color:var(--orange)}html.dark a img{fill:var(--orange)}
html.dark .dark-only{display:initial}

html.dark textarea::placeholder,
html.dark input::placeholder{color:var(--pale-orange);font-style:italic}

html.dark .select:not(.is-multiple):not(.is-loading)::after{border-color:var(--orange)}

html.dark input[type="text"],
html.dark input[type="password"],
html.dark input[type="input"],
html.dark input[type="number"],
html.dark select,
html.dark textarea{background-color:var(--dm-bkg);color:var(--orange);border-color:var(--dm-bdc);}


html.dark select:hover,
html.dark textarea:hover,
html.dark select:active,
html.dark input:active:not([type="button"]),
html.dark input:hover:not([type="button"]){border-color:var(--pale-orange)}
html.dark select:focus,
html.dark textarea:focus,
html.dark input:focus:not([type="button"]){border-color:var(--orange);box-shadow:none}

html.dark button:focus{color:var(--orange)}

html.dark .filter-all .field{border-color:var(--dm-bdc)}


html.dark .menu-list a:hover{background-color:#111111;}
html.dark .menu-list a.is-active{background-color:#333333;}
html.dark .menu-list a .spotter{background:var(--orange);color:#000000}

html.dark .notification.is-danger.is-light{background-color:#000000;color:#ff8f00;}
html.dark .label{color:var(--dm-fgc)}

html.dark button,
html.dark a.button,
html.dark .button{background:var(--dm-bbk);color:var(--dm-fgc);border:none;text-transform: uppercase;font-weight:bold}
html.dark button:hover,
html.dark a.button:hover,
html.dark .button.is-success:hover{background:#111111;}

html.dark .button.is-danger{background:#ab0202}
html.dark .button.is-info{background:#026bab}
html.dark .button.is-success{background:#175f30}

html.dark .modal-card-head,
html.dark .modal-card-foot{border-color:var(--dm-bdc);background-color:var(--dm-bkg-hf)}
html.dark .modal-card-title{color:var(--orange)}
html.dark .modal-card-body{background-color:var(--dm-bkg)}

/* prospects & contact us */
html.dark .notes{background-color:var(--dm-bkg);color:var(--dm-fgc)}
html.dark .notes .enotes{background-color:var(--dm-bkg);border-color:var(--dm-bdc)}
html.dark .notes table.nts tr.r1 td{border-color:var(--dm-bdc)}
html.dark .notes header{}


/* END: dark mode */