* {
  margin: 0;
  padding: 0;
}
html,
body,
.wrapper {
  height: 100%;
}

.content {
  box-sizing: border-box;
  min-height: 100%;
  padding-bottom: 50px; /** 1. change only to values equal in absolute value in all 3 places !!! **/
  position: relative;
}
.footer {
  height: 50px; /**2. change only to values equal in absolute value in all 3 places !!! **/
  margin-top: -50px; /** 3. change only to values equal in absolute value in all 3 places !!! **/
}
.footer .fcopyright {
	font-size: .8em;
	text-align: center;
}
.button {
	display: inline-block;
	margin: .5em 1em;
	padding: .3em 1em .4em;
	text-transform: uppercase;
	background-color: blue;
	color: white;
	border: none !important;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}
.button:hover {
	background-color: aqua;
	color: navy;
}
.rowmargin {
	margin-bottom: 1em;
}
.header {
	margin: 1em auto 0;
}
.htitle {
	text-align: center;
}
.user-info {
	display: inline-block;
	margin: 0.3em 0 0;
	float: right;
	font-size: .9em;
	clear: both;
}
.ui-title {
	font-weight: bold;
}
.ui-data {
	color: blue;
}
.ui-button {
	font-size: .7em;
	font-weight: bold;
}
.ui-button span {
	padding: .3em 1em .4em;
	text-transform: uppercase;
	background-color: blue;
	color: white;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
}
.ui-button:hover span {
	background-color: aqua;
	color: navy;
}
.hmenu {
	font-size: 1.1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #007BFF;

}
.hmenu:hover {
	background-color: aqua;
}
.workspace .breadcrambs {
	font-size: .8em;
}
.workspace .breadcrambs .bc-delimiter:last-child {
	display: none;
}
.workspace .edata-info [class|='edi'] {
	color: darkslategray;
	font-weight: 500;
}
.workspace .edata-info .edi-title {
	font-size: 1.1em;
}
.workspace .edata-info [class|='edi'] span:first-child {
	font-size: .9em;
}
.workspace .edata-info [class|='edi'] span + span {
	font-style: italic;
	color: black;
}
.workspace table.errors-table {
	font-size: 0.8em;
}
.workspace table.table thead th,
.workspace table.table tfoot th {
	text-align: center;
	vertical-align: middle;
}
.workspace table.table tbody td,
.workspace table.table tbody th {
	text-align: center;
}
.workspace table.table tbody .table-subtitle {
	background-color: silver;
}
.workspace table.table tbody .td-check {
	text-align: left;
}
.workspace table.table tbody .td-count {
	text-align: center;
}
.workspace table.table tbody .td-description {
	text-align: left;
}
.workspace table.table tbody .priority-low {
	color: inherit;
}
.workspace table.table tbody .priority-medium {
	color: darkorange;
}
.workspace table.table tbody .priority-high {
	color: red;
}
.workspace table.table tbody td.td-editing-date {
	min-width: 7em;
}

.loginform {
	position: absolute;
	margin: 0;
    top: 50%;
    left: 50%;
/**    margin-right: -50%;  **/
    transform: translate(-50%, -50%);
	padding: 1em;
	border: 1px gray;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	background-color: whitesmoke;
	text-align: center;
}
.loginform .lftitle {
	margin: 0 auto 1em;
	font-size: 1.3em;
	clear: both;
}
.loginform .lfform form .col-4 {
	text-align: right;
}
.loginform .lfform form input {
	width: 100%;
	background-color: white;
}
.loginform .lferror {
	color: red;
}
.loginform .lostpwd {
	text-align: right;
	font-size: .8em;
}
nav .breadcrumb {
	margin: 0;
	background: none;
	border: none;
	border-radius: 0;
}
.pagination {
	font-size: 1em;
}

@media (min-width: 1400px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1340px;
  }
}
@media (min-width: 1600px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1540px;
  }
}
@media (min-width: 1800px) {
  .container, .container-sm, .container-md, .container-lg, .container-xl {
    max-width: 1740px;
  }
}


/*a {*/
/*  display: inline-block;*/
/*  margin: 5px 0;*/
/*  padding: 4px;*/
/*  border: 1px solid white;*/
/*  background-color: white;*/
/*  color: blue;*/
/*  text-decoration: none;*/
/*}*/

.was-visited {
	text-decoration: line-through;
   	font-weight: normal;
}

.not-visited {
	text-decoration: none;
   	font-weight: bold;
}


.edi-title-red{
    color: red;
}

.used-str{
    color:red;
    font-size:150%;
}


/* формируем фон для модального окна */
.modal {
    display: none; /* скрыт по умолчанию */
    /* темный фон при открытии модалки должен быть на всю страницу */
    position: fixed;
    z-index: 1; /* поверх всех элементов */
    left: 0;
    top: 0;
    width: 100vw; /* полная ширина */
    height: 100vh; /* полная высота */
    background-color: rgba(0,0,0,0.4); /* цвет фона - прозрачный черный */
}

/* само модальное окно с контентом */
.modal-content {
    background-color: #fff;
    /* окно будет находится по центру по горизонтали и с отступом сверху в 100 px */
    margin: 100px auto;
    padding: 20px;
    width: 50%;
    font-size: 20px;
    /* разнесем текст и кнопоку по краям окна */
    display: flex;
    justify-content: space-between;
}

span {
    cursor: pointer;
}