@charset "UTF-8";
/*
Product Name: dhtmlxSuite 
Version: 4.1.2 
Edition: Standard 
License: content of this file is covered by GPL. Usage outside GPL terms is prohibited. To obtain Commercial or Enterprise license contact sales@dhtmlx.com
Copyright UAB Dinamenta http://www.dhtmlx.com
*/
.dhtmlxcalendar_dhx_terrace {
  position: absolute;
  display: block;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.dhtmlxcalendar_dhx_terrace.dhtmlxcalendar_in_input {
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.25);
}

.dhtmlxcalendar_ifr {
  position: absolute;
  overflow: hidden;
  background-color: white;
}

.dhtmlxcalendar_dhx_terrace ul.dhtmlxcalendar_line {
  position: relative;
  display: block;
  clear: both;
  margin: 0;
  padding: 0;
  overflow: hidden;
  width: 225px;
  margin-left: 12px;
}

.dhtmlxcalendar_dhx_terrace ul.dhtmlxcalendar_line li {
  float: left;
  position: relative;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  vertical-align: middle;
  cursor: default;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont {
  position: relative;
  display: block;
  width: 249px;
  margin: 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  overflow: hidden;
  color: #333;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr {
  width: 225px;
  height: 31px;
  line-height: 31px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow {
  position: absolute;
  top: 0;
  width: 18px;
  height: 31px;
  color: inherit;
  text-align: center;
  background-position: center center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left {
  left: 4px;
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
  opacity: 0.8;
  filter: progid:dximagetransform.microsoft.alpha(opacity=80);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_left_hover {
  left: 4px;
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
  opacity: 1;
  filter: progid:dximagetransform.microsoft.alpha(opacity=100);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right {
  right: 4px;
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
  opacity: 0.8;
  filter: progid:dximagetransform.microsoft.alpha(opacity=80);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr div.dhtmlxcalendar_month_arrow.dhtmlxcalendar_month_arrow_right_hover {
  right: 4px;
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
  opacity: 1;
  filter: progid:dximagetransform.microsoft.alpha(opacity=100);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_month,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_month_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_month_hdr span.dhtmlxcalendar_month_label_year {
  position: relative;
  font-weight: bold;
  color: inherit;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont {
  position: relative;
  display: block;
  width: 249px;
  margin: 0;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
  overflow: hidden;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line {
  height: 31px;
  border-bottom: 1px solid #ccc;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li {
  width: 31px;
  height: 31px;
  line-height: 31px;
  margin-left: 1px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first {
  margin-left: 1px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell {
  color: #d43f3a;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_day_weekday_cell_first {
  color: #d43f3a;
  margin-left: 1px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont {
  position: relative;
  display: block;
  width: 249px;
  margin: 0;
  padding-bottom: 8px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line {
  margin-top: 1px;
  margin-left: 13px;
  height: 31px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li {
  color: #909090;
  border-radius: 3px;
  width: 31px;
  height: 31px;
  line-height: 31px;
  margin-right: 1px;
  overflow: visible;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_label {
  width: 100%;
  height: 100%;
  text-align: center;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend {
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_dis {
  color: #c4c4c4;
  background-color: #ededed;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday {
  color: #d43f3a;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday {
  color: #d43f3a;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_dis {
  color: #d43f3a;
  background-color: #ededed;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_hover {
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_holiday_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_weekend_holiday_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_holiday_hover,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_date_weekend_holiday_hover {
  color: #d43f3a;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month {
  color: #333;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend {
  color: #d43f3a;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date {
  color: black;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend {
  color: #d43f3a;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_dis {
  color: #d43f3a;
  background-color: #ededed;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday {
  color: #d43f3a;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday {
  color: #d43f3a;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday {
  color: #d43f3a;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday {
  color: #d43f3a;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_dis,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_dis {
  color: #c4c4c4;
  background-color: #ededed;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_hover {
  color: #333;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_hover {
  color: #d43f3a;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_hover {
  color: #333;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_hover {
  color: #d43f3a;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_holiday_hover {
  color: #d43f3a;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_weekend_holiday_hover {
  color: #d43f3a;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_holiday_hover {
  color: #d43f3a;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell.dhtmlxcalendar_cell_month_date_weekend_holiday_hover {
  color: #d43f3a;
  background-color: #fff3a1;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line div.dhtmlxcalendar_label.dhtmlxcalendar_label_title {
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_mark.gif");
  background-position: top right;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont {
  position: relative;
  display: block;
  width: 249px;
  height: 31px;
  margin-top: -4px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  background-color: #fff;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li {
  width: 225px;
  height: 27px;
  line-height: 25px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_time_cont ul.dhtmlxcalendar_line li div.dhtmlxcalendar_time_img {
  position: absolute;
  left: 75px;
  top: 7px;
  width: 13px;
  height: 13px;
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_clock.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_cover {
  position: absolute;
  left: 1px;
  background-color: white;
  opacity: 0.5;
  filter: progid:dximagetransform.microsoft.alpha(opacity=50);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj {
  position: absolute;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_selector_obj_arrow {
  position: absolute;
  bottom: auto;
  top: 1px;
  left: 0;
  width: 100%;
  height: 9px;
  overflow: hidden;
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_selector_top.gif");
  background-position: top center;
  background-repeat: no-repeat;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table {
  border-bottom: 1px solid #ccc;
  border-top: 0 solid white;
  background-color: white;
  margin-top: 9px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left {
  width: 17px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 0 solid white;
  border-right: 0 solid white;
  padding: 0;
  margin: 0;
  background-color: white;
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: default;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left.dhtmlxcalendar_selector_cell_left_hover {
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_left.gif");
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle {
  cursor: default;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  width: 17px;
  text-align: center;
  border-top: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 0 solid white;
  border-left: 0 solid white;
  background-color: white;
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
  background-position: center center;
  background-repeat: no-repeat;
  cursor: default;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right.dhtmlxcalendar_selector_cell_right_hover {
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_arrow_right.gif");
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul {
  display: block;
  clear: both;
  background-color: white;
  border-left: 1px solid #ccc;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  list-style-type: none;
  list-style-image: none;
  text-align: center;
  vertical-align: middle;
  margin: 0;
  border-right: 1px solid #ccc;
  padding: 0;
  background-color: white;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_active,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul li.dhtmlxcalendar_selector_cell_hover {
  background-color: #fff3a1;
  color: black;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
  height: 24px;
  border-top: 1px solid #ccc;
  border-bottom: 0 solid white;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  width: 35px;
  height: 24px;
  line-height: 24px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_selector_obj_arrow,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_selector_obj_arrow {
  top: auto;
  bottom: 1px;
  background-image: url("imgs/dhxcalendar_terrace/dhxcalendar_selector_bottom.gif");
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line {
  height: 22px;
  border-top: 0 solid white;
  border-bottom: 1px solid #ccc;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_middle ul.dhtmlxcalendar_selector_line li.dhtmlxcalendar_selector_cell {
  width: 24px;
  height: 22px;
  line-height: 22px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_left,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table td.dhtmlxcalendar_selector_cell_right {
  display: none;
  width: 0;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours table.dhtmlxcalendar_selector_table,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes table.dhtmlxcalendar_selector_table {
  margin-top: 0;
  margin-bottom: 9px;
  border-top: 1px solid #ccc;
  border-bottom: none;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj div.dhtmlxcalendar_area_selector_minutes5 {
  display: none;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_month div.dhtmlxcalendar_area_selector_month,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_year div.dhtmlxcalendar_area_selector_year,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_hours div.dhtmlxcalendar_area_selector_hours,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes4,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_selector_obj.dhtmlxcalendar_selector_minutes div.dhtmlxcalendar_area_selector_minutes5 {
  display: block;
}

.dhtmlxcalendar_dhx_terrace span.dhtmlxcalendar_label_minutes span.dhtmlxcalendar_selected_date {
  border-bottom: 2px solid red;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: none;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 27px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 27px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_first,
.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell {
  width: 27px;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_days_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: block;
  width: 27px;
  color: #3da0e3;
  background-color: #efefef;
}

.dhtmlxcalendar_dhx_terrace div.dhtmlxcalendar_wn div.dhtmlxcalendar_dates_cont ul.dhtmlxcalendar_line li.dhtmlxcalendar_cell_wn {
  display: block;
  width: 27px;
  color: #3da0e3;
  background-color: #efefef;
}

div.dhtmlxcalendar_skin_detect {
  position: absolute;
  display: block;
  visibility: hidden;
  left: -100px;
  top: 0;
  width: 30px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
}

div.dhxcombo_dhx_terrace {
  position: relative;
  border: 1px solid #ccc;
  overflow: hidden;
  vertical-align: middle;
  background-color: white;
  font-size: 1px;
  height: 24px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div.dhxcombo_dhx_terrace input.dhxcombo_input {
  position: absolute;
  left: 1px;
  top: 0;
  *top: 1px;
  *height: 22px;
  *line-height: 21px;
  border: 0 solid white;
  outline: 0 solid white;
  padding: 0;
  margin: 0 0 0 2px;
  background-color: white;
  vertical-align: top;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
}

div.dhxcombo_dhx_terrace div.dhxcombo_select_button {
  position: absolute;
  width: 16px;
  height: 17px;
  top: 4px;
  right: 2px;
  font-size: 1px;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
}

div.dhxcombo_dhx_terrace div.dhxcombo_select_button div.dhxcombo_select_img {
  position: relative;
  width: 100%;
  height: 100%;
  background-image: url("imgs/dhxcombo_terrace/dhxcombo_arrow_down.gif");
  background-repeat: no-repeat;
  background-position: center center;
}

div.dhxcombo_dhx_terrace div.dhxcombo_top_image {
  position: absolute;
  left: 0;
  top: 0;
  width: 23px;
  height: 25px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
  cursor: default;
}

div.dhxcombo_dhx_terrace div.dhxcombo_top_image div.dhxcombo_image {
  top: 4px;
  *top: 3px;
}

div.dhxcombolist_dhx_terrace {
  position: absolute;
  border: 1px solid #ccc;
  box-shadow: 0 3px 5px rgba(127, 127, 127, 0.35);
  background-color: #f5f5f5;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow-x: none;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  border-top: 1px solid #bfbfbf !important;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  height: 27px;
  line-height: 27px;
  vertical-align: middle;
  overflow: hidden;
  cursor: default;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option.dhxcombo_option_selected {
  background-color: #fff3a1;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option.dhxcombo_option_selected .dhxcombo_option_text {
  color: black;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_option_text {
  position: relative;
  padding: 0 4px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  white-space: nowrap;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_chbx {
  position: relative;
  padding: 0 4px 0 4px;
  margin-left: 20px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  white-space: nowrap;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_checkbox {
  top: 5px;
  position: absolute;
  left: 3px;
  width: 18px;
  height: 18px;
  background-image: url("imgs/dhxcombo_terrace/dhxcombo_chbx.gif");
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
  cursor: default;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_1 {
  background-position: 0 0;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_checkbox.dhxcombo_chbx_0 {
  background-position: -18px 0;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_option_text.dhxcombo_option_text_image {
  position: relative;
  padding: 0 4px 0 4px;
  margin-left: 20px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  white-space: nowrap;
}

div.dhxcombo_dhx_terrace div.dhxcombo_top_image div.dhxcombo_image,
div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_image {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
  cursor: default;
}

div.dhxcombolist_dhx_terrace div.dhxcombo_option div.dhxcombo_image {
  top: 5px;
}

div.dhxcombo_dhx_terrace.dhxcombo_disabled {
  border: 1px solid #d4d4d4;
  background-color: #fcfcfc;
}

div.dhxcombo_dhx_terrace.dhxcombo_disabled input.dhxcombo_input {
  color: #bbb;
  background-color: #fcfcfc;
}

div.dhxcombo_dhx_terrace.dhxcombo_disabled div.dhxcombo_select_button div.dhxcombo_select_img {
  background-image: url("imgs/dhxcombo_terrace/dhxcombo_arrow_down_dis.gif");
  cursor: default;
}

.dhxgrid_combo_icon {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
}

div.dhxcombo_in_grid_parent {
  position: relative;
  height: 100%;
  top: 0;
}

div.dhxcombo_in_grid_parent div.dhxcombo_dhx_terrace {
  position: absolute;
  top: 3px;
  left: -22px;
  border-color: #fff3a1;
}

div.dhxcombo_in_grid_parent input.dhxcombo_input {
  border-left: 20px solid white;
  font-family: Arial, sans-serif;
  font-size: 12px;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_hdr {
  border-bottom-width: 0;
  height: 31px;
  line-height: 31px;
  box-shadow: none;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext {
  position: relative;
  padding: 0;
  white-space: nowrap;
  cursor: default;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell,
div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  z-index: 2;
  border-left: 1px solid #f5f5f5;
  padding: 0;
  margin: 0;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_first,
div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell:first-child {
  border-left-width: 0;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option {
  height: 27px;
  line-height: 27px;
  margin-top: -1px;
  z-index: 0;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
  background-color: white;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_option_text {
  padding: 0;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell,
div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  border-left: 1px solid #f5f5f5;
  padding: 0;
  margin: 0;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_first,
div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell:first-child {
  border-left-width: 0;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected {
  z-index: 1;
  background-color: #fff3a1;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option.dhxcombo_option_selected div.dhxcombo_cell {
  border-left-color: #fff3a1;
  color: black;
}

div.dhxcombolist_dhx_terrace.dhxcombolist_multicolumn div.dhxcombo_option div.dhxcombo_cell_text,
div.dhxcombolist_dhx_terrace.dhxcombolist_hdr div.dhxcombo_hdrtext div.dhxcombo_hdrcell_text {
  position: relative;
  margin: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: auto;
}

.dhxcombo_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

.dhxcolorpicker_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

.dhtmlxcp_dhx_terrace .dhxcp_g_area {
  position: absolute;
  width: 254px;
  height: 272px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f5f5f5;
  box-shadow: 0 0 5px 2px #cfcfcf;
}

.dhtmlxcp_dhx_terrace .dhxcp_add_memory {
  height: 317px !important;
}

.dhtmlxcp_dhx_terrace .dhxcp_sub_area {
  margin: 1px;
  width: 252px;
  height: 270px;
  border-radius: 2px;
  background-color: #f5f5f5;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxcp_dhx_terrace .dhxcp_add_memory .dhxcp_sub_area {
  height: 315px !important;
}

.dhtmlxcp_dhx_terrace .dhxcp_g_color_area {
  padding: 10px;
  width: 232px;
  height: 122px;
  margin: 0;
}

.dhtmlxcp_dhx_terrace .dhxcp_color_selector {
  position: absolute;
  width: 210px;
  height: 120px;
  background-image: url("imgs/dhxcp_terrace/dhxcp_colors.png");
  background-repeat: no-repeat;
  border: 1px solid #ccc;
  cursor: pointer;
  float: left;
}

.dhtmlxcp_dhx_terrace .dhxcp_contrast_area {
  border: 1px solid #ccc;
  position: relative;
  height: 120px;
  width: 10px;
  cursor: pointer;
  float: right;
}

.dhtmlxcp_dhx_terrace .dhxcp_ie_gradient {
  height: 120px;
  width: 10px;
  margin: 0;
}

.dhtmlxcp_dhx_terrace .dhxcp_color_selector .dhxcp_v_line {
  position: absolute;
  width: 0;
  height: 120px;
  border-left: 1px solid #fff;
  cursor: pointer;
  overflow: hidden;
}

.dhtmlxcp_dhx_terrace .dhxcp_color_selector .dhxcp_h_line,
.dhtmlxcp_dhx_terrace .dhxcp_contrast_area .dhxcp_h_line {
  position: absolute;
  height: 0;
  border-top: 1px solid #fff;
  cursor: pointer;
  overflow: hidden;
}

.dhtmlxcp_dhx_terrace .dhxcp_color_selector .dhxcp_h_line {
  width: 210px;
}

.dhtmlxcp_dhx_terrace .dhxcp_contrast_area .dhxcp_h_line {
  width: 10px;
}

.dhtmlxcp_dhx_terrace .dhxcp_g_input_area {
  padding: 0 10px;
  width: 232px;
  height: 78px;
  margin: 0;
}

.dhtmlxcp_dhx_terrace .dhxcp_value_cont {
  width: 60px;
  height: 78px;
  float: left;
}

.dhtmlxcp_dhx_terrace .dhxcp_value_color {
  width: 58px;
  height: 30px;
  border: 1px solid #ccc;
}

.dhtmlxcp_dhx_terrace .dhxcp_value {
  width: 54px;
  height: 21px;
  line-height: 20px;
  border: 1px solid #ccc;
  border-radius: 0;
  background-color: #fff;
  margin: 5px 0 0 0;
  padding: 0 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
  text-align: left;
}

.dhtmlxcp_dhx_terrace .dhxcp_inputs_cont {
  border: none;
  border-spacing: 0;
  width: 160px;
  height: 78px;
  float: right;
}

.dhtmlxcp_dhx_terrace .dhxcp_label_hsl,
.dhtmlxcp_dhx_terrace .dhxcp_label_rgb {
  text-align: right;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  padding: 0 3px 0 0;
}

.dhtmlxcp_dhx_terrace td.dhxcp_input_hsl,
.dhtmlxcp_dhx_terrace td.dhxcp_input_rgb {
  width: 27px;
  border: none;
  padding: 0;
  margin: 0;
}

.dhtmlxcp_dhx_terrace input.dhxcp_input_hsl,
.dhtmlxcp_dhx_terrace input.dhxcp_input_rgb {
  width: 24px;
  height: 19px;
  border: 1px solid #ccc;
  border-radius: 0;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
  text-align: right;
  padding: 1px 3px;
  margin: 2px 0;
}

.dhtmlxcp_dhx_terrace .dhxcp_g_memory_area {
  width: 232px;
  height: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  border-bottom: none;
  border-left: none;
  border-right: none;
  margin: 10px;
}

.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont {
  width: 232px;
  margin: 0;
  height: 24px;
}

.dhtmlxcp_dhx_terrace .dhxcp_buttons_area button,
.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont button {
  outline: none;
  padding: 0;
  background-color: #f0f0f0;
  border: 1px solid #ccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  border-radius: 3px;
}

.dhtmlxcp_dhx_terrace .dhxcp_buttons_area button:hover,
.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont button:hover {
  background-color: #ebebeb;
}

.dhtmlxcp_dhx_terrace .dhxcp_buttons_area button:active,
.dhtmlxcp_dhx_terrace .dhxcp_memory_button_cont button:active {
  background-color: #e6e6e6;
  box-shadow: 0 0 3px #d6d6d6 inset;
}

.dhtmlxcp_dhx_terrace .dhxcp_save_to_memory {
  width: 232px;
  height: 24px;
  margin: 0;
}

.dhtmlxcp_dhx_terrace .dhxcp_save_to_memory .dhxcp_label_bm {
  display: inherit;
  width: 90px;
  margin: 0 auto;
  height: 16px;
}

.dhtmlxcp_dhx_terrace .dhxcp_memory_els_cont {
  width: 232px;
  height: 25px;
  margin-top: 3px;
  text-align: center;
}

.dhtmlxcp_dhx_terrace .dhxcp_memory_el {
  width: 24px;
  height: 24px;
  background-color: #fff;
  border: 1px solid #ccc;
  display: inline-block;
  margin: 0 1px;
}

.dhtmlxcp_dhx_terrace .dhxcp_memory_el_select {
  border: 1px dashed black !important;
}

.dhtmlxcp_dhx_terrace .dhxcp_memory_el_next {
  border: 1px dashed red !important;
}

.dhtmlxcp_dhx_terrace .dhxcp_add_memory .dhxcp_g_memory_area {
  height: 55px !important;
  border-top: none !important;
  margin: 5px 10px 5px 10px;
}

.dhtmlxcp_dhx_terrace .dhxcp_buttons_area {
  padding: 0 10px;
  width: 232px;
  height: 28px;
  text-align: right;
  margin: 0;
}

.dhtmlxcp_dhx_terrace .dhx_button_save,
.dhtmlxcp_dhx_terrace .dhx_button_cancel {
  height: 26px;
  line-height: 22px;
  width: 75px;
  margin: 0 2px;
  overflow: hidden;
  text-align: center;
}

.dhxcp_colorBox {
  float: right;
}

.dhxcp_colorInput {
  float: left;
}

.dhxcp_frm {
  position: absolute;
  background-color: white;
  opacity: 0;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
  width: 256px;
  height: 274px;
}

.dhtmlxslider_dhx_terrace .dhxsl_hidden {
  display: none;
}

.dhtmlxslider_dhx_terrace .dhxsl_container {
  position: relative;
  float: left;
  clear: left;
  margin: 0;
  padding: 1px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhtmlxslider_dhx_terrace .dhxsl_container.dhxsl_cont_hr {
  margin-top: 4px;
}

.dhtmlxslider_dhx_terrace .dhxsl_container.dhxsl_cont_vr {
  margin-left: 4px;
}

.dhtmlxslider_dhx_terrace .dhxsl_runner {
  position: absolute;
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #e8e8e8;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
}

.dhtmlxslider_dhx_terrace .dhxsl_runner.dhxsl_runner_actv {
  background-color: #e6e6e6;
}

.dhtmlxslider_dhx_terrace .dhxsl_cont_hr .dhxsl_runner {
  width: 12px;
  height: 22px;
}

.dhtmlxslider_dhx_terrace .dhxsl_cont_vr .dhxsl_runner {
  width: 22px;
  height: 12px;
}

.dhtmlxslider_dhx_terrace .dhxsl_runner_dis {
  border: 1px solid #d1d1d1;
  background-color: #f0f0f0;
}

.dhtmlxslider_dhx_terrace .dhxsl_track {
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #f5f5f5;
  overflow: hidden;
  margin: 0;
  padding: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-touch-action: none;
}

.dhtmlxslider_dhx_terrace .dhxsl_cont_vr .dhxsl_track {
  height: 100%;
  width: 8px;
}

.dhtmlxslider_dhx_terrace .dhxsl_cont_hr .dhxsl_track {
  width: 100%;
  height: 8px;
}

.dhtmlxslider_dhx_terrace .dhxsl_track_dis {
  border: 1px solid #d1d1d1;
  background-color: #f0f0f0;
}

.dhxslider_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

div.dhx_popup_skin_detect {
  position: absolute;
  display: block;
  visibility: hidden;
  left: -100px;
  top: 0;
  width: 30px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
}

div.dhx_popup_dhx_terrace {
  position: absolute;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area {
  position: relative;
  margin: 10px;
  padding: 5px 0;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(127, 127, 127, 0.35);
  border-radius: 3px;
  background-color: #f5f5f5;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  text-align: left;
  line-height: normal;
  padding: 7px 10px 6px 10px;
  white-space: nowrap;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td div.dhtmlxcalendar_dhx_terrace {
  position: relative;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td .dhtmlxcalendar_container.dhtmlxcalendar_skin_dhx_terrace {
  position: relative !important;
  box-shadow: none;
  background-image: none;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhxeditor_dhx_terrace {
  border: 1px solid #ccc;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode td.dhx_popup_td div.dhtmlxcp_dhx_terrace div.dhxcp_g_area {
  position: relative;
  box-shadow: none;
  border: 0 solid white;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep {
  font-size: 1px;
  padding-top: 2px;
  padding-bottom: 2px;
  position: relative;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhx_popup_sep td.dhx_popup_sep div.dhx_popup_sep {
  position: relative;
  font-size: 1px;
  line-height: 1px;
  height: 0;
  width: 100%;
  border-top: 1px solid #dcdcdc;
  overflow: hidden;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td:first-child {
  padding-left: 23px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area td.dhx_popup_td:last-child {
  padding-right: 21px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr:hover td.dhx_popup_td {
  background-color: #fff3a1;
  color: black;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area tr.dhxnode:hover td.dhx_popup_td {
  background: none;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_single {
  padding-left: 23px;
  padding-right: 21px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_first {
  padding-left: 23px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie td.dhx_popup_td.dhx_popup_td_last {
  padding-right: 21px;
}

div.dhx_popup_dhx_terrace div.dhx_popup_area.dhx_popup_area_ie tr.tr_hover td.dhx_popup_td {
  background-color: #fff3a1;
  color: black;
}

div.dhx_popup_dhx_terrace div.dhx_popup_arrow {
  position: absolute;
  background-repeat: no-repeat;
}

div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_bottom {
  width: 19px;
  height: 16px;
  background-image: url("imgs/dhxpopup_terrace/dhxpopup_arrow_bottom.gif");
  background-position: top center;
}

div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_top {
  width: 19px;
  height: 16px;
  background-image: url("imgs/dhxpopup_terrace/dhxpopup_arrow_top.gif");
  background-position: bottom center;
}

div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_right {
  width: 16px;
  height: 19px;
  background-image: url("imgs/dhxpopup_terrace/dhxpopup_arrow_right.gif");
  background-position: center left;
}

div.dhx_popup_dhx_terrace div.dhx_popup_arrow.dhx_popup_arrow_left {
  width: 16px;
  height: 19px;
  background-image: url("imgs/dhxpopup_terrace/dhxpopup_arrow_left.gif");
  background-position: center right;
}

.dhxmenu_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

.dhtmlxMenu_dhx_terrace_Middle {
  position: relative;
  height: 34px;
  padding: 0 5px;
  border: none;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxMenu_dhx_terrace_Middle div.top_sep {
  float: left;
  position: relative;
  height: 20px;
  margin: 5px 6px 0 5px;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxMenu_dhx_terrace_Middle img.dhtmlxMenu_TopLevel_Item_Icon {
  float: left;
  margin: 2px 3px 0 3px;
  width: 18px;
  height: 18px;
}

.dhtmlxMenu_dhx_terrace_Middle div.dhtmlxMenu_TopLevel_Text_right {
  position: absolute;
  top: 10px;
  left: none;
  right: 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  cursor: default;
}

.dhtmlxMenu_dhx_terrace_Middle div.dhtmlxMenu_TopLevel_Text_left {
  position: absolute;
  top: 10px;
  right: none;
  left: 8px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  cursor: default;
}

.dhtmlxMenu_dhx_terrace_Middle.dir_left div.align_left {
  float: left;
}

.dhtmlxMenu_dhx_terrace_Middle.dir_left div.align_right {
  float: right;
}

div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Normal,
div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Disabled,
div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Selected {
  position: relative;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  cursor: default;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  height: 22px;
  line-height: 22px;
  vertical-align: middle;
  margin-top: 2px;
  padding: 3px 5px;
}

div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Normal div.top_level_text,
div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Disabled div.top_level_text,
div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Selected div.top_level_text {
  float: left;
  margin: 0 5px;
}

div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Disabled {
  color: #d1d1d1;
  background-color: #ededed;
}

div.dhtmlxMenu_dhx_terrace_TopLevel_Item_Selected {
  color: #2e2e2e;
  background-color: #ebebeb;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon {
  position: absolute;
  border: 1px solid #ccc;
  *border: 1px solid #c7c7c7;
  box-shadow: 0 0 5px rgba(127, 127, 127, 0.35);
  padding: 3px 0;
  border-bottom-left-radius: 1px;
  border-bottom-right-radius: 1px;
  border-top-right-radius: 1px;
  background-color: #f5f5f5;
  overflow: hidden;
  cursor: default;
  line-height: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  line-height: normal;
  padding: 0 5px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected td {
  background-color: #fff3a1;
  color: black;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon {
  width: 18px;
  text-align: center;
  vertical-align: middle;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_icon img.sub_icon {
  float: left;
  margin: 0;
  width: 18px;
  height: 18px;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_item_text {
  padding: 0 16px 0 1px;
  height: 26px;
  line-height: 25px;
  white-space: nowrap;
  text-align: left;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_item_text {
  color: #bbb;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk {
  padding-left: 8px;
  padding-right: 8px;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl td.sub_item_hk div.sub_item_hk {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #737373;
  text-align: right;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis td.sub_item_hk div.sub_item_hk {
  color: #c8c8c8 !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow {
  width: 4px;
  margin: 0 2px 0 5px;
  height: 22px;
  background-image: url("imgs/dhxmenu_terrace/dhxmenu_subar.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
  font-size: 1px;
  float: right;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_selected div.complex_arrow {
  background-position: -4px 0 !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.complex_arrow {
  background-position: -8px 0 !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.complex_arrow_loading {
  width: 11px;
  height: 22px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("imgs/dhxmenu_terrace/dhxmenu_loader.gif");
  float: right;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon {
  float: left;
  margin: 0;
  width: 18px;
  height: 18px;
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url("imgs/dhxmenu_terrace/dhxmenu_chrd.gif");
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_0 {
  background-position: 0 0 !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.chbx_1 {
  background-position: -18px 0 !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_0 {
  background-position: -36px 0 !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.chbx_1 {
  background-position: -54px 0 !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_0 {
  background-position: -72px 0 !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl div.sub_icon.rdbt_1 {
  background-position: -90px 0 !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_0 {
  background-position: -108px 0 !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon table.dhtmlxMebu_SubLevelArea_Tbl tr.sub_item_dis div.sub_icon.rdbt_1 {
  background-position: -126px 0 !important;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon tr.sub_sep td {
  padding: 2px 0;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_Polygon div.sub_sep {
  position: static;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  width: 100%;
  border-top: 1px solid #e8e8e8;
}

iframe.dhtmlxMenu_IE6CoverFix_dhx_terrace {
  position: absolute;
  border: none;
  background: #000;
  filter: progid:dximagetransform.microsoft.alpha(opacity=100);
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowUp,
div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowUp_Over,
div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowUp_Disabled {
  position: relative;
  font-size: 1px;
  border-bottom: 1px solid #ccc;
  background-image: url("imgs/dhxmenu_terrace/dhxmenu_arrow_up.gif");
  background-repeat: no-repeat;
  background-position: center center;
  padding: 8px 0;
  margin-bottom: 3px;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowUp_Disabled {
  background-image: url("imgs/dhxmenu_terrace/dhxmenu_arrow_up_dis.gif");
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowDown,
div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowDown_Over,
div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowDown_Disabled {
  position: relative;
  font-size: 1px;
  border-top: 1px solid #ccc;
  background-image: url("imgs/dhxmenu_terrace/dhxmenu_arrow_down.gif");
  background-repeat: no-repeat;
  background-position: center center;
  padding: 8px 0;
  margin-top: 3px;
}

div.dhtmlxMenu_dhx_terrace_SubLevelArea_ArrowDown_Disabled {
  background-image: url("imgs/dhxmenu_terrace/dhxmenu_arrow_down_dis.gif");
}

.dhtmlxribbon_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
  background-color: #fff;
  border: 1px solid #ccc;
}

.dhtmlxribbon_dhx_terrace {
  overflow: hidden;
  width: 100%;
}

.dhtmlxribbon_dhx_terrace .dhxrb_background_area {
  height: 116px;
  background-color: #fff;
  margin: 1px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_with_tabbar {
  height: 151px;
}

.dhtmlxribbon_dhx_terrace div.dhx_cell_tabbar {
  background-color: #fff;
}

.dhtmlxribbon_dhx_terrace .dhxrb_g_area {
  height: 114px;
  float: left;
  clear: left;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_base {
  margin: 3px 0 3px 3px;
  float: left;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  border-radius: 3px;
  height: 108px;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_base .dhxrb_block_items {
  height: 85px;
  float: left;
  padding: 2px 0;
  overflow: hidden;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_base > .dhxrb_block_label {
  *height: auto;
  *line-height: 1em;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_base .dhxrb_block_label {
  text-align: center;
  clear: left;
  font-family: Arial, Helvetica, sans-serif;
  color: #b5b5b5;
  background-color: #e8e8e8;
  *font-size: 12px;
  *padding: 1px 3px 3px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button {
  margin: 1px 3px;
  float: left;
  text-align: center;
  padding: 4px 10px;
  height: 72px;
  border-radius: 3px;
  border: 1px solid #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  background-color: #f5f5f5;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button .dhxrb_image {
  width: 48px;
  height: 48px;
  border: none;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button .dhxrb_label_button {
  margin: 0 auto;
  cursor: default;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  line-height: 11px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button .dhxrb_invisible {
  visibility: hidden;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_block {
  float: left;
  margin: 0 3px;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_block .dhxrb_invisible {
  display: none;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button {
  height: 22px;
  margin: 1px 0;
  float: left;
  clear: left;
  padding: 1px 8px;
  border-radius: 3px;
  border: 1px solid #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  background-color: #f5f5f5;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_row {
  height: 22px;
  margin: 1px 0;
  float: left;
  padding: 1px 8px;
  white-space: nowrap;
  border-radius: 3px;
  border: 1px solid #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  background-color: #f5f5f5;
}

.dhtmlxribbon_dhx_terrace .dhxrb_group .dhxrb_buttoncombo_cont {
  height: 20px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_buttoncombo_cont {
  height: 24px;
  padding: 1px 2px !important;
}

.dhtmlxribbon_dhx_terrace .dhxrb_buttoncombo {
  float: left;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_row .dhxrb_slider,
.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button .dhxrb_slider {
  float: left;
  margin-right: 5px;
  margin-top: 5px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_row center,
.dhtmlxribbon_dhx_terrace .dhxrb_in_group center,
.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button center {
  float: left;
  margin: 0;
  padding: 0;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_slider {
  float: left;
  margin-right: 5px;
  margin-top: 4px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button .dhxrb_slider {
  width: 16px;
  margin: 2px 0;
  height: 50px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group {
  height: 20px;
  float: left;
  padding: 1px 4px;
  border: 1px solid #f0f0f0;
}

.dhtmlxribbon_dhx_terrace .dhxrb_input {
  float: left;
  border: 1px solid #ccc;
  height: 18px;
  width: 80px;
  padding: 1px 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.dhtmlxribbon_dhx_terrace .dhxrb_input:disabled {
  border: 1px solid #d4d4d4;
  background-color: #fafafa;
  color: #bbb;
}

.dhtmlxribbon_dhx_terrace div.dhxcombo_dhx_terrace input.dhxcombo_input {
  float: left;
  height: 18px;
  width: 80px;
  padding: 1px 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
  line-height: 18px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_input,
.dhtmlxribbon_dhx_terrace .dhxrb_in_group div.dhxcombo_dhx_terrace input.dhxcombo_input {
  height: 16px;
  padding: 1px 1px;
  line-height: 16px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group div.dhxcombo_dhx_terrace div.dhxcombo_select_button {
  top: 0;
}

.dhtmlxribbon_dhx_terrace div.dhxcombo_dhx_terrace div.dhxcombo_select_button {
  top: 2px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button .dhxrb_image,
.dhtmlxribbon_dhx_terrace .dhxrb_in_row .dhxrb_image,
.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_image {
  margin: 2px 0;
  width: 18px;
  height: 18px;
  float: left;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button .dhxrb_label_button,
.dhtmlxribbon_dhx_terrace .dhxrb_in_row .dhxrb_label_button,
.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_label_button {
  float: left;
  cursor: default;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button .dhxrb_label_button,
.dhtmlxribbon_dhx_terrace .dhxrb_in_row .dhxrb_label_button {
  margin: 1px 0 1px 6px;
  line-height: 19px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_label_button {
  margin: 1px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_label_checkbox {
  float: left;
  margin: 0 4px;
  cursor: default;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  line-height: 21px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_group .dhxrb_label_checkbox {
  line-height: 19px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_disable_text_style,
.dhtmlxribbon_dhx_terrace .dhxrb_item_disable .dhxrb_label_checkbox {
  color: #bbb !important;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}

.dhtmlxribbon_dhx_terrace .dhxrb_highlight0 {
  border-color: #ebebeb;
  background-color: #ebebeb;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxribbon_dhx_terrace .dhxrb_highlight1 {
  border-color: #e6e6e6;
  background-color: #e6e6e6;
  box-shadow: 0 0 3px #d9d9d9 inset;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group.dhxrb_highlight1,
.dhtmlxribbon_dhx_terrace .dhxrb_in_group.dhxrb_highlight0 {
  border-radius: 1px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_item_hide {
  display: none !important;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_rows {
  float: left;
  margin: 0 3px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_row {
  float: left;
  clear: left;
  height: 28px;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_arrow {
  padding: 0 5px;
  margin-left: 2px;
  background: url("imgs/dhxribbon_terrace/dhxribbon_arrow.gif") no-repeat 50%;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_block .dhxrb_group {
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  height: 24px;
  border-radius: 3px;
  float: left;
  clear: left;
  margin: 1px 0;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_block_row .dhxrb_group {
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  height: 24px;
  border-radius: 3px;
  float: left;
  margin: 1px 0;
  overflow: hidden;
  position: relative;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_label_hide {
  display: none;
}

.dhtmlxribbon_dhx_terrace .dhxrb_separator_groupp {
  height: 24px;
  width: 0;
  border-left: 1px solid #cacaca;
  overflow: hidden;
  float: left;
}

.dhtmlxribbon_dhx_terrace .dhxrb_checkbox {
  border: 1px solid #ccc;
  background-color: white;
  float: left;
  width: 12px;
  height: 12px;
  margin-top: 4px;
  overflow: hidden;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_checkbox {
  margin-top: 3px;
}

.dhtmlxribbon_dhx_terrace .dhxrb_checked .dhxrb_checkbox {
  background-image: url("imgs/dhxribbon_terrace/dhxribbon_checked.gif");
  background-repeat: no-repeat;
}

.dhtmlxribbon_dhx_terrace .dhxrb_checked.dhxrb_item_disable > .dhxrb_checkbox {
  background-image: url("imgs/dhxribbon_terrace/dhxribbon_checked_dis.gif");
}

.dhtmlxribbon_dhx_terrace .dhxrb_item_disable .dhxrb_checkbox {
  border: 1px solid #d4d4d4;
  background-color: #fafafa;
}

.dhtmlxribbon_dhx_terrace .dhxrb_item_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.dhtmlxribbon_dhx_terrace .dhxrb_in_group .dhxrb_item_text {
  height: 20px;
  line-height: 19px;
  *float: left;
  *clear: left;
}

.dhtmlxribbon_dhx_terrace .dhxrb_3rows_button .dhxrb_item_text,
.dhtmlxribbon_dhx_terrace .dhxrb_in_row .dhxrb_item_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #333;
}

.dhtmlxribbon_dhx_terrace .dhxrb_big_button .dhxrb_item_text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 30px;
  color: #333;
  line-height: 72px;
  height: 72px;
  float: left;
  clear: left;
}

.dhxtoolbar_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

.dhx_toolbar_dhx_terrace {
  background-color: #fff;
  position: relative;
  padding: 0 5px;
  height: 34px;
  line-height: normal;
  cursor: default;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_float_left {
  float: left;
  *margin-left: 1px;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_float_right {
  float: right;
  *margin-right: 1px;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw {
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  position: relative;
  float: left;
  margin-top: 2px;
  padding: 3px 5px;
  *padding-bottom: 4px;
  *margin-left: -1px;
  line-height: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: default;
  height: 22px;
  *height: 20px;
  overflow: hidden;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_dis,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw.dhxtoolbar_btn_dis {
  color: #bbb;
  background-color: #fafafa;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_over,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw.dhxtoolbar_btn_over {
  color: #2e2e2e;
  background-color: #ebebeb;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_pres,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw.dhxtoolbar_btn_pres {
  color: #2e2e2e;
  background-color: #e6e6e6;
  box-shadow: 0 0 5px #d9d9d9 inset;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn {
  float: left;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_pres_dis {
  background-color: #e6e6e6;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn img {
  float: left;
  margin: 2px;
  width: 18px;
  height: 18px;
  cursor: default;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn .dhxtoolbar_input {
  position: relative;
  float: left;
  border: 1px solid #ccc;
  background-color: #fff;
  margin: 1px 5px;
  padding: 2px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: black;
  line-height: normal;
  direction: ltr;
  outline: none;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn .dhxtoolbar_input:disabled {
  background-color: #fafafa;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_pen {
  border-color: #c2c2c2;
  background-color: #dcdcdc;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn.dhxtoolbar_btn_dis div.dhxtoolbar_sl_bg_r {
  border-color: #c2c2c2;
  background-color: #e1e1e1;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw {
  margin-left: -3px;
  z-index: 1;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw div.arwimg {
  margin: 2px 0;
  padding: 0 3px;
  background-image: url("imgs/dhxtoolbar_terrace/dhxtoolbar_arrow.gif");
  background-position: center center;
  background-repeat: no-repeat;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw.dhxtoolbar_btn_dis div.arwimg {
  background-image: url("imgs/dhxtoolbar_terrace/dhxtoolbar_arrow_dis.gif");
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_terrace div.dhx_toolbar_arw div.arwimg {
  float: left;
  font: inherit;
  height: 18px;
  line-height: 17px;
  cursor: default;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_btn div.dhxtoolbar_text {
  padding: 0;
  margin: 2px 5px;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_sep {
  float: left;
  height: 20px;
  margin: 5px 6px 0 5px;
  overflow: hidden;
}

.dhx_toolbar_dhx_terrace div.dhx_toolbar_text {
  float: left;
  vertical-align: middle;
  margin-top: 3px;
  padding: 5px;
  line-height: 17px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_bg_r {
  float: left;
  height: 5px;
  line-height: 1px;
  margin: 8px 0 6px 0;
  padding: 0;
  width: 2px;
  font-size: 1px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #e8e8e8;
  overflow: hidden;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_bg_l {
  margin-left: 4px;
  border-left: 1px solid #ccc;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_bg_r {
  margin-right: 4px;
  border-right: 1px solid #ccc;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_pen,
.dhx_toolbar_dhx_terrace div.dhxtoolbar_sl_pen.dhxtoolbar_over {
  position: absolute;
  top: 6px;
  width: 7px;
  height: 14px;
  border: 1px solid #ccc;
  background-color: #e8e8e8;
  border-radius: 1px;
  cursor: default;
  font-size: 1px;
  line-height: 1px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 {
  height: 40px !important;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_btn,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_arw {
  height: 28px;
  *height: 26px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_btn img {
  width: 24px;
  height: 24px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_arw div.arwimg {
  height: 24px;
  line-height: 23px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_text {
  padding-top: 6px;
  padding-bottom: 6px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_sep {
  height: 26px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhxtoolbar_sl_bg_r {
  margin-top: 11px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhxtoolbar_sl_pen {
  top: 9px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_24 div.dhx_toolbar_btn .dhxtoolbar_input {
  margin-top: 4px;
  margin-bottom: 4px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 {
  height: 48px !important;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_btn,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_arw {
  height: 36px;
  *height: 34px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_btn img {
  width: 32px;
  height: 32px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_arw div.arwimg {
  height: 32px;
  line-height: 31px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_text {
  padding-top: 10px;
  padding-bottom: 10px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_sep {
  height: 34px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhxtoolbar_sl_bg_r {
  margin-top: 15px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhxtoolbar_sl_pen {
  top: 13px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_32 div.dhx_toolbar_btn .dhxtoolbar_input {
  margin-top: 8px;
  margin-bottom: 8px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 {
  height: 64px !important;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_btn,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_arw {
  height: 52px;
  *height: 50px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_btn img {
  width: 48px;
  height: 48px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_btn div.dhxtoolbar_text,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_arw div.arwimg {
  height: 48px;
  line-height: 47px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_text {
  padding-top: 18px;
  padding-bottom: 18px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_sep {
  height: 50px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_l,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_m,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhxtoolbar_sl_bg_r {
  margin-top: 23px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhxtoolbar_sl_pen {
  top: 21px;
}

.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_btn .dhxtoolbar_input {
  margin-top: 16px;
  margin-bottom: 16px;
}

div.dhx_toolbar_poly_dhx_terrace {
  position: absolute;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(127, 127, 127, 0.35);
  padding: 3px 0;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #fff;
  overflow: hidden;
  cursor: default;
  line-height: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.dhx_toolbar_poly_dhx_terrace td {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
  line-height: normal;
  padding: 0 5px;
}

div.dhx_toolbar_poly_dhx_terrace .tr_btn_over td,
div.dhx_toolbar_poly_dhx_terrace .tr_btn_selected td {
  background-color: #fff3a1;
}

div.dhx_toolbar_poly_dhx_terrace .tr_btn_disabled td {
  color: #bbb;
}

div.dhx_toolbar_poly_dhx_terrace td.td_btn_img {
  width: 18px;
  text-align: center;
}

div.dhx_toolbar_poly_dhx_terrace td.td_btn_img img.btn_sel_img {
  margin-top: 2px;
  width: 18px;
  height: 18px;
}

div.dhx_toolbar_poly_dhx_terrace td.td_btn_txt div.btn_sel_text {
  padding: 0 16px 0 1px;
  height: 26px;
  line-height: 25px;
}

div.dhx_toolbar_poly_dhx_terrace tr.tr_sep td {
  padding: 2px 0;
}

div.dhx_toolbar_poly_dhx_terrace div.btn_sep {
  position: relative;
  font-size: 1px;
  line-height: 1px;
  height: 0;
  width: 100%;
  border-top: 1px solid #ccc;
}

div.dhx_toolbar_slider_label_dhx_terrace {
  position: absolute;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px rgba(127, 127, 127, 0.35);
  background-color: #fff;
  padding: 5px 8px;
  border-radius: 2px;
  overflow: hidden;
  cursor: default;
  line-height: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
}

.dhxtoolbar_maxopen_test {
  position: absolute;
  width: 200px;
  height: 50px;
  overflow-x: none;
  overflow-y: auto;
  left: -300px;
  top: 100px;
  border: 1px solid #fff;
  visibility: hidden;
}

.dhxtoolbar_maxopen_test2 {
  height: 200px;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
  position: relative;
  height: 42px;
  line-height: 41px;
  padding: 6px 8px 0;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  white-space: nowrap;
  background: white;
  z-index: 1;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_paging {
  position: relative;
  height: 42px;
  line-height: 41px;
  margin-top: 6px;
  overflow: hidden;
  white-space: nowrap;
}

.dhxeditor_dhx_terrace {
  position: relative;
}

.dhxeditor_dhx_terrace iframe.dhxeditor_mainiframe {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb {
  position: relative;
  height: 34px;
  background-color: #f5f5f5;
  padding: 0 5px;
  border-bottom: 1px solid #ccc;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button {
  float: left;
  position: relative;
  width: 18px;
  height: 18px;
  font-size: 2px;
  margin-left: 7px;
  margin-top: 9px;
  cursor: pointer;
  background-image: url("imgs/dhxeditor_terrace/buttons.gif");
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_bold {
  margin-left: 12px;
  background-position: 0 0;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_italic {
  background-position: -18px 0;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_underline {
  background-position: -36px 0;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb div.dhx_cell_stb_button.btn_clearformat {
  background-position: -54px 0;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor {
  position: absolute;
  background-color: white;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: default;
  z-index: 0;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_cont_editor {
  position: absolute;
  overflow: hidden;
}

.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_toolbar_def {
  position: relative;
  overflow: hidden;
  padding: 5px;
  border-bottom: 1px solid #ccc;
}

.dhxwins_vp_dhx_terrace div.dhx_cell_cont_wins .dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.dhxwins_vp_dhx_terrace div.dhx_cell_cont_wins .dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_cont_editor {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.dhxwins_vp_dhx_terrace div.dhx_cell_cont_wins .dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_toolbar_def {
  padding: 0;
  border-top: 1px solid #ccc;
}

.dhxeditor_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

.dhx_chart {
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
  overflow: hidden;
}

.dhx_chart canvas {
  position: absolute;
  left: 0;
  top: 0;
}

.dhx_canvas_text {
  position: absolute;
  text-align: center;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1000;
}

.dhx_map_img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
  opacity: 0;
}

.dhx_axis_item_y {
  position: absolute;
  height: 18px;
  line-height: 18px;
  margin-top: -4px;
  text-align: right;
}

.dhx_axis_title_x {
  text-align: center;
}

.dhx_axis_title_y {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  height: 18px;
  line-height: 18px;
  font-size: 13px;
}

.dhx_ie_filter {
  filter: progid:dximagetransform.microsoft.basicimage(rotation=3);
  zoom: 1;
  font-family: serif;
}

.dhx_chart_legend {
  position: absolute;
  z-index: 1000;
}

.dhx_chart_legend_item {
  height: 18px;
  line-height: 18px;
  padding: 2px;
  cursor: pointer;
}

.dhx_chart_legend_item.hidden {
  color: #aaa;
}

.dhx_axis_item_y.dhx_radar {
  color: #666;
  font-size: 12px;
  padding-right: 3px;
  height: 13px;
  line-height: 13px;
  margin-top: 0;
}

.dhx_canvas_text.dhx_axis_radar_title {
  margin-top: 0;
  padding-top: 0;
}

.dhx_axis_item_y,
.dhx_axis_item_x {
  color: #666;
}

.dhx_axis_item_x {
  padding-top: 2px;
}

.dhx_tooltip {
  display: none;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  color: #626262;
  font-size: 13px;
  z-index: 10000;
  padding: 4px 10px 4px 10px;
  border: 1px solid #fff;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 0 0 3px #d9d9d9;
  -webkit-box-shadow: 0 0 3px #d9d9d9;
  text-shadow: 0 1px 1px #fff;
  box-shadow: 0 0 5px #d9d9d9;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efefef), color-stop(0.5, #f6f6f6), color-stop(1, #efefef));
  background: -o-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
  background: -ms-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
  background: -moz-linear-gradient(#efefef 0, #f6f6f6 50%, #efefef 100%);
  background: #efefef;
}

.dhx_noselect {
  -moz-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
}

.dhx_allow_selection {
  -moz-user-select: text;
  -user-select: text;
}

.dhx_dataview {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  -moz-user-select: none;
  -moz-user-select: -moz-none;
  -khtml-select: none;
}

.dhx_drag_zone {
  position: absolute;
  border: 1px solid #a4bed4;
  z-index: 8000;
  -moz-box-shadow: 5px 5px 5px #888;
  -khtml-box-shadow: 5px 5px 5px #888;
}

.dhx_dataview_default_item,
.dhx_dataview_default_item_selected {
  cursor: pointer;
  background-color: #fff;
}

.dhx_dataview .dhx_dataview_default_item,
.dhx_dataview .dhx_dataview_default_item_selected {
  border-right: 1px solid #ccc;
  border-bottom: 1px dotted #ccc;
}

.dhx_dataview_default_item_selected {
  background-color: #fff3a1;
  color: #fff3a1;
  border-color: #fff3a1;
  background-repeat: repeat-x;
}

.dhx_dataview_item {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: black;
}

.dhx_dataview_item .dhx_strong {
  font-weight: bold;
  display: block;
  padding-bottom: 6px;
}

.dhx_dataview_default_item_selected .dhx_light {
  color: #c3c3c3;
}

.dhx_dataview_item .dhx_light {
  color: #919191;
}

.dhx_drag_over {
  background-color: #faf768;
  background-image: url("imgs/dhxdataview_terrace/marker.png");
  background-repeat: repeat-x;
}

.dhx_pager_item,
.dhx_pager_item_selected {
  float: left;
  text-align: center;
  height: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border: 1px solid gray;
  padding: 2px 4px;
  margin-left: 5px;
  cursor: pointer;
  background-color: white;
}

.dhx_pager_item_selected {
  background-color: lightgrey;
  color: white;
  cursor: default;
  font-weight: bold;
}

.defaultTreeTable {
  margin: 0;
  padding: 0;
  border: 0;
}

.containerTableStyle {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  top: 0;
  font-size: 12px;
  -khtml-user-select: none;
}

.containerTableStyleRTL span {
  direction: rtl;
  unicode-bidi: bidi-override;
}

.containerTableStyleRTL {
  direction: rtl;
  overflow: auto;
  position: relative;
  top: 0;
  font-size: 12px;
}

.standartTreeRow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  -moz-user-select: none;
}

.selectedTreeRow {
  background-color: navy;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  -moz-user-select: none;
}

.dragAndDropRow {
  background-color: navy;
  color: white;
}

.standartTreeRow_lor {
  text-decoration: underline;
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  -moz-user-select: none;
}

.selectedTreeRow_lor {
  text-decoration: underline;
  background-color: navy;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  -moz-user-select: none;
}

.standartTreeImage {
  height: 24px;
  overflow: hidden;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 1px;
}

.standartTreeImage img {
  width: 18px;
  height: 24px;
  background-position: center center;
  background-repeat: no-repeat;
  border: 0;
  padding: 0;
  margin: 0;
  font-size: 1px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.hiddenRow {
  width: 1px;
  overflow: hidden;
}

.dragSpanDiv,
.dragSpanDiv td {
  font-size: 12px;
  background-color: #fff;
  z-index: 999;
}

.a_dhx_hidden_input {
  position: absolute;
  top: -1px;
  left: -1px;
  width: 1px;
  height: 1px;
  border: none;
  background: none;
}

.selectionBox {
  background-color: #ffc;
}

.selectionBar {
  top: 0;
  background-color: black;
  position: absolute;
  overflow: hidden;
  height: 2px;
  z-index: 11;
}

.intreeeditRow {
  font-size: 8pt;
  height: 16px;
  border: 1px solid silver;
  padding: 0;
  margin: 0;
  margin-left: 4px;
  -moz-user-select: text;
  -khtml-user-select: text;
}

.dhx_tree_textSign {
  font-size: 8pt;
  font-family: monospace;
  width: 21px;
  color: black;
  padding: 0;
  margin: 0;
  cursor: pointer;
  text-align: center;
}

.dhx_tree_opacity {
  opacity: 0;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhx_bg_img_fix {
  width: 18px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-position-x: center;
  background-position-y: center;
}

.dhxtree_dhx_terrace .standartTreeRow,
.dhxtree_dhx_terrace .selectedTreeRow_lor,
.dhxtree_dhx_terrace .selectedTreeRow {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  padding: 3px 1px 4px 2px;
}

.dhxtree_dhx_terrace .standartTreeImage {
  padding-left: 3px;
}

.dhxtree_dhx_terrace .selectedTreeRow_lor,
.dhxtree_dhx_terrace .selectedTreeRow {
  background-color: transparent;
}

.dhxtree_dhx_terrace span.selectedTreeRow_lor,
.dhxtree_dhx_terrace span.selectedTreeRow {
  background-color: #fff3a1;
  color: black;
}

.dhxtree_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

div.gridbox {
  overflow: hidden;
  text-align: left;
}

.dhx_sub_row {
  background-color: #fff;
}

div.gridbox table.obj {
  height: 1px;
}

div.gridbox table.hdr td {
  line-height: normal;
  border: 1px solid;
  border-color: #fff Gray Gray #fff;
  text-align: center;
  margin: 0;
  padding: 5px 0 4px 0;
  font-weight: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  overflow: hidden;
  empty-cells: show;
}

div.gridbox table.hdr td div.hdrcell {
  overflow: hidden;
}

div.gridbox table.obj td {
  border: 1px solid;
  border-color: #fff Gray Gray #fff;
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  empty-cells: show;
  white-space: normal;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

div.gridbox table.obj th,
div.gridbox table.hdr th {
  padding: 0;
  margin: 0;
}

div.gridbox table.row20px tr td {
  height: 20px;
  white-space: nowrap;
  padding: 0;
}

div.gridbox .objbox {
  background-color: #fff;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

div.gridbox table.obj td span.space,
div.gridbox table.obj td img.space {
  width: 18px;
}

div.gridbox table.obj td.editable {
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}

div.gridbox table.obj td.group_row {
  vertical-align: middle;
  font-family: tahoma, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  height: 30px;
  border: 0;
  border-bottom: 2px solid navy;
}

.dragSpanDiv {
  font-size: 12px;
  border: 1px gray solid;
  background-color: #fff;
  z-index: 999;
}

.dhx_combo_select {
  border: 1px solid;
  border-color: black silver silver black;
  background-color: #fff;
  overflow: auto;
  cursor: default;
  position: absolute;
  height: auto;
  z-index: 600;
}

.dhx_combo_edit {
  width: 100%;
  border: 0;
  padding: 0;
  padding-right: 1px;
  margin: 0;
  overflow: hidden;
}

.dhx_textarea {
  border: 1px solid;
  border-color: black silver silver black;
  position: absolute;
  height: 100px;
  z-index: 600;
}

.dhx_clist {
  background-color: #fff;
  border: 1px solid black;
  padding: 2px 2px 2px 2px;
  z-index: 300;
}

.gridDragLine {
  position: absolute;
  top: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: black;
  overflow: hidden;
}

div.pagingBlock .pagingCurrentPage {
  font-weight: bold;
  cursor: default;
}

div.pagingBlock .pagingPage {
  cursor: pointer;
  text-decoration: underline;
}

div.pagingBlock a {
  text-decoration: none;
  padding-right: 2px;
  color: black;
  cursor: pointer;
}

div.pagingBlock a.dhx_not_active {
  text-decoration: none;
  cursor: default;
}

.toolbar_select {
  font-size: 10px;
}

.dhtmlxGrid_selection {
  opacity: 0.5;
  filter: progid:dximagetransform.microsoft.alpha(opacity=50);
  background-color: yellow;
  border: 1px dotted black;
}

div.gridbox div.ftr {
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 100%;
  overflow: hidden;
}

div.gridbox div.ftr td {
  padding: 0;
  padding-left: 10px;
  padding-right: 5px;
  border-top: 1px solid gray;
  border-right: 1px solid gray;
  background-color: #ffc;
  font-style: italic;
  overflow: hidden;
}

div.gridbox table.hdr td.columnTargetR div.hdrcell {
  border-right: 3px double #f60;
  border-left: 3px solid #d4d0c8;
}

div.gridbox table.hdr td.columnTargetL div.hdrcell {
  border-right: 3px solid #d4d0c8;
  border-left: 3px double #f60;
}

.dhx_dragColDiv {
  background-color: #d4d0c8;
  border: 1px solid;
  border-color: #fff Gray Gray #fff;
  text-align: center;
  margin: 0;
  padding: 5px 20px 5px 20px;
  font-weight: normal;
  opacity: 0.75;
  filter: progid:dximagetransform.microsoft.alpha(opacity=75);
}

.dhtmlx_live_validation_error {
  background-color: #ffe0e0 !important;
}

.dhtmlx_validation_error {
  border-bottom: 2px solid red !important;
}

.dhx_header_cmenu {
  background-color: #fff;
  border: 2px outset silver;
  z-index: 2;
}

.dhx_header_cmenu_item {
  white-space: nowrap;
}

div.gridbox td.filter input,
div.gridbox td.filter select {
  width: 90%;
  font-size: 8pt;
  font-family: tahoma, sans-serif;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -o-user-select: text;
  user-select: text;
}

div.gridbox_dhx_terrace.gridbox table.hdr tr {
  background-color: #f5f5f5;
}

div.gridbox_dhx_terrace.gridbox .ftr tr {
  background-color: #f5f5f5;
}

div.gridbox_dhx_terrace.gridbox table.obj,
.dhx_combo_select,
.gridbox_dhx_skyblue.gridbox .dhx_combo_edit,
.gridbox_dhx_skyblue.gridbox .dhx_textarea,
.dhx_dragColDiv,
div.gridbox div.ftr td,
div.pagingBlock,
span.recordsInfoBlock {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

div.gridbox_dhx_terrace.gridbox table.obj tr td {
  border-color: #ccc;
  border-width: 0 0 1px 0;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
}

div.gridbox_dhx_terrace.gridbox .xhdr {
  border-bottom: 1px solid #ccc;
  background-color: #f5f5f5;
}

div.gridbox_dhx_terrace.gridbox table.hdr td div.hdrcell {
  padding-left: 20px;
  line-height: 36px;
  text-transform: uppercase;
  width: 100%;
}

div.gridbox_dhx_terrace.gridbox .ftr table td {
  background-color: #fff;
  border-width: 1px 0 0 0;
  font-style: normal;
  color: #333;
  border-color: #ccc;
  padding-left: 20px;
  line-height: 41px;
  width: 100%;
}

div.gridbox_dhx_terrace.gridbox table.hdr td {
  border: 1px solid #ccc;
  border-width: 0;
  padding: 0;
  background-color: #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333;
  vertical-align: top;
  text-align: left;
}

div.gridbox_dhx_terrace.gridbox {
  border: 1px solid #ccc;
}

div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td {
  padding-top: 0;
  padding-bottom: 0;
  height: 32px;
  line-height: 32px;
}

div.gridbox_dhx_terrace.gridbox table.obj tr td.editable {
  padding-left: 20px;
  padding-right: 0;
}

div.gridbox_dhx_terrace.gridbox table.obj tr td.editable div.treegrid_cell {
  padding: 1px 4px;
}

div.gridbox_dhx_terrace.gridbox table.obj tr.rowselected {
  background-color: #fff3a1;
}

div.gridbox_dhx_terrace.gridbox table.obj tr.rowselected td {
  background-color: #fff3a1;
  color: black;
}

div.gridbox_dhx_terrace.gridbox table.obj.row20px tr.rowselected td {
  background-color: #fff3a1;
  color: black;
}

div.gridbox_dhx_terrace.gridbox table.obj tr.rowselected td.cellselected {
  background-color: #fff3a1;
  color: black;
}

div.gridbox_dhx_terrace.gridbox .odd_dhx_terrace {
  background-color: #f7f7f7;
}

.gridbox_dhx_terrace.gridbox .dhx_combo_edit {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 32px;
  padding: 1px 0 1px 1px;
}

.dhx_combo_select,
.dhx_textarea {
  margin-left: 20px;
  line-height: 20px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
}

.gridbox_dhx_terrace.gridbox .dhx_sub_row {
  background-color: transparent;
}

.gridbox_dhx_terrace.gridbox table.hdr td.filter {
  padding-left: 20px;
  line-height: 41px;
  height: 30px;
}

div.gridbox_dhx_terrace.gridbox td.filter input,
div.gridbox_dhx_terrace.gridbox td.filter select {
  font-size: 13px !important;
  font-family: Arial, Helvetica, sans-serif !important;
  height: 22px;
  border-radius: 3px;
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: none;
}

.gridbox_dhx_terrace.gridbox .dhx_combo_box.dhx_terrace {
  height: 30px !important;
  margin-left: -20px;
}

.dhx_pbox {
  margin-top: 3px;
  border: 1px solid #d4d0c8;
  border-top: 0;
  font-size: 10px;
}

.dhx_pline {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0 5px 0 5px;
  float: left;
}

.dhx_page,
.dhx_pager_info {
  margin: 3px;
  text-align: center;
  font-family: tahoma, sans-serif;
  font-size: 12px;
  float: left;
  cursor: pointer;
  color: black;
  background-color: gray;
  padding: 1px;
}

.dhx_pager_info {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0 5px 0 5px;
  cursor: default;
}

.dhx_page div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active {
  font-weight: bold;
  background-color: lightgrey;
  cursor: default;
  color: white;
}

.dhx_pbox_modern {
  margin-top: 3px;
  border: 1px solid #d6d6d6;
  border-top: 0;
  font-size: 10px;
}

.dhx_pline_modern {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0 5px 0 5px;
  float: left;
}

.dhx_page_modern,
.dhx_pager_info_modern {
  margin: 3px;
  text-align: center;
  font-family: tahoma, sans-serif;
  font-size: 12px;
  float: left;
  cursor: pointer;
  color: #055a78;
  background-color: #d6d6d6;
  padding: 1px;
}

.dhx_pager_info_modern {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0 5px 0 5px;
  cursor: default;
}

.dhx_page_modern div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active_modern {
  font-weight: bold;
  background-color: #055a78;
  cursor: default;
  color: white;
}

.dhx_pbox_light {
  margin-top: 3px;
  border: 1px solid #c2d5dc;
  border-top: 0;
  font-size: 10px;
}

.dhx_pline_light {
  background-color: white;
  margin: -15px 10px 10px 10px;
  padding: 0 5px 0 5px;
  float: left;
}

.dhx_page_light,
.dhx_pager_info_light {
  margin: 3px;
  text-align: center;
  font-family: tahoma, sans-serif;
  font-size: 12px;
  float: left;
  cursor: pointer;
  color: #055a78;
  background-color: #93afba;
  padding: 1px;
}

.dhx_pager_info_light {
  white-space: nowrap;
  background-color: white;
  margin: -8px 10px 10px 10px;
  padding: 0 5px 0 5px;
  cursor: default;
}

.dhx_page_light div {
  background-color: white;
  width: 16px;
  height: 17px;
  vertical-align: middle;
}

div.dhx_page_active_light {
  font-weight: bold;
  background-color: #d1dfe3;
  cursor: default;
  color: white;
}

.calcTable {
  width: 100px;
  background-color: silver;
  border: 1px black solid;
}

.calcButton {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid silver;
  border-right: 1px solid silver;
}

.calcPressed {
  height: 20px;
  cursor: pointer;
  text-align: center;
  background-color: gray;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid black;
  border-right: 1px solid black;
}

.calcInput {
  background-color: white;
  font-size: 10px;
  font-weight: bold;
  font-family: tahoma, Arial, sans-serif;
}

.calkSubmit {
  padding: 2px;
  cursor: pointer;
  text-align: center;
  background-color: silver;
  color: white;
  font-size: 10px;
  font-weight: bold;
  border-top: 1px solid white;
  border-right: 1px solid white;
}

.dhxgrid_sort_desc,
.dhxgrid_sort_asc {
  width: 9px;
  height: 8px;
  background-image: url("imgs/dhxgrid_terrace/sort_desc.gif");
  background-repeat: no-repeat;
}

.dhxgrid_sort_asc {
  background-image: url("imgs/dhxgrid_terrace/sort_asc.gif");
  background-repeat: no-repeat;
}

.dhxgrid_rh_dhx_terrace {
  position: absolute;
  top: -20px;
  left: -33px;
  width: 32px;
  height: 10px;
  margin: 0;
  padding: 0;
  border-width: 0;
  font-size: 1px;
  overflow: hidden;
}

.dhxgrid_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td img {
  display: block;
}

div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td.group_row img,
div.gridbox_dhx_terrace.gridbox table.obj.row20px tr td .treegrid_cell img {
  display: inline;
}

.dhxform_obj_dhx_terrace {
  font-family: Arial, Helvetica, sans-serif;
  float: left;
  line-height: normal;
}

.dhxform_obj_dhx_terrace div.dhxform_base {
  position: relative;
  float: left;
}

.dhxform_obj_dhx_terrace div.dhxform_base_nested {
  padding: 0;
  clear: both;
  *display: inline-block;
}

.dhxform_obj_dhx_terrace.dhxform_block {
  clear: both;
}

.dhxform_obj_dhx_terrace div.block_dhxform_item_label_left {
  display: block;
  clear: both;
  *clear: none;
}

.dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:visited,
.dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:active,
.dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:hover {
  outline: 0 solid white;
  text-decoration: none;
  color: inherit;
  cursor: default;
  overflow: hidden;
  white-space: normal;
}

.dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:focus {
  color: #bfbfbf;
}

.dhxform_obj_dhx_terrace div.disabled span.nav_link {
  color: inherit;
}

.dhxform_obj_dhx_terrace div.dhxform_img {
  width: 18px;
  height: 18px;
  font-size: 1px;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_c {
  width: 15px;
  height: 15px;
  box-shadow: 0 0 3px #909090;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_r {
  width: 15px;
  height: 15px;
  box-shadow: 0 0 3px #999;
  border-radius: 11px;
}

.dhxform_obj_dhx_terrace div.dhxform_img.chbx0,
.dhxform_obj_dhx_terrace div.dhxform_img.chbx1,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.chbx0,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.chbx1,
.dhxform_obj_dhx_terrace div.dhxform_img.rdbt0,
.dhxform_obj_dhx_terrace div.dhxform_img.rdbt1,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.rdbt0,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.rdbt1,
.dhxform_obj_dhx_terrace div.dhxform_actv_c.chbx0,
.dhxform_obj_dhx_terrace div.dhxform_actv_c.chbx1,
.dhxform_obj_dhx_terrace div.dhxform_actv_r.rdbt0,
.dhxform_obj_dhx_terrace div.dhxform_actv_r.rdbt1 {
  background-image: url("imgs/dhxform_terrace/dhxform_chbxrd.gif");
  background-repeat: no-repeat;
}

.dhxform_obj_dhx_terrace div.dhxform_img.chbx0 {
  background-position: -18px 0;
}

.dhxform_obj_dhx_terrace div.dhxform_img.chbx1 {
  background-position: 0 0;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.chbx0 {
  background-position: -54px 0;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.chbx1 {
  background-position: -36px 0;
}

.dhxform_obj_dhx_terrace div.dhxform_img.rdbt0 {
  background-position: -90px 0;
}

.dhxform_obj_dhx_terrace div.dhxform_img.rdbt1 {
  background-position: -72px 0;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.rdbt0 {
  background-position: -126px 0;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_img.rdbt1 {
  background-position: -108px 0;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_c.chbx0 {
  background-position: -164px -2px;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_c.chbx1 {
  background-position: -146px -2px;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_r.rdbt0 {
  background-position: -200px -2px;
}

.dhxform_obj_dhx_terrace div.dhxform_actv_r.rdbt1 {
  background-position: -182px -2px;
}

.dhxform_obj_dhx_terrace div.dhxform_label {
  font-family: Arial, Helvetica, sans-serif;
  font-size: inherit;
  color: black;
  overflow-x: hidden;
  overflow: hidden;
  white-space: normal;
}

.dhxform_obj_dhx_terrace div.dhxform_label.dhxform_label_align_left {
  text-align: left;
}

.dhxform_obj_dhx_terrace div.dhxform_label.dhxform_label_align_center {
  text-align: center;
}

.dhxform_obj_dhx_terrace div.dhxform_label.dhxform_label_align_right {
  text-align: right;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_label,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_label div.dhxform_label_nav_link,
.dhxform_obj_dhx_terrace div.disabled div.dhxform_label span.dhxform_item_required {
  color: #bbb;
}

.dhxform_obj_dhx_terrace div.dhxform_label span.dhxform_item_required {
  margin-left: 5px;
  color: red;
}

.dhxform_obj_dhx_terrace input.dhxform_textarea,
.dhxform_obj_dhx_terrace textarea.dhxform_textarea {
  padding: 4px 2px !important;
  margin: 0;
  font-size: 1em;
  background-color: white;
}

.dhxform_obj_dhx_terrace input.dhxform_textarea:focus,
.dhxform_obj_dhx_terrace textarea.dhxform_textarea:focus {
  box-shadow: 0 0 3px #c0c0c0;
  border: 1px solid #bfbfbf;
  outline: none;
}

.dhxform_obj_dhx_terrace .dhxform_textarea {
  border: 1px solid #ccc;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: black;
  resize: none;
}

.dhxform_obj_dhx_terrace div.disabled .dhxform_textarea {
  color: #bbb;
  background-color: #f0f0f0;
  border: 1px solid #d4d4d4;
}

.dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node {
  position: relative;
}

.dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node .dhxform_textarea {
  border: 1px solid white;
  background-color: white;
  color: white;
  visibility: hidden;
  *height: 1px;
  *line-height: 1px;
  *display: inline;
}

.dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node div.dhxform_img {
  float: none;
  top: 3px;
  left: 0;
  position: absolute;
  margin: 0;
}

.dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node div.dhxform_actv_c,
.dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node div.dhxform_actv_r {
  float: none;
  position: absolute;
  margin: 0;
  *top: 3px;
  *left: 0;
}

.dhxform_obj_dhx_terrace .dhxform_select {
  border: 1px solid #ccc;
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  color: black;
  margin: 0;
  padding: 3px 2px 2px 0 !important;
  line-height: 100%;
  vertical-align: middle;
}

.dhxform_obj_dhx_terrace .dhxform_select option {
  padding: 1px 2px;
}

.dhxform_obj_dhx_terrace div.disabled .dhxform_select {
  color: #bbb;
  background-color: #f0f0f0;
  border: 1px solid #d4d4d4;
}

.dhxform_obj_dhx_terrace .dhxform_select:focus {
  box-shadow: 0 0 3px #c0c0c0;
  border: 1px solid #bfbfbf;
  outline: none;
}

.dhxform_obj_dhx_terrace div.fs_dhxform_item_label_left {
  padding: 5px 0 5px 0;
}

.dhxform_obj_dhx_terrace div.fs_dhxform_item_label_left fieldset.dhxform_fs div.dhxform_base_nested.dhxform_fs_nested {
  margin-right: 19px;
  margin-left: 5px;
}

.dhxform_obj_dhx_terrace fieldset.dhxform_fs {
  border: 1px solid #ccc;
  margin: 0;
  padding: 5px 0 12px 0;
  clear: left;
  width: 100%;
  border-radius: 3px;
}

.dhxform_obj_dhx_terrace div.disabled fieldset.dhxform_fs {
  border: 1px solid #d4d4d4;
}

.dhxform_obj_dhx_terrace fieldset.dhxform_fs legend.fs_legend {
  font-family: Arial, Helvetica, sans-serif;
  font-size: inherit;
  color: #bfbfbf;
  font-weight: normal;
  padding: 0 4px 1px 4px;
  margin-left: 5px;
  text-align: left;
}

.dhxform_obj_dhx_terrace div.disabled fieldset.dhxform_fs legend.fs_legend {
  color: #bbb;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_right {
  clear: both;
  padding-top: 7px;
  cursor: default;
  *float: left;
  *display: inline-block;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_img,
.dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_actv_c,
.dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_actv_r {
  float: left;
  margin: 0;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_label {
  float: left;
  padding: 2px 0 1px 0;
  margin: 2px 0 2px 0;
  *padding-top: 0;
  *display: inline-block;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_control {
  float: left;
  margin-right: 3px;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_left {
  clear: both;
  padding-top: 7px;
  cursor: default;
  *float: left;
  *display: inline-block;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_img,
.dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_actv_c,
.dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_actv_r {
  float: right;
  margin: 3px 1px 0 5px;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_label {
  float: left;
  padding: 4px 0 1px 0;
  margin: 2px 0 2px 0;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_control {
  float: left;
  margin-left: 3px;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_top {
  clear: both;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_top div.dhxform_label {
  float: none;
  margin-bottom: 5px;
  margin-top: 8px;
}

.dhxform_obj_dhx_terrace div.dhxform_item_label_top div.dhxform_control {
  float: none;
  margin-left: 0;
  margin-bottom: 5px;
}

.dhxform_obj_dhx_terrace div.dhxform_item_absolute {
  position: absolute;
  left: 0;
  top: 0;
  cursor: default;
}

.dhxform_obj_dhx_terrace div.item_absolute div.dhxform_img,
.dhxform_obj_dhx_terrace div.item_absolute div.dhxform_actv_c,
.dhxform_obj_dhx_terrace div.item_absolute div.dhxform_actv_r {
  position: absolute;
}

.dhxform_obj_dhx_terrace div.dhxform_item_absolute div.dhxform_control,
.dhxform_obj_dhx_terrace div.dhxform_item_absolute div.dhxform_label,
.dhxform_obj_dhx_terrace div.dhxform_item_absolute div.dhxform_control.dhxform_img_node,
.dhxform_obj_dhx_terrace div.dhxform_item_absolute div.dhxform_txt_label2,
.dhxform_obj_dhx_terrace div.dhxform_item_absolute div.dhxform_btn,
.dhxform_obj_dhx_terrace div.block_item_absolute div.dhxform_block {
  position: absolute;
}

.dhxform_obj_dhx_terrace div.dhxform_txt_label2 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: inherit;
  color: black;
  font-weight: bold;
  margin: 0 3px;
  padding: 5px 0;
  cursor: default;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_txt_label2 {
  color: #bbb;
}

.dhxform_obj_dhx_terrace div.dhxform_btn {
  margin: 1px 2px;
  background-color: #f0f0f0;
  float: left;
  cursor: default;
  clear: both;
  border-radius: 3px;
  position: relative;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: inherit;
  color: #333;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  border: 1px solid #ccc;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxform_obj_dhx_terrace.dhxform_rtl div.dhxform_btn {
  float: right;
}

.dhxform_obj_dhx_terrace div.dhxform_btn.dhxform_btn_over {
  color: #333;
  background-color: #ebebeb;
}

.dhxform_obj_dhx_terrace div.dhxform_btn.dhxform_btn_pressed {
  color: #333;
  background-color: #e6e6e6;
  box-shadow: 0 0 5px #e1e1e1 inset;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_btn {
  background-color: #f2f2f2;
}

.dhxform_obj_dhx_terrace div.dhxform_btn div.dhxform_btn_txt {
  float: left;
  margin: 0 18px;
  height: 28px;
  line-height: 27px;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  border-radius: 3px;
  *display: inline;
  opacity: 1;
  filter: progid:dximagetransform.microsoft.alpha(opacity=100);
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_btn div.dhxform_btn_txt {
  color: #b2b2b2;
}

.dhxform_obj_dhx_terrace div.dhxform_btn:focus {
  outline: 1px dotted #bfbfbf;
}

.dhxform_obj_dhx_terrace div.dhxform_btn div.dhxform_btn_filler {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100px;
  left: 0;
  top: 0;
  background-color: white;
  opacity: 0;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
}

.dhxform_obj_dhx_terrace div.dhxform_control div.dhxform_note {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  color: gray;
  padding-bottom: 3px;
  white-space: normal;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_control div.dhxform_note {
  color: #bbb;
}

.dhxform_obj_dhx_terrace div.dhxform_label span.dhxform_info {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.6em;
  color: gray;
  margin-left: 3px;
  padding-bottom: 2px;
  line-height: 100%;
  vertical-align: middle;
  cursor: pointer;
}

.dhxform_obj_dhx_terrace .validate_error .dhxform_label,
.dhxform_obj_dhx_terrace .validate_error .dhxform_textarea,
.dhxform_obj_dhx_terrace .validate_error .dhxform_select,
.dhxform_obj_dhx_terrace .validate_error div.dhxform_label_nav_link,
.dhxform_obj_dhx_terrace .validate_error div.dhxform_label div.dhxform_label_nav_link:focus {
  color: red;
}

.dhxform_obj_dhx_terrace span.combo_in_focus div.dhxcombo_dhx_terrace {
  box-shadow: 0 0 3px #c0c0c0;
  border: 1px solid #bfbfbf;
}

div.dhxcombolist_dhx_terrace:active {
  border-top: 1px solid #ccc !important;
}

.dhxform_obj_dhx_terrace div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
}

.dhxform_obj_dhx_terrace div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_cont_editor {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.dhxform_obj_dhx_terrace div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_toolbar_def {
  padding: 0;
  border-top: 1px solid #ccc;
}

.dhxform_obj_dhx_terrace div.dhxeditor_focus div.dhxform_item_template.dhxeditor_dhx_terrace {
  box-shadow: 0 0 3px #c0c0c0;
  outline: none;
}

.dhxform_obj_dhx_terrace div.dhxeditor_focus div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_stb,
.dhxform_obj_dhx_terrace div.dhxeditor_focus div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_cont_editor,
.dhxform_obj_dhx_terrace div.dhxeditor_focus div.dhxform_item_template.dhxeditor_dhx_terrace div.dhx_cell_editor div.dhx_cell_toolbar_def {
  border-color: #bfbfbf;
}

.dhxform_obj_dhx_terrace div.dhxform_item_template.dhxeditor_dhx_terrace div.dhxcont_content_blocker {
  display: none;
}

.dhxform_obj_dhx_terrace div.disabled div.dhxform_item_template.dhxeditor_dhx_terrace div.dhxcont_content_blocker {
  display: inline;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #fefefe;
  opacity: 0.7;
  filter: progid:dximagetransform.microsoft.alpha(opacity=70);
}

.dhtmlx_skin_dhx_terrace div.dhtmlx_wins_body_inner .dhxform_obj_dhx_terrace {
  background-color: white;
}

.dhxform_obj_dhx_terrace div.dhxform_control .dhx_combo_box.dhx_terrace .dhx_combo_input,
.dhx_combo_list.dhx_terrace_list div {
  font-size: 1em !important;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader {
  position: relative;
  width: 100%;
  margin-bottom: 4px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls {
  position: relative;
  width: 100%;
  height: 35px;
  font-size: 2px;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button {
  position: absolute;
  width: 19px;
  height: 19px;
  top: 8px;
  background-image: url("imgs/dhxform_terrace/dhxform_upload_buttons.gif");
  background-repeat: no-repeat;
  font-size: 2px;
  cursor: pointer;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  filter: progid:dximagetransform.microsoft.alpha(opacity=100);
  z-index: 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
  display: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
  background-position: 0 0;
  right: 108px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_upload {
  background-position: -19px 0;
  right: 79px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_cancel {
  background-position: -57px 0;
  right: 79px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_uploader_button.button_clear {
  background-position: -38px 0;
  right: 50px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls .dhx_uploader_input {
  position: absolute;
  left: -1000px;
  top: 0;
  visibility: hidden;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont {
  position: absolute;
  width: 19px;
  height: 19px;
  left: 0;
  top: 0;
  cursor: pointer;
  overflow: hidden;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form .dhx_file_input {
  opacity: 0;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
  cursor: pointer;
  outline: none;
  height: 19px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files {
  position: relative;
  width: 100%;
  left: 0;
  top: 0;
  overflow: auto;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file {
  position: relative;
  width: 100%;
  height: 25px;
  overflow: hidden;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_added,
.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_uploading {
  color: black;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_uploaded {
  color: #646464;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file.dhx_file_fail {
  color: #e94a4a;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file_param {
  position: absolute;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  top: 0;
  height: 25px;
  line-height: 25px;
  vertical-align: middle;
  overflow: hidden;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_name {
  left: 20px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_progress {
  right: 50px;
  width: 38px;
  text-align: right;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_delete {
  right: 30px;
  width: 11px;
  background-image: url("imgs/dhxform_terrace/dhxform_upload_buttons.gif");
  background-position: -76px 0;
  background-repeat: no-repeat;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files div.dhx_file_param.dhx_file_uploading {
  right: 50px;
  width: 38px;
  text-align: right;
  background-image: url("imgs/dhxform_terrace/dhxform_upload_uploading.gif");
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls {
  height: 60px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_files {
  display: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_info {
  display: inline;
  background-image: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #a0a0a0;
  height: auto;
  top: 0;
  left: 35px;
  vertical-align: top;
  padding-top: 6px;
  line-height: 20px;
  cursor: default;
  filter: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_browse {
  top: 0;
  width: 54px;
  height: 54px;
  right: 35px;
  background-image: url("imgs/dhxform_terrace/dhxform_upload_buttons.gif");
  background-position: 0 -38px;
  background-repeat: no-repeat;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_upload,
.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_cancel,
.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_uploader_button.button_clear {
  display: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_form_cont {
  width: 54px;
  height: 54px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls div.dhx_file_form_cont form.dhx_file_form .dhx_file_input {
  height: 54px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_info,
.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_added,
.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_uploading,
.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_uploaded,
.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file.dhx_file_fail {
  color: #bbb;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader.dhx_file_uploader_title div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_browse {
  background-position: -54px -38px;
  cursor: default;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_form_cont {
  display: none;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button {
  cursor: default;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_browse {
  background-position: 0 -19px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_upload {
  background-position: -19px -19px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_cancel {
  background-position: -57px -19px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_controls.dhx_uploader_dis div.dhx_file_uploader_button.button_clear {
  background-position: -38px -19px;
}

.dhxform_obj_dhx_terrace .dhx_file_uploader div.dhx_upload_files.dhx_uploader_dis div.dhx_file_param.dhx_file_delete {
  background-position: -87px 0;
  cursor: default;
}

div.dhx_form_skin_detect {
  position: absolute;
  display: block;
  visibility: hidden;
  left: -100px;
  top: 0;
  width: 30px;
  height: 10px;
  margin: 0;
  padding: 0;
  border: none;
  overflow: hidden;
}

div.dhxform_dim_test.dhxform_obj_dhx_terrace {
  position: absolute;
  left: -2000px;
  top: 0;
}

.dhxacc_base_dhx_terrace {
  position: relative;
  cursor: default;
  overflow: hidden;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc {
  position: relative;
  background-color: #fff;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: default;
  box-shadow: 0 0 3px #e0e0e0;
  border-color: #ccc;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_cont_acc {
  position: absolute;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 0 solid #fff;
  overflow: hidden;
  z-index: 0;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr {
  position: relative;
  height: 36px;
  line-height: 35px;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  font-weight: normal;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  cursor: default;
  z-index: 3;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text {
  position: relative;
  margin: 0 26px 0 10px;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr img.dhx_cell_hdr_icon {
  position: absolute;
  top: 11px;
  left: 10px;
  width: 16px;
  height: 16px;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_icon {
  margin-left: 32px;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
  position: absolute;
  top: 11px;
  right: 4px;
  width: 16px;
  height: 16px;
  background-image: url("imgs/dhxacc_terrace/dhxacc_btns.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc.dhx_cell_closed div.dhx_cell_hdr div.dhx_cell_hdr_arrow {
  background-position: -16px 0;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_cont.dhx_cell_cont_not_last {
  border-bottom: 0 solid white;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_menu_def {
  position: relative;
  overflow: hidden;
  padding: 6px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_toolbar_def {
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 6px;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
  border-top: 1px solid #fff;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
  border-top: 0 solid #fff;
  width: auto;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_statusbar_def {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  background-color: #f5f5f5;
  z-index: 1;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  position: relative;
  padding: 0 4px;
  height: 24px;
  line-height: 23px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  white-space: nowrap;
  overflow: hidden;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc.acc_cell_dragged {
  box-shadow: 0 0 5px #aaa;
  z-index: 5 !important;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.75;
  filter: progid:dximagetransform.microsoft.alpha(opacity=75);
  z-index: 1;
}

.dhxacc_base_dhx_terrace div.dhx_cell_acc div.dhx_cell_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center 55%;
  background-image: url("imgs/dhxacc_terrace/dhxacc_cell_progress.gif");
  background-repeat: no-repeat;
  cursor: progress;
  z-index: 2;
}

.dhxacc_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

.dhxlayout_base_dhx_terrace {
  position: relative;
  cursor: default;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_sep {
  position: absolute;
  background-color: #fff;
  font-size: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -ms-touch-action: none;
}

div.dhxlayout_sep_sw_dhx_terrace {
  position: absolute;
  left: 0;
  top: -100px;
  width: 10px;
  height: 1px;
  font-size: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_sep.dhxlayout_sep_resize_v {
  cursor: w-resize;
  background-image: url("imgs/dhxlayout_terrace/dhxlayout_sep_v.gif");
}

.dhxlayout_base_dhx_terrace div.dhxlayout_sep.dhxlayout_sep_resize_h {
  cursor: n-resize;
  background-image: url("imgs/dhxlayout_terrace/dhxlayout_sep_h.gif");
}

.dhxlayout_base_dhx_terrace div.dhxlayout_sep.dhxlayout_sep_resize_actv {
  background-color: #f2f2f2;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout {
  position: absolute;
  background-color: white;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: default;
  z-index: 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout {
  position: absolute;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 0 solid white;
  overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_cont_layout.dhx_cell_cont_no_borders {
  border: 0 solid white !important;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_cont_layout,
.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_cont_layout {
  display: none;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr {
  position: relative;
  height: 32px;
  line-height: 31px;
  overflow: hidden;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  font-weight: bold;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  cursor: default;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden {
  height: 0;
  line-height: 0;
  border-bottom-width: 0;
  overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr.dhx_cell_hdr_hidden_no_borders {
  height: 0;
  line-height: 0;
  border-width: 0;
  overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhx_cell_hdr_text {
  position: relative;
  margin: 0 26px 0 5px;
  overflow: hidden;
  white-space: nowrap;
  cursor: default;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr {
  height: 18px;
  line-height: 17px;
  color: #333;
  font-weight: normal;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr {
  width: 18px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text {
  position: absolute;
  left: 3px;
  bottom: 0;
  transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform-origin: left center;
  font-weight: normal;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie8 {
  left: -5px;
  line-height: 17px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie8 span {
  float: left;
  filter: progid:dximagetransform.microsoft.matrix(M11="6.123031769111886e-17", M12="1", M21="-1", M22="6.123031769111886e-17", sizingMethod="auto expand");
  margin-bottom: 95%;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie7 {
  left: -6px;
  line-height: 17px;
  padding-bottom: 10px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie7 span {
  float: left;
  filter: progid:dximagetransform.microsoft.matrix(M11="6.123031769111886e-17", M12="1", M21="-1", M22="6.123031769111886e-17", sizingMethod="auto expand");
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie6 {
  left: -6px;
  line-height: 17px;
  padding-bottom: 10px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_ie6 span {
  float: left;
  filter: progid:dximagetransform.microsoft.matrix(M11="6.123031769111886e-17", M12="1", M21="-1", M22="6.123031769111886e-17", sizingMethod="auto expand");
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhx_cell_hdr_text.dhx_cell_hdr_text_chrome {
  left: 3px;
  transform: rotate(270deg);
  transform-origin: left center;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow {
  position: absolute;
  right: 4px;
  top: 9px;
  width: 16px;
  height: 16px;
  background-image: url("imgs/dhxlayout_terrace/dhxlayout_cell_btns.gif");
  background-repeat: no-repeat;
  cursor: pointer;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va {
  background-position: -16px 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_vb {
  background-position: -48px 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_ha {
  background-position: -32px 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb {
  background-position: 0 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_ha {
  background-position: 0 -5px;
  top: 6px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_hb {
  background-position: -32px -4px;
  top: 6px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_va {
  background-position: -45px 0;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_hdr div.dhxlayout_arrow.dhxlayout_arrow_vb {
  background-position: -13px 0;
}

body.dhxlayout_resize_v * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: w-resize !important;
}

body.dhxlayout_resize_h * {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: n-resize !important;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_resize_area {
  position: absolute;
  background-color: #ccc;
  opacity: 0.15;
  filter: progid:dximagetransform.microsoft.alpha(opacity=15);
  z-index: 1;
  border: 2px dashed black;
  cursor: inherit;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_resize_sep {
  position: absolute;
  background-color: #ccc;
  overflow: hidden;
  display: block;
  opacity: 0.5;
  filter: progid:dximagetransform.microsoft.alpha(opacity=50);
  z-index: 2;
  cursor: inherit;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_h div.dhx_cell_statusbar_def,
.dhxlayout_base_dhx_terrace div.dhx_cell_layout.dhxlayout_collapsed_v div.dhx_cell_statusbar_def {
  display: none;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_hdr_attached {
  position: relative;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_ftr_attached {
  position: absolute;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_menu_def {
  position: relative;
  overflow: hidden;
  padding: 6px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_menu_no_borders {
  position: relative;
  overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_menu_def div.dhtmlxMenu_dhx_terrace_Middle,
.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_menu_no_borders div.dhtmlxMenu_dhx_terrace_Middle {
  padding: 0 2px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_toolbar_def {
  position: relative;
  overflow: hidden;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 6px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_toolbar_def div.dhx_toolbar_dhx_terrace {
  border-top: 0 solid white;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_ribbon_def div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
  margin-top: -1px;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_ribbon_def div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
  border-top: 0 solid white;
  width: auto;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_statusbar_def {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  background-color: #f5f5f5;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  position: relative;
  padding: 0 4px;
  height: 24px;
  line-height: 24px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  white-space: nowrap;
  overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_progress {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.55;
  filter: progid:dximagetransform.microsoft.alpha(opacity=55);
  z-index: 3;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("imgs/dhxlayout_terrace/dhxlayout_cell_progress.gif");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 4;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.75;
  filter: progid:dximagetransform.microsoft.alpha(opacity=75);
  z-index: 1;
}

.dhxlayout_base_dhx_terrace div.dhx_cell_layout div.dhx_cell_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("imgs/dhxlayout_terrace/dhxlayout_cell_progress.gif");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_menu {
  position: relative;
  overflow: hidden;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 10px;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_toolbar {
  position: relative;
  padding-bottom: 10px;
  overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_toolbar div.dhx_toolbar_dhx_terrace {
  padding-left: 0;
  padding-right: 0;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_ribbon {
  padding-bottom: 10px;
  position: relative;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_ribbon div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
  width: auto;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_statusbar {
  position: absolute;
  background-color: #fff;
  overflow: hidden;
}

.dhxlayout_base_dhx_terrace div.dhxlayout_statusbar div.dhxcont_statusbar {
  position: relative;
  margin-top: 10px;
  border: 1px solid #ccc;
  background-color: #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  padding: 3px 4px;
}

.dhxlayout_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

.dhxtabbar_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

.dhxtabbar_fullscreen {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
}

.dhxtabbar_base_dhx_terrace {
  position: relative;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs {
  position: absolute;
  top: 0;
  bottom: auto;
  height: 33px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  overflow: hidden;
  white-space: nowrap;
  background-color: #fff;
  z-index: 2;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base {
  position: absolute;
  top: 0;
  height: 34px;
  overflow: hidden;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
  position: absolute;
  width: 5000px;
  height: 34px;
  margin: 0 1px;
  top: -1px;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  top: none;
  height: 1px;
  overflow: hidden;
  background-color: #ccc;
  border: none;
  z-index: 2;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left {
  position: absolute;
  left: 0;
  top: 0;
  width: 17px;
  height: 32px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 4;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left.dhxtabbar_tabs_ar_hidden {
  display: none;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left div.dhxtabbar_arrow_img {
  position: relative;
  height: 100%;
  border-right: 1px solid #ccc;
  background-image: url("imgs/dhxtabbar_terrace/dhxtabbar_arrows.gif");
  background-position: 1px 14px;
  background-repeat: no-repeat;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
  position: absolute;
  right: 0;
  top: 0;
  width: 17px;
  height: 32px;
  background-color: #fff;
  border-bottom: 1px solid #ccc;
  z-index: 4;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right.dhxtabbar_tabs_ar_hidden {
  display: none;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right div.dhxtabbar_arrow_img {
  position: relative;
  height: 100%;
  border-left: 1px solid #ccc;
  background-image: url("imgs/dhxtabbar_terrace/dhxtabbar_arrows.gif");
  background-position: -13px 14px;
  background-repeat: no-repeat;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab {
  position: relative;
  height: 34px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  z-index: 1;
  cursor: pointer;
  background-color: #f5f5f5;
  margin-left: -1px;
  margin-right: 0;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_text {
  color: #262626;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab:hover div.dhxtabbar_tab_close {
  background-color: #e8e8e8;
  border-color: #c7c7c7;
  background-position: -15px 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis {
  color: #bbb;
  background-color: #fafafa;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
  background-color: #fff;
  z-index: 3;
  font-weight: bold;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_hidden {
  border: none;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
  position: relative;
  height: 33px;
  line-height: 33px;
  vertical-align: middle;
  top: 0;
  bottom: none;
  text-align: center;
  padding: 0 15px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-top: 1px solid #ccc;
  border-bottom: 0 solid #fff;
  overflow: hidden;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text.dhxtabbar_tab_text_close {
  padding-right: 20px;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_text {
  color: #333;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_text,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_text {
  color: #bbb;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_dis:hover div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis:hover div.dhxtabbar_tab_close {
  background-color: #e8e8e8;
  border-color: #c7c7c7;
  background-position: -30px 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_close {
  position: absolute;
  top: 9px;
  right: 9px;
  width: 15px;
  height: 15px;
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  border-radius: 3px;
  background-image: url("imgs/dhxtabbar_terrace/dhxtabbar_button_close.gif");
  background-position: 0 0;
  background-repeat: no-repeat;
  z-index: 1;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv div.dhxtabbar_tab_close,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv:hover div.dhxtabbar_tab_close {
  background-color: #fff;
  border-color: #ccc;
  background-position: 0 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_left div.dhxtabbar_tab {
  float: left;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs div.dhxtabbar_tabs_cont_right div.dhxtabbar_tab {
  float: right;
  margin-right: -1px;
  margin-left: 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs {
  top: auto;
  bottom: 0;
  border-bottom: 1px solid #ccc;
  border-top: 0 solid #fff;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_left,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_cont_right {
  top: 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_base div.dhxtabbar_tabs_line {
  top: 0;
  bottom: none;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab {
  margin-top: 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab.dhxtabbar_tab_actv_dis {
  margin-top: 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tab div.dhxtabbar_tab_text {
  border-bottom: 1px solid #ccc;
  border-top: 0 solid white;
  top: none;
  bottom: 0;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_left,
.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhxtabbar_tabs div.dhxtabbar_tabs_ar_right {
  top: 0;
  bottom: none;
  border-top: 1px solid #ccc;
  border-bottom: 0 solid #fff;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  border-top: 1px solid #ccc;
  border-bottom: 0 solid white;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_menu_def {
  border-top: 1px solid #ccc;
  border-bottom: 0 solid white;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
  border-top: 1px solid #ccc;
  border-bottom: 0 solid white;
}

.dhxtabbar_base_dhx_terrace div.dhxtabbar_tabs_bottom div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  border-top: 1px solid #ccc;
  border-bottom: 0 solid white;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar {
  position: absolute;
  background-color: #fff;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: default;
  z-index: 0;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_cont_tabbar {
  position: absolute;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 0 solid white;
  overflow: hidden;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_cont_tabbar.dhx_cell_cont_no_borders {
  border: 0 solid white !important;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_menu_def {
  position: relative;
  overflow: hidden;
  padding: 6px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_menu_no_borders {
  position: relative;
  overflow: hidden;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_toolbar_def {
  position: relative;
  padding: 6px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
  border-top: 0 solid white;
  width: auto;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
  margin-top: -1px;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_statusbar_def {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  background-color: #f5f5f5;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  position: relative;
  padding: 0 4px;
  height: 28px;
  line-height: 27px;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  white-space: nowrap;
  overflow: hidden;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: white;
  opacity: 0.75;
  filter: progid:dximagetransform.microsoft.alpha(opacity=75);
  z-index: 1;
}

.dhxtabbar_base_dhx_terrace div.dhx_cell_tabbar div.dhx_cell_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("imgs/dhxtabbar_terrace/dhxtabbar_cell_progress.gif");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
}

span.dhxtabbar_tabs_text_test_dhx_terrace {
  position: absolute;
  visibility: hidden;
  right: 0;
  top: 0;
  font-weight: normal;
  padding: 0 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.dhxwins_vp_dhx_terrace {
  overflow: hidden;
  position: relative;
  cursor: default;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active {
  position: absolute;
  overflow: hidden;
  border: 1px solid #ccc;
  box-shadow: 0 0 6px #a0a0a0;
  border-radius: 3px;
  background: #fff;
  cursor: inherit;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive {
  position: absolute;
  overflow: hidden;
  border: 1px solid #ccc;
  box-shadow: 0 0 6px #c0c0c0;
  border-radius: 3px;
  background: #fff;
  cursor: inherit;
}

.dhxwins_vp_dhx_terrace div.dhxwin_brd {
  position: absolute;
  border-left: 5px solid #fff;
  border-right: 5px solid #fff;
  border-bottom: 5px solid #fff;
  background: #fff;
  z-index: 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_brd.dhxwin_hdr_hidden {
  border-top: 5px solid #fff;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhxwin_brd {
  opacity: 0.6;
  filter: progid:dximagetransform.microsoft.alpha(opacity=60);
}

.dhxwins_vp_dhx_terrace div.dhxwin_fr_cover {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: #fff;
  z-index: 1;
  opacity: 0;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
}

.dhxwins_vp_dhx_terrace div.dhxwin_fr_cover .dhxwin_fr_cover_inner {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhxwin_fr_cover {
  display: none;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhxwin_fr_cover {
  z-index: 4;
  opacity: 0.5;
  filter: progid:dximagetransform.microsoft.alpha(opacity=50);
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhxwin_fr_cover.dhxwin_fr_cover_dnd,
.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhxwin_fr_cover.dhxwin_fr_cover_resize {
  display: block;
}

.dhxwins_vp_dhx_terrace iframe.dhxwin_main_fr_cover {
  position: absolute;
  background-color: #fff;
  opacity: 0;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr {
  position: relative;
  height: 36px;
  line-height: 37px;
  margin: 0;
  padding: 0;
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  background-color: #f5f5f5;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
  cursor: inherit;
  overflow: hidden;
  z-index: 3;
  -ms-touch-action: none;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhxwin_hdr {
  color: #404040;
  opacity: 0.6;
  filter: progid:dximagetransform.microsoft.alpha(opacity=60);
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr.dhxwin_hdr_parked {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr.dhxwin_hdr_hidden {
  visibility: hidden;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_icon {
  position: absolute;
  left: 11px;
  top: 10px;
  width: 23px;
  height: 18px;
  overflow: hidden;
  background-image: url("imgs/dhxwins_terrace/dhxwins_icon.gif");
  background-position: left center;
  background-repeat: no-repeat;
  cursor: inherit;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_icon {
  opacity: 0.6;
  filter: progid:dximagetransform.microsoft.alpha(opacity=60);
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_text {
  position: relative;
  padding: 0;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: inherit;
  z-index: 1;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_text div.dhxwin_text_inside {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 18px;
  overflow: hidden;
  cursor: inherit;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhxwin_hdr div.dhxwin_btns {
  opacity: 0.5;
  filter: progid:dximagetransform.microsoft.alpha(opacity=50);
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button,
.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis {
  position: relative;
  float: left;
  width: 15px;
  height: 15px;
  margin-left: 2px;
  margin-top: 2px;
  border-radius: 2px;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  background-image: url("imgs/dhxwins_terrace/dhxwins_buttons.gif");
  background-repeat: no-repeat;
  background-position: 0 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button:hover {
  background-color: #ebebeb;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_close {
  background-position: -15px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_close_dis {
  background-position: -15px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmax {
  background-position: -30px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_minmax_dis {
  background-position: -30px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_minmaxed {
  background-position: -45px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_minmaxed_dis {
  background-position: -45px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_park {
  background-position: -60px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_park_dis {
  background-position: -60px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_stick {
  background-position: -75px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_stick_dis {
  background-position: -75px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_sticked {
  background-position: -90px 0;
  z-index: 1;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_sticked_dis {
  background-position: -90px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_help {
  background-position: -105px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_help_dis {
  background-position: -105px -15px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button.dhxwin_button_dock {
  background-position: -120px 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_hdr div.dhxwin_btns div.dhxwin_button_dis.dhxwin_button_dock_dis {
  background-position: -120px -15px;
}

.dhxwins_vp_dhx_terrace.dhxwins_vp_dnd {
  cursor: move !important;
}

.dhxwins_vp_dhx_terrace div.dhxwin_resize {
  position: absolute;
  background-color: #9c9c9c;
  opacity: 0.2;
  filter: progid:dximagetransform.microsoft.alpha(opacity=20);
}

.dhxwins_vp_dhx_terrace iframe.dhxwin_resize_fr_cover {
  position: absolute;
  background-color: #fff;
  opacity: 0;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
}

.dhxwins_vp_dhx_terrace div.dhxwins_mcover {
  position: absolute;
  background-color: #ededed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.53;
  filter: progid:dximagetransform.microsoft.alpha(opacity=53);
}

.dhxwins_vp_dhx_terrace iframe.dhxwins_mcover {
  position: absolute;
  background-color: #fff;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: progid:dximagetransform.microsoft.alpha(opacity=0);
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins {
  position: absolute;
  background-color: #fff;
  margin: 0;
  padding: 0;
  overflow: hidden;
  cursor: default;
  visibility: visible;
  z-index: 1;
  opacity: 1;
  filter: progid:dximagetransform.microsoft.alpha(opacity=100);
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins {
  position: absolute;
  border: 5px solid #fff;
  border-top: 10px solid #fff;
  background-color: #fff;
  overflow: hidden;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_cont_wins.dhx_cell_cont_no_borders,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_cont_wins.dhx_cell_cont_no_borders {
  border: 0 solid #fff !important;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_menu_def,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_menu_def {
  position: relative;
  overflow: hidden;
  height: 42px;
  margin: 10px 5px 0 5px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_toolbar_def,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_toolbar_def {
  position: relative;
  overflow: hidden;
  padding: 10px 5px 0 5px;
  border-width: 0;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_ribbon_def,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_ribbon_def {
  padding-top: 4px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhtmlxribbon_dhx_terrace.dhxrb_without_tabbar {
  border: 0 solid white;
  width: auto;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhxrb_with_tabbar.dhxtabbar_base_dhx_terrace {
  margin-left: 4px;
  margin-top: 4px;
  margin-right: 4px;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def {
  position: absolute;
  bottom: 0;
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #333;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_statusbar_def div.dhx_cell_statusbar_text {
  position: relative;
  margin: 5px 5px 5px 5px;
  padding: 5px 10px;
  background-color: #f5f5f5;
  white-space: nowrap;
  overflow: hidden;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_bar,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.75;
  filter: progid:dximagetransform.microsoft.alpha(opacity=75);
  z-index: 1;
}

.dhxwins_vp_dhx_terrace div.dhxwin_active div.dhx_cell_wins div.dhx_cell_progress_img,
.dhxwins_vp_dhx_terrace div.dhxwin_inactive div.dhx_cell_wins div.dhx_cell_progress_img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("imgs/dhxwins_terrace/dhxwins_progress.gif");
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 2;
}

.dhxwins_skin_detect {
  position: absolute;
  left: 0;
  top: -100px;
  margin: 0;
  padding: 0;
  border: 0 solid white;
  width: 30px;
  height: 10px;
  overflow: hidden;
}

div.dhxwins_vp_dhx_terrace.dhxwins_vp_fs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.dhtmlx_message_area {
  position: fixed;
  right: 5px;
  width: 250px;
  z-index: 1000;
  padding: 0;
}

.dhtmlx-info {
  color: #333;
  border-radius: 4px;
  min-width: 120px;
  padding: 10px 10px 10px 20px;
  background: #fffcef;
  font-size: 12px;
  font-family: Arial, sans-serif;
  z-index: 10000;
  margin: 0 5px 5px 5px;
  border: 1px solid #d3d3d3;
  -moz-box-shadow: 0 0 5px #ccc;
  -webkit-box-shadow: 0 0 5px #ccc;
  box-shadow: 0 0 5px #ccc;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.dhtmlx-info.hidden {
  height: 0;
  padding-bottom: 0;
  padding-top: 0;
  border-width: 0;
  margin-top: 0;
  margin-bottom: 0;
  overflow: hidden;
}

.dhtmlx-error {
  background: #f17373;
  color: #fff;
}

.dhtmlx_modal_box {
  overflow: hidden;
  display: inline-block;
  min-width: 300px;
  width: 300px !important;
  text-align: center;
  position: fixed;
  z-index: 20000;
  background: #fff;
  -moz-box-shadow: 0 0 5px #aaa;
  -webkit-box-shadow: 0 0 0 #aaa;
  box-shadow: 0 0 5px #aaa;
  border: 1px solid #ddd;
  border-radius: 6px;
}

.dhtmlx_popup_title {
  padding: 10px 0;
  font-size: 13px;
  border-bottom: 1px solid #ddd;
  line-height: 16px;
  font-weight: bold;
  font-family: Arial, sans-serif;
  border-radius: 0;
  text-shadow: none;
  height: auto;
}

.dhtmlx-info,
.dhtmlx_popup_title,
.dhtmlx_popup_button {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}

.dhtmlx_popup_text {
  font-size: 13px;
  font-family: Arial, sans-serif;
  color: #444;
  min-height: 30px;
  padding: 20px 10px 10px 10px !important;
  overflow: hidden;
  border-width: 0;
  margin: 0;
}

.dhtmlx_popup_button div,
.dhtmlx_popup_button div:active {
  line-height: 28px;
  background: inherit;
  color: inherit;
  border: none;
}

.dhtmlx_popup_controls {
  font-family: Arial, sans-serif;
  font-weight: bold;
  padding: 10px 10px 15px 10px !important;
}

.dhtmlx_popup_button {
  font-size: 13px;
  font-family: Arial, sans-serif;
  font-weight: bold;
  min-width: 120px;
  width: 120px;
  height: 28px;
  line-height: 28px;
  display: inline-block;
  margin: 0 5px;
  border-radius: 4px;
  color: #222;
  border: 1px solid #cecece;
  box-shadow: 0 0 1px #111;
}

.dhtmlx_popup_button:active,
.dhtmlx_popup_button:focus {
  background: #eee;
}

.dhtmlx_popup_button:first-child {
  background: #22a1bc;
  color: white;
  border: 1px solid #22a1bc;
  box-shadow: none;
}

.dhtmlx-alert-error,
.dhtmlx-confirm-error {
  border: 1px solid #f17373;
}

.dhtmlx-alert-error .dhtmlx_popup_title,
.dhtmlx-confirm-error .dhtmlx_popup_title {
  color: #fff;
  background: #f17373;
}

.dhtmlx-alert-warning .dhtmlx_popup_title,
.dhtmlx-confirm-warning .dhtmlx_popup_title {
  color: #000;
  border: 1px solid #f17373;
  background: #f17373;
}

.dhtmlx-alert-warning .dhtmlx_popup_controls,
.dhtmlx-confirm-warning .dhtmlx_popup_controls {
  border: 1px solid #f17373;
  border-width: 0 1px 1px 1px;
}

.dhtmlx-alert-warning .dhtmlx_popup_text,
.dhtmlx-confirm-warning .dhtmlx_popup_text {
  border: 1px solid #f17373;
  border-width: 0;
}

.dhtmlx-alert .dhtmlx_popup_title,
.dhtmlx-confirm .dhtmlx_popup_title {
  color: #444;
  background: #f0ede7;
}

.dhtmlx-alert .dhtmlx_popup_controls,
.dhtmlx-confirm .dhtmlx_popup_controls {
  border: 1px solid #eee;
  border-width: 0 1px 1px 1px;
}

.dhtmlx-alert .dhtmlx_popup_text,
.dhtmlx-confirm .dhtmlx_popup_text {
  border: 1px solid #eee;
  border-width: 0;
}

.dhtmlx-error div,
.dhtmlx-info div {
  padding: 0;
  background: inherit;
  color: inherit;
  border: none;
}

/*
@license

dhtmlxGantt v.4.1.0 Professional
This software is covered by DHTMLX Commercial License. Usage without proper license is prohibited.

(c) Dinamenta, UAB.
*/
.gridHoverStyle,
.gridSelection,
.timelineSelection {
  background-color: #fff3a1;
}

.gantt_grid_scale .gantt_grid_head_cell {
  color: #a6a6a6;
  border-top: none !important;
  border-right: none !important;
}

.gantt_grid_data .gantt_cell {
  border-right: none;
  color: #454545;
}

.gantt_task_link .gantt_link_arrow_right {
  border-width: 6px;
  margin-top: -3px;
}

.gantt_task_link .gantt_link_arrow_left {
  border-width: 6px;
  margin-left: -6px;
  margin-top: -3px;
}

.gantt_task_link .gantt_link_arrow_down,
.gantt_task_link .gantt_link_arrow_up {
  border-width: 6px;
}

.gantt_task_line .gantt_task_progress_drag {
  bottom: -4px;
  height: 16px;
  margin-left: -8px;
  width: 16px;
}

.chartHeaderBg {
  background-color: #fff;
}

.gantt_task .gantt_task_scale .gantt_scale_cell {
  color: #a6a6a6;
  border-right: 1px solid #ebebeb;
}

.gantt_row.gantt_project,
.gantt_row.odd.gantt_project {
  background-color: #edffef;
}

.gantt_task_row.gantt_project,
.gantt_task_row.odd.gantt_project {
  background-color: #f5fff6;
}

.gantt_task_line.gantt_project {
  background-color: #65c16f;
  border: 1px solid #3c9445;
}

.gantt_task_line.gantt_project .gantt_task_progress {
  background-color: #46ad51;
}

.buttonBg {
  background: #fff;
}

.gantt_cal_light .gantt_btn_set {
  margin: 5px 10px;
}

.gantt_btn_set.gantt_cancel_btn_set {
  background: #fff;
  color: #454545;
  border: 1px solid #cecece;
}

.gantt_btn_set.gantt_save_btn_set {
  background: #3db9d3;
  text-shadow: 0 -1px 0 #248a9f;
  color: #fff;
}

.gantt_btn_set.gantt_delete_btn_set {
  background: #ec8e00;
  text-shadow: 0 -1px 0 #a60;
  color: #fff;
}

.gantt_cal_light_wide {
  padding-left: 0 !important;
  padding-right: 0 !important;
  width: 580px;
  padding: 2px 4px;
}

.gantt_cal_light_wide .gantt_cal_larea {
  border-left: none !important;
  border-right: none !important;
  padding: 0 10px;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cecece;
}

.gantt_popup_button.gantt_ok_button {
  background: #3db9d3;
  text-shadow: 0 -1px 0 #248a9f;
  color: #fff;
  font-weight: 700;
  border-width: 0;
}

.gantt_popup_button.gantt_cancel_button {
  font-weight: 700;
  color: #454544;
}

.gantt_popup_title {
  background-color: #fff;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-width: 0;
  border-bottom: 1px solid #cecece;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
}

.gantt_popup_shadow {
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
}

.gantt_qi_big_icon.icon_edit {
  color: #454545;
  background: #fff;
}

.gantt_qi_big_icon.icon_delete {
  text-shadow: 0 -1px 0 #a60;
  background: #ec8e00;
  color: #fff;
  border-width: 0;
}

.gantt_tooltip {
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  font-family: Arial, sans-serif;
  font-size: 8pt;
  color: #454545;
  padding: 10px;
  position: absolute;
  z-index: 50;
}

.gantt_container {
  font-family: Arial, sans-serif;
  font-size: 13px;
  position: relative;
  white-space: nowrap;
}

.gantt_grid {
  border-right: 1px solid #cecece;
}

.gantt_task_scroll {
  overflow-x: scroll;
}

.gantt_task {
  position: relative;
}

.gantt_grid,
.gantt_task {
  overflow-x: hidden;
  overflow-y: hidden;
  display: inline-block;
  vertical-align: top;
}

.gantt_grid_scale,
.gantt_task_scale {
  color: #6b6b6b;
  font-size: 12px;
  border-bottom: 1px solid #cecece;
  background-color: #fff;
}

.gantt_scale_line {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  border-top: 1px solid #cecece;
  clear: both;
}

.gantt_scale_line:first-child {
  border-top: none;
}

.gantt_grid_head_cell {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #cecece;
  text-align: center;
  position: relative;
  cursor: default;
  height: 100%;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
  overflow: hidden;
  width: 200px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  text-align: left !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  margin-left: 30px !important;
}

.gantt_grid_head_buttons {
  width: 74px !important;
  margin-left: -30px !important;
}
.gantt_grid_head_buttons .gantt_grid_head_add {
  margin-left: -35px !important;
  width: 74px !important;
}

.gantt_grid_data {
  width: 100%;
  overflow: hidden;
}

.gantt_row {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -moz-user-select: -moz-none;
}

.gantt_add,
.gantt_grid_head_add {
  width: 100%;
  height: 100%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTQ3MjMyMENDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTQ3MjMyMERDNkI0MTFFMjk4MTI5QTg3MDhFNDVDQTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NDcyMzIwQUM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NDcyMzIwQkM2QjQxMUUyOTgxMjlBODcwOEU0NUNBOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PshZT8UAAABbSURBVHjaYrTdeZmBEsCER+4wEP+H4sPkGGCDg020ARR7gb4GIAcYDKMDdPnDyAbYkGG5DVW9cIQMvUdBBAuUY4vDz8iAcZinA2zgCHqAYQMseAywJcYFAAEGAM+UFGuohFczAAAAAElFTkSuQmCC);
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  position: relative;
  -moz-opacity: 0.3;
  opacity: 0.3;
}

.gantt_grid_head_cell.gantt_grid_head_add {
  -moz-opacity: 0.6;
  opacity: 0.6;
  top: 0;
}

.gantt_grid_head_cell.gantt_grid_head_add:hover {
  -moz-opacity: 1;
  opacity: 1;
}

.gantt_grid_data .gantt_row.odd:hover,
.gantt_grid_data .gantt_row:hover {
  background-color: #fff3a1;
}

.gantt_grid_data .gantt_row.odd:hover .gantt_add,
.gantt_grid_data .gantt_row:hover .gantt_add {
  -moz-opacity: 1;
  opacity: 1;
}

.gantt_row,
.gantt_task_row {
  border-bottom: 1px solid #ebebeb;
  background-color: #fff;
}

.gantt_row.odd,
.gantt_task_row.odd {
  background-color: #fff;
}

.gantt_cell,
.gantt_grid_head_cell,
.gantt_row,
.gantt_scale_cell,
.gantt_task_cell,
.gantt_task_row {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.gantt_grid_head_cell,
.gantt_scale_cell {
  line-height: inherit;
}

.gantt_grid_scale .gantt_grid_column_resize_wrap {
  cursor: col-resize;
  position: absolute;
  width: 13px;
  margin-left: -7px;
}

.gantt_grid_column_resize_wrap .gantt_grid_column_resize {
  background-color: #cecece;
  height: 100%;
  width: 1px;
  margin: 0 auto;
}

.gantt_grid .gantt_grid_resize_wrap {
  cursor: col-resize;
  position: absolute;
  width: 13px;
  margin-left: -7px;
  z-index: 1;
}

.gantt_grid_resize_wrap .gantt_grid_resize {
  background-color: #cecece;
  width: 1px;
  margin: 0 auto;
}

.gantt_drag_marker.gantt_grid_resize_area {
  background-color: rgba(231, 231, 231, 0.5);
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  height: 100%;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gantt_cell {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #ebebeb;
  padding-left: 6px;
  padding-right: 6px;
  height: 100%;
  overflow: hidden;
  white-space: nowrap;
  font-size: 13px;
}

.gantt_grid_data .gantt_last_cell,
.gantt_grid_scale .gantt_last_cell,
.gantt_task_bg .gantt_last_cell,
.gantt_task_scale .gantt_last_cell {
  border-right-width: 0;
}

.gantt_task_bg {
  overflow: hidden;
}

.gantt_scale_cell {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  border-right: 1px solid #cecece;
  text-align: center;
  height: 100%;
}

.gantt_task_cell {
  display: inline-block;
  height: 100%;
  border-right: 1px solid #ebebeb;
}

.gantt_ver_scroll {
  width: 0;
  background-color: transparent;
  height: 1px;
  overflow-x: hidden;
  overflow-y: scroll;
  display: none;
  position: absolute;
  right: 0;
}

.gantt_ver_scroll > div {
  width: 1px;
  height: 1px;
}

.gantt_hor_scroll {
  height: 0;
  background-color: transparent;
  width: 100%;
  clear: both;
  overflow-x: scroll;
  overflow-y: hidden;
  display: none;
}

.gantt_hor_scroll > div {
  width: 5000px;
  height: 1px;
}

.gantt_tree_indent {
  width: 15px;
  height: 100%;
  display: inline-block;
}

.gantt_tree_content,
.gantt_tree_icon {
  vertical-align: top;
}

.gantt_tree_icon {
  width: 28px;
  height: 100%;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center center;
}

.gantt_tree_content {
  height: 100%;
  display: inline-block;
}

.gantt_tree_icon.gantt_open {
  background-image: url(data:image/gif;base64,R0lGODlhEgASALMJAMrKyt3d3ejp6d7f3+/v75aWlvf39////wAAAP///wAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0I5RTczQjVDMDdBMTFFMTgxRjc4Mzk4M0Q3MjVFQzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0I5RTczQjZDMDdBMTFFMTgxRjc4Mzk4M0Q3MjVFQzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozQjlFNzNCM0MwN0ExMUUxODFGNzgzOTgzRDcyNUVDMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozQjlFNzNCNEMwN0ExMUUxODFGNzgzOTgzRDcyNUVDMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAkALAAAAAASABIAAARJMMlJq704661B+SAIXAVhnKhBFKSZnmuLImhslXPN3ibi+6pdBXc4IIpB2YkGE1IKAoL0ICUInJNCYMDtDgJYiScUGnHO6LQkAgA7);
  width: 18px;
  cursor: pointer;
}

.gantt_tree_icon.gantt_close {
  background-image: url(data:image/gif;base64,R0lGODlhEgASALMJAMrKyt3d3ejp6d7f3+/v75aWlvf39wAAAP///////wAAAAAAAAAAAAAAAAAAAAAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzY0QzNGM0VDMDdBMTFFMUE3MDlCNUM2QjU1NDA5RjgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzY0QzNGM0ZDMDdBMTFFMUE3MDlCNUM2QjU1NDA5RjgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDozNjRDM0YzQ0MwN0ExMUUxQTcwOUI1QzZCNTU0MDlGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDozNjRDM0YzREMwN0ExMUUxQTcwOUI1QzZCNTU0MDlGOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAkALAAAAAASABIAAARDMMlJq704661B+SAIXAVhnKhBFKSZnmv7wqxVzmpd3Uff5zKEUAi0uV4xm4DAbBIEOkohMKhaB4HoxBMKjTjgsFgSAQA7);
  width: 18px;
  cursor: pointer;
}

.gantt_tree_icon.gantt_blank {
  width: 18px;
}

.gantt_tree_icon.gantt_folder_open {
  background-image: url(data:image/gif;base64,R0lGODlhEgASAJECAJeXl7Gvrf///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTdDRDM3QzVDMDZEMTFFMUJGMzhFMDhCN0RGRjBGQ0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTdDRDM3QzZDMDZEMTFFMUJGMzhFMDhCN0RGRjBGQ0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1N0NEMzdDM0MwNkQxMUUxQkYzOEUwOEI3REZGMEZDRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1N0NEMzdDNEMwNkQxMUUxQkYzOEUwOEI3REZGMEZDRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAIALAAAAAASABIAAAIzlI+pywcPm3mhWgkCsjBOvVkimElG9ZlCBlXd+2XjjLKg5GqoeZXqvsOQXK/ijUZTKVUFADs=);
}

.gantt_tree_icon.gantt_folder_closed {
  background-image: url(data:image/gif;base64,R0lGODlhEgASAJECAJeXl7Gvrf///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTAyMTU1RTNDMDZEMTFFMUJGNzZCRThBRkFCRjg4MTIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTAyMTU1RTRDMDZEMTFFMUJGNzZCRThBRkFCRjg4MTIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MDIxNTVFMUMwNkQxMUUxQkY3NkJFOEFGQUJGODgxMiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MDIxNTVFMkMwNkQxMUUxQkY3NkJFOEFGQUJGODgxMiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAIALAAAAAASABIAAAIwlI+pywcPm3mhWgkCsjBOvVkimElG9ZlCuYIY6TYs+6bmHDO4igfdD3GNhheV0VQAADs=);
}

.gantt_tree_icon.gantt_file {
  background-image: url(data:image/gif;base64,R0lGODlhEgASAJECAJeXl7Gvrf///wAAACH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4wLWMwNjAgNjEuMTM0Nzc3LCAyMDEwLzAyLzEyLTE3OjMyOjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NzkxQzI4RjZDMDZEMTFFMTgwRjhBQURDQzI3NDU3QUEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NzkxQzI4RjdDMDZEMTFFMTgwRjhBQURDQzI3NDU3QUEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo3OTFDMjhGNEMwNkQxMUUxODBGOEFBRENDMjc0NTdBQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo3OTFDMjhGNUMwNkQxMUUxODBGOEFBRENDMjc0NTdBQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAEAAAIALAAAAAASABIAAAIylI+pwN16QJiUQiFThRlJm3RRFYSlR5qXMKmXaMDuuMoyOi8n/e6xn8NMHETgh5RaKQsAOw==);
}

.gantt_grid_head_cell .gantt_sort {
  position: absolute;
  right: 5px;
  top: 8px;
  width: 7px;
  height: 13px;
  background-repeat: no-repeat;
  background-position: center center;
}

.gantt_grid_head_cell .gantt_sort.gantt_asc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR4nGNgQAKGxib/GbABkIS7b8B/DAUwCRiGK0CXwFBAb1DfP/U/LszwHwi2X7qFgUEArBtdAVwCBmAKMCSQFSDzAWXXaOHsXeqkAAAAAElFTkSuQmCC);
}

.gantt_grid_head_cell .gantt_sort.gantt_desc {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAANCAYAAABlyXS1AAAARUlEQVR42mNgQAL1/VP/M2ADIIntF2/9x1AAlrh0C47hCmA60DFYwX88gIFGwNDY5D8uDFbg7hvwHx2jmIBTAlkB0e4BAEjlaNtBWJPnAAAAAElFTkSuQmCC);
}

.gantt_inserted,
.gantt_updated {
  font-weight: 700;
}

.gantt_deleted {
  text-decoration: line-through;
}

.gantt_invalid {
  background-color: FFE0E0;
}

.gantt_error {
  color: red;
}

.gantt_status {
  right: 1px;
  padding: 5px 10px;
  background: rgba(155, 155, 155, 0.1);
  position: absolute;
  top: 1px;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  opacity: 0;
}

.gantt_status.gantt_status_visible {
  opacity: 1;
}

#gantt_ajax_dots span {
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  background-repeat: no-repeat;
  opacity: 0;
}

#gantt_ajax_dots span.gantt_dot_visible {
  opacity: 1;
}

.gantt_message_area {
  position: fixed;
  right: 5px;
  width: 250px;
  z-index: 1000;
}

.gantt-info {
  min-width: 120px;
  font-family: Arial, sans-serif;
  z-index: 10000;
  margin: 5px 5px 10px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.gantt-info.hidden {
  height: 0;
  padding: 0;
  border-width: 0;
  margin: 0;
  overflow: hidden;
}

.gantt_modal_box {
  overflow: hidden;
  display: inline-block;
  min-width: 250px;
  width: 250px;
  text-align: center;
  position: fixed;
  z-index: 20000;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  font-family: Arial, sans-serif;
  border-radius: 6px;
  border: 1px solid #cecece;
  background: #fff;
}

.gantt_button,
.gantt_popup_button {
  border: 1px solid #cecece;
  height: 30px;
  line-height: 30px;
  display: inline-block;
  margin: 0 5px;
  border-radius: 4px;
  background: #fff;
}

.gantt-info,
.gantt_button,
.gantt_popup_button {
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: -moz-none;
  cursor: pointer;
}

.gantt_popup_controls {
  border-radius: 6px;
  padding: 10px;
}

.gantt_popup_button {
  min-width: 100px;
}

div.dhx_modal_cover {
  background-color: #000;
  cursor: default;
  filter: alpha(opacity=20);
  opacity: 0.2;
  position: fixed;
  z-index: 19999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
  zoom: 1;
}

.gantt-info img,
.gantt_modal_box img {
  float: left;
  margin-right: 20px;
}

.gantt-alert-error,
.gantt-confirm-error {
  border: 1px solid red;
}

.gantt_button input,
.gantt_popup_button div {
  border-radius: 4px;
  font-size: 14px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  padding: 0;
  margin: 0;
  vertical-align: top;
}

.gantt_popup_text {
  margin: 15px 15px 5px;
  font-size: 14px;
  color: #000;
  min-height: 30px;
  border-radius: 6px;
  overflow: hidden;
}

.gantt-error,
.gantt-info {
  font-size: 14px;
  color: #000;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  padding: 0;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #fff;
}

.gantt-info div {
  padding: 5px 10px;
  background-color: #fff;
  border-radius: 3px;
  border: 1px solid #cecece;
}

.gantt-error {
  background-color: #d81b1b;
  border: 1px solid #ff3c3c;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
}

.gantt-error div {
  background-color: #d81b1b;
  border: 1px solid #940000;
  color: #fff;
}

.gantt_data_area div,
.gantt_grid div {
  -ms-touch-action: none;
  -webkit-tap-highlight-color: transparent;
}

.gantt_data_area {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  user-select: none;
}

.gantt_links_area {
  position: absolute;
  left: 0;
  top: 0;
}

.gantt_side_content,
.gantt_task_content,
.gantt_task_progress {
  line-height: inherit;
  overflow: hidden;
  height: 100%;
}

.gantt_task_content {
  font-size: 12px;
  color: #fff;
  width: 100%;
  top: 0;
  position: absolute;
  white-space: nowrap;
  text-align: center;
}

.gantt_task_progress {
  text-align: center;
  z-index: 0;
  background: #299cb4;
}

.gantt_task_line {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #3db9d3;
  border: 1px solid #2898b0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -moz-user-select: -moz-none;
}

.gantt_task_line.gantt_drag_move div {
  cursor: move;
}

.gantt_touch_move,
.gantt_touch_progress .gantt_touch_resize {
  -moz-transform: scale(1.02, 1.1);
  -o-transform: scale(1.02, 1.1);
  -webkit-transform: scale(1.02, 1.1);
  transform: scale(1.02, 1.1);
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
}

.gantt_touch_progress .gantt_task_progress_drag,
.gantt_touch_resize .gantt_task_drag {
  -moz-transform: scaleY(1.3);
  -o-transform: scaleY(1.3);
  -webkit-transform: scaleY(1.3);
  transform: scaleY(1.3);
  -moz-transform-origin: 50%;
  -o-transform-origin: 50%;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
}

.gantt_side_content {
  position: absolute;
  white-space: nowrap;
  color: #6e6e6e;
  bottom: 7px;
  font-size: 11px;
}

.gantt_side_content.gantt_left {
  right: 100%;
  padding-right: 15px;
}

.gantt_side_content.gantt_right {
  left: 100%;
  padding-left: 15px;
}

.gantt_side_content.gantt_link_crossing {
  bottom: 8.75px;
}

.gantt_link_arrow,
.gantt_task_link .gantt_line_wrapper {
  position: absolute;
  cursor: pointer;
}

.gantt_line_wrapper div {
  background-color: #ffa011;
}

.gantt_task_link:hover .gantt_line_wrapper div {
  box-shadow: 0 0 5px 0 #ffa011;
}

.gantt_task_link div.gantt_link_arrow {
  background-color: transparent;
  border-style: solid;
  width: 0;
  height: 0;
}

.gantt_link_control {
  position: absolute;
  width: 13px;
  top: 0;
}

.gantt_link_control div {
  display: none;
  cursor: pointer;
  box-sizing: border-box;
  position: relative;
  top: 50%;
  margin-top: -7.5px;
  vertical-align: middle;
  border: 1px solid #929292;
  -webkit-border-radius: 6.5px;
  -moz-border-radius: 6.5px;
  border-radius: 6.5px;
  height: 13px;
  width: 13px;
  background-color: #f0f0f0;
}

.gantt_link_control div:hover {
  background-color: #fff;
}

.gantt_link_control.task_left {
  left: -13px;
}

.gantt_link_control.task_right {
  right: -13px;
}

.gantt_link_target .gantt_link_control div,
.gantt_task_line.gantt_selected .gantt_link_control div,
.gantt_task_line:hover .gantt_link_control div {
  display: block;
}

.gantt_link_source,
.gantt_link_target {
  box-shadow: 0 0 3px #3db9d3;
}

.gantt_link_target.link_finish_allow,
.gantt_link_target.link_start_allow {
  box-shadow: 0 0 3px #ffbf5e;
}

.gantt_link_target.link_finish_deny,
.gantt_link_target.link_start_deny {
  box-shadow: 0 0 3px #e87e7b;
}

.link_finish_allow .gantt_link_control.task_right div,
.link_start_allow .gantt_link_control.task_left div {
  background-color: #ffbf5e;
  border-color: #ffa011;
}

.link_finish_deny .gantt_link_control.task_right div,
.link_start_deny .gantt_link_control.task_left div {
  background-color: #e87e7b;
  border-color: #dd3e3a;
}

.gantt_link_arrow_right {
  border-width: 4px 0 4px 6px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-color: #ffa011;
  margin-top: -1px;
}

.gantt_link_arrow_left {
  border-width: 4px 6px 4px 0;
  margin-top: -1px;
  border-top-color: transparent !important;
  border-color: #ffa011;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}

.gantt_link_arrow_up {
  border-width: 0 4px 6px;
  border-color: #ffa011;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-left-color: transparent !important;
}

.gantt_link_arrow_down {
  border-width: 4px 6px 0 4px;
  border-color: #ffa011;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}

.gantt_task_drag,
.gantt_task_progress_drag {
  cursor: w-resize;
  height: 100%;
  display: none;
  position: absolute;
}

.gantt_task_line.gantt_selected .gantt_task_drag,
.gantt_task_line.gantt_selected .gantt_task_progress_drag,
.gantt_task_line:hover .gantt_task_drag,
.gantt_task_line:hover .gantt_task_progress_drag {
  display: block;
}

.gantt_task_drag {
  width: 6px;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAACCAYAAAB7Xa1eAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3QYDDjkw3UJvAwAAABRJREFUCNdj/P//PwM2wASl/6PTAKrrBf4+lD8LAAAAAElFTkSuQmCC);
  z-index: 1;
  top: 0;
}

.gantt_task_drag.task_left {
  left: 0;
}

.gantt_task_drag.task_right {
  right: 0;
}

.gantt_task_progress_drag {
  height: 8px;
  width: 8px;
  bottom: -4px;
  margin-left: -4px;
  background-position: bottom;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAYAAAB24g05AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkY3Rjk0RUVDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkY3Rjk0RUZDMkYzMTFFMkI1OThEQTA3ODU0OTkzMEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjdGOTRFQ0MyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjdGOTRFREMyRjMxMUUyQjU5OERBMDc4NTQ5OTMwQSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PobPBzIAAADkSURBVHjaYpk2bRoDDsAExL1QdjEQ/8OmiAWHZk4gXqymqhQM4ty6fU8OSMUA8XdiDBAB4k0a6iqWRga6EKcwMQXduHlnL5DpB8Rv0J2JDFSA+JiOtgZcMwiA2CAxkBxUDVYDLEAKgIpV9XQ0MZwFEgPJAZnHoWpRDAgC4n2W5saiQKfjClQGkBxQDciL+6B6wAbkA/EqJwdrTkUFOQZCAKQGpBbIXA3SCzJggo+XK7OEuBgDsQCkFqgHrBfsBT5eHgZSAUwP2IBfv36TbABMDygdtK1Zv6UESLORaAbIhG6AAAMAKN8wE24DXWcAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  z-index: 2;
}

.gantt_link_tooltip {
  box-shadow: 3px 3px 3px #888;
  background-color: #fff;
  border-left: 1px dotted #cecece;
  border-top: 1px dotted #cecece;
  font-family: tahoma, sans-serif;
  font-size: 8pt;
  color: #444;
  padding: 6px;
  line-height: 20px;
}

.gantt_link_direction {
  height: 0;
  border: 0 #ffa011;
  border-bottom-style: dashed;
  border-bottom-width: 2px;
  transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  z-index: 2;
  margin-left: 1px;
  position: absolute;
}

.gantt_grid_data .gantt_row.gantt_selected,
.gantt_grid_data .gantt_row.odd.gantt_selected,
.gantt_task_row.gantt_selected {
  background-color: #fff3a1;
}

.gantt_task_row.gantt_selected .gantt_task_cell {
  border-right-color: #ffec6e;
}

.gantt_task_line.gantt_selected {
  box-shadow: 0 0 5px #299cb4;
}

.gantt_task_line.gantt_project.gantt_selected {
  box-shadow: 0 0 5px #46ad51;
}

.gantt_task_line.gantt_milestone {
  visibility: hidden;
  background-color: #d33daf;
  border: 0 solid #61164f;
  box-sizing: content-box;
  -moz-box-sizing: content-box;
}

.gantt_task_line.gantt_milestone div {
  visibility: visible;
}

.gantt_task_line.gantt_milestone .gantt_task_content {
  background: inherit;
  border: inherit;
  border-width: 1px;
  border-radius: inherit;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.gantt_task_line.gantt_task_inline_color {
  border-color: #8c8c8c14;
}

.gantt_task_line.gantt_task_inline_color .gantt_task_progress {
  background-color: #363636;
  opacity: 0.2;
}

.gantt_task_line.gantt_task_inline_color.gantt_project.gantt_selected,
.gantt_task_line.gantt_task_inline_color.gantt_selected {
  box-shadow: 0 0 5px #999;
}

.gantt_task_link.gantt_link_inline_color:hover .gantt_line_wrapper div {
  box-shadow: 0 0 5px 0 #999;
}

.gantt_critical_task {
  background-color: #e63030;
  border-color: #9d3a3a;
}

.gantt_critical_task .gantt_task_progress {
  background-color: rgba(0, 0, 0, 0.4);
}

.gantt_critical_link .gantt_line_wrapper > div {
  background-color: #e63030;
}

.gantt_critical_link .gantt_link_arrow {
  border-color: #e63030;
}

.gantt_btn_set:focus,
.gantt_cell:focus,
.gantt_grid_head_cell:focus,
.gantt_popup_button:focus,
.gantt_qi_big_icon:focus,
.gantt_row:focus {
  -moz-box-shadow: inset 0 0 1px 1px #4d90fe;
  -webkit-box-shadow: inset 0 0 1px 1px #4d90fe;
  box-shadow: inset 0 0 1px 1px #4d90fe;
}

.gantt_unselectable,
.gantt_unselectable div {
  -webkit-user-select: none;
  -moz-user-select: none;
  -moz-user-select: -moz-none;
}

.gantt_cal_light {
  -webkit-tap-highlight-color: transparent;
  background: #fff;
  border-radius: 6px;
  font-family: Arial, sans-serif;
  border: 1px solid #cecece;
  color: #6b6b6b;
  font-size: 12px;
  position: absolute;
  z-index: 10001;
  width: 550px;
  height: 250px;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
}

.gantt_cal_light select {
  font-family: Arial, sans-serif;
  border: 1px solid #cecece;
  font-size: 13px;
  padding: 2px;
  margin: 0;
}

.gantt_cal_ltitle {
  padding: 7px 10px;
  overflow: hidden;
  white-space: nowrap;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 0;
  border-radius: 6px 6px 0 0;
}

.gantt_cal_ltitle span {
  white-space: nowrap;
}

.gantt_cal_lsection {
  color: #727272;
  font-weight: 700;
  padding: 12px 0 5px 10px;
  font-size: 13px;
}

.gantt_cal_lsection .gantt_fullday {
  float: right;
  margin-right: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  vertical-align: top;
  cursor: pointer;
}

.gantt_cal_ltext {
  padding: 2px 10px;
  overflow: hidden;
}

.gantt_cal_ltext textarea {
  overflow: auto;
  font-family: Arial, sans-serif;
  font-size: 13px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #cecece;
  height: 100%;
  width: 100%;
  outline: 0 !important;
  resize: none;
}

.gantt_time {
  font-weight: 700;
}

.gantt_cal_light .gantt_title {
  padding-left: 10px;
}

.gantt_cal_larea {
  border: 1px solid #cecece;
  border-left: none;
  border-right: none;
  background-color: #fff;
  overflow: hidden;
  height: 1px;
}

.gantt_btn_set {
  margin: 10px 7px 5px 10px;
  padding: 5px 15px 5px 10px;
  float: left;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border-width: 0;
  border-color: #cecece;
  border-style: solid;
  height: 32px;
  font-weight: 700;
  background: #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
}

.gantt_btn_set div {
  float: left;
  font-size: 13px;
  height: 22px;
  line-height: 22px;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.gantt_save_btn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MTk1OUU5RDFDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MTk1OUU5RDJDMzA0MTFFMkExMUZBQTdDNDAzOUE5RjMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoxOTU5RTlDRkMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxOTU5RTlEMEMzMDQxMUUyQTExRkFBN0M0MDM5QTlGMyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PjDroXYAAAEXSURBVHjaYvz//z8DJYCRUgPIAUxAbAnEHiAHMIBcQCwGaRYXF3e6evXqoffv39/dv38/CymaGSUkJBzv3LlzCsj///fv3wdAihkkIQnEvkAshU8zLy+v7a1bt06ANP/79+87kDIAy505cybq06dPr3p7ezuwGQLTfOPGjWP/ESAZLg8kPKBO+g01RBJNszWyZqC6uSgWgIg/f/4shxnS2dnZBjMEqNkSFGBImi8CKTYMA4BYCGjIczRDHC5dunQQSfN7IKWI4UUkjjdMMdCwnw8ePLjwHxV4Yw1gZA5Q47z/2EELzhhCE+ABGvIQWSeQvwcU38QaAML2wHj+C/X3MyAlijeB4ZBoBOIPQGxJKIVSnBsBAgwABddBclWfcZUAAAAASUVORK5CYII=);
  margin-top: 2px;
  width: 21px;
}

.gantt_cancel_btn {
  margin-top: 2px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDkzMDA3MzlDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDkzMDA3M0FDMzA0MTFFMjg2QTVFMzFEQzgwRkJERDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowOTMwMDczN0MzMDQxMUUyODZBNUUzMURDODBGQkRENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowOTMwMDczOEMzMDQxMUUyODZBNUUzMURDODBGQkRENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmYuYOUAAAEdSURBVHjaYvz//z8DJYAFXWDlypU8QKoIiD2A2AwqfAqIdwBxX3h4+Bdk9YzILgBqtgdS84FYEYeF94E4EWjIQZgAE5LmQCB1AKoZZKMPEAtAMYh9GSp3AKjWD8UFQAEhIPshEIOc3wHENUBb/qJ57SyQMoJyPwKxElDNO1gYFEE17wMKVmIJlzNQzeegrjaA6qmBecEbSvfh0GwMxGeBhoPoemQ9MAO0kEIbl2YTqPAFKK2IbMB3AjabYIkRZmQD7kNpMyI0G0PpO8gGbIUFJj7NQDk2INWIrIcJKfBAKcwJqvkcDs0TgFgXGo19KCkRmpDWQdWDEk0NUoCBoq0FqhkE/IEWbKJKUmZEz43QzFSKIzN1481M5ACAAAMAlfl/lCwRpagAAAAASUVORK5CYII=);
  width: 20px;
}

.gantt_delete_btn {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=);
  margin-top: 2px;
  width: 20px;
}

.gantt_cal_cover {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000;
  top: 0;
  left: 0;
  background-color: #000;
  opacity: 0.1;
  filter: alpha(opacity=10);
}

.gantt_custom_button {
  padding: 0 3px;
  font-family: Arial, sans-serif;
  font-size: 13px;
  font-weight: 400;
  margin-right: 10px;
  margin-top: -5px;
  cursor: pointer;
  float: right;
  height: 21px;
  width: 90px;
  border: 1px solid #cecece;
  text-align: center;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.gantt_custom_button div {
  cursor: pointer;
  float: none;
  height: 21px;
  line-height: 21px;
  vertical-align: middle;
}

.gantt_custom_button div:first-child {
  display: none;
}

.gantt_cal_light_wide .gantt_cal_lsection {
  border: 0;
  float: left;
  text-align: right;
  width: 80px;
  height: 20px;
  padding: 5px 10px 0 0;
}

.gantt_cal_light_wide .gantt_wrap_section {
  position: relative;
  padding: 10px 0;
  overflow: hidden;
  border-bottom: 1px solid #ebebeb;
}

.gantt_cal_light_wide .gantt_section_time {
  overflow: hidden;
  padding-top: 2px !important;
  padding-right: 0;
  height: 20px !important;
  background: 0 0;
}

.gantt_cal_light_wide .gantt_cal_ltext {
  padding-right: 0;
}

.gantt_cal_light_wide .gantt_cal_checkbox label {
  padding-left: 0;
}

.gantt_cal_light_wide .gantt_cal_lsection .gantt_fullday {
  float: none;
  margin-right: 0;
  font-weight: 700;
  cursor: pointer;
}

.gantt_cal_light_wide .gantt_custom_button {
  position: absolute;
  top: 0;
  right: 0;
  margin-top: 2px;
}

.gantt_cal_light_wide .gantt_repeat_right {
  margin-right: 55px;
}

.gantt_cal_light_wide.gantt_cal_light_full {
  width: 738px;
}

.gantt_cal_wide_checkbox input {
  margin-top: 8px;
  margin-left: 14px;
}

.gantt_cal_light input {
  font-size: 13px;
}

.gantt_section_time {
  background-color: #fff;
  white-space: nowrap;
  padding: 5px 10px;
  padding-top: 2px !important;
}

.gantt_section_time .gantt_time_selects {
  float: left;
  height: 25px;
}

.gantt_section_time .gantt_time_selects select {
  height: 23px;
  padding: 2px;
  border: 1px solid #cecece;
}

.gantt_duration {
  width: 100px;
  height: 23px;
  float: left;
  white-space: nowrap;
  margin-left: 20px;
  line-height: 23px;
}

.gantt_duration .gantt_duration_dec,
.gantt_duration .gantt_duration_inc,
.gantt_duration .gantt_duration_value {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  vertical-align: top;
  height: 100%;
  border: 1px solid #cecece;
}

.gantt_duration .gantt_duration_value {
  width: 40px;
  padding: 3px 4px;
  border-left-width: 0;
  border-right-width: 0;
}

.gantt_duration .gantt_duration_dec,
.gantt_duration .gantt_duration_inc {
  width: 20px;
  padding: 1px;
  background: #fff;
}

.gantt_duration .gantt_duration_dec {
  -moz-border-top-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.gantt_duration .gantt_duration_inc {
  margin-right: 4px;
  -moz-border-top-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.gantt_cal_quick_info {
  border: 1px solid #cecece;
  border-radius: 6px;
  position: absolute;
  z-index: 300;
  box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.07);
  background-color: #fff;
  width: 300px;
  transition: left 0.5s ease, right 0.5s;
  -moz-transition: left 0.5s ease, right 0.5s;
  -webkit-transition: left 0.5s ease, right 0.5s;
  -o-transition: left 0.5s ease, right 0.5s;
}

.gantt_no_animate {
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

.gantt_cal_quick_info.gantt_qi_left .gantt_qi_big_icon {
  float: right;
}

.gantt_cal_qi_title {
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 0;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 0;
  border-radius: 6px 6px 0 0;
  padding: 5px 0 8px 12px;
  color: #454545;
  background-color: #fff;
  border-bottom: 1px solid #cecece;
}

.gantt_cal_qi_tdate {
  font-size: 14px;
  font-weight: 700;
}

.gantt_cal_qi_tcontent {
  font-size: 13px;
}

.gantt_cal_qi_content {
  padding: 16px 8px;
  font-size: 13px;
  color: #454545;
  overflow: hidden;
}

.gantt_cal_qi_controls {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 6px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 6px;
  border-radius: 0 0 6px 6px;
  padding-left: 7px;
}

.gantt_cal_qi_controls .gantt_menu_icon {
  margin-top: 6px;
  background-repeat: no-repeat;
}

.gantt_cal_qi_controls .gantt_menu_icon.icon_edit {
  width: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3QYFCjI5ZQj5bAAAAFNJREFUOMvt0zEOACAIA0DkwTymH8bJTRTKZGJXyaWEKPKTCQAH4Ls37cItcDUzsxHNDLZNhCq7Gt1wh9ErV7EjyGAhyGLphlnsClWuS32rn0czAV+vNGrM/LBtAAAAAElFTkSuQmCC);
}

.gantt_cal_qi_controls .gantt_menu_icon.icon_delete {
  width: 20px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjFENzI3NUNDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MjFENzI3NURDMzA0MTFFMjhBNjJGQTc3MUIyQzYzNEYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyMUQ3Mjc1QUMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyMUQ3Mjc1QkMzMDQxMUUyOEE2MkZBNzcxQjJDNjM0RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmUD0gAAAABvSURBVHjaYvz//z8DIyMjAxYQicReji4J0ofKQNP8HwmgGQbXB8IsWGwDSSwDuioKjY9uBthVjFAXYHUGAQA2kYmBUoAUBpGk0LAwgBvwH+YX4mkwptgLowYMRgOITUyYKRFIN/wnDjQgJySAAAMApryKzL8wjfUAAAAASUVORK5CYII=);
}

.gantt_qi_big_icon {
  font-size: 13px;
  border-radius: 4px;
  font-weight: 700;
  background: #fff;
  margin: 5px 9px 8px 0;
  min-width: 60px;
  line-height: 32px;
  vertical-align: middle;
  padding: 0 10px 0 5px;
  cursor: pointer;
  border: 1px solid #cecece;
}

.gantt_cal_qi_controls div {
  float: left;
  height: 32px;
  text-align: center;
  line-height: 32px;
}

.gantt_marker {
  height: 100%;
  width: 2px;
  top: 0;
  position: absolute;
  text-align: center;
  background-color: rgba(255, 0, 0, 0.4);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.gantt_marker .gantt_marker_content {
  padding: 5px;
  background: inherit;
  color: #fff;
  position: absolute;
  font-size: 12px;
  line-height: 12px;
  opacity: 0.8;
}

.gantt_marker_area {
  position: absolute;
  top: 0;
  left: 0;
}

.gantt_noselect {
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.gantt_drag_marker {
  position: absolute;
  top: -1000px;
  left: -1000px;
  font-family: Arial, sans-serif;
  font-size: 13px;
}

.gantt_drag_marker .gantt_tree_icon.gantt_blank,
.gantt_drag_marker .gantt_tree_icon.gantt_close,
.gantt_drag_marker .gantt_tree_icon.gantt_open,
.gantt_drag_marker .gantt_tree_indent {
  display: none;
}

.gantt_drag_marker,
.gantt_drag_marker .gantt_row.odd {
  background-color: #fff;
}

.gantt_drag_marker .gantt_row {
  border-left: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
}

.gantt_drag_marker .gantt_cell {
  border-color: #d2d2d2;
}

.gantt_row.gantt_over,
.gantt_task_row.gantt_over {
  background-color: #0070fe;
}

.gantt_row.gantt_transparent .gantt_cell {
  opacity: 0.7;
}

.gantt_task_row.gantt_transparent {
  background-color: #f8fdfd;
}

.gantt_popup_button.gantt_delete_button {
  background: #3db9d3;
  text-shadow: 0 -1px 0 #248a9f;
  color: #fff;
  font-weight: 700;
  border-width: 0;
}

.gantt_save.save-disabled,
.remark-container .save-disabled {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
  pointer-events: none;
  opacity: 0.6;
}

.task-color-circle {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid white;
  box-shadow: 0px 0px 5px #ecf1f5;
  margin-left: 6px;
  margin-top: 10px;
}

.headline {
  font-family: "Ubuntu", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #465576;
  font-size: 24px;
  font-weight: 300;
}
@media only screen and (min-width: 480px) {
  .headline {
    font-size: 30px;
  }
}

.headline-p {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #7787a8;
  font-size: 15px;
  line-height: 23px;
  font-weight: 400;
}

.text-main, .gantt_task_content .gantt_task_label, #ganttctrl #gantt_global .gantt_grid_scale,
#ganttctrl #gantt_global .gantt_grid_scale .gantt_grid_head_cell, .export-parts-content label h2, .form-collapse .form-collapse-content .formly-field .separator-title, md-toast .md-toast-content span, .form-list .form-list-bloc label, .modal-title, .nav-switch .switch-item.active-switch span {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #465576;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  margin: 0px;
}
.text-main-size-down, .gantt_task_content .gantt_task_label, #ganttctrl #gantt_global .gantt_grid_scale,
#ganttctrl #gantt_global .gantt_grid_scale .gantt_grid_head_cell, .form-list .form-list-bloc label {
  font-size: 13px;
}

a[class^=main] {
  color: #465576;
}

a[class^=main]:hover {
  color: #465576;
}

.text-sec, .plan-select .dropdown-menu .dropdown-menu-inner a, .modal-footer .btn-secondary, md-dialog .md-actions .btn-secondary, .modal-body p, .nav-switch.nav-switch-white .switch-item span {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #7787a8;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.text-sec-size-down {
  font-size: 13px;
}

a[class^=text-sec] {
  color: #7787a8;
}

a[class^=text-sec]:hover {
  color: #7787a8;
}

.text-regular, .gantt_row .gantt_tree_content, #gantt_global .gantt_task .gantt_task_scale .gantt_scale_cell, .export-parts-content label span, .o-list-header span, .sub-offers .sub-offer ul li span, .licence-state-bloc span, .remark-edit .fr-placeholder, .notes-editor .fr-placeholder, .observation-form .fr-placeholder, .rmk-desc p font,
.rmk-desc p span, .rmk-desc p h1 font,
.rmk-desc p h1 span,
.rmk-desc p h2 font,
.rmk-desc p h2 span,
.rmk-desc p h3 font,
.rmk-desc p h3 span,
.rmk-desc p h4 font,
.rmk-desc p h4 span,
.rmk-desc p h5 font,
.rmk-desc p h5 span, .rmk-desc p h1,
.rmk-desc p h2,
.rmk-desc p h3,
.rmk-desc p h4,
.rmk-desc p h5, .nav-switch .switch-item span {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #7787a8;
  font-size: 14px;
  font-weight: 400;
  margin: 0px;
}
.text-regular-size-down, .gantt_row .gantt_tree_content, #gantt_global .gantt_task .gantt_task_scale .gantt_scale_cell, .export-parts-content label span, .remark-edit .fr-placeholder, .notes-editor .fr-placeholder, .observation-form .fr-placeholder {
  font-size: 13px;
}
.text-regular.ellipsis-1, .gantt_row .ellipsis-1.gantt_tree_content, #gantt_global .gantt_task .gantt_task_scale .ellipsis-1.gantt_scale_cell, .export-parts-content label span.ellipsis-1, .o-list-header span.ellipsis-1, .sub-offers .sub-offer ul li span.ellipsis-1, .licence-state-bloc span.ellipsis-1, .remark-edit .ellipsis-1.fr-placeholder, .notes-editor .ellipsis-1.fr-placeholder, .observation-form .ellipsis-1.fr-placeholder, .rmk-desc p font.ellipsis-1,
.rmk-desc p span.ellipsis-1, .rmk-desc p h1.ellipsis-1,
.rmk-desc p h2.ellipsis-1,
.rmk-desc p h3.ellipsis-1,
.rmk-desc p h4.ellipsis-1,
.rmk-desc p h5.ellipsis-1, .nav-switch .switch-item span.ellipsis-1 {
  max-height: 1.3em;
}
.text-regular.ellipsis-2, .gantt_row .ellipsis-2.gantt_tree_content, #gantt_global .gantt_task .gantt_task_scale .ellipsis-2.gantt_scale_cell, .export-parts-content label span.ellipsis-2, .o-list-header span.ellipsis-2, .sub-offers .sub-offer ul li span.ellipsis-2, .licence-state-bloc span.ellipsis-2, .remark-edit .ellipsis-2.fr-placeholder, .notes-editor .ellipsis-2.fr-placeholder, .observation-form .ellipsis-2.fr-placeholder, .rmk-desc p font.ellipsis-2,
.rmk-desc p span.ellipsis-2, .rmk-desc p h1.ellipsis-2,
.rmk-desc p h2.ellipsis-2,
.rmk-desc p h3.ellipsis-2,
.rmk-desc p h4.ellipsis-2,
.rmk-desc p h5.ellipsis-2, .nav-switch .switch-item span.ellipsis-2 {
  max-height: 2.7em;
}

.text-small {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #9eaccb;
  font-size: 11px;
  font-weight: 400;
}

.text-w-medium {
  font-weight: 500;
}

.text-b-medium {
  font-weight: 700;
}

.compact-title {
  font-family: "Ubuntu", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #465576;
  font-size: 20px;
  font-weight: 500;
}

.ellipsis-1 {
  overflow: hidden;
  max-height: 2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: -o-ellipsis-lastline;
}

.ellipsis-2 {
  overflow: hidden;
  max-height: 2.4em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: -o-ellipsis-lastline;
}

.ellipsis-3 {
  overflow: hidden;
  max-height: 3.3rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: -o-ellipsis-lastline;
}

.ellipsis-4 {
  overflow: hidden;
  max-height: 2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  text-overflow: -o-ellipsis-lastline;
}

.ellipsis-5 {
  overflow: hidden;
  max-height: 2rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  text-overflow: -o-ellipsis-lastline;
}

.ellipsis, .plan-select .dropdown-menu .dropdown-menu-inner a {
  text-overflow: ellipsis;
}

.break-all {
  word-break: break-all;
}

.break-word {
  word-break: break-word;
}

.text-red {
  color: #ff4f3d !important;
}

.text-orange {
  color: #ff9731 !important;
}

.text-green {
  color: #36ce6f !important;
}

.text-gray {
  color: #7787a8 !important;
}

.text-primary {
  color: #505edd !important;
}

.text-fushia, .sub-nav-fushia {
  color: #ff3d84 !important;
}

/* FONTS */
/* roboto-100 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("fonts/roboto-v18-latin-100.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Thin"), local("Roboto-Thin"), url("fonts/roboto-v18-latin-100.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin-100.woff2") format("woff2"), url("fonts/roboto-v18-latin-100.woff") format("woff"), url("fonts/roboto-v18-latin-100.ttf") format("truetype"), url("fonts/roboto-v18-latin-100.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/roboto-v18-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("fonts/roboto-v18-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin-300.woff2") format("woff2"), url("fonts/roboto-v18-latin-300.woff") format("woff"), url("fonts/roboto-v18-latin-300.ttf") format("truetype"), url("fonts/roboto-v18-latin-300.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/roboto-v18-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("fonts/roboto-v18-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin-regular.woff2") format("woff2"), url("fonts/roboto-v18-latin-regular.woff") format("woff"), url("fonts/roboto-v18-latin-regular.ttf") format("truetype"), url("fonts/roboto-v18-latin-regular.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/roboto-v18-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Medium"), local("Roboto-Medium"), url("fonts/roboto-v18-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin-500.woff2") format("woff2"), url("fonts/roboto-v18-latin-500.woff") format("woff"), url("fonts/roboto-v18-latin-500.ttf") format("truetype"), url("fonts/roboto-v18-latin-500.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/roboto-v18-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("fonts/roboto-v18-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/roboto-v18-latin-700.woff2") format("woff2"), url("fonts/roboto-v18-latin-700.woff") format("woff"), url("fonts/roboto-v18-latin-700.ttf") format("truetype"), url("fonts/roboto-v18-latin-700.svg#Roboto") format("svg");
  /* Legacy iOS */
}
/* ubuntu-300 - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/ubuntu-latin-300.eot");
  /* IE9 Compat Modes */
  src: local("Ubuntu Light"), local("Ubuntu-Light"), url("fonts/ubuntu-v11-latin-300.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntu-v11-latin-300.woff2") format("woff2"), url("fonts/ubuntu-v11-latin-300.woff") format("woff"), url("fonts/ubuntu-v11-latin-300.ttf") format("truetype"), url("fonts/ubuntu-v11-latin-300.svg#Ubuntu") format("svg");
  /* Legacy iOS */
}
/* ubuntu-regular - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 400;
  src: url("fonts/ubuntu-latin-regular.eot");
  /* IE9 Compat Modes */
  src: local("Ubuntu Regular"), local("Ubuntu-Regular"), url("fonts/ubuntu-v11-latin-regular.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntu-v11-latin-regular.woff2") format("woff2"), url("fonts/ubuntu-v11-latin-regular.woff") format("woff"), url("fonts/ubuntu-v11-latin-regular.ttf") format("truetype"), url("fonts/ubuntu-v11-latin-regular.svg#Ubuntu") format("svg");
  /* Legacy iOS */
}
/* ubuntu-500 - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/ubuntu-latin-500.eot");
  /* IE9 Compat Modes */
  src: local("Ubuntu Medium"), local("Ubuntu-Medium"), url("fonts/ubuntu-v11-latin-500.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntu-v11-latin-500.woff2") format("woff2"), url("fonts/ubuntu-v11-latin-500.woff") format("woff"), url("fonts/ubuntu-v11-latin-500.ttf") format("truetype"), url("fonts/ubuntu-v11-latin-500.svg#Ubuntu") format("svg");
  /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
  font-family: "Ubuntu";
  font-style: normal;
  font-weight: 700;
  src: url("fonts/ubuntu-latin-700.eot");
  /* IE9 Compat Modes */
  src: local("Ubuntu Bold"), local("Ubuntu-Bold"), url("fonts/ubuntu-latin-700.eot?#iefix") format("embedded-opentype"), url("fonts/ubuntu-v11-latin-700.woff2") format("woff2"), url("fonts/ubuntu-v11-latin-700.woff") format("woff"), url("fonts/ubuntu-v11-latin-700.ttf") format("truetype"), url("fonts/ubuntu-v11-latin-700.svg#Ubuntu") format("svg");
  /* Legacy iOS */
}
.w200 {
  width: 200%;
}

.w100 {
  width: 100%;
}

.w50 {
  width: 50%;
}

.h100 {
  height: 100%;
}

.cover {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.center-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.align-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.mgl {
  margin-left: 16px;
}

.mgr {
  margin-right: 16px;
}

.no-transition {
  -moz-transition-duration: inherit !important;
  -o-transition-duration: inherit !important;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition: all 0s !important;
  -moz-transition: all 0s !important;
  -ms-transition: all 0s !important;
  -o-transition: all 0s !important;
  transition: all 0s !important;
}

.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.break-word {
  word-break: break-word;
}

.relative {
  position: relative;
}

.no-event {
  pointer-events: none;
}

.disabled {
  opacity: 0.5 !important;
  pointer-events: none;
}

.animate-show.ng-hide {
  opacity: 0;
}

.animate-show.ng-hide-remove {
  transition: all linear 0.6s;
}

.animate-show.fast.ng-hide-remove {
  transition: all ease 0.4s;
}

.noshrink {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

/*!
 * Bootstrap v4.6.1 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --blue: #6897ff;
  --indigo: #6610f2;
  --purple: #625aff;
  --pink: #e83e8c;
  --red: #ff4f3d;
  --orange: #ff9731;
  --yellow: #f2cc16;
  --green: #36ce6f;
  --teal: #20c997;
  --cyan: #17a2b8;
  --white: #fff;
  --gray: #6c757d;
  --gray-dark: #343a40;
  --primary: #5f6fff;
  --secondary: white;
  --success: #36ce6f;
  --info: #17a2b8;
  --warning: #f2cc16;
  --danger: #ff4f3d;
  --light: #f8f9fa;
  --dark: #343a40;
  --breakpoint-xs: 0;
  --breakpoint-sm: 576px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 992px;
  --breakpoint-xl: 1200px;
  --breakpoint-xxl: 1600px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: "Inconsolata", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(23, 23, 23, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #5f6fff;
  text-decoration: none;
  background-color: transparent;
}
a:hover {
  color: #132aff;
  text-decoration: underline;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

pre,
code,
kbd,
samp {
  font-family: "Inconsolata", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus:not(:focus-visible) {
  outline: 0;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[role=button] {
  cursor: pointer;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}

h1, .h1 {
  font-size: 2.5rem;
}

h2, .h2 {
  font-size: 2rem;
}

h3, .h3 {
  font-size: 1.75rem;
}

h4, .h4 {
  font-size: 1.5rem;
}

h5, .h5 {
  font-size: 1.25rem;
}

h6, .h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
  line-height: 1.2;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 1.2;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(23, 23, 23, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: 400;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "— ";
}

.img-fluid {
  max-width: 100%;
  height: auto;
}

.img-thumbnail {
  padding: 0.25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: 0.25rem;
  max-width: 100%;
  height: auto;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #6c757d;
}

code {
  font-size: 87.5%;
  color: #e83e8c;
  word-wrap: break-word;
}
a > code {
  color: inherit;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 87.5%;
  color: #fff;
  background-color: #212529;
  border-radius: 0.2rem;
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: 700;
}

pre {
  display: block;
  font-size: 87.5%;
  color: #212529;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container,
.container-fluid,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -8px;
  margin-left: -8px;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
}

.col-xxl,
.col-xxl-auto, .col-xxl-60, .col-xxl-59, .col-xxl-58, .col-xxl-57, .col-xxl-56, .col-xxl-55, .col-xxl-54, .col-xxl-53, .col-xxl-52, .col-xxl-51, .col-xxl-50, .col-xxl-49, .col-xxl-48, .col-xxl-47, .col-xxl-46, .col-xxl-45, .col-xxl-44, .col-xxl-43, .col-xxl-42, .col-xxl-41, .col-xxl-40, .col-xxl-39, .col-xxl-38, .col-xxl-37, .col-xxl-36, .col-xxl-35, .col-xxl-34, .col-xxl-33, .col-xxl-32, .col-xxl-31, .col-xxl-30, .col-xxl-29, .col-xxl-28, .col-xxl-27, .col-xxl-26, .col-xxl-25, .col-xxl-24, .col-xxl-23, .col-xxl-22, .col-xxl-21, .col-xxl-20, .col-xxl-19, .col-xxl-18, .col-xxl-17, .col-xxl-16, .col-xxl-15, .col-xxl-14, .col-xxl-13, .col-xxl-12, .col-xxl-11, .col-xxl-10, .col-xxl-9, .col-xxl-8, .col-xxl-7, .col-xxl-6, .col-xxl-5, .col-xxl-4, .col-xxl-3, .col-xxl-2, .col-xxl-1, .col-xl,
.col-xl-auto, .col-xl-60, .col-xl-59, .col-xl-58, .col-xl-57, .col-xl-56, .col-xl-55, .col-xl-54, .col-xl-53, .col-xl-52, .col-xl-51, .col-xl-50, .col-xl-49, .col-xl-48, .col-xl-47, .col-xl-46, .col-xl-45, .col-xl-44, .col-xl-43, .col-xl-42, .col-xl-41, .col-xl-40, .col-xl-39, .col-xl-38, .col-xl-37, .col-xl-36, .col-xl-35, .col-xl-34, .col-xl-33, .col-xl-32, .col-xl-31, .col-xl-30, .col-xl-29, .col-xl-28, .col-xl-27, .col-xl-26, .col-xl-25, .col-xl-24, .col-xl-23, .col-xl-22, .col-xl-21, .col-xl-20, .col-xl-19, .col-xl-18, .col-xl-17, .col-xl-16, .col-xl-15, .col-xl-14, .col-xl-13, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg,
.col-lg-auto, .col-lg-60, .col-lg-59, .col-lg-58, .col-lg-57, .col-lg-56, .col-lg-55, .col-lg-54, .col-lg-53, .col-lg-52, .col-lg-51, .col-lg-50, .col-lg-49, .col-lg-48, .col-lg-47, .col-lg-46, .col-lg-45, .col-lg-44, .col-lg-43, .col-lg-42, .col-lg-41, .col-lg-40, .col-lg-39, .col-lg-38, .col-lg-37, .col-lg-36, .col-lg-35, .col-lg-34, .col-lg-33, .col-lg-32, .col-lg-31, .col-lg-30, .col-lg-29, .col-lg-28, .col-lg-27, .col-lg-26, .col-lg-25, .col-lg-24, .col-lg-23, .col-lg-22, .col-lg-21, .col-lg-20, .col-lg-19, .col-lg-18, .col-lg-17, .col-lg-16, .col-lg-15, .col-lg-14, .col-lg-13, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md,
.col-md-auto, .col-md-60, .col-md-59, .col-md-58, .col-md-57, .col-md-56, .col-md-55, .col-md-54, .col-md-53, .col-md-52, .col-md-51, .col-md-50, .col-md-49, .col-md-48, .col-md-47, .col-md-46, .col-md-45, .col-md-44, .col-md-43, .col-md-42, .col-md-41, .col-md-40, .col-md-39, .col-md-38, .col-md-37, .col-md-36, .col-md-35, .col-md-34, .col-md-33, .col-md-32, .col-md-31, .col-md-30, .col-md-29, .col-md-28, .col-md-27, .col-md-26, .col-md-25, .col-md-24, .col-md-23, .col-md-22, .col-md-21, .col-md-20, .col-md-19, .col-md-18, .col-md-17, .col-md-16, .col-md-15, .col-md-14, .col-md-13, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm,
.col-sm-auto, .col-sm-60, .col-sm-59, .col-sm-58, .col-sm-57, .col-sm-56, .col-sm-55, .col-sm-54, .col-sm-53, .col-sm-52, .col-sm-51, .col-sm-50, .col-sm-49, .col-sm-48, .col-sm-47, .col-sm-46, .col-sm-45, .col-sm-44, .col-sm-43, .col-sm-42, .col-sm-41, .col-sm-40, .col-sm-39, .col-sm-38, .col-sm-37, .col-sm-36, .col-sm-35, .col-sm-34, .col-sm-33, .col-sm-32, .col-sm-31, .col-sm-30, .col-sm-29, .col-sm-28, .col-sm-27, .col-sm-26, .col-sm-25, .col-sm-24, .col-sm-23, .col-sm-22, .col-sm-21, .col-sm-20, .col-sm-19, .col-sm-18, .col-sm-17, .col-sm-16, .col-sm-15, .col-sm-14, .col-sm-13, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col,
.col-auto, .col-60, .col-59, .col-58, .col-57, .col-56, .col-55, .col-54, .col-53, .col-52, .col-51, .col-50, .col-49, .col-48, .col-47, .col-46, .col-45, .col-44, .col-43, .col-42, .col-41, .col-40, .col-39, .col-38, .col-37, .col-36, .col-35, .col-34, .col-33, .col-32, .col-31, .col-30, .col-29, .col-28, .col-27, .col-26, .col-25, .col-24, .col-23, .col-22, .col-21, .col-20, .col-19, .col-18, .col-17, .col-16, .col-15, .col-14, .col-13, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 {
  position: relative;
  width: 100%;
  padding-right: 8px;
  padding-left: 8px;
}

.col {
  flex-basis: 0;
  flex-grow: 1;
  max-width: 100%;
}

.row-cols-1 > * {
  flex: 0 0 100%;
  max-width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 50%;
  max-width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 25%;
  max-width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 20%;
  max-width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.col-auto {
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.col-1 {
  flex: 0 0 1.66666667%;
  max-width: 1.66666667%;
}

.col-2 {
  flex: 0 0 3.33333333%;
  max-width: 3.33333333%;
}

.col-3 {
  flex: 0 0 5%;
  max-width: 5%;
}

.col-4 {
  flex: 0 0 6.66666667%;
  max-width: 6.66666667%;
}

.col-5 {
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}

.col-6 {
  flex: 0 0 10%;
  max-width: 10%;
}

.col-7 {
  flex: 0 0 11.66666667%;
  max-width: 11.66666667%;
}

.col-8 {
  flex: 0 0 13.33333333%;
  max-width: 13.33333333%;
}

.col-9 {
  flex: 0 0 15%;
  max-width: 15%;
}

.col-10 {
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}

.col-11 {
  flex: 0 0 18.33333333%;
  max-width: 18.33333333%;
}

.col-12 {
  flex: 0 0 20%;
  max-width: 20%;
}

.col-13 {
  flex: 0 0 21.66666667%;
  max-width: 21.66666667%;
}

.col-14 {
  flex: 0 0 23.33333333%;
  max-width: 23.33333333%;
}

.col-15 {
  flex: 0 0 25%;
  max-width: 25%;
}

.col-16 {
  flex: 0 0 26.66666667%;
  max-width: 26.66666667%;
}

.col-17 {
  flex: 0 0 28.33333333%;
  max-width: 28.33333333%;
}

.col-18 {
  flex: 0 0 30%;
  max-width: 30%;
}

.col-19 {
  flex: 0 0 31.66666667%;
  max-width: 31.66666667%;
}

.col-20 {
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}

.col-21 {
  flex: 0 0 35%;
  max-width: 35%;
}

.col-22 {
  flex: 0 0 36.66666667%;
  max-width: 36.66666667%;
}

.col-23 {
  flex: 0 0 38.33333333%;
  max-width: 38.33333333%;
}

.col-24 {
  flex: 0 0 40%;
  max-width: 40%;
}

.col-25 {
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}

.col-26 {
  flex: 0 0 43.33333333%;
  max-width: 43.33333333%;
}

.col-27 {
  flex: 0 0 45%;
  max-width: 45%;
}

.col-28 {
  flex: 0 0 46.66666667%;
  max-width: 46.66666667%;
}

.col-29 {
  flex: 0 0 48.33333333%;
  max-width: 48.33333333%;
}

.col-30 {
  flex: 0 0 50%;
  max-width: 50%;
}

.col-31 {
  flex: 0 0 51.66666667%;
  max-width: 51.66666667%;
}

.col-32 {
  flex: 0 0 53.33333333%;
  max-width: 53.33333333%;
}

.col-33 {
  flex: 0 0 55%;
  max-width: 55%;
}

.col-34 {
  flex: 0 0 56.66666667%;
  max-width: 56.66666667%;
}

.col-35 {
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}

.col-36 {
  flex: 0 0 60%;
  max-width: 60%;
}

.col-37 {
  flex: 0 0 61.66666667%;
  max-width: 61.66666667%;
}

.col-38 {
  flex: 0 0 63.33333333%;
  max-width: 63.33333333%;
}

.col-39 {
  flex: 0 0 65%;
  max-width: 65%;
}

.col-40 {
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}

.col-41 {
  flex: 0 0 68.33333333%;
  max-width: 68.33333333%;
}

.col-42 {
  flex: 0 0 70%;
  max-width: 70%;
}

.col-43 {
  flex: 0 0 71.66666667%;
  max-width: 71.66666667%;
}

.col-44 {
  flex: 0 0 73.33333333%;
  max-width: 73.33333333%;
}

.col-45 {
  flex: 0 0 75%;
  max-width: 75%;
}

.col-46 {
  flex: 0 0 76.66666667%;
  max-width: 76.66666667%;
}

.col-47 {
  flex: 0 0 78.33333333%;
  max-width: 78.33333333%;
}

.col-48 {
  flex: 0 0 80%;
  max-width: 80%;
}

.col-49 {
  flex: 0 0 81.66666667%;
  max-width: 81.66666667%;
}

.col-50 {
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}

.col-51 {
  flex: 0 0 85%;
  max-width: 85%;
}

.col-52 {
  flex: 0 0 86.66666667%;
  max-width: 86.66666667%;
}

.col-53 {
  flex: 0 0 88.33333333%;
  max-width: 88.33333333%;
}

.col-54 {
  flex: 0 0 90%;
  max-width: 90%;
}

.col-55 {
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}

.col-56 {
  flex: 0 0 93.33333333%;
  max-width: 93.33333333%;
}

.col-57 {
  flex: 0 0 95%;
  max-width: 95%;
}

.col-58 {
  flex: 0 0 96.66666667%;
  max-width: 96.66666667%;
}

.col-59 {
  flex: 0 0 98.33333333%;
  max-width: 98.33333333%;
}

.col-60 {
  flex: 0 0 100%;
  max-width: 100%;
}

.order-first {
  order: -1;
}

.order-last {
  order: 61;
}

.order-0 {
  order: 0;
}

.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-13 {
  order: 13;
}

.order-14 {
  order: 14;
}

.order-15 {
  order: 15;
}

.order-16 {
  order: 16;
}

.order-17 {
  order: 17;
}

.order-18 {
  order: 18;
}

.order-19 {
  order: 19;
}

.order-20 {
  order: 20;
}

.order-21 {
  order: 21;
}

.order-22 {
  order: 22;
}

.order-23 {
  order: 23;
}

.order-24 {
  order: 24;
}

.order-25 {
  order: 25;
}

.order-26 {
  order: 26;
}

.order-27 {
  order: 27;
}

.order-28 {
  order: 28;
}

.order-29 {
  order: 29;
}

.order-30 {
  order: 30;
}

.order-31 {
  order: 31;
}

.order-32 {
  order: 32;
}

.order-33 {
  order: 33;
}

.order-34 {
  order: 34;
}

.order-35 {
  order: 35;
}

.order-36 {
  order: 36;
}

.order-37 {
  order: 37;
}

.order-38 {
  order: 38;
}

.order-39 {
  order: 39;
}

.order-40 {
  order: 40;
}

.order-41 {
  order: 41;
}

.order-42 {
  order: 42;
}

.order-43 {
  order: 43;
}

.order-44 {
  order: 44;
}

.order-45 {
  order: 45;
}

.order-46 {
  order: 46;
}

.order-47 {
  order: 47;
}

.order-48 {
  order: 48;
}

.order-49 {
  order: 49;
}

.order-50 {
  order: 50;
}

.order-51 {
  order: 51;
}

.order-52 {
  order: 52;
}

.order-53 {
  order: 53;
}

.order-54 {
  order: 54;
}

.order-55 {
  order: 55;
}

.order-56 {
  order: 56;
}

.order-57 {
  order: 57;
}

.order-58 {
  order: 58;
}

.order-59 {
  order: 59;
}

.order-60 {
  order: 60;
}

.offset-1 {
  margin-left: 1.66666667%;
}

.offset-2 {
  margin-left: 3.33333333%;
}

.offset-3 {
  margin-left: 5%;
}

.offset-4 {
  margin-left: 6.66666667%;
}

.offset-5 {
  margin-left: 8.33333333%;
}

.offset-6 {
  margin-left: 10%;
}

.offset-7 {
  margin-left: 11.66666667%;
}

.offset-8 {
  margin-left: 13.33333333%;
}

.offset-9 {
  margin-left: 15%;
}

.offset-10 {
  margin-left: 16.66666667%;
}

.offset-11 {
  margin-left: 18.33333333%;
}

.offset-12 {
  margin-left: 20%;
}

.offset-13 {
  margin-left: 21.66666667%;
}

.offset-14 {
  margin-left: 23.33333333%;
}

.offset-15 {
  margin-left: 25%;
}

.offset-16 {
  margin-left: 26.66666667%;
}

.offset-17 {
  margin-left: 28.33333333%;
}

.offset-18 {
  margin-left: 30%;
}

.offset-19 {
  margin-left: 31.66666667%;
}

.offset-20 {
  margin-left: 33.33333333%;
}

.offset-21 {
  margin-left: 35%;
}

.offset-22 {
  margin-left: 36.66666667%;
}

.offset-23 {
  margin-left: 38.33333333%;
}

.offset-24 {
  margin-left: 40%;
}

.offset-25 {
  margin-left: 41.66666667%;
}

.offset-26 {
  margin-left: 43.33333333%;
}

.offset-27 {
  margin-left: 45%;
}

.offset-28 {
  margin-left: 46.66666667%;
}

.offset-29 {
  margin-left: 48.33333333%;
}

.offset-30 {
  margin-left: 50%;
}

.offset-31 {
  margin-left: 51.66666667%;
}

.offset-32 {
  margin-left: 53.33333333%;
}

.offset-33 {
  margin-left: 55%;
}

.offset-34 {
  margin-left: 56.66666667%;
}

.offset-35 {
  margin-left: 58.33333333%;
}

.offset-36 {
  margin-left: 60%;
}

.offset-37 {
  margin-left: 61.66666667%;
}

.offset-38 {
  margin-left: 63.33333333%;
}

.offset-39 {
  margin-left: 65%;
}

.offset-40 {
  margin-left: 66.66666667%;
}

.offset-41 {
  margin-left: 68.33333333%;
}

.offset-42 {
  margin-left: 70%;
}

.offset-43 {
  margin-left: 71.66666667%;
}

.offset-44 {
  margin-left: 73.33333333%;
}

.offset-45 {
  margin-left: 75%;
}

.offset-46 {
  margin-left: 76.66666667%;
}

.offset-47 {
  margin-left: 78.33333333%;
}

.offset-48 {
  margin-left: 80%;
}

.offset-49 {
  margin-left: 81.66666667%;
}

.offset-50 {
  margin-left: 83.33333333%;
}

.offset-51 {
  margin-left: 85%;
}

.offset-52 {
  margin-left: 86.66666667%;
}

.offset-53 {
  margin-left: 88.33333333%;
}

.offset-54 {
  margin-left: 90%;
}

.offset-55 {
  margin-left: 91.66666667%;
}

.offset-56 {
  margin-left: 93.33333333%;
}

.offset-57 {
  margin-left: 95%;
}

.offset-58 {
  margin-left: 96.66666667%;
}

.offset-59 {
  margin-left: 98.33333333%;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-sm-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-sm-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-sm-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-sm-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-sm-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-sm-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 1.66666667%;
    max-width: 1.66666667%;
  }

  .col-sm-2 {
    flex: 0 0 3.33333333%;
    max-width: 3.33333333%;
  }

  .col-sm-3 {
    flex: 0 0 5%;
    max-width: 5%;
  }

  .col-sm-4 {
    flex: 0 0 6.66666667%;
    max-width: 6.66666667%;
  }

  .col-sm-5 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-sm-6 {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-sm-7 {
    flex: 0 0 11.66666667%;
    max-width: 11.66666667%;
  }

  .col-sm-8 {
    flex: 0 0 13.33333333%;
    max-width: 13.33333333%;
  }

  .col-sm-9 {
    flex: 0 0 15%;
    max-width: 15%;
  }

  .col-sm-10 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-sm-11 {
    flex: 0 0 18.33333333%;
    max-width: 18.33333333%;
  }

  .col-sm-12 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-sm-13 {
    flex: 0 0 21.66666667%;
    max-width: 21.66666667%;
  }

  .col-sm-14 {
    flex: 0 0 23.33333333%;
    max-width: 23.33333333%;
  }

  .col-sm-15 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-16 {
    flex: 0 0 26.66666667%;
    max-width: 26.66666667%;
  }

  .col-sm-17 {
    flex: 0 0 28.33333333%;
    max-width: 28.33333333%;
  }

  .col-sm-18 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .col-sm-19 {
    flex: 0 0 31.66666667%;
    max-width: 31.66666667%;
  }

  .col-sm-20 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-sm-21 {
    flex: 0 0 35%;
    max-width: 35%;
  }

  .col-sm-22 {
    flex: 0 0 36.66666667%;
    max-width: 36.66666667%;
  }

  .col-sm-23 {
    flex: 0 0 38.33333333%;
    max-width: 38.33333333%;
  }

  .col-sm-24 {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .col-sm-25 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-sm-26 {
    flex: 0 0 43.33333333%;
    max-width: 43.33333333%;
  }

  .col-sm-27 {
    flex: 0 0 45%;
    max-width: 45%;
  }

  .col-sm-28 {
    flex: 0 0 46.66666667%;
    max-width: 46.66666667%;
  }

  .col-sm-29 {
    flex: 0 0 48.33333333%;
    max-width: 48.33333333%;
  }

  .col-sm-30 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-31 {
    flex: 0 0 51.66666667%;
    max-width: 51.66666667%;
  }

  .col-sm-32 {
    flex: 0 0 53.33333333%;
    max-width: 53.33333333%;
  }

  .col-sm-33 {
    flex: 0 0 55%;
    max-width: 55%;
  }

  .col-sm-34 {
    flex: 0 0 56.66666667%;
    max-width: 56.66666667%;
  }

  .col-sm-35 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-sm-36 {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .col-sm-37 {
    flex: 0 0 61.66666667%;
    max-width: 61.66666667%;
  }

  .col-sm-38 {
    flex: 0 0 63.33333333%;
    max-width: 63.33333333%;
  }

  .col-sm-39 {
    flex: 0 0 65%;
    max-width: 65%;
  }

  .col-sm-40 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-sm-41 {
    flex: 0 0 68.33333333%;
    max-width: 68.33333333%;
  }

  .col-sm-42 {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .col-sm-43 {
    flex: 0 0 71.66666667%;
    max-width: 71.66666667%;
  }

  .col-sm-44 {
    flex: 0 0 73.33333333%;
    max-width: 73.33333333%;
  }

  .col-sm-45 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-46 {
    flex: 0 0 76.66666667%;
    max-width: 76.66666667%;
  }

  .col-sm-47 {
    flex: 0 0 78.33333333%;
    max-width: 78.33333333%;
  }

  .col-sm-48 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .col-sm-49 {
    flex: 0 0 81.66666667%;
    max-width: 81.66666667%;
  }

  .col-sm-50 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-sm-51 {
    flex: 0 0 85%;
    max-width: 85%;
  }

  .col-sm-52 {
    flex: 0 0 86.66666667%;
    max-width: 86.66666667%;
  }

  .col-sm-53 {
    flex: 0 0 88.33333333%;
    max-width: 88.33333333%;
  }

  .col-sm-54 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .col-sm-55 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-sm-56 {
    flex: 0 0 93.33333333%;
    max-width: 93.33333333%;
  }

  .col-sm-57 {
    flex: 0 0 95%;
    max-width: 95%;
  }

  .col-sm-58 {
    flex: 0 0 96.66666667%;
    max-width: 96.66666667%;
  }

  .col-sm-59 {
    flex: 0 0 98.33333333%;
    max-width: 98.33333333%;
  }

  .col-sm-60 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 61;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .order-sm-13 {
    order: 13;
  }

  .order-sm-14 {
    order: 14;
  }

  .order-sm-15 {
    order: 15;
  }

  .order-sm-16 {
    order: 16;
  }

  .order-sm-17 {
    order: 17;
  }

  .order-sm-18 {
    order: 18;
  }

  .order-sm-19 {
    order: 19;
  }

  .order-sm-20 {
    order: 20;
  }

  .order-sm-21 {
    order: 21;
  }

  .order-sm-22 {
    order: 22;
  }

  .order-sm-23 {
    order: 23;
  }

  .order-sm-24 {
    order: 24;
  }

  .order-sm-25 {
    order: 25;
  }

  .order-sm-26 {
    order: 26;
  }

  .order-sm-27 {
    order: 27;
  }

  .order-sm-28 {
    order: 28;
  }

  .order-sm-29 {
    order: 29;
  }

  .order-sm-30 {
    order: 30;
  }

  .order-sm-31 {
    order: 31;
  }

  .order-sm-32 {
    order: 32;
  }

  .order-sm-33 {
    order: 33;
  }

  .order-sm-34 {
    order: 34;
  }

  .order-sm-35 {
    order: 35;
  }

  .order-sm-36 {
    order: 36;
  }

  .order-sm-37 {
    order: 37;
  }

  .order-sm-38 {
    order: 38;
  }

  .order-sm-39 {
    order: 39;
  }

  .order-sm-40 {
    order: 40;
  }

  .order-sm-41 {
    order: 41;
  }

  .order-sm-42 {
    order: 42;
  }

  .order-sm-43 {
    order: 43;
  }

  .order-sm-44 {
    order: 44;
  }

  .order-sm-45 {
    order: 45;
  }

  .order-sm-46 {
    order: 46;
  }

  .order-sm-47 {
    order: 47;
  }

  .order-sm-48 {
    order: 48;
  }

  .order-sm-49 {
    order: 49;
  }

  .order-sm-50 {
    order: 50;
  }

  .order-sm-51 {
    order: 51;
  }

  .order-sm-52 {
    order: 52;
  }

  .order-sm-53 {
    order: 53;
  }

  .order-sm-54 {
    order: 54;
  }

  .order-sm-55 {
    order: 55;
  }

  .order-sm-56 {
    order: 56;
  }

  .order-sm-57 {
    order: 57;
  }

  .order-sm-58 {
    order: 58;
  }

  .order-sm-59 {
    order: 59;
  }

  .order-sm-60 {
    order: 60;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 1.66666667%;
  }

  .offset-sm-2 {
    margin-left: 3.33333333%;
  }

  .offset-sm-3 {
    margin-left: 5%;
  }

  .offset-sm-4 {
    margin-left: 6.66666667%;
  }

  .offset-sm-5 {
    margin-left: 8.33333333%;
  }

  .offset-sm-6 {
    margin-left: 10%;
  }

  .offset-sm-7 {
    margin-left: 11.66666667%;
  }

  .offset-sm-8 {
    margin-left: 13.33333333%;
  }

  .offset-sm-9 {
    margin-left: 15%;
  }

  .offset-sm-10 {
    margin-left: 16.66666667%;
  }

  .offset-sm-11 {
    margin-left: 18.33333333%;
  }

  .offset-sm-12 {
    margin-left: 20%;
  }

  .offset-sm-13 {
    margin-left: 21.66666667%;
  }

  .offset-sm-14 {
    margin-left: 23.33333333%;
  }

  .offset-sm-15 {
    margin-left: 25%;
  }

  .offset-sm-16 {
    margin-left: 26.66666667%;
  }

  .offset-sm-17 {
    margin-left: 28.33333333%;
  }

  .offset-sm-18 {
    margin-left: 30%;
  }

  .offset-sm-19 {
    margin-left: 31.66666667%;
  }

  .offset-sm-20 {
    margin-left: 33.33333333%;
  }

  .offset-sm-21 {
    margin-left: 35%;
  }

  .offset-sm-22 {
    margin-left: 36.66666667%;
  }

  .offset-sm-23 {
    margin-left: 38.33333333%;
  }

  .offset-sm-24 {
    margin-left: 40%;
  }

  .offset-sm-25 {
    margin-left: 41.66666667%;
  }

  .offset-sm-26 {
    margin-left: 43.33333333%;
  }

  .offset-sm-27 {
    margin-left: 45%;
  }

  .offset-sm-28 {
    margin-left: 46.66666667%;
  }

  .offset-sm-29 {
    margin-left: 48.33333333%;
  }

  .offset-sm-30 {
    margin-left: 50%;
  }

  .offset-sm-31 {
    margin-left: 51.66666667%;
  }

  .offset-sm-32 {
    margin-left: 53.33333333%;
  }

  .offset-sm-33 {
    margin-left: 55%;
  }

  .offset-sm-34 {
    margin-left: 56.66666667%;
  }

  .offset-sm-35 {
    margin-left: 58.33333333%;
  }

  .offset-sm-36 {
    margin-left: 60%;
  }

  .offset-sm-37 {
    margin-left: 61.66666667%;
  }

  .offset-sm-38 {
    margin-left: 63.33333333%;
  }

  .offset-sm-39 {
    margin-left: 65%;
  }

  .offset-sm-40 {
    margin-left: 66.66666667%;
  }

  .offset-sm-41 {
    margin-left: 68.33333333%;
  }

  .offset-sm-42 {
    margin-left: 70%;
  }

  .offset-sm-43 {
    margin-left: 71.66666667%;
  }

  .offset-sm-44 {
    margin-left: 73.33333333%;
  }

  .offset-sm-45 {
    margin-left: 75%;
  }

  .offset-sm-46 {
    margin-left: 76.66666667%;
  }

  .offset-sm-47 {
    margin-left: 78.33333333%;
  }

  .offset-sm-48 {
    margin-left: 80%;
  }

  .offset-sm-49 {
    margin-left: 81.66666667%;
  }

  .offset-sm-50 {
    margin-left: 83.33333333%;
  }

  .offset-sm-51 {
    margin-left: 85%;
  }

  .offset-sm-52 {
    margin-left: 86.66666667%;
  }

  .offset-sm-53 {
    margin-left: 88.33333333%;
  }

  .offset-sm-54 {
    margin-left: 90%;
  }

  .offset-sm-55 {
    margin-left: 91.66666667%;
  }

  .offset-sm-56 {
    margin-left: 93.33333333%;
  }

  .offset-sm-57 {
    margin-left: 95%;
  }

  .offset-sm-58 {
    margin-left: 96.66666667%;
  }

  .offset-sm-59 {
    margin-left: 98.33333333%;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-md-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-md-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-md-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-md-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-md-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-md-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-md-1 {
    flex: 0 0 1.66666667%;
    max-width: 1.66666667%;
  }

  .col-md-2 {
    flex: 0 0 3.33333333%;
    max-width: 3.33333333%;
  }

  .col-md-3 {
    flex: 0 0 5%;
    max-width: 5%;
  }

  .col-md-4 {
    flex: 0 0 6.66666667%;
    max-width: 6.66666667%;
  }

  .col-md-5 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-md-6 {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-md-7 {
    flex: 0 0 11.66666667%;
    max-width: 11.66666667%;
  }

  .col-md-8 {
    flex: 0 0 13.33333333%;
    max-width: 13.33333333%;
  }

  .col-md-9 {
    flex: 0 0 15%;
    max-width: 15%;
  }

  .col-md-10 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-md-11 {
    flex: 0 0 18.33333333%;
    max-width: 18.33333333%;
  }

  .col-md-12 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-md-13 {
    flex: 0 0 21.66666667%;
    max-width: 21.66666667%;
  }

  .col-md-14 {
    flex: 0 0 23.33333333%;
    max-width: 23.33333333%;
  }

  .col-md-15 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-md-16 {
    flex: 0 0 26.66666667%;
    max-width: 26.66666667%;
  }

  .col-md-17 {
    flex: 0 0 28.33333333%;
    max-width: 28.33333333%;
  }

  .col-md-18 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .col-md-19 {
    flex: 0 0 31.66666667%;
    max-width: 31.66666667%;
  }

  .col-md-20 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-md-21 {
    flex: 0 0 35%;
    max-width: 35%;
  }

  .col-md-22 {
    flex: 0 0 36.66666667%;
    max-width: 36.66666667%;
  }

  .col-md-23 {
    flex: 0 0 38.33333333%;
    max-width: 38.33333333%;
  }

  .col-md-24 {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .col-md-25 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-md-26 {
    flex: 0 0 43.33333333%;
    max-width: 43.33333333%;
  }

  .col-md-27 {
    flex: 0 0 45%;
    max-width: 45%;
  }

  .col-md-28 {
    flex: 0 0 46.66666667%;
    max-width: 46.66666667%;
  }

  .col-md-29 {
    flex: 0 0 48.33333333%;
    max-width: 48.33333333%;
  }

  .col-md-30 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-md-31 {
    flex: 0 0 51.66666667%;
    max-width: 51.66666667%;
  }

  .col-md-32 {
    flex: 0 0 53.33333333%;
    max-width: 53.33333333%;
  }

  .col-md-33 {
    flex: 0 0 55%;
    max-width: 55%;
  }

  .col-md-34 {
    flex: 0 0 56.66666667%;
    max-width: 56.66666667%;
  }

  .col-md-35 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-md-36 {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .col-md-37 {
    flex: 0 0 61.66666667%;
    max-width: 61.66666667%;
  }

  .col-md-38 {
    flex: 0 0 63.33333333%;
    max-width: 63.33333333%;
  }

  .col-md-39 {
    flex: 0 0 65%;
    max-width: 65%;
  }

  .col-md-40 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-md-41 {
    flex: 0 0 68.33333333%;
    max-width: 68.33333333%;
  }

  .col-md-42 {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .col-md-43 {
    flex: 0 0 71.66666667%;
    max-width: 71.66666667%;
  }

  .col-md-44 {
    flex: 0 0 73.33333333%;
    max-width: 73.33333333%;
  }

  .col-md-45 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-md-46 {
    flex: 0 0 76.66666667%;
    max-width: 76.66666667%;
  }

  .col-md-47 {
    flex: 0 0 78.33333333%;
    max-width: 78.33333333%;
  }

  .col-md-48 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .col-md-49 {
    flex: 0 0 81.66666667%;
    max-width: 81.66666667%;
  }

  .col-md-50 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-md-51 {
    flex: 0 0 85%;
    max-width: 85%;
  }

  .col-md-52 {
    flex: 0 0 86.66666667%;
    max-width: 86.66666667%;
  }

  .col-md-53 {
    flex: 0 0 88.33333333%;
    max-width: 88.33333333%;
  }

  .col-md-54 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .col-md-55 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-md-56 {
    flex: 0 0 93.33333333%;
    max-width: 93.33333333%;
  }

  .col-md-57 {
    flex: 0 0 95%;
    max-width: 95%;
  }

  .col-md-58 {
    flex: 0 0 96.66666667%;
    max-width: 96.66666667%;
  }

  .col-md-59 {
    flex: 0 0 98.33333333%;
    max-width: 98.33333333%;
  }

  .col-md-60 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-md-first {
    order: -1;
  }

  .order-md-last {
    order: 61;
  }

  .order-md-0 {
    order: 0;
  }

  .order-md-1 {
    order: 1;
  }

  .order-md-2 {
    order: 2;
  }

  .order-md-3 {
    order: 3;
  }

  .order-md-4 {
    order: 4;
  }

  .order-md-5 {
    order: 5;
  }

  .order-md-6 {
    order: 6;
  }

  .order-md-7 {
    order: 7;
  }

  .order-md-8 {
    order: 8;
  }

  .order-md-9 {
    order: 9;
  }

  .order-md-10 {
    order: 10;
  }

  .order-md-11 {
    order: 11;
  }

  .order-md-12 {
    order: 12;
  }

  .order-md-13 {
    order: 13;
  }

  .order-md-14 {
    order: 14;
  }

  .order-md-15 {
    order: 15;
  }

  .order-md-16 {
    order: 16;
  }

  .order-md-17 {
    order: 17;
  }

  .order-md-18 {
    order: 18;
  }

  .order-md-19 {
    order: 19;
  }

  .order-md-20 {
    order: 20;
  }

  .order-md-21 {
    order: 21;
  }

  .order-md-22 {
    order: 22;
  }

  .order-md-23 {
    order: 23;
  }

  .order-md-24 {
    order: 24;
  }

  .order-md-25 {
    order: 25;
  }

  .order-md-26 {
    order: 26;
  }

  .order-md-27 {
    order: 27;
  }

  .order-md-28 {
    order: 28;
  }

  .order-md-29 {
    order: 29;
  }

  .order-md-30 {
    order: 30;
  }

  .order-md-31 {
    order: 31;
  }

  .order-md-32 {
    order: 32;
  }

  .order-md-33 {
    order: 33;
  }

  .order-md-34 {
    order: 34;
  }

  .order-md-35 {
    order: 35;
  }

  .order-md-36 {
    order: 36;
  }

  .order-md-37 {
    order: 37;
  }

  .order-md-38 {
    order: 38;
  }

  .order-md-39 {
    order: 39;
  }

  .order-md-40 {
    order: 40;
  }

  .order-md-41 {
    order: 41;
  }

  .order-md-42 {
    order: 42;
  }

  .order-md-43 {
    order: 43;
  }

  .order-md-44 {
    order: 44;
  }

  .order-md-45 {
    order: 45;
  }

  .order-md-46 {
    order: 46;
  }

  .order-md-47 {
    order: 47;
  }

  .order-md-48 {
    order: 48;
  }

  .order-md-49 {
    order: 49;
  }

  .order-md-50 {
    order: 50;
  }

  .order-md-51 {
    order: 51;
  }

  .order-md-52 {
    order: 52;
  }

  .order-md-53 {
    order: 53;
  }

  .order-md-54 {
    order: 54;
  }

  .order-md-55 {
    order: 55;
  }

  .order-md-56 {
    order: 56;
  }

  .order-md-57 {
    order: 57;
  }

  .order-md-58 {
    order: 58;
  }

  .order-md-59 {
    order: 59;
  }

  .order-md-60 {
    order: 60;
  }

  .offset-md-0 {
    margin-left: 0;
  }

  .offset-md-1 {
    margin-left: 1.66666667%;
  }

  .offset-md-2 {
    margin-left: 3.33333333%;
  }

  .offset-md-3 {
    margin-left: 5%;
  }

  .offset-md-4 {
    margin-left: 6.66666667%;
  }

  .offset-md-5 {
    margin-left: 8.33333333%;
  }

  .offset-md-6 {
    margin-left: 10%;
  }

  .offset-md-7 {
    margin-left: 11.66666667%;
  }

  .offset-md-8 {
    margin-left: 13.33333333%;
  }

  .offset-md-9 {
    margin-left: 15%;
  }

  .offset-md-10 {
    margin-left: 16.66666667%;
  }

  .offset-md-11 {
    margin-left: 18.33333333%;
  }

  .offset-md-12 {
    margin-left: 20%;
  }

  .offset-md-13 {
    margin-left: 21.66666667%;
  }

  .offset-md-14 {
    margin-left: 23.33333333%;
  }

  .offset-md-15 {
    margin-left: 25%;
  }

  .offset-md-16 {
    margin-left: 26.66666667%;
  }

  .offset-md-17 {
    margin-left: 28.33333333%;
  }

  .offset-md-18 {
    margin-left: 30%;
  }

  .offset-md-19 {
    margin-left: 31.66666667%;
  }

  .offset-md-20 {
    margin-left: 33.33333333%;
  }

  .offset-md-21 {
    margin-left: 35%;
  }

  .offset-md-22 {
    margin-left: 36.66666667%;
  }

  .offset-md-23 {
    margin-left: 38.33333333%;
  }

  .offset-md-24 {
    margin-left: 40%;
  }

  .offset-md-25 {
    margin-left: 41.66666667%;
  }

  .offset-md-26 {
    margin-left: 43.33333333%;
  }

  .offset-md-27 {
    margin-left: 45%;
  }

  .offset-md-28 {
    margin-left: 46.66666667%;
  }

  .offset-md-29 {
    margin-left: 48.33333333%;
  }

  .offset-md-30 {
    margin-left: 50%;
  }

  .offset-md-31 {
    margin-left: 51.66666667%;
  }

  .offset-md-32 {
    margin-left: 53.33333333%;
  }

  .offset-md-33 {
    margin-left: 55%;
  }

  .offset-md-34 {
    margin-left: 56.66666667%;
  }

  .offset-md-35 {
    margin-left: 58.33333333%;
  }

  .offset-md-36 {
    margin-left: 60%;
  }

  .offset-md-37 {
    margin-left: 61.66666667%;
  }

  .offset-md-38 {
    margin-left: 63.33333333%;
  }

  .offset-md-39 {
    margin-left: 65%;
  }

  .offset-md-40 {
    margin-left: 66.66666667%;
  }

  .offset-md-41 {
    margin-left: 68.33333333%;
  }

  .offset-md-42 {
    margin-left: 70%;
  }

  .offset-md-43 {
    margin-left: 71.66666667%;
  }

  .offset-md-44 {
    margin-left: 73.33333333%;
  }

  .offset-md-45 {
    margin-left: 75%;
  }

  .offset-md-46 {
    margin-left: 76.66666667%;
  }

  .offset-md-47 {
    margin-left: 78.33333333%;
  }

  .offset-md-48 {
    margin-left: 80%;
  }

  .offset-md-49 {
    margin-left: 81.66666667%;
  }

  .offset-md-50 {
    margin-left: 83.33333333%;
  }

  .offset-md-51 {
    margin-left: 85%;
  }

  .offset-md-52 {
    margin-left: 86.66666667%;
  }

  .offset-md-53 {
    margin-left: 88.33333333%;
  }

  .offset-md-54 {
    margin-left: 90%;
  }

  .offset-md-55 {
    margin-left: 91.66666667%;
  }

  .offset-md-56 {
    margin-left: 93.33333333%;
  }

  .offset-md-57 {
    margin-left: 95%;
  }

  .offset-md-58 {
    margin-left: 96.66666667%;
  }

  .offset-md-59 {
    margin-left: 98.33333333%;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-lg-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-lg-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-lg-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-lg-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-lg-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-lg-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-lg-1 {
    flex: 0 0 1.66666667%;
    max-width: 1.66666667%;
  }

  .col-lg-2 {
    flex: 0 0 3.33333333%;
    max-width: 3.33333333%;
  }

  .col-lg-3 {
    flex: 0 0 5%;
    max-width: 5%;
  }

  .col-lg-4 {
    flex: 0 0 6.66666667%;
    max-width: 6.66666667%;
  }

  .col-lg-5 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-lg-6 {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-lg-7 {
    flex: 0 0 11.66666667%;
    max-width: 11.66666667%;
  }

  .col-lg-8 {
    flex: 0 0 13.33333333%;
    max-width: 13.33333333%;
  }

  .col-lg-9 {
    flex: 0 0 15%;
    max-width: 15%;
  }

  .col-lg-10 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-lg-11 {
    flex: 0 0 18.33333333%;
    max-width: 18.33333333%;
  }

  .col-lg-12 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-lg-13 {
    flex: 0 0 21.66666667%;
    max-width: 21.66666667%;
  }

  .col-lg-14 {
    flex: 0 0 23.33333333%;
    max-width: 23.33333333%;
  }

  .col-lg-15 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-lg-16 {
    flex: 0 0 26.66666667%;
    max-width: 26.66666667%;
  }

  .col-lg-17 {
    flex: 0 0 28.33333333%;
    max-width: 28.33333333%;
  }

  .col-lg-18 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .col-lg-19 {
    flex: 0 0 31.66666667%;
    max-width: 31.66666667%;
  }

  .col-lg-20 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-lg-21 {
    flex: 0 0 35%;
    max-width: 35%;
  }

  .col-lg-22 {
    flex: 0 0 36.66666667%;
    max-width: 36.66666667%;
  }

  .col-lg-23 {
    flex: 0 0 38.33333333%;
    max-width: 38.33333333%;
  }

  .col-lg-24 {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .col-lg-25 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-lg-26 {
    flex: 0 0 43.33333333%;
    max-width: 43.33333333%;
  }

  .col-lg-27 {
    flex: 0 0 45%;
    max-width: 45%;
  }

  .col-lg-28 {
    flex: 0 0 46.66666667%;
    max-width: 46.66666667%;
  }

  .col-lg-29 {
    flex: 0 0 48.33333333%;
    max-width: 48.33333333%;
  }

  .col-lg-30 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-lg-31 {
    flex: 0 0 51.66666667%;
    max-width: 51.66666667%;
  }

  .col-lg-32 {
    flex: 0 0 53.33333333%;
    max-width: 53.33333333%;
  }

  .col-lg-33 {
    flex: 0 0 55%;
    max-width: 55%;
  }

  .col-lg-34 {
    flex: 0 0 56.66666667%;
    max-width: 56.66666667%;
  }

  .col-lg-35 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-lg-36 {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .col-lg-37 {
    flex: 0 0 61.66666667%;
    max-width: 61.66666667%;
  }

  .col-lg-38 {
    flex: 0 0 63.33333333%;
    max-width: 63.33333333%;
  }

  .col-lg-39 {
    flex: 0 0 65%;
    max-width: 65%;
  }

  .col-lg-40 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-lg-41 {
    flex: 0 0 68.33333333%;
    max-width: 68.33333333%;
  }

  .col-lg-42 {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .col-lg-43 {
    flex: 0 0 71.66666667%;
    max-width: 71.66666667%;
  }

  .col-lg-44 {
    flex: 0 0 73.33333333%;
    max-width: 73.33333333%;
  }

  .col-lg-45 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-lg-46 {
    flex: 0 0 76.66666667%;
    max-width: 76.66666667%;
  }

  .col-lg-47 {
    flex: 0 0 78.33333333%;
    max-width: 78.33333333%;
  }

  .col-lg-48 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .col-lg-49 {
    flex: 0 0 81.66666667%;
    max-width: 81.66666667%;
  }

  .col-lg-50 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-lg-51 {
    flex: 0 0 85%;
    max-width: 85%;
  }

  .col-lg-52 {
    flex: 0 0 86.66666667%;
    max-width: 86.66666667%;
  }

  .col-lg-53 {
    flex: 0 0 88.33333333%;
    max-width: 88.33333333%;
  }

  .col-lg-54 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .col-lg-55 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-lg-56 {
    flex: 0 0 93.33333333%;
    max-width: 93.33333333%;
  }

  .col-lg-57 {
    flex: 0 0 95%;
    max-width: 95%;
  }

  .col-lg-58 {
    flex: 0 0 96.66666667%;
    max-width: 96.66666667%;
  }

  .col-lg-59 {
    flex: 0 0 98.33333333%;
    max-width: 98.33333333%;
  }

  .col-lg-60 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-lg-first {
    order: -1;
  }

  .order-lg-last {
    order: 61;
  }

  .order-lg-0 {
    order: 0;
  }

  .order-lg-1 {
    order: 1;
  }

  .order-lg-2 {
    order: 2;
  }

  .order-lg-3 {
    order: 3;
  }

  .order-lg-4 {
    order: 4;
  }

  .order-lg-5 {
    order: 5;
  }

  .order-lg-6 {
    order: 6;
  }

  .order-lg-7 {
    order: 7;
  }

  .order-lg-8 {
    order: 8;
  }

  .order-lg-9 {
    order: 9;
  }

  .order-lg-10 {
    order: 10;
  }

  .order-lg-11 {
    order: 11;
  }

  .order-lg-12 {
    order: 12;
  }

  .order-lg-13 {
    order: 13;
  }

  .order-lg-14 {
    order: 14;
  }

  .order-lg-15 {
    order: 15;
  }

  .order-lg-16 {
    order: 16;
  }

  .order-lg-17 {
    order: 17;
  }

  .order-lg-18 {
    order: 18;
  }

  .order-lg-19 {
    order: 19;
  }

  .order-lg-20 {
    order: 20;
  }

  .order-lg-21 {
    order: 21;
  }

  .order-lg-22 {
    order: 22;
  }

  .order-lg-23 {
    order: 23;
  }

  .order-lg-24 {
    order: 24;
  }

  .order-lg-25 {
    order: 25;
  }

  .order-lg-26 {
    order: 26;
  }

  .order-lg-27 {
    order: 27;
  }

  .order-lg-28 {
    order: 28;
  }

  .order-lg-29 {
    order: 29;
  }

  .order-lg-30 {
    order: 30;
  }

  .order-lg-31 {
    order: 31;
  }

  .order-lg-32 {
    order: 32;
  }

  .order-lg-33 {
    order: 33;
  }

  .order-lg-34 {
    order: 34;
  }

  .order-lg-35 {
    order: 35;
  }

  .order-lg-36 {
    order: 36;
  }

  .order-lg-37 {
    order: 37;
  }

  .order-lg-38 {
    order: 38;
  }

  .order-lg-39 {
    order: 39;
  }

  .order-lg-40 {
    order: 40;
  }

  .order-lg-41 {
    order: 41;
  }

  .order-lg-42 {
    order: 42;
  }

  .order-lg-43 {
    order: 43;
  }

  .order-lg-44 {
    order: 44;
  }

  .order-lg-45 {
    order: 45;
  }

  .order-lg-46 {
    order: 46;
  }

  .order-lg-47 {
    order: 47;
  }

  .order-lg-48 {
    order: 48;
  }

  .order-lg-49 {
    order: 49;
  }

  .order-lg-50 {
    order: 50;
  }

  .order-lg-51 {
    order: 51;
  }

  .order-lg-52 {
    order: 52;
  }

  .order-lg-53 {
    order: 53;
  }

  .order-lg-54 {
    order: 54;
  }

  .order-lg-55 {
    order: 55;
  }

  .order-lg-56 {
    order: 56;
  }

  .order-lg-57 {
    order: 57;
  }

  .order-lg-58 {
    order: 58;
  }

  .order-lg-59 {
    order: 59;
  }

  .order-lg-60 {
    order: 60;
  }

  .offset-lg-0 {
    margin-left: 0;
  }

  .offset-lg-1 {
    margin-left: 1.66666667%;
  }

  .offset-lg-2 {
    margin-left: 3.33333333%;
  }

  .offset-lg-3 {
    margin-left: 5%;
  }

  .offset-lg-4 {
    margin-left: 6.66666667%;
  }

  .offset-lg-5 {
    margin-left: 8.33333333%;
  }

  .offset-lg-6 {
    margin-left: 10%;
  }

  .offset-lg-7 {
    margin-left: 11.66666667%;
  }

  .offset-lg-8 {
    margin-left: 13.33333333%;
  }

  .offset-lg-9 {
    margin-left: 15%;
  }

  .offset-lg-10 {
    margin-left: 16.66666667%;
  }

  .offset-lg-11 {
    margin-left: 18.33333333%;
  }

  .offset-lg-12 {
    margin-left: 20%;
  }

  .offset-lg-13 {
    margin-left: 21.66666667%;
  }

  .offset-lg-14 {
    margin-left: 23.33333333%;
  }

  .offset-lg-15 {
    margin-left: 25%;
  }

  .offset-lg-16 {
    margin-left: 26.66666667%;
  }

  .offset-lg-17 {
    margin-left: 28.33333333%;
  }

  .offset-lg-18 {
    margin-left: 30%;
  }

  .offset-lg-19 {
    margin-left: 31.66666667%;
  }

  .offset-lg-20 {
    margin-left: 33.33333333%;
  }

  .offset-lg-21 {
    margin-left: 35%;
  }

  .offset-lg-22 {
    margin-left: 36.66666667%;
  }

  .offset-lg-23 {
    margin-left: 38.33333333%;
  }

  .offset-lg-24 {
    margin-left: 40%;
  }

  .offset-lg-25 {
    margin-left: 41.66666667%;
  }

  .offset-lg-26 {
    margin-left: 43.33333333%;
  }

  .offset-lg-27 {
    margin-left: 45%;
  }

  .offset-lg-28 {
    margin-left: 46.66666667%;
  }

  .offset-lg-29 {
    margin-left: 48.33333333%;
  }

  .offset-lg-30 {
    margin-left: 50%;
  }

  .offset-lg-31 {
    margin-left: 51.66666667%;
  }

  .offset-lg-32 {
    margin-left: 53.33333333%;
  }

  .offset-lg-33 {
    margin-left: 55%;
  }

  .offset-lg-34 {
    margin-left: 56.66666667%;
  }

  .offset-lg-35 {
    margin-left: 58.33333333%;
  }

  .offset-lg-36 {
    margin-left: 60%;
  }

  .offset-lg-37 {
    margin-left: 61.66666667%;
  }

  .offset-lg-38 {
    margin-left: 63.33333333%;
  }

  .offset-lg-39 {
    margin-left: 65%;
  }

  .offset-lg-40 {
    margin-left: 66.66666667%;
  }

  .offset-lg-41 {
    margin-left: 68.33333333%;
  }

  .offset-lg-42 {
    margin-left: 70%;
  }

  .offset-lg-43 {
    margin-left: 71.66666667%;
  }

  .offset-lg-44 {
    margin-left: 73.33333333%;
  }

  .offset-lg-45 {
    margin-left: 75%;
  }

  .offset-lg-46 {
    margin-left: 76.66666667%;
  }

  .offset-lg-47 {
    margin-left: 78.33333333%;
  }

  .offset-lg-48 {
    margin-left: 80%;
  }

  .offset-lg-49 {
    margin-left: 81.66666667%;
  }

  .offset-lg-50 {
    margin-left: 83.33333333%;
  }

  .offset-lg-51 {
    margin-left: 85%;
  }

  .offset-lg-52 {
    margin-left: 86.66666667%;
  }

  .offset-lg-53 {
    margin-left: 88.33333333%;
  }

  .offset-lg-54 {
    margin-left: 90%;
  }

  .offset-lg-55 {
    margin-left: 91.66666667%;
  }

  .offset-lg-56 {
    margin-left: 93.33333333%;
  }

  .offset-lg-57 {
    margin-left: 95%;
  }

  .offset-lg-58 {
    margin-left: 96.66666667%;
  }

  .offset-lg-59 {
    margin-left: 98.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xl-1 {
    flex: 0 0 1.66666667%;
    max-width: 1.66666667%;
  }

  .col-xl-2 {
    flex: 0 0 3.33333333%;
    max-width: 3.33333333%;
  }

  .col-xl-3 {
    flex: 0 0 5%;
    max-width: 5%;
  }

  .col-xl-4 {
    flex: 0 0 6.66666667%;
    max-width: 6.66666667%;
  }

  .col-xl-5 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xl-6 {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-xl-7 {
    flex: 0 0 11.66666667%;
    max-width: 11.66666667%;
  }

  .col-xl-8 {
    flex: 0 0 13.33333333%;
    max-width: 13.33333333%;
  }

  .col-xl-9 {
    flex: 0 0 15%;
    max-width: 15%;
  }

  .col-xl-10 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xl-11 {
    flex: 0 0 18.33333333%;
    max-width: 18.33333333%;
  }

  .col-xl-12 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-xl-13 {
    flex: 0 0 21.66666667%;
    max-width: 21.66666667%;
  }

  .col-xl-14 {
    flex: 0 0 23.33333333%;
    max-width: 23.33333333%;
  }

  .col-xl-15 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xl-16 {
    flex: 0 0 26.66666667%;
    max-width: 26.66666667%;
  }

  .col-xl-17 {
    flex: 0 0 28.33333333%;
    max-width: 28.33333333%;
  }

  .col-xl-18 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .col-xl-19 {
    flex: 0 0 31.66666667%;
    max-width: 31.66666667%;
  }

  .col-xl-20 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xl-21 {
    flex: 0 0 35%;
    max-width: 35%;
  }

  .col-xl-22 {
    flex: 0 0 36.66666667%;
    max-width: 36.66666667%;
  }

  .col-xl-23 {
    flex: 0 0 38.33333333%;
    max-width: 38.33333333%;
  }

  .col-xl-24 {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .col-xl-25 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xl-26 {
    flex: 0 0 43.33333333%;
    max-width: 43.33333333%;
  }

  .col-xl-27 {
    flex: 0 0 45%;
    max-width: 45%;
  }

  .col-xl-28 {
    flex: 0 0 46.66666667%;
    max-width: 46.66666667%;
  }

  .col-xl-29 {
    flex: 0 0 48.33333333%;
    max-width: 48.33333333%;
  }

  .col-xl-30 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xl-31 {
    flex: 0 0 51.66666667%;
    max-width: 51.66666667%;
  }

  .col-xl-32 {
    flex: 0 0 53.33333333%;
    max-width: 53.33333333%;
  }

  .col-xl-33 {
    flex: 0 0 55%;
    max-width: 55%;
  }

  .col-xl-34 {
    flex: 0 0 56.66666667%;
    max-width: 56.66666667%;
  }

  .col-xl-35 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xl-36 {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .col-xl-37 {
    flex: 0 0 61.66666667%;
    max-width: 61.66666667%;
  }

  .col-xl-38 {
    flex: 0 0 63.33333333%;
    max-width: 63.33333333%;
  }

  .col-xl-39 {
    flex: 0 0 65%;
    max-width: 65%;
  }

  .col-xl-40 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xl-41 {
    flex: 0 0 68.33333333%;
    max-width: 68.33333333%;
  }

  .col-xl-42 {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .col-xl-43 {
    flex: 0 0 71.66666667%;
    max-width: 71.66666667%;
  }

  .col-xl-44 {
    flex: 0 0 73.33333333%;
    max-width: 73.33333333%;
  }

  .col-xl-45 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xl-46 {
    flex: 0 0 76.66666667%;
    max-width: 76.66666667%;
  }

  .col-xl-47 {
    flex: 0 0 78.33333333%;
    max-width: 78.33333333%;
  }

  .col-xl-48 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .col-xl-49 {
    flex: 0 0 81.66666667%;
    max-width: 81.66666667%;
  }

  .col-xl-50 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xl-51 {
    flex: 0 0 85%;
    max-width: 85%;
  }

  .col-xl-52 {
    flex: 0 0 86.66666667%;
    max-width: 86.66666667%;
  }

  .col-xl-53 {
    flex: 0 0 88.33333333%;
    max-width: 88.33333333%;
  }

  .col-xl-54 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .col-xl-55 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xl-56 {
    flex: 0 0 93.33333333%;
    max-width: 93.33333333%;
  }

  .col-xl-57 {
    flex: 0 0 95%;
    max-width: 95%;
  }

  .col-xl-58 {
    flex: 0 0 96.66666667%;
    max-width: 96.66666667%;
  }

  .col-xl-59 {
    flex: 0 0 98.33333333%;
    max-width: 98.33333333%;
  }

  .col-xl-60 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xl-first {
    order: -1;
  }

  .order-xl-last {
    order: 61;
  }

  .order-xl-0 {
    order: 0;
  }

  .order-xl-1 {
    order: 1;
  }

  .order-xl-2 {
    order: 2;
  }

  .order-xl-3 {
    order: 3;
  }

  .order-xl-4 {
    order: 4;
  }

  .order-xl-5 {
    order: 5;
  }

  .order-xl-6 {
    order: 6;
  }

  .order-xl-7 {
    order: 7;
  }

  .order-xl-8 {
    order: 8;
  }

  .order-xl-9 {
    order: 9;
  }

  .order-xl-10 {
    order: 10;
  }

  .order-xl-11 {
    order: 11;
  }

  .order-xl-12 {
    order: 12;
  }

  .order-xl-13 {
    order: 13;
  }

  .order-xl-14 {
    order: 14;
  }

  .order-xl-15 {
    order: 15;
  }

  .order-xl-16 {
    order: 16;
  }

  .order-xl-17 {
    order: 17;
  }

  .order-xl-18 {
    order: 18;
  }

  .order-xl-19 {
    order: 19;
  }

  .order-xl-20 {
    order: 20;
  }

  .order-xl-21 {
    order: 21;
  }

  .order-xl-22 {
    order: 22;
  }

  .order-xl-23 {
    order: 23;
  }

  .order-xl-24 {
    order: 24;
  }

  .order-xl-25 {
    order: 25;
  }

  .order-xl-26 {
    order: 26;
  }

  .order-xl-27 {
    order: 27;
  }

  .order-xl-28 {
    order: 28;
  }

  .order-xl-29 {
    order: 29;
  }

  .order-xl-30 {
    order: 30;
  }

  .order-xl-31 {
    order: 31;
  }

  .order-xl-32 {
    order: 32;
  }

  .order-xl-33 {
    order: 33;
  }

  .order-xl-34 {
    order: 34;
  }

  .order-xl-35 {
    order: 35;
  }

  .order-xl-36 {
    order: 36;
  }

  .order-xl-37 {
    order: 37;
  }

  .order-xl-38 {
    order: 38;
  }

  .order-xl-39 {
    order: 39;
  }

  .order-xl-40 {
    order: 40;
  }

  .order-xl-41 {
    order: 41;
  }

  .order-xl-42 {
    order: 42;
  }

  .order-xl-43 {
    order: 43;
  }

  .order-xl-44 {
    order: 44;
  }

  .order-xl-45 {
    order: 45;
  }

  .order-xl-46 {
    order: 46;
  }

  .order-xl-47 {
    order: 47;
  }

  .order-xl-48 {
    order: 48;
  }

  .order-xl-49 {
    order: 49;
  }

  .order-xl-50 {
    order: 50;
  }

  .order-xl-51 {
    order: 51;
  }

  .order-xl-52 {
    order: 52;
  }

  .order-xl-53 {
    order: 53;
  }

  .order-xl-54 {
    order: 54;
  }

  .order-xl-55 {
    order: 55;
  }

  .order-xl-56 {
    order: 56;
  }

  .order-xl-57 {
    order: 57;
  }

  .order-xl-58 {
    order: 58;
  }

  .order-xl-59 {
    order: 59;
  }

  .order-xl-60 {
    order: 60;
  }

  .offset-xl-0 {
    margin-left: 0;
  }

  .offset-xl-1 {
    margin-left: 1.66666667%;
  }

  .offset-xl-2 {
    margin-left: 3.33333333%;
  }

  .offset-xl-3 {
    margin-left: 5%;
  }

  .offset-xl-4 {
    margin-left: 6.66666667%;
  }

  .offset-xl-5 {
    margin-left: 8.33333333%;
  }

  .offset-xl-6 {
    margin-left: 10%;
  }

  .offset-xl-7 {
    margin-left: 11.66666667%;
  }

  .offset-xl-8 {
    margin-left: 13.33333333%;
  }

  .offset-xl-9 {
    margin-left: 15%;
  }

  .offset-xl-10 {
    margin-left: 16.66666667%;
  }

  .offset-xl-11 {
    margin-left: 18.33333333%;
  }

  .offset-xl-12 {
    margin-left: 20%;
  }

  .offset-xl-13 {
    margin-left: 21.66666667%;
  }

  .offset-xl-14 {
    margin-left: 23.33333333%;
  }

  .offset-xl-15 {
    margin-left: 25%;
  }

  .offset-xl-16 {
    margin-left: 26.66666667%;
  }

  .offset-xl-17 {
    margin-left: 28.33333333%;
  }

  .offset-xl-18 {
    margin-left: 30%;
  }

  .offset-xl-19 {
    margin-left: 31.66666667%;
  }

  .offset-xl-20 {
    margin-left: 33.33333333%;
  }

  .offset-xl-21 {
    margin-left: 35%;
  }

  .offset-xl-22 {
    margin-left: 36.66666667%;
  }

  .offset-xl-23 {
    margin-left: 38.33333333%;
  }

  .offset-xl-24 {
    margin-left: 40%;
  }

  .offset-xl-25 {
    margin-left: 41.66666667%;
  }

  .offset-xl-26 {
    margin-left: 43.33333333%;
  }

  .offset-xl-27 {
    margin-left: 45%;
  }

  .offset-xl-28 {
    margin-left: 46.66666667%;
  }

  .offset-xl-29 {
    margin-left: 48.33333333%;
  }

  .offset-xl-30 {
    margin-left: 50%;
  }

  .offset-xl-31 {
    margin-left: 51.66666667%;
  }

  .offset-xl-32 {
    margin-left: 53.33333333%;
  }

  .offset-xl-33 {
    margin-left: 55%;
  }

  .offset-xl-34 {
    margin-left: 56.66666667%;
  }

  .offset-xl-35 {
    margin-left: 58.33333333%;
  }

  .offset-xl-36 {
    margin-left: 60%;
  }

  .offset-xl-37 {
    margin-left: 61.66666667%;
  }

  .offset-xl-38 {
    margin-left: 63.33333333%;
  }

  .offset-xl-39 {
    margin-left: 65%;
  }

  .offset-xl-40 {
    margin-left: 66.66666667%;
  }

  .offset-xl-41 {
    margin-left: 68.33333333%;
  }

  .offset-xl-42 {
    margin-left: 70%;
  }

  .offset-xl-43 {
    margin-left: 71.66666667%;
  }

  .offset-xl-44 {
    margin-left: 73.33333333%;
  }

  .offset-xl-45 {
    margin-left: 75%;
  }

  .offset-xl-46 {
    margin-left: 76.66666667%;
  }

  .offset-xl-47 {
    margin-left: 78.33333333%;
  }

  .offset-xl-48 {
    margin-left: 80%;
  }

  .offset-xl-49 {
    margin-left: 81.66666667%;
  }

  .offset-xl-50 {
    margin-left: 83.33333333%;
  }

  .offset-xl-51 {
    margin-left: 85%;
  }

  .offset-xl-52 {
    margin-left: 86.66666667%;
  }

  .offset-xl-53 {
    margin-left: 88.33333333%;
  }

  .offset-xl-54 {
    margin-left: 90%;
  }

  .offset-xl-55 {
    margin-left: 91.66666667%;
  }

  .offset-xl-56 {
    margin-left: 93.33333333%;
  }

  .offset-xl-57 {
    margin-left: 95%;
  }

  .offset-xl-58 {
    margin-left: 96.66666667%;
  }

  .offset-xl-59 {
    margin-left: 98.33333333%;
  }
}
@media (min-width: 1600px) {
  .col-xxl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .row-cols-xxl-1 > * {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .row-cols-xxl-2 > * {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .row-cols-xxl-3 > * {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .row-cols-xxl-4 > * {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .row-cols-xxl-5 > * {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .row-cols-xxl-6 > * {
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-xxl-1 {
    flex: 0 0 1.66666667%;
    max-width: 1.66666667%;
  }

  .col-xxl-2 {
    flex: 0 0 3.33333333%;
    max-width: 3.33333333%;
  }

  .col-xxl-3 {
    flex: 0 0 5%;
    max-width: 5%;
  }

  .col-xxl-4 {
    flex: 0 0 6.66666667%;
    max-width: 6.66666667%;
  }

  .col-xxl-5 {
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }

  .col-xxl-6 {
    flex: 0 0 10%;
    max-width: 10%;
  }

  .col-xxl-7 {
    flex: 0 0 11.66666667%;
    max-width: 11.66666667%;
  }

  .col-xxl-8 {
    flex: 0 0 13.33333333%;
    max-width: 13.33333333%;
  }

  .col-xxl-9 {
    flex: 0 0 15%;
    max-width: 15%;
  }

  .col-xxl-10 {
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }

  .col-xxl-11 {
    flex: 0 0 18.33333333%;
    max-width: 18.33333333%;
  }

  .col-xxl-12 {
    flex: 0 0 20%;
    max-width: 20%;
  }

  .col-xxl-13 {
    flex: 0 0 21.66666667%;
    max-width: 21.66666667%;
  }

  .col-xxl-14 {
    flex: 0 0 23.33333333%;
    max-width: 23.33333333%;
  }

  .col-xxl-15 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-xxl-16 {
    flex: 0 0 26.66666667%;
    max-width: 26.66666667%;
  }

  .col-xxl-17 {
    flex: 0 0 28.33333333%;
    max-width: 28.33333333%;
  }

  .col-xxl-18 {
    flex: 0 0 30%;
    max-width: 30%;
  }

  .col-xxl-19 {
    flex: 0 0 31.66666667%;
    max-width: 31.66666667%;
  }

  .col-xxl-20 {
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }

  .col-xxl-21 {
    flex: 0 0 35%;
    max-width: 35%;
  }

  .col-xxl-22 {
    flex: 0 0 36.66666667%;
    max-width: 36.66666667%;
  }

  .col-xxl-23 {
    flex: 0 0 38.33333333%;
    max-width: 38.33333333%;
  }

  .col-xxl-24 {
    flex: 0 0 40%;
    max-width: 40%;
  }

  .col-xxl-25 {
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }

  .col-xxl-26 {
    flex: 0 0 43.33333333%;
    max-width: 43.33333333%;
  }

  .col-xxl-27 {
    flex: 0 0 45%;
    max-width: 45%;
  }

  .col-xxl-28 {
    flex: 0 0 46.66666667%;
    max-width: 46.66666667%;
  }

  .col-xxl-29 {
    flex: 0 0 48.33333333%;
    max-width: 48.33333333%;
  }

  .col-xxl-30 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-xxl-31 {
    flex: 0 0 51.66666667%;
    max-width: 51.66666667%;
  }

  .col-xxl-32 {
    flex: 0 0 53.33333333%;
    max-width: 53.33333333%;
  }

  .col-xxl-33 {
    flex: 0 0 55%;
    max-width: 55%;
  }

  .col-xxl-34 {
    flex: 0 0 56.66666667%;
    max-width: 56.66666667%;
  }

  .col-xxl-35 {
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }

  .col-xxl-36 {
    flex: 0 0 60%;
    max-width: 60%;
  }

  .col-xxl-37 {
    flex: 0 0 61.66666667%;
    max-width: 61.66666667%;
  }

  .col-xxl-38 {
    flex: 0 0 63.33333333%;
    max-width: 63.33333333%;
  }

  .col-xxl-39 {
    flex: 0 0 65%;
    max-width: 65%;
  }

  .col-xxl-40 {
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }

  .col-xxl-41 {
    flex: 0 0 68.33333333%;
    max-width: 68.33333333%;
  }

  .col-xxl-42 {
    flex: 0 0 70%;
    max-width: 70%;
  }

  .col-xxl-43 {
    flex: 0 0 71.66666667%;
    max-width: 71.66666667%;
  }

  .col-xxl-44 {
    flex: 0 0 73.33333333%;
    max-width: 73.33333333%;
  }

  .col-xxl-45 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-xxl-46 {
    flex: 0 0 76.66666667%;
    max-width: 76.66666667%;
  }

  .col-xxl-47 {
    flex: 0 0 78.33333333%;
    max-width: 78.33333333%;
  }

  .col-xxl-48 {
    flex: 0 0 80%;
    max-width: 80%;
  }

  .col-xxl-49 {
    flex: 0 0 81.66666667%;
    max-width: 81.66666667%;
  }

  .col-xxl-50 {
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }

  .col-xxl-51 {
    flex: 0 0 85%;
    max-width: 85%;
  }

  .col-xxl-52 {
    flex: 0 0 86.66666667%;
    max-width: 86.66666667%;
  }

  .col-xxl-53 {
    flex: 0 0 88.33333333%;
    max-width: 88.33333333%;
  }

  .col-xxl-54 {
    flex: 0 0 90%;
    max-width: 90%;
  }

  .col-xxl-55 {
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }

  .col-xxl-56 {
    flex: 0 0 93.33333333%;
    max-width: 93.33333333%;
  }

  .col-xxl-57 {
    flex: 0 0 95%;
    max-width: 95%;
  }

  .col-xxl-58 {
    flex: 0 0 96.66666667%;
    max-width: 96.66666667%;
  }

  .col-xxl-59 {
    flex: 0 0 98.33333333%;
    max-width: 98.33333333%;
  }

  .col-xxl-60 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-xxl-first {
    order: -1;
  }

  .order-xxl-last {
    order: 61;
  }

  .order-xxl-0 {
    order: 0;
  }

  .order-xxl-1 {
    order: 1;
  }

  .order-xxl-2 {
    order: 2;
  }

  .order-xxl-3 {
    order: 3;
  }

  .order-xxl-4 {
    order: 4;
  }

  .order-xxl-5 {
    order: 5;
  }

  .order-xxl-6 {
    order: 6;
  }

  .order-xxl-7 {
    order: 7;
  }

  .order-xxl-8 {
    order: 8;
  }

  .order-xxl-9 {
    order: 9;
  }

  .order-xxl-10 {
    order: 10;
  }

  .order-xxl-11 {
    order: 11;
  }

  .order-xxl-12 {
    order: 12;
  }

  .order-xxl-13 {
    order: 13;
  }

  .order-xxl-14 {
    order: 14;
  }

  .order-xxl-15 {
    order: 15;
  }

  .order-xxl-16 {
    order: 16;
  }

  .order-xxl-17 {
    order: 17;
  }

  .order-xxl-18 {
    order: 18;
  }

  .order-xxl-19 {
    order: 19;
  }

  .order-xxl-20 {
    order: 20;
  }

  .order-xxl-21 {
    order: 21;
  }

  .order-xxl-22 {
    order: 22;
  }

  .order-xxl-23 {
    order: 23;
  }

  .order-xxl-24 {
    order: 24;
  }

  .order-xxl-25 {
    order: 25;
  }

  .order-xxl-26 {
    order: 26;
  }

  .order-xxl-27 {
    order: 27;
  }

  .order-xxl-28 {
    order: 28;
  }

  .order-xxl-29 {
    order: 29;
  }

  .order-xxl-30 {
    order: 30;
  }

  .order-xxl-31 {
    order: 31;
  }

  .order-xxl-32 {
    order: 32;
  }

  .order-xxl-33 {
    order: 33;
  }

  .order-xxl-34 {
    order: 34;
  }

  .order-xxl-35 {
    order: 35;
  }

  .order-xxl-36 {
    order: 36;
  }

  .order-xxl-37 {
    order: 37;
  }

  .order-xxl-38 {
    order: 38;
  }

  .order-xxl-39 {
    order: 39;
  }

  .order-xxl-40 {
    order: 40;
  }

  .order-xxl-41 {
    order: 41;
  }

  .order-xxl-42 {
    order: 42;
  }

  .order-xxl-43 {
    order: 43;
  }

  .order-xxl-44 {
    order: 44;
  }

  .order-xxl-45 {
    order: 45;
  }

  .order-xxl-46 {
    order: 46;
  }

  .order-xxl-47 {
    order: 47;
  }

  .order-xxl-48 {
    order: 48;
  }

  .order-xxl-49 {
    order: 49;
  }

  .order-xxl-50 {
    order: 50;
  }

  .order-xxl-51 {
    order: 51;
  }

  .order-xxl-52 {
    order: 52;
  }

  .order-xxl-53 {
    order: 53;
  }

  .order-xxl-54 {
    order: 54;
  }

  .order-xxl-55 {
    order: 55;
  }

  .order-xxl-56 {
    order: 56;
  }

  .order-xxl-57 {
    order: 57;
  }

  .order-xxl-58 {
    order: 58;
  }

  .order-xxl-59 {
    order: 59;
  }

  .order-xxl-60 {
    order: 60;
  }

  .offset-xxl-0 {
    margin-left: 0;
  }

  .offset-xxl-1 {
    margin-left: 1.66666667%;
  }

  .offset-xxl-2 {
    margin-left: 3.33333333%;
  }

  .offset-xxl-3 {
    margin-left: 5%;
  }

  .offset-xxl-4 {
    margin-left: 6.66666667%;
  }

  .offset-xxl-5 {
    margin-left: 8.33333333%;
  }

  .offset-xxl-6 {
    margin-left: 10%;
  }

  .offset-xxl-7 {
    margin-left: 11.66666667%;
  }

  .offset-xxl-8 {
    margin-left: 13.33333333%;
  }

  .offset-xxl-9 {
    margin-left: 15%;
  }

  .offset-xxl-10 {
    margin-left: 16.66666667%;
  }

  .offset-xxl-11 {
    margin-left: 18.33333333%;
  }

  .offset-xxl-12 {
    margin-left: 20%;
  }

  .offset-xxl-13 {
    margin-left: 21.66666667%;
  }

  .offset-xxl-14 {
    margin-left: 23.33333333%;
  }

  .offset-xxl-15 {
    margin-left: 25%;
  }

  .offset-xxl-16 {
    margin-left: 26.66666667%;
  }

  .offset-xxl-17 {
    margin-left: 28.33333333%;
  }

  .offset-xxl-18 {
    margin-left: 30%;
  }

  .offset-xxl-19 {
    margin-left: 31.66666667%;
  }

  .offset-xxl-20 {
    margin-left: 33.33333333%;
  }

  .offset-xxl-21 {
    margin-left: 35%;
  }

  .offset-xxl-22 {
    margin-left: 36.66666667%;
  }

  .offset-xxl-23 {
    margin-left: 38.33333333%;
  }

  .offset-xxl-24 {
    margin-left: 40%;
  }

  .offset-xxl-25 {
    margin-left: 41.66666667%;
  }

  .offset-xxl-26 {
    margin-left: 43.33333333%;
  }

  .offset-xxl-27 {
    margin-left: 45%;
  }

  .offset-xxl-28 {
    margin-left: 46.66666667%;
  }

  .offset-xxl-29 {
    margin-left: 48.33333333%;
  }

  .offset-xxl-30 {
    margin-left: 50%;
  }

  .offset-xxl-31 {
    margin-left: 51.66666667%;
  }

  .offset-xxl-32 {
    margin-left: 53.33333333%;
  }

  .offset-xxl-33 {
    margin-left: 55%;
  }

  .offset-xxl-34 {
    margin-left: 56.66666667%;
  }

  .offset-xxl-35 {
    margin-left: 58.33333333%;
  }

  .offset-xxl-36 {
    margin-left: 60%;
  }

  .offset-xxl-37 {
    margin-left: 61.66666667%;
  }

  .offset-xxl-38 {
    margin-left: 63.33333333%;
  }

  .offset-xxl-39 {
    margin-left: 65%;
  }

  .offset-xxl-40 {
    margin-left: 66.66666667%;
  }

  .offset-xxl-41 {
    margin-left: 68.33333333%;
  }

  .offset-xxl-42 {
    margin-left: 70%;
  }

  .offset-xxl-43 {
    margin-left: 71.66666667%;
  }

  .offset-xxl-44 {
    margin-left: 73.33333333%;
  }

  .offset-xxl-45 {
    margin-left: 75%;
  }

  .offset-xxl-46 {
    margin-left: 76.66666667%;
  }

  .offset-xxl-47 {
    margin-left: 78.33333333%;
  }

  .offset-xxl-48 {
    margin-left: 80%;
  }

  .offset-xxl-49 {
    margin-left: 81.66666667%;
  }

  .offset-xxl-50 {
    margin-left: 83.33333333%;
  }

  .offset-xxl-51 {
    margin-left: 85%;
  }

  .offset-xxl-52 {
    margin-left: 86.66666667%;
  }

  .offset-xxl-53 {
    margin-left: 88.33333333%;
  }

  .offset-xxl-54 {
    margin-left: 90%;
  }

  .offset-xxl-55 {
    margin-left: 91.66666667%;
  }

  .offset-xxl-56 {
    margin-left: 93.33333333%;
  }

  .offset-xxl-57 {
    margin-left: 95%;
  }

  .offset-xxl-58 {
    margin-left: 96.66666667%;
  }

  .offset-xxl-59 {
    margin-left: 98.33333333%;
  }
}
.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.table th,
.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}
.table tbody + tbody {
  border-top: 2px solid #dee2e6;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #dee2e6;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #dee2e6;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
  border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(23, 23, 23, 0.05);
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(23, 23, 23, 0.075);
}

.table-primary,
.table-primary > th,
.table-primary > td {
  background-color: #d2d7ff;
}
.table-primary th,
.table-primary td,
.table-primary thead th,
.table-primary tbody + tbody {
  border-color: #acb4ff;
}

.table-hover .table-primary:hover {
  background-color: #b9c0ff;
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
  background-color: #b9c0ff;
}

.table-secondary,
.table-secondary > th,
.table-secondary > td {
  background-color: white;
}
.table-secondary th,
.table-secondary td,
.table-secondary thead th,
.table-secondary tbody + tbody {
  border-color: white;
}

.table-hover .table-secondary:hover {
  background-color: #f2f2f2;
}
.table-hover .table-secondary:hover > td,
.table-hover .table-secondary:hover > th {
  background-color: #f2f2f2;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #c7f1d7;
}
.table-success th,
.table-success td,
.table-success thead th,
.table-success tbody + tbody {
  border-color: #96e6b4;
}

.table-hover .table-success:hover {
  background-color: #b3ecc8;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #b3ecc8;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #bee5eb;
}
.table-info th,
.table-info td,
.table-info thead th,
.table-info tbody + tbody {
  border-color: #86cfda;
}

.table-hover .table-info:hover {
  background-color: #abdde5;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #abdde5;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fbf1be;
}
.table-warning th,
.table-warning td,
.table-warning thead th,
.table-warning tbody + tbody {
  border-color: #f8e486;
}

.table-hover .table-warning:hover {
  background-color: #faeca6;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #faeca6;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #ffcec9;
}
.table-danger th,
.table-danger td,
.table-danger thead th,
.table-danger tbody + tbody {
  border-color: #ffa39a;
}

.table-hover .table-danger:hover {
  background-color: #ffb7b0;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ffb7b0;
}

.table-light,
.table-light > th,
.table-light > td {
  background-color: #fdfdfe;
}
.table-light th,
.table-light td,
.table-light thead th,
.table-light tbody + tbody {
  border-color: #fbfcfc;
}

.table-hover .table-light:hover {
  background-color: #ececf6;
}
.table-hover .table-light:hover > td,
.table-hover .table-light:hover > th {
  background-color: #ececf6;
}

.table-dark,
.table-dark > th,
.table-dark > td {
  background-color: #c6c8ca;
}
.table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
  border-color: #95999c;
}

.table-hover .table-dark:hover {
  background-color: #b9bbbe;
}
.table-hover .table-dark:hover > td,
.table-hover .table-dark:hover > th {
  background-color: #b9bbbe;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: rgba(23, 23, 23, 0.075);
}

.table-hover .table-active:hover {
  background-color: rgba(10, 10, 10, 0.075);
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: rgba(10, 10, 10, 0.075);
}

.table .thead-dark th {
  color: #fff;
  background-color: #343a40;
  border-color: #454d55;
}
.table .thead-light th {
  color: #495057;
  background-color: #e9ecef;
  border-color: #dee2e6;
}

.table-dark {
  color: #fff;
  background-color: #343a40;
}
.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
}
.table-dark.table-bordered {
  border: 0;
}
.table-dark.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.05);
}
.table-dark.table-hover tbody tr:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.075);
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }
}
@media (max-width: 1599.98px) {
  .table-responsive-xxl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive-xxl > .table-bordered {
    border: 0;
  }
}
.table-responsive {
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.table-responsive > .table-bordered {
  border: 0;
}

.form-control {
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #dfe2ff;
  outline: 0;
  box-shadow: 0 0 0 0px rgba(95, 111, 255, 0.25);
}
.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}

input[type=date].form-control,
input[type=time].form-control,
input[type=datetime-local].form-control,
input[type=month].form-control {
  appearance: none;
}

select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}
select.form-control:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}

.form-control-file,
.form-control-range {
  display: block;
  width: 100%;
}

.col-form-label {
  padding-top: calc(0.375rem + 1px);
  padding-bottom: calc(0.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}

.col-form-label-lg {
  padding-top: calc(0.5rem + 1px);
  padding-bottom: calc(0.5rem + 1px);
  font-size: 1.25rem;
  line-height: 1.5;
}

.col-form-label-sm {
  padding-top: calc(0.25rem + 1px);
  padding-bottom: calc(0.25rem + 1px);
  font-size: 0.875rem;
  line-height: 1.5;
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0;
}
.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg {
  height: calc(1.5em + 1rem + 2px);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

select.form-control[size], select.form-control[multiple] {
  height: auto;
}

textarea.form-control {
  height: auto;
}

.form-group {
  margin-bottom: 1rem;
}

.form-text {
  display: block;
  margin-top: 0.25rem;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
  padding-right: 5px;
  padding-left: 5px;
}

.form-check {
  position: relative;
  display: block;
  padding-left: 1.25rem;
}

.form-check-input {
  position: absolute;
  margin-top: 0.3rem;
  margin-left: -1.25rem;
}
.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label {
  color: #6c757d;
}

.form-check-label {
  margin-bottom: 0;
}

.form-check-inline {
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-right: 0.75rem;
}
.form-check-inline .form-check-input {
  position: static;
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #36ce6f;
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(54, 206, 111, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .valid-tooltip, .form-row > [class*=col-] > .valid-tooltip {
  left: 5px;
}

.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .form-control:valid, .form-control.is-valid {
  border-color: #36ce6f;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2336ce6f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus, .form-control.is-valid:focus {
  border-color: #36ce6f;
  box-shadow: 0 0 0 0px rgba(54, 206, 111, 0.25);
}

.was-validated select.form-control:valid, select.form-control.is-valid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:valid, textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:valid, .custom-select.is-valid {
  border-color: #36ce6f;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2336ce6f' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
  border-color: #36ce6f;
  box-shadow: 0 0 0 0px rgba(54, 206, 111, 0.25);
}

.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
  color: #36ce6f;
}
.was-validated .form-check-input:valid ~ .valid-feedback,
.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
.form-check-input.is-valid ~ .valid-tooltip {
  display: block;
}

.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
  color: #36ce6f;
}
.was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
  border-color: #36ce6f;
}
.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
  border-color: #5fd88c;
  background-color: #5fd88c;
}
.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0px rgba(54, 206, 111, 0.25);
}
.was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #36ce6f;
}

.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
  border-color: #36ce6f;
}
.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
  border-color: #36ce6f;
  box-shadow: 0 0 0 0px rgba(54, 206, 111, 0.25);
}

.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #ff4f3d;
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #fff;
  background-color: rgba(255, 79, 61, 0.9);
  border-radius: 0.25rem;
}
.form-row > .col > .invalid-tooltip, .form-row > [class*=col-] > .invalid-tooltip {
  left: 5px;
}

.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
  border-color: #ff4f3d;
  padding-right: calc(1.5em + 0.75rem) !important;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff4f3d' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff4f3d' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus {
  border-color: #ff4f3d;
  box-shadow: 0 0 0 0px rgba(255, 79, 61, 0.25);
}

.was-validated select.form-control:invalid, select.form-control.is-invalid {
  padding-right: 3rem !important;
  background-position: right 1.5rem center;
}

.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}

.was-validated .custom-select:invalid, .custom-select.is-invalid {
  border-color: #ff4f3d;
  padding-right: calc(0.75em + 2.3125rem) !important;
  background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23ff4f3d' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23ff4f3d' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat;
}
.was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
  border-color: #ff4f3d;
  box-shadow: 0 0 0 0px rgba(255, 79, 61, 0.25);
}

.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
  color: #ff4f3d;
}
.was-validated .form-check-input:invalid ~ .invalid-feedback,
.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
.form-check-input.is-invalid ~ .invalid-tooltip {
  display: block;
}

.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
  color: #ff4f3d;
}
.was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
  border-color: #ff4f3d;
}
.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
  border-color: #ff7d70;
  background-color: #ff7d70;
}
.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0px rgba(255, 79, 61, 0.25);
}
.was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #ff4f3d;
}

.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
  border-color: #ff4f3d;
}
.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
  border-color: #ff4f3d;
  box-shadow: 0 0 0 0px rgba(255, 79, 61, 0.25);
}

.form-inline {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
}
.form-inline .form-check {
  width: 100%;
}
@media (min-width: 576px) {
  .form-inline label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
  }
  .form-inline .form-group {
    display: flex;
    flex: 0 0 auto;
    flex-flow: row wrap;
    align-items: center;
    margin-bottom: 0;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-plaintext {
    display: inline-block;
  }
  .form-inline .input-group,
.form-inline .custom-select {
    width: auto;
  }
  .form-inline .form-check {
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    padding-left: 0;
  }
  .form-inline .form-check-input {
    position: relative;
    flex-shrink: 0;
    margin-top: 0;
    margin-right: 0.25rem;
    margin-left: 0;
  }
  .form-inline .custom-control {
    align-items: center;
    justify-content: center;
  }
  .form-inline .custom-control-label {
    margin-bottom: 0;
  }
}

.btn, .btn.toolbar-edit--active, .btn.toolbar-edit {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn, .btn.toolbar-edit--active, .btn.toolbar-edit {
    transition: none;
  }
}
.btn:hover {
  color: #212529;
  text-decoration: none;
}
.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0px rgba(95, 111, 255, 0.25);
}
.btn.disabled, .btn:disabled {
  opacity: 0.65;
}
.btn:not(:disabled):not(.disabled) {
  cursor: pointer;
}
a.btn.disabled,
fieldset:disabled a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #5f6fff;
  border-color: #5f6fff;
}
.btn-primary:hover {
  color: #fff;
  background-color: #394dff;
  border-color: #2c41ff;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #394dff;
  border-color: #2c41ff;
  box-shadow: 0 0 0 0px rgba(119, 133, 255, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #5f6fff;
  border-color: #5f6fff;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #2c41ff;
  border-color: #1f36ff;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(119, 133, 255, 0.5);
}

.btn-secondary {
  color: #212529;
  background-color: white;
  border-color: white;
}
.btn-secondary:hover {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #212529;
  background-color: #ececec;
  border-color: #e6e6e6;
  box-shadow: 0 0 0 0px rgba(222, 222, 223, 0.5);
}
.btn-secondary.disabled, .btn-secondary:disabled {
  color: #212529;
  background-color: white;
  border-color: white;
}
.btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle {
  color: #212529;
  background-color: #e6e6e6;
  border-color: #dfdfdf;
}
.btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(222, 222, 223, 0.5);
}

.btn-success {
  color: #fff;
  background-color: #36ce6f;
  border-color: #36ce6f;
}
.btn-success:hover {
  color: #fff;
  background-color: #2bb25e;
  border-color: #29a859;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #2bb25e;
  border-color: #29a859;
  box-shadow: 0 0 0 0px rgba(84, 213, 133, 0.5);
}
.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #36ce6f;
  border-color: #36ce6f;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #29a859;
  border-color: #269e53;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(84, 213, 133, 0.5);
}

.btn-info {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:hover {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #138496;
  border-color: #117a8b;
  box-shadow: 0 0 0 0px rgba(58, 176, 195, 0.5);
}
.btn-info.disabled, .btn-info:disabled {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #117a8b;
  border-color: #10707f;
}
.btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(58, 176, 195, 0.5);
}

.btn-warning {
  color: #212529;
  background-color: #f2cc16;
  border-color: #f2cc16;
}
.btn-warning:hover {
  color: #212529;
  background-color: #d6b30c;
  border-color: #caa90b;
}
.btn-warning:focus, .btn-warning.focus {
  color: #212529;
  background-color: #d6b30c;
  border-color: #caa90b;
  box-shadow: 0 0 0 0px rgba(211, 179, 25, 0.5);
}
.btn-warning.disabled, .btn-warning:disabled {
  color: #212529;
  background-color: #f2cc16;
  border-color: #f2cc16;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #212529;
  background-color: #caa90b;
  border-color: #be9f0b;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(211, 179, 25, 0.5);
}

.btn-danger {
  color: #fff;
  background-color: #ff4f3d;
  border-color: #ff4f3d;
}
.btn-danger:hover {
  color: #fff;
  background-color: #ff2c17;
  border-color: #ff210a;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #ff2c17;
  border-color: #ff210a;
  box-shadow: 0 0 0 0px rgba(255, 105, 90, 0.5);
}
.btn-danger.disabled, .btn-danger:disabled {
  color: #fff;
  background-color: #ff4f3d;
  border-color: #ff4f3d;
}
.btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff210a;
  border-color: #fc1700;
}
.btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(255, 105, 90, 0.5);
}

.btn-light {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:hover {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
}
.btn-light:focus, .btn-light.focus {
  color: #212529;
  background-color: #e2e6ea;
  border-color: #dae0e5;
  box-shadow: 0 0 0 0px rgba(216, 217, 219, 0.5);
}
.btn-light.disabled, .btn-light:disabled {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle {
  color: #212529;
  background-color: #dae0e5;
  border-color: #d3d9df;
}
.btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(216, 217, 219, 0.5);
}

.btn-dark {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:hover {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
}
.btn-dark:focus, .btn-dark.focus {
  color: #fff;
  background-color: #23272b;
  border-color: #1d2124;
  box-shadow: 0 0 0 0px rgba(82, 88, 93, 0.5);
}
.btn-dark.disabled, .btn-dark:disabled {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1d2124;
  border-color: #171a1d;
}
.btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(82, 88, 93, 0.5);
}

.btn-outline-primary {
  color: #5f6fff;
  border-color: #5f6fff;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #5f6fff;
  border-color: #5f6fff;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  box-shadow: 0 0 0 0px rgba(95, 111, 255, 0.5);
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
  color: #5f6fff;
  background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #5f6fff;
  border-color: #5f6fff;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(95, 111, 255, 0.5);
}

.btn-outline-secondary {
  color: white;
  border-color: white;
}
.btn-outline-secondary:hover {
  color: #212529;
  background-color: white;
  border-color: white;
}
.btn-outline-secondary:focus, .btn-outline-secondary.focus {
  box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
}
.btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
  color: white;
  background-color: transparent;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle {
  color: #212529;
  background-color: white;
  border-color: white;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
}

.btn-outline-success {
  color: #36ce6f;
  border-color: #36ce6f;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #36ce6f;
  border-color: #36ce6f;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  box-shadow: 0 0 0 0px rgba(54, 206, 111, 0.5);
}
.btn-outline-success.disabled, .btn-outline-success:disabled {
  color: #36ce6f;
  background-color: transparent;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #36ce6f;
  border-color: #36ce6f;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(54, 206, 111, 0.5);
}

.btn-outline-info {
  color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:hover {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:focus, .btn-outline-info.focus {
  box-shadow: 0 0 0 0px rgba(23, 162, 184, 0.5);
}
.btn-outline-info.disabled, .btn-outline-info:disabled {
  color: #17a2b8;
  background-color: transparent;
}
.btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle {
  color: #fff;
  background-color: #17a2b8;
  border-color: #17a2b8;
}
.btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(23, 162, 184, 0.5);
}

.btn-outline-warning {
  color: #f2cc16;
  border-color: #f2cc16;
}
.btn-outline-warning:hover {
  color: #212529;
  background-color: #f2cc16;
  border-color: #f2cc16;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  box-shadow: 0 0 0 0px rgba(242, 204, 22, 0.5);
}
.btn-outline-warning.disabled, .btn-outline-warning:disabled {
  color: #f2cc16;
  background-color: transparent;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #212529;
  background-color: #f2cc16;
  border-color: #f2cc16;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(242, 204, 22, 0.5);
}

.btn-outline-danger {
  color: #ff4f3d;
  border-color: #ff4f3d;
}
.btn-outline-danger:hover {
  color: #fff;
  background-color: #ff4f3d;
  border-color: #ff4f3d;
}
.btn-outline-danger:focus, .btn-outline-danger.focus {
  box-shadow: 0 0 0 0px rgba(255, 79, 61, 0.5);
}
.btn-outline-danger.disabled, .btn-outline-danger:disabled {
  color: #ff4f3d;
  background-color: transparent;
}
.btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle {
  color: #fff;
  background-color: #ff4f3d;
  border-color: #ff4f3d;
}
.btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(255, 79, 61, 0.5);
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:hover {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:focus, .btn-outline-light.focus {
  box-shadow: 0 0 0 0px rgba(248, 249, 250, 0.5);
}
.btn-outline-light.disabled, .btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent;
}
.btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle {
  color: #212529;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
}
.btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(248, 249, 250, 0.5);
}

.btn-outline-dark {
  color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:hover {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:focus, .btn-outline-dark.focus {
  box-shadow: 0 0 0 0px rgba(52, 58, 64, 0.5);
}
.btn-outline-dark.disabled, .btn-outline-dark:disabled {
  color: #343a40;
  background-color: transparent;
}
.btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle {
  color: #fff;
  background-color: #343a40;
  border-color: #343a40;
}
.btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 0px rgba(52, 58, 64, 0.5);
}

.btn-link {
  font-weight: 400;
  color: #5f6fff;
  text-decoration: none;
}
.btn-link:hover {
  color: #132aff;
  text-decoration: underline;
}
.btn-link:focus, .btn-link.focus {
  text-decoration: underline;
}
.btn-link:disabled, .btn-link.disabled {
  color: #6c757d;
  pointer-events: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 0.5rem;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}

.collapse:not(.show) {
  display: none;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}

.dropup,
.dropright,
.dropdown,
.dropleft {
  position: relative;
}

.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(23, 23, 23, 0.15);
  border-radius: 0.25rem;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

@media (min-width: 576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-sm-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-md-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-lg-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1600px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0;
  }

  .dropdown-menu-xxl-right {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: 0.125rem;
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: 0.125rem;
}
.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropright .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropright .dropdown-toggle::after {
  vertical-align: 0;
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: 0.125rem;
}
.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropleft .dropdown-toggle::after {
  display: none;
}
.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropleft .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle::before {
  vertical-align: 0;
}

.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
  right: auto;
  bottom: auto;
}

.dropdown-divider {
  height: 0;
  margin: 0.5rem 0;
  overflow: hidden;
  border-top: 1px solid #e9ecef;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.5rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
}
.dropdown-item:hover, .dropdown-item:focus {
  color: #16181b;
  text-decoration: none;
  background-color: #e9ecef;
}
.dropdown-item.active, .dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #5f6fff;
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: #adb5bd;
  pointer-events: none;
  background-color: transparent;
}

.dropdown-menu.show {
  display: block;
}

.dropdown-header {
  display: block;
  padding: 0.5rem 1.5rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  color: #6c757d;
  white-space: nowrap;
}

.dropdown-item-text {
  display: block;
  padding: 0.25rem 1.5rem;
  color: #212529;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 1;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}

.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropleft .dropdown-toggle-split::before {
  margin-right: 0;
}

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: -1px;
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.btn-group-toggle > .btn,
.btn-group-toggle > .btn-group > .btn {
  margin-bottom: 0;
}
.btn-group-toggle > .btn input[type=radio],
.btn-group-toggle > .btn input[type=checkbox],
.btn-group-toggle > .btn-group > .btn input[type=radio],
.btn-group-toggle > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-control-plaintext,
.input-group > .custom-select,
.input-group > .custom-file {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
  margin-bottom: 0;
}
.input-group > .form-control + .form-control,
.input-group > .form-control + .custom-select,
.input-group > .form-control + .custom-file,
.input-group > .form-control-plaintext + .form-control,
.input-group > .form-control-plaintext + .custom-select,
.input-group > .form-control-plaintext + .custom-file,
.input-group > .custom-select + .form-control,
.input-group > .custom-select + .custom-select,
.input-group > .custom-select + .custom-file,
.input-group > .custom-file + .form-control,
.input-group > .custom-file + .custom-select,
.input-group > .custom-file + .custom-file {
  margin-left: -1px;
}
.input-group > .form-control:focus,
.input-group > .custom-select:focus,
.input-group > .custom-file .custom-file-input:focus ~ .custom-file-label {
  z-index: 3;
}
.input-group > .custom-file .custom-file-input:focus {
  z-index: 4;
}
.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .custom-file {
  display: flex;
  align-items: center;
}
.input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label,
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > .form-control:nth-last-child(n+3),
.input-group.has-validation > .custom-select:nth-last-child(n+3),
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label,
.input-group.has-validation > .custom-file:nth-last-child(n+3) .custom-file-label::after {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group-prepend,
.input-group-append {
  display: flex;
}
.input-group-prepend .btn,
.input-group-append .btn {
  position: relative;
  z-index: 2;
}
.input-group-prepend .btn:focus,
.input-group-append .btn:focus {
  z-index: 3;
}
.input-group-prepend .btn + .btn,
.input-group-prepend .btn + .input-group-text,
.input-group-prepend .input-group-text + .input-group-text,
.input-group-prepend .input-group-text + .btn,
.input-group-append .btn + .btn,
.input-group-append .btn + .input-group-text,
.input-group-append .input-group-text + .input-group-text,
.input-group-append .input-group-text + .btn {
  margin-left: -1px;
}

.input-group-prepend {
  margin-right: -1px;
}

.input-group-append {
  margin-left: -1px;
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.input-group-text input[type=radio],
.input-group-text input[type=checkbox] {
  margin-top: 0;
}

.input-group-lg > .form-control:not(textarea),
.input-group-lg > .custom-select {
  height: calc(1.5em + 1rem + 2px);
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  line-height: 1.5;
  border-radius: 0.3rem;
}

.input-group-sm > .form-control:not(textarea),
.input-group-sm > .custom-select {
  height: calc(1.5em + 0.5rem + 2px);
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.input-group-lg > .custom-select,
.input-group-sm > .custom-select {
  padding-right: 1.75rem;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn,
.input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .btn,
.input-group.has-validation > .input-group-append:nth-last-child(n+3) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.custom-control {
  position: relative;
  z-index: 1;
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5rem;
  color-adjust: exact;
}

.custom-control-inline {
  display: inline-flex;
  margin-right: 1rem;
}

.custom-control-input {
  position: absolute;
  left: 0;
  z-index: -1;
  width: 1rem;
  height: 1.25rem;
  opacity: 0;
}
.custom-control-input:checked ~ .custom-control-label::before {
  color: #fff;
  border-color: #5f6fff;
  background-color: #5f6fff;
}
.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 0px rgba(95, 111, 255, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #dfe2ff;
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: white;
  border-color: white;
}
.custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label {
  color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
  background-color: #e9ecef;
}

.custom-control-label {
  position: relative;
  margin-bottom: 0;
  vertical-align: top;
}
.custom-control-label::before {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  pointer-events: none;
  content: "";
  background-color: #fff;
  border: #adb5bd solid 1px;
}
.custom-control-label::after {
  position: absolute;
  top: 0.25rem;
  left: -1.5rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background: 50%/50% 50% no-repeat;
}

.custom-checkbox .custom-control-label::before {
  border-radius: 0.25rem;
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  border-color: #5f6fff;
  background-color: #5f6fff;
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e");
}
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(95, 111, 255, 0.5);
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
  background-color: rgba(95, 111, 255, 0.5);
}

.custom-radio .custom-control-label::before {
  border-radius: 50%;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(95, 111, 255, 0.5);
}

.custom-switch {
  padding-left: 2.25rem;
}
.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 1.75rem;
  pointer-events: all;
  border-radius: 0.5rem;
}
.custom-switch .custom-control-label::after {
  top: calc(0.25rem + 2px);
  left: calc(-2.25rem + 2px);
  width: calc(1rem - 4px);
  height: calc(1rem - 4px);
  background-color: #adb5bd;
  border-radius: 0.5rem;
  transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-switch .custom-control-label::after {
    transition: none;
  }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  background-color: #fff;
  transform: translateX(0.75rem);
}
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before {
  background-color: rgba(95, 111, 255, 0.5);
}

.custom-select {
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  vertical-align: middle;
  background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center/8px 10px no-repeat;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  appearance: none;
}
.custom-select:focus {
  border-color: #dfe2ff;
  outline: 0;
  box-shadow: 0 0 0 0px rgba(95, 111, 255, 0.25);
}
.custom-select:focus::-ms-value {
  color: #495057;
  background-color: #fff;
}
.custom-select[multiple], .custom-select[size]:not([size="1"]) {
  height: auto;
  padding-right: 0.75rem;
  background-image: none;
}
.custom-select:disabled {
  color: #6c757d;
  background-color: #e9ecef;
}
.custom-select::-ms-expand {
  display: none;
}
.custom-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #495057;
}

.custom-select-sm {
  height: calc(1.5em + 0.5rem + 2px);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
}

.custom-select-lg {
  height: calc(1.5em + 1rem + 2px);
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  margin: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-file-input:focus ~ .custom-file-label {
  border-color: #dfe2ff;
  box-shadow: 0 0 0 0px rgba(95, 111, 255, 0.25);
}
.custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label {
  background-color: #e9ecef;
}
.custom-file-input:lang(en) ~ .custom-file-label::after {
  content: "Browse";
}
.custom-file-input ~ .custom-file-label[data-browse]::after {
  content: attr(data-browse);
}

.custom-file-label {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  overflow: hidden;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + 0.75rem);
  padding: 0.375rem 0.75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 0.25rem 0.25rem 0;
}

.custom-range {
  width: 100%;
  height: calc(1rem + 0px);
  padding: 0;
  background-color: transparent;
  appearance: none;
}
.custom-range:focus {
  outline: 0;
}
.custom-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0px rgba(95, 111, 255, 0.25);
}
.custom-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0px rgba(95, 111, 255, 0.25);
}
.custom-range:focus::-ms-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0px rgba(95, 111, 255, 0.25);
}
.custom-range::-moz-focus-outer {
  border: 0;
}
.custom-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  background-color: #5f6fff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-webkit-slider-thumb {
    transition: none;
  }
}
.custom-range::-webkit-slider-thumb:active {
  background-color: white;
}
.custom-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #5f6fff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-moz-range-thumb {
    transition: none;
  }
}
.custom-range::-moz-range-thumb:active {
  background-color: white;
}
.custom-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem;
}
.custom-range::-ms-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: 0;
  margin-right: 0px;
  margin-left: 0px;
  background-color: #5f6fff;
  border: 0;
  border-radius: 1rem;
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  appearance: none;
}
@media (prefers-reduced-motion: reduce) {
  .custom-range::-ms-thumb {
    transition: none;
  }
}
.custom-range::-ms-thumb:active {
  background-color: white;
}
.custom-range::-ms-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
  border-width: 0.5rem;
}
.custom-range::-ms-fill-lower {
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range::-ms-fill-upper {
  margin-right: 15px;
  background-color: #dee2e6;
  border-radius: 1rem;
}
.custom-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-webkit-slider-runnable-track {
  cursor: default;
}
.custom-range:disabled::-moz-range-thumb {
  background-color: #adb5bd;
}
.custom-range:disabled::-moz-range-track {
  cursor: default;
}
.custom-range:disabled::-ms-thumb {
  background-color: #adb5bd;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .custom-control-label::before,
.custom-file-label,
.custom-select {
    transition: none;
  }
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
.nav-link:hover, .nav-link:focus {
  text-decoration: none;
}
.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6;
}
.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
  border-color: #e9ecef #e9ecef #dee2e6;
}
.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.nav-pills .nav-link {
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #fff;
  background-color: #5f6fff;
}

.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}

.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
}
.navbar .container,
.navbar .container-fluid,
.navbar .container-sm,
.navbar .container-md,
.navbar .container-lg,
.navbar .container-xl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  display: inline-block;
  padding-top: 0.3125rem;
  padding-bottom: 0.3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  line-height: inherit;
  white-space: nowrap;
}
.navbar-brand:hover, .navbar-brand:focus {
  text-decoration: none;
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav .dropdown-menu {
  position: static;
  float: none;
}

.navbar-text {
  display: inline-block;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.navbar-collapse {
  flex-basis: 100%;
  flex-grow: 1;
  align-items: center;
}

.navbar-toggler {
  padding: 0.25rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:hover, .navbar-toggler:focus {
  text-decoration: none;
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  content: "";
  background: 50%/100% 100% no-repeat;
}

.navbar-nav-scroll {
  max-height: 75vh;
  overflow-y: auto;
}

@media (max-width: 575.98px) {
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-sm > .container,
.navbar-expand-sm > .container-fluid,
.navbar-expand-sm > .container-sm,
.navbar-expand-sm > .container-md,
.navbar-expand-sm > .container-lg,
.navbar-expand-sm > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
}
@media (max-width: 767.98px) {
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-md > .container,
.navbar-expand-md > .container-fluid,
.navbar-expand-md > .container-sm,
.navbar-expand-md > .container-md,
.navbar-expand-md > .container-lg,
.navbar-expand-md > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-lg > .container,
.navbar-expand-lg > .container-fluid,
.navbar-expand-lg > .container-sm,
.navbar-expand-lg > .container-md,
.navbar-expand-lg > .container-lg,
.navbar-expand-lg > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1199.98px) {
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xl > .container,
.navbar-expand-xl > .container-fluid,
.navbar-expand-xl > .container-sm,
.navbar-expand-xl > .container-md,
.navbar-expand-xl > .container-lg,
.navbar-expand-xl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
}
@media (max-width: 1599.98px) {
  .navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid,
.navbar-expand-xxl > .container-sm,
.navbar-expand-xxl > .container-md,
.navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl {
    padding-right: 0;
    padding-left: 0;
  }
}
@media (min-width: 1600px) {
  .navbar-expand-xxl {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: 0.5rem;
    padding-left: 0.5rem;
  }
  .navbar-expand-xxl > .container,
.navbar-expand-xxl > .container-fluid,
.navbar-expand-xxl > .container-sm,
.navbar-expand-xxl > .container-md,
.navbar-expand-xxl > .container-lg,
.navbar-expand-xxl > .container-xl {
    flex-wrap: nowrap;
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
}
.navbar-expand {
  flex-flow: row nowrap;
  justify-content: flex-start;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  padding-right: 0;
  padding-left: 0;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.navbar-expand > .container,
.navbar-expand > .container-fluid,
.navbar-expand > .container-sm,
.navbar-expand > .container-md,
.navbar-expand > .container-lg,
.navbar-expand > .container-xl {
  flex-wrap: nowrap;
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}

.navbar-light .navbar-brand {
  color: rgba(23, 23, 23, 0.9);
}
.navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
  color: rgba(23, 23, 23, 0.9);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(23, 23, 23, 0.5);
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: rgba(23, 23, 23, 0.7);
}
.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(23, 23, 23, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
  color: rgba(23, 23, 23, 0.9);
}
.navbar-light .navbar-toggler {
  color: rgba(23, 23, 23, 0.5);
  border-color: rgba(23, 23, 23, 0.1);
}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2823, 23, 23, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-light .navbar-text {
  color: rgba(23, 23, 23, 0.5);
}
.navbar-light .navbar-text a {
  color: rgba(23, 23, 23, 0.9);
}
.navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
  color: rgba(23, 23, 23, 0.9);
}

.navbar-dark .navbar-brand {
  color: #fff;
}
.navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
  color: #fff;
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .nav-link.show,
.navbar-dark .navbar-nav .nav-link.active {
  color: #fff;
}
.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.1);
}
.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-text a {
  color: #fff;
}
.navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
  color: #fff;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(23, 23, 23, 0.125);
  border-radius: 0.25rem;
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}

.card-body {
  flex: 1 1 auto;
  min-height: 1px;
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: rgba(23, 23, 23, 0.03);
  border-bottom: 1px solid rgba(23, 23, 23, 0.125);
}
.card-header:first-child {
  border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: rgba(23, 23, 23, 0.03);
  border-top: 1px solid rgba(23, 23, 23, 0.125);
}
.card-footer:last-child {
  border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
  margin-right: -0.625rem;
  margin-bottom: -0.75rem;
  margin-left: -0.625rem;
  border-bottom: 0;
}

.card-header-pills {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
  border-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-top,
.card-img-bottom {
  flex-shrink: 0;
  width: 100%;
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(0.25rem - 1px);
  border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck .card {
  margin-bottom: 8px;
}
@media (min-width: 576px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -8px;
    margin-left: -8px;
  }
  .card-deck .card {
    flex: 1 0 0%;
    margin-right: 8px;
    margin-bottom: 0;
    margin-left: 8px;
  }
}

.card-group > .card {
  margin-bottom: 8px;
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0%;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-top,
.card-group > .card:not(:last-child) .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) .card-img-bottom,
.card-group > .card:not(:last-child) .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-top,
.card-group > .card:not(:first-child) .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) .card-img-bottom,
.card-group > .card:not(:first-child) .card-footer {
    border-bottom-left-radius: 0;
  }
}

.card-columns .card {
  margin-bottom: 0.75rem;
}
@media (min-width: 576px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
    orphans: 1;
    widows: 1;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}

.accordion {
  overflow-anchor: none;
}
.accordion > .card {
  overflow: hidden;
}
.accordion > .card:not(:last-of-type) {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.accordion > .card:not(:first-of-type) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.accordion > .card > .card-header {
  border-radius: 0;
  margin-bottom: -1px;
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: 0.75rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.breadcrumb-item + .breadcrumb-item {
  padding-left: 0.5rem;
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: 0.5rem;
  color: #6c757d;
  content: "/";
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: underline;
}
.breadcrumb-item + .breadcrumb-item:hover::before {
  text-decoration: none;
}
.breadcrumb-item.active {
  color: #6c757d;
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
  border-radius: 0.25rem;
}

.page-link {
  position: relative;
  display: block;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.25;
  color: #5f6fff;
  background-color: #fff;
  border: 1px solid #dee2e6;
}
.page-link:hover {
  z-index: 2;
  color: #132aff;
  text-decoration: none;
  background-color: #e9ecef;
  border-color: #dee2e6;
}
.page-link:focus {
  z-index: 3;
  outline: 0;
  box-shadow: 0 0 0 0px rgba(95, 111, 255, 0.25);
}

.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #5f6fff;
  border-color: #5f6fff;
}
.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  cursor: auto;
  background-color: #fff;
  border-color: #dee2e6;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: 0.3rem;
  border-bottom-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
}

.badge {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .badge {
    transition: none;
  }
}
a.badge:hover, a.badge:focus {
  text-decoration: none;
}

.badge:empty {
  display: none;
}

.btn .badge {
  position: relative;
  top: -1px;
}

.badge-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.badge-primary {
  color: #fff;
  background-color: #5f6fff;
}
a.badge-primary:hover, a.badge-primary:focus {
  color: #fff;
  background-color: #2c41ff;
}
a.badge-primary:focus, a.badge-primary.focus {
  outline: 0;
  box-shadow: 0 0 0 0px rgba(95, 111, 255, 0.5);
}

.badge-secondary {
  color: #212529;
  background-color: white;
}
a.badge-secondary:hover, a.badge-secondary:focus {
  color: #212529;
  background-color: #e6e6e6;
}
a.badge-secondary:focus, a.badge-secondary.focus {
  outline: 0;
  box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.5);
}

.badge-success {
  color: #fff;
  background-color: #36ce6f;
}
a.badge-success:hover, a.badge-success:focus {
  color: #fff;
  background-color: #29a859;
}
a.badge-success:focus, a.badge-success.focus {
  outline: 0;
  box-shadow: 0 0 0 0px rgba(54, 206, 111, 0.5);
}

.badge-info {
  color: #fff;
  background-color: #17a2b8;
}
a.badge-info:hover, a.badge-info:focus {
  color: #fff;
  background-color: #117a8b;
}
a.badge-info:focus, a.badge-info.focus {
  outline: 0;
  box-shadow: 0 0 0 0px rgba(23, 162, 184, 0.5);
}

.badge-warning {
  color: #212529;
  background-color: #f2cc16;
}
a.badge-warning:hover, a.badge-warning:focus {
  color: #212529;
  background-color: #caa90b;
}
a.badge-warning:focus, a.badge-warning.focus {
  outline: 0;
  box-shadow: 0 0 0 0px rgba(242, 204, 22, 0.5);
}

.badge-danger {
  color: #fff;
  background-color: #ff4f3d;
}
a.badge-danger:hover, a.badge-danger:focus {
  color: #fff;
  background-color: #ff210a;
}
a.badge-danger:focus, a.badge-danger.focus {
  outline: 0;
  box-shadow: 0 0 0 0px rgba(255, 79, 61, 0.5);
}

.badge-light {
  color: #212529;
  background-color: #f8f9fa;
}
a.badge-light:hover, a.badge-light:focus {
  color: #212529;
  background-color: #dae0e5;
}
a.badge-light:focus, a.badge-light.focus {
  outline: 0;
  box-shadow: 0 0 0 0px rgba(248, 249, 250, 0.5);
}

.badge-dark {
  color: #fff;
  background-color: #343a40;
}
a.badge-dark:hover, a.badge-dark:focus {
  color: #fff;
  background-color: #1d2124;
}
a.badge-dark:focus, a.badge-dark.focus {
  outline: 0;
  box-shadow: 0 0 0 0px rgba(52, 58, 64, 0.5);
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #e9ecef;
  border-radius: 0.3rem;
}
@media (min-width: 576px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 4rem;
}
.alert-dismissible .close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 0.75rem 1.25rem;
  color: inherit;
}

.alert-primary {
  color: #3c4590;
  background-color: #dfe2ff;
  border-color: #d2d7ff;
}
.alert-primary hr {
  border-top-color: #b9c0ff;
}
.alert-primary .alert-link {
  color: #2d346c;
}

.alert-secondary {
  color: #909090;
  background-color: white;
  border-color: white;
}
.alert-secondary hr {
  border-top-color: #f2f2f2;
}
.alert-secondary .alert-link {
  color: #777777;
}

.alert-success {
  color: #277645;
  background-color: #d7f5e2;
  border-color: #c7f1d7;
}
.alert-success hr {
  border-top-color: #b3ecc8;
}
.alert-success .alert-link {
  color: #1a502f;
}

.alert-info {
  color: #175f6b;
  background-color: #d1ecf1;
  border-color: #bee5eb;
}
.alert-info hr {
  border-top-color: #abdde5;
}
.alert-info .alert-link {
  color: #0e3a41;
}

.alert-warning {
  color: #897516;
  background-color: #fcf5d0;
  border-color: #fbf1be;
}
.alert-warning hr {
  border-top-color: #faeca6;
}
.alert-warning .alert-link {
  color: #5d4f0f;
}

.alert-danger {
  color: #90342b;
  background-color: #ffdcd8;
  border-color: #ffcec9;
}
.alert-danger hr {
  border-top-color: #ffb7b0;
}
.alert-danger .alert-link {
  color: #69261f;
}

.alert-light {
  color: #8c8d8d;
  background-color: #fefefe;
  border-color: #fdfdfe;
}
.alert-light hr {
  border-top-color: #ececf6;
}
.alert-light .alert-link {
  color: #727474;
}

.alert-dark {
  color: #26292c;
  background-color: #d6d8d9;
  border-color: #c6c8ca;
}
.alert-dark hr {
  border-top-color: #b9bbbe;
}
.alert-dark .alert-link {
  color: #0e1011;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  line-height: 0;
  font-size: 0.75rem;
  background-color: #e9ecef;
  border-radius: 0.25rem;
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #5f6fff;
  transition: width 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}

.media {
  display: flex;
  align-items: flex-start;
}

.media-body {
  flex: 1;
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: 0.25rem;
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit;
}
.list-group-item-action:hover, .list-group-item-action:focus {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa;
}
.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  background-color: #fff;
  border: 1px solid rgba(23, 23, 23, 0.125);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled, .list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
}
.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #5f6fff;
  border-color: #5f6fff;
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px;
}

.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: 1px;
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px;
}

@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
@media (min-width: 1600px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child {
    border-bottom-left-radius: 0.25rem;
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child {
    border-top-right-radius: 0.25rem;
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: 1px;
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px;
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 1px;
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}

.list-group-item-primary {
  color: #3c4590;
  background-color: #d2d7ff;
}
.list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
  color: #3c4590;
  background-color: #b9c0ff;
}
.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #3c4590;
  border-color: #3c4590;
}

.list-group-item-secondary {
  color: #909090;
  background-color: white;
}
.list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
  color: #909090;
  background-color: #f2f2f2;
}
.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #909090;
  border-color: #909090;
}

.list-group-item-success {
  color: #277645;
  background-color: #c7f1d7;
}
.list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
  color: #277645;
  background-color: #b3ecc8;
}
.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #277645;
  border-color: #277645;
}

.list-group-item-info {
  color: #175f6b;
  background-color: #bee5eb;
}
.list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
  color: #175f6b;
  background-color: #abdde5;
}
.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #175f6b;
  border-color: #175f6b;
}

.list-group-item-warning {
  color: #897516;
  background-color: #fbf1be;
}
.list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
  color: #897516;
  background-color: #faeca6;
}
.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #897516;
  border-color: #897516;
}

.list-group-item-danger {
  color: #90342b;
  background-color: #ffcec9;
}
.list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
  color: #90342b;
  background-color: #ffb7b0;
}
.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #90342b;
  border-color: #90342b;
}

.list-group-item-light {
  color: #8c8d8d;
  background-color: #fdfdfe;
}
.list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
  color: #8c8d8d;
  background-color: #ececf6;
}
.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #8c8d8d;
  border-color: #8c8d8d;
}

.list-group-item-dark {
  color: #26292c;
  background-color: #c6c8ca;
}
.list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
  color: #26292c;
  background-color: #b9bbbe;
}
.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #26292c;
  border-color: #26292c;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #171717;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.5;
}
.close:hover {
  color: #171717;
  text-decoration: none;
}
.close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
  opacity: 0.75;
}

button.close {
  padding: 0;
  background-color: transparent;
  border: 0;
}

a.close.disabled {
  pointer-events: none;
}

.toast {
  flex-basis: 350px;
  max-width: 350px;
  font-size: 0.875rem;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.25rem 0.75rem rgba(23, 23, 23, 0.1);
  opacity: 0;
  border-radius: 0.25rem;
}
.toast:not(:last-child) {
  margin-bottom: 0.75rem;
}
.toast.showing {
  opacity: 1;
}
.toast.show {
  display: block;
  opacity: 1;
}
.toast.hide {
  display: none;
}

.toast-header {
  display: flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, 0.85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top-left-radius: calc(0.25rem - 1px);
  border-top-right-radius: calc(0.25rem - 1px);
}

.toast-body {
  padding: 0.75rem;
}

.modal-open {
  overflow: hidden;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}

.modal-dialog-scrollable {
  display: flex;
  max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
  max-height: calc(100vh - 1rem);
  overflow: hidden;
}
.modal-dialog-scrollable .modal-header, .modal-dialog-scrollable md-dialog md-toolbar .md-toolbar-tools, md-dialog md-toolbar .modal-dialog-scrollable .md-toolbar-tools,
.modal-dialog-scrollable .modal-footer,
.modal-dialog-scrollable md-dialog .md-actions,
md-dialog .modal-dialog-scrollable .md-actions {
  flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
  display: block;
  height: calc(100vh - 1rem);
  height: min-content;
  content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
  flex-direction: column;
  justify-content: center;
  height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
  max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
  content: none;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(23, 23, 23, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #171717;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header, md-dialog md-toolbar .md-toolbar-tools {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.modal-header .close, md-dialog md-toolbar .md-toolbar-tools .close {
  padding: 1rem 1rem;
  margin: -1rem -1rem -1rem auto;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer, md-dialog .md-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: 0.75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(0.3rem - 1px);
  border-bottom-left-radius: calc(0.3rem - 1px);
}
.modal-footer > *, md-dialog .md-actions > * {
  margin: 0.25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto;
  }

  .modal-dialog-scrollable {
    max-height: calc(100% - 3.5rem);
  }
  .modal-dialog-scrollable .modal-content {
    max-height: calc(100vh - 3.5rem);
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem);
  }
  .modal-dialog-centered::before {
    height: calc(100vh - 3.5rem);
    height: min-content;
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
.modal-xl {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    max-width: 1140px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: 0.9;
}
.tooltip .arrow {
  position: absolute;
  display: block;
  width: 0.8rem;
  height: 0.4rem;
}
.tooltip .arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
  padding: 0.4rem 0;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
  bottom: 0;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
  top: 0;
  border-width: 0.4rem 0.4rem 0;
  border-top-color: #171717;
}

.bs-tooltip-right, .bs-tooltip-auto[x-placement^=right] {
  padding: 0 0.4rem;
}
.bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^=right] .arrow {
  left: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^=right] .arrow::before {
  right: 0;
  border-width: 0.4rem 0.4rem 0.4rem 0;
  border-right-color: #171717;
}

.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^=bottom] {
  padding: 0.4rem 0;
}
.bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^=bottom] .arrow {
  top: 0;
}
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^=bottom] .arrow::before {
  bottom: 0;
  border-width: 0 0.4rem 0.4rem;
  border-bottom-color: #171717;
}

.bs-tooltip-left, .bs-tooltip-auto[x-placement^=left] {
  padding: 0 0.4rem;
}
.bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^=left] .arrow {
  right: 0;
  width: 0.4rem;
  height: 0.8rem;
}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^=left] .arrow::before {
  left: 0;
  border-width: 0.4rem 0 0.4rem 0.4rem;
  border-left-color: #171717;
}

.tooltip-inner {
  max-width: 200px;
  padding: 0.25rem 0.5rem;
  color: #fff;
  text-align: center;
  background-color: #171717;
  border-radius: 0.25rem;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: 0.875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(23, 23, 23, 0.2);
  border-radius: 0.3rem;
}
.popover .arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: 0.5rem;
  margin: 0 0.3rem;
}
.popover .arrow::before, .popover .arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
}

.bs-popover-top, .bs-popover-auto[x-placement^=top] {
  margin-bottom: 0.5rem;
}
.bs-popover-top > .arrow, .bs-popover-auto[x-placement^=top] > .arrow {
  bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .arrow::before, .bs-popover-auto[x-placement^=top] > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: rgba(23, 23, 23, 0.25);
}
.bs-popover-top > .arrow::after, .bs-popover-auto[x-placement^=top] > .arrow::after {
  bottom: 1px;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: #fff;
}

.bs-popover-right, .bs-popover-auto[x-placement^=right] {
  margin-left: 0.5rem;
}
.bs-popover-right > .arrow, .bs-popover-auto[x-placement^=right] > .arrow {
  left: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-right > .arrow::before, .bs-popover-auto[x-placement^=right] > .arrow::before {
  left: 0;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: rgba(23, 23, 23, 0.25);
}
.bs-popover-right > .arrow::after, .bs-popover-auto[x-placement^=right] > .arrow::after {
  left: 1px;
  border-width: 0.5rem 0.5rem 0.5rem 0;
  border-right-color: #fff;
}

.bs-popover-bottom, .bs-popover-auto[x-placement^=bottom] {
  margin-top: 0.5rem;
}
.bs-popover-bottom > .arrow, .bs-popover-auto[x-placement^=bottom] > .arrow {
  top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .arrow::before, .bs-popover-auto[x-placement^=bottom] > .arrow::before {
  top: 0;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: rgba(23, 23, 23, 0.25);
}
.bs-popover-bottom > .arrow::after, .bs-popover-auto[x-placement^=bottom] > .arrow::after {
  top: 1px;
  border-width: 0 0.5rem 0.5rem 0.5rem;
  border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -0.5rem;
  content: "";
  border-bottom: 1px solid #f7f7f7;
}

.bs-popover-left, .bs-popover-auto[x-placement^=left] {
  margin-right: 0.5rem;
}
.bs-popover-left > .arrow, .bs-popover-auto[x-placement^=left] > .arrow {
  right: calc(-0.5rem - 1px);
  width: 0.5rem;
  height: 1rem;
  margin: 0.3rem 0;
}
.bs-popover-left > .arrow::before, .bs-popover-auto[x-placement^=left] > .arrow::before {
  right: 0;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: rgba(23, 23, 23, 0.25);
}
.bs-popover-left > .arrow::after, .bs-popover-auto[x-placement^=left] > .arrow::after {
  right: 1px;
  border-width: 0.5rem 0 0.5rem 0.5rem;
  border-left-color: #fff;
}

.popover-header {
  padding: 0.5rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-top-left-radius: calc(0.3rem - 1px);
  border-top-right-radius: calc(0.3rem - 1px);
}
.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 0.5rem 0.75rem;
  color: #212529;
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-left),
.active.carousel-item-right {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-right),
.active.carousel-item-left {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    transition: none;
  }
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
.carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: 50%/100% 100% no-repeat;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}
.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators li {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  border: 0.25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  animation: 0.75s linear infinite spinner-border;
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: 0.2em;
}

@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: -0.125em;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  animation: 0.75s linear infinite spinner-grow;
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
.spinner-grow {
    animation-duration: 1.5s;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.align-text-bottom {
  vertical-align: text-bottom !important;
}

.align-text-top {
  vertical-align: text-top !important;
}

.bg-primary {
  background-color: #5f6fff !important;
}

a.bg-primary:hover, a.bg-primary:focus,
button.bg-primary:hover,
button.bg-primary:focus {
  background-color: #2c41ff !important;
}

.bg-secondary {
  background-color: white !important;
}

a.bg-secondary:hover, a.bg-secondary:focus,
button.bg-secondary:hover,
button.bg-secondary:focus {
  background-color: #e6e6e6 !important;
}

.bg-success {
  background-color: #36ce6f !important;
}

a.bg-success:hover, a.bg-success:focus,
button.bg-success:hover,
button.bg-success:focus {
  background-color: #29a859 !important;
}

.bg-info {
  background-color: #17a2b8 !important;
}

a.bg-info:hover, a.bg-info:focus,
button.bg-info:hover,
button.bg-info:focus {
  background-color: #117a8b !important;
}

.bg-warning {
  background-color: #f2cc16 !important;
}

a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
  background-color: #caa90b !important;
}

.bg-danger {
  background-color: #ff4f3d !important;
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
  background-color: #ff210a !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
  background-color: #dae0e5 !important;
}

.bg-dark {
  background-color: #343a40 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
  background-color: #1d2124 !important;
}

.bg-white {
  background-color: #fff !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.border-top-0 {
  border-top: 0 !important;
}

.border-right-0 {
  border-right: 0 !important;
}

.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-left-0 {
  border-left: 0 !important;
}

.border-primary {
  border-color: #5f6fff !important;
}

.border-secondary {
  border-color: white !important;
}

.border-success {
  border-color: #36ce6f !important;
}

.border-info {
  border-color: #17a2b8 !important;
}

.border-warning {
  border-color: #f2cc16 !important;
}

.border-danger {
  border-color: #ff4f3d !important;
}

.border-light {
  border-color: #f8f9fa !important;
}

.border-dark {
  border-color: #343a40 !important;
}

.border-white {
  border-color: #fff !important;
}

.rounded-sm {
  border-radius: 0.2rem !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

.rounded-top {
  border-top-left-radius: 0.25rem !important;
  border-top-right-radius: 0.25rem !important;
}

.rounded-right {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}

.rounded-bottom {
  border-bottom-right-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-left {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}

.rounded-lg {
  border-radius: 0.3rem !important;
}

.rounded-circle {
  border-radius: 50% !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.clearfix::after {
  display: block;
  clear: both;
  content: "";
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !important;
}

.d-table {
  display: table !important;
}

.d-table-row {
  display: table-row !important;
}

.d-table-cell {
  display: table-cell !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }

  .d-sm-inline {
    display: inline !important;
  }

  .d-sm-inline-block {
    display: inline-block !important;
  }

  .d-sm-block {
    display: block !important;
  }

  .d-sm-table {
    display: table !important;
  }

  .d-sm-table-row {
    display: table-row !important;
  }

  .d-sm-table-cell {
    display: table-cell !important;
  }

  .d-sm-flex {
    display: flex !important;
  }

  .d-sm-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }

  .d-md-inline {
    display: inline !important;
  }

  .d-md-inline-block {
    display: inline-block !important;
  }

  .d-md-block {
    display: block !important;
  }

  .d-md-table {
    display: table !important;
  }

  .d-md-table-row {
    display: table-row !important;
  }

  .d-md-table-cell {
    display: table-cell !important;
  }

  .d-md-flex {
    display: flex !important;
  }

  .d-md-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }

  .d-lg-inline {
    display: inline !important;
  }

  .d-lg-inline-block {
    display: inline-block !important;
  }

  .d-lg-block {
    display: block !important;
  }

  .d-lg-table {
    display: table !important;
  }

  .d-lg-table-row {
    display: table-row !important;
  }

  .d-lg-table-cell {
    display: table-cell !important;
  }

  .d-lg-flex {
    display: flex !important;
  }

  .d-lg-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }

  .d-xl-inline {
    display: inline !important;
  }

  .d-xl-inline-block {
    display: inline-block !important;
  }

  .d-xl-block {
    display: block !important;
  }

  .d-xl-table {
    display: table !important;
  }

  .d-xl-table-row {
    display: table-row !important;
  }

  .d-xl-table-cell {
    display: table-cell !important;
  }

  .d-xl-flex {
    display: flex !important;
  }

  .d-xl-inline-flex {
    display: inline-flex !important;
  }
}
@media (min-width: 1600px) {
  .d-xxl-none {
    display: none !important;
  }

  .d-xxl-inline {
    display: inline !important;
  }

  .d-xxl-inline-block {
    display: inline-block !important;
  }

  .d-xxl-block {
    display: block !important;
  }

  .d-xxl-table {
    display: table !important;
  }

  .d-xxl-table-row {
    display: table-row !important;
  }

  .d-xxl-table-cell {
    display: table-cell !important;
  }

  .d-xxl-flex {
    display: flex !important;
  }

  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
}
@media print {
  .d-print-none {
    display: none !important;
  }

  .d-print-inline {
    display: inline !important;
  }

  .d-print-inline-block {
    display: inline-block !important;
  }

  .d-print-block {
    display: block !important;
  }

  .d-print-table {
    display: table !important;
  }

  .d-print-table-row {
    display: table-row !important;
  }

  .d-print-table-cell {
    display: table-cell !important;
  }

  .d-print-flex {
    display: flex !important;
  }

  .d-print-inline-flex {
    display: inline-flex !important;
  }
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9::before {
  padding-top: 42.85714286%;
}

.embed-responsive-16by9::before {
  padding-top: 56.25%;
}

.embed-responsive-4by3::before {
  padding-top: 75%;
}

.embed-responsive-1by1::before {
  padding-top: 100%;
}

.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-column-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

@media (min-width: 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

  .flex-sm-column {
    flex-direction: column !important;
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-sm-fill {
    flex: 1 1 auto !important;
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-sm-start {
    justify-content: flex-start !important;
  }

  .justify-content-sm-end {
    justify-content: flex-end !important;
  }

  .justify-content-sm-center {
    justify-content: center !important;
  }

  .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

  .align-items-sm-start {
    align-items: flex-start !important;
  }

  .align-items-sm-end {
    align-items: flex-end !important;
  }

  .align-items-sm-center {
    align-items: center !important;
  }

  .align-items-sm-baseline {
    align-items: baseline !important;
  }

  .align-items-sm-stretch {
    align-items: stretch !important;
  }

  .align-content-sm-start {
    align-content: flex-start !important;
  }

  .align-content-sm-end {
    align-content: flex-end !important;
  }

  .align-content-sm-center {
    align-content: center !important;
  }

  .align-content-sm-between {
    align-content: space-between !important;
  }

  .align-content-sm-around {
    align-content: space-around !important;
  }

  .align-content-sm-stretch {
    align-content: stretch !important;
  }

  .align-self-sm-auto {
    align-self: auto !important;
  }

  .align-self-sm-start {
    align-self: flex-start !important;
  }

  .align-self-sm-end {
    align-self: flex-end !important;
  }

  .align-self-sm-center {
    align-self: center !important;
  }

  .align-self-sm-baseline {
    align-self: baseline !important;
  }

  .align-self-sm-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 768px) {
  .flex-md-row {
    flex-direction: row !important;
  }

  .flex-md-column {
    flex-direction: column !important;
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-md-wrap {
    flex-wrap: wrap !important;
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-md-fill {
    flex: 1 1 auto !important;
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-md-start {
    justify-content: flex-start !important;
  }

  .justify-content-md-end {
    justify-content: flex-end !important;
  }

  .justify-content-md-center {
    justify-content: center !important;
  }

  .justify-content-md-between {
    justify-content: space-between !important;
  }

  .justify-content-md-around {
    justify-content: space-around !important;
  }

  .align-items-md-start {
    align-items: flex-start !important;
  }

  .align-items-md-end {
    align-items: flex-end !important;
  }

  .align-items-md-center {
    align-items: center !important;
  }

  .align-items-md-baseline {
    align-items: baseline !important;
  }

  .align-items-md-stretch {
    align-items: stretch !important;
  }

  .align-content-md-start {
    align-content: flex-start !important;
  }

  .align-content-md-end {
    align-content: flex-end !important;
  }

  .align-content-md-center {
    align-content: center !important;
  }

  .align-content-md-between {
    align-content: space-between !important;
  }

  .align-content-md-around {
    align-content: space-around !important;
  }

  .align-content-md-stretch {
    align-content: stretch !important;
  }

  .align-self-md-auto {
    align-self: auto !important;
  }

  .align-self-md-start {
    align-self: flex-start !important;
  }

  .align-self-md-end {
    align-self: flex-end !important;
  }

  .align-self-md-center {
    align-self: center !important;
  }

  .align-self-md-baseline {
    align-self: baseline !important;
  }

  .align-self-md-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 992px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

  .flex-lg-column {
    flex-direction: column !important;
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-lg-fill {
    flex: 1 1 auto !important;
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-lg-start {
    justify-content: flex-start !important;
  }

  .justify-content-lg-end {
    justify-content: flex-end !important;
  }

  .justify-content-lg-center {
    justify-content: center !important;
  }

  .justify-content-lg-between {
    justify-content: space-between !important;
  }

  .justify-content-lg-around {
    justify-content: space-around !important;
  }

  .align-items-lg-start {
    align-items: flex-start !important;
  }

  .align-items-lg-end {
    align-items: flex-end !important;
  }

  .align-items-lg-center {
    align-items: center !important;
  }

  .align-items-lg-baseline {
    align-items: baseline !important;
  }

  .align-items-lg-stretch {
    align-items: stretch !important;
  }

  .align-content-lg-start {
    align-content: flex-start !important;
  }

  .align-content-lg-end {
    align-content: flex-end !important;
  }

  .align-content-lg-center {
    align-content: center !important;
  }

  .align-content-lg-between {
    align-content: space-between !important;
  }

  .align-content-lg-around {
    align-content: space-around !important;
  }

  .align-content-lg-stretch {
    align-content: stretch !important;
  }

  .align-self-lg-auto {
    align-self: auto !important;
  }

  .align-self-lg-start {
    align-self: flex-start !important;
  }

  .align-self-lg-end {
    align-self: flex-end !important;
  }

  .align-self-lg-center {
    align-self: center !important;
  }

  .align-self-lg-baseline {
    align-self: baseline !important;
  }

  .align-self-lg-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1200px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

  .flex-xl-column {
    flex-direction: column !important;
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xl-center {
    justify-content: center !important;
  }

  .justify-content-xl-between {
    justify-content: space-between !important;
  }

  .justify-content-xl-around {
    justify-content: space-around !important;
  }

  .align-items-xl-start {
    align-items: flex-start !important;
  }

  .align-items-xl-end {
    align-items: flex-end !important;
  }

  .align-items-xl-center {
    align-items: center !important;
  }

  .align-items-xl-baseline {
    align-items: baseline !important;
  }

  .align-items-xl-stretch {
    align-items: stretch !important;
  }

  .align-content-xl-start {
    align-content: flex-start !important;
  }

  .align-content-xl-end {
    align-content: flex-end !important;
  }

  .align-content-xl-center {
    align-content: center !important;
  }

  .align-content-xl-between {
    align-content: space-between !important;
  }

  .align-content-xl-around {
    align-content: space-around !important;
  }

  .align-content-xl-stretch {
    align-content: stretch !important;
  }

  .align-self-xl-auto {
    align-self: auto !important;
  }

  .align-self-xl-start {
    align-self: flex-start !important;
  }

  .align-self-xl-end {
    align-self: flex-end !important;
  }

  .align-self-xl-center {
    align-self: center !important;
  }

  .align-self-xl-baseline {
    align-self: baseline !important;
  }

  .align-self-xl-stretch {
    align-self: stretch !important;
  }
}
@media (min-width: 1600px) {
  .flex-xxl-row {
    flex-direction: row !important;
  }

  .flex-xxl-column {
    flex-direction: column !important;
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }

  .justify-content-xxl-center {
    justify-content: center !important;
  }

  .justify-content-xxl-between {
    justify-content: space-between !important;
  }

  .justify-content-xxl-around {
    justify-content: space-around !important;
  }

  .align-items-xxl-start {
    align-items: flex-start !important;
  }

  .align-items-xxl-end {
    align-items: flex-end !important;
  }

  .align-items-xxl-center {
    align-items: center !important;
  }

  .align-items-xxl-baseline {
    align-items: baseline !important;
  }

  .align-items-xxl-stretch {
    align-items: stretch !important;
  }

  .align-content-xxl-start {
    align-content: flex-start !important;
  }

  .align-content-xxl-end {
    align-content: flex-end !important;
  }

  .align-content-xxl-center {
    align-content: center !important;
  }

  .align-content-xxl-between {
    align-content: space-between !important;
  }

  .align-content-xxl-around {
    align-content: space-around !important;
  }

  .align-content-xxl-stretch {
    align-content: stretch !important;
  }

  .align-self-xxl-auto {
    align-self: auto !important;
  }

  .align-self-xxl-start {
    align-self: flex-start !important;
  }

  .align-self-xxl-end {
    align-self: flex-end !important;
  }

  .align-self-xxl-center {
    align-self: center !important;
  }

  .align-self-xxl-baseline {
    align-self: baseline !important;
  }

  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
}
.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

@media (min-width: 576px) {
  .float-sm-left {
    float: left !important;
  }

  .float-sm-right {
    float: right !important;
  }

  .float-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .float-md-left {
    float: left !important;
  }

  .float-md-right {
    float: right !important;
  }

  .float-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .float-lg-left {
    float: left !important;
  }

  .float-lg-right {
    float: right !important;
  }

  .float-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-left {
    float: left !important;
  }

  .float-xl-right {
    float: right !important;
  }

  .float-xl-none {
    float: none !important;
  }
}
@media (min-width: 1600px) {
  .float-xxl-left {
    float: left !important;
  }

  .float-xxl-right {
    float: right !important;
  }

  .float-xxl-none {
    float: none !important;
  }
}
.user-select-all {
  user-select: all !important;
}

.user-select-auto {
  user-select: auto !important;
}

.user-select-none {
  user-select: none !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.position-static {
  position: static !important;
}

.position-relative {
  position: relative !important;
}

.position-absolute {
  position: absolute !important;
}

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}

@supports (position: sticky) {
  .sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  overflow: visible;
  clip: auto;
  white-space: normal;
}

.shadow-sm {
  box-shadow: 0 0.125rem 0.25rem rgba(23, 23, 23, 0.075) !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(23, 23, 23, 0.15) !important;
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(23, 23, 23, 0.175) !important;
}

.shadow-none {
  box-shadow: none !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0 !important;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0 !important;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0 !important;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-1 {
    margin: 0.25rem !important;
  }

  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.25rem !important;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.25rem !important;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.25rem !important;
  }

  .m-sm-2 {
    margin: 0.5rem !important;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.5rem !important;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.5rem !important;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.5rem !important;
  }

  .m-sm-3 {
    margin: 1rem !important;
  }

  .mt-sm-3,
.my-sm-3 {
    margin-top: 1rem !important;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1rem !important;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1rem !important;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1rem !important;
  }

  .m-sm-4 {
    margin: 1.5rem !important;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5rem !important;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5rem !important;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5rem !important;
  }

  .m-sm-5 {
    margin: 3rem !important;
  }

  .mt-sm-5,
.my-sm-5 {
    margin-top: 3rem !important;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 3rem !important;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 3rem !important;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 3rem !important;
  }

  .p-sm-0 {
    padding: 0 !important;
  }

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0 !important;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0 !important;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0 !important;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-1 {
    padding: 0.25rem !important;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.25rem !important;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.25rem !important;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.25rem !important;
  }

  .p-sm-2 {
    padding: 0.5rem !important;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.5rem !important;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.5rem !important;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.5rem !important;
  }

  .p-sm-3 {
    padding: 1rem !important;
  }

  .pt-sm-3,
.py-sm-3 {
    padding-top: 1rem !important;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 1rem !important;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1rem !important;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 1rem !important;
  }

  .p-sm-4 {
    padding: 1.5rem !important;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5rem !important;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5rem !important;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5rem !important;
  }

  .p-sm-5 {
    padding: 3rem !important;
  }

  .pt-sm-5,
.py-sm-5 {
    padding-top: 3rem !important;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 3rem !important;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 3rem !important;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 3rem !important;
  }

  .m-sm-n1 {
    margin: -0.25rem !important;
  }

  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.25rem !important;
  }

  .m-sm-n2 {
    margin: -0.5rem !important;
  }

  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.5rem !important;
  }

  .m-sm-n3 {
    margin: -1rem !important;
  }

  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1rem !important;
  }

  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1rem !important;
  }

  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1rem !important;
  }

  .m-sm-n4 {
    margin: -1.5rem !important;
  }

  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5rem !important;
  }

  .m-sm-n5 {
    margin: -3rem !important;
  }

  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -3rem !important;
  }

  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -3rem !important;
  }

  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -3rem !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0 !important;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0 !important;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0 !important;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0 !important;
  }

  .m-md-1 {
    margin: 0.25rem !important;
  }

  .mt-md-1,
.my-md-1 {
    margin-top: 0.25rem !important;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 0.25rem !important;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 0.25rem !important;
  }

  .m-md-2 {
    margin: 0.5rem !important;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 0.5rem !important;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 0.5rem !important;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 0.5rem !important;
  }

  .m-md-3 {
    margin: 1rem !important;
  }

  .mt-md-3,
.my-md-3 {
    margin-top: 1rem !important;
  }

  .mr-md-3,
.mx-md-3 {
    margin-right: 1rem !important;
  }

  .mb-md-3,
.my-md-3 {
    margin-bottom: 1rem !important;
  }

  .ml-md-3,
.mx-md-3 {
    margin-left: 1rem !important;
  }

  .m-md-4 {
    margin: 1.5rem !important;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 1.5rem !important;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5rem !important;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5rem !important;
  }

  .m-md-5 {
    margin: 3rem !important;
  }

  .mt-md-5,
.my-md-5 {
    margin-top: 3rem !important;
  }

  .mr-md-5,
.mx-md-5 {
    margin-right: 3rem !important;
  }

  .mb-md-5,
.my-md-5 {
    margin-bottom: 3rem !important;
  }

  .ml-md-5,
.mx-md-5 {
    margin-left: 3rem !important;
  }

  .p-md-0 {
    padding: 0 !important;
  }

  .pt-md-0,
.py-md-0 {
    padding-top: 0 !important;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0 !important;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0 !important;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0 !important;
  }

  .p-md-1 {
    padding: 0.25rem !important;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 0.25rem !important;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 0.25rem !important;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 0.25rem !important;
  }

  .p-md-2 {
    padding: 0.5rem !important;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 0.5rem !important;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 0.5rem !important;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 0.5rem !important;
  }

  .p-md-3 {
    padding: 1rem !important;
  }

  .pt-md-3,
.py-md-3 {
    padding-top: 1rem !important;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 1rem !important;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 1rem !important;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 1rem !important;
  }

  .p-md-4 {
    padding: 1.5rem !important;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 1.5rem !important;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 1.5rem !important;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 1.5rem !important;
  }

  .p-md-5 {
    padding: 3rem !important;
  }

  .pt-md-5,
.py-md-5 {
    padding-top: 3rem !important;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 3rem !important;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 3rem !important;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 3rem !important;
  }

  .m-md-n1 {
    margin: -0.25rem !important;
  }

  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.25rem !important;
  }

  .m-md-n2 {
    margin: -0.5rem !important;
  }

  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.5rem !important;
  }

  .m-md-n3 {
    margin: -1rem !important;
  }

  .mt-md-n3,
.my-md-n3 {
    margin-top: -1rem !important;
  }

  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1rem !important;
  }

  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1rem !important;
  }

  .m-md-n4 {
    margin: -1.5rem !important;
  }

  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5rem !important;
  }

  .m-md-n5 {
    margin: -3rem !important;
  }

  .mt-md-n5,
.my-md-n5 {
    margin-top: -3rem !important;
  }

  .mr-md-n5,
.mx-md-n5 {
    margin-right: -3rem !important;
  }

  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-md-n5,
.mx-md-n5 {
    margin-left: -3rem !important;
  }

  .m-md-auto {
    margin: auto !important;
  }

  .mt-md-auto,
.my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0 !important;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0 !important;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0 !important;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-1 {
    margin: 0.25rem !important;
  }

  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.25rem !important;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.25rem !important;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.25rem !important;
  }

  .m-lg-2 {
    margin: 0.5rem !important;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.5rem !important;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.5rem !important;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.5rem !important;
  }

  .m-lg-3 {
    margin: 1rem !important;
  }

  .mt-lg-3,
.my-lg-3 {
    margin-top: 1rem !important;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1rem !important;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1rem !important;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1rem !important;
  }

  .m-lg-4 {
    margin: 1.5rem !important;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5rem !important;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5rem !important;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5rem !important;
  }

  .m-lg-5 {
    margin: 3rem !important;
  }

  .mt-lg-5,
.my-lg-5 {
    margin-top: 3rem !important;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 3rem !important;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 3rem !important;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 3rem !important;
  }

  .p-lg-0 {
    padding: 0 !important;
  }

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0 !important;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0 !important;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0 !important;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-1 {
    padding: 0.25rem !important;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.25rem !important;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.25rem !important;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.25rem !important;
  }

  .p-lg-2 {
    padding: 0.5rem !important;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.5rem !important;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.5rem !important;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.5rem !important;
  }

  .p-lg-3 {
    padding: 1rem !important;
  }

  .pt-lg-3,
.py-lg-3 {
    padding-top: 1rem !important;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 1rem !important;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1rem !important;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 1rem !important;
  }

  .p-lg-4 {
    padding: 1.5rem !important;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5rem !important;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5rem !important;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5rem !important;
  }

  .p-lg-5 {
    padding: 3rem !important;
  }

  .pt-lg-5,
.py-lg-5 {
    padding-top: 3rem !important;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 3rem !important;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 3rem !important;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 3rem !important;
  }

  .m-lg-n1 {
    margin: -0.25rem !important;
  }

  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.25rem !important;
  }

  .m-lg-n2 {
    margin: -0.5rem !important;
  }

  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.5rem !important;
  }

  .m-lg-n3 {
    margin: -1rem !important;
  }

  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1rem !important;
  }

  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1rem !important;
  }

  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1rem !important;
  }

  .m-lg-n4 {
    margin: -1.5rem !important;
  }

  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5rem !important;
  }

  .m-lg-n5 {
    margin: -3rem !important;
  }

  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -3rem !important;
  }

  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -3rem !important;
  }

  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -3rem !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0 !important;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0 !important;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-1 {
    margin: 0.25rem !important;
  }

  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xl-2 {
    margin: 0.5rem !important;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xl-3 {
    margin: 1rem !important;
  }

  .mt-xl-3,
.my-xl-3 {
    margin-top: 1rem !important;
  }

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1rem !important;
  }

  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1rem !important;
  }

  .m-xl-4 {
    margin: 1.5rem !important;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xl-5 {
    margin: 3rem !important;
  }

  .mt-xl-5,
.my-xl-5 {
    margin-top: 3rem !important;
  }

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 3rem !important;
  }

  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 3rem !important;
  }

  .p-xl-0 {
    padding: 0 !important;
  }

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0 !important;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0 !important;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-1 {
    padding: 0.25rem !important;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xl-2 {
    padding: 0.5rem !important;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xl-3 {
    padding: 1rem !important;
  }

  .pt-xl-3,
.py-xl-3 {
    padding-top: 1rem !important;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 1rem !important;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 1rem !important;
  }

  .p-xl-4 {
    padding: 1.5rem !important;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xl-5 {
    padding: 3rem !important;
  }

  .pt-xl-5,
.py-xl-5 {
    padding-top: 3rem !important;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 3rem !important;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 3rem !important;
  }

  .m-xl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xl-n3 {
    margin: -1rem !important;
  }

  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1rem !important;
  }

  .m-xl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xl-n5 {
    margin: -3rem !important;
  }

  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -3rem !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto !important;
  }
}
@media (min-width: 1600px) {
  .m-xxl-0 {
    margin: 0 !important;
  }

  .mt-xxl-0,
.my-xxl-0 {
    margin-top: 0 !important;
  }

  .mr-xxl-0,
.mx-xxl-0 {
    margin-right: 0 !important;
  }

  .mb-xxl-0,
.my-xxl-0 {
    margin-bottom: 0 !important;
  }

  .ml-xxl-0,
.mx-xxl-0 {
    margin-left: 0 !important;
  }

  .m-xxl-1 {
    margin: 0.25rem !important;
  }

  .mt-xxl-1,
.my-xxl-1 {
    margin-top: 0.25rem !important;
  }

  .mr-xxl-1,
.mx-xxl-1 {
    margin-right: 0.25rem !important;
  }

  .mb-xxl-1,
.my-xxl-1 {
    margin-bottom: 0.25rem !important;
  }

  .ml-xxl-1,
.mx-xxl-1 {
    margin-left: 0.25rem !important;
  }

  .m-xxl-2 {
    margin: 0.5rem !important;
  }

  .mt-xxl-2,
.my-xxl-2 {
    margin-top: 0.5rem !important;
  }

  .mr-xxl-2,
.mx-xxl-2 {
    margin-right: 0.5rem !important;
  }

  .mb-xxl-2,
.my-xxl-2 {
    margin-bottom: 0.5rem !important;
  }

  .ml-xxl-2,
.mx-xxl-2 {
    margin-left: 0.5rem !important;
  }

  .m-xxl-3 {
    margin: 1rem !important;
  }

  .mt-xxl-3,
.my-xxl-3 {
    margin-top: 1rem !important;
  }

  .mr-xxl-3,
.mx-xxl-3 {
    margin-right: 1rem !important;
  }

  .mb-xxl-3,
.my-xxl-3 {
    margin-bottom: 1rem !important;
  }

  .ml-xxl-3,
.mx-xxl-3 {
    margin-left: 1rem !important;
  }

  .m-xxl-4 {
    margin: 1.5rem !important;
  }

  .mt-xxl-4,
.my-xxl-4 {
    margin-top: 1.5rem !important;
  }

  .mr-xxl-4,
.mx-xxl-4 {
    margin-right: 1.5rem !important;
  }

  .mb-xxl-4,
.my-xxl-4 {
    margin-bottom: 1.5rem !important;
  }

  .ml-xxl-4,
.mx-xxl-4 {
    margin-left: 1.5rem !important;
  }

  .m-xxl-5 {
    margin: 3rem !important;
  }

  .mt-xxl-5,
.my-xxl-5 {
    margin-top: 3rem !important;
  }

  .mr-xxl-5,
.mx-xxl-5 {
    margin-right: 3rem !important;
  }

  .mb-xxl-5,
.my-xxl-5 {
    margin-bottom: 3rem !important;
  }

  .ml-xxl-5,
.mx-xxl-5 {
    margin-left: 3rem !important;
  }

  .p-xxl-0 {
    padding: 0 !important;
  }

  .pt-xxl-0,
.py-xxl-0 {
    padding-top: 0 !important;
  }

  .pr-xxl-0,
.px-xxl-0 {
    padding-right: 0 !important;
  }

  .pb-xxl-0,
.py-xxl-0 {
    padding-bottom: 0 !important;
  }

  .pl-xxl-0,
.px-xxl-0 {
    padding-left: 0 !important;
  }

  .p-xxl-1 {
    padding: 0.25rem !important;
  }

  .pt-xxl-1,
.py-xxl-1 {
    padding-top: 0.25rem !important;
  }

  .pr-xxl-1,
.px-xxl-1 {
    padding-right: 0.25rem !important;
  }

  .pb-xxl-1,
.py-xxl-1 {
    padding-bottom: 0.25rem !important;
  }

  .pl-xxl-1,
.px-xxl-1 {
    padding-left: 0.25rem !important;
  }

  .p-xxl-2 {
    padding: 0.5rem !important;
  }

  .pt-xxl-2,
.py-xxl-2 {
    padding-top: 0.5rem !important;
  }

  .pr-xxl-2,
.px-xxl-2 {
    padding-right: 0.5rem !important;
  }

  .pb-xxl-2,
.py-xxl-2 {
    padding-bottom: 0.5rem !important;
  }

  .pl-xxl-2,
.px-xxl-2 {
    padding-left: 0.5rem !important;
  }

  .p-xxl-3 {
    padding: 1rem !important;
  }

  .pt-xxl-3,
.py-xxl-3 {
    padding-top: 1rem !important;
  }

  .pr-xxl-3,
.px-xxl-3 {
    padding-right: 1rem !important;
  }

  .pb-xxl-3,
.py-xxl-3 {
    padding-bottom: 1rem !important;
  }

  .pl-xxl-3,
.px-xxl-3 {
    padding-left: 1rem !important;
  }

  .p-xxl-4 {
    padding: 1.5rem !important;
  }

  .pt-xxl-4,
.py-xxl-4 {
    padding-top: 1.5rem !important;
  }

  .pr-xxl-4,
.px-xxl-4 {
    padding-right: 1.5rem !important;
  }

  .pb-xxl-4,
.py-xxl-4 {
    padding-bottom: 1.5rem !important;
  }

  .pl-xxl-4,
.px-xxl-4 {
    padding-left: 1.5rem !important;
  }

  .p-xxl-5 {
    padding: 3rem !important;
  }

  .pt-xxl-5,
.py-xxl-5 {
    padding-top: 3rem !important;
  }

  .pr-xxl-5,
.px-xxl-5 {
    padding-right: 3rem !important;
  }

  .pb-xxl-5,
.py-xxl-5 {
    padding-bottom: 3rem !important;
  }

  .pl-xxl-5,
.px-xxl-5 {
    padding-left: 3rem !important;
  }

  .m-xxl-n1 {
    margin: -0.25rem !important;
  }

  .mt-xxl-n1,
.my-xxl-n1 {
    margin-top: -0.25rem !important;
  }

  .mr-xxl-n1,
.mx-xxl-n1 {
    margin-right: -0.25rem !important;
  }

  .mb-xxl-n1,
.my-xxl-n1 {
    margin-bottom: -0.25rem !important;
  }

  .ml-xxl-n1,
.mx-xxl-n1 {
    margin-left: -0.25rem !important;
  }

  .m-xxl-n2 {
    margin: -0.5rem !important;
  }

  .mt-xxl-n2,
.my-xxl-n2 {
    margin-top: -0.5rem !important;
  }

  .mr-xxl-n2,
.mx-xxl-n2 {
    margin-right: -0.5rem !important;
  }

  .mb-xxl-n2,
.my-xxl-n2 {
    margin-bottom: -0.5rem !important;
  }

  .ml-xxl-n2,
.mx-xxl-n2 {
    margin-left: -0.5rem !important;
  }

  .m-xxl-n3 {
    margin: -1rem !important;
  }

  .mt-xxl-n3,
.my-xxl-n3 {
    margin-top: -1rem !important;
  }

  .mr-xxl-n3,
.mx-xxl-n3 {
    margin-right: -1rem !important;
  }

  .mb-xxl-n3,
.my-xxl-n3 {
    margin-bottom: -1rem !important;
  }

  .ml-xxl-n3,
.mx-xxl-n3 {
    margin-left: -1rem !important;
  }

  .m-xxl-n4 {
    margin: -1.5rem !important;
  }

  .mt-xxl-n4,
.my-xxl-n4 {
    margin-top: -1.5rem !important;
  }

  .mr-xxl-n4,
.mx-xxl-n4 {
    margin-right: -1.5rem !important;
  }

  .mb-xxl-n4,
.my-xxl-n4 {
    margin-bottom: -1.5rem !important;
  }

  .ml-xxl-n4,
.mx-xxl-n4 {
    margin-left: -1.5rem !important;
  }

  .m-xxl-n5 {
    margin: -3rem !important;
  }

  .mt-xxl-n5,
.my-xxl-n5 {
    margin-top: -3rem !important;
  }

  .mr-xxl-n5,
.mx-xxl-n5 {
    margin-right: -3rem !important;
  }

  .mb-xxl-n5,
.my-xxl-n5 {
    margin-bottom: -3rem !important;
  }

  .ml-xxl-n5,
.mx-xxl-n5 {
    margin-left: -3rem !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }

  .mt-xxl-auto,
.my-xxl-auto {
    margin-top: auto !important;
  }

  .mr-xxl-auto,
.mx-xxl-auto {
    margin-right: auto !important;
  }

  .mb-xxl-auto,
.my-xxl-auto {
    margin-bottom: auto !important;
  }

  .ml-xxl-auto,
.mx-xxl-auto {
    margin-left: auto !important;
  }
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.text-monospace {
  font-family: "Inconsolata", "Menlo", "Consolas", "Bitstream Vera Sans Mono", "Courier", monospace !important;
}

.text-justify {
  text-align: justify !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }

  .text-sm-right {
    text-align: right !important;
  }

  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }

  .text-md-right {
    text-align: right !important;
  }

  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }

  .text-lg-right {
    text-align: right !important;
  }

  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }

  .text-xl-right {
    text-align: right !important;
  }

  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1600px) {
  .text-xxl-left {
    text-align: left !important;
  }

  .text-xxl-right {
    text-align: right !important;
  }

  .text-xxl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-light {
  font-weight: 300 !important;
}

.font-weight-lighter {
  font-weight: lighter !important;
}

.font-weight-normal {
  font-weight: 400 !important;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.font-weight-bolder {
  font-weight: bolder !important;
}

.font-italic {
  font-style: italic !important;
}

.text-white, .gantt_task_content .gantt_task_label, .nav-switch .switch-item.active-switch span {
  color: #fff !important;
}

.text-primary {
  color: #5f6fff !important;
}

a.text-primary:hover, a.text-primary:focus {
  color: #132aff !important;
}

.text-secondary {
  color: white !important;
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #d9d9d9 !important;
}

.text-success {
  color: #36ce6f !important;
}

a.text-success:hover, a.text-success:focus {
  color: #24944e !important;
}

.text-info {
  color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
  color: #0f6674 !important;
}

.text-warning {
  color: #f2cc16 !important;
}

a.text-warning:hover, a.text-warning:focus {
  color: #b2950a !important;
}

.text-danger {
  color: #ff4f3d !important;
}

a.text-danger:hover, a.text-danger:focus {
  color: #f01600 !important;
}

.text-light {
  color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
  color: #cbd3da !important;
}

.text-dark {
  color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
  color: #121416 !important;
}

.text-body {
  color: #212529 !important;
}

.text-muted {
  color: #6c757d !important;
}

.text-black-50 {
  color: rgba(23, 23, 23, 0.5) !important;
}

.text-white-50 {
  color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-decoration-none {
  text-decoration: none !important;
}

.text-break {
  word-break: break-word !important;
  word-wrap: break-word !important;
}

.text-reset {
  color: inherit !important;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media print {
  *,
*::before,
*::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }

  a:not(.btn):not(.btn.toolbar-edit--active):not(.btn.toolbar-edit) {
    text-decoration: underline;
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  pre {
    white-space: pre-wrap !important;
  }

  pre,
blockquote {
    border: 1px solid #adb5bd;
    page-break-inside: avoid;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }

  @page {
    size: a3;
  }
  body {
    min-width: 992px !important;
  }

  .container {
    min-width: 992px !important;
  }

  .navbar {
    display: none;
  }

  .badge {
    border: 1px solid #171717;
  }

  .table {
    border-collapse: collapse !important;
  }
  .table td,
.table th {
    background-color: #fff !important;
  }

  .table-bordered th,
.table-bordered td {
    border: 1px solid #dee2e6 !important;
  }

  .table-dark {
    color: inherit;
  }
  .table-dark th,
.table-dark td,
.table-dark thead th,
.table-dark tbody + tbody {
    border-color: #dee2e6;
  }

  .table .thead-dark th {
    color: inherit;
    border-color: #dee2e6;
  }
}
/* Variables */
/* Animation */
@keyframes ssc-loading {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
/* Animation partial */
.ssc-checkbox, .ssc-square, .ssc-head-line, .ssc-line, .ssc-circle {
  position: relative;
  overflow: hidden;
}
.ssc-checkbox:after, .ssc-square:after, .ssc-head-line:after, .ssc-line:after, .ssc-circle:after {
  content: "";
  animation: ssc-loading 1.5s infinite;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transform: translateX(-100%);
  z-index: 1;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
}

/** Main class */
.ssc {
  user-select: none;
}

/** Helpers classes */
.ssc .mb {
  margin-bottom: 16px;
}
.ssc .mt {
  margin-top: 16px;
}
.ssc .mr {
  margin-right: 16px;
}
.ssc .ml {
  margin-left: 16px;
}
.ssc .mbs {
  margin-bottom: 8px;
}
.ssc .mts {
  margin-top: 8px;
}
.ssc .mrs {
  margin-right: 8px;
}
.ssc .mls {
  margin-left: 8px;
}
.ssc .w-10 {
  width: 10%;
}
.ssc .w-20 {
  width: 20%;
}
.ssc .w-30 {
  width: 30%;
}
.ssc .w-40 {
  width: 40%;
}
.ssc .w-50 {
  width: 50%;
}
.ssc .w-60 {
  width: 60%;
}
.ssc .w-70 {
  width: 70%;
}
.ssc .w-80 {
  width: 80%;
}
.ssc .w-90 {
  width: 90%;
}
.ssc .w-100 {
  width: 100%;
}
.ssc .flex {
  display: flex;
}
.ssc .inline-flex {
  display: inline-flex;
}
.ssc .align-center {
  align-items: center;
}
.ssc .align-start {
  align-items: flex-start;
}
.ssc .align-end {
  align-items: flex-end;
}
.ssc .align-stretch {
  align-items: stretch;
}
.ssc .justify-start {
  justify-content: start;
}
.ssc .justify-end {
  justify-content: end;
}
.ssc .justify-between {
  justify-content: space-between;
}
.ssc .justify-center {
  justify-content: center;
}
.ssc .justify-around {
  justify-content: space-around;
}

/** Wrapper class */
.ssc-wrapper {
  padding: 16px;
}

/* Figures, Objects */
.ssc-card, .ssc-card-parts {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.17);
  background-color: #ebecf3;
}

.ssc-card-parts {
  height: inherit;
  box-shadow: inherit;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 20px;
}

.ssc-circle {
  display: block;
  background-color: #cdcfd9;
  border-radius: 50%;
  width: 50px;
  height: 50px;
}

.ssc-hr {
  display: block;
  width: 100%;
  background-color: #cdcfd9;
  height: 2px;
}

.ssc-line {
  display: block;
  background-color: #cdcfd9;
  border-radius: 15px;
  margin-bottom: 8px;
  width: 100%;
  height: 10px;
}
.ssc-line:last-child {
  margin-bottom: unset;
}

.ssc-head-line {
  display: block;
  background-color: #cdcfd9;
  border-radius: 15px;
  width: 100%;
  height: 15px;
}

.ssc-square {
  display: block;
  background-color: #cdcfd9;
  width: 100%;
  height: 150px;
}

.ssc-checkbox {
  display: block;
  background-color: #cdcfd9;
  width: 20px;
  height: 20px;
  border-radius: 6px;
}

@viewport {
  width: device-width;
}
html {
  background-color: #f6f7fb;
  box-sizing: border-box;
  height: 100%;
}

*:before, *:after {
  box-sizing: inherit;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f6f7fb;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-rendering: optimizeLegibility;
  background-image: none !important;
}

a, a:visited, a:focus {
  text-decoration: none;
  transition: color 0.2s;
}

body a:hover {
  text-decoration: none;
}

body a:focus {
  outline: 0;
}

ul {
  list-style: none;
}

img {
  height: auto;
  max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-weight: normal;
}

p {
  margin: 0px;
}

:focus {
  outline: 0;
}

body #loading-bar .bar {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background: #5f6fff;
  height: 3px;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;
}

body #loading-bar .peg {
  position: absolute;
  width: 70px;
  right: 0;
  top: 0;
  height: 3px;
  opacity: 0.45;
  -moz-box-shadow: #5f6fff 1px 0 6px 1px;
  -ms-box-shadow: #5f6fff 1px 0 6px 1px;
  -webkit-box-shadow: #5f6fff 1px 0 6px 1px;
  box-shadow: #5f6fff 1px 0 6px 1px;
}

body #loading-bar-spinner {
  display: none;
  position: fixed;
  z-index: 10002;
  top: 19px;
  left: 18px;
}

body #loading-bar-spinner .spinner-icon {
  width: 23px;
  height: 23px;
  border: 2px solid transparent;
  border-top-color: #00ce9b;
  border-left-color: #00ce9b;
  border-radius: 50%;
}

label {
  margin-bottom: 0px;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden], template {
  display: none;
}

html {
  background: #fff;
  color: #000;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

a {
  background: transparent;
}
a:focus {
  outline: thin dotted;
}
a:hover, a:active {
  outline: 0;
}

h1 {
  font-size: 2.5rem;
  margin: 0.67em 0;
}

h2 {
  font-size: 2rem;
  margin: 0.83em 0;
}

h3 {
  font-size: 1.75rem;
  margin: 1em 0;
}

h4 {
  font-size: 1.5rem;
  margin: 1.33em 0;
}

h5 {
  font-size: 1.25rem;
  margin: 1.67em 0;
}

h6 {
  font-size: 1rem;
  margin: 2.33em 0;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: "“" "”" "‘" "’";
}

q:before, q:after {
  content: "";
  content: none;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
}

button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
}

button, input {
  line-height: normal;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

.l-app-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
}

.l-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  width: 100%;
  min-height: 0;
}
@media only screen and (min-width: 480px) {
  .l-main {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.l-toolbar-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  overflow-y: scroll;
}
@media only screen and (min-width: 480px) {
  .l-toolbar-content {
    overflow: inherit;
  }
}

.l-full {
  width: 100%;
  min-height: 100%;
  margin-bottom: 14px;
}
.l-full-no-tb {
  min-height: calc(100% - 7px);
  margin-top: 7px;
}
.l-full.l-full-remarks {
  margin-bottom: 0;
}
.l-full.l-full-remarks-filtered {
  width: calc(100% - 320px);
}
.l-full.o-bloc-main, .l-full.fullscreen-viewer-container, .l-full.message.opened-card, .export-parts-content label.l-full, .export-bloc .l-full.export-options, .export-bloc .l-full.export-main, .l-full.sm-message-wrap, .annexe-page .l-full.annexe-wrap, .call-back .l-full.call-back-wrap, .old-browser-dialog .browsers-choices .l-full.browser-choice, .public-viewer .l-full.pdf-public-viewer, .armodal-body.armodal-fullscreen .l-full.armodal-content {
  overflow: hidden;
}

.l-scroller {
  overflow: auto;
  height: calc(100% + 28px);
  margin: -14px;
  padding: 14px 14px 14px 14px;
}

.l-center-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
}
.l-center-content .l-middle {
  width: 100%;
  padding: 20px;
}
@media only screen and (min-width: 768px) {
  .l-center-content .l-middle {
    width: 60%;
  }
}
@media only screen and (min-width: 992px) {
  .l-center-content .l-middle {
    width: 40%;
  }
}

.ajusted-height {
  width: 100%;
  min-height: 100%;
}

.content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 14px 12px;
  padding-top: 7px;
  overflow-y: auto;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 480px) {
  .content {
    padding: 14px 16px;
    padding-top: 7px;
    flex: 1 0;
  }
}

.armodal-body-fullscreen .content {
  width: calc(100% - 320px);
}

.l-nav {
  display: flex;
  flex-shrink: 0;
}

.l-sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow-x: auto;
  overflow-y: hidden;
  height: 67px;
  background-color: white;
  border-top: 1px solid #ecf1f5;
}
@media only screen and (min-width: 480px) {
  .l-sidebar {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 57px;
    -moz-flex-basis: 57px;
    -ms-flex-preferred-size: 57px;
    flex-basis: 57px;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: auto;
    margin: 14px 16px;
    margin-right: 0;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
    box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
    border-top: inherit;
  }
}
@media only screen and (min-width: 992px) {
  .l-sidebar {
    -webkit-flex-basis: 254px;
    -moz-flex-basis: 254px;
    -ms-flex-preferred-size: 254px;
    flex-basis: 254px;
  }
}
.l-sidebar ar-sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
@media only screen and (min-width: 480px) {
  .l-sidebar ar-sidebar {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
  }
}

.sidebar-intro {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: none;
  height: 55px;
  padding: 0 11px;
}
.sidebar-intro > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.sidebar-intro .m-actor img {
  cursor: pointer;
}
@media only screen and (min-width: 480px) {
  .sidebar-intro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.l-sidebar ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 480px) {
  .l-sidebar ul {
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.l-sidebar ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
}

.menu-icon-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin-left: 10px;
  margin-right: 10px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 5px;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background-color: white;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (min-width: 480px) {
  .menu-icon-col {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-flex-basis: 20px;
    -moz-flex-basis: 20px;
    -ms-flex-preferred-size: 20px;
    flex-basis: 20px;
    margin-left: 15px;
    margin-right: 9px;
    border-radius: inherit;
    padding: inherit;
    background-color: transparent;
    box-shadow: inherit;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
}

.sidebar-sep {
  width: 100%;
  border-bottom: 1px solid #ebeefa;
}

.menu-link {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 5px;
}
@media only screen and (min-width: 480px) {
  .menu-link {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: inherit;
    -ms-flex-pack: inherit;
    -webkit-justify-content: inherit;
    -moz-justify-content: inherit;
    justify-content: inherit;
    height: 47px;
    padding: inherit;
  }
}

.menu-selector {
  position: absolute;
  bottom: 0;
  width: 35px;
  height: 2px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  opacity: 1;
}
@media only screen and (min-width: 480px) {
  .menu-selector {
    position: inherit;
    display: block;
    width: 2px;
    height: 35px;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
}

.notification-dot {
  position: absolute;
  top: -3px;
  right: -2px;
  background-color: red;
  width: 8px;
  height: 8px;
  border-radius: 30px;
}

.sidebar-settings-btn {
  margin-left: 10px;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-purple {
    background-color: rgba(98, 90, 255, 0.05);
  }
}
.menu-link--active.menu-link-purple .menu-selector {
  opacity: 1;
  background-color: #625aff;
}
.menu-link--active.menu-link-purple span {
  color: #625aff;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-green {
    background-color: rgba(54, 206, 111, 0.05);
  }
}
.menu-link--active.menu-link-green .menu-selector {
  opacity: 1;
  background-color: #36ce6f;
}
.menu-link--active.menu-link-green span {
  color: #36ce6f;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-lightgreen {
    background-color: rgba(160, 226, 0, 0.05);
  }
}
.menu-link--active.menu-link-lightgreen .menu-selector {
  opacity: 1;
  background-color: #a0e200;
}
.menu-link--active.menu-link-lightgreen span {
  color: #a0e200;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-blue {
    background-color: rgba(104, 151, 255, 0.05);
  }
}
.menu-link--active.menu-link-blue .menu-selector {
  opacity: 1;
  background-color: #6897ff;
}
.menu-link--active.menu-link-blue span {
  color: #6897ff;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-yellow {
    background-color: rgba(242, 204, 22, 0.05);
  }
}
.menu-link--active.menu-link-yellow .menu-selector {
  opacity: 1;
  background-color: #f2cc16;
}
.menu-link--active.menu-link-yellow span {
  color: #f2cc16;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-orange {
    background-color: rgba(255, 151, 49, 0.05);
  }
}
.menu-link--active.menu-link-orange .menu-selector {
  opacity: 1;
  background-color: #ff9731;
}
.menu-link--active.menu-link-orange span {
  color: #ff9731;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-fushia {
    background-color: rgba(255, 61, 132, 0.05);
  }
}
.menu-link--active.menu-link-fushia .menu-selector {
  opacity: 1;
  background-color: #ff3d84;
}
.menu-link--active.menu-link-fushia span {
  color: #ff3d84;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-deep-purple {
    background-color: rgba(143, 61, 255, 0.05);
  }
}
.menu-link--active.menu-link-deep-purple .menu-selector {
  opacity: 1;
  background-color: #8f3dff;
}
.menu-link--active.menu-link-deep-purple span {
  color: #8f3dff;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-red {
    background-color: rgba(255, 79, 61, 0.05);
  }
}
.menu-link--active.menu-link-red .menu-selector {
  opacity: 1;
  background-color: #ff4f3d;
}
.menu-link--active.menu-link-red span {
  color: #ff4f3d;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-pale-green {
    background-color: rgba(174, 206, 89, 0.05);
  }
}
.menu-link--active.menu-link-pale-green .menu-selector {
  opacity: 1;
  background-color: #aece59;
}
.menu-link--active.menu-link-pale-green span {
  color: #aece59;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-black {
    background-color: rgba(23, 23, 23, 0.05);
  }
}
.menu-link--active.menu-link-black .menu-selector {
  opacity: 1;
  background-color: #171717;
}
.menu-link--active.menu-link-black span {
  color: #171717;
}

@media only screen and (min-width: 480px) {
  .menu-link--active.menu-link-default {
    background-color: rgba(119, 135, 168, 0.05);
  }
}
.menu-link--active.menu-link-default .menu-selector {
  opacity: 1;
  background-color: #7787a8;
}
.menu-link--active.menu-link-default span {
  color: #7787a8;
}

.menu-link.no-xs {
  display: none;
}
@media only screen and (min-width: 480px) {
  .menu-link.no-xs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.menu-large-label {
  display: none;
}
@media only screen and (min-width: 992px) {
  .menu-large-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.menu-xs-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1px;
  font-size: 10px;
  text-transform: capitalize;
}
@media only screen and (min-width: 480px) {
  .menu-xs-label {
    display: none;
  }
}

.bottom-sidebar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  right: 10px;
  top: 62px;
  z-index: 0;
}
@media only screen and (min-width: 480px) {
  .bottom-sidebar {
    margin-top: auto;
    position: inherit;
  }
}
@media only screen and (min-width: 992px) {
  .bottom-sidebar {
    align-self: flex-end;
    width: 100%;
  }
}

.pdf-info-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  right: 10px;
  top: 62px;
  z-index: 0;
}
@media only screen and (min-width: 480px) {
  .pdf-info-container {
    margin-top: auto;
    position: inherit;
  }
}
@media only screen and (min-width: 992px) {
  .pdf-info-container {
    align-self: flex-end;
    width: 100%;
  }
}

.generate-bloc-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  padding: 0;
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media only screen and (min-width: 480px) {
  .generate-bloc-wrap {
    height: auto;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.generate-bloc-wrap .btn {
  height: 44px !important;
  width: 44px;
  border-radius: 44px !important;
  margin-left: 15px;
  margin-right: 8px;
}
@media only screen and (min-width: 480px) {
  .generate-bloc-wrap .btn {
    width: 100%;
    height: 54px !important;
    border-radius: 3px !important;
    margin-left: inherit;
    margin-right: inherit;
  }
}
.generate-bloc-wrap .btn img {
  max-width: inherit;
  margin-right: 0;
}
.generate-bloc-wrap .btn span {
  display: none;
}
.generate-bloc-wrap .gen-available-btn {
  display: none;
}
@media only screen and (min-width: 480px) {
  .generate-bloc-wrap .gen-available-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 992px) {
  .generate-bloc-wrap {
    padding: 0 12px 12px 12px;
  }
  .generate-bloc-wrap .btn {
    height: 46px;
  }
  .generate-bloc-wrap .btn img {
    margin-right: 10px;
  }
  .generate-bloc-wrap .btn span {
    display: block;
  }
}
@media only screen and (min-width: 480px) {
  .generate-bloc-wrap .gen-generate-btn {
    margin-top: 12px;
  }
}

.l-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  height: 30px;
  margin: 14px 12px;
  margin-bottom: 7px;
}
@media only screen and (min-width: 480px) {
  .l-toolbar {
    margin: 14px 16px;
    margin-bottom: 7px;
  }
}

.toolbar-left,
.toolbar-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.toolbar-left > div {
  margin-right: 14px;
}

.toolbar-right > div {
  margin-left: 14px;
}

.toolbar-left .btn-fixe-1, .toolbar-left .armodal-body .armodal-header .btn, .armodal-body .armodal-header .toolbar-left .btn {
  padding: 0;
}

.btn.toolbar-search {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 40px;
}
.btn.toolbar-search input {
  display: none;
}
.btn.toolbar-search .toolbar-cancel {
  display: none;
}

.btn.toolbar-search--active {
  width: auto;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}
.btn.toolbar-search--active input {
  margin-left: -8px;
  height: 100%;
  display: block;
}
.btn.toolbar-search--active .toolbar-cancel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.btn.toolbar-plan {
  padding: 0;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.btn.toolbar-plan span {
  margin-right: 8px;
}
.btn.toolbar-plan .toolbar-cancel {
  display: none;
  margin-left: 8px;
}

.btn.toolbar-sort, .btn.toolbar-edit {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 40px;
}
.btn.toolbar-sort span, .btn.toolbar-edit span {
  display: none;
}
.btn.toolbar-sort .toolbar-cancel, .btn.toolbar-edit .toolbar-cancel {
  display: none;
  margin-left: 8px;
}

.btn.toolbar-sort--active, .btn.toolbar-edit--active {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  padding: 0;
  width: auto;
}
.btn.toolbar-sort--active span, .btn.toolbar-edit--active span {
  display: block;
  max-width: 120px;
}
.btn.toolbar-sort--active .toolbar-cancel, .btn.toolbar-edit--active .toolbar-cancel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.btn.toolbar-fastfilter {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 40px;
}
.btn.toolbar-fastfilter span {
  display: none;
}
.btn.toolbar-fastfilter .toolbar-cancel {
  display: none;
  margin-left: 8px;
}

.btn.toolbar-fastfilter--active {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  padding: 0;
  width: auto;
}
.btn.toolbar-fastfilter--active span {
  display: block;
  max-width: 160px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.btn.toolbar-fastfilter--active .toolbar-fastfilter-cancel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.btn.toolbar-edit {
  background-color: white;
  padding: 0 !important;
}

.btn.toolbar-filter {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 0;
}
.btn.toolbar-filter span {
  padding: 0 14px;
}
.btn.toolbar-filter .toolbar-cancel {
  display: none;
}

.btn.toolbar-filter--active {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  padding: 0;
  width: auto;
}
.btn.toolbar-filter--active span {
  display: block;
  max-width: 120px;
}
.btn.toolbar-filter--active .toolbar-cancel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.toolbar-cancel {
  width: 30px;
  height: 100%;
  border-left: 1px solid #eaebf1;
}

.toolbar-cancel:hover {
  background-color: #f0f1f7;
}

.btn-toolbar-dropdown-icon .toolbar-dropdown-icon {
  margin-right: 5px;
}
.btn-toolbar-dropdown-icon .toolbar-dropdown-icon img {
  margin-top: -1px;
  width: 17px;
}

.m-content-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 45px;
  background-color: white;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  box-shadow: 0 6px 10px rgba(28, 53, 150, 0.05);
  padding: 0 9px;
}
.m-content-toolbar .m-ariane {
  height: 100%;
}
.m-content-toolbar .content-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  transition: unset;
}
.m-content-toolbar .ariane-chevron {
  margin: 0 8px 0 8px;
}
.m-content-toolbar .back-btn.back-unactive {
  opacity: 0.2;
  cursor: default;
}
.m-content-toolbar .back-btn.back-unactive:hover {
  box-shadow: inherit;
}
.m-content-toolbar button {
  margin-right: 10px;
}

.m-content-toolbar .ariane-links {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.m-content-toolbar .m-ariane .ariane-links {
  color: #78849e;
}
.m-content-toolbar .m-ariane .ariane-links:hover {
  cursor: pointer;
  color: #505edd;
}

.m-content-toolbar .m-ariane .ariane-links:last-child {
  color: #465576;
  cursor: inherit;
}

.no-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 300px;
  max-height: 50%;
}

.no-element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  pointer-events: none;
}
.no-element img {
  max-width: 212px;
}
.no-element span {
  margin-top: 20px;
}

.l-login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding-top: 40px;
  margin-bottom: 0;
}
.l-login .login-main-wrap {
  max-width: 320px;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding-bottom: 0px;
}
.l-login .login-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.l-login .login-header .ar-theme-login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.l-login .login-header .ar-theme-login .login-logo-app {
  width: 124px;
  height: 125px;
}
.l-login .login-header .ar-theme-login .login-logo-text {
  width: 263px;
}
.l-login .login-header .mr-theme-login .login-logo-text {
  width: 263px;
  margin-top: 50px;
}
.l-login .nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 40px;
}
.l-login .nav .nav-item a {
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  width: 160px;
  text-align: center;
  color: #465576;
  border-bottom: 1px solid #d4d6e2;
}
.l-login .nav .nav-item a:hover,
.l-login .nav .nav-item a :focus,
.l-login .nav .nav-item a :active {
  color: #5f6fff;
}
.l-login .nav .nav-item .active {
  color: #5f6fff;
  border-bottom: 1px solid #5f6fff;
}
.l-login .form {
  margin-top: 40px;
}
.l-login .form .login-btns {
  margin-top: 20px;
  align-self: center;
  padding-left: 30px;
  padding-right: 30px;
}
.l-login .form label {
  margin-top: 16px;
}
.l-login .form label:first-child {
  margin-top: 0px;
}
.l-login .form .subscribe-conditions {
  margin-top: 20px;
  text-align: center;
  font-size: 12px;
}
.l-login .form a {
  color: #5f6fff;
  font-size: 12px;
  margin-top: 0px;
}

.login-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: auto;
  margin-top: auto;
  margin-bottom: 0px;
  padding-bottom: 20px;
}
.login-options .language-menu .dropdown-menu {
  max-height: 280px;
  margin-bottom: 20px;
}
.login-options .region-menu {
  margin: inherit;
  margin-left: 10px;
}

.reset-password-wrap {
  min-width: 500px;
}
.reset-password-wrap .reset-password-form {
  padding: 40px 60px;
}
.reset-password-wrap .reset-password-form h2 {
  text-align: center;
}
.reset-password-wrap .reset-password-errors {
  border: 1px solid #ff002f;
  background-color: #ff002f11;
  border-radius: 5px;
  padding: 20px;
}
.reset-password-wrap .reset-password-errors p {
  color: #ff002f;
  margin-bottom: 0px;
}
.reset-password-wrap .reset-password-errors.reset-password-out p {
  text-align: center;
}

.region-menu {
  display: table;
  margin: 0 auto;
  margin-top: 12px;
}
.region-menu .btn-region {
  width: inherit;
  padding: 0 11px;
}
.region-menu .btn-region img {
  width: 16px;
  height: 16px;
  margin-right: 6px;
}
.region-menu .dropdown-menu {
  margin-bottom: 11px;
  padding-top: 10px;
}
.region-menu .dropdown-menu span {
  margin-left: 14px;
  font-size: 10px;
  color: #7787a8;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 500;
}

.m-nav {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 50px;
  background-color: white;
  padding: 0px 16px;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}

.m-nav .nav-logo {
  width: 0;
}
@media only screen and (min-width: 992px) {
  .m-nav .nav-logo {
    width: 270px;
  }
}
.m-nav .nav-logo img {
  display: none;
  margin-top: 3px;
}
@media only screen and (min-width: 992px) {
  .m-nav .nav-logo img {
    display: block;
  }
}
.m-nav .nav-logo .nav-ar-logo {
  width: 126px;
}
.m-nav .nav-logo .nav-mr-logo {
  width: 100px;
}

.m-ariane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.m-ariane a:hover {
  color: #505edd;
}

.m-ariane .ariane-links {
  display: none;
}
@media only screen and (min-width: 480px) {
  .m-ariane .ariane-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.m-ariane .ariane-links:last-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  color: #465576;
}

.ariane-chevron {
  margin: 0 8px 0 8px;
}

.m-ariane .back-btn {
  margin-right: 16px;
}

.nav-menus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: auto;
}

.language-menu {
  margin-right: 4px;
}
.language-menu .dropdown-menu {
  width: 200px;
  top: 9px !important;
  max-height: 560px;
}

.settings-menu {
  margin-right: 4px;
}

.user-menu .dropdown-menu, .sync-menu .dropdown-menu {
  position: fixed !important;
  transform: inherit !important;
  width: 100%;
  top: 49px !important;
}
@media only screen and (min-width: 480px) {
  .user-menu .dropdown-menu, .sync-menu .dropdown-menu {
    width: 400px;
    max-width: 400px;
    left: inherit !important;
    right: 14px;
  }
}
.user-menu .user-menu-header, .sync-menu .user-menu-header {
  padding: 20px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.user-menu .user-menu-header .user-header-email, .sync-menu .user-menu-header .user-header-email {
  margin-top: 3px;
}
.user-menu .user-menu-header .btn, .sync-menu .user-menu-header .btn {
  margin-top: 10px;
}
.user-menu .user-menu-header .plug-ins-btn, .sync-menu .user-menu-header .plug-ins-btn {
  margin-left: 5px;
}
@media only screen and (min-width: 480px) {
  .user-menu .user-menu-header, .sync-menu .user-menu-header {
    padding: 20px 30px;
  }
}
.user-menu .user-menu-options, .sync-menu .user-menu-options {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 15px 15px;
}
.user-menu .user-menu-options > div, .sync-menu .user-menu-options > div {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-top: 10px;
}
.user-menu .user-menu-options > div:first-child, .sync-menu .user-menu-options > div:first-child {
  margin-top: 0;
}
.user-menu .user-menu-options > div.btn, .sync-menu .user-menu-options > div.btn {
  height: 40px;
}
.user-menu .user-menu-options > div.text-sec:not(.text-red) span, .sync-menu .user-menu-options > div.text-sec:not(.text-red) span, .user-menu .modal-footer .user-menu-options > div.btn-secondary:not(.text-red) span, .sync-menu .modal-footer .user-menu-options > div.btn-secondary:not(.text-red) span, .user-menu md-dialog .md-actions .user-menu-options > div.btn-secondary:not(.text-red) span, .sync-menu md-dialog .md-actions .user-menu-options > div.btn-secondary:not(.text-red) span, md-dialog .user-menu .md-actions .user-menu-options > div.btn-secondary:not(.text-red) span, md-dialog .sync-menu .md-actions .user-menu-options > div.btn-secondary:not(.text-red) span, .modal-footer .user-menu .user-menu-options > div.btn-secondary:not(.text-red) span, .modal-footer .sync-menu .user-menu-options > div.btn-secondary:not(.text-red) span, md-dialog .md-actions .user-menu .user-menu-options > div.btn-secondary:not(.text-red) span, md-dialog .md-actions .sync-menu .user-menu-options > div.btn-secondary:not(.text-red) span {
  color: #7787a8;
}
.user-menu .user-menu-options .app-infos, .sync-menu .user-menu-options .app-infos {
  position: absolute;
  bottom: 4px;
  right: 7px;
  font-size: 10px;
  color: #9DA0B0;
}
@media only screen and (min-width: 480px) {
  .user-menu .user-menu-options, .sync-menu .user-menu-options {
    padding: 15px 20px;
  }
  .user-menu .user-menu-options > div, .sync-menu .user-menu-options > div {
    width: 50%;
    margin-bottom: 5px;
    margin-top: inherit;
  }
  .user-menu .user-menu-options > div.btn, .sync-menu .user-menu-options > div.btn {
    height: 30px;
  }
}

.nav-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: 1px solid #ecf1f5;
  height: 30px;
  border-radius: 5px;
}
.nav-switch .switch-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0 10px;
  border-right: 1px solid #ecf1f5;
  height: 100%;
  cursor: pointer;
  min-width: 80px;
  box-sizing: content-box;
}
.nav-switch .switch-item:hover {
  background-color: #fafcfe;
}
.nav-switch .switch-item:last-child {
  border-right: 0;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.nav-switch .switch-item:first-child {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.nav-switch .switch-item.active-switch {
  background-color: #5f6fff;
  border: 1px solid #5f6fff;
  cursor: default;
  box-shadow: 0px 0px 15px rgba(51, 70, 237, 0.3);
}
.nav-switch .switch-item.active-switch:hover {
  background-color: #5f6fff;
}
.nav-switch.nav-switch-white {
  border: none;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}
.nav-switch.nav-switch-white .switch-item {
  background-color: white;
  border: none;
}
.nav-switch.nav-switch-white .switch-item.active-switch {
  background-color: #5f6fff;
}

.help-button {
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: fixed;
  bottom: 10px;
  right: 6px;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  background-color: white;
  box-shadow: 0 1px 6px rgba(56, 63, 121, 0.14);
  cursor: pointer;
}
.help-button img {
  width: 24px;
  user-select: none;
}
.help-button:hover, .help-button:focus {
  background-color: #f8f8fa;
}
.help-button:active {
  background-color: #f2f2f7;
}

.m-project .uk-card-media-top {
  height: 140px;
  border-bottom: 1px solid #eaebf1;
  position: relative;
  overflow: hidden;
  background-color: white;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.o-bloc-main.project-card, .project-card.fullscreen-viewer-container, .project-card.message.opened-card, .export-parts-content label.project-card, .export-bloc .project-card.export-options, .export-bloc .project-card.export-main, .project-card.sm-message-wrap, .annexe-page .project-card.annexe-wrap, .call-back .project-card.call-back-wrap, .old-browser-dialog .browsers-choices .project-card.browser-choice, .public-viewer .project-card.pdf-public-viewer, .armodal-body.armodal-fullscreen .project-card.armodal-content {
  display: block;
  cursor: pointer;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.o-bloc-main.project-card .uk-card-media-top, .project-card.fullscreen-viewer-container .uk-card-media-top, .project-card.message.opened-card .uk-card-media-top, .export-parts-content label.project-card .uk-card-media-top, .export-bloc .project-card.export-options .uk-card-media-top, .export-bloc .project-card.export-main .uk-card-media-top, .project-card.sm-message-wrap .uk-card-media-top, .annexe-page .project-card.annexe-wrap .uk-card-media-top, .call-back .project-card.call-back-wrap .uk-card-media-top, .old-browser-dialog .browsers-choices .project-card.browser-choice .uk-card-media-top, .public-viewer .project-card.pdf-public-viewer .uk-card-media-top, .armodal-body.armodal-fullscreen .project-card.armodal-content .uk-card-media-top {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  overflow: hidden;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: calc(100% - 16px);
  border-radius: 8px;
  z-index: 201;
  background: rgba(255, 255, 255, 0.67);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.overlay img {
  width: 36px;
  top: 8px;
  position: absolute;
  right: 8px;
}

@media only screen and (min-width: 480px) {
  .project-card:hover {
    box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
  }
  .project-card:hover .img-blur {
    width: 100%;
    height: 250%;
    opacity: 0.2;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-animation-name: spin;
    -webkit-animation-duration: 8000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 8000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 8000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    animation-name: spin;
    animation-duration: 8000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
  }
}

.img-blur {
  -webkit-transition: width 1s, height 1s, opacity 0s;
  transition: width 1s, height 1s, opacity 0s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  width: 30%;
  height: 30%;
  opacity: 0;
  -webkit-filter: blur(40px) brightness(125%) !important;
  -ms-filter: blur(40px) brightness(125%) !important;
  -moz-filter: blur(40px) brightness(125%) !important;
  filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='blur'><feGaussianBlur stdDeviation='40' /></filter></svg>#blur") brightness(125%);
  filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius="40");
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.image-preview, .folder-previews .folder-preview {
  position: relative;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: white;
  height: 90px;
  max-width: 140px;
  border: 4px solid white;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  border-radius: 8px;
}
.image-preview .auto-adjust-image, .folder-previews .folder-preview .auto-adjust-image {
  border-radius: 8px;
  width: 100%;
}

.project-dropdown-btn {
  position: absolute;
  top: 13px;
  right: 20px;
}

.project-card-body {
  position: relative;
  padding: 14px 16px;
  height: 115px;
}
.project-card-body .m-actors-attached {
  margin-top: -33px;
}
.project-card-body .project-body-content {
  margin-top: 8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.project-card-body p {
  margin-top: 4px;
}
.project-card-body .o-option-btn {
  margin-left: 16px;
  margin-top: -5px;
}

.project-shared.actor-preview {
  position: absolute;
  top: -16px;
  background-color: white;
}
.project-shared.actor-preview img {
  object-fit: fill;
  width: 62%;
  height: 62%;
}

.m-project-folder .o-bloc-main.project-card, .m-project-folder .project-card.fullscreen-viewer-container, .m-project-folder .project-card.message.opened-card, .m-project-folder .export-parts-content label.project-card, .export-parts-content .m-project-folder label.project-card, .m-project-folder .export-bloc .project-card.export-options, .export-bloc .m-project-folder .project-card.export-options, .m-project-folder .export-bloc .project-card.export-main, .export-bloc .m-project-folder .project-card.export-main, .m-project-folder .project-card.sm-message-wrap, .m-project-folder .annexe-page .project-card.annexe-wrap, .annexe-page .m-project-folder .project-card.annexe-wrap, .m-project-folder .call-back .project-card.call-back-wrap, .call-back .m-project-folder .project-card.call-back-wrap, .m-project-folder .old-browser-dialog .browsers-choices .project-card.browser-choice, .old-browser-dialog .browsers-choices .m-project-folder .project-card.browser-choice, .m-project-folder .public-viewer .project-card.pdf-public-viewer, .public-viewer .m-project-folder .project-card.pdf-public-viewer, .m-project-folder .armodal-body.armodal-fullscreen .project-card.armodal-content, .armodal-body.armodal-fullscreen .m-project-folder .project-card.armodal-content {
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.m-project-folder .o-bloc-main.project-card:hover, .m-project-folder .project-card.fullscreen-viewer-container:hover, .m-project-folder .project-card.message.opened-card:hover, .m-project-folder .export-parts-content label.project-card:hover, .export-parts-content .m-project-folder label.project-card:hover, .m-project-folder .export-bloc .project-card.export-options:hover, .export-bloc .m-project-folder .project-card.export-options:hover, .m-project-folder .export-bloc .project-card.export-main:hover, .export-bloc .m-project-folder .project-card.export-main:hover, .m-project-folder .project-card.sm-message-wrap:hover, .m-project-folder .annexe-page .project-card.annexe-wrap:hover, .annexe-page .m-project-folder .project-card.annexe-wrap:hover, .m-project-folder .call-back .project-card.call-back-wrap:hover, .call-back .m-project-folder .project-card.call-back-wrap:hover, .m-project-folder .old-browser-dialog .browsers-choices .project-card.browser-choice:hover, .old-browser-dialog .browsers-choices .m-project-folder .project-card.browser-choice:hover, .m-project-folder .public-viewer .project-card.pdf-public-viewer:hover, .public-viewer .m-project-folder .project-card.pdf-public-viewer:hover, .m-project-folder .armodal-body.armodal-fullscreen .project-card.armodal-content:hover, .armodal-body.armodal-fullscreen .m-project-folder .project-card.armodal-content:hover {
  cursor: pointer;
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
}
.m-project-folder .o-bloc-main.project-card .uk-card-media-top, .m-project-folder .project-card.fullscreen-viewer-container .uk-card-media-top, .m-project-folder .project-card.message.opened-card .uk-card-media-top, .m-project-folder .export-parts-content label.project-card .uk-card-media-top, .export-parts-content .m-project-folder label.project-card .uk-card-media-top, .m-project-folder .export-bloc .project-card.export-options .uk-card-media-top, .export-bloc .m-project-folder .project-card.export-options .uk-card-media-top, .m-project-folder .export-bloc .project-card.export-main .uk-card-media-top, .export-bloc .m-project-folder .project-card.export-main .uk-card-media-top, .m-project-folder .project-card.sm-message-wrap .uk-card-media-top, .m-project-folder .annexe-page .project-card.annexe-wrap .uk-card-media-top, .annexe-page .m-project-folder .project-card.annexe-wrap .uk-card-media-top, .m-project-folder .call-back .project-card.call-back-wrap .uk-card-media-top, .call-back .m-project-folder .project-card.call-back-wrap .uk-card-media-top, .m-project-folder .old-browser-dialog .browsers-choices .project-card.browser-choice .uk-card-media-top, .old-browser-dialog .browsers-choices .m-project-folder .project-card.browser-choice .uk-card-media-top, .m-project-folder .public-viewer .project-card.pdf-public-viewer .uk-card-media-top, .public-viewer .m-project-folder .project-card.pdf-public-viewer .uk-card-media-top, .m-project-folder .armodal-body.armodal-fullscreen .project-card.armodal-content .uk-card-media-top, .armodal-body.armodal-fullscreen .m-project-folder .project-card.armodal-content .uk-card-media-top {
  height: 180px;
  display: none;
}
.m-project-folder .o-bloc-main.project-card .project-card-body, .m-project-folder .project-card.fullscreen-viewer-container .project-card-body, .m-project-folder .project-card.message.opened-card .project-card-body, .m-project-folder .export-parts-content label.project-card .project-card-body, .export-parts-content .m-project-folder label.project-card .project-card-body, .m-project-folder .export-bloc .project-card.export-options .project-card-body, .export-bloc .m-project-folder .project-card.export-options .project-card-body, .m-project-folder .export-bloc .project-card.export-main .project-card-body, .export-bloc .m-project-folder .project-card.export-main .project-card-body, .m-project-folder .project-card.sm-message-wrap .project-card-body, .m-project-folder .annexe-page .project-card.annexe-wrap .project-card-body, .annexe-page .m-project-folder .project-card.annexe-wrap .project-card-body, .m-project-folder .call-back .project-card.call-back-wrap .project-card-body, .call-back .m-project-folder .project-card.call-back-wrap .project-card-body, .m-project-folder .old-browser-dialog .browsers-choices .project-card.browser-choice .project-card-body, .old-browser-dialog .browsers-choices .m-project-folder .project-card.browser-choice .project-card-body, .m-project-folder .public-viewer .project-card.pdf-public-viewer .project-card-body, .public-viewer .m-project-folder .project-card.pdf-public-viewer .project-card-body, .m-project-folder .armodal-body.armodal-fullscreen .project-card.armodal-content .project-card-body, .armodal-body.armodal-fullscreen .m-project-folder .project-card.armodal-content .project-card-body {
  height: 150px;
}
.m-project-folder .o-bloc-main.project-card .project-card-body .project-body-content, .m-project-folder .project-card.fullscreen-viewer-container .project-card-body .project-body-content, .m-project-folder .project-card.message.opened-card .project-card-body .project-body-content, .m-project-folder .export-parts-content label.project-card .project-card-body .project-body-content, .export-parts-content .m-project-folder label.project-card .project-card-body .project-body-content, .m-project-folder .export-bloc .project-card.export-options .project-card-body .project-body-content, .export-bloc .m-project-folder .project-card.export-options .project-card-body .project-body-content, .m-project-folder .export-bloc .project-card.export-main .project-card-body .project-body-content, .export-bloc .m-project-folder .project-card.export-main .project-card-body .project-body-content, .m-project-folder .project-card.sm-message-wrap .project-card-body .project-body-content, .m-project-folder .annexe-page .project-card.annexe-wrap .project-card-body .project-body-content, .annexe-page .m-project-folder .project-card.annexe-wrap .project-card-body .project-body-content, .m-project-folder .call-back .project-card.call-back-wrap .project-card-body .project-body-content, .call-back .m-project-folder .project-card.call-back-wrap .project-card-body .project-body-content, .m-project-folder .old-browser-dialog .browsers-choices .project-card.browser-choice .project-card-body .project-body-content, .old-browser-dialog .browsers-choices .m-project-folder .project-card.browser-choice .project-card-body .project-body-content, .m-project-folder .public-viewer .project-card.pdf-public-viewer .project-card-body .project-body-content, .public-viewer .m-project-folder .project-card.pdf-public-viewer .project-card-body .project-body-content, .m-project-folder .armodal-body.armodal-fullscreen .project-card.armodal-content .project-card-body .project-body-content, .armodal-body.armodal-fullscreen .m-project-folder .project-card.armodal-content .project-card-body .project-body-content {
  margin-top: 0;
  height: 100%;
}
.m-project-folder .o-bloc-main.project-card .project-card-body .project-texts, .m-project-folder .project-card.fullscreen-viewer-container .project-card-body .project-texts, .m-project-folder .project-card.message.opened-card .project-card-body .project-texts, .m-project-folder .export-parts-content label.project-card .project-card-body .project-texts, .export-parts-content .m-project-folder label.project-card .project-card-body .project-texts, .m-project-folder .export-bloc .project-card.export-options .project-card-body .project-texts, .export-bloc .m-project-folder .project-card.export-options .project-card-body .project-texts, .m-project-folder .export-bloc .project-card.export-main .project-card-body .project-texts, .export-bloc .m-project-folder .project-card.export-main .project-card-body .project-texts, .m-project-folder .project-card.sm-message-wrap .project-card-body .project-texts, .m-project-folder .annexe-page .project-card.annexe-wrap .project-card-body .project-texts, .annexe-page .m-project-folder .project-card.annexe-wrap .project-card-body .project-texts, .m-project-folder .call-back .project-card.call-back-wrap .project-card-body .project-texts, .call-back .m-project-folder .project-card.call-back-wrap .project-card-body .project-texts, .m-project-folder .old-browser-dialog .browsers-choices .project-card.browser-choice .project-card-body .project-texts, .old-browser-dialog .browsers-choices .m-project-folder .project-card.browser-choice .project-card-body .project-texts, .m-project-folder .public-viewer .project-card.pdf-public-viewer .project-card-body .project-texts, .public-viewer .m-project-folder .project-card.pdf-public-viewer .project-card-body .project-texts, .m-project-folder .armodal-body.armodal-fullscreen .project-card.armodal-content .project-card-body .project-texts, .armodal-body.armodal-fullscreen .m-project-folder .project-card.armodal-content .project-card-body .project-texts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 2px;
  width: 100%;
}
.m-project-folder .o-bloc-main.project-card .project-card-body .project-texts .project-texts-wrap, .m-project-folder .project-card.fullscreen-viewer-container .project-card-body .project-texts .project-texts-wrap, .m-project-folder .project-card.message.opened-card .project-card-body .project-texts .project-texts-wrap, .m-project-folder .export-parts-content label.project-card .project-card-body .project-texts .project-texts-wrap, .export-parts-content .m-project-folder label.project-card .project-card-body .project-texts .project-texts-wrap, .m-project-folder .export-bloc .project-card.export-options .project-card-body .project-texts .project-texts-wrap, .export-bloc .m-project-folder .project-card.export-options .project-card-body .project-texts .project-texts-wrap, .m-project-folder .export-bloc .project-card.export-main .project-card-body .project-texts .project-texts-wrap, .export-bloc .m-project-folder .project-card.export-main .project-card-body .project-texts .project-texts-wrap, .m-project-folder .project-card.sm-message-wrap .project-card-body .project-texts .project-texts-wrap, .m-project-folder .annexe-page .project-card.annexe-wrap .project-card-body .project-texts .project-texts-wrap, .annexe-page .m-project-folder .project-card.annexe-wrap .project-card-body .project-texts .project-texts-wrap, .m-project-folder .call-back .project-card.call-back-wrap .project-card-body .project-texts .project-texts-wrap, .call-back .m-project-folder .project-card.call-back-wrap .project-card-body .project-texts .project-texts-wrap, .m-project-folder .old-browser-dialog .browsers-choices .project-card.browser-choice .project-card-body .project-texts .project-texts-wrap, .old-browser-dialog .browsers-choices .m-project-folder .project-card.browser-choice .project-card-body .project-texts .project-texts-wrap, .m-project-folder .public-viewer .project-card.pdf-public-viewer .project-card-body .project-texts .project-texts-wrap, .public-viewer .m-project-folder .project-card.pdf-public-viewer .project-card-body .project-texts .project-texts-wrap, .m-project-folder .armodal-body.armodal-fullscreen .project-card.armodal-content .project-card-body .project-texts .project-texts-wrap, .armodal-body.armodal-fullscreen .m-project-folder .project-card.armodal-content .project-card-body .project-texts .project-texts-wrap {
  width: calc(100% - 25px);
}
.m-project-folder .o-bloc-main.project-card .project-card-body .project-texts .project-texts-wrap p img, .m-project-folder .project-card.fullscreen-viewer-container .project-card-body .project-texts .project-texts-wrap p img, .m-project-folder .project-card.message.opened-card .project-card-body .project-texts .project-texts-wrap p img, .m-project-folder .export-parts-content label.project-card .project-card-body .project-texts .project-texts-wrap p img, .export-parts-content .m-project-folder label.project-card .project-card-body .project-texts .project-texts-wrap p img, .m-project-folder .export-bloc .project-card.export-options .project-card-body .project-texts .project-texts-wrap p img, .export-bloc .m-project-folder .project-card.export-options .project-card-body .project-texts .project-texts-wrap p img, .m-project-folder .export-bloc .project-card.export-main .project-card-body .project-texts .project-texts-wrap p img, .export-bloc .m-project-folder .project-card.export-main .project-card-body .project-texts .project-texts-wrap p img, .m-project-folder .project-card.sm-message-wrap .project-card-body .project-texts .project-texts-wrap p img, .m-project-folder .annexe-page .project-card.annexe-wrap .project-card-body .project-texts .project-texts-wrap p img, .annexe-page .m-project-folder .project-card.annexe-wrap .project-card-body .project-texts .project-texts-wrap p img, .m-project-folder .call-back .project-card.call-back-wrap .project-card-body .project-texts .project-texts-wrap p img, .call-back .m-project-folder .project-card.call-back-wrap .project-card-body .project-texts .project-texts-wrap p img, .m-project-folder .old-browser-dialog .browsers-choices .project-card.browser-choice .project-card-body .project-texts .project-texts-wrap p img, .old-browser-dialog .browsers-choices .m-project-folder .project-card.browser-choice .project-card-body .project-texts .project-texts-wrap p img, .m-project-folder .public-viewer .project-card.pdf-public-viewer .project-card-body .project-texts .project-texts-wrap p img, .public-viewer .m-project-folder .project-card.pdf-public-viewer .project-card-body .project-texts .project-texts-wrap p img, .m-project-folder .armodal-body.armodal-fullscreen .project-card.armodal-content .project-card-body .project-texts .project-texts-wrap p img, .armodal-body.armodal-fullscreen .m-project-folder .project-card.armodal-content .project-card-body .project-texts .project-texts-wrap p img {
  margin-right: 5px;
  margin-top: -3px;
}
.m-project-folder .o-bloc-main.project-card .project-card-body .project-texts .folder-arrow, .m-project-folder .project-card.fullscreen-viewer-container .project-card-body .project-texts .folder-arrow, .m-project-folder .project-card.message.opened-card .project-card-body .project-texts .folder-arrow, .m-project-folder .export-parts-content label.project-card .project-card-body .project-texts .folder-arrow, .export-parts-content .m-project-folder label.project-card .project-card-body .project-texts .folder-arrow, .m-project-folder .export-bloc .project-card.export-options .project-card-body .project-texts .folder-arrow, .export-bloc .m-project-folder .project-card.export-options .project-card-body .project-texts .folder-arrow, .m-project-folder .export-bloc .project-card.export-main .project-card-body .project-texts .folder-arrow, .export-bloc .m-project-folder .project-card.export-main .project-card-body .project-texts .folder-arrow, .m-project-folder .project-card.sm-message-wrap .project-card-body .project-texts .folder-arrow, .m-project-folder .annexe-page .project-card.annexe-wrap .project-card-body .project-texts .folder-arrow, .annexe-page .m-project-folder .project-card.annexe-wrap .project-card-body .project-texts .folder-arrow, .m-project-folder .call-back .project-card.call-back-wrap .project-card-body .project-texts .folder-arrow, .call-back .m-project-folder .project-card.call-back-wrap .project-card-body .project-texts .folder-arrow, .m-project-folder .old-browser-dialog .browsers-choices .project-card.browser-choice .project-card-body .project-texts .folder-arrow, .old-browser-dialog .browsers-choices .m-project-folder .project-card.browser-choice .project-card-body .project-texts .folder-arrow, .m-project-folder .public-viewer .project-card.pdf-public-viewer .project-card-body .project-texts .folder-arrow, .public-viewer .m-project-folder .project-card.pdf-public-viewer .project-card-body .project-texts .folder-arrow, .m-project-folder .armodal-body.armodal-fullscreen .project-card.armodal-content .project-card-body .project-texts .folder-arrow, .armodal-body.armodal-fullscreen .m-project-folder .project-card.armodal-content .project-card-body .project-texts .folder-arrow {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.m-project-folder.m-project-folder-archives .o-bloc-main.project-card, .m-project-folder.m-project-folder-archives .project-card.fullscreen-viewer-container, .m-project-folder.m-project-folder-archives .project-card.message.opened-card, .m-project-folder.m-project-folder-archives .export-parts-content label.project-card, .export-parts-content .m-project-folder.m-project-folder-archives label.project-card, .m-project-folder.m-project-folder-archives .export-bloc .project-card.export-options, .export-bloc .m-project-folder.m-project-folder-archives .project-card.export-options, .m-project-folder.m-project-folder-archives .export-bloc .project-card.export-main, .export-bloc .m-project-folder.m-project-folder-archives .project-card.export-main, .m-project-folder.m-project-folder-archives .project-card.sm-message-wrap, .m-project-folder.m-project-folder-archives .annexe-page .project-card.annexe-wrap, .annexe-page .m-project-folder.m-project-folder-archives .project-card.annexe-wrap, .m-project-folder.m-project-folder-archives .call-back .project-card.call-back-wrap, .call-back .m-project-folder.m-project-folder-archives .project-card.call-back-wrap, .m-project-folder.m-project-folder-archives .old-browser-dialog .browsers-choices .project-card.browser-choice, .old-browser-dialog .browsers-choices .m-project-folder.m-project-folder-archives .project-card.browser-choice, .m-project-folder.m-project-folder-archives .public-viewer .project-card.pdf-public-viewer, .public-viewer .m-project-folder.m-project-folder-archives .project-card.pdf-public-viewer, .m-project-folder.m-project-folder-archives .armodal-body.armodal-fullscreen .project-card.armodal-content, .armodal-body.armodal-fullscreen .m-project-folder.m-project-folder-archives .project-card.armodal-content {
  transition-duration: 0s !important;
}
.m-project-folder.m-project-folder-archives .archived-folder-icon {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #f2f3fa;
  border: 1px solid #eaebf1;
  left: 16px;
  bottom: 16px;
  background-color: white;
  border-radius: 100%;
  width: 40px;
  height: 40px;
}
.m-project-folder.m-project-folder-archives .archived-folder-icon img {
  width: 18px;
}

#project .projects-nav {
  margin-bottom: 14px;
  border-radius: 4px;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}

.folder-previews {
  position: absolute;
  bottom: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.folder-previews .folder-preview {
  width: 28px;
  height: 28px;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
  background-color: white;
  margin-right: 6px;
  border: inherit;
  text-align: center;
  border-radius: 3px;
}
.folder-previews .folder-preview .auto-adjust-image {
  border-radius: 0;
  width: 100%;
}
.folder-previews .folder-preview span {
  margin: 0 auto;
  color: #7787a8;
}

#project .projects-label {
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
}

.project-nosync {
  position: absolute;
  bottom: 16px;
  right: 20px;
}

.projectForm .datepicker-block {
  margin-bottom: 10px;
}
.projectForm .datepicker-block input#startDate,
.projectForm .datepicker-block input#endDate {
  width: 100%;
}

.m-actor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.m-actors-attached {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.m-actors-attached .m-actor {
  margin-left: -20px;
}
.m-actors-attached .m-actor:first-child {
  margin-left: 0px;
}

.actor-preview {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border-radius: 100px;
  border: 2px solid white;
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.08);
  background-color: #7787a8;
}
.actor-preview img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 100px;
  margin-right: 0px !important;
}
.actor-preview .actor-preview-placeholder {
  width: inherit;
  height: inherit;
  object-fit: none;
}
.actor-preview.actor-initial-content {
  cursor: default;
}
.actor-preview.actor-initial-content > img {
  display: none;
}
.actor-preview.actor-initial-content span {
  color: white;
  font-weight: 600;
  font-size: 12px;
}
.actor-preview-bg-white {
  background-color: white;
}
.actor-preview .group-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: absolute;
  top: -4px;
  right: -4px;
  border-radius: 20px;
  width: 16px;
  height: 16px;
  background-color: white;
  border: 1px solid white;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.08);
}
.actor-preview .group-avatar img {
  margin-right: 0px !important;
}
.actor-preview .group-avatar span {
  color: rgba(0, 0, 0, 0.8);
  font-size: 6px;
}

.actor-initial {
  color: white;
  font-weight: 600;
  font-size: 12px;
  cursor: default;
  text-transform: uppercase;
}

.actor-preview-small {
  width: 32px;
  height: 32px;
}

.actor-preview-medium {
  width: 38px;
  height: 38px;
}

.actor-preview-big {
  width: 80px;
  height: 80px;
}

.actor-small-margin {
  margin-right: 10px;
}

.actor-big-margin {
  margin-right: 25px;
}

.m-actor-double {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.work-list:first-child {
  margin-top: 0px !important;
}

.work-list {
  margin-top: 14px !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.work-list > .m-work:first-child, .work-list > .m-part:first-child {
  border-top-right-radius: 8px;
}
.work-list.work-hidden {
  margin-top: 0px !important;
  min-height: 5px;
  line-height: 5px;
}

.subwork-list {
  margin-left: 15px;
  width: calc(100% - 15px);
  margin-top: 1px;
}
.subwork-list .m-work, .subwork-list .m-part {
  position: relative;
}
.subwork-list .m-work:after, .subwork-list .m-part:after {
  content: "";
  position: absolute;
  z-index: 100;
  right: 0;
  top: -8px;
  width: 8px;
  height: 8px;
  background-color: white;
  border-bottom: 1px solid #e6e9f0;
}

@media only screen and (min-width: 768px) {
  .subwork-list.subwork-2 .m-works-time-wrap {
    width: calc(100% + 15px);
    margin-left: -15px;
  }
}

@media only screen and (min-width: 768px) {
  .subwork-list.subwork-3 .m-works-time-wrap {
    width: calc(100% + 30px);
    margin-left: -30px;
  }
}

@media only screen and (min-width: 768px) {
  .subwork-list.subwork-4 .m-works-time-wrap {
    width: calc(100% + 45px);
    margin-left: -45px;
  }
}

.m-work, .m-part {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  min-height: 80px;
  padding: 14px;
  background-color: white;
  box-shadow: 0px 3px 15px rgba(23, 46, 100, 0.08);
  border-radius: 8px 0px 8px 8px;
}
.m-work .grab-list-icon, .m-part .grab-list-icon {
  position: absolute;
  top: 0;
  left: 14px;
  bottom: 0;
  margin: auto;
}
.m-work.work-editing, .work-editing.m-part {
  padding-left: 40px;
}

.m-part {
  min-height: inherit;
}
.m-part .m-markup-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.m-markup-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 1px;
}
.m-markup-title img {
  height: 16px;
  margin-right: 10px;
}

.m-subwork-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 1px;
}
.m-subwork-title img {
  height: 16px;
  margin-right: 14px;
}

.m-work-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.work-markup-color {
  width: 13px;
  height: 13px;
  border: 2px solid white;
  box-shadow: 0px 0px 5px #ecf1f5;
  border-radius: 50%;
  margin-right: 4px;
}
.work-markup-color.work-markup-color--24 {
  width: 24px;
  height: 24px;
  border: 3px solid white;
  box-shadow: 0px 0px 10px #00000017;
}

.m-works-time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 16px;
  margin-bottom: 5px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .m-works-time {
    width: 80%;
  }
}
.m-works-time .m-works-dates {
  -webkit-flex-basis: 70px;
  -moz-flex-basis: 70px;
  -ms-flex-preferred-size: 70px;
  flex-basis: 70px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.m-works-time .m-works-timebar {
  padding: 0px 10px;
}

.o-progress-large {
  position: relative;
  width: 100%;
}
.o-progress-large .slider {
  position: absolute;
  -webkit-appearance: none;
  width: calc(100% - 20px);
  height: 23px;
  background: none;
  outline: none;
  opacity: 0;
  top: 0px;
  z-index: 21;
}
.o-progress-large .slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 32px;
  height: 23px;
  background: #4caf50;
  border: none;
  cursor: grab;
}
.o-progress-large .slider::-webkit-slider-thumb:active {
  cursor: grabbing;
  cursor: -webkit-grabbing;
}
.o-progress-large .slider::-moz-range-thumb {
  width: 34px;
  height: 34px;
  background: #4caf50;
  cursor: move;
}
.o-progress-large .slider::-moz-range-thumb:active {
  cursor: grabbing;
  cursor: -moz-grabbing;
}
.o-progress-large .o-progress-large-underbar {
  position: relative;
  background-color: #f5f6f9;
  border-radius: 100px;
  height: 23px;
  padding-left: 17px;
  padding-right: 17px;
}
.o-progress-large .o-progress-large-underbar .progress-today-marker-wrap {
  position: absolute;
  z-index: 10;
  width: 2px;
  padding: 0px 15px;
  top: 0;
  bottom: 0;
  height: 31px;
  margin: auto;
}
.o-progress-large .o-progress-large-underbar .progress-today-marker-wrap .progress-today-marker {
  background-color: #d9e4ee;
  height: 31px;
  width: 2px;
}
.o-progress-large .o-progress-large-underbar .progress-large-topbar {
  position: relative;
  height: 23px;
  border-radius: 100px;
  width: 100%;
}
.o-progress-large .o-progress-large-underbar .progress-large-topbar .preprogress-bar {
  margin-left: -17px;
  margin-right: 17px;
  border-radius: 20px;
}
.o-progress-large .o-progress-large-underbar .progress-large-topbar .progress-green {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#31df72+0,50e788+100 */
  background: #31df72;
  /* Old browsers */
  background: -moz-linear-gradient(left, #31df72 0%, #50e788 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #31df72 0%, #50e788 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #31df72 0%, #50e788 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#31df72", endColorstr="#50e788",GradientType=1 );
  /* IE6-9 */
}
.o-progress-large .o-progress-large-underbar .progress-large-topbar .progress-red {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff5e4d+0,ff7b6f+100 */
  background: #ff5e4d;
  /* Old browsers */
  background: -moz-linear-gradient(left, #ff5e4d 0%, #ff7b6f 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #ff5e4d 0%, #ff7b6f 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #ff5e4d 0%, #ff7b6f 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ff5e4d", endColorstr="#ff7b6f",GradientType=1 );
  /* IE6-9 */
}
.o-progress-large .o-progress-large-underbar .progress-large-topbar .progress-large-pourcent-green {
  border: 1px solid #38ce70;
}
.o-progress-large .o-progress-large-underbar .progress-large-topbar .progress-large-pourcent-green span {
  color: #38ce70;
}
.o-progress-large .o-progress-large-underbar .progress-large-topbar .progress-large-pourcent-red {
  border: 1px solid #ff4b4b;
}
.o-progress-large .o-progress-large-underbar .progress-large-topbar .progress-large-pourcent-red span {
  color: #ff4b4b;
}
.o-progress-large .o-progress-large-underbar .progress-large-topbar .progress-percent-bar {
  height: inherit;
}
.o-progress-large .o-progress-large-underbar .progress-large-pourcent {
  display: flex;
  position: absolute;
  left: inherit;
  top: 0px;
  background-color: rgba(255, 255, 255, 0.9);
  border-radius: 100px;
  height: 21px;
  width: 31px;
  min-width: 31px;
  align-items: center;
  justify-content: center;
  z-index: 20;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #00000021;
  box-sizing: content-box;
}
.o-progress-large .o-progress-large-underbar .progress-large-pourcent span {
  font-size: 13px;
  font-weight: 500;
  padding: 0px 5px;
}

.area-title {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.area-title h2 {
  margin-left: 8px;
}

.area-icon {
  width: inherit;
  height: inherit !important;
}

.m-work-options, .m-area-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: -4px;
}
.m-work-options .m-actors-attached, .m-area-options .m-actors-attached {
  display: none;
}
@media only screen and (min-width: 480px) {
  .m-work-options .m-actors-attached, .m-area-options .m-actors-attached {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.m-area-options {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  margin-top: inherit;
  min-width: 138px;
}

.works-import .datepicker-block {
  margin-bottom: 10px;
}
.works-import .datepicker-block input#startDate {
  width: 100%;
}

#works .angular-ui-tree-nodes .angular-ui-tree-nodes {
  padding-left: inherit;
}

#works .angular-ui-tree-empty {
  display: none;
}

.part.part-editing .m-part {
  padding-left: 34px;
}

.color-actions {
  margin-top: 6px;
}
.color-actions .form-list-unified {
  background-color: transparent !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-bottom: 8px;
  height: 50px !important;
}
.color-actions .form-list-unified span {
  text-indent: inherit;
}
.color-actions .work-markup-color {
  margin-right: 0px;
}

.color-picker-sidemenu .selected-color-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
  background-color: white;
  padding: 20px;
}
.color-picker-sidemenu .selected-color-container .color-element {
  display: inline-block;
  width: 80px;
  height: 80px;
  border: 5px solid white;
  border-radius: 50%;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
  cursor: auto;
}
.color-picker-sidemenu .color-elements {
  display: grid;
  grid-template-columns: repeat(7, 42px);
  grid-auto-rows: minmax(45px, auto);
  justify-content: center;
  align-items: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.color-picker-sidemenu .color-elements .color-element {
  width: 30px;
  height: 30px;
  margin: 0 auto;
  border-radius: 50%;
  cursor: pointer;
  box-sizing: content-box;
}
.color-picker-sidemenu .color-elements .color-element:hover {
  width: 34px;
  height: 34px;
  border: 4px solid white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
}
.color-picker-sidemenu .select-color-hex {
  position: relative;
  margin-bottom: 12px;
  width: 100%;
}
.color-picker-sidemenu .select-color-hex input {
  position: relative;
  z-index: 0;
  width: 100%;
  text-indent: 22px;
}
.color-picker-sidemenu .select-color-hex span {
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 30px;
  color: #7787a8;
}
.color-picker-sidemenu .select-color-hex .text-red {
  margin-top: 2px;
}

.presences-markers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.presences-markers > div {
  margin-right: 18px;
}

.report .report-main {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-right: auto;
}
.report .image-preview-large, .report .image-preview-small {
  display: none;
}
@media only screen and (min-width: 480px) {
  .report .image-preview-large, .report .image-preview-small {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.report .report-texts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 0px;
}
@media only screen and (min-width: 480px) {
  .report .report-texts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-left: 16px;
  }
}
.report .report-texts .o-date {
  margin-top: -4px;
}
.report .report-texts h2 {
  margin-bottom: 3px;
}
.report .report-texts p {
  margin-top: 7px;
  max-width: 80%;
  line-height: 17px;
}
.report .o-circle-progress {
  margin-right: 20px;
}

#parts .angular-ui-tree-empty {
  display: none;
}

armodal,
.armodal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483449;
}

.armodal {
  z-index: 1000;
}

.armodal-overlay {
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  -webkit-transition-duration: 0.6s;
  transition-duration: 0.6s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.67);
  cursor: pointer;
  opacity: 0;
}
.armodal-overlay.armodal-overlay-hidden {
  background: none;
  opacity: 1;
}
.armodal-overlay .overlay-shortcuts {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  padding: 30px 60px;
  width: fit-content;
  bottom: 50px;
  background-color: #f8f8fb;
  border-radius: 10px;
  color: #7d8698;
}
.armodal-overlay .overlay-shortcuts .text-main, .armodal-overlay .overlay-shortcuts .gantt_task_content .gantt_task_label, .gantt_task_content .armodal-overlay .overlay-shortcuts .gantt_task_label, .armodal-overlay .overlay-shortcuts #ganttctrl #gantt_global .gantt_grid_scale, #ganttctrl #gantt_global .armodal-overlay .overlay-shortcuts .gantt_grid_scale,
.armodal-overlay .overlay-shortcuts #ganttctrl #gantt_global .gantt_grid_scale .gantt_grid_head_cell,
#ganttctrl #gantt_global .gantt_grid_scale .armodal-overlay .overlay-shortcuts .gantt_grid_head_cell, .armodal-overlay .overlay-shortcuts .export-parts-content label h2, .export-parts-content label .armodal-overlay .overlay-shortcuts h2, .armodal-overlay .overlay-shortcuts .form-collapse .form-collapse-content .formly-field .separator-title, .form-collapse .form-collapse-content .formly-field .armodal-overlay .overlay-shortcuts .separator-title, .armodal-overlay .overlay-shortcuts md-toast .md-toast-content span, md-toast .md-toast-content .armodal-overlay .overlay-shortcuts span, .armodal-overlay .overlay-shortcuts .form-list .form-list-bloc label, .form-list .form-list-bloc .armodal-overlay .overlay-shortcuts label, .armodal-overlay .overlay-shortcuts .modal-title, .armodal-overlay .overlay-shortcuts .nav-switch .switch-item.active-switch span, .nav-switch .switch-item.active-switch .armodal-overlay .overlay-shortcuts span {
  color: #7d8698;
}
.armodal-overlay .overlay-shortcuts img {
  margin: 0 5px;
  height: 24px;
}

.armodal-body {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  box-shadow: 0px 0px 60px rgba(28, 53, 150, 0.16);
  background-color: #f9f9fc;
}
@media only screen and (min-width: 480px) {
  .armodal-body {
    width: 350px;
  }
}
.armodal-body.armodal-body-multiple {
  box-shadow: none;
}
.armodal-body .armodal-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  height: 51px;
  padding: 0px 16px;
}
.armodal-body .armodal-header .armodal-title {
  padding-right: 10px;
  text-align: center;
}
.armodal-body .armodal-header .armodal-action.disable {
  opacity: 0;
  user-select: none;
  cursor: default;
}
.armodal-body .armodal-content {
  height: calc(100% - 51px);
  overflow-y: auto;
  padding: 0px 16px;
  padding-top: 16px;
  -webkit-overflow-scrolling: touch;
  background-color: #fafbfd;
  border-top: 1px solid #ebeef6;
  box-shadow: 0 3px 20px rgba(28, 53, 150, 0.12);
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.armodal-body .armodal-content .separator {
  width: calc(100% + 32px);
  display: block;
  margin: 14px -16px;
  border-bottom: 1px solid #eaedf6;
}
.armodal-body .armodal-loader {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.67);
}
.armodal-body label.with-sublabel {
  margin-bottom: 0;
}
.armodal-body span.sublabel {
  margin-bottom: 4px;
}
.armodal-body .btn-large {
  width: 100%;
}
.armodal-body .label-main, .armodal-body .form-collapse .form-collapse-content .formly-field .separator-title, .form-collapse .form-collapse-content .formly-field .armodal-body .separator-title, .armodal-body .collapse-form label, .collapse-form .armodal-body label, .armodal-body .gen-settings .separator-title, .gen-settings .armodal-body .separator-title, .armodal-body label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.armodal-body .label-main img, .armodal-body .form-collapse .form-collapse-content .formly-field .separator-title img, .form-collapse .form-collapse-content .formly-field .armodal-body .separator-title img, .armodal-body .collapse-form label img, .collapse-form .armodal-body label img, .armodal-body .gen-settings .separator-title img, .gen-settings .armodal-body .separator-title img, .armodal-body label img {
  margin-right: 3px;
}
.armodal-body .label-main .image-preview-small, .armodal-body .form-collapse .form-collapse-content .formly-field .separator-title .image-preview-small, .form-collapse .form-collapse-content .formly-field .armodal-body .separator-title .image-preview-small, .armodal-body .collapse-form label .image-preview-small, .collapse-form .armodal-body label .image-preview-small, .armodal-body .gen-settings .separator-title .image-preview-small, .gen-settings .armodal-body .separator-title .image-preview-small, .armodal-body label .image-preview-small {
  margin-right: 10px;
}
.armodal-body .label-main .image-preview-small img, .armodal-body .form-collapse .form-collapse-content .formly-field .separator-title .image-preview-small img, .form-collapse .form-collapse-content .formly-field .armodal-body .separator-title .image-preview-small img, .armodal-body .collapse-form label .image-preview-small img, .collapse-form .armodal-body label .image-preview-small img, .armodal-body .gen-settings .separator-title .image-preview-small img, .gen-settings .armodal-body .separator-title .image-preview-small img, .armodal-body label .image-preview-small img {
  margin-right: 0px;
}
.armodal-body .label-main .m-markup-title img, .armodal-body .form-collapse .form-collapse-content .formly-field .separator-title .m-markup-title img, .form-collapse .form-collapse-content .formly-field .armodal-body .separator-title .m-markup-title img, .armodal-body .collapse-form label .m-markup-title img, .collapse-form .armodal-body label .m-markup-title img, .armodal-body .gen-settings .separator-title .m-markup-title img, .gen-settings .armodal-body .separator-title .m-markup-title img, .armodal-body label .m-markup-title img {
  margin-right: 12px;
  margin-top: -3px;
}
.armodal-body .sm-sticky-bottom {
  position: absolute;
  bottom: -20px;
  height: 79px;
  width: 100%;
  border-top: 1px solid #ecf1f5;
  background-color: white;
  left: 0;
  padding: 14px;
}

.armodal-body.armodal-fullscreen {
  width: 300px;
  box-shadow: none;
  background-color: transparent;
  overflow: inherit;
}
.armodal-body.armodal-fullscreen .armodal-header {
  display: none;
}
.armodal-body.armodal-fullscreen .armodal-content {
  height: calc(100% - 108px);
  width: 300px;
  border-radius: 8px 8px 0 0 !important;
  padding-bottom: 20px;
  margin-top: 108px;
  border-top: none;
}

.modal-inside-body {
  position: fixed;
  right: 16px;
  top: 123px;
  left: inherit;
  width: 300px;
  z-index: 10;
}

.modal-inside-body .armodal-body.armodal-fullscreen .armodal-content {
  margin-top: 0;
}

.modal-open .modal {
  z-index: 2147483658;
}

.modal-backdrop {
  background-color: white;
}

.modal-content {
  border: inherit;
  border-radius: 8px;
  box-shadow: 0px 0px 60px rgba(28, 53, 150, 0.16);
  background-color: #fafbfd;
}

.modal-header, md-dialog md-toolbar .md-toolbar-tools {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border-bottom: 1px solid #ecf1f5;
}
.modal-header button, md-dialog md-toolbar .md-toolbar-tools button {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-image: url(images/icons/modal-close.svg);
  background-repeat: no-repeat;
  background-position: center center;
  outline: 0;
}
.modal-header button span, md-dialog md-toolbar .md-toolbar-tools button span {
  display: none;
}
.modal-header button:hover, md-dialog md-toolbar .md-toolbar-tools button:hover {
  background-color: #f0f1f7;
}
.modal-header .close, md-dialog md-toolbar .md-toolbar-tools .close {
  opacity: 1;
  padding: 26px;
}

.modal-title {
  margin-top: 0;
}

.modal-body {
  padding-top: 30px;
  padding-bottom: 30px;
}
.modal-footer, md-dialog .md-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  border-top: 1px solid #ecf1f5;
}
.modal-footer button, md-dialog .md-actions button {
  height: inherit !important;
  min-height: 30px;
  padding: 5px 12px;
}
.full-modal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  position: fixed;
  overflow: auto;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 79;
  width: 100%;
  border-radius: 0 !important;
  max-width: inherit;
  max-height: inherit;
  min-height: inherit;
  min-width: inherit;
}
.full-modal .md-toolbar-tools {
  border-radius: 0;
}

.photo-modal form {
  height: 100%;
}
.photo-modal form .camera-wrap {
  padding: 0 !important;
  height: 100%;
}
.photo-modal form .camera-wrap .camera {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.photo-modal form .camera-wrap .camera .video-menu {
  position: absolute;
  opacity: 0.5;
  top: 30px;
  z-index: 1000;
}
.photo-modal form .camera-wrap .camera .video-menu:hover {
  opacity: 1;
}
.photo-modal form .camera-wrap .camera .video-menu img {
  margin-right: 8px;
}
.photo-modal form .camera-wrap .camera .video-menu .dropdown-menu {
  border-radius: 4px;
}
.photo-modal form .camera-wrap .camera .camera-video {
  max-width: 1200px;
  padding: 0;
}
.photo-modal form .camera-wrap .camera .camera-video.full-width {
  width: 100%;
}
.photo-modal form .camera-wrap .camera .photo-action {
  width: 77px;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
}
.photo-modal form .camera-wrap .camera .photo-action:active {
  opacity: 0.5;
}

.showcase-modal {
  background-color: rgba(255, 255, 255, 0.35);
}
.showcase-modal .modal-dialog {
  position: relative;
  max-width: inherit;
  width: 550px;
}
.showcase-modal .modal-dialog .modal-dialog-close {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  width: auto;
  border: 0;
  background-color: transparent;
  outline: 0;
}
.showcase-modal .modal-body {
  text-align: center;
  padding-bottom: 0;
}
.showcase-modal .modal-body p {
  font-weight: 400;
  max-width: 380px;
  margin: 0 auto;
  margin-top: 15px;
  margin-bottom: 15px;
  line-height: 22px;
}
.showcase-modal .modal-body a {
  font-size: 14px;
  font-weight: 500;
}
.showcase-modal .modal-body .modal-body-image {
  margin-left: -16px;
  margin-right: -16px;
}
.showcase-modal .modal-footer .btn, .showcase-modal md-dialog .md-actions .btn, md-dialog .showcase-modal .md-actions .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  font-weight: 500;
}

#notification_email_validation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  background-color: #ffeded;
  line-height: 16px;
  color: #ff5656;
  font-size: 12px;
  text-align: center;
  padding: 4px 14px;
}
#notification_email_validation a {
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

.m-document {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
.m-document .doc-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: 14px;
}
.m-document .doc-title .doc-info {
  margin-left: 5px;
}
.m-document .doc-title .text-main, .m-document .doc-title .gantt_task_content .gantt_task_label, .gantt_task_content .m-document .doc-title .gantt_task_label, .m-document .doc-title #ganttctrl #gantt_global .gantt_grid_scale, #ganttctrl #gantt_global .m-document .doc-title .gantt_grid_scale,
.m-document .doc-title #ganttctrl #gantt_global .gantt_grid_scale .gantt_grid_head_cell,
#ganttctrl #gantt_global .gantt_grid_scale .m-document .doc-title .gantt_grid_head_cell, .m-document .doc-title .export-parts-content label h2, .export-parts-content label .m-document .doc-title h2, .m-document .doc-title .form-collapse .form-collapse-content .formly-field .separator-title, .form-collapse .form-collapse-content .formly-field .m-document .doc-title .separator-title, .m-document .doc-title md-toast .md-toast-content span, md-toast .md-toast-content .m-document .doc-title span, .m-document .doc-title .form-list .form-list-bloc label, .form-list .form-list-bloc .m-document .doc-title label, .m-document .doc-title .nav-switch .switch-item.active-switch span, .nav-switch .switch-item.active-switch .m-document .doc-title span, .m-document .doc-title .modal-title {
  line-height: inherit;
}
.m-document .document-icon-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 24px;
}
.m-document .document-checkbox-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 32px;
}
.m-document .document-checkbox-col .control_indicator {
  left: 0;
}
.m-document .live-shared {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-right: 10px;
}
.m-document .live-shared img {
  width: 28px;
  height: 28px;
}

.sections-container .o-list-line {
  border-bottom: 1px solid #b5bdd0;
  background-color: white;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}
.sections-container .o-list-line:last-child {
  border-bottom: 0;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.sections-container .m-markup-title img {
  height: inherit;
}
.sections-container.o-bloc-main, .sections-container.fullscreen-viewer-container, .sections-container.message.opened-card, .export-parts-content label.sections-container, .export-bloc .sections-container.export-options, .export-bloc .sections-container.export-main, .sections-container.sm-message-wrap, .annexe-page .sections-container.annexe-wrap, .call-back .sections-container.call-back-wrap, .old-browser-dialog .browsers-choices .sections-container.browser-choice, .public-viewer .sections-container.pdf-public-viewer, .armodal-body.armodal-fullscreen .sections-container.armodal-content {
  box-shadow: 0 3px 15px rgba(28, 53, 150, 0.1);
}

.main-section:last-child {
  margin-bottom: 20px;
}

.remarks-loader {
  z-index: 1000;
  max-width: 135px;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: auto;
  background-color: white;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
  border-radius: 30px;
  text-align: center;
}
.remarks-loader span {
  display: block;
  padding: 10px 20px;
}

.remark-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 0 11px 0 14px;
  height: 48px;
  box-shadow: 0 5px 13px rgba(28, 53, 150, 0.1);
  position: sticky;
  top: -7px;
  z-index: 1;
}
.remark-section .remark-section-button-add {
  margin-left: auto;
}
.remark-section.group-header {
  border-top: 1px solid rgba(192, 204, 215, 0.33);
  border-bottom: 1px solid rgba(192, 204, 215, 0.5);
  border-left: 5px solid #465576;
  background-color: white;
  margin: 0 0 0 -5px;
  border-radius: 5px;
  border-bottom-right-radius: 0;
  margin-top: 14px;
}

.theme-enedis .remark-section-button-add {
  background-color: #ffffffa1;
  border-radius: 20px;
}
.theme-enedis .remark-section {
  border-left: none;
}
.theme-enedis .remark-section.group-header {
  background-color: #005eb8;
}
.theme-enedis .remark-section.group-header .o-marker.marker-color-black, .theme-enedis .remark-section.group-header .marker-color-black.o-position {
  background-color: transparent;
}
.theme-enedis .remark-section.group-header h2 {
  color: white;
}
.theme-enedis .rmk-sub-object .remark-section {
  border-left: none;
}
.theme-enedis .rmk-sub-object .remark-section.group-header {
  background-color: #a2c8ed;
  border: none;
}
.theme-enedis .rmk-sub-object .remark-section.group-header h2 {
  color: #404d65 !important;
}
.theme-enedis .rmk-sub-object > .rmk-sub-object .group-header {
  background-color: #c2dbf3;
}
.theme-enedis .rmk-sub-object > .rmk-sub-object .group-header h2 {
  color: #404d65 !important;
}

.rmk-sub-object .remark-section {
  border-top: 1px solid rgba(192, 204, 215, 0.33);
  border-bottom: 1px solid rgba(192, 204, 215, 0.5);
  border-left: 5px solid #6e87bd;
  background-color: white;
  margin: 0 0 0 -5px;
  border-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  top: 40px;
}
.rmk-sub-object .remark-section h2 {
  color: #6e87bd !important;
}
.rmk-sub-object .sections-container {
  box-shadow: 0 0 10px rgba(28, 53, 150, 0.08);
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.rmk-sub-object .sections-container.rmk-sub-object {
  margin-left: 8px;
  width: calc(100% - 8px);
  border-bottom-left-radius: 0;
  box-shadow: none;
}
@media only screen and (min-width: 480px) {
  .rmk-sub-object .sections-container.rmk-sub-object {
    margin-left: 15px;
    width: calc(100% - 15px);
    border-bottom-left-radius: 0;
    box-shadow: none;
  }
}
.rmk-sub-object:last-child {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.remark {
  width: 100%;
  padding: 4px 0 14px 0;
}
.remark .o-option-btn {
  margin-right: -5px;
}
.remark .o-blue-bloc {
  border: 1px solid #edeff1;
  margin-top: 6px;
  background-color: white;
  padding: 10px 10px;
  overflow-x: auto;
}

.remark-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.remark-container.remark-opened {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: inherit;
  -ms-flex-align: inherit;
  -webkit-align-items: inherit;
  -moz-align-items: inherit;
  align-items: inherit;
  -webkit-box-pack: inherit;
  -ms-flex-pack: inherit;
  -webkit-justify-content: inherit;
  -moz-justify-content: inherit;
  justify-content: inherit;
  box-shadow: 0 8px 22px rgba(52, 58, 78, 0.14), 0px 0px 15px rgba(28, 53, 150, 0.1);
  cursor: default !important;
}

.rmk-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}
.rmk-header .dropdown-menu {
  color: #7787a8 !important;
}

.previous_remark {
  position: relative;
}

.rmk-indicator .rmk-indicator-bg {
  position: absolute;
  left: -39px;
  top: -8px;
  width: 31px;
}
.rmk-indicator .rmk-indicator-icon {
  position: absolute;
  left: -24px;
  top: 7px;
}
.rmk-indicator.rmk-double-indicator .rmk-indicator-bg {
  top: 19px;
}
.rmk-indicator.rmk-double-indicator .rmk-indicator-icon {
  top: 34px;
}

.rmk-status {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.rmk-list-status {
  margin-top: 8px;
}

.rmk-ref {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  min-width: 31px;
  height: 28px;
  border-radius: 6px;
  border: 2px solid black;
}
.rmk-ref span {
  font-weight: 700;
  font-size: 13px;
  padding: 0 4px;
}

.rmk-status-infos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  height: 30px;
  margin-left: 6px;
}
.rmk-status-infos .rmk-label-state {
  font-weight: 500;
  font-size: 14px;
  line-height: 14px;
}
.rmk-status-infos .o-date {
  margin-top: -4px;
}

.rmks-state-encours {
  color: #ff4f3d;
}
.rmks-state-encours .rmk-ref {
  border: 2px solid #ff4f3d;
}
.rmks-state-encours .rmk-ref span {
  color: #ff4f3d;
}
.rmks-state-encours .rmk-status-infos .rmk-label-state {
  color: #ff4f3d;
}
.rmks-state-encours span {
  color: #ff4f3d;
}

.rmks-state-valid {
  color: #36ce6f;
}
.rmks-state-valid .rmk-ref {
  border: 2px solid #36ce6f;
}
.rmks-state-valid .rmk-ref span {
  color: #36ce6f;
}
.rmks-state-valid .rmk-status-infos .rmk-label-state {
  color: #36ce6f;
}
.rmks-state-valid span {
  color: #36ce6f;
}

.rmks-state-display {
  color: #36ce6f;
}
.rmks-state-display .rmk-ref {
  border: 2px solid #36ce6f;
}
.rmks-state-display .rmk-ref span {
  color: #36ce6f;
}
.rmks-state-display .rmk-status-infos .rmk-label-state {
  color: #36ce6f;
}
.rmks-state-display span {
  color: #36ce6f;
}

.rmks-state-planed {
  color: #6897ff;
}
.rmks-state-planed .rmk-ref {
  border: 2px solid #6897ff;
}
.rmks-state-planed .rmk-ref span {
  color: #6897ff;
}
.rmks-state-planed .rmk-status-infos .rmk-label-state {
  color: #6897ff;
}
.rmks-state-planed span {
  color: #6897ff;
}

.rmks-state-attente {
  color: #ff9731;
}
.rmks-state-attente .rmk-ref {
  border: 2px solid #ff9731;
}
.rmks-state-attente .rmk-ref span {
  color: #ff9731;
}
.rmks-state-attente .rmk-status-infos .rmk-label-state {
  color: #ff9731;
}
.rmks-state-attente span {
  color: #ff9731;
}

.rmks-state-hidden {
  color: #7787a8;
}
.rmks-state-hidden .rmk-ref {
  border: 2px solid #7787a8;
}
.rmks-state-hidden .rmk-ref span {
  color: #7787a8;
}
.rmks-state-hidden .rmk-status-infos .rmk-label-state {
  color: #7787a8;
}
.rmks-state-hidden span {
  color: #7787a8;
}

.rmks-state-black {
  color: #465576;
}
.rmks-state-black .rmk-ref {
  border: 2px solid #465576;
}
.rmks-state-black .rmk-ref span {
  color: #465576;
}
.rmks-state-black .rmk-status-infos .rmk-label-state {
  color: #465576;
}
.rmks-state-black span {
  color: #465576;
}

.rmk-element-bloc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-top: 10px;
}
.rmk-element-bloc .rmk-icon-col {
  display: none;
  -webkit-flex-basis: 25px;
  -moz-flex-basis: 25px;
  -ms-flex-preferred-size: 25px;
  flex-basis: 25px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-right: 12px;
  margin-left: -4px;
}
.rmk-element-bloc .rmk-content-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.rmk-element-bloc .rmk-content-col .rmk-checklist-preview-list {
  margin-bottom: 0;
}
.rmk-element-bloc .o-option-btn {
  margin-right: -5px;
}

.rmk-edit-bloc, .embed-bloc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 20px;
}
.rmk-edit-bloc .rmk-icon-col, .embed-bloc .rmk-icon-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: inherit;
  -moz-flex-basis: inherit;
  -ms-flex-preferred-size: inherit;
  flex-basis: inherit;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-right: 0;
  margin-left: 0;
  padding-left: 16px;
}
.rmk-edit-bloc .rmk-icon-col .rmk-edit-bloc-icon, .embed-bloc .rmk-icon-col .rmk-edit-bloc-icon {
  margin-right: 7px;
}
.rmk-edit-bloc .rmk-icon-col span, .embed-bloc .rmk-icon-col span {
  line-height: inherit;
}
.rmk-edit-bloc .rmk-content-col, .embed-bloc .rmk-content-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: white;
  border-top: 1px solid #ecf1f5;
  border-bottom: 1px solid #ecf1f5;
  box-shadow: 0 0 13px rgba(28, 53, 150, 0.04);
  padding: 7px 16px 16px 16px;
  margin: inherit;
  margin: 9px 0 0 0;
}
.rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc, .embed-bloc .rmk-content-col .rmk-edit-statusbloc {
  height: 55px;
}
.rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .text-main img, .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .gantt_task_content .gantt_task_label img, .gantt_task_content .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .gantt_task_label img, .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status #ganttctrl #gantt_global .gantt_grid_scale img, #ganttctrl #gantt_global .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .gantt_grid_scale img,
#ganttctrl #gantt_global .gantt_grid_scale .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .gantt_grid_head_cell img, .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .export-parts-content label h2 img, .export-parts-content label .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status h2 img, .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .form-collapse .form-collapse-content .formly-field .separator-title img, .form-collapse .form-collapse-content .formly-field .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .separator-title img, .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status md-toast .md-toast-content span img, md-toast .md-toast-content .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status span img, .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .form-list .form-list-bloc label img, .form-list .form-list-bloc .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status label img, .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .text-main img, .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .gantt_task_content .gantt_task_label img, .gantt_task_content .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .gantt_task_label img, .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status #ganttctrl #gantt_global .gantt_grid_scale img, #ganttctrl #gantt_global .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .gantt_grid_scale img,
#ganttctrl #gantt_global .gantt_grid_scale .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .gantt_grid_head_cell img, .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .export-parts-content label h2 img, .export-parts-content label .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status h2 img, .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .form-collapse .form-collapse-content .formly-field .separator-title img, .form-collapse .form-collapse-content .formly-field .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .separator-title img, .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status md-toast .md-toast-content span img, md-toast .md-toast-content .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status span img, .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .form-list .form-list-bloc label img, .form-list .form-list-bloc .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status label img, .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .nav-switch .switch-item.active-switch span img, .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .nav-switch .switch-item.active-switch span img, .nav-switch .switch-item.active-switch .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status span img, .nav-switch .switch-item.active-switch .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status span img, .rmk-edit-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .modal-title img, .embed-bloc .rmk-content-col .rmk-edit-statusbloc:hover .rmk-edit-status .modal-title img {
  opacity: 1;
}
.rmk-edit-bloc .rmk-edit-item, .embed-bloc .rmk-edit-item {
  position: relative;
  margin-top: 9px;
}
.rmk-edit-bloc .rmk-edit-item .rmk-option-btns, .embed-bloc .rmk-edit-item .rmk-option-btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  position: absolute;
  height: 27px;
  top: -14px;
  right: -10px;
  opacity: 1;
}
.rmk-edit-bloc .rmk-edit-item .rmk-option-btns .btn-rmk-option, .embed-bloc .rmk-edit-item .rmk-option-btns .btn-rmk-option {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  margin-left: 4px;
  cursor: pointer;
  opacity: 1;
}
.rmk-edit-bloc .rmk-edit-item .rmk-option-btns .btn-rmk-option.img-option-btns:hover img, .embed-bloc .rmk-edit-item .rmk-option-btns .btn-rmk-option.img-option-btns:hover img {
  cursor: pointer;
  opacity: 1;
  width: 26px;
  height: 26px;
}
@media only screen and (min-width: 992px) {
  .rmk-edit-bloc .rmk-edit-item .rmk-option-btns img, .embed-bloc .rmk-edit-item .rmk-option-btns img {
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    opacity: 0.75;
  }
  .rmk-edit-bloc .rmk-edit-item .rmk-option-btns img:hover, .embed-bloc .rmk-edit-item .rmk-option-btns img:hover {
    opacity: 1;
  }
}
.rmk-edit-bloc .rmk-edit-item .rmk-edit-texts, .embed-bloc .rmk-edit-item .rmk-edit-texts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  cursor: default;
}
.rmk-edit-bloc .rmk-edit-item .rmk-edit-texts > span, .embed-bloc .rmk-edit-item .rmk-edit-texts > span {
  margin-right: 8px;
}
.rmk-edit-bloc .rmk-edit-item .rmk-edit-texts .o-date, .embed-bloc .rmk-edit-item .rmk-edit-texts .o-date {
  margin-top: -3px;
}
.rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-texts-col, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-texts-col {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  margin-left: 2px;
  margin-top: 2px;
}
.rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .text-main, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_task_content .gantt_task_label, .gantt_task_content .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_task_label, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status #ganttctrl #gantt_global .gantt_grid_scale, #ganttctrl #gantt_global .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_grid_scale,
.rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status #ganttctrl #gantt_global .gantt_grid_scale .gantt_grid_head_cell,
#ganttctrl #gantt_global .gantt_grid_scale .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_grid_head_cell, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .export-parts-content label h2, .export-parts-content label .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status h2, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .form-collapse .form-collapse-content .formly-field .separator-title, .form-collapse .form-collapse-content .formly-field .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .separator-title, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status md-toast .md-toast-content span, md-toast .md-toast-content .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status span, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .form-list .form-list-bloc label, .form-list .form-list-bloc .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status label, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .text-main, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_task_content .gantt_task_label, .gantt_task_content .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_task_label, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status #ganttctrl #gantt_global .gantt_grid_scale, #ganttctrl #gantt_global .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_grid_scale,
.embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status #ganttctrl #gantt_global .gantt_grid_scale .gantt_grid_head_cell,
#ganttctrl #gantt_global .gantt_grid_scale .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_grid_head_cell, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .export-parts-content label h2, .export-parts-content label .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status h2, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .form-collapse .form-collapse-content .formly-field .separator-title, .form-collapse .form-collapse-content .formly-field .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .separator-title, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status md-toast .md-toast-content span, md-toast .md-toast-content .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status span, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .form-list .form-list-bloc label, .form-list .form-list-bloc .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status label, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .nav-switch .switch-item.active-switch span, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .nav-switch .switch-item.active-switch span, .nav-switch .switch-item.active-switch .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status span, .nav-switch .switch-item.active-switch .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status span, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .modal-title, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .modal-title {
  cursor: pointer;
}
.rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .text-main img, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_task_content .gantt_task_label img, .gantt_task_content .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_task_label img, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status #ganttctrl #gantt_global .gantt_grid_scale img, #ganttctrl #gantt_global .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_grid_scale img,
#ganttctrl #gantt_global .gantt_grid_scale .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_grid_head_cell img, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .export-parts-content label h2 img, .export-parts-content label .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status h2 img, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .form-collapse .form-collapse-content .formly-field .separator-title img, .form-collapse .form-collapse-content .formly-field .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .separator-title img, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status md-toast .md-toast-content span img, md-toast .md-toast-content .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status span img, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .form-list .form-list-bloc label img, .form-list .form-list-bloc .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status label img, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .text-main img, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_task_content .gantt_task_label img, .gantt_task_content .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_task_label img, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status #ganttctrl #gantt_global .gantt_grid_scale img, #ganttctrl #gantt_global .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_grid_scale img,
#ganttctrl #gantt_global .gantt_grid_scale .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .gantt_grid_head_cell img, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .export-parts-content label h2 img, .export-parts-content label .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status h2 img, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .form-collapse .form-collapse-content .formly-field .separator-title img, .form-collapse .form-collapse-content .formly-field .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .separator-title img, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status md-toast .md-toast-content span img, md-toast .md-toast-content .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status span img, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .form-list .form-list-bloc label img, .form-list .form-list-bloc .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status label img, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .nav-switch .switch-item.active-switch span img, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .nav-switch .switch-item.active-switch span img, .nav-switch .switch-item.active-switch .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status span img, .nav-switch .switch-item.active-switch .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status span img, .rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .modal-title img, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .modal-title img {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  margin-left: 2px;
  opacity: 0;
}
.rmk-edit-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .o-date, .embed-bloc .rmk-edit-item .rmk-edit-texts.rmk-edit-status .o-date {
  margin-top: 0;
}
.rmk-edit-bloc .rmk-white-bloc, .embed-bloc .rmk-white-bloc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  width: 100%;
  height: 50px;
  padding: 9px;
  background-color: white;
  border-radius: 5px;
  margin-right: 14px;
  border: 1px solid #ecf1f5;
  cursor: pointer;
}
.rmk-edit-bloc .rmk-white-bloc:hover, .embed-bloc .rmk-white-bloc:hover {
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.08);
}
@media only screen and (min-width: 768px) {
  .rmk-edit-bloc .rmk-white-bloc, .embed-bloc .rmk-white-bloc {
    width: inherit;
    -webkit-flex-basis: 200px;
    -moz-flex-basis: 200px;
    -ms-flex-preferred-size: 200px;
    flex-basis: 200px;
  }
}

.status-sidemodal .rmk-edit-item .o-date {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.status-sidemodal .rmk-edit-item .o-date span {
  padding-top: 1px;
  margin-left: 2px;
}
.status-sidemodal .status-live-icon {
  margin-right: 7px;
}

.rmk-desc {
  margin-top: 5px;
  margin-bottom: 5px;
  word-break: break-word;
  overflow-y: hidden;
}
.rmk-desc p h1,
.rmk-desc p h2,
.rmk-desc p h3,
.rmk-desc p h4,
.rmk-desc p h5 {
  font-size: 14px;
}
.rmk-desc p h1 font,
.rmk-desc p h1 span,
.rmk-desc p h2 font,
.rmk-desc p h2 span,
.rmk-desc p h3 font,
.rmk-desc p h3 span,
.rmk-desc p h4 font,
.rmk-desc p h4 span,
.rmk-desc p h5 font,
.rmk-desc p h5 span {
  font-size: 14px;
}
.rmk-desc p font,
.rmk-desc p span {
  font-size: 14px;
}
.rmk-desc table,
.rmk-desc tr {
  width: inherit !important;
  max-width: 100%;
}

.rmk-checklist-infos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.rmk-checklist-infos.rmk-checklist-infos-center {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.rmk-checklist-infos .o-stats-number {
  margin-left: 7px;
}

.form .sidem-double-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.form .sidem-double-btn div:first-child {
  margin-right: 10px;
}
.form .sidem-double-btn > div {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.rmk-images .rmk-content-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.rmk-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 124px;
  height: 92px;
  border-radius: 5px;
  background-position: center;
  background-size: cover;
  margin-right: 10px;
  background-color: white;
  border: 2px solid white;
  cursor: pointer;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.08);
}

.rmk-image-plus {
  background-color: #f8f8fa;
  border: 1px solid #dee7ef;
  padding: 0 9px;
  border-radius: 30px;
}

.rmk-obs .rmk-content-col {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.rmk-obs .rmk-content-col .rmk-comment-infos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.rmk-obs .rmk-content-col .rmk-comment-infos .o-date {
  margin-left: 7px;
}
.rmk-obs .rmk-content-col .rmk-comment-infos .o-date span {
  margin-left: -3px;
}

.remark-container {
  position: relative;
  width: 100%;
  padding: 12px 16px 12px 20px;
  margin-bottom: 14px;
  z-index: 50;
  overflow: hidden;
}
.remark-container:hover {
  cursor: pointer;
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
}

.remark-container.remark-opened {
  background-color: #f6f7fb !important;
  padding: 0 0 0 0;
}

.remark-container.modal-mode {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: fixed;
  overflow: auto;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2147483448;
  width: 100%;
  border-radius: 0;
}
.remark-container.modal-mode .remark-top-bar {
  display: inherit;
}
@media only screen and (min-width: 480px) {
  .remark-container.modal-mode {
    position: absolute;
    overflow: auto;
    height: calc(100% - 28px);
    top: 14px;
    left: 16px;
    z-index: 2147483448;
    width: calc(100% - 32px);
    border-radius: 8px;
  }
}

.remark-top-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 53px;
  padding: 7px 12px 7px 12px;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
  position: relative;
  z-index: 5;
  background-color: white;
}
.remark-top-bar .rmk-status {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.remark-top-bar .rmk-status .rmk-status-infos {
  cursor: pointer;
}
@media only screen and (min-width: 480px) {
  .remark-top-bar {
    padding: 7px 16px 7px 16px;
  }
}

.remark-modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.67);
  z-index: 10;
  cursor: pointer;
}

.rmk-edit-bloc .rmk-edit-statusbloc, .embed-bloc .rmk-edit-statusbloc {
  width: 100% !important;
  flex-basis: inherit !important;
  position: relative;
  -moz-transition-duration: 0s;
  -o-transition-duration: 0s;
  -webkit-transition-duration: 0s;
  transition-duration: 0s;
}
.rmk-edit-bloc .rmk-edit-statusbloc .rmk-status-dropdown-btn, .embed-bloc .rmk-edit-statusbloc .rmk-status-dropdown-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.rmk-edit-bloc .rmk-edit-statusbloc .rmk-status-dropdown-btn img, .embed-bloc .rmk-edit-statusbloc .rmk-status-dropdown-btn img {
  position: absolute;
  right: 14px;
}

.rmk-edit-bloc .rmk-live-preview, .embed-bloc .rmk-live-preview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 140px;
  background-color: white;
  padding: 16px;
  cursor: pointer;
  box-shadow: 0 0 15px transparent;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.rmk-edit-bloc .rmk-live-preview:hover, .embed-bloc .rmk-live-preview:hover {
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}
.rmk-edit-bloc .rmk-live-preview:focus, .embed-bloc .rmk-live-preview:focus, .rmk-edit-bloc .rmk-live-preview:active, .embed-bloc .rmk-live-preview:active {
  background-color: #f6f7fb;
}
.rmk-edit-bloc .rmk-live-preview .lp-image, .embed-bloc .rmk-live-preview .lp-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100px;
  height: 100px;
  margin-right: 15px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
.rmk-edit-bloc .rmk-live-preview .lp-content, .embed-bloc .rmk-live-preview .lp-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
}
.rmk-edit-bloc .rmk-live-preview .lp-content .m-actor, .embed-bloc .rmk-live-preview .lp-content .m-actor {
  margin-bottom: 10px;
}

.remark-top-bar span {
  text-align: center;
}

.remark-create-container {
  margin-bottom: 0;
}

.remark-create {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 44px;
}
.remark-create .btn-plus {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  border-radius: 24px;
  background-color: #5f6fff;
  margin-right: 12px;
  box-shadow: 0px 0px 15px rgba(51, 70, 237, 0.3);
}
.remark-create span {
  color: #7787a8;
  font-size: 15px;
}

.remark-edit, .notes-editor, .observation-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding-bottom: 14px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.remark-edit .froala-tb, .notes-editor .froala-tb, .observation-form .froala-tb {
  margin-left: -17px;
}
.remark-edit .fr-toolbar, .notes-editor .fr-toolbar, .observation-form .fr-toolbar {
  border-top: inherit;
  border: none;
  box-shadow: inherit;
}
.remark-edit .fr-toolbar.fr-top, .notes-editor .fr-toolbar.fr-top, .observation-form .fr-toolbar.fr-top {
  box-shadow: inherit;
}
.remark-edit .fr-toolbar .fr-newline, .notes-editor .fr-toolbar .fr-newline, .observation-form .fr-toolbar .fr-newline {
  display: none;
}
.remark-edit .fr-wrapper.show-placeholder, .notes-editor .fr-wrapper.show-placeholder, .observation-form .fr-wrapper.show-placeholder {
  box-shadow: inherit;
}
.remark-edit .fr-placeholder, .notes-editor .fr-placeholder, .observation-form .fr-placeholder {
  color: #465576 !important;
  opacity: 0.6;
}
.remark-edit .fr-box.fr-basic.fr-top .fr-wrapper, .notes-editor .fr-box.fr-basic.fr-top .fr-wrapper, .observation-form .fr-box.fr-basic.fr-top .fr-wrapper {
  box-shadow: inherit;
  border: 1px solid #ecf1f5;
  border-radius: 5px;
}
.remark-edit .fr-desktop .fr-command, .notes-editor .fr-desktop .fr-command, .observation-form .fr-desktop .fr-command {
  opacity: 0.6;
}
.remark-edit .fr-desktop .fr-command:hover, .notes-editor .fr-desktop .fr-command:hover, .observation-form .fr-desktop .fr-command:hover,
.remark-edit .fr-desktop .fr-command:focus,
.notes-editor .fr-desktop .fr-command:focus,
.observation-form .fr-desktop .fr-command:focus {
  background-color: inherit;
  opacity: 1;
}
.remark-edit .fr-element.fr-view, .notes-editor .fr-element.fr-view, .observation-form .fr-element.fr-view {
  font-size: 15px;
  color: #465576 !important;
}
.remark-edit .fr-btn-font_awesome .fa, .notes-editor .fr-btn-font_awesome .fa, .observation-form .fr-btn-font_awesome .fa {
  opacity: 0.9;
}
.remark-edit .fr-btn-font_awesome .fa:hover, .notes-editor .fr-btn-font_awesome .fa:hover, .observation-form .fr-btn-font_awesome .fa:hover {
  opacity: 1;
}
.remark-edit .fr-btn-font_awesome .fa::before, .notes-editor .fr-btn-font_awesome .fa::before, .observation-form .fr-btn-font_awesome .fa::before {
  color: #465576;
}
.remark-edit .fr-btn-font_awesome.fr-active, .notes-editor .fr-btn-font_awesome.fr-active, .observation-form .fr-btn-font_awesome.fr-active {
  opacity: 1;
}
.remark-edit .fr-desktop .fr-command.fr-active:hover, .notes-editor .fr-desktop .fr-command.fr-active:hover, .observation-form .fr-desktop .fr-command.fr-active:hover,
.remark-edit .fr-desktop .fr-command.fr-active:focus,
.notes-editor .fr-desktop .fr-command.fr-active:focus,
.observation-form .fr-desktop .fr-command.fr-active:focus {
  background-color: white;
}

.remark-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (min-width: 480px) {
  .remark-footer {
    padding-left: 10px;
    padding-right: 0;
  }
}
.remark-footer .btn {
  text-align: center;
  background-color: white;
}
.remark-footer .btn span {
  display: none;
}
.remark-footer .btn img {
  margin-right: 0;
}

.remark-opened .remark-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: white;
  border-top: 1px solid #ecf1f5;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (min-width: 480px) {
  .remark-opened .remark-footer {
    padding-right: 10px;
  }
}
.remark-opened .remark-footer .remark-element-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding-right: 0;
}
@media only screen and (min-width: 480px) {
  .remark-opened .remark-footer .remark-element-parent {
    padding: 0 3px;
  }
}
@media only screen and (min-width: 1200px) {
  .remark-opened .remark-footer .remark-element-parent .btn span {
    display: block;
  }
  .remark-opened .remark-footer .remark-element-parent .btn img {
    margin-right: 8px;
  }
}
.remark-opened .remark-footer .btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  padding: 0 8px !important;
}
.remark-opened .remark-footer .btn img {
  margin-right: 0;
}
.remark-opened .remark-footer .btn span {
  display: none;
}

.rmk-edit-positions .o-position {
  margin-right: 10px;
}

#remark-element-short-text {
  margin-top: 20px;
}
#remark-element-short-text .rmk-content-col {
  padding: 16px;
}
#remark-element-short-text .rmk-content-col input {
  width: 100%;
}

.rmk-checklist .rmk-icon-col {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.rmk-checklist .rmk-icon-col .checklist-edit-titles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.rmk-checklist .rmk-icon-col .checklist-edit-titles .o-stats-number {
  margin-left: 7px;
}
.rmk-checklist .rmk-content-col {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}
.rmk-checklist .rmk-content-col .rmk-checklist-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 2px;
}
.rmk-checklist .rmk-content-col .rmk-checklist-top .o-progress-large {
  margin-right: 10px;
}
.rmk-checklist .rmk-content-col .form-list {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 2px;
  margin-left: -1px;
}
.rmk-checklist .rmk-content-col .form-list .form-list-bloc label span {
  margin-right: 0;
  margin-left: 30px;
}
.rmk-checklist .rmk-content-col .form-list .control_indicator {
  right: inherit;
  left: 0;
}

.rmk-edit-bloc .rmk-manage, .embed-bloc .rmk-manage {
  padding-right: 16px;
}
.rmk-edit-bloc .rmk-manage:hover span, .embed-bloc .rmk-manage:hover span {
  text-decoration: underline;
}

.rmk-edit-bloc.rmk-documents .rmk-content-col, .rmk-documents.embed-bloc .rmk-content-col {
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: none;
  flex-wrap: nowrap;
  overflow-x: auto;
}
@media only screen and (min-width: 768px) {
  .rmk-edit-bloc.rmk-documents .rmk-content-col, .rmk-documents.embed-bloc .rmk-content-col {
    overflow-x: inherit;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.rmk-edit-bloc.rmk-documents .rmk-image, .rmk-documents.embed-bloc .rmk-image {
  position: relative;
  width: 145px;
  height: 105px;
}

.rmk-edit-bloc.rmk-documents .rmk-image .rmk-option-btns, .rmk-documents.embed-bloc .rmk-image .rmk-option-btns,
.uploaded-files .rmk-option-btns {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
}
.rmk-edit-bloc.rmk-documents .rmk-image .rmk-option-btns .btn-rmk-option, .rmk-documents.embed-bloc .rmk-image .rmk-option-btns .btn-rmk-option,
.uploaded-files .rmk-option-btns .btn-rmk-option {
  height: 50%;
  width: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.uploaded-files .rmk-option-btns {
  height: 105px;
}
.uploaded-files .rmk-option-btns img {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  opacity: 0.75;
}
.uploaded-files .rmk-option-btns img:hover {
  opacity: 1;
}

.rmk-images-before,
.rmk-images-after {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.rmk-images-after .rmk-content-col {
  border-left: 1px solid #ecf1f5;
}

.rmk-images-list-before,
.rmk-images-list-after {
  display: inline-block;
  height: 114px;
  width: calc(50% - 5px);
}
.rmk-images-list-before .rmk-content-col,
.rmk-images-list-after .rmk-content-col {
  height: 100%;
}

.rmk-images-list-after {
  margin-left: 10px;
}

.vertical-label {
  transform: rotate(-90deg);
  margin-left: -10px;
}

.rmk-image-add {
  background-color: #f9faff;
  border-color: #e9f0ff;
  border-width: 1px;
  box-shadow: none;
  margin-top: 9px;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.rmk-image-add img {
  border-radius: 50px;
  box-shadow: 0 0 12px rgba(18, 42, 119, 0.075);
}
.rmk-image-add:hover {
  box-shadow: 0 0 20px rgba(18, 42, 119, 0.04);
}
.rmk-image-add:active {
  background-color: #f1f2fa;
}

.rmk-edit-obs .rmk-comment-infos, .rmk-edit-loc .rmk-comment-infos {
  width: 100%;
}
.rmk-edit-obs .rmk-comment-infos .rmk-comment-infos-wrap, .rmk-edit-loc .rmk-comment-infos .rmk-comment-infos-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  position: relative;
  cursor: default;
}
.rmk-edit-obs .rmk-comment-infos .rmk-comment-infos-wrap .o-date, .rmk-edit-loc .rmk-comment-infos .rmk-comment-infos-wrap .o-date {
  margin-left: 10px;
}

.rmk-edit-loc {
  min-height: 45px !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.rmk-edit-loc p {
  margin-top: 5px;
}

.observation-form {
  height: 100%;
  max-height: calc(100% - 96px);
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
  border-radius: 5px;
  overflow: hidden;
}
.observation-form .fr-box.fr-basic.fr-top {
  height: 100%;
}
.observation-form .fr-element.fr-view {
  height: 100%;
}
.observation-form .fr-box.fr-basic.fr-top .fr-wrapper {
  height: calc(100% - 20px);
  border-radius: 0;
  border: inherit;
  border-top: 1px solid #ecf1f5;
}

.rmk-sm-comment {
  padding: 6px 0 8px 0;
}

.rmk-edit-bloc .rmk-edit-obs, .embed-bloc .rmk-edit-obs, .rmk-edit-bloc .rmk-edit-loc, .embed-bloc .rmk-edit-loc {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: inherit;
  -moz-flex-basis: inherit;
  -ms-flex-preferred-size: inherit;
  flex-basis: inherit;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  width: 100%;
  min-height: 60px;
  height: inherit;
}
.rmk-edit-bloc .rmk-edit-obs p, .embed-bloc .rmk-edit-obs p, .rmk-edit-bloc .rmk-edit-loc p, .embed-bloc .rmk-edit-loc p {
  line-height: 13px;
}

md-backdrop.md-opaque {
  opacity: 0.7;
  z-index: 201;
}

md-backdrop.md-opaque.md-default-theme,
md-backdrop.md-opaque {
  background-color: white;
}

md-dialog {
  border-radius: 8px;
  box-shadow: 0px 0px 60px rgba(28, 53, 150, 0.16);
}
md-dialog md-toolbar .md-toolbar-tools {
  background-color: white;
}
md-dialog .md-actions {
  background-color: white;
}

.remark-actor-dialog,
.remark-work-dialog,
.remark-image-dialog,
.remark-sharing-dialog,
.remark-manage-part {
  width: 650px;
  max-width: 80%;
}

.remark-mail-valid-dialog {
  width: 500px;
  max-width: 80%;
}

.remark-actor-dialog .active {
  background-color: white;
}
.remark-actor-dialog .actor_unselected .check-col .selected-check {
  display: none;
}
.remark-actor-dialog .actor_unselected.o-list-line {
  background-color: #f7f8fa;
}
.remark-actor-dialog .actor_unselected.o-list-line:hover {
  background-color: #f7f8fa;
}
.remark-actor-dialog .o-list-line {
  background-color: white;
}
.remark-actor-dialog .o-list-line:hover {
  background-color: white;
}

.check-col {
  -webkit-flex-basis: 30px;
  -moz-flex-basis: 30px;
  -ms-flex-preferred-size: 30px;
  flex-basis: 30px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.check-col .selected-check {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.remark-work-dialog .m-work, .remark-work-dialog .m-part {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  min-height: 55px;
}
.remark-work-dialog .m-work .m-work-top, .remark-work-dialog .m-part .m-work-top {
  width: 100%;
}
.remark-work-dialog .work-list {
  overflow: hidden;
  margin: 14px !important;
}
.remark-work-dialog .work_unselected .check-col .selected-check {
  display: none;
}
.remark-work-dialog .work_unselected.m-work, .remark-work-dialog .work_unselected.m-part {
  background-color: #f7f8fa;
}

.remark-manage-part md-dialog-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px;
}

.remark-image-dialog .uploader-content {
  min-height: 200px;
  padding: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.remark-image-dialog .uploader-content .o-drop-box {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 200px;
}
.remark-image-dialog .uploader-content .o-upload.uploaded-files {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 14px;
  height: 200px;
}
.remark-image-dialog .uploader-content .o-upload.uploaded-files .upload-bg {
  border: 0;
  height: 100%;
}
.remark-image-dialog .uploader-content .o-upload.uploaded-files .upload-bg:hover {
  background-color: white;
}

.checklist-edit-form .gen-main-header button:first-child {
  margin-left: 0;
}
.checklist-edit-form .dial-gen-main .gen-main-header .btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.checklist-edit-form .dial-gen-main .gen-main-header .btn-wrap button {
  padding: 0 14px;
}
.checklist-edit-form input {
  width: 100%;
}
.checklist-edit-form .checklist-edit-todolist {
  margin: 0;
  padding: 0;
  padding-bottom: 80px;
}
.checklist-edit-form .checklist-edit-todolist input {
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
  cursor: pointer;
  padding-right: 80px;
  text-overflow: ellipsis;
}
.checklist-edit-form .checklist-edit-todolist li {
  position: relative;
  margin-bottom: 10px;
}
.checklist-edit-form .checklist-edit-todolist .checklist-reorder {
  position: absolute;
  right: 45px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: move;
}
.checklist-edit-form .checklist-edit-todolist .checklist-delete {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.checklist-edit-form .checklist-edit-todolist .checklist-delete:hover {
  opacity: 0.8;
}
.checklist-edit-form .dndPlaceholder {
  display: block;
  height: 5px;
  width: 100%;
  background-color: #adb3bf;
  border-radius: 100px;
}
.checklist-edit-form .favorites-checklists {
  padding: 14px;
}
.checklist-edit-form .favorites-checklists li:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.checklist-edit-form .favorites-checklists li:first-child img {
  margin-left: 4px;
  margin-top: -2px;
}
.checklist-edit-form .favorites-checklists .form-list {
  margin-top: 10px;
  border: 0;
}
.checklist-edit-form .favorites-checklists .form-list .form-list-bloc {
  background-color: white;
  cursor: pointer;
  margin-bottom: 10px;
  border-radius: 4px;
}
.checklist-edit-form .favorites-checklists .form-list .form-list-bloc.checklist-selected {
  border-bottom: 2px solid #5f6fff;
}
.checklist-edit-form .btn-favorite img {
  margin-top: -3px;
  margin-right: 5px;
}

.remark-status-dialog {
  width: 500px;
  max-width: 80%;
}
.remark-status-dialog .status-edition-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  padding: 16px 16px;
  min-height: 230px;
}
.remark-status-dialog .status-edition-container div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 12px;
}

.embed-bloc .froala-tb {
  margin-left: 0;
  border-radius: 4px;
  width: 100%;
  margin-top: 7px;
}
.embed-bloc .fr-box.fr-basic.fr-top .fr-wrapper {
  box-shadow: inherit;
}
.embed-bloc .fr-toolbar {
  box-shadow: inherit;
  border-top: none;
}
.embed-bloc .fr-toolbar.fr-top {
  box-shadow: inherit;
}
.embed-bloc .fr-box.fr-basic .fr-element {
  min-height: 120px;
}
.embed-bloc .short-text-content {
  margin-top: -4px;
}
.embed-bloc .short-text-content input {
  width: 100%;
}
.embed-bloc .fr-separator.fr-vs {
  display: none;
}

.rmk-no-icon {
  margin-left: 2px;
}

.group-title {
  margin: 15px 0px 10px 0px;
}

.admin-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
}
.admin-top .o-upload {
  padding: 14px;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.admin-top .admin-inputs {
  padding: 14px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.admin-top .admin-inputs .label-main, .admin-top .admin-inputs .form-collapse .form-collapse-content .formly-field .separator-title, .form-collapse .form-collapse-content .formly-field .admin-top .admin-inputs .separator-title, .admin-top .admin-inputs .collapse-form label, .collapse-form .admin-top .admin-inputs label, .admin-top .admin-inputs .gen-settings .separator-title, .gen-settings .admin-top .admin-inputs .separator-title, .admin-top .admin-inputs .armodal-body label, .armodal-body .admin-top .admin-inputs label {
  width: 100%;
}
.admin-top .admin-inputs .input-main, .admin-top .admin-inputs .form-collapse .form-collapse-content .formly-field input, .form-collapse .form-collapse-content .formly-field .admin-top .admin-inputs input, .admin-top .admin-inputs #preset_name, .admin-top .admin-inputs .o-upload .upload-bg, .o-upload .admin-top .admin-inputs .upload-bg, .admin-top .admin-inputs .form-dropdown-btn, .admin-top .admin-inputs .work-datepicker, .admin-top .admin-inputs .form-dropdown-btn-inside, .admin-top .admin-inputs .upload-file .uploaded-files .uploaded-file, .upload-file .uploaded-files .admin-top .admin-inputs .uploaded-file, .admin-top .admin-inputs .remark-filter-sm .form-list-unified, .remark-filter-sm .admin-top .admin-inputs .form-list-unified, .admin-top .admin-inputs .form-list.form-list-separated > div, .admin-top .admin-inputs .form-list.form-list-unified, .admin-top .admin-inputs .input-disabled, .admin-top .admin-inputs .textarea-main, .admin-top .admin-inputs .armodal-body textarea, .armodal-body .admin-top .admin-inputs textarea, .admin-top .admin-inputs .plan-select .dropdown-menu .dropdown-header input, .plan-select .dropdown-menu .dropdown-header .admin-top .admin-inputs input, .admin-top .admin-inputs .licence-state-bloc select, .licence-state-bloc .admin-top .admin-inputs select, .admin-top .admin-inputs .armodal-body input, .armodal-body .admin-top .admin-inputs input {
  width: 100%;
}
.admin-top .textarea-main, .admin-top .armodal-body textarea, .armodal-body .admin-top textarea {
  height: 78px;
}

.admin-list-container {
  margin-top: 14px;
}

.report_template .edit-form {
  background-color: transparent !important;
  padding: inherit;
  padding-left: 0px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.report_template .list-intro .radioBloc-title {
  text-transform: uppercase;
}

.report_template .list-intro .radio-legend {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 13px;
}

.report_template #report_templates_boxes {
  margin-top: 0px;
  padding-top: 0px;
}

.report_template .ar-shared-list {
  background-color: inherit;
}
.report_template .ar-shared-list md-list-item.md-3-line:before,
.report_template .ar-shared-list md-list-item.md-3-line > .md-no-style:before {
  display: none;
}

.report_template md-list#report_templates_boxes md-list-item {
  display: block;
  padding-left: 0px;
  padding-right: 0px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.07);
  margin-bottom: 10px;
  padding-top: 10px;
  background-color: white;
}

.report_template .report-title-container {
  height: 50px;
  padding-left: 0px !important;
  padding-right: 20px !important;
}

.report_template md-list#report_templates_boxes md-list-item .ar-button_small {
  margin-top: -5px;
  margin-bottom: 30px;
  height: 35px;
}

.report_template .report-choices-container {
  padding-left: 0px !important;
  padding-right: 20px !important;
}

.report_template .choices-container {
  padding-top: 30px;
  background-color: #f8f8f8;
}

.report_template md-list#report_templates_boxes md-list-item .choice-title-bloc {
  text-align: center;
}

.report_template .choices-arrow-up {
  -ms-transform: rotate(180deg);
  /* IE 9 */
  -webkit-transform: rotate(180deg);
  /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

.report_template .flex-left-options md-radio-button .md-container {
  position: inherit;
  display: block;
  margin: 0 auto;
  width: 15px;
  height: 15px;
  margin-top: 5px;
}

.report_template .flex-left-options md-radio-button .md-off,
.report_template .flex-left-options md-radio-button .md-on {
  width: 15px;
  height: 15px;
}

.report_template md-list-item.md-3-line,
md-list-item.md-3-line > .md-no-style {
  min-height: inherit;
}

.report_template .hide-choices {
  margin-top: -7px;
  width: 19px;
  padding: 12px;
  cursor: pointer;
  outline: 0;
}

/* Flex cols */
.report_template .flex-container {
  display: flex;
}

.report_template .flex-left-options {
  -webkit-flex: 1;
  /* Safari */
  flex: 1;
}

.report_template .flex-main {
  position: relative;
  -webkit-flex: 7;
  /* Safari */
  flex: 7;
}

.report_template .report-choices-container .flex-main {
  position: relative;
  -webkit-flex: 10;
  /* Safari */
  flex: 10;
}

.report_template .flex-button {
  -webkit-flex: 4;
  /* Safari */
  flex: 4;
}

.report_template .report-choices-container .flex-button {
  position: relative;
  -webkit-flex: 1;
  /* Safari */
  flex: 1;
}

.flex-button button {
  float: right;
}

/* Placeholder drag */
.report_template .angular-ui-tree-placeholder {
  background-color: white;
  width: 100%;
}

md-list#report_templates_boxes md-list-item md-input-container,
div.angular-ui-tree-drag md-input-container {
  display: flex;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 20px;
}

md-list#report_templates_boxes md-list-item md-input-container img.report_template_box_del,
md-list#report_templates_boxes md-list-item md-input-container img.report_template_box_handle,
.angular-ui-tree-drag md-input-container img {
  position: absolute;
  top: 8px;
  right: 2px;
  left: auto;
  margin: 0;
  height: 27px;
  width: 27px;
  min-height: 24px;
  min-width: 24px;
  vertical-align: middle;
  cursor: pointer;
}

md-list#report_templates_boxes md-list-item md-input-container img.report_template_box_handle,
.angular-ui-tree-drag md-input-container img.report_template_box_handle {
  right: 30px;
}

.report-name-bloc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 14px;
  margin-bottom: 16px;
}
.report-name-bloc .label-main, .report-name-bloc .form-collapse .form-collapse-content .formly-field .separator-title, .form-collapse .form-collapse-content .formly-field .report-name-bloc .separator-title, .report-name-bloc .collapse-form label, .collapse-form .report-name-bloc label, .report-name-bloc .gen-settings .separator-title, .gen-settings .report-name-bloc .separator-title, .report-name-bloc .armodal-body label, .armodal-body .report-name-bloc label {
  width: 100%;
}

.template-list-intro {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 8px;
}
.template-list-intro .radio-legend {
  margin-left: auto;
}
.template-list-intro .radio-legend .control_indicator {
  top: 2px;
}

.template-left-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-basis: 70px;
  -moz-flex-basis: 70px;
  -ms-flex-preferred-size: 70px;
  flex-basis: 70px;
  margin-right: 15px;
}

.template-middle-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.template-middle-col label,
.template-middle-col input {
  width: 100%;
}

.template-right-col {
  padding-left: 25px;
}
.template-right-col.header-right-col {
  margin-top: -1px;
  align-self: flex-end;
}

.template-choices-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 14px;
}
.template-choices-header .choice-toggle-container .btn img {
  min-width: 15px;
}

.report_template md-list#report_templates_boxes md-list-item {
  padding-top: 0px;
}

.template-choices-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 30px 14px 14px 14px !important;
  border-top: 1px solid #ecf1f5;
}
.template-choices-container .template-left-col md-radio-button {
  margin-left: -8px;
}
.template-choices-container .template-right-col {
  margin-left: 30px;
}
.template-choices-container .report-choices-container {
  margin-bottom: 20px !important;
}
.template-choices-container .report-choices-container:last-child {
  margin-bottom: 0px !important;
}

.action-response {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 20px;
}
.action-response .action-animation {
  display: none;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  margin-left: auto;
  animation-timing-function: ease;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}
.action-response .action-icon-wrap {
  position: relative;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  margin-right: 4px;
}
.action-response img {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: none;
  animation-timing-function: easeOutSine;
  animation-duration: 0.4s;
  animation-fill-mode: forwards;
}
.action-response.action-success p {
  color: #505edd;
}
.action-response.action-success .action-success-img {
  display: block;
  animation-name: action-icon-appear;
}
@keyframes action-icon-appear {
  0% {
    width: 0px;
  }
  100% {
    width: 22px;
  }
}
.action-response.action-success .action-animation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  animation-name: action-response-appear;
}
@keyframes action-response-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.action-response.action-fail p {
  color: #ff4f3d;
}
.action-response.action-fail .action-failed-img {
  display: block;
  animation-name: action-icon-appear;
}
@keyframes action-icon-appear {
  0% {
    width: 0px;
  }
  100% {
    width: 22px;
  }
}
.action-response.action-fail .action-animation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  animation-name: action-response-appear;
}
@keyframes action-response-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.admin-upload-title {
  margin-bottom: 12px;
}

.admin-upload-file {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: #fcfcfe !important;
  margin-top: 12px;
  margin-bottom: 12px;
  padding: 14px 12px;
}
.admin-upload-file .admin-upload-file-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-indent: 0px;
}
.admin-upload-file .admin-upload-file-name span {
  margin-left: 6px;
  text-indent: 0px;
}
.admin-upload-file .admin-upload-file-btns img {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  margin-left: 3px;
}
.admin-upload-file .admin-upload-file-btns img:hover {
  transform: scale(1.15, 1.15);
  /* Standard syntax */
}

.form-separator.admin-upload-separator {
  margin-top: 20px;
}

.add-contract-form div .dropdown-list-item.disabled, .add-contract-form div .plan-select .dropdown-menu .dropdown-menu-inner a.disabled, .plan-select .dropdown-menu .dropdown-menu-inner .add-contract-form div a.disabled {
  pointer-events: none;
}

.pdf-marks-parent-zoom-buttons {
  position: absolute;
  display: flex;
  z-index: 10;
  padding: 5px;
  background-color: white;
  border-bottom-right-radius: 8px;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
  box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.1);
  opacity: 0.95;
}
.pdf-marks-parent-zoom-buttons .pdf-marks-zoom-separator {
  width: 1px;
  height: 30px;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 0px 5px;
}
.pdf-marks-parent-zoom-buttons .pdf-marks-zoom-buttons {
  display: grid;
  grid-template-columns: 1fr 1fr 0.1fr 1fr 1fr 1fr;
}
.pdf-marks-parent-zoom-buttons .pdf-marks-zoom-buttons .pdf-marks-zoom-button {
  width: 30px;
  height: 30px;
  border-radius: 100px;
  background-color: white;
  box-sizing: border-box;
  cursor: pointer;
  margin-right: 5px;
  transition: box-shadow 0.3s ease-in-out;
}
.pdf-marks-parent-zoom-buttons .pdf-marks-zoom-buttons .pdf-marks-zoom-button:hover {
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
}
.pdf-marks-parent-zoom-buttons .pdf-marks-zoom-buttons .pdf-marks-zoom-button:active {
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.6);
}
.pdf-marks-parent-zoom-buttons .pdf-marks-zoom-buttons .pdf-marks-zoom-button img {
  width: 20px;
  margin: 5px;
  display: inline-block;
  vertical-align: middle;
}

.pdf-marks-zoom-indicator {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
  right: 0;
  margin: auto;
  width: 100px;
  height: 40px;
  background-color: white;
  opacity: 0.95;
  border-bottom-left-radius: 8px;
  border-width: 1px;
  border-color: rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-top-width: 0px;
  border-right-width: 0px;
  box-shadow: 0 2px 4px #25355309;
  z-index: 1;
}
.pdf-marks-zoom-indicator .text-main, .pdf-marks-zoom-indicator .gantt_task_content .gantt_task_label, .gantt_task_content .pdf-marks-zoom-indicator .gantt_task_label, .pdf-marks-zoom-indicator #ganttctrl #gantt_global .gantt_grid_scale, #ganttctrl #gantt_global .pdf-marks-zoom-indicator .gantt_grid_scale,
.pdf-marks-zoom-indicator #ganttctrl #gantt_global .gantt_grid_scale .gantt_grid_head_cell,
#ganttctrl #gantt_global .gantt_grid_scale .pdf-marks-zoom-indicator .gantt_grid_head_cell, .pdf-marks-zoom-indicator .export-parts-content label h2, .export-parts-content label .pdf-marks-zoom-indicator h2, .pdf-marks-zoom-indicator .form-collapse .form-collapse-content .formly-field .separator-title, .form-collapse .form-collapse-content .formly-field .pdf-marks-zoom-indicator .separator-title, .pdf-marks-zoom-indicator md-toast .md-toast-content span, md-toast .md-toast-content .pdf-marks-zoom-indicator span, .pdf-marks-zoom-indicator .form-list .form-list-bloc label, .form-list .form-list-bloc .pdf-marks-zoom-indicator label, .pdf-marks-zoom-indicator .nav-switch .switch-item.active-switch span, .nav-switch .switch-item.active-switch .pdf-marks-zoom-indicator span, .pdf-marks-zoom-indicator .modal-title {
  font-weight: 400;
}

.pdf-marks {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
@media only screen and (min-width: 480px) {
  .pdf-marks {
    position: absolute;
  }
}
.pdf-marks .pdf-loader {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 30px;
  height: 30px;
}
.pdf-marks .pdf-loader img {
  width: 100%;
  height: 100%;
  margin-top: 13px;
}

.pdf-marks-container-loader {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.31);
  width: 100%;
  height: 100%;
  min-height: 600px;
}

.pdf-marks-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  height: 100%;
}
.pdf-marks-container pdfjs-viewer {
  width: 100%;
}
.pdf-marks-container pdfjs-viewer .pdfjs {
  background-image: none;
  background-color: #e4e8f0;
}
@media only screen and (min-width: 480px) {
  .pdf-marks-container pdfjs-viewer .pdfjs {
    padding: 14px;
  }
}
.pdf-marks-container pdfjs-viewer .pdfjs .page .canvasWrapper:hover {
  cursor: url("images/cible.png") 20 20, auto;
  cursor: -webkit-image-set(url("images/cible.png") 1x, url("images/cible@2x.png") 2x) 20 20, auto;
}
.pdf-marks-container pdfjs-viewer .pdfjs pdfjs-wrapper #outerContainer #mainContainer #viewerContainer #viewer .page {
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16) !important;
  border: none;
  margin: 0 auto;
  margin-bottom: 10px;
  border-radius: 4px;
}
.pdf-marks-container pdfjs-viewer .pdfjs pdfjs-wrapper #outerContainer #mainContainer #viewerContainer #viewer .page:first-child {
  margin-top: 10px;
}
.pdf-marks-container pdfjs-viewer .pdfjs #mainContainer {
  min-width: inherit;
}
.pdf-marks-container pdfjs-viewer .pdfjs .pdfViewer .canvasWrapper {
  z-index: 1000;
}
.pdf-marks-container pdfjs-viewer .pdfjs .pdfViewer .textLayer {
  pointer-events: none;
}
.pdf-marks-container pdfjs-viewer .pdfjs .page {
  overflow: hidden !important;
}
.pdf-marks-container .position-element {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: #fc4c44;
  position: absolute;
  margin-left: -20px !important;
  margin-top: -20px !important;
  border-radius: 100px;
  border: 2px solid white;
  box-sizing: border-box;
  z-index: 58;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.pdf-marks-container .position-element.green {
  box-shadow: 0px 0px 15px rgba(54, 206, 111, 0.3);
  background-color: #36ce6f;
}
.pdf-marks-container .position-element.red {
  box-shadow: 0px 0px 15px rgba(255, 79, 61, 0.3);
  background-color: #ff4f3d;
}
.pdf-marks-container .position-element.orange {
  box-shadow: 0px 0px 15px rgba(255, 151, 49, 0.3);
  background-color: #ff9731;
}
.pdf-marks-container .position-element .position-label {
  color: white;
  line-height: 36px;
  overflow: hidden;
  font-size: 11px;
  font-weight: 600;
}
.pdf-marks-container .position-element:hover {
  cursor: all-scroll;
}

.menu-panel {
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
  border-radius: 6px;
  overflow: hidden;
}
.menu-panel .menu-content {
  padding: inherit;
}
.menu-panel .menu-content .menu-item {
  border-bottom: 1px solid #f0f1f7;
}
.menu-panel .menu-content .menu-item .md-button:hover {
  background-color: #f0f1f7;
  color: #465576;
}

/** MENU PANEL **/
.menu-panel-container {
  pointer-events: auto;
}

.menu-panel {
  min-width: 256px;
  background-color: #fff;
  border-radius: 4px;
}

.menu-panel .menu-divider {
  width: 100%;
  height: 1px;
  min-height: 1px;
  max-height: 1px;
  margin-top: 4px;
  margin-bottom: 4px;
  background-color: rgba(0, 0, 0, 0.11);
}

.menu-panel .menu-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-height: 305px;
  overflow-y: auto;
  min-width: 256px;
}

.menu-panel .menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-align-content: center;
  -moz-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  min-height: 48px;
  height: 48px;
}

.menu-panel .menu-item > * {
  width: 100%;
  margin: auto 0;
  padding-left: 16px;
  padding-right: 16px;
}

.menu-panel .menu-item > a.md-button {
  padding-top: 5px;
}

.menu-panel .menu-item > .md-button {
  display: inline-block;
  border-radius: 0;
  margin: auto 0;
  font-size: 15px;
  text-transform: none;
  font-weight: 400;
  height: 100%;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  text-align: left;
}

.menu-panel .menu-item > .md-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

.menu-panel .menu-item > .md-button md-icon {
  margin: auto 16px auto 0;
}

.menu-panel .menu-item > .md-button p {
  display: inline-block;
  margin: auto;
}

.menu-panel .menu-item > .md-button span {
  margin-top: auto;
  margin-bottom: auto;
  vertical-align: middle;
}

.menu-panel .menu-item > .md-button img {
  width: 15px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: middle;
}

.menu-panel .menu-item > .md-button .md-ripple-container {
  border-radius: inherit;
}

.menu-panel .menu-top-arrow {
  width: 30px;
  height: 20px;
  position: absolute;
}

.menu-panel .menu-top-arrow-left {
  top: -8px;
  left: 3px;
}

.menu-panel .menu-top-arrow-right {
  top: -8px;
  right: 3px;
}

.menu-panel .menu-top-arrow .triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #ffffff transparent;
  border-radius: 2px;
}

.md-panel-outer-wrapper {
  /* background-color: rgba(0, 0, 0, 0.13); */
}

.pdfjs .toolbar {
  z-index: 70 !important;
}

md-menu.plan-selection .md-icon-button {
  width: auto !important;
  min-width: auto !important;
  text-transform: none !important;
  border-radius: 4px !important;
  height: inherit;
  line-height: inherit;
  padding: 0px 10px 2px 10px;
  background-color: #e4e4e4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

md-menu.plan-selection .md-icon-button:hover {
  background-color: #c6c6c6 !important;
}

md-menu.plan-selection .md-icon-button span {
  vertical-align: middle;
}

md-menu.plan-selection .md-icon-button .md-icon-button-image-plan {
  width: 19px;
  margin-right: 10px;
  vertical-align: middle;
}

md-menu.plan-selection .md-icon-button .md-icon-button-image-down {
  width: 13px;
  margin-left: 15px;
  vertical-align: middle;
}

.pdf-marks-container .toolbar,
.pdf-marks-container #sidebarContainer {
  display: none !important;
}

.pdf-marks-container .findbar,
.pdf-marks-container .secondaryToolbar,
.pdf-marks-container #overlayContainer {
  display: none !important;
}

.pdf-marks-container .pdfjs #viewerContainer {
  top: 10px;
}

.bounce {
  animation-duration: 0.7s;
  animation-name: bounce;
}

@keyframes bounce {
  0% {
    transform: scale(1.1);
    opacity: 1;
  }
  50% {
    transform: scale(1.4);
    opacity: 0.7;
  }
  60% {
    transform: scale(0.7);
    opacity: 1;
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
/* TUTORIAL DIALOG */
.pdf-marks .ar-no-infos {
  font-size: 25px;
}

.pdfmarks-tutorial-dialog img {
  width: 600px;
  height: 342px;
}

.pdfmarks-tutorial-dialog #gantt-tutorial-text {
  margin: auto;
  max-width: 420px;
  line-height: 30px;
}

@keyframes blink-border {
  0% {
    border-color: #6675d4;
  }
  50% {
    border-color: #282e54;
  }
  100% {
    border-color: #6675d4;
  }
}
@keyframes blink-color {
  0% {
    color: #6675d4;
  }
  50% {
    color: #282e54;
  }
  100% {
    color: #6675d4;
  }
}
.save-blue-btn {
  border-width: 2px;
  border-color: #6675d4;
}

.save-blue-btn span {
  color: #6675d4;
  font-size: 12px;
  font-weight: 600;
}

.save-blue-btn.save-enabled {
  border: 2px solid #6675d4;
  background-color: #fafafa;
  -webkit-animation: blink-border 1.5s infinite;
  -moz-animation: blink-border 1.5s infinite;
  -o-animation: blink-border 1.5s infinite;
  animation: blink-border 1.5s infinite;
}

.save-blue-btn.save-enabled span {
  color: #6675d4;
  -webkit-animation: blink-color 1.5s infinite;
  -moz-animation: blink-color 1.5s infinite;
  -o-animation: blink-color 1.5s infinite;
  animation: blink-color 1.5s infinite;
}

.save-blue-btn.save-disabled {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
  pointer-events: none;
  opacity: 0.6;
}

.m-help {
  display: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media only screen and (min-height: 850px) {
  .m-help {
    height: 100%;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
  }
}
.m-help .help-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  text-align: center;
  margin-top: 15px;
  margin-top: 50px;
  margin-bottom: 10px;
  padding-top: 20px;
}
.m-help .help-text .headline-p {
  max-width: 440px;
}
@media only screen and (min-width: 480px) {
  .m-help .help-text {
    padding-top: 0px;
  }
}
@media only screen and (min-height: 850px) {
  .m-help .help-text {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.m-help .help-img {
  margin: 0 auto;
  margin-top: 30px;
  max-width: 650px;
}
.m-help .help-img.help-img-xs {
  margin-top: 60px;
  max-width: 200px;
}
.m-help .help-img.help-img-650 {
  max-width: 650px;
}
.m-help .help-img.help-img-500 {
  max-width: 500px;
}
.m-help .help-btn {
  margin-bottom: -20px;
}

.help-arrow, .help-arrow-left, .help-arrow-right {
  position: absolute;
  top: 0px;
  width: 40px;
}
@media only screen and (min-width: 480px) {
  .help-arrow, .help-arrow-left, .help-arrow-right {
    width: auto;
  }
}

.help-arrow-right {
  right: 30px;
}

.help-arrow-left {
  left: 60px;
}

.m-help.m-help-xls {
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.m-help.m-help-xls .help-text {
  margin-top: 0px;
  margin-bottom: 0px;
}

.m-help .help-img-xls {
  margin-top: 10px;
  margin-bottom: 30px;
}
.m-help .help-img-xls img {
  max-width: 320px;
}

.m-help.m-help-projects .help-btn {
  margin-top: 20px;
  position: relative;
  z-index: 30;
  margin-bottom: -40px;
}
@media only screen and (min-width: 480px) {
  .m-help.m-help-projects .help-btn {
    margin-bottom: -90px;
  }
}
.m-help.m-help-projects .help-img {
  position: relative;
  z-index: 10;
}

.auth-page {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  margin: 30px 0;
}
.auth-page .auth-app-icon {
  margin: 0 auto;
  width: 120px;
  height: 80px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.auth-page h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 0;
}
.auth-page .auth_app_infos {
  padding: 0 10%;
}
.auth-page .auth_app_infos p {
  line-height: 22px;
}
.auth-page .app-rights {
  padding: 0 10%;
  margin-top: 30px;
  margin-bottom: 20px;
}
.auth-page .app-rights ul {
  margin-top: 14px;
  padding: 0;
}
.auth-page .app-site {
  padding: 0 10%;
  margin-bottom: 30px;
}
.auth-page .app-site a {
  font-size: 14px;
}
.auth-page .logout {
  padding: 0 10%;
  margin-bottom: 30px;
  text-align: center;
}
.auth-page .logout a {
  font-size: 13px;
}
.auth-page .auth-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.auth-page .auth-buttons .btn {
  width: 100%;
}
.auth-page .auth-buttons .btn:last-child {
  margin-bottom: 14px;
}
.auth-page .auth-buttons .text-sec, .auth-page .auth-buttons .plan-select .dropdown-menu .dropdown-menu-inner a, .plan-select .dropdown-menu .dropdown-menu-inner .auth-page .auth-buttons a, .auth-page .auth-buttons .nav-switch.nav-switch-white .switch-item span, .nav-switch.nav-switch-white .switch-item .auth-page .auth-buttons span, .auth-page .auth-buttons .modal-body p, .modal-body .auth-page .auth-buttons p, .auth-page .auth-buttons .modal-footer .btn-secondary, .modal-footer .auth-page .auth-buttons .btn-secondary, .auth-page .auth-buttons md-dialog .md-actions .btn-secondary, md-dialog .md-actions .auth-page .auth-buttons .btn-secondary {
  font-weight: 500;
}
@media only screen and (min-width: 480px) {
  .auth-page .auth-buttons {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .auth-page .auth-buttons .btn {
    width: inherit;
  }
  .auth-page .auth-buttons .btn:first-child {
    margin-right: 16px;
    margin-bottom: 0;
  }
}

#app-list .message {
  padding: 0;
  overflow: hidden;
}
#app-list .header-mail {
  padding: 14px;
  height: 60px;
}
#app-list #app_infos_wrap {
  font-weight: 500;
  font-size: 13px;
  margin-top: 4px;
  margin-bottom: 20px;
}
#app-list #app_rights ul {
  margin-top: 5px;
  padding-left: 10px;
}

.infoscreen-content section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}
.infoscreen-content section p {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 30px;
}
.infoscreen-content section .infoscreen-buttons {
  margin-bottom: 30px;
}

.info-logo {
  width: 113px;
  margin-bottom: 20px;
}

.info-logo-bottom {
  display: none;
  width: 127px;
  margin-top: 25px;
}

.public-viewer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  min-height: 100%;
  padding-top: 14px;
  margin-bottom: -14px;
}
.public-viewer .l-middle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 97%;
  padding: 0;
  min-height: 90%;
  border-radius: 8px 8px 0px 0px;
}
@media only screen and (min-width: 480px) {
  .public-viewer .l-middle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.public-viewer .reminder-mode {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.public-viewer .pdf-viewer {
  width: 100%;
  height: 600px;
}
@media only screen and (min-width: 480px) {
  .public-viewer .public-pdf-viewer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
    min-height: 600px;
  }
}
@media only screen and (min-width: 480px) {
  .public-viewer .public-pdf-viewer object {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    height: 100%;
  }
}
.public-viewer .pdf-public-viewer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.public-viewer .pdf-public-viewer .pdf-public-viewer-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  flex: 1 1 100%;
  width: 100%;
  height: 100%;
}
.public-viewer .pdf-public-viewer .pdf-public-viewer-container pdfjs-viewer {
  width: 100%;
  height: 800px;
}
.public-viewer .pdf-public-viewer .pdf-public-viewer-container pdfjs-viewer .pdfjs {
  background-image: none;
  background-color: white;
}
.public-viewer .pdf-public-viewer .pdf-public-viewer-container pdfjs-viewer .pdfjs pdfjs-wrapper #outerContainer #mainContainer #viewerContainer #viewer .page {
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16) !important;
  border: none;
  margin: 0 auto;
}
.public-viewer .pdf-public-viewer .pdf-public-viewer-container pdfjs-viewer .pdfjs pdfjs-wrapper #outerContainer #mainContainer #viewerContainer #viewer .page:first-child {
  margin-top: 10px;
}

.public-viewer-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  border-bottom: 1px solid #ecf1f5;
}
@media only screen and (min-width: 768px) {
  .public-viewer-header {
    height: 70px;
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.public-viewer-header .public-viewer-header-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  padding: 0 20px;
  border-bottom: 1px solid #ecf1f5;
  height: 65px;
}
@media only screen and (min-width: 768px) {
  .public-viewer-header .public-viewer-header-col {
    border-right: 1px solid #ecf1f5;
    border-bottom: none;
    height: 100%;
  }
}
.public-viewer-header .public-viewer-header-col:last-child {
  border: none;
}

.viewer-reminder-content {
  width: 100%;
  max-width: 466px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  margin-top: 0;
  padding: 20px;
}
.viewer-reminder-content p {
  padding: 16px;
}
@media only screen and (min-width: 480px) {
  .viewer-reminder-content {
    margin-top: 16px;
  }
}
.viewer-reminder-content .reminder-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  margin-top: 25px;
}
@media only screen and (min-width: 480px) {
  .viewer-reminder-content .reminder-images {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.viewer-reminder-content .reminder-images .reminder-img {
  width: calc(100% - 32px);
  margin: 0 auto;
  margin-bottom: 20px;
  height: 150px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 480px) {
  .viewer-reminder-content .reminder-images .reminder-img {
    height: 250px;
  }
}

.m-subscribe {
  padding-top: 0px;
  padding-bottom: 14px;
}
@media only screen and (min-width: 480px) {
  .m-subscribe {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .m-subscribe {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
.m-subscribe .headline {
  font-size: 27px;
}

.contract_days_left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-right: 10px;
  cursor: pointer;
}

.sub-nav-fushia {
  display: none;
  font-weight: 700;
  font-size: 12px;
}
@media only screen and (min-width: 480px) {
  .sub-nav-fushia {
    display: block;
  }
}

.licence-state-blocs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 15px;
  padding-bottom: 0px;
  max-width: 600px;
  margin: 0 auto;
  margin-bottom: 0px;
  text-align: center;
}
@media only screen and (min-width: 480px) {
  .licence-state-blocs {
    padding: 15px;
    padding-top: 30px;
    padding-bottom: 0px;
  }
}
@media only screen and (min-width: 768px) {
  .licence-state-blocs {
    padding: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
}

.licence-state-bloc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border-radius: 4px;
  padding: 10px 20px;
  margin-bottom: 14px;
  width: 100%;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}
.licence-state-bloc h2 {
  font-size: 16px;
  font-weight: 400;
  color: #3f5380;
  padding: 5px 0 8px 0;
  margin: 0;
}
.licence-state-bloc span {
  text-align: left;
}
.licence-state-bloc h1 {
  color: #5f6fff;
  font-size: 1.5em;
}
.licence-state-bloc .sponsoring-title {
  font-size: 20px;
}
.licence-state-bloc select {
  margin-bottom: 12px;
}

.stripe-licence-state-bloc {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 35px 20px;
  background-color: #fcfcfc;
  border: 4px solid white;
}
.stripe-licence-state-bloc h2 {
  font-size: 16px;
  font-weight: 500;
  color: #2c3b5d;
}
.stripe-licence-state-bloc .licence-state-bloc-subtitle {
  margin: 0 auto;
  color: #7787a8;
  font-size: 14px;
  font-weight: 400;
  max-width: 300px;
}

.subscription-badge {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 4px 14px;
  border-radius: 40px;
  margin-bottom: 8px;
  background-color: #fce8d7;
}
.subscription-badge span {
  color: #ff7600;
  font-size: 14px;
  font-weight: 500;
  padding-top: 2px;
  margin-left: 4px;
}
.subscription-badge img {
  width: 13px;
  height: 13px;
}

.client-space {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  padding: 25px 35px;
  margin-top: 20px;
}
.client-space h2 {
  font-size: 14px;
  margin-top: 0;
}
.client-space .client-space-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 4px;
}
.client-space .client-space-item .client-space-item-image {
  width: 16px;
  align-items: center;
}
.client-space .client-space-item .client-space-item-image img {
  width: 14px;
}
.client-space .client-space-item p {
  padding-top: 2px;
  margin-left: 4px;
  color: #7787a8;
  font-size: 14px;
  font-weight: 400;
}
.client-space .facturation-btn {
  width: 100%;
}
.client-space .facturation-btn .btn {
  height: 45px;
  width: 100%;
}
.client-space .facturation-btn .btn img {
  width: 16px;
  margin-right: 7px;
}
.client-space .client-space-btn {
  position: relative;
  width: 100%;
}
.client-space .client-space-btn .btn {
  height: 45px;
  width: 100%;
}
.client-space .client-space-btn .subscription-alert-tooltip {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  align-items: center;
  padding: 0 10px;
  top: -10px;
  right: -20px;
  width: fit-content;
  height: 21px;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.11);
  font-size: 11px;
  font-weight: 500;
  background-color: white;
  border-radius: 4px;
}

.licence-align-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.btn-licence {
  margin-top: 10px;
  margin-bottom: 4px;
}
.btn-licence span {
  color: #465576 !important;
  font-weight: 500 !important;
}

.sub-texts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 90%;
  max-width: 600px;
  text-align: center;
  margin: 0 auto;
}

.sub-switch {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-top: 20px;
}

.sub-offers {
  margin-top: 30px;
  background-image: url(images/img/subscribe-waves.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.sub-offers .sub-offers-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .sub-offers .sub-offers-wrap {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    width: 680px;
    max-width: 100%;
  }
}
.sub-offers .sub-waves {
  width: 100%;
}
.sub-offers .sub-offer {
  position: relative;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  background-color: white;
  border-radius: 8px;
  width: calc(100% - 14px);
  max-width: 300px;
  padding: 14px 14px 0px 14px;
  margin: 0 auto;
  margin-bottom: 20px;
  height: 515px;
  overflow: hidden;
}
@media only screen and (min-width: 480px) {
  .sub-offers .sub-offer {
    width: 100%;
    max-width: 300px;
    padding: 20px 20px 0px 20px;
  }
}
@media only screen and (min-width: 768px) {
  .sub-offers .sub-offer {
    max-width: 320px;
    padding: 30px 30px 0px 30px;
    margin-bottom: 20px;
  }
}
.sub-offers .sub-offer--blue {
  box-shadow: 0px 3px 30px rgba(28, 53, 150, 0.08);
}
.sub-offers .sub-offer--red {
  box-shadow: 0px 3px 30px rgba(28, 53, 150, 0.08);
}
.sub-offers .sub-offer .pop-badge {
  position: absolute;
  display: inline-block;
  background-color: #5f6fff;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
  height: 22px;
  /*transition-duration: 0.3s;*/
  top: 0;
  left: 10px;
}
.sub-offers .sub-offer .pop-badge span {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: white;
  font-weight: 600;
  font-size: 12px;
  padding: 0px 16px;
  line-height: 20px;
  vertical-align: super;
}
.sub-offers .sub-offer p {
  text-align: center;
}
.sub-offers .sub-offer .price-detail {
  margin-top: 20px;
  height: 46px;
}
.sub-offers .sub-offer .price-detail .devise {
  font-family: "Ubuntu", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 18px;
  display: inline-block;
  color: #8c96a9;
  vertical-align: top;
  font-weight: 300;
}
.sub-offers .sub-offer .price-detail .price {
  font-family: "Ubuntu", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 43px;
  color: #434c5e;
  line-height: 54px;
  margin-right: 3px;
  display: inline-block;
  letter-spacing: -0.05em;
}
.sub-offers .sub-offer .price-detail .periode {
  font-family: "Ubuntu", "Roboto", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  font-size: 21px;
  color: #8c96a9;
  display: inline-block;
  font-weight: 300;
  vertical-align: bottom;
  line-height: 37px;
  letter-spacing: -0.03em;
}
.sub-offers .sub-offer .price-detail img {
  margin-top: 10px;
}
.sub-offers .sub-offer .sub-btn {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}
.sub-offers .sub-offer .sub-btn.sub-btn-business {
  background-color: #f47284;
}
.sub-offers .sub-offer .sub-business-p {
  text-align: left;
}
.sub-offers .sub-offer ul {
  align-self: flex-start;
  padding-left: 0px;
  margin-bottom: 0px;
}
.sub-offers .sub-offer ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 18px;
}
.sub-offers .sub-offer ul li span {
  margin-left: 13px;
}

.sub-paiement {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: calc(100% - 20px);
  margin: 0 auto;
  margin-top: 0px;
  padding: 14px;
  overflow: hidden;
}
.sub-paiement.v-hide {
  height: 0px;
  visibility: hidden;
  padding: 0px;
}
.sub-paiement.v-show {
  height: auto;
  visibility: visible;
  padding: 30px;
}
@media only screen and (min-width: 480px) {
  .sub-paiement {
    padding: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .sub-paiement {
    max-width: 660px;
  }
}
.sub-paiement .sub-paiement-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ecf1f5;
}
.sub-paiement .sub-paiement-col:last-child {
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-bottom: none;
}
.sub-paiement .sub-commitment .sub-infos-commitment {
  margin-top: 10px;
  margin-bottom: 5px;
}
.sub-paiement .sub-infos .compact-title {
  margin-bottom: 8px;
}
.sub-paiement .sub-infos select,
.sub-paiement .sub-infos input {
  width: 100%;
  margin-bottom: 8px;
}
.sub-paiement .sub-buy #recap-price {
  margin-top: 8px;
  margin-bottom: 15px;
}
.sub-paiement .sub-buy #recap-price div {
  margin-bottom: 3px;
}

.pricing-titles {
  margin-top: 0px;
  position: relative;
  z-index: 1;
}
.pricing-titles .gradient-pricing {
  position: absolute;
  height: 460px;
  width: 100%;
  border-bottom: 3px solid white;
  box-shadow: 0 10px 5px rgba(8, 16, 176, 0.02);
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,eff2fa+100 */
  background: #ffffff;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #eff2fa 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #eff2fa 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #eff2fa 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#eff2fa",GradientType=0 );
  /* IE6-9 */
}
.pricing-titles .pricing-titles-content {
  position: relative;
  text-align: center;
  margin-top: 20px;
  padding-top: 30px;
  padding-bottom: 40px;
  border-top: 1px solid #dee7ef;
  z-index: 3;
}
.pricing-titles .pricing-titles-content h1 {
  margin-top: 0;
  color: #3f5380 !important;
  font-size: 33px;
  font-weight: 500;
}
.pricing-titles .pricing-titles-content p {
  margin: 0 auto;
  margin-top: 10px;
  color: #7787a8;
  font-size: 16px;
  line-height: 24px;
  max-width: 438px;
}

.price-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 10px;
}

.frequency {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin: 0 auto;
  width: 300px;
  height: 44px;
  background-color: white;
  border: 2px solid white;
  border-radius: 8px;
  box-shadow: 0px 5px 23px rgba(27, 56, 153, 0.09), 0px 1px 3px rgba(27, 56, 153, 0.04);
  margin-bottom: 70px;
  box-sizing: content-box;
  width: 280px;
}
@media only screen and (min-width: 480px) {
  .frequency {
    width: 330px;
  }
}
.frequency .pricing-without-taxes {
  position: absolute;
  bottom: -48px;
  font-size: 15px;
  color: #7787a8;
}
.frequency img {
  display: none;
  position: absolute;
  right: -80px;
  top: -38px;
}
@media only screen and (min-width: 480px) {
  .frequency img {
    display: block;
  }
}
.frequency a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -moz-transition-duration: 0.15s;
  -o-transition-duration: 0.15s;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  width: 50%;
  height: 44px;
  font-size: 14px;
  text-align: center;
  color: #465576;
  font-weight: 500;
  text-decoration: none;
  cursor: pointer;
}
.frequency a:hover, .frequency a:focus {
  background-color: #e9eafe;
}
.frequency a:active {
  background-color: #d3dafa;
}
.frequency a.active-switch {
  color: #5f6fff;
  background-color: #e9eafe;
}
.frequency a span {
  margin-left: 5px;
}
@media only screen and (min-width: 480px) {
  .frequency a span {
    display: none;
  }
}
.frequency a.switch-mensual {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.frequency a.switch-annual {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.prices-blocs-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 90%;
  max-width: 900px;
  margin-left: -5px;
  margin-right: -5px;
  padding: 0px 20px;
}
@media only screen and (min-width: 992px) {
  .prices-blocs-wrap {
    -webkit-flex-wrap: nowrap;
    -moz-flex-wrap: nowrap;
    -ms-flex-wrap: none;
    flex-wrap: nowrap;
    padding: inherit;
  }
}

.price-bloc {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  width: 48%;
  max-width: 300px;
  min-height: 435px;
  background-color: white;
  border: 1px solid #dee7ef;
  box-shadow: 0 17px 35px rgba(21, 47, 191, 0.14);
  border-radius: 8px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 480px) {
  .price-bloc {
    max-width: inherit;
    margin-bottom: 10px;
  }
}
@media only screen and (min-width: 992px) {
  .price-bloc {
    width: 25%;
    margin-bottom: inherit;
  }
}

.popular-badge {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  right: 9px;
  top: -18px;
  height: 18px;
  background-color: #6271f7;
  padding: 0px 9px 0px 13px;
  border-top-right-radius: 5px;
  border-top-left-radius: 18px;
}
.popular-badge span {
  font-size: 9px;
  color: white;
  font-weight: bold;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.p-plan {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 48px;
  border-bottom: 1px solid #dee7ef;
}
.p-plan h2 {
  margin: 0;
  font-size: 17px;
  font-weight: 500;
  color: #465576;
}

.p-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 94px;
  border-bottom: 1px solid #dee7ef;
}
.p-price .p-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 40px;
  font-weight: 300;
  color: #3e527f;
  line-height: 40px;
  margin-bottom: 4px;
}
.p-price .p-number.p-currency-usd, .p-price .p-number.p-currency-aud, .p-price .p-number.p-currency-cad {
  flex-direction: row-reverse;
}
.p-price .p-number.p-currency-usd .p-devise, .p-price .p-number.p-currency-aud .p-devise, .p-price .p-number.p-currency-cad .p-devise {
  font-size: 18px;
}
.p-price .p-number .p-devise {
  line-height: 24px;
  font-size: 24px;
  font-weight: 400;
}
.p-price .p-condition {
  font-size: 12px;
  color: #3e527f;
  line-height: 16px;
  font-weight: 400;
  margin: 0;
}
.p-price .p-benefits {
  font-size: 12px;
  color: #5f6fff;
  font-weight: 400;
  margin: 0;
  max-height: 16px;
  opacity: 1;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.p-price .p-benefits-fadeout {
  opacity: 0;
  max-height: 0px;
}

.plan-measure .p-price img {
  margin-top: 16px;
}
.plan-measure .p-price p {
  color: #3e527f;
  font-size: 20px;
}

.p-features {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  padding: 20px 35px;
}
@media only screen and (min-width: 992px) {
  .p-features {
    padding: 16px 16px;
  }
}
@media only screen and (min-width: 1200px) {
  .p-features {
    padding: 20px 35px;
  }
}
.p-features > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 10px;
}
.p-features > div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
}
.p-features > div span {
  margin-left: 6px;
  color: #3e527f;
  font-size: 13px;
  font-weight: 500;
}

.p-btn {
  display: inline-block;
  margin: auto auto 24px auto;
  height: 38px !important;
  text-decoration: none;
  font-size: 14px !important;
  padding: 8px 24px !important;
  min-width: 150px;
}
.p-btn.black-btn {
  background: inherit;
  background-color: #3e527f;
  box-shadow: 0 0 15px rgba(62, 81, 127, 0.25);
}
.p-btn.black-btn:hover, .p-btn.black-btn:focus {
  background-color: #4e6394;
  box-shadow: 0 0 15px rgba(62, 81, 127, 0.25);
}
.p-btn.black-btn:active {
  background-color: #3e527f !important;
}

.p-additional-infos {
  position: absolute;
  bottom: -25px;
  left: 4px;
}
.p-additional-infos p {
  height: 16px;
  font-size: 12px;
  line-height: 16px;
  color: #7787a8;
  margin-bottom: 0;
}

.p-features span img {
  margin-left: 4px;
}

.included-bloc {
  max-width: 1064px;
  width: 90%;
  margin: 0 auto;
  margin-top: 65px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.included-title {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  font-size: 20px;
  color: #3e527f;
  margin-bottom: 20px;
  padding: 0px 20px;
  font-weight: 500;
  margin-top: 0px;
}
@media only screen and (min-width: 992px) {
  .included-title {
    padding: inherit;
    margin-top: 16px;
  }
}

.features-included {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  margin-left: -10px;
  margin-right: -10px;
  padding: 0px 20px;
}
@media only screen and (min-width: 992px) {
  .features-included {
    padding: inherit;
  }
}
.features-included .feature-included {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  padding: 10px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 480px) {
  .features-included .feature-included {
    width: 50%;
  }
}
@media only screen and (min-width: 992px) {
  .features-included .feature-included {
    width: 33%;
  }
}
.features-included .feature-included .feature-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 16px;
}
.features-included .feature-included .feature-title h3 {
  font-weight: 500;
  font-size: 16px;
  line-height: 25px;
  color: #465576;
  margin: 0;
}
.features-included .feature-included .feature-title img {
  margin-right: 10px;
}
.features-included .feature-included p {
  font-size: 16px;
  color: #7787a8;
}

.small-faq {
  margin-top: 40px;
  margin-bottom: 40px;
}
.small-faq h2 {
  margin-top: 0;
  font-size: 20px;
  color: #3e527f;
  padding: 0px 16px;
}
@media only screen and (min-width: 768px) {
  .small-faq h2 {
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .small-faq h2 {
    padding: inherit;
  }
}
.small-faq .questions-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: 10px;
  padding: 0px 16px;
}
@media only screen and (min-width: 768px) {
  .small-faq .questions-list {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .small-faq .questions-list {
    padding: inherit;
  }
}
.small-faq .questions-list .questions-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-basis: 45%;
  -moz-flex-basis: 45%;
  -ms-flex-preferred-size: 45%;
  flex-basis: 45%;
}
.small-faq .questions-list .question-bloc {
  margin-bottom: 30px;
}
.small-faq .questions-list .question-bloc h3 {
  font-size: 16px;
  line-height: 25px;
  color: #465576;
}
.small-faq .questions-list .question-bloc p {
  font-size: 16px;
  color: #7787a8;
}

.licence-ip2loc {
  text-align: center;
  margin-top: 150px;
}
.licence-ip2loc span {
  font-size: 9px;
}

.welcome-dialog, .old-browser-dialog {
  width: 100%;
  height: 100%;
  text-align: center;
  max-width: inherit;
  max-height: inherit;
}
@media only screen and (min-width: 480px) {
  .welcome-dialog, .old-browser-dialog {
    width: 640px;
    height: 640px;
  }
}
.welcome-dialog .carousel-indicators, .old-browser-dialog .carousel-indicators {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  bottom: inherit;
  top: 25px;
  margin-right: 22px;
  cursor: pointer;
}
.welcome-dialog .carousel-indicators li, .old-browser-dialog .carousel-indicators li {
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background-color: #c8d4ee;
  border-top: inherit;
  border-bottom: inherit;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.welcome-dialog .carousel-indicators li.welcome-pin-1.active, .old-browser-dialog .carousel-indicators li.welcome-pin-1.active, .welcome-dialog .carousel-indicators li.welcome-pin-1:hover, .old-browser-dialog .carousel-indicators li.welcome-pin-1:hover {
  background-color: #fc687b;
}
.welcome-dialog .carousel-indicators li.welcome-pin-2.active, .old-browser-dialog .carousel-indicators li.welcome-pin-2.active, .welcome-dialog .carousel-indicators li.welcome-pin-2:hover, .old-browser-dialog .carousel-indicators li.welcome-pin-2:hover {
  background-color: #f8bd25;
}
.welcome-dialog .carousel-indicators li.welcome-pin-3.active, .old-browser-dialog .carousel-indicators li.welcome-pin-3.active, .welcome-dialog .carousel-indicators li.welcome-pin-3:hover, .old-browser-dialog .carousel-indicators li.welcome-pin-3:hover {
  background-color: #5f6fff;
}
.welcome-dialog .carousel-indicators li.welcome-pin-4.active, .old-browser-dialog .carousel-indicators li.welcome-pin-4.active, .welcome-dialog .carousel-indicators li.welcome-pin-4:hover, .old-browser-dialog .carousel-indicators li.welcome-pin-4:hover {
  background-color: #5ad68d;
}
.welcome-dialog .carousel, .old-browser-dialog .carousel {
  width: 100%;
  height: 100%;
}
.welcome-dialog .carousel-inner, .old-browser-dialog .carousel-inner {
  width: 100%;
  height: 100%;
}
.welcome-dialog .carousel-item, .old-browser-dialog .carousel-item {
  width: 100%;
  height: 100%;
}
.welcome-dialog .carousel-item-design, .old-browser-dialog .carousel-item-design {
  background-color: blue;
  height: 100%;
  width: 100%;
}
.welcome-dialog h1.headline, .old-browser-dialog h1.headline {
  margin-top: 42px;
  padding: 0 25px;
  font-size: 25px;
}
@media only screen and (min-width: 480px) {
  .welcome-dialog h1.headline, .old-browser-dialog h1.headline {
    padding: 0 40px;
  }
}
.welcome-dialog p, .old-browser-dialog p {
  padding: 0 25px;
  font-size: 15px;
}
@media only screen and (min-width: 480px) {
  .welcome-dialog p, .old-browser-dialog p {
    padding: 0 40px;
  }
}
.welcome-dialog .btn, .old-browser-dialog .btn {
  margin-top: 25px;
}
.welcome-dialog .carousel-item-wrap, .old-browser-dialog .carousel-item-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  height: 100%;
}
.welcome-dialog .carousel-item-bot, .old-browser-dialog .carousel-item-bot {
  align-self: flex-end;
}
.welcome-dialog .carousel-item-bot.carousel-item-bot-button, .old-browser-dialog .carousel-item-bot.carousel-item-bot-button {
  width: 100%;
  height: 100px;
}
.welcome-dialog .carousel-item-bot.carousel-item-bot-button .btn, .old-browser-dialog .carousel-item-bot.carousel-item-bot-button .btn {
  margin-top: 10px;
}
.welcome-dialog .carousel-links, .old-browser-dialog .carousel-links {
  margin-top: 30px;
}
.welcome-dialog form, .old-browser-dialog form {
  max-width: 80%;
  margin: 0 auto;
  margin-top: 25px;
  text-align: left;
}
.welcome-dialog form .dropdown, .old-browser-dialog form .dropdown {
  margin-bottom: 10px !important;
}
.welcome-dialog form .welcome-logo, .old-browser-dialog form .welcome-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.welcome-dialog form .welcome-logo > div:first-child, .old-browser-dialog form .welcome-logo > div:first-child {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 50%;
}
.welcome-dialog form .welcome-logo > div:first-child div, .old-browser-dialog form .welcome-logo > div:first-child div {
  width: calc(100% - 10px);
}
.welcome-dialog form .welcome-logo .image-preview, .old-browser-dialog form .welcome-logo .image-preview, .welcome-dialog form .welcome-logo .folder-previews .folder-preview, .old-browser-dialog form .welcome-logo .folder-previews .folder-preview, .folder-previews .welcome-dialog form .welcome-logo .folder-preview, .folder-previews .old-browser-dialog form .welcome-logo .folder-preview {
  height: 76px;
  max-width: 120px;
}
.welcome-dialog form .welcome-names, .old-browser-dialog form .welcome-names {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-bottom: 0;
}
.welcome-dialog form .welcome-names div, .old-browser-dialog form .welcome-names div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(50% - 10px);
}
.welcome-dialog form .welcome-names .welcome-error, .old-browser-dialog form .welcome-names .welcome-error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  margin-top: -12px;
  margin-bottom: 12px;
}
.welcome-dialog form .welcome-names .welcome-error > div, .old-browser-dialog form .welcome-names .welcome-error > div {
  width: 100%;
}
.welcome-dialog form input, .old-browser-dialog form input {
  margin-bottom: 12px;
}
.welcome-dialog form .form-dropdown-btn, .welcome-dialog form .work-datepicker, .welcome-dialog form .form-dropdown-btn-inside, .old-browser-dialog form .form-dropdown-btn, .old-browser-dialog form .work-datepicker, .old-browser-dialog form .form-dropdown-btn-inside {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.welcome-dialog form .support-tel, .old-browser-dialog form .support-tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 12px;
}
.welcome-dialog form .support-tel img, .old-browser-dialog form .support-tel img {
  width: 40px;
  margin-right: 10px;
}
.welcome-dialog form .support-tel p, .old-browser-dialog form .support-tel p {
  padding: 0;
  margin: 0;
  font-size: 13px;
}

.old-browser-dialog {
  max-width: 600px;
  position: relative;
}
.old-browser-dialog .browser-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-top: 30px;
}
.old-browser-dialog .browser-icon img {
  width: 60px;
  height: 60px;
}
.old-browser-dialog h1.headline {
  margin-top: 10px;
}
.old-browser-dialog .btn-circle {
  position: absolute;
  top: 10px;
  right: 10px;
}
.old-browser-dialog p {
  font-size: 14px;
  margin: 0 auto;
}
.old-browser-dialog .browsers-choices {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-top: 34px;
  margin-bottom: 20px;
  padding: 0 30px;
}
.old-browser-dialog .browsers-choices .browser-choice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-basis: 33%;
  -moz-flex-basis: 33%;
  -ms-flex-preferred-size: 33%;
  flex-basis: 33%;
  max-width: 160px;
  height: 160px;
}
.old-browser-dialog .browsers-choices .browser-choice span {
  margin-top: 5px;
  margin-bottom: 5px;
}
.old-browser-dialog .browsers-choices .browser-choice a {
  font-size: 14px;
  font-weight: 500;
}
.old-browser-dialog .browsers-choices .browser-choice img {
  width: 36px;
}

.dialog-wave {
  position: absolute;
  width: 100%;
  bottom: 0;
}

.btn-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #7787a8;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  cursor: pointer;
}

.btn-circle:hover {
  background-color: #465576;
}

.call-back {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.call-back .call-back-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 580px;
  height: 566px;
}
.call-back .call-back-wrap .call-back-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.call-back .call-back-wrap .call-back-content .call-back-initial {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 90%;
}
.call-back .call-back-wrap .call-back-content .call-back-initial .call-icon {
  width: 75px;
}
.call-back .call-back-wrap .call-back-content .call-back-initial h1 {
  margin-top: 0;
  margin-bottom: 10px;
}
.call-back .call-back-wrap .call-back-content .call-back-initial p {
  text-align: center;
}
.call-back .call-back-wrap .call-back-content .call-back-initial .call-back-form form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 250px;
  margin-top: 50px;
}
.call-back .call-back-wrap .call-back-content .call-back-initial .call-back-form form input {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
}
.call-back .call-back-wrap .call-back-content .call-back-initial .call-back-form form a {
  width: 100%;
}
.call-back .call-back-wrap .call-back-content .call-back-thx,
.call-back .call-back-wrap .call-back-content .call-back-fail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 90%;
}
.call-back .call-back-wrap .call-back-content .call-back-thx p,
.call-back .call-back-wrap .call-back-content .call-back-fail p {
  text-align: center;
}
.call-back .call-back-wrap .call-back-content .call-back-connexion {
  margin-top: 80px;
}
.call-back .call-back-wrap .call-back-content .call-back-connexion a {
  font-weight: 500;
  font-size: 14px;
  padding: 10px 15px;
}

.annexe-page {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 480px) {
  .annexe-page {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
  }
}
.annexe-page .annexe-page-logo {
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin: auto;
  width: 184px;
}
@media only screen and (min-width: 480px) {
  .annexe-page .annexe-page-logo {
    position: absolute;
    top: 8%;
    left: 0;
    right: 0;
    margin: auto;
  }
}
.annexe-page .annexe-wrap {
  position: relative;
  margin-top: 100px;
  width: fit-content;
  max-width: 540px;
  padding: 30px 35px;
}
@media only screen and (min-width: 480px) {
  .annexe-page .annexe-wrap {
    margin-top: -30px;
    padding: 50px 65px;
  }
}
.annexe-page .annexe-wrap .annexe-content .headline {
  font-size: 24px;
  font-weight: 500;
  margin-top: 0;
}
.annexe-page .annexe-wrap .annexe-content .headline-subtitle {
  color: #465576;
  font-size: 15px;
  font-weight: 500;
}
.annexe-page .annexe-wrap .annexe-content input {
  width: 100%;
  height: 50px;
  margin-bottom: 10px;
  margin-top: 10px;
  font-weight: 500;
}
.annexe-page .annexe-wrap .annexe-content .btn {
  width: 100%;
  height: 50px;
}
.annexe-page .annexe-wrap .annexe-content .btn:hover {
  color: white;
}
.annexe-page .annexe-wrap .annexe-content .title-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-bottom: 30px;
}
.annexe-page .annexe-wrap .annexe-content .title-icon .broken-heart {
  width: 32px;
  margin-right: 12px;
}
.annexe-page .annexe-wrap .annexe-content .title-icon h1 {
  margin-bottom: 0;
}

.marketing-slider-container {
  display: none;
  position: relative;
  align-self: flex-end;
  bottom: 0;
  width: 100%;
  height: 130px;
  background-color: white;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  overflow: hidden;
  cursor: pointer;
}
.marketing-slider-container .mkt-slider {
  width: 100%;
}
.marketing-slider-container .mkt-slider .close-slide {
  position: absolute;
  right: 8px;
  top: 10px;
  left: inherit;
  margin: inherit;
  z-index: 100;
  align-items: center;
  width: 14px;
  height: 14px;
  border-radius: 100%;
  background-color: #7787a8;
  opacity: 0.6;
}
.marketing-slider-container .mkt-slider .close-slide img {
  border: 0;
  height: auto;
  line-height: 100%;
  outline: none;
  text-decoration: none;
}
.marketing-slider-container .mkt-slider .close-slide:hover {
  background-color: #465576;
  opacity: 1;
}
.marketing-slider-container .mkt-slider .carousel-inner .carousel-item {
  display: block !important;
}
.marketing-slider-container .mkt-slider .carousel-inner .carousel-item .slider-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 130px;
}
.marketing-slider-container .mkt-slider .carousel-inner .carousel-item .slider-item h3 {
  margin-top: 13px;
  margin-left: 12px;
  font-size: 14px;
  width: 192px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.marketing-slider-container .mkt-slider .carousel-inner .carousel-item .slider-item p {
  margin-left: 12px;
  font-size: 13px;
  width: 227px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.marketing-slider-container .mkt-slider .carousel-inner .carousel-item .slider-item img {
  margin-top: auto;
  height: 80px;
}
@media only screen and (min-width: 992px) {
  .marketing-slider-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.cookies-dialog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  width: 100vw;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
@media only screen and (min-width: 480px) {
  .cookies-dialog {
    max-width: 550px;
    margin-top: -3%;
  }
}
.cookies-dialog .modal-content {
  padding: 40px;
  padding-bottom: 20px;
}
.cookies-dialog .modal-content .modal-body {
  padding: 0;
  margin: 0;
}
.cookies-dialog .modal-content .modal-body #modal-logo {
  text-align: inherit;
  width: 140px;
}
.cookies-dialog .modal-content .modal-body h3 {
  font-size: 23px;
  font-weight: 500;
  max-width: 280px;
  line-height: 32px;
}
.cookies-dialog .modal-content .modal-body .cookie-box p {
  font-weight: 400;
  font-size: 16px;
  color: #5f677c;
  line-height: 26px;
}
.cookies-dialog .modal-content .modal-body .cookie-box p a {
  color: #424857;
  text-decoration: underline;
}
.cookies-dialog .modal-content .cookie-opt p {
  font-weight: 400;
  font-size: 16px;
  color: #5f677c;
  line-height: 26px;
}
.cookies-dialog .modal-content .cookie-opt label {
  margin-bottom: 12px;
}
.cookies-dialog .modal-content .cookie-opt label span {
  font-weight: 500;
  font-size: 14px;
  color: black;
  line-height: 23px;
  max-width: 90%;
}
.cookies-dialog .modal-content .cookie-opt .control input:checked ~ .control_indicator.checklist_indicator {
  background: #5f6fff !important;
  border: 1px solid #2154ff !important;
}
.cookies-dialog .modal-content .cookie-opt .control-checkbox input:disabled ~ .control_indicator::after {
  border-color: white;
}
.cookies-dialog .modal-content .modal-footer, .cookies-dialog .modal-content md-dialog .md-actions, md-dialog .cookies-dialog .modal-content .md-actions {
  padding: 0;
  padding-top: 20px;
  border-color: #dee0e4;
  margin-top: 40px;
}
.cookies-dialog .modal-content .modal-footer .custom-cookie-btn, .cookies-dialog .modal-content md-dialog .md-actions .custom-cookie-btn, md-dialog .cookies-dialog .modal-content .md-actions .custom-cookie-btn {
  padding: 15px 0px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-left: -2px;
}
.cookies-dialog .modal-content .modal-footer .custom-cookie-btn:hover span, .cookies-dialog .modal-content md-dialog .md-actions .custom-cookie-btn:hover span, md-dialog .cookies-dialog .modal-content .md-actions .custom-cookie-btn:hover span {
  text-decoration: underline;
}
.cookies-dialog .modal-content .modal-footer .custom-cookie-btn img, .cookies-dialog .modal-content md-dialog .md-actions .custom-cookie-btn img, md-dialog .cookies-dialog .modal-content .md-actions .custom-cookie-btn img {
  width: 19px;
  height: 19px;
}
.cookies-dialog .modal-content .modal-footer .custom-cookie-btn span, .cookies-dialog .modal-content md-dialog .md-actions .custom-cookie-btn span, md-dialog .cookies-dialog .modal-content .md-actions .custom-cookie-btn span {
  color: black;
  font-size: 15px;
  font-weight: 500;
  margin-left: 6px;
}
.cookies-dialog .modal-content .modal-footer .btn-primary, .cookies-dialog .modal-content md-dialog .md-actions .btn-primary, md-dialog .cookies-dialog .modal-content .md-actions .btn-primary {
  padding: 0 16px;
  margin-right: 0px;
  margin-left: auto;
}
.cookies-dialog .modal-content .modal-footer .btn-primary span, .cookies-dialog .modal-content md-dialog .md-actions .btn-primary span, md-dialog .cookies-dialog .modal-content .md-actions .btn-primary span {
  font-size: 15px;
}

ar-sync {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.full-sync {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 100%;
}
.full-sync .user-menu-header,
.full-sync .nav-sync {
  display: none;
}

.sync-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.sync-wrap .user-menu-header,
.sync-wrap .nav-sync {
  display: none;
}
.sync-wrap h1 {
  text-align: center;
  margin-top: 50px;
  max-width: 100%;
  padding: 0px 14px;
}
.sync-wrap p {
  width: 400px;
  padding: 0px 14px;
  max-width: 100%;
  text-align: center;
  margin-bottom: 50px;
}
@media only screen and (min-width: 480px) {
  .sync-wrap p {
    margin-bottom: 140px;
  }
}
.sync-wrap .sync-date {
  margin-top: 20px;
}
.sync-wrap .o-circle-progress {
  margin-top: -60px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 230px;
}
@media only screen and (min-width: 480px) {
  .sync-wrap .o-circle-progress {
    margin-top: -110px;
  }
}
.sync-wrap .o-circle-progress .o-stats-number {
  position: absolute;
  top: 55px;
}
.sync-wrap .o-circle-progress .o-stats-number span {
  font-size: 35px;
  font-weight: 400;
  color: #5f6fff;
}
.sync-wrap .o-circle-progress .sync-span {
  position: absolute;
  top: 115px;
  margin: auto;
  line-height: 14px;
  max-width: 200px;
  text-align: center;
}
.sync-wrap .o-circle-progress .btn {
  position: absolute;
  top: 170px;
}

.dialog-sync {
  width: 500px;
  height: 500px;
  max-width: 100%;
  max-height: 100%;
}

.pop-sync {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
  max-width: 100%;
}
.pop-sync .user-menu-header {
  display: none;
}
.pop-sync .sync-date {
  display: none;
}
.pop-sync .headline-p {
  display: none;
}
.pop-sync .start-sync {
  display: none;
}
.pop-sync .o-circle-progress {
  margin-top: 20px;
}
@media only screen and (min-width: 480px) {
  .pop-sync .o-circle-progress {
    margin-top: 20px;
  }
}
.pop-sync .o-circle-progress .o-stats-number {
  top: 95px;
  font-weight: 600;
}
.pop-sync .o-circle-progress .sync-span {
  display: none;
}
.pop-sync .o-circle-progress .btn {
  display: none;
}
.pop-sync .dropdown-sync .nav-sync {
  display: none;
}

.sync-menu {
  margin-right: 12px;
}
.sync-menu .dropdown .m-actor .actor-preview-bg-white {
  border: 0px;
}
.sync-menu .dropdown .m-actor .actor-preview-bg-white .o-circle-progress {
  width: 100%;
  height: 100%;
}
.sync-menu .dropdown .m-actor .actor-preview-bg-white .o-circle-progress .o-stats-number {
  position: absolute;
}
.sync-menu .dropdown-sync .nav-sync {
  display: none;
}
.sync-menu .user-menu-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
}
.sync-menu .user-menu-header.developer-menu {
  align-items: flex-start;
  flex-direction: column;
  border-top: 1px solid #eaebf1;
}
.sync-menu .user-menu-header.developer-menu > div {
  margin-top: 15px;
  width: 100%;
}
.sync-menu .user-menu-header.developer-menu .btn {
  margin-top: 8px;
}
.sync-menu .user-menu-header.developer-menu .input-main, .sync-menu .user-menu-header.developer-menu .form-collapse .form-collapse-content .formly-field input, .form-collapse .form-collapse-content .formly-field .sync-menu .user-menu-header.developer-menu input, .sync-menu .user-menu-header.developer-menu #preset_name, .sync-menu .user-menu-header.developer-menu .o-upload .upload-bg, .o-upload .sync-menu .user-menu-header.developer-menu .upload-bg, .sync-menu .user-menu-header.developer-menu .form-dropdown-btn, .sync-menu .user-menu-header.developer-menu .work-datepicker, .sync-menu .user-menu-header.developer-menu .form-dropdown-btn-inside, .sync-menu .user-menu-header.developer-menu .upload-file .uploaded-files .uploaded-file, .upload-file .uploaded-files .sync-menu .user-menu-header.developer-menu .uploaded-file, .sync-menu .user-menu-header.developer-menu .remark-filter-sm .form-list-unified, .remark-filter-sm .sync-menu .user-menu-header.developer-menu .form-list-unified, .sync-menu .user-menu-header.developer-menu .form-list.form-list-separated > div, .sync-menu .user-menu-header.developer-menu .form-list.form-list-unified, .sync-menu .user-menu-header.developer-menu .input-disabled, .sync-menu .user-menu-header.developer-menu .textarea-main, .sync-menu .user-menu-header.developer-menu .armodal-body textarea, .armodal-body .sync-menu .user-menu-header.developer-menu textarea, .sync-menu .user-menu-header.developer-menu .plan-select .dropdown-menu .dropdown-header input, .plan-select .dropdown-menu .dropdown-header .sync-menu .user-menu-header.developer-menu input, .sync-menu .user-menu-header.developer-menu .armodal-body input, .armodal-body .sync-menu .user-menu-header.developer-menu input, .sync-menu .user-menu-header.developer-menu .licence-state-bloc select, .licence-state-bloc .sync-menu .user-menu-header.developer-menu select {
  height: 30px;
  margin-top: 10px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  text-indent: 3px;
}
.sync-menu .user-menu-header.developer-menu .extract-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sync-menu .user-menu-header.developer-menu .extract-form .btn {
  width: fit-content;
}
.sync-menu .user-menu-header.developer-menu .user-header-email {
  color: #465576;
}
.sync-menu .user-menu-header .m-actor {
  margin-right: 25px;
}
.sync-menu .sync-date {
  display: none;
}
.sync-menu .main-sync-button {
  display: none;
}
.sync-menu .main-sync-progress {
  display: none;
}
.sync-menu h1 {
  display: none;
}
.sync-menu .headline-p {
  display: none;
}
.sync-menu .user-menu-infos {
  margin-top: -8px;
}
.sync-menu .sync-wrap .o-circle-progress {
  margin-top: 0px;
  width: inherit;
}
.sync-menu .sync-wrap .o-circle-progress .o-stats-number {
  top: 25px;
}
.sync-menu .sync-wrap .o-circle-progress .o-stats-number span {
  font-size: 19px;
  font-weight: 500;
}
.sync-menu .sync-wrap .o-circle-progress .o-stats-number span.orange {
  color: #ff9731;
}

.nav-sync-icon {
  width: 100%;
  height: 100%;
}

.nav-sync-icon.spin {
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

.no-internet {
  padding: 40px 30px;
}
.sync-checkmark-container {
  height: 40px;
  width: 40px;
  border-radius: 50%;
  zoom: 2;
  margin-bottom: 4px;
}
.sync-checkmark-container .sync-checkmark {
  border-radius: 50%;
  display: block;
  stroke: #fff;
  box-shadow: inset 0px 0px 0px #fff;
}
.sync-checkmark-container .sync-checkmark-outline {
  stroke: #fff;
  stroke-width: 2;
}
.sync-checkmark-container .sync-checkmark-circle {
  stroke: transparent;
  stroke-width: 2;
  fill: none;
  stroke-miterlimit: 10;
}
.sync-checkmark-container .sync-checkmark-check {
  stroke: transparent;
  transform-origin: 50% 50%;
}
.sync-checkmark-container.checked .sync-checkmark {
  stroke-width: 2;
  stroke: #36ce6f;
  stroke-miterlimit: 10;
  animation: checkmark-fill 0.4s ease-in-out 0.4s forwards, checkmark-scale 0.3s ease-in-out 0.9s both;
}
.sync-checkmark-container.checked g .sync-checkmark-outline {
  stroke: transparent;
  stroke-width: 2;
}
.sync-checkmark-container.checked g .sync-checkmark-circle {
  stroke: #36ce6f;
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  animation: checkmark-stroke 0.6s cubic-bezier(0.35, 0, 0.25, 1) forwards;
}
.sync-checkmark-container.checked g .sync-checkmark-check {
  stroke: #36ce6f;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: checkmark-stroke 0.3s cubic-bezier(0.35, 0, 0.25, 1) 0.8s forwards;
}

@keyframes checkmark-stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes checkmark-scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes checkmark-fill {
  100% {
    box-shadow: inset 0px 0px 0px 20px #fff;
  }
}
.m-sponsoring {
  padding: 0 30px 15px 30px;
}
@media only screen and (min-width: 480px) {
  .m-sponsoring {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .m-sponsoring {
    padding-top: 30px;
    padding-bottom: 100px;
  }
}
.m-sponsoring .sub-texts img {
  margin-top: 40px;
}
.m-sponsoring .sub-texts .headline {
  color: #024643;
  font-size: 30px;
}
.m-sponsoring .sub-texts .headline-p {
  color: #4ac67d;
  font-size: 17px;
}
.m-sponsoring .no-carbon {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0 auto;
  margin-top: 45px;
  border-radius: 14px;
  max-width: 850px;
  padding: 54px 90px 85px 90px;
  overflow: hidden;
  background-color: #74e4a2;
}
.m-sponsoring .no-carbon h3 {
  color: white;
  font-size: 18px;
  font-weight: 500;
}
.m-sponsoring .no-carbon h3 span {
  color: #024643;
}
.m-sponsoring .no-carbon p {
  max-width: 650px;
  font-size: 17px;
  line-height: 35px;
  margin-top: 14px;
}
.m-sponsoring .no-carbon img {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
}
.m-sponsoring .sponso-howitworks,
.m-sponsoring .sponso-steps {
  margin: 0 auto;
  margin-top: 60px;
  max-width: 650px;
}
.m-sponsoring .sponso-howitworks h4,
.m-sponsoring .sponso-steps h4 {
  font-size: 17px;
  font-weight: 500;
  color: #024643;
}
.m-sponsoring .sponso-howitworks p,
.m-sponsoring .sponso-steps p {
  color: #024643;
  font-size: 17px;
  line-height: 31px;
}
.m-sponsoring .sponso-howitworks p span,
.m-sponsoring .sponso-howitworks p a,
.m-sponsoring .sponso-steps p span,
.m-sponsoring .sponso-steps p a {
  font-weight: 500;
  color: #5ed78f;
  text-decoration: none;
}
.m-sponsoring .sponso-steps p {
  margin-bottom: 12px;
}
.m-sponsoring .sponso-invitation {
  position: relative;
  margin: 0 auto;
  margin-top: 32px;
  width: 650px;
  padding: 40px 40px 30px 40px;
  border-radius: 14px;
  overflow: hidden;
  border: 1px solid #dee6e6;
  background-color: #fefffe;
}
.m-sponsoring .sponso-invitation h4 {
  font-size: 17px;
  font-weight: 500;
  color: #024643;
  margin: 0;
}
.m-sponsoring .sponso-invitation .sponso-form {
  margin-top: 30px;
}
.m-sponsoring .sponso-invitation .sponso-form .input-sponso {
  height: 60px;
  margin-bottom: 25px;
  text-indent: 20px;
  border: 1px solid #dee6e6;
}
.m-sponsoring .sponso-invitation .sponso-form .input-sponso.ng-invalid {
  margin-bottom: 5px;
  border-color: #ff4f3d;
}
.m-sponsoring .sponso-invitation .sponso-form .sponso-form-btn {
  height: 60px;
  box-shadow: 0px 0px 15px rgba(0, 139, 58, 0.205);
  background-color: #4ac67d;
}
.m-sponsoring .sponso-invitation .sponso-form .sponso-form-btn:hover {
  background-color: #5ed78f;
}
.m-sponsoring .sponso-invitation .sponso-form .sponso-form-btn:active {
  background-color: #4ac67d !important;
}
.m-sponsoring .sponso-invitation .sponso-form .required {
  padding-right: 10px;
  text-align: right;
}
.m-sponsoring .sponso-conditions {
  margin: 0 auto;
  margin-top: 30px;
  max-width: 650px;
}
.m-sponsoring .sponso-conditions p {
  color: #024643;
  font-size: 15px;
  line-height: 26px;
}

.m-modules {
  position: relative;
  padding: 0 30px 15px 30px;
}
@media only screen and (min-width: 480px) {
  .m-modules {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) {
  .m-modules {
    padding: 50px;
  }
}
.m-modules .modules-top-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 60%;
  z-index: 1;
  max-width: 800px;
}
.m-modules .modules-intro {
  position: relative;
  z-index: 10;
}
.m-modules .modules-intro .modules-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.m-modules .modules-intro .modules-title img {
  width: 72px;
  margin-right: 20px;
  margin-left: -10px;
}
.m-modules .modules-intro .modules-title h1 {
  font-size: 30px;
  font-weight: 500;
}
.m-modules .modules-intro p {
  font-size: 17px;
  line-height: 26px;
  margin-top: 20px;
  max-width: 750px;
}
.m-modules .modules-list {
  margin-top: 40px;
}
.m-modules .modules-list .modules-section {
  margin-bottom: 50px;
}
.m-modules .modules-list .modules-section .modules-title {
  display: flex;
  align-items: center;
}
.m-modules .modules-list .modules-section .modules-title .projects-label {
  flex-shrink: 0;
  font-size: 15px;
  text-transform: inherit;
  letter-spacing: 0px;
}
.m-modules .modules-list .modules-section .modules-title .section-line {
  margin-top: -3px;
  width: 100%;
  flex-grow: 1;
  flex-shrink: 1;
  height: 1px;
  background-color: #ebeef3;
  margin-left: 10px;
}
.m-modules .modules-list .modules-section .modules-title .sl-1 {
  width: 30px;
  margin-left: 0;
  margin-right: 10px;
}
.m-modules .modules-list .modules-section .modules-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(450px, 1fr));
  row-gap: 30px;
  column-gap: 30px;
  margin-top: 20px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item {
  position: relative;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .status-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: absolute;
  z-index: 10;
  top: -14px;
  right: 20px;
  height: 28px;
  border-radius: 20px;
  border-width: 1px;
  border-style: solid;
  padding: 0 14px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .status-tag span {
  font-weight: 500;
  font-size: 14px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .status-tag.module-active {
  background-color: #e2eaff;
  border-color: #d3e0ff;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .status-tag.module-active span {
  color: #6270f5;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .status-tag.module-testing {
  background-color: #ffe8f0;
  border-color: #ffcfe0;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .status-tag.module-testing span {
  color: #ff3d84;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card {
  position: relative;
  z-index: 1;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
  background-color: white;
  border: 1px solid #e9eef5;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.04);
  height: 285px;
  border-radius: 10px;
  padding: 20px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-texts {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-texts .p-number {
  margin-top: 0;
  font-size: 14px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-texts .p-number .p-period {
  margin-top: 0;
  color: #7787a8;
  font-size: 13px;
  font-weight: 400;
  margin-left: 3px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-texts h2 {
  margin-top: 10px;
  font-size: 18px;
  font-weight: 500;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-texts p {
  width: calc(100% - 150px);
  max-width: 400px;
  margin-top: 16px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-texts div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 10px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-texts div img {
  width: 24px;
  margin-right: 5px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .module-preview {
  position: absolute;
  right: -40px;
  height: 100%;
  top: 20px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  column-gap: 15px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons div {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 50%;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-white, .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .modal-footer .btn-secondary, .modal-footer .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-secondary, .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons md-dialog .md-actions .btn-secondary, md-dialog .md-actions .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-secondary {
  transition-duration: 0s;
  border: 1px solid #efefef;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.06);
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-white span, .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .modal-footer .btn-secondary span, .modal-footer .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-secondary span, .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons md-dialog .md-actions .btn-secondary span, md-dialog .md-actions .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-secondary span {
  font-size: 15px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-white:hover, .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .modal-footer .btn-secondary:hover, .modal-footer .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-secondary:hover, .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons md-dialog .md-actions .btn-secondary:hover, md-dialog .md-actions .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-secondary:hover {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-white:active, .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .modal-footer .btn-secondary:active, .modal-footer .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-secondary:active, .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons md-dialog .md-actions .btn-secondary:active, md-dialog .md-actions .m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-secondary:active {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.01) !important;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-primary {
  transition-duration: 0s;
  background-color: #6b7afd;
  box-shadow: 0px 1px 4px #6b7afd22;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-primary span {
  color: white;
  font-size: 15px;
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-primary:hover {
  background-color: #7482ff;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}
.m-modules .modules-list .modules-section .modules-grid .module-item .module-card .mc-buttons .btn-primary:active {
  box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.01) !important;
}

.notes-editor {
  height: 100%;
  border-radius: 10px;
  box-shadow: 0px 5px 15px rgba(28, 53, 150, 0.1);
}
.notes-editor .fr-box {
  min-height: 100%;
}
.notes-editor .fr-box .fr-sticky-dummy {
  display: none;
}
.notes-editor .fr-box .fr-toolbar {
  position: sticky;
  z-index: 2;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}
.notes-editor .fr-box .fr-wrapper {
  min-height: calc(100vh - 170px);
  border: inherit !important;
  border-radius: 0px !important;
}
.notes-editor .fr-box .fr-wrapper > .fr-view {
  min-height: calc(100vh - 170px);
}
.notes-editor .fr-second-toolbar {
  display: none !important;
}

#modal-cookies #modal-logo {
  text-align: center;
  margin-bottom: 20px;
}

#modal-cookies .cookie-disclaimer {
  margin-bottom: 10px;
}

.o-bloc-main, .fullscreen-viewer-container, .message.opened-card, .export-parts-content label, .export-bloc .export-options, .export-bloc .export-main, .sm-message-wrap, .armodal-body.armodal-fullscreen .armodal-content, .public-viewer .pdf-public-viewer, .old-browser-dialog .browsers-choices .browser-choice, .call-back .call-back-wrap, .annexe-page .annexe-wrap {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}

.no-padding {
  padding: 0px 0px;
}

.image-preview-large, .image-preview-small {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  border-radius: 8px;
  overflow: hidden;
  border: 2px solid white;
  box-sizing: border-box;
  width: 100px;
  height: 90px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06);
}
.image-preview-large img, .image-preview-small img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin-right: 0;
}

.image-preview-small {
  width: 45px;
  height: 35px;
  border-radius: 4px;
  border: 1px solid white;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.03);
}

.o-blue-bloc {
  background-color: #fafbfd;
  border: 1px solid #ebeef6;
  padding: 9px 16px;
  border-radius: 4px;
}

.o-blue-bloc.rmk-edit-bloc, .o-blue-bloc.embed-bloc {
  padding: 12px 16px;
  border: 1px solid #ebedf0;
}

.o-bloc-relative {
  position: relative;
}

button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: inherit;
}

.btn, .btn.toolbar-edit, .btn.toolbar-edit--active {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -moz-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  padding: 0 14px;
  outline: 0;
}
.btn:hover {
  cursor: pointer;
}

.btn-small {
  height: 20px;
  border-radius: 3px;
}

.btn-medium, .modal-footer button, md-dialog .md-actions button {
  height: 30px;
  border-radius: 3px;
}

.btn.btn-large {
  height: 50px;
  border-radius: 4px;
  font-size: 16px;
}

.btn-primary {
  box-shadow: 0px 0px 15px rgba(51, 70, 237, 0.3);
  border: none;
  color: white;
  font-weight: 500;
  font-size: 14px;
}

.btn-primary:hover {
  box-shadow: 0px 2px 20px rgba(53, 71, 230, 0.45);
  background-color: #5f6fff;
}

.btn-primary:active {
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  background-color: #505edd !important;
  box-shadow: 0px 2px 20px rgba(53, 71, 230, 0.45);
}

.btn-primary--disable {
  background-color: #a3b0cd;
  box-shadow: none;
  opacity: 0.3;
  cursor: inherit !important;
}
.btn-primary--disable:hover {
  background-color: #a3b0cd !important;
  box-shadow: none;
}
.btn-primary--disable:focus {
  background-color: #a3b0cd !important;
}

.btn-primary--red, .modal-footer .btn-danger, md-dialog .md-actions .btn-danger {
  box-shadow: 0px 0px 15px rgba(237, 51, 51, 0.3);
  border: none;
  color: white;
  font-weight: 500;
  font-size: 14px;
  background-color: #ff4f3d;
}

.btn-primary--red:hover, .modal-footer .btn-danger:hover, md-dialog .md-actions .btn-danger:hover {
  box-shadow: 0px 2px 20px rgba(230, 53, 53, 0.45);
  background-color: #ff4f3d;
}

.btn-primary--red:active, .modal-footer .btn-danger:active, md-dialog .md-actions .btn-danger:active {
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  background-color: #e5402f !important;
  box-shadow: 0px 2px 20px rgba(230, 53, 53, 0.45);
}

.action-validate {
  background-color: #36ce6f;
  box-shadow: 0px 0px 15px rgba(80, 237, 51, 0.3);
  border: none;
  color: white;
  font-weight: 500;
  font-size: 14px;
}

.action-validate:hover {
  background-color: #36ce6f;
  box-shadow: 0px 2px 20px rgba(47, 219, 60, 0.45);
  border: none;
  color: white;
  font-weight: 500;
  font-size: 14px;
}

.btn-white, .modal-footer .btn-secondary, md-dialog .md-actions .btn-secondary {
  background-color: white;
  border: none;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}

.btn-white:hover, .modal-footer .btn-secondary:hover, md-dialog .md-actions .btn-secondary:hover {
  background-color: white;
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
}

.btn-white:active, .modal-footer .btn-secondary:active, md-dialog .md-actions .btn-secondary:active,
.btn-white:focus,
.modal-footer .btn-secondary:focus,
md-dialog .md-actions .btn-secondary:focus {
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  background-color: #f7f7f7 !important;
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16) !important;
}

.btn-border {
  background-color: white;
  border: 1px solid #dcddde;
}

.btn-border:hover {
  background-color: white;
}

.btn-border:active,
.btn-border:focus {
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  background-color: #f7f7f7;
}

.btn-gray {
  height: 44px;
  padding: 0 16px;
  background-color: #f7f7f9;
  border: none;
}

.btn-gray:hover {
  background-color: #eff1f4;
}

.btn-gray:active,
.btn-gray:focus {
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  background-color: #dee7ef;
}

.btn-dark {
  background-color: #465576;
  border: none;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}

.btn-dark:hover {
  background-color: #465576;
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
}

.btn-dark:active,
.btn-dark:focus {
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  background-color: black;
}

.btn-square {
  width: 30px;
  height: 30px;
  border-radius: 3px;
}

.btn-square:hover {
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
}

.btn-square:active {
  -moz-transition-duration: 0.1s;
  -o-transition-duration: 0.1s;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  background-color: #f7f7f7;
}

.btn-transparent {
  background-color: transparent;
  box-shadow: inherit;
}

.btn-white-on-white {
  box-shadow: 0px 0px 8px rgba(28, 53, 150, 0.1);
}

.btn-white-on-white:hover {
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.16);
}

.btn-icon-label img {
  margin-right: 10px;
}

.btn-fixe-1, .armodal-body .armodal-header .btn {
  width: 40px;
  padding: 0 0;
}

.btn-fixe-2 {
  width: 25px;
  padding: 0 0;
}

.btn-nopad {
  padding: 0 0;
}

.btn-multiline {
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.btn.btn--disable {
  box-shadow: inherit;
  cursor: default !important;
  pointer-events: none;
  opacity: 0.5;
}

.btn-type {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  cursor: pointer !important;
}

.btn-type:hover {
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
}

.btn-noshrink {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.btn-link {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  background-color: inherit;
  box-shadow: inherit;
  padding: 8px 8px;
}

.o-option-btn {
  flex-shrink: 0;
  cursor: pointer;
}

.o-option-btn:hover {
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.16);
}

.btn-rmk-transparent {
  background-color: transparent !important;
  box-shadow: inherit !important;
}
.btn-rmk-transparent:hover {
  background-color: white !important;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1) !important;
}

.btn-align-left {
  text-align: left;
}

.btn-close {
  background-color: white;
  outline: 0;
  border: none;
}
.btn-close:focus {
  outline: 0;
}

.btn-disable {
  opacity: 0.3;
  pointer-events: none;
}

.btn.take-photo {
  width: 100%;
  margin-bottom: 14px;
}

.btn-galery {
  margin-bottom: 16px;
}

.segmented-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  border: 1px solid #dee7ef;
  padding: 0;
  overflow: hidden;
}
.segmented-checkbox:focus, .segmented-checkbox:active {
  background-color: white !important;
}
.segmented-checkbox .button-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-flex-shrink: 1;
  -moz-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 8px;
  height: 100%;
}
.segmented-checkbox .button-content:hover {
  background-color: #fbfbfd;
}
.segmented-checkbox .button-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 50px;
  height: 100%;
  border-left: 1px solid #dee7ef;
}
.segmented-checkbox .button-checkbox .control.control-checkbox {
  padding: 0;
  margin-bottom: 0px;
}
.segmented-checkbox .button-checkbox .control_indicator {
  pointer-events: none;
  left: -2px;
}
.segmented-checkbox .button-checkbox:hover {
  background-color: #fbfbfd;
}

.dropdown-menu {
  border-radius: 8px;
  overflow: hidden;
  padding: 0px 0px;
  box-shadow: 0px 4px 50px rgba(16, 30, 82, 0.12);
  border: inherit;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.dropdown-menu.long-dropdown-menu {
  max-height: 60vh;
  overflow-y: auto;
}
.dropdown-menu.long-dropdown-menu .dropdown-list-item, .plan-select .dropdown-menu.long-dropdown-menu .dropdown-menu-inner a {
  height: 45px !important;
}
.dropdown-menu.dropdown-documents .dropdown-list-item.disabled, .plan-select .dropdown-menu.dropdown-documents .dropdown-menu-inner a.disabled {
  pointer-events: initial;
}
.dropdown-menu.dropdown-documents .dropdown-list-item span, .plan-select .dropdown-menu.dropdown-documents .dropdown-menu-inner a span {
  max-width: 140px;
}
.dropdown-menu .dropdown-list-item, .plan-select .dropdown-menu .dropdown-menu-inner a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  height: 40px;
  cursor: pointer;
  padding-left: 14px;
  padding-right: 16px;
  outline: 0;
  border-bottom: 1px solid #f0f1f7;
}
.dropdown-menu .dropdown-list-item img, .plan-select .dropdown-menu .dropdown-menu-inner a img {
  margin-right: 10px;
}
.dropdown-menu .dropdown-list-item.no-border, .plan-select .dropdown-menu .dropdown-menu-inner a.no-border {
  border: inherit;
}
.dropdown-menu .dropdown-list-item:last-child, .plan-select .dropdown-menu .dropdown-menu-inner a:last-child {
  border: inherit;
}
.dropdown-menu .dropdown-list-item.dropdown-new, .plan-select .dropdown-menu .dropdown-menu-inner a.dropdown-new {
  color: #5f6fff;
  border-bottom: 1px solid #f0f1f7;
}
.dropdown-menu .dropdown-list-item.dropdown-new:hover, .plan-select .dropdown-menu .dropdown-menu-inner a.dropdown-new:hover {
  background-color: #5f6fff17;
  color: #5f6fff;
}
.dropdown-menu .dropdown-list-item.passive-item, .plan-select .dropdown-menu .dropdown-menu-inner a.passive-item {
  color: #a3acc1;
}
.dropdown-menu .dropdown-list-item.passive-item:hover, .plan-select .dropdown-menu .dropdown-menu-inner a.passive-item:hover {
  color: #465576;
}
.dropdown-menu .dropdown-list-item .dropdown-item-main, .plan-select .dropdown-menu .dropdown-menu-inner a .dropdown-item-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 40px;
  width: 100%;
}
.dropdown-menu .dropdown-list-item .dropdown-edition-btn, .plan-select .dropdown-menu .dropdown-menu-inner a .dropdown-edition-btn {
  display: none;
}
.dropdown-menu .dropdown-list-item:hover, .plan-select .dropdown-menu .dropdown-menu-inner a:hover {
  background-color: #f0f1f7;
  color: #465576;
}
.dropdown-menu .dropdown-list-item.dropdown-list-item-editable, .plan-select .dropdown-menu .dropdown-menu-inner a.dropdown-list-item-editable {
  padding-right: 0;
  padding-left: 0;
}
.dropdown-menu .dropdown-list-item.dropdown-list-item-editable:hover, .plan-select .dropdown-menu .dropdown-menu-inner a.dropdown-list-item-editable:hover {
  background-color: white;
  color: #7787a8;
}
.dropdown-menu .dropdown-list-item.dropdown-list-item-editable .dropdown-item-main, .plan-select .dropdown-menu .dropdown-menu-inner a.dropdown-list-item-editable .dropdown-item-main {
  padding-left: 14px;
}
.dropdown-menu .dropdown-list-item.dropdown-list-item-editable .dropdown-item-main:hover, .plan-select .dropdown-menu .dropdown-menu-inner a.dropdown-list-item-editable .dropdown-item-main:hover {
  background-color: #f0f1f7;
  color: #465576;
}
.dropdown-menu .dropdown-list-item.dropdown-list-item-editable .dropdown-edition-btn, .plan-select .dropdown-menu .dropdown-menu-inner a.dropdown-list-item-editable .dropdown-edition-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border-left: 1px solid #f0f1f7;
  border-bottom: 1px solid #f0f1f7;
  background-color: white;
}
.dropdown-menu .dropdown-list-item.dropdown-list-item-editable .dropdown-edition-btn img, .plan-select .dropdown-menu .dropdown-menu-inner a.dropdown-list-item-editable .dropdown-edition-btn img {
  margin-right: 0;
}
.dropdown-menu .dropdown-list-item.dropdown-list-item-editable .dropdown-edition-btn:hover, .plan-select .dropdown-menu .dropdown-menu-inner a.dropdown-list-item-editable .dropdown-edition-btn:hover {
  background-color: #f0f1f7;
}
.dropdown-menu .dropdown-list-item.disabled, .plan-select .dropdown-menu .dropdown-menu-inner a.disabled {
  pointer-events: initial;
  cursor: default;
}
.dropdown-menu.plane-top {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
.dropdown-menu.smooth-top-right {
  border-top-right-radius: 4px;
}
.dropdown-menu.sm-cells .dropdown-list-item, .plan-select .dropdown-menu.sm-cells .dropdown-menu-inner a {
  height: 40px;
}
.dropdown-menu.md-cells .dropdown-list-item, .plan-select .dropdown-menu.md-cells .dropdown-menu-inner a {
  height: 50px;
}
.dropdown-menu.lg-cells .dropdown-list-item, .plan-select .dropdown-menu.lg-cells .dropdown-menu-inner a {
  height: 60px;
}

.plan-select .dropdown-menu {
  min-width: 260px;
  max-width: 500px;
}
.plan-select .dropdown-menu .dropdown-header {
  padding: 14px;
  border-bottom: 1px solid #f0f1f7;
}
.plan-select .dropdown-menu .dropdown-menu-inner {
  max-height: 425px;
  overflow-y: scroll;
}
.plan-select .dropdown-menu .dropdown-menu-inner a {
  height: 50px;
}
.plan-select .dropdown-menu .dropdown-menu-inner a.selected {
  color: #465576;
}

.sort-select .dropdown-menu .dropdown-list-item, .sort-select .plan-select .dropdown-menu .dropdown-menu-inner a, .plan-select .sort-select .dropdown-menu .dropdown-menu-inner a {
  height: 50px;
}

.dropdown-menu .dropdown-level-1 {
  padding-left: calc(15px * 1);
}

.dropdown-menu .dropdown-level-2 {
  padding-left: calc(15px * 2);
}

.dropdown-menu .dropdown-level-3 {
  padding-left: calc(15px * 3);
}

.dropdown-menu .dropdown-level-4 {
  padding-left: calc(15px * 4);
}

.dropdown-menu .dropdown-level-5 {
  padding-left: calc(15px * 5);
}

.dropdown-menu .dropdown-level-6 {
  padding-left: calc(15px * 6);
}

.dropdown-menu .dropdown-level-7 {
  padding-left: calc(15px * 7);
}

.dropdown-menu .dropdown-level-8 {
  padding-left: calc(15px * 8);
}

.dropdown-menu .dropdown-level-9 {
  padding-left: calc(15px * 9);
}

.dropdown-menu .dropdown-level-10 {
  padding-left: calc(15px * 10);
}

#sm-move .dropdown-list-item, #sm-move .plan-select .dropdown-menu .dropdown-menu-inner a, .plan-select .dropdown-menu .dropdown-menu-inner #sm-move a {
  text-indent: 5px;
}

.input-inline {
  border: inherit;
  background-color: transparent;
}
.input-inline::-webkit-input-placeholder {
  color: #7787a8;
  opacity: 0.3;
}
.input-inline:-moz-placeholder {
  color: #7787a8;
  opacity: 0.3;
}
.input-inline::-moz-placeholder {
  color: #7787a8;
  opacity: 0.3;
}
.input-inline:-ms-input-placeholder {
  color: #7787a8;
  opacity: 0.3;
}

.input-main, .form-collapse .form-collapse-content .formly-field input, #preset_name, .o-upload .upload-bg, .form-dropdown-btn, .work-datepicker, .form-dropdown-btn-inside, .upload-file .uploaded-files .uploaded-file, .remark-filter-sm .form-list-unified, .form-list.form-list-separated > div, .form-list.form-list-unified, .input-disabled, .textarea-main, .armodal-body textarea, .armodal-body input, .licence-state-bloc select, .plan-select .dropdown-menu .dropdown-header input {
  background-color: white;
  border: 1px solid #dee7ef;
  border-radius: 4px;
  height: 46px;
  text-indent: 10px;
  color: #525e77;
  font-size: 14px;
}
.input-main::-webkit-input-placeholder, .form-collapse .form-collapse-content .formly-field input::-webkit-input-placeholder, #preset_name::-webkit-input-placeholder, .o-upload .upload-bg::-webkit-input-placeholder, .form-dropdown-btn::-webkit-input-placeholder, .work-datepicker::-webkit-input-placeholder, .form-dropdown-btn-inside::-webkit-input-placeholder, .upload-file .uploaded-files .uploaded-file::-webkit-input-placeholder, .remark-filter-sm .form-list-unified::-webkit-input-placeholder, .form-list.form-list-separated > div::-webkit-input-placeholder, .form-list.form-list-unified::-webkit-input-placeholder, .input-disabled::-webkit-input-placeholder, .textarea-main::-webkit-input-placeholder, .armodal-body textarea::-webkit-input-placeholder, .armodal-body input::-webkit-input-placeholder, .licence-state-bloc select::-webkit-input-placeholder, .plan-select .dropdown-menu .dropdown-header input::-webkit-input-placeholder {
  color: #7787a8;
  opacity: 0.3;
}
.input-main:-moz-placeholder, .form-collapse .form-collapse-content .formly-field input:-moz-placeholder, #preset_name:-moz-placeholder, .o-upload .upload-bg:-moz-placeholder, .form-dropdown-btn:-moz-placeholder, .work-datepicker:-moz-placeholder, .form-dropdown-btn-inside:-moz-placeholder, .upload-file .uploaded-files .uploaded-file:-moz-placeholder, .remark-filter-sm .form-list-unified:-moz-placeholder, .form-list.form-list-separated > div:-moz-placeholder, .form-list.form-list-unified:-moz-placeholder, .input-disabled:-moz-placeholder, .textarea-main:-moz-placeholder, .armodal-body textarea:-moz-placeholder, .armodal-body input:-moz-placeholder, .licence-state-bloc select:-moz-placeholder, .plan-select .dropdown-menu .dropdown-header input:-moz-placeholder {
  color: #7787a8;
  opacity: 0.3;
}
.input-main::-moz-placeholder, .form-collapse .form-collapse-content .formly-field input::-moz-placeholder, #preset_name::-moz-placeholder, .o-upload .upload-bg::-moz-placeholder, .form-dropdown-btn::-moz-placeholder, .work-datepicker::-moz-placeholder, .form-dropdown-btn-inside::-moz-placeholder, .upload-file .uploaded-files .uploaded-file::-moz-placeholder, .remark-filter-sm .form-list-unified::-moz-placeholder, .form-list.form-list-separated > div::-moz-placeholder, .form-list.form-list-unified::-moz-placeholder, .input-disabled::-moz-placeholder, .textarea-main::-moz-placeholder, .armodal-body textarea::-moz-placeholder, .armodal-body input::-moz-placeholder, .licence-state-bloc select::-moz-placeholder, .plan-select .dropdown-menu .dropdown-header input::-moz-placeholder {
  color: #7787a8;
  opacity: 0.3;
}
.input-main:-ms-input-placeholder, .form-collapse .form-collapse-content .formly-field input:-ms-input-placeholder, #preset_name:-ms-input-placeholder, .o-upload .upload-bg:-ms-input-placeholder, .form-dropdown-btn:-ms-input-placeholder, .work-datepicker:-ms-input-placeholder, .form-dropdown-btn-inside:-ms-input-placeholder, .upload-file .uploaded-files .uploaded-file:-ms-input-placeholder, .remark-filter-sm .form-list-unified:-ms-input-placeholder, .form-list.form-list-separated > div:-ms-input-placeholder, .form-list.form-list-unified:-ms-input-placeholder, .input-disabled:-ms-input-placeholder, .textarea-main:-ms-input-placeholder, .armodal-body textarea:-ms-input-placeholder, .armodal-body input:-ms-input-placeholder, .licence-state-bloc select:-ms-input-placeholder, .plan-select .dropdown-menu .dropdown-header input:-ms-input-placeholder {
  color: #7787a8;
  opacity: 0.3;
}
.input-main:-webkit-autofill, .form-collapse .form-collapse-content .formly-field input:-webkit-autofill, #preset_name:-webkit-autofill, .o-upload .upload-bg:-webkit-autofill, .form-dropdown-btn:-webkit-autofill, .work-datepicker:-webkit-autofill, .form-dropdown-btn-inside:-webkit-autofill, .upload-file .uploaded-files .uploaded-file:-webkit-autofill, .remark-filter-sm .form-list-unified:-webkit-autofill, .form-list.form-list-separated > div:-webkit-autofill, .form-list.form-list-unified:-webkit-autofill, .input-disabled:-webkit-autofill, .textarea-main:-webkit-autofill, .armodal-body textarea:-webkit-autofill, .armodal-body input:-webkit-autofill, .licence-state-bloc select:-webkit-autofill, .plan-select .dropdown-menu .dropdown-header input:-webkit-autofill {
  box-shadow: 0 0 0 30px white inset;
  -webkit-box-shadow: 0 0 0 30px white inset;
  -webkit-text-fill-color: #525e77 !important;
}

.text-input {
  color: #525e77;
  font-size: 14px;
}

.textarea-main, .armodal-body textarea {
  text-indent: inherit;
  padding: 10px;
  height: 80px;
}

.input-disabled {
  opacity: 0.8;
}
.input-disabled::-webkit-input-placeholder {
  color: #7787a8;
  opacity: 1 !important;
}
.input-disabled:-moz-placeholder {
  color: #7787a8;
  opacity: 1 !important;
}
.input-disabled::-moz-placeholder {
  color: #7787a8;
  opacity: 1 !important;
}
.input-disabled:-ms-input-placeholder {
  color: #7787a8;
  opacity: 1 !important;
}

.input-delete {
  position: absolute;
  right: 12px;
  top: 0;
  bottom: 0;
  margin: auto;
  cursor: pointer;
}
.input-delete:hover {
  opacity: 0.8;
}

.label-display {
  margin-bottom: 3px;
}

.label-main, .form-collapse .form-collapse-content .formly-field .separator-title, .collapse-form label, .gen-settings .separator-title, .armodal-body label {
  font-size: 10px;
  color: #7787a8;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  font-weight: 500;
  margin-bottom: 4px;
}

.form-list .selector-main {
  margin-bottom: inherit !important;
}

.form-select-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.select-label {
  color: #5f6fff !important;
  font-weight: 500;
  font-size: 13px;
  margin-left: auto;
  padding-bottom: 4px;
  padding-right: 10px;
  cursor: pointer;
}
.select-label:hover {
  opacity: 0.8;
}

.selector-group {
  width: 100%;
  height: 100%;
}

.control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
  margin-bottom: 5px;
  cursor: pointer;
  font-size: 16px;
  width: 100%;
  height: 100%;
}

.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.control_indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  height: 20px;
  width: 20px;
  background-color: #f6f6fb;
  border: 1px solid #d9e1e9;
  border-radius: 3px;
  box-shadow: 0 2px 4px #25355309;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}

.control-left .control_indicator {
  left: -25px;
  right: inherit;
}

.o-list-line:hover md-checkbox .md-icon {
  background-color: white;
}

md-checkbox .md-icon {
  border-width: 1px;
  border-color: #d9e1e9 !important;
  border-radius: 3px;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color: #f6f6fb;
  box-shadow: 0 2px 4px #25355309;
}

md-checkbox .md-ripple-container {
  display: none !important;
}

md-checkbox.md-checked .md-icon {
  background: #5f6fff !important;
  border: 1px solid #2154ff !important;
}

md-checkbox.md-checked .md-icon::after {
  left: 6.1px !important;
  top: 2.85px !important;
  width: 5px !important;
  height: 10px !important;
}

.arrow-nav-list {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 10px;
  right: 5px;
}

.restore-documents .arrow-nav-list {
  right: 30px;
}

.control-radio .control_indicator {
  border-radius: 15px;
}

.control:hover input ~ .control_indicator {
  background-color: #f1f3f9;
}

.control input:checked ~ .control_indicator {
  background: #5f6fff;
  border: 1px solid #2154ff;
}

.control input:checked ~ .control_indicator.checklist_indicator {
  background: #3fdb79;
  border: 1px solid #3fdb79;
}

.control:hover input:not([disabled]):checked ~ .control_indicator,
.control input:checked:focus ~ .control_indicator {
  background: #5f6fff;
}

.control:hover input:not([disabled]):checked ~ .control_indicator.checklist_indicator,
.control input:checked:focus ~ .control_indicator.checklist_indicator {
  background: #3fdb79;
}

.control input:disabled ~ .control_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}

.control_indicator::after {
  box-sizing: unset;
  content: "";
  position: absolute;
  display: none;
}

.control input:checked ~ .control_indicator::after {
  display: block;
}

.control-checkbox .control_indicator::after {
  left: 7px;
  top: 3px;
  width: 3px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  border-radius: 1px;
}

.control-checkbox input:disabled ~ .control_indicator::after {
  border-color: #7b7b7b;
}

.check-inline-right {
  margin-right: 26px;
}

.color-picker .color-picker-wrapper .input-group .input-group-addon:first-child {
  border-radius: 4px;
  width: 46px;
  height: 46px;
  border: 1px solid #dee7ef;
}
.color-picker .color-picker-wrapper .input-group .color-picker-input-swatch {
  width: calc(100% - 10px);
  margin-left: 10px;
  text-indent: 0px;
}

.form-list.form-list-unified {
  height: inherit;
  overflow: hidden;
}
.form-list.form-list-unified .form-list-bloc {
  border-bottom: 1px solid #dee7ef;
}
.form-list.form-list-unified .form-list-bloc:last-child {
  border-bottom: 0;
}
.form-list.form-list-separated > div {
  height: inherit;
  border-bottom: none;
  overflow: hidden;
  margin-bottom: 14px;
}
.form-list.form-list-separated > div:last-child {
  margin-bottom: 0;
}
.form-list.form-list-separated > div .form-list-bloc {
  border-bottom: 1px solid #dee7ef;
}
.form-list.form-list-separated > div .form-list-bloc:last-child {
  border-bottom: 0;
}
.form-list.form-list-separated-gap > div {
  border-bottom: none;
  margin-bottom: 14px;
  margin-top: 1px;
}
.form-list.form-list-separated-gap > div.list-depth-1 {
  margin-bottom: -1px;
}
.form-list.form-list-separated-gap > div:last-child {
  margin-bottom: 0;
}
.form-list.form-list-separated-gap .form-list-bloc {
  margin-top: -1px;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #dee7ef;
}
.form-list.form-list-separated-gap .form-list-bloc.list-depth-2 {
  margin-left: 10px;
}
.form-list.form-list-separated-gap .form-list-bloc.list-depth-3 {
  margin-left: 20px;
}
.form-list.form-list-separated-gap .form-list-bloc.list-depth-4 {
  margin-left: 30px;
}
.form-list .form-list-bloc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 50px;
  padding: 0 10px;
}
.form-list .form-list-bloc p {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.form-list .form-list-bloc .selector-container {
  margin-left: auto;
  flex-shrink: 0;
}
.form-list .form-list-bloc label {
  letter-spacing: inherit;
  text-transform: inherit;
  text-indent: 0;
}
.form-list .form-list-bloc label span {
  margin-right: 20px;
  text-indent: 0;
}
.form-list .form-list-bloc label .actor-preview span {
  margin-right: 0;
}
.form-list .form-list-bloc.form-list-bloc--button {
  margin-bottom: 10px;
}
.form-list .form-list-bloc.form-list-bloc--button.form-list-bloc--button-autoheight {
  height: auto;
  min-height: 50px;
  white-space: inherit;
}
.form-list .form-list-bloc.form-list-bloc--button-delete {
  padding-right: 50px;
  position: relative;
}
.form-list .form-list-bloc.form-list-bloc--button-delete .form-delete-button {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  height: 50px;
  max-height: 100%;
  width: 50px;
  right: 0;
}

.modal-inside-body .armodal-content {
  padding: 0;
}
.modal-inside-body .armodal-content .form > div {
  margin-bottom: 0;
}
.modal-inside-body .armodal-content .form > div:last-child {
  margin-bottom: 30px;
}

.remark-filter-sm .form-list-unified {
  overflow: hidden;
  border: inherit;
  border-bottom: 1px solid #dee7ef;
  border-radius: 0;
  margin-bottom: 0;
}
.remark-filter-sm .form-list-unified .form-list-bloc {
  border-bottom: 1px solid #dee7ef;
}
.remark-filter-sm .form-list-unified .form-list-bloc:last-child {
  border-bottom: 0;
}
.remark-filter-sm .form-list-separated-gap > div {
  min-height: 50px;
  border-bottom: none;
  margin-bottom: 14px;
  margin-top: 1px;
}
.remark-filter-sm .form-list-separated-gap .form-list-bloc {
  margin-top: 0;
  background-color: white;
  border-radius: 0;
  border: inherit;
  border-bottom: 1px solid #dee7ef;
}
.remark-filter-sm .form-list-separated-gap .form-list-bloc.list-depth-2 {
  margin-left: 0;
}
.remark-filter-sm .form-list-separated-gap .form-list-bloc.list-depth-2 label {
  margin-left: 10px;
}
.remark-filter-sm .form-list-separated-gap .form-list-bloc.list-depth-3 {
  margin-left: 0;
}
.remark-filter-sm .form-list-separated-gap .form-list-bloc.list-depth-3 label {
  margin-left: 20px;
}
.remark-filter-sm .form-list-separated-gap .form-list-bloc.list-depth-4 {
  margin-left: 0;
}
.remark-filter-sm .form-list-separated-gap .form-list-bloc.list-depth-4 label {
  margin-left: 30px;
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.form > div, .form > form,
.form .report-extra-div > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px;
}
.form label::first-letter {
  text-transform: capitalize;
}
.form p {
  margin-bottom: 20px;
}

.required {
  margin-top: 3px;
  margin-bottom: 0;
}

md-checkbox {
  margin-bottom: 0;
}

.upload-file .btn-browse {
  width: 100%;
}
.upload-file .upload-or {
  margin: 6px 0;
  text-align: center;
}
.upload-file .upload-or span {
  font-size: 11px;
  letter-spacing: 0.02em;
}
.upload-file .o-drop-box {
  position: relative;
  width: 100%;
  height: 320px;
  text-align: center;
}
.upload-file .uploaded-files {
  position: relative;
  margin-top: 16px;
}
.upload-file .uploaded-files .uploaded-file {
  width: 100%;
  height: 200px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}
.upload-file .uploaded-files .upload-options-btns {
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  right: 9px;
  top: 9px;
}
.upload-file .uploaded-files .upload-options-btns .upload-edit-image {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  width: 24px;
  cursor: pointer;
  opacity: 0.7;
  margin-bottom: 9px;
}
.upload-file .uploaded-files .upload-options-btns .upload-edit-image:hover {
  opacity: 1;
}

.o-drop-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border: 2px dashed #d4d4d4;
  border-radius: 8px;
  cursor: pointer;
}
.o-drop-box.dragover, .o-drop-box:hover {
  border: 2px dashed #9fa3af;
  background-color: #f1f2f7;
}
.o-drop-box img {
  margin-top: -12px;
  margin-bottom: 8px;
}
.o-drop-box .upload-restrictions {
  position: absolute;
  bottom: 30px;
}
.o-drop-box .upload-restrictions p {
  margin-top: 6px;
  font-size: 12px;
}

.single-upload {
  margin-top: 25px;
  margin-bottom: 25px;
}

.multiple-upload {
  margin: 25px -5px 30px -5px;
}

.multiple-upload.gallery-list {
  margin: 5px -5px 0px -5px;
}

.multiple-upload label,
.gallery-list label {
  margin-left: 5px;
  margin-bottom: 0;
}
.multiple-upload label span,
.gallery-list label span {
  margin-left: 3px;
}
.multiple-upload .o-upload,
.gallery-list .o-upload {
  margin-top: 10px;
  width: 50%;
  float: left;
}
.multiple-upload .o-upload .upload-options-btns,
.gallery-list .o-upload .upload-options-btns {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  opacity: 0;
}
.multiple-upload .o-upload:hover .upload-options-btns,
.gallery-list .o-upload:hover .upload-options-btns {
  opacity: 1;
}
.multiple-upload .o-upload .upload-bg.upload-no-pointer,
.multiple-upload .o-upload .upload-bg.upload-gallery,
.gallery-list .o-upload .upload-bg.upload-no-pointer,
.gallery-list .o-upload .upload-bg.upload-gallery {
  height: 130px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  background-color: transparent;
  border: none;
  padding: 4px;
}
.multiple-upload .o-upload .upload-bg.upload-no-pointer span,
.multiple-upload .o-upload .upload-bg.upload-gallery span,
.gallery-list .o-upload .upload-bg.upload-no-pointer span,
.gallery-list .o-upload .upload-bg.upload-gallery span {
  margin-top: 7px;
  text-indent: 0;
  max-width: 156px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.multiple-upload .o-upload .upload-bg.upload-no-pointer:hover,
.multiple-upload .o-upload .upload-bg.upload-gallery:hover,
.gallery-list .o-upload .upload-bg.upload-no-pointer:hover,
.gallery-list .o-upload .upload-bg.upload-gallery:hover {
  background-color: transparent;
}
.multiple-upload .o-upload .upload-preview.upload-rect,
.gallery-list .o-upload .upload-preview.upload-rect {
  width: 100%;
  height: 100px;
  position: relative;
}
.multiple-upload .o-upload .upload-preview.upload-rect img,
.gallery-list .o-upload .upload-preview.upload-rect img {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  animation-timing-function: ease;
  animation-duration: 1.3s;
  animation-fill-mode: forwards;
}
.multiple-upload .o-upload .upload-preview.upload-folder,
.gallery-list .o-upload .upload-preview.upload-folder {
  background-color: white;
}
.multiple-upload .o-upload:last-child,
.gallery-list .o-upload:last-child {
  margin-bottom: 10px;
}
.multiple-upload .o-upload .upload-gallery .upload-done img,
.gallery-list .o-upload .upload-gallery .upload-done img {
  display: block !important;
  top: 4px !important;
  bottom: inherit !important;
  right: 4px !important;
  left: inherit !important;
  width: 40px !important;
}
.multiple-upload .o-upload.upload-done .upload-bg.upload-no-pointer .upload-preview.upload-rect img,
.gallery-list .o-upload.upload-done .upload-bg.upload-no-pointer .upload-preview.upload-rect img {
  display: block;
  animation-name: report-appear;
}
@keyframes report-appear {
  0% {
    width: 0px;
  }
  60% {
    width: 60px;
  }
  100% {
    width: 50px;
  }
}
.multiple-upload .o-upload.upload-done #ngProgress-container,
.gallery-list .o-upload.upload-done #ngProgress-container {
  display: none;
}
.multiple-upload #ngProgress-container,
.gallery-list #ngProgress-container {
  width: calc(100% - 10px);
  bottom: -3px;
  top: inherit;
  left: 5px;
  background-color: #ecf1f5;
  height: 3px !important;
  border-radius: 3px !important;
}
.multiple-upload #ngProgress-container #ngProgress,
.gallery-list #ngProgress-container #ngProgress {
  width: 100%;
  height: 3px !important;
  border-radius: 3px !important;
  background-color: #5f6fff !important;
  color: #5f6fff !important;
  transition-duration: 0s !important;
}

.gallery-list {
  margin-bottom: 10px !important;
}

.gallery-nav {
  margin-bottom: 14px;
  border-radius: 8px;
}

.upload-restricted {
  margin-top: 25px;
}
.upload-restricted p {
  padding: 6px 0px;
}
.upload-restricted .form-separator:last-child {
  margin-top: 12px;
  margin-bottom: -26px;
}

.form-dropdown {
  width: 318px;
  max-height: 400px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.form-dropdown.form-dropdown-editable .dropdown-list-item, .form-dropdown.form-dropdown-editable .plan-select .dropdown-menu .dropdown-menu-inner a, .plan-select .dropdown-menu .dropdown-menu-inner .form-dropdown.form-dropdown-editable a {
  border-bottom: 1px solid #f0f1f7;
}

.form-dropdown-btn, .work-datepicker, .form-dropdown-btn-inside {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  cursor: pointer;
  padding-right: 10px;
}
.form-dropdown-btn span, .work-datepicker span, .form-dropdown-btn-inside span {
  text-indent: 0;
  padding: 0 10px;
}
.form-dropdown-btn img, .work-datepicker img, .form-dropdown-btn-inside img {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  opacity: 0.5;
}
.form-dropdown-btn:hover img, .work-datepicker:hover img, .form-dropdown-btn-inside:hover img {
  opacity: 1;
}

.form-dropdown-btn-inside > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}

.formly-field .form-dropdown-btn-inside span {
  padding: 0 10px;
}

.form-separator {
  margin: -8px -20px 14px -20px;
  border-bottom: 1px solid #ecf1f5;
}

.form-select-unselect {
  position: relative;
  margin-bottom: 5px !important;
}
.form-select-unselect .control_indicator {
  right: 10px;
}
.form-select-unselect .arrow-down {
  position: absolute;
  width: 0;
  height: 0;
  right: 15px;
  top: 20px;
  display: inline-block;
  vertical-align: middle;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #47557340 transparent transparent transparent;
}

input.form-search, .plan-select .dropdown-menu .dropdown-header input {
  width: 100%;
  background: url(images/icons/form-search.svg) no-repeat scroll 11px 15px;
  padding-left: 13px;
  padding-right: 10px;
  text-indent: 20px;
}

#add_picture_from_gallery .form-search, #add_picture_from_gallery .plan-select .dropdown-menu .dropdown-header input, .plan-select .dropdown-menu .dropdown-header #add_picture_from_gallery input {
  margin-bottom: 16px;
}

.form-titled-group {
  margin-bottom: 5px;
  padding-bottom: 15px;
  border-bottom: 1px solid #eaedf6;
}
.form-titled-group h1 {
  font-size: 14px;
  margin-bottom: 8px;
}
.form-titled-group input,
.form-titled-group textarea {
  width: 100%;
}
.form-titled-group label {
  margin-top: 10px;
}
.form-titled-group .settings-checkbox {
  margin-top: 5px;
  text-transform: inherit;
  letter-spacing: inherit;
  text-indent: initial;
  padding: 7px 30px 7px 8px;
}
.form-titled-group .settings-checkbox .control_indicator {
  right: 10px;
}

.user-settings-form .form-list-bloc {
  padding-right: 4px;
  padding-left: 4px;
}
.user-settings-form .form-titled-group {
  border-bottom: none;
  padding-bottom: 0;
}
.user-settings-form.account-delete button img {
  width: 17px;
  margin-right: 5px;
}
.user-settings-form.account-delete button span {
  color: #ff4141;
}
.user-settings-form.account-delete button .button-loader {
  width: 32px;
}
.user-settings-form.account-delete button:focus {
  background-color: #f9fafc !important;
  transition-duration: inherit;
}
.user-settings-form.account-delete h1 {
  margin-bottom: 15px;
  line-height: 22px;
}
.user-settings-form.account-delete .form-list {
  padding: 8px 12px;
}
.user-settings-form.account-delete .form-list span {
  line-height: 20px;
  text-indent: 0;
}

.formly > .formly-field:last-child .form-titled-group {
  border-bottom: none;
}

.armodal-content .status-sidemodal:last-child {
  padding-bottom: 200px;
}

.status-sidemodal .m-actor {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.armodal-body .status-sidemodal-bottom {
  height: auto;
  padding: 14px 14px;
  bottom: 0;
  z-index: 10;
}
.armodal-body .status-sidemodal-bottom p {
  margin-bottom: 10px;
}
.armodal-body .status-sidemodal-bottom .btn-primary {
  margin-bottom: 14px;
}

.sm-message-wrap {
  position: relative;
  padding: 14px;
}
.sm-message-wrap .sm-message-chevron {
  position: absolute;
  top: -20px;
  left: 25px;
  height: 27px;
}

.form-slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.form-slider .form-slider-result {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.form-slider .form-slider-result input {
  background-color: transparent;
  border: 0;
  height: inherit;
  text-indent: 0px;
  color: #525e77;
  font-size: 14px;
  box-shadow: inherit;
  font-weight: 500;
  margin-left: 10px;
  min-width: 50px;
  text-align: center;
}

input.input-range {
  -webkit-appearance: none;
  width: 100%;
  margin: 1.8px 0;
  background-color: inherit;
  border: 0;
  height: inherit;
  text-indent: 10px;
  color: #525e77;
  font-size: 14px;
}

input.input-range:focus {
  outline: none;
}

input.input-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
  background: #dee7ef;
  border-radius: 25px;
  border: 0 solid #010101;
}

input.input-range::-webkit-slider-thumb {
  box-shadow: 0 0 1px #000, 0 0 0 #0d0d0d;
  border: 2px solid #8c96a9;
  height: 12px;
  width: 12px;
  border-radius: 29px;
  background: #f4f6f8;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -1.8px;
}

input.input-range:focus::-webkit-slider-runnable-track {
  background: #e1e9f1;
}

input.input-range::-moz-range-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
  background: #dee7ef;
  border-radius: 25px;
  border: 0 solid #010101;
}

input.input-range::-moz-range-thumb {
  box-shadow: 0 0 1px #000, 0 0 0 #0d0d0d;
  border: 2px solid #8c96a9;
  height: 12px;
  width: 12px;
  border-radius: 29px;
  background: #f4f6f8;
  cursor: pointer;
}

input.input-range::-ms-track {
  width: 100%;
  height: 8.4px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}

input.input-range::-ms-fill-lower {
  background: #dbe5ed;
  border: 0 solid #010101;
  border-radius: 50px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
}

input.input-range::-ms-fill-upper {
  background: #dee7ef;
  border: 0 solid #010101;
  border-radius: 50px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0), 0 0 1px rgba(13, 13, 13, 0);
}

input.input-range::-ms-thumb {
  box-shadow: 0 0 1px #000, 0 0 0 #0d0d0d;
  border: 2px solid #8c96a9;
  height: 8.4px;
  width: 12px;
  border-radius: 29px;
  background: #f4f6f8;
  cursor: pointer;
}

input.input-range:focus::-ms-fill-lower {
  background: #dee7ef;
}

input.input-range:focus::-ms-fill-upper {
  background: #e1e9f1;
}

md-switch {
  margin: 0;
}
md-switch .md-label {
  font-size: 14px;
  color: #465576;
}

md-switch.md-default-theme .md-bar,
md-switch .md-bar {
  background-color: #bbc3d4;
}

.list-checkbox-padding {
  padding-right: 38px;
}

.form-btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin-top: 20px;
}
.form-btn-group .btn {
  width: 50%;
  margin: 0 10px;
}

#object_restore .form-list-separated-gap > div,
#object_restore .form-list-separated-gap .form-list-bloc-visit {
  margin-bottom: 6px;
}
#object_restore .form-list-separated-gap > div .visit-details,
#object_restore .form-list-separated-gap .form-list-bloc-visit .visit-details {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#object_restore .form-list-separated-gap > div .visit-details img,
#object_restore .form-list-separated-gap .form-list-bloc-visit .visit-details img {
  height: 14px;
  margin-right: 1px;
}
#object_restore .form-list-separated-gap > div .visit-details .remarks-count,
#object_restore .form-list-separated-gap .form-list-bloc-visit .visit-details .remarks-count {
  margin-right: 0px;
}
#object_restore .form-list-separated-gap > div .visit-details .actor-company,
#object_restore .form-list-separated-gap .form-list-bloc-visit .visit-details .actor-company {
  margin-right: 0;
}
#object_restore .restore-label {
  margin-bottom: 15px;
}
#object_restore .remark-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
#object_restore .remark-data .remark-no-desc {
  font-style: italic;
  color: #7787a8;
}
#object_restore .remark-data .remark-data-icons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: 2px;
}
#object_restore .remark-data .remark-data-icons div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-size: 13px;
  margin-right: 5px;
  color: #7787a8;
}
#object_restore .remark-data .remark-data-icons div .restore-icon-box {
  margin-left: 3px;
  width: 17px;
  height: 16px;
}
#object_restore .remark-data .remark-data-icons div .restore-icon-box img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.form-disabled {
  opacity: 0.5;
  pointer-events: none;
}

.armodal-content .m-ariane .back-btn {
  margin-right: 0;
}

.single-text-dial {
  padding: 30px 16px;
}

.mb-main {
  margin-bottom: 14px;
}

.o-marker-plus-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

.o-marker, .o-position {
  display: inline-block;
  width: 16px;
  height: 16px;
  border: 2px solid white;
  border-radius: 16px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.o-marker-small {
  border: 1px solid white;
  width: 12px;
  height: 12px;
  opacity: 0.7;
}

.o-marker-label {
  margin-left: 8px;
}

.o-marker.marker-color-purple, .marker-color-purple.o-position {
  background-color: #625aff;
  box-shadow: 0px 0px 15px rgba(98, 90, 255, 0.25);
}

.o-marker.marker-color-green, .marker-color-green.o-position {
  background-color: #36ce6f;
  box-shadow: 0px 0px 15px rgba(54, 206, 111, 0.25);
}

.o-marker.marker-color-blue, .marker-color-blue.o-position {
  background-color: #6897ff;
  box-shadow: 0px 0px 15px rgba(104, 151, 255, 0.25);
}

.o-marker.marker-color-orange, .marker-color-orange.o-position {
  background-color: #ff9731;
  box-shadow: 0px 0px 15px rgba(255, 151, 49, 0.25);
}

.o-marker.marker-color-red, .marker-color-red.o-position {
  background-color: #ff4f3d;
  box-shadow: 0px 0px 15px rgba(255, 79, 61, 0.25);
}

.o-marker.marker-color-black, .marker-color-black.o-position {
  background-color: #465576;
  box-shadow: 0px 0px 15px rgba(70, 85, 118, 0.25);
}

.o-marker.marker-color-manage-owner, .marker-color-manage-owner.o-position {
  background-color: #72dc9a;
  box-shadow: 0px 0px 15px rgba(114, 220, 154, 0.25);
}

.o-marker.marker-color-stake, .marker-color-stake.o-position {
  background-color: #ff8578;
  box-shadow: 0px 0px 15px rgba(255, 133, 120, 0.25);
}

.o-marker.marker-color-control, .marker-color-control.o-position {
  background-color: #9b8cf5;
  box-shadow: 0px 0px 15px rgba(155, 140, 245, 0.25);
}

.o-marker.marker-color-manage, .marker-color-manage.o-position {
  background-color: #72dc9a;
  box-shadow: 0px 0px 15px rgba(114, 220, 154, 0.25);
}

.o-marker.marker-color-owner, .marker-color-owner.o-position {
  background-color: #72dc9a;
  box-shadow: 0px 0px 15px rgba(114, 220, 154, 0.25);
}

.o-marker.marker-color-buyer, .marker-color-buyer.o-position {
  background-color: #7e9aff;
  box-shadow: 0px 0px 15px rgba(126, 154, 255, 0.25);
}

.o-list-blocs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.o-list-bloc {
  margin-bottom: 14px;
}

.o-list-lines-table {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.o-list-line {
  transition: background-color 0.15s ease;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #f0f1f7;
  cursor: pointer;
  padding: 0px 16px;
}
@media (prefers-reduced-motion: reduce) {
  .o-list-line {
    transition: none;
  }
}
.o-list-line-cols-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}
.o-list-line:hover {
  background-color: #fbfbfd;
}
.o-list-line:focus {
  background-color: #f6f7fb;
}
.o-list-line.o-list-line-nostyle {
  border-bottom: 0px;
  cursor: pointer;
  padding: 0px;
}
.o-list-line.o-list-line-nostyle:hover {
  background-color: inherit;
}

.messages-container .o-list-line:focus {
  background-color: white !important;
}

.list-animation {
  transition: background-color 0.15s ease;
  cursor: pointer;
}
@media (prefers-reduced-motion: reduce) {
  .list-animation {
    transition: none;
  }
}
.list-animation:hover {
  background-color: #fbfbfd;
}
.list-animation:focus {
  background-color: #f6f7fb;
}

.line-cols-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.o-list-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 14px;
  line-height: 17px;
}

.o-list-line-small {
  height: 52px;
}

.o-list-line-medium {
  height: 105px;
}
@media only screen and (min-width: 480px) {
  .o-list-line-medium {
    height: 115px;
  }
}

.o-list-line-auto {
  height: auto;
  padding: 16px;
}

.col-nopad {
  padding-right: 0px;
}

.col-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.col-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.col-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.flex-show-sm {
  display: none;
}
@media only screen and (min-width: 480px) {
  .flex-show-sm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.flex-show-md {
  display: none;
}
@media only screen and (min-width: 768px) {
  .flex-show-md {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.flex-show-lg {
  display: none;
}
@media only screen and (min-width: 992px) {
  .flex-show-lg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.grab-list-area {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  -webkit-justify-content: right;
  -moz-justify-content: right;
  justify-content: right;
}

.grab-list-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 45px;
  height: 4px;
}
.grab-list-icon.grab-icon-vertical {
  width: 20px;
  height: 18px;
}

.o-list-header {
  border-bottom: 1px solid #dee7ef;
}
.o-list-header span {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.03em;
}
.o-list-header .btn-col {
  width: 30px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: #eaebf1;
}

.md-dialog-container {
  z-index: 2147483449;
}

.tooltip {
  z-index: 2147483500;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #465576;
  text-align: center;
  font-weight: 500;
  font-size: 13px;
  background-color: white;
  border-radius: 0.25rem;
  box-shadow: 0px 15px 30px rgba(28, 53, 150, 0.08), 0px 0px 15px rgba(28, 53, 150, 0.1);
}

.tooltip.bs-tooltip-auto[x-placement^=top] .arrow::before,
.tooltip.bs-tooltip-top .arrow::before {
  margin-left: -3px;
  content: "";
  border-width: 5px 5px 0;
  border-top-color: white;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before,
.tooltip.bs-tooltip-right .arrow::before {
  margin-top: -3px;
  content: "";
  border-width: 5px 5px 5px 0;
  border-right-color: white;
}

.tooltip.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.tooltip.bs-tooltip-bottom .arrow::before {
  margin-left: -3px;
  content: "";
  border-width: 0 5px 5px;
  border-bottom-color: white;
}

.tooltip.bs-tooltip-auto[x-placement^=left] .arrow::before,
.tooltip.bs-tooltip-left .arrow::before {
  right: 0;
  margin-top: -3px;
  content: "";
  border-width: 5px 0 5px 5px;
  border-left-color: white;
}

.o-date img {
  width: 10px;
  height: 10px;
  margin-right: 0;
}
.o-date span {
  color: #9eaccb;
  font-size: 11px;
  height: 16px;
  font-weight: 500;
  letter-spacing: -0.02em;
}

.o-circle-progress {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 70px;
}

.o-stats-number span {
  color: #42e17d;
  font-weight: 700;
  font-size: 13px;
}

.o-upload .upload-bg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  height: 150px;
  cursor: pointer;
}
.o-upload .upload-bg:hover {
  background-color: #f6f7f8;
}
.o-upload .upload-bg:active {
  background-color: #eff1f4;
}
.o-upload .upload-bg.upload-no-pointer {
  cursor: default;
}
.o-upload .upload-bg.upload-no-pointer:hover {
  background-color: white;
}
.o-upload .upload-preview {
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: center;
  border: 4px solid white;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
  background-repeat: no-repeat;
}
.o-upload .upload-preview.upload-square {
  border-radius: 6px;
}
.o-upload .upload-preview.upload-rounded {
  border-radius: 80px;
}
.o-upload .upload-preview.upload-rect {
  width: 120px;
  border-radius: 6px;
}
.o-upload .upload-preview.upload-full {
  width: calc(100% - 5px);
  height: 100%;
  margin: -1px;
  box-sizing: content-box;
  border-radius: 4px;
  background-size: contain;
  background-position: center;
  cursor: default;
}

.o-position {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-flex-basis: 38px;
  -moz-flex-basis: 38px;
  -ms-flex-preferred-size: 38px;
  flex-basis: 38px;
  height: 38px;
  border: 2px solid white;
  border-radius: 38px;
}
.o-position span {
  color: white;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.02em;
}

.o-position.position-color-green {
  background-color: #36ce6f;
  box-shadow: 0px 0px 15px rgba(54, 206, 111, 0.25);
}

.o-position.position-color-orange {
  background-color: #ff9731;
  box-shadow: 0px 0px 15px rgba(255, 151, 49, 0.25);
}

.o-position.position-color-red {
  background-color: #ff4f3d;
  box-shadow: 0px 0px 15px rgba(255, 79, 61, 0.25);
}

.o-position.position-color-gray {
  background-color: #7787a8;
  box-shadow: 0px 0px 15px rgba(119, 135, 168, 0.25);
}

.preview-square {
  border-radius: 4px;
}

.loading-object, .loading-object-white, .loading-object-test, .loading-object-blue {
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
.loading-object *, .loading-object-white *, .loading-object-test *, .loading-object-blue * {
  opacity: 0;
}

.loading-object-blue {
  background-image: url(images/img/loader-light-blue.svg);
}
.loading-object-blue.small-loader {
  background-size: 50px;
}

.loading-object-test {
  background-image: url(images/img/load.gif);
}
.loading-object-test.small-loader {
  background-size: 20px;
}

.loading-object-white {
  background-image: url(images/img/loader-light-white.svg);
}

.loading-circle {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 20px;
  width: 20px;
  margin: 0px 0 0 -4px;
  border: 3px rgba(0, 0, 0, 0.25) solid;
  border-top: 3px #5f6fff solid;
  border-bottom: 3px #5f6fff solid;
  border-radius: 50%;
  -webkit-animation: spin1 1s infinite linear;
  animation: spin1 1s infinite linear;
}

@-webkit-keyframes spin1 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin1 {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.white-preview {
  background-color: white;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.content-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.content-right {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
}

.pointer {
  cursor: pointer;
}

md-toast {
  z-index: 2147483638 !important;
  overflow: visible !important;
}
md-toast .md-toast-content {
  background-color: white !important;
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
  border-radius: 6px;
}
md-menu-content > span {
  display: none;
}

.md-scroll-mask {
  z-index: 2147483449;
  background-color: #8080802b;
}

._md.md-open-menu-container {
  z-index: 2147483550;
  left: inherit !important;
  right: 0px;
  width: 350px;
  box-shadow: 5px 0px 10px rgba(28, 53, 150, 0.1) !important;
}
._md.md-open-menu-container md-date-range-picker .md-date-range-picker__one-panel {
  max-width: 350px;
  box-shadow: inherit;
  border-bottom: 1px solid #ecf1f5;
}
._md.md-open-menu-container md-menu-content > p {
  padding: 8px;
}
._md.md-open-menu-container md-menu-content > p button {
  width: 100%;
  height: 45px;
  border-radius: 3px;
  box-shadow: 0px 0px 15px rgba(51, 70, 237, 0.3) !important;
}
._md.md-open-menu-container .md-date-range-picker__calendar-wrapper {
  margin-top: 12px;
  width: 316px;
  margin: 0 auto;
}
._md.md-open-menu-container .md-date-range-picker__calendar .md-date-range-picker__calendar__selected {
  background: #89a0ff;
}
._md.md-open-menu-container .md-date-range-picker__month-year {
  background: white;
}
._md.md-open-menu-container .md-date-range-picker__week {
  background: #f6f7fb;
  border-radius: 3px;
}

.work-datepicker {
  padding-right: 0px;
}
.work-datepicker md-menu {
  width: 100%;
  padding: 10px;
}
.work-datepicker md-menu .md-select-value {
  width: 100%;
  padding: 0;
  border-bottom: 0;
}
.work-datepicker md-menu .md-select-value span:first-child {
  padding-left: 2px;
}

.angular-ui-tree-placeholder {
  background-color: #e4e8f0;
  border-radius: 8px;
  box-shadow: inset 0px 0px 15px rgba(0, 0, 0, 0.05);
}

/* POPUP GENERATION */
.next-state {
  position: absolute;
  bottom: 0;
  z-index: 1000;
}

.report-gen-dialog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  width: calc(100% - 32px);
  height: calc(100% - 32px);
  max-width: inherit;
  max-height: inherit;
  overflow: hidden;
  -webkit-transform: inherit !important;
  transform: inherit !important;
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
  background-color: #f6f7fb;
}

.report-gen-dialog .disable-bloc {
  opacity: 0.6;
}

.gen-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  background-color: #f6f7fb;
}

.gen-nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  z-index: 2;
  height: 50px;
  background-color: white;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}

.gen-nav-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  width: 200px;
}

.gen-nav-btn, .btn-close {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  cursor: pointer;
  padding: 16px 16px;
}
.gen-nav-btn .btn-circle, .btn-close .btn-circle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 100%;
  background-color: #7787a8;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.gen-nav-btn span, .btn-close span {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  margin-top: 1px;
  margin-right: 6px;
  color: #7787a8;
}
.gen-nav-btn:hover .btn-circle, .btn-close:hover .btn-circle {
  background-color: #465576;
}
.gen-nav-btn:hover span, .btn-close:hover span {
  color: #465576;
}

.gen-nav-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 200px;
}
.gen-nav-left .gen-nav-btn, .gen-nav-left .btn-close {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.gen-nav-left .gen-nav-btn img, .gen-nav-left .btn-close img {
  margin-left: 0px;
}
.gen-nav-left .gen-nav-btn span, .gen-nav-left .btn-close span {
  margin-left: 6px;
}

.gen-nav-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.gen-nav-title p {
  width: 100%;
  text-align: center;
}

.gen-content-body-scroll, .gen-content-body {
  overflow-y: auto;
}
.gen-content-body-scroll .gen-content, .gen-content-body .gen-content {
  overflow-y: unset;
}

.gen-content-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 1200px;
  height: 100%;
  max-width: 90%;
  margin: 0 auto;
}
.gen-content-body.gen-content-body-settings {
  width: 900px;
}

.gen-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
  width: 100%;
  overflow-y: auto;
}

.gen-content-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 15px 15px 0 15px;
  margin-top: 6px;
  margin-bottom: 20px;
  width: 100%;
}
.gen-content-header .gen-content-header-left .btn {
  margin-right: 10px;
}
.gen-content-header .gen-content-header-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

.gen-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  height: 60px;
  position: relative;
  padding: 0 16px;
  background-color: white;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
  display: none;
}
.gen-footer .gen-footer-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
}

/* State 1 */
.gen-content-models {
  margin-top: 30px;
}

.export_prefs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.export-pref-cat {
  margin-bottom: 14px;
}
.export-pref-cat .export-pref-cat-title {
  margin-bottom: 8px;
}
.export-pref-cat .export-pref-cat-title img {
  margin-right: 7px;
}
.export-pref-cat .export-pref-cat-title span {
  font-size: 11px;
}

.export-bloc {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 14px;
}
.export-bloc .export-main {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  height: 70px;
  padding: 16px 16px;
  cursor: pointer;
}
.export-bloc .export-main p {
  margin-top: 4px;
}
.export-bloc .export-main:hover {
  background-color: #fbfbfd;
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
}
.export-bloc .export-main:active {
  background-color: #f6f7fb;
}
.export-bloc .export-main .export-group-img {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
}
.export-bloc .export-options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  margin-left: 10px;
  cursor: pointer;
}
.export-bloc .export-options:hover {
  background-color: #fbfbfd;
  box-shadow: 0px 2px 20px rgba(28, 53, 150, 0.16);
}
.export-bloc .export-options:focus {
  background-color: #f6f7fb;
}

.exports-saved .export-main span {
  width: calc(100% - 56px);
}

/* 1.1 Settings */
.gen-settings .form-dropdown-btn, .gen-settings .form-dropdown-btn-inside, .gen-settings .work-datepicker {
  min-height: 50px;
  text-indent: 0;
}
.gen-settings .separator-title {
  margin-top: 10px;
  font-size: 11px;
}
.gen-settings .dropdown-menu .dropdown-list-item, .gen-settings .plan-select .dropdown-menu .dropdown-menu-inner a, .plan-select .gen-settings .dropdown-menu .dropdown-menu-inner a {
  height: 50px;
}

.gen-settings-modal {
  background-color: #ffffff7c;
}
.gen-settings-modal .modal-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: 40px;
}
.gen-settings-modal .modal-body p {
  padding-top: 7px;
  font-weight: 400;
  height: 0;
}

.collapse-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}
.collapse-form > div {
  margin-bottom: 14px;
}
.collapse-form label {
  font-size: 11px;
}

.form-pref > div:last-child {
  padding-bottom: 70px;
}

.form-collapse {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  border-radius: 4px;
  height: auto;
  padding: 0;
}
.form-collapse .form-collapse-border {
  position: absolute;
  z-index: 100;
  left: 0;
  height: 100%;
  width: 3px;
  background-color: #5f6fff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.form-collapse .form-collapse-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 10px;
}
.form-collapse .form-collapse-header > span {
  padding-left: 4px;
}
.form-collapse .form-collapse-content-wrap {
  width: 100%;
  border-top: 1px solid #dee7ef;
}
.form-collapse .form-collapse-content {
  width: 100%;
  padding: 20px 20px 15px 20px;
}
.form-collapse .form-collapse-content .formly-field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px;
}
.form-collapse .form-collapse-content .formly-field > * {
  margin: 0;
}
.form-collapse .form-collapse-content .formly-field label {
  text-indent: 0;
  margin-bottom: 3px;
}
.form-collapse .form-collapse-content .formly-field .separator-title {
  color: #465576;
  font-size: 11px;
  padding: 0;
}
.form-collapse .form-collapse-content .formly-field .color-picker-wrapper .input-group .input-group-addon {
  border-radius: 4px;
  width: 100%;
  border: 1px solid #dee7ef;
}
.form-collapse .form-collapse-content .formly-field .color-picker-wrapper .input-group .color-picker-input-swatch {
  position: relative;
  min-width: 200px;
  padding-left: inherit;
  margin-left: 14px;
  text-indent: 16px;
}
.form-collapse .form-collapse-content .formly-field .color-picker-wrapper .input-group .color-picker-input-swatch::after {
  content: "#";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 12px;
  margin: auto;
}

/* 2 Export parts */
.export-parts-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.export-parts-content label {
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  height: 60px;
  margin-bottom: 2px;
  padding: 12px 14px;
}
.export-parts-content label .control_indicator {
  margin-right: 18px;
}
.export-parts-content label span {
  margin-left: 10px;
}
.export-parts-content label:hover {
  background-color: #f7f8fa;
}
.export-parts-content .export-parts-section-level-0 {
  margin-top: 20px;
}
.export-parts-content .export-parts-section-level-0:last-child {
  padding-bottom: 80px;
}
.export-parts-content > .export-parts-section-level-0:nth-of-type(1) {
  margin-top: 0;
}
.export-parts-content .export-parts-section-level-1 {
  margin-left: 20px;
}
.export-parts-content .export-parts-section-level-2 {
  margin-left: 40px;
}
.export-parts-content .export-parts-section-level-3 {
  margin-left: 60px;
}

/* 3 Preview */
.gen-content-gray {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background-color: #e4e8f0;
  overflow: hidden;
  height: 100%;
  margin-bottom: 0;
  padding: 0;
}

.pdf-iframe {
  width: 100%;
  height: 100%;
  box-shadow: 0px 15px 30px rgba(28, 53, 150, 0.16);
}
.pdf-iframe body {
  background-color: transparent !important;
}

.xls-gen {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  text-align: center;
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
}
.xls-gen .xls-gen-images {
  position: relative;
  cursor: pointer;
}
.xls-gen .xls-gen-images:hover .xls-gen-download {
  opacity: 1;
}
.xls-gen .xls-gen-images img:first-child {
  box-shadow: 0px 15px 30px rgba(28, 53, 150, 0.16);
  border-radius: 6px;
  max-width: 260px;
  margin: 20px auto 0 auto;
}
.xls-gen .xls-gen-images .xls-gen-download {
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 50px;
  opacity: 0.6;
}
.xls-gen .xls-gen-span {
  margin-top: 50px;
  margin-bottom: 50px;
}

/* 4 Actors selection */
.gen-signature-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: start;
  -moz-justify-content: start;
  justify-content: start;
}

/* 5 Email Preview */
.gen-live-activation .btn {
  padding: 0 7px;
}
.gen-live-activation .btn img {
  width: 22px;
  margin-right: 5px;
}
.gen-live-activation .btn .text-main, .gen-live-activation .btn .gantt_task_content .gantt_task_label, .gantt_task_content .gen-live-activation .btn .gantt_task_label, .gen-live-activation .btn #ganttctrl #gantt_global .gantt_grid_scale, #ganttctrl #gantt_global .gen-live-activation .btn .gantt_grid_scale,
.gen-live-activation .btn #ganttctrl #gantt_global .gantt_grid_scale .gantt_grid_head_cell,
#ganttctrl #gantt_global .gantt_grid_scale .gen-live-activation .btn .gantt_grid_head_cell, .gen-live-activation .btn .nav-switch .switch-item.active-switch span, .nav-switch .switch-item.active-switch .gen-live-activation .btn span, .gen-live-activation .btn .modal-title, .gen-live-activation .btn .form-list .form-list-bloc label, .form-list .form-list-bloc .gen-live-activation .btn label, .gen-live-activation .btn md-toast .md-toast-content span, md-toast .md-toast-content .gen-live-activation .btn span, .gen-live-activation .btn .form-collapse .form-collapse-content .formly-field .separator-title, .form-collapse .form-collapse-content .formly-field .gen-live-activation .btn .separator-title, .gen-live-activation .btn .export-parts-content label h2, .export-parts-content label .gen-live-activation .btn h2 {
  margin-right: 10px;
}
.gen-live-activation .btn input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.gen-live-activation .btn label {
  cursor: pointer;
  text-indent: -9999px;
  width: 30px;
  height: 16px;
  background-color: #e4e8f0;
  display: block;
  border-radius: 100px;
  position: relative;
  transition: 0.3s;
  pointer-events: none;
}
.gen-live-activation .btn label::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}
.gen-live-activation .btn input:checked + label {
  background: #6d84fa;
}
.gen-live-activation .btn input:checked + label::after {
  left: calc(100% - 3px);
  transform: translateX(-100%);
}
.gen-live-activation .btn label:active::after {
  width: 24px;
}
.gen-live-activation .live-icon-info {
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  opacity: 0.7;
  cursor: pointer;
}
.gen-live-activation .live-icon-info:hover {
  opacity: 1;
}

.gen-content-preview {
  display: block !important;
  overflow-y: auto;
  padding-bottom: 50px;
}
.gen-content-preview .mail-bg {
  margin-bottom: 60px;
  background-color: transparent;
}
.gen-content-preview .mail-bg .wrapper {
  margin-top: 40px !important;
  border-radius: 8px;
  box-shadow: 0px 15px 30px rgba(28, 53, 150, 0.08);
}
.gen-content-preview .mail-bg .wrapper .editor-subject {
  max-width: 470px;
  overflow-y: auto;
}
.gen-content-preview .mail-bg .wrapper .editor-content {
  max-width: 470px;
  overflow-y: auto;
}
.gen-content-preview.gen-content-actors {
  padding-bottom: inherit;
  margin-bottom: 50px;
}
.gen-content-preview.gen-content-actors .l-full.o-bloc-main, .gen-content-preview.gen-content-actors .l-full.fullscreen-viewer-container, .gen-content-preview.gen-content-actors .l-full.message.opened-card, .gen-content-preview.gen-content-actors .armodal-body.armodal-fullscreen .l-full.armodal-content, .armodal-body.armodal-fullscreen .gen-content-preview.gen-content-actors .l-full.armodal-content, .gen-content-preview.gen-content-actors .public-viewer .l-full.pdf-public-viewer, .public-viewer .gen-content-preview.gen-content-actors .l-full.pdf-public-viewer, .gen-content-preview.gen-content-actors .old-browser-dialog .browsers-choices .l-full.browser-choice, .old-browser-dialog .browsers-choices .gen-content-preview.gen-content-actors .l-full.browser-choice, .gen-content-preview.gen-content-actors .call-back .l-full.call-back-wrap, .call-back .gen-content-preview.gen-content-actors .l-full.call-back-wrap, .gen-content-preview.gen-content-actors .annexe-page .l-full.annexe-wrap, .annexe-page .gen-content-preview.gen-content-actors .l-full.annexe-wrap, .gen-content-preview.gen-content-actors .l-full.sm-message-wrap, .gen-content-preview.gen-content-actors .export-bloc .l-full.export-main, .export-bloc .gen-content-preview.gen-content-actors .l-full.export-main, .gen-content-preview.gen-content-actors .export-bloc .l-full.export-options, .export-bloc .gen-content-preview.gen-content-actors .l-full.export-options, .gen-content-preview.gen-content-actors .export-parts-content label.l-full, .export-parts-content .gen-content-preview.gen-content-actors label.l-full {
  padding-bottom: 0;
  margin-bottom: 0;
  background-color: #f6f7fb;
}
.gen-content-preview.gen-content-actors .l-full.o-bloc-main .o-list-lines-table, .gen-content-preview.gen-content-actors .l-full.fullscreen-viewer-container .o-list-lines-table, .gen-content-preview.gen-content-actors .l-full.message.opened-card .o-list-lines-table, .gen-content-preview.gen-content-actors .armodal-body.armodal-fullscreen .l-full.armodal-content .o-list-lines-table, .armodal-body.armodal-fullscreen .gen-content-preview.gen-content-actors .l-full.armodal-content .o-list-lines-table, .gen-content-preview.gen-content-actors .public-viewer .l-full.pdf-public-viewer .o-list-lines-table, .public-viewer .gen-content-preview.gen-content-actors .l-full.pdf-public-viewer .o-list-lines-table, .gen-content-preview.gen-content-actors .old-browser-dialog .browsers-choices .l-full.browser-choice .o-list-lines-table, .old-browser-dialog .browsers-choices .gen-content-preview.gen-content-actors .l-full.browser-choice .o-list-lines-table, .gen-content-preview.gen-content-actors .call-back .l-full.call-back-wrap .o-list-lines-table, .call-back .gen-content-preview.gen-content-actors .l-full.call-back-wrap .o-list-lines-table, .gen-content-preview.gen-content-actors .annexe-page .l-full.annexe-wrap .o-list-lines-table, .annexe-page .gen-content-preview.gen-content-actors .l-full.annexe-wrap .o-list-lines-table, .gen-content-preview.gen-content-actors .l-full.sm-message-wrap .o-list-lines-table, .gen-content-preview.gen-content-actors .export-bloc .l-full.export-main .o-list-lines-table, .export-bloc .gen-content-preview.gen-content-actors .l-full.export-main .o-list-lines-table, .gen-content-preview.gen-content-actors .export-bloc .l-full.export-options .o-list-lines-table, .export-bloc .gen-content-preview.gen-content-actors .l-full.export-options .o-list-lines-table, .gen-content-preview.gen-content-actors .export-parts-content label.l-full .o-list-lines-table, .export-parts-content .gen-content-preview.gen-content-actors label.l-full .o-list-lines-table {
  padding-top: 12px;
}
.gen-content-preview.gen-content-actors .l-full.o-bloc-main .o-list-lines-table .o-list-line, .gen-content-preview.gen-content-actors .l-full.fullscreen-viewer-container .o-list-lines-table .o-list-line, .gen-content-preview.gen-content-actors .l-full.message.opened-card .o-list-lines-table .o-list-line, .gen-content-preview.gen-content-actors .armodal-body.armodal-fullscreen .l-full.armodal-content .o-list-lines-table .o-list-line, .armodal-body.armodal-fullscreen .gen-content-preview.gen-content-actors .l-full.armodal-content .o-list-lines-table .o-list-line, .gen-content-preview.gen-content-actors .public-viewer .l-full.pdf-public-viewer .o-list-lines-table .o-list-line, .public-viewer .gen-content-preview.gen-content-actors .l-full.pdf-public-viewer .o-list-lines-table .o-list-line, .gen-content-preview.gen-content-actors .old-browser-dialog .browsers-choices .l-full.browser-choice .o-list-lines-table .o-list-line, .old-browser-dialog .browsers-choices .gen-content-preview.gen-content-actors .l-full.browser-choice .o-list-lines-table .o-list-line, .gen-content-preview.gen-content-actors .call-back .l-full.call-back-wrap .o-list-lines-table .o-list-line, .call-back .gen-content-preview.gen-content-actors .l-full.call-back-wrap .o-list-lines-table .o-list-line, .gen-content-preview.gen-content-actors .annexe-page .l-full.annexe-wrap .o-list-lines-table .o-list-line, .annexe-page .gen-content-preview.gen-content-actors .l-full.annexe-wrap .o-list-lines-table .o-list-line, .gen-content-preview.gen-content-actors .l-full.sm-message-wrap .o-list-lines-table .o-list-line, .gen-content-preview.gen-content-actors .export-bloc .l-full.export-main .o-list-lines-table .o-list-line, .export-bloc .gen-content-preview.gen-content-actors .l-full.export-main .o-list-lines-table .o-list-line, .gen-content-preview.gen-content-actors .export-bloc .l-full.export-options .o-list-lines-table .o-list-line, .export-bloc .gen-content-preview.gen-content-actors .l-full.export-options .o-list-lines-table .o-list-line, .gen-content-preview.gen-content-actors .export-parts-content label.l-full .o-list-lines-table .o-list-line, .export-parts-content .gen-content-preview.gen-content-actors label.l-full .o-list-lines-table .o-list-line {
  background-color: white;
  border-top: 1px solid #f0f1f7;
  margin-top: -1px;
}
.gen-content-preview.gen-content-actors .l-full.o-bloc-main .o-list-lines-table .o-list-line-account, .gen-content-preview.gen-content-actors .l-full.fullscreen-viewer-container .o-list-lines-table .o-list-line-account, .gen-content-preview.gen-content-actors .l-full.message.opened-card .o-list-lines-table .o-list-line-account, .gen-content-preview.gen-content-actors .armodal-body.armodal-fullscreen .l-full.armodal-content .o-list-lines-table .o-list-line-account, .armodal-body.armodal-fullscreen .gen-content-preview.gen-content-actors .l-full.armodal-content .o-list-lines-table .o-list-line-account, .gen-content-preview.gen-content-actors .public-viewer .l-full.pdf-public-viewer .o-list-lines-table .o-list-line-account, .public-viewer .gen-content-preview.gen-content-actors .l-full.pdf-public-viewer .o-list-lines-table .o-list-line-account, .gen-content-preview.gen-content-actors .old-browser-dialog .browsers-choices .l-full.browser-choice .o-list-lines-table .o-list-line-account, .old-browser-dialog .browsers-choices .gen-content-preview.gen-content-actors .l-full.browser-choice .o-list-lines-table .o-list-line-account, .gen-content-preview.gen-content-actors .call-back .l-full.call-back-wrap .o-list-lines-table .o-list-line-account, .call-back .gen-content-preview.gen-content-actors .l-full.call-back-wrap .o-list-lines-table .o-list-line-account, .gen-content-preview.gen-content-actors .annexe-page .l-full.annexe-wrap .o-list-lines-table .o-list-line-account, .annexe-page .gen-content-preview.gen-content-actors .l-full.annexe-wrap .o-list-lines-table .o-list-line-account, .gen-content-preview.gen-content-actors .l-full.sm-message-wrap .o-list-lines-table .o-list-line-account, .gen-content-preview.gen-content-actors .export-bloc .l-full.export-main .o-list-lines-table .o-list-line-account, .export-bloc .gen-content-preview.gen-content-actors .l-full.export-main .o-list-lines-table .o-list-line-account, .gen-content-preview.gen-content-actors .export-bloc .l-full.export-options .o-list-lines-table .o-list-line-account, .export-bloc .gen-content-preview.gen-content-actors .l-full.export-options .o-list-lines-table .o-list-line-account, .gen-content-preview.gen-content-actors .export-parts-content label.l-full .o-list-lines-table .o-list-line-account, .export-parts-content .gen-content-preview.gen-content-actors label.l-full .o-list-lines-table .o-list-line-account,
.gen-content-preview.gen-content-actors .l-full.o-bloc-main .o-list-lines-table .o-list-line-project,
.gen-content-preview.gen-content-actors .l-full.fullscreen-viewer-container .o-list-lines-table .o-list-line-project,
.gen-content-preview.gen-content-actors .l-full.message.opened-card .o-list-lines-table .o-list-line-project,
.gen-content-preview.gen-content-actors .armodal-body.armodal-fullscreen .l-full.armodal-content .o-list-lines-table .o-list-line-project,
.armodal-body.armodal-fullscreen .gen-content-preview.gen-content-actors .l-full.armodal-content .o-list-lines-table .o-list-line-project,
.gen-content-preview.gen-content-actors .public-viewer .l-full.pdf-public-viewer .o-list-lines-table .o-list-line-project,
.public-viewer .gen-content-preview.gen-content-actors .l-full.pdf-public-viewer .o-list-lines-table .o-list-line-project,
.gen-content-preview.gen-content-actors .old-browser-dialog .browsers-choices .l-full.browser-choice .o-list-lines-table .o-list-line-project,
.old-browser-dialog .browsers-choices .gen-content-preview.gen-content-actors .l-full.browser-choice .o-list-lines-table .o-list-line-project,
.gen-content-preview.gen-content-actors .call-back .l-full.call-back-wrap .o-list-lines-table .o-list-line-project,
.call-back .gen-content-preview.gen-content-actors .l-full.call-back-wrap .o-list-lines-table .o-list-line-project,
.gen-content-preview.gen-content-actors .annexe-page .l-full.annexe-wrap .o-list-lines-table .o-list-line-project,
.annexe-page .gen-content-preview.gen-content-actors .l-full.annexe-wrap .o-list-lines-table .o-list-line-project,
.gen-content-preview.gen-content-actors .l-full.sm-message-wrap .o-list-lines-table .o-list-line-project,
.gen-content-preview.gen-content-actors .export-bloc .l-full.export-main .o-list-lines-table .o-list-line-project,
.export-bloc .gen-content-preview.gen-content-actors .l-full.export-main .o-list-lines-table .o-list-line-project,
.gen-content-preview.gen-content-actors .export-bloc .l-full.export-options .o-list-lines-table .o-list-line-project,
.export-bloc .gen-content-preview.gen-content-actors .l-full.export-options .o-list-lines-table .o-list-line-project,
.gen-content-preview.gen-content-actors .export-parts-content label.l-full .o-list-lines-table .o-list-line-project,
.export-parts-content .gen-content-preview.gen-content-actors label.l-full .o-list-lines-table .o-list-line-project {
  margin-bottom: 12px;
}

/* 6 Email sent */
.gen-content-center {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.gen-content-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 15px 30px rgba(28, 53, 150, 0.08);
  width: 500px;
  max-width: 100%;
}

.gen-success-sending {
  padding-top: 30px;
  padding-bottom: 40px;
}
.gen-success-sending p {
  text-align: center;
  max-width: 350px;
  margin: 0 auto;
  margin-top: 0;
  margin-bottom: 20px;
}
.gen-success-sending h2 {
  font-weight: 400;
  text-align: center;
  font-size: 24px !important;
}
.gen-success-sending button {
  margin-top: 45px;
  margin-bottom: -25px;
}
.gen-success-sending img {
  margin-top: 30px;
  width: 497px;
}

/* Signatures dialog */
.sign-nav .gen-nav-right {
  margin-right: 10px;
}

.sign-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background-color: #e4e8f0;
  width: 100%;
  height: 100%;
  border-width: 0 3px 3px 0;
  border-style: solid;
  border-color: white;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}
.sign-body .actors-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow-y: auto;
  max-width: 100%;
  width: 400px;
  background-color: white;
  box-shadow: 0px 0px 15px rgba(28, 53, 150, 0.1);
}
.sign-body .actors-select > div {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.sign-body .actors-select .actor-active {
  background-color: #5f6fff;
}
.sign-body .actors-select .actor-active h2 {
  color: white;
}
.sign-body .actors-select .sign-actor {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.sign-body .actors-select .sign-actor .text-regular, .sign-body .actors-select .sign-actor .gantt_row .gantt_tree_content, .gantt_row .sign-body .actors-select .sign-actor .gantt_tree_content, .sign-body .actors-select .sign-actor #gantt_global .gantt_task .gantt_task_scale .gantt_scale_cell, #gantt_global .gantt_task .gantt_task_scale .sign-body .actors-select .sign-actor .gantt_scale_cell, .sign-body .actors-select .sign-actor .nav-switch .switch-item span, .nav-switch .switch-item .sign-body .actors-select .sign-actor span, .sign-body .actors-select .sign-actor .rmk-desc p h1, .rmk-desc p .sign-body .actors-select .sign-actor h1,
.sign-body .actors-select .sign-actor .rmk-desc p h2,
.rmk-desc p .sign-body .actors-select .sign-actor h2,
.sign-body .actors-select .sign-actor .rmk-desc p h3,
.rmk-desc p .sign-body .actors-select .sign-actor h3,
.sign-body .actors-select .sign-actor .rmk-desc p h4,
.rmk-desc p .sign-body .actors-select .sign-actor h4,
.sign-body .actors-select .sign-actor .rmk-desc p h5,
.rmk-desc p .sign-body .actors-select .sign-actor h5, .sign-body .actors-select .sign-actor .rmk-desc p font, .rmk-desc p .sign-body .actors-select .sign-actor font,
.sign-body .actors-select .sign-actor .rmk-desc p span,
.rmk-desc p .sign-body .actors-select .sign-actor span, .sign-body .actors-select .sign-actor .remark-edit .fr-placeholder, .remark-edit .sign-body .actors-select .sign-actor .fr-placeholder, .sign-body .actors-select .sign-actor .observation-form .fr-placeholder, .observation-form .sign-body .actors-select .sign-actor .fr-placeholder, .sign-body .actors-select .sign-actor .licence-state-bloc span, .licence-state-bloc .sign-body .actors-select .sign-actor span, .sign-body .actors-select .sign-actor .sub-offers .sub-offer ul li span, .sub-offers .sub-offer ul li .sign-body .actors-select .sign-actor span, .sign-body .actors-select .sign-actor .notes-editor .fr-placeholder, .notes-editor .sign-body .actors-select .sign-actor .fr-placeholder, .sign-body .actors-select .sign-actor .o-list-header span, .o-list-header .sign-body .actors-select .sign-actor span, .sign-body .actors-select .sign-actor .export-parts-content label span, .export-parts-content label .sign-body .actors-select .sign-actor span {
  margin-top: 3px;
}
.sign-body .actors-select .sign-pic {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.sign-body .actors-select .sign-pic img {
  width: 18px;
}

.signing-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  width: 100%;
}
.signing-area .sign-drawzone {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 480px;
  height: 480px;
  border-radius: 8px;
  overflow: hidden;
}
.signing-area .sign-drawzone #signature-canvas {
  height: 480px;
}

.formly-field .is-new {
  position: relative;
}

.formly-field .is-new div {
  position: absolute;
  right: 0;
  font-size: 11px;
  color: #00ce9b;
  line-height: 13px;
  padding: 0 3px;
  top: -30px;
  font-weight: bold;
}

/* MAIN BLOC - Loader */
.progress-gen {
  -webkit-align-self: flex-start;
  -moz-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  width: 100%;
  height: 8px;
  overflow: inherit;
  background-color: #ced5e4;
  border-radius: 0;
}
.progress-gen .progress-bar {
  min-width: 5%;
  border-radius: 0;
}

.loading-state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  width: 100%;
}

.gen-spacing {
  height: 10%;
}

.loading-state .dial-loading-bloc {
  text-align: center;
}

.dial-loading-spin {
  position: relative;
  margin: 0 auto;
}

.dial-loading-spin span {
  color: #00b98b;
  font-weight: 600;
}

.loading-gen-span, .xls-gen .xls-gen-span {
  display: block;
  margin-bottom: 30px;
  font-size: 20px;
  font-weight: 400;
}

.dial-loading-bloc .errored {
  color: #d42b2b;
  font-size: 20px;
}

.loading-gen-state-span {
  color: #3a3a3a;
  display: block;
  margin-top: 4px;
  font-size: 14px;
}

.loading-state .hide-dialog-bloc {
  position: absolute;
  bottom: 100px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
}

.loading-state .black-button {
  display: inline-block;
  background-color: #454545;
  border-radius: 3px;
  cursor: pointer;
  outline: 0;
  transition-duration: 0.4s;
}

.hide-dialog-bloc .black-button:hover {
  background-color: #363636;
}

.hide-dialog-bloc .black-button:active {
  background-color: black;
}

.hide-dialog-bloc .black-button span {
  font-size: 14px;
  display: inline-block;
  padding: 12px 22px;
  color: white;
}

.hide-dialog-bloc .hide-dialog-label {
  display: block;
  margin-top: 10px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  color: #707070;
}

.gen-list-loader {
  margin-left: auto;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

.mail-attachement-title {
  color: #7787a8;
  font-family: Verdana;
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 12px;
  padding-bottom: 0px;
  margin-left: 24px;
}

.mail-attachement-extension {
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: Verdana;
  display: inline-block;
  color: white;
  font-size: 10px;
  padding: 8px 3px;
  margin-right: 10px;
  width: 30px;
  text-align: center;
  border-radius: 8px;
}

.mail-attachement-link {
  color: #7787a8 !important;
  font-family: Verdana;
  font-size: 13px;
  text-decoration: underline !important;
}

.recipients {
  position: absolute;
  top: 46px;
  left: 0;
  z-index: 100;
  width: 350px;
  height: 100%;
  background-color: #f6f6f6;
  transition-duration: 0.4s;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.19);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.main-frame-wrap {
  position: absolute;
  top: 46px;
  right: 0;
  width: calc(100% - 350px);
  background-color: transparent;
  height: 100%;
}

.main-frame-wrap .gen-dynamic-content {
  position: relative;
  width: calc(100% - 17px);
  height: calc(100% - 125px);
  margin: inherit;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.mail-position {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 20px auto;
  width: 70%;
  height: 70%;
  max-width: 560px;
}

.mail-bg {
  background-color: white;
}

.preview_email {
  margin: 0;
  padding: 0;
}

.preview_email #main-frame {
  transform: scale(0.8);
  font-family: "Verdana";
  width: 100%;
  margin-top: 20px;
  border-radius: 3px;
  min-height: 100px;
  border: 1px solid rgba(50, 142, 223, 0.4);
  text-align: center;
  margin: auto;
}

#reminder-logo {
  opacity: 0.8;
  width: 45px;
  margin-top: 15px;
  margin-bottom: 20px;
}

#appinfos-frame {
  margin-top: 10px;
  margin: auto;
  max-width: 560px;
  width: 100%;
  text-align: center;
}

#appinfos {
  font-size: 12px;
  line-height: 18px;
  color: #a3a3a3;
  font-weight: 300;
}

#appinfos a {
  color: #3a599d;
  cursor: default;
}

#reminder-content {
  display: inline-block;
  text-align: left;
  margin-bottom: 30px;
  font-size: 14px;
  width: 100%;
  word-wrap: break-word;
}

#report-button {
  margin-top: 25px;
  margin-bottom: 15px;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}

.alizarin-flat-button {
  display: block;
  position: relative;
  vertical-align: top;
  width: 100%;
  height: 50px;
  line-height: 50px;
  padding: 0;
  font-size: 18px;
  color: white;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
  background: #e74c3c;
  border: 0;
  border-bottom: 2px solid #db4334;
  cursor: default;
  -webkit-box-shadow: inset 0 -2px #db4334;
  box-shadow: inset 0 -2px #db4334;
  border-radius: 2px;
  text-decoration: none;
}

.alizarin-flat-button:active {
  outline: none;
  /*    -webkit-box-shadow: none;*/
  /*    box-shadow: none;*/
}

.recipients-text {
  display: block;
  padding: 10px 11px;
  background-color: #5f6fff;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: 11px;
}

.recipients-emails {
  font-size: 13px;
  margin-top: 0px;
  padding: 0px 10px;
}

.recipients-emails li {
  padding: 10px 0px;
  border-bottom: 1px solid #e0e0e0;
}

ul.recipients-emails li:last-child {
  margin-bottom: 50px;
  border-bottom: inherit !important;
}

.preview-actor-email {
  color: gray;
}

#report-content {
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
}

#edit-content-img {
  height: 30px;
  vertical-align: middle;
  margin-right: 5px;
}

#edit-content-link {
  font-size: 22px;
}

.editor {
  box-shadow: 0 0 2px #CCC;
  overflow: auto;
  resize: vertical;
  outline: none;
  transition: box-shadow 0.3s ease-in-out;
}

.editor:hover {
  box-shadow: 0 0 3px #848484;
}

#company-name {
  font-size: 16px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 15px;
  text-align: center;
  width: 100%;
  color: #328edf;
}

#report-direct-link {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 10px;
}

#report-direct-link a {
  color: #3a599d;
  font-size: 12px;
  cursor: default;
}

.gen-email-preview {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.preview-attachment {
  width: 50%;
  padding: 0;
  text-align: center;
  margin-top: 25px;
  margin-bottom: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.preview-attachment h3 {
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 5px;
  padding-bottom: 0px;
}

.timeline-background {
  background: #f6f6f6;
}

.timeline md-content {
  background-color: transparent !important;
}

.timeline md-tabs-canvas {
  background-color: white !important;
}

.timeline header md-toolbar {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28);
}

.timeline footer {
  padding: 16px;
}

.timeline md-content#main.md-blue-theme {
  background-color: #ececec;
}

md-card {
  background-color: #ffffff;
  border-radius: 0px;
  cursor: pointer;
  margin: 0;
}

.timeline .collapsed-row span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mail-opened-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  height: 55px;
}

.mail-opened-top {
  padding: 14px;
}

.mail-message-content {
  margin-left: 75px;
  font-size: 15px;
  font-weight: 300;
  letter-spacing: inherit;
  margin-bottom: 20px;
}

.mail-date {
  float: right;
  padding-right: 20px;
  font-size: 13px;
  line-height: inherit;
  margin: inherit;
  color: gray;
}

.round-container {
  position: relative;
  float: left;
  width: 8%;
  max-width: 48px;
  min-width: 48px;
  height: 48px;
  margin: 8px;
  margin-left: 13px;
  margin-right: 13px;
  border-radius: 30px;
  border: 1px solid #ddd;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.round-face {
  position: absolute;
  border-radius: 30px;
  min-width: 100%;
  min-height: 100%;
  transition: 0.7s ease-out;
}

.timeline #mainFab {
  position: fixed;
  right: 2%;
  bottom: 24px;
  background-color: #db4437;
}

.timeline #mainFab svg {
  fill: white;
}

.timeline #fab-popup {
  height: 260px;
  position: fixed;
  right: 2%;
  bottom: 90px;
}

.timeline #main {
  width: 100%;
}

.timeline .card-name {
  display: block;
  float: left;
  width: 17%;
  margin: 0 1%;
  padding: 22px 0;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.timeline .card-title {
  display: block;
  float: left;
  width: 72%;
  margin: 0 1%;
  padding: 22px 0;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.timeline .card-title > div {
  display: inline-block;
  vertical-align: middle;
}

.timeline .card-title .card-left-part {
  max-width: 55%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.timeline .card-title .card-right-part {
  overflow: hidden;
  text-overflow: ellipsis;
}

.timeline .card-title .card-message-subject {
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.timeline .card-title .signature-status {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 95%;
}

.timeline .message-spacer {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.timeline #content {
  min-width: 70%;
  max-width: 860px;
}

.timeline .opened-card {
  transition: margin-top linear 0.1s;
  margin-left: -8px;
  margin-right: -8px;
  margin-bottom: 20px;
  margin-top: 20px;
}

.timeline-closed-card {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

/* animation management */
.animate-if.ng-enter {
  -webkit-transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
  opacity: 0;
}

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
  opacity: 1;
}

/* BORDER MESSAGE TYPES */
.border {
  display: flex;
  border-left: 3px solid;
}

.color-report {
  border-color: #00b689;
}

.color-reminder {
  border-color: #2493c1;
}

.color-sharing {
  border-color: #eb7b4f;
}

.color-file {
  border-color: #002d83;
}

.color-planning {
  border-color: #ff4a4a;
}

.timeline md-chips.read md-chip {
  background-color: rgba(235, 242, 240, 0.6) !important;
}

.timeline md-chips.read md-chip-template {
  color: white;
}

.timeline-message-section {
  width: 100%;
  border-top: 1px solid rgba(211, 211, 211, 0.48);
  padding: 5px 0px 5px 0px;
}

.timeline-message-section h3 {
  margin: 0;
}

.timeline-message-section .md-chips .md-chip {
  border-radius: inherit;
  background-color: rgba(240, 234, 231, 0.6);
  height: 40px;
  line-height: 40px;
}

/*background-color: #f0f0f0;*/
.timeline-message-section md-chip-template, .timeline-message-section md-chip-template {
  color: #484848 !important;
  font-weight: 400;
  font-size: 14px;
}

.chip-title {
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 14px !important;
  cursor: default;
  color: #4e4e4e;
}

.timeline md-chips-wrap {
  box-shadow: none;
}

.timeline-buttons-wrap {
  display: flex;
  border-top: 1px solid rgba(211, 211, 211, 0.48);
  width: 100%;
  padding-top: 25px;
  padding-bottom: 8px;
}

.message-image-container {
  float: left;
  width: 48px;
  height: 48px;
  margin: 8px;
  margin-left: 10px;
  margin-right: 18px;
  border-radius: 30px;
  border: 1px solid #ddd;
  overflow: hidden;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
}

.message-see-more {
  margin-bottom: 20px;
}

.message-view .ar-button {
  margin-right: 6px;
}

.not-read .message-title {
  font-weight: 700 !important;
}

.read .message-title {
  font-weight: 500;
}

.signature-done {
  padding: 15px;
  font-size: 15px;
  font-weight: 300;
  border-top: 1px solid rgba(211, 211, 211, 0.48);
}

.signature-status {
  border-radius: 4px;
  font-size: 12px;
  padding: 3px 5px;
  transition: all;
  transition-duration: 0.7s;
}

.signature-status.signature-green {
  background-color: rgba(0, 128, 0, 0.61);
}

.signature-status.signature-green.light {
  background-color: rgba(0, 128, 0, 0.25);
}

.signature-status.signature-green:hover {
  background-color: rgba(0, 128, 0, 0.8);
}

.signature-status.signature-orange {
  background-color: rgba(255, 165, 0, 0.61);
}

.signature-status.signature-orange:hover {
  background-color: rgba(255, 165, 0, 0.8);
}

.signature-status.signature-red {
  background-color: rgba(255, 0, 0, 0.61);
}

.signature-status.signature-red:hover {
  background-color: rgba(255, 0, 0, 0.8);
}

.signature-status .signature-status-image {
  display: inline;
  width: 15px;
  margin-right: 4px;
  vertical-align: middle;
  filter: brightness(0) invert(1);
}

.signature-status .signature-status-image.small {
  width: 11px;
}

.signature-status .signature-status-label {
  color: white;
  opacity: 1 !important;
}

.signature-status .signature-status-label.bold {
  font-weight: bold;
}

.message-detail md-card {
  cursor: auto !important;
}

.message-detail md-card .message-expanded {
  outline: 0;
}

.message-back {
  display: inline-block;
  cursor: pointer;
  outline: 0;
  color: #414141;
  margin-left: 15px;
  background-color: #D8D8D8;
  border-radius: 50px;
  font-size: 12px;
  border-bottom: 0px;
  padding: 3px 6px 3px 6px;
  transition-duration: 0.2s;
}

.message-back img {
  width: 9px;
}

.message-detail .ar-no-infos {
  font-size: 16px;
}

.message-detail .ar-no-infos b {
  color: blue;
  text-decoration: underline;
}

/* Attachements in messages */
.message-attachment-list {
  -webkit-column-count: 3;
  /* Chrome, Safari, Opera */
  -moz-column-count: 3;
  /* Firefox */
  column-count: 3;
  padding-left: 10px;
}

.message-attachment-list li {
  list-style-type: none;
}

.message-attachment {
  display: inline-block;
}

.message-attachment .message-attachement-ext {
  display: inline-block;
  width: 25px;
  margin-right: 5px;
  padding: 1px;
  font-size: 8px;
  text-align: center;
  opacity: 0.7;
  text-transform: uppercase;
  color: white;
}

.message-attachment .message-attachement-link {
  font-size: 12px;
  color: #3a599d;
}

/*******/
@media screen and (max-width: 900px) {
  .round-container {
    /*float: left;*/
    width: 15%;
  }

  .timeline .card-name {
    width: 25%;
  }

  .timeline .card-title {
    width: 57%;
  }
}
.todo-dialog {
  width: 70%;
  height: 90%;
  max-width: 1000px;
  max-height: 900px;
}

.todo-container {
  margin-top: 30px;
}

.todo-container .todo-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  min-height: 40px;
  padding-bottom: 3px;
}

.todo-container .todo-row .left {
  flex: 13;
  -webkit-flex: 13;
}

.todo-container .todo-row .right {
  flex: 2;
  -webkit-flex: 2;
  flex-basis: 2em;
  -webkit-flex-basis: 2em;
  text-align: right;
}

.todo-container .todo-row .right img {
  display: inline-block;
  max-height: 35px;
  max-width: 35px;
}

.todo-row-move {
  cursor: move;
  pointer-events: none;
}

.todo-row-trash {
  cursor: pointer;
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -moz-filter: grayscale(1);
  -o-filter: grayscale(1);
  -ms-filter: grayscale(1);
}

.todo-row-trash:hover {
  cursor: pointer;
  filter: grayscale(0);
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -o-filter: grayscale(0);
  -ms-filter: grayscale(0);
}

.todo-container .todo-row span {
  cursor: text;
}

.todo-container .todo-row md-checkbox {
  vertical-align: middle;
  margin: 10px 5px 10px 12px;
}

.todo-container .todo-label {
  font-size: 12px;
  line-height: 40px;
}

.todo-container .todo-input {
  font-size: 12px;
  height: 100%;
  width: 100%;
  border: 0;
}

.todo-add-input {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
  width: calc(100% - 60px);
  border: 0;
  background-image: url(images/button_icons/delete.png);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: 8px 18px;
}

.todo-add-input:focus {
  outline-width: 0;
}

/* LEFT PART */
.todo-dialog .header-left-menu {
  border-bottom: 1px solid #e0e0e0;
  height: 52px;
}

.todo-dialog .left-menu-form {
  background-color: #f1f1f1;
}

.todo-dialog .left-menu-form .header-left-menu {
  line-height: 52px;
  font-weight: 600;
}

.todo-dialog .gen-form-wrap {
  padding-top: 0px;
  width: inherit;
  top: 52px;
  height: calc(100% - 52px);
}

.todo-lists {
  padding: 0;
  margin: 0;
}

.todo-lists .checklist-add {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  font-weight: 600;
  color: #313131;
  transition-duration: 0.2s;
  margin: 14px;
}

.todo-lists .checklist-add:focus {
  background-color: #cbcbcb;
}

.todo-lists .checklist-add img {
  width: 20px;
}

.todo-lists p {
  max-height: 3em;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 14px;
  letter-spacing: 0px;
}

.todo-lists .checklist-add p {
  flex: 16;
  -webkit-flex: 16;
  font-weight: 600;
}

.todo-lists .todo-right-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 15px;
  -moz-flex-basis: 15px;
  -ms-flex-preferred-size: 15px;
  flex-basis: 15px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 10px;
}

.todo-lists .todo-left-icon img {
  vertical-align: sub;
  width: 100%;
  max-width: 18px;
}

.todo-lists .todo-right-icon img {
  vertical-align: sub;
  max-height: 15px;
}

.todo-lists li:focus {
  outline-width: 0;
}

.todo-lists li.checklist-selected p {
  color: white;
  font-weight: 600;
}

.todo-lists li.checklist-selected img {
  filter: brightness(0) invert(1);
  -webkit-filter: brightness(0) invert(1);
  -moz-filter: brightness(0) invert(1);
  -o-filter: brightness(0) invert(1);
  -ms-filter: brightness(0) invert(1);
}

.todo-lists .todo-right-icon .todo-lists-trash {
  height: 18px;
  max-height: inherit;
}

.todos-edit-button {
  float: right;
  margin-top: 12px;
  margin-right: 13px;
}

.todo-tuto {
  font-size: 12px;
  color: #484848;
  padding: 10px;
}

.todo-dialog.select-mode {
  width: 310px !important;
  height: 600px !important;
}

/**
* The dnd-list should always have a min-height,
* otherwise you can't drop to it once it's empty
*/
.todo-dialog ul[dnd-list] {
  min-height: 42px;
  padding-left: 0px;
}

/**
* The dndDraggingSource class will be applied to
* the source element of a drag operation. It makes
* sense to hide it to give the user the feeling
* that he's actually moving it.
*/
.todo-dialog ul[dnd-list] .dndDraggingSource {
  display: none;
}

/**
* An element with .dndPlaceholder class will be
* added to the dnd-list while the user is dragging
* over it.
*/
.todo-dialog ul[dnd-list] .dndPlaceholder {
  display: block;
  background-color: #d1d1d1;
  min-height: 42px;
  border-radius: 7px;
  box-shadow: 0px 0px 10px rgba(144, 144, 144, 0.5) inset;
}

/* RIGHT PART */
.todo-dialog .dial-gen-main {
  background-color: #f8f8fa;
}

.todo-dialog .dial-gen-main.full-width {
  width: 100% !important;
}

.todo-dialog .left-menu-form.no-width {
  width: 0% !important;
  overflow: hidden;
}

.todo-dialog .dial-gen-main .gen-main-header {
  border-bottom: 1px solid #e0e0e0;
  height: 52px;
}

.todo-dialog .dial-gen-main .gen-main-header .btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  width: calc(100% - 33px);
  height: 100%;
}

.checklist-edit {
  margin: 0 !important;
  line-height: 52px;
  font-size: 14px;
}

.todo-dialog .dial-gen-main .gen-main-header .save-btn {
  background-color: #484848;
}

.todo-dialog .dial-gen-main .gen-main-header .save-btn img {
  margin-bottom: 2px;
}

.todo-dialog .dial-gen-main .gen-main-header .save-btn:active {
  background-color: #1d1d1d;
}

.todo-dialog .dial-gen-main .gen-main-header .save-btn.save-btn-disable {
  cursor: default;
  background-color: #c9c9c9;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0);
}

.todo-dialog .dial-gen-main .gen-main-header .save-btn img {
  width: 15px;
  filter: brightness(0) invert(1);
}

.todo-dialog .dial-gen-main .gen-main-header .save-btn.save-btn-disable:hover span {
  opacity: 1;
}

.todo-dialog .dial-gen-main .gen-dynamic-content {
  background-color: #f8f8fa;
  margin: inherit;
  width: 100%;
  padding: 0px 16px;
  overflow: auto;
  height: calc(100% - 52px);
}

.checklist-input-container .checklist-input-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

.checklist-name {
  margin-top: 16px;
  margin-bottom: 30px;
}

.checklist-input-container label {
  line-height: 28px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size: 12px;
}

.checklist-input {
  width: 100%;
  border: inherit;
  padding: inherit;
  border-radius: 7px;
  height: 42px;
  font-size: 14px;
  outline: none;
  border-bottom: 2px solid transparent;
  text-indent: 10px;
}

.checklist-input:focus {
  border-bottom: 2px solid #00b98b;
}

.checklist-name .checklist-input {
  font-weight: 600;
  position: relative;
}

.checklist-add-element .checklist-input {
  /*    text-indent: 30px;*/
  font-weight: 600;
  /*
      background-image: url(images/button_icons/btn_icons/checklist-add.png); 
      background-repeat: no-repeat; 
  */
  background-size: 15px 15px;
  background-position: 8px 14px;
}

/*
.checklist-add-element span {
position: relative;
}
*/
/*
.checklist-add-element span::after {
position: absolute;
top: 4px;
left: 8px;
width: 16px; height: 16px;
background: url(images/button_icons/btn_icons/checklist-add.png); 
background-size: contain;
content: '';
}
*/
/* Style in Remark */
.remark-checklist md-list-item, .remark-checklist md-list-item .md-list-item-inner {
  padding: 0px;
  min-height: 30px !important;
}

.remark-checklist md-list-item md-checkbox, .remark-checklist md-list-item .md-list-item-inner md-checkbox {
  margin: 0px 7px 0px 0px;
}

.remark-checklist md-list-item .md-ripple-container {
  opacity: 0;
}

.remark-checklist md-list-item p.green {
  color: #00B17B;
}

.remark-checklist .checklist_infos {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.remark-checklist .checkbox-label {
  font-size: 14px;
  font-weight: 400;
}

.remark-checklist .checklist_infos .left {
  flex: 9;
  -webkit-flex: 9;
  margin: 0px;
}

.remark-checklist .checklist_infos .right {
  flex: 3;
  -webkit-flex: 3;
  text-align: right;
}

.checklist_infos .checklist_totals {
  display: block;
  color: grey;
  font-size: 12px;
}

.checklist_infos .checklist_percent {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #2D649C;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.checklist_infos .checklist_percent.green {
  /*	font-size: 26px;*/
  color: #00B17B;
}

.checklist_progress_bar {
  display: block;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #cccccc;
  height: 3px;
  border-radius: 2px;
  overflow: hidden;
}

.checklist_progress_bar .checklist_progress_bar_percent {
  display: block;
  width: 0%;
  background-color: #2C629A;
  height: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}

.checklist_progress_bar .checklist_progress_bar_percent.green {
  background-color: #00B17B;
}

.checklist_hide_done {
  margin-top: 20px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.checklist-update-loader {
  display: inline-block;
  margin-top: 8px;
  margin-right: 3px;
  height: 100%;
  float: right;
}

.todo-lists li.checklist-section {
  font-weight: 600;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 10px;
  padding-top: 20px;
  background: white;
}

@media screen and (max-width: 1050px) {
  .todo-dialog {
    width: 90%;
  }
}
@media screen and (max-width: 850px) {
  .todo-dialog .dial-gen-main .gen-main-header button {
    padding: 9px 8px;
    letter-spacing: 0em;
  }
}
.share-project-care {
  padding: 16px 14px;
  margin-bottom: 12px;
  text-align: center;
  background-color: #ff4a390d;
  box-shadow: inherit;
}

.share-project-desc {
  padding: 16px 14px;
}

.share-project-infos {
  margin-top: -5px;
}

.sharing-desc-label {
  display: block;
  margin-top: 12px;
  padding-bottom: 2px;
}

.shared-list {
  margin-top: 14px;
}
.shared-list.list-disabled {
  opacity: 0.6;
}
.shared-list .m-content-toolbar span {
  margin-left: 5px;
}

.status-1 {
  color: #ff9731;
}

.status-2 {
  color: #36ce6f;
}

.status-3,
.status-4 {
  color: #ff4f3d;
}

.m-content-toolbar.prs-toolbar {
  padding-right: 0px;
}

.prs-list-line {
  height: 55px;
  padding-right: 0px;
}
.prs-list-line:hover {
  background-color: #f4f6fd;
}
.prs-list-line .prs-texts {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.notActive.prs-list-line {
  background-color: #f2f2f4;
}

.prs-menu-btn {
  margin-right: 14px;
}

.prs-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  -webkit-flex-basis: 320px;
  -moz-flex-basis: 320px;
  -ms-flex-preferred-size: 320px;
  flex-basis: 320px;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
}
.prs-right .prs-cell {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 100%;
  width: 20%;
}
.prs-right .prs-to-check-cell {
  border-left: 1px solid #f2f3f4;
}

.prs-markers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
}

#signature-here {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  pointer-events: none;
}

.canvas-dialog {
  max-width: 480px;
}
.canvas-dialog #signature-acknowledgement {
  position: absolute;
  bottom: 63px;
  border-top: 1px solid #dee7ef;
  font-weight: normal;
  padding: 8px;
  z-index: 10;
}

.m-help-messages button.help-btn {
  margin-bottom: 10px;
}

.messages-container .label-main, .messages-container .armodal-body label, .armodal-body .messages-container label, .messages-container .gen-settings .separator-title, .gen-settings .messages-container .separator-title, .messages-container .collapse-form label, .collapse-form .messages-container label, .messages-container .form-collapse .form-collapse-content .formly-field .separator-title, .form-collapse .form-collapse-content .formly-field .messages-container .separator-title {
  margin: 10px 0;
}

.message {
  padding: 14px;
  cursor: pointer;
  background-color: white;
}
.message.o-list-line:hover {
  background-color: white;
}
.message md-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  width: 100%;
}
.message md-item .o-list-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
.message md-item .card-title {
  margin-top: 8px;
  margin-bottom: 5px;
}
@media only screen and (min-width: 768px) {
  .message md-item {
    -webkit-box-direction: normal;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 0;
  }
}
.message.opened-card {
  margin: 14px 0;
  padding-bottom: 0;
}

.message-see-more {
  padding-top: 23px;
  padding-bottom: 23px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.full-message {
  width: 100%;
}
.full-message .header-mail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  height: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ecf1f5;
}
.full-message .header-mail .o-date {
  margin-left: auto;
}
.full-message .top-mail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  padding: 10px 0;
}
.full-message .mail-body-text {
  margin-bottom: 14px;
}
.full-message .mail-body-text b {
  font-weight: 500;
}
.full-message .message-section {
  padding: 14px 0;
  border-top: 1px solid #ecf1f5;
}
.full-message .message-section .btn {
  margin-right: 9px;
}
.full-message .message-section md-chips.md-default-theme .md-chips,
.full-message .message-section md-chips .md-chips {
  box-shadow: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
}
.full-message .message-section md-chips.md-default-theme .md-chips md-chip,
.full-message .message-section md-chips .md-chips md-chip {
  margin-right: 10px;
  background-color: transparent;
}
.full-message .message-state-title {
  display: block;
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 8px;
}
.full-message .message-state-title.message-state-title-green {
  color: #3bd474;
}
.full-message .message-state-title.message-state-title-red {
  color: #ff4141;
}
.full-message .message-state-title.message-state-title-orange {
  color: #ff7600;
}
.full-message .message-attached-files {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -10px;
}
.full-message .message-attached-files .message-attachement-text {
  color: white;
  border-radius: 4px;
  margin-right: 5px;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.01em;
  padding: 5px;
}
.full-message .message-attached-files .btn {
  padding: 0 10px;
  margin-bottom: 10px;
}
.full-message .signature-message {
  width: 50px;
  margin-left: auto;
}

email-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
email-list .email-item {
  position: relative;
  background-color: white;
  border-radius: 4px;
  border: 1px solid #ebebeb;
  box-shadow: 3px 0 6px rgba(0, 0, 0, 0.04);
  padding: 6px 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-right: 14px;
  color: #465576;
  user-select: none;
  cursor: pointer;
}
email-list .email-item .text-main, email-list .email-item .gantt_task_content .gantt_task_label, .gantt_task_content email-list .email-item .gantt_task_label, email-list .email-item #ganttctrl #gantt_global .gantt_grid_scale, #ganttctrl #gantt_global email-list .email-item .gantt_grid_scale,
email-list .email-item #ganttctrl #gantt_global .gantt_grid_scale .gantt_grid_head_cell,
#ganttctrl #gantt_global .gantt_grid_scale email-list .email-item .gantt_grid_head_cell, email-list .email-item .nav-switch .switch-item.active-switch span, .nav-switch .switch-item.active-switch email-list .email-item span, email-list .email-item .modal-title, email-list .email-item .form-list .form-list-bloc label, .form-list .form-list-bloc email-list .email-item label, email-list .email-item md-toast .md-toast-content span, md-toast .md-toast-content email-list .email-item span, email-list .email-item .form-collapse .form-collapse-content .formly-field .separator-title, .form-collapse .form-collapse-content .formly-field email-list .email-item .separator-title, email-list .email-item .export-parts-content label h2, .export-parts-content label email-list .email-item h2 {
  font-size: 13px;
  font-weight: 500;
}
email-list .email-item email-status .delivery-tag {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  top: -10px;
  right: -10px;
  width: 24px;
  border-radius: 50%;
  height: 24px;
  background-color: white;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.07);
  cursor: pointer;
}
email-list .email-item email-status .delivery-detail {
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  left: 110%;
  top: -10px;
  width: 250px;
  border-radius: 6px;
  padding: 10px 12px;
  background-color: white;
  border: 1px solid #ebebeb;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.07);
  z-index: 1;
}
email-list .email-item email-status .delivery-detail .delivery-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}
email-list .email-item email-status .delivery-detail .delivery-title img {
  margin-top: -1px;
  margin-right: 5px;
}
email-list .email-item email-status .delivery-detail .delivery-title span {
  font-size: 13px;
  font-weight: 500;
}
email-list .email-item email-status .delivery-detail .delivery-title span.delivery-received {
  color: #465576;
}
email-list .email-item email-status .delivery-detail .delivery-title span.delivery-issue {
  color: #ffa011;
}
email-list .email-item email-status .delivery-detail .delivery-title span.delivery-rejected {
  color: #ff4141;
}
email-list .email-item email-status .delivery-detail p {
  color: #838999;
  line-height: 20px;
  white-space: normal;
  font-size: 13px;
  padding-top: 2px;
}
email-list .email-item email-status .delivery-detail pre {
  font-size: 11px;
  margin-top: 5px;
  background-color: #f6f6f6;
  padding: 2px 4px;
  border-radius: 4px;
  margin-bottom: 0;
}

.signature-message {
  width: 50px;
  margin-left: 12px;
}

.not-read .readornot {
  font-weight: 600;
  color: #465576;
}

.read .readornot {
  font-weight: 500;
}

.report-gen-list {
  margin-bottom: 10px;
}

.gen-report-item {
  background-color: white;
  padding: 10px;
}

.gen-list-status-icon {
  width: 17px;
  margin-right: 8px;
}

.gen-list-valid-icon {
  opacity: 0.75;
}

.gen-list-error {
  color: #ff4f3d;
}

#report-works .header-mail {
  padding: 14px;
  height: 60px;
}
#report-works .header-mail .o-list-col {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

#report-works .message {
  padding: 0;
  overflow: hidden;
}

.gen-icon-col {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.gen-icon-col .btn {
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.gen-icon-col .btn img {
  width: 17px;
}

#gantt-content {
  /* overflow-y: hidden !important; */
}

/*Toolbar*/
.gantt_container {
  max-width: 0px;
}

#ganttctrl .ar-toolbar {
  margin-top: 0px;
  position: relative;
  background-color: #efefef;
  border-top-right-radius: 4px;
  align-items: center;
}

#ganttctrl .ar-toolbar-button {
  color: #575757;
  font-size: 12px;
  font-weight: 600;
}

#ganttctrl .ar-toolbar-button:focus,
#ganttctrl .ar-toolbar-button:hover {
  border-bottom: 2px solid #575757;
}

#ganttctrl .ar-toolbar-button span {
  color: #575757;
  font-size: 12px;
  font-weight: 600;
  text-transform: inherit;
  letter-spacing: inherit;
  padding: 0px 0px;
}

#ganttctrl .ar-toolbar-button img {
  vertical-align: text-bottom;
  margin-right: 6px;
  width: 18px;
}

#ganttctrl .ar-toolbar-button img.pdf-gen {
  width: 33px;
}

#ganttctrl .ar-toolbar-button:focus,
.ar-toolbar-button:hover {
  background-color: #f1f1f1;
}

#gantt-view {
  display: flex;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
}

#ganttctrl .ar-toolbar #gantt-view .gantt-zoom-btn {
  padding: 0px 7px;
  transition-duration: 0.3;
}

#ganttctrl .ar-toolbar #gantt-view .gantt-zoom-btn:first-child {
  margin-left: 4px;
}

#ganttctrl .ar-toolbar #gantt-view .gantt-zoom-btn:first-child img {
  margin-right: 4px;
}

#ganttctrl .ar-toolbar #gantt-view .gantt-zoom-btn:last-child img {
  margin-left: 1px;
  margin-right: 4px;
}

#ganttctrl .ar-toolbar #gantt-view .gantt-zoom-btn:focus,
#ganttctrl .ar-toolbar #gantt-view .gantt-zoom-btn:hover {
  background-color: inherit;
  border-color: transparent;
}

#ganttctrl .ar-toolbar #gantt-view .gantt-zoom-btn:hover {
  -webkit-transform: scale(1.08);
  transform: scale(1.08);
}

#ganttctrl .ar-toolbar #gantt-view #gantt-md-slider-container {
  display: flex;
  height: 40px;
}

#ganttctrl .ar-toolbar #gantt-view md-slider {
  width: 80px;
  height: 40px;
  cursor: pointer;
}

#ganttctrl .ar-toolbar #gantt-view md-slider .md-track-container {
  top: 20px;
}

#ganttctrl .ar-toolbar #gantt-view md-slider .md-thumb {
  top: 4px;
}

#ganttctrl .ar-toolbar #gantt-view md-slider .md-focus-thumb,
#ganttctrl .ar-toolbar #gantt-view md-slider .md-focus-ring {
  display: none;
}

#ganttctrl .ar-toolbar #gantt-view md-slider .md-thumb:after {
  width: 25px;
  height: 25px;
}

#ganttctrl .ar-toolbar #gantt-view md-slider:not([md-discrete]):not([disabled]).md-active .md-thumb,
#ganttctrl .ar-toolbar #gantt-view md-slider:not([md-discrete]):not([disabled]):focus .md-thumb {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}

#ganttctrl .ar-toolbar #gantt-view md-slider.md-default-theme .md-thumb:after,
#ganttctrl .ar-toolbar #gantt-view md-slider .md-thumb:after {
  border-color: #5b5b5b;
  background-color: #f7f7f7;
}

#ganttctrl .ar-toolbar #gantt-view md-slider.md-default-theme .md-track.md-track-fill,
#ganttctrl .ar-toolbar #gantt-view md-slider .md-track.md-track-fill {
  background-color: #adadad;
}

#ganttctrl .ar-toolbar #gantt-view md-slider.md-default-theme .md-track.md-track-fill,
#ganttctrl .ar-toolbar #gantt-view md-slider .md-track {
  background-color: #d9d9d9;
}

#ganttctrl .ar-toolbar .save-btn {
  border: 2px solid #afafaf;
  border-radius: 4px;
  height: 40px;
  padding: 0px 9px;
  margin-right: 5px;
}

#ganttctrl .ar-toolbar .save-btn:hover {
  background-color: inherit;
}

#ganttctrl .ar-toolbar .save-btn:focus {
  background-color: inherit;
}

#ganttctrl .ar-toolbar .save-btn span {
  color: #afafaf;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
}

#ganttctrl .ar-toolbar .save-btn.active-save {
  border: 2px solid #6675d4;
  background-color: #fafafa;
}

#ganttctrl .ar-toolbar .save-btn.active-save:hover {
  background-color: #6675d4;
}

#ganttctrl .ar-toolbar .save-btn.active-save span {
  color: #6675d4;
}

#ganttctrl .ar-toolbar .save-btn.active-save:hover span {
  color: white;
}

/*Intervalles*/
#gantt-interv {
  position: relative;
}

#gantt-interv-pop {
  position: absolute;
  z-index: 99;
  width: 250px;
  height: 220px;
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 16px;
}

#gantt-interv-pop p {
  color: #575757;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0px;
}

#gantt-interv-pop .work-dates {
  margin-top: 18px;
  margin-bottom: 10px;
}

#gantt-interv-pop .work-dates .datepicker-block {
  padding-top: 15px;
  padding-bottom: 10px;
}

#gantt-interv-pop .inline-text-btn {
  background-color: inherit;
  border: none;
  font-size: 13px;
  font-weight: 600;
  outline: 0;
}

#gantt-interv-actions {
  margin-top: 15px;
}

#gantt-interv-actions #interv-reinit {
  color: #888888;
  margin-left: -5px;
}

#gantt-interv-actions #interv-ok {
  float: right;
  margin-right: -5px;
  color: #6675d4;
}

/* Left gantt */
.fa {
  cursor: pointer;
  font-size: 14px;
  text-align: center;
  opacity: 0.3;
  padding: 5px;
}

.fa:hover {
  opacity: 1;
}

.fa-pencil {
  color: #ffa011;
}

.fa-plus {
  color: #328ea0;
}

.fa-times {
  color: red;
}

.weekend {
  background-image: url("images/stroke.png");
  background-repeat: repeat;
  box-shadow: -1px 0px 0px #ffb2b0, 1px 0px 0px #ffb2b0, 0px -1px 0px #ffb2b0, 0px 1px 0px #ffb2b0;
}

.gantt_selected .weekend {
  background: #f7eb91;
}

#ganttctrl {
  z-index: 99;
}

#gantt_global {
  overflow: hidden;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.11);
  background-color: white;
}

#ganttLightbox {
  margin-top: 5px;
}

#ganttLightbox md-input-container input,
#ganttLightbox md-input-container label {
  font-size: 14px;
}

#gantt_global .gantt_grid_scale,
#gantt_global .gantt_grid_scale .gantt_grid_head_cell {
  color: #575757;
  font-size: 12px;
  font-weight: 600;
}

.gantt_task .gantt_task_scale .gantt_scale_cell {
  color: #575757;
  font-size: 12px;
  font-weight: 400;
}

.gantt_cell.gantt_last_cell {
  overflow: visible;
  background-color: white;
  /*    width: 70px !important;*/
}

.gantt_row:hover .gantt_cell.gantt_last_cell,
.gantt_selected .gantt_cell.gantt_last_cell {
  background-color: #f2f2f2;
}

/* Icons Gantt */
#gantt_global .gantt_add,
.gantt_grid_head_add {
  background-image: url(images/icons//rmk-header-add.svg) !important;
  background-position: right;
  outline: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#gantt_global .gantt_grid_head_cell.gantt_grid_head_add {
  opacity: 0.8 !important;
}

#gantt_global .gantt_grid_head_cell.gantt_grid_head_add:hover {
  opacity: 1 !important;
}

#gantt_global .gantt_grid_head_cell.gantt_grid_head_buttons {
  padding: 13px !important;
  text-align: right;
}

.gantt_cell .gantt_tree_content {
  margin-left: 9px;
}

.gantt_cell.gantt_last_cell .gantt_tree_content {
  margin-left: -5px;
  float: right;
  margin-right: 2px;
}

.gantt_tree_icon.gantt_close {
  background-image: url(images/button_icons/gantt/fold-less.png) !important;
  background-size: contain;
}

.gantt_tree_icon.gantt_open {
  background-image: url(images/button_icons/gantt/fold-plus.png) !important;
  background-size: contain;
}

.gantt_tree_icon.gantt_folder_closed,
.gantt_tree_icon.gantt_folder_open {
  background-image: url(images/button_icons/gantt/work.png) !important;
  background-size: contain;
}

.gantt_tree_icon.gantt_file {
  background-image: url(images/button_icons/gantt/subwork.png) !important;
  background-size: contain;
}

.gantt_grid_data .gantt_row[aria-level="0"] .gantt_cell .gantt_tree_icon.gantt_file,
.gantt_grid_data .gantt_row[aria-level="0"] .gantt_cell .gantt_tree_icon.gantt_folder_open,
.gantt_grid_data .gantt_row[aria-level="0"] .gantt_cell .gantt_tree_icon.gantt_folder_closed {
  background-image: none !important;
  background-position: center center;
  width: 30px;
  margin-right: 0px;
}

.gantt_grid_data .gantt_row[aria-level="1"] .gantt_cell .gantt_tree_icon.gantt_file,
.gantt_grid_data .gantt_row[aria-level="1"] .gantt_cell .gantt_tree_icon.gantt_folder_open,
.gantt_grid_data .gantt_row[aria-level="1"] .gantt_cell .gantt_tree_icon.gantt_folder_closed {
  background-image: url(images/icons/gantt-level2.svg) !important;
  background-size: contain;
}

.gantt_grid_data .gantt_row[aria-level="2"] .gantt_cell .gantt_tree_icon.gantt_file,
.gantt_grid_data .gantt_row[aria-level="2"] .gantt_cell .gantt_tree_icon.gantt_folder_open,
.gantt_grid_data .gantt_row[aria-level="2"] .gantt_cell .gantt_tree_icon.gantt_folder_closed {
  background-image: url(images/icons/gantt-level3.svg) !important;
  background-size: contain;
}

.gantt_grid_data .gantt_row[aria-level="3"] .gantt_cell .gantt_tree_icon.gantt_file,
.gantt_grid_data .gantt_row[aria-level="3"] .gantt_cell .gantt_tree_icon.gantt_folder_open,
.gantt_grid_data .gantt_row[aria-level="3"] .gantt_cell .gantt_tree_icon.gantt_folder_closed {
  background-image: url(images/icons/gantt-level4.svg) !important;
  background-size: contain;
}

.gantt_tree_icon {
  width: 16px;
  margin-right: 8px;
  margin-left: 1px;
}

#button_openclose {
  position: absolute;
  z-index: 1;
  background-color: transparent;
  border: none;
  top: 62px;
  left: 5px;
  outline: none;
}

#button_openclose img {
  width: 11px;
}

.fa {
  opacity: 0.6;
  padding: 0px 4px;
  vertical-align: text-bottom;
}

.fa-pencil {
  background-image: url(images/icons/gantt-work-edit.svg) !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 14px;
  height: 14px;
}

.fa-pencil:before {
  content: none !important;
}

.fa-plus {
  background-image: url(images/icons/gantt-work-add.svg) !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 13px;
  height: 13px;
}

.fa-plus:before {
  content: none !important;
}

.fa-times {
  background-image: url(images/icons/gantt-work-trash.svg) !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  width: 13px;
  height: 12px;
}

.fa-times:before {
  content: none !important;
}

.gantt_grid .gantt_grid_resize_wrap {
  height: 100% !important;
}

.gantt_grid {
  height: 100% !important;
}

/* TUTORIAL DIALOG */
.tutorial-popup {
  width: 600px !important;
  min-width: inherit !important;
  min-height: 400px;
  max-width: 600px;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;
}

.tutorial-popup .md-actions {
  padding-left: 8px;
  background: rgba(128, 128, 128, 0.07);
}

.tutorial-popup .md-actions button:first-child {
  margin-left: 0px;
}

.tutorial-popup .tutorial-description {
  margin: 20px 0px;
  padding: 0px 60px;
  text-align: center;
}

.tutorial-popup .tutorial-description p a {
  color: #5d8efb;
}

.tutorial-popup .close-button {
  position: absolute;
  right: 0;
}

.tutorial-popup .tutorial-new {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 120px;
}

/* Pop up project copy*/
.copy-project {
  width: 350px !important;
  min-width: inherit !important;
  background-color: white;
  border-radius: 8px;
  overflow: visible;
}
.copy-project md-toolbar {
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  background-color: white !important;
  color: black;
  border-bottom: inherit !important;
  min-height: 45px;
  height: 45px;
}
.copy-project md-toolbar .md-toolbar-tools {
  padding: 0px 16px;
  padding-top: 4px;
  background-color: transparent !important;
}
.copy-project md-content {
  overflow: visible;
  padding-top: 10px;
  background-color: white;
}
.copy-project md-dialog-content form {
  padding: 0px 16px 20px 16px;
}

/* Pop up link */
#gantt-link-popup {
  width: 350px !important;
  min-width: inherit !important;
  background-color: white;
  border-radius: 8px;
}

#gantt-link-popup .ar-toolbar-container .md-toolbar-tools {
  margin-top: 4px;
  padding: 15px 29px 10px 29px;
  background-color: transparent !important;
}

#gantt-link-popup md-toolbar .md-toolbar-tools h2,
#gantt-edition-popup md-toolbar .md-toolbar-tools h2 {
  text-transform: inherit;
}

#gantt-link-popup md-toolbar .md-toolbar-tools h2 span,
#gantt-edition-popup md-toolbar .md-toolbar-tools h2 span {
  color: #3e3d42;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0px;
}

#gantt-link-popup .md-toolbar-tools,
#gantt-link-popup md-toolbar {
  background-color: white !important;
  color: black;
  box-shadow: 0px 0px 10px white !important;
  border-bottom: inherit !important;
}

#gantt-link-popup md-input-container .md-placeholder,
#gantt-link-popup md-input-container label:not(.md-no-float):not(.md-container-ignore) {
  transform: translate3d(0, 33px, 0) scale(0.8);
}

#gantt-link-popup md-input-container.md-input-focused label:not(.md-no-float),
#gantt-link-popup md-input-container.input-has-placeholder label:not(.md-no-float),
#gantt-link-popup md-input-container.md-input-has-value label:not(.md-no-float) {
  transform: translate3d(0, 15px, 0) scale(0.7) !important;
}

#gantt-link-popup md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button:not(.md-raised),
#gantt-link-popup md-toolbar:not(.md-menu-toolbar) .md-button:not(.md-raised),
#gantt-edition-popup md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button:not(.md-raised),
#gantt-edition-popup md-toolbar:not(.md-menu-toolbar) .md-button:not(.md-raised) {
  color: #3e3d42;
}

#dialogContent_gantt-link-popup,
#gantt-edition-popup md-dialog-content {
  position: relative;
  padding: 8px 0px 5px 0px;
}

#gantt-link-popup md-content {
  background-color: white;
}

#gantt-link-popup md-dialog-content form {
  padding: 0px 16px 20px 16px;
}

#gantt-link-popup .ar-button span,
#gantt-edition-popup .ar-button span,
.tutorial-popup .ar-button span {
  text-transform: initial;
  color: #3b3a3f;
  font-weight: 400;
  vertical-align: middle;
  line-height: 29px;
  padding: 3px;
  font-weight: 600;
  font-size: 13px;
  outline: 0;
}

#gantt-link-popup .md-actions .md-button,
#gantt-link-popup md-dialog-actions .md-button,
#gantt-edition-popup .md-actions .md-button,
#gantt-edition-popup md-dialog-actions .md-button {
  margin: 0px;
}

#gantt-edition-popup {
  position: relative;
  z-index: 100;
  width: 350px;
  border-radius: 8px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;
}

#gantt-edition-popup .ar-toolbar-container .md-toolbar-tools {
  margin-top: 4px;
  padding: 15px 29px 10px 29px;
  background-color: transparent !important;
}

#gantt-edition-popup .md-toolbar-tools,
#gantt-edition-popup md-toolbar {
  background-color: white !important;
  color: black;
  box-shadow: 0px 0px 10px white !important;
  border-bottom: inherit !important;
}

#gantt-edition-popup .ar-toolbar-container .md-toolbar-tools {
  margin-top: 4px;
  padding: 15px 29px 10px 29px;
  background-color: transparent !important;
}

#gantt-edition-popup md-input-container.md-block {
  margin-bottom: 15px !important;
}

#ganttLightProgress {
  display: flex;
  align-items: center;
  margin-top: -15px;
  font-size: 13px;
  margin-bottom: 10px;
  color: #272727;
}

.md-slider-wrapper .md-track-ticks canvas {
  display: none;
}

#ganttLightActors {
  margin-bottom: 20px;
}

#ganttLightDesc {
  margin-top: -20px;
  margin-bottom: 10px;
}

md-slider.md-default-theme .md-track,
md-slider .md-track {
  background-color: inherit;
}

#gantt-edition-popup #ganttLightCalendar {
  margin-top: -20px;
}

#gantt-edition-popup .datepicker-block {
  padding-bottom: 20px;
}

#gantt-edition-popup .datepicker-block label {
  left: 0;
}

#gantt-edition-popup md-datepicker {
  margin-left: -16px;
}

#gantt-edition-popup #edit-work-duration {
  width: 100%;
  margin-top: 13px !important;
}

/* Actors */
#gantt-edition-popup #ganttLightActorsShow .ar-scroll {
  margin-top: 0px;
}

#gantt-edition-popup .report-actors {
  border: 1px solid rgba(0, 0, 0, 0.03);
}

#ganttLightActorImage {
  background-position: center;
  background-size: cover;
}

#ganttLightType {
  margin-bottom: 10px;
}

/* Task styles */
.gantt_task_label {
  text-align: left;
  font-weight: bold;
  margin-left: 6px;
  margin-right: 6px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.gantt_task_drag,
.gantt_task_progress_drag {
  cursor: ew-resize;
}

.gantt_task_line {
  border: 1px solid transparent;
}

.gantt_red_task {
  background-color: #ff8989;
}

.gantt_red_task .gantt_task_progress {
  background-color: #ff6d6d;
}

.gantt_red_task.gantt_selected {
  box-shadow: 0px 0px 5px rgba(255, 109, 109, 0.8);
}

/*
.gantt_complete_task {
background-color: #79D78B;
}

.gantt_complete_task .gantt_task_progress {
background-color: #57C96C;
}

.gantt_complete_task.gantt_selected {
box-shadow: 0px 0px 5px rgba(87, 201, 108, 0.5);
}
*/
.gantt_zero_task {
  background-color: #ff9934;
}

.gantt_zero_task .gantt_task_progress {
  background-color: #e67504;
}

.gantt_zero_task.gantt_selected {
  box-shadow: 0px 0px 5px rgba(255, 153, 52, 0.7);
}

.gantt_first_task {
  background-color: #73aff9;
}

.gantt_first_task .gantt_task_progress {
  background-color: #287ee8;
}

.gantt_first_task.gantt_selected {
  box-shadow: 0px 0px 5px rgba(115, 175, 249, 0.7);
}

.gantt_second_task {
  background-color: #73aff9;
}

.gantt_second_task .gantt_task_progress {
  background-color: #287ee8;
}

.gantt_second_task.gantt_selected {
  box-shadow: 0px 0px 5px rgba(115, 175, 249, 0.7);
}

.gantt_third_task {
  background-color: #73aff9;
}

.gantt_third_task .gantt_task_progress {
  background-color: #287ee8;
}

.gantt_third_task.gantt_selected {
  box-shadow: 0px 0px 5px rgba(115, 175, 249, 0.7);
}

.no_drag_progress .gantt_task_progress_drag {
  display: none !important;
}

.gantt_grid_data .gantt_row.gantt_selected,
.gantt_grid_data .gantt_row.odd.gantt_selected,
.gantt_task_row.gantt_selected,
.gantt_grid_data .gantt_row.odd:hover,
.gantt_grid_data .gantt_row:hover {
  background-color: #f2f2f2;
}

.gantt_task_row.gantt_selected .gantt_task_cell.week_end,
.gantt_task_row.gantt_selected .gantt_task_cell {
  background-color: #f2f2f2;
  border-right-color: #ebebeb;
}

.gantt_line_wrapper div {
  background-color: #cbcbcb;
}

.gantt_task_link:hover .gantt_line_wrapper div {
  background-color: #4a4a4a;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.3);
}

.gantt_link_arrow_right {
  border-width: 4px 0 4px 6px;
  border-top-color: transparent !important;
  border-right-color: transparent !important;
  border-bottom-color: transparent !important;
  border-color: #cbcbcb;
  margin-top: -1px;
}

.gantt_link_arrow_left {
  border-width: 4px 6px 4px 0;
  margin-top: -1px;
  border-top-color: transparent !important;
  border-color: #cbcbcb;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
}

.gantt_task_link:hover .gantt_link_arrow_right,
.gantt_task_link:hover .gantt_link_arrow_left {
  border-color: black;
}

.gantt_task_content {
  cursor: pointer;
}

#out_interval {
  width: 100%;
  height: 100%;
  margin: 0em;
  left: 0em;
  top: 0em;
  background-color: transparent;
  position: fixed;
  z-index: 98;
}

/* Custom gantt lib css */
.gantt_task {
  user-select: none;
}

.gantt_data_area {
  user-select: none;
}

.gantt_task_bg {
  cursor: move;
}

.gantt_marker {
  width: 3px;
  padding-left: 2px;
  padding-right: 2px;
}

.gantt_marker.today .gantt_marker_content {
  visibility: hidden;
  opacity: 0;
  transition-duration: 1.2s;
  background-color: rgba(255, 0, 0, 0.8);
}

.gantt_marker.today:hover .gantt_marker_content {
  visibility: visible;
  opacity: 1;
}

.gantt-toolbar md-select {
  min-width: 180px;
  height: 100%;
  transition-duration: 0.3s;
  box-sizing: border-box;
}

.gantt-toolbar md-select span {
  color: #575757 !important;
  font-size: 12px;
  font-weight: 600;
}

.gantt-toolbar {
  height: 50px;
}

.gantt-toolbar .ar-toolbar-button {
  height: 50px;
}

.gantt-toolbar md-select md-select-value {
  border-bottom: none !important;
}

.gantt-toolbar md-input-container {
  height: 50px;
  margin: 0;
  padding: 0;
}

.gantt-toolbar md-select:hover {
  border-bottom: 2px solid #575757;
}

.gantt-toolbar md-select md-select-value:hover {
  border-bottom: none;
}

.gantt-toolbar md-select span {
  /* margin-top: -10px; */
}

.gantt-toolbar .separator {
  width: 20px;
}

.gantt-toolbar md-input-container label {
  position: absolute;
  top: -5px;
}

md-input-container.md-input-has-value span,
md-input-container.md-input-has-value label {
  margin-top: 10px;
}

#ganttLightSwitch {
  margin-bottom: 20px;
}

#ganttLightSwitch md-switch {
  height: auto !important;
}

#ganttLightSwitch md-switch {
  margin: 0;
}

#ganttLightSwitch md-switch .md-label {
  width: 100%;
  white-space: initial;
  font-size: 13px;
}

#ganttLightTitle {
  margin-top: 7px;
}

#ganttLightbox .part-disabled {
  opacity: 0.4;
  pointer-events: none;
}

.gantt-fullscreen .ar-align,
.gantt-fullscreen.ar-scroll {
  padding: 0;
  margin: 0;
}

.dial-gen-main.dial-gen-message {
  width: 100%;
}

.dial-gen-message .gen-dynamic-content {
  background-color: transparent;
  height: calc(100% - 105px);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.dial-gen-message .message-file {
  width: 100%;
  height: 100%;
}

.gantt_grid_data .gantt_cell {
  cursor: pointer;
}

#ganttctrl {
  overflow: hidden;
}

.gantt-content {
  overflow: hidden;
}

#gantt_global {
  box-shadow: none;
}

#ganttctrl .m-content-toolbar {
  position: relative;
  box-shadow: 0px 0px 12px rgba(13, 34, 89, 0.16);
  z-index: 10;
}
#ganttctrl .m-content-toolbar button {
  margin-right: 0px;
}

#ganttctrl .gantt_grid_resize_wrap .gantt_grid_resize {
  background-color: blue;
}

.gantt_grid {
  border-right: 1px solid #ecf1f5;
}

.gantt_grid_scale,
.gantt_task_scale {
  border-bottom: 1px solid #ecf1f5;
}

#gantt_global .gantt_task .gantt_task_scale .gantt_scale_cell {
  border-right: 1px solid #ecf1f5;
}

.gantt_scale_line {
  border-top: 1px solid #ecf1f5;
}

#ganttctrl #gantt_global .gantt_grid_scale,
#ganttctrl #gantt_global .gantt_grid_scale .gantt_grid_head_cell {
  line-height: inherit;
}

.gantt_cell.gantt_last_cell .gantt_tree_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 60px;
  -moz-flex-basis: 60px;
  -ms-flex-preferred-size: 60px;
  flex-basis: 60px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  float: inherit;
  margin-left: auto;
}
.gantt_cell.gantt_last_cell .gantt_tree_content i {
  margin-left: 4px;
  flex-shrink: 0;
}
.gantt_cell.gantt_last_cell .gantt_tree_content .gantt_grid_delete.fa-times {
  height: 15px;
}

.gantt_task_content .gantt_task_label {
  line-height: 27px;
  padding: 0px 5px;
}

@media print {
  *:before, *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]:after,
a[href^="javascript:"]:after {
    content: "";
  }

  pre,
blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  p,
h2,
h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
h3 {
    page-break-after: avoid;
  }
}
.fullscreen-viewer {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.25);
  z-index: 2147483650;
}

.fullscreen-viewer-container {
  position: fixed;
  height: 90%;
  width: 90%;
  z-index: 200;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  overflow: hidden;
  box-shadow: 0 0 30px rgba(28, 53, 150, 0.2);
}

.fullscreen-viewer-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  height: 50px;
  background-color: white;
  box-shadow: 0 5px 10px rgba(24, 46, 149, 0.06);
  padding-left: 16px;
}
.fullscreen-viewer-header .fullscreen-close {
  width: 14px;
  cursor: pointer;
}

.fullscreen-image-container {
  width: 100%;
  height: calc(100% - 50px);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.report-dialog {
  width: 94%;
  height: 94%;
  max-width: inherit;
  max-height: inherit;
}
.report-dialog form {
  height: 100%;
}
.report-dialog .report-content {
  height: 100%;
}
.report-dialog iframe {
  width: 100%;
  height: 100%;
}

#imageViewer {
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.remark-reminder-dialog {
  max-width: 400px;
}
.remark-reminder-dialog p {
  line-height: 24px;
  padding: 14px;
}

.datepicker-block {
  position: relative;
}

.date-picker-date-time {
  border: 1px solid rgba(0, 0, 0, 0.05);
}

arloader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000;
  background-color: rgba(255, 255, 255, 0.67);
}

.remark-container.iframe-mode {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  box-shadow: none !important;
}

.remark-template {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

body .md-select-menu-container.md-active {
  z-index: 2147483650;
}

.remark-template .sub-remark-template-1 {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -moz-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.remark-template .sub-remark-template-2 {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -moz-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.remark-template .sub-remark-template-3 {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -moz-order: 3;
  -ms-flex-order: 3;
  order: 3;
}

.remark-template .sub-remark-template-4 {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -moz-order: 4;
  -ms-flex-order: 4;
  order: 4;
}

.remark-template .sub-remark-template-5 {
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -moz-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.remark-template .sub-remark-template-6 {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -moz-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.remark-template .sub-remark-template-7 {
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -moz-order: 7;
  -ms-flex-order: 7;
  order: 7;
}

.remark-template .sub-remark-template-8 {
  -webkit-box-ordinal-group: 9;
  -webkit-order: 8;
  -moz-order: 8;
  -ms-flex-order: 8;
  order: 8;
}

.remark-template .sub-remark-template-9 {
  -webkit-box-ordinal-group: 10;
  -webkit-order: 9;
  -moz-order: 9;
  -ms-flex-order: 9;
  order: 9;
}

.remark-template .sub-remark-template-10 {
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -moz-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.remark-template .sub-remark-template-11 {
  -webkit-box-ordinal-group: 12;
  -webkit-order: 11;
  -moz-order: 11;
  -ms-flex-order: 11;
  order: 11;
}

.remark-template .sub-remark-template-12 {
  -webkit-box-ordinal-group: 13;
  -webkit-order: 12;
  -moz-order: 12;
  -ms-flex-order: 12;
  order: 12;
}

.remark-template .sub-remark-template-13 {
  -webkit-box-ordinal-group: 14;
  -webkit-order: 13;
  -moz-order: 13;
  -ms-flex-order: 13;
  order: 13;
}

.remark-template .sub-remark-template-14 {
  -webkit-box-ordinal-group: 15;
  -webkit-order: 14;
  -moz-order: 14;
  -ms-flex-order: 14;
  order: 14;
}

.remark-template .sub-remark-template-15 {
  -webkit-box-ordinal-group: 16;
  -webkit-order: 15;
  -moz-order: 15;
  -ms-flex-order: 15;
  order: 15;
}

.v-hidden {
  visibility: hidden !important;
}

.btn-edition-activ .btn.toolbar-edit {
  width: auto;
}

.btn-edition-activ .btn.toolbar-edit span {
  display: inline;
  max-width: 120px;
}

.btn-edition-activ .btn.toolbar-edit .toolbar-cancel {
  display: flex;
}

.upload-loader {
  width: 64px;
}

/* Old wait-view but still used */
.wait-view {
  z-index: 2147483638 !important;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.wait-view .loader {
  position: absolute;
  top: calc(50% - 20px);
  left: calc(50% - 20px);
}

.wait-view .loader-text-view {
  position: absolute;
  width: 400px;
  height: 50px;
  top: calc(50% - 90px);
  left: calc(50% - 200px);
}

.wait-view .loader-text {
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: white;
  font-weight: 600;
  text-align: center;
  text-shadow: 1px 1px 1px rgba(112, 112, 112, 0.56);
}

.wait-view .loader-icon {
  width: 35px;
  vertical-align: middle;
  margin-right: 10px;
}

.subscription-form .mandatory {
  color: red;
}
.subscription-form input.ng-invalid.ng-touched {
  background-color: #fee4e5;
}

.text-sec.spaced, .nav-switch.nav-switch-white .switch-item span.spaced, .modal-body p.spaced, .modal-footer .spaced.btn-secondary, md-dialog .md-actions .spaced.btn-secondary, .plan-select .dropdown-menu .dropdown-menu-inner a.spaced {
  padding: 0 5px;
}

body .paint-dialog {
  max-width: 99%;
  max-height: 98%;
  width: 100%;
  height: 100%;
}

#crisp-chatbox {
  transform: scale(0);
}

#crisp-chatbox > div > a {
  display: none !important;
}

.unselectable {
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
/*# sourceMappingURL=maps/styles.css.map */