@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,500,500i,700,700i&subset=latin-ext,vietnamese");

a.button.button--edit:not(.dropbutton-wrapper a),
td.views-field a.button.button--edit:not(.dropbutton-wrapper a),
td.views-field-operations a[href*="/edit"]:not(.dropbutton-wrapper a),
a.button.button--delete:not(.dropbutton-wrapper a),
td.views-field a.button.button--delete:not(.dropbutton-wrapper a),
td.views-field-operations a[href*="/delete"]:not(.dropbutton-wrapper a),
a.button.button--history:not(.dropbutton-wrapper a),
td.views-field a.button.button--history:not(.dropbutton-wrapper a),
td.views-field-operations a[href*="/revisions"]:not(.dropbutton-wrapper a),
td.views-field-operations a[href*="/history"]:not(.dropbutton-wrapper a),
a.button--permission:not(.dropbutton-wrapper a),
td.views-field a.button--permission:not(.dropbutton-wrapper a),
.views-form a.button--permission:not(.dropbutton-wrapper a),
a.button.button--restore:not(.dropbutton-wrapper a),
td.views-field a.button.button--restore:not(.dropbutton-wrapper a),
td.views-field a[href*="/restore"]:not(.dropbutton-wrapper a) {
  color: #fff !important;
  background-image: none !important;
  text-transform: none !important;
  line-height: 21px !important;
  white-space: nowrap !important;
  display: inline-block !important;
  margin: 3px 2px !important;
  border-radius: 4px !important;
}

a.button.button--edit:not(.dropbutton-wrapper a):hover,
td.views-field a.button.button--edit:not(.dropbutton-wrapper a):hover,
td.views-field-operations a[href*="/edit"]:not(.dropbutton-wrapper a):hover,
a.button.button--delete:not(.dropbutton-wrapper a):hover,
td.views-field a.button.button--delete:not(.dropbutton-wrapper a):hover,
td.views-field-operations a[href*="/delete"]:not(.dropbutton-wrapper a):hover,
a.button.button--history:not(.dropbutton-wrapper a):hover,
td.views-field a.button.button--history:not(.dropbutton-wrapper a):hover,
td.views-field-operations a[href*="/revisions"]:not(.dropbutton-wrapper a):hover,
td.views-field-operations a[href*="/history"]:not(.dropbutton-wrapper a):hover,
a.button--permission:not(.dropbutton-wrapper a):hover,
td.views-field a.button--permission:not(.dropbutton-wrapper a):hover,
.views-form a.button--permission:not(.dropbutton-wrapper a):hover,
a.button.button--restore:not(.dropbutton-wrapper a):hover,
td.views-field a.button.button--restore:not(.dropbutton-wrapper a):hover,
td.views-field a[href*="/restore"]:not(.dropbutton-wrapper a):hover {
  background-image: none !important;
  opacity: 0.8 !important;
}

a.button.button--edit:not(.dropbutton-wrapper a):before,
td.views-field a.button.button--edit:not(.dropbutton-wrapper a):before,
td.views-field-operations a[href*="/edit"]:not(.dropbutton-wrapper a):before,
a.button.button--delete:not(.dropbutton-wrapper a):before,
td.views-field a.button.button--delete:not(.dropbutton-wrapper a):before,
td.views-field-operations a[href*="/delete"]:not(.dropbutton-wrapper a):before,
a.button.button--history:not(.dropbutton-wrapper a):before,
td.views-field a.button.button--history:not(.dropbutton-wrapper a):before,
td.views-field-operations a[href*="/revisions"]:not(.dropbutton-wrapper a):before,
td.views-field-operations a[href*="/history"]:not(.dropbutton-wrapper a):before,
a.button--permission:not(.dropbutton-wrapper a):before,
td.views-field a.button--permission:not(.dropbutton-wrapper a):before,
.views-form a.button--permission:not(.dropbutton-wrapper a):before,
a.button.button--restore:not(.dropbutton-wrapper a):before,
td.views-field a.button.button--restore:not(.dropbutton-wrapper a):before,
td.views-field a[href*="/restore"]:not(.dropbutton-wrapper a):before {
  font-family: "Font Awesome 5 Free" !important;
  display: inline-block !important;
  padding-right: 3px !important;
  vertical-align: middle !important;
  font-weight: 900 !important;
  margin-right: 2px !important;
}

