.spacer {
  margin-top: 15px; /* define margin as you see fit */
}
.dropdown-toggle {
  cursor: pointer;
}
div.header {
  margin: 10px 0;
}
div.header .logo {
  height: 40px;
}
div.header .app-name {
  color: #495965;
  font-size: 200%;
  font-weight: bold;
  display:inline-block;
  vertical-align:middle;
  padding-right : 12px;
  border-right: 3px solid #495965;
}
div.header .view-name {
  color: #495965;
  font-size: 180%;
  display:inline-block;
  vertical-align:middle;
  padding-left : 10px;
}
div.header .btn-user-custom {
  background-color: rgba(221,25,54,0.8);
  border-color: rgba(221,25,54,0.6);
}
div.header .btn-user-custom:hover {
  background-color: rgba(221,25,54,1);
  border-color: rgba(221,25,54,0.8);
}
div.header .clock {
  width: 100%;
  height : 40px;
  text-align: right;
  color: #495965;
  font-family: "Courier New", Courier, monospace;
  font-weight: bolder;
  font-size: 170%;
}
div.header .clock > .glyphicon {
  top : 5px;
}
div.header .clock > .time {
  display:inline-block;
  vertical-align:middle;
}
div.header .userFrame {
  text-align: right;
  padding : 3px 0 3px 0;
}
div.header .userFrame .dropdown-menu {
  z-index : 1001;
}

@media (min-width: 992px) {
  .navbar-brand {
    display: none;
  }
}

.screen-title-method {
  color: #B31D85;
}

.screen-title-preprod{
  color: #1D85B3;
}

.screen-title-prod{
  color: #61970B;
}

.anomalies .glyphicon {
  font-size: 180%;
  vertical-align: middle;
}
.table > thead > tr > td.info,
.table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th,
.table > tbody > tr > td.info,
.table > tbody > tr > th.info,
.table > tbody > tr.info > td,
.table > tbody > tr.info > th,
.table > tfoot > tr > td.info,
.table > tfoot > tr > th.info,
.table > tfoot > tr.info > td,
.table > tfoot > tr.info > th {
  background-color: #E1E9ED;
  border-color: #CEDDE5;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td {
  background-color: #CEDDE5;
  border-color: #BCD2DD;
}


.table-hover.danger > tbody > tr:hover > td,
.table-hover.danger > tbody > tr:hover > th {
  background-color: #f2dede;
  border-color: #eed3d7;
}

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

.table > tbody > tr.danger:hover > td,
.table > tbody > tr.danger:hover > th{
  background-color: #f2dede;
  border-color: #eed3d7;
}

.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th{

  background-color: #F6E6E8;
  color: #b94a48;
}

.table-bordered.danger > tbody > tr > td,
.table-bordered.ganger > tbody > tr > th{

  background-color: #F6E6E8;
  color: #b94a48;
}

.table.anomalies td{
  word-break: break-all;
}

div#updateTopoandPlanningSearchBar.searchbar .panel-body,
div#startDutySearchBar.searchbar .panel-body {
  overflow: visible;
}

div#updateTopoandPlanningSearchBar.searchbar .btn-search-and-cancel {
  width: 6%;
}

div#startDutySearchBar{
  margin-top: 5px;
}

div#updateTopoandPlanningSearchBar.searchbar .btn-search-and-cancel .btn-cancel,
div#startDutySearchBar.searchbar .btn-search-and-cancel .btn-cancel{
  width: auto;
  background-color: rgba(221,25,54,0.6);
  border-color: rgba(221,25,54,0.2);
}

div#updateTopoandPlanningSearchBar.searchbar input#minDate,
div#updateTopoandPlanningSearchBar.searchbar input#maxDate
{padding-left: 10px;
 padding-right: 2px;
}

.table th span.sortable{
  cursor: pointer;
}

table.updateTopoandPlanning,
table.startDuty
{
  margin-bottom: 0;
}

table.updateTopoandPlanning tbody,
table.startDuty tbody
{
  font: 12px Tahoma, Geneva, Arial, sans-serif;
  height: 200px !important;
  overflow-y: scroll;
  display:block;
}

table.updateTopoandPlanning tbody{
  height: 400px !important;
}

table.startDuty tbody#startDutyInAlertBody
{
  height: 200px !important;
}

table.bodycontainer.table-bordered{
  border-top: none;
}

