@import url(./ant.theme.less);
// src/global.theme.less
/*main color*/
@primary_color: #ffd040;
@bg_color: rgba(0, 0, 0, 0.5);
@hover_bg_color: #a9afb3;
@active_bg_color: #f1f5f5;
@font_color: #f7fafb;
@hover_font_color: #a9afb3;
@active_font_color: #292a2b;
@blur_line_color: #48462c;

@light_primary_color: #fad977;
@dark_primary_color: #f5c22a;//#f5c22a

/*secondary color*/
@secordary_color: #ff6e40;
@light_secordary_color: #ff9e80;
@dark_secordary_color: #ff3d00;

/**gray color**/
@gray0: #f7fafb;
@gray1: #f1f5f5;
@gray2: #f1f5f5;
@gray3: #e1e4e6;
@gray4: #ced3d6;
@gray5: #a9afb3;
@gray6: #878d91;
@gray7: #4d5256;
@gray8: #363a3c;
@gray9: #292a2b;
@gray10: #dbdbdb;
@gray11: #aca983;
@gray12: #000000;
/**function color **/
@func1: lightgreen;
@func2: green;
@func3: darkgreen;
@func4: rgb(255, 142, 136);
@func5: red;
@func6: darkred;
.title1 {
  font-size: 45px;
  font-weight: bold;
}
.title2 {
  font-size: 36px;
  font-weight: bold;
}
.title3 {
  font-size: 26px;
  font-weight: bold;
}
.title4 {
  font-size: 18px;
  font-weight: bold;
}
.paragraph {
  font-size: 14px;
  font-weight: normal;
}
.smalltext {
  font-size: 12px;
  font-weight: normal;
}

// src/components/cesium/BottomTip/BottomControl/BottomControl.theme.less
.bottomcontrolmain {
  background: @gray12;

  color: @gray11;

  box-shadow: @primary_color 10px 10px 30px 5px;
  &- {
    &left {
      &- {
        &item {
          span {
          }
        }
        &action {
          border-image: linear-gradient(
              to right,
              #241d09,
              @primary_color,
              #241d09
            )
            20 20;

          // border-image: -webkit-linear-gradient(#F80, #2ED) 20 20;
          color: @primary_color;
        }
      }
    }
  }
}

