@import url('https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap');
html {
  -webkit-font-smoothing: antialiased;
    width: 100%;
}
* {
	margin:0;
	padding:0;
}

/* *, *::before, *::after, .page-body-wrapper {
	box-sizing: content-box;
}
 */


  
body {
	background: #fff;
  	font-family: "Geologica", sans-serif;
	font-style: normal;
	font-weight: 500;
	width:100%;
}
h1 {
	font-weight: 600;
	font-size: 26px;
	line-height: 39px;
	letter-spacing: 0.01em;
	color: #264653;
}
h2 {
	color: rgb(41, 38, 35);
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0%;
	padding:0 0 25px 0;
}
.navbar-nav-right {
	display: flex;
    align-items: center;
}
.page-body-wrapper {
	display:flex;
	width:100%;
	min-height:100vh;
	justify-content: space-between;
}
#sidebar {
	/*width:100%;
	max-width: 325px;*/
	width:20%;
	background: rgb(233, 226, 210);
	max-width: 325px;
	position: relative;
    z-index: 2;
}
#sidebar ul {
	box-sizing:border-box;
	padding: 75px 0 120px 0;
}
#sidebar ul li {
	list-style-type:none;
}
#sidebar ul li a {
	color: rgb(41, 38, 35);
	font-size: 16px;
	font-weight: 300;
	line-height: 20px;
	letter-spacing: 0%;
	text-decoration:none;
	padding: 10px 40px 10px 55px;
	box-sizing:border-box;
	display: flex;
    align-items: center;
}
#sidebar ul li a.active {
	background: #EEEFEF;
}
#sidebar ul li a.open {
	background: #fff;
	background-image: url("../img/arrow-w.svg");
    background-repeat: no-repeat;
	background-position: 95% center;
}
#sidebar ul li a img {
	padding:0 15px 0 0;
	max-height:25px;
}
#sidebar a.logo-img {
	padding:35px 0;
	margin: 0 auto;
	display:table;
}
.mobile-bar {
  display: block;
  position: fixed;
  text-align: center;
  margin: 0 auto;
  z-index: 1;
  padding: .5em;
  padding-left: 0em;
  width:100%;
  background: rgb(233, 226, 210);
}

.bar1, .bar2, .bar3 {
  display: block;
  width: 35px;
  height: 5px;
  background-color: #333;
  margin: 5px auto;
  transition: 0.4s;
}

.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
  transform: rotate(-45deg) translate(-6px, 6px) ;
}

.change .bar2 {
  opacity: 0;
}
.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
  transform: rotate(45deg) translate(-8px, -8px) ;
}
.input-file-row {
	display: block;
	background: rgba(75, 131, 196, 0.06);
    border: 2px dashed #4B83C4;
    border-radius: 20px;
    padding: 50px 0;
}
.input-file {
	position: relative;
	display: block;
	margin:0 auto;
	text-align: center;
}
.input-file span {
	position: relative;
	display: block;
	cursor: pointer;
	outline: none;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	color: #000000;
	padding:17px 0 0 0;
}
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}

.input-file input[type=file]:focus + span {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}

