body{margin:0;padding:0;background-color: #BCCACA;font-family: Tahoma, Arial, Helvetica, sans-serif; color: #413262;user-select: none;}
.body {font-family: Tahoma, Arial, Helvetica, sans-serif; color: #413262;background-color: #BCCACA;}
.dvotstup{padding: 0em 0.5em 0em 0.5em;}
/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
    width: 0.5em; /* ширина для вертикального скролла */
    height: 0.4em; /* высота для горизонтального скролла */
    background-color: #F5F7F7;
}
/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
    background-color: #413262;
    border-radius: 0.5em;
	border-right: 0.1em solid #F5F7F7;
	border-left: 0.1em solid #F5F7F7;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #AE3835;
}
img{max-width: 100%;margin:1em;box-shadow: 0.4em 0.4em 0.4em 0.1em rgba(122,122,122,0.5);}
.leftvideo{width:70%;}
.rightvideo{width:30%;text-align: center;}
.textvideo{margin: 0em 1em 0em 3em;text-align: justify;}
.nodec{text-decoration: none;}
.inlineblock{display:inline-block;text-decoration: none;}
.imginlinevideo{display:inline-block;margin:1em 2em 1em 2em;box-shadow: 0.4em 0.4em 0.4em 0.1em rgba(122,122,122,0.5);}
.imginlinevideo:hover{display:inline-block;margin:1em 2em 1em 2em;box-shadow: 0.4em 0.4em 0.4em 0.1em rgba(49,140,231,0.5);}

