:root {
--shadow-1: 0px 3px 5px rgba(0,0,0,.02),0px 0px 2px rgba(0,0,0,.05),0px 1px 4px rgba(0,0,0,.08);

--green-50: #f4f9f4;
--green-100: #e6f2e6;
--green-200: #cfe3d0;
--green-300: #a8cda9;
--green-400: #48c78e;
--green-500: #57905a;
--green-600: #4a7f4d;
--green-700: #385d3a;
--green-800: #304b32;

/* --green-900: #293e2a; */
--green-900: #457446;


--green-950: #122113;

--red-50: #fef2f2;
--red-100: #fee2e2;
--red-200: #fecaca;
--red-300: #fca5a5;
--red-400: #f87171;
--red-500: #ef4444;
--red-600: #dc2626;
--red-700: #b91c1c;
--red-800: #991b1b;
--red-900: #7f1d1d;
--red-950: #450a0a;

--main-focus1-500: #1e9e40; /* green-500 */
--main-900: #172b4d; /* blue-900 */

--header-background: #f0eded;
/* --header-background: #bfbdbd; */
--header-menu: #f0eded;
--header-main: #b0b0b0;

--gray-50: #fafafa;
--gray-100: #f0eded;
--gray-200: #dfdfdf;
--gray-300: #c8c8c8;
--gray-400: #b0b0b0;
--gray-500: #999999;
--gray-600: #888888;
--gray-700: #7b7b7b;
--gray-800: #676767;
--gray-900: #545454;
--gray-950: #363636;


--header-color: #002639;
/* --header-color: #fff; */

--blue-main: #147cc7;
--blue-200: #dce5f2; 
--blue-600: #0098d9; 
--blue-800: #124169; 
--blue-900: #172b4d;


--yellow-100: #fafee8;
--yellow-300: #fdedd0;
--yellow-400: #fcee9e;

--black-800: #2e2e2e;

--telegram: #229ED9;

}

:root {
	--text-color: #1d1d1f;
	--text-color-secondary: #6c757d;
	--primary-color: #6eb116;
	--primary-color-text: #fff;
	--font-family: Roboto,sans-serif;
	--surface-0: #fff;
	--surface-50: #fafafa;
	--surface-100: #f5f5f5;
	--surface-200: #eee;
	--surface-300: #e0e0e0;
	--surface-400: #bdbdbd;
	--surface-500: #9e9e9e;
	--surface-600: #757575;
	--surface-700: #616161;
	--surface-800: #424242;
	--surface-900: #212121;

	--gray-50: #fafafa;
	--gray-100: #f5f5f5;
	--gray-200: #eee;
	--gray-300: #e0e0e0;
	--gray-400: #bdbdbd;
	--gray-500: #9e9e9e;
	--gray-600: #757575;
	--gray-700: #616161;
	--gray-800: #424242;
	--gray-900: #212121;

	/* --blue-50: #f5f9ff;
	--blue-100: #d0e1fd;
	--blue-200: #abc9fb;
	--blue-300: #85b2f9;
	--blue-400: #609af8;
	--blue-500: #3b82f6;
	--blue-600: #326fd1;
	--blue-700: #295bac;
	--blue-800: #204887;
	--blue-900: #183462; */

	/* --green-50: #f4fcf7;
	--green-100: #caf1d8;
	--green-200: #a0e6ba;
	--green-300: #76db9b;
	--green-400: #4cd07d;
	--green-500: #22c55e;
	--green-600: #1da750;
	--green-700: #188a42;
	--green-800: #136c34;
	--green-900: #0e4f26;

	--yellow-50: #fefbf3;
	--yellow-100: #faedc4;
	--yellow-200: #f6de95;
	--yellow-300: #f2d066;
	--yellow-400: #eec137;
	--yellow-500: #eab308;
	--yellow-600: #c79807;
	--yellow-700: #a47d06;
	--yellow-800: #816204;
	--yellow-900: #5e4803; */

	--cyan-50: #f3fbfd;
	--cyan-100: #c3edf5;
	--cyan-200: #94e0ed;
	--cyan-300: #65d2e4;
	--cyan-400: #35c4dc;
	--cyan-500: #06b6d4;
	--cyan-600: #059bb4;
	--cyan-700: #047f94;
	--cyan-800: #036475;
	--cyan-900: #024955;

	--pink-50: #fef6fa;
	--pink-100: #fad3e7;
	--pink-200: #f7b0d3;
	--pink-300: #f38ec0;
	--pink-400: #f06bac;
	--pink-500: #ec4899;
	--pink-600: #c93d82;
	--pink-700: #a5326b;
	--pink-800: #822854;
	--pink-900: #5e1d3d;

	--indigo-50: #f7f7fe;
	--indigo-100: #dadafc;
	--indigo-200: #bcbdf9;
	--indigo-300: #9ea0f6;
	--indigo-400: #8183f4;
	--indigo-500: #6366f1;
	--indigo-600: #5457cd;
	--indigo-700: #4547a9;
	--indigo-800: #363885;
	--indigo-900: #282960;

	--teal-50: #f3fbfb;
	--teal-100: #c7eeea;
	--teal-200: #9ae0d9;
	--teal-300: #6dd3c8;
	--teal-400: #41c5b7;
	--teal-500: #14b8a6;
	--teal-600: #119c8d;
	--teal-700: #0e8174;
	--teal-800: #0b655b;
	--teal-900: #084a42;

	--orange-50: #fff8f3;
	--orange-100: #feddc7;
	--orange-200: #fcc39b;
	--orange-300: #fba86f;
	--orange-400: #fa8e42;
	--orange-500: #f97316;
	--orange-600: #d46213;
	--orange-700: #ae510f;
	--orange-800: #893f0c;
	--orange-900: #642e09;

	--bluegray-50: #f7f8f9;
	--bluegray-100: #dadee3;
	--bluegray-200: #bcc3cd;
	--bluegray-300: #9fa9b7;
	--bluegray-400: #818ea1;
	--bluegray-500: #64748b;
	--bluegray-600: #556376;
	--bluegray-700: #465161;
	--bluegray-800: #37404c;
	--bluegray-900: #282e38;

	--purple-50: #fbf7ff;
	--purple-100: #ead6fd;
	--purple-200: #dab6fc;
	--purple-300: #c996fa;
	--purple-400: #b975f9;
	--purple-500: #a855f7;
	--purple-600: #8f48d2;
	--purple-700: #763cad;
	--purple-800: #5c2f88;
	--purple-900: #432263;

	/* --red-50: #fff5f5;
	--red-100: #ffd0ce;
	--red-200: #ffaca7;
	--red-300: #ff8780;
	--red-400: #ff6259;
	--red-500: #ff3d32;
	--red-600: #d9342b;
	--red-700: #b32b23;
	--red-800: #8c221c;
	--red-900: #661814; */
    
	--primary-50: #f8fbf3;
	--primary-100: #dcecc7;
	--primary-200: #c1dd9b;
	--primary-300: #a5cf6f;
	--primary-400: #8ac042;
	--primary-500: #6eb116;
	--primary-600: #5e9613;
	--primary-700: #4d7c0f;
	--primary-800: #3d610c;
	--primary-900: #2c4709;
}

