/*
 *
 *		ElEMENTS that can only be seen by editors, like in the contribution forms, the worknench, the specific menus, etc
 *
 */
 
/********************************************************************
* *******************************************************************
*	TABS (to be moved to "genericcss?)
*	- tabs-primary: 	The Edit draft, new draft tabs
*	- quicktabs: 		The tabs on the country analysis / stats pages
* *******************************************************************
** *******************************************************************/
 
	/* it overwrite what has been declared in ec_resp.css */
	.tabs-primary>li.active>a,.tabs-primary>li.active>a:hover,.tabs-primary>li.active>a:focus	{
		color: #fff;
    	background-color: #074a8b;
    	line-height: 2;
		
	}
	.quicktabs-wrapper .item-list {
	    height: 87px;
		/*position: absolute;*/
	}
	/*
	every tab	 
	*/
	.nav-tabs>li>a, .quicktabs-tabs>li>a {
		background-color: #004494;
		color: white;
		transition: all 300ms ease-out;
	}
	.quicktabs-tabs>li>a {
		padding:2em;
		border: 3px solid #004494;
	}
	/* the tabs are align on the bottom, important when the selected tab is heigher than others */
	.nav-tabs>li, .quicktabs-tabs>li {
		vertical-align: bottom;
		
	}
	/* mouse over the tabs */
	.tabs-primary .open>a,.tabs-primary .open>a:hover,.tabs-primary .open>a:focus, .quicktabs-tabs>li>a:hover, .quicktabs-tabs>li.active>a {
		background-color: #e9f2fa;
		line-height:2;
		color: #0065a2
	}
	
	/** display the tab correctly on a smaller screen */
	@media ( max-width :1000px) {
		ul.quicktabs-tabs li {
		    display: inline-flex;
		}
	}