/***

We can keep these for reference for a little bit during testing
Then later delete

 */


/***

h1, .myMainTitle {
    color: #636871;
    font-size: 4em;
    font-weight:300;
    margin: 0 0 0 0;
    padding-bottom: 0;
}


h2, .mediumTitle {
    font-size: 2em;
    color: #636871;

}

h3, .mySubTitleGray {
    font-size: 1.5em;
    color: #545454;
    font-weight: 400;
}

.mediumButtons {
    font-size: 1.2em;
    color: #5E6066;
}
.SmallSubTitles {
    color: #636871;
    font-size: 1.2em;
    font-weight: 300;
}

.mySubTitleGrayLinkBar {
    color: #636871;

    font-size: 1.8em;
}

.mediumLabels {

    font-size: 1.3em;
    color: #424449;
}
.mediumBlack{
    font-size: 1.3em;
    color:#000000;
    font-weight: 600;
}
.mediumLabels a {

    color: #636871;
}

.smallLabels {
    color: #424449;
}
.tinyText{
    font-size: .7em;
}
.surveyText {
    font-size: 1.2em;
    color: #333;
}
.surveyAnswerText {
    font-size: 1.2em;
}
.smallerText {
    font-size: 1em;
    color: #333;
}
.mediumUnderlineText {
    color: #636871;
    font-size: 1.5em;
    font-weight:300;
    margin: 0 0 0 0;
    padding-bottom: 0;
    border-bottom: 1px solid #CCC;
}




.scrollableDiv {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.floatallchildren > * { float: left; }

table {
    border: 0px;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0px;
}
.spacedtable{
    border-collapse: separate;
    border-spacing:.5em;
}
.singleLine tr:hover {
    background-color: rgba(0, 0, 0, 0.17);
    cursor: pointer;
}
.singleLine tr{
    transition: all;
    transition-duration: .3s;
}

.spacedcontainer > div{
    margin:2em;
}



.singleLine td, tr {
    margin-bottom: 3px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 5px;
    padding: 5px;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #CCC;
}

hr {
    margin: 0 0 0 0;
    padding-top: 0;
    color: #333;
    box-shadow: 0 0 6px rgba(0,0,0,.4);


}

a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
}





#gtl_button{width: 370px;}

.outline-input {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    font-size: 13px;
    font-weight: 400;
    display: block;
    width: 85%;
    padding: 5px;
    margin-bottom: 5px;
    border: 3px solid #ebe6e2;
    border-radius: 5px;
    transition: all 0.3s ease-out;
}

.outline-input:hover{
    border-color: #CCC;
}
input:-webkit-autofill{
    background-color: white !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.outline-input label:hover ~ input {
    border-color: #CCC;
}

.outline-input:focus{
    border-color: #BBB;
    outline: none;
}

.surveydiv{


}
.surveyPage ol{
    display:block;
}
a.checkbutton {
    transition: all .5s ease;
    background: url(img/check2a.png)  .3em no-repeat;
    background-size: 2em 2em;
    text-indent: 3em;
    display: block;
    height: 3em;
    line-height: 2.9em;
    margin-bottom: 1.4em;
    text-decoration: none;
    width: 8em;
    cursor: pointer;
}
a:hover.checkbutton {

    background: url(img/check2a_shadow.png)  .3em no-repeat;
    background-size: 2em 2em;
    border-radius: .3em;
    background-color: rgb(223,223,223);
    cursor: pointer;
}
a:active.checkbutton {
    text-decoration: underline;
    cursor: pointer;
}

.tinycheck{
    background: url(img/check2a.png)  .3em no-repeat;
    background-size: 1em 1em;
    width:1.5em;
    height:1.1em;
}


.question {
    margin-top: 30px;

}
.questionHeader{
    margin-bottom: 20px;
}
.likertbutton{
    float:left;
}
.question .odd {
    background-color: rgba(100,108,121,.5);
}

.question table th {
    padding: 0px;
}
.question table th.skew {
    height: 6em;
    width: 3em;
    position: relative;
    vertical-align: bottom;
}
.question table th.noskew{
    padding: 7px;
}
.likertgroupbutton {
    float: none;
    display: inline-block;
}
.likertgroupquestion{
    text-align:left;
}
.question table th.skew > div {
    position: relative;
    top: 0px;
    right: 3em;
    height: 100%;
    transform: skew(45deg,0deg);
    -ms-transform: skew(45deg,0deg);
    -moz-transform: skew(45deg,0deg);
    -webkit-transform: skew(45deg,0deg);
    -o-transform: skew(45deg,0deg);

}

.question table th.skew span {
    transform: skewX(-45deg) rotate(45deg);
    -ms-transform: skewX(-45deg) rotate(45deg);
    -moz-transform: skewX(-45deg) rotate(45deg);
    -webkit-transform: skew(-45deg,0deg) rotate(45deg);
    -o-transform: skew(-45deg,0deg) rotate(45deg);
    position: absolute;
    right: -1.5em;
    width: 6em;
    top: 2em;

}

.question table tbody > div {
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    margin-left:auto;
    margin-right:auto;
}
.question table thead th {

    font-weight: 500;
}
.question table tbody td {

    text-align: center;
    vertical-align: middle;
    border: none;
    border-bottom: 1px solid #CCC;
    padding: 0px;
}


#maindiv ol {
    list-style: none;
    margin: 0;
    padding: 0;

}

#maindiv ol li {

}

#maindiv ol li div {

}

.floatLeft{
    float:left;
}
.question textarea {
    height:40px;
    width:75%;
}
.checkboxgroup table{
    width:75%;
}
.checkboxgroup table tr td{
    text-align:left;
}
.checkcell{
    width:30px;
}
.uncheckedrb{
    float: left;
    transition: all .5s ease;
    background: url(img/rb.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    width:2em; height:2em
}

.checkedrb{
    float: left;
    transition: all .5s ease;
    background: url(img/selected2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    width:2em; height:2em
}
.uncheckedcb{
    float: left;
    background: url(img/unchecked.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    width:2em; height:2em
}

.checkedcb{
    float: left;
    background: url(img/checked.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    width:2em; height:2em
}
.likertrbcell{
    width:50px;
}
.likert td, tr {
    border: none;
    border-bottom: none;
    padding: 0px;
}
.likert table tbody td {
    text-align: left;
    vertical-align: middle;
    border: none;
    border-bottom: none;
    padding: 0px;
}

.buttonSurveyRight {
    transition: all .5s ease;
    text-align: left;
    background: url(img/arrow-right.png) bottom right no-repeat;
    width: 100px;
    height: 50px;
    position: absolute;
    right: 20px;
    bottom: 0px;
    cursor: pointer;
}
.buttonSurveyRight:hover{
    border-radius: .3em;
    text-decoration: underline;
    background-color: rgb(223,223,223);
    width: 100px;
    height: 50px;
}

.buttonSurveyLeft {
    transition: all .5s ease;
    text-align: right;
    background: url(img/arrow-left.png) bottom left no-repeat;
    width: 100px;
    height: 50px;
    position: absolute;
    left: 20px;
    bottom: 0px;
    cursor: pointer;
}
.buttonSurveyLeft:hover{
    border-radius: .3em;
    text-decoration: underline;
    background-color: rgb(223,223,223);
    width: 100px;
    height: 50px;
}
.buttonSurveySubmit{
    transition: all .5s ease;
    text-align: center;
    background: url(img/check2a.png) left no-repeat;
    background-size: 25px 25px;
    width: 12em;
    height: 2em;
    margin: 0px auto;
    background-color: rgba(255, 255, 255, 0.17);
    border-radius: .3em;
    cursor: pointer;
}
.buttonSurveySubmit:hover{
    background-color:#dfdfdf;
    background:url(img/check2a_shadow.png) left no-repeat;
    background-size: 25px 25px;
    border-radius: .3em;
    text-decoration: underline;
    background-color: rgb(223,223,223);
    cursor: pointer;
}

.backButton{
    transition: all .5s ease;
    text-align: right;
    background: url(img/arrow-left.png) left no-repeat;
    width: 100px;
    height: 50px;
    cursor: pointer;
}
.backButton:hover{
    border-radius: .3em;
    text-decoration: underline;
    background-color: rgb(223,223,223);
    width: 100px;
    height: 50px;
}
.widerbutton{
    width: 12em;
}

*/






