/* Bootstrap 4 Configuration (must appear before all bootstrap-related styles) */
/* Common Configuration */
/* Dark-Theme Configuration */
/* Element status colors */
/* Notifications */
a,
a:focus,
a:active,
a:hover,
button,
button:focus,
button:active,
button:hover {
  outline: 0 !important;
}

button:focus,
button:active,
button:hover {
  background-color: #ccc;
}

.btn.right {
  float: right;
  margin-left: 10px !important;
}

.full-width .btn {
  width: 100%;
}

.list-group > button:disabled:hover,
.list-group > button:disabled:focus {
  text-decoration: none;
}

.btn:disabled {
  pointer-events: auto !important;
  border-color: #ccc;
}

.disabled .btn {
  pointer-events: auto !important;
}

.btn-default.popup-opened {
  color: #333;
  background: #e6e6e6 none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.perspective-button:focus, .perspective-button:hover {
  outline: inherit;
  outline-offset: inherit;
}

.pages button,
.k-pager-numbers button {
  color: #4e4e4e !important;
  border-radius: 4px;
  cursor: pointer;
}
.pages button.k-selected,
.k-pager-numbers button.k-selected {
  background-color: rgb(229, 243, 251) !important;
  border: 1px solid rgb(112, 192, 231);
}
.pages button:hover,
.k-pager-numbers button:hover {
  border: 1px solid #ccc !important;
  background: #f2f2f2 !important;
}

.btn-lg {
  border-radius: 4px !important;
}

.btn,
label.btn,
button.btn,
#property-viewer .k-editor-toolbar button {
  cursor: pointer;
  position: relative;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  background: white;
  border: 1px solid #ccc;
  font-size: 13px;
}
.btn.btn-default,
label.btn.btn-default,
button.btn.btn-default,
#property-viewer .k-editor-toolbar button.btn-default {
  color: #555;
  background-color: #fff;
}
.btn.btn-default:focus,
label.btn.btn-default:focus,
button.btn.btn-default:focus,
#property-viewer .k-editor-toolbar button.btn-default:focus {
  border-color: #ccc;
  color: #333;
  background-color: #fff;
}
.btn:not(:disabled):active, .btn:not(:disabled):hover,
label.btn:not(:disabled):active,
label.btn:not(:disabled):hover,
button.btn:not(:disabled):active,
button.btn:not(:disabled):hover,
#property-viewer .k-editor-toolbar button:not(:disabled):active,
#property-viewer .k-editor-toolbar button:not(:disabled):hover {
  z-index: 2;
  border-color: #adb5bd;
  background-color: #e9ecef;
}
.btn.btn-primary,
label.btn.btn-primary,
button.btn.btn-primary,
#property-viewer .k-editor-toolbar button.btn-primary {
  color: white;
  border: 1px solid #999999;
  background-color: #aebd12 !important;
}
.btn.btn-primary:focus,
label.btn.btn-primary:focus,
button.btn.btn-primary:focus,
#property-viewer .k-editor-toolbar button.btn-primary:focus {
  border-color: #6f714b;
}
.btn.btn-primary:not(:disabled):active, .btn.btn-primary:not(:disabled):hover,
label.btn.btn-primary:not(:disabled):active,
label.btn.btn-primary:not(:disabled):hover,
button.btn.btn-primary:not(:disabled):active,
button.btn.btn-primary:not(:disabled):hover,
#property-viewer .k-editor-toolbar button.btn-primary:not(:disabled):active,
#property-viewer .k-editor-toolbar button.btn-primary:not(:disabled):hover {
  border-color: #808080;
  background-color: rgb(152.5652173913, 165.7173913043, 15.7826086957) !important;
}
.btn.btn-primary:not(:disabled):active,
label.btn.btn-primary:not(:disabled):active,
button.btn.btn-primary:not(:disabled):active,
#property-viewer .k-editor-toolbar button.btn-primary:not(:disabled):active {
  background-color: rgb(131.1304347826, 142.4347826087, 13.5652173913) !important;
}

