/* CSS Document */
/* 10px = 7.5pt = 1rem */

@import url('../fnt/cp/stylesheet.css');
@import url('../fnt/pt/stylesheet.css?v=224');
@import url('../fnt/br/stylesheet.css');
@import url('../fnt/l/stylesheet.css');

@font-face {
	font-family: Braille;
	src: url(/style/supernova_readable/css/braille.ttf);
}

:root {
    --default-font:     Lato, PT, Verdana, 'Helvetica Neue', Ubuntu, sans-serif;
    --custom-font :     Lato, PT, Verdana, 'Helvetica Neue', Ubuntu, sans-serif;
    --button-font : Lato, PT, cp, Verdana, 'Helvetica Neue', Ubuntu, sans-serif;
    --header-font : Lato, PT, cp, Verdana, 'Helvetica Neue', Ubuntu, sans-serif;
    --blind-font  : br;

	--border-color:   #d9d9d9/* #ada9aa */;
    --bg-muted-color: #eeecee;
    --text-color:     #000;
    
    --bg-noimage-x : radial-gradient(circle at 50% 35%, var(--lightblue-75) 25%, transparent calc(25% + .5pt)),radial-gradient(circle at 50% 107%, var(--lightblue-75) 40%, transparent calc(40% + .5pt)),linear-gradient(45deg, transparent calc(50% - .5pt), var(--stormblue-25) 50%, transparent calc(50% + .5pt)), linear-gradient(135deg, transparent calc(50% - .5pt), var(--stormblue-25) 50%, transparent calc(50% + .5pt)), linear-gradient(135deg, var(--lightblue), var(--grayblue));
    --bg-noimage   : radial-gradient(circle at 50% 35%, var(--lightblue-75) 25%, transparent calc(25% + .5pt)),radial-gradient(circle at 50% 107%, var(--lightblue-75) 40%, transparent calc(40% + .5pt)), linear-gradient(135deg, var(--lightblue), var(--grayblue));

    --muted        : #777777;
    --light        : #999999;
    --blue         : #5f8aaf;
    --grayblue     : #8fa6b9;
    --stormblue    : #6e8ea9;
    --stormblue-25 : rgb(110 142 169 / 25%);
    --lightblue    : #e2e7ea;
    --lightblue-75 : rgb(226 231 234 / 75%);
    --darkblue     : #2b4c67;
    --lightyellow  : #f6ff81;
    --orange       : #ffae00;
    --green        : #14c814;
    --lightgreen   : #69ea69;
    --red          : #bb0000;
    --softred      : #ee4158;
    --brown        : #ad7e69;/* #ad6e52; */
    --main         : #ff8a11;
    --oldpaper     : #fcf7ec;
    
    /* CUSTOMIZE BS-VARS */
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
    
    --safe-right: max(calc(var(--bs-gutter-x) / 1), env(safe-area-inset-right));
    --safe-left: max(calc(var(--bs-gutter-x) / 1), env(safe-area-inset-left));
    /* --safe-top: max(var(--bs-gutter-y), env(safe-area-inset-top)); */
    --safe-top: max(5px, env(safe-area-inset-top));
    --safe-top: max(calc(var(--bs-gutter-y) / 2), env(safe-area-inset-top));
    --safe-bottom: max(var(--bs-gutter-y), env(safe-area-inset-bottom));
    
    --topline-height:0px;
    
    --p-x: 1rem;
    --p-y: 1rem;
    
    --sbc-width: 0px;
    
}

@media all and (max-width:767px) {
    :root {
        --custom-font: Lato, PT,     -apple-system, BlinkMacSystemFont, Verdana, 'Helvetica Neue', Ubuntu, sans-serif;
        --button-font: Lato, PT, cp, -apple-system, BlinkMacSystemFont, Verdana, 'Helvetica Neue', Ubuntu, sans-serif;
        --header-font: Lato, PT, cp, -apple-system, BlinkMacSystemFont, Verdana, 'Helvetica Neue', Ubuntu, sans-serif;
    }
}

@media all and (max-width:991px) {

    :root {
        /* CUSTOMIZE BS-VARS */
        --bs-gutter-x: .5rem!important;
        --bs-gutter-y: .5rem!important;
    }
}
@media all and (min-width:992px) {

    :root {
        --p-x: 1.5rem;
        --p-y: 1.5rem;
    }
}

#readable { display: table-cell;}
#standard { display: none;}

html { 
    /* font-size:         10px; */ /* 10px = 7.5pt = 1 rem */ 
    font-size:         12px; /* 10px = 7.5pt = 1 rem */ 
    letter-spacing: 0;
}

body {
    font-family: var(--custom-font);
	-webkit-font-smoothing: subpixel-antialiased!important;
	-ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
	width: 100%;
    padding-top: max(62px, env(safe-area-inset-top));
	margin: 0;
	font-size: 160%;
	line-height:1.6;
    text-rendering: optimizelegibility;
    overflow-x:hidden!important;
}

body.fe {
    background: repeating-radial-gradient(
                      circle at 82% 100%, rgb(255 255 255 / 0%) 0px
                    , rgb(255 255 255 / 0%) 9%
                    , rgb(255 255 255 / 12%) 9%
                    , rgb(255 255 255 / 12%) calc(9% + 1px)
                )
                
                , radial-gradient(
                      circle at 82% 100%
                    , rgb(255 94 19 / 74%) 10%
                    , rgb(255 94 19 / 0%) calc(10% + 1px)
                )
                
                , radial-gradient(
                      ellipse at -9% -5%
                    , rgb(248 253 164 / 30%) 49%
                    , rgb(248 253 164 / 0%) calc(23% + 1px)
                )
                
                , linear-gradient(
                      35deg
                    , rgb(98 184 255 / 70%) 49%
                    , rgb(98 184 255 / 0%) calc(49% + 1px)
                )
                
                , linear-gradient(
                      0deg
                    , rgb(255 168 37 / 96%)
                    , rgb(255 168 37 / 0%)
                )
                
                , linear-gradient(
                      90deg
                    , rgb(199 121 208 / 88%)
                    , rgb(199 121 208 / 0%)
                )
                
                , linear-gradient(
                      221deg
                    , rgb(3 151 224 / 90%)
                    , rgb(3 151 224 / 0%)
                )
                
                , linear-gradient(
                      90deg
                    , #fff
                    , #fff
                ), white;
}

body.be {
    background-image: url(../img/gray-sand.png)!important;
	background-attachment:fixed!important;
}

@media all and (min-width:768px) {
    body { 
        font-size: 160%;
        line-height:1.6;
    }
}

h3, .h3 {
    /* font-size: 2.2rem; */
    /* font-size: 1.8rem; */
    font-size: 2.0rem;
    /* font-weight: 500; */
    font-weight: 700;
	color: #444;
    margin: 2rem 0 1rem 0;
	padding: 0;
}