* {
    /* -webkit-appearance: none;  */
    margin: 0;
    /* text-decoration: none; */
    /* font-family: 'Roboto', sans-serif; */
    font-family: 'Monserrat', sans-serif;

    color: var(--green-950);
    
}
body {
    /* max-width: 1200px; */
    /* font-family: 'Roboto', sans-serif !important; */
    margin: auto;
    font-size: 1.8em;
    color: #6a7a7a;
    /* background: #090d00;  */
    /* color: rgba(255,255,255,.25);  */
    text-align: center;
    /* background-image: url(img/body.png); */
    /* #fc0 url(images/bg-right.png) repeat-y 100% 0;  */
    /* background-repeat: repeat; */
}
h1, h2, h3, h4, p{
    text-align:center;
    /* color:#0f2f50; */
}
.header {
    display: flex;    
    flex-direction:row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 60px;
    top: 0px;
    background-color: var(--green-800);    
    border-bottom:1px solid #dfdfdf;
    margin-top: 0px;
    position: sticky;
    position: -webkit-sticky;
}
.header-2 {
    position:sticky;
    position:-webkit-sticky;
    top:40px; z-index:2;
    /* background:#f0eded; */
    background:var(--gray-300);

    color:#000;
    border-bottom:2px solid #000;
}
.header_administartor {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 40px;
    top: 0px;
    align-items: center;
    justify-content: space-between;
    background-color: var(--gray-300);
    border-bottom:1px solid var(--green-950);
    position: sticky;
    position: -webkit-sticky;
    z-index:100;
}
.header_kladovschik {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 40px;
    top: 0px;
    align-items: center;
    justify-content: space-between;
    /* background-color: var(--header-main); */
    background-color: var(--gray-200);
    color:#000 !important;
    border-bottom:1px solid var(--header-color);
    margin-top: 0px;
    margin-bottom:0px;
    /* margin-left:10px;
    margin-right: 10px; */
    position: sticky;
    position: -webkit-sticky;
    z-index:100;
}
.header_buhgalter {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 40px;
    top: 0px;
    align-items: center;
    justify-content: space-between;
    background-color: var(--gray-200);
    border-bottom:1px solid var(--header-color);
    margin-top: 0px;
    margin-bottom:0px;
    /* margin-left:10px;
    margin-right: 10px; */
    position: sticky;
    position: -webkit-sticky;
    z-index:100;
}

.header_main-wrapper {
    position:fixed;
    display:flex;
    align-items:center;
    justify-content:center;
    top:0px;
    left:0px;
    width:100vw;
    height:80px;
    z-index:100;
}
.header_main {
    display: flex;
    flex-direction: row;
    width: 95%;
    height:70px;
    /* margin: auto; */
    /* margin:20px; */
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-bottom:1px solid var(--green-950);
    /* box-shadow:0 1px 5px 0 rgba(108,108,108,.7); */

    border-radius:1rem;
    /* position: fixed; */
    /* position: -webkit-sticky; */
    z-index:100;
    opacity:1;
}

.footer {
    display: flex;
    width: 100%;
    background: #000;
    justify-content: center;
    align-content: center;
    /* margin-top:10px; */
    align-items: center;
    border-top:1px solid gray;
    position:sticky; 
    bottom:0px;
    z-index:4;
}

.global {
    display: flex;
    /* max-width: 1200px; */
    flex-direction: row;
}
.footer-menu{
    display:flex;
    flex-direction:row;
}

.main {
    display: flex;
    flex-direction:column;
    width: 100vw;
    justify-content: center;
    flex-wrap:wrap;
    background-color: var(--gray-200);
    /* padding: 10px 0px 10px 0px; */
    /* padding-bottom:10px; */
    /* flex-wrap: wrap; */
    /* align-content: center; */
    /* align-items: center; */
    /* transition: all ease-in-out 1s; */
    -webkit-overflow-scrolling: touch;
    }

@media screen and (min-width: 701px) {

}
@media screen and (max-width: 700px) {

}


@media screen and (max-width: 369px) {

}

