/* GLOBAL STYLING */
/*
body,.form-control,.select2-container--bootstrap .select2-selection,.select2-container--bootstrap .select2-search--dropdown .select2-search__field {
	font-size: 11px;
}
*/

/*COMMON*/
.hidden {
	display: none;
}

h3.pageTitle {
	margin-top: 0px;
}

.tleft {
	text-align: left !important;
}

.tcenter {
	text-align: center;
}

.dInline {
	display: inline;
}

.tright {
	text-align: right;
}

.dblock {
	display: block;
}

.w50 {
	width: 50%;
}

.w100 {
	width: 100%;
}

.cursorPointer {
	cursor: pointer;
}

.fleft {
	float: left;
}
.fright {
	float: right;
}
.fclear {
	clear: both;
}

.b_top {
	border-top: 1px solid black;
}
.b_right {
	border-right: 1px solid black;
}
.b_bottom {
	border-bottom: 1px solid black;
}
.b_left {
	border-left: 1px solid black;
}

.nomargin {
	margin: 0px !important;
}

.nopadding {
	padding: 0px !important;
}

.form-control[readonly].cssNoReadOnly {
	background-color: #fff;
}

.bigZindex {
	z-index: 9999999999;
}

/*********** READONLY INPUTS AS LABELS*******************/
/***:read-only DOESNT WORK ON IE, polyfill IN ie_polyfill_dacodoc.js*/
input.form-control:read-only:not([data-customvalue]):not([data-clicktrigger]):not(.tt-hint),input.form-control:read-only:focus:not([data-clicktrigger]):not([data-customvalue]):not(.tt-hint) {
	background: none repeat scroll 0 0 transparent;
	padding: 0px;
    border: medium none !important;
    color: #000000;
	box-shadow: none;
	-webkit-box-shadow: none;
}

input.form-control:read-only:not([data-customvalue]):not([data-clicktrigger])::-webkit-input-placeholder,input.form-control:read-only:focus:not([data-clicktrigger]):not([data-customvalue])::-webkit-input-placeholder {
	color: transparent;
}
input.form-control:read-only:not([data-customvalue]):not([data-clicktrigger]):-ms-input-placeholder,input.form-control:read-only:focus:not([data-clicktrigger]):not([data-customvalue]):-ms-input-placeholder {
	color: transparent;
}

input.form-control:-moz-read-only:not(.tt-hint):not([data-customvalue]):not([data-clicktrigger]),input.form-control:-moz-read-only:focus:not([data-clicktrigger]):not([data-customvalue]) {
	background: none repeat scroll 0 0 transparent;
	padding: 0px;
    border: medium none !important;
    color: #000000;
	box-shadow: none;
	-webkit-box-shadow: none;
}

textarea.form-control:read-only {
	background: none repeat scroll 0 0 transparent;
	padding: 7px 0px;
    border: medium none !important;
    color: #000000;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: text !important;
}
textarea.form-control:-moz-read-only {
	background: none repeat scroll 0 0 transparent;
	padding:7px 0px;
    border: medium none !important;
    color: #000000;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: text !important;
}

span.select2-container--disabled {
	background: none repeat scroll 0 0 transparent;
    border: medium none !important;
    color: #000000;
	box-shadow: none;
	-webkit-box-shadow: none;
}

span.select2-container--disabled>span.selection>span.select2-selection--single {
	background: none repeat scroll 0 0 transparent;
    border: medium none !important;
    color: #000000;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: text !important;
	user-select: text;
	padding-left: 0px;
}
span.select2-container--disabled>span.selection .select2-selection__arrow {
	display: none;
}

span.select2-container--disabled>span.selection>span.select2-selection--multiple {
	background: none repeat scroll 0 0 transparent;
    border: medium none !important;
    color: #000000;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: text !important;
	user-select: text;
	padding-left: 0px;
}
span.select2-container--disabled>span.selection>span.select2-selection--multiple li.select2-selection__choice {
	margin-left: 0px;
	padding-left: 0px;
}

span.select2-container--disabled>span.selection>span.select2-selection--multiple li.select2-selection__choice::after {
	content: " , ";
}

span.select2-container--disabled>span.selection>span.select2-selection--multiple li:nth-last-of-type(2)::after {
	content: "";
}

span.select2-container--disabled>span.selection>span.select2-selection--multiple>ul.select2-selection__rendered {
	background: none repeat scroll 0 0 transparent;
    border: medium none !important;
    color: #000000;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: text !important;
	user-select: text;
}
span.select2-container--disabled>span.selection>span.select2-selection--multiple>ul.select2-selection__rendered>li.select2-selection__choice {
	background: none repeat scroll 0 0 transparent;
    border: medium none !important;
    color: #000000;
	box-shadow: none;
	-webkit-box-shadow: none;
	cursor: text !important;
	user-select: text;
}

span.select2-container--disabled>span.selection>span.select2-selection--multiple input.select2-search__field {
	display: none;
}

