/*

  ______  __    __       ___       __       __  ___ ____    ____ 
 /      ||  |  |  |     /   \     |  |     |  |/  / \   \  /   / 
|  ,----'|  |__|  |    /  ^  \    |  |     |  '  /   \   \/   /  
|  |     |   __   |   /  /_\  \   |  |     |    <     \_    _/   
|  `----.|  |  |  |  /  _____  \  |  `----.|  .  \      |  |     
 \______||__|  |__| /__/     \__\ |_______||__|\__\     |__|     
                                                                 
                                                                 
*/


 
/***********************
 * Evolutions 	 	   *
 **********************/

div#evolutions_tabs span.tag {
	padding: 2px 8px;
	border-radius: 10px;
	color: white;	
	font-weight: bold;
	margin-right: 10px;
} 
 
div#evolutions_tabs {
	 background-color: #ecf0f5;
}


div#evolutions_tabs li.time-label {
	cursor: pointer;
}

div#evolutions_tabs span.icon {
	width: 30px;
	height: 30px;
	font-size: 15px;
	line-height: 30px;
	position: absolute;
	color: #666;
	background: #d2d6de;
	background-color: rgb(210, 214, 222);
	border-radius: 50%;
	text-align: center;
	left: 18px;
	top: 0;
}
 
 
 

/***********************
 * Font-awesome 5 SVG  *
 ***********************/
 .timeline-fa5 {
 	width: 30px;
 	height: 30px;
 	font-size: 15px;
 	line-height: 30px;
 	position: absolute;
	color: #666;
	background-color: rgb(210, 214, 222);
	border-radius: 50%;
	text-align: center;
	left: 18px;
	top: 0;
 }
 
 .timeline-header {
 	font-weight: bold;
 }

/***********************
 * Permissions page	   *
 **********************/

html section.policies ul.dropdown-menu {
	padding: 0px !important;
	margin: 0px !important;
}

html section.policies ul.dropdown-menu .divider {
	height: 0px !important;
	margin: 0px !important;
}

html section.policies ul.dropdown-menu li a:hover span {
	font-weight: bold !important;
}

html section.policies ul.dropdown-menu li a:hover i.fa {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa 2s infinite linear;
}

html section.policies ul.dropdown-menu li a i.fa {
    -webkit-animation: none;
    animation: none;
}



.main-header .sidebar-toggle::before {
	content: none !important;
}

/***********************
 * Passwords page	   *
 **********************/

div.in_date_of_mail, div.after_using_it_for_mail, div.inactivity_period_mail, div.password_characters_allowed {
	margin-left: 40px;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ColVis_MasterButton, .fc-state-default {
    -moz-user-select: none;
    background-color: #f3f3f3;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.13);
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    cursor: pointer;
    filter: none;
    font-size: 13px;
    font-weight: normal;
    padding: 6px 13px;
    position: relative;
    text-shadow: none;
    z-index: 1;
}
label {
    line-height: 20px;
}
label, input, button, select, textarea {
    font-size: 13px !important;
}
label, input, button, select, textarea {
    font-size: 13px !important;
    display: inline;
}


section.content-header > .breadcrumb {
	padding: 7px 15px;
}


table td.group {
	text-align: center;
	font-weight: bold;
	color: #F39000;
}

table tr.group {
	background-color: #ddd;
}


.required {
	color: red;
}


/***********************
 * Datatable	 	   *
 **********************/

html body table.datatable, html body table.dataTable {
	border-collapse: collapse;
	width: 100%;
}

html body table.datatable thead , html body table.dataTable thead {
	height: 32px;
}
	
html body .dataTables_wrapper .dataTables_filter input {
    margin-left: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
   /*padding: 1px 1px 1px 2px !important;*/
}


html body .table-striped > tbody > tr:nth-of-type(2n+1), 
html body .table-striped > tbody > tr:nth-child(2n+1) > td, 
html body .table-striped > tbody > tr:nth-child(2n+1) > th
 {
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(145, 152, 155);
    /* RGBa with 0.6 opacity */
    background-color: rgba(145, 152, 155, 0.2);
    /* For IE 5.5 - 7*/
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9991989b, endColorstr=#9991989b);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#9991989b, endColorstr=#9991989b)";

}


.table-striped>tbody>tr:nth-child(odd)>td, 
.table-striped>tbody>tr:nth-child(odd)>th {
   background-color: #f00;
 }


html body .form-control {
    height: auto;
}


html body ul.ColVis_collection {
	width: auto;
}

.center {
	text-align: center;
}

table#change_collectivity  img.img-circle {
    height: 30px;
    width: 30px;
    margin-right: 10px;
}

table#change_collectivity td a.btn {
	margin: 20px;
}

table.datatable a.btn {
	font-weight: bold
}



.tab_header {
	clear: both;
	margin-top: 20px;
}

.tab_header ul.pagination li.paginate_button.first a, #mails_first a {
	margin-top: 0;
}

.tab_header .dataTables_info, #mails_info {
	float: left;
	margin-left: 40px;	
}

.tab_header .dataTables_paginate, #mails_paginate {
	float: right;	
}


.tab_header .dataTables_length, #mails_length {
	float: left;
}

.tab_footer .dataTables_length {
	float: left;
}
.tab_footer .dataTables_info {
	float: left;
	margin-left: 40px;
}