.input-file input[type=file]:disabled + span {
	background-color: #eee;
}
.input-file-list {
	padding: 10px 0;
}
.input-file-list-item {
    margin-bottom: 10px;
    display: flex;
    padding: 13px 35px;
    background: #E6E9ED;
	border-radius:8px;
    width: fit-content;
    box-sizing: border-box;
	margin: 50px auto 0 auto;
}
.input-file-list-name {
	padding: 0 5px;
}
.input-file-list-remove {
    border-left: 1px solid rgba(3, 5, 61, 0.2);
	padding:0 0 0 5px;
}
.input-file-list-remove img {
	vertical-align: middle;
	filter: invert(71%) sepia(0%) saturate(0%) hue-rotate(264deg) brightness(95%) contrast(92%);
}
.box-upload label {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.01em;
	color: #757575;
	display:block;
	padding:24px 0 12px 0;
}
.box-upload input {
	width: 100%;
    outline: none;
    box-sizing: border-box;
    height: 44px;
    background: #F9F9FA;
    border-radius: 10px;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: -0.01em;
    color: #001C3D;
    padding: 11px 14px;
    border: 1.5px solid #EBEDEF;
	opacity:0.55;
}
.box-upload input.active {
	color: #001C3D;
	opacity: 1;
}
.box-upload .button-row {
	display: flex;
    justify-content: center;
    margin: 60px 0 0 0;
}
.box-upload .button-row button {
	margin:0 10px;
}
.box-upload .button-row button.dismiss {
	padding: 15px 30px;
	color: #001C3D;
	background: transparent;
	border: 2px solid #001C3D;
}
.box-text-transcribation p {
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #001C3D;
	opacity: 0.7;
	padding: 0 0 10px 0px;
}
.box-text-transcribation p.off {
	background: #F8F8F9;
    color: #F8F8F9;
    font-size: 0;
    margin: 5px 0;
}
.breadcrumb {
	padding:90px 0 0 0;
}
.breadcrumb a {
	color: rgb(41, 38, 35);
	font-size: 12px;
	font-weight: 300;
	line-height: 15px;
	letter-spacing: 0%;
	text-decoration:none;
}
.breadcrumb a img {
	vertical-align:baseline;
	padding:0 5px 0 0;
	max-height:10px;
}
ol.numbers {
	color: rgb(41, 38, 35);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0%;
	text-align: left;
}
ol.numbers li {
	display:flex;
	justify-content:space-between;
	padding:10px 0;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}
.navbar-menu-wrapper {
	display:flex;
	justify-content:space-between;
	align-items: center;
	padding: 0 0 18px 0;
    box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.25);
    margin: 0 0 20px 0;
	position: absolute;
    width: 100%;
    left: 0;
}
.navbar-menu-wrapper a {
	text-decoration:none;
	display: flex;
    align-items: anchor-center;
}
.navbar-nav-left {
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #264653;
	display:flex;
	align-items:center;
}
.navbar-nav-left a {
	color: #757575;
	display:flex;
	align-items:center;
	padding: 0 5px 0 0;
}
.navbar-nav-left a img {
	padding: 0 5px 0 0;
	max-height:20px;
}
.navbar-nav-left span {
	padding: 0 0 0 5px;
}
.navbar-nav-right .dropdown {
	background-image: url("../img/arrow-b.svg");
    background-repeat: no-repeat;
	background-position: 70% center;
}
.navbar-nav-right select {
	border:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("../img/arrow-b.svg");
    background-repeat: no-repeat;
	padding: 15px;
	font-size: 16px;
    font-weight: 300;
    line-height: 19px;
    letter-spacing: 0%;
	margin-left: -20px;
    background-color: transparent;
    outline: none;
	background-position: 95% center;
}
.navbar-nav-right .dropdown-toggle {
	display: flex;
    align-items: center;
}
.navbar-nav-right .nav-item {
	padding: 0 25px 0 0;
}
.navbar-nav-right .dropdown-toggle>div {
	display:flex;
	flex-direction:column;
}
.navbar-nav-right img {
	max-height:42px;
	padding:0 12px 0 0;
}
.navbar-nav-right strong.name {
	color: rgb(41, 38, 35);
	font-size: 16px;
	font-weight: 300;
	line-height: 19px;
	letter-spacing: 0%;
}
.navbar-nav-right span.id {
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.01em;
	color: #757575;
}
.reload-btn {
	width:42px;
	height:42px;
	box-sizing: border-box;
	border: 1px solid rgb(41, 38, 35);
	border-radius: 6px;
	background:#fff;
	margin:0 10px 0 0;
}
.show-btn {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0%;
	border-radius: 6px;
	background: rgb(41, 38, 35);
	width:100%;
	max-width:142px;
	height:42px;
}
.main-panel {
	padding:36px 20px;
	width:80%;
	max-width: calc(100% - 300px);
	padding-top: 15px;
}
hr.divide-line {
    width: 100%;
    background: #e1e1e1;
    display: block;
    opacity: 0.25;
    margin: 35px 0;
}
.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  transition: opacity 500ms;
  visibility: hidden;
  opacity: 0;
}
.overlay:target {
  visibility: visible;
  opacity: 1;
  overflow-y: scroll;
  overflow-x: hidden;
}
.overlay::-webkit-scrollbar {
  display: none;
}
.popup {
  margin: 70px auto;
  padding: 32px;
  background: #fff;
  border-radius: 5px;
  width: 75%;
  position: relative;
  transition: all 5s ease-in-out;
}

