/*global classes
======================================================================================================*/
* {-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;}
html, body { font-size:13px; line-height:16px; background:#fff; color:#6b6b6b;  font-family: 'open_sansregular',sans-serif;  min-width:1000px;}
ul, li { list-style: none;}
a, input, textarea, select { outline: none;}
a, img { outline:none; border:none; color:inherit;}
a { text-decoration: none;}
a:hover { text-decoration: none;}
.clear { clear: both;}
img { width: auto\9; height: auto; max-width: 100%; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic;}
/*Main Container
======================================================================================================*/
/*Middle Area*/
.middle-section{ margin:30px 0;}
.tab-container{position:relative}
.search-box{border:1px solid #ccc; float:left; width:100%; margin-bottom:10px; position:relative;}
.search-box label{float:left; width:100%;}
.search-box input{border:none; float:left; width:100%; padding:5px 5px 5px 25px; color:#787878;}
.search-box i{position:absolute; top:5px; left:5px;}
.map-types { width:100%; padding:10px 1%; float:left; overflow:auto;}
.map-types > ul > li{ float:left; width:48%;  margin-bottom:45px;}
.map-types > ul > li:nth-child(2n+2){float:right; }
.map-type-heading {border-bottom: 1px dashed #cccccc; padding-bottom:10px; }
.map-menu {float:left; width:100%;}
.map-types ul li .map-placeholder{ float:left; width:100%; margin:10px 0; position:relative; overflow:hidden; }
.map-types ul li .map-placeholder figcaption{position:absolute; background:rgba(0, 0, 0, 0.8); top:-100%; width:100%; left:0; height:100%; color:#fff; transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out;}
.map-types ul li .map-placeholder:hover figcaption{top:0;}
.map-types ul li .map-placeholder figcaption ul {text-align:center;  margin-top:15%; width:100%;}
.map-types ul li .map-placeholder figcaption ul li {border-bottom: medium none; border-right: 1px solid #ccc; display:inline-block; margin-right:10px;}
.map-types ul li .map-placeholder figcaption ul li:last-child{border-right:none; margin-right:0;}
.map-types ul li .map-placeholder figcaption ul li:last-child a{ margin-right:0;}
.map-types ul li .map-placeholder figcaption ul li a { float:left;  color: #fff;margin-right:10px}
.map-types ul li .map-placeholder figcaption ul li a:hover {color:#e08e00;} 

.map-types ul li .map-placeholder figcaption .btn-group{float:left; text-align:center; margin-top:10px; width:100%;}

.map-types ul li .map-placeholder .map-div{ float:left; border:1px solid #ccc; width:100%;}

.data-listing{float:left; width:100%; border:1px solid #d9d9d9; max-height:370px; overflow:auto; margin:0; min-height: 370px;padding-left:8px;}
.data-listing ul li{float:left; width:100%; color:#424242; border-bottom:1px solid #d9d9d9; position: relative }
.data-listing ul li label{ float:left; width:100%; cursor:pointer;}
.data-listing ul li label input[type="radio"]{ display:inline-block; vertical-align:middle;}
.data-listing ul li a{line-height:30px; padding:0 5px; color:#606060; display:inline-block; vertical-align:middle;}
.data-listing ul li span.list{font-size:14px; line-height:30px; padding:0 15px; color:#606060;cursor: default;cursor:pointer; }
.data-listing ul li a.delete{float:right;position: absolute; top: 0px;right: 5px;}
.data-listing ul li a.delete:hover{color:#e08e00}
.data-listing ul.wbIndicatorList li { position:relative;}
.data-listing ul.wbIndicatorList li a{ padding-left:40px;}
.data-listing ul.wbIndicatorList li input[type="checkbox"]{ position:absolute; top:10px; left:10px;}

.data-listing ul li:hover {background:#ececec;}
.con-btn-group{ float:left; width:100%;}
.con-btn-group .Connect{ float:left;}
.con-btn-group .add-database{float:right}


.data-listing ul li.areaList{border-bottom:none; padding-left: 5px;}
.data-listing ul li.areaList a{float:none; padding: 0 1px;}
.data-listing ul li.areaList span.list{font-size:14px; line-height:30px; padding:5px; color:#606060;cursor: default;cursor:pointer; }
.data-listing ul li.areaList:hover {background:none;}

.data-listing ul li.areaList ul{padding-left: 20px;}

.data-listing ul li.areaList div {width: 100%; padding-left: 20px; }
.data-listing ul li.areaList div.accordianOpen { background: url(../img/imgsaccordion.png) no-repeat; background-position: 0% -89px; }
.data-listing ul li.areaList div.accordianClose { background: url(../img/imgsaccordion.png) no-repeat; background-position: 0% 11px; }
.data-listing ul li.areaList div.accordianNoChild { background: url(../img/imgsaccordion.png) no-repeat; background-position: 0% -200px; }

.radiooptions{ float:left; width:100%; margin:10px 0;}
.radiooptions ul li{float:left; width:49%; margin-bottom:10px;}
.radiooptions ul li label{float:left; width:100%; }
.radiooptions ul li label input{vertical-align:top; display:inline-block;}



.map-lib .left-part{ float:left; width:30%;}
.map-lib .right-part{ float:right; width:67%; }
.tree-panel{float:left; width:100%; border:1px solid #d9d9d9; margin:0; }
.tree-block{float:left; width:100%; border-top:1px solid #ccc;}
.tree-block:first-child{border-top:none;}
.tree-block h6{padding:10px; float:left; width:100%;}
.tree-block h6.selected{background:#f2f2f2;}
.tree-block h6 span{float:left; } 
.tree-block h6 i{float:right; } 
.tree-listing{float:left; width:100%; overflow:auto; margin:0; }
.tree-listing ul li{float:left; width:100%; color:#424242; position: relative; padding-left:20px;}
.tree-listing ul li.selected{background-color:#f2f2f2;}
.tree-listing ul li span{float:left; margin-top:7px; font-size:15px; margin-right:5px;}
.tree-listing ul li a{background:url(../img/folder-icon.png) no-repeat; background-position:5px 8px ; float:left; padding:0 5px 0 25px; line-height:30px; width:90%;}
.tree-listing ul li ul{float:left; width:100%;}
.tree-listing ul li.tree-open i{color:#3b3b3b; transform: rotate(45deg);}
.tree-listing ul li.tree-close i{color:#ccc;}

.page-guide{float:left; width:100%; margin:5px 0 17px 0;}
.page-guide ul{float:left; width:100%;}
.page-guide ul li{float:left;padding:0 5px;}
.page-guide ul li a{float:left; color:#598ff3}
.page-guide ul li p{float:left;}
.page-guide ul li i{float:left; margin:2px 0 0 5px;}
.page-guide ul li span{color:#999;}

.div-ele-masking{position:absolute;background-color:#000;opacity:0.1;float:left; width:100%; border:1px solid #d9d9d9; height:370px; margin:0;margin-top:46px;z-index:999;}

/* TREE VIEW */
.tree-view-wrapper {}
.tree-view-wrapper, .tree-view-wrapper ul { list-style:none;}
.show-hide, .edit{cursor:pointer;}
.tree-checkbox{margin: 7px 10px 7px 10px !important;}
/*.edit{margin-right: 6px !important;}
.edit i {color: #D77105;}*/
.tree-view-wrapper .hide{display:none;}
.tree-view-wrapper .show{display:block;}
.tree-view-wrapper label{float:none !important;}
.tree-view-wrapper li{border-bottom:0px !important;padding:1px 0px 1px 0px;}