body {
    font-family: 'Roboto', sans-serif;
}

.hide{display: none}

.input_reset, .input_reset:active, .input_reset:focus{border: none!important; outline: none!important; box-shadow: none!important; color: black; background: none!important;}

.btn_reset, .btn_reset:focus{border: none!important; outline: none!important; box-shadow: none!important; color: black; background: none!important;}

.text-through{text-decoration: line-through;}

.material-icons{vertical-align: text-top; font-size: 125%!important;}

.modal-backdrop{min-width: 400px;}

#alerts {
    max-width: 350px;
    position: fixed;
    top: 10px;
    right: 5px;
    line-height: 1.3;
    opacity: .9;
    z-index: 999999;
}

.wrapper{
    width: 100%;
    min-width: 400px;
    padding-top: 0;
    background: #f8f8ff;
    position: absolute;
}

.container.main{
    height: 100%;
    background-color: #fff;
    box-shadow: 0px 4px 7px 0px;
}

.error{
    font-size: 80%;
    color: orangered;
}

.hovered_row:hover{background-color: #f5f5f5;}

.toasts{max-height: 500px; position: fixed; top: 0; right: 0; overflow-y: auto; z-index: 99999999}
.toast{min-width: 200px; max-width: 300px; margin: 10px; background-color: #fff; border-color: #929292;}

.header .navbar-nav .nav-item{
    font-size: 1.03rem;
}

.navbar-toggler{transition: background-color ease 400ms;}
.navbar-toggler[aria-expanded="true"]{background-color: orange;}

.page_title{
    padding: 10px;
    font-size: 1.8rem;
}

.box-sh-none{box-shadow: none!important;}

.autocomplete-suggestions{
    margin-top: 5px;
    padding: 5px;
    border: 1px solid #999;
    border-top: none;
    border-radius: 0 0 5px 5px;
    background-color: #fafafaf7;
    box-shadow: 1px 1px 5px #999;
    overflow-y: scroll;
}
.autocomplete-suggestions .autocomplete-suggestion{
    padding: 5px 3px;
    margin-bottom: 2px;
    border-bottom: 1px dotted #ccc;
}
.autocomplete-selected{
    /*padding: 2px;*/
    background-color: #bbb;
    cursor: pointer;
}

/*-- CSS LOCAL loader */
#localLoadingAnimation {
    width: 45px;
    aspect-ratio: .75;
    --c: no-repeat linear-gradient(#600 0 0);
    background:
        var(--c) 0%   50%,
        var(--c) 50%  50%,
        var(--c) 100% 50%;
    animation: l7 1s infinite linear alternate;

    /*----*/
    display: none;
    position: fixed;
    margin: 0 auto;
    top: 50px;
    left: 0;
    right: 0;
    z-index: 9999999;
}
@keyframes l7 {
    0%  {background-size: 20% 50% ,20% 50% ,20% 50% }
    20% {background-size: 20% 20% ,20% 50% ,20% 50% }
    40% {background-size: 20% 100%,20% 20% ,20% 50% }
    60% {background-size: 20% 50% ,20% 100%,20% 20% }
    80% {background-size: 20% 50% ,20% 50% ,20% 100%}
    100%{background-size: 20% 50% ,20% 50% ,20% 50% }
}
/*-- END CSS LOCAL loader */


/*-- CSS MAIN LOADING ANIM --*/
#pageLoadingAnimation{
    background-color: #ffffffdb;
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999999;
}

.cssload-loader * {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.cssload-loader {
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;

    width: 450px;
    height: 450px;

    margin-top: -225px;
    margin-left: -225px;

    perspective: 1350px;
    -o-perspective: 1350px;
    -ms-perspective: 1350px;
    -webkit-perspective: 1350px;
    -moz-perspective: 1350px;
    transform-style: perserve-3d;
    -o-transform-style: perserve-3d;
    -ms-transform-style: perserve-3d;
    -webkit-transform-style: perserve-3d;
    -moz-transform-style: perserve-3d;
}

.cssload-dots {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    perspective: 1350px;
    -o-perspective: 1350px;
    -ms-perspective: 1350px;
    -webkit-perspective: 1350px;
    -moz-perspective: 1350px;
    transform-style: perserve-3d;
    -o-transform-style: perserve-3d;
    -ms-transform-style: perserve-3d;
    -webkit-transform-style: perserve-3d;
    -moz-transform-style: perserve-3d;

    animation: cssload-dots 6900ms cubic-bezierrgb(0,0,0) infinite;
    -o-animation: cssload-dots 6900ms cubic-bezierrgb(0,0,0) infinite;
    -ms-animation: cssload-dots 6900ms cubic-bezierrgb(0,0,0) infinite;
    -webkit-animation: cssload-dots 6900ms cubic-bezierrgb(0,0,0) infinite;
    -moz-animation: cssload-dots 6900ms cubic-bezierrgb(0,0,0) infinite;
}

.cssload-dot {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 45px;
    height: 45px;

    margin-top: -23px;
    margin-left: -23px;

    border-radius: 2248px;

    background-color: rgb(30,63,87, 0.4);

    transform-style: perserve-3d;
    -o-transform-style: perserve-3d;
    -ms-transform-style: perserve-3d;
    -webkit-transform-style: perserve-3d;
    -moz-transform-style: perserve-3d;

    animation: cssload-dot 1725ms cubic-bezier(.7,.05,.39,.88) infinite;
    -o-animation: cssload-dot 1725ms cubic-bezier(.7,.05,.39,.88) infinite;
    -ms-animation: cssload-dot 1725ms cubic-bezier(.7,.05,.39,.88) infinite;
    -webkit-animation: cssload-dot 1725ms cubic-bezier(.7,.05,.39,.88) infinite;
    -moz-animation: cssload-dot 1725ms cubic-bezier(.7,.05,.39,.88) infinite;
}

.cssload-dot:nth-child(1) {
    transform: translateY(-90px);
    -o-transform: translateY(-90px);
    -ms-transform: translateY(-90px);
    -webkit-transform: translateY(-90px);
    -moz-transform: translateY(-90px);
}

.cssload-dot:nth-child(2) {
    transform: translateX(-45px) translateY(-45px);
    -o-transform: translateX(-45px) translateY(-45px);
    -ms-transform: translateX(-45px) translateY(-45px);
    -webkit-transform: translateX(-45px) translateY(-45px);
    -moz-transform: translateX(-45px) translateY(-45px);
    animation-name: cssload-dot2;
    -o-animation-name: cssload-dot2;
    -ms-animation-name: cssload-dot2;
    -webkit-animation-name: cssload-dot2;
    -moz-animation-name: cssload-dot2;
}

.cssload-dot:nth-child(3) {
    transform: translateX(45px) translateY(-45px);
    -o-transform: translateX(45px) translateY(-45px);
    -ms-transform: translateX(45px) translateY(-45px);
    -webkit-transform: translateX(45px) translateY(-45px);
    -moz-transform: translateX(45px) translateY(-45px);
    animation-name: cssload-dot3;
    -o-animation-name: cssload-dot3;
    -ms-animation-name: cssload-dot3;
    -webkit-animation-name: cssload-dot3;
    -moz-animation-name: cssload-dot3;
}

.cssload-dot:nth-child(4) {
    transform: translateX(-90px) translateY(0px);
    -o-transform: translateX(-90px) translateY(0px);
    -ms-transform: translateX(-90px) translateY(0px);
    -webkit-transform: translateX(-90px) translateY(0px);
    -moz-transform: translateX(-90px) translateY(0px);
    animation-name: cssload-dot4;
    -o-animation-name: cssload-dot4;
    -ms-animation-name: cssload-dot4;
    -webkit-animation-name: cssload-dot4;
    -moz-animation-name: cssload-dot4;
}

.cssload-dot:nth-child(5) {
    transform: translateX(0px) translateY(0px);
    -o-transform: translateX(0px) translateY(0px);
    -ms-transform: translateX(0px) translateY(0px);
    -webkit-transform: translateX(0px) translateY(0px);
    -moz-transform: translateX(0px) translateY(0px);
    animation-name: cssload-dot5;
    -o-animation-name: cssload-dot5;
    -ms-animation-name: cssload-dot5;
    -webkit-animation-name: cssload-dot5;
    -moz-animation-name: cssload-dot5;
}

.cssload-dot:nth-child(6) {
    transform: translateX(90px) translateY(0px);
    -o-transform: translateX(90px) translateY(0px);
    -ms-transform: translateX(90px) translateY(0px);
    -webkit-transform: translateX(90px) translateY(0px);
    -moz-transform: translateX(90px) translateY(0px);
    animation-name: cssload-dot6;
    -o-animation-name: cssload-dot6;
    -ms-animation-name: cssload-dot6;
    -webkit-animation-name: cssload-dot6;
    -moz-animation-name: cssload-dot6;
}

.cssload-dot:nth-child(7) {
    transform: translateX(-45px) translateY(45px);
    -o-transform: translateX(-45px) translateY(45px);
    -ms-transform: translateX(-45px) translateY(45px);
    -webkit-transform: translateX(-45px) translateY(45px);
    -moz-transform: translateX(-45px) translateY(45px);
    animation-name: cssload-dot7;
    -o-animation-name: cssload-dot7;
    -ms-animation-name: cssload-dot7;
    -webkit-animation-name: cssload-dot7;
    -moz-animation-name: cssload-dot7;
}

.cssload-dot:nth-child(8) {
    transform: translateX(45px) translateY(45px);
    -o-transform: translateX(45px) translateY(45px);
    -ms-transform: translateX(45px) translateY(45px);
    -webkit-transform: translateX(45px) translateY(45px);
    -moz-transform: translateX(45px) translateY(45px);
    animation-name: cssload-dot8;
    -o-animation-name: cssload-dot8;
    -ms-animation-name: cssload-dot8;
    -webkit-animation-name: cssload-dot8;
    -moz-animation-name: cssload-dot8;
}

.cssload-dot:nth-child(9) {
    transform: translateX(0px) translateY(90px);
    -o-transform: translateX(0px) translateY(90px);
    -ms-transform: translateX(0px) translateY(90px);
    -webkit-transform: translateX(0px) translateY(90px);
    -moz-transform: translateX(0px) translateY(90px);
    animation-name: cssload-dot9;
    -o-animation-name: cssload-dot9;
    -ms-animation-name: cssload-dot9;
    -webkit-animation-name: cssload-dot9;
    -moz-animation-name: cssload-dot9;
}

@keyframes cssload-dots {
    0%, 15% {
        transform: rotateZ(0deg);
    }
    25%, 40% {
        transform: rotateZ(90deg);
    }
    50%, 65% {
        transform: rotateZ(180deg);
    }
    75%, 90% {
        transform: rotateZ(270deg);
    }
    100% {
        transform: rotateZ(360deg);
    }
}

@-o-keyframes cssload-dots {
    0%, 15% {
        -o-transform: rotateZ(0deg);
    }
    25%, 40% {
        -o-transform: rotateZ(90deg);
    }
    50%, 65% {
        -o-transform: rotateZ(180deg);
    }
    75%, 90% {
        -o-transform: rotateZ(270deg);
    }
    100% {
        -o-transform: rotateZ(360deg);
    }
}

@-ms-keyframes cssload-dots {
    0%, 15% {
        -ms-transform: rotateZ(0deg);
    }
    25%, 40% {
        -ms-transform: rotateZ(90deg);
    }
    50%, 65% {
        -ms-transform: rotateZ(180deg);
    }
    75%, 90% {
        -ms-transform: rotateZ(270deg);
    }
    100% {
        -ms-transform: rotateZ(360deg);
    }
}

@-webkit-keyframes cssload-dots {
    0%, 15% {
        -webkit-transform: rotateZ(0deg);
    }
    25%, 40% {
        -webkit-transform: rotateZ(90deg);
    }
    50%, 65% {
        -webkit-transform: rotateZ(180deg);
    }
    75%, 90% {
        -webkit-transform: rotateZ(270deg);
    }
    100% {
        -webkit-transform: rotateZ(360deg);
    }
}

@-moz-keyframes cssload-dots {
    0%, 15% {
        -moz-transform: rotateZ(0deg);
    }
    25%, 40% {
        -moz-transform: rotateZ(90deg);
    }
    50%, 65% {
        -moz-transform: rotateZ(180deg);
    }
    75%, 90% {
        -moz-transform: rotateZ(270deg);
    }
    100% {
        -moz-transform: rotateZ(360deg);
    }
}

@keyframes cssload-dot {
    0% {
        transform: translateX(0) translateY(-90px);
    }
    10%, 20% {
        transform: translateX(45px) translateY(-45px);
    }
    30%, 50% {
        transform: translateX(0px) translateY(0px);
    }
}

@-o-keyframes cssload-dot {
    0% {
        -o-transform: translateX(0) translateY(-90px);
    }
    10%, 20% {
        -o-transform: translateX(45px) translateY(-45px);
    }
    30%, 50% {
        -o-transform: translateX(0px) translateY(0px);
    }
}

@-ms-keyframes cssload-dot {
    0% {
        -ms-transform: translateX(0) translateY(-90px);
    }
    10%, 20% {
        -ms-transform: translateX(45px) translateY(-45px);
    }
    30%, 50% {
        -ms-transform: translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes cssload-dot {
    0% {
        -webkit-transform: translateX(0) translateY(-90px);
    }
    10%, 20% {
        -webkit-transform: translateX(45px) translateY(-45px);
    }
    30%, 50% {
        -webkit-transform: translateX(0px) translateY(0px);
    }
}

@-moz-keyframes cssload-dot {
    0% {
        -moz-transform: translateX(0) translateY(-90px);
    }
    10%, 20% {
        -moz-transform: translateX(45px) translateY(-45px);
    }
    30%, 50% {
        -moz-transform: translateX(0px) translateY(0px);
    }
}

@keyframes cssload-dot2 {
    0% {
        transform: translateX(-45px) translateY(-45px);
    }
    10%, 55% {
        transform: translateX(0px) translateY(0px);
    }
}

@-o-keyframes cssload-dot2 {
    0% {
        -o-transform: translateX(-45px) translateY(-45px);
    }
    10%, 55% {
        -o-transform: translateX(0px) translateY(0px);
    }
}

@-ms-keyframes cssload-dot2 {
    0% {
        -ms-transform: translateX(-45px) translateY(-45px);
    }
    10%, 55% {
        -ms-transform: translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes cssload-dot2 {
    0% {
        -webkit-transform: translateX(-45px) translateY(-45px);
    }
    10%, 55% {
        -webkit-transform: translateX(0px) translateY(0px);
    }
}

@-moz-keyframes cssload-dot2 {
    0% {
        -moz-transform: translateX(-45px) translateY(-45px);
    }
    10%, 55% {
        -moz-transform: translateX(0px) translateY(0px);
    }
}

@keyframes cssload-dot4 {
    0% {
        transform: translateX(-90px) translateY(0px);
    }
    10%, 30% {
        transform: translateX(-45px) translateY(45px);
    }
    40%, 65% {
        transform: translateX(0px) translateY(0px);
    }
}

@-o-keyframes cssload-dot4 {
    0% {
        -o-transform: translateX(-90px) translateY(0px);
    }
    10%, 30% {
        -o-transform: translateX(-45px) translateY(45px);
    }
    40%, 65% {
        -o-transform: translateX(0px) translateY(0px);
    }
}

@-ms-keyframes cssload-dot4 {
    0% {
        -ms-transform: translateX(-90px) translateY(0px);
    }
    10%, 30% {
        -ms-transform: translateX(-45px) translateY(45px);
    }
    40%, 65% {
        -ms-transform: translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes cssload-dot4 {
    0% {
        -webkit-transform: translateX(-90px) translateY(0px);
    }
    10%, 30% {
        -webkit-transform: translateX(-45px) translateY(45px);
    }
    40%, 65% {
        -webkit-transform: translateX(0px) translateY(0px);
    }
}

@-moz-keyframes cssload-dot4 {
    0% {
        -moz-transform: translateX(-90px) translateY(0px);
    }
    10%, 30% {
        -moz-transform: translateX(-45px) translateY(45px);
    }
    40%, 65% {
        -moz-transform: translateX(0px) translateY(0px);
    }
}

@keyframes cssload-dot6 {
    0%, 10% {
        transform: translateX(90px) translateY(0px);
    }
    20% {
        transform: translateX(45px) translateY(-45px);
    }
    30%, 70% {
        transform: translateX(0px) translateY(0px);
    }
}

@-o-keyframes cssload-dot6 {
    0%, 10% {
        -o-transform: translateX(90px) translateY(0px);
    }
    20% {
        -o-transform: translateX(45px) translateY(-45px);
    }
    30%, 70% {
        -o-transform: translateX(0px) translateY(0px);
    }
}

@-ms-keyframes cssload-dot6 {
    0%, 10% {
        -ms-transform: translateX(90px) translateY(0px);
    }
    20% {
        -ms-transform: translateX(45px) translateY(-45px);
    }
    30%, 70% {
        -ms-transform: translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes cssload-dot6 {
    0%, 10% {
        -webkit-transform: translateX(90px) translateY(0px);
    }
    20% {
        -webkit-transform: translateX(45px) translateY(-45px);
    }
    30%, 70% {
        -webkit-transform: translateX(0px) translateY(0px);
    }
}

@-moz-keyframes cssload-dot6 {
    0%, 10% {
        -moz-transform: translateX(90px) translateY(0px);
    }
    20% {
        -moz-transform: translateX(45px) translateY(-45px);
    }
    30%, 70% {
        -moz-transform: translateX(0px) translateY(0px);
    }
}

@keyframes cssload-dot8 {
    0%, 10% {
        transform: translateX(45px) translateY(45px);
    }
    20%, 80% {
        transform: translateX(0px) translateY(0px);
    }
}

@-o-keyframes cssload-dot8 {
    0%, 10% {
        -o-transform: translateX(45px) translateY(45px);
    }
    20%, 80% {
        -o-transform: translateX(0px) translateY(0px);
    }
}

@-ms-keyframes cssload-dot8 {
    0%, 10% {
        -ms-transform: translateX(45px) translateY(45px);
    }
    20%, 80% {
        -ms-transform: translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes cssload-dot8 {
    0%, 10% {
        -webkit-transform: translateX(45px) translateY(45px);
    }
    20%, 80% {
        -webkit-transform: translateX(0px) translateY(0px);
    }
}

@-moz-keyframes cssload-dot8 {
    0%, 10% {
        -moz-transform: translateX(45px) translateY(45px);
    }
    20%, 80% {
        -moz-transform: translateX(0px) translateY(0px);
    }
}

@keyframes cssload-dot9 {
    0%, 10% {
        transform: translateX(0px) translateY(90px);
    }
    20%, 30% {
        transform: translateX(-45px) translateY(45px);
    }
    40%, 85% {
        transform: translateX(0px) translateY(0px);
    }
}

@-o-keyframes cssload-dot9 {
    0%, 10% {
        -o-transform: translateX(0px) translateY(90px);
    }
    20%, 30% {
        -o-transform: translateX(-45px) translateY(45px);
    }
    40%, 85% {
        -o-transform: translateX(0px) translateY(0px);
    }
}

@-ms-keyframes cssload-dot9 {
    0%, 10% {
        -ms-transform: translateX(0px) translateY(90px);
    }
    20%, 30% {
        -ms-transform: translateX(-45px) translateY(45px);
    }
    40%, 85% {
        -ms-transform: translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes cssload-dot9 {
    0%, 10% {
        -webkit-transform: translateX(0px) translateY(90px);
    }
    20%, 30% {
        -webkit-transform: translateX(-45px) translateY(45px);
    }
    40%, 85% {
        -webkit-transform: translateX(0px) translateY(0px);
    }
}

@-moz-keyframes cssload-dot9 {
    0%, 10% {
        -moz-transform: translateX(0px) translateY(90px);
    }
    20%, 30% {
        -moz-transform: translateX(-45px) translateY(45px);
    }
    40%, 85% {
        -moz-transform: translateX(0px) translateY(0px);
    }
}

@keyframes cssload-dot3 {
    0%, 20% {
        transform: translateX(45px) translateY(-45px);
    }
    30%, 60% {
        transform: translateX(0px) translateY(0px);
    }
}

@-o-keyframes cssload-dot3 {
    0%, 20% {
        -o-transform: translateX(45px) translateY(-45px);
    }
    30%, 60% {
        -o-transform: translateX(0px) translateY(0px);
    }
}

@-ms-keyframes cssload-dot3 {
    0%, 20% {
        -ms-transform: translateX(45px) translateY(-45px);
    }
    30%, 60% {
        -ms-transform: translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes cssload-dot3 {
    0%, 20% {
        -webkit-transform: translateX(45px) translateY(-45px);
    }
    30%, 60% {
        -webkit-transform: translateX(0px) translateY(0px);
    }
}

@-moz-keyframes cssload-dot3 {
    0%, 20% {
        -moz-transform: translateX(45px) translateY(-45px);
    }
    30%, 60% {
        -moz-transform: translateX(0px) translateY(0px);
    }
}

@keyframes cssload-dot7 {
    0%, 30% {
        transform: translateX(-45px) translateY(45px);
    }
    40%, 75% {
        transform: translateX(0px) translateY(0px);
    }
}

@-o-keyframes cssload-dot7 {
    0%, 30% {
        -o-transform: translateX(-45px) translateY(45px);
    }
    40%, 75% {
        -o-transform: translateX(0px) translateY(0px);
    }
}

@-ms-keyframes cssload-dot7 {
    0%, 30% {
        -ms-transform: translateX(-45px) translateY(45px);
    }
    40%, 75% {
        -ms-transform: translateX(0px) translateY(0px);
    }
}

@-webkit-keyframes cssload-dot7 {
    0%, 30% {
        -webkit-transform: translateX(-45px) translateY(45px);
    }
    40%, 75% {
        -webkit-transform: translateX(0px) translateY(0px);
    }
}

@-moz-keyframes cssload-dot7 {
    0%, 30% {
        -moz-transform: translateX(-45px) translateY(45px);
    }
    40%, 75% {
        -moz-transform: translateX(0px) translateY(0px);
    }
}
/*-- END CSS MAIN LOADING ANIM --*/

/*LOADING ANIM*/
.js_loading_anim{
    display: none;
}
#cssload-wrapper {
    width: 100%;
    height: 5px;
    /*position: absolute;*/
    /*left: 0;*/
}

#cssload-border {
    border: 1px solid #fff;
    height: 100%;
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    padding: 0px 3px;
}

#cssload-whitespace {
    overflow: hidden;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

#cssload-line {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #466482;
    animation: cssload-slide 2s steps(60) infinite;
    -o-animation: cssload-slide 2s steps(60) infinite;
    -ms-animation: cssload-slide 2s steps(60) infinite;
    -webkit-animation: cssload-slide 2s steps(60) infinite;
    -moz-animation: cssload-slide 2s steps(60) infinite;
}



@keyframes cssload-slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

@-o-keyframes cssload-slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

@-ms-keyframes cssload-slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

@-webkit-keyframes cssload-slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}

@-moz-keyframes cssload-slide {
    0% {
        left: -100%;
    }

    100% {
        left: 100%;
    }
}