/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
@charset "UTF-8";
/**
 * Override Bootstrap styles that you can't modify via variables here.
 *
 */
.navbar-brand___yzE0S {
  position: relative;
  padding-left: 50px;
}

.navbar-default___tBO3n .navbar-nav___3HZlS > .active___3iMww > a,
.navbar-default___tBO3n .navbar-nav___3HZlS > .active___3iMww > a:hover,
.navbar-default___tBO3n .navbar-nav___3HZlS > .active___3iMww > a:focus {
  color: #33e0ff;
  background-color: transparent;
}

/* Container plus large sur écrans standards */
@media (min-width: 1200px) {
  .container {
    width: 1300px !important;
    max-width: 1300px !important;
  }
}
@media (min-width: 1600px) {
  .container {
    width: 1450px !important;
    max-width: 1450px !important;
  }
}
/* Container plus large sur grands écrans */
@media (min-width: 1920px) {
  .container {
    width: 90% !important;
    max-width: 90% !important;
  }
}
@media (min-width: 2560px) {
  .container {
    width: 2400px !important;
    max-width: 2400px !important;
  }
}
@media (min-width: 3840px) {
  .container {
    width: 3600px !important;
    max-width: 3600px !important;
  }
}
@font-face {
  font-family: "upcli";
  src: local("upcli"), url(/dist/99b0a7e0a290248b5ba08f3435ae5500.ttf) format("truetype");
  font-weight: normal;
  /*font-style: italic;*/
}


@media all and (min-width:960px) and (max-width: 2000px) {
  .returnLink {
    position: absolute;
    right: 260px;
    top: 15px;
    background: #ff2c2c;
    border-radius: 15px;
    padding: 4px;
    font-size: 83%;
    z-index:50000000000;
  }
  
}

#portal-menu a {
  color:white;
}


#portal-menu .navbar-brand {
  position: absolute;
  left: 0;
  padding-left: 30px; /* Adjust as needed */
  z-index: 1;
}




@media all and (min-width:200px) and (max-width: 750px) {
  .returnLink {
    /*position: absolute;
    margin-top: 0px;
    left: 533px;
    top: 71px;    
    */
    font-size: 83%;
    background: #ff2c2c;
    border-radius: 15px;
    padding: 4px;
    width:184px;
    margin-top:11px;
    
  }

  .topMenu .navbar-nav a{
    text-align: center;
  }

  /*.navbar-collapse {
      min-height:450px;
  }*/

  .navbar-nav .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
  }
  
}


#portal-menu, .topMenu {
  display: block;
  width: 100%;
}

/* Conteneur pour empiler les menus */
.menu-container {
  display: flex;
  flex-direction: column;
  position: relative; /* Pour maintenir les positions fixes des enfants */
  z-index: 999999; /* Ajustez selon vos besoins */
}



/* Style spécifique pour topMenu */
.topMenu {
  position: relative;
  /*z-index: 2; *//* Garder au-dessus de #portal-menu */
}





.navbar-brand {
  padding-left: 10px; /* Remove any left padding */
}

.navbar-brand div {
  display: flex;
  align-items: center;
  justify-content: flex-start; /* Align items to the start (left) */
  height: 100%;
  font-family: upcli;
  cursor: pointer;
}

.topMenu .navbar-brand img {
  margin-right: 0px;
  width: 40px;
  padding-top: 0px;
}

.topMenu .navbar-brand span {
  margin: 0;
  font-family: upcli;
  color: #000;
  font-size: 35px;
}

