*, *::before, *::after {
	box-sizing: border-box;
  }

  /**Preloader**/
#loader-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1001;
}
#loader {
	display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 8vw;
    height: 8vw;
    margin: -4vw 0 0 -3.5vw;
    border-radius: 50%;
    border: 0.3vw solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    z-index: 1001;
}

#loader:before {
	content: "";
    position: absolute;
    top: 0.5vw;
    left: 0.5vw;
    right: 0.5vw;
    bottom: 0.5vw;
    border-radius: 50%;
    border: 0.3vw solid transparent;
    border-top-color: #e74c3c;
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
	content: "";
    position: absolute;
    top: 1.2vw;
    left: 1.2vw;
    right: 1.2vw;
    bottom: 1.2vw;
    border-radius: 50%;
    border: 0.3vw solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}
@keyframes spin {
	0%   { 
		-webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(0deg);  /* IE 9 */
		transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
	}
	100% {
		-webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: rotate(360deg);  /* IE 9 */
		transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
	}
}

#loader-wrapper .loader-section {
	position: fixed;
	top: 0;
	width: 51%;
	height: 100%;
	background: #222;
	z-index: 1000;
}

#loader-wrapper .loader-section.section-left {
	left: 0;
}
#loader-wrapper .loader-section.section-right {
	right: 0;
}

