/* This gets included in base CommonThread via iw_page_styles_scripts.jspf now. */
/* It's supposed to be blank. */
/* If you have css custom company overrides, use ANT build to overwrite this file with the version for your company. */

.input-xxlarge{
	width: 300px !important;
}


h1.rentdeferral {
  width: 550px;
  padding: 7px;
  border: 1px solid black;
  box-sizing: border-box;
  margin:10px;
  color: black;
  font-family: arial;
  font-size: 28px;
}
p.rentdeferral{
  width: 550px;
  padding: 7px;
  border: 1px transparent;
  box-sizing: border-box;
  margin:10px;
  background-color: #eeeeee;
  color: black;
  font-family: georgia;
  font-size: 14px;
}

.questionnaire input{
	text-align: left;
}

.questionnaire input[type="checkbox"] {
	margin-top: 3px !important;
}

 .questionnaire .checkbox label .question{
 	margin-top: 0px !important;	
 }
 
 .select2-container{
 	width: 100%;
 }	

.questionnaire102 h2 {
	background-color: navy;
	font-size: 28px;
	font-weight: bold;
	color: white;
	text-align: center;
	padding: 5px;
}

.questionnaire102 .divider {
	color: black;
	font-size: 16px;
	width: 95%;
	text-align: left;
	margin: auto;
	padding: 15px;
}

.questionnaire102 .questionContainer .label {
	display:block;
	background-color: grey;
	color: white;
	font-weight: bold;
	text-align: center;
	font-size: 40px;
	padding: 10px;
	margin: auto;
	width: 100%;
	border-radius: 0px;
}

.questionnaire102 .questionContainer .question {
	display: inline;
}

.questionnaire102 .questionContainer .questionresponse {
	padding: 15px;
}

.questionnaire102 .questionContainer .input-xlarge {
	width: 100%;
}
	
.questionnaire102 table{
   	table-layout: auto !important;
   	width: 100%;
   }


/* For Mobile */
@media screen and (max-width: 540px) {
    .questionnaire .keyword-value-colored{
   		font-size: 24px;
	    line-height: 35px;
	    margin-left: 20px;
    }
    .questionnaire{
        font-size: 18px;
    }
    
     .questionnaire .question{
        display: inline;
    }
    
    .questionnaire input[type="radio"] {
    	width:2em;
		height:2em;
    }	
    
    .questionnaire table{
    	table-layout: fixed;
    	width: 100%;
    }
    
    .label{
    	width: 100%;
    	white-space:normal;
    }
    
    .questionnaire .checkbox label .question{
    	margin-left: 20px !important;
    	vertical-align: top;
    	margin-top: 0px !important;
    	width: 100%;
    	display: inline-block;
    }
   
    .questionnaire input[type="checkbox"] {
    	width:2em;
		height:2em;
		margin-right: 20px;
    }	
    
    .questionnaire .radiobutton span{
    	margin-left: 20px !important;
    	vertical-align: middle;
    	display: inline-block
    }

	.questionnaire div .questionContainer {
		display: flex;
	  	flex-direction: column;
	  	flex-shrink: 0;
	}
    
    .questionnaire102 .image-preview .btn{
    	font-size: 12px !important;
    	padding: 5px 8px !important;
    }
    
}

/* For Tablets */
@media screen and (min-width: 541px) and (max-width: 780px) {
    .questionnaire{
        font-size: 24px;
    }
    
    .keyword-value-colored{
   		font-size: 24px;
	    line-height: 35px;
    }
}

/* For Tablets and larger */
@media screen and (min-width: 781px) {
	.questionnaire102 {
		margin-left: 100px !important;
		margin-right: 100px !important;
	}
}