@media screen and (min-width: 697px) {

}
@media screen and (max-width: 696px) {

}

@media screen and (max-width: 520px) {
}

/* iOS checkbox начало */
#toggles,.ios-toggle,
.checkbox-label,
.checkbox-label-1, #checkbox1:after,
.checkbox-dubl-label-right,
.checkbox-dubl-label-left,
.checkbox-single-label-right,  #confirms_required:after{
box-sizing:border-box;
margin:0;
padding:0;
/*transition*/
-webkit-transition:.25s ease-in-out;
    -moz-transition:.25s ease-in-out;
        -o-transition:.25s ease-in-out;
        transition:.25s ease-in-out;
outline:none;
}

#toggles{
display:flex;
flex-direction:row;
/* flex-wrap:wrap; */
width:50px; 
/* margin:50px auto; */
text-align:center;
}
.ios-toggle,.ios-toggle:active{
position:absolute;
/* top:-5000px;  */
height:0;
width:0;
opacity:0;
border:none;
outline:none;
}
.checkbox-label{
display:block;
position:relative;
padding:10px;
margin-bottom:20px;
font-size:0.6em;
line-height:16px;
width:100%;
height:30px;  /* высота */
/*border-radius*/
-webkit-border-radius:18px;
    -moz-border-radius:18px;
        border-radius:18px;
background:#f8f8f8;
cursor:pointer;
}
.checkbox-label:before{
content:'';
display:block;
position:absolute;
z-index:4;
line-height:34px;
text-indent:40px;
height:30px;/* высота бегунка */
width:30px;/* ширина бегунка */
/*border-radius*/
-webkit-border-radius:100%;
    -moz-border-radius:100%;
        border-radius:100%;
top:0px;
left:-10px;
right:auto;
background:white;
/*box-shadow*/
-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
        box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}
.checkbox-label:after{
content:attr(data-off);
display:block;
position:absolute;
z-index:3;
top:0;
/* left:-300px; */
left:60px;
padding:7px;
height:100%;
/* width:270px; */
width:36px;
text-align:right;
color:#bfbfbf;
/* color:var(--main-attention); */
white-space:nowrap;
}
.ios-toggle:checked + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
.ios-toggle:checked + .checkbox-label:before{
left:calc(100% - 30px); /* длина чекбокса*/
/*box-shadow*/
-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
        box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}
.ios-toggle:checked + .checkbox-label:after{
content:attr(data-on);
left:60px;
width:36px;
}
    
/* GREEN CHECKBOX */
#checkMesta + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
    -moz-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
        box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
}
#checkMesta:checked + .checkbox-label{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
#checkMesta:checked + .checkbox-label:after{
color:rgba(19,191,17,1);
/* color:var(--main-focus1-500); */
}
/*--------------------*/


.checkbox-label-1{
display:block;
position:relative;
padding:10px;
/* margin-bottom:20px; */
font-size:0.6em;
line-height:16px;
width:50px; /* общая ширина переключателя*/
height:30px;  /* высота */
/*border-radius*/
-webkit-border-radius:18px;
    -moz-border-radius:18px;
        border-radius:18px;
background:#f8f8f8;
cursor:pointer;
}
.checkbox-label-1:before{
content:'';
display:block;
position:absolute;
z-index:4;
line-height:34px;
text-indent:40px;
height:30px;/* высота бегунка */
width:30px;/* ширина бегунка */
/*border-radius*/
-webkit-border-radius:100%;
    -moz-border-radius:100%;
        border-radius:100%;
top:0px;
left:-3px;
right:auto;
background:white;
/*box-shadow*/
-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
        box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}
.checkbox-label-1:after{
content:attr(data-off);
display:block;
position:absolute;
z-index:3;
top:0;
/* left:-300px; */
left:-120px;
padding:7px;
height:100%;
/* width:270px; */
width:36px;
text-align:right;
color:#bfbfbf;
/* color:var(--main-attention); */
white-space:nowrap;
}
.ios-toggle:checked + .checkbox-label-1{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
.ios-toggle:checked + .checkbox-label-1:before{
left:calc(100% - 30px); /* длина чекбокса*/
/*box-shadow*/
-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
        box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}
.ios-toggle:checked + .checkbox-label-1:after{
content:attr(data-on);
left:-140px; /* регулировка справа или слева*/
width:36px;
}    
/* GREEN CHECKBOX */
#checkDefault + .checkbox-label-1{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
    -moz-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
        box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
}
#checkDefault:checked + .checkbox-label-1{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
#checkDefault:checked + .checkbox-label-1:after{
color:rgba(19,191,17,1);
/* color:var(--main-focus1-500); */
}

