.windowHolder,
.utilityWindowHolder,
.extraWindow,
.loadingCover {
    background-color: rgba(30,30,30,0.8);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: default;
    z-index: 10000;
}

.loadingCover {
    z-index: 10010;
}

.btnDisable {
    opacity: 0.5;
    cursor: inherit;
}

.brainBG {
    background-image: url('../img/bg.jpg');
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
}

.loaderAnimation {
    position: absolute;
    left: 50%;
    top: 45%;
    margin-left: -27px;
    margin-top: -27px;
    width: 54px;
    height: 55px;
    background-image: url('data:image/gif;base64,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');
}

.timeLapseCounter {
    position: absolute;
    top: 45%;
    left: 50%;
    margin-left: -60px;
    margin-top: 60px;
    text-transform: uppercase;
    /*just a test*/
}


.popup {
    /*min-height: 250px;*/
    margin: 10px auto 0;
    border-radius: 6px;
    border: 6px solid rgba(0,0,0,0.7);
    box-shadow: 0 0 6px 6px rgba(0,0,0,0.4);
    background-color: #131313;
    padding: 10px;
    cursor: default;
    position: relative;
}

.pop960 {
    width: 960px;
}

.pop840 {
    width: 800px;
}

.pop838 {
    width: 838px;
}

.pop860 {
    width: 860px;
}

.pop880 {
    width: 880px;
}

.pop760 {
    width: 760px;
}

.pop560 {
    width: 560px;
}

.pop400 {
    width: 400px;
}

.pop120 {
    width: 120px;
}

.pop100 {
    width: 100px !important;
}

.pop200 {
    width: 200px !important;
}

.textBlack {
    color: #333;
}

.titleBar {
    border-bottom: 1px dotted #fff;
    padding-bottom: 10px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: bold;
}

    .titleBar .fa,
    .errorMessage .fa {
        padding-right: 10px;
    }

    .titleBar .closeWindow {
        position: absolute;
        right: 0px;
        top: 8px;
        cursor: pointer;
    }

        .titleBar .closeWindow:hover,
        .pop840 .closeWindow:hover {
            color: #6dcff6;
        }

.pop840 .closeWindow {
    position: absolute;
    right: -8px;
    top: -8px;
    cursor: pointer;
}


.windowContent {
    margin-top: 20px;
    overflow: auto;
}

    .windowContent p {
        margin-bottom: 10px;
        clear: both;
    }

    .windowContent div.halfWidth {
        width: 48%;
        float: left;
        margin-top: -10px;
    }

        .windowContent div.halfWidth:nth-of-type(even) {
            margin-left: 4%;
            clear: right;
        }

    .windowContent input[type='text'],
    .windowContent input[type='email'],
    .windowContent input[type='password'],
    .windowContent input[type='date'] {
        display: block;
        box-sizing: border-box;
        border-radius: 4px;
        width: 100%;
        color: #333;
        padding: 2px 5px;
        margin-bottom: 25px;
    }


    .windowContent select.qcardMarket {
        display: block;
        box-sizing: border-box;
        border-radius: 4px;
        width: 100%;
        color: #333;
        padding: 2px 5px;
        margin-bottom: 25px;
    }


    .windowContent input[type='date'] {
        padding: 0;
    }


    .windowContent .buttonArea {
        margin-top: 30px;
        margin-bottom: 10px;
        text-align: center;
        clear: both;
    }

        .windowContent .buttonArea .fa {
            padding-right: 5px;
        }

    .windowContent .btnStyle {
        display: inline-block;
        background-color: #efefef; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
        background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-8 */
        width: 200px;
        padding: 4px 0;
        margin: 0 5px;
        color: #333;
        font-weight: bold;
        border-radius: 4px;
        cursor: pointer;
        box-shadow: 0 0 4px 4px rgba(60,60,60,0.5);
    }


        .windowContent .btnStyle:hover {
            color: #0072bc;
            box-shadow: 0 0 3px 3px rgba(255,255,255,0.5);
        }

        .windowContent .btnStyle.disabled,
        .windowContent .btnStyle.disabled:hover {
            color: #aaa;
            cursor: default;
            box-shadow: none;
        }


    .windowContent .errorMessage {
        border: 1px solid #f9dfea;
        border-radius: 4px;
        background-color: rgba(244, 154, 193, 0.3);
        padding: 5px;
        clear: both;
    }

        .windowContent .errorMessage p {
            margin: 5px 10px;
        }

    .windowContent .utilityMessage {
        margin: 0 10px 30px 10px;
        width: 80%;
    }


    .windowContent .imgBGSelection {
        overflow: auto;
        margin-top: 20px;
    }


        .windowContent .imgBGSelection .halfWidth {
            margin-top: 0px;
            background-color: #ffffff;
            text-align: center;
            padding: 5px 0;
            width: 46%;
            border: 1px solid #ffffff;
            cursor: pointer;
        }


            .windowContent .imgBGSelection .halfWidth.selected {
                border: 1px solid #ff0000;
            }


