/**********************************************************************************************************************
	RESPONSIVENESS
***********************************************************************************************************************/

@media (min-width: 1200px) {
/*#cp_container:before {content:"min-width 1200px"; font-weight:bold; color:red;}*/
.menuHiddenMain {display:block!important;}
}
@media (min-width: 980px) and (max-width: 1199px) {
/*#cp_page_jobsList:before {content:"min-width 980px and max-width: 1199px"; font-weight:bold; color:red;}*/
.menuHiddenMain {display:block!important;}
}

@media (min-width: 768px) and (max-width: 979px) {
/*#cp_nav:before {content:"min-width 768px and max-width: 979px"; font-weight:bold; color:red;}*/
.menuHiddenMain {display:block!important;}
}
@media screen and (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
}

@media (max-width: 1199px) {
	/* as there is no control on how many columns can be added in a group question, have added a horizontal scroll */
	.groupQuestionScroll{
	    overflow-x: auto;
	    overflow-y: hidden;
	    border: 1px solid #ccc;
	    padding-left: 0px;
	    padding-right: 0px;
	}
	.groupQuestionScroll .cp_groupQuestionTable {
		margin-bottom:0;
	}
	/*#cp_container:before {content:"max-width 1199px"; font-weight:bold; color:red;}*/
	.nga-form-wizard{
		overflow-x: scroll;
		white-space:nowrap;
	}
	#cp_container .nga-form-wizard .fw-description{
		white-space: normal;
		height:55px;
		overflow:hidden;
	}
	.nga-form-wizard.fw-long > li {
		margin-bottom:0px;
	}
	#cp_applicationWorkflow {
		width: 100% !important; 
		height: 115px;
		margin-bottom:30px;
	}
	#cp_container .nga-form-wizard li .fw-description::after{
		content: ' ';
		position: absolute; 
		bottom: 0; 
		left: 0;
		width: 100%; 
		text-align: center; 
		margin: 0; 
		padding: 30px 0; 
		display:block;
		background-image: url(/_common/images/bottomFade.png);
		background-position: bottom;
		background-repeat: repeat-x;
		height:10px;
	}​
	

	/* below overwrites what chosen.jquery does as we have to use the original select boxes inside a group question */
	.groupQuestionScroll .cp_selectInput,
	.groupQuestionScroll .cp_selectMultipleInput {
		display:block !important;
		width:auto!important;
	}
	/* below overwrites what chosen.jquery does as we have to use the original select boxes inside a group question */
	.groupQuestionScroll .chosen-container {
		display:none;
	}
	/* US System */
	div.cp_numbered.cp_label label span.cp_questionNumbered {width:5%;}
	.cp_verticalAligned .cp_numbered input.cp_emailInput, 
	.cp_verticalAligned .cp_numbered input.cp_passwordInput,
	.cp_verticalAligned .cp_numbered select.cp_selectMultipleInput,
	.cp_verticalAligned .cp_numbered input.cp_textInput,
	.cp_verticalAligned .cp_numbered file.cp_fileInput,
	.cp_verticalAligned .cp_numbered input.cp_smallText,
	.cp_verticalAligned .cp_numbered input.cp_mediumText,
	.cp_verticalAligned .cp_numbered input.cp_largeText,
	.cp_verticalAligned .cp_numbered select.cp_selectInput,
	.cp_verticalAligned .cp_numbered input.cp_fileInput {margin-left:0;}
	.cp_verticalAligned .cp_numbered input.cp_checkbox {margin-left:0;}
	div.cp_numbered.cp_label label span.cp_questionNumbered + span.cp_questionBlock {width:90%;}
	div.cp_numbered.cp_label + div.cp_field.cp_numbered {margin-left:3px; padding-left:5%; width:90%;}

}

@media (max-width: 991px) {
/*.cp_page:before {content:"max-width 991px"; font-weight:bold; color:red;}*/
}