h3 span,
.h3 span {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

h3.label {
	margin: 30px 0 0 0;
}



ol,ul {
    font-size: 1.3rem;
    padding-left: 0;
    margin-left: 0rem;
    list-style: none;
    color: var(--text-color)!important;
}

ol {
    counter-reset: li;
}
li {
    line-height: 1.9;
    /* padding-left: 1rem; */
}

ul>li{padding-left:1.5rem;}

ol>li:before,ul>li:before {
    left: -1rem;
    color: var(--brown);
    font-weight: bold;
    margin-right: 0.5rem;
    font-size: 75%;
}    
ol>li:before {
    counter-increment: li;
    content: counters(li, ".") ".";
    line-height: 275%;
    display: block;
    margin-bottom: -0.7rem;
    margin-top: 1rem;
}
ul>li:before {
    content: "\2014";
    line-height: 250%;
    position: absolute;
    left: 0;
}

@media all and (min-width:768px) {

    ol,ul {
        font-size: 1.7rem;
        padding-left: 5rem;
        margin-left: 0rem;
        list-style: none;
        color: var(--text-color)!important;
    }
    
    ol {
        counter-reset: li;
    }
    li {
        line-height: 1.9;
        padding-left: 1rem;
    }
    
    ol>li:before,ul>li:before {
        position: absolute;
        left: -5rem;
        width: 5rem;
        text-align: right;
        font-weight: normal;
        color: var(--brown);
        font-size: 75%;
        line-height: 275%;
    }
        
    ol>li:before {
        counter-increment: li;
        content: counters(li, ".") ".";
        line-height: 275%;
        margin-bottom: unset;
        margin-top: unset;
    }
    ul>li:before {
        content: "\2014";
        line-height: 250%;
    }

}



  li .adminbutton
, li .fileform * {
	line-height: 1.4;
}

img {max-width:100%;}

a {
    color: var(--blue);
    text-decoration: underline;
    text-decoration-color: var(--lightblue);
    text-underline-offset: 3px;
    text-decoration-thickness: from-font;
    /* text-decoration-style: dashed; */
    cursor: pointer;
    transition: text-decoration-color .4s, color .4s;
}
a:hover {
    text-decoration-color: lightsteelblue;
}

.text-white a {
    color: rgba(255,255,255,.6)!important;
    text-decoration-color: rgba(255,255,255,.4)!important;
}
.text-white a:hover {
    color: rgba(255,255,255,1)!important;
    text-decoration-color: var(--lightblue)!important;
}

.cp, .cursor-pointer {cursor:pointer!important;}



/* [+] CUSTOMIZE BOOTSTRAP */

/* font sizes */

.f-s-6{font-size:6px!important;}.f-s-7{font-size:7px!important;}.f-s-8{font-size:8px!important;}.f-s-9{font-size:9px!important;}.f-s-10{font-size:10px!important;}.f-s-11{font-size:11px!important;}.f-s-12{font-size:12px!important;}.f-s-13{font-size:13px!important;}.f-s-14{font-size:14px!important;}.f-s-15{font-size:15px!important;}.f-s-16{font-size:16px!important;}.f-s-17{font-size:17px!important;}.f-s-18{font-size:18px!important;}.f-s-19{font-size:19px!important;}.f-s-20{font-size:20px!important;}.f-s-21{font-size:21px!important;}.f-s-22{font-size:22px!important;}.f-s-23{font-size:23px!important;}.f-s-24{font-size:24px!important;}.f-s-25{font-size:25px!important;}.f-s-26{font-size:26px!important;}.f-s-27{font-size:27px!important;}.f-s-28{font-size:28px!important;}.f-s-29{font-size:29px!important;}.f-s-30{font-size:30px!important;}.f-s-31{font-size:31px!important;}.f-s-32{font-size:32px!important;}.f-s-33{font-size:33px!important;}.f-s-34{font-size:34px!important;}.f-s-35{font-size:35px!important;}.f-s-36{font-size:36px!important;}.f-s-37{font-size:37px!important;}.f-s-38{font-size:38px!important;}.f-s-39{font-size:39px!important;}.f-s-40{font-size:40px!important;}.f-s-41{font-size:41px!important;}.f-s-42{font-size:42px!important;}.f-s-43{font-size:43px!important;}.f-s-44{font-size:44px!important;}.f-s-45{font-size:45px!important;}.f-s-46{font-size:46px!important;}.f-s-47{font-size:47px!important;}.f-s-48{font-size:48px!important;}.f-s-49{font-size:49px!important;}.f-s-50{font-size:50px!important;}.f-s-51{font-size:51px!important;}.f-s-52{font-size:52px!important;}.f-s-53{font-size:53px!important;}.f-s-54{font-size:54px!important;}.f-s-55{font-size:55px!important;}.f-s-56{font-size:56px!important;}.f-s-57{font-size:57px!important;}.f-s-58{font-size:58px!important;}.f-s-59{font-size:59px!important;}.f-s-60{font-size:60px!important;}.f-s-61{font-size:61px!important;}.f-s-62{font-size:62px!important;}.f-s-63{font-size:63px!important;}.f-s-64{font-size:64px!important;}.f-s-65{font-size:65px!important;}.f-s-66{font-size:66px!important;}.f-s-67{font-size:67px!important;}.f-s-68{font-size:68px!important;}.f-s-69{font-size:69px!important;}.f-s-70{font-size:70px!important;}
@media all and (min-width:576px) {.f-s-sm-6{font-size:6px!important;}.f-s-sm-7{font-size:7px!important;}.f-s-sm-8{font-size:8px!important;}.f-s-sm-9{font-size:9px!important;}.f-s-sm-10{font-size:10px!important;}.f-s-sm-11{font-size:11px!important;}.f-s-sm-12{font-size:12px!important;}.f-s-sm-13{font-size:13px!important;}.f-s-sm-14{font-size:14px!important;}.f-s-sm-15{font-size:15px!important;}.f-s-sm-16{font-size:16px!important;}.f-s-sm-17{font-size:17px!important;}.f-s-sm-18{font-size:18px!important;}.f-s-sm-19{font-size:19px!important;}.f-s-sm-20{font-size:20px!important;}.f-s-sm-21{font-size:21px!important;}.f-s-sm-22{font-size:22px!important;}.f-s-sm-23{font-size:23px!important;}.f-s-sm-24{font-size:24px!important;}.f-s-sm-25{font-size:25px!important;}.f-s-sm-26{font-size:26px!important;}.f-s-sm-27{font-size:27px!important;}.f-s-sm-28{font-size:28px!important;}.f-s-sm-29{font-size:29px!important;}.f-s-sm-30{font-size:30px!important;}.f-s-sm-31{font-size:31px!important;}.f-s-sm-32{font-size:32px!important;}.f-s-sm-33{font-size:33px!important;}.f-s-sm-34{font-size:34px!important;}.f-s-sm-35{font-size:35px!important;}.f-s-sm-36{font-size:36px!important;}.f-s-sm-37{font-size:37px!important;}.f-s-sm-38{font-size:38px!important;}.f-s-sm-39{font-size:39px!important;}.f-s-sm-40{font-size:40px!important;}.f-s-sm-41{font-size:41px!important;}.f-s-sm-42{font-size:42px!important;}.f-s-sm-43{font-size:43px!important;}.f-s-sm-44{font-size:44px!important;}.f-s-sm-45{font-size:45px!important;}.f-s-sm-46{font-size:46px!important;}.f-s-sm-47{font-size:47px!important;}.f-s-sm-48{font-size:48px!important;}.f-s-sm-49{font-size:49px!important;}.f-s-sm-50{font-size:50px!important;}.f-s-sm-51{font-size:51px!important;}.f-s-sm-52{font-size:52px!important;}.f-s-sm-53{font-size:53px!important;}.f-s-sm-54{font-size:54px!important;}.f-s-sm-55{font-size:55px!important;}.f-s-sm-56{font-size:56px!important;}.f-s-sm-57{font-size:57px!important;}.f-s-sm-58{font-size:58px!important;}.f-s-sm-59{font-size:59px!important;}.f-s-sm-60{font-size:60px!important;}.f-s-sm-61{font-size:61px!important;}.f-s-sm-62{font-size:62px!important;}.f-s-sm-63{font-size:63px!important;}.f-s-sm-64{font-size:64px!important;}.f-s-sm-65{font-size:65px!important;}.f-s-sm-66{font-size:66px!important;}.f-s-sm-67{font-size:67px!important;}.f-s-sm-68{font-size:68px!important;}.f-s-sm-69{font-size:69px!important;}.f-s-sm-70{font-size:70px!important;}}
@media all and (min-width:768px) {.f-s-md-6{font-size:6px!important;}.f-s-md-7{font-size:7px!important;}.f-s-md-8{font-size:8px!important;}.f-s-md-9{font-size:9px!important;}.f-s-md-10{font-size:10px!important;}.f-s-md-11{font-size:11px!important;}.f-s-md-12{font-size:12px!important;}.f-s-md-13{font-size:13px!important;}.f-s-md-14{font-size:14px!important;}.f-s-md-15{font-size:15px!important;}.f-s-md-16{font-size:16px!important;}.f-s-md-17{font-size:17px!important;}.f-s-md-18{font-size:18px!important;}.f-s-md-19{font-size:19px!important;}.f-s-md-20{font-size:20px!important;}.f-s-md-21{font-size:21px!important;}.f-s-md-22{font-size:22px!important;}.f-s-md-23{font-size:23px!important;}.f-s-md-24{font-size:24px!important;}.f-s-md-25{font-size:25px!important;}.f-s-md-26{font-size:26px!important;}.f-s-md-27{font-size:27px!important;}.f-s-md-28{font-size:28px!important;}.f-s-md-29{font-size:29px!important;}.f-s-md-30{font-size:30px!important;}.f-s-md-31{font-size:31px!important;}.f-s-md-32{font-size:32px!important;}.f-s-md-33{font-size:33px!important;}.f-s-md-34{font-size:34px!important;}.f-s-md-35{font-size:35px!important;}.f-s-md-36{font-size:36px!important;}.f-s-md-37{font-size:37px!important;}.f-s-md-38{font-size:38px!important;}.f-s-md-39{font-size:39px!important;}.f-s-md-40{font-size:40px!important;}.f-s-md-41{font-size:41px!important;}.f-s-md-42{font-size:42px!important;}.f-s-md-43{font-size:43px!important;}.f-s-md-44{font-size:44px!important;}.f-s-md-45{font-size:45px!important;}.f-s-md-46{font-size:46px!important;}.f-s-md-47{font-size:47px!important;}.f-s-md-48{font-size:48px!important;}.f-s-md-49{font-size:49px!important;}.f-s-md-50{font-size:50px!important;}.f-s-md-51{font-size:51px!important;}.f-s-md-52{font-size:52px!important;}.f-s-md-53{font-size:53px!important;}.f-s-md-54{font-size:54px!important;}.f-s-md-55{font-size:55px!important;}.f-s-md-56{font-size:56px!important;}.f-s-md-57{font-size:57px!important;}.f-s-md-58{font-size:58px!important;}.f-s-md-59{font-size:59px!important;}.f-s-md-60{font-size:60px!important;}.f-s-md-61{font-size:61px!important;}.f-s-md-62{font-size:62px!important;}.f-s-md-63{font-size:63px!important;}.f-s-md-64{font-size:64px!important;}.f-s-md-65{font-size:65px!important;}.f-s-md-66{font-size:66px!important;}.f-s-md-67{font-size:67px!important;}.f-s-md-68{font-size:68px!important;}.f-s-md-69{font-size:69px!important;}.f-s-md-70{font-size:70px!important;}}
@media all and (min-width:992px) {.f-s-lg-6{font-size:6px!important;}.f-s-lg-7{font-size:7px!important;}.f-s-lg-8{font-size:8px!important;}.f-s-lg-9{font-size:9px!important;}.f-s-lg-10{font-size:10px!important;}.f-s-lg-11{font-size:11px!important;}.f-s-lg-12{font-size:12px!important;}.f-s-lg-13{font-size:13px!important;}.f-s-lg-14{font-size:14px!important;}.f-s-lg-15{font-size:15px!important;}.f-s-lg-16{font-size:16px!important;}.f-s-lg-17{font-size:17px!important;}.f-s-lg-18{font-size:18px!important;}.f-s-lg-19{font-size:19px!important;}.f-s-lg-20{font-size:20px!important;}.f-s-lg-21{font-size:21px!important;}.f-s-lg-22{font-size:22px!important;}.f-s-lg-23{font-size:23px!important;}.f-s-lg-24{font-size:24px!important;}.f-s-lg-25{font-size:25px!important;}.f-s-lg-26{font-size:26px!important;}.f-s-lg-27{font-size:27px!important;}.f-s-lg-28{font-size:28px!important;}.f-s-lg-29{font-size:29px!important;}.f-s-lg-30{font-size:30px!important;}.f-s-lg-31{font-size:31px!important;}.f-s-lg-32{font-size:32px!important;}.f-s-lg-33{font-size:33px!important;}.f-s-lg-34{font-size:34px!important;}.f-s-lg-35{font-size:35px!important;}.f-s-lg-36{font-size:36px!important;}.f-s-lg-37{font-size:37px!important;}.f-s-lg-38{font-size:38px!important;}.f-s-lg-39{font-size:39px!important;}.f-s-lg-40{font-size:40px!important;}.f-s-lg-41{font-size:41px!important;}.f-s-lg-42{font-size:42px!important;}.f-s-lg-43{font-size:43px!important;}.f-s-lg-44{font-size:44px!important;}.f-s-lg-45{font-size:45px!important;}.f-s-lg-46{font-size:46px!important;}.f-s-lg-47{font-size:47px!important;}.f-s-lg-48{font-size:48px!important;}.f-s-lg-49{font-size:49px!important;}.f-s-lg-50{font-size:50px!important;}.f-s-lg-51{font-size:51px!important;}.f-s-lg-52{font-size:52px!important;}.f-s-lg-53{font-size:53px!important;}.f-s-lg-54{font-size:54px!important;}.f-s-lg-55{font-size:55px!important;}.f-s-lg-56{font-size:56px!important;}.f-s-lg-57{font-size:57px!important;}.f-s-lg-58{font-size:58px!important;}.f-s-lg-59{font-size:59px!important;}.f-s-lg-60{font-size:60px!important;}.f-s-lg-61{font-size:61px!important;}.f-s-lg-62{font-size:62px!important;}.f-s-lg-63{font-size:63px!important;}.f-s-lg-64{font-size:64px!important;}.f-s-lg-65{font-size:65px!important;}.f-s-lg-66{font-size:66px!important;}.f-s-lg-67{font-size:67px!important;}.f-s-lg-68{font-size:68px!important;}.f-s-lg-69{font-size:69px!important;}.f-s-lg-70{font-size:70px!important;}} 

@media all and (min-width:1200px) {.f-s-xl-6{font-size:6px!important;}.f-s-xl-7{font-size:7px!important;}.f-s-xl-8{font-size:8px!important;}.f-s-xl-9{font-size:9px!important;}.f-s-xl-10{font-size:10px!important;}.f-s-xl-11{font-size:11px!important;}.f-s-xl-12{font-size:12px!important;}.f-s-xl-13{font-size:13px!important;}.f-s-xl-14{font-size:14px!important;}.f-s-xl-15{font-size:15px!important;}.f-s-xl-16{font-size:16px!important;}.f-s-xl-17{font-size:17px!important;}.f-s-xl-18{font-size:18px!important;}.f-s-xl-19{font-size:19px!important;}.f-s-xl-20{font-size:20px!important;}.f-s-xl-21{font-size:21px!important;}.f-s-xl-22{font-size:22px!important;}.f-s-xl-23{font-size:23px!important;}.f-s-xl-24{font-size:24px!important;}.f-s-xl-25{font-size:25px!important;}.f-s-xl-26{font-size:26px!important;}.f-s-xl-27{font-size:27px!important;}.f-s-xl-28{font-size:28px!important;}.f-s-xl-29{font-size:29px!important;}.f-s-xl-30{font-size:30px!important;}.f-s-xl-31{font-size:31px!important;}.f-s-xl-32{font-size:32px!important;}.f-s-xl-33{font-size:33px!important;}.f-s-xl-34{font-size:34px!important;}.f-s-xl-35{font-size:35px!important;}.f-s-xl-36{font-size:36px!important;}.f-s-xl-37{font-size:37px!important;}.f-s-xl-38{font-size:38px!important;}.f-s-xl-39{font-size:39px!important;}.f-s-xl-40{font-size:40px!important;}.f-s-xl-41{font-size:41px!important;}.f-s-xl-42{font-size:42px!important;}.f-s-xl-43{font-size:43px!important;}.f-s-xl-44{font-size:44px!important;}.f-s-xl-45{font-size:45px!important;}.f-s-xl-46{font-size:46px!important;}.f-s-xl-47{font-size:47px!important;}.f-s-xl-48{font-size:48px!important;}.f-s-xl-49{font-size:49px!important;}.f-s-xl-50{font-size:50px!important;}.f-s-xl-51{font-size:51px!important;}.f-s-xl-52{font-size:52px!important;}.f-s-xl-53{font-size:53px!important;}.f-s-xl-54{font-size:54px!important;}.f-s-xl-55{font-size:55px!important;}.f-s-xl-56{font-size:56px!important;}.f-s-xl-57{font-size:57px!important;}.f-s-xl-58{font-size:58px!important;}.f-s-xl-59{font-size:59px!important;}.f-s-xl-60{font-size:60px!important;}.f-s-xl-61{font-size:61px!important;}.f-s-xl-62{font-size:62px!important;}.f-s-xl-63{font-size:63px!important;}.f-s-xl-64{font-size:64px!important;}.f-s-xl-65{font-size:65px!important;}.f-s-xl-66{font-size:66px!important;}.f-s-xl-67{font-size:67px!important;}.f-s-xl-68{font-size:68px!important;}.f-s-xl-69{font-size:69px!important;}.f-s-xl-70{font-size:70px!important;}
}

/* font weights */

.f-w-100{font-weight:100!important}.f-w-200{font-weight:200!important}.f-w-300{font-weight:300!important}.f-w-400{font-weight:400!important}.f-w-500{font-weight:500!important}.f-w-600{font-weight:600!important}.f-w-700{font-weight:700!important}.f-w-800{font-weight:800!important}.f-w-900{font-weight:900!important}.f-w-normal{font-weight:normal!important}.f-w-bold{font-weight:bold!important}.f-w-inherit{font-weight:inherit!important}
@media all and (min-width:576px) {.f-w-sm-100{font-weight:100!important}.f-w-sm-200{font-weight:200!important}.f-w-sm-300{font-weight:300!important}.f-w-sm-400{font-weight:400!important}.f-w-sm-500{font-weight:500!important}.f-w-sm-600{font-weight:600!important}.f-w-sm-700{font-weight:700!important}.f-w-sm-800{font-weight:800!important}.f-w-sm-900{font-weight:900!important}.f-w-sm-normal{font-weight:normal!important}.f-w-sm-bold{font-weight:bold!important}.f-w-sm-inherit{font-weight:inherit!important}
}
@media all and (min-width:768px) {.f-w-md-100{font-weight:100!important}.f-w-md-200{font-weight:200!important}.f-w-md-300{font-weight:300!important}.f-w-md-400{font-weight:400!important}.f-w-md-500{font-weight:500!important}.f-w-md-600{font-weight:600!important}.f-w-md-700{font-weight:700!important}.f-w-md-800{font-weight:800!important}.f-w-md-900{font-weight:900!important}.f-w-md-normal{font-weight:normal!important}.f-w-md-bold{font-weight:bold!important}.f-w-md-inherit{font-weight:inherit!important}
}
@media all and (min-width:992px) {.f-w-lg-100{font-weight:100!important}.f-w-lg-200{font-weight:200!important}.f-w-lg-300{font-weight:300!important}.f-w-lg-400{font-weight:400!important}.f-w-lg-500{font-weight:500!important}.f-w-lg-600{font-weight:600!important}.f-w-lg-700{font-weight:700!important}.f-w-lg-800{font-weight:800!important}.f-w-lg-900{font-weight:900!important}.f-w-lg-normal{font-weight:normal!important}.f-w-lg-bold{font-weight:bold!important}.f-w-lg-inherit{font-weight:inherit!important}
}
@media all and (min-width:1200px) {.f-w-xl-100{font-weight:100!important}.f-w-xl-200{font-weight:200!important}.f-w-xl-300{font-weight:300!important}.f-w-xl-400{font-weight:400!important}.f-w-xl-500{font-weight:500!important}.f-w-xl-600{font-weight:600!important}.f-w-xl-700{font-weight:700!important}.f-w-xl-800{font-weight:800!important}.f-w-xl-900{font-weight:900!important}.f-w-xl-normal{font-weight:normal!important}.f-w-xl-bold{font-weight:bold!important}.f-w-xl-inherit{font-weight:inherit!important}
}


/* negative margins */

.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.me-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ms-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.me-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ms-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.me-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ms-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.me-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ms-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.me-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ms-n5,.mx-n5{margin-left:-3rem!important}@media all and (min-width:576px){.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.me-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ms-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.me-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ms-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.me-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ms-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.me-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ms-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.me-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ms-sm-n5,.mx-sm-n5{margin-left:-3rem!important}}@media all and (min-width:768px){.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.me-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ms-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.me-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ms-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.me-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ms-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.me-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ms-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.me-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ms-md-n5,.mx-md-n5{margin-left:-3rem!important}}@media all and (min-width:992px){.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.me-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ms-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.me-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ms-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.me-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ms-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.me-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ms-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.me-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ms-lg-n5,.mx-lg-n5{margin-left:-3rem!important}}@media all and (min-width:1200px){.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.me-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ms-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.me-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ms-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.me-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ms-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.me-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ms-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.me-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ms-xl-n5,.mx-xl-n5{margin-left:-3rem!important}}@media all and (min-width:1200px){.m-xxl-n1{margin:-.25rem!important}.mt-xxl-n1,.my-xxl-n1{margin-top:-.25rem!important}.me-xxl-n1,.mx-xxl-n1{margin-right:-.25rem!important}.mb-xxl-n1,.my-xxl-n1{margin-bottom:-.25rem!important}.ms-xxl-n1,.mx-xxl-n1{margin-left:-.25rem!important}.m-xxl-n2{margin:-.5rem!important}.mt-xxl-n2,.my-xxl-n2{margin-top:-.5rem!important}.me-xxl-n2,.mx-xxl-n2{margin-right:-.5rem!important}.mb-xxl-n2,.my-xxl-n2{margin-bottom:-.5rem!important}.ms-xxl-n2,.mx-xxl-n2{margin-left:-.5rem!important}.m-xxl-n3{margin:-1rem!important}.mt-xxl-n3,.my-xxl-n3{margin-top:-1rem!important}.me-xxl-n3,.mx-xxl-n3{margin-right:-1rem!important}.mb-xxl-n3,.my-xxl-n3{margin-bottom:-1rem!important}.ms-xxl-n3,.mx-xxl-n3{margin-left:-1rem!important}.m-xxl-n4{margin:-1.5rem!important}.mt-xxl-n4,.my-xxl-n4{margin-top:-1.5rem!important}.me-xxl-n4,.mx-xxl-n4{margin-right:-1.5rem!important}.mb-xxl-n4,.my-xxl-n4{margin-bottom:-1.5rem!important}.ms-xxl-n4,.mx-xxl-n4{margin-left:-1.5rem!important}.m-xxl-n5{margin:-3rem!important}.mt-xxl-n5,.my-xxl-n5{margin-top:-3rem!important}.me-xxl-n5,.mx-xxl-n5{margin-right:-3rem!important}.mb-xxl-n5,.my-xxl-n5{margin-bottom:-3rem!important}.ms-xxl-n5,.mx-xxl-n5{margin-left:-3rem!important}}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shadow-center-sm {box-shadow:0 0 0.4rem rgb(0 0 0 / 13%) !important}

/* .shadow-inset    {} */
/* .shadow-inset-lg {} */
.shadow-inset-sm {box-shadow:inset 0 0 0.25rem rgb(0 0 0 / 8%) !important}
/* .shadow-inset-xs {} */

/* [-] CUSTOMIZE BOOTSTRAP */



div.page {
	display: block;
	clear: both;
	width: 100%;
	margin: 0 auto 30px auto;
	padding: 0 0 30px 0;
	overflow: visible;
}

.overlay {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(121,121,121, 0.76666);
    backdrop-filter: blur(2px);
    /* z-index: 11; */
    z-index: 110;
}

.modal {
    box-shadow: 0 0 10px 0px rgba(0,0,0, 0.466667);
    background: #ffffff;
    display: block;
    margin: 10px auto 0px;
    /* overflow: auto; */
    overflow: hidden;
    z-index: 120;
    border-radius: 8px;
    max-height: calc(100vh - 20px)!important;
    max-width:  calc(100vw - 20px)!important;
}

.modal > h3 {
    position: relative;
    display: block;
    background: #f3f3f3!important;
    font-size: 1.7rem;
    font-weight: 700;
    margin: 0 calc(-1 * var(--bs-gutter-x))!important;
    padding: 10px 15px;
    border-bottom: .5pt solid var(--border-color);
    z-index: 120;
    box-sizing: border-box;
    user-select: none!important;
}

.modal h3 .close_modal {
    display: flex;
    width: 45px;
    height: 45px;
    font-size: 45px;
    color: #525252;
    font-weight: normal!important;
    text-decoration: none;
    line-height: 1;
    position: absolute;
    top: 0;
    right: 0;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    user-select: none!important;
}

.modal h3 .close_modal:hover {
    background-color: rgba(0,0,0,0.1);color:#fff!important;text-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
}
.modal h3 .close_modal:active {
    background-color: rgba(0,0,0,0.4);color:#fff!important;text-shadow: none;
}

.modal_content {
    min-height: 100px;
    /* max-height:100%; */
    /* max-height: calc(100% - 20px - 45px); */ /* 20px - vertical margins, 45px - header height */
    max-height: calc(100vh - 20px - 45px);
    overflow-y:scroll;
    margin-right: calc(var(--bs-gutter-x) / -1);
    margin-left: calc(var(--bs-gutter-x) / -1);
}

.modal.modal_document {
    max-width:100%!important;
    min-width:unset!important;
    background:none!important;
    box-shadow:none!important;
}
@media all and (min-width:992px) {
    .modal.modal_document {
        max-width:793px!important;
        min-width:unset!important;
        background:none!important;
        box-shadow:none!important;
    }
}
.modal.modal_document > h3 {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 120;
    background: #525252!important;
    color: #fff;
    border-bottom: 1px solid #4c4c4c!important;
}

.modal.modal_document .close_modal {color:#fff!important;}
.modal.modal_document .close_modal:hover {background-color: rgba(255,255,255,0.1);}
.modal.modal_document .close_modal:active {background-color: rgba(0,0,0,0.4);}

.modal.modal_document > .padding,
.modal.modal_document > .modal_content{
    background: #ddd!important;
    padding: 0!important;
    height: calc(100vh - 20px - 41px)!important;
    overflow-y:hidden;
}

.modal.modal_document > .padding > iframe,
.modal.modal_document > .modal_content > iframe{ padding: 0!important;}

/* .modal.modal_document {} */

#news {
	width: 660px;
	overflow: hidden;
	padding: 0;
	padding-bottom: 10px;
}

pre.hidden { 
    height: 16px; 
    overflow: hidden; 
    border: 1px solid #aaa;
}

pre.visible { 
    height: auto; 
    overflow: hidden; 
    background: var(--oldpaper); 
    padding: 10px; 
    border: 1px solid #aaa;
}

pre.hidden::before,
pre.visible::before {
    display: block;
    background: #eee;
    font-size: .8rem;
    font-weight: bold;
    cursor: pointer;
}

pre.hidden::before {
    content: "[+] array( ... )";
}
pre.visible::before {
    content: "[-]";
    border-bottom: 1px solid #aaa;
    margin: -10px -10px 10px -10px;
}

.show_element::before,
.hide_element::before {
    font-family: "Courier New", Courier, monospace;
    color: #06F;
}

.show_element::before {
    content: "[+] ";
}
.hide_element::before {
    content: "[-] ";
}

.show_element, 
.hide_element {
    cursor: pointer;
}

div.hidden { 
    display: none;
}

div.visible { 
    display: block;
}

.hidden:not(pre) { 
    display: none!important;
    opacity: 0!important;
    transition: opacity .4s ease;
}

.visible:not(pre) { 
    display: block!important;
    opacity: 1!important;
    transition: opacity .4s ease;
}

div.line {
	opacity: 0;
	margin: 20px auto 20px auto;
	width: 98%;
	height: 0;
	clear: both;
	border: 1px dashed #aaa;
	border-bottom: 1px dashed #fff;
	border-radius: 1px;
}

div.padding p > img,
div.modal_content p > img {
    display: block;
    width: 60%;
    margin: 0 auto;
}


/* ================================================================ */
/* [+] TOPLINE */

.topline_substrate {
    display: none;
    width: 100%;
    height: 62px!important;
    overflow:hidden;
}
.topline {
    display:none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: var(--topline-height);
    font-size: 1rem;
    color: white;
    padding: 4px 5px;
    line-height: 1;
    overflow:hidden;
    z-index: 11;
    -webkit-text-shadow: 1px 1px 0.5px rgba(0,0,0,0.4);
    -moz-text-shadow: 1px 1px 0.5px rgba(0,0,0,0.4);
    text-shadow: 1px 1px 0.5px rgba(0,0,0,0.4);
}
.topline_link {
    text-decoration: none; 
    color: #fff; 
    margin-left: 15px;
}
.topline_link_plus {
    text-decoration: none; 
    color: #fff;
}

.topline_0 {background: linear-gradient(180deg, #189818 10%, #33cc33, #189818 123%);}
.topline_1 {background: linear-gradient(180deg, #ff0000 10%, #7b0000, #ff0000 123%);}
.topline_3 {background: linear-gradient(180deg, #444444 10%, #000000, #555555 123%);}
.topline_4 {background: linear-gradient(180deg, #FFA500 10%, #ff4700, #ffa500 123%);}

@media all and (min-width:992px) {
    .topline_substrate {display:none;height: 62px!important;overflow:hidden;}
    .topline {display:block;}
}

/* [-] TOPLINE */
/* ================================================================ */






/* ================================================================ */
/* [+] BLOCKER */

/* .blocker {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background-color: rgba(255,255,255, 0.72);
    backdrop-filter: blur(6px);
    text-align: center; 
    z-index: 10000;
}

.blocker h1 {
    font-family: var(--header-font);
    font-size: 7.2rem; 
    font-weight: 300; 
    color: red; 
    margin-top: 150px;
}

.blocker p {
    font-size: 2.4rem; 
    font-weight: 200; 
    width: 50%; 
    margin: 0 auto;
} */

.blocker {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    /* width: 100%; */
    /* height: 100%; */
    background-color: rgb(0 0 0 / 25%);
    -webkit-backdrop-filter: blur(25px);
    backdrop-filter: blur(25px);
    z-index: 10000;
}

.blocker-message {
    width: calc(100% - 10px);
    display: block;
    background: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    padding: 25px;
    border-radius: 20px;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
}

.blocker h1 {
    font-family: var(--header-font);
    font-size: 25px;
    font-weight: 700;
    font-family: 'PTS';
    color: #cf0000;
    border-bottom: 1pt solid var(--border-color);
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.blocker p {
    font-size: 20px;
    font-family: 'PTS';
}

@media all and (min-width: 768px) {
    .blocker-message {
        width:600px;
    }
}

/* [-] BLOCKER */
/* ================================================================ */






/* ================================================================ */
/* [+] TOPMENU */

div.topmenu {
	width: 100%;
	min-width: 980px;
	height: 49px;
	margin: 0 0 20px 0;
	/*background: url(/style/img/transp-blue-90.png);*/
	background: url(../../nova/img/header-bg.png);
	position: fixed;
	top: 0px;
	left: 0px;
	text-align: right;
	border: none;
	
	
	
	box-shadow: rgba(0, 0, 0, 0.7) 0 5px 15px 0;
	z-index: 10;
}

.topmenu-link-container {
	width: 100%;
	min-width: 970px;
	height: 49px;
	margin: 0 auto;
	padding-left: 10px;
	vertical-align: middle;
}

a.topmenu-link,
input[type=button].topmenu-link,
input[type=submit].topmenu-link {
	display: inline-block;
	padding: 10px 15px 10px 15px;
	margin: 10px 10px 0 0;
	font-family: var(--button-font);
	font-size: 1.4rem;
	font-weight: normal;
	text-decoration: none;
	color: #eee;
	cursor: pointer;
	background-color: rgba(0,0,0, 0.1);
	border: 1px solid #222;
	border-bottom: none;
	border-radius: 2px 2px 0 0;
}

a.topmenu-link:hover,
input[type=button].topmenu-link:hover,
input[type=submit].topmenu-link:hover {
	color: #fff;
	background-color: rgba(0,0,0, 0.1666667);
	border-radius: 2px 2px 0 0;
}

a.topmenu-link:active,
input[type=button].topmenu-link:active,
input[type=submit].topmenu-link:active {
	background-color: #444;
	box-shadow: inset 1px 1px 3px 0px #111;
	border-radius: 2px 2px 0 0;
}

a.topmenu-link-current,
input[type=button].topmenu-link-current,
input[type=submit].topmenu-link-current {
	display: inline-block;
	padding: 10px 15px 10px 15px;
	margin: 10px 10px 0 0;
	font-family: var(--button-font);
	font-size: 1.4rem;
	font-weight: normal;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	background-color: #ea7500;
	box-shadow: inset 1px 1px 3px 0px #111;
	border: 1px solid #555;
	border-bottom: none;
	border-radius: 2px 2px 0 0;
}

/* [-] TOPMENU */
/* ================================================================ */






/* ================================================================ */
/* [+] CONTENT */


.page_content_container {
    margin: -.5rem -1rem -1rem -1rem!important;width: auto!important;
}
@media all and (min-width:1200px) {
    .page_content_container {
        margin: -30px -100px -115px -100px!important;width: auto!important;
    }
}


div.content {
	width: 100%;
	margin: 0;
	padding: 0 0 50px 0;
}

div.promo-header {
    font-family: var(--header-font);
	overflow: hidden;
    text-align:center;
}

    div.promo-header .h1 {
        display:block;
        font-weight: 700;	
        font-size: 1.6rem;
        /* color: #444; */
        /* color: var(--blue); */
        color: white;
        text-shadow:1px 1px 4px rgba(0,0,0,.2);
        margin: 10px 0 10px 0;
    }
    
    div.promo-header .h1 > a {
        font-weight: inherit!important;	
        font-size: inherit!important;
        color: inherit!important;
        text-decoration:inherit!important;
    }
    
    p.address-line, 
    span.address-line {
        display: inline-block;
        margin: 0px 0 10px 0;
        font-size: 1.2rem;
        font-weight: 400;
        backdrop-filter: blur(3px) sepia(0.3) opacity(0.8);
        border-radius: 5px;
        padding: 1px 10px;
        color: #333;        
    }
    
    @media all and (min-width: 768px) {
        div.promo-header .h1 {
            /* font-weight: 700; */	
            font-size: 2rem;
            /* color: #444; */
            /* color: var(--blue); */
            margin: 28px 0 10px 0;
        }

        p.address-line, 
        span.address-line {
            margin: 5px 0 16px 0;
        }

    }

/* [-] CONTENT */
/* ================================================================ */






/* ================================================================ */
/* [+] NAV-TABS */

.ds-nav-link {
    display: inline-block;
    clear:both;
    border-bottom: 3px solid transparent;
    color: var(--blue);
    padding: 0;
    margin: 0;
    cursor:pointer;
    transition: all .5s ease;
}
.ds-nav-link.active {
    border-bottom: 3px solid var(--blue);
    color: var(--text-color);
}
.ds-nav-tab {
    display:none;
}
.ds-nav-tab.active {
    display:block;
}

@media all and (min-width:768px) {
    .ds-nav-link {
        display: inline-block;
        clear:unset;
        margin: 0 5px;
    }
    .ds-nav-link:hover {
        border-bottom: 3px solid var(--lightblue);
        color: var(--darkblue);
    }
    .ds-nav-link.active:hover {
        border-bottom: 3px solid var(--blue);
        color: var(--text-color);
    }

    .ds-nav-link:first-child {margin-left:0;}
    .ds-nav-link:last-child {margin-right:0;}
    .ds-nav-tab {
        display:none;
    }
}

/* [-] NAV-TABS */
/* ================================================================ */






/* ================================================================ */
/* [+] NEWS */

.sidebar_link {
	display: block;
	width: 100%;
	padding: 10px 10px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #333;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.8);
	z-index: 2;
}

.sidebar_link_parent {
	display: block;
	width: 100%;
	padding: 10px 10px;
	font-size: 1.3rem;
	font-weight: 700;
	color: #333;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.8);
	background-clip: border-box;
	border-top: 1px solid #aaa;
	cursor: pointer;
	z-index: 2;
}

.mother {
    -webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.366667);
    -moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.366667);
    box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.366667);
	z-index: 3;
}

.mother:hover {
	background-color: rgba(255, 255, 255, 0.8);
}

/* 
.sidebar_link:hover, 
.sidebar_link_parent:hover  {
}
*/
.sidebar_link:active {
	box-shadow: none;
}

.sidebar_link .comment,
.sidebar_link_parent .comment {
	display: block;
	width: 100%;
	margin-top: 5px;
	font-size: 1.1rem;
	font-weight: 400;
	color: #999;
}

.child {
	background-color: rgba(64, 64, 64, 0.6);
	color: #fff;
	text-shadow: 1px 1px 3px rgba(0,0,0, 0.266667);
}

.child:hover {
	background-color: rgba(64, 96, 128, 0.8);
	color: #fff;
}

.child_comment {
	display: block;
	width: 100%;
	margin-top: 0px;
	font-size: 1.1rem;
	color: #ccc;
}

div.submenu_container {
	display: none;
	margin: 0;
	padding: 0;
}

/* [-] CONTENT */
/* ================================================================ */



h2 {
    display: block;
    margin: 10px auto 5px auto;
    font-size: 1.8rem;
    font-weight: 700;
    color: #444;
    padding: 0 0 0 0;
    text-align: center;
}

h2:first-child {margin-top:0;}

h2 sub {
    display: block !important;
    color: var(--muted);
    font-size: 1.3rem;
    font-weight: 400;
}
h3 sub {
    display: block !important;
    font-size: 50%;
    color: var(--darkblue);
    font-weight: 400;
}
@media all and (min-width: 768px) {
    h2 {
        margin: 50px auto 5px auto;
        font-size: 2.6rem;
        text-align: left;
        font-weight: 700;
    }
    h2 sub {font-size: 1.4rem;}
}

span.label {
	display: block;
		font-size: 1.3rem;
	color: #333333;
	font-weight: normal;
	margin: 10px 0 5px 5px;
	line-height: 1.5em;
}


a.headlink {
	text-decoration: none;
	color: inherit;
}

a.button,
input.button,
button.button  {
	font-size: 1.1rem;
	text-transform: uppercase;
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 15px;
	border-radius: 4px;
	text-decoration: none;
	cursor: pointer;
}


.gray {
	color: #333;
	border: 1px solid #999;
	background-color: #fff; 
}

.gray:hover {
	color: #fff;
	text-shadow: -1px -1px 0px #777;
	border: 1px solid #777;
	background-color: #999; 
}

.blue {
	color: #2C5F9C;
	border: 1px solid #2C5F9C;
	background-color: #fff; 
}

.blue:hover {
	color: #fff;
	text-shadow: -1px -1px 0px #2C5F9C;
	border: 1px solid #2C5F9C;
	background-color: #2C5F9C; 
}

.green {
	color: #39AF11;
	border: 1px solid #39AF11;
	background-color: #fff; 
}

.green:hover {
	color: #fff;
	text-shadow: -1px -1px 0px #39AF11;
	border: 1px solid #39AF11;
	background-color: #39AF11; 
}

input.button:disabled,
button.button:disabled,
input[disabled].button,
button[disabled].button    {
	color: #666;
	border: 1px solid #bbb;
	background-color: #fff; 
	background-image: none;
}

input.button:disabled:hover,
button.button:disabled:hover,
input[disabled].button:hover,
button[disabled].button:hover {
	text-shadow: none;
}

.red {
	color: #FF6860;
	border: 1px solid #FF6860;
	background-color: #fff; 
}

.red:hover {
	color: #fff;
	text-shadow: -1px -1px 0px #ee3537;
	border: 1px solid #ee5759;
	background-color: #FF6860; 
}


/* ================================================================ */
/* [+] FOOTER */

div.footer {
    min-height: 150px;
    clear: both;
    overflow: hidden;
    /* margin: 0 -20px; */
    margin: 0;
    padding-bottom: max(32px, env(safe-area-inset-bottom));
    padding-left: calc(20px + env(safe-area-inset-left));
    padding-right: calc(20px + env(safe-area-inset-right));
    background: rgb(51 50 57 / 87%);
    backdrop-filter: blur(4px);
    /* box-shadow: inset 0 7px 10px 0 rgb(0 0 0 / 21%); */
}

@media all and (min-width:992px) {
    div.footer {
        padding-right: calc(0px + env(safe-area-inset-right));
        padding-left: calc(0px + env(safe-area-inset-left));
    }
}

div.footer .orgdata {
	color: #eee;
    line-height: 1.3;
    font-family: var(--button-font);
    font-size: 1.33333333rem;
    font-weight: 400;
    text-align: left;
}

div.footer .orgdata > strong,
div.footer .orgdata > span {
    display: block;
    margin-bottom:24px;
}

div.footer .disclaimer {
    line-height: 1.3;
    font-family: var(--button-font);
    font-size: 1.33333333rem;
    color: #fc0;
}

a.created {
	display: flex;
    clear: both;
    margin: 0 20px 20px 0;
    /* height: 32px; */
    align-items: center;
    padding-top: 37px;
    background-image: url(/uploads/logo.lame.orange.svg);
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: calc(50% + 1px) 0px;
    /* font-size: 1.06666667rem; */
    font-weight: normal;
    color: #ddd;
    justify-content: center;
    text-decoration: none;
    text-shadow: none;
    transform: scale(1) translateX(0);
    /* transition: text-shadow .4s ease, color .4s ease; */
}
a.created:hover{
    color:#fff;
    /* text-shadow:5px 4px 3px rgb(0 0 0 / 45%); */
}

@media all and (min-width:768px) {
    a.created {
        height: 32px;
        padding-top:0;
        padding-left: 37px;
        background-image: url(/uploads/logo.lame.orange.svg);
        background-size: 32px 32px;
        background-repeat: no-repeat;
        background-position: 0px calc(50% + 1px);
        /* font-size: 1.06666667rem; */
        font-weight: normal;
        color: #ddd;
        justify-content: flex-start;
        text-decoration: none;
        text-shadow: none;
        transform: scale(1) translateX(0);
        transition: text-shadow .4s ease, color .4s ease;
    }

}

/* [-] FOOTER */
/* ================================================================ */





div.container p.label {
	font-size: 1.3rem;
	margin: 15px 0 0 0;
}

.grid td {
	text-align: left;
	padding: 10px;
}

.grid th {
	text-align: left;
}

.nogrid {
	border: none;
	table-layout: fixed;
}

.nogrid td {
	text-align: left;
	padding: 10px;
	border: none;
	font-size: 1.2rem;
}

.nogrid th {
	text-align: left;
	padding: 10px;
	border: none;
    font-size: 1.2rem;
    font-weight: 700;
}

.striped {
	border: none;
	table-layout: fixed;
    border: 1px solid #bbb;
}

.striped tr {
	background: #fafafa;
}

.striped tr:nth-child(2n) {
	background: #ffffff;
}

.striped td {
	text-align: left !important;
	padding: 5px;
	border: none;
    border: 1px solid #bbb;
}

.striped p,
.striped span,
.striped ul,
.striped ul > li {
    font: inherit !important;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    text-align: inherit !important;
    font-size: inherit !important;
}

.striped tr > td > ul > li:before {
	content: "\2014";
    position: absolute;
    display: block;
    text-align: left;
    color: #c33;
    width: 40px !important;
    left: -40px !important;
}

.striped th {
	background-color: #eeeeee;
	text-align: left;
	font-weight: 700;
	padding: 5px;
	border: none;
    border: 1px solid #bbb;
}

.progress_bar {
	width: 100%;
	height: 16px;
	padding: 0px;
	margin: 0 0 10px 0;
	background: white;
	border: 1px solid var(--main);
	border-radius: 8px;
	box-shadow: 1px 1px 3px 0 rgba(0,0,0,.1);
	overflow:hidden;
}

.progress_line {
	background-color: var(--main);
	height: 14px;
	float: left;
}

.progress_bar_m {
	float: right;
	/* width: 100px; */
	height: 5px;
	padding: 0;
	margin: 6px 0 0 0;
	border: none;
    background-color: #dedede;
}

.progress_line_m {
	background-color: #99c;
	height: 5px;
	float: left;
}

.abContainer {
    display: inline-block;
    font-size:0;
    padding: .5rem;
    /* margin:-.5rem; */
}

/* .abContainer:first-child {margin-left:0!important}
.abContainer:last-child {margin-right:0!important} */

.ab,.adminbutton {
    position:relative;
    font-family: var(--button-font);
	display: inline-flex; /* ? */
	display: inline-block;
    padding: 4px 12px;
    /* margin: 0 10px 0 0; */
    margin: 0 .25rem;
    min-height: 26px;
    border: .5pt solid #bbb!important;
    border-radius: 4px!important;
    font-size: 1.06666667rem!important;
    color: #111;
    text-decoration: none;
    line-height: 1;
    background-color: #ffffff;
    cursor: pointer;
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%);
    user-select: none;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    vertical-align: top;
    overflow:hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    transition: all .2s ease-out;
}

.ab:first-child,.adminbutton:first-child {margin-left:0!important}
.ab:last-child,.adminbutton:last-child {margin-right:0!important}

.abSmall,.adminbutton_small {
	padding: 2px 5px 3px 5px;
	margin: 0 2px 0 0;
	height: 17px!important;
}
select.ab,
select.adminbutton {
	padding: 2px 8px 2px 8px!important;
}
select.abSmall,
select.adminbutton_small {
	padding: 1px 5px 2px 5px;
	margin: 0 10px 0 0;
}

.mb {
    height: 52px;
    min-width: 52px;
    background-size: 36px;
    background-color: rgba(255,255,255,.5);
    background-position: 2px 8px;
    background-repeat: no-repeat;
    border-radius: 5px;
    z-index: 10;
    cursor: pointer;
    display: flex;
    font-size: 1.4rem;
    padding: 0 12px 0 52px;
    color: black;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
    text-decoration: none;
    font-weight: bold;
    /* font-size: 1.2rem; */
    border: none!important;
    backdrop-filter: blur(3px);
    align-items: center;
    flex-direction: row;
    transition: all .2s ease;
}

.mb:hover {background-color: white;}
.mb:active {
    box-shadow: inset 0 1px 1px 0 rgb(0 0 0 / 10%);
    padding-top: 2px;
    background-position: 2px 9px;
}

.noko-button{
    display: block!important;
    width: 100%;
    min-height: 60px!important;
    float: right;
    font-family: var(--header-font);
    text-align: center;
    background-image: url(/uploads/links/bus.gov.ru.png), linear-gradient(45deg, rgb(255 139 15 / 67%), rgb(255 185 0 / 67%)), linear-gradient(0deg, #fe0000, #ffb900);
    background-size: 60px 60px, cover, cover;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-position: left 40%, center center;
    padding: 10px 20px 10px 80px!important;
    font-size: 1.06666667rem!important;
    border-color: #ff9c21;
    border: none!important;
    margin: 0 0 0 0!important;
    border-radius: 8px!important;
    line-height: 1.4;
    box-sizing: border-box;
}
/* 
.noko-button:hover {
    background-image: url(/uploads/links/bus.gov.ru.png), linear-gradient(45deg, rgb(255 139 15 / 27%), rgb(255 185 0 / 27%)), linear-gradient(0deg, #fe0000, #ffb900);
    transition: background-image .3s ease-out!important;
}
*/
.noko-button > span {
    display:block;
    text-align: center;
    font-weight:400;
    color:#eee;
    font-size:89%;
}

@media all and (min-width:1200px) {
    .noko-button{
        font-size: 1.33333333rem!important;
    }
}

.bottom {
	margin-top: 10px;
}

select.bottom {
	margin-top: 10px;
}

.ab:hover, 
.ab:focus,
.adminbutton:hover, 
.adminbutton:focus	{
	color: #000;
	outline: none;
}

.ab:not([type=text],[type=password], textarea):hover, 
.ab:not([type=text],[type=password], textarea):focus,
.adminbutton:not([type=text],[type=password], textarea):hover, 
.adminbutton:not([type=text],[type=password], textarea):focus	{
	box-shadow: 0 2px 7px 0 rgba(0,0,0,0.166666);
}

.ab:focus:after
.adminbutton:focus:after {
	outline: 0;
	box-shadow: 0 0 6px 2px rgba(255, 204, 0, 0.7),inset 0 0 0 1px rgba(193, 154, 0, 0.2);
}

/* .ab.active,.ab:active,.adminbutton:active {} */
.ab.active:not([type=text],[type=password], textarea),
.ab:active:not([type=text],[type=password], textarea),
.adminbutton:not([type=text],[type=password], textarea):active {
	box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.1666667);
    color: #333;
    overflow:unset;
}

.ab.active {border-color:var(--orange);}

.ab.active:after {
    content: "";
    background-color: var(--main);
    display: block;
    font-size: 4rem;
    width: 7px;
    height: 7px;
    border-radius: 100%;
    position: absolute;
    right: -2px;
    top: -2px;
    
}


.ab:empty:not(input,select){padding-right:0!important}

.ab_MAIN {
    background-color: rgba(64, 128, 160, 0.8);
    color: #fff;
    border-color: rgba(64, 128, 160, 1);
    font-weight: 700;
}

.ab_MAIN:hover, .ab_MAIN:focus {
	color: #fff;
}

.ab_MAIN:active {
	color: #ffbf00;
}

.ab_GREEN {
    background-color: rgba(72, 228, 118, 0.8);
    color: #fff;
    border-color: rgba(72, 228, 118, 1);
    font-weight: 700;
}
.ab_GREEN:hover, .ab_GREEN:focus {
	color: #fff;
}
.ab_GREEN:active {
	color: #ffbf00;
}

.ab_ORANGE {
    background-color: var(--main);
    color: #fff;
    border-color: var(--main);
    font-weight: 700;
}
.ab_ORANGE:hover, .ab_ORANGE:focus {
	color: #fff;
}
.ab_ORANGE:active {
	color: #ffffff;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}

.ab_ATTENTION {
    background-color: rgba(204, 32, 32, 0.8);
    color: #fff;
    border-color: rgba(175, 32, 32, 1);
    font-weight: 700;
}
.ab_ATTENTION:hover, .ab_ATTENTION:focus {
	color: #fff;
}
.ab_ATTENTION:active {
	color: #ffffff;
	text-shadow: 1px 1px 4px rgba(0,0,0,0.2);
}

.ab_left {
	/* margin-right: 0; */
	border-radius: 4px 0 0 4px!important;
}

.ab_center, .ab_middle {
	/* margin-right: 0; */
	/* margin-left: 0; */
	border-radius: 0!important;
	border-left: none!important;
}

.ab_right {
	border-left: none!important;
	border-radius: 0 4px 4px 0!important;
}

/* оставить ниже остальных классов выравнивания кнопок */
.ab_bottom {
	/* margin-right: 0; */
	/* margin-left: 0; */
	border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
	/* border-left-bottom-radius: 0; */
	/* border-right-bottom-radius: 0; */
}

.ab_left, .ab_middle, .ab_center, .ab_right, .ab_bottom {margin:0!important;}

.left {
	float: left!important;
}

.right {
	float: right!important;
}

div.clr {
	display:block;
	width: 100%;
	height: 0px;
	clear: both;
}

span.control-msg {
	display: block;
	padding: 0;
	margin: 0 0 7px 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.1rem;
	font-weight: normal;
}

span.result-msg {
	width: 100%;
	display: block;
	padding: 0;
	margin: 10px 0 10px 5px;
	min-height: 12px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1.1rem;
	font-weight: normal;
}

.ab.ib { /* adminbutton with icon */
    padding-left:40px;
    background-size: 24px;
    background-position: 8px center;
    background-repeat:no-repeat;
}

.ib-add            {background-image: url(/assets/icons/add.svg);}
.ib-arrow-up       {background-image: url(/assets/icons/uarr.svg);}
.ib-arrow-down     {background-image: url(/assets/icons/darr.svg);}
.ib-arrow-left     {background-image: url(/assets/icons/larr.svg);}
.ib-arrow-right    {background-image: url(/assets/icons/rarr.svg);}
.ib-calls          {background-image: url(../img/buttons/calls.png);}
.ib-clients, 
.ib-client         {background-image: url(../img/buttons/clients.png);}
.ib-db             {background-image: url(../img/buttons/db.png);}
.ib-delete         {background-image: url(/assets/icons/delete.svg);color: var(--red);}
.ib-download       {background-image: url(/assets/icons/download.svg);}
.ib-download-white {background-image: url(/assets/icons/download-white.svg);}
.ib-edit           {background-image: url(/assets/icons/edit.svg);}
.ib-gallery        {background-image: url(/assets/icons/gallery.svg);}
.ib-home, 
.ib-main           {background-image: url(/assets/icons/home.svg);}
.ib-info           {background-image: url(/assets/icons/info.svg);}
.ib-invoice        {background-image: url(/assets/icons/invoice.svg);}
.ib-link           {background-image: url(../img/buttons/link.png);}
.ib-login          {background-image: url(/assets/icons/login.svg);}
.ib-logout         {background-image: url(/assets/icons/logout.svg);}
.ib-mail           {background-image: url(../img/buttons/mail.png);}
.ib-more-h         {background-image: url(/assets/icons/more-h.svg);}
.ib-open-new       {background-image: url(/assets/icons/open-new.svg);}
.ib-page           {background-image: url(/assets/icons/list.svg);}
.ib-payment        {background-image: url(../img/buttons/payment.png);}
.ib-poll, 
.ib-survey         {background-image: url(/assets/icons/poll.svg);}
.ib-rotate, 
.ib-save           {background-image: url(../img/buttons/save.png);}
.ib-search         {background-image: url(/assets/icons/search.svg);}
.ib-sections, 
.ib-section        {background-image: url(/assets/icons/section.svg);}
.ib-service        {background-image: url(/assets/icons/tune.svg);}
.ib-switch         {background-image: url(/assets/icons/switch.svg);}
.ib-upload         {background-image: url(/assets/icons/upload.svg);}
.ib-upload-white   {background-image: url(/assets/icons/upload-white.svg);}
.ib-user           {background-image: url(../img/buttons/user.png);}
.ib-view           {background-image: url(/assets/icons/view.svg);}







  span.icon
, span.calls-icon
, span.clients-icon
, span.db-icon
, span.delete-icon
, span.edit-icon
, span.info-icon
, span.invoice-icon
, span.link-icon
, span.mail-icon
, span.page-icon
, span.save-icon
, span.sections-icon
, span.service-icon
, span.survey-icon
, span.payment-icon
, span.user-icon
, span.open-new-icon
, span.download-icon
, span.upload-icon:last-child
, span.upload-white-icon:last-child
, span.view-icon
, span.arrow-up-icon
, span.arrow-down-icon
, span.arrow-left-icon 
, span.arrow-right-icon
, span.rotate-icon, span.switch-icon {
    display: inline-block;
	/* float: left; */
	width: 12px;
	height: 12px;
    background-size:12px;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right:5px!important;
}

  /* span.icon:last-child {margin-right:0!important;} */

  span.calls-icon:last-child
, span.clients-icon:last-child
, span.db-icon:last-child
, span.delete-icon:last-child
, span.edit-icon:last-child
, span.info-icon:last-child
, span.invoice-icon:last-child
, span.link-icon:last-child
, span.mail-icon:last-child
, span.page-icon:last-child
, span.save-icon:last-child
, span.sections-icon:last-child
, span.service-icon:last-child
, span.survey-icon:last-child
, span.payment-icon:last-child
, span.user-icon:last-child
, span.open-new-icon:last-child
, span.download-icon:last-child
, span.upload-icon:last-child
, span.upload-white-icon:last-child
, span.view-icon:last-child
, span.arrow-up-icon:last-child
, span.arrow-down-icon:last-child
, span.arrow-left-icon :last-child
, span.arrow-right-icon:last-child
, span.rotate-icon:last-child, span.switch-icon:last-child {margin-right:0!important;}


span.calls-icon {background-image: url(../img/buttons/calls.png);}
span.clients-icon {background-image: url(../img/buttons/clients.png);}
span.db-icon {background-image: url(../img/buttons/db.png);}
span.delete-icon {background-image: url(/assets/icons/delete.svg);}
span.edit-icon {background-image: url(/assets/icons/edit.svg);}
span.info-icon {background-image: url(/assets/icons/info.svg);}
span.invoice-icon {background-image: url(/assets/icons/invoice.svg);}
span.link-icon {background-image: url(../img/buttons/link.png);}
span.mail-icon {background-image: url(../img/buttons/mail.png);}
span.page-icon {background-image: url(/assets/icons/list.svg);}
span.save-icon {background-image: url(../img/buttons/save.png);}
span.sections-icon {background-image: url(/assets/icons/section.svg);}
span.service-icon {background-image: url(/assets/icons/tune.svg);}
span.survey-icon {background-image: url(../img/buttons/survey.png);}
span.payment-icon {background-image: url(../img/buttons/payment.png);}
span.user-icon {background-image: url(../img/buttons/user.png);}
span.open-new-icon {background-image: url(/assets/icons/open-new.svg);}
span.download-icon {background-image: url(/assets/icons/download.svg);}
span.upload-icon {background-image: url(/assets/icons/upload.svg);}
span.upload-white-icon {background-image: url(/assets/icons/upload-white.svg);}
span.view-icon {background-image: url(../img/buttons/view.png);}
span.arrow-up-icon {background-image: url(/assets/icons/uarr.svg);}
span.arrow-down-icon {background-image: url(/assets/icons/darr.svg);}
span.arrow-left-icon {background-image: url(/assets/icons/larr.svg);}
span.arrow-right-icon {background-image: url(/assets/icons/rarr.svg);}
span.rotate-icon, span.switch-icon {background-image: url(/assets/icons/switch.svg);}

.cm_green {
	color: #3d3;
}

.cm_red {
	color: #b33;
}

.tal{text-align:left!important;}.tar{text-align:right!important;}.tac{text-align:center!important;}.taj{text-align:justify!important;}.vat{vertical-align:top!important;}.vam {vertical-align:middle!important;}.vab {vertical-align:bottom!important;}
@media all and (min-width:578px) {.tal-sm{text-align:left!important;}.tar-sm{text-align:right!important;}.tac-sm{text-align:center!important;}.taj-sm{text-align:justify!important;}.vat-sm{vertical-align:top!important;}.vam-sm{vertical-align:middle!important;}.vab-sm{vertical-align:bottom!important;}}
@media all and (min-width:768px) {.tal-md{text-align:left!important;}.tar-md{text-align:right!important;}.tac-md{text-align:center!important;}.taj-md{text-align:justify!important;}.vat-md{vertical-align:top!important;}.vam-md{vertical-align:middle!important;}.vab-md{vertical-align:bottom!important;}}
@media all and (min-width:992px) {.tal-lg{text-align:left!important;}.tar-lg{text-align:right!important;}.tac-lg{text-align:center!important;}.taj-lg{text-align:justify!important;}.vat-lg{vertical-align:top!important;}.vam-lg{vertical-align:middle!important;}.vab-lg{vertical-align:bottom!important;}}
@media all and (min-width:1200px) {.tal-xl{text-align:left!important;}.tar-xl{text-align:right!important;}.tac-xl{text-align:center!important;}.taj-xl{text-align:justify!important;}.vat-xl{vertical-align:top!important;}.vam-xl{vertical-align:middle!important;}.vab-xl{vertical-align:bottom!important;}}
@media all and (min-width:1400px) {.tal-xxl{text-align:left!important;}.tar-xxl{text-align:right!important;}.tac-xxl{text-align:center!important;}.taj-xxl{text-align:justify!important;}.vat-xxl{vertical-align:top!important;}.vam-xxl{vertical-align:middle!important;}.vab-xxl{vertical-align:bottom!important;}}

.client-editable {
	display: block;
	width: 100%;
	min-height: 13px;
	user-select: none;
}

.editable {
	display: inline-block;
    font-family: inherit !important;
	clear: both;
	min-width: 20px;
	padding: 0;
	color: var(--blue);
	user-select: none;
	max-width: 100%;
    white-space: nowrap;
}


.editable_adminbutton {
	display: inline-block;
	padding: 7px 18px;
	margin: 0 10px 0 0;
	border: 1px solid #bbb;
	border-radius: 2px;
	font-family: 'Open Sans', Arial, Geneva, sans-serif;
	font-size: 1.3rem;
	color: #111;
	text-decoration: none;
	background-color: #ffffff;
	cursor: pointer;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.133334);
	user-select: none;
}

.data_row {
    display: block;
    clear: both;
}

.delete_editable {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 0px 0px 0px 10px;
    color: red;
    position: relative;
    cursor: pointer;
}
.delete_contenteditable {
    display: inline-block;
    width: 17px;
    height: 15px;
    margin: 0px 0px 0px 10px;
    color: red;
    position: relative;
    cursor: pointer;
}
.delete_editable:after,
.delete_contenteditable:after {
    content: '\274C';
    position: absolute;
    top: 0px;
    left: 0px;
}

.b {font-weight: bold!important;}
.i { font-style:italic!important;}

.fileform {
	cursor: pointer;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	vertical-align: middle;
	float: left;
}

  .fileform #fileformlabel-file
, .fileform .fileformlabel_file
, .fileform #fileformlabel-image
, .fileform .fileformlabel_image {
	display: flex;
    border: 1px solid #ccc;
    border-left: none;
    border-radius: 0 3px 3px 0;
    background-color: #f9f9f9;
    float: left;
    overflow: hidden;
    padding: 0px 15px 0px 15px;
    min-height: 26px;
    text-align: center;
    vertical-align: middle;
    font-size: 1.06666667rem!important;
    color: #666;
    box-shadow: 0px 1px 0px 0px rgb(0 0 0 / 7%), inset 1px 1px 0px 0px rgb(0 0 0 / 7%);
    align-content: center;
    justify-content: center;
    align-items: center;
}
 
.fileform .selectbutton {
	float: left;
	overflow: hidden;
	margin: 0;
	cursor: pointer;
}
 
  .fileform #upload-file
, .fileform .upload_file     /* класс для универсальности */
, .fileform #upload-image
, .fileform .upload_image {
    position:absolute; 
    top:0; 
    left:0; 
    width:100%; 
    -moz-opacity: 0; 
    filter: alpha(opacity=0); 
    opacity: 0; 
    font-size: 150px; 
    height: 30px; 
    z-index:20;
}

.error_tip {
	font-size: 1.2rem;
	font-weight: 700;
	color: #c33;
}

.success_tip {
	font-size: 1.2rem;
	font-weight: 700;
	color: #3c3;
}

.bottom_order {
	font-size: 1.2rem;
	margin: 0 10px 0 0;
}

.attention {
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 10px;
    font-size: 13px !important;
    background-color: var(--oldpaper);
    border: 1px solid var(--orange);
    border-radius: 8px;
    clear: both;
}
.attention strong {
    font-weight: 700;
}

.tag {
	padding: 0px 5px 0px 5px;
    background-color: rgba(64, 128, 160, 0.8);
    margin: 0;
    border: 1px solid rgba(64, 128, 160, 1);
    border-radius: 3px;
    display: inline-block;
    cursor: pointer;
    color: #ffffff;
    font-size: .93333333rem;
}

/* PROGRESS */

.loader {
    position: relative;
    width: 240px;
    height: 240px;
    margin: 0; /* centering */
    border-radius: 50%;
    border: 20px solid  #5cb85c;
	background-color: #ffffff;
    opacity: 0.93;
	clip: circle;
	z-index: 1;
	transform: rotate(45deg);
	text-align: center;
}

.loader-half {
    width: 240px;
    height: 240px;
    position: absolute;
    top: -60px;
    margin: 40px -20px;
    border-radius: 50%;
    border: 20px solid transparent;
	
}

.loader-blend-left { /* 2 */
	transform: rotate(180deg);
}

.loader-blend-right { /* 1 */
	transform: rotate(0deg);
}

.loader-caption {
    position: absolute;
    top: 60px;
	left: -50px;
	width: 240px;
	height: 20px;
	margin: 0;
	font-family: 'Open-sans', Helvetica, Arial, sans-serif;
	font-size: 1.2rem;
	color: #333333;
	text-align: center;
	transform: rotate(-45deg);
	z-index: 5;
}

.loader-value {
    position: absolute;
    top: 60px;
	left: -20px;
	width: 240px;
	height: 80px;
	margin: 0;
	font-family: Play, 'Open-sans', Helvetica, Arial, sans-serif;
	font-size: 3rem;
	color: #666;
    font-weight: 700;
	text-align: center;
	line-height: 35px;
	transform: rotate(-45deg);
	z-index: 5;
}

.loader-value sup {
	font-size: 1.4rem;
}

.red-text { color: var(--red); }
.green-text { color: #2ecc71; }
.gray-text { color: #333333; }



.files_wrapper {
    position:relative;
    font-size: 1.1rem!important;
    margin: 10px 0 25px 0;
}

.table .files_wrapper {
    display: none; opacity: 0;
    margin: 0!important;
    padding:15px 15px 0 15px!important;
    background: #f2f2f2;
    border-top: 1px solid var(--border-color);
    box-shadow: inset 0 0 10px 0 rgb(0 0 0 / 7%);
}

.table > .row:last-child .files_wrapper{
    border-radius: 0 0 15px 0;
}

.files_wrapper.expanded {
    display: block!important; opacity: 1!important;
}

.files_container {
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0!important;
    overflow: hidden;
    border-left: 1px solid var(--lightblue);
    border: 1px solid var(--lightblue);
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 1px 1px 4px 0px rgb(0 0 0 / 4%);
}

.table .files_container {
    width: calc(100% + 30px);
    margin: 0 -15px 15px -15px!important;
    border-radius: 0!important;
    border-left: none!important;
    border-right: none!important;
    box-shadow: none!important;
}

.files-container:last-child {
    border-bottom:none;
}

.new_files_container {
    display: none;
    position:relative;
    background: #fff;
    border-left: 3px solid var( --lightgreen);
    box-shadow: 0 1px 3px rgb(0 0 0 / 30%);
    border-radius: 6px;
}

.files {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    background-color: rgba(245,245,245, 0.166667);
    background-repeat: no-repeat;
    background-position: 5px 5px;
    background-size: 24px;
    border-bottom: .5pt solid var(--lightblue);
    transition: all .2s;
    cursor:pointer;
    padding: 0!important;
    font-size: 1.1rem!important;
}

/* .files:first-child {} */
.files:last-child {border-bottom: none!important;}

.files-icon, .files-icon-nohandle {
    flex: 0 0 auto;
    width: 30px;
    min-height: 44px;
    background-position: center center;
    background-repeat: no-repeat;
}

.files-icon-24 {
	display: table-cell;
    background-position: center center;
    background-repeat: no-repeat;
    width: 44px;
    height: 44px;
	background-size: 24px;
}

.signed {
    background: url(/style/supernova/img/filetypes/svg/signed.svg) 12px 0px no-repeat;
    background-size: 16px;
}

.archived {
    filter: grayscale(.5)!important;
    opacity:.8!important;
}

a.url,
.files-header {
    display: flex;
    align-content: center;
    align-items: center;
    position:relative;
    color: var(--blue);
    font-weight: normal;
    font-size: 1.4rem;
    margin: 0;
    padding: 6px 0 6px 20px;
    cursor:pointer;
}

a.eshd {
    display: flex;
    align-content: center;
    align-items: center;
    position: relative;
    color: var(--blue);
    font-weight: normal;
    font-size: 1.4rem;
    margin: 0;
    padding: 6px 0 6px 34px;
    background-image: url(https://foodmonitoring.ru/assets/icons/v2/logo-dark.svg);
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: left center;
    cursor: pointer;
}

.files-header.empty {
    color: var(--grayblue)!important;
}

.files-header > id {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 12px;
    font-weight: normal;
    color: var(--darkblue);
    opacity: 0;
    transition: opacity .2s ease-out;
    background: rgb(255 255 255 / 90%);
    padding: 0px 6px;
    border-radius: 6px;
    border: 1px solid var(--brown);
    /* box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 20%); */
    cursor: text;
}
.files-header:hover > id {opacity:1;}

.files-header > id b {
    color: var(--brown);
}

.table .files-header {
    margin: 0 -15px 0 -15px!important;
    padding: 5px 15px 5px 30px;
    font-size: 1.2rem;
}


.files-header:first-child {
    margin-top:20px !important;
    padding-top:0!important;
}

.files-header:before {
    content:"";
    position:absolute;top:14px;left:0;
    width:10px;height:10px;
    background-image: url(../img/icons/svg/toggler.svg);
    transform:rotate(90deg);
    transition:transform .3s ease;
}
.files-header.empty:before {
    color: var(--grayblue)!important;
}
.table .files-header:before {
    top: 10px;
    left:13px;
}
.table .files-header:first-child:before {
    top: 5px;
}
.files-header.active:before {
    transform:rotate(180deg);
    transition:transform .3s ease;
}


.folder-doesnt-exists {
    display: flex;
    align-content: center;
    align-items: center;
    position:relative;
    color: var(--brown);
    font-weight: normal;
    font-size: 1.4rem;
    margin: 0;
    padding: 6px 0 6px 20px;
    cursor:pointer;
}
.folder-doesnt-exists::before {
    content: "";
    position: absolute;
    top: 17px;
    left: 0;
    width: 8px;
    height: 8px;
    /* background-image: url(../img/icons/svg/toggler.svg); */
    transform: rotate(90deg);
    transition: transform .3s ease;
    border-radius: 10px;
    background-color: var(--brown);
    background-image: none!important;
}



.folder.collapsed {
    display:none!important;
    opacity:0!important;
}
.folder.expanded {
    display:initial!important;
    opacity:1!important;
}

.files-filename {
	flex: 0 0 auto;
    width: calc(100% - 30px);
    color: #333;
    font-size: 1.1rem;
    padding: 5px 15px 5px 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}
.files-filename sub {display:block;padding: 5px 0;color: var(--light);}
.files-filename em {display: block;float: right;color: var(--blue);font-style: normal;}
.files-buttons {
	flex: 0 0 auto;
    width: 100%;
	vertical-align: middle;
	padding: 5px;
    display:none;
}
.files-buttons-readable {
	display: none;
}

.files-signed-container {
    display: flex;
    width: 30px;
    background: #eee;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
    border-left: 1px solid var(--lightblue);
}

.files:hover,.files:focus {background-color:rgba(95,138,175,.1)}
.files:active {background-color:rgba(95,138,175,.2)}

.files_container_togglebutton {
    display: inline-block;
    background: #fff;
    border: 1px solid var(--grayblue);
    color: var(--blue);
    padding: 1px 15px 3px 15px;
    border-radius: 25px;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 50px);
    width: 100px;
    margin: 0 auto;
    text-align: center;
    z-index: 1;
    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 17%);
    cursor: pointer;
    transition: box-shadow .3s ease-in-out;
}
.files_container_togglebutton:before{
    content: "︽";
    position: absolute;
    line-height: 1;
    opacity: .4;
    left: 50%;
    top: -15px;
    transform: translate(-50%,0);
    transition: all .3s ease;
}
.files_container_togglebutton:hover:before{
    opacity: 1.0;
    animation: flowTop .6s ease-in-out infinite;
}

.files_container_togglebutton:hover {box-shadow:2px 2px 3px 0 rgb(0 0 0 / 17%);}
.files_container_togglebutton:active {box-shadow:none}

@keyframes flowTop{0%{transform:translate(-50%,-1px);opacity:.9;}5%{transform:translate(-50%,-2px);opacity:.8;}10%{transform:translate(-50%,-3px);opacity:.7;}15%{transform:translate(-50%,-4px);opacity:.6;}20%{transform:translate(-50%,-5px);opacity:.5;}25%{transform:translate(-50%,-6px);opacity:.4;}30%{transform:translate(-50%,-7px);opacity:.3;}35%{transform:translate(-50%,-8px);opacity:.2;}40%{transform:translate(-50%,-9px);opacity:.1;}45%{transform:translate(-50%,-10px);opacity:.05;}50%{transform:translate(-50%,-11px);opacity:.02;}100%{transform:translate(-50%,-12px);opacity:.0;}}
@-webkit-keyframes flowTop{0%{-webkit-transform:translate(-50%,-1px);opacity:.9;}5%{-webkit-transform:translate(-50%,-2px);opacity:.8;}10%{-webkit-transform:translate(-50%,-3px);opacity:.7;}15%{-webkit-transform:translate(-50%,-4px);opacity:.6;}20%{-webkit-transform:translate(-50%,-5px);opacity:.5;}25%{-webkit-transform:translate(-50%,-6px);opacity:.4;}30%{-webkit-transform:translate(-50%,-7px);opacity:.3;}35%{-webkit-transform:translate(-50%,-8px);opacity:.2;}40%{-webkit-transform:translate(-50%,-9px);opacity:.1;}45%{-webkit-transform:translate(-50%,-10px);opacity:.05;}50%{-webkit-transform:translate(-50%,-11px);opacity:.02;}100%{-webkit-transform:translate(-50%,-12px);opacity:.0;}}
@-moz-keyframes flowTop{0%{-moz-transform:translate(-50%,-1px);opacity:.9;}5%{-moz-transform:translate(-50%,-2px);opacity:.8;}10%{-moz-transform:translate(-50%,-3px);opacity:.7;}15%{-moz-transform:translate(-50%,-4px);opacity:.6;}20%{-moz-transform:translate(-50%,-5px);opacity:.5;}25%{-moz-transform:translate(-50%,-6px);opacity:.4;}30%{-moz-transform:translate(-50%,-7px);opacity:.3;}35%{-moz-transform:translate(-50%,-8px);opacity:.2;}40%{-moz-transform:translate(-50%,-9px);opacity:.1;}45%{-moz-transform:translate(-50%,-10px);opacity:.05;}50%{-moz-transform:translate(-50%,-11px);opacity:.02;}100%{-moz-transform:translate(-50%,-12px);opacity:.0;}}

@media all and (min-width:768px) {
    .files {background-position: 12px 7px; background-size: 32px;}
    .files-icon, .files-icon-nohandle {width: 55px; min-height: 46px;}
    .files-filename{font-size: 1.1rem;width:calc(100% - 55px);width:calc(100% - 115px);}
    .files-filename:nth-last-child(2) {width:calc(100% - 85px);}
    .files-filename sub {padding: 5px 0 0 0;color: var(--light);}
    .files-filename em {display: block;float: right;color: var(--blue);font-style: normal;}
    .files-signature {width:32px; min-height: 46px;background-position:-6px 0px; background-size: 32px;background-repeat:no-repeat;background-image:url(/style/supernova/img/icons/unsigned.png);}
    .files-buttons {display:none;}
    .new_files_container .files {background-position: 9px 7px; background-size: 32px;}
	.new_files_container .files-icon,.new_files_container .files-icon-nohandle {width: 52px; min-height: 46px;}
	.new_files_container .files-filename:nth-last-child(2) {width:calc(100% - 82px);}
}

.upload_file_input_container {
    margin-top:10px;
    padding: 18px 10px 18px 15px; 
    background-color: var(--lightblue); 
    border-radius:7px;
    /* border: 3px dashed var(--grayblue); */ 
    border: .5px solid var(--border-color);
    position: relative; 
    box-sizing: border-box;
    /* box-shadow: inset 1px 1px 2px 0px rgb(0 0 0 / 24%); */
    box-shadow: inset 0 0.125rem 0.3rem rgb(0 0 0 / 8%)!important;
    display: flex;
    align-content: stretch;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
}
.upload_file_input_container span {
    font-size: 1.1rem;
    color: var(--light);
    -webkit-user-select: none!important;
    -moz-user-select: none!important;
    -ms-user-select: none!important;
    user-select: none!important;
}

.upload_file_input_container.dropenter {background-color: var(--lightyellow);border-color: var(--orange);}

.upload_file_input {
    opacity: 0; position: absolute; width:100%;top: 0; bottom: 0; left:0;right:0;
}
.statusbar_container {position:absolute!important;bottom:2px;left:2px;right:2px;}
.upload_status_bar {width: 0%; height:6px; border-radius:3px; background: rgba(64, 128, 160, 0.8); margin-top: 1px;transition: width .2s ease-in-out;} 



.editable,
.contenteditable {
    position:relative;
    
    /*
    -webkit-touch-callout: none;
    -webkit-user-select: none; 
    -moz-user-select: none;
    -ms-user-select: none; 
    -o-user-select:none;
    -khtml-user-select: none;
    user-select: none;
    */
    
    
    outline-color: transparent;
    transition: outline-color ease 1.2s;
    border-radius: 3px;
}

.editable:empty:before {
    content: "отсутствует";
    color: rgb( 0 0 0 / 17%);
}

.contenteditable:empty {
    min-width:60px;
    max-width:100%;
    background: white;
    border-radius: 3px;
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 20%), 1px 1px 3px 0 rgb(0 0 0 / 10%);
}

.contenteditable[placeholder]:empty:before {
	content: attr(placeholder);
	color: var(--border-color);
	font-style: italic;
	margin: 0 .5rem;
}
.contenteditable[placeholder]:empty:focus:before {
	content: '';
}

.editable:hover,
.contenteditable:hover {
    box-shadow: 0 0px 0px 1px var(--orange)
}

.contenteditable:focus {
    background: white;
    border-radius: 3px;
    padding: 0;
    box-shadow: 0 0 1px 0 rgb(0 0 0 / 20%), 1px 1px 3px 0 rgb(0 0 0 / 10%);
    outline:none!important;
}

.contenteditable-error {position: relative;}
.contenteditable-error:before{
    content: "!";
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-100%, -100%) scale(.7);
    font-size: 1.2rem;
    height: 16px;
    min-width: 16px;
    line-height: 1;
    padding: 2px 7px;
    background-color: var(--red);
    color: white;
    border-radius: 25px 25px 0 25px;
    transition:all .1s ease-in-out;
}
.contenteditable-error:hover:before{transform: translate(-120%, -120%) scale(1.4);}

.absolute-button {
    position: absolute!important;
    right: 5px;
    top: calc(var(--bs-gutter-y) + 5px);;
    border-radius: 4px;
    display: flex;
    width: 30px;
    height: 30px;
    padding: 0!important;
    margin: 1px!important;
    color: var(--red);
    border-color: var(--red);
    font-family: var(--button-font);
    font-size: 3rem;
    background: none;
    font-weight: 100;
    align-items: center;
    justify-content: center;
    align-content: center;
    line-height: 1.9;
    transition: all .2s ease;
    box-shadow: 0px 0px 0px 1px var(--red), 1px 1px 3px 0 rgb(0 0 0 / 7%);
    cursor: pointer;
}

@media all and (min-width:992px) {

    .absolute-button {
        position: absolute!important;
        right: 2px;
        top: calc(var(--bs-gutter-y) + 2px);;
        border-radius: 4px;
        display: flex;
        width: 20px;
        height: 20px;
        color: var(--muted);
        transition: all .2s ease;
        box-shadow: none/* 0px 0px 0px 1px #ddd, 1px 1px 3px 0 rgb(0 0 0 / 7%) */;
        cursor:pointer;
        opacity: .7;
    }

}

.inline-flex-xs-button {
    border-radius: 1px;
    line-height: 0;
    display: inline-flex;
    width: 13px;
    height: 13px;
    color: var(--muted);
    align-items: center;
    justify-content: center;
    align-content: center;
    transition: all .2s ease;
    box-shadow: none;
    cursor:pointer;
}

.absolute-button:hover,
.inline-flex-xs-button:hover
{box-shadow: 0px 0px 0px 1px var(--red), 2px 2px 3px 0 rgb(0 0 0 / 7%);color:var(--red);opacity:1;}

.absolute-button:active,
.inline-flex-xs-button:active {box-shadow: 0px 0px 0px 1px #ddd, 0px 0px 3px 0 rgb(0 0 0 / 7%);}

.inside_link,
.inside-link {
	color: var(--blue);
	text-decoration: none;
	cursor: pointer;
    text-decoration: underline;
    text-decoration-color: var(--lightblue);
    text-underline-offset: 3px;
    text-decoration-thickness: 1px;
    text-decoration-style: dashed !important;
    transition: text-decoration-color .4s, color .4s;
}

.inside_link:hover,
.inside-link:hover {
    text-decoration-color: lightsteelblue;
}

.anchor {
	display: block;
	margin-bottom: 80px;
}

ul.todo {
	position: relative;
	border: 1px solid #990000;
    padding: 20px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.066667);
    background: #ffffff;
    width: 80%;
    margin: 20px 20px 20px 20px;
	border-radius: 1rem;
}

ul.todo:before {
    content: "TO DO";
    display: block;
    border: 1px solid #990000;
    background: #990000;
    color: #ffffff;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    width: 100px;
    padding: 5px 10px;
    position: absolute;
    top: -12px;
    left: 38px;
    border-radius: 1rem;
    line-height: 1;
}

ul.todo li {
	font-size: 1.2rem;
	color: #990000;
	list-style: none;
}

ul.todo > li.ready {
	text-decoration: line-through;
	color: #999999;
}

ul.todo li:before {
	content: "— ";
}

  li.opened
, li.closed
, li.url {
    list-style: none;
    position: relative;
    line-height: 1.3;
    margin: 12px 0;
}

@media all and (min-width:992px) {
      li.opened
    , li.closed
    , li.url {
        line-height: 2;
        margin: 0;
    }
    
    li.url {
        margin-left: -3.6rem!important;
        line-height:2!important;
    }
}

a.url:before {
    content: "\2794";
    color: var(--blue);
    position: absolute;
    left: 0px;
    font-size: 1rem;
}



li.url:before {
	content: "\2794";
    color: var(--blue);
    position: absolute;
    left: -1.4rem;
    /* top: -2px; */
    font-size: 1.7rem;
    line-height: 2!important;
    width: auto!important;
}

li.opened .inside_link {
	color: var(--orange);
	border-color: var(--orange);
}

.horizontal {display: block;}

@media all and (min-width:992px) {
    .horizontal {display: inline-block;margin-right: 36px!important;}
}

a.inline_link {
	display: block;
	float: left;
	text-decoration: none;
	margin: 0 10px 10px 0;
}

.preview_overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	/* width: 100%;
	height: 100%; */
	background: rgb(0 0 0 / 60%);
	backdrop-filter: blur(7px);
	/* z-index: 11; */
	z-index: 111; /*  to show up of the modal window  */
}

.preview_container {
    /* position: relative; */
    position: absolute;
    top: 10px;
    left: 10px;
    bottom: 10px;
    right: 10px;
    background-color: none;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.preview_arrow {
    width: 100px;
    height: 100px;
    position: fixed;
    bottom: 40%;
    font-size: 100px;
    cursor: pointer;
    border: 50px solid transparent;
}

.close_button {
	width: 58px;
    height: 58px;
    border-radius: 29px;
    position: fixed;
    top: 10px;
    right: 10px;
    transform: rotate(45deg);
    cursor: pointer;
}
.close_button:hover > div {
	background: rgba(255,255,255, 0.8);
}

.dl_tr {
	background: rgba(255,255,255, 0.166667);
    height: 58px;
    width: 2px;
    position: absolute;
    top: 0px;
    right: 28px;
}

.tl_c {
    height: 2px;
    width: 28px;
    background: rgba(255,255,255, 0.166667);
    position: absolute;
    left: 0px;
    top: 28px;
}

.c_dr {
    height: 2px;
    width: 28px;
    background: rgba(255,255,255, 0.166667);
    position: absolute;
    left: 30px;
    top: 28px;
}

.close_button_border {
    width: 70px;
    height: 70px;
    position: absolute;
    border: 35px solid transparent;
}

.close_button_border_top {
    top: 0;
    left: 5px;
    border-top: 35px solid #fff;
}
.close_button_border_bottom {
    bottom: 0;
    left: 5px;
    border-bottom: 35px solid #fff;
}
.close_button_border_left {
    top: 5px;
    left: 0;
    border-left: 35px solid #fff;
}
.close_button_border_right {
    top: 5px;
    right: 0;
    border-right: 35px solid #fff;
}

.prev_arrow {
    left: -40px;
    border-right: 50px solid rgba(255,255,255, 0.066667);
}
.next_arrow {
    right: -40px;
    border-left: 50px solid rgba(255,255,255, 0.066667);
}
.prev_arrow:hover {
    border-right: 50px solid rgba(255,255,255, 0.7);
}
.next_arrow:hover {
    border-left: 50px solid rgba(255,255,255, 0.7);
}

  .client__deleted *
, .client__deleted * * 
, .client__deleted * * * {
	color: #ddd !important;
	border-color: #ddd !important;
}
.client__deleted * .adminbutton {
	opacity: 0.5 !important;
}

  .client__deleted td
, .client__deleted th {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	border-top: 1px dashed #ddd !important;
	border-bottom: 1px dashed #ddd !important;
}

.contenteditable {
    font-family: inherit !important;
	min-width: 10px;
	display: inline-block;
	/* margin-right: 1px;
	margin-bottom: 1px; */
	/* margin:1px; */
    cursor: text;
    line-height: inherit;
}

.visibility-panel {
    width: 280px;
    float: right;
    border: 1px solid var(--grayblue);
    border-left: none;
    border-radius: 0 6px 6px 0;
    overflow: hidden;
    background: var(--lightblue);
    padding: 5px 15px 3px;
    margin-top: 18px;
    box-shadow: inset 1px 1px 2px 0px rgb(0 0 0 / 24%);
}

.visibility-panel * {
    font-size: .93333333rem!important;
}

.visibility-panel input[type=checkbox],
.visibility-panel input[type=radio] {
    margin: 0 auto 3px!important;
}
.visibility-panel label {
    display:block;
}

.visibility-panel-caption {
    display: block;
    font-size: 1.1rem;
    font-weight: 700;
    float: left;
}

.tab-container {
    padding-left: 20px;
}

.tab {
	padding: 4px 0;
    margin: 10px 0 2px 10px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: inline-block;
    /* float: left; */
    text-transform: uppercase;
    font-size: 1rem;
    cursor: pointer;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    transition: border-bottom-color .3s ease-in-out;
}
.tab:first-child {margin-left:0;}
.active_tab {
	color: var(--blue);
    border-bottom-color: var(--blue);
}

.inactive_tab {
	color: var(--muted);
    border-bottom-color: transparent;
}

.required:after {
	content: '*';
	display: inline-block;
	color: #C00;
	font-size: smaller;
	margin: 0 0 0 2px;
	vertical-align: top;
}

th .block {
    display: block;
    font: inherit;
    font-size: smaller;
    font-weight: normal;
}

/* .region_header { */
    /* box-shadow: 0 1px 1px 0 rgba(0,0,0, 0.366667); */
    /* border-bottom: 1px solid #aaa; */
/* } */

.square_link_container {
	column-count: 3;
	-o-column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-gap: 10px;
	-o-column-gap: 10px;
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
}

.square_link {
	display: inline-block;
    width: 100%;
    border: .5pt solid var(--border-color);
    background-color: #fff;
    margin: 0 0 10px 0;
    padding: 10px;
    border-radius: 6px;
    transition: box-shadow .4s ease;
    /* box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 10%); */
}

.square_link:hover{
    box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 7%);
}

.square_link .title,
.square_link .title * {
    display: block;
    clear:both;
    color: rgb(87, 143, 175);
    font-weight: 700;
    font-size: 1.2rem;
    text-decoration: none;
}
.square_link .title:hover {text-decoration:underline;}

.square_link .url,
.square_link .url * {
	display: block;
    clear:both;
    color: rgba(171, 0, 0, 1);
    color: rgb(72, 191, 43);
	font-size: 1rem;
	padding: 0!important;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: text-decoration .4s ease;
}

.square_link .url:before {
    display:none!important;
}
.square_link .url:hover {text-decoration:underline;}
.square_link .comment,
.square_link .comment * {
    display: block;
    clear:both;
	color: #666;
    font-size: 1.1rem;
    margin: 7px 0 0 0;
    line-height: 1.4;
}

.tip {
    background-color: var(--darkblue);
    color: rgb(255, 255, 255);
    padding: 10px 20px;
    font-size: 1.2rem;
    text-align: center;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    border-radius: 1rem;
    /* -webkit-text-shadow: 1px 1px 2px rgba(0,0,0,0.766667);
    -moz-text-shadow: 1px 1px 2px rgba(0,0,0,0.766667);
    text-shadow: 1px 1px 2px rgba(0,0,0,0.766667); */
    opacity: 0;
}

.triangle_down {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 10px solid var(--darkblue);
    opacity: 0;
}

.tip,
.triangle_down {
    z-index: 20;
}

/* Для блока статистики */
div.stat {
    width: 100%; 
    overflow: hidden; 
    margin: 0 auto; 
    padding: 20px 0 0 20px; 
    border: 1px solid #bbb; 
    box-shadow: 0 1px 1px 0 rgba(0,0,0,0.133334); 
    border-radius: 2px; 
    background-color: #f0f0f0;
}
strong.stat {
    width: 150px;
    float: left;
    text-align: left;
    color: #555;
    font-weight: 700;
}
span.stat {
    float: right;
    text-align: left;
}
div.progress {
    width: 260px;
    height: 260px;
    float: left;
}

/* СТИЛИ NOVA */

/* [+] HOTMENU */

@media all and (min-width:768px) {
    .hotMenuRow {margin-left: calc((35px + 9px) / 2); /*  icon_width + padding) / 2  */}
}
.new_hm_container {
    width: 100%;
    display: table;
    vertical-align: middle;
    padding-top: 10px;
    border-top: 1px dashed #ccc;
}

@media only screen and (max-width: 1165px) {
	.new_hm_container {
        height: 80px;
    }
    .new_hm_cell {
        background-size: 60px 60px;
    }
}
@media only screen and (min-width: 1166px) and (max-width: 1279px) {
	.new_hm_container {
        height: 110px;
    }
    .new_hm_cell {
        background-size: 90px 90px;
    }
}
@media only screen and (min-width: 1280px) {
	.new_hm_container {
        height: 110px;
    }
    .new_hm_cell {
        background-size: 90px 90px;
    }
}

.new_hm_cell {
    display: flex;
    text-decoration: none;
    padding: 5px 5px 5px 5px;
    height: 70px;
    background-size: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 8px;
    align-items: center;
}

.new_hm_cell:active {
	background-color: #f7f7f7;
    outline: none;
    box-shadow: 
    	  inset 0 0 0 1px #bbb
        , inset 0 0 8px 0 rgba(0,0,0,0.266667);
    color: #e24b4b;
}

.new_hm_cell > span {display: none;}

@media all and (min-width:992px) {

    .new_hm_cell > span {
        display: flex;
        width: 100%;
        height: 60px;
        align-items: center;
        justify-content: center;
        margin-top: -70px;
        font-size: 1rem;
        text-align: center;
        vertical-align: middle;
        line-height: 1;
        color: #666;
        text-decoration: none;
        background-color: rgba(255,255,255,0.7);
        padding: 5px;
        border-radius: 8px;
        opacity: .7;
        transition: all .5s ease;
        z-index: -1;
        box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 4%);
    }
    
    .new_hm_cell:hover > span {
        opacity:1;
        margin-top: -100px;
        transition: all .2s ease;
    }
    
    .new_hm_cell:active > span {
        opacity:0;
        margin-top: -90px;
    }

}

.new_hm_cell > span > span {
    display: table-cell;
    border-radius: 48px;
    width: 100%;
    height: 48px;
    font-size: 1.4rem;
    text-align: center;
    vertical-align: middle;
}

/* [-] HOTMENU */




/* [+] NEW MAINMENU */

.main-block-header {
    display: flex;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 5px 10px;
    height: 47px;
    margin: 0;
    border: none;
    border-radius: 5px;
    background: rgba(255,255,255,.5);
    justify-content: center;
    align-items: center;
    line-height: 1;
    text-align: center;
    box-sizing: border-box;
    box-shadow: inset 1px 1px 3px 0 rgba(255,255,255,0.4), 1px 1px 5px 1px rgb(0 0 0 / 7%);
    backdrop-filter: blur(1px);
}

.promo {
    position: relative;
    width:100%;
    padding-top: 56.25%;
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
}

.promo-content {
    background: #fff;
    /* padding: 10px; */
    padding: 7.5px;
    font-size: 1.06666667rem;
}

.promo-content strong {display: block;}

/* [-] NEW MAINMENU */



.page_container {
    border-radius: 53px 6px 6px 6px;
    box-shadow: 0 0 31px 7px rgba(0,0,0,0.066667), 0 0 1px 1px rgba(0,0,0,0.0333334);
    margin-top: 50px;
    /* margin-bottom:60px; */
    background-color:#f2f2f2;
    
    /* overflow: hidden; */
}

.page_container img {
    display: block;
    margin: 0 auto 20px auto;
}

.sidebar_container {
    border-radius: 6px;
}

@media all and (min-width: 768px) {
    .page_container {margin-top: 0;}
    .sidebar_container {margin-top: 0;}
}

.page_header {
    min-height: 90px;
    background: #f3f3f3;
    border-radius: 55px 6px 0 0;
    border-bottom: .5pt solid var(--border-color);
    padding: 9px 0 9px 9px;
    box-shadow: inset 2px 2px 5px 0px rgb(255 255 255 / 65%), 0 1px 10px 0 rgb(0 0 0 / 7%);
}

.sidebar_header {
    min-height: 111px;
    background: #f3f3f3;
    border-radius: 6px 6px 0 0;
    border-bottom: 1px dashed #ddd;
    padding: 10px;
}

.page_header_icon_container {
    align-self: flex-start!important;
    display: block;
    width: 100px;
    margin: -60px auto 0 auto;
}

.page_header_icon {
    width: 90px;
    height: 90px;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 90px 90px;
    -webkit-border-radius: 55px;
    -moz-border-radius: 55px;
    border-radius: 55px;
    border: 5px solid #f3f3f3;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    box-shadow: 0 -1px 0 0.3px #ddd;
}

@media all and (min-width: 768px) {
    .page_header_icon_container {
        display: block;
        width: 90px;
        margin:0;
        float:left;
    }
    .page_header_icon {
        width: 90px;
        height: 90px;
        padding: 0;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 90px 90px;
        -webkit-border-radius: 45px;
        -moz-border-radius: 45px;
        border-radius: 45px;
        border:none;
        -webkit-box-sizing: border-box; /* this will reset content-box*/
        -moz-box-sizing: border-box;    /* this will reset content-box*/
        box-sizing: border-box;         /* this will reset content-box*/
	    box-shadow: none;
    }
}

.employee_icon {
    background-size: cover;
    width: 130px;
    height: 130px;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    border-radius: 130px;
}

.page_header_title {
    display: block;
    width: 100%;
    padding-left: 0;
    text-align:center;
    overflow:hidden;
}

.page_header_title h1 {
    margin: 0 !important;
    font-size: 2rem!important;
    color: var(--darkblue);
    font-weight: 700;
    line-height: 1;
}

.page_header_subtitle {
    display: block;
    font-size: 1.1rem;
    font-weight: 400;
    color: var(--darkblue);
    margin: 0 0 0 0;
}


@media all and (min-width: 768px) {
    .page_header_title {
        /* display: inline-block; */
        /* width: calc(100% - 110px); */
        /* padding-left: 10px; */
        /* text-align:left; */
        display: inline-flex;
        width: calc(100% - 110px);
        padding-left: 10px;
        text-align: left;
        align-self: flex-start;
        min-height: 90px;
        flex-direction: column;
        justify-content: center;
    }

	.page_header_title h1 {
        margin: 0 !important;
        font-size: 2.6rem!important;
        color: var(--darkblue);
        font-weight: 700;
    }

    .page_header_subtitle {
        display: block;
        font-size: 1.1rem;
        font-weight: 400;
        color: var(--darkblue);
        margin: 8px 0 0 0;
        padding: 0 2px;
    }


}

.page_header_hint {
    position: relative;
    /* font-size: 1.1rem; */
    font-size: 1rem;
    margin: -9px 0px -9px 0px;
    padding: 5px 10px 5px 15px;
    color: #888;
    border-top-right-radius:6px;
    text-align: justify;
    vertical-align: top;
    line-height: 1.3;
    background: rgba(0,0,0,.02);
    box-shadow: inset 3px -3px 8px 0 rgba(0,0,0,.02), -3px 0px 3px 1px rgba(0,0,0,.00);
    transition: all .4s ease-in-out;
    cursor: default;
}
.page_header_hint::before {
    content: 'i';
    display: block;
    padding: 1px;
    position: absolute;
    width: 25px;
    height: 25px;
    text-align: center;
    top: 10px;
    left: -13px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #eee;
    font-family: 'Times New Roman', Times, serif;
    font-size: 1.5rem;
    font-style: italic;
    font-weight: bold;
    color: var(--blue);
    box-shadow: inset 3px 0px 3px 0 rgba(0,0,0,.04), -3px 0px 3px 0 rgba(0,0,0,.00);
    transition: all .4s ease-in-out;
}

.page_header_hint:hover{       box-shadow: inset 3px -3px 8px 0 rgba(0,0,0,.00), -3px 0px 3px 1px rgba(0,0,0,.04);background:#fff;}
.page_header_hint:hover:before{animation: swinging 1s ease-in-out 0s;box-shadow: inset 3px 0px 3px 0 rgba(0,0,0,.00), -3px 0px 3px 0 rgba(0,0,0,.04);background:#fff;color:var(--orange);}

@keyframes swinging{0%{transform:rotate(0);}5%{transform:rotate(45deg);}10%{transform:rotate(-40deg);}15%{transform:rotate(35deg);}20%{transform:rotate(-30deg);}25%{transform:rotate(25deg);}30%{transform:rotate(-20deg);}35%{transform:rotate(15deg);}40%{transform:rotate(-10deg);}45%{transform: rotate(5deg);}50%{transform:rotate(0);}100%{transform:rotate(0);}}
@-webkit-keyframes swinging{0%{-webkit-transform:rotate(0);}5%{-webkit-transform:rotate(45deg);}10%{-webkit-transform:rotate(-40deg);}15%{-webkit-transform:rotate(35deg);}20%{-webkit-transform:rotate(-30deg);}25%{-webkit-transform:rotate(25deg);}30%{-webkit-transform:rotate(-20deg);}35%{-webkit-transform:rotate(15deg);}40%{-webkit-transform:rotate(-10deg);}45%{-webkit-transform: rotate(5deg);}50%{-webkit-transform:rotate(0);}100%{-webkit-transform:rotate(0);}}
@-moz-keyframes swinging {0%{-moz-transform:rotate(0);}5%{-moz-transform:rotate(45deg);}10%{-moz-transform:rotate(-40deg);}15%{-moz-transform:rotate(35deg);}20%{-moz-transform:rotate(-30deg);}25%{-moz-transform:rotate(25deg);}30%{-moz-transform:rotate(-20deg);}35%{-moz-transform:rotate(15deg);}40%{-moz-transform:rotate(-10deg);}45%{-moz-transform: rotate(5deg);}50%{-moz-transform:rotate(0);}100%{-moz-transform:rotate(0);}}

.page_header_hint > * {
    font-size: inherit!important;
}

/* .page_content {} */
.sidebar_content {
    background: #fff;
    box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    overflow:hidden;
}

.page_content {
    background: #fff;
    box-shadow: 0 2px 3px 0 rgb(0 0 0 / 4%);
    padding: 5px 5px 30px 5px;
    padding: .5rem 1rem 1rem 1rem;
    border-radius: 0 0 6px 6px;
    overflow:hidden;
}

.page_content p {
    line-height: 1.9;
    font-size: 1.3rem;
}



@media all and (min-width: 768px) {
    .page_content {padding: .5rem 1rem 1rem 1rem;}
    .page_content p {
        margin-top: 0;
        margin-bottom: 1.9rem;
        line-height: 1.9;
        
        text-align: justify;
        font-size: 1.7rem;
    }
    
    
}
@media all and (min-width: 1200px) {
    .page_content {padding: 30px 105px 105px 105px;}
}

.miniEditorPanel {
    background-color: #fafafa;
    /* border-top: .5pt solid var(--border-color); */
    border-bottom: .5pt solid var(--border-color);
    display: flex;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    padding: 5px 10px;
    box-shadow: inset 2px 2px 5px 0px rgb(255 255 255 / 65%), 0 1px 10px 0 rgb(0 0 0 / 7%);
}

.miniEditorPanel .adminbutton {
    margin-top: 0;
    margin-bottom: 0;
}
.miniEditorPanel select {
    padding: 5px 10px;
    margin-top: 0;
    margin-bottom: 0;
}

/* ФОРМЫ И ЭЛЕМЕНТЫ */
.ch_frame {
    display:none;
    position: absolute;
    margin: 10px 0 0 9px;
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #999;
    border-radius: 2px;
    box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.166667);
}

.ch {
    position: absolute;
    margin: 10px 0 0 15px;
    width: 29px;
    height: 14px;
    border: 5px solid var(--text-color);
    border-top: none;
    border-right: none;
    border-bottom-left-radius: 7px;
    display: none;
    transform: rotate(-56deg) skewX(-18deg); 
    -webkit-transform: rotate(-56deg) skewX(-18deg); 
}


/* [+] СПИСКИ */
li {position: relative;}
/* [-] СПИСКИ */



/* [+] ССЫЛКИ */

.open_modal {cursor: pointer;}

div.tag_list {
    width: 50%; 
    float: left; 
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 1.2rem;
    text-align: left;
    margin: 20px 0 20px 0;
}

.tag_link {
	display: inline-block;
    color: #fff!important;
    background: steelblue;
    padding: 0 5px;
    border-radius: 5px;
    margin: 0 2px 2px 0;
    cursor: pointer;
    border-bottom: none;
    font-size:1.1rem;
}

/* [-] ССЫЛКИ */



/* [+] ПОЛЕЗНЫЕ ССЫЛКИ */

.link_container {
    display: block;
    width:100%;
    height:100%;
    padding: 5px 5px 10px 5px;
    /*
    margin: 0;
    margin: 0 3px;
    */
    text-decoration: none;
    color: initial;
    float: left;
    border-radius: 5px;
    cursor: pointer;
    transition: all .2s ease;
    background: rgba(255,255,255,0.5);
    backdrop-filter: blur(3px);
}
.link_container:hover {
    background: rgba(255,255,255,.7);
    /* border: 1px solid var(--border-color); */
    /* box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 10%); */
}
.link_container:active {
    background: linear-gradient(0deg, rgba(255,255,255,1), rgba(224,224,224,0));
    /* border: 1px solid #d0d0d0; */
    /* box-shadow:none; */
}

.link_img {
    display: block; 
    width: 90px; 
    height: 90px; 
    margin: 0 auto 5px auto;
}

.link_img img {
    width: 90px; 
    height: 90px; 
    border-radius: 90px;
    -moz-border-radius: 90px;
    -webkit-border-radius: 90px;
}

span.link_title {
    display: block; 
    font-size: 1.2rem; 
	font-weight: 400;
    -webkit-text-shadow: 0.04em 0 0px rgba(0,0,0,1);
    -moz-text-shadow: 0.04em 0 0px rgba(0,0,0,1);
    text-shadow: 0.04em 0 0px rgba(0,0,0,1);
    margin: 0; 
    text-align: center; 
    line-height: 1.2;
}
@media all and (min-width:768px) {
    span.link_title {
        font-size: 1.4rem; 
    }
}
span.link_comment {
    display: block;
    font-size: 1.1rem; 
    color: var(--blue); 
    margin: 5px 0 0 0; 
    text-align: center; 
    line-height: 1;
}

@media all and (min-width:768px) {
    span.link_comment {font-size: 1.1rem;}
}

/* [-] ПОЛЕЗНЫЕ ССЫЛКИ */




/* Begin required CSS. */

/* .pages_list_item {} */

.pages_list_item_button_container {
    display: flex;
    position: absolute;
    right: 10px;
    bottom: 0;
    padding-bottom: 10px;
    transition: all 1s ease-in;
    justify-content: flex-end;
}

.pages_list_item > div {
        display: inline-block;
        width: 100%;
        height:100%;
        /* border: 1px solid var(--border-color); */
        background-color: #fff;
        margin: 0;
        padding: 10px;
        border-radius: 6px;
        box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 10%);
    }

/* @media all and (max-width: 1279px) { */

    /* .pages_list_item {} */
    /* .pages_list_item:nth-child(2n) {} */

/* } */
@media all and (min-width: 1280px) {

    /* .pages_list_item {} */
    /* .pages_list_item:nth-child(3n) {} */
    
    .pages_list_item > div {
        display: inline-block;
        width: 100%;
        height:100%;
        /* border: 1px solid var(--border-color); */
        background-color: #fff;
        margin: 0;
        padding: 10px;
        border-radius: 6px;
        box-shadow: 1px 1px 6px 0 rgb(0 0 0 / 10%);
    }
	.pages_list_item_button_container {display:none;opacity:0; }
    .pages_list_item:hover .pages_list_item_button_container {display:flex;opacity:1;}
}
.pages_list_item_container {background-color: #fff;}
/* .pages_list_item_header_container {} */

.pages_list_item_thumb {display: none;}

.pages_list_item_thumb {
    display: block;
    width: 100%;
    padding-top: 100%;
    border-radius: 450px;
	background-color: #ddd;
    background-size:cover;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 10px 0 0;
	float: left;
}
	
.pages_list_item_header {
    font-size: 1.33333333rem;
    font-family: var(--header-font);
    font-weight: 700;
    text-decoration: none;
    overflow: hidden;
    color: var(--blue);
}

.pages_list_item_header span.pretext {
   	clear: both;	
    font-size: 1.2rem;
    font-weight: 400;
	margin: 5px 0 0 0;
    text-align: left;
    color: #777;
}

.line-clamp,
.line-clamp-1,
.line-clamp-2,
.line-clamp-3,
.line-clamp-4,
.line-clamp-5 {
	display            : block;
	display            : -webkit-box;
	-webkit-box-orient : vertical;
	position           : relative;
	line-height        : inherit;
	overflow           : hidden;
	text-overflow      : ellipsis;
    padding            : 0 !important;
    white-space: normal;
}

/* .pages_list_item_container:hover > span.line-clamp {} */
/* .pages_list_item_container:hover {} */

/* .line-clamp:after {} */

@supports (-webkit-line-clamp: 1) {
	.line-clamp:after {
		display : none !important;
	}
}

.line-clamp-1{line-clamp : 1;-webkit-line-clamp : 1;}
.line-clamp-2{line-clamp : 2;-webkit-line-clamp : 2;}
.line-clamp-3{line-clamp : 3;-webkit-line-clamp : 3;}
.line-clamp-4{line-clamp : 4;-webkit-line-clamp : 4;}
.line-clamp-5{line-clamp : 5;-webkit-line-clamp : 5;}

.admin-granted {box-shadow: 0px 0px 7px 2px var(--red)!important;}
.user-granted {box-shadow: 0px 0px 7px 2px var(--orange)!important;}

.admin-granted-bg          {background-color: rgba(255,   0,   0, 0.5);border-color:rgb(255 147 141)!important;}
.admin-granted-bg:hover    {background-color: rgba(255,   0,   0, 0.6);border-color:rgb(255 126 118)!important;}
.editor-granted-bg         {background-color: rgba(255, 137,   0, 0.5);border-color:rgb(255 197 146)!important;}
.editor-granted-bg:hover   {background-color: rgba(255, 137,   0, 0.6);border-color:rgb(255 185 124)!important;}
.user-granted-bg           {background-color: rgba(  0, 137, 255, 0.5);border-color:rgb(147 196 255)!important;}
.user-granted-bg:hover     {background-color: rgba(  0, 137, 255, 0.6);border-color:rgb(125 185 255)!important;}
.each-granted-bg           {background-color: rgba(255, 255, 255, 0.0);}
.each-granted-bg:hover     {background-color: var(--lightblue)!important;}

.admin-granted-bg        * {                                           border-color:rgb(255 147 141)!important;}
.admin-granted-bg:hover  * {                                           border-color:rgb(255 126 118)!important;}
.editor-granted-bg       * {                                           border-color:rgb(255 197 146)!important;}
.editor-granted-bg:hover * {                                           border-color:rgb(255 185 124)!important;}
.user-granted-bg         * {                                           border-color:rgb(147 196 255)!important;}
.user-granted-bg:hover   * {                                           border-color:rgb(125 185 255)!important;}

.readable_buttons {display: none;}

.small {font-size:90%!important;}
.muted {color:var(--muted)!important;}
.brown {color:var(--brown)!important;}
.thin {font-weight:400!important;font-weight:300!important;text-shadow:none!important;}

#searchresult ol    {padding-left:20px!important;}
#searchresult ol li {list-style:unset!important;font-size: 1.33333333rem;padding-bottom:15px;padding-left:15px;min-height:110px;}
.searchresult-title {display:block;font-size:1.175rem;font-weight: 700;text-decoration:none;}
.searchresult-section {display:block;font-size: 1.2rem;color:#41a741;font-weight: 700;text-decoration:none;}
.searchresult-text  {position:relative;clear:both;font-size: 1.33333333rem;font-weight:normal;}
.searchresult-alert {background:rgba(255, 217, 24, 0.55);margin:0 -3px -2px -3px;padding:0 3px 2px 3px;border-radius: 2px;}
.triplet-start      {position:absolute;display:block;width:70px;height:21px;left:0;background:linear-gradient(to right, #fff, transparent);}
.triplet-end        {position: relative;display: inline-block;width: 70px;height: 21px;right: 70px;bottom: -6px;background: linear-gradient(to left, #fff, transparent);/* position:absolute;display:block;width:70px;height:21px;right:0;bottom:-3px;background:linear-gradient(to left, #fff, transparent); */}

cnt{
    position:relative;
    bottom: 1px;
    padding: 1px 6px;
    border-radius: 20px;
    font-size: 1rem;
    background-color: var(--oldpaper);
    color: var(--brown);
    border:.5pt solid var(--brown);
}
p.rslt {
    color: var(--darkblue);
    margin: 1.5rem 0;
    font-size: 1.5rem;
    font-weight:bold;
}

.video-container {
    width:100%;
}
.video-container video {
    width:100%!important;
    height:auto!important;
    display:block;
    margin:0 auto!important;
    border-radius:16px;
}
input[pseudo="-internal-media-controls-overflow-button" i] {display:none!important;}

@media all and (min-width: 768px) {
    .video-container video {
        /* width:640px!important; */
        width:auto!important;
        height:360px!important;
        display:block;
        margin:0 auto!important;
    }
}



/* СТИЛИ SUPERNOVA */

.allPageRow{overflow:hidden;margin-bottom:calc(1rem + 1px);border-radius:.25rem;}
                        
.allPageRow.user-granted-bg {
    background-color: initial!important;
    box-shadow: 0 0 0 0.25rem white, 0 0 0 0.5rem rgb(0 172 255 / 25%);
}
.allPageRow.editor-granted-bg {
    background-color: initial!important;
    box-shadow: 0 0 0 0.25rem white, 0 0 0 0.5rem rgb(255 172 0 / 25%);
}
.allPageRow.admin-granted-bg {
    background-color: initial!important;
    box-shadow: 0 0 0 0.25rem white, 0 0 0 0.5rem rgb(255 0 0 / 25%);
}
/* .allPageRow:hover{     */
    /* background: rgb(0 0 0 / 3%); */
/* } */

.hotButtonsContainer{
    display: flex;
    margin: -3.5rem 0 0 0;
    opacity: 0;
    transition: opacity .1s ease;
    background: #eee;
    border: .5pt solid #ddd;
    border-radius: 3px;
    transition:opacity .3s ease;
}
.allPageRow:hover .hotButtonsContainer{opacity:1;}
.hotButtonsContainer .ab.ib{
    min-height: 21px!important;
    background-size: 12px;
    padding-left: 26px;
    padding: 0 7px 0 26px!important;
}
.hotButtonsContainer select{
    min-height: 21px!important;
    background-size: 12px;
    padding: 0 7px 1px 7px!important;
}

.clr-x-dashed {
    border-bottom: 1px dashed var(--border-color);
    margin: 1rem calc(-1 * var(--bs-gutter-x));
}
.clr-x-solid {
    border-bottom: 1px solid var(--border-color);
    margin: 1rem calc(-1 * var(--bs-gutter-x));
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height:100vh;
    background: #f6f6f6;
    z-index: 9;
    overflow-y: scroll;
    /* box-shadow: 0 3px 10px 0 rgba(0,0,0,.166667); */
    /* border-bottom: 1px solid #ccc; */
    border-left: .5pt solid var(--border-color);
}

	/* [+] НАСТРОЙКА СКРОЛЛБАРОВ */
    /* .menu::-webkit-scrollbar { chrome based */
        /*width: 0px;*/  /* ширина scrollbar'a */
        /*background: transparent;*/  /* опционально */
    /* } */
    /* .menu { */
        /* -ms-overflow-style: none; */  /* IE 10+ */
        /* scrollbar-width: none; */ /* Firefox */
    /* } */
	/* [-] НАСТРОЙКА СКРОЛЛБАРОВ */

.menu_toggler {
    width: 52px;
    height: 52px;
    border-radius: 5px;
    position: fixed;
    left:   calc(var(--safe-left) + var(--sbc-width))!important;
    z-index: 10;
    /* box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.14)!important; */
    cursor: pointer;
    user-select:none;
    -webkit-appearance: none;
    appearance: none;
    
    background: linear-gradient(45deg, rgb(255 139 15 / 67%), rgb(255 185 0 / 67%)), linear-gradient(0deg, #fe0000, #ffb900)!important;
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
    backdrop-filter: blur(3px);
    transition: box-shadow .2s;
}
.menu_toggler:active{
    box-shadow: none;
    /* text-shadow: 2px 2px 2px rgb(0 0 0 / 20%); */
}

.menu_toggler div { display: none;}

#menu_toggler span { position: absolute; left: 10px; top: 25px; }
#menu_toggler span, 
#menu_toggler span:before,
#menu_toggler span:after {
	position: absolute;
    display: block;
    content: '';
    height: 3px;
    width: 32px;
    background: white;
    border-radius: 1px;
    cursor: pointer;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 20%);
}
#menu_toggler span:before {top: -12px;}
#menu_toggler span:after {bottom: -12px;}
#menu_toggler span, #menu_toggler span:before, #menu_toggler span:after {transition: all 200ms ease-in-out;}
#menu_toggler.active span {background-color: transparent;box-shadow: none;}
#menu_toggler.active span:before, #menu_toggler.active span:after {top: 0;}
#menu_toggler.active span:before {transform: rotate(45deg);}
#menu_toggler.active span:after {transform: rotate(-45deg);box-shadow: none;}



.menu ul,
.menu li {
    padding: 0;
    padding-inline-start: 0;
}

.menu ul {
    display: none;
    opacity: 0;
    margin: 0;
    background: rgba(0,0,0,.009);
    box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.066667);
}

.menu li > a {
    display: block;
    padding: 9px 0px 9px 20px;
    margin-left:   env(safe-area-inset-left)!important;
    margin-right:  env(safe-area-inset-right)!important;
    font-size: 1.267rem;
    color: var(--blue);
    text-decoration: none;
    border-top: 1px solid #ddd;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* .menu li > a:hover {background: rgba(92, 116, 239, 0.15); }*/
.parent > a {position:relative;overflow:hidden;}
.parent > a:before {
    content: "";
    position: absolute;
    left: 2px;
    top:50%;
    width: 12px;
    height: 12px;
    background-image: url(../img/icons/svg/toggler.svg);
    transform: translateY(-50%) rotate(90deg);
    transition: transform .3s ease;
}
.parent > a.active:before {
    transform: translateY(-50%) rotate(180deg);
    transition: transform .3s ease;
}

.menu_level_1 { margin-top: 62px!important;}
.menu_level_1 > li > a {font-family: var(--header-font);}
.menu_level_2 > li > a {padding:8px 6px 7px 20px;font-family: var(--header-font);white-space: normal;}
.menu_level_3 > li > a {padding:6px 6px 5px 30px;font-family: var(--header-font);white-space: normal;}

/* .menu_level_4 > li > a {} */

.menu_level_1 > li > a {
    /* text-transform: uppercase; */
    font-family: var(--header-font);
    font-weight: 700;
    /* color: var(--darkblue)!important; */
}

li.menu_header {
    display: block!important;
    width: 100%!important;
}
li.menu_header > a {
    font-size: 1.4rem!important;
    font-weight: bold!important;
    color: var(--darkblue)!important;
    text-decoration-color: var(--grayblue)!important;
    line-height:1.1!important;
}
li.menu_header > a:hover {
    text-decoration-color: var(--darkblue)!important;
}
li.menu_header > sub {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    text-decoration: none!important;
    margin-top: -1.3rem;
    padding: 6px 20px 8px;
    color: var(--darkblue);
}

#searchinput {
    position: fixed;
    /* 
    top: max(5px, env(safe-area-inset-top));
    right: max(5px, env(safe-area-inset-right));
    */
    top: var(--safe-top);
    right: var(--safe-right);
    
    width: calc(100% - (72px + env(safe-area-inset-right) + env(safe-area-inset-left)));
    height: 52px;
    padding: 18px;
    border: none;
    border-radius: 5px;
    outline: none;
    cursor: pointer;
    transition: box-shadow .2s;
    -webkit-appearance: none;
    appearance: none;
    z-index:1;
}

#searchinput::-moz-placeholder {color: #ccc;}
#searchinput::-webkit-input-placeholder {color: #ccc;}
#searchinput:-ms-input-placeholder {color: #ccc;}
#searchinput::-ms-input-placeholder {color: #ccc;}
#searchinput::placeholder {color: #ccc;}

.searchbutton {
    position: fixed;
    height: 50px;
    top:   max(6px, env(safe-area-inset-top));
    right: max(6px, calc(env(safe-area-inset-right) + 1px));
    background: var(--main);
    box-shadow: none;
    cursor: pointer;
    transition: box-shadow .2s;
    color: #fff;
    border-radius: 3px 11px 11px 3px;
    padding: 17px;
    font-size: 1.3rem;
    box-sizing: border-box;
    cursor:pointer;
    box-shadow:none;
    text-shadow:none;
    user-select:none!important;
    transition:box-shadow .2s ease, text-shadow .2s ease;
}
.searchbutton:active {
    box-shadow: inset 2px 2px 4px rgb(0 0 0 / 20%);
    text-shadow: 2px 2px 2px rgb(0 0 0 / 20%);
}


.menu-buttons-container {
    position: absolute;
    top: 0;
    left: 65px;
    right: 50%;
    height:58px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-content: center;
    flex-direction: row;
}

.menu_level_1 { margin-top: 58px!important; }

@media all and (min-width:768px) {
    .menu-buttons-container {
        left: calc(155px + var(--sbc-width));
        height: 70px;
    }
    
}
	
.menu-button{
    display: flex;
    padding: 0 14px;
    height: 42px;
    margin:5px;
    cursor: pointer;
    align-items: center;
    justify-content: space-around;
    border-radius: 5px;
    background: rgba(255,255,255,.5);
    box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
    backdrop-filter: blur(3px);
    transition: box-shadow .2s;
    text-decoration: none;
    font-size: 1.2rem;
    align-content: center;
}



@media all and (min-width:768px) {
    #searchinput {
        width: calc(50% - 5px);
    }
}

@media all and (min-width:992px) {
    .menu {
        position: fixed;
        top: 0;
        left: var(--sbc-width);
        margin-top: 0;
        width: 100%;
        max-height:calc(100vh - var(--topline-height));
        background: #f6f6f6;
        z-index: 9;
        overflow-y: scroll;
        /* box-shadow: 0 3px 10px 0 rgba(0,0,0,.166667); */
        /* box-shadow: inset 4px 0px 11px 0 rgb(0 0 0 / 7%), 9px 3px 10px 0 rgb(0 0 0 / 17%); */
        /* border-bottom: 1px solid #ccc; */
    }
    
        /* [+] НАСТРОЙКА СКРОЛЛБАРОВ */
        /* .menu::-webkit-scrollbar { chrome based */
            /*width: 0px;*/  /* ширина scrollbar'a */
            /*background: transparent;*/  /* опционально */
        /* } */
        /* .menu { */
            /*-ms-overflow-style: none;*/  /* IE 10+ */
            /*scrollbar-width: none;*/ /* Firefox */
        /* } */
        /* [-] НАСТРОЙКА СКРОЛЛБАРОВ */
    
    .menu_toggler {
        display: flex;
        width: auto;
        padding: 0 14px 0 57px;
        height: 52px;
        position: fixed;
        left: 5px;
        z-index: 10;
        cursor: pointer;
        align-items: center;
        justify-content: space-between;
    }
    /* .menu_toggler:hover {} */
    
    .menu_toggler div {
        display:block;
        color: white;
        text-transform:uppercase;
        line-height:1;
        transition:display .3s ease;
    }
    
    .menu_toggler.active {padding: 0 0 0 52px;}
    .menu_toggler.active div {display:none;}
    
    .menu ul,
    .menu li {
        padding: 0;
        padding-inline-start: 0;
    }
    
    .menu ul {
        display: none;
        margin: 0;
        background: rgba(0,0,0,.009);
        box-shadow: inset 0 0 4px 0 rgba(0,0,0,0.066667);
    }
    .menu li > a {
        display: block;
        padding: 10px 20px 10px;
        font-size: 1.33333333rem;
        color: #999;
        color: steelblue;
        text-decoration: none;
        border-top: .5px solid var(--border-color);
    }
    
    .menu li:not(.parent) > a {
        text-decoration: underline;
        text-decoration-color: var(--lightblue);
        text-underline-offset: 3px;
        transition: text-decoration-color .4s;
    }
    .menu li:not(.parent) > a:hover {
        text-decoration-color: lightsteelblue;
    }
    
    /* .menu li > a:hover { */
        /* background: rgba(92, 116, 239, 0.15); */
    /* } */

    .menu_level_1 { margin-top: 70px!important; }
    

    
    .menu_level_2 > .parent {
        min-width: 16.666666%;
        max-width: 50%;
    }

    .menu_level_2 > .parent > a:after,
    .menu_level_2 > .parent > a:before{
        display:none;
    }
    .menu_level_3 > .parent > a:after
    .menu_level_3 > .parent > a:before{
        display:none;
    }

    /* .parent > a.active:before {} */

    .menu_level_2 > li > a {
        display: inline-block;
        clear: both;
        padding: 3px 7px;
        border: none;
        line-height: 1.6;
        box-sizing: border-box;
        text-decoration: underline;
        text-decoration-color: var(--lightblue);
        text-underline-offset: 3px;
        transition: text-decoration-color .4s;
    }
    .menu_level_3 > li > a {
        display: inline-block;
        clear: both;
        padding: 3px 7px;
        border: none;
        line-height: 1.2;
        box-sizing: border-box;
        transition: text-decoration-color .4s;
    }
    
    .menu_level_4 > li > a {
        display: inline-block;
        clear: both;
        padding: 3px 7px;
        border: none;
        line-height: 1.2;
        box-sizing: border-box;
        transition: text-decoration-color .4s;
    }

    .menu_level_2 {
        padding: 15px!important;
        padding-inline-start: 15px!important;
        background: white!important;
        border-top: .5pt solid var(--border-color);
    }
    
    .menu_level_2 > li {
        display: block;
        clear: both;
        overflow: hidden;
        width: auto;
        height: auto;
        padding: 0px!important;
        text-align: left;
        text-decoration: none;
        background: none;
    }
    .menu_level_2 > li > a:hover,
    .menu_level_3 > li > a:hover,
    .menu_level_4 > li > a:hover {
        /* background: #fff; */
        /* box-shadow: inset 0 0 0 1px #ddd; */
        text-decoration-color: lightsteelblue;
    }
    
    .menu_level_2 > li.parent,
    .menu_level_2 > li.parent > ul {
        display:block;
        opacity: 1;
    }
    
    .menu_level_2 > li.parent > a {
        font-weight: 700;
        color: var(--darkblue);
        margin-bottom: 0;
        text-decoration: none;
    }
    
    /* .menu_level_2[style*='display: block']{ */
    .menu_level_2.list.expanded{
        display: flex !important;
        flex-wrap: wrap!important;
    }
    
    .menu_level_2:first-child{display: block !important;}
    .menu_level_3 {
        box-shadow:none!important;
        border:none!important;
        background:none!important;
        margin-bottom: 2rem!important;
    }
    
    .menu_level_4 {
        box-shadow:none!important;
        border:none!important;
        background:none!important;
        margin-left:24px!important;
    }
    
    .menu_level_3 > li {
        line-height: 1.3;
    }
    .menu_level_3 > li > a {
        font-family: var(--custom-font);
        font-size: 15px;
        text-decoration: underline;
        text-decoration-color: var(--lightblue);
        text-underline-offset: 3px;
    }
    
    .menu_level_3 > li.parent > a:before {display:none!important;}

    .menu_level_4.collapsed {display:block!important;opacity:1!important;}

    .menu_level_4 > li {
        line-height: 1.1;
    }
    .menu_level_4 > li:before {
        content: "";
    }
    .menu_level_4 > li > a {
        font-family: var(--custom-font);
        font-size: 14px;
        text-decoration: underline;
        text-decoration-color: var(--lightblue);
        text-underline-offset: 3px;
        white-space:break-spaces;
    }
    
    li.menu_header {
        margin: -15px -15px 20px!important;
        padding: 6px 15px!important;
        background: rgb(51 50 57 / 3%);
        border-bottom: .5pt solid var(--border-color);
    }
    
    li.menu_header > a {
        font-size: 1.6rem!important;
        line-height:1.2!important;
    }
    li.menu_header > sub {
        padding: 0 7px 0;
    }

    #searchinput {
        /* width: calc(50% - 67px); */
        width: calc(50% - 52px - var(--safe-right));
    }

}

.hotmenuCell {
    display: flex;
    width: 100%;
    height: 45px;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    position:relative;        
    font-size: 1.2rem;
    line-height: 1;
    color: #666;
    text-decoration: none;
    background-color: rgba(255,255,255,0.7);
    padding: 5px 15px;
    border-radius: 8px;
    box-shadow: 1px 1px 3px 0 rgb(0 0 0 / 4%);
    transition: all .2s ease;
}
.hotmenuCell > span {
    position: absolute;
    display: block;
    width: 45px;
    height: 45px;
    margin-left: -70px;
    text-decoration: none;
    padding: 5px 5px 5px 5px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 45px;
    transition: all .5s ease-out;
         
}
.hotmenuCell:hover > span {
    /* transform: rotate(1440deg); */
    transition: all .2s ease-out;
}



@media (min-width: 768px) {
    
    .hotmenuCell {
        height: 60px;
        align-items: center;
        justify-content: center;
        text-align: center;
        font-size: 1rem;
        padding: 5px 5px;
    }
    
    .hotmenuCell > span {
        position:absolute;
        display:block;
        width: 75px;
        height:75px;
        margin-top: -70px;
        margin-left: unset;
        text-decoration: none;
        padding: 5px 5px 5px 5px;
        border-radius: 75px;
        transition: all .5s ease-out;
        z-index: -1;        
    }
    
    .hotmenuCell:hover {
        background-color: rgba(255,255,255,0.9);
        transition: all .2s ease-out;
    }
    
    .hotmenuCell:hover > span {
        margin-top: -100px;
        transition: all .2s ease-out;
    }
    
    .hotmenuCell:active > span {
        margin-top: -80px;
        transition: all .3s ease-out;
    }
}


.table {
    font-size: 1.2rem;
    line-height: 1.4;
    margin: 1.5rem auto;
    /* padding: 0 12px; */
    padding: 0;
    background-color: white;
    border-radius: 15px 0 15px 0;
}

.table, .table div {position:relative;}


.table > .row {
    align-items: center !important;
    border-bottom: 1px solid var(--stormblue);
    margin: 0!important; 
}
.table > .row:nth-child(2n) {background: #f8f8f8;}
.table > .row:last-child {
    border-bottom: 2px solid var(--stormblue)!important;
    border-bottom-right-radius:15px;
    /* overflow:hidden; мешало отображению тогглера снизу */
    overflow:visible;
}

.table .row > div {
    padding: 5px;
    text-align: center;
    border-bottom: 1px dashed #ddd;
    margin: 0!important; 
}

.table > .row:last-child > div {padding:5px 5px 6px 5px;}
.table > .row  div:empty:not(.files-icon, .handler) {display:none;border-bottom: none!important;}
.table > .row  div:last-child {border-bottom: none!important;}



.table > .tbody > .row {
    align-items: center !important;
    /* border-bottom: 1px solid var(--stormblue); */
    margin: 0!important; /* 2022-05-06 */
}
.table > .tbody > .row:nth-child(2n) {background: #f8f8f8;}
.table > .tbody:last-child > .row:last-child {border-bottom: 2px solid var(--stormblue)!important;border-bottom-right-radius:15px;overflow:hidden}

.table > .tbody > .row > div {
    padding: 5px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    margin: 0!important; /* 2022-05-06 */
}

.table > .tbody > .row:first-child > div {border-top: none!important;}
.table > .tbody > .row:last-child > div {padding:5px 5px 6px 5px;border-bottom: none!important;}
.table > .tbody > .row  div:empty {/* display:none; */border-bottom: none!important;}
/* .table > .tbody > .row  div:last-child {} */


.theader {
    align-items: center !important;
    background: var(--stormblue);
    color: #fff;
    /* font-weight: bold; */
    /* text-shadow: 0px 1px 1px rgb(0 0 0 / 20%); */
    text-align: center;
    border-bottom: 1px solid #ddd;
    border-bottom: 1px solid var(--stormblue)!important;
}
.theader:first-child {border-radius: 15px 0 0 0;}
.th {
    font-weight: bold;
    color: var(--darkblue);
}

@media all and (min-width:768px) {
    .table > .row {border-bottom: 1px solid var(--border-color);}
    .table .row > div {border-bottom: none;}
}

admin {
    display: block;
    font-weight: 400;
    text-transform: uppercase;
    color: #999;
    font-size: 1.2rem;
}

.dialog {
    display: none;
    opacity: 0;
    position: fixed;
    width: calc(100vw - 8pt);
    min-height: 100px;
    left: 4pt;
    bottom: max(4pt, env(safe-area-inset-bottom));
    padding: 0 10px;
    border-radius: 8px;
    font-size: 1.2rem;
    user-select: none;
    z-index:9999;
}
.dialog:after{
    content: "";
    position:fixed;
    top:-1000px;bottom:-1000px;left:-1000px;right:-1000px;
    background: rgba(0,0,0,.4);
    backdrop-filter: blur(10px);
    z-index: -1;
}

.dialog_header {
    font-size: 1rem;
    color: var(--text-color);
    background-color: var(--bg-muted-color)!important;
    background-repeat: no-repeat!important;
    background-size: 16px!important;
    background-position: 15px 9px!important;
    margin: 0 -10px;
    background: #f3f3f3;
    padding: 10px 15px 10px 41px;
    border-radius: 8px 8px 0 0;
    border-bottom: .5pt solid var(--border-color);
    text-align: left;
    line-height: 1.3;
}

a.dialog_button {display:block;text-decoration:none;color:var(--text-color);}
.dialog_button {
    color:var(--text-color);
    text-align: left;
    margin: 0 -10px 0;
    border-bottom: .5pt solid var(--border-color);
    padding: 15px;
    background-color: var(--bg-muted-color)!important;
    background-repeat: no-repeat!important;
    background-size: 16px!important;
    background-position: 15px center!important;
    transition: background .1s;
    cursor:pointer;
}

.dialog_button:nth-last-child(-n+2) {
    border-radius:0 0 8px 8px;
    border:none!important;
}

.dialog_button:last-child {
    border-radius:8px!important;
    padding-bottom:17px;
    margin-top: 4pt;
    border:none!important;
}

.dialog_button:hover,.dialog_button:focus {background:#f2f2f2;}
.dialog_button:active {background:#e0e0e0;}

@media all and (min-width:768px) {
    .dialog {width:300px;bottom:unset;left:unset;}
    .dialog_button {padding:6px 15px 6px 41px;}
    .dialog_button:last-child {padding-bottom:7px;}
}

@media all and (min-width:768px) {
    .sticky {position:sticky;top:0;z-index:9;}
}

#informer {
    position: fixed;
    z-index: 111;
    bottom: -100px;
    left: 50%;
    transform: translateX(-50%);
    padding: 0 24px;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    background-color: #3d3d3d;
    opacity: 0;
    transition: opacity .3s,visibility .3s, bottom .3s;
    cursor: pointer;
    font-size: 1.3rem;
    align-items: center;
    display: flex;
}

#informer.show {
    bottom:25px;
    opacity:.8;
}

#informer:hover {
    opacity: .9;
    visibility: visible;
    transition: none;
}
#informer > .delimiter {border-right:1px solid white;margin:0 14px;height:50px;opacity:.5}
#informer a {text-decoration:none!important;color:#ffffff;opacity:.7; transition: all .3s;}
#informer a:hover {text-decoration:underline;opacity:1}


.lame {
  border-radius: 20%;
  
  --mask: url("data:image/svg+xml,%3Csvg width='200' height='200' viewBox='0 0 762 762' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0, 380.8 C 0, 0 0, 0 380.8, 0 S 761.6, 0 761.6, 380.8 761.6, 761.6 380.8, 761.6 0, 761.6 0, 380.8' fill='black'/%3E%3C/svg%3E") 0 0 / 100% 100% no-repeat;
  -webkit-mask: var(--mask);
          mask: var(--mask);
  background-image: linear-gradient(to bottom right, orange, orangered);
  background-color:#eee;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:cover;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 3em;
}

.text-success a { font:inherit!important;color:inherit!important;text-decoration:inherit!important;}
.text-darkblue {color:var(--darkblue)!important;}
.text-blue {color:var(--blue)!important;}

/* SVG-ICONS */
.hyperlink {
    background-image:url(/style/supernova/img/icons/hyperlink.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:60%;
    background-color:var(--lightblue);
}
.ovz {
    background-image:url(/style/supernova/img/icons/ovz.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:60%;
    background-color:var(--lightblue);
}

.tr {
    background-image:url(/style/supernova/img/icons/tr.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    background-color:var(--lightblue);
}

.checkbox.home {
    background-image:url(/assets/icons/home.svg);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;
    background-color:var(--lightblue);
}

.checkbox {cursor:pointer;}
.checkbox.lame {
    width: 42px!important;
    height: 42px!important;
}
.checkbox::before {
    background-color: white;
    border: 1px solid var(--blue);
    border-radius: 3px;
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 3px;
    right: 3px;
}
.checkbox:after {
    content: "";
    top: -3px;
    right: 3px;
    position: absolute;
    display: block;
    width: 7px;
    height: 16px;
    border-bottom: 2px solid transparent;
    border-right: 2px solid transparent;
    border-bottom-right-radius: 1px;
    transform: rotate(40deg);
}
.checkbox.checked:after{border-color:var(--darkblue);}

.interactive{opacity:1;transition:opacity .3s ease;}
.interactive.children-transp-30 > * {opacity:.3!important;transition:opacity .3s ease;}

a.noopen {font-size:inherit!important;text-decoration:inherit!important;color:inherit!important;font-weight:inherit!important;user-select:inherit!important;}


.agrant {
    box-shadow: 0 0 0 3px var(--softred);
    padding: 10px;
    margin: 0;/* 10px -10px 20px; */
    border-radius:5px;
}
.egrant {
    box-shadow: 0 0 0 3px var(--orange);
    padding: 10px;
    margin: 0; /* 10px -10px 20px; */
    border-radius:5px;
}

.employee-card-photo {
    display:inline-block;width:240px;height:240px;
}

.employee-card-title {
    margin: 0 !important;
    font-size: 1.9rem!important;
    font-weight: 700;
}

.employee-card-sidebar {
    background-color:#eee;
    border-bottom:1px solid #ddd;
    text-align: center;
}

@media all and (min-width:768px) and (max-width:991px) {
    .employee-card-photo {
        display:inline-block;width:192px;height:192px;
    }
    .employee-card-title {
        font-size: 1.5rem!important;
        font-weight: 700;
    }
}
@media all and (min-width:768px) {
    .employee-card-sidebar {
        background-color:#eee;
        border-bottom: none!important;
        border-right:1px solid #ddd;
        padding-bottom:105px!important;
    }
}

.br-8 {
    -webkit-border-radius: 8px!important;
    -moz-border-radius: 8px!important;
    border-radius: 8px!important;
}

.form-check-label {
    font-size: .93333333rem;
    margin: 2pt auto 0;
}

.visibility-micro-panel {
    display: inline-flex;
    align-items: center;
    flex-wrap: nowrap;
}

.visibility-micro-panel input[type=checkbox] {
    width:7pt!important;height:7pt!important;
    margin:0 1pt 0 4pt!important;
}

.visibility-micro-panel select,
.visibility-micro-panel .ab {
    width: 60pt!important;
    font-size: .933333333rem!important;
    padding: 2.5pt 0 2.5pt!important;
    margin: 0 1pt 0 4pt!important;
    border-radius: 3px!important;
    appearance: none;
    min-height: unset;
    color: var(--stormblue);
    box-shadow: none!important;
    background: transparent!important;
    border: none!important;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.visibility-micro-panel label {
    margin: 0!important;
    font-weight: 400!important;
    color: var(--light);
    line-height:1;
}

.fixed-top {position:fixed; /* top: max(5px, env(safe-area-inset-top)); */ top: var(--safe-top);}
.fixed-top.blind {position:fixed;/* top: max(67px, env(safe-area-inset-top))!important; */ top: calc(var(--safe-top) + 52px)!important;}





/* [+] ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ */

.blind_toggler {display:none;}
.blind_settings {
    font-family: var(--default-font)!important;
    position: fixed;
    background: #fff;
    top: 0;
    right: 0;
    left: 0;
    height:62px;
    padding: 0 12px;
    overflow:hidden;
    box-shadow: 3px 3px 5px 0 rgb(0 0 0 / 10%);
    text-shadow: none!important;
    color: var(--text-color);
    border: 2px solid #000;
    z-index:12;
}
.blind_settings_row {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    padding: 9px 12px;
    margin: 0 -12px;
    overflow-x:auto;
    justify-content: center;
}
.red-dot {
    display: block;
    width: 14px;
    height: 14px;
    border-radius: 14px;
    margin-right: 7px;
    background: var(--red);
    border: 1px solid #fff;
    box-shadow: 3px 3px 5px 0 rgb(0 0 0 / 10%);
    transition: all .4s ease;
}

@media (min-width: 768px) {
    .blind_toggler {
        
        
        
        height: 52px;
        width: 52px;
        background: url(/style/supernova/img/icons/svg/eye.svg) center center / 80% auto no-repeat rgba(255,255,255,.5);
        border-radius: 5px;
        position: fixed;
        right: calc(50% + 5px);
        z-index: 10;
        cursor: pointer;
        display: flex;
        font-size: 1.4rem;
        padding: 0 24px;
        color: black;
        box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
        backdrop-filter: blur(3px);
        align-items: center;
        transition: all .4s ease;
    }
}
.blind-btn-container {transition:opacity .4 ease;}
.blind-btn {
    border: 2px solid #000;
    display: inline-flex;
    min-width: 30px;
    margin: 0 6px;
    vertical-align:top;
    height: 30px;
    padding: 0 8px;
    font-size:18px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-decoration: none!important;
    color: #000;
    background-color: #fff;
    border-radius: 4px;
    cursor:pointer;
    transition: all .4s ease;
}
.blind-btn.active{color:#fff;background-color:#f00;}
.blind-btn > span {display: inline-block;}
.bb_left {
    margin-right: 0;
    border-right-width:1px;
    border-radius: 4px 0 0 4px;
}
.bb_right {
    margin-left: 0;
    border-left-width: 1px;
    border-radius: 0 4px 4px 0;
}
.bb_center, .bb_middle {
    margin-right: 0;
    margin-left: 0;
    border-radius: 0;
    border-left-width: 1px;
    border-right-width:1px;
}

.eye-switcher {
    background-image: url(/style/supernova/img/icons/svg/eye.svg);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 40px;
    height: 40px;
    color: rgba(255,32,32,.7);
    font-size: 66px;
    font-weight: normal;
}
.img-switcher {
    background-image:url(/style/supernova/img/icons/arc.png);background-size:cover;
}

@media (min-width: 992px) {
    .blind_toggler {
        height: 52px;
        width: 52px;
        background: url(/style/supernova/img/icons/svg/eye.svg) center center / 80% auto no-repeat rgba(255,255,255,.5);
        border-radius: 5px;
        position: fixed;
        
        /* right: calc(50% - 57px); */
        
        left: calc(50% - var(--safe-right) / 2);
        
        z-index: 10;
        cursor: pointer;
        display: flex;
        font-size: 1.4rem;
        padding: 0 24px;
        color: black;
        box-shadow: 0 1px 1px 0 rgb(0 0 0 / 10%);
        backdrop-filter: blur(3px);
        align-items: center;
    }
    
        
    
}
.blind_toggler:active{text-shadow:none;box-shadow:none;}
.blind_toggler:active .red-dot{box-shadow:none;}

/* [-] ВЕРСИЯ ДЛЯ СЛАБОВИДЯЩИХ */



/* СТИЛИ SUPERNOVA */




/* [+] СТИЛИ SUPERNOVA v4.2 */

.pageContainer {
    border-radius: 53px 6px 6px 6px;
    box-shadow: 0 0 31px 7px rgba(0,0,0,0.066667), 0 0 1px 1px rgba(0,0,0,0.0333334);
    margin-top: 50px;
    /* margin-bottom:60px; */
}

.pageContainer img {
    display: block;
    margin: 0 auto 20px auto;
}


@media all and (min-width: 768px) {
    .pageContainer {margin-top: 0;}
}

.pageContent {background:rgb(255 255 255 / 80%);border-radius:16px;padding: var(--bs-gutter-y) var(--bs-gutter-x);margin:0 0 var(--bs-gutter-y) 0;margin: 0;}
.pageContentBlock {background-color:white;border-radius: 16px;box-shadow:0 0.125rem 0.5rem rgb(0 0 0 / 5%)!important;padding: var(--p-y) var(--p-x);margin: 0 0 var(--bs-gutter-y) 0;overflow:hidden;}
.pageContentBlock .pageContentBlock {background-color: transparent; border-radius:0;box-shadow:none!important;padding:0;}

.sidebar-widget h1:first-child,.sidebar-widget h2:first-child,.sidebar-widget h3:first-child,.sidebar-widget h4:first-child,.sidebar-widget h5:first-child,.sidebar-widget h6:first-child
.pageContentBlock h1:first-child,.pageContentBlock h2:first-child,.pageContentBlock h3:first-child,.pageContentBlock h4:first-child,.pageContentBlock h5:first-child,.pageContentBlock h6:first-child {margin-top:0!important;}

.articleCreated {
    display:block;
    color: var(--grayblue);
    margin-top: 0;
    font-size:1.1rem;
    padding-left: 20px;
    background: url(/assets/icons/timer.svg) left center / 16px no-repeat;
}

.articleSectionTitle {
    color:#ad6e52;
    margin-top:0;
    font-size:1.1rem;
    clear:both;
    padding-left: 20px;
    background: url(/assets/icons/label.svg) left center / 16px no-repeat;
}

.articlePretext {
    color:var(--darkblue);
    margin-top:1rem;
    margin-bottom:3.5rem;
    font-size:1.25rem;
}

@media all and (min-width: 768px) {
    .articleCreated {
        display:inline;
    }
}

span.cke_button__source_label {
  display: none;
}

span#cke_14{width: 55px;display: block;overflow: hidden;/* text-overflow: ellipsis; */white-space: nowrap;}
span#cke_14_text{width:38px;padding-left:0px;}
a.cke_combo_button{margin-left:0!important;padding:1px 2px!important;box-sizing:border-box;border:1px solid transparent!important;}
a.cke_combo_button:hover,a.cke_combo_button:focus,a.cke_combo_button:active{margin-left:0!important;padding:1px 2px!important;border: 1px solid #bcbcbc!important;}
.cke_combo_open{margin:1px 2px 1px!important;}


.sidebar-widget {
    width: 100%;
    border-radius: 16px;
    padding: 1rem 1.5rem;
    position:relative;
    overflow:hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-bottom: var(--bs-gutter-y);
}


/* stickItOn styles */
/* .stickItOn {box-sizing:border-box!important;} */
/* .fixedBottom{position:fixed!important;bottom:var(--bs-gutter-y);} */
/* .absoluteBottom{position:absolute!important;bottom:0!important;} */
/* .fixedTop{position:fixed!important;top:calc(9px + 18px + 16px + 18px + var(--bs-gutter-y))!important;} */
/* .absoluteTop{position:absolute!important;top:calc(9px + 18px + 16px + 18px + var(--bs-gutter-y))!important;} */

/* .stickItOn, .stickItOn * { */
  /* Свойства изменение которых необходимо отслеживать */
  /* transition-property: width, height, padding, margin!important; */
  /* Устанавливаем "незаметную для глаза" длительность перехода */
  /* transition-duration: 1ms!important; */
/* } */

.stickItOn, .__top {
    position: -webkit-sticky !important;
    position: sticky !important;
    margin: 0 0 var(--bs-gutter-y) 0;
    top: 70px !important;
    z-index: auto;
}


.warning, ._waiting, ._success, ._error {
    outline:none!important;
    transition: box-shadow .2s;
}
/* ._waiting {
    box-shadow: 0px 0px 3px 3px var(--lightyellow), inset 0px 0px 0px 1px var(--lightyellow)!important;
}
._success {
    box-shadow: 0px 0px 3px 3px var(--green), inset 0px 0px 0px 1px var(--green)!important;
}
._warning {
    box-shadow: 0px 0px 3px 3px var(--orange), inset 0px 0px 0px 1px var(--orange)!important;
}
._error {
    box-shadow: 0px 0px 3px 3px var(--red), inset 0px 0px 0px 1px var(--red)!important;
} */

:not(input[type=checkbox], .checkbox)._success {
    border-bottom-color: var(--green)!important;
}
:not(input[type=checkbox], .checkbox)._warning {
    border-bottom-color: var(--orange)!important;
}
:not(input[type=checkbox], .checkbox)._error {
    border-bottom-color: var(--red)!important;
}

/* input[type=checkbox] */
:not(.checkbox)._success {
    box-shadow: 0px 0px 3px 3px var(--green), inset 0px 0px 0px 1px var(--green)!important;
}
/* input[type=checkbox] */
:not(.checkbox)._warning {
    box-shadow: 0px 0px 3px 3px var(--orange), inset 0px 0px 0px 1px var(--orange)!important;
}
/* input[type=checkbox] */
:not(.checkbox)._error {
    box-shadow: 0px 0px 3px 3px var(--red), inset 0px 0px 0px 1px var(--red)!important;
}

.checkbox._success {
    box-shadow: inset 0px 0px 4px 3px var(--green)!important;
}
.checkbox._warning {
    box-shadow: inset 0px 0px 4px 3px var(--orange)!important;
}
.checkbox._error {
    box-shadow: inset 0px 0px 4px 3px var(--red)!important;
}

.__showNext+* {
    display: none;
}


.__quote {
    --qm: 1rem;
    --bm: calc(var(--qm) / 2);
    position: relative;
    padding: 10px 15px 10px 32px;
    background-image: url(/assets/icons/info-white.svg), linear-gradient(45deg, rgb(220 177 255 / 70%), rgb(163 230 255 / 59%));
    background-repeat: no-repeat, no-repeat;
    background-position: 1px 1px, center center;
    background-size: 24px, cover;
    border-radius: var(--qm) var(--qm) var(--qm) 0;
    margin: 1.5rem 0 1.5rem calc(var(--qm) * 3.5);
    font-size: 1.25rem;
    font-weight: 300;
    text-align: left;
    color: var(--darkblue);
}
p.__quote:before {
    position: absolute;
    content: " ";
    width: var(--qm);
    height: var(--qm);
    border-top: var(--bm) solid transparent;
    border-left: var(--bm) solid transparent;
    border-right: var(--bm) solid rgb(220 177 255 / 70%);
    border-bottom: var(--bm) solid rgb(220 177 255 / 70%);
    bottom: 0;
    left: calc(var(--qm) * -1);
}

p.__quote:after {
    position: absolute;
    left: calc(var(--qm) * -3.5);
    bottom: calc(var(--qm) * -1.25);
    content: " ";
    width: calc(var(--qm) * 2.5);
    height: calc(var(--qm) * 2.5);
    background-color: #f0f0f0;
    border: 1px solid var(--lightblue);
    border-radius: 24px;
    background-image: url(/uploads/logo.lame.orange.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center center;
}


        /* .__calendar {} */
        .__calendar .__wd,
        .__calendar .__d,
        .__calendar .__d-empty {
            display: flex !important;
            align-items: center !important;
            justify-content: space-around !important;
            border-left: .5pt solid #dee2e6 !important;
            border-top: .5pt solid #dee2e6 !important;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        
        .__calendar .__m { /* month */
            display: flex;
            flex-wrap: wrap;
            margin: calc(var(--bs-gutter-y) * -1) 0 calc(var(--bs-gutter-y) * -1) 0;
            border-bottom: .5pt solid #dee2e6 !important;
            border-right: .5pt solid #dee2e6 !important;
            background-color: #fff;
            font-size: 1.125rem !important;
        }
        .__calendar .__wd { /* day of week */
            /* background-color: var(--lightblue-75); */
            background-color: var(--oldpaper);
            font-family: 'PTS';
        }
        /* week row */
        /* .__calendar .__w {  } */
        /* day cell */
        .__calendar .__d { 
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
            cursor:pointer;
            transition: all .3s ease;
            font-weight: bold;
            text-decoration: none!important;
        }
        .__calendar .__d:hover,
        .__calendar .__d:focus {
            /* box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; */
            /* background-color: var(--oldpaper) !important; */
            box-shadow: inset 0 0 0 2px rgb(0 0 0 / 9%);
            text-decoration: none!important;
        }
        .__calendar .__d:active {
            background-color: var(--oldpaper) !important;
            box-shadow: inset 0 0 0.25rem rgb(0 0 0 / 8%) !important;
        }
        .__calendar .__d+.selected {
            /* background-color: var(--oldpaper) !important; */
            /* background-image: linear-gradient(to bottom, #ffef86, #ffdd00)!important; */
            box-shadow: inset 0 0 0 2px #72b8ff;
        }

        .__calendar .__d-empty { /* days of other month cell */
            background-color: #f8f9fa !important;
            box-shadow: inset 0 0 0.25rem rgb(0 0 0 / 8%) !important;
        }

        .hubSectionButton {
            display: flex;
            border: .5pt solid var(--border-color);
            font-size: 1.2rem;
            height: 100%;
            line-height: 1.2;
            padding: calc(60px + 2rem) 2rem 1rem;
            text-align: center;
            border-radius: 1rem;
            background-color: rgb(255 255 255 / 75%);
            text-decoration: none;
            background-image: url(/assets/icons/rarr-white.svg), radial-gradient(circle at 50% 30px, var(--grayblue) 29.5px, transparent 30px);
            background-size: 60px;
            background-repeat: no-repeat;
            background-position: center 1rem;
            align-content: center;
            justify-content: center;
            align-items: center;
            box-shadow: none;
            transition: all .2s ease;
        }
        .hubSectionButton:hover {
            background-color: #ffffff;
            box-shadow: 1px 1px 5px 0 rgb(0 0 0 / 7%);
        }
        .hubSectionButton:active {
            background-color: #ffffff;
            box-shadow: inset 1px 1px 3px 0 rgb(0 0 0 / 7%);
        }
    
        .pageContentBlock:blank, .pageContentBlock:empty{display:none!important;}
        

        :root {
            --ww: calc(100% / 7);
          }
        
          /* Week 7-cols grid */
        
          .colw-1,
          .colw {
            -ms-flex: 0 0 calc(var(--ww) * 1);
            flex: 0 0 calc(var(--ww) * 1);
            max-width: calc(var(--ww) * 1);
          }
        
          .colw-2 {
            -ms-flex: 0 0 calc(var(--ww) * 2);
            flex: 0 0 calc(var(--ww) * 2);
            max-width: calc(var(--ww) * 2);
          }
        
          .colw-3 {
            -ms-flex: 0 0 calc(var(--ww) * 3);
            flex: 0 0 calc(var(--ww) * 3);
            max-width: calc(var(--ww) * 3);
          }
        
          .colw-4 {
            -ms-flex: 0 0 calc(var(--ww) * 4);
            flex: 0 0 calc(var(--ww) * 4);
            max-width: calc(var(--ww) * 4);
          }
        
          .colw-5 {
            -ms-flex: 0 0 calc(var(--ww) * 5);
            flex: 0 0 calc(var(--ww) * 5);
            max-width: calc(var(--ww) * 5);
          }
        
          .colw-6 {
            -ms-flex: 0 0 calc(var(--ww) * 6);
            flex: 0 0 calc(var(--ww) * 6);
            max-width: calc(var(--ww) * 6);
          }
        
          .colw-7 {
            -ms-flex: 0 0 calc(var(--ww) * 7);
            flex: 0 0 calc(var(--ww) * 7);
            max-width: calc(var(--ww) * 7);
          }
        
          @media all and (min-width: 576px) {
        
            .colw-sm-1,
            .colw-sm {
              -ms-flex: 0 0 calc(var(--ww) * 1);
              flex: 0 0 calc(var(--ww) * 1);
              max-width: calc(var(--ww) * 1);
            }
        
            .colw-sm-2 {
              -ms-flex: 0 0 calc(var(--ww) * 2);
              flex: 0 0 calc(var(--ww) * 2);
              max-width: calc(var(--ww) * 2);
            }
        
            .colw-sm-3 {
              -ms-flex: 0 0 calc(var(--ww) * 3);
              flex: 0 0 calc(var(--ww) * 3);
              max-width: calc(var(--ww) * 3);
            }
        
            .colw-sm-4 {
              -ms-flex: 0 0 calc(var(--ww) * 4);
              flex: 0 0 calc(var(--ww) * 4);
              max-width: calc(var(--ww) * 4);
            }
        
            .colw-sm-5 {
              -ms-flex: 0 0 calc(var(--ww) * 5);
              flex: 0 0 calc(var(--ww) * 5);
              max-width: calc(var(--ww) * 5);
            }
        
            .colw-sm-6 {
              -ms-flex: 0 0 calc(var(--ww) * 6);
              flex: 0 0 calc(var(--ww) * 6);
              max-width: calc(var(--ww) * 6);
            }
        
            .colw-sm-7 {
              -ms-flex: 0 0 calc(var(--ww) * 7);
              flex: 0 0 calc(var(--ww) * 7);
              max-width: calc(var(--ww) * 7);
            }
          }
        
          @media all and (min-width: 768px) {
        
            .colw-md-1,
            .colw-md {
              -ms-flex: 0 0 calc(var(--ww) * 1);
              flex: 0 0 calc(var(--ww) * 1);
              max-width: calc(var(--ww) * 1);
            }
        
            .colw-md-2 {
              -ms-flex: 0 0 calc(var(--ww) * 2);
              flex: 0 0 calc(var(--ww) * 2);
              max-width: calc(var(--ww) * 2);
            }
        
            .colw-md-3 {
              -ms-flex: 0 0 calc(var(--ww) * 3);
              flex: 0 0 calc(var(--ww) * 3);
              max-width: calc(var(--ww) * 3);
            }
        
            .colw-md-4 {
              -ms-flex: 0 0 calc(var(--ww) * 4);
              flex: 0 0 calc(var(--ww) * 4);
              max-width: calc(var(--ww) * 4);
            }
        
            .colw-md-5 {
              -ms-flex: 0 0 calc(var(--ww) * 5);
              flex: 0 0 calc(var(--ww) * 5);
              max-width: calc(var(--ww) * 5);
            }
        
            .colw-md-6 {
              -ms-flex: 0 0 calc(var(--ww) * 6);
              flex: 0 0 calc(var(--ww) * 6);
              max-width: calc(var(--ww) * 6);
            }
        
            .colw-md-7 {
              -ms-flex: 0 0 calc(var(--ww) * 7);
              flex: 0 0 calc(var(--ww) * 7);
              max-width: calc(var(--ww) * 7);
            }
          }
        
          @media all and (min-width: 992px) {
        
            .colw-lg-1,
            .colw-lg {
              -ms-flex: 0 0 calc(var(--ww) * 1);
              flex: 0 0 calc(var(--ww) * 1);
              max-width: calc(var(--ww) * 1);
            }
        
            .colw-lg-2 {
              -ms-flex: 0 0 calc(var(--ww) * 2);
              flex: 0 0 calc(var(--ww) * 2);
              max-width: calc(var(--ww) * 2);
            }
        
            .colw-lg-3 {
              -ms-flex: 0 0 calc(var(--ww) * 3);
              flex: 0 0 calc(var(--ww) * 3);
              max-width: calc(var(--ww) * 3);
            }
        
            .colw-lg-4 {
              -ms-flex: 0 0 calc(var(--ww) * 4);
              flex: 0 0 calc(var(--ww) * 4);
              max-width: calc(var(--ww) * 4);
            }
        
            .colw-lg-5 {
              -ms-flex: 0 0 calc(var(--ww) * 5);
              flex: 0 0 calc(var(--ww) * 5);
              max-width: calc(var(--ww) * 5);
            }
        
            .colw-lg-6 {
              -ms-flex: 0 0 calc(var(--ww) * 6);
              flex: 0 0 calc(var(--ww) * 6);
              max-width: calc(var(--ww) * 6);
            }
        
            .colw-lg-7 {
              -ms-flex: 0 0 calc(var(--ww) * 7);
              flex: 0 0 calc(var(--ww) * 7);
              max-width: calc(var(--ww) * 7);
            }
          }
        
          @media all and (min-width: 1200px) {
        
            .colw-xl-1,
            .colw-xl {
              -ms-flex: 0 0 calc(var(--ww) * 1);
              flex: 0 0 calc(var(--ww) * 1);
              max-width: calc(var(--ww) * 1);
            }
        
            .colw-xl-2 {
              -ms-flex: 0 0 calc(var(--ww) * 2);
              flex: 0 0 calc(var(--ww) * 2);
              max-width: calc(var(--ww) * 2);
            }
        
            .colw-xl-3 {
              -ms-flex: 0 0 calc(var(--ww) * 3);
              flex: 0 0 calc(var(--ww) * 3);
              max-width: calc(var(--ww) * 3);
            }
        
            .colw-xl-4 {
              -ms-flex: 0 0 calc(var(--ww) * 4);
              flex: 0 0 calc(var(--ww) * 4);
              max-width: calc(var(--ww) * 4);
            }
        
            .colw-xl-5 {
              -ms-flex: 0 0 calc(var(--ww) * 5);
              flex: 0 0 calc(var(--ww) * 5);
              max-width: calc(var(--ww) * 5);
            }
        
            .colw-xl-6 {
              -ms-flex: 0 0 calc(var(--ww) * 6);
              flex: 0 0 calc(var(--ww) * 6);
              max-width: calc(var(--ww) * 6);
            }
        
            .colw-xl-7 {
              -ms-flex: 0 0 calc(var(--ww) * 7);
              flex: 0 0 calc(var(--ww) * 7);
              max-width: calc(var(--ww) * 7);
            }
          }
        
          .colw,
          .colw-1,
          .colw-2,
          .colw-3,
          .colw-4,
          .colw-5,
          .colw-6,
          .colw-7,
          .colw-sm,
          .colw-sm-1,
          .colw-sm-2,
          .colw-sm-3,
          .colw-sm-4,
          .colw-sm-5,
          .colw-sm-6,
          .colw-sm-7,
          .colw-md,
          .colw-md-1,
          .colw-md-2,
          .colw-md-3,
          .colw-md-4,
          .colw-md-5,
          .colw-md-6,
          .colw-md-7,
          .colw-lg,
          .colw-lg-1,
          .colw-lg-2,
          .colw-lg-3,
          .colw-lg-4,
          .colw-lg-5,
          .colw-lg-6,
          .colw-lg-7,
          .colw-xl,
          .colw-xl-1,
          .colw-xl-2,
          .colw-xl-3,
          .colw-xl-4,
          .colw-xl-5,
          .colw-xl-6,
          .colw-xl-7 {
            position: relative;
            width: 100%;
            padding-right: calc(var(--g-3) / 2);
            padding-left: calc(var(--g-3) / 2);
          }
        
          .ofw-1 {
            margin-left: calc(var(--ww) * 1);
          }
        
          .ofw-2 {
            margin-left: calc(var(--ww) * 2);
          }
        
          .ofw-3 {
            margin-left: calc(var(--ww) * 3);
          }
        
          .ofw-4 {
            margin-left: calc(var(--ww) * 4);
          }
        
          .ofw-5 {
            margin-left: calc(var(--ww) * 5);
          }
        
          .ofw-6 {
            margin-left: calc(var(--ww) * 6);
          }
        
          .ofw-7 {
            margin-left: calc(var(--ww) * 7);
          }

/* [-] СТИЛИ SUPERNOVA v4.2 */