
/* button css */

.btn-primary{
    background-color: var(--btncolor1);
    border-color: var(--btncolor1);
    border-radius:0.35rem;
   
}
.btn-primary:hover , .btn-primary:focus  , .btn-primary:active{
    background-color: var(--btncolor1-hover) !important;
    border-color: var(--btncolor1-hover) !important;
  
}
.btn-primary:focus{
    outline:2px solid var(--btncolor1-hover) !important; 
    outline-offset: 2px;
}
.btn-danger:focus , .btn-outline-danger:focus{
    outline:2px solid #dc3545 !important; 
    outline-offset: 2px;
}

/* simple-notify */
.notifications-container{max-height:100vh;max-width:320px;pointer-events:none;position:fixed;width:100%;z-index:9999}.notifications-container.notify-is-x-center{left:50%;transform:translateX(-50%)}.notifications-container.notify-is-y-center{top:50%;transform:translateY(-50%)}.notifications-container.notify-is-center{left:50%;top:50%;transform:translate(-50%, -50%)}.notifications-container.notify-is-left{left:0}.notifications-container.notify-is-right{right:0}.notifications-container.notify-is-top{top:0}.notifications-container.notify-is-bottom{bottom:0}.notifications-container.notify-is-x-center.notify-is-top{top:var(--distance)}.notifications-container.notify-is-x-center.notify-is-bottom{bottom:var(--distance)}.notifications-container>*{pointer-events:auto}.notify{--notify-error: rgb(235, 87, 87);--notify-error-progress: rgb(192, 69, 69);--notify-success: rgb(111, 207, 151);--notify-success-progress: rgb(84, 170, 120);--notify-warning: rgb(242, 201, 76);--notify-warning-progress: rgb(196, 166, 79);--notify-info: rgb(81, 205, 243);--notify-info-progress: rgb(84, 169, 196);--notify-gray: rgb(51, 51, 51);--notify-gray-2: rgb(77, 77, 77);--notify-gray-3: rgb(130, 130, 130);--notify-white: rgb(255, 255, 255);--notify-white-2: rgba(255, 255, 255, 0.8);--notify-padding: 0.75rem;--notify-icon-size: 32px;--notify-close-icon-size: 16px;align-items:center;border-radius:6px;box-sizing:border-box;display:flex;font-family:-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;overflow:hidden;padding:var(--notify-padding);position:relative;text-decoration:none;transition-timing-function:ease;width:100%}.notify__icon{align-items:center;display:flex;flex-shrink:0;height:var(--notify-icon-size);justify-content:center;margin-right:12px;width:var(--notify-icon-size)}.notify__close{align-items:center;cursor:pointer;display:flex;height:var(--notify-close-icon-size);justify-content:center;position:absolute;right:12px;top:12px;user-select:none;width:var(--notify-close-icon-size)}.notify__close *{pointer-events:none}.notify__title{font-size:1rem;font-weight:600;padding-right:calc(var(--notify-padding) + var(--notify-close-icon-size))}.notify__text{font-size:0.875rem;margin-top:0.25rem}.notify--type-1{background-color:#fff;border:1px solid currentColor}.notify--type-1 .notify__close{color:var(--notify-gray-3)}.notify--type-1 .notify__title{color:var(--notify-gray)}.notify--type-1 .notify__text{color:var(--notify-gray-2)}.notify--type-2{color:var(--notify-gray)}.notify--type-3{color:var(--notify-white)}.notify--type-3 .notify__text{color:var(--notify-white-2)}.notify--error.notify--type-1{box-shadow:0 2px 26px rgba(215,0,0,0.1);color:var(--notify-error)}.notify--error.notify--type-2,.notify--error.notify--type-3{background-color:var(--notify-error)}.notify--warning.notify--type-1{box-shadow:0 2px 26px rgba(242,201,76,0.1);color:var(--notify-warning)}.notify--warning.notify--type-2,.notify--warning.notify--type-3{background-color:var(--notify-warning)}.notify--success.notify--type-1{box-shadow:0 2px 26px rgba(82,215,0,0.1);color:var(--notify-success)}.notify--success.notify--type-2,.notify--success.notify--type-3{background-color:var(--notify-success)}.notify--info.notify--type-1{box-shadow:0 2px 26px rgba(84,175,202,0.1);color:var(--notify-info)}.notify--info.notify--type-2,.notify--info.notify--type-3{background-color:var(--notify-info)}.notify--fade{opacity:0;will-change:opacity}.notify--fadeIn{opacity:1}.notify--slide{opacity:0;will-change:opacity, transform}.notify-is-center .notify--slide,.notify-is-y-center .notify--slide,.notify-is-x-center:not(.notify-is-bottom) .notify--slide{transform:translateY(-20px)}.notify-is-x-center.notify-is-bottom .notify--slide{transform:translateY(20px)}.notify-is-right .notify--slide{transform:translateX(calc(var(--distance) + 110%))}.notify-is-left .notify--slide{transform:translateX(calc((var(--distance) * -1) - 110%))}.notify-is-x-center:not(.notify-is-bottom) .notify--slideIn,.notify-is-center .notify--slideIn,.notify-is-y-center .notify--slideIn,.notify-is-x-center.notify-is-bottom .notify--slideIn{opacity:1;transform:translateY(0)}.notify-is-right .notify--slideIn,.notify-is-left .notify--slideIn{opacity:1;transform:translateX(0)}.notify-is-left .notify{left:var(--distance)}.notify-is-right .notify{right:var(--distance)}.notify-is-top .notify,.notify-is-center .notify,.notify-is-y-center .notify,.notify-is-x-center.notify-is-top .notify{margin-top:var(--gap)}.notify-is-bottom .notify,.notify-is-x-center:not(.notify-is-top) .notify{margin-bottom:var(--gap)}.notify.notify-autoclose{--progress-height: 5px;padding-bottom:calc(var(--notify-padding) + var(--progress-height))}.notify.notify-autoclose::before{animation:progress calc(var(--timeout) * 1ms) linear forwards;bottom:0;content:'';height:var(--progress-height);left:0;position:absolute;transform:scale3d(1, 1, 1);transform-origin:left;width:100%}@keyframes progress{to{transform:scale3d(0, 1, 1)}}.notify.notify-autoclose.notify--error::before{background-color:var(--notify-error-progress)}.notify.notify-autoclose.notify--warning::before{background-color:var(--notify-warning-progress)}.notify.notify-autoclose.notify--success::before{background-color:var(--notify-success-progress)}.notify.notify-autoclose.notify--info::before{background-color:var(--notify-info-progress)}


/**
 * jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
 */
 .jq-toast-wrap { display: block; position: fixed; width: 250px;  pointer-events: none !important; margin: 0; padding: 0; letter-spacing: normal; z-index: 9000 !important; }
 .jq-toast-wrap * { margin: 0; padding: 0; }
 
 .jq-toast-wrap.bottom-left { bottom: 20px; left: 20px; }
 .jq-toast-wrap.bottom-right { bottom: 20px; right: 40px; }
 .jq-toast-wrap.top-left { top: 20px; left: 20px; }
 .jq-toast-wrap.top-right { top: 20px; right: 40px; }
 
 .jq-toast-single { display: block; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white; }
 
 .jq-toast-single h2 { font-family: arial, sans-serif; font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal; }
 .jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
 
 .jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
 .jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }
 
 .close-jq-toast-single { position: absolute; top: 3px; right: 7px; font-size: 14px; cursor: pointer; }
 
 .jq-toast-loader { display: block; position: absolute; top: -2px; height: 5px; width: 0%; left: 0; border-radius: 5px; background: red; }
 .jq-toast-loaded { width: 100%; }
 .jq-has-icon { padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px; }
 .jq-icon-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #31708f; color: #d9edf7; border-color: #bce8f1; }
 .jq-icon-warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII='); background-color: #8a6d3b; color: #fcf8e3; border-color: #faebcc; }
 .jq-icon-error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII='); background-color: #a94442; color: #f2dede; border-color: #ebccd1; }
 .jq-icon-success { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg=='); color: #dff0d8; background-color: #3c763d; border-color: #d6e9c6; }