.has-error .help-block {
  font-size: 12px;
  color: #747687;
  font-weight: 400;
  margin: 10px 0;
}

.cookie-overlayer {
  position: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10000;
  background: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(4px);
  overflow-y: auto;
}
.cookie-overlayer .cookie-box__popup {
  background: #031123;
  height: auto;
  width: 800px;
  max-width: 90%;
  display: block;
  color: #fff;
  border-radius: 5px;
}
.cookie-overlayer .cookie-box__popup h2 {
  font-size: 22px !important;
}
.cookie-overlayer .cookie-box__popup h3 {
  font-size: 20px !important;
}
.cookie-overlayer .cookie-box__popup h4 {
  font-size: 16px !important;
}
.cookie-overlayer .cookie-box__popup h2,
.cookie-overlayer .cookie-box__popup h3 {
  font-weight: 600;
  margin-bottom: 0;
}
.cookie-overlayer .cookie-box__popup h2,
.cookie-overlayer .cookie-box__popup h3,
.cookie-overlayer .cookie-box__popup h4 {
  margin-top: 0;
  color: #F6F6F7;
  font-weight: 600;
  letter-spacing: -0.3px;
}
.cookie-overlayer .cookie-box__popup .cookie-box__main-header {
  display: flex;
  justify-content: space-between;
  padding: 20px 20px 0 20px;
}
.cookie-overlayer .cookie-box__popup .cookie-box__main-header h3 {
  margin-bottom: 0;
}
.cookie-overlayer .cookie-box__popup .cookie-box__main-header .language-changer {
  height: 30px;
  color: #DCE1EA;
  font-weight: 600;
  max-width: 100%;
  position: relative;
  text-align: center;
  cursor: pointer;
}
.cookie-overlayer .cookie-box__popup .cookie-box__main-header .language-changer .hide-panel {
  display: inline-block;
}
.cookie-overlayer .cookie-box__popup .cookie-box__main-header .language-changer ul {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 25px;
}
.cookie-overlayer .cookie-box__popup .cookie-box__main-header .language-changer:hover ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  background: rgba(5, 20, 37, 0.95);
  backdrop-filter: blur(6px);
  z-index: 100;
  border-radius: 0 0 4px 4px;
}
.cookie-overlayer .cookie-box__popup .cookie-box__main-header .language-changer:hover li:last-of-type {
  display: none;
}
.cookie-overlayer .cookie-box__popup .cookie-box__main-header .language-changer:hover li a {
  border: 0;
  color: #DCE1EA;
  text-transform: uppercase;
  line-height: 50px;
}
.cookie-overlayer .cookie-box__popup .cookie-box__main-header .language-changer:hover li a:hover {
  background-color: #051425;
}
.cookie-overlayer .cookie-box__popup .cookie-box__header {
  display: flex;
  justify-content: space-between;
}
.cookie-overlayer .cookie-box__popup .cookie-box__header .form-group {
  margin-bottom: 0;
}
.cookie-overlayer .cookie-box__popup .cookie-box__content {
  padding: 15px 20px;
}
.cookie-overlayer .cookie-box__popup .cookie-box__content .cookie-box__paragraph {
  margin: 0 100px 30px 0;
}
.cookie-overlayer .cookie-box__popup .cookie-box__content a {
  color: #2b74f0;
  font-weight: 600;
}
.cookie-overlayer .cookie-box__popup .cookie-box__content fieldset {
  display: flex;
  justify-content: space-between;
}
.cookie-overlayer .cookie-box__popup .cookie-box__settings {
  display: none;
}
.cookie-overlayer .cookie-box__popup .cookie-box__footer {
  padding: 20px;
  border-top: 1px solid rgba(192, 204, 215, 0.15) !important;
}
.cookie-overlayer .cookie-box__popup .btn {
  padding: 13px 60px;
  color: #FFFFFF;
}
.cookie-overlayer .cookie-box__popup .btn.btn-outline {
  background: transparent;
  border: 2px solid #0656B7;
  color: #fff;
}
.cookie-overlayer .cookie-box__popup .btn.btn-default {
  background: rgba(98, 115, 147, 0.18);
  border-color: transparent;
  box-shadow: none;
}

.arrow,
.chevron {
  display: inline-block;
  position: relative;
  margin-left: auto;
  right: 5px;
}
.arrow.arrow-right,
.chevron.arrow-right {
  background: url("../img/arrow-right-icon.svg") no-repeat left center;
  background-size: 5px;
  height: 10px;
  width: 6px;
}
.arrow.arrow-down,
.chevron.arrow-down {
  background: url("../img/arrow-down-icon.svg") no-repeat left center;
  background-size: 10px;
  height: 5px;
  width: 9px;
}
.arrow.chevron-down,
.chevron.chevron-down {
  background: url("../img/chevron-down-icon.svg") no-repeat left center;
  background-size: 10px;
  height: 7px;
  width: 10px;
  right: 0;
  margin-left: 5px;
}

.btn.btn-switch {
  position: relative;
  border-radius: 3rem;
  border: none;
  width: 64px;
  height: 30px;
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 3px 5px !important;
}
.btn.btn-switch .handle {
  position: absolute;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #E7EDF9;
  box-shadow: 0px 4px 4px rgba(50, 58, 75, 0.28);
  left: 3px;
  transition: left 0.25s;
}
.btn.btn-switch.btn-switch-on {
  background-color: #0656B7;
  justify-content: flex-start;
}
.btn.btn-switch.btn-switch-on .handle {
  left: 36px;
  transition: left 0.25s;
}
.btn.btn-switch.btn-switch-on:before {
  content: "ON";
  position: relative;
  font-size: 13px;
  font-weight: 600;
  padding: 0 0.3rem;
  color: #F7F9FD;
}
.btn.btn-switch.btn-switch-off {
  background-color: #627293;
  justify-content: flex-end;
  transition: all 0.5s linear;
}
.btn.btn-switch.btn-switch-off:after {
  content: "OFF";
  position: relative;
  font-size: 13px;
  font-weight: 600;
  padding: 0 0.3rem;
  color: #F7F9FD;
}
.btn.btn-switch.btn-switch-performing-action {
  background-color: #0656B7;
  opacity: 0.8 !important;
  justify-content: flex-start;
}
.btn.btn-switch.btn-switch-performing-action .handle {
  left: 36px;
  transition: left 0.25s;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.btn.btn-switch.btn-switch-performing-action:before {
  content: "";
  position: relative;
  background: url("../img/icons/loading_circle.svg") center no-repeat;
  width: 18px;
  height: 18px;
  padding: 0 0.5rem;
  color: #F7F9FD;
  cursor: not-allowed;
  left: 0.25rem;
  animation: spin 1s linear infinite;
}
.btn.btn-switch.btn-switch-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.mt-20 {
  margin-top: 20px;
}

.mt-60 {
  margin-top: 60px;
}

.h-100 {
  height: 100%;
}

.font-white {
  color: #FFFFFF;
}

.font-bold {
  font-weight: 600;
}

.dark-link {
  color: #1C1D1F;
  font-weight: 600;
  font-size: 12px;
  float: right;
  text-decoration: none;
}

.btn-login {
  padding: 13px 60px !important;
}

.dark-link:hover, .dark-link:focus {
  color: #653AD8;
  text-decoration: none;
}

.no-border {
  border: none;
}

.no-background {
  background: none;
}

.flex-wrap {
  flex-flow: wrap;
}

#login-form input,
#form-activate input,
#reset-password-form input {
  filter: none;
}
#login-form input.form-control,
#form-activate input.form-control,
#reset-password-form input.form-control {
  height: 44px;
  line-height: 44px;
  box-shadow: none;
  filter: none;
}
#login-form input.form-control:focus,
#form-activate input.form-control:focus,
#reset-password-form input.form-control:focus {
  box-shadow: none;
  outline: none !important;
  border: 1px solid #0656B7 !important;
}
#login-form label,
#form-activate label,
#reset-password-form label {
  font-weight: 600;
}
#login-form .btn,
#form-activate .btn,
#reset-password-form .btn {
  margin: 30px 0 0 0;
}
#login-form .help-block,
#form-activate .help-block,
#reset-password-form .help-block {
  margin: 5px 0;
  font-size: 12px;
  font-weight: 400;
}
#login-form .help-block .selection .select2-selection,
#form-activate .help-block .selection .select2-selection,
#reset-password-form .help-block .selection .select2-selection {
  border-radius: 3px;
  box-shadow: none;
  height: 44px;
  line-height: 44px;
  padding: 0 24px 0 12px;
  background: transparent !important;
  border: 1px solid rgba(192, 204, 215, 0.15) !important;
  color: #FFFFFF;
}
#login-form .help-block .selection .select2-selection .select2-selection__arrow,
#form-activate .help-block .selection .select2-selection .select2-selection__arrow,
#reset-password-form .help-block .selection .select2-selection .select2-selection__arrow {
  border: none;
  height: 44px;
  width: 24px;
}
#login-form .help-block .selection .select2-selection .select2-selection__arrow b,
#form-activate .help-block .selection .select2-selection .select2-selection__arrow b,
#reset-password-form .help-block .selection .select2-selection .select2-selection__arrow b {
  border-color: #0656B7 transparent transparent;
  left: 20%;
}
#login-form .help-block .selection .select2-selection .select2-selection__rendered,
#form-activate .help-block .selection .select2-selection .select2-selection__rendered,
#reset-password-form .help-block .selection .select2-selection .select2-selection__rendered {
  color: #FFFFFF;
}

#form-activate .select2-container .selection .select2-selection {
  background: transparent !important;
  border: 1px solid rgba(192, 204, 215, 0.15) !important;
}
#form-activate .select2-container .selection .select2-selection .select2-selection__rendered {
  color: #FFFFFF !important;
}

[data-form-dark] .container {
  width: 100% !important;
}
[data-form-dark] .select2-container .select2-search--dropdown .select2-search__field {
  border: 1px solid #12253C !important;
  color: #FFFFFF !important;
  background: transparent url("../img/search-icon.svg") right 10px top 7px no-repeat;
  border: 1px solid #dee2f7 !important;
  background-size: 12px;
}
[data-form-dark] .select2-container .select2-dropdown {
  border: 1px solid #233551 !important;
}
[data-form-dark] .select2-container .select2-dropdown .select2-search--dropdown {
  background: #021731 !important;
}
[data-form-dark] .select2-container .select2-dropdown .select2-results .select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: #0656b7 #021731;
}
[data-form-dark] .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option {
  background: #021731 !important;
  color: #FFFFFF !important;
  border-bottom: 1px solid rgba(192, 204, 215, 0.15) !important;
}
[data-form-dark] .select2-container .select2-dropdown .select2-results .select2-results__options .select2-results__option.select2-results__option--highlighted {
  background-color: #0656B7 !important;
  transition: all 0.3s linear;
}
[data-form-dark] .cbx-container .cbx {
  border-radius: 3px;
}
[data-form-dark] .cbx-container .cbx:hover {
  box-shadow: none;
}
[data-form-dark] .cbx-container .cbx-md {
  height: 17px;
  width: 17px;
}
[data-form-dark] .cbx-container .cbx-md.cbx-active {
  color: #DEE2F7;
  border-color: #DEE2F7;
  border-radius: 10px;
}
[data-form-dark] .cbx-container .cbx-md .cbx-icon {
  top: -17.5px !important;
}
[data-form-dark] .cbx-container .cbx-md .cbx-icon .glyphicon {
  font-size: 0;
  height: 10px;
  width: 10px;
  border-radius: 10px;
  background: #653AD8;
}

.field-loginform-rememberme,
.field-loginform-rememberme .help-block {
  display: inline;
}

.bg-scribbles {
  background: url("../img/scribble-mask.svg"), #FCFCFE;
  background-size: cover;
  background-position: center;
}

.login-container {
  width: 600px;
}

.login-card-backdrop {
  padding: 8px;
  box-shadow: 0 .6px 3.02px -1.25px #0000000a,0 2.29px 11.45px -2.5px #00000008,0 10px 50px #33333303;
  border-radius: 10px;
}

.login-title {
  margin: 40px 0;
  font-size: 46px;
  font-weight: 700;
  text-align: center;
  width: 600px;
  background-image: linear-gradient(to bottom, #1C1D1F, #3F228C);
  -webkit-background-clip: text;
  color: transparent;
  line-height: 60px;
  letter-spacing: -1%;
}

.login-paragraph {
  text-align: center;
  width: 600px;
  font-size: 20px;
  color: #1C1D1F;
  letter-spacing: -1%;
}

.gap-20 {
  gap: 20px;
}

.login-card {
  background: #FFF;
  border: 1.3px solid #dee2f7;
  border-radius: 10px;
  backdrop-filter: blur(2px);
  padding: 32px 30px;
}
@media screen and (max-width: 767px) {
  .login-card {
    width: 100%;
  }
}
.login-card.tight {
  padding: 30px;
}
.login-card.tight h1 {
  font-size: 24px;
}
.login-card h1, .login-card h2 {
  letter-spacing: -0.8px;
  margin-bottom: 20px;
  color: #F6F6F7;
}
.login-card h1 {
  font-size: 34px;
  margin-top: 0;
}
.login-card h2 {
  font-size: 18px;
}
.login-card p {
  color: #F6F6F7;
  margin-bottom: 20px;
}
.login-card #login-form,
.login-card #request-password-reset-form,
.login-card #reset-password-form {
  width: 500px;
}
@media screen and (max-width: 767px) {
  .login-card #login-form,
  .login-card #request-password-reset-form,
  .login-card #reset-password-form {
    width: auto;
  }
}
.login-card #form-register {
  width: 900px;
}
@media screen and (max-width: 991px) {
  .login-card #form-register {
    width: auto;
  }
}
.login-card #form-activate {
  width: 1200px;
}
@media screen and (max-width: 1199px) {
  .login-card #form-activate {
    width: auto;
  }
}
.login-card #login-form label,
.login-card #form-register label,
.login-card #form-activate label,
.login-card #request-password-reset-form label,
.login-card #reset-password-form label {
  color: #1C1D1F;
}
.login-card #login-form label.cbx-label,
.login-card #form-register label.cbx-label,
.login-card #form-activate label.cbx-label,
.login-card #request-password-reset-form label.cbx-label,
.login-card #reset-password-form label.cbx-label {
  display: inline;
  color: #1C1D1F;
  margin: 0 0 0 10px;
  font-size: 12px;
  line-height: 15px;
}
.login-card #login-form label.control-label,
.login-card #form-register label.control-label,
.login-card #form-activate label.control-label,
.login-card #request-password-reset-form label.control-label,
.login-card #reset-password-form label.control-label {
  color: #1C1D1F;
}
.login-card #login-form .field-registerform-acceptrules,
.login-card #login-form .field-registerform-acceptmarketingrules,
.login-card #login-form .field-registerform-acceptsalesrules,
.login-card #login-form .field-registerform-withdrawalrules,
.login-card #form-register .field-registerform-acceptrules,
.login-card #form-register .field-registerform-acceptmarketingrules,
.login-card #form-register .field-registerform-acceptsalesrules,
.login-card #form-register .field-registerform-withdrawalrules,
.login-card #form-activate .field-registerform-acceptrules,
.login-card #form-activate .field-registerform-acceptmarketingrules,
.login-card #form-activate .field-registerform-acceptsalesrules,
.login-card #form-activate .field-registerform-withdrawalrules,
.login-card #request-password-reset-form .field-registerform-acceptrules,
.login-card #request-password-reset-form .field-registerform-acceptmarketingrules,
.login-card #request-password-reset-form .field-registerform-acceptsalesrules,
.login-card #request-password-reset-form .field-registerform-withdrawalrules,
.login-card #reset-password-form .field-registerform-acceptrules,
.login-card #reset-password-form .field-registerform-acceptmarketingrules,
.login-card #reset-password-form .field-registerform-acceptsalesrules,
.login-card #reset-password-form .field-registerform-withdrawalrules {
  display: grid;
  justify-content: flex-start;
  margin-bottom: 5px;
}
.login-card #login-form .field-registerform-acceptrules .help-block,
.login-card #login-form .field-registerform-acceptmarketingrules .help-block,
.login-card #login-form .field-registerform-acceptsalesrules .help-block,
.login-card #login-form .field-registerform-withdrawalrules .help-block,
.login-card #form-register .field-registerform-acceptrules .help-block,
.login-card #form-register .field-registerform-acceptmarketingrules .help-block,
.login-card #form-register .field-registerform-acceptsalesrules .help-block,
.login-card #form-register .field-registerform-withdrawalrules .help-block,
.login-card #form-activate .field-registerform-acceptrules .help-block,
.login-card #form-activate .field-registerform-acceptmarketingrules .help-block,
.login-card #form-activate .field-registerform-acceptsalesrules .help-block,
.login-card #form-activate .field-registerform-withdrawalrules .help-block,
.login-card #request-password-reset-form .field-registerform-acceptrules .help-block,
.login-card #request-password-reset-form .field-registerform-acceptmarketingrules .help-block,
.login-card #request-password-reset-form .field-registerform-acceptsalesrules .help-block,
.login-card #request-password-reset-form .field-registerform-withdrawalrules .help-block,
.login-card #reset-password-form .field-registerform-acceptrules .help-block,
.login-card #reset-password-form .field-registerform-acceptmarketingrules .help-block,
.login-card #reset-password-form .field-registerform-acceptsalesrules .help-block,
.login-card #reset-password-form .field-registerform-withdrawalrules .help-block {
  grid-column: 2;
  margin: 5px 0 0 10px;
}
.login-card #login-form .cbx-container,
.login-card #form-register .cbx-container,
.login-card #form-activate .cbx-container,
.login-card #request-password-reset-form .cbx-container,
.login-card #reset-password-form .cbx-container {
  display: inline-grid;
}
.login-card #login-form .cbx-container .cbx-md,
.login-card #form-register .cbx-container .cbx-md,
.login-card #form-activate .cbx-container .cbx-md,
.login-card #request-password-reset-form .cbx-container .cbx-md,
.login-card #reset-password-form .cbx-container .cbx-md {
  height: 15px;
  width: 15px;
  align-content: center;
}
.login-card #login-form .has-error input.form-control[type=password],
.login-card #login-form .has-error input.form-control[type=text],
.login-card #form-register .has-error input.form-control[type=password],
.login-card #form-register .has-error input.form-control[type=text],
.login-card #form-activate .has-error input.form-control[type=password],
.login-card #form-activate .has-error input.form-control[type=text],
.login-card #request-password-reset-form .has-error input.form-control[type=password],
.login-card #request-password-reset-form .has-error input.form-control[type=text],
.login-card #reset-password-form .has-error input.form-control[type=password],
.login-card #reset-password-form .has-error input.form-control[type=text] {
  border: 1px solid #f3a57c !important;
}
.login-card #login-form input.form-control[type=password],
.login-card #login-form input.form-control[type=text],
.login-card #form-register input.form-control[type=password],
.login-card #form-register input.form-control[type=text],
.login-card #form-activate input.form-control[type=password],
.login-card #form-activate input.form-control[type=text],
.login-card #request-password-reset-form input.form-control[type=password],
.login-card #request-password-reset-form input.form-control[type=text],
.login-card #reset-password-form input.form-control[type=password],
.login-card #reset-password-form input.form-control[type=text] {
  background: transparent !important;
  border: 1px solid #dee2f7;
  height: 44px;
  transition: border 0.3s linear;
  color: #3E434C;
}
.login-card #login-form input.form-control[type=password]:focus,
.login-card #login-form input.form-control[type=text]:focus,
.login-card #form-register input.form-control[type=password]:focus,
.login-card #form-register input.form-control[type=text]:focus,
.login-card #form-activate input.form-control[type=password]:focus,
.login-card #form-activate input.form-control[type=text]:focus,
.login-card #request-password-reset-form input.form-control[type=password]:focus,
.login-card #request-password-reset-form input.form-control[type=text]:focus,
.login-card #reset-password-form input.form-control[type=password]:focus,
.login-card #reset-password-form input.form-control[type=text]:focus {
  outline: none !important;
  border: 1px solid #653AD8 !important;
}
.login-card #login-form input.form-control[type=password]:-webkit-autofill, .login-card #login-form input.form-control[type=password]:-webkit-autofill:hover, .login-card #login-form input.form-control[type=password]:-webkit-autofill:focus, .login-card #login-form input.form-control[type=password]:-webkit-autofill:active,
.login-card #login-form input.form-control[type=text]:-webkit-autofill,
.login-card #login-form input.form-control[type=text]:-webkit-autofill:hover,
.login-card #login-form input.form-control[type=text]:-webkit-autofill:focus,
.login-card #login-form input.form-control[type=text]:-webkit-autofill:active,
.login-card #form-register input.form-control[type=password]:-webkit-autofill,
.login-card #form-register input.form-control[type=password]:-webkit-autofill:hover,
.login-card #form-register input.form-control[type=password]:-webkit-autofill:focus,
.login-card #form-register input.form-control[type=password]:-webkit-autofill:active,
.login-card #form-register input.form-control[type=text]:-webkit-autofill,
.login-card #form-register input.form-control[type=text]:-webkit-autofill:hover,
.login-card #form-register input.form-control[type=text]:-webkit-autofill:focus,
.login-card #form-register input.form-control[type=text]:-webkit-autofill:active,
.login-card #form-activate input.form-control[type=password]:-webkit-autofill,
.login-card #form-activate input.form-control[type=password]:-webkit-autofill:hover,
.login-card #form-activate input.form-control[type=password]:-webkit-autofill:focus,
.login-card #form-activate input.form-control[type=password]:-webkit-autofill:active,
.login-card #form-activate input.form-control[type=text]:-webkit-autofill,
.login-card #form-activate input.form-control[type=text]:-webkit-autofill:hover,
.login-card #form-activate input.form-control[type=text]:-webkit-autofill:focus,
.login-card #form-activate input.form-control[type=text]:-webkit-autofill:active,
.login-card #request-password-reset-form input.form-control[type=password]:-webkit-autofill,
.login-card #request-password-reset-form input.form-control[type=password]:-webkit-autofill:hover,
.login-card #request-password-reset-form input.form-control[type=password]:-webkit-autofill:focus,
.login-card #request-password-reset-form input.form-control[type=password]:-webkit-autofill:active,
.login-card #request-password-reset-form input.form-control[type=text]:-webkit-autofill,
.login-card #request-password-reset-form input.form-control[type=text]:-webkit-autofill:hover,
.login-card #request-password-reset-form input.form-control[type=text]:-webkit-autofill:focus,
.login-card #request-password-reset-form input.form-control[type=text]:-webkit-autofill:active,
.login-card #reset-password-form input.form-control[type=password]:-webkit-autofill,
.login-card #reset-password-form input.form-control[type=password]:-webkit-autofill:hover,
.login-card #reset-password-form input.form-control[type=password]:-webkit-autofill:focus,
.login-card #reset-password-form input.form-control[type=password]:-webkit-autofill:active,
.login-card #reset-password-form input.form-control[type=text]:-webkit-autofill,
.login-card #reset-password-form input.form-control[type=text]:-webkit-autofill:hover,
.login-card #reset-password-form input.form-control[type=text]:-webkit-autofill:focus,
.login-card #reset-password-form input.form-control[type=text]:-webkit-autofill:active {
  -webkit-background-clip: text;
  -webkit-text-fill-color: #3E434C;
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 0px 1000px transparent;
}
.login-card #login-form .btn,
.login-card #form-register .btn,
.login-card #form-activate .btn,
.login-card #request-password-reset-form .btn,
.login-card #reset-password-form .btn {
  margin-top: 30px;
  padding: 13px 60px;
}
.login-card #form-register label.cbx-label {
  font-size: 11px !important;
}

.alert-login {
  width: 643px;
}
.alert-login .alert {
  margin-left: 0;
  margin-right: 0;
}

.has-error .help-block {
  color: #f3a57c;
}

.has-success .help-block {
  color: #FFFFFF;
}

.has-success .cbx-active {
  border-color: #0656B7;
}

.help-block {
  color: #747687;
}

.login-header .language-changer {
  background: transparent !important;
  width: 80px !important;
}
.login-header .language-changer ul {
  background: rgba(11, 24, 44, 0.9);
  backdrop-filter: blur(1px);
  border-radius: 3px;
}
.login-header .language-changer ul li .language-switcher {
  background: rgba(11, 24, 44, 0.9) !important;
  line-height: normal !important;
  height: auto !important;
  padding: 10px 28px !important;
  display: flex !important;
  align-items: center;
  flex-direction: column;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-bottom: 1px solid rgba(231, 237, 246, 0.1);
}
.login-header .language-changer ul li .language-switcher:hover {
  background: #0656B7 !important;
}
.login-header .language-changer ul li:last-child .language-switcher {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
  border-bottom: 0;
}
.login-header .language-changer .hide-panel {
  display: none;
}

[data-form-dark] #content-holder {
  padding: 20px;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animated.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.flex-grow div {
  flex-grow: 1;
}

