/**
 * importer.less
 *
 * By default, new Sails projects are configured to compile this file
 * from LESS to CSS.  Unlike CSS files, LESS files are not compiled and
 * included automatically unless they are imported below.
 *
 * The LESS files imported below are compiled and included in the order
 * they are listed.  Mixins, variables, etc. should be imported first
 * so that they can be accessed by subsequent LESS stylesheets.
 *
 * (Just like the rest of the asset pipeline bundled in Sails, you can
 * always omit, customize, or replace this behavior with SASS, SCSS,
 * or any other Grunt tasks you like.)
 */
@import url("https://fonts.googleapis.com/css?family=Roboto&display=swap");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ============== OLD ============== */
.table-card-container {
  padding: 0px !important;
}
.table-card-container .table {
  border-radius: 8px !important;
  margin: 0px !important;
}
.table-card-container .table > div {
  padding: 0px !important;
}
/*generic class*/
/*.cg-busy-backdrop{
opacity: 1;
}*/
.w-100 {
  width: 100%;
}
.h-100 {
  height: 100%;
}
.d-inlineBlock {
  display: inline-block;
}
.center-flex {
  display: flex;
  align-items: center;
  justify-items: center;
}
.center-vertical {
  display: flex;
  align-items: center;
}
.center-horizontal {
  display: flex;
  justify-content: center;
}
.center-horizontal-column {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.d-flex {
  display: flex;
}
.d-block {
  display: block;
}
.no-padding {
  padding: 0px;
}
.no-margin {
  margin: 0px;
}
.padding-15 {
  padding: 15px !important;
}
.margin-15 {
  margin: 15px;
}
.margin-bottom-15 {
  margin-bottom: 15px;
}
.margin-top-15 {
  margin-top: 15px;
}
.margin-left-15 {
  margin-left: 15px;
}
.margin-right-15 {
  margin-right: 15px;
}
.padding-left-15 {
  padding-left: 15px;
}
.margin-bottom-30 {
  margin-bottom: 30px;
}
.margin-top-30 {
  margin-top: 30px;
}
/*color*/
.yellowColorLight {
  color: #F2B334;
}
.gradientYellowColor {
  background-color: #F2B334;
}
.pinkColor {
  color: #ff5050;
}
.backgroundPinkColor {
  background-color: #ff5050;
}
.greenLightColor {
  color: #B6EE45;
}
.backgroundGreenLightColor {
  background-color: #B6EE45;
}
.blueColorLight {
  color: #00ccff;
}
.backgroundBlueLightColor {
  background-color: #00ccff;
}
.blue {
  color: #3366cc;
}
.backgroundBlueCobaltColor {
  background-color: #3366cc;
}
.greenColor {
  color: #B6EE45;
}
.gradientBlueColor {
  background-color: #20A8BF;
}
.blueColor {
  color: #20A8BF;
}
.gradientOrangeColor {
  background-color: #ffa100;
}
.orangeColor {
  color: #ffa100;
}
.gradientVioletColor {
  background-color: #8a7fff;
}
.violetColor {
  color: #8a7fff;
}
.gradientGreenColor {
  background-color: #40dc7e;
}
.greenColor {
  color: #40dc7e;
}
/* .darkGreenColor{
  color: @darkGreenColor;
} */
.gradientRedColor {
  background-color: #E92732;
}
.redColor {
  color: #E92732;
}
.text-overflow-ellipsis {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
/*graphic*/
.blueLight_graphicColor {
  background-color: #004E85;
}
.lightBlueGraphicColor {
  border: 3px solid #7cb5ec;
}
.blue_graphicColor {
  border: 3px solid #155b83;
}
.grey_graphicColor {
  background-color: #BDBDBD;
}
.red_graphicColor {
  border: 3px solid#E92732;
}
.nightTime {
  border: 3px solid #f7a35c;
}
.greenLight {
  border: 3px solid #90ed7d;
}
.blackColor {
  border: 3px solid #434348;
}
.yellowColor {
  border: 3px solid #e9ab17;
}
.excellentColor {
  border: 3px solid #28b262;
}
.poorColor {
  border: 3px solid #ff0000;
}
.goodColor {
  border: 3px solid #1abc9c;
}
.backgroundYellowFuelColorIcon {
  background-color: #FCF8E5;
}
/*end color*/
.paginator button {
  border: 0px;
}
/* @darkGreenColor: #20A8BF; */
/* @blueColor: #002b49; */
/* @greyBackground: #F9F9F9; */
.toggle-menu-container {
  position: absolute;
  top: 80%;
  right: 20px;
}
.topBar__options__iconbar {
  position: fixed;
}
.VisibleSidebar {
  width: 192px;
}
.safariFixSidebar {
  overflow-y: unset !important;
  overflow-x: unset !important;
}
@media (max-width: 768px) {
  .VisibleSidebar {
    width: 100%!important;
  }
}
.search-item img {
  width: 18px;
  height: 18px;
  margin-right: 5px;
}
@keyframes expand-dropdown {
  0% {
    transform: scaleY(0);
    transform-origin: 100% 0%;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 100% 0%;
  }
}
html,
body {
  font-family: 'Roboto', sans-serif;
}
html #page-wrapper,
body #page-wrapper {
  padding: 0px;
  position: inherit;
  padding: 0 0 0 250px;
  overflow-x: hidden;
  background-color: #FFFFFF;
}
html #page-wrapper #centralContainer,
body #page-wrapper #centralContainer {
  width: 100%;
}
html #page-wrapper #centralContainer .card,
body #page-wrapper #centralContainer .card {
  border-radius: 8px;
  background-color: white;
  padding: 15px;
}
html #page-wrapper #centralContainer .page-heading,
body #page-wrapper #centralContainer .page-heading {
  border-top: 0;
  padding: 10px 10px 10px 10px;
}
html #page-wrapper #centralContainer .page-heading h2,
body #page-wrapper #centralContainer .page-heading h2 {
  margin: 0px;
}
html #page-wrapper #centralContainer .primary-bg,
body #page-wrapper #centralContainer .primary-bg {
  background-color: #004E85;
}
html .pr-0,
body .pr-0 {
  padding-right: 0px;
}
html .p-0,
body .p-0 {
  padding: 0px;
}
html .hidden,
body .hidden {
  display: none;
}
html .m-0,
body .m-0 {
  margin: 0px;
}
html .d-grid,
body .d-grid {
  display: grid;
}
html .hidePage-wrapper,
body .hidePage-wrapper {
  padding: 0 0 0 89px!important;
}
html .visiblePage-wrapper,
body .visiblePage-wrapper {
  margin: 0 0 0 192px!important;
}
@media (max-width: 768px) {
  html #page-wrapper,
  body #page-wrapper {
    padding: 0 0 0 89px;
  }
}
.topbar {
  border-radius: 0px;
  height: 55px;
  color: black;
  width: 100%;
  position: fixed;
  margin-bottom: 0px;
  z-index: 1;
  display: flex;
  background: #363432;
  border-bottom: 5px solid #004E85;
  box-sizing: content-box;
}
.topbar .topBar__options {
  width: 20%;
  display: flex;
  justify-content: flex-start;
}
.topbar .topBar__options .topBar__options__iconbar {
  outline: 0px;
  height: 60px;
  color: white;
  font-size: 20px;
  padding-left: 20px;
}
.topbar .topBar__options .topBar__options__logo {
  padding: 5px;
}
.topbar .topBar__options .topBar__options__logo img {
  height: 45px;
}
.topbar .topBar__userOption {
  width: 80%;
  justify-content: flex-end;
  display: flex;
  align-items: center;
}
.topbar .topBar__userOption .topbar__userInfo {
  height: 100%;
  display: flex;
  align-items: center;
  margin-left: 15px;
  margin-right: 5px;
}
.topbar .dropdown__element-color-on-primary-variant {
  color: white!important;
  vertical-align: middle;
  display: table-cell;
}
.topbar .dropdown__element-color-on-primary-variant:hover {
  border-radius: 5px;
  background-color: #4f4f4f!important;
  color: white;
}
.topbar .dropdown__element-color-on-primary-variant:hover a:hover {
  border-radius: 5px;
  background-color: #4f4f4f!important;
  color: white;
}
.topbar .dropdown__element-color-on-primary-variant:visited {
  background-color: #363432;
}
.topbar .dropdown__element-color-on-primary-variant:visited a:visited {
  background-color: #363432;
}
.topbar .dropdown__element-color-on-primary-variant:focus {
  background-color: #363432 !important;
}
.topbar .dropdown__element-color-on-primary-variant:focus a:focus {
  background-color: #363432 !important;
}
.topbar .dropdown__element-color-on-primary-variant:active {
  background-color: #363432;
}
.topbar .dropdown__element-color-on-primary-variant:active a:active {
  background-color: #363432;
}
.topbar .dropdown__element-color-on-primary-variant:link {
  background-color: #363432;
}
.topbar .dropdown__element-color-on-primary-variant:link a:link {
  background-color: #363432;
}
@media (max-width: 768px) {
  .topBar__options__logo {
    display: none;
  }
}
.breadcrumbcard {
  background-image: linear-gradient(to right, #004E85, #54D965);
  border-radius: .375rem !important;
  box-shadow: 0 2px 12px 0 #dfe3eb !important;
  color: white;
  padding: 15px;
}
/* .modal-dialog{
  padding-top:60px
} */
.page-trips {
  padding: 24px;
  padding-top: 0px;
}
.page-trips .table-responsive {
  border-radius: 10px 10px 0px 0px;
}
.page-trips .table-responsive thead {
  background-color: #333;
  height: 40px;
  text-align: center;
}
.page-trips .table-responsive thead a {
  color: white;
}
.page-trips .table-responsive thead th {
  background-color: #333333;
  color: white;
  font-size: 16px;
  padding: 18px !important;
}
.page-trips .table-responsive a {
  color: white;
}
.mapDetailsModals #maps {
  border: 0px !important;
  /*height: 606px;*/
  width: 100%;
}
.mapDetailsModals #speedbottombox .speedbox {
  height: 15px;
  float: left;
  color: white;
  text-align: right;
}
.mapDetailsModals #speedbottombox #speedbox_value_wrapper {
  width: 100%;
}
#geomap-preset-container {
  text-align: center;
}
.ui-jqgrid tr {
  /*border-bottom: 1px solid gray;*/
}
.ui-jqgrid tr.jqgrow td {
  height: 30px;
}
.geomap-preset {
  /*width: 74px;
  height: 20px;
  box-shadow: 2px 2px 2px grey, -2px -2px 2px grey, 2px -2px 2px grey,
      -2px 2px 2px grey;
  background-color: white;
  padding-right: 8px;
  text-align: center;
  cursor: pointer;*/
}
.geomap-preset3-left {
  margin-left: 3px;
  float: left;
}
.geomap-preset3-center {
  display: inline-block;
  margin: 0 auto;
}
.geomap-preset3-right {
  float: right;
  margin-right: 3px;
}
.geomap-preset2-left {
  float: left;
  margin-left: 10px;
  width: 40%;
  /* Not 50% because of 1px border. */
}
.geomap-preset2-right {
  width: 40%;
  float: right;
  margin-right: 10px;
}
.lbl-active {
  color: #f47e13 !important;
}
.rounded_div_sx {
  font-family: Gotham Rounded Medium;
  border-radius: 10px 0px 0px 10px;
  moz-border-radius: 10px 0px 0px 10px;
  webkit-border-radius: 10px 0px 0px 10px;
}
.rounded_div_dx {
  font-family: Gotham Rounded Medium;
  border-radius: 0px 10px 10px 0px;
  moz-border-radius: 10px 0px 0px 10px;
  webkit-border-radius: 10px 0px 0px 10px;
}
/*===========================
TRIP
//===========================*/
.speedInfo {
  width: 20px;
  height: 20px;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}
#divSummary {
  float: right;
}
.score_text {
  color: #132b33;
  float: left;
  font-size: 18px;
}
#scoreSummary {
  margin: 17px 0 0 17px;
  text-align: center;
}
#score_bar {
  float: left;
  margin: 4px 14px 0;
  width: 390px;
}
#fill {
  background: url("/images/grad_bar.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 18px;
  margin-left: 5px;
  overflow: visible !important;
  position: relative;
  width: 0;
}
#bkgr {
  float: left;
  position: relative;
  width: 100%;
  z-index: 100;
}
#fill > img {
  float: right;
  left: 7px;
  position: relative;
  top: -31px;
  width: 15px;
  z-index: 100;
}
.tit_sommario {
  text-align: center;
  margin: 0;
  font-weight: 200;
  font-size: 18px;
  color: rgba(86, 163, 206, 0.9);
}
.tit_sommario_type {
  color: #132b33;
  font-family: gotham rounded book;
  font-size: 18px;
  margin-left: 3px;
  margin-right: 10px;
}
#leftwrap_trip {
  float: left;
  width: 620px;
  overflow: none;
  margin-left: 5px;
  margin-right: 70px;
}
.ui-jqgrid {
  border-width: 0px;
}
.ui-jqgrid tr.ui-row-ltr td {
  border-right-color: transparent;
  border-bottom-color: transparent;
  overflow: inherit;
}
.ui-jqgrid .ui-subgrid td.subgrid-data,
.ui-jqgrid .ui-subgrid td.subgrid-cell {
  border-width: 0 !important;
}
th.ui-th-column {
  border-right-color: transparent !important;
}
th.ui-th-column div {
  word-wrap: break-word;
  /* IE 5.5+ and CSS3 */
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  overflow: hidden;
  height: auto !important;
  vertical-align: middle;
}
/*
**  mappa
*/
#mapsStreet {
  width: 100%;
  height: 303px;
  border-radius: 12px 12px 12px 12px;
}
.full_map {
  height: 606px !important;
}
.half_map {
  height: 303px !important;
}
/*
** Tasti mappa
*/
.Txt_RAW,
.Txt_SNAP,
.Txt_STREET,
.Txt_speedometer {
  border-radius: 22px;
  cursor: pointer;
  top: 10px;
  font-size: 11px;
  padding: 5px 10px;
  position: absolute;
  color: white;
}
.Txt_FULL {
  background-color: black;
  top: 560px;
  left: 50%;
  margin-left: -50px;
  border-radius: 22px;
  cursor: pointer;
  font-size: 11px;
  padding: 5px 10px;
  position: absolute;
  color: white;
}
.Txt_RAW,
.Txt_SNAP,
.Txt_STREET,
.Txt_speedometer {
  border-radius: 22px;
  cursor: pointer;
  font-size: 11px;
  padding: 5px 10px;
  right: 10px;
  position: absolute;
  color: white;
}
.Txt_RAW {
  background-color: red;
  right: 170px;
}
.Txt_SNAP {
  background-color: blue;
  right: 110px;
}
.Txt_STREET {
  right: 100px;
  background-color: white;
  color: black;
  border-radius: 0px;
  height: 40px;
  display: flex;
  align-items: center;
}
.Txt_speedometer {
  right: 250px;
  background-color: rgba(190, 47, 47, 0.9);
}
.Txt_speed {
  background-color: rgba(190, 47, 47, 0.9);
  top: 70px;
  left: 13%;
  margin-left: -50px;
  position: absolute;
  text-align: center;
  width: 110px;
  height: 110px;
  -moz-border-radius: 55px;
  -webkit-border-radius: 55px;
  border-radius: 55px;
}
#speedSpan {
  color: white;
  font-size: 32pt;
  font-weight: bold;
  display: inline-block;
  float: right;
  padding-top: 12px;
}
#mph {
  font-size: 8pt;
  color: white;
  display: inline-block;
  float: right;
  padding-right: 15px;
  padding-top: 42px;
}
#timeSpan {
  display: block;
  color: white;
  font-size: 13pt;
  font-weight: bold;
}
#speedo span {
  margin-top: -25px;
  margin-left: -30px;
  background: rgba(0, 0, 0, 0) url("/images/carSlider.png") repeat scroll 0 0 !important;
  height: 25px !important;
  top: 0.1em !important;
  width: 60px !important;
}
#speedo {
  margin-top: 20px;
  height: 5px !important;
  background-color: #354f5a;
}
.boldTr {
  font-weight: bold;
}
.redTr {
  color: rgba(255, 0, 0, 0.8);
}
#player_container {
  background-color: black;
  border: 3px solid black;
  border-radius: 0 0 12px 12px;
  float: left;
  width: 100%;
}
.player_container2-left {
  float: left;
  width: 50%;
}
.player_container2-right {
  width: 40%;
  float: right;
  margin-right: 20px;
}
.player_container3-left {
  margin-left: 3px;
  float: left;
}
.player_container3-center {
  display: inline-block;
  margin: 0 auto;
}
.player_container3-right {
  float: right;
  margin-right: 3px;
}
#progress-bar-wrapper {
  margin: 0 auto;
  padding: 5px;
  width: 465px;
}
#progressbar {
  width: 50%;
}
.range_value {
  font-weight: 200;
  font-size: 15px;
  font-weight: 500;
  color: white;
  margin-right: 10px;
  cursor: pointer;
}
#label_fast {
  margin-right: 16px;
  margin-left: 9px;
}
.ui-icon.green {
  background-image: url("/images/Triangles_green.png");
}
.ui-icon.yellow {
  background-image: url(/images/Triangles_green.png);
}
.ui-icon.orange {
  background-image: url(/images/Triangles_orange.png);
}
.ui-icon.red {
  background-image: url(/images/Triangles_red.png);
}
#samplingBar {
  width: 100%;
  height: 30px;
  float: left;
  text-align: left;
  color: white;
  font-size: 14px;
  font-weight: bold;
  background-color: #4c7181;
  border-radius: 10px 10px 0px 0px;
}
.sampling_value {
  text-align: center;
}
.gran_bar {
  width: 250px;
  background: url("/images/gran_bar.png") !important;
  float: right;
  margin-right: 20px;
  margin-top: 3px;
}
.vel_bar {
  background: url("/images/vel_bar.png") !important;
  width: 230px !important;
  margin: 0;
}
#granularity_value {
  margin-top: -15px;
  width: 280px;
  float: right;
  margin-right: 16px;
}
#num_bar {
  -moz-float: right;
  margin-left: 111px;
  margin-top: -5px;
  float: right;
}
#bottom_section {
  background: none repeat-x scroll 0 0 #efefef;
  border-top: 2px solid #c2c2c2;
  width: auto;
}
.footer_default {
  background: none repeat scroll 0 0 #b9b9b9;
  margin: 150px auto 0;
  min-width: 1280px;
}
/*===========================
MAP WEATHER
//===========================*/
/* Just use .gm-style-iw */
.gm-iw > span {
  color: white;
  display: block;
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
}
.gm-iw b {
  color: black;
}
.gm-iw > p {
  margin: 0;
  color: #5e94cc !important;
}
.map_flag_info {
  text-align: center !important;
}
.map_evt_info {
  line-height: 1.5;
  overflow: hidden;
  clear: both;
  padding-top: 7px;
  white-space: pre-line;
  text-overflow: ellipsis;
}
.map_evt_weather_img {
  width: 10%;
  float: left;
}
.map_evt_weather {
  clear: both;
  color: #5e94cc !important;
  display: block;
  margin-top: 4px;
}
.map_evt_weather_desc {
  float: right;
  font-size: 16px;
  margin-top: 2px;
  width: 89%;
}
.map_evt_weather_left,
.map_evt_weather_right {
  width: 50%;
}
.map_evt_weather_left {
  float: left;
}
.map_evt_weather_right {
  float: right;
}
.map_evt_weather span {
  color: black;
  font-weight: 400;
}
#samplingBar span {
  float: left;
  line-height: 32px;
  margin-left: 15px;
}
#buttontripbox {
  width: 100%;
  height: 25px;
  float: left;
  margin-top: 2px;
}
#buttontrip {
  background-color: #4c7181;
  border-radius: 12px;
  width: 100px;
  height: 25px;
}
#buttontrip:hover {
  background-color: grey;
  cursor: pointer;
}
#buttontrip a {
  color: white;
  font-size: 8pt;
  line-height: 25px;
  margin-left: 6px;
}
#speedbar-down {
  display: block;
  margin: 10px auto 0;
  text-align: center;
}
#eventsbottombox {
  width: 400px;
  height: 25px;
  float: left;
  margin-left: 100px;
  margin-top: 10px;
}
#eventsbottombox a {
  color: white;
}
#eventsbottombox h1 {
  float: left;
  color: rgba(86, 163, 206, 0.9);
  font-size: 11pt;
  line-height: 0px;
  margin-right: 7px;
}
#speed-info-container {
  margin-top: -500px;
}
#player_container i {
  color: white;
  cursor: pointer;
}
#speedbox_value_wrapper {
  float: right;
}
#Speed_legend_text {
  float: left;
  color: white;
  font-size: 17px;
  line-height: 50px;
}
.barlittle {
  /*background-color: #2187e7;
background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff);
background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff);
border-left: 1px solid #111;
border-top: 1px solid #111;
border-right: 1px solid #333;
border-bottom: 1px solid #333;*/
  background-image: url("/images/carTrip.png");
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  float: left;
  margin-left: 2px;
  opacity: 0.1;
  -moz-transform: scale(0.7);
  -webkit-transform: scale(0.7);
  -moz-animation: move 1s infinite linear;
  -webkit-animation: move 1s infinite linear;
}
#block_1 {
  -moz-animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
#block_2 {
  -moz-animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
#block_3 {
  -moz-animation-delay: 0.9s;
  -webkit-animation-delay: 0.9s;
}
@-moz-keyframes move {
  0% {
    -moz-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -moz-transform: scale(0.7);
    opacity: 0.1;
  }
}
@-webkit-keyframes move {
  0% {
    -webkit-transform: scale(1.2);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0.7);
    opacity: 0.1;
  }
}
.fuel_4 {
  background-image: url("/images/fuel_4.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  float: left;
  margin-left: 2px;
}
.fuel_3 {
  background-image: url("/images/fuel_3.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  float: left;
  margin-left: 2px;
}
.fuel_2 {
  background-image: url("/images/fuel_2.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  float: left;
  margin-left: 2px;
}
.fuel_1 {
  background-image: url("/images/fuel_1.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  float: left;
  margin-left: 2px;
}
.fuel_ {
  width: 25px;
  height: 25px;
  float: left;
  margin-left: 2px;
}
.bus {
  background-image: url("/images/bus.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 50%;
  margin-left: -12px;
}
.pers {
  background-image: url("/images/pers.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  position: absolute;
  left: 50%;
  margin-left: -12px;
}
.noCon {
  background-image: url("/images/noCon.png");
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  float: right;
}
.geofence_page {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
.geofence_page #geofence-box-container .geomap-element-box {
  background-color: white !important;
  box-shadow: 0px 2px 4px #0000001A;
}
.geofence_page #geofence-box-container .geomap-element-box .geomap-info {
  background-color: white !important;
}
.geofence_page #geofence-box-container .geomap-element-box .geomap-info .geomap-title {
  color: #002B49 !important;
  font-weight: bold;
  text-transform: capitalize;
}
.geomap-title {
  color: #002b49 !important;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 14px;
  margin-bottom: 12px;
  margin-top: 10px;
}
/* .form-group {
  padding-left: 0px !important;
} */
.btn-grey {
  background-color: #EFEFEF 1 !important;
  color: #666666;
  font-weight: bold;
  opacity: 0.5;
  text-align: center;
  border: 1px solid #00000000;
  border-radius: 4px;
  height: 30px;
  width: 45px;
  margin-left: 5px;
  margin-bottom: 15px;
}
.btn-white {
  background-color: #EFEFEF 1 !important;
  color: #20A8BF;
  font-weight: bold;
  opacity: 1;
  text-align: center;
  border-radius: 8px;
  height: 50px;
  width: 48%;
  margin-left: 5px;
  margin-bottom: 15px;
  border: 1px solid #20A8BF !important;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.btn-primary2 {
  color: white;
  background-color: #20A8BF;
  border-radius: 8px;
  height: 50px;
  width: 48%;
  margin-left: 5px;
  margin-bottom: 15px;
  border: 1px solid #DBDBDB;
  padding-left: 40px;
  padding-right: 40px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.btn-empty {
  background-color: white;
  color: #20A8BF;
  font-weight: bold;
  text-align: center;
  border: 1px solid #20A8BF !important;
  border-radius: 4px;
  height: 30px;
  width: 100%;
  /*   margin-left: 5px; */
  margin-bottom: 10px;
}
.btn-empty:hover {
  background-color: white !important;
  border: 1px solid #20A8BF !important;
  color: #20A8BF !important;
}
.btn-empty:active {
  background-color: white !important;
  border: 1px solid #20A8BF !important;
  color: #20A8BF !important;
}
.geofence__icon img {
  height: 17px;
  max-height: 17px;
  width: 25px;
  max-width: 25px;
  margin-bottom: 5px;
  margin-right: 1em;
  border: 1px solid #00000000;
  opacity: 1;
}
.geofence__font {
  text-align: left;
  font-family: 'Montserrat';
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0px;
  color: #20A8BF;
  opacity: 1;
}
.geofence__value {
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  letter-spacing: 0px;
  text-transform: capitalize;
  color: #002B49;
  opacity: 1;
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  padding-right: 38px;
  width: 100%;
  float: left;
}
.geofence__text {
  font-family: 'Karla', sans-serif;
  font-weight: bold;
  font-size: 13px;
  text-align: left;
  color: #666666;
  opacity: 1;
  text-transform: capitalize;
  opacity: 0.8;
  padding-bottom: 15px;
}
.tableGeo {
  margin-top: 0px;
}
.tableGeo th {
  padding-right: 58px;
  padding-bottom: 8px;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0;
  color: #212121;
  text-align: left;
  letter-spacing: 0px;
  text-transform: capitalize;
  opacity: 1;
}
.tableGeo td {
  color: grey;
  padding-bottom: 20px;
}
.geofence_page .geomap {
  font-family: "Gotham Rounded Book", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.geofence_page .geomap h1 {
  font-size: 10pt;
  text-align: center;
  color: #5e94cc;
  margin-top: 20px;
  margin-bottom: 20px;
}
.geofence_page .geomap-element-box-deactive {
  width: 100%;
  height: 430px;
  background-color: grey;
  float: left;
  border: 1px solid grey;
  cursor: default !important;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.geofence_page .geomap-element-box {
  width: 100%;
  /* height: 490px; */
  /*   background-color: #00AF66; */
  float: left;
  /*   border: 1px solid #00AF66; */
  padding-bottom: 5px;
  cursor: default !important;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.geofence_page .geomap-element-box h2,
.geofence_page .geomap-element-box-deactive h2 {
  font-family: "Gotham Rounded Book", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  text-align: center;
  color: white;
  position: absolute;
  left: 50%;
  top: 8px;
  transform: translate(-50%, -50%);
  margin-top: 10px;
}
.geofence_page .geomap-element-box i,
.geofence_page .geomap-element-box-deactive i {
  font-size: 11pt;
  color: white;
  line-height: 30px;
  margin-right: 10px;
}
.geofence_page .geomap-element-img {
  width: 15px;
  heigth: 15px;
  background-color: white;
}
.geofence_page #geomap-element-top {
  width: 280px;
  height: 30px;
  margin: 0 auto;
  color: white;
  border-width: 1px;
  /*   background-color: #00AF66 !important; */
  cursor: pointer;
  border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  position: relative;
  display: block;
}
.element-active {
  background-color: lightgray;
}
.geofence_page #geomap-element-top:hover {
  background-color: grey;
}
.geofence_page #geomap-element-top p {
  font-family: "Gotham Rounded Book", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 8pt;
  text-align: center;
  line-height: 30px;
}
.geofence_page #geomap-box {
  width: 300px;
  height: 500px;
  /*   background-color: #00AF66; */
  float: left;
  margin-right: 20px;
  margin-left: auto;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.geofence_page #geomap-box h2 {
  font-family: "Gotham Rounded Book", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 9pt;
  text-align: center;
  color: white;
}
.geofence_page .geomap-img1,
.geofence_page .geomap-img2 {
  width: 15px;
  heigth: 15px;
  background-color: white;
  float: right;
  margin-top: 60px;
}
.geofence_page .geomap-img {
  width: 15px;
  heigth: 15px;
  background-color: white;
  float: left;
  margin-left: 15px;
}
.geofence_page #geomap-top {
  width: 160px;
  height: 30px;
  background-color: transparent;
  margin: 0 auto;
  /* color: #00AF66; */
  border-style: dashed;
  /*   border-color: #00AF66; */
  border-width: 1px;
}
.geofence_page #geomap-top p {
  font-family: "Gotham Rounded Book", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 8pt;
  text-align: center;
  vertical-align: middle;
}
.geofence_page .geomap-text {
  width: 100%;
  float: right;
  margin-left: 3px;
  font-family: "Gotham Rounded Book", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 9pt;
  line-height: 1;
}
.geofence_page #geomap-bottom-icons a {
  color: white;
  font-size: 11pt;
  font-family: "Gotham Rounded Book", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-left: 50px;
  cursor: pointer;
}
.geofence_page #geofence-dialog-message,
.geofence_page #curfew-dialog-message {
  font-size: 11pt !important;
  font-family: Gotham Rounded Medium !important;
  overflow: hidden !important;
  padding: 0 !important;
  text-align: center !important;
  height: 30px !important;
  display: inline-table !important;
  margin: 3px 3px 3px 3px !important;
}
.geofence_page .ui-dialog-buttonpane {
  text-align: left;
  border-width: 0 0 0 0 !important;
}
.geofence_page .switch {
  margin-left: 28px;
  margin-top: 5px;
  background-color: #fff;
  background-image: linear-gradient(to bottom, #eee, #fff 25px);
  border-radius: 18px;
  /*   box-shadow: 0 -1px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.05) inset; */
  cursor: pointer;
  display: inline-block;
  height: 16px;
  padding: 2px;
  position: relative;
  width: 34px;
  float: right;
}
.geofence_page .switch-blue {
  margin-top: -1px;
}
.geofence_page .switch-input {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
.geofence_page .switch-label {
  background: none repeat scroll 0 0 #ADADAD;
  border-radius: inherit;
  /*  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset, 0 0 2px rgba(0, 0, 0, 0.15) inset;  */
  display: block;
  font-size: 10px;
  height: inherit;
  position: relative;
  transition: all 0.15s ease-out 0s;
}
.geofence_page .switch-label:before,
.geofence_page .switch-label:after {
  line-height: 1;
  margin-top: -0.5em;
  position: absolute;
  top: 50%;
  transition: inherit;
}
.geofence_page .switch-label:before {
  color: #aaa;
  content: attr(data-off);
  right: 23px;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.geofence_page .switch-label:after {
  color: #fff;
  content: attr(data-on);
  left: 11px;
  opacity: 0;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
}
.geofence_page .switch-input:checked ~ .switch-label {
  background: none repeat scroll 0 0 #20A8BF;
  /*   box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15) inset, 0 0 3px rgba(0, 0, 0, 0.2) inset */
}
.geofence_page .switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.geofence_page .switch-input:checked ~ .switch-label:after {
  opacity: 1;
}
.geofence_page .switch-handle {
  background: #fff;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 4px;
  left: 6px;
  transition: left 0.15s ease-out 0s;
  height: 11px;
  width: 10px;
}
.geofence_page .switch-handle:before {
  /*   background: linear-gradient(to bottom, #eee, #fff) repeat scroll 0 0 #f9f9f9; */
  border-radius: 6px;
  /*   box-shadow: 0 1px rgba(0, 0, 0, 0.02) inset; */
  content: "";
  position: absolute;
  top: 40%;
  left: 50%;
  margin: -7px 0 0 -7px;
}
.geofence_page .switch-input:checked ~ .switch-handle {
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
  left: 18px;
}
.geofence_page .geofence-map {
  width: 298px;
  height: 300px;
}
.geofence_page #geomap-bottom-icons {
  width: 100%;
  height: 30px;
  float: left;
  margin-top: 5px;
}
.geofence_page #geomap-bottom-icons i {
  color: white;
  font-size: 19pt;
  margin-left: 15px;
}
.geofence_page #up_section {
  background-color: #fff;
}
.geofence_page #geofence-element-top {
  width: 100%;
  /* background-color: #00AF66; */
  border-radius: 10px 10px 0 0;
  position: relative;
}
.geofence_page #geofence-img {
  float: left;
  margin-top: 6px;
  margin-left: 10px;
}
.geofence_page #geofence-img i {
  font-size: 14pt;
  color: white;
}
.geofence_page .top-icon i {
  float: left;
  line-height: 20px;
}
.geofence_page .top-edit {
  display: inline-block;
  float: right;
  cursor: pointer;
  line-height: 50px;
  margin-top: -15px;
  margin-left: 80px;
  padding-top: 20px;
  padding-right: 5px;
}
.geofence_page #geomap-preset-container {
  text-align: center;
}
.geofence_page #geofenceadd-radius-tap {
  width: 160px;
  margin-left: 10px;
  position: absolute;
  margin-top: -10px;
}
.geofence_page .ui-customfont {
  font-family: Gotham Rounded Book;
  font-size: 14px;
}
.geofence_page .ui-customfont {
  font-family: Gotham Rounded Book;
  font-size: 14px;
}
.geofence_page #bar {
  width: 280px;
  margin-left: 700px;
  margin-top: 10px;
  z-index: 99;
  position: absolute;
  background: #fff none repeat scroll 0 0;
  border-bottom: 1px solid transparent;
  border-radius: 2px;
  box-sizing: border-box;
  transition-duration: .3s;
  transition-property: background, box-shadow;
  text-align: center;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2), 0 -1px 0 rgba(0, 0, 0, 0.02);
}
.geofence_page #autoc {
  width: 90%;
  box-sizing: border-box;
  text-align: left;
  background-color: transparent !important;
  border: 1px solid #e2e2e2 !important;
  opacity: 1 !important;
  height: 30px;
  box-shadow: none;
  border-radius: 0;
  padding-left: 10px;
}
.geofence_page .geomap form {
  text-align: left;
}
.geofence_page .geomap input {
  text-align: left;
  width: 88px;
  margin: 0px !important;
}
.geofence_page .tdimg {
  margin-left: 8px;
  width: 54px;
  height: 42px;
  background-size: contain;
  background-repeat: no-repeat;
  float: left;
}
.geofence_page #geofenceadd-text {
  width: 99%;
  height: 25px;
  float: left;
  margin-left: 10px;
}
.geofence_page #geofenceadd-radius {
  float: left;
  margin-left: 10px;
  width: 180px;
}
.geofence_page a {
  text-decoration: none;
}
.geofence_page #geomap-topdx {
  width: 261px;
  height: 100px;
  background-color: white;
  float: left;
}
.geofence_page #geomap-centerdx h1 {
  margin-left: 5px;
}
.geofence_page .geomap-box-day {
  width: 100%;
  float: left;
}
.geofence_page #geomap-bottomdx {
  background-color: white;
  float: left;
}
.geofence_page #geomap-cancel:hover,
.geofence_page .geomap-butt-add a:hover {
  background-color: grey !important;
}
.activePoi {
  background-color: #00AF66 !important;
  color: #fff !important;
}
.geomap_input_add {
  border-radius: 0 0 10px;
  color: white;
  cursor: pointer;
  float: left;
  font-family: Gotham Rounded Book;
  font-size: 17px;
  text-align: center;
  width: 50%;
}
.geo_add:hover {
  background-color: #00AF66;
}
.geomap_input_add .btn-primary.disabled,
.geomap_input_add .btn-primary.disabled:hover,
.geomap_input_add .btn-primary.disabled:focus,
.geomap_input_add .btn-primary.disabled:active,
.geomap_input_add .btn-primary.disabled.active,
.geomap_input_add .btn-primary[disabled],
.geomap_input_add .btn-primary[disabled]:hover,
.geomap_input_add .btn-primary[disabled]:focus,
.geomap_input_add .btn-primary[disabled]:active,
.geomap_input_add .btn-primary.active[disabled],
.geomap_input_add fieldset[disabled] .btn-primary,
.geomap_input_add fieldset[disabled] .btn-primary:hover,
.geomap_input_add fieldset[disabled] .btn-primary:focus,
.geomap_input_add fieldset[disabled] .btn-primary:active,
.geomap_input_add fieldset[disabled] .btn-primary.active {
  background-color: #20A8BF !important;
  /* #00AF66 */
  height: 40px;
  opacity: 0.5;
}
.geo_add {
  width: 100% !important;
  border: 0;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  background-color: white;
  box-shadow: 0 0 0 0 /* #00AF66 */ white !important;
}
.geo_add_height {
  height: 40px;
  text-align: center !important;
}
.geofence_page .geomap-notification i,
#geomap-sms-icon {
  font-size: 20pt;
}
.geofence_page .geomap-notification h1 {
  margin-bottom: 5px;
  margin-left: 5px;
  float: left;
}
.geofence_page .geomap-notification.btn {
  width: 10px;
}
.geofence_page .geomap-left-box {
  min-width: 261px;
  min-height: 100px;
  max-width: 261px;
  max-height: 130px;
}
.geofence_page #geomap-time-text,
.geofence_page #geomap-date-text {
  width: 51px;
}
.geofence_page #provaoption {
  width: 80%;
}
.geofence_page #curfew-icon-option {
  width: 85px;
  height: 60px;
  text-align: center;
}
.geofence_page #curfew-icon-option p {
  text-align: center;
  margin-top: 3px;
  margin-bottom: 0;
}
.geofence_page #curfew-icon-option i {
  font-size: 30pt;
  cursor: pointer;
}
.geofence_page #Geof_Lat,
.geofence_page #Geof_Lon {
  width: 121px;
}
.geofence_page #Geof_Radius {
  width: 55px;
  margin-left: -9px;
}
.geofence_page #geomap-in-out {
  margin-top: 49px;
}
.geofence_page #geomap-in-out p {
  margin-left: 35px;
  margin-right: 18px;
  margin-top: 0;
  font-size: 13pt;
  font-family: Gotham Rounded Book;
}
.geofence_page .geofenceadd-position p {
  margin-right: 140px;
  margin-bottom: -5px;
  margin-top: 5px;
}
.geofence_page .geomap-active-icon-color {
  background-color: #20A8BF;
  color: white !important;
}
.slider-handle {
  /*  background-color: #00AF66; */
  /*  background-image: -webkit-linear-gradient(top, #00AF66 0, #00AF66 100%);
  background-image: -o-linear-gradient(top, #00AF66 0, #00AF66 100%);
  background-image: linear-gradient(to bottom, #00AF66 0, #00AF66 100%); */
  background-image: -webkit-linear-gradient(top, #20A8BF 0, #20A8BF 100%);
  background-image: -o-linear-gradient(top, #20A8BF 0, #20A8BF 100%);
  background-image: linear-gradient(to bottom, #20A8BF 0, #20A8BF 100%);
}
.geofence_page .geomap-icon-dialog,
.geofence_page .curfew-icon-dialog {
  box-shadow: 0 0 2px 0 #888;
  height: 620px !important;
  left: 734px !important;
  margin-left: 0 !important;
  margin-top: 30px !important;
  position: absolute !important;
  top: 273px !important;
  width: 300px !important;
}
.geofence_page .curfew-icon-dialog {
  height: 430px !important;
  left: 79px !important;
  width: 410px !important;
}
.geofence_page .ui-icon-closethick {
  background-color: transparent !important;
}
.geofence_page #up_section {
  background-color: #fff;
}
.geofence_page .geomap {
  font-family: "Gotham Rounded Book", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.geofence_page #geofenceadd-map {
  float: right;
  position: relative;
  width: 58%;
  z-index: 10;
}
.geofence_page .geomapPanel {
  float: left;
  width: 42%;
}
.geofence_page .geomap input {
  outline: 0px !important;
  text-align: left;
  width: 100%;
  margin: 0 5%;
}
.geomap-box-title {
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  margin: 0 5%;
}
.geofence_page #geomap_time_title,
.geofence_page #geofence_notification_title {
  font-size: 18px;
  margin: 0 0 8px;
  text-align: center;
}
.geofence_page #geofenceadd-top {
  height: 65px;
  padding: 5px 0;
  text-align: center;
}
.geofence_page #geofenceadd-top span {
  display: block;
  margin-bottom: 4px;
}
.geofence_page #geofence_name {
  float: left;
  width: 60%;
}
.geofence_page #geofence_name > span {
  display: block;
}
.geofence_page input#Geof_Text {
  margin-top: 4px;
  text-align: left;
}
.geofence_page #geofence_icons {
  float: right;
  width: 40%;
}
.geofence_page #geofenceadd-icon {
  cursor: pointer;
  font-size: 14px;
}
.geofence_page #geofenceadd-icon i {
  background: #fff none repeat scroll 0 0;
  border-radius: 4px;
  box-shadow: 0 0 2px 1px #ababab;
  padding: 2px 6px;
}
.geofence_page #lat_wrap,
.geofence_page #lon_wrap {
  float: left;
  width: 50%;
}
.geofence_page .geofenceadd-position {
  padding: 15px 0;
}
.geofence_page #radius_slider {
  float: left;
  /*   width: 70%; */
  width: 95%;
}
.geofence_page #miles_input {
  float: right;
  width: 98%;
}
.geofence_page #geofenceadd-radius-tap {
  margin-left: 13px;
  margin-top: 5px;
  width: 160px;
}
.geofence_page #geomap-dir-box {
  width: 108%;
}
.geofence_page .geomap-dir-elem {
  box-shadow: 0 0 2px 0 #888 inset;
  border-radius: 8px;
  margin-right: 5px;
  cursor: pointer;
  float: left;
  text-align: center;
  width: 30%;
  margin-bottom: 20px;
  max-height: 75px;
  /*height: 53px; */
}
.geofence_page .geomap-dir-normal,
.geofence_page .geomap-dir-active {
  color: #20A8BF;
  display: inline-flex;
  justify-content: center;
  background-color: white;
  min-height: 50px;
}
.geofence_page .geomap-dir-normal .direction-text,
.geofence_page .geomap-dir-active .direction-text {
  position: relative;
  top: 25%;
}
@media (max-width: 1666px) {
  .direction-text.both {
    top: 8% !important;
  }
}
.geofence_page .geomap-dir-active {
  background-color: #20A8BF;
  /* #00AF66 */
  color: #fff !important;
}
.geofence_page #geomap-dir-box i {
  font-size: 33pt;
}
.geofence_page #geomap-dir-box span {
  font-size: 16px;
}
.geofence_page #geomap-boxdx {
  float: left;
  position: relative;
  width: 100%;
  z-index: 30;
}
.geofence_page #geomap-daytime-box span {
  display: block;
  font-family: "Gotham Rounded Book", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-bottom: 5px;
}
.geomap-day.active {
  /*   background-color:  #00AF66 ; */
  background-color: #20A8BF !important;
  color: white !important;
}
.geofence_page #geomap-centerdx {
  padding-bottom: 20px;
  padding-top: 8px;
}
.geofence_page .geomap-box {
  float: left;
  font-family: Gotham Rounded Book;
  font-size: 14px;
  width: 100%;
  margin: 2% auto 5%;
}
.geofence_page .geomap-preset {
  background-color: white;
  box-shadow: 0 0 2px 0 #888 inset;
  cursor: pointer;
  float: left;
  font-size: 16px;
  padding: 4px 0;
  text-align: center;
  width: 33.33%;
  margin-left: 0;
  margin-right: 0;
}
.geofence_page #geomap-centerdx h1 {
  font-size: 18px;
  font-weight: 400;
  margin: 7px 0;
}
.geofence_page #geofence_date_wrap,
.geofence_page #geofence_time_wrap {
  padding: 15px 0;
  text-align: center;
}
.geofence_page #geofence_time_wrap {
  padding-top: 0;
}
.geofence_page .geomap-day {
  /*   border: 1px solid #888; */
  border: 1px solid #DBDBDB;
  margin-right: 3px;
  /*   color: #888; */
  color: #333333;
  border-radius: 4px;
  cursor: pointer;
  float: left;
  line-height: 25px;
  text-align: center;
  /*   width: 13.5% */
  width: 13%;
  height: 32px;
  padding: 2px;
}
.geofence_page .geomap-day-active {
  background-color: green !important;
  /*   background-color: #1f3a68; */
  /*  color: white */
}
.geofence_page #geomap-left {
  background-color: #efefef;
  border-radius: 10px 0 0 10px;
  box-shadow: 0 0 6px 0 #888 inset;
  clear: both;
  height: 155px;
  position: absolute;
  width: 261px;
  z-index: 99;
}
.geofence_page #geomap-left #geomap-left-title {
  /*   background-color:  #00AF66 ; */
  border-radius: 10px 0 0;
  color: white;
  font-size: 18px;
  margin-bottom: 0;
  margin-top: 0;
  text-align: center;
}
.geofence_page #geomap-left a {
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 17px;
  padding: 5px 0;
  text-align: center;
}
.geofence_page #geomap-left p {
  font-family: arial;
  font-size: 11pt;
  color: black;
  margin-left: 6px;
}
.geofence_page .geomap-notification {
  margin: 0 auto;
  padding-bottom: 13px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 30;
}
.geofence_page #geomap-email-icon,
#geomap-sms-icon,
.geofence_page #geomap-twitter-icon {
  border-radius: 15px;
  color: #888;
  cursor: pointer;
  display: inline-block;
  padding: 0 11px;
}
.geofence_page #geomapAlways:active {
  background-color: #1f3a68;
  color: white;
}
.geofence_page #geomap-buttons {
  margin-top: 4px;
  width: 100%;
  z-index: 30;
}
.geofence_page .geomap-butt-add {
  /*   background-color: #00AF66; */
  color: white;
  cursor: pointer;
  float: left;
  font-family: Gotham Rounded Book;
  font-size: 17px;
  padding: 8px 0;
  text-align: center;
  width: 50%;
}
.input_radius {
  border-radius: 0px 0px 10px 0px !important;
}
.geofence_page #geomap-cancel {
  background-color: #666;
  border-radius: 0;
}
/* .geofence_page #geomap-add:hover {
  background-color: #00AF66;
} */
.geofence_page .geomap-radius-bar1 {
  background-color: #6378a1 !important;
  height: 14px !important;
}
.geofence_page #geofenceadd-radius-tap .noUi-handle {
  /* background-color: #00AF66; */
  border: 2px solid silver;
  border-radius: 12px;
  box-shadow: none;
  cursor: default;
  height: 25px;
  left: -12px;
  top: -7px;
  width: 25px;
}
.geofence_page #geofenceadd-radius-tap .noUi-horizontal {
  width: 25px;
  height: 25px;
  left: -12px;
  top: -4px;
}
.geofence_page #geofenceadd-radius-tap .noUi-handle {
  height: 25px;
  left: -12px;
  top: -7px;
  width: 25px;
}
.geofence_page #geofenceadd-radius-tap .noUi-handle:before,
.geofence_page #geofenceadd-radius-tap .noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  left: 14px;
  top: 6px;
  height: none;
  width: none;
  background: 0;
}
.geofence_page #geomap-left-list {
  height: 110px;
  overflow-y: scroll;
  margin-top: 15px;
  width: 98%;
}
.geofence_page .geomapPanelCurfew {
  border-radius: 10px;
  box-shadow: 0 0 2px 0 #888;
  margin: 0 auto;
  width: 300px;
}
.geofence_page .geomapPanelCurfew #geomap-left {
  height: 159px;
}
.geofence_page .geomapPanelCurfew #geofenceadd-top {
  border-radius: 10px 10px 0 0;
}
.geofence_page .geomapPanelCurfew #geomap-cancel {
  background-color: #666;
  border-radius: 0 0 0 10px;
}
.geofence_page .geomapPanelCurfew .geomap-preset {
  width: 50%;
}
.geofence_page .geomap-dir-elem:hover,
.geofence_page #geomap-email-icon:hover,
.geofence_page #geomap-twitter-icon:hover,
.geofence_page #geomap-left a:hover,
.geofence_page #geomap-left i:hover,
.geofence_page #geomap-sms-icon:hover {
  color: #20A8BF;
}
.geofence_page .geomapPanelCurfew .geomap-notification {
  margin: 10px auto;
}
.geofence_page .confirm_message {
  display: block;
  font-size: 15px;
  text-align: center;
}
.geofence_page ul.scroll-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.geofence_page li.scroll-list-item {
  text-align: center;
}
.geofence_page.curfew_page .switch {
  margin-top: 10px;
}
.geofence_page.curfew_page #up_section {
  background-color: #fff;
}
.geofence_page.curfew_page #curfew-element-box {
  width: 250px;
  height: 120px;
  float: left;
  background-color: white;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin-right: 20px;
  margin-top: 20px;
  box-shadow: 2px 2px 2px #808080, -2px -2px 2px #808080, 2px -2px 2px #808080, -2px 2px 2px #808080;
}
.geofence_page.curfew_page #curfew-element-top {
  width: 100%;
  /*   background-color: #00AF66; */
  float: left;
  border-radius: 10px 10px 0 0;
  position: relative;
}
.geofence_page.curfew_page #curfew-element-top h1 {
  color: white;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
.geofence_page.curfew_page #curfew-img {
  float: left;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
}
.geofence_page.curfew_page #curfew-element-center {
  width: 100%;
  height: 120px;
  float: left;
  background-color: white;
}
.geofence_page.curfew_page #curfew-element-center h1 {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 0;
  margin-right: 10px;
  color: black;
  text-align: left;
  float: left;
}
.geofence_page.curfew_page #curfew-element-center p {
  margin-top: 10px;
  clear: both;
  margin-left: 10px;
  color: #00AF66;
}
.geofence_page.curfew_page #curfew-element-bottom {
  width: 100%;
  height: 28px;
  float: left;
  border-radius: 0 0 12px 12px;
}
.geofence_page.curfew_page #curfew-element-email,
.geofence_page.curfew_page #curfew-element-twitter,
.geofence_page.curfew_page #curfew-element-sms {
  float: right;
  margin-right: 19px;
  margin-top: 2px;
  cursor: default !important;
}
.geofence_page.curfew_page #curfew-element-email i,
.geofence_page.curfew_page #curfew-element-twitter i,
.geofence_page.curfew_page #curfew-element-sms i {
  font-size: 20pt;
  color: white;
}
.geofence_page.curfew_page #curfew-img i {
  font-size: 20pt;
  color: white;
}
.geofence_page.curfew_page #geomap-element-box-deactive {
  width: 300px;
  height: 400px;
  background-color: grey;
  float: left;
  margin-top: 12px !important;
  margin-right: 20px;
  margin-left: 10px;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.geofence_page.curfew_page .geomap-element-box {
  height: 200px;
  /*   background-color: #00AF66; */
  margin-top: 12px !important;
  cursor: default !important;
  border-radius: 10px;
  /*   border: 1px #00AF66 solid; */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}
.geofence_page.curfew_page .top-icon i {
  float: left;
  line-height: 20px;
}
.geofence_page.curfew_page .top-edit {
  display: inline-block;
  float: right;
  cursor: pointer;
  margin-left: 80px;
  padding-top: 20px;
  padding-right: 5px;
  margin-top: -10px;
}
.geofence_page.curfew_page .top-close {
  display: inline-block;
  float: right;
}
.geofence_page .slider-track-high {
  background-color: #20A8BF !important;
  opacity: 0.2;
}
.slider.slider-horizontal .slider-track {
  height: 6px !important;
}
.slider-handle {
  width: 15px !important;
  height: 15px !important;
}
.slider-selection {
  background-color: #20A8BF !important;
  background-image: none !important;
}
.cardGeo {
  background-color: #f9f9f9 !important;
  box-shadow: none !important;
  padding: 15px;
}
.card.table {
  padding: 0px !important;
}
.user-img {
  display: inline-flex;
  padding: 10px 12px;
  border-radius: 100px;
  background-color: #002B49;
}
.admin-info {
  vertical-align: super;
  margin-left: 10px;
  color: #002b49;
  font-size: 16px;
}
.search-box {
  top: 15px;
  left: 24px;
  position: absolute;
  z-index: 11;
  width: 330px;
}
.search-box label {
  position: relative;
  width: 100% !important;
}
.search-box label:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0px;
  bottom: 0;
  width: 15px;
  z-index: 2;
  background: url(/images/svg/search_icon.svg) center / contain no-repeat;
}
.search-box input {
  margin-top: 10px !important;
  border-radius: 4px !important;
  border: 1px solid #DBDBDB !important;
  width: 100% !important;
}
.search-box input:focus {
  border-color: #20A8BF !important;
}
.search-box.static {
  position: inherit;
  width: 100%;
}
.search-box.static input {
  height: 50px;
}
.days-list-box {
  margin: 10px 0px;
}
.days-list-box .day {
  padding: 2px 12px;
  background-color: #EFEFEF;
  color: #666;
  border-radius: 4px;
  margin-right: 3px;
}
.add-btn-container {
  display: flex;
  padding: 15px 0;
}
.add-btn-container button {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 16px !important;
}
.geofence-list-table {
  margin-top: 16px;
  padding: 0px !important;
  /*   td:last-child {
    display: flex;
    padding: 20px;
} */
}
.geofence-list-table tr {
  transition: background-color 0.1s;
}
.geofence-list-table tr:hover td {
  font-weight: 500;
}
.geofence-list-table td {
  vertical-align: middle !important;
}
.table-buttons {
  margin: 38px 0 110px;
}
.table-buttons > button {
  width: 180px;
  text-transform: uppercase;
  font-size: 16px;
}
.no-geofence-table-msg p {
  text-align: center;
  margin: 0 !important;
}
.no-geofence-table-msg p:first-of-type {
  font-family: 'Montserrat';
  color: #20A8BF;
  font-size: 28px;
  font-weight: bold;
}
.no-geofence-table-msg p:last-of-type {
  font-size: 16px;
}
.justify-flex-end-column {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.justify-flex-end-column h3 {
  margin: 0 !important;
}
.fluid-container {
  width: 100%;
}
.two-divs-one-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.poiPanel {
  float: left;
  width: 60%;
}
.btnPanel {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.geofence_page #geofenceadd-map {
  float: right;
  position: relative;
  width: 38% !important;
  z-index: 10;
}
#maps-poi {
  border-radius: 8px;
  margin-right: -12px;
  margin-bottom: 20px;
  height: 100%;
}
.downloadBtnPoi {
  border: none !important;
  width: 220px;
  color: #20A8BF;
  justify-content: center;
  text-align: center;
}
.poi-main-page {
  padding-left: 25px !important;
  padding-right: 25px !important;
}
/* #poi-map {
    height: 500px;
    border-radius: 0px;
} */
.btn-outline {
  color: #20A8BF;
  font-family: 'Karla';
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 8px;
  height: 33px;
  border: 1px solid #20A8BF !important;
  width: 100%;
}
.btn-outline a {
  text-decoration: none !important;
}
.shared-radio-input-container {
  display: flex;
  column-gap: 40px;
  margin-top: 6px;
}
.shared-radio-input-container label {
  display: flex;
  align-items: center;
  column-gap: 8px;
  font-size: 14px;
  font-weight: 500;
  color: #212121;
  margin: 0;
}
.shared-radio-input-container input {
  width: 24px !important;
  height: 24px !important;
  margin: 0;
}
.gm-style-iw,
.gm-style-iw-d {
  overflow: visible !important;
}
.searchElementContainer {
  width: 100%;
  margin-bottom: 0px;
  margin-right: 20px;
}
.searchElementContainer:after {
  content: "";
  position: absolute;
  right: 15px;
  top: 0px;
  bottom: 0;
  width: 15px;
  z-index: 2;
  background: url(/images/svg/search_icon.svg) center / contain no-repeat;
}
.arrowDetailOpen {
  background: url(/images/svg/arrow_icon.svg) center / contain no-repeat;
  transform: rotate(3.142rad);
}
#add-route-checkpoint {
  position: absolute;
  top: 0;
  right: 0;
  margin: 16px 16px 0 0;
  text-transform: uppercase;
}
.route-table th:first-of-type {
  width: 40px !important;
}
.route-table #associationCheckbox {
  width: 22px;
  height: 22px;
}
.route-table .category-cell {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.route-table .category-cell p {
  margin: 0;
}
.table-filters {
  display: flex;
  column-gap: 16px;
}
.table-filters .input-container {
  width: auto !important;
  flex: 1;
}
.table-filters .select-dropdown {
  width: 250px !important;
}
.table-filters .select-dropdown input[type="text"] {
  color: #212121;
  font-weight: bold;
}
.table-filters .select-dropdown input[type="text"]:focus {
  border-bottom: unset;
}
.table-filters .select-dropdown .form-with-dropdown {
  margin: 0;
}
.table-filters .select-dropdown .dropdown-menu {
  width: 250px !important;
}
.current-situation-page .current-situation-40px-separator {
  height: 40px;
}
.current-situation-page .current-situation-32px-separator {
  height: 32px;
}
.current-situation-page .current-situation-16px-separator {
  height: 16px;
}
.current-situation-page .current-situation-container {
  height: calc( 100vh - 132px );
  min-width: 1000px;
}
.current-situation-page .current-situation-container .current-situation-map-container {
  width: 39% !important;
  height: 100% !important;
  min-height: 683px !important;
  z-index: 0 !important;
}
.current-situation-page .current-situation-container .current-situation-map-container .current-situation-map {
  height: 100% !important;
}
.current-situation-page .current-situation-container .current-situation-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
  margin-bottom: 0 !important;
  padding-left: 0px;
  padding-right: 16px;
  width: 61% !important;
}
.current-situation-page .current-situation-container .current-situation-panel .no-margin {
  margin: 0 !important;
}
.current-situation-page .current-situation-container .current-situation-panel.route-panel {
  justify-content: flex-start;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-detail-and-title {
  display: flex;
  flex-direction: column;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-detail-and-title .current-situation-detail-title {
  position: relative;
  font: normal normal normal 12px/20px Karla;
  color: #212121;
  text-transform: capitalize;
  padding-left: 12px;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-detail-and-title .current-situation-detail {
  font: normal normal bold 14px/20px Karla;
  color: #212121;
  text-transform: capitalize;
  padding-left: 16px;
}
.current-situation-page .current-situation-container .current-situation-panel .justify-flex-end-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 16px;
}
.current-situation-page .current-situation-container .current-situation-panel .justify-flex-end-column h3 {
  margin: 0 !important;
}
.current-situation-page .current-situation-container .current-situation-panel .fluid-container {
  width: 100%;
}
.current-situation-page .current-situation-container .current-situation-panel .two-divs-one-row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
}
.current-situation-page .current-situation-container .current-situation-panel .geomap-day-normal {
  background-color: white;
  text-transform: uppercase;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction {
  display: flex;
  gap: 16px;
  justify-content: space-between;
  width: 100%;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction .current-situation-add-position {
  width: 100% !important;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction .current-situation-add-position .current-situation-button-checkbox-group {
  display: flex;
  width: 100% !important;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction .current-situation-add-position .current-situation-button-checkbox-group .current-situation-button-checkbox {
  align-items: center;
  border: 1px solid #dbdbdb;
  box-shadow: none;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 100% !important;
  margin: 0 !important;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction .current-situation-add-position .current-situation-button-checkbox-group .current-situation-button-checkbox .current-situation-button-checkbox-content {
  align-items: center;
  display: flex;
  height: 19px;
  justify-content: center;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction .current-situation-add-position .current-situation-button-checkbox-group .current-situation-button-checkbox .current-situation-button-checkbox-content .current-situation-button-checkbox-content-icon-custom {
  margin-right: 8px;
  height: 16px;
  width: 16px;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction .current-situation-add-position .current-situation-button-checkbox-group .current-situation-button-checkbox .current-situation-button-checkbox-content .current-situation-button-checkbox-content-icon::before {
  margin-left: 0px;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction .current-situation-add-position .current-situation-button-checkbox-group .current-situation-button-checkbox-first {
  border-radius: 8px 0px 0px 8px;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction .current-situation-add-position .current-situation-button-checkbox-group .current-situation-button-checkbox-middle {
  border-left: none;
  border-radius: 0px;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction .current-situation-add-position .current-situation-button-checkbox-group .current-situation-button-checkbox-last {
  border-radius: 0px 8px 8px 0px;
  border-left: none;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction .current-situation-add-position .current-situation-radius-slider-container {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-top: 16px;
  justify-content: center;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-type-and-direction .current-situation-add-position .current-situation-radius-slider-container .current-situation-radius-slider-text-container {
  height: 21px;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-days {
  display: flex;
  justify-content: space-between;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-days .current-situation-day-first,
.current-situation-page .current-situation-container .current-situation-panel .current-situation-days .current-situation-day-middle,
.current-situation-page .current-situation-container .current-situation-panel .current-situation-days .current-situation-day-last {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-days .current-situation-day-first {
  border-radius: 8px 0px 0px 8px;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-days .current-situation-day-middle {
  border-left: none;
  border-radius: 0px;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-days .current-situation-day-last {
  border-radius: 0px 8px 8px 0px;
  border-left: none;
}
.current-situation-page .current-situation-container .current-situation-panel #geomap-buttons {
  display: flex;
  gap: 16px;
  justify-content: center;
}
.current-situation-page .current-situation-container .current-situation-panel #geomap-buttons .red-font {
  color: #E92732;
}
.current-situation-page .current-situation-container .current-situation-panel .btn {
  margin-bottom: 0px;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-button {
  margin-bottom: 0px !important;
  width: 220px !important;
  text-transform: uppercase;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-ghost-btn:active {
  box-shadow: unset;
  width: 220px !important;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-ghost-btn {
  background-color: transparent !important;
  border: none !important;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-button-disabled {
  background-color: #EFEFEF !important;
  color: #aaaaaa !important;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-tooltip {
  position: relative;
  display: inline-block;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-tooltip .current-situation-tooltip-text {
  visibility: hidden;
  background-color: white;
  color: #212121;
  text-align: center;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  right: 0%;
  bottom: 110%;
  border-radius: 8px;
  border: 1px solid #20A8BF;
  padding: 8px;
  width: 220px;
}
.current-situation-page .current-situation-container .current-situation-panel .current-situation-tooltip:hover .current-situation-tooltip-text {
  visibility: visible;
}
.current-situation-page .uppercase {
  text-transform: uppercase;
}
.modal-option-component {
  border-bottom: 1px solid #D5D8DD;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding-bottom: 24px;
  padding-top: 24px;
}
.modal-option-component:last-child {
  border: none;
}
.modal-option-component .modal-option-icon-title-action {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.modal-option-component .modal-option-icon-title-action .modal-option-icon-title {
  align-items: center;
  column-gap: 12px;
  display: flex;
}
.modal-option-component .modal-option-icon-title-action .modal-option-icon-title .modal-option-icon {
  height: 10px;
  width: 10px;
}
.modal-option-component .modal-option-icon-title-action .modal-option-icon-title .modal-option-title {
  color: #212121;
  font: normal normal bold 16px Montserrat;
  margin-bottom: 0px;
  margin-top: 0px;
}
.modal-option-component .modal-option-subtitle,
.modal-option-component .modal-option-extra-info {
  color: #212121;
  font: normal normal normal 10px Karla;
  margin-left: 22px;
}
.modal-option-component .modal-option-extra-info-group {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  row-gap: 8px;
}
.modal-option-component .modal-option-extra-info-group .modal-option-extra-info-icon {
  height: auto;
  margin-right: 8px;
  width: 10px;
}
*,
html,
body {
  font-family: "Roboto" !important;
}
* .pac-container,
html .pac-container,
body .pac-container {
  z-index: 9999;
  box-shadow: unset;
  border: 1px solid #20A8BF;
  border-top: none;
  border-radius: 0px 0px 8px 8px;
  outline: none;
  padding-top: 16px;
  box-sizing: content-box;
}
* .pac-item,
html .pac-item,
body .pac-item {
  margin: 0px 16px;
  border: none;
}
* .pac-item:hover,
html .pac-item:hover,
body .pac-item:hover {
  background-color: #eef8fa;
}
* .pac-item *,
html .pac-item *,
body .pac-item * {
  font: normal normal normal 14px/20px Karla;
  color: #212121;
}
* .pac-item .pac-icon,
html .pac-item .pac-icon,
body .pac-item .pac-icon {
  display: none;
}
* .pac-item .pac-matched,
html .pac-item .pac-matched,
body .pac-item .pac-matched {
  font-weight: bold;
}
.table-card-container {
  padding: 0px !important;
}
.table-card-container .table {
  border-radius: 8px !important;
  margin: 0px !important;
}
.table-card-container .table > div {
  padding: 0px !important;
}
.driverDetails__img.trips {
  width: 30px;
  margin-right: 10px;
}
.no-data-text {
  margin: auto;
  text-align: center;
  padding: 30px;
  font-size: 20px;
  font-weight: bolder;
  color: #bdbdbd;
}
.nav-tabs > li {
  border-bottom: 4px solid transparent !important;
}
.nav-tabs > li:hover {
  border-bottom: 4px solid #e6e6e6e6 !important;
}
.nav-tabs > li.active {
  border-bottom: 4px solid #20A8BF !important;
}
.separator {
  background-color: #DBDBDB;
  width: 87%;
}
.separator.dark {
  background-color: #D5D8DD !important;
}
.user-index-label {
  position: relative;
  top: 15px;
  background-color: #F46A00;
  border-radius: 100px;
  text-align: center;
  border: 3px solid;
  color: white;
  height: 24px;
  min-width: 24px;
  max-width: 24px;
  font-weight: bolder;
  padding-top: 1px;
}
.square-icon {
  border-radius: 10px;
  height: 42px;
  width: 42px;
  background: #e7f4f3 0% 0% no-repeat padding-box;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
}
.square-icon img {
  height: 28px;
  background: 0% 0% no-repeat padding-box;
  border: 1px solid #00000000;
  opacity: 1;
  padding: 5px;
}
.square-icon.fuel {
  background: transparent !important;
}
.square-icon.fuel img {
  height: 55px !important;
}
.driver-map-panel {
  padding: 5px 16px 16px 10px;
  background-color: white;
  border-radius: 6px;
  max-width: 307px;
}
.driver-map-panel.smaller {
  height: 260px;
  overflow-y: scroll;
}
.driver-map-panel.smaller .vehicle-info h2 {
  font-size: 20px;
}
.driver-map-panel.smaller .vehicle-info span {
  font-size: 14px;
}
.driver-map-panel.smaller .vehicle-data {
  margin-top: 20px;
  margin-bottom: 12px;
  flex-wrap: wrap;
  row-gap: 10px;
}
.driver-map-panel.smaller .driver-info,
.driver-map-panel.smaller .position-info {
  margin-bottom: 16px;
}
.driver-map-panel.smaller .driver-info h3,
.driver-map-panel.smaller .position-info h3 {
  font-size: 16;
}
.driver-map-panel.smaller .separator {
  margin-bottom: 16px;
}
.driver-map-panel .vehicle-info h2 {
  margin-top: 0px;
  margin-bottom: 4px;
  font-family: "Montserrat";
  font-weight: bold;
  color: #333;
}
.driver-map-panel .vehicle-info span {
  font-size: 17px;
  color: #333;
}
.driver-map-panel .vehicle-data {
  display: flex;
  margin-top: 26px;
  margin-bottom: 16px;
}
.driver-map-panel .vehicle-data div {
  display: flex;
}
.driver-map-panel .vehicle-data .data-text {
  display: block;
  float: left;
  margin-right: 30px;
}
.driver-map-panel .driver-info,
.driver-map-panel .position-info {
  margin-bottom: 16px;
}
.driver-map-panel .driver-info h3,
.driver-map-panel .position-info h3 {
  font-family: "Montserrat";
  font-weight: bold;
  color: #333;
}
.top-nav-dropdown {
  margin-top: 11px;
}
.top-nav-dropdown a {
  color: #333 !important;
  font-size: 15px;
}
.modal-content {
  display: flex;
  flex-direction: column;
  border-radius: 10px;
  min-width: 550px;
  height: auto;
  padding: 24px 24px 32px;
}
.modal-content .modal-header {
  background: none;
  text-align: left;
  padding: 0;
}
.modal-content .modal-header button:disabled {
  cursor: not-allowed;
}
.modal-content .modal-body {
  flex-grow: 1;
  padding: 16px 0;
}
.modal-content .modal-body p {
  font-size: 14px;
  color: #425360;
}
.modal-content .modal-footer {
  padding: 0;
  border: none;
  display: flex;
  justify-content: center;
  column-gap: 16px;
}
.modal-content .modal-footer::before,
.modal-content .modal-footer::after {
  display: none;
}
.modal-content .modal-footer button {
  text-transform: uppercase;
  width: 100%;
  height: 48px;
  margin: 0 !important;
  font-size: 16px;
  font-weight: bold;
  transition: all 0.2s;
  color: white;
}
.modal-content .modal-footer button.cancel {
  background: transparent;
  color: #20a8bf;
  border: 1px solid transparent;
}
.modal-content .modal-footer button.cancel:hover {
  border-color: #20a8bf;
}
.modal-content .modal-footer button.confirm {
  background-color: #20a8bf;
}
.modal-content .modal-footer button.confirm:hover {
  background-color: #078fa6;
}
.modal-content .modal-footer button.confirm:disabled {
  background-color: #efefef;
  color: #aaaaaa;
}
.modal-content .modal-footer button.delete {
  background-color: #e92732;
}
.modal-content .modal-footer button.delete:hover {
  background-color: #bd3339;
}
.uploader-container {
  box-sizing: border-box;
  width: 100%;
  height: 200px;
  border: dashed 3px #20a8bf;
  border-radius: 8px;
  margin-bottom: 40px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.uploader-container p span {
  font-weight: bold;
  color: #20a8bf;
}
.uploader-container .icon {
  width: 40px;
  height: 40px;
  margin-bottom: 24px;
}
.geofence-file-wrapper {
  border: 1px solid #efefef;
  border-radius: 10px;
  padding: 16px;
}
.geofence-file-wrapper .file-data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.geofence-file-wrapper .file-data p {
  margin: 0;
}
.geofence-file-wrapper .file-data div p:first-of-type {
  font-size: 16px;
  font-weight: bold;
}
.geofence-file-wrapper .file-data div p:last-of-type {
  color: #8f8f8f;
}
.geofence-file-wrapper .file-data img {
  width: 16px;
  height: 18px;
  cursor: pointer;
}
.geofence-file-wrapper .file-data #successMsg,
.geofence-file-wrapper .file-data #errorMsg {
  align-self: flex-start;
  font-weight: 600;
  display: none;
}
.geofence-file-wrapper .file-data #successMsg {
  color: #509e2f;
}
.geofence-file-wrapper .file-data #errorMsg {
  color: #e92732;
}
/* .progress-bar-wrapper {
  height: 6px;
  background-color: #20a7bf42;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;

  #progress-bar {
    width: 100%;
    height: 100%;
    background-color: #20a8bf;
    animation: progressAnim 1s infinite linear;
    transform-origin: 0% 50%;

    &.success {
      animation: none;
      background-color: #509e2f;
    }

    &.error {
      animation: none;
      background-color: #e92732;
    }
  }
} */
@keyframes progressAnim {
  0% {
    transform: translateX(0) scaleX(0);
  }
  40% {
    transform: translateX(0) scaleX(0.4);
  }
  100% {
    transform: translateX(100%) scaleX(0.5);
  }
}
.existing-geofences {
  margin: 14px 0 0;
  padding: 0 0 0 5px;
  color: #e92732;
  font-size: 16px;
}
.existing-geofences li {
  color: #212121;
  margin-left: 30px;
}
.empty {
  color: #20A8BF;
}
.margin-top-15 {
  margin-top: 0px !important;
}
.healthContainer .list {
  margin-top: 0px !important;
}
.action-bottom {
  text-align: center;
}
.action-bottom button {
  height: 50px;
  width: 165px;
  padding: 13px !important;
}
.table-drive-datails {
  margin-top: 16px;
}
.table-drive-datails .table-responsive {
  padding: 0px !important;
}
.allcontainer {
  position: relative;
  height: 100%;
  display: flex;
  flex-flow: row wrap;
  row-gap: 16px;
}
.allcontainer .trips-table {
  height: calc(100% - 56px);
  padding: 0px !important;
}
.allcontainer .trips-table #sxwrap_trip {
  padding: 0px !important;
}
.allcontainer .trips-table th a {
  color: white !important;
}
.allcontainer .pageandexport {
  position: relative;
  display: flex;
  justify-content: space-between;
  height: 40px;
  width: max-content;
  align-items: center;
  margin-top: 50px;
  z-index: 1;
}
.allcontainer .pageandexport .btn {
  background: #f9f9f9 0% 0% no-repeat padding-box !important;
  border: 1px solid #20A8BF !important;
  border-radius: 8px !important;
  opacity: 1 !important;
  color: #20A8BF !important;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  width: max-content;
}
.Txt_STREET {
  float: left;
}
.full-height {
  height: 100%;
}
.full-height #centralContainer {
  display: flex;
  flex-flow: row wrap;
}
.trip-reconstruction {
  height: calc(100vh - 168px) !important;
  margin-top: 15px;
}
.container-fluid {
  width: 100%;
  padding-left: 0;
}
.page-trips {
  min-height: calc(100% - 108px);
}
.trip-reconstruction-map {
  min-height: 100%;
  border-radius: 8px;
  /* min-height: ~'calc( 100vh - 150px )'; */
  padding-top: 30px !important;
}
.buttons-container {
  display: flex;
  flex-flow: row wrap;
  column-gap: 8px;
}
.buttons-container div.custom-button {
  flex: 1 1 0px;
}
.custom-button {
  cursor: pointer;
  height: 40px;
  min-width: 80px;
  margin: 0px;
  border-radius: 8px;
  padding: 0px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffff;
  color: #333333;
  text-align: center;
  font-family: Karla, Regular;
  border: 1px solid #d6d6d6;
  text-transform: uppercase;
}
.custom-button.small {
  height: 30px;
}
.custom-button span {
  white-space: nowrap;
}
.custom-button.active,
.custom-button:hover {
  border: unset;
  font-weight: bold;
  font-family: Karla, Bold;
  background-color: #20a8bf;
  color: #ffffff;
}
.speedbox-container {
  position: absolute;
  top: 0;
  left: 0;
  margin: 24px 0px 0px 24px;
  background: #ffffff;
  box-shadow: 0px 2px 4px #0000001a;
  border-radius: 8px;
  width: 123px;
  padding: 24px;
  display: flex;
  flex-flow: column wrap;
  row-gap: 24px;
}
.speedbox-container .speedbox-title {
  font-weight: bold;
  font-family: Karla, Bold;
  font-size: 14px;
  color: #212121;
}
.speedbox-container .speedbox-body {
  display: flex;
  flex-flow: column wrap;
  row-gap: 16px;
}
.speedbox-container .speedbox-body .speedbox {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-flow: row wrap;
  column-gap: 8px;
}
.speedbox-container .speedbox-body .speedbox span {
  font-family: Karla, Regular;
  font-size: 12px;
  color: #212121;
}
.speedbox-container .speedbox-body .speedbox .speedbox-bar {
  width: 20px;
  height: 2px;
}
.speedbox-container .speedbox-body .speedbox .speedbox-bar.green {
  background-color: #20a8bf;
}
.speedbox-container .speedbox-body .speedbox .speedbox-bar.dark-green {
  background-color: #002b49;
}
.speedbox-container .speedbox-body .speedbox .speedbox-bar.red {
  background-color: #e92732;
}
.speedbox-container .speedbox-body .speedbox .speedbox-bar.dark-red {
  background-color: #9d0000;
}
.status-trip-dot {
  height: 10px;
  width: 10px;
  margin-right: 12px;
  margin-left: 12px;
  display: inline-block;
  background-color: #C1C1C1;
  border-radius: 100px;
  position: relative;
  left: -5px;
}
.status-trip-dot.active {
  background-color: #B6EE45;
}
.trips-day-button.prev {
  border-radius: 4px 0px 0px 4px;
}
.trips-day-button.forw {
  border-radius: 0px 4px 4px 0px;
}
.trips-day-button:hover {
  color: #20A8BF;
}
.eye-password {
  cursor: pointer;
  position: absolute;
  right: 11px;
  top: 11px;
}
.select-pulse-icon {
  height: 10px;
  left: 6px;
  position: absolute;
  top: 40%;
  width: 10px;
}
.select-pulse-icon div:first-of-type {
  background-color: #9ae032;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.select-pulse-icon div:last-of-type {
  animation: pulsing 2s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  background-color: #9ae032;
  border-radius: 50%;
  height: 30px;
  margin-left: -10px;
  margin-top: -20px;
  width: 30px;
}
.select-pulse-icon.inactive div:first-of-type {
  background-color: #c1c1c1;
}
.select-pulse-icon.inactive div:last-of-type {
  display: none;
}
.select-pulse-icon .uppercase {
  text-transform: uppercase;
}
.form-group .input-enc {
  background-color: white !important;
  border-radius: 8px;
  height: 46px;
  border: 1px solid #DBDBDB;
  opacity: 1;
}
.form-group .input-enc:focus {
  border-color: #20A8BF !important;
}
.form-group .input-enc-label {
  position: absolute;
  left: 1rem;
  top: 13px;
  font-weight: 100;
  padding: 0 0.5rem;
  color: #212121;
  cursor: text;
  transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in;
  background-color: transparent;
}
.form-group .input-enc:focus ~ .input-enc-label,
.form-group .input-enc:not(:placeholder-shown).input-enc:not(:focus) ~ .input-enc-label {
  background-color: white;
  top: -8px;
  font-size: 12px;
  left: 0.8rem;
}
.login-error {
  color: #E92732;
  text-align: center;
  top: -23px;
  position: relative;
}
.btn {
  border: none;
  border-radius: 8px;
}
.btn.btn-primary {
  background-color: #20A8BF;
}
.btn.btn-primary:hover {
  background-color: #35c5dd !important;
  border: none;
}
.btn.btn-primary:active {
  background-color: #198293 !important;
  border: none;
}
.btn.btn-secondary {
  background-color: white !important;
}
.btn.btn-secondary:hover {
  background-color: #ffffff !important;
  border: none;
}
.btn.btn-secondary:active {
  background-color: #e6e6e6 !important;
  border: none;
}
.btn.btn-lg {
  padding: 16px 39px;
  font-size: 18px;
  line-height: 1.3333333;
}
.btn.btn-l {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.btn.btn-right {
  float: right;
}
.btn.btn-round {
  padding: 9px 12px;
  border-radius: 100px;
}
.pace {
  background-image: url('/images/logoEncontrackGF_small.svg');
  background-color: transparent;
  background-size: 50px;
  -webkit-animation: pace-theme-center-circle-spin 2s linear infinite;
  -moz-animation: pace-theme-center-circle-spin 2s linear infinite;
  -o-animation: pace-theme-center-circle-spin 2s linear infinite;
  animation: pace-theme-center-circle-spin 2s linear infinite;
}
.pace .pace-activity {
  border: none;
}
.pace .pace-activity:after {
  border: none;
}
.pace .pace-activity:before {
  border: none;
}
body.pace-running {
  background: #002B49;
}
@-webkit-keyframes pace-theme-center-circle-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes pace-theme-center-circle-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes pace-theme-center-circle-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes pace-theme-center-circle-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.navbar-dot {
  width: 22px;
}
.ciph-filter {
  float: right;
  margin-right: 28px;
  padding: 2px 12px;
  background-color: #20A8BF;
  color: white;
  border-radius: 1000px;
  font-size: 18px;
  width: 34px;
  height: 34px;
  text-align: center;
}
.ciph-filter span {
  position: relative;
  left: -0.7px;
  top: 2px;
}
.ciph-filter.label {
  position: absolute;
  top: -6px;
  left: -6px;
  height: 16px;
  width: 16px;
  padding: 0px;
  font-size: 13px;
  background-color: #002B49;
}
.ciph-filter.label span {
  position: relative;
  top: 1px;
}
.navbar-list .active {
  background-color: transparent !important;
}
.navbar-list .active .navbar-a {
  background-color: #20A8BF !important;
  border-radius: 10px 0px 0px 10px;
}
.navbar-list .active .navbar-dot {
  width: 22px;
}
.navbar-list .active .navbar-dot div {
  width: 6px;
  height: 6px;
  background: #f2b334;
  border-radius: 10px;
  margin: auto;
  margin-top: 20px;
}
.navbar-list li:hover {
  background-color: transparent !important;
}
.navbar-list li:hover .navbar-a {
  background-color: #20A8BF !important;
  border-radius: 10px 0px 0px 10px;
}
.separator {
  background-color: #ffffff33;
  margin: auto;
  margin-bottom: 24px;
  height: 1px;
  width: 80%;
}
.brand-logo {
  padding: 32px 17px;
  height: 115px;
}
.brand-logo img {
  width: 100%;
  height: 52px;
}
.toggle-menu-container {
  position: absolute;
  top: 80%;
  right: 20px;
}
.topbar {
  height: 60px;
  background-color: transparent;
  border: none;
  position: static;
  display: block;
  margin-bottom: 32px;
}
.topbar .page-title {
  display: inline-flex;
  vertical-align: middle;
  justify-content: flex-start;
  font-size: 34px;
  color: #20A8BF;
  font-weight: bolder;
  font-family: "Montserrat" !important;
  padding: 16px 0 0 24px;
}
.topbar .page-title img {
  position: relative;
  top: -3px;
}
.topbar .topBar__userOption {
  display: inline-flex;
  float: right;
  padding: 16px 24px 0 0;
  width: auto;
}
.topbar .topBar__userOption li {
  background-color: transparent;
}
.topbar .topBar__userOption li .user-dropdown {
  background-color: transparent !important;
  color: #20A8BF !important;
  padding-left: 32px;
  border-left: 1px solid #DBDBDB;
}
.topbar .topBar__userOption li .user-dropdown:hover {
  background-color: transparent !important;
}
.topbar .topBar__userOption li .user-dropdown .user-img {
  display: inline-flex;
  padding: 10px 12px;
  border-radius: 100px;
  background-color: #002B49;
}
.topbar .topBar__userOption li .user-dropdown .user-name {
  font-size: 16px;
  vertical-align: top;
  margin-left: 16px;
  font-weight: bolder;
  font-family: "Montserrat" !important;
}
.topbar .topBar__userOption li .user-dropdown .user-name .arrow-icon {
  width: 12px;
  height: 6.2px;
  margin-left: 24px;
  vertical-align: sub;
}
.topbar .topBar__userOption li .user-dropdown .user-name .user-role {
  position: absolute;
  bottom: 0px;
  left: 93px;
  font-size: 14px;
  color: #333;
  font-weight: 400;
}
.topbar .topBar__userOption li .lang-dropdown {
  padding: 0px 32px;
  display: inline-flex;
}
.topbar .topBar__userOption li .lang-dropdown .lang-img {
  margin-right: 16px;
}
.topbar .topBar__userOption li .lang-dropdown .lang-sel {
  vertical-align: middle;
  font-size: 14px;
  margin-right: 24px;
}
.snackbar-container {
  background-color: white;
  border-radius: 3px;
  border: 1px solid;
  box-shadow: 0px 12px 20px rgba(0, 0, 0, 0.16);
  display: none;
  height: 60px;
  position: fixed;
  right: 24px;
  top: 120px;
  width: max-content;
  z-index: 100;
}
.snackbar-container.snackbar-show {
  display: flex;
  animation-duration: 7s;
  animation-fill-mode: forwards;
  animation-name: snackbar-animation;
}
.snackbar-container.snackbar-type-success {
  border-color: #509E2F;
  background-color: #509E2F;
}
.snackbar-container.snackbar-type-attention {
  border-color: #f2b334;
  background-color: #f2b334;
}
.snackbar-container.snackbar-type-error {
  border-color: #E92732;
  background-color: #E92732;
}
.snackbar-container.snackbar-type-info {
  border-color: #20A8BF;
  background-color: #20A8BF;
}
.snackbar-container .snackbar-message {
  background-color: white;
  min-width: 300px;
  padding: 22px 24px;
}
.snackbar-container .snackbar-icon-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
}
.snackbar-container .snackbar-icon-container.snackbar-icon-container-success {
  background-color: #509E2F;
}
.snackbar-container .snackbar-icon-container.snackbar-icon-container-attention {
  background-color: #f2b334;
}
.snackbar-container .snackbar-icon-container.snackbar-icon-container-error {
  background-color: #E92732;
}
.snackbar-container .snackbar-icon-container.snackbar-icon-container-info {
  background-color: #20A8BF;
}
.snackbar-container .snackbar-icon-container .snackbar-icon {
  height: 22px;
  width: 22px;
}
.snackbar-container .snackbar-close-button-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 24px;
  background-color: white;
}
.snackbar-container .snackbar-close-button-container .snackbar-close-button {
  height: 12px;
  width: 12px;
  cursor: pointer;
}
@keyframes snackbar-animation {
  0% {
    opacity: 0 ;
    right: 24px;
    top: 120px;
  }
  10% {
    opacity: 1 ;
    right: 24px;
    top: 120px;
  }
  90% {
    opacity: 1 ;
    right: 24px;
    top: 120px;
  }
  100% {
    opacity: 1;
    right: 24px;
    top: -100px;
  }
}
.containerCardPoi {
  display: flex;
  min-height: 70px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  min-width: calc(50% - 5px) !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
  box-shadow: 0px 2px 4px #0000001A;
  border-radius: 8px;
  opacity: 1;
  position: relative;
  cursor: pointer;
}
.containerCardPoi .iconCardPoi {
  border-radius: 8px;
  height: 45px;
  width: 45px;
  background: #e7f4f3 0% 0% no-repeat padding-box;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  margin-left: 16px;
  margin-top: 12px;
}
.containerCardPoi .iconCardPoi .imgCardPoi {
  height: 35px;
  background: 0% 0% no-repeat padding-box;
  border: 1px solid #00000000;
  opacity: 1;
  padding: 5px;
}
.titleCardPoi {
  font-family: 'Karla', sans-serif;
  font-weight: 300;
  font-size: 14px;
  text-align: left;
  color: #333333;
  opacity: 1;
  text-transform: capitalize;
  padding-top: 10px !important;
}
.valueCardPoi {
  font-family: 'Karla', sans-serif;
  font-weight: 900;
  font-size: 24px;
  text-align: left;
  color: #333333;
  opacity: 1;
  text-transform: capitalize;
  line-height: 100%;
  padding-left: 0;
}
.tabCardPoi {
  flex-direction: row;
  flex-wrap: wrap;
  width: 100% !important;
  display: flex;
  gap: 10px;
}
.imgArrowCard {
  display: inline-flex;
  position: absolute;
  bottom: 20px;
  right: 15px;
}
::-webkit-scrollbar {
  width: 8px;
  z-index: 1;
}
::-webkit-scrollbar-track {
  background: white !important;
}
::-webkit-scrollbar-thumb {
  background: #E1E1E1 !important;
  border-radius: 15px !important;
  height: 50px !important;
}
::-webkit-scrollbar-thumb:hover {
  background: none;
}
/* ============== NEW ============== */
/* ======== Colors ======== */
/* ======== Fonts ======== */
/* ======== Other ======== */
/* FONT VARIANTS */
.fs-12-normal {
  font-size: 12px;
  font-weight: 500;
}
.fs-12-medium {
  font-size: 12px;
  font-weight: 600;
}
.fs-12-bold {
  font-size: 12px;
  font-weight: 700;
}
.fs-14-normal {
  font-size: 14px;
  font-weight: 500;
}
.fs-14-medium {
  font-size: 14px;
  font-weight: 600;
}
.fs-14-bold {
  font-size: 14px;
  font-weight: 700;
}
.fs-16-normal {
  font-size: 16px;
  font-weight: 500;
}
.fs-16-medium {
  font-size: 16px;
  font-weight: 600;
}
.fs-16-bold {
  font-size: 16px;
  font-weight: 700;
}
.fs-20-normal {
  font-size: 20px;
  font-weight: 500;
}
.fs-18-normal {
  font-size: 20px;
  font-weight: 500;
}
.fs-20-medium {
  font-size: 20px;
  font-weight: 600;
}
.fs-20-bold {
  font-size: 20px;
  font-weight: 700;
}
.tab-selector {
  display: flex;
}
.tab-selector li {
  flex-grow: 1;
  border-bottom: 1px solid #99B8CE;
  text-align: center;
  padding-bottom: 12px;
  cursor: pointer;
}
.tab-selector li a {
  font-size: 14px;
  font-weight: 600;
  color: #0E2636;
  text-transform: uppercase;
}
.tab-selector li.active {
  border-bottom: 2px solid #004E85;
}
.tab-content {
  margin-top: 24px;
}
.underlined {
  text-decoration: underline;
}
.capitalize-first-letter {
  text-transform: lowercase;
}
.capitalize-first-letter::first-letter {
  text-transform: uppercase;
}
.capitalize {
  text-transform: capitalize;
}
.button {
  font-size: 14px;
  font-weight: 600;
  align-items: center;
  border: none;
  border-radius: 8px;
  display: flex;
  gap: 10px;
  height: 40px;
  justify-content: center;
  min-width: 90px;
  padding: 0 16px;
  white-space: nowrap;
  cursor: pointer;
}
.button img {
  max-width: 18px;
  max-height: 18px;
}
.button:disabled {
  cursor: not-allowed;
}
.button.button-primary,
.button.button-primary-radio {
  background-color: #004E85;
  color: #FFFFFF;
}
.button.button-primary-icon {
  background-color: #004E85;
  color: #FFFFFF;
  padding: 22px;
}
.button.button-white {
  background-color: #FFFFFF;
  color: #004E85;
}
.button.button-white:disabled {
  color: #004E854D;
}
.button.button-orange {
  background-color: #F46A00;
  color: #FFFFFF;
}
.button.button-orange:disabled {
  background-color: #FCD3B3;
}
.button.button-grey {
  background-color: #FFFFFF;
  color: #687680;
}
.button.button-outline-primary,
.button.button-outline-primary-radio {
  background-color: #FFFFFF;
  border: 1px solid #004E85;
  color: #004E85;
  padding: 6px;
}
.button.button-outline-primary-radio,
.button.button-primary-radio {
  width: 222px;
}
.button.ghost {
  background-color: transparent;
  border: none;
}
.form-group {
  position: relative;
  margin: 0;
  display: flex;
  align-items: center;
}
.icon-left {
  left: 0;
  margin-left: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.icon-right {
  margin-right: 20px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.input-search {
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
  border: 1px solid #99B8CE;
  height: 40px;
  outline: none;
  padding-left: 50px;
  width: 100%;
}
.input-field {
  font-size: 14px;
  font-weight: 500;
  border-radius: 4px;
  border: 1px solid #A8B0B5;
  height: 54px;
  outline: none;
  padding: 16px;
  width: 100%;
  color: #0E2636;
}
.input-field:focus {
  border: 1px solid #004E85;
  box-shadow: none;
}
.input-field.error {
  border-color: #DD0546;
}
.input-field.password {
  letter-spacing: 6px;
}
.input-label {
  font-size: 16px;
  font-weight: 500;
  background-color: transparent;
  color: #A8B0B5;
  cursor: text;
  left: 1rem;
  padding: 0 4px;
  position: absolute;
  top: 50%;
  transition: top 200ms ease-in, left 200ms ease-in, font-size 200ms ease-in;
  transform: translateY(-50%);
}
.timerange-label {
  font-size: 16px;
  font-weight: 600;
  color: #0E2636;
  margin-bottom: 16px;
}
.input-field:focus ~ .input-label,
.input-field:not(:placeholder-shown).input-field:not(:focus) ~ .input-label {
  background-color: #FFFFFF;
  color: #425360;
  top: 0px;
  font-size: 12px;
  left: 0.8rem;
}
.input-date {
  font-size: 12px;
  font-weight: 500;
  background-color: #E1E1E1;
  border: none;
  border-bottom: 2px solid #004E85;
  border-radius: 4px 4px 0px 0px;
  color: #425360;
  height: 54px;
  padding: 16px;
  padding-bottom: 0px;
}
.input-date:focus {
  background-color: #99B8CE;
}
.input-date-label {
  font-size: 12px;
  font-weight: 500;
  color: #425360;
  left: 16px;
  position: absolute;
  top: 10px;
}
.input-date:focus ~ .input-date-label,
.input-field:not(:placeholder-shown).input-field:not(:focus) ~ .input-date-label {
  color: #004E85;
}
.input-checkbox {
  appearance: none;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #004E85;
  border-radius: 2px;
  accent-color: #004E85;
}
.input-checkbox:focus {
  outline: 0px !important;
  outline-offset: 0px !important;
}
.input-checkbox:checked {
  accent-color: #004E85;
  appearance: auto;
  border-radius: 2px;
  height: 18px !important;
  outline: 0px !important;
  outline-offset: 0px !important;
  width: 18px !important;
}
.input-checkbox:checked::after {
  background-image: url("/images/new-icons/input/check_icon.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-color: #004E85;
  border-radius: 2px;
  content: "";
  display: block;
  height: 18px;
  width: 18px;
}
.input-common-label {
  font-size: 14px;
  font-weight: 500;
  color: #425360;
  margin: 5px 20px 0 10px;
}
.input-radio {
  position: relative;
  appearance: none;
  border: 2px solid #004E85;
  border-radius: 50%;
  width: 21px !important;
  min-width: 21px !important;
  height: 21px !important;
}
.input-radio-hidden {
  display: none;
}
.input-radio:checked {
  accent-color: #004E85;
  appearance: auto;
  border: 2px solid #004E85;
  border-radius: 50%;
}
.input-radio:checked::after {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 2px solid #004E85;
  background-color: transparent;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.checkboxes-with-input-text-list-container,
.checkboxes-with-input-text-list-container .checkbox-with-input-text-list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.input-text-list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.input-text-list input {
  max-width: 326px;
}
.input-text-list button {
  width: max-content;
}
.input-text,
.input-text-with-error,
.input-text-with-delete-icon {
  position: relative;
}
.input-text-with-error,
.input-text-with-delete-icon {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
.input-text-with-error span,
.input-text-with-delete-icon span {
  color: #DD0546;
  font-size: 12px;
  margin-left: 16px;
}
.input-text-with-delete-icon .input-and-delete-icon {
  display: flex;
  column-gap: 16px;
}
.input-text-with-delete-icon .input-and-delete-icon img {
  cursor: pointer;
}
.input-and-title {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.input-and-title .input-title {
  color: #425360;
  size: 14px;
}
.input-and-title .input-title strong {
  font-weight: 600;
}
.gm-style .gm-style-iw-c {
  min-width: 327px !important;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16) !important;
  /*     min-height: 280px !important; */
  padding: 12px 0px !important;
}
.gm-style .gm-style-iw-tc {
  display: none;
}
.gm-style-iw-d {
  max-height: none !important;
}
.gm-ui-hover-effect {
  opacity: 1 !important;
  right: 6px !important;
  top: -2px !important;
}
.gm-ui-hover-effect > span {
  background-image: url('/images/new-icons/map/close_icon.svg') !important;
  background-size: 14px !important;
  width: 24px !important;
  height: 24px !important;
}
.gm-style-iw [aria-label="Cerrar"] {
  top: 8px !important;
  right: 16px !important;
}
.info-window h2 {
  color: #0E2636;
  font-size: 20px;
  font-weight: 600;
  padding: 0px 16px;
  padding-bottom: 32px;
}
.info-window .info-window-center {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0 16px;
  padding-bottom: 16px;
  background-color: white;
}
.info-window .info-window-title-box {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.info-window .info-window-title {
  font-size: 12px;
  font-weight: 600;
  color: #0E2636;
}
.info-window .info-window-description {
  font-size: 14px;
  color: #425360;
  max-width: 80%;
}
.info-window .info-geometry-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.info-window .info-geometry-box img {
  cursor: pointer;
  opacity: 0;
}
.info-window .info-geometry-box:hover img {
  opacity: 1;
}
.info-window .info-window-bottom {
  border-top: 1px solid #DBE4EB;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 16px;
  border-radius: 0px 0px 5px 5px;
  background-color: white;
}
.info-window .info-window-bottom-right {
  display: flex;
  align-items: center;
}
.info-window .info-window-bottom-right button {
  height: auto !important;
  padding-right: 12px !important;
}
.info-window .info-window-bottom-right button a {
  color: #0E2636 !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}
.info-window .info-window-bottom-right .info-window-arrow-icon {
  transform: rotate(90deg);
}
.info-window .info-dropdown-enable img {
  width: 5px;
  height: 18px;
}
.info-window .info-window-dropdown > div {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  transition: all .3s;
  padding: 0px 16px;
}
.info-window .info-window-dropdown ul {
  top: -165px;
  left: -225px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 230px;
}
.info-window .info-window-dropdown ul li {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  color: #0E2636;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
.info-window .info-window-dropdown ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #0E2636;
  padding: 0;
  transition: background 0.2s;
  z-index: 1;
}
.info-window .info-window-dropdown ul li:hover:not(.disabled),
.info-window .info-window-dropdown ul li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
.info-window .info-window-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.info-window .info-window-dropdown ul li.disabled {
  color: #A8B0B5;
}
.info-window .info-window-dropdown ul li.disabled:hover .table-tooltip {
  display: block;
}
.info-window .info-window-dropdown ul li.delete {
  color: #DD0546;
}
.info-window .info-window-section {
  border-top: 1px solid #DBE4EB;
  padding: 10px;
}
.info-window .info-window-section .info-window-section-title {
  text-align: center;
  font-weight: bold;
  padding-bottom: 5px;
}
.info-window .info-window-section .section-informations {
  color: black;
  display: flex;
  flex-direction: column;
}
.info-window .info-window-section .section-informations .sec-info {
  display: flex;
  justify-content: center;
  justify-content: space-between;
}
.info-window #alarm-0 {
  display: none;
}
.info-window .info-4 {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
  border-top: 1px solid #DBE4EB;
}
.info-window .info-4 h3 {
  font-size: 12px;
  font-weight: 600;
  color: #0E2636;
  padding: 12px 0 12px 0;
}
.info-window .info-4 .see-more {
  font-size: 12px;
  color: #425360;
  margin-bottom: 12px;
}
.info-window .info-4 .no-alerts {
  display: none;
}
.info-window .info-4 .list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  max-height: 120px;
  overflow-y: scroll;
  padding-bottom: 8px;
}
.info-window .info-4 .list .alert-notification {
  display: flex;
  column-gap: 8px;
  padding-right: 8px;
}
.info-window .info-4 .list .alert-notification .priority-1 {
  min-width: 72px;
  height: fit-content;
  text-align: center;
  border-radius: 8px;
  padding: 4px 0;
  line-height: 24px;
  background-color: #FCE6EC;
  color: #DD0546;
  font-weight: 600;
}
.info-window .info-4 .list .alert-notification .priority-2 {
  min-width: 72px;
  height: fit-content;
  text-align: center;
  border-radius: 8px;
  padding: 4px 0;
  line-height: 24px;
  background-color: #FEF0E5;
  color: #F46A00;
  font-weight: 600;
}
.info-window .info-4 .list .alert-notification .priority-3 {
  min-width: 72px;
  height: fit-content;
  text-align: center;
  border-radius: 8px;
  padding: 4px 0;
  line-height: 24px;
  background-color: #E6EDF3;
  color: #004E85;
  font-weight: 600;
}
.info-window .info-4 .list .alert-notification .priority-null {
  display: none;
}
.info-window .info-4 .list .alert-notification .body {
  width: 100%;
}
.info-window .info-4 .list .alert-notification .body .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.info-window .info-4 .list .alert-notification .body .heading .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
}
.info-window .info-4 .list .alert-notification .body .heading .title.unread {
  color: #004E85;
}
.info-window .info-4 .list .alert-notification .body .heading .status {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
}
.info-window .info-4 .list .alert-notification .body .name {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  margin-bottom: 8px;
}
.info-window .info-4 .list .alert-notification .body .name.unread {
  color: #004E85;
}
.info-window .info-4 .list .alert-notification .body .event-type {
  font-size: 14px;
  font-weight: 600;
  color: #425360;
  line-height: 16px;
}
.info-window .info-4 .list .alert-notification .body .type {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
}
.info-window .info-4 .list .alert-notification .body .date {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
  line-height: 24px;
}
.info-window .info-4-no-alerts {
  display: flex;
  flex-direction: column;
  padding-left: 16px;
}
.info-window .info-4-no-alerts ul {
  display: none;
}
.info-window .info-4-no-alerts h3 {
  font-size: 12px;
  font-weight: 600;
  color: #425360;
  padding: 8px 0 10px 0;
}
.info-window .info-4-no-alerts .no-alerts {
  display: block;
  padding-bottom: 12px;
}
.buttons-control {
  display: flex;
  border-radius: 8px;
  margin-left: 145px !important;
  bottom: 20px !important;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  position: relative;
}
.trafficBtnNotSelected,
.riskZoneBtnNotSelected,
.coverageZoneBtnNotSelected {
  height: 30px;
  min-width: 90px !important;
  max-width: 90px !important;
  position: relative;
  background-color: white;
  display: inline-flex;
  margin-right: 3px;
  font-size: 12px;
  font-weight: normal;
}
#riskZoneDropdown {
  position: absolute;
  top: -100px;
  min-width: 90px !important;
  max-width: 90px !important;
  display: none;
  flex-direction: column;
  gap: 3px;
  transition: .2s;
}
.riskDropDownElement {
  height: 30px;
  min-width: 90px !important;
  max-width: 90px !important;
  position: relative;
  background-color: white;
  display: inline-flex;
  margin-right: 3px;
  font-size: 12px;
  font-weight: normal;
}
.trafficBtnSelected,
.riskZoneBtnSelected,
.coverageZoneBtnSelected {
  height: 30px;
  min-width: 90px !important;
  max-width: 90px !important;
  position: relative;
  background-color: #c7def3 !important;
  display: inline-flex;
  margin-right: 3px;
  font-size: 12px;
  font-weight: normal;
}
.satellite-control {
  display: flex;
  border-radius: 8px;
  margin-left: 15px !important;
  bottom: 20px !important;
  justify-content: center;
  flex-direction: row;
  align-items: center;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
}
.mapBtnNotSelected,
.satelliteBtnNotSelected {
  height: 30px;
  min-width: 50px;
  align-items: center;
  border: none;
  position: relative;
  background-color: white;
  display: inline-flex;
  font-size: 12px;
  font-weight: normal;
}
.btnSelected {
  background-color: #E6EDF3 !important;
}
.satelliteBtnNotSelected {
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
  margin-left: -1px;
  max-width: 60px;
}
.mapBtnNotSelected {
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
  margin-right: -1px;
  max-width: 20px;
}
#toolboxOpen,
.toolbox-control {
  background-color: #E6EDF3;
  border-radius: 8px;
  margin-right: 15px;
  margin-top: 15px;
  width: 40px;
  height: 40px;
  border: none !important;
}
.toolboxClose {
  background-color: white;
  border-radius: 8px;
}
.toolboxButtons {
  background-color: #E6EDF3;
  display: flex;
  padding: 5px 7px;
  box-shadow: none !important;
  width: 40px;
  height: 40px;
  border: none !important;
}
.toolboxCloseBtn {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #E6EDF3;
  border: none !important;
  width: 40px;
  height: 40px;
}
.toolboxOpenBtn {
  background-color: white !important;
  border-radius: 8px;
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
}
.toolboxBtnNotSelected {
  background-color: white;
  width: 40px;
  height: 40px;
  border: none;
}
.toolboxBtnSelected,
.toolboxBtnActive:active {
  background-color: #E6EDF3;
  width: 40px;
  height: 40px;
  border: none;
}
#info {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 7px;
}
#infoImg,
#routingImg,
#centerImg,
#autoAdjImg,
#clusterImg,
#toolsImg {
  padding: 4px;
}
#toolsImg {
  background-color: white;
  border-radius: 8px;
}
#closeImg {
  padding: 7px;
}
.controls.zoom-control {
  bottom: 100px !important;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
}
.controls.zoom-control,
.controls.zoom-control-bottom {
  margin-left: 15px;
}
.controls.zoom-control button,
.controls.zoom-control-bottom button {
  height: 30px;
  width: 30px;
  display: block;
  padding: 5px;
}
.controls.zoom-control button.first,
.controls.zoom-control-bottom button.first {
  border-radius: 8px 8px 0px 0px;
}
.controls.zoom-control button.second,
.controls.zoom-control-bottom button.second {
  border-radius: 0px 0px 8px 8px;
}
.controls.fullscreen-control {
  bottom: 100px;
  margin-right: 10px;
  margin-top: 20px;
}
.controls.fullscreen-control button {
  height: 40px;
  width: 40px;
  display: block;
  padding: 5px;
  border-radius: 5px 5px 0px 0px;
}
.move-control {
  top: 60px !important;
  margin-right: 10px;
}
.move-control button {
  height: 40px;
  width: 40px;
  display: block;
  padding: 5px;
  border: none !important;
  border-radius: 0px 0px 5px 5px;
}
.move-control button.moveBtnNotSelected {
  background-color: white;
}
.move-control button.moveBtnSelected {
  background-color: #E6EDF3 !important;
}
.search-control {
  margin-left: 15px;
  margin-top: 15px;
}
.button-streetView {
  bottom: 62px;
  margin-top: 5px;
}
.button-streetView button {
  height: 30px;
  width: 30px;
  background-color: white;
  display: block;
  margin-left: 15px;
  border: none;
  border-radius: 5px;
}
.legend-div {
  display: block;
  height: fit-content;
  width: 180px;
  position: absolute;
  background-color: white;
  border-radius: 8px;
  padding: 15px;
  margin-left: -140px;
  color: #0E2636;
}
.legend-div .legend-text-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}
.legend-div .legend-element {
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  line-height: 2.3;
}
.legend-div .legend-poi-element {
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  line-height: 1.9;
}
.legend-div .legend-img {
  padding-right: 12px;
}
.legend-div .element-div {
  margin-top: 15px;
  margin-bottom: -8px;
}
.vehicle-iconography {
  background-color: white;
  border-radius: 8px;
  color: #0E2636;
  display: block;
  padding: 15px;
  margin-left: -225px;
  height: fit-content;
  position: absolute;
  min-width: 265px;
}
.vehicle-iconography .vehicle-iconography-content {
  display: flex;
  margin-top: 15px;
  justify-content: space-between;
}
.vehicle-iconography .legend-text-title {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
}
.vehicle-iconography .legend-element {
  font-size: 14px;
  font-weight: 500;
  display: inline-flex;
  line-height: 2.3;
}
.vehicle-iconography .legend-img {
  padding-right: 12px;
}
.vehicle-iconography .element-div {
  margin-top: 5px;
  margin-bottom: -8px;
}
.closeImgLegend {
  float: right;
  cursor: pointer;
}
.gm-svpc {
  position: absolute;
  margin-bottom: 65px !important;
  margin-left: 5px !important;
  height: 30px !important;
  width: 30px !important;
  border-radius: 5px !important;
  padding: 5px !important;
}
.gm-svpc div img {
  height: 22px !important;
  width: 22px !important;
}
.gm-bundled-control {
  margin-bottom: 25px !important;
}
.modal-container {
  display: flex;
  flex-direction: column;
  border-radius: 8px !important;
  height: auto;
  font-family: 'Roboto' !important;
  padding: 5px 5px 0px 10px;
  color: #0E2636;
}
.modal-container .modal-title,
.modal-container .modal-title-secondary {
  align-items: center;
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-family: 'Roboto' !important;
  color: #0E2636;
}
.modal-container .modal-title-secondary {
  font-size: 16px !important;
  font-weight: medium !important;
}
.modal-container .modal-title {
  font-size: 20px !important;
  font-weight: medium !important;
}
.modal-container .modal-header {
  background: none;
  text-align: left;
  padding: 0;
}
.modal-container .modal-body {
  flex-grow: 1;
  padding: 16px 0;
  font-size: 14px;
  font-weight: 500;
  font-family: 'Roboto';
  color: #0E2636;
}
.modal-container .modal-label {
  cursor: pointer !important;
}
.modal-container .modal-label .hidden {
  display: none;
}
.modal-container .modal-button-container {
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
  display: inline-flex !important;
  justify-content: flex-end !important;
}
.modal-container .modal-button-container .button {
  font-size: 16px;
  font-weight: 500;
}
.modal-container .modal-icon-upload {
  width: 40px;
  height: 40px;
  margin-bottom: 25px;
  margin-left: 40%;
}
.modal-container .modal-import-container {
  box-sizing: border-box;
  width: 100%;
  height: 200px;
  border: dashed 2px #99B8CE;
  border-radius: 8px;
  margin-bottom: 30px;
  margin-top: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.modal-container .modal-import-container p span {
  font-weight: bold;
  color: #004E85;
}
.modal-container .error-elements-list {
  margin: 24px 0 0;
  list-style-type: disc !important;
  max-height: 300px;
  overflow: auto;
}
.modal-container .error-elements-list p {
  margin-bottom: 4px;
  color: #DD0546;
  font-size: 16px;
}
.modal-container .error-elements-list li {
  margin: 4px 0 0 18px;
}
.modal-container .progress-bar-wrapper {
  height: 6px;
  background-color: #99B8CE;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
  margin-top: 10px;
  margin-bottom: 5px;
}
.modal-container .progress-bar-wrapper #progress-bar {
  width: 100%;
  height: 100%;
  background-color: #004E85;
  animation: progressAnim 1s infinite linear;
  transform-origin: 0% 50%;
}
.modal-container .progress-bar-wrapper #progress-bar.success {
  animation: none;
  background-color: #19880F;
}
.modal-container .progress-bar-wrapper #progress-bar.error {
  animation: none;
  background-color: #DD0546;
}
.modal-container .modal-files-container {
  display: flex;
  flex-direction: column;
  row-gap: 15px;
  margin: 10px 0 15px;
  max-height: 200px;
  overflow: auto;
}
.modal-container .modal-file-wrapper {
  border: solid 1px #99B8CE;
  border-radius: 8px;
  padding: 15px 25px 10px 25px;
}
.modal-container .modal-file-wrapper.groups {
  margin-top: 10px;
  margin-bottom: 15px;
}
.modal-container .modal-file-wrapper .file-data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0px;
}
.modal-container .modal-file-wrapper .file-data p {
  margin-bottom: 5px;
}
.modal-container .modal-file-wrapper .file-data div p:first-of-type {
  font-size: 14px;
  font-weight: normal;
}
.modal-container .modal-file-wrapper .file-data div p:last-of-type {
  font-size: 13px;
  font-weight: normal;
  color: #687680;
}
.modal-container .modal-file-wrapper .file-data img {
  width: 16px;
  height: 18px;
  cursor: pointer;
}
.modal-container .modal-status-container {
  font-size: 16px;
}
.modal-container .modal-status-container p {
  color: #0E2636;
}
.modal-container #successMsg,
.modal-container #errorMsg {
  font-weight: 600;
  display: none;
}
.modal-container #successMsg {
  color: #19880F;
}
.modal-container #errorMsg {
  color: #DD0546;
}
.modal-container .modal-section {
  margin: 12px 0;
}
.modal-container .modal-section .modal-section-title {
  margin: 20px 0 10px 0;
  font-weight: 700 !important;
  font-size: 14px;
}
.modal-container .colorBtn {
  color: #004E85;
}
.modal-container .colorCancelBtn {
  color: #687680;
}
.modal-container .colorBtn[disabled] {
  color: #687680;
}
.modal-container .modal-list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  max-height: 500px;
  overflow: auto;
  padding: 2px;
}
.modal-container .modal-list li label {
  font-size: 16px;
  font-weight: 400;
  color: #0E2636;
}
.modal-container .accept-modal-footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 24px;
  padding-top: 24px;
}
.modal-container .accept-modal-footer .exit-btn {
  background-color: white;
  border: none;
  outline: none;
  font-weight: 400 !important;
}
.modal-container .accept-modal-footer .continue-btn {
  background-color: white;
  border: none;
  outline: none;
  font-weight: 400 !important;
  color: #004E85;
}
.modal-dialog {
  padding-top: 10% !important;
}
.modal-calendar {
  border: 1px solid #99B8CE;
  border-radius: 8px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  cursor: pointer;
}
.modal-calendar label {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
  cursor: pointer;
}
.modal-calendar img {
  margin: 0 auto 0 24px;
}
.modal-calendar input {
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.modal-rating {
  display: flex;
  gap: 32px;
  padding-top: 20px;
}
.modal-rating img {
  width: 25px;
  height: 25px;
  cursor: pointer;
}
.modal-rating .no-rating {
  opacity: 20%;
}
.form-dropdown {
  visibility: hidden;
  position: absolute;
  list-style-type: none;
  animation: expand-dropdown 0.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
  border: 1px solid #004E85;
  border-top: none;
  border-radius: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 0;
  z-index: 5;
  background-color: #FFFFFF;
  width: 100%;
}
.form-dropdown .select-component-options {
  width: 100%;
}
.form-dropdown li {
  font-size: 12px;
  font-weight: 500;
  padding: 0 16px;
  color: #425360;
  height: 54px;
  line-height: 54px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.form-with-dropdown:focus-within ~ .form-dropdown {
  visibility: visible;
}
.select-dropdown ul {
  visibility: visible;
  box-shadow: none;
  margin-top: 0;
}
.select-dropdown ul li {
  display: flex;
  justify-content: space-between;
}
.select-component-dropdown .select-component-arrow {
  width: 12px;
  height: 8px;
  position: absolute;
  pointer-events: none;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
  transition: linear 200ms;
}
.select-component-dropdown .input-field {
  color: #004E85;
}
.select-component-dropdown.open .input-field:focus {
  border-color: #004E85;
  border-radius: 4px 4px 0px 0px;
}
.select-component-dropdown.open .input-field:focus ~ .select-component-arrow {
  transform: rotate(180deg) translateY(50%);
}
.select-component-dropdown.open .dropdown-menu {
  max-height: 260px;
  overflow-y: scroll;
  padding-bottom: 8px;
  width: 100%;
}
.select-component-dropdown.open .dropdown-menu .select-component-row {
  position: relative;
  width: 100%;
}
.select-component-dropdown.open .dropdown-menu .select-component-text-option {
  padding: 16px 8px;
}
.form-dropdown li {
  font-size: 12px;
  font-weight: 500;
  padding: 0 16px;
  color: #425360;
  height: 54px;
  line-height: 54px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.time-select-form-with-dropdown {
  width: 160px;
}
.time-select-form-with-dropdown:focus-within ~ .form-dropdown {
  visibility: visible;
}
.time-select-dropdown ul {
  visibility: visible;
  box-shadow: none;
  margin-top: 0;
}
.time-select-dropdown ul li {
  display: flex;
  justify-content: space-between;
}
.time-select-component-dropdown {
  width: 154px;
  height: 54px;
}
.time-select-component-dropdown .time-select-component-arrows {
  width: 12px;
  height: max-content;
  position: absolute;
  top: 25%;
  right: 14px;
  transition: linear 200ms;
  z-index: 999;
}
.time-select-component-dropdown .time-select-component-arrows .time-select-component-arrow-up,
.time-select-component-dropdown .time-select-component-arrows .time-select-component-arrow-down {
  cursor: pointer;
}
.time-select-component-dropdown .time-select-component-arrows .time-select-component-arrow-up {
  transform: rotate(180deg) translateY(50%);
}
.time-select-component-dropdown .input-field {
  color: #004E85;
  cursor: pointer;
}
.time-select-component-dropdown.open .input-field:focus {
  border-color: #004E85;
  border-radius: 4px 4px 0px 0px;
}
.time-select-component-dropdown.open .dropdown-menu {
  max-height: 260px;
  overflow-y: scroll;
  padding-bottom: 8px;
  width: 154px;
  z-index: 999999;
}
.time-select-component-dropdown.open .dropdown-menu li {
  transition: background .2s;
}
.time-select-component-dropdown.open .dropdown-menu li:hover {
  background-color: #99B8CE;
}
.time-select-component-dropdown.open .dropdown-menu .time-select-component-row {
  position: relative;
  width: 154px;
}
.time-select-component-dropdown.open .dropdown-menu .time-select-component-text-option {
  padding: 16px 8px;
}
.time-select-component-dropdown ::-webkit-scrollbar {
  display: none;
}
.table {
  border-collapse: separate;
  margin-bottom: 0;
}
.table.list-page-table {
  margin-top: 8px;
}
.table.table-with-menu th:last-of-type {
  width: 60px;
}
.table.table-with-checkbox th:first-of-type {
  width: 60px;
}
.table.table-with-checkbox td .table-icon {
  margin-right: 16px;
  position: relative;
  top: 6px;
}
.table.table-with-first-two-small-columns th:first-of-type,
.table.table-with-first-two-small-columns th:nth-of-type(2) {
  width: 60px;
}
.table thead th {
  font-size: 14px;
  font-weight: 600;
  background-color: #F5F8FA;
  color: #0E2636;
  padding: 18px !important;
  border-top: 1px solid #99B8CE !important;
  border-bottom: 1px solid #99B8CE !important;
}
.table thead th:first-child {
  border-left: 1px solid #99B8CE !important;
  border-top-left-radius: 8px;
}
.table thead th:last-child {
  border-right: 1px solid #99B8CE !important;
  border-top-right-radius: 8px;
}
.table thead th.sortable {
  cursor: pointer;
}
.table thead th.sortable .sort-indicator {
  align-items: center;
  column-gap: 15px;
  display: flex;
  position: relative;
}
.table thead th.sortable .sort-indicator:after {
  content: url('../../images/new-icons/table/arrow_up_icon.svg');
  display: none;
  height: 20px;
  position: absolute;
  right: 0px;
  width: 14px;
}
.table thead th.sortable .sort-indicator:hover:after {
  display: inline-block;
}
.table thead th.sortable.sort-desc .sort-indicator:after,
.table thead th.sortable.sort-desc .sort-indicator:hover:after {
  display: block;
}
.table thead th.sortable.sort-asc .sort-indicator:after,
.table thead th.sortable.sort-asc .sort-indicator:hover:after {
  display: block;
  transform: rotate(180deg);
}
.table tbody tr {
  font-size: 14px;
  font-weight: 500;
  background-color: #FFFFFF;
  color: #425360;
  transition: background 0.2s;
}
.table tbody tr:hover {
  background-color: #E6EDF3;
}
.table tbody td {
  padding: 18px !important;
  border: none !important;
  vertical-align: middle !important;
  word-break: break-word;
}
.table tbody td:first-child {
  border-left: 1px solid #99B8CE !important;
}
.table tbody td:last-child {
  border-right: 1px solid #99B8CE !important;
}
.table tbody td div.status-cell {
  border-radius: 8px;
  width: max-content;
  padding: 10px 8px;
  text-align: center;
  font-weight: 400;
}
.table tbody td div.status-cell.active,
.table tbody td div.status-cell.programmed {
  background-color: #EDF6EC;
  color: #19880F;
}
.table tbody td div.status-cell.inactive,
.table tbody td div.status-cell.not_programmed {
  background-color: #FCE6EC;
  color: #DD0546;
}
.table tbody td div.priority-cell {
  border-radius: 8px;
  width: 72px;
  padding: 6px 0;
  text-align: center;
}
.table tbody td div.priority-cell.noCell {
  background-color: white;
  border-radius: none;
}
.table tbody td div.priority-cell.low {
  background-color: #E6EDF3;
  color: #004E85;
}
.table tbody td div.priority-cell.medium {
  background-color: #FEF0E5;
  color: #F46A00;
}
.table tbody td div.priority-cell.high {
  background-color: #FCE6EC;
  color: #DD0546;
}
.table tbody td div.address-cell p:first-of-type {
  font-size: 14px;
  font-weight: 700;
  color: #425360;
}
.table tbody td div.address-cell p:last-of-type {
  font-size: 12px;
  font-weight: 500;
  color: #687680;
}
.table tbody td div.copy-cell {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.table tbody td div.copy-cell img {
  cursor: pointer;
  visibility: hidden;
}
.table tbody td div.copy-cell:hover img {
  visibility: visible;
}
.table tbody td div.cell-with-icon {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.table tbody td div.cell-with-icon img {
  width: 20px;
  height: 20px;
}
.table tbody td div.risk-level-cell {
  border-radius: 8px;
  width: 90px;
  padding: 10px 8px;
  text-align: center;
  font-weight: 400;
}
.table tbody td div.risk-level-cell.level-5 {
  background-color: #FCE6EC;
  color: #DD0546;
}
.table tbody td div.risk-level-cell.level-4 {
  background-color: #FEF0E5;
  color: #F46A00;
}
.table tbody td div.risk-level-cell.level-3 {
  background-color: #FEF7EB;
  color: #F2B334;
}
.table tbody td div.risk-level-cell.level-2 {
  background-color: #EDF6EC;
  color: #47A03F;
}
.table tbody td div.risk-level-cell.level-1 {
  background-color: #EDF6EC;
  color: #146D0C;
}
.table tbody td div.severity-cell {
  border-radius: 8px;
  width: 90px;
  padding: 10px 8px;
  text-align: center;
  font-weight: 400;
}
.table tbody td div.severity-cell.level-3 {
  background-color: #FCE6EC;
  color: #DD0546;
}
.table tbody td div.severity-cell.level-2 {
  background-color: #FEF0E5;
  color: #F46A00;
}
.table tbody td div.severity-cell.level-1 {
  background-color: #EDF6EC;
  color: #146D0C;
}
.table tbody td div.table-dropdown > div {
  display: flex;
}
.table tbody td div.table-dropdown > div img {
  width: 18px;
  height: 18px;
  transition: all .3s;
}
.table tbody td div.table-dropdown.open > div img {
  transform: rotate(90deg);
}
.table tbody td div.table-dropdown ul {
  top: -120px;
  left: -240px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 230px;
}
.table tbody td div.table-dropdown ul li {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  color: #004E85;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
.table tbody td div.table-dropdown ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  padding: 0;
  transition: background 0.2s;
  z-index: 1;
}
.table tbody td div.table-dropdown ul li:hover:not(.disabled),
.table tbody td div.table-dropdown ul li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
.table tbody td div.table-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.table tbody td div.table-dropdown ul li.disabled {
  color: #A8B0B5;
}
.table tbody td div.table-dropdown ul li.disabled:hover {
  cursor: not-allowed;
}
.table tbody td div.table-dropdown ul li.disabled:hover .table-tooltip {
  display: block;
}
.table tbody td div.table-dropdown ul li.delete {
  color: #DD0546;
}
.table tbody td div.table-dropdown .table-tooltip {
  font-size: 12px;
  font-weight: 500;
  display: none;
  width: 180px;
  top: 50%;
  right: 100%;
  transform: translate(0, -50%);
  padding: 8px 10px;
  color: #004E85;
  background-color: #FFFFFF;
  border-radius: 8px;
  position: absolute;
  z-index: 5;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
}
.table tbody td div.table-dropdown .table-tooltip i {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -12px;
  width: 12px;
  height: 24px;
  overflow: hidden;
}
.table tbody td div.table-dropdown .table-tooltip i::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
}
.table tbody td div.single-dropdown > div {
  display: flex;
}
.table tbody td div.single-dropdown > div img {
  width: 18px;
  height: 18px;
  transition: all .3s;
}
.table tbody td div.single-dropdown.open > div img {
  transform: rotate(90deg);
}
.table tbody td div.single-dropdown ul {
  top: -20px;
  left: -240px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 230px;
}
.table tbody td div.single-dropdown ul li {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  color: #004E85;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
.table tbody td div.single-dropdown ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  padding: 0;
  transition: background 0.2s;
  z-index: 1;
}
.table tbody td div.single-dropdown ul li:hover:not(.disabled),
.table tbody td div.single-dropdown ul li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
.table tbody td div.single-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.table tbody td div.single-dropdown ul li.disabled {
  color: #A8B0B5;
}
.table tbody td div.single-dropdown ul li.disabled:hover .table-tooltip {
  display: block;
}
.table tbody td div.single-dropdown ul li.delete {
  color: #DD0546;
}
.table tbody td div.single-dropdown .table-tooltip {
  font-size: 12px;
  font-weight: 500;
  display: none;
  width: 180px;
  top: 50%;
  right: 100%;
  transform: translate(0, -50%);
  padding: 8px 10px;
  color: #004E85;
  background-color: #FFFFFF;
  border-radius: 8px;
  position: absolute;
  z-index: 5;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
}
.table tbody td div.single-dropdown .table-tooltip i {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -12px;
  width: 12px;
  height: 24px;
  overflow: hidden;
}
.table tbody td div.single-dropdown .table-tooltip i::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
}
.table tbody td div.no-elements p {
  text-align: center;
  color: #425360;
}
.table tbody td div.no-elements p:first-of-type {
  font-size: 28px;
  font-weight: 700;
}
.table tbody td div.no-elements p:last-of-type {
  font-size: 16px;
  font-weight: 600;
}
.table tbody td .cell-overflow {
  max-height: 60px;
  overflow-y: hidden;
}
.table tbody td .modal-pop-up-cell {
  cursor: pointer;
}
.table .sub-table-title-container {
  margin-bottom: 15px;
}
.table .sub-table-title,
.table .sub-table-title-after-first {
  color: #0E2636;
}
.table .sub-table-title {
  margin-bottom: 16px;
}
.table .sub-table-title-after-first {
  margin: 16px 0px;
}
.table .sub-table {
  width: 100%;
}
.table .sub-table th {
  width: 100px;
}
.table .sub-table td.bolder-cell {
  font-weight: bolder;
  color: black;
}
.table .cell-icon {
  width: 60px !important;
}
.table-bottom {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #99B8CE;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 5px;
}
.ng-table-pager {
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: -1px 0 10px;
  padding: 16px;
  border: 1px solid #99B8CE;
  border-top: none;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  height: 73px;
}
.ng-table-pager .ng-table-counts button {
  font-size: 14px;
  font-weight: 500;
  background-color: #FFFFFF;
  color: #004E85;
  border: 1px solid #99B8CE;
  outline: 0 !important;
  margin: 0 !important;
  padding: 0;
  width: 40px;
  height: 40px;
}
.ng-table-pager .ng-table-counts button.active {
  background-color: #004E85;
  color: #FFFFFF;
  border-color: #004E85;
  font-weight: 700;
}
.ng-table-pager .ng-table-pagination li a {
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #FFFFFF;
  color: #004E85;
  border: 1px solid #99B8CE;
  width: 40px;
  height: 40px;
  padding: 0;
}
.ng-table-pager .ng-table-pagination li.active a {
  background-color: #004E85;
  color: #FFFFFF;
  border-color: #004E85;
  font-weight: 700;
}
.ng-table-pager .ng-table-pagination li:first-child a {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ng-table-pager .ng-table-pagination li:first-child a span {
  font-size: 21px;
}
.ng-table-pager .ng-table-pagination li:last-child a {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.ng-table-pager .ng-table-pagination li:last-child a span {
  font-size: 21px;
}
.table-title {
  color: #0E2636;
  margin: 16px 0px;
  font-weight: 600;
}
.wizardContainer {
  align-items: center;
  background-color: #E1E1E1;
  display: flex;
  height: 144px !important;
  justify-content: center;
  width: 100%;
}
.wizardContainer .step-wrapper {
  align-items: center;
  display: flex;
  gap: 60px;
}
.wizardContainer .step-box {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 16px;
  width: 120px;
  white-space: nowrap;
}
.wizardContainer .stepLayout {
  font-size: 12px;
  font-weight: 600;
  align-items: center;
  border-radius: 24px;
  color: #FFFFFF;
  cursor: pointer;
  display: flex;
  height: 24px;
  justify-content: center;
  width: 24px;
  z-index: 2;
}
.wizardContainer .stepBackground {
  position: relative;
}
.wizardContainer .stepBackground::before {
  background-color: #6695B6;
  content: "";
  height: 1px;
  left: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 160px;
  z-index: 1;
  pointer-events: none;
}
.wizardContainer .stepCurrent {
  background-color: #004E85 !important;
}
.wizardContainer .stepCompleted {
  background-color: #19880F !important;
  border: 1px solid #FFFFFF;
}
.wizardContainer .stepBlocked {
  background-color: #6695B6;
  color: #FFFFFF;
  cursor: not-allowed;
}
.wizardContainer .stepBlocked:hover ~ .stepBlockedTooltip {
  display: block;
}
.wizardContainer .stepInactive {
  background-color: #6695B6;
  color: #FFFFFF;
}
.wizardContainer .step-title-box {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #0E2636;
}
.wizardContainer .stepBlockedTooltip {
  display: none;
  width: 180px;
  top: 40px;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 8px 10px;
  color: #333333;
  background-color: #FFFFFF;
  font-size: 12px;
  font-weight: normal;
  border-radius: 8px;
  position: absolute;
  z-index: 10;
  box-sizing: border-box;
  box-shadow: 0 1px 8px #00000014;
}
.wizardContainer .stepBlockedTooltip p {
  margin: 0;
}
.wizardContainer .stepBlockedTooltip i {
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -12px;
  width: 24px;
  height: 12px;
  overflow: hidden;
}
.wizardContainer .stepBlockedTooltip i::after {
  content: '';
  position: absolute;
  width: 12px;
  height: 12px;
  left: 50%;
  transform: translate(-50%, 50%) rotate(45deg);
  background-color: #FFFFFF;
  box-shadow: 0 1px 8px #00000014;
}
.carousel-container {
  border: 1px solid #B3CADB;
  height: max-content;
  width: 100%;
  padding: 16px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.carousel-container .carousel-and-buttons {
  display: flex;
  justify-content: center;
}
.carousel-container .carousel-and-buttons .carousel-button {
  border: none;
  background-color: transparent;
}
.carousel-container .carousel-and-buttons .carousel-button .carousel-prev-button-icon {
  transform: rotate(-90deg);
}
.carousel-container .carousel-and-buttons .carousel-button .carousel-next-button-icon {
  transform: rotate(90deg);
}
.carousel-container .carousel-and-buttons .carousel {
  column-gap: 16px;
  display: flex;
  height: 100px;
  max-width: 100%;
  overflow-x: auto;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  width: max-content;
}
.carousel-container .carousel-and-buttons .carousel::-webkit-scrollbar {
  display: none;
}
.carousel-container .carousel-and-buttons .carousel .carousel-image-container {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 100%;
  justify-content: center;
  scroll-snap-align: start;
  width: max-content;
}
.carousel-container .carousel-and-buttons .carousel .carousel-image {
  height: 100%;
}
.carousel-current-image-container {
  display: flex;
  justify-content: center;
}
.carousel-current-image-container .carousel-current-image {
  max-width: 100%;
  height: auto;
}
.radio-button-group-vertical {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 16px;
}
.radio-button-group-vertical label {
  align-items: center;
  column-gap: 10px;
  display: flex;
}
.radio-button-group-vertical input[type=radio] {
  margin: 0px;
}
.tab-selector-component-container {
  border-bottom: 1px solid #B3CADB;
  display: flex;
  height: max-content;
  width: 100%;
}
.tab-selector-component-container .tab-selector-component-tab {
  padding: 0px 80px 12px 80px;
  text-align: center;
  cursor: pointer;
}
.tab-selector-component-container .tab-selector-component-tab.active {
  border-bottom: 2px solid #004E85;
}
.tab-selector-component-container .tab-selector-component-tab.active h3 {
  color: #004E85;
}
.tab-selector-component-container .tab-selector-component-tab h3 {
  color: #0E2636;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}
.modal-assignment-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-assignment-top .modal-assignment-top-title {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #0E2636 !important;
}
.modal-assignment {
  font-family: 'Roboto';
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.modal-assignment .modal-assignment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.modal-assignment .modal-assignment-header .modal-assignment-title {
  font-size: 16px !important;
  font-weight: 600 !important;
  color: #0E2636 !important;
}
.modal-assignment .modal-assignment-header .modal-assignment-header-icon {
  transform: rotate(90deg);
  cursor: pointer;
}
.modal-assignment .modal-assignment-thead tr th {
  font-size: 12px;
  font-weight: 500;
  color: #687680;
}
.modal-assignment .modal-assignment-tbody {
  margin-top: 4px;
}
.modal-assignment .modal-assignment-tbody::before {
  content: '';
  display: block;
  height: 4px;
}
.modal-assignment .modal-assignment-tbody tr td {
  font-size: 14px;
  font-weight: 500;
  color: #0E2636;
}
.modal-assignment .modal-assignment-tbody .address-td {
  max-width: 300px;
}
.modal-assignment .modal-assignment-tbody .active {
  color: #47A03F !important;
  text-transform: capitalize;
}
.modal-assignment .modal-assignment-tbody .inactive {
  color: #DD0546 !important;
  text-transform: capitalize;
}
.modal-assignment:not(:last-child)::after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #687680;
}
.create-edit-details-page {
  width: 100%;
}
.create-edit-details-page .page-wrapper {
  display: flex;
  width: 100%;
  padding: 48px;
  justify-content: space-between;
}
.create-edit-details-page .page-wrapper .action-container {
  padding: 0 100px;
}
.create-edit-details-page .page-wrapper .action-container .buttons-container {
  margin-top: 40px;
  position: relative;
}
.create-edit-details-page .page-wrapper .action-container .buttons-container .button-with-tooltip-wrapper {
  position: relative;
}
.create-edit-details-page .page-wrapper .action-container .buttons-container .button-with-tooltip-wrapper .button-tooltip {
  font-size: 14px;
  font-weight: 500;
  visibility: hidden;
  list-style-type: disc;
  background-color: #FFFFFF;
  color: #687680;
  position: absolute;
  z-index: 1;
  bottom: 45px;
  left: -62px;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  padding: 8px;
  width: 220px;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.create-edit-details-page .page-wrapper .action-container .buttons-container .button-with-tooltip-wrapper .button-tooltip li {
  margin-left: 18px;
}
.create-edit-details-page .page-wrapper .action-container .buttons-container .button-with-tooltip-wrapper:hover .button-tooltip {
  visibility: visible;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .title {
  font-size: 20px;
  font-weight: 600;
  color: #0E2636;
  margin-bottom: 24px;
  text-transform: lowercase;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .title::first-letter {
  text-transform: uppercase;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .subtitle {
  font-size: 16px;
  font-weight: 600;
  color: #0E2636;
  margin-bottom: 24px;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .form {
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .form .input-row {
  display: flex;
  column-gap: 24px;
  align-items: flex-start;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .form .input-row .input {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .form .input-row .input > div {
  margin-top: auto;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .form .input-row .input input {
  width: 100%;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .form .input-group {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .form .input-group > .title {
  margin-bottom: 0;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .summary {
  color: #0E2636;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .summary h1 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .summary .details-group {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .summary .details-group h2 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: -8px;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .summary .details-group .details-row {
  display: flex;
  justify-content: flex-start;
  column-gap: 24px;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .summary .details-group .details-row .detail {
  width: 200px;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .summary .details-group .details-row .detail h3 {
  font-size: 12px;
  font-weight: 500;
  color: #687680;
  margin-bottom: 6px;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .summary .details-group .details-row .detail p {
  font-size: 14px;
  font-weight: 500;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .summary .details-group .details-row .detail.clickable {
  cursor: pointer;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .summary .buttons-container {
  margin-top: auto;
}
.create-edit-details-page .page-wrapper .action-container.create-edit .input-section-title {
  color: #0E2636;
  font-size: 14px;
  padding: 16px 0px;
}
.create-edit-details-page .page-wrapper .action-container.details {
  color: #0E2636;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.create-edit-details-page .page-wrapper .action-container.details h1 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.create-edit-details-page .page-wrapper .action-container.details .details-group {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.create-edit-details-page .page-wrapper .action-container.details .details-group h2 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: -8px;
}
.create-edit-details-page .page-wrapper .action-container.details .details-group .details-row {
  display: flex;
  justify-content: flex-start;
  column-gap: 24px;
}
.create-edit-details-page .page-wrapper .action-container.details .details-group .details-row .detail {
  width: 200px;
}
.create-edit-details-page .page-wrapper .action-container.details .details-group .details-row .detail h3 {
  font-size: 12px;
  font-weight: 500;
  color: #687680;
  margin-bottom: 6px;
}
.create-edit-details-page .page-wrapper .action-container.details .details-group .details-row .detail p {
  font-size: 14px;
  font-weight: 500;
}
.create-edit-details-page .page-wrapper .action-container.details .details-group .details-row .detail.clickable {
  cursor: pointer;
}
.create-edit-details-page .page-wrapper .action-container.details .buttons-container {
  margin-top: auto;
}
.create-edit-details-page .page-wrapper .map-container {
  width: 60%;
  padding-left: 24px;
  border-left: 1px solid #99B8CE;
  height: calc(100vh - 130px);
}
.create-edit-details-page .page-wrapper .map-container #route-map,
.create-edit-details-page .page-wrapper .map-container #poi-map,
.create-edit-details-page .page-wrapper .map-container .create-edit-details-map,
.create-edit-details-page .page-wrapper .map-container .list-map {
  min-height: 650px;
}
.create-edit-details-page .create-edit-details-summary {
  border-left: 1px solid #9EB7CB;
  display: flex;
  flex-direction: column;
  height: calc(100vh - 290px);
  padding-left: 24px;
  padding-right: 24px;
  row-gap: 28px;
  width: 334px;
}
.create-edit-details-page .create-edit-details-summary .create-edit-details-summary-title {
  color: #0E2636;
  font-size: 16px;
  font-weight: 500;
  margin-top: 8px;
}
.create-edit-details-page .create-edit-details-summary .create-edit-details-summary-value-container,
.create-edit-details-page .create-edit-details-summary .create-edit-details-summary-item {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.create-edit-details-page .create-edit-details-summary .create-edit-details-summary-item .create-edit-details-summary-key {
  color: #687680;
  font-size: 12px;
}
.create-edit-details-page .create-edit-details-summary .create-edit-details-summary-item .create-edit-details-summary-value-container .create-edit-details-summary-value {
  color: #425360;
  font-size: 14px;
}
.create-edit-details-page .create-edit-details-final-summary {
  display: flex;
  flex-direction: column;
  height: calc(-190vh);
  width: 100%;
  align-items: center;
}
.create-edit-details-page .create-edit-details-final-summary .create-edit-details-final-summary-title {
  color: #0E2636;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 50px;
}
.create-edit-details-page .create-edit-details-final-summary .create-edit-details-final-summary-icon {
  height: 83px;
  width: 83px;
  margin-bottom: 34px;
}
.create-edit-details-page .create-edit-details-final-summary .create-edit-details-final-summary-container {
  background-color: #E1E1E1;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  padding: 24px;
  width: 536px;
  row-gap: 16px;
  margin-bottom: 48px;
}
.create-edit-details-page .create-edit-details-final-summary .create-edit-details-final-summary-container .create-edit-details-final-summary-value-container,
.create-edit-details-page .create-edit-details-final-summary .create-edit-details-final-summary-container .create-edit-details-final-summary-item {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
}
.create-edit-details-page .create-edit-details-final-summary .create-edit-details-final-summary-container .create-edit-details-final-summary-item {
  flex: 50%;
}
.create-edit-details-page .create-edit-details-final-summary .create-edit-details-final-summary-container .create-edit-details-final-summary-item .create-edit-details-final-summary-key {
  color: #687680;
  font-size: 12px;
}
.create-edit-details-page .create-edit-details-final-summary .create-edit-details-final-summary-container .create-edit-details-final-summary-item .create-edit-details-final-summary-value-container .create-edit-details-final-summary-value {
  color: #425360;
  font-size: 14px;
}
.tracking-guide-details-page {
  width: 100%;
}
.tracking-guide-details-page .page-wrapper {
  display: flex;
  width: 100%;
  padding: 16px;
  padding-left: 32px;
  justify-content: space-between;
  column-gap: 16px;
}
.tracking-guide-details-page .page-wrapper .map-container {
  width: 60%;
  height: calc(100vh - 104px);
}
.tracking-guide-details-page .page-wrapper .action-container {
  padding: 24px;
  width: 40%;
  border: 1px solid #9EB7CB;
  border-radius: 8px;
}
.tracking-guide-details-page .page-wrapper .action-container .buttons-container {
  margin-top: 40px;
  position: relative;
}
.tracking-guide-details-page .page-wrapper .action-container .buttons-container .button-with-tooltip-wrapper {
  position: relative;
}
.tracking-guide-details-page .page-wrapper .action-container.details {
  color: #0E2636;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
.tracking-guide-details-page .page-wrapper .action-container.details h1 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
.tracking-guide-details-page .page-wrapper .action-container.details .details-group {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.tracking-guide-details-page .page-wrapper .action-container.details .details-group h2 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: -8px;
}
.tracking-guide-details-page .page-wrapper .action-container.details .details-group .details-row {
  display: flex;
  justify-content: flex-start;
  column-gap: 24px;
}
.tracking-guide-details-page .page-wrapper .action-container.details .details-group .details-row .detail {
  width: 200px;
}
.tracking-guide-details-page .page-wrapper .action-container.details .details-group .details-row .detail h3 {
  font-size: 12px;
  font-weight: 500;
  color: #687680;
  margin-bottom: 6px;
}
.tracking-guide-details-page .page-wrapper .action-container.details .details-group .details-row .detail p {
  font-size: 14px;
  font-weight: 500;
}
.tracking-guide-details-page .page-wrapper .action-container.details .details-group .details-row .detail.clickable {
  cursor: pointer;
}
.tracking-guide-details-page .page-wrapper .action-container.details .buttons-container {
  margin-top: auto;
}
.tracking-guide-details-page .page-wrapper .action-container.details .has-arrived-container {
  align-items: center;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  margin-top: 132px;
}
.tracking-guide-details-page .page-wrapper .action-container.details .has-arrived-container .success-icon {
  height: 84px;
  width: 84px;
}
#footer {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 24px;
  left: 0;
  bottom: 0;
  padding: 0 60px 0 16px;
  font-size: 10px;
  color: #0E2636;
  background-color: #FFFFFF;
  border-top: 1px solid #99B8CE;
  z-index: 3;
}
#footer a {
  color: #0E2636;
  margin-left: 16px;
}
#footer a:hover {
  text-decoration: underline;
}
#header {
  background-color: #004E85;
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  width: 100%;
  z-index: 5;
  padding: 0 24px;
}
#header #menu-and-logo {
  display: flex;
  align-items: center;
}
#header #menu-and-logo #menu-toggle {
  margin-right: 24px;
  width: 18px;
  height: 12px;
  cursor: pointer;
}
#header #menu-and-logo #logo {
  width: 165px;
  height: auto;
}
#header #menus-container {
  display: flex;
  column-gap: 16px;
}
#header #time-info-dropdown .dropdown-toggle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  transition: background .2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header #time-info-dropdown .dropdown-toggle:hover {
  background-color: #002F50;
}
#header #time-info-dropdown .dropdown-toggle img {
  width: 22px;
  height: 22px;
}
#header #time-info-dropdown .dropdown-menu {
  width: 200px;
  height: 144px;
  padding: 16px 24px;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  color: #0E2636;
  left: -162px;
}
#header #time-info-dropdown .dropdown-menu li:first-of-type {
  margin-bottom: 16px;
}
#header #time-info-dropdown .dropdown-menu li p {
  line-height: 24px;
}
#header #time-info-dropdown .dropdown-menu li p:first-of-type {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
}
#header #time-info-dropdown .dropdown-menu li p:last-of-type {
  font-size: 14px;
  font-weight: 500;
  color: #0E2636;
}
#header .alerts-notifications-dropdown .dropdown-toggle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  transition: background .2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header .alerts-notifications-dropdown .dropdown-toggle:hover {
  background-color: #002F50;
}
#header .alerts-notifications-dropdown .dropdown-toggle img {
  width: 22px;
  height: 22px;
}
#header .alerts-notifications-dropdown .dropdown-toggle .dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  position: absolute;
  top: 9px;
  left: 19px;
}
#header .alerts-notifications-dropdown .dropdown-toggle .dot.alerts {
  background-color: #DD0546;
}
#header .alerts-notifications-dropdown .dropdown-toggle .dot.notifications {
  background-color: #00809B;
}
#header .alerts-notifications-dropdown .dropdown-menu {
  width: 380px;
  max-height: 604px;
  padding: 16px 24px;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  color: #0E2636;
  left: -342px;
}
#header .alerts-notifications-dropdown .dropdown-menu > p {
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 4px;
}
#header .alerts-notifications-dropdown .dropdown-menu .tab-bar {
  display: flex;
  column-gap: 8px;
}
#header .alerts-notifications-dropdown .dropdown-menu .tab-bar li {
  font-size: 14px;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 8px;
  line-height: 24px;
  cursor: pointer;
}
#header .alerts-notifications-dropdown .dropdown-menu .tab-bar li:hover {
  background-color: #E6EDF3;
}
#header .alerts-notifications-dropdown .dropdown-menu .tab-bar li.active {
  color: #004E85;
  background-color: #E6EDF3;
}
#header .alerts-notifications-dropdown .dropdown-menu .list {
  margin-top: 28px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  max-height: 384px;
  overflow: auto;
  margin-right: -24px;
  padding-right: 24px;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification {
  display: flex;
  column-gap: 16px;
  cursor: pointer;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .priority {
  min-width: 72px;
  height: fit-content;
  text-align: center;
  border-radius: 8px;
  padding: 4px 0;
  line-height: 24px;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .priority.low {
  background-color: #E6EDF3;
  color: #004E85;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .priority.medium {
  background-color: #FEF0E5;
  color: #F46A00;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .priority.high {
  background-color: #FCE6EC;
  color: #DD0546;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body {
  width: 100%;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body .heading .title {
  font-size: 16px;
  font-weight: 700;
  line-height: 32px;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body .heading .title.unread {
  color: #004E85;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body .heading .status {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body .heading .dot {
  background-color: #004E85;
  width: 11px;
  height: 11px;
  border-radius: 50%;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body .name {
  text-transform: lowercase;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body .name::first-letter {
  text-transform: uppercase;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body .name.unread {
  color: #004E85;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body .event-type {
  font-size: 14px;
  font-weight: 600;
  color: #425360;
  line-height: 16px;
  margin-bottom: 8px;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body .alarm-id {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
}
#header .alerts-notifications-dropdown .dropdown-menu .list .alert-notification .body .date {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
}
#header .alerts-notifications-dropdown .dropdown-menu .see-more {
  font-size: 16px;
  font-weight: 500;
  margin: 16px -24px 0;
  padding: 16px 24px 0;
  border-top: 1px solid #9EB7CB;
  color: #004E85;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 32px;
}
#header #settings-dropdown .dropdown-toggle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  transition: background .2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header #settings-dropdown .dropdown-toggle:hover {
  background-color: #002F50;
}
#header #settings-dropdown .dropdown-toggle img {
  width: 22px;
  height: 22px;
}
#header #settings-dropdown .dropdown-menu {
  width: 230px;
  margin: 0px;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  left: -200px;
  padding: 0px;
}
#header #settings-dropdown .dropdown-menu #settings-tab {
  border-bottom: 1px solid #9EB7CB;
  background-color: transparent !important;
}
#header #settings-dropdown .dropdown-menu #settings-tab p {
  font-size: 20px;
  font-weight: 700;
  color: #0E2636;
  padding: 8px 16px;
}
#header #settings-dropdown .dropdown-menu li a {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
}
#header #settings-dropdown .dropdown-menu li:hover:not(.disabled),
#header #settings-dropdown .dropdown-menu li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
#header #settings-dropdown .dropdown-menu li:hover:not(.disabled):first-of-type,
#header #settings-dropdown .dropdown-menu li:hover:not(.disabled) a:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#header #settings-dropdown .dropdown-menu li p {
  line-height: 28px;
  padding: 5px 0;
}
#header #settings-dropdown .dropdown-menu li p:first-of-type {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
}
#header #settings-dropdown .dropdown-menu li p:last-of-type {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
}
#header #contact-info-dropdown .dropdown-toggle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  transition: background .2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
#header #contact-info-dropdown .dropdown-toggle:hover {
  background-color: #002F50;
}
#header #contact-info-dropdown .dropdown-toggle img {
  width: 22px;
  height: 22px;
}
#header #contact-info-dropdown .dropdown-menu {
  width: 175px;
  margin: 0px;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  left: -135px;
  padding: 0px;
}
#header #contact-info-dropdown .dropdown-menu li a {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
}
#header #contact-info-dropdown .dropdown-menu li:hover:not(.disabled),
#header #contact-info-dropdown .dropdown-menu li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
#header #contact-info-dropdown .dropdown-menu li:hover:not(.disabled):first-of-type,
#header #contact-info-dropdown .dropdown-menu li:hover:not(.disabled) a:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#header #contact-info-dropdown .dropdown-menu li p {
  line-height: 35px;
  margin: 0px;
}
#header #contact-info-dropdown .dropdown-menu li p:first-of-type {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
}
#header #contact-info-dropdown .dropdown-menu li p:last-of-type {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
}
#header #user-info-dropdown .dropdown-toggle {
  background-color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  color: #004E85;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  margin-left: 24px;
}
#header #user-info-dropdown .dropdown-menu {
  flex-direction: column;
  padding: 16px 0;
  padding-bottom: 0px;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  left: auto;
  right: 0;
  color: #0E2636;
  min-width: 230px;
}
#header #user-info-dropdown .dropdown-menu #name-initial {
  background-color: #004E85;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 22px;
  font-weight: 500;
  color: #FFFFFF;
  width: 40px;
  height: 40px;
  margin: 0 16px;
  border-radius: 50%;
}
#header #user-info-dropdown .dropdown-menu #full-name {
  font-size: 20px;
  font-weight: 600;
  text-transform: capitalize;
  margin: 30px 16px 0;
}
#header #user-info-dropdown .dropdown-menu #username {
  font-size: 14px;
  font-weight: 500;
  margin: 4px 16px 0;
}
#header #user-info-dropdown .dropdown-menu #user-role {
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  margin: 20px 16px 0;
}
#header #user-info-dropdown .dropdown-menu #profile-link {
  margin-top: 20px;
  border-top: 1px solid #9EB7CB;
}
#header #user-info-dropdown .dropdown-menu #profile-link a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  margin: 16px 16px;
  padding: 0;
}
#header #user-info-dropdown .dropdown-menu #profile-link:hover:not(.disabled),
#header #user-info-dropdown .dropdown-menu #profile-link:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
#header #user-info-dropdown .dropdown-menu #profile-link:hover:not(.disabled):first-of-type,
#header #user-info-dropdown .dropdown-menu #profile-link:hover:not(.disabled) a:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#header #user-info-dropdown .dropdown-menu #logout-link {
  margin-top: 20px;
  border-top: 1px solid #9EB7CB;
}
#header #user-info-dropdown .dropdown-menu #logout-link a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  margin: 16px 16px;
  margin-bottom: 15px;
  padding: 0;
}
#header #user-info-dropdown .dropdown-menu #logout-link:hover:not(.disabled),
#header #user-info-dropdown .dropdown-menu #logout-link:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
#header #user-info-dropdown .dropdown-menu #logout-link:hover:not(.disabled):first-of-type,
#header #user-info-dropdown .dropdown-menu #logout-link:hover:not(.disabled) a:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#header #user-info-dropdown .dropdown-menu #fleet-link a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  margin: 16px 16px;
  padding: 0;
}
#header #user-info-dropdown .dropdown-menu #fleet-link:hover:not(.disabled),
#header #user-info-dropdown .dropdown-menu #fleet-link:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
#header #user-info-dropdown .dropdown-menu #fleet-link:hover:not(.disabled):first-of-type,
#header #user-info-dropdown .dropdown-menu #fleet-link:hover:not(.disabled) a:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#header #user-info-dropdown .dropdown-menu #training-link {
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  color: #004E85;
  margin: 20px 16px 0;
  cursor: pointer;
}
#header #user-info-dropdown .dropdown-menu #training-link a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  margin: 16px 16px;
  padding: 0;
}
#header #user-info-dropdown .dropdown-menu .dropdown {
  position: relative;
  display: inline-block;
}
#header #user-info-dropdown .dropdown-menu .dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 180px;
  min-height: 70px;
  z-index: 1;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  color: #0E2636;
  left: -80px;
  top: 35px;
}
#header #user-info-dropdown .dropdown-menu .dropdown-content li {
  padding: 5px 20px;
  cursor: pointer;
}
#header #user-info-dropdown .dropdown-menu .dropdown-content li a {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
  justify-content: center;
  align-items: center;
}
#header #user-info-dropdown .dropdown-menu .dropdown-content li:hover:not(.disabled),
#header #user-info-dropdown .dropdown-menu .dropdown-content li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
#header #user-info-dropdown .dropdown-menu .dropdown-content li:hover:not(.disabled):first-of-type,
#header #user-info-dropdown .dropdown-menu .dropdown-content li:hover:not(.disabled) a:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#header #user-info-dropdown .dropdown-menu .dropdown-content li p {
  line-height: 35px;
  margin: 0px;
}
#header #user-info-dropdown .dropdown-menu .dropdown-content li p:first-of-type {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
}
#header #user-info-dropdown .dropdown-menu .dropdown-content li p:last-of-type {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
}
#header #user-info-dropdown .dropdown-menu .dropdown:hover .dropdown-content {
  display: block;
}
#header #user-info-dropdown.open .dropdown-menu {
  display: flex;
}
#header #cancel-container {
  display: none;
  align-items: center;
  margin-right: 24px;
  cursor: pointer;
}
#header #cancel-container img {
  width: 14px;
  height: 14px;
}
#header #cancel-container span {
  font-size: 14px;
  font-weight: 500;
  color: #FFFFFF;
  margin-left: 14px;
}
#header.create-edit-details-page #menu-toggle,
#header.create-edit-details-page #menus-container,
#header.create-edit-details-page #user-info-dropdown {
  display: none;
}
#header.create-edit-details-page #cancel-container {
  display: flex;
}
#header.new-edit-page #menu-toggle,
#header.new-edit-page #menus-container,
#header.new-edit-page #user-info-dropdown {
  display: none;
}
@media screen and (max-width: 768px) {
  #menu-toggle {
    display: none;
  }
}
.container-list {
  padding-top: 50px;
  width: 100%;
  height: 100vh;
  font-family: "Roboto";
  color: #0E2636;
  margin-left: 15px;
}
.container-list-map {
  width: 100%;
  height: 50%;
}
.container-list-map .button-arrow-map {
  display: none;
}
.list-page-map {
  display: flex;
  min-height: 200px;
  height: 100%;
  border-radius: 0px;
}
.container-list-table {
  width: 100%;
  overflow-y: scroll;
  padding: 8px 16px 100px;
}
.container-list-table.with-map {
  max-height: 50%;
}
.container-list-map-closed {
  display: none;
  width: 0%;
  height: 0%;
}
.container-list-table-closed {
  display: none;
  width: 0%;
  height: 0%;
}
.container-list-map-full {
  height: calc(100vh - 70px);
  overflow: visible;
  position: absolute;
}
.container-list-table-full {
  width: 100%;
  min-height: 100%;
  padding: 25px;
}
.container-list-actions {
  width: 100%;
  margin-top: 25px;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.container-list-actions > div:first-of-type {
  display: flex;
}
.container-list-actions .form-group {
  width: 230px;
  margin-right: 10px;
}
.container-list-actions .align-right-content-list {
  float: right;
  display: flex;
}
.flex-items-align {
  display: inline-block;
}
.button-small {
  min-width: 30px;
}
.button-arrow-map {
  display: block;
  float: right;
  margin-top: -60px;
  margin-right: 20px;
  position: relative;
}
.new-edit-page {
  width: 100%;
  padding: 24px 16px 24px 31px;
}
.new-edit-page .edit-header {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  color: #0E2636;
}
.new-edit-page .edit-header .back-btn {
  cursor: pointer;
  margin-right: 18px;
  width: 18px;
  height: 18px;
}
.new-edit-page .form {
  display: flex;
  column-gap: 24px;
  width: 100%;
}
.new-edit-page .form .column {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 50%;
}
.new-edit-page .form .column .input {
  border: 1px solid #99B8CE;
  border-radius: 8px;
}
.new-edit-page .form .column .input > p {
  font-size: 14px;
  font-weight: 600;
  color: #0E2636;
  background-color: #F5F8FA;
  border-bottom: 1px solid #B3CADB;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 16px;
  margin-bottom: 5px;
}
.new-edit-page .form .column .input .info {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  min-height: 40px;
}
.new-edit-page .form .column .input .info > p {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
}
.new-edit-page .form .column .input .info:last-of-type {
  padding-bottom: 5px;
}
.new-edit-page .form .column .input .info .actions {
  display: flex;
  column-gap: 8px;
}
.new-edit-page .form .column .input .info .actions .icon {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: background .2s;
}
.new-edit-page .form .column .input .info .actions .icon:hover {
  background-color: #E6EDF3;
}
.new-edit-page .form .column .input .info .vehicles-list {
  list-style: initial;
  display: flex;
  flex-direction: column;
  row-gap: 10px;
  margin-left: 16px;
}
.new-edit-page .carousel-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.new-edit-page .carousel-title .image-import-input {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  height: 100%;
}
#sidebar {
  position: fixed;
  width: 250px;
  height: 100%;
  margin-top: 50px;
  padding-left: 15px;
  z-index: 1;
}
#sidebar span {
  color: #0E2636;
  transition: all 0.5s;
}
#sidebar #sections-list {
  background-color: #FFFFFF;
  display: flex;
  flex-direction: column;
  width: 250px;
  height: 100%;
  padding: 0 8px 60px;
  border-right: 1px solid #99B8CE;
  overflow-y: auto;
  transition: all 0.5s;
}
#sidebar #sections-list::-webkit-scrollbar {
  width: 8px;
  z-index: 1;
}
#sidebar #sections-list::-webkit-scrollbar-track {
  background: transparent !important;
}
#sidebar #sections-list::-webkit-scrollbar-thumb {
  background: #E1E1E1 !important;
  border-radius: 15px !important;
}
#sidebar #sections-list::-webkit-scrollbar-thumb:hover {
  background: none;
}
#sidebar #sections-list > li {
  padding: 10px 0;
  border-bottom: 1px solid #99B8CE;
  /* .disabled {
                pointer-events: none;
                background-color: #efefef;
                opacity: 50%;
            } */
}
#sidebar #sections-list > li .section-link {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 10px;
  padding: 16px 24px;
  border-radius: 8px;
  cursor: pointer;
}
#sidebar #sections-list > li .section-link .arrow {
  position: absolute;
  left: 8px;
  width: 10px;
  height: 5px;
  transition: all 0.5s;
}
#sidebar #sections-list > li .section-link img {
  width: 24px;
  height: 24px;
}
#sidebar #sections-list > li .section-link:hover,
#sidebar #sections-list > li .section-link.active {
  background-color: #E6EDF3;
  transition: background 0.2s;
}
#sidebar #sections-list > li .collapsible-section[open] .section-link .arrow {
  transform: rotate(180deg);
}
#sidebar #sections-list > li .collapsible-section .subsection-links-list {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  margin-top: 2px;
}
#sidebar #sections-list > li .collapsible-section .subsection-links-list .section-link {
  font-size: 14px;
  font-weight: 500;
}
#sidebar.hideSidebar {
  width: 89px;
}
#sidebar.hideSidebar span {
  display: none;
}
#sidebar.hideSidebar #sections-list {
  width: 89px;
}
#sidebar #filters-container {
  position: absolute;
  top: -50px;
  width: 100vw;
  height: 100vh;
  display: none;
  justify-content: center;
  align-items: center;
}
#sidebar #filters-container.show-filters {
  display: flex;
}
#sidebar #filters-container #filters-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #0E2636;
  opacity: .5;
}
#sidebar #filters-container #filters-modal {
  z-index: 2;
}
#sidebar #filters-container #filters-modal form {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #FFFFFF;
  color: #0E2636;
  width: 600px;
  height: 500px;
  border-radius: 8px;
}
#sidebar #filters-container #filters-modal form .filters-list {
  overflow: hidden;
}
#sidebar #filters-container #filters-modal form .filters-list .collapsible-filter[open] .title img {
  transform: rotate(180deg);
}
#sidebar #filters-container #filters-modal form .filters-list .collapsible-filter .title {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 24px;
  border-bottom: 1px solid #99B8CE;
  cursor: pointer;
}
#sidebar #filters-container #filters-modal form .filters-list .collapsible-filter .content {
  display: flex;
  flex-direction: column;
  max-height: 350px;
  row-gap: 38px;
  padding: 20px 56px;
  overflow: auto;
}
#sidebar #filters-container #filters-modal form .action-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 52px;
  border-top: 1px solid #99B8CE;
}
#sidebar #filters-container #filters-modal form .action-buttons button {
  font-size: 16px;
  font-weight: 500;
}
#sidebar #filters-container #filters-modal form .action-buttons .button-with-tooltip-wrapper {
  position: relative;
}
#sidebar #filters-container #filters-modal form .action-buttons .button-with-tooltip-wrapper .button-tooltip {
  font-size: 14px;
  font-weight: 500;
  visibility: hidden;
  background-color: #FFFFFF;
  color: #687680;
  position: absolute;
  z-index: 1;
  bottom: 45px;
  left: -35px;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  padding: 8px;
  width: 150px;
  display: flex;
  align-items: center;
  text-align: center;
}
#sidebar #filters-container #filters-modal form .action-buttons .button-with-tooltip-wrapper:hover .button-tooltip {
  visibility: visible;
}
@media screen and (max-width: 768px) {
  #sidebar span {
    display: none;
  }
  #sidebar #sections-list {
    width: 89px;
  }
}
#admin-alerts-notifications {
  padding: 60px 30px 100px;
  width: 100%;
  height: 100%;
}
#admin-alerts-notifications > .header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #99B8CE;
}
#admin-alerts-notifications > .header .tab-selector {
  width: 400px;
}
#admin-alerts-notifications > .header .tab-selector li {
  padding: 15px 0;
}
#admin-alerts-notifications > .header .tab-selector li a {
  font-size: 16px;
  text-transform: capitalize;
}
#admin-alerts-notifications > .header .tab-selector li.active a {
  color: #004E85;
}
#admin-alerts-notifications > .header .tab-selector li:not(.active) {
  border-bottom: none;
}
#admin-alerts-notifications .tab-content .container-list-actions {
  height: 60px;
  align-items: initial;
  justify-content: initial;
}
#admin-alerts-notifications .tab-content .container-list-actions .form-group {
  margin-top: -21px;
}
#admin-alerts-notifications .tab-content .container-list-actions .filters-buttons {
  display: flex;
  overflow: auto;
  column-gap: 10px;
  margin: 0 10px;
}
#admin-alerts-notifications .tab-content .container-list-actions .filters-buttons button {
  min-width: auto;
}
#admin-alerts-notifications .tab-content .container-list-actions .filters-buttons button button {
  min-width: auto;
}
#admin-alerts-notifications .tab-content .container-list-actions .filters-buttons button button img {
  width: 11px;
}
#admin-alerts-notifications .tab-content .container-list-actions .filters-buttons > button {
  min-width: 177px;
  margin-left: auto;
}
#admin-alerts-notifications .tab-content .container-list-actions table .dropdown-menu {
  top: -10px;
}
#admin-alerts-notifications .tab-content #alerts-table th:first-of-type {
  width: 54px;
}
#admin-alerts-notifications .tab-content .column-direction-type {
  display: flex;
  flex-direction: column;
}
.new-edit-alert-page {
  width: 100%;
  padding: 24px 16px 24px 31px;
}
.new-edit-alert-page .alert-title {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  color: #0E2636;
}
.new-edit-alert-page .alert-title img {
  cursor: pointer;
  margin-right: 18px;
  width: 18px;
  height: 18px;
}
.new-edit-alert-page .form {
  display: flex;
  column-gap: 24px;
  width: 100%;
}
.new-edit-alert-page .form .column {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 50%;
}
.new-edit-alert-page .form .column .input {
  border: 1px solid #99B8CE;
  border-radius: 8px;
}
.new-edit-alert-page .form .column .input > p {
  font-size: 14px;
  font-weight: 600;
  color: #0E2636;
  background-color: #F5F8FA;
  border-bottom: 1px solid #B3CADB;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 16px;
  margin-bottom: 5px;
}
.new-edit-alert-page .form .column .input .info {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  min-height: 40px;
}
.new-edit-alert-page .form .column .input .info > p {
  display: flex;
  flex-wrap: wrap;
}
.new-edit-alert-page .form .column .input .info > p span::before {
  content: ", ";
}
.new-edit-alert-page .form .column .input .info > p span:first-of-type::before {
  content: "";
}
.new-edit-alert-page .form .column .input .info:last-of-type {
  padding-bottom: 5px;
}
.new-edit-alert-page .form .column .input .info .actions {
  display: flex;
  column-gap: 8px;
}
.new-edit-alert-page .form .column .input .info .actions .icon {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: background .2s;
}
.new-edit-alert-page .form .column .input .info .actions .icon:hover {
  background-color: #E6EDF3;
}
.alerts-notifications-create-container input {
  width: 326px;
}
.alerts-notifications-create-container .admin-alerts-notifications-notice-step {
  display: flex;
  flex-direction: column;
  row-gap: 34px;
}
.alerts-notifications-create-container .alerts-notifications-create-table-container {
  margin-top: 24px;
}
.admin-driver-details-page {
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 32px;
  padding-top: 24px;
}
.admin-driver-details-page .admin-driver-details-top {
  display: flex;
  column-gap: 16px;
  margin-bottom: 24px;
}
.admin-driver-details-page .admin-driver-details-top .admin-driver-details-back-button {
  transform: rotate(-90deg);
}
.admin-driver-details-page .admin-driver-details-main .admin-driver-details-title {
  margin-bottom: 16px;
}
.admin-driver-details-page table .dropdown-menu {
  top: -40px !important;
}
.driver-step-title {
  font-size: 22px;
  color: #0E2636;
  font-weight: 600;
  margin-bottom: 40px;
}
.driver-edit-container {
  margin: 100px 0 0 100px;
  width: 350px;
  height: 300px;
}
.driver-edit-container .driver-edit-buttons {
  display: flex;
  gap: 10px;
  margin-top: 40px;
  height: 100px;
}
.driver-edit-table-container {
  width: 800px;
  height: 100%;
}
.document-upload-button {
  width: 280px;
  margin-left: 20px;
  background-color: #004E85;
  color: white;
  border: none;
  height: 45px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  gap: 15px;
  align-items: center;
  cursor: pointer;
}
.document-upload-button img {
  width: 20px;
  height: 20px;
}
.driver-back-icon {
  transform: rotate(-180deg);
}
.driver-info-container {
  width: 20%;
  padding-left: 24px;
  border-left: 1px solid #99B8CE;
  height: calc(100vh - 130px);
}
.driver-info-container .driver-summary {
  color: black;
  font-size: larger;
  font-weight: bolder;
  padding-bottom: 30px;
}
.driver-info-container .driver-info {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.driver-info-container .driver-info .driver-info-title {
  font-size: 14px;
  padding-bottom: 12px;
}
.driver-info-container .driver-info .driver-info-data {
  font-size: 17px;
  margin-bottom: 8px;
}
.driver-info-container .driver-info .driver-info-groups-list,
.driver-info-container .driver-info .driver-info-vehicles-list {
  display: flex;
  gap: 5px;
}
.driver-info-container .driver-info .driver-info-groups-list {
  margin-top: 5px;
}
.driver-step-title {
  font-size: 22px;
  color: #0E2636;
  font-weight: 600;
  margin-bottom: 40px;
}
.driver-date-time-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
}
.driver-date-time-row .driver-input-date-time {
  width: 50% !important;
}
.driver-group-element {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  margin-bottom: 40px;
}
.driver-group-element p {
  color: black;
  font-weight: 600;
}
.driver-group-table {
  margin-bottom: 50px;
}
.driver-input-small {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1;
}
.driver-input-small > div {
  margin-top: auto;
}
.driver-input-small.small-input input {
  width: 40%;
}
.driver-create-summary-container {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.driver-create-summary-container .driver-summary-done-icon-container {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #19880F;
  display: flex;
  justify-content: center;
  align-items: center;
}
.driver-create-summary-container .driver-summary-done-icon-container img {
  width: 100px;
}
.driver-create-summary-container .driver-summary-title {
  color: black;
  margin-top: 50px;
  font-size: 26px;
  font-weight: 500;
}
.driver-create-summary-container .driver-create-summary-tab {
  width: 500px;
  height: 450px;
  background-color: #99B8CE;
}
.driver-create-summary-container .driver-summary-details {
  margin-top: 75px;
  background-color: #E1E1E1;
  width: 680px;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
}
.driver-create-summary-container .driver-summary-details .driver-summary-info-locations {
  width: 100% !important;
}
.driver-create-summary-container .driver-summary-details .driver-summary-info-locations,
.driver-create-summary-container .driver-summary-details .driver-summary-info {
  margin-top: 20px;
  width: 45%;
  height: 100%;
}
.driver-create-summary-container .driver-summary-details .driver-summary-info-locations .driver-summary-info-title,
.driver-create-summary-container .driver-summary-details .driver-summary-info .driver-summary-info-title {
  font-size: 14px;
  padding-bottom: 12px;
}
.driver-create-summary-container .driver-summary-details .driver-summary-info-locations .driver-summary-info-data,
.driver-create-summary-container .driver-summary-details .driver-summary-info .driver-summary-info-data {
  font-size: 17px;
  margin-bottom: 10px;
  color: black;
}
.driver-create-summary-container .driver-summary-details .driver-summary-info-locations .driver-summary-info-groups-list,
.driver-create-summary-container .driver-summary-details .driver-summary-info .driver-summary-info-groups-list,
.driver-create-summary-container .driver-summary-details .driver-summary-info-locations .driver-summary-info-vehicles-list,
.driver-create-summary-container .driver-summary-details .driver-summary-info .driver-summary-info-vehicles-list {
  display: flex;
  gap: 5px;
}
.driver-create-summary-container .driver-summary-details .driver-summary-info-locations .driver-summary-info-groups-list,
.driver-create-summary-container .driver-summary-details .driver-summary-info .driver-summary-info-groups-list {
  margin-top: 5px;
}
.driver-create-summary-container .driver-summary-buttons {
  display: flex;
  gap: 10px;
  margin-top: 50px;
  height: 100px;
}
.driver-create-error-container {
  margin-top: 300px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  width: 100%;
}
.driver-create-error-container img {
  width: 130px;
  height: 130px;
}
.driver-create-error-container p {
  font-size: 25px;
  color: #0E2636;
  font-weight: 500;
}
.driver-create-error-container button {
  margin-top: 20px;
}
div.documents-show-image {
  position: relative;
  float: left;
  margin: 5px;
}
div.documents-show-image:hover img {
  background-color: #004E85;
  opacity: 0.5;
}
div.documents-show-image:hover input {
  display: block;
  opacity: none;
}
div.documents-show-image input {
  position: absolute;
  display: none;
}
div.documents-show-image input.trash {
  height: 40px;
  width: 40px;
  background-color: #6695B6;
  border-radius: 50%;
  cursor: pointer;
  padding: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#admin-vehicles {
  margin: 60px 30px 100px;
  width: 100%;
  height: 100%;
}
#admin-vehicles > .header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #99B8CE;
}
#admin-vehicles > .header .tab-selector {
  width: 400px;
}
#admin-vehicles > .header .tab-selector li {
  padding: 15px 0;
}
#admin-vehicles > .header .tab-selector li a {
  font-size: 16px;
  text-transform: capitalize;
}
#admin-vehicles > .header .tab-selector li.active a {
  color: #004E85;
}
#admin-vehicles > .header .tab-selector li:not(.active) {
  border-bottom: none;
}
#admin-vehicles > .header .buttons-wrapper {
  display: flex;
  column-gap: 24px;
}
#admin-vehicles > .header .table-dropdown button:hover {
  background-color: #E6EDF3;
  transition: background 0.2s;
}
#admin-vehicles > .header .table-dropdown.open > div button {
  background-color: #E6EDF3;
}
#admin-vehicles > .header .table-dropdown ul {
  left: -15px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 170px;
}
#admin-vehicles > .header .table-dropdown ul li {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  color: #004E85;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
#admin-vehicles > .header .table-dropdown ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  padding: 0;
  transition: background 0.2s;
  z-index: 1;
}
#admin-vehicles > .header .table-dropdown ul li:hover:not(.disabled),
#admin-vehicles > .header .table-dropdown ul li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
#admin-vehicles > .header .table-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#admin-vehicles > .header .table-dropdown ul li.disabled {
  color: #A8B0B5;
}
#admin-vehicles > .header .table-dropdown ul li.disabled:hover .table-tooltip {
  display: block;
}
#admin-vehicles > .header .table-dropdown ul li.delete {
  color: #DD0546;
}
.admin-vehicle-details-page {
  padding-bottom: 70px;
  padding-left: 16px;
  padding-right: 32px;
  padding-top: 24px;
}
.admin-vehicle-details-page .admin-vehicle-details-top {
  display: flex;
  column-gap: 16px;
  margin-bottom: 24px;
}
.admin-vehicle-details-page .admin-vehicle-details-top .admin-vehicle-details-back-button {
  transform: rotate(-90deg);
}
.admin-vehicle-details-page .admin-vehicle-details-main .admin-vehicle-details-title {
  margin-bottom: 16px;
}
div.show-image {
  position: relative;
  float: left;
  margin: 5px;
}
div.show-image:hover img {
  background-color: #004E85;
  opacity: 0.5;
}
div.show-image:hover input {
  display: block;
  opacity: none;
}
div.show-image input {
  position: absolute;
  display: none;
}
div.show-image input.trash {
  height: 40px;
  width: 40px;
  background-color: #6695B6;
  border-radius: 50%;
  cursor: pointer;
  padding: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
#alerts-notifications {
  padding: 16px 24px 40px 39px;
  width: 100%;
  height: 90vh;
  overflow: hidden;
}
#alerts-notifications .header {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
#alerts-notifications .header .filter-dropdown .dropdown-toggle button {
  font-weight: 500;
  border: 1px solid #99B8CE;
}
#alerts-notifications .header .filter-dropdown .dropdown-toggle img {
  transition: all .3s;
}
#alerts-notifications .header .filter-dropdown.open .dropdown-toggle img {
  transform: rotate(180deg);
}
#alerts-notifications .header .filter-dropdown .dropdown-menu {
  padding: 16px;
  border: 1px solid #004E85;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  border-radius: 8px;
  width: 238px;
}
#alerts-notifications .header .filter-dropdown .dropdown-menu > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#alerts-notifications .header .filter-dropdown .dropdown-menu > div p {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  color: #0E2636;
}
#alerts-notifications .header .filter-dropdown .dropdown-menu > div img {
  cursor: pointer;
}
#alerts-notifications .header .filter-dropdown .dropdown-menu ul {
  margin: 14px 0 14px 12px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}
#alerts-notifications .header .filter-dropdown .dropdown-menu ul li {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
#alerts-notifications .header .filter-dropdown .dropdown-menu ul li input {
  margin: 0;
}
#alerts-notifications .header .filter-dropdown .dropdown-menu ul li label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #0E2636;
}
#alerts-notifications .header .filter-dropdown .dropdown-menu > button {
  margin-left: auto;
  height: 24px;
}
#alerts-notifications .header .period-filter {
  border: 1px solid #99B8CE;
  border-radius: 8px;
  height: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px;
  cursor: pointer;
}
#alerts-notifications .header .period-filter label {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
  cursor: pointer;
}
#alerts-notifications .header .period-filter img {
  margin: 0 auto 0 24px;
}
#alerts-notifications .header .period-filter input {
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
#alerts-notifications .totals-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 34px;
  margin-top: 16px;
}
#alerts-notifications .totals-info > div p {
  color: #0E2636;
}
#alerts-notifications > .body {
  display: flex;
  color: #0E2636;
  margin-top: 16px;
  height: 100%;
  padding-bottom: 70px;
}
#alerts-notifications > .body .no-elements {
  min-width: 326px;
  margin-right: 12px;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
}
#alerts-notifications > .body .list {
  min-width: 326px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  overflow: auto;
  padding-right: 4px;
  margin-right: 12px;
}
#alerts-notifications > .body .list li .alarm-wrapper {
  display: flex;
  column-gap: 16px;
  padding: 8px;
  cursor: pointer;
}
#alerts-notifications > .body .list li .related-alerts {
  background: #FFFFFF;
  border: 1px solid #E6EDF3;
  max-height: 400px;
  overflow: auto;
  border-radius: 8px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-left: 34px;
}
#alerts-notifications > .body .list li .related-alerts li {
  display: flex;
  align-items: center;
  column-gap: 16px;
  padding: 8px;
  background-color: #FFFFFF;
  border-radius: 8px;
  margin: 8px;
  border: 1px solid #E6EDF3;
  cursor: pointer;
}
#alerts-notifications > .body .list li .related-alerts li.selected {
  background-color: #E6EDF3;
}
#alerts-notifications > .body .list li .related-alerts li .warning {
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #002F50;
  display: flex;
  justify-content: center;
  align-items: center;
}
#alerts-notifications > .body .list li .related-alerts li .warning img {
  width: 20px;
  height: auto;
}
#alerts-notifications > .body .list li .related-alerts li .related-alarm-body {
  display: flex;
  flex-direction: column;
}
#alerts-notifications > .body .list li .related-alerts li .related-alarm-body .name {
  font-size: 14px;
  font-weight: 600;
  color: #425360;
  line-height: 16px;
}
#alerts-notifications > .body .list li .related-alerts li .related-alarm-body .type {
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  color: #0E2636;
}
#alerts-notifications > .body .list li .related-alerts li .related-alarm-body .time {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
}
#alerts-notifications > .body .list li .related-alerts li .dot-container {
  margin-left: auto;
  margin-bottom: auto;
}
#alerts-notifications > .body .list li .related-alerts li .dot-container .dot {
  background-color: #004E85;
  min-width: 11px;
  height: 11px;
  border-radius: 50%;
}
#alerts-notifications > .body .list li.selected {
  background-color: #E6EDF3;
  border-radius: 8px;
}
#alerts-notifications > .body .list li .priority-container {
  display: flex;
  flex-direction: column;
}
#alerts-notifications > .body .list li .priority {
  min-width: 72px;
  height: fit-content;
  text-align: center;
  border-radius: 8px;
  padding: 4px 0;
  line-height: 24px;
  font-size: 14px;
}
#alerts-notifications > .body .list li .priority.low {
  background-color: #E6EDF3;
  color: #004E85;
}
#alerts-notifications > .body .list li .priority.medium {
  background-color: #FEF0E5;
  color: #F46A00;
}
#alerts-notifications > .body .list li .priority.high {
  background-color: #FCE6EC;
  color: #DD0546;
}
#alerts-notifications > .body .list li .body {
  width: 100%;
}
#alerts-notifications > .body .list li .body .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 8px;
  width: 210px;
}
#alerts-notifications > .body .list li .body .heading.wider {
  width: 282px;
}
#alerts-notifications > .body .list li .body .heading .title {
  font-weight: 700;
  line-height: 32px;
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#alerts-notifications > .body .list li .body .heading .title.unread {
  color: #004E85;
}
#alerts-notifications > .body .list li .body .heading .status {
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  white-space: nowrap;
}
#alerts-notifications > .body .list li .body .heading .dot {
  background-color: #004E85;
  min-width: 11px;
  height: 11px;
  border-radius: 50%;
}
#alerts-notifications > .body .list li .body .alarm-info {
  display: flex;
  justify-content: space-between;
}
#alerts-notifications > .body .list li .body .alarm-info .name {
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  max-width: 180px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-transform: lowercase;
}
#alerts-notifications > .body .list li .body .alarm-info .name::first-letter {
  text-transform: uppercase;
}
#alerts-notifications > .body .list li .body .alarm-info .name.unread {
  color: #004E85;
}
#alerts-notifications > .body .list li .body .alarm-info .event-type {
  text-transform: lowercase;
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
}
#alerts-notifications > .body .list li .body .alarm-info .event-type::first-letter {
  text-transform: uppercase;
}
#alerts-notifications > .body .list li .body .alarm-info .type {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
  margin-bottom: 8px;
}
#alerts-notifications > .body .list li .body .alarm-info .alarm-id {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
}
#alerts-notifications > .body .list li .body .alarm-info .date {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
}
#alerts-notifications > .body .list li .body .alarm-info .arrow-img {
  align-self: end;
  padding: 4px;
}
#alerts-notifications > .body .detail-and-footer {
  background-color: #F5F8FA;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 16px 24px 0;
  width: 100%;
}
#alerts-notifications > .body .detail-and-footer .detail,
#alerts-notifications > .body .detail-and-footer .no-element-selected {
  overflow: auto;
}
#alerts-notifications > .body .detail-and-footer .detail .heading,
#alerts-notifications > .body .detail-and-footer .no-element-selected .heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
#alerts-notifications > .body .detail-and-footer .detail .heading .action-icons,
#alerts-notifications > .body .detail-and-footer .no-element-selected .heading .action-icons {
  display: flex;
}
#alerts-notifications > .body .detail-and-footer .detail .heading .alarm-title .economicNumber,
#alerts-notifications > .body .detail-and-footer .no-element-selected .heading .alarm-title .economicNumber {
  color: #004E85;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
  margin-right: 20px;
}
#alerts-notifications > .body .detail-and-footer .detail .heading .alarm-title .alarm-name,
#alerts-notifications > .body .detail-and-footer .no-element-selected .heading .alarm-title .alarm-name {
  font-size: 20px;
  font-weight: 500;
  margin-top: 12px;
  text-transform: lowercase;
}
#alerts-notifications > .body .detail-and-footer .detail .heading .alarm-title .alarm-name::first-letter,
#alerts-notifications > .body .detail-and-footer .no-element-selected .heading .alarm-title .alarm-name::first-letter {
  text-transform: uppercase;
}
#alerts-notifications > .body .detail-and-footer .detail .heading .alarm-title > div,
#alerts-notifications > .body .detail-and-footer .no-element-selected .heading .alarm-title > div {
  display: flex;
}
#alerts-notifications > .body .detail-and-footer .detail .heading .alarm-title .priority,
#alerts-notifications > .body .detail-and-footer .no-element-selected .heading .alarm-title .priority {
  min-width: 72px;
  height: fit-content;
  text-align: center;
  border-radius: 8px;
  padding: 4px 0;
  line-height: 24px;
  font-size: 14px;
}
#alerts-notifications > .body .detail-and-footer .detail .heading .alarm-title .priority.low,
#alerts-notifications > .body .detail-and-footer .no-element-selected .heading .alarm-title .priority.low {
  background-color: #E6EDF3;
  color: #004E85;
}
#alerts-notifications > .body .detail-and-footer .detail .heading .alarm-title .priority.medium,
#alerts-notifications > .body .detail-and-footer .no-element-selected .heading .alarm-title .priority.medium {
  background-color: #FEF0E5;
  color: #F46A00;
}
#alerts-notifications > .body .detail-and-footer .detail .heading .alarm-title .priority.high,
#alerts-notifications > .body .detail-and-footer .no-element-selected .heading .alarm-title .priority.high {
  background-color: #FCE6EC;
  color: #DD0546;
}
#alerts-notifications > .body .detail-and-footer .detail .heading img,
#alerts-notifications > .body .detail-and-footer .no-element-selected .heading img {
  cursor: pointer;
  width: 18px;
  height: 18px;
  margin: 0 14px;
}
#alerts-notifications > .body .detail-and-footer .detail .event-type,
#alerts-notifications > .body .detail-and-footer .no-element-selected .event-type {
  text-transform: lowercase;
  font-size: 14px;
  font-weight: 600;
  color: #425360;
  line-height: 16px;
}
#alerts-notifications > .body .detail-and-footer .detail .event-type::first-letter,
#alerts-notifications > .body .detail-and-footer .no-element-selected .event-type::first-letter {
  text-transform: uppercase;
}
#alerts-notifications > .body .detail-and-footer .detail .type,
#alerts-notifications > .body .detail-and-footer .no-element-selected .type {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
  margin-bottom: 8px;
}
#alerts-notifications > .body .detail-and-footer .detail .alarm-id,
#alerts-notifications > .body .detail-and-footer .no-element-selected .alarm-id {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
}
#alerts-notifications > .body .detail-and-footer .detail .date,
#alerts-notifications > .body .detail-and-footer .no-element-selected .date {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
}
#alerts-notifications > .body .detail-and-footer .detail .description-title,
#alerts-notifications > .body .detail-and-footer .no-element-selected .description-title {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  margin: 16px 0;
}
#alerts-notifications > .body .detail-and-footer .detail .related-elements-title,
#alerts-notifications > .body .detail-and-footer .no-element-selected .related-elements-title {
  padding-top: 26px;
  margin: 26px 0 16px;
  border-top: 1px solid #99B8CE;
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}
#alerts-notifications > .body .detail-and-footer .detail .related-elements,
#alerts-notifications > .body .detail-and-footer .no-element-selected .related-elements {
  max-height: 400px;
  overflow: auto;
  width: 420px;
}
#alerts-notifications > .body .detail-and-footer .detail .related-elements li,
#alerts-notifications > .body .detail-and-footer .no-element-selected .related-elements li {
  display: flex;
  align-items: center;
  column-gap: 16px;
  padding: 16px;
  margin-bottom: 16px;
  background-color: #FFFFFF;
  border-radius: 8px;
  width: 400px;
  cursor: pointer;
}
#alerts-notifications > .body .detail-and-footer .detail .related-elements li .warning,
#alerts-notifications > .body .detail-and-footer .no-element-selected .related-elements li .warning {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #002F50;
  display: flex;
  justify-content: center;
  align-items: center;
}
#alerts-notifications > .body .detail-and-footer .detail .related-elements li .warning img,
#alerts-notifications > .body .detail-and-footer .no-element-selected .related-elements li .warning img {
  width: 20px;
  height: auto;
}
#alerts-notifications > .body .detail-and-footer .detail .related-elements li .body .date,
#alerts-notifications > .body .detail-and-footer .no-element-selected .related-elements li .body .date {
  font-size: 14px;
  font-weight: 600;
  color: #425360;
  line-height: 16px;
}
#alerts-notifications > .body .detail-and-footer .detail .related-elements li .body .time,
#alerts-notifications > .body .detail-and-footer .no-element-selected .related-elements li .body .time {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  line-height: 16px;
}
#alerts-notifications > .body .detail-and-footer .detail .related-elements li .body .type,
#alerts-notifications > .body .detail-and-footer .no-element-selected .related-elements li .body .type {
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
  margin-top: 8px;
  color: #0E2636;
  margin: 0;
}
#alerts-notifications > .body .detail-and-footer .detail .related-elements li .body .details,
#alerts-notifications > .body .detail-and-footer .no-element-selected .related-elements li .body .details {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  text-overflow: ellipsis;
  color: #425360;
}
#alerts-notifications > .body .detail-and-footer .detail .related-elements li .dot-container,
#alerts-notifications > .body .detail-and-footer .no-element-selected .related-elements li .dot-container {
  margin-left: auto;
  margin-bottom: auto;
}
#alerts-notifications > .body .detail-and-footer .detail .related-elements li .dot-container .dot,
#alerts-notifications > .body .detail-and-footer .no-element-selected .related-elements li .dot-container .dot {
  background-color: #004E85;
  min-width: 11px;
  height: 11px;
  border-radius: 50%;
}
#alerts-notifications > .body .detail-and-footer .detail .comments,
#alerts-notifications > .body .detail-and-footer .no-element-selected .comments {
  padding-top: 10px;
  margin-top: 26px;
  border-top: 1px solid #99B8CE;
}
#alerts-notifications > .body .detail-and-footer .detail .comments p,
#alerts-notifications > .body .detail-and-footer .no-element-selected .comments p {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
}
#alerts-notifications > .body .detail-and-footer .detail .comments li,
#alerts-notifications > .body .detail-and-footer .no-element-selected .comments li {
  display: flex;
  align-items: center;
  column-gap: 16px;
  padding: 16px;
  margin-top: 16px;
  background-color: #FFFFFF;
  border-radius: 8px;
  width: fit-content;
}
#alerts-notifications > .body .detail-and-footer .detail .comments li .profile-pic,
#alerts-notifications > .body .detail-and-footer .no-element-selected .comments li .profile-pic {
  min-width: 36px;
  height: 36px;
  border-radius: 50%;
  background-color: #002F50;
  display: flex;
  justify-content: center;
  align-items: center;
}
#alerts-notifications > .body .detail-and-footer .detail .comments li .profile-pic img,
#alerts-notifications > .body .detail-and-footer .no-element-selected .comments li .profile-pic img {
  height: 60%;
}
#alerts-notifications > .body .detail-and-footer .detail .comments li .body .user,
#alerts-notifications > .body .detail-and-footer .no-element-selected .comments li .body .user {
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}
#alerts-notifications > .body .detail-and-footer .detail .comments li .body .user span,
#alerts-notifications > .body .detail-and-footer .no-element-selected .comments li .body .user span {
  font-weight: 400;
}
#alerts-notifications > .body .detail-and-footer .detail .comments li .body .text,
#alerts-notifications > .body .detail-and-footer .no-element-selected .comments li .body .text {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  line-height: 24px;
}
#alerts-notifications > .body .detail-and-footer .detail .comments li .body .date,
#alerts-notifications > .body .detail-and-footer .no-element-selected .comments li .body .date {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
  line-height: 24px;
}
#alerts-notifications > .body .detail-and-footer .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 22px 0 16px;
  margin-top: 24px;
  border-top: 1px solid #99B8CE;
  gap: 15px;
}
#alerts-notifications > .body .detail-and-footer .footer .status-and-times {
  display: flex;
  align-items: center;
}
#alerts-notifications > .body .detail-and-footer .footer .status-and-times .status {
  padding: 4px 8px;
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  background-color: #E6EDF3;
  border-radius: 8px;
  margin-right: 16px;
  white-space: nowrap;
}
#alerts-notifications > .body .detail-and-footer .footer .status-and-times .status span {
  font-style: italic;
}
#alerts-notifications > .body .detail-and-footer .footer .time-info,
#alerts-notifications > .body .detail-and-footer .footer .closure-info {
  line-height: 24px;
  white-space: nowrap;
}
#alerts-notifications > .body .detail-and-footer .footer .time-info p:first-child,
#alerts-notifications > .body .detail-and-footer .footer .closure-info p:first-child {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
}
#alerts-notifications > .body .detail-and-footer .footer .time-info p:last-child,
#alerts-notifications > .body .detail-and-footer .footer .closure-info p:last-child {
  font-size: 14px;
  font-weight: 500;
}
#alerts-notifications > .body .detail-and-footer .footer .time-info.margin,
#alerts-notifications > .body .detail-and-footer .footer .closure-info.margin {
  margin-right: 30px;
}
#alerts-notifications > .body .detail-and-footer .footer .input-container {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
}
#alerts-notifications > .body .detail-and-footer .footer .input-container .profile-pic {
  margin-right: 8px;
  min-width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #002F50;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
#alerts-notifications > .body .detail-and-footer .footer .input-container .form-group {
  width: 100%;
  max-width: 500px;
}
#alerts-notifications > .body .detail-and-footer .footer .input-container .form-group input {
  margin-right: 16px;
  background: transparent;
}
.analyticsContainer {
  margin-left: 30px;
  margin-top: 74px;
  width: 100%;
}
.analyticsContainer .pieChartInfoText2 {
  top: 45% !important;
}
.analyticsContainer .analytics-trends {
  min-height: 480px;
}
.analyticsContainer .analytics-trends .panel-body {
  height: 470px;
  border: 0px !important;
}
.analyticsContainer .analytics-trends .tabs-container .tabs-left > .nav-tabs .active {
  /* border-bottom: solid 3px @primary; */
}
.analyticsContainer .analytics-trends .tabs-container .tabs-left > .nav-tabs .active a:focus,
.analyticsContainer .analytics-trends .tabs-container .tabs-left > .nav-tabs .active a:active,
.analyticsContainer .analytics-trends .tabs-container .tabs-left > .nav-tabs .active a:visited {
  border-color: white !important;
}
.analyticsContainer .iconTabAnalytics {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
}
.analyticsContainer .iconTabAnalytics .iconTabAnalytics__icon {
  width: 35px;
  height: auto;
}
.analyticsContainer .analyticsBehaviour {
  min-height: 348px;
  width: auto;
}
.analyticsContainer .analyticsBehaviour .analyticsBehaviour__title {
  font-family: 'Karla', sans-serif;
  font-size: 20px;
  font-weight: 300;
}
.analyticsContainer .analyticsBehaviour .analyticsBehaviour__value {
  height: 20px;
  width: 80px;
  border-radius: 15px;
  color: white;
  text-align: right;
  padding-right: 10px;
  text-align: center;
}
.analyticsContainer .ibox-custom .ibox-legend .ibox-legend__row {
  font-size: 15px;
  margin-right: 5px;
}
.analyticsContainer .ibox-custom .ibox-legend .iboxlegend-circle {
  margin-left: 10px;
  margin-right: 10px;
  height: 12px;
  width: 12px;
}
.analyticsContainer .containerAnalytics__tab {
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  padding-right: 20px;
  padding-bottom: 50px;
}
.analyticsContainer .containerAnalytics__tab .title-and-filters {
  display: flex;
  column-gap: 36px;
  align-items: center;
}
.analyticsContainer .containerAnalytics__tab .title {
  color: #0E2636;
}
.analyticsContainer .containerAnalytics__tab .analytics-main {
  display: flex;
  column-gap: 8px;
  justify-content: space-around;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  min-width: calc(75% - 4px);
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts .analytics-chart-container-row {
  display: flex;
  column-gap: 12px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts .analytics-chart-container {
  padding: 16px;
  border: 1px solid #B3CADB;
  border-radius: 8px;
  width: 100%;
  min-height: 326px;
  overflow: auto;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts .analytics-chart-container .title {
  color: #0E2636;
  margin-bottom: 12px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts .containerAnalytics__tab-cards {
  display: flex;
  column-gap: 12px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts .containerAnalytics__tab-cards .containerAnalytics__tab__tabAnalytics__sectionInfo {
  display: flex;
  min-width: 20%;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  width: 100%;
  border-radius: 8px;
  border: 1px solid #B3CADB;
  padding: 20px 24px;
  column-gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts .containerAnalytics__tab-cards .containerAnalytics__tab__tabAnalytics__sectionInfo .containerAnalytics__tab__sectionInfo__min-height {
  min-height: 20px;
  width: 100%;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts .containerAnalytics__tab-cards .containerAnalytics__tab__tabAnalytics__sectionInfo .containerAnalytics__tab__sectionInfo__icon {
  border-radius: 50px;
  border: 1px solid #004E85;
  height: 40px;
  min-width: 40px;
  background: #FFFFFF 0% 0% no-repeat;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 6px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts .containerAnalytics__tab-cards .containerAnalytics__tab__tabAnalytics__sectionInfo .containerAnalytics__tab__sectionInfo__icon .containerAnalytics__tab__sectionInfo__icon__img {
  height: 16px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts .containerAnalytics__tab-cards .containerAnalytics__tab__tabAnalytics__sectionInfo .containerAnalytics__tab__sectionInfo__description .containerAnalytics__tab__sectionInfo--title {
  font: normal normal medium 14px/19px Roboto !important;
  color: #0E2636;
  margin-bottom: 4px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts .containerAnalytics__tab-cards .containerAnalytics__tab__tabAnalytics__sectionInfo .containerAnalytics__tab__sectionInfo__description .containerAnalytics__tab__sectionInfo--value {
  font: normal normal bold 20px/26px Roboto;
  color: #004E85;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-charts .containerAnalytics__tab-cards .containerAnalytics__tab__tabAnalytics__sectionInfo .containerAnalytics__tab__sectionInfo__description .containerAnalytics__tab__sectionInfo--value .image_default {
  width: 40px;
  height: 40px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-high-risk {
  width: calc(25% - 4px);
  height: calc(100vh - 173px);
  display: inline-grid;
  flex-direction: column;
  row-gap: 24px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #B3CADB;
  border-radius: 8px;
  padding: 16px 0px 16px 16px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-high-risk .analytics-driver-list {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  overflow-y: scroll;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-high-risk .analytics-driver-list .analytics-high-risk-driver {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 16px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-high-risk .analytics-driver-list .analytics-high-risk-driver h3 {
  color: #0E2636;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-high-risk .analytics-driver-list .analytics-high-risk-driver .analytics-text-couple {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-high-risk .analytics-driver-list .analytics-high-risk-driver .analytics-high-risk-driver-details {
  display: flex;
  gap: 20px;
  align-items: center;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-high-risk .analytics-driver-list .analytics-high-risk-driver .analytics-high-risk-driver-details .analytics-high-risk-driver-max-length {
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-high-risk .analytics-driver-list .analytics-high-risk-driver .analytics-high-risk-driver-details .table-icon-user-img {
  display: inline-flex;
  padding: 7px 10px;
  border-radius: 30px;
  background-color: #002B49;
  width: 38px;
  height: 38px;
  margin-left: 5px;
  top: 8px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-high-risk .analytics-driver-list .analytics-high-risk-driver .analytics-high-risk-driver-details .user-index-label {
  align-items: center;
  background-color: #F46A00;
  border-radius: 100px;
  border: 2px solid;
  color: white;
  display: flex;
  font-size: 12px;
  font-weight: bolder;
  height: 24px;
  justify-content: center;
  max-height: 22px;
  max-width: 21px;
  min-width: 22px;
  padding-top: 1px;
  position: relative;
  right: 8px;
  top: 14px;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-high-risk div.no-elem {
  position: relative;
  margin: auto;
  text-align: center;
  padding: 80% 0%;
}
.analyticsContainer .containerAnalytics__tab .analytics-main .analytics-high-risk div.no-elem p {
  text-align: center;
  color: #425360;
  font-size: 22px;
  font-weight: 500;
}
.analyticsContainer .nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
.analyticsContainer a {
  color: #002B49 !important;
}
.analyticsContainer .table-user-font {
  font-family: 'Karla', sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: left;
  color: #002B49 !important;
  opacity: 1;
  text-transform: capitalize;
  /*  margin-left: -10px; */
}
.analyticsContainer .table-user-score {
  font-size: 18px;
  text-align: right;
  vertical-align: top;
  font-weight: bolder;
  color: #20A8BF;
  opacity: 1;
  font-family: "Montserrat" !important;
}
.analyticsContainer .no-box-shadow {
  box-shadow: none !important;
  /*   background-color: #F9F9F9 !important; */
}
.analyticsContainer .table-responsive .ng-table thead th {
  background-color: white !important;
  padding: 0px !important;
}
.riskEvContainer {
  color: #0E2636;
  height: 100%;
  margin-left: 15px;
  padding: 80px 16px 0px 16px;
}
.riskEvContainer .risk-events-actions {
  width: 100%;
  margin-bottom: 0px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.riskEvContainer .risk-events-actions > div {
  display: flex;
}
.riskEvContainer .risk-events-actions .align-right-content-list {
  float: right;
  display: flex;
}
.riskEvContainer .risk-events-actions-left {
  font-size: 20px;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 16px;
}
.riskEvContainer .risk-events-actions-left button {
  width: 110px;
}
.riskEvContainer .risk-events-section-info {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 30px;
}
.riskEvContainer .risk-events-section-info .section-info-card {
  flex: 1;
  height: 85px;
  border: 1px solid #B3CADB;
  border-radius: 8px;
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 20px;
}
.riskEvContainer .risk-events-section-info .section-info-card .section-info-card-icon {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  border: 1px solid #B3CADB;
  display: flex;
  align-items: center;
  justify-content: center;
}
.riskEvContainer .risk-events-section-info .section-info-card .section-info-card-icon .reverse-icon {
  transform: scaleX(-1);
}
.riskEvContainer .risk-events-section-info .section-info-card .section-info-card-description {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.riskEvContainer .risk-events-section-info .section-info-card .section-info-card-description h2 {
  font-size: 20px;
  font-weight: 700;
  color: #004E85;
}
.riskEvContainer .tabs-container .tabs {
  border-bottom: 2px solid #0000001A;
  padding-top: 30px;
  width: 100%;
  text-align: center;
}
.riskEvContainer .tabs-container .tabs > .nav-tabs {
  align-items: center;
  border: none;
  border-bottom: 1px solid #99B8CE;
  display: flex;
  height: 52px;
  margin-bottom: 0px;
}
.riskEvContainer .tabs-container .tabs > .nav-tabs li {
  flex: 100%;
}
.riskEvContainer .tabs-container .tabs > .nav-tabs a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  color: #0E2636;
  text-transform: uppercase;
}
.riskEvContainer .tabs-container .tabs > .nav-tabs .active {
  border-bottom: 2px solid #004E85 !important;
  border-top-left-radius: 35%;
}
.riskEvContainer .tabs-container .tabs > .nav-tabs .active a {
  border: 0px;
  color: #0E2636 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.riskEvContainer .panel-body {
  height: 100%;
  border: 0px !important;
  padding: 24px 0px !important;
}
.riskEvContainer .daily-panel-body {
  padding: 0px !important;
  padding-bottom: 24px !important;
}
.riskEvContainer .highcharts-button {
  display: none;
}
.riskEvContainer .highcharts-axis {
  display: none;
}
.riskEvContainer .highcharts-axis-labels > * {
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #0E2636 !important;
}
.riskEvContainer .highcharts-axis-labels {
  margin-top: 20px;
}
.riskEvContainer .events-tooltip {
  font-size: 16px !important;
}
.riskEvContainer .highcharts-legend-item .highcharts-grid > * {
  stroke: white !important;
}
#fleet-summary-page .fleet-name {
  font-size: 20px;
  font-weight: 600;
  padding: 24px 16px;
}
#fleet-summary-page .fleet-entities {
  display: flex;
  column-gap: 16px;
  margin: 0 0 24px 16px;
}
#fleet-summary-page .fleet-entities .entities-dropdown {
  flex: 1;
  max-width: 240px;
}
#fleet-summary-page .fleet-entities .entities-dropdown .dropdown-toggle button {
  font-weight: 500;
  border: 1px solid #99B8CE;
  width: 100%;
  max-width: 240px;
  justify-content: flex-start;
}
#fleet-summary-page .fleet-entities .entities-dropdown .dropdown-toggle button .add-icon {
  margin-left: auto;
}
#fleet-summary-page .fleet-entities .entities-dropdown .dropdown-toggle img {
  transition: all .3s;
}
#fleet-summary-page .fleet-entities .entities-dropdown.open .dropdown-toggle img:not(.add-icon) {
  transform: rotate(180deg);
}
#fleet-summary-page .fleet-entities .entities-dropdown .dropdown-menu {
  padding: 16px;
  border: 1px solid #004E85;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  border-radius: 8px;
}
#fleet-summary-page .fleet-entities .entities-dropdown .dropdown-menu ul {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  max-height: 400px;
  overflow: auto;
  padding-right: 8px;
}
#fleet-summary-page .fleet-entities .entities-dropdown .dropdown-menu ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 16px;
}
#fleet-summary-page .fleet-entities .entities-dropdown .dropdown-menu ul li p {
  white-space: nowrap;
}
#fleet-summary-page .fleet-entities .entities-dropdown .dropdown-menu ul li p:last-of-type {
  font-weight: 500;
}
#fleet-summary-page .fleet-entities .entities-dropdown .dropdown-menu ul li > button {
  height: auto;
}
#fleet-summary-page .summary-chart-container {
  display: flex;
  flex-direction: column;
  margin-bottom: 50px;
}
#fleet-summary-page .summary-chart-container .line {
  background-color: #004E85;
  position: relative;
}
#fleet-summary-page .summary-chart-container .line:before,
#fleet-summary-page .summary-chart-container .line:after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #004E85;
}
#fleet-summary-page .summary-chart-container .line.ver {
  width: 2px;
  height: 30px;
  margin: 24px 0;
}
#fleet-summary-page .summary-chart-container .line.ver:before,
#fleet-summary-page .summary-chart-container .line.ver:after {
  left: -4px;
}
#fleet-summary-page .summary-chart-container .line.ver:before {
  top: -10px;
}
#fleet-summary-page .summary-chart-container .line.ver:after {
  bottom: -10px;
}
#fleet-summary-page .summary-chart-container .line.ver.no-up-dot {
  margin: 0 0 24px 0;
}
#fleet-summary-page .summary-chart-container .line.ver.no-up-dot:before {
  display: none;
}
#fleet-summary-page .summary-chart-container .line.ver.no-down-dot {
  margin: 24px 0 0;
}
#fleet-summary-page .summary-chart-container .line.ver.no-down-dot:after {
  display: none;
}
#fleet-summary-page .summary-chart-container .line.hor {
  width: 30px;
  height: 2px;
  margin-top: 30px;
}
#fleet-summary-page .summary-chart-container .line.hor:before,
#fleet-summary-page .summary-chart-container .line.hor:after {
  top: -4px;
}
#fleet-summary-page .summary-chart-container .line.hor:before {
  left: -10px;
}
#fleet-summary-page .summary-chart-container .line.hor:after {
  right: -10px;
}
#fleet-summary-page .summary-chart-container .line.invisible {
  visibility: hidden;
}
#fleet-summary-page .summary-chart-container .add-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  margin-top: 15px;
  background-color: #004E85;
  cursor: pointer;
}
#fleet-summary-page .summary-chart-container .add-btn.ver {
  margin-top: 14px;
}
#fleet-summary-page .summary-chart-container .add-btn > img {
  filter: brightness(0) saturate(100%) invert(100%);
  max-width: 14px;
  max-height: 14px;
}
#fleet-summary-page .summary-chart-container > ul:not(.car-list) {
  display: flex;
  justify-content: center;
  transition: all .2s;
}
#fleet-summary-page .summary-chart-container > ul:not(.car-list) li {
  display: flex;
  height: fit-content;
}
#fleet-summary-page .summary-chart-container > ul:not(.car-list) li .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 110px;
  min-width: 110px;
}
#fleet-summary-page .summary-chart-container > ul:not(.car-list) li .image-wrapper {
  background-color: #FFFFFF;
  width: 60px;
  height: 60px;
  border-radius: 8px;
  border: 1px solid #E1E1E1;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: all .2s;
}
#fleet-summary-page .summary-chart-container > ul:not(.car-list) li .image-wrapper.no-click {
  cursor: default;
}
#fleet-summary-page .summary-chart-container > ul:not(.car-list) li .image-wrapper:hover {
  border-color: #0E2636;
}
#fleet-summary-page .summary-chart-container > ul:not(.car-list) li .image-wrapper.selected {
  background-color: #004E85;
  border-color: #0E2636;
}
#fleet-summary-page .summary-chart-container > ul:not(.car-list) li .image-wrapper.selected img {
  filter: brightness(0) saturate(100%) invert(100%);
}
#fleet-summary-page .summary-chart-container > ul:not(.car-list) li .image-wrapper img {
  width: 30px;
  height: auto;
  transition: all .2s;
}
#fleet-summary-page .summary-chart-container > ul:not(.car-list) li p {
  font-size: 14px;
  font-weight: 500;
  color: #0E2636;
  text-align: center;
  margin-top: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#fleet-summary-page .summary-chart-container > ul.car-list {
  display: flex;
  margin: 0 35px;
  overflow-x: auto;
  overflow-y: hidden;
  position: relative;
  margin-bottom: 50px;
  padding-bottom: 16px;
}
#fleet-summary-page .summary-chart-container > ul.car-list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top: 3px solid #004E85;
  padding: 0 12px;
}
#fleet-summary-page .summary-chart-container > ul.car-list > li:first-of-type {
  margin-left: auto;
}
#fleet-summary-page .summary-chart-container > ul.car-list > li:last-of-type {
  margin-right: auto;
}
#fleet-summary-page .summary-chart-container > ul.car-list > li:first-of-type,
#fleet-summary-page .summary-chart-container > ul.car-list > li:last-of-type {
  border-top: none;
  position: relative;
}
#fleet-summary-page .summary-chart-container > ul.car-list > li:first-of-type:before,
#fleet-summary-page .summary-chart-container > ul.car-list > li:last-of-type:before {
  content: "";
  position: absolute;
  width: 50%;
  height: 3px;
  background-color: #004E85;
}
#fleet-summary-page .summary-chart-container > ul.car-list > li:first-of-type:before {
  right: 0;
}
#fleet-summary-page .summary-chart-container > ul.car-list > li:last-of-type:before {
  left: 0;
}
#fleet-summary-page .summary-chart-container > ul.car-list > li.single:before {
  content: none;
}
#fleet-summary-page .summary-chart-container > ul.car-list .car-box {
  display: flex;
  flex-direction: column;
  width: 230px;
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E1E1E1;
  padding: 12px;
  color: #0E2636;
  transition: all .2s;
}
#fleet-summary-page .summary-chart-container > ul.car-list .car-box > img {
  width: 75px;
  height: auto;
}
#fleet-summary-page .summary-chart-container > ul.car-list .car-box > p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#fleet-summary-page .summary-chart-container > ul.car-list .car-box .vin {
  font-size: 14px;
  font-weight: 600;
  line-height: 32px;
}
#fleet-summary-page .summary-chart-container > ul.car-list .car-box .model {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
#fleet-summary-page .summary-chart-container > ul.car-list .car-box .plate {
  font-size: 14px;
  font-weight: 500;
  color: #425360;
  line-height: 24px;
}
#fleet-summary-page .summary-chart-container > ul.car-list .drivers-list > li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#fleet-summary-page .summary-chart-container > ul.car-list .drivers-list > li .drivers {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 16px;
  width: 230px;
  background-color: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E1E1E1;
  padding: 12px;
  color: #0E2636;
}
#fleet-summary-page .summary-chart-container > ul.car-list .drivers-list > li .drivers p {
  max-width: 118px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#fleet-summary-page .summary-chart-container > ul.car-list .drivers-list > li .drivers button {
  min-width: 70px !important;
  max-width: 70px !important;
}
.radius-slider-input {
  height: 56px;
}
.radius-slider-input .rz-bubble {
  left: 47% !important;
  bottom: -30px;
}
.days-list span:not(:last-child):after {
  margin-left: -3px;
  content: ', ';
}
#new-geofence-map .gm-style-iw-t,
#edit-geofence-map .gm-style-iw-t {
  pointer-events: none;
}
#new-geofence-map .gm-style-iw-t .gm-style-iw-tc::after,
#edit-geofence-map .gm-style-iw-t .gm-style-iw-tc::after {
  background-color: transparent !important;
}
#new-geofence-map .gm-style-iw-c,
#edit-geofence-map .gm-style-iw-c {
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  pointer-events: none;
  position: relative !important;
  top: 40px !important;
  width: max-content !important;
}
#new-geofence-map .gm-style-iw-c .gm-ui-hover-effect,
#edit-geofence-map .gm-style-iw-c .gm-ui-hover-effect {
  display: none !important;
}
#new-geofence-map .gm-style-iw-c .gm-style-iw-d,
#edit-geofence-map .gm-style-iw-c .gm-style-iw-d {
  background-color: transparent !important;
  cursor: pointer;
  pointer-events: none;
  overflow: unset !important;
}
#new-geofence-map .gm-style-iw-c .gm-style-iw-d div,
#edit-geofence-map .gm-style-iw-c .gm-style-iw-d div {
  width: 45px !important;
  text-align: right;
  pointer-events: none;
  cursor: pointer;
}
#new-geofence-map .gm-style-iw-c .gm-style-iw-d div #geofence-reset-button,
#edit-geofence-map .gm-style-iw-c .gm-style-iw-d div #geofence-reset-button {
  cursor: pointer;
  pointer-events: all;
}
#new-geofence-map .gm-style .gm-style-iw-t::after,
#edit-geofence-map .gm-style .gm-style-iw-t::after {
  box-shadow: none !important;
  background: unset !important;
  cursor: pointer;
}
.healthContainer {
  color: #0E2636;
  height: 100%;
  margin-left: 15px;
  padding: 80px 16px 0px 16px;
  width: 100%;
  /* .nav-tabs {
        border: 0px !important;

      .active {
           a:active,
           a:focus,
           a:link {
            border-bottom: 4px solid @blueColor;
            color: black;
        }
           a:visited,
       }
    } */
}
.healthContainer .list {
  border-bottom: 2px solid #0000001A;
  margin-top: 1em;
  padding-top: 30px;
  width: 100%;
}
.healthContainer .list .nav-tabs {
  align-items: center;
  border: 0;
  display: flex;
  height: 52px;
  margin-bottom: 0px;
}
.healthContainer .list .nav-tabs li {
  flex: 100%;
  margin-bottom: -4px !important;
}
.healthContainer .list .nav-tabs a {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 600;
  color: #0E2636;
  text-transform: uppercase;
}
.healthContainer .list .nav-tabs .active {
  border-bottom: 2px solid #004E85 !important;
  border-top-left-radius: 35%;
}
.healthContainer .list .nav-tabs .active a {
  border: 0px;
  color: #0E2636 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.healthContainer .no-health-table-msg {
  display: inline-block;
  min-width: calc(100% - 50px) !important;
  padding: 18%;
  vertical-align: middle;
}
.healthContainer .no-health-table-msg p {
  margin: 0 !important;
  text-align: center;
}
.healthContainer .no-health-table-msg p:first-of-type {
  color: #004E85;
  font-size: 28px;
  font-weight: bold;
}
.healthContainer .no-health-table-msg p:last-of-type {
  font-size: 16px;
}
.healthContainer .card {
  margin-top: 2em;
}
.healthContainer #tabHealth .a__icontabHealth {
  align-items: center;
  display: flex;
  flex-direction: column;
  /* .iconTabHealth{
            align-items: center;
            border-radius: 4px;
            display: block;
            display: flex;
            height: 40px;
            justify-content: center;
            margin-bottom:5px;
            width: 40px;

          .iconTabHealth__icon{
              height: auto;
              width: 35px;
          }
        } */
}
#kpi-page {
  padding: 50px 24px 50px 39px;
  width: 100%;
  height: 100%;
}
#kpi-page .header {
  padding: 16px 16px 24px;
  margin: 0 -24px;
  background-color: #F5F8FA;
  border-bottom: 1px solid #B3CADB;
}
#kpi-page .header .top-row {
  display: flex;
  padding: 8px 0;
}
#kpi-page .header .top-row p {
  margin-right: auto;
  color: #0E2636;
  font-size: 20px;
  font-weight: 500;
  text-transform: lowercase;
}
#kpi-page .header .top-row p::first-letter {
  text-transform: uppercase;
}
#kpi-page .header .filters {
  display: flex;
  column-gap: 8px;
}
#kpi-page .header .filters .filter-dropdown > div button {
  font-weight: 500;
  border: 1px solid #99B8CE;
}
#kpi-page .header .filters .filter-dropdown > div img {
  transition: all .3s;
}
#kpi-page .header .filters .filter-dropdown.open > div img {
  transform: rotate(180deg);
}
#kpi-page .header .filters .filter-dropdown ul {
  border: 1px solid #004E85;
  padding: 0;
  margin-top: 2px;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 150px;
}
#kpi-page .header .filters .filter-dropdown ul li {
  font-size: 14px;
  font-weight: 400;
  color: #0E2636;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
#kpi-page .header .filters .filter-dropdown ul li:hover {
  background-color: #E6EDF3;
}
#kpi-page .header .filters .filter-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#kpi-page .header .filters .filter-dropdown ul li:hover:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#kpi-page .header .filters .checkbox-dropdown .dropdown-toggle button {
  font-weight: 500;
  border: 1px solid #99B8CE;
}
#kpi-page .header .filters .checkbox-dropdown .dropdown-toggle img {
  transition: all .3s;
}
#kpi-page .header .filters .checkbox-dropdown.open .dropdown-toggle img {
  transform: rotate(180deg);
}
#kpi-page .header .filters .checkbox-dropdown .dropdown-menu {
  padding: 16px;
  border: 1px solid #004E85;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  border-radius: 8px;
  width: 238px;
}
#kpi-page .header .filters .checkbox-dropdown .dropdown-menu > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#kpi-page .header .filters .checkbox-dropdown .dropdown-menu > div p {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  color: #0E2636;
}
#kpi-page .header .filters .checkbox-dropdown .dropdown-menu > div img {
  cursor: pointer;
}
#kpi-page .header .filters .checkbox-dropdown .dropdown-menu ul {
  margin: 14px 0 14px 12px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}
#kpi-page .header .filters .checkbox-dropdown .dropdown-menu ul li {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
#kpi-page .header .filters .checkbox-dropdown .dropdown-menu ul li input {
  margin: 0;
}
#kpi-page .header .filters .checkbox-dropdown .dropdown-menu ul li label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #0E2636;
}
#kpi-page .header .filters .checkbox-dropdown .dropdown-menu > button {
  margin-left: auto;
  height: 24px;
}
#kpi-page .header .filters .select-entities-btn {
  border-color: #99B8CE;
}
#kpi-page .header .filters .select-entities-btn.button-primary img {
  filter: brightness(0) saturate(100%) invert();
}
#kpi-page .header .filters .create-kpi-link {
  margin-left: auto;
}
#kpi-page .kpi-container {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-left: -24px;
  padding: 16px;
}
#kpi-page .kpi-container .kpi-box {
  background-color: #F5F8FA;
  border: 1px solid #B3CADB;
  border-radius: 8px;
  padding: 16px;
  width: 260px;
  min-height: 332px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
#kpi-page .kpi-container .kpi-box.details-mode {
  background-color: #E6EDF3;
  border-color: #004E85;
}
#kpi-page .kpi-container .kpi-box .heading {
  display: flex;
  column-gap: 8px;
  justify-content: space-between;
  height: 56px;
}
#kpi-page .kpi-container .kpi-box .heading .title {
  text-transform: lowercase;
  color: #425360;
  font-size: 14px;
  font-weight: 400;
}
#kpi-page .kpi-container .kpi-box .heading .title::first-letter {
  text-transform: uppercase;
}
#kpi-page .kpi-container .kpi-box .heading .kpi-dropdown > div {
  display: flex;
}
#kpi-page .kpi-container .kpi-box .heading .kpi-dropdown > div img {
  width: 18px;
  height: 18px;
  transition: all .3s;
}
#kpi-page .kpi-container .kpi-box .heading .kpi-dropdown.open > div img {
  transform: rotate(90deg);
}
#kpi-page .kpi-container .kpi-box .heading .kpi-dropdown ul {
  top: 0;
  left: -240px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 230px;
}
#kpi-page .kpi-container .kpi-box .heading .kpi-dropdown ul li {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  color: #004E85;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
#kpi-page .kpi-container .kpi-box .heading .kpi-dropdown ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  padding: 0;
  transition: background 0.2s;
  z-index: 1;
}
#kpi-page .kpi-container .kpi-box .heading .kpi-dropdown ul li:hover {
  background-color: #E6EDF3;
}
#kpi-page .kpi-container .kpi-box .heading .kpi-dropdown ul li:hover a {
  background-color: #E6EDF3;
}
#kpi-page .kpi-container .kpi-box .heading .kpi-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#kpi-page .kpi-container .kpi-box .heading .kpi-dropdown ul li:hover:last-of-type {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
#kpi-page .kpi-container .kpi-box .heading .kpi-dropdown ul li.delete {
  color: #DD0546;
}
#kpi-page .kpi-container .kpi-box .pie-chart-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}
#kpi-page .kpi-container .kpi-box .pie-chart-container .chart {
  width: 190px;
  height: 190px;
  position: relative;
}
#kpi-page .kpi-container .kpi-box .pie-chart-container .info {
  position: absolute;
  font-size: 22px;
  font-weight: 400;
  height: 36px;
  color: #425360;
  display: flex;
  column-gap: 6px;
}
#kpi-page .kpi-container .kpi-box .kpi-legend {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
#kpi-page .kpi-container .kpi-box .kpi-legend li {
  display: flex;
  align-items: center;
  column-gap: 18px;
}
#kpi-page .kpi-container .kpi-box .kpi-legend li .color-box {
  min-width: 18px;
  min-height: 18px;
}
#kpi-page .kpi-container .kpi-box .kpi-legend li p {
  color: #0E2636;
  font-size: 12px;
  font-weight: 400;
  text-transform: lowercase;
}
#kpi-page .kpi-container .kpi-box .kpi-legend li p::first-letter {
  text-transform: uppercase;
}
#kpi-page .kpi-container .kpi-box .kpi-details > div {
  display: flex;
  align-items: center;
  column-gap: 12px;
}
#kpi-page .kpi-container .kpi-box .kpi-details > div img {
  cursor: pointer;
}
#kpi-page .kpi-container .kpi-box .kpi-details > div p {
  font-size: 14px;
  font-weight: 400;
  color: #004E85;
}
#kpi-page .kpi-container .kpi-box .kpi-details > ul {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  margin-top: 24px;
}
#kpi-page .kpi-container .kpi-box .kpi-details > ul > li {
  display: flex;
  align-items: center;
  column-gap: 18px;
}
#kpi-page .kpi-container .kpi-box .kpi-details > ul > li > div p {
  color: #0E2636;
  font-size: 12px;
  font-weight: 400;
  line-height: 24px;
}
#kpi-page .kpi-container .kpi-box .kpi-details > ul > li > div p.edited-label {
  color: #687680;
}
#kpi-add-edit .parameters-step-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#kpi-add-edit .parameters-step-title > p {
  color: #0E2636;
  font-size: 22px;
  font-weight: 600;
}
#kpi-add-edit .parameters-step-title button {
  font-weight: 400;
  text-decoration: underline;
}
#kpi-add-edit .kpi-collapsible {
  width: 100%;
  border: 1px solid #99B8CE;
  border-radius: 8px;
  margin-bottom: 16px;
}
#kpi-add-edit .kpi-collapsible[open] summary img {
  transform: rotate(180deg);
}
#kpi-add-edit .kpi-collapsible summary {
  font-size: 16px;
  font-weight: 500;
  color: #425360;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px;
  cursor: pointer;
}
#kpi-add-edit .kpi-collapsible summary img {
  transition: all .3s;
}
#kpi-add-edit .kpi-collapsible .content {
  padding: 24px 16px;
  border-top: 1px solid #99B8CE;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
}
#kpi-add-edit .no-pairable-parameters {
  position: absolute;
  background-color: #FFFFFF;
  top: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
#kpi-add-edit .no-pairable-parameters > div {
  width: 560px;
  color: #0E2636;
}
#kpi-add-edit .no-pairable-parameters > div .title {
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 24px;
}
#kpi-add-edit .no-pairable-parameters > div .key {
  font-size: 12px;
  font-weight: 500;
  line-height: 24px;
}
#kpi-add-edit .no-pairable-parameters > div .value {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #425360;
  margin-bottom: 24px;
}
#kpi-add-edit .no-pairable-parameters > div .go-back {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 24px;
}
#kpi-add-edit .no-pairable-parameters > div > button {
  margin-left: auto;
}
.row-direction-type {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
#download-info-dropdown .dropdown-toggle {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  transition: background .2s;
  display: flex;
  justify-content: center;
  align-items: center;
}
#download-info-dropdown .dropdown-menu {
  width: 175px;
  margin: 0px;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  padding: 0px;
}
#download-info-dropdown .dropdown-menu li {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
  cursor: pointer;
}
#download-info-dropdown .dropdown-menu li:hover:not(.disabled),
#download-info-dropdown .dropdown-menu li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
#download-info-dropdown .dropdown-menu li:hover:not(.disabled):first-of-type,
#download-info-dropdown .dropdown-menu li:hover:not(.disabled) a:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#download-info-dropdown .dropdown-menu li p {
  line-height: 35px;
  margin: 0px;
  padding: 10px 16px;
}
#download-info-dropdown .dropdown-menu li p:first-of-type {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
}
#download-info-dropdown .dropdown-menu li p:last-of-type {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
}
#risk-analysis {
  padding: 50px 24px 50px 39px;
  width: 100%;
  height: 100%;
}
#risk-analysis .box {
  background-color: #F5F8FA;
  border: 1px solid #B3CADB;
  border-radius: 8px;
  padding: 24px;
}
#risk-analysis .filter-dropdown > div button {
  font-weight: 500;
  border: 1px solid #99B8CE;
}
#risk-analysis .filter-dropdown > div img {
  transition: all .3s;
}
#risk-analysis .filter-dropdown.open > div img {
  transform: rotate(180deg);
}
#risk-analysis .filter-dropdown ul {
  border: 0;
  padding: 0;
  margin-top: 2px;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 150px;
}
#risk-analysis .filter-dropdown ul li {
  font-size: 14px;
  font-weight: 400;
  color: #0E2636;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
#risk-analysis .filter-dropdown ul li:hover {
  background-color: #E6EDF3;
}
#risk-analysis .filter-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#risk-analysis .low p,
#risk-analysis .severity-high p {
  color: #DD0546;
}
#risk-analysis .low .bar div:first-of-type,
#risk-analysis .severity-high .bar div:first-of-type {
  background-color: #DD0546;
}
#risk-analysis .medium p,
#risk-analysis .severity-medium p {
  color: #F46A00;
}
#risk-analysis .medium .bar div:first-of-type,
#risk-analysis .severity-medium .bar div:first-of-type {
  background-color: #F46A00;
}
#risk-analysis .good p {
  color: #F2B334;
}
#risk-analysis .good .bar div:first-of-type {
  background-color: #F2B334;
}
#risk-analysis .very-good p {
  color: #47A03F;
}
#risk-analysis .very-good .bar div:first-of-type {
  background-color: #47A03F;
}
#risk-analysis .excellent p,
#risk-analysis .severity-low p {
  color: #146D0C;
}
#risk-analysis .excellent .bar div:first-of-type,
#risk-analysis .severity-low .bar div:first-of-type {
  background-color: #146D0C;
}
#risk-analysis .bar {
  display: flex;
}
#risk-analysis .bar div {
  height: 4px;
  border-radius: 2px;
}
#risk-analysis .bar div:first-of-type {
  z-index: 2;
}
#risk-analysis .bar div:last-of-type {
  margin-left: -2px;
  background-color: #E6EDF3;
}
#risk-analysis table .dropdown-menu {
  top: -16px;
}
#risk-analysis .header {
  padding: 16px;
  margin: 0 -24px;
  background-color: #F5F8FA;
  border-bottom: 1px solid #99B8CE;
}
#risk-analysis .header .top-row {
  display: flex;
  align-items: center;
  padding: 8px 0;
}
#risk-analysis .header .top-row a img {
  height: 20px;
  margin-right: 20px;
  cursor: pointer;
}
#risk-analysis .header .top-row p {
  margin-right: auto;
  color: #0E2636;
  font-size: 20px;
  font-weight: 500;
  text-transform: lowercase;
}
#risk-analysis .header .top-row p::first-letter {
  text-transform: uppercase;
}
#risk-analysis .header .filters {
  display: flex;
  column-gap: 8px;
  margin-top: 16px;
}
#risk-analysis .details-table-container table {
  margin-top: 24px;
}
#risk-analysis .secondary-filters {
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
}
#risk-analysis .charts-container {
  display: flex;
  column-gap: 16px;
  height: 520px;
}
#risk-analysis .charts-container .pie-chart-box,
#risk-analysis .charts-container .bar-chart-box {
  color: #687680;
  font-size: 14px;
  font-weight: 400;
}
#risk-analysis .charts-container .pie-chart-box .title,
#risk-analysis .charts-container .bar-chart-box .title {
  color: #425360;
  text-align: left;
  text-transform: lowercase;
}
#risk-analysis .charts-container .pie-chart-box .title::first-letter,
#risk-analysis .charts-container .bar-chart-box .title::first-letter {
  text-transform: uppercase;
}
#risk-analysis .charts-container .pie-chart-box .title-no-capitalize,
#risk-analysis .charts-container .bar-chart-box .title-no-capitalize {
  color: #425360;
  text-align: left;
}
#risk-analysis .charts-container .pie-chart-box .value,
#risk-analysis .charts-container .bar-chart-box .value {
  font-size: 40px;
  color: #004E85;
}
#risk-analysis .charts-container .pie-chart-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  position: relative;
}
#risk-analysis .charts-container .pie-chart-box #chart_1 {
  width: 250px;
  height: 250px;
  margin: 28px auto;
}
#risk-analysis .charts-container .pie-chart-box .info {
  width: 140px;
  height: 140px;
  position: absolute;
  top: 34%;
  left: calc(50% - 70px);
}
#risk-analysis .charts-container .pie-chart-box .info p:nth-child(odd) {
  line-height: 28px;
}
#risk-analysis .charts-container .pie-chart-box .info .value {
  margin-bottom: 4px;
}
#risk-analysis .charts-container .pie-chart-box .info .performance-value {
  font-weight: 500;
}
#risk-analysis .charts-container .pie-chart-box .info .performance-value.low {
  color: #DD0546;
}
#risk-analysis .charts-container .pie-chart-box .info .performance-value.medium {
  color: #F46A00;
}
#risk-analysis .charts-container .pie-chart-box .info .performance-value.good {
  color: #F2B334;
}
#risk-analysis .charts-container .pie-chart-box .info .performance-value.very-good {
  color: #47A03F;
}
#risk-analysis .charts-container .pie-chart-box .info .performance-value.excellent,
#risk-analysis .charts-container .pie-chart-box .info .performance-value.high {
  color: #146D0C;
}
#risk-analysis .charts-container .bar-chart-box {
  flex: 2;
  display: flex;
  flex-direction: column;
}
#risk-analysis .charts-container .bar-chart-box #risk-analysis-bar-chart {
  height: 265px;
  margin: 8px 0;
}
#risk-analysis .charts-container .bar-chart-box .info {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
#risk-analysis .charts-container .bar-chart-box .date-label {
  text-align: right;
}
#risk-analysis .charts-container .bar-chart-box .date-value {
  color: #004E85;
  font-size: 24px;
}
#risk-analysis .charts-container .bar-chart-box .chart-axis-legend {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
#risk-analysis .charts-container .bar-chart-box .severity-legend {
  display: flex;
  column-gap: 14px;
  margin-top: 12px;
}
#risk-analysis .charts-container .bar-chart-box .severity-legend div {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
#risk-analysis .charts-container .bar-chart-box .severity-legend div p {
  color: #687680 !important;
}
#risk-analysis .charts-container .bar-chart-box .severity-legend div .bar div {
  width: 14px !important;
  margin: 0 !important;
}
#risk-analysis #pie-chart-menu {
  position: absolute;
  display: none;
  flex-direction: column;
  padding: 16px;
  width: 360px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
}
#risk-analysis #pie-chart-menu .performance-info {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
#risk-analysis #pie-chart-menu .performance-info div:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#risk-analysis #pie-chart-menu .performance-info div:first-of-type p {
  font-size: 14px;
  font-weight: 500;
}
#risk-analysis #pie-chart-menu .performance-info div:first-of-type span {
  font-size: 12px;
  font-weight: 400;
  color: #687680;
}
#risk-analysis #pie-chart-menu .general-info {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 0;
  gap: 16px 32px;
}
#risk-analysis #pie-chart-menu .general-info > div {
  width: 148px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#risk-analysis #pie-chart-menu .general-info > div p:first-of-type {
  font-size: 12px;
  font-weight: 500;
  color: #0E2636;
}
#risk-analysis #pie-chart-menu .general-info > div p:last-of-type {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
}
#risk-analysis #pie-chart-menu .filter-link {
  font-size: 16px;
  font-weight: 500;
  margin: 0 -16px;
  padding: 24px 16px 8px;
  border-top: 1px solid #9EB7CB;
  color: #004E85;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#risk-analysis .tag-cloud-container {
  margin-top: 32px;
}
#risk-analysis .tag-cloud-container > p {
  font-size: 16px;
  font-weight: 500;
  color: #0E2636;
  text-transform: lowercase;
}
#risk-analysis .tag-cloud-container > p::first-letter {
  text-transform: uppercase;
}
#risk-analysis .tag-cloud-container > span {
  font-size: 16px;
  font-weight: 500;
  color: #0E2636;
}
#risk-analysis .tag-cloud-container .tag-cloud-box {
  margin-top: 16px;
  height: 550px;
  display: flex;
  column-gap: 24px;
}
#risk-analysis .tag-cloud-container .tag-cloud-box .legend {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #FFFFFF;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  width: 180px;
  height: 100%;
  padding: 16px;
}
#risk-analysis .tag-cloud-container .tag-cloud-box .legend .info {
  color: #687680;
}
#risk-analysis .tag-cloud-container .tag-cloud-box .legend .info p {
  text-transform: lowercase;
}
#risk-analysis .tag-cloud-container .tag-cloud-box .legend .info p::first-letter {
  text-transform: uppercase;
}
#risk-analysis .tag-cloud-container .tag-cloud-box .legend .info p:last-child {
  color: #425360;
}
#risk-analysis .tag-cloud-container .tag-cloud-box .legend .info span {
  display: block;
}
#risk-analysis .tag-cloud-container .tag-cloud-box .legend .info span:last-child {
  color: #425360;
}
#risk-analysis .tag-cloud-container .tag-cloud-box .legend .levels p {
  margin: 10px 0;
}
#risk-analysis .tag-cloud-container .tag-cloud {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: auto;
}
#risk-analysis .tag-cloud-container .tag-cloud #dropdown-toggle {
  height: fit-content;
  border-radius: 8px;
  padding: 0.5em;
  cursor: pointer;
  transition: background 0.2s;
}
#risk-analysis .tag-cloud-container .tag-cloud #dropdown-toggle:hover {
  background-color: #E6EDF3;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu {
  border: none;
  padding: 16px;
  min-width: 220px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  color: #0E2636;
  font-size: 12px;
  font-weight: 500;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu > p {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 32px;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li {
  display: flex;
  justify-content: space-between;
  padding: 10px 0;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li p:last-of-type:not('.levels') {
  color: #425360;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li.levels {
  flex-direction: column;
  row-gap: 8px;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li.levels div:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li.levels div:first-of-type p {
  font-size: 14px;
  font-weight: 400;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li.levels div:first-of-type span {
  color: #687680;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li.details-link {
  font-size: 16px;
  font-weight: 500;
  margin: 6px -16px 0;
  padding: 24px 16px 8px;
  border-top: 1px solid #9EB7CB;
  color: #004E85;
  cursor: pointer;
  position: relative;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li.details-link .details-tooltip {
  font-size: 14px;
  font-weight: 500;
  visibility: hidden;
  background-color: #FFFFFF;
  color: #687680;
  position: absolute;
  z-index: 1;
  bottom: 35px;
  left: 10px;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  padding: 8px;
  width: 200px;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li.details-link:hover .details-tooltip {
  visibility: visible;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li.details-link.disabled {
  cursor: not-allowed;
}
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li.details-link.disabled > p,
#risk-analysis .tag-cloud-container .tag-cloud .dropdown-menu li.details-link.disabled > img {
  opacity: 50%;
}
#risk-analysis .tag-cloud-container .tag-cloud span {
  font-weight: 500;
}
#risk-analysis .tag-cloud-container .tag-cloud span.low {
  color: #146D0C;
}
#risk-analysis .tag-cloud-container .tag-cloud span.medium {
  color: #F46A00;
}
#risk-analysis .tag-cloud-container .tag-cloud span.high {
  color: #DD0546;
}
#risk-analysis .main-table-container {
  margin-top: 32px;
}
#risk-analysis .main-table-container .table-title {
  font-size: 16px;
  font-weight: 500;
  color: #0E2636;
  text-transform: lowercase;
}
#risk-analysis .main-table-container .table-title::first-letter {
  text-transform: uppercase;
}
#risk-analysis .main-table-container table {
  margin-top: 16px;
}
#risk-analysis .buttons-container {
  justify-content: flex-end;
  margin: 30px 0;
}
#route-georeference-input {
  position: relative;
}
#route-georeference-input > div {
  margin-left: 40px;
}
#route-georeference-input > div:first-of-type {
  margin-bottom: 34px;
}
#route-georeference-input::before {
  content: url('../../images/new-icons/global/path_route_icon.svg');
  position: absolute;
  top: 66px;
}
.route-roadmap-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.route-roadmap-header p {
  font-size: 20px;
  font-weight: 600;
  color: #0E2636;
}
.route-travel-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #0E2636;
  border-radius: 8px;
  padding: 8px 16px;
  height: 38px;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: 500;
}
.route-travel-info div {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.route-travel-info div p {
  font-size: 16px;
  font-weight: 600;
}
.route-travel-info div .dot {
  background-color: #FFFFFF;
  width: 4px;
  height: 4px;
  border-radius: 50%;
}
.route-roadmap {
  margin-top: 32px;
}
.route-roadmap .start-address,
.route-roadmap .end-address {
  display: flex;
  align-items: center;
  column-gap: 16px;
  background-color: #F5F8FA;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  border-radius: 8px;
  padding: 16px;
}
.route-roadmap .start-address img,
.route-roadmap .end-address img {
  width: 32px;
  height: 32px;
}
.route-roadmap .start-address p,
.route-roadmap .end-address p {
  font-size: 16px;
  font-weight: 600;
  color: #0E2636;
}
.route-roadmap .drag-drop-container {
  border-left: 2px dashed #004E85;
  margin: 10px 0 10px 29px;
  padding: 22px 0 22px 32px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.route-roadmap .drag-drop-container .waypoint {
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 13px;
  border: 3px dotted transparent;
}
.route-roadmap .drag-drop-container .waypoint.over {
  border-color: #A8B0B5;
}
.route-roadmap .drag-drop-container .waypoint .drag-icon {
  width: 15px;
  height: 15px;
  cursor: move;
  margin-right: 24px;
}
.route-roadmap .drag-drop-container .waypoint .waypoint-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  margin-right: 16px;
}
.route-roadmap .drag-drop-container .waypoint .waypoint-info {
  flex-grow: 2;
}
.route-roadmap .drag-drop-container .waypoint .waypoint-info p span {
  font-size: 14px;
  font-weight: 500;
  color: #0E2636;
}
.route-roadmap .drag-drop-container .waypoint .time-summary {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.route-roadmap .drag-drop-container .waypoint .time-summary .time-setter {
  display: flex;
  align-items: center;
  column-gap: 25px;
  margin-bottom: 4px;
}
.route-roadmap .drag-drop-container .waypoint .time-summary .time-setter .waypoint-time {
  width: 80px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #0E2636;
}
.route-roadmap .drag-drop-container .waypoint .time-summary .time-setter .minus,
.route-roadmap .drag-drop-container .waypoint .time-summary .time-setter .plus {
  width: 12px;
  height: 12px;
  cursor: pointer;
}
.route-roadmap .drag-drop-container .waypoint .time-summary .time-setter .minus.blocked {
  cursor: not-allowed;
}
.route-roadmap .drag-drop-container .waypoint .time-summary .time-info div {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 16px;
}
.route-roadmap .drag-drop-container .waypoint .time-summary .time-info .description {
  font-size: 12px;
  font-weight: 500;
  color: #A8B0B5;
}
.route-roadmap .drag-drop-container .waypoint .time-summary .time-info .time {
  font-size: 14px;
  font-weight: 700;
  color: #0E2636;
}
.route-directions-action-buttons {
  margin-left: 12px !important;
  bottom: 20px !important;
}
.route-directions-action-buttons button {
  height: 30px;
  min-width: 70px !important;
  max-width: 70px !important;
  display: inline-flex;
  margin-right: 3px;
  font-size: 12px;
  font-weight: normal;
}
.route-directions-action-buttons button:last-of-type {
  color: white;
  background-color: #DD0546;
}
.route-directions-action-buttons button:last-of-type:disabled {
  color: #ffffffa3;
}
#route-map .gm-style-iw.gm-style-iw-c {
  width: fit-content !important;
  min-width: fit-content !important;
  max-width: fit-content !important;
  padding: 8px !important;
  cursor: pointer !important;
}
#route-map .gm-style-iw.gm-style-iw-c .routeInfoWindow {
  display: grid;
  grid-template: auto auto / auto auto;
  column-gap: 9px;
}
#route-map .gm-style-iw.gm-style-iw-c .routeInfoWindow img {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 3;
  grid-column-end: 2;
  width: 32px;
  height: 32px;
}
#route-map .gm-style-iw.gm-style-iw-c .routeInfoWindow p {
  font-family: 'Karla';
  color: #002B49;
  margin: 0;
}
#route-map .gm-style-iw.gm-style-iw-c .routeInfoWindow p:first-of-type {
  grid-row-start: 1;
  grid-column-start: 2;
  grid-row-end: 2;
  grid-column-end: 3;
  font-weight: bold;
  font-size: 16px;
}
#route-map .gm-style-iw.gm-style-iw-c .routeInfoWindow p:last-of-type {
  grid-row-start: 2;
  grid-column-start: 2;
  grid-row-end: 3;
  grid-column-end: 3;
  font-weight: 500;
  font-size: 12px;
}
#route-map .gm-style-iw.gm-style-iw-c button {
  display: none !important;
}
.duration-modal-form {
  display: flex;
  gap: 16px 48px;
  margin: 24px 0 40px 0;
}
.duration-modal-form.col {
  flex-direction: column;
}
.duration-modal-form label {
  display: flex;
  align-items: center;
  column-gap: 16px;
  font-size: 14px;
  font-weight: normal;
  color: #212121;
  margin: 0;
}
.duration-modal-form input {
  width: 24px;
  height: 24px;
  margin: 0;
}
.modal-link-token-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 16px 0 21px;
}
.modal-link-token-container > div a {
  font-size: 14px;
}
.modal-link-token-container > div p {
  margin-bottom: 8px;
}
.modal-link-token-container > div .title {
  font-size: 12px !important;
  font-weight: normal !important;
  color: #687680;
}
.modal-link-token-container > div .token {
  font-weight: normal !important;
  color: #425360;
}
.modal-link-token-container > div .link {
  font-weight: normal !important;
  color: #004E85;
}
.modal-link-token-container button {
  margin: 0;
  padding: 0;
  width: 90px;
  height: 34px;
}
.theft-details-top {
  display: flex;
  column-gap: 16px;
}
.theft-details-top .vehicle-details-back-button {
  transform: rotate(-90deg);
}
.theft-details-group {
  padding: 20px 0;
}
.theft-progress {
  border-radius: 4px;
  border: 1px solid #9EB7CB;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  padding: 24px 30px;
}
.theft-progress > div {
  align-items: center;
  column-gap: 16px;
  display: flex;
}
.theft-progress > div .progress-icon,
.theft-progress > div .progress-icon-complete {
  align-items: center;
  border-radius: 50%;
  border: 1px solid #FFFFFF;
  box-sizing: border-box;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
  box-shadow: 0px 3px 5px -1px grey;
}
.theft-progress > div .progress-icon img,
.theft-progress > div .progress-icon-complete img {
  width: 16px;
}
.theft-progress > div .progress-icon {
  background-color: #A8B0B5;
}
.theft-progress > div .progress-icon-complete {
  background-color: #004E85;
}
.theft-progress > div:last-of-type .progress-icon::after {
  height: 0px;
}
.theft-progress > div .progress-info {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
}
.theft-progress > div .progress-info div {
  font: normal normal normal 14px/21px Roboto;
  color: #425360;
}
.theft-progress .progress-bar,
.theft-progress .progress-bar-complete {
  border-radius: 10px;
  height: 33px;
  margin: 5px 0px 5px 17px;
  width: 3.5px;
}
.theft-progress .progress-bar {
  background-color: #A8B0B5;
}
.theft-progress .progress-bar-complete {
  background-color: #004E85;
}
.progress-state {
  flex: 15%;
}
.progress-date {
  flex: 20%;
}
.progress-label {
  flex: 60%;
}
.theft-shares-table th:last-of-type {
  width: 60px;
}
.theft-shares-table li.activate-share,
.theft-shares-table li.activate:hover {
  color: #509E2F !important;
}
.theft-shares-table li.deactivate-share,
.theft-shares-table li.deactivate-share:hover {
  color: #E92732 !important;
}
#trips-page {
  margin: 60px 30px 100px;
  width: 100%;
  height: 100%;
}
#trips-page > .header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #99B8CE;
}
#trips-page > .header .tab-selector {
  width: 400px;
}
#trips-page > .header .tab-selector li {
  padding: 15px 0;
}
#trips-page > .header .tab-selector li a {
  font-size: 16px;
  text-transform: capitalize;
}
#trips-page > .header .tab-selector li.active a {
  color: #004E85;
}
#trips-page > .header .tab-selector li:not(.active) {
  border-bottom: none;
}
.trips-date-info {
  display: flex;
  align-items: center;
  column-gap: 32px;
}
.trips-date-info .date-range {
  font-size: 14px;
  font-weight: 500;
}
.trips-date-info .date-range span {
  font-weight: bold;
}
.trips-date-info .date-navbar {
  display: flex;
  border: 1px solid #99B8CE;
  border-radius: 8px;
}
.trips-date-info .date-navbar button {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 8px;
  background-color: #FFFFFF;
}
.trips-date-info .date-navbar button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.trips-date-info .date-navbar input {
  font-size: 14px;
  font-weight: 500;
  color: #0E2636;
  border: 1px solid #99B8CE;
  border-top: none;
  border-bottom: none;
  text-align: center;
  cursor: pointer;
}
#trip-reconstruction {
  height: calc(100vh - 50px);
  width: 100%;
  display: flex;
}
#trip-reconstruction #trip-rec-map {
  width: 100%;
  height: 100%;
}
#trip-reconstruction #trip-rec-map.show-street-view {
  width: 50%;
}
#trip-reconstruction #trip-rec-map .satellite-control,
#trip-reconstruction #trip-rec-map .buttons-control {
  bottom: 172px !important;
  left: 16px !important;
}
#trip-reconstruction #trip-rec-map .gm-bundled-control {
  bottom: 215px !important;
  left: 16px !important;
}
#trip-reconstruction #trip-rec-map .zoom-control {
  bottom: 218px !important;
  left: 16px !important;
}
#trip-reconstruction #toggle-street-view-btn {
  position: absolute;
  bottom: 172px;
  left: 390px;
  height: 30px;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
}
#trip-reconstruction #toggle-street-view-btn.active {
  background-color: #E6EDF3 !important;
}
#trip-reconstruction #toggle-poi-and-geo-btn {
  position: absolute;
  bottom: 172px;
  left: 492px;
  height: 30px;
  padding: 8px;
  font-size: 12px;
  font-weight: 400;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
}
#trip-reconstruction #toggle-poi-and-geo-btn.active {
  background-color: #E6EDF3 !important;
}
#trip-reconstruction #trip-street-view {
  position: relative;
  width: 50%;
  height: 100%;
  display: none;
}
#trip-reconstruction #trip-street-view.show {
  display: block;
}
#trip-reconstruction #trip-street-view #panorama-controls-zoom {
  bottom: 172px !important;
}
#trip-reconstruction .player-container {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  bottom: 24px;
  left: 15px;
  right: 0;
  height: 116px;
  background: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  border-radius: 8px;
  margin: 0 16px 16px;
  padding: 20px 24px 28px;
  z-index: 1;
}
#trip-reconstruction .player-container.margin-right {
  margin-right: 70px;
}
#trip-reconstruction .player-container .player-header {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  justify-content: space-between;
}
#trip-reconstruction .player-container .player-header .player {
  display: flex;
}
#trip-reconstruction .player-container .player-header .player div {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  cursor: pointer;
}
#trip-reconstruction .player-container .player-header .player div:hover {
  transition: background 0.1s;
  background: #E6EDF3;
  border-radius: 50%;
}
#trip-reconstruction .player-container .player-header .speed-btns-container {
  display: flex;
  column-gap: 4px;
}
#trip-reconstruction .player-container .player-header .speed-btns-container button {
  height: 30px;
}
#trip-reconstruction .player-container .player-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 24px;
}
#trip-reconstruction .player-container .player-footer .timeline {
  width: 100%;
}
#trip-reconstruction .player-container .player-footer .time-label {
  font-size: 14px;
  color: #0E2636;
  white-space: nowrap;
}
.cell-hidden-icon {
  width: 80px;
}
.hide-button {
  cursor: pointer;
  display: flex;
  align-items: center;
  width: 30px;
  height: 30px;
}
.hidden-convoy {
  opacity: 50% !important;
}
.risk-cell {
  display: flex;
  align-items: center;
  position: relative;
}
.risk-cell .risk-dot {
  min-width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: red;
  border-radius: 50%;
  margin-left: 30px;
}
.risk-cell .risk-dot p {
  color: white;
}
.convoy-route-container {
  border: 1px solid #99B8CE;
  border-radius: 8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: start;
  gap: 0 20px;
  padding-left: 15px;
}
.convoy-route-container p {
  color: #004E85;
}
.convoy-route-container .convoy-route-detail {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.convoy-progress {
  border-radius: 8px;
  border: 1px solid #9EB7CB;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  padding: 15px;
}
.convoy-progress .progress-row {
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  position: relative;
}
.convoy-progress .progress-info {
  display: flex;
  flex-direction: row;
  padding: 15px;
  align-items: center;
  gap: 120px;
  width: 100%;
  border-bottom: 1px dotted lightgrey;
}
.convoy-progress .progress-info div.status-cell {
  border-radius: 8px;
  width: 72px;
  padding: 6px 0;
  text-align: center;
}
.convoy-progress .progress-info div.status-cell.active {
  background-color: #EDF6EC;
  color: #19880F;
}
.convoy-progress .progress-info div.status-cell.inactive {
  background-color: #FCE6EC;
  color: #DD0546;
}
.convoy-progress .progress-info .step-icon {
  width: 50px;
}
.convoy-progress .progress-info .step-name {
  width: 150px;
}
.convoy-progress .progress-info .step-type {
  width: 100px;
}
.convoy-progress .progress-info .step-position {
  width: 400px;
}
.convoy-progress .progress-info .step-status {
  width: 200px;
  display: flex;
  justify-content: end;
}
.convoy-progress .progress-info .step-time {
  width: 100px;
  display: flex;
  justify-content: end;
}
.convoy-progress .progress-bar,
.convoy-progress .progress-bar-complete {
  position: absolute;
  border-radius: 10px;
  height: 30px;
  margin: 5px 0px 5px 17px;
  width: 3.5px;
  top: 58px;
  left: 11px;
}
.convoy-progress .progress-bar {
  background-color: #A8B0B5;
}
.convoy-progress .progress-bar-complete {
  background-color: #004E85;
}
.step-no-border {
  border: none !important;
}
.convoy-flex-end {
  display: flex;
  justify-content: flex-end;
}
.convoy-details-top {
  display: flex;
  column-gap: 16px;
}
.convoy-details-top .convoy-details-back-button {
  transform: rotate(-90deg);
}
.convoy-detail-title {
  padding: 20px 0 20px 0;
}
.table-dropdown button:hover {
  background-color: #E6EDF3;
  transition: background 0.2s;
}
.table-dropdown.open > div button {
  background-color: #E6EDF3;
}
.table-dropdown ul {
  left: -15px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 170px;
}
.table-dropdown ul li {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  color: #004E85;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
.table-dropdown ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  padding: 0;
  transition: background 0.2s;
  z-index: 1;
}
.table-dropdown ul li:hover:not(.disabled),
.table-dropdown ul li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
.table-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.table-dropdown ul li.disabled {
  color: #A8B0B5;
}
.table-dropdown ul li.disabled:hover .table-tooltip {
  display: block;
}
.table-dropdown ul li.delete {
  color: #DD0546;
}
#tracking-link {
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize;
  color: #004E85;
  border-radius: 0;
  cursor: pointer;
}
#tracking-link a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  padding: 0;
}
.tracking-dropdown {
  position: relative;
}
.tracking-dropdown-content {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 180px;
  min-height: 70px;
  z-index: 1;
  border: none;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  color: #0E2636;
  left: -180px;
  top: -105px;
}
.tracking-dropdown-content li {
  padding: 5px 20px;
  cursor: pointer;
}
.tracking-dropdown-content li a {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
  justify-content: center;
  align-items: center;
}
.tracking-dropdown-content li:hover:not(.disabled),
.tracking-dropdown-content li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
.tracking-dropdown-content li:hover:not(.disabled):first-of-type,
.tracking-dropdown-content li:hover:not(.disabled) a:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.tracking-dropdown-content li p {
  line-height: 35px;
  margin: 0px;
}
.tracking-dropdown-content li p:first-of-type {
  font-size: 12px;
  font-weight: 400;
  color: #425360;
}
.tracking-dropdown-content li p:last-of-type {
  font-size: 14px;
  font-weight: 500;
  color: #004E85;
}
.tracking-dropdown:hover .tracking-dropdown-content {
  display: block;
}
.convoy-admin-progress {
  border-radius: 4px;
  border: 1px solid #9EB7CB;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  padding: 15px;
}
.convoy-admin-progress .convoy-admin-progress-row {
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  position: relative;
}
.convoy-admin-progress .convoy-admin-progress-row .convoy-admin-step-icon {
  background-color: #004E85;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 40px;
  min-height: 40px;
}
.convoy-admin-progress .convoy-admin-progress-row .convoy-admin-step-icon img:not(.start-end-img) {
  filter: brightness(0) saturate(100%) invert(100%);
  max-width: 20px;
}
.convoy-admin-progress .convoy-admin-progress-info {
  display: flex;
  flex-direction: row;
  padding: 15px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px dotted lightgrey;
}
.convoy-admin-progress .convoy-admin-progress-info p {
  text-overflow: ellipsis;
  overflow: hidden;
}
.convoy-admin-progress .convoy-admin-progress-info div.status-cell {
  border-radius: 8px;
  width: 72px;
  padding: 6px 0;
  text-align: center;
}
.convoy-admin-progress .convoy-admin-progress-info div.status-cell.active {
  background-color: #EDF6EC;
  color: #19880F;
}
.convoy-admin-progress .convoy-admin-progress-info div.status-cell.inactive {
  background-color: #FCE6EC;
  color: #DD0546;
}
.convoy-admin-progress .convoy-admin-progress-info .convoy-admin-step-name {
  width: 150px;
}
.convoy-admin-progress .convoy-admin-progress-info .convoy-admin-step-type {
  width: 100px;
}
.convoy-admin-progress .convoy-admin-progress-info .convoy-admin-step-position {
  line-height: 1.5;
  width: 350px;
}
.convoy-admin-progress .convoy-admin-progress-info .convoy-admin-step-tea {
  width: 120px;
}
.convoy-admin-progress .convoy-admin-progress-info .convoy-admin-step-status {
  width: 100px;
  display: flex;
  justify-content: end;
}
.convoy-admin-progress .convoy-admin-progress-info .convoy-admin-step-time {
  width: 80px;
  display: flex;
  justify-content: end;
}
.convoy-admin-progress .convoy-admin-progress-bar,
.convoy-admin-progress .convoy-admin-progress-bar-complete {
  position: absolute;
  border-radius: 10px;
  height: 45px;
  margin: 5px 0px 5px 17px;
  width: 3.5px;
  top: 70px;
  left: 11px;
}
.convoy-admin-progress .convoy-admin-progress-bar {
  background-color: #A8B0B5;
}
.convoy-admin-progress .convoy-admin-progress-bar-complete {
  background-color: #004E85;
}
.convoy-admin-step-no-border {
  border: none !important;
}
.convoy-back-icon {
  transform: rotate(-180deg);
}
.convoy-info-container {
  width: 20%;
  padding-left: 24px;
  border-left: 1px solid #99B8CE;
  height: calc(100vh - 130px);
}
.convoy-info-container .convoy-summary {
  color: black;
  font-size: larger;
  font-weight: bolder;
  padding-bottom: 30px;
}
.convoy-info-container .convoy-info {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.convoy-info-container .convoy-info .convoy-info-title {
  font-size: 14px;
  padding-bottom: 12px;
}
.convoy-info-container .convoy-info .convoy-info-data {
  font-size: 17px;
  margin-bottom: 8px;
}
.convoy-info-container .convoy-info .convoy-info-groups-list,
.convoy-info-container .convoy-info .convoy-info-vehicles-list {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.convoy-info-container .convoy-info .convoy-info-groups-list {
  margin-top: 5px;
}
.convoy-name-used {
  color: red;
  font-size: 12px;
  line-height: 16px;
  margin-top: 5px;
}
.convoy-name-used-input,
.convoy-name-used-input:focus {
  border: 1px solid red;
}
.convoy-step-title {
  font-size: 22px;
  color: #0E2636;
  font-weight: 600;
  margin-bottom: 40px;
}
.convoy-date-time-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
}
.convoy-date-time-row .convoy-input-date-time {
  width: 50% !important;
}
.convoy-group-element {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  margin-bottom: 40px;
}
.convoy-group-element p {
  color: black;
  font-weight: 600;
}
.convoy-group-table {
  margin-bottom: 50px;
}
.convoy-input-small {
  height: 50px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.convoy-input-small > div {
  margin-top: auto;
}
.convoy-create-summary-container {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.convoy-create-summary-container .convoy-summary-done-icon-container {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #19880F;
  display: flex;
  justify-content: center;
  align-items: center;
}
.convoy-create-summary-container .convoy-summary-done-icon-container img {
  width: 100px;
}
.convoy-create-summary-container .convoy-summary-title {
  color: black;
  margin-top: 50px;
  font-size: 26px;
  font-weight: 500;
}
.convoy-create-summary-container .convoy-create-summary-tab {
  width: 500px;
  height: 450px;
  background-color: #99B8CE;
}
.convoy-create-summary-container .convoy-summary-details {
  margin-top: 75px;
  background-color: #E1E1E1;
  width: 680px;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
}
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info-locations {
  width: 100% !important;
}
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info-locations,
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info {
  margin-top: 20px;
  width: 45%;
  height: 100%;
}
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info-locations .convoy-summary-info-title,
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info .convoy-summary-info-title {
  font-size: 14px;
  padding-bottom: 12px;
}
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info-locations .convoy-summary-info-data,
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info .convoy-summary-info-data {
  font-size: 17px;
  margin-bottom: 10px;
  color: black;
}
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info-locations .convoy-summary-info-groups-list,
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info .convoy-summary-info-groups-list,
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info-locations .convoy-summary-info-vehicles-list,
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info .convoy-summary-info-vehicles-list {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info-locations .convoy-summary-info-groups-list,
.convoy-create-summary-container .convoy-summary-details .convoy-summary-info .convoy-summary-info-groups-list {
  margin-top: 5px;
}
.convoy-create-summary-container .convoy-summary-buttons {
  display: flex;
  gap: 10px;
  margin-top: 50px;
  height: 100px;
}
.convoy-create-error-container {
  margin-top: 150px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  width: 100%;
}
.convoy-create-error-container img {
  width: 130px;
  height: 130px;
}
.convoy-create-error-container .error {
  font-size: 30px;
  color: #0E2636;
  font-weight: 500;
}
.convoy-create-error-container .detail {
  font-size: 22px;
  color: #0E2636;
  font-weight: 500;
}
.convoy-create-error-container .vehicles-list {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.convoy-create-error-container .vehicles-list li {
  background-color: #E1E1E1;
  border-radius: 8px;
  padding: 12px;
}
.convoy-create-error-container .vehicles-list li p {
  font-size: 18px;
}
.convoy-create-error-container .vehicles-list li p span {
  color: #0E2636;
}
.convoy-create-error-container button {
  margin-top: 20px;
}
#new-edit-page {
  padding: 60px 30px 100px;
  width: 100%;
  height: 100%;
}
#new-edit-page > .header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #99B8CE;
}
#new-edit-page > .header .tab-selector {
  width: 400px;
}
#new-edit-page > .header .tab-selector li {
  padding: 15px 0;
}
#new-edit-page > .header .tab-selector li a {
  font-size: 16px;
  text-transform: capitalize;
}
#new-edit-page > .header .tab-selector li.active a {
  color: #004E85;
}
#new-edit-page > .header .tab-selector li:not(.active) {
  border-bottom: none;
}
#new-edit-page .tab-content .container-list-actions {
  height: 60px;
  align-items: initial;
  justify-content: initial;
}
#new-edit-page .tab-content .container-list-actions .form-group {
  margin-top: -21px;
}
#new-edit-page .tab-content .container-list-actions .filters-buttons {
  display: flex;
  overflow: auto;
  column-gap: 10px;
  margin: 0 10px;
}
#new-edit-page .tab-content .container-list-actions .filters-buttons button {
  min-width: auto;
}
#new-edit-page .tab-content .container-list-actions .filters-buttons button img {
  width: 11px;
}
#new-edit-page .tab-content .container-list-actions > button {
  min-width: 177px;
  margin-left: auto;
}
#new-edit-page .tab-content table .dropdown-menu {
  top: -10px;
}
#new-edit-page #alerts-table th:first-of-type {
  width: 54px;
}
.convoy-edit-container {
  margin: 100px 0 0 100px;
  width: 350px;
  height: 300px;
}
.convoy-edit-container .convoy-edit-buttons {
  display: flex;
  gap: 10px;
  margin-top: 40px;
  height: 100px;
}
.convoy-edit-table-container {
  width: 800px;
  height: 100%;
}
#convoy-tracking {
  padding: 150px;
  display: flex;
  flex-direction: column;
  gap: 25px;
  width: 100%;
}
#convoy-tracking .title {
  font-size: 24px;
  color: black;
}
#convoy-tracking .main-container {
  width: 50%;
  background-color: #F5F8FA;
  border-radius: 8px;
  padding: 25px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
#convoy-tracking .main-container .info {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
#convoy-tracking .main-container .info .info-data {
  color: #425360;
  font-size: 16px;
}
#convoy-tracking .convoy-create-summary-container {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
#convoy-tracking .convoy-create-summary-container .convoy-summary-title {
  color: black;
  margin-top: 50px;
  font-size: 26px;
  font-weight: 500;
}
#convoy-tracking .convoy-create-summary-container .convoy-summary-details {
  margin-top: 75px;
  background-color: #F5F8FA;
  width: 500px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 25px;
  padding: 20px;
}
#convoy-tracking .convoy-create-summary-container .convoy-summary-details .convoy-summary-info-locations,
#convoy-tracking .convoy-create-summary-container .convoy-summary-details .convoy-summary-info {
  margin-top: 20px;
}
#convoy-tracking .convoy-create-summary-container .convoy-summary-details .convoy-summary-info-locations .convoy-summary-info-title,
#convoy-tracking .convoy-create-summary-container .convoy-summary-details .convoy-summary-info .convoy-summary-info-title {
  font-size: 14px;
  padding-bottom: 12px;
}
#convoy-tracking .convoy-create-summary-container .convoy-summary-details .convoy-summary-info-locations .convoy-summary-info-data,
#convoy-tracking .convoy-create-summary-container .convoy-summary-details .convoy-summary-info .convoy-summary-info-data {
  font-size: 17px;
  margin-bottom: 10px;
  color: black;
}
#convoy-tracking .track-button {
  width: 30%;
  margin-top: 15px;
}
.share-tracking-guide {
  max-width: 350px;
}
.share-tracking-guide .share-tracking-title {
  font-size: 20px;
  font-weight: 500;
  color: #0E2636;
  padding-bottom: 32px;
}
.share-link {
  font-size: 14px;
  font-weight: 500;
  color: #004E85 !important;
  word-break: break-all;
}
.summary-generate-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hide-button {
  cursor: pointer;
}
.hidden-vehicle {
  opacity: 50% !important;
}
.risk-cell {
  display: flex;
  align-items: center;
  position: relative;
}
.risk-cell .risk-dot {
  min-width: 22px;
  height: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  margin-left: 30px;
}
.risk-cell .risk-dot p {
  color: white;
  font-size: 12px;
  font-weight: 500;
}
.risk-cell .low {
  background-color: #004E85;
}
.risk-cell .medium {
  background-color: #F46A00;
}
.risk-cell .high {
  background-color: #DD0546;
}
.step-not-completed {
  opacity: 0.5;
}
.vehicle-progress {
  border-radius: 8px;
  border: 1px solid #9EB7CB;
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  padding: 15px;
}
.vehicle-progress .progress-row {
  padding: 10px;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  position: relative;
}
.vehicle-progress .progress-info {
  display: flex;
  flex-direction: row;
  padding: 15px;
  align-items: center;
  gap: 100px;
  width: 100%;
  border-bottom: 1px dotted lightgrey;
}
.vehicle-progress .progress-info div.status-cell {
  border-radius: 8px;
  width: 72px;
  padding: 6px 0;
  text-align: center;
}
.vehicle-progress .progress-info div.status-cell.active {
  background-color: #EDF6EC;
  color: #19880F;
}
.vehicle-progress .progress-info div.status-cell.inactive {
  background-color: #FCE6EC;
  color: #DD0546;
}
.vehicle-progress .progress-info .step-icon {
  width: 50px;
}
.vehicle-progress .progress-info .step-name {
  width: 150px;
}
.vehicle-progress .progress-info .step-type {
  width: 100px;
}
.vehicle-progress .progress-info .step-tea {
  width: 100px;
}
.vehicle-progress .progress-info .step-position {
  width: 300px;
}
.vehicle-progress .progress-info .step-status {
  width: 150px;
  display: flex;
  justify-content: end;
}
.vehicle-progress .progress-info .step-time {
  width: 150px;
  display: flex;
  justify-content: end;
}
.vehicle-progress .progress-bar,
.vehicle-progress .progress-bar-complete {
  position: absolute;
  border-radius: 10px;
  height: 30px;
  margin: 5px 0px 5px 17px;
  width: 3.5px;
  top: 58px;
  left: 11px;
}
.vehicle-progress .progress-bar {
  background-color: #A8B0B5;
}
.vehicle-progress .progress-bar-complete {
  background-color: #004E85;
}
.vehicle-detail-title {
  padding: 20px 0 20px 0;
}
.vehicle-details-top {
  display: flex;
  column-gap: 16px;
}
.vehicle-details-top .vehicle-details-back-button {
  transform: rotate(-90deg);
}
.flex-end {
  justify-content: end;
}
.arrow-icon-right {
  transform: rotate(-90deg);
}
.vehicle-route-container {
  border: 1px solid #99B8CE;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 20px;
  padding-left: 15px;
}
.vehicle-route-container p {
  color: #004E85;
}
.vehicle-route-container .vehicle-route-detail {
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.dropdown-details {
  margin-top: 55px !important;
  margin-left: 110px !important;
}
#vehicles-map .gm-style .gm-style-iw-c {
  min-width: 327px !important;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16) !important;
  max-height: 600px !important;
  padding: 16px 0px !important;
  padding-bottom: 16px !important;
}
.table-dropdown button:hover {
  background-color: #E6EDF3;
  transition: background 0.2s;
}
.table-dropdown.open > div button {
  background-color: #E6EDF3;
}
.table-dropdown ul {
  left: -15px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 170px;
}
.table-dropdown ul li {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  color: #004E85;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
.table-dropdown ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  padding: 0;
  transition: background 0.2s;
  z-index: 1;
}
.table-dropdown ul li:hover:not(.disabled),
.table-dropdown ul li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
.table-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.table-dropdown ul li.disabled {
  color: #A8B0B5;
}
.table-dropdown ul li.disabled:hover .table-tooltip {
  display: block;
}
.table-dropdown ul li.delete {
  color: #DD0546;
}
.group-back-icon {
  transform: rotate(-180deg);
}
.group-info-container {
  width: 20%;
  padding-left: 24px;
  border-left: 1px solid #99B8CE;
  height: calc(100vh - 130px);
}
.group-info-container .group-summary {
  color: black;
  font-size: larger;
  font-weight: bolder;
  padding-bottom: 30px;
}
.group-info-container .group-info {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.group-info-container .group-info .group-info-title {
  font-size: 14px;
  padding-bottom: 12px;
}
.group-info-container .group-info .group-info-data {
  font-size: 17px;
  margin-bottom: 8px;
}
.group-info-container .group-info .group-info-groups-list,
.group-info-container .group-info .group-info-vehicles-list {
  display: flex;
  gap: 5px;
  width: 100%;
  flex-wrap: wrap;
}
.group-info-container .group-info .group-info-groups-list {
  margin-top: 5px;
}
.group-step-title {
  font-size: 22px;
  color: #0E2636;
  font-weight: 600;
  margin-bottom: 40px;
}
.group-date-time-row {
  display: flex;
  flex-direction: row;
  gap: 20px;
  width: 100%;
}
.group-date-time-row .group-input-date-time {
  width: 50% !important;
}
.group-group-element {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  margin-bottom: 40px;
}
.group-group-element p {
  color: black;
  font-weight: 600;
}
.group-group-table {
  margin-bottom: 50px;
}
.group-input-small {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1;
}
.group-input-small > div {
  margin-top: auto;
}
.group-create-summary-container {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.group-create-summary-container .group-summary-done-icon-container {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #19880F;
  display: flex;
  justify-content: center;
  align-items: center;
}
.group-create-summary-container .group-summary-done-icon-container img {
  width: 100px;
}
.group-create-summary-container .group-summary-title {
  color: black;
  margin-top: 50px;
  font-size: 26px;
  font-weight: 500;
}
.group-create-summary-container .group-create-summary-tab {
  width: 500px;
  height: 450px;
  background-color: #99B8CE;
}
.group-create-summary-container .group-summary-details {
  margin-top: 75px;
  background-color: #E1E1E1;
  width: 680px;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
}
.group-create-summary-container .group-summary-details .group-summary-info-locations {
  width: 100% !important;
}
.group-create-summary-container .group-summary-details .group-summary-info-locations,
.group-create-summary-container .group-summary-details .group-summary-info {
  margin-top: 20px;
  width: 100%;
  height: 100%;
}
.group-create-summary-container .group-summary-details .group-summary-info-locations .group-summary-info-title,
.group-create-summary-container .group-summary-details .group-summary-info .group-summary-info-title {
  font-size: 14px;
  padding-bottom: 12px;
}
.group-create-summary-container .group-summary-details .group-summary-info-locations .group-summary-info-data,
.group-create-summary-container .group-summary-details .group-summary-info .group-summary-info-data {
  font-size: 17px;
  margin-bottom: 10px;
  color: black;
}
.group-create-summary-container .group-summary-details .group-summary-info-locations .group-summary-info-groups-list,
.group-create-summary-container .group-summary-details .group-summary-info .group-summary-info-groups-list,
.group-create-summary-container .group-summary-details .group-summary-info-locations .group-summary-info-vehicles-list,
.group-create-summary-container .group-summary-details .group-summary-info .group-summary-info-vehicles-list {
  display: flex;
  gap: 5px;
  width: 100%;
  flex-wrap: wrap;
}
.group-create-summary-container .group-summary-details .group-summary-info-locations .group-summary-info-groups-list,
.group-create-summary-container .group-summary-details .group-summary-info .group-summary-info-groups-list {
  margin-top: 5px;
}
.group-create-summary-container .group-summary-buttons {
  display: flex;
  gap: 10px;
  margin-top: 50px;
  height: 100px;
}
.group-edit-container {
  margin: 100px 0 0 100px;
  width: 350px;
  height: 300px;
}
.group-edit-container .group-edit-buttons {
  display: flex;
  gap: 10px;
  margin-top: 40px;
}
.group-edit-table-container {
  width: 800px;
}
#web-map {
  width: 100%;
  padding: 24px 70px 24px 101px;
}
#web-map .disabled {
  opacity: 50%;
  cursor: not-allowed;
}
#web-map .disabled a {
  cursor: not-allowed;
}
#web-map h1 {
  font-size: 20px;
  font-weight: 500;
  color: #0E2636;
  margin-bottom: 24px;
}
#web-map .main-container {
  display: flex;
  column-gap: 24px;
}
#web-map .main-container > div {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  width: 100%;
}
#web-map .main-container > div .links-container {
  background-color: #F5F8FA;
  border-radius: 8px;
  padding: 16px 24px;
}
#web-map .main-container > div .links-container .title {
  display: flex;
  align-items: center;
  column-gap: 20px;
}
#web-map .main-container > div .links-container .title div {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #FFFFFF;
  border: 1px solid #B3CADB;
  display: flex;
  justify-content: center;
  align-items: center;
}
#web-map .main-container > div .links-container .title div img {
  width: 22px;
  height: 22px;
}
#web-map .main-container > div .links-container .title h2 {
  font-size: 16px;
  font-weight: 600;
  color: #0E2636;
}
#web-map .main-container > div .links-container .title h2 a {
  color: #004E85;
}
#web-map .main-container > div .links-container ul {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin: 28px 0 0 61px;
}
#web-map .main-container > div .links-container ul li {
  display: flex;
  align-items: center;
  column-gap: 20px;
  height: 24px;
}
#web-map .main-container > div .links-container ul li img {
  width: 22px;
  height: 22px;
}
#web-map .main-container > div .links-container ul li a {
  font-size: 12px;
  font-weight: 500;
  color: #004E85;
}
#fuel-consumption {
  padding: 50px 24px 50px 39px;
  width: 100%;
  height: 100%;
}
#fuel-consumption .filter-button:hover {
  background-color: #E6EDF3;
  transition: background 0.2s;
}
#fuel-consumption .button-outline-primary {
  font-weight: 500;
  border: 1px solid #99B8CE;
}
#fuel-consumption .filter-dropdown > div button {
  font-weight: 500;
  border: 1px solid #99B8CE;
}
#fuel-consumption .filter-dropdown > div img {
  transition: all .3s;
}
#fuel-consumption .filter-dropdown.open > div img {
  transform: rotate(180deg);
}
#fuel-consumption .filter-dropdown ul {
  border: 0;
  padding: 0;
  margin-top: 2px;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 150px;
}
#fuel-consumption .filter-dropdown ul li {
  font-size: 14px;
  font-weight: 400;
  color: #0E2636;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
#fuel-consumption .filter-dropdown ul li:hover {
  background-color: #E6EDF3;
}
#fuel-consumption .filter-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#fuel-consumption .header {
  padding: 16px;
  margin: 0 -24px;
}
#fuel-consumption .header .top-row {
  display: flex;
  padding: 8px 0;
}
#fuel-consumption .header .top-row p {
  margin-right: auto;
  color: #0E2636;
  font-size: 20px;
  font-weight: 500;
  text-transform: lowercase;
}
#fuel-consumption .header .top-row p::first-letter {
  text-transform: uppercase;
}
#fuel-consumption .header .second-row {
  display: flex;
  justify-content: space-between;
}
#fuel-consumption .header .filters {
  display: flex;
  column-gap: 8px;
}
#fuel-consumption .graphs-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  column-gap: 16px;
}
#fuel-consumption .graphs-container .box {
  background-color: #F5F8FA;
  border: 1px solid #B3CADB;
  border-radius: 8px;
  padding: 24px;
  width: 100%;
  height: 455px;
}
#fuel-consumption .graphs-container .box .box-title {
  font-size: 20px;
  color: black;
  font-weight: 500;
}
#fuel-consumption .graphs-container .box-small {
  background-color: #F5F8FA;
  border: 1px solid #B3CADB;
  border-radius: 8px;
  padding: 24px;
  width: 50%;
  height: 220px;
}
#fuel-consumption .graphs-container .box-info {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
#fuel-consumption .graphs-container .box-info .box-title {
  font-size: 20px;
  color: black;
  font-weight: 500;
}
#fuel-consumption .graphs-container .box-info .box-values {
  display: flex;
  flex-direction: column;
  height: 70px;
  justify-content: space-between;
}
#fuel-consumption .graphs-container .box-info .box-values .box-number {
  font-size: 40px;
  font-weight: 700;
  color: #004E85;
}
#fuel-consumption .graphs-container .box-info .box-values .box-text {
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  align-items: center;
}
#fuel-consumption .graphs-container .box-info .box-space {
  display: flex;
  justify-content: space-between;
}
#fuel-consumption .graphs-container .box-info .box-space .positive {
  color: #19880F;
  font-weight: 700;
  font-size: 16px;
}
#fuel-consumption .graphs-container .box-info .box-space .negative {
  color: #DD0546;
  font-weight: 700;
  font-size: 16px;
}
#fuel-consumption .graphs-container .box-footer {
  display: flex;
  flex-direction: row;
  column-gap: 16px;
}
#fuel-consumption .graphs-container .percentage {
  border-radius: 8px;
  width: 72px;
  padding: 6px 0;
  text-align: center;
}
#fuel-consumption .graphs-container .percentage.positive {
  background-color: #EDF6EC;
  color: #19880F;
}
#fuel-consumption .graphs-container .percentage.negative {
  background-color: #FCE6EC;
  color: #DD0546;
}
#fuel-consumption .graphs-container .column {
  width: 50%;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}
#fuel-consumption .graphs-container .column .graph-row {
  display: flex;
  flex-direction: row;
  column-gap: 16px;
}
#fuel-consumption .bar-chart-box {
  color: #687680;
  font-size: 14px;
  font-weight: 400;
}
#fuel-consumption .bar-chart-box .title {
  color: #425360;
  text-align: left;
  text-transform: lowercase;
}
#fuel-consumption .bar-chart-box .title::first-letter {
  text-transform: uppercase;
}
#fuel-consumption .bar-chart-box .value {
  font-size: 40px;
  color: #004E85;
}
#fuel-consumption .bar-chart-box {
  flex: 2;
  display: flex;
  flex-direction: column;
}
#fuel-consumption .bar-chart-box #fuel-consumption-bar-chart,
#fuel-consumption .bar-chart-box #fuel-cost-bar-chart {
  padding-top: 10px;
  height: 300px;
  margin: 8px 0;
}
#fuel-consumption .bar-chart-box .info {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
#fuel-consumption .bar-chart-box .date-label {
  text-align: right;
}
#fuel-consumption .bar-chart-box .date-value {
  color: #004E85;
  font-size: 24px;
}
#fuel-consumption .bar-chart-box .chart-axis-legend {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}
#fuel-consumption .bar-chart-box .severity-legend {
  display: flex;
  column-gap: 14px;
  margin-top: 12px;
}
#fuel-consumption .bar-chart-box .severity-legend div {
  display: flex;
  align-items: center;
  column-gap: 4px;
}
#fuel-consumption .bar-chart-box .severity-legend div p {
  color: #687680 !important;
}
#fuel-consumption .bar-chart-box .severity-legend div .bar div {
  width: 14px !important;
  margin: 0 !important;
}
#fuel-consumption .legend-container {
  display: flex;
  align-items: center;
  gap: 50px;
  padding-top: 10px;
}
#fuel-consumption .legend {
  display: flex;
  gap: 10px;
  align-items: center;
  color: black;
}
#fuel-consumption .bar {
  display: flex;
  width: 15px;
  height: 6px;
}
#fuel-consumption .bar.fuel-real-cost {
  background-color: #00809B;
}
#fuel-consumption .bar.fuel-expected-cost {
  background-color: #F46A00;
}
#fuel-consumption .bar.fuel-average-cost {
  background-color: #146D0C;
}
.fuel-positive {
  color: #19880F;
}
.fuel-negative {
  color: #DD0546;
}
.fuel-filter-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.fuel-filter-row button {
  border: none;
  background-color: transparent;
}
.fuel-dropdown {
  border: 1px solid #004E85 !important;
}
.fuel-dropdown .fuel-dropdown-header {
  background-color: transparent !important;
  cursor: default !important;
}
.fuel-dropdown .fuel-dropdown-section {
  color: black;
  font-weight: 500;
  background-color: transparent;
  cursor: default;
}
.fuel-table-title {
  font-size: 22px;
  color: #0E2636;
  font-weight: 600;
  margin-bottom: 40px;
}
.fuel-resume-container {
  width: 20%;
  padding-left: 24px;
  border-left: 1px solid #99B8CE;
  height: calc(100vh - 130px);
}
.fuel-resume-container .fuel-summary {
  color: black;
  font-size: larger;
  font-weight: bolder;
  padding-bottom: 30px;
}
.fuel-resume-container .fuel-info-title {
  font-size: 14px;
  padding-bottom: 12px;
}
.fuel-resume-container .fuel-info-data {
  font-size: 17px;
  margin-bottom: 8px;
}
.fuel-resume-container .fuel-info-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  margin-top: 15px;
}
.fuel-group-element {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
  align-items: center;
  gap: 30px;
  margin-bottom: 40px;
}
.fuel-group-element p {
  color: black;
  font-weight: 600;
}
.fuel-group-element a {
  cursor: pointer;
}
.fuel-group-table {
  margin-bottom: 50px;
}
.fuel-remove-transition {
  transition: none !important;
}
.fuel-period-filter {
  width: 100%;
  cursor: pointer;
}
.fuel-period-filter label {
  display: flex;
  align-self: center;
  padding: 15px;
  width: 100%;
  cursor: pointer;
}
.fuel-period-filter input {
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.fuel-date-calendar {
  top: 180px !important;
  left: 1060px !important;
}
#reports-list-page {
  margin: 60px 30px 100px;
  width: 100%;
  height: 100%;
}
#reports-list-page h1,
#reports-list-page h2 {
  color: #0E2636;
}
#reports-list-page .secondary-title {
  margin-top: 24px;
  margin-bottom: -8px;
}
#reports-list-page > .header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #99B8CE;
}
#reports-list-page > .header .buttons-wrapper {
  display: flex;
  column-gap: 24px;
}
#reports-list-page > .header .table-dropdown button:hover {
  background-color: #E6EDF3;
  transition: background 0.2s;
}
#reports-list-page > .header .table-dropdown.open > div button {
  background-color: #E6EDF3;
}
#reports-list-page > .header .table-dropdown ul {
  left: -15px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 170px;
}
#reports-list-page > .header .table-dropdown ul li {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  color: #004E85;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
#reports-list-page > .header .table-dropdown ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  padding: 0;
  transition: background 0.2s;
  z-index: 1;
}
#reports-list-page > .header .table-dropdown ul li:hover:not(.disabled),
#reports-list-page > .header .table-dropdown ul li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
#reports-list-page > .header .table-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
#reports-list-page > .header .table-dropdown ul li.disabled {
  color: #A8B0B5;
}
#reports-list-page > .header .table-dropdown ul li.disabled:hover .table-tooltip {
  display: block;
}
#reports-list-page > .header .table-dropdown ul li.delete {
  color: #DD0546;
}
#reports-add-page .reports-date-range,
#reports-details-page .reports-date-range {
  display: flex;
  align-items: flex-start;
  column-gap: 28px;
}
#reports-add-page .reports-date-and-time-range-buttons,
#reports-details-page .reports-date-and-time-range-buttons {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}
#reports-add-page .reports-time-range,
#reports-details-page .reports-time-range {
  display: flex;
  gap: 28px;
}
#reports-add-page .reports-time-range .reports-add-time-selects,
#reports-details-page .reports-time-range .reports-add-time-selects {
  display: flex;
  column-gap: 32px;
  width: max-content;
  justify-content: center;
  position: relative;
}
#reports-add-page .reports-time-range .reports-add-time-selects .separator,
#reports-details-page .reports-time-range .reports-add-time-selects .separator {
  height: 36px;
  position: absolute;
  width: 1px;
  right: 166px;
  top: 9px;
  background-color: #E1E1E1;
}
#reports-details-page {
  padding: 50px 24px 50px 39px;
  width: 100%;
  height: 100%;
}
#reports-details-page .box {
  background-color: #F5F8FA;
  border: 1px solid #B3CADB;
  border-radius: 8px;
  padding: 24px;
}
#reports-details-page .bar {
  display: flex;
}
#reports-details-page .bar div {
  height: 4px;
  border-radius: 2px;
}
#reports-details-page .bar div:first-of-type {
  width: 40%;
  z-index: 2;
}
#reports-details-page .bar div:last-of-type {
  width: 60%;
  margin-left: -2px;
  background-color: #E6EDF3;
}
#reports-details-page .header {
  padding: 16px;
  margin: 0 -24px;
  background-color: #F5F8FA;
  margin-bottom: 24px;
}
#reports-details-page .header .top-row {
  display: flex;
  padding: 8px 0;
}
#reports-details-page .header .top-row a img {
  height: 20px;
  margin-right: 20px;
  cursor: pointer;
}
#reports-details-page .header .top-row p {
  margin-right: auto;
  color: #0E2636;
  font-size: 20px;
  font-weight: 500;
  text-transform: lowercase;
}
#reports-details-page .header .top-row p::first-letter {
  text-transform: uppercase;
}
#reports-details-page .header .filters {
  display: flex;
  column-gap: 8px;
}
#reports-details-page .header .filters .report-detail {
  align-items: center;
  background-color: #002F50;
  border-radius: 8px;
  border: none;
  color: #FFFFFF;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  gap: 10px;
  height: 40px;
  justify-content: center;
  min-width: 90px;
  padding: 0 16px;
  white-space: nowrap;
}
#reports-details-page .charts-container {
  display: flex;
  column-gap: 16px;
}
#reports-details-page .charts-container .pie-chart-box,
#reports-details-page .charts-container .bar-chart-box {
  color: #687680;
  font-size: 14px;
  font-weight: 400;
}
#reports-details-page .charts-container .pie-chart-box .title,
#reports-details-page .charts-container .bar-chart-box .title {
  color: #425360;
  text-align: left;
  text-transform: lowercase;
}
#reports-details-page .charts-container .pie-chart-box .title::first-letter,
#reports-details-page .charts-container .bar-chart-box .title::first-letter {
  text-transform: uppercase;
}
#reports-details-page .charts-container .pie-chart-box .value,
#reports-details-page .charts-container .bar-chart-box .value {
  font-size: 18px;
  color: #004E85;
}
#reports-details-page .charts-container .pie-chart-box {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  min-height: 460px;
}
#reports-details-page .charts-container .pie-chart-box #chart_1 {
  width: 250px;
  height: 250px;
  margin: auto;
}
#reports-details-page .charts-container .pie-chart-box .info {
  position: absolute;
  top: 120px;
  left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
#reports-details-page .charts-container .pie-chart-box .info.driving-rest-info {
  top: 40%;
}
#reports-details-page .charts-container .pie-chart-box .info p {
  color: #425360;
  line-height: 28px;
}
#reports-details-page .charts-container .pie-chart-box .info p:last-of-type {
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  margin-top: 8px;
  color: #004E85;
}
#reports-details-page .charts-container .pie-chart-box .info p:last-of-type span:first-of-type {
  color: #33719D;
}
#reports-details-page .charts-container .pie-chart-box .info p:last-of-type span:last-of-type {
  color: #B3CADB;
}
#reports-details-page .charts-container .pie-chart-box .legend {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 12px;
  min-height: 144px;
}
#reports-details-page .charts-container .pie-chart-box .legend li {
  display: flex;
  align-items: center;
  column-gap: 18px;
}
#reports-details-page .charts-container .pie-chart-box .legend li .color-box {
  width: 16px;
  height: 16px;
}
#reports-details-page .charts-container .pie-chart-box .legend li .color-box.speed {
  background-color: #F46A00;
}
#reports-details-page .charts-container .pie-chart-box .legend li .color-box.break {
  background-color: #F2B334;
}
#reports-details-page .charts-container .pie-chart-box .legend li .color-box.distraction {
  background-color: #19880F;
}
#reports-details-page .charts-container .pie-chart-box .legend li .color-box.fatigue {
  background-color: #DD0546;
}
#reports-details-page .charts-container .pie-chart-box .legend li .color-box.seatbelt {
  background-color: #6D7CCB;
}
#reports-details-page .charts-container .pie-chart-box .legend li p {
  color: #0E2636;
  font-size: 14px;
  font-weight: 400;
  text-transform: lowercase;
}
#reports-details-page .charts-container .pie-chart-box .legend li p::first-letter {
  text-transform: uppercase;
}
#reports-details-page .charts-container .bar-chart-box {
  flex: 2;
  display: flex;
  flex-direction: column;
  height: 460px;
}
#reports-details-page .charts-container .bar-chart-box .reports-bar-chart {
  height: 265px;
}
#reports-details-page .charts-container .bar-chart-box .info {
  display: flex;
  justify-content: space-between;
  margin-bottom: auto;
}
#reports-details-page .charts-container .bar-chart-box .info p {
  text-transform: lowercase;
}
#reports-details-page .charts-container .bar-chart-box .info p::first-letter {
  text-transform: uppercase;
}
#reports-details-page .charts-container .bar-chart-box .info .value {
  font-size: 18px;
  line-height: 36px;
}
#reports-details-page .charts-container .bar-chart-box .chart-axis-legend {
  display: flex;
  justify-content: space-between;
  margin-bottom: 12px;
}
#reports-details-page .charts-container .bar-chart-box .chart-axis-legend p {
  text-transform: lowercase;
}
#reports-details-page .charts-container .bar-chart-box .chart-axis-legend p::first-letter {
  text-transform: uppercase;
}
#reports-details-page .charts-container .bar-chart-box .chart-data-legend {
  display: flex;
  column-gap: 24px;
  margin: 12px 0 0 10px;
}
#reports-details-page .charts-container .bar-chart-box .chart-data-legend li {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
#reports-details-page .charts-container .bar-chart-box .chart-data-legend li:first-of-type .legend-box {
  background-color: #33719D;
}
#reports-details-page .charts-container .bar-chart-box .chart-data-legend li:last-of-type .legend-box {
  background-color: #B3CADB;
}
#reports-details-page .charts-container .bar-chart-box .chart-data-legend li .legend-box {
  width: 16px;
  height: 16px;
}
#reports-details-page .charts-container .bar-chart-box .chart-data-legend li p {
  color: #0E2636;
  text-transform: lowercase;
}
#reports-details-page .charts-container .bar-chart-box .chart-data-legend li p::first-letter {
  text-transform: uppercase;
}
#reports-details-page #pie-chart-menu {
  position: absolute;
  display: none;
  flex-direction: column;
  padding: 16px;
  width: 360px;
  border-radius: 8px;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
}
#reports-details-page #pie-chart-menu .performance-info {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
#reports-details-page #pie-chart-menu .performance-info div:first-of-type {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#reports-details-page #pie-chart-menu .performance-info div:first-of-type p {
  font-size: 14px;
  font-weight: 500;
  color: #DD0546;
}
#reports-details-page #pie-chart-menu .performance-info div:first-of-type span {
  font-size: 12px;
  font-weight: 400;
  color: #687680;
}
#reports-details-page #pie-chart-menu .general-info {
  display: flex;
  flex-wrap: wrap;
  margin: 16px 0;
  gap: 16px 32px;
}
#reports-details-page #pie-chart-menu .general-info > div {
  width: 148px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#reports-details-page #pie-chart-menu .general-info > div p:first-of-type {
  font-size: 12px;
  font-weight: 500;
  color: #0E2636;
}
#reports-details-page #pie-chart-menu .general-info > div p:last-of-type {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
}
#reports-details-page #pie-chart-menu .filter-link {
  font-size: 16px;
  font-weight: 500;
  margin: 0 -16px;
  padding: 24px 16px 8px;
  border-top: 1px solid #9EB7CB;
  color: #004E85;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#reports-details-page .tag-cloud-container {
  margin-top: 16px;
}
#reports-details-page .tag-cloud-container .low p {
  color: #47A03F;
}
#reports-details-page .tag-cloud-container .low .bar div:first-of-type {
  background-color: #47A03F;
}
#reports-details-page .tag-cloud-container .medium p {
  color: #F2B334;
}
#reports-details-page .tag-cloud-container .medium .bar div:first-of-type {
  background-color: #F2B334;
}
#reports-details-page .tag-cloud-container .high p {
  color: #DD0546;
}
#reports-details-page .tag-cloud-container .high .bar div:first-of-type {
  background-color: #DD0546;
}
#reports-details-page .tag-cloud-container .tag-cloud-box {
  height: 340px;
  display: flex;
  column-gap: 24px;
}
#reports-details-page .tag-cloud-container .tag-cloud-box .legend {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #FFFFFF;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 400;
  width: 180px;
  height: 100%;
  padding: 16px;
}
#reports-details-page .tag-cloud-container .tag-cloud-box .legend .info {
  color: #687680;
}
#reports-details-page .tag-cloud-container .tag-cloud-box .legend .info p {
  text-transform: lowercase;
}
#reports-details-page .tag-cloud-container .tag-cloud-box .legend .info p::first-letter {
  text-transform: uppercase;
}
#reports-details-page .tag-cloud-container .tag-cloud-box .legend .info p:last-child {
  color: #425360;
}
#reports-details-page .tag-cloud-container .tag-cloud-box .legend .levels p {
  margin: 10px 0;
}
#reports-details-page .tag-cloud-container .tag-cloud {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin: auto;
}
#reports-details-page .tag-cloud-container .tag-cloud p {
  font-weight: 500;
  padding: 0.3em;
}
#reports-details-page .tag-cloud-container .tag-cloud p.low {
  color: #47A03F;
}
#reports-details-page .tag-cloud-container .tag-cloud p.medium {
  color: #F2B334;
}
#reports-details-page .tag-cloud-container .tag-cloud p.high {
  color: #DD0546;
}
#reports-details-page .main-table-container {
  margin-top: 32px;
}
#reports-details-page .main-table-container table .dropdown-menu {
  top: -16px;
}
#reports-details-page .report-details-group-table-container {
  width: 100%;
  border: 1px solid #B3CADB;
  border-radius: 8px;
  padding: 20px 16px;
  margin-bottom: 16px;
}
#reports-details-page .report-details-group-table-container .group-table-title {
  color: #0E2636;
  margin-bottom: 16px;
  font-weight: 600;
}
#reports-details-page .report-details-filter-container {
  padding: 0 100px;
}
#reports-details-page .report-details-filter-container .title {
  color: #0E2636;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 32px;
}
.subtitleMaintenance {
  color: black;
  font-size: 14px;
  font-weight: 500;
  padding: 10px 0px 25px 0px;
}
.text-description {
  font-size: 16px;
  font-weight: 400;
  padding: 30px 0px 25px 20px;
  line-height: 30px;
}
.text-description .text-name {
  font-weight: 600;
}
.iconMaintenance {
  float: left;
  padding: 30px 20px 20px 0px;
}
.image-input > label {
  font-size: 14px;
  font-weight: 500;
  width: 140px;
  background-color: #FFFFFF;
  color: #004E85;
  border: 1px solid #004E85;
  height: 40px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  cursor: pointer;
}
.image-input > label img {
  width: 20px;
  height: 20px;
}
.image-input > label input {
  display: none;
}
.image-input .uploaded-images-container {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 32px;
}
.image-input .uploaded-images-container > div {
  position: relative;
  float: left;
  margin: 5px;
}
.image-input .uploaded-images-container > div:hover img {
  background-color: #004E85;
  opacity: 0.5;
}
.image-input .uploaded-images-container > div:hover .trash {
  display: block;
  opacity: none;
}
.image-input .uploaded-images-container > div img {
  width: 135px;
  height: 76px;
}
.image-input .uploaded-images-container > div .trash {
  display: none;
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: #6695B6;
  border-radius: 50%;
  cursor: pointer;
  padding: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.create-edit-details-summary {
  row-gap: 20px !important;
}
.time-select-dropdown input {
  width: 160px !important;
}
.maintenance-step-title {
  font-size: 22px;
  color: #0E2636;
  font-weight: 600;
  margin-bottom: 40px;
  margin-top: 20px;
}
.elementBoxText {
  margin-bottom: 2px;
  font-size: 16px;
  font-weight: 400;
}
.maintenance-info-container {
  width: 20%;
  padding-left: 24px;
  border-left: 1px solid #99B8CE;
  height: calc(100vh - 130px);
}
.maintenance-info-container .maintenance-summary {
  color: black;
  font-size: larger;
  font-weight: bold;
  padding-bottom: 30px;
}
.maintenance-info-container .maintenance-info {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.maintenance-info-container .maintenance-info .maintenance-info-title {
  font-size: 12px;
  padding-bottom: 12px;
}
.maintenance-info-container .maintenance-info .maintenance-info-data {
  color: black;
  font-size: 13px;
  margin-bottom: 8px;
  font-weight: 400;
}
.maintenance-create-error-container {
  margin-top: 300px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  width: 100%;
}
.maintenance-create-error-container img {
  width: 130px;
  height: 130px;
}
.maintenance-create-error-container p {
  font-size: 25px;
  color: #0E2636;
  font-weight: 500;
}
.maintenance-create-error-container button {
  margin-top: 20px;
}
.maintenance-input-small {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1;
}
.maintenance-input-small > div {
  margin-top: auto;
}
.addResponsible {
  margin-top: -30px;
  margin-bottom: 10px;
}
.maintenance-create-summary-container {
  margin-top: 35px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.maintenance-create-summary-container .maintenance-summary-done-icon-container {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  background-color: #19880F;
  display: flex;
  justify-content: center;
  align-items: center;
}
.maintenance-create-summary-container .maintenance-summary-done-icon-container img {
  width: 50px;
}
.maintenance-create-summary-container .maintenance-summary-title {
  color: black;
  margin-top: 25px;
  font-size: 20px;
  font-weight: 500;
}
.maintenance-create-summary-container .maintenance-summary-details {
  margin-top: 40px;
  background-color: #E1E1E1;
  width: 680px;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px;
}
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info-locations {
  width: 100% !important;
}
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info-locations,
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info {
  width: 45%;
  height: 100%;
}
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info-locations .maintenance-summary-info-title,
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info .maintenance-summary-info-title {
  font-size: 12px;
  padding-bottom: 10px;
}
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info-locations .maintenance-summary-info-data,
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info .maintenance-summary-info-data {
  font-size: 14px;
  margin-bottom: 10px;
  color: black;
}
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info-locations .maintenance-summary-info-groups-list,
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info .maintenance-summary-info-groups-list,
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info-locations .maintenance-summary-info-vehicles-list,
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info .maintenance-summary-info-vehicles-list {
  display: flex;
  gap: 5px;
}
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info-locations .maintenance-summary-info-groups-list,
.maintenance-create-summary-container .maintenance-summary-details .maintenance-summary-info .maintenance-summary-info-groups-list {
  margin-top: 5px;
}
.maintenance-create-summary-container .maintenance-summary-buttons {
  display: flex;
  gap: 10px;
  margin-top: 45px;
  height: 100px;
}
.closeImg {
  padding-left: 15px;
  cursor: pointer;
}
/* 
.maintenance-detail-page .table tbody td {
    white-space: nowrap;
     overflow: hidden; 
    text-overflow: ellipsis;
} */
.image-input > label {
  font-size: 14px;
  font-weight: 500;
  width: 160px;
  background-color: #FFFFFF;
  color: #004E85;
  border: 1px solid #004E85;
  height: 40px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 10px;
  cursor: pointer;
}
.image-input > label img {
  width: 20px;
  height: 20px;
}
.image-input > label input {
  display: none;
}
.image-input .uploaded-images-container {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 32px;
}
.image-input .uploaded-images-container > div {
  position: relative;
  float: left;
  margin: 5px;
}
.image-input .uploaded-images-container > div:hover img {
  background-color: #004E85;
  opacity: 0.5;
}
.image-input .uploaded-images-container > div:hover .trash {
  display: block;
  opacity: none;
}
.image-input .uploaded-images-container > div img {
  width: 135px;
  height: 76px;
}
.image-input .uploaded-images-container > div .trash {
  display: none;
  position: absolute;
  height: 40px;
  width: 40px;
  background-color: #6695B6;
  border-radius: 50%;
  cursor: pointer;
  padding: 3px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.accept-info-height {
  height: calc(100vh - 39vh);
}
.accept-info-max-height {
  max-height: calc(100vh - 56vh);
}
.terms-create-summary-container {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.terms-create-summary-container .terms-summary-done-icon-container {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #19880F;
  display: flex;
  justify-content: center;
  align-items: center;
}
.terms-create-summary-container .terms-summary-done-icon-container img {
  width: 100px;
}
.terms-create-summary-container .terms-summary-title {
  color: #0E2636;
  margin-top: 50px;
  font-size: 26px;
  font-weight: 500;
}
.terms-create-summary-container .terms-summary-details {
  margin-top: 75px;
  background-color: #E1E1E1;
  width: 680px;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  padding: 20px;
}
.terms-create-summary-container .terms-summary-buttons {
  display: flex;
  gap: 10px;
  margin-top: 50px;
  height: 100px;
}
.terms-info-container {
  width: 20%;
  padding-left: 24px;
  border-left: 1px solid #99B8CE;
  padding-top: 30px;
  overflow-y: scroll;
}
.terms-info-container::-webkit-scrollbar {
  display: none;
}
.terms-info-container .terms-info-data {
  font-size: 16px;
  margin-bottom: 15px;
  cursor: pointer;
  /*        &:hover {
            background-color: @blue-lightest;
            padding: 5px;
            text-decoration: none;
            display:inline-block;
            position:relative;
        } */
}
.terms-info-container .terms-info-data:active {
  color: #0E2636;
  font-weight: bold;
}
.accept-info-container {
  width: 20%;
  padding-left: 24px;
  max-height: calc(100vh - 39vh);
  padding-top: 30px;
  overflow-y: scroll;
}
.accept-info-container::-webkit-scrollbar {
  display: none;
}
.accept-info-container .terms-info-data {
  font-size: 16px;
  margin-bottom: 15px;
  cursor: pointer;
  /*        &:hover {
            background-color: @blue-lightest;
            padding: 5px;
            text-decoration: none;
            display:inline-block;
            position:relative;
        } */
}
.accept-info-container .terms-info-data:active {
  color: #0E2636;
  font-weight: bold;
}
.accept-message {
  display: flex;
  align-items: center;
  gap: 10px;
}
.terms-title {
  padding-top: 30px;
  padding-bottom: 20px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  font-size: 22px;
  color: #0E2636;
  font-weight: 600;
}
.terms-sub-title {
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
  font-size: 16px;
  color: #0E2636;
  font-weight: 600;
}
.terms-info {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
.terms-info .bold {
  font-weight: bold;
}
.container-terms-actions {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.container-terms-actions .align-right-terms-list {
  float: right;
  display: flex;
}
#footerTerms {
  position: fixed;
  bottom: 24px;
  border-top: 1px solid #99B8CE;
  left: 0;
  width: 81%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 30px;
  z-index: 1;
  background-color: white;
  padding-bottom: 24px;
}
.terms-box-size {
  overflow-y: auto;
  margin-right: -95px;
  padding-bottom: 50px;
}
.terms-box-size-standard {
  max-height: 700px;
  overflow-y: auto;
  margin-right: -95px;
  padding-bottom: 50px;
}
#profile-page {
  width: 100%;
  padding: 32px 70px;
  padding-bottom: 100px;
}
#profile-page .edit-header {
  font-size: 20px;
  font-weight: 600;
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  margin-top: 50px;
  color: #0E2636;
}
#profile-page .edit-header img {
  cursor: pointer;
  margin-right: 18px;
  width: 18px;
  height: 18px;
}
#profile-page .form {
  display: flex;
  column-gap: 24px;
  width: 100%;
}
#profile-page .form .column {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 50%;
}
#profile-page .form .column .input {
  border: 1px solid #99B8CE;
  border-radius: 8px;
}
#profile-page .form .column .input > p {
  font-size: 14px;
  font-weight: 600;
  color: #0E2636;
  background-color: #F5F8FA;
  border-bottom: 1px solid #B3CADB;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  padding: 16px;
  margin-bottom: 5px;
}
#profile-page .form .column .input .info {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  min-height: 40px;
}
#profile-page .form .column .input .info > p {
  display: flex;
}
#profile-page .form .column .input .info > p span::before {
  content: ", ";
}
#profile-page .form .column .input .info > p span:first-of-type::before {
  content: "";
}
#profile-page .form .column .input .info:last-of-type {
  padding-bottom: 5px;
}
#profile-page .form .column .input .info .actions {
  display: flex;
  column-gap: 8px;
}
#profile-page .form .column .input .info .actions .icon {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: background .2s;
}
#profile-page .form .column .input .info .actions .icon:hover {
  background-color: #E6EDF3;
}
#profile-page .hide-password-icon,
#profile-page .show-password-icon {
  cursor: pointer;
  width: 22px;
  position: absolute;
  right: 16px;
}
#profile-page .profile-title {
  color: #004E85 !important;
}
#profile-page .profile-activity-tab {
  display: flex;
  flex-direction: row;
}
#profile-page .profile-activity-tab .profile-activity {
  width: 25%;
}
#profile-page .info-profile-container {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  padding: 0 16px;
  min-height: 40px;
}
#profile-page .info-profile-container .profile-password {
  display: flex;
  justify-content: space-between !important;
  align-items: center;
}
#profile-page .info-profile-container .info-profile {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 20px 0;
}
#profile-page .info-profile-container .info-profile > p {
  display: flex;
}
#profile-page .info-profile-container .info-profile > p:first-of-type {
  font-size: 12px;
}
#profile-page .info-profile-container > p {
  display: flex;
}
#profile-page .info-profile-container > p span::before {
  content: ", ";
}
#profile-page .info-profile-container > p span:first-of-type::before {
  content: "";
}
#profile-page .info-profile-container:last-of-type {
  padding-bottom: 5px;
}
#profile-page .info-profile-container .actions {
  display: flex;
  column-gap: 8px;
}
#profile-page .info-profile-container .actions .icon {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: background .2s;
}
#profile-page .info-profile-container .actions .icon:hover {
  background-color: #E6EDF3;
}
#profile-page .profile-v-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 5px;
  list-style: initial;
  margin-left: 16px;
}
#profile-page .change-password-title {
  font-size: 22px;
  color: #0E2636;
  font-weight: 600;
  margin-bottom: 20px;
}
#profile-page .profile-edit-container {
  margin: 100px 0 0 100px;
  width: 370px;
  height: 300px;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
#profile-page .profile-edit-container .profile-edit-buttons {
  display: flex;
  gap: 10px;
  margin-top: 20px;
  height: 100px;
}
#contacts-map {
  width: 100%;
  padding: 24px 70px 24px 100px;
  margin-bottom: 20px;
}
#contacts-map .contacts-title {
  font-size: 20px;
  font-weight: 500;
  color: #0E2636;
  margin-bottom: 30px;
  margin-top: 18px;
}
#contacts-map .contacts-subtitle {
  font-size: 16px;
  font-weight: 600;
  color: black;
  justify-content: center;
  display: flex;
  padding: 20px;
  font-weight: 500;
  text-align: center;
}
#contacts-map .contacts-subtitle a {
  color: #004E85;
}
#contacts-map .contacts-text-big {
  font-size: 20px;
  font-weight: 600;
  color: #004E85;
  justify-content: center;
  display: flex;
  padding: 10px;
  padding-bottom: 15px;
  font-weight: 700;
}
#contacts-map .contacts-text-medium {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  justify-content: center;
  display: flex;
  padding-bottom: 13px;
}
#contacts-map .contacts-text-small {
  font-size: 12px;
  font-weight: 600;
  color: black;
  justify-content: center;
  display: flex;
  font-weight: 400;
  padding-bottom: 20px;
}
#contacts-map .contacts-success-title {
  font-size: 20px;
  font-weight: 500;
  color: #0E2636;
  margin-bottom: 40px;
  margin-top: 18px;
  text-align: center;
  justify-content: center;
}
#contacts-map .success-icon {
  display: flex;
  margin-bottom: 37px;
  justify-content: center;
}
#contacts-map p {
  font-size: 12px;
  font-weight: 500;
  color: black;
  justify-content: center;
  display: flex;
  padding: 5px 80px 10px 80px;
  font-weight: 400;
  text-align: center;
  line-height: 1.7;
}
#contacts-map .mobile-icon {
  padding-right: 12px;
}
#contacts-map .div-form-group {
  width: 100%;
  justify-content: center;
  display: inline-block;
  flex-direction: column;
}
#contacts-map .div-form-group .form-group {
  width: 70%;
  justify-content: center;
}
#contacts-map .div-form-group .input-row {
  display: flex;
  column-gap: 24px;
  justify-content: center;
  margin-bottom: 20px;
}
#contacts-map .container-buttons {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
  margin-top: 10px;
}
#contacts-map .main-container {
  display: flex;
  column-gap: 24px;
  min-height: calc(100% - 65px);
}
#contacts-map .main-container > div {
  display: flex;
  flex-direction: column;
  width: 100%;
}
#contacts-map .main-container .contacts-container {
  padding: 16px 24px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  margin-bottom: 10px;
  border-radius: 8px;
  border: 1px solid #B3CADB;
  height: 100%;
}
.courses-list-info {
  border: 1px solid #B3CADB;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 16px;
}
.courses-list-info p {
  line-height: 24px;
}
.courses-list-info p span {
  color: #0E2636;
}
.courses-list-info .courses-admin-info {
  display: flex;
  gap: 40px;
}
.course-rating {
  display: flex;
  gap: 30px;
}
.course-rating img {
  width: 12px;
  height: 12px;
}
.course-rating .no-rating {
  opacity: 30%;
}
.courses-filters {
  display: flex;
  gap: 10px;
}
.courses-filters .dropdown-toggle button {
  font-weight: 500;
  border: 1px solid #99B8CE;
}
.courses-filters .dropdown-toggle img {
  transition: all .3s;
}
.courses-filters.open .dropdown-toggle img {
  transform: rotate(180deg);
}
.courses-filters .dropdown-menu {
  padding: 16px;
  border: 1px solid #004E85;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  border-radius: 8px;
  width: 238px;
}
.courses-filters .dropdown-menu > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.courses-filters .dropdown-menu > div p {
  font-size: 16px;
  font-weight: 500;
  line-height: 32px;
  color: #0E2636;
}
.courses-filters .dropdown-menu > div img {
  cursor: pointer;
}
.courses-filters .dropdown-menu ul {
  margin: 14px 0 14px 12px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
}
.courses-filters .dropdown-menu ul li {
  display: flex;
  align-items: center;
  column-gap: 8px;
}
.courses-filters .dropdown-menu ul li input {
  margin: 0;
}
.courses-filters .dropdown-menu ul li label {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #0E2636;
}
.courses-filters .dropdown-menu > button {
  margin-left: auto;
  height: 24px;
}
.courses-info-container {
  width: 20%;
  padding-left: 24px;
  border-left: 1px solid #99B8CE;
  height: calc(100vh - 130px);
}
.courses-info-container .courses-summary {
  color: black;
  font-size: larger;
  font-weight: bolder;
  padding-bottom: 30px;
}
.courses-info-container .courses-infobox {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.courses-info-container .courses-info {
  display: flex;
  flex-direction: column;
  gap: 100px;
}
.courses-info-container .courses-info .courses-info-title {
  font-size: 12px;
  padding-bottom: 12px;
}
.courses-info-container .courses-info .courses-info-data {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 8px;
  color: #425360;
}
.courses-info-container .courses-info .courses-info-groups-list,
.courses-info-container .courses-info .courses-info-vehicles-list {
  display: flex;
  gap: 5px;
}
.courses-info-container .courses-info .courses-info-groups-list {
  margin-top: 5px;
}
.courses-add-category {
  font-size: 14px;
  font-weight: 500;
  cursor: pointer;
  color: #004E85;
}
.courses-step-title {
  font-size: 22px;
  color: #0E2636;
  font-weight: 600;
  margin-bottom: 40px;
}
.courses-back-icon {
  transform: rotate(-180deg);
}
.courses-input-small {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1;
}
.courses-input-small > div {
  margin-top: auto;
}
.courses-create-error-container {
  margin-top: 300px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 30px;
  align-items: center;
  width: 100%;
}
.courses-create-error-container img {
  width: 130px;
  height: 130px;
}
.courses-create-error-container p {
  font-size: 25px;
  color: #0E2636;
  font-weight: 500;
}
.courses-create-error-container button {
  margin-top: 20px;
}
.courses-input-small {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1;
}
.courses-input-small > div {
  margin-top: auto;
}
.addResponsible {
  margin-top: -30px;
  margin-bottom: 10px;
}
.courses-create-summary-container {
  margin-top: 30px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.courses-create-summary-container .courses-summary-done-icon-container {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  background-color: #19880F;
  display: flex;
  justify-content: center;
  align-items: center;
}
.courses-create-summary-container .courses-summary-done-icon-container img {
  width: 100px;
}
.courses-create-summary-container .courses-summary-title {
  color: black;
  margin-top: 50px;
  font-size: 26px;
  font-weight: 500;
}
.courses-create-summary-container .courses-summary-details {
  margin-top: 40px;
  background-color: #E1E1E1;
  width: 680px;
  height: 100%;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 16px;
  padding: 24px;
}
.courses-create-summary-container .courses-summary-details .courses-summary-info-locations {
  width: 100% !important;
}
.courses-create-summary-container .courses-summary-details .courses-summary-info-locations,
.courses-create-summary-container .courses-summary-details .courses-summary-info {
  margin-top: 20px;
  width: 45%;
  height: 100%;
}
.courses-create-summary-container .courses-summary-details .courses-summary-info-locations .courses-summary-info-title,
.courses-create-summary-container .courses-summary-details .courses-summary-info .courses-summary-info-title {
  font-size: 12px;
  padding-bottom: 12px;
}
.courses-create-summary-container .courses-summary-details .courses-summary-info-locations .courses-summary-info-data,
.courses-create-summary-container .courses-summary-details .courses-summary-info .courses-summary-info-data {
  font-size: 14px;
  margin-bottom: 10px;
  color: #425360;
}
.courses-create-summary-container .courses-summary-details .courses-summary-info-locations .courses-summary-info-groups-list,
.courses-create-summary-container .courses-summary-details .courses-summary-info .courses-summary-info-groups-list,
.courses-create-summary-container .courses-summary-details .courses-summary-info-locations .courses-summary-info-vehicles-list,
.courses-create-summary-container .courses-summary-details .courses-summary-info .courses-summary-info-vehicles-list {
  display: flex;
  gap: 5px;
}
.courses-create-summary-container .courses-summary-details .courses-summary-info-locations .courses-summary-info-groups-list,
.courses-create-summary-container .courses-summary-details .courses-summary-info .courses-summary-info-groups-list {
  margin-top: 5px;
}
.courses-create-summary-container .courses-summary-buttons {
  display: flex;
  gap: 10px;
  margin-top: 50px;
  height: 100px;
}
.courses-upload-disabled {
  opacity: 50%;
  background-color: #004E85 !important;
  color: white !important;
}
.courses-file-button {
  padding: 10px, 24px, 10px, 16px !important;
  height: 40px !important;
  background-color: transparent !important;
}
.courses-file-button .courses-remove-file {
  display: none;
}
.courses-file-button img {
  width: 14px !important;
  height: 20px !important;
}
.courses-file-button span {
  font-size: 14px;
  font-weight: 500;
  padding: 0 14px;
}
.courses-file-button:hover {
  background-color: #E6EDF3 !important;
}
.courses-file-button:hover .courses-remove-file {
  display: block;
}
.course-details-container {
  width: 100%;
  min-height: 550px;
  display: flex;
  gap: 16px;
}
.course-details-container .course-details-video {
  width: 100%;
  height: 100%;
  border-radius: 10px;
}
.course-details-container .course-details-media {
  width: 65%;
  height: 100%;
  border-radius: 10px;
  background-color: #F5F8FA;
  display: flex;
  justify-content: center;
}
.course-details-container .course-details-media img {
  max-width: 100%;
}
.course-details-container .course-details-media embed {
  width: 100%;
}
.course-details-container .course-details-box {
  background-color: #F5F8FA;
  border: 1px solid #B3CADB;
  border-radius: 8px;
  padding: 24px;
  width: 35%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column !important;
}
.course-details-container .course-details-box .course-details-info {
  display: flex;
  flex-direction: column;
  line-height: 24px;
  width: 100%;
}
.course-details-container .course-details-box .course-details-info .title {
  font-size: 12px;
  color: #687680;
}
.course-details-container .course-details-box .course-details-info .text {
  color: #425360;
  font-size: 14px;
  display: flex;
}
.course-details-container .course-details-box .course-details-rating {
  padding-bottom: 50px;
}
.course-details-container .course-details-box .course-details-rating img {
  width: 12px;
  height: 12px;
  margin-top: 20px;
  margin-right: 40px;
}
.course-details-container .course-details-box .course-details-rating .no-rating {
  opacity: 30%;
}
.faqs-container-actions {
  width: 100%;
  display: flex;
  margin-bottom: 30px;
  overflow-y: auto;
}
.faqs-container-actions .align-right-content-list {
  float: right;
  display: flex;
}
.faqs-title {
  font-size: 20px;
  font-weight: 500;
  color: #0E2636;
  margin-bottom: 25px;
  /*    margin-top: 30px; */
}
.faqs-subtitle {
  font-size: 16px;
  font-weight: 600;
  color: black;
  display: flex;
  font-weight: 500;
  margin-bottom: 25px;
  margin-top: 20px;
}
.faqs-subtitle a {
  color: #004E85;
}
.faqs-text-medium {
  font-size: 14px;
  font-weight: 600;
  font-weight: 500;
  color: #004E85;
  justify-content: left;
  display: flex;
  padding-bottom: 20px;
  padding-top: 20px;
}
.align-right-content-list {
  float: right;
  display: flex;
  /*     margin-right: 20px; */
  margin-top: 0px;
}
.main-content-box {
  max-height: calc(100vh - 180px);
  overflow-y: auto;
  margin-top: 35px;
  margin-bottom: 30px;
}
.dragging {
  opacity: 0.5;
}
.dragging-faq {
  opacity: 0.5;
}
.faqs-info-container {
  width: 30%;
  padding-left: 24px;
  border-left: 1px solid #99B8CE;
  height: calc(100vh - 180px);
  padding-top: 0px;
}
.faqs-info-container .faqs-info-data {
  font-size: 16px;
  margin-bottom: 15px;
  margin-top: 15px;
  cursor: pointer;
  align-content: center;
}
.faqs-info-container .faqs-info-data:active {
  color: #0E2636;
  font-weight: bold;
}
.faqs-info-container .faqs-info-data p {
  padding-left: 10px;
  padding-top: 18px;
  line-height: 18px;
}
.faqs-info-container .faqs-info-data p:hover {
  background-color: #E6EDF3;
}
.faqs-info-container .faqs-info-data p:active {
  background-color: #E6EDF3;
}
.faqs-info {
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.form-faqs {
  display: flex;
  column-gap: 24px;
  width: 100%;
  margin-bottom: 25px;
}
.form-faqs .column-faqs {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
  margin-right: 20px;
}
.form-faqs .column-faqs .input-faqs {
  border: 1px solid #99B8CE;
  border-radius: 8px;
  cursor: pointer;
}
.form-faqs .column-faqs .input-faqs > p {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  background-color: #F5F8FA;
  border-radius: 8px;
  padding: 20px;
}
.form-faqs .column-faqs .input-faqs .info {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  min-height: 40px;
}
.form-faqs .column-faqs .input-faqs .info > p {
  display: flex;
}
.form-faqs .column-faqs .input-faqs .info > p span::before {
  content: ", ";
}
.form-faqs .column-faqs .input-faqs .info > p span:first-of-type::before {
  content: "";
}
.form-faqs .column-faqs .input-faqs .info:last-of-type {
  padding-bottom: 5px;
}
.form-faqs .column-faqs .input-faqs .info .actions {
  display: flex;
  column-gap: 8px;
}
.form-faqs .column-faqs .input-faqs .info .actions .icon {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: background .2s;
}
.form-faqs .column-faqs .input-faqs .info .actions .icon:hover {
  background-color: #E6EDF3;
}
.form-faqs .column-faqs .answer-faqs {
  border-top: 1px solid #99B8CE;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 10px;
}
.form-faqs .column-faqs .answer-faqs > p {
  font-size: 12px;
  font-weight: 500;
  font-weight: 400;
  color: #0E2636;
  background-color: white;
  padding: 2px;
  line-height: 1.8;
  align-self: stretch;
}
.add-main-content-box {
  padding: 55px 0px 10px 85px;
}
.icon-padding {
  margin: -5px -3px 0px 15px;
  cursor: pointer;
}
.form-input-faqs {
  display: flex;
  flex-direction: column;
  gap: 40px;
  flex: 1;
}
.form-input-faqs > div {
  margin-top: auto;
}
.form-input-faqs input {
  width: 50%;
  height: 10%;
}
.container-div {
  padding-top: 35px;
  margin-bottom: -10px;
  margin-right: 35px;
}
.input-category {
  height: 30px;
  width: 200px;
  border-radius: 8px;
  background-color: white;
  padding: 3px;
  margin-right: 20px;
}
.input-category p {
  font-size: 14px;
  font-weight: 600;
  color: black;
}
.main-content-box-modules {
  height: 100%;
  margin-top: -20px;
  margin-bottom: 20px;
}
.card-modules {
  display: flex;
  column-gap: 24px;
  width: 100%;
  margin-bottom: 25px;
}
.card-modules .column-modules {
  width: 100%;
  min-height: 160px;
  padding: 24px 20px 10px 20px;
  background-color: #F5F8FA;
  border: 1px solid #99B8CE;
  border-radius: 8px;
  cursor: pointer;
}
.card-modules .column-modules .column-content {
  display: flex;
  column-gap: 20px;
  justify-content: space-between;
  text-align: left;
  margin-bottom: 10px;
}
.card-modules .column-modules .column-content .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  column-gap: 20px;
}
.card-modules .column-modules .column-content .description {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #425360;
  column-gap: 20px;
}
.card-modules .column-modules .column-content > p {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  min-height: 40px;
}
.card-modules .column-modules .column-content > p span::before {
  content: ", ";
}
.card-modules .column-modules .column-content > p span:first-of-type::before {
  content: "";
}
.card-modules .column-modules .column-content:last-of-type {
  padding-bottom: 5px;
}
.card-modules .list-dropdown button:hover {
  background-color: #E6EDF3;
  transition: background 0.2s;
}
.card-modules .list-dropdown.open > div button {
  background-color: #E6EDF3;
}
.card-modules .list-dropdown ul {
  left: -300px;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 8px;
  box-shadow: 0px 2px 4px rgba(14, 38, 54, 0.16);
  min-width: 170px;
}
.card-modules .list-dropdown ul li {
  font-size: 14px;
  font-weight: 600;
  position: relative;
  color: #004E85;
  padding: 16px;
  cursor: pointer;
  transition: background 0.2s;
}
.card-modules .list-dropdown ul li a {
  font-size: 14px;
  font-weight: 600;
  color: #004E85;
  padding: 0;
  transition: background 0.2s;
  z-index: 1;
}
.card-modules .list-dropdown ul li:hover:not(.disabled),
.card-modules .list-dropdown ul li:hover:not(.disabled) a {
  background-color: #E6EDF3;
}
.card-modules .list-dropdown ul li:hover:first-of-type {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.card-modules .list-dropdown ul li.disabled {
  color: #A8B0B5;
}
.card-modules .list-dropdown ul li.disabled:hover .table-tooltip {
  display: block;
}
.card-modules .list-dropdown ul li.delete {
  color: #DD0546;
}
.form-modules {
  display: flex;
  column-gap: 24px;
  width: 100%;
  margin-bottom: 25px;
}
.form-modules .column-modules {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  width: 100%;
  margin-right: 20px;
}
.form-modules .column-modules .input-modules {
  border: 1px solid #99B8CE;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
}
.form-modules .column-modules .input-modules p {
  font-size: 14px;
  font-weight: 500;
  color: #425360;
  background-color: white;
  border-radius: 8px;
  padding: 20px;
  font-weight: 400;
}
.form-modules .column-modules .input-modules .info {
  font-size: 14px;
  font-weight: 400;
  color: #425360;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 16px;
  min-height: 40px;
}
.form-modules .column-modules .input-modules .info p {
  display: flex;
  font-size: 14px;
  font-weight: 500;
  color: #425360;
  background-color: white;
  border-radius: 8px;
}
.form-modules .column-modules .input-modules .info:last-of-type {
  padding-bottom: 5px;
}
.form-modules .column-modules .input-modules .info .actions {
  display: flex;
  column-gap: 8px;
}
.form-modules .column-modules .input-modules .info .actions .icon {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  transition: background .2s;
}
.form-modules .column-modules .input-modules .info .actions .icon:hover {
  background-color: #E6EDF3;
}
.form-modules .column-modules .details-modules {
  border-top: 1px solid #99B8CE;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 10px;
}
.form-modules .column-modules .details-modules > p {
  font-size: 12px;
  font-weight: 500;
  font-weight: 400;
  color: #0E2636;
  background-color: white;
  padding: 2px;
  line-height: 1.8;
  align-self: stretch;
}
.container-checkbox {
  margin: -5px 0px -2px 10px;
}
.empty-container {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 16px;
  gap: 16px;
  height: 250px;
  background: #FFFFFF;
  border: 1px solid #B3CADB;
  border-radius: 8px;
}
.textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  resize: none;
}
html,
body {
  height: 100%;
  font-family: "Roboto", sans-serif;
}
html #loginMain,
body #loginMain {
  background: white url(/images/background-login.png) 0% 50% no-repeat;
  background-attachment: inherit;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
html #loginMain .login-container,
body #loginMain .login-container {
  align-items: center;
  background: #FFFFFF;
  border-radius: 8px;
  border: 1px solid #E1E1E1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 24px;
  width: 450px;
}
html #loginMain .login-container .login-container-password-recovery,
body #loginMain .login-container .login-container-password-recovery {
  display: none;
}
html #loginMain .login-container .login-container-password-recovery show,
body #loginMain .login-container .login-container-password-recovery show {
  display: block;
}
html #loginMain .login-container .login-container-inputs,
body #loginMain .login-container .login-container-inputs {
  margin-left: 40px;
  margin-right: 40px;
  position: relative;
  width: 326px;
}
html #loginMain .login-container .login-container-inputs .form-group:first-of-type,
body #loginMain .login-container .login-container-inputs .form-group:first-of-type {
  margin-bottom: 44px;
}
html #loginMain .login-container .login-container-inputs .hide-password-icon,
body #loginMain .login-container .login-container-inputs .hide-password-icon,
html #loginMain .login-container .login-container-inputs .show-password-icon,
body #loginMain .login-container .login-container-inputs .show-password-icon {
  cursor: pointer;
  width: 22px;
  position: absolute;
  right: 16px;
}
html #loginMain .login-container .login-container-inputs .show-password-icon,
body #loginMain .login-container .login-container-inputs .show-password-icon {
  top: 18px;
}
html #loginMain .login-container .login-container-inputs .hide-password-icon,
body #loginMain .login-container .login-container-inputs .hide-password-icon {
  top: 16px;
}
html #loginMain .login-container .login-container-inputs #email_recover,
body #loginMain .login-container .login-container-inputs #email_recover {
  margin-bottom: 80px;
}
html #loginMain .login-container .login-container-error-message,
body #loginMain .login-container .login-container-error-message {
  margin-left: 40px;
  margin-top: 42px;
}
html #loginMain .login-container .login-container-header,
body #loginMain .login-container .login-container-header {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
html #loginMain .login-container .login-container-header .login-container-logo,
body #loginMain .login-container .login-container-header .login-container-logo {
  width: 132px;
  height: auto;
  margin-bottom: 28px;
}
html #loginMain .login-container .login-container-header .login-container-title,
body #loginMain .login-container .login-container-header .login-container-title {
  color: #425360;
  margin-bottom: 16px;
}
html #loginMain .login-container .login-container-header .login-container-instructions,
body #loginMain .login-container .login-container-header .login-container-instructions {
  color: #687680;
  margin-bottom: 24px;
  text-align: center;
}
html #loginMain .login-container .login-container-footer,
body #loginMain .login-container .login-container-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-left: 40px;
  margin-right: 40px;
  margin-top: 40px;
}
html #loginMain .login-container .login-container-footer .login-container-forgot-password,
body #loginMain .login-container .login-container-footer .login-container-forgot-password {
  color: #004E85;
  cursor: pointer;
}
.login-container-no-error .login-container-error-message {
  color: transparent;
  margin-left: 40px;
  margin-top: 42px;
}
.login-container-error .login-container-error-message {
  color: #DD0546;
}
.login-container-error .login-container-inputs .input-field {
  border-color: #DD0546;
}
.login-container-error .login-container-inputs .input-field:focus {
  border-color: #DD0546;
}
.error-message {
  color: #DD0546;
  margin-left: 40px;
  margin-top: 42px;
}
.containerDashboard {
  margin-top: 80px;
  padding-right: 0px;
}
.containerDashboard .tab-content {
  margin-top: 16px;
}
.containerDashboard .minheight_driverDetail {
  min-height: 325px;
  padding: 0px !important;
  margin: 0px !important;
}
.containerDashboard #maps-fleet-streetView {
  display: none;
  width: 50%;
  height: 100%;
  float: left;
  z-index: 0;
}
.containerDashboard .image_default {
  height: 40px;
  width: 40px;
}
.containerDashboard #maps-fleet-map {
  /* height: 296px; */
  height: 100%;
  float: left;
}
.containerDashboard .gm-style-iw-d {
  overflow: hidden !important;
}
.containerDashboard #driverDetails #driver-details-table-container {
  padding-right: 32px;
  margin-bottom: 24px;
}
.containerDashboard #driverDetails .driverDetails__img {
  height: 54px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.containerDashboard #driverDetails .driverDetails__img img {
  width: 40px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  background: 0% 0% no-repeat padding-box;
  border: 1px solid #00000000;
  opacity: 1;
  padding: 5px;
}
.containerDashboard #driverDetails .Txt_STREET {
  margin-top: 20px;
  margin-right: 70px;
  background-color: #004E85;
  z-index: 99;
}
.containerDashboard #driverDetails .streetView {
  margin-right: 80px;
  border-radius: 22px;
  cursor: pointer;
  font-size: 11px;
  padding: 5px 10px;
  right: 10px;
  top: 30px;
  position: absolute;
  color: white;
  z-index: 99;
  background-color: #0080ff;
}
.containerDashboard #driverDetails .container-list-actions {
  margin-left: 18px;
  margin-bottom: 0px;
  position: relative;
}
.containerDashboard #driverDetails .container-list-actions .container-list-actions-right {
  position: absolute;
  right: 40px;
}
.containerDashboard #driverDetails .dashboard-driver-details-card-title {
  font: normal normal normal 12px/21px Roboto;
  color: #687680;
}
.containerDashboard #driverDetails #dashboard-driver-details-maps {
  height: 100%;
}
.containerDashboard #driverDetails .fullscreen-map {
  left: -18px;
  position: absolute;
  top: -16px;
  height: calc(100vh - 135px) !important;
  width: 101%;
}
.containerDashboard #driverDetails .display-none {
  display: none;
}
.containerDashboard .containerDashboard__tab .card-min-height {
  overflow-y: scroll;
  height: calc(100vh - 205px);
}
.containerDashboard .containerDashboard__tab .card-minHeight-info {
  min-height: 83px;
}
.containerDashboard .containerDashboard__tab .card-minHeight-infoDriver {
  min-height: 70px;
  margin-bottom: 35px !important;
}
.containerDashboard .containerDashboard__tab .dashboard-driver-details-first-row-card {
  margin-top: 0px !important;
  padding-top: 0px !important;
}
.containerDashboard .containerDashboard__tab .dashboard-driver-details-last-row-card {
  margin-bottom: 0px !important;
}
.containerDashboard .containerDashboard__tab #maps-fleet-map-fleet {
  height: calc(100vh - 164px);
  margin-top: 15px;
  margin-right: -12px;
}
.containerDashboard .containerDashboard__tab .card__driverDetail {
  padding: 12px;
  margin-bottom: 6px !important;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  width: 100%;
  margin-bottom: 10px;
  border-radius: 8px;
  border: 1px solid #B3CADB;
  opacity: 1;
  /*    .containerDashboard__tab__tabfleetDetails__sectionInfo__min-height {
        min-height: 35px;
        width: 100%;
      } */
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .pull-left {
  font-size: 24px;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .pull-right {
  font-size: 24px;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .custom-icon-thumbs-up-alt {
  padding-right: 5px;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .custom-icon-thumbs-down-alt {
  padding-right: 5px;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .containerDashboard__tab__tabfleetDetails__sectionInfo__icon {
  border-radius: 50px;
  height: 40px;
  width: 40px;
  margin-top: 6px;
  background: transparent 0% 0% no-repeat padding-box;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border: 1px solid #B3CADB;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .containerDashboard__tab__tabfleetDetails__sectionInfo__icon i {
  font-size: 50px;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .containerDashboard__tab__tabfleetDetails__sectionInfo__icon .containerDashboard__tab__tabdriverDetails__sectionInfo__icon__img {
  height: 30px;
  background: 0% 0% no-repeat padding-box;
  border: 1px solid #00000000;
  opacity: 1;
  padding: 5px;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .containerDashboard__tab__tabfleetDetails__sectionInfo__description {
  width: calc(100% - 80px);
  height: 100%;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .containerDashboard__tab__tabfleetDetails__sectionInfo__description .containerDashboard__tab__tabfleetDetails__sectionInfo--title {
  font: normal normal medium 14px Roboto;
  color: #0E2636;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .containerDashboard__tab__tabfleetDetails__sectionInfo__description .containerDashboard__tab__tabfleetDetails__sectionInfo--value {
  color: #004E85;
  font: normal normal bold 20px Roboto;
  margin-top: 6px;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .containerDashboard__tab__tabfleetDetails__sectionInfo__description .containerDashboard__tab__tabfleetDetails__sectionInfo--value .image_default {
  width: 40px;
  height: 40px;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .containerDashboard__tab__tabfleetDetails__sectionInfo__description__fleetDetails {
  width: calc(100% - 40px);
  float: left;
  padding-left: 10px;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__sectionInfo .containerDashboard__tab__tabfleetDetails__sectionInfo__description__fleetDetails__icon {
  width: 40px;
  float: left;
}
.containerDashboard .containerDashboard__tab .containerDashboard__tab__tabfleetDetails__mapInfo {
  width: 80%;
  float: left;
}
.card__dashboard {
  width: 100%;
  border-bottom: 2px solid #0000001A;
}
.containerDashboard__tab__tabfleetDetails__sectionInfo--title--health {
  font-weight: 300;
  font-size: 1.3em;
  text-align: left;
}
#evtsSummary {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.dettagli {
  background-color: #ffffff;
  float: left;
  height: 140px;
  width: 20%;
  padding: 0 5px;
  font-size: 15px;
  line-height: 38px;
}
.containerDashboard__tab__tabdriverDetails__sectionInfo {
  display: flex;
  background: #FFFFFF 0% 0% no-repeat;
  width: auto;
  /* fit-content; */
  border-radius: none;
  box-shadow: none !important;
  /* padding: 15px !important; */
  height: 10px;
  margin: 0px 0px 6px 0px !important;
  min-height: 65 !important;
}
.containerDashboard__tab__tabdriverDetails__sectionInfo .containerDashboard__tab__tabdriverDetails__sectionInfo__min-height {
  min-height: 70px;
  width: 0%;
}
.containerDashboard__tab__tabdriverDetails__sectionInfo .containerDashboard__tab__tabdriverDetails__sectionInfo__icon {
  border-radius: 50px;
  height: 40px;
  width: 40px;
  margin-top: 6px;
  background: transparent 0% 0% no-repeat padding-box;
  float: left;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border: 1px solid #B3CADB;
}
.containerDashboard__tab__tabdriverDetails__sectionInfo .containerDashboard__tab__tabdriverDetails__sectionInfo__icon i {
  font-size: 50px;
}
.containerDashboard__tab__tabdriverDetails__sectionInfo .containerDashboard__tab__tabdriverDetails__sectionInfo__icon .containerDashboard__tab__tabdriverDetails__sectionInfo__icon__img {
  height: 30px;
  background: 0% 0% no-repeat padding-box;
  border: 1px solid #00000000;
  opacity: 1;
  padding: 5px;
}
.containerDashboard__tab__tabdriverDetails__sectionInfo .containerDashboard__tab__tabdriverDetails__sectionInfo__description {
  width: calc(100% - 80px);
  height: 100%;
  float: left;
  padding-top: 6px;
}
.containerDashboard__tab__tabdriverDetails__sectionInfo .containerDashboard__tab__tabdriverDetails__sectionInfo__description .containerDashboard__tab__tabdriverDetails__sectionInfo--value {
  font: normal normal normal 14px/21px Roboto;
  color: #0E2636;
}
.containerDashboard__tab__tabdriverDetails__sectionInfo .containerDashboard__tab__tabdriverDetails__sectionInfo__description .containerDashboard__tab__tabdriverDetails__sectionInfo--value .image_default {
  width: 40px;
  height: 40px;
}
.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}
/**** GENERAL ****/
.section_title {
  font-size: 23px;
  color: #1e386c;
  text-align: center;
  margin-bottom: 12px;
}
/*===========================
DASHBOARD UPPER WRAP
//===========================*/
#centralContainer {
  background: #FFFFFF;
}
/*===========================
DASHBOARD LEFT WRAP
//===========================*/
#upperwrap {
  width: 100%;
}
#leftwrap {
  display: block;
  float: left;
  width: 100%;
  /*background-color: red;*/
  text-align: center;
}
#tripsSummary {
  width: 620px;
  height: 300px;
  margin: auto;
}
.itemLeft {
  display: block;
  margin: 7px 0 25px;
}
.itemRight {
  display: block;
  margin: 7px 0 25px;
}
.item_text {
  text-align: center;
  width: 85px;
}
/* .item_text .item_value .custom-icon-thumbs-up-alt {
  color: green;
  font-style: normal;
}
.item_text .item_value .custom-icon-thumbs-down-alt {
  color: red;
  font-style: normal;
}  */
.itemLeft > img {
  float: right;
  position: relative;
  top: -55px;
}
#score_heart {
  left: 27px;
}
#score_trip {
  left: 18px;
}
.itemRight > img {
  float: right;
  position: relative;
  top: -55px;
}
#score_miles {
  right: 129px;
}
#score_tank {
  right: 119px;
}
#score_days {
  right: 114px;
}
#score_hours {
  right: 127px;
}
.misura {
  font-size: 25px;
  color: #184178;
  margin-left: -4px;
}
#score {
  padding: 13px 0 0 23px;
}
#progress {
  float: left;
  margin: 10px 0 0 4px;
}
#leftProg {
  float: left;
  width: 125px;
  margin: 22px 0 0 30px;
}
#rightProg {
  float: right;
  width: 120px;
  /*margin-top: 22px;*/
}
.jCProgress {
  padding: 0px 0px 10px 10px;
}
.jCProgress > div.percent {
  font-size: 80px;
  color: #184178;
  width: 260px;
  position: absolute;
  padding: 44px 0 0 2px;
  text-align: center;
}
/*===========================
DASHBOARD RIGHT WRAP
//===========================*/
#rightwrap {
  display: block;
  float: right;
  /*margin-right:39px;*/
  width: 100%;
  margin-bottom: 20px;
}
#tit_pos {
  font-size: 23px;
  color: #1e386c;
  text-align: center;
  line-height: 40px;
  cursor: pointer;
}
#evtsSummary {
  /*width: 620px;*/
  width: 100%;
  /*height: 300px;*/
  display: flex;
  justify-content: space-between;
}
.dettagli {
  background-color: #ffffff;
  float: left;
  height: 140px;
  width: 20%;
  padding: 0 5px;
  font-size: 15px;
  line-height: 38px;
}
.evt_img {
  margin: 5px auto 0;
  display: block;
}
/*
.tit_event {
  color: rgb(19, 43, 51);

  font-size: 120%;
  margin-top: -10px;
  text-align: center;
  line-height: 18px;
}*/
#twitter_bar {
  height: 28px;
  margin: 0 auto;
  /*width: 1280px;*/
}
#bottom_section {
  width: auto;
  background: #7db9e8;
  background: -moz-linear-gradient(top, #7db9e8 0%, #1a4384 53%, #7db9e8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7db9e8), color-stop(53%, #1a4384), color-stop(100%, #7db9e8));
  background: -webkit-linear-gradient(top, #7db9e8 0%, #1a4384 53%, #7db9e8 100%);
  background: -o-linear-gradient(top, #7db9e8 0%, #1a4384 53%, #7db9e8 100%);
  background: -ms-linear-gradient(top, #7db9e8 0%, #1a4384 53%, #7db9e8 100%);
  background: linear-gradient(to bottom, #7db9e8 0%, #1a4384 53%, #7db9e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#7db9e8', GradientType=0);
  margin: 0 auto;
}
.footer_default {
  margin-top: 0px;
}
#tw_header > img {
  display: block;
  margin: 0 auto;
  padding: 3px 7px;
  width: 20px;
}
#tw_header {
  display: block;
  float: left;
  margin: 0 auto;
  padding: 2px;
  width: 30px;
}
/*===========================
DOWNWRAP
//===========================*/
#downwrap {
  display: block;
  width: 1280px;
}
#last_position_section {
  margin-top: 30px;
}
/*===========================
ALLERTS
//===========================*/
.allert_spec_img {
  display: block;
  margin: 0 auto;
}
.allert_img {
  float: right;
  width: 35px;
  margin-left: -40px !important;
  padding: 10px 0;
  cursor: pointer;
}
/*===========================
MAPS
//===========================*/
#maps {
  height: 300px;
}
#last_position_info_sx {
  background: none repeat scroll 0 0 white;
  border-radius: 20px;
  float: left;
  margin-right: 10px;
  padding: 20px;
  width: 380px;
}
#address,
#last_position {
  margin: 25px 15px;
}
/*===========================
MAP WEATHER
//===========================*/
.gm-style-iw {
  width: 255px;
}
.gm-iw > span {
  color: white;
  display: block;
  font-weight: bold;
  text-align: center;
  font-size: 1.1em;
}
.gm-iw b {
  color: black;
}
.gm-iw > p {
  margin: 0;
  color: #5e94cc !important;
}
.map_flag_info {
  text-align: center !important;
}
.map_evt_info {
  line-height: 1.5;
  overflow: hidden;
  clear: both;
  padding-top: 7px;
  white-space: pre-line;
  text-overflow: ellipsis;
}
.map_evt_weather_img {
  width: 10%;
  float: left;
}
.map_evt_weather {
  clear: both;
  color: #5e94cc !important;
  display: block;
  margin-top: 4px;
}
.map_evt_weather_desc {
  float: right;
  font-size: 16px;
  margin-top: 2px;
  width: 89%;
}
.map_evt_weather_left,
.map_evt_weather_right {
  width: 50%;
}
.map_evt_weather_left {
  float: left;
}
.map_evt_weather_right {
  float: right;
}
.map_evt_weather span {
  color: black;
  font-weight: 400;
}
.col1 {
  /* background-color: #ddf;*/
  float: left;
}
.col2 {
  /*background-color: #dfd;*/
  float: none;
}
.col3 {
  /*background-color: #fdd;*/
  float: right;
}
/*================
jquery-ui.accordion

==============*/
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  /* support: IE7 */
  font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.lng-flag {
  background-size: 25px 25px;
  width: 25px;
  height: 25px;
  float: left;
  margin-right: 4px;
}
.lng-en {
  background-image: url("/images/en.png");
}
.lng-es {
  background-image: url("/images/es.png");
}
.lng-pt {
  background-image: url("/images/pt.png");
}
.gauge-tab {
  padding: 10px !important;
}
.dashboard-tab {
  top: 3px !important;
  position: relative !important;
  border-bottom: 0px !important;
}
.pie-big-count {
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
}
.pie-label {
  font-size: 12px;
}
.col-sm-05 {
  margin-left: 4.2%;
}
.eld-circle-info {
  border-radius: 50% 50% 50% 50%;
  padding: 5px;
  height: 50px;
  text-align: center;
  width: 50px;
  vertical-align: middle;
}
.eld-title {
  font-weight: bold;
  font-size: 20px;
}
.eld-circle-pu {
  background-color: #4cae4c;
  color: white;
}
.eld-circle-ym {
  background-color: tomato;
  color: white;
}
.eld-block {
  display: block;
}
.eld-legend {
  float: left;
  width: 200px;
}
.eld-vertical {
  vertical-align: middle !Important;
}
.eld-margin {
  margin-top: 10px;
  margin-bottom: 10px;
}
.eld-circle-container {
  width: 50px;
  float: left;
}
.eld-label-legend {
  margin-top: 5px;
}
.tabTitle {
  color: #5e94cc;
  font-weight: bold;
}
.eldArrow {
  width: 70px;
  display: flow-root;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  height: 20px;
}
.btn-line {
  background-color: white;
  color: gray;
  border: 2px solid lightgray;
  padding: 10px;
  width: 50%;
}
.btn-line label {
  font-size: 15px;
}
.sort {
  float: left;
  width: 100%;
}
.left_ {
  float: left;
}
.right_ {
  float: left;
}
.col-margin-bottom {
  margin-bottom: 40px;
}
.activeDocuments {
  background-color: lightblue;
  color: white;
}
.pie-big-count {
  font-size: 20px;
  font-weight: bold;
  line-height: 25px;
}
.pie-label {
  font-size: 12px;
}
.col-sm-05 {
  margin-left: 4.2%;
}
.eld-circle-info {
  border-radius: 50% 50% 50% 50%;
  padding: 5px;
  height: 50px;
  text-align: center;
  width: 50px;
  vertical-align: middle;
}
.eld-title {
  font-weight: bold;
  font-size: 20px;
}
.eld-circle-pu {
  background-color: #4cae4c;
  color: white;
}
.eld-circle-ym {
  background-color: tomato;
  color: white;
}
.eld-block {
  display: block;
}
.eld-legend {
  float: left;
  width: 200px;
}
.eld-vertical {
  vertical-align: middle !Important;
}
.eld-margin {
  margin-top: 10px;
  margin-bottom: 10px;
}
.eld-circle-container {
  width: 50px;
  float: left;
}
.eld-label-legend {
  margin-top: 5px;
}
.tabTitle {
  color: #5e94cc;
  font-weight: bold;
}
.eldArrow {
  width: 70px;
  display: flow-root;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  height: 20px;
}
.btn-line {
  background-color: white;
  color: gray;
  border: 2px solid lightgray;
  padding: 10px;
  width: 50%;
}
.btn-line label {
  font-size: 15px;
}
.sort {
  float: left;
  width: 100%;
}
.left_ {
  float: left;
}
.right_ {
  float: left;
}
.col-margin-bottom {
  margin-bottom: 40px;
}
.activeDocuments {
  background-color: lightblue;
  color: white;
}
.fleet-details-card-container {
  margin-top: 15px !important;
}