.common-btn {height:26px;padding-left:5px;padding-right:5px;line-height:23px;font-size:12px;text-align:center;color:#666666;border:solid 1px #c5c5c5;background-color:#ffffff;box-sizing:border-box;border-radius:2px;-webkit-border-radius:2px;cursor:pointer;}
.common-btn.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.common-btn.btnDown {border:solid 1px #2cb100;background-color:#ffffff;color:#248600;}
.common-btn.btnSelected {border:solid 1px #2cb100;background-color:#f5f4f4;color:#248600;}

.btn-meta-float {width:62px;height:30px;background-color:#5989c6;font-size:14px;color:#ffffff;line-height:30px;text-align:center;border-radius:14px;}

.btn-rsc-tab {float:left;width:100px;margin-top:14px;}
.btn-rsc-tab.aspen {margin-left:10px;}
.btn-rsc-tab.poly {margin-left:0px;}

.wndPlySearchOpenVP {box-shadow:0px 0px 10px 4px rgba(0,0,0,0.8);background-color:#ffffff;border:none;}
.headerCourseWrapper {position:relative;float:right;margin-top:0px;margin-left:30px;margin-right:10px;height:100%;}
.headerCourseBtn {margin-top:16px;width:118px;height:34px;background:url('../imgs/ui/course_nor.png') no-repeat center;}
.headerCourseBtn:hover {background:url('../imgs/ui/course_hover.png')  no-repeat center;}
.scrHeaderIconExtraWrapper {float:right;padding-left:5px;padding-right:5px;margin-top:-2px;height:100%;transition:left 0.3s;-webkit-transition:left 0.3s;}

.wnd-ply-search {overflow:hidden;}
.wnd-ply-result {overflow:hidden;}

/* padding:top right bottom left */
.search-head {display:none;position:relative;padding:10px 10px 0px 10px;}
.search-body {position:relative;padding:10px;min-height:200px;overflow-x:hidden;overflow-y:scroll;border-bottom:solid 1px lightgrey;color:#000000;font-size:13px;}
.search-body span {display:table-cell;vertical-align:middle;}
.search-body label {float:left;margin:4px 5px 0px 10px;}
.search-body label:first-child {margin-left:0px;}
.search-body input {margin-top:0px;padding-left:5px;padding-right:5px;height:20px;width:226px;font-size:13px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}
.search-body input[meta-key="Code"] {width:98%;}
.search-body select {margin-top:0px;padding-left:5px;height:21px;width:236px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}
.search-body .xSelectBox {width:220px;}
.search-body .xSelectBox input {padding-right:0px;}
.search-body .xSelectBox[data-type="db_x_select_t1"] {width:235px;}
.search-body input[type='checkbox'] {border:none;}

.search-foot {position:relative;padding:0px 10px 0px 10px;height:40px;}

.search-detail {position:absolute;right:10px;top:-11px;}
.search-detail.btnSelected {border:solid 3px #2cb100;background-color:#f5f4f4;color:#248600;}
.search-btn {clear:both;margin-left:auto;margin-right:auto;width:100px;margin-top:10px;}

.mandatory-meta {border-top:solid 1px lightgrey;border-right:solid 1px lightgrey;}
.mandatory-meta > .flx-container {border-bottom:dotted 1px lightgrey;}
.optional-meta {border-right:solid 1px lightgrey;}
.optional-meta > .flx-container {border-bottom:dotted 1px lightgrey;}

.meta-key {padding:8px;width:150px;font-size:13px;color:#000000;border-left:solid 1px lightgrey;border-right:solid 1px lightgrey;padding-left:10px;background-color:#f2f2f2;}

.result-head {position:relative;width:100%;height:30px;border-bottom:solid 1px #c5c5c5;box-sizing:border-box;}
.result-head-text {display:block;float:left;margin-left:10px;color:#666666;}
.btn-by-text {position:absolute;bottom:0px;right:130px;width:100px;border-bottom:none;}
.btn-by-imgtext {position:absolute;bottom:0px;right:10px;width:120px;border-bottom:none;}

.wnd-result .category-tab {font-size:12px;line-height:26px;color:#000000;bottom:-1px;}

.result-body {position:relative;width:100%;border:none;box-sizing:border-box;overflow-x:hidden;overflow-y:scroll;}
.result-draw {position:absolute;top:0px;left:0px;width:100%;height:100%;}
.result-draw.text {overflow-x:auto;}
.result-draw.image {}
.result-draw.imgtext {}
.result-draw.nores {font-size:20px;color:rgba(0,0,0,0.5);text-align:center;}

.search-selected {background-color:green;}

#wndPopupTemplate_container .search-body {padding-bottom:0px;min-height:100px;overflow:hidden;}
#wndPopupTemplate_container .search-body select {width:auto;}
#wndPopupTemplate_container .search-body > div {border:solid 1px lightgrey;}

#wndPopupTemplate___titleContainer > div[data-op]:hover {cursor:pointer;font-weight:bold;}

#search_result_text table {width:100%;border-collapse:collapse;font-size:13px;line-height:1em;color:#000000;}
#search_result_text td {padding:4px;border-right:solid 1px #c7c7c7;}
#search_result_text thead {}
#search_result_text thead tr {background-color:#f2f2f2;border-bottom:solid 1px #c7c7c7;}
#search_result_text thead tr td {text-align:center;}
#search_result_text tbody {}
#search_result_text tbody tr {border-bottom:dotted 1px #c7c7c7;}
#search_result_text tbody tr:hover {background-color:#f5f4f4;}
#search_result_text tbody tr.search-selected {background-color:rgba(199,199,199,0.6);color:#248600;}
#search_result_text tbody tr td {}

#search_result_imgtext {color:#000000;}
#search_result_imgtext .flx-container {display:-webkit-flex;display:flex;padding-left:10px;padding-right:10px;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-start;justify-content:flex-start;box-sizing:border-box;font-size:13px;line-height:1.8em;}
#search_result_imgtext .flx-container .item {display:-webkit-flex;display:flex;padding:5px;margin:5px;width:47.5%;border:solid 1px transparent;background-color:#f5f5f5;}
#search_result_imgtext .flx-container .item:hover {background-color:#f5f4f4;border:solid 1px #c7c7c7;}
#search_result_imgtext .flx-container .item.search-selected {background-color:#c7c7c7;color:#248600;}
#search_result_imgtext .flx-container .item .flex1 {-webkit-flex:1;flex:1;}
#search_result_imgtext .flx-container .item .flex2 {-webkit-flex:2;flex:2;}
#search_result_imgtext .flx-container .item .flex2 div {overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.rsc-db-tab {position:relative;float:left;width:598px;height:40px;border-right:solid 1px #c5c5c5;border-bottom:solid 1px #c5c5c5;box-sizing:border-box;}
.rsc-wrapper {position:relative;float:left;width:598px;height:404px;border-right:solid 1px #c5c5c5;border-bottom:solid 1px #c5c5c5;box-sizing:border-box;}
.rsc-wrapper.dragOver {width:597px; margin-right:1px; border:solid 1px transparent; outline:#c5c5c5 dotted thick;}

/* popup resource list css */
.rsc-list {position:relative;width:auto;height:29px;padding-left:3px;padding-right:10px;margin-left:10px;margin-right:10px;margin-top:3px;font-size:12px;background-color:#ffffff;color:#666666;border:solid 1px transparent;border-radius:5px;cursor:pointer;line-height:29px;}
.rsc-list.btnOver {border:solid 1px #a8a8a8;background-color:#f5f4f4;}
.rsc-list.btnSelected {background-color:#ffffff;color:#248600;border:solid 1px #248600;}
.rsc-audio-title {float:left;margin-left:10px;width:80%;height:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

/* resource image css */
.rsc-prv-wrapper {position:absolute;top:0px;right:0px;width:344px;height:444px;box-sizing:border-box;border-bottom:solid 1px #c5c5c5;color:#b7b7b7;font-size:18px;}
.rsc-prv-wrapper.dragOver {border:solid 1px transparent; outline:#c5c5c5 dotted thick;}


/* Resoucre manager list wnd */
.wnd-rsc-mgr {padding:10px 0px 20px 10px;background-color:#ffffff;overflow-x:auto;border:none;box-sizing:border-box;}

.iframe-ply-resource {position:relative;margin:0px;padding:0px;width:100%;height:100%;border:none;box-sizing:border-box;}

.popup-remember-metas {position:absolute;bottom:25px;left:10px;height:20px;font-size:12px;line-height:20px;}

.tag-hide {display:none;}

.table-meta .flx-container {font-size:13px;line-height:25px;color:#000000;border-bottom:dotted 1px #c5c5c5;box-sizing:border-box;}
.table-meta .flex2 {-webkit-flex:1;flex:1;padding-right:5px;}

.table-meta .xSelectBox {margin:0px;padding:0px 15px 0px 5px;height:26px;width:100%;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;box-sizing:border-box;}
.table-meta select {margin:0px;height:26px;width:100%;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}
.table-meta input {padding:0px;margin:0px;height:24px;width:100%;font-size:13px;text-indent:5px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}
.table-meta input[type="radio"] {width:18px;}
.table-meta .meta-key {width:150px;}
.table-meta .xSelectBox input {padding-right:0px;width:85%;}
.xSelectBox[disabled="true"] {opacity:0.5;}
.xSelectBox[disabled="true"]:hover {background-color:#ffffff;}

.meta-type {padding-left:40px;padding-top:5px;padding-bottom:5px;color:#ffffff;background-color:#2cb100;background-image:url(../imgs/ui/arrow_up.png);background-repeat:no-repeat;background-position:15px center;border-bottom:solid 1px #c5c5c5;}
.metas-wrapper, .metas-new-wrapper {display:block;transition:height 0.3s;}
.metas-wrapper > .meta-type {}
.metas-new-wrapper > .meta-type {flex:1;}

div[data-state="meta_hide"] > .meta-type {background-image: url(../imgs/ui/arrow_down.png);}

.wndFrameRscMgr table {width:100%;border-collapse:collapse;font-size:13px;line-height:1em;color:#000000;}
.wndFrameRscMgr td {padding:4px;border-right:solid 1px #c7c7c7;}
.wndFrameRscMgr thead {}
.wndFrameRscMgr thead tr {background-color:#f2f2f2;border-bottom:solid 1px #c7c7c7;}
.wndFrameRscMgr thead tr td {text-align:center;}
.wndFrameRscMgr tbody {}
.wndFrameRscMgr tbody tr {border-bottom:dotted 1px #c7c7c7;}
.wndFrameRscMgr tbody tr:hover {background-color:#f5f4f4;}
.wndFrameRscMgr tbody tr.btnSelected {background-color:rgba(199,199,199,0.6);color:#248600;}
.wndFrameRscMgr tbody tr td {}

.table-rsc-list {}
.table-rsc-list:hover {outline:solid 1px #a8a8a8;background-color:#f5f4f4;}
.table-rsc-list.btnSelected {background-color:#ffffff;color:#248600;outline:solid 1px #248600;}

td[data-op="sort-title"]:hover {font-weight:bold;cursor:pointer;}

table[id="template_open"] td[data-show="on_newwindow"] {display: none;} 
table[id="template_open"][data-newwnd="yes"] td[data-show="on_newwindow"] {display: table-cell;} 
table[id="template_open"] td > input[type="checkbox"] {margin-top:0px;}

table[id="result_open"] td[data-show="on_newwindow"] {display: none;} 
table[id="result_open"][data-newwnd="yes"] td[data-show="on_newwindow"] {display: table-cell;} 

#meta_content_body .flx-container {border-bottom:dotted 1px lightgrey;}
#meta_content_body .flx-container:last-child {border-bottom:solid 1px lightgrey;}