/*
Bleu : #5c8097
Blue plus foncé : #496e86
Orange : #d45a2a
Bleu très pâle : # b9d9ee
Jaune « warning » : # ffff90 (ou plus pale # ffffce)
*/


@font-face {
    font-family: Raleway-Regular;
    src: url(../fonts/Raleway-Regular.ttf);
}
@font-face {
    font-family: Raleway-Light;
    src: url(../fonts/Raleway-Light.ttf);
}

@font-face {
    font-family: SourceSansPro-Light;
    src: url(../fonts/SourceSansPro-Light.ttf);
}

.btn {
  cursor: pointer;
}

a:link {
  color: #d45a2a;
  text-decoration: underline;
}

a:visited {
  color: #993333;
}

a:hover {
  color: #993333;
  text-decoration: none;
}

a:active {
  color: #EE1C25;
}

.stateDialogImage {
  height: 12px;
  width: 12px;
}

/*.loginBackgroundImage {
  background-image: url('../Content/images/back/blueLine_BlueBlack.jpg');
  background-repeat: no-repeat;
}*/
/*-------------FOOTER-----------*/
#footer {
  background-color: rgba(255, 255, 255, 0.3);
  bottom: 0;
  left: 0;
}

#footer-content {
  width: 1000px;
  margin: 0 auto;
  display: table;
}

.cell {
  display: table-cell;
  width: 25%;
  vertical-align: top;
  padding: 0;
}

.divider {
  display: table-cell;
  width: 5%;
}

#copyright {
  background: #090909;
  padding: 8px 0px 16px 0px;
  font-size: smaller;
}
/*--------End of FOOTER----------*/
/*----------FORM-----------*/
.contact-footer {
  font-size: small;
}

.label-footer {
  float: left;
  clear: left;
  margin: 4px 12px 0 0;
  width: 25%;
  text-align: right;
  font-weight: bold;
}

.input-footer {
  padding: 4px 12px 0px 12px;
  margin: 0 0 8px 0;
}

.k-textbox {
  width: 65%;
  padding: 4px;

}
/*----------End of FORM---------*/
/* Login
----------------------------------------------------------*/
.loginKeepCentered {
  text-align: center;
  position: relative;
  height: 360px;
  width: 400px;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  margin: 0px auto 0 auto;
  padding: 40px 40px 60px 40px;
  font-family: Raleway-Light;
}

.passwordKeepCentered {
  text-align: center;
  vertical-align: middle;
  position: relative;
  height: 400px;
  width: 400px;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
  margin: 0 auto;
  padding: 40px 30px 60px 30px;

}

#loginLogo {
  width: 200px;
  margin: auto;
}

#logindisplay {
  font-size: 1.0em;
  display: block;
  text-align: right;
  color: #ffffff;
}

  #logindisplay a:link {
    color: #ffffff;
    text-decoration: underline;
  }

  #logindisplay a:visited {
    color: #ffffff;
    text-decoration: underline;
  }

  #logindisplay a:hover {
    color: white;
    text-decoration: none;
  }
/* Report 
----------------------------------------------------------*/
.reportSelectionTableBorder {
  padding: 20px;
  margin: 0px;
}

.reportSelectionBorder {
  vertical-align: text-top;
  padding: 5px;
}

.application-container,
.section-container {
  width: 100%;
  height: 100%;
}

#reportDateDetailDay,
#reportDateDetailWeek,
#reportDateDetailMonth,
#reportDateDetailQuarter,
#reportDateDetailYear {
  clear: both;
  margin: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}

