:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#ffffff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--success2:#23b391;--info:#17a2b8;--information:rgb(7, 113, 128);--warning:#dd8a0e;--danger:#dc3545;--light:#e3e4e6;--dark:#343a40;--brandColor:#0aa0a5;--grayLight:#949494;--barsize:2.5rem;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:"Source Sans Pro",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
.bt.bt-msg{display:inline-block;color:#0f0f0f;cursor:pointer;background-color:#fafafa;border-radius:2px;text-decoration:none;border:none;text-align:center;user-select:none}
.popup-msg{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background-color:rgba(57,57,57,.15)}
.popup-msg>div{display:flex;align-items:center;flex-direction:column;justify-content:space-between;margin:5rem auto;color:#fff;padding:20px 10px;text-align:center;min-height:220px;width:400px;border-radius:.95em;box-sizing:border-box;opacity:.95;box-shadow:1px 1px 10px rgba(106,106,106,.32);-webkit-animation-name:msg_anima;-webkit-animation-duration:.4s;animation-name:msg_anima;animation-duration:.4s}
@-webkit-keyframes msg_anima{
from{opacity:0;transform:scale(0);transition:opacity .25s,transform .25s}
to{opacity:1;transform:scale(1)}
}
@keyframes msg_anima{
from{opacity:0;transform:scale(0);transition:opacity .25s,transform .25s}
to{opacity:1;transform:scale(1)}
}
.popup-msg .conten.msg-success{background:var(--success2)}
.popup-msg .conten.msg-error{background:var(--danger)}
.popup-msg .conten.msg-information{background:var(--info)}
.popup-msg .conten.msg-confirm{background:var(--info)}
.popup-msg .conten.msg-confirm.delete{background:var(--warning)}
.popup-msg .conten .msg-str{font-size:.9rem;font-weight:600;margin:10px 30px}
.popup-msg .conten .bt.bt-msg{border:none;margin:0 20px;padding:5px 15px;font-size:1rem;border-radius:35px;line-height:1.5;margin-top:15px;font-weight:700}
.popup-msg .conten .bt.bt-msg svg{height:15px}
.popup-msg .conten.msg-success .bt.bt-msg{color:var(--success2)}
.popup-msg .conten.msg-error .bt.bt-msg{color:var(--danger)}
.popup-msg .conten.msg-information .bt.bt-msg{color:var(--information)}
.popup-msg .conten.msg-confirm .bt.bt-msg{color:var(--information)}
.popup-msg .conten.msg-confirm.delete .bt.bt-msg{color:var(--warning)}
.popup-msg .conten .msg-conten div.msg-icon{font-size:2em}
.popup-msg .conten .msg-conten div.msg-icon svg{height:70px;margin:auto!important}
.popup-msg .conten .bt.bt-msg i{padding:0;margin:0}
.msg.popup-message-notif{display:flex;position:fixed;height:86px;top:70px;right:20px;width:fit-content;min-width:250px;max-width:300px;z-index:9999999;box-shadow:0 0 4px #222;border-radius:7px;color:#fff;overflow:hidden;transition:1s ease}
.msg.popup-message-notif.bg-pop-up-message-read{background-color:#bf0f0f}
.msg.popup-message-notif.bg-pop-up-message-success{background-color:#23b391}
.msg.popup-message-notif.bg-pop-up-message-detail{background-color:#158dac}
.msg.popup-message-notif.hidden{transform:translate3d(120%,0,0);-webkit-transform:translate3d(120%,0,0);-o-transform:translate3d(120%,0,0);-ms-transform:translate3d(120%,0,0);-moz-transform:translate3d(120%,0,0)}
.msg.popup-message-notif .container-message{padding:10px;display:flex}
.msg.popup-message-notif .container-message .body-message{display:flex;align-items:center;font-size:.85rem}
.msg.popup-message-notif .container-message .body-message .icon-messages{display:flex;align-items:center!important;width:40px}
.msg.popup-message-notif .container-message .body-message .text-message{padding-left:8px;font-size:.85rem}
.msg.popup-message-notif .container-progress{position:absolute;height:4px;bottom:0;right:0;left:0;background-color:rgba(0,0,0,0)}
.msg.popup-message-notif .container-progress .progress-bar{background-color:#5151515e;height:100%;width:0}
.msg.popup-message-notif .bt-close-msg{position:absolute;top:0;right:0;padding:1px 5px;background-color:#808080a1;cursor:pointer;border-bottom-left-radius:3px}
.msg.popup-message-notif .bt-close-msg:hover{background-color:#808080f1}
.mr_loading{position:relative;overflow:hidden!important}
.mr_loading .load-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99999}
.mr_loading .load-wrapper .load-title{position:absolute;width:100%;text-align:center;color:#3f3f3f}
.mr_loading .load-wrapper.on-spinner .load-title{top:calc(50% + 2.25rem)}
.mr_loading .load-wrapper.off-spinner .load-title{top:50%}
.mr_loading .load-wrapper.bg-default{background-color:rgba(255,255,255,.692)}
.mr_loading .load-wrapper.bg-transparent{background-color:transparent}
.mr_loading .load-container.load-center{top:50%;left:50%;position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;text-align:center;justify-content:center}
.mr_loading .load-container.load-left{top:50%;left:15px;position:absolute;transform:translate(-50%,-50%)}
.mr_loading .load-container.load-right{top:50%;right:0;position:absolute;transform:translate(-50%,-50%)}
.mr_loading .load-container.load-top{top:3rem;right:calc(50% - 2.125rem);position:absolute;transform:translate(-50%,-50%)}
.mr_loading .load-container.load-bottom{bottom:10px;right:calc(50% - 2.125rem);position:absolute;transform:translate(-50%,-50%)}
.mr_loading .load-container .spinner.big-spinner{display:flex;height:4.2rem;width:4.2rem;border:5px solid #ccc;border-radius:50%;border-top-color:#00babb;border-left-color:#00babb;border-bottom-color:#00babb;animation:sipinner 1s infinite ease-in-out;-webkit-animation:sipinner 1s infinite ease-in-out;align-items:flex-end;align-content:center}
.mr_loading .load-wrapper .load-container img{position:absolute;margin:auto}
.mr_loading .load-wrapper.on-spinner .load-container img{max-width:55%;height:auto;width:auto;max-height:70%}
.mr_loading .load-wrapper.off-spinner .load-container img{top:calc(65% - 7rem);left:calc(65% - 2.75rem);max-width:5.5rem;height:auto}
.mr_loading .load-container .spinner.small-spinner{display:block!important;height:1.25em;width:1.25em;border:3px solid #e6e6e6;border-radius:50%;border-top-color:#aeb1b1;border-left-color:#aeb1b1;animation:sipinner 1s infinite ease-in-out;-webkit-animation:sipinner 1s infinite ease-in-out}
@-webkit-keyframes sipinner{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
@keyframes sipinner{
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
input[type=email].inp-error,input[type=password].inp-error,input[type=text].inp-error,input[type=time].inp-error,select.inp-error,textarea.inp-error{border-color:red!important}
.inp-error~small{color:red;font-style:italic}
.inp-error~small.msg-top{position:absolute!important;width:fit-content!important;right:0;white-space:nowrap;top:0;transition:all .5s;padding:5px 8px;border-radius:5px;z-index:1;font-size:10px}
.list-months{display:flex;justify-content:space-between;height:40px;border:1px solid #8a8181;line-height:40px;padding:0 8px;width:300px;border-radius:.35rem;color:#686868;box-sizing:border-box;box-shadow:0 0 5px #aaa7a7}
.list-months .arrowLeft,.list-months .arrowRight{cursor:pointer}
.list-months .arrowLeft svg,.list-months .arrowRight svg{height:20px}
.list-months .months select,.list-months .year input,.list-months .year input:focus{height:28px;font-size:1.1rem;border:unset!important;padding:0!important;margin:0!important;text-align:center!important;line-height:28px}