.modal.popup-modal {
  padding-right: 0 !important;
}
.modal.popup-modal .slick-track {
  min-width: 609px;
}
@media (min-width: 768px) {
  .modal.popup-modal .modal-dialog {
    width: 650px;
  }
}
@media (min-width: 480px) {
  .modal.popup-modal.modal.in .modal-dialog {
    transform: translate(0, 25%);
  }
}
.modal.popup-modal .modal-content {
  position: relative;
  background: #01152D;
  padding: 20px;
}
.modal.popup-modal .modal-content.gradient-mask {
  background: url(../img/gradient-mask.png), #01152D;
  background-size: cover;
}
.modal.popup-modal .modal-content .modal-slider {
  margin-bottom: 60px;
}
.modal.popup-modal .modal-content .slick-dots {
  bottom: -30px;
}
.modal.popup-modal .modal-content .slick-dots li.slick-active button::before {
  color: #0656B7;
}
.modal.popup-modal .modal-content .slick-dots li button::before {
  color: #37485A;
  opacity: 1;
  font-size: 8px;
}
.modal.popup-modal .modal-content .modal-header {
  background: transparent;
  border-bottom: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 609px;
}
@media (max-width: 672px) {
  .modal.popup-modal .modal-content .modal-header {
    min-width: auto;
  }
}
.modal.popup-modal .modal-content .modal-header img {
  width: 100%;
  height: 240px;
  border-radius: 4px;
  object-fit: cover;
}
.modal.popup-modal .modal-content .modal-body {
  margin-top: 30px;
  background: transparent;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 609px;
}
@media (max-width: 672px) {
  .modal.popup-modal .modal-content .modal-body {
    min-width: auto;
  }
}
.modal.popup-modal .modal-content .modal-body-title {
  text-align: center;
  font-weight: 600;
  font-size: 22px;
  color: #F6F6F7;
  letter-spacing: -0.3px;
}
.modal.popup-modal .modal-content .modal-body-description {
  margin: 0;
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: rgba(246, 246, 247, 0.8);
}
.modal.popup-modal .modal-content .modal-body-description strong, .modal.popup-modal .modal-content .modal-body-description a {
  font-weight: 600;
  color: rgba(246, 246, 247, 0.8);
}
.modal.popup-modal .modal-content .modal-footer {
  background: transparent;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .modal.popup-modal .modal-content .modal-footer {
    flex-direction: row;
  }
}
.modal.popup-modal .modal-content .modal-footer::before, .modal.popup-modal .modal-content .modal-footer::after {
  display: none;
}
.modal.popup-modal .modal-content .modal-footer .btn-cancel {
  background: #192C45;
  color: #F6F6F7;
}
.modal.popup-modal .modal-content .modal-footer .btn-cancel:hover {
  background: #172940;
}
.modal.popup-modal .modal-content .modal-footer .btn {
  margin: 0;
  padding: 13px 60px;
}

/* ------------ GENERAL ---------------- */
* {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  scrollbar-width: thin;
  scrollbar-color: #a4adbf #DCE2EC;
}

*::-webkit-scrollbar {
  width: 2px;
}

*::-webkit-scrollbar-track {
  background: #DCE2EC;
}

*::-webkit-scrollbar-thumb {
  background-color: #a4adbf;
  border-radius: 6px;
}

body {
  height: 100%;
  overflow: hidden;
  position: relative;
  background: #FCFCFE;
  color: rgba(34, 52, 88, 0.85);
  font-family: "Plus Jakarta Sans", serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.1px;
}

a {
  color: #653AD8;
  transition: all 0.3s linear;
}
a:hover, a:focus {
  color: #3F228C;
  text-decoration: none;
}

sup {
  font-weight: 600;
  font-size: 80%;
  opacity: 0.8;
}

strong,
b {
  font-weight: 600;
}

h1 {
  color: #24223b;
  font-weight: 600;
}

h4 {
  color: #24223b;
  font-weight: 600;
  font-size: 1em;
}

.fw-bold {
  font-weight: 600;
}

.no-padding {
  padding: 0;
}

.d-flex {
  display: flex;
}

.space-between {
  justify-content: space-between;
}

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

.bg-danger {
  background-color: #d9534f;
}

.bg-success {
  background-color: #6639d8;
}

.bg-warning {
  background-color: #f4a66a;
}

.bg-info {
  background-color: #00bf9a;
}

.btn {
  border-radius: 6px;
  border-width: 1px 1px 2px;
  padding: 8px 16px;
  font-weight: 600;
  font-size: 13px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px 0;
  transition: all 0.5s linear;
}
.btn:focus, .btn:active {
  outline: none !important;
}
.btn .btn-icon {
  position: relative;
  margin-right: 3px;
  top: -1px;
}
.btn.btn-basic {
  background: #EAECF3;
  box-shadow: none;
  border-color: #EAECF3;
  color: #24223b;
}
.btn.btn-basic:hover {
  background: #DADEED;
  border-color: #DADEED;
}
.btn.btn-default {
  background: #6639d8;
  border-color: #6639d8;
  color: #fff !important;
}
.btn.btn-default:hover {
  background: #703EDD;
  border-color: #703EDD;
}
.btn.btn-grey {
  background: #DCE2EC;
  border-color: #DCE2EC;
  box-shadow: none;
}
.btn.btn-primary {
  background: #6639d8;
  border-color: #6639d8;
}
.btn.btn-primary:hover {
  background: #1369D0;
  border-color: #1369D0;
}
.btn.btn-primary.btn-small {
  border-radius: 4px;
  padding: 13px 15px;
  line-height: 0;
}
.btn.btn-danger {
  background: #F3A57C;
  border-color: #F3A57C;
}
.btn.btn-danger:hover {
  background: #F5B796;
  border-color: #F5B796;
}
.btn.btn-success {
  background: #3f228c;
  border-color: #3f228c;
}
.btn.btn-success:hover {
  background: #512ca0;
  border-color: #512ca0;
}
.btn.btn-warning {
  background: #f4a66a;
  border-color: #f4a66a;
}
.btn.btn-warning:hover {
  background: #ffb882;
  border-color: #ffb882;
}
.btn.btn-info {
  background: #00bf9a;
  border-color: #00bf9a;
}
.btn.btn-info:hover {
  background: #04caa4;
  border-color: #04caa4;
}
.btn.btn-icon {
  padding: 13px 15px;
}
.btn.btn-icon img {
  display: flex;
}
.btn.btn-transparent {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}
.btn.btn-transparent:hover {
  background: transparent;
  border-color: transparent;
}
.btn.btn-apply {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  background-color: rgba(135, 146, 168, 0.14);
  border-radius: 0.25rem;
  padding: 5px 10px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #24223b;
}
.btn.btn-full {
  width: 100%;
}
.btn.btn-small {
  font-size: 13px;
  padding: 4px 10px;
}
.btn.pull-right {
  margin-left: 5px;
}
.btn.btn-big {
  padding: 13px 60px;
}
.btn .glyphicon {
  margin: 0 5px 0 0;
}
.btn.waiting {
  cursor: wait;
}

.btn-back {
  color: #1C1D1F;
  font-weight: 600;
}

.btn-back:hover:before {
  transform: translateX(-5px);
}

.btn-back:before {
  display: inline-flex;
  padding-right: 5px;
  content: url("../img/icons/back.svg");
  vertical-align: middle;
  transition: transform 0.3s ease-out;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 13px;
}

.btn-xs {
  padding: 1px 5px;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-100 {
  margin-bottom: 100px !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.badge {
  padding: 3px 6px;
}
.badge.status-new {
  background-color: #0756B7;
}
.badge.status-ready, .badge.status-online, .badge.status-success {
  background-color: #36C697;
}
.badge.status-offline, .badge.status-default {
  background-color: rgba(135, 146, 168, 0.7);
}
.badge.status-rebooting {
  background-color: #2DB1F6;
}
.badge.status-reinstallation {
  background-color: #F7A75F;
}
.badge.status-performing_action, .badge.status-processing, .badge.status-info {
  background-color: #3B84FF;
}
.badge.status-danger, .badge.status-error {
  background-color: #E04D6C;
}
.badge.badge-secondary {
  background-color: rgba(135, 146, 168, 0.14);
  font-weight: 600;
  font-size: 13px;
  color: #24223b;
}

.badge-primary {
  position: absolute;
  top: 2px;
  left: 38px;
  background-color: #6639d8;
  padding: 2px 4px;
  font-size: 11px;
  font-weight: 600;
  border: 3px solid rgba(0, 0, 0, 0.49);
}

.open > .dropdown-toggle.btn-success {
  background: #3f228c;
  border-color: #3f228c;
}

.open > .dropdown-toggle.btn-success:hover, .open > .dropdown-toggle.btn-success:focus {
  background: #512ca0;
  border-color: #512ca0;
  cursor: pointer;
}
.open > .dropdown-toggle.btn-default {
  background: #3F228C;
  border-color: #3F228C;
  color: #fff;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px 0;
}
.open > .dropdown-toggle.btn-default:hover, .open > .dropdown-toggle.btn-default:focus {
  background: #512ca0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px 0;
  border-color: #512ca0;
  color: white;
}
.open > .dropdown-menu {
  background: #FFFFFF;
  box-shadow: 0.5px 3.02px 4px rgba(0, 0, 0, 0.04), 0px 2.29px 11.45px rgba(0, 0, 0, 0.05), 0px 10px 50px rgba(0, 0, 0, 0.01);
  border: 1px solid #DEE2F7;
  color: #24223b;
}
.open > .dropdown-menu.dropdown-menu-right {
  position: fixed;
  right: auto;
}
.open > .dropdown-menu.dropdown-button-right {
  right: 0;
  left: auto;
}
.open > .dropdown-menu > li > a {
  color: #485068;
  padding: 6px 20px;
  font-size: 13px;
}
.open > .dropdown-menu > li > a:hover, .open > .dropdown-menu > li > a:focus {
  background-color: #6639d8;
  color: #fff !important;
  cursor: pointer;
}
.open > .dropdown-menu > li > button {
  color: #485068;
  padding: 6px 20px;
  background: transparent;
  box-shadow: none;
  border: 0;
  width: 100%;
  text-align: left;
}
.open > .dropdown-menu > li > button:hover, .open > .dropdown-menu > li > button:focus {
  background-color: #6639d8;
  color: #fff !important;
  cursor: pointer;
}

.dropdown .glyphicon {
  font-size: 18px;
  line-height: unset;
  color: #8286A5;
}

.custom-filters-dropdown {
  min-width: 180px;
}
.custom-filters-dropdown a {
  color: #485068;
}
.custom-filters-dropdown .clear {
  color: #637393;
  font-size: 20px;
}

#custom-filters-btn {
  border-radius: 3px;
}

input[type=text], input[type=email], input[type=tel], input[type=password], input[type=number] {
  border-radius: 3px;
  border: 1px solid #dee2f7 !important;
  background: white !important;
  box-shadow: none;
  transition: background-color 0.3s;
  color: #485068;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, input[type=number]:focus {
  box-shadow: none;
  border: 1px solid #653AD8 !important;
}

select.form-control {
  border-radius: 3px;
  background: #FFF;
  border: 1px solid #dee2f7 !important;
  box-shadow: none;
  border: 0;
  transition: background-color 0.3s;
  color: #485068;
}
select.form-control:focus {
  box-shadow: none;
  border: 1px solid #653AD8 !important;
}

.form-control {
  background-color: #FFF;
  border-right: 4px;
  border: 1px solid rgba(206, 218, 230, 0.8);
}
.form-control:focus {
  box-shadow: none;
}
.form-control::placeholder {
  color: #9FA7B3;
}
.form-control[readonly] {
  background: rgba(213, 223, 233, 0.45) !important;
}

.form-group label {
  font-weight: 600;
}

.client-representation-form-holder .grid-form {
  display: grid;
  gap: 10px;
  grid-template-columns: [clientrepresentation-first_name] 1fr [clientrepresentation-last_name] 1fr [clientrepresentation-position] 1fr [actions] 0.3fr;
}
.client-representation-form-holder .grid-form .btn {
  height: fit-content;
  grid-row-start: 3;
  grid-row-end: 3;
}
.client-representation-form-holder .grid-form .btn-cancel {
  background: #627293;
  color: white;
  margin-right: 5px;
}
.client-representation-form-holder .form-group {
  display: grid;
  margin: 0;
}

input[type=date] {
  border-radius: 3px;
  background: #E2E8F2;
  box-shadow: none;
  border: 0;
  transition: background-color 0.3s;
  color: #485068;
}

label {
  font-weight: 600;
}

textarea {
  border-radius: 3px;
  background: #E2E8F2;
  box-shadow: none;
  border: 0;
  transition: background-color 0.3s;
}
textarea:focus {
  box-shadow: none;
}

.cbx-container .cbx {
  border-radius: 3px;
}
.cbx-container .cbx:hover {
  box-shadow: none;
}
.cbx-container .cbx-md {
  height: 17px;
  width: 17px;
  border-color: #AAB3C5;
  box-shadow: none;
}
.cbx-container .cbx-md .cbx-icon {
  top: -6px !important;
}
.cbx-container .cbx-md .cbx-icon .glyphicon {
  font-size: 10px;
}
.cbx-container .cbx-md.cbx-active .cbx-icon {
  color: #6639d8;
}

.cbx-active:hover {
  box-shadow: none;
  border-color: #92969D;
}

.has-error .form-control {
  box-shadow: none;
  border: 0;
}
.has-error .form-control:focus {
  box-shadow: none;
  border: 0;
}
.has-error .cbx-label {
  color: #e95f5a;
}
.has-error .cbx-active {
  color: #e95f5a;
  border-color: #e95f5a;
  box-shadow: none;
}
.has-error .cbx-active:focus {
  box-shadow: none;
  border-color: #e95f5a;
}

.has-success .form-control {
  box-shadow: none;
  border: 0;
}
.has-success .form-control:focus {
  box-shadow: none;
  border: 0;
}
.has-success .cbx-label {
  color: #25C196;
}
.has-success .cbx-active {
  color: #25C196;
  border-color: #25C196;
  box-shadow: none;
}
.has-success .cbx-active:focus {
  box-shadow: none;
  border-color: #25C196;
}

.modal-open .select2-container--krajee .select2-selection--single .select2-selection__rendered {
  padding-left: 0 !important;
}
.modal-open .select2-dropdown {
  margin-top: -1px;
}
.modal-open .select2-search--dropdown .select2-search__field {
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
}

.select2-container--krajee .select2-results > .select2-results__options {
  scrollbar-width: thin;
  scrollbar-color: #6639d8 #e3e9f2;
  max-height: 400px;
  overflow: auto;
}
.select2-container--krajee .select2-results > .select2-results__options::-webkit-scrollbar {
  width: 2px;
}
.select2-container--krajee .select2-results > .select2-results__options::-webkit-scrollbar-track {
  background: #E3E9F2;
}
.select2-container--krajee .select2-results > .select2-results__options::-webkit-scrollbar-thumb {
  background-color: #6639d8;
  border-radius: 6px;
}
.select2-container--krajee .select2-selection--single {
  border: 0;
  border-radius: 3px;
  box-shadow: none;
  border: 1px solid #dee2f7 !important;
  background: none !important;
  padding: 0 0 0 12px !important;
  height: 34px !important;
  line-height: 34px;
}
.select2-container--krajee .select2-selection--single:focus {
  box-shadow: none;
}
.select2-container--krajee .select2-selection--single .select2-selection__rendered {
  padding-right: 20px;
  color: #3E434C;
}
.select2-container--krajee .select2-selection--single .select2-selection__placeholder {
  color: #485068;
  font-size: 13px;
}
.select2-container--krajee .select2-selection--single .select2-selection__arrow {
  border-left: 0;
}
.select2-container--krajee .select2-selection--single .select2-selection__arrow b {
  border-color: #6639d8 transparent transparent;
  left: 20%;
}
.select2-container--krajee.select2-container--open .select2-selection {
  box-shadow: none;
}
.select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #6639d8;
}
.select2-container--krajee.select2-container--open .select2-dropdown--below {
  box-shadow: none;
  border: 1px solid rgba(206, 218, 230, 0.8) !important;
}
.select2-container--krajee .select2-search--dropdown {
  background: #FFF;
}
.select2-container--krajee .select2-search--dropdown .select2-search__field {
  border: 0;
  box-shadow: none;
  color: #485068;
  padding-left: 8px;
  background: #FFFFFF url("../img/search-icon.svg") right 10px top 7px no-repeat;
  border: 1px solid #dee2f7 !important;
  background-size: 14px;
}

.has-success .select2-container--krajee.select2-container--focus .select2-selection {
  box-shadow: none;
}

.bootstrap-switch {
  border-color: #dee2f7;
  box-shadow: none;
  font-weight: 600;
}
.bootstrap-switch .bootstrap-switch-success {
  background-color: #36C697 !important;
}
.bootstrap-switch .bootstrap-switch-danger {
  background-color: #f37c7c !important;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label, .bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
  background: #FFF;
}
.bootstrap-switch.bootstrap-switch-focused {
  outline: none;
  box-shadow: none;
  border-color: #f2f5f9;
}

.draggable {
  cursor: move;
  user-select: none;
}

.placeholder {
  background-color: #edf2f7;
  border: 2px dashed #cbd5e0;
}

/* ---------------- ALERTS --------------------- */
.alert {
  border-radius: 3px;
  margin: 15px 15px 0;
  border-width: 1px 1px 2px;
  border: none;
  font-weight: 600;
  padding-left: 55px;
}
.alert a {
  color: #fff;
  font-weight: 600;
  text-decoration: underline;
}
.alert a:hover {
  opacity: 0.8;
}
.alert.alert-success {
  color: #fff;
  background: #25C196 url("../img/alert-success.svg") no-repeat left center;
  background-position-x: 10px;
}
.alert.alert-warning {
  color: #fff;
  background: #ffb54d url("../img/alert-warning.svg") no-repeat left center;
  background-position-x: 10px;
}
.alert.alert-info {
  color: #fff;
  background: #4597FB url("../img/alert-info.svg") no-repeat left center;
  background-position-x: 10px;
}
.alert.alert-danger {
  color: white;
  background: #e95f5a url("../img/alert-danger.svg") no-repeat left center;
  background-position-x: 10px;
}

.close {
  color: #fff;
  opacity: 1;
  font-weight: 500;
  margin-left: 5px;
  font-size: 24px;
  line-height: 16px;
  text-shadow: none;
  transition: all 0.5s linear;
}
.close:hover, .close:focus {
  color: white;
  opacity: 0.8;
}

.login .alert {
  margin-bottom: -40px;
}

#wrapper {
  width: 100%;
  height: 100%;
  margin: 0;
  min-height: 100%;
  padding: 0;
  position: relative;
}

#brand {
  display: block;
  margin: 0;
  padding: 0;
}
#brand img {
  height: 28px;
}
#brand.brand-panel img {
  height: 25px;
}

.login #brand {
  line-height: 70px;
}

#sidebar,
#userbar {
  left: 0;
  position: fixed;
  width: 260px;
  max-width: 260px;
  height: 100%;
  max-height: 100vh;
  z-index: 2;
  background: #FFFFFF;
  box-shadow: 0.5px 3.02px 4px rgba(0, 0, 0, 0.04), 0px 2.29px 11.45px rgba(0, 0, 0, 0.05), 0px 10px 50px rgba(0, 0, 0, 0.01);
  border-right: 1px solid #DEE2F7;
  color: #ecf0f1;
  transition: 0.3s ease;
}
#sidebar .sidebar-header,
#userbar .sidebar-header {
  margin: 0 0 3.5rem 0;
  padding: 2.35rem 2.85rem 0 2.85rem;
}
#sidebar .sidebar-header .language-changer,
#userbar .sidebar-header .language-changer {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  cursor: pointer;
  font-weight: 600;
}
#sidebar .sidebar-header .language-changer ul,
#userbar .sidebar-header .language-changer ul {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 60px;
}
#sidebar .sidebar-header .language-changer ul li a,
#userbar .sidebar-header .language-changer ul li a {
  width: max-content;
  text-transform: uppercase;
  padding: 0 12px;
  height: 60px;
  line-height: 60px;
  width: 60px;
  display: block;
}
#sidebar .sidebar-header .language-changer:hover ul,
#userbar .sidebar-header .language-changer:hover ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 100;
}
#sidebar .sidebar-header .language-changer:hover ul li a,
#userbar .sidebar-header .language-changer:hover ul li a {
  display: block;
  color: #fff;
  line-height: 60px;
  text-decoration: none;
  background: #6639d8;
}
#sidebar .sidebar-header .language-changer:hover ul li a:hover,
#userbar .sidebar-header .language-changer:hover ul li a:hover {
  background: #095ec6;
}
#sidebar .sidebar-header .language-changer:hover ul li:last-child a,
#userbar .sidebar-header .language-changer:hover ul li:last-child a {
  border-radius: 0 0 3px 3px;
}
#sidebar .sidebar-header #brand,
#userbar .sidebar-header #brand {
  display: block;
  margin: 0;
}
#sidebar .sidebar-body,
#userbar .sidebar-body {
  position: relative;
  width: 100%;
  height: calc(100% - 65px);
  overflow: hidden auto;
}
#sidebar .sidebar-body nav,
#userbar .sidebar-body nav {
  height: 100%;
  overflow: auto;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 120px;
  display: flex;
  flex-direction: column;
  scrollbar-width: thin;
  scrollbar-color: #6639d8 #FFF;
}
#sidebar .sidebar-body nav::-webkit-scrollbar,
#userbar .sidebar-body nav::-webkit-scrollbar {
  width: 2px;
}
#sidebar .sidebar-body nav::-webkit-scrollbar-track,
#userbar .sidebar-body nav::-webkit-scrollbar-track {
  background: #24223b;
}
#sidebar .sidebar-body nav::-webkit-scrollbar-thumb,
#userbar .sidebar-body nav::-webkit-scrollbar-thumb {
  background-color: #6639d8;
  border-radius: 6px;
}
#sidebar .sidebar-body nav ul,
#userbar .sidebar-body nav ul {
  overflow: hidden auto;
  margin: 0;
  padding: 0;
  scrollbar-width: thin;
  scrollbar-color: #6639d8 #24223b;
}
#sidebar .sidebar-body nav ul::-webkit-scrollbar,
#userbar .sidebar-body nav ul::-webkit-scrollbar {
  width: 4px;
}
#sidebar .sidebar-body nav ul::-webkit-scrollbar-track,
#userbar .sidebar-body nav ul::-webkit-scrollbar-track {
  background: #24223b;
}
#sidebar .sidebar-body nav ul::-webkit-scrollbar-thumb,
#userbar .sidebar-body nav ul::-webkit-scrollbar-thumb {
  background-color: #6639d8;
  border-radius: 6px;
}
#sidebar .sidebar-body nav ul li,
#userbar .sidebar-body nav ul li {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
#sidebar .sidebar-body nav ul li a,
#userbar .sidebar-body nav ul li a {
  display: flex;
  align-items: center;
  position: relative;
  padding: 9px 15px 9px 25px;
  white-space: nowrap;
  overflow: hidden;
  color: #261F3F;
  font-size: 1.4rem;
  font-weight: 600;
}
#sidebar .sidebar-body nav ul li a .icon,
#userbar .sidebar-body nav ul li a .icon {
  background-color: #7D83B0;
}
#sidebar .sidebar-body nav ul li a img,
#userbar .sidebar-body nav ul li a img {
  margin-right: 13px;
}
#sidebar .sidebar-body nav ul li a span:nth-of-type(2),
#userbar .sidebar-body nav ul li a span:nth-of-type(2) {
  visibility: visible;
  opacity: 1;
}
#sidebar .sidebar-body nav ul li a:hover, #sidebar .sidebar-body nav ul li a:focus,
#userbar .sidebar-body nav ul li a:hover,
#userbar .sidebar-body nav ul li a:focus {
  opacity: 1;
  outline: none;
  text-decoration: none;
}
#sidebar .sidebar-body nav ul li a:hover .icon, #sidebar .sidebar-body nav ul li a:focus .icon,
#userbar .sidebar-body nav ul li a:hover .icon,
#userbar .sidebar-body nav ul li a:focus .icon {
  background-color: #653AD8;
}
#sidebar .sidebar-body nav ul li a i,
#userbar .sidebar-body nav ul li a i {
  margin-right: 1.25rem;
  font-size: 22px;
  top: 1px;
  width: 22px;
  position: relative;
  display: inline-block;
  text-align: center;
}
#sidebar .sidebar-body nav ul li.submenu > a > i:last-child,
#userbar .sidebar-body nav ul li.submenu > a > i:last-child {
  font-size: 16px;
  top: -2px;
  margin-left: auto;
  margin-right: 0;
}
#sidebar .sidebar-body nav ul li.submenu ul,
#userbar .sidebar-body nav ul li.submenu ul {
  position: relative;
  width: 100%;
  display: none;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 4.5rem;
}
#sidebar .sidebar-body nav ul li.submenu ul::before,
#userbar .sidebar-body nav ul li.submenu ul::before {
  content: "";
  position: absolute;
  display: block;
  background-color: #dee2f7;
  width: 1px;
  height: 100%;
  left: calc(4.5rem + 1px);
  top: 0;
}
#sidebar .sidebar-body nav ul li.submenu ul li a,
#userbar .sidebar-body nav ul li.submenu ul li a {
  position: relative;
  padding-left: 20px;
}
#sidebar .sidebar-body nav ul li.submenu ul li a:hover,
#userbar .sidebar-body nav ul li.submenu ul li a:hover {
  opacity: 1;
}
#sidebar .sidebar-body nav ul li.submenu ul li a:hover::before,
#userbar .sidebar-body nav ul li.submenu ul li a:hover::before {
  width: 2px;
}
#sidebar .sidebar-body nav ul li.submenu.active > ul,
#userbar .sidebar-body nav ul li.submenu.active > ul {
  display: block;
}
#sidebar .sidebar-body nav ul li.submenu.active > ul > li.active a,
#userbar .sidebar-body nav ul li.submenu.active > ul > li.active a {
  color: #261F3F;
}
#sidebar .sidebar-body nav ul li.submenu.active > ul > li.active a::before,
#userbar .sidebar-body nav ul li.submenu.active > ul > li.active a::before {
  width: 2px;
}
#sidebar .sidebar-body nav ul li.submenu.active > a > i:last-child,
#userbar .sidebar-body nav ul li.submenu.active > a > i:last-child {
  transform: rotate(180deg);
}
#sidebar .sidebar-body nav ul li.active,
#userbar .sidebar-body nav ul li.active {
  position: relative;
}
#sidebar .sidebar-body nav ul li.active > a::before,
#userbar .sidebar-body nav ul li.active > a::before {
  content: "";
  position: absolute;
  background-color: #653AD8;
  width: 4px;
  height: 100%;
  top: 0;
  left: -0.5px;
}
#sidebar .sidebar-body nav ul li.active > a .arrow-right,
#userbar .sidebar-body nav ul li.active > a .arrow-right {
  background: url("../img/arrow-right-iconhover.svg") no-repeat left center;
  transform: rotate(90deg);
  background-size: 5px;
}
#sidebar .sidebar-body nav ul li.active > a .icon,
#userbar .sidebar-body nav ul li.active > a .icon {
  background-color: #653AD8;
}
#sidebar .sidebar-body nav .sidebar-nav-user,
#userbar .sidebar-body nav .sidebar-nav-user {
  display: flex;
  justify-content: space-between;
  flex-shrink: 0;
  align-items: center;
  padding-left: 25px;
  padding-right: 15px;
  padding-bottom: 80px;
  padding-top: 40px;
  height: 70px;
  position: absolute;
  bottom: 0;
  width: 100%;
  transition: all 0.3s linear;
}
#sidebar .sidebar-body nav .sidebar-nav-user .btn-group.open .dropdown-toggle {
  box-shadow: none !important;
}
#sidebar .sidebar-body nav .sidebar-nav-user > div:first-child,
#userbar .sidebar-body nav .sidebar-nav-user > div:first-child {
  display: flex;
  align-items: center;
}
#sidebar .sidebar-body nav .sidebar-nav-user .sidebar-nav-user-avatar,
#userbar .sidebar-body nav .sidebar-nav-user .sidebar-nav-user-avatar {
  width: 36px;
  height: 36px;
  background: #3F228C;
  border-radius: 50%;
  margin-right: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: 14px;
}
#sidebar .sidebar-body nav .sidebar-nav-user .sidebar-nav-user-content,
#userbar .sidebar-body nav .sidebar-nav-user .sidebar-nav-user-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  visibility: visible;
  opacity: 1;
  width: 100%;
  max-width: 150px;
  transition: all 0.3s linear;
}
#sidebar .sidebar-body nav .sidebar-nav-user .sidebar-nav-user-content > span,
#userbar .sidebar-body nav .sidebar-nav-user .sidebar-nav-user-content > span {
  font-weight: 600;
  color: rgba(38, 18, 97, 0.9529411765);
}
#sidebar .sidebar-body nav .sidebar-nav-user .sidebar-nav-user-content > span:nth-child(2),
#userbar .sidebar-body nav .sidebar-nav-user .sidebar-nav-user-content > span:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 0.5rem;
  color: #7D83B0;
}

