.hyst_alertmsg {
display: block;
transition: all 0.5s;
}

.hyst_alertbox {
width: 100%;
box-sizing: border-box;
padding: 5px;
color: white;
text-align: center;
}

.hyst_alertboxr {
background-color: #f54263;
}

.hyst_alertboxg {
background-color: #4ed481;
}

.hyst_alertboxo {
background-color: #ffcd42;
}

.hyst_adm_container {
width: 100%;
display: block;
text-align: left;
}

.hyst_adm_form i {
display: inline-block;
position: relative;
}

.hyst_adm_form input[type="text"],
.hyst_adm_form input[type="password"] {
padding: 5px 30px 5px 5px;
width: 235px;
margin: 40px 0px 5px 0px;
}

.hyst_adm_form textarea {
padding: 5px 30px 5px 5px;
width: 235px;
height: 80px;
margin: 40px 0px 5px 0px;
font-family: inherit;
}

.hyst_adm_form select {
padding: 5px 5px 5px 5px;
width: 270px;
margin: 40px 0px 5px 0px;
}

.hyst_adm_form b {
display: inline-block;
position: relative;
width: 270px;
margin: 10px 0px;
}

.hyst_adm_form b input[type="file"] {
position: absolute;
left: -1000px;
top: 0px;
}

.hyst_adm_form b label {
width: 100%;
height: 100%;
display: block;
border: solid 1px #47176e;
color: white;
background-color: #47176e;
cursor: pointer;
transition: all 0.5s;
text-transform: uppercase;
text-align: center;
box-sizing: border-box;
padding: 5px 35px 0px 5px;
}

.hyst_adm_form b label:hover {
color: #47176e;
background-color: white;
}


.hyst_adm_form b > div {
position: absolute;
right: 0px;
top: 0px;
width: 30px;
height: 30px;
background-size: cover;
}

.hyst_adm_form b > div s {
width: 150px;
height: 150px;
background-size: cover;
position: absolute;
right: 30px;
bottom: 0px;
display: none;
}

.hyst_adm_form b > div:hover s {
display: block;
}

.hyst_adm_form  input[type="submit"],.hyst_adm_form  input[type="button"] {
border: solid 1px #47176e;
color: #47176e;
background-color: white;
padding: 5px;
width: 272px;
cursor: pointer;
transition: all 0.5s;
margin: 20px 0px 5px 0px;
text-transform: uppercase;
}

.hyst_adm_form  input[type="submit"]:hover,.hyst_adm_form  input[type="button"]:hover {
color: white;
background-color: #47176e;
}

.hyst_adm_form  input[type="submit"]:disabled {
background-color: #e3e3e3;
color: #b0b0b0;
border: solid 1px #b0b0b0;
cursor: default;
}

.hyst_adm_form .hyst_v_cross {
position: absolute;
bottom: 7px;
right: 2px;
width: 22px;
height: 22px;
border-radius: 15px;
border: solid 1px #f54263;
}

.hyst_adm_form .hyst_v_cross:before {
position: absolute;
top: 2px;
right: 47%;
content: '';
width: 2px;
height: 18px;
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg) ;
transform: rotate(45deg);
background-color: #f54263;
}

.hyst_adm_form .hyst_v_cross:after {
position: absolute;
top: 2px;
left: 47%;
content: '';
width: 2px;
height: 18px;
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
background-color: #f54263;
}

.hyst_adm_form .hyst_v_check {
position: absolute;
bottom: 7px;
right: 2px;
width: 22px;
height: 22px;
border-radius: 15px;
border: solid 1px #4ed481;
}

.hyst_adm_form .hyst_v_check:before {
position: absolute;
top: 5px;
right: 38%;
content: '';
width: 2px;
height: 14px;
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg) ;
transform: rotate(45deg);
background-color: #4ed481;
}

.hyst_adm_form .hyst_v_check:after {
position: absolute;
top: 8px;
left: 24%;
content: '';
width: 2px;
height: 10px;
-o-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
background-color: #4ed481;
}

