html {
  height:100%;
}
body{
  font-family: 'Open Sans', sans-serif;
  font-size:14px;
  background-color:#FFF;
  height:100%;
  /*overflow-y:auto;*/
  /*overflow-y: hidden;*/
  overflow-x: auto;
}
body.admin {
  overflow: auto;
}
input, textarea{
  /*margin:5px 0px;*/
}

.popover-entity,
.pop_over_plan_cle{
  cursor:pointer;
}

div.input-group > input{
  margin:0px 0px 10px 0px;
}

/* http://jsfiddle.net/KTgrS/ */
div.header {
  min-width:1200px;
  height:50px;
  background-color:white;
}

div.content {
  min-width:1200px;
  display: block;
}

div.left-menu{
  width:95px;
  float:left;
}
div.main-left-menu-item{
  text-align:center;
  border-right:solid 1px #333;
  background-color:#1f1f21;
  border-bottom:1px solid #666;
}
div.main-left-menu-item.active > a > span{
  display: block;
}
div.main-left-menu-item > a > span{
  display: block;
}
a.left-menu-btn{
  color:#909092;
  width:100%;
  height:100%;
  display:block;
  font-size:10px;
  padding:5px 0px;
}
a.left-menu-btn > i{
  font-size:24px;
}
a.left-menu-btn.active{
  color:#1f1f21;
  background-color:#bbb;
}
a.left-menu-btn:hover{
  color:#1f1f21;
  background-color:#bbb;
}

div#breadcrumb{
  height:38px;
  background-color:#bbb;
  border-top:1px solid #888;
  border-bottom:1px solid #888;
}
div#breadcrumb a:hover{
  color:#000;
}

ul.breadcrumb{
  background-color: transparent;
}

.breadcrumb{
  margin-bottom:10px;
}
div#breadcrumb div.breadcrumb-menu-title {
  display:inline-block;
  float:left;
  text-align:center;
  width:94px;
  background-color:#1f1f21;
  color:#0077aa;
  height:30px;
  line-height:30px;
  margin-top:8px;
  border-top-right-radius:5px;
  border-right:solid 1px #333;
}

div.page-container{
  background-color: #e5e5e5;
  padding: 10px 10px 10px 10px;
  margin-left:95px;
  min-height:600px;
}

a.bold, span.bold{
  font-weight: bold;
}
a.red, a.red > i{
  color:red;
}
a.blue, a.blue > i{
  color:blue;
}

table.table{
  width: 100%;
  display: table;
}

table.table th{
  height:44px;
  border-bottom:1px solid #cdcdcd;
  vertical-align: middle;
}

table.table td{
  border-width:0px;
}

table.table a.popup > i.icon-medium{
  font-size:22px;
}
form{
  margin-bottom:0px;
}
form div.field-title{
  padding: 10px;
  line-height: normal;
  font-weight: normal;
}
form input, form select{
  /*margin:5px 0px 5px 0px;
  height:30px;*/
}

form#save_default_folders input[type=checkbox]{
  margin-top:0px;
  margin-right:5px;
}

div.separator{
  height:20px;
}

a{
  color:#444;
  background-color: transparent;
}

a.document-name{
  color:#0088CC;
}

table .ui-resizable:not(.td-action) .ui-resizable-handle.ui-resizable-e {
    width: 10px;
    height: 9px;
    margin-top: -3px;
    background-image: url(../img/grip.png);
    z-index: 88;
    right: -6px;
    cursor: e-resize;
    background-size: 10px 9px;
    background-repeat: no-repeat;
}

.sampleText{
  position:relative;
  width:100%;
}

a.link,
a.data-table-link{
  line-height: 16px;
  color:#424242;
  display: block;
}

a.link > i,
a.link > div > i,
a.data-table-link > i,
a.data-table-link > div > i{
  color:#7f9aab;
  display: inline-flex;
  line-height: inherit;
}

a.link > i > span,
a.data-table-link > i > span {
  text-align: left;
  display: inline-block;
}

a.link > i,
a.link:hover > div > i,
a.data-table-link:hover > i,
a.data-table-link:hover > div > i{
  color:#0088CC;
}

a.link > div.route-left,
a.data-table-link > div.route-left {
    width:15px;
    float:left;
}
a.link > div.route-right,
a.data-table-link > div.route-right {
    margin-left:15px;
    line-height: 16px;
}
div.status-left {
    width: 20px;
    float: left;
}
div.status-right {
    margin-left:25px;
    line-height: 16px;
}

a.action{
  color:#444;
  margin-right:5px;
}

a:hover, a:active, a:visited, a:focus{
  text-decoration: none;
  outline: none;
}
a.action:not(.btn):hover, a:hover, a:active{
  color:#0088CC;
  background-color: transparent;
}

a#lang{
  font-weight: bold;
}

select.percentage {
  width: 80px;
}

div.top-rounded-box{
  background-color: #808080;
  text-align:center;
  width:100%;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  height: 40px;
}

div.top-rounded-box h4{
  color:#ffffff;
  padding-top:10px;
}

div.bottom-rounded-box{
  background-color: #ffffff;
  width:100%;
  height:auto;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding-bottom:10px;
}

div.rounded-box{
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #ffffff;
  padding: 10px 10px 10px 10px;
  margin-bottom: 10px;
  height:auto;
}

div.rounded-box-photoaction{
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  height:auto;
  display:inline-block;
  background-color:#BBB;
  color:#333;
  padding:5px;
  margin-bottom:3px;
}

div.rounded-box2{
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #cccccc;
  padding: 10px 10px 10px 10px;
  margin-bottom: 15px;
  height:80;
}

div.rounded-box-stepname{
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #494748;
  color: #ffffff;
  padding: 3px 3px 3px 3px;
  text-align:center;
  font-weight: bold;
  height: 23px;
}

div.rounded-imagebox{
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  padding: 5px 5px 5px 5px;
  height:125px;
  width:99%;
  border-color:#bbb;
  border-width:1px;
  border-style:solid;
}

h3.title-rounded-box{
  color: #666666;
  margin-left:15px;
}

.black-text {
    color: black;
}

.gray-text{
  color: #666666;
}

.gray-text-light{
  color:#999999;
}

div.graphbar-big{
  background-color: #e5e5e5;
  width:98%;
  height:30px;
}

div.graphbar-big div.bar {
  background-color: #2494ba;
  height:100%;
}

div.graphbar-big div.bar.completed {
  background-color: #02921A;
  height:100%;
}

div.graphbar-big div.bar .graphtext{
  /*color: #e1e5f1;*/
  font-size:18px;
  font-weight: bold;
  width: 100px;
  color:#333;
}

.graphbar {
  display: block;
  overflow: visible;
  line-height: 20px;
}

.graphbar .bar {
  background-color: #e2e2e2;
  width: 95%;
  height: 2em;
}

.graphbar .bar .graphtext {
  background-color: #2494ba;
  height: 100%;
  min-width:34px;
  color: white;
  font-size: 0.7em;
  font-weight: bold;
}

.graphbar .bar.completed .graphtext {
  background-color: #99ce9a;
}

.graphbar .bar.notstarted .graphtext {
  background-color: #e2e2e2;
  color:#2494ba;
}

.graphtext > span{
  position:relative;
  top:5px;
  left:5px;
}

table th{
  text-align:left;
}

table tr.tableTitle{
  background-color:#808080;
}

table tr.tableTitle td{
  border-radius:5px;
}

table tr.tableTitle span{
  color:#ffffff;
}

table tr.tableTitleBassin{
  background-color:lightgray;
}

table tr.tableTitleBassin td{
  border-radius:5px;
}

table tr.tableTitleBassin span{
  color:#606060;
}

div.tableTitleBassin{
  background-color:lightgray;
  color:#606060;
  text-align:center;
}

div.tableBassinSection{
  background-color:#ddd;
  padding-bottom:5px;
}

div.login{
  position: fixed;
  top: 35%;
  left:50%;
  width:30em;
  /*height:20em;*/
  margin-top: -10em; /*set to a negative number 1/2 of your height*/
  margin-left: -15em; /*set to a negative number 1/2 of your width*/
  border: 1px solid #dfdfdf;
}

div.prelogin{
  position: fixed;
  top: 50%;
  left:50%;
  width:30em;
  height:13em;
  margin-top: -10em; /*set to a negative number 1/2 of your height*/
  margin-left: -15em; /*set to a negative number 1/2 of your width*/
  border: 1px solid #dfdfdf;
}