/* "Phục hồi" (restore from trash) — fa-undo icon, green to read as a
   positive/recovery action, distinct from the red "Xóa hẳn" delete button. */
a.button.button--restore:not(.dropbutton-wrapper a),
td.views-field a.button.button--restore:not(.dropbutton-wrapper a),
td.views-field a[href*="/restore"]:not(.dropbutton-wrapper a) {
  background-color: #28a745 !important;
  border-color: #28a745 !important;
}
a.button.button--restore:not(.dropbutton-wrapper a):hover,
td.views-field a.button.button--restore:not(.dropbutton-wrapper a):hover,
td.views-field a[href*="/restore"]:not(.dropbutton-wrapper a):hover {
  background-color: #1e7e34 !important;
}
a.button.button--restore:not(.dropbutton-wrapper a):before,
td.views-field a.button.button--restore:not(.dropbutton-wrapper a):before,
td.views-field a[href*="/restore"]:not(.dropbutton-wrapper a):before {
  content: "\f0e2" !important;
}

a.button.button--edit:not(.dropbutton-wrapper a),
td.views-field a.button.button--edit:not(.dropbutton-wrapper a),
td.views-field-operations a[href*="/edit"]:not(.dropbutton-wrapper a) {
  background-color: #00B5AD !important;
  border-color: #00B5AD !important;
}
a.button.button--edit:not(.dropbutton-wrapper a):hover, 
td.views-field a.button.button--edit:not(.dropbutton-wrapper a):hover,
td.views-field-operations a[href*="/edit"]:not(.dropbutton-wrapper a):hover {
  background-color: #00968f !important;
}
a.button.button--edit:not(.dropbutton-wrapper a):before, 
td.views-field a.button.button--edit:not(.dropbutton-wrapper a):before,
td.views-field-operations a[href*="/edit"]:not(.dropbutton-wrapper a):before {
  content: "\f304" !important;
}

a.button.button--delete:not(.dropbutton-wrapper a),
td.views-field a.button.button--delete:not(.dropbutton-wrapper a),
td.views-field-operations a[href*="/delete"]:not(.dropbutton-wrapper a) {
  background-color: #ff3547 !important;
  border-color: #ff3547 !important;
}
a.button.button--delete:not(.dropbutton-wrapper a):hover,
td.views-field a.button.button--delete:not(.dropbutton-wrapper a):hover,
td.views-field-operations a[href*="/delete"]:not(.dropbutton-wrapper a):hover {
  background-color: #d92b3a !important;
}
a.button.button--delete:not(.dropbutton-wrapper a):before,
td.views-field a.button.button--delete:not(.dropbutton-wrapper a):before,
td.views-field-operations a[href*="/delete"]:not(.dropbutton-wrapper a):before {
  content: "\f1f8" !important;
}

a.button.button--history:not(.dropbutton-wrapper a),
td.views-field a.button.button--history:not(.dropbutton-wrapper a),
td.views-field-operations a[href*="/revisions"]:not(.dropbutton-wrapper a),
td.views-field-operations a[href*="/history"]:not(.dropbutton-wrapper a) {
  background-color: #a6c !important;
  border-color: #a6c !important;
}
a.button.button--history:not(.dropbutton-wrapper a):hover,
td.views-field a.button.button--history:not(.dropbutton-wrapper a):hover,
td.views-field-operations a[href*="/revisions"]:not(.dropbutton-wrapper a):hover,
td.views-field-operations a[href*="/history"]:not(.dropbutton-wrapper a):hover {
  background-color: #8a4bba !important;
}
a.button.button--history:not(.dropbutton-wrapper a):before,
td.views-field a.button.button--history:not(.dropbutton-wrapper a):before,
td.views-field-operations a[href*="/revisions"]:not(.dropbutton-wrapper a):before,
td.views-field-operations a[href*="/history"]:not(.dropbutton-wrapper a):before {
  content: "\f017" !important;
}

