body{
    font-family: "Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    color: #f0f0f0;
    padding:0;
    padding-top: 15px;
    background: #060606;
    background-color: #060606 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='250' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
}
.page{
    /*background: #060606;*/
    padding: 15px 30px;
    background:transparent;

}
.site-menubar-unfold .page, .site-menubar-unfold .site-footer{
    margin-left:auto;
    margin-right:auto;
    max-width: 1200px;
}
.page-header .breadcrumb{
    display: none;
    background-color: #151f34;
    color: white;
}
.breadcrumb-item.active {
    color: #a1a1a1;
}
.page .page-header .page-title{
    color: white;   
    font-weight: bold;
    font-size: 35px;
}
.irs-max, .irs-min{
    color: #ababab;
    background: #2c3545;
}
.irs-from, .irs-single, .irs-to{
    background: #cc2424;
    color: #fff;
}
.irs-from:after, .irs-single:after, .irs-to:after{
    border-top-color: #cc2424;
}
.irs-grid-text {
    color: #b7b7b7;
}
.irs-bar{
    background: #cc2424;
}
.irs-slider{
    background: #cc2424;
    border-bottom-left-radius: 100px;
    border-bottom-right-radius: 100px;
    box-shadow: 0px 0px 6px -1px black;
}
.irs-line-left, .irs-line-mid, .irs-line-right{
    background: #2c3545;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6,
.site-menubar{
    font-family: "Montserrat", sans-serif;
}
.panel{
    background-color: transparent;
    box-shadow: 7px 7px 4px 0px #00000088;
    
    border: solid #ff1d25 2px;
    background: white;
    border-radius: 6px;
}
.panel::before{
    content:' ';
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    background-color: #091120;
    border-radius: 4px;
    /*border: solid 1px white;*/

    border: solid 2px #009245;
    background-color: #081631;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='250' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.01'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");

}
.panel-body{
    padding: 30px 40px;
}
.page-header{
    text-align: center;
}
.page-title{
    display: inline-block;
    margin: auto;
}
.page-title::after {
    content: " ";
    display: block;
    margin: auto;
    text-align: center;
    margin-top: 20px;
    max-width: 100px;
    margin-bottom: 20px;
    background: white;
    height: 2px;
}
.site-menubar-unfold .site-menubar{
    box-shadow: 0px 0px 5px 0px black;
    color: #788aab;
    background: #151f34;
}
.site-menubar-unfold .site-menu-icon{
    margin-right: 29px;
    font-size: 37px;
    padding: 10px 0;
}
.site-menubar-unfold .site-menu > .site-menu-item > a .site-menu-title {
    font-size: 15px;
    color: #e7e7e7;
}
.page-header{
    border-bottom: solid 1px #091120;
}
.site-navbar{
    width: 260px;
    background-color: #1c2a45;
    box-shadow: 0px 0px 5px 0px black;

    background-color: transparent;
    box-shadow:unset;

    top: 15px;
    left: 15px;
}
.navbar-brand-text, #toggleMenubar, #toggleFullscreen, #toggleHistory{
    display:none;
}
.site-navbar .navbar-container{
    display:none !important;
}
.site-menubar{
    transition: transform 1s ease;
    transform: perspective(700px) rotateX(-90deg);
    transform-origin: top;
}
.site-menubar.visible{
    transform: perspective(700px) rotateX(0deg);
}
.irs-grid-text, .irs-max, .irs-min{
    color:#eeeeee;
}
.site-navbar .navbar-header .navbar-toggler{
    display: none !important;
}
.site-gridmenu{
    padding: 0;
}
.site-gridmenu .scrollable-container{
    height: 100% !important;
}
.navbar-brand{
    transition: width 0.25s ease;
    width: 251px;
    overflow: hidden;

}
body:not(.site-gridmenu-active) .navbar-brand.logo_piccolo{
    width: 61px;
}
@media (max-width: 767px){
    .navbar-brand-center{
        top:0;
    }
}
.navbar-toggler .collapsed{
    display:none !important;
}
.site-menubar-fold .page, .site-menubar-fold .site-footer{
    margin-left:0px;
}
.site-gridmenu {
    width: calc(100% - 250px);
    left: 250px;
    height: 65px;
    top: 15px;
    transform-origin: center center;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent;
    margin-left: 15px;
    overflow: visible !important;
}
.scrollable.is-disabled:not(.active) > ul{
    pointer-events: none;
}
.scrollable.is-enabled.site-gridmenu{
    overflow: visible !important;
}