input#login{
  background-color: hsl(65, 12%, 21%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#838669", endColorstr="#3a3b2f");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#838669), to(#3a3b2f));
  background-image: -moz-linear-gradient(top, #838669, #3a3b2f);
  background-image: -ms-linear-gradient(top, #838669, #3a3b2f);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #838669), color-stop(100%, #3a3b2f));
  background-image: -webkit-linear-gradient(top, #838669, #3a3b2f);
  background-image: -o-linear-gradient(top, #838669, #3a3b2f);
  background-image: linear-gradient(#838669, #3a3b2f);
  border-color: #3a3b2f #3a3b2f hsl(65, 12%, 14.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.42);
  -webkit-font-smoothing: antialiased;
}

.login-footer{
  background-color:#000000;
  text-align:center;
  padding-top:15px;
  padding-bottom:15px;
}

table.intervenant
{
  display: block;
  width: 100%;
}

div.search{
  display:inline-block;
  float:right;
}

div.search:after{
  display:inline-block;
  content: "\f002";
  position:relative;
  font-family:'FontAwesome';
  right:24px;
  top:3px;
  color:#313131;
  width:0;
}
div.search > input{
  text-align:center;
  height:20px;
  border-radius: 4px;
}

div.calendar > div.input-datepicker{
  display:inline-block;
}

div.calendar > div.input-datepicker > input{
  text-align:center;
  height:20px;
  width: 249px;
}

.clearsearch, .cleardate {
  margin: 5px 0px 0px 5px;
  vertical-align: top;
  display: inline-block;
  color: #AAA;
  background-color: transparent;
  cursor: pointer;
}

a.btn-action{
  display:inline-block;
  float:left;
  padding: 5px 10px;
  height:20px;
  line-height:20px;
  background-color:#6c8894;
  color:#ffffff;
  margin-right:5px;
  margin-bottom:5px;
}
a.btn-browser-action{
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 2px 5px;
  margin-right: 5px;
  color: #424242;
  font-size:20px;
  color:#424242;
  background-color:#fff;
}
a.btn-printer-action{
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding: 5px 10px;
  margin-right: 5px;
  color: #424242;
}

a.btn-action:hover, a.btn-browser-action:hover{
  background-color:orange;
  cursor:pointer;
}

a.btn-action > span, a.btn-browser-action > span{
  margin-left:5px;
  /*font-weight:bold;*/
}

a.btn-print-report{
  display:inline-block;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  /*padding: 5px 10px;
  margin-right:5px;*/
  font-size:20px;
  color:#424242;
  background-color:#fff;
}
a.btn-print-report:hover{
  background-color:orange;
  cursor:pointer;
}

a.btn-print-report > span{
  font-weight:bold;
}

a.small-btn-action{
  background-color:#898989;
  border-radius:2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
  padding: 2px 10px;
  font-weight:bold;
  color:#ffffff;
  margin-left:5px;
}
a.small-btn-action:hover{
  background-color:orange;
}

div.dashboard-table{
  margin-top:10px;
}

input.datatable_filter
{
  text-align:center;
  width:60px;
}

.dataTables_wrapper .dataTables_length select {
  margin-bottom: 5px;
  width: 65px;
}

.dataTables_paginate
{
  margin-top:10px;
}

.dataTables_paginate a.paginate_active {
  background-color: #0088CC;
  color: white !important;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
  border-radius: 0;
}

#budget_summary td
{
  white-space: nowrap;
}

.search_init {
  text-align:center;
  width:60px;
}

/*
this is to prevent words from being cutted in pre tags.
http://stackoverflow.com/questions/8590767/solution-for-word-breakbreak-all-styling-in-firefox
*/
pre {
 word-break: keep-all;
}

.close {
    color: #fff;
    float:right;
    line-height:25px;
    font-size:3em;
    font-weight:normal;
    opacity:1.0;
    text-shadow:0px 0px #fff;
}

.close:hover {
    color: #eee;
}

.btn {
    outline: none !important;
}

.modal-full {
    position: fixed;
    top: 5% !important;
    left: 5%;
    z-index: 1050;
    width: 90%;
    height: 90%;
    margin-left: 0;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.modal-full > .modal-body {
  position: relative;
  max-height: 80%;
  padding: 25px;
  overflow-y: auto;
}

a.inner-menu-btn{
  display:block;
  color:#000;
  font-size:12px;
  text-transform:uppercase;
}
a.inner-menu-btn:hover{
  background-color:#fff;
  color:#000;
}
a.inner-menu-btn.active{
  border-right: 1px solid #4382da;
  color:#4382da;
}
a.inner-menu-btn > span{
  margin-left:5px;
}
a.inner-menu-btn.disabled{
  color: #aaaaaa;
}
a.inner-menu-btn.disabled:hover{
  cursor: default;
  color: #aaaaaa;
  background-color:transparent;
}

a.inner-menu-back-btn{
  width:100%;
  height:100%;
  display:block;
  font-size:1em;
  float: left;
  clear: left;
  color:#000;
  background-color:#cccccc;
  border-bottom:1px solid #000;
  padding-top:5px;
  padding-bottom:5px;
}
a.inner-menu-back-btn:hover{
  background-color:#aaaaaa;
}
a.inner-menu-back-btn > span{
  display:inline;
  margin-left:10px;
}
a.inner-menu-back-btn > i{
  display:inline;
  margin-left:10px;
  margin-top:5px;
}

div.inner-left-menu{
  background-color:#eee;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
  position:relative;
  width:140px;
  float:left;
  display:inline-block;
}
div.inner-left-menu ul{
  padding-left:0px;
  margin-bottom:0px;
}
div.inner-left-menu ul li{
  line-height:35px;
  list-style-type:none;
}

div.inner-left-menu.large{
  width:200px;
}

div.inner-page-container{
  position:relative;
  margin-left:140px;
  padding: 10px;
  background-color: #fff;
  overflow:auto;
  /*max-height: 800px;
  min-height: 600px;
  /* display: block; */
}

div.inner-page-container.large{
  margin-left:200px;
}

div.inner-page-container.very-large{
  margin-left:0px;
}

div.inner-left-menu-info{
  background-color:#ddd;
  padding: 5px;
}
div.inner-left-menu-info > div.title{
  font-size:16px;
  color:#262626;
  text-transform:uppercase;
  display:block;
}
div.inner-left-menu-info > span.subtitle{
  font-size:12px;
  color:#262626;
  display:block;
}

div.outer-left-menu-info{
  background-color:#bbb;
  border:1px solid #888;
  padding:2px 2px;
}
div.outer-left-menu-info > div.title{
  font-size:16px;
  color:#262626;
  text-transform:uppercase;
  display:inline;
}
div.outer-left-menu-info > span.subtitle{
  font-size:12px;
  color:#262626;
  display:inline;
}

div.outer-left-menu-info > a.collapse-sub-menu{
  color:#000000;
}

div.page-title{
  color:#6c8894;
  height:30px;
  border-bottom:1px solid #cccccc;
  margin:10px 0px;
  white-space: nowrap;
}

div.page-title span{
  font-size:1.6em;
  font-weight:normal;
  text-transform: uppercase;
}

div.page-title small{
  font-size:0.65em;
  font-weight:normal;
  text-transform: uppercase;
}

div.page-title i, div.page-section-title{
  color:#6c8894;
  height:25px;
  border-bottom:1px solid #cccccc;
  margin:5px 0px;
}

div.page-section-title i{
  color: #313131;
}

div.page-title a.btn-xs {
    margin-bottom:5px;
    margin-left:10px;
}
div.page-title a.btn-xs span,
div.page-title a.btn-xs i {
    font-size:inherit;
    color:inherit;
    border-width:0px;
}

div.inner-page-title{
  height:27px;
  /*background-color:#eee;*/
  border-bottom:1px solid #fff;
  text-align:center;
  margin-bottom:15px;
  font-size: 18px;
}

div.divGlobalSchedule a{
  width:100%;
}

div.divGlobalSchedule table{
  width:100%;
  height:auto;
}

div.divGlobalSchedule td{
  /*height:70px;*/
  font-size:18px;
  font-weight:bolder;
}

div.inner-page-content > div.item-row-title > div, div.inner-page-content > div.item-row > div{
  display:inline-block;
}
div.inner-page-content > div.item-row > div.forty-pct, div.inner-page-content > div.item-row-title > div.forty-pct{
  width:40%;
  padding-left:5px;
}
div.inner-page-content > div.item-row > div.forty-pct > span{
  line-height:40px;
}

div.inner-page-content > div.item-row > div.action{
  text-align:center;
}

div.inner-page-content > div.item-row-title{
  font-size:1.0em;
  color:#aaa;
  font-weight:bold;
  border-bottom:1px solid #fff;
}

table.list,
table.list-fixed-header {
  width:100%;
  margin: 0px 0px;
  border:1px solid #d6d6d6;
  border-spacing: 0px;
  border-collapse: collapse;
}
table.list-fixed-header {
  table-layout: fixed;
}

table.list th, .dataTable th {
  background-color: #424242;
  color:#ffffff;
  height:30px;
  font-size:10px;
  font-weight:bold;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border:1px solid #fff;
  padding-left:5px;
  border-top:1px solid #424242;
}
table.list th:last-child, .dataTable th:last-child {
  border-right:1px solid #424242;
}
table.list th:first-child, .dataTable th:first-child {
  border-left:1px solid #424242;
}
table.list.browser th {
  border-width:0px;
}

table.list-fixed-header th {
  /*background-color: #424242;*/
  color:#ffffff;
  /*height:30px;*/
  font-size:10px;
  font-weight:bold;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  /*border:1px solid #424242;*/
  padding-left:5px;
}

table.list td,
table.list-fixed-header td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top:1px solid #fff;
  font-size:12px;
  padding-right:5px;
  padding-left:5px;
  vertical-align: top;
}

table.list td.align-bottom-text{
  vertical-align: bottom;
}

table.list td > span, table.list td > a,
table.list-fixed-header td > span, table.list td > a{
  display:inline-block;
  line-height:16px;
  /*min-height:25px;*/
}

table.list.browser td > a {
  line-height:25px;
}

table.list a.action,
table.list-fixed-header a.action{
  margin-right:0px;
  text-align:center;
}

table.list a.action > i,
table.list-fixed-header a.action > i{
  display:inline-block;
  /*padding-right:5px;*/
  line-height:20px;
  /*margin-top:5px;*/
}

table.list td.action, table.list th.action,
table.list-fixed-header td.action, table.list-fixed-header th.action{
  width:35px;
}

table.list td.action,
table.list-fixed-header td.action {
  border-left:1px solid #fff;
  text-align:center;
}

table.list th.action-titled{
  text-align:right;
  padding-right:5px;
}

table.list td.action-titled{
  text-align:right;
  padding-right:5px;
}

table.list td a.data-table-link {
  text-align: left;
  display: inline-block;
}

table.list td a.pop_over_datatable {
  margin-left: 5px;
  display: inline-block;
}

.dataTable td{
  font-size:0.9em;
  vertical-align: middle;
}

/*.list td a i */
.dataTable td a i,
.dataTable td a i{
  /*font-size: 12px;*/
  margin-right: 5px;
}

.dataTable td a i span, .dataTable td a i span, .list td a i span {
  margin-left: 5px;
  color:#424242;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
}

table.list tr:hover > td
table.list-fixed-header tr:hover > td {
  background-color:#D5D5E0;
}

table.list tbody tr:nth-child(even),
table.list-fixed-header tbody tr:nth-child(even){
  background-color:#ebebeb;
}
table.list tbody tr:nth-child(odd),
table.list-fixed-header tbody tr:nth-child(odd){
  background-color:#ebebeb;
}

table.list tfoot tr,
table.list-fixed-header tfoot tr{
  background-color:#dedede;
}

table.list tr.unread:nth-child(even),
table.list-fixed-header tr.unread:nth-child(even){
  background-color:#ccddee;
}
table.list tr.unread:nth-child(odd),
table.list-fixed-header tr.unread:nth-child(odd){
  background-color:#ccddee;
}

img.logo
{
  margin-left:5px;
  margin-top:2px;
  max-height: 45px;
}

ul.profile-info
{
  height:50px;
  margin:0px;
  padding:0px;
}
ul.profile-info > li{
  height:50px;
  float:left;
  text-align:center;
  border-left:1px solid #eee;
}
a.link-top-menu{
  display:block;
  line-height:50px;
  padding:0px 20px;
  color: #333;
}
a.link-top-menu > span, a.link-top-menu.i{
  line-height:50px;
}
.nav > li > a.link-top-menu:active, .nav > li > a.link-top-menu:focus{
  background-color:#fff;
  color: #333;
}
a.link-top-menu:hover, .nav > li > a.link-top-menu:hover{
  background-color:#eee;
  outline:none;
  /*color:#0088CC; BLEU */
}
li.link-flash-white{background-color:#fff;}
li.link-flash-gray{background-color:#eee;}

.navbar{
  margin-bottom:0px;
}

/* MENU NOTIFICATIONS */
ul.header-dropdown-menu,
div.header-dropdown-menu{
  border-radius:0px;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  background-color:#fff;
  border:1px solid #ccc;
  margin-top:0px;
  padding:0px;
}
ul.header-dropdown-menu li{
  border-top:1px solid #ddd;
  text-align:left;
}
ul.header-dropdown-menu > li i,
div.header-dropdown-menu > li i{
  width:15px;
  display:inline-block;
  text-align:center;
}
ul.header-dropdown-menu > li span,
div.header-dropdown-menu > li span{
  margin-left:5px;
  display:inline-block;
}
ul.header-dropdown-menu li:first-child,
div.header-dropdown-menu li:first-child{
  border-width:0px;
}
ul#menu-notifications,
div#menu-notifications{
  left:auto;
  right:0;
  z-index:1010;
}
ul#menu-notifications a:hover,
div#menu-notifications a:hover{
  background-color:#eee;
  background-image:none;
  color:#333;
}
ul#menu-parametres a{
  padding:10px 10px;
}
ul#menu-parametres a:hover{
  background-color:#eee;
  background-image:none;
  color:#333;
}

.font-pending {
    color: #A84;
}
.font-accepted {
    color: green;
}
.font-rejected {
    color: red;
}
.font-warning {
    color: orange;
}

.imgitem-pending {
    background-color: #FFF;
    border-color:#ffffff;
}
.imgitem-accepted {
    background-color: #DFD;
    border-color:green;
}
.imgitem-rejected {
    background-color: #FDD;
    border-color:red;
}

.scrollable {
    overflow: auto;
    display: block;
}

.folder {
  color: orange;
}

.file {
  color: #1C90B8;
}

.dashboard-orange {
  color: orange;
}

.dashboard-blue {
  color: #1C90B8;
}
.dashboard-red {
  color: #B8401C;
}

#list-newsbydate legend{
  border-bottom: 0px solid #fff;
  width:auto;
  color:#1c90b8;
  margin-bottom:0px;
}

#list-newsbydate fieldset{
  border: 1px solid #cdcdcd;
  padding: 10px 10px 10px 10px;
}

.btnLoadMoreContent{
  width:980px;
  height:30px;
  text-align:center;
  font-weight:bold;
  font-size:large;
  padding-top:10px;
  background-color: hsl(195, 60%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d95b7", endColorstr="#23748e");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#2d95b7), to(#23748e));
  background-image: -moz-linear-gradient(top, #2d95b7, #23748e);
  background-image: -ms-linear-gradient(top, #2d95b7, #23748e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d95b7), color-stop(100%, #23748e));
  background-image: -webkit-linear-gradient(top, #2d95b7, #23748e);
  background-image: -o-linear-gradient(top, #2d95b7, #23748e);
  background-image: linear-gradient(#2d95b7, #23748e);
  border-color: #23748e #23748e hsl(195, 60%, 32.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
}

.bluebtn{
  background-color: hsl(195, 60%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d95b7", endColorstr="#23748e");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#2d95b7), to(#23748e));
  background-image: -moz-linear-gradient(top, #2d95b7, #23748e);
  background-image: -ms-linear-gradient(top, #2d95b7, #23748e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d95b7), color-stop(100%, #23748e));
  background-image: -webkit-linear-gradient(top, #2d95b7, #23748e);
  background-image: -o-linear-gradient(top, #2d95b7, #23748e);
  background-image: linear-gradient(#2d95b7, #23748e);
  border-color: #23748e #23748e hsl(195, 60%, 32.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
}

label.valid {
  width: 24px;
  height: 24px;
  display: inline-block;
  text-indent: -9999px;
}

label.error {
  font-weight: bold;
  color: red;
  padding: 2px 8px;
  margin-top: 2px;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

div.description {
  overflow: auto;
  color: #555;
  width:700px;
  margin:auto;
  text-align:center;
  max-height:80px;
  min-height:30px;
  /*padding: 8px;*/
  /*border: 1px solid #AAA;*/
  /*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}

table#album-photos{
  margin-top:10px;
}

table#album-photos > tbody > tr > td{
  padding:0px;
}

table.tabledetail{
  width:95%;
  margin:auto;
}

table.tabledetail > thead > tr{
  height:10px;
}

table.tabledetail > tbody > tr{
  height:30px;
}

table.tabledetail > tfoot > tr{
  height:10px;
}

td.detailtitle{
  text-align:left;
  height:35px;
}

td.detailtitle a, td.detailtitle span{
  color:#333333;
  padding-right:5px;
  font-weight:bold;
  width:100%;
}

td.detailvalue > span, td.detailvalue > a > span {
  margin-right: 8px;
  background-color: #f2f2f2;
  /*line-height: 30px;*/
  min-height: 20px;
  padding-top:5px;
  padding-bottom:5px;
  display: block;
  padding-left: 8px;
  color:#333333;
}

div.divlistebassin{
  border:1px solid #bbb;
  width:95%;
  margin:auto;
  margin-top:10px;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 2px;
}

table.listebassin{
  width:100%;
}

table.listebassin a{
  display:block;
  width:100%;
  height:100%;
}

table.listebassin > tbody > tr{
  height:30px;
  background-color:#eee;
}

table.listebassin > tbody > tr:hover, table.listebassin > tbody > tr.active{
  background-color:#bbb;
  color:#005580;
}

table.listebassin > tbody > tr.active a, table.listebassin > tbody > tr.active span{
  color:#005580;
}

div#detail_bassin{
  min-height:100px;
}

table.fix-header thead{
  display: block;
}
table.fix-header tbody{
  display: block;
  overflow-y: auto;
  overflow-x: hidden;
  height: 200px;
}

div.fix-header {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.fixed-table-container {
  height: 460px;
  background-color: white;
  position: relative;
  padding-top: 30px;
}

.fixed-table-container.custom-header{
  padding-top: 0px;
  height: 450px;
}

.header-background {
  background-color: #424242;
  height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}

.th-inner {
  position: absolute;
  top: 0;
  line-height: 30px;
  text-align: left;
  padding-left: 5px;
  margin-left: -5px;
}

/*
  POPUPS
*/
.popover {
  /* hack for popover inside a modal*/
  /*position: absolute;*/
  /*
  http://jsfiddle.net/KyleMit/gDjtk/
  */
  position: absolute;

  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 1024px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding;
          background-clip: padding-box;
  background-color: rgba(255,255,255,0.95);
}

.popover form,
.popover .square-box {
  margin: 0;
}

.popover .tableinfo {
  min-width: 440px;
}

.popover-modal {
  z-index: 9999;
  position: fixed;
}

.popover-button {
  cursor: pointer;
}

.popover-custom-list {

}

.popover-custom-list a.popup {
  color: #313131;
}

.popover-title {
    line-height: 24px;
    font-size: 20px;
    font-weight: bold;
    background-color: rgba(255,255,255,1);
}

.icon-fr, .icon-en {
/*color: #000;*/
  font-weight: bold;
  font-size: 0.60em !important;
  margin-top: -0.5em;
}

.icon-fr:before {
    content: "FR";
}

.icon-en:before {
    content: "EN";
}

/* datatable*/
div.dataTables_wrapper{
  margin-bottom: 30px;
}

table.dataTable tr.odd, table.dataTable tr.even {
  background-color: #EEEEEE;
  border-bottom:1px solid #dfdfdf;
}

table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
  background-color: #dddddd;
  border-bottom:1px solid #cfcfcf;
}

.link-pointer {
  cursor: pointer;
}

.hide-calendar .ui-datepicker-calendar {
  display: none;
}

/* form */
form#inspection_report_form label{
  font-weight: bold;
  color: #333;
}

form#inspection_report_form div.title-div label{
  margin-top: 5px;
}

form#inspection_report_form div.title-div{
  background-color: #ddd;
  border-radius: 5px;
}

form#inspection_report_form input[type=radio] {
  border: 0px;
  width: 100%;
  height: 1.5em;
}

/* ********** */
/* DEPRECATED */
/* ********** */

#navbar-main-menu
{
  height: 220px;
  background-color:#000000;

  /* image in the background */
  background-image: url(/img/banner.jpg);
  background-size: cover;
  background-repeat:no-repeat;
  background-position:center;

  text-align:center;
  border-width:0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

.ie #navbar-main-menu > .nav > li {
  background-color: #247b99;
}

#navbar-main-menu > .nav > li
{
  width: 120px;
  height: 100px;
  /* webkit example */
  background-image: -webkit-gradient(
    linear, left top, left bottom, from(rgba(36,123,153,1)),
    to(rgba(36,123,153,0))
  );
  /* mozilla example - FF3.6+ */
  background-image: -moz-linear-gradient(
    rgba(36, 123, 153, 0.9) 0%, rgba(36, 123, 153, 0) 95%
  );
  /* approximately a 33% opacity on blue */
  /*filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#247b99FF, endColorstr=#550000FF
  );*/
  /* IE8 uses -ms-filter for whatever reason... */
  /*-ms-filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr=#550000FF, endColorstr=#550000FF
  );*/

  opacity:0.9;
  filter:alpha(opacity=90); /* For IE8 and earlier */
  margin-top: 15px;
  float: none;
  display: inline-block;
  *display: inline; /* ie7 fix */
  zoom: 1; /* hasLayout ie7 trigger */
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

#navbar-main-menu > .nav > li > a
{
  padding: 25px 0px 0px 0px;
  height:100%;
  color: #ffffff;
  text-shadow: 0 0 0 #ffffff;
}

#navbar-main-menu > .nav > li.active > a, #navbar-main-menu .nav > li > a:hover
{
  /*color: #aaaaaa;*/
  /*color:orange;*/
}

#navbar-main-menu > .nav
{
  margin: 0 auto;
  width: 800px;     /* width of .navbar .nav */
  float: none;
  padding-bottom: 20px;
}

.pageHeader
{
  height:80px;
  text-align:center;
  /*position:relative;
  top:-110px;*/
}

.pageHeader table
{
  width:100%;
}

.pageHeader td, .pageHeader h2
{
  color: #ffffff;
  text-align: center;
}

.nav > li > a:focus,
.nav > li > a:hover,
.nav > li > a:active{
  outline:none;
}

table.list.browser th {
  border-width:0px;
}

table.list.browser thead{
  display: table;
  width: 100%;
}

table.list.browser tbody{
  display: block;
  width: 100%;
  overflow:auto;
  background-color: #c5c5d0;
}

table.list.browser div.document-size{
  float:right;
  line-height: 25px;
}

table.list.browser tbody tr{
  display: table;
  width: 100%;
  cursor:pointer;
  background-color:#ebebeb;
  border:transparent;
}

table.list.browser td.dossier{
  text-align:left;
  line-height: 25px;
}


table.drop.browser{
  width: 100%
}

table.drop.browser > tbody > tr > td{
  background-color:#333333;
}

table.drop.browser > tr > td{
  background-color:#424242;
  border-top-width:0px;
  text-align:center;
  padding: 5px 0px;
}

table.drop.browser td.dropable_folder{
  width: 70px;
  cursor: pointer
}

table.drop.browser td.dropable_document{
  cursor: pointer
}

table.drop.browser div#dropable_folder{
  height: 40px;
  margin-top: 5px;
  text-align: center;
}

table.drop.browser div#dropable_folder input{
  display: none;
  cursor: pointer;
}

table.drop.browser div#dropable_folder i{
  font-size:40px;
}

table.drop.browser div#dropable_document, table.drop.browser div#drop_multiple{
  display: inline-block;
  width:100%;
  margin:auto;
  height:43px;
  padding: 10px 0px 10px 0px;
}

table.drop.browser > div.progress{
  margin-top: 10px;
}

div.box-action{
  display:inline-block;
  color:#000;
}

div.box-action > span{
  font-weight:bold;
}

div.box-action > .btn{
  /*height:37px;*/
  margin-left:5px;
}

.dataTables_processing {
  background-color: #fff;
  border: 1px solid #696969;
  height: 50px;
}

table.dataTable thead th.sorting{
  padding:3px 3px 3px 16px;
}

table.dataTable thead th.sorting_asc{
  padding:3px 3px 3px 16px;
}

table.dataTable thead th.sorting_desc{
  padding:3px 3px 3px 16px;
}

table.dataTable thead th.sorting_disabled{
  padding:3px 3px 3px 3px;
}

table.dataTable td{
  padding:3px 5px;
}

div.note{
  text-align:center;
  font-weight:bold;
  color:red;
  margin-bottom:10px;
}

tr.selected_orange{
  background-color:orange;
}

tr.selected_orange > td{
  background-color:orange;
  border:1px solid orange;
}

td .multiple_action_cell{
  padding-right: 5px;
}

.hidden {
    display: none;
}

/* PHOTOS */
/**********/
div.photo-content{
  height:450px;
  border:1px solid #888;
  padding-top:10px;
  padding-left:10px;
  overflow:auto;
}
div.photo-content a.album-link{
  color:#000000;
  width: 120px;
  height: 118px;
  display:inline-block;
  float:left;
  background-color:#ddd;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  text-align:center;
  margin-right:5px;
  margin-bottom:5px;
  font-size:12px;
  padding-left:5px;
  padding-right:5px;
}
div.photo-content a.album-link:hover{
  cursor: pointer;
  background-color:#FFFF66;
}
div.photo-content a.album-link i.icon-folder-close{
  font-size:30px;
  color:orange;
}
div.photo-content a.album-link i.icon-camera{
  font-size:40px;
  /*color:#000;*/
  color:#b70100;
}

div.photo-content div.photo-link{
  color:#000000;
  min-height: 130px;
  display:inline-block;
  float:left;
  background-color:#ddd;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
  margin-right:5px;
  margin-bottom:5px;
  font-size:12px;
  padding:5px;
}
div.photo-content div.photo-link svg{
  height:180px;
  width:auto;
}
div.photo-content div.photo-link a.photo-action{
  display:block;
  width:40px;
  height:44px;
  line-height:44px;
  color:#5c5c5c;
  text-align:center;
  font-size:20px;
}
div.photo-content div.photo-link a.photo-action:hover{
  cursor:pointer;
  background-color:#bbb;
}
div.photo-content div.photo-link a.photo-action.accept{
  background-color: #398f28;
  color: #fff;
}
div.photo-content div.photo-link a.photo-action.refuse{
  background-color: #b42121;
  color: #fff;
}
div.photo-content ul.nav-pills{
  margin-bottom:5px;
}

div#document_browser .dropable, div#photos_content_local .dropable,
div#document_browser .dropable, div#photos_content .dropable{
  background-color:lightblue;
  height:50px;
  border-width: 0px;
}

div#document_browser .dropable > span, div#photos_content_local .dropable > span,
div#document_browser .dropable > span, div#photos_content .dropable > span{
  color:#5c5c5c;
  font-size:24px;
  line-height: 10px;
}
div#document_browser .dropable > span, div#photos_content_local .dropable div.progress,
div#document_browser .dropable > span, div#photos_conten .dropable div.progress{
  /* width:95%; */
  /* margin: auto; */
}

div#dropable_photo > span.dropable_label{
  display:inline-block;
  padding-top: 10px;
  cursor: pointer;
}

/* Rapport couvreur */
table.section_questions{
  width:100%;
}

table.section_questions tr{
  background-image: -webkit-linear-gradient(bottom, #eee, #fff);
  background-image: -moz-linear-gradient(bottom, #eee, #fff);
  background-image: -o-linear-gradient(bottom, #eee, #fff);
  background-image: -ms-linear-gradient(bottom, #eee, #fff);
  background-image: linear-gradient(bottom, #eee, #fff);
  background-color:#fff;
  border-bottom:1px solid #bbb;
  min-height:60px;
}
table.section_questions > tbody:last-child > tr{
  border-bottom-width:0px;
}

table.section_questions textarea.fit-textarea{
  border: none;
  width: 100%;
  -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
  -moz-box-sizing: border-box; /* FF1+ */
  -box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}

/* Rapport couvreur */
table.section_questions tr{
  background-image: -webkit-linear-gradient(bottom, #eee, #fff);
  background-image: -moz-linear-gradient(bottom, #eee, #fff);
  background-image: -o-linear-gradient(bottom, #eee, #fff);
  background-image: -ms-linear-gradient(bottom, #eee, #fff);
  background-image: linear-gradient(bottom, #eee, #fff);
  background-color:#fff;
  border-bottom:1px solid #bbb;
  min-height:60px;
}
table.section_questions > tbody:last-child > tr{
  border-bottom-width:0px;
}

table.section_questions textarea.fit-textarea{
  border: none;
  width: 100%;
  -webkit-box-sizing: border-box; /* <=iOS4, <= Android  2.3 */
  -moz-box-sizing: border-box; /* FF1+ */
  -box-sizing: border-box; /* Chrome, IE8, Opera, Safari 5.1*/
}

table.section_questions select{
  margin: 5px 0px;
  width:auto;
}
table.section_questions span{
  line-height:100%;
}
table.section_questions input[type=checkbox], table.section_questions input[type=radio]{
  margin-top:0px;
}
table.section_questions a.addPhoto{
  margin-left: 10px;
  font-size: 20px;
}

div.hide_dessin{
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.hide_dessin a{
  font-size: 20px;
  cursor:pointer;
}

td.question-non-applicable{
  width:60px;
  padding:0px 10px;
}

div.section-items, div.rapport-items{
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: #F8F8F8
}

div.reponse{
  display: inline;
}

div.reponse div.rep-radio{
  min-width: 115px;
  float: right;
}

div.reponse label{
  display: inline;
}

div.reponse span.possible_answers_container{
  padding-left: 5px;
}

div.question_conditionnnelle{
  margin-top: 5px;
  margin-left: 15px;
  margin-bottom: 5px;
}

a.remove_item {
  font-size: 1.7em;
  color: red;
  line-height:40px;
  cursor: pointer;
}

a.add_item {
  font-size: 1.7em;
  color: green;
  line-height:40px;
  cursor: pointer;
}

a.green-button{
  display: inline-block;
  padding: 10px 20px;
  color: #fff;
  background-color:green;
  width: auto;
  height: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius:3px;
  font-size:1.2em;
  cursor: pointer;
}

div.questions-photos{
  margin-bottom:5px;
}

div#modal-photo div.modal-body{
  max-height: 600px;
  max-width: 650px;
}

div#modal-photo div.modal-body img{
  height:100%;
  max-width: 500px;
}

div.list-drag-drop-container{
  background-color: #424242;
  text-align: center;
  border-radius: 4px;
  min-height: 250px;
  width: 49%;
}

div.list-drag-drop-container > div{
  font-size: 18px;
  color: #f1f1f1;
  margin-top: 10px;
  margin-bottom: 10px;
}

ul.list-drag-drop{
  background-color: #898989;
  margin: auto;
  min-height: 60px;
  padding: 10px;
  border-radius: 4px;
  margin-bottom: 10px;
}

ul.list-drag-drop > li{
  border-radius: 10px;
  background-color: #fff;
  border: 1px solid #000;
  cursor: move;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  padding: 20px 0;
  text-align: center;
}

ul.list-drag-drop > li > div{
  width: 100%;
  height: 100%;
}

div.inner-page-content > div.item-row-title > div, div.inner-page-content > div.item-row > div{
  display:inline-block;
}
div.inner-page-content > div.item-row > div.forty-pct, div.inner-page-content > div.item-row-title > div.forty-pct{
  width:40%;
  padding-left:5px;
}
div.inner-page-content > div.item-row > div.forty-pct > span{
  line-height:40px;
}

div.inner-page-content > div.item-row > div.action{
  text-align:center;
}

div.inner-page-content > div.item-row-title{
  font-size:1.0em;
  color:#aaa;
  font-weight:bold;
  border-bottom:1px solid #fff;
}

ul.multiselect-container{
  width: inherit;
  text-align: center;
}

ul.multiselect-container >li{
  margin-left: 15px;
  margin-right: 15px;
}

button.multiselect-style{
  width:100%;
  color: #222222;
  background-color: #FFFFFF;
  font-weight:bold;
  text-align:center;
}

button.multiselect-style > b.caret{
  vertical-align: middle;
}

a.link_back {
  font-size: 20px;
  cursor: pointer;
  margin-left: 20px;
}

a.link_back:hover{
  color: #e6e6e6;
}

#meteo_form div.tableinfo > div.row{
  margin-bottom: 25px;
}

#meteo_form select{
  min-width: 100%;
}

/* HACK: weird height on desktop */
#rapport_sections #meteo_form .row {
  max-height: 0;
}

.document-box > a.action > span.icon-stack{
  font-size: 25px;
}

.document-box > a.action > span.icon-stack > span.document-extension{
  font-size: 15px;
}

.document-box > a.action > span.document-name{
  display: block;
}

div.document-box {
  border-radius: 5px;
  box-shadow: 0 0 2px 1px #000 inset;
  display: inline-block;
  float: left;
  height: 110px;
  margin-left: 10px;
  margin-top: 10px;
  overflow: hidden;
  padding: 5px;
  text-align: center;
  width: 150px;
}

div.inner-page-navigation{
  margin: 20px auto;
  width:330px;
}
div.inner-page-navigation > div.previous, div.inner-page-navigation > div.next{
  width:160px;
  display:inline-block;
  position:relative;
}
div.inner-page-navigation > div.previous{
  margin-right:10px;
}

div.inner-page-navigation > div.previous > a, div.inner-page-navigation > div.next > a{
  display:block;
  height:50px;
  width:130px;
  font-size:20px;
  background-color:#007aab;
  color:#fff;
  font-weight: bold;

  -webkit-box-shadow: 0 0 10px 1px #444;
     -moz-box-shadow: 0 0 10px 1px #444;
          box-shadow: 0 0 10px 1px #444;
}
div.inner-page-navigation > div.previous > a{
  float:right;
  padding-right:10px;
  text-align:right;
}
div.inner-page-navigation > div.next > a{
  float:left;
  padding-left:10px;
  text-align:left;
}
div.inner-page-navigation > div.previous > a > span, div.inner-page-navigation > div.next > a > span{
  line-height:50px;
}
div.inner-page-navigation > div.previous > a:before{
  position:absolute;
  content:"";
  width:0;
  height:0;
  right:140px;
  border-top:25px solid transparent;
  border-bottom:25px solid transparent;
  border-right:25px solid #007aab;
}
div.inner-page-navigation > div.next > a:after{
  position:absolute;
  content:"";
  width:0;
  height:0;
  left:140px;
  border-top:25px solid transparent;
  border-bottom:25px solid transparent;
  border-left:25px solid #007aab;
}

form#form-login fieldset > legend > img{
  width: 250px;
}
div#tree-batiment span.icon-stack{
  line-height: 16px;
}
div.org-node > a > span{
  margin-left:10px;
}
div.org-node table tr td{
  border-left:1px solid #eee;
}
div.org-node table tr td:first-child{
  border-left:none;
}

div#edit_selection{
  margin-left: 25px;
  font-size: 16pt;
  color: #DDD;
}

div#edit_selection #selection_show_trigger{
  margin-top: 17px;
}

div#edit_selection #selection_show_trigger i{
  margin-left: 10px;
}

div#selection_choice{
  display: none;
}

div#selection_container{
  position:absolute;
  z-index:9999;
  background:#777;
  border-radius: 5px;
  font-size: 13pt;
  line-height: 1.5;
  margin-top: 15px;
  margin-left: 15px;
}

div#selection_choice > div{
  margin-left: 10px;
}