.tab_footer .dataTables_paginate ul.pagination li.paginate_button.first a {
	margin-top: 0;
}








html body i.fa-5x {
	font-size: 5em !important;
	margin: 0 10px 10px 10px !important;
}
html body i.fa-4x {
	font-size: 4em !important;
	margin: 0 10px 10px 10px !important;
}
html body i.fa-3x {
	font-size: 3em !important;
	margin: 0 10px 10px 10px !important;
}
html body i.fa-2x {
	font-size: 2em !important;
	margin: 0 10px 10px 10px !important;
}
html body i.fa-1x {
	font-size: 1em !important;
	margin: 0 10px 10px 10px !important;
}




.nomargin {
	margin: 0;
}
.nopadding {
	padding: 0;
}


.clear {
	clear: both;
}







.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.dataTable {
  clear: both;
  margin-top: 10px;
}
.dataTables_length label label {
  line-height: 29px;
}
.dataTables_length label select,
.dataTables_length label .select2-container {
  margin-right: 5px;
}
.dataTables_filter {
  text-align: right;
}
.dataTables_paginate .pagination {
  margin: 2px 0;
}
.dataTables_footer {
  padding-top: 5px;
}
.widget-content.no-padding .dataTables_header {
  padding: 12px 0;
  border-bottom: 1px solid #dddddd;
  background-color: #fafafa;
}
.widget-content.no-padding .dataTable {
  margin-top: 0;
}
.widget-content.no-padding .dataTables_footer {
  padding: 12px 0;
  border-top: 1px solid #dddddd;
  background-color: #f9f9f9;
}
/* * * * * * * * * * * *
 * Processing
 * * * * * * * * * * * */
html body div.dataTables_processing {
  position: absolute !important;
  left: 8% !important;
  width: 95% !important;
  margin-top: -4px !important;
  border: 1px solid #111 !important;
  color: #111 !important;
  background-color: white !important;
  opacity:0.9;
  z-index:1;
  font-weight: bold;
  font-size: 12px;
  top: 64% !important;	
}
/* * * * * * * * * * * *
 * TableTools & ColVis
 * * * * * * * * * * * */
.DTTT,
.ColVis {
  float: right;
  margin-left: 10px;
}
.ColVis_collection {
  border-bottom: 1px solid #d9d9d9;
}
.ColVis_collection .ColVis_Button {
  background-color: #f9f9f9;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  padding: 5px;
  text-align: left;
  color: #6f6f6f;
}
.ColVis_collection .ColVis_Button .ColVis_radio {
  padding-right: 5px;
}
.ColVis_collection .ColVis_Button:hover {
  background-color: #fff;
  color: #000;
}
/* * * * * * * * * * * *
 * Search
 * * * * * * * * * * * */
.dataTables_filter .input-group {
  width: 250px;
}
@media (max-width: 767px) {
  .dataTables_filter .input-group {
    width: 100%;
  }
}
.dataTables_filter .input-group > input {
  position: relative;
}
/* * * * * * * * * * * *
 * Responsive
 * * * * * * * * * * * */
table.has-columns-hidden > tbody > tr > td > span.responsiveExpander {
  background: url('../../../plugins/datatables/responsive/img/plus.png') no-repeat 5px center;
  padding-left: 32px;
  cursor: pointer;
}
table.has-columns-hidden > tbody > tr.detail-show > td span.responsiveExpander {
  background: url('../../../plugins/datatables/responsive/img/minus.png') no-repeat 5px center;
}
table.has-columns-hidden > tbody > tr.row-detail > td {
  background: #eee;
}
table.has-columns-hidden > tbody > tr.row-detail > td > ul {
  list-style: none;
  margin: 0;
}
table.has-columns-hidden > tbody > tr.row-detail > td > ul > li > span.columnTitle {
  font-weight: bold;
}
/* * * * * * * * * * * *
 * Horizontal Scrolling
 * * * * * * * * * * * */
.dataTables_scrollBody > .dataTable {
  margin-top: 0;
}
/***********************
 * ColumnFilter        *
 **********************/
.filter_column > input {
  width: 100% !important;
}



div.firstdaystartyear, div.lastdayendyear {
	font-weight: bold;
	font-size: 200%;
}


table.datatable tbody tr.green td div.green {
	color: green;
}
table.datatable tbody tr.red td div.red {
	color: red;
}

/*
* Show hidden dropdown menu for list of analyses
*/
/*.dropdown {
    position: absolute;
    visibility: hidden;
}*/
td.center:hover .dropdown{
	position: relative;
    visibility: visible;
}
li.list-group-item:hover{
	background-color:#dddddd;	
}




.sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), 
sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu, 
.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
	width: auto !important;
    min-width: 200px;
}

html body .user-panel {
	min-height: 60px !important;
}
html body .user-panel > .info {
	left: 0px !important;
}
html body div.sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
	withe-space: normal !important;	
}


/***********************
 * Select2        	   *
 **********************/

html body .select2-dropdown .select2-search__field:focus {
	border: 0 !important;
}

html body .select2-container--default .select2-selection--multiple {
    height: auto !important;
}

/***********************
 * Info-Box custom 	   *
 **********************/
.info-box-message {
    width: 100%;
    height: 100%;
    display: block;
    text-align: center;
    padding-top: 20px;
    font-size: 16px;
    color: #FFF;
}



html body .sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header {
    white-space: normal;
}