/* ConsultMenu dropdown z-index */
#bg-vertical-dropdown-1 + .dropdown-menu,
.btn-group.open .dropdown-menu {
  z-index: 9999 !important;
}
.loginPage___1KyOm input {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.loginPage___1KyOm form {
  margin: 30px 0;
}
.loginPage___1KyOm form .btn {
  margin-left: 10px;
}
.widgets___3N-f8 .refreshBtn___8A1iT {
  margin-left: 20px;
}
.widgets___3N-f8 .idCol___RLiws {
  width: 5%;
}
.widgets___3N-f8 .colorCol___2HBf4 {
  width: 20%;
}
.widgets___3N-f8 .sprocketsCol___mP0U_ {
  width: 20%;
  text-align: right;
}
.widgets___3N-f8 .sprocketsCol___mP0U_ input {
  text-align: right;
}
.widgets___3N-f8 .ownerCol___FoziZ {
  width: 30%;
}
.widgets___3N-f8 .buttonCol___3S9Fe {
  width: 25%;
}
.widgets___3N-f8 .buttonCol___3S9Fe .btn {
  margin: 0 5px;
}
.widgets___3N-f8 tr.saving___2X2Rc {
  opacity: 0.8;
}
.widgets___3N-f8 tr.saving___2X2Rc .btn[disabled] {
  opacity: 1;
}
.highlight {
  background:lightblue;
}
.nextBtnProduct___1Wyyt {
  cursor: pointer;
}
.nextBtnProduct___1Wyyt:hover, .nextBtnProduct___1Wyyt:focus {
  color: black;
}

.deleteBtnProduct___1zzBA {
  cursor: pointer;
  color: red;
}
.deleteBtnProduct___1zzBA:hover, .deleteBtnProduct___1zzBA:focus {
  color: black;
}

.loginPage___10T_V input {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.loginPage___10T_V form {
  margin: 30px 0;
}
.loginPage___10T_V form .btn {
  margin-left: 10px;
}

/**
 * The geosuggest module
 */
.geosuggest___1UDov {
  font-size: 18px;
  font-size: 1rem;
  position: relative;
  width: 50%;
  margin: 1em auto;
  text-align: left;
}

.geosuggest__input___1kJPd {
  width: 100%;
  border: 2px solid transparent;
  box-shadow: 0 0 1px #3d464d;
  padding: 0.5em 1em;
  transition: border 0.2s, box-shadow 0.2s;
}
.geosuggest__input___1kJPd:focus {
  border-color: #267dc0;
  box-shadow: 0 0 0 transparent;
}

.geosuggest__suggests___FCa_w {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 25em;
  padding: 0;
  margin-top: -1px;
  background: #fff;
  border: 2px solid #267dc0;
  border-top-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  z-index: 5;
  transition: max-height 0.2s, border 0.2s;
}

.geosuggest__suggests--hidden___diYlV {
  max-height: 0;
  overflow: hidden;
  border-width: 0;
}

.geosuggest-item___ozbFY {
  font-size: 18px;
  font-size: 1rem;
  padding: 0.5em 0.65em;
  cursor: pointer;
}
.geosuggest-item___ozbFY:hover, .geosuggest-item___ozbFY:focus {
  background: #f5f5f5;
}

.geosuggest-item--active___2lug0 {
  background: #267dc0;
  color: #fff;
}
.geosuggest-item--active___2lug0:hover, .geosuggest-item--active___2lug0:focus {
  background: #ccc;
}
.count-down {
  display:inline;

}


.count-down > div {
  display:inline;
	margin-left:15px;
}

 .form-input {
      /*width:300px*/
 }
 
 .formTab{ 


 }
 
 .per-page-container input {
   width:100%;
   height:27px;
   margin-right:3px
}

.search-container input,select {
   width:47%;
   height:27px;
   margin-right:3px
}


body div.is-open {
	position: relative; 
	z-index: 1000000000000000000; 
}


.td-align-center {
	text-align:center;

}



#tooltip444 .popover {
	max-width:600px
}
#tooltip444 .popover-content {
	width:600px
}

.rTable {
   display: table;
   width: 100%;
}
.rTableRow {
   display: table-row;
}
.rTableHeading {
   display: table-header-group;
   background-color: #ddd;
}
.rTableCell, .rTableHead {
   display: table-cell;
   padding: 3px 10px;
   border: 1px solid #999999;
}
.rTableHeading {
   display: table-header-group;
   background-color: #ddd;
   font-weight: bold;
}
.rTableFoot {
   display: table-footer-group;
   font-weight: bold;
   background-color: #ddd;
}
.rTableBody {
   display: table-row-group;
}

.borderless tr td {
   border: none !important;
   padding: 0px !important;
   font-size:10px;
}