.table th, .table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: middle;
  border-top: 1px solid #dddddd;
}

div#edit_selection{
  margin-left:5px;
  font-size: 16px;
  color: #fff;
}

div#edit_selection #selection_show_trigger{
  margin-top:15px;
  background-color:#777;
  display:inline-block;
  padding:10px;
}

div#edit_selection #selection_show_trigger i{
  margin-left: 10px;
}

div#selection_container{
  position:absolute;
  z-index:9999;
  background:#777;
  border-radius: 5px;
  font-size: 12px;
  margin: 5px 10px 5px 0px;
}
div#selection_choice{
  display: none;
}

iframe#note_ifr html{
  height:100%;
}
iframe#note_ifr html body{
  height:90%;
}

#wizardModal #headerActionButton {
  display: inline-block;
  margin-left: 15px;
  vertical-align: bottom;
  padding-bottom: 2px;
  color: #0088cc;
}

#wizardModal .pagination {
  margin-bottom: 5px;
}

#wizardModal .list label {
  margin: 0;
}

#wizardModal .list .roles select {
  width: 180px;
  margin: 0 10px;
}

#wizardModal .list .choose.btn-small {
  margin: 2px 0 1px 0;
}

#wizardModal #intervenant_form,
#wizardModal #organisation_form {
  text-align: left;
}

