@import url("../../common.css");
/*.jimu-widget-bookmark-setting .bookmark-list, .jimu-widget-bookmark-setting .right-section{
  float: left;
}*/
.jimu-widget-bookmark-setting {
  height: 100%;
}

.jimu-widget-bookmark-setting .layout,
.jimu-widget-bookmark-setting .editable{
  margin-bottom: 15px;
}

.jimu-widget-bookmark-setting .editable .tips{
  font-family: "Avenir Light";
  font-size: 12px;
  color: #898989;
}
.jimu-widget-bookmark-setting .layout .title,
.jimu-widget-bookmark-setting .editable .title{
  /*
  font-family: "Avenir Medium";
  letter-spacing: 0.39px;*/
  margin-bottom: 15px;
  font-size: 14px;
  color: #000000;
}
/*
.jimu-widget-bookmark-setting .editable .title{
  font-family: "Avenir Medium";
  font-size: 12px;
  color: #353535;
  letter-spacing: 0.3px;
}*/

.jimu-widget-bookmark-setting .editable .save-layer{
  margin-left: 20px;
}
.jimu-rtl .jimu-widget-bookmark-setting .editable .save-layer{
  margin-right: 20px;
  margin-left: 0;
}

.jimu-widget-bookmark-setting .layout .content{

}
/*.jimu-widget-bookmark-setting .layout .content .checkbox{
  margin-right: 10px;
}*/
.jimu-widget-bookmark-setting .layout .label{
  margin-right: 40px;
  cursor: pointer;
}
.jimu-rtl .jimu-widget-bookmark-setting .layout .label{
  margin-left: 40px;
  margin-right: 0;
}

.jimu-widget-bookmark-setting .transparent{
  visibility: hidden;
}

.jimu-widget-bookmark-setting .default-setting{
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 100px;
  height: 20px;
  margin: 0 5px;
  cursor: pointer;
  background-color: #F3F3F3;
  font-size: 12px;
  text-align: center;
}
.jimu-widget-bookmark-setting .default-setting .default{
  color: #9B9B9B;
  padding: 2px 6px;
  cursor: default;
}
.jimu-widget-bookmark-setting .default-setting .set-default {
  width: 100%;
  height: 100%;
  padding: 0 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #24B5CC;
  color: #ffffff;
  cursor: pointer;
}
.jimu-widget-bookmark-setting .layout .content .checkbox{

}

.jimu-widget-bookmark-setting .layout .layout-btns{
  width:30px;
  height:30px;
  font-size: 14px;
  border: 1px solid #E2E2E2;
  margin:0 10px;
}
.jimu-widget-bookmark-setting .layout .layout-btns .cards{
  width: 16px;
  height: 16px;
  margin: 6px;
  background: url(../../images/btns/cards.svg) no-repeat;
}
.jimu-widget-bookmark-setting .layout .layout-btns .list{
  width: 16px;
  height: 16px;
  margin: 6px;
  background: url(../../images/btns/list.svg) no-repeat;
}
/*.jimu-widget-bookmark-setting .layout .layout-btns.choose{
  background-color: red;
}*/
/*.jimu-widget-bookmark-setting .sync-setting-item{
  margin-bottom: 20px;
}
.jimu-widget-bookmark-setting .sync .sync-setting-item{
  margin-bottom: 15px;
}*/

.jimu-widget-bookmark-setting .sync .check{
  margin-bottom: 15px;
}

.jimu-widget-bookmark-setting .sync label{
  font-family: "Avenir Medium";
  font-size: 12px;
  color: #000000;
  letter-spacing: 0.3px;
}
.jimu-widget-bookmark-setting .sync .custom-btns{
  font-size: 14px;
  border: 1px solid #D6D6D6;
  height: 30px;
  width: 80px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}
.jimu-widget-bookmark-setting .sync .custom-btns:hover{
  color: #FFF;
  background-color: #24B5CC;
}
.jimu-widget-bookmark-setting .sync .custom-btns.create{
  margin: 0 20px;
  margin-bottom: 15px;
}