/*!
 * https://github.com/YouCanBookMe/react-datetime
 */

 .rdt {
   position: relative;
 }
 .rdtPicker {
   display: none;
   position: absolute;
   width: 200px;
   padding: 4px;
   margin-top: 1px;
   z-index: 99999 !important;
   background: #fff;
   box-shadow: 0 1px 3px rgba(0,0,0,.1);
   border: 1px solid #f9f9f9;
 }
 .rdtOpen .rdtPicker {
   display: block;
 }
 .rdtStatic .rdtPicker {
   box-shadow: none;
   position: static;
 }
 
 .rdtPicker .rdtTimeToggle {
   text-align: center;
 }
 
 .rdtPicker table {
   width: 100%;
   margin: 0;
 }
 .rdtPicker td,
 .rdtPicker th {
   text-align: center;
   height: 28px;
 }
 .rdtPicker td {
   cursor: pointer;
 }
 .rdtPicker td.rdtDay:hover,
 .rdtPicker td.rdtHour:hover,
 .rdtPicker td.rdtMinute:hover,
 .rdtPicker td.rdtSecond:hover,
 .rdtPicker .rdtTimeToggle:hover {
   background: #eeeeee;
   cursor: pointer;
 }
 .rdtPicker td.rdtOld,
 .rdtPicker td.rdtNew {
   color: #999999;
 }
 .rdtPicker td.rdtToday {
   position: relative;
 }
 .rdtPicker td.rdtToday:before {
   content: '';
   display: inline-block;
   border-left: 7px solid transparent;
   border-bottom: 7px solid #428bca;
   border-top-color: rgba(0, 0, 0, 0.2);
   position: absolute;
   bottom: 4px;
   right: 4px;
 }
 .rdtPicker td.rdtActive,
 .rdtPicker td.rdtActive:hover {
   background-color: #428bca;
   color: #fff;
   text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
 }
 .rdtPicker td.rdtActive.rdtToday:before {
   border-bottom-color: #fff;
 }
 .rdtPicker td.rdtDisabled,
 .rdtPicker td.rdtDisabled:hover {
   background: none;
   color: #999999;
   cursor: not-allowed;
 }
 
 .rdtPicker td span.rdtOld {
   color: #999999;
 }
 .rdtPicker td span.rdtDisabled,
 .rdtPicker td span.rdtDisabled:hover {
   background: none;
   color: #999999;
   cursor: not-allowed;
 }
 .rdtPicker th {
   border-bottom: 1px solid #f9f9f9;
 }
 .rdtPicker .dow {
   width: 14.2857%;
   border-bottom: none;
   cursor: default;
 }
 .rdtPicker th.rdtSwitch {
   width: 100px;
 }
 .rdtPicker th.rdtNext,
 .rdtPicker th.rdtPrev {
   font-size: 21px;
   vertical-align: top;
 }
 
 .rdtPrev span,
 .rdtNext span {
   display: block;
   -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none;   /* Chrome/Safari/Opera */
   -khtml-user-select: none;    /* Konqueror */
   -moz-user-select: none;      /* Firefox */
   -ms-user-select: none;       /* Internet Explorer/Edge */
   user-select: none;
 }
 
 .rdtPicker th.rdtDisabled,
 .rdtPicker th.rdtDisabled:hover {
   background: none;
   color: #999999;
   cursor: not-allowed;
 }
 .rdtPicker thead tr:first-child th {
   cursor: pointer;
 }
 .rdtPicker thead tr:first-child th:hover {
   background: #eeeeee;
 }
 
 .rdtPicker tfoot {
   border-top: 1px solid #f9f9f9;
 }
 
 .rdtPicker button {
   border: none;
   background: none;
   cursor: pointer;
 }
 .rdtPicker button:hover {
   background-color: #eee;
 }
 
 .rdtPicker thead button {
   width: 100%;
   height: 100%;
 }
 
 td.rdtMonth,
 td.rdtYear {
   height: 50px;
   width: 25%;
   cursor: pointer;
 }
 td.rdtMonth:hover,
 td.rdtYear:hover {
   background: #eee;
 }
 
 .rdtCounters {
   display: inline-block;
 }
 
 .rdtCounters > div {
   float: left;
 }
 
 .rdtCounter {
   height: 100px;
 }
 
 .rdtCounter {
   width: 40px;
 }
 
 .rdtCounterSeparator {
   line-height: 100px;
 }
 
 .rdtCounter .rdtBtn {
   height: 40%;
   line-height: 40px;
   cursor: pointer;
   display: block;
 
   -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none;   /* Chrome/Safari/Opera */
   -khtml-user-select: none;    /* Konqueror */
   -moz-user-select: none;      /* Firefox */
   -ms-user-select: none;       /* Internet Explorer/Edge */
   user-select: none;
 }
 .rdtCounter .rdtBtn:hover {
   background: #eee;
 }
 .rdtCounter .rdtCount {
   height: 20%;
   font-size: 1.2em;
 }
 
 .rdtMilli {
   vertical-align: middle;
   padding-left: 8px;
   width: 48px;
 }
 
 .rdtMilli input {
   width: 100%;
   font-size: 1.2em;
   margin-top: 37px;
 }
 
 .rdtTime td {
   cursor: default;
 }

 .panel-title {
   cursor:pointer
 }


 #graph_menu_container div:hover {
   color:white
 }