#userbar {
  left: auto;
  right: -100%;
  transition: 0.3s all;
}
#userbar .sidebar-header {
  padding: 0;
}
#userbar .sidebar-header .close-userbar {
  display: inline-block;
  width: 60px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 1.9rem;
  color: #6639d8;
  cursor: pointer;
}
#userbar .sidebar-body {
  overflow-y: auto;
  background: #031529;
}
#userbar .sidebar-body .user-avatar-holder {
  padding: 15px;
  text-align: center;
}
#userbar .sidebar-body .user-avatar-holder img {
  max-width: 160px;
}
#userbar .sidebar-body .username {
  padding: 0 15px;
  text-align: center;
  font-size: 1em;
  font-weight: 600;
  line-height: 45px;
  background: #3F228C;
}
#userbar .sidebar-body .user-menu {
  display: block;
  padding: 0;
  margin: 0;
  list-style: none;
}
#userbar .sidebar-body .user-menu li {
  display: block;
  padding: 0;
}
#userbar .sidebar-body .user-menu li a {
  color: #fff;
  font-size: 1em;
  font-weight: 600;
  padding: 0 24px;
  line-height: 45px;
  display: block;
  transition: background 0.3s linear;
}
#userbar .sidebar-body .user-menu li a:hover, #userbar .sidebar-body .user-menu li a:focus {
  text-decoration: none;
  background: #6639d8;
}
#userbar .sidebar-body .user-menu li a i {
  margin-right: 15px;
}

.hide-panel {
  display: none;
}

@media screen and (max-width: 991px) {
  #sidebar {
    width: 100%;
    z-index: 200;
    left: -100%;
    transition: 0.3s all;
  }
  #sidebar .sidebar-header .close-menu {
    display: inline-block;
    font-size: 2.5rem;
    color: #ecf0f1;
    cursor: pointer;
  }
  #userbar {
    width: 100%;
  }
}
#content {
  height: 100%;
  padding: 0 0 0 260px;
  position: fixed;
  width: 100%;
  z-index: 1;
}
#content.expand {
  padding: 0 0 0 60px;
}
@media screen and (max-width: 991px) {
  #content.expand {
    padding: 0;
  }
}
#content .menu-button {
  width: 16px;
  height: 14px;
  position: relative;
  cursor: pointer;
  transition: all 0.5s;
}
#content .menu-button span {
  background: #627293;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2.3px;
  border-radius: 1px;
}
#content .menu-button span:nth-of-type(1) {
  top: 0;
}
#content .menu-button span:nth-of-type(2) {
  top: 5px;
}
#content .menu-button span:nth-of-type(3) {
  bottom: 1.5px;
}
#content .lang-changer {
  margin-left: auto;
}
#content .lang-changer .language-changer {
  width: auto;
  height: 41px;
  background: none;
  position: relative;
  line-height: 41px;
}
#content .lang-changer .language-changer > ul {
  top: 41px;
  left: -50%;
  box-shadow: 0px 4px 4px 0px rgba(154, 166, 190, 0.04);
  border-radius: 3px;
  line-height: normal !important;
  padding: 10px 28px !important;
  display: flex !important;
  align-items: center;
  flex-direction: column;
  background-color: #FFF;
  color: rgba(34, 52, 88, 0.8) !important;
  border-bottom: 1px solid rgba(207, 217, 235, 0.4);
}
#content .lang-changer .language-changer > ul:hover {
  background-color: #6639d8 !important;
  color: #F7F9FD !important;
}
#content .lang-changer .language-changer > ul li:last-of-type a {
  border-bottom: 0;
}
#content.content-full {
  padding: 0;
  background: #F4F7FA;
  overflow-y: scroll;
  overflow-x: hidden;
}
#content.content-full #content-holder #main {
  padding-bottom: 0;
}
#content > header {
  background: #FFFFFF;
  box-shadow: 0px 5px 50px rgba(0, 67, 101, 0.08);
  height: 41px;
  padding: 0;
  position: relative;
  text-align: center;
  z-index: 100;
}
#content > header.login-header {
  height: 0;
  margin-bottom: 0;
  background: transparent;
}
#content > header .return-to-frontend,
#content > header .open-menu {
  display: inline-block;
  text-align: center;
  font-size: 2.5rem;
  cursor: pointer;
  color: #fff;
}
#content > header .language-changer {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  height: 60px;
  line-height: 60px;
  width: 60px;
  text-align: center;
  cursor: pointer;
  color: #fff;
  background: #6639d8;
  font-weight: 600;
}
#content > header .language-changer ul {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 60px;
}
#content > header .language-changer ul li .language-switcher {
  text-transform: uppercase;
  background: #6639d8;
  font-weight: 600;
  padding: 0 12px;
}
#content > header .language-changer ul li .language-switcher:hover {
  background: #095ec6;
}
#content > header .language-changer ul li:last-child .language-switcher {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#content > header .language-changer:hover ul {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 100;
}
#content > header .language-changer:hover ul li a {
  display: block;
  color: #fff;
  line-height: 56px;
  text-decoration: none;
}
#content > header .language-changer:hover ul li a:hover {
  background: #095ec6;
}
#content > header .header-actions {
  position: relative;
  display: flex;
  align-items: center;
  margin: 0 15px;
  height: 41px;
  z-index: 6;
}
#content > header .header-actions .btn-group img.user-avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
}
#content > header .header-actions .btn-group > a {
  border: none;
  color: #3481FF;
  box-shadow: none;
}
#content > header .header-actions .btn-group > a:hover, #content > header .header-actions .btn-group > a:focus, #content > header .header-actions .btn-group > a:active, #content > header .header-actions .btn-group > a.active {
  box-shadow: none;
  color: #354a5f;
}
#content > header .header-actions .btn-group > a .badge {
  background: #ecf0f1;
  color: #2c3e50;
  font-size: 1rem;
  position: absolute;
  right: 2px;
  top: 10px;
}
#content > header .header-actions .btn-group > a .profile-name {
  color: #354a5f;
  display: inline-block;
}
#content > header .header-actions .btn-group > a > i {
  font-size: 2.5rem;
}
#content > header .dropdown-menu-user {
  position: absolute;
  right: 15px;
}
#content #content-holder {
  height: 100%;
  width: 100%;
  position: relative;
}
#content #content-holder::after {
  clear: both;
  content: "";
  display: block;
}
#content #content-holder #main {
  height: 100%;
  left: 0;
  right: 0;
  margin: 0;
  overflow: auto;
  position: absolute;
  transition: all 0.3s ease 0s;
}
#content #content-holder #main .main-content {
  overflow: hidden;
  padding-bottom: 40px;
  min-height: 100%;
  position: relative;
  background: #FCFCFE;
}
#content #content-holder #main .main-content #breadcrumbs {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
  background: #263E5B;
  min-height: 46px;
  padding: 13px 15px 12px;
  position: relative;
  width: 100%;
  z-index: 99;
}
#content #content-holder #main .main-content #breadcrumbs ul {
  margin: 0;
  padding: 0;
  background: none;
}
#content #content-holder #main .main-content #breadcrumbs ul li {
  color: #fff;
  font-weight: 600;
}
#content #content-holder #main .main-content #breadcrumbs ul li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
}
#content #content-holder #main .main-content .content-body {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 15px;
  z-index: 1;
}
#content #content-holder #main .main-content .content-body:has(.grid-table-filter-modal) {
  overflow-x: unset !important;
  overflow-y: unset !important;
}
#content #content-holder #main .main-content .content-body h3.content-header {
  font-size: 20px;
  color: rgba(34, 52, 88, 0.95);
  font-weight: 600;
  margin-top: 30px;
}
#content #content-holder #main .main-content .content-body h4.content-sub-header {
  font-size: 16px;
  color: #24223b;
}
#content #content-holder #main .main-content .content-body p.content-paragraph {
  color: rgba(34, 52, 88, 0.8);
}

@media screen and (max-width: 991px) {
  #content {
    height: 100%;
    padding: 0;
    position: fixed;
    width: 100%;
    z-index: 1;
  }
  #content > header {
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
    padding: 0.25rem 2rem;
  }
  #content > header .mobile-logo {
    margin: auto;
  }
  #content > header .mobile-logo img {
    height: 28px;
  }
}
@media screen and (max-width: 400px) {
  #content > header .return-to-frontend {
    display: none;
  }
  #content > header .mobile-logo {
    width: 100px;
  }
  #content > header .mobile-logo img {
    max-width: 100%;
  }
}
#sidebar.sidebar-collapsed {
  width: 60px;
  max-width: 60px;
}
@media screen and (max-width: 991px) {
  #sidebar.sidebar-collapsed {
    left: -60px !important;
  }
}
#sidebar.sidebar-collapsed:hover {
  width: 260px;
  max-width: 260px;
}
#sidebar.sidebar-collapsed:not(:hover) .sidebar-body {
  padding: 0;
}
#sidebar.sidebar-collapsed:not(:hover) .sidebar-header {
  padding: 2.35rem 0 0 0;
}
#sidebar.sidebar-collapsed:not(:hover) .sidebar-header #brand {
  display: flex;
  align-items: center;
  justify-content: center;
}
#sidebar.sidebar-collapsed:not(:hover) .sidebar-header a:first-child {
  display: none;
}
#sidebar.sidebar-collapsed:not(:hover) .sidebar-header .sidebar-collapsed-logo {
  display: block;
}
#sidebar.sidebar-collapsed:not(:hover) #sidebar-menu li a {
  display: flex;
  align-items: center;
  padding: 9px 15px;
}
#sidebar.sidebar-collapsed:not(:hover) #sidebar-menu li a .icon {
  flex-shrink: 0;
  padding: 0 12px;
  transition: all 0.3s ease;
}
#sidebar.sidebar-collapsed:not(:hover) #sidebar-menu li a span:nth-of-type(2),
#sidebar.sidebar-collapsed:not(:hover) #sidebar-menu li a sup {
  visibility: hidden;
  opacity: 0;
}
#sidebar.sidebar-collapsed:not(:hover) #sidebar-menu li a i:nth-child(2) {
  display: none;
}
#sidebar.sidebar-collapsed:not(:hover) #sidebar-menu li a .badge-primary {
  left: 25px;
}
#sidebar.sidebar-collapsed:not(:hover) #sidebar-menu li.submenu ul {
  display: none !important;
}
#sidebar.sidebar-collapsed:not(:hover) .sidebar-nav-user {
  padding-right: 10px;
  padding-left: 10px;
}
#sidebar.sidebar-collapsed:not(:hover) .dropdown-toggle {
  box-shadow: none;
}
#sidebar.sidebar-collapsed:not(:hover) .sidebar-nav-user .sidebar-nav-user-content {
  visibility: hidden;
  opacity: 0;
  width: 0;
}
#sidebar.sidebar-collapsed:not(:hover) .sidebar-nav-user .arrow-right {
  visibility: hidden;
  opacity: 0;
}
#sidebar #content {
  padding-left: 60px;
}

.sidebar-collapsed-logo {
  display: none;
}

.animate #sidebar-menu a span {
  transition: all 0.3s linear;
}
.animate #sidebar-menu .sidebar-nav-user,
.animate #sidebar-menu .sidebar-nav-user-content {
  transition: all 0.3s;
}

.panel {
  background: #FFF;
  border: 0;
  border-width: 1px 1px 2px;
  box-shadow: 0 .6px 3.02px -1.25px #0000000a,0 2.29px 11.45px -2.5px #00000008,0 10px 50px #33333303;
  margin: 0 0 15px;
}
.panel .panel {
  box-shadow: none;
  margin-bottom: 0;
}
.panel .panel-heading:first-child {
  border-top: none;
}
.panel .panel-heading:nth-child(2) {
  padding-top: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.panel .panel-heading:nth-child(2) .pull-right {
  margin-left: auto;
}
@media screen and (max-width: 991px) {
  .panel .panel-heading:nth-child(2) .pull-right {
    margin: 0;
    float: none;
  }
}
.panel .panel-heading {
  border: none;
  border: 0;
  background: #FFF;
  padding: 15px;
}
.panel .panel-heading h3 {
  font-size: 16px;
  color: #24223b;
  font-weight: 600;
  letter-spacing: -1%;
  margin: 0;
}
.panel .panel-heading p {
  color: #24223b;
  font-weight: 600;
  font-size: 13px;
}
.panel .panel-heading .summary {
  color: #7D83B0;
  font-weight: 600;
  font-size: 12px;
}
.panel .panel-heading .badge {
  color: #ffffff;
  background-color: #6639d8;
  margin: 0 0 0 3px;
}
.panel .panel-heading + .list-group .list-group-item {
  background: #FFF;
  border-top: 0;
  border-bottom: 0;
}
.panel .panel-heading + .list-group .list-group-item:nth-child(2n) {
  background: #FFF;
  border-top: 1px solid #dee2f7 !important;
  border-bottom: 1px solid #dee2f7 !important;
}
.panel .panel-heading + .list-group.forced-maintenances-list > div > div:first-child {
  display: flex;
  justify-content: space-between;
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes > div:first-child {
  cursor: pointer;
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes > div:first-child > span:first-child i {
  display: inline-block;
  position: relative;
  transition: all 0.2s linear;
  margin-left: 5px;
  color: #748191;
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes > .task-details {
  display: none;
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes.opened > div:first-child > span:first-child i {
  transform: rotate(180deg);
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes.opened > .task-details {
  display: block;
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes .task-details {
  padding-top: 15px;
}
.panel .panel-heading + .list-group.forced-maintenances-list > div > div:first-child {
  display: flex;
  justify-content: space-between;
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes > div:first-child {
  cursor: pointer;
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes > div:first-child > span:first-child i {
  display: inline-block;
  position: relative;
  transition: all 0.2s linear;
  margin-left: 5px;
  color: #748191;
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes > .task-details {
  display: none;
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes.opened > div:first-child > span:first-child i {
  transform: rotate(180deg);
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes.opened > .task-details {
  display: block;
}
.panel .panel-heading + .list-group.forced-maintenances-list .has-notes .task-details {
  padding-top: 15px;
}
.panel .panel-body {
  border-top: 0;
  padding-bottom: 10px !important;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel .panel-body .panel {
  margin: 0;
}
.panel .panel-body .panel-heading {
  display: none;
}
.panel .panel-body .panel {
  margin: 0;
}
.panel .panel-body .panel-heading {
  display: none;
}
.panel .panel-body label {
  color: #0D1F3C;
  font-weight: 600;
}
.panel .panel-body thead {
  color: #7D83B0;
}
.panel .panel-body.table-responsive {
  border-top: 0;
}
.panel .panel-body.full {
  border-top: 0;
  padding: 0;
  background: #FFF;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel .panel-body.full .table {
  margin: 0;
}
.panel .panel-body.full .table.dedicated-cfg-prices tr th {
  padding-left: 15px;
  padding-right: 15px;
}
.panel .panel-body.full .pagination {
  margin: 15px;
}
.panel .panel-body.payment-information .nav-tabs {
  border: none;
}
.panel .panel-body.payment-information .nav-tabs li {
  margin: 0;
}
.panel .panel-body.payment-information .nav-tabs li:first-child {
  padding: 10px 15px;
  color: #24223b;
  font-weight: 600;
}
.panel .panel-body.payment-information .nav-tabs li a {
  font-weight: 600;
  font-size: 13px;
  outline: none;
  border-radius: 0;
  border: 0;
  color: #24223b;
  transition: all 0.5s linear;
}
.panel .panel-body.payment-information .nav-tabs li a:hover {
  background: #1369D0;
  border: 0;
  color: #fff;
}
.panel .panel-body.payment-information .nav-tabs li.active a {
  background-color: #6639d8;
  border: 0;
  color: #fff;
}
.panel .panel-footer {
  border-top: 0;
  background: #FFF;
  font-weight: 400;
  padding: 5px 15px;
}
.panel .panel-footer .btn {
  white-space: normal;
  max-width: 100%;
  margin-bottom: 10px;
}
.panel .panel-footer .kv-panel-pager {
  padding: 10px 0 15px 0;
}
.panel .panel-footer:nth-child(3) .btn {
  margin-top: 5px;
}
.panel.only-body .panel-body {
  border: none;
}
.panel > .table-responsive {
  border-top: 0 !important;
}

.rem-double-head #services-list .panel-heading,
.rem-double-head .panel .panel-heading {
  display: none;
}

.col-set-height {
  height: 1200px;
}
@media screen and (max-width: 1200px) {
  .col-set-height {
    height: auto;
  }
}

.btn-default .badge {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15);
}

.panel-footer {
  border-top: 0;
  background: #FFF;
}

.modal.kvm-connect-modal span {
  font-weight: 600;
}
.modal .modal-content {
  border-radius: 13px;
}
.modal .modal-header {
  background: #0E1D39;
  border-bottom: 0;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.modal .modal-header .modal-title {
  font-size: 1.6rem;
  font-weight: 600;
  color: #fff;
  border: 0;
}
.modal .modal-body {
  background: #FFF;
}
.modal .modal-body label {
  border-top: 0;
  color: #0D1F3C;
  font-weight: 600;
  cursor: pointer;
}
.modal .modal-body label input[type=radio] {
  margin: 5px 10px 0 0;
}
.modal .modal-body label.text-normal {
  font-weight: normal;
}
.modal .modal-footer {
  background: #FFF;
  border-top: 0;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
}

.bootstrap-dialog-title {
  font-weight: 600 !important;
}

table {
  background: #FFF;
  font-size: 13px;
  color: #24223b;
}
table.table > tbody > tr > th {
  border-top: 0;
  color: #24223b;
  font-weight: 600;
  vertical-align: top !important;
}
.table > tbody > tr.info > td {
  background: rgba(222, 226, 247, 0.3) !important;
}
table.table > tbody > tr > td {
  border-top: 0;
}
table.table-striped > thead > tr > th a {
  color: #7D83B0;
}
table.table-striped > thead > tr > th a:hover {
  color: #653AD8 !important;
}
table.table-striped > thead > tr > th:first-child {
  padding-left: 15px;
  text-align: left !important;
}
table.table-striped > tbody > tr:nth-of-type(2n+1) {
  background: #FFF;
  border-top: 1px solid #dee2f7 !important;
  border-bottom: 1px solid #dee2f7 !important;
}
table.table-striped > tbody > tr > td {
  border: 0;
  vertical-align: middle;
}
table.table-striped > tbody > tr > td a {
  color: #24223b !important;
}
table.table-striped > tbody > tr > td a:hover {
  color: #653AD8 !important;
}
table.table-striped > tbody > tr > td:first-child {
  padding-left: 15px;
  text-align: left !important;
}
table.table-striped > tbody > tr > th {
  border: 0;
  color: #24223b;
  font-weight: 600;
}
table.table-hover > tbody > tr {
  transition: all 0.4s linear;
}
table.table-hover > tbody > tr:hover {
  background: rgba(222, 226, 247, 0.3);
}
table.table-condensed > thead > tr > th:first-child {
  width: 4.28%;
  text-align: center;
}
table.table-condensed > thead > tr.filters > td {
  padding-bottom: 10px;
}
table.table-condensed > thead > tr.filters > td:first-of-type {
  padding-left: 15px;
}
table.table-condensed > tbody > tr > td:first-child {
  text-align: center;
}
table.table-condensed > tbody > tr > td:first-child .empty {
  text-align: left;
}
table > thead:first-child > tr:first-child > th {
  border: 0;
  font-weight: 600;
  font-size: 12px;
}
table > thead > tr > th {
  border-bottom: 0 !important;
}
table > thead > tr > td {
  border-top: 0 !important;
}
table > tbody > tr > td {
  border: 0;
}
table th.kv-align-middle {
  vertical-align: bottom !important;
}
table > colgroup + thead > tr:first-child > th {
  font-weight: 600;
  font-size: 12px;
  vertical-align: top !important;
  color: #7D83B0;
}

.text-muted {
  color: #24223b;
  opacity: 0.75;
}

textarea.disable-horizontal-resize {
  resize: vertical;
}
textarea.disable-vertical-resize {
  resize: horizontal;
}
textarea.disable-resize {
  resize: none;
}

#client-notes {
  min-height: 200px;
}

img.user-avatar-preview {
  max-width: 128px;
  max-height: 128px;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 991px) {
  .pagination {
    justify-content: center;
  }
}
.pagination > li > a,
.pagination > li > span {
  border-radius: 3px;
  height: 30px;
  width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
}
.pagination > li > a {
  padding: 4px 16px;
  background: #FFF;
  border-color: #DCE2EC;
  color: #24223b;
  border-radius: 3px;
}
.pagination > li > a:hover {
  background: #C9D0DD;
  border-color: #C9D0DD;
  color: #24223b;
}
.pagination > li.active > a {
  cursor: pointer;
  background: #6639d8;
  border-color: #6639d8;
  color: #FFFFFF;
}
.pagination > li.active > a:hover {
  background: #3F228C;
  border-color: #3F228C;
}
.pagination > li.disabled > span {
  background: rgba(135, 146, 168, 0.14);
  border-color: rgba(135, 146, 168, 0.14);
  opacity: 0.6;
  color: #24223b;
}
.pagination > li.disabled > span:hover {
  background: rgba(135, 146, 168, 0.14);
  border-color: rgba(135, 146, 168, 0.14);
  color: #24223b;
}

/* ------------ TABLES ----------------- */
.table:not(.table-condensed) > tbody > tr > th .form-group,
.table:not(.table-condensed) > tbody > tr > td .form-group {
  margin: 0;
}
.table:not(.table-condensed) > tbody > tr > th .form-group .help-block,
.table:not(.table-condensed) > tbody > tr > td .form-group .help-block {
  margin: 5px 0 0 0;
}
.table:not(.table-condensed) > tfoot > tr > th,
.table:not(.table-condensed) > tfoot > tr > td {
  line-height: 34px;
}

textarea.form-control {
  border-radius: 3px;
  resize: none;
  height: 100px;
  box-shadow: none;
  border-radius: 3px;
  background: #FFF;
  border: 1px solid #dee2f7 !important;
  border: 0;
  transition: background-color 0.3s;
  color: #485068;
}
textarea.form-control:focus {
  box-shadow: none;
  border: 1px solid #653AD8 !important;
}

/* ----------- TASKS LIST -------------- */
.tasks-list {
  max-height: 245px;
  overflow-y: auto;
}

/* ------------ FORMS ------------- */
.tooltip-inner {
  background-color: #fff;
  box-shadow: 0.5px 3.02px 4px rgba(0, 0, 0, 0.04), 0px 2.29px 11.45px rgba(0, 0, 0, 0.05), 0px 10px 50px rgba(0, 0, 0, 0.01);
  border: 1px solid #DEE2F7;
  opacity: 1;
  color: #24223b !important;
  font-weight: 600;
  font-size: 13px;
  font-family: "Plus Jakarta Sans", sans-serif !important;
  padding: 5px 10px;
}

.tooltip.top .tooltip-arrow {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid transparent;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom: 5px solid transparent;
}

.has-tooltip {
  background: url("../img/icon-info.svg") no-repeat 5px center;
  background-position: right;
  background-size: 14px;
  padding: 0 22px 0 0;
  display: inline-block;
  cursor: help;
}

.form-control[disabled] {
  background: rgba(222, 226, 247, 0.3) !important;
  border: 0;
  box-shadow: none;
}

table input[type=text] {
  border: 1px solid #dee2f7 !important;
  background: white !important;
}
table input[type=text]:focus {
  border: 1px solid #653AD8 !important;
}
table .select2-container--krajee .select2-selection--single {
  background: #FFF;
}
table .select2-results .select2-results__options .select2-results__option {
  background: #FFF;
}

.custom-form label {
  color: rgba(34, 52, 88, 0.6);
}
.custom-form textarea,
.custom-form input {
  border: 1px solid rgba(206, 218, 230, 0.8) !important;
  background: rgba(213, 223, 233, 0.38) !important;
  margin: 0;
}
.custom-form textarea:focus, .custom-form textarea:active,
.custom-form input:focus,
.custom-form input:active {
  box-shadow: none;
  border: 2px solid #6639d8 !important;
  outline: 2px solid #CEDAE6 !important;
  margin: -1px;
}
.custom-form .select2-container--krajee .select2-selection--single {
  border: 1px solid rgba(206, 218, 230, 0.8) !important;
  background: rgba(213, 223, 233, 0.38) !important;
  padding-left: 20px !important;
  height: 44px !important;
  line-height: 44px;
}
.custom-form .select2-container--krajee .select2-selection--single:focus {
  box-shadow: none;
}
.custom-form .select2-container--krajee .select2-selection--single .select2-selection__rendered {
  color: #485068;
}
.custom-form .select2-container--krajee .select2-selection--single .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.8);
}
.custom-form .select2-container--krajee .select2-selection--single .select2-selection__arrow {
  border-left: 0;
  height: 44px;
}
.custom-form .select2-container--krajee .select2-selection--single .select2-selection__arrow b {
  border-color: #6639d8 transparent transparent;
  margin-left: -10px !important;
}
.custom-form .select2-container--krajee.select2-container--open .select2-selection {
  box-shadow: none;
}
.custom-form .select2-container--krajee.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #6639d8;
}
.custom-form .select2-container--krajee.select2-container--open .select2-dropdown--below {
  border: 0 !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.custom-form .select2-container--krajee .select2-search--dropdown {
  background: #E2E8F2;
}
.custom-form .select2-container--krajee .select2-search--dropdown .select2-search__field {
  border: 0;
  box-shadow: none;
  color: #485068;
  padding-left: 8px;
}

#login-form input,
#form-activate input {
  filter: none;
}
#login-form input.form-control,
#form-activate input.form-control {
  background: #E2E8F2;
  border: 0;
  height: 44px;
  line-height: 44px;
  box-shadow: none;
}
#login-form .btn,
#form-activate .btn {
  margin: 30px 0 0 0;
}
#login-form .text-grey a,
#form-activate .text-grey a {
  text-decoration: underline;
  font-weight: 600;
  color: #347AF0;
}
#login-form .select2-container .selection .select2-selection,
#form-activate .select2-container .selection .select2-selection {
  border-radius: 3px;
  border: 0;
  box-shadow: none;
  height: 44px;
  line-height: 44px;
  padding: 0 24px 0 12px;
  background: #E2E8F2;
  color: #485068;
}
#login-form .select2-container .selection .select2-selection .select2-selection__arrow,
#form-activate .select2-container .selection .select2-selection .select2-selection__arrow {
  border: none;
  height: 44px;
  width: 24px;
}
#login-form .select2-container .selection .select2-selection .select2-selection__arrow b,
#form-activate .select2-container .selection .select2-selection .select2-selection__arrow b {
  border-color: #6639d8 transparent transparent;
  left: 20%;
}
#login-form .select2-container .selection .select2-selection .select2-selection__rendered,
#form-activate .select2-container .selection .select2-selection .select2-selection__rendered {
  color: #485068;
}

.input-group {
  background: #fff;
}
.input-group .input-group-addon {
  background: #fff;
  font-weight: 600;
  color: #653AD8;
  border-color: #dee2f7;
}
.input-group .input-group-addon:last-child {
  border-left-color: #c0cadd;
}

.select2-dropdown {
  border: 0;
  border-radius: 0 0 3px 3px;
  box-shadow: none;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option {
  background: #FFF;
  color: #24223b;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option[role=group] {
  padding: 0;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__option--highlighted {
  background-color: #6639d8;
  color: #fff;
}
.select2-dropdown .select2-results .select2-results__options .select2-results__group {
  text-shadow: none;
  color: #24223b;
  background-color: rgba(135, 146, 168, 0.14);
  border-top: 0;
  border-bottom: 0;
  padding: 6px 8px;
  width: 100%;
  display: block;
}
.select2-dropdown.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #6639d8;
  border-width: 0 4px 5px;
}

.cbx-label {
  margin: 0 0 0 10px !important;
  color: #24223b;
}

.datepicker table thead tr th {
  color: #0D1F3C;
  font-weight: 600;
}
.datepicker table tr td {
  color: #485068;
}
.datepicker table tr td.day:hover {
  background: #E2E8F2;
}
.datepicker table tr td.active.active {
  background-color: #6639d8;
  border-color: #6639d8;
  transition: all 0.3s;
}
.datepicker table tr td.active.active:hover {
  background-color: #1369D0;
  border-color: #1369D0;
}
.datepicker .datepicker-switch:hover {
  background: #E2E8F2;
}

.datepicker-dropdown {
  background: #f2f5f9;
}

.input-group .kv-date-picker,
.input-group .kv-date-remove {
  border: 0;
  background: #E2E8F2;
}
.input-group .kv-date-picker .glyphicon.glyphicon-calendar,
.input-group .kv-date-remove .glyphicon.glyphicon-calendar {
  color: #6639d8;
}
.input-group .kv-date-remove {
  padding: 6px 0 !important;
  font-size: 1.1rem;
  color: #6639d8;
}

#avatar-edit-form .radio label {
  line-height: 24px;
}

#contract-form label:not(.btn) {
  line-height: 37px;
  margin-bottom: 0;
  font-weight: 400;
  color: rgba(34, 52, 88, 0.85);
}
#contract-form label.font-bold {
  font-weight: 600;
}
#contract-form label.btn.active {
  background: #6639d8;
  color: #fff;
  border-color: #6639d8;
}
#contract-form .form-group:last-child {
  margin-bottom: 0;
}
#contract-form .help-block:empty {
  margin: 0;
}
#contract-form .remove-contract-processor {
  height: 36px;
}