.popup h2 {
  margin-top: 0;
  color: #333;
  font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
  position: absolute;
  top: 20px;
  right: 30px;
  transition: all 200ms;
  font-size: 30px;
  font-weight: bold;
  text-decoration: none;
  color: #333;
  border: 1px solid #333;
  border-radius: 30px;
  height: 27px;
  width: 25px;
  line-height: 25px;
  padding: 2px 0 0 5px;
}
.popup .content {
  max-height: 30%;
  overflow: auto;
}
.popup h2 {
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 36px;
	letter-spacing: -0.01em;
	color: #001C3D;
}
.popup h2 span {
	color: #4B83C4;
}
.row-box-modal {
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	padding:0 0 30px 0;
}
.row-box {
    flex: 0 1 33%;
	margin:45px 0 0 0;
	border-left: 1px solid #EBEDEF;
	padding:0 0 0 30px;
	box-sizing:border-box;
}
.row-box strong {
	display:block;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
	color: #001C3D;
	padding:0 0 12px 0;
}
.row-box span {
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
	color: #001C3D;
}
.row-box-text {
	padding:30px 0 15px 0;
	border-top:2px solid #EBEDEF;
	border-bottom:2px solid #EBEDEF;
}
.row-box-text h3 {
	font-weight: 600;
	font-size: 20px;
	line-height: 30px;
	letter-spacing: -0.01em;
	color: #001C3D;
	padding:0 0 24px 0;
} 
.row-box-text p {
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #001C3D;
	opacity: 0.7;
	padding:0 0 15px 0;
}
.row-box-audio {
	padding:32px 0 0 0;
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.row-box-audio .audio-play {
	width: -webkit-fill-available;
}
.row-box-audio audio {
    width: 90%;
}
.row-box-audio audio::-webkit-media-controls-panel {

	border-radius: 6px;
}
.row-box-audio audio::-webkit-media-controls-mute-button,
.row-box-audio audio::-webkit-media-controls-play-button,
.row-box-audio audio::-webkit-media-controls-current-time-display,
.row-box-audio audio::-webkit-media-controls-time-remaining-display,
.row-box-audio audio::-webkit-media-controls-timeline,
.row-box-audio audio::-webkit-media-controls-volume-slider {

}
.audio-download {
	border-left:1px solid #EBEDEF;
	padding:0 0 0 20px;
}
.audio-download a {
	display:table;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
	color: #001C3D;
	border:2px solid #001C3D;
	border-radius:8px;
	padding:10px 30px;
	text-decoration:none;
	display:flex;
}
.audio-download a img {
	padding:0 10px 0 0;
}
.box-row {
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
	padding:0 0 15px 0;
	margin:0 0 15px 0;
}

.box-row .box {
	width:100%;
	min-height: 120px;
	padding:18px 12px;
	box-sizing:border-box;
	flex: 0 1 20%;
	margin:15px 0 0 0;
}
.box-row .box:first-child {
	padding-left:0;
}
.box-row .box:last-child {
	padding-right:0;
}
.box-row .box label {
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.01em;
	color: #757575;
	display: block;
    padding-top: 18px;
}
.box-row .box input, .box-row .box select {
	width: 100%;
	outline:none;
	box-sizing:border-box;
	height: 42px;
	border-radius: 6px;
	background: rgb(246, 246, 246);
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #264653;
	padding:11px 14px;
	margin:7px 0 0 0;
	border:0;
}
.box-row .box .select2-selection.select2-selection--multiple {
	width: 100%;
	outline:none;
	box-sizing:border-box;
	height: 42px;
	border-radius: 6px;
	/* background: rgb(246, 246, 246); */
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #264653;
	padding:11px 14px;
	margin:7px 0 0 0;
	border:0;
}
.box-row .box textarea {
	height: 100px;
	border-radius: 6px;
	background: rgb(246, 246, 246);
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #264653;
	padding:11px 14px;
	margin:7px 0 0 0;
	border:0;
	resize: none;
	width:100%;
    box-sizing: border-box;
	outline:none;
}
.box-row .box textarea.defTextarea {
	color: rgb(117 117 117);
}
.box-row .box input.daterange {
	background-image: url("../img/calendar.svg");
	background-repeat: no-repeat;
	background-position: 95% center;
}
.box-row .box select, .select2-selection.select2-selection--multiple {
	border:0;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("../img/arrow-b.svg");
    background-repeat: no-repeat;
	background-position: 95% center;
}
.button-row {
	display: flex;
    justify-content: start;
	margin:0 0 35px 0;
}
.button-row button {
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	letter-spacing: -0.01em;
	color: #264653;
	text-decoration:none;
	padding: 11px 25px;
	box-sizing:border-box;
	display: flex;
    align-items: center;
	border: 1px solid rgb(41, 38, 35);
	border-radius: 6px;
	background: #fff;
	color: rgb(41, 38, 35);
	outline:none;
	cursor:pointer;
}
.button-row button img {
	padding:0 14px 0 0;
}
.box-row .box .button-flex {
	display: flex;
    height: 100%;
    align-items: end;
	justify-content: end;
}
.box-row .box .button-flex button {
	cursor:pointer;
}
.box-table, .box-text {
	background: #FFFFFF;
	border: 1px solid rgb(199, 199, 199);
	border-radius: 10px;
	padding:35px;
	box-sizing:border-box;
}
.box-table {
	padding:0;
	overflow-x:auto;
}
.box-table.wide {
	overflow-x:scroll;
}
.box-text {
	margin:5px 0 0 0;
}
.box-50 {
	width:49%;
}
.box-numbers {
	display:flex;
	justify-content:space-between;
	align-items: center;
}
.box-numbers .left {
	display:flex;
	align-items: center;
}
.box-numbers strong {
	color: rgb(41, 38, 35);
	font-size: 48px;
	font-weight: 500;
	line-height: 60px;
	letter-spacing: 0%;
	padding:0 18px 0 0;
}
.box-numbers span {
	color: rgb(41, 38, 35);
	font-size: 20px;
	font-weight: 500;
	line-height: 25px;
	letter-spacing: 0%;
}
.box-table table {
	width:100%;
	color: rgb(41, 38, 35);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0%;
	text-align: left !important;
	border-collapse: collapse;
}
.box-table table thead,
.box-table table tr.thead-tr {
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
	background: rgb(233, 226, 210);
	font-weight: 500;
}
.box-table table.text-center thead,
.box-table table.text-center tbody tr td:last-child,
.box-table table.text-center tr.thead-tr {
	text-align:center;
}
.box-table table.text-center thead tr td:last-child,
.box-table table.text-center tr.thead-tr td:last-child {
	white-space:nowrap;
}
.box-table table thead td,
.box-table table tr.thead-tr td {
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
}
.box-table table thead tr td:first-child {
	border-top-left-radius: 10px;
}
.box-table table tbody tr:last-child td:first-child {
	border-bottom-left-radius: 10px;
}
.box-table table thead tr td:last-child {
	border-top-right-radius: 10px;
}
.box-table table tbody tr:last-child td:last-child {
	border-bottom-right-radius: 10px;
}
.box-table table tbody {
}
.box-table table td {
	padding: 20px 25px;
	box-shadow: inset 0px -1px 0px 0px rgba(0, 0, 0, 0.1);
	height: 53px;
}
.box-table table .table-csi td {
	padding: 5px 15px;
	height: 25px;
}
.chart-flex {
	display:flex;
	justify-content: space-around;
	align-items:center;
}
.chart-flex .right .item {
	display:flex;
	margin: 0 0 17px 0;
	align-items:center;
}
.chart-flex .right .item .color {
	width:30px;
	height:30px;
	border-radius: 4px;
}
.chart-flex .right .item span {
	color: rgb(41, 38, 35);
	font-size: 16px;
	font-weight: 400;
	line-height: 20px;
	letter-spacing: 0%;
	padding: 0 0 0 11px;
}
.dictionary-add {
	background: #FFFFFF;
	box-shadow: 0px 89px 36px rgba(17, 50, 74, 0.01), 0px 50px 30px rgba(17, 50, 74, 0.02), 0px 22px 22px rgba(17, 50, 74, 0.03), 0px 6px 12px rgba(17, 50, 74, 0.04), 0px 0px 0px rgba(17, 50, 74, 0.04);
	border-radius: 8px;
	padding:22px 14px;
	height: 100%;
	box-sizing: border-box;
}
.dictionary-add button.add-new-dictionary {
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	background: #4B83C4;
	border-radius: 8px;
	padding:15px 35px;
	text-align:center;
	width:100%;
	border:0;
	margin:0 0 25px 0;
	cursor:pointer;
}
.dictionary-add button.add-new-dictionary img {
	vertical-align:sub;
}
.tags-search-box {
	background: #FFFFFF;
	border: 1.5px solid #EBEDEF;
	box-shadow: 0px 89px 36px rgba(17, 50, 74, 0.01), 0px 50px 30px rgba(17, 50, 74, 0.02), 0px 22px 22px rgba(17, 50, 74, 0.03), 0px 6px 12px rgba(17, 50, 74, 0.04), 0px 0px 0px rgba(17, 50, 74, 0.04);
	border-radius: 10px;
	margin:0 0 25px 0;
	padding:10px;
}
.tags-search-box input {
	width:100%;
	border:0;
	padding:5px;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	text-transform: uppercase;
	color: #001C3D;
	background-image: url("../img/search.svg");
    background-repeat: no-repeat;
	background-position: 99% center;
}
.main-line-input-tags {
	border-bottom: 1px solid #EBEDEF;
	margin:0 0 30px 0;
	padding:15px 0 0 0;
}
.main-line-input-tags .row-input-tag-line {
	align-items: baseline;
}
.main-line-input-tags .row-input-tag-line .num-input-tag-add {
	width:10%;
	border:0;
	border-radius:0;
	border-left: 1px solid #EBEDEF;
	border-right: 1px solid #EBEDEF;
}
.main-line-input-tags .row-input-tag-line .tag-added {
	border:0;
}
.tags-block-wrapper {
	display:flex;
	justify-content:space-between;
}
.tags-block-wrapper .tags-block-left {
	width:25%;
	height:auto;
}
.tags-block-wrapper .tags-block-right {
	width:70%;
	height:max-content;
}
.tags-block-wrapper .tags-input-add {
	background: #FFFFFF;
	border: 1px solid #EBEDEF;
	box-shadow: 0px 89px 36px rgba(17, 50, 74, 0.01), 0px 50px 30px rgba(17, 50, 74, 0.02), 0px 22px 22px rgba(17, 50, 74, 0.03), 0px 6px 12px rgba(17, 50, 74, 0.04), 0px 0px 0px rgba(17, 50, 74, 0.04);
	border-radius: 10px;
	padding:24px;
	height: 100%;
	box-sizing: border-box;
}

.content p{
  font-size: 15px;
}
.content ul{
  display: flex;
  flex-wrap: wrap;
  margin: 12px 0;
  border-radius: 5px;
  border: 1px solid #a6a6a6;
  flex-direction: row-reverse;
  min-height:41px;
}
.content ul  li{
  margin: 4px 3px;
  list-style: none;
  border-radius: 5px;
  background: #F2F2F2;
  padding: 5px 8px 5px 10px;
  border: 1px solid #e3e1e1;
}
.content ul li i{
  height: 20px;
  width: 20px;
  color: #808080;
  margin-left: 8px;
  font-size: 12px;
  cursor: pointer;
  border-radius: 50%;
  justify-content: center;
}
.content ul input{
  flex: 1;
  padding: 5px;
  border: none;
  outline: none;
}
.details button{
  border: none;
  outline: none;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  padding: 9px 15px;
  border-radius: 5px;
  background: #5372F0;
  transition: background 0.3s ease;
}
.tag-list {
	display:flex;
}
.details button:hover{
  background: #2c52ed;
}
.tags-input-add-main {
	display:flex;
	justify-content:space-between;
	align-items: end;
}
.row-input-tag-line {
	display:flex;
	justify-content:space-between;
	align-items: center;
	margin: 15px 0 35px 0;
	position:relative;
}
.tabs-items .row-input-tag-line::before {
	content:'';
	width:1px;
	height:100%;
	background:#EBEDEF;
	position:absolute;
	left: 52px;
	top:0;
}

    /* для элемента input c type="checkbox" */
    .checkbox-input-tag-add input {
      position: absolute;
      z-index: -1;
      opacity: 0;
    }

    /* для элемента label, связанного с .checkbox-input-tag-add input */
    .checkbox-input-tag-add input+label {
      display: inline-flex;
      align-items: center;
      user-select: none;
    }

    /* создание в label псевдоэлемента before со следующими стилями */
    .checkbox-input-tag-add input+label::before {
      content: '';
      display: inline-block;
      width: 1em;
      height: 1em;
      flex-shrink: 0;
      flex-grow: 0;
      border: 1px solid #03053D;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 50% 50%;
    }

    /* стили при наведении курсора на checkbox */
    .checkbox-input-tag-add input:not(:disabled):not(:checked)+label:hover::before {
      border-color: #03053D;
    }

    /* стили для активного чекбокса (при нажатии на него) */
    .checkbox-input-tag-add input:not(:disabled):active+label::before {
      border-color: #03053D;
    }

    /* стили для чекбокса, находящегося в фокусе */
    .checkbox-input-tag-add input:focus+label::before {
      box-shadow: 0;
    }

    /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
    .checkbox-input-tag-add input:focus:not(:checked)+label::before {
      border-color: #03053D;
    }

    /* стили для чекбокса, находящегося в состоянии checked */
    .checkbox-input-tag-add input:checked+label::before {
      border-color: #03053D;
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2303053D' 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");
    }

    /* стили для чекбокса, находящегося в состоянии disabled */
    .checkbox-input-tag-add input:disabled+label::before {
      background-color: #e9ecef;
    }
	
.button-line {
	display:flex;
	justify-content: center;
	margin:45px 0 0 0;
}
.saveBtn {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	background: #001C3D;
	border-radius: 8px;
	padding:15px 35px;
	margin:0 5px;
	cursor:pointer;
}
.deleteBtn {
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.01em;
	color: #001C3D;
	border: 2px solid #001C3D;
	background: transparent;
	border-radius: 8px;
	padding:15px 35px;
	margin:0 5px;
	cursor:pointer;
}
ul.tabs-nav li {
	list-style-type:none;
	position:relative;
}
ul.tabs-nav li a {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #264653;
	text-decoration:none;
	padding: 10px 14px;
	display:flex;
	margin: 0 -14px;
	box-sizing: border-box;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.tabs-nav li a .dic {
	padding:0 10px 0 0;
	opacity:0.25;
}
ul.tabs-nav li.active a .dic {
	opacity:1;
}
ul.tabs-nav li .options {
	display:none;
	margin-left:auto;
}
ul.tabs-nav li .options img {
	margin:0 5px;
}
ul.tabs-nav li.active .options {
	display: flex;
    position: relative;
    z-index: 10;
	position: absolute;
    top: 12px;
    right: 0;
}
ul.tabs-nav li.active .options img {
	cursor:pointer;
}
ul.tabs-nav li.active a {
	background: #E8F4FE;
}
.row-input-tag-line .tag-added {
	width:77%;
	display: flex;
    flex-wrap: wrap;
	border: 1.5px solid #EBEDEF;
	border-radius: 10px;
	padding:5px;
	box-sizing: border-box;
}
.row-input-tag-line .tag-added li {
	list-style-type:none;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #FFFFFF;
	padding:4px 8px;
	background: #4B82C4;
	border-radius: 6px;
	margin: 5px;
}
.row-input-tag-line .tag-added li .uit-multiply:before {
	color:#fff;
}
.row-input-tag-line .num-input-tag-add {
	padding: 10px 40px 10px 14px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #001C3D;
	border: 1.5px solid #EBEDEF;
	border-radius: 10px;
}
.tags-input-add-center {
	width:65%;
}
div.nameDictionary {
	width:100%;
	margin:0 0 30px 0;
}
div.nameDictionary label {
	display:block;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.01em;
	color: #757575;
	padding:0 0 8px 0;
}
div.nameDictionary input {
	max-height: 45px;
	background: #F9F9FA;
	border: 1.5px solid #EBEDEF;
	border-radius: 10px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #AEB7C1;
	padding:10px 15px;
	box-sizing: border-box;
	width:100%;
}
.tags-input-add-main label {
	display:block;
	font-style: normal;
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.01em;
	color: #757575;
	padding:0 0 8px 0;
}
.tags-input-add-main input {
	max-height: 45px;
	background: #F9F9FA;
	border: 1.5px solid #EBEDEF;
	border-radius: 10px;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #AEB7C1;
	padding:10px 15px;
}
.tags-input-add-main .tags-input-add-center ul {
	max-height: 45px;
	background: #F9F9FA;
	border: 1.5px solid #EBEDEF;
	border-radius: 10px;
	margin:0;
}
.tags-input-add-main li {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #AEB7C1;
}
.tags-input-add-main button {
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 21px;
	letter-spacing: -0.01em;
	color: #0F4688;
	padding:10px 16px;
	background: #E8F4FE;
	border: 1px solid #0F4688;
	border-radius: 8px;
	max-height:45px;
}
.checkbox-input-tag-add {
	display:flex;
	cursor:pointer;
}
.uit-multiply {
	cursor:pointer;
}
.clearfix {
	clear:both;
}
.mobile-bar {
	display:none;
}
body .flatpickr-day.selected {
	background: #c3d6ed;
    border-color: #c3d6ed;
}
.box-row .box.box-form {
	flex: 0 1 30%;
}
.box-row .box.box-form label {
	font-size:14px;
	padding:15px 0 5px 0;
}
.box-row .box.box-form .show-btn {
	max-width:100%;
}
#uploader {
	border:2px dashed rgb(246, 246, 246);
	margin: 25px 0;
}
#uploader #uploaderCont .row.fileQueue {
	display:flex;
	justify-content:space-between;
}
.box input.btn-outline-danger {
	color: #e74c3c;
    border-color: #e74c3c;
    border: 1px solid;
    background: transparent;
    opacity: 1;
}
.chart-wrapper {
	max-width:250px;
	max-height:250px;
}
@media screen and (max-width: 1440px) { 
	.tags-input-add-center {
		width: 45%;
	}
	.tags-input-add-main .tags-input-add-center ul {
		max-height: fit-content;
	}
	.content ul {
		flex-direction: column;
	}
}
@media screen and (max-width: 1170px) {
#sidebar {
	display:none;
}
.box-row .box:first-child {
	padding-left:12px;
}
.box-row .box:last-child {
	padding-right:12px;
}
#sidebar a.logo-img {
    padding: 80px 0 25px 0;
	display:none;
}
#sidebar.sidebar-mobile {
	display: block;
    position: fixed;
    width: 100%;
    max-width: 100%;
    height: 100%;
	z-index: 10;
}
#sidebar ul {
   padding: 5em 0px 25px 0;
}
.mobile-bar{ 
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding: .5em 1em;
	z-index: 11;
	box-sizing: border-box;
}
.navbar-menu-wrapper {
    margin: 0;
}
.main-panel {
	padding: 15px 10px;
    width: -webkit-fill-available;
	margin-top: 55px;
	max-width:100%;
}
.box-table {
	overflow-x: scroll;
	padding: 20px 15px;
}
.box-text {
	padding: 20px 15px;
}
.box-table table {
    width: max-content;
}
.box-row .box {
	flex: 0 1 45%;
}
.button-row button {
	width:100%;
}
.row-box {
    flex: 1;
    margin: 25px 0 0 0;
    border-left: 0;
    padding: 0 0 0 30px;
    box-sizing: border-box;
}
.row-box-audio {
	flex-direction:column;
}
.audio-download {
    border-left: 0;
    padding: 0;
	margin:15px auto;
}
}
@media screen and (max-width: 992px) { 
	.tags-input-add-main {
		align-items: start;
		flex-direction: column;
	}
	.box-50 {
		width:100%;
		margin: 20px 0 0 0;
	}
	.tags-input-add-main > div {
		width:100%;
		margin: 10px 0;
	}
	.tags-block-wrapper {
		flex-direction:column;
	}
	.tags-block-wrapper .tags-block-left, .tags-block-wrapper .tags-block-right {
		width:100%;
		margin:15px 0;
	}
	.row-input-tag-line .num-input-tag-add {
		padding: 10px 14px;
	}
	.dictionary-add {
		max-height: 250px;
		overflow-x: scroll;
	}
	.tabs-items .row-input-tag-line::before {
		content:none;
	}
	.button-row button {
        justify-content: center;
    }
	.box-numbers strong {
		font-size: 40px;
		line-height: 50px;
	}
	.box-numbers span {
		font-size: 16px;
		line-height: 20px;
	}
	.box-row .box.box-form {
		flex: 0 1 50%;
	}
}
@media screen and (max-width: 480px) { 
	.navbar-menu-wrapper {
		flex-direction:column;
	}
	.box-row .box.box-form {
		flex: 0 1 100%;
	}
	.box-row .box.box-form h2 {
		padding:25px 0 0 0;
	}
	.box-row .box:first-child {
		padding-left:0;
	}
	.box-row .box:last-child {
		padding-right:0;
	}
	.box-row {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding: 0 0 5px 0;
		margin: 0 0 5px 0;
	}
	.chart-flex {
		flex-direction:column;
	}
	.chart-flex .right .item {
		margin: 15px 0 10px 0;
	}
	.box-row .box {
		margin:10px 0;
		padding:0;
		min-height:auto;
		padding-left:0;
		padding-right:0;
	}
	.button-row {
		margin: 0 0 15px 0;
		padding: 0;
	}

	.navbar-nav-left {
		display:none;
	}
	.box-row .box {
		flex: 0 1 100%;
	}
	.box-upload .button-row {
		flex-direction: column;
	}
	.box-upload .button-row button {
		margin:10px 0;
	}
}

