.b-video {
      width: 50vh;
      height: auto;
      position: relative;
      overflow: hidden;
}
.viedeo__file{
    width: 100%;
    height: 100%;
}

.upload-progress {
  max-width: 640px;
  margin: 1rem auto .5rem;
  padding: .75rem;
  background: #657b83;
  border: 1px solid rgba(255, 193, 7, .55);
  border-radius: 10px;
  box-shadow: 0 .15rem .35rem rgba(0, 0, 0, .18);
}

.upload-progress .progress {
  height: 1.35rem;
  background: #e8faff;
  border: 1px solid rgba(0, 43, 54, .28);
  border-radius: 7px;
}

.upload-progress .progress-bar {
  background-color: #ffc107;
  color: #002b36;
  font-weight: 700;
  text-shadow: 0 1px rgba(255, 255, 255, .35);
}

.upload-progress-details {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: .35rem;
  color: #e8faff;
  font-size: .9rem;
}

#UploadStatus:not(:empty) {
  max-width: 640px;
  margin: .5rem auto 0;
  padding: .5rem .75rem;
  color: #002b36;
  background: #e8faff;
  border-left: 4px solid #ffc107;
  border-radius: 6px;
}

@media (max-width: 480px) {
  .upload-progress-details {
    flex-direction: column;
    gap: .15rem;
    text-align: left;
  }
}



.parent {
  display: flex;
/*  border: 2px solid red; */
  height: auto;
  line-height: 26px;
}
.child {
  display: block;
/*  border: 2px solid blue; */
}
/* Растягиваем второй блок на максимальнуцю ширину */
.child.max {
  flex: 1;
}


/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	border: 1px solid #999999;
	display: table-cell;
	padding: 3px 10px;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}





.zebra{
	width: 70%;
	margin: 20px auto;
	border-collapse: collapse;
}
.zebra th{
	background: #555;
	color: #fff;
	text-align: left;
}
.zebra .foot{
	background: #d5d5d5;
	color: #000;
	text-align: left;
}
.zebra input{
	width: 100%;
	transition: all .5s;
}
.zebra input:focus{
	box-shadow: 0 0 5px #000;
}
.zebra th,
.zebra td{
	border-bottom: 1px solid #ccc; padding: 5px; vertical-align: middle; padding: 12px 5px;
}
.zebra tr{
	transition: all .5s;
}
.zebra tr:hover{
	/*background: #f1f1f1;*/
}

.edit{
	padding: 3px;
	transition: all .5s;
	border: 1px solid rgba(82, 168, 236, .5);
}
.edit:focus{
	border: 1px solid rgba(82, 168, 236, 1);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.9);
	outline: 0 none;
}

#loader{
 position:fixed;
 display:none;
 top:0;
 left:0;
 height:100%;
 width:100%;
 background:#f2f2f2;
 opacity:.9;
 z-index: 30;
}
#loader span{
 display: block;
 background: url(https://fs.mc4.ru/loader.gif);
 width: 64px;
 height: 64px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -32px 0 0 -32px;
}
#mes-edit{
 display: none;
 color: #000;
 font-size: 15px;
 border: 1px solid #ccc;
 box-shadow: 0 0 10px #ccc;
 padding: 10px;
 text-align: center;
 width: 400px;
 position: fixed;
 left: 50%;
 top: 50%;
 margin: -20px 0 0 -200px;
 font-weight: bold;
 background: #fff;
}



.chat__header {
  text-align: center;
}

.chat__item {
  display: flex;
  align-items: flex-start;
}

.chat__person-avatar {
  border-radius: 50%;
}

.chat__messages {
  margin-left: 10px;
}

.chat__message {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.chat__message-content {
  border-radius: 5px;
  padding: 7px;
  background-color: #ccc;
  display: inline-block;
  color: #657b83;
  margin-left: 5px;
}

.chat__item--responder {
  flex-direction: row-reverse;
}

  .chat__item--responder .chat__message {
    flex-direction: row-reverse;
  }

  .chat__item--responder .chat__message-content {
    margin-left: 0;
    margin-right: 5px;
  }













.parent {
  line-height: 26px;
  overflow: auto; /* Это чтобы родитель не терял высоту */
}
.child {
  display: block;
  float: left;
}
/* Растягиваем второй блок на максимальнуцю ширину */
.child.max {
  float: none;
  overflow: auto;
}


/*pre {*/
/*     font-size: 10pt;*/
/*     font-family: Arial,sans-serif;*/
/*     border-radius: 10px;*/
/*     white-space: pre-wrap;*/
/*     white-space: -moz-pre-wrap;*/
/*     white-space: -pre-wrap;*/
/*     white-space: -o-pre-wrap;*/
/*     background: #002b36;*/
/*     color: #ffc107;*/
/*     padding:10px;*/
/*}*/

wenote {
     border:#a0a0c0 1px solid; 
     border-radius: 10px;
     background:#e8faff; 
     color: red;
     margin:10px 0 10px 30px;
     padding:10px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     word-wrap: break-word;
}

.11btn {
    background-color: #2196F3;
    color: white;
    padding: 16px;
    font-size: 16px;
    border: none;
    outline: none;
}

.dropdown {
    position: absolute;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    z-index: 1;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {backgroaund-color: #ddd}

.dropdown:hover .dropdown-content {
    display: block;
}

.11btn:hover, .dropdown:hover .btn {
    background-color: #0b7dda;
}


/*
    .footer {
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      height: -5px;
    }
*/


/* Интересный футер */

main {
  /* make sure to cover the screen */
  min-height: 100vh;

  /* need a solid bg to hide the footer */
  background: #f6f7f8;

  /* put on top */
  position: relative;
  z-index: 1;

  font: 16px/1.4 system-ui, sans-serif;
  padding: 2px;
}
footer {
  /* place on the bottom */
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;

  background: #252a47;
  display: grid;
  place-items: center;
  padding: 5px;
}

* {
  box-sizing: border-box;
}
body {
  margin: 0;
}
/*p {*/
/*  max-width: 600px;*/
/*  margin: 0 auto 1rem;*/
/*}*/

.chat__message-time {
     color: silver;
     font-size: 8pt;
     font-family: Arial,sans-serif;
}

blockquote {
    color: #e33e00;
    font-style: italic;
    font-family: GeoSlb712XBdBT;
/*    padding:20px;*/
    padding-left: 15px;
    border-left: 3px solid #F63;
}


blockquote p { position: relative; }

blockquote p:before {
/*content: '"';*/
font-size: 30px;
position:absolute;
/*        top:-15px;*/
        left:0px;
}

blockquote p:after {
/*content: '"';*/
font-size: 30px;
        position:absolute;
/*        bottom:-30px;*/
        left:0px;
}

code {
     display: inline-block;
     font-size: 12pt;
     font-family: "Lucida Console", "Courier New", monospace;
     border-radius: 6px;
     white-space: pre-wrap;
     white-space: -moz-pre-wrap;
     white-space: -pre-wrap;
     white-space: -o-pre-wrap;
     background: #002b36;
     color: #ffc107;
     padding:6px;
}


.info {
     color: gray;
     font-size: 8pt;
     font-family: Arial,sans-serif;
}