.custom-radio {
  color: rgba(34, 52, 88, 0.8);
}
.custom-radio input[type=radio]:checked,
.custom-radio input[type=radio]:not(:checked) {
  position: absolute;
  left: -9999px;
}
.custom-radio input[type=radio]:checked + label, .custom-radio input[type=radio]:not(:checked) + label {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  line-height: 10px;
  font-weight: 600;
}
.custom-radio input[type=radio]:checked + label:before {
  content: "";
  position: absolute;
  left: 0;
  width: 13px;
  height: 13px;
  border: 1px solid #6639d8;
  border-radius: 100%;
  background: transparent;
}
.custom-radio input[type=radio]:not(:checked) + label:before {
  content: "";
  position: absolute;
  left: 0;
  width: 13px;
  height: 13px;
  border: 1px solid #AAB3C6;
  border-radius: 100%;
  background: transparent;
}
.custom-radio input[type=radio]:checked + label:after, .custom-radio input[type=radio]:not(:checked) + label:after {
  content: "";
  width: 9px;
  height: 9px;
  background: #6639d8;
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.custom-radio input[type=radio]:not(:checked) + label:after {
  opacity: 0;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.custom-radio input[type=radio]:checked + label:after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/* ------------ RULES FORM ------------- */
.rules-form .table:not(.table-condensed) > tbody > tr > td {
  line-height: 1.5em;
}

/* ----------- LABELS ------------ */
.label {
  line-height: 1.5;
  display: inline-block;
  text-transform: uppercase;
  box-shadow: 0 .6px 3.02px -1.25px #0000000a,0 2.29px 11.45px -2.5px #00000008,0 10px 50px #33333303;
  padding: 2px 5px;
  font-size: 10px;
  font-weight: 700;
}
.label.label-primary {
  background: #3B84FF;
}
.label.label-success {
  background-color: #25D2B9;
}
.label.label-warning {
  background-color: #F3A57C;
}
.label.label-info {
  background-color: #4597FB;
}
.label.label-danger {
  background-color: #f46363;
}
.label.label-default {
  background-color: rgba(135, 146, 168, 0.7);
}

/* ------------ RESPONSIVE ------------- */
@media screen and (max-width: 767px) {
  .table-responsive {
    border: none;
    margin: 0;
  }
  #login-form .panel-footer .row > div:last-child .btn {
    margin-top: 15px;
  }
}
@media screen and (max-width: 480px) {
  .kv-table-wrap th,
  .kv-table-wrap td {
    display: table-cell;
    width: auto;
    text-align: inherit;
    font-size: 1em;
  }
  .kv-table-wrap tr > td:first-child {
    border-top: 1px solid #edf1f2;
    font-size: 1em;
  }
}
/* ------------ SECTION ------------- */
.section.login {
  padding: 100px 0 0 0;
}
.section.login .section-body p {
  margin: 0 0 15px 0;
}
.section.login a {
  font-weight: 600;
  margin: 0 0 0 5px;
  text-decoration: underline;
  color: #347AF0;
}
.section.activate {
  padding: 20px 0 50px 0;
}
.section.activate .section-header h2 {
  font-size: 21px;
  font-weight: 600;
  margin: 0 0 15px 0;
  color: #0D1F3C;
}

/* ------------ LOADER ------------- */
.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #031529;
  text-align: center;
}
.loading h1 {
  color: #ecf0f1;
  margin-top: 80px;
  font-size: 26px;
}

.sk-chase {
  margin: 230px auto 0;
  text-align: center;
  width: 40px;
  height: 40px;
  position: relative;
  animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  animation: sk-chase-dot 2s infinite ease-in-out both;
}
.sk-chase-dot:before {
  content: "";
  display: block;
  width: 25%;
  height: 25%;
  background-color: #6639d8;
  border-radius: 100%;
  animation: sk-chase-dot-before 2s infinite ease-in-out both;
}
.sk-chase-dot:nth-child(1) {
  animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2) {
  animation-delay: -1s;
}
.sk-chase-dot:nth-child(3) {
  animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4) {
  animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5) {
  animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6) {
  animation-delay: -0.6s;
}
.sk-chase-dot:nth-child(1):before {
  animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2):before {
  animation-delay: -1s;
}
.sk-chase-dot:nth-child(3):before {
  animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4):before {
  animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5):before {
  animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6):before {
  animation-delay: -0.6s;
}

@keyframes sk-chase {
  100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot {
  80%, 100% {
    transform: rotate(360deg);
  }
}
@keyframes sk-chase-dot-before {
  50% {
    transform: scale(0.4);
  }
  100%, 0% {
    transform: scale(1);
  }
}
#tawkchat-status-text-container.theme-background-color {
  background: #6639d8;
}

.notyf__toast {
  font-weight: 600;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.39);
}

.notyf__icon {
  width: 0;
  margin-right: 0;
}

.notyf__toast--success .notyf__ripple {
  background-color: #25C196 !important;
}
.notyf__toast--success .notyf__message {
  background: #25C196 url("../img/alert-success.svg") no-repeat left center;
  background-position-x: 0;
  background-size: 25px;
  padding-left: 38px;
  padding-top: 2px;
  padding-bottom: 3px;
}

.notyf__icon--success {
  display: none;
}

.notyf__toast--error .notyf__ripple {
  background-color: #f37c7c !important;
}
.notyf__toast--error .notyf__message {
  background: #f37c7c url("../img/alert-warning.svg") no-repeat left center;
  background-position-x: 0;
  background-size: 25px;
  padding-left: 38px;
  padding-top: 2px;
  padding-bottom: 3px;
}

.notyf__icon--warnign {
  display: none;
}

button#statistics-hour,
button#statistics-day,
button#statistics-month,
button#statistics-week,
button#statistics-year {
  font-size: 12px;
  padding: 5px 8px !important;
  background: none;
  border: none;
  font-weight: 600;
  color: rgba(34, 52, 88, 0.65);
  box-shadow: none;
}
button#statistics-hour:active, button#statistics-hour:focus, button#statistics-hour:hover,
button#statistics-day:active,
button#statistics-day:focus,
button#statistics-day:hover,
button#statistics-month:active,
button#statistics-month:focus,
button#statistics-month:hover,
button#statistics-week:active,
button#statistics-week:focus,
button#statistics-week:hover,
button#statistics-year:active,
button#statistics-year:focus,
button#statistics-year:hover {
  background: #6639d8;
  border-color: #6639d8;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 3px 8px 0;
  color: white;
}

.apexcharts-tooltip {
  background: #e2e8f2 !important;
  border: 1px solid #cedae6 !important;
}
.apexcharts-tooltip .apexcharts-tooltip-title {
  border-bottom: 1px solid #cedae6 !important;
  background: #e2e8f2 !important;
  color: #485068;
  font-weight: 600 !important;
}

.apexcharts-xaxistooltip {
  display: none;
}

.additional-backup-space {
  padding-top: 0px !important;
}
.additional-backup-space .info div {
  padding: 8px 0;
}
.additional-backup-space .info div p {
  font-weight: 600;
  color: rgba(46, 56, 77, 0.86);
}
.additional-backup-space small {
  color: #8798AD;
  opacity: 1;
  font-weight: 600;
  margin-top: 5px;
  display: block;
}
.additional-backup-space small.used-space {
  opacity: 0.75;
}
.additional-backup-space .progress-info progress {
  height: 1.4rem;
  background: rgba(213, 223, 233, 0.38);
}
.additional-backup-space .progress-info progress::-webkit-progress-bar {
  background: rgba(213, 223, 233, 0.38);
}
.additional-backup-space .progress-info progress::-moz-progress-bar,
.additional-backup-space .progress-info progress::-webkit-progress-value {
  background: #4597FB !important;
}
.additional-backup-space .progress-info progress[value]::-webkit-progress-value {
  background: #4597FB !important;
}

.hide-skip-export tr.skip-export {
  display: none;
}

.maintenance-table {
  display: flex;
  flex-direction: column;
}
.maintenance-table .maintenance-table-header {
  display: grid;
  grid-template-columns: [id] 1fr [cfg] 1fr [hostname] 1fr [site] 1fr [rack] 1fr [sticker] 1fr [created_at] 1fr;
  font-weight: 600;
  font-size: 13px;
  padding: 1rem;
  margin: 0;
  list-style: none;
  color: #7D83B0;
}
.maintenance-table .maintenance-table-items {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.maintenance-table .maintenance-table-item {
  display: grid;
  grid-template-columns: [id] 1fr [cfg] 1fr [hostname] 1fr [site] 1fr [rack] 1fr [sticker] 1fr [created_at] 1fr;
  padding: 1rem;
}
.maintenance-table .maintenance-table-item:nth-child(1n) {
  background-color: #FFF;
  border-top: 1px solid #dee2f7 !important;
  border-bottom: 1px solid #dee2f7 !important;
}

.panel-mfa {
  margin: 1rem 0;
  display: flex;
  align-items: center;
}
.panel-mfa > img,
.panel-mfa > svg {
  margin-right: 1.5rem;
}

.panel-mfa-body {
  padding: 0 15px !important;
}

.panel-mfa-list {
  padding: 0 1.25rem;
}
.panel-mfa-list > img {
  margin-right: 1.5rem;
}

.radio-buttons-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

@media (min-width: 768px) {
  .animate {
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
  }
}
@keyframes slideIn {
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
  100% {
    transform: translateY(0rem);
    opacity: 1;
  }
  0% {
    transform: translateY(1rem);
    opacity: 0;
  }
}
@-webkit-keyframes slideIn {
  -webkit-transform: transform;
  -webkit-opacity: 0;
  -webkit-transform: translateY(0);
  -webkit-opacity: 1;
  -webkit-transform: translateY(1rem);
  -webkit-opacity: 0;
}
.slideIn {
  -webkit-animation-name: slideIn;
  animation-name: slideIn;
}

.status-circle {
  min-width: 8px;
  width: 8px;
  height: 8px;
  padding: 0;
  margin-right: 0.75rem;
  line-height: normal;
  display: inline-block;
}
.status-circle:empty {
  display: inline-block;
}
.status-circle.status-primary {
  background-color: #6639d8;
}

.modal-backdrop.in {
  opacity: 0.3;
  background: rgb(3, 15, 29);
}

#mfa-form-modal.modal-dialog {
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  margin: auto;
}

.modal-open #sidebar, .modal-open #content {
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  filter: blur(1px);
  transition: 0.2s -webkit-filter linear;
}

@media (min-width: 992px) {
  .modal-newui .modal-xl {
    width: 1200px;
  }
}
.modal-newui .modal-content {
  box-shadow: 0px 4px 8px rgba(16, 24, 64, 0.08);
  border-radius: 4px;
}
.modal-newui .modal-content a {
  font-weight: 600;
  color: rgba(34, 52, 88, 0.8);
}
.modal-newui .modal-content, .modal-newui .modal-body, .modal-newui .modal-footer {
  background-color: #FFF;
  border: none;
}
.modal-newui .modal-header {
  background-color: transparent;
  padding: 20px 20px 0 20px;
}
.modal-newui .modal-header .modal-title {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 18px;
  font-weight: 600;
  color: #24223b;
  letter-spacing: -1%;
  margin: 0;
}
.modal-newui .modal-header .close {
  background: url("../img/close-icon.svg") no-repeat left center;
  background-size: 12px;
  position: absolute;
  right: 20px;
  top: 20px;
  height: 16px;
  width: 12px;
}
.modal-newui .modal-header .close span {
  display: none;
}
.modal-newui .modal-body {
  padding: 0;
  border-radius: 4px;
}
.modal-newui .modal-body .modal-title-description {
  font-weight: 400;
  font-size: 1.5rem;
  margin-top: 15px;
  margin-bottom: 0;
  padding: 0 20px;
  color: rgba(34, 52, 88, 0.8);
}
.modal-newui .modal-body .grid-inputs-form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 10px;
  padding: 0 20px;
}
.modal-newui .modal-body .grid-inputs-form .modal-input {
  padding: 0;
}
.modal-newui .modal-body .grid-inputs-form-check {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.modal-newui .modal-body .grid-inputs-form-check .modal-input {
  padding-right: 0;
}
.modal-newui .modal-body .product .select2-container .select2-selection--single {
  background-color: #FFF;
  padding: 0 0 0 13px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-newui .modal-body .product .select2-container .select2-selection--single .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
  font-size: 13px;
}
.modal-newui .modal-body .product .select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 15px;
}
.modal-newui .modal-body .product .select2-container .select2-selection--single .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
.modal-newui .modal-body .product .select2-container .select2-selection--single .select2-selection__clear {
  color: #ADB5C6;
  font-size: 18px;
  margin-right: 5px;
}
.modal-newui .modal-body .product .select2-container.select2-container--open .selection .select2-selection__arrow b {
  transform: rotate(-180deg);
}
.modal-newui .modal-body .modal-input {
  padding: 5px 20px;
}
.modal-newui .modal-body .modal-input .form-check {
  display: flex;
  align-items: center;
}
.modal-newui .modal-body .modal-input .form-check label {
  color: #24223b;
  font-weight: 400;
  margin-left: 8px;
  margin-bottom: 0;
}
.modal-newui .modal-body .modal-input .cbx-container {
  margin-left: 0;
}
.modal-newui .modal-body .modal-input .cbx {
  background-color: transparent;
  border: 1px solid #CFD9EB;
  height: 16px;
  width: 16px;
}
.modal-newui .modal-body .modal-input .cbx-active .cbx-icon i {
  font-family: none;
  font-size: 0;
  background: url("../img/checked-icon.svg");
  background-size: contain;
  margin-top: 5.4px;
  margin-left: 0.3px;
  width: 12px;
  height: 12px;
  display: block;
}
.modal-newui .modal-body .modal-input input {
  filter: none;
}
.modal-newui .modal-body .modal-input input.form-control {
  border: 0;
  color: rgba(34, 52, 88, 0.8);
  height: 44px;
  line-height: 44px;
  box-shadow: none;
  filter: none;
}
.modal-newui .modal-body .modal-input input.form-control:focus, .modal-newui .modal-body .modal-input input.form-control:active {
  box-shadow: none;
}
.modal-newui .modal-body .modal-input input.form-control::placeholder {
  color: #9FA7B3;
}
.modal-newui .modal-body .modal-input input.form-control[type=date] {
  background: #FFF !important;
}
.modal-newui .modal-body label {
  color: #24223b;
  margin-bottom: 10px;
}
.modal-newui .modal-body table {
  margin: 10px 0;
}
.modal-newui .modal-body table > thead > tr > th {
  padding: 8px 20px;
  color: #24223b;
}
.modal-newui .modal-body table > tbody > tr > td {
  padding: 8px 20px;
}
.modal-newui .modal-body .kv-panel-before {
  display: none;
}
.modal-newui .modal-footer {
  border-top: 1px solid #E7EDF6;
}
.modal-newui .modal-footer-mfa {
  border-top: none;
}
.modal-newui .modal-footer-mfa .btn {
  width: 100%;
}
.modal-newui .modal-mfa-code {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 25px 0;
  position: relative;
}
.modal-newui .modal-mfa-code svg {
  border: 1px solid #E7EDF6;
  border-radius: 5px;
}
.modal-newui .modal-mfa-code::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 180px;
  width: 100%;
  height: 1px;
  border-bottom: 2px solid #6639d8;
  background: linear-gradient(rgba(6, 86, 183, 0), rgba(6, 86, 183, 0.05));
  animation: mfa-scan 5s ease-in-out infinite;
}
.modal-newui .modal-mfa-instructions {
  color: rgba(34, 52, 88, 0.8);
  font-size: 14px;
}
.modal-newui .modal-mfa-secret {
  display: flex;
  align-items: center;
  font-weight: 600;
  margin: 14px 0;
}
.modal-newui .modal-mfa-inputs {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}
.modal-newui .modal-mfa-inputs .mfa-code {
  width: 64px;
  height: 64px;
  border-radius: 6px;
  border: 1px solid #E7EDF6;
  background: transparent;
  font-size: 24px;
  color: rgba(34, 52, 88, 0.8);
  text-align: center;
}
.modal-newui .modal-mfa-inputs .mfa-code::placeholder {
  color: rgba(34, 52, 88, 0.2);
}
.modal-newui.type-warning .modal-content .modal-header {
  background-color: transparent !important;
}
.modal-newui.type-warning .modal-content .modal-header::before {
  background: none;
  margin-right: 0;
  width: 0;
  height: 0;
}
.modal-newui.type-warning .modal-content .modal-body {
  padding: 0;
}

