html,
body {
    height: 95%;
}

.wrap {
    min-height: 100%;
    height: auto;
    /*margin: 0 auto -60px;*/
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.newmenu{
	word-wrap: break-word;
    float: left;
    text-align: center;
	width:180px;
	height:180px;
	background-position:center center;
	background-repeat:no-repet;
	background-size:cover;
	position:relative;
}

.newmenulink{
	word-wrap: inherit;
	position: absolute;
	top: 50%;
	left: 50%;
	height: 30%;
	width: 50%;
	margin: -15% 0 0 -25%;
	/*color: #000;
    font-size: 20px;
    height: 30%;
    left: 5%;
    margin: -15% 0 0 0;
    overflow-wrap: inherit;
    position: absolute;
    top: 50%;
    width: 90%;*/
}

.loginformparent {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: auto;
}

.loginform {
    width: 400px;
    height: 250px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -125px 0 0 -200px;
}

.loginformbutton{
	float:right;
}

.container{
	width:100% !important;
}

.mainlink{
	display:block;
	text-align:center;
	float:left;
	/* margin-bottom:50px; */
	padding: 10px 0 10px 0;
	background-color:#f5f5f5;
	/* color:#666; */
}
.mainlink:hover{
	border-bottom:1px solid #449d44;
	padding-bottom:9px;
	/* border-color:#dbdbda; */
	text-decoration:none;
}

.blocktitle{
	padding:10px 0 10px 0;
	/* text-align:center; */
	padding-left:15px;
	background-color:#333;
	/* border-radius:5px; */
	color:#fff;
}

.footer{
	border:none;
}

.buttonblock{
	min-width: 320px;
	max-width: 100%;
	padding: 0px;
	margin: 0 auto;
	padding: 15px;
	background: #fff;
	border: 1px solid #ddd;
	border-top:none;
}

/* Базовый контейнер табов */
.tabs {
	min-width: 320px;
	max-width: 100%;
	padding: 0px;
	margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs>section {
	display: none;
	padding: 15px;
	background: #fff;
	border: 1px solid #ddd;
}
.tabs>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	font-weight: 600;
	text-align: center;
	color: #aaa;
	border: 0px solid #ddd;
	border-width: 1px 1px 1px 1px;
	background: #f1f1f1;
	border-radius: 3px 3px 0 0;
}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs>label:before {
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 10px;
}
/* .tabs>label[for*="1"]:before { */
	/* content: "\f19a"; */
/* } */
/* .tabs>label[for*="2"]:before { */
	/* content: "\f17a"; */
/* } */
/* .tabs>label[for*="3"]:before { */
	/* content: "\f13b"; */
/* } */
/* .tabs>label[for*="4"]:before { */
	/* content: "\f13c"; */
}
/* Изменения стиля переключателей вкладок при наведении */
 
