/*******************************************************************************
**
**	$Id$
**
********************************************************************************
**    ____________________________________________________________________
**   /               _                       ____                         \
**  |     ____      | |_ ___  __ _ _ __ ___ | __ )  _____  __              |
**  |    / _  \     | __/ _ \/ _` | '_ ` _ \|  _ \ / _ \ \/ /              |
**  |   / |_  /     | ||  __/ (_| | | | | | | |_) | (_) >  <               |
**  |   \____/       \__\___|\__,_|_| |_| |_|____/ \___/_/\_\              |
**  |                                                                      |
**  |  Copyright (c) 2008-2014, TeamBox SARL           All rights reserved |
**  |                                                                      |
**  |  Any use of this software - including reproduction, modification,    |
**  |  distribution, transmission - without the prior written permission   |
**  |  of the authors is strictly prohibited.                              |
**  |                                                                      |
**   \____________________________________________________________________/
**
********************************************************************************
**
**	Tblib style sheet - represent tblib widgets
**
*******************************************************************************/

/*
**	L'attribut 'placeholder' remplace les bricolages de "hintstr" avev html5
**	========================================================================
**
**	Le style CSS du placeholder n'est pas encore standardisé par contre...
**
*/

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
	color:#999;
}

::-moz-placeholder
{
	color:#999;
}


/*
**	Form elements & pseudo-elements
**	===============================
**
*/


INPUT, SELECT, TEXTAREA
{
	border-radius:	3px;
	border:			1px solid var(--color-stroke);
	color:			#4D4F53;
	padding:		4px;
	font-size:		12px;
	margin-right:	4px;
	background-color:white;
}

SELECT
{
	padding:		5px;
}

INPUT:focus, SELECT:focus, TEXTAREA:focus
{
	border-color: 	var(--color-secondary);
    outline:		none;
	box-shadow:		0 0 3px rgba(0,0,100,.5);
}

INPUT[readonly], TEXTAREA[readonly]
{
	background-color: #e6e6e6;
}

INPUT.invalid, SELECT.invalid, TEXTAREA.invalid
{
	border-color:	red;
}

LABEL
{
	cursor:			pointer;
}

.TblAsReadonlyField
{
	border-radius:	3px;
	border:			1px solid #DADADA;;
	color:			#4D4F53;
	padding:		4px;
	font-size:		12px;
	margin-right:	4px;
	background-color: #e6e6e6;
	line-height:	24px;
	white-space:	nowrap;
}

/*
**	Affichage de l'erreur si un pattern est défini pour un text field
**	=================================================================
*/

INPUT.TblTextField:invalid
{
	  border:1px solid red;
}

/*
**	Customisation du datepicker jQuery
**	==================================
*/

.ui-datepicker-trigger
{
    width: 16px;
	margin-right: 5px;
	margin-left: -25px;
	margin-top: 1px;
	vertical-align:text-bottom;
}

INPUT.TblDatePicker
{
	padding-right:	15px;
}

INPUT.TblDatePickerHour
{
	width:	22px;
	border-radius: 3px 0 0 3px;
	padding-left: 3px;
	padding-right: 3px;
	margin-right: 0;
	text-align: right;
}

INPUT.TblDatePickerMinutes
{
	width:	22px;
	border-radius: 0 3px 3px 0;
	padding-left: 3px;
	padding-right: 3px;
}


/*
**	Petit icone de telechargement excel
**	===================================
*/

DIV.tbcontainer A.excelexport
{
	display: inline-block;
	width: 15px;
	height: 12px;
	background: url(../img/tinyexcel.png);
	vertical-align: bottom;
	margin-right: -3px;
}



/*
**	Tblib button bars
**	==========================================================================================
**
*/

DIV.TblButtonBar
{
	display:		inline-block;
	font-size: 		0;
	white-space:	nowrap;
	margin:			1px;
	border-radius:	7px;
}

DIV.TblButtonBar > BUTTON + BUTTON
{
	margin-left:  -1px;
}

DIV.TblButtonBar > BUTTON
{
	font-size:              11px;
	padding:                0 10px;
	line-height:            23px;
	color:					var(--color-primary);
	text-align:             center;
	cursor:                 pointer;
    background-color:       transparent;
	border:                 1px solid var(--color-background-dark);
	position:               relative;
	border-radius:          0;
	margin:                 0;
}

DIV.TblButtonBar > BUTTON:hover
{
	color:					var(--color-secondary);
}

DIV.TblButtonBar > BUTTON.active
{
	outline:			none;
	color:				white;
	background-color: 	var(--color-background-dark);
}

DIV.TblButtonBar > BUTTON:first-child
{
	margin-left:                        0;
	border-bottom-left-radius:          5px;
	border-top-left-radius:             5px;
}


DIV.TblButtonBar > BUTTON:last-child
{
	border-top-right-radius:             5px;
	border-bottom-right-radius:          5px;
}