/*--dubl-label-left---*/
.checkbox-dubl-label-left{
    display:block;
    position:relative;
    padding:10px;
    /* margin-bottom:20px; */
    font-size:0.9em;
    line-height:16px;
    width:50px; /* общая ширина переключателя*/
    height:30px;  /* высота */
    /*border-radius*/
    -webkit-border-radius:18px;
        -moz-border-radius:18px;
            border-radius:18px;
    background:#f8f8f8;
    cursor:pointer;
    }
    .checkbox-dubl-label-left:before{
    content:'';
    display:block;
    position:absolute;
    z-index:4;
    line-height:34px;
    text-indent:40px;
    height:30px;/* высота бегунка */
    width:30px;/* ширина бегунка */
    /*border-radius*/
    -webkit-border-radius:100%;
        -moz-border-radius:100%;
            border-radius:100%;
    top:0px;
    left:-3px;
    right:auto;
    background:white;
    /*box-shadow*/
    -webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
        -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
            box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    }
    .checkbox-dubl-label-left:after{
    content:attr(data-off);
    display:block;
    position:absolute;
    z-index:3;
    top:0;
    /* left:-300px; */
    left:-155px; /* расстояние текста от чекбокса*/
    padding:7px;
    height:100%;
    /* width:270px; */
    width:36px;
    text-align:right;
    color:#bfbfbf;
    /* color:var(--main-attention); */
    white-space:nowrap;
    }
    
    
    .ios-toggle:checked + .checkbox-dubl-label-left{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        -moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
            box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    }
    .ios-toggle:checked + .checkbox-dubl-label-left:before{
    left:calc(100% - 30px); /* длина чекбокса*/
    /*box-shadow*/
    -webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
        -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
            box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
    }
    .ios-toggle:checked + .checkbox-dubl-label-left:after{
    content:attr(data-on);
    left:-135px; /* расстояние текста от чекбокса, ч том числе справа(+) или слева(-)*/
    width:36px;
    color:#000;
    }    
    /* GREEN CHECKBOX */
    #checkDefault + .checkbox-dubl-label-left{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
        -moz-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
            box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
    }
    #checkDefault:checked + .checkbox-dubl-label-left{
    /*box-shadow*/
    -webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        -moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
            box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    }
    #checkDefault:checked + .checkbox-dubl-label-left:after{
    color:rgba(19,191,17,1);
    /* color:var(--main-focus1-500); */
    }
    

/*--dubl-label-right---*/
.checkbox-dubl-label-right{
display:block;
position:relative;
padding:10px;
/* margin-bottom:20px; */
font-size:0.9em;
line-height:16px;
width:50px; /* общая ширина переключателя*/
height:30px;  /* высота */
/*border-radius*/
-webkit-border-radius:18px;
    -moz-border-radius:18px;
        border-radius:18px;
background:#f8f8f8;
cursor:pointer;
}
.checkbox-dubl-label-right:before{
content:'';
display:block;
position:absolute;
z-index:4;
line-height:34px;
text-indent:40px;
height:30px;/* высота бегунка */
width:30px;/* ширина бегунка */
/*border-radius*/
-webkit-border-radius:100%;
    -moz-border-radius:100%;
        border-radius:100%;
top:0px;
left:-3px;
right:auto;
background:white;
/*box-shadow*/
-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
        box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}
.checkbox-dubl-label-right:after{
content:attr(data-off);
display:block;
position:absolute;
z-index:3;
top:0;
/* left:-300px; */
left:55px; /* расстояние текста от чекбокса*/
padding:7px;
height:100%;
/* width:270px; */
width:36px;
text-align:right;
color:#bfbfbf;
/* color:var(--main-attention); */
white-space:nowrap;
}


.ios-toggle:checked + .checkbox-dubl-label-right{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
.ios-toggle:checked + .checkbox-dubl-label-right:before{
left:calc(100% - 30px); /* длина чекбокса*/
/*box-shadow*/
-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
        box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}
.ios-toggle:checked + .checkbox-dubl-label-right:after{
content:attr(data-on);
left:55px; /* расстояние текста от чекбокса, ч том числе справа(+) или слева(-)*/
width:36px;
color:#000;
}    
/* GREEN CHECKBOX */
#checkDefault + .checkbox-dubl-label-right{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
    -moz-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
        box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
}
#checkDefault:checked + .checkbox-dubl-label-right{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
#checkDefault:checked + .checkbox-dubl-label-right:after{
color:rgba(19,191,17,1);
/* color:var(--main-focus1-500); */
}

/***********************************/
/*--.checkbox-single-label-right---*/
.checkbox-single-label-right{
display:block;
position:relative;
padding:10px;
/* margin-bottom:20px; */
font-size:0.7em;
line-height:16px;
width:50px; /* общая ширина переключателя*/
height:30px;  /* высота */
/*border-radius*/
-webkit-border-radius:18px;
    -moz-border-radius:18px;
        border-radius:18px;
background:#f8f8f8;
cursor:pointer;
}
.checkbox-single-label-right:before{
content:'';
display:block;
position:absolute;
z-index:4;
line-height:34px;
text-indent:40px;
height:30px;/* высота бегунка */
width:30px;/* ширина бегунка */
/*border-radius*/
-webkit-border-radius:100%;
    -moz-border-radius:100%;
        border-radius:100%;
top:0px;
left:-3px;
right:auto;
background:white;
/*box-shadow*/
-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
    -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
        box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 2px #dddddd;
}
.checkbox-single-label-right:after{
content:attr(data-off);
display:block;
position:absolute;
z-index:3;
top:0;
/* left:-300px; */
left:55px; /* расстояние текста от чекбокса*/
padding:7px;
height:100%;
/* width:270px; */
width:36px;
text-align:right;
color:#bfbfbf;
/* color:var(--main-attention); */
white-space:nowrap;
}


.ios-toggle:checked + .checkbox-single-label-right{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        box-shadow:inset 0 0 0 20px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
.ios-toggle:checked + .checkbox-single-label-right:before{
left:calc(100% - 30px); /* длина чекбокса*/
/*box-shadow*/
-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
    -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
        box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);
}
.ios-toggle:checked + .checkbox-single-label-right:after{
content:attr(data-on);
left:55px; /* расстояние текста от чекбокса, ч том числе справа(+) или слева(-)*/
width:36px;
color:#000;
}    
/* GREEN CHECKBOX */
#checkDefault + .checkbox-single-label-right{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
    -moz-box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
        box-shadow:inset 0 0 0 0px rgba(19,191,17,1),0 0 0 2px #dddddd;
}
#checkDefault:checked + .checkbox-single-label-right{
/*box-shadow*/
-webkit-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
    -moz-box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
        box-shadow:inset 0 0 0 18px rgba(19,191,17,1),0 0 0 2px rgba(19,191,17,1);
}
#checkDefault:checked + .checkbox-single-label-right:after{
color:rgba(19,191,17,1);
/* color:var(--main-focus1-500); */
}
    