.tabs>label:hover {
	color: #888;
	cursor: pointer;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
	color: #555;
	border-top: 1px solid #009933;
	border-bottom: 1px solid #fff;
	background: #fff;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6, #tab7:checked~#content-tab7, #tab8:checked~#content-tab8, #tab9:checked~#content-tab9, 
#tab10:checked~#content-tab10, #tab11:checked~#content-tab11, #tab12:checked~#content-tab12, #tab13:checked~#content-tab13, #tab14:checked~#content-tab14, #tab15:checked~#content-tab15, #tab16:checked~#content-tab16, #tab17:checked~#content-tab17
, #tab18:checked~#content-tab18, #tab19:checked~#content-tab19, #tab20:checked~#content-tab20, #tab21:checked~#content-tab21 {
	display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 
@media screen and (max-width: 680px) {
	.tabs>label {
		font-size: 0;
	}
	.tabs>label:before {
		margin: 0;
		font-size: 18px;
	}
}
/* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
	.tabs>label {
		padding: 15px;
	}
}

.settingimg{
	width:17px;
}

.contactimg{
	width:22px;
	opacity:0.7;
}

.helpimg{
	width:17px;
}

.maintd{
	padding:15px 0;
	font-weight:bold;
	color:#555;
}

.titletd{
	padding:5px 0;
	color:#777;
	width:200px;
}

.contenttd{
	padding:5px 0;
}

table.add td{
	padding:5px;
}
.item_table td{
	padding:0 5px;
}
.item_table2 td{
	padding:10px 5px;
}
.item_table2 tr{
	margin:3px 0;
}
form#advantage label{
	font-weight:normal;
}
form#advantage .form-group{
	margin-bottom:3px;
}
form#advantagechoose label{
	font-weight:normal;
}
form#advantagechoose .form-group{
	margin-bottom:3px;
}
form#infrastructure label{
	font-weight:normal;
}
form#infrastructure .form-group{
	margin-bottom:3px;
}
#broneinfotable td{
	padding:5px;
	border-color:#999;
}

#baskettouristinfo td{
	padding:5px;
	border-color:#999;
	width:33%;
}
.pagination a{
	color:#777 !important;
}
.pagination .active a{
	border-color:#666;
	background-color:#666;
	color:#fff !important;
}
.pagination .active a:hover{
	border-color:#666;
	background-color:#666;
	color:#fff !important;
}
.search-icon{
	background-image:url('../img/searchicon.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	position: relative;
	top: 9px;
	float:right;
	border: none;
	background-color: transparent;
}
.clearsearch-icon{
	background-image:url('../img/clearsearchicon.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	position: relative;
	top: 9px;
	float:right;
}

modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  display: none;
}

.modal__close-layer {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.7);
}

.modal__main-layer {
  width: 100%;
  height: 100vh;
  align-items: center;
  justify-content: center;
  display: flex;
  overflow-y: auto;
}

.modal__body {
  background-color: white;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: 20px auto;
  width: 40%;
  padding: 2% 5%;
  border-radius: 10px;
}




//---------------------------------------------------------------------------------------------
//---------------------------------------------------------------------------------------------
//---------------------------------------------------------------------------------------------
//---------------------------------------------------------------------------------------------
@font-face {
  font-family: "RobotoRegular";
  src: url("../fonts/RobotoRegular/RobotoRegular.eot");
  src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "RobotoLight";
  src: url("../fonts/RobotoLight/RobotoLight.eot");
  src: url("../fonts/RobotoLight/RobotoLight.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoLight/RobotoLight.woff") format("woff"), url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "RobotoMedium";
  src: url("../fonts/RobotoMedium/RobotoMedium.eot");
  src: url("../fonts/RobotoMedium/RobotoMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"), url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

@font-face {
  font-family: "RobotoBold";
  src: url("../fonts/RobotoBold/RobotoBold.eot");
  src: url("../fonts/RobotoBold/RobotoBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoBold/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype");
  font-style: normal;
  font-weight: normal; }

body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-family: "RobotoRegular", sans-serif;
  font-size: 16px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0;
  min-height: 100vh;
  padding: 0;
  width: 100%; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

a, input, textarea, button {
  text-decoration: none; }
  a:hover, a:focus, input:hover, input:focus, textarea:hover, textarea:focus, button:hover, button:focus {
    outline: none; }

.files {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }
  .files__tree, .files__description {
    height: 100%;
    width: 10%;
    overflow-y: auto; }
  .files__description {
    height: 100%;
    width: 20%;
    overflow-y: auto; }
  .files__content{
    width: 80%;
    height: 600px;
    overflow-y: hidden;
    padding: 20px;
    position: relative;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    border-left: 1px solid rgba(0, 0, 0, 0.2);
	padding-bottom: 100px;}
	[data-cont="files"]{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		overflow-y: auto;
		max-height: 100%;
	}
  .files__bottom {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 10px;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
	z-index: 99999;
	background-color: white	}

.tree {
  padding: 10px; }
  .tree__headline {
    font-size: 20px;
    margin-bottom: 10px; }
  .tree__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .tree__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    cursor: pointer;
    color: black; }
    .tree__item + .tree__list {
      margin-left: 10px;
      height: 0;
      overflow: hidden; }
    .tree__item.active + .tree__list {
      height: auto; }
    .tree__item--icon {
      margin-right: 5px;
      font-size: 20px; }
    .tree__item--name {
      font-size: 16px;
      color: black; }

.file {
  width: 120px;
  height: 120px;
  background: -webkit-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05));
  background: -o-radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05));
  background: radial-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.05));
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 10px;
  position: relative;
  margin-right: 20px;
  margin-bottom: 20px;
  cursor: pointer; }
  .file_small {
    height: 45px;
    width: 45px;
    padding: 5px;
    margin-bottom: 0;
    margin-right: 30px; }
    .file_small .file__preview {
      max-width: auto;
      max-height: auto;
      width: 100%;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
  .file__check, .file__delete {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 12px;
    position: absolute;
    right: -15px;
    width: 20px;
    height: 20px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.3);
    cursor: pointer;
    z-index: 1; }
  .file__check {
    top: 0px; }
    .file__check i {
      opacity: 0; }
    .file__check.active i {
      opacity: 1; }
  .file__delete {
    top: 25px; }
  .file__preview {
    max-width: 100%;
    max-height: 80px; }
  .file__name {
    font-size: 14px; }
  .file__hover {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background-color: rgba(48, 165, 255, 0.2);
    opacity: 0; }
  .file:hover .file__hover, .file.active .file__hover {
    opacity: 1; }

.fdesc {
  padding: 20px; }
  .fdesc__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 40px; }
  .fdesc__image {
    width: 40%; }
  .fdesc__info {
    width: 55%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    .fdesc__info--name {
      font-family: "RobotoBold"; }
    .fdesc__info--text {
      opacity: 0.5; }
    .fdesc__info--link {
      color: #3db2ec; }
      .fdesc__info--link_red {
        color: red; }
  .fdesc__line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin-bottom: 10px; }
  .fdesc__label {
    width: 30%;
    font-size: 13px;
    opacity: 0.5; }
  .fdesc__input {
    width: 65%;
    margin-left: 5%;
    height: 30px;
    padding: 0 10px;
    font-size: 14px; }

.okhover{
  cursor: pointer;
}

.okhover:hover img{
  filter: brightness(50%);
}

.oklock img{
  filter: grayscale(100%);
}

.oklock.active img{
  filter: grayscale(0);
}


.hasDatepicker{
      height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}