.nav {
	display: block;
}
.navbar-nav {
	flex-direction: row;
}
.box {
	line-height: normal;
}

.select2-selection__rendered {
	position: relative;
	top: -20px;
}

.selection span.select2-search.select2-search--inline input.select2-search__field {
	position: relative;
	top: -40px;
}
  
.select2-search__field {
	width: auto !important;
	min-width: 50px;
	flex: 1 1 auto;
}

input, button, select, optgroup, textarea {
	/* font-family: "Geologica", sans-serif !important; */
	font-family: Tahoma, Arial, sans-serif;
	font-style: normal !important;
}

.container-main-info {
	margin: 0;
	padding: 0;
}

ol, ul {
	padding-left: 0;
}

/* Лоадер */
.box-row {
	/* Стили для контейнера */
	position: relative;
  }
  .loader {
	/* Стили для лоадера */
	border: 4px solid rgba(0, 0, 0, 0.1);
	border-top: 4px solid #3498db;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	animation: spin 1s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -15px; /* половина высоты лоадера */
	margin-left: -15px; /* половина ширины лоадера */
	display: none; /* начинает скрытым */
	z-index: 10;
  }
  .box-row.loading .loader {
	display: block; /* показывает лоадер, если есть класс loading */
  }
  @keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
  }