/* iOS checkbox конец */
    


/* меню */
.topnav {
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    /* overflow: hidden; */
    position: relative;
}

.topnav a {
  display: block;
  color: #000;
  /* padding: 14px 16px; */
  padding-left:4px;
  text-decoration: none;
  font-size: 0.8em;
}

.topnav a:hover {
  /* background-color: #fff; */
}

.topnav a .fa-bars:hover{
    color:#000 !important;
}

/* .topnav div a:hover{
    color:black !important;
} */

.menuactive {
  /* background-color: var(--green-200);
  color: var(--green-900) !important; */
  background-color: var(--header-color);
  color: var(--header-background) !important;

}
/* меню */


.form {
    text-align:center;
    width:340px;
    border: 1px solid #ff6d94;
    padding: 17px 0 17px 0;

}
.form input{
    width:90%;
    text-align:center;
    height:30px; 
    font-size:1.5em;
    margin-bottom:4px;
}
input[type=submit] {
    background:linear-gradient(to top, rgb(206, 206, 206), rgb(255, 255, 255)); 
    color:black; 
    border:2px solid green; 
    height:70px; 
    font-size: 24pt; 
    margin:auto;
    margin-top:30px;
    margin-bottom: 10px; 
    cursor:pointer; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius:5px;
}
input[type=button] {
    background:linear-gradient(to top, rgb(206, 206, 206), rgb(255, 255, 255)); 
    color:black; 
    border:2px solid green; 
    height:70px; 
    font-size: 24pt; 
    margin:auto;
    margin-top:30px;
    margin-bottom: 10px; 
    cursor:pointer; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    border-radius:5px;
}
.inputtext {
    text-align:center;
    border-bottom:1px solid #1f0505;
    border-top:none;
    border-left:none;
    border-right:none;
}
.inputsearch {
    text-align:center;
    border-radius:5px;
    border-bottom:1px solid #1f0505;
    border-top:1px solid #1f0505;
    border-left:1px solid #1f0505;
    border-right:1px solid #1f0505;
}

.selected_poluchatel {
    text-align:center;
    border-radius:5px;
    border-bottom:2px solid #bbb;
    border-top:2px solid #bbb;
    border-left:2px solid #bbb;
    border-right:2px solid #bbb;
}

.selected_work {
    text-align:center;
    border-radius:5px;
    border-bottom:2px solid #bbb;
    border-top:2px solid #bbb;
    border-left:2px solid #bbb;
    border-right:2px solid #bbb;
}

.shablon_box{
    display:flex; 
    flex-direction:column; 
    justify-content:center;
    background:#f5f5f6;
    width:300px;
    margin:10px;
    padding:6px; 
    /* border:1px solid green;  */
    border-radius:10px;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;    
}
.dayweek_box{
    background-color:#f5f5f6;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;    
}
.index_box{
    display:flex; 
    flex-direction:column; 
    justify-content:center; 
    width:300px;
    margin:10px;
    padding:6px; 
    /* border:2px solid gray;  */
    border-radius:10px;
    -webkit-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
    -moz-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
    box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
}
.shadow_in{
    -webkit-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
    -moz-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
    box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;  
}

.shadow_out{
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

.inputSearch {
    text-align:center; 
    width:150px; 
    font-size:0.6em; 
    text-decoration:none; 
    border:1px solid #bbbbbb; 
    border-radius:5px; 
    background-image: url(img/search.png); 
    background-position:5px 6px; 
    background-repeat:no-repeat; 
    background-size:15px 15px;    
}
/* .button{
    display:flex;
    align-items:center;
    padding:0 6px 0 6px;
    font-size:0.7em;
    font-weight:100;
    color:#fff;
    border-radius:6px;
    cursor:pointer; 
    height:32px;
    width:fit-content;
    background: var(--header-color) !important;
    -webkit-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
    -moz-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
    box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
} */
.button{
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:0.6em;
    font-weight:100;
    color:#fff;
    /* margin:10px; */
    /* padding:6px; */
    padding:0 10px 0 10px;
    border-radius:6px;
    border:1px solid var(--blue-900) !important;
    cursor:pointer; 
    height:32px;
    width:fit-content;
    background: var(--black-800);
    /* -webkit-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
    -moz-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset; */
    /* box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset; */
}
.gradient{
    /* background: rgb(223,223,223); */
    background: linear-gradient(180deg, #147cc7 0%, #147cc7 100%);    
}

.button1{
    display:block;
    /* width:300px; */
    margin:10px;
    padding:6px; 
    border-radius:5px;
    border:1px dotted var(--main-900) !important;
    cursor:pointer; 
    height:40px;
    width:140px;
    background: var(--main-focus1-500) !important;
    -webkit-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
    -moz-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
    box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
}
.button:hover {
    /* border-radius:30px; */
}
.button span{
    color: white !important;
}
.sbor_box{
    display:flex; 
    flex-direction:column; 
    justify-content:center;
    align-self: flex-start;
    background:#e9f5e3;
    width:350px;
    margin:10px;
    padding:6px; 
    border:1px solid green; 
    border-radius:10px;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;    
}
.sbor_box_active{
    background:#ffa1b8;
}
.summary_box{
    -webkit-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
    -moz-box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
    box-shadow: -5px -5px 5px -5px rgba(34, 60, 80, 0.6) inset;
}

form{
    border:2px solid #000; 
    padding:5px 3px 15px 3px; 
    border-radius:5px; 
    margin:10px; 
    margin-bottom:15px !important;
    margin-top:15px !important;
    background-color: #fff;
    width: 95%;
}
.main-card{
    width:auto; 
    margin-bottom:20px;
    /* padding:15px 20px;  */
    background-color:#fff; 
    box-shadow:0 1px 5px 0 rgba(108,108,108,.7);
    border-radius:6px;
    border:3px solid #000;
    margin:5px 15px 5px 15px;
}
.shadow{
    box-shadow:0 1px 5px 0 rgba(108,108,108,.7);
}
.line_dotted_100{
    margin-top:5px; 
    margin-bottom:5px; 
    height:1px; 
    width:100%; 
    border-top:2px dotted #000;
}

.slide-in-left {
	-webkit-animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-left 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-10-22 16:19:38
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
 @-webkit-keyframes slide-in-left {
0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
}
}
@keyframes slide-in-left {
0% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
}
}
.slide-out-left {
-webkit-animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
        animation: slide-out-left 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-10-22 16:23:41
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-left
 * ----------------------------------------
 */
 @-webkit-keyframes slide-out-left {
0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
}
100% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
}
}
@keyframes slide-out-left {
0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
}
100% {
    -webkit-transform: translateX(-1000px);
            transform: translateX(-1000px);
    opacity: 0;
}
}