.loginPage___1W13s input {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.loginPage___1W13s form {
  margin: 30px 0;
}
.loginPage___1W13s form .btn {
  margin-left: 10px;
}
.loginPage___3BkXI input {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.loginPage___3BkXI form {
  margin: 30px 0;
  /*:global(.btn) {
    margin-left: 10px;
  }*/
}
.Select{
	z-index:10000;
}

.form-horizontal .control-label {
	text-align: left;
}


.loginPage___1MjbF input {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.loginPage___1MjbF form {
  margin: 30px 0;
}
.loginPage___1MjbF form .btn {
  margin-left: 10px;
}
.widgets___uVbEW .refreshBtn___2OF2r {
  margin-left: 20px;
}
.widgets___uVbEW .idCol___iWhY- {
  width: 5%;
}
.widgets___uVbEW .colorCol___rFMig {
  width: 20%;
}
.widgets___uVbEW .sprocketsCol___oihe3 {
  width: 20%;
  text-align: right;
}
.widgets___uVbEW .sprocketsCol___oihe3 input {
  text-align: right;
}
.widgets___uVbEW .ownerCol___1HnhY {
  width: 30%;
}
.widgets___uVbEW .buttonCol___3k_VK {
  width: 25%;
}
.widgets___uVbEW .buttonCol___3k_VK .btn {
  margin: 0 5px;
}
.widgets___uVbEW tr.saving___1FwPi {
  opacity: 0.8;
}
.widgets___uVbEW tr.saving___1FwPi .btn[disabled] {
  opacity: 1;
}
/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 650px) {
	.dropdown-menu {
	    position:relative;
	}
	.dropdown-menu>li>a {
	    display: block;
	    padding: 3px 20px;
	    clear: both;
	    font-weight: 400;
	    line-height: 1.42857;
	    color: #333;
	    white-space: nowrap;
	}
}


/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .dropdown-menu {
        position:relative;
    }
    .dropdown-menu>li>a {
	    display: block;
	    padding: 3px 20px;
	    clear: both;
	    font-weight: 400;
	    line-height: 1.42857;
	    color: #333;
	    white-space: nowrap;
	}
}
.highlight {
  background:lightblue;
}

table .sort-none:after {
  content: "\21D5";
  padding-left: 0.5em;
  font-size: 1em;
}

table .sort-asc:after {
  content: "\25BC";
}

table .sort-desc:after {
  content: "\25B2";
}

/* Condenser le tableau */
.table-responsive table {
  table-layout: fixed;
  width: 100%;
}

.table-responsive table td,
.table-responsive table th {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 5px 8px !important;
  font-size: 13px;
}

.table-responsive table td:hover {
  overflow: visible;
  white-space: normal;
}
.gmap-label {
  width: 50px; 
  height: 20px;

  border: 1px solid #eb3a44;
  border-radius: 5px;
  background: #fee1d7;
  text-align: center;
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
  color: #eb3a44;
}
/* Starting state of enter transition */
.slide-enter {
  transform: translateY(-100%);
  opacity: 0;
  display:none
}

/* Ending state of enter transition (also, our default state when the element is present) */
.slide-enter-active {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
  display:block
}

/* Starting state of exit transition */
.slide-exit {
  transform: translateY(0);
  opacity: 1;
}

/* Ending state of exit transition */
.slide-exit-active {
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 0.2s ease-out, opacity 0.2s ease-out;
}





.btn-portal {
  width: 70px;
  height: 70px;
  border-radius: 70px;
  position: absolute;
  overflow: hidden;
  cursor: pointer;
  background: #ECEFF1;
  font-size: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
/*
.fa-icon {
  font-size: 36px;
  color: #03A9F4;
}*/

/*
.btn:not(:first-child) {
  opacity: 0;
  z-index: -2;
  transition: all 0.6s cubic-bezier(.87,-.41,.19,1.44);
}*/

.menu.open .btn:nth-child(2) {top:-150px;opacity:1;}
.menu.open .btn:nth-child(3) {top:-100px;left:100px;opacity:1;}
.menu.open .btn:nth-child(4) {left:150px;opacity:1;}
.menu.open .btn:nth-child(5) {top:100px;left:100px;opacity:1;}
.menu.open .btn:nth-child(6) {top:150px;opacity:1;}
.menu.open .btn:nth-child(7) {top:100px;left:-100px;opacity:1;}
.menu.open .btn:nth-child(8) {left:-150px;opacity:1;}
.menu.open .btn:nth-child(9) {top:-100px;left:-100px;opacity:1;}

.fast-animation {
    animation-duration: 0.1s !important; /* or any other duration you prefer */
}

/*
.navbar-collapse {
  justify-content: flex-start !important;
}

.nav {
  justify-content: center !important;
}*/
/*
.navItemPortalMenu {
  text-align: center;
}*/

.nav.small-screen {
  flex-direction: column;
}

#portalMenuNav a {
  text-align: center;
}

#portal-menu {
  max-height: 0px;
  position: relative;
  z-index: 1; /* Garder au-dessus de .topMenu */
}