/* ================================================ */
/* verbatim window style */

.windowContent {
    overflow: auto;
}

    .windowContent .listContent {
        max-height: 160px;
        overflow: auto;
    }

    .windowContent .verbatimList {
        clear: both;
    }

.addMode.windowContent,
.editMode.windowContent,
.viewMode.windowContent {
    margin-top: 0;
}

.listAction {
    clear: both;
    float: right;
    margin: 10px 0;
}

    .listAction .btnStyle {
        font-size: 12px;
        text-align: center;
        width: 150px;
    }

        .listAction .btnStyle .fa {
            padding-right: 5px;
        }


/* add mode */
/* =================================================================================== */
.addMode .verbatimList .listitem,
.editMode .verbatimList .listitem {
    margin-top: 10px;
    overflow: auto;
}

    .addMode .verbatimList .listitem:first-child,
    .editMode .verbatimList .listitem:first-child {
        margin-top: 0;
    }


.addMode input[type=text],
.editMode input[type=text] {
    margin-bottom: 0;
}

.addMode .titlePerson {
    width: 33%;
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 5px;
}


.addMode input.verbatimPerson {
    width: 33%;
    margin-right: 2%;
    float: left;
}


.addMode input.verbatimContent {
    width: 64%;
}


/* edit mode */
/* =================================================================================== */
.editMode .listContent {
    max-height: 235px;
}


.editMode .titlePerson {
    margin-left: 3%;
    width: 30%;
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 5px;
}

.editMode input.isDeleteCH {
    display: inline-block;
    width: 3%;
    vertical-align: middle;
}

.editMode input.verbatimPerson {
    width: 30%;
    margin-right: 2%;
    display: inline-block;
}

.editMode input.verbatimContent {
    width: 60%;
    display: inline-block;
    margin-right: 1%;
}

.editMode .fa-trash-o {
    display: inline-block;
    cursor: pointer;
}

    .editMode .fa-trash-o:hover {
        color: #00aeef;
    }


/* view mode */
/* =================================================================================== */
.viewMode .verbatimList {
    margin-top: 20px;
    overflow: auto;
}


.viewMode .titlePerson {
    width: 15%;
    display: inline-block;
    margin-right: 2%;
    margin-bottom: 5px;
    text-align: center;
}


.viewMode .nameList {
    height: 250px;
    width: 15%;
    margin-right: 2%;
    text-align: center;
    float: left;
    overflow: auto;
}

.viewMode .nameItem {
    line-height: 24px;
    cursor: pointer;
    margin-bottom: 2px;
    color: #fff;
}

    .viewMode .nameItem:hover {
        color: #6bd1f7;
    }

    .viewMode .nameItem.selected {
        color: #6bd1f7;
        font-weight: bold;
    }



.viewMode .verbatimHolder {
    height: 250px;
    width: 80%;
    box-sizing: border-box;
    padding: 10px;
    color: #6bd1f7;
    background-color: rgba(255,255,255,0.1);
    border: 1px solid rgba(255,255,255,0.4);
    float: left;
    margin-left: 5px;
}



/* LANGUAGE LIST STYLE */
.windowContent .langList {
    width: 80%;
    margin: 20px auto 0;
    display: block;
    color: #222;
}


/* ADD ATTRIBUTE WINDOW */

.windowContent input.searchKeyword {
    margin-bottom: 0;
}

.windowContent ul.searchResult {
    box-sizing: border-box;
    width: 100%;
    max-height: 300px;
    overflow: auto;
    background-color: #d6e8f8;
    border-radius: 4px;
    color: #333;
    margin-top: 3px;
    list-style: none;
    padding-left: 8px;
}

    .windowContent ul.searchResult li {
        line-height: 25px;
        margin-bottom: 3px;
        cursor: pointer;
    }

        .windowContent ul.searchResult li:hover {
            color: #ed1c24;
        }

