@charset "utf-8";

/*POLICES DE CARACTÈRES*/
body,
input,
select,
textarea,
.login,
ul.menu-left li,
.copyr,
.titlebar,
.content_text,
fieldset.fieldset_appel_client legend {
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

h1 {
	font-size: 16px;
}

h2,
div.ingenico_auth_info div,
.col_shortcut {
	font-size: 12px;
}

a:link, a:active, a:visited {
	text-decoration: none;
	color: #000000;
}

a:hover {
	border-bottom: 1px solid #cecccc;
}

.redTypo {
	color: #f00;
}

#inputTitre {
	font-size: 1.1em;
}

/*Police des titres de colones des tableaux d'appels*/
table.listeappelsheader th {
	text-align: left;
	font-size: 11px;
}

.info,
.info2,
.info3,
table.listeappelsheader td {
	font-size: 10.5px;
}

/*Tous les boutons bleus du site*/
table.ingenico_appel_client {
	font-size: 12px;
	text-align: left;
}

input.button, button.button,
input.input_change_part, button.input_change_part {
	color: #ffffff;
	font-weight: normal;
}

/*Boutons modifier supprimer feuille de temps*/
.save {
	display: none;
}
.delete {
	display: none;
}

/*calls_update*/
td.instruction_piece_ingenico strong {
	color: #ff0000;
	font-size: 1.5em;
}

span.google {
	color: #0061ff;
}

/*calls_detailed*/
tr.piece_supprime {
	color: #FF0000;
	/*text-decoration: line-through;*/
}

div.ui-widget-header,
table#calendrier_vintage tr:first-child a,
table#calendrier_vintage strong {
	color: #fff;
}

/*pour le module de filter qui display dans manage_authorization*/
fieldset#filter_autorisation {
	font-size: 12px;
	font-weight: bold;
}

/*ligne des boutons dans inventory_receptions*/
div.recpt_button {
	text-align: center;
}

/*Les styles ci-dessous sont utilisés un peu partout*/
div#dialog-form form fieldset h1 {
	font-size: 1.2em;
	margin: .6em 0;
}
/*FIN DES POLICES DE CARACTÈRES*/

/*GÉNÉRAL*/
body {
	background-color: #FFF;
	padding: 0px;
	margin: 0 auto;
	width: 100%;
}

hr {
	border: 1px solid rgb(124, 113, 113);
}

input,
select,
textarea {
	border: 1px solid rgb(124, 113, 113);
	border-radius: 2px;
	padding: 2px;
	margin: 0 2px;
}

input:hover,
select:hover,
textarea:hover,
input:focus,
select:focus,
textarea:focus {
	border: 1px solid #006699;
	background-color: #e5f8ff;
}

/*Tous les boutons bleus du site*/
input.button, button.button {
	background-color: #006699;
	border: 1px solid #000000;
	border-radius: 4px;
	padding: 2px 5px;
}

input.button:disabled,
button.button:disabled {
    background-color: #aec3ce;
}

input.button:hover:enabled, button.button:hover:enabled {
	cursor: pointer;
	background-color: #2CAFDB;
}

.borderCustom {
	border: none;
}

img.pdf_viewer {
	cursor: pointer;
}

.firebrick {
	border: 1px solid #b22222;
}

.surligne_jaune {
	background-color: #FFFF00;
}

/*Barre de titre des modules Ex: travaux dans calls_update*/
.titlebar {
	background-color: #b2b2b2;
	padding: 4px;
}

.content_main {
	border: 1px solid #000000;
	background-color: #E0E0E0;
}

.info {
	border: 1px solid #0099CC;
}

.info,
.info2,
.info3 {
	padding: 0px;
	background-color: #F5F5F5;
}

/*info3 sert seulement quand l'utilisateur a enlever les couleurs des listes d'appels*/
.info3 tr:nth-child(odd):not(:first-child) {
	background-color: #F7F7F7;
}

.info3 tr:nth-child(even) {
	background-color: #FFF;
}

