html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box
}

* {
	box-sizing: border-box;
}

b,
strong {
	font-weight: bold;
}

i,
em {
	font-style: italic;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,
section {
	display: block;
}

ul {
	list-style: none;
}

ol li {
	list-style-position: outside;
	margin-left: 12px;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

img {
	max-width: 100%;
	height: auto;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*:focus,
* {
	outline: none;
}

textarea {
	resize: vertical;
	overflow: auto;
}

sub,
sup {
	line-height: 0;
}

a {
	text-decoration: none;
	outline: none !important;
}

a:active,
a:focus {
	text-decoration: none;
	box-shadow: none;
}

ul,
ol {
	list-style: none;
}

.hide {
	display: none !important;
}

.cb {
	clear: both;
}

.tac {
	text-align: center;
}

.static {
	position: static !important;
}

.info-block-wrap {
	position: relative;
	padding-bottom: 10px;
}

.info-block-wrap .success-text {
	width: 100%;
	bottom: 5px;
	text-align: center;
}

.mt-5 {
	margin-top: 5px;
}

.mt-10 {
	margin-top: 10px;
}

.mt-15 {
	margin-top: 15px;
}

.mt-20 {
	margin-top: 20px;
}

.mt-25 {
	margin-top: 25px;
}

.mt-30 {
	margin-top: 30px;
}

.mt-35 {
	margin-top: 35px;
}

.mt-40 {
	margin-top: 40px;
}

.mt-45 {
	margin-top: 45px;
}

.mt-50 {
	margin-top: 50px;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-25 {
	margin-bottom: 25px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-35 {
	margin-bottom: 35px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-45 {
	margin-bottom: 45px;
}

.mb-50 {
	margin-bottom: 50px;
}

@font-face {
	font-family: Exo2;
	src: url('../fonts/Exo2Bold.woff2') format('woff2'),
		url('../fonts/Exo2Bold.woff') format('woff'),
		url('../fonts/Exo2Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Exo2;
	src: url('../fonts/Exo2MediumItalic.woff2') format('woff2'),
		url('../fonts/Exo2MediumItalic.woff') format('woff'),
		url('../fonts/Exo2MediumItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Exo2;
	src: url('../fonts/Exo2BoldItalic.woff2') format('woff2'),
		url('../fonts/Exo2BoldItalic.woff') format('woff'),
		url('../fonts/Exo2BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Exo2;
	src: url('../fonts/Exo2Medium.woff2') format('woff2'),
		url('../fonts/Exo2Medium.woff') format('woff'),
		url('../fonts/Exo2Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Ubuntu;
	src: url('../fonts/ubuntu-bold.woff2') format('woff2'),
		url('../fonts/ubuntu-bold.woff') format('woff'),
		url('../fonts/ubuntu-bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Ubuntu;
	src: url('../fonts/ubuntu-regular-italic.woff2') format('woff2'),
		url('../fonts/ubuntu-regular-italic.woff') format('woff'),
		url('../fonts/ubuntu-regular-italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Ubuntu;
	src: url('../fonts/ubuntu-bold-italic.woff2') format('woff2'),
		url('../fonts/ubuntu-bold-italic.woff') format('woff'),
		url('../fonts/ubuntu-bold-italic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: Ubuntu;
	src: url('../fonts/ubuntu-regular.woff2') format('woff2'),
		url('../fonts/ubuntu-regular.woff') format('woff'),
		url('../fonts/ubuntu-regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

::-webkit-scrollbar {
	width: 10px;
}

.header-menu .docs-wrap::-webkit-scrollbar,
.header-menu::-webkit-scrollbar,
#listCompleted::-webkit-scrollbar {
	width: 6px;
}

.header-menu .docs-wrap::-webkit-scrollbar-track,
.header-menu::-webkit-scrollbar-track,
#listCompleted::-webkit-scrollbar-track {
	background: #444;
	border: 2px solid transparent;
	background-clip: content-box;
}

.header-menu .docs-wrap::-webkit-scrollbar-thumb,
.header-menu::-webkit-scrollbar-thumb,
#listCompleted::-webkit-scrollbar-thumb {
	border-radius: 3px;
}

::-webkit-scrollbar-track {
	background: #000;
}

::-webkit-scrollbar-thumb {
	background: #888;
	transition: .2s;
	border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
	background: #aaa;
}

html {
	scroll-behavior: smooth;
}

.h1,
h1 {
	text-align: center;
	font: bold 25px Exo2;
	color: #DDA025;
	/* word-break: break-word; */
	overflow-wrap: break-word;
}

header .h1 {
	-webkit-line-clamp: 2;
	line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.h2,
h2 {
	position: relative;
	font-size: 22px;
	font-weight: bold;
	color: #dd2525;
	/* z-index: 1; */
}

.h3,
h3 {
	font-size: 20px;
	font-weight: bold;
	color: #009B95;
	position: relative;
	/* word-break: break-word; */
	overflow-wrap: break-word;
}

h1 a,
h2 a,
h3 a {
	text-decoration: underline;
}

a {
	color: inherit;
}

li {
	list-style-type: none;
	margin: 5px 0;
	position: relative;
	color: #cecece;
	font-weight: normal;
	font-size: 16px;
	transition: transform .15s;
}

.btn {
	display: inline-block;
	padding: 6px 15px 9px;
	line-height: 1;
	border: 1px solid #000;
	border-radius: 5px;
	cursor: pointer;
	transition: .2s;
	user-select: none;
	color: #000;
	text-decoration: none;
	text-align: center;
}

.btn-lg {
	padding: 9px 20px 10px;
	font-size: 18px;
}

.btn.w100p {
	width: 100%;
}

.btn svg {
	fill: #000;
	width: 16px;
	height: 16px;
	transform: translateY(3px);
	margin-right: 5px;
}

.btn-white {
	border-color: #cecece;
	color: #cecece;
	background: transparent;
}

.btn-white svg {
	fill: #cecece;
}

.btn-white:hover {
	background: #cecece;
	color: #000;
}

.btn-white:hover svg {
	fill: #000;
}

.btn-red {
	border-color: #dd2525;
	color: #dd2525;
	background: transparent;
}

.btn-red svg {
	fill: #dd2525;
}

.btn-red:hover {
	background: #dd2525;
	color: #cecece;
}

.btn-red:hover svg {
	fill: #cecece;
}

.btn-yellow {
	border-color: #DDA025;
	color: #DDA025;
	background: transparent;
}

.btn-yellow svg {
	fill: #DDA025;
}

.btn-yellow:hover {
	background: #DDA025;
	color: #000;
}

.btn-yellow:hover svg {
	fill: #000;
}

.btn-green {
	border-color: #009B95;
	color: #009B95;
	background: transparent;
}

.btn-green svg {
	fill: #009B95;
}

.btn-green:hover {
	background: #009B95;
	color: #000;
}

.btn-green:hover svg {
	fill: #000;
}

.btn-black {
	border-color: #222;
	color: #222;
	background: transparent;
}

.btn-black svg {
	fill: #222;
}

.btn-black:hover {
	background: #222;
	color: #cecece;
}

.btn-black:hover svg {
	fill: #cecece;
}

.btn-full.btn-white {
	border-color: #cecece;
	color: #000;
	background: #cecece;
}

.btn-full.btn-white svg {
	fill: #cecece;
}

.btn-full.btn-white:hover {
	border-color: #b8b8b8;
	background: #b8b8b8;
}

.btn-full.btn-red {
	border-color: #dd2525;
	color: #cecece;
	background: #dd2525;
}

.btn-full.btn-red svg {
	fill: #cecece;
}

.btn-full.btn-red:hover {
	border-color: #c92222;
	background: #c92222;
}

.btn-full.btn-yellow {
	border-color: #DDA025;
	background: #DDA025;
	color: #000;
}

.btn-full.btn-yellow svg {
	fill: #000;
}

.btn-full.btn-yellow:hover {
	border-color: #c99221;
	background: #c99221;
}

.btn-full.btn-green {
	border-color: #009B95;
	background: #009B95;
	color: #000;
}

.btn-full.btn-green svg {
	fill: #000;
}

.btn-full.btn-green:hover {
	border-color: #01847f;
	background: #01847f;
}

.btn-full.btn-black {
	border-color: #222;
	background: #222;
	color: #cecece;
}

.btn-full.btn-black svg {
	fill: #cecece;
}

.btn-full.btn-black:hover {
	border-color: #111;
	background: #111;
}

.btn.link {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KjQsNGAXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNTAgNTAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUwIDUwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQ0VDRUNFO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzgsM2MtMi4zLDAtNC42LDAuOS02LjQsMi42bC02LDZjLTIuNSwyLjUtMy4yLDYuMi0yLjEsOS4zbDMuNS0zLjVjMC4xLTEuMSwwLjYtMi4xLDEuNC0yLjlsNi02DQoJYzEtMSwyLjMtMS41LDMuNi0xLjVzMi42LDAuNSwzLjUsMS41YzEuOSwxLjksMS45LDUuMSwwLDcuMWwtNiw2Yy0wLjgsMC44LTEuOCwxLjMtMi45LDEuNEwyOSwyNi42YzEsMC4yLDIsMC40LDMsMC40DQoJYzIuMywwLDQuNi0wLjksNi40LTIuNmw2LTZjMy41LTMuNSwzLjUtOS4zLDAtMTIuOEM0Mi42LDMuOSw0MC4zLDMsMzgsM3ogTTMxLjUsMTYuNWMtMC41LDAtMSwwLjItMS40LDAuNmwtMTMsMTMNCgljLTAuOCwwLjgtMC44LDIuMSwwLDIuOGMwLjQsMC40LDAuOSwwLjYsMS40LDAuNnMxLTAuMiwxLjQtMC42bDEzLTEzYzAuOC0wLjgsMC44LTIsMC0yLjhDMzIuNSwxNi43LDMyLDE2LjUsMzEuNSwxNi41eiBNMTgsMjMNCgljLTIuMywwLTQuNiwwLjktNi40LDIuNmwtNiw2Yy0zLjUsMy41LTMuNSw5LjIsMCwxMi43QzcuNCw0Ni4xLDkuNyw0NywxMiw0N3M0LjYtMC45LDYuNC0yLjZsNi02YzIuNS0yLjUsMy4yLTYuMSwyLjEtOS4zbC0zLjYsMy41DQoJYy0wLjEsMS4xLTAuNiwyLjEtMS40LDIuOWwtNiw2Yy0wLjksMS0yLjIsMS41LTMuNSwxLjVzLTIuNi0wLjUtMy41LTEuNWMtMS45LTEuOS0xLjktNS4xLDAtNy4xbDYtNmMwLjgtMC44LDEuOC0xLjMsMi45LTEuNA0KCWwzLjYtMy42QzIwLDIzLjIsMTksMjMsMTgsMjN6IE00MCwzMGMtNS41LDAtMTAsNC41LTEwLDEwczQuNSwxMCwxMCwxMHMxMC00LjUsMTAtMTBTNDUuNSwzMCw0MCwzMHogTTM5LDM1aDJ2NGg0djJoLTR2NGgtMnYtNGgtNA0KCXYtMmg0VjM1eiIvPg0KPC9zdmc+DQo=');
	background-position: top 35% center;
	background-repeat: no-repeat;
	background-size: 50%;
}

.btn.link:hover {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTAgNTAiPgogICAgPHBhdGggZD0iTSAzOCAzIEMgMzUuNyAzIDMzLjM5OTYwOSAzLjg5OTYwOTQgMzEuNTk5NjA5IDUuNTk5NjA5NCBMIDI1LjU5OTYwOSAxMS41OTk2MDkgQyAyMy4wOTk2MDkgMTQuMDk5NjA5IDIyLjQgMTcuODAwMzkxIDIzLjUgMjAuOTAwMzkxIEwgMjcgMTcuNDAwMzkxIEMgMjcuMSAxNi4zMDAzOTEgMjcuNjAwMzkxIDE1LjMgMjguNDAwMzkxIDE0LjUgTCAzNC40MDAzOTEgOC41IEMgMzUuNDAwMzkxIDcuNSAzNi43IDcgMzggNyBDIDM5LjMgNyA0MC42IDcuNSA0MS41IDguNSBDIDQzLjQgMTAuNCA0My40IDEzLjU5OTYwOSA0MS41IDE1LjU5OTYwOSBMIDM1LjUgMjEuNTk5NjA5IEMgMzQuNyAyMi4zOTk2MDkgMzMuNjk5NjA5IDIyLjkgMzIuNTk5NjA5IDIzIEwgMjkgMjYuNTk5NjA5IEMgMzAgMjYuNzk5NjA5IDMxIDI3IDMyIDI3IEMgMzQuMyAyNyAzNi42MDAzOTEgMjYuMTAwMzkxIDM4LjQwMDM5MSAyNC40MDAzOTEgTCA0NC40MDAzOTEgMTguNDAwMzkxIEMgNDcuOTAwMzkxIDE0LjkwMDM5MSA0Ny45MDAzOTEgOS4wOTk2MDk0IDQ0LjQwMDM5MSA1LjU5OTYwOTQgQyA0Mi42MDAzOTEgMy44OTk2MDk0IDQwLjMgMyAzOCAzIHogTSAzMS41IDE2LjUgQyAzMSAxNi41IDMwLjQ5OTYwOSAxNi42OTk2MDkgMzAuMDk5NjA5IDE3LjA5OTYwOSBMIDE3LjA5OTYwOSAzMC4wOTk2MDkgQyAxNi4yOTk2MDkgMzAuODk5NjA5IDE2LjI5OTYwOSAzMi4yMDAzOTEgMTcuMDk5NjA5IDMyLjkwMDM5MSBDIDE3LjQ5OTYwOSAzMy4zMDAzOTEgMTggMzMuNSAxOC41IDMzLjUgQyAxOSAzMy41IDE5LjUwMDM5MSAzMy4zMDAzOTEgMTkuOTAwMzkxIDMyLjkwMDM5MSBMIDMyLjkwMDM5MSAxOS45MDAzOTEgQyAzMy43MDAzOTEgMTkuMTAwMzkxIDMzLjcwMDM5MSAxNy44OTk2MDkgMzIuOTAwMzkxIDE3LjA5OTYwOSBDIDMyLjUwMDM5MSAxNi42OTk2MDkgMzIgMTYuNSAzMS41IDE2LjUgeiBNIDE4IDIzIEMgMTUuNyAyMyAxMy4zOTk2MDkgMjMuODk5NjA5IDExLjU5OTYwOSAyNS41OTk2MDkgTCA1LjU5OTYwOTQgMzEuNTk5NjA5IEMgMi4wOTk2MDk0IDM1LjA5OTYwOSAyLjA5OTYwOTQgNDAuODAwNzgxIDUuNTk5NjA5NCA0NC4zMDA3ODEgQyA3LjM5OTYwOTQgNDYuMTAwNzgxIDkuNyA0NyAxMiA0NyBDIDE0LjMgNDcgMTYuNjAwMzkxIDQ2LjEwMDM5MSAxOC40MDAzOTEgNDQuNDAwMzkxIEwgMjQuNDAwMzkxIDM4LjQwMDM5MSBDIDI2LjkwMDM5MSAzNS45MDAzOTEgMjcuNiAzMi4yOTk2MDkgMjYuNSAyOS4wOTk2MDkgTCAyMi45MDAzOTEgMzIuNTk5NjA5IEMgMjIuODAwMzkxIDMzLjY5OTYwOSAyMi4zIDM0LjcgMjEuNSAzNS41IEwgMTUuNSA0MS41IEMgMTQuNiA0Mi41IDEzLjMgNDMgMTIgNDMgQyAxMC43IDQzIDkuNCA0Mi41IDguNSA0MS41IEMgNi42IDM5LjYgNi42IDM2LjQwMDM5MSA4LjUgMzQuNDAwMzkxIEwgMTQuNSAyOC40MDAzOTEgQyAxNS4zIDI3LjYwMDM5MSAxNi4zMDAzOTEgMjcuMSAxNy40MDAzOTEgMjcgTCAyMSAyMy40MDAzOTEgQyAyMCAyMy4yMDAzOTEgMTkgMjMgMTggMjMgeiBNIDQwIDMwIEMgMzQuNSAzMCAzMCAzNC41IDMwIDQwIEMgMzAgNDUuNSAzNC41IDUwIDQwIDUwIEMgNDUuNSA1MCA1MCA0NS41IDUwIDQwIEMgNTAgMzQuNSA0NS41IDMwIDQwIDMwIHogTSAzOSAzNSBMIDQxIDM1IEwgNDEgMzkgTCA0NSAzOSBMIDQ1IDQxIEwgNDEgNDEgTCA0MSA0NSBMIDM5IDQ1IEwgMzkgNDEgTCAzNSA0MSBMIDM1IDM5IEwgMzkgMzkgTCAzOSAzNSB6Ii8+Cjwvc3ZnPgo=');
}

/* *
* 		Auth-page
*/
form .static {
	margin-top: 2px !important;
	margin-bottom: -15px !important;
}

form .wrap-msg:first-child .static {
	margin-top: -25px !important;
}

html.auth-page {
	height: 100%;
}

.auth-page body {
	font: 16px Exo2;
	background-color: #1a1f25;
	background-image: url(../img/bg/auth.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	min-height: 100%;
}

.auth-page body::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../img/bg/auth.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .5s linear;
}

.auth-page body::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../img/bg/registration.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .5s linear;
	z-index: -1;
	opacity: 0;
}

.auth-page body.registration::before {
	opacity: 0;
}

.auth-page body.registration::after {
	opacity: 1;
}

/* .background-wallpaper {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
}
.background-wallpaper::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../img/bg/auth.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .5s ease-in-out;
}

body.registration .background-wallpaper::before {
	left: 100%;
	right: -100%;
	transition: all .5s ease-in-out;
	z-index: -1;
}
.background-wallpaper::after {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	right: 100%;
	bottom: 0;
	background-image: url(../img/bg/registration.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all .5s ease-in-out;
}
body.registration .background-wallpaper::after {
	left: 0;
	right: 0;
	transition: all .5s ease-in-out;
	z-index: -1;
} */

.auth-wrap {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.auth-slogan {
	color: #cecece;
	font-size: 30px;
	padding: 10px;
	line-height: 1.3;
}

.text-auth-out-2 {
	white-space: pre-wrap;
}

.text-auth-out-1,
.auth-slogan span {
	color: #51aa48;
}

.auth-slogan .text-auth {
	position: relative;
	z-index: 1;
	opacity: 1;
	transition: opacity 0.2s ease-in-out;
	min-height: 120px;
}

.auth-slogan .text-registration {
	position: relative;
	z-index: -1;
	opacity: 0;
	height: 0;
	transition: opacity 0;
}

.auth-page body.registration .auth-slogan .text-auth {
	z-index: -1;
	opacity: 0;
	height: 0;
	transition: opacity 0;
}

.auth-page body.registration .auth-slogan .text-registration {
	z-index: 1;
	opacity: 1;
	transition: opacity 0.2s ease-in-out;
}

.auth-container {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px 0;
}

.blur-block {
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	border-radius: 10px;
	background-color: rgba(0, 0, 0, .4);
	color: #cecece;
}

.auth-form-wrap {
	position: fixed;
	top: 25%;
	width: 90%;
	max-width: 400px;
	padding: 40px;
	padding-top: 0;
}

.auth-tabs {
	color: #cecece;
	display: flex;
	justify-content: space-between;
	margin: 10px -30px 35px;
	font-size: 18px;
	border-radius: 10px;
	overflow: hidden;
	padding: 4px;
	position: relative;
	background-color: rgba(0, 0, 0, .1);
}

.auth-tabs .bg-click {
	content: '';
	position: absolute;
	top: 5px;
	left: 5px;
	bottom: 5px;
	width: 48%;
	margin: 0;
	background: #000;
	border-radius: 7px;
	z-index: -1;
	transition: .4s linear;
	background-color: rgba(255, 255, 255, .1) !important;
}

.auth-tabs .tab-btn {
	width: calc(50% - 3px);
	margin: 0 0;
	padding: 7px 12px;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	border-radius: 7px;
	transition: .15s;
	user-select: none;
}

.auth-tabs .tab-btn:hover {
	background-color: rgba(0, 0, 0, .05);
}

.auth-tabs .tab-btn.tab-active:hover {
	background-color: transparent;
}

.auth-tabs .tab-active {
	color: #DDA025;
}

.auth-tabs .tab-btn-full {
	width: 100%;
	margin: 0 0;
	padding: 7px 12px;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	border-radius: 7px;
	transition: .15s;
	user-select: none;
}

.auth-tabs .tab-btn-full:hover {
	background-color: rgba(0, 0, 0, .05);
}

input.custom-input {
	width: 100%;
	background: transparent;
	border: 1px solid #ccc;
	padding: 10px 15px;
	font-size: 120%;
	color: #ccc;
	transition: .2s;
	background-color: rgba(0, 0, 0, .1);
	border-radius: 5px;
	font: 16px Exo2;
	margin-top: 20px;
}

input.custom-input::placeholder {
	color: #cecece;
}

input.custom-input:focus {
	border-color: #DDA025;
}

input.custom-input :first-child {
	margin-top: 0;
}

input.custom-input.error {
	border-color: #bc1a1a;
}

input.submit-yellow[type=submit] {
	background-color: #DDA025;
	border: none;
	color: #000;
	cursor: pointer;
}

input.submit-yellow[type=submit]:hover,
input.submit-yellow[type=submit]:active,
input.submit-yellow[type=submit]:focus {
	background-color: #c99221;
}

.change-avatar-form {
	padding-top: 10px;
}

.change-avatar-form .custom-input-file {
	position: relative;
	margin-top: 20px;
}

.change-avatar-form .custom-input-file .wrap-msg {
	width: 100%;
	margin-top: -19px;
}

.change-avatar-form .custom-input-file .wrap-msg .success-text,
.change-avatar-form .custom-input-file .wrap-msg .error-text2 {
	position: static;
}

.change-avatar-form .custom-input-file .wrap-msg>* {
	width: 100%;
	text-align: center;
}

.change-avatar-form .custom-input-file .wrap-msg .error-text2 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.change-avatar-form .custom-input-file .wrap-avatar {
	position: absolute;
	top: 5px;
	right: 5px;
	bottom: 5px;
	left: 5px;
	display: flex;
	justify-content: center;
	align-items: center;
	pointer-events: none;
}

.change-avatar-form .custom-input-file .wrap-avatar img {
	max-width: 100%;
	max-height: 100%;
}

.custom-input-file {
	display: block;
}

.custom-input-file input[type=file] {
	display: none;
}

.custom-input-file .icon-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 150px;
	border: 2px solid #ccc;
	border-radius: 7px;
	padding: 20px 25px;
	text-align: center;
	cursor: pointer;
	transition: .15s;
}

.custom-input-file .icon-wrap svg {
	width: 50px;
	height: 50px;
	fill: #ccc;
	transform: scale(1);
	transition: .15s;
}

.custom-input-file .icon-wrap:hover {
	background: rgba(255, 255, 255, .1);
}

.custom-input-file .icon-wrap:hover svg {
	transform: scale(1.15);
}

.auth-form-wrap form {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	height: 0;
}

.auth-form-wrap form.active {
	opacity: 1;
	visibility: visible;
	z-index: 1;
	height: auto;
	transition: .6s;
}

input[type=checkbox] {
	display: none;
}

.new-checkbox-label {
	display: inline-block;
	padding: 5px 10px 7px 50px;
	border-radius: 5px;
	margin: 15px 0 15px 5px;
	cursor: pointer;
	position: relative;
	user-select: none;
}

.new-checkbox-style {
	position: absolute;
	background: rgba(0, 0, 0, .1);
	width: 35px;
	height: 20px;
	left: 0;
	top: 50%;
	margin-top: -10px;
	border-radius: 20px;
	transition: .2s;
}

.new-checkbox-style::before {
	content: '';
	position: absolute;
	border-radius: 50%;
	width: 16px;
	height: 16px;
	top: 2px;
	left: 2px;
	z-index: 1;
	background: rgba(255, 255, 255, .2);
	transition: .2s;
}

input[type=checkbox]:checked+.new-checkbox-style::before {
	left: 17px;
	background: #DDA025;
}

.remind-pass-wrap {
	margin: 25px 0 0;
	border-top: 1px solid rgba(255, 255, 255, .35);
	padding-top: 15px;
	text-align: center;
	margin-bottom: -15px;
}

.remind-pass {
	display: inline-block;
	cursor: pointer;
	color: #aaa;
	text-decoration: underline;
	transition: .15s;
}

.remind-pass:hover {
	color: #bcbcbc;
}

form .wrap-msg {
	position: relative;
}

.error-text2 {
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	bottom: -19px;
	margin-top: -1px;
	color: #bc1a1a;
	text-align: left;
}

.success-text {
	position: absolute;
	top: auto;
	left: auto;
	right: auto;
	bottom: -19px;
	margin-top: -1px;
	color: #00e46a;
	text-align: left;
}

@media (max-width: 900px) {
	.auth-slogan {
		font-size: 26px;
		text-align: center;
	}

	.text-auth-out-1 {
		font-size: 30px;
	}

	.auth-form-wrap {
		top: 25%;
	}
}

.help-wrap {
	padding: 20px;
	text-align: right;
}

.info-link {
	display: inline-block;
	padding: 12px;
	margin-bottom: -2px;
	border-radius: 10px;
	background-color: rgba(0, 0, 0, .4) !important;
}

.info-link svg {
	width: 32px;
	height: 32px;
	display: block;
	border-radius: 50%;
	transition: .15s;
	box-sizing: content-box;
}

.info-link:hover svg {
	animation: swing 0.7s ease;
}

@keyframes swing {
	15% {
		transform: translateX(7px);
	}

	30% {
		transform: translateX(-7px);
	}

	40% {
		transform: translateX(5px);
	}

	50% {
		transform: translateX(-5px);
	}

	65% {
		transform: translateX(2px);
	}

	100% {
		transform: translateX(0);
	}
}

@media (max-height: 650px) {
	.auth-form-wrap {
		position: relative;
		top: 0;
	}
}

@supports (backdrop-filter: blur(5px)) {
	.blur-block {
		background-color: rgba(0, 0, 0, .05);
		backdrop-filter: blur(15px);
		backdrop-filter: blur(15px) contrast(0.95);
	}
}

/* *
* 		/ Auth-page
*/

/* *
*		Task-page
*/
body {
	color: #cecece;
	font: 16px Ubuntu, Arial;
	/* font: 16px Exo2; */
	background: #1a1f25 url('/img/themes/table.jpg') top center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	min-height: 100vh;
	overflow-x: hidden;
}

.wallpaper-background-dark {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	opacity: .8;
	z-index: 1;
}

.wrapper {
	position: relative;
	z-index: 2;
	min-height: 100%;
}

.task-page .wrapper {
	padding-top: 60px;
}

main {
	position: relative;
	z-index: 1;
	padding: 15px 30px 30px;
	margin-right: 400px;
	margin-left: 120px;
}

.task-content-wrap {
	max-width: 750px;
	margin: auto;
	padding: 0 30px 130px;
}

.task-content-wrap a {
	text-decoration: underline;
}

body .dub-h1 {
	display: none;
}

.settings-page .dub-h1 {
	text-shadow: 1px 1px 1px #000;
}

header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
	display: flex;
	align-items: center;
	z-index: 3;
	background-image: url('/img/themes/table.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;
	background-size: cover;
}

.task-page header {
	padding-right: 450px;
}

.task-page header::after {
	content: '';
	position: absolute;
	right: 400px;
	top: 100%;
	left: 0;
	height: 2px;
	background-color: #222;
}

header .dark-bakground {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: #000;
	z-index: -1;
	opacity: .5;
}

.task-page header .dark-bakground {
	opacity: .85;
}

.logo {
	width: 60px;
	height: 60px;
	padding: 5px;
}

.logo a {
	display: inline-block;
}

.logo img {
	width: 100%;
	display: block;
}

section {
	margin-top: 25px;
}

section + section {
	border-top: 2px solid #42a3f5;
	padding-top: 60px;
}

.category-wrap h2 .name-wrap {
	border-radius: 5px;
	padding-right: 30px;
	display: block;
	/* word-break: break-word; */
	overflow-wrap: break-word;
	border-radius: 5px;
	transition: .15s;
}

.subtasks,
.task-wrap {
	border: 3px dashed transparent;
	border-radius: 20px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.subtasks {
	position: relative;
	padding-left: 20px;
	padding-right: 0;
	margin-top: 27px;
}

.main-ol {
	padding: 15px 0 15px 25px;
	transition: transform .15s;
	border-radius: 20px;
}

.main-ol + .main-ol {
	padding-top: 0;
}

.subtasks.active-drop-list,
.task-wrap.active-drop-list {
	border-color: #bbb;
}

.main-ol > li {
	color: #DDA025;
	font-weight: bold;
	font-size: 18px;
}

.main-ol > li > .name-wrap:before {
	color: #DDA025;
}

.main-ol ol li.del > .name-wrap:before,
.main-ol ol li.del > .name-wrap,
.main-ol li.del > .name-wrap:before,
.main-ol li.del > .name-wrap {
	text-decoration: line-through;
	color: #5f5f5f;
}

.hide-btns .task-wrap {
	margin-top: -20px;
}	

.hide-btns .subtasks {
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.checkbox-done {
	display: inline-block;
	position: absolute;
	left: -30px;
	top: -1px;
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzguMiAzNyIgdmlld0JveD0iMCAwIDM4LjIgMzciPjxwYXRoIGQ9Ik0yOC4zIDM2LjhINi44QzMuMSAzNi44IDAgMzMuNyAwIDMwVjguOEMwIDUuMSAzLjEgMiA2LjggMmgyMS40QzMyIDIgMzUgNS4xIDM1IDguOFYzMGMuMSAzLjctMyA2LjgtNi43IDYuOHptMi44LTcuNFY5LjFDMzEuMSA3LjQgMjkuNyA2IDI4IDZINy4zQzUuNiA2IDQuMiA3LjQgNC4yIDkuMXYyMC40YzAgMS43IDEuNCAzLjEgMy4xIDMuMWgyMC42YzEuNyAwIDMuMi0xLjQgMy4yLTMuMnoiIHN0eWxlPSJmaWxsOiNhYWEiLz48L3N2Zz4=') center no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	opacity: .3;
	cursor: pointer;
	transition: .15s;
}

.checkbox-done:hover {
	opacity: 1;
}

.del .checkbox-done {
	background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzguMiAzNyIgdmlld0JveD0iMCAwIDM4LjIgMzciPjxwYXRoIGQ9Ik0zNy4zIDMuOUMyOSA4IDI2LjggMTMuMSAyMyAyMS45Yy0uOCAxLjgtMS40IDMuNy0yLjEgNS41LS40IDEuMS0uOSAyLjMtMi4zIDItMS4yLS4zLTIuOS0uOC0zLjItMS43LTEuNy00LjQtNC04LjMtNy4zLTExLjctLjgtLjgtLjQtMS42LjYtMiAxLjctLjYgMy4zLS40IDQuNSAxIDEuNCAxLjcgMi44IDMuNCA0LjQgNS4zLjItLjMuNC0uNi41LS45IDMuNC03LjggNy0xNCAxMy45LTE4LjkuMi0uMS40LS4yLjYtLjQuOC0uNCAxLjgtLjUgMi43LS4xLS4zLjItLjMgMCAxLjMuOSAxLjMuNyAxLjcgMSAxLjYgMiAwIC4yLS4zLjUtLjUuNiAwIC4yLS40LjQtLjQuNHoiIHN0eWxlPSJmaWxsOiMyOTliMjkiLz48cGF0aCBkPSJNMjcuMiAyLjJjLTEuMSAxLjItMS44IDIuMi0yLjggMi45LS42LjUtMS42IDEtMi40IDEtNC42LjEtOS4yIDAtMTMuOSAwLTIuOCAwLTQgMS4xLTQgMy45djE4LjhjMCAzLjEgMS4zIDQuMSA0LjkgNGgxNi4xYzQuNi4yIDUuOC0uNiA1LjgtNC4yIDAtNC42LjMtOS4xLS4xLTEzLjctLjMtMy41IDEuNS01LjQgNC4xLTcuNS4xLjkuMiAxLjUuMiAyLjF2MTkuNmMwIDQuNS0zIDcuNi03LjYgNy42SDYuOWMtMy43IDAtNi44LTMtNi44LTYuOEMwIDIzLS4xIDE1LjkuMSA4LjdjLjEtMy42IDMtNi41IDYuNi02LjUgNi43LS4xIDEzLjQgMCAyMC41IDB6IiBzdHlsZT0iZmlsbDojYWFhIi8+PC9zdmc+') center no-repeat;
	opacity: 1;
}

ol li span.name-wrap {
	display: flex;
	min-height: 22px;
	width: 100%;
	position: relative;
	transition: .15s;
	padding-right: 55px;
	border-radius: 5px;
}

ol li>span.name-wrap:before {
	content: attr(data-listnum) ". ";
	color: #009B95;
	padding-right: 5px;
}

ol li span.name {
	word-break: break-word;
}

.subtasks {
	counter-reset: list2;
}

ol ol li>span.name-wrap:before {
	counter-increment: list2;
	content: attr(data-listnum) "."counter(list2) ". ";
}

.listCompletedWrap {
	height: 100vh;
	position: fixed;
	background: rgba(0, 0, 0, .4);
	top: 0;
	right: 0;
	max-width: 400px;
	width: 85%;
	z-index: 11;
	margin: 0;
	border-left: 2px solid #222;
	padding-right: 5px;
}

.listCompletedWrap.active {
	transform: translateX(0);
	max-width: 85%;
}

#listCompleted {
	height: 100vh;
	overflow: hidden;
	overflow-y: auto;
	padding: 0 10px 10px;
}

#listCompleted .capt>span {
	margin-bottom: 0;
	padding: 0;
	color: #dd2525;
	font-weight: bold;
	overflow-wrap: break-word;
}

#listCompleted ul {
	padding: 0 0 0 15px;
}

#listCompleted ul li {
	margin-bottom: 1px;
	margin-top: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	transition: .1s;
	padding: 0 75px 12px 2px;
	line-height: 1;
	border-radius: 4px;
}

#listCompleted ul li:hover {
	background: rgba(255, 255, 255, .2);
}

#listCompleted a {
	font-size: 80%;
	text-decoration: none;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	overflow-anchor: none;
}

#listCompleted a:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
}

#listCompleted .completed {
	opacity: .35;
	text-decoration: line-through;
}

.count-progress {
	position: absolute;
	top: 3px;
	right: 3px;
	font-size: 85%;
	color: #DDA025;
}

.count-progress span {
	color: #009B95;
	font-weight: bold;
}

.progress-wrap {
	display: block;
	height: 7px;
	background: #cecece;
	border-radius: 20px;
	position: absolute;
	margin-top: -7px;
	bottom: 3px;
	left: 3px;
	right: 3px;
	overflow: hidden;
}

.progress {
	background: #009B95;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-radius: 20px;
	transition: .2s;
}

header h1 {
	flex: 1;
}

.content-menu {
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	visibility: hidden;
	opacity: 0;
}

.content-drag {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-right: 5px;
	border-radius: 5px;
	cursor: pointer;
	transition: .2s;
	line-height: 16px;
	overflow: hidden;
	background-color: rgba(255, 255, 255, .2);
	position: relative;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2aWV3Qm94PSIwIDAgNDUuMSA0NS4xIj48cGF0aCBmaWxsPSIjQ0VDRUNFIiBkPSJNMi45IDI1LjFjLS40IDAtLjctLjEtMS4xLS4yLTIuNC0xLTIuMi00IC4yLTQuOC40LS4xLjYtLjIgMS0uMmgzOS40Yy4yIDAgLjYuMS44LjIgMi40LjkgMi41IDMuOS4xIDQuOC0uNC4xLS43LjItMS4xLjJNNDIuMSAxMi4xYy40IDAgLjcuMSAxLjEuMiAyLjQgMSAyLjMgMy45LS4xIDQuOC0uNC4xLS40LjItMSAuMkgyLjNjLTMtLjUtMy4yLTQuMi0uNC01IC4yLS4xLjUtLjEuNy0uMU00Mi4xIDI3LjljLjIgMCAuNCAwIC42LjEgMi45LjYgMy4zIDQuMi40IDVIMmMtMi40LS43LTIuNi0zLjUtLjQtNC42LjUtLjMgMS4xLS40IDEuOC0uNE0yMSA0NC4zbC00LjUtNi4yYy0uOC0xLjIgMC0yLjggMS40LTIuOGg5LjNjMS40IDAgMi4zIDEuNiAxLjQgMi44TDI0IDQ0LjRjLS42IDEtMi4yIDEtMy0uMXpNMTYuNCA3LjIgMjEgLjhjLjctMSAyLjEtMSAyLjggMGw0LjcgNi40Yy45IDEuMiAwIDIuOC0xLjQgMi44aC05LjNjLTEuNC0uMS0yLjItMS42LTEuNC0yLjh6Ii8+PC9zdmc+');
	background-position: center;
    background-size: 74% auto;
    background-repeat: no-repeat;
	cursor: move;
}

.burger-edit {
	display: inline-block;
	position: relative;
	width: 22px;
	height: 22px;
	border-radius: 5px;
	cursor: pointer;
	transition: .2s;
	line-height: 16px;
	overflow: hidden;
	background-color: rgba(255, 255, 255, .2);
}
.content-drag:hover,
.burger-edit:hover {
	background-color: rgba(0, 0, 0, .3);
}

.burger-edit:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 5;
}

.add-task-wrap {
	margin-top: 10px;
	display: block;
	padding-left: 28px;
}

.add-list {
	display: inline-block;
	padding: 0 10px 5px;
	position: absolute;
	top: -25px;
	opacity: 1;
	transition: opacity .1s, background-color .1s;
}

.active-drop-list>.add-list {
	opacity: 0;
	z-index: -1;
}

.active-drop-list .main-ol.drag-selected {
	background-color: rgba(255, 255, 255, .15);
}

.active-drop-list .subtask-item.drag-selected .name-wrap {
	background-color: rgba(0, 0, 0, .3) !important;
}

.active-drop-list .subtasks {
	opacity: 0.7;
}

.active-drop-list .subtasks .name-wrap {
	background-color: transparent;
}

.add-category-wrap {
	margin-top: 10px;
	display: block;
	margin-bottom: -10px;
}

.burger-edit svg {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: -1;
	fill: #cecece;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	margin-left: -9px;
	transition: .1s linear;
}

.edit-btn-block {
	display: block;
	position: absolute;
	top: -5px;
	right: -5px;
	padding: 3px 4px;
	visibility: hidden;
	opacity: 0;
	z-index: -1;
	border-radius: 7px;
	background-color: #cecece;
	user-select: none;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .7);
}

.edit-btn-block li {
	display: flex;
	align-items: center;
	color: #222;
	margin: 3px 0;
	cursor: pointer;
	border-radius: 3px;
	padding: 1px 3px 4px;
	font: 16px Exo2;
	transition: .1s;
}

.edit-btn-block li:hover {
	background: #aaa;
}

.edit-btn-block.active {
	visibility: visible;
	opacity: 1;
	z-index: 5;
}

.edit-btn-block i {
	display: inline-block;
	margin-right: 8px;
	cursor: pointer;
	width: 20px;
	height: 20px;
	position: relative;
	z-index: 4;
	user-select: none;
	transform: translateY(2px);
}

.edit-btn-block i:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1;
}

.burger-edit i svg,
.edit-btn-block i svg {
	transition: fill .2s;
	display: block;
	width: 20px;
	height: 20px;
	fill: #cecece;
}

.edit-btn-block i svg {
	fill: #222;
}

.edit-btn-block .hr {
	position: relative;
	margin-bottom: 12px;
}
.edit-btn-block .hr:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: -7px;
    border-style: inset;
    border-width: 1px;
}

.edit-btn-block .icon-up i svg {
	transform: rotate(180deg);
	transform-origin: center;
}

.edit-btn-block .icon-add-category {
	background: #dd252587;
}
.edit-btn-block .icon-add-category:hover {
	background: #dd2525;
}

.edit-btn-block .icon-add-category svg {
	fill: #333;
}

.edit-btn-block .icon-add-task:hover {
	background: #DDA025;
}
.edit-btn-block .icon-add-task {
	background: #dda0258f;
}

.edit-btn-block .icon-add-task svg {
	fill: #333;
}

.edit-btn-block .icon-add-list:hover {
	background: rgba(0, 155, 149,.75);

}
.edit-btn-block .icon-add-list {
	background: rgba(0, 155, 149,.25);
}

.edit-btn-block .icon-add-list svg {
	fill: #333;
}

.edit-btn-block .icon-rename svg {
	fill: #DDA025;
}

.edit-btn-block .icon-copy svg {
	fill: #009B95;
}

.edit-btn-block .icon-delete svg {
	fill: #dd2525;
}

.edit-btn-block .icon-up svg {
	fill: #0e77d0;
}

.edit-btn-block .icon-down svg {
	fill: #0e77d0;
}

.category-wrap:first-of-type .icon-up,
.category-wrap:last-of-type .icon-down {
	display: none;
}

.category-wrap .icon-up.hr {
	margin-bottom: 3px;
}
.category-wrap .icon-up.hr:after {
	display: none;
}

.category-wrap:last-of-type .icon-up.hr {
	margin-bottom: 12px;
}

.category-wrap:last-of-type .icon-up.hr:after {
	display: block;
}

.category-wrap h2 .hover-menu,
.category-wrap h2:hover .name-wrap,
.main-ol li .name-wrap.hover-menu,
.main-ol li .name-wrap:hover,
.active-drop-list .name-wrap,
.main-ol .subtasks.active-drop-list li:not(.drag-selected) .name-wrap:hover {
	background-color: rgba(255, 255, 255, .1);
}

.category-wrap h2.hover-menu .content-menu,
.category-wrap h2:hover .content-menu,
.main-ol li .name-wrap.hover-menu .content-menu,
.main-ol li .name-wrap:hover .content-menu {
	visibility: visible;
	opacity: 1;
	z-index: 1;
}


.active-drop-list .main-ol:not(.drag-selected) > li > .name-wrap:hover .content-menu,
.active-drop-list .subtask-item:not(.drag-selected) .name-wrap:hover .content-menu {
	visibility: hidden !important;
	opacity: 0 !important;
	z-index: 0 !important;
}

.svg-hide {
	display: none;
}

/* modal */
.DOM_modal_open {
	overflow: hidden;
}

.DOM_modal_mask {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	background-color: #000;
	background-color: rgba(0, 0, 0, .3);
	backdrop-filter: blur(4px);
	padding: 30px 0;
	text-align: center;
	overflow-x: hidden;
	overflow-y: scroll;
	opacity: 0;
	transition: opacity .2s;
	visibility: hidden;
	z-index: -1000;
}

.DOM_modal_mask.DOM_mask_show {
	visibility: visible;
	opacity: 1;
	z-index: 99999998;
}

.DOM_modal_window {
	position: relative;
	z-index: 99999999;
	width: 90%;
	max-width: 615px;
	margin: auto;
}

.DOM_modal_container {
	position: relative;
	padding: 35px;
	text-align: center;
	background-color: #fff;
	border-radius: 7px;
}

.DOM_modal_exit {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 5px;
	cursor: pointer;
	color: #222;
	font-size: 250%;
	text-decoration: none !important;
	line-height: .8;
	transition: .15s;
	transform: scale(1);
	z-index: 1;
}

.DOM_modal_exit:hover {
	transform: scale(1.1);
}

.transparent .DOM_modal_container {
	background: transparent;
	background: rgba(0, 0, 0, .5);
}

.modal-header {
	color: #000;
	padding-bottom: 30px;
	font-size: 20px;
}

.transparent .DOM_modal_exit,
.transparent .modal-header {
	color: #cecece;
}

.input-style {
	display: block;
	width: 100%;
	padding: 10px 20px;
	background: #cecece;
	margin-bottom: 20px;
}

.transparent .input-style {
	border: 1px solid #999;
	background: transparent;
	color: #cecece;
	border-radius: 7px;
	box-shadow: 0 0 0 transparent;
	transition: .15s;
}

.transparent .input-style:focus {
	box-shadow: 0 0 7px #cecece;
	outline: none;
}

.transparent .input-style.error {
	box-shadow: 0 0 7px #a00;
	border-color: #a00;
}

.DOM_modal_container .btn {
	padding: 10px 25px;
	margin: 0 10px 10px;
	text-transform: lowercase;
	font-size: 16px;
	width: auto;
}

.form-group {
	position: relative;
}

.error-text {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transition: opacity .2s;
	color: #ff5f5f;
	text-align: left;
}

input.error+.error-text {
	opacity: 1;
	visibility: visible;
	transition: .2s;
	z-index: 0;
	top: -25px;
}

#modalConfirm .modal-header {
	padding-top: 15px;
}

.scrollToTop {
	width: 85px;
	line-height: 60px;
	text-align: center;
	background: rgba(0, 0, 0, .3) url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMDAgMTkwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMDAgMTkwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDpub25lO3N0cm9rZTojZmZmO3N0cm9rZS13aWR0aDoyMDtzdHJva2UtbGluZWNhcDpyb3VuZDt9DQo8L3N0eWxlPg0KPGxpbmUgY2xhc3M9InN0MCIgeDE9IjEwMCIgeTE9IjEwIiB4Mj0iMTAiIHkyPSIxODAiLz4NCjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxMDAiIHkxPSIxMCIgeDI9IjE5MCIgeTI9IjE4MCIvPg0KPGxpbmUgY2xhc3M9InN0MCIgeDE9IjEwIiB5MT0iMTgwIiB4Mj0iMTAwIiB5Mj0iMTM3LjUiLz4NCjxsaW5lIGNsYXNzPSJzdDAiIHgxPSIxOTAiIHkxPSIxODAiIHgyPSIxMDAiIHkyPSIxMzcuNSIvPg0KPC9zdmc+DQo=') center no-repeat;
	background-size: 30px 30px;
	color: #aaa;
	text-decoration: none;
	position: fixed;
	left: 0;
	bottom: 0;
	top: 62px;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	transition: .15s linear;
	font-size: 25px;
	z-index: -5;
}

.scrollToTop:hover {
	text-decoration: none;
	background-color: rgba(250, 250, 250, .1);
	color: #ccc;
}

.scrollToTop.scrollToTopVisible {
	opacity: .6;
	visibility: visible;
	z-index: 2;
}

.add-link-container {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	margin: auto;
	transition: .2s;
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	transform: scale(.5);
	display: flex;
	justify-content: center;
	align-items: center;
}

#modalAddLink {
	position: absolute;
	width: 85%;
	max-width: 625px;
	background: #111;
	padding: 20px;
}