/*
.buttonDownload{
    transition: all .5s ease;
    text-align: center;
    background: url(img/download.png) left no-repeat;
    background-size: 25px 25px;
    width: 12em;
    height: 2em;
    margin: 0px auto;
    background-color: rgba(255, 255, 255, 0.17);
    border-radius: .3em;
    cursor: pointer;

}
.buttonDownload:hover{
    background-color:#dfdfdf;
    background:url(img/download.png) left no-repeat;
    background-size: 25px 25px;
    border-radius: .3em;
    text-decoration: underline;
    background-color: rgb(223,223,223);
    cursor: pointer;
}
.buttonUpload{
    transition: all .5s ease;
    text-align: center;
    background: url(img/upload.png) left no-repeat;
    background-size: 25px 25px;
    width: 11em;
    height: 2em;
    margin: 0px auto;
    background-color: rgba(255, 255, 255, 0.17);
    border-radius: .3em;
    cursor: pointer;

}
.buttonUpload:hover{
    background-color:#dfdfdf;
    background:url(img/upload.png) bottom left no-repeat;
    background-size: 25px 25px;
    border-radius: .3em;
    text-decoration: underline;
    background-color: rgb(223,223,223);
    cursor: pointer;
}

.buttonSurvey{
    transition: all .5s ease;
    text-align: center;
    background: url(img/Documents.png)no-repeat;
    background-size: 25px 25px;
    width: 11em;
    height: 2em;
    margin: 0px auto;
    background-color: rgba(255, 255, 255, 0.17);
    border-radius: .3em;
    cursor: pointer;

}
.buttonSurvey:hover{
    background-color:#dfdfdf;
    background: url(img/Documents.png)no-repeat;
    background-size: 25px 25px;
    border-radius: .3em;
    text-decoration: underline;
    background-color: rgb(223,223,223);
    cursor: pointer;
}



.buttonCancel{
    transition: all .5s ease;
    text-align: center;
    background: url(img/close2a.png) left  no-repeat;
    background-size: 25px 25px;
    width: 10em;
    height: 2em;
    margin: 0px auto;
    border-radius: .3em;
    cursor: pointer;

}
.buttonCancel:hover{
    background:url(img/close2a_shadow.png) left  no-repeat;
    background-size: 25px 25px;
    border-radius: .3em;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;
}
.buttonRemove{
    transition: all .5s ease;
    text-align: center;
    background: url(img/close2a.png) left  no-repeat;
    background-size: 25px 25px;
    width: 2em;
    height: 2em;
    border-radius: .3em;
    cursor: pointer;

}
.buttonRemove:hover{
    background:url(img/close2a_shadow.png) left  no-repeat;
    background-size: 25px 25px;
    border-radius: .3em;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;
}



.buttonGeneric{
    transition: all .5s ease;
    text-align: center;
    background-size: 25px 25px;
    width: 10em;
    height: 2em;
    margin: 0px auto;
    border-radius: .3em;
    cursor: pointer;

}
.buttonGeneric:hover{

    border-radius: .3em;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;
}

.buttonSmallGreenClose{
    background:url(img/close2a.png)  no-repeat;
    transition: all .5s ease;
    background-size: 25px 25px;
    width: 2em;
    height: 2em;
    margin: 0px auto;
    border-radius: .3em;
    cursor: pointer;

}
.buttonSmallGreenClose:hover{
    background:url(img/close2a.png)  no-repeat;
    border-radius: .3em;
    background-size: 25px 25px;

    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;
    width: 2em;
    height: 2em;
}
.buttonSmallGreenPlus{
    float:left;
    background:url(img/plus.png)  no-repeat;
    transition: all .5s ease;
    background-size: 25px 25px;
    width: 2em;
    height: 2em;

    border-radius: .3em;
    cursor: pointer;

}
.buttonSmallGreenPlus:hover{
    background:url(img/plus.png)  no-repeat;
    border-radius: .3em;
    background-size: 25px 25px;

    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;
    width: 2em;
    height: 2em;
}
.buttonSaveBig{
    background:url(img/savebig.png)  no-repeat;
    background-position: center;
    transition: all .5s ease;
    background-size: 50px 50px;
    width: 6em;
    height: 6em;

    border-radius: .3em;
    cursor: pointer;

}
.buttonSaveBig:hover{
    background:url(img/savebig.png)  no-repeat;
    background-position: center;
    border-radius: .3em;
    background-size: 50px 50px;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;

}
.buttonSave{
    background:url(img/savebig.png)  no-repeat;
    background-position: left;
    text-align:center;
    transition: all .5s ease;
    background-size: 25px 25px;
    width: 13em;
    height: 1em;
    padding: 1em;

    border-radius: .3em;
    cursor: pointer;

}
.buttonSave:hover{
    background:url(img/savebig.png)  no-repeat;
    background-position: left;
    transition: all .5s ease;
    background-size: 25px 25px;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;

}
.buttonRecord{
    background:url(img/record.png)  no-repeat;
    background-position: center;
    transition: all .5s ease;
    background-size: 75px 75px;
    width: 6em;
    height: 6em;

    border-radius: .3em;
    cursor: pointer;

}
.buttonRecord:hover{
    background:url(img/record.png)  no-repeat;
    background-position: center;
    border-radius: .3em;
    background-size: 75px 75px;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;

}
.buttonPause{
    background:url(img/pause.png)  no-repeat;
    background-position: center;
    transition: all .5s ease;
    background-size: 75px 75px;
    width: 6em;
    height: 6em;

    border-radius: .3em;
    cursor: pointer;

}
.buttonPause:hover{
    background:url(img/pause.png)  no-repeat;
    background-position: center;
    border-radius: .3em;
    background-size: 75px 75px;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;

}



.buttonPlusWithWords{
    text-align: center;
    background:url(img/plus.png) left  no-repeat;
    transition: all .5s ease;
    background-size: 25px 25px;
    width: 12em;
    height: 2em;

    border-radius: .3em;
    cursor: pointer;

}
.buttonPlusWithWords:hover{
    background:url(img/plus.png) left  no-repeat;
    border-radius: .3em;
    background-size: 25px 25px;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;

}



.printbutton{ transition: all .5s ease;
    text-align: center;

    background-size: 25px 25px;
    width: 10em;
    height: 2em;
    margin:2em;
    border-radius: .3em;
    cursor: pointer;
}
.printbutton:hover{

    background-size: 25px 25px;
    border-radius: .3em;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;
}

.buttonRefresh{
    transition: all .5s ease;
    text-align: center;
    background: url(img/Refresh.png) left no-repeat;
    background-size: 25px 25px;
    width: 10em;
    height: 2em;
    margin: 0px auto;
    border-radius: .3em;
    cursor: pointer;

}
.buttonRefresh:hover{
    background:url(img/Refresh.png) left no-repeat;
    background-size: 25px 25px;
    border-radius: .3em;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;
}

.buttonSettings{
    transition: all .5s ease;
    text-align: center;
    background: url(img/settings.png) left no-repeat;
    background-size: 35px 35px;
    width: 2.6em;
    height: 2.8em;
    border-radius: .3em;
    cursor: pointer;

}
.buttonSettings:hover{
    background: url(img/settings.png) left no-repeat;
    background-size: 35px 35px;
    border-radius: .3em;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;
}





.buttonFolder{
    transition: all .5s ease;
    text-align: center;
    background: url(img/folder.png) left no-repeat;
    background-size: 25px 25px;
    width: 10em;
    height: 2em;
    margin: 0px auto;
    border-radius: .3em;
    cursor: pointer;

}
.buttonFolder:hover{
    background:url(img/folder.png) left no-repeat;
    background-size: 25px 25px;
    border-radius: .3em;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;
}
.folder{
    background:url(img/folder.png) left no-repeat;
    background-size: 30px 30px;
    width: 2em;
    height: 2em;
}
.user{

}






.buttonAddUser{
    transition: all .5s ease;
    text-align: center;
    vertical-align: middle;
    background: url(img/add_user30_dark.png)  left no-repeat;
    width: 10em;
    height: 3em;
    margin: 0px auto;
    background-color: rgba(255, 255, 255, 0.17);
    border-radius: .3em;
    cursor: pointer;






}
.buttonAddUser:hover{

    background:url(img/add_user30.png)  left no-repeat  ;
    border-radius: .3em;
    background-color: rgb(223,223,223);
    cursor: pointer;
}
*/
/*
#programlinks{
    position: absolute;
    top:6em;
    right:2em;
    width: 20em;
}
#programlinks .evenCell{
    background-color: transparent;
}


.linkButton:hover{
    text-decoration: underline;
    cursor:pointer;
}
*/

