:root {
  --base-primary: #409EFF;
  --base-primary-dark: #030389;
  --place-holder: #C0C4CC;
  --success-primary: #67C23A;
  --warning-primary: #E6A23C;
  --danger-primary: #F56C6C;
  --info-primary: #909399;
  --primary-soft: rgba(64, 158, 255, 0.5);
  --warning-soft: rgba(230, 162, 60, 0.5);
  --success-soft: rgba(103, 194, 58, 0.5);
  --danger-soft: rgba(245, 108, 108, 0.5);
  --info-soft: rgba(144, 147, 153, 0.5);
  --primary-text-color: #303133;
  --gray-0: #000;
  --gray-1: #303133;
  --gray-2: #606266;
  --gray-3: #909399;
  --gray-4: #C0C4CC;
  --gray-5: #E4E7ED;
  --gray-6: #f7f8fa;
  --white: #FFF;
  --shadow-resalted: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
  --light-shadow: 5px 5px 4px rgba(0, 0, 0, 0.0901960784);
  --basic-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
  --default-border-radius: 4px;
}

@font-face {
  font-family: Roboto;
  src: url(/fonts/Roboto/Roboto-Regular.ttf) format("truetype");
}
body {
  font-family: "Roboto", sans-serif;
}

input {
  color: var(--gray-2);
  font-size: 12px;
}

.el-input.is-disabled .el-input__inner {
  background-color: #FFF !important;
  color: #606266 !important;
}