#portal-link:hover {

  text-decoration: none;
}

.app___3sz-J .brand____u4av {
  position: absolute;
  top: 5px;
  left: 5px;
  display: inline-block;
  background: url(/dist/9180ed2c5406118dfcff26d8c6dc6712.png) no-repeat center center;
  width: 40px;
  height: 40px;
  background-size: 80%;
  margin: 0 10px 0 0;
  border-radius: 20px;
}
.app___3sz-J nav .fa {
  font-size: 2em;
  line-height: 20px;
}

.appContent___gsYlq {
  margin: 20px 0;
  padding-bottom: 60px;
}
/**
 *  Define scss variables here.
 *
 *  Available options for Bootstrap:
 *  http://getbootstrap.com/customize/
 *
 */
.home___1bkob dd {
  margin-bottom: 15px;
}

.masthead___3qL9t {
  background: #2d2d2d;
  padding: 40px 20px;
  color: white;
  text-align: center;
}
.masthead___3qL9t .logo___1_SL2 {
  margin: auto;
  height: 200px;
  width: 200px;
  border-radius: 100px;
  border: 1px solid #33e0ff;
  box-shadow: inset 0 0 10px #33e0ff;
  vertical-align: middle;
}
.masthead___3qL9t .logo___1_SL2 p {
  line-height: 200px;
  margin: 0px;
}
.masthead___3qL9t .logo___1_SL2 img {
  width: 75%;
  margin: auto;
}
.masthead___3qL9t h1 {
  color: #33e0ff;
  font-size: 4em;
}
.masthead___3qL9t h2 {
  color: #ddd;
  font-size: 2em;
  margin: 20px;
}
.masthead___3qL9t a {
  color: #ddd;
}
.masthead___3qL9t p {
  margin: 10px;
}
.masthead___3qL9t .humility___Bedqz {
  color: #777;
}
.masthead___3qL9t .humility___Bedqz a {
  color: #777;
}
.masthead___3qL9t .github___qJ_u3 {
  font-size: 1.5em;
}

