body, .dropdown-menu, .label, .daterangepicker .calendar th, .daterangepicker .calendar td {
  font-family: 'Lato', sans-serif; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Lato', sans-serif; }

.red-rubine.btn {
  color: #fff;
  background-color: #4348be; }
  .red-rubine.btn.disabled, .red-rubine.btn[disabled], fieldset[disabled] .red-rubine.btn, .red-rubine.btn.disabled:hover, .red-rubine.btn[disabled]:hover, fieldset[disabled] .red-rubine.btn:hover, .red-rubine.btn.disabled:focus, .red-rubine.btn[disabled]:focus, fieldset[disabled] .red-rubine.btn:focus, .red-rubine.btn.disabled.focus, .red-rubine.btn[disabled].focus, fieldset[disabled] .red-rubine.btn.focus, .red-rubine.btn.disabled:active, .red-rubine.btn[disabled]:active, fieldset[disabled] .red-rubine.btn:active, .red-rubine.btn.disabled.active, .red-rubine.btn[disabled].active, fieldset[disabled] .red-rubine.btn.active {
    background-color: #696dcb;
    border-color: #696dcb; }

.red-rubine.btn:hover, .red-rubine.btn:focus, .red-rubine.btn:active, .red-rubine.btn.active {
  color: #fff;
  background-color: #4348be;
  border-bottom: #4348be !important;
  border-right: #4348be !important; }

#defectNotification + .toggle-group > label.btn.btn-primary.toggle-on, .open .red-rubine.btn.dropdown-toggle {
  color: #fff;
  background-color: #4348be; }

#uniform-defectNotification + .toggle-group > label.btn.btn-primary.toggle-on {
  color: #fff;
  background-color: #4348be; }

.toggle-group > label.btn.btn-primary.toggle-on {
  color: #fff;
  background-color: #4348be; }

#uniform-fuel_card_personal_use + .toggle-group > label.btn.btn-primary.toggle-on {
  color: #fff;
  background-color: #4348be; }

.red-rubine.btn:active, .red-rubine.btn.active {
  background-image: none;
  background-color: #4348be; }

.red-rubine.btn:active:hover, .red-rubine.btn.active:hover {
  background-color: #4348be; }

.progress > .progress-bar-red-rubine {
  background-color: #4348be; }

.font-red-rubine {
  color: #4348be !important; }
/***
 Bootstrap Datepicker
 ***/
.datepicker .active, td.today.active.day {
  background-color: #4348be !important;
  color: #fff !important; }

.datepicker .active:hover, td.today.day:hover {
  /*background-color: darken($primary-colour, 10%) !important;*/
  background-color: #f7f7f7 !important;
  color: #000 !important; }

td.today.day {
  background-color: #cbcded !important;
  color: #000 !important; }

.daterangepicker td.active, .daterangepicker td.active:hover {
  background-color: #4348be;
  border-color: #4348be;
  color: #fff; }

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
  background: #4348be !important;
  border: 1px solid #4348be !important;
  color: #fff; }

.daterangepicker .ranges li {
  color: #4348be; }

.page_title {
  color: #fff; }

#timer, #weather-title, #date {
  color: #fff; }

.dropdown span i.img-circle.jv-icon {
  color: #fff; }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i, .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
  color: #fff; }

.note h4.block {
  color: #fff; }

.portlet > .portlet-title {
  border-bottom: 1px solid #4348be !important; }

.tabbable-custom > .nav-tabs {
  border-bottom: 1px solid #4348be; }

.tabbable-custom > .nav-tabs > li.active {
  background-color: #4348be;
  color: #fff; }

.tabbable-custom > .nav-tabs > li.active > a, .tabbable-custom > .nav-tabs > li.active > a:focus, .tabbable-custom > .nav-tabs > li.active > a:hover {
  background-color: #4348be; }

.tabbable-custom > .nav-tabs.nav-justified > .active > a, .tabbable-custom > .nav-tabs.nav-justified > .active > a:focus, .tabbable-custom > .nav-tabs.nav-justified > .active > a:hover {
  border-bottom-color: #4348be; }

.btn.btn-icon-only.btn-circle.small {
  background-color: #4348be !important;
  color: #fff; }

.has-error .input-group-addon {
  background-color: #4348be !important;
  border-color: #4348be !important; }

.datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
  border-color: #4348be;
  background-color: #4348be;
  color: #fff; }

.graph-data-section .portlet-title .caption {
  color: #fff !important; }

#checks-filter-form input[name=range][readonly], #defects-advanced-filter-form input[name=range][readonly] {
  background-color: #fff; }

.select2-container .select2-choice .select2-arrow b:before {
  font-family: "jobviewer" !important;
  color: #fff; }

.select2-dropdown-open .select2-choice .select2-arrow b:before {
  font-family: "jobviewer" !important; }

.report-section-name {
  color: #4348be; }

.portlet.box > .portlet-title {
  border-bottom: 1px solid #4348be !important; }

.portlet-title > .caption > span {
  color: #4348be; }

.gray_btn_border {
  border-top: 1px solid #4348be !important;
  border-left: 1px solid #4348be !important;
  border-right: 1px solid #4348be !important; }

.ui-jqgrid .ui-jqgrid-pager {
  border-top: 1px solid #4348be; }

.btn-plain {
  border: 1px solid #4348be !important; }

.page-sidebar .page-sidebar-menu > li:hover a span.jv-icon, .page-sidebar .page-sidebar-menu > li:hover a span.sidebar-img {
  background: #4348be;
  box-shadow: 4px 0px 0px #4348be; }

.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-menu > li > a {
  font-family: 'Lato', sans-serif; }

.blue-gallery.btn {
  color: #fff !important;
  background-color: #4348be !important; }

.modal .modal-header, .markerDetailsModal h4 {
  border-bottom: 1px solid #4348be !important; }

.select2-container .select2-choice .select2-arrow {
  background-color: #a0a0a0; }

.input-group .input-group-addon {
  background: #a0a0a0;
  border-color: #a0a0a0; }

.grey-gallery.btn {
  background-color: #a0a0a0; }

.btn-default {
  background-color: #a0a0a0; }

.select2-container .select2-choice .select2-arrow:hover, .input-group .input-group-addon:hover, .grey-gallery.btn:hover {
  background-color: #5b5b5b; }

.select2-container.select2-container-active .select2-arrow, .select2-container.select2-dropdown-open .select2-arrow {
  background-color: #5b5b5b; }
/* Login Page*/
.login .content .form-actions .btn {
  background: #4348be none repeat scroll 0 0;
  font-family: 'Lato', sans-serif; }

.red-rubine.btn {
  background-color: #4348be; }

.login-form .form-group.form-md-line-input .form-control, .reset-form .form-group.form-md-line-input .form-control {
  font-family: 'Lato', sans-serif; }

.modal .modal-header.bg-red-rubine .close, .bootbox .modal-dialog .modal-header .close {
  background-image: url(../../img/remove-icon-small.svg);
  opacity: 0.8;
  width: 15px;
  height: 15px;
  margin-top: 5px !important; }

.btn.editable-submit {
  background-color: #4348be; }

.btn.editable-submit:hover, .btn.editable-submit:focus, .btn.editable-submit:active .btn.editable-submit:hover, .btn.editable-submit:focus, .btn.editable-submit:active {
  background-color: #4348be !important;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2), 0 3px 6px rgba(0, 0, 0, 0.26); }

.editable-click, a.editable-click, a.editable-click:hover {
  border-bottom: 1px dashed #4348be; }

.bg-red-rubine, .bootbox .modal-dialog .modal-header {
  border-color: #4348be !important;
  /*background-color: $primary-colour !important;*/
  background-image: none !important;
  border-bottom: 1px solid #4348be; }

.bg-red-rubine-op {
  background-color: #4348be !important;
  opacity: 0.5; }

.page-footer .footer-inner a {
  color: #fff !important; }

.btn-blue-color {
  color: #fff;
  background-color: #4348be;
  border-color: #4348be; }

.font-blue {
  color: #4348be; }

.message_accordion a.accordion-toggle span, .group-name span {
  color: #4348be !important; }
/*.work_ipadmargin .red-rubine.btn {
 border-top: 1px solid $primary-colour !important;
 border-bottom: 1px solid $primary-colour !important;
 }*/
.defect_status_modal_comment {
  background-color: #4348be !important;
  color: #fff !important; }

.notification-icon, .notification-count {
  background-color: #4348be !important; }

.mce-window-head .mce-close {
  background-image: url(../img/remove-icon-blue-small.svg) !important; }

.mce-tab.mce-active {
  background: #4348be !important; }

.mce-tabs {
  border-bottom: 1px solid #4348be !important; }

.privacy-cookie-login {
  background: #4348be !important; }

.font-pink {
  color: #4348be !important; }

.pink-font {
  color: #4348be; }

.progress > .progress-bar-success {
  background-color: #4348be; }

.mce-foot .mce-btn.mce-primary {
  background-color: #4348be !important; }

.mce-window-head {
  border-bottom: 1px solid #4348be !important; }

.EditButton #dData {
  background: #4348be !important; }

.ui-colorpicker-ok {
  background-color: #4348be !important;
  color: #fff !important; }

.unread-notification, .unread-notification > a:hover {
  background-color: #4348be !important; }

.unread-notification .notification-icon {
  background-color: #fff !important;
  color: #4348be !important; }

.custom-show-hide-col-div .ui-jqdialog-titlebar {
  border-bottom: 1px solid #4348be; }

.custom-show-hide-col-div .ui-jqdialog-titlebar .ui-icon-closethick {
  color: #4348be !important; }

.hrmctable thead > tr > th, .table-hmrcdetail thead > tr > th {
  border-bottom: 1px solid #4348be; }

.portlet.box.telematics-card-wrapper .portlet-body .card.score-movement.active, .portlet.box.telematics-card-wrapper .portlet-body .horizontal-tabbing .active .card.score-movement {
  background-color: #f8f8fd; }

.portlet.box.telematics-card-wrapper .portlet-body .card.score-movement:hover, .portlet.box.telematics-card-wrapper .portlet-body .card.score-movement:focus, .portlet.box.telematics-card-wrapper .portlet-body .card.score-movement.active, .portlet.box.telematics-card-wrapper .portlet-body .horizontal-tabbing .active .card.score-movement {
  border-color: #4348be; }

.portlet.box.telematics-card-wrapper .portlet-body .card.score-movement:after {
  background-color: #4348be; }

.journey-timeline .entry .title:before {
  border: 2px solid #4348be;
  background-color: #4348be; }

.gm-ui-hover-effect:before {
  color: #4348be; }

.tabbable-custom .nav-tabs.no_border > li.active > a, .tabbable-custom .nav-tabs.no_border > li.active > a:focus, .tabbable-custom .nav-tabs.no_border > li.active > a:hover {
  border-color: #4348be; }

.custom-tabs .nav-tabs > li.active {
  background-color: #4348be !important;
  color: #fff !important; }

.fc-today {
  background-color: #4348be !important;
  opacity: 1 !important; }