.site-login {
  margin: 100px auto;
  font-family: "Microsoft YaHei";
  width: 997px;
  position: relative; }
  .site-login .row {
    margin: 0; }
  .site-login .change-language {
    text-align: right;
    font-size: 14px;
    margin-bottom: 12px; }
    .site-login .change-language .change-language_label {
      color: #8796b0;
      letter-spacing: -0.25px;
      text-align: left; }
    .site-login .change-language .change-language_button {
      color: #ffffff;
      letter-spacing: -0.25px;
      background: #afbdd1;
      border-radius: 2px;
      width: 89px;
      height: 22px;
      border: 0; }
  .site-login .site-login-main {
    height: 580px;
    background: #ffffff !important; }
    .site-login .site-login-main .site-login-left {
      position: relative;
      height: 100%;
      background: #000000 url(../../../images/login-main-left.png) no-repeat;
      background-size: 100% 100%; }
      .site-login .site-login-main .site-login-left .site-login-left-logo {
        position: absolute;
        top: 0;
        left: 49px;
        width: 130px;
        height: 135px;
        background: #ffd401 url(../../../images/logo-1.png); }
      .site-login .site-login-main .site-login-left .site-login-left-content {
        position: absolute;
        bottom: 95px;
        left: 0px;
        width: 100%;
        background-color: #152026;
        font-family: "PingFang SC Regular"; }
        .site-login .site-login-main .site-login-left .site-login-left-content > p {
          margin: 0;
          padding: 0 59px 0 0; }
        .site-login .site-login-main .site-login-left .site-login-left-content > p:first-child {
          font-size: 24px;
          color: #ffffff;
          letter-spacing: 3.33px;
          text-align: right;
          line-height: 50px;
          padding-top: 8px; }
        .site-login .site-login-main .site-login-left .site-login-left-content > p:last-child {
          font-size: 28px;
          color: #ffffff;
          text-align: right;
          padding-bottom: 25px; }
    .site-login .site-login-main .site-login-right {
      height: 100%;
      position: relative; }
      .site-login .site-login-main .site-login-right p {
        text-align: center; }
      .site-login .site-login-main .site-login-right .site-login-right_inner_content {
        margin: 50px auto 0 auto;
        height: 450px;
        padding: 0; }
      .site-login .site-login-main .site-login-right .login-label {
        padding-top: 30px;
        font-size: 18px;
        line-height: 26px;
        color: #4a4a4a; }
      .site-login .site-login-main .site-login-right #login-form {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 380px; }
        .site-login .site-login-main .site-login-right #login-form .form-group {
          width: 80%; }
          .site-login .site-login-main .site-login-right #login-form .form-group > div {
            width: 100%; }
        .site-login .site-login-main .site-login-right #login-form .control-label {
          display: none; }
      .site-login .site-login-main .site-login-right .form-group-inner {
        text-align: center;
        padding: 0 15px; }
        .site-login .site-login-main .site-login-right .form-group-inner button {
          background-color: #2196F3;
          height: 48px;
          width: 100%; }
      .site-login .site-login-main .site-login-right .form-group-rem {
        width: 70% !important;
        text-align: left;
        padding-left: 15px;
        display: flex;
        align-items: center;
        margin-bottom: -20px; }
        .site-login .site-login-main .site-login-right .form-group-rem > input {
          width: 10px;
          opacity: 0;
          margin-right: -10px; }
        .site-login .site-login-main .site-login-right .form-group-rem .input-remember {
          background: #ffffff;
          border: 1px solid #979797;
          box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
          border-radius: 2px;
          width: 16px;
          height: 16px;
          margin: 0; }
        .site-login .site-login-main .site-login-right .form-group-rem [type="checkbox"]:checked + label {
          background: url("../../../images/checked.png") no-repeat center; }
        .site-login .site-login-main .site-login-right .form-group-rem span {
          padding-left: 10px; }
      .site-login .site-login-main .site-login-right .field-loginform-rememberme span {
        float: right;
        padding-right: 15px;
        color: #4a4a4a;
        cursor: default; }
      .site-login .site-login-main .site-login-right .field-loginform-rememberme .forget-pwd {
        cursor: pointer; }
      .site-login .site-login-main .site-login-right .login-bottom-label {
        width: 100%;
        position: absolute;
        bottom: 26px;
        left: 0;
        font-size: 12px;
        color: #626f86;
        line-height: 15px; }
  .site-login .dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    width: 380px;
    height: 240px;
    border: 0;
    color: #576379; }
    .site-login .dialog .contents {
      width: 100%;
      height: 80%; }
    .site-login .dialog span:first-child {
      display: block;
      text-align: center;
      height: 3rem;
      font-size: 1.5rem; }
    .site-login .dialog span:last-child {
      display: block;
      height: 5rem;
      line-height: 5rem;
      text-align: center; }
    .site-login .dialog .button {
      text-align: center; }
      .site-login .dialog .button > * {
        background: #E57373;
        border-radius: 4px;
        width: 145px;
        height: 36px;
        color: #ffffff;
        border: 1px solid #E57373; }

@media (max-width: 768px) {
  .site-login-left {
    display: none; }

  .site-login {
    width: 375px; } }
.main-sidebar {
  background-color: #212936 !important;
  width: 180px !important;
  padding: 0 !important;
  font-family: "Microsoft YaHei";
  font-weight: bolder;
  position: fixed !important; }
  .main-sidebar .sidebar {
    padding: 0; }
    .main-sidebar .sidebar .user-panel {
      height: 200px;
      padding: 0;
      display: flex;
      justify-content: center;
      align-items: center; }
      .main-sidebar .sidebar .user-panel .user-panel-inner .image {
        border: 1 solid #000;
        border-radius: 50%;
        background-color: #ffffff; }
      .main-sidebar .sidebar .user-panel .user-panel-inner .info {
        margin-top: 10px;
        font-size: 14px;
        color: #a5b6c3; }
        .main-sidebar .sidebar .user-panel .user-panel-inner .info p {
          text-align: center; }
    .main-sidebar .sidebar ul.sidebar-menu li a {
      font-size: 1.14rem;
      position: relative;
      display: flex;
      align-items: center;
      color: #626f86;
      background: #212936;
      height: 56px;
      box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.95), inset 0 1px 0 0 rgba(255, 255, 255, 0.2);
      padding-left: 15px; }
      .main-sidebar .sidebar ul.sidebar-menu li a > i {
        position: relative;
        height: 18px;
        width: 18px; }
      .main-sidebar .sidebar ul.sidebar-menu li a > span {
        padding-left: 10px; }
    .main-sidebar .sidebar ul.sidebar-menu > li:last-child a {
      box-shadow: inset 0 -1px 0 0 rgba(255, 255, 255, 0.2), inset 0 1px 0 0 rgba(255, 255, 255, 0.2); }
    .main-sidebar .sidebar ul.sidebar-menu .treeview-menu {
      padding-left: 0; }
      .main-sidebar .sidebar ul.sidebar-menu .treeview-menu > li > a {
        height: 48px;
        font-size: 1rem;
        color: #A5B6C3;
        background: #10131A;
        box-shadow: inset 0 -1px 0 0 #000000; }
        .main-sidebar .sidebar ul.sidebar-menu .treeview-menu > li > a > span {
          font-weight: normal; }
    .main-sidebar .sidebar ul.sidebar-menu li.active > a {
      background: #2196F3;
      color: #FFFFFF; }
      .main-sidebar .sidebar ul.sidebar-menu li.active > a > i {
        left: -48px;
        -webkit-filter: drop-shadow(48px 0 0px #FFFFFF);
        filter: drop-shadow(48px 0 0px #FFFFFF); }
    .main-sidebar .sidebar ul.sidebar-menu li.treeview.active > a {
      background: #212936;
      color: #FFFFFF; }
    .main-sidebar .sidebar ul.sidebar-menu > li:nth-child(1) > a > i {
      background: url(../../../images/home_24px.png) no-repeat center;
      background-size: contain; }
    .main-sidebar .sidebar ul.sidebar-menu > li:nth-child(2) > a > i {
      background: url(../../../images/pipeline_24px.png) no-repeat center;
      background-size: contain; }
    .main-sidebar .sidebar ul.sidebar-menu > li:nth-child(3) > a > i {
      background: url(../../../images/monith_24px.png) no-repeat center;
      background-size: contain; }
    .main-sidebar .sidebar ul.sidebar-menu > li:nth-child(4) > a > i {
      background: url(../../../images/collection_24px.png) no-repeat center;
      background-size: contain; }
    .main-sidebar .sidebar ul.sidebar-menu > li:nth-child(5) > a > i {
      background: url(../../../images/record_24px.png) no-repeat center;
      background-size: contain; }
    .main-sidebar .sidebar ul.sidebar-menu > li:nth-child(6) > a > i {
      background: url(../../../images/user_24px.png) no-repeat center;
      background-size: contain; }

.content-wrapper {
  background-color: #FEFEFE !important;
  padding: 15px 0;
  margin-left: 180px !important; }
  .content-wrapper .content-wrapper-inner {
    background-color: #ffffff;
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.03);
    border-radius: 2px;
    margin: 10px;
    margin-bottom: 0px;
    padding: 10px;
    font-family: "microsoft YaHei"; }
    .content-wrapper .content-wrapper-inner .content-header h1 {
      font-size: 18px !important;
      color: #4a4a4a !important;
      line-height: 26px !important; }

.main-header {
  font-family: "Microsoft YaHei";
  font-size: 1rem; }
  .main-header .navbar-static-top {
    margin-left: 180px !important;
    background: #576379 !important; }
    .main-header .navbar-static-top .navbar-custom-menu .user-menu a {
      display: inline-block;
      color: #8796b0 !important; }
    .main-header .navbar-static-top .danger-mes {
      cursor: pointer;
      width: 35px;
      height: 30px;
      position: relative;
      margin-top: 10px;
      float: right;
      background: url("../../../images/Group 18 Copy 2.svg") no-repeat; }
    .main-header .navbar-static-top .danger-mes-info {
      position: absolute;
      width: 12px;
      height: 12px;
      background: red;
      top: -6px;
      right: -6px;
      border-radius: 50%; }

.sidebar-collapse .navbar-static-top {
  margin-left: 50px !important; }

#danger-mes-Modal .modal-dialog .modal-header {
  height: 72px; }
  #danger-mes-Modal .modal-dialog .modal-header h5 {
    color: #db0101;
    margin-left: 40px;
    font-size: 24px; }
  #danger-mes-Modal .modal-dialog .modal-header .close {
    margin-top: -25px; }
#danger-mes-Modal .modal-dialog .modal-body {
  height: 480px; }
  #danger-mes-Modal .modal-dialog .modal-body ul li {
    margin-bottom: 14px;
    display: flex;
    flex-wrap: wrap; }
  #danger-mes-Modal .modal-dialog .modal-body span:not(:last-child) {
    padding-right: 5px;
    margin-right: 8px;
    border-right: 1px solid #ddd; }
#danger-mes-Modal .modal-footer > nav {
  display: flex;
  justify-content: flex-end; }
  #danger-mes-Modal .modal-footer > nav > ul {
    margin: 20px 0 0 0; }

#getVideoModal .modal-body {
  height: 380px; }
  #getVideoModal .modal-body span:not(:last-child) {
    padding-right: 5px;
    margin-right: 8px;
    border-right: 1px solid #ddd; }
#getVideoModal .modal-footer > nav {
  display: flex;
  justify-content: flex-end; }
  #getVideoModal .modal-footer > nav > ul {
    margin: 20px 0 0 0; }