@keyframes mfa-scan {
  0%, 100% {
    height: 1px;
  }
  50%, 55% {
    height: 100%;
  }
}
.modal.type-warning .modal-header {
  padding: 20px 20px 0 20px;
  background-color: #FFF !important;
  display: flex;
  align-items: center;
  position: relative;
}
.modal.type-warning .modal-header::before {
  content: "";
  position: relative;
  display: inline-block;
  width: 22px;
  height: 22px;
  margin-right: 10px;
  background: url("../img/warning-dot-modal-icon.svg") no-repeat left center;
  background-size: 22px;
  top: 3px;
}
.modal.type-warning .modal-header .bootstrap-dialog-title {
  font-size: 1.75rem;
  font-weight: 600;
  color: #24223b;
}
.modal.type-warning .modal-content {
  box-shadow: 0px 4px 8px rgba(16, 24, 64, 0.08);
  border-radius: 4px;
  border: 0;
}
.modal.type-warning .modal-body {
  padding: 15px 20px;
}
.modal.type-warning .modal-footer {
  border-top: 1px solid #E7EDF6;
}
.modal.type-warning .btn .glyphicon {
  display: none;
}
.modal.type-warning .btn.btn-default {
  background: #EAECF3;
  box-shadow: none;
  border-color: #EAECF3;
  color: #24223b !important;
}
.modal.type-warning .btn.btn-default:hover {
  background: #DADEED;
  border-color: #DADEED;
}
.modal.type-warning .btn.btn-warning {
  background: #6639d8;
  border-color: #6639d8;
}
.modal.type-warning .btn.btn-warning:hover {
  background: #1369D0;
  border-color: #1369D0;
}

/* ------------ HELPERS ------------- */
.d-flex {
  display: flex;
}

.flex-basis-content {
  flex-basis: content;
}

.justify-center {
  justify-content: center;
}

.align-items-start {
  align-items: flex-start;
}

.align-items-flex-end {
  align-items: flex-end;
}

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

.align-items-end {
  align-items: end;
}

.justify-content-start {
  justify-content: flex-start;
}

.justify-content-center {
  justify-content: center;
}

.justify-content-end {
  justify-content: end;
}