.windowContent p.intro {
    margin-top: 10px;
    line-height: 20px;
}

.windowContent.attribute {
    margin-top: 10px;
}

/* compare window style */
/* ------------------------------------------------------------------------------------- */
.compareWindow > div {
    overflow: auto;
    clear: both;
}

.compareWindow p.intro {
    margin-top: 0px;
    margin-bottom: 20px;
    /*border-bottom: 1px solid #fff;*/
}


.compareWindow .compareList {
    box-sizing: border-box;
    width: 100%;
    height: 260px;
    border: 1px solid #666;
    margin: 0;
    padding: 4px;
    overflow: auto;
    background-color: #fff;
    color: #333;
}

    .compareWindow .compareList li .fa {
        padding-right: 5px;
    }

    .compareWindow .compareList li {
        cursor: pointer;
        margin-bottom: 5px;
    }

        .compareWindow .compareList li:hover {
            color: #2d8bcb;
        }


.compareWindow select {
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 10px 0 20px;
    padding: 4px;
    border-radius: 4px 4px 0 0;
    color: #333;
}

/* ================================================================ */

.windowContent.bulkExportWindow {
    margin-top: 20px;
}

.bulkExportWindow input[type=checkbox],
.bulkExportWindow input[type=radio] {
    vertical-align: middle;
    margin-right: 5px;
}

.bulkExportWindow input[type=radio] {
    margin-left: 5px;
}

.bulkExportWindow input[type=text] {
    display: inline;
    width: 80%;
    margin-bottom: 0;
}


.bulkExportWindow .bgHolder {
    /*background-color: #fff;*/
}

    .bulkExportWindow .bgHolder p {
        /*color: #333;*/
        text-align: center;
        padding-top: 10px;
    }

    .bulkExportWindow .bgHolder img {
        margin: 10px 2px;
        border: 2px solid #fff;
        width: 82px;
        cursor: pointer;
    }


        .bulkExportWindow .bgHolder img:hover {
            border: 2px solid #00aeef;
        }


        .bulkExportWindow .bgHolder img.selected,
        .bulkExportWindow .bgHolder img.selected:hover {
            border: 2px solid #f00;
            cursor: default;
        }


.bulkExportWindow .exportMaps {
    box-sizing: border-box;
    border: 1px solid #aaa;
    height: 200px;
    overflow: auto;
    list-style: none;
    padding: 5px 8px;
}

    .bulkExportWindow .exportMaps li {
        margin: 3px 0 5px;
        cursor: pointer;
    }

        .bulkExportWindow .exportMaps li:hover {
            color: #00aeef;
        }

        .bulkExportWindow .exportMaps li.deleted {
            text-decoration: line-through;
            color: #999;
        }

            .bulkExportWindow .exportMaps li.deleted:hover {
                color: #999;
            }


.bulkExportWindow .primaryHeatmapList {
    width: 55%;
    float: right;
    color: #333;
}

.bulkExportWindow .errorMessage {
    margin-top: 10px;
}

.bulkExportWindow .mapMultiplier {
    width: 60px;
    border-radius: 4px;
    height: 24px;
    color: #333;
}

.bulkExportWindow .zoneSelect ul {
    color: #333;
}

.bulkExportWindow .zoneSelect label {
    height: 32px;
}

.bulkExportWindow .zoneSelect .ms-options {
    margin-left: 113px;
    width: 300px;
}

.bulkExportWindow .zoneSelect .ms-options-wrap {
    width: 200px;
    display: inline-block;
}

/* =========================================================== */


/* =========================================================== */
/*Extra export configruation widnow*/
.extraWindow label {
    margin-bottom: 6px;
    display: block;
}

    .extraWindow label.subtitle {
        font-size: 16px;
    }

.extraWindow .attrsList {
    margin-bottom: 10px;
}

.extraWindow .sectionTitle {
    font-size: 14px;
    /*color: #00bff3;*/
}

.extraWindow .personaSection,
.extraWindow .emotiSection {
    overflow: auto;
    clear: both;
}

.extraWindow .popup {
    margin-bottom: 20px;
    max-height: calc(100vh - 140px);
    overflow: auto;
    width: 90%;
    max-width: 1000px;
}

.extraWindow .fontSetting {
    overflow: auto;
    clear: both;
}