.datedetailpicker {
  padding: 5px;
  border-right: 1px solid black;
  display: inline-block;
  text-align: center;
}
/* Kendo Custom Icons */
.km-root .km-pane .km-view .km-astus-dashboard,
.km-root .km-pane .km-view .km-astus-favorite,
.km-root .km-pane .km-view .km-astus-help,
.km-root .km-pane .km-view .km-astus-logout,
.km-root .km-pane .km-view .km-astus-messaging,
.km-root .km-pane .km-view .km-astus-maintenance,
.km-root .km-pane .km-view .km-astus-management,
.km-root .km-pane .km-view .km-astus-preference,
.km-root .km-pane .km-view .km-astus-realtime,
.km-root .km-pane .km-view .km-astus-report,
.km-root .km-pane .km-view .km-astus-search,
.km-root .km-pane .km-view .km-astus-task,
.km-root .km-pane .km-view .km-astus-map,
.km-root .km-pane .km-view .km-astus-filter,
.km-root .km-pane .km-view .km-astus-viewselection,
.km-root .km-pane .km-view .km-astus-share,
.km-root .km-pane .km-view .km-astus-back,
.km-root .km-pane .km-view .km-astus-refresh,
.km-root .km-pane .km-view .km-astus-alert,
.km-root .km-pane .km-view .km-astus-infraction,
.km-root .km-pane .km-view .km-astus-save,
.km-root .km-pane .km-view .km-drawer,
.km-root .km-pane .km-view .km-astus-add,
.km-root .km-pane .km-view .km-astus-edit,
.km-root .km-pane .km-view .km-astus-delete,
.km-root .km-pane .km-view .km-astus-state-rule-exception {
  -moz-background-size: auto 100%;
  -o-background-size: auto 100%;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-clip: border-box;
  background-repeat: no-repeat;
}

a[data-icon=drawer] .km-icon.km-drawer.km-notext {
  -webkit-mask-size: auto 100% !important;
  background-image: url(../Content/images/section/Menu_details.png) !important;
}

.km-root .km-pane .km-view .km-astus-dashboard {
  background-image: url("../Content/images/section/Dashboard.png");
}

.km-root .km-pane .km-view .km-astus-favorite {
  background-image: url("../Content/images/toolbar/favorite_64.png");
}

.km-root .km-pane .km-view .km-astus-back {
  background-image: url("../Content/images/toolbar/Back.png");
}

.km-root .km-pane .km-view .km-astus-save {
  background-image: url("../Content/images/toolbar/Save.png");
}

.km-root .km-pane .km-view .km-astus-refresh {
  background-image: url("../Content/images/toolbar/refresh.png");
}

.km-root .km-pane .km-view .km-astus-map {
  background-image: url("../Content/images/toolbar/ViewOnMap.png");
}

.km-root .km-pane .km-view .km-astus-filter {
  background-image: url("../Content/images/toolbar/Filter.png");
}

.km-root .km-pane .km-view .km-astus-viewselection {
  background-image: url("../Content/images/toolbar/ViewDisplay.png");
}

.km-root .km-pane .km-view .km-astus-share {
  background-image: url("../Content/images/toolbar/Share.png");
}

.km-root .km-pane .km-view .km-astus-maintenance {
  background-image: url("../Content/images/section/Maintenance.png");
}

.km-root .km-pane .km-view .km-astus-task {
  background-image: url("../Content/images/toolbar/Task.png");
}

.km-root .km-pane .km-view .km-astus-help {
  background-image: url("../Content/images/section/Help.png");
}

.km-root .km-pane .km-view .km-astus-logout {
  background-image: url("../Content/images/section/Logout.png");
}

.km-root .km-pane .km-view .km-astus-state-rule-exception {
  background-image: url("../Content/images/toolbar/FilterInfraction.png");
}

.km-root .km-pane .km-view .km-astus-alert {
  background-image: url("../Content/images/toolbar/FilterAlert.png");
}

.km-root .km-pane .km-view .km-astus-messaging {
  background-image: url("../Content/images/toolbar/Messaging.png");
}

.km-root .km-pane .km-view .km-astus-management {
  background-image: url("../Content/images/section/Management.png");
}

.km-root .km-pane .km-view .km-astus-preference {
  background-image: url("../Content/images/section/Preference.png");
}

.km-root .km-pane .km-view .km-astus-realtime {
  background-image: url("../Content/images/section/RealTime.png");
}

.km-root .km-pane .km-view .km-astus-report {
  background-image: url("../Content/images/section/Report.png");
}

.km-root .km-pane .km-view .km-astus-search {
  background-image: url("../Content/images/section/Search.png");
}

.km-root .km-pane .km-view .km-astus-infraction {
  background-image: url("../Content/images/toolbar/FilterInfraction.png");
}

.km-root .km-pane .km-view .km-astus-add {
  background-image: url("../Content/images/toolbar/add-window.png");
  background-size: 16px 16px;
  background-position: center center;
}

.km-root .km-pane .km-view .km-astus-edit {
  background-image: url("../Content/images/toolbar/Edit.png");
}