// src/components/cesium/BottomTip/BottomPanel/BottomPanel.theme.less
.bottom_panel {
  border-image: linear-gradient(to right, #241d09, @primary_color, #241d09) 20
    300;
  color: @font_color;
  &-closeBtn {
    border: 2px solid @primary_color;

    span {
      color: @primary_color;
    }
  }
  &-leftBtn {
    &-gobackBtn {
      border: 2px solid @font_color;

      &-iconBtn {
        color: @font_color;
      }
    }
    &-refreshBtn {
      border: 2px solid @font_color;

      &-iconBtn {
        color: @font_color;
      }
    }
  }
  &-rightbox {
  }
}

// src/components/cesium/BottomTip/BottomTip.theme.less
.c-bottomtip {
  background: rgba(0, 0, 0, 0);
  color: @font_color;
}

// src/components/cesium/Effects/index.theme.less
.c-effect {
  &- {
    &switch {
      background-color: @primary_color !important;
      &- {
        &text {
          color: @font_color;

          &:hover {
            color: @hover_font_color;
          }
        }
      }
    }
  }
}

// src/components/cesium/RightNavCtrl/RightNavCtrl.theme.less
.rightNav {
}

// src/components/cesium/SectionAnalysis/SectionAnalysis.theme.less
.c-section {
  &- {
    &top {
      &- {
        &btn {
          background: #d15470 !important;
          border-color: #d15470 !important;
          color: white !important;

          &:hover {
            background: #963457 !important;
            border-color: #963457 !important;
          }

          &:focus {
            background: #967a56 !important;
            border-color: #967a56 !important;
          }
        }
      }
    }

    &content {
      &- {
        &title {
          border-bottom: 1px solid @primary_color;
        }

        &slidergroup {
          & .ant-spin-dot-item {
            background-color: @primary_color !important;
          }

          & .ant-spin-text {
            color: @primary_color !important;
          }
        }
      }
    }
  }
}

// src/components/cesium/Swip/Swip.theme.less
.c-swip {
  &- {
    &left {
      background: @bg_color;
      border: 1px solid @primary_color;
    }
    &right {
      border: 1px solid @primary_color;

      background: @bg_color;
    }
    &divider {
      background: @primary_color;
    }
    &handler {
      background: @primary_color;

      i {
        color: @font_color;
      }
    }
  }
}

.c-swip-swip_overlay {
  color: @font_color;
  &- {
    &item {
      background: @primary_color;
      &:hover {
        color: @hover_font_color;
      }
    }
  }
}

.c-swip-layer_list {
  background: @primary_color;
  color: @font_color;
  &- {
    &title {
      border-bottom: 1px solid @gray4;
    }
    &container {
      &- {
        &item {
          border-bottom: 1px solid @gray4;
        }
      }
    }
  }
  > .title {
    //  border-bottom: 1px solid @gray4;
  }
}

// src/components/cesium/TimeControl/TimeControl.theme.less
.timebox {
  &-leftLine {
    &-leftshowline {
      background: linear-gradient(
        0deg,
        #999,
        @primary_color 10%,
        @primary_color 90%,
        #999
      );
    }
    &-showTime {
      background-color: @primary_color;
      color: @font_color;
    }
  }
  &-timeList {
    &-luminance {
      color: @font_color;
    }
    &-activelum {
      color: @primary_color;
    }
    cursor: pointer;
    &-sunny {
      color: @font_color;
      i {
      }
    }
    &-middle_time {
      &-timeItem {
        cursor: pointer;

        color: @font_color;
      }
      &-active {
        background-color: @font_color;
      }
    }
    &-moon {
      color: @font_color;
      i {
      }
    }
  }
}

// src/components/cesium/tools/index.theme.less
.c-tools {
  background-color: @primary_color;
  color: @font_color;
  border: 1px solid @primary_color;
  box-shadow: inset 0px 0px 1px 0px @primary_color;

  &- {
    &cdivider {
      background: @font_color;
    }
  }
}

// src/components/cesium/tools/style.theme.less
.c-maptool {
  &:hover {
    color: @hover_font_color;
  }
}

// src/components/cesium/tools/Tutorial/Tutorial.theme.less

// src/components/cesium/TopNavigation/TopNavigation.theme.less
.c-topnav {
  &- {
    &title {
      color: @font_color;
    }
    &navcontainer {
      &- {
        &scroll {
          &- {
            &item {
              cursor: pointer;
            }
            &active {
              color: white;
            }
          }
        }
      }
    }
  }
}

// src/components/cesium/ViewShedAnalysis/ViewShedAnalysis.theme.less
.c-viewshed {
  &- {
    &top {
      &- {
        &btn {
          background: #d15470 !important;
          border-color: #d15470 !important;
          color: white !important;

          &:hover {
            background: #963457 !important;
            border-color: #963457 !important;
          }

          &:focus {
            background: #967a56 !important;
            border-color: #967a56 !important;
          }
        }
      }
    }
    &content {
      &- {
        &title {
          border-bottom: 1px solid @primary_color;
        }
        &slidergroup {
        }
      }
    }
  }
}

// src/components/CommonPanel/CommonPannel.theme.less
.c-commonpanel {
  border-top: 2px solid @primary_color;

  &- {
    &contentcontainer {
      &- {
        &btn {
          border-radius: 10px;
          border: 2px solid @primary_color;

          background-color: black;

          background: black;

          &- {
            &closelogo {
            }
          }
        }
        &content {
          background: rgba(0, 0, 0, 0.5);
        }
      }
    }
  }
}

// src/components/SignlePanel/SinglePanel.theme.less
.c-commonpanel {
  border-top: 2px solid @primary_color;

  &- {
    &contentcontainer {
      &- {
        &btn {
          border-radius: 10px;
          border: 2px solid @primary_color;

          background-color: black;

          background: black;

          &- {
            &closelogo {
            }
          }
        }
        &content {
          background: rgba(0, 0, 0, 0.5);
        }
      }
    }
  }
}