/*
	This will be used for the header of the item
*/
.ItemHeader, TD.ItemHeader {
    /*font-size: 10.5pt;
	font-weight: bold;
	margin-bottom: 12px;
	line-height: 1.4;*/
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
    /*
        font-size: 1.125rem;
        line-height: 1.563rem;
    */
    text-transform: uppercase;
    padding-bottom: 10px;
    padding-top: 20px;
    color: #676767;
}

/*
	This will be used for the item text or description
*/
.ItemText, TD.ItemText {
    padding-bottom: 6px;
}

/*
	This will be used for the input area, regardless of item type
	Specialized input area classes are found below
*/
.ItemInput, TD.ItemInput {
    vertical-align: middle;
    padding-bottom: 6px;
}

/*
	This will be used for the input area, when rendering a multi-line entry field
*/
.ItemInputEntryMulti, TD.ItemInputEntryMulti {
    vertical-align: top;
    padding-bottom: 6px;
}

.ItemInputSelectTable {
    padding: 6px 6px 6px 6px;
    vertical-align: middle;
}

.InvalidAnswerMessage, P.InvalidAnswerMessage, TD.InvalidAnswerMessage {
    color: red;
}

.ItemTableHeader {
    font-weight: bold;
    background: #bfdbff;
    padding: 6px 6px 6px 6px;
    border-bottom: 1px solid #8db2e3;
    vertical-align: middle;
    text-align: center;
}

.ItemTableRowOdd {
    background: #dfecfc;
}

.ItemTableRowEven {
    background: #FFFFFF;        
}

/*
	This will be used for the input area for select lists
*/
.ItemInputSelectList, TD.ItemInputSelectList, .ItemInputSelectCheck, TD.ItemInputSelectCheck {
    padding-top: 12px;
    vertical-align: top;
    padding-bottom: 12px;
}

/*
	This section contains styles for the horizontal select lists
*/

.ItemHorizontalSelectHeader, TD.ItemHorizontalSelectHeader {
    font-weight: bold;
    margin-bottom: 12px;
    line-height: 1.4;
    vertical-align: top;
}

.ItemHorizontalSelectText, TD.ItemHorizontalSelectText {
    padding-bottom: 6px;
    padding-right:5px !important;
    vertical-align: bottom;
    white-space: nowrap;
}

.ItemHorizontalSelectTextError, TD.ItemHorizontalSelectTextError{
    padding-bottom: 0px;
    padding-right:10px;
    vertical-align: bottom;
}

.ItemHorizontalSelectLabel {
    padding-top: 12px;
    vertical-align: top;
    padding-bottom: 12px;
}

.ItemHorizontalSelectTable {
    background: #bfdbff;
    padding: 10px 10px 10px 10px;
}

.ItemHorizontalSelectText {
    padding-top: 9px;
/*    border-top: 1px dotted lightgray;
*/}


.ItemHorizontalSelectOptionTextOdd {
    background-color: #3D7ABF;
    color: white;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    border-bottom: 1px solid #8db2e3;
    /*padding: 6px 6px 6px 6px;*/
    padding: 6px;
    vertical-align: middle;
    font-family: "Montserrat", sans-serif;
    text-shadow: none;
    /*white-space: nowrap;*/
    /*font-weight: bold;
	padding: 6px 6px 6px 6px;
	vertical-align: middle;
  	background: #bfdbff;	
	text-align: center;
  	border-bottom: 1px solid #8db2e3;*/
}

.ItemHorizontalSelectOptionTextEven {
    background-color: #3D7ABF;
    color: white;
    position: relative;
    text-align: center;
    text-transform: capitalize;
    border-bottom: 1px solid #8db2e3;
    /*padding: 6px 0px 6px 0px;*/
    padding:6px;
    vertical-align: middle;
    font-family: "Montserrat", sans-serif;
    text-shadow:none;
    /*white-space: nowrap;*/
    /*font-weight: bold;
	vertical-align: middle;
	padding: 6px 6px 6px 6px;
	background: #bfdbff;	
  	text-align: center;
  	border-bottom: 1px solid #8db2e3;*/
}

.ItemHorizontalSelectLabel {
    vertical-align: middle;
    padding: 6px 6px 6px 6px;
    background: #bfdbff;
    text-align: left;
}

.ItemHorizontalSelectOptionOdd {
    padding: 2px 6px 2px 6px;
    background: #FFFFFF;
    text-align: center;
    height: 25px;
    vertical-align:middle;
}

.ItemHorizontalSelectOptionEven {
    padding: 2px 6px 2px 6px;
    background: #dfecfc !important;
    text-align: center;
    height: 25px;
    vertical-align:middle;
}

/* UFFE */
.ItemHorizontalSelectOptionEven, .ItemHorizontalSelectOptionOdd {
    padding: 0;
    height: 30px !important;
}

.ItemSpace {
    line-height: 2px;
}

/*
	Styles related to display of scores
*/

.ItemScoreGraphics, TD.ItemScoreGraphics {
    padding-top: 12px;
    vertical-align: top;
    padding-bottom: 12px;
}

.ScoreAnnotation {
    color: Gray;
    text-align: right;
    padding-bottom: 6px;
    padding-left: 12px;
}

.ItemErrorMessage, P.ItemErrorMessage, TD.ItemErrorMessage {
    color: #D00000;
    display: block;
}

.PageFooterErrorMessage, P.PageFooterErrorMessage, TD.PageFooterErrorMessage {
    color: #E00000;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

.InvalidEntryStyle, P.InvalidEntryStyle, TD.InvalidEntryStyle {
    border-left: solid 3px #E00000;
    padding-left: 5px;
    margin-left: -8px;    
}

.InvalidEntryStyleComposite, P.InvalidEntryStyleComposite, TD.InvalidEntryStyleComposite {
    border-left: solid 3px #E00000;
    padding-left: 5px;
}

.ui-radio-nolabel
{
    height:22px !important;
    text-align:center !important;    
    width:100%;
    margin:auto;
    float:left;
}

.ui-radio-nolabel input
{
    margin: 0 !important;
    top: -6px !important;
    left: 0 !important;
    position:relative;
    cursor:pointer;
}

/*
    The following styles are to avoid dark button background on SelectItems' radio button lists
*/
.ItemInputSelectTable .ui-radio .ui-btn-b
{
    background: white;
    color: #333;
    font-weight: normal;
    border: 0;
    padding-top: 2px;
    padding-bottom: 2px; 
}

.ItemInputSelectTable .ui-radio
{
    margin-top: 0;
    padding-top: 0;
}

.ItemInputSelectTable .ui-radio .ui-btn:hover
{
    color: #333;
}

.RatingRendererContainer
{
    width:100%;
    position:relative;
}

.RatingRendererContent
{
    width:100%;
    margin:auto;
}

.bordered {
    border: 1px solid #CDD2D4 !important;
}

.ItemMedia img
{
    max-width:100%;
    height:auto;
}