html,body {
margin: 0px;
padding: 0px;
height: 100%;
font-family: arial;
}

.adm_theme {
color: white;
background-color: #312c3e;
}

adm_header,adm_content,adm_footer {
width: 100%;
display: flex;
}

adm_header {
background-color: #1d1a26;
height: 40px;
justify-content: space-between;
}

.admin_header_profile {
display: flex;
justify-content: space-between;
box-sizing: border-box;
align-items: center;
padding: 0px 15px;
}

.admin_header_exit {
display: block;
padding: 7px 30px 7px 5px;
margin: 0px 0px 0px 10px;
text-decoration: none;
color: white;
position: relative;
font-weight: bold;
}

.admin_header_name {
display: block;
padding: 7px 5px 7px 5px;
margin: 0px 0px 0px 0px;
}

.admin_header_exit:before {
content: '';
width: 16px;
height: 16px;
border: solid 2px white;
border-radius: 20px;
position: absolute;
right: 2px;
top: 6px;
}

.admin_header_exit:after{
content: '';
width: 2px;
height: 10px;
border: solid 2px #1d1a26;
background-color: white;
position: absolute;
right: 9px;
top: 3px;
}

adm_content {
justify-content: space-between;
overflow-x: hidden;
height: calc(100% - 40px);
}

#sidebarbutton {
display: none;
}

sidebar {
width: 300px;
min-width: 300px;
background-color: #1d1a26;
height: 100%;
display: block;
box-sizing: border-box;
padding: 15px;
transition: all 0.5s;
}

label[for="sidebarbutton"] {
width: 50px;
margin: 0px 0px 10px 0px;
height: 100%;
position: relative;
cursor: pointer;
transition: all 0.5s;
}

label[for="sidebarbutton"] i{
transform: translate(-50%,-50%);
position: absolute;
top: 50%;
left: 50%;
background-color: white;
width: 30px;
height: 2px;
transition: all 0.5s;
}

label[for="sidebarbutton"] i:before{
content: '';
width: 15px;
height: 2px;
background-color: white;
position: absolute;
transform: rotate(-45deg);
bottom: 6px;
left: -1px;
transition: all 0.5s;
}

label[for="sidebarbutton"] i:after{
content: '';
width: 15px;
height: 2px;
background-color: white;
position: absolute;
transform: rotate(45deg);
top: 6px;
left: -1px;
transition: all 0.5s;
}


#sidebarbutton:checked ~ adm_header label[for="sidebarbutton"] i:before{
content: '';
width: 15px;
height: 2px;
background-color: white;
position: absolute;
transform: rotate(45deg);
bottom: 6px;
right: -1px;
left: auto;
}

#sidebarbutton:checked ~ adm_header label[for="sidebarbutton"] i:after{
content: '';
width: 15px;
height: 2px;
background-color: white;
position: absolute;
transform: rotate(-45deg);
top: 6px;
right: -1px;
left: auto;
}


.admin_sidebar_menu {
display: block;
max-width: 100%;
min-height: 28px;
box-sizing: border-box;
padding: 5px 5px 5px 40px;
text-decoration: none;
text-align: left;
background-position: left center;
background-repeat: no-repeat;
background-size: 22px 22px;
color: white;
margin: 0px 0px 5px 0px;
overflow: hidden;
transition: all 0.5s;
}

#sidebarbutton:checked ~ adm_content sidebar {
width: 60px;
min-width: 60px;
}

#sidebarbutton:checked ~ adm_content sidebar .admin_sidebar_menu span {
display: none;
}

content {
display: block;
height: 100%;
overflow-y: auto;
flex-grow: 1;
box-sizing: border-box;
padding: 15px;
}

.text-center {
text-align: center;
}

.width100 {
width: 100%;
}

.authorization_block {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}

.authorization_form {
width: 300px;
}

interfaceform {
display: block;
}

.form_title {
font-size: 20px;
font-weight: bold;
padding: 10px 0px;
}

.form_title_sm {
font-size: 16px;
font-weight: bold;
padding: 10px 0px;
}

label > i {
display: inline-block;
color: #ff4f70;
}

