/* VIEWFORM */

.form-viewer .form-viewer-line .label,  .form-viewer .form-viewer-line-description .label {
        padding-bottom: 10px;
        clear: both;
        float: left;
        font-weight: bold;
        width: 260px;
}
.form-viewer .form-viewer-line .description, .form-viewer .form-viewer-line-description .description{
        padding-bottom: 10px;
        text-align: justify;
        float: right;
        width: 700px;

}
.form-viewer-line-description{
        background: #eee;
        height: 27px;
}
.form-viewer .descriptionline{
        float: right;
        width: 720px;
        background-color: #eee;
}

.form-viewer .form-viewer-line,.form-viewer .form-viewer-line-description{
}
.form-viewer-description{

}
.form-viewer-description strong{
        font-weight: bold;
}
.form-viewer-description p{
        margin: 10px 0;
}
.form-viewer-description{
        clear: both;
        padding: 15px 20px;
        margin: 10px 0px;
        background-color: #eee;
        font-weight: normal;
}

.form-viewer .short .label {

        width: 650px;
}
.form-viewer .short .description{
        width: 250px;
        padding-left: 20px;
}

.form-viewer .form-viewer-line.long .label {
        width: auto;
        float: none;
        clear: both;
}
.form-viewer .form-viewer-line.long  p{
        margin: 10px 0;
}
.form-viewer .form-viewer-line.long .description{
        width: auto;
        float: none;
        clear: both;
}
.form-viewer .form-viewer-line.four .label{
        width: 300px;

}
.form-viewer .form-viewer-line.four .description{
        width: 140px;
        padding: 0 10px;
        text-align: left;
        float: left;
        clear: none;
}
.form-viewer.test-25-viewer .form-viewer-line.four .label{
        width: 400px;
}
.form-viewer.test-25-viewer .form-viewer-line.four .description{
        width: 110px;
        text-align: center;

}




.form-viewer .form-viewer-line-nopadding {
        padding-left: 20px;
        padding-top: 0px;
        clear: both;
}
.form-viewer .form-viewer-line-nopadding .description{
        padding-bottom: 0px;
        text-align: justify;
        width: auto;
        float: none;
        clear: both;

}

.text-strong{
        font-weight: bold;
}

/* VIEWFORM */

.form-viewer .form-viewer-line .label,  .form-viewer .form-viewer-line-description .label {
        padding-bottom: 10px;
        clear: both;
        float: left;
        font-weight: bold;
        width: 260px;
}
.form-viewer .form-viewer-line .description, .form-viewer .form-viewer-line-description .description{
        padding-bottom: 10px;
        text-align: justify;
        float: right;
        width: 100%;

}
.form-viewer-line-description{
        background: #eee;
        height: 27px;
}
.form-viewer .descriptionline{
        float: right;
        width: 720px;
        background-color: #eee;
}


.form-viewer-description strong{
        font-weight: bold;
}
.form-viewer-description p{
        margin: 10px 0;
}
.form-viewer-description{
        clear: both;
        background-color: white;
        text-align: left;
        position: relative;
        top: 10px;
        margin: 15px 0 25px;
        width: 100%;
        height: auto;
        border-radius: 8px;
        padding: 15px 0px 10px 15px;
        background-image: url(../images/border-blue.jpg);
        background-position: -40px;
        background-repeat: repeat-y;
}

.form-viewer .short .label {

        width: 650px;
}
.form-viewer .short .description{
        width: 250px;
        padding-left: 20px;
}

.form-viewer .form-viewer-line.long .label {
        width: auto;
        float: none;
        clear: both;
}
.form-viewer .form-viewer-line.long  p{
        margin: 10px 0;
}
.form-viewer .form-viewer-line.long .description{
        width: auto;
        float: none;
        clear: both;
}
.form-viewer .form-viewer-line.four .label{
        width: 300px;

}
.form-viewer .form-viewer-line.four .description{
        width: 140px;
        padding: 0 10px;
        text-align: left;
        float: left;
        clear: none;
}
.form-viewer.test-25-viewer .form-viewer-line.four .label{
        width: 400px;
}
.form-viewer.test-25-viewer .form-viewer-line.four .description{
        width: 110px;
        text-align: center;

}




.form-viewer .form-viewer-line-nopadding {
        padding-left: 20px;
        padding-top: 0px;
        clear: both;
}
.form-viewer .form-viewer-line-nopadding .description{
        padding-bottom: 0px;
        text-align: justify;
        width: auto;
        float: none;
        clear: both;

}

.text-strong{
        font-weight: bold;
}


.description{
        line-height: 25px;
}

.empty-viewer{
        background-image:none;
        padding: 1px;
}



.user-details{
        float:left;
        width:25%;
}

.user-details .label{
        padding-bottom: 10px;
        clear: both;
        font-weight: bold;
        width: 100%;
        color:#0089d0;
}

.form-viewer .form-viewer-line.user-details .description{
        width: 100%;
        word-break: break-all;
}


.report_competences_grid table {
        width: 100%;
        border: 1px solid #d1d1d1;
}
.report_competences_grid tr:nth-child(even) {
        background-color: #f2f2f2;
}
.report_competences_grid th {
        border-bottom: 3px solid #0089d0;
        color: #0089d0;
}


.most_less_competences table {
        width: 100%;
        border: 1px solid #d1d1d1;
}
.most_less_competences tr:nth-child(even) {
        background-color: #ffffff;
}
.most_less_competences th {
        border-bottom: 3px solid #0089d0;
        color: #0089d0;
}

.report_competences_comments {
        width: 100%;
        border: none;
        background: transparent !important;
}

.report_competences_comments th {
        border-bottom: 1px solid #d1d1d1;
        border-top: 1px solid #d1d1d1;
        color: #0089d0;
}

.report_competences_comments tr {
        border: none;
}

.report_competences_comments > tbody > tr > td > div {
        margin: 0 auto;
        text-align: left;
        padding: 10px;
        background: #fff;
        border: 1px solid #e8e8e8;
}

@media screen and (max-width: 768px) {
    /* TEST */
    .form-viewer-description{
        top: 0;
        padding: 2%;
        width: 96%;
        background-image: none;
    }
    .form-viewer .short .label{
        width: 100%;
    }
    .form-viewer .short .description{
        width: 100%;
        padding-left: 0;
        margin: 0 0 15px 0;
        border-bottom: 1px solid #ccc;
    }
}