.pagination a:hover{
  cursor:pointer;
}

div.filter-group{
  height:180px;
  overflow:hidden;
  background-color:#eeeeee;
}
div.filter-group > div.row, div.filter-group div.col-md-3, div.filter-group div.col-md-9{
  min-height:25px;
}
div.filter-group > div.row > div.col-md-3{
  text-align:center;
}
div.filter-group input[type=checkbox], div.filter-group input[type=radio]{
  margin-top:0px;
}

div.filter-group div.items{
  height:140px;
  overflow: auto;
}

div.vertical-align-middle-img {
    height: 300px;
    text-align: center;  /* align the inline(-block) elements horizontally */
    font: 0/0 a;         /* remove the gap between inline(-block) elements */
}

div.vertical-align-middle-img:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

div.table-data div.row{
  margin-top: 2px;
  line-height: 22px;
  min-height: 25px;
}

div.table-data div.row div{
  vertical-align: middle;
  min-height: 25px;
}

div.table-data div.row div.text{
  background-color: #f2f2f2;
}

div.table-data div.row div.text > span{
  margin-left: 5px;
  line-height: 15px;
  display: inline-block;
}

div.photo-zones >div{
  background-color: #F8F8F8;
}

div.col-md-4 >div.map {
  height: 250px;
}