table.updateTopoandPlanning.headcontainer.table-bordered > thead > tr > th,
table.startDuty.headcontainer.table-bordered > thead > tr > th{
  border-bottom: none;
  border-left: none;
  background-color: #f9f9f9;
}

table.updateTopoandPlanning.table-bordered > tbody > tr > td,
table.startDuty.table-bordered > tbody > tr > td{
  border-left: none;
}

table.updateTopoandPlanning  td,
table.startDuty  td
{
  white-space: nowrap;
}

table.updateTopoandPlanning  th,
table.updateTopoandPlanning  td,
table.startDuty  th,
table.startDuty  td
{
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  margin:0px; padding:8px;
}

table td.noData{
  min-width: 1137px;
  max-width: 1137px;
}

/* propriété du tableau de prise de service */
.startDutyStatus span.glyphicon,
.smallIcons li.glyphicon{
  font-size: 15px;
}

table.startDuty  th.startDutyTheoricalDate,
table.startDuty  td.startDutyTheoricalDate,
table.startDuty  th.startDutyConcreteDate,
table.startDuty  td.startDutyConcreteDate{
  min-width: 175px;
  max-width: 175px;
}
table.startDuty  th.startDutyVehicleJourneyName,
table.startDuty  td.startDutyVehicleJourneyName{
  min-width: 240px;
  max-width: 240px;
}
table.startDuty  th.startDutyDriver,
table.startDuty  td.startDutyDriver{
  min-width: 348px;
  max-width: 348px;
}
table.startDuty  th.startDutyDriverPhone,
table.startDuty  td.startDutyDriverPhone{
  min-width: 110px;
  max-width: 110px;
}
table.startDuty  th.startDutyStatus,
table.startDuty  td.startDutyStatus{
  min-width: 90px;
  max-width: 90px;
}

/* propriété du tableau de mise à jour de la topo et des plannings */
table.updateTopoandPlanning  th.messageid,
table.updateTopoandPlanning  td.messageid{
  min-width: 80px;
  max-width: 80px;
}
table.updateTopoandPlanning  th.messageIcon,
table.updateTopoandPlanning  td.messageIcon{
  min-width: 60px;
  max-width: 60px;
}
table.updateTopoandPlanning  th.messagerecipient,
table.updateTopoandPlanning  td.messagerecipient{
  border-right: none;
}
table.updateTopoandPlanning  th.messagerecipient,
table.updateTopoandPlanning  td.messagerecipient,
table.updateTopoandPlanning  th.messagesender,
table.updateTopoandPlanning  td.messagesender{
  min-width: 297px;
  max-width: 297px;
}
table.updateTopoandPlanning  th.messagedate,
table.updateTopoandPlanning  td.messagedate{
  min-width: 130px;
  max-width: 130px;
}

table.updateTopoandPlanning  th.servicename,
table.updateTopoandPlanning  td.servicename{
  min-width: 220px;
  max-width: 220px;
}
table.updateTopoandPlanning  th.servicetype,
table.updateTopoandPlanning  td.servicetype{
  min-width: 130px;
  max-width: 130px;
}
table.updateTopoandPlanning  th.messagestatus,
table.updateTopoandPlanning  td.messagestatus{
  min-width: 145px;
  max-width: 145px;
  text-align: left;
}

.startDutyTableContainer .panel-body {
  padding: 0px;
}

.operationDetailsLink {
  cursor: pointer;
}
#operationDetails > pre {
  margin-bottom : 0;
  background-color: inherit;
  border: none;
}
#selectedImportDetails > pre {
  margin-bottom : 0;
  background-color: inherit;
  border: none;
}

form .error-container {
  color: #bb1f34;
  font-size: 1.2em;
}

form .error {
  border: 1px solid #b94a48!important;
  background-color: #fee!important;
}

div.filter-grp {
  width: 16%;
}

fieldset .col-sm-2 {
  padding-left: 3px;
  padding-right: 0px;
  width: 12%;
}

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

.loading-container {
  position: relative;
}
.loading-container .loading:before, .loading-container .loading:after {
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  min-height: 50px;
  min-width: 50px;
}
.loading-container .loading:before {
  background-color: white;
  opacity: 0.5;
}

.SEVERE:before {
  content: url(../images/SEVERE.png)
}
.HIGH:before {
  content: url(../images/HIGH.png)
}
.LOW:before {
  content: url(../images/LOW.png)
}
.NONE:before {
  content: url(../images/NONE.png)
}
.CLEAR:before {
  content: url(../images/CLEAR.png)
}