interfaceform input[type="text"],interfaceform input[type="password"],interfaceform input[type="number"], input[type="date"], input[type="datetime-local"]{
padding: 5px 40px 5px 10px;
margin: 5px 0px;
box-sizing: border-box;
}

interfaceform input[type="button"]{
padding: 5px 10px;
margin: 5px 0px;
box-sizing: border-box;
cursor: pointer;
font-weight: bold;
}

interfaceform textarea{
box-sizing: border-box;
margin: 5px 0px;
}

interfaceform select {
padding: 5px 40px 5px 10px;
margin: 5px 0px;
box-sizing: border-box;
}

iw {
position: relative;
}

iv {
position: absolute;
right: 5px;
top: 50%;
transform: translate(0,-50%);
}

iv.left {
left: 5px;
right: auto;
}

iv[error] {
border-radius: 20px;
width: 18px;
height: 18px;
background-color: #ff4f70;
}

iv[error]:after {
content: '!';
position: absolute;
color: white;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
cursor: pointer;
}

iv[error] message {
display: none;
position: absolute;
right: -5px;
bottom: 30px;
padding: 10px;
border-radius: 5px;
background-color: white;
border: solid 1px #ff4f70;
color: #ff4f70;
min-width: 300px;
box-sizing: border-box;
}

iv.left[error] message {
left: -5px;
right: auto;
}

iv[error]:hover message {
display: block;
}

iv[right] {
width: 18px;
height: 18px;
}

iv[right]:before {
position: absolute;
content: '';
width: 2px;
height: 10px;
background-color: #05ee55;
transform: rotate(-45deg);
left: 2px;
bottom: 2px;
}

iv[right]:after {
position: absolute;
content: '';
width: 2px;
height: 16px;
background-color: #05ee55;
transform: rotate(45deg);
left: 10px;
bottom: 1px;
}

.admin_content_alignment {
width: 100%;
display: flex;
justify-content: start;
flex-wrap: wrap;
align-items: end;
}


.admin_content_alignment_forimg {
width: 100%;
display: flex;
justify-content: start;
flex-wrap: wrap;
align-items: start;
}

.admin_content_widht300 {
width: 300px;
padding: 0px 10px 0px 0px;
box-sizing: border-box;
}

.admin_roller_menu {
width: 100%;
text-align: left;
}

.admin_roller_menu > input[type="checkbox"],.admin_roller_menu > input[type="radio"]{
display: none;
}

.admin_roller_menu  > label {
display: inline-block;
padding: 7px 10px;
background-color: #2b2a33;
border: solid 1px #8f8f9d;
border-radius: 4px;
cursor: pointer;
opacity: 0.7;
transition: all 0.5s;
user-select: none;
}

.admin_roller_container {
max-height: 0px;
overflow: hidden;
width: 100%;
margin: 10px 0px 0px 0px;
transition: all 0.5s;
position: relative;
}

.admin_roller_container:after {
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 1px;
background-color: #8f8f9d;
}

.admin_roller_menu > input[type="checkbox"]:checked ~ label {
opacity: 1;
}

.admin_roller_menu > input[type="checkbox"]:checked ~ .admin_roller_container {
max-height: none;
}

.admin_roller_menu > input[type="checkbox"]:checked ~ .admin_roller_container.admin_roler_with_overflow {
overflow-y: auto;
}


.admin_roller_menu > input[type="radio"].one:checked ~ label.one,
.admin_roller_menu > input[type="radio"].two:checked ~ label.two,
.admin_roller_menu > input[type="radio"].three:checked ~ label.three {
opacity: 1;
}

.admin_roller_menu > label.hide {
display: inline-block;
opacity: 1;
}

.admin_roller_menu > input[type="radio"].hide:checked ~ label.hide {
display: none;
}

.admin_roller_menu > input[type="radio"].one:checked ~ .admin_roller_container.one,
.admin_roller_menu > input[type="radio"].two:checked ~ .admin_roller_container.two,
.admin_roller_menu > input[type="radio"].three:checked ~ .admin_roller_container.three {
max-height: none;
}

