/**
 * Styles accompanying wb.utilities.ui.js
 *
 * @since 0.4
 *
 * @license GNU GPL v2+
 * @author Daniel Werner < daniel.werner@wikimedia.de >
 */

/****** TOGGLE: wb.utilities.ui.buildToggle ******/

.wb-toggle {
	display: block;
	margin-top: .5em;
	white-space: nowrap;
}
.wb-toggle > span.ui-icon, .wb-toggle-label {
	display: inline-block;
	vertical-align: middle;
}
.wb-toggle span.ui-icon.wb-toggle-icon3dtrans {
	-webkit-transition: .25s ease-out;
	   -moz-transition: .25s ease-out;
	     -o-transition: .25s ease-out;
	        transition: .25s ease-out;
}

/** rotate toggle icon in ltr languages */
.wb-toggle-collapsed span.ui-icon.wb-toggle-icon3dtrans {
	-webkit-transition: .25s ease-out;
	   -moz-transition: .25s ease-out;
	     -o-transition: .25s ease-out;
	        transition: .25s ease-out;

	-webkit-transform: rotate(-90deg);
	   -moz-transform: rotate(-90deg);
	    -ms-transform: rotate(-90deg);
	     -o-transform: rotate(-90deg);
	        transform: rotate(-90deg);
}
/** rotate toggle icon in rtl languages (overwrite above) */
body.rtl .wb-toggle-collapsed span.ui-icon.wb-toggle-icon3dtrans {
	-webkit-transform: rotate(90deg);
	   -moz-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	     -o-transform: rotate(90deg);
	        transform: rotate(90deg);
}

/****** /TOGGLE ******/


/****** PENDING-COUNTER: wb.utilities.ui.buildPendingCounter ******/

.wb-ui-pendingcounter {
	white-space: nowrap;
}
.wb-ui-pendingcounter span { /* the +1 part in the counter */
	margin-left: .25em;
	color: #57a7b9;
	font-weight: bold;
}

/****** /PENDING-COUNTER ******/


/***** ERROR OUTPUT *****/

.wb-error .wb-error-message {
	border-bottom: 1px dotted #B27631;
	padding-bottom: .5em;
}

.wb-error .wb-error-details-link {
	margin-top: .2em;
}

.wb-error .wb-error-details {
	margin-top: .2em;
	margin-bottom: .5em;
	font-family: 'Courier New', Courier, 'Andale Mono', serif;
	background-color: #FFF2E4;
	padding: .2em;
	border-radius: 5px;
	font-size: .9em;
}

/***** /ERROR OUTPUT *****/