/*pour tous les dialogs jquery qui apparaissent dans le site*/
div#dialog-form,
div#dialog-confirm,
div#dialog-message {
	display: none;
}

/*entete des dialogs*/
div.ui-widget-header {
	background-color: #133855;
	background-image: none;
}

div#dialog-form form label,
div#dialog-form form input {
	display: block;
}

div#dialog-form form input,
div#dialog-form form select {
	width: 95%;
	padding: .4em;
	margin-bottom: 12px;
}

div#dialog-form form,
div#dialog-form form fieldset {
	border: 0;
	padding: 0;
	margin-top: 25px;
}

.displayNone,
.no-close .ui-dialog-titlebar-close {
	display: none;
}

.pNone_mNone {
	padding: 0;
	margin: 0;
}
/*FIN GÉNÉRAL*/

/*HEADER*/
header {
	background-color: #ccc;
	box-shadow: 4px 4px 16px 0 rgba(50, 50, 50, 10);
	padding: 10px;
	height: 70px;
	position: fixed;
	z-index: 999;
	width: 100%;
	transition: none;
	box-sizing: border-box;
}

#inputTitre {
	background-color: transparent;
	border: none;
	cursor: default;
}

header.smaller {
	height: 40px;
	transition: all 0.4s ease;
}

.smaller2 {
	top: 50px;
}

header.smaller #logoProgitech {
	height: 20px;
	width: 100px;
}
/*FIN HEADER*/

/*MENU DE GAUCHE*/
ul.menu-left, ul.sub-menu {
	margin: 0 0 0 12px;
	padding: 0;
	list-style: none;
}

ul.menu-left li {
	min-height: 16px;
}

ul.menu-left li:last-child {
	margin-bottom: 10px;
}

.menu {
	min-width: 150px;
	max-width: 150px;
	width: 150px;
	height: 100%;
	transition: all 0.4s ease;
	margin-right: 0.5rem;
}

div.container {
	margin-left: 9vw !important;
}

.goSearchButton {
	margin-bottom: 5px;
}

#searchIn {
	width: 110px;
}

#boutonLogoffMenu {
	display: none;
}
/*FIN MENU DE GAUCHE*/

/*TOUS LES FORMULAIRES D'AJOUT D'APPELS*/
.champsCallsAdd {
	 width: 160px;
}

.champsTelephoneCallsAdd {
	 width: 90px;
}

.champsExtCallsAdd {
	 width: 41px;
}

.btn_disable {
	opacity: 0.4;
}
/*FIN TOUS LES FORMULAIRES D'AJOUT D'APPELS*/

/*LISTE DES APPELS*/
table.listeappelsheader {
	width: 100%;
}

tr.headerCustom {
	background-color: #bfbfbf;
	color: #000;
	text-align: center;
	height: 30px;
	cursor: pointer;
}

.listeappelsheader .tr-click-call {
	text-transform: uppercase;
}

/*Mets les lignes des tableaux d'appels en gris au survol*/
table.listeappelsheader tr:hover td {
	background-color: #bbb;
}

table.listeappelsheader th {
	padding: 10px;
	text-transform: uppercase;
}

table.listeappelsheader td {
	cursor: default;
	border-top: 1px solid #0094CA;
	padding: 2px;
	vertical-align: middle;
	cursor: pointer;
}
/*FIN LISTE DES APPELS*/

/*APPELS SUIVIS*/
span#checkboxes {
	font-size: 11px;
}

a#trigger {
	cursor: pointer;
}

/*pop up MAJ*/
div#pop-up {
	display: none;
	width: 700px;
	padding: 10px;
	background: #eee;
	border: 1px solid #000;
	position: absolute;
}
/*FIN APPELS SUIVIS*/

/*STYLE POUR MODIFIER LES TABLEAUX MONTER AVEC TABLE SORTER*/
table.tablesorter tbody td {
	padding: 2px !important;
}
/*FIN STYLE POUR MODIFIER LES TABLEAUX MONTER AVEC TABLE SORTER*/

