/* Default style Modal */
div.modal-dialog-background {position:fixed;z-index:3100;top:0;left:0;right:0;bottom:0;background-color:transparent;display:none;}
div.modal-dialog-background.show {display:block;}
div.modal-curtain {display:none;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.3);border:30px solid transparent;}
div.modal-dialog {display:none;background-color:#fff;min-width:320px;flex-direction:column;box-shadow:0 0 20px rgba(0, 0, 0, 0.1);max-height:100%;max-width:1024px;border-radius:10px;overflow:hidden;box-sizing:border-box;}
div.modal-dialog-background.show div.modal-curtain {visibility:hidden;display:block;}
div.modal-dialog-background.show div.modal-curtain.show {visibility:visible;}
div.modal-dialog-background.show div.modal-dialog {position:absolute;display:flex;opacity:0;visibility:hidden;transition:opacity .2s, visibility .2s, transform .2s;}
div.modal-dialog-background.show div.modal-curtain.show div.modal-dialog {opacity:1;visibility:visible;}
div.modal-dialog-background div.modal-curtain.full-height div.modal-dialog {height:100%;}
div.modal-dialog>.modal-body {flex:1 1 auto;padding:10px 20px;overflow:auto;overflow-wrap:break-word;}

div.modal-dialog>.modal-header {display:flex;padding:15px 20px;flex:0;align-items:center;}
div.modal-dialog>.modal-header .modal-title {flex:1 1 auto;margin-right:5px;font-weight:bold;font-size:20px;cursor:default;}
div.modal-dialog>.modal-header .modal-title.move {cursor:move}
div.modal-dialog>.modal-header .modal-title::selection {background: none;}
div.modal-dialog>.modal-header .modal-close {cursor:pointer;background-color:#fff;color:#595959;border-radius:50%;border:none;outline:none;margin-left:auto;flex:0 0 30px;height:30px;display:flex;justify-content:center;align-items:center;font:22px 'Source Sans Pro', sans-serif;transition:background-color .2s;}
div.modal-dialog>.modal-header .modal-close:hover {background-color:#f9f9f9;}
div.modal-dialog>.modal-header .modal-close:active {background-color:#d7d7d7;}
div.modal-dialog>.modal-footer {padding:15px 20px;flex:0;display:flex;justify-content:flex-end;}
div.modal-dialog>.modal-footer.hide {display:none;}
div.modal-dialog>.modal-body.footer-hide {padding-bottom:20px;}
div.modal-dialog>.modal-footer button {background-color:#008000;border:1px solid #008000;border-radius:5px;color:#fff;cursor:pointer;font:normal 14px Tahoma;padding:6px 27px;vertical-align:middle;}
div.modal-dialog>.modal-footer>*:not(.hide)+* {margin-left:10px;}
div.modal-dialog>.modal-footer .hide {display:none;}
div.modal-dialog>.modal-footer button:hover {background-color:#fff;color:#008000}
div.modal-dialog>.modal-footer button:disabled {background-color:#ccc;border-color:#ccc;color:#fff;cursor:default;}

@media screen and (max-width:768px){
    div.modal-curtain {border-width:0 10px;}
}
@media screen and (max-width:576px){
    div.modal-curtain {border-width:0;}
}
/* EOT Default style Modal */


div.modal-dialog>.modal-footer {border-top:1px solid #f1f1f1}

div.modal-dialog-background.show div.modal-dialog {transition:opacity .2s,visibility .2s}

.modal-curtain.overflow div.modal-dialog,
.modal-curtain.overflow div.modal-dialog>.modal-body {overflow:visible;}

div.modal-dialog>.modal-footer>.other-footer-elements {margin-right:auto;}

div.modal-dialog {background-color:#fff;border-radius:0;border:1px solid #0064b0;box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);color:#444;}
div.modal-dialog>.modal-header {padding:0;background-color:#0064b0;color:#fff;}
div.modal-dialog>.modal-header .modal-title {font-size:17px;padding:8px 40px 8px 10px;white-space:nowrap;min-width:0;}
div.modal-dialog>.modal-header .modal-close {background-color:transparent;color:#fff;border-radius:0;font-weight:bold;height:auto;align-self:stretch;margin-bottom:1px;}
div.modal-dialog>.modal-header .modal-close:hover {background-color:#083c64;}
div.modal-dialog>.modal-header .modal-close:active {background-color:transparent;}
div.modal-dialog>.modal-body {padding:35px 20px 20px;}
div.modal-dialog.confirm>.modal-footer button.cancel {background-color:#999;border-color:#999;}
div.modal-dialog.confirm>.modal-footer button.cancel:hover {background-color:#fff;color:#999;}

.modal-body div.item {margin-bottom:10px;}
.modal-body label.text>span {display:block;margin-bottom:2px;font-weight:bold;}
.modal-body input[type="text"],
.modal-body textarea {padding:10px;border:solid 1px #dcdcdc;transition:border 0.3s;box-sizing:border-box;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;width:100%;outline:none;}
.modal-body input[type="text"]:focus,
.modal-body textarea:focus {border: solid 1px #307db5;}
.modal-body textarea {height:120px;resize:vertical;}
.modal-body select {padding:10px;border:solid 1px #dcdcdc;transition:border 0.3s;box-sizing:border-box;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset;width:100%;outline:none;background-color:#fff;}
.modal-body select:focus {border: solid 1px #307DB5;}
.modal-body select.styled {padding:inherit}
.modal-body div.message {font-size:16px;font-weight:bold;font-style:italic;}

.tiny-message {position:fixed;background-color:#fff;color:#444;border-radius:5px;box-shadow:0 0 5px 4px rgba(0, 0, 0, 0.23);z-index:3101;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;left:0;top:0;}
.tiny-message.abs {position:absolute}
.tiny-message:not(.show) {display:none;}

.tiny-message header {text-align:right;padding:6px 20px 6px;}
.tiny-message header span {cursor:pointer;font-size:20px;line-height:1;position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;}
.tiny-message header span:hover {background-color:#eaeaea;}
.tiny-message header span:active {color:#fff;background-color:#a4a4a4;}
.tiny-message .body {padding:0 20px;font-size:13px;}
.tiny-message .body.grid {display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;}
.tiny-message .body>i.icon {font-style:normal;color:#676767;}
.tiny-message .body>i.icon svg {fill:currentColor;width:20px;}
.tiny-message .body::after,
.tiny-message .body-inner::after {content:"";display:table;clear:both;}
.tiny-message footer {padding:5px 20px 10px;display:flex;align-items:center;justify-content:flex-end;gap:5px;}
.tiny-message footer button {transition:border-color .1s,color .1s;color:#444;font:13px 'Source Sans Pro', sans-serif;border:1px solid #444;border-radius:3px;outline:none;cursor:pointer;background-color:transparent;padding:2px 10px;}
.tiny-message footer button:hover {border-color:#676767;color:#fff;background-color:#676767;}


.tiny-message::after {content:none;position:absolute;top:100%;left:30px;border-color:#383838 transparent transparent;border-width:5px 7px 0;border-style:solid;width:0;height:0;}
.tiny-message.bl::after {content:'';}
.tiny-message.bc::after {content:'';left:0;right:0;margin:0 auto;}
.tiny-message.br::after {content:'';left:auto;right:30px;}

.tiny-message.tl::after {content:'';top:auto;bottom:100%;border-color:transparent transparent #fff;border-width:0 7px 5px;}
.tiny-message.tc::after {content:'';left:0;right:0;margin:0 auto;top:auto;bottom:100%;border-color:transparent transparent #fff;border-width:0 7px 5px;}
.tiny-message.tr::after {content:'';left:auto;right:30px;top:auto;bottom:100%;border-color:transparent transparent #fff;border-width:0 7px 5px;}

.tiny-message.lt::after {content:'';top:15px;bottom:auto;border-color:transparent #fff transparent transparent;left:auto;right:100%;margin:auto 0;border-width:7px 5px 7px 0;}
.tiny-message.lc::after {content:'';top:0;bottom:0;border-color:transparent #fff transparent transparent;left:auto;right:100%;margin:auto 0;border-width:7px 5px 7px 0;}
.tiny-message.lb::after {content:'';top:auto;bottom:15px;border-color:transparent #fff transparent transparent;left:auto;right:100%;margin:auto 0;border-width:7px 5px 7px 0;}

.tiny-message.rt::after {content:'';top:15px;bottom:auto;border-color:transparent transparent transparent #fff;left:100%;right:auto;margin:auto 0;border-width:7px 0 7px 5px;}
.tiny-message.rc::after {content:'';top:0;bottom:0;border-color:transparent transparent transparent #fff;left:100%;right:auto;margin:auto 0;border-width:7px 0 7px 5px;}
.tiny-message.rb::after {content:'';top:auto;bottom:15px;border-color:transparent transparent transparent #fff;left:100%;right:auto;margin:auto 0;border-width:7px 0 7px 5px;}

@media (prefers-color-scheme: dark) {
    .tiny-message {background-color:#383838;color:#bebebe;box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}

    .tiny-message header span:hover {color:#fff;background-color:#676767;}
    .tiny-message header span:active {color:#fff;background-color:#a4a4a4;}

    .tiny-message footer button {border-color:#bebebe;color:#bebebe;}
    .tiny-message footer button:hover {border-color:#fff;color:#fff;background-color:#676767;}

    .tiny-message::after {border-color:#383838 transparent transparent;}
    .tiny-message.tl::after,
    .tiny-message.tc::after,
    .tiny-message.tr::after {border-color:transparent transparent #383838;}

    .tiny-message.lt::after,
    .tiny-message.lc::after,
    .tiny-message.lb::after {border-color:transparent #383838 transparent transparent;}

    .tiny-message.rt::after,
    .tiny-message.rc::after,
    .tiny-message.rb::after {border-color:transparent transparent transparent #383838;}

    .tiny-message .body>i.icon {color:#ffa300;}
}