﻿/*#region Main */
body {
    position: absolute;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #00030c;
    font-family: 'Roboto', sans-serif;
    min-width: 285px;
    padding: 0;
    left: 0;
    font-size: 14px;
}

#bg_main1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url('../img/background-sz.jpg');
}

#bg_main2 {
    background-size: cover;
    background-repeat: no-repeat;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iOCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMC42Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjM2JSIgc3RvcC1jb2xvcj0iI2JjYmNiYyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjAuOTUiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-radial-gradient(center, circle cover, rgba(0,0,0,0.6) 8%, rgba(188,188,188,0) 36%, rgba(0,0,0,0.5) 45%, rgba(0,0,0,0.95) 65%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(8%,rgba(0,0,0,0.6)), color-stop(36%,rgba(188,188,188,0)), color-stop(45%,rgba(0,0,0,0.5)), color-stop(65%,rgba(0,0,0,0.95)));
    background: -webkit-radial-gradient(center, circle cover, rgba(0,0,0,0.6) 8%,rgba(188,188,188,0) 36%,rgba(0,0,0,0.5) 45%,rgba(0,0,0,0.95) 65%);
    background: -o-radial-gradient(center, circle cover, rgba(0,0,0,0.6) 8%,rgba(188,188,188,0) 36%,rgba(0,0,0,0.5) 45%,rgba(0,0,0,0.95) 65%);
    background: -ms-radial-gradient(center, circle cover, rgba(0,0,0,0.6) 8%,rgba(188,188,188,0) 36%,rgba(0,0,0,0.5) 45%,rgba(0,0,0,0.95) 65%);
    background: radial-gradient(circle at 70%, rgba(0,0,0,0.6) 8%,rgba(188,188,188,0) 36%,rgba(0,0,0,0.5) 45%,rgba(0,0,0,0.95) 65%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#f2000000',GradientType=1 );
}

#bg_main1,
#bg_main2,
#bg_main3 {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1000;
}

#bg_main3 {
    background-color: rgba(0, 0, 0, 0.70);
}

img#mainPhoto {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*на 1 апреля*/
/*#bg_main3 {
    animation-duration: 3s;
    animation-name: slidein;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}*/

@keyframes slidein {
    0% {
        background: repeating-linear-gradient(190deg, rgba(255, 0, 0, 0.5) 40px, rgba(255, 153, 0, 0.5) 80px, rgba(255, 255, 0, 0.5) 120px, rgba(0, 255, 0, 0.5) 160px, rgba(0, 0, 255, 0.5) 200px, rgba(75, 0, 130, 0.5) 240px, rgba(238, 130, 238, 0.5) 280px, rgba(255, 0, 0, 0.5) 300px), repeating-linear-gradient(-190deg, rgba(255, 0, 0, 0.5) 30px, rgba(255, 153, 0, 0.5) 60px, rgba(255, 255, 0, 0.5) 90px, rgba(0, 255, 0, 0.5) 120px, rgba(0, 0, 255, 0.5) 150px, rgba(75, 0, 130, 0.5) 180px, rgba(238, 130, 238, 0.5) 210px, rgba(255, 0, 0, 0.5) 230px), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green 200px, blue 250px, indigo 300px, violet 350px, red 370px);
    }

    50% {
        background: repeating-linear-gradient(190deg, rgba(255, 0, 0, 0.5) 40px, rgba(0, 153, 0, 0.5) 80px, rgba(255, 255, 0, 0.5) 120px, rgba(0, 255, 0, 0.5) 160px, rgba(0, 100, 255, 0.5) 200px, rgba(75, 0, 130, 0.5) 240px, rgba(238, 130, 238, 0.5) 280px, rgba(255, 0, 0, 0.5) 300px), repeating-linear-gradient(-190deg, rgba(255, 0, 0, 0.5) 30px, rgba(255, 153, 0, 0.5) 60px, rgba(255, 255, 0, 0.5) 90px, rgba(0, 255, 0, 0.5) 120px, rgba(0, 0, 255, 0.5) 150px, rgba(75, 0, 130, 0.5) 180px, rgba(238, 130, 238, 0.5) 210px, rgba(255, 0, 0, 0.5) 230px), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green 200px, blue 250px, indigo 300px, violet 350px, red 370px);
    }

    100% {
        background: repeating-linear-gradient(190deg, rgba(255, 0, 0, 0.5) 40px, rgba(255, 153, 0, 0.5) 80px, rgba(255, 255, 0, 0.5) 120px, rgba(0, 255, 0, 0.5) 160px, rgba(0, 0, 255, 0.5) 200px, rgba(75, 0, 130, 0.5) 240px, rgba(238, 130, 238, 0.5) 280px, rgba(255, 0, 0, 0.5) 300px), repeating-linear-gradient(-190deg, rgba(255, 0, 0, 0.5) 30px, rgba(255, 153, 0, 0.5) 60px, rgba(255, 255, 0, 0.5) 90px, rgba(0, 255, 0, 0.5) 120px, rgba(0, 0, 255, 0.5) 150px, rgba(75, 0, 130, 0.5) 180px, rgba(238, 130, 238, 0.5) 210px, rgba(255, 0, 0, 0.5) 230px), repeating-linear-gradient(23deg, red 50px, orange 100px, yellow 150px, green 200px, blue 250px, indigo 300px, violet 350px, red 370px);
    }
}

#Lhome {
    color: #fff;
    height: 100%;
}

    #Lhome #top_main {
        padding: 15px;
        min-width: 345px;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjUiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.5) 50%, rgba(0,0,0,0) 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(50%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0)));
        background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
        background: -o-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
        background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );
    }

        #Lhome #top_main > a {
            color: var(--main-top-text-color);
            text-decoration: none;
            font-size: 35px;
            margin: 0 10px 0 20px;
        }

            #Lhome #top_main > a:hover,
            #Lhome #top_main > a:focus,
            #Lhome #top_main > a:active {
                color: #7a7a7a;
                outline: none;
                text-decoration: none;
            }

    #Lhome #midle_main {
        position: relative;
        min-height: 590px;
    }

.modal-content {
    background-color: rgba(51, 51, 51, 0.9);
    color: #eee;
}
/*#endregion */
.header-fixed{
    /*background-color: red;*/
}
/* Стиль для узких экранов (≤ 500px): title сверху */
@media (max-width: 850px) {
    .filtergroup {
        flex-direction: column;
    }

        .filtergroup .filtergroup-title {
            width: 100%;
            margin-bottom: 5px;
        }

        .filtergroup .filtergroup-content {
            width: 100%;
        }

            .filtergroup .filtergroup-content .filteritem {
                flex: 1 1 calc(50% - 10px);
                max-width: 100%;
            }
}

.Lbtn {
    height: 36px;
    padding: 0 10px;
    border-radius: 5px;
    /*z-index: 500;*/
    position: relative;
    vertical-align: middle;
    line-height: 34px;
    cursor: pointer;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    min-width: 35px;
    overflow: hidden;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    text-shadow: none;
    white-space: nowrap;
}

    .Lbtn.disabled {
        cursor: not-allowed;
        filter: brightness(0.8);
    }

    .Lbtn:focus {
        outline: none;
    }

    .Lbtn.botom-right {
        position: absolute;
        right: 20px;
        bottom: 20px;
    }



/*#region Report1 */

#Report1 #editparams2 form {
    width: 100%;
    display: block;
}

#Report1 #ex13CurrentSliderValLabel {
    margin-top: 15px;
}

#Report1 #ex13-slidergroup {
    margin: 10px;
}
/*#endregion */
