@charset "utf-8";

BODY {FONT-FAMILY: verdana,arial,helvetica; FONT-SIZE:15px; BACKGROUND-COLOR:#FFFFFF;
scrollbar-3dlight-color: White; scrollbar-arrow-color: #FFFFFF; scrollbar-base-color: White; scrollbar-darkshadow-color: White;
scrollbar-face-color: White; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-track-color: White;}

input, textarea {color:#000000; background-color:#FFFFFF; border-style:solid; border-width:1px; border-color:#000000; font-size:14px; padding:5px 10px; text-decoration:none; cursor:default;}
textarea {width:500px; height:200px; font-weight:bold;}
fieldset {width:80%; color:#000000;}
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:#DDDDDD; TEXT-DECORATION:none}
A:active {COLOR:#EEEEEE; TEXT-DECORATION:none}
A:hover {COLOR:#EEEEEE; TEXT-DECORATION:underline}

/* кнопки списка страниц */
.pgbutt   {font-family: Verdana; font-size:14px; padding:20px 20px; text-decoration: none;}
.pgbutt a {color: black; border: 1px #000000 solid; width:10px; padding:3px 6px; background: #FFFFFF;
           -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
.pgbutt a:hover   {color: black; background: #EEEEEE;}
.pgbutt a:visited {TEXT-DECORATION: none;}

/* кнопки главная, добавить,настройки и т.д. */
.knopka{font-size:16px; margin:4px 2px; color:black; 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:#FFFFFF; color:black; border:2px solid #000000;}
.color:hover {background-color:#DDDDDD; color:black;}
.color:active{transform:translate(1px, 1px);}

/*  основной стиль для сообщений  */
.box1 h2 {margin: 20px;	text-align:center; min-height: 60px;}
.box1 p {margin: 10px; text-align:left;outline: none;}
.box1{width: 60%; min-width: 320px; 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 #000000; background-color:#FFFFFF; transition:box-shadow .25s;padding:20px;margin:0.5rem 0 1rem 0;border-radius:2px;}

/*  Стили кнопок удалить и редактировать */
.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;}

/* стили для БЛОКОВ ОТВЕТОВ ГОСТЬ, МОДЕРАТОР, АДМИНИСТРАТОР*/
.border {list-style: none; padding: 0;}
.border p {padding: 7px 20px; margin-bottom: 10px; border-radius: 5px; border-left: 10px solid #0061CC; 
box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1), -2px -2px 5px 0 rgba(0,0,0,.1), 2px 2px 5px 0 rgba(0,0,0,.1), -2px 2px 5px 0 rgba(0,0,0,.1);
letter-spacing: 0px; transition: 0.3s all linear;}
.border p:nth-child(2){border-color: #0061CC;}
.border p:nth-child(3){border-color: #fcba30;}
.border p:nth-child(4){border-color: #1ccfc9;}
.border p:nth-child(5){border-color: #493224;}
.border p:hover {border-left: 10px solid transparent;}
.border p:nth-child(1):hover {border-right: 10px solid #0061CC;}
.border p:nth-child(2):hover {border-right: 10px solid #8bc63e;}
.border p:nth-child(3):hover {border-right: 10px solid #fcba30;}
.border p:nth-child(4):hover {border-right: 10px solid #1ccfc9;}
.border p:nth-child(5):hover {border-right: 10px solid #493224;}