img { pointer-events: none; }
* {
    margin: 0;
    padding: 0;
}
canvas {
    z-index:1
}
#viewPage{
    background: #f8df9d;
}
body{
    /*font-family: Agu;*/
    font-family: Palatino Linotype, Book Antiqua, Palatino, serif, Tahoma, Geneva, sans-serif;
    color: #494334;
}
a{ 
    text-decoration: none; /* Отменяем подчеркивание у ссылки */
    color: #494334;
} 
textarea {
    
    resize : none;
	outline: none;
	-moz-appearance: none;
	border: 1px solid #999; /* указание этого свойства также удалит обводку в FireFox */
}
textarea::-webkit-scrollbar-button {
    height: 0px;
}
textarea::-webkit-scrollbar-track {
    background-color: #f1cb7a;
    box-shadow: 0px 0px 3px #000 inset;
    border-radius: 10px;
    right: 10px;
}
.menuTopPanel {
    background-image: url(/assets/img/panel/menuTop.png);
    padding: 12px;
    background-size: contain;
}
.backAute{
    background: url(/assets/img/backround/aute.png) no-repeat;
    -moz-background-size: 100%; /* Firefox 3.6+ */
    -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
    -o-background-size: 100%; /* Opera 9.6+ */
    background-size: cover; /* Современные браузеры */
    background-position: center center;
}
textarea::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #624b31;
}

textarea::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:7px;
height:0px
}

textarea::-webkit-scrollbar {
    width: 5px;
}
.filterGray{
    filter: grayscale(100%);
}
.colorRedName{
    color:#f8df9d;
}
.font-size3vw{
    font-size: max(3vw, 30px);
}
.checkbox {
	position: absolute;
	z-index: -1;
	opacity: 0;
	margin: 1px 0 0 0px;
}
.checkbox + label {
	position: relative;
	padding: 0px 0px 0px 60px;
	cursor: pointer;
}
.checkbox + label:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0;
	width: 50px;
	height: 26px;
	border-radius: 13px;
	background: #751f20;
	box-shadow: inset 0 2px 3px rgba(0,0,0,.2);
	transition: .2s;
}
.checkbox + label:after {
	content: '';
	position: absolute;
	top: 3px;
	left: 3px;
	width: 20px;
	height: 20px;
	border-radius: 10px;
	background: #f5f5f5;
	box-shadow: 0 2px 5px rgba(0,0,0,.3);
	transition: .2s;
}
.checkbox:checked + label:before {
	background: #9FD468;
}
.checkbox:checked + label:after {
	left: 26px;
}
.checkbox:focus + label:before {
}
.ml5{
    margin-left:5px;
}
.discount{
    color: #c78e4f;
}
.tdlt{
  text-decoration: line-through;  
}
.goldBottonColor{
    color: #f8df9d;
}
.mapSelect{
    background: #000000d1;
}
.bgPanelMini{
    border-radius: 6px;
    background: #c3a076;
    border-top: solid 1px #86643c;
    border-bottom: solid 1px #fff8e1;
}
.bgPanelMiniConvex{
    border-radius: 6px;
    background: #eab275;
    border-top: solid 1px #fff8e1;
    border-bottom: solid 1px  #86643c;
}
.vs {
    vertical-align: sub;
}
.vm {
    vertical-align: middle
}
.green{
    color: #b4ff00;
}
.topMenuBg {
    background: #e24445;
    border-top: solid 1px #efba6a;
    border-bottom: solid 1px #efba6a;
    box-shadow: 0px 0px 0px 0px rgb(241 130 130), 0px -1px 0px 0px rgb(189 78 79), 0px 1px 0px 0px rgb(189 78 79), inset 0px 20px 20px 0px rgb(255 255 255 / 13%), inset 0px -20px 20px 0px rgb(0 0 0 / 25%);
    margin: 5px 0px;
}