#surface_age_custom_legend .legend span {
  width: 12.5%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: #000000;
  font-size: 12px;
}

#replacement_year_custom_legend{
  text-align: center;
}

#replacement_year_custom_legend .legend span {
  width: 20%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: #000000;
  font-size: 12px;
}

#roofs_membranes_custom_legend{
  text-align: center;
}

#roofs_membranes_custom_legend .legend span {
  width: 33.33%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: #000000;
  font-size: 12px;
}

#items_condition_custom_legend{
  text-align: center;
}

#items_condition_custom_legend .legend span {
  width: 33%;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: #000000;
  font-size: 12px;
}

#budget_summary_graph_custom_legend .legend span {
  padding: 0px 10px 0px 10px;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  color: #000000;
  font-size: 12px;
}

#myModal div.row div.col-md-7 .btn-group ul.multiselect-container > li > a > label > input[type=checkbox]{
  height: 0px;
}

#myModal div.row div.col-md-7 .btn-group > button{
  width:90%;
  height: 27px;
}

#myModal div.row div.col-md-7 .btn-group{
  margin-top: 4px;
}

div.statistics-title{
  color:#6c8894;
  height:30px;
  border-bottom:1px solid #cccccc;
  margin:5px 0px;
  font-size: 18px;
}

div.select2-container.custom_list_select2{
  width: calc(100% - 45px) !important;
}