video{margin:1em 2em 1em 2em;box-shadow: 0.4em 0.4em 0.4em 0.1em rgba(122,122,122,0.5);}
video:hover{margin:1em 2em 1em 2em;box-shadow: 0.4em 0.4em 0.4em 0.1em rgba(49,140,231,0.5);}
.dvcenter{text-align: center;}
.rows{	display:flex;flex-direction:row;justify-content:space-between;overflow: hidden;}
.left{text-align: left;padding: 0.1em 0.1em 0.1em 1.5em;font-size:110%;/*background-color: #F5F7F7;overflow: hidden;white-space: nowrap;*/}
.leftA{text-align: left;padding: 0.1em 0.4em;font-size:90%;margin:0em 0em 0.1em 0em;
		background-image: linear-gradient(to bottom, lightyellow, #F5F7F7);border-bottom: solid 0.05em #413262;}
.right{text-align: right;padding: 0.1em 1.5em 0.1em 0.1em;font-size:90%;/*background-color: #F5F7F7;*/}
.ftubeimg{background: linear-gradient(135deg,#413262 75%,#FF0029 75%);
			height:1em;width: 3em;text-align: center;color:white;/*font-size:90%;*/display: inline-block;}
.rredd{color:#FF0029;}
.menuotrasl1{-webkit-transition-duration: 0.4s;transition-duration: 0.4s;white-space: nowrap;
		background-color: lightyellow;color: #AE3835;border-top: 0em solid #AE3835;border-bottom: 0.05em solid #AE3835;
		border-left: 0em solid #AE3835;border-right: 0em solid #AE3835;
		padding: 0.2em 0.4em 0.3em 0.4em;text-align: center;text-decoration: none;
        display: inline-block;font-size: 90%;font-weight: normal;margin: 0.4em 0em 0.4em 0.3em;}
.menuotrasl1:hover{white-space: nowrap;
	    background-color: lightyellow;color: #413262;border-top: 0em solid grey;border-bottom: 0.05em solid grey;
		border-left: 0em solid grey;border-right: 0em solid grey;
		padding: 0.2em 0.4em 0.3em 0.4em;text-align: center;text-decoration: none;border-radius: 0em 0em 0.5em 0.5em;
        display: inline-block;font-size: 90%;font-weight: normal;cursor: pointer;margin: 0.4em 0em 0.4em 0.3em;}

.menuotrasl2{-webkit-transition-duration: 0.4s;transition-duration: 0.4s;white-space: nowrap;
		background-color: #F5F7F7;color: #0684E8;border-top: 0em solid #0684E8;border-bottom: 0.05em solid #0684E8;
		border-left: 0em solid #0684E8;border-right: 0em solid #0684E8;
		padding: 0.2em 0.4em 0.3em 0.4em;text-align: center;text-decoration: none;
        display: inline-block;font-size: 90%;font-weight: normal;margin: 0.4em 0em 0.4em 0.3em;}
.menuotrasl2:hover{white-space: nowrap;
	    background-color: #F5F7F7;color: #413262;border-top: 0em solid grey;border-bottom: 0.05em solid grey;
		border-left: 0em solid grey;border-right: 0em solid grey;
		padding: 0.2em 0.4em 0.3em 0.4em;text-align: center;text-decoration: none;border-radius: 0em 0em 0.5em 0.5em;
        display: inline-block;font-size: 90%;font-weight: normal;cursor: pointer;margin: 0.4em 0em 0.4em 0.3em;}
.knopkam0m1{-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
					border: 0;white-space: nowrap;color: grey;padding: 0.2em 0.7em;text-align: center;text-decoration: none;display: inline-block;
					background-color: #BCCACA;font-weight: bold;overflow: hidden;user-select: none;}
.knopkam0m1:hover{	border: 0;white-space: nowrap;color: #F5F7F7;padding: 0.2em 0.7em;text-align: center;text-decoration: none;display: inline-block;
					background-color: grey;font-weight: bold;overflow: hidden;user-select: none;cursor: pointer;}
.dvfootempty {min-height:4em;width:100%;/*background-color: #E5E7E7;*/}

.dvfoot{min-height:5em;padding: 2em 0em 0em 0em;width:100%;text-align: center;color:#F5F7F7;font-size: 1.5em;font-weight: bold;
	        background-size: cover;background-image: url(https://prott.ru/pictures/yellfoototif.png);}
.dvfooter {/*position: sticky; bottom: 0em;*/font-size:85%;/*margin:auto;*/z-index:2;display:flex;flex-direction:row;justify-content:space-between;
         width:91%;margin:0% 4% 0% 5%;overflow: hidden;padding:0em 0em 0.5em 0em;
	     background-color: #BCCACA;background-origin: border-box; background-clip: content-box, border-box; }
.dvfootcard{font-size:90%;min-height:4em;width:100%;/*background-color: #F5F7F7;*/padding:1em 0em 1em 0em;}		 
.spfoot{padding: 0 0 0 4em;white-space: nowrap;font-size:90%;}

.amain{-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
	         color: #413262;text-decoration: none;}
.amain:hover{color: #0684E8;text-decoration: none;}

.amain2{-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
	          color: #0684E8;text-decoration: none;}
.amain2:hover{color: #AE3835;text-decoration: none;}

.amain3{-webkit-transition-duration: 0.4s;transition-duration: 0.4s;
	          font-weight: normal;color: #0684E8;text-decoration: none;}
.amain3:hover{color: #AE3835;text-decoration: none;}
	
.dvtable							
	{
											
											position: relative;
											cursor: grab; /* Указатель для перетаскивания */
											background-color: #808080;
											color: white;
											/* font-weight: 200; */
											margin:20px 0px;
											/* width: 90%; */
											padding:20px 10px 10px 20px;
											font-size:100%;											
											display:flex;
											flex-direction:row;
											justify-content:flex-start/*space-between*/;
											overflow: hidden;
											box-shadow: 0px 10px 10px -2px #000;
	}
.dvtable__label {
  position: absolute;
  top: 5px;
  left: 10px;
  height: 18px;
  line-height: 18px; /* вертикальное выравнивание текста по центру блока */
  font-size: 14px;   /* подберите по вкусу, чтобы текст поместился в 18px */
  color: white;
  pointer-events: none; /* по желанию — чтобы не мешал кликам/перетаскиванию */
  white-space: nowrap;  /* предотвращает перенос строки */
}
.inlineblockTbl{display:inline-block;text-decoration: none;min-width: 259px;margin-right:20px;}