/*
#footer{
    display:block;width:100%; height:50px;position:relative
}
*/


/*Edit with No Words*/
/*
.editButton{
    width:35px;
    height:35px;
    background: url(img/pencil20.png);
    background-repeat: no-repeat;
    cursor: pointer;

}
.editButton:hover{
    background: url(img/pencil20-over.png);
    background-repeat: no-repeat;

}

.editButtonWords{
    transition: all .5s ease;
    text-align: center;
    background: url(img/pencil20.png) left no-repeat;
    background-size: 25px 25px;
    width: 12em;
    height: 2em;
    margin: 0px auto;
    border-radius: .3em;
    cursor: pointer;

}
.editButtonWords:hover{
    background:url(img/pencil20-over.png) left no-repeat;
    background-size: 25px 25px;
    text-decoration: underline;
    background-color: rgb(223,223,223);
    border-radius: .3em;
    cursor: pointer;
}
*/
/*
.paddedDivider{
    padding: 5px;
}

.selected-tab{
    color: #19191A;
}
*/






/*

.dialog {position:fixed;  padding:0px; z-index:200; background:#fff; font-family:Cambria, Times New Roman; font-size:1em;  box-shadow: 0 0 3em rgba(0,0,0,.3); }
.dialog-header {display:block; position:relative; padding:.3em .6em .7em; height:.8em; font-size:1.5em; font-weight:bold;
    border-bottom:1px solid #e5e5e5;
}
.dialog-title {float:left;font-weight: 800; padding: .1em;}

/*.dialog-close {float:right; cursor:pointer; margin:3px 3px 0 0; height:11px; width:11px; background:url(img/close.gif) no-repeat}
*/
/*
.dialog-close:hover {  background-image:url(img/close2a_shadow.png);}
.dialog-close {
    float:right; cursor:pointer; margin:-15px -15px 0 0; height:35px; width:35px;
    padding: 5px;
    background-image:url(img/close2a.png);
    background-size: 30px 30px;
    background-repeat: no-repeat; background-position: center;
}
.dialog-footer{
    padding-top: .5em;
    padding-left:1em;
    min-height:2em;
}
.dialog-content {display:block; padding:.6em; min-height:16em; clear:both }
.dialog-content-inner {min-height:128px;}

.dialog-button-container { text-align:center; margin:2px 6px 6px 2px; }
.dialog-button { font-weight:bold; font-size:1.1em; font-family:Arial, sans-serif; padding:2px 5px 2px 5px; }
.prompt {background:#fff bottom right no-repeat; border-top:none}
.promptbutton { background-color:#A2A697; border:1px solid #fff; color:#fff; }
.promptbutton:hover{
    transition: all 1s;
    background-color:#555555;
}

.dialog-content-inner.input-field> label {

    margin-left: -.5rem;
}
*/