span.select2-container--disabled>span.selection>span.select2-selection--single span.select2-selection__placeholder {
	display: none;
}

.select2-container--bootstrap.select2-container--disabled .select2-search__field, .select2-container--bootstrap.select2-container--disabled .select2-selection {
	cursor: text !important;
	user-select: text;
}


/*END READONLY INPUTS AS LABELS*/


/*input group CSS*/
.input-group-left-member{
	border: 1px solid rgb(204, 204, 204);
	border-right: 0px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.input-group-right-member{
	border: 1px solid rgb(204, 204, 204);
	border-left: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* bootstrap3 support flex columns */
@media(min-width:768px) {
	.row.display-flex {
	  display: flex;
	  flex-wrap: wrap;
	}
	.row.display-flex > [class*='col-'] {
	  display: flex;
	  flex-direction: column;
	}
}


/*dodGantt*/
.dodGantt {
	line-height: normal;
}

.dodGantt .gdfColHeader {
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
}

.splitterContainer {
	position: relative;
}

svg.taskBoxSVG {
	overflow: visible;
}

/*fiche revision, bloc "document revision"*/
div.doc_rev_list_li {
	float: left;
	margin-right: 5px;
}

/*customer_picker_selection_ul*/
ul.customer_picker_selection_ul {
	list-style-type: none;
	padding-left: 15px;
}

ul.customer_picker_selection_ul li {
	margin-bottom: 3px;
}

ul.customer_picker_selection_ul li.is_tmp_customer {
	font-style: italic;
}

ul.customer_picker_selection_ul li.is_customer {
	font-weight: bold;
}

/*pn picker selection ul*/
.pn_picker_selected_pns_tree_div li.li_tmp_pn {
	font-style: italic;
}
.pn_picker_selected_pns_tree_div li.li_pn {
	font-weight: bold;
}

.pn_picker_selected_pn_series_tree_div li.li_tmp_pn_series {
	font-style: italic;
}
.pn_picker_selected_pn_series_tree_div li.li_pn_series {
	font-weight: bold;
}
.pn_picker_selected_pn_series_tree_div li.li_pn_series li {
	font-weight: bold;
}

.pn_picker_selected_pn_series_tree_div li.li_tmp_pn_series li.li_tmp_pn {
	font-weight: normal;
	font-style: italic;
}
.pn_picker_selected_pn_series_tree_div li.li_tmp_pn_series li.li_pn {
	font-weight: bold;
}
.pn_picker_selected_pn_series_tree_div li.li_pn_series li.li_pn {
	font-weight: bold;
}

/*autoWidth toast*/
.jq-toast-wrap {
	width: auto;
	min-width: 250px;
}

/*RENDERJSON*/
pre.renderjson				{background-color: #303030}
.renderjson a              { text-decoration: none; }
.renderjson .disclosure    { color: crimson;
                             font-size: 150%; }
.renderjson .syntax        { color: grey; }
.renderjson .string        { color: red; }
.renderjson .number        { color: cyan; }
.renderjson .boolean       { color: plum; }
.renderjson .key           { color: lightblue; }
.renderjson .keyword       { color: lightgoldenrodyellow; }
.renderjson .object.syntax { color: lightseagreen; }
.renderjson .array.syntax  { color: lightsalmon; }


/*select2 fix placeholder width for MULTIPLE*/
.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
    /*width: auto !important;*/
}



/*Select2 optsgroups selectionnables*/
.selectoption_level_one {
	font-weight: bold;
}
.selectoption_level_two {
	padding-left: 10px;
}

/*jstree specific heights (pn picker)*/
li.pnSeriesChildNode.notValidatedYet > a.jstree-anchor {
	height: auto;
}

/*DATATABLE override*/
.dataTables_wrapper {
	overflow-x: hidden;
	font-size: 12px;
}
/*
.dataTables_wrapper .ui-corner-tl {
	border-bottom: 0px;
}
.dataTables_wrapper .ui-corner-bl {
	border-top: 0px;
}
*/
div.dataTables_wrapper div.dataTables_processing {
	position: absolute;
	left: 50%;
	margin-left: -50%;
	margin-top: 0px;
	width: 100%;
	/*background-color: rgba(43, 137, 190, 0.8);*/
	height: 100%;
	z-index: 5;
	color: white;
	top: 0;
	border-radius: 6px;
	text-align: center;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#003970+0,005b8a+50,53b4d7+100&0.7+0,0.7+100 */
	background: -moz-linear-gradient(top, rgba(0,57,112,0.7) 0%, rgba(0,91,138,0.7) 50%, rgba(83,180,215,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,57,112,0.7) 0%,rgba(0,91,138,0.7) 50%,rgba(83,180,215,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,57,112,0.7) 0%,rgba(0,91,138,0.7) 50%,rgba(83,180,215,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3003970', endColorstr='#b353b4d7',GradientType=0 ); /* IE6-9 */


}
/*
.grp_dt_processing {
	width: 100%;
	height: 100%;
}
*/
div.cssLoaderDisplayTable {
	display:table;
	width:100%;
	height:100%;
	position:absolute;
}

div.cssLoaderDisplayTable > div.loader_div {
	display:table-cell;
	vertical-align:middle;
}

/*LOADER*/
#loader_overlay {
	top: 0;
	height: 100%;
	width: 100%;
	position: fixed;
	z-index: 99998;
	background-color: rgba(255,255,255,0.5);
	/*display: none;*/
}
#loader_div {
	/*display: none;*/
	width: 550px;
	height: 200px;
	/*background-color: #2B89BE;*/
	text-align: center;
    font-family: helvetica;
	margin: 50px;
	color: white;
	/*ABSOLUTE CENTER BOX*/
	margin: auto;
	position: fixed;
	top: 0; left: 0; bottom: 0; right: 0;
	z-index: 999999;
	/*border: 1px solid rgba(0,0,0,.2);*/
    border-radius: 6px;
	box-shadow: 0 5px 15px rgba(0,0,0,.5);
}
#loader_div h3 {
	color: rgba(255,255,255,0.5);
}

.loader_overlay {
	z-index: 99998;
	background-color: rgba(255,255,255,0.5);
}

.loader_div h3 {
	color: rgba(255,255,255,0.5);

	}
@-webkit-keyframes loader {
    0% {
        left: -170px;
        opacity: 1;        
    }
    100% {
        left: 170px;
        opacity: 1;    
    }
}
@-moz-keyframes loader {
    0% {
        left: -170px;
        opacity: 1;        
    }
    100% {
        left: 170px;
        opacity: 1;    
    }
}
@keyframes loader {
    0% {
        left: -170px;
        opacity: 1;        
    }
    100% {
        left: 170px;
        opacity: 1;    
    }
}
.dotsloader{
    display: inline-block;
    width: 300px;
}
.dotsloader .dot{
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 5px;
    border-radius: 999px;
    opacity: 0;
    background: #fff;
    position: relative;
    -webkit-animation: loader 3s cubic-bezier(0,.86,1,.14) infinite;
    -moz-animation: loader 3s cubic-bezier(0,.86,1,.14) infinite;
    animation: loader 3s cubic-bezier(0,.86,1,.14) infinite;
}
.dotsloader .dot.one{
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    animation-delay: .6s;
}
.dotsloader .dot.two{
    -webkit-animation-delay: .4s;
    -moz-animation-delay: .4s;
    animation-delay: .4s;
}
.dotsloader .dot.three{
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    animation-delay: .2s;
}
/* FIN LOADER */

/* jQuery DATEPICKER THEME : BOOTSTRAP */

.ui-datepicker {
	background-color: #fff;
	border: 1px solid #66AFE9;
	border-radius: 4px;
	box-shadow: 0 0 8px rgba(102,175,233,.6);
	display: none;
	margin-top: 4px;
	padding: 10px;
	width: 240px;
}
.ui-datepicker a,
.ui-datepicker a:hover {
	text-decoration: none;
}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {
	color: #2A6496;
	-webkit-transition: color 0.1s ease-in-out;
	   -moz-transition: color 0.1s ease-in-out;
	     -o-transition: color 0.1s ease-in-out;
	        transition: color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-header {
	margin-bottom: 4px;
	text-align: center;
}
.ui-datepicker .ui-datepicker-title {
	font-weight: 700;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	cursor: default;
	font-family: 'Glyphicons Halflings';
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-weight: normal;
	height: 20px;
	line-height: 1;
	margin-top: 2px;
	width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
	float: left;
	text-align: left;
}
.ui-datepicker .ui-datepicker-next {
	float: right;
	text-align: right;
}
.ui-datepicker .ui-datepicker-prev:before {
	content: "\e079";
}
.ui-datepicker .ui-datepicker-next:before {
	content: "\e080";
}
.ui-datepicker .ui-icon {
	display: none;
}
.ui-datepicker .ui-datepicker-calendar {
  table-layout: fixed;
	width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
	text-align: center;
	padding: 4px 0;
}
.ui-datepicker .ui-datepicker-calendar td {
	border-radius: 4px;
	-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	   -moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	     -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
	        transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
	background-color: #eee;
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-current-day {
	background-color: #4289cc;
}
.ui-datepicker .ui-datepicker-current-day a {
	color: #fff
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
	background-color: #fff;
	cursor: default;
}

.ui-datepicker-today {
	background-color: #fffa90;
}

/*FIN JQUERY DATEPICKER */


table.ival_table {
	height: 1px;
}

.ival_table .readonly {
	background-color: #deebf7;
}

.ival_table .disabled {
	background-color: #bfbfbf;
}

.ival_table .separator {
	background-color: #7f7f7f;
	border-color: #7f7f7f;
}

.split_table_separator {
	background-color: #7f7f7f;
	border-color: #7f7f7f;
}