.hidden{display:none!important}
.nowrap{white-space:nowrap}
.red{color:var(--bs-danger)}
.green{color:var(--bs-success)}
.hand{cursor:pointer}
.right{float:right}
.h-30{height:30%}.h-33{height:33%}
.langedit{padding-top:5px;padding-bottom:5px;border-bottom:1px solid #c7c7c7;cursor:pointer}
.langedit:hover{background-color:#fdf5e6}
.langfind{background-color:#ffa908;color:#222}
.langhighlight{color:#000!important;background:#feffc1}
.langhighlight:hover{background:var(--bs-danger);color:var(--bs-white);cursor:pointer}
.langoffcan{border-top:2px solid #000;padding:5px;position:fixed;display:none;z-index:1040;width:100%;height:200px;bottom:0;left:0;background-color:#fff}
.scrollY{overflow-x:hidden;overflow-y:scroll}
.thover:hover{background-color:rgba(0,0,0,.03)}
.dnd_drag{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;text-align:center;margin:.5rem 0;color:#555;border:2px dashed #888;border-radius:7px;cursor:pointer}
.dnd_drag:hover{border:2px dashed #000}
.mainerrors{position:absolute;top:0;left:0;width:500px;background-color:#ffa908;color:#000;z-index:5000}
.calculation{text-align:center;max-width:5rem}
.form-control{background-color: #f7ff070e;}
.form-control[required]:not(:focus,[disabled],[readonly]){background-color: #ff07070e;}
.form-control.flatpickr-input[required]{background-color: #ff07070e;}
.w-30{width:32%!important}
.w-49{width:49%!important;}
.newmailicon{}

.wiz{display:block;width:100%;z-index:2;text-align:center;margin-bottom:1.5rem}
.wiz>div{display:inline-block;width:100px;text-align:center;background:0 0}
.wiz>div:last-child::after{clear:both}
.wiz .round-tab{margin-left:auto;margin-right:auto;max-width:50px;height:50px;line-height:45px;border-radius:100px;background:#fff;border:2px solid #e0e0e0;z-index:3;text-align:center;font-size:25px;cursor:pointer}
.wiz>div.active .round-tab{background:#fff;color:var(--bs-success);border-color:var(--bs-success);cursor:default}
.wiz>div.visited .round-tab{color:var(--bs-success);border-color:var(--bs-success)}
.wiz>div:not(:last-child) .round-tab:after{display:inline-block;position:relative;content:"";margin-left:48px;top:-52px;width:54px!important;height:2px!important;background:#e0e0e0;z-index:1}
.wiz>div:not(:last-child).visited .round-tab:after{background:var(--bs-success)}
.wiz-content>div:not(.active){display:none}
.wiz-content .target{width:50%}

/* MESSAGES */
.toast{background-color:#f8f9fa}
.toast-header span .fa{font-size:1.5em;margin-left:5px}
.toast-body.msg{cursor:pointer}
.storage{margin-top:2em}
.storage .progress{ margin: .5em .5em 0 .5em;}
#msg_wrapper{height:500px;border:1px solid #7e97f5}
.msgtoolbar{border-bottom:1px solid #7e97f5}
.msgchk{margin:0 .6em 0 .6em}
.msgouter1{height:90%;max-height:90%;flex:1;border-left:1px solid #7e97f5}
.msgouter1>div{height:90%;max-height:90%}
.msgouter2{flex:1;height:90%;max-height:90%}
.msgouter2>div{height:90%}
.msglist{flex-basis:43%}
.nav-item .indicator{background:#3b7ddd;box-shadow:0 .1rem .2rem rgba(0,0,0,.05);border-radius:50%;display:block;height:18px;width:18px;padding:0;position:absolute;top:0;right:-8px;text-align:center;transition:top .1s ease-out;font-size:.675rem;color:#fff}
.nav-item:hover .indicator{top:-4px}
.contentouter{flex-basis:57%}
.noselect1{text-align:center;font-size:1.6em}
.noselect2{display:none}
.msgheadtop{border-left:1px solid #bfbfc7;border-right:1px solid #bfbfc7;border-top:1px solid #bfbfc7;border-top-left-radius:5px;border-top-right-radius:5px;background-color:#bfbfc7;margin:.5em .5em 0 .5em;padding:.5em;color:#000}
.msglistitem{color:#000;border-left:4px solid #7e97f5;border-bottom:1px solid #7e97f5}
.msglistitem:not(.selected){border-left:4px solid transparent}
.msglistitem:hover{background-color:#bfbfc7;cursor:pointer}
.msglistitem .date{width:20%}
.name{font-weight:700}
.msgmenu .hover{cursor:pointer}
.msgmenu .hover:hover{background-color:#bfbfc7}
.msgmenu .active{background-color:#94949d}
.msgmenu .innew{opacity:0}
.btn-newmsg{background-color:#9fb2f5;cursor:pointer}
.btn-newmsg:hover{background-color:#7e97f5}
.msgheader{color:#000;padding:.5em 1em .5em .6em;font-size:20px;border-bottom:1px solid #7e97f5}
.msgcontent{border-left:1px solid #bfbfc7;border-right:1px solid #bfbfc7;border-bottom:1px solid #bfbfc7;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#fff;margin:0 .5em .5em .5em;padding:.5em}
.noselected{font-size:20px;color:#94949d;margin:50px}
.folderempty{margin-top:10em;text-align:center;font-size:20px;color:#94949d}
.thumbnail{position:relative}
.thumbnail .btn{position:absolute;top:.5rem;right:.5rem}
.josfupl{display:none;}
.josfupl-outer{width:100%;height:150px;border:2px dashed #888;border-radius:7px;cursor:pointer;margin:.5rem 0}
.josfupl-outer:hover{border:2px dashed #000}
.josfupl-scroll{overflow-x:auto;overflow-y:hidden;white-space:nowrap;height:100%}
.josfupl-content{display:block;width:auto;align-items:center;text-align:center;height:100%}
.josfupl-content .thumb{display:inline-block;position:relative; border: 1px solid #000}
.josfupl-content .thumb:nth-child(0){margin-left: .5rem}
.josfupl-content .thumb .btn{position:absolute;top:.5rem;right:.5rem}
.josfupl-content .thumb > img{ height: 100%}
.josfupl-content p{text-align:center!important;padding:60px 30px 0;color:#000}

/* SETTINGS */
.settings{display:none;direction:ltr}
@media (min-width:1200px){.settings{display:block}}
.settings-icons{background:#fff;color:#000;position:fixed;top:200px;right:0;width:55px;padding:.2rem;border-top-left-radius:.2rem;border-bottom-left-radius:.2rem;box-shadow:-5px 0 10px 0 rgba(0,0,0,.1);transition:all .1s ease-in-out;cursor:pointer}
.settings-icons .settings-icon{text-align:center;padding:.5rem;font-size:1.5rem;border-radius:.2rem;background:#f2f4f6;color:#000;display:block}
.settings-icons .settings-icon:hover{background:#e9ecef;color:#000}
.settings-icons .settings-icon:first-child{color:#2264c3}
.settings-icons .settings-icon svg{stroke-width:2}
.settings-panel{background:#fff;border-left:0 solid transparent;display:block;height:100%;position:fixed;width:260px;z-index:100;top:0;bottom:0;right:-260px;transition:right .2s ease-in-out}
.settings.open .settings-panel:before{content:"";background:rgba(0,0,0,.325);position:fixed;left:0;top:0;height:100%;width:100%;z-index:-1;pointer-events:none}
.settings.open .settings-panel{right:0}
.settings-content{height:100%;overflow:auto;position:relative;background:#fff}
.settings-title{padding:1.35rem 1.5rem;font-size:.875rem;background:#121923}
.settings-options{padding:1rem 1.5rem}

.callout{padding:1rem;margin-top:1rem;margin-bottom:1rem;border:1px solid #e9ecef;border-left-color:#e9ecef;border-left-width:1px;border-left-width:.25rem;border-radius:.25rem}
.callout-primary{border-left-color:var(--bs-primary)}
.callout-secondary{border-left-color:var(--bs-secondary)}
.callout-danger{border-left-color:var(--bs-danger)}
.callout-warning{border-left-color:var(--bs-warning)}
.callout-info{border-left-color:var(--bs-info)}

@-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}
@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}
@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}
@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}
@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}
@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}
@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}
@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}
@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}
@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}
.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#000;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}
.notyf__toast--success{color:#0f5132;background-color:#d1e7dd;border-color:#badbcc}
.notyf__toast--error{color:#842029;background-color:#f8d7da;border-color:#f5c2c7}
.notyf__toast--warn{color:#664d03;background-color:#fff3cd;border-color:#ffecb5}
.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}
.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}
.notyf__icon--error:after{transform:rotate(-45deg)}
.notyf__icon--error:before{transform:rotate(45deg)}
.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}
.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}
.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}
.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:400px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}
.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}
.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}
.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}
.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}
.notyf__toast--upper{margin-bottom:20px}
.notyf__toast--lower{margin-top:20px}
.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}
.notyf__ripple{height:400px;width:500px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}
.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}
.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}
.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}
.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:0;opacity:.35;height:100%;width:100%}
.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}
.notyf__dismiss-btn:after{transform:rotate(-45deg)}
.notyf__dismiss-btn:before{transform:rotate(45deg)}
.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}
.notyf__dismiss-btn:active{opacity:.8}
.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}
@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}

.dropdown-menu.infodot{padding:0;min-width:250px;white-space: normal}
.dropdown-menu-header.infodot{padding:.25rem;text-align:center;font-weight:600;border-bottom:1px solid var(--bs-gray-light);background-color:var(--bs-light)}
.dropdown-menu-infodot{padding:.25rem;white-space:normal}

.dselect-wrapper{
  padding: 0;
  border: none;
}
button.form-select{
  background-color: #f7ff070e;
  overflow: hidden;
  white-space: nowrap !important;
  text-align: start;
}