/*
 *
 *
 * Qualitative
 *
 *
 *
 */


/*
#popuptextedit{
    width:98%;
    height:200px;
}

.qbutton{
    width:150px;
    height:50px;
    margin:2px;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;

    background-color: rgba(190, 190, 190, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
}
.qbutton >div {
    display:inline-block;
}
.qbutton:hover{
    cursor:pointer;
    background-color: rgba(190,190,190,.60);
    border: 1px solid black;
    border-radius: 4px;

    margin:2px;
}
.qualgray{
    width:35px;
    height:35px;
    background: url(img/circle-gray.png);
    background-repeat: no-repeat;
}

.qualgreen{
    width:35px;
    height:35px;
    background: url(img/circle-green.png);
    background-repeat: no-repeat;
}
.qualorange{
    width:35px;
    height:35px;
    background: url(img/circle-orange.png);
    background-repeat: no-repeat;
}
.qualred{
    width:35px;
    height:35px;
    background: url(img/circle-red.png);
    background-repeat: no-repeat;
}
.cleardot{
    width:20px;
    height:20px;

    background: url(img/circle-gray.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
}

.greendot{
    width:20px;
    height:20px;

    background: url(img/circle-green.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.orangedot{
    width:20px;
    height:20px;
    background: url(img/circle-orange.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
}
.reddot{
    width:20px;
    height:20px;
    background: url(img/circle-red.png);
    background-size: 20px 20px;
    background-repeat: no-repeat;
}


*/