/*CALLS UPDATE*/
/*pour les 3 appels ingenico O*/
fieldset.fieldset_appel_client {
	border: 1px solid #a9a9a9;
	width: 750px;
	margin-bottom: 10px;
}

/*td pour les rdv appleexpress*/
td.appleexpress_inventaire, div.appleexpress_form {
	padding: 10px 0px 0px 10px;
}

/*ligne pour l'équipement a utiliser*/
.span_first,
.span_second {
	padding: 5px;
}

/*fait apparaitre une bordure rouge quand le user n'a pas selectionner un boutton radio*/
div.error_appleexpress {
	border: 1px solid #ff0000;
}
/*fin div pour les rdv appleexpress*/

/*section raccourcis*/
.col_shortcut {
	float: left;
	padding-left: 0;
	width: 300px;
	height:100%;
}
.col_shortcut2 {
	float: left;
	padding-left: 0;
	width: 350px;
	height:100%;
}
/*fin section raccourcis*/

/*section piece*/
td.instruction_piece_ingenico {
	padding: 10px 0 10px 5px;
}

input.input_change_part, button.input_change_part {
	background-color: #ff0000;
	border-radius: 4px;
	padding: 2px 5px;
}

button.has-dirty-parts {
	background-color: #ff0000 !important;
}
/*fin section piece*/

/*section travaux*/
div.google {
	padding: 5px;
	margin: 5px;
}

span.google {
	border: 2px solid #000;
	background-color: #FFF;
	padding: 5px;
	animation-name: blink;
	animation-duration: .5s;
	animation-timing-function: step-end;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

@keyframes blink {
	50% {
		border-color: #ff0000;
	}
}

label.lbl_update_work {
	display: inline-block;
	margin: 4px 0 0 2px;
}

input#who_signed_work_order {
	margin-left: 33px;
}
/*fin section travaux*/

/*section échéance*/
.titre_echeance {
	padding: 8px;
}
/*fin section échéance*/
/*FIN CALLS UPDATE*/

/*CALENDRIER*/
table#calendrier_vintage {
	border: 1px solid black;
	float: left;
	margin: 0px 10px;
}

table#calendrier_vintage tr:nth-child(1),
table#calendrier_vintage tr:nth-child(2) {
	background-color: #999999;
	border: 0;
}

table#calendrier_vintage tr:nth-child(1n+3) {
	background-color: #fff;
}

/*zone employé*/
table#selecteur_employe {
	width: 190px;
	border: 1px solid #000;
}

table#selecteur_employe div {
	overflow: auto;
	height: 200px;
}

/*zone d'affichage des rendezvous*/
div#rdv_container {
	display: inline-block;
	overflow: auto;
	width: 100%;
}
/*FIN CALENDRIER*/

/*INVENTORY_RECEPTIONS*/
td.entete_reception h2 label {
	display: inline-block;
	width: 90px;
}

#buttonTop {
	margin: 0px 10px 10px 80%;
}

.qte_total {
	margin-left: 45%;
}

/*Ceci est un cas spécial car le jquery ui est proritaire*/
input.add_item_commande {
	background-color: #006699 !important;
	background-image: none !important;
	color: #ffffff !important;
	border: 1px solid #000000 !important;
	font-size: 11px !important;
	border-radius: 4px !important;
	font-weight: normal !important;
	padding: 2px 5px !important;
	font-family: Arial,sans-serif !important;
}

input.add_item_commande:hover {
	cursor: pointer !important;
	background-color: #2CAFDB !important;
}
/*FIN INVENTORY_RECEPTIONS*/

/*INVENTORY_ADJUST*/
.mainTable {
	border: 1px solid black;
	width: 80%;
	margin: 10px;
	background-color: white;
	text-align: left;
}

.mainTable th {
	background-color: #00a3cc;
	text-align: center;
	font-size: 20px;
}