.extraWindow .ringSelect label,
.extraWindow .exportByScore input[type=number] {
    display: inline-block;
    margin-right: 15px;
}

.extraWindow .searchSection .searchAttr {
    width: 100px;
    color: #000;
}


.extraWindow .exportByScore label,
.extraWindow .searchSection label {
    display: inline-block;
    margin-right: 5px;
    font-weight: bold;
    color: #00bff3;
}

.extraWindow .searchSection label {
    margin-right: 27px;
}

.extraWindow .ringSelect,
.extraWindow .exportByScore,
.extraWindow .searchSection {
    font-size: 14px;
}

.extraWindow .exportByScore,
.extraWindow .searchSection {
    color: #000;
    margin-bottom: 10px;
}

.extraWindow #statistic,
.extraWindow #statisticLower {
    width: 140px;
}


.extraWindow #statistic {
    margin-right: 20px;
}


.extraWindow select {
    color: #333;
}

.extraWindow .quaterWidth {
    width: 23%;
    padding-right: 10px;
    float: left;
}

.extraWindow .attrsList {
    margin-bottom: 10px;
    height: 90px;
    overflow: auto;
    border: 1px solid #fff;
    padding: 10px;
}


.importDriverWindow .demographicList {
    box-sizing: border-box;
    padding: 10px;
    width: 100%;
    height: 248px;
    clear: both;
    background-color: #ffffff;
    color: #333;
    border-radius: 4px 0 0 4px;
    overflow: auto;
}


    .importDriverWindow .demographicList label {
        display: block;
        margin: 5px 0;
    }

    .importDriverWindow .demographicList input {
        vertical-align: middle;
        margin-right: 5px;
    }


.importDriverWindow .attributeList {
    box-sizing: border-box;
    background-color: #ffffff;
    min-height: 180px;
    width: 100%;
    border-radius: 4px 0 0 4px;
    color: #333;
    resize: none;
}

.importDriverWindow .layerList {
    margin-bottom: 20px;
}

    .importDriverWindow .layerList label {
        margin-right: 10px;
    }

    .importDriverWindow .layerList input {
        vertical-align: middle;
        margin-right: 5px;
    }

.importDriverWindow .marketList {
    width: 100%;
    border-radius: 4px;
    padding: 2px 0;
    color: #333;
}


/* =========================================================== */

.clientAttribute select {
    display: block;
    margin-bottom: 15px;
    border-radius: 4px;
    width: 100%;
    padding: 2px 0;
    color: #111;
}

.clientAttribute .urlSection {
    clear: both;
}

/* ============================================================ */

.detailMap .stimulusList,
.detailMap .demographicsList,
.detailMap .marketList {
    background-color: #fff;
    width: 96%;
    height: 100px;
    border-radius: 4px;
    color: #333;
    overflow: auto;
    padding-left: 5px;
}

    .detailMap .stimulusList label.disabled,
    .detailMap .demographicsList label.disabled,
    .detailMap .marketList label.disabled {
        color: #999;
        text-decoration: line-through;
    }

    .detailMap .stimulusList li,
    .detailMap .demographicsList li,
    .detailMap .marketList li {
        list-style: none;
        margin: 5px 0;
    }

        .detailMap .stimulusList li input,
        .detailMap .demographicsList li input,
        .detailMap .marketList li input {
            vertical-align: middle;
            margin-right: 5px;
        }

.detailMap .mapList {
    background-color: #fff;
    width: 96%;
    height: 395px;
    border-radius: 4px;
    color: #333;
    overflow: auto;
    padding-left: 5px;
}

    .detailMap .mapList li {
        list-style: none;
        padding: 5px 0;
        cursor: pointer;
        margin-bottom: 3px;
    }

        .detailMap .mapList li img {
            height: 100px;
            border: 1px solid #666;
            margin-right: 10px;
        }

        .detailMap .mapList li:hover {
            /*font-weight: bold;*/
            color: #0072bc;
            background-color: #efefef;
        }


.searchHeatmapWindow .searchList {
    max-height: 50vh;
    overflow: auto;
    padding: 10px;
    border: 1px #fff solid;
}

    .searchHeatmapWindow .searchList label {
        display: block;
        margin: 8px 0;
        cursor: pointer;
    }

    .searchHeatmapWindow .searchList input[type="radio"] {
        margin-right: 8px;
        margin-top: 3px;
    }