/******GOOGLE FONT ******/
/************************/
@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'),
		url(/css/opensans-300.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url(/css/opensans-700.woff) format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'), url(/css/opensans-400.woff)
		format('woff');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 600;
	src: local('Open Sans Semibold'), local('OpenSans-Semibold'),
		url(/css/opensans-600.woff) format('woff');
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
input:focus:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}
body {
	font-size : 12px;
	
}
.btn{
	white-space: normal;
}
.form-horizontal .radio{padding-top:3px;}
.login-box{
	width:100% !important;
	max-width:400px;
}
.sidebar-minified .nav-sidebar a.dropmenu {
	cursor : default !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus {
    background-color: #29bbf0;
}

.panel.panel-primary .panel-heading h2, .panel.panel-primary .panel-heading h2 i{
	color:#fff;
}

.input-container label{font-weight:normal;color: #777;}

.fancybox-inner{
	overflow:hidden !important;
}

.detail-btns-container a{
	min-width: 17%;
}
.detail-btns-container a i.fa{
	margin-top: 4px;
}

.scheduler-content h3{
	font-weight:400;
}


#reportRangeStats , #reportRangeAdvancedStats{
    background: #fff;
    cursor: pointer;
    padding: 6px 12px;
    border: 1px solid #e1e6ef;
	webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
.daterangepicker td.end-date, .daterangepicker td.start-date {
	border-radius:0 !important;
}

.main{
/* 	background-color:#ededed; */
		background-color:#e4e9f0 ; /*eceff3*/
}
.panel {
    border: none !important;
    box-shadow: 0 0 3px #dadada;
    -webkit-box-shadow: 0 0 3px #dadada;
    -moz-box-shadow: 0 0 3px #dadada;
/*     border-radius: 4px; */
}
.panel-heading h2 {
	position : relative;
}
h2 .badge {
    background: #20a8d8;
    border: 2px solid white;
    position: absolute;
    top: 7px;
    right: -35px;
    font-size: 9px;
    line-height: 9px;
    padding: 6px 6px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
	min-width:25px;
}

/** FORMS */

label + label {
	margin-right :5px;
	margin-left:5px;
}

label.private-field{
	font-style:italic;
}

.form-group .input-container[class*=col-] {
    padding-left: 0;
    padding-right: 0;
	min-height: 34px;
	margin-bottom: 10px;
}

.assessment_form .input-container label{
	display:block;
	margin:5px 0;
	font-weight:normal;
}

@media (min-width: 1200px)  {
	.assessment_form .input-container label{
		display:inline-block;
		width:47%;
	}
}

/***/

footer{
	font-size : 12px; color : #666
}
.navbar-brand{
	 font-family: "open sans", arial, sans-serif;
  font-weight: 300;
}

.navbar .navbar-brand {
	padding-left:15px;
	padding-right : 15px;
	font-size:17px;
	line-height:16px;
	padding-top:15px;
	
}
.navbar .navbar-brand span{display:block; font-size:10px; font-weight:400; color:#bfe8f7 }

@media (min-width: 1400px) {
	.navbar .navbar-brand {min-width:16.666666%;}
}

.glyphicons.logo_glyphicon{
	display:inline;padding-left: 30px;  top: -3px;
}
.glyphicons.logo_glyphicon:before {
	color : #fff;
}

a:hover, a:focus{
	text-decoration:none;
}
h1, h2, h3, h4 {
  font-family: "open sans", arial, sans-serif;
  font-weight: 300;
  margin-top: 5px;
}
h1, h2, h3, h4 {
  color: #30baed;
}
h2 i {
	color : #ccc;
}

h2 {
	font-size: 24px;
	line-height: 24px;
}
.panel-heading h2 , .fc-header-title h2{
	font-size : 18px;
	line-height: 18px;
	color:#333;
/* 	font-family: inherit; */
}
h3 {
	font-size: 18px;
	line-height: 20px;
}
hr {
    margin-top: 15px;
    margin-bottom: 15px;
}

.wordcloud {
	border: 0;
	height: 600px;
	margin: 0 auto;
	padding: 0;
	page-break-after: always;
	page-break-inside: avoid;
	width: 100%;
}

.profile-picture-thumb img{
	border-radius:100%;
	width: 100%;
	border: 1px solid #e4e9f0;
}

.table-condensed>thead>tr>th,
.table-condensed>tbody>tr>th,
.table-condensed>tfoot>tr>th,
.table-condensed>thead>tr>td,
.table-condensed>tbody>tr>td,
.table-condensed>tfoot>tr>td
	{
	padding: 5px !important;
}

#cke_email_content_html{
	border:1px solid #e1e6ef;
}

.breadcrumb{
	height : auto; margin-bottom : 20px;
}
.breadcrumb .zmdi{
	color:#c0cadd;
	margin:0 5px;
}

@media (min-width : 768px){
	.breadcrumb{
		margin: -30px -30px 20px -30px;
    	padding-left: 37px;
	}
}

ul.profile-details , ul.profile-details li div{
	color:#666;
}
span.assign_contact, span.unassign_contact, span.verify-contact, span.unlink_account , .expense_validate{
  cursor: pointer;
}
.assign-block span.assigned_users {
	color:#c0cadd ;
}
.profil-details-icons {
  color: #c0cadd !important;
}
/* .btn{ */
/* 	font-size:12px; */
/* } */
/* .btn-lg{ */
/* 	font-size:18px; */
/* } */
.smallstat .title{
	font-weight : normal;
}
/* .btn-lg , .btn{ */
/* 	font-family: "open sans", arial, sans-serif; */
/* 	 font-weight: 300; */
/* } */
.quick-button , .fc-button-view {
	color : #9faecb;
	font-family: "open sans", arial, sans-serif;
	font-weight: 400;
	
}

@media (max-width: 990px)  {
	.quick-button {
	    margin-bottom:10px;
	}
}

.quick-button i.glyphicon {
	margin-top:-5px;
}


.row.grey-background .quick-button{
	background-color:#fff;
}
.row.grey-background .quick-button:hover{
	background-color: #1985ac;
    border-color: #1985ac;
}
.history {
    padding: 8px 15px;
    margin-bottom: 10px;
    list-style: none;
}

.history li.history_title{
	color : #666666;
}
.history li {
	display: inline-block;
	color: #c0cadd;
}

.sidebar.minified ul.nav.nav-history  {
    display: none !important;
}

.nav-history-minified{
	display: none !important;
}

.sidebar.minified ul.nav-history-minified{
	display: block !important;
}

.sidebar.minified ul.nav.nav-history-minified > li:hover > a .text {
    width: 300px;
    display: block !important;
}

.sidebar.minified ul.nav.nav-history-minified > li:hover > ul {
    width: 300px;
    display: block !important;
}

.sidebar.minified ul.nav.nav-history-minified > li:hover > ul a{
	height : 40px;
	width: 100%;
	overflow:hidden;
}

@media (max-width: 991px) and (min-width: 768px) {
	.nav.nav-history {
	    display: none !important;
	}
}


#elementsRessource, #elementsRessourceSt, #elementsInvoiceFlex, #elementsSearch, #elementsInvoiceSearch {
    display: none;
}

.form-control[type="checkbox"][disabled] {
    background: none;
}
.input-group label {margin-right : 15px;}

.form-group-hidden{
	display:none;
}

.form-group label{
	padding-top : 6px;
}

.history li a{
/* 	color: #c0cadd; */
}

.history>li+li:before {
    content: "/\00a0";
    padding: 0 5px;
    color: #ccc;
}

.label-round{
	font-size : 12px;
	padding: 4px 10px;
	text-align : center;
	display:inline-block;
	border-radius: 20px;
    width: 34px;
    height: 34px;
    /* vertical-align: baseline; */
    line-height: 26px;
}
.fa-big{
	font-size : 100px; color :#f2f4f8; 
}

.fa-large-size{
	font-size : 40px;  
}

.fa-medium-size{
	font-size : 20px;  
}

.application-table td{
	vertical-align:middle !important;
}

tr.application-refused {opacity : 0.4;}
tr.application-refused:hover {opacity : 1;}

/* tr.application-refused .label{ */
/* 	background-color:#ccc; */
/* 	color:#333; */
/* } */
/* tr.application-refused:hover .label{ */
/* 	background-color:#ff5454; */
/* 	color:#fff; */
/* } */



.quick-buttom-resume{
	font-family: "open sans", arial, sans-serif;
	font-weight: 400;
	padding: 20px 0px 10px 0px;
	display: block;
}

.quick-buttom-resume i {
	margin-bottom: 10px;
}

.tab-pane .row {
/* 	padding-bottom: 20px; */
}

.dataTables_wrapper  .row {
	padding-bottom: 0;
}

.dataTables_wrapper input,.dataTables_wrapper  select {
	float: none;
}

.dataTables_length label,
.dataTables_filter label{color:#666;}
.dataTables_info{color:#ccc;}
.dataTables_filter input {width : 150px;}

.akoya-round-icon {
    width: 50px;
    height: 50px;
    border-radius: 25px;
    border: solid 1px #e7e7e7;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    text-align: center;
	margin : 0 auto;
	display:block;
}

.akoya-round-icon .fa {
    margin-top: 14px;
    font-size: 20px;
    line-height: 20px;
    color: #9faecb;
}

.akoya-round-icon.pull-left {
/*     margin-right: 20px; */
}


ul.profile-details li div h3 a i {
	position : relative;
}

.row:hover > div > a.edit-btn ,
ul.profile-details li:hover > div > a.edit-btn  {
	display : inline-block !important;
	visibility : visible !important;
}

li:hover > div > h3 > a.edit-btn {
	display : inline-block !important;
	visibility : visible !important;
}

.media-heading {
    margin-bottom: 15px;
}

.work-title {
	color: #333;
}

h3.work-title {
	margin-top : 5px;
}

h3.work-title  strong.function-name {
	margin-bottom : 10px;
	
	display:inline-block;
}

.work-title span {
    display: block;
/*     padding-top: 10px; */
    font-size: 14px;
    color: #30baed;
    font-size: 14px;
}

.work-title span span.work-date {
    display: inline-block;
    color: #666;
/*     padding: 0; */
}

.work-keywords {
    color: #30baed;
}

h2.object-title, h3.object-title{
	font-weight: 400;
}

h3.job-description-title{
	font-weight: 400;
}

#todo .quick-button{
	margin-bottom : 10px;
}

.col-job-resume .smallstat{
	margin-bottom : 15px;
}

table.job-summary {
	border : 1px solid #eee;
}
table.job-summary td{
	background-color : #fff; 
	vertical-align: middle !important;
}

.row-grey{
	margin-top : -15px;
	padding-top:15px;
	background-color : #f8f8f8; 
	
}
.row-grey > div{
	padding-top : 15px;
	margin-top:-15px;
	padding-bottom : 20px;
/* 	margin-bottom : -20px; */
}

.row-grey:last-child{
	margin-bottom : -20px;
}

.row-eq-height > div.grey-background{
		padding-top : 20px;
		padding-bottom : 20px;
		margin-bottom : -20px;
		margin-top : 20px;
	}

@media (min-width : 1200px){
	.row-eq-height {
	  display: -webkit-box;
	  display: -webkit-flex;
	  display: -ms-flexbox;
	  display:         flex;
	}
	
	.row-eq-height > div.grey-background{
		margin-bottom : -20px;
		margin-top : -25px;
		padding-top : 25px;
	}
	
	#reference .row-eq-height > div.grey-background, 
	#report .row-eq-height > div.grey-background{
		margin-bottom : -14px;
		margin-top : -14px;
		padding-top : 25px;
	}
	
	#reference .row-eq-height:first-child > div.grey-background,
	#report .row-eq-height:first-child > div.grey-background{
		margin-top : -25px;
	}
	#reference .row-eq-height:last-child > div.grey-background,
	#report .row-eq-height:last-child > div.grey-background{
		margin-bottom : -20px;
	}
}

