@import 'node_modules/angular-tree-component/dist/angular-tree-component.css';

.node-content-wrapper {
  width: 100%;
  overflow: hidden;
}

:not(.tree-node-active).tree-node-focused .node-wrapper .node-content-wrapper{
  background: #f9f9f9 !important;
}

body{
  background-color: #f9f9f9 !important;
  font-family: 'Noto Sans', sans-serif;
  color: #484848;
}

.container-fluid {
  padding-right: 0px;
  padding-left: 0px;
}

.row {
  margin-right: 0px;
  margin-left: 0px;
}

.row-no-padding > [class*="col-"] {
  padding-left: 0;
  padding-right: 0;
}

.modal {
  text-align: center;
}

.modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.btn{
  vertical-align:middle;
}

.btn.btn-inline{
  margin: -5px -5px -3px 2px;
  padding-top: 2px;
  height: 24px;
}

.btn.btn-form-control{
  padding: 2px 5px 2px 5px;
  overflow: hidden;
  max-width: 100%;
}

.btn-primary {
  color: #fff;
  background-color: #838383;
  border-color: #707070;
}
.btn-primary:hover,.btn-primary:active:hover,.btn-primary:focus ,
.btn-primary.disabled:hover, .btn-primary[disabled]:hover{
  color: #fff;
  background-color: #707070;
  border-color: #555555;
}

.btn-warning {
  background-color: #eacb80;
  border-color: #e4bf66;
}
.btn-warning:hover,.btn-warning:active:hover,.btn-warning:focus ,
.btn-warning.disabled:hover, .btn-warning[disabled]:hover{
  background-color: #e4bf66;
  border-color: #dab355;
}

.btn-danger {
  background-color: #cc7e76;
  border-color: #cb6b62;
}
.btn-danger:hover,.btn-danger:active:hover,.btn-danger:focus ,
.btn-danger.disabled:hover, .btn-danger[disabled]:hover{
  background-color: #cb6b62;
  border-color: #c15956;
}

.btn-success {
  background-color: #8cb48c;
  border-color: #77ae77;
}
.btn-success:hover,.btn-success:active:hover,.btn-success:focus,
.btn-success.disabled:hover, .btn-success[disabled]:hover{
  background-color: #77ae77;
  border-color: #5ca05c;
}

.btn-info {
  background-color: #6fb8cc;
  border-color: #61a9bf;
}
.btn-info:hover,.btn-info:active:hover,.btn-info:focus ,
.btn-info.disabled:hover, .btn-info[disabled]:hover{
  background-color: #44b1d1;
  border-color: #329fbf;
}

.btn-default{
  color:#484848;
}

.dropdown-menu > li > a{
  color:#484848;
}

.node-content-wrapper-active, .node-content-wrapper.node-content-wrapper-active:hover, .node-content-wrapper-active.node-content-wrapper-focused{
  background-color: #e5e5e5;
}
.node-content-wrapper:hover{
  background-color: #f3f3f3;
}

.nav-link{
  color:#555;
}
.nav-link:hover{
  color:#484848;
}

.navbar-inverse{
  background-color:#484848;
  border-color:#3c3c3c;
}

.navbar-inverse .navbar-brand{
  color:#d0d0d0;
}

.tooltip-inner {
  background-color: #3c3c3c;
}

.tooltip.top .tooltip-arrow {
  border-top-color: #3c3c3c;
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #3c3c3c;
}

.tooltip.left .tooltip-arrow {
  border-left-color: #3c3c3c;
}

.tooltip.right .tooltip-arrow {
  border-right-color: #3c3c3c;
}

a{
  color:#838383;
}
a:hover{
  color:#555555;
}

input /* для radio, checkbox, range */{
  accent-color: #838383;
}

.toggle-children{
  height: 1.35em;
  width: 1.35em;
  margin: 0px -3px -0.35em -3px;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 36 36'><path fill='none' stroke='%23838383' d='M13,8 L24,18 L13,28' stroke-width='4' stroke-linecap='round' opacity='1'/>  </svg>");
}

.toggle-children-placeholder{
  width: 1.35em;
  margin: 0px -3px -0.35em -3px;
}

.btn:focus,.btn:active:focus, .btn-default:focus,.btn-default.active:focus {
  outline: none;
  box-shadow: none;
}

.form-control:focus{
  border-color: #afb9c1;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(160,178,192,0.6);
}

#angular-oauth-oidc-check-session-iframe,#angular-oauth-oidc-silent-refresh-iframe
{
  display:none
}

::selection {
  background: #afb9c1; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #afb9c1; /* Gecko Browsers */
}


.color_edit .popover-content{
  padding: 5px;
}
.color_edit .popover-content .color-picker{
  border: none;
}