#property-viewer .k-editor-toolbar button {
  padding: 0;
}
#property-viewer .k-editor-toolbar button > .k-icon {
  width: auto;
  height: auto;
  padding: 4px;
}
#property-viewer .k-editor-toolbar button > .k-icon > svg {
  vertical-align: bottom;
}
#property-viewer .k-editor-toolbar .k-colorpicker > span {
  width: 18px;
  height: 18px;
  padding: 1px 4px;
}

.btn-default:active,
#property-viewer .k-editor-toolbar button:active {
  background-color: #d9dcdf !important;
}

button,
#property-viewer .k-editor-toolbar button {
  transition: all 0.1s ease, z-index 0s, border-color 0s !important;
  color: #555;
}
button:hover,
#property-viewer .k-editor-toolbar button:hover {
  border-color: #adb5bd;
  z-index: 3;
}
button:focus,
#property-viewer .k-editor-toolbar button:focus {
  box-shadow: none;
}

.btn:focus,
label.btn:focus,
button.btn:focus {
  box-shadow: inset 0 0 4px 0 rgba(209, 209, 209, 0.5803921569) !important;
}

.useButton {
  cursor: pointer;
  border: 1px solid #aaa;
  color: #8c8c8c;
  vertical-align: text-bottom;
  padding: 0 5px;
  font-size: 11px;
  border-radius: 2px;
  position: sticky;
  right: 0;
  background: whitesmoke;
}
.useButton:disabled {
  box-shadow: none;
  border-color: #ccc;
  color: #ccc;
  background: #fcfcfc;
}
.useButton:not(:disabled):hover {
  background-color: #e3e3e3;
  border-color: #888;
}
.useButton:not(:disabled):active {
  background: linear-gradient(#ccc, #d4d4d4);
}

.perspective-button {
  padding: 10px 18px !important;
}

#hamburger_menu_toggle i {
  color: black;
}

#create-link-button {
  height: 26px;
}