.add-link-container.active {
	opacity: 1;
	visibility: visible;
	z-index: 10;
	transform: scale(1);
}

.add-link-header {
	margin-bottom: 30px;
	font-size: 115%;
}

.drag-selected {
	transform: scale(1.02);
}

.mobile-burger {
	display: none;
	position: fixed;
	bottom: -2px;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 10;
	font: 20px Exo2;
	padding: 10px 15px;
	cursor: pointer;
	background: #050505;
	border-radius: 8px 8px 0 0 !important;
	box-shadow: 0 0 5px 2px #eee;
	user-select: none;
	-webkit-tap-highlight-color: #050505;
}

.mobile-burger-item {
	width: 40px;
	height: 4px;
	background: #ccc;
	display: block;
	border-radius: 10px;
	margin: 4px auto;
}

.mask {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	background-color: rgba(0, 0, 0, .3);
	z-index: 200;
	backdrop-filter: blur(4px);
}

.header-menu-burger {
	cursor: pointer;
	width: 40px;
	height: 40px;
	padding: 5px;
	margin: 0 15px 0 35px;
}

.header-menu-burger svg {
	fill: #cecece;
	width: 100%;
	height: 100%;
	transition: .15s;
}

.header-menu-burger:hover svg {
	fill: #888;
}