a.button--permission:not(.dropbutton-wrapper a),
td.views-field a.button--permission:not(.dropbutton-wrapper a),
.views-form a.button--permission:not(.dropbutton-wrapper a) {
  background-color: #ea4335 !important;
  border-color: #ea4335 !important;
}
a.button--permission:not(.dropbutton-wrapper a):hover, 
td.views-field a.button--permission:not(.dropbutton-wrapper a):hover,
.views-form a.button--permission:not(.dropbutton-wrapper a):hover {
  background-color: #d33426 !important;
}
a.button--permission:not(.dropbutton-wrapper a):before, 
td.views-field a.button--permission:not(.dropbutton-wrapper a):before,
.views-form a.button--permission:not(.dropbutton-wrapper a):before {
  content: "\f0c0" !important;
}

table.views-table,
table.gin--sticky-table-header {
  border-collapse: collapse !important;
  width: 100% !important;
}

table.views-table th, 
table.views-table td,
table.gin--sticky-table-header th,
table.gin--sticky-table-header td {
  border-top: 1px solid #ddd !important;    
  border-bottom: 1px solid #ddd !important; 
  border-left: none !important;             
  border-right: none !important;         
  padding: 10px !important; 
  vertical-align: middle !important;
}

table.views-table td.views-field:has(.button--edit),
table.views-table td.views-field:has(.button--delete),
table.views-table td:has(a[href*="/edit"]),
table.views-table td:has(a[href*="/delete"]),
table.views-table td.views-field-operations {
  width: auto !important;         
  min-width: 160px !important;     
  white-space: normal !important;  
  justify-content: flex-start !important;
  text-align: left !important;
}

table.views-table thead th,
table.gin--sticky-table-header th,
table.views-table thead th:hover,
table.gin--sticky-table-header th:hover,
table.views-table thead th.is-active,
table.gin--sticky-table-header th.is-active,
table.views-table thead th.is-active:hover,
table.gin--sticky-table-header th.is-active:hover,
table.views-table thead th.sortable-heading:hover,
table.gin--sticky-table-header th.sortable-heading:hover {
  background-color: #34495e !important;
  color: white !important;
  border-color: #2c3e50 !important;
}

table.views-table thead th a,
table.gin--sticky-table-header th a,
table.views-table thead th a:hover,
table.gin--sticky-table-header th a:hover,
table.views-table thead th.sortable-heading > a:hover,
table.gin--sticky-table-header th.sortable-heading > a:hover {
  background-color: transparent !important;
  color: white !important;
  text-decoration: none !important;
}

table.views-table th.views-field-entity-browser-select,
table.views-table td.views-field-entity-browser-select,
table.views-table th.views-field-views-bulk-operations-bulk-form,
table.views-table td.views-field-views-bulk-operations-bulk-form,
table.gin--sticky-table-header th.views-field-views-bulk-operations-bulk-form {
  padding-left: 15px !important;
  text-align: center !important;
}

.views-form input[id^="edit-check-in"],
.views-form input[id^="edit-check-out"],
.views-form input[id^="edit-delete-transition"],
.views-form input[id^="edit-user-block-user-action"],
.views-form input[id^="edit-user-unblock-user-action"],
.views-form input[id^="edit-archive-transition"] {
  color: #fff !important;
  background-image: none !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  border: none !important;
  cursor: pointer !important;
}