.custom-alert {
  position: fixed;
  top: 16px;
  right: 50%;
  left: 50%;
  margin-left: -200px;
  width: 400px;
  z-index: 1050;
  text-align: center; }

.task-index_header .summer {
  border: 1px solid #E4E4E4;
  display: flex;
  flex-direction: row; }
  .task-index_header .summer .summer_icon {
    width: 7rem;
    height: 7rem;
    margin: auto 0px; }
  .task-index_header .summer > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 10px; }
    .task-index_header .summer > div #loadingIdleDevice, .task-index_header .summer > div #flyIdleDevice {
      text-align: center; }
      .task-index_header .summer > div #loadingIdleDevice span, .task-index_header .summer > div #flyIdleDevice span {
        padding: 0 5px; }
      .task-index_header .summer > div #loadingIdleDevice span:nth-child(1), .task-index_header .summer > div #flyIdleDevice span:nth-child(1) {
        border-right: 2px solid #000;
        color: #1ABC9C; }

.task-index_brief {
  margin: 30px 0; }
  .task-index_brief .brief {
    border: 1px solid #E4E4E4;
    padding: 0; }
    .task-index_brief .brief > p {
      height: 3rem;
      background-color: #F3F3F3;
      border-bottom: 1px solid #E4E4E4;
      vertical-align: middle;
      line-height: 3rem;
      font-weight: bold; }
    .task-index_brief .brief .data {
      height: 12rem;
      display: flex;
      justify-content: center;
      align-items: center; }
      .task-index_brief .brief .data > div {
        margin: 0 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 0 20px;
        border-right: 1px solid #E4E4E4; }
      .task-index_brief .brief .data > div:last-child {
        border-right: none; }

.task-index_taskTotal .head {
  height: 3rem;
  background-color: #F3F3F3;
  border-bottom: 1px solid #E4E4E4; }
  .task-index_taskTotal .head span {
    height: 3rem;
    line-height: 3rem; }
  .task-index_taskTotal .head button {
    float: right;
    border: none;
    background-color: #fff;
    height: 2rem;
    width: 5rem;
    margin: .5rem 0; }

table tr select {
  border: none;
  background-color: transparent;
  color: #3c8dbc; }

.site-index .site-index_node > div > div > div {
  display: flex;
  justify-content: center;
  min-height: 450px; }
.site-index .node-level {
  display: flex;
  position: relative; }
  .site-index .node-level .node-title {
    height: 6rem;
    line-height: 6rem;
    cursor: default; }
    .site-index .node-level .node-title > div {
      margin: .5rem 0;
      font-size: 1.5rem;
      font-weight: bold;
      line-height: 100%;
      padding: 1rem 2rem;
      background: #dde3ed;
      border-radius: 2px;
      color: #4a4a4a;
      width: 8rem;
      text-align: center; }
      .site-index .node-level .node-title > div p {
        padding: .2rem 0;
        margin: 0;
        text-align: center; }
    .site-index .node-level .node-title .node-group {
      background: #ffffff;
      border: 1px solid #4a90e2;
      border-radius: 2px;
      padding: 0 1rem;
      margin: 0;
      width: 14rem;
      font-size: 1rem; }
      .site-index .node-level .node-title .node-group p, .site-index .node-level .node-title .node-group span {
        color: #4a4a4a;
        font-weight: 500; }
      .site-index .node-level .node-title .node-group > div {
        margin-top: .5rem;
        display: flex;
        justify-content: center; }
        .site-index .node-level .node-title .node-group > div > div {
          flex: 1 1 auto;
          text-align: center; }
  .site-index .node-level .node-horizontal-left {
    width: 2rem;
    height: 0;
    /* margin-right: -4rem; */
    margin-top: 3rem;
    border-top: 2px solid #000; }
  .site-index .node-level .node-horizontal-right {
    width: 2rem;
    height: 0;
    /* margin-right: -4rem; */
    margin-top: 3rem;
    border-top: 2px solid #000; }
  .site-index .node-level .node-button {
    height: 1.5rem;
    width: 1.5rem;
    margin-top: 2.25rem;
    /*transform: translateY(-50%); */
    text-align: center;
    vertical-align: middle;
    cursor: pointer; }
  .site-index .node-level .node-box {
    position: relative; }

.fade-enter-active, .fade-leave-active {
  transition: all .5s; }

.fade-enter, .fade-leave-to {
  opacity: 0; }

.collection-index .collection-content {
  display: -ms-grid;
  display: grid;
  width: 100%;
  height: 579px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: repeat(7, 1fr);
  -ms-grid-rows: 150px 150px 150px;
  grid-template-rows: repeat(3, 150px); }
  .collection-index .collection-content .items {
    position: relative;
    background: url(../../../images/video.png) no-repeat center;
    background-size: auto auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 10px; }
    .collection-index .collection-content .items .del-item {
      display: none;
      position: absolute;
      top: 2px;
      right: 10px;
      color: #b3b3b3; }
    .collection-index .collection-content .items a {
      height: 100px; }
    .collection-index .collection-content .items input {
      text-align: center;
      font-size: 12px;
      color: #b3b3b3;
      width: 100%;
      cursor: default;
      word-break: break-all;
      height: 28px;
      line-height: 28px;
      border: none;
      text-overflow: ellipsis; }
    .collection-index .collection-content .items:hover {
      border: 1px solid #8796b0;
      margin: -1px; }
      .collection-index .collection-content .items:hover .del-item {
        display: block; }
.collection-index .collection-img .items {
  background: url(../../../images/photo.png) no-repeat center; }

.collection-index-img .index_content div.head, .collection-index-video .index_content div.head {
  margin: 10px 0;
  color: #8796b0;
  border-bottom: 1px solid #e4e4e4;
  height: 20px; }
  .collection-index-img .index_content div.head div.show-form-info, .collection-index-video .index_content div.head div.show-form-info {
    border: 1px solid #e4e4e4;
    width: 200px;
    height: 100px;
    text-align: center; }
    .collection-index-img .index_content div.head div.show-form-info p, .collection-index-video .index_content div.head div.show-form-info p {
      text-align: center;
      margin: 10px 0; }
    .collection-index-img .index_content div.head div.show-form-info button, .collection-index-video .index_content div.head div.show-form-info button {
      margin: 10px 0;
      width: 60px; }
  .collection-index-img .index_content div.head::after, .collection-index-video .index_content div.head::after {
    content: '';
    display: block;
    clear: both; }
.collection-index-img .index_content .content, .collection-index-video .index_content .content {
  display: grid;
  width: 100%;
  height: 650px;
  -ms-grid-column: 130px 130px 130px 130px 130px 130px 130px 130px;
  grid-template-columns: repeat(8, 130px);
  -ms-grid-row: 160px 160px 160px 160px;
  grid-template-rows: repeat(4, 160px);
  text-align: center; }
  .collection-index-img .index_content .content .item, .collection-index-video .index_content .content .item {
    position: relative;
    height: 100%;
    width: 110px;
    padding-top: 90.3%;
    margin: 0 10px;
    text-align: center; }
    .collection-index-img .index_content .content .item .del-item, .collection-index-video .index_content .content .item .del-item {
      display: none;
      position: absolute;
      top: 2px;
      right: 0;
      color: #b3b3b3;
      cursor: default; }
    .collection-index-img .index_content .content .item > img, .collection-index-video .index_content .content .item > img {
      position: absolute;
      top: 18px;
      left: 0;
      width: 100%;
      height: 110px; }
    .collection-index-img .index_content .content .item > input, .collection-index-video .index_content .content .item > input {
      position: absolute;
      bottom: 0;
      left: 0;
      text-align: center;
      font-size: 12px;
      color: #4a4a4a;
      width: 100%;
      cursor: default;
      word-break: break-all;
      height: 28px;
      line-height: 28px;
      border: none;
      text-overflow: ellipsis; }
    .collection-index-img .index_content .content .item:hover .del-item, .collection-index-video .index_content .content .item:hover .del-item {
      display: block; }

.collection-index-video .item > i {
  position: absolute;
  top: 18px;
  left: 0;
  width: 100%;
  height: 110px;
  background: url(../../../images/mp4.png) center no-repeat; }

.collection-background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
  background-color: #000;
  opacity: .8;
  height: 100%;
  width: 100%; }

.container-pic_show {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  height: 80%;
  z-index: 5000;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: center;
  align-items: center; }
  .container-pic_show img {
    max-width: 100%;
    max-height: 100%; }

.collection-img-form .form-head, .collection-video-form .form-head {
  justify-content: flex-start; }

.collection-img-form, .collection-video-form {
  color: #576379; }
  .collection-img-form .form-group-inner, .collection-video-form .form-group-inner {
    padding: 0; }
    .collection-img-form .form-group-inner input, .collection-video-form .form-group-inner input {
      width: 150px; }
    .collection-img-form .form-group-inner select, .collection-video-form .form-group-inner select {
      width: 150px; }
  .collection-img-form #uploader #dndArea, .collection-video-form #uploader #dndArea {
    background: #fafafa;
    border: 1px solid #afbdd1;
    border-radius: 4px;
    width: 678px;
    height: 203px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
  .collection-img-form #uploader .filelist, .collection-video-form #uploader .filelist {
    margin-top: 10px;
    padding: 0;
    width: 678px; }
    .collection-img-form #uploader .filelist li, .collection-video-form #uploader .filelist li {
      display: flex;
      align-items: center; }
      .collection-img-form #uploader .filelist li::after, .collection-video-form #uploader .filelist li::after {
        content: "";
        display: block;
        clear: both; }
      .collection-img-form #uploader .filelist li p, .collection-img-form #uploader .filelist li div, .collection-video-form #uploader .filelist li p, .collection-video-form #uploader .filelist li div {
        display: inline-block;
        margin-bottom: 0; }
      .collection-img-form #uploader .filelist li .info, .collection-video-form #uploader .filelist li .info {
        display: flex;
        flex-direction: column;
        align-items: center; }
      .collection-img-form #uploader .filelist li > .contents, .collection-video-form #uploader .filelist li > .contents {
        flex: auto; }
        .collection-img-form #uploader .filelist li > .contents .prgress, .collection-video-form #uploader .filelist li > .contents .prgress {
          width: 100%;
          height: 4px;
          border-radius: 2px;
          background-color: #d8d8d8; }
          .collection-img-form #uploader .filelist li > .contents .prgress span, .collection-video-form #uploader .filelist li > .contents .prgress span {
            width: 0;
            background-color: #64b9fc;
            height: 100%; }
      .collection-img-form #uploader .filelist li .file-panel, .collection-video-form #uploader .filelist li .file-panel {
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: transparent; }
        .collection-img-form #uploader .filelist li .file-panel span, .collection-video-form #uploader .filelist li .file-panel span {
          padding: 0;
          color: red;
          background-color: transparent; }
  .collection-img-form #uploader .info, .collection-video-form #uploader .info {
    color: #626f86;
    font-size: 12px; }
  .collection-img-form #uploader .btns, .collection-video-form #uploader .btns {
    margin-top: 10px; }