.km-root .km-pane .km-view .km-astus-delete {
  background-image: url("../Content/images/toolbar/delete.png");
}

.km-astus-check:after,
.km-astus-check:before {
  content: "\e037";
}

.list-view-break:after {
  content: " ";
  display: block;
  clear: both;
}

.selection-tab.selected {
  background-color: #a99f9a !important;
}

#reportSelectionFilters .selection-tab {
  float: right;
  width: 25px;
  border-bottom: 1px solid #c5c5c5;
  border-left: 1px solid #c5c5c5;
  font-family: Trebuchet MS;
  font-weight: bold;
  -ms-word-break: break-all;
  word-break: break-all;
  text-align: center;
  text-transform: uppercase;
  /*padding: 2px 0px 38px;*/
  background-color: #e3e3e3;
  cursor: pointer;
}
#reportSelectionFilters {
  overflow-y: scroll
}

#reportSelectionFilters .selection-tab > div {
  width: 9px;
  margin: auto;
}

#reportSelectionFilters .selection-list {
  float: left;
  width: 339px;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.reportFilterDetailLink .selection-tab.selected {
  font-weight: bold;
}

#reportGroupingDetailFilter ul {
  list-style-type: none;
}

#reportFilterSelectionDetails {
  width: 350px;
  box-shadow: #646464 1px 1px 20px;
  border-right: 1px solid #646464;
  height: 100%;
  background-color: white;
  z-index: 10;
  position: absolute;
}

  #reportFilterSelectionDetails > div {
    padding: 10px;
  }

.section-title {
  font-weight: bold;
}

.km-ios7 .listview-selected .km-listview-label {
  background: #d9d9d9;
}

.km-ios .listview-selected .km-listview-label {
  color: #fff;
  background: #0260e8;
  background-image: -webkit-gradient(linear, 50% 0, 50% 100%, color-stop(0, rgba(255, 255, 255, 0.28)), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(1, rgba(255, 255, 255, 0)));
  background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
  background-image: linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
  background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
  background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.28), rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0));
}

.km-blackberry .listview-selected .km-listview-label {
  -webkit-box-shadow: inset 0 0 0 2px #00aae7;
  box-shadow: inset 0 0 0 2px #00aae7;
  background: rgba(0, 170, 231, 0.5);
}

.km-android .listview-selected .km-listview-label {
  background: rgba(76, 190, 232, 0.5) !important;
}

.km-root .km-android .km-view {
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.km-android .km-view-title {
  visibility: visible;
}

#reportFilterClose {
  cursor: pointer;
}

.selectable {
  cursor: pointer;
}

html:not(.k-ie7) .nm_bubble_content h2 {
  color: white;
}

@font-face {
  font-family: "truck";
  src: url('/Content/fonts/truck.ttf') format("truetype"), url('/Content/fonts/truck.woff') format("woff");
}

.km-truck:after,
.km-truck:before {
  font: 1em/1em "truck";
  content: '\e801';
}

#loginFormListView p,
#loginFormListView h2 {
  margin: 0px 0px 5px 0px;
}

.light-gray {
  color: #6d6d6d;
}

.smaller-text {
  font-size: 0.8em;
}

.km-wp .listview-selected .km-listview-label {
  background: #D9D9D9;
}

.km-wp .km-header .km-button {
  border-width: 0px !important;
}

.km-wp-light .km-list > li > .km-icon,
.km-wp-light .km-listview-link > .km-icon {
  background: none !important;
}

.km-accessory:after,
.km-accessory:before {
  content: "\e0c1";
}

.km-infraction:after,
.km-infraction:before {
  content: "\e035";
}

.km-alert:after,
.km-alert:before {
  content: "\e0fa";
}

#realtimeVehicleDetailView .km-group-title,
#realtimeLocationDetailView .km-group-title,
#realtimeLocationDetailView .km-group-title,
#realtimeTerritoryDetailView .km-group-title,
#realtimeInfractionDetailView .km-group-title,
#realtimeEmployeDetailView .km-group-title {
  display: none;
}

#legalDocuments {
  text-align: center;
  color: #d45a2a;
}

.km-ios7 .km-actionsheet > li:first-child {
  margin: 0px !important;
}

.task-icon {
  margin-right: 10px;
}

.k-icon-clear-alert-action {
  background-image: url("../Content/images/toolbar/ClearAlert.png");
  background-size: 17px;
  margin-right: 3px;
}