.views-form input[id^="edit-check-in"] { background-color: #ffa000 !important; }
.views-form input[id^="edit-check-in"]:hover { background-color: #e69000 !important; }

.views-form input[id^="edit-check-out"] { background-color: #00B5AD !important; }
.views-form input[id^="edit-check-out"]:hover { background-color: #00968f !important; }

.views-form input[id^="edit-delete-transition"],
.views-form input[id^="edit-user-block-user-action"] { background-color: #ff3547 !important; }
.views-form input[id^="edit-delete-transition"]:hover,
.views-form input[id^="edit-user-block-user-action"]:hover { background-color: #d92b3a !important; }

.views-form input[id^="edit-user-unblock-user-action"] { background-color: #163e7b !important; }
.views-form input[id^="edit-user-unblock-user-action"]:hover { background-color: #113060 !important; }

.button:not([class*="button--"]) {
  color: #ffffff !important;
  background-color: #00a8e5 !important;
  border: 1px solid #00a8e5 !important; 
  background-image: none !important;
  padding: 8px 16px !important;
  border-radius: 4px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  line-height: 21px !important;
  cursor: pointer !important;
}

.button:not([class*="button--"]):hover {
  background-color: #008bca !important;
  border: none; 
  color: #ffffff !important;
  opacity: 0.9 !important;
}

.views-form input[id^="edit-archive-transition"] { 
  background-color: #00a8e5 !important; 
}
.views-form input[id^="edit-archive-transition"]:hover { 
  background-color: #008bca !important; 
}

.button.button--send,
.button.button--delete,
#send,
#deleted:not(.form-actions *) {
  color: #fff !important;
  background-image: none !important;
  text-transform: none !important;
  line-height: 21px !important;
  white-space: nowrap !important;
  display: inline-block !important;
  margin: 3px 2px !important;
  border-radius: 4px !important;
  padding: 8px 16px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
}

.button.button--send:hover,
.button.button--delete:hover,
.button.button--send:focus,
.button.button--delete:focus,
#send:hover,
#deleted:not(.form-actions *):hover,
#send:focus,
#deleted:not(.form-actions *):focus {
  background-image: none !important;
  opacity: 0.8 !important;
}

.button.button--send:before,
.button.button--delete:before,
#send:before,
#deleted:not(.form-actions *):before {
  font-family: "Font Awesome 5 Free" !important;
  display: inline-block !important;
  padding-right: 3px !important;
  vertical-align: middle !important;
  font-weight: 900 !important;
  margin-right: 2px !important;
}

.button.button--send,
#send {
  background-color: #03C138 !important;
  border-color: #03C138 !important;
}

.button.button--send:hover,
#send:hover {
  background-color: #02a630 !important;
}

.button.button--send:before,
#send:before {
  content: "\f1d8" !important;
}

.button.button--delete,
#deleted:not(.form-actions *) {
  background-color: #ff3547 !important;
  border-color: #ff3547 !important;
}

.button.button--delete:hover,
#deleted:not(.form-actions *):hover {
  background-color: #d92b3a !important;
}

.button.button--delete:before,
#deleted:not(.form-actions *):before {
  content: "\f1f8" !important;
}

/* Global default Drupal submit buttons. */
body:not(.user-login-page) .form-actions:not(.vov-sidebar-actions):not(.views-exposed-form .form-actions) {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}