.task-index {
  position: relative; }
  .task-index .myAlert {
    background: #ffffff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    width: 527px;
    height: 296px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1000;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center; }
    .task-index .myAlert > p {
      font-size: 1rem;
      width: 100%;
      height: 3rem;
      line-height: 3rem;
      padding-left: 20px;
      border: 1px solid #e4e4e4;
      color: #4c6072; }
    .task-index .myAlert > form {
      flex: 1 1 auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
    .task-index .myAlert .myAlert-info {
      width: 320px;
      margin-top: 2rem;
      color: #576379;
      flex: 2 1 auto; }
      .task-index .myAlert .myAlert-info p {
        font-size: .8rem;
        text-align: center;
        margin-bottom: 20px; }
        .task-index .myAlert .myAlert-info p input {
          margin-left: 10px;
          border: 1px solid #8796b0;
          border-radius: 3px;
          background: #ffffff; }
      .task-index .myAlert .myAlert-info textarea {
        width: 100%;
        border: 1px solid #576379;
        resize: none; }
      .task-index .myAlert .myAlert-info .myAlert-info-result {
        text-align: center; }
      .task-index .myAlert .myAlert-info .myAlert-warn-items {
        margin-top: 10px;
        display: grid;
        grid-template-columns: repeat(2, 150px);
        grid-template-rows: repeat(2, 1fr); }
        .task-index .myAlert .myAlert-info .myAlert-warn-items .myAlert-warn_item {
          text-align: center; }
    .task-index .myAlert .myAlert-buttons {
      flex: 1 1 auto; }
      .task-index .myAlert .myAlert-buttons > * {
        color: #ffffff;
        border: 1px solid #2196F3;
        background: #2196F3;
        border-radius: 4px;
        width: 8em;
        height: 2rem;
        display: inline-block;
        padding: 0;
        margin: 0;
        text-align: center;
        line-height: 2rem; }
      .task-index .myAlert .myAlert-buttons .button_cancel {
        background-color: #ffffff;
        color: #516576;
        cursor: pointer; }
      .task-index .myAlert .myAlert-buttons #button_ok {
        background-color: #169BD5; }
      .task-index .myAlert .myAlert-buttons #button_cancel {
        background-color: #F2F2F2; }

.task-form .task-form-iframe .form-create {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(10, 5rem); }
  .task-form .task-form-iframe .form-create .form-group {
    text-align: left; }
    .task-form .task-form-iframe .form-create .form-group label {
      width: 108px;
      color: #576379;
      vertical-align: middle; }
    .task-form .task-form-iframe .form-create .form-group > * {
      display: inline-block; }
    .task-form .task-form-iframe .form-create .form-group .control-label {
      padding-right: 8px; }
    .task-form .task-form-iframe .form-create .form-group input,
    .task-form .task-form-iframe .form-create .form-group select,
    .task-form .task-form-iframe .form-create .form-group textarea {
      height: 2.57rem;
      border: 1px solid #8796b0;
      border-radius: 3px;
      vertical-align: middle; }
    .task-form .task-form-iframe .form-create .form-group [type="text"], .task-form .task-form-iframe .form-create .form-group select {
      width: 298px; }
    .task-form .task-form-iframe .form-create .form-group [type="file"] {
      width: 298px;
      border: 0; }
    .task-form .task-form-iframe .form-create .form-group #task-pipeline_type {
      height: 2.57rem;
      border-radius: 3px;
      vertical-align: middle;
      width: 298px; }
  .task-form .task-form-iframe .form-create .cus-form-group {
    grid-row-start: 3;
    grid-row-end: 6; }
    .task-form .task-form-iframe .form-create .cus-form-group .kml-list {
      height: 180px;
      width: 100%;
      padding-left: 75px;
      padding-top: 16px;
      overflow-y: auto; }
      .task-form .task-form-iframe .form-create .cus-form-group .kml-list span {
        float: left;
        cursor: default;
        max-width: 110px;
        height: 20px;
        line-height: 16px;
        margin: 10px 8px 0 0;
        flex: 0 0 16px; }
      .task-form .task-form-iframe .form-create .cus-form-group .kml-list:after {
        content: "";
        display: block;
        clear: both; }
  .task-form .task-form-iframe .form-create .cus-form-group-button {
    width: 87px;
    background: #FFFFFF;
    border: 1px solid #4C6072;
    border-radius: 4px; }
  .task-form .task-form-iframe .form-create .field-task-task_msg {
    grid-row-start: 8;
    grid-row-end: 11; }
    .task-form .task-form-iframe .form-create .field-task-task_msg textarea {
      width: 298px;
      height: 140px;
      vertical-align: middle; }
.task-form #map-task {
  height: 560px;
  position: relative; }
  .task-form #map-task .map-task-content {
    position: absolute;
    z-index: 1000;
    left: 1.64rem;
    top: 3rem;
    height: 15rem;
    width: 12.4rem;
    cursor: default;
    opacity: 0.8;
    background: #ffffff;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 2px 2px 0 0;
    color: #4c6072; }
    .task-form #map-task .map-task-content .map-task-head {
      font-size: 1rem;
      height: 3.5rem;
      width: 100%;
      text-align: center;
      line-height: 3.5rem; }
      .task-form #map-task .map-task-content .map-task-head .map-task-head_back, .task-form #map-task .map-task-content .map-task-head .map-task-head_up {
        font-size: 1.2rem;
        padding: 0 10px;
        cursor: pointer; }
    .task-form #map-task .map-task-content .map-task-contents {
      position: relative;
      width: 100%;
      height: 11.5rem;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center; }
      .task-form #map-task .map-task-content .map-task-contents > div {
        flex: 1 1 auto;
        width: 90%; }
      .task-form #map-task .map-task-content .map-task-contents .clearMap {
        display: inline-block;
        width: auto;
        position: absolute;
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%);
        cursor: pointer; }
