/*@font-face {
    font-family: 'Circular Std Book';
    src: url('font/CircularStd-Book.eot');
    src: local('Circular Std Book'), local('CircularStd-Book'),
        url('font/CircularStd-Book.eot?#iefix') format('embedded-opentype'),
        url('font/CircularStd-Book.woff2') format('woff2'),
        url('font/CircularStd-Book.woff') format('woff'),
        url('font/CircularStd-Book.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}*/
body {
  background: #fff;
  font-family: 'Rubik', sans-serif;
  font-size: 16px; }

.sidebar {
  width: 270px;
  height: 100%;
  background: #fff;
  border-right: 1px solid #e6e8eb;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  height: calc(100vh - 48px);
overflow-y: scroll;							 			   
  transition: all 0.5s ease; }
  .sidebar.close {
    width: 48px; }

.logo {
  font-size: 1.125rem;
  line-height: 1.05rem;
  font-weight: 500;
  color: #11181c; }
  .logo .icon {
    display: none; }

.close .logo {
  padding: 12px 12px 11px;
  border-bottom: 1px solid #e6e8eb; }
  .close .logo > span {
    display: none; }
  .close .logo .icon {
    display: block; }

.btn-aside {
  width: 32px;
  height: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px; }
  .btn-aside:hover {
    background: #f1f3f5; }
  .close .btn-aside {
    margin: 12px; }
    
main {
  display: flex;
  flex-direction: column;
  background: #f8f9fa;
  position: relative;
  height: 100vh; 
  padding: 0px 0px 0px 20px;}
  .sidebar + main {
    left: 270px;
    width: calc(100% - 270px);
    transition: all 0.5s ease; }
  .sidebar.close + main {
    left: 48px;
    width: calc(100% - 48px);
    transition: all 0.5s ease; }
  main.page--auth, main.page--auth header {
    background: #fff; }
  main.page--auth header {
    height: 65px;
    border-bottom: none; }
  main.page--auth .page {
    display: flex;
    justify-content: center;
    align-items: center; }

header {
  min-height: 48px;
  border-bottom: 1px solid #e6e8eb;
  position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  line-height: 120%;
  color: #6f6f6f; }
  main header {
    padding: 0 24px;
    background: #f8f9fa; }
  .sidebar header {
    padding: 0 18px 0 24px; }
  .close header {
    height: 96px;
    flex-direction: column;
    padding: 0;
    justify-content: center; }

.page {
  padding: 24px;
  flex-grow: 1; }
  .page__intro {
    margin-bottom: 32px; }
  .page__title {
    font-size: 1.5rem;
    color: #11181c; }
  .page__desription {
    margin-top: 8px;
    font-size: .875rem;
    color: #7e868c; }
    .page__desription p {
      margin: 8px 0 0; }

.icon {
  fill: transparent; }
  .icon--14 {
    width: 14px;
    height: 14px; }
  .icon--16 {
    width: 16px;
    height: 16px; }
  .icon--18 {
    width: 18px;
    height: 18px; }
  .icon--20 {
    width: 20px;
    height: 20px; }
  .icon--24 {
    width: 24px;
    height: 24px; }

.aside-menu a, .aside-menu span {
  font-size: .875rem;
  line-height: 120%; }
.aside-menu .level1 > li {
  padding: 20px 24px; }
  .aside-menu .level1 > li + li {
    border-top: 1px solid #e6e8eb; }
.aside-menu .level1 a, .aside-menu .level1 span {
  display: flex;
  align-items: center;
  color: #7e868c; }
  .aside-menu .level1 a .icon, .aside-menu .level1 span .icon {
    margin-right: 8px; }
.aside-menu .level2 {
  margin: 12px 0 0 18px; }
  .aside-menu .level2 li + li {
    margin-top: 4px; }
  .aside-menu .level2 a, .aside-menu .level2 span {
    height: 36px;
    padding: 0 10px;
    border-radius: 6px;
    color: #3c3d3c; }
    .aside-menu .level2 a.current, .aside-menu .level2 span.current {
      background: #f1f3f5; }

.close .aside-menu .level1 > li {
  padding: 10px 0;
  border-top: none;
  border-bottom: 1px solid #e6e8eb;
  display: flex;
  justify-content: center;
  align-items: center; }
.close .aside-menu .level1 a, .close .aside-menu .level1 span {
  border-radius: 6px;
  text-indent: -9999px; }
  .close .aside-menu .level1 a.current, .close .aside-menu .level1 span.current {
    background: #e6e8eb; }
  .close .aside-menu .level1 a .icon, .close .aside-menu .level1 span .icon {
    margin-right: 0;
    padding: 6px;
    box-sizing: content-box; }
.close .aside-menu .level2 {
  display: none; }

.main-table-wrapper {
  width: calc(100% + 48px);
  overflow: scroll;
  margin: 0 -24px; 
  min-height: 300px;
  }

.main-table {
  width: 100%;
  border-collapse: collapse; }
  .main-table th, .main-table td {
    padding: 12px 14px;
    border: 1px solid #e6e8eb; }
  .main-table th {
    background: #f1f3f5;
    color: #687076; }
  .main-table td {
    background: #fff;
    color: #6f6f6f; }
  /*.main-table a, .main-table a:link, .main-table a:visited {
  color: #2b805a;
  }
  .main-table a:hover {
  color: #6f6f6f;
  }*/

.button, .dropbtn, .input-file span {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  padding: 0 12px;
  border-radius: 6px;
  border: 1px solid #dfe3e6;
  font-size: .875rem;
  line-height: 120%;
  font-weight: 500; }
  .button--xl, .dropbtn, .input-file span {
    height: 43px;
    padding: 0 18px;
    font-size: 1rem; 
	color: #000;
	}
  .button--secondary , .dropbtn, .input-file span{
    background: #2b805a !important;
    color: #fff; }
	

.form {
  display: flex;
  flex-direction: column; }
  .form--auth {
    width: 384px; }
    .form--auth .form__input {
      width: 100%; }
  .form__title {
    font-size: 2rem;
    font-weight: 500; }
  .form__content {
    margin: 24px 0; }
  .form__label, .form__input {
    font-size: .825rem;
    line-height: 1.375rem;
    color: #687076; }
  .form__label {
    display: block;
    margin-bottom: 8px; }
  .form__input {
    height: 38px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    background: rgba(17, 24, 28, 0.0275);
    border: 1px solid #dfe3e6;
    border-radius: 6px; }
    .form__input::placeholder {
      color: #8A9096; }
  .form__field {
    margin: 8px 0; }
    .form__field--error .form__input {
      border-color: #ff4d4f; }
    .form__field--error .form__error {
      display: block; }
  .form__error {
    display: none;
    margin-top: 2px;
    font-size: .875rem;
    line-height: 1.375rem;
    color: #ff4d4f; }
   
   #zatemnenie {
        background: rgba(102, 102, 102, 0.5);
        width: 100%;
        height: 1000%;
        position: absolute;
        top: 0;
		left: 0;
        display: none;
      }
	#zatemnenie2 {
        background: rgba(200, 200, 200, 0.5);
        width: 100%;
        height: 1000%;
        position: absolute;
        top: 0;
		left: 0;
        display: none;
      }
	  #ajax_div{
        /*width: 300px;
        height: 50px;*/
        /*text-align: center;
        border-radius: 6px ;
		/*border: 2px solid #e6e8eb;*/
		/*border-top: none;
        position: relative;
        
        right: 0;
        bottom: 0;
		top: 20vh; /* Положение от верхнего края */
       /* margin: auto;*/
		/*background: #fff;*/
      }
	  
	  #okno_main {
        /*width: 300px;
        height: 50px;*/
        text-align: center;
        border-radius: 6px ;
		/*border: 2px solid #e6e8eb;*/
		border-top: none;
        position: relative;
        
        right: 0;
        bottom: 0;
		top: 20vh; /* Положение от верхнего края */
        margin: auto;
		background: #fff;
      }
      #okno {
        width: 100%;
        /*height: 100%;*/
        text-align: center;
        padding: 15px;
		border-radius: 0px 0px 6px 6px ;
		border: 2px solid #e6e8eb;
		border-top: none;
        color: #000000;
        position: relative;
        
        right: 0;
        bottom: 0;
       
		/*left: 0px; /* Положение от левого края */
		/*top: 100px; /* Положение от верхнего края */
		/*top: center; /* Положение от верхнего края */
		top: 0; /* Положение от верхнего края */
        margin: auto;
        background: #fff;
      }
	  #okno_top {
        width: 100%;
        height: 50px;
        text-align: left;
        padding: 15px;
		border-radius: 6px 6px 0px 0px;
		border: 2px solid #e6e8eb;
        color: #000000;
        position: relative;  
        right: 0;
        bottom: 0;
		top: 0;
		/*left: 0px; /* Положение от левого края */
		/*top: 0px; /* Положение от верхнего края */
		/*top: center; /* Положение от верхнего края */
        margin: auto;
        background: #f1f2f5;
      }
      #zatemnenie:target {display: block;}
	  #zatemnenie2:target {display: block;}
.close {
    display: inline-block;
    background: #2b805a;
    border-radius: 6px;
	border: 1px solid #dfe3e6;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    padding: 4px 16px;
    text-decoration: none;
    text-shadow: none;
	margin: 2px;
}
.close:hover {
	background: #623B2A;
    border-radius: 6px;
	border: 1px solid #dfe3e6;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: normal;
    padding: 4px 16px;
    text-decoration: none;
    text-shadow: none;
	margin: 2px;}
	
	
.checkbox-ios {
	display: inline-block;    
	height: 28px;    
	line-height: 28px;  
	margin-right: 10px;      
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	user-select: none;	
}
.checkbox-ios .checkbox-ios-switch {
	position: relative;	
	display: inline-block;
	box-sizing: border-box;			
	width: 56px;	
	height: 28px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 25%/50%;	
	vertical-align: top;
	background: #eee;
	/*transition: 100s;*/
	transition: 100s;
}
.checkbox-ios .checkbox-ios-switch:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;	
	display: inline-block;
	width: 24px;	
	height: 24px;
	border-radius: 50%;
	background: white;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	/*transition: 100s;*/
	transition: 100s;
}
.checkbox-ios input[type=checkbox] {
	display: block;	
	width: 0;
	height: 0;	
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.checkbox-ios input[type=checkbox]:not(:disabled):active + .checkbox-ios-switch:before {
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {
	background: #2b805a;
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before {
	transform:translateX(28px);
}
 
/* Hover */
.checkbox-ios input[type="checkbox"]:not(:disabled) + .checkbox-ios-switch {
	cursor: pointer;
	border-color: rgba(0, 0, 0, .3);
}
 
/* Disabled */
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch {
	filter: grayscale(70%);
	border-color: rgba(0, 0, 0, .1);
}
.checkbox-ios input[type=checkbox]:disabled + .checkbox-ios-switch:before {
	background: #eee;
}
 
/* Focus */
.checkbox-ios.focused .checkbox-ios-switch:before {
	box-shadow: inset 0px 0px 4px #ff5623;
}
/*# sourceMappingURL=style.css.map */





.checkbox-ios-s {
	display: inline-block;    
	height: 28px;    
	line-height: 28px;  
	margin-right: 10px;      
	position: relative;
	vertical-align: middle;
	font-size: 14px;
	user-select: none;	
}
.checkbox-ios-s .checkbox-ios-s-switch {
	position: relative;	
	display: inline-block;
	box-sizing: border-box;			
	width: 56px;	
	height: 28px;
	border: 1px solid rgba(0, 0, 0, .1);
	border-radius: 25%/50%;	
	vertical-align: top;
	background: #eee;
	/*transition: 100s;*/
	transition: 0.2s;
}
.checkbox-ios-s .checkbox-ios-s-switch:before {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;	
	display: inline-block;
	width: 24px;	
	height: 24px;
	border-radius: 50%;
	background: white;
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	/*transition: 100s;*/
	transition: 0.2s;
}
.checkbox-ios-s input[type=checkbox] {
	display: block;	
	width: 0;
	height: 0;	
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.checkbox-ios-s input[type=checkbox]:not(:disabled):active + .checkbox-ios-s-switch:before {
	box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
}
.checkbox-ios-s input[type=checkbox]:checked + .checkbox-ios-s-switch {
	background: #2b805a;
}
.checkbox-ios-s input[type=checkbox]:checked + .checkbox-ios-s-switch:before {
	transform:translateX(28px);
}
 
/* Hover */
.checkbox-ios-s input[type="checkbox"]:not(:disabled) + .checkbox-ios-s-switch {
	cursor: pointer;
	border-color: rgba(0, 0, 0, .3);
}
 
/* Disabled */
.checkbox-ios-s input[type=checkbox]:disabled + .checkbox-ios-s-switch {
	filter: grayscale(70%);
	border-color: rgba(0, 0, 0, .1);
}
.checkbox-ios-s input[type=checkbox]:disabled + .checkbox-ios-s-switch:before {
	background: #eee;
}
 
/* Focus */
.checkbox-ios-s.focused .checkbox-ios-s-switch:before {
	box-shadow: inset 0px 0px 4px #ff5623;
}
/*# sourceMappingURL=style.css.map */









/*
.dropbtn {
    background-color: #3498DB;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    cursor: pointer;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: #2980B9;
}
*/
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	/*border-radius: 6px;*/
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    /*min-width: 300px;*/
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	border-radius: 6px;
	margin-top: 5px;
}
.dropdown-content-right 
{
	right: 0;
}
.dropdown-content-left 
{
	right: calc(100% + 5px);
	top: calc(-50%);
	margin-top: 0px;
}
/* Links inside the dropdown */
.dropdown-content a {
	white-space: nowrap;
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
	border-radius: 6px;
	margin: 3px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f8f9fa;}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;}


.input-file {
	position: relative;
	display: inline-block;
}
/*
.input-file span {
	position: relative;
	display: inline-block;
	cursor: pointer;
	outline: none;
	text-decoration: none;
	font-size: 14px;
	vertical-align: middle;
	color: rgb(255 255 255);
	text-align: center;
	border-radius: 4px;
	background-color: #419152;
	line-height: 22px;
	height: 40px;
	padding: 10px 20px;
	box-sizing: border-box;
	border: none;
	margin: 0;
	transition: background-color 0.2s;
}
*/
.input-file input[type=file] {
	position: absolute;
	z-index: -1;
	opacity: 0;
	display: block;
	width: 0;
	height: 0;
}
 
/* Focus */
/*.input-file input[type=file]:focus + span {
	box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
}
*/
 
/* Hover/active */
/*
.input-file:hover span {
	background-color: #59be6e;
}
.input-file:active span {
	background-color: #2E703A;
}
*/ 
/* Disabled */
.input-file input[type=file]:disabled + span {
	background-color: #eee;
}