﻿
.scoretotal
{
    color: #fff;
    
    text-align: right;
    font-size: 20px;
    font-weight: bold;
}
.labelDeelnemers
{
    color: #0A508E;
}
.classSessie
{
  position: absolute;
  width: 840px;
  border: solid 3px #752999;
  z-index: 15;
  top: 0px;
  left: 50%;
  margin: 0 0 0 -420px;
  background-color: white;
  padding: 10px 0px 10px 0px;
  visibility: hidden;
}
.classSessieOmschrijving
{
    float:left;
    top:0px;
    text-align:left;
    width: 400px;
    padding-left: 15px;
}
.classSessieLogo
{
    float:left;
    top:0px;
    text-align:left;
    
    height: 80px;
}
.classOrganisatieLogo {
    float: right;
    padding-right: 85px;
    text-align: left;

    height: 78px;
}
.classOrganisatieLogo  img{
    padding-top:0px;
	height: 84px;
}
.labelOrganisatie
{
    color: #752999;
    font-size: 36px;
    font-weight: bold;
}
.labelOmschrijving
{
    color: #000000;
    font-size: 16px;

}
.labelOmschrijving2
{
    color: #000000;
    font-size: 14px;
    font-weight: normal;
    font-family: Arial;
}
.rltbDescriptionBox
{
    display: none !important;
}

.dgGebruikersClass
{
    width: 95%;
}

.classFormTXTWidth1
{
    width: 240px;
}
.classFormTXTWidth2
{
    width: 350px;
}
@media (max-width: 390px) {
    .classFormTXTWidth1
    {
        width: 240px;
    }
    .classFormTXTWidth2
    {
        width: 240px;
    }
}

.classImageBad40
{
    background: url(/images/bad40.png) no-repeat center;
    width: 50px;
    height: 50px;
}
.classImageNeutral40
{
    background: url(/images/neutral40.png) no-repeat center;
    width: 50px;
    height: 50px;
}
.classImageGood40
{
    background: url(/images/good40.png) no-repeat center;
    width: 50px;
    height: 50px;
}

.classImageSave
{
    background: url(/images/save2.png) no-repeat center;
    background-size: 70%;
    width: 50px;
    height: 50px;
}

.leftwidth
{
    border: solid 0px gray;
    text-align: left;
    text-wrap: avoid;
    padding-left: 5px;
    vertical-align:text-top;
    font-family: Arial;
}

.questionrow
{
    border: solid 0px gray; 
    padding-left: 5px;
    padding-right: 10px;
    height: 40px;
    width: 650px;
    font-size: 14px;
    vertical-align:text-top;
    font-family: Arial;
}

.rightwidth {
    border: solid 0px gray;
    text-align: left;
    text-wrap: avoid;
    padding-left: 5px;
    vertical-align: text-top;
    width: 450px;
    min-width: 450px;
}

.vraagnummer {
    border: solid 0px gray; 
    text-align:right;
    width: 20px;
    padding-right: 5px;
    font-weight: normal;
    font-size: 14px;
    vertical-align:text-top;
    font-family: Arial;
}

.vraagnummer::after {
    content: ".";
}

.rightcol{
    width: 0px; 
    border: solid 0px transparent;
}


.labelscore
{
    color: #fff;
    font-weight: bold;
}
.classBody
{
    text-align:center;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    background-color: #fff;
}

#hvw
{
    background: url(/images/rpa-bg1.png) no-repeat 0px 0px;
    background-size: 100%;

    padding-top: 20px;
    padding-left: 0px;
    border: solid 0px blue;
    
}
#tblHvW2
{
    width: 1190px;

}
#tblHvW-o1
{
    width: 1190px;

}
.spacer_default
{
    height: 0px;
}

.labelGroep
{
    font-size: 21px;
    font-weight: bold;
    color: #752999;

}

.labelvraag
{
    font-size: 14px;
    font-family: Arial;
    font-weight: normal;
    vertical-align:text-top;
}

.rbText
{
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    
}


/* ############################################# SIZES ############################################# */
@media (min-width: 768px) and (max-width: 979px) {





}

@media (max-width: 767px) {
    .rightwidth {
        width: 300px;
        min-width: 300px;
    }

}


@media (max-width: 500px) {


}