.task-form .button-group {
  text-align: center;
  margin-top: 50px; }
  .task-form .button-group > * {
    background: #2196f3;
    border-radius: 4px;
    width: 112px;
    height: 36px;
    color: #ffffff; }

.dn-ckx-plugin #treeview {
  position: relative; }
  .dn-ckx-plugin #treeview > label {
    position: absolute;
    left: 20px;
    bottom: 0;
    color: #4c6072;
    font-weight: normal; }
.dn-ckx-plugin ul {
  background-color: #ffffff; }
.dn-ckx-plugin ul.level-1 {
  border: 1px solid #979797;
  border-radius: 4px;
  margin-bottom: 4rem; }
  .dn-ckx-plugin ul.level-1 > li > label {
    padding-left: 0;
    font-size: 1.14rem;
    color: #4a4a4a; }
.dn-ckx-plugin ul.level-2 > .dn-level-li label {
  display: block;
  color: #4c6072;
  font-weight: normal; }
.dn-ckx-plugin ul.level-2 > .dn-level-li ul {
  display: inline-block; }
.dn-ckx-plugin ul.level-3 > .dn-level-li label {
  color: #4c6072;
  font-weight: normal; }
.dn-ckx-plugin .dn-level-li .ui-ckx {
  border: 1px solid #979797;
  box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
  border-radius: 2px;
  width: 16px;
  height: 16px;
  top: 2px; }
.dn-ckx-plugin .dn-level-li .ui-ckx.hover {
  border: 2px;
  background-position-x: 0px; }
.dn-ckx-plugin .dn-level-li .ui-ckx.active {
  background: url(../../../images/checked.png) no-repeat center; }
.dn-ckx-plugin .form-group {
  text-align: center; }
  .dn-ckx-plugin .form-group > * {
    background: #2196f3;
    border-radius: 4px;
    width: 112px;
    height: 36px; }

.map-set-index {
  position: relative;
  background: #d8d8d8;
  width: 100%;
  height: 850px; }

#map-set-index_mapArea {
  width: 100%;
  height: 850px; }

.map-set-index_searchArea {
  position: absolute;
  z-index: 1000;
  left: 10px;
  top: 10px;
  height: 800px; }
  .map-set-index_searchArea .map-set-index_searchArea-header {
    background: #3E495B;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
    border-radius: 2px 2px 0 0;
    width: 396px;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center; }
    .map-set-index_searchArea .map-set-index_searchArea-header > div {
      background-color: #3E495B;
      border: none;
      color: #ffffff; }
    .map-set-index_searchArea .map-set-index_searchArea-header .table-show {
      width: 50px;
      height: 2rem;
      line-height: 2rem;
      text-align: center;
      cursor: pointer;
      font-size: 1.5rem; }
    .map-set-index_searchArea .map-set-index_searchArea-header .show-setting {
      width: 50px;
      height: 2rem;
      line-height: 2rem;
      text-align: center;
      cursor: pointer;
      font-size: 1.5rem; }
    .map-set-index_searchArea .map-set-index_searchArea-header input {
      width: 200px;
      border: 1px solid #e4e4e4;
      margin: 0 10px;
      background: #ffffff;
      line-height: 2rem;
      border-radius: 4px; }
  .map-set-index_searchArea .map-set-index_searchArea-body {
    max-height: 100%;
    font-size: .8rem;
    width: 396px;
    border-radius: 2px;
    cursor: default; }
    .map-set-index_searchArea .map-set-index_searchArea-body .map-set-index-head {
      background: #212936;
      box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.5);
      width: 100%;
      height: 3rem;
      font-size: 0;
      color: #3F5987; }
      .map-set-index_searchArea .map-set-index_searchArea-body .map-set-index-head div {
        font-weight: bold;
        font-size: 1rem;
        height: 100%;
        display: inline-block;
        line-height: 3rem;
        text-align: center;
        padding: 0;
        margin: 0;
        border: 1px solid rgba(0, 0, 0, 0.05); }
      .map-set-index_searchArea .map-set-index_searchArea-body .map-set-index-head div:nth-child(1) {
        width: 30%; }
      .map-set-index_searchArea .map-set-index_searchArea-body .map-set-index-head div:nth-child(2) {
        width: 20%; }
      .map-set-index_searchArea .map-set-index_searchArea-body .map-set-index-head div:nth-child(3) {
        width: 50%; }
    .map-set-index_searchArea .map-set-index_searchArea-body ul {
      max-height: 700px;
      overflow: auto;
      color: #9BACBE;
      width: 100%;
      list-style: none;
      padding: 0;
      margin: 0; }
      .map-set-index_searchArea .map-set-index_searchArea-body ul li {
        background: #3E495B;
        box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.5);
        font-size: 0; }
        .map-set-index_searchArea .map-set-index_searchArea-body ul li > div {
          font-size: .8rem;
          text-align: center;
          height: 36px;
          line-height: 36px;
          float: left; }
        .map-set-index_searchArea .map-set-index_searchArea-body ul li div:nth-child(1) {
          width: 30%;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        .map-set-index_searchArea .map-set-index_searchArea-body ul li div:nth-child(2) {
          width: 20%; }
        .map-set-index_searchArea .map-set-index_searchArea-body ul li div:nth-child(3) {
          width: 50%; }
          .map-set-index_searchArea .map-set-index_searchArea-body ul li div:nth-child(3) span {
            padding: 0 10px;
            cursor: pointer; }
          .map-set-index_searchArea .map-set-index_searchArea-body ul li div:nth-child(3) .del {
            color: #E57373; }
          .map-set-index_searchArea .map-set-index_searchArea-body ul li div:nth-child(3) .grey {
            color: #b3b3b3; }
          .map-set-index_searchArea .map-set-index_searchArea-body ul li div:nth-child(3) i {
            font-size: 1rem; }
        .map-set-index_searchArea .map-set-index_searchArea-body ul li:after {
          content: '';
          display: block;
          clear: both; }

.map-set-index_setting {
  position: absolute;
  z-index: 1000;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background: #ffffff;
  box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
  width: 527px;
  height: 28.5rem; }
  .map-set-index_setting .map-header {
    height: 15%; }
    .map-set-index_setting .map-header p {
      color: #31475A;
      font-size: 1.5rem;
      font-weight: bold;
      height: 100%;
      line-height: 4rem;
      margin: 0 0 0 1rem;
      text-align: center; }
  .map-set-index_setting .map-content {
    color: #31475A;
    padding-top: 1rem;
    width: 70%;
    height: 80%;
    display: flex;
    flex-direction: column;
    margin: 0 auto; }
    .map-set-index_setting .map-content span {
      display: inline-block;
      width: 100px; }
    .map-set-index_setting .map-content > div {
      width: 100%; }
    .map-set-index_setting .map-content .map-type {
      height: 36px; }
      .map-set-index_setting .map-content .map-type label {
        margin-right: 30px; }
    .map-set-index_setting .map-content .map-upload {
      flex: 2;
      cursor: default;
      display: flex;
      align-items: baseline; }
      .map-set-index_setting .map-content .map-upload .map-upload-area {
        height: 80%;
        border: 1px solid #e4e4e4;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0 10px;
        flex-wrap: wrap;
        flex-direction: column; }
        .map-set-index_setting .map-content .map-upload .map-upload-area .webuploader-pick {
          background: #64B9FC; }
        .map-set-index_setting .map-content .map-upload .map-upload-area > div {
          flex: 1;
          display: flex;
          align-items: center; }
        .map-set-index_setting .map-content .map-upload .map-upload-area ul.filelist {
          padding-left: 0;
          width: 90%;
          position: relative;
          flex: 1; }
          .map-set-index_setting .map-content .map-upload .map-upload-area ul.filelist .prgress {
            width: 100%;
            height: 4px;
            border-radius: 2px;
            background-color: #d8d8d8;
            display: inline-block;
            margin-bottom: 0; }
            .map-set-index_setting .map-content .map-upload .map-upload-area ul.filelist .prgress span {
              width: 0;
              background-color: #64b9fc;
              height: 100%; }
          .map-set-index_setting .map-content .map-upload .map-upload-area ul.filelist .file-panel {
            position: absolute;
            right: 0;
            top: 0;
            height: 20px;
            width: 25px; }
            .map-set-index_setting .map-content .map-upload .map-upload-area ul.filelist .file-panel .webuploader-pick {
              width: 100%;
              padding: 0;
              background: transparent;
              color: #4c6072; }
      .map-set-index_setting .map-content .map-upload #map-upload-button {
        cursor: pointer;
        display: inline-block; }
      .map-set-index_setting .map-content .map-upload .map-upload-type {
        display: inline-block;
        width: 160px;
        padding-left: 20px;
        color: #b3b3b3; }
      .map-set-index_setting .map-content .map-upload .statusBar {
        width: 100%; }
        .map-set-index_setting .map-content .map-upload .statusBar .progress {
          height: 1rem;
          width: 100%;
          text-align: left; }
        .map-set-index_setting .map-content .map-upload .statusBar .percentage {
          height: 1rem;
          background-color: #64B9FC; }
    .map-set-index_setting .map-content .map-buttons {
      display: flex;
      justify-content: space-around;
      height: 50px; }
      .map-set-index_setting .map-content .map-buttons button {
        width: 8rem;
        border: 1px solid;
        height: 2.5rem; }
      .map-set-index_setting .map-content .map-buttons .uploadBtn {
        background: #2196F3;
        border: 1px solid #2196F3;
        border-radius: 4px;
        color: #FFFFFF; }
      .map-set-index_setting .map-content .map-buttons .button-cancel {
        background: #FFFFFF;
        border: 1px solid #979797;
        border-radius: 4px;
        color: #4c6072; }

.operation-log-index {
  position: relative; }
  .operation-log-index .p_button {
    position: absolute;
    top: 0;
    right: 15px; }
  .operation-log-index .form-head {
    padding-left: 15px;
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .operation-log-index .form-head > label {
      padding-right: 8px;
      color: #576379;
      vertical-align: middle;
      padding-bottom: 10px; }
    .operation-log-index .form-head #operationlogsearch-addtime-container {
      padding-bottom: 16px;
      vertical-align: middle; }
      .operation-log-index .form-head #operationlogsearch-addtime-container .kv-drp-dropdown {
        display: inline-block;
        width: 150px;
        height: 2.57rem;
        border: 1px solid #8796b0;
        border-radius: 3px; }

html {
  font-size: 14px; }

body {
  font-family: 'Helvetica Neue', Helvetica, Arial, 'PingFang SC', 'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei', sans-serif;
  position: relative; }

html,
body {
  height: 100% !important;
  width: 100% !important; }

h1 {
  font-family: 'Microsoft YaHei' !important; }

::-webkit-scrollbar {
  width: 1px;
  background: #ffffff; }

::-webkit-scrollbar-thumb {
  background: #afbdd1;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
  border-radius: 2px; }

.view-table {
  width: 60%; }
  .view-table .table {
    margin-bottom: 0; }
    .view-table .table thead {
      background: #dbe3ef;
      box-shadow: inset -1px -1px 0 0 rgba(0, 0, 0, 0.05); }
      .view-table .table thead tr {
        height: 48px; }
      .view-table .table thead th {
        text-align: center;
        vertical-align: middle;
        color: #3e495b; }
        .view-table .table thead th > * {
          color: #3e495b; }
    .view-table .table tbody tr > * {
      height: 42px;
      vertical-align: middle;
      color: #607a99; }
      .view-table .table tbody tr > * > .empty {
        width: 100%; }
      .view-table .table tbody tr > * > * {
        width: 1rem;
        height: 100%;
        padding: 0 8px;
        color: #576379; }
        .view-table .table tbody tr > * > *:hover {
          color: #2196f3; }
    .view-table .table tbody tr th {
      text-align: center;
      font-weight: normal; }
    .view-table .table tbody tr:nth-of-type(even) {
      background: #ffffff; }
    .view-table .table tbody tr:nth-of-type(odd) {
      background: #f0f5fc; }
    .view-table .table tbody tr:first-child {
      background: #dbe3ef;
      box-shadow: inset -1px -1px 0 0 rgba(0, 0, 0, 0.05);
      height: 48px; }
      .view-table .table tbody tr:first-child > * {
        vertical-align: middle;
        color: #31475a;
        font-weight: bold; }
        .view-table .table tbody tr:first-child > * > * {
          color: #3e495b; }

.grid-view .table {
  text-align: center;
  margin-bottom: 0; }
  .grid-view .table thead {
    background: #dbe3ef;
    box-shadow: inset -1px -1px 0 0 rgba(0, 0, 0, 0.05); }
    .grid-view .table thead tr {
      height: 48px; }
    .grid-view .table thead th {
      text-align: center;
      vertical-align: middle;
      color: #3e495b; }
      .grid-view .table thead th > * {
        color: #3e495b; }
  .grid-view .table tbody tr:hover > * {
    background: #D8EEFF; }
  .grid-view .table tbody tr td {
    min-width: 80px;
    height: 42px;
    vertical-align: middle;
    color: #607a99; }
    .grid-view .table tbody tr td > .empty {
      width: 100%;
      text-align: center; }
    .grid-view .table tbody tr td > * {
      width: 1rem;
      padding: 0 8px;
      color: #576379; }
      .grid-view .table tbody tr td > *:hover {
        color: #2196f3; }
    .grid-view .table tbody tr td .glyphicon-trash:hover {
      color: #e57373; }
  .grid-view .table tbody tr:nth-of-type(odd) {
    background: #ffffff; }
  .grid-view .table tbody tr:nth-of-type(even) {
    background: #f0f5fc; }
.grid-view .pagination {
  margin: 0;
  height: 48px;
  width: 100%;
  background: #dbe3ef;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .grid-view .pagination li {
    display: inline-block; }
  .grid-view .pagination li > * {
    border: 1px solid #a5b6c3;
    width: 2.4rem;
    height: 1.7rem;
    padding: 0;
    color: #a5b6c3;
    text-align: center;
    line-height: 1.7rem;
    background-color: #ffffff; }
  .grid-view .pagination li.active > * {
    background: #3864a2;
    color: #ffffff; }
  .grid-view .pagination li:not(:last-child) > * {
    margin-right: 2px; }

.collection-index .pagination {
  background: #ffffff; }

.index_header {
  position: relative;
  height: 47px; }
  .index_header p {
    position: absolute;
    left: 15px; }
    .index_header p a,
    .index_header p label {
      background: #64b9fc;
      color: #ffffff; }
  .index_header > form {
    position: absolute;
    left: 15px; }
  .index_header > div {
    float: right;
    padding-right: 15px; }
  .index_header > .pip {
    position: absolute;
    left: 15px; }
    .index_header > .pip form {
      display: inline-block;
      margin-right: 10px; }
    .index_header > .pip label {
      background: #64b9fc;
      color: #ffffff; }
    .index_header > .pip label:hover {
      color: #333333; }
  .index_header .form-file-label label:hover {
    color: #333333; }

.pipeline-index .add-pipeline > * {
  background: #64b9fc;
  color: #ffffff; }

.form-head {
  height: 100%;
  width: 100%;
  display: flex;
  justify-content: flex-end;
  padding-right: 0; }
  .form-head .form-group {
    flex: 0 1 auto; }
    .form-head .form-group > * {
      display: inline-block;
      width: auto; }
    .form-head .form-group input,
    .form-head .form-group select {
      height: 2.57rem;
      border: 1px solid #8796b0;
      border-radius: 3px; }
    .form-head .form-group .control-label {
      padding-right: 8px;
      color: #576379; }
  .form-head .button-group {
    margin-bottom: 15px;
    margin-left: 30px; }
    .form-head .button-group > * {
      color: #ffffff;
      background-color: #64b9fc;
      width: 120px; }

.oparetion-log-label {
  font-size: 1rem;
  color: #576379;
  padding-top: 8px;
  padding-right: 14px; }

#operationlogsearch-addtime-container {
  height: 2.57rem;
  border: 1px solid #8796b0;
  border-radius: 3px;
  width: 378px; }

.task-index-table {
  padding-right: 0; }

.device-form,
.pipeline-form,
.department-form,
.node-form,
.role-form,
.user-form {
  width: 60%;
  margin: 0; }

.pipeline-create > select {
  margin: 16px 0;
  height: 2.57rem;
  border: 1px solid #8796b0;
  border-radius: 3px;
  vertical-align: middle; }

.form-create {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, 6rem); }
  .form-create .form-group {
    text-align: left; }
    .form-create .form-group label {
      width: 105px;
      color: #576379;
      vertical-align: middle; }
    .form-create .form-group > * {
      display: inline-block; }
    .form-create .form-group .control-label {
      padding-right: 8px; }
    .form-create .form-group input,
    .form-create .form-group select,
    .form-create .form-group textarea {
      resize: none;
      height: 2.57rem;
      border: 1px solid #8796b0;
      border-radius: 3px;
      vertical-align: middle; }
    .form-create .form-group [type='text'],
    .form-create .form-group [type='password'],
    .form-create .form-group select {
      width: 278px; }
  .form-create .form-group-container {
    display: flex;
    flex-direction: column; }
    .form-create .form-group-container > div {
      margin: 0; }
    .form-create .form-group-container .field-device-borrow_user_id {
      width: 278px; }
      .form-create .form-group-container .field-device-borrow_user_id label {
        width: 105px; }
      .form-create .form-group-container .field-device-borrow_user_id select {
        width: 120px; }
  .form-create #device-device_healthy,
  .form-create #device-use_status,
  .form-create #node-status,
  .form-create #node-is_menu {
    width: 298px; }
    .form-create #device-device_healthy > label,
    .form-create #device-use_status > label,
    .form-create #node-status > label,
    .form-create #node-is_menu > label {
      width: 60px; }
    .form-create #device-device_healthy .help-block,
    .form-create #device-use_status .help-block,
    .form-create #node-status .help-block,
    .form-create #node-is_menu .help-block {
      display: none; }
  .form-create .field-device-device_msg {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 5;
    grid-row-end: 8; }
    .form-create .field-device-device_msg textarea {
      width: 78%;
      height: 220px;
      vertical-align: middle; }
  .form-create .field-pipelineintersite-details {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 6; }
    .form-create .field-pipelineintersite-details textarea {
      width: 80%;
      height: 150px;
      vertical-align: middle; }
  .form-create .field-pipeline-details {
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 4;
    grid-row-end: 6; }
    .form-create .field-pipeline-details textarea {
      width: 75%;
      height: 150px;
      vertical-align: middle; }
  .form-create .button-group {
    text-align: center;
    grid-column-start: 1;
    grid-column-end: 3; }
    .form-create .button-group > * {
      background: #64b9fc;
      border-radius: 4px;
      color: #ffffff;
      width: 120px; }
    .form-create .button-group button:nth-child(2) {
      background: #ffffff;
      color: #4c6072;
      border: 1px solid #4c6072; }

#task-map, #taskrush-map {
  width: 100%;
  height: 700px; }

.form-file-label {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  background: #64b9fc;
  color: #ffffff; }

.form-file-input,
.form-file-button {
  display: none; }

.cus-form {
  display: inline; }
  .cus-form label {
    padding: 0 8px;
    padding-bottom: 6px; }

#from, #to {
  width: 190px; }

#taskrush-map .custom-popup .leaflet-popup-content > div {
  display: flex;
  flex-direction: column;
  align-items: center; }
  #taskrush-map .custom-popup .leaflet-popup-content > div .popup-button {
    letter-spacing: 5px;
    padding: 6px 12px 6px 17px; }

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