.scale{
    background: #a8d43f;
    border-radius: 3px;
    box-shadow: 0px 0px 0px 0px rgb(241 130 130), 0px -1px 0px 0px rgb(101 94 76), 0px 1px 0px 0px rgb(253 240 200);

}
.scaleRed{
    background: #FF3D43;
    border-radius: 3px 0 0 3px;
    box-shadow: 0px 0px 0px 0px rgb(241 130 130), 0px -1px 0px 0px rgb(101 94 76), 0px 1px 0px 0px rgb(253 240 200);

}
.scaleXp {
    background: #b72e2e;
    border-radius: 3px 0 0 3px;
}
.scaleXpGreen {
    background: #fd4c4d;
    border-radius: 3px;
    border-top: solid 1px #b92d2e;
    border-bottom: solid 1px #ff797a;
}
.mh26{
    min-height: 26px;
}
hr {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 1px;
    border-style: solid;
    border-color: #FFF2C4;
    border-image: none;
    border-width: 0px 0px 1px;
    background-color: #AF986F;
}
.hrTop {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 1px;
    border-style: solid;
    border-color: #865914;
    border-image: none;
    border-width: 0px 0px 1px;
    background-color: #d0a664;
}
.pageBottom {
    position: relative;
    
}
.white {
    color: #ffffff;
}
.fz10{
    font-size: 10px;
}
.fz12{
    font-size: 12px;
}
.fz15{
    font-size: 15px;
}
.fz20{
    font-size: 20px;
}
.fz25{
    font-size: 25px;
}
.fz30{
    font-size: 30px;
}
.displayF{
    display: flex;    
}