.justify-content-between {
  justify-content: space-between;
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.overflow-auto {
  overflow: auto !important;
}

.gap-5 {
  gap: 5px;
}

.m-0 {
  margin: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.p-20 {
  padding: 20px;
}

.mt--50 {
  margin-top: -50px !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ml-0 {
  margin-left: 0 !important;
}

.mr-0 {
  margin-right: 0 !important;
}

.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

.mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.grid-table-panel .grid-table-panel-header {
  padding: 10px 0;
}
.grid-table-panel .grid-table-panel-header .panel-title {
  font-size: 22px;
  font-weight: 600;
  color: #24223b;
}
.grid-table-panel .grid-table-header-actions .btn-group {
  position: unset;
}
.grid-table-panel .grid-table-header-actions .btn-group.open {
  position: relative;
}
.grid-table-panel .grid-table-header-actions .btn-group .dropdown-menu {
  background-color: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(16, 24, 64, 0.08);
  border: none;
  color: rgba(34, 52, 88, 0.8);
  padding: 0;
  margin-top: 15px;
  margin-left: -100px;
}
.grid-table-panel .grid-table-header-actions .btn-group .dropdown-menu > li > a {
  border-bottom: 1px solid rgba(207, 217, 235, 0.4);
  padding: 9px 20px;
  transition: all 0.5s;
}
.grid-table-panel .grid-table-header-actions .btn-group .dropdown-menu > li:first-of-type a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.grid-table-panel .grid-table-header-actions .btn-group .dropdown-menu > li:last-of-type a {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.grid-table-panel .panel-footer {
  background: transparent;
  padding: 30px 0;
}
.grid-table-panel .panel-footer .kv-panel-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .grid-table-panel .panel-footer .kv-panel-pager {
    flex-direction: column;
    gap: 16px;
  }
}
.grid-table-panel .panel-footer p {
  margin: 0;
  color: rgba(34, 52, 88, 0.55) !important;
  font-weight: 600;
}
.grid-table-panel .panel-footer .pagination {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .grid-table-panel .panel-footer .pagination {
    justify-content: center;
  }
}
.grid-table-panel .panel-footer .pagination > li > span,
.grid-table-panel .panel-footer .pagination > li > a {
  border-radius: 3px;
  height: 30px;
  width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.grid-table-panel .panel-footer .pagination > li > a {
  padding: 4px 16px;
  background: rgba(135, 146, 168, 0.14);
  border-color: #DCE2EC;
  color: #24223b;
}
.grid-table-panel .panel-footer .pagination > li > a:hover {
  background: #C9D0DD;
  border-color: #C9D0DD;
}
.grid-table-panel .panel-footer .pagination > li.active > a {
  cursor: pointer;
  background: #0656B7;
  border-color: #0656B7;
  color: #FFFFFF;
}
.grid-table-panel .panel-footer .pagination > li.active > a:hover {
  background: #054A9D;
  border-color: #054A9D;
}
.grid-table-panel .panel-footer .pagination > li.disabled > span {
  background: rgba(135, 146, 168, 0.14);
  border-color: rgba(135, 146, 168, 0.14);
  opacity: 0.6;
  color: #24223b;
}

.grid-table {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.grid-table-filter-modal {
  display: none;
  background: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(16, 24, 64, 0.08);
  padding: 20px;
  border-radius: 4px;
  max-width: 490px;
  width: 100%;
}
.grid-table-filter-modal.active {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  position: absolute;
  right: 15px;
  z-index: 50;
  margin-top: 15px;
}
.grid-table-filter-modal.active > .form-group {
  margin-bottom: 0;
}
.grid-table-filter-modal.active > .form-group:nth-child(odd):last-child {
  grid-column: 1/-1;
}
.grid-table-filter-modal.active .help-block:empty {
  margin: 0;
}
.grid-table-filter-modal .form-control {
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
  padding: 12px 15px;
  height: 100%;
  background-color: #FFF;
}
.grid-table-filter-modal .form-control:disabled {
  background-color: rgba(135, 146, 168, 0.1);
}
.grid-table-filter-modal .form-control::placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.grid-table-filter-modal .select2-container.select2-container--open .selection .select2-selection {
  border-radius: 3px 3px 0 0;
}
.grid-table-filter-modal .select2-container.select2-container--open .selection .select2-selection__arrow b {
  transform: rotate(-180deg);
}
.grid-table-filter-modal .select2-container.select2-container--disabled .selection .select2-selection {
  background-color: rgba(135, 146, 168, 0.1);
  opacity: 0.65;
}
.grid-table-filter-modal .select2-container .selection .select2-selection {
  background-color: #FFF;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
}
.grid-table-filter-modal .select2-container .selection .select2-selection--single {
  padding: 12px 15px !important;
  height: auto !important;
}
.grid-table-filter-modal .select2-container .selection .select2-selection__rendered {
  line-height: initial;
}
.grid-table-filter-modal .select2-container .selection .select2-selection__rendered .select2-selection__clear {
  cursor: pointer;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #9AA6BE;
  opacity: 1;
  right: 30px;
}
.grid-table-filter-modal .select2-container .selection .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.grid-table-filter-modal .select2-container .selection .select2-selection__arrow {
  height: 100%;
}
.grid-table-filter-modal .select2-container .selection .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
.grid-table .grid-table-header {
  display: grid;
  gap: 1rem;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.6);
}
.grid-table .grid-table-header > div {
  padding: 0 20px 0 30px;
}
.grid-table .grid-table-header > div a {
  color: rgba(34, 52, 88, 0.6) !important;
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
}
.grid-table .grid-table-header > div a:not(:empty)::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("../../img/icons/chevron-up-down.svg") no-repeat left center;
}
.grid-table .grid-table-rows {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.grid-table .grid-table-rows p {
  color: rgba(34, 52, 88, 0.8);
}
.grid-table .grid-table-row {
  background-color: #FFF;
  display: grid;
  gap: 1rem;
  align-items: center;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
  box-shadow: 0px 4px 4px 0px rgba(154, 166, 190, 0.04);
}
.grid-table .grid-table-row b, .grid-table .grid-table-row .font-bold {
  color: #24223b;
}
.grid-table .grid-table-row > div {
  padding: 9px 0 9px 30px;
}
.grid-table .grid-table-row a {
  color: rgba(34, 52, 88, 0.8);
}
.grid-table .grid-table-row .fw-bold {
  color: #24223b;
}
.grid-table .grid-table-row-empty {
  grid-column: span 2/span 2;
}
.grid-table .grid-table-row .dropdown {
  margin-left: auto;
  right: 20px;
}
.grid-table .grid-table-row .dropdown .dropdown-toggle {
  padding: 5px 9px 0 9px;
}
.grid-table .grid-table-row .dropdown.open .dropdown-toggle {
  background: rgba(220, 226, 236, 0.6);
  border-radius: 3px;
  transition: all 0.3s;
}
.grid-table .grid-table-row .dropdown.open > .dropdown-menu {
  background-color: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(154, 166, 190, 0.15);
  border: none;
  color: rgba(34, 52, 88, 0.8);
  padding: 0;
  margin-top: 25px;
  margin-left: 40px;
}
.grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > a,
.grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button {
  border-bottom: 1px solid rgba(207, 217, 235, 0.4);
  padding: 9px 20px;
  transition: all 0.5s;
}
.grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:first-of-type > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:last-of-type > a {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.select2-container .filter-modal-dropdown.select2-dropdown--below {
  border: 1px solid #CFD9EB !important;
}
.select2-container .filter-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown {
  padding: 0;
}
.select2-container .filter-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown .select2-search__field {
  font-size: 13px;
  border-radius: 0;
  border-bottom: 1px solid rgba(207, 217, 235, 0.4);
  padding: 4px 15px 4px 45px;
  line-height: 32px;
  height: 32px;
  background: #FFF url("../img/icons/search.svg") left 15px top 8px no-repeat;
  background-size: 16px;
}
.select2-container .filter-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option {
  padding: 8px 16px;
  font-size: 14px;
  color: rgba(34, 52, 88, 0.8);
  border: 0px solid #CFD9EB;
  border-top-width: 1px;
}
.select2-container .filter-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option:first-child {
  border-top-width: 0;
}
.select2-container .filter-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option--highlighted {
  font-weight: 600;
  color: #24223b;
  background-color: #FFF;
}

.select2-container--open .filter-modal-dropdown-container .select2-selection__arrow b {
  transform: rotate(-180deg);
}

.vertical-line {
  position: relative;
  display: inline-block;
  height: 42px;
  border-left: 2px solid #D4DBE7;
  vertical-align: middle;
  margin: 0 20px 0 10px;
}

.btn.btn-icon-header {
  padding: 8px 8px;
}
.btn.btn-icon-header img {
  display: flex;
  opacity: 0.7;
}

#export-btn {
  box-shadow: none;
}

#export-btn .caret {
  display: none;
}

.product-header {
  padding: 46px 0 10px 0;
  border-bottom: 1px solid #CFD9EB;
}
.product-header .product-header-name {
  font-weight: 600;
  font-size: 24px;
  color: #24223b;
}
.product-header .product-header-name-status {
  width: 10px;
  height: 10px;
  padding: 0;
  margin-right: 20px;
  border-radius: 50%;
}
.product-header .product-header-actions {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
  margin-left: auto;
}
.product-header .product-header-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.product-header .product-header-info-base {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.product-header .product-header-info-secondary {
  display: flex;
  flex-direction: row;
  padding-left: calc(20px + 1rem);
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.5rem;
  list-style: none;
  color: rgba(34, 52, 88, 0.55);
}
@media screen and (max-width: 991px) {
  .product-header .product-header-info-secondary {
    margin-top: 10px;
  }
}
.product-header .product-header-info-secondary li {
  position: relative;
  display: flex;
  align-items: center;
}
.product-header .product-header-info-secondary li a {
  color: rgba(34, 52, 88, 0.6);
  text-decoration: underline;
  margin-left: 3px;
}
.product-header .product-header-info-secondary li:not(:first-child)::before {
  content: "";
  position: relative;
  background-color: #CFD9EB;
  display: inline-block;
  margin-left: 1rem;
  margin-right: 1rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.product-header .product-header-tabs {
  border: none;
}
.product-header .product-header-tabs > li a {
  font-weight: 600;
  font-size: 14px;
  padding: 5px 10px;
  margin-right: 15px;
  box-shadow: none;
  border: none;
  transition: 0.25s ease;
  background: none;
  color: rgba(34, 52, 88, 0.65);
}
@media screen and (max-width: 991px) {
  .product-header .product-header-tabs > li a {
    margin-right: 10px;
  }
}
.product-header .product-header-tabs > li:hover a, .product-header .product-header-tabs > li:focus a, .product-header .product-header-tabs > li:active a {
  background-color: transparent;
  box-shadow: none;
  border: none;
  color: rgba(34, 52, 88, 0.75);
}
.product-header .product-header-tabs > li[disabled] a {
  background-color: transparent;
}
.product-header .product-header-tabs > li.active a {
  background-color: rgba(135, 146, 168, 0.14);
  border: none;
  border-radius: 3px;
  color: #24223b;
}

.product-info-cards {
  margin-bottom: 40px;
  margin-top: 25px;
}
.product-info-cards .row {
  box-shadow: 0px 4px 4px 0px rgba(154, 166, 190, 0.04);
}
.product-info-cards .panel-body {
  padding: 20px 22px !important;
}
.product-info-cards .product-info-card {
  margin: 0;
  padding: 0;
}
.product-info-cards .product-info-card .product-info-card-label {
  font-size: 14px;
  font-weight: 600;
  color: #9AA6BE;
}
.product-info-cards .product-info-card .product-info-card-value {
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 600;
  color: #24223b;
}
.product-info-cards .product-info-card > .panel {
  height: 100%;
  margin-bottom: 0;
  border-right: 1px solid #E7EDF6;
  box-shadow: none;
  border-radius: 0;
}
.product-info-cards .product-info-card:first-of-type > .panel {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media screen and (max-width: 1199px) {
  .product-info-cards .product-info-card:first-of-type > .panel {
    border-bottom-left-radius: 0;
  }
}
@media screen and (max-width: 991px) {
  .product-info-cards .product-info-card:first-of-type > .panel {
    border-top-right-radius: 4px;
  }
}
.product-info-cards .product-info-card:last-of-type > .panel {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media screen and (max-width: 991px) {
  .product-info-cards .product-info-card:last-of-type > .panel {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
  }
}
@media screen and (max-width: 1199px) {
  .product-info-cards .product-info-card:nth-of-type(2) > .panel {
    border-top-right-radius: 4px;
  }
  .product-info-cards .product-info-card:nth-of-type(3) > .panel {
    border-bottom-left-radius: 4px;
  }
  .product-info-cards .product-info-card:nth-of-type(3), .product-info-cards .product-info-card:nth-of-type(4) {
    border-top: 1px solid #E7EDF6;
  }
}
@media screen and (max-width: 991px) {
  .product-info-cards .product-info-card:nth-of-type(2) {
    border-top: 1px solid #E7EDF6;
  }
  .product-info-cards .product-info-card:nth-of-type(2) > .panel {
    border-top-right-radius: 0;
  }
  .product-info-cards .product-info-card:nth-of-type(3) > .panel {
    border-bottom-left-radius: 0;
  }
}

.product-info-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.product-info-list > li {
  align-items: center;
  display: flex;
  flex: 1 0 25%;
  margin-bottom: 20px;
  color: rgba(34, 52, 88, 0.8);
}
@media screen and (max-width: 1199px) {
  .product-info-list > li {
    flex: 1 0 50%;
  }
}
@media screen and (max-width: 991px) {
  .product-info-list > li {
    flex: 1 0 100%;
  }
}
.product-info-list > li > a {
  color: rgba(34, 52, 88, 0.8);
  text-decoration: underline;
}
.product-info-list > li > b {
  color: #7D83B0;
  margin-right: 10px;
}

.btn-switch {
  background-color: #0656B7;
  border-radius: 3rem;
  border: none;
  min-width: 55px;
  min-height: 28px;
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 5px 10px;
  transition: all 1s ease;
}

.user-anonymize-request-status-badge {
  position: relative;
  display: flex;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  z-index: 40;
}

.grid-table-vps-cloud .grid-table-header, .grid-table-vps-cloud .grid-table-row {
  grid-template-columns: [status] 30px [hostname] 2.2fr [ip-address] 1.2fr [vcpu] 0.6fr [ram] 0.6fr [disk] 0.9fr [os] 0.9fr [created_at] 1.2fr [actions] 0.5fr;
}
.grid-table-vps-cloud .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-ip-address-history .grid-table-header, .grid-table-ip-address-history .grid-table-row {
  grid-template-columns: [client] 1.5fr [street] 1fr [postcode] 0.75fr [city] 0.75fr [country] 0.5fr [actions] 0.3fr;
}
.grid-table-ip-address-history .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-firewall .grid-table-header, .grid-table-firewall .grid-table-row {
  grid-template-columns: [id] 1fr [description] 0.8fr [rules] 0.75fr [instances] 0.75fr [created_at] 0.8fr [actions] 0.5fr;
}
.grid-table-firewall .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-firewall-admin .grid-table-header, .grid-table-firewall-admin .grid-table-row {
  grid-template-columns: [id] 0.25fr [uuid] 1fr [client] 1fr [description] 0.8fr [rules] 0.75fr [instances] 0.75fr [created_at] 0.8fr [actions] 0.5fr;
}
.grid-table-firewall-admin .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-firewall-rules .grid-table-header, .grid-table-firewall-rules .grid-table-row {
  grid-template-columns: [id] 0.25fr [action] 0.75fr [protocol] 0.8fr [port] 0.75fr [source] 0.75fr [notes] 0.8fr [actions] 0.5fr;
}
.grid-table-firewall-rules .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-firewall-instances .grid-table-header, .grid-table-firewall-instances .grid-table-row {
  grid-template-columns: [ip_address] 1fr [status] 1fr [actions] 0.5fr;
}
.grid-table-firewall-instances .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-vps-cloud-admin .grid-table-header, .grid-table-vps-cloud-admin .grid-table-row {
  grid-template-columns: [id] 5px [status] 30px [hostname] 2.2fr [client] 1.2fr [ip-address] 1.2fr [vcpu] 0.6fr [ram] 0.6fr [disk] 0.9fr [os] 0.9fr [created_at] 1.2fr [actions] 0.5fr;
  padding-left: 30px;
}

.grid-table-vps-cloud-network .grid-table-header, .grid-table-vps-cloud-network .grid-table-row {
  grid-template-columns: [hostname] 1fr [gateway] 1fr [netmask] 1fr [mac-address] 1fr [actions] 0.5fr;
}

.grid-table-vps-cloud-backups .grid-table-header, .grid-table-vps-cloud-backups .grid-table-row {
  grid-template-columns: [id] 0.25fr [name] 1fr [size] 1fr [status] 1fr [created_at] 1fr [actions] 0.5fr;
}

.grid-table-vps-cloud-iso-images .grid-table-header, .grid-table-vps-cloud-iso-images .grid-table-row {
  grid-template-columns: [description] 1fr [name] 1fr [created_at] 1fr [actions] 0.5fr;
}

.grid-table-vps-cloud-tasks .grid-table-header, .grid-table-vps-cloud-tasks .grid-table-row {
  grid-template-columns: [id] 0.25fr [operation] 0.75fr [status] 1fr [created_at] 1fr;
}

.grid-table-vps-cloud-tasks-admin .grid-table-header, .grid-table-vps-cloud-tasks-admin .grid-table-row {
  grid-template-columns: [id] 0.25fr [operation] 0.75fr [user] 1fr [status] 1fr [created_at] 0.5fr [actions] 0.5fr;
}

.grid-table-vps-cloud-history .grid-table-header, .grid-table-vps-cloud-history .grid-table-row {
  grid-template-columns: [type] 1fr [action] 1fr [created_at] 0.5fr;
}

.grid-table-vps-cloud-history-admin .grid-table-header, .grid-table-vps-cloud-history-admin .grid-table-row {
  grid-template-columns: [type] 0.5fr [action] 0.5fr [user] 0.5fr [content] 1fr [created_at] 0.5fr;
}

.grid-table-user-anonymize-request .grid-table-header, .grid-table-user-anonymize-request .grid-table-row {
  grid-template-columns: [id] 0.1fr [client-full-name] 1.75fr [request-subject] 1.25fr [right] 1fr [created_at] 1fr [updated_at] 1fr [subject-to-removal] 0.75fr [reason] 0.75fr [realized] 0.75fr;
}
.grid-table-user-anonymize-request .grid-table-header > div {
  padding: 0 0 0 30px !important;
}
.grid-table-user-anonymize-request .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}
.grid-table-user-anonymize-request .grid-table-row > div {
  padding: 9px 0 9px 30px;
}

.grid-table-domain .grid-table-header, .grid-table-domain .grid-table-row {
  grid-template-columns: [name] 1fr [created_at] 1fr [actions] 0.5fr;
}
.grid-table-domain .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-domain-admin .grid-table-header, .grid-table-domain-admin .grid-table-row {
  grid-template-columns: [name] 1fr [client] 1fr [created_at] 1fr [actions] 0.5fr;
}
.grid-table-domain-admin .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-domain-records .grid-table-header, .grid-table-domain-records .grid-table-row {
  grid-template-columns: [type] 0.25fr [name] 0.5fr [value] 1fr [ttl] 0.5fr [priority] 0.25fr [actions] 0.25fr;
}
.grid-table-domain-records .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-domain .grid-table-row > div, .grid-table-domain-admin .grid-table-row > div, .grid-table-domain-records .grid-table-row > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 991px) {
  .grid-table-vps-cloud,
  .grid-table-vps-cloud-admin,
  .grid-table-vps-cloud-network,
  .grid-table-vps-cloud-backups,
  .grid-table-vps-cloud-iso-images,
  .grid-table-vps-cloud-tasks,
  .grid-table-vps-cloud-tasks-admin,
  .grid-table-vps-cloud-history,
  .grid-table-vps-cloud-history-admin,
  .grid-table-firewall,
  .grid-table-firewall-instances,
  .grid-table-panel {
    position: relative;
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .grid-table-vps-cloud .grid-table-header, .grid-table-vps-cloud .grid-table-row,
  .grid-table-vps-cloud-admin .grid-table-header,
  .grid-table-vps-cloud-admin .grid-table-row,
  .grid-table-vps-cloud-network .grid-table-header,
  .grid-table-vps-cloud-network .grid-table-row,
  .grid-table-vps-cloud-backups .grid-table-header,
  .grid-table-vps-cloud-backups .grid-table-row,
  .grid-table-vps-cloud-iso-images .grid-table-header,
  .grid-table-vps-cloud-iso-images .grid-table-row,
  .grid-table-vps-cloud-tasks .grid-table-header,
  .grid-table-vps-cloud-tasks .grid-table-row,
  .grid-table-vps-cloud-tasks-admin .grid-table-header,
  .grid-table-vps-cloud-tasks-admin .grid-table-row,
  .grid-table-vps-cloud-history .grid-table-header,
  .grid-table-vps-cloud-history .grid-table-row,
  .grid-table-vps-cloud-history-admin .grid-table-header,
  .grid-table-vps-cloud-history-admin .grid-table-row,
  .grid-table-firewall .grid-table-header,
  .grid-table-firewall .grid-table-row,
  .grid-table-firewall-instances .grid-table-header,
  .grid-table-firewall-instances .grid-table-row,
  .grid-table-panel .grid-table-header,
  .grid-table-panel .grid-table-row {
    display: grid;
    min-width: 100rem;
    grid-auto-flow: column;
    align-items: center;
  }
}
.grid-table .grid-table-firewall-draft {
  color: #ffffff !important;
}
.grid-table .grid-table-firewall-draft > .font-bold, .grid-table .grid-table-firewall-draft .dropdown-toggle > .glyphicon-option-horizontal {
  color: #ffffff !important;
}
.grid-table .grid-table-firewall-draft-insert {
  background-color: rgba(4, 86, 183, 0.74);
}
.grid-table .grid-table-firewall-draft-insert .font-bold {
  color: #ffffff !important;
}
.grid-table .grid-table-firewall-draft-delete {
  background-color: rgba(194, 0, 0, 0.62);
}
.grid-table .grid-table-firewall-draft-delete .font-bold {
  color: #ffffff !important;
}

.product-vps-cloud-status-badge {
  position: relative;
  display: flex;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  z-index: 9999;
}
.product-vps-cloud-status-badge.label-primary {
  background-color: #0656B7;
}

.product-vps-cloud-console {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  background-color: rgba(135, 146, 168, 0.14);
  border-radius: 0.25rem;
  padding: 5px 10px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #24223b;
}
.product-vps-cloud-console:hover {
  background: rgba(135, 146, 168, 0.24);
}

.product-vps-cloud-label {
  background-color: transparent;
  box-shadow: none;
  padding: 5px 0;
}
.product-vps-cloud-label img {
  height: 26px;
}

.product-vps-cloud-os-group {
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.product-vps-cloud-os-group > input {
  display: none;
}
.product-vps-cloud-os-group > input:checked ~ label {
  border-color: #0656B7;
  outline: 2px solid #CEDAE6;
}
.product-vps-cloud-os-group > input:checked ~ label::after {
  background: #0656B7;
  background-image: url(../img/check-icon.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 5px;
}
.product-vps-cloud-os-group-item {
  background: #FFF;
  border: 2px solid #ebeff7;
  border-radius: 6px;
  padding: 5px 20px 15px 20px;
  margin-bottom: 15px;
}
.product-vps-cloud-os-group-item::after {
  width: 20px;
  height: 20px;
  content: "";
  background-color: transparent;
  border-radius: 50%;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 4px;
  z-index: 2;
  position: absolute;
  right: -5px;
  top: 5px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.product-vps-cloud-os-group-item-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  color: #24223b;
}
.product-vps-cloud-os-group-item-info-name {
  font-size: 14px;
  font-weight: 600;
}
.product-vps-cloud-os-group-item-info-info {
  font-size: 13px;
  font-weight: 300;
}
.product-vps-cloud-os-group-item-select-bar {
  display: flex;
  align-items: center;
  background: rgba(220, 226, 236, 0.8117647059);
  border-radius: 0 0 4px 4px;
  padding: 0 20px;
  margin: 0 -2rem -1.5rem -2rem;
}
.product-vps-cloud-os-group-item-select-bar .help-block:empty {
  display: none;
}
.product-vps-cloud-os-group-item-select-bar > .form-group {
  max-width: 80px;
  margin-bottom: 0;
}
.product-vps-cloud-os-group-item-select-bar > .form-group select {
  color: #24223b;
}
.product-vps-cloud-os-group-item-select-bar > .form-group .form-control {
  background: none;
  box-shadow: none;
  padding: 0;
}
.product-vps-cloud-os-group-item-select-bar > .form-group .select2-selection {
  background: none !important;
  border: 0 !important;
  border-radius: 0;
  padding: 0 0.25rem !important;
  height: auto !important;
}
.product-vps-cloud-os-group-item-select-bar > .form-group .select2-selection__rendered {
  height: auto !important;
  line-height: normal;
}
.product-vps-cloud-os-group-item-select-bar > .form-group .select2-selection__arrow {
  height: 20px !important;
  line-height: normal;
  right: -1rem;
}
.product-vps-cloud-os-group-item-select-bar > .form-group .select2-selection__arrow > b {
  border-color: rgba(154, 164, 184, 0.8) transparent transparent !important;
}

.product-vps-cloud-os-sticker {
  position: relative;
  width: 38px;
  height: 38px;
}

.product-vps-cloud-os-sticker[data-template^=almalinux i] {
  background: url("../img/os/almalinux-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

.product-vps-cloud-os-sticker[data-template^=centos i] {
  background: url("../img/os/centos-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

.product-vps-cloud-os-sticker[data-template^=debian i] {
  background: url("../img/os/debian-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

.product-vps-cloud-os-sticker[data-template^=fedora i] {
  background: url("../img/os/fedora-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

.product-vps-cloud-os-sticker[data-template^=freebsd i] {
  background: url("../img/os/freebsd-logo.svg") center no-repeat;
  background-size: 90% 90%;
}

.product-vps-cloud-os-sticker[data-template^=rocky i] {
  background: url("../img/os/rocky-logo.svg") center no-repeat;
  background-size: 90% 90%;
}

.product-vps-cloud-os-sticker[data-template^=windows i] {
  background: url("../img/os/windows-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

.product-vps-cloud-os-sticker[data-template^=ubuntu i] {
  background: url("../img/os/ubuntu-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

#create-firewall-group-instances .select2-container .select2-selection--single {
  background-color: #FFF;
  padding: 0 0 0 18px !important;
  line-height: 45px;
  height: 45px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#create-firewall-group-instances .select2-container .select2-selection--single .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
  font-size: 13px;
}
#create-firewall-group-instances .select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 15px;
}
#create-firewall-group-instances .select2-container .select2-selection--single .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
#create-firewall-group-instances .select2-container .select2-selection--single .select2-selection__clear {
  color: #ADB5C6;
  font-size: 18px;
  margin-right: 5px;
}
#create-firewall-group-instances .select2-container.select2-container--open .selection .select2-selection__arrow b {
  transform: rotate(-180deg);
}

.product-firewall.badge {
  padding: 0;
  min-width: 8px;
  min-height: 8px;
}
.product-firewall-modal-container.select2-selection--single {
  background-color: #FFF;
  padding: 0 0 0 18px !important;
  line-height: 45px;
  height: 45px !important;
}
.product-firewall-modal-container.select2-selection--single .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
  font-size: 13px;
}
.product-firewall-modal-container.select2-selection--single .select2-selection__arrow {
  height: 100%;
}
.product-firewall-modal-container.select2-selection--single .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
.product-firewall .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button {
  padding: 9px 20px;
  transition: all 0.5s;
}
.product-firewall .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button:hover, .product-firewall .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button:focus {
  background-color: #0656B7;
  color: #fff;
  cursor: pointer;
}
.product-firewall .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:last-of-type > button {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.product-firewall .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:first-of-type > button {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.product-firewall-label {
  background-color: transparent;
  box-shadow: none;
  padding: 5px 0;
}
.product-firewall-label img {
  height: 26px;
}
.product-firewall .content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-firewall .content-header h3 {
  font-size: 20px;
  font-weight: 600;
  color: #24223b;
  margin: 0;
}
.product-firewall .content-header .rules-counter {
  background: rgba(135, 146, 168, 0.14);
  color: #24223b;
  border-radius: 3px;
  font-weight: 600;
  font-size: 14px;
  padding: 5px 10px;
}
.product-firewall .content-description {
  color: #24223b;
  opacity: 0.8;
}
.product-firewall .form-group {
  display: grid;
  grid-auto-flow: column dense;
  grid-template-rows: [label] 20px [input] 49.5px [error] 0px;
  gap: 9px;
  margin-bottom: 0px;
}
.product-firewall .form-group.has-error {
  grid-template-rows: [label] 20px [input] 49.5px [error] 50px;
}
@media screen and (max-width: 1200px) {
  .product-firewall .form-group.has-error {
    grid-template-rows: [label] 20px [input] 49.5px [error] minmax(0, 40px);
  }
}
.product-firewall .form-group label {
  margin-bottom: 0;
  color: #24223b;
  font-size: 13px;
  font-weight: 600;
}
.product-firewall .form-group.waiting {
  pointer-events: none;
}
.product-firewall .form-control {
  border: 1px solid #CFD9EB;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
  padding: 14px 18px;
  height: 100%;
}
.product-firewall .form-control:focus {
  border: 1px solid #CFD9EB;
}
.product-firewall .form-control:disabled {
  background-color: rgba(135, 146, 168, 0.1);
}
.product-firewall .form-control::placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.product-firewall .select2-container.select2-container--open .selection .select2-selection {
  border: 1px solid #0656B7;
  border-radius: 3px 3px 0 0;
}
.product-firewall .select2-container.select2-container--open .selection .select2-selection__arrow b {
  transform: rotate(-180deg);
}
.product-firewall .select2-container.select2-container--disabled .selection .select2-selection {
  background-color: rgba(135, 146, 168, 0.1);
  opacity: 0.65;
}
.product-firewall .select2-container .selection .select2-selection {
  border: 1px solid #CFD9EB;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
}
.product-firewall .select2-container .selection .select2-selection--single {
  padding: 14px 18px !important;
  height: auto !important;
}
.product-firewall .select2-container .selection .select2-selection__rendered {
  line-height: initial;
}
.product-firewall .select2-container .selection .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.product-firewall .select2-container .selection .select2-selection__arrow {
  height: 100%;
}
.product-firewall .select2-container .selection .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
.product-firewall .grid-form {
  display: grid;
  gap: 10px;
  grid-template-columns: [protocol] 1fr [port] 0.75fr [source] 1fr [ip_address] 1fr [note] 1fr [action] 0.3fr;
}
@media screen and (max-width: 1200px) {
  .product-firewall .grid-form {
    display: flex;
    flex-direction: column;
  }
  .product-firewall .grid-form > * {
    width: 100%;
  }
}
.product-firewall .grid-form .btn {
  height: 100%;
  grid-row-start: 2;
  grid-row-end: 3;
}
.product-firewall .grid-form .btn img {
  width: 12px;
  height: 12px;
}
.product-firewall .grid-form .btn-cancel {
  background: #627293;
}
.product-firewall .grid-form .btn:has(img) {
  width: 49.5px;
}
@media screen and (max-width: 1200px) {
  .product-firewall .grid-form .btn:has(img) {
    width: 100%;
  }
}
.product-firewall .server-info {
  display: flex;
  flex-direction: column;
}
.product-firewall .server-name {
  font-size: 13px;
  font-weight: 600;
  color: #24223b;
}
.product-firewall .server-ip {
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
}

.select2-container .select2-dropdown.product-firewall-dropdown {
  border: 1px solid #0656B7 !important;
}
.select2-container .select2-dropdown.product-firewall-dropdown .select2-results__option {
  color: rgba(34, 52, 88, 0.8);
  border: 0px solid #CFD9EB;
  border-top-width: 1px;
}
.select2-container .select2-dropdown.product-firewall-dropdown .select2-results__option:first-child {
  border-top-width: 0;
}
.select2-container .select2-dropdown.product-firewall-dropdown .select2-results__option--highlighted {
  background-color: #FFF;
  font-weight: 600;
  color: #24223b;
}

.select2-container .product-firewall-modal-dropdown.select2-dropdown--below {
  border: 1px solid #CFD9EB !important;
}
.select2-container .product-firewall-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown {
  padding: 0;
}
.select2-container .product-firewall-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown .select2-search__field {
  font-size: 13px;
  border-radius: 0;
  padding: 4px 15px 4px 45px;
  line-height: 32px;
  height: 32px;
  background: #DDE4F1 url("../img/icons/search.svg") left 15px top 8px no-repeat;
  background-size: 16px;
}
.select2-container .product-firewall-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option {
  padding: 10px 15px;
  font-size: 14px;
  color: rgba(34, 52, 88, 0.8);
  border: 0px solid #CFD9EB;
  border-top-width: 1px;
}
.select2-container .product-firewall-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option:first-child {
  border-top-width: 0;
}
.select2-container .product-firewall-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option--highlighted {
  font-weight: 600;
  color: #24223b;
  background-color: #FFF;
}

.select2-container--open .product-firewall-modal-container .select2-selection__arrow b {
  transform: rotate(-180deg);
}

#create-domain-group-instances .select2-container .select2-selection--single {
  background-color: #FFF;
  padding: 0 0 0 18px !important;
  line-height: 45px;
  height: 45px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#create-domain-group-instances .select2-container .select2-selection--single .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
  font-size: 13px;
}
#create-domain-group-instances .select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 15px;
}
#create-domain-group-instances .select2-container .select2-selection--single .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
#create-domain-group-instances .select2-container .select2-selection--single .select2-selection__clear {
  color: #ADB5C6;
  font-size: 18px;
  margin-right: 5px;
}
#create-domain-group-instances .select2-container.select2-container--open .selection .select2-selection__arrow b {
  transform: rotate(-180deg);
}

.product-domain.badge {
  padding: 0;
  min-width: 8px;
  min-height: 8px;
}
.product-domain-modal-container.select2-selection--single {
  background-color: #FFF;
  padding: 0 0 0 18px !important;
  line-height: 45px;
  height: 45px !important;
}
.product-domain-modal-container.select2-selection--single .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
  font-size: 13px;
}
.product-domain-modal-container.select2-selection--single .select2-selection__arrow {
  height: 100%;
}
.product-domain-modal-container.select2-selection--single .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
.product-domain .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button {
  padding: 9px 20px;
  transition: all 0.5s;
}
.product-domain .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button:hover, .product-domain .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button:focus {
  background-color: #0656B7;
  color: #fff;
  cursor: pointer;
}
.product-domain .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:last-of-type > button {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.product-domain .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:first-of-type > button {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.product-domain-label {
  background-color: transparent;
  box-shadow: none;
  padding: 5px 0;
}
.product-domain-label img {
  height: 26px;
}
.product-domain .content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-domain .content-header h3 {
  font-size: 22px;
  font-weight: 600;
  color: #24223b;
  margin: 0;
}
.product-domain .content-header .rules-counter {
  background: rgba(135, 146, 168, 0.14);
  color: #24223b;
  border-radius: 3px;
  font-weight: 600;
  font-size: 14px;
  padding: 5px 10px;
}
.product-domain .content-description {
  color: #24223b;
  opacity: 0.8;
}
.product-domain .form-group {
  display: grid;
  grid-auto-flow: column dense;
  grid-template-rows: [label] 20px [input] 49.5px [error] 0px;
  gap: 9px;
  margin-bottom: 0px;
}
.product-domain .form-group.has-error {
  grid-template-rows: [label] 20px [input] 49.5px [error] 50px;
}
@media screen and (max-width: 1200px) {
  .product-domain .form-group.has-error {
    grid-template-rows: [label] 20px [input] 49.5px [error] minmax(0, 40px);
  }
}
.product-domain .form-group label {
  margin-bottom: 0;
  color: #24223b;
  font-size: 13px;
  font-weight: 600;
}
.product-domain .form-group.waiting {
  pointer-events: none;
}
.product-domain .form-control {
  border: 1px solid #CFD9EB;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
  padding: 14px 18px;
  height: 100%;
}
.product-domain .form-control:focus {
  border: 1px solid #CFD9EB;
}
.product-domain .form-control:disabled {
  background-color: rgba(135, 146, 168, 0.1);
}
.product-domain .form-control::placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.product-domain .select2-container.select2-container--open .selection .select2-selection {
  border: 1px solid #0656B7;
  border-radius: 3px 3px 0 0;
}
.product-domain .select2-container.select2-container--open .selection .select2-selection__arrow b {
  transform: rotate(-180deg);
}
.product-domain .select2-container.select2-container--disabled .selection .select2-selection {
  background-color: rgba(135, 146, 168, 0.1);
  opacity: 0.65;
}
.product-domain .select2-container .selection .select2-selection {
  border: 1px solid #CFD9EB;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
}
.product-domain .select2-container .selection .select2-selection--single {
  padding: 14px 18px !important;
  height: auto !important;
}
.product-domain .select2-container .selection .select2-selection__rendered {
  line-height: initial;
}
.product-domain .select2-container .selection .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.product-domain .select2-container .selection .select2-selection__arrow {
  height: 100%;
}
.product-domain .select2-container .selection .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
.product-domain .grid-form {
  display: grid;
  gap: 10px;
  grid-template-columns: [type] 0.25fr [name] 0.5fr [value] 1fr [ttl] 0.25fr [action] 0.1fr;
}
.product-domain .grid-form .field-priority, .product-domain .grid-form .field-weight, .product-domain .grid-form .field-port {
  display: none;
}
@media screen and (max-width: 1200px) {
  .product-domain .grid-form {
    display: flex;
    flex-direction: column;
  }
  .product-domain .grid-form > * {
    width: 100%;
  }
}
.product-domain .grid-form .btn {
  height: 100%;
  grid-row-start: 2;
  grid-row-end: 3;
}
.product-domain .grid-form .btn img {
  width: 12px;
  height: 12px;
}
.product-domain .grid-form .btn-cancel {
  background: #627293;
}
.product-domain .grid-form .btn:has(img) {
  width: 49.5px;
}
@media screen and (max-width: 1200px) {
  .product-domain .grid-form .btn:has(img) {
    width: 100%;
  }
}
.product-domain .grid-form-type-mx {
  grid-template-columns: [type] 0.25fr [name] 0.5fr [value] 1fr [priority] 0.25fr [ttl] 0.25fr [action] 0.3fr !important;
}
.product-domain .grid-form-type-mx .field-priority {
  display: grid;
}
.product-domain .grid-form-type-srv {
  grid-template-columns: [type] 0.25fr [name] 0.5fr [value] 1fr [priority] 0.25fr [weight] 0.25fr [port] 0.25fr [ttl] 0.25fr [action] 0.3fr !important;
}
.product-domain .grid-form-type-srv .field-priority, .product-domain .grid-form-type-srv .field-weight, .product-domain .grid-form-type-srv .field-port {
  display: grid;
}
.product-domain .grid-form-type-txt {
  grid-template-columns: [type] 0.1fr [name] 1fr [ttl] 0.3fr [action] 0.1fr !important;
}
.product-domain .grid-form-type-txt .field-value {
  grid-column: 1/-1;
  order: 9999;
}
.product-domain .server-info {
  display: flex;
  flex-direction: column;
}
.product-domain .server-name {
  font-size: 13px;
  font-weight: 600;
  color: #24223b;
}
.product-domain .server-ip {
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
}

.select2-container .select2-dropdown.product-domain-dropdown {
  border: 1px solid #0656B7 !important;
}
.select2-container .select2-dropdown.product-domain-dropdown .select2-results__option {
  color: rgba(34, 52, 88, 0.8);
  border: 0px solid #CFD9EB;
  border-top-width: 1px;
}
.select2-container .select2-dropdown.product-domain-dropdown .select2-results__option:first-child {
  border-top-width: 0;
}
.select2-container .select2-dropdown.product-domain-dropdown .select2-results__option--highlighted {
  background-color: #FFF;
  font-weight: 600;
  color: #24223b;
}

.select2-container .product-domain-modal-dropdown.select2-dropdown--below {
  border: 1px solid #CFD9EB !important;
}
.select2-container .product-domain-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown {
  padding: 0;
}
.select2-container .product-domain-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown .select2-search__field {
  font-size: 13px;
  border-radius: 0;
  padding: 4px 15px 4px 45px;
  line-height: 32px;
  height: 32px;
  background: #DDE4F1 url("../img/icons/search.svg") left 15px top 8px no-repeat;
  background-size: 16px;
}
.select2-container .product-domain-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option {
  padding: 10px 15px;
  font-size: 14px;
  color: rgba(34, 52, 88, 0.8);
  border: 0px solid #CFD9EB;
  border-top-width: 1px;
}
.select2-container .product-domain-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option:first-child {
  border-top-width: 0;
}
.select2-container .product-domain-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option--highlighted {
  font-weight: 600;
  color: #24223b;
  background-color: #FFF;
}

.select2-container--open .product-domain-modal-container .select2-selection__arrow b {
  transform: rotate(-180deg);
}

.accordion {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 100%;
}
.accordion-header {
  background-color: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(154, 166, 190, 0.04);
  border-radius: 3px;
  padding: 18px 36px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  transition: all 0.25s ease-in-out;
}
.accordion-header-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.accordion-header-title {
  margin: 0;
  color: #24223b;
  opacity: 0.9;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.25s ease-in-out;
}
.accordion-header-icon {
  width: 20px;
  height: 20px;
}
.accordion-header-collapse {
  position: relative;
  width: 12px;
  height: 12px;
  margin: 4px 0px;
}
.accordion-header-collapse::before {
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 1.5px;
  background-color: #627293;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
}
.accordion-header-collapse::after {
  content: "";
  width: 2px;
  height: 100%;
  border-radius: 1.5px;
  background-color: #627293;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.25s ease-in-out;
}
.accordion-content {
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
  text-align: start;
  max-height: 0;
  overflow: hidden;
  padding: 0 38px;
  transition: all 0.25s ease-out;
}
.accordion-content a {
  color: rgba(34, 52, 88, 0.8);
  font-weight: 600;
}
.accordion-active .accordion-header {
  background-color: #0E1D39;
}
.accordion-active .accordion-header-title {
  color: #FFFFFF;
}
.accordion-active .accordion-header-collapse::before {
  background-color: #F7F9FD;
}
.accordion-active .accordion-header-collapse::after {
  background-color: #F7F9FD;
  transform: rotate(-90deg);
}
.accordion-active .accordion-content {
  margin: 20px 0;
}

.icon {
  height: 20px;
  width: 20px;
  mask-size: 20px 20px !important;
  margin-right: 15px;
  cursor: pointer;
  position: relative;
  top: 0;
  mask-size: 100% 100%;
  mask-position: center;
  mask-repeat: no-repeat;
}
.icon.home {
  mask-image: url("../img/home-icon.svg");
}
.icon.user {
  mask-image: url("../img/user-icon.svg");
}
.icon.clients {
  mask-image: url("../img/clients-icon.svg");
  mask-size: 22px 22px !important;
}
.icon.service {
  mask-image: url("../img/services-icon.svg");
}
.icon.dedicated {
  mask-image: url("../img/dedicated-icon.svg");
}
.icon.network {
  mask-image: url("../img/network-icon.svg");
}
.icon.startup-script {
  mask-image: url("../img/startup-script-icon.svg");
}
.icon.mount {
  mask-image: url("../img/mount-icon.svg");
}
.icon.unmount {
  mask-image: url("../img/unmount-icon.svg");
}
.icon.cloud {
  mask-image: url("../img/cloud-icon.svg");
}
.icon.backup {
  mask-image: url("../img/backup-icon.svg");
}
.icon.discount {
  mask-image: url("../img/discount-icon.svg");
}
.icon.scheduled-task {
  mask-image: url("../img/task-icon.svg");
}
.icon.queue {
  mask-image: url("../img/queue-icon.svg");
  mask-size: 22px 22px !important;
}
.icon.ssh-key {
  mask-image: url("../img/ssh-icon.svg");
}
.icon.invoice {
  mask-image: url("../img/invoice-icon.svg");
}
.icon.profile {
  mask-image: url("../img/profile-icon.svg");
}
.icon.settings {
  mask-image: url("../img/settings-icon.svg");
}
.icon.verify-ip {
  mask-image: url("../img/verify-ip-icon.svg");
}
.icon.forced-maintenance {
  mask-image: url("../img/forced-maintenance-icon.svg");
}
.icon.vps {
  mask-image: url("../img/vps-icon.svg");
}
.icon.user-settings {
  background: url("../img/user-settings-icon.svg") no-repeat left center;
  display: inline-block;
  transition: all 0.3s;
  margin-right: 5px;
  height: 18px;
  width: 18px;
}
.icon.service-check {
  mask-image: url("../img/service-check-icon.svg");
}
.icon.plus {
  background: url("../img/icon-plus.svg") no-repeat left center;
  margin-right: 3px;
  top: 2.5px;
}
.icon.alerts {
  background: url("../img/alerts-icon.svg") no-repeat left center;
}
.icon.user-anonymize-request {
  background: url("../img/anonymize-request-icon.svg") no-repeat left center;
}

.icon {
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 0;
}
.icon.plus {
  background: url("../img/plus-icon.svg") no-repeat left center;
  background-size: cover;
  height: 15px;
  width: 15px;
}

.button-copy {
  background: url("../img/copy-icon.svg") no-repeat left center;
  width: 14px;
  height: 14px;
  margin-left: 10px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 0;
  border: none;
}

.open .user-settings {
  background: url("../img/user-settings-icon.svg") no-repeat left center;
}

.arrow,
.chevron {
  display: inline-block;
  position: relative;
  margin-left: auto;
  right: 5px;
}
.arrow.arrow-right,
.chevron.arrow-right {
  background: url("../img/arrow-right-icon.svg") no-repeat left center;
  background-size: 5px;
  height: 10px;
  width: 6px;
}
.arrow.arrow-down,
.chevron.arrow-down {
  background: url("../img/arrow-down-icon.svg") no-repeat left center;
  background-size: 10px;
  height: 5px;
  width: 9px;
}
.arrow.chevron-down,
.chevron.chevron-down {
  background: url("../img/chevron-down-icon.svg") no-repeat left center;
  background-size: 10px;
  height: 7px;
  width: 10px;
  right: 0;
  margin-left: 5px;
}

#sidebar .dropdown-menu.dropdown-menu-user {
  width: 220px;
  transform: translate3d(-220px, -44px, 0px);
  inset: auto auto 0px 15px;
  padding: 0 !important;
  background: #FFFFFF;
  box-shadow: 0.5px 3.02px 4px rgba(0, 0, 0, 0.04), 0px 2.29px 11.45px rgba(0, 0, 0, 0.05), 0px 10px 50px rgba(0, 0, 0, 0.01);
  border: 1px solid #DEE2F7;
  backdrop-filter: blur(1px);
  border-radius: 4px;
}
#sidebar .dropdown-menu.dropdown-menu-user span {
  padding: 10px 18px 10px 18px;
  display: block;
  color: #627293;
  font-size: 13px;
  font-weight: 600;
}
#sidebar .dropdown-menu.dropdown-menu-user li a {
  padding: 10px 18px !important;
  color: #6639d8 !important;
  border-bottom: 1px solid rgba(210, 214, 218, 0.85);
}
#sidebar .dropdown-menu.dropdown-menu-user li a:hover {
  background-color: transparent !important;
  opacity: 0.5;
}
#sidebar .dropdown-menu.dropdown-menu-user li:last-of-type a {
  border: none;
}
#sidebar .dropdown-menu.dropdown-menu-user .sidebar-nav-user-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 18px;
}
#sidebar .dropdown-menu.dropdown-menu-user .sidebar-nav-user-dropdown .sidebar-nav-user-avatar {
  font-size: 14px;
  color: #F7F9FD;
  padding: 0;
}
#sidebar .dropdown-menu.dropdown-menu-user .sidebar-nav-user-dropdown .sidebar-nav-user-content span {
  padding: 0;
}
#sidebar.sidebar-collapsed:not(:hover) .dropdown-menu-user {
  visibility: hidden;
  opacity: 0;
}

.container-fluid {
  padding-left: 60px;
  padding-right: 60px;
}
@media screen and (max-width: 991px) {
  .container-fluid {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

#content.expand .container-fluid {
  padding-left: 60px;
  padding-right: 60px;
}
@media screen and (max-width: 1200px) {
  #content.expand .container-fluid {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}
@media screen and (max-width: 991px) {
  #content.expand .container-fluid {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

.ip-address-history.badge {
  padding: 0;
  min-width: 8px;
  min-height: 8px;
}
.ip-address-history h3.panel-title {
  font-size: 18px !important;
  color: rgba(34, 52, 88, 0.95) !important;
}
.ip-address-history .grid-table .grid-table-row .dropdown.open > .dropdown-menu li > button {
  padding: 9px 20px;
  transition: all 0.5s;
}
.ip-address-history .grid-table .grid-table-row .dropdown.open > .dropdown-menu li > button:hover, .ip-address-history .grid-table .grid-table-row .dropdown.open > .dropdown-menu li > button:focus {
  background-color: #6639d8;
  color: #fff;
  cursor: pointer;
}
.ip-address-history .grid-table .grid-table-row .dropdown.open > .dropdown-menu li:last-of-type > button {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.ip-address-history .grid-table .grid-table-row .dropdown.open > .dropdown-menu li:first-of-type > button {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.ip-address-history-label {
  background-color: transparent;
  box-shadow: none;
  padding: 5px 0;
}
.ip-address-history-label img {
  height: 26px;
}
.ip-address-history .content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.ip-address-history h3.content-header {
  font-weight: 600;
  font-size: 22px !important;
  color: #24223b !important;
  margin: 0;
}
.ip-address-history h3.content-header .rules-counter {
  background: rgba(135, 146, 168, 0.14);
  color: #24223b;
  border-radius: 3px;
  font-weight: 600;
  font-size: 14px;
  padding: 5px 10px;
}
.ip-address-history .content-description {
  color: #24223b;
  opacity: 0.8;
}
.ip-address-history .form-group {
  display: grid;
  grid-auto-flow: column dense;
  grid-template-rows: [label] 20px [input] 49.5px [error] 0px;
  gap: 9px;
  margin-bottom: 0px;
}
.ip-address-history .form-group.has-error {
  grid-template-rows: [label] 20px [input] 49.5px [error] 50px;
}
@media screen and (max-width: 1200px) {
  .ip-address-history .form-group.has-error {
    grid-template-rows: [label] 20px [input] 49.5px [error] minmax(0, 40px);
  }
}
.ip-address-history .form-group label {
  margin-bottom: 0;
  color: #24223b;
  font-size: 13px;
  font-weight: 600;
}
.ip-address-history .form-group.waiting {
  pointer-events: none;
}
.ip-address-history .form-control {
  border: 1px solid #CFD9EB;
  border-radius: 3px;
  background: transparent;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
  padding: 14px 18px;
  height: 100%;
}
.ip-address-history .form-control:focus {
  border: 1px solid #CFD9EB;
}
.ip-address-history .form-control:disabled {
  background-color: rgba(135, 146, 168, 0.1);
}
.ip-address-history .form-control::placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.ip-address-history .form-check {
  display: flex;
  align-items: center;
  gap: 6px;
}
.ip-address-history .form-check .control-label {
  font-size: 13px;
  font-weight: 400;
  color: rgba(34, 52, 88, 0.95) !important;
  margin: 0;
  order: 2;
}
.ip-address-history .form-check .form-check-input {
  order: 1;
  margin: 0;
}
.ip-address-history .form-check .cbx-container {
  margin-left: 0;
}
.ip-address-history .form-check .cbx {
  background-color: transparent;
  border: 1px solid #CFD9EB;
  height: 16px;
  width: 16px;
}
.ip-address-history .form-check .cbx-active .cbx-icon i {
  font-family: none;
  font-size: 0;
  background: url("../img/checked-icon.svg");
  background-size: contain;
  margin-top: 5px;
  width: 12px;
  height: 12px;
  display: block;
}
.ip-address-history .grid-form {
  display: grid;
  gap: 10px;
  grid-template-columns: [client] 0.75fr [date_from] 0.75fr [date_to] 0.75fr [action] 0.3fr;
}
.ip-address-history .grid-form .btn {
  height: 100%;
  grid-row-start: 2;
  grid-row-end: 3;
}
.ip-address-history .grid-form .btn img {
  width: 12px;
  height: 12px;
}
.ip-address-history .grid-form .btn-cancel {
  background: #627293;
}
.ip-address-history .grid-form .btn:has(img) {
  width: 49.5px;
}
@media screen and (max-width: 1200px) {
  .ip-address-history .grid-form {
    display: flex;
    flex-direction: column;
  }
  .ip-address-history .grid-form > * {
    width: 100%;
  }
}
.ip-address-history .grid-inputs-form {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.ip-address-history .server-info {
  display: flex;
  flex-direction: column;
}
.ip-address-history .server-info .server-name {
  font-size: 13px;
  font-weight: 600;
  color: #24223b;
}
.ip-address-history .server-info .server-ip {
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
}

.grid-table-panel .grid-table-panel-header {
  padding: 10px 0;
}
.grid-table-panel .grid-table-panel-header .panel-title {
  font-size: 22px;
  font-weight: 600;
  color: #24223b;
}
.grid-table-panel .grid-table-header-actions .btn-group {
  position: unset;
}
.grid-table-panel .grid-table-header-actions .btn-group.open {
  position: relative;
}
.grid-table-panel .grid-table-header-actions .btn-group .dropdown-menu {
  background-color: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(16, 24, 64, 0.08);
  border: none;
  color: rgba(34, 52, 88, 0.8);
  padding: 0;
  margin-top: 15px;
  margin-left: -100px;
}
.grid-table-panel .grid-table-header-actions .btn-group .dropdown-menu > li > a {
  border-bottom: 1px solid rgba(207, 217, 235, 0.4);
  padding: 9px 20px;
  transition: all 0.5s;
}
.grid-table-panel .grid-table-header-actions .btn-group .dropdown-menu > li:first-of-type a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.grid-table-panel .grid-table-header-actions .btn-group .dropdown-menu > li:last-of-type a {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.grid-table-panel .panel-footer {
  background: transparent;
  padding: 30px 0;
}
.grid-table-panel .panel-footer .kv-panel-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 991px) {
  .grid-table-panel .panel-footer .kv-panel-pager {
    flex-direction: column;
    gap: 16px;
  }
}
.grid-table-panel .panel-footer p {
  margin: 0;
  color: rgba(34, 52, 88, 0.55) !important;
  font-weight: 600;
}
.grid-table-panel .panel-footer .pagination {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}
@media screen and (max-width: 991px) {
  .grid-table-panel .panel-footer .pagination {
    justify-content: center;
  }
}
.grid-table-panel .panel-footer .pagination > li > span,
.grid-table-panel .panel-footer .pagination > li > a {
  border-radius: 3px;
  height: 30px;
  width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.grid-table-panel .panel-footer .pagination > li > a {
  padding: 4px 16px;
  background: rgba(135, 146, 168, 0.14);
  border-color: #DCE2EC;
  color: #24223b;
}
.grid-table-panel .panel-footer .pagination > li > a:hover {
  background: #C9D0DD;
  border-color: #C9D0DD;
}
.grid-table-panel .panel-footer .pagination > li.active > a {
  cursor: pointer;
  background: #0656B7;
  border-color: #0656B7;
  color: #FFFFFF;
}
.grid-table-panel .panel-footer .pagination > li.active > a:hover {
  background: #054A9D;
  border-color: #054A9D;
}
.grid-table-panel .panel-footer .pagination > li.disabled > span {
  background: rgba(135, 146, 168, 0.14);
  border-color: rgba(135, 146, 168, 0.14);
  opacity: 0.6;
  color: #24223b;
}

.grid-table {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.grid-table-filter-modal {
  display: none;
  background: #FFF;
  box-shadow: 0px 4px 8px 0px rgba(16, 24, 64, 0.08);
  padding: 20px;
  border-radius: 4px;
  max-width: 490px;
  width: 100%;
}
.grid-table-filter-modal.active {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  position: absolute;
  right: 15px;
  z-index: 50;
  margin-top: 15px;
}
.grid-table-filter-modal.active > .form-group {
  margin-bottom: 0;
}
.grid-table-filter-modal.active > .form-group:nth-child(odd):last-child {
  grid-column: 1/-1;
}
.grid-table-filter-modal.active .help-block:empty {
  margin: 0;
}
.grid-table-filter-modal .form-control {
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
  padding: 12px 15px;
  height: 100%;
  background-color: #FFF;
}
.grid-table-filter-modal .form-control:disabled {
  background-color: rgba(135, 146, 168, 0.1);
}
.grid-table-filter-modal .form-control::placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.grid-table-filter-modal .select2-container.select2-container--open .selection .select2-selection {
  border-radius: 3px 3px 0 0;
}
.grid-table-filter-modal .select2-container.select2-container--open .selection .select2-selection__arrow b {
  transform: rotate(-180deg);
}
.grid-table-filter-modal .select2-container.select2-container--disabled .selection .select2-selection {
  background-color: rgba(135, 146, 168, 0.1);
  opacity: 0.65;
}
.grid-table-filter-modal .select2-container .selection .select2-selection {
  background-color: #FFF;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
}
.grid-table-filter-modal .select2-container .selection .select2-selection--single {
  padding: 12px 15px !important;
  height: auto !important;
}
.grid-table-filter-modal .select2-container .selection .select2-selection__rendered {
  line-height: initial;
}
.grid-table-filter-modal .select2-container .selection .select2-selection__rendered .select2-selection__clear {
  cursor: pointer;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  color: #9AA6BE;
  opacity: 1;
  right: 30px;
}
.grid-table-filter-modal .select2-container .selection .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.grid-table-filter-modal .select2-container .selection .select2-selection__arrow {
  height: 100%;
}
.grid-table-filter-modal .select2-container .selection .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
.grid-table .grid-table-header {
  display: grid;
  gap: 1rem;
  margin-bottom: 15px;
  font-weight: 600;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.6);
}
.grid-table .grid-table-header > div {
  padding: 0 20px 0 30px;
}
.grid-table .grid-table-header > div a {
  color: rgba(34, 52, 88, 0.6) !important;
  display: flex;
  align-items: center;
  gap: 4px;
  width: fit-content;
}
.grid-table .grid-table-header > div a:not(:empty)::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  background: url("../../img/icons/chevron-up-down.svg") no-repeat left center;
}
.grid-table .grid-table-rows {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.grid-table .grid-table-rows p {
  color: rgba(34, 52, 88, 0.8);
}
.grid-table .grid-table-row {
  background-color: #FFF;
  display: grid;
  gap: 1rem;
  align-items: center;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
  box-shadow: 0px 4px 4px 0px rgba(154, 166, 190, 0.04);
}
.grid-table .grid-table-row b, .grid-table .grid-table-row .font-bold {
  color: #24223b;
}
.grid-table .grid-table-row > div {
  padding: 9px 0 9px 30px;
}
.grid-table .grid-table-row a {
  color: rgba(34, 52, 88, 0.8);
}
.grid-table .grid-table-row .fw-bold {
  color: #24223b;
}
.grid-table .grid-table-row-empty {
  grid-column: span 2/span 2;
}
.grid-table .grid-table-row .dropdown {
  margin-left: auto;
  right: 20px;
}
.grid-table .grid-table-row .dropdown .dropdown-toggle {
  padding: 5px 9px 0 9px;
}
.grid-table .grid-table-row .dropdown.open .dropdown-toggle {
  background: rgba(220, 226, 236, 0.6);
  border-radius: 3px;
  transition: all 0.3s;
}
.grid-table .grid-table-row .dropdown.open > .dropdown-menu {
  background-color: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(154, 166, 190, 0.15);
  border: none;
  color: rgba(34, 52, 88, 0.8);
  padding: 0;
  margin-top: 25px;
  margin-left: 40px;
}
.grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > a,
.grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button {
  border-bottom: 1px solid rgba(207, 217, 235, 0.4);
  padding: 9px 20px;
  transition: all 0.5s;
}
.grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:first-of-type > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:last-of-type > a {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.select2-container .filter-modal-dropdown.select2-dropdown--below {
  border: 1px solid #CFD9EB !important;
}
.select2-container .filter-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown {
  padding: 0;
}
.select2-container .filter-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown .select2-search__field {
  font-size: 13px;
  border-radius: 0;
  border-bottom: 1px solid rgba(207, 217, 235, 0.4);
  padding: 4px 15px 4px 45px;
  line-height: 32px;
  height: 32px;
  background: #FFF url("../img/icons/search.svg") left 15px top 8px no-repeat;
  background-size: 16px;
}
.select2-container .filter-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option {
  padding: 8px 16px;
  font-size: 14px;
  color: rgba(34, 52, 88, 0.8);
  border: 0px solid #CFD9EB;
  border-top-width: 1px;
}
.select2-container .filter-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option:first-child {
  border-top-width: 0;
}
.select2-container .filter-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option--highlighted {
  font-weight: 600;
  color: #24223b;
  background-color: #FFF;
}

.select2-container--open .filter-modal-dropdown-container .select2-selection__arrow b {
  transform: rotate(-180deg);
}

.vertical-line {
  position: relative;
  display: inline-block;
  height: 42px;
  border-left: 2px solid #D4DBE7;
  vertical-align: middle;
  margin: 0 20px 0 10px;
}

.btn.btn-icon-header {
  padding: 8px 8px;
}
.btn.btn-icon-header img {
  display: flex;
  opacity: 0.7;
}

#export-btn {
  box-shadow: none;
}

#export-btn .caret {
  display: none;
}

.product-header {
  padding: 46px 0 10px 0;
  border-bottom: 1px solid #CFD9EB;
}
.product-header .product-header-name {
  font-weight: 600;
  font-size: 24px;
  color: #24223b;
}
.product-header .product-header-name-status {
  width: 10px;
  height: 10px;
  padding: 0;
  margin-right: 20px;
  border-radius: 50%;
}
.product-header .product-header-actions {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 15px;
  margin-left: auto;
}
.product-header .product-header-info {
  display: flex;
  flex-direction: column;
  margin-bottom: 40px;
}
.product-header .product-header-info-base {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.product-header .product-header-info-secondary {
  display: flex;
  flex-direction: row;
  padding-left: calc(20px + 1rem);
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.5rem;
  list-style: none;
  color: rgba(34, 52, 88, 0.55);
}
@media screen and (max-width: 991px) {
  .product-header .product-header-info-secondary {
    margin-top: 10px;
  }
}
.product-header .product-header-info-secondary li {
  position: relative;
  display: flex;
  align-items: center;
}
.product-header .product-header-info-secondary li a {
  color: rgba(34, 52, 88, 0.6);
  text-decoration: underline;
  margin-left: 3px;
}
.product-header .product-header-info-secondary li:not(:first-child)::before {
  content: "";
  position: relative;
  background-color: #CFD9EB;
  display: inline-block;
  margin-left: 1rem;
  margin-right: 1rem;
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.product-header .product-header-tabs {
  border: none;
}
.product-header .product-header-tabs > li a {
  font-weight: 600;
  font-size: 14px;
  padding: 5px 10px;
  margin-right: 15px;
  box-shadow: none;
  border: none;
  transition: 0.25s ease;
  background: none;
  color: rgba(34, 52, 88, 0.65);
}
@media screen and (max-width: 991px) {
  .product-header .product-header-tabs > li a {
    margin-right: 10px;
  }
}
.product-header .product-header-tabs > li:hover a, .product-header .product-header-tabs > li:focus a, .product-header .product-header-tabs > li:active a {
  background-color: transparent;
  box-shadow: none;
  border: none;
  color: rgba(34, 52, 88, 0.75);
}
.product-header .product-header-tabs > li[disabled] a {
  background-color: transparent;
}
.product-header .product-header-tabs > li.active a {
  background-color: rgba(135, 146, 168, 0.14);
  border: none;
  border-radius: 3px;
  color: #24223b;
}

.product-info-cards {
  margin-bottom: 40px;
  margin-top: 25px;
}
.product-info-cards .row {
  box-shadow: 0px 4px 4px 0px rgba(154, 166, 190, 0.04);
}
.product-info-cards .panel-body {
  padding: 20px 22px !important;
}
.product-info-cards .product-info-card {
  margin: 0;
  padding: 0;
}
.product-info-cards .product-info-card .product-info-card-label {
  font-size: 14px;
  font-weight: 600;
  color: #9AA6BE;
}
.product-info-cards .product-info-card .product-info-card-value {
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 600;
  color: #24223b;
}
.product-info-cards .product-info-card > .panel {
  height: 100%;
  margin-bottom: 0;
  border-right: 1px solid #E7EDF6;
  box-shadow: none;
  border-radius: 0;
}
.product-info-cards .product-info-card:first-of-type > .panel {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media screen and (max-width: 1199px) {
  .product-info-cards .product-info-card:first-of-type > .panel {
    border-bottom-left-radius: 0;
  }
}
@media screen and (max-width: 991px) {
  .product-info-cards .product-info-card:first-of-type > .panel {
    border-top-right-radius: 4px;
  }
}
.product-info-cards .product-info-card:last-of-type > .panel {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media screen and (max-width: 991px) {
  .product-info-cards .product-info-card:last-of-type > .panel {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 4px;
  }
}
@media screen and (max-width: 1199px) {
  .product-info-cards .product-info-card:nth-of-type(2) > .panel {
    border-top-right-radius: 4px;
  }
  .product-info-cards .product-info-card:nth-of-type(3) > .panel {
    border-bottom-left-radius: 4px;
  }
  .product-info-cards .product-info-card:nth-of-type(3), .product-info-cards .product-info-card:nth-of-type(4) {
    border-top: 1px solid #E7EDF6;
  }
}
@media screen and (max-width: 991px) {
  .product-info-cards .product-info-card:nth-of-type(2) {
    border-top: 1px solid #E7EDF6;
  }
  .product-info-cards .product-info-card:nth-of-type(2) > .panel {
    border-top-right-radius: 0;
  }
  .product-info-cards .product-info-card:nth-of-type(3) > .panel {
    border-bottom-left-radius: 0;
  }
}

.product-info-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}
.product-info-list > li {
  align-items: center;
  display: flex;
  flex: 1 0 25%;
  margin-bottom: 20px;
  color: rgba(34, 52, 88, 0.8);
}
@media screen and (max-width: 1199px) {
  .product-info-list > li {
    flex: 1 0 50%;
  }
}
@media screen and (max-width: 991px) {
  .product-info-list > li {
    flex: 1 0 100%;
  }
}
.product-info-list > li > a {
  color: rgba(34, 52, 88, 0.8);
  text-decoration: underline;
}
.product-info-list > li > b {
  color: #7D83B0;
  margin-right: 10px;
}

.btn-switch {
  background-color: #0656B7;
  border-radius: 3rem;
  border: none;
  min-width: 55px;
  min-height: 28px;
  display: flex;
  align-items: center;
  gap: 1px;
  padding: 5px 10px;
  transition: all 1s ease;
}

.user-anonymize-request-status-badge {
  position: relative;
  display: flex;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  z-index: 40;
}

.grid-table-vps-cloud .grid-table-header, .grid-table-vps-cloud .grid-table-row {
  grid-template-columns: [status] 30px [hostname] 2.2fr [ip-address] 1.2fr [vcpu] 0.6fr [ram] 0.6fr [disk] 0.9fr [os] 0.9fr [created_at] 1.2fr [actions] 0.5fr;
}
.grid-table-vps-cloud .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-ip-address-history .grid-table-header, .grid-table-ip-address-history .grid-table-row {
  grid-template-columns: [client] 1.5fr [street] 1fr [postcode] 0.75fr [city] 0.75fr [country] 0.5fr [actions] 0.3fr;
}
.grid-table-ip-address-history .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-firewall .grid-table-header, .grid-table-firewall .grid-table-row {
  grid-template-columns: [id] 1fr [description] 0.8fr [rules] 0.75fr [instances] 0.75fr [created_at] 0.8fr [actions] 0.5fr;
}
.grid-table-firewall .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-firewall-admin .grid-table-header, .grid-table-firewall-admin .grid-table-row {
  grid-template-columns: [id] 0.25fr [uuid] 1fr [client] 1fr [description] 0.8fr [rules] 0.75fr [instances] 0.75fr [created_at] 0.8fr [actions] 0.5fr;
}
.grid-table-firewall-admin .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-firewall-rules .grid-table-header, .grid-table-firewall-rules .grid-table-row {
  grid-template-columns: [id] 0.25fr [action] 0.75fr [protocol] 0.8fr [port] 0.75fr [source] 0.75fr [notes] 0.8fr [actions] 0.5fr;
}
.grid-table-firewall-rules .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-firewall-instances .grid-table-header, .grid-table-firewall-instances .grid-table-row {
  grid-template-columns: [ip_address] 1fr [status] 1fr [actions] 0.5fr;
}
.grid-table-firewall-instances .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-vps-cloud-admin .grid-table-header, .grid-table-vps-cloud-admin .grid-table-row {
  grid-template-columns: [id] 5px [status] 30px [hostname] 2.2fr [client] 1.2fr [ip-address] 1.2fr [vcpu] 0.6fr [ram] 0.6fr [disk] 0.9fr [os] 0.9fr [created_at] 1.2fr [actions] 0.5fr;
  padding-left: 30px;
}

.grid-table-vps-cloud-network .grid-table-header, .grid-table-vps-cloud-network .grid-table-row {
  grid-template-columns: [hostname] 1fr [gateway] 1fr [netmask] 1fr [mac-address] 1fr [actions] 0.5fr;
}

.grid-table-vps-cloud-backups .grid-table-header, .grid-table-vps-cloud-backups .grid-table-row {
  grid-template-columns: [id] 0.25fr [name] 1fr [size] 1fr [status] 1fr [created_at] 1fr [actions] 0.5fr;
}

.grid-table-vps-cloud-iso-images .grid-table-header, .grid-table-vps-cloud-iso-images .grid-table-row {
  grid-template-columns: [description] 1fr [name] 1fr [created_at] 1fr [actions] 0.5fr;
}

.grid-table-vps-cloud-tasks .grid-table-header, .grid-table-vps-cloud-tasks .grid-table-row {
  grid-template-columns: [id] 0.25fr [operation] 0.75fr [status] 1fr [created_at] 1fr;
}

.grid-table-vps-cloud-tasks-admin .grid-table-header, .grid-table-vps-cloud-tasks-admin .grid-table-row {
  grid-template-columns: [id] 0.25fr [operation] 0.75fr [user] 1fr [status] 1fr [created_at] 0.5fr [actions] 0.5fr;
}

.grid-table-vps-cloud-history .grid-table-header, .grid-table-vps-cloud-history .grid-table-row {
  grid-template-columns: [type] 1fr [action] 1fr [created_at] 0.5fr;
}

.grid-table-vps-cloud-history-admin .grid-table-header, .grid-table-vps-cloud-history-admin .grid-table-row {
  grid-template-columns: [type] 0.5fr [action] 0.5fr [user] 0.5fr [content] 1fr [created_at] 0.5fr;
}

.grid-table-user-anonymize-request .grid-table-header, .grid-table-user-anonymize-request .grid-table-row {
  grid-template-columns: [id] 0.1fr [client-full-name] 1.75fr [request-subject] 1.25fr [right] 1fr [created_at] 1fr [updated_at] 1fr [subject-to-removal] 0.75fr [reason] 0.75fr [realized] 0.75fr;
}
.grid-table-user-anonymize-request .grid-table-header > div {
  padding: 0 0 0 30px !important;
}
.grid-table-user-anonymize-request .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}
.grid-table-user-anonymize-request .grid-table-row > div {
  padding: 9px 0 9px 30px;
}

.grid-table-domain .grid-table-header, .grid-table-domain .grid-table-row {
  grid-template-columns: [name] 1fr [created_at] 1fr [actions] 0.5fr;
}
.grid-table-domain .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-domain-admin .grid-table-header, .grid-table-domain-admin .grid-table-row {
  grid-template-columns: [name] 1fr [client] 1fr [created_at] 1fr [actions] 0.5fr;
}
.grid-table-domain-admin .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-domain-records .grid-table-header, .grid-table-domain-records .grid-table-row {
  grid-template-columns: [type] 0.25fr [name] 0.5fr [value] 1fr [ttl] 0.5fr [priority] 0.25fr [actions] 0.25fr;
}
.grid-table-domain-records .grid-table-row {
  padding-top: 0;
  padding-bottom: 0;
}

.grid-table-domain .grid-table-row > div, .grid-table-domain-admin .grid-table-row > div, .grid-table-domain-records .grid-table-row > div {
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 991px) {
  .grid-table-vps-cloud,
  .grid-table-vps-cloud-admin,
  .grid-table-vps-cloud-network,
  .grid-table-vps-cloud-backups,
  .grid-table-vps-cloud-iso-images,
  .grid-table-vps-cloud-tasks,
  .grid-table-vps-cloud-tasks-admin,
  .grid-table-vps-cloud-history,
  .grid-table-vps-cloud-history-admin,
  .grid-table-firewall,
  .grid-table-firewall-instances,
  .grid-table-panel {
    position: relative;
    width: 100%;
    overflow-y: hidden;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 991px) and (max-width: 991px) {
  .grid-table-vps-cloud .grid-table-header, .grid-table-vps-cloud .grid-table-row,
  .grid-table-vps-cloud-admin .grid-table-header,
  .grid-table-vps-cloud-admin .grid-table-row,
  .grid-table-vps-cloud-network .grid-table-header,
  .grid-table-vps-cloud-network .grid-table-row,
  .grid-table-vps-cloud-backups .grid-table-header,
  .grid-table-vps-cloud-backups .grid-table-row,
  .grid-table-vps-cloud-iso-images .grid-table-header,
  .grid-table-vps-cloud-iso-images .grid-table-row,
  .grid-table-vps-cloud-tasks .grid-table-header,
  .grid-table-vps-cloud-tasks .grid-table-row,
  .grid-table-vps-cloud-tasks-admin .grid-table-header,
  .grid-table-vps-cloud-tasks-admin .grid-table-row,
  .grid-table-vps-cloud-history .grid-table-header,
  .grid-table-vps-cloud-history .grid-table-row,
  .grid-table-vps-cloud-history-admin .grid-table-header,
  .grid-table-vps-cloud-history-admin .grid-table-row,
  .grid-table-firewall .grid-table-header,
  .grid-table-firewall .grid-table-row,
  .grid-table-firewall-instances .grid-table-header,
  .grid-table-firewall-instances .grid-table-row,
  .grid-table-panel .grid-table-header,
  .grid-table-panel .grid-table-row {
    display: grid;
    min-width: 100rem;
    grid-auto-flow: column;
    align-items: center;
  }
}
.grid-table .grid-table-firewall-draft {
  color: #ffffff !important;
}
.grid-table .grid-table-firewall-draft > .font-bold, .grid-table .grid-table-firewall-draft .dropdown-toggle > .glyphicon-option-horizontal {
  color: #ffffff !important;
}
.grid-table .grid-table-firewall-draft-insert {
  background-color: rgba(4, 86, 183, 0.74);
}
.grid-table .grid-table-firewall-draft-insert .font-bold {
  color: #ffffff !important;
}
.grid-table .grid-table-firewall-draft-delete {
  background-color: rgba(194, 0, 0, 0.62);
}
.grid-table .grid-table-firewall-draft-delete .font-bold {
  color: #ffffff !important;
}

.product-vps-cloud-status-badge {
  position: relative;
  display: flex;
  width: 10px;
  height: 10px;
  padding: 0;
  border-radius: 50%;
  z-index: 9999;
}
.product-vps-cloud-status-badge.label-primary {
  background-color: #0656B7;
}

.product-vps-cloud-console {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: none;
  background-color: rgba(135, 146, 168, 0.14);
  border-radius: 0.25rem;
  padding: 5px 10px;
  font-size: 1.5rem;
  font-weight: 600;
  color: #24223b;
}
.product-vps-cloud-console:hover {
  background: rgba(135, 146, 168, 0.24);
}

.product-vps-cloud-label {
  background-color: transparent;
  box-shadow: none;
  padding: 5px 0;
}
.product-vps-cloud-label img {
  height: 26px;
}

.product-vps-cloud-os-group {
  display: flex;
  flex-direction: column;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.product-vps-cloud-os-group > input {
  display: none;
}
.product-vps-cloud-os-group > input:checked ~ label {
  border-color: #0656B7;
  outline: 2px solid #CEDAE6;
}
.product-vps-cloud-os-group > input:checked ~ label::after {
  background: #0656B7;
  background-image: url(../img/check-icon.svg);
  background-repeat: no-repeat;
  background-size: 11px;
  background-position: 5px;
}
.product-vps-cloud-os-group-item {
  background: #FFF;
  border: 2px solid #ebeff7;
  border-radius: 6px;
  padding: 5px 20px 15px 20px;
  margin-bottom: 15px;
}
.product-vps-cloud-os-group-item::after {
  width: 20px;
  height: 20px;
  content: "";
  background-color: transparent;
  border-radius: 50%;
  background-image: none;
  background-repeat: no-repeat;
  background-size: 12px;
  background-position: 4px;
  z-index: 2;
  position: absolute;
  right: -5px;
  top: 5px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.product-vps-cloud-os-group-item-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 20px 0;
  color: #24223b;
}
.product-vps-cloud-os-group-item-info-name {
  font-size: 14px;
  font-weight: 600;
}
.product-vps-cloud-os-group-item-info-info {
  font-size: 13px;
  font-weight: 300;
}
.product-vps-cloud-os-group-item-select-bar {
  display: flex;
  align-items: center;
  background: rgba(220, 226, 236, 0.8117647059);
  border-radius: 0 0 4px 4px;
  padding: 0 20px;
  margin: 0 -2rem -1.5rem -2rem;
}
.product-vps-cloud-os-group-item-select-bar .help-block:empty {
  display: none;
}
.product-vps-cloud-os-group-item-select-bar > .form-group {
  max-width: 80px;
  margin-bottom: 0;
}
.product-vps-cloud-os-group-item-select-bar > .form-group select {
  color: #24223b;
}
.product-vps-cloud-os-group-item-select-bar > .form-group .form-control {
  background: none;
  box-shadow: none;
  padding: 0;
}
.product-vps-cloud-os-group-item-select-bar > .form-group .select2-selection {
  background: none !important;
  border: 0 !important;
  border-radius: 0;
  padding: 0 0.25rem !important;
  height: auto !important;
}
.product-vps-cloud-os-group-item-select-bar > .form-group .select2-selection__rendered {
  height: auto !important;
  line-height: normal;
}
.product-vps-cloud-os-group-item-select-bar > .form-group .select2-selection__arrow {
  height: 20px !important;
  line-height: normal;
  right: -1rem;
}
.product-vps-cloud-os-group-item-select-bar > .form-group .select2-selection__arrow > b {
  border-color: rgba(154, 164, 184, 0.8) transparent transparent !important;
}

.product-vps-cloud-os-sticker {
  position: relative;
  width: 38px;
  height: 38px;
}

.product-vps-cloud-os-sticker[data-template^=almalinux i] {
  background: url("../img/os/almalinux-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

.product-vps-cloud-os-sticker[data-template^=centos i] {
  background: url("../img/os/centos-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

.product-vps-cloud-os-sticker[data-template^=debian i] {
  background: url("../img/os/debian-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

.product-vps-cloud-os-sticker[data-template^=fedora i] {
  background: url("../img/os/fedora-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

.product-vps-cloud-os-sticker[data-template^=freebsd i] {
  background: url("../img/os/freebsd-logo.svg") center no-repeat;
  background-size: 90% 90%;
}

.product-vps-cloud-os-sticker[data-template^=rocky i] {
  background: url("../img/os/rocky-logo.svg") center no-repeat;
  background-size: 90% 90%;
}

.product-vps-cloud-os-sticker[data-template^=windows i] {
  background: url("../img/os/windows-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

.product-vps-cloud-os-sticker[data-template^=ubuntu i] {
  background: url("../img/os/ubuntu-logo.svg") center no-repeat;
  background-size: 100% 100%;
}

#create-firewall-group-instances .select2-container .select2-selection--single {
  background-color: #FFF;
  padding: 0 0 0 18px !important;
  line-height: 45px;
  height: 45px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#create-firewall-group-instances .select2-container .select2-selection--single .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
  font-size: 13px;
}
#create-firewall-group-instances .select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 15px;
}
#create-firewall-group-instances .select2-container .select2-selection--single .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
#create-firewall-group-instances .select2-container .select2-selection--single .select2-selection__clear {
  color: #ADB5C6;
  font-size: 18px;
  margin-right: 5px;
}
#create-firewall-group-instances .select2-container.select2-container--open .selection .select2-selection__arrow b {
  transform: rotate(-180deg);
}

.product-firewall.badge {
  padding: 0;
  min-width: 8px;
  min-height: 8px;
}
.product-firewall-modal-container.select2-selection--single {
  background-color: #FFF;
  padding: 0 0 0 18px !important;
  line-height: 45px;
  height: 45px !important;
}
.product-firewall-modal-container.select2-selection--single .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
  font-size: 13px;
}
.product-firewall-modal-container.select2-selection--single .select2-selection__arrow {
  height: 100%;
}
.product-firewall-modal-container.select2-selection--single .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
.product-firewall .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button {
  padding: 9px 20px;
  transition: all 0.5s;
}
.product-firewall .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button:hover, .product-firewall .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button:focus {
  background-color: #0656B7;
  color: #fff;
  cursor: pointer;
}
.product-firewall .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:last-of-type > button {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.product-firewall .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:first-of-type > button {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.product-firewall-label {
  background-color: transparent;
  box-shadow: none;
  padding: 5px 0;
}
.product-firewall-label img {
  height: 26px;
}
.product-firewall .content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-firewall .content-header h3 {
  font-size: 20px;
  font-weight: 600;
  color: #24223b;
  margin: 0;
}
.product-firewall .content-header .rules-counter {
  background: rgba(135, 146, 168, 0.14);
  color: #24223b;
  border-radius: 3px;
  font-weight: 600;
  font-size: 14px;
  padding: 5px 10px;
}
.product-firewall .content-description {
  color: #24223b;
  opacity: 0.8;
}
.product-firewall .form-group {
  display: grid;
  grid-auto-flow: column dense;
  grid-template-rows: [label] 20px [input] 49.5px [error] 0px;
  gap: 9px;
  margin-bottom: 0px;
}
.product-firewall .form-group.has-error {
  grid-template-rows: [label] 20px [input] 49.5px [error] 50px;
}
@media screen and (max-width: 1200px) {
  .product-firewall .form-group.has-error {
    grid-template-rows: [label] 20px [input] 49.5px [error] minmax(0, 40px);
  }
}
.product-firewall .form-group label {
  margin-bottom: 0;
  color: #24223b;
  font-size: 13px;
  font-weight: 600;
}
.product-firewall .form-group.waiting {
  pointer-events: none;
}
.product-firewall .form-control {
  border: 1px solid #CFD9EB;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
  padding: 14px 18px;
  height: 100%;
}
.product-firewall .form-control:focus {
  border: 1px solid #CFD9EB;
}
.product-firewall .form-control:disabled {
  background-color: rgba(135, 146, 168, 0.1);
}
.product-firewall .form-control::placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.product-firewall .select2-container.select2-container--open .selection .select2-selection {
  border: 1px solid #0656B7;
  border-radius: 3px 3px 0 0;
}
.product-firewall .select2-container.select2-container--open .selection .select2-selection__arrow b {
  transform: rotate(-180deg);
}
.product-firewall .select2-container.select2-container--disabled .selection .select2-selection {
  background-color: rgba(135, 146, 168, 0.1);
  opacity: 0.65;
}
.product-firewall .select2-container .selection .select2-selection {
  border: 1px solid #CFD9EB;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
}
.product-firewall .select2-container .selection .select2-selection--single {
  padding: 14px 18px !important;
  height: auto !important;
}
.product-firewall .select2-container .selection .select2-selection__rendered {
  line-height: initial;
}
.product-firewall .select2-container .selection .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.product-firewall .select2-container .selection .select2-selection__arrow {
  height: 100%;
}
.product-firewall .select2-container .selection .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
.product-firewall .grid-form {
  display: grid;
  gap: 10px;
  grid-template-columns: [protocol] 1fr [port] 0.75fr [source] 1fr [ip_address] 1fr [note] 1fr [action] 0.3fr;
}
@media screen and (max-width: 1200px) {
  .product-firewall .grid-form {
    display: flex;
    flex-direction: column;
  }
  .product-firewall .grid-form > * {
    width: 100%;
  }
}
.product-firewall .grid-form .btn {
  height: 100%;
  grid-row-start: 2;
  grid-row-end: 3;
}
.product-firewall .grid-form .btn img {
  width: 12px;
  height: 12px;
}
.product-firewall .grid-form .btn-cancel {
  background: #627293;
}
.product-firewall .grid-form .btn:has(img) {
  width: 49.5px;
}
@media screen and (max-width: 1200px) {
  .product-firewall .grid-form .btn:has(img) {
    width: 100%;
  }
}
.product-firewall .server-info {
  display: flex;
  flex-direction: column;
}
.product-firewall .server-name {
  font-size: 13px;
  font-weight: 600;
  color: #24223b;
}
.product-firewall .server-ip {
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
}

.select2-container .select2-dropdown.product-firewall-dropdown {
  border: 1px solid #0656B7 !important;
}
.select2-container .select2-dropdown.product-firewall-dropdown .select2-results__option {
  color: rgba(34, 52, 88, 0.8);
  border: 0px solid #CFD9EB;
  border-top-width: 1px;
}
.select2-container .select2-dropdown.product-firewall-dropdown .select2-results__option:first-child {
  border-top-width: 0;
}
.select2-container .select2-dropdown.product-firewall-dropdown .select2-results__option--highlighted {
  background-color: #FFF;
  font-weight: 600;
  color: #24223b;
}

.select2-container .product-firewall-modal-dropdown.select2-dropdown--below {
  border: 1px solid #CFD9EB !important;
}
.select2-container .product-firewall-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown {
  padding: 0;
}
.select2-container .product-firewall-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown .select2-search__field {
  font-size: 13px;
  border-radius: 0;
  padding: 4px 15px 4px 45px;
  line-height: 32px;
  height: 32px;
  background: #DDE4F1 url("../img/icons/search.svg") left 15px top 8px no-repeat;
  background-size: 16px;
}
.select2-container .product-firewall-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option {
  padding: 10px 15px;
  font-size: 14px;
  color: rgba(34, 52, 88, 0.8);
  border: 0px solid #CFD9EB;
  border-top-width: 1px;
}
.select2-container .product-firewall-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option:first-child {
  border-top-width: 0;
}
.select2-container .product-firewall-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option--highlighted {
  font-weight: 600;
  color: #24223b;
  background-color: #FFF;
}

.select2-container--open .product-firewall-modal-container .select2-selection__arrow b {
  transform: rotate(-180deg);
}

#create-domain-group-instances .select2-container .select2-selection--single {
  background-color: #FFF;
  padding: 0 0 0 18px !important;
  line-height: 45px;
  height: 45px !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#create-domain-group-instances .select2-container .select2-selection--single .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
  font-size: 13px;
}
#create-domain-group-instances .select2-container .select2-selection--single .select2-selection__arrow {
  height: 100%;
  display: flex;
  align-items: center;
  padding-right: 15px;
}
#create-domain-group-instances .select2-container .select2-selection--single .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
#create-domain-group-instances .select2-container .select2-selection--single .select2-selection__clear {
  color: #ADB5C6;
  font-size: 18px;
  margin-right: 5px;
}
#create-domain-group-instances .select2-container.select2-container--open .selection .select2-selection__arrow b {
  transform: rotate(-180deg);
}

.product-domain.badge {
  padding: 0;
  min-width: 8px;
  min-height: 8px;
}
.product-domain-modal-container.select2-selection--single {
  background-color: #FFF;
  padding: 0 0 0 18px !important;
  line-height: 45px;
  height: 45px !important;
}
.product-domain-modal-container.select2-selection--single .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
  font-size: 13px;
}
.product-domain-modal-container.select2-selection--single .select2-selection__arrow {
  height: 100%;
}
.product-domain-modal-container.select2-selection--single .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
.product-domain .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button {
  padding: 9px 20px;
  transition: all 0.5s;
}
.product-domain .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button:hover, .product-domain .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li > button:focus {
  background-color: #0656B7;
  color: #fff;
  cursor: pointer;
}
.product-domain .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:last-of-type > button {
  border-bottom: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.product-domain .grid-table .grid-table-row .dropdown.open > .dropdown-menu > li:first-of-type > button {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.product-domain-label {
  background-color: transparent;
  box-shadow: none;
  padding: 5px 0;
}
.product-domain-label img {
  height: 26px;
}
.product-domain .content-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product-domain .content-header h3 {
  font-size: 22px;
  font-weight: 600;
  color: #24223b;
  margin: 0;
}
.product-domain .content-header .rules-counter {
  background: rgba(135, 146, 168, 0.14);
  color: #24223b;
  border-radius: 3px;
  font-weight: 600;
  font-size: 14px;
  padding: 5px 10px;
}
.product-domain .content-description {
  color: #24223b;
  opacity: 0.8;
}
.product-domain .form-group {
  display: grid;
  grid-auto-flow: column dense;
  grid-template-rows: [label] 20px [input] 49.5px [error] 0px;
  gap: 9px;
  margin-bottom: 0px;
}
.product-domain .form-group.has-error {
  grid-template-rows: [label] 20px [input] 49.5px [error] 50px;
}
@media screen and (max-width: 1200px) {
  .product-domain .form-group.has-error {
    grid-template-rows: [label] 20px [input] 49.5px [error] minmax(0, 40px);
  }
}
.product-domain .form-group label {
  margin-bottom: 0;
  color: #24223b;
  font-size: 13px;
  font-weight: 600;
}
.product-domain .form-group.waiting {
  pointer-events: none;
}
.product-domain .form-control {
  border: 1px solid #CFD9EB;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
  padding: 14px 18px;
  height: 100%;
}
.product-domain .form-control:focus {
  border: 1px solid #CFD9EB;
}
.product-domain .form-control:disabled {
  background-color: rgba(135, 146, 168, 0.1);
}
.product-domain .form-control::placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.product-domain .select2-container.select2-container--open .selection .select2-selection {
  border: 1px solid #0656B7;
  border-radius: 3px 3px 0 0;
}
.product-domain .select2-container.select2-container--open .selection .select2-selection__arrow b {
  transform: rotate(-180deg);
}
.product-domain .select2-container.select2-container--disabled .selection .select2-selection {
  background-color: rgba(135, 146, 168, 0.1);
  opacity: 0.65;
}
.product-domain .select2-container .selection .select2-selection {
  border: 1px solid #CFD9EB;
  border-radius: 3px;
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
}
.product-domain .select2-container .selection .select2-selection--single {
  padding: 14px 18px !important;
  height: auto !important;
}
.product-domain .select2-container .selection .select2-selection__rendered {
  line-height: initial;
}
.product-domain .select2-container .selection .select2-selection__placeholder {
  color: rgba(34, 52, 88, 0.4);
}
.product-domain .select2-container .selection .select2-selection__arrow {
  height: 100%;
}
.product-domain .select2-container .selection .select2-selection__arrow b {
  border: 0;
  width: 9px;
  height: 5.4px;
  background: url("../../../img/icons/arrow.svg") no-repeat left center;
  transition: all 0.25s ease-in-out;
}
.product-domain .grid-form {
  display: grid;
  gap: 10px;
  grid-template-columns: [type] 0.25fr [name] 0.5fr [value] 1fr [ttl] 0.25fr [action] 0.1fr;
}
.product-domain .grid-form .field-priority, .product-domain .grid-form .field-weight, .product-domain .grid-form .field-port {
  display: none;
}
@media screen and (max-width: 1200px) {
  .product-domain .grid-form {
    display: flex;
    flex-direction: column;
  }
  .product-domain .grid-form > * {
    width: 100%;
  }
}
.product-domain .grid-form .btn {
  height: 100%;
  grid-row-start: 2;
  grid-row-end: 3;
}
.product-domain .grid-form .btn img {
  width: 12px;
  height: 12px;
}
.product-domain .grid-form .btn-cancel {
  background: #627293;
}
.product-domain .grid-form .btn:has(img) {
  width: 49.5px;
}
@media screen and (max-width: 1200px) {
  .product-domain .grid-form .btn:has(img) {
    width: 100%;
  }
}
.product-domain .grid-form-type-mx {
  grid-template-columns: [type] 0.25fr [name] 0.5fr [value] 1fr [priority] 0.25fr [ttl] 0.25fr [action] 0.3fr !important;
}
.product-domain .grid-form-type-mx .field-priority {
  display: grid;
}
.product-domain .grid-form-type-srv {
  grid-template-columns: [type] 0.25fr [name] 0.5fr [value] 1fr [priority] 0.25fr [weight] 0.25fr [port] 0.25fr [ttl] 0.25fr [action] 0.3fr !important;
}
.product-domain .grid-form-type-srv .field-priority, .product-domain .grid-form-type-srv .field-weight, .product-domain .grid-form-type-srv .field-port {
  display: grid;
}
.product-domain .grid-form-type-txt {
  grid-template-columns: [type] 0.1fr [name] 1fr [ttl] 0.3fr [action] 0.1fr !important;
}
.product-domain .grid-form-type-txt .field-value {
  grid-column: 1/-1;
  order: 9999;
}
.product-domain .server-info {
  display: flex;
  flex-direction: column;
}
.product-domain .server-name {
  font-size: 13px;
  font-weight: 600;
  color: #24223b;
}
.product-domain .server-ip {
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
}

.select2-container .select2-dropdown.product-domain-dropdown {
  border: 1px solid #0656B7 !important;
}
.select2-container .select2-dropdown.product-domain-dropdown .select2-results__option {
  color: rgba(34, 52, 88, 0.8);
  border: 0px solid #CFD9EB;
  border-top-width: 1px;
}
.select2-container .select2-dropdown.product-domain-dropdown .select2-results__option:first-child {
  border-top-width: 0;
}
.select2-container .select2-dropdown.product-domain-dropdown .select2-results__option--highlighted {
  background-color: #FFF;
  font-weight: 600;
  color: #24223b;
}

.select2-container .product-domain-modal-dropdown.select2-dropdown--below {
  border: 1px solid #CFD9EB !important;
}
.select2-container .product-domain-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown {
  padding: 0;
}
.select2-container .product-domain-modal-dropdown.select2-dropdown--below .select2-search.select2-search--dropdown .select2-search__field {
  font-size: 13px;
  border-radius: 0;
  padding: 4px 15px 4px 45px;
  line-height: 32px;
  height: 32px;
  background: #DDE4F1 url("../img/icons/search.svg") left 15px top 8px no-repeat;
  background-size: 16px;
}
.select2-container .product-domain-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option {
  padding: 10px 15px;
  font-size: 14px;
  color: rgba(34, 52, 88, 0.8);
  border: 0px solid #CFD9EB;
  border-top-width: 1px;
}
.select2-container .product-domain-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option:first-child {
  border-top-width: 0;
}
.select2-container .product-domain-modal-dropdown.select2-dropdown--below .select2-results .select2-results__options .select2-results__option--highlighted {
  font-weight: 600;
  color: #24223b;
  background-color: #FFF;
}

.select2-container--open .product-domain-modal-container .select2-selection__arrow b {
  transform: rotate(-180deg);
}

.accordion {
  background-color: transparent;
  border: none;
  padding: 0;
  width: 100%;
}
.accordion-header {
  background-color: #FFF;
  box-shadow: 0px 4px 4px 0px rgba(154, 166, 190, 0.04);
  border-radius: 3px;
  padding: 18px 36px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  transition: all 0.25s ease-in-out;
}
.accordion-header-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}
.accordion-header-title {
  margin: 0;
  color: #24223b;
  opacity: 0.9;
  font-size: 13px;
  font-weight: 600;
  transition: all 0.25s ease-in-out;
}
.accordion-header-icon {
  width: 20px;
  height: 20px;
}
.accordion-header-collapse {
  position: relative;
  width: 12px;
  height: 12px;
  margin: 4px 0px;
}
.accordion-header-collapse::before {
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 1.5px;
  background-color: #627293;
  display: flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.25s ease-in-out;
}
.accordion-header-collapse::after {
  content: "";
  width: 2px;
  height: 100%;
  border-radius: 1.5px;
  background-color: #627293;
  display: flex;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.25s ease-in-out;
}
.accordion-content {
  font-size: 13px;
  color: rgba(34, 52, 88, 0.8);
  text-align: start;
  max-height: 0;
  overflow: hidden;
  padding: 0 38px;
  transition: all 0.25s ease-out;
}
.accordion-content a {
  color: rgba(34, 52, 88, 0.8);
  font-weight: 600;
}
.accordion-active .accordion-header {
  background-color: #0E1D39;
}
.accordion-active .accordion-header-title {
  color: #FFFFFF;
}
.accordion-active .accordion-header-collapse::before {
  background-color: #F7F9FD;
}
.accordion-active .accordion-header-collapse::after {
  background-color: #F7F9FD;
  transform: rotate(-90deg);
}
.accordion-active .accordion-content {
  margin: 20px 0;
}

/*# sourceMappingURL=main.css.map */