.help-block {
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: -0.01em;
	color: #ea4f4f;
	display: block;
	padding-top: 18px;
}

.label {
	font-weight: 500;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: -0.01em;
	color: #757575;
	display: block;
	padding-top: 18px;
}

.upload-form {
	max-width: 50%;
}

.btn.btn-primary.btn-file {
	background-color: #292623;
}

@media (max-width: 991px) {
    .upload-form {
        max-width: 100%;
    }
}

.form-cont .form-group.field-filter-item-type.required {
	width: 350px !important;
}

.box-table .user-table {
	font-weight: 400;
	font-size: 13px;
}
.box-table .user-table button {
	font-size: 13px;
	padding: 4px 6px;
}

.box-table table.user-table td {
	padding: 5px 6px;
	height: 12px;
}

.save-btn {
	color: rgb(255, 255, 255);
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	letter-spacing: 0%;
	border-radius: 6px;
	background: rgb(41, 38, 35);
	width: 100%;
	max-width: 142px;
	height: 42px;
}

/* ul#w1.nav-tabs .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    border: 1px solid transparent;
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
} */

.nav-tabs {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap;
    overflow-x: auto; /* если их много, можно прокручивать */
}

.nav-tabs .nav-item {
    margin-right: 1rem; /* необязательно */
}