.mainTable .clickableTR:hover {
	cursor: pointer;
	background-color: yellow;
}
/*FIN INVENTORY_ADJUST*/

/*INVENTORY_ADJUST_DETAIL*/
.mainTable .hoverTR:hover {
	background-color: #ccc;
}
/*FIN INVENTORY_ADJUST_DETAIL*/

/*FEUILLE DE TEMPS*/
form#timeSheet .tdHeadColon, 
form#timeSheet .tdData, 
form#timeSheet .tdDataTotal {
	text-align: center;
	width: 50;
}

.input_ts {
	text-align: center;
	width: 40;
}

.date_ts {
	width: 65;
}

#client_td {
	width: 100;
	text-align: center;
}

form#timeSheet .action {
	text-align: center;
	width: 70;
}
/*FIN FEUILLE DE TEMPS*/

/*MON PROFIL*/
.zone_bouton_certif {
	padding: 5px;
}
/*FIN MON PROFIL*/

/***********************************************************ADMIN************************************************/

/*MANAGE_EMPLOYEES_UPDATE*/
/*mets les lignes checked en vert*/
tr.rowSelection {
	background-color: #a8ffa0;
}
#txtdatetech {
	background-color: #DEDEDE;
}

/*FIN MANAGE_EMPLOYEES_UPDATE*/

/*LICENSE_ADDEDIT*/
.licInput{
	width: 100%;
}
/*FIN LICENSE_ADDEDIT*/

/*CERTIF_GROUPE*/
.complete { 
	background-color: green;
	transition: all .2s ease-in;
}

.noncomplete { 
	background-color: red;
	transition: all .2s ease-in;
}

.notavalaible { 
	background-color: grey;
	transition: all .2s ease-in;
}
/*FIN CERTIF_GROUPE*/

/*MANAGE_AUTHORIZATION*/
fieldset#filter_autorisation {
	border: 1px solid #000;
	margin: 0 auto 10px auto;
}

fieldset#filter_autorisation legend {
	background-color:#ccc;
	border:1px solid black;
}

fieldset#filter_autorisation label {
	float: left;
	padding-right: 10px;
}

table#list_authorization_number {
	margin: 10px 0px;
}
/*FIN MANAGE_AUTHORIZATION*/

/*AUTHORIZATION_ADD*/
/*pour les infos qui display dans authorization_add quand l'appel est ingenico*/
div.ingenico_auth_info div {
	margin-bottom: 10px;
	padding: 5px;
}
/*FIN AUTHORIZATION_ADD*/
/*******************************************************FIN ADMIN************************************************/

/*Styles appliquées quand l'écran est plus petite que 1024px*/
/*@media screen and (max-width: 1024px) {
	.menu {
		background-color: transparent;
		width: 100px;
		height: 100%;
		vertical-align: top;
		position: relative;
	}

	#logspan {
		display: none;
	}

	#boutonLogoffMenu {
		display: inherit;
	}

	#inputTitre {
		display: none;
	}
}*/

/*************************CALL LIST pagination*******************************/
/*Pagination links*/
.pagination a {
	color: black;
	padding: 2px 10px;
	transition: background-color .3s;
	font-size: 12px;
}

/*Style the active/current link*/
.pagination a.active {
	background-color: dodgerblue;
	color: white;
}

.thSort{
	cursor: hand;
}

/*Add a grey background color on mouse-over*/
.pagination a:hover {
	background-color: #ddd;
}

.tdSort:hover {
	cursor: pointer;
	background-color: #ada5a5;
}

/*Center pager elements*/
.row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.justify-content-center {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: center !important;
}

/***********************************Inventory***********************************************/
.col_recep{
	text-align: center;
	width:16.70%;
}
.row_recep{
	width:16.70%;
}
.centered{
	text-align:center;
}

.newrow{
	background-color: #ff0000;
}
/**************************************Commande*********************************************/
.col_com{
	width: 15%;
}
@media print{
   .noprint {
       display: none;
   }
}