#unAcknowledgedAlertView .km-tabstrip .k-reset {
  display: none;
}

#acknowledgedAlertView .km-tabstrip .k-reset {
  display: none;
}

.km-buttongroup .km-state-active .km-text {
  color: white;
}

.km-wp-dark,
.km-list > li > .km-icon,
.km-wp-dark .km-listview-link > .km-icon {
  background-color: transparent !important;
}

.km-wp .km-list:not(.km-virtual-list) > li:last-child.km-button {
  border-bottom: 1px solid #000;
}

.km-wp .km-list:not(.km-virtual-list) > li:first-child.km-button {
  border-top: 1px solid #000;
}

.km-wp .km-list:not(.km-virtual-list) > li.km-button .km-text {
  padding: 8px 0px;
}

#taskStatusTypeButtonGroup li {
  list-style: none;
}

.required-field {
  font-weight: bold;
}

.k-splitter .k-ghost-splitbar-horizontal,
.k-splitter .k-splitbar-horizontal {
  width: 8px;
  padding-left: 2px;
}

.k-splitbar {
  height: 8px;
  padding-top: 2px;
}

.active-element.rotate {
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.km-wp a.km-state-active.km-button .km-text,
.km-wp a.km-state-active.km-button {
  color: Highlight !important;
}

#EmployeLastStateTabstrip {
  width: 100%;
}

.chatItem {
  padding: 10px 5px;
  clear: both;
}

  .chatItem div {
    float: left;
  }

.chatPerson {
  width: 20%;
  color: #a09b98;
  font-style: italic;
}

.chatMessage {
  width: 62%;
}

.chatImportantMessage {
  width: 20px;
  height: 18px;
  background: url(../Content/images/toolbar/FilterInfraction.png) no-repeat;
  background-size: 18px;
  float: right !important;
  margin-left: 5px;
}

.chatTime {
  text-align: right;
  width: 18%;
  color: #a09b98;
}

.ChatFormArea textarea {
  height: 50px;
  resize: none;
  min-height: 0px !important;
}

.ChatMessagesScroller {
  overflow-y: scroll;
  margin-bottom: 5px;
}

#ChatMessageHistory {
  font-size: 12px;
  padding: 5px;
}

  #ChatMessageHistory .choice {
    text-decoration: underline;
    cursor: pointer;
  }

  #ChatMessageHistory .active {
    font-weight: bold;
    text-decoration: none !important;
    cursor: auto !important;
  }

.table-form-label {
  text-align: right;
  width: 100px;
  padding-right: 20px;
}

  .table-form-label.required {
    font-weight: bold;
  }

.km-bug:after,
.km-bug:before {
  content: "\e0f8";
}

.lastStatePanelTitle {
  height: 28px;
  background-color: #E3E3E3;
  border: #C5C5C5 solid 1px;
  width: 100%;
  padding: 7px;
  -ms-word-break: break-all;
  word-break: break-all;
  white-space: nowrap;
}

span[data-role=view-title] {
  width: 50%;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  margin: auto;
}

#section_Password div.loginKeepCentered > div {
  padding: 2px 0px;
}

.km-web .maskInput .mask {
  float: right;
  padding-right: 10px;
  width: 30px;
  text-align: left;
}

.km-web .maskInput input,
.km-web .maskInput textarea,
.km-web .maskInput select {
  text-align: right;
  margin-right: 30px;
}

.km-ios .maskInput .mask {
  padding-top: 3px;
}

.km-blackberry .maskInput .mask,
.km-android .maskInput .mask,
.km-wp .maskInput .mask {
  padding-top: 6px;
  position: relative;
  right: -25px;
}

.km-android .maskInput input,
.km-wp .maskInput input {
  background: transparent !important;
}

.km-web .maskInput input[type=number]::-webkit-inner-spin-button,
.km-web .maskInput input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.km-android .km-footer li {
  color: white;
}

.last-state-panel-content {
  margin: 8px;
}

.validation-entity-error {
  color: red;
  background: url(../Content/images/toolbar/Error.png) no-repeat;
  padding-left: 15px;
}