.header-menu-burger + .btn {
	margin-left: 15px;
}

.header-menu {
	display: flex;
	flex-direction: column;
	position: fixed;
	width: 85%;
	max-width: 400px;
	top: 0;
	bottom: 0;
	background: #212122;
	border-right: 2px solid #333;
	z-index: 300;
	padding: 20px 20px 0 20px;
	overflow: hidden;
	transition: .15s;
	transform: translateX(-400px);
}

.header-menu.active {
	transform: translateX(0);
}

.menu-user-info {
	position: relative;
}

.menu-user-info::after {
	content: '';
	width: 100%;
	position: absolute;
	box-shadow: 0 0 5px 5px #212122;
	z-index: 1;
}

.header-menu-logo {
	width: 60px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding: 0;
	overflow: hidden;
	border-radius: 7px;
}

.header-menu-profile {
	margin-top: 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-menu-profile>* {
	width: 45%;
}

.header-menu .header-menu-caption {
	border-top: 2px solid #DDA025;
	margin-top: 30px;
	padding-top: 25px;
	margin-bottom: 10px;
}

.header-menu .docs-wrap {
	margin-right: -19px;
	margin-left: -8px;
	padding-right: 15px;
	padding-bottom: 15px;
	overflow: hidden;
	overflow-y: auto;
}

.header-menu-list {
	margin-top: 25px;
	padding: 0 8px;
	margin: 0 -8px -12px 0;
}

.header-menu-list li {
	margin-bottom: 8px;
	position: relative;
}

.header-menu-list .header-menu-item>a,
.doc-submenu .header-menu-item>span,
.header-menu-list .header-menu-item>span.add-doc {
	display: block;
	background-color: rgba(0, 0, 0, .3);
	padding: 7px 10px;
	text-decoration: none;
	transition: .15s;
	color: #cecece;
	border-radius: 7px;
	cursor: pointer;
	position: relative;
}

.header-menu-list.has-submenu .header-menu-item.active>span.add-doc,
.header-menu-list:not(.docs-sort.active) .header-menu-item:hover>a,
.docs-sort.active .drag-selected,
.header-menu-list .doc-submenu .header-menu-item>span:hover,
.header-menu-item.active > a,
.header-menu-list .header-menu-item:hover>span.add-doc {
	background-color: #0a0a0a;
}

.header-menu-list.has-submenu.docs-sort .header-menu-item.open>a {
	/* background-color: rgba(0, 155, 149,.2); */
	background-color: #1a3939;
}

.header-menu-list.has-submenu .header-menu-item>a,
.header-menu-list.has-submenu .header-menu-item>span.add-doc {
	overflow-wrap: break-word;
}

.doc-submenu-icons {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	padding: 2px;
	z-index: -1;
	transition: .15s;
	background-color: #0a0a0a;
	border-radius: 7px;
}

.doc-submenu-icons:before {
	content: '';
	width: 55px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	margin-right: -10px;
	background: linear-gradient(90deg, transparent 0%, #0a0a0a 60%);
	pointer-events: none;
}

.header-menu-item.open .doc-submenu-icons {
	background-color: #1a3939;
}

.header-menu-item.open .doc-submenu-icons:before {
	background: linear-gradient(90deg, transparent 0%, #1a3939 60%);
}

.docs-sort.active .drag-selected:hover .doc-submenu-icons,
.header-menu-list.has-submenu:not(.docs-sort.active) .header-menu-item.active .doc-submenu-icons,
.header-menu-list.has-submenu:not(.docs-sort.active) .header-menu-item:hover .doc-submenu-icons {
	visibility: visible;
	opacity: 1;
	z-index: 2;
}

.header-menu-list.has-submenu .doc-submenu-btn {
	display: inline-block;
	width: 25px;
	height: 100%;
	padding: 5px;
	position: relative;
	border-radius: 7px;
	text-align: center;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjQ0VDRUNFIiBkPSJNMTMgMTZjMCAxLjcgMS4zIDMgMyAzczMtMS4zIDMtMy0xLjMtMy0zLTMtMyAxLjMtMyAzek0xMyAyNmMwIDEuNyAxLjMgMyAzIDNzMy0xLjMgMy0zLTEuMy0zLTMtMy0zIDEuMy0zIDN6TTEzIDZjMCAxLjcgMS4zIDMgMyAzczMtMS4zIDMtMy0xLjMtMy0zLTMtMyAxLjMtMyAzeiIvPjwvc3ZnPg==');
	background-position: center;
	background-size: auto 22px;
	background-repeat: no-repeat;
	transition: .1s;
	cursor: pointer;
}

.header-menu-list.has-submenu .doc-submenu-btn::before {
	content: '';
	position: absolute;
	width: 27px;
	top: -2px;
	right: -2px;
	bottom: -2px;
	z-index: -1;
}

.header-menu-list.has-submenu .doc-submenu-drag {
	display: inline-block;
	width: 27px;
	height: 100%;
	padding: 5px;
	position: relative;
	z-index: 2;
	border-radius: 7px;
	text-align: center;
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWw6c3BhY2U9InByZXNlcnZlIiB2aWV3Qm94PSIwIDAgNDUuMSA0NS4xIj48cGF0aCBmaWxsPSIjQ0VDRUNFIiBkPSJNMi45IDI1LjFjLS40IDAtLjctLjEtMS4xLS4yLTIuNC0xLTIuMi00IC4yLTQuOC40LS4xLjYtLjIgMS0uMmgzOS40Yy4yIDAgLjYuMS44LjIgMi40LjkgMi41IDMuOS4xIDQuOC0uNC4xLS43LjItMS4xLjJNNDIuMSAxMi4xYy40IDAgLjcuMSAxLjEuMiAyLjQgMSAyLjMgMy45LS4xIDQuOC0uNC4xLS40LjItMSAuMkgyLjNjLTMtLjUtMy4yLTQuMi0uNC01IC4yLS4xLjUtLjEuNy0uMU00Mi4xIDI3LjljLjIgMCAuNCAwIC42LjEgMi45LjYgMy4zIDQuMi40IDVIMmMtMi40LS43LTIuNi0zLjUtLjQtNC42LjUtLjMgMS4xLS40IDEuOC0uNE0yMSA0NC4zbC00LjUtNi4yYy0uOC0xLjIgMC0yLjggMS40LTIuOGg5LjNjMS40IDAgMi4zIDEuNiAxLjQgMi44TDI0IDQ0LjRjLS42IDEtMi4yIDEtMy0uMXpNMTYuNCA3LjIgMjEgLjhjLjctMSAyLjEtMSAyLjggMGw0LjcgNi40Yy45IDEuMiAwIDIuOC0xLjQgMi44aC05LjNjLTEuNC0uMS0yLjItMS42LTEuNC0yLjh6Ii8+PC9zdmc+');
	background-position: center;
	background-size: 70% auto;
	background-repeat: no-repeat;
	transition: .1s;
	cursor: move;
}

.header-menu-list.has-submenu .doc-submenu-drag::before {
	content: '';
	position: absolute;
	width: 27px;
	top: -2px;
	right: -2px;
	bottom: -2px;
	z-index: -1;
}

.header-menu-list.has-submenu .header-menu-item.active .doc-submenu-btn,
.header-menu-list.has-submenu .doc-submenu-drag:hover,
.header-menu-list.has-submenu .doc-submenu-btn:hover {
	background-color: rgba(255, 255, 255, .15);

}

.header-menu-list.has-submenu .doc-submenu {
	display: none;
	padding: 2px 10px;
	background-color: #212122;
	border: 2px solid rgba(0, 0, 0, .7);
	position: absolute;
	top: 50%;
	margin-top: -46px;
	right: 27px;
	border-radius: 7px;
	z-index: 5;
	font: 18px Exo2;
}

.header-menu-list.has-submenu .doc-main~.doc-submenu {
	margin-top: -33px;
}

.doc-submenu .header-menu-item {
	user-select: none;
}

.header-menu-list .doc-submenu .header-menu-item {
	margin: 2px 0;
	padding: 3px 0 1px;
}

.header-menu-list.has-submenu .header-menu-item.active .doc-submenu {
	display: block;
}

.header-menu-item .header-menu-item>span {
	background-color: transparent;
	padding: 0 10px 2px !important;
	color: #cecece;
	line-height: 1.2;
	border-radius: 4px;
}

.doc-submenu .header-menu-item+.header-menu-item {
	border-top: 1px solid #DDA025;
}

.header-menu-list li svg {
	width: 20px;
	height: 20px;
	fill: #cecece;
}

.header-menu-exit {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 5px;
	cursor: pointer;
	color: #999;
	font-size: 250%;
	text-decoration: none !important;
	line-height: .8;
	transition: .15s;
	transform: scale(1);
	z-index: 1;
}

.header-menu-exit:hover {
	transform: scale(1.15);
}

.header-menu-name {
	font-weight: bold;
	font-size: 30px;
	padding-left: 10px;
}

.header-menu-top {
	display: flex;
	align-items: end;
}

.docs-sort {
	border: 3px dashed transparent;
	border-radius: 7px;
	padding: 5px;
	margin: 0 -8px 0 0;
}

.docs-sort.active {
	border-color: #cecece;
}

.docs-sort.active .add-new-docs {
	opacity: 0;
	transition: .1s;
}

.add-icon {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzIgMzIiPjxwYXRoIGQ9Ik0xNy42LDBIMTQuNGExLjU4LDEuNTgsMCwwLDAtMS42LDEuNlYxMi44SDEuNkExLjU4LDEuNTgsMCwwLDAsMCwxNC40djMuMmExLjU4LDEuNTgsMCwwLDAsMS42LDEuNkgxMi44VjMwLjRBMS41OCwxLjU4LDAsMCwwLDE0LjQsMzJoMy4yYTEuNTgsMS41OCwwLDAsMCwxLjYtMS42VjE5LjJIMzAuNEExLjU4LDEuNTgsMCwwLDAsMzIsMTcuNlYxNC40YTEuNTgsMS41OCwwLDAsMC0xLjYtMS42SDE5LjJWMS42QTEuNTgsMS41OCwwLDAsMCwxNy42LDBaIiBzdHlsZT0iZmlsbDojY2VjZWNlIi8+PC9zdmc+');
	background-size: 15px 15px;
	background-position: left 10px center;
	padding-left: 35px !important;
	background-repeat: no-repeat;
}

.doc-icon {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBkYXRhLW5hbWU9IkxheWVyIDEiIHZpZXdCb3g9IjAgMCAzNCA0NiI+PHBhdGggZD0iTTMwIDQ2SDRhNCA0IDAgMCAxLTQtNFY0YTQgNCAwIDAgMSA0LTRoMTlhMS4yMyAxLjIzIDAgMCAxIC44LjRsOS44IDkuOGExLjIzIDEuMjMgMCAwIDEgLjQuOHYzMWE0IDQgMCAwIDEtNCA0Wk0yNCAzLjRWMTBoNi42Wm04IDguNmgtOWEuOTQuOTQgMCAwIDEtMS0uODhWMkg0YTIgMiAwIDAgMC0yIDJ2MzhhMiAyIDAgMCAwIDIgMmgyNmEyIDIgMCAwIDAgMi0yWm0tNiAyNkg4YTEgMSAwIDAgMSAwLTJoMThhMSAxIDAgMCAxIDAgMlptMC04SDhhMSAxIDAgMCAxIDAtMmgxOGExIDEgMCAwIDEgMCAyWm0wLThIOGExIDEgMCAwIDEgMC0yaDE4YTEgMSAwIDAgMSAwIDJaIiBzdHlsZT0iZmlsbDojY2VjZWNlO2ZpbGwtcnVsZTpldmVub2RkIi8+PC9zdmc+');
	background-size: 14px 20px;
	background-position: left 10px center;
	padding-left: 35px !important;
	background-repeat: no-repeat;
}

.doc-icon.doc-main {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMzQgNDYiIHZpZXdCb3g9IjAgMCAzNCA0NiI+PHBhdGggZD0iTTMwIDQ2SDRjLTIuMiAwLTQtMS44LTQtNFY0YzAtMi4yIDEuOC00IDQtNGgxOWMuMyAwIC42LjIuOC40bDkuOCA5LjhjLjIuMi40LjUuNC44djMxYzAgMi4yLTEuOCA0LTQgNHpNMjQgMy40VjEwaDYuNkwyNCAzLjR6bTggOC42aC05Yy0uNSAwLTEtLjQtMS0uOVYySDRjLTEuMSAwLTIgLjktMiAydjM4YzAgMS4xLjkgMiAyIDJoMjZjMS4xIDAgMi0uOSAyLTJWMTJ6bS02IDI2SDhjLS42IDAtMS0uNC0xLTFzLjQtMSAxLTFoMThjLjYgMCAxIC40IDEgMXMtLjQgMS0xIDF6bTAtOEg4Yy0uNiAwLTEtLjQtMS0xcy40LTEgMS0xaDE4Yy42IDAgMSAuNCAxIDFzLS40IDEtMSAxem0wLThIOGMtLjYgMC0xLS40LTEtMXMuNC0xIDEtMWgxOGMuNiAwIDEgLjQgMSAxcy0uNCAxLTEgMXoiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiMwMDliOTUiLz48L3N2Zz4=');
	color: #009B95 !important;
}

/* *
*		/ Task-page
*/

/* *
*		settings-page
*/
html.settings-page {
	height: 100vh;
}

.settings-page body {
	height: 100%;
	padding-top: 60px;
	background-color: #1a1f25;
	background-image: url('../img/bg/settings.jpg');
	background-position: top center;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.settings-page.pt-0 body {
	padding-top: 0;
}

.settings-page .wrapper {
	height: 100%;
}

.settings-page header {
	background-image: url('../img/bg/settings.jpg');
}

.settings-container {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	min-height: 100%;
}

.settings-container .h1 {
	padding: 20px 15px;
}

.settings-container form {
	clear: both;
}

.theme .settings-container {
	padding-left: 20%;
	padding-right: 20%;
}

.settings-page h2 {
	float: right;
	text-align: right;
	display: inline-block;
	color: #cecece;
	padding: 10px 15px;
	background: rgba(0, 0, 0, .35);
	border-radius: 6px;
	margin-bottom: 10px;
	font: 20px Exo2;
}

.settings-form-wrap h2 {
	margin-top: -10px;
}

.settings-form-wrap {
	width: 90%;
	max-width: 400px;
	padding: 40px;
	margin: 20px 0;
}

.themes-wrap {
	margin: 40px 25px;
	padding: 30px;
	max-width: 1160px;
	width: 100%;
}

.themes-wrap+.themes-wrap {
	margin-top: 0;
}

.themes-wrap h2 {
	margin-bottom: 15px;
}

.themes-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 -15px;
	clear: both;
}

.themes-wrap figure {
	padding: 5px;
	border-radius: 8px;
	background-color: #eee;
	width: 90%;
	max-width: 250px;
	margin: 15px;
	cursor: pointer;
	transition: .15s;
}

.themes-wrap figure:hover {
	background-color: #DDA025;
}

.themes-wrap figure.active {
	background-color: #009B95;
}

.themes-wrap figure .img-wrap {
	border-radius: 5px;
	overflow: hidden;
}

.themes-wrap figure .img-wrap img {
	display: block;
	min-height: 135px;
}

.themes-wrap figcaption {
	text-align: center;
	color: #111;
	padding: 3px 5px;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.choose-level-eclipse {
	clear: both;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 25px 0 10px;
}

input[type="range"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	cursor: pointer;
	width: 500px;
}

input[type="range"]::-webkit-slider-runnable-track {
	background-color: rgba(255, 255, 255, .3);
	border-radius: 10px;
	height: 6px;
}

input[type="range"]::-moz-range-track {
	background-color: rgba(255, 255, 255, .3);
	border-radius: 10px;
	height: 6px;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	margin-top: -9px;
	border-radius: 50%;
	border: none;
	background-color: #DDA025;
	width: 24px;
	height: 24px;
}

input[type="range"]::-moz-range-thumb {
	-moz-appearance: none;
	margin-top: -9px;
	border-radius: 50%;
	border: none;
	background-color: #DDA025;
	width: 24px;
	height: 24px;
}

input[type="range"]+.custom-output {
	min-width: 65px;
	text-align: center;
	display: inline-block;
	color: #cecece;
	font-size: 27px;
	padding: 10px 15px;
	background: rgba(0, 0, 0, .25);
	border-radius: 6px;
	margin-left: 35px;
	margin-right: 10px;
}

.remove-info {
	color: #DDA025;
	word-break: break-word;
}

/* *
*		/ settings-page
*/

/* *
*		info-page
*/
.info-page header,
.info-page body {
	background-image: url(../img/bg/help.jpg);
}

.info-page .content-wrap {
	width: 90%;
	max-width: 800px;
	padding: 40px;
	margin: 20px 0;
	background-color: rgba(255, 255, 255, .7);
}

.info-page .content-wrap h2 {
	color: #000;
	font-weight: bold;
}

.info-page .content {
	font-size: 20px;
	color: #111;
	padding-top: 20px;
	text-align: justify;
}

.info-page .content>* {
	margin-bottom: 15px;
	color: #111;
}

.info-page .content h3 {
	font: bold 24px Exo2;
	color: #111;
}

.info-page .content hr {
	height: 2px;
	border: none;
	background: #555;
	margin: 30px;
}

.content ol {
	color: #111;
	padding: 0 0 0 20px;
	counter-reset: myCounter;
}

.content ol li {
	color: #111;
	font-size: 20px;
	list-style: none;
	position: relative;
	padding: 0 0 0 22px;
	min-height: 23px;
	margin: 0 0 10px 0;
}

.info-page .content ol li:before {
	counter-increment: myCounter;
	content: counter(myCounter)'.';
	color: #111;
	position: absolute;
	text-align: center;
	top: 2px;
	left: 0;
	line-height: 20px;
	width: 20px;
	height: 20px;
	text-align: center;
}

.info-page .content img {
	box-shadow: 0 10px 30px 3px #000;
	border-radius: 10px;
}

/* *
*		/ settings-page
*/

/* *
*		@media
*/
@media (max-width: 1400px) {
	main {
		width: 50%;
	}
}

@media (max-width: 900px) {
	html {
		padding-right: 0 !important;
	}

	body {
		min-height: 100dvh;
	}

	header {
		right: 0 !important;
	}

	.task-page header {
		padding-right: 0;
	}

	main {
		position: relative;
		width: 100%;
		max-width: 100%;
		padding: 30px 10px 45px;
		margin: 0;
	}

	.logo {
		padding: 0;
	}

	.task-content-wrap {
		padding: 0 0 40px 0;
	}

	.listCompletedWrap {
		transform: translateX(100%);
		z-index: 1000;
		position: fixed;
		right: 0;
		top: 0;
		height: 100vh;
		transition: transform .2s;
		background: #151515;
		right: 0 !important;
	}

	.mobile-burger {
		display: block;
	}

	.scrollToTop {
		display: none !important;
	}

	li.del:after {
		margin-right: 7px;
	}

	.DOM_modal_container {
		padding-left: 10px;
		padding-right: 10px;
	}

	header {
		padding-right: 0;
		justify-content: space-between;
	}

	header .h1 {
		display: none;
	}

	.info-page header .h1 {
		display: block;
	}

	body .dub-h1 {
		display: block;
	}

	h2>.edit-btn-block::after,
	.task-item>.edit-btn-block::after {
		bottom: 98%;
		left: 50%;
		top: auto;
		margin-left: -8px;
		border-left: 8px solid transparent;
		border-bottom: 8px solid #cecece;
		border-right: 8px solid transparent;
	}

	ol {
		padding: 25px 0 0 0;
	}

	.subtasks {
		padding-left: 25px;
	}

	.themes-wrap {
		margin: 20px 10px;
		padding: 20px 15px;
		width: auto;
	}

	input[type="range"] {
		width: 90%;
	}

	input[type="range"]+.custom-output {
		min-width: 46px;
		margin-left: 15px;
		padding: 5px 10px;
		font-size: 22px;
	}

	.theme .settings-container {
		padding-left: 3%;
		padding-right: 3%;
	}

	li.task-item:after,
	li.subtask-item:after {
		margin-right: 6px;
	}

	.header-menu-profile {
		flex-direction: column;
	}

	.header-menu-profile>* {
		width: 90%;
		margin: 5px 0;
	}

	.header-menu .header-menu-caption {
		margin-top: 20px;
	}

	.info-page .content-wrap {
		padding: 30px 15px;
	}

	.auth-wrap {
		min-height: 100dvh;
	}

	.DOM_modal_window {
		margin-top: 15vh;
	}

	.header-menu-profile .btn {
		padding-top: 8px;
		padding-bottom: 10px;
	}

	.header-menu-list.has-submenu .doc-main~.doc-submenu {
		bottom: -33%;
	}

	.doc-submenu-icons {
		visibility: visible;
		opacity: 1;
		z-index: 1;
	}
	.doc-submenu-icons:before {
		display: none;
	}
	.header-menu-list.has-submenu .header-menu-item>a,
	.header-menu-list.has-submenu .header-menu-item>span.add-doc {
		padding-right: 75px;
	}
	.header-menu-item.open .doc-submenu-icons {
		background-color: #0a2f2f;
	}
	.content-menu {
		visibility: visible;
		opacity: 1;
		z-index: 3;
	}
	.main-ol {
		padding-left: 20px;
	}
}

/* *
*		/ @media
*/