/**
- COLORS
	blue/	3D8FCA
	black/	1D1D1D
	grey/	8A8A8A
	white/	FFFFFF
- FONTS
	Arial, Helvetica, sans-serif
	Georgia, Times New Roman, serif
 */
/* Global, components for screen & print display */
body { background: #FFFFFF; color: #1D1D1D; font: normal 62.5% Arial, Helvetica, sans-serif; margin: 0; padding: 0; }

a { color: #F9B233; cursor: pointer; text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin: 0; padding: 0; }
ul, ol { margin: 0 0 0 1.5em; padding: 0 0 0 1.5em; }
li { margin: 0; padding: 0; }
form { margin: 5px 0 15px 0; overflow: hidden; padding: 0; width: 100%; }
form ul.actions { clear: both; }
input.text, select, textarea, input.file { background: #FFFFFF url("../images/bg_input.png") repeat-x left top; border: 1px solid #CCCCCC; color: #333333; font: normal 1em Arial, Helvetica, sans-serif; margin: 0; /*padding: 1px;*/ }
input.text:hover, select:hover, textarea:hover { border-color: #8A8A8A; color: #1D1D1D; }
input.text:focus, select:focus, textarea:focus { background: #FFFFFF; border-color: #8A8A8A; color: #1D1D1D; }
input.radio, input.checkbox { margin: 0 0.5em 0 0; padding: 0; }
input.button, button, ul.actions a { background: #8A8A8A; border: 0; color: #FFFFFF; cursor: pointer; display: inline; font: normal 1em Arial, Helvetica, sans-serif; margin: 0; overflow: visible; padding: 1px 1em; text-align: center; text-decoration: none; text-shadow: 0 1px 1px #1D1D1D; }
input.submit, ul.actions a.submit { background: #F9B233; }
input.alternative { background: #8A8A8A; }
input.button:hover, button:hover, ul.actions a:hover { outline: 1px solid #FFFFFF; }
input.button:focus, button:focus, ul.actions a:focus { outline: 1px dotted #8A8A8A; }
fieldset { border: 0; border-top: 1px solid #B0B0B0; clear: both; margin: 5px 0; padding: 5px 0; width: 100%; }
legend { background: url("../images/icons/bg_bullet_legend.png") no-repeat left center; color: #8A8A8A; font-size: 0.9em; font-weight: bold; line-height: 1.4em; margin: 0; padding: 0 5px 0 18px; text-shadow: 1px 1px 0 #FFFFFF; }
fieldset.switcheable legend { background: 0; padding-left: 0; }
fieldset.switcheable legend input.checkbox { margin: 0; padding: 0; vertical-align: text-top; width: 18px; }
*+html fieldset.switcheable legend input.checkbox { margin: -0.4em 0 0 0; }
table { border: 0; border-collapse: collapse; width: 100%; }
table th, table td { border: 0; padding: 3px 5px; text-align: left; vertical-align: top;  }
table.quotations td.company {width:250px;}
table#detailca td,table#detailca td.type {text-align:right;}
table#detailca td.client,table#detailca td.projet {text-align:left;}
table#detailca td.totalca,table#detailca td.totalmb {width:80px;text-align:right;}
table#detailca td.totalca span,table#detailca td.totalmb span {display:none;}
table.quotations.validated td.company {width:150px;}
table.quotations.validated td.name {width:100px;}
table.quotations td.salesman {width:50px;}
table.quotations.validated td.salesman,table.quotations.validated td.company {width:30px;text-align:left;}
table.quotations td.creationDate {width:110px;text-align:right;}
table thead th, table tfoot th { border: 1px solid #8A8A8A; border-left: 0; border-right: 1px dotted #FFFFFF; color: #FFFFFF; font-size: 0.9em; font-weight: bold; }
table.quotations.validated tbody td { border: 1px solid #8A8A8A; border-left: 0; border-right: 1px dotted #FFFFFF; }
table#biz tbody td { border: 1px solid #8A8A8A; border-left: 0; border-right: 1px dotted #FFFFFF; }
table#biz td { border: 0; padding: 2px 3px; text-align: right;  }
table#biz th { padding: 2px 3px; text-align: center; vertical-align: top;  }
table#biz th#Q1,table#biz th#Q2,table#biz th#Q3,table#biz th#Q4 { cursor:pointer;  }
table thead th a, table tfoot th a { color: #FFFFFF; text-decoration: none; }
table thead th a.sort { background: transparent url("../images/up_down_arrows.png") no-repeat left 0; padding-left: 16px; }
table thead th a.sort-asc { background-position: left -32px; }
table thead th a.sort-desc { background-position: left -16px; }
table thead th { background: #F9B233; padding-top: 15px; vertical-align: bottom; }
table.quotations thead th.name { width:190px; }
table tfoot th { background: #8A8A8A; }
table tbody tr td { background: #FFFFFF; }
table tbody tr:nth-child(2n) td { background: #E0E9EF; }
table tbody tr.quotation-cancelled td{background: #CFCFCF;color: #929292;}
table tbody tr.quotation-cancelled td a{ color:#929292; font-weight:normal; }
table tbody tr th { background: #F0F0F0; border-bottom: 1px solid #B0B0B0; border-top: 1px solid #B0B0B0; color: #1D1D1D; font-size: 0.9em; font-weight: bold; padding: 18px 5px 0 5px; text-shadow: 1px 1px 0 #FFFFFF; }
table td a { font-weight: bold; text-decoration: none; }
table td a:hover { text-decoration: underline; }
table td ul.actions { font-size: 0.9em; margin: 5px 0 0 0; text-align: left; }
table td ul.actions a { background: none; color: #8A8A8A; padding: 0 0.5em 0 0; text-decoration: none; text-shadow: none; }
table td ul.actions a .red { background: none; color: red; padding: 0 0.5em 0 0; text-decoration: none; text-shadow: none; }
table td ul.actions a:hover { color: #F9B233; text-decoration: underline; outline: 0; }
table td.Monthprev,td.m1prev,td.m2prev,td.m3prev { cursor:pointer;}
table.quotations.validated td.number,
table.quotations.validated th.number,
table.quotations.closed td.number,
table.quotations.closed th.number,
table.quotations.cancelled td.number,
table.quotations.cancelled th.number 
{ display:none;}


[contenteditable="true"]:focus {
background: #F9B233;//#F0F0F0;
color:white;
}

[contenteditable="true"] {
cursor:pointer;
}

table#budget td#total1,
table#budget td#total2,
table#charges td#total1,
table#charges td#total2,
table#charges td#total3,
table#charges td#total4,
table#charges tr#total td,
table#detailca tr.total td, 
table#biz tr.total td, 
table.quotations  tbody tr#action-total td,
table#budget  tbody tr#total td 
{background-color: pink;font-weight: bold;text-align: right;}


/*table#biz td.EBEcomp,table#biz td.EBEpourc, table#biz td.CAcomp, table#biz td.CApourc,table#biz td.MBcomp,table#biz td.MBpourc { background-color:grey;} */


table#charges td,
table#budget td
{ text-align:right;}
table.quotations td.solde,
table.quotations td.total,
table.quotations td.Monthprev,
table.quotations td.FactureMonth,
table.quotations td.m1prev,
table.quotations td.m2prev 
{width:70px;text-align:right;}
table.quotations th {text-align:center;}
dl.property { clear: both; margin: 0; overflow: hidden; padding: 2px 0 1.3em 0; width: 100%; }
dl.property dt { font-weight: bold; margin: 0; padding: 0; }
dl.property dd { margin: 0; padding: 0; }
dl.property dt label { display: block; padding: 2px 0; }
dl.red dt label { color: #EF2C2C; }
dl.green dt label { color: #569431; }
dl.property dt a.mandatory { color: #EF2C2C; text-decoration: none; }
dl.property dd.explanation, dl.property dd.error { cursor: help; font-size: 0.9em; height: 1.3em; line-height: 1.3em; margin-bottom: -1.3em; overflow: hidden; padding: 0; }
dl.property dd.explanation { color: #8A8A8A; text-overflow: ellipsis; white-space: nowrap;}
dl.property dd.error { color: #EF2C2C; }
dl.property.error input.text, dl.property.error select, dl.property.error textarea { background: #FFF8AF; }
dl.property.inline dt { display: inline; float: left; margin-right: 10px; text-align: right; }
dl.property.inline dd ul.checkboxes, dl.property.inline dd ul.radios { overflow: hidden; width: 100%; }
dl.property.inline dd ul.checkboxes li, dl.property.inline dd ul.radios li { float: left; margin-right: 5px; }
dl.property.checkbox dt { float: right; line-height: 1.3em; text-align: left; }
dl.property.checkbox dd { line-height: 1.3em; text-align: left; }
dl.property.checkbox dd input { vertical-align: middle; }
dl.property.col2, fieldset.col2 dl.property { clear: none; float: left; margin-right: 10px; }
fieldset.col2 dl.property { margin-right: 0; }
fieldset.col2 { clear: none; display: inline; float: left; margin-right: 10px; }
fieldset.col2 dl.property.col2 { float: none; margin-right: 0; }
dl.property.clear, fieldset.clear { clear: both; }

ul.menu, ul.actions, ul.checkboxes, ul.radios { list-style: none; margin: 0; overflow: hidden; padding: 0; }
ul.menu li { display: block; margin: 0; padding: 0; }
ul.actions li { display: inline; margin: 0; padding: 0; }
ul.checkboxes li, ul.radios li { display: inline; float: left; margin: 0; overflow: hidden; padding: 0; width: 100%; }
ul.checkboxes li input.checkbox, ul.radios li input.radio { display: inline; float: left; height: 1.4em; }
ul.checkboxes li label, ul.radios li label { display: inline; float: left; padding: 2px 0; }
ul.checkboxes.cols_2 li, ul.radios.cols_2 li { width: 50%; }
ul.checkboxes.cols_3 li, ul.radios.cols_3 li { width: 33.3%; }
ul.checkboxes.cols_4 li, ul.radios.cols_4 li { width: 25%; }
ul.checkboxes li.col_0, ul.radios li.col_0 { clear: left; }

.treeWidget {}
.treeWidget .root { border-top: 1px solid #B0B0B0; clear: both; overflow: hidden; padding: 2px 0; width: 100%; }
.treeWidget ol { list-style: none; margin: 0; padding: 0 0 0 20px; }
.treeWidget ol li { clear: both; line-height: 1.5em; margin: 0; padding: 0; overflow: hidden; width: 100%; }
.treeWidget ol li.current { color: #F9B233; font-weight: bold; }
.treeWidget ol li.current ol li { color: #1D1D1D; font-weight: normal; }
.treeWidget .root .name { color: #8A8A8A; padding: 0 5px; }
.treeWidget .root ol li .name { color: #1D1D1D; padding: 0 5px; }
.treeWidget ul.headers, .treeWidget ul.positions { color: #8A8A8A; float: right; list-style: none; margin: 0; overflow: hidden; padding: 1px 0; width: 120px; }
.treeWidget ul.headers li, .treeWidget ul.positions li { clear: none; display: inline; float: left; margin: 0; padding: 0 5px; text-align: center; width: 50px; }
.treeWidget ul.headers { font-size: 0.9em; font-weight: bold; }
.treeWidget input.radio { margin: 0; }
.treeWidget .current ol li { display: none; }

.hidden{ display: none; }

/* Specific */
#messages {
	margin: 10px auto;
	text-align: center;
	width: 80%;
}
#messages .info {
	background: #F9B233;
	border: 1px solid #F9B233;
	color: #FFFFFF;
	margin: 0 0 5px 0;
	padding: 7px 15px;
}
#messages .success {
	background: #FFFFFF;
	border: 1px solid #569431;
	color: #569431;
	margin: 0 0 5px 0;
	padding: 7px 15px;
}
#messages .error {
	background: #FFFFFF;
	border: 1px solid #EF2C2C;
	color: #EF2C2C;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 7px 15px;
}
.tickets {
}
.tickets .tickets-list ul {
	padding: 0;
	margin: 0;
}
.tickets .tickets-list ul > li {
	list-style: none;
}
.tickets .tickets-list .ticket.new,.tickets .tickets-list .answer.new {
	background-color: #ecf8fe;
}
.tickets .tickets-list .ticket.inprogress,.tickets .tickets-list .answer.inprogress {
	background-color: #fff;
}
.tickets .tickets-list .ticket.closed *,.tickets .tickets-list .answer.closed * {
	color: #b0b0b0 !important;
}
.tickets .tickets-list .ticket {
	padding: 0 10px;
}
.tickets .tickets-list .ticket .row {
	padding: 5px 0;
}
.tickets .tickets-list .ticket .row:first-child {
	border-bottom: #ccc dotted 1px;
}
.tickets .tickets-list .answer {
	margin-bottom: 10px;
}
#main .tickets ul li.answer {
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}

#main .tickets ul li.answer.urgent {
border-bottom: 1px solid red;
border-left: 1px solid red;
border-right: 1px solid red;
}

#main .tickets ul li.ticket{ 
	border-bottom:0px !important;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
.tickets .tickets-list .answer.answer span.button,
.tickets .tickets-list .rapid-answer span.button {
	padding: 0 10px;
	border-radius: 3px;
	height:20px;
	line-height: 20px;
	background: #bbb;
	color: #fff;
	cursor: pointer;
	display: inline-block;
}
.tickets .tickets-list .answer.answer .status span {
	background: #f6f7f8;
	color: #999;
	text-transform: uppercase;
	font-size: 10px;
	line-height: 17px;
	border: 1px solid #999;
	border-bottom: 3px solid #999;
	box-sizing:border-box;	
}
.tickets .tickets-list .answer.answer .status span:hover {
	border: 1px solid #777;
	border-bottom: 3px solid #777;
	color: #777;
}
.tickets .tickets-list .answer.answer .ticket-answ span.button:hover{
	background: #999;
}
.tickets .tickets-list .rapid-answer span.button {
float:right; display:block;clear:both;
}	
.tickets .tickets-list .answer.answer .ticket-delete,
.tickets .tickets-list .answer.answer .ticket-edit,
.tickets .tickets-list .answer.answer .status {

	float:right;
}

.tickets .tickets-list .answer.answer .ticket-edit {
margin: 0 3px;
}
.tickets .tickets-list .answer.answer .ticket-edit span,
.tickets .tickets-list .answer.answer .ticket-delete span {
	border: none;
	background: none;
	padding: 0;
}
.tickets .tickets-list .answer.answer .ticket-edit a,
.tickets .tickets-list .answer.answer .ticket-delete a  {
	text-indent: -1000px;
	display: block;
	width: 20px;
	height: 20px;
	overflow: hidden;
	opacity: 0.3;
}
.tickets .tickets-list .answer.answer .ticket-edit a {
	background: url("../images/edit.png") no-repeat center;
}
.tickets .tickets-list .answer.answer .ticket-delete a {
	background: url("../images/delete.png") no-repeat center;
}
.tickets .tickets-list .answer.answer .ticket-edit a:hover,
.tickets .tickets-list .answer.answer .ticket-delete a:hover {
	opacity: 0.5;
}
.tickets .tickets-list .answer.answer span.button_action {
	padding: 0 10px;
	border-radius: 2px;
	background: #70B8EC;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	height:20px;
	line-height: 20px;
	
}

.tickets .tickets-list .answer div {
	display: inline-block;
}

.tickets .tickets-list .ticket-edit a,
.tickets .tickets-list .ticket-delete a,
.tickets .tickets-list .ticket-answ a {
 text-decoration: none;
 color:white;
}

.tickets .tickets-list .answer.open span:hover,
.tickets .tickets-list .ticket-edit span:hover,
.tickets .tickets-list .ticket-delete span:hover,
.tickets .tickets-list .ticket-answ span:hover  {
	background: #F9B233;
}

.tickets .warning{
	background: #F9B233;
	text-align: center;
	color: white;
}


.tickets .tickets-list .rapid-answer > .row,
.tickets .tickets-list .answer.row {
	padding: 10px 20px;
	background: #fff;
	width: 75%;
}
.tickets .tickets-list .rapid-answer > .row.customer,
.tickets .tickets-list .answer.row.customer{
	float: right;
}
.tickets .tickets-list .rapid-answer > .row  h4,
.tickets .tickets-list .answer.row  h4 {
	margin: 0;
	overflow: hidden;
	border-bottom: 1px #ccc dotted;
	color: #8c8c8c;
}
#main .tickets .tickets-list .ticket h3 {
	padding: 0;
}
#main .tickets .tickets-list .ticket h3 span {
	font-size: 11px;
}
#main .tickets .tickets-list .ticket h3 span.urgent {
	color: red;
}
#main .tickets .tickets-list .ticket h4 {
	font-size: 12px;
	font-weight: normal;
}
.row {
	width: 100%;
	line-height: 25px;
	box-sizing: border-box;
}
.row,.row:after,.row:before {
	display: table;
	content: " ";
	clear: both;
}
.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12 {
	box-sizing: border-box;
	float: left;
	min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.col-sm-1 { width: 8.33333333%; }
.col-sm-2 { width: 16.66666666%; }
.col-sm-3 { width: 25%; }
.col-sm-4 { width: 33.33333333%; }
.col-sm-5 { width: 41.66666666%; }
.col-sm-6 { width: 50%; }
.col-sm-7 { width: 58.33333333%; }
.col-sm-8 { width: 66.66666666%; }
.col-sm-9 { width: 75%; }
.col-sm-10 { width: 83,33333333%; }
.col-sm-11 { width: 91,66666666%; }
.col-sm-12 { width: 100%; }

*:before, *:after {
    box-sizing: border-box;
}
.float_left {
	float: left;
}
.float_right {
	float: right;
}
form.rapid_aswer {
}
.rapid_answer fieldset {
	border: none;
}
#main .rapid_answer fieldset dl {
	margin: 0;
	padding: 0;
}

.rapid_answer legend,
#main .rapid_answer fieldset dl.comment dt  {
	display: none;
}
#main .rapid_answer .actions {
	margin: 0;
	padding: 0;
	text-align: right;
}
#main .rapid_answer .actions li {
	display: inline-block;
}
#main .rapid_answer .actions li input.submit  {
	background: #000;
	display: inline-block;
	padding: 5px 1em;
	margin-right: 5px;
}
#main .rapid_answer .actions li input.submit:hover  {
	background: #F9B233;
}

.tma-noview {
	display: none;
}

/* ----- TICKETS LIST ----- */

#main .tickets ul {
	margin-top: 30px;
}
#main .tickets ul li.ticket.urgent {
	
	border: 1px solid red;

}
#main .tickets ul li.ticket {
	
	border: 1px solid #ccc;

}
#main .tickets ul li.ticket .row {
	height: 25px;
	line-height: 25px;
}
#main .tickets ul li.ticket time {
	font-size: 11px;
	color: #B0B0B0;
}
#main .tickets ul li.ticket h3 {
	font-size: 15px;
	color:#000;
	font-weight: normal;
	margin: 0;
	border: none;
	height: 25px;
	line-height: 25px;
}
#main .tickets ul li.ticket h3 strong {
	color: #F9B233;
	font-size: 14px;
	padding-right: 15px;
}
#main .tickets ul li.ticket h3 span.urgence {
	color: red;
}
#main .tickets ul li.ticket p{
	text-align: right;
	font-size: 12px;
	margin:0;
	height: 25px;
	line-height: 25px;
}
#main .tickets ul li.ticket p span{
	font-weight: bold;
}
#main .tickets ul li.ticket h4 {
	font-size: 13px;
	color:#777;
	font-style: italic;
	margin:0;
	height: 25px;
	line-height: 25px;
}
#main .tickets ul li.ticket h3 span{
	font-size: 11px;
	font-weight: bold;
}

#main .tickets ul li.ticket-new {
	background: #ecf8fe;
}
#main .tickets ul li.ticket-inprogress {
	background: #fff;
}
#main .tickets ul li.ticket-closed, #main .tickets ul li.ticket-closed h3, 
#main .tickets ul li.ticket-closed h3 strong, 
#main .tickets ul li.ticket-closed h3 span.urgence,
#main .tickets ul li.ticket-closed h4 {
	color: #B0B0B0; 
}
/*answer*/
#main .tickets ul li.answer {
	padding: 0 15px;
}
#main .tickets ul li.answer a.open {
	float: right;
	background: #000;
	color: #fff;
	display: block;
	height: 20px;
	padding: 0 10px;
	line-height: 20px;
	font-size: 12px;
}
#main .tickets ul li.answer a.open:hover {
	text-decoration: none;
	background: #F9B233;
}
#main .tickets ul li.answer .msg{
	background: #fff;
	
	margin-top: 5px;
	margin-bottom: 10px;
}
#main .tickets ul li.answer h4 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	border-bottom: 1px dotted #898888;
	color: #898888;
	margin: 0;
	margin-top: 15px;
	padding-bottom: 5px;
}
#main .tickets ul li.answer h4 time {
	float: right;
	font-weight: normal;
}
#main .tickets ul li.answer .msg p {
	font-size: 12px;
	padding: 15px 0;
	margin: 0;
}