.rel {
    position: relative;
}
.auteTopMenu {
    position: absolute;
    bottom: 0px;
}
.right15{
	right: 15px;
}
.right80{
	right: 80px;
}
.top25{
	top:25px;
}
.top85{
	top:85px;
}
.top88{
	top:88px;
}
.top155{
	top:155px;
}
.bottom0{
	bottom: 0;
}
.top0{
	top:0;
}
.topM35{
	bottom: -35px;
}
.topM100{
	bottom: -100px;
}
.bottom103{
	bottom: 103px;
}
.right0 {
    right: 0;
}
.footLeft{
    position: fixed;
    bottom: 5px;
    left: 5px;
}
.footRight{
    position: fixed;
    bottom: 5px;
    right: 5px;
}
.foot{
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%
}
.footNavigator {
    position: absolute;
    bottom: 50px;
    left: 0;
    width: 100%;
    height: 0;
}
.footText{
    height: 43px;
}
.h150px{
    height: 150px;
}
.h26px {
    height: 26px;
}
.h50px{
    height: 50px;
}
.h51px{
    height: 51px;
}
.h52px{
    height: 52px;
}
.h53px {
    height: 53px;
}
.h55px{
    height: 55px;
}
.w50px{
    width: 50px;
}
.h50px{
    height: 50px;
}
.wmax50px{
    max-width: 50px;
}
.hmax50px{
    max-height: 50px;
}
.wmax30px{
    max-width: 30px;
}
.hmax30px{
    max-height: 30px;
}
.p5505{
	padding: 5px 5px 0px 5px;
}
.paddingtb5 {
    padding-top: 5px;
    padding-bottom: 5px;
}
.h100px{
    height: 100px;
}
.h100vh{
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.center {
    text-align: center;
}
.vam{
    vertical-align: middle
}
.right {
    text-align: right;
}
.left {
    text-align: left;
}
.floatLeft{
    float: left;
}
.fixed {
    position: fixed;
}
.inherit {
    position: inherit;
}
.absolute {
    position: absolute;
}
.initial {
    position: initial;
}
.botton0px{
    bottom: 0px;
}
.h0 {
    height: 0;
}
.h37px {
    height: 37px;
}

.h20 {
    height: 20%;
}
.h50 {
    height: 50%;
}
.h55 {
    height: 55%;
}
.h60 {
    height: 60%;
}
.h100 {
    height: 100%;
}
.maxWidth400px{
    max-width: 400px;
}
.w30px{
    width: 30px;
}
.w33{
    width: 33%;
}
.w100 {
    width: 100%;
}
.w95 {
    width: 95%;
}
.w90 {
    width: 90%;
}
.w80 {
    width: 80%;
}
.w70 {
    width: 70%;
}
.w50 {
    width: 50%;
}
.w40 {
    width: 40%;
}
.w30 {
    width: 30%;
}
.w20 {
    width: 20%;
}
.w10 {
    width: 10%;
}
.overAuto{
    overflow: auto;      
}
::-webkit-scrollbar-button {
    height: 0px;
}

::-webkit-scrollbar-track {
    background-color: #290505;
    box-shadow: 0px 0px 3px #000 inset;
}

::-webkit-scrollbar-thumb {
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #51210f;
}

::-webkit-resizer{
background-image:url('');
background-repeat:no-repeat;
width:7px;
height:0px
}

::-webkit-scrollbar {
    width: 5px;
}
.p-5-3{
    padding: 5px 3px;
}
.p-5-10 {
    padding: 5px 10px;
}
.p-5-15 {
    padding: 5px 15px;
}
.p-5-5-0-5 {
    padding: 5px 5px 0px 5px;
}
.p-0-10 {
    padding: 0px 10px;
}
.p-5-0 {
    padding: 5px 0px;
}
.p-0-5 {
    padding: 0px 5px;
}
.p10 {
    padding: 10px;
}
.p10-0 {
    padding: 10px 0;
}
.p0-10 {
    padding: 0px 10px;
}
.p-3-0 {
    padding: 3px 0px;
}
.p-5-0{
    padding: 5px 0;
}
.m1 {
    margin: 1px 0px;
}
.btn {
    display: inline-block;
    min-width: 100px;
    border-radius: 6px;
    margin: 2px 0px 2px 0px;
    background: #6a4433;
    border: 1px solid #42291e;
    font-weight: bold;
    box-shadow: 0px 1px 0px 2px rgba(97,73,54,0.35);
}
.btn-link {
    display: flow-root;
    line-height: 40px;
    color: #ffffff;
    height: 42px;
    text-shadow: 1px 1px 0px #0000009e;
    font-size: 20px;
}
.btn-link2 {
    display: flow-root;
    color: #ffffff;
    /* height: 42px; */
    text-shadow: 1px 1px 0px #0000009e;
    /* font-size: 20px; */
}
.p6 {
    padding: 6px;
}
.fl {
    float: left;
}
.fr {
    float: right;
}
.cTopColor {
    color: #ad5d2b;
    font-weight: bold;
    font-size: 20px;
}
.fBold{
    font-weight: bold;
}
.auteText{
    
}
.loginTop {
    background: #f6b867;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 4px solid #b17a3c;
    border-left: 1px solid #c78e4f;
    border-right: 1px solid #c78e4f;
    border-top: 1px solid #c78e4f;
}
.loginRegNoSelect {
    background: #84482b;
    color: #f8df9d;
    box-shadow: 0px 0px 0px 1px #c88f50, inset 0px 5px 0px 1px #f6b86721;
}
.loginRegSelect {
    background: #f6b867;
    color: #612d04;
    margin: 1px auto 0px;
}
.center50pros{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);    
}

.loginReg {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 1px solid #c78e4f;
    border-left: 1px solid #c78e4f;
    border-right: 1px solid #c78e4f;
    padding: 5px;
    font-size: 20px;
    font-weight: bold;
}
.loginFoot {
    background: #f6b867;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 3px solid #ffd39a;
    border-left: 1px solid #c78e4f;
    border-right: 1px solid #c78e4f;
}
.login{
    background-color: #F6B867;
    padding: 20px 10px;
    border-radius: 10px;
    border-bottom: 4px solid #b17a3c;
    border-left: 1px solid #c78e4f;
    border-right: 1px solid #c78e4f;
    border-top: 1px solid #c78e4f;
}
.mAuto{
    margin: auto;
}

