/* Start:/bitrix/templates/checklist/template_styles.css?169156319216324*/
/* RESET STYLES */
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, tbody, 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;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0; width: 100%;}
table td {vertical-align: top;}

html, body {height: 100%;}

body {}

.page
{
	--color: #333;
	--hover-color: #0f9cba;
	--border-color: #ccc;
	--background-color: #f8f8f8;
}

.page
{
	min-width: 320px;
	max-width: 1000px;
	margin: 0 auto;
	height: 100%;
	font-family: 'Play', sans-serif;
	color: #333;
	font-size: 16px;
	line-height: 1.5;
	box-sizing: border-box;
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	position: relative;
	
	user-select: none;
	-webkit-user-select: none;
}

.page *, .page *:after, .page *:before
{
	box-sizing: border-box;
	-webkit-transition: background .3s, color .3s, opacity .3s, box-shadow .3s, left .3s;
	-moz-transition: background .3s, color .3s, opacity .3s, box-shadow .3s, left .3s;
	-o-transition: background .3s, color .3s, opacity .3s, box-shadow .3s, left .3s;
	transition: background .3s, color .3s, opacity .3s, box-shadow .3s, left .3s;
	outline: none;
}

.page label {cursor: pointer;}

.page a {color: var(--hover-color);}
.page a:hover {text-decoration: none;}

.page .button {font: inherit; cursor: pointer; padding: 5px 10px; text-align: center; display: inline-block; text-decoration: none; color: var(--background-color); background: var(--hover-color); border: none; border-radius: 0; -webkit-appearance: none;}
.page .button-gray {background: var(--border-color);}

.page input[type='text'],
.page input[type='date'],
.page input[type='datetime-local'],
.page input[type='number'],
.page input[type='password'],
.page select
{
	font: inherit;
	color: var(--color);
	border-radius: 0;
	line-height: 1;
	height: 38px;
	padding: 5px 10px;
	border: 1px solid var(--border-color);
	background: var(--background-color);
	display: block;
	width: 100%;
	-webkit-appearance: none;
	/* border-width: 0 0 1px; */
}

.page input[type='text']::-webkit-date-and-time-value,
.page input[type='date']::-webkit-date-and-time-value,
.page input[type='datetime-local']::-webkit-date-and-time-value,
.page input[type='number']::-webkit-date-and-time-value,
.page input[type='password']::-webkit-date-and-time-value
{
	margin: 0;
	text-align: left;
	line-height: 28px;
	width: 100%;
}

.page textarea
{
	font: inherit;
	color: var(--color);
	border-radius: 0;
	line-height: 1;
	height: 38px;
	padding: 10px;
	border: 1px solid var(--border-color);
	background: var(--background-color);
	display: block;
	width: 100%;
	resize: none;
	/* border-width: 0 0 1px; */
}

.page .textarea
{
	font: inherit;
	color: var(--color);
	border-radius: 0;
	line-height: 1;
	padding: 10px;
	border: 1px solid var(--border-color);
	background: var(--background-color);
	display: block;
	width: 100%;
	resize: none;
	/* border-width: 0 0 1px; */
}

.page .flex-h
{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}

