.z-cms-overlay-root {
    position: relative;
}
.z-cms-overlay {
    opacity: 0.10;
    -moz-opacity: 10%;
    -webkit-opacity: 10%;

    position:absolute;
    height: 100%;
    width: 100%;
    top:0;
    left:0;

    background-color: orange;
    background-image: url(./settings.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 5%;

    border-width:2px;
    border-style:dashed;
    border-color:black;
 }

 .z-cms-inline {
     min-width: 40px;
     min-height: 10px;
     width:100%;
     height:100%;
     position:absolute;
     top :0;
     left:0;
     border-width:1px;
     border-style:dashed;
     border-color:gray;
     /*z-index: 2147483647;*/
 }

.z-cms-overlay-list {
    position:absolute;
    height: 100%;
    width: 100%;
    pointer-events:none;
    top:0;
    left:0;
    z-index: 1; 
    /*border-style: solid;*/
    /*border-width: 4px;*/
    /*border-color: black;*/
    /*list overlay draw values take precedence over the normal z-cms-overlay.
     This is to make it so the buttons can be hit and the set area can also be hit */
}

.z-cms-draghover {
      border: 4px solid black;    
      background-color: green;
}

 .z-cms-overlay-list-removebtn {
    width: 32px;
    height: 32px;
    text-align: center;
    pointer-events:auto;
    border-width:0;
    border-style:none;
    background-color:red;
    color:white;
    font-size:1.5em;
    border-radius:20%;
    bottom:0;
    right:0;   
    padding: 0;
    position:absolute;
 }

  .z-cms-overlay-list-addbtn {
    width: 32px;
    height: 20px;   
    padding :0;
    pointer-events:auto;
    border-width:0;
    border-style:none;
    background-color:green;
    color:white;
    font-size:1.5em;
    border-radius:20%;
    top:-32px;
    right:0;   
    position:absolute;
    text-align: center;
 }

.z-cms-overlay-list-addbtn:hover {
    height:34px;
    border-style:solid;
    border-width:1px;
    border-color:black;
 }
.z-cms-overlay-list-addbtn:active {
    background-color: greenyellow;
 }

.z-cms-overlay-list-removebtn:hover {
    height:34px;
    border-style:solid;
    border-width:1px;
    border-color:darkred;
 }
 .z-cms-overlay-list-addbtn:active {
    background-color: pink;
 }

 .z-cms-overlay-more-opaque {
     opacity: 0.30;
    -moz-opacity: 30%;
    -webkit-opacity: 30%;
 }

.z-cms-popup {
    position:absolute;
    height: 100%;
    width: 100%;
    top:0;
    left:0;
    /* max 32 bit int value */
    z-index: 2147483647;    
    background-color: rgba(0,0,0,0.9);
}