/*!
 * Base Functionalities
 * whitouth this tinyModal probably won't work as spected
**/
.tinymodal-cover {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  visibility: hidden;
  opacity: 0; }

.tinymodal-window {
  position: fixed;
  left: 50%;
  top: 50%;
  visibility: hidden;
  opacity: 0;
  z-index: 2; }

.tinymodal-inner {
  position: relative;
  height: 100%;
  overflow-y: auto; }

.tinymodal-active .tinymodal-cover {
  visibility: visible;
  opacity: 1; }

.tinymodal-active .tinymodal-window-open {
  visibility: visible;
  opacity: 1; }

/*!
 * Base Design
 * can be overriden by your own styles in this or your stylesheed
**/
.tinymodal-cover {
  background: rgba(0, 0, 0, 0.5); }

.tinymodal-window {
  padding: 20px;
  background: white;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0 20px;
  border-radius: 3px;
  color: #333;
  transform: translate(-50%, -50%) scale(0.9); }

.tinymodal-active .tinymodal-window-open {
  transform: translate(-50%, -50%) scale(1); }

.tinymodal-ready .tinymodal-window,
.tinymodal-ready .tinymodal-cover {
  transition: 0.3s all ease-in-out; }

.tinymodal-close { 
position: absolute;
right: 0px;
top:5px;
background:transparent;
border:0px;
}