.locationFormTable {
  border-collapse: separate;
  border-spacing: 15px 0px;
  width: 100%;
}
/* Cannot be transparent */
/*.km-on-wp .km-popup .k-list-container, 
.km-on-wp .km-modalview, 
.km-on-wp .km-popup-wrapper, */
/* No more km-wp */
.km-wp .km-footer,
.km-android .km-footer,
.km-blackberry .km-footer {
  background-color: transparent !important;
}

.km-on-wp.km-android .km-filter-wrap:before,
.km-on-wp.km-android .km-android .km-filter-reset .km-clear {
  font-size: 14px !important;
}

.km-wp-dark .km-popup .k-list-container,
.km-wp-dark .km-modalview,
.km-wp-dark .km-popup-wrapper,
.km-wp-dark .km-footer,
.km-android .km-footer {
  background-color: black !important;
}

#ToolBarItemMenu img {
  width: 19px;
}

#ToolBarItemMenu {
  margin-top: -3px;
}

  #ToolBarItemMenu li {
    text-align: left;
  }
/* For kendo mobile */
/*#map #mapBalloon {
  color: black;
}*/
.controlListView li {
  text-align: left;
}

#emailActivationView header .k-icon:not(.k-loading),
#realtimeVehicleSendDifferedTask header .k-icon:not(.k-loading) {
  display: none;
}

#section_login {
  overflow: auto;
  min-width: 660px;
}

.reportResultsGridZone .k-i-arrowhead-s {
  background-position: -64px -32px !important;
}


/**
  Fix WP8 Font issue
*/
.km-on-wp.km-app .km-icon:after,
.km-on-wp.km-app .km-filter-wrap:before,
.km-on-wp.km-app .km-state-active .km-icon:after {
  background-image: url("../Content/external/images/wp8_icons.png");
}

.km-wp-light.km-app .km-icon:after,
.km-wp-light.km-app .km-filter-wrap:before {
  background-image: url("../Content/external/images/wp8_inverseicons.png");
}

.km-on-wp.km-app .km-action:after {
  background-position-x: 20%;
}

.km-on-wp.km-app .km-add:after {
  background-position-x: 22%;
}

body.phonegap-native .hide-native {
  display: none;
}

body.web-native .hide-native {
  display: none;
}

body.web-native #footer-content {
  padding-left: 50px;
}

body.web-native #footer {
  padding: 0px 10px !important;
}

body.web-native .loginKeepCentered {
  background-size: 370px 310px !important;
  height: 380px !important;
}

#reportResetFilterBtn {
  text-align: right;
  position: absolute;
  width: 100%;
  margin-top: 2px;
}

  #reportResetFilterBtn img {
    cursor: pointer;
  }

#reportFilterViewTable {
  margin-top: 10px;
}

.EmployeeChatLastStateArea > #ChatMessages,
.VehicleChatLastStateArea > #ChatMessages {
  overflow-y: scroll;
}

.k-content form label {
  padding: 0 5px 0 0;
}

.light-hr {
  border-bottom: 1px solid rgba(127, 127, 127, 0.5);
  margin: 0;
  padding: 0;
}

.filter-checklist .filter-button {
  background-image: url(../Content/images/toolbar/Unchecked.png);
  background-position: left center;
  background-repeat: no-repeat;
  padding: 5px 0 5px 28px;
  cursor: pointer;
}

.filter-checklist .filter-checked {
  background-image: url(../Content/images/toolbar/Checked.png);
}

#messageScroller {
  height: auto !important;
}

.k-window-title {
  font-weight: bold;
}

.k-state-selected .report-preset-fleet-name {
  color: #fff;
}

.report-preset-fleet-name {
  font-size: 0.7em;
  color: #888;
}

#footer,
#footer a,
#footer a:visited {
  color: #ddd;
}

  #footer a:hover {
    color: #ccc;
  }

.task-grid-status-Started {
  background-color: #ffffc0 !important;
}

.task-grid-status-OnHold {
  background-color: #ff7878 !important;
}
/* Éviter la sélection en #fff par défaut de kendoS  */
.km-ios7 .km-state-active .km-text {
  color: inherit;
}

.km-ios7 .km-buttongroup .km-state-active .km-text {
  color: #fff;
}

.about-logo {
  padding: 5px 0px;
}

.about-manufacturer,
.about-years {
  font-size: 1.5em;
  font-weight: bold;
}

.about-client-name,
.about-connection-title {
  padding-top: 10px;
}

