/*
//	BASIC CSS
*/

/* background style*/
body, html {
	margin: 0;
    padding: 0;
    background-size: cover;

    /* change this \/ */
    background-color: #ececea;
    background-image: radial-gradient(#ffffff, #d3d3d3);
    /*background-image: url(bgimage.jpg);*/
}

/* design inner question box */
.questcontainer {
    background-color: inherit;
}
#content_container {
    background-color: #fcfcfc;
    box-shadow: 0px 0px 15px 0px rgba(51,51,51,0.2);
    border-radius: 3px;
}

/* design and space header */
#header_container {
    margin: 0;
    margin-bottom: 4em;
    margin-top: 4em;
    max-width: none;
    text-align: center;
}
#header_content {
    height: 8em;
    margin: 0 auto;
    max-width: 800px;
    border-radius: 3px;

	/* for white logos */
    /*background-color: rgba(51, 51, 51, 1);*/
    /*box-shadow: 0px 0px 15px 0px rgba(51,51,51,0.2);*/
}

/* logo space and design */
div#header_logo {
    display: block;
    /* change this \/ */
    /*background: url(logo.png) top center no-repeat;*/
        background-origin: padding-box;
        background-size: auto auto;
    width: 100%;
    background-size: contain;
    float: left;
    background-origin: content-box;
    margin: 1em 0;
}
@media screen and (max-width:800px){
    #header_container, #header_content, #content_container {
        border-radius: 0px;
        margin-top: 15px;
        box-shadow: none;
    }
}


/* progressbar */
#Prg_Foreground {
    height: 15px;
    border-radius: 2px;

    /* change this \/ */
    background-color: #1278C4;
}

/* next/back buttons */
#content_container center input {
    color: #fff;

    /* change this \/ */
    background-color: #1278C4;
}
/* next/back buttons hover */
#content_container center input:hover {
    box-shadow:1px 1px 4px #ccc;
    color:#fff;

    /* change this \/ */
    background-color:#1278C4;
}

.NebuJS_Slider_none:hover input ~ span.n-radio, td.checkbox.n-control:hover input ~ span.n-checkbox, td.none.n-control:hover input ~ span.n-checkbox, td.nonecheckbox.n-control:hover input ~ span.n-checkbox, td.noneofthese.n-control:hover input ~ span.n-checkbox, td.noneradio.n-control:hover input ~ span.n-radio, td.opencheckbox.n-control:hover input ~ span.n-checkbox, td.openradio.n-control:hover input ~ span.n-radio, td.radio.n-control:hover input ~ span.n-radio {
    background-color: #6f6f6f;
}

.NebuJS_Slider_none input:checked ~ .n-radio, td.checkbox.n-control input:checked ~ .n-checkbox, td.none.n-control input:checked ~ .n-checkbox, td.none.n-control input:checked ~ .n-radio, td.nonecheckbox.n-control input:checked ~ .n-checkbox, td.noneofthese.n-control input:checked ~ .n-checkbox, td.noneradio.n-control input:checked ~ .n-radio, td.opencheckbox.n-control input:checked ~ .n-checkbox, td.openradio.n-control input:checked ~ .n-radio, td.radio.n-control input:checked ~ .n-radio {
    background-color: #1278C4!important;
}

span.n-radio:after {
	display: block;
	background-color: #fcfcfc!important;
}

/* remove white gray white tables */
.r2, .r4, .r6, .r8, .r10, .r12 {

	/* remove to restore normal tables */
    background-color: transparent!important;
}

/*
//	ADVANCED CSS, change at your own risk
*/

/* self-explanatory */
.nodisp{
    display: none;
}

/* fixes width for 1-5, 1-10 scales, if the answer option is too long increase "width" */
.ScaleColumn{
    width: 40px;
    max-width: 40px;
    white-space: nowrap;
    text-align: center;
    overflow: visible;
    vertical-align:bottom;
}

/*fixes the width for the 1-5, 1-10 scales in Microsoft edge */
_:-ms-lang(x), _:-webkit-full-screen, .ScaleColumn{
    width: 0;
    max-width: 60px;
}

/* centers label in matrix for fix above*/
.ScaleFont{
    margin-left: -100%;
    margin-right: -100%;
}

/* centers label in matrix for fix above (fix for edge) */
_:-ms-lang(x), _:-webkit-full-screen, .ScaleFont{
	margin-left
	:-130%;
}

/* "Other:" textbox on the same row as "Other:" or underneath "Other:" */
/* Inline for everything on 1 row / Block for 2 rows */
span.OptionFont {
    display: inline-block;
    margin-left: 5px;
}

/* makes single grid questions bold */
.ItemsPopupTable .OptionFont{
	font-weight: bold;
}

/* hide Alert title */
div.nebui-panel-head {
	color: transparent;
}
div.nebui-panel {
	min-height: 200px;
	height: auto!important;
}

/* textarea */
textarea {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	min-height: 100px;
	background-color: transparent;
}

@media screen and (max-width:450px){
    .TextTable td.none.n-control .OptionFont, td.none.n-control .OptionFont>.n-checkbox {
        margin-top: 1em;
    }

    .TextTable td.noneofthese {
        padding: 0px !important;
        padding-left: 0px!important;
    }
}

.TextTable td.none.n-control span.n-checkbox {
    margin-left: 0px!important;
    margin-top: -6px;
    float: left;
}

@media screen and (min-width:450px){
    .TextTable td.noneofthese {
        padding: 0px !important;
        padding-left: 35px!important;
    }
}

table.OpenEnded td.none.n-control .OptionFont, table.OpenEnded td.none.n-control .OptionFont>.n-checkbox {
    margin-top: 1em;
}
.OpenEnded td.none.n-control .OptionFont a {
    margin-top: 8px;
}

.ItemsPopupTable .r2, .ItemsPopupTable .r4, .ItemsPopupTable .r6, .ItemsPopupTable .r8, .ItemsPopupTable .r10, .ItemsPopupTable .r12 {
    background-color: rgb(243, 243, 243)!important;
}