.admin_roller_menu > input[type="radio"].one:checked ~ .admin_roller_container.one.admin_roler_with_overflow,
.admin_roller_menu > input[type="radio"].two:checked ~ .admin_roller_container.two.admin_roler_with_overflow,
.admin_roller_menu > input[type="radio"].three:checked ~ .admin_roller_container.three.admin_roler_with_overflow {
overflow-y: auto;
}

.admin_group_checkboxes_title {
font-size: 14px;
font-weight: bold;
padding: 0px 0px 10px 40px;
position: relative;
}

.admin_group_checkboxes {
padding: 0px 40px 0px 0px;
}

.admin_group_checkboxes_title i {
display: inline-block;
color: #ff4f70;
}

.admin_label_checkbox {
display: inline-block;
padding: 4px 7px;
background-color: #2b2a33;
border: solid 1px #8f8f9d;
cursor: pointer;
user-select: none;
}

messagelog {
transform: translate(-50%);
position: fixed;
top: -1px;
left: 50%;
z-index: 600;
}

messagelog > report {
padding: 10px 15px;
text-align: center;
width: 300px;
box-sizing: border-box;
color: white;
margin: 10px 0px 0px 0px;
border-radius: 10px;
display: block;
}

messagelog > report[right] {
background-color: #00B442;
}

messagelog > report[error] {
background-color: #ff4f70;
}

.admin_separator {
width: 100%;
height: 2px;
background-color: #8f8f9d;
display: block;
border-radius: 2px;
}