.about-connection-title {
  font-weight: bold;
}

body:not(.km-web) #aboutDetails {
  text-align: center;
}

.km-web #aboutDetails {
  padding: 10px;
}

.dialog-label {
  padding: 10px;
}

.login-page-title {
  color: white;
  font-size: 28px;
  padding-top: 2px;
  font-weight: bold;
  margin-bottom: 40px;
}

.report-view-by {
  width: 48px;
  height: 48px;
}

.messageCharCounter {
  position: absolute;
  right: 2px;
  bottom: 2px;
  background-color: #A9A9A9;
  padding: 2px;
  color: #2E2E2E;
  opacity: 0.8;
}

.dialogCharCount {
  position: absolute;
  right: 0px;
  bottom: 1px;
  padding: 4px;
  border-left: #DADADA solid 1px;
  border-top: #DADADA solid 1px;
  z-index: 100;
  background: white;
  font-size: 0.8em;
}

.version-container a {
  text-decoration: underline;
  cursor: pointer;
}

#tooltip {
    position: absolute;
    background-color: #555;
    color: white;
    z-index: 100;
    padding: 3px;
}

#importantMessageBanner {
  text-align: center;
  background-color: #f35800;
  position: relative;
  height: 25px;
}

.ImportantMessageContent {
  color: white;
  position: absolute;
  top: 5px;
  height: 20px;
  background-color: #f35800;
  width: 100%;
}

.ImportantMessageContent > a {
    text-align: center;
    cursor: pointer;
    color: white;
}

  .ImportantMessageContent #close {
    cursor: pointer;
  }

.ImportantMessageContent#activateUser {
  cursor: pointer;
}

.availableAxisSelector {
  float: right;
  margin-bottom: 3px;
  z-index: 10;
}

.chartNoData {
  text-align: center;
  margin-top: 10px;
  font-size: 16px;
}

#tooltip {
    position: absolute;
    background-color: #555;
    color: white;
    z-index: 100;
    padding: 3px;
}

#FooterCA, FooterOther{
    background-color: #333;
    width: 100%;
}
#footer{
    margin: 0;
    padding: 0;
}

/*# sourceMappingURL=site.css.map */




 /*new*/

@font-face {
    font-family: Raleway-Regular;
    src: url(../Content/fonts/Raleway-Regular.ttf);
}
@font-face {
    font-family: Raleway-Light;
    src: url(../Content/fonts/Raleway-Light.ttf);
}
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
header#astus_header {
    background: url(../Content/images/header.png);
    background-repeat: no-repeat;
    /* background-attachment: fixed; */
    background-position: center bottom;
    background-size: cover;
    width: 100%;
    height: 250px;
    margin: 0;
    padding: 50px 0 0 50px;
}
.logo {
    width: 250px;
    float: left;
}
html, body {
    background-color: #F1F1F1;
    height: 100%;   
    /*overflow: auto;*/
}
.wrapper{
    /*display: flex;
    flex-direction: column;*/
    width: 100%;
}
.content{
    /*flex: 1 0 auto;*/
}
.slogan{
    font-family: Raleway-Light;
    color: white;
    clear: right;
    margin-top: 45px;
    margin-left: 20px;
    float: left;
    line-height: 1.5em;
}
.vertical_line{
    width: 5px;
    border-left: 1px solid #ff671b;
    float: left;
    height: 50px;
    margin-top: 40px;
}
.logo_container{
    width: auto;
    height: auto;
}
.form_block{
    width: 400px;
    height: 300px;
    background-color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19) !important;
    margin: 0 auto;
    padding: 40px 30px 60px 30px;
}


/*FOOTER*/

#new_footer{
    width: 100%;
    background-color: #333;
    margin-top: 0;
    font-family: sans-serif;
    font-size: 0.9rem;
    color: #AAA;
    padding: 25px 5%;
    clear: both;
    height: 250px;
}
#new_footer h4{
    color: #ff671b;
    letter-spacing: 3px;
    margin: 0 0 10px 0;
}
#new_footer p{
    margin: 5px auto;
}

.contacts{
    width:50%;
    text-align: center;
    float: left;
}
.contacts p{
    font-size: 14px;
}