@media (max-width: 767px) {
/*.cp_content:before {content:"max-width 767px"; font-weight:bold; color:red;}*/
	
	/**************************************
	NAVIGATION MENU
	**************************************/
	#cp_container .cp_navMenuLeftToggle {
		display:block;
		float:left;
		width:auto;
		font-size:15px;
		line-height:1em;
	}
	#cp_container .cp_navMenuLeftToggle:hover {
		cursor:pointer;
	}
	#cp_container div#cp_nav {
		position:relative;
	}
	#cp_container ul#cp_navMenu.cp_navMenuLeft {
		
		float:left;
		clear:left;
		position:absolute;
		top:30px;
		width:100%;
		background-color:#FFF;
		border:1px solid #CCC;
		z-index:1;
	}
	.menuHiddenMain {display:none!important;}
	#cp_container ul#cp_navMenu.cp_navMenuLeft li{
		float:none;
	}
	#cp_container ul#cp_navMenu.cp_navMenuLeft li a {
		width:100%;
		display:block;
	}
	.cp_navMenuRight{position:static;}
	textarea.cp_largeText{width:100%;}
	/* US System */
	div.cp_numbered.cp_label label span.cp_questionNumbered {width:6%;}
	div.cp_numbered.cp_label + div.cp_field.cp_numbered {margin-left:3px; padding-left:6%; width:90%;}
	/* US MODAL WINDOW */
	#TB_window {width:90% !important; left:5%!important;}
	#TB_iframeContent {width:100%!important;}
	/*PREFILL MODAL*/
	.modal {
		padding:10px;
	}
	.modal-dialog {
		padding:0;
	}
}

@media (max-width: 480px) {
	.modal-dialog {width:100%;}
	div.cp_label {width:100%;}
	div.cp_field {width:100%;}
	.cp_multiComponent div.cp_question {width:100%;}
	textarea.cp_largeText {width:100%;}
	#cp_container  .cp_backButton, .cp_submitButton, .cp_cancelButton, .cp_saveButton, .cp_quickSaveButton, .cp_submitApplicationButton, .cp_withdrawApplicationButton, input#Close,
	.cp_submitDiv input{
		font-size:1em!important;
		padding:10px!important;
	}
	#cp_container:hover  .cp_backButton:hover, .cp_submitButton:hover, .cp_cancelButton:hover, .cp_saveButton:hover, .cp_quickSaveButton:hover, .cp_withdrawApplicationButton:hover,input#Close:hover, .cp_submitDiv input:hover{

	}
	#cp_container .cp_formButtonsLeft {width:100%;}
	.cp_formButtonsOne > div,
	.cp_formButtonsTwo > div,
	.cp_formButtonsThree > div {padding-bottom:10px;}
	.cp_tabContainer ul {}
	#cp_container .cp_tabLinks ul li {display:block; white-space: nowrap;}
/*#cp_container:before {content:"max-width 480px"; font-weight:bold; color:red;}
	#cp_container {width:98%;}
	.nga-form-wizard{
		overflow-x:visible;
		white-space:normal;
	}
	#cp_applicationWorkflow .nga-form-wizard {
		padding-left:0;
	}
	#cp_applicationWorkflow .nga-form-wizard li{
		display:list-item;
		height:40px;
		margin-bottom:0;
		width:100%;
		position:relative;
	}
	#cp_applicationWorkflow .nga-form-wizard li a{
		border-radius:0px;
		width:100%;
		text-align:left;
		left:0;
		position:absolute;
		z-index:1001;
		background-color:transparent;
	}
	#cp_applicationWorkflow .nga-form-wizard li a:hover{
		background-color:rgba(88, 177, 252,0.1)   ;
	}
	#cp_applicationWorkflow .nga-form-wizard li.fw-step-active a:hover{
		background-color:transparent;
	}
	#cp_applicationWorkflow .nga-form-wizard li a span{

	}
	#cp_applicationWorkflow .nga-form-wizard li a:hover span{
		color:#58b1fc;
	}
	.fw-step-complete > .fw-description::before {
		background-position:0px 1px;
	}
	#cp_applicationWorkflow .nga-form-wizard li div.fw-description{
		text-align:left;
		margin-left:40px;
		white-space: nowrap;
		overflow:hidden;
		padding-top:7px;
		position:absolute;
		width:80%;
		z-index:1000;
		font-size:1.3em;
	}
	.fw-step-complete .fw-step > span {
		color:#58b1fc;
	}
	.fw-step-complete .fw-step:hover > span {
		color:#58b1fc;
	}

	.nga-form-wizard.fw-big .fw-line{
		display:none;
	}*/

}

@media (min-width: 980px) {
/*#cp_nav:before {content:"min-width 980px"; font-weight:bold; color:red;}*/

}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
.breakpoint.footable > tbody > tr > td > span.footable-toggle:before {content:url('/_common/assets/font-awesome/png/misc/plus-square-realigned.png'); float:left; }
.breakpoint.footable > tbody > tr.footable-detail-show > td > span.footable-toggle:before {content:url('/_common/assets/font-awesome/png/misc/minus-square-realigned.png'); float:left;}
}