.slit-in-horizontal {
	-webkit-animation: slit-in-horizontal 0.45s ease-out both;
	        animation: slit-in-horizontal 0.45s ease-out both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-11-10 19:56:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slit-in-horizontal
 * ----------------------------------------
 */
 @-webkit-keyframes slit-in-horizontal {
    0% {
      -webkit-transform: translateZ(-800px) rotateX(90deg);
              transform: translateZ(-800px) rotateX(90deg);
      opacity: 0;
    }
    54% {
      -webkit-transform: translateZ(-160px) rotateX(87deg);
              transform: translateZ(-160px) rotateX(87deg);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(0) rotateX(0);
              transform: translateZ(0) rotateX(0);
    }
  }
  @keyframes slit-in-horizontal {
    0% {
      -webkit-transform: translateZ(-800px) rotateX(90deg);
              transform: translateZ(-800px) rotateX(90deg);
      opacity: 0;
    }
    54% {
      -webkit-transform: translateZ(-160px) rotateX(87deg);
              transform: translateZ(-160px) rotateX(87deg);
      opacity: 1;
    }
    100% {
      -webkit-transform: translateZ(0) rotateX(0);
              transform: translateZ(0) rotateX(0);
    }
  }
  
.slit-out-horizontal {
-webkit-animation: slit-out-horizontal 0.5s ease-in both;
        animation: slit-out-horizontal 0.5s ease-in both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-11-10 20:33:13
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slit-out-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes slit-out-horizontal {
0% {
    -webkit-transform: translateZ(0) rotateX(0);
            transform: translateZ(0) rotateX(0);
    opacity: 1;
}
54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
            transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
            transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
}
}
@keyframes slit-out-horizontal {
0% {
    -webkit-transform: translateZ(0) rotateX(0);
            transform: translateZ(0) rotateX(0);
    opacity: 1;
}
54% {
    -webkit-transform: translateZ(-160px) rotateX(87deg);
            transform: translateZ(-160px) rotateX(87deg);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(-800px) rotateX(90deg);
            transform: translateZ(-800px) rotateX(90deg);
    opacity: 0;
}
}
  
.swing-in-top-fwd {
	-webkit-animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
	        animation: swing-in-top-fwd 0.5s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-11-11 14:20:24
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
}
100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
}
}
@keyframes swing-in-top-fwd {
0% {
    -webkit-transform: rotateX(-100deg);
            transform: rotateX(-100deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 0;
}
100% {
    -webkit-transform: rotateX(0deg);
            transform: rotateX(0deg);
    -webkit-transform-origin: top;
            transform-origin: top;
    opacity: 1;
}
}

.bounce-in-top {
	-webkit-animation: bounce-in-top 1.1s both;
	        animation: bounce-in-top 1.1s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-11-15 20:37:48
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation bounce-in-top
 * ----------------------------------------
 */
@-webkit-keyframes bounce-in-top {
0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
}
38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
}
55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
}
72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
}
81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
}
90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
}
95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
}
100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
}
}
@keyframes bounce-in-top {
0% {
    -webkit-transform: translateY(-500px);
            transform: translateY(-500px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 0;
}
38% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
}
55% {
    -webkit-transform: translateY(-65px);
            transform: translateY(-65px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
}
72% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
}
81% {
    -webkit-transform: translateY(-28px);
            transform: translateY(-28px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
}
90% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
}
95% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
}
100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
}
}
  
.scale-up-top {
	-webkit-animation: scale-up-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: scale-up-top 0.4s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-11-18 21:16:9
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-up-top
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-top {
0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
}
}
@keyframes scale-up-top {
0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
}
100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 50% 0%;
            transform-origin: 50% 0%;
}
}
  

.flip-in-hor-top {
	-webkit-animation: flip-in-hor-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: flip-in-hor-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-11-21 15:56:53
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
* ----------------------------------------
* animation flip-in-hor-top
* ----------------------------------------
*/
@-webkit-keyframes flip-in-hor-top {
0% {
    -webkit-transform: rotateX(-80deg);
            transform: rotateX(-80deg);
    opacity: 0;
}
100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
}
}
@keyframes flip-in-hor-top {
0% {
    -webkit-transform: rotateX(-80deg);
            transform: rotateX(-80deg);
    opacity: 0;
}
100% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
    opacity: 1;
}
}
  