.counterContainer___Jx2OO {
  text-align: center;
  margin: 20px;
}
.loginPage___1Z5W9 input {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.loginPage___1Z5W9 form {
  margin: 30px 0;
}
.loginPage___1Z5W9 form .btn {
  margin-left: 10px;
}
.loginPage___2droN input {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.loginPage___2droN form {
  margin: 30px 0;
}
.loginPage___2droN form .btn {
  margin-left: 10px;
}
/**
 * The geosuggest module
 */
.geosuggest {
  font-size: 18px;
  font-size: 1em;
  position: relative;
  text-align: left;
}
.geosuggest__input {
  width: 100%;
  border: 2px solid transparent;
  box-shadow: 0 0 1px #3d464d;
  padding: .5em 1em;
  -webkit-transition: border 0.2s, box-shadow 0.2s;
          transition: border 0.2s, box-shadow 0.2s;
}
.geosuggest__input:focus {
  border-color: #267dc0;
  box-shadow: 0 0 0 transparent;
}
.geosuggest__suggests {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 25em;
  padding: 0;
  margin-top: -1px;
  background: #fff;
  border: 2px solid #267dc0;
  border-top-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  z-index: 5;
  -webkit-transition: max-height 0.2s, border 0.2s;
          transition: max-height 0.2s, border 0.2s;
}
.geosuggest__suggests--hidden {
  max-height: 0;
  overflow: hidden;
  border-width: 0;
}

/**
 * A geosuggest item
 */
.geosuggest-item {
  font-size: 18px;
  font-size: 1em;
  padding: .5em .65em;
  cursor: pointer;
}
.geosuggest-item:hover,
.geosuggest-item:focus {
  background: #f5f5f5;
}
.geosuggest-item--active {
  background: #267dc0;
  color: #fff;
}
.geosuggest-item--active:hover,
.geosuggest-item--active:focus {
  background: #ccc;
}

.legende___3bQVk span {
  font-size: 70%;
}

.widgets___1i4wI .refreshBtn___212xL {
  margin-left: 20px;
}
.widgets___1i4wI .idCol___3Y0EV {
  width: 5%;
}
.widgets___1i4wI .colorCol___3kvqL {
  width: 20%;
}
.widgets___1i4wI .sprocketsCol___cRKNU {
  width: 20%;
  text-align: right;
}
.widgets___1i4wI .sprocketsCol___cRKNU input {
  text-align: right;
}
.widgets___1i4wI .ownerCol___2tP33 {
  width: 30%;
}
.widgets___1i4wI .buttonCol___9Xheg {
  width: 25%;
}
.widgets___1i4wI .buttonCol___9Xheg .btn {
  margin: 0 5px;
}
.widgets___1i4wI tr.saving___13VC3 {
  opacity: 0.8;
}
.widgets___1i4wI tr.saving___13VC3 .btn[disabled] {
  opacity: 1;
}

/*
.pagination {

}

.paginationItem {
  font-size:15px;
  cursor:pointer;
  display:inline-block;
  margin-right:5px;
  width:30px;
}

.itemSelect {
  font-weight:bold;
}
*/
/**
 * The geosuggest module
 */
.geosuggest {
  font-size: 18px;
  font-size: 1em;
  position: relative;
  text-align: left;
}
.geosuggest__input {
  width: 100%;
  border: 2px solid transparent;
  box-shadow: 0 0 1px #3d464d;
  padding: .5em 1em;
  -webkit-transition: border 0.2s, box-shadow 0.2s;
          transition: border 0.2s, box-shadow 0.2s;
}
.geosuggest__input:focus {
  border-color: #267dc0;
  box-shadow: 0 0 0 transparent;
}
.geosuggest__suggests {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 25em;
  padding: 0;
  margin-top: -1px;
  background: #fff;
  border: 2px solid #267dc0;
  border-top-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  z-index: 5;
  -webkit-transition: max-height 0.2s, border 0.2s;
          transition: max-height 0.2s, border 0.2s;
}
.geosuggest__suggests--hidden {
  max-height: 0;
  overflow: hidden;
  border-width: 0;
}

/**
 * A geosuggest item
 */
.geosuggest-item {
  font-size: 18px;
  font-size: 1em;
  padding: .5em .65em;
  cursor: pointer;
}
.geosuggest-item:hover,
.geosuggest-item:focus {
  background: #f5f5f5;
}
.geosuggest-item--active {
  background: #267dc0;
  color: #fff;
}
.geosuggest-item--active:hover,
.geosuggest-item--active:focus {
  background: #ccc;
}



.widgets___2d5Nq .refreshBtn___12Ru6 {
  margin-left: 20px;
}
.widgets___2d5Nq .idCol___1RWUT {
  width: 5%;
}
.widgets___2d5Nq .colorCol___3Zxl- {
  width: 20%;
}
.widgets___2d5Nq .sprocketsCol___2djjO {
  width: 20%;
  text-align: right;
}
.widgets___2d5Nq .sprocketsCol___2djjO input {
  text-align: right;
}
.widgets___2d5Nq .ownerCol___1iwJc {
  width: 30%;
}
.widgets___2d5Nq .buttonCol___2MhL7 {
  width: 25%;
}
.widgets___2d5Nq .buttonCol___2MhL7 .btn {
  margin: 0 5px;
}
.widgets___2d5Nq tr.saving___-yCzn {
  opacity: 0.8;
}
.widgets___2d5Nq tr.saving___-yCzn .btn[disabled] {
  opacity: 1;
}

/*
.pagination {

}

.paginationItem {
  font-size:15px;
  cursor:pointer;
  display:inline-block;
  margin-right:5px;
  width:30px;
}

.itemSelect {
  font-weight:bold;
}
*/
.nextBtnProduct___1AFlJ {
  cursor: pointer;
}
.nextBtnProduct___1AFlJ:hover, .nextBtnProduct___1AFlJ:focus {
  color: black;
}

.deleteBtnProduct___1JZgc {
  cursor: pointer;
  color: red;
}
.deleteBtnProduct___1JZgc:hover, .deleteBtnProduct___1JZgc:focus {
  color: black;
}

.loginPage___27vBn input {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.loginPage___27vBn form {
  margin: 30px 0;
}
.loginPage___27vBn form .btn {
  margin-left: 10px;
}

/**
 * The geosuggest module
 */
.geosuggest___2IGu8 {
  font-size: 18px;
  font-size: 1rem;
  position: relative;
  width: 50%;
  margin: 1em auto;
  text-align: left;
}

.geosuggest__input___2avMc {
  width: 100%;
  border: 2px solid transparent;
  box-shadow: 0 0 1px #3d464d;
  padding: 0.5em 1em;
  transition: border 0.2s, box-shadow 0.2s;
}
.geosuggest__input___2avMc:focus {
  border-color: #267dc0;
  box-shadow: 0 0 0 transparent;
}

.geosuggest__suggests___1dWxD {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  max-height: 25em;
  padding: 0;
  margin-top: -1px;
  background: #fff;
  border: 2px solid #267dc0;
  border-top-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  list-style: none;
  z-index: 5;
  transition: max-height 0.2s, border 0.2s;
}

.geosuggest__suggests--hidden___2AEuK {
  max-height: 0;
  overflow: hidden;
  border-width: 0;
}

.geosuggest-item___RQVBX {
  font-size: 18px;
  font-size: 1rem;
  padding: 0.5em 0.65em;
  cursor: pointer;
}
.geosuggest-item___RQVBX:hover, .geosuggest-item___RQVBX:focus {
  background: #f5f5f5;
}

.geosuggest-item--active___3DXi- {
  background: #267dc0;
  color: #fff;
}
.geosuggest-item--active___3DXi-:hover, .geosuggest-item--active___3DXi-:focus {
  background: #ccc;
}
.groups___35noH .groupsSelect___1eCAJ {
  width: 100px;
}
.groups___35noH .refreshBtn___2OCmW {
  margin-left: 20px;
}
.groups___35noH .idCol___lnqvc {
  width: 5%;
}
.groups___35noH .colorCol___2gaRR {
  width: 20%;
}
.groups___35noH .sprocketsCol___1rCvP {
  width: 20%;
  text-align: right;
}
.groups___35noH .sprocketsCol___1rCvP input {
  text-align: right;
}
.groups___35noH .ownerCol___2CEtm {
  width: 30%;
}
.groups___35noH .buttonCol___3OEN_ {
  width: 25%;
}
.groups___35noH .buttonCol___3OEN_ .btn {
  margin: 0 5px;
}
.groups___35noH tr.saving___2SObb {
  opacity: 0.8;
}
.groups___35noH tr.saving___2SObb .btn[disabled] {
  opacity: 1;
}
.groups___-2T4y .groupsSelect___VEoNh {
  width: 100px;
}
.groups___-2T4y .refreshBtn___20XdS {
  margin-left: 20px;
}
.groups___-2T4y .idCol___tgJEp {
  width: 5%;
}
.groups___-2T4y .colorCol___2qhsG {
  width: 20%;
}
.groups___-2T4y .sprocketsCol___3TtYu {
  width: 20%;
  text-align: right;
}
.groups___-2T4y .sprocketsCol___3TtYu input {
  text-align: right;
}
.groups___-2T4y .ownerCol___33T-R {
  width: 30%;
}
.groups___-2T4y .buttonCol___1aoWW {
  width: 25%;
}
.groups___-2T4y .buttonCol___1aoWW .btn {
  margin: 0 5px;
}
.groups___-2T4y tr.saving___1HIJH {
  opacity: 0.8;
}
.groups___-2T4y tr.saving___1HIJH .btn[disabled] {
  opacity: 1;
}
.widgets___1QwLS .refreshBtn___3Ghw6 {
  margin-left: 20px;
}
.widgets___1QwLS .idCol___1fBH- {
  width: 5%;
}
.widgets___1QwLS .colorCol___2s6NQ {
  width: 20%;
}
.widgets___1QwLS .sprocketsCol___3RCae {
  width: 20%;
  text-align: right;
}
.widgets___1QwLS .sprocketsCol___3RCae input {
  text-align: right;
}
.widgets___1QwLS .ownerCol___23Twn {
  width: 30%;
}
.widgets___1QwLS .buttonCol___394m7 {
  width: 25%;
}
.widgets___1QwLS .buttonCol___394m7 .btn {
  margin: 0 5px;
}
.widgets___1QwLS tr.saving___3W3Pj {
  opacity: 0.8;
}
.widgets___1QwLS tr.saving___3W3Pj .btn[disabled] {
  opacity: 1;
}
.widgets___2iUYe .refreshBtn___1n4BO {
  margin-left: 20px;
}
.widgets___2iUYe .idCol___35wy7 {
  width: 5%;
}
.widgets___2iUYe .colorCol___3gmVK {
  width: 20%;
}
.widgets___2iUYe .sprocketsCol___3ygug {
  width: 20%;
  text-align: right;
}
.widgets___2iUYe .sprocketsCol___3ygug input {
  text-align: right;
}
.widgets___2iUYe .ownerCol___O5JdH {
  width: 30%;
}
.widgets___2iUYe .buttonCol___1WtH5 {
  width: 25%;
}
.widgets___2iUYe .buttonCol___1WtH5 .btn {
  margin: 0 5px;
}
.widgets___2iUYe tr.saving___21tfO {
  opacity: 0.8;
}
.widgets___2iUYe tr.saving___21tfO .btn[disabled] {
  opacity: 1;
}

/*
.pagination {

}

.paginationItem {
  font-size:15px;
  cursor:pointer;
  display:inline-block;
  margin-right:5px;
  width:30px;
}

.itemSelect {
  font-weight:bold;
}
*/
.widgets___bGZWs .refreshBtn___fa3kh {
  margin-left: 20px;
}
.widgets___bGZWs .idCol___2K95t {
  width: 5%;
}
.widgets___bGZWs .colorCol___15qCI {
  width: 20%;
}
.widgets___bGZWs .sprocketsCol___1tcxN {
  width: 20%;
  text-align: right;
}
.widgets___bGZWs .sprocketsCol___1tcxN input {
  text-align: right;
}
.widgets___bGZWs .ownerCol___1yEvw {
  width: 30%;
}
.widgets___bGZWs .buttonCol___2bw5g {
  width: 25%;
}
.widgets___bGZWs .buttonCol___2bw5g .btn {
  margin: 0 5px;
}
.widgets___bGZWs tr.saving___3chDx {
  opacity: 0.8;
}
.widgets___bGZWs tr.saving___3chDx .btn[disabled] {
  opacity: 1;
}

/*

.pagination {

}

.paginationItem {
  font-size:15px;
  cursor:pointer;
  display:inline-block;
  margin-right:5px;
  width:30px;
}

.itemSelect {
  font-weight:bold;
}
*/
.widgets___XzV1j .refreshBtn___30JV4 {
  margin-left: 20px;
}
.widgets___XzV1j .idCol___6P238 {
  width: 5%;
}
.widgets___XzV1j .colorCol___1FFQu {
  width: 20%;
}
.widgets___XzV1j .sprocketsCol___s-s8U {
  width: 20%;
  text-align: right;
}
.widgets___XzV1j .sprocketsCol___s-s8U input {
  text-align: right;
}
.widgets___XzV1j .ownerCol___1VpSE {
  width: 30%;
}
.widgets___XzV1j .buttonCol___1o28u {
  width: 25%;
}
.widgets___XzV1j .buttonCol___1o28u .btn {
  margin: 0 5px;
}
.widgets___XzV1j tr.saving___PjhRy {
  opacity: 0.8;
}
.widgets___XzV1j tr.saving___PjhRy .btn[disabled] {
  opacity: 1;
}
.loginPage___3g-Tf input {
  padding: 5px 10px;
  border-radius: 5px;
  border: 1px solid #ccc;
}
.loginPage___3g-Tf form {
  margin: 30px 0;
}
.loginPage___3g-Tf form .btn {
  margin-left: 10px;
}

/*# sourceMappingURL=main-8d88ef52b7213754b2df.css.map*/