.root-modal{
  width:100%;
  height:100%;
  position: fixed;
  display: none;
  top:0px;
  left:0px;
  z-index:9999;
  text-align: center;
}
.root-modal .background-modal{
  width:100%;
  height:100%;
  background-color: rgba(0,0,0,0.5);
  display:block;
  position: absolute;

}
.root-modal .modal{

  position: relative;
  display:inline-block;
  padding:10px;

  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 3px solid rgba(0,0,0,0.3);
  border-radius: 8px;
  top:5vh;
  width:70vw;
  text-align: center;
  height:90vh;

}
.root-modal .modal-close{
    z-index:2;
      font-size:15px;
      color:#ccc;cursor:pointer; cursor:hand;
    width:30px; height:30px;
    float:right;
    position: absolute;
    left:100%;
    margin:5px;
    background-color: #fff;
    margin-left:-30px;
    top:0px;
}
.root-modal .modal-close:hover{color:#333; transition-duration: 0.5s;}


.root-modal .MODAL_PHOTO{

    background-size: cover;
    background-position: center top;
    display:none;
    border-radius: 8px;
    position:relative;
    
    display:inline-block;
    background-repeat: no-repeat;

  }
.root-modal .MODAL_TEXT{}
.root-modal .MODAL_SCROLL{z-index:1;overflow-y: auto; height:100%; margin-top:0;}