.btn.btn-gaming{
    background-color: transparent !important;
    box-shadow: unset !important;
    transition: color 0.2s ease, text-shadow 0.2s ease;
    color: white !important;
    text-shadow: 0px 0px 0px white;
}
.btn.btn-gaming:hover{
    color:red !important;
    text-shadow: 0px 0px 14px rgba(255,255,255, 0.4);
}

.page_scrolled_down.site-menubar-unfold:not(.site-gridmenu-active) .site-gridmenu{
    display:none;
}
@media (min-width: 768px)
{
    .page_scrolled_down.site-menubar-unfold:not(.site-gridmenu-active) .site-navbar {
        width: 100px;
        white-space: nowrap;
    }
}
.site-gridmenu li{
    transition: transform 0.5s ease !important;
    transform: perspective(700px) rotateY(-90deg);
}
.site-gridmenu.active li{
    transform: perspective(700px) rotateY(0deg);
}
.site-gridmenu.active li:nth-child(1){
    transition-delay: 0s !important;
}
.site-gridmenu.active li:nth-child(2){
    transition-delay: 0.25s !important;
}
.site-gridmenu.active li:nth-child(3){
    transition-delay: 0.5s !important;
}
.site-gridmenu.active li:nth-child(4){
    transition-delay: 0.75s !important;
}
.site-gridmenu.active li:nth-child(5){
    transition-delay: 1s !important;
}
.site-gridmenu,
.site-menubar-unfold .site-gridmenu{
    width: calc(100% - 250px) !important;
    left: 250px;
    height: 65px;
}
.site-gridmenu.active {
}
.site-gridmenu-toggle:after{
    transform: rotateZ(-90deg);
}
.site-gridmenu > ul{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.site-gridmenu li{
    width: 100px;
}
.site-gridmenu li > a{
    padding: 10px 10px;
    transition: color 0.2s ease, text-shadow 0.4s ease;
    text-shadow: 0px 0px 0px rgba(255,255,255, 0.4);
}
.site-gridmenu li .icon{
    margin-bottom: 0px;
    font-size: 33px;
}
.site-gridmenu li:hover > a{
    background-color:transparent;
    color: #e2181b !important;
    text-shadow: 0px 0px 33px rgba(255,255,255, 0.4);
}
.loading_screen{
    left:0 !important;
    top:0;
    background-color: #060606;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='250' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
}
.loading_screen::before{
    content:" ";
    animation: blurIn 1.2s forwards;
    position: absolute;
    top:0px;
    left:0px;
    bottom:0px;
    right:0px;
    background-color: #060606;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='250' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.03'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
}
.site-menubar-fold .site-gridmenu li{
    float: left;
    width: 100px;
}

@keyframes blurIn {
    from {filter: blur(0px);}
    to {filter: blur(10px);}
}


/** panel ALTERNATIVI */
.panel {
    background-color: #cc2424b0;
    box-shadow: 0px 0px 17px 2px #00000088;
    border: solid #67202000 2px;
    border-radius: 6px;
    background-size: 50px;
    background-position: -50px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%234b487a' fill-opacity='0.04' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}

.panel::before {
    content: ' ';
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    border-radius: 0;
    background-color: #0e0e0e;
    background-size: 200px;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%234b487a' fill-opacity='0.03' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
    box-shadow: inset 0px 0px 10px 5px #000000a6;
    border: 0;
    background-position: -58px 0;
}
.panel.panel_no_border::before{
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);

}
.page-header{
    border-bottom: 0;
}
/** fine panel ALTERNATIVI */

.checkbox-primary input[type="checkbox"]:checked + label::before, .checkbox-primary input[type="checkbox"]:checked + input[type="hidden"] + label::before, .checkbox-primary input[type="radio"]:checked + label::before, .checkbox-primary input[type="radio"]:checked + input[type="hidden"] + label::before{
    background-color: #cc2424b0;
    border-color: #cc2424b0;
}
.checkbox-custom > input:focus + label::before{
    background: #ffe1e1;
    border: solid 1px #cc2424b0;
}
.checkbox-custom label{
    color:white !important;
    font-size: 15px;
}
.radio-custom, .checkbox-custom{
    margin-top: 0px;
    margin-bottom: 0px;
}

.checkbox-custom::before,
.radio-custom::before{
    content: " ";
    position: absolute;
    top: -18px;
    left: -19px;
    bottom: -15px;
    width: 2px;
    background: #cc2424b0;
    border-radius: 10px;
    transition: width 0.3s ease;
}

.form-group.form-material.floating::before {
    content: " ";
    position: absolute;
    top: -19px;
    left: 0;
    bottom: 0;
    width: 2px;
    background: #cc2424b0;
    border-radius: 10px;
    transition: width 0.3s ease;
}
.choice_widget_container::before {
    top: -3px;
    bottom: 4px;
}
.form-group.form-material.floating,
.checkbox-custom{
    transition: padding-left 0.3s ease;
}
.checkbox-custom label::before{
    transition: box-shadow 0.3s ease;
    box-shadow: 0px 0px 0px 0px rgba(255,255,255, 0.3);
}
.checkbox-custom.focused label::before{
    box-shadow: 0px 0px 13px -2px rgba(255,255,255, 0.3);
}
.checkbox-custom.focused{
    padding-left: 25px;
}
.form-group.form-material.floating.focused{
    padding-left: 20px;
}
.checkbox-custom.focused::before,
.form-group.form-material.floating.focused::before{
    width:4px;
}
.form-material .form-control, .form-material .form-control{
    color: white !important;
    background: transparent !important;
    border-color:transparent !important;

}
.choice_widget_container > .select2 + label,
.form-material .form-control:focus ~ .floating-label, .form-material .form-control.focus ~ .floating-label, .form-material .form-control ~ .floating-label{
    color: white !important;
    font-weight: bold !important;
    text-shadow: 0px 0px 0px rgba(255,255,255, 0.2);
    transition: text-shadow 0.3s ease, color 0.3s ease, padding-left 0.3s ease;
    overflow: visible;
}
.choice_widget_container > .select2.select2-container--focus + label,
.choice_widget_container > .select2.select2-container--open + label,
.form-material.focused .form-control:focus ~ .floating-label, .form-material.focused .form-control.focus ~ .floating-label, .form-material.focused .form-control ~ .floating-label{
    color: #e2181b !important;
    text-shadow: 0px 0px 14px rgba(255,255,255, 0.2);
}
.form-material .form-control, .form-material .form-control{
    padding-left:11px;
    font-size: 20px;
}

.select2-container--default.select2 .select2-selection{
    border-color:transparent;
    background-color: transparent;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection{
    border-color:transparent;
    background-color: transparent;
}
.choice_widget_container .select2-container--default.select2.select2-container--focus .select2-selection{
    border-color:transparent;
    background-color: transparent;
}
.select2-container--default.select2 .select2-selection{
    position:relative;
}
.select2.select2-container{
    position:unset;
    transition: padding-left 0.3s ease;
}
.select2.select2-container.select2-container--default::before {
    content: " ";
    position: absolute;
    left: 0px;
    top: -3px;
    bottom: 15px;
    width: 2px;
    background: #cc2424b0;
    transition: width 0.3s ease;
}
.choice_widget_container > .select2.select2-container.select2-container--default.select2-container--focus::before,
.choice_widget_container > .select2.select2-container.select2-container--default.select2-container--open::before {
    width: 4px;
}
.choice_widget_container > .select2.select2-container.select2-container--default.select2-container--focus,
.choice_widget_container > .select2.select2-container.select2-container--default.select2-container--focus + label,
.choice_widget_container > .select2.select2-container.select2-container--default.select2-container--open,
.choice_widget_container > .select2.select2-container.select2-container--default.select2-container--open + label{
    padding-left: 5px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    transform: scale(1.3);

}
.select2-container .select2-selection--single .select2-selection__rendered{
    font-size: 20px;
    font-weight: 200;
    color:white;
}
.select2-container--default.select2 .select2-selection{
    height:43px;
    margin-top: -4px;
}
.choice_widget_container[required] > label::before{
    padding-right: 1px;
}

.select2-container--default .select2-results__option{
    color: white;
    background-color: #101012;
}
.select2-container--default .select2-results__option:nth-child(even){
    background-color:#0e0e0e;
}
.select2-container--default .select2-results__option:nth-child(odd){
    background-color: #101012;
}
.select2-container--default .select2-results__option[aria-selected=true]{
    color: #ff1414;
    text-shadow: 0px 0px 13px #ffffff52;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
    background-color: rgb(76, 22, 22);
    color:white;
}
.select2-container--default .select2-dropdown{
    border-color:#8c1d1f;
    border-radius: 6px;
}
.select2-search--dropdown{
    background-color: #cc2424b0;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder{
    font-size:18px;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    position: absolute;
    right: -8px;
    top:6px;
    margin-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__clear:hover{
    color:white;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    border-radius: 8px !important;
    background: #561313c7 !important;
    transition:background-color 0.3s ease;
    border-color: transparent !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field:focus{
    background: #561313 !important;
    color:white;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection{
    background-color: transparent;
}
.select2-container--default .select2-results__option.select2-results__message::before{
    color: #a0a0a0;
}
.select2-container--default .select2-dropdown{
    background: transparent;
    opacity: 0.95;
}

.form-material.form_color .input-group {
    max-width: 30px;
    max-height: 30px;
}
.form-material.form_color input[type="color"] {
    padding: 0;
    border: 0;
    margin-left: 10px;
}

@media (max-width: 767px) {
    .select2-container.select2-container--open:not(.no_full_height) .select2-selection{
        visibility: hidden;
    }
}

.form-material .form-control + label.floating-label::after {
    font-family: 'Font Awesome';
    content: "";
    opacity: 0;
    transition: opacity 0.3s ease, color 0.3s ease, left 0.3s ease;
    font-size: 22px;
    position: absolute;
    left: -7px;
    color: red;
    top: 18px;
    animation: hoverShakeSmall 2s infinite;
    transform-origin: 40%;
}
.form-material .form-control:focus + label.floating-label::after {
    color:red;
}
.form-material .form-control:invalid + label.floating-label::after {
    opacity:1;
}
.form-material .form-control:empty:not(:focus):invalid + label.floating-label::after {
    left: 12px;
}


.form_submit_container button[type="submit"]{
    position: unset;
    background: unset;
    border: unset;
    box-shadow: unset;
    font-size: 40px;
    text-shadow: 0px 0px 0px rgba(255,255,255, 0.4);
    transition: text-shadow 0.3s ease, color 0.3s ease, transform 0.2s cubic-bezier(0.65, 0.05, 0.36, 1);
    overflow: visible;
    animation: pulsatingSmall 4s infinite;
    transform-origin: 40%;
}
.form_submit_container button[type="submit"]:not(:disabled):not(.disabled):hover,
.form_submit_container button[type="submit"]:not(:disabled):not(.disabled):active{
    background: unset;
    color: #e2181b;
    text-shadow: 0px 0px 23px rgba(255,255,255, 0.4);
}
.form_submit_container button[type="submit"]:not(:disabled):not(.disabled):active {
    color: red;
    text-shadow: 0px 0px 23px rgba(255,255,255, 0.6);
}
.form_submit_container{
    margin-top: 10px;
    position: unset;
    text-align: center;
}
.form_submit_container::before{
    content: " ";
    height: 4px;
    background: #cc2424b0;
    display: block;
    margin: auto;
    border-radius: 20px;
    max-width: 190px;
    margin-bottom: 15px;
}

input:-webkit-autofill {
    -webkit-animation-name: autofill;
    -webkit-animation-fill-mode: both;
}

@-webkit-keyframes autofill {
    to {
        color: inherit;
        background: transparent;
    }
}



@keyframes hoverShake {
    0% {transform:rotate(-15deg) scale(1); text-shadow: 0px 0px 0px black ; }
    5% {transform:rotate(15deg) scale(1.05);}
    10% {transform:rotate(-15deg) scale(1.1);}
    15% {transform:rotate(15deg) scale(1.15);}
    20% {transform:rotate(-15deg) scale(1.2);}
    25% {transform:rotate(15deg) scale(1.25); text-shadow: 0px 0px 0px black;}
    30% {transform:rotate(-15deg) scale(1.2);}
    35% {transform:rotate(15deg) scale(1.15);}
    40% {transform:rotate(-15deg) scale(1.1);}
    45% {transform:rotate(15deg) scale(1.05);}
    50% {transform:rotate(-7deg) scale(1); text-shadow: 0px 0px 0px black;}
    55% {transform:rotate(3deg) scale(0.95);}
    60% {transform:rotate(0deg) scale(0.9);}

    95% {transform:rotate(0deg) scale(0.9);}
    100% {transform:rotate(0deg) scale(0.95);}

}

@keyframes hoverShakeSmall {
    0% {transform:rotate(-10deg) scale(1); text-shadow: 0px 0px 0px black;}
    5% {transform:rotate(10deg) scale(1.05);}
    10% {transform:rotate(-10deg) scale(1.1);}
    15% {transform:rotate(10deg) scale(1.15);}
    20% {transform:rotate(-10deg) scale(1.2);}
    25% {transform:rotate(10deg) scale(1.25); text-shadow: 0px 0px 0px black;}
    30% {transform:rotate(-10deg) scale(1.2);}
    35% {transform:rotate(10deg) scale(1.15);}
    40% {transform:rotate(-10deg) scale(1.1);}
    45% {transform:rotate(10deg) scale(1.05);}
    50% {transform:rotate(-5deg) scale(1); text-shadow: 0px 0px 0px black;}
    55% {transform:rotate(2deg) scale(0.95);}
    60% {transform:rotate(0deg) scale(0.9);}

    95% {transform:rotate(0deg) scale(0.9);}
    100% {transform:rotate(0deg) scale(0.95);}

}

@keyframes pulsating {
    0% {transform: scale(1);}
    5% {transform:scale(1.05);}
    10% {transform: scale(1.1);}
    15% {transform: scale(1.15);}
    20% {transform: scale(1.2);}
    25% {transform:scale(1.25);}
    30% {transform: scale(1.2);}
    35% {transform: scale(1.15);}
    40% {transform: scale(1.1);}
    45% {transform: scale(1.05);}
    50% {transform: scale(1); }
    55% {transform: scale(0.95);}
    60% {transform: scale(0.9);}

    95% {transform: scale(0.9);}
    100% {transform:scale(0.95);}

}
@keyframes pulsatingSmall {
    0% {transform: scale(0.85);}
    50% {transform: scale(1.15);}
    100% {transform: scale(0.85);}

}



.sweet-alert{
    background-color: #101010;
    box-shadow: 0px 0px 32px 5px black;
}
.sweet-alert .sa-icon{
    filter: saturate(2);
}
.sweet-alert button{
    color: #101010;
    font-weight: 600;
}
.sweet-alert h2,
.sweet-alert p{
    color:white;
}
.sweet-alert .sa-icon.sa-success .sa-fix,
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after{
    background: transparent;
}

.bootbox.modal .modal-dialog .bootbox-body pre{
    color: #212529;
    background: white;
}
.bootbox.modal .modal-dialog .modal-content{
    background-color: #101010;
    box-shadow: 0px 0px 32px 5px black;
}
.bootbox.modal.show.msgbox_exception .modal-dialog .modal-title::before{
    color: #ff4141;
}
.bootbox.modal .modal-dialog .modal-title,
.bootbox.modal .modal-dialog .bootbox-body,
.bootbox.modal .modal-dialog .close,
.bootbox.modal .modal-dialog .close:hover{
    color:white;
}
.bootbox.modal .modal-dialog .modal-footer .btn{
    color: #202020;
    font-weight: 600;
    filter: saturate(1.2);
}

/*vis*/
body.colorato .bm_datatable_foot .tfoot_cella, body.colorato .bm_datatable_head .thead_cella {
    background-color: #e2181b;
}
.bm_datatable_head .datatable_tools{
    background: #e2181b;
}
body.colorato .bm_datatable_container .bm_filtro_input{
    background: #ea4e50;
    color: white !important;
}
.datatable_tools .btn-primary{
    border-color: #ea4e50;
    background-color: #ea4e50;
}
.datatable_tools .btn-primary.focus,
.datatable_tools .btn-primary:focus,
.datatable_tools .btn-primary:hover{
    border-color: #f57577;
    background-color: #f57577;
}
.datatable_tools .btn-primary:not(:disabled):not(.disabled).active,
.datatable_tools .btn-primary:not(:disabled):not(.disabled):active,
.datatable_tools .show>.btn-primary.dropdown-toggle{
    border-color: #da383a;
    background-color: #da383a;
}
.btn-primary.focus,
.btn-primary:focus{
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 2px rgba(234, 98, 98, 0.5);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075), 0 0 0 2px rgba(234, 98, 98, 0.5);
}
table.bm-datatable tbody td{
    color:white;
}
table.bm-datatable.table-bordered td,
table.bm-datatable.table-bordered th{
    border: 1px solid #391818;
}
table.bm-datatable.table,
.bm_datatable_container.no_risultati .bm_datatable_head::after{
    background: #121010;
}
.bm_datatable_head .thead_riga,
.bm_datatable_foot .tfoot_riga{
    background: #e2181b;
}
body.colorato .bm_datatable_head{
    background: #e2181b;
}
.bm-col-filters .select2-container--default:not(.select2-container--open) .select2-selection{
    background-color: #ea4e50;
}
.bm-col-filters .select2-container .select2-selection--single .select2-selection__rendered{
    font-size: 15px;
}
.bm-col-filters .select2-container.select2-container--open .select2-selection--single .select2-selection__rendered,
.bm-col-filters .select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered{
    color:#ffffff !important;
    line-height: 32px;
}
.bm_datatable_head .thead_riga.bm-col-filters .thead_cella input.bm_filtro_input:focus{
    color: #444444 !important;
}

.example-well{
    background-color: transparent;
}