﻿body{
    /*background:#d2e3e7;*/
    padding-top:0;
    
}
.main-container{
    margin-bottom:20px;
}
.work-space{
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.work-space,
.tab-pane-space{
    padding:20px;
    background:#fff;
    border: 1px solid;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    border-radius: 3px;
    min-height:calc(100vh - 96px);
    max-width:1024px;
    margin:0 auto;
    margin-top:-50px;
}
.tab-pane-space{
    min-height:0;
    border-bottom:0;
    margin-bottom: 29px;
}
header{
    /*background:#0085A1;*/
    padding:100px 0;
    color:#fff;
    text-align:center;
}
.tool-items-box-added{
    padding-top:5px;
    padding-bottom:5px;
}
.tool-items-box-added[data-require='true'] > label:before,
.item-group-address-item[data-require='true'] > label:before{
    content:"* ";
    color:#ff0000;
}
.tool-items-box-added > label{
    margin-top:10px ;
    margin-bottom: 5px;
}
.tool-items-box-added .form-check{
    margin-top: 5px;
    margin-bottom: 5px;
}
.x-checker{
    margin-right:5px;
}
.instant-space{
    background:#f7f7f7;
    padding:100px;
    border-bottom:1px dashed blue;
    margin:0 -20px;
    padding:20px;
    margin-top:-20px;
}
[data-control-type='ATTACH_FILE'] input{
    background:#E9ECEF;
}
.table-answer-file-list td,
.table-answer-file-list th{
    vertical-align:middle;
}
.answer-image{
    height:30px;
    width:30px;
    background:#f7f7f7;
    object-fit:cover;
}
.tool-items-box-added a{
    color:#18AD8F;
}
.datetimepicker .table-condensed{
    width:220px;
}

.tool-items-box-added > label{
    /* font-weight:600; */
}




.lof-qa-table td,
.lof-qa-table th{
    padding:5px 8px;
    vertical-align:middle;
}
.lof-qa-table-col-inner-div{
    /*overflow-x:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;*/
    min-width:50px;
}
.lof-qa-table-col-question .lof-qa-table-col-inner-div{
    /*min-width:200px;*/
}
.lof-qa-table-col-head,
.lof-qa-table-col-index,
.lof-qa-table-col-question{
    /*font-weight:600;*/
}

.lof-qa-table-col-head-answer-group,
.lof-qa-table-col-head-answer-group-option,
.lof-qa-table-col-body-answer-group-option{
    text-align:center;
}
.lof-qa-table-col-body-answer-textarea{
    resize:none;
    line-height:17px;
    font-size:12px;
    padding:5px 8px;
    min-width:200px;
}

.lof-qa-table-row-head-1 td,
.lof-qa-table-row-head-2 td{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top:-1px;
    background:#f9f9f9;
}

.lof-qa-table-row-head-1 td[rowspan='1']{
    height:34px;
}
.lof-qa-table-row-head-2 td{
    height:34px;
    top:33px;
}
.lof-qa-table-col-index,
.lof-qa-table-col-question{
    position: -webkit-sticky; /* Safari */
    position: sticky;
    left:0;
    background:#f9f9f9;
    z-index:1;
}
.lof-qa-table-row-head .lof-qa-table-col-index,
.lof-qa-table-row-head .lof-qa-table-col-question{
    z-index:2;
}
.lof-qa-table-col-question{
    left:69px;
    text-align:left;
}
.lof-qa-table-col-index{
    width:70px!important;
    text-align:center;
}


.prop-label-style-bold{
    font-weight:600;
}
.prop-label-style-italic{
    font-style:italic;
}
.prop-label-style-underline{
    text-decoration:underline;
}

.lof-qa-box-inner{
    max-width:100%;
    overflow-x:auto;
}
.lof-qa-table-col-question .lof-qa-table-col-inner-div{
    max-width:40vw;
    min-width:20vw;
}
@media(max-width:992px){
    .lof-qa-table-col-question .lof-qa-table-col-inner-div{
        min-width:30vw;
    }
    .lof-qa-box-inner{
        font-size:12px;
    }
    .lof-qa-table-col-index{
        display:none;
    }
    .lof-qa-table-col-question{
        left:0;
    }
    
}