body:not(.user-login-page) .button.button--primary.js-form-submit.form-submit,
body:not(.user-login-page) input.button--primary.js-form-submit.form-submit,
body:not(.user-login-page) button.button--primary.js-form-submit.form-submit,
body:not(.user-login-page) .button.js-form-submit.form-submit:not(.vov-sidebar-actions .button),
body:not(.user-login-page) a.button.button--primary {
  border: 1px solid #f0b8c3 !important;
  border-radius: 4px !important;
  background: #f8f9fb !important;
  background-image: none !important;
  color: #d5082f !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body:not(.user-login-page) .button.button--primary.js-form-submit.form-submit:hover,
body:not(.user-login-page) .button.button--primary.js-form-submit.form-submit:focus,
body:not(.user-login-page) input.button--primary.js-form-submit.form-submit:hover,
body:not(.user-login-page) input.button--primary.js-form-submit.form-submit:focus,
body:not(.user-login-page) button.button--primary.js-form-submit.form-submit:hover,
body:not(.user-login-page) button.button--primary.js-form-submit.form-submit:focus,
body:not(.user-login-page) .button.js-form-submit.form-submit:not(.vov-sidebar-actions .button):hover,
body:not(.user-login-page) .button.js-form-submit.form-submit:not(.vov-sidebar-actions .button):focus,
body:not(.user-login-page) a.button.button--primary:hover,
body:not(.user-login-page) a.button.button--primary:focus {
  border-color: #d5082f !important;
  background: #fff4f6 !important;
  color: #d5082f !important;
  box-shadow: none !important;
}

/* standardize workflow buttons' style */
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="action-restore"],
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit.button--preview,
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="edit-actions-preview"] {
  width: 95px !important;
  max-width: 95px !important;
  height: 32px !important;
  box-sizing: border-box !important;
  border: 1px solid #e2e5ea !important;
  border-radius: 3.5px !important;
  background: #f7f8fa !important;
  background-image: none !important;
  color: #374151 !important;
  padding: 0 12px !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="action-restore"]:hover,
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="action-restore"]:focus,
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit.button--preview:hover,
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit.button--preview:focus,
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="edit-actions-preview"]:hover,
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="edit-actions-preview"]:focus {
  border: 1px solid #e2e5ea !important;
  background: #f7f8fa !important;
  color: #374151 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="archived"] {
  width: 95px !important;
  max-width: 95px !important;
  height: 32px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: 1px solid #e2e5ea !important;
  border-radius: 3.5px !important;
  background: #f7f8fa !important;
  background-image: none !important;
  color: #374151 !important;
  padding: 0 12px !important;
  font-family: 'Ginter', 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-align: center !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
  height: 32px !important;
  box-sizing: border-box !important;
  padding: 0 12px !important;
  border-radius: 3.5px !important;
  cursor: pointer !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon::before {
  content: "" !important;
  flex: none !important;
  pointer-events: none !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon input.button.button--primary.js-form-submit.form-submit,
body:not(.user-login-page) .form-actions .vov-btn-icon input.button.button--primary.js-form-submit.form-submit:hover,
body:not(.user-login-page) .form-actions .vov-btn-icon input.button.button--primary.js-form-submit.form-submit:focus,
body:not(.user-login-page) .form-actions .vov-btn-icon input.button.button--primary.js-form-submit.form-submit:active {
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  background-image: none !important;
  color: inherit !important;
  font-family: 'Ginter', 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  outline: none !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--save,
body:not(.user-login-page) .form-actions .vov-btn-icon--unlock,
body:not(.user-login-page) .form-actions .vov-btn-icon--rejectpublish,
body:not(.user-login-page) .form-actions .vov-btn-icon--rejectreview,
body:not(.user-login-page) .form-actions .vov-btn-icon--archive,
body:not(.user-login-page) .form-actions .vov-btn-icon--restore {
  border: 1px solid #e2e5ea !important;
  background: #f7f8fa !important;
  color: #374151 !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--archive::before,
body:not(.user-login-page) .form-actions .vov-btn-icon--restore::before {
  display: none !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--save::before {
  width: 11px !important;
  height: 11px !important;
  background: url('../images/workflow_btn_ico--save_as_draft.svg') no-repeat center / 11px 11px !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--unlock::before {
  width: 10px !important;
  height: 12px !important;
  background: url('../images/workflow_btn_ico--unlock-dark.svg') no-repeat center / 10px 12px !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--rejectpublish::before,
body:not(.user-login-page) .form-actions .vov-btn-icon--rejectreview::before {
  width: 18px !important;
  height: 18px !important;
  background: url('../images/workflow_btn_ico--return-dark.svg') no-repeat center / 18px 18px !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--review {
  border: none !important;
  background: #1641bb !important;
  color: #ffffff !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--review::before {
  width: 18px !important;
  height: 18px !important;
  background: url('../images/workflow_btn_ico--send.svg') no-repeat center / 18px 18px !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--approve {
  border: none !important;
  background: #1d4ed8 !important;
  color: #ffffff !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--approve::before {
  width: 11px !important;
  height: 11px !important;
  background: url('../images/workflow_btn_ico--approve.svg') no-repeat center / 11px 11px !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--publish {
  border: 1px solid #c8001e !important;
  background: #c8001e !important;
  color: #ffffff !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--publish::before {
  width: 13px !important;
  height: 13px !important;
  background: url('../images/workflow_btn_ico--publish.svg') no-repeat center / 13px 13px !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--dodelete {
  border: 1px solid #f87171 !important;
  background: #f87171 !important;
  color: #ffffff !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon--dodelete::before {
  width: 12px !important;
  height: 12px !important;
  background: url('../images/workflow_btn_ico--delete-white.svg') no-repeat center / 12px 12px !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon:has(input:disabled),
body:not(.user-login-page) .form-actions .vov-btn-icon:has(input.is-disabled) {
  opacity: 0.45 !important;
  cursor: not-allowed !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon input:disabled,
body:not(.user-login-page) .form-actions .vov-btn-icon input.is-disabled {
  cursor: not-allowed !important;
  pointer-events: none !important;
}

body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="needwork"],
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="gin-sticky-needwork"] {
  width: 95px !important;
  max-width: 95px !important;
  height: 32px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: 1px solid #e2e5ea !important;
  border-radius: 3.5px !important;
  background: #f7f8fa url('../images/workflow_btn_ico--return-dark.svg') no-repeat left 20.19px center !important;
  color: #374151 !important;
  padding: 0 20.19px 0 43.19px !important;
  font-family: 'Ginter', 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-align: left !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="needwork"]:hover,
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="needwork"]:focus,
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="gin-sticky-needwork"]:hover,
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="gin-sticky-needwork"]:focus {
  border: 1px solid #e2e5ea !important;
  background: #f7f8fa url('../images/workflow_btn_ico--return-dark.svg') no-repeat left 20.19px center !important;
  color: #374151 !important;
  font-family: 'Ginter', 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="archived"]:hover,
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="archived"]:focus {
  border: 1px solid #e2e5ea !important;
  background: #f7f8fa !important;
  color: #374151 !important;
  font-family: 'Ginter', 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body:not(.user-login-page) .form-actions .vov-btn-icon:hover,
body:not(.user-login-page) .form-actions .vov-btn-icon:focus-within {
  box-shadow: none !important;
}

body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="gin-sticky-edit-submit"] {
  width: 95px !important;
  max-width: 95px !important;
  height: 32px !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  border: none !important;
  border-radius: 3.5px !important;
  background: #1641bb !important;
  background-image: none !important;
  color: #ffffff !important;
  padding: 0 12px !important;
  font-family: 'Ginter', 'Inter', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  text-align: center !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="gin-sticky-edit-submit"]:hover,
body:not(.user-login-page) .form-actions input.button.button--primary.form-submit[data-drupal-selector="gin-sticky-edit-submit"]:focus {
  background: #1641bb !important;
  color: #ffffff !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

.vov-top-actions .button,
.vov-top-actions input.button,
.vov-top-actions button.button,
.vov-top-actions input[type="button"].button {
  border: 1px solid #f0b8c3;
  border-radius: 4px;
  background: #f8f9fb;
  background-image: none;
  color: #d5082f;
  box-shadow: none;
  text-shadow: none;
  margin: 0;
}

.vov-top-actions .button:hover,
.vov-top-actions .button:focus,
.vov-top-actions input.button:hover,
.vov-top-actions input.button:focus,
.vov-top-actions button.button:hover,
.vov-top-actions button.button:focus,
.vov-top-actions input[type="button"].button:hover,
.vov-top-actions input[type="button"].button:focus {
  border-color: #d5082f;
  background: #fff;
  color: #d5082f;
}