g.g_layer {
  cursor: default;
}

/*
.highlight text, .active text, .mouseover text {
  font-weight: 700;
}
*/

#main_canvas .highlight rect, #main_canvas .highlight circle, #main_canvas .highlight path, #main_canvas .drag rect, #main_canvas .drag circle, #main_canvas .mouseover, #main_canvas .mouseover rect, #main_canvas .mouseover circle {
  stroke-width: 1;
  stroke: #0d6efd !important;
}

#main_canvas .g_group.highlight rect {
  fill: #0d6efd1a !important;
}

#main_canvas .g_link.highlight circle {
  fill: #E8F1FF !important;
}

.overlap rect {
  stroke-width: 2;
  stroke: #0d6efd;
}

.custom-select {
  font-size: 0.875rem;
}

.custom-select option{
  font-size: 0.875rem;
}

#main_canvas .warning rect, #main_canvas .warning circle, #main_canvas .warning path {
  stroke-width: 1;
  stroke: #dc3545;
}

#main_canvas .g_group.warning rect {
  fill: #dc35451a;
}

#main_canvas .g_link.warning circle {
  fill: #FDEBEC;
}

.warning path {
  stroke-width: 1;
  stroke: #dc3545;
}

.inact {
  color: #d3d3d3 !important;
}

.inact text {
  fill: #d3d3d3;
  font-weight: 400 !important;
}

.inact rect {
  stroke-width: 1 !important;
}

.alert rect.vis-layer, .alert circle, .alert path {
  stroke-width: 2;
  stroke: #dc3545 !important;
}

.add_btn{
  cursor: pointer;
  stroke-width: 1;
  color: #6c757d;
}

.remove_btn{
  cursor: pointer;
  stroke-width: 1;
  color: #6c757d;
}

.disabled{
  color: #adb5bd !important;
}

.dropdown-item{
  cursor: pointer;
}

.c_ivory {
  background-color: #fafafa;
}

.c_blue {
  background-color: #e8eaf6;
}

.h1000 {
  height: 1000px;
}

.h960 {
  height: 960px;
}

.h100 {
  height: 100px;
}

.ht1 {
  height: 40px;
}

.py1 {
  padding-top: .125rem;
  padding-bottom: .125rem;
}

.py2 {
  padding-top: .25rem;
  padding-bottom: .225rem;
}

.menu {
  cursor: pointer;
  font-size: 0.875rem;
}

.menu-header {
  font-size: 0.875rem;
  font-weight: 600;
}

.menu:hover {
  background-color: #e4e4e4;
}

.context-menu {
  width: 10rem;
}

.list-group-item {
  padding: .65rem;
  cursor: pointer;
}

.list-group-item span,
text {
  vertical-align: middle;
}

.list-group-item span {
  padding-right: 0.6rem !important;
}

.list-group-item:hover {
  background-color: #fafafa;
}

#toolbar .menu {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#toolbar .menu:hover {
  background-color: white;
  color: red;
}

/*
.context-menu {
  width: 100px;
  height: 200px;
  background: white;
  border: 1px solid black;
  box-shadow: 3px 3px 5px #e5e5e5;
}

.context-menu-item {
  padding: 5px 5px 5px 5px;
  height: 33px;
  border-bottom: 1px solid black;
}

.context-menu-item div {
  padding: 0px 5px 0px 5px;
}

.context-menu-item div:hover {
  background-color: #e4e4e4;
}
*/

svg {
  -webkit-user-select: none;
  /* Chrome all / Safari all */
  -moz-user-select: none;
  /* Firefox all */
  -ms-user-select: none;
  /* IE 10+ */
  user-select: none;
  /* Likely future */
}

.f_white {
  color: black;
}

.f-red {
  color: #dc3545;
}

#show_detail {
  transition: all ease 0.5s;
  cursor: pointer;
}

#show_detail:hover {
  color: red;
}

.feedback {
  color: #dc3545;
}

.model-invalid {
  border-top: 1px solid #dc3545 !important;
  border-bottom: 1px solid #dc3545 !important;
}

.tooltip-inner {
  background-color: #343a40 !important;
}

.tooltip {
  font-size: 0.8rem !important;
}

#settingbar{
  font-size: 0.875rem;
}