.admin_inline_ittem {
padding: 5px 10px;
border-radius: 3px;
border: solid 1px #242031;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}

.admin_inline_ittem > div {
padding: 5px 7px;
}

.admin_inline_ittem > div  sup{
display: block;
}

.admin_inline_ittem .w50{ width: 50px; }
.admin_inline_ittem .w100{ width: 100px; }
.admin_inline_ittem .w150{ width: 150px; }
.admin_inline_ittem .w200{ width: 200px; }
.admin_inline_ittem .w250{ width: 250px; }
.admin_inline_ittem .w300{ width: 300px; }

indicateddate {
display: block;
}

indicateddate.now { color: #05ee55; }
indicateddate.recently { color: #64ee05; }
indicateddate.half { color: #d1ee05; }
indicateddate.day { color: #eea905; }
indicateddate.thre { color: #ee3c05; }
indicateddate.week { color: white; }
indicateddate.month { color: #a2a2a2; }

.admin_items_href {
color: white;
text-decoration: none;
}

peni {
display: inline-block;
width: 16px;
height: 16px;
position: relative;
margin: 0px 0px 0px 10px;
}

peni:before{
content: '';
position: absolute;
bottom: 0px;
left: 0px;
width: 5px;
height: 5px;
background-color: white;
clip-path: polygon(0.00% 0.00%,0% 100%,100% 100%);
}

peni:after{
content: '';
position: absolute;
top: 0px;
right: 4px;
width: 6px;
height: 14px;
background-color: white;
transform: rotate(45deg);
}

.admin_sort_and_search input[type="text"]{
padding: 5px 10px 5px 10px;
margin: 5px 0px;
box-sizing: border-box;
width: 260px;
}

.admin_sort_and_search input[type="submit"]{
width: 30px;
height: 30px;
margin: 5px 0px 5px -10px;
box-sizing: border-box;
cursor: pointer;
background: #2b2a33 url(/hyst/visual/images/search_icon.svg) center center/56% auto no-repeat;
border: solid 1px #8f8f9d;
border-radius: 0px 3px 3px 0px;
}

.admin_sort_and_search select {
padding: 5px 10px 5px 10px;
margin: 5px 0px;
box-sizing: border-box;
}

.admin_page_pagination {
text-align: left;
}

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

.admin_page_pagination ul li{
display: inline-block;
padding: 7px 10px;
background-color: #2b2a33;
border: solid 1px #8f8f9d;
border-radius: 4px;
cursor: pointer;
transition: all 0.5s;
user-select: none;
margin: 0px 1px 0px 0px;
color: white;
}

.admin_page_pagination ul li.active {
opacity: 0.3;
}

.admin_casual_button {
display: inline-block;
padding: 7px 10px;
background-color: #2b2a33;
border: solid 1px #8f8f9d;
border-radius: 4px;
cursor: pointer;
transition: all 0.5s;
user-select: none;
margin: 0px 1px 0px 0px;
color: white;
text-decoration: none;
}

.admin_image_select {
display: inline-block;
padding: 7px 10px;
background-color: #2b2a33;
border: solid 1px #8f8f9d;
border-radius: 4px;
cursor: pointer;
transition: all 0.5s;
user-select: none;
margin: 0px 1px 0px 0px;
color: white;
text-decoration: none;
position: relative;
}

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

modalbg {
width: 100%;
height: 100%;
position: fixed;
top: 0px;
left: 0px;
background: rgba(0,0,0,0.8);
z-index: 500;
display: none;
}

modalbg cross {
position: absolute;
top: 10px;
right: 10px;
border: solid 1px #8f8f9d;
border-radius: 10px;
width: 40px;
height: 40px;
cursor: pointer;
}

modalbg cross:before {
content: '';
top: 50%;
left: 50%;
width: 60%;
height: 4%;
background-color: white;
position: absolute;
transform: translate(-50%,-50%) rotate(45deg);
}

modalbg cross:after {
content: '';
top: 50%;
left: 50%;
width: 60%;
height: 4%;
background-color: white;
position: absolute;
transform: translate(-50%,-50%) rotate(-45deg);
}

modalwindow {
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
z-index: 501;
border: solid 1px #8f8f9d;
border-radius: 10px;
box-sizing: border-box;
padding: 10px;
display: none;
}

.admin_back_header {
margin: 0px 10px 0px 0px;
height: 40px;
box-sizing: border-box;
border-radius: 100px;
padding: 7px 10px 7px 36px;
background: url(/hyst/visual/images/back_icon.svg) 5px center/auto 60% no-repeat;
display: block;
text-decoration: none;
}

.admin_back_header span {
color: white;
font-size: 20px;
}

.green_submit_button {
background-color: #00B442;
border: solid 1px #00B442;
border-radius: 4px;
}

.admin_imgblock {
width: 300px;
box-sizing: border-box;
margin: 0px 10px 0px 0px;
height: 100%;
}

.admin_content_alignment_remain {
display: flex;
justify-content: start;
flex-wrap: wrap;
align-items: end;
flex: 1;
}

.admin_image_label {
width: 100%;
height: 100px;
position: relative;
border-radius: 10px;
border: dashed 2px #8f8f9d;
display: block;
cursor: pointer;
opacity: 0.7;
transition: all 0.5s;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

.admin_image_label input {
position: absolute;
left: -4000px;
top: 0px;	
}

.admin_addimage_tip {
transform: translate(-50%,-50%);
position: absolute;
top: 50%;
left: 50%;
color: white;
font-size: 50px;
text-align: center;	
}

.admin_addimage_tip span {
display: block;
font-size: 14px;
margin: -10px 0px 0px 0px;
}

.admin_image_label:hover {
opacity: 1;
}

.admin_file_label_wraper {
position: relative;
display: block;
width: 100%;
}

.admin_file_label_wraper .admin_file_cross,.admin_file_cross_multiple {
width: 30px;
height: 30px;
position: absolute;
top: 5px;
right: 5px;
background: black url(/hyst/visual/images/cross_icon.svg) center center/auto 60% no-repeat;
cursor: pointer;
border-radius: 30px;
opacity: 0.8;
border: dashed 2px #8f8f9d;
}


.admin_mediafiles_general_con {
width: 100%;
margin: 20px 0px 0px 0px;
overflow-y: auto;
height: calc(100% - 180px);	
}

.admin_roller100 > label{
width: 100%;
box-sizing: border-box;
}

.adm_matrol_marg {
margin: 0px 0px 0px 10px;	
}

.mediafiles_image_con {
width: 140px;
margin: 5px;
height: 100px;
display: inline-block;
position: relative;
}

.mediafiles_image_con_img {
border: solid 1px #2b2a33;
border-radius: 5px;
width: 100%;
height: 100%;
cursor: pointer;
background-size: cover;
}

.admin_delet_img {
position: absolute;
top: -1px;
right: -2px;
width: 30px;
height: 30px;
border-radius:5px;
background: black url(/hyst/visual/images/cross_icon.svg) center center/auto 40% no-repeat;
border: none;
margin: 0px !Important;
display: none;
opacity: 0.7;
}

.mediafiles_image_con:hover .admin_delet_img{
display: block;
}

.load_more_img {
width: 140px;
margin: 5px;
height: 100px;
display: inline-block;
position: relative;
border: solid 1px #2b2a33;
border-radius: 5px;
text-align: center;
cursor: pointer;
}

.load_more_img span {
width: 120px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}

.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_imageselect_modal {
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 10px;
position: fixed;
top: 0px;
left: 0px;
background-color: rgb(49, 44, 62, 0.96);
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;
}

.admin_select_img_input {
width: 100%;
height: 100px;
position: relative;
border-radius: 10px;
border: dashed 2px #8f8f9d;
display: block;
cursor: pointer;
opacity: 0.7;
transition: all 0.5s;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
}

.admin_select_img_input[multiple] {
width: 100px;
display: inline-block;
}

.admin_select_img_input:hover {
opacity: 1;
}

.admin_select_img_field {
position: relative;	
}

.admin_select_img_field.multiple {
width: 100px;
display: inline-block;
}

.admin_multiple_image_select {
display: inline-block;
border-radius: 10px;
border: solid 2px #8f8f9d;
position: relative;
width: 100px;
height: 100px;
margin: 0px 0px 0px 5px;
background-size: cover;
background-repeat: no-repeat;
}

.admin_detet_button {
width: 36px;
height: 34px;
margin: 0px 0px 0px 10px !important;
background: #2b2a33 url(/hyst/visual/images/cross_icon.svg) center center/50% 50% no-repeat;
border: solid 1px #8f8f9d;
border-radius: 4px;
}

hystwysiwyg {
display: block;
border: solid 1px #8f8f9d;
box-sizing: border-box;
}

redactorbar {
background-color: #1d1a26;
display: flex;
justify-content: start;
align-items: start;
box-sizing: border-box;
}

wysiwygarea {
display: block;
min-height: 100px;
border: solid 1px #1d1a26;
box-sizing: border-box;
font-weight: normal;
}

redactorbar button {
background-color: #312c3e;
border: none;
color: white;
padding: 5px 7px;
border-radius: 3px;
font-weight: bold;
cursor: pointer;
background-position: center center;
background-repeat: no-repeat;
background-size: auto 60%;
margin: 1px 3px;
}

redactorbar button[action="align-left"],
redactorbar button[action="align-center"],
redactorbar button[action="align-right"],
redactorbar button[action="link"],
redactorbar button[action="img"] {
width: 30px;
height: 26px;
}

redactorbar button[action="align-left"] {
background-image: url(/hyst/visual/images/alignleft_icon.svg);
}

redactorbar button[action="align-center"] {
background-image: url(/hyst/visual/images/aligncenter_icon.svg);
}

redactorbar button[action="align-right"] {
background-image: url(/hyst/visual/images/alignright_icon.svg);
}

redactorbar button[action="link"] {
background-image: url(/hyst/visual/images/link_icon.svg);
}

redactorbar button[action="img"] {
background-image: url(/hyst/visual/images/img_icon.svg);
}

redactorbar select[action="font-size"] {
background-color: #312c3e;
border: none;
color: white;
padding: 5px 7px;
border-radius: 3px;
font-weight: bold;
cursor: pointer;
margin: 1px 3px;
}

.hyst_twodown_control_buttons {
margin: 0px 0px 20px 0px;
padding: 0px;
list-style: none;
}

.hyst_twodown_control_buttons a {
display: inline-block;
padding: 7px 10px;
background-color: #2b2a33;
border: solid 1px #8f8f9d;
border-radius: 4px;
cursor: pointer;
opacity: 0.7;
transition: all 0.5s;
user-select: none;
color: white;
text-decoration: none;
}

.hyst_twodown_control_buttons a.active,.hyst_twodown_control_buttons a:hover {
color: #2b2a33;
background-color: white;
opacity: 1.0;
}

.admin_small_img_preview {
margin: 0px 10px 0px 0px;
width: 24px;
height: 24px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
border-radius: 10px;
border: solid 1px #8f8f9d;
}

.admin_highlitedblock_bg {
background-color: #1d1a26;
padding: 5px;
border-radius: 5px;
}

.admin_form_repeater_label {
display: flex;
justify-content: start;
align-items: start;	
}

.admin_form_repeater_label label {
margin: 0px 10px 0px;
}

.admin_form_repeater_label > div {
display: inline-block;
padding: 7px 10px;
background-color: #2b2a33;
border: solid 1px #8f8f9d;
border-radius: 4px;
cursor: pointer;
transition: all 0.5s;
user-select: none;
}

.admin_repeat_items_flex {
display: flex;
justify-content: start;
flex-wrap: wrap;
align-items: end;
position: relative;
padding: 5px 5px 5px 40px;
}

.admin_repeater_cros {
background: black url(/hyst/visual/images/cross_icon.svg) center center/auto 40% no-repeat;
width: 30px;
height: 30px;
background-color: #2b2a33;
border: solid 1px #8f8f9d;
border-radius: 4px;
cursor: pointer;
user-select: none;
position: absolute;
top: 1px;
left: 1px;
}

cross {
background: black url(/hyst/visual/images/cross_icon.svg) center center/auto 40% no-repeat;
background-color: #2b2a33;
border: solid 1px #8f8f9d;
border-radius: 4px;
cursor: pointer;
user-select: none;
}

.hyst_margintop20 {
margin-top: 20px;	
}

/*pagemaker*/

.hyst_pagemaker_maker_block {
width: 100%;
border-top: solid 1px #8f8f9d;
border-bottom: solid 1px #8f8f9d;
padding: 0px 0px 10px 0px;
margin: 0px 0px 10px 0px;
}

.hyst_pagemaker_maker_head {
border-bottom: solid 1px #8f8f9d;
width: 100%;
background-color: #1d1a26;
}

.hyst_pagemaker_maker_head > .button {
display: inline-block;
width: 40px;
height: 30px;
cursor: pointer;
background-position: center center;
background-size: auto 60%;
background-repeat: no-repeat;
}

.hyst_pagemaker_maker_head > .button.text {
background-image: url(/hyst/visual/images/text_icon.svg);
}

.hyst_pagemaker_maker_head > .button.image {
background-image: url(/hyst/visual/images/images_icon.svg);
}
.hyst_pagemaker_maker_head > .button.video {
background-image: url(/hyst/visual/images/video_icon.svg);
}

.hyst_pagemaker_maker_element {
margin: 10px 0px 0px 0px;
border-bottom: solid 1px #8f8f9d;
position: relative;
}

.hyst_pagemaker_maker_element > cross {
width: 30px;
height: 30px;
position: absolute;
top: 0px;
right: 0px;
z-index: 10;
}

.hyst_pagemaker_maker_element > to_top {
width: 30px;
height: 30px;
position: absolute;
top: 0px;
right: 50px;
z-index: 10;
background-color: #2b2a33;
border: solid 1px #8f8f9d;
border-radius: 4px;
cursor: pointer;
user-select: none;
}

.hyst_pagemaker_maker_element > to_top:after{
content: '';
width: 20px;
height: 20px;
background-color: white;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
clip-path: polygon(15% 40%, 50% 5%, 85% 40%, 60% 40%, 60% 100%, 40% 100%, 40% 40%);
z-index: 11;
}

.hyst_pagemaker_maker_element > to_down {
width: 30px;
height: 30px;
position: absolute;
top: 0px;
right: 81px;
z-index: 10;
background-color: #2b2a33;
border: solid 1px #8f8f9d;
border-radius: 4px;
cursor: pointer;
user-select: none;
}

.hyst_pagemaker_maker_element > to_down:after{
content: '';
width: 20px;
height: 20px;
background-color: white;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
clip-path: polygon(40% 60%, 40% 0, 60% 0, 60% 60%, 85% 60%, 50% 95%, 15% 60%);
z-index: 11;
}

/*pagemaker*/