/* Loaded styles */
.loaded #loader-wrapper .loader-section.section-left {
	-webkit-transform: translateX(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(-100%);  /* IE 9 */
			transform: translateX(-100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.loaded #loader-wrapper .loader-section.section-right {
	-webkit-transform: translateX(100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateX(100%);  /* IE 9 */
			transform: translateX(100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
			transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.loaded #loader {
	opacity: 0;

	-webkit-transition: all 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
			transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */

}
.loaded #loader-wrapper {
	visibility: hidden;

	-webkit-transform: translateY(-100%);  /* Chrome, Opera 15+, Safari 3.1+ */
		-ms-transform: translateY(-100%);  /* IE 9 */
			transform: translateY(-100%);  /* Firefox 16+, IE 10+, Opera */

	-webkit-transition: all 0.3s 1s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
			transition: all 0.3s 1s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}


.preloaderError{
	top:3vw;
	left:3vw;
	color:yellow;
	font-size:0.9vw;
	display:none;
	position:absolute;
}

.preloaderError span{
	color:red;
	font-weight: 800;
}


.loader-scale-wrap{
	display:none;
	position: absolute;
	top: 32vw;
	min-height: 2vw;
	width: 20vw;
	z-index: 1001;
	left: calc(50% - 10vw);
	border: 0.2vw solid white;
	border-radius: 0.5vw;
}

.loader-scale{
	display:none;
	display: none;
	background: white;
	position: absolute;
	/* top: 32vw; */
	min-height: 100%;
	width: 0vw;
	/* z-index: 995; */
	/* left: calc(50% - 10vw); */
	/* border: 0.2vw solid yellow; */
	/* border-radius: 0.vw; */
}

.loader-percent{
	display:none;
	/* background: red; */
	position: absolute;
	top: 34vw;
	min-height: 2vw;
	width: 8vw;
	z-index: 1001;
	left: calc(50% - 4vw);
	/* border: 0.2vw solid yellow; */
	border-radius: 0.5vw;
	color: #f9f9f9;
	text-align: center;
	line-height: 2vw;
	font-size: 1.4vw;
	font-weight: 600;
}

/**end Preloader**/



.changetypeAccess_2{
	position: absolute;
	top: 3vw;
	right: 7vw;
	margin-right: 3vw;
	background: #61169f;
	z-index: 20;
	text-align: center;
	padding: 0.5vw 1.5vw;
	border-radius: 1vw;
	color: yellowgreen;
	font-size: 1.2vw;
	font-weight: bold;
	border: 0.2vw solid #61169f;
	cursor:pointer;
}

.changetypeAccess_2:hover{
	background: yellowgreen;
	color: #61169f;
}

.changetypeAccess_2:active{
	color:#61169f;
	background:red;
}

.changetypeAccessAdmin_2{
	margin-left: 5vw;
	background: #61169f;
	z-index: 20;
	text-align: center;
	padding: 0.5vw 1.5vw;
	border-radius: 1vw;
	color: yellowgreen;
	font-size: 1.2vw;
	font-weight: bold;
	border:0.2vw solid #61169f;
	cursor: pointer;
	width: 65%;
}

.changetypeAccessAdmin_2:hover{
	background: yellowgreen;
	color: #61169f;
}

.changetypeAccessAdmin_2:active{
	color:#61169f;
	background:red;
}

.changetypeAccessAdmin_1{
	margin-left: 1vw;
	background: #ffbb19;
	z-index: 20;
	text-align: center;
	padding: 0.5vw 3vw;
	border-radius: 1vw;
	color: #00a3d5;
	font-size: 1.2vw;
	font-weight: bold;
	border: 0.2vw solid #ffbb19;
	cursor: pointer;
	width: 72%;
}

.changetypeAccessAdmin_1:hover{
	background: #00a3d5;
	color: #ffbb19;
}

.changetypeAccessAdmin_1:active{
	color:#ffbb19;
	background:red;
}


.changetypeAccessAdmin_3{
	cursor:pointer;
	margin-left: 7vw;
	background: #07a7c1;
	z-index: 20;
	text-align: center;
	padding: 0.5vw 1.5vw;
	border-radius: 1vw;
	color: #ffb300;
	font-size: 1.2vw;
	font-weight: bold;
	border: 0.2vw solid #07a7c1;
	width:60%;
}

.changetypeAccessAdmin_3:hover{
	background: #ffb300;
	color: #07a7c1;
}

.changetypeAccessAdmin_3:active{
	color:#07a7c1;
	background:red;
}


.changetypeAccess_3{
	cursor:pointer;
	position: absolute;
	top: 3vw;
	right: 22vw;
	margin-right: 5vw;
	background: #07a7c1;
	z-index: 20;
	text-align: center;
	padding: 0.5vw 1.5vw;
	border-radius: 1vw;
	color: #ffb300;
	font-size: 1.2vw;
	font-weight: bold;
	border: 0.2vw solid #07a7c1;
}

.changetypeAccess_3:hover{
	background: #ffb300;
	color: #07a7c1;
}

.changetypeAccess_3:active{
	color:#07a7c1;
	background:red;
}


.mainMenuLi{
	cursor:pointer;
	color:blue;
	font-weight:bold;
	font-size:25px;
	line-height:30px;
}

.mainMenuLi:hover{
	color:red;
}




#exercise-big{
	display: none;
    font-size: 80px;
	text-align:center;
    top: 0;
    bottom: 0;
    right: 5%;
    left: 5%;
    z-index: 1000;
    position: fixed;
    /* width: 100%; */
    /* min-height: 100%; */
    background: #2d89ec;
	color:yellow;
}
#exercise-big img{
	width:70%;
}