a.select2-choice{
  margin: 5px 0px;
}

div.drawing-toolbar a.select2-choice{
    margin: 0px 0px;
}

.select2-container .select2-choice span.select2-arrow{
  margin-right:0px;
  /*padding-left: 16px;
  padding-right: 14px;*/
}

div.send-email-select2{
  width: 100% !important;
  height: auto !important;
}

form#email_form > div{
  margin-bottom:10px;
}
form#email_form  label.control-label{
  margin-bottom:0px;
}

div.select2-drop{
  margin-top: -10px;
  font-size: 16px;
}

a.btn-action.disabled {
   pointer-events: none;
   cursor: default;
   background-color: #ccc
}

a.popover-previous-works{
  display: block;
}

a.popover-previous-works > i{
  color:red;
  display: inline-flex;
  line-height: inherit;
}

a.popover-previous-works > i > span{
  display: inline-block;
}

a.popover-previous-works:hover > i{
  color:#0088CC;
}

.choose-address span{
  margin-right: 5px;
}

#dynamic_view_photo_container img{
  max-height: 450px;
}

#dynamic_view_photo_container .btn, #dynamic_take_photo_container .btn{
  margin-top:10px;
  width:40px;
  height:30px;
  font-size:24px;
}

#dynamic_view_photo_container .btn i, #dynamic_take_photo_container .btn i{
  line-height: 30px;
}

#dynamic_take_photo_container #canvas{
  max-height: 345px;
  max-width: 260px;
}

.dynamic_view_photo_container .btn, .dynamic_take_photo_container .btn{
  margin-top:10px;
  width:40px;
  height:30px;
  font-size:24px;
}

.dynamic_view_photo_container .btn i, .dynamic_take_photo_container .btn i{
  line-height: 30px;
}

.dynamic_take_photo_container .canvas{
  max-height: 345px;
  max-width: 260px;
}

.dynamic-photo-container {
    margin: 10px;
    overflow: hidden;
}
.dynamic-photo-container .dynamic-photo-item {
    color: #797478;
    font: 10px/1.5 Verdana, Helvetica, sans-serif;
    float: left;
    background-color:#eee;
    border:2px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 3px;
    margin: 0px 10px 10px 0px;
    text-align:center;
    /*max-width:200px;*/
}
.dynamic-photo-container .dynamic-photo-item span {
    font-size:10px;
    text-transform: uppercase;
    color:#333;
}

#modal-deficience #approx_quantity_container input{
  width:75%;
}

#modal-deficience a#linkTakePhoto {
    padding: 90px 0px 0px;
    display: block;
    height: 140px;
    width: 100%;
    border: 1px solid #CCC;
    color: #04749A;
}

#modal-deficience table.info{
  font-size:12px;
}

#modal-deficience table.info td{
  height:30px;
  border-bottom:1px solid #ddd;
}

#modal-deficience table.info tr:last-child td{
  border-bottom:0px solid #ddd;
}

#modal-deficience tr.info-row{
  font-size:12px;
}

#modal-deficience tr.info-row td:first-child{
  white-space:nowrap;
}

#modal-deficience div.page-content-detail-info{
  background-color:#ccc;
  border:1px solid #bfbfbf;
  margin:0px 10px 0px 10px;
}

#modal-deficience div.page-content-detail-info table{
  color:#333;
}

.popover .popover-content .table thead th {
  height: 20px !important;
  padding: 0px !important;
}

.popover .popover-content .table thead tr {
  margin-top: 0px !important;
  background-color: #fff !important;
}

.popover .popover-content .table tbody {
  border-top: 25px solid #fff !important;
}

.btn-yellow {
    background-color: #ffdd66;
    background-image: linear-gradient(to bottom, #FFE075, #E6C75C);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.btn-yellow:hover,
.btn-yellow:focus,
.btn-yellow:active,
.btn-yellow.active,
.btn-yellow.disabled,
.btn-yellow[disabled] {
    background-color: #E6C75C;
    color: #fff;
}

div#change_buttons a.btn_category.active div{
  background-color: #FFA500;
}

div#change_buttons a.btn_category div{
  background-color: #EBEBEB;
  margin-right: 10px;
}

div#change_buttons a.btn_category div > span{
  vertical-align: middle;
  margin-left: 10px;
}

#schedule-treeview {
  font-size: 12px;
}

#schedule-treeview .progress {
  margin-bottom: 0;
}

#schedule-treeview .progress .bar {
  text-align: left;
  padding-left: 10px;
  background-color: #0088CC;
  font-weight:bold;
}

#schedule-treeview .progress .bar[style*="width:0%"] {
  background-color: #FF8800;
}

#schedule-treeview .progress .bar[style*="width:100%"] {
  background-color: #00CC88;
}

#schedule-treeview .projet-portion-warning {
  color: #CC0044;
}

#schedule-treeview .projet-portion-warning + .tooltip {
  white-space: normal;
}

#schedule-treeview select {
  margin-bottom: 0;
}

.form-horizontal .form-group{
  margin-bottom:0px;
}
.form-horizontal .control-label{
  padding-top:5px;
}
.form-horizontal .controls input[type=checkbox]{
  margin-top:10px;
}

div.config-item{
  margin-bottom:25px;
}
div.config-item div:first-child{
  border-bottom:1px solid #eee;
  margin-bottom:5px;
}
div.config-item div:first-child > span{
  font-size:14px;
  font-weight:bold;
}
div.config-item a.btn-action{
  float:none;
  padding:0px 5px;
  border-radius:0px;
  -moz-border-radius:0px;
  -webkit-border-radius:0px;
  background-color:#fff;
  color:#0077AA;
}
div.config-item a.btn-action span{
  font-weight:normal;
}

table.table_customlist tr.active{
  background-color:orange !important;
}

table#source-list tr.active{
  background-color:orange !important;
}

div#list-cause table tr.active{
  background-color:orange !important;
}

.logo-excel-small {
    background-image: url('/img/logos/excel.svg');
    background-size: 17px 17px;
    padding-left: 17px;
    margin-top: 2px;
    background-repeat: no-repeat;
    font-family: 'Open Sans', sans-serif;
    line-height:12px;
    font-size: 12pt;
    font-style: normal;
    height: 20px;
}
.logo-pdf-small {
    background-image: url('/img/logos/pdf.svg');
    background-size: 17px 17px;
    padding-left: 17px;
    background-repeat: no-repeat;
    font-family: 'Open Sans', sans-serif;
    line-height:18px;
    font-size: 12px;
    font-style: normal;
    height: 20px;
}
.logo-word-small {
    background-image: url('/img/logos/word.svg');
    background-size: 17px 17px;
    padding-left: 25px;
    background-repeat: no-repeat;
    font-family: 'Open Sans', sans-serif;
    line-height:12px;
    font-size: 12pt;
    font-style: normal;
    height: 32px;
}

/* GLOBAL MAP */

.map-canvas > div{
  border:1px solid #aaa;
}

.map-canvas .popover-title{
  background-color:#0088cc;
  height:50px;
}

.map-canvas .popover-title > span{
  color:#fff;
  display: inline-block;
  width: 90%;
}

.redactor-box{
  border:1px solid #ccc;
  margin-bottom:0px;
}

div.filter-tree-batiment{
  /*overflow:hidden;*/
  margin-bottom:5px;
}
div.filter-tree-batiment button.multiselect{
  height:40px;
}

#drawing-legend{
  text-align: center;
}

#drawing-legend td{
  width: 120px;
}

#legend-vertical {
  display: inline-block;
  text-align: left;
  margin: 0 auto;
}

#legend-vertical ul,
#legend-vertical li {
  margin-bottom: 0;
}

#legend-vertical li > div {
  display: inline-block;
}

#legend-vertical li > span {
  display: inline-block;
  margin-left: 10px;
  vertical-align: top;
}

#legend-vertical .progress {
  width: 40px;
}

#legend-vertical .progress .bar {
  width: 100%;
}

#legend-vertical .bar.bar-year-0,
#legend-vertical .bar.bar-cote-20,
#drawing-legend .bar.bar-year-0,
#drawing-legend .bar.bar-cote-20 {
    background-image: none;
    background-color: #ff0000;
}

#legend-vertical .bar.bar-year-1,
#legend-vertical .bar.bar-cote-40,
#drawing-legend .bar.bar-year-1,
#drawing-legend .bar.bar-cote-40 {
    background-image: none;
    background-color: #FFDD66;
}

#legend-vertical .bar.bar-year-2,
#legend-vertical .bar.bar-cote-60,
#drawing-legend .bar.bar-year-2,
#drawing-legend .bar.bar-cote-60 {
    background-image: none;
    background-color: #FFDD66;
}

#legend-vertical .bar.bar-year-3,
#legend-vertical .bar.bar-cote-80,
#drawing-legend .bar.bar-year-3,
#drawing-legend .bar.bar-cote-80 {
    background-image: none;
    background-color: green;
}