#candidateTabContent .row-grey {
	padding-top : 0px;
	margin-top:0px;
}

@media (min-width : 1200px){
	#candidateTabContent .row-grey {
		padding-top : 25px;
		margin-top:-25px;
	}
}

.hr-dark{
	border-top: 1px solid #333;
}

.hr-white{
	border-top: 1px solid #fff;
}
.hr-white-big{
	border-top: 4px solid #fff;
}

.col-full-profile-experience{
	
/* 	padding-top : 30px; */
}

#candidateTabContent .tab-pane {
	padding-top:25px;
	padding-bottom: 20px;
}

.application-item {margin-bottom : 20px;}

.panel-body.panel-profile-cdt {
	padding-top:0px;
}

.col-white-background{
	background-color:#fff;
}


.fc-button-view {
  border: 1px solid #e1e6ef;
  background: #f2f4f8;
  margin-bottom: -1px;
  padding: 10px 10px 10px 10px;
  font-size: 12px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.fc-button-view-next-container{
	text-align:center;
}
@media (min-width : 768px){
	.fc-button-view-next-container{
		text-align:left;
	}
}

.fc-button-view-change-container{
	padding-top : 10px;
	text-align:center;
}
@media (min-width : 768px){
	.fc-button-view-change-container{
		text-align:right;
		padding-top : 0px;
	}
}

.quick-button:hover {
  color: #fff !important;
  text-decoration: none;
  background: #1985ac;
}
.quick-button span{
	display:block;
	margin-bottom : 10px;
	margin-top: 5px;
}
.quick-button.active ,
.quick-button.active:hover ,
.fc-button-view.active,
.fc-button-view.active:hover 	
	{
	color: #fff !important;
  	text-decoration: none;
  	background: #1985ac;
}

ul.profile-details li {
  margin: 0 0 10px 0;
}

ul.profile-item-list li {
	margin: 0 0 10px 0;
	padding-bottom : 10px;
	border-bottom : 1px solid #fff;
}

ul.profile-item-list li:last-child {
	border : 0;
}


.panel.panel-primary, .panel.panel-success{
	border: 1px solid #e1e6ef;
}
.panel.panel-dark .panel-heading {
  background: #384042;
  border-color: #2c3334;
}
.panel-dark>.panel-heading {
  color: #fff;
}
.panel .panel-heading h3{
	float:left;
}


.panel.panel-default>.panel-heading {
/*   background-color: #f8f8f8; */
	 background-color: #f5f7fa;
	
}
.panel .panel-heading h3 i {
  padding: 12px 0px;
  height: 40px;
  width: 40px;
  display: inline-block;
  text-align: center;
  margin: -10px 0px -10px -10px;
  font-size: 16px;
}



.form-group {
  margin-bottom: 10px;
}
.form-horizontal .form-group {
	padding:0px !important;
	padding-right: 3px !important;
}
.form-control{
	font-size:12px;
}
.form-group .content_helper .errors {
  display: block;
  background: #f8f8f8;
  padding: 8px;
  border: 1px solid #eee;
  position: absolute;
  width: auto;
  font-size: 12px;
  z-index: 10;
  cursor: pointer;
	color : #ff5454;
}
.form-group .content_helper .errors li {
	list-style: none;
	width: 215px;
}

.form-group:hover .content_helper .form_helper {
	display: block;
}

label.optional , .filter_form label{
	font-weight: normal;
	color: #777;
}


.form-horizontal .control-label {
  text-align: left;
  padding-top: 7px;
}

.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus
	{
/* 	border: 1px solid #e1e6ef; */
	border-bottom-color: transparent;
}

.filter_form .nav-tabs>li:first-child.active>a, 
.filter_form .nav-tabs>li:first-child.active>a:hover, 
.filter_form .nav-tabs>li:first-child.active>a:focus {
  border-left: 0px;
  border-top-left-radius: 0px;
}
.datepicker {
	border-radius: 2px;
}

h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small
	{
	font-size: 85%;
	font-weight: inherit;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.small,small , .grey{
	color: #afb9cb !important;
}

.blue-text{
	color: #30baed !important;
}

.dark-color-text{
	color: #333 !important;
}

.grey-background {
	background-color: #f5f7fa;
}

.small strong,small strong {
	color: #65728a !important;
}
/********************************************************************/
/* ACCOUNT ASSIGN TABLE */
/********************************************************************/
.table-assignation thead th {
	border : 1px solid #ddd !important; 
	font-family: "open sans", arial, sans-serif;
    font-weight: 300;
	
}
.table-assignation thead th.title {
	background-color :#20a8d8;
	color : #fff; 
}
.table-assignation thead th.title-grey {
	background-color :#eceff3;
}
.table-assignation thead th.title-dark {
	background-color :#384042;
	color : #fff; 
}
.table-assignation thead th.no-border{
	border:0px !important;
}
.table-assignation thead tr.practice th span {
	cursor : pointer;
	display:block;
}
.table-assignation td {
	border : 1px solid #ddd; 
}
.table-assignation td, .table-assignation th{
	text-align:center; vertical-align : middle !important;
}
.table-assignation th.assign_account,
.table-assignation td.assign_account{
	cursor : pointer;
}
/********************************************************************/
/********************************************************************/




.label-status {
	min-width: 82px;
	display: inline-block;
	text-align: center;
	font-weight: normal;
}

.nav.tab-menu.nav-tabs>li>a {
  padding: 10px 5px;
}

@media (min-width: 800px){
	.nav.tab-menu.nav-tabs>li>a {
	  padding: 10px 10px;
	}
}

.id-picture { 
	border: 1px solid #eee;
}

@media (max-width: 800px){
	.id-picture { 
		margin-left:auto;
		margin-right: auto;
	}
}

.fc-event .fc-content {
  padding: 5px;
}

.fc-unthemed .fc-today {
	background: #f2f4f8;
}

.fc-event {
	font-size: 11px;
	overflow-wrap: break-word;
}

.fc-time-grid-event .fc-time {
	font-size: 11px;
	color: #333;
}

.fc-akoya-meeting.fc-time-grid-event .fc-time {
	color: #FFF;
}

td.scheduler_busy { background-color : #1985ac !important;}

/****************************************************************************************************/
/* TOGGLE CONTAINER */
.toggle_container {
/* 	margin-bottom: 20px; */
}

.header_toggler {
	position: relative;
	margin-bottom: 10px;
	overflow: hidden;
/* 	border-bottom: #f6f6f6 solid 1px; */
}

.header_toggler .bt_toggle {
	position: absolute;
	right: 0;
	bottom: -1px;
	height: 26px;
	padding: 0 10px;
	cursor: pointer;
	margin: 0;
	color: #333;
	line-height: 26px;
	white-space: nowrap;
/* 	border: #f6f6f6 solid 1px; */
/* 	background: #f6f6f6; */
	color: #0cacff;
	font-size: 16px;
}

.header_toggler .bt_toggle span.arrow {
	display: inline-block;
	height: 22px;
	width: 15px;
	background: url("/img/bg_toggle.png") -30px -2px no-repeat;
	vertical-align: middle;
}

.toggle_closed .bt_toggle span.arrow {
	background-position: -5px center;
}
.header_toggler h3{
	float: left;
	margin: 5px 0 5px 0;
	width: 92%;
	
}
.header_toggler h4 {
	float: left;
	margin: 0;
	padding-bottom: 6px;
	width: 93%;
	line-height: 26px;
}
@media ( max-width : 1299px) {
	.table-responsive {
	  overflow-x: scroll;
	  width: 100%;
	}
}
/*******INVOICES ***/

.invoice_view {
  padding: 40px;
}
.tab-montants {
  width: 100%;
  background-color: #ccc;
  border-collapse: separate;
  border-spacing: 1px;
}
.tab-montants td {
  padding: 3px;
}
td.td_variable {
	text-align: right;
	padding: 0px;
}

td.td_variable div {
	position: relative;
	padding: 4px;
}

td.td_variable div .variable_value {
	display: inline-block;
	cursor: pointer;
}

td.td_variable div div.detail_variable {
	display: none;
	position: absolute;
	top: 30px;
	left: -50px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 8px;
	z-index: 100;
	width: 245px;
	text-align: left;
}
.action-bt {
  text-align: right;
  font-size: 16px;
}
.action-bt a {
  color: #555;
  font-size: 16px;
}
.action-bt-grey a {
  color: #ccc;
}
.color-success {
  color: #5cb85c;
}
.color-default {
  color: #ccc;
}
.valuezero {
  color: #ccc;
}
.valuezero_gm span {
  display: none;
}
.valuezero_gm span.value_n-1 {
	display: block;
}
.glyphicon-grey{ color : #ccc;}
.glyphicons.glyphicon-grey:before {
  color: #ddd;
}
.glyphicons.glyphicon-blue:before {
  color: #20a8d8;
}
.table-acl .glyphicons:before {
  position: relative;
  font-size: 18px;
}
.table-acl .glyphicons {
  padding-left: 0;
}
.valuezero_budget span {
	display: none;
}
.highlight {
  font-weight: bold;
  color: #36a9e1;
}
.infobulle {
	position: relative;
	display: inline;
	width: 0px;
	height: 0px;
}

.infobulle-texte {
	position: absolute;
	top: 5px;
	left: 10px;
	width: 300px;
	color: #000000;
	padding: 5px;
	font-size: 10px;
	background-color: #fefefe;
	border: 1px solid #000000;
	text-align: left;
}

img.infobulle-icone {
	cursor: help;
	margin-top: 2px;
}
.td_percent_green {
	background-color: #dff0d8 !important;
}

.td_percent_red {
	background-color: #f2dede !important;
}

.td_percent_yellow {
	background-color: #fcf8e3 !important;
}

.contributor_tab_div {
	width: 25%;
	float: left;
	margin-bottom: 40px;
}

.contributor_tab {
	width: 90%;
	background-color: #ccc;
}
/*****************FORMS ********************/
/*******************************************/
.form_row .content_helper .errors {
  display: block;
  background: #f8f8f8;
  padding: 5px;
  border: 1px solid #eee;
  position: absolute;
  width: auto;
  font-size: 12px;
  z-index: 10;
  box-shadow: 1px 1px 12px #ccc;
  cursor: pointer;
}
.form_row .content_helper .errors li {
	list-style: none;
	width: 215px;
}

.form_row:hover .content_helper .form_helper {
	display: block;
}
select,textarea,input,.uneditable-input
	{
	float: left;
/* 	font-size: 12px; */
	margin-right: 10px;
}
.navbar-form input{
	float:none; margin-bottom : 0px !important;
}


textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input
	{
	border: 1px solid #e1e6ef;
}

.form_row select,
.form_row textarea,
.form_row input,.uneditable-input
	{
	display: inline-block;
	padding: 4px 6px;
	margin-bottom: 10px;
/* 	font-size: 14px; */
	color: #555555;
	vertical-align: middle;
	min-height : 29px;
}


.form_row input[type="checkbox"]{
	min-height : 22px;
}


/* select,input[type="file"] { */
/* 	height: 30px; */
/* 	/* In IE7, the height of the select element cannot be changed by height, only font-size */ */
/* 	*margin-top: 4px; */
/* 	/* For IE7, add top margin to align select with labels */ */
/* 	line-height: 30px; */
/* } */

select {
	width: 220px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

dl,form {
	margin: 0;
}

dd {
	margin-left: 0px;
}

.form_row_button {
	width: 50%;
}

.form_row label {
	display: block;
	margin-bottom: 5px;
	width: 250px;
	float: left;
	font-size: 12px;
	padding-right: 10px;
	margin-top: 5px;
	line-height: 20px;
}

.form_row label.auto-label {
	width: auto;
}

.form_row label.optional {
	color: #999;
	font-weight: normal;
}

.form_row_required  label.optional {
	color: #222;
}

.eaa_add_form .form_row label.required {
	width: 260px;
}

/* .form_row label.optional {color : #999;} */
.form_row_checkbox {
	margin-bottom: 10px;
}

.assist_user_id_form_row {
	display: none;
	float: left
}

.form_row div.checker {
	float: left;
	margin-top: 5px;
	margin-right: 20px;
}

.form_row_radio {
	margin-bottom: 10px;
}

.form_row_radio label {
	width: auto;
}

.form_row_radio label.optional {
	width: 255px;
}

.form_row_radio label.required {
	width: 255px;
}

.form_row_radio label input {
	margin-right: 5px;
	margin-bottom: 5px;
}

.po_function_form_row {
	display: none;
}

#user_zone_form_row {
	display: none;
}

.form_row_hidden{
	display:none;
}

.form_row:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.form_row .content_helper {
	display: block;
	position: relative;
	float: left;
}

.form_row .content_helper .form_helper,
.form-group .content_helper .form_helper 
{
	display: none;
	background: #f5f5f5;
	padding: 5px;
	border: 1px solid #eee;
	position: absolute;
	top: 100%;
	width: 100%;
	font-size: 12px;
	z-index: 11;
	box-shadow: 1px 3px 10px #999;
}


.has-error select.form-control {
    border-color: #ff5454 !important;
}

@media ( max-width : 1199px) {
	.form_row .content_helper .form_helper {
		right: 0px;
		top: 35px;
		width: 308px;
	}
	.form_row .content_helper .errors {
		right: 0px;
		top: 0px;
	}
}

@media ( min-width : 1200px) {
	.form_row .content_helper .form_helper {
		left: 8px;
		width: 250px;
	}
	.form_row .content_helper .errors {
		right: 0px;
		top: 0px;
	}
}

.eaa_add_form .form_row .content_helper .form_helper {
	left: 8px;
	width: 470px;
}

.form_row_radio_career .content_helper .errors {
	right: -210px;
}

.form_row .content_helper .errors {
	display: block;
	background: #f8f8f8;
	padding: 5px;
	border: 1px solid #eee;
	position: absolute;
	width: auto;
	font-size: 12px;
	z-index: 10;
	box-shadow: 1px 1px 12px #ccc;
	cursor: pointer;
}

.form_row .content_helper .errors li {
	list-style: none;
	width: 215px;
}

.form_row:hover .content_helper .form_helper {
	display: block;
}

.form_row_radio_objectives label {
	float: none;
	width: 280px;
}

.form_row_radio_objectives label input {
	margin-right: 5px;
	margin-bottom: 5px;
}

.form_row_radio_career {
	margin-top: -15px;
}

.form_row_radio_career label {
	width: auto;
	margin-right: 20px
}

.form_row_radio_career label input {
	margin-right: 5px;
	margin-bottom: 5px;
}

.form_row_mobility_checkbox label {
	width: 35px;
	margin-top: 2px;
}

.form_row input.input_percent {
	width: 50px;
}

.form_row .caption_percent:after {
	content: "%";
	margin-left: 5px;
}

.form_row input.input_euros {
	width: 150px;
}

.form_row input.input_nb {
	width: 150px;
}

.form_row .caption_euros {
	float: left;
}

.form_row .caption_euros:after {
	content: "€";
	margin-left: 5px;
	display: inline-block;
	margin-top: 5px;
	margin-right: 15px;
}

.form_row_multicheckbox {
	margin-bottom: 20px;
}

.form_row_multicheckbox label {
	width: 100px;
	color: #777;
}

.form_row_multicheckbox label:first-child { /* 	float: none; */
	width: 250px;
}

.form_row_multicheckbox div.checker {
	margin-top: 0px;
}

.training_form .form_row_multicheckbox label {
	float: none;
	width: 450px;
	margin-left: 245px;
}

.training_form .form_row_multicheckbox label:first-child {
	margin-left: 0px;
}

.print_menu_form .form_row label {
	width: 400px;
}

.print_menu_form .form_row select {
	width: 65px;
}

input {
	font-family: inherit;
}
select {
	width: 320px;
	font-size: 12px;
	font-family: inherit;
	margin-right: 10px;
}

select:focus {
	outline-color: #fff;
	outline-style: none;
}

select.auto-select {
	width: auto;
	padding-right : 20px;
}

@media(max-width : 340px){
	input,textarea,.uneditable-input {
		width: 100%;
	}
}


input[type=checkbox], input[type=radio], input[type=submit] {
/* width: auto; */
}

input[disabled],select[disabled],textarea[disabled] {
	background: none;
	color: #999;
	cursor: default;
	border-color: #eee;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

textarea[disabled] {
	border-color: #eee;
}

input[type="checkbox"] {
/* 	margin: 6px 0px 10px 0px; */
}


.filter_form_panels .panel-body {
	padding :20px 0px 10px 0px;
}

.dataTables_filter select {
    width: auto;
    padding: 2px 3px;
    border-radius: 0px !important;
}

.dataTables_wrapper input, .dataTables_wrapper select {
    float: none;
}
.dataTables_filter {
    text-align: right;
}

.filter_form .form_row label {
	font-size: 12px;
	width: 100%;
	margin-top: 5px;
	margin-right : 0px;
}
.filter_form .form_row input,.filter_form .form_row select {
		font-size: 12px;
		width: 100%;
}
@media (min-width: 800px){
	
	.filter_form .form_row {
		float: left;
		width : 50%;
	}
	.filter_form .form_row label {
		width: 35%;
		margin-top: 5px;
	}
	
	.filter_form .form_row input,.filter_form .form_row select {
		width: 60%;
	}
}
@media (min-width: 1280px){
	.filter_form .form_row {
		float: left;
		width : auto;
	}
	.filter_form .form_row label {
		width: auto;
		margin-right: 10px;
	}
	.filter_form .form_row input,.filter_form .form_row select {
		width: auto;
		max-width: 170px;
	}
	
	.filter_form .form_row input.filter-account-reference{
		width:65px;
	}
	.filter_form .form_row input.filter-account-advanced-city{
		width : 210px;
	}
}


.filter_form .form_row.first_filter label {
	width: 105px;
}


.filter_form .form_row select {
	padding-right : 24px;
}

.filter_form .form_row input[type=checkbox] {
/* 	width : 25px; */
}

.filter_form .form_row.first_filter input,.filter_form .form_row.first_filter select
	{
	width: 250px;
}


.filter_form .ui-autocomplete-input , .ui-autocomplete-input {
	padding-left : 10px;
	padding-right : 20px;
}
.filter_form .ui-autocomplete-input:focus ,  .ui-autocomplete-input:focus {
	background: white url('/img/ui-anim_basic_16x16.gif') 5px center no-repeat;
	padding-left : 30px;
	padding-right : 0px;
}

.filter_form .input_full_size {
	width: 400px;
}

.filter_form .input_full_size.ui-autocomplete-input:focus {
	background: white url('/img/ui-anim_basic_16x16.gif') 490px center
		no-repeat;
}

.input_day {
	width: 35px;
	margin-right: 5px;
}

.input_month {
	width: 35px;
	margin-right: 5px;
}

.input_year {
	width: 60px
}

.input_no_label_required {
	margin-right: 3px;
	color: #333;
}

.input_no_label_required::-webkit-input-placeholder {
	/* WebKit browsers */
	color: #000;
}

.input_no_label_required:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #000;
}

.input_no_label_required::-moz-placeholder { /* Mozilla Firefox 19+ */
	color: #000;
}

.input_no_label_required:-ms-input-placeholder {
	/* Internet Explorer 10+ */
	color: #000;
}

.form_row textarea.full-size {
	width: 850px;
}

.form_row input.full-size {
	width: 850px;
}

.form_row textarea.iframe_textarea {
	width: 532px;
	margin-right: 0;
}
/*********JQUERY UI CUSTOM THEME ***/
.ui-widget,.ui-widget input,.ui-widget textarea {
	font-family: inherit;
}

.ui-widget-header {
	background: none;
	border-color: #fff;
}

.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl,.ui-corner-tl
	{
	border-radius: 1px;
}

.ui-state-focus,.ui-widget-content .ui-state-focus {
	background: none;
	border-color: #fff;
	color: #0088cc
}



.ui-tooltip {
	font-size: 12px;
}

.ui-tabs-vertical {
	width: 100%;
}

.ui-tabs-vertical .ui-tabs-nav {
	padding: 0;
	float: left;
	min-width: 230px;
	width: 24%;
}

.ui-tabs-vertical .ui-tabs-nav li {
	clear: left;
	width: 100%;
	border-bottom-width: 1px !important;
	border-right-width: 0 !important;
	margin: 0 -1px .2em 0;
}

.ui-tabs-vertical .ui-tabs-nav li a {
	display: block;
	padding-right: 30px;
	float: none;
}

.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 0;
	padding-right: .1em;
	border-right-width: 1px;
	border-right-width: 1px;
}

.ui-tabs-vertical .ui-tabs-panel {
	padding: 0 0 0 20px;
	float: left;
	min-width: 685px;
	width: 66%;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  font-weight: normal;
  color: #555555;
}
/*********************************************** DATE PICKER *****************/
.ui-datepicker-calendar .ui-state-default {
	border-color: #fff;
	background: none;
	text-align: center;
}

.ui-datepicker-calendar .ui-state-hover,.ui-datepicker-calendar .ui-state-active
	{
	border-color: #eee;
	background: #019ad2;
	color: #fff;
}

.ui-datepicker .ui-datepicker-title {
	font-family: "open sans", arial, sans-serif;
	font-weight: 400;
	font-size: 18px;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month,.ui-datepicker .ui-datepicker-title .ui-datepicker-year
	{
	font-size: 11px;
}

.ui-datepicker {
	border-color: #ccc;
	margin-top: 2px;
}

.ui-datepicker-trigger {
	cursor: pointer;
	margin-top: 2px;
	float: left;
}

.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
	top: 4px;
	cursor: pointer;
}

.ui-datepicker .ui-datepicker-prev.ui-state-hover,.ui-datepicker .ui-datepicker-next.ui-state-hover
	{
	background: none;
	border-color: #fff;
}

.ui-datepicker .ui-icon-circle-triangle-w {
	background: url('/img/ui-icon-circle-triangle-w.png') no-repeat;
	height: 18px;
}

.ui-datepicker .ui-icon-circle-triangle-e {
	background: url('/img/ui-icon-circle-triangle-e.png') no-repeat;
	height: 18px;
}
.ui-datepicker-trigger{
    border:none;
    background:none;
	font-size: 14px;
	color: #777;
 }
/**********************************************************************************/
/* EXPRESS UPDATE CONTACT */
/**************************************************/
span.edit,span.edit_select,span.edit_email {
	width: 100%;
	display: block;
	cursor: pointer;
}

.inputClassEditable input {
	width: 100% !important;
	min-height : 28px !important;
	display: block;
	margin-bottom: 5px;
}

.inputClassEditable button {
	margin-right: 5px;
}

.inputClassEditable select {
	width: auto !important;
	padding: 0px;
}
.inputClassEditableFull select {
	width: 100% !important;
	padding: 0px;
}

span.assign_contact,span.unassign_contact,span.verify-contact,span.unlink_account
	{
	cursor: pointer
}
span.paid-invoice {cursor: pointer}



/***** ORGANIGRAMME ******/  
.tree ul {
	padding-top: 20px; position: relative;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li {
 	list-style-type: none; 
	position: relative;
	padding: 0px 5px 10px 80px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.tree li::before{
	content: '';
	position: absolute; 
	top: -20px; 
	left : 0;
	border-left: 1px solid #ccc;
	height: 100%;
}

.tree ul li:last-child::before{
	height: 36px;
	
}

.tree li::after{
	content: '';
	position: absolute; top: 15px; right: 50%;
	border-left: 1px solid #ccc;
	width: 80px; 
	left:0;
	border-top: 1px solid #ccc;
}

.tree li a{
	border: 1px solid #ccc;
	padding: 5px 10px;
	text-decoration: none;
	color: #333;
	font-family: arial, verdana, tahoma;
	font-size: 11px;
	display: inline-block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}


.tree li.no-draw:only-child::after, .tree li.no-draw:only-child::before {
 	display: none; 
}
.tree li.no-draw{
	padding-left : 0;
}

.tree li:only-child{ padding-top: 0;}



.tree li a:hover, .tree li a:hover+ul li a {
	background-color: #c8e4f8; color: #000; border: 1px solid #94a0b4;
}
.tree li a:hover+ul li::after, 
.tree li a:hover+ul li::before, 
.tree li a:hover+ul::before, 
.tree li a:hover+ul ul::before{
	border-color:  #94a0b4;
}


.loadmask {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  -moz-opacity: 0.5;
  opacity: .50;
  filter: alpha(opacity=50);
  background-color: #333;
  width: 100%;
  height: 100%;
  zoom: 1;
}
.loadmask-msg {
  z-index: 1000;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  margin-top: -30px;
  margin-left: -40px;
  background: transparent;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.loadmask-msg .w-mask-label {
  float: left;
  position: relative;
  top: 4px;
}
.loadmask-msg > div {
  padding: 10px 12px;
  font-size: 13px;
  color: #fff;
  cursor: wait;
}
.masked {
  overflow: hidden !important;
}
.masked-relative {
  position: relative !important;
}
.masked-hidden {
  visibility: hidden !important;
}
.w-loader {
  width: 30px;
  float: left;
  display: inline-block;
  margin-right: 6px;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  border-bottom: 3px solid #fff;
  border-left: 3px solid #17bab8;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
.w-loader,
.w-loader:after {
  border-radius: 50%;
  width: 30px;
  height: 30px;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/* JOBS IFRAME */
/*********************/

.job-detail__item {
    margin-top: 18px;
    border: 1px solid #8dc63f;
    padding: 0px 14px 20px 14px;
	margin-bottom:30px;
	background:#fff;
}

.job-detail__item .detail__title {
    margin: 28px 0 14px;
    text-transform: uppercase;
    font-weight: 700;
	font-size:18px;
}

.jobs-results .job__item {
    border: 1px solid #8dc63f;
	background:#fff;
}

.jobs-results .job__activity {
    margin-bottom: 0;
    border-bottom: 1px solid #fff;
    min-height: 56px;
    background: #8dc63f;
    text-align: center;
    line-height: 50px;
    font-size: 16px;
    color: #fff;
}

.jobs-results .job__title {
    display: block;
    padding: 25px 14px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #253289;
	min-height: 135px;
}

.jobs-results .job__title:hover, .jobs-results .job__title.open {
    background: #8dc63f;
    text-decoration: none;
    color: #fff;
}

.jobs-results .job__infos {
    margin: 0;
    background: #f2f2f2;
    padding: 0 14px 14px 14px;
    color: #666;
	
}

.jobs-results .job__infos li {
    list-style: none;
    border-top: 1px solid #d5dcdd;
    min-height: 38px;
    padding: 5px 0;
    font-size: 11px;
}

.jobs-results .job__infos li a{
	color:#666;
}

.jobs-results .job__infos .job__infos--location::before {
    display: block;
    float: left;
    margin-top: 5px;
    background-image: url(/img/sprite-gds.png);
    background-position: -123px -88px;
    width: 30px;
    height: 20px;
    content: "";
}

.jobs-results .job__infos .job__infos--location div {
    display: inline;
}

.jobs-results .job__infos .job__infos--contract::before {
    display: block;
    float: left;
    margin-top: 5px;
    background-image: url(/img/sprite-gds.png);
    background-position: 0px -125px;
    width: 30px;
    height: 20px;
    content: "";
}

/***********************IFRAMES INTRANET **************************************/

.iframe_blue { color :#092D7E !important;}
.iframe_blue_bt { background-color :#092D7E !important; color:#fff; border:#092D7E !important}
.iframe_blue_bt:hover { background-color :#0a1f4e !important;color:#fff;border:#0a1f4e !important}
a.iframe_blue { color :#092D7E !important;}
a.iframe_blue:hover { color :#092D7E !important;}

.iframe-list .pagination li.active a, 
.iframe-list .pagination li.active span, 
.iframe-list .pagination li.active a:hover, 
.iframe-list .pagination li.active span:hover, 
.iframe-list .pagination li.active a:focus, 
.iframe-list .pagination li.active span:focus {
    background-color: #092D7E;
    border-color: #092D7E;
}

.iframe-list .pagination li a, 
.iframe-list .pagination li span {
    border: 1px solid #e1e6ef;
    color: #092D7E;
}

.iframe-list .pagination li.active a {
    color: #fff;
}


.iframe-intranet .main{background:#fff;}
.iframe-intranet .panel{
	box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow:none;
	
}

h3.iframe_blue{font-size:16px;}

.iframe-list .dataTables_length{display:none;}

.iframe-intranet .jobs-results .job__item,
.iframe-intranet .job-detail__item {
    border: 1px solid #898989;
}

.iframe-intranet .jobs-results .job__title:hover, 
.iframe-intranet .jobs-results .job__title.open {
    background: #fff;
    text-decoration: none;
    color: #092D7E;
}

body.iframe-intranet{background:#fff !important;}

.title_list_min {display:inline-block; width:35px;}

.tooltip-inner {
  max-width: 250px;
}

.table-stats .tooltip-inner {
  max-width: 380px;
}

/* DASHBOARD */
.statistic-box {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background: 50% 50% no-repeat;
    -o-background-size: cover;
    background-size: cover;
    margin: 0 0 20px;
}
.statistic-box>div {
    -webkit-border-radius: inherit;
    border-radius: inherit;
    height: 120px;
    background: url(/img/statistic-box-grid.png) 50% 0;
    -o-background-size: 21px 20px;
    background-size: 21px 20px;
    position: relative;
}

.statistic-box.red {
    background-color: #fa424a;
    background-image: url(/img/statistic-box-red.png);
}

.statistic-box.purple {
    background-color: #ac6bec;
    background-image: url(/img/statistic-box-purple.png);
}
.statistic-box.yellow {
    background-color: #fdad2a;
    background-image: url(/img/statistic-box-yellow.png);
}
.statistic-box.green {
    background-color: #46c35f;
    background-image: url(/img/statistic-box-green.png);
}
.statistic-box .number {
    font-size: 3.125rem;
    font-size: 40px;
    line-height: 45px;
    padding: 32px 0 0;
}
.statistic-box .number i.fa-briefcase
{
	font-size: 42px; 
}

.statistic-box a{color:inherit;}

.statistic-box .caption {
    font-size: 1.0625rem;
    position: relative;
    min-height: 25px;
	padding-top:8px;
    line-height: 1;
}
.statistic-box .percent {
    position: absolute;
    right: 10px;
    bottom: 8px;
    text-align: center;
    font-size: .8125rem;
    font-weight: 600;
    line-height: 1;
}

.chart-statistic-box {
    zoom: 1;
    margin: 0 0 30px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.chart-statistic-box .chart-txt {
    float: left;
    width: 180px;
    height: 314px;
    padding: 15px 20px;
    background: #304b58;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
    color: #fff;
    position: relative;
    z-index: 5;
}

.chart-statistic-box .chart-txt .chart-txt-top {
    text-align: center;
    margin: 0 0 10px;
}
.chart-statistic-box .chart-txt p {
    margin: 0;
}
.chart-statistic-box .chart-txt .chart-txt-top .unit {
    font-weight: 300;
    font-size: 1.25rem;
    color: #929faa;
    margin: 0 .3em 0 0;
    position: relative;
    top: -.2em;
}
.chart-statistic-box .chart-txt .chart-txt-top .number {
    font-size: 2.125rem;
}
.chart-statistic-box .chart-txt .chart-txt-top .caption {
    font-weight: 600;
}
.chart-statistic-box .chart-txt .tbl-data {
    width: 100%;
    position: absolute;
    bottom: 15px;
}
.chart-statistic-box .chart-container {
    float: right;
    width: 100%;
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    background: #00a8ff;
    color: #fff;
    margin-left: -180px;
}
.chart-statistic-box .chart-container .chart-container-in {
    margin-left: 180px;
    position: relative;
}
.chart-statistic-box .chart-container .chart-container-title {
    position: absolute;
    top: auto;
    bottom: 20px;
    left: 0;
    width: 90%;
    text-align: center;
    z-index: 20;
    color: #a4e0ff;
	font-family: "open sans", arial, sans-serif;
    font-weight: 300;
	font-size:22px
}
.chart-statistic-box .chart-container .chart-container-x {
    left: 0;
    top: 5px;
    width: 100%;
    text-align: center;
    zoom: 1;
}

.chart-statistic-box .chart-container .chart-container-x .item:first-child, .chart-statistic-box .chart-container .chart-container-x .item:last-child {
    width: 4.5%;
	text-align: right;
}
.chart-statistic-box .chart-container .chart-container-x .item {
    float: left;
    width: 9%;
    min-height: 5px;
}
.chart-statistic-box .chart-container .chart-container-x:after, .chart-statistic-box .chart-container .chart-container-x:before, .chart-statistic-box:after, .chart-statistic-box:before {
    content: " ";
    display: table;
}
.chart-statistic-box .chart-container .chart-container-x:after, .chart-statistic-box .chart-container .chart-container-x:before, .chart-statistic-box:after, .chart-statistic-box:before {
    content: " ";
    display: table;
}
.chart-statistic-box .chart-container .chart-container-y {
    right: 3px;
    top: 0;
    text-align: right;
    line-height: 22px;
}
.chart-statistic-box .chart-container .chart-container-x, .chart-statistic-box .chart-container .chart-container-y {
    font-size: 14px;
/*     text-transform: uppercase; */
/*     font-weight: 700; */
    position: absolute;
    z-index: 20;
}
.chart-statistic-box .chart-container .chart-container-y .item {
    height: 22.4px;
}
.chart-statistic-box .google-visualization-tooltip {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    background: 0 0!important;
    color: #fff!important;
    border: none!important;
    font-weight: 700!important;
    margin-left: -35px;
}
.color-lime {
    color: #afed3e!important;
}
.color-yellow {
    color: #fed832!important;
}
.dark-background {
    background: #384042 !important;
    color: #fff !important;
}
.dark-background h2 {
    color: #fff !important;
}