input[type=range] {
  -webkit-appearance: none;
  margin: 5vh 0;
  width: 90%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 1vh;
  cursor: pointer;
  /*animate: 0.2s;*/
 /*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; */
  background: #159FDA;
 /*  border-radius: 0.1vh; */
  /* border: 0.2px solid #010101; */
}
input[type=range]::-webkit-slider-thumb {
  /* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000; */
  height:15vh;
  width:15vh; 
 /*  border-radius: 3px; */
  border:0px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7vh;
  background: url(/img/range/thumb-sun.png) center center/50% no-repeat;
 /*  outline:none; */ 
}
input[type=range]:focus::-webkit-slider-runnable-track {
  background: #159FDA;
}
input[type=range]::-moz-range-track {
   width: 100%;
  height: 1vh;
  cursor: pointer;
  /*animate: 0.2s;*/
 /*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; */
  background: #159FDA;
 /*  border-radius: 0.1vh; */
  /* border: 0.2px solid #010101; */
}
input[type=range]::-moz-range-thumb {
  /* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000; */
  height:15vh;
  width:15vh; 
/*   border-radius: 10px; */ 
  border:0px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7vh;
  background: url(/img/range/thumb-sun.png) center center/50% no-repeat ;
  /* outline:none;  */
}
input[type=range]::-ms-track {
   width: 100%;
  height: 1vh;
  cursor: pointer;
 /* animate: 0.2s;*/
 /*  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d; */
  background: #159FDA;
  border-radius: 0.1vh;
  /* border: 0.2px solid #010101; */
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
  box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
}
input[type=range]::-ms-thumb {
   /* box-shadow: 1px 1px 1px #000000, 0px 0px 1px #0d0d0d;
  border: 1px solid #000000; */
  height:15vh;
  width:15vh; 
 /*  border-radius: 3px; */
  border:0px;
  background: #ffffff;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7vh;
  background: url(/img/range/thumb-sun.png) center center/50% no-repeat;
  /* outline:none; */ 
}
input[type=range]:focus::-ms-fill-lower {
  background: #3071a9;
}
input[type=range]:focus::-ms-fill-upper {
  background: #367ebd;
}

.div-line-wrap{
	position: absolute;
    top: 3%;
    left: 30%;
    text-align: center;
    z-index: 2000;
    width: 40%;
	display: none;
	transition: 1.5s;
}

.div-line-wrap-vertical{
	position: absolute;
    top: 9%;
    left: 94%;
    text-align: center;
    z-index: 105;
    width: 5%;
    min-height: 55%;
    /* border: 2px solid black;*/
	display: none;
}

.div-line-wrap>img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	/*display: none;*/
}

.div-line-wrap-vertical>img{
	position: absolute;
    top: 0%;
    /* left: -431%; */
    right: -40%;
    height: 127%;
    /* display: none; */
    /* rotate: 90deg; */
    /* z-index: 2;*/
}



.div-line{
	position: absolute;
	width: 100%;
    margin: 2% auto;
	z-index:2;
	/* display:none; */
}

.div-line-vertical{
	position: absolute;
    width: 100%;
    min-height: 100%;
    /* margin: 2% auto; */
    z-index: 2;
    top: 1vw;
    /* display: none; */
    /* border: 2px solid red;*/
}


#my {
	/* display: none; */
	/* width: 20%; */
	border-left: 0.5vh #FF9700 solid;
	/* font-size: 2vh; */
	margin-left: 0.3vw;
	padding: 0 0.5vw;
	font-size: 1.5vw;
	font-weight: bold;
	color: #0cd409;
	text-align: left;
}


#my-vertical{
	/*border-left: 0.5vh #FF9700 solid; */
    /* font-size: 2vh; */
    /* margin-left: 0.4vw; */
    padding: 0 0.5vw;
    font-weight: bold;
    color: #0cd409;
    /* text-align: left; */
    display: block;
    font-size: 2vw;
    line-height: 2vw;
    border-top: 0.5vh solid rgb(255, 151, 0);
    /* border-top: 0vh;*/

}

.row-vertical{
	position: absolute;
    width: 100%;
    min-height: 100%;
    /* border: 2px solid yellow;*/
}
/*checkbox style*/

