#workspace {
    /*cursor: crosshair;*/
}

.zone_text {
    border: none;
    /*background-color: lightblue;*/
    /*white-space: nowrap;*/
  
    overflow: hidden;
    /*outline: 0px solid transparent;*/
    background-color: transparent;
    cursor: text;
  

        /* 
       disabled because only works with compatible browsers and 
       webbrowser control used to generate image is not compatible
      */
       display: flex;
       place-content: center;
 
    flex-direction: column;
}

foreignObject {
    /*padding-top: 5px;*/
    overflow: visible;
}

.text_active > .zone_text {
 
    overflow: hidden;
    outline: 1px solid #eeeeee !important;
}

.text_inactive:hover > .zone_text,
.text_active:hover > .zone_text {
 
   /* outline: 1px solid lightblue !important;*/
}

.text_inactive:hover + .handle,
.text_active:hover + .handle {
    opacity: 0.5;
}

.handle:hover {
    opacity: 0.5;
    cursor: move;
}
/*.zone_text::-webkit-resizer {
    border-width: 5px;
    border-style: solid;
    border-color: transparent lightblue lightblue transparent;
}*/

.text_box_txt_settings {
    display: grid;
    grid-template-columns: 50% 50%;
}
.text_box_txt_settings > div{
    padding:5px;
}
.text_toolbar {
    display: flex;
}

.textarea_outline {
    border: solid 1px #CCCCCC;
}

.add_new_text {
    text-align: center;
}

.svg_bounds {
    padding: 20px;
}
/*.resizeable {*/

/*  resize: both;*/

/*  overflow: auto;*/

/*  border: 2px solid black;*/

/*  background-color: #29e;*/

/*  width: 120px;*/

/*  padding: 20px;*/

/*}*/

/*.resizable {*/

/*  width: 120px;*/

/*  border-radius: 0.75rem;*/

/*  padding: 20px;*/

/*  margin: 1rem;*/

/*  background-color: #29e;*/

/*  color: white;*/

/*  font-size: 20px;*/

/*  font-family: sans-serif;*/

/*  overflow: hidden;*/

/*  touch-action: none;*/

/* This makes things *much* easier */

/*  box-sizing: border-box;*/

/*}*/