.blink-1 {
    animation: blinker 1s step-start infinite;
}

.blink {
animation: blinker 3s step-start infinite;
}

@keyframes blinker {
50% {
    opacity: 0;
}
}


.jello-vertical {
	-webkit-animation: jello-vertical 0.9s both;
	        animation: jello-vertical 0.9s both;
}
/* ----------------------------------------------
 * Generated by Animista on 2023-12-16 13:23:34
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation jello-vertical
 * ----------------------------------------
 */
@-webkit-keyframes jello-vertical {
0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}
30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
}
40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
}
50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
}
65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
}
75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
}
100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}
}
@keyframes jello-vertical {
0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}
30% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
}
40% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
}
50% {
    -webkit-transform: scale3d(0.85, 1.15, 1);
            transform: scale3d(0.85, 1.15, 1);
}
65% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
            transform: scale3d(1.05, 0.95, 1);
}
75% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
            transform: scale3d(0.95, 1.05, 1);
}
100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
}
}
  

details > summary {
    padding: 0px;
    /* background-color: #eee; */
    color: #333 ;
    /* border: 1px #ccc solid; */
    cursor: pointer;
    /* list-style: none; */
}
 
details > div {
    border: 0px #ccc solid;
    padding: 5px;
}
 
details[open] > summary {
    /* color:#eee;  */
    /* background-color: #fff; */
    text-align:left;
}
summary:before {
    /* content: "+"; */
    /* font-size: 20px; */
    font-weight: bold;
    /* margin: -5px 5px 0 0; */
}

details.ostatok > summary {
    padding: 0px;
    /* background-color: #eee; */
    color: #fff ;
    /* border: 1px #ccc solid; */
    cursor: pointer;
    /* list-style: none; */
}
details.ostatok > div {
    border: 0px #ccc solid;
}
details.ostatok[open] > summary {
    /* color:#eee;  */
    background-color: #000;
    text-align:right;
    color:#fff;
}

summary.ostatok:before {
    /* content: "+"; */
    /* font-size: 20px; */
    font-weight: bold;
    /* margin: -5px 5px 0 0; */
}

.menu_doc:hover{
    background: var(--blue-600); /* Цвет фона под ссылкой */ 
    color: #fff !important;
}
.menu_doc:hover > div{
    color: #fff !important;
}

.menu_row:hover{
    background: var(--blue-600); /* Цвет фона под ссылкой */ 
    color: #fff !important;
}
.menu_row:hover > div{
    color: #fff !important;
}

.row{
    /* background: #fff;  */
}
.row:hover{
    background: var(--gray-200); 
    /* color: #fff !important; */
    /* font-weight:900; */
}

.row_sbor{
    /* background: #fff;  */
}
.row_sbor:hover{
    background: var(--blue-100); 
    /* color: #fff !important; */
    /* font-weight:900; */
}

.row-document{
}
.row-document:hover{
    background: var(--blue-200); 
    color: #000 !important;
    cursor: pointer;
}

.row-shablon{
}
.row-shablon:hover{
    background: var(--blue-200); 
    color: #000 !important;
    cursor: pointer;
}

.row_search_poluchatel_icon:hover:before{
    background: var(--gray-800); 
    color: #fff !important;
    font-size: 1.0em !important;
    padding-right: 10px;
    padding-left: 5px;
    padding-top: 2px;
    font-family: "Font Awesome 6 Pro";
    content: "\f058";
}
.row_search_poluchatel:hover{
    background: var(--gray-800); 
    color: #fff !important;
    font-size: 0.7em !important;
}

.row_poz:hover > span{
    background: gray; 
    color: #fff !important;
}
.pen:hover{
    /* background: gray; 
    color: #fff !important;
    font-size:1.4em !important; */
}

.file-doc {
    background: url(img/file-doc.svg);
}

.icon_sklad:hover{
    font-size:1.0em !important;
    color:#000 !important;
}
.located_sklad{
    font-size:1.0em !important;
    color:#000 !important;
}
/* div[contenteditable="true"]:empty::before {
        content: attr(data-placeholder);
        color: #999;
} */
.app_evolution_dt:before{
    padding-right:10px;
    content:attr(data-dt); 
}