.mAutoM2{
    margin: 0 auto -2px;
}
.form-inputPanelRed {
    background-color: #a68053;
    color: #fefdba;
    font-size: 15px;
    border: 2px solid #f1cb7a;
    box-shadow: inset 0px 2px 0px 0px rgb(0 0 0 / 41%), inset 0px -2px 0px 0px rgb(247 242 232 / 15%), 0px 1px 0px 1px rgb(27 27 27 / 43%);
    border-radius: 10px;
    padding: 10px;
}
.form-inputPanelRed:focus {
  color: #fff;
}
.form-inputPanelRed::placeholder {
    color: #AD5D2B;
}
.form-input {
    display: inline-block;
    padding: 10px 0px 10px 0px;
    background-color: #F4AD5B;
    color: #AD5D2B;
    text-align: center;
    /* border-radius: 0px; */
    font-size: 20px;
    margin-bottom: 10px;
    box-shadow: inset 0px 3px 0px 1px rgb(0 0 0 / 28%), inset 0px -3px 0px 0px rgb(255 207 152);
}
.form-input:focus {
  color: #fff;
}
.form-input::placeholder {
    color: #AD5D2B;
}

input:active, input:hover, input:focus {
    outline: 0;
    outline-offset: 0;
}
input {
    background: transparent none repeat scroll 0% 0%; 
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    background-clip: border-box;
    background-origin: padding-box;
    background-size: auto auto;
    border: medium none;
}
.bottonMiniBlue {
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    background-color: #28a0a0;
    border-radius: 10px;
    padding: 10px 0;
    box-shadow: inset 0px -5px 0px 1px #206d6d, inset 0px 5px 0px 1px #2bcece;
}
.bottonMini{
    color: #f8df9d;
    font-size: 20px;
    font-weight: bold;
    background-color: #84482b;
    border-radius: 10px;
    padding: 10px 0;
    box-shadow: inset 0px -5px 0px 1px #522a16, inset 0px 5px 0px 1px #ffffff0f;
}
.bottonMini7p{
    color: #f8df9d;
    font-size: 20px;
    font-weight: bold;
    background-color: #84482b;
    border-radius: 10px;
    padding: 7px 0;
    box-shadow: inset 0px -5px 0px 1px #522a16, inset 0px 5px 0px 1px #ffffff0f;
}
.bottonMini0p {
    color: #f8df9d;
    font-weight: bold;
    background-color: #84482b;
    border-radius: 10px;
    padding: 0px 0px;
    box-shadow: inset 0px -5px 0px 1px #522a16, inset 0px 5px 0px 1px #ffffff0f;
}
.p1-6 {
    padding: 1px 6px;
}
.buttonError {
    color: #f8df9d;
    font-size: 20px;
    font-weight: bold;
    background-color: #DF2D2D;
    border-radius: 10px;
    padding: 10px 0;
    box-shadow: inset 0px -5px 0px 1px #8c1313, inset 0px 5px 0px 1px #ff909073;
}
#error{
    background-color: #000000f5;
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
}
.errorRed{
    background-color: #EF4C2D;
}
.red{
    color:#d62e2d;
}
.errorYellow{
    background-color: #FFE576;
    
}
.errorText{
    color: #73510A;
}
.boderRBottom5px{
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.goodMess{
    background-color: #28a0a0;
    color: #ffffff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #081b19;
}
.errorName{
    background-color: #A22A2B;
    color: #F8BFB6;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #750f10;
}
.radius5{
    border-radius: 5px;
}
.table {
    display: table;
}
.tborder10-5{
    border-collapse: separate;
    border-spacing: 10px 5px;
}
.tborder10-0{
    border-collapse: separate;
    border-spacing: 10px 0px;
}
.tborder3-0 {
    border-collapse: separate;
    border-spacing: 3px 0px;
}
.tborder5-0 {
    border-collapse: separate;
    border-spacing: 3px 0px;
}
.row {
    display: table-row;
}
.cell {
    display: table-cell;
}
.h60{
    height: 60px;
}
.maxH40{
    max-height: 40px;
}
.worldInfo {
    background: #100704c2;
}
.textUnder{
	text-decoration: underline;
}
.iconsFrame{
    background: #100704c2;
}
#frame{
    
}
.userSelect{
    user-select: none;
}
.msg {
    background: #B46B42;
    margin: 5px 0px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #e3ba6d;
}
.navBlock{
    background: #c76d3a;
    padding: 5px;
    margin: 5px;
    border-radius: 5px;
    border: 1px solid #e29374;
}
.blueNav {
    background-color: #e24445;
}
.nav {
    margin: 2px;
    padding: 8px;
    border: .1em solid;
    font-size: 20px;
    border-radius: 10px;
    color: #fef6d8;
}
.blue_button {
    background-color: #e24445;
    border-color: #ffffff;
    box-shadow: 0 8px 0 -2px rgb(0 0 0 / 12%), inset 0 2px 0 #ff6d6e, inset 0 -4px 0 #ad2e2f;
}
.smile{
    background-color: rgba(16, 7, 4, 0.93);
    border-radius: 3px;
    border: 1px solid rgb(0, 0, 0);
}
.posInh {
    position: inherit;
}
.textWrapping{
    word-break: break-word;
}
.hp{
    height: 5px;
    background-color: #fa8c2a;
}
.hpBack{
    background-color: #53eb08c2;
    height: 43px;
    border-radius: 5px;
}
.h43px {
    height: 43px;
}
.duel{
    width: 32%;
    max-width: 80px;
}
.legion{
    display: block;
    width: 60px;
    margin: 0 auto;
    border-top: 1px solid #955003;
    border-bottom: 1px solid #623411;
    border-left: 1px solid #793a02;
    border-right: 1px solid #793a02;
    box-shadow: inset 0px 1px 0px 0px #ffffff6b, inset 0px -1px 0px 1px #793a02;
    border-radius: 10px;
    background-color: #84482b;
    padding: 10px 0;
}
.legion-top{
    padding: 3px;
}
.inline-block {
    display: inline-block;
}
.enemyPanel{
    background-color: #fd3839;
}
.myPanel{
    background-color: #07d0e9;
}
.reflection{
    transform: scale(-1, 1);
}
.alternation{
    background-color: #eab275;
}
.alternationNotEven{
    background-color: #f0c495;
    box-shadow: inset 0px 0px 5px 2px #d6ca73b8, 0px 0px 1px 1px #00000033;
}
.alternationNotEvenRed {
    background-color: #ff8e8e;
    box-shadow: inset 0px 0px 5px 2px #d6ca73b8, 0px 0px 1px 1px #00000033;
}
.colorGreenPanel{
    color:#3fa02e;
}
.alternationNotEvenGreen {
    background-color: #ceff8e;
    box-shadow: inset 0px 0px 5px 2px #d6ca73b8, 0px 0px 1px 1px #00000033;
}
.selectPanelList{
    background-color: #f0c495;
}
.borderRadius5px{
    border-radius: 5px;
}
.borderRadius10px{
    border-radius: 10px;
}
.borderRadius40px {
    border-radius: 40px;
}
.buttonPanelList{
    background-color: #84482b;
    border-radius: 10px;
    box-shadow: inset 0px -5px 0px 1px #522a16, inset 0px 5px 0px 1px #ffffff0f;
}
.buttonPanelListOff{
    background-color: #b3633d;
    border-radius: 10px;
    box-shadow: 0px 1px 0px 1px #ffe0d0, inset 0px 2px 0px 1px #522a16;
}
.redPanelBack{
    background: #e24445;
}
.offPanelBack {
    background: #bfa685;
}
.redPanel{
    border-top: 1px solid #EFBA6A;
    border-left: 1px solid #EFBA6A;
    border-right: 1px solid #EFBA6A;
    border-bottom: 1px solid #EFBA6A;
    box-shadow: inset 0px 5px 20px 5px #ae3435, inset 0px 0px 6px 2px #0000002e, 0px 0px 0px 1px #bb1b1b, inset 0px 0px 0px 1px #ffffff70;
    border-radius: 5px;
}
.redPanelSelectOff{
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    /* border: 1px solid #EFBA6A; */
    border-left: 1px solid #EFBA6A;
    border-right: 1px solid #EFBA6A;
    border-top: 1px solid #EFBA6A;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: inset 0px 5px 20px 5px #00000059, inset 0px -20px 20px 5px #00000030;
}
.redPanelSelect{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-top: 1px solid #EFBA6A;
    border-left: 1px solid #EFBA6A;
    border-right: 1px solid #EFBA6A;
    box-shadow: 0px -1px 0px 0px #000000a3, 0px 2px 0px 0px #af3535, inset 0px -20px 20px 5px #0000003d;
}
.redPanelTop {
    position: absolute;
    bottom: 0px;
}
.redPanelButton{
    background: #f0c495;
    border: 1px solid #E5BB6F;
    box-shadow: inset 0px 0px 1px 1px #00000052, inset 0px 5px 2px 0px #fffdf64a, inset 0px -2px 3px 1px #985f1f80, 0px 1px 1px 0px #615947, 0px -1px 1px 0px #fffffff2, 0px 0px 1px 1px #352f2ff2;
}
.redPanelObj {
    background: #eab275;
    border: 2px solid #eeb55b;
    box-shadow: 0px -1px 0px 1px #ffdba3, 0px 1px 0px 1px #865913, inset 0px 1px 0px 1px #865913, inset 0px -1px 0px 0px #ffdba3;
}
.redPanelObjDop{
    background: #00000060;
    bottom: 5px;
}
.topPanelicon {
    background: #0000006b;
    border: 2px solid #eeb55b;
    box-shadow: 0px -1px 0px 1px #ffdba3, 0px 1px 0px 1px #865913, inset 0px 1px 0px 1px #865913, inset 0px -1px 0px 0px #ffdba3;
}
.redButton{
   background: #c23f40;
    /* min-width: 70px; */
    /* max-width: 70px; */
    border: 1px solid #813528;
    box-shadow: inset 0px -1px 1px 1px #731c19, inset 0px 1px 0px 1px #ffa4a1, inset 0px -20px 10px 1px #731c1970, inset 0px 20px 10px 1px #ffa4a117, 0px -1px 0px 1px #feebc0, 0px 1px 0px 1px #614c14;
}
.wMinMax70{
    min-width: 70px;
    max-width: 70px;
}
.wMin70{
    min-width: 70px;
}
.blacPanelRedButton{
    background: #00000025;
}
.filter60pr{
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
}
.buttonMessagePanel{
    background: #c23f40;
    border: 1px solid #813528;
    padding: 3px;
    border-radius: 5px;
    box-shadow: inset 0px -1px 1px 1px #731c19, inset 0px 1px 0px 1px #ffa4a1, inset 0px -20px 10px 1px #731c1970, inset 0px 20px 10px 1px #ffa4a117, 0px -1px 0px 1px #feebc0;
}
.borderRadius5{
    border-radius: 5px;
}
.discountPanelIndicator {
    background: #ff3d43;
    bottom: -15px;
    right: -15px;
    padding: 5px;
    border-radius: 15px;
    min-width: 20px;
    box-shadow: 0px 1px 0px 0px #000000a3, 0px -1px 0px 0px #ffffff9e, inset 0px 1px 0px 0px #ffffffa3, inset 0px -1px 0px 0px #000000e6, inset 0px -9px 4px 0px #00000033;
}
.questPanelIndicator {
    background: #ff3d43;
    bottom: -15px;
    left: -15px;
    padding: 5px;
    border-radius: 15px;
    min-width: 20px;
    box-shadow: 0px 1px 0px 0px #000000a3, 0px -1px 0px 0px #ffffff9e, inset 0px 1px 0px 0px #ffffffa3, inset 0px -1px 0px 0px #000000e6, inset 0px -9px 4px 0px #00000033;
}
.leftimg {
    float:left; /* Выравнивание по левому краю */
    margin: 0px 5px 0px 0px; /* Отступы вокруг картинки */
}
.zindex9999{
    z-index: 9999;
}
.questRed {
    background: #ff00006e;
}
.questGreen {
    background: #41b945a6;
}
.borderLine1px{
    border-top: 1px solid #ff8a8a;
    border-bottom: 1px solid #7d2525;
}
.leftImgQuest {
    float: left;
    margin: 5px 5px 0px 5px;
}
.iconButtonCenter {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}
.hrRed {
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 1px;
    border-style: solid;
    border-color: #d44445;
    border-image: none;
    border-width: 0px 0px 1px;
    background-color: #a22728;
}