.jimu-widget-bookmark-setting .bookmark-list{
  height: 100%;
  width: 100%;
  overflow: auto;
}

.jimu-widget-bookmark-setting .marks-table-div{
  width: 100%;
  height: 100%;
  overflow-x:hidden;
  overflow-y:auto;
  margin: 0 10px;
  /*border: 1px solid #888;
  min-height: 30px;
  margin-top: 15px;*/
}
.jimu-widget-bookmark-setting .marks-table-div.editing{
  margin-top: 0;
}

.jimu-widget-bookmark-setting .bookmark-add{
  position:relative;
  width:100px;
  height:60px;
  padding:3px;
  text-align:center;
  color:#999999;
  font-size:10px;
  border:1px dotted gray;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
  background-size:cover;
  margin-top: 5px;
  margin-left: 20px\9;/* IE8 and below */
}

.jimu-widget-bookmark-setting .bookmark-add .add_mark_image{
  display: block;
  position: absolute;
  left: 43px;
  top: 5px;
  width:14px;
  height:14px;
  background-position:center center;
  background-image:url(images/add_mark.png);
}

.jimu-widget-bookmark-setting .bookmark-add .add_mark_text{
  display: block;
  position: absolute;
  top: 25px;
  width: 100%;
  font-size: 12px;
  white-space: normal;
  height: 30px;
  width: 94px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jimu-widget-bookmark-setting .bookmark-add:hover{
  cursor: pointer;
}


.jimu-widget-bookmark-setting .mark-item-div{
  position:relative;
  width:100px;
  height: 90px;
  font-size: 10px;
  margin-top: 5px;
}

.jimu-widget-bookmark-setting .mark-item-div .mark-item-bg{
  position:relative;
  width:100%;
  height:60px;
  line-height:28px;
  text-align:center;
  color:#999999;
  font-size:13px;
}

.jimu-widget-bookmark-setting .mark-item-div .mark-item-bg .mark-item-thumbnail{
  width:100%;
  height:100%;
  /*-webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;*/
}

.jimu-widget-bookmark-setting .mark-item-div .mark-item-bg.selected .mark-item-thumbnail{
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  -ms-box-sizing:content-box;
  -o-box-sizing:content-box;
  box-sizing:content-box;
}

.jimu-widget-bookmark-setting .mark-item-div .mark-item-bg .mark-item-detail-icon,
.jimu-widget-bookmark-setting .mark-item-div .mark-item-bg .mark-item-delete-icon{
  display: none;
  position:absolute;
  width:20px;
  height:20px;
  background-color:rgba(0, 0, 0, 0.3);
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -o-border-radius:3px;
  -ms-border-radius:3px;
  border-radius:3px;
  cursor:pointer;
}

.jimu-widget-bookmark-setting .mark-item-div .mark-item-bg .mark-item-detail-icon{
  right:2px;
  bottom:2px;
  background-repeat:no-repeat;
  background-position:center center;
  background-image:url(images/edit_mark.png);
}

.jimu-widget-bookmark-setting .mark-item-div .mark-item-bg .mark-item-detail-icon:hover,
.jimu-widget-bookmark-setting .mark-item-div .mark-item-bg .mark-item-delete-icon:hover{
  background-color:rgba(0, 0, 0, 0.6);
}

.jimu-widget-bookmark-setting .mark-item-div .mark-item-bg:hover .mark-item-detail-icon,
.jimu-widget-bookmark-setting .mark-item-div .mark-item-bg:hover .mark-item-delete-icon{
  display: block;
}

.jimu-widget-bookmark-setting .mark-item-div .mark-item-bg .mark-item-delete-icon{
  right:2px;
  top:2px;
  background-repeat:no-repeat;
  background-position:center center;
  background-image:url(images/delete_mark.png);
}

.jimu-widget-bookmark-setting .mark-item-div .mark-item-title-wapper{
  width:100%;
  text-align:center;
  color:#333333;
  font-size:12px;
  /*margin-top: 2px;*/
  margin-bottom: 25px;
  overflow: hidden;
  height: 2.7em;
  line-height: 16px;
  padding: 0 5px;
  /*line-height: 30px;*/
  /*text-overflow: ellipsis;*/
  /*white-space: nowrap;*/
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/*
.jimu-widget-bookmark-setting .mark-item-div .mark-item-title{

}*/

.jimu-Bookmark-Edit{
  height: 100%;
  overflow-y: auto;
}

.jimu-Bookmark-Edit .setting-table {
  margin: 5px 20px;
  border-spacing: 10px;
  border-collapse: separate;
}

.jimu-Bookmark-Edit .setting-table .img-chooser{
  width: 100px;
  height: 60px;
}

.jimu-Bookmark-Edit .input-table > tbody > tr > .first{
  width:auto;
  text-align: left;
  padding-right:15px;
  white-space: nowrap;
  max-width: 108px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jimu-Bookmark-Edit .input-table > tbody > tr > .second{
  width:660px;
}

.jimu-rtl .jimu-widget-bookmark-setting .mark-item-div .mark-item-bg .mark-item-delete-icon{
  right:auto;
  left: 2px;
}
.jimu-rtl .jimu-widget-bookmark-setting .mark-item-div .mark-item-bg .mark-item-detail-icon{
  right:auto;
  left: 2px;
}
/*.jimu-rtl .jimu-widget-bookmark-setting .mark-item-div:nth-child(8n+1){
  margin-left: auto;
  margin-right: 0px;
}*/
.jimu-rtl .jimu-widget-bookmark-setting .bookmark-add{
  margin-left: auto;
  margin-right: 20px\9;/* IE8 and below */
}

.bookmark-extent-chooser .map{
  position: relative;
}


/******************************      import    ************************************/
.jimu-widget-bookmark.import {
  min-height: 300px;
}
.jimu-widget-bookmark.import .import-tips{
  font-family: "Avenir Medium";
  font-size: 14px;
  color: #161616;
}

.jimu-widget-bookmark.import .select-all-cb {
  margin: 10px 0;
  display: flex;
  align-items: center;
}

.jimu-widget-bookmark.import .all-label {
  font-size: 12px;
  color: #000000;
  letter-spacing: 0.3px;
  padding: 0 10px;
}

.jimu-widget-bookmark.import .bookmarker-container{
  overflow: auto;
}

.jimu-widget-bookmark.import .no-bookmark{
  font-size: 12px;
  color: #000000;
  letter-spacing: 0.3px;
  display: flex;
  min-height: 300px;
  align-items: center;
  justify-content: center;
}

.bookmark-extent-chooser .arcgisSearch{
  position: absolute;
  z-index: 1001;
  right: 5px;
  top: 5px;
}

.jimu-rtl .bookmark-extent-chooser .arcgisSearch{
  right: auto;
  left: 5px;
}

/******************************      jimu-img-node     ************************************/
.jimu-widget-bookmark-setting .jimu-img-node,
.import .jimu-img-node{
  /*margin: 0 10px;
  margin-bottom: 10px;*/
  width: 120px;
}
.jimu-widget-bookmark-setting .web-map .jimu-img-node .drag-masker{
  cursor: pointer;
}
.jimu-widget-bookmark-setting .custom .jimu-img-node .drag-masker{
  cursor: move;
}
.jimu-widget-bookmark-setting .jimu-img-node .drag-masker{
  /* height: 70px;
  width: 118px; */
  left: 50%;
  transform: translate(-50%, 0%);
  /*background-color: rgba(255, 0, 0, 0.1);*/
}
/* .jimu-widget-bookmark-setting .jimu-img-node .node-box{
  width: 118px;
  height: 70px;
  margin: 0 auto;
} */
.jimu-widget-bookmark-setting .jimu-img-node .thumbnail{
  max-width: 100px;
  max-height: 60px;
}
.jimu-widget-bookmark-setting .editing .jimu-img-node .oper-btns{
  display: none;
}
.jimu-widget-bookmark-setting .editing .jimu-img-node:hover .oper-btns{
  display: flex;
  justify-content: center;
  align-items: center;
}
.jimu-widget-bookmark-setting .jimu-img-node .delete-btn{
  right:calc((100% - 100px)/2);
  top:0;
}
.jimu-rtl .jimu-widget-bookmark-setting .jimu-img-node .delete-btn{
  right: auto;
  left: calc((100% - 100px)/2);
}
.jimu-widget-bookmark-setting .jimu-img-node .edit-btn{
  right: calc((100% - 100px)/2);
  bottom: 31px;
}
.jimu-rtl .jimu-widget-bookmark-setting .jimu-img-node .edit-btn{
  right: auto;
  left: calc((100% - 100px)/2);
}
/******************************      Create&Edit     ************************************/
.jimu-widget-bookmark.edit-page {

}
.jimu-widget-bookmark.edit-page .info{
  display: flex;
}
.jimu-widget-bookmark.edit-page .info .image{
  width: 135px;
  height: 90px;
}
.jimu-widget-bookmark.edit-page .info .text{
  width:400px;
  margin-left: 10px;
}
.jimu-rtl .jimu-widget-bookmark.edit-page .info .text{
  margin-left: auto;
  margin-right: 10px; 
}
.jimu-widget-bookmark.edit-page .info .text .lebel{
  font-family: "Avenir Medium";
  font-size: 14px;
  color: #161616;
}
.jimu-widget-bookmark.edit-page .info .text .start{
  color: red;
  padding: 0 10px;
}
.jimu-widget-bookmark.edit-page .info .text .tips{
  font-size: 12px;
  color: #999999;
}
.jimu-widget-bookmark.edit-page .info .title{
  margin: 10px 0;
}
.jimu-widget-bookmark.edit-page .image .jimu-image-chooser{
  width: 135px;
  height: 80px;
}
.jimu-widget-bookmark.edit-page .jimu-image-chooser .hint .display-image{
  top: auto;
  left: auto;
  transform: none;
  width: 100% !important;
  height: 100% !important;
}

.jimu-widget-bookmark.edit-page .options{
  margin: 20px 0;
}
.jimu-widget-bookmark.edit-page .options .tips{
  margin-bottom: 10px;
}
.jimu-widget-bookmark.edit-page .options .itmes{
  display: flex;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.jimu-widget-bookmark.edit-page .options .itmes.btns{
  justify-content: space-between;
}

.jimu-widget-bookmark.edit-page .options .extent-chooser{
  height: 300px;
}

.jimu-widget-bookmark.edit-page .options .layer-chooser-container{
  max-height: 150px;
  overflow-y: scroll;
  border: 1px solid #d9dde0;
}
.jimu-widget-bookmark.edit-page .options .layer-chooser-container .jimu-basic-layer-chooser-from-map-lite {
  min-height: 24px;
}
.jimu-widget-bookmark.edit-page .options .layer-chooser-container .jimu-basic-layer-chooser-from-map-lite .tree-root-ul{
  border:none;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}
/*
.jimu-widget-bookmark.edit-page .options .set-btn{
  position: relative;
  border: 1px solid #D6D6D6;
  height: 30px;
  width: 80px;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
}*/

/****************************   LayerChooser  ****************************************/
.layers-chooser-container .meun-box {
  position: absolute;
  z-index: 500;
  background-color: #fff;
  border: 1px solid #24B5CC;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.50);
}
.layers-chooser-container .label {
  font-family: Avenir-Medium;
  font-size: 12px;
  color: #898989;
  letter-spacing: 0.33px;
}
.layers-chooser-container .label.enable {
  color: #FFF;
  background-color: #24B5CC;
}
.layers-chooser-container .selected {
  background-color: greenyellow;
}