/* линия */
.line-gradient {
    position:relative;
    width:100px;
    height:3px;
    margin:auto;
    background-image: linear-gradient(to right, #4FA1F1, #fff, #4FA1F1);
}
hr {
    border: none;
    height: 3px;
    width: 20%;
    margin: auto;
    background-image: linear-gradient(to right, #4FA1F1, #fff, #4FA1F1);
}
hr:before, hr:after {
    content: "";
    display: inline-block;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    border: 2px solid #BFE2FF;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #FFF;
}
hr:after {
    animation: anim-hr 1s linear infinite;  
}
@keyframes anim-hr {
    0% {
        width: 20px;
        height: 20px;
    } 
    100% {
        width: 0;
        height: 0;
    }
}

.shablon_box{
    display:flex; 
    flex-direction:column; 
    justify-content:center;
    background:#e9f5e3;
    width:300px;
    margin:10px;
    padding:6px; 
    border:1px solid green; 
    border-radius:10px;
    -webkit-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;
    -moz-box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2) inset;    
}

.container {
    width: 100%; /* Ширина блока */
    height: 700px; /* Общая высота */
    /* background-color: lightblue; */
    position: relative;
    overflow: hidden;
}
.wave-bottom {
    position: absolute;
    bottom: 0; /* Прикрепляем к нижней грани */
    left: 0;
    width: 100%;
    height: 18%;
    background-color: var(--gray-100);
    /* clip-path: polygon(0 100%, 100% 95%, 100% 100%); Форма с углом */
    /* clip-path: polygon(
                0 0,   
                100% 0,
                100% 80%, 
                90% 85%,  
                80% 80%,  
                70% 85%,  
                60% 80%,  
                50% 85%, 
                40% 80%,  
                30% 85%,  
                20% 80%,  
                10% 85%,  
                0 80% 
            ); */
    /* clip-path: path('M 0 100 Q 150 200, 300 100 T 600 100 T 900 100 T 1200 100 T 1500 100 V 300 H 0 Z'); */
    clip-path: path('M 0 100 Q 160 70, 300 100 T 600 100 T 900 100 T 1200 100 T 1500 100 T 1800 100 T 2100 100 V 300 H 0 Z');
}
.wave-top {
    position: absolute;
    top: 0; /* Прикрепляем к верхней грани */
    left: 0;
    width: 100%;
    height: 20px;
    background-color: var(--gray-100);
    /* clip-path: polygon(0 100%, 100% 95%, 100% 100%); Форма с углом */
    /* clip-path: polygon(
                0 0,   
                100% 0,
                100% 80%, 
                90% 85%,  
                80% 80%,  
                70% 85%,  
                60% 80%,  
                50% 85%, 
                40% 80%,  
                30% 85%,  
                20% 80%,  
                10% 85%,  
                0 80% 
            ); */
    /* clip-path: path('M 0 100 Q 150 200, 300 100 T 600 100 T 900 100 T 1200 100 T 1500 100 V 300 H 0 Z'); */
    clip-path: path('M 0 20 Q 160 70, 300 100 T 600 100 T 900 100 T 1200 100 T 1500 100 T 1800 100 T 2100 100 V 300 H 0 Z');
}

.focus-in-contract {
	-webkit-animation: focus-in-contract 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: focus-in-contract 0.7s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-9-28 20:20:8
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation focus-in-contract
 * ----------------------------------------
 */
 @-webkit-keyframes focus-in-contract {
    0% {
      letter-spacing: 1em;
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }
  @keyframes focus-in-contract {
    0% {
      letter-spacing: 1em;
      -webkit-filter: blur(12px);
              filter: blur(12px);
      opacity: 0;
    }
    100% {
      -webkit-filter: blur(0px);
              filter: blur(0px);
      opacity: 1;
    }
  }

.tracking-in-expand {
	-webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
	        animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-9-28 20:21:25
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation tracking-in-expand
 * ----------------------------------------
 */
 @-webkit-keyframes tracking-in-expand {
    0% {
      letter-spacing: -0.5em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      opacity: 1;
    }
  }
@keyframes tracking-in-expand {
    0% {
      letter-spacing: -0.5em;
      opacity: 0;
    }
    40% {
      opacity: 0.6;
    }
    100% {
      opacity: 1;
    }
}

/* Стиль для стрелки */
.arrow {
    position: absolute;
    width: 0; 
    height: 0; 
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #000000;
    top: -50px;
    left: 14%;
    transform: translateX(-50%);
    opacity: 0;
}

/* Анимация движения стрелки */
@keyframes fly-in {
    0%, 100% {
        top: 30px;
        opacity: 0;
    }
    50% {
        top: 45px;
        opacity: 1;
    }
    /* 0% {
        top: -100px;
        opacity: 0;
    }
    50% {
        top: -50px;
        opacity: 1;
    }
    100% {
        top: 10px;
        opacity: 0;
    } */
}

/* Класс для активации анимации */
.fly-in {
    /* animation: fly-in 1.5s ease forwards; */
    animation: fly-in 2s ease-in-out infinite;
}

.logo-index {
    width:80% !important;
    justify-content:space-between !important;
}
@media (max-width: 572px) {
.logo-index {
    justify-content:space-evenly !important;
    width:100% !important;
    padding-left:15px;
}
}

.logo-png-index {
    height:52px !important;
}
@media (max-width: 683px) {
.logo-png-index {
    height:42px !important;
}
}
.slide-out-top {
	-webkit-animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: slide-out-top 0.5s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-11-3 12:56:58
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-out-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-top {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
}
}
@keyframes slide-out-top {
0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
}
100% {
    -webkit-transform: translateY(-1000px);
            transform: translateY(-1000px);
    opacity: 0;
}
}
.slit-in-vertical {
	-webkit-animation: slit-in-vertical 0.45s ease-out both;
	        animation: slit-in-vertical 0.45s ease-out both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-11-3 13:4:30
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slit-in-vertical
 * ----------------------------------------
 */
@-webkit-keyframes slit-in-vertical {
0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
            transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
}
54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
            transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
}
}
@keyframes slit-in-vertical {
0% {
    -webkit-transform: translateZ(-800px) rotateY(90deg);
            transform: translateZ(-800px) rotateY(90deg);
    opacity: 0;
}
54% {
    -webkit-transform: translateZ(-160px) rotateY(87deg);
            transform: translateZ(-160px) rotateY(87deg);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(0) rotateY(0);
            transform: translateZ(0) rotateY(0);
}
}
.scale-in-ver-top {
	-webkit-animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in-ver-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2024-11-3 13:8:32
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation scale-in-ver-top
 * ----------------------------------------
 */
@-webkit-keyframes scale-in-ver-top {
0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
}
100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
}
}
@keyframes scale-in-ver-top {
0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
}
100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: 100% 0%;
            transform-origin: 100% 0%;
    opacity: 1;
}
}
.datahint {
    width:17px; 
    height:17px; 
    background: url(../img/form_icons.png) no-repeat 2px 0; 
    transform:scale(1.6);
}