@charset "utf-8";

BODY {FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE:15px; BACKGROUND-COLOR:#99ccff;}

input, textarea {color:#000099; background-color:#FFFFFF; border-style:solid; border-width:1px; border-color:#38708D; font-size:14px; padding:5px 10px; text-decoration:none; cursor:default;}
textarea {width:500px; height:200px; font-weight:bold;}
fieldset {width:80%; color:#0080C0;}
h1 {text-align:center; font-size:18px;}
h2 {text-align:center; font-size:16px;}
H3 {text-align:center; font-size:14px;}

A:link, A:visited {COLOR:#0061CC; TEXT-DECORATION:none}
A:active {COLOR:#38708D; TEXT-DECORATION:none}
A:hover {COLOR:#38708D; TEXT-DECORATION:underline}

/* кнопки списка страниц */
.pgbutt   {font-size:14px; padding:20px 20px; text-decoration: none; line-height: 2.2;}
.pgbutt a {color: white; border: 1px #000099 solid; width:10px; padding:3px 6px; background: #0061CC;
           -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.pgbutt a:hover   {color: black; background: #99ccff;}
.pgbutt a:visited {TEXT-DECORATION: none;}

/* кнопки главная, добавить,настройки и т.д. */
.knopka{font-size:16px; margin:4px 2px; color:white; padding:5px 32px; border:none; text-align:center; text-decoration:none;
border-radius:5px; display:inline-block; -webkit-transition-duration:0.4s; transition-duration:0.4s; cursor:pointer;}
.color {background-color:#0061CC; color:white; border:2px solid #000099;}
.color:hover {background-color:#99ccff; color:black;}
.color:active{transform:translate(1px, 1px);}

/*  основной стиль для сообщений  */
.box1 h2 {margin: 20px;	text-align:center; min-height: 30px;}
.box1 p {margin: 10px; text-align:left;outline: none;}
.box1{width: 55%; min-width: 300px; min-height: 100px; box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
border: 1px solid #000099; background-color:#99ccff; transition:box-shadow .25s;padding:20px;margin:0.5rem 0 1rem 0;border-radius:10px;}

/*  Стили кнопок удалить и редактировать */
.del {border:#f00 solid 3px;} .edit {border:#0F0 solid 3px;}

.div-left  {float:left;}
.div-right {float:right;}
.clear{clear:both;}

/* БЛОК ЗАГРУЗКИ: ДАЛЬШЕ >>> ✔ ✖ 5f5f5f изм.2023 */
#dalee-main {border: 2px solid #0061CC; border-radius:10px; width:80%; text-align:center; position:absolute; top:20%; left:10%; padding:10px; line-height:2em;}
#dalee-ramka {border:2px solid #1e90ff; border-radius:5px; height:100%; width:100%; position:relative; left:-50%; top:-50%; padding:4px 3px;}
#dalee-line {background-color: #1e90ff; position:absolute; height:100%; width:100%; animation:dalee-slide 4s steps(40) infinite;
 -o-animation:dalee-slide 4s steps(40) infinite; -ms-animation:dalee-slide 4s steps(40) infinite;
 -webkit-animation:dalee-slide 4s steps(40) infinite; -moz-animation:dalee-slide 4s steps(40) infinite;}
#dalee-start {width:300px; height:19px; position:absolute; left:50%;}
#dalee-zalivka {overflow:hidden; height:100%; width:100%; margin:0 auto; overflow:hidden; position:relative;} 
@-moz-keyframes dalee-slide {0% {left:-100%;} 100% {left:100%;}}
@keyframes dalee-slide {0% {left:-100%;} 100% {left:100%;}} @-o-keyframes dalee-slide {0% {left:-100%;} 100% {left:100%;}}
@-ms-keyframes dalee-slide {0% {left:-100%;} 100% {left:100%;}} @-webkit-keyframes dalee-slide {0% {left:-100%;} 100% {left:100%;}}
#dalee-galka {position:absolute; top:30%; left:15%;font-size: 90px; color:#1e90ff;}

/* КНОПКИ ПОДЕЛИТЬСЯ В СОЦСЕТЯХ: ВК, ОК, whatsapp, viber с 2023*/
.social{display:inline-block}.social a{display:block;width:32px;height:32px;margin:0 10px 10px 0;text-align:center;color:#fff;border:1px solid #ccc;border-radius:24px;box-shadow:0 2px 4px rgba(0,0,0,0.15)}.social a:hover{border-color:#888;opacity:.8}.social svg{margin-top:5px;width:22px;height:22px}.odnoklassniki a{background:#f93}.vk a{background:#4a76a8}.whatsapp a{background:#50b154}.viber a{background:#7b519d}

/* выравнивание div блоков внктри слева и справа*/
.levopravo {width: 100%; display: flex; flex-direction: row; justify-content: space-between;}