/* 
    Created on : Jun 18, 2015, 10:50:48 AM
    Author     : robertav
*/

/*******************************
	@media queries for responsiveness
********************************/
@media screen and (max-width: 768px) {
	/*IUAUTH*/
	#login {
		width: 100%;
		background-image:none;
	}
	#login .intro-content {
		font-size: 100%;
		width: 100%;
		margin:0 0 20px 0;
		padding:0;
	}
	#login .intro-content>div {
		padding:20px 20px 5px 20px;
	}
	#login .login-content {
		font-size: 100%;
		width: 100%;
		margin:0;
		padding:0;
	}
	#login .login-content form,
	#login .login-content .form {
		padding:20px 20px 5px 20px;
	}
	#login .login-content.big form form,
	#login .login-content.big .form form{
		padding:0;
	}
	#login input.link,
	#login .login-content fieldset input.link {
		margin-bottom:10px;
	}
	/*INTRO*/
	.console_headerBig {
		height:100px;
		background-size: 75% auto, auto auto;
	}
	.intro_buttons {
		padding:1em 0
	}
	.intro_buttons .padding_all {
		padding:0;
		font-size:0.001em;
	}
/*	.intro_buttons .intro_button {
		margin-right: 0;
		width:100%;
		margin-bottom:1.5em;
	}*/
	.intro_buttons .intro_button a {
/*		width:100%;*/
        font-size:15px;
    }
	.intro_buttons .intro_button .ribbon {
		top: 15%;
	}
	.intro_form {
		text-align:left;
	}
	.intro_form .form-inline .form-group {
		display: block;
		margin-bottom: 15px;
		width: 100%;
	}
	.intro_form .form-inline .form-control {
		display: block;
		width: 100%;
	}
	.simple_form .form-inline .form-group {
		display: block;
		margin-bottom: 15px;
		width: 100%;
	}
	.simple_form .form-inline .form-control {
		display: block;
		width: 100%;
	}
	/*ADMIN CONSOLE*/
	.admin-module-searchmask .form-inline {
		width:initial;
		display:initial;
		margin-bottom:0;
	}
	.admin-module-searchmask .faWrapperStandalone.btn-success {
		margin-left:0;
	}
	/*ADMIN AND OFFICE CONSOLE*/
	.private_console_header {
		height:auto;
		font-size:12px;
	}
	.private_console_header .leftDiv {
		float:none;
		width:100%;
		height: auto;
		border-bottom: 1px solid #E0EDED;
		padding:0;
		margin: 0;
		background: white;
	}
	.private_console_header .rightDiv {
		float:none;
		width:100%;
		height: auto;
		border-bottom: 1px solid #E0EDED;
		padding:3px;
		margin: 0;
		background:none;
	}
	.private_console_header .logo .text {
		font-size:12px;
		color:#555;
	}
	.private_console_header .logo .text .elix {
		border-color:#555;
	}
	.private_console_header .logo .text .elix-suffix {
		font-weight:bold;
	}
	.private_console_header .logo img {
		position: relative;
		height: 37px;
		padding:0;
		border:0;
		margin-left: 1.5em;
	}
	
	/*USER CONSOLE*/
	.neutral .console_header {
		height:auto;
		font-size:12px;
	}
	.neutral .console_header .leftDiv {
		float:none;
		width:100%;
		height: auto;
		border-bottom: 1px solid #E0EDED;
		padding:3px;
		margin: 0;
		background: none;
	}
	.neutral .console_header .rightDiv {
		float:none;
		width:100%;
		height: auto;
		border-bottom: 1px solid #E0EDED;
		padding:3px;
		margin: 0;
		background:none;
	}
	.neutral .console_header .logo img {
		position: relative;
		height: 37px;
	}
	
	.preview .moduleBox {
		margin-bottom:0;
	}
	.workflowSteps input {
		font-size: 90%;
		padding: 0.5em;
	}
	.attrDisplay_section .iuFieldContainer .attrDisplay_label {
/*		font-size:13px;*/
	}
	fieldset input[type = "text"],
	fieldset input[type = "string"],
	fieldset input[type = "password"],
	fieldset input[type = "file"],
	fieldset select,
	fieldset textarea  {font-size:13px;}
	.isiportalPartialAdminDateFieldContainer select.isiportalPartialAdminFormFieldSelect {
		width: auto;
	}
	/*aligning radio, checkbox, boolean*/
	.attrDisplay_section .iuInputContainer.iuTypeRadio .iuOptionContainer,
	.attrDisplay_section .iuInputContainer.iuTypeCheckbox .iuOptionContainer,
	.attrDisplay_section .iuInputContainer.iuTypeBoolean .iuOptionContainer {
		margin-top:0;
	}
	.attrDisplay_section .iuInputContainer.iuTypeRadio .iuOptionContainer:first-child ,
	.attrDisplay_section .iuInputContainer.iuTypeCheckbox .iuOptionContainer:first-child ,
	.attrDisplay_section .iuInputContainer.iuTypeBoolean .iuOptionContainer:first-child {
		margin-top:0;
	}
	.attrDisplay_section .iuInputContainer .iuOptionContainer {
		margin-bottom:5px;
	}
	.attrDisplay_section .iuTypeRadio input,
	.attrDisplay_section .iuTypeCheckbox input,
	.attrDisplay_section .iuTypeBoolean input {
		float:none;
		display:inline-block;
		line-height:20px;
	}
	fieldset div.iuFieldContainer .iuOptionContainer label {
/*		width: 85%;
		font-size:13px;*/
		margin:0;
		float:none;
		display:inline-block;
		line-height:21px;
	}
	.radioResetContainer {
		margin-top:0;
	}
	/* ENDS */
	
	/****************
	2015_20440: it makes label container and input container display as blocks 
	*****************/
	fieldset div.iuFieldContainer {
		width:auto;
	}
	.attrDisplay_section .iuFieldContainer .attrDisplay_label {
		width: 100%;
		display:block;
		clear:both;
		margin-bottom:8px;
	}
	.attrDisplay_section .iuFieldContainer .attrDisplay_input {
		width: 100%;
		display:block;
		clear:both;
	}
	.iuLabelContainer {
		text-align: left;
	}
	fieldset div.iuFieldContainer label {
		text-align: left;
	}
	fieldset div.iuFieldContainer .iuLabelContainer label {
		padding-top: 0;
	}
	.attrDisplay_section .iuTypeString input,
	.attrDisplay_section .iuTypeNumber input,
	.attrDisplay_section .iuTypeSelect select, 
	.attrDisplay_section .iuTypeString select, 
	.attrDisplay_section .iuTypeCalculated select,
	.attrDisplay_section .iuTypeTextarea textarea,
	.attrDisplay_section .iuTypeHtml textarea {
		width:98%;
	}
	.attrDisplay_section .iuTypeRadio input,
	.attrDisplay_section .iuTypeCheckbox input,
	.attrDisplay_section .iuTypeBoolean input,
	.attrDisplay_section .iuTypeBinary input {
		width:auto;
	}
	/* new ckeditor */
	.attrDisplay_section div.cke {width:98%;}
	
	#login .login-content fieldset .description label {
		width: 100%;
		display:block;
		clear:both;
		margin-bottom:8px;
	}
	#login .login-content fieldset .description input, 
	#login .login-content fieldset .description .iuReadOnlyFieldValue {
		width: 100%;
		display:block;
		clear:both;
	}
	/* ENDS */
	
	
	.operationsContainer input.buttonGenericMain {
		font-size:14px;
		background: none;
		color:black;
		padding:0;
		margin:0 0 1em 0;
		text-transform:none;
		text-decoration: underline;
		font-weight:normal;
		border:0;
		border-radius:0;-moz-border-radius:0; -webkit-border-radius:0;
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word; 
		text-align:left;
	}
	.operationsContainer input.buttonGenericMain:hover {
		text-decoration: none;
	}
	.formContainer .operationsContainer.operationsInside input.btnGenericAction {
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word; 
		text-align:left;
	}
	.formContainer .operationsContainer.operationsInside .btnFa {
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		white-space: normal;
		word-wrap: break-word; 
		text-align:left;
		margin:0;
		margin-bottom:1em;
		width: 100%;
		display:block;
		clear:both;
	}
	.operationsInsideAndAudioguide .audio-container {
		width: 100%;
		display:block;
		clear:both;
	}
	.operationsInsideAndAudioguide .audio-container audio {
		width: 100%;
	}
	.operationsContainer input.buttonForward,
	.operationsContainer input.buttonBackward {
		font-size:100%;
		margin-bottom:1em;
		text-decoration: none;
		font-weight:bold;
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word; 
		text-align:left;
	}
	.operationsContainer a.goBackToGlobalRefererLink {
		background: none;
		color:black;
		padding:0;
		margin:0;
		text-transform:none;
		text-decoration: underline;
		font-weight:normal;
		border:0;
		border-radius:0;-moz-border-radius:0; -webkit-border-radius:0;
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word; 
		text-align:left;
		text-shadow: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}
	.operationsContainer a.goBackToGlobalRefererLink:hover {
		text-decoration: none;
		background: none;
		color:black;
	}
	.printLink a {
		display:inline-block;
		margin-bottom:1em;
	}
	.receipt fieldset .receiptContainer {
		width: auto;
	}
	.receipt fieldset .declare .isiportalPartialAdminCheckboxFieldContainer {
		width: auto;
	}
	.receipt fieldset div.iuFieldContainer label,
	.receipt .digitalSignature fieldset div.iuFieldContainer label {
		width: 100%;
		text-align:left;
	}
	.receipt .fileFieldContainer {
		width: 100%;
		padding: 0;
	}
	.receipt .fileFieldContainer input[type="file"] {
		font-size:90%;
		width: 100%;
	}
	.standalone .panel .row  {
		margin-bottom:5px;
	}
	.standalone .panel .row.code {
		margin-bottom:10px;
	}
	.standalone .panel .panel-label {
		text-align:left;
	}
	.contactForm .fileFieldContainer input[type="file"] {
		font-size:90%;
	}
	.iuSearchRow_operationsContainer.mymodules a.button {
		width:100%;
		font-size:90%;
		padding:3px 5px;
	}
	.userconsole-list .requests .request .col01 {
		width: 100%;
		clear:both;
	}
	.userconsole-list .requests .request .col02 {
		width: 100%;
		clear:both;
	}
	.userconsole-list .requests .request .col03 {
		width: 100%;
		clear:both;
	}
	.userconsole-list .item .tag {
		width: 100%;
	}
	.userconsole-list .item .tag .padding_all {
		padding-bottom: 0;
	}
	.list.userconsole-list .item .content {
		width: 100%;
	}
	.list.userconsole-list .item .operations {
		width: 100%;
		text-align:right;
	}