.downloads{
    width: 50%;
    float: left;
    text-align: center;
    clear: right;
}
.aplication{
    float: left;
}
.aplication img{
    width: 150px;
    height: auto;
}
.team {
    margin-top: 24px;
}
.apv{
    margin-top: 3px;
    clear: right;
}
.fms{
    margin-top: 5px;
}
.appl_center{
    max-width: 325px;
    margin: 0 calc((100% - 325px) / 2);
    float: left;
}
.conserver{
    float: left;
    font-family: Raleway-Light;
    font-size: 14px;
    height: 20px;
    margin-top: 20px;
    padding-top: 3px;
}
.conserver label{
    cursor: pointer;
}
.mot_de_passe{
    clear: right;
    text-align: right;
    float:left;
    font-family: Raleway-Light;
    font-size: 14px;
    height: 20px;
    margin-top: 20px;
}
.conserver, .mot_de_passe{
    width: 50%;
}
.conserver input{
    width: auto;
    display: inline;
    margin-right: 5px;
    cursor: pointer;
}
.mot_de_passe a:visited, a:active, a:link, a:hover {
    text-decoration: none;
    color: #555
}


/* INPUT FIELDS */
.group 			  { 
    position:relative; 
    margin-bottom: 30px; 
  }
  .form_block img{
      width: 13px;
      margin-left: 5px;
  }
  /*input	{
    font-family: Raleway-Light;
    font-size:14px;
    padding:10px 10px 10px 5px;
    display:block;
    width:340px;
    border:none;
    border-bottom:1px solid #757575;
  }
  input:focus 		{ outline:none; }*/
  
  /* LABEL ======================================= */
  .group label 				 {
    font-family: Raleway-Regular;
    color:#333; 
    font-size:14px;
    font-weight:normal;
    position:absolute;
    pointer-events:none;
    left:5px;
    top:10px;
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
  }
  
  /* active state */
  input:focus ~ label, input:valid ~ label 		{
    top:-20px;
    font-size:14px;
    color:#333;
  }
  
  /* BOTTOM BARS ================================= */

  .bar 	{ position:relative; display:block; width:340px; }
  .bar:before, .bar:after 	{
    content:'';
    height:1px; 
    width:0;
    bottom:1px; 
    position:absolute;
    background:#999; 
    transition:0.2s ease all; 
    -moz-transition:0.2s ease all; 
    -webkit-transition:0.2s ease all;
  }
  .bar:before {
    left:50%;
  }
  .bar:after {
    right:50%; 
  }
  
  
  .buttonSubmit {
    display: block;
    background-color: #666;
    border: none;
    margin: 25px 0 0 0;
    color: #CCC;
    width : 130px;
    height : 40px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    cursor: pointer;
    box-shadow: 1px 1px 2px 2px #AAA;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
.buttonSubmit:hover{
    box-shadow: 1px 1px 1px 1px #AAA;
    -moz-border-radius: 1px;
    -khtml-border-radius: 1px;
    -webkit-border-radius: 1px;
}

#loginForm .form_input{
    border: none !important;
    border-bottom: 1px solid #333 !important;
    border-radius: 0;
    outline: 0 solid white !important;
    margin-top: 15px;
}
#loginForm input:focus{
    outline: none !important;
    
}
.padlock{
    float: left;
}
.loginFormLabel{
    margin-top: 20px;
    text-align: left;
    color: #777;
    font-family: Raleway-Light;
}
#legalDocuments a:visited, #legalDocuments a:active, #legalDocuments a:link, #legalDocuments a:hover {
    text-decoration: none !important;
    color: #CCC !important;
}
#legalDocuments{
    height: 40px;
    padding: 0 0 20px 0;
    background-color: #333333;
}
.symbol_summ_mobile{
    font-size: 3rem;
    padding: 5px;
}
.symbol_summ_mobile_barre{
    font-size: 3rem;
    padding: 5px;
    text-decoration: line-through;
}
.report_row_early{
  background-color: rgb(57, 169, 57);
}
.report_row_late{
  background-color: rgb(73, 159, 255);
}
.report_row_missed{
  background-color: rgb(210, 91, 95);
}
.report_row_notplanned{
  background-color: rgb(255, 161, 73);
}
.report_row_notstarted{
  background-color: rgb(192, 192, 192);
}
.loginpage_heightadjuster{
    min-height: 18px;
    height: calc(100vh - 900px);
}

.listSelectionDynamicDate {
  background-color: #d9d9d9;
}