.dark-theme button:focus,
.dark-theme button:active,
.dark-theme button:hover {
  background-color: #575c5e;
  color: #bbb;
}
.dark-theme .list-group > button:disabled {
  color: #bbb;
}
.dark-theme .list-group > button:disabled:hover,
.dark-theme .list-group > button:disabled:focus {
  color: #bbb;
}
.dark-theme .btn:disabled {
  border-color: #868c90;
}
.dark-theme .btn-default.popup-opened {
  color: #333;
  background: #e6e6e6 none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.dark-theme .pages button,
.dark-theme .k-pager-numbers button {
  color: #ccc !important;
}
.dark-theme .pages button.k-selected,
.dark-theme .k-pager-numbers button.k-selected {
  background-color: rgba(118, 171, 217, 0.2) !important;
  border: 1px solid rgb(112, 192, 231);
}
.dark-theme .pages button:hover,
.dark-theme .k-pager-numbers button:hover {
  border: 1px solid #424647 !important;
  background: #575c5e !important;
}
.dark-theme .btn,
.dark-theme label.btn,
.dark-theme button.btn,
.dark-theme #property-viewer .k-editor-toolbar button {
  background: #575c5e;
  border: 1px solid #868c90;
}
.dark-theme .btn.btn-default,
.dark-theme label.btn.btn-default,
.dark-theme button.btn.btn-default,
.dark-theme #property-viewer .k-editor-toolbar button.btn-default {
  color: #bbb;
  background-color: #575c5e;
}
.dark-theme .btn.btn-default:focus,
.dark-theme label.btn.btn-default:focus,
.dark-theme button.btn.btn-default:focus,
.dark-theme #property-viewer .k-editor-toolbar button.btn-default:focus {
  border-color: #777;
  color: #bbb;
  background-color: #575c5e;
}
.dark-theme .btn:not(:disabled):active, .dark-theme .btn:not(:disabled):hover,
.dark-theme label.btn:not(:disabled):active,
.dark-theme label.btn:not(:disabled):hover,
.dark-theme button.btn:not(:disabled):active,
.dark-theme button.btn:not(:disabled):hover,
.dark-theme #property-viewer .k-editor-toolbar button:not(:disabled):active,
.dark-theme #property-viewer .k-editor-toolbar button:not(:disabled):hover {
  border-color: #868c90;
  background-color: #424647;
}
.dark-theme .btn.btn-primary,
.dark-theme label.btn.btn-primary,
.dark-theme button.btn.btn-primary,
.dark-theme #property-viewer .k-editor-toolbar button.btn-primary {
  color: white;
  border: 1px solid #A8B937;
  background-color: #8b992e !important;
}
.dark-theme .btn.btn-primary:focus,
.dark-theme label.btn.btn-primary:focus,
.dark-theme button.btn.btn-primary:focus,
.dark-theme #property-viewer .k-editor-toolbar button.btn-primary:focus {
  border-color: #868c90;
}
.dark-theme .btn.btn-primary:not(:disabled):active, .dark-theme .btn.btn-primary:not(:disabled):hover,
.dark-theme label.btn.btn-primary:not(:disabled):active,
.dark-theme label.btn.btn-primary:not(:disabled):hover,
.dark-theme button.btn.btn-primary:not(:disabled):active,
.dark-theme button.btn.btn-primary:not(:disabled):hover,
.dark-theme #property-viewer .k-editor-toolbar button.btn-primary:not(:disabled):active,
.dark-theme #property-viewer .k-editor-toolbar button.btn-primary:not(:disabled):hover {
  border-color: #A8B937;
  background-color: #96a531 !important;
}
.dark-theme .btn.btn-primary:not(:disabled):active,
.dark-theme label.btn.btn-primary:not(:disabled):active,
.dark-theme button.btn.btn-primary:not(:disabled):active,
.dark-theme #property-viewer .k-editor-toolbar button.btn-primary:not(:disabled):active {
  background-color: #a7b736 !important;
}
.dark-theme .btn-default:active,
.dark-theme #property-viewer .k-editor-toolbar button:active {
  background-color: #424647 !important;
  box-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.3);
}
.dark-theme button,
.dark-theme #property-viewer .k-editor-toolbar button {
  color: #bbb;
  border: 1px solid #868c90;
}
.dark-theme button:hover,
.dark-theme #property-viewer .k-editor-toolbar button:hover {
  border-color: #868c90;
  background-color: #424647;
}
.dark-theme .btn:focus,
.dark-theme label.btn:focus,
.dark-theme button.btn:focus {
  box-shadow: inset 0 0 4px 0 rgba(209, 209, 209, 0.5803921569) !important;
}
.dark-theme .useButton:not(.on-diagram) {
  border: 1px solid #868c90;
  color: #c8c8c8;
  background: #616669;
}
.dark-theme .useButton:not(.on-diagram):disabled {
  border-color: #666;
  color: #aaa;
  background: #444;
}
.dark-theme .useButton:not(.on-diagram):not(:disabled):hover {
  background-color: #6d7276;
  border-color: #868c90;
}
.dark-theme .useButton:not(.on-diagram):not(:disabled):active {
  background: linear-gradient(#6d7276, #868c90);
}
.dark-theme .useButton.on-diagram {
  border: 1px solid #aaa;
  color: #8c8c8c;
  background: whitesmoke;
}
.dark-theme .useButton.on-diagram:disabled {
  border-color: #ccc;
  color: #ccc;
  background: #fcfcfc;
}
.dark-theme .useButton.on-diagram:not(:disabled):hover {
  background-color: #e3e3e3;
  border-color: #888;
}
.dark-theme .useButton.on-diagram:not(:disabled):active {
  background: linear-gradient(#ccc, #d4d4d4);
}
.dark-theme #hamburger_menu_toggle i {
  color: #bbb;
}
.dark-theme .btn-close {
  border: none;
}
.dark-theme .btn-close:active, .dark-theme .btn-close:focus, .dark-theme .btn-close:hover {
  background-color: #ccc;
}
.dark-theme .form-check-input:not(:checked) {
  border-color: #868c90;
}
.dark-theme .k-dialog .form-check-input:not(:checked) {
  border-color: #616669;
}
.dark-theme #new_session_close:hover {
  background-color: #ccc;
}