#legend-vertical .bar.bar-year-4,
#legend-vertical .bar.bar-cote-100,
#drawing-legend .bar.bar-year-4,
#drawing-legend .bar.bar-cote-100 {
    background-image: none;
    background-color: green;
}

div.action a.large-table-action{
  margin-left: -6px;
}

div#modal-multi-deficiences{
  width: 1000px;
  margin-left: -500px;
}

div#modal-multi-deficiences span.smallTitle, label.smallTitle, div.smallTitle, span.smallTitle{
  display:block;
  margin-right:5px;
  color:#333;
  font-size:14px;
}

#modal-multi-deficiences #approx_quantity_container input{
  width:75%;
}

#modal-multi-deficiences a#linkTakePhoto {
    padding: 90px 0px 0px;
    display: block;
    height: 140px;
    width: 100%;
    border: 1px solid #CCC;
    color: #04749A;
}

#modal-multi-deficiences table.info{
  font-size:12px;
}

#modal-multi-deficiences table.info td{
  padding-left: 10px;
}

#modal-multi-deficiences table.info td{
  height:30px;
}

table.section_questions, table.section_questions tr{
  border-collapse: separate;
  border-color: #eee;
}

.form-mixte .row .field-title {
  padding: 10px 0;
  margin-left: 0;
}

.form-mixte .row .field-title + div {
  margin-left: 3.45%;
}

iframe.form-builder-frame{
  width:100%;
  box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
}

iframe.form-builder-frame #formbuilder-save{
  margin-left:10px;
}

div.form-builder-photo-container{
  border-top: solid 1px black;
  padding-top: 5px;
  width: 96%;
  margin-left: 10px;
}

div.dynamic_take_photo_container{
  padding-bottom: 5px;
}

div.dynamic_view_photo_container{
  padding-bottom: 5px;
}

div.form_builder_photo_container{
  background-color:#eee;
  margin:0px;
  padding:10px;
  border-radius:5px;
  font-size:14px;
  color:#000;
}

div.form_builder_photo_container img{
  max-width: 100%;
}

div.form-builder-photo-item{
  display:inline-block;
  margin: 4px;
}

div.form-builder-photo-item img{
  height: 80px;
}

.form-mixte .row .field-title {
  padding: 10px 0;
  margin-left: 0;
}

.form-mixte .row .field-title + div {
  margin-left: 3.45%;
}

table tr td span.node-bullet {
  background-image: url(/img/tree/tee.png);
  width: 20px;
}

.popover.popover-uniformat-info {
  max-width: 400px;
}

.popover.popover-projection-info {
  max-width: 350px;
}

.popover.popover-projection-current-data-info {
  max-width: 400px;
}

.popover.popover-projection-current-data-info-smaller {
  max-width: 170px;
}

div.jstree-grid-column div.jstree-grid-cell span.tree-cell-centered{
  display:block;
  width:100%;
  text-align: center;
  margin: 0 auto;
}

div.jstree-grid-column div.jstree-grid-header.tree-header-centered{
  text-align: center;
}

div.jstree-grid-column div.jstree-grid-header{
  font-size: 10px;
}

div.jstree-grid-column div.jstree-grid-cell.tree-cell-right{
  text-align: right;
  padding-left: 0px;
  width:100%;
}

div#tree-items-content{
  font-size: 12px;
}

div.jstree-grid-header-regular {
  background-color: #424242;
  color: #ffffff;
}

div.jstree-grid-header-regular a i{
  color: #7f9aab;
}

div.jstree-grid-header-regular a:hover i{
  color:#ffffff;
}

div.jstree-grid-cell-root-tree_items:nth-child(even),
div.jstree-grid-cell-root-custom-list-tree:nth-child(even) {
  background-color: #f2f2f2;
}

div.jstree-grid-cell a.action.colored-icon{
  color:#7f9aab;
}

div.jstree-grid-cell a.action.colored-graph-icon{
  color:green;
}

div.jstree-grid-column div.jstree-grid-cell.cell-align-like-tree i.tree-icon{
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
}


div.cell-align-like-tree i.indentation-lvl-1{
  background-image: none;
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
}

div.jstree-grid-cell.cell-align-like-tree[data-tree-lvl="2"] i{
  background-image: none;
  display: inline-block;
  text-decoration: none;
  margin: 0;
  padding: 0;
  vertical-align: top;
  width:0px;
}

div.jstree-grid-cell[data-tree-lvl="3"].cell-align-like-tree i{
  background-image: url("/jstree/themes/default/32px.png");
  background-position: -68px -4px;
  display: inline-block;
  text-decoration: none;
  margin-left: 0px !important;
  padding: 0;
  vertical-align: top;
  width:24px;
}

div.jstree-grid-cell[data-tree-lvl="4"].cell-align-like-tree i{
  background-image: url("/jstree/themes/default/32px.png");
  background-position: -68px -4px;
  display: inline-block;
  text-decoration: none;
  margin-left: 12px !important;
  padding: 0;
  vertical-align: top;
  width:24px;
}

div#batiment-items div.jstree-grid-cell[data-tree-lvl="2"] span{
  font-size: 14px;
  margin-left: 5px;
}

div#batiment-items div.jstree-grid-cell[data-tree-lvl="3"] span{
  font-size: 13px;
  color :blue;
}

div#batiment-items div.jstree-grid-cell[data-tree-lvl="4"] span{
  font-size: 12px;
  color :green;
}

div#batiment-items li.jstree-node[aria-level="1"] a{
  font-size: 16px;
}

div#batiment-items li.jstree-node[aria-level="2"] a{
  font-size: 14px;
}

div#batiment-items li.jstree-node[aria-level="3"] a{
  font-size: 13px;
}

div#batiment-items li.jstree-node[aria-level="4"] a{
  font-size: 12px;
}

div#esperance_configs div.jstree-grid-header-cell,
div#deficiences_configs div.jstree-grid-header-cell{
  white-space: normal;
  min-height: 25px;
  max-height: 48px;
  padding-right: 5px;
  font-size: 10px;
  font-weight: bold;
  padding-top: 5px;
  text-align: left;
}

div.jstree-grid-header-cell{
  white-space: normal;
  min-height: 48px;
  max-height: 48px;
}

div.jstree-grid-header-cell > div.jstree-grid-separator-regular {
  height:100%;
}

div.jstree-grid-midwrapper {
  width: auto;
  overflow-x: auto;
}


.box-parameters{
  font-size: 12px;
  border: solid 1px #888;
  background-color: #eee;
  height: 190px;
}

.box-parameters.active{
  background-color: #ddd;
  border-width: 2px;
}

.box-parameters i.icon-info-sign{
  color: green;
  font-size: 14px;
}

.box-parameters i.icon-info-sign:hover{
  color:#0088CC;
}

#batiment_conditions i.icon-info-sign,
.popover-indice-info i.icon-info-sign,
{
  color: green;
  font-size: 14px;
}

#batiment_conditions i.icon-info-sign:hover,
.popover-indice-info i.icon-info-sign:hover,
.popover-info-criticite i.icon-info-sign:hover,
.popover-info-condition i.icon-info-sign:hover
{
  color:#0088CC;
}

#table-item-condition .list .order{
  display: inline;
}

.popover-indice-info i.icon-info-sign,
.popover-info-criticite i.icon-info-sign,
.popover-info-condition i.icon-info-sign,
.popover-var-info i.icon-info-sign,
.popover-cote-info i.icon-info-sign,
.popover-obsolete-info i.icon-info-sign
{
  color: #CCC;
  font-size: 14px;
}

.box-parameters label{
  font-size: 12px;
}

.box-parameters .title-box{
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  border-bottom: solid 1px #888;
}

.box-parameters .button-container{
  text-align: center;
  margin-left: 15px;
  position: relative;
  bottom: 15px;
}

.box-parameters select{
  width:90px;
}

div.graph-title{
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

div.graph-title.dark{
  text-transform: uppercase;
  font-family: 'Unica One', sans-serif;
  color:#CCC;
  font-size: 15px;
}

div.fci_good{
  background-color: green;
  color:#EEE;
  border-bottom:solid 1px;
}

div.fci_fair{
  background-color: yellow;
}

div.fci_poor{
  background-color: red;
  color:#EEE;
}

div.ivp_very_low{
  background-color: green;
  color:#EEE;
}

div.ivp_low{
  background-color: yellow;
}

div.ivp_medium{
  background-color: orange;
}

div.ivp_high{
  background-color: red;
  color:#EEE;
}

#investments_form .row{
  line-height:15px;
  font-size:12px;
}

#investments_form .row > div{
  min-height: 20px;
}
.tableinfo .action.popup i[class^="icon-"] {
  vertical-align: middle;
}

.inner-page-content .container-fluid {
  padding: 0;
}

#investments_form input[type="range"]{
  height: 2px;
  padding: 0px 0px;
  width: 100%;
}


div.jstree-grid-midwrapper {
  width: auto;
  overflow-x: auto;
}
.batiment-details-list i{
  font-size: 25px;
  margin-left: 5px;
  margin-right: 5px;
}

.batiment-details-list i.font-warning{
  font-size: 22px;
}

#info_actuel{
  font-size: 12px;
}

#info_actuel i.icon-info-sign {
  color: green;
  font-size: 14px;
}

#info_actuel i.icon-info-sign:hover{
  color:#0088CC;
}

#info_actuel .field-value{
  line-height:15px;
  min-height:15px;
}

#info_actuel .field-title{
  line-height:15px;
  min-height:15px;
}

#info_actuel div{
  line-height:15px;
  min-height:15px;
}