.custom-checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
  }
  
  .custom-checkbox+label {
	display: inline-flex;
	align-items: center;
	user-select: none;
	color: #a20404;/*#5900b3;*/
	font-weight: 600;
	cursor:pointer;
	margin: 0;
  }
  
  .custom-checkbox+label:hover {
	color: #9f0000;
  }
  
  .custom-checkbox+label::before {
	content: '\2713';
	color: rgba(0,0,0,0);
	font-weight:bold;
	display: inline-block;
	line-height: 1.1vw;
	font-size: 1.25vw;
	width: 1.5vw;
	height: 1.5vw;
	flex-shrink: 0;
	flex-grow: 0;
	border: 0.2vw solid #adb5bd;
	border-radius: 0.25vw;
	margin-right: 0.5vw;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
  }
  
  
  .custom-checkbox:checked+label::before {
	  /* border-color: #0b76ef;
	  background-color: #0b76ef; */
	  text-align: center;
	  line-height: 1.1vw;
	  font-size: 1.25vw;
	  color: #a20404;/*#6800ff;*/
	  content: '\2713';/*'\1F5F8'; \2713; */
	  border: 0.2vw inset #a20404;/*#8000ff;*/
	  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); */
	  font-weight: bold;
	  /* -moz-transform: rotate(45deg); */
  }
  
  .custom-checkbox:checked+label:hover::before {
	  color: #00ffff;/*#ffbc00;*//*#f90000;*/
	  border: 0.2vw inset #00ffff;/*#ffbc00;*//*#ff0000;*/
  }
  
  .custom-checkbox:not(:disabled):not(:checked)+label:hover::before {
	border-color: #b3d7ff;
	color:#b3d7ff;
  }
  /* стили для активного состояния чекбокса (при нажатии на него) */
  .custom-checkbox:not(:disabled):active+label::before {
	background-color: #b3d7ff;
	border-color: #b3d7ff;
  }
  /* стили для чекбокса, находящегося в фокусе */
  .custom-checkbox:focus+label::before {
	box-shadow: 0 0 0 0.2vw rgba(0, 123, 255, 0.25);
  }
  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  .custom-checkbox:focus:not(:checked)+label::before {
	border-color: #80bdff;
  }
  /* стили для чекбокса, находящегося в состоянии disabled */
  .custom-checkbox:disabled+label::before {
	background-color: #e9ecef;

  }

/*style for checkbox superadmin, page task list*/
.custom-checkbox.checkboxTaskDelete+label::before {
	content: '\2B24';
	display: inline-block;
	width: 1.2vw;
	height: 1.2vw;
	flex-shrink: 0;
	flex-grow: 0;
	border: 0.2vw solid #adb5bd;
	color:#adb5bd;
	border-radius: 0.25vw;
	margin-right: 0.5vw;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50% 50%;
	margin: 0.2vw 0;
	line-height: 0.8vw;
	font-size: 0.9vw;
	text-align: center;
  }
  
  
  .custom-checkbox.checkboxTaskDelete:checked+label::before {
	  /* border-color: #0b76ef;
	  background-color: #0b76ef; */
	  text-align: center;
	  line-height: 0.8vw;
	  font-size: 0.9vw;
	  color: red;
	  content: '\2717';/*'\1F5F8'; \2713; */
	  border: 0.2vw inset red;
	  /* background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); */
	  font-weight: bold;
	  /* -moz-transform: rotate(45deg); */
  }
  
  .custom-checkbox:checked+label:hover::before {
	 /* color: #750000;
	  border: 0.2vw inset #750000;*/
	  color: #1c22f7;
	  border: 0.2vw inset #1c22f7;
  }

.taskListLiMain label{
	margin:0;
}
  /*end checkbox style*/


  input[type="text"] {
	font-family: inherit; /* 1 */
	font-size: inherit; /* 1 */
	line-height: inherit; /* 1 */
	margin: 0; /* 2 */
  }

  input[type="text"]::placeholder {
	color: #212529;
	opacity: 0.4;
  }

  input[type="text"]:focus {
	color: #212529;
	background-color: #fff;
	border-color: #3523d6;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(18, 52, 243, 0.685);
  }

  select, input[type="text"], input[type="number"]{
	height: calc(2.2vw + 0.05vw);
	padding: 0.375vw 0.75vw;
	font-family: inherit;
	font-size: 1vw;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 0.1vw solid #bdbdbd;
	border-radius: 0.25vw;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	margin-bottom: 0.4vw;
  }

  input[type="number"] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}
 
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	display: none;
}