/*	td .iuSearchRow_operationsContainer.userprofile {
		min-width:0;
	}
	td .iuSearchRow_operationsContainer.userprofile input {
		width:auto;
		font-weight:bold;
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word;
	}*/
	.formContainer .operationsContainer.operationsInside input {
		font-size:90%;
	}
	.contactform-container fieldset div.iuFieldContainer {
		padding:5px;
		width:auto;
	}
	.contactform-container fieldset div.iuFieldContainer label {
		width: 100%;
		display:block;
		clear:both;
		margin-bottom:5px;
		text-align: left;
	}
	.contactform-container fieldset div.iuFieldContainer textarea,
	.contactform-container .isiportalPartialAdminFormBox fieldset .fileFieldContainer {
		width: 90%;
		display:block;
		clear:both;
	}
	.contactform-container .operationsContainer .btnFa {
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word; 
		text-align:center;
		margin:0;
		margin-bottom:1em;
		width: 100%;
		display:block;
		clear:both;
	}
	.changepassword-container fieldset div.iuFieldContainer {
		padding:5px;
		width:auto;
	}
	.changepassword-container fieldset div.iuFieldContainer label {
		width: 100%;
		display:block;
		clear:both;
		margin-bottom:5px;
		text-align: left;
	}
	.changepassword-container fieldset .isiportalPartialAdminFormFieldSingleLineText {
		width: 100%;
		display:block;
		clear:both;
	}
	.changepassword-container .operationsContainer .btnFa {
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word; 
		text-align:center;
		margin:0;
		margin-bottom:1em;
		width: 100%;
		display:block;
		clear:both;
	}
	.customersatisfaction-container fieldset div.iuFieldContainer {
		padding:5px;
		width:auto;
	}
	.customersatisfaction-container fieldset div.iuFieldContainer label {
		width: 100%;
		display:block;
		clear:both;
		margin-bottom:5px;
		text-align: left;
	}
	.customersatisfaction-container fieldset div.iuFieldContainer textarea  {
		width: 100%;
		display:block;
		clear:both;
	}
	.customersatisfaction-container .operationsContainer .btnFa {
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap;  
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word; 
		text-align:center;
		margin:0;
		margin-bottom:1em;
		width: 100%;
		display:block;
		clear:both;
	}
	.authorizationconsole-container fieldset div.iuFieldContainer {
		padding:5px;
		width:auto;
	}
	.authorizationconsole-container fieldset div.iuFieldContainer label {
		width: 100%;
		display:block;
		clear:both;
		margin-bottom:5px;
		text-align: left;
	}
	.authorizationconsole-container fieldset div.iuFieldContainer textarea,
	.authorizationconsole-container .isiportalPartialAdminFormBox fieldset .fileFieldContainer {
		width: 90%;
		display:block;
		clear:both;
	}
	.authorizationconsole-container .operationsContainer .btnFa {
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap; 
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word; 
		text-align:center;
		margin:0;
		margin-bottom:1em;
		width: 100%;
		display:block;
		clear:both;
	}
	.buttons-container .operationsContainer .btnFa {
		white-space: pre-wrap; 
		white-space: -moz-pre-wrap;  
		white-space: -pre-wrap; 
		white-space: -o-pre-wrap; 
		word-wrap: break-word; 
		text-align:center;
		margin:0;
		margin-bottom:1em;
		width: 100%;
		display:block;
		clear:both;
	}
	/*OFFICE CONSOLE*/
	div.iadialog div.iadialog_body .operationsContainer input,
	div.iadialog div.iadialog_body .operationsContainer input.buttonForward,
	div.iadialog div.iadialog_body .operationsContainer input.buttonBackward {
		width:100%;
		margin: 0 0 1em 0;
	}
	
}
@media screen and (max-width: 375px) {
	#login .description img {
		max-width:50%;
	}
	.rating-list {
		white-space: nowrap;
		min-width:212px;
		clear:both
	}
	.rating-list a {
		font-size:75%;
	}
}
@media screen and (min-width: 769px) and (max-width: 992px) {
	/* INTRO */
/*	.intro_buttons .intro_button {
		width:45%;
	}
	.intro_buttons .intro_button a {
		font-size: 115%;
	}*/
	/*ADMIN CONSOLE*/
	.admin-module-searchmask .form-inline {
		margin-bottom:0;
	}
	.list.userconsole-list .item .content {
		width: 55%;
	}
	.list.userconsole-list .item .operations {
		width: 25%;
	}
}
@media screen and (min-width: 993px) and (max-width: 1306px) {
/*	.intro_buttons .intro_button {
		width:35%;
	}*/
}
@media screen and (max-width: 1024px) {
	
	/*OFFICE CONSOLE*/
	#office_request_menu input {
		font-size:90%;
		padding:7px 10px;
	}
	div.iadialog div.iadialog_body .operationsContainer input,
	div.iadialog div.iadialog_body .operationsContainer input.buttonForward,
	div.iadialog div.iadialog_body .operationsContainer input.buttonBackward {
		font-size:90%;
	}
	.rating-list .fa {
		font-size:200%;
	}
	.rating-container .caption {
		display: block;
		margin-top:1em;
	}
}