/**
* @document aux-functions2.css

* @author :  UXDS webteam
* @version : 1.0
* @created : 20 March 2014

* @author : Hieu Hoang
* @modified : 16 April 2014
* @changes : template fine-tune work
* @version : 2.0

* Anthony 1/5/2014
* reworked feedback to use legend and fieldset
* for accessibility 
* modified the styles to suit the layout
* now definitive version v2.0

* Anthony/Hieu 30/1/2017
* Increase the size of the icons

*/

/* move up for new header height*/

.aux-functions {
	position: fixed;
	top: 6.7em;
	right: 0;
	z-index: 1000;
	-webkit-transition: right 200ms ease-out;
	-moz-transition: right 200ms ease-out;
	-ms-transition: right 200ms ease-out;	
	-o-transition: right 200ms ease-out;	
	transition: right 200ms ease-out;
}

/* adjust position to fit new font-size */
.aux-functions.open{
	right: 22.5em;
	top: 6.7em;
}

.aux-functions ul {
	margin-right: -1px;
}

.aux-functions li {
	position: relative;
	z-index: 1001;
	width: 60px;
	height: 56px;
	margin: 0.5em 0;
	line-height: 2em;
	font-weight: bold;
	padding-left: 5px;
}

.aux-functions a {
	width: 100%;
	height: 100%;
	display: block;
	color: #444;
	text-decoration: none;
	border: 1px solid #ccc;
	
}

.aux-functions a.open {
	border-right: none ;
}	
	
.floating-help {
	background: #fff url("images/icons/help32.png") no-repeat center center;
}

.floating-print {
	background: #fff url("images/icons/print-grey32.png") no-repeat center center;
}

.floating-feedback {
	background: #fff url("images/icons/feedback32.png") no-repeat center center;
}

.floating-save{
	background: #fff url("images/icons/save.png") no-repeat center center;
}

/* move up for new header height */
.right-drawer{
	top:7.8em;
	bottom:3em;
	position:fixed;
	background:rgb(249,249,249); /*Added by Neil Patel 13.05.2014*/
	width:15em;
	border-left:1px solid #cccccc;
	border-top:1px solid #cccccc;
	font-size:0.9em;
	overflow:auto;
	padding:0 15px;
	right:-15em;
	z-index:20;
	transition:right 200ms ease-out;
	-webkit-transition:right 200ms ease-out;
	-moz-transition:right 200ms ease-out;
	-ms-transition:right 200ms ease-out;
	-o-transition:right 200ms ease-out;
}

.right-drawer.open{
	right:0;
	width:25em;
	top:8em;
}

.right-drawer div{
	display:none;
}

.right-drawer div.open, .right-drawer div.open div{
	display:block;
}

/* custom h5 used for aux-functions */
.h5-right-drawer {
	font-weight: bold;
}


/* feedback styles Anthony 1 May 2014 */

.right-drawer fieldset {
	padding-bottom: 1em;
}


.right-drawer legend {
	font-size: 14px;
	border: 0;
	margin-top: 3px;
	margin-bottom: 3px;
	/*Added by Neil Patel*/
	width:120px;
	float:left;

/*-------------------*/
}

/*--- save Styles ---*/
.save-buttons{margin-top:1em;}
#saveModal .center-block{float:none;}
#saveModal .modal-header{padding-left:30px;}
/*--- end save styles ---*/



/* print classes */

@media print and (orientation : landscape){
	.right-drawer,
	.aux-functions{
		display:none;
	}
}


/*Changes by Neil Patel 13.05.2014*/
.right-drawer h3{
	font-size:1.6em;
	background:rgb(239,239,239);
	margin-top:0;
	margin-left:-15px;
	margin-right:-15px;
	padding:8px;
	font-weight: bold;
	padding-bottom: 14px;
}

.right-drawer h4{
	font-size:1.3em;
	font-weight:bold;
}
.feedback-message{
	font-weight:bold;
	padding-top:5px;
}
.feedback-form{
	padding-left:8px;
}
.right-drawer .btn-primary{
	/* float:right; */
	margin-right:10px;
}
.other-feedback-label{
	width:100%;
	padding-bottom:5px;
}
.right-drawer h5{
	font-size:1.2em;
	font-weight:bold;
	padding-bottom:5px;
}
/*--------------------------------*/


@media(max-width:767px){
	
	.aux-functions li {
		width: 36px;
		height: 24px;
	}
	
	.floating-help {
		background: #fff url("images/icons/help_blk.png") no-repeat center center;
	}

	.floating-print {
		background: #fff url("images/icons/print-grey.png") no-repeat center center;
	}

	.floating-feedback {
		background: #fff url("images/icons/feedback.png") no-repeat center center;
	}	

}