.hyst_v_mess {
position: absolute;
box-sizing: border-box;
padding: 5px 5px;
width: 100%;
bottom: 34px;
right: 0px;
background-color: white;
border: solid 2px #f54263;
color: #f54263;
}

.hyst_v_mess:before {
content: '';
background-color: white;
border-right: solid 2px  #f54263;
border-bottom: solid 2px  #f54263;
width: 5px;
height: 5px;
position: absolute;
bottom: -5px;
right: 10px;
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.hyst_adm_menu {
margin: 0px 0px 10px 0px;
padding: 0px;
}


.hyst_adm_menu li {
text-decoration: none;
display: inline-block;
padding: 2px 5px;
text-transform: uppercase;
border: solid 1px #47176e;
color: #47176e;
background-color: white;
transition: all 0.5s;
}

.hyst_adm_menu li:hover {
color: white;
background-color: #47176e;
}

.hyst_admin_fixed_navigation {
position: fixed;
top: 0px;
right: 0px;
margin: 0px;
padding: 0px;
z-index: 900;
}

.hyst_admin_fixed_navigation a {
text-decoration: none;
}

.hyst_admin_fixed_navigation li {
text-decoration: none;
display: block;
padding: 2px 5px;
text-transform: uppercase;
border: solid 1px #47176e;
color: #47176e;
background-color: white;
transition: all 0.5s;
}

.hyst_admin_fixed_navigation li:hover {
color: white;
background-color: #47176e;
}

.hyst_adm_menu li.active {
color: white;
background-color: #47176e;
}

.hyst_adm_redactcon {
display: block;
}

.hyst_adm_chlabel {
display: block;
cursor: pointer;
position: relative;
font-size: 18px;
font-weight: bold;
padding: 5px 5px 5px 40px;
border: solid 1px lightgray;
}

.hyst_adm_redactcon_nodd {
display: block;
cursor: pointer;
position: relative;
font-size: 18px;
font-weight: bold;
padding: 5px 5px 5px 40px;
border: solid 1px lightgray;
}

.hyst_adm_redactcon_no {
display: block;
cursor: pointer;
position: relative;
font-size: 16px;
padding: 5px 5px 5px 40px;
border: solid 1px lightgray;
}

.hyst_adm_redactcon_nodd table { 
border-collapse:collapse;
}


.hyst_adm_redactcon_nodd a {
color: #111;
}

.hyst_adm_redactcon_nodd:before {
content: '';
width: 16px;
height: 16px;
position: absolute;
top: 6px;
left: 5px;
border-left: solid 3px lightgray;
border-bottom: solid 3px lightgray;
-moz-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
transition: all 0.5s;
}

.hyst_adm_form_delet input[type="submit"] {
border: solid 1px #47176e;
color: #47176e;
background-color: white;
padding: 5px;
display: block;
cursor: pointer;
transition: all 0.5s;
margin: 20px 0px 5px 0px;
text-transform: uppercase;
}

.hyst_adm_form_delet input[type="submit"]:hover {
color: white;
background-color: #47176e;
}

.hyst_adm_form h1,.hyst_adm_form h2,.hyst_adm_form h3 {
display: block;
z-index: inherit;
text-align: inherit;
}

.hyst_adm_chlabel:before {
content: '';
width: 16px;
height: 16px;
position: absolute;
top: 0px;
left: 10px;
border-left: solid 3px lightgray;
border-bottom: solid 3px lightgray;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
transition: all 0.5s;
}

.hyst_twolvlddown {
padding: 0px 0px 0px 50px;
}

.hyst_adm_cbxlblse,.hyst_adm_cbxlblse_dd {
display: none;
}

.hyst_adm_todowncontainer {
overflow: hidden;
max-height: 0px;
transition: all 0.5s;
border: solid 1px lightgray;
padding: 0px 5px;
}

.hyst_adm_todowncontainer hr {
color: lightgray;
}

.hyst_adm_cbxlblse:checked ~ .hyst_adm_todowncontainer {
max-height: 12000px;
padding: 5px 5px;
}

.hyst_adm_cbxlblse:checked ~ label:before {
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
top: 10px;
}

.hyst_adm_cbxlblse_dd:checked ~ .hyst_adm_todowncontainer {
max-height: 12000px;
padding: 5px 5px;
}

.hyst_adm_cbxlblse_dd:checked ~ label:before {
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
top: 10px;
}


.hyst_hr {
border-top: solid 1px #222;
margin: 40px 0px 5px 0px;
}

.hyst_paginate {
list-style: none;text-align: left;margin: 10px 0px;padding: 0px;
}

.hyst_paginate li {
margin: 1px; background-color: white; color: #262728; border: solid 1px #262728; display: inline-block; padding: 5px;
}

.hyst_paginate li.active {
margin: 1px; background-color: #262728; color: white; border: solid 1px #262728; display: inline-block; padding: 5px;
}

.hyst_generalimages_control_button0 {
    text-decoration: none;
    display: inline-block;
    padding: 2px 5px;
    text-transform: uppercase;
    border: dashed 1px #47176e;
    color: #47176e;
    background-color: white;
    transition: all 0.5s;
cursor: pointer;
}

.hyst_generalimages_control_button0:hover {
color: white;
    background-color: #47176e;
}

.hyst_modal_generatorcontainer {
/*display: none;*/
}

.hyst_generalimages_fixedbg {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 10px 50px 10px 10px;
position: fixed;
top: 0px;
left: 0px;
background-color: white;
z-index: 901;
}

.hyst_generalimages_fixedbg > .hyst_crossmodal {
position: fixed;
top: 0px;
right: 5px;
width: 40px;
height: 100%;
display: block;
cursor: pointer;
}

.hyst_generalimages_fixedbg > .hyst_crossmodal:before {
content: '';
display: block;
width: 4px;
height: 40px;
position: absolute;
top: 80px;
right: 50%;
margin: 0px -2px 0px 0px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color: #47176e;
}

.hyst_generalimages_fixedbg > .hyst_crossmodal:after {
content: '';
display: block;
width: 4px;
height: 40px;
position: absolute;
top: 80px;
right: 50%;
margin: 0px -2px 0px 0px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: #47176e;
}

.hyst_imgtitleupl {
display: inline-block;
text-transform: uppercase;
font-size: 18px;
margin: 10px 0px;
vertical-align: top;
position: relative;
}

.hyst_generalimagessmfileinp {
display: inline-block;
margin: 5px 10px;
width: 50px;
height: 30px;
position: relative;
vertical-align: top;
}

.hyst_generalimagessmfileinp input[type="file"] {
position: absolute;
top: -300px;
left: 0px;
}

.hyst_generalimagessmfileinp label {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #47176e;
cursor: pointer;
}

.hyst_generalimagessmfileinp label:before {
content: '';
height: 20px;
width: 4px;
position: absolute;
left: 50%;
top: 5px;
margin-left: -2px;
background-color: white;
}

.hyst_generalimagessmfileinp label:after {
content: '';
height: 4px;
width: 20px;
position: absolute;
left: 15px;
top: 50%;
margin-top: -2px;
background-color: white;
}

.hyst_blockbutonuplimagegeneral {
display: inline-block;
position: relative;
vertical-align: top;
}

.hyst_butonblickanimbg {
background-color: #47176e;
width: 272px;
height: 30px;
position: absolute;
top:5px;
left: 0px;
}

.hyst_butonblickanimbg:before {
width: 20px;
height: 20px;
border-top: solid 1px white;
border-right: solid 1px white;
content: '';
position: absolute;
top: 5px;
left: 50%;
margin-left: -10px;
border-radius: 15px;
animation: 1s linear 0s normal none infinite running rot;
  -webkit-animation: 1s linear 0s normal none infinite running rot;
}

@keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes rot {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.hyst_generalimagessmfilewhips {
vertical-align: top;
display: inline-block;
margin: 0px 0px 0px 0px;
padding: 5px 10px 0px 0px;
position: relative;
}

.hyst_generalimagessmfilewhips > input[type="text"] {
margin: 0px 0px 0px 0px;
width: 36px;
padding: 5px;
}

.hyst_generalimagessmfilewhips > .wid {
background-color: #47176e;
width: 20px;
height: 1px;
position: absolute;
left: 15px;
top: 0px;
}

.hyst_generalimagessmfilewhips > .wid:before {
width: 4px;
height: 4px;
content: '';
border-left: solid 1px #47176e;
border-bottom: solid 1px #47176e;
position: absolute;
left: 0px;
top: -2px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.hyst_generalimagessmfilewhips > .wid:after {
width: 4px;
height: 4px;
content: '';
border-top: solid 1px #47176e;
border-right: solid 1px #47176e;
position: absolute;
right: 0px;
top: -2px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}

.hyst_generalimagessmfileheips {
vertical-align: top;
display: inline-block;
margin: 0px 0px 0px 5px;
padding: 5px 10px 0px 10px;
position: relative;
}

.hyst_generalimagessmfileheips > input[type="text"] {
margin: 0px 0px 0px 0px;
width: 36px;
padding: 5px;
}

.hyst_generalimagessmfileheips > .hei {
background-color: #47176e;
width: 1px;
height: 20px;
position: absolute;
left: 0px;
top: 10px;
}

.hyst_generalimagessmfileheips > .hei:before {
width: 4px;
height: 4px;
content: '';
border-right: solid 1px #47176e;
border-top: solid 1px #47176e;
position: absolute;
left: -2px;
top: 0px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.hyst_generalimagessmfileheips > .hei:after {
width: 4px;
height: 4px;
content: '';
border-left: solid 1px #47176e;
border-bottom: solid 1px #47176e;
position: absolute;
left: -2px;
bottom: 0px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.hyst_aallgeneraimagesflow {
width: 100%;
height: 80%;
overflow-y: auto;
box-sizing: border-box;
padding: 10px;
border: solid 1px lightgray;
}

.hyst_generalimages_oneimagec {
width: 180px;
height: 120px;
margin: 10px;
display: inline-block;
background-size: cover;
background-position: center center;
position: relative;
}

.hyst_generalimgupladeero {
padding: 5px;
color: white;
text-align: center;
display: inline-block;
background-color: #f54263;
position: absolute;
top: 30px;
left: 0px;
}

.hyst_generalimages_oneimagec:hover .hyst_generimagdelet {
display: block;
}

.hyst_generalimages_oneimagec .hyst_generimagdelet {
width: 30px;
height: 30px;
position: absolute;
top: 0px;
right: 0px;
background-color: #47176e;
border-radius: 0px 0px 0px 10px;
cursor: pointer;
display: none;
}

.hyst_generalimages_oneimagec .hyst_generimagdelet:before {
content: '';
display: block;
width: 1px;
height: 20px;
position: absolute;
top: 5px;
right: 50%;
margin: 0px -2px 0px 0px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color: white;
}


.hyst_generalimages_oneimagec .hyst_generimagdelet:after {
content: '';
display: block;
width: 1px;
height: 20px;
position: absolute;
top: 5px;
right: 50%;
margin: 0px -2px 0px 0px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: white;
}

.hyst_twodown_control_buttons {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.hyst_twodown_control_buttons li {
    text-decoration: none;
    display: inline-block;
    padding: 2px 5px;
    text-transform: uppercase;
    border: dashed 1px #47176e;
    color: #47176e;
    background-color: white;
    transition: all 0.5s;
cursor: pointer;
}

.hyst_twodown_control_buttons li:hover,.hyst_twodown_control_buttons li.active {
color: white;
    background-color: #47176e;
}

.hyst_singlecneckboxs {
width: 272px;
height: 30px;
display: block;
border: solid 1px #47176e;
color: white;
background-color: #47176e;
cursor: pointer;
transition: all 0.5s;
text-transform: uppercase;
text-align: center;
box-sizing: border-box;
padding: 5px 5px 5px 5px;
text-align: left;
cursor: pointer;
}

.hyst_singlecneckboxs input[type="checkbox"],.hyst_singlecneckboxs input[type="radio"] {
float: right;
cursor: pointer;
}

.hyst_dopolnitelniycontainrforma {
border: solid 1px lightgray;
margin: 5px 0px 0px 15px;
padding: 5px;
}

.hyst_singlecolor {
width: 272px;
height: 30px;
display: inline-block;
border: solid 1px #47176e;
color: white;
background-color: #47176e;
cursor: pointer;
transition: all 0.5s;
text-transform: uppercase;
text-align: center;
box-sizing: border-box;
padding: 5px 5px 5px 5px;
text-align: left;
cursor: pointer;
}

.hyst_singlecolor input[type="color"] {
float: right;
cursor: pointer;
}

.hyst_singleimageselectlbl {
width: 272px;
height: 30px;
display: inline-block;
border: solid 1px #47176e;
color: white;
background-color: #47176e;
cursor: pointer;
transition: all 0.5s;
text-transform: uppercase;
text-align: center;
box-sizing: border-box;
padding: 5px 5px 5px 5px;
text-align: left;
cursor: pointer;
position: relative;
}

.hyst_singleimageselectlbl div {
position: absolute;
top: 0px;
right: 0px;
width: 30px;
height: 30px;
background-position: center center;
background-size: cover;
}

.hyst_singleimageselectlbl div > i {
position: absolute;
bottom: 30px;
right: 0px;
width: 150px;
height: 150px;
background-size: cover;
background-position: center center;
display: none;
}

.hyst_singleimageselectlbl div:hover > i {
display: block;
}

.hyst_deletesingleimgcros b {
position: absolute;
right: 30px;
top: 0px;
height: 30px;
width: 30px;
cursor: pointer;
display: block;
margin: 0px;
}

.hyst_deletesingleimgcros b:before {
content: '';
display: block;
width: 1px;
height: 20px;
position: absolute;
top: 4px;
right: 50%;
margin: 0px -2px 0px 0px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color: white;
}

.hyst_deletesingleimgcros b:after {
content: '';
display: block;
width: 1px;
height: 20px;
position: absolute;
top: 4px;
right: 50%;
margin: 0px -2px 0px 0px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: white;
}

.hyst_deletesingleimgcros {
position: relative;
display: inline-block;
}

.hyst_borderreddelittem {
display: block;
border: solid 1px #47176e;
padding: 5px;
margin: 5px 0px;
}

.hyst_imgcolordelselector {
display: inline-block;
vertical-align: top;
width: 30px;
height: 30px;
margin: 20px 0px 0px 0px;
}

.hyst_imgimagedelselector {
display: inline-block;
vertical-align: top;
width: 30px;
height: 30px;
margin: 20px 0px 0px 0px;
background-position: center center;
background-size: cover;
position: relative;
}

.hyst_imgimagedelselector i {
position: absolute;
bottom: 30px;
right: 0px;
width: 150px;
height: 150px;
background-size: cover;
background-position: center center;
display: none;
}

.hyst_imgimagedelselector:hover > i {
display: block;
}

.hyst_inlinecheckboxes {
height: 30px;
display: block;
border: solid 1px #47176e;
color: white;
background-color: #47176e;
cursor: pointer;
transition: all 0.5s;
text-transform: uppercase;
text-align: center;
box-sizing: border-box;
padding: 5px 5px 5px 5px;
text-align: left;
cursor: pointer;
}

.hyst_inlinecategoriseintovradm {
margin: 0px 1px;
display: inline-block;
border: solid 1px #47176e;
vertical-align: top;
}

.hyst_inlinecheckboxes.margright {
margin: 1px 0px 1px 20px;
}

.hyst_tover_images_block {
display: block;
margin: 10px 0px;
}

.hyst_tovar_allimages_container {
padding: 5px;
display: block;
}

.hyst_manyimageselectlbl {
width: 272px;
height: 30px;
display: inline-block;
border: solid 1px #47176e;
color: white;
background-color: #47176e;
cursor: pointer;
transition: all 0.5s;
text-transform: uppercase;
text-align: center;
box-sizing: border-box;
padding: 5px 5px 5px 5px;
text-align: left;
cursor: pointer;
position: relative;
}


.hyst_proseccblackckanimbg {
width: 150px;
width: 150px;
display: inline-block;
margin: 50px;
position: relative;
}

.hyst_proseccblackckanimbg:before {
width: 150px;
height: 150px;
border-top: solid 1px #111;
border-right: solid 1px #111;
content: '';
position: absolute;
top: 5px;
left: 50%;
margin-left: -75px;
border-radius: 100px;
animation: 1s linear 0s normal none infinite running rot;
  -webkit-animation: 1s linear 0s normal none infinite running rot;
}


.hyst_tovarmultimagdelet {
width: 30px;
height: 30px;
position: absolute;
top: 0px;
right: 0px;
background-color: #47176e;
border-radius: 0px 0px 0px 10px;
cursor: pointer;
}

.hyst_tovarmultimagdelet:before {
content: '';
display: block;
width: 1px;
height: 20px;
position: absolute;
top: 5px;
right: 50%;
margin: 0px -2px 0px 0px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
background-color: white;
}


.hyst_tovarmultimagdelet:after {
content: '';
display: block;
width: 1px;
height: 20px;
position: absolute;
top: 5px;
right: 50%;
margin: 0px -2px 0px 0px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
background-color: white;
}

.hyst_harakteristiscaddtov {
dusaplay: block;
margin: 10px 0px;
border: solid 1px #47176e;
}

.hyst_harakteisticcontair {
display: block;
padding: 5px;

}

.hyst_addhakraktristicsbtn {
width: 272px;
height: 30px;
display: inline-block;
border: solid 1px #47176e;
color: white;
background-color: #47176e;
cursor: pointer;
transition: all 0.5s;
text-transform: uppercase;
text-align: center;
box-sizing: border-box;
padding: 5px 5px 5px 5px;
text-align: left;
cursor: pointer;
position: relative;
}

.hyst_singleharaktblock {
display: block;
}

.hyst_singleharaktblock i {
width: 30px;
height: 30px;
display: inline-block;
border: solid 1px #47176e;
color: white;
background-color: #47176e;
cursor: pointer;
transition: all 0.5s;
text-transform: uppercase;
text-align: center;
box-sizing: border-box;
padding: 5px 5px 5px 5px;
text-align: left;
cursor: pointer;
position: relative;
}

.hyst_singleharaktblock i:before {
content: '';
position: absolute;
top: 13px;
height: 4px;
left: 50%;
margin-left: -11px;
width: 22px;
background-color: white;
}

.hyst_user_core_circavatar {
border-radius: 500px;
background-size: cover;
background-position: center center;
border: solid 1px lightgray;
background-image: url(./img/noavatar.png);
display: inline-block;
}

.hyst_inlinetable_sels {
vertical-align: top;
display: inline-block;
}

.hyst_psevdodatalistsel {
position: relative;
}

.hyst_psevdodatalistsel > div {
border: solid 1px #47176e;
width: 272px;
box-sizing: border-box;
position: absolute;
top: 70px;
left: 0px;
background-color: white;
z-index: 50;
}

.hyst_psevdodatalistsel > div > div {
padding: 5px;
cursor: pointer;
}

.hyst_psevdodatalistsel > div > div:hover {
background-color: lightgray;
}

.hyst_sarts_itm {
display: inline-block;
margin: 2px;
padding: 10px;
font-size: 20px;
width: 28px;
border: solid 1px #47176e;
color: #47176e;
background-color: white;
text-align: center;
cursor: pointer;
transition: all 0.5s;
}

.hyst_sarts_itm:hover {
color: white;
background-color: #47176e;
}


.hyst_sarts_itm.active {
color: white;
background-color: #47176e;
}

.hyst_commentarise_name {
display: inline-block;
font-weight: bold;
}

.hyst_commentaries_block {
display: block;
border-bottom: solid 1px lightgray;
padding: 10px 10px 20px 90px;
margin: 0px 0px 10px 0px;
position: relative;
min-height: 90px;
text-align: left;
}

.hyst_comments_noavatar {
position: absolute;
top: 10px;
left: 10px;
width: 70px;
height: 70px;
border: solid 2px gray;
border-radius: 50px;
overflow: hidden;
}

.hyst_comments_noavatar:before {
content: '';
border: solid 2px gray;
border-radius: 50px;
width: 26px;
height: 26px;
position: absolute;
top: 15px;
left: 20px;
}

.hyst_comments_noavatar:after {
content: '';
border: solid 2px gray;
border-radius: 50px;
width: 70px;
height: 70px;
position: absolute;
top: 46px;
left: -2px;
}


.hyst_comments_avatar {
position: absolute;
top: 10px;
left: 10px;
width: 70px;
height: 70px;
border: solid 2px gray;
border-radius: 50px;
overflow: hidden;
background-size: cover;
background-position: center center;
}

.hyst_comments_time {
position: absolute;
bottom: 5px;
right: 10px;
font-size: 13px;
color: gray;
}

.hyst_adm_paddingleftcont {
padding: 10px 0px 10px 50px;
}

.hyst_adm_inlineredaktorasbodr {
display: inline-block; border-right: solid 1px lightgray; padding: 5px; margin-right: 10px;
}

.hyst_block_button_stnd {
border: solid 1px #47176e;
color: #47176e;
background-color: white;
padding: 5px;
width: 272px;
cursor: pointer;
transition: all 0.5s;
margin: 20px 0px 5px 0px;
text-transform: uppercase;
text-align: center;
display: block;
}


.hyst_block_button_stnd:hover {
color: white;
background-color: #47176e;
}

#hyst_sendorder_bform {
display: none;
}

.hyst_sendorder_bform_block {
overflow: hidden;
max-height: 0px;
transition: all 0.5s;
}

#hyst_sendorder_bform:checked ~ .hyst_sendorder_bform_block {
max-height: 2000px;
}

.hyst_dissabledinput {
position: absolute;
left: 0px;
bottom: 4px;
width: 100%;
height: 30px;
background-color: gray;
opacity: 0.4;
}

.hyst_all_zoomer {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
background-color: rgba(0, 0, 0, 0.7);
z-index: 999;
}

.hyst_all_zoomerrel {
width: 100%;
height: 100%;
position: relative;
}

.hyst_all_zoomclose {
width: 60px;
height: 60px;
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
background-color: rgba(39, 44, 44, 0.9);
background: rgba(39, 44, 44, 0.9);
}

.hyst_all_zoomclose:before {
width: 60px;
height: 4px;
content: '';
position: absolute;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
margin-left: -30px;
top: 28px;
left: 50%;
background-color: white;
}

.hyst_all_zoomclose:after {
width: 60px;
height: 4px;
content: '';
position: absolute;
-moz-transform: rotate(315deg);
-ms-transform: rotate(315deg);
-webkit-transform: rotate(315deg);
-o-transform: rotate(315deg);
transform: rotate(315deg);
margin-left: -30px;
top: 28px;
left: 50%;
background-color: white;
}

.hyst_all_zoomcontainer {
width: 100%;
height: 100%;
text-align: center;
}