.ivp_icon#ivp_low{
  font-size: 25px;
}
.ivp_icon#ivp_medium{
  font-size: 22px;
}
.ivp_icon#ivp_high{
  font-size: 25px;
}

#dropdown_menu_simulation{
  border-radius: 0px;
  -webkit-border-radius:0px;
  padding:0px 0px;
  margin: 0px 0 0;
}

.value-with-big-icon{
  height: 30px;
  vertical-align: middle;
}

div.select2-container-multi{
  height: auto;
}

.filter-tree-batiment .select2-container-multi{
  width: 100% !important;
  height: 13px;
  line-height: 20px;
}

.filter-tree-batiment .select2-choices{
  border-radius: 3px;
  height:
}

.filter-tree-batiment .select2-input{
    height: 16px;
}

.indice_decision {
  width: 60px;
  color:white;
  text-align:center;
  padding:0px 5px 0px 5px;
}

[id^=list-items] .list-header-small, [id^=table-items] .list-header-small{
  height: 45px;
  max-width:125px;
}

[id^=list-items] .list-header-small a.order, [id^=table-items] .list-header-small a.order{
  white-space: normal;
}

[id^=list-items] .list-header-very-small, [id^=table-items] .list-header-very-small{
  height: 45px;
  max-width:95px;
}

[id^=list-items] .list-header-very-small a.order, [id^=table-items] .list-header-very-small a.order{
  white-space: normal;
}

[id^=list-items] tr td.list-cell-centered{
  text-align: center;
}

div.jstree-grid-midwrapper {
  width: auto;
  overflow-x: auto;
}

.loading-spinner{
  background-color: #ccc;
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom:0px;
  opacity:0.6;
  z-index: 999;
  display:none;
  text-align:center;
}

.loading-spinner .text{
  width:400px;
  height:40px;
  margin:auto;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  font-size:24px;
  opacity:1;
}

.select2-large .select2-container{
  width: 390px !important;
}

table.dispatch{
  font-size: 0.8em;
  text-align: center;
}
.dispatch th{
  background-color: #D5D5E0;
  text-align: center;
}

.dispatch tr.odd {
  background-color: #f1f1f1;
}

.dispatch tr.even {
  background-color: #ebebeb;
}

.dispatch td{
  border: 1px solid black;
  border-spacing: 0.5px;
  text-align: center;
  vertical-align: center;
}

div.dispatch-employe {
  background-color: #424242;
  border-radius: 5px;
  color:#FFFFFF;
  width: 30px;
  display: inline-block;
  font-size: 12px;
  text-align: center;
}

div.dispatch-employe.is-journee-complete {
  background-color: green;
}

div.dispatch-employe.is-demie-journee {
  background-color: blue;
}

div.dispatch-employe.rapport_recu{
  font-weight: bold;
  font-size: 14px;
  font-family: monospace;
}

div.dispatch-employe:hover {
  background-color:#D5D5E0;
}

.dispatch td, .dispatch.list th{
  height:45px !important;
}
.dispatch.list th{
  max-height:45px !important;
}

.dispatch td.project-day-cell{
  border-left: 1px solid;
  border-right: 1px solid;
  min-width: 35px;
}

.dispatch th.day{
  border-left: 1px solid;
  border-right: 1px solid;
  min-width: 45px;
}

#dispatch-search-container .ui-datepicker.ui-widget.ui-widget-content{
  z-index:5000;
}

.sticky-col .column-header{
  min-width: 200px;
}

#dispatch_table td.column-header span{
  word-wrap: break-word;
}

.dispatch .preheader{
  line-height:20px;
  text-align:right;
  font-weight: bold;
}

.dispatch .preheader-content{
  line-height:20px;
}

.dispatch .preheader-content a.btn-action{
  padding: 0px 10px;
  height: 15px;
  line-height: 15px;
}

tr.highlight-line{
  background-color: orange!important;
}

#s2id_dispatch_table_employe_id a{
  margin-top:0px;
}

#dispatch-search-container .search-label, #dispatch-search-container .search-label2{
  margin-top:5px;
}

#dispatch-search-container .search-label2 span{
  margin-left:5px;
}

#dispatch-search-container .select2-container {
  background-color: white!important;
}
.filter-box{
  padding:10px;
  border:1px solid #aaa;
  background-color:#fff;
  margin-bottom:10px;
}
.filter-item{
  display:inline-block;
  float:left;
  padding:5px;
  margin-right:10px;
}

.header-photo-browser{
  background-color:#424242;
  width:100%;
  color:#eee;
  height: 50px;
}

.header-photo-browser tbody td a{
 margin-left: 10px;
 margin-right: 10px;
}

.drop-photo-browser{
  background-color:#424242;
  padding:5px;
  margin-bottom:30px;
  cursor:pointer;
}

a.action:hover{
  cursor:pointer;
}

#ui-datepicker-div.hide-prev-next-month .ui-datepicker-prev,
#ui-datepicker-div.hide-prev-next-month .ui-datepicker-next,
#ui-datepicker-div.hide-prev-next-month .ui-datepicker-month{
  display: none;
}
table.list ul.dropdown-menu li{
  display:inline-block;
  float:left;
  width:40px;
}
table.list ul.dropdown-menu li > a{
  text-align:center;
  padding:0px;
}
table.list ul.dropdown-menu li:hover,
table.list ul.dropdown-menu li:hover a{
  background-color:#fff;
  background-image:none;
}

div.row-apercu{
  min-height:225px;
  margin-bottom:15px;
  overflow:auto;
}


a.btn-more{
  color:#6c8894;
  font-size:16px;
  font-style:italic;
  font-weight:bold;
}
a.btn-more:hover{
  cursor:pointer;
  text-decoration: underline;
}

div.apercu {
  border:1px solid #ccc;
}

ul.connectedSortable{
  border: 1px solid #eee;
  width:100%;
  min-height: 20px;
  list-style-type: none;
  margin: 0;
  padding: 5px 0 0 0;
  float: left;
  margin-right: 10px;
}

ul.connectedSortable li{
  margin: 0 5px 5px 5px;
  padding: 5px;
  font-size: 1.2em;
}
table.photo-list{
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
table.photo-list td{
  padding:3px;
}
table.photo-list tr{
  border-top:1px solid #ddd;
}
table.photo-list img{
  height:100px;
}
table.photo-list .btn-action{
  height:16px;
  line-height:16px;
  font-size:12px;
  width:12px;
}

form .select2-container{
  background-color: #FFF !important;
}

.no-float{
  float: none !important;
}

.datatable-container{
  overflow-y:auto; /* par moment ca cré un gros espace vide sinon*/
  min-height: 220px; /* en ouvrant les filtre si on a une row, ca cause une scrollbar*/
}

.row-status .current_status{
  color:#000;
}

.row-status .not_current_status{
  color:#aaa;
}

ul.redactor-toolbar.toolbar-fixed-box{
  top:0px !important;
}

.inner-page-container .add-icon{
  background: #fff;
  width:150px;
  text-align: center;
  vertical-align: bottom;
  display:inline-block;
}

.inner-page-container .container_thumb{
    display:inline-block;
    border:1px solid #AAA;
    min-height:150px;
  }

.inner-page-container .container_thumb div[id^=thumb]{
  min-height:120px;
  max-height:120px;
  display: flex;
  justify-content: center;
}

.inner-page-container .container_thumb div[id^=thumb] svg{
  max-height:120px;
  align-self: center;
}

.inner-page-container .container_thumb .link_container{
  width: 50%;
  margin: 0 auto;
}

.jstree-grid-cell{
  padding-left:3px !important;
}

.action-bar .toggle{
  width:53px !important;
  height:20px !important;
}

.popover-subtitle {
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  background-color: #f7f7f7;
}

select.custom-list:not([data-allow-edit="false"]){
  width: calc( 100% - 45px );
  display: inline-block;
}

div.field-value-aligned{
  padding: 10px;
}

.sigWrapper {
  clear: both;
  border: 1px solid #ccc;
  width: 550px;
  height:100px;
  float:left;
}

.dropdown-fields .fields label{
  min-width:180px;
}

.ui-timepicker-hour-cell{
  padding: 0px 2px;
  margin-left: 2px;
}

span.icon-stack.excel-small{
  line-height: 6px;
  font-size: 12px;
  font-style: normal;
  height: 17px;
}

.ui-timepicker-table{
  background-color: #555;
}

.toggle.btn-primary, .toggle.btn-default{
  width: 80px !important;
  height: 35px !important;
}

#table_paie_employe_table div.field-title{
  margin-top: 10px;
  font-weight: bold;
}
#table_paie_employe_table div.label-title{
  font-weight: bold;
  display: inline;
}

.btn-top-page{
  margin-left: 10px;
  margin-top: 10px;
}

div[id^=custom-datatable-table-projets]{
  min-height: 600px;
}

.nav>li>a{
  position: relative;
  display: block;
  padding: 10px 7px;
  padding-top: 15px;
}

.login-container .panel-device{
  text-align: center;
}

.login-container .panel-device .btn-group .btn {
  padding: 12px 10px 8px 10px;
  width: 90px;
}

.login-container .btn.active, .login-container .btn-primary {
  color: #fff;
  background-color: #0088CC;
  background-image: none;
}

#edit-custom-list a.action{
  width:20px;
}

#view-bc #print_pdf {
  line-height: 10px;
}

.field-checkbox input[type="checkbox"]{
  height:auto;
  min-height:auto;
}

table[id^=table-projets] td .fa-exclamation-circle{
  color:red;
  font-size:18px!important;
}

.edit-custom-list {
  margin-left: 5px;
}

textarea.form-control {
  margin-bottom: 5px;
}

.action-table{
  text-align:right;
}