.page .flex-hl
{
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.page .flex-v
{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
}

.page .flex-vs
{
	display: flex;
	flex-direction: column;
	justify-content: start;
	height: 100%;
}

.page .flex-vc
{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

.page .checkbox
{
	position: relative;
	width: 24px;
	height: 24px;
	border: 2px solid var(--border-color);
	cursor: pointer;
	flex-shrink: 0;
}
.page .checkbox input
{
	visibility: hidden;
	position: absolute;
}
.page .checkbox-mark
{
	position: absolute;
	width: 13px;
	height: 7px;
	border-bottom: 3px solid var(--hover-color);
	border-left: 3px solid var(--hover-color);
	transform: translate(4px, 4px) rotate(-45deg);
	opacity: 0;
	margin-right: 10px;
}
.page .checkbox input:checked + .checkbox-mark
{
	opacity: 1;
}

.page .delete
{
	position: relative;
	width: 24px;
	height: 24px;
	border: 2px solid var(--border-color);
	cursor: pointer;
	flex-shrink: 0;
}
.page .delete:before
{
	content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    top: 50%;
    left: 50%;
    background: var(--border-color);
    transform: translate(-50%, -50%) rotate(45deg);
}
.page .delete:after
{
	content: '';
    position: absolute;
    width: 16px;
    height: 2px;
    top: 50%;
    left: 50%;
    background: var(--border-color);
    transform: translate(-50%, -50%) rotate(-45deg);
}
.page .delete:hover:before, 
.page .delete:hover:after
{
	background: var(--hover-color);
}


.page .edit
{
	overflow-y: auto;
}

.page .field
{
	padding: 10px;
}

.page .field-title
{
	padding: 0 0 5px;
}

.page .field-body
{
	
}

.page .submit
{
	text-align: center;
	padding: 5px;
}

.page .submit .button
{
	padding: 5px 30px;
	margin: 5px;
}

.page .checklist
{
	
}

.page .checklist .item
{
	margin: 0 0 10px;
}

.page .checklist .item .drag
{
	display: none;
}


.page .drag
{
	position: relative;
	width: 24px;
	height: 24px;
	cursor: pointer;
	flex-shrink: 0;
	
	/* display: none; */
	
	/* box-shadow: 0 0 1px #000; */
}
.page .drag-up:before
{
	content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    border: 3px solid var(--border-color);
    border-bottom-width: 0;
    border-left-width: 0;
    transform: rotate(-45deg);
}
.page .drag-down:after
{
	content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -5px;
    border: 3px solid var(--border-color);
    border-bottom-width: 0;
    border-left-width: 0;
    transform: rotate(135deg);
}
.page .drag:hover:before
{
	border-color: var(--hover-color);
}
.page .drag:hover:after
{
	border-color: var(--hover-color);
}


.page .edit-field-repeat {display: none;}
.page .edit-field-days {display: none;}

.page .items {overflow-y: auto;}
.page .items .date {padding: 10px; text-align: center; background: var(--background-color); border-bottom: 1px solid var(--border-color); position: sticky; top: 0; z-index: 2;}
.page .items .date-today {color: var(--hover-color); font-weight: bold;}

.page .items > .group > .item {border-bottom: 1px solid var(--border-color); background: #fff;}
.page .items > .group > .item-wch {}
.page .items .item-head {padding: 0 10px; position: sticky; top: 45px; background: #fff; z-index: 1;}
.page .items .item-checked {margin-right: 10px; flex-shrink: 0;}
.page .items .item-title {padding: 10px 0; width: 100%; text-decoration: none; color: var(--color); position: relative; /* overflow: hidden; */}
.page .items .item-title span {/* opacity: 0.4; white-space: nowrap; */}
.page .items .item-title .icon {display: inline-block; width: 24px; height: 24px; margin-left: 5px; position: relative; vertical-align: top;}
.page .items .item-title .icon:after
{
	content: '…';
    /* position: absolute; */
    /* width: 8px; */
    /* height: 8px; */
    /* top: 50%; */
    /* left: 50%; */
    /* margin-left: -4px; */
    /* margin-top: -5px; */
    /* border: 3px solid var(--border-color); */
    /* border-bottom-width: 0; */
    /* border-left-width: 0; */
    /* transform: rotate(135deg); */
}
/* .page .items .item-head-checklist {position: absolute; display: none; background: var(--border-color); left: 0; width: 100%; bottom: 2px; height: 2px;} */
/* .page .items .item-head-checklist-value {position: absolute; background: var(--hover-color); top: 0; left: 0; height: 100%;} */
/* .page .items .item-wch .item-head-checklist {display: block;} */
.page .items .item-title:hover {color: var(--hover-color);}
.page .items .item-toggle {margin-left: auto; width: 24px; height: 24px; cursor: pointer; position: relative;}
.page .items .item-toggle:before {content: ''; position: absolute; border: 10px solid transparent; border-top-color: #ddd; border-bottom-width: 0; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.page .items .item-toggle:after {content: ''; position: absolute; border: 8px solid transparent; border-top-color: #fff; border-bottom-width: 0; top: 50%; left: 50%; transform: translate(-50%, -6px);}
.page .items .item-toggle:hover:before {border-top-color: var(--hover-color);}
.page .items .item-body {padding: 5px 10px 10px 44px; display: none; font-size: 14px;}
.page .items .item-text {padding: 0 0 10px;}
.page .items .item-opened .item-title span {display: none;}
.page .items .item-opened .item-body {display: block;}

.page .items > .group > .item:first-child .drag-up {display: none;}
.page .items > .group > .item:last-child .drag-down {display: none;}

.page .alert
{
	position: absolute;
	top: 50%;
	left: 50%;
	background: var(--background-color);
	padding: 20px 30px;
	transform: translate(-50%, -50%);
	z-index: 10;
	outline: 1000em solid rgba(0, 0, 0, 0.5);
	white-space: nowrap;
}

.page .footer {position: absolute; top: 2px; right: 2px; z-index: 2; gap: 2px;}
.page .footer .button {padding: 0; width: 40px; height: 40px;}
.page .footer .button-add {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAGrSURBVFhH7ZgxTsMwFIYTBkBcoBISK4IJuiAmxMAMEwy9ATfgCByBMyAWytilEgsrLK04AEhMMMIS/j9+RA31SxrHMQz+pF/vxYrtX3lxEieJRCLVpBJVsixbRjiDTqBNiMdt+IKeoVvoOk1THrsBc31oAnUFx+7LdM1gR+ido3QM51BNWkuMDizjI7SVN3TPFNqxlXtJ4m94z4UyRzgX55xDM8gFEZpjiSU0g1ytobHOqRl0fZTciFxYkVhCM+jCPXQqYu4FnwbfsAoTinne4gGfBjshGmyL9iaZIFQ9qEfQi0kLHnD/XTFB/3OEfeYzrENHJrUyRf9tyauhQUhjCMmZi8M+0B0HUOBFmcOlxGtQ7WeaBfZZNeniuJb4CXo1acEYJbpkgv4XCIfMZ+hBuya14q3EGsUbhLlpaoS3EgclGmyLT4MbuI9Sirlpao9Pg3vQWMTcC5pB163ggciFT4klNIPct4bGOqdmkJvq0AwlltDeJP972yknDqCPvKFbOMfAZq4WXMk///VR+1WCAX5+HnHfyq2hdffVAK5WLgjec+1+HkUikST5Bqp4OoTWG0aYAAAAAElFTkSuQmCC'); background-position: 50% 50%; background-size: 80%; background-repeat: no-repeat;}
.page .footer .button-finish {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAGNSURBVFhH7Zi/SgNBEMbvFIz/m4C2FuIzCIK9YKEvYGEhPoRPkcrC3lawtRJfQBsLRRsLBS1EwaCG85udyTgbNibxjFwxPxhm5mZY5rL7cXfJHMdxhksuvidFUWzDTXKm7Od5/ikx9YzC7cLsuk30HEgcQN8s3BZnyhP6DiUeHCz6AOtkXMoB5DVYK1S+eZSygmsLXIq4kHLEiPjK4gMOQCE+IikSnIcduDpnyjSss/8VZhemOvVZqE59FvphpjhU7iGShsQ/gwEvw7GNmZOygmtvXFKasGhXkNdDJeZWyj3xM1iWyg9YViQv4i0z4tv8vUhSYOhhP0nOpRxRpS1O7qaLpCzdRLIHN8+Zcg1rcagswewaJIgr8W3oFWyRQ+UDdsOh0v/rFgb0J0m/+IBl6SaSTTj6brCswMY4VE5hVjh0w6swuy4J4oxDZQK2zKFyB5GQOH8HhvZvkhQ+YFmSIkmBM7IOV+NMOcLBVpGgh254A2bXfUfPscQB9NEfAGucKc/oO5HYcRznf8iyL3yWnActW47yAAAAAElFTkSuQmCC'); background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%;}
.page .footer .button-tasks {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAAD7kAAA+5AR+zdjwAAAJBSURBVFhH7ZexaxRBFMb3DAQUE1JZaGMqsRBThRQKQogpTZWgjZW1bQo7mySQ/APGIClCSBULG0UstEgbCBELiY2NiIgxpIqX37fzBi53t7O3e3Nygf3Bx5uZ/Wb33Zu92d2koqIiTM1iLvV6/Q7hhet1zZNarfbJ2nEgwWkUi2k7bS5FKjhEGHW9rjmggofWDpKbIIkpXEcX1IjIP/SNRF0vg04SlOcvupQOxOMIDZFgWoEsOk3wC7qYDsTjGN3IS7DvCVaQ6l0jPECh+0/Lv00lfruug7kjhBl0OR1oj+7D18z97roF4SIvUYh1dMXsLeiYeUKsmb04TN5w52jLvNnkG0D30FOT2gN2WMfnURYbZiuOJrtztLBuFnkm0H46ehaNTZhNvqxKRk/wEKXLSlRyRxrMQMfSJIlabs1tJphgmc13i5v6ByfWEur+ydof3yGdf01ezaG9pQNFKJPgW4t30U3XbGEFPUK/kDzyCj+3Y8okeGDxtsWfaAmdpD2X3AJSBa9qALzXz+2YMgk2M4i0dLNoEfnkxlDXlEnQv9HsWhxGH9AftIzeI18xj/cWfhsqk+B9ix/RZ9dM9Cr2Bu2hWxpoQB55xZTFOGgL0D7QRN9vM3q26k+RsHXsECaRr2QjGps0j9Cc0HO5OPp17ke2pa8fdZ5XKO9lQZ4Q0Ze4kcfoKxdZRXNo3KT2qo6ZpzdwkbwKxqCnFew5VYLdcu4T/B+fhOW/i/mHPSQ8Q72qtL7qnvO02XTdioqKgiTJKZoBahUG520CAAAAAElFTkSuQmCC'); background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%;}
.page .footer .button-logout {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAF2SURBVFhH7ZdPSsNAFIczdaGIIHgB76CeQMUTuBCX3Si6E9x4AU8h3XmILly49d9awRuIIPgX247fm7yCII2TSabGMh98TPvSmfz6yKRplkgkEg3AWmtwD2+xj7708FCXiQcnOXanC+NUlwnC6DgSTrDIcI9TeIYd7KEPfewaY57ytxEg4Lbrg7WfOK/lsdHSsYgZHT+idmIEPgGDoNuysVZwVktBRAsIu3iB54RccJUAYgZ8QIvL2K0SshAWbqPwrCVvmHOAAzfb2kusPySLBgcUmBc3JAtWCigwV0IOKRXS50bdZjjBF24zc674DY7vMKzn7wpZxWGwK1yr5bYlAVH40UFqLXxzR8uzpcsUMtkd9IW5wdfgr7DY5O5i5jT3PsjnN7FyuJg/dRJINqFsiA02xKMUa4dvHtpBeZpZwmY+zdAxi9f4qqUgfAK+6zhNN8b+RP3//5MIhPyzf3W+1+AR7uMdDqTgiXTwJn+ZSCQSifJk2Rf67UH3eUFp3QAAAABJRU5ErkJggg=='); background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%;}
.page .footer .button-work {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAALGSURBVFhH7Zc/aBRBFIfvDFqZgEUURIg2ikVUMEgKhRTGyspCQezUTkmRJn2aYCGKtoEQbNRWEJLGwkqbEMG/hUZtRDFqFEGJ5/ebfRPu9nZ2Z8N5GNgPPt7u7Jubd7O7s7u1ioqKDU7dYikajYbCSTyHO7STwwe8hffq9XUNVx4KnMSyTFr3UpT+Sww0SFjATbiMi2rGLPT7B3Ab/sFDzOIT4r+DAsfdfCTss+YgyklSHePWHI1moSxbLdaYjRe2GSSVs9Y3luAp5t/2E8bwCG5Wm7HbFA8sFjFi8Y3p+Y2P8Rp/5KNrSZFZIMUNEB7iLteQz3e8g3P4Wg2wB0/gaYyZtfd4lCKXkt0CKPCuLpgIZnG7dWtDxywnBv3JOEheSfrkMmHpyu/BERwztd1jh3V8AotYsfRirEMes5aq3GF86lpbUduwpSmvcCYttRjLD6HZdaeVqOJ+qDGAjrkiiTrduWdGeVFYfohpy9FpzZo5zxz+ROW4002cxiDKSRNaB7Xqh9DdKo7h/mSzjat4Fj+jcpQrfN8sMscMFXgRQxetX0oOWvyEV3DV7SXFTeE87lQD+FzfN43G0pjxMON9OIqX8AbqlC3hkB3X3Sq+4mE8hVPYjwvYjBZ89RnCtziPN/Eyaow+HY+GDhew13bXoE26xZ2opcTzDY+jiltUQwr3JCHWUZst0NaL5223hdCTRL/yC1+hnqUv8bmPrPjLpOjC15uJvw6V/wXTC/czHKTPKn30VrMX9ZLRrNq2kBN89LagAnP475cZMWOpvsiYhXrGteZgqcVYfhGdftR1vEChWSl6WSicOY91ayHvJolFr1u3Uete8+vWKJ7B6JfUrJukEwV2jKwC1/PK31VCBeq0dZvMMUMF3rfYTeLH5BIcwHe6FruExtJ3UBvBRwsdQl91nURfdY/wOvdH5lddRUXFxqZW+wvhFletYOf9eQAAAABJRU5ErkJggg=='); background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%;}
.page .footer .button-home {background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADdYAAA3WAZBveZwAAAKaSURBVFhH7Zi/T9VQFMdbCcaADCoyENjZlIUwSmLCwqCLJCwmJI7GhYE/QTH6DygJEidXnXTVlcEfrLpgYoQYNUSJIc/P9/ZU7ru07/W9tsaYfpJvzr3nnHvuobfta4gaGhr+Iq1Wa0iy6b8FjS2gr6YFc5cmNlsKGrqOeYAGnSOKfqEbcRw/0oT4HGZSY48W2iLnXTKtCTZfQYcoRL4Vy5lEb+UM2HJF6oDiMbrrtumMcpR7Dr2Sw2PbylULhQfRhtuiGMrVmmH0TA6j+gYpqif1qSvfG1qjtf4fV22DFDyLXrrSR3xH62gRzZg0lk8xH61VDR35GqruAaHYBHqDfDbRmKUcQzHL8VGNCYtfdYllodAU+oB8Vi2s+AC6hG6ZNB6wsOKryEe1pixcDgrpyD6rqsemhRWfRdvO2458s5amvPBKquaMhfuDAvMovI80d8eKVXP7cuagmGsSq+POqjWveM+wcAkdqErAusV1rFlXLuU5+oGU444bqwcnRHssKV4YFiyjrF8HsWg5us/yuIdG0Y6bkWtr9HRnob2WlRNywmzITZQXe2/2gtldtIYO3SyK7qPb6AUalwPS3HRtiPbSnsfIa+IxSjfsxkn0BF1Dd1Da3EVUFO2lPYvDJR9BOqY55JN1xN/QZXQevZYjIO+IVVt7jCjeFyyeViWPvIdEN/unZNiG/5A8dJ4jpuUvhYoktf5Q5WumlgbFhoXTJrNeN/L5L+qsr5/aGhRlfupSam1Q6Kp0+1jo9N1Ye4NC95Xeg23IZ7FOdG0w7z3YC6fRlWTYhnyKlaKKBmulabAs/0WDe+ggGeby0azPjtk8VFO1O1LoXx+8Ds5ghpNZJrtxHP+0sYM1pzCjySyTfdZ8sXFDQ0N/RNFvhz+sB4Dbc90AAAAASUVORK5CYII='); background-position: 50% 50%; background-repeat: no-repeat; background-size: 80%;}

.page .page-title
{
	padding: 10px;
	font-weight: bold;
	border-bottom: 1px solid var(--border-color);
}
/* End */
/* /bitrix/templates/checklist/template_styles.css?169156319216324 */