/*
Program Admin

*/
/*
.usericonsmall {
    background: url(img/user_dark.png)no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(3px 3px 3px #222);
    -webkit-filter: drop-shadow(3px 3px 3px #222);
    width: 35px;
    height: 35px;
}
.usersiconsmall {
    background: url(img/users_dark.png)no-repeat;
    background-size: 100% 100%;
    width: 35px;
    height: 35px;
}
.surveyicon {
    background: url(img/Documents.png)no-repeat center;
    background-size: 90% 90%;
    filter: drop-shadow(3px 3px 3px #222);
    -webkit-filter: drop-shadow(2px 2px 2px #222);
    width: 35px;
    height: 35px;
}

.adminiconsmall {
    background: url(img/useradmin_dark.png)no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(3px 3px 3px #222);
    -webkit-filter: drop-shadow(3px 3px 3px #222);
    width: 35px;
    height: 35px;
}
.usericon{
    background: url(img/user_dark.png)no-repeat;
    background-size: 100% 100%;
    width: 40px;
    height: 40px;
}
.adminicon {
    background: url(img/useradmin_dark.png)no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(3px 3px 3px #222);
    width: 40px;
    height: 40px;

}



.reddoticonsmall {
    background: url(img/circle-red.png)no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(3px 3px 3px #222);
    -webkit-filter: drop-shadow(3px 3px 3px #222);
    width: 35px;
    height: 35px;
}
.yellowdoticonsmall {
    background: url(img/circle-orange.png)no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(3px 3px 3px #222);
    -webkit-filter: drop-shadow(3px 3px 3px #222);
    width: 35px;
    height: 35px;
}
.greendoticonsmall {
    background: url(img/circle-green.png)no-repeat;
    background-size: 100% 100%;
    filter: drop-shadow(3px 3px 3px #222);
    -webkit-filter: drop-shadow(3px 3px 3px #222);
    width: 35px;
    height: 35px;
}

.freqquestion{
    max-width: 60em;
}
.likertBarChart > svg{
    overflow: visible;
}

.likertBarChart  .axis path{
    fill: none;
    stroke:#b6b6b6;
    shape-rendering: crispEdges;
}


.popupsurveywindow{
    position: absolute;
    top: 5px;
    width: 100%;
    height: 95%;
    max-width: 70em;
    padding: 3em;
    overflow-y: scroll;

    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;

    background: #ffffff;
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);

    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.2);
    border-radius: 8px;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    box-shadow: 0 3px 9px rgba(0,0,0,0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;

    color: #333;
}

*/



