* {margin: 0; padding: 0;}
html {height: 100%; font-size: 100%;}
body {font-size: 0.875rem;  line-height: 1.3rem;  font-family: Arial, Tahoma, Verdana, sans-serif;  width: 100%; height: 100%; color: black; text-align: left; margin: 0; background: white;}
img {max-width:100%; height:auto;}
.clear {clear: both;}
ul li {list-style: none; list-style-position: inside; font-size: 0.875rem;  line-height: 1.3rem;  font-family: Arial, Tahoma, Verdana, sans-serif; text-align: left;}

.ui-widget-overlay {background: black; opacity: 0.4;}
.popup-overlay {width: 100%; height: 100%; position: fixed; top: 0; left: 100%;  background: black; opacity: 0.4; z-index: 1;}
.overlay .popup-overlay {opacity: 0; left: 0;}

hr {color: #ffe75e; width: 100%; margin: 0.3rem 0; border-top: 1px solid #ffe75e; border-left: 0; border-right: 0; border-bottom: 0; float: left;}
h1 {color: black; font-size: 1rem; line-height: 1.5rem; text-align: left; text-shadow: 0 1px 1px #fff; font-weight: bold;}
h2 {color: black; font-size: 0.9rem; text-align: left; font-weight: bold; width: 100%; margin-bottom: 0.5rem; border-bottom: 1px solid #ffe75e; padding-bottom: 3px; text-shadow: 0 1px 1px #fff;}
h4.alert_info {font-size: 1rem; font-weight: bold; color: #da0000; margin-bottom: 1.3rem;}

a {text-decoration: underline; color: black;}
a:hover {text-decoration: none; color: black;}
a:visited {text-decoration: underline; color: gray;}

textarea {padding: 0.3rem; font-family: Arial; border: 1px solid #e3e3e3; font-size: 0.875rem; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input, input[type="text"], input[type="password"] {font-family: Arial; font-size: 0.875rem; height: 1.9rem; border: 1px solid #e3e3e3; padding: 0 0.3rem; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input[type="text"]:focus, input[type="password"]:focus {outline: none; padding: 0 0.3rem;}
input[type="submit"], input[type="button"] {font-family: Arial; font-size: 0.8rem; font-weight: bold; color: black; text-transform: lowercase; height: 1.9rem; width: auto; border: 0!important; padding: 0 0.5rem; cursor: pointer; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
input[type="submit"].delete, input[type="button"].delete {background: #fca65c;}
input[type="submit"].save, input[type="button"].save {background: #bbdd75;}
input[type="submit"].cancel, input[type="button"].cancel {background: #74cee2;}
input[type="submit"].delete:hover, input[type="submit"].save:hover, input[type="submit"].cancel:hover, input[type="button"].delete:hover, input[type="button"].save:hover, input[type="button"].cancel:hover {background: #b6b6b6;}
button {border: 0; cursor: pointer;}
button:focus, textarea:focus, input:focus {outline: 0;}
::-webkit-input-placeholder {color: #777676; font-size: 0.875rem; max-width: 90%;}
::-moz-placeholder {color: #777676; font-size: 0.875rem; max-width: 90%;}
:-moz-placeholder {color: #777676; font-size: 0.875rem; max-width: 90%;}
:-ms-input-placeholder {color: #777676; font-size: 0.875rem; max-width: 90%;}
input[placeholder]          {text-overflow:ellipsis;}
input::-moz-placeholder     {text-overflow:ellipsis;}
input:-moz-placeholder      {text-overflow:ellipsis;}
input:-ms-input-placeholder {text-overflow:ellipsis;}
:focus::-webkit-input-placeholder {color: transparent}
:focus::-moz-placeholder          {color: transparent}
:focus:-moz-placeholder           {color: transparent}
:focus:-ms-input-placeholder      {color: transparent}
.wrap {width: 100%; height: auto; overflow-x: auto; overflow-y: hidden;}
/*-----------------------------------------------------------------------------*/
/* Стили для печати
-----------------------------------------------------------------------------*/
@media print {
body {font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; width: 100%; height: 100%; line-height: 20px; background:white;}
textarea, input, select {border: 0px!important;}
.header, .footer, .navigation, .add_task, input[type="checkbox"] + label, .note_edit_task, .minus, .plus {display: none!important;}
.content_list, .title, .content_template {background: white; border: 0px!important;}
h1 {margin-left: 0; font-size: 20px; float: left;}
h2 {border: 0;}
.title a {display: none!important;}
.tasks-list ul li {font-size: 16px; line-height:22px;}
.content_planner table {float: left;}
hr {display: none;}
}
/*---------------------------------------------------------------------------*/
/* Ik Select
-----------------------------------------------------------------------------*/
/*.ik_select {min-width: 5rem!important;} */
.ik_select {height: 1.9rem; font-size: 0.875rem; color: #777676; padding: 0 0.3rem; line-height: 1.9rem; border: 1px solid #e3e3e3; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  background: white url(../images/select-arrow.png) right center no-repeat; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem;}
.ik_select_dropdown {background: white; margin-top: 0.1rem; border-left: 1px solid #e3e3e3;  border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;  width: auto!important; overflow-y: auto; overflow-x: hidden;}
.ik_select_list {}
.ik_select_optgroup_label {font-size: 0.875rem; color: white; font-weight: bold; background: #74cee2; padding: 0.2rem 0.6rem; margin: 2px 0;}
.ik_select_option {font-size: 0.8rem; color: black; border-bottom: 1px solid #e3e3e3; margin: 0.5rem 0; padding: 0 0.5rem 0.5rem 0.5rem;}
.ik_select_option:last-child {border-bottom: 0px solid #e3e3e3; margin: 0.5rem 0 0 0;}
.ik_select_option_label {cursor: pointer;}
.ik_select_option span:hover{color: #00a3b9;}
.ik_select_filter {padding: 0.2rem 0;}
.ik_select_filter_wrap {border: 1px solid #74cee2;}
input.ik_select_filter {border: 1px solid #74cee2; width: 100%!important; -webkit-border-radius: 0; -khtml-border-radius: 0;  -o-border-radius: 0;  -ms-border-radius: 0;  -icab-border-radius: 0;  border-radius: 0;}
.ik_select_nothing_found {font-size: 0.875rem;  color: red; padding: 0.3rem 0.6rem;}
.ik_select_link_text {overflow: hidden; text-overflow: ellipsis; max-width: 90%; white-space: nowrap;}
.ik_select_list_inner {height: auto!important; max-height: 29rem; }
/*---------------------------------------------------------------------------*/
/* Вход
-----------------------------------------------------------------------------*/
.wrapper_login {width: 100%; height: auto; min-height: 100vh; text-align: center; float: left; background: url(../images/bg-login.jpg) no-repeat top center; }
.position_center_login {margin: 0 auto; width: 98%; max-width: 28rem;}
.window_login {margin: 2rem auto; width: 100%; height: auto; padding: 0 0.8rem 0.8rem 0.8rem; text-align: center; background: white; border: 1px solid #74cee2; box-shadow: 0 0 0.8rem rgba(0,0,0,0.5); display: inline-block; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.logo_login {width: 13.4rem; max-width: 98%; height: 2.75rem; margin: 1rem auto 1rem auto; background: url(../images/logo.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.row {margin: 1.5rem 0; text-align: center;}
.wrapper_login h1 {margin: 0!important; text-align: center; }
.link_login {width: 100%; border-top: 1px solid #ffe75e; padding-top: 0.8rem; margin-top: 0.8rem;}
.link_login a {color: #00a3b9; font-size: 0.875rem; text-decoration: underline;}
.link_login a:hover {color: #00a3b9; text-decoration: none;}
.link_login a.left, .link_login a.right {width: auto; display: block; margin: 0.5rem 0;}
.link_login a.left {float: left;}
.link_login a.right {float: right;}
.errorMessage {width: 15rem; margin: 0 auto; text-align: left; font-size: 0.875rem; font-weight: bold; color: #da0000;}
.okMessage {text-align: center; margin: 1.5rem auto; font-size: 0.875rem; font-weight: bold; color: #00a3b9; line-height: 1.2rem;}
.okMessage a {text-decoration: underline; color: #00a3b9;}
.okMessage a:hover {text-decoration: none; color: #00a3b9;}
.window_login input[type="text"], .window_login input[type="text"] input[type="password"], .window_login input {width: 15rem; max-width: 98%; margin: 0 auto; height: 1.9rem!important;}
.window_login .ik_select {width: 15rem!important; height: 1.9rem; text-align: left; line-height: 1.9rem; margin: 0 auto; max-width: 98%;}
.window_login input[type="submit"] {width: 15rem; max-width: 98%; margin: 0 auto; height: 1.9rem;}
.window_login span {color: #777676; font-size: 0.875rem;}
.window_login p {color: black; font-size: 0.875rem; line-height: 1.2rem;}
.window_login input[type="checkbox"], .window_login input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.window_login input[type="checkbox"] + label {width: 1.75rem; height: 1.75rem; margin-right: 0.5rem;  display: inline-block; vertical-align: middle; background: url(../images/task-check-mobile.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.window_login input[type="checkbox"]:checked + label {width: 1.75rem; height: 1.75rem; display: inline-block; background: url(../images/task-check-up-mobile.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
/*---------------------------------------------------------------------------*/

/* Первый вход
---------------------------------------------------------------------------*/

span.my-tour-highlight {background: none!important;}
.tourbus-leg {border:0!important; box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.9)!important; max-width: 90%; -webkit-border-radius: 0.4rem!important; -khtml-border-radius: 0.4rem!important;  -o-border-radius: 0.4rem!important;  -ms-border-radius: 0.4rem!important;  -icab-border-radius: 0.4rem!important;  border-radius: 0.4rem!important;}
.tourbus-leg-inner {padding: 0.8rem!important;}
.tourbus-leg-inner h2 {font-size: 1rem; line-height: 1.5rem;}
.tourbus-leg-inner p {font-size: 0.875rem!important; font-weight: bold; color: #00a0dc; margin-bottom: 0.8rem; line-height: 1.3rem; }
.tourbus-leg-inner a {font-size: 0.875rem!important; font-weight: normal; color: #00a0dc; text-decoration: none; margin-bottom: 0.4rem;}
.tourbus-leg-inner a:hover {color: #00a0dc; text-decoration: underline;}

.tourbus-leg-inner a.tourbus-stop {float: left;}
.tourbus-leg-inner a.tour-stop2 {float: right!important;}
.tourbus-leg-inner a.tourbus-next {float: right;}


.tourbus-arrow-bottom:before {border: 0!important; background: #00a0dc!important; box-shadow: 0 0 0.8rem rgba(0, 0, 0, 0.9)!important;}
.tourbus-arrow:before, .tourbus-arrow:after {border: solid rgba(0, 0, 0, 0); position: absolute; pointer-events: none; border-color: transparent;}

.header .my-tour-highlight {}
.header_date .my-tour-highlight {padding: 0.2rem;}
ul.links li.my-tour-highlight a {margin-left: 0!important;}

.tasks-list ul li.my-tour-highlight {padding: 0.5rem!important; width: 100%!important; box-sizing: border-box;}
.tasks-list ul li.my-tour-highlight a {line-height: 1.5rem!important;}
.links ul li.my-tour-highlight a {padding: 0.4rem;}

.tasks-list ul li.my-tour-highlight input[type="checkbox"] + label {width: 1.75rem!important; height: 1.75rem!important; margin: -0.1rem 0.5rem 0 0.5rem!important; display: table-cell!important; float: left!important; background: url(../images/task-mobile.png) center no-repeat!important; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.tasks-list ul li.my-tour-highlight input[type="checkbox"]:checked + label {background: url(../images/task-up-mobile.png) center no-repeat!important; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}

.tasks-list ul li.my-tour-highlight .checkboxright input[type="checkbox"] + label {position: absolute; top: 3px; right: 2px; width: 1.75rem!important; height: 1.75rem!important; margin-top: 0.4rem!important; display: table-cell!important; float: left!important; background: url(../images/task-check-mobile.png) no-repeat center!important; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }
.tasks-list ul li.my-tour-highlight .checkboxright input[type="checkbox"]:checked + label {width: 1.75rem!important; height: 1.75rem!important; margin-top: 0.4rem!important; display: inline!important; background: url(../images/task-check-up-mobile.png) no-repeat center!important; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}

span#tour-settings {display: block;}
 /*---------------------------------------------------------------------------*/
 
 
/* Ошибка 404
-----------------------------------------------------------------------------*/
.error_template {width: 100%; background: white; min-height: 65vh; float: left; margin-top: 3rem; padding: 0; text-align: center; color: black; font-size: 1rem;}
.error-logo {width: 5rem; height: 6.25rem; display: inline-block; background: url(../images/logo-error.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.error_template h1 {color: black; font-size: 1.5rem; font-weight: normal; text-align: center; float: none; margin: 1.25rem 0;}
.error_template p {margin-bottom: 0.8rem; font-size: 0.875rem;}
.footer_copy_error {color: #00a3b9; font-size: 0.875rem; margin: 1rem auto 0 auto; text-align: center;}
/*---------------------------------------------------------------------------*/
/* Сообщение о триале
-----------------------------------------------------------------------------*/
.trial {width: 100%; height: auto; font-size: 0.8rem; text-align: center; background: #f88421; color: white;}
.trial a {color: white; text-decoration: underline;}
.trial a:hover {color: white; text-decoration: none;}
/*---------------------------------------------------------------------------*/
/* Шапка
-----------------------------------------------------------------------------*/
.wrapper {width: 100%; min-height: 100%; 	height: auto!important; margin: 0 auto;}
.header {background: #bbdd75; width: 100%; min-height: 3.4rem; height: auto;}
.position_center_1000 {margin: 0 auto; width: 100%; max-width: 1000px; display: table; position: relative;}
.logo {width: 22%; float: left; text-align: left; margin-left: 0.2rem;}
.logo img {width: 100%; margin: 0.4rem 0;}
.header_date {width: 54%; float: left; text-align: center; margin-left: 0.2rem;}
.top {width: 100%; margin: 0.6rem 0 0 0; font-size: 1rem; color: black; text-transform: uppercase; font-weight: bold; text-shadow: 0px 1px 1px #fff;}
.top a.prev, .top a.next {font-size: 0.875rem; color: black; text-transform: none; font-weight: normal; text-decoration: none; display: inline-block; text-shadow: 0px 0px 0px #bbdd75;}
.top a.prev:hover, .top a.next:hover {color: black; text-decoration: underline;}
.top button {font-size: 1rem; color: black; text-transform: capitalize; font-weight: bold; text-shadow: 0 1px 1px #fff; margin: 0 0.5rem 0 0.5rem; background: none; border: 0;}
.bottom {width: 100%;}
.bottom a.today {color: black; text-decoration: none; border-bottom: 1px dashed black;}
.bottom a.today:hover {color: black; text-decoration: none; border-bottom: 0px;}
.settings {width: 22%; float: right; text-align: right;  margin: 0.4rem 0.2rem 0 0; position: relative;}
.people, .projects {width: 3rem; height: 3rem; display: inline-block; position: absolute;}
.people {margin-right: 0.2rem; right: 3.2rem;}
.projects {right: 0;}
a.people {background: url(../images/button-people.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.projects {background: url(../images/button-projects.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.people:hover {background: url(../images/button-people-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.projects:hover {background: url(../images/button-projects-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.sub-menu-people, .sub-menu-projects {display: none;  z-index: 1000000;  position: absolute; top: 2.7rem; width: 14rem; max-height: 40rem; overflow-y: auto; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.sub-menu-people {margin-left: -18.5rem;}
.sub-menu-projects {margin-left: -15rem;}
.main-item1:focus {outline: 0;}
.main-item1:focus ~ .sub-menu-people,
.main-item1:active ~ .sub-menu-people,
.sub-menu-people:hover {display: inline-block;}
.main-item2:focus {outline: 0;}
.main-item2:focus ~ .sub-menu-projects,
.main-item2:active ~ .sub-menu-projects,
.sub-menu-projects:hover {display: inline-block;}
ul.sub-menu-people, ul.sub-menu-projects {padding: 0 0.6rem; text-align: left; border: 2px solid #74cee2;  background: white; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem;}
ul.sub-menu-people li, ul.sub-menu-projects li {font-size: 0.875rem;  line-height: 1.5rem; list-style-type: none; margin: 0.3rem 0;}
ul.sub-menu-people li a, ul.sub-menu-projects  li a {color: black; text-decoration: none; padding: 1px 3px;  width: 100%; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.sub-menu-people li a:hover, ul.sub-menu-projects  li a:hover {color: black;  text-decoration: none; background: #b9e6f0;}
ul.sub-menu-people li:first-child, ul.sub-menu-projects li:first-child {border-bottom: 1px solid #74cee2; margin-bottom: 0.5rem; padding-bottom: 0.3rem; font-weight: bold;}
ul.sub-menu-people li:last-child, ul.sub-menu-projects li:last-child {border-top: 1px solid #74cee2; margin-top: 0.5rem; padding-top: 0.3rem;}
/*---------------------------------------------------------------------------*/
/* Системные сообщения об ошибках
-----------------------------------------------------------------------------*/
.message-all {width: 98%; max-width: 1000px; height: 1.7rem; margin: 0px auto;}
.message {font-size: 0.8rem; line-height: 1.6rem; font-weight: bold; text-align: left;}
.message span.ok {color: #00a3b9;}
.message span.error {color: #da0000;}
.ok {color: #00a3b9; font-weight: bold; font-size: 0.8rem; /*display: inline-block;*/ margin-top: 1rem;}
.fail {color: #da0000; font-weight: bold; font-size: 0.8rem; /*display: inline-block; */margin-top: 1rem;}
.errorSummary p {color: #da0000; font-weight: bold; font-size: 0.8rem!important;}
.errorSummary ul {margin-bottom: 1rem;}
.errorSummary ul li {color: #da0000!important; font-weight: bold; list-style-position: inside; font-size: 0.8rem;}
.alert {font-size: 0.8rem; line-height: 1.6rem; font-weight: bold; color: #da0000; margin: 0 0 0.6rem 0;}
/*---------------------------------------------------------------------------*/
/* Подвал
-----------------------------------------------------------------------------*/
.footer {background: #e1e4e4; width: 100%; height: 3.2rem;  border-top: 1px solid #c8c7c2; display: table; margin: -3.2rem auto 0 auto; position: relative;}
.footer_copy {width: 25%; height: 3.2rem; color: #00a3b9; text-align: left; display: table-cell; vertical-align: middle;}
.links {width: 75%; height: 3.2rem; display: table-cell;  vertical-align: middle; text-align: right;}
.links ul li {display: inline;}
.links ul li a {color: black; margin: 0 0.5rem; text-decoration: underline; }
.links ul li a:hover {color: black; text-decoration: none;}
/*---------------------------------------------------------------------------*/
/* Контентная часть
-----------------------------------------------------------------------------*/
.container {width: 100%; float: left; }
.content {height: auto!important;  margin: 0 auto; width: 98%; max-width: 1000px;}
.content_list {background: #f9f8e4; border: 1px solid #ffe75e; float: left; padding: 0.5rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: auto; margin-bottom: 1rem; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem;}
.title {width: 100%; height: auto; background: #bbdd75; border: 1px solid white; padding: 0.1rem 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 0.5rem; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem;}
.title h1 {overflow: hidden; text-overflow: ellipsis; max-width: 95%; white-space: nowrap; margin-left: 2.3rem;}
a.title-settings {width: 1.5rem; height: 1.5rem; display: block; float: left; position: absolute; margin: 0.2rem 0.5rem 0 0.2rem; background: url(../images/title-settings.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.title-settings:focus {background: url(../images/title-settings-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.sub-menu-title-settings {display: none; z-index: 1000000; position: absolute; margin-top: 1.8rem; width: auto; max-width: 98%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.main-item3:focus {outline: 0;}
.main-item3:focus ~ .sub-menu-title-settings,
.main-item3:active ~ .sub-menu-title-settings,
.sub-menu-title-settings:hover {display: inline-block;}
ul.sub-menu-title-settings {padding: 0 0.6rem; text-align: left; border: 1px solid #bbdd75; background: white; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem;}
ul.sub-menu-title-settings li {font-size: 0.875rem;  line-height: 1.5rem; list-style-type: none; margin: 0.5rem 0;}
ul.sub-menu-title-settings li a {color: black; text-decoration: none; padding: 0;  width: 100%; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.sub-menu-title-settings li a:hover {color: black;  text-decoration: underline;}
ul.sub-menu-title-settings li input {color: black; background: none; text-transform: none; font-size: 0.875rem; line-height: 1.5rem; height: 1.3rem; font-weight: normal; border-radius: 0; padding: 0px; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
ul.sub-menu-title-settings li input:hover {color: black;  border-bottom: 1px solid black!important; }
ul.sub-menu-title-settings li hr {color: #bbdd75; width: 100%; margin: 0.3rem 0; border-top: 1px solid #bbdd75; border-left: 0; border-right: 0; border-bottom: 0; /*float: left;*/}
/*---------------------------------------------------------------------------*/
 /* Быстрое добавление задачи
-----------------------------------------------------------------------------*/
.add_task {position: relative; float: left; margin-top: 0.5rem; width: 94%; margin-bottom: 0.5rem;}
.add_task input {width: 100%; height: 2rem;}
input.newtask {width: 5%; margin-left: 1%; height: 2rem!important;  margin-top: 0.5rem; background: #74cee2; color: white; font-size: 1.7rem;}
.add_task button.setting_task {background: white url(../images/add-task.png) no-repeat center; padding-left: 0.5rem; width: 1.75rem; height: 1.75rem; position: absolute; right: 0.15rem; top: 0.15rem;  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.add_task button.setting_task:focus {background:  white url(../images/add-task-up.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.task-create-advanced {z-index: 100; width: 13rem; height: auto; border: 1px solid #e3e3e3; background: white; margin-top: 0.2rem; padding: 0.8rem; position: absolute; right: 0; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.task-create-advanced .ik_select {width: 9.2rem!important; margin-bottom: 0.8rem; float: left;}
.task-create-advanced input.hasDatepicker {width: 9.2rem!important;  margin-bottom: 0.8rem; float: left;}
.task-create-advanced-people, .task-create-advanced-project, .task-create-advanced-data {width: 1.25rem; height: 1.25rem; margin-right: 0.75rem; display: block; float: left; margin-top: 0.3rem;}
.task-create-advanced-people {background: url(../images/add-task-people.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.task-create-advanced-project {background: url(../images/add-task-project.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.task-create-advanced-data {background: url(../images/add-task-data.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.task-create-advanced button.ui-datepicker-trigger {display: none;}
.task-create-advanced input[type="submit"].save {width: 9.2rem; margin-left: 2rem;}
/*---------------------------------------------------------------------------*/
/* Заголовки списков задач
-----------------------------------------------------------------------------*/
.one-title {width: 100%; height: 2.5rem; line-height: 2.5rem;  margin: 0.5rem 0; background: #fbf1bb; border: 1px solid white; padding: 0 0 0 0.3rem; float: left; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.plus, .minus {width: 1rem; height: 1rem; margin: 0 0.1rem 0.1rem 0; vertical-align: middle; display: inline-block; cursor: pointer;}
.plus {background: url(../images/button-plus.png) center no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.minus {background: url(../images/button-minus.png) center no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.one-title span {vertical-align: middle; font-size: 1rem; line-height: 1.5rem; font-weight:bold;}
.one-title span.one-title-title {font-size: 1rem; line-height: 1.5rem; font-weight:bold; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 60%; display: inline-block; vertical-align: middle;}
.one-title input[type="button"] {height: auto; font-size: 0.9rem; color: black; font-weight: normal; text-decoration: underline; margin: 0.7rem 0 0 0.2rem;  border: 0; background: none; cursor: pointer; text-transform: lowercase; vertical-align: top;}
.one-title input:hover {font-size: 0.9rem; color: black; text-decoration: none;}
.one-title input[type="button"]:focus {outline: 0;}
.one-title .checkboxright {float: right; display: inline; margin: 0.4rem 0.4rem 0 0;}
.one-title .checkboxright input[type="checkbox"], .tasks-list ul li.one-task-selected .checkboxright input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.one-title .checkboxright input[type="checkbox"] + label {width: 1.75rem; height: 1.75rem; display: table-cell; float: left; background: url(../images/task-check-mobile.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.one-title .checkboxright input[type="checkbox"]:checked + label {width: 1.75rem; height: 1.75rem; display: inline; background: url(../images/task-check-up-mobile.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
/*---------------------------------------------------------------------------*/
 /* Список открытых задач
-----------------------------------------------------------------------------*/
.tasks-list {width: 100%; float: left; margin: 0; font-size: 1rem; line-height: 1.6rem;}
.tasks-list ul {min-height: 1rem; float: left; width: 100%;}
.tasks-list ul li {list-style: none;}
.tasks-list ul li.one-task {list-style: none; width: 100%; margin: 0.6rem 0; float: left;}
.tasks-list ul li.one-task span {color: #777676; vertical-align: top;}
.tasks-list ul li.one-task a {color: black; text-decoration: none; vertical-align: top;}
.tasks-list ul li.one-task a:hover {text-decoration: underline;}
.tasks-list ul li input[type="text"] {width: 100%; margin: 0.2rem 0 0.5rem 0;}
/* Чекбоксы слева */
.tasks-list ul li.one-task input[type="checkbox"], .tasks-list ul li.one-task input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.tasks-list ul li.one-task input[type="checkbox"] + label {width: 1.75rem; height: 1.75rem; margin: 0 0.5rem; display: table-cell; float: left; background: url(../images/task-mobile.png) center no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.tasks-list ul li.one-task input[type="checkbox"]:checked + label {background: url(../images/task-up-mobile.png) center no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }
/* Иконки - в мобильной версии все прячем */
.tasks-list ul li.one-task button.ui-datepicker-trigger {display: none;}
.tasks-list ul li.one-task span.icon-people,  .tasks-list ul li.one-task-selected span.icon-people {display: none;}
.tasks-list ul li.one-task:hover span.icon-people {display: none;}
.tasks-list ul li.one-task:hover span.icon-people:hover {display: none;}
.tasks-list ul li.one-task span.icon-project, .tasks-list ul li.one-task-selected span.icon-project {display: none;}
.tasks-list ul li.one-task:hover span.icon-project {display: none;}
.tasks-list ul li.one-task:hover span.icon-project:hover {display: none;}
.tasks-list ul li.one-task input.icon-date, .tasks-list ul li.one-task-selected input.icon-date {display: none;}
.tasks-list ul li.one-task:hover input.icon-date {display: none;}
.tasks-list ul li.one-task:hover input.icon-date:hover {display: none;}
.tasks-list ul li.one-task a.icon-edit, .tasks-list ul li.one-task-selected a.icon-edit {display: none;}
.tasks-list ul li.one-task:hover a.icon-edit {display: none;}
.tasks-list ul li.one-task:hover a.icon-edit:hover {display: none;}
.tasks-list ul li.one-task div.icon-separator,  .tasks-list ul li.one-task-selected div.icon-separator {display: none;}
.tasks-list ul li.one-task:hover div.icon-separator {display: none;}
/* Чекбоксы справа - выделение задачи */
.tasks-list ul li.one-task-selected {list-style: none; width: 100%; height: 2.5rem; line-height: 2.25rem;  background: #cfe79e; border: 1px solid white; margin: 0.2rem 0; white-space: nowrap; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem;}
.tasks-list ul li.one-task-selected span {color: black; line-height: 2.25rem; vertical-align: top; display: none;}
.tasks-list ul li.one-task-selected span.task-table {display: inline;}
.tasks-list ul li.one-task-selected a {color: black; text-decoration: none;  line-height: 2.5rem; vertical-align: top; margin-right: 0.8rem; width: 100%; overflow: hidden; text-overflow: ellipsis; display: inline-block; float: left;}
.tasks-list ul li.one-task-selected a:hover {color: black; text-decoration: underline;}
.tasks-list ul li.one-task-selected input[type="checkbox"], .tasks-list ul li.one-task-selected input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.tasks-list ul li.one-task-selected input[type="checkbox"] + label {width: 1.75rem; height: 1.75rem; margin: 0.3rem 0.5rem 1rem 0.5rem; display: table-cell; float: left; background: url(../images/task-mobile.png) center no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.tasks-list ul li.one-task-selected input[type="checkbox"]:checked + label {background: url(../images/task-up-mobile.png) center no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.tasks-list ul li .one-task-selected .checkboxright {float: right; display: inline;}
.tasks-list ul li .checkboxright {float: right; display: inline;}
.tasks-list ul li:hover .checkboxright {float: right; display: inline;}
.tasks-list ul li.one-task .checkboxright input[type="checkbox"], .tasks-list ul li.one-task .checkboxright input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.tasks-list ul li.one-task .checkboxright input[type="checkbox"] + label {width: 1.75rem; height: 1.75rem; display: inline; background: url(../images/task-check-mobile.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; }
.tasks-list ul li.one-task .checkboxright input[type="checkbox"]:checked + label {width: 1.75rem; height: 1.75rem; display: inline; background: url(../images/task-check-up-mobile.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
span.task-table {display: table; width: 90%; float: left;} /* Вот здесь меняем ширину в зависимости от экрана */
 /*  Чекбоксы справа на выделенной панельке */
.tasks-list ul li.one-task-selected .checkboxright input[type="checkbox"], .tasks-list ul li.one-task-selected .checkboxright input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.tasks-list ul li.one-task-selected .checkboxright input[type="checkbox"] + label {width: 1.75rem; height: 1.75rem; margin-top: 0.3rem; display: table-cell; float: left; background: url(../images/task-check-mobile.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.tasks-list ul li.one-task-selected:hover .checkboxright input[type="checkbox"] + label { width: 1.75rem; height: 1.75rem; display: table-cell; float: left; background: url(../images/task-check-mobile.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.tasks-list ul li.one-task-selected .checkboxright input[type="checkbox"]:checked + label {width: 1.75rem; height: 1.75rem; display: inline; background: url(../images/task-check-up-mobile.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
/* Список закрытых задач*/
.tasks-list ul li.one-task-complete {list-style: none; width: 100%; margin: 0.6rem 0; float: left;}
.tasks-list ul li.one-task-complete span.data-complete {color: black; vertical-align: top;}
.tasks-list ul li.one-task-complete span {color: #777676; vertical-align: top;}
.tasks-list ul li.one-task-complete a {color: #777676; text-decoration: underline;  vertical-align: top; margin-left: 0.8rem;}
.tasks-list ul li.one-task-complete a:hover {color: #777676; text-decoration: none;}
/* Чекбоксы слева у закрытых задач */
.tasks-list ul li.one-task-complete input[type="checkbox"], .tasks-list ul lione-task-complete input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.tasks-list ul li.one-task-complete input[type="checkbox"] + label {width: 1.75rem; height: 1.75rem; margin: 0 0.5rem; display: inline; float: left; background: url(../images/task-up-mobile.png) center no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.tasks-list ul li.one-task-complete input[type="checkbox"]:checked + label {background: url(../images/task-mobile.png) center no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
/* Панель переназначения выделенных задач  */
.note_list_task {width: 100%; height: auto; background: #9dddeb; border: 1px solid white; padding: 0.3rem 0.4rem; float: left; margin: 0 0 0.4rem 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem;}
.note_list_task .redefine-tasks {font-size: 1rem; font-weight: bold; color: black; text-shadow: 0 1px 1px #fff; line-height: 1.8rem;  float: left; margin-right: 0.8rem; margin-bottom: 0.3rem; width: 100%;}
.note_list_task .ik_select {width: 33%!important; margin: 0 0.5% 0 0; float: left; border: 0!important;}
.note_list_task input {width: 33%!important; margin: 0; float: left; border: 0!important; font-size: 0.875rem; color: #777676;}
.note_list_task button.ui-datepicker-trigger {display: none;}
/*---------------------------------------------------------------------------*/
/* Страницы  настроек
-----------------------------------------------------------------------------*/
.title_setting {width: 100%; height: auto; background: #74cee2; border: 1px solid white; padding: 0.4rem; float: left; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.title_setting h1 {margin: 0 1rem 0 0; line-height: 1.6rem; float: left;}
.title_setting .link_setting {display: table-cell;}
.title_setting a {color: black; text-decoration: underline; text-align: center; margin: 0 0.8rem 0 0; font-size: 0.875rem; line-height: 1.7rem;}
.title_setting a.on {font-weight: bold;}
.title_setting a:hover {text-decoration: none;}
.setting_list {width: 100%; padding: 0.6rem 0.3rem 0.3rem 0.3rem; float: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.setting_list table {text-align: left; line-height: 1.4rem; font-size: 0.875rem;}
.setting_list table tr td:first-child {white-space: nowrap;}
.setting_list table tr {vertical-align: top;}
.setting_list table td {padding: 0.4rem 0.8rem 0.4rem 0; width: auto;}
.setting_list table td a {color: black; text-decoration: underline;}
.setting_list table td a:hover {color: black; text-decoration: none;}
.setting_list table td.people_title {color: #777676; padding: 0;}
.setting_list table td .ik_select {width: 8.8rem!important;}
.setting_list table td input[type="text"], .setting_list table td input[type="password"] {width: 8.8rem;}
.setting_list table td input[type="submit"]  {width: auto!important;}
.setting_list hr {margin: 0.5rem 0 1rem 0;}
.setting_list .one-title h2 {border: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 97%;}
table.white-space tr td {white-space: nowrap;}
.setting_list span.off {color: #777676; font-weight: normal;}
.setting_list table td input.create_people {width: 1.5rem!important; height: 1.5rem; background: url(../images/create_people.png) no-repeat center; display: block; border: 0;  text-indent: -9999rem; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-border-radius: 0rem; -khtml-border-radius: 0rem;  -o-border-radius: 0rem;  -ms-border-radius: 0rem;  -icab-border-radius: 0rem;  border-radius: 0rem;}
.setting_list table td input.create_people:focus {width: 1.5rem!important; height: 1.5rem; background: url(../images/create_people-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.setting_list table td button.delete_people {width: 1.5rem; height: 1.5rem; background: url(../images/delete_people.png) no-repeat center; display: block; border: 0;  text-indent: -9999rem; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; -webkit-border-radius: 0rem; -khtml-border-radius: 0rem;  -o-border-radius: 0rem;  -ms-border-radius: 0rem;  -icab-border-radius: 0rem;  border-radius: 0rem;}
.setting_list table td button.delete_people:active {width: 1.5rem; height: 1.5rem; background: url(../images/delete_people-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.setting_list table span.remove {white-space: nowrap;}
.remove {color: #da0000;}
.setting_list form p {font-size: 0.875rem;  line-height: 1.4rem;}
/*---------------------------------------------------------------------------*/
/* Оплата
-----------------------------------------------------------------------------*/
.billing {width: 100%; margin-top: 1rem;}
.billing-one {width: 31%; height: 16.5rem; margin: 0 1% 1.3rem 1%; padding: 0.5rem; float: left; text-align: center; border: 2px solid #ffe75e;  background: #fffef7; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.billing-one:hover {background: white;}
.billing_green {background: #f5faea; border: 2px solid #bcdd75;}
.billing_blue {background: #ecfafc; border: 2px solid #73cee1;}
.billing-one .old-price {width: auto; height: auto; font-size: 1.2rem; font-weight: bold; float: left; text-align: left; background: url(../images/block-price-del.png) center center no-repeat; background-size: 100% 100%;}
.billing-one .old-price2 {height: auto; min-height: 1.7rem; }
.billing-one .new-price {width: 100%; height: auto; font-size: 3.4rem; font-weight: bold; text-align: center; color: #ff7500; padding-left: 1rem; margin: 1rem 0 2rem 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.billing-one .new-price sup {font-size: 1.9rem;}
.billing-one .new-price span sup {font-size: 1.5rem; color: black; font-weight: normal; padding-left: 0.8rem;}
.billing-one i {color: #ff7500; font-size: 1.2rem;     font-style: normal;}
.billing-one h4 {font-size: 1.2rem; line-height: 1.9rem; text-align: center; color: #11b9de; margin: 0 0 0.4rem 0; padding: 0; text-transform: uppercase; font-weight: bold;}
.billing-one p {font-size: 1rem; line-height: 1.4rem; text-align: center; color: black;  font-weight: bold; }
.billing-one a {font-size: 1rem; color: black; text-decoration: underline;}
.billing-one a:hover {color: black; text-decoration: none;}
.billing-one input[type="submit"] {color: #00a3b9;  border: 0px; background: none; font-size: 1rem;  font-weight: normal; margin: 1rem auto 0 auto; text-align: center; text-decoration: underline; width: auto;}
.logo-payment {margin: 0 0 1rem 0; text-align: center;}
.logo-payment .payment-one  {width: 3.2rem; height: 2rem; border: 1px solid silver; margin: 0.3rem; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.visa {background: url(../images/payment/visa.jpg) no-repeat center;}
.mastercard {background: url(../images/payment/mastercard.jpg) no-repeat center;}
.jcb {background: url(../images/payment/jcb.jpg) no-repeat center;}
.paypal {background: url(../images/payment/paypal.jpg) no-repeat center;}
.diners {background: url(../images/payment/diners.jpg) no-repeat center;}
.discover {background: url(../images/payment/discover.jpg) no-repeat center;}
.americanexpress {background: url(../images/payment/americanexpress.jpg) no-repeat center;}
.debitcard {background: url(../images/payment/debitcard.jpg) no-repeat center;}
.billing_security {text-align: center;}
.billing_security p  {margin: 0 0 0.8rem 0; line-height: 1.4rem; text-align: center!important;}
.billing_security span  {margin-top: 1rem; font-size: 0.7rem; line-height: 1rem; color: gray; text-align: center!important; display: inline-block;}
.billing_security input [type="submit"] {text-transform: none;}
.setting_list table.billing-table {margin-bottom: 1.5rem;}
.setting_list table.billing-table td {padding-right: 1rem;}
.setting_list table.border {border-spacing: 0; border-collapse: collapse;  width: 100%; background: white; margin-top: 1rem;}
.setting_list table.border td {padding: 0.3rem 0.5rem; border: 1px solid #76ab07; height: auto;}
.setting_list table.border th {background: #bbdd75; font-weight: bold; padding: 0.3rem 0.5rem; border: 1px solid #76ab07; height: auto;}
.setting_list p {font-size: 1rem;}
.billing_list ul {margin: 1rem 0 1.5rem 0;}
.billing_list ul li {margin: 0.4rem 0;}
.billing_list .ik_select {margin-top: 1rem;}
.billing_list textarea {width: 20rem; max-width: 100%; background: white; margin: 0.8rem 0 1rem 0; min-height: 8rem; height: auto!important;}
/*---------------------------------------------------------------------------*/
 /* Планировщики
-----------------------------------------------------------------------------*/
.planner-title {padding: 0.1rem 0.4rem 0.2rem 0.4rem;}
.planner-title .ik_select {margin: 0.25rem 0.5rem; line-height: 1.7rem; display: inline-block; }
.planner-title h1.planner-title-title {width: auto; display: inline-block; line-height: 1.5rem;}
/* Навигация по неделям */
.navigation-all {display: inline-block; float: right;}
.navigation {width: auto; height: auto; display: inline-block; background: white; border: 1px solid #ffe75e; padding: 0 0.3rem 0 0; margin: 0.4rem 0; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.navigation a {color: black; margin: 0 0.25rem; text-decoration: none; font-size: 0.8rem; line-height: 1.6rem;}
.navigation a:hover {text-decoration: underline;}
/* Таблица общее */
table.planner {width: 100%; vertical-align: middle; text-align: center;  border-collapse: collapse; background: #fffef4; overflow: scroll; font-size: 0.875rem;}
table.planner tr td {padding: 0.25rem 0.4rem; border: 1px solid #c4c4c4; line-height: 1.3rem; height: 1.8rem; min-width: 3rem; width: auto;}
/* Заголовок таблицы  и последнняя строка */
table.planner tr.table-title td {background: #fff5bf;}
/*Первый столбик - проекты */
table.planner tr td:first-child {text-align: left; padding-left: 0.5rem; font-size: 0.9rem; font-weight: bold; /*max-width: 15rem;*/ white-space: nowrap;}
table.planner tr:last-child td:first-child {padding-left: 1.7rem;}
table.planner tr td:first-child a {color: black; text-decoration: underline;}
table.planner tr td:first-child a:hover {color: black; text-decoration: none;}
/*Первый столбик - подробнее сотрудники */
table.planner tr.table-detail {background: white;}
table.planner tr.table-detail td {height: 1.1rem;}
table.planner tr.table-detail td:first-child {color: #00a3b9; padding-left: 1.9rem; font-weight: normal; font-size: 0.875rem;}
table.planner tr.table-detail td:first-child a {color: #00a3b9; font-weight: normal; text-decoration: underline; font-size: 0.875rem;}
table.planner tr.table-detail td:first-child a:hover {text-decoration: none;}
/* Ссылки на цифры-задачи */
table.planner span.green {font-size: 1rem; font-weight: bold; color: #7fb510;}
table.planner .notask {text-decoration: none!important;}
table.planner .notask:hover {text-decoration: none;}
table.planner span.black {font-size: 1rem; font-weight: bold; color: black;}
table.planner a.green {font-size: 1rem; font-weight: bold; text-decoration: underline; color: #7fb510}
table.planner a.green:hover {text-decoration: none; color: #7fb510}
table.planner a.black {font-size: 1rem; font-weight: bold; color: black; text-decoration: underline;}
table.planner a.black:hover {color: black; text-decoration: none;}
/* Столбик всего за неделю*/
table.planner td.title-week {width: 6.5rem; font-weight: bold;}
table.planner td.table-week {background: #f2f8e3!important; font-weight: bold;}
/*-----------------------------------------------------------------------------*/
/* Редактирование задачи
-----------------------------------------------------------------------------*/
.edit_task .title {width: 100%; float: left;  padding: 0.2rem; margin: 0;}
.edit_task input.name-task {width: 50%; font-size: 1rem; font-weight: bold; color: black; float: left; margin-left: 0;}
.edit_task .ik_select {width: 19%!important; margin-left: 0.2rem; float: left;}
.edit_task input.hasDatepicker {width: 11%; margin-left: 0.2rem; float: left; font-size: 0.875rem; color: #777676; font-weight: normal;}
.edit_task textarea {background: white; color: black; border: 1px solid #ffe75e; width:100%; padding: 0.8rem; margin: 0.6rem 0; min-height: 20rem; height: auto!important; font-size: 0.9rem; line-height: 1.5rem; text-align: left;}
.edit_task input.cancel {float: left;}
.edit_task input.save {float: right;}
/* Панель с кнопками в редактировании задачи */
.note_edit_task {width: 100%; height: auto; background: #fdfcf3; border: 1px solid #faf0ad; float: left; margin-top: 0.6rem; padding: 0.6rem 0.6rem 0.3rem; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.note_left_icons {float: left; width: 90%;}
.note_right_icons {float: right;}
div.separator {float: left; margin: 0 0.7rem; background: url(../images/separator-yellow.png); width: 1px; height: 1.5rem; display: block;}
a.view_button {width: 1.5rem; height: 1.5rem; float: left; background: url(../images/view-edit-task.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.view_button:hover {background: url(../images/view-edit-task-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
input.save_button {width: 1.5rem; height: 1.5rem; float: left; border: 0;  background: url(../images/save-edit-task.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
input.save_button:focus {background: url(../images/save-edit-task-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.is_recurring {width: 1.5rem; height: 1.5rem; float: left; display: block; background: url(../images/recurring-up.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.do_recurring {width: 1.5rem; height: 1.5rem; float: left; display: block; background: url(../images/recurring.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.note_notify {float: left;}
.note_notify p {color: #777676; display: inline; line-height: 1.7rem; vertical-align: top;}
.note_notify input[type="checkbox"], .note_notify input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.note_notify input[type="checkbox"] + label {width: 1.75rem; height: 1.75rem; display: inline-block; background: url(../images/task-check-mobile.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.note_notify input[type="checkbox"]:checked + label {width: 1.75rem; height: 1.75rem; display: inline-block; background: url(../images/task-check-up-mobile.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
input.trash {background: url(../images/trash-edit-task.png) no-repeat center; width: 1.5rem; height: 1.5rem;  border: 0; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
input.trash:focus {background: url(../images/trash-edit-task-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
/*-----------------------------------------------------------------------------*/
/* Редактирование проекта
-----------------------------------------------------------------------------*/
.edit_project input.name-task {width: 61%;}
.edit_project .ik_select {width: 19%!important;}
/* Панель в редактировании проекта */
.note_start_project {float: left;}
.note_start_project span {font-size: 0.8rem; height: 1.5rem; line-height: 1.5rem; display: inline-block; float: left; color: #777676; }
.note_start_project input.hasDatepicker {width: 5.5rem; height: 1.5rem; border: 0; float: left; border-radius: 0; padding: 0; margin-right: 0.8rem; text-align: center; text-decoration: underline; color: #00a3b9; background: #fdfcf3;}
.note_start_project input.hasDatepicker:focus {background: #fdfcf3; text-decoration: none; color: #00a3b9;}
/*-----------------------------------------------------------------------------*/
/* Повторяющиеся задачи
-----------------------------------------------------------------------------*/
.one-title span.one-title-recurring {font-size: 1rem; line-height: 2.3rem; font-weight: bold; margin-left: 0.5rem;}
table.recurring_table {width: 100%; max-width: 100%; overflow: hidden; font-size: 0.875rem; line-height: 1.4rem;}
table.recurring_table td {padding: 0.4rem; width: auto; vertical-align: top;}
table.recurring_table td:first-child {min-width: 5rem; width: 5rem;}
table.recurring_table td:last-child {text-align: right; min-width: 7rem; width: 7rem; text-align: center;}
table.recurring_table a {color: black; text-decoration: none;}
table.recurring_table a:hover {color: black; text-decoration: underline;}
a.recurring_type {color: white!important; display: inline-block; font-size: 0.8rem; line-height: 1.1rem; text-shadow: 0 0 0 #fff; padding: 0 0.2rem; min-width: 5rem; width: auto; text-decoration: none; text-transform: lowercase; font-weight: bold; text-align: center; -webkit-border-radius: 4px; -khtml-border-radius: 4px;  -o-border-radius: 4px;  -ms-border-radius: 4px;  -icab-border-radius: 4px;  border-radius: 4px;}
h1 a.recurring_type {margin-left: 0.8rem;}
a.recurring_type:hover {text-decoration: underline; background: #b1b1b1;}
a.daily {background: #89af3c;}
a.weekly {background: #5eadbf;}
a.monthly {background: #f88421;}
a.none {background: silver;}
.recurring_title a {color: black; text-decoration: underline;}
.recurring_title a:hover {color: black; text-decoration: none;}
.recurring_title span {color: #777676; margin-left: 0.8rem;}
/* Список повторяющихся задач */
table.recurring_list {overflow: scroll; width: auto; font-size: 0.875rem;}
table.recurring_list td {padding: 0.5rem 0.2rem; white-space: nowrap; }
table.recurring_list a {color: black; text-decoration: none;}
table.recurring_list a:hover {color: black; text-decoration: underline;}
.recurring_start, .recurring_finish,  .recurring_finish2 {width: 1rem; height: 1rem; display: block;}
.recurring_start {background: url(../images/start.png) no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.recurring_finish {background: url(../images/finish.png) no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.recurring_finish2 {background: url(../images/finish2.png) no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.recurring_new {width: 100%; text-align: center; margin: 1rem 0;  float: left;}
.recurring_new a {color: white!important; display: inline-block; margin-top: 1.2rem; font-size: 1rem; padding: 0.4rem 1rem; line-height: 1.4rem; text-decoration: none; background: #f88421; text-transform: lowercase; font-weight: bold; text-align: center; -webkit-border-radius: 7px; -khtml-border-radius: 7px;  -o-border-radius: 7px;  -ms-border-radius: 7px;  -icab-border-radius: 7px;  border-radius: 7px;}
/*---------------------------------------------------------------------------*/
/* Страница шаблонов
-----------------------------------------------------------------------------*/
.content_template {width: 100%; border: 1px solid #ffe75e; background: white; min-height: 5rem; height: auto; float: left; padding: 0.8rem; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.content_template .add_list input[type="text"] {margin-bottom: 1rem; width: 100%; height: 2rem;}
.content_template input[type="submit"].ie {position: absolute; left: -9999px;}
.template_add p.no-templates {float: left; display: inline;}
.template_add a.save {margin: 0 1rem;  color: #00a3b9; text-decoration: underline;}
.template_add a.save:hover {color: #00a3b9; text-decoration: none;}
.template_add a.cancel {margin: 0 1rem; color: red; text-decoration: underline;}
.template_add a.cancel:hover {color: red; text-decoration: none;}
/* Дерево в шаблонах */
.treeview {padding: 0; clear: both; font-family: Arial, sans-serif; width: 100%; margin-top: -2rem; margin-bottom: 1rem; font-size: 0.875rem;}
.treeview input[type="text"] {width: 100%; height: 2rem; text-overflow:ellipsis;}
.treeview ul {overflow: hidden; width: auto; margin: 0; padding: 0 0 1rem 0; list-style-type: none;}
.treeview ul ul {overflow: visible; width: auto; margin: 0; padding-left: 0.4rem; }
.treeview ul.l {border-left: 1px solid; margin-left: -1px;}
.treeview li.cl ul {display: none;}
.treeview li {margin: 0; padding: 0;}
.treeview li li {margin: 0; border-left: 1px dotted; padding: 0;}
.treeview li div {position: relative; height: 3rem; min-height: 2.5rem;}
.treeview li li div {border-bottom: 1px dotted;}
.treeview li p {position: absolute; z-index: 1; top: 2rem; width: 100%; height: 3rem; margin: 0; border-bottom: 1px dashed; padding: 0.3rem 0; overflow: hidden;}
.treeview a {padding: 2px 4px;}
.treeview ul li div p a {font-weight: bold; text-overflow: ellipsis; overflow: hidden;  max-width: 90%; display: inline-block; text-overflow: ellipsis;  white-space: nowrap;}
.treeview ul li div p a.edit {width: 1rem; height: 1rem; margin: 0; padding: 0; text-indent: -9999rem; display: inline-block; background: url(../images/template-edit.png) no-repeat center center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.treeview ul li div p a.edit:hover {background: url(../images/template-edit-up.png) no-repeat center center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.treeview ul li div p input {font-weight: bold; font-size: 0.875rem; background: white; width: 90%; text-align: left; text-overflow:ellipsis; vertical-align: top; overflow: hidden; padding: 0;}
.treeview ul li ul li div p a {font-weight: normal;}
.treeview img.i {border-right: 2px solid; border-bottom: 0.5rem solid; margin-bottom: -0.5rem; vertical-align: middle;}
.treeview a.sc {position: absolute; top: 1px; margin-left: -1rem; padding: 0; text-decoration: none;}
.treeview img.i, .treeview .sc {background: white;}
.treeview ul.l, .treeview li p, .treeview img.i {border-color: white;}
.treeview ul li li, .treeview ul li li div {border-color: #999999;}
.treeview a, .treeview a.sc, .treeview a.sc:hover {color: #000000;}
.treeview a:hover {color: #00a3b9;}
.treeview a.plus {width: auto; height: auto; background: url(../images/button-plus.jpg) left 0.3rem no-repeat; padding-left: 1.2rem;}
.treeview a.minus {width: auto; height: auto; background: url(../images/button-minus.jpg) left 0.3rem no-repeat; padding-left: 1.2rem;}
.treeview a.plus:hover {background: url(../images/button-plus-up.jpg) left 0.3rem no-repeat;}
.treeview a.minus:hover {background: url(../images/button-minus-up.jpg) left 0.3rem no-repeat;}
.treeview form {position: absolute; z-index: 1; top: 2rem; width: 100%; margin: 0; padding-left: 1rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.treeview ul li ul li div p a {position: absolute; z-index: 1; top: 0; width: 95%; margin: 0; background: white; margin-left: 1rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.treeview ul li ul li div p input {font-size: 0.875rem; font-weight: normal; background: white; position: absolute; width: 100%; background: white; text-align: left; text-overflow: ellipsis; overflow: hidden;}
.treeview ul li ul li div p input.check {margin-left: 2.6rem; width: 95%; background: white; height: 1.8rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.treeview ul li ul li div p span {display: block; height: 1rem;  width: 100%; background: -moz-linear-gradient(left, rgba(255,245,215,0) 0%, white 20%, white 100%); background: -webkit-linear-gradient(left, rgba(255,245,215,0) 0%, white 20%, white 100%);  background: -o-linear-gradient(left, rgba(255,245,215,0) 0%, white 20%, white 100%); background: -ms-linear-gradient(left, rgba(255,245,215,0) 0%, white 20%, white 100%); background: linear-gradient(left, rgba(255,245,215,0) 0%, white 20%, white 100%); }
 /* Чекбоксы в дереве шаблонов */
.treeview ul li div p input[type="checkbox"], .treeview ul li div p input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.treeview ul li div p input[type="checkbox"] + label {width: 1.5rem; height: 1.5rem; display: inline-block; background: url(../images/task-check-mobile.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.treeview ul li div p input[type="checkbox"]:checked + label {  width: 1.5rem; height: 1.5rem; display: inline-block; background: url(../images/task-check-up-mobile.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.treeview ul li ul li div input[type="checkbox"], .treeview ul li ul li div p input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.treeview ul li ul li div input[type="checkbox"] + label {  width: 1.5rem; height: 1.5rem; display: inline-block; position: absolute; left: 0.75rem; top: 2.4rem; z-index: 100; border-right: 5px solid white; background: url(../images/task-check-mobile.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.treeview ul li ul li div input[type="checkbox"]:checked + label {width: 1.5rem; height: 1.5rem; display: inline-block; background: url(../images/task-check-up-mobile.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
/*Добавление шаблонов */
.template_add .treeview {margin-top: -1rem;}
.template_add input[type="button"].cancel {float: left;}
.template_add input[type="button"].save {float: right;}
/*---------------------------------------------------------------------------*/
/* Всплывающие окна
-----------------------------------------------------------------------------*/
 /* Задача */
.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl {-moz-border-radius-topleft:0.4rem;-webkit-border-top-left-radius:0.4rem;-khtml-border-top-left-radius:0.4rem;border-top-left-radius:0.4rem}
.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr {-moz-border-radius-topright:0.4rem;-webkit-border-top-right-radius:0.4rem;-khtml-border-top-right-radius:0.4rem;border-top-right-radius:0.4rem}
.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl {-moz-border-radius-bottomleft:0.4rem;-webkit-border-bottom-left-radius:0.4rem;-khtml-border-bottom-left-radius:0.4rem;border-bottom-left-radius:0.4rem}
.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br {-moz-border-radius-bottomright:0.4rem;-webkit-border-bottom-right-radius:0.4rem;-khtml-border-bottom-right-radius:0.4rem;border-bottom-right-radius:0.4rem}
.ui-widget {font-family: Arial; font-size: 0.875rem; line-height: 1.3rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ui-widget .ui-widget {font-family: Arial; font-size: 0.875rem; line-height: 1.3rem;}
.ui-widget textarea {font-family: Arial; font-size: 0.875rem; line-height: 1.3rem;}
.ui-widget-content {border: 1px solid #a3a3a3; background: white; color: black; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ui-widget-content a {color:#222}
.ui-widget-header {border: 0; background: #bbdd75; color: black; font-weight: normal; font-size: 1rem; text-shadow: 0 1px 1px #fff;  margin-bottom: 0.5rem;}
.ui-dialog {position: absolute; padding: 0.5rem; max-width: 90%!important; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.ui-dialog .ui-dialog-content {padding: 0.3rem; min-height: 18rem!important; max-height: 29rem; height: 25rem; overflow-y: auto;}
span.ui-dialog-title {color: black; font-size: 1.1rem; text-align: left; text-shadow: 0px 1px 1px #fff; font-weight: bold; float: none; margin: 0;}
/* Контентная часть всплывающей задачи  */
.content_task_pop_up {}
.content_task_pop_up, .content_task_pop_up p {font-size: 0.875rem; line-height: 1.3rem; font-family: Arial; color: black; text-align: left;}
.content_task_pop_up hr {margin: 0.8rem 0;}
.content_task_pop_up br {display: block; margin-bottom: 2px; font-size: 2px; line-height: 2.5rem;}
.content_task_pop_up p a {color: black; text-decoration: underline;}
.content_task_pop_up p a:hover {color: #00a3b9; text-decoration: underline;}
.content_task_pop_up .note-task {margin: 1.25rem 0 0.8rem 0; border-top: 1px solid #cfcfcf; padding-top: 1.25rem;}
.content_task_pop_up .data-task  {float: left;}
.content_task_pop_up .data-task, .content_task_pop_up .data-task p {text-align: left; color: black;}
.content_task_pop_up .data-task p {margin-bottom: 3px;}
.content_task_pop_up .data-task a {color: #00a3b9; text-decoration: underline; outline: none;}
.content_task_pop_up .data-task a:hover {color: black; text-decoration: underline;}
/* Всплывающее окно задач в планировщиках  */
.planner_popup {background: #fcfbf1;}
.planner_popup .tasks-list ul li.one-task-complete span.task-table {width: auto;}
.planner_popup .tasks-list ul li.one-task-complete span.data-complete {float: left;}
.planner_popup .tasks-list ul li.one-task span.link {color: black; text-decoration: none;}
/* Всплывающее окно в повторяющихся задачах  */
.repeat_task_left, .repeat_task_right {min-height: 24rem;  height: auto; float: left; width: 49%; padding: 0.5rem; margin-top: 1rem; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.repeat_task_left {background: #e3f5f9;  border: 1px solid #bde7ed;  margin-right: 2%;}
.repeat_task_right {background: #f7f5d8; border: 1px solid #ffe75e;}
.repeat_task_left h3, .repeat_task_right h3 {padding-bottom: 0.4rem; margin-bottom: 0.8rem;}
.repeat_task_left h3  {border-bottom: 1px solid #bde7ed;}
.repeat_task_right h3 {border-bottom: 1px solid #ffe75e;}
.repeat_task_left .tabs-wrap {width: 100%; float: left;}
.repeat_task_left input {width: 2rem; text-align: center;}
.repeat_task_left .data-task .ik_select {width: 9rem!important; margin-bottom: 1rem;}
.repeat_task_left .tabs-wrap .ik_select {width: 2.9rem!important; margin-bottom: 0; display: inline-block;  vertical-align: middle; margin: 0 0.5rem;}
.repeat_task_left .tabs-wrap p {margin: 0.5rem 0;}
.column {-webkit-column-width: 47%; -moz-column-width: 47%; column-width: 47%; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 2%;  -moz-column-gap: 2%; column-gap: 2%;}
.par_day {margin-bottom: 0.5rem;}
.repeat_task_left input[type="checkbox"], .repeat_task_left input[type="checkbox"]:checked  {position: absolute;  left: -9999px;}
.repeat_task_left input[type="checkbox"] + label {width: 1.75rem; height: 1.75rem; margin-right: 0.5rem; display: inline-block; vertical-align: middle; background: url(../images/task-check-mobile.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.repeat_task_left input[type="checkbox"]:checked + label {background: url(../images/task-check-up-mobile.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }
.simple_repeat {width: 100%; border-top: 1px solid #DCDCDC; padding-top: 0.8rem; margin-top: 1rem;}
.simple_repeat table tr td {vertical-align: top;}
.logo_simple {float: left; margin: 0.2rem 0.5rem 0 0; width: 2.5rem; height: 2.5rem; background: url(../images/icon-repeat.png) no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.simple_repeat p {color: #706f6f!important; margin: 0!important; font-size: 0.8rem; font-style: italic; line-height: 1.3rem!important;}
.simple_repeat p:first-child {border-bottom: 1px solid #bde7ed; padding-bottom: 0.4rem; margin-bottom: 0.4rem!important;}
.repeat_task_right input {width: 6rem; text-align: center;}
.repeat_task_right td {padding: 0 0.4rem 0.8rem 0; line-height: 1.25rem;}
.save-close_task_repeat .save {float: right; margin-top: 1rem;}
.save-close_task_repeat .cancel {float: left; margin-top: 1rem;}
/* Всплывающие окна шаблонов  */
.templates_pop_up  input[type="text"], .templates_pop_up textarea {width: 100%; margin-bottom: 0.5rem;}
.templates_pop_up .save {float: right;}
.templates_pop_up .save_left {float: left;}
.templates_pop_up .cancel, .templates_pop_up .delete {float: left;}
.templates_pop_up span.texte-template {font-weight: bold; float: left; margin: 0 0.5rem 0.5rem 0; line-height: 2rem;}
.templates_pop_up .ik_select {float: left; margin: 0 0.5rem 0.5rem 0; min-width: 8rem!important;}
.templates_pop_up  input.hasDatepicker {float: left; width: 5.5rem; margin-right: 0.5rem;}





/*  между 100 и 240 (проверка 240) */
@media only screen and (min-width: 100px) and (max-width: 240px) {
html {height: 100%; font-size: 100%;}
/* ----------- Вход + Ошибка ----------- */
.window_login .title {height: auto;}
.window_login .title h1 {white-space: normal;}
.link_login a.left, .link_login a.right {float: none; width: 100%}
.logo_login {width: 13.4rem; height: 2.75rem;}
/* ----------- Шапка ----------- */
.header {height: 4.8rem;}
.logo {display: none;}
.header_date {width: auto; margin-top: 0.5rem;}
.top {margin-bottom: 0.3rem;}
a.prev, a.next {text-indent: -9999px; width: 0.8rem; height: 0.8rem; vertical-align: middle; display: inline-block;}
a.prev {background: url(../images/prev.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next {background: url(../images/next.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.prev:hover {background: url(../images/prev-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next:hover {background: url(../images/next-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.top button {margin: 0 0.2rem; font-size: 0.8rem;}
.settings {width: 2.4rem; margin-top: 0.2rem;}
.people, .projects {width: 2.2rem; height: 2.2rem; margin-bottom: 0.2rem;}
a.people {margin-right: 0;}
.people {right: 0; top: 0;}
.projects {right: 0; top: 2.3rem;}
.sub-menu-people {margin-left: -14.5rem; top: 2rem; max-height: 16rem;}
.sub-menu-projects {margin-left: -14.5rem; top: 4.2rem; max-height: 16rem;}
/* ------- Сообщение об системных ошибках ------- */
.message-all {height: 1.5rem;}
/* ------- Контент Общее + заголовок------- */
.content_list {padding: 0.3rem;}
a.title-settings {width: 1.2rem; height: 1.2rem; margin: 0.1rem 0.3rem 0 0.1rem;}
.title h1 {margin-left: 1.5rem;}
/* ------- Быстрое добавление задачи ------- */
.add_task  {margin-top: 0; width: 80%;}
input.newtask {width: 17%; margin-left: 3%; margin-top: 0rem;}
/* ------- Панель переназначения задач ------- */
.note_list_task .redefine-tasks {font-size: 0.9rem; line-height: 1.5rem;}
.note_list_task .ik_select {width: 100%!important; margin: 0 0 0.3rem 0;}
.note_list_task input {width: 100%!important; margin: 0.05rem 0 0.2rem 0;}
/* -- Задача в списке задач - меняем ширину в зависимости от ширины устройства -- */
 span.task-table {width: 57%;}
/* -- В выводе проекта в заголовке прячем кнопку Новая задача -- */
.one-title input[type="button"] {display: none}
/* ------- Настройки - Верхний заголовок ------- */
.title_setting .link_setting {display: inline;}
/* ------- Страница Оплаты ------- */
.billing-one {width: 98%; height: auto; margin: 0 1% 1rem 1%;}
.billing-one .new-price {font-size: 3.1rem;}
/* ------- Редактирование задачи + Редактирование проекта ------- */
.note_left_icons {float: left; width: 80%;}
.edit_task input.name-task {width: 100%; margin: 0 0 0.2rem 0;}
.edit_task .ik_select {width: 100%!important; margin: 0 0 0.2rem 0;}
.edit_task input.hasDatepicker {width: 100%; margin:0;}
.note_start_project {width: 80%;}
/* ----------- Шаблоны ----------- */
.treeview ul li div p input {width: 80%;}
.treeview ul li ul li div p input.check {width: 80%;}
.treeview ul li div p a {max-width: 74%;}
/* -------- Планировщики, шапка --------- */
.planner-title {height: auto; float: left;}
.planner-title .ik_select {margin: 0.3rem 0; line-height: 1.7rem; display: block; }
.planner-title h1.planner-title-title {overflow: hidden; text-overflow: ellipsis; max-width: 92%; white-space: nowrap; display: inline-block!important;}
.navigation-all {display: inline-block; float: none;}
/* ----------- Всплывающее окно планировщиков, закрытые задачи ----------- */
.planner_popup .tasks-list ul li.one-task-complete span.task-table {width: 57%;}
/* ----------- Всплывающее окно повторяющихся задач ----------- */
.repeat_task_left, .repeat_task_right {width: 100%; margin-bottom: 0.5rem; min-height: auto!important; padding: 0.5rem;}
.repeat_task_left {margin-right: 0;}
.logo_simple {display: none;}
.column {-webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1%;  -moz-column-gap: 1%; column-gap: 1%;}
/* ----------- Подвал ----------- */
.footer_copy {display: none;}
.links {width: 100%; text-align: center; font-size: 0.75rem;}
}

/*  между 240 и 300 (проверка 295) */
@media only screen and (min-width: 241px) and (max-width: 295px) {
html {height: 100%; font-size: 100%;}
/* ----------- Вход + Ошибка ----------- */
.window_login .title {height: auto;}
.window_login .title h1 {white-space: normal;}
.link_login a.left, .link_login a.right {float: none; width: 100%}
.logo_login {width: 13.4rem; height: 2.75rem;}
/* ----------- Шапка ----------- */
.header {height: 4.8rem;}
.logo {display: none;}
.header_date {width: auto; margin-top: 0.5rem;}
.top {margin-bottom: 0.4rem;}
a.prev, a.next {text-indent: -9999px; width: 0.8rem; height: 0.8rem; vertical-align: middle; display: inline-block;}
a.prev {background: url(../images/prev.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next {background: url(../images/next.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.prev:hover {background: url(../images/prev-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next:hover {background: url(../images/next-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.top button {margin: 0 0.4rem;}
.settings {width: 2.4rem; margin-top: 0.2rem;}
.people, .projects {width: 2.2rem; height: 2.2rem; margin-bottom: 0.2rem;}
a.people {margin-right: 0;}
.people {right: 0; top: 0;}
.projects {right: 0; top: 2.3rem;}
.sub-menu-people {margin-left: -14.5rem; top: 2rem; max-height: 20rem;}
.sub-menu-projects {margin-left: -14.5rem; top: 4.2rem; max-height: 20rem;}
/* ------- Сообщение об системных ошибках ------- */
.message-all {height: 1.5rem;}
/* ------- Контент Общее + заголовок------- */
.content_list {padding: 0.3rem;}
a.title-settings {width: 1.2rem; height: 1.2rem; margin: 0.1rem 0.3rem 0 0.1rem;}
.title h1 {margin-left: 1.5rem;}
/* ------- Быстрое добавление задачи ------- */
.add_task  {margin-top: 0; width: 80%;}
input.newtask {width: 17%; margin-left: 3%; margin-top: 0rem;}
/* ------- Панель переназначения задач ------- */
.note_list_task .redefine-tasks {font-size: 0.9rem; line-height: 1.5rem;}
.note_list_task .ik_select {width: 100%!important; margin: 0 0 0.3rem 0;}
.note_list_task input {width: 100%!important; margin: 0.05rem 0 0.2rem 0;}
/* -- Задача в списке задач - меняем ширину в зависимости от ширины устройства -- */
span.task-table {width: 64%;}
/* -- В выводе проекта в заголовке прячем кнопку Новая задача -- */
.one-title input[type="button"] {display: none}
/* ------- Настройки - Верхний заголовок ------- */
.title_setting .link_setting {display: inline;}
/* ------- Страница Оплаты ------- */
.billing-one {width: 98%; height: auto; margin: 0 1% 1rem 1%;}
.billing-one .new-price {font-size: 3.1rem;}
/* ------- Редектирование задачи + Редактирование проекта ------- */
.note_left_icons {float: left; width: 88%;}
.edit_task input.name-task {width: 100%; margin: 0 0 0.2rem 0;}
.edit_task .ik_select {width: 100%!important; margin: 0 0 0.2rem 0;}
.edit_task input.hasDatepicker {width: 100%; margin:0;}
.note_start_project {width: 95%;}
/* ----------- Шаблоны ----------- */
.treeview ul li div p input {width: 88%;}
.treeview ul li ul li div p input.check {width: 80%;}
.treeview ul li div p a {max-width: 80%;}
/* -------- Планировщики, шапка --------- */
.planner-title {height: auto; float: left;}
.planner-title .ik_select {margin: 0.3rem 0; display: block; }
.planner-title h1.planner-title-title {overflow: hidden; text-overflow: ellipsis; max-width: 92%; white-space: nowrap; display: inline-block!important;}
.navigation-all {display: inline-block; float: none;}
/* ----------- Вспылвающее окно планировщиков, закрытые задачи ----------- */
.planner_popup .tasks-list ul li.one-task-complete span.task-table {width: 60%;}
/* ----------- Всплывающее окно повторяющихся задач ----------- */
.repeat_task_left, .repeat_task_right {width: 100%; margin-bottom: 0.5rem; min-height: auto!important; padding: 0.5rem;}
.repeat_task_left {margin-right: 0;}
.logo_simple {display: none;}
.column {-webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1%;  -moz-column-gap: 1%; column-gap: 1%;}
/* ----------- Подвал ----------- */
.footer_copy {display: none;}
.links {width: 100%; text-align: center;}
}

/*  между 295 и 320 (проверка 320) */  /* это мой по вертикали! */
@media only screen and (min-width: 296px) and (max-width: 320px) {
html {height: 100%; font-size: 100%;}
/* ----------- Вход + Ошибка ----------- */
.window_login .title {height: auto;}
.window_login .title h1 {white-space: normal;}
.link_login a.left, .link_login a.right {float: none; width: 100%}
.logo_login {width: 9.75rem; height: 2rem; margin-top: 0.5rem;}
/* ----------- Шапка ----------- */
.header {height: 2.9rem; min-height: 2.9rem;}
.top {margin-top: 0.2rem}
.logo {display: none;}
.header_date {width: auto;}
a.prev, a.next {text-indent: -9999px; width: 0.8rem; height: 0.8rem; vertical-align: middle; display: inline-block;}
a.prev {background: url(../images/prev.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next {background: url(../images/next.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.prev:hover {background: url(../images/prev-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next:hover {background: url(../images/next-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.top button {margin: 0 0.2rem;}
.settings {width: 5.2rem; margin-top: 0.2rem;}
.people, .projects {width: 2.4rem; height: 2.4rem;}
a.people {margin-right: 0;}
.people {right: 2.6rem; top: 0;}
.projects {right: 0; top: 0;}
.sub-menu-people {margin-left: -17.5rem; top: 2rem; max-height: 20rem;}
.sub-menu-projects {margin-left: -15rem; top: 2rem; max-height: 20rem;}
/* ------- Сообщение об системных ошибках ------- */
.message-all {height: 1.5rem;}
/* ------- Контент Общее + заголовок------- */
.content_list {padding: 0.3rem;}
a.title-settings {width: 1.2rem; height: 1.2rem; margin: 0.1rem 0.3rem 0 0.1rem;}
.title h1 {margin-left: 1.5rem;}
/* ------- Быстрое добавление задачи ------- */
.add_task  {margin-top: 0; width: 83%;}
input.newtask {width: 14%; margin-left: 3%; margin-top: 0rem;}
/* ------- Панель переназначения задач ------- */
.note_list_task .ik_select {width: 100%!important; margin: 0 0 0.3rem 0;}
.note_list_task input {width: 100%!important; margin: 0.05rem 0 0.2rem 0;}
/* -- Задача в списке задач - меняем ширину в зависимости от ширины устройства -- */
span.task-table {width: 67%;}
/* -- В выводе проекта в заголовке прячем кнопку Новая задача -- */
.one-title input[type="button"] {display: none}
/* ------- Настройки - Верхний заголовок ------- */
.title_setting .link_setting {display: inline;}
/* ------- Страница Оплаты ------- */
.billing-one {width: 98%; height: auto; margin: 0 1% 1rem 1%;}
.billing-one .new-price {font-size: 3.1rem;}
/* ------- Редектирование задачи + Редактирование проекта ------- */
.edit_task input.name-task {width: 100%; margin: 0 0 0.2rem 0;}
.edit_task .ik_select {width: 100%!important; margin: 0 0 0.2rem 0;}
.edit_task input.hasDatepicker {width: 100%; margin:0;}
.note_start_project {width: 95%;}
/* ----------- Шаблоны ----------- */
.treeview ul li div p input {width: 85%;}
.treeview ul li ul li div p input.check {width: 85%;}
.treeview ul li div p a {max-width: 80%;}
/* -------- Планировщики, шапка --------- */
.planner-title {height: auto; float: left;}
.planner-title .ik_select {margin: 0.3rem 0; display: block; }
.planner-title h1.planner-title-title {overflow: hidden; text-overflow: ellipsis; max-width: 92%; white-space: nowrap; display: inline-block!important;}
.navigation-all {display: inline-block; float: none;}
/* ----------- Всплывающее окно планировщиков, закрытые задачи ----------- */
.planner_popup .tasks-list ul li.one-task-complete span.task-table {width: 63%;}
/* ----------- Всплывающее окно повторяющихся задач ----------- */
.repeat_task_left, .repeat_task_right {width: 100%; margin-bottom: 0.5rem; min-height: auto!important; padding: 0.5rem;}
.repeat_task_left {margin-right: 0;}
.logo_simple {display: none;}
.column {-webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1%;  -moz-column-gap: 1%; column-gap: 1%;}
/* ----------- Подвал ----------- */
.footer_copy {display: none;}
.links {width: 100%; text-align: center;}
}

/*  между 321 и 360 (проверка 360) */
@media only screen and (min-width: 321px) and (max-width: 360px) {
html {height: 100%; font-size: 100%;}
/* ----------- Вход + Ошибка ----------- */
.window_login .title {height: auto;}
.window_login .title h1 {white-space: normal;}
.link_login a.left, .link_login a.right {float: none; width: 100%}
.logo_login {width: 9.75rem; height: 2rem; margin-top: 0.5rem;}
/* ----------- Шапка ----------- */
.header {height: 2.9rem; min-height: 2.9rem;}
.top {margin-top: 0.2rem}
.logo {display: none;}
.header_date {width: auto;}
a.prev, a.next {text-indent: -9999px; width: 0.8rem; height: 0.8rem; vertical-align: middle; display: inline-block;}
a.prev {background: url(../images/prev.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next {background: url(../images/next.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.prev:hover {background: url(../images/prev-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next:hover {background: url(../images/next-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.top button {margin: 0 0.4rem;}
.settings {width: 5.2rem; margin-top: 0.2rem;}
.people, .projects {width: 2.4rem; height: 2.4rem;}
a.people {margin-right: 0;}
.people {right: 2.6rem; top: 0.1rem;}
.projects {right: 0; top: 0.1rem;}
.sub-menu-people {margin-left: -17.5rem; top: 2.2rem; max-height: 25rem;}
.sub-menu-projects {margin-left: -15rem; top: 2.2rem; max-height: 25rem;}
/* ------- Сообщение об системных ошибках ------- */
.message-all {height: 1.5rem;}
/* ------- Контент Общее + заголовок------- */
.content_list {padding: 0.3rem;}
a.title-settings {width: 1.2rem; height: 1.2rem; margin: 0.1rem 0.3rem 0 0.1rem;}
.title h1 {margin-left: 1.5rem;}
/* ------- Быстрое добавление задачи ------- */
.add_task  {margin-top: 0; width: 83%;}
input.newtask {width: 14%; margin-left: 3%; margin-top: 0rem;}
/* ------- Панель переназначения задач ------- */
.note_list_task .ik_select {width: 100%!important; margin: 0 0 0.3rem 0;}
.note_list_task input {width: 100%!important; margin: 0.05rem 0 0.2rem 0;}
/* -- Задача в списке задач - меняем ширину в зависимости от ширины устройства -- */
span.task-table {width: 72%;}
/* -- В выводе проекта в заголовке прячем кнопку Новая задача -- */
.one-title input[type="button"] {display: none}
/* ------- Настройки - Верхний заголовок ------- */
.title_setting .link_setting {display: inline;}
/* ------- Страница Оплаты ------- */
.billing-one {width: 98%; height: auto; margin: 0 1% 1rem 1%;}
/* ------- Редектирование задачи + Редактирование проекта ------- */
.edit_task input.name-task {width: 100%; margin: 0 0 0.2rem 0;}
.edit_task .ik_select {width: 100%!important; margin: 0 0 0.2rem 0;}
.edit_task input.hasDatepicker {width: 100%; margin:0;}
.note_start_project {width: 95%;}
/* ----------- Шаблоны ----------- */
.treeview ul li div p input {width: 85%;}
.treeview ul li ul li div p input.check {width: 80%;}
.treeview ul li div p a {max-width: 80%;}
/* -------- Планировщики, шапка --------- */
.planner-title {height: auto; float: left;}
.planner-title .ik_select {margin: 0.3rem 0; display: block; }
.planner-title h1.planner-title-title {overflow: hidden; text-overflow: ellipsis; max-width: 92%; white-space: nowrap; display: inline-block!important;}
.navigation-all {display: inline-block; float: none;}
/* ----------- Вспылвающее окно планировщиков, закрытые задачи ----------- */
.planner_popup .tasks-list ul li.one-task-complete span.task-table {width: 68%;}
/* ----------- Всплывающее окно повторяющихся задач ----------- */
.repeat_task_left, .repeat_task_right {width: 100%; margin-bottom: 0.5rem; min-height: auto!important; padding: 0.5rem;}
.repeat_task_left {margin-right: 0;}
.logo_simple {display: none;}
.column {-webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1%;  -moz-column-gap: 1%; column-gap: 1%;}
/* ----------- Подвал ----------- */
.footer_copy {display: none;}
.links {width: 100%; text-align: center;}
}

/*  между 361 и 420 (проверка 414) */
@media only screen and (min-width: 361px) and (max-width: 420px) {
html {height: 100%; font-size: 100%;}
/* ----------- Вход + Ошибка ----------- */
.window_login .title {height: auto;}
.window_login .title h1 {white-space: normal;}
.link_login a.left, .link_login a.right {float: none; width: 100%}
.logo_login {width: 12.2rem; height: 2.5rem; margin-top: 0.2rem;}
/* ----------- Шапка ----------- */
.header {height: 3rem; min-height: 3rem;}
.top {margin-top: 0.2rem}
.logo {display: none;}
.header_date {width: auto;}
a.prev, a.next {text-indent: -9999px; width: 0.8rem; height: 0.8rem; vertical-align: middle; display: inline-block;}
a.prev {background: url(../images/prev.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next {background: url(../images/next.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.prev:hover {background: url(../images/prev-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next:hover {background: url(../images/next-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.top button {margin: 0 0.4rem;}
.settings {width: 6.6rem; margin-top: 0.3rem;}
.people, .projects {width: 2.4rem; height: 2.4rem;}
.people {right: 2.5rem; top: 0.1rem;}
.projects {right: 0; top: 0.1rem;}
.sub-menu-people {margin-left: -17.6rem; top: 2.2rem; max-height: 25rem;}
.sub-menu-projects {margin-left: -15rem; top: 2.2rem; max-height: 25rem;}
/* ------- Сообщение об системных ошибках ------- */
.message-all {height: 1.5rem;}
/* ------- Контент Общее + заголовок------- */
.content_list {padding: 0.3rem;}
a.title-settings {width: 1.2rem; height: 1.2rem; margin: 0.1rem 0.3rem 0 0.1rem;}
.title h1 {margin-left: 1.5rem;}
/* ------- Быстрое добавление задачи ------- */
.add_task  {margin-top: 0; width: 87%;}
input.newtask {width: 11%; margin-left: 2%; margin-top: 0rem;}
/* ------- Панель переназначения задач ------- */
.note_list_task .ik_select {width: 100%!important; margin: 0 0 0.3rem 0;}
.note_list_task input {width: 100%!important; margin: 0.05rem 0 0.2rem 0;}
/* -- Задача в списке задач - меняем ширину в зависимости от ширины устройства -- */
span.task-table {width: 75%;}
.one-title span.one-title-title {max-width: 40%;}
/* ------- Настройки - Верхний заголовок ------- */
.title_setting .link_setting {display: inline;}
/* ------- Страница Оплаты ------- */
.billing-one {width: 98%; height: auto; margin: 0 1% 1rem 1%;}
/* ------- Редектирование задачи + Редактирование проекта ------- */
.edit_task input.name-task {width: 100%; margin: 0 0 0.2rem 0;}
.edit_task .ik_select {width: 37%!important; margin: 0 0.2rem 0 0;}
.edit_task input.hasDatepicker {width: 24%; margin:0;}
.edit_project input.name-task {width: 100%;}
.edit_project .ik_select {width: 49%!important; margin: 0 0.1rem 0 0.1rem;}
.note_start_project {width: 95%;}
/* ----------- Шаблоны ----------- */
.treeview ul li div p input {width: 90%;}
.treeview ul li ul li div p input.check {width: 85%;}
.treeview ul li div p a {max-width: 85%;}
/* -------- Планировщики, шапка --------- */
.planner-title {height: auto; float: left;}
.planner-title .ik_select {margin: 0.3rem 0; display: block; }
.planner-title h1.planner-title-title {overflow: hidden; text-overflow: ellipsis; max-width: 92%; white-space: nowrap; display: inline-block!important;}
.navigation-all {display: inline-block; float: none;}
/* ----------- Вспылвающее окно планировщиков, закрытые задачи ----------- */
.planner_popup .tasks-list ul li.one-task-complete span.task-table {width: 71%;}
/* ----------- Всплывающее окно повторяющихся задач ----------- */
.repeat_task_left, .repeat_task_right {width: 100%; margin-bottom: 0.5rem; min-height: auto!important; padding: 0.5rem;}
.repeat_task_left {margin-right: 0;}
.logo_simple {display: none;}
.column {-webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1%;  -moz-column-gap: 1%; column-gap: 1%;}
/* ----------- Подвал ----------- */
.footer_copy {display: none;}
.links {width: 100%; text-align: center;}
}

/*  между 421 и 480 (проверка 480) */
@media only screen and (min-width: 421px) and (max-width: 480px) {
html {height: 100%; font-size: 100%;}
/* ----------- Вход + Ошибка ----------- */
.logo_login {width: 12.2rem; height: 2.5rem; margin-top: 0.2rem;}
/* ----------- Шапка ----------- */
.header {height: 3rem; min-height: 3rem;}
.top {margin-top: 0.2rem}
.logo {display: none;}
.header_date {width: auto;}
a.prev, a.next {text-indent: -9999px; width: 0.8rem; height: 0.8rem; vertical-align: middle; display: inline-block;}
a.prev {background: url(../images/prev.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next {background: url(../images/next.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.prev:hover {background: url(../images/prev-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
a.next:hover {background: url(../images/next-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.settings {width: 6.6rem; margin-top: 0.3rem;}
.people, .projects {width: 2.4rem; height: 2.4rem;}
.people {right: 2.5rem; top: 0.1rem;}
.projects {right: 0; top: 0.1rem;}
.sub-menu-people {margin-left: -17.6rem; top: 2.2rem; max-height: 25rem;}
.sub-menu-projects {margin-left: -15rem; top: 2.2rem; max-height: 25rem;}
/* ------- Сообщение об системных ошибках ------- */
.message-all {height: 1.5rem;}
/* ------- Контент Общее + заголовок------- */
.content_list {padding: 0.3rem;}
a.title-settings {width: 1.2rem; height: 1.2rem; margin: 0.1rem 0.3rem 0 0.1rem;}
.title h1 {margin-left: 1.5rem;}
/* ------- Быстрое добавление задачи ------- */
.add_task  {margin-top: 0; width: 87%;}
input.newtask {width: 11%; margin-left: 2%; margin-top: 0rem;}
/* -- Задача в списке задач - меняем ширину в зависимости от ширины устройства -- */
span.task-table {width: 78%;}
.one-title span.one-title-title {max-width: 50%;}
/* ------- Настройки - Верхний заголовок ------- */
.title_setting .link_setting {display: inline;}
/* ------- Страница Оплаты ------- */
.billing-one {width: 66%; height: auto; margin: 0 17% 1rem 17%;}
/* ------- Редактирование задачи + Редактирование проекта ------- */
.edit_task input.name-task {width: 100%; margin: 0 0 0.2rem 0;}
.edit_task .ik_select {width: 37%!important; margin: 0 0.2rem 0 0;}
.edit_task input.hasDatepicker {width: 24%; margin:0;}
.edit_project input.name-task {width: 100%;}
.edit_project .ik_select {width: 49%!important; margin: 0 0.1rem 0 0.1rem;}
/* ----------- Шаблоны ----------- */
.treeview ul li div p input {width: 90%;}
.treeview ul li ul li div p input.check {width: 85%;}
.treeview ul li div p a {max-width: 85%;}
/* -------- Планировщики, шапка --------- */
.planner-title {height: auto; float: left;}
.planner-title a.title-settings {margin-top: 0.5rem;}
.navigation-all {display: inline-block; float: left;}
/* ----------- Вспылвающее окно планировщиков, закрытые задачи ----------- */
.planner_popup .tasks-list ul li.one-task-complete span.task-table {width: 74%;}
/* ----------- Всплывающее окно повторяющихся задач ----------- */
.repeat_task_left, .repeat_task_right {width: 100%; margin-bottom: 0.5rem; min-height: auto!important; padding: 0.5rem;}
.repeat_task_left {margin-right: 0;}
/* ----------- Подвал ----------- */
.footer_copy {display: none;}
.links {width: 100%; text-align: center;}
}

/*  между 481 и 540 (проверка 540) */     /* это мой горизонтально */
@media only screen and (min-width: 481px) and (max-width: 540px) {
html {height: 100%; font-size: 100%;}
/* ----------- Вход + Ошибка ----------- */
.logo_login {width: 12.2rem; height: 2.5rem; margin-top: 0.2rem;}
/* ----------- Шапка ----------- */
.header {height: 3rem; min-height: 3rem;}
.top {margin-top: 0.2rem}
.logo {display: none;}
.header_date {width: auto;}
.settings {width: 6.6rem; margin-top: 0.3rem;}
.people, .projects {width: 2.4rem; height: 2.4rem;}
.people {right: 2.5rem; top: 0.1rem;}
.projects {right: 0; top: 0.1rem;}
.sub-menu-people {margin-left: -17.6rem; top: 2.2rem; max-height: 25rem;}
.sub-menu-projects {margin-left: -15rem; top: 2.2rem; max-height: 25rem;}
/* ------- Сообщение об системных ошибках ------- */
.message-all {height: 1.5rem;}
/* ------- Контент Общее + заголовок------- */
.content_list {padding: 0.3rem;}
a.title-settings {width: 1.2rem; height: 1.2rem; margin: 0.1rem 0.3rem 0 0.1rem;}
.title h1 {margin-left: 1.5rem;}
/* ------- Быстрое добавление задачи ------- */
.add_task {width: 90%;}
input.newtask {width: 8%; margin-left: 2%;}
/* -- Задача в списке задач - меняем ширину в зависимости от ширины устройства -- */
span.task-table {width: 81%;}
.one-title span.one-title-title {max-width: 50%;}
/* ------- Страница Оплаты ------- */
.billing-one {width: 66%; height: auto; margin: 0 17% 1rem 17%;}
/* ------- Редектирование задачи + Редактирование проекта ------- */
.edit_task input.name-task {width: 100%; margin: 0 0 0.2rem 0;}
.edit_task .ik_select {width: 37%!important; margin: 0 0.2rem 0 0;}
.edit_task input.hasDatepicker {width: 24%; margin:0;}
.edit_project input.name-task {width: 100%;}
.edit_project .ik_select {width: 49%!important; margin: 0 0.1rem 0 0.1rem;}
/* ----------- Шаблоны ----------- */
.treeview ul li div p input {width: 90%;}
.treeview ul li ul li div p input.check {width: 90%;}
.treeview ul li div p a {max-width: 90%;}
/* -------- Планировщики, шапка --------- */
.planner-title {height: auto; float: left;}
.planner-title a.title-settings {margin-top: 0.5rem;}
.navigation-all {display: inline-block; float: left;}
/* ----------- Вспылвающее окно планировщиков, закрытые задачи ----------- */
.planner_popup .tasks-list ul li.one-task-complete span.task-table {width: 77%;}
/* ----------- Всплывающее окно повторяющихся задач ----------- */
.column {-webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1%;  -moz-column-gap: 1%; column-gap: 1%;}
.logo_simple {display: none;}
/* ----------- Подвал ----------- */
.footer_copy {display: none;}
.links {width: 100%; text-align: center;}
}

/*  между 541 и 640 (проверка 640) */
@media only screen and (min-width: 541px) and (max-width: 640px) {
html {height: 100%; font-size: 100%;}
/* ----------- Вход + Ошибка ----------- */
.logo_login {width: 12.2rem; height: 2.5rem; margin-top: 0.2rem;}
/* ----------- Шапка ----------- */
.header {height: 3rem; min-height: 3rem;}
.top {margin-top: 0.2rem}
.logo {display: none;}
.header_date {width: auto;}
.settings {width: 6.6rem; margin-top: 0.3rem;}
.people, .projects {width: 2.4rem; height: 2.4rem;}
.people {right: 2.5rem; top: 0.1rem;}
.projects {right: 0; top: 0.1rem;}
.sub-menu-people {margin-left: -17.6rem; top: 2.2rem; max-height: 25rem;}
.sub-menu-projects {margin-left: -15rem; top: 2.2rem; max-height: 25rem;}
/* ------- Сообщение об системных ошибках ------- */
.message-all {height: 1.5rem;}
/* ------- Контент Общее + заголовок------- */
.content_list {padding: 0.3rem;}
a.title-settings {width: 1.2rem; height: 1.2rem; margin: 0.1rem 0.3rem 0 0.1rem;}
.title h1 {margin-left: 1.5rem;}
/* ------- Быстрое добавление задачи ------- */
.add_task {width: 90%;}
input.newtask {width: 8%; margin-left: 2%;}
/* -- Задача в списке задач - меняем ширину в зависимости от ширины устройства -- */
span.task-table {width: 83%;}
.one-title span.one-title-title {max-width: 60%;}
/* ------- Страница Оплаты ------- */
.billing-one {width: 60%; height: auto; margin: 0 20% 1rem 20%;}
/* ------- Редектирование задачи + Редактирование проекта ------- */
.edit_task input.name-task {width: 100%; margin: 0 0 0.2rem 0;}
.edit_task .ik_select {width: 37%!important; margin: 0 0.2rem 0 0;}
.edit_task input.hasDatepicker {width: 24%; margin:0;}
.edit_project input.name-task {width: 100%;}
.edit_project .ik_select {width: 49%!important; margin: 0 0.1rem 0 0.1rem;}
/* -------- Планировщики, шапка --------- */
.planner-title {height: auto; float: left;}
.planner-title a.title-settings {margin-top: 0.5rem;}
.navigation-all {display: inline-block; float: left;}
/* ----------- Вспылвающее окно планировщиков, закрытые задачи ----------- */
.planner_popup .tasks-list ul li.one-task-complete span.task-table {width: 79%;}
.planner_popup .tasks-list ul li.one-task-complete span.task-table {width: 77%;}
/* ----------- Всплывающее окно повторяющихся задач ----------- */
.column {-webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1%;  -moz-column-gap: 1%; column-gap: 1%;}
.logo_simple {width: 2rem; height: 2rem;  margin: 0 0.5rem 0 0!important;}
.templates_pop_up .hide {display: none;}
/* ----------- Подвал ----------- */
.footer_copy {display: none;}
.links {width: 100%; text-align: center;}
}

/*  между 641 и 720 (проверка 720) */
@media only screen and (min-width: 641px) and (max-width: 720px) {
html {height: 100%; font-size: 100%;}
h1 {font-size: 1.1rem; line-height: 2rem;}
/* ----------- Шапка ----------- */
.logo img {margin: 0.6rem 0;}
.settings {margin-top: 0.2rem;}
/* -- Задача в списке задач - меняем ширину в зависимости от ширины устройства -- */
span.task-table {width: 83%;}
.one-title span.one-title-title {max-width: 70%;}
/* ------- Страница Оплаты ------- */
.billing-one {height: 23rem;}
.billing-one .new-price span sup {line-height: 3rem;}
.billing-one .new-price {margin-bottom: 0.5rem;}
 /* ------- Редектирование задачи + Редактирование проекта ------- */
.edit_task input.name-task {width: 100%; margin: 0 0 0.2rem 0;}
.edit_task .ik_select {width: 37%!important; margin: 0 0.2rem 0 0;}
.edit_task input.hasDatepicker {width: 25%; margin:0;}
.edit_project input.name-task {width: 51%; margin: 0;}
/* -------- Планировщики, шапка --------- */
.planner-title {height: auto; float: left;}
.planner-title a.title-settings {margin-top: 0.5rem;}
.navigation-all {display: inline-block; float: left;}
.edit_project .ik_select {width: 24%!important; margin: 0 0 0 0.2rem;}
/* ----------- Всплывающее окно повторяющихся задач ----------- */
.column {-webkit-column-width: 100%; -moz-column-width: 100%; column-width: 100%; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 1%;  -moz-column-gap: 1%; column-gap: 1%;}
.logo_simple {width: 2rem; height: 2rem;  margin: 0 0.5rem 0 0!important;}
.templates_pop_up .hide {display: none;}
/* ----------- Подвал ----------- */
.footer_copy {display: none;}
.links {width: 100%; text-align: center;}
}

/*  между 721 и 768 (проверка 768) */
@media only screen and (min-width: 721px) and (max-width: 768px){
html {height: 100%; font-size: 100%;}
h1 {font-size: 1.1rem; line-height: 2rem;}
/* ----------- Шапка ----------- */
.logo img {margin: 0.6rem 0;}
.settings {margin-top: 0.2rem;}
/* -- Задача в списке задач - меняем ширину в зависимости от ширины устройства -- */
span.task-table {width: 85%;}
.one-title span.one-title-title {max-width: 80%;}
/* ------- Страница Оплаты ------- */
.billing-one {height: 21rem;}
.billing-one .new-price span sup {line-height: 3rem;}
.billing-one .new-price {margin-bottom: 0.5rem;}
/* ------- Редектирование задачи + Редактирование проекта ------- */
.edit_task input.name-task {width: 40%;}
.edit_task .ik_select {width: 22%!important;}
.edit_task input.hasDatepicker {width: 14%;}
.edit_project input.name-task {width: 51%; margin: 0;}
.edit_project .ik_select {width: 24%!important; margin: 0 0 0 0.2rem;}
/* -------- Планировщики, шапка --------- */
.planner-title {height: auto; float: left;}
.planner-title a.title-settings {margin-top: 0.5rem;}
.navigation-all {display: inline-block; float: left;}
/* ----------- Всплывающее окно повторяющихся задач ----------- */
.logo_simple {width: 2rem; height: 2rem;  margin: 0 0.5rem 0 0!important;}
.templates_pop_up .hide {display: none;}
/* ----------- Подвал ----------- */
.footer_copy {display: none;}
.links {width: 100%; text-align: center;}
}

/*  между 769 и 999 (проверка 800) */
@media only screen and (min-width: 769px) and (max-width: 999px) {
html {height: 100%; font-size: 100%;}
h1 {font-size: 1.1rem; line-height: 2rem;}
/* ----------- Шапка ----------- */
.logo img {margin: 0.6rem 0;}
.settings {margin-top: 0.2rem;}
/* -- Задача в списке задач - меняем ширину в зависимости от ширины устройства -- */
span.task-table {width: 87%;}
.one-title span.one-title-title {max-width: 80%;}
/* ------- Страница Оплаты ------- */
.billing-one {height: 21rem;}
.billing-one .new-price span sup {line-height: 3rem;}
.billing-one .new-price {margin-bottom: 0.5rem;}
/* ------- Редектирование задачи + Редактирование проекта ------- */
.edit_task input.name-task {width: 40%;}
.edit_task .ik_select {width: 22%!important;}
.edit_task input.hasDatepicker {width: 14%;}
.edit_project input.name-task {width: 51%; margin: 0;}
.edit_project .ik_select {width: 24%!important; margin: 0 0 0 0.2rem;}
/* ----------- Всплывающее окно повторяющихся задач ----------- */
.logo_simple {margin: 0 0.5rem 0 0!important;}
.templates_pop_up .hide {display: none;}
/* -------- Планировщики, шапка --------- */
.planner-title a.title-settings {margin-top: 0.5rem;}
}

/*  между 999 и больше (проверка 1024) */
@media only screen and (min-width: 1000px) and (max-width: 10000px) {
html {height: 100%; font-size: 100%;}

h1 {font-size: 1rem; line-height: 1.9rem;}
.top button {text-transform: uppercase;}
/* ----------- Переопределяем высоту input  ----------- */
input, input[type="text"], input[type="password"] {height: 1.4rem;}
input[type="submit"], input[type="button"] {height: 1.6rem;}
.ik_select {height: 1.4rem; line-height: 1.4rem;}
.add_task input {height: 2rem;}
.task-create-advanced .ik_select {height: 1.9rem; line-height: 1.9rem;}
.task-create-advanced input[type="submit"].save {height: 1.9rem;}
/* Заголовки списков задач
-----------------------------------------------------------------------------*/
.one-title {height: 2rem; line-height: 2rem;}
.one-title span.one-title-title {max-width: 90%;}
.plus, .minus {margin: 0 0.2rem 0.3rem 0;}
.one-title input[type="button"] {margin: 0.4rem 0 0 0.4rem;}
.one-title .checkboxright input[type="checkbox"] + label {width: 1rem; height: 1rem; display: table-cell; float: left; background: url(../images/task-check.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.one-title .checkboxright input[type="checkbox"]:checked + label {width: 1rem; height: 1rem; display: inline; background: url(../images/task-check-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
/*---------------------------------------------------------------------------*/
/* Список открытых задач
-----------------------------------------------------------------------------*/
.tasks-list {font-size: 0.875rem;}
.tasks-list ul li.one-task {list-style: none; width: 100%; height: 2rem;  line-height: 2rem; margin: 0.3rem 0; float: none;}
.tasks-list ul li.one-task:hover {list-style: none; width: 100%; height: 2rem; line-height: 2rem; margin: 0.3rem 0; background: #bbdd75; border: 1px solid white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem;}
.tasks-list ul li.one-task span {color: #777676; line-height: 2rem; vertical-align: top;}
.tasks-list ul li.one-task a {color: black; text-decoration: none;  line-height: 2rem; vertical-align: top; margin-right: 1.2rem;}
.tasks-list ul li.one-task a:hover {color: black; text-decoration: underline;}
.tasks-list ul li input[type="text"] {width: 100%; height: 2rem;}
/* Чекбоксы слева открытых задач */
.tasks-list ul li.one-task input[type="checkbox"], .tasks-list ul li.one-task input[type="checkbox"]:checked  {position: absolute;  left: -9999px;}
.tasks-list ul li.one-task input[type="checkbox"] + label {background: url(../images/task.png) center no-repeat; padding: 0 0 0 1rem; width: 1rem; height: 1rem; margin: 0.45rem 0 0 0.2rem;}
.tasks-list ul li.one-task:hover input[type="checkbox"] + label {background: url(../images/task.png) center no-repeat; padding: 0 0 0 1rem; width: 1rem; height: 1rem; margin: 0.45rem 0 0 0.2rem;}
.tasks-list ul li.one-task input[type="checkbox"]:checked + label {background: url(../images/task-up.png) center no-repeat;}
/* Иконки, которые появляются при наведении */
.tasks-list ul li.one-task span.task-table {display: inline; overflow: hidden; text-overflow: ellipsis; max-width: 78%; white-space: nowrap; float: left;  margin-right: 0.5rem; width: auto;}
.tasks-list ul li.one-task-selected span.task-table {display: inline; overflow: hidden; text-overflow: ellipsis; max-width: 78%; white-space: nowrap; float: left;  margin-right: 0.5rem; width: auto;}
.tasks-list ul li.one-task button.ui-datepicker-trigger {display: none;}
.tasks-list ul li.one-task span.icon-project, .tasks-list ul li.one-task-selected span.icon-project {display: none;}
.tasks-list ul li.one-task:hover span.icon-project {width: 1.125rem; height: 1.125rem; background: url(../images/icon-project.png) no-repeat center; cursor: pointer; display: inline-block; margin: 0.4rem 0.4rem 0 0;}
.tasks-list ul li.one-task:hover span.icon-project:hover {width: 1.125rem; height: 1.125rem;  background: url(../images/icon-project-up.png) no-repeat center; cursor: pointer; display: inline-block;}
.tasks-list ul li.one-task:hover span.icon-project .ik_select {width: 1.125rem!important; height: 1.125rem; display: block; background: none;  border: 0!important;  padding: 0!important; text-indent: -9999px; -webkit-border-radius: 0px; -khtml-border-radius: 0px;  -o-border-radius: 0px;  -ms-border-radius: 0px;  -icab-border-radius: 0px;  border-radius: 0px;}
/*.tasks-list ul li.one-task:hover span.icon-project .ik_select_dropdown {width: 10rem!important; margin-top: 0rem!important;}*/
.tasks-list ul li.one-task span.icon-people,  .tasks-list ul li.one-task-selected span.icon-people {display: none;}
.tasks-list ul li.one-task:hover span.icon-people {width: 1.125rem; height: 1.125rem; background: url(../images/icon-people.png) no-repeat center; cursor: pointer; display: inline-block; margin: 0.4rem 0.4rem 0 0;}
.tasks-list ul li.one-task:hover span.icon-people:hover {width: 1.125rem; height: 1.125rem; background: url(../images/icon-people-up.png) no-repeat center; cursor: pointer; display: inline-block;}
.tasks-list ul li.one-task:hover span.icon-people .ik_select {width: 1.125rem!important; height: 1.125rem; display: block; background: none;  border: 0!important;  padding: 0!important; text-indent: -9999px; -webkit-border-radius: 0px; -khtml-border-radius: 0px;  -o-border-radius: 0px;  -ms-border-radius: 0px;  -icab-border-radius: 0px;  border-radius: 0px;}
/*.tasks-list ul li.one-task:hover span.icon-people .ik_select_dropdown {width: 10rem!important; margin-top: 0rem!important;}*/
.tasks-list ul li.one-task input.icon-date, .tasks-list ul li.one-task-selected input.icon-date {display: none;}
.tasks-list ul li.one-task:hover input.icon-date {width: 1.125rem; height: 1.125rem;  background: url(../images/icon-date.png) no-repeat center; cursor: pointer; display: inline-block; border: 0px; padding: 0px; text-indent: -9999px; vertical-align: top;  margin: 0.4rem 0 0 0;}
.tasks-list ul li.one-task:hover input.icon-date:hover {width: 1.125rem; height: 1.125rem;  background: url(../images/icon-date-up.png) no-repeat center; cursor: pointer; display: inline-block;}
.tasks-list ul li.one-task div.icon-separator,  .tasks-list ul li.one-task-selected div.icon-separator{display: none;}
.tasks-list ul li.one-task:hover div.icon-separator {background: url(../images/separator-task.png) no-repeat center; width: 1px; height: 30px; margin: 0 0.8rem; display: inline-block;}
.tasks-list ul li.one-task a.icon-edit, .tasks-list ul li.one-task-selected a.icon-edit {display: none;}
.tasks-list ul li.one-task:hover a.icon-edit {width: 1.125rem; height: 1.125rem; background: url(../images/icon-edit.png) no-repeat center; cursor: pointer; display: inline-block;  margin: 0.4rem 0.4rem 0 0; float: none;}
.tasks-list ul li.one-task:hover a.icon-edit:hover {width: 1.125rem; height: 1.125rem; background: url(../images/icon-edit-up.png) no-repeat center; cursor: pointer; display: inline-block; float: none;}
/* Чекбоксы справа */
.tasks-list ul li.one-task-selected {list-style: none; width: 100%; height: 2rem; line-height: 2rem; background: #cfe79e; white-space: normal; border: 1px solid white; margin: 0.3rem 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem;}
.tasks-list ul li.one-task-selected span {color: black; line-height: 2rem; vertical-align: top;}
.tasks-list ul li.one-task-selected a {color: black; text-decoration: none;  line-height: 2rem; vertical-align: top; margin-right: 1.2rem;}
.tasks-list ul li.one-task-selected a:hover {color: black; text-decoration: underline;}
.tasks-list ul li.one-task-selected input[type="checkbox"], .tasks-list ul li.one-task-selected input[type="checkbox"]:checked  {position: absolute;  left: -9999px;}
.tasks-list ul li.one-task-selected input[type="checkbox"] + label {background: url(../images/task.png) center no-repeat;  padding: 0 0 0 1rem; width: 1rem; height: 1rem; margin: 0.4rem 0 0 0.2rem;}
.tasks-list ul li.one-task-selected:hover input[type="checkbox"] + label {background: url(../images/task.png) center no-repeat;  padding: 0 0 0 1rem; width: 1rem; height: 1rem; margin: 0.4rem 0 0 0.2rem;}
.tasks-list ul li.one-task-selected input[type="checkbox"]:checked + label {background: url(../images/task-up.png) center no-repeat;}
.tasks-list ul li .one-title .checkboxright {float: right; display: inline;}
.tasks-list ul li .one-task-selected .checkboxright {float: right; display: inline;}
.tasks-list ul li .checkboxright {float: right; display: inline;}
.tasks-list ul li:hover .checkboxright {float: right; display: inline;}
.tasks-list ul li.one-task .checkboxright input[type="checkbox"], .tasks-list ul li.one-task .checkboxright input[type="checkbox"]:checked  {position: absolute;  left: -9999px;}
.tasks-list ul li.one-task .checkboxright input[type="checkbox"] + label {display: none;}
.tasks-list ul li.one-task:hover .checkboxright input[type="checkbox"] + label {background: url(../images/task-check.png) center no-repeat; padding: 0 0 0 0.5rem; width: 1rem; height: 1rem; margin: 0.45rem 0 0 0.2rem; display: inline;}
.tasks-list ul li.one-task .checkboxright input[type="checkbox"]:checked + label {background: url(../images/task-check-up.png) center no-repeat; padding: 0 0 0 0.5rem; width: 1rem; height: 1rem; margin: 0.45rem 0 0 0.2rem; }
.tasks-list ul li.one-task-selected .checkboxright input[type="checkbox"], .tasks-list ul li.one-task-selected .checkboxright input[type="checkbox"]:checked  {position: absolute;  left: -9999px;}
.tasks-list ul li.one-task-selected .checkboxright input[type="checkbox"] + label {background: url(../images/task-check.png) center no-repeat; padding: 0 0 0 0.5rem; width: 1rem; height: 1rem; margin: 0.45rem 0 0 0.2rem; display: inline;}
.tasks-list ul li.one-task-selected:hover .checkboxright input[type="checkbox"] + label {background: url(../images/task-check.png) center no-repeat; padding: 0 0 0 0.5rem; width: 1rem; height: 1rem; margin: 0.45rem 0 0 0.2rem; display: inline;}
.tasks-list ul li.one-task-selected .checkboxright input[type="checkbox"]:checked + label {background: url(../images/task-check-up.png) center no-repeat; padding: 0 0 0 0.5rem; width: 1rem; height: 1rem; margin: 0.45rem 0 0 0.2rem;  display: inline;}
/* Список закрытых задач */
.tasks-list ul li.one-task-complete {list-style: none; width: 100%; height: 2rem; line-height: 2rem; margin: 0.3rem 0; float: left;}
.tasks-list ul li.one-task-complete span.data-complete {color: black; line-height: 2rem; vertical-align: top; margin: 0 0 0 0.6rem;}
.tasks-list ul li.one-task-complete span {color: #777676; line-height: 2rem; vertical-align: top;}
.tasks-list ul li.one-task-complete a {color: #777676; text-decoration: underline;  line-height: 2rem; vertical-align: top; margin-right: 0.8rem;}
.tasks-list ul li.one-task-complete a:hover {color: #777676; text-decoration: none;}
/* Чекбоксы слева у закрытых задач  */
.tasks-list ul li.one-task-complete input[type="checkbox"], .tasks-list ul lione-task-complete input[type="checkbox"]:checked  {position: absolute;  left: -9999px;}
.tasks-list ul li.one-task-complete input[type="checkbox"] + label {background: url(../images/task-up.png) center no-repeat;  padding: 0 0 0 0.5rem; width: 1rem; height: 1rem; margin: 0.4rem 0 0 0.2rem;}
.tasks-list ul li.one-task-complete:hover input[type="checkbox"] + label {background: url(../images/task-up.png) center no-repeat;  padding: 0 0 0 0.5rem; width: 1rem; height: 1rem; margin: 0.4rem 0 0 0.2rem;}
.tasks-list ul li.one-task-complete input[type="checkbox"]:checked + label {background: url(../images/task.png) center no-repeat;  padding: 0 0 0 0.5rem; width: 1rem; height: 1rem; margin: 0.4rem 0 0 0.2rem;}
/* Панель переназначения выделенных задач  */
.note_list_task {width: 100%; height: auto; background: #9dddeb; border: 1px solid white; padding: 0.5rem; float: left; margin-top: 0.5rem;}
.note_list_task .redefine-tasks {width: auto; font-size: 0.9rem; font-weight: bold; color: black; text-shadow: 0px 1px 1px #fff; line-height: 1.5rem; float: left; margin: 0 0.8rem 0 0;}
.note_list_task .ik_select {width: 20%!important; margin: 0 0.4rem 0 0; float: left; border: 0!important;}
.note_list_task input {width: 20%!important; margin: 0; float: left; border: 0!important;}
/*---------------------------------------------------------------------------*/
 /* Настройки
-----------------------------------------------------------------------------*/
.title_setting {height: 2rem; padding: 0.2rem 0.6rem;}
.title_setting a {display: inline-block; font-size: 0.9rem; text-decoration: none; padding: 0 0.8rem; height: 1.5rem; margin: 0 0.8rem 0 0; line-height: 1.4rem; border: 1px solid #00a3b9; background: white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-border-radius: 0.4rem; -khtml-border-radius: 0.4rem;  -o-border-radius: 0.4rem;  -ms-border-radius: 0.4rem;  -icab-border-radius: 0.4rem;  border-radius: 0.4rem;}
.title_setting a.on {background: #cdedf4;}
.title_setting a:hover {opacity: 0.7; filter: alpha(Opacity=70);}
.setting_list table td input.create_people {width: 1.25rem!important; height: 1.25rem;}
.setting_list table td input.create_people:focus {width: 1.25rem!important; height: 1.25rem;}
.setting_list table td button.delete_people {width: 1.25rem; height: 1.25rem;}
.setting_list table td button.delete_people:active {width: 1.25rem; height: 1.25rem;}
.setting_list input.cancel, .setting_list input.delete {height: 1.4rem;}
/*---------------------------------------------------------------------------*/
 /* Редактирование задачи
-----------------------------------------------------------------------------*/
.note_notify input[type="checkbox"], .note_notify input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.note_notify input[type="checkbox"] + label {width: 1rem; height: 1rem; margin-top: 0.3rem; display: inline-block; background: url(../images/task-check.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.note_notify input[type="checkbox"]:checked + label {width: 1rem; height: 1rem;  margin-top: 0.3rem; display: inline-block; background: url(../images/task-check-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
/*---------------------------------------------------------------------------*/
 /* Повторяющиеся задачи
-----------------------------------------------------------------------------*/
.one-title span.one-title-recurring {line-height: 2rem;}
/* Всплывающее окно повторяющихся задач */
.repeat_task_left input[type="checkbox"] + label {width: 1rem; height: 1rem; background: url(../images/task-check.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.repeat_task_left input[type="checkbox"]:checked + label {width: 1rem; height: 1rem; background: url(../images/task-check-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }

 /* Шаблоны */
.treeview ul li div p input {vertical-align: middle; padding: 0 0 0.3rem 0.1rem;}
.treeview ul li ul li div p input.check {margin-left: 2rem; padding: 0 0 0.5rem 0.1rem;}
.treeview ul li div p input[type="checkbox"], .treeview ul li div p input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.treeview ul li div p input[type="checkbox"] + label {width: 1rem; height: 1rem; display: inline-block; background: url(../images/task-check.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.treeview ul li div p input[type="checkbox"]:checked + label { width: 1rem; height: 1rem; display: inline-block; background: url(../images/task-check-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.treeview ul li ul li div input[type="checkbox"], .treeview ul li ul li div p input[type="checkbox"]:checked  {position: absolute;  left: -9999rem;}
.treeview ul li ul li div input[type="checkbox"] + label {  width: 1rem; height: 1rem; display: inline-block; position: absolute; left: 0.75rem; top: 2.4rem; z-index: 100; border-right: 5px solid white; background: url(../images/task-check.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.treeview ul li ul li div input[type="checkbox"]:checked + label {width: 1rem; height: 1rem; display: inline-block; background: url(../images/task-check-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
/* Вход */
.window_login input[type="checkbox"] + label {width: 1rem; height: 1rem; margin-right: 0.5rem; display: inline-block; vertical-align: middle; background: url(../images/task-check.png); background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
.window_login input[type="checkbox"]:checked + label {width: 1rem; height: 1rem; display: inline-block; background: url(../images/task-check-up.png) no-repeat center; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}
/* Всплывающие окна шаблонов  */
.templates_pop_up span.texte-template {line-height: 1.3rem;}
.templates_pop_up .hide {display: none;}
/* -------- Планировщики, шапка --------- */
.planner-title .ik_select {line-height: 1.3rem;}
.planner-title h1.planner-title-title {line-height: 1.5rem; display: inline-block; margin-top: 0.3rem;}
.navigation {margin: 0.2rem 0;}


.tasks-list ul li.my-tour-highlight input[type="checkbox"] + label {background: url(../images/task.png) center no-repeat!important; padding: 0 0 0 1rem!important; width: 1rem!important; height: 1rem!important; margin: 0.45rem 0 0 0.2rem!important;}
.tasks-list ul li.my-tour-highlight input[type="checkbox"]:checked + label {background: url(../images/task-up.png) center no-repeat!important;}


.tasks-list ul li.my-tour-highlight .checkboxright input[type="checkbox"] + label {position: absolute; top: 2px; right: 2px; width: 1rem!important; height: 1rem!important; margin-top: 0.4rem!important; display: table-cell!important; float: left!important; background: url(../images/task-check.png) no-repeat center!important; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover; }
.tasks-list ul li.my-tour-highlight .checkboxright input[type="checkbox"]:checked + label {width: 1rem!important; height: 1rem!important; margin-top: 0.4rem!important; display: inline!important; background: url(../images/task-check-up.png) no-repeat center!important; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -moz-background-size: cover;}

.tasks-list ul li.my-tour-highlight {padding: 0!important; width: 100%!important; background: #bbdd75; height: 2rem; border: 1px solid white;}
.links ul li.my-tour-highlight a {padding: 0.4rem;}
.tasks-list ul li.my-tour-highlight a {line-height: 1.9rem!important;}

.tasks-list ul li.my-tour-highlight span.icon-project {width: 1.125rem; height: 1.125rem; background: url(../images/icon-project.png) no-repeat center; cursor: pointer; display: inline-block; margin: 0.4rem 0.4rem 0 0;}
.tasks-list ul li.my-tour-highlight span.icon-project .ik_select {width: 1.125rem!important; height: 1.125rem; display: block; background: none;  border: 0!important;  padding: 0!important; text-indent: -9999px; -webkit-border-radius: 0px; -khtml-border-radius: 0px;  -o-border-radius: 0px;  -ms-border-radius: 0px;  -icab-border-radius: 0px;  border-radius: 0px;}
.tasks-list ul li.my-tour-highlight span.icon-people {width: 1.125rem; height: 1.125rem; background: url(../images/icon-people.png) no-repeat center; cursor: pointer; display: inline-block; margin: 0.4rem 0.4rem 0 0;}
.tasks-list ul li.my-tour-highlight span.icon-people .ik_select {width: 1.125rem!important; height: 1.125rem; display: block; background: none;  border: 0!important;  padding: 0!important; text-indent: -9999px; -webkit-border-radius: 0px; -khtml-border-radius: 0px;  -o-border-radius: 0px;  -ms-border-radius: 0px;  -icab-border-radius: 0px;  border-radius: 0px;}
.tasks-list ul li.my-tour-highlight input.icon-date {width: 1.125rem; height: 1.125rem;  background: url(../images/icon-date.png) no-repeat center; cursor: pointer; display: inline-block; border: 0px; padding: 0px; text-indent: -9999px; vertical-align: top;  margin: 0.4rem 0 0 0;}
.tasks-list ul li.my-tour-highlight div.icon-separator {background: url(../images/separator-task.png) no-repeat center; width: 1px; height: 30px; margin: 0 0.8rem; display: inline-block;}
.tasks-list ul li.my-tour-highlight a.icon-edit {width: 1.125rem; height: 1.125rem; background: url(../images/icon-edit.png) no-repeat center; cursor: pointer; display: inline-block;  margin: 0.4rem 0.4rem 0 0; float: none;}


}