.container-element {
  container-type: inline-size;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

[class*=col-] {
  box-sizing: border-box;
}

@container (min-width: 480px) {
  .col-xs-0 {
    width: calc(0% - 16px);
    flex: 0 0 calc(0% - 16px);
  }
  .col-xs-offset-0 {
    margin-left: 0%;
  }
  .col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .col-xs-1 {
    width: calc(4.1666666667% - 15.3333333333px);
    flex: 0 0 calc(4.1666666667% - 15.3333333333px);
  }
  .col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .col-xs-2 {
    width: calc(8.3333333333% - 14.6666666667px);
    flex: 0 0 calc(8.3333333333% - 14.6666666667px);
  }
  .col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .col-xs-3 {
    width: calc(12.5% - 14px);
    flex: 0 0 calc(12.5% - 14px);
  }
  .col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .col-xs-4 {
    width: calc(16.6666666667% - 13.3333333333px);
    flex: 0 0 calc(16.6666666667% - 13.3333333333px);
  }
  .col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .col-xs-5 {
    width: calc(20.8333333333% - 12.6666666667px);
    flex: 0 0 calc(20.8333333333% - 12.6666666667px);
  }
  .col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .col-xs-6 {
    width: calc(25% - 12px);
    flex: 0 0 calc(25% - 12px);
  }
  .col-xs-offset-6 {
    margin-left: 25%;
  }
  .col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .col-xs-7 {
    width: calc(29.1666666667% - 11.3333333333px);
    flex: 0 0 calc(29.1666666667% - 11.3333333333px);
  }
  .col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .col-xs-8 {
    width: calc(33.3333333333% - 10.6666666667px);
    flex: 0 0 calc(33.3333333333% - 10.6666666667px);
  }
  .col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .col-xs-9 {
    width: calc(37.5% - 10px);
    flex: 0 0 calc(37.5% - 10px);
  }
  .col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .col-xs-10 {
    width: calc(41.6666666667% - 9.3333333333px);
    flex: 0 0 calc(41.6666666667% - 9.3333333333px);
  }
  .col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .col-xs-11 {
    width: calc(45.8333333333% - 8.6666666667px);
    flex: 0 0 calc(45.8333333333% - 8.6666666667px);
  }
  .col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .col-xs-12 {
    width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
  }
  .col-xs-offset-12 {
    margin-left: 50%;
  }
  .col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .col-xs-13 {
    width: calc(54.1666666667% - 7.3333333333px);
    flex: 0 0 calc(54.1666666667% - 7.3333333333px);
  }
  .col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .col-xs-14 {
    width: calc(58.3333333333% - 6.6666666667px);
    flex: 0 0 calc(58.3333333333% - 6.6666666667px);
  }
  .col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .col-xs-15 {
    width: calc(62.5% - 6px);
    flex: 0 0 calc(62.5% - 6px);
  }
  .col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .col-xs-16 {
    width: calc(66.6666666667% - 5.3333333333px);
    flex: 0 0 calc(66.6666666667% - 5.3333333333px);
  }
  .col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .col-xs-17 {
    width: calc(70.8333333333% - 4.6666666667px);
    flex: 0 0 calc(70.8333333333% - 4.6666666667px);
  }
  .col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .col-xs-18 {
    width: calc(75% - 4px);
    flex: 0 0 calc(75% - 4px);
  }
  .col-xs-offset-18 {
    margin-left: 75%;
  }
  .col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .col-xs-19 {
    width: calc(79.1666666667% - 3.3333333333px);
    flex: 0 0 calc(79.1666666667% - 3.3333333333px);
  }
  .col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .col-xs-20 {
    width: calc(83.3333333333% - 2.6666666667px);
    flex: 0 0 calc(83.3333333333% - 2.6666666667px);
  }
  .col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .col-xs-21 {
    width: calc(87.5% - 2px);
    flex: 0 0 calc(87.5% - 2px);
  }
  .col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .col-xs-22 {
    width: calc(91.6666666667% - 1.3333333333px);
    flex: 0 0 calc(91.6666666667% - 1.3333333333px);
  }
  .col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .col-xs-23 {
    width: calc(95.8333333333% - 0.6666666667px);
    flex: 0 0 calc(95.8333333333% - 0.6666666667px);
  }
  .col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .col-xs-24 {
    width: calc(100% - 0px);
    flex: 0 0 calc(100% - 0px);
  }
  .col-xs-offset-24 {
    margin-left: 100%;
  }
  .col-xs-push-24 {
    position: relative;
    left: 100%;
  }
  .col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .col-xs-hidden {
    display: none !important;
  }
  .col-xs-visible {
    display: block !important;
  }
  .col-xs-order-0 {
    order: 0;
  }
  .col-xs-order-1 {
    order: 1;
  }
  .col-xs-order-2 {
    order: 2;
  }
  .col-xs-order-3 {
    order: 3;
  }
  .col-xs-order-4 {
    order: 4;
  }
  .col-xs-order-5 {
    order: 5;
  }
  .col-xs-order-6 {
    order: 6;
  }
  .col-xs-order-7 {
    order: 7;
  }
  .col-xs-order-8 {
    order: 8;
  }
  .col-xs-order-9 {
    order: 9;
  }
  .col-xs-order-10 {
    order: 10;
  }
  .col-xs-order-11 {
    order: 11;
  }
  .col-xs-order-12 {
    order: 12;
  }
  .col-xs-order-13 {
    order: 13;
  }
  .col-xs-order-14 {
    order: 14;
  }
  .col-xs-order-15 {
    order: 15;
  }
  .col-xs-order-16 {
    order: 16;
  }
  .col-xs-order-17 {
    order: 17;
  }
  .col-xs-order-18 {
    order: 18;
  }
  .col-xs-order-19 {
    order: 19;
  }
  .col-xs-order-20 {
    order: 20;
  }
  .col-xs-order-21 {
    order: 21;
  }
  .col-xs-order-22 {
    order: 22;
  }
  .col-xs-order-23 {
    order: 23;
  }
  .col-xs-order-24 {
    order: 24;
  }
}
@container (min-width: 700px) {
  .col-sm-0 {
    width: calc(0% - 16px);
    flex: 0 0 calc(0% - 16px);
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .col-sm-1 {
    width: calc(4.1666666667% - 15.3333333333px);
    flex: 0 0 calc(4.1666666667% - 15.3333333333px);
  }
  .col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .col-sm-2 {
    width: calc(8.3333333333% - 14.6666666667px);
    flex: 0 0 calc(8.3333333333% - 14.6666666667px);
  }
  .col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .col-sm-3 {
    width: calc(12.5% - 14px);
    flex: 0 0 calc(12.5% - 14px);
  }
  .col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .col-sm-4 {
    width: calc(16.6666666667% - 13.3333333333px);
    flex: 0 0 calc(16.6666666667% - 13.3333333333px);
  }
  .col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .col-sm-5 {
    width: calc(20.8333333333% - 12.6666666667px);
    flex: 0 0 calc(20.8333333333% - 12.6666666667px);
  }
  .col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .col-sm-6 {
    width: calc(25% - 12px);
    flex: 0 0 calc(25% - 12px);
  }
  .col-sm-offset-6 {
    margin-left: 25%;
  }
  .col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .col-sm-7 {
    width: calc(29.1666666667% - 11.3333333333px);
    flex: 0 0 calc(29.1666666667% - 11.3333333333px);
  }
  .col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .col-sm-8 {
    width: calc(33.3333333333% - 10.6666666667px);
    flex: 0 0 calc(33.3333333333% - 10.6666666667px);
  }
  .col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .col-sm-9 {
    width: calc(37.5% - 10px);
    flex: 0 0 calc(37.5% - 10px);
  }
  .col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .col-sm-10 {
    width: calc(41.6666666667% - 9.3333333333px);
    flex: 0 0 calc(41.6666666667% - 9.3333333333px);
  }
  .col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .col-sm-11 {
    width: calc(45.8333333333% - 8.6666666667px);
    flex: 0 0 calc(45.8333333333% - 8.6666666667px);
  }
  .col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .col-sm-12 {
    width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
  }
  .col-sm-offset-12 {
    margin-left: 50%;
  }
  .col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .col-sm-13 {
    width: calc(54.1666666667% - 7.3333333333px);
    flex: 0 0 calc(54.1666666667% - 7.3333333333px);
  }
  .col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .col-sm-14 {
    width: calc(58.3333333333% - 6.6666666667px);
    flex: 0 0 calc(58.3333333333% - 6.6666666667px);
  }
  .col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .col-sm-15 {
    width: calc(62.5% - 6px);
    flex: 0 0 calc(62.5% - 6px);
  }
  .col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .col-sm-16 {
    width: calc(66.6666666667% - 5.3333333333px);
    flex: 0 0 calc(66.6666666667% - 5.3333333333px);
  }
  .col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .col-sm-17 {
    width: calc(70.8333333333% - 4.6666666667px);
    flex: 0 0 calc(70.8333333333% - 4.6666666667px);
  }
  .col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .col-sm-18 {
    width: calc(75% - 4px);
    flex: 0 0 calc(75% - 4px);
  }
  .col-sm-offset-18 {
    margin-left: 75%;
  }
  .col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .col-sm-19 {
    width: calc(79.1666666667% - 3.3333333333px);
    flex: 0 0 calc(79.1666666667% - 3.3333333333px);
  }
  .col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .col-sm-20 {
    width: calc(83.3333333333% - 2.6666666667px);
    flex: 0 0 calc(83.3333333333% - 2.6666666667px);
  }
  .col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .col-sm-21 {
    width: calc(87.5% - 2px);
    flex: 0 0 calc(87.5% - 2px);
  }
  .col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .col-sm-22 {
    width: calc(91.6666666667% - 1.3333333333px);
    flex: 0 0 calc(91.6666666667% - 1.3333333333px);
  }
  .col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .col-sm-23 {
    width: calc(95.8333333333% - 0.6666666667px);
    flex: 0 0 calc(95.8333333333% - 0.6666666667px);
  }
  .col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .col-sm-24 {
    width: calc(100% - 0px);
    flex: 0 0 calc(100% - 0px);
  }
  .col-sm-offset-24 {
    margin-left: 100%;
  }
  .col-sm-push-24 {
    position: relative;
    left: 100%;
  }
  .col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .col-sm-hidden {
    display: none !important;
  }
  .col-sm-visible {
    display: block !important;
  }
  .col-sm-order-0 {
    order: 0;
  }
  .col-sm-order-1 {
    order: 1;
  }
  .col-sm-order-2 {
    order: 2;
  }
  .col-sm-order-3 {
    order: 3;
  }
  .col-sm-order-4 {
    order: 4;
  }
  .col-sm-order-5 {
    order: 5;
  }
  .col-sm-order-6 {
    order: 6;
  }
  .col-sm-order-7 {
    order: 7;
  }
  .col-sm-order-8 {
    order: 8;
  }
  .col-sm-order-9 {
    order: 9;
  }
  .col-sm-order-10 {
    order: 10;
  }
  .col-sm-order-11 {
    order: 11;
  }
  .col-sm-order-12 {
    order: 12;
  }
  .col-sm-order-13 {
    order: 13;
  }
  .col-sm-order-14 {
    order: 14;
  }
  .col-sm-order-15 {
    order: 15;
  }
  .col-sm-order-16 {
    order: 16;
  }
  .col-sm-order-17 {
    order: 17;
  }
  .col-sm-order-18 {
    order: 18;
  }
  .col-sm-order-19 {
    order: 19;
  }
  .col-sm-order-20 {
    order: 20;
  }
  .col-sm-order-21 {
    order: 21;
  }
  .col-sm-order-22 {
    order: 22;
  }
  .col-sm-order-23 {
    order: 23;
  }
  .col-sm-order-24 {
    order: 24;
  }
}
@container (min-width: 1024px) {
  .col-md-0 {
    width: calc(0% - 16px);
    flex: 0 0 calc(0% - 16px);
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .col-md-1 {
    width: calc(4.1666666667% - 15.3333333333px);
    flex: 0 0 calc(4.1666666667% - 15.3333333333px);
  }
  .col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .col-md-2 {
    width: calc(8.3333333333% - 14.6666666667px);
    flex: 0 0 calc(8.3333333333% - 14.6666666667px);
  }
  .col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .col-md-3 {
    width: calc(12.5% - 14px);
    flex: 0 0 calc(12.5% - 14px);
  }
  .col-md-offset-3 {
    margin-left: 12.5%;
  }
  .col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .col-md-4 {
    width: calc(16.6666666667% - 13.3333333333px);
    flex: 0 0 calc(16.6666666667% - 13.3333333333px);
  }
  .col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .col-md-5 {
    width: calc(20.8333333333% - 12.6666666667px);
    flex: 0 0 calc(20.8333333333% - 12.6666666667px);
  }
  .col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .col-md-6 {
    width: calc(25% - 12px);
    flex: 0 0 calc(25% - 12px);
  }
  .col-md-offset-6 {
    margin-left: 25%;
  }
  .col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .col-md-7 {
    width: calc(29.1666666667% - 11.3333333333px);
    flex: 0 0 calc(29.1666666667% - 11.3333333333px);
  }
  .col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .col-md-8 {
    width: calc(33.3333333333% - 10.6666666667px);
    flex: 0 0 calc(33.3333333333% - 10.6666666667px);
  }
  .col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .col-md-9 {
    width: calc(37.5% - 10px);
    flex: 0 0 calc(37.5% - 10px);
  }
  .col-md-offset-9 {
    margin-left: 37.5%;
  }
  .col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .col-md-10 {
    width: calc(41.6666666667% - 9.3333333333px);
    flex: 0 0 calc(41.6666666667% - 9.3333333333px);
  }
  .col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .col-md-11 {
    width: calc(45.8333333333% - 8.6666666667px);
    flex: 0 0 calc(45.8333333333% - 8.6666666667px);
  }
  .col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .col-md-12 {
    width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
  }
  .col-md-offset-12 {
    margin-left: 50%;
  }
  .col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .col-md-13 {
    width: calc(54.1666666667% - 7.3333333333px);
    flex: 0 0 calc(54.1666666667% - 7.3333333333px);
  }
  .col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .col-md-14 {
    width: calc(58.3333333333% - 6.6666666667px);
    flex: 0 0 calc(58.3333333333% - 6.6666666667px);
  }
  .col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .col-md-15 {
    width: calc(62.5% - 6px);
    flex: 0 0 calc(62.5% - 6px);
  }
  .col-md-offset-15 {
    margin-left: 62.5%;
  }
  .col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .col-md-16 {
    width: calc(66.6666666667% - 5.3333333333px);
    flex: 0 0 calc(66.6666666667% - 5.3333333333px);
  }
  .col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .col-md-17 {
    width: calc(70.8333333333% - 4.6666666667px);
    flex: 0 0 calc(70.8333333333% - 4.6666666667px);
  }
  .col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .col-md-18 {
    width: calc(75% - 4px);
    flex: 0 0 calc(75% - 4px);
  }
  .col-md-offset-18 {
    margin-left: 75%;
  }
  .col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .col-md-19 {
    width: calc(79.1666666667% - 3.3333333333px);
    flex: 0 0 calc(79.1666666667% - 3.3333333333px);
  }
  .col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .col-md-20 {
    width: calc(83.3333333333% - 2.6666666667px);
    flex: 0 0 calc(83.3333333333% - 2.6666666667px);
  }
  .col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .col-md-21 {
    width: calc(87.5% - 2px);
    flex: 0 0 calc(87.5% - 2px);
  }
  .col-md-offset-21 {
    margin-left: 87.5%;
  }
  .col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .col-md-22 {
    width: calc(91.6666666667% - 1.3333333333px);
    flex: 0 0 calc(91.6666666667% - 1.3333333333px);
  }
  .col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .col-md-23 {
    width: calc(95.8333333333% - 0.6666666667px);
    flex: 0 0 calc(95.8333333333% - 0.6666666667px);
  }
  .col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .col-md-24 {
    width: calc(100% - 0px);
    flex: 0 0 calc(100% - 0px);
  }
  .col-md-offset-24 {
    margin-left: 100%;
  }
  .col-md-push-24 {
    position: relative;
    left: 100%;
  }
  .col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .col-md-hidden {
    display: none !important;
  }
  .col-md-visible {
    display: block !important;
  }
  .col-md-order-0 {
    order: 0;
  }
  .col-md-order-1 {
    order: 1;
  }
  .col-md-order-2 {
    order: 2;
  }
  .col-md-order-3 {
    order: 3;
  }
  .col-md-order-4 {
    order: 4;
  }
  .col-md-order-5 {
    order: 5;
  }
  .col-md-order-6 {
    order: 6;
  }
  .col-md-order-7 {
    order: 7;
  }
  .col-md-order-8 {
    order: 8;
  }
  .col-md-order-9 {
    order: 9;
  }
  .col-md-order-10 {
    order: 10;
  }
  .col-md-order-11 {
    order: 11;
  }
  .col-md-order-12 {
    order: 12;
  }
  .col-md-order-13 {
    order: 13;
  }
  .col-md-order-14 {
    order: 14;
  }
  .col-md-order-15 {
    order: 15;
  }
  .col-md-order-16 {
    order: 16;
  }
  .col-md-order-17 {
    order: 17;
  }
  .col-md-order-18 {
    order: 18;
  }
  .col-md-order-19 {
    order: 19;
  }
  .col-md-order-20 {
    order: 20;
  }
  .col-md-order-21 {
    order: 21;
  }
  .col-md-order-22 {
    order: 22;
  }
  .col-md-order-23 {
    order: 23;
  }
  .col-md-order-24 {
    order: 24;
  }
}
@container (min-width: 2048px) {
  .col-lg-0 {
    width: calc(0% - 16px);
    flex: 0 0 calc(0% - 16px);
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .col-lg-1 {
    width: calc(4.1666666667% - 15.3333333333px);
    flex: 0 0 calc(4.1666666667% - 15.3333333333px);
  }
  .col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .col-lg-2 {
    width: calc(8.3333333333% - 14.6666666667px);
    flex: 0 0 calc(8.3333333333% - 14.6666666667px);
  }
  .col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .col-lg-3 {
    width: calc(12.5% - 14px);
    flex: 0 0 calc(12.5% - 14px);
  }
  .col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .col-lg-4 {
    width: calc(16.6666666667% - 13.3333333333px);
    flex: 0 0 calc(16.6666666667% - 13.3333333333px);
  }
  .col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .col-lg-5 {
    width: calc(20.8333333333% - 12.6666666667px);
    flex: 0 0 calc(20.8333333333% - 12.6666666667px);
  }
  .col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .col-lg-6 {
    width: calc(25% - 12px);
    flex: 0 0 calc(25% - 12px);
  }
  .col-lg-offset-6 {
    margin-left: 25%;
  }
  .col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .col-lg-7 {
    width: calc(29.1666666667% - 11.3333333333px);
    flex: 0 0 calc(29.1666666667% - 11.3333333333px);
  }
  .col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .col-lg-8 {
    width: calc(33.3333333333% - 10.6666666667px);
    flex: 0 0 calc(33.3333333333% - 10.6666666667px);
  }
  .col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .col-lg-9 {
    width: calc(37.5% - 10px);
    flex: 0 0 calc(37.5% - 10px);
  }
  .col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .col-lg-10 {
    width: calc(41.6666666667% - 9.3333333333px);
    flex: 0 0 calc(41.6666666667% - 9.3333333333px);
  }
  .col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .col-lg-11 {
    width: calc(45.8333333333% - 8.6666666667px);
    flex: 0 0 calc(45.8333333333% - 8.6666666667px);
  }
  .col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .col-lg-12 {
    width: calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
  }
  .col-lg-offset-12 {
    margin-left: 50%;
  }
  .col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .col-lg-13 {
    width: calc(54.1666666667% - 7.3333333333px);
    flex: 0 0 calc(54.1666666667% - 7.3333333333px);
  }
  .col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .col-lg-14 {
    width: calc(58.3333333333% - 6.6666666667px);
    flex: 0 0 calc(58.3333333333% - 6.6666666667px);
  }
  .col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .col-lg-15 {
    width: calc(62.5% - 6px);
    flex: 0 0 calc(62.5% - 6px);
  }
  .col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .col-lg-16 {
    width: calc(66.6666666667% - 5.3333333333px);
    flex: 0 0 calc(66.6666666667% - 5.3333333333px);
  }
  .col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .col-lg-17 {
    width: calc(70.8333333333% - 4.6666666667px);
    flex: 0 0 calc(70.8333333333% - 4.6666666667px);
  }
  .col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .col-lg-18 {
    width: calc(75% - 4px);
    flex: 0 0 calc(75% - 4px);
  }
  .col-lg-offset-18 {
    margin-left: 75%;
  }
  .col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .col-lg-19 {
    width: calc(79.1666666667% - 3.3333333333px);
    flex: 0 0 calc(79.1666666667% - 3.3333333333px);
  }
  .col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .col-lg-20 {
    width: calc(83.3333333333% - 2.6666666667px);
    flex: 0 0 calc(83.3333333333% - 2.6666666667px);
  }
  .col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .col-lg-21 {
    width: calc(87.5% - 2px);
    flex: 0 0 calc(87.5% - 2px);
  }
  .col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .col-lg-22 {
    width: calc(91.6666666667% - 1.3333333333px);
    flex: 0 0 calc(91.6666666667% - 1.3333333333px);
  }
  .col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .col-lg-23 {
    width: calc(95.8333333333% - 0.6666666667px);
    flex: 0 0 calc(95.8333333333% - 0.6666666667px);
  }
  .col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .col-lg-24 {
    width: calc(100% - 0px);
    flex: 0 0 calc(100% - 0px);
  }
  .col-lg-offset-24 {
    margin-left: 100%;
  }
  .col-lg-push-24 {
    position: relative;
    left: 100%;
  }
  .col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .col-lg-hidden {
    display: none !important;
  }
  .col-lg-visible {
    display: block !important;
  }
  .col-lg-order-0 {
    order: 0;
  }
  .col-lg-order-1 {
    order: 1;
  }
  .col-lg-order-2 {
    order: 2;
  }
  .col-lg-order-3 {
    order: 3;
  }
  .col-lg-order-4 {
    order: 4;
  }
  .col-lg-order-5 {
    order: 5;
  }
  .col-lg-order-6 {
    order: 6;
  }
  .col-lg-order-7 {
    order: 7;
  }
  .col-lg-order-8 {
    order: 8;
  }
  .col-lg-order-9 {
    order: 9;
  }
  .col-lg-order-10 {
    order: 10;
  }
  .col-lg-order-11 {
    order: 11;
  }
  .col-lg-order-12 {
    order: 12;
  }
  .col-lg-order-13 {
    order: 13;
  }
  .col-lg-order-14 {
    order: 14;
  }
  .col-lg-order-15 {
    order: 15;
  }
  .col-lg-order-16 {
    order: 16;
  }
  .col-lg-order-17 {
    order: 17;
  }
  .col-lg-order-18 {
    order: 18;
  }
  .col-lg-order-19 {
    order: 19;
  }
  .col-lg-order-20 {
    order: 20;
  }
  .col-lg-order-21 {
    order: 21;
  }
  .col-lg-order-22 {
    order: 22;
  }
  .col-lg-order-23 {
    order: 23;
  }
  .col-lg-order-24 {
    order: 24;
  }
}
.col-order-0 {
  order: 0;
}

.col-order-1 {
  order: 1;
}

.col-order-2 {
  order: 2;
}

.col-order-3 {
  order: 3;
}

.col-order-4 {
  order: 4;
}

.col-order-5 {
  order: 5;
}

.col-order-6 {
  order: 6;
}

.col-order-7 {
  order: 7;
}

.col-order-8 {
  order: 8;
}

.col-order-9 {
  order: 9;
}

.col-order-10 {
  order: 10;
}

.col-order-11 {
  order: 11;
}

.col-order-12 {
  order: 12;
}

.col-order-13 {
  order: 13;
}

.col-order-14 {
  order: 14;
}

.col-order-15 {
  order: 15;
}

.col-order-16 {
  order: 16;
}

.col-order-17 {
  order: 17;
}

.col-order-18 {
  order: 18;
}

.col-order-19 {
  order: 19;
}

.col-order-20 {
  order: 20;
}

.col-order-21 {
  order: 21;
}

.col-order-22 {
  order: 22;
}

.col-order-23 {
  order: 23;
}

.col-order-24 {
  order: 24;
}

.container-element.no-gap {
  gap: 0;
}
@container (min-width: 480px) {
  .container-element.no-gap .col-xs-0 {
    width: 0%;
    flex: 0 0 0%;
  }
  .container-element.no-gap .col-xs-offset-0 {
    margin-left: 0%;
  }
  .container-element.no-gap .col-xs-push-0 {
    position: relative;
    left: 0%;
  }
  .container-element.no-gap .col-xs-pull-0 {
    position: relative;
    right: 0%;
  }
  .container-element.no-gap .col-xs-1 {
    width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .container-element.no-gap .col-xs-offset-1 {
    margin-left: 4.1666666667%;
  }
  .container-element.no-gap .col-xs-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .container-element.no-gap .col-xs-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .container-element.no-gap .col-xs-2 {
    width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .container-element.no-gap .col-xs-offset-2 {
    margin-left: 8.3333333333%;
  }
  .container-element.no-gap .col-xs-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .container-element.no-gap .col-xs-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .container-element.no-gap .col-xs-3 {
    width: 12.5%;
    flex: 0 0 12.5%;
  }
  .container-element.no-gap .col-xs-offset-3 {
    margin-left: 12.5%;
  }
  .container-element.no-gap .col-xs-push-3 {
    position: relative;
    left: 12.5%;
  }
  .container-element.no-gap .col-xs-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .container-element.no-gap .col-xs-4 {
    width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .container-element.no-gap .col-xs-offset-4 {
    margin-left: 16.6666666667%;
  }
  .container-element.no-gap .col-xs-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .container-element.no-gap .col-xs-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .container-element.no-gap .col-xs-5 {
    width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .container-element.no-gap .col-xs-offset-5 {
    margin-left: 20.8333333333%;
  }
  .container-element.no-gap .col-xs-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .container-element.no-gap .col-xs-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .container-element.no-gap .col-xs-6 {
    width: 25%;
    flex: 0 0 25%;
  }
  .container-element.no-gap .col-xs-offset-6 {
    margin-left: 25%;
  }
  .container-element.no-gap .col-xs-push-6 {
    position: relative;
    left: 25%;
  }
  .container-element.no-gap .col-xs-pull-6 {
    position: relative;
    right: 25%;
  }
  .container-element.no-gap .col-xs-7 {
    width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .container-element.no-gap .col-xs-offset-7 {
    margin-left: 29.1666666667%;
  }
  .container-element.no-gap .col-xs-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .container-element.no-gap .col-xs-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .container-element.no-gap .col-xs-8 {
    width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .container-element.no-gap .col-xs-offset-8 {
    margin-left: 33.3333333333%;
  }
  .container-element.no-gap .col-xs-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .container-element.no-gap .col-xs-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .container-element.no-gap .col-xs-9 {
    width: 37.5%;
    flex: 0 0 37.5%;
  }
  .container-element.no-gap .col-xs-offset-9 {
    margin-left: 37.5%;
  }
  .container-element.no-gap .col-xs-push-9 {
    position: relative;
    left: 37.5%;
  }
  .container-element.no-gap .col-xs-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .container-element.no-gap .col-xs-10 {
    width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .container-element.no-gap .col-xs-offset-10 {
    margin-left: 41.6666666667%;
  }
  .container-element.no-gap .col-xs-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .container-element.no-gap .col-xs-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .container-element.no-gap .col-xs-11 {
    width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .container-element.no-gap .col-xs-offset-11 {
    margin-left: 45.8333333333%;
  }
  .container-element.no-gap .col-xs-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .container-element.no-gap .col-xs-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .container-element.no-gap .col-xs-12 {
    width: 50%;
    flex: 0 0 50%;
  }
  .container-element.no-gap .col-xs-offset-12 {
    margin-left: 50%;
  }
  .container-element.no-gap .col-xs-push-12 {
    position: relative;
    left: 50%;
  }
  .container-element.no-gap .col-xs-pull-12 {
    position: relative;
    right: 50%;
  }
  .container-element.no-gap .col-xs-13 {
    width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .container-element.no-gap .col-xs-offset-13 {
    margin-left: 54.1666666667%;
  }
  .container-element.no-gap .col-xs-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .container-element.no-gap .col-xs-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .container-element.no-gap .col-xs-14 {
    width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .container-element.no-gap .col-xs-offset-14 {
    margin-left: 58.3333333333%;
  }
  .container-element.no-gap .col-xs-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .container-element.no-gap .col-xs-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .container-element.no-gap .col-xs-15 {
    width: 62.5%;
    flex: 0 0 62.5%;
  }
  .container-element.no-gap .col-xs-offset-15 {
    margin-left: 62.5%;
  }
  .container-element.no-gap .col-xs-push-15 {
    position: relative;
    left: 62.5%;
  }
  .container-element.no-gap .col-xs-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .container-element.no-gap .col-xs-16 {
    width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .container-element.no-gap .col-xs-offset-16 {
    margin-left: 66.6666666667%;
  }
  .container-element.no-gap .col-xs-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .container-element.no-gap .col-xs-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .container-element.no-gap .col-xs-17 {
    width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .container-element.no-gap .col-xs-offset-17 {
    margin-left: 70.8333333333%;
  }
  .container-element.no-gap .col-xs-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .container-element.no-gap .col-xs-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .container-element.no-gap .col-xs-18 {
    width: 75%;
    flex: 0 0 75%;
  }
  .container-element.no-gap .col-xs-offset-18 {
    margin-left: 75%;
  }
  .container-element.no-gap .col-xs-push-18 {
    position: relative;
    left: 75%;
  }
  .container-element.no-gap .col-xs-pull-18 {
    position: relative;
    right: 75%;
  }
  .container-element.no-gap .col-xs-19 {
    width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .container-element.no-gap .col-xs-offset-19 {
    margin-left: 79.1666666667%;
  }
  .container-element.no-gap .col-xs-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .container-element.no-gap .col-xs-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .container-element.no-gap .col-xs-20 {
    width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .container-element.no-gap .col-xs-offset-20 {
    margin-left: 83.3333333333%;
  }
  .container-element.no-gap .col-xs-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .container-element.no-gap .col-xs-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .container-element.no-gap .col-xs-21 {
    width: 87.5%;
    flex: 0 0 87.5%;
  }
  .container-element.no-gap .col-xs-offset-21 {
    margin-left: 87.5%;
  }
  .container-element.no-gap .col-xs-push-21 {
    position: relative;
    left: 87.5%;
  }
  .container-element.no-gap .col-xs-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .container-element.no-gap .col-xs-22 {
    width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .container-element.no-gap .col-xs-offset-22 {
    margin-left: 91.6666666667%;
  }
  .container-element.no-gap .col-xs-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .container-element.no-gap .col-xs-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .container-element.no-gap .col-xs-23 {
    width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .container-element.no-gap .col-xs-offset-23 {
    margin-left: 95.8333333333%;
  }
  .container-element.no-gap .col-xs-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .container-element.no-gap .col-xs-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .container-element.no-gap .col-xs-24 {
    width: 100%;
    flex: 0 0 100%;
  }
  .container-element.no-gap .col-xs-offset-24 {
    margin-left: 100%;
  }
  .container-element.no-gap .col-xs-push-24 {
    position: relative;
    left: 100%;
  }
  .container-element.no-gap .col-xs-pull-24 {
    position: relative;
    right: 100%;
  }
  .container-element.no-gap .col-xs-hidden {
    display: none !important;
  }
  .container-element.no-gap .col-xs-visible {
    display: block !important;
  }
  .container-element.no-gap .col-xs-order-0 {
    order: 0;
  }
  .container-element.no-gap .col-xs-order-1 {
    order: 1;
  }
  .container-element.no-gap .col-xs-order-2 {
    order: 2;
  }
  .container-element.no-gap .col-xs-order-3 {
    order: 3;
  }
  .container-element.no-gap .col-xs-order-4 {
    order: 4;
  }
  .container-element.no-gap .col-xs-order-5 {
    order: 5;
  }
  .container-element.no-gap .col-xs-order-6 {
    order: 6;
  }
  .container-element.no-gap .col-xs-order-7 {
    order: 7;
  }
  .container-element.no-gap .col-xs-order-8 {
    order: 8;
  }
  .container-element.no-gap .col-xs-order-9 {
    order: 9;
  }
  .container-element.no-gap .col-xs-order-10 {
    order: 10;
  }
  .container-element.no-gap .col-xs-order-11 {
    order: 11;
  }
  .container-element.no-gap .col-xs-order-12 {
    order: 12;
  }
  .container-element.no-gap .col-xs-order-13 {
    order: 13;
  }
  .container-element.no-gap .col-xs-order-14 {
    order: 14;
  }
  .container-element.no-gap .col-xs-order-15 {
    order: 15;
  }
  .container-element.no-gap .col-xs-order-16 {
    order: 16;
  }
  .container-element.no-gap .col-xs-order-17 {
    order: 17;
  }
  .container-element.no-gap .col-xs-order-18 {
    order: 18;
  }
  .container-element.no-gap .col-xs-order-19 {
    order: 19;
  }
  .container-element.no-gap .col-xs-order-20 {
    order: 20;
  }
  .container-element.no-gap .col-xs-order-21 {
    order: 21;
  }
  .container-element.no-gap .col-xs-order-22 {
    order: 22;
  }
  .container-element.no-gap .col-xs-order-23 {
    order: 23;
  }
  .container-element.no-gap .col-xs-order-24 {
    order: 24;
  }
}
@container (min-width: 700px) {
  .container-element.no-gap .col-sm-0 {
    width: 0%;
    flex: 0 0 0%;
  }
  .container-element.no-gap .col-sm-offset-0 {
    margin-left: 0%;
  }
  .container-element.no-gap .col-sm-push-0 {
    position: relative;
    left: 0%;
  }
  .container-element.no-gap .col-sm-pull-0 {
    position: relative;
    right: 0%;
  }
  .container-element.no-gap .col-sm-1 {
    width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .container-element.no-gap .col-sm-offset-1 {
    margin-left: 4.1666666667%;
  }
  .container-element.no-gap .col-sm-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .container-element.no-gap .col-sm-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .container-element.no-gap .col-sm-2 {
    width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .container-element.no-gap .col-sm-offset-2 {
    margin-left: 8.3333333333%;
  }
  .container-element.no-gap .col-sm-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .container-element.no-gap .col-sm-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .container-element.no-gap .col-sm-3 {
    width: 12.5%;
    flex: 0 0 12.5%;
  }
  .container-element.no-gap .col-sm-offset-3 {
    margin-left: 12.5%;
  }
  .container-element.no-gap .col-sm-push-3 {
    position: relative;
    left: 12.5%;
  }
  .container-element.no-gap .col-sm-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .container-element.no-gap .col-sm-4 {
    width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .container-element.no-gap .col-sm-offset-4 {
    margin-left: 16.6666666667%;
  }
  .container-element.no-gap .col-sm-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .container-element.no-gap .col-sm-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .container-element.no-gap .col-sm-5 {
    width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .container-element.no-gap .col-sm-offset-5 {
    margin-left: 20.8333333333%;
  }
  .container-element.no-gap .col-sm-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .container-element.no-gap .col-sm-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .container-element.no-gap .col-sm-6 {
    width: 25%;
    flex: 0 0 25%;
  }
  .container-element.no-gap .col-sm-offset-6 {
    margin-left: 25%;
  }
  .container-element.no-gap .col-sm-push-6 {
    position: relative;
    left: 25%;
  }
  .container-element.no-gap .col-sm-pull-6 {
    position: relative;
    right: 25%;
  }
  .container-element.no-gap .col-sm-7 {
    width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .container-element.no-gap .col-sm-offset-7 {
    margin-left: 29.1666666667%;
  }
  .container-element.no-gap .col-sm-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .container-element.no-gap .col-sm-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .container-element.no-gap .col-sm-8 {
    width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .container-element.no-gap .col-sm-offset-8 {
    margin-left: 33.3333333333%;
  }
  .container-element.no-gap .col-sm-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .container-element.no-gap .col-sm-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .container-element.no-gap .col-sm-9 {
    width: 37.5%;
    flex: 0 0 37.5%;
  }
  .container-element.no-gap .col-sm-offset-9 {
    margin-left: 37.5%;
  }
  .container-element.no-gap .col-sm-push-9 {
    position: relative;
    left: 37.5%;
  }
  .container-element.no-gap .col-sm-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .container-element.no-gap .col-sm-10 {
    width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .container-element.no-gap .col-sm-offset-10 {
    margin-left: 41.6666666667%;
  }
  .container-element.no-gap .col-sm-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .container-element.no-gap .col-sm-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .container-element.no-gap .col-sm-11 {
    width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .container-element.no-gap .col-sm-offset-11 {
    margin-left: 45.8333333333%;
  }
  .container-element.no-gap .col-sm-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .container-element.no-gap .col-sm-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .container-element.no-gap .col-sm-12 {
    width: 50%;
    flex: 0 0 50%;
  }
  .container-element.no-gap .col-sm-offset-12 {
    margin-left: 50%;
  }
  .container-element.no-gap .col-sm-push-12 {
    position: relative;
    left: 50%;
  }
  .container-element.no-gap .col-sm-pull-12 {
    position: relative;
    right: 50%;
  }
  .container-element.no-gap .col-sm-13 {
    width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .container-element.no-gap .col-sm-offset-13 {
    margin-left: 54.1666666667%;
  }
  .container-element.no-gap .col-sm-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .container-element.no-gap .col-sm-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .container-element.no-gap .col-sm-14 {
    width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .container-element.no-gap .col-sm-offset-14 {
    margin-left: 58.3333333333%;
  }
  .container-element.no-gap .col-sm-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .container-element.no-gap .col-sm-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .container-element.no-gap .col-sm-15 {
    width: 62.5%;
    flex: 0 0 62.5%;
  }
  .container-element.no-gap .col-sm-offset-15 {
    margin-left: 62.5%;
  }
  .container-element.no-gap .col-sm-push-15 {
    position: relative;
    left: 62.5%;
  }
  .container-element.no-gap .col-sm-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .container-element.no-gap .col-sm-16 {
    width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .container-element.no-gap .col-sm-offset-16 {
    margin-left: 66.6666666667%;
  }
  .container-element.no-gap .col-sm-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .container-element.no-gap .col-sm-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .container-element.no-gap .col-sm-17 {
    width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .container-element.no-gap .col-sm-offset-17 {
    margin-left: 70.8333333333%;
  }
  .container-element.no-gap .col-sm-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .container-element.no-gap .col-sm-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .container-element.no-gap .col-sm-18 {
    width: 75%;
    flex: 0 0 75%;
  }
  .container-element.no-gap .col-sm-offset-18 {
    margin-left: 75%;
  }
  .container-element.no-gap .col-sm-push-18 {
    position: relative;
    left: 75%;
  }
  .container-element.no-gap .col-sm-pull-18 {
    position: relative;
    right: 75%;
  }
  .container-element.no-gap .col-sm-19 {
    width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .container-element.no-gap .col-sm-offset-19 {
    margin-left: 79.1666666667%;
  }
  .container-element.no-gap .col-sm-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .container-element.no-gap .col-sm-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .container-element.no-gap .col-sm-20 {
    width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .container-element.no-gap .col-sm-offset-20 {
    margin-left: 83.3333333333%;
  }
  .container-element.no-gap .col-sm-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .container-element.no-gap .col-sm-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .container-element.no-gap .col-sm-21 {
    width: 87.5%;
    flex: 0 0 87.5%;
  }
  .container-element.no-gap .col-sm-offset-21 {
    margin-left: 87.5%;
  }
  .container-element.no-gap .col-sm-push-21 {
    position: relative;
    left: 87.5%;
  }
  .container-element.no-gap .col-sm-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .container-element.no-gap .col-sm-22 {
    width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .container-element.no-gap .col-sm-offset-22 {
    margin-left: 91.6666666667%;
  }
  .container-element.no-gap .col-sm-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .container-element.no-gap .col-sm-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .container-element.no-gap .col-sm-23 {
    width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .container-element.no-gap .col-sm-offset-23 {
    margin-left: 95.8333333333%;
  }
  .container-element.no-gap .col-sm-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .container-element.no-gap .col-sm-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .container-element.no-gap .col-sm-24 {
    width: 100%;
    flex: 0 0 100%;
  }
  .container-element.no-gap .col-sm-offset-24 {
    margin-left: 100%;
  }
  .container-element.no-gap .col-sm-push-24 {
    position: relative;
    left: 100%;
  }
  .container-element.no-gap .col-sm-pull-24 {
    position: relative;
    right: 100%;
  }
  .container-element.no-gap .col-sm-hidden {
    display: none !important;
  }
  .container-element.no-gap .col-sm-visible {
    display: block !important;
  }
  .container-element.no-gap .col-sm-order-0 {
    order: 0;
  }
  .container-element.no-gap .col-sm-order-1 {
    order: 1;
  }
  .container-element.no-gap .col-sm-order-2 {
    order: 2;
  }
  .container-element.no-gap .col-sm-order-3 {
    order: 3;
  }
  .container-element.no-gap .col-sm-order-4 {
    order: 4;
  }
  .container-element.no-gap .col-sm-order-5 {
    order: 5;
  }
  .container-element.no-gap .col-sm-order-6 {
    order: 6;
  }
  .container-element.no-gap .col-sm-order-7 {
    order: 7;
  }
  .container-element.no-gap .col-sm-order-8 {
    order: 8;
  }
  .container-element.no-gap .col-sm-order-9 {
    order: 9;
  }
  .container-element.no-gap .col-sm-order-10 {
    order: 10;
  }
  .container-element.no-gap .col-sm-order-11 {
    order: 11;
  }
  .container-element.no-gap .col-sm-order-12 {
    order: 12;
  }
  .container-element.no-gap .col-sm-order-13 {
    order: 13;
  }
  .container-element.no-gap .col-sm-order-14 {
    order: 14;
  }
  .container-element.no-gap .col-sm-order-15 {
    order: 15;
  }
  .container-element.no-gap .col-sm-order-16 {
    order: 16;
  }
  .container-element.no-gap .col-sm-order-17 {
    order: 17;
  }
  .container-element.no-gap .col-sm-order-18 {
    order: 18;
  }
  .container-element.no-gap .col-sm-order-19 {
    order: 19;
  }
  .container-element.no-gap .col-sm-order-20 {
    order: 20;
  }
  .container-element.no-gap .col-sm-order-21 {
    order: 21;
  }
  .container-element.no-gap .col-sm-order-22 {
    order: 22;
  }
  .container-element.no-gap .col-sm-order-23 {
    order: 23;
  }
  .container-element.no-gap .col-sm-order-24 {
    order: 24;
  }
}
@container (min-width: 1024px) {
  .container-element.no-gap .col-md-0 {
    width: 0%;
    flex: 0 0 0%;
  }
  .container-element.no-gap .col-md-offset-0 {
    margin-left: 0%;
  }
  .container-element.no-gap .col-md-push-0 {
    position: relative;
    left: 0%;
  }
  .container-element.no-gap .col-md-pull-0 {
    position: relative;
    right: 0%;
  }
  .container-element.no-gap .col-md-1 {
    width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .container-element.no-gap .col-md-offset-1 {
    margin-left: 4.1666666667%;
  }
  .container-element.no-gap .col-md-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .container-element.no-gap .col-md-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .container-element.no-gap .col-md-2 {
    width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .container-element.no-gap .col-md-offset-2 {
    margin-left: 8.3333333333%;
  }
  .container-element.no-gap .col-md-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .container-element.no-gap .col-md-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .container-element.no-gap .col-md-3 {
    width: 12.5%;
    flex: 0 0 12.5%;
  }
  .container-element.no-gap .col-md-offset-3 {
    margin-left: 12.5%;
  }
  .container-element.no-gap .col-md-push-3 {
    position: relative;
    left: 12.5%;
  }
  .container-element.no-gap .col-md-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .container-element.no-gap .col-md-4 {
    width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .container-element.no-gap .col-md-offset-4 {
    margin-left: 16.6666666667%;
  }
  .container-element.no-gap .col-md-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .container-element.no-gap .col-md-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .container-element.no-gap .col-md-5 {
    width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .container-element.no-gap .col-md-offset-5 {
    margin-left: 20.8333333333%;
  }
  .container-element.no-gap .col-md-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .container-element.no-gap .col-md-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .container-element.no-gap .col-md-6 {
    width: 25%;
    flex: 0 0 25%;
  }
  .container-element.no-gap .col-md-offset-6 {
    margin-left: 25%;
  }
  .container-element.no-gap .col-md-push-6 {
    position: relative;
    left: 25%;
  }
  .container-element.no-gap .col-md-pull-6 {
    position: relative;
    right: 25%;
  }
  .container-element.no-gap .col-md-7 {
    width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .container-element.no-gap .col-md-offset-7 {
    margin-left: 29.1666666667%;
  }
  .container-element.no-gap .col-md-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .container-element.no-gap .col-md-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .container-element.no-gap .col-md-8 {
    width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .container-element.no-gap .col-md-offset-8 {
    margin-left: 33.3333333333%;
  }
  .container-element.no-gap .col-md-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .container-element.no-gap .col-md-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .container-element.no-gap .col-md-9 {
    width: 37.5%;
    flex: 0 0 37.5%;
  }
  .container-element.no-gap .col-md-offset-9 {
    margin-left: 37.5%;
  }
  .container-element.no-gap .col-md-push-9 {
    position: relative;
    left: 37.5%;
  }
  .container-element.no-gap .col-md-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .container-element.no-gap .col-md-10 {
    width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .container-element.no-gap .col-md-offset-10 {
    margin-left: 41.6666666667%;
  }
  .container-element.no-gap .col-md-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .container-element.no-gap .col-md-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .container-element.no-gap .col-md-11 {
    width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .container-element.no-gap .col-md-offset-11 {
    margin-left: 45.8333333333%;
  }
  .container-element.no-gap .col-md-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .container-element.no-gap .col-md-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .container-element.no-gap .col-md-12 {
    width: 50%;
    flex: 0 0 50%;
  }
  .container-element.no-gap .col-md-offset-12 {
    margin-left: 50%;
  }
  .container-element.no-gap .col-md-push-12 {
    position: relative;
    left: 50%;
  }
  .container-element.no-gap .col-md-pull-12 {
    position: relative;
    right: 50%;
  }
  .container-element.no-gap .col-md-13 {
    width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .container-element.no-gap .col-md-offset-13 {
    margin-left: 54.1666666667%;
  }
  .container-element.no-gap .col-md-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .container-element.no-gap .col-md-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .container-element.no-gap .col-md-14 {
    width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .container-element.no-gap .col-md-offset-14 {
    margin-left: 58.3333333333%;
  }
  .container-element.no-gap .col-md-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .container-element.no-gap .col-md-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .container-element.no-gap .col-md-15 {
    width: 62.5%;
    flex: 0 0 62.5%;
  }
  .container-element.no-gap .col-md-offset-15 {
    margin-left: 62.5%;
  }
  .container-element.no-gap .col-md-push-15 {
    position: relative;
    left: 62.5%;
  }
  .container-element.no-gap .col-md-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .container-element.no-gap .col-md-16 {
    width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .container-element.no-gap .col-md-offset-16 {
    margin-left: 66.6666666667%;
  }
  .container-element.no-gap .col-md-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .container-element.no-gap .col-md-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .container-element.no-gap .col-md-17 {
    width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .container-element.no-gap .col-md-offset-17 {
    margin-left: 70.8333333333%;
  }
  .container-element.no-gap .col-md-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .container-element.no-gap .col-md-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .container-element.no-gap .col-md-18 {
    width: 75%;
    flex: 0 0 75%;
  }
  .container-element.no-gap .col-md-offset-18 {
    margin-left: 75%;
  }
  .container-element.no-gap .col-md-push-18 {
    position: relative;
    left: 75%;
  }
  .container-element.no-gap .col-md-pull-18 {
    position: relative;
    right: 75%;
  }
  .container-element.no-gap .col-md-19 {
    width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .container-element.no-gap .col-md-offset-19 {
    margin-left: 79.1666666667%;
  }
  .container-element.no-gap .col-md-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .container-element.no-gap .col-md-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .container-element.no-gap .col-md-20 {
    width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .container-element.no-gap .col-md-offset-20 {
    margin-left: 83.3333333333%;
  }
  .container-element.no-gap .col-md-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .container-element.no-gap .col-md-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .container-element.no-gap .col-md-21 {
    width: 87.5%;
    flex: 0 0 87.5%;
  }
  .container-element.no-gap .col-md-offset-21 {
    margin-left: 87.5%;
  }
  .container-element.no-gap .col-md-push-21 {
    position: relative;
    left: 87.5%;
  }
  .container-element.no-gap .col-md-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .container-element.no-gap .col-md-22 {
    width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .container-element.no-gap .col-md-offset-22 {
    margin-left: 91.6666666667%;
  }
  .container-element.no-gap .col-md-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .container-element.no-gap .col-md-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .container-element.no-gap .col-md-23 {
    width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .container-element.no-gap .col-md-offset-23 {
    margin-left: 95.8333333333%;
  }
  .container-element.no-gap .col-md-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .container-element.no-gap .col-md-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .container-element.no-gap .col-md-24 {
    width: 100%;
    flex: 0 0 100%;
  }
  .container-element.no-gap .col-md-offset-24 {
    margin-left: 100%;
  }
  .container-element.no-gap .col-md-push-24 {
    position: relative;
    left: 100%;
  }
  .container-element.no-gap .col-md-pull-24 {
    position: relative;
    right: 100%;
  }
  .container-element.no-gap .col-md-hidden {
    display: none !important;
  }
  .container-element.no-gap .col-md-visible {
    display: block !important;
  }
  .container-element.no-gap .col-md-order-0 {
    order: 0;
  }
  .container-element.no-gap .col-md-order-1 {
    order: 1;
  }
  .container-element.no-gap .col-md-order-2 {
    order: 2;
  }
  .container-element.no-gap .col-md-order-3 {
    order: 3;
  }
  .container-element.no-gap .col-md-order-4 {
    order: 4;
  }
  .container-element.no-gap .col-md-order-5 {
    order: 5;
  }
  .container-element.no-gap .col-md-order-6 {
    order: 6;
  }
  .container-element.no-gap .col-md-order-7 {
    order: 7;
  }
  .container-element.no-gap .col-md-order-8 {
    order: 8;
  }
  .container-element.no-gap .col-md-order-9 {
    order: 9;
  }
  .container-element.no-gap .col-md-order-10 {
    order: 10;
  }
  .container-element.no-gap .col-md-order-11 {
    order: 11;
  }
  .container-element.no-gap .col-md-order-12 {
    order: 12;
  }
  .container-element.no-gap .col-md-order-13 {
    order: 13;
  }
  .container-element.no-gap .col-md-order-14 {
    order: 14;
  }
  .container-element.no-gap .col-md-order-15 {
    order: 15;
  }
  .container-element.no-gap .col-md-order-16 {
    order: 16;
  }
  .container-element.no-gap .col-md-order-17 {
    order: 17;
  }
  .container-element.no-gap .col-md-order-18 {
    order: 18;
  }
  .container-element.no-gap .col-md-order-19 {
    order: 19;
  }
  .container-element.no-gap .col-md-order-20 {
    order: 20;
  }
  .container-element.no-gap .col-md-order-21 {
    order: 21;
  }
  .container-element.no-gap .col-md-order-22 {
    order: 22;
  }
  .container-element.no-gap .col-md-order-23 {
    order: 23;
  }
  .container-element.no-gap .col-md-order-24 {
    order: 24;
  }
}
@container (min-width: 2048px) {
  .container-element.no-gap .col-lg-0 {
    width: 0%;
    flex: 0 0 0%;
  }
  .container-element.no-gap .col-lg-offset-0 {
    margin-left: 0%;
  }
  .container-element.no-gap .col-lg-push-0 {
    position: relative;
    left: 0%;
  }
  .container-element.no-gap .col-lg-pull-0 {
    position: relative;
    right: 0%;
  }
  .container-element.no-gap .col-lg-1 {
    width: 4.1666666667%;
    flex: 0 0 4.1666666667%;
  }
  .container-element.no-gap .col-lg-offset-1 {
    margin-left: 4.1666666667%;
  }
  .container-element.no-gap .col-lg-push-1 {
    position: relative;
    left: 4.1666666667%;
  }
  .container-element.no-gap .col-lg-pull-1 {
    position: relative;
    right: 4.1666666667%;
  }
  .container-element.no-gap .col-lg-2 {
    width: 8.3333333333%;
    flex: 0 0 8.3333333333%;
  }
  .container-element.no-gap .col-lg-offset-2 {
    margin-left: 8.3333333333%;
  }
  .container-element.no-gap .col-lg-push-2 {
    position: relative;
    left: 8.3333333333%;
  }
  .container-element.no-gap .col-lg-pull-2 {
    position: relative;
    right: 8.3333333333%;
  }
  .container-element.no-gap .col-lg-3 {
    width: 12.5%;
    flex: 0 0 12.5%;
  }
  .container-element.no-gap .col-lg-offset-3 {
    margin-left: 12.5%;
  }
  .container-element.no-gap .col-lg-push-3 {
    position: relative;
    left: 12.5%;
  }
  .container-element.no-gap .col-lg-pull-3 {
    position: relative;
    right: 12.5%;
  }
  .container-element.no-gap .col-lg-4 {
    width: 16.6666666667%;
    flex: 0 0 16.6666666667%;
  }
  .container-element.no-gap .col-lg-offset-4 {
    margin-left: 16.6666666667%;
  }
  .container-element.no-gap .col-lg-push-4 {
    position: relative;
    left: 16.6666666667%;
  }
  .container-element.no-gap .col-lg-pull-4 {
    position: relative;
    right: 16.6666666667%;
  }
  .container-element.no-gap .col-lg-5 {
    width: 20.8333333333%;
    flex: 0 0 20.8333333333%;
  }
  .container-element.no-gap .col-lg-offset-5 {
    margin-left: 20.8333333333%;
  }
  .container-element.no-gap .col-lg-push-5 {
    position: relative;
    left: 20.8333333333%;
  }
  .container-element.no-gap .col-lg-pull-5 {
    position: relative;
    right: 20.8333333333%;
  }
  .container-element.no-gap .col-lg-6 {
    width: 25%;
    flex: 0 0 25%;
  }
  .container-element.no-gap .col-lg-offset-6 {
    margin-left: 25%;
  }
  .container-element.no-gap .col-lg-push-6 {
    position: relative;
    left: 25%;
  }
  .container-element.no-gap .col-lg-pull-6 {
    position: relative;
    right: 25%;
  }
  .container-element.no-gap .col-lg-7 {
    width: 29.1666666667%;
    flex: 0 0 29.1666666667%;
  }
  .container-element.no-gap .col-lg-offset-7 {
    margin-left: 29.1666666667%;
  }
  .container-element.no-gap .col-lg-push-7 {
    position: relative;
    left: 29.1666666667%;
  }
  .container-element.no-gap .col-lg-pull-7 {
    position: relative;
    right: 29.1666666667%;
  }
  .container-element.no-gap .col-lg-8 {
    width: 33.3333333333%;
    flex: 0 0 33.3333333333%;
  }
  .container-element.no-gap .col-lg-offset-8 {
    margin-left: 33.3333333333%;
  }
  .container-element.no-gap .col-lg-push-8 {
    position: relative;
    left: 33.3333333333%;
  }
  .container-element.no-gap .col-lg-pull-8 {
    position: relative;
    right: 33.3333333333%;
  }
  .container-element.no-gap .col-lg-9 {
    width: 37.5%;
    flex: 0 0 37.5%;
  }
  .container-element.no-gap .col-lg-offset-9 {
    margin-left: 37.5%;
  }
  .container-element.no-gap .col-lg-push-9 {
    position: relative;
    left: 37.5%;
  }
  .container-element.no-gap .col-lg-pull-9 {
    position: relative;
    right: 37.5%;
  }
  .container-element.no-gap .col-lg-10 {
    width: 41.6666666667%;
    flex: 0 0 41.6666666667%;
  }
  .container-element.no-gap .col-lg-offset-10 {
    margin-left: 41.6666666667%;
  }
  .container-element.no-gap .col-lg-push-10 {
    position: relative;
    left: 41.6666666667%;
  }
  .container-element.no-gap .col-lg-pull-10 {
    position: relative;
    right: 41.6666666667%;
  }
  .container-element.no-gap .col-lg-11 {
    width: 45.8333333333%;
    flex: 0 0 45.8333333333%;
  }
  .container-element.no-gap .col-lg-offset-11 {
    margin-left: 45.8333333333%;
  }
  .container-element.no-gap .col-lg-push-11 {
    position: relative;
    left: 45.8333333333%;
  }
  .container-element.no-gap .col-lg-pull-11 {
    position: relative;
    right: 45.8333333333%;
  }
  .container-element.no-gap .col-lg-12 {
    width: 50%;
    flex: 0 0 50%;
  }
  .container-element.no-gap .col-lg-offset-12 {
    margin-left: 50%;
  }
  .container-element.no-gap .col-lg-push-12 {
    position: relative;
    left: 50%;
  }
  .container-element.no-gap .col-lg-pull-12 {
    position: relative;
    right: 50%;
  }
  .container-element.no-gap .col-lg-13 {
    width: 54.1666666667%;
    flex: 0 0 54.1666666667%;
  }
  .container-element.no-gap .col-lg-offset-13 {
    margin-left: 54.1666666667%;
  }
  .container-element.no-gap .col-lg-push-13 {
    position: relative;
    left: 54.1666666667%;
  }
  .container-element.no-gap .col-lg-pull-13 {
    position: relative;
    right: 54.1666666667%;
  }
  .container-element.no-gap .col-lg-14 {
    width: 58.3333333333%;
    flex: 0 0 58.3333333333%;
  }
  .container-element.no-gap .col-lg-offset-14 {
    margin-left: 58.3333333333%;
  }
  .container-element.no-gap .col-lg-push-14 {
    position: relative;
    left: 58.3333333333%;
  }
  .container-element.no-gap .col-lg-pull-14 {
    position: relative;
    right: 58.3333333333%;
  }
  .container-element.no-gap .col-lg-15 {
    width: 62.5%;
    flex: 0 0 62.5%;
  }
  .container-element.no-gap .col-lg-offset-15 {
    margin-left: 62.5%;
  }
  .container-element.no-gap .col-lg-push-15 {
    position: relative;
    left: 62.5%;
  }
  .container-element.no-gap .col-lg-pull-15 {
    position: relative;
    right: 62.5%;
  }
  .container-element.no-gap .col-lg-16 {
    width: 66.6666666667%;
    flex: 0 0 66.6666666667%;
  }
  .container-element.no-gap .col-lg-offset-16 {
    margin-left: 66.6666666667%;
  }
  .container-element.no-gap .col-lg-push-16 {
    position: relative;
    left: 66.6666666667%;
  }
  .container-element.no-gap .col-lg-pull-16 {
    position: relative;
    right: 66.6666666667%;
  }
  .container-element.no-gap .col-lg-17 {
    width: 70.8333333333%;
    flex: 0 0 70.8333333333%;
  }
  .container-element.no-gap .col-lg-offset-17 {
    margin-left: 70.8333333333%;
  }
  .container-element.no-gap .col-lg-push-17 {
    position: relative;
    left: 70.8333333333%;
  }
  .container-element.no-gap .col-lg-pull-17 {
    position: relative;
    right: 70.8333333333%;
  }
  .container-element.no-gap .col-lg-18 {
    width: 75%;
    flex: 0 0 75%;
  }
  .container-element.no-gap .col-lg-offset-18 {
    margin-left: 75%;
  }
  .container-element.no-gap .col-lg-push-18 {
    position: relative;
    left: 75%;
  }
  .container-element.no-gap .col-lg-pull-18 {
    position: relative;
    right: 75%;
  }
  .container-element.no-gap .col-lg-19 {
    width: 79.1666666667%;
    flex: 0 0 79.1666666667%;
  }
  .container-element.no-gap .col-lg-offset-19 {
    margin-left: 79.1666666667%;
  }
  .container-element.no-gap .col-lg-push-19 {
    position: relative;
    left: 79.1666666667%;
  }
  .container-element.no-gap .col-lg-pull-19 {
    position: relative;
    right: 79.1666666667%;
  }
  .container-element.no-gap .col-lg-20 {
    width: 83.3333333333%;
    flex: 0 0 83.3333333333%;
  }
  .container-element.no-gap .col-lg-offset-20 {
    margin-left: 83.3333333333%;
  }
  .container-element.no-gap .col-lg-push-20 {
    position: relative;
    left: 83.3333333333%;
  }
  .container-element.no-gap .col-lg-pull-20 {
    position: relative;
    right: 83.3333333333%;
  }
  .container-element.no-gap .col-lg-21 {
    width: 87.5%;
    flex: 0 0 87.5%;
  }
  .container-element.no-gap .col-lg-offset-21 {
    margin-left: 87.5%;
  }
  .container-element.no-gap .col-lg-push-21 {
    position: relative;
    left: 87.5%;
  }
  .container-element.no-gap .col-lg-pull-21 {
    position: relative;
    right: 87.5%;
  }
  .container-element.no-gap .col-lg-22 {
    width: 91.6666666667%;
    flex: 0 0 91.6666666667%;
  }
  .container-element.no-gap .col-lg-offset-22 {
    margin-left: 91.6666666667%;
  }
  .container-element.no-gap .col-lg-push-22 {
    position: relative;
    left: 91.6666666667%;
  }
  .container-element.no-gap .col-lg-pull-22 {
    position: relative;
    right: 91.6666666667%;
  }
  .container-element.no-gap .col-lg-23 {
    width: 95.8333333333%;
    flex: 0 0 95.8333333333%;
  }
  .container-element.no-gap .col-lg-offset-23 {
    margin-left: 95.8333333333%;
  }
  .container-element.no-gap .col-lg-push-23 {
    position: relative;
    left: 95.8333333333%;
  }
  .container-element.no-gap .col-lg-pull-23 {
    position: relative;
    right: 95.8333333333%;
  }
  .container-element.no-gap .col-lg-24 {
    width: 100%;
    flex: 0 0 100%;
  }
  .container-element.no-gap .col-lg-offset-24 {
    margin-left: 100%;
  }
  .container-element.no-gap .col-lg-push-24 {
    position: relative;
    left: 100%;
  }
  .container-element.no-gap .col-lg-pull-24 {
    position: relative;
    right: 100%;
  }
  .container-element.no-gap .col-lg-hidden {
    display: none !important;
  }
  .container-element.no-gap .col-lg-visible {
    display: block !important;
  }
  .container-element.no-gap .col-lg-order-0 {
    order: 0;
  }
  .container-element.no-gap .col-lg-order-1 {
    order: 1;
  }
  .container-element.no-gap .col-lg-order-2 {
    order: 2;
  }
  .container-element.no-gap .col-lg-order-3 {
    order: 3;
  }
  .container-element.no-gap .col-lg-order-4 {
    order: 4;
  }
  .container-element.no-gap .col-lg-order-5 {
    order: 5;
  }
  .container-element.no-gap .col-lg-order-6 {
    order: 6;
  }
  .container-element.no-gap .col-lg-order-7 {
    order: 7;
  }
  .container-element.no-gap .col-lg-order-8 {
    order: 8;
  }
  .container-element.no-gap .col-lg-order-9 {
    order: 9;
  }
  .container-element.no-gap .col-lg-order-10 {
    order: 10;
  }
  .container-element.no-gap .col-lg-order-11 {
    order: 11;
  }
  .container-element.no-gap .col-lg-order-12 {
    order: 12;
  }
  .container-element.no-gap .col-lg-order-13 {
    order: 13;
  }
  .container-element.no-gap .col-lg-order-14 {
    order: 14;
  }
  .container-element.no-gap .col-lg-order-15 {
    order: 15;
  }
  .container-element.no-gap .col-lg-order-16 {
    order: 16;
  }
  .container-element.no-gap .col-lg-order-17 {
    order: 17;
  }
  .container-element.no-gap .col-lg-order-18 {
    order: 18;
  }
  .container-element.no-gap .col-lg-order-19 {
    order: 19;
  }
  .container-element.no-gap .col-lg-order-20 {
    order: 20;
  }
  .container-element.no-gap .col-lg-order-21 {
    order: 21;
  }
  .container-element.no-gap .col-lg-order-22 {
    order: 22;
  }
  .container-element.no-gap .col-lg-order-23 {
    order: 23;
  }
  .container-element.no-gap .col-lg-order-24 {
    order: 24;
  }
}
.container-element.gap-8 {
  gap: 8px;
}
.container-element.gap-16 {
  gap: 16px;
}
.container-element.gap-24 {
  gap: 24px;
}
.container-element.gap-32 {
  gap: 32px;
}

.loader {
  width: 100%;
  font-size: 3rem;
  min-height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

#app_header {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--dark-light);
  padding-bottom: var(--base-space);
}
#app_header .h2 {
  font-weight: 900;
  font-size: var(--base-space-2);
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 0px;
    opacity: 1;
  }
}
@keyframes animatebottom {
  from {
    bottom: -100px;
    opacity: 0;
  }
  to {
    bottom: 0;
    opacity: 1;
  }
}
.activeRoute {
  color: #62A8EA !important;
  font-weight: bold;
}

.helperImageWrapper {
  margin: 0 auto;
  display: inline-block;
  position: relative;
}

.helperImageDelete {
  background-color: black !important;
  border: none !important;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  color: white;
}

.helperImagePreview {
  display: none;
}

header .toolbar h3 {
  color: var(--gray-1);
}
header.toolbar.resalted {
  background: var(--light-2);
  border-radius: 2px;
  display: flex;
  justify-content: space-around;
  box-shadow: 5px 5px 4px rgba(0, 0, 0, 0.0901960784);
}
header.toolbar-popup {
  background: var(--backbourdcolor);
  margin: -12px -12px 1rem;
  padding: var(--base-min-space);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--base-space);
}
header.toolbar-popup strong {
  color: var(--gray-2);
  font-size: var(--base-space);
}

.container-normal.container-with-toolbar {
  padding: 0 0 0.5rem;
  border-radius: 10px 10px 3px 3px;
}
.container-normal.container-with-toolbar > div {
  padding: 0 1rem;
}
.container-normal.container-with-toolbar #result-wrapper {
  border: none;
}

.container-with-header {
  border-radius: 3px;
  border: solid 1px #dfdfdf;
}
.container-with-header header {
  display: flex;
  justify-content: space-between;
  padding: var(--base-min-space);
  background: var(--backbourdcolor);
  align-items: center;
}
.container-with-header header span {
  font-weight: 600;
}

.required-document-wrapper {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid var(--light);
  padding: var(--base-min-space);
}

.el-card__header {
  padding: var(--base-min-space);
}

.button-column {
  display: flex;
  justify-content: flex-end;
  flex-direction: row;
}

.el-table .el-table__body tr.el-table__row.highlight-row td.el-table__cell {
  background: #ecf5ff !important;
}

.el-table.spreadsheet td {
  margin: 0;
  padding: 0;
}
.el-table.spreadsheet .cell {
  display: flex;
  padding: 0;
}
.el-table.spreadsheet .cell input {
  width: 100%;
}
.el-table.spreadsheet .cell input:not(:focus) {
  border: none !important;
}

table tr.light-header-row th {
  background: var(--backbourdcolor) !important;
  color: var(--gray-2);
}

.el-table--striped .el-table__body tr.el-table__row.current-row td.el-table__cell {
  background-color: var(--gray-3) !important;
}
.el-table--striped .el-table__body tr.el-table__row.current-row td.el-table__cell .cell {
  font-weight: 900;
  color: white;
}

.el-table .partner-row td {
  background-color: rgba(103, 198, 58, 0.05) !important;
}

.el-form-item__label {
  line-height: 1.5rem !important;
}

.form-footer {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid var(--dark-light);
  display: flex;
  justify-content: flex-end;
  gap: var(--base-space);
}

fieldset {
  border: 1px solid var(--fbc-gray-20);
  margin-bottom: 1rem;
}
fieldset legend {
  color: var(--dark-2);
  padding: 0 0.5rem;
  margin-left: 0.2rem;
}
fieldset .el-checkbox-button__inner {
  border-left: 1px solid #dcdfe6;
}

@media screen and (min-width: 1280px) {
  .el-form-item {
    margin-bottom: 1rem !important;
  }
}
.input-container .el-input-group__prepend {
  padding: 0 5px;
}
.input-container .el-input-group__prepend input {
  border-radius: 0;
  background: transparent;
  padding: 0 5px;
  width: 3rem;
  border: 1px solid var(--light-2);
  height: 2rem;
}

.datepicker-with-addon-right .el-form-item__content {
  display: flex;
  gap: 0;
}
.datepicker-with-addon-right .el-form-item__content .el-date-editor .el-input__inner {
  border-radius: 5px 0 0 5px;
}
.datepicker-with-addon-right .el-form-item__content button {
  margin-left: 0;
  border-radius: 0 5px 5px 0 !important;
  height: calc(100% - 1px);
}

.el-form-item__content label:not([class^=el-]),
.el-form-item__content strong {
  padding-left: var(--base-min-space);
}

.vertical-form {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
  background-color: var(--blue) !important;
}
.el-select-dropdown__item.hover.selected,
.el-select-dropdown__item.hover span, .el-select-dropdown__item:hover.selected,
.el-select-dropdown__item:hover span {
  color: var(--dark-light);
  font-weight: 500;
}

.el-form--inline .el-form-item {
  display: flex !important;
  align-items: center;
}

.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content {
  background-color: var(--backbourdcolor);
}
.el-tree--highlight-current .el-tree-node.is-current > .el-tree-node__content .custom-tree-node {
  font-weight: 600;
}

.el-tree-node__content:hover, .el-upload-list__item:hover {
  background-color: var(--fbc-light-gray);
}

.el-tree .head-of-section {
  background-color: var(--backbourdcolor);
  padding: var(--base-min-space);
  border-radius: 10px;
}

.container-separator {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--light);
  margin-bottom: 0.5rem;
}

.flex {
  display: flex;
  gap: var(--base-min-space);
}

.flex-column {
  flex-direction: column;
}

.flex-row {
  flex-direction: row;
  align-items: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-start {
  justify-content: flex-start;
}

.justify-center {
  justify-content: center;
}

.justify-between {
  justify-content: space-between;
}

.justify-around {
  justify-content: space-around;
}

.toolbar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: var(--base-min-space);
  padding: var(--base-min-space);
}
.toolbar.toolbar-full-width {
  width: 100%;
  justify-content: flex-end;
}

.toolbar-light {
  background: var(--light);
}

.toolbar-header {
  border-radius: 5px;
  box-shadow: var(--shadow-resalted);
  padding: var(--base-min-space);
  padding-right: var(--base-space-4);
  background: var(--light);
  align-items: center;
}
.toolbar-header > span {
  color: var(--dark);
  font-weight: 600;
  font-size: var(--base-space);
}
.toolbar-header > div {
  display: flex;
  gap: var(--base-space);
  align-items: center;
}
.toolbar-header + .el-dialog__headerbtn {
  font-size: var(--base-space-3);
}

.flex-row-end {
  flex-direction: row;
  justify-content: flex-end !important;
}

.flex-centered {
  align-items: center;
  justify-content: center;
}

.flex-between {
  justify-content: space-between;
}

.row-space-between {
  gap: var(--base-min-space);
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  align-items: center;
  margin: 0;
}
.row-space-between .el-input {
  width: 100% !important;
}

/**
    Bloque usado dentro de otros contenedores para resaltar levemente el contenido.
 */
.inside-block {
  box-shadow: var(--light-shadow);
  padding: var(--base-space);
  border: 1px solid var(--light);
  margin-bottom: var(--base-min-space);
  font-size: var(--base-space-less);
}
.inside-block header {
  font-weight: 600;
  padding-bottom: var(--base-min-space);
  color: var(--gray-2);
  font-size: var(--base-space);
}

.information-block {
  margin-bottom: var(--base-min-space);
  font-size: var(--base-space);
  border-bottom: 1px solid var(--light);
  padding-bottom: var(--base-min-space);
}
.information-block .information-content-wrapper {
  margin: var(--base-min-space);
}

.box__title_gradient {
  border: 1px solid var(--light-3);
  border-radius: 2px;
}
.box__title_gradient header {
  background: linear-gradient(274deg, rgb(215, 232, 255) 0%, rgb(246, 249, 255) 80%);
  padding: var(--base-min-space);
  margin: 0 0 var(--base-space) 0;
}
.box__title_gradient > div {
  padding: var(--base-min-space);
}
.box__title_gradient footer {
  display: flex;
  justify-content: flex-end;
  padding: var(--base-min-space);
  background: var(--light);
}

.tag-container {
  display: flex;
  flex-direction: row;
  gap: var(--base-min-space);
  flex-wrap: wrap;
}

.el-descriptions__header {
  background: var(--extra-light);
  padding: 0.5rem;
}

.mc-wysiwyg #toolbar {
  display: flex;
  gap: var(--base-space);
  background: var(--light);
}
.mc-wysiwyg #toolbar .toolbar-section {
  display: flex;
  align-items: center;
  gap: var(--base-min-space);
  padding: 0 var(--base-min-space);
  float: none;
}
.mc-wysiwyg .wysiwyg-button {
  color: var(--azul-nav-izquierda);
  background: transparent;
  padding: 3px 5px !important;
  font-size: 12px;
  border-radius: 3px;
  height: auto !important;
  min-width: auto !important;
  border: 1px solid var(--azul-nav-izquierda);
  cursor: pointer;
}
.mc-wysiwyg .wysiwyg-button:hover {
  color: #fdfdfd;
  background-color: var(--azul-nav-izquierda) !important;
}

.container-with-button {
  margin-bottom: 1rem;
  position: relative;
}
.container-with-button .el-button {
  position: absolute;
  bottom: 5px;
  right: 20px;
}

.tool-container {
  background: var(--light);
  padding: var(--base-min-space);
  border: 1px solid var(--light-3);
  margin-bottom: var(--base-space);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--base-min-space);
}
.tool-container > div {
  display: flex;
  align-items: center;
  gap: var(--base-min-space);
}

.widget-container {
  display: flex;
  gap: var(--base-min-space);
  border-style: solid;
  border-color: var(--gray-5);
  padding: var(--base-min-space);
}
.widget-container.widget-container-bottom {
  border-width: 0 1px 1px 1px;
  margin-bottom: var(--base-space);
}
.widget-container .separator {
  flex: 1;
}
.widget-container button {
  margin: 0 !important;
}

.required-document-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: var(--base-space);
}

.create-required-wrapper,
.required-document-wrapper {
  display: flex;
  flex-direction: column;
}

.el-table__expanded-cell {
  background-color: var(--extra-light) !important;
  padding: var(--base-min-space) !important;
}
.el-table__expanded-cell .create-required-wrapper > div,
.el-table__expanded-cell .required-document-wrapper > div {
  background: white;
}

.paginator-wrapper {
  display: flex;
  justify-content: space-between;
  padding: var(--base-space) var(--base-min-space);
  border: 1px solid var(--light-2);
  background: white;
  margin-top: var(--base-min-space);
  align-items: center;
}

#people-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--base-min-space);
}

.person-wrapper {
  cursor: pointer;
  border: 1px solid var(--light);
  padding: var(--base-min-space);
  display: flex;
  justify-content: space-between;
  box-shadow: var(--basic-shadow);
  border-radius: 2px;
}
.person-wrapper:hover {
  background: var(--light);
  box-shadow: var(--light-shadow);
}

.person-name {
  font-weight: 600;
  font-size: 0.85rem;
  letter-spacing: 1px;
}

.person-address {
  display: block;
  font-size: 0.9rem;
}

.vertical-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--base-min-space);
  margin-bottom: var(--base-min-space);
}

.full-width {
  width: 100%;
}

.mb0 {
  margin-bottom: 0;
}

.mt0 {
  margin-top: 0;
}

.ml0 {
  margin-left: 0;
}

.mr0 {
  margin-right: 0;
}

.ma0 {
  margin: 0;
}

.mb {
  margin-bottom: var(--base-min-space);
}

.mt {
  margin-top: var(--base-min-space);
}

.ml {
  margin-left: var(--base-min-space);
}

.mr {
  margin-right: var(--base-min-space);
}

.ma {
  margin: var(--base-min-space);
}

.mb1 {
  margin-bottom: var(--base-space);
}

.mt1 {
  margin-top: var(--base-space);
}

.ml1 {
  margin-left: var(--base-space);
}

.mr1 {
  margin-right: var(--base-space);
}

.ma1 {
  margin: var(--base-space);
}

.mb2 {
  margin-bottom: var(--base-space-2);
}

.mt2 {
  margin-top: var(--base-space-2);
}

.ml2 {
  margin-left: var(--base-space-2);
}

.mr2 {
  margin-right: var(--base-space-2);
}

.ma2 {
  margin: var(--base-space-2);
}

.mb3 {
  margin-bottom: var(--base-space-3);
}

.mt3 {
  margin-top: var(--base-space-3);
}

.ml3 {
  margin-left: var(--base-space-3);
}

.mr3 {
  margin-right: var(--base-space-3);
}

.ma3 {
  margin: var(--base-space-3);
}

.mb4 {
  margin-bottom: var(--base-space-4);
}

.mt4 {
  margin-top: var(--base-space-4);
}

.ml4 {
  margin-left: var(--base-space-4);
}

.mr4 {
  margin-right: var(--base-space-4);
}

.ma4 {
  margin: var(--base-space-4);
}

.mb5 {
  margin-bottom: var(--base-space-5);
}

.mt5 {
  margin-top: var(--base-space-5);
}

.ml5 {
  margin-left: var(--base-space-5);
}

.mr5 {
  margin-right: var(--base-space-5);
}

.ma5 {
  margin: var(--base-space-5);
}

.pb0 {
  padding-bottom: 0;
}

.pt0 {
  padding-top: 0;
}

.pl0 {
  padding-left: 0;
}

.pr0 {
  padding-right: 0;
}

.pa0 {
  padding: 0;
}

.pb {
  padding-bottom: var(--base-min-space);
}

.pt {
  padding-top: var(--base-min-space);
}

.pl {
  padding-left: var(--base-min-space);
}

.pr {
  padding-right: var(--base-min-space);
}

.pa {
  padding: var(--base-min-space);
}

.pb1 {
  padding-bottom: var(--base-space);
}

.pt1 {
  padding-top: var(--base-space);
}

.pl1 {
  padding-left: var(--base-space);
}

.pr1 {
  padding-right: var(--base-space);
}

.pa1 {
  padding: var(--base-space);
}

.pb2 {
  padding-bottom: var(--base-space-2);
}

.pt2 {
  padding-top: var(--base-space-2);
}

.pl2 {
  padding-left: var(--base-space-2);
}

.pr2 {
  padding-right: var(--base-space-2);
}

.pa2 {
  padding: var(--base-space-2);
}

.pb3 {
  padding-bottom: var(--base-space-3);
}

.pt3 {
  padding-top: var(--base-space-3);
}

.pl3 {
  padding-left: var(--base-space-3);
}

.pr3 {
  padding-right: var(--base-space-3);
}

.pa3 {
  padding: var(--base-space-3);
}

.pb4 {
  padding-bottom: var(--base-space-4);
}

.pt4 {
  padding-top: var(--base-space-4);
}

.pl4 {
  padding-left: var(--base-space-4);
}

.pr4 {
  padding-right: var(--base-space-4);
}

.pa4 {
  padding: var(--base-space-4);
}

.pb5 {
  padding-bottom: var(--base-space-5);
}

.pt5 {
  padding-top: var(--base-space-5);
}

.pl5 {
  padding-left: var(--base-space-5);
}

.pr5 {
  padding-right: var(--base-space-5);
}

.pa5 {
  padding: var(--base-space-5);
}

.grid-span-2-rows {
  grid-row: span 2;
}

.grid-span-2-columns {
  grid-column: span 2;
}

.grid-span-3-rows {
  grid-row: span 3;
}

.grid-span-3-columns {
  grid-column: span 3;
}

.grid-span-4-rows {
  grid-row: span 4;
}

.grid-span-4-columns {
  grid-column: span 4;
}

.grid-span-5-rows {
  grid-row: span 5;
}

.grid-span-5-columns {
  grid-column: span 5;
}

.grid-span-6-rows {
  grid-row: span 6;
}

.grid-span-6-columns {
  grid-column: span 6;
}

.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.distribution-dashboard {
  display: grid;
  grid-template-columns: 20% calc(80% - var(--base-space-2));
  grid-gap: var(--base-space);
}
.distribution-dashboard section.content header {
  padding: var(--base-min-space);
  font-weight: 600;
}
.distribution-dashboard section.content .el-tab-pane .field.field-text label {
  display: block;
  font-weight: 600;
}

/** Bloque que encapsula los documentos por personas */
.required-document-article-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--base-space);
  padding-right: var(--base-space);
}

.error-block {
  border: 1px solid var(--red-danger);
  border-radius: 5px;
}

/** KANBAN */
.kanban-wrapper h2 {
  margin: 0;
}

.kanban-view {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
  padding: 20px;
  position: relative;
}
.kanban-view .kanban-card {
  background: white;
  border-radius: 12px;
  border: 1px solid #ebeef5;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  padding: 16px;
  transition: all 0.3s ease;
  position: relative;
  overflow: hidden;
}
.kanban-view .kanban-card h3 {
  cursor: pointer;
  color: var(--base-primary) !important;
  transition: color 0.2s;
  margin: 0;
  font-size: 18px;
  font-weight: 600;
}
.kanban-view .kanban-card h3 i {
  visibility: hidden;
}
.kanban-view .kanban-card h3:hover {
  color: var(--azul-medio) !important;
  text-decoration: underline;
}
.kanban-view .kanban-card h3:hover i {
  visibility: visible;
}
.kanban-view .kanban-card::before {
  content: "";
  position: absolute;
  height: 6px;
  top: 0;
  left: 0;
  right: 0;
  background-color: #409eff;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}
.kanban-view .kanban-card:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.kanban-view .kanban-card .header {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.kanban-view .kanban-card .footer {
  margin-top: 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.kanban-view .fade-enter-active,
.kanban-view .fade-leave-active {
  transition: all 0.4s ease;
}
.kanban-view .fade-enter,
.kanban-view .fade-leave-to {
  opacity: 0;
  transform: scale(0.95);
}

.el-dialog__footer,
.footer-toolbar {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  background-color: #f7f8fa;
  border-top: 1px solid #e0e0e0;
  padding: var(--base-space) var(--base-space-2);
}
.el-tab-pane .el-dialog__body + .el-dialog__footer,
.el-tab-pane .el-dialog__body + .footer-toolbar {
  width: calc(100% + 15px);
  margin-left: -15px;
  margin-bottom: -5px;
}
.card1 .el-dialog__footer,
.card1 .footer-toolbar {
  width: calc(100% - 31px);
  margin-left: -10px;
  margin-bottom: -10px;
}
.el-card .el-dialog__footer,
.el-card .footer-toolbar {
  width: 100%;
  margin-left: -20px;
  margin-bottom: -20px;
  margin-top: var(--base-space);
}
.el-dialog__footer .el-button.accept,
.footer-toolbar .el-button.accept {
  background-image: linear-gradient(90deg, #409EFF, #66b1ff);
  color: #fff;
  border: none;
  transition: all 0.2s ease;
}
.el-dialog__footer .el-button.accept:hover,
.footer-toolbar .el-button.accept:hover {
  background-image: linear-gradient(90deg, #66b1ff, #409EFF);
}
.el-dialog__footer .el-button.cancel,
.footer-toolbar .el-button.cancel {
  background-image: linear-gradient(90deg, #f0f2f5, #e6e8eb);
  border: 1px solid #dcdfe6;
  color: var(--gray-2);
  transition: all 0.2s ease;
}
.el-dialog__footer .el-button.cancel:hover,
.footer-toolbar .el-button.cancel:hover {
  background-image: linear-gradient(90deg, #e2e4e8, #d3d6da);
  color: var(--gray-1);
  border-color: #c0c4cc;
}

.el-descriptions .el-descriptions-item__cell.copiable {
  border-right: 2px solid var(--azul-medio) !important;
}
.el-descriptions .el-descriptions-item__cell.copiable + td {
  cursor: pointer;
}

.copyable {
  cursor: pointer;
  border-left: 2px solid var(--azul-medio) !important;
  padding-left: var(--base-min-space);
}

#sign-dialog {
  z-index: 9999999 !important;
}
#sign-dialog .el-dialog {
  display: grid;
  grid-template-rows: 85vh 15vh;
}
#sign-dialog .el-dialog .el-dialog__header {
  display: none;
}
#sign-dialog .el-dialog .el-dialog__footer {
  display: flex;
  padding: var(--base-min-space) var(--base-space);
}
#sign-dialog .el-dialog .el-dialog__footer .dialog-footer {
  display: flex;
  flex: 1;
  justify-content: space-between;
}

.el-popover__title {
  margin-left: -12px;
  margin-top: -12px;
  margin-right: -12px;
  padding: var(--base-space);
  background: var(--light-2);
  text-align: center;
  font-weight: bold;
}

.popup-centered {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--base-min-space);
}

/**
 * Estilos usados para BaseDialog
 */
.el-dialog {
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}
.el-dialog .el-dialog__header {
  padding: var(--base-space) var(--base-space-2);
  border-bottom: 1px solid #ebeef5;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn {
  top: 16px;
  right: 16px;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close {
  color: #909399;
  font-size: 18px;
  transition: color 0.2s ease;
}
.el-dialog .el-dialog__header .el-dialog__headerbtn .el-dialog__close:hover {
  color: var(--base-primary);
}
.el-dialog .el-dialog__header .dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 8px;
}
.el-dialog .el-dialog__header .dialog-header .custom-close-btn {
  background-color: transparent;
  color: var(--negroo);
  border: none;
  box-shadow: none;
}
.el-dialog .el-dialog__header .dialog-header .custom-close-btn:hover {
  background-color: rgba(144, 147, 153, 0.1);
  color: var(--azul-medio);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.el-dialog .el-dialog__header .dialog-header .custom-close-btn:focus {
  outline: none;
}
.el-dialog .el-dialog__header h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #303133;
}
.el-dialog .el-dialog__body {
  padding: 20px 24px;
}

.medium-text {
  font-weight: 100;
  font-size: 0.9rem;
  color: var(--gray-1);
}

h5 {
  margin-bottom: var(--base-space);
  font-size: var(--base-space-less);
}

.el-alert .el-alert__description {
  font-size: var(--base-space) !important;
}

.el-alert.is-center .el-alert__description {
  text-align: center;
}

.slide-section-enter-active,
.slide-section-leave-active {
  transition: all 0.6s ease-in-out;
  overflow: hidden;
  height: auto;
  position: relative;
}

.slide-section-enter-from,
.slide-section-leave-to {
  height: 0;
  opacity: 0;
}

.fullheight-dialog-wrapper .el-dialog {
  height: 100vh;
}
.fullheight-dialog-wrapper .el-dialog__body {
  height: calc(100% - 120px);
}
.fullheight-dialog-wrapper .el-dialog__body > div {
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
}
.fullheight-dialog-wrapper .el-dialog__body > div > div:last-child {
  display: flex;
  justify-content: space-between;
  align-items: end;
  width: 100%;
}

.el-tabs__item.is-active {
  background-color: var(--backbourdcolor) !important;
  color: var(--negroo) !important;
  border-radius: 5px 5px 0 0;
}

.pane-with-navigation-header .el-page-header {
  display: flex;
  line-height: 24px;
  margin-top: -15px;
  margin-left: -15px;
  width: 100%;
  padding: var(--base-min-space) var(--base-space-2);
  border-bottom: 1px solid var(--light-2);
  background-color: var(--gray-6);
  align-items: center;
  gap: 8px;
  font-weight: 500;
}
.pane-with-navigation-header .el-page-header__content {
  font-size: var(--base-space) !important;
}

.box {
  margin-top: var(--base-space);
}
.box header {
  border: 1px solid var(--light);
  padding: var(--base-min-space);
  border-radius: 3px;
  margin-bottom: var(--base-space);
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.box header h2 {
  padding: 0;
  margin: 0;
  font-size: var(--base-space);
  font-weight: bold;
  color: var(--gray-2);
}
.box article {
  margin: var(--base-min-space);
  border: 1px solid var(--light-2);
  padding: var(--base-min-space);
  border-radius: 5px;
  border: 1px solid var(--light-3);
}

.el-descriptions-item__container {
  align-items: center;
}
.el-descriptions-item__container .el-input {
  width: 100% !important;
}
.el-descriptions-item__container td {
  vertical-align: middle;
}

.el-popover {
  background: rgba(255, 255, 255, 0.9);
}

.glossy {
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 100%, 0) 50%, rgba(0, 0, 0, 0.12) 51%, rgba(0, 0, 0, 0.04)) !important;
}

.buttons-vertical {
  padding: 0 5px;
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  gap: 10px;
}
.buttons-vertical button {
  width: 100%;
  margin: 0 !important;
}

#btnClientName {
  font-weight: 600;
  background-color: var(--bluex-medium);
  padding: 10px;
  border-radius: 5px;
  color: white;
  border: none;
  cursor: pointer;
}
#btnClientName:hover {
  background: var(--bluex-medium-light);
  color: white;
}
#btnClientName a {
  font-size: 1.2rem;
}

.el-button.el-button--primary.is-plain {
  color: var(--blue);
  background: white;
  border-color: var(--blue);
  font-weight: 600;
  border-radius: 5px;
}
.el-button.el-button--primary.is-plain:hover {
  box-shadow: var(--basic-shadow);
}
.el-button.el-button--success.is-plain {
  color: var(--success-primary);
  background: white;
  border-color: var(--success-soft);
  font-weight: 600;
  border-radius: 5px;
}
.el-button.el-button--success.is-plain:hover {
  box-shadow: var(--basic-shadow);
}

.widget-linear-group {
  display: flex;
  gap: 0;
  flex-direction: row;
}

#searcher {
  container-type: inline-size;
  position: relative;
  z-index: 99;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#searcher .leftSide {
  display: flex;
  flex-direction: column;
  justify-content: left;
  align-items: center;
  gap: var(--base-min-space);
  max-width: var(--base-space-6);
}
#searcher .linkToNewClient {
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  height: 50px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: var(--bluex-medium);
  border-radius: 5px 0 0 5px;
}
#searcher .linkToNewClient span,
#searcher .linkToNewClient i {
  text-decoration: none;
  color: #fdfdfd !important;
}
#searcher .container-input {
  position: relative;
  width: 585px;
  height: 115px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -39px;
}
#searcher .curva-svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  filter: drop-shadow(2px 4px 6px rgba(0, 0, 0, 0.15));
  pointer-events: none;
}
#searcher .container-input-wrapper {
  gap: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
  position: relative;
}
#searcher .el-input {
  border: none;
  width: 300px;
  background-color: white;
  height: 50px;
  padding: 0;
  border-radius: 0 5px 5px 0 !important;
}
#searcher .el-input__inner {
  height: 100%;
  border: none;
  border-radius: 0 5px 5px 0 !important;
}
#searcher .el-input__inner:focus {
  border-width: 2px 2px 2px 0;
  border-style: solid;
  border-color: var(--bluex-medium);
}
@container (max-width: 1000px) {
  #searcher .container-input {
    margin-top: 0;
    width: 400px;
  }
  #searcher .linkToNewClient span {
    display: none;
  }
  #searcher .el-input {
    max-width: 200px;
  }
}

#management-type-list {
  border: solid 1px #dfdfdf;
}
#management-type-list .el-collapse-item__header {
  display: flex;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 400;
  text-transform: uppercase;
}
#management-type-list .el-collapse-item__header.is-active {
  background: var(--azul-claro);
}
#management-type-list .el-collapse-item__arrow {
  display: none;
}
#management-type-list article:first-child header {
  border-radius: 10px 10px 0 0;
}
#management-type-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#management-type-list ul li {
  border-top: 1px solid #dfdfdf;
  padding: 0.5rem;
  text-align: center;
  cursor: pointer;
}
#management-type-list ul li:last-child {
  border-bottom: 1px solid #dfdfdf;
}
#management-type-list ul li:hover {
  background: var(--light);
}

/**
 * Estilos para el componente que muestra los documentos requeridos
 */
.additional-document-card .el-card__body:empty {
  padding: 0;
}

.additional-document-card .el-card__header {
  padding: 0 var(--base-space) !important;
  background: var(--backbourdcolor);
}
.additional-document-card .el-card__header > div {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.additional-document-wrapper {
  display: grid;
  grid-template-areas: "a a b" "c c c";
  grid-gap: var(--base-min-space);
}
.additional-document-wrapper > div:first-child {
  grid-area: a;
}
.additional-document-wrapper > div:nth-child(2) {
  grid-area: b;
}
.additional-document-wrapper > div:last-child {
  grid-area: c;
}
.additional-document-wrapper .el-select {
  width: 100%;
}
.additional-document-wrapper .el-form-item {
  margin-bottom: 0 !important;
}

.description_editor_wrapper > div {
  display: grid;
  grid-template-columns: 1fr 25%;
  grid-gap: var(--base-space);
  align-items: end;
  padding: var(--base-min-space) var(--base-space);
  background: var(--light);
  margin-top: var(--base-min-space);
  box-shadow: var(--basic-shadow);
  border-radius: 2px;
}

article.required-document-article-wrapper .required-document__documentacion {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0.3rem;
  gap: 1rem;
}
article.required-document-article-wrapper .required-document__documentacion > :first-child {
  flex: 1;
}
article.required-document-article-wrapper .required-document__documentacion h3 {
  font-size: 12px;
}
article.required-document-article-wrapper .required-document__documentacion h2 {
  width: 275px;
}
article.required-document-article-wrapper .required-document__documentacion > span {
  display: flex;
  align-items: center;
  gap: 10px;
}
article.required-document-article-wrapper .document-owner {
  margin: 0;
  text-align: right;
  padding-right: 5px;
  color: var(--bluex-hard);
  font-size: var(--base-space-less);
}

.button-open-doc {
  border: none;
  cursor: pointer;
  background-color: transparent;
}

.button-open-doc:hover .text-docs-send {
  color: #0cbadf !important;
}

.container-docs-send {
  border-radius: 10px;
  border: dotted var(--bluex-medium) 1px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding-top: 10px;
  min-width: var(--base-space-6);
  height: 68px;
}
.container-docs-send .container-text-docs-send {
  padding: 5px;
  width: calc(100% - 8px);
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--azul-nav-izquierda);
  color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.container-docs-send label.is-disabled + .container-text-docs-send {
  background-color: var(--backbourdcolor);
}

.text-docs-send {
  width: 95px;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 15px;
  margin-top: 0;
  text-align: center;
  word-break: break-word;
  color: white;
}

.group-with-header {
  display: flex;
  flex-direction: column;
  margin-top: var(--base-min-space);
  background: var(--light);
  padding: var(--base-min-space);
  border-radius: 5px;
}
.group-with-header header {
  font-weight: 600;
  margin-bottom: var(--base-min-space);
}
.group-with-header header + div {
  display: grid;
  grid-template-columns: repeat(4, 20%);
  align-content: center;
  justify-items: end;
  align-items: center;
  grid-gap: var(--base-min-space);
}

#edit_client_on_quick .el-dialog__header .el-dialog__headerbtn {
  z-index: 1;
  margin-top: 10px;
  margin-right: 10px;
}
#edit_client_on_quick .el-dialog__body {
  padding: 0;
  border: none;
}
#edit_client_on_quick .el-dialog__body > .container {
  box-shadow: none;
}

.notification-container {
  padding-right: 1rem;
}
.notification-container > header {
  border-bottom: 1px solid;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.type_notification {
  text-align: center;
  background-color: #efefef;
  padding: 10px;
  margin-top: 10px;
  border-radius: 10px;
}

.notificaction-form__switch-container {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  padding: 10px 0;
}

.notificaction-form__switch-item {
  border: 1px solid #c8c8c8;
  border-radius: 5px;
  padding: 5px;
  font-size: 13px;
  margin-right: 5px;
}

.notificaction-form__switch-item label {
  width: 100%;
  display: block;
}

.notificaction-form__item-container {
  margin: 10px 0;
}

.notificaction-form__contact-item {
  margin-bottom: 5px;
}

small.taskFinished {
  text-decoration: line-through;
}

.task-header {
  border-bottom: 1px solid #bababa;
  padding-bottom: 3px;
  margin: 0px 0px 10px;
  margin-top: 10px;
}

.task-item {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  outline: none;
  margin-bottom: var(--base-min-space);
  padding: var(--base-min-space);
  border-radius: 5px;
  background-color: var(--light);
}
.task-item .el-button {
  padding: 0;
}

.task-item__content {
  width: 100%;
  flex: 1;
}

.task-item__delete {
  width: 25px;
}

.notes-container,
.tasks-container {
  text-align: left;
  padding: 5px;
  width: 100%;
}
.notes-container .el-tag,
.tasks-container .el-tag {
  width: 100%;
  margin-bottom: var(--base-min-space);
  display: block;
  white-space: normal;
  line-height: var(--base-space);
  height: fit-content;
  padding: var(--base-min-space);
  display: flex;
  justify-content: space-between;
  color: var(--negroo) !important;
  word-break: break-all;
}

.notes-header {
  border-bottom: 1px solid #bababa;
  padding-bottom: 3px;
  margin: 0px 0px 10px;
  margin-top: 10px;
}

.notification-detail-wrapper {
  height: 100%;
  display: grid;
  grid-template-rows: var(--base-space-2) 1fr minmax(var(--base-space-2), auto);
  grid-gap: var(--base-min-space);
}
.notification-detail-wrapper > header {
  display: flex;
  justify-content: space-between;
}
.notification-detail-wrapper > header + div {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.notification-detail-wrapper .notification-detail-content {
  width: 100%;
  flex: 1;
  overflow-y: auto;
}
.notification-detail-wrapper .counter-tab {
  background-color: #bfbfbf;
  color: white;
  font-size: 8px;
  padding: 3px 5px;
  border-radius: 5px;
}
.notification-detail-wrapper .counter-tab.orange {
  background-color: #e56b08;
}
.notification-detail-wrapper .file-list {
  background: var(--backbourdcolor);
  margin: 0 0 0.5rem 0;
  border-radius: 2px;
  padding: 0.25rem;
  width: calc(100% - var(--base-space-2));
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.1);
}
.notification-detail-wrapper .file-list > div {
  display: flex;
  flex-direction: row;
  gap: var(--base-min-space);
}
.notification-detail-wrapper .file {
  cursor: pointer;
  background-color: var(--azul-medio);
  padding: 0.5em;
  color: white;
  font-weight: bolder;
  font-size: var(--base-min-space);
  border-radius: 3px;
}
.notification-detail-wrapper .file:hover {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.notification-author {
  font-size: 12px;
  color: var(--dark);
  font-weight: 300;
  display: grid;
  grid-template-columns: 50% 50%;
  background: var(--light);
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #DCDFE6;
  padding: 5px;
}
.notification-author div:last-child {
  text-align: right;
}

.contact-header {
  display: grid;
  grid-template-areas: "a b" "c c";
  grid-gap: var(--base-min-space);
  margin-bottom: var(--base-min-space);
  background: var(--primary-soft);
  padding: var(--base-min-space);
  border-radius: 5px;
  border: 1px solid var(--base-primary);
  box-shadow: var(--light-shadow);
}
.notification-detail-priority .contact-header {
  background: var(--warning-soft);
  border: 1px solid var(--warning-primary);
}

.contact-header-left {
  grid-area: a;
}

.contact-header-right {
  grid-area: b;
}

.contact-header__contact {
  grid-area: c;
}

.notification-edit-contact-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.notification-priority {
  background-color: var(--warning-soft) !important;
  color: var(--primary-text-color);
}

.notification-create, .notification-details {
  height: 100%;
}

#notificationFilters i {
  cursor: pointer;
  font-size: var(--base-space-2);
}
#notificationFilters .selected {
  color: #79ADFE;
}

.clientinfo-wrapper {
  container-type: inline-size;
  display: grid;
  grid-template-areas: "client-header client-header" "client-left client-right";
  grid-template-columns: calc(55% - var(--base-min-space)) calc(45% - var(--base-min-space));
  margin-bottom: 0.25rem;
  grid-gap: var(--base-min-space);
}

.clientinfo-wrapper header {
  grid-area: client-header;
}

.clientinfo__details {
  grid-area: client-left;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  border: 1px solid var(--light);
  border-radius: 5px;
  padding: var(--base-min-space);
}
@container (max-width: 1000px) {
  .clientinfo__details {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }
}

.clientinfo-row {
  display: grid;
  grid-template-columns: 55% 45%;
  align-items: stretch;
  margin-bottom: 0.25rem;
}

.clientinfo-box header {
  font-size: 0.9rem;
  font-weight: 900;
}
.clientinfo-box > div,
.clientinfo-box > dl {
  letter-spacing: 1px;
  line-height: var(--base-space);
  color: var(--dark);
  font-size: var(--base-space-less);
  white-space: nowrap;
}
.clientinfo-box > div strong,
.clientinfo-box > dl strong {
  color: var(--gray-1);
}
.clientinfo-box dl {
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.ClientNotes__header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--base-min-space) 0 0;
}

.ClientNotes__title {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  flex: 1;
}

.notes-wrapper {
  grid-area: client-right;
  width: 100%;
  margin: 0 var(--base-space-2) 0 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ClientNotes__textarea {
  box-sizing: border-box;
  width: 100%;
  height: var(--base-space-4);
  resize: none;
  color: var(--dark);
  background-color: white;
  border: 1px solid var(--light);
  padding: var(--base-min-space);
  border-radius: 2px;
}
.ClientNotes__textarea:focus {
  outline: none;
  box-shadow: var(--shadow-resalted);
}

.ClientNotes__textarea--disabled {
  color: var(--dark);
  background-color: var(--griss);
}

.answer-wrapper > div {
  box-shadow: var(--light-shadow);
  border: 1px solid var(--light);
  margin-bottom: var(--base-space);
}
.answer-wrapper .container-header {
  padding: var(--base-min-space);
  margin-bottom: var(--base-min-space);
}
.answer-wrapper dl {
  padding: 0 var(--base-min-space);
}
.answer-wrapper dt {
  color: var(--gray-2);
}
.answer-wrapper dd {
  border-bottom: 1px dashed var(--light-2);
  width: 100%;
  margin: 0 0 var(--base-min-space);
  padding-bottom: var(--base-min-space);
  color: var(--gray-1);
}
.answer-wrapper .resalted-text {
  font-weight: 600;
  color: var(--gray-2);
}

.cell label {
  overflow: hidden;
}

.el-radio__label {
  overflow: hidden;
  text-overflow: ellipsis;
}

.el-radio-group__badges .el-radio-button__inner {
  padding: 5px 7px !important;
}
.el-radio-group__badges .el-badge__content {
  z-index: 1;
}
.el-radio-group__badges i.selected {
  color: var(--white);
}

.cadaster-data-wrapper {
  display: flex !important;
  flex-direction: column;
  gap: var(--base-space);
  width: 100%;
}
.cadaster-data-wrapper > div {
  padding: var(--base-min-space);
  border-radius: 4px;
  border: 1px solid #EBEEF5;
  overflow: hidden;
  color: #303133;
  transition: 0.3s;
}

#retention-editor-wrapper div#body {
  height: 220px !important;
  overflow: scroll !important;
}

.editor-with-actions {
  border: 1px solid var(--fc-more-link-bg-color);
  border-radius: var(--default-border-radius);
  transition: border-color 0.2s ease;
}
.editor-with-actions:focus-within {
  border-color: var(--azul-medio);
  box-shadow: var(--light-shadow);
}
.editor-with-actions textarea {
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none;
  margin: 1px;
  width: calc(100% - 2px);
  height: 150px;
  padding: 10px;
  font-size: 14px;
  resize: vertical;
}
.editor-with-actions textarea:focus {
  outline: none !important;
  box-shadow: none;
}

#quotation-info-wrapper {
  display: grid;
  grid-template-columns: 33% calc(67% - var(--base-min-space));
  grid-gap: var(--base-min-space);
  container-type: inline-size;
}
@container (max-width: 1300px) {
  #quotation-info-wrapper .el-descriptions table,
  #quotation-info-wrapper .el-descriptions thead,
  #quotation-info-wrapper .el-descriptions tbody,
  #quotation-info-wrapper .el-descriptions th,
  #quotation-info-wrapper .el-descriptions tr,
  #quotation-info-wrapper .el-descriptions td {
    display: block;
  }
}

.el-card.toolbar-docs .el-card__body {
  padding: var(--base-min-space);
}
.el-card.toolbar-docs .el-card__header {
  padding: var(--base-min-space);
}
.el-card.toolbar-docs .el-card__header > div {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.el-card.config-card .el-checkbox-button__inner {
  border: 0 !important;
  border-radius: 5px;
  background: #409EFF;
  color: white;
}

.card1 {
  margin-bottom: var(--base-space);
}

.card1__header {
  margin: var(--base-space) 0 0 0;
  box-shadow: var(--basic-shadow);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 0;
  border: solid 1px #dfdfdf;
  background-color: var(--backbourdcolor);
  color: var(--bluex-hard);
  padding: var(--base-space);
}
.card1__header h1 {
  margin: 0;
  font-size: var(--base-space-2);
  font-weight: 300;
}

.card1__body {
  padding: var(--base-min-space);
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: var(--light);
  border-radius: 0 0 3px 3px;
  box-shadow: var(--shadow-resalted);
}

.card1 {
  margin-bottom: var(--base-space);
}

.card1__header {
  margin: var(--base-space) 0 0 0;
  box-shadow: var(--basic-shadow);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-top: 0;
  border: solid 1px #dfdfdf;
  background-color: var(--backbourdcolor);
  color: var(--bluex-hard);
  padding: var(--base-space);
}

.card1__body {
  padding: var(--base-min-space);
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: var(--light);
  border-radius: 0 0 3px 3px;
  box-shadow: var(--shadow-resalted);
}

.client-budget-errors-wrapper {
  border: 1px solid var(--rosa-claro);
  background: color-mix(in srgb, var(--rosa-claro), white 70%);
  margin-bottom: var(--base-space);
  border-radius: 5px;
  box-shadow: var(--light-shadow);
}
.client-budget-errors-wrapper .title {
  color: color-mix(in srgb, var(--rosa-claro), black 60%);
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: var(--base-min-space);
}
.client-budget-errors-wrapper .title .el-alert__closebtn {
  position: inherit !important;
  color: #333;
  font-size: var(--base-space);
}
.client-budget-errors-wrapper article {
  font-size: var(--base-space);
  padding: var(--base-space) var(--base-space-2);
  /*& > div:not(:last-child) {
      margin-bottom: var(--base-min-space);
  }*/
}
.client-budget-errors-wrapper article > div {
  margin-bottom: 0;
}
.client-budget-errors-wrapper article > div:not(:last-child) ul:not([style*="display: none"]) {
  margin-bottom: var(--base-min-space);
}
.client-budget-errors-wrapper article header {
  text-transform: uppercase;
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: first baseline;
  gap: var(--base-min-space);
}
.client-budget-errors-wrapper article .el-button--text {
  color: var(--gray-2);
}
.client-budget-errors-wrapper article ul {
  list-style: none;
  margin: 0;
}
.client-budget-errors-wrapper article li {
  line-height: var(--base-space-2);
}

.linea {
  display: flex;
  width: 100%;
}

.statistics-table-cell {
  flex: 1;
  text-align: center;
  border: 1px solid #ccc;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.statistics-table-cell p {
  margin: 0.1rem;
}

.finder-statistics {
  display: grid;
  grid-template-columns: repeat(4, 120px);
  text-align: center;
  margin-top: 10px;
}
.finder-statistics > div {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--dark-2);
  padding: var(--base-min-space);
}
.finder-statistics > div > div:first-child {
  font-weight: bold;
  color: var(--gray-2);
  font-size: var(--base-space);
}

@container (max-width: 1000px) {
  .finder-statistics {
    grid-template-columns: repeat(4, 100px);
    font-size: var(--base-min-space) !important;
  }
  .finder-statistics > div {
    padding: var(--base-min-space) 0;
  }
  .finder-statistics > div > div:first-child {
    font-size: var(--base-min-space) !important;
  }
}
#management-client-product-wrapper {
  display: grid;
  grid-template-columns: 35% calc(65% - var(--base-min-space));
  grid-gap: var(--base-space);
}

.header-poliza {
  margin-bottom: var(--base-space);
  border-radius: 5px;
}
.header-poliza header {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: var(--base-min-space);
  padding: var(--base-min-space);
}
.header-poliza .policy__product_definition {
  display: flex;
  gap: var(--base-space);
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
.header-poliza .policy__product_edition {
  display: grid;
  grid-gap: var(--base-space);
  align-items: center;
}
.header-poliza .policy__company_branch {
  display: flex;
  gap: var(--base-min-space);
  justify-content: center;
  align-items: center;
  font-weight: 600;
  font-size: var(--base-space-2);
}
.header-poliza .policy__product_name {
  font-weight: 600;
  font-size: var(--base-space);
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.header-poliza .policy__product_policy {
  color: var(--negroo);
  letter-spacing: 2px;
}
.header-poliza .policy__product_details {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--base-space);
}
.header-poliza .contenido-poliza {
  background: white;
  border-radius: 0 0 5px 5px;
}
.header-poliza .contenido-poliza h2 {
  color: var(--bluex-medium);
  margin-bottom: 0.5rem;
}
.header-poliza .contenido-poliza > div {
  display: flex;
  flex-direction: row;
  gap: var(--base-min-space);
}

#management-product-list-wrapper {
  display: grid;
  grid-template-columns: 35% auto;
  margin: -15px;
  background: var(--white);
  grid-gap: var(--base-space);
}
#management-product-list-wrapper > div:first-child {
  padding: var(--base-min-space);
  background: var(--dark-light);
  box-shadow: var(--light-shadow);
}
#management-product-list-wrapper > div:first-child .el-table {
  border-width: 0 1px 0 1px !important;
  border-style: solid;
  border-color: var(--light-3);
}
#management-product-list-wrapper > div:first-child title {
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: var(--light-3);
  background: #F5F7FA;
  width: calc(100% - 0.5rem);
  display: inline-block;
  font-weight: 300;
  padding: var(--base-min-space) 0.2rem;
  cursor: pointer;
  font-size: var(--base-space-less);
}
#management-product-list-wrapper > div:first-child title:hover {
  background: var(--dark-light);
}
#management-product-list-wrapper > div:last-child {
  margin: var(--base-space-less) var(--base-min-space) var(--base-space) 0;
}

#management-product-list-tables {
  border-top: 1px solid var(--light-3);
  margin-top: var(--base-space);
}

.renovation-management-content .search-el-input .el-input__inner {
  width: 100% !important;
}

.renovation-management-content .el-select__tags {
  flex-wrap: nowrap;
  overflow: hidden;
}

.renovation-management-content .el-input__inner {
  width: 160px !important;
}

.renovation-management-content .custom-cell {
  text-align: center;
  padding: 0 !important;
}

.renovation-management-content .cell {
  padding: 0 !important;
}

.renovation-management-content th.el-table__cell .cell {
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  word-break: inherit !important;
  border-bottom-color: black !important;
}

.renovation-management-content th.el-table__cell .cell .caret-wrapper .sort-caret.ascending {
  border-bottom-color: black !important;
}

.renovation-management-content th.el-table__cell .cell .caret-wrapper .sort-caret.descending {
  border-top-color: black !important;
}

.management-state-column .management-state-tag {
  border-radius: 3px;
  border-width: 1px;
  border-style: solid;
  padding: 5px 0;
  margin: 0 5px;
}

#observation-editor-wrapper div#body {
  height: 100px !important;
  overflow: scroll !important;
}

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