body {font-family: 'Anek Latin', sans-serif;}
    html, body {margin:0; padding:0;height:100%; width:100%; background-color:#000; }
    .story-container { height:100%; }
    .aisle {      }
    .story-card { background-color:#FFF; width:17%; display:inline-block; height:100%; border:2px solid blue;  box-sizing: border-box; padding:15px; margin:10px; position:relative;}
    .selected { background-color:#ffffbf; }
    .aisle-selected { overflow-x:hidden; }
    .edit-modal { display:none; position:fixed; background-color:#fff; width:80%; height:80%; border:2px solid #000; left: 50%; top: 50%; transform: translate(-50%, -50%); }
    .edit-modal-close { position:absolute; top:0; right:0; width:100px; height:60px; background-color:#aaa; z-index:0;}
    
    .story-card[drop-active=true] { background-color:yellow !important; }
    .story-card:-moz-drag-over { background-color:yellow !important; }
    .story-card:drop { background-color:yellow !important; }

    .edit-modal-delete { position:absolute; bottom:0; right:0; width:100px; height:60px; background-color:red; color:#000; z-index:0;}

    
    .edit-modal .card-content { position:relative; height:100%; }
    .edit-modal .card-content textarea { width:70%; height:38%; margin:15px; font-size:1.2em;  }
    .plus-minus .desc .text { height:60px; }
    .greater-lessthan .desc .text { height:60px; }
    .story-card .is {font-weight:bold; color:green; font-size:1.2em; display:inline-block; border:1px solid green; padding:5px;}

    table {width:100%; }
    tr { background-color:#999; }
    table tr td { clear: left; }
    .header-row { background-color:#000; color:#fff; height:26px; }
    td.header { font-size:100px; font-weight:bold; padding:0 20px; color:#BAE5FF; }
    textarea {font-size:1.6em; }
    
    .story-card span h3 { font-size:0.7em; margin:0;  }
    .story-card span h2 { font-size:0.9em; margin:0; }
    .card-count { display:inline-block; margin-left:60px; font-size:0.7em; }
span.scene-number { display:block; font-weight:bold; position:relative; background-color:#000; color:#fff; padding:5px; width:100%; margin:0; }

.hasScene {
    position: absolute;
    right: 10px;
    top:2px; 
    margin:0;
    padding:0;
    width: 20px;
    height: 20px;
    background-color: green;
    border-radius:9px;
}

.top-nav {
    text-align: right;
}

    .top-nav a {
        display: inline-block;
        padding: 20px 35px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
    }
