a {
    transition: 0.3s all;
}

.auth__container, .selectImages, .inputServerName {
  transition: opacity 0.7s;
}
.logo__and__close {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 0 55px;
}
.logo__and__close > .close {
    display: flex;
    align-items: center;
    justify-content: center;
/*    border: 1px solid #ff6868;*/
    border-radius: 75px;
}
.logo__and__close > .close:hover {
/*    background: rgba(255,104,104,.2);*/
}
.logo__and__close > .close > img {
    width: 20px;
}
.logo__and__close>:nth-child(1),
.logo__and__close>:nth-child(3) {
    height: 56px;
    width: 56px;
}
.dn {
  display: none !important;
}


.ripbutton {
    display: flex;
    justify-content: center;
/*    width: 200px;*/
}
section.data-center__preview .tarif__list .list__block .params__block .btn, .ripbutton {
    padding: 16px 54px;
    border: 1px solid #4fafdb;
    border-radius: 75px;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: .04em;
    color: #4fafdb;
}
section.data-center__preview .tarif__list .list__block.active .params__block .btn, .ripbutton:hover, .ripbutton.active {
        background: #4fafdb;
        color: #fff;

}
.btn.active {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color);
}

.rent__block {
    width: 300px;
}

section.settings .grid .grid__block .block__value.small {
    font-size: 15px !important;
}
section.profile-table .profile-table__content .content__list .list__line .line__column {
    word-break: break-word;
}

section.profile-table .profile-table__content.tickets .content__list .list__line, section.profile-table .profile-table__content.tickets .content__header {
    grid-template-columns: 0.3fr 2fr 1fr 1.1fr 1.2fr 0fr !important;
}
section.profile-table .profile-table__content.transactions .content__list .list__line, section.profile-table .profile-table__content.transactions .content__header {
    grid-template-columns: 7fr 1.5fr 1.3fr 1.9fr !important;
}
section.ticket .messages__list .list__block .block__text {
    word-break: break-word;
}

.auth__container {
    overflow-x: hidden;
}


.skiptranslate {
    display: none !important;
    width: 0px !important;
    height: 0px !important;
}


.xselect {
    padding: 0 25px 0 9px;
    background-image: url(../img/arrow_select.svg);
    background-repeat: no-repeat;
    background-position: right 0.5rem top 55%;
    background-size: 0.95rem auto;
}


.badge.fblue {
    background: #d0eaf5;
    color: #000;
}
.badge.badge-dark {
    background: #999;
    color: #fff;
}








.dnd-block {
    font-family: "Poppins", sans-serif; 
    background-color: #ffffff;
    width: 60%;
    min-width: 37.5em;
    left: 50%;
    box-shadow: 0 1.25em 3.43em rgba(0, 0, 0, 0.08);
    border-radius: 0.5em;
    margin-bottom: 36px;
}
.dnd-block input[type="file"] {display: none;}
.dnd-block label {margin-top: 0px !important;display: block;position: relative;background-color: #f4f4f4;color: #000;font-size: 1.1em;text-align: center;width: 16em;padding: 1em 0;border-radius: 0.3em;cursor: pointer; width: 100%;}
.dnd-block #image-display {position: relative;width: 90%;margin: 0 auto;display: flex;justify-content: space-evenly;gap: 1.25em;flex-wrap: wrap;}
.dnd-block #image-display figure {width: 25%;}
.dnd-block #image-display img {width: 100%;}
.dnd-block #image-display figcaption {font-size: 0.8em;text-align: center;color: #5a5861;}
.dnd-block.active {border: 0.2em dashed #f4f4f4;}
.dnd-block #error {text-align: center;color: #ff3030;height: 30px;}

.screens {
    display:flex;
    flex-flow: row;
    gap: 15px;
}

/*.screens img { transition: 0.5s transform; } 
.screens img:hover {transform: scale(1.5);}
section.ticket img { transition: 0.5s transform; } 
.screens img:hover {transform: scale(1.5);}
*/






section.settings .list .list__block input[type=text], section.settings .list .list__block input[type=number] {
    border: 1px solid #828282;
    border-radius: 6px;
    width: 100%;
    padding: 0 30px;
    height: 59px;
    margin-bottom: 15px;
    background: none;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0.04em;
    color: #000;
}


header .header__navbar .navbar__actions .actions__balance.orange:hover {
    background: rgb(255 195 39 / 20%);
}
header .header__navbar .navbar__actions .actions__balance.orange {
  padding: 7px;
  padding-left: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  grid-gap: 10px;
  border: 1px solid #FFC327;
  border-radius: 75px;
}

/*.actions__balance.orange img {
    height: 30px !important;
    width: 30px !important;
}*/


.profile-table__content.tickets .content__list .list__line {
  height: unset !important;
}

.positionRelative {
  position: relative;
}



.test_input_4s {
  border: 1px solid #828282;
  border-radius: 6px;
  padding: 0 10px;
  height: 39px;
  background: none;
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: #000;
  width: 88%;
}
.test_icon_4s {
  width: 39px;
  height: 39px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #f4f4f4;
  color: #828282;
  cursor: pointer;
  user-select: none;
  border: 1px solid #828282;
  transition: 0.5s all;
}
.test_icon_4s:hover {
  background: #dbdbdb;
}
.gap15 {
  gap: 15px;
}


section.billing-info .billing-info__list .list__block:nth-child(-n + 3) {
  min-height: 370px;
  justify-content: space-between;
}
section.billing-info .billing-info__list .list__block:nth-child(n + 4) {
  min-height: 205px;
  justify-content: space-between;
}


section.ticket .messages__list .list__block.system {
    align-items: center;
}
section.ticket .messages__list .list__block.deleted {
    background-color: rgb(255 0 0 / 0.1);
}
section.ticket .messages__list .list__block.system .block__header {
    font-size: 12px;
    margin-bottom: 6px;
}
section.ticket .messages__list .list__block.system .header__name,
section.ticket .messages__list .list__block.system.answer .header__name
 {
    background-color: #999;
    padding: 4px 6px;
    border-radius: 6px;
    color: #fff;
}
section.ticket .messages__list .list__block.system .block__text,
section.ticket .messages__list .list__block.system.answer .block__text
 {
    font-size: 12px;
    padding: 6px;
}