/*
 *
 *
 *
 *   ************   RTE CSS  *****************
 *
 *
 *
 */
/*
#popuptextedit_iframe{
    width:98%;
    height:200px;
}

.frameBody
{
    font-family:sans-serif;
    font-size:12px;
    margin:0;
    width:100%;
    height:100%;
}

.frameBody p
{
    border:1px #bbb solid;
    padding:2px;
}

.rte-zone
{
    width:350px;
    margin:0;
    padding:0;
    height:160px;
    border:1px #999 solid;
    clear:both;
}

.rte-toolbar{ overflow:hidden; }

.rte-toolbar a, .rte-toolbar a img {
    border:0;
}

.rte-toolbar p {
    float:left;
    margin:0;
    padding-right:5px;
}


*/





/*  User Score List  */
/*
.userScoreListDiv {
    clear: left;
    margin:1em;


}
.userScoreListDiv > .mediumUnderlineText{
    padding-left:.5em;
    margin-bottom:1em;
    width:90%;
}

.userScoreListDiv > .buttonSmallGreenClose{
    float:left;
}
*/


/*  Result Download */
/*
.resultcol{
    width:20em;
    float:left;
    margin: .1em;
}
.resultcol :not(:last-child) {
    border-bottom: 1px solid rgb(223,223,223);

}
.resultoption{
    animation: fadein 1s;
    padding: 1em;
    font-size: 1.2em;
    color: #2d2f33;
}
.resultoption:hover{
    background-color: rgb(223,223,223);
    cursor:pointer;
}
.resultoptionselected{
    background: rgb(223,223,223) url(img/grayrightarrow.png) right no-repeat;
    background-size: 25px 25px;
}

.checkparentdiv{
    padding:1em;
}
.checkparentdiv>label{
    padding-left:1em;
}
.checkparentdiv > input[type=checkbox]{
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);

}
*/



/*  Ep Dropdown   */
/*
.epdropdownbutton {
    background-color: white;
    padding: 16px;
    font-size: 16px;
    border: 1px;
    cursor: pointer;
}

.epdropdown {
    position: relative;
    display: inline-block;
    min-width: 360px;
}

.epdropdowncontent {
    display: none;
    position: absolute;
    right: 0;
    background-color: #f9f9f9;
    min-width: 360px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index:100;
}

.epdropdowncontent a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.epdropdowncontent a:hover {background-color: #f1f1f1}

.epdropdown:hover .epdropdowncontent {
    display: block;
}

.epdropdown:hover .epdropdownbutton {
    background-color: rgba(87, 127, 34, 0.56);
}

.redtext{
    color: rgb(194, 52, 52);
}
*/