﻿/* Slide css */
.dvslidesafearea {
    height: 700px;
    border: 2px dashed #0d8c0c;
    margin-left: -15px;
    margin-top: 15px;
    border-radius: 10px !important;
}

.tblslideoptions td {
    border-top: 0 !important;
}

    .tblslideoptions td > div {
        border: 1px dashed #ddd;
        border-radius: 10px !important;
        padding: 4px;
        cursor: pointer;
    }

        .tblslideoptions td > div:hover {
            background-color: #eee;
        }

.areawarningMsg {
    color: #0d8c0c;
    text-align: center;
    margin-top: 5px;
    clear: both;
}

.btnfloatright {
    float: right;
    margin-right: 5px;
    margin-bottom: 10px;
}

.slideeleul {
    margin-top: -22px;
    margin-left: 69px;
    margin-bottom: 0;
}

.drag {
    min-height: 50px;
    width: 100%;
    border: 1px dashed #ddd;
    text-align: center;
    float: left;
    border-radius: 10px !important;
    position: relative;
}

.adrag {
    position: absolute;
    left: -70px;

}

.aalign {
    margin-top: 15px;
    position: absolute;
}


.slider-vertical {
    height: 50px !important;
    position: absolute !important;
    left: -45px !important;
    top: 20px !important;
}

.imgeleContent {
    width: 50%;    
}

.plefteleContent {
    float: left;
    clear: both;
    width: 50%;
}

.imgrighteleContent {
    float: right;
    max-width:50%;
}

.imglefteleContent {
    float: left;
    clear: both;
    max-width: 50%;
}

.prighteleContent {
    float: right;
    width: 50%;
}

.adelete {
    position: absolute;
    right: -70px;
}

.speletext {
    margin-right: -50px;
    float: right;
    font-size:10px;
    color: lightgray;
}

.eleinputs {
    display: none;
}

.ui-state-highlight {
    height: 1.5em;
    line-height: 1.2em;
}

.elecontentleftalign {
    display: table;
    margin-right: auto;
}

.elecontentcenteralign {
    display: table;
    margin-left: auto;
    margin-right: auto;
}

.elecontentrightalign {
    display: table;
    margin-left: auto;
}


/* VW: 2018-07-29 */


.eleContent {
    white-space: pre-wrap;
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

p.empty {height:20px;}

.dvSlideOnEditPage p.eleContent {padding: 5px 10px;}




.dvslidesafearea h1, #chart h1, .dvSlideElement h1 {
    font-size: 6em;
    line-height: 1.1em;
}

.dvslidesafearea h2, #chart h2 {
    font-size: 3em;
}


.dvslidesafearea p.eleContent, #chart li, #chart p, .dvslidesafearea li {
    font-size: 200%;
}



#chart, #chart li, #chart p, .dvSlideOnEditPage, .dvSlideOnEditPage p, .dvSlideOnEditPage li, .dvslidesafearea, .dvslidesafearea p, .dvslidesafearea li, .dvSlideElement p, .dvSlideElement h1, .dvSlideElement h2, .slideeleul li, tblslideoptions {
    color: #393536;
}

.nightmode > li, .nightmode > p, .nightmode .dvSlideOnEditPage, .nightmode .dvSlideOnEditPage > p, .nightmode .dvSlideOnEditPage li, .nightmode .dvslidesafearea, .nightmode.dvslidesafearea p, .nightmode .dvslidesafearea li, .nightmode .dvSlideElement p, .nightmode .dvSlideElement h1, .nightmode .dvSlideElement h2, .nightmode.slideeleul li, .nightmode tblslideoptions {
    color: #fff;
}

.dvSlideOnEditPage hr, #chart hr {
    border-top: 2px solid #c5c5c5;
}

.dvpimgwrapper {
    float: left;
    width: 100%;
}

.uleleleft {
    width: 50%;
    text-align: left;
    padding-left: 30px;
    margin: 0;
    float: left;
}

.uleleright{

}
