/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body{
height:100%;
}
html {
    width: 100%;
    height: 100%;
}

body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Pontano Sans', sans-serif;
    font-weight: 300;
}

form{
	padding:0;
	margin:0;
	border:1px solid white;	
}

ul,li
{
margin:0;
padding:0;
list-style:none;
}
p
{
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
/*edited by me*/
.top-section-background
{
background-color:#f0f0f0;
height:auto;
overflow:hidden;
}
.logo-stylling
{
padding:0.5% 1%;

float:left;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 900px) {
.logo-stylling
{
padding:10px;
}
}

.api-right
{
float:right; margin:20px 5% 0 0; color:#456b81;
}
.api-right ul
{
list-style-type:none;

}
.api-right ul li
{
float:left;
margin:2px;
font-size:16px;
}
.api-right ul li span
{
    color:#FFFFFF;
}
.api-right ul li span:hover
{
color:#44c5ff;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.api-right
{
 color:#456b81; width: 44%;
    margin: 60px auto 10px auto;
    float: none;
    overflow: hidden;
	
}
.api-right ul
{
list-style-type:none;
}
.api-right ul li
{
float:left;
font-size:16px;
}
.api-right ul li span
{
color:#456b81;
}
.api-right ul li span:hover
{
color:#44c5ff;
}
}
.float-left-class
{
float:left;
}
.sub-navigation
{
clear:both; overflow:hidden;
}

.footer-stylling
{
width:100%;
background-color:#32637f;
position:fixed;
bottom:0;
padding:5px 0;
z-index:3000;
}
.api-div
{
width:100%;
height:86.7%
}
@media only screen and (min-device-width : 320px) and (max-device-width : 900px) {
.api-div
{
width:100%;
height:100%
}
}
/*push-side-nav*/
.sidenav {
    height: 82%;
    padding-bottom: 20px;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 50;
    left: 0;
    background-color: #1a435b;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    transition: 0.3s;
}

.sidenav a:hover {
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
#main {
    transition: margin-left .5s;
    padding: 0;
	
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.main-api
{
float:left;  
 width:100%;
 height:94.6%;
 
}

/*Search box css*/
.search-api {
    width: 130px;
	color:#fff;
    border: 1px solid #21516c;
    border-radius: 4px;
    font-size: 16px;
    background-color: #437089;
   
    background-repeat: no-repeat;
    padding: 4px 20px 4px 20px;
	margin:13px 5px;
   -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.search-api:focus
{
width:100%;
}
::-webkit-input-placeholder { /* Chrome */
  color: white;
}
:-ms-input-placeholder { /* IE 10+ */
  color: white;
}
::-moz-placeholder { /* Firefox 19+ */
  color: white;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: white;
  opacity: 1;
}
.api-icon
{
margin:16px 5px;
cursor:pointer;
}

.api-wrapper
{
height:100%;
width:100%;
overflow:hidden;
position: absolute;
}
.glymphicon-color
{
color:#90d3f9;
}

/*icon-hover*/
.api-li-height
{
}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.api-li-height
{
height:35px;
}
}
.pagination-api
{
    width: 100px;
   text-indent:10px;
   border: 1px solid #21516c;
   border-radius: 4px;
   font-size: 14px;
   background-color: #437089;
   background-repeat: no-repeat;
   line-height:20px;
}

.api-footer
{
color:#90d3f9;
}
.api-footer ul
{
list-style-type:none;
width:27.5%;
margin:auto;

}
.api-footer ul li
{
float:left;
margin: 0 7px;
color:#90d3f9;
list-style-type:none;
cursor:pointer;
height:25px;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.api-footer
{
}
.api-footer ul
{
list-style-type:none;
width:90%;
margin:auto;
text-align:center;

}
.api-footer ul li
{
float:left;
margin: 0 7px;
color:#90d3f9;
list-style-type:none;
cursor:pointer;
height:25px;
}
}
@media (min-width: 1025px) and (max-width: 1280px){
.api-footer
{
}
.api-footer ul
{
list-style-type:none;
width:30%;
margin:auto;
text-align:center;
}
.api-footer ul li
{
float:left;
margin: 0 7px;
color:#90d3f9;
list-style-type:none;
cursor:pointer;
height:25px;
}
}
/*csp-mobile*/

.api-footer2
{
color:#90d3f9;
}
.api-footer2 ul
{
list-style-type:none;
width:10%;
margin:auto;

}
.api-footer2 ul li
{
float:left;
margin: 0 7px;
color:#90d3f9;
list-style-type:none;
cursor:pointer;
height:25px;
}
.api-img-line
{
background:url(../images/line.png) no-repeat;
height:16px;
width:16px;
}
.api-img-line:hover
{
background:url(../images/line-hover.png) no-repeat;
height:16px;
width:16px;
}
.api-img-freehand
{
background:url(../images/free-hand.png) no-repeat;
height:16px;
width:16px;
}
.api-img-freehand:hover
{
background:url(../images/free-hand-hover.png) no-repeat;
height:16px;
width:16px;
}
.api-img-rectangle
{
background:url(../images/rectangle.png) no-repeat;
height:14px;
width:14px;
margin-top:3px;
}
.api-img-rectangle:hover
{
background:url(../images/rectangle-hover.png) no-repeat;
padding-top:3px;
height:14px;
width:14px;
}

.api-img-polyline
{
background:url(../images/polyline.png) no-repeat;
height:14px;
width:14px;
}
.api-img-polyline:hover
{
background:url(../images/polyline-hover.png) no-repeat;
height:14px;
width:14px;
}
.api-img-polygon
{
background:url(../images/polygon.png) no-repeat;
height:17px;
width:17px;
}
.api-img-polygon:hover
{
background:url(../images/polygon-hover.png) no-repeat;
height:17px;
width:17px;
}
.api-img-polyline
{
background:url(../images/polyline.png) no-repeat;
height:16px;
width:16px;
}
.api-img-polyline:hover
{
background:url(../images/polyline-hover.png) no-repeat;
height:16px;
width:16px;
}
.api-img-ellipse
{
background:url(../images/ellipse.png) no-repeat;
height:16px;
width:20px;
margin-top:5px;
}
.api-img-ellipse:hover
{
background:url(../images/ellipse-hover.png) no-repeat;
height:16px;
width:20px;
margin-top:5px;
}
.api-img-contour
{
background:url(../images/contour.png) no-repeat;
height:16px;
width:16px;
margin-top:5px;
}
.api-img-contour:hover
{
background:url(../images/contour-hover.png) no-repeat;
height:16px;
width:16px;
margin-top:5px;
}
.api-img-stamp
{
background:url(../images/stamp.png) no-repeat;
height:16px;
width:16px;
margin-top:5px;
}
.api-img-stamp:hover
{
background:url(../images/stamp-hover.png) no-repeat;
height:16px;
width:16px;
margin-top:5px;
}
.api-img-stamp
{
background:url(../images/stamp.png) no-repeat;
height:16px;
width:16px;
margin-top:5px;
}
.api-img-stamp:hover
{
background:url(../images/stamp-hover.png) no-repeat;
height:16px;
width:16px;
margin-top:5px;
}
.api-img-tag {
    background: url(../images/Tag.png) no-repeat;
    height: 16px;
    width: 16px;
    margin-top: 5px;
}
    .api-img-tag:hover {
        background: url(../images/TagHover.png) no-repeat;
        height: 16px;
        width: 16px;
        margin-top: 5px;
    }
.api-img-otag {
    background: url(../images/OTag.png) no-repeat;
    height: 16px;
    width: 16px;
    margin-top: 5px;
}
    .api-img-otag:hover {
        background: url(../images/OTagHover.png) no-repeat;
        height: 16px;
        width: 16px;
        margin-top: 5px;
    }
    /************************************************************/
.api-img-saveanno-overwrite {
    background: url(../images/SaveAnnoOverwrite.png) no-repeat;
    height: 16px;
    width: 16px;
    margin-top: 5px;
}

    .api-img-saveanno-overwrite:hover {
        background: url(../images/SaveAnnoOverwriteHover.png) no-repeat;
        height: 16px;
        width: 16px;
        margin-top: 5px;
    }

.api-img-saveanno-append {
    background: url(../images/SaveAnnoAppend.png) no-repeat;
    height: 16px;
    width: 16px;
    margin-top: 5px;
}

    .api-img-saveanno-append:hover {
        background: url(../images/SaveAnnoAppendHover.png) no-repeat;
        height: 16px;
        width: 16px;
        margin-top: 5px;
    }

    /*********************************************************************/
.api-file-compare
{
background:url(../images/file-compare.png) no-repeat;
height:20px;
width:20px;
}
.api-file-compare:hover
{
background:url(../images/file-compare-hover.png) no-repeat;
height:20px;
width:20px;
}

.api-file-measure
{
background:url(../images/ruler.png) no-repeat;
height:12px;
width:24px;
margin-top:5px;
}

.api-file-measure:hover
{
background:url(../images/ruler-hover.png) no-repeat;
height:12px;
width:24px;
margin-top:5px;
}
.api-checkbox
{
float:left;
margin-right:100px;
}

.left-pannel-container
{
padding:0px 32px 8px 32px;
}

.left-pannel-container ul
{

}

.left-pannel-container ul li
{
padding:12px 0 8px 0;
display:block;
background-image:url(../images/bottom-border.png);
background-position:left bottom;
background-repeat:repeat-x;
}
.left-pannel-container ul li p
{
color:#FFFFFF;

}
.left-pannel-container ul li h2
{
color:#FFFFFF;
font-size:16px;
margin-left:30px;
padding:0;
margin-top:0;

}
.api-vector-colorbox
{
 width:80px;
 float:left;
 height:20px;
 display:block;
 margin:0 15px;
}

 .api-property
{
 width:150px;
 height:20px;
 background-color: #ffffff;
 display:block;
 margin:0 15px;
 border:0;
}

 .left-pannel-property
 {
 padding:0 32px 8px 32px;
 }
 .left-pannel-property ul
 {
 }
.left-pannel-property ul li
{
padding:12px 0 14px 0;
display:block;
background-image:url(../images/bottom-border.png);
background-position:left bottom;
background-repeat:repeat-x;
}
.left-pannel-property ul li p
{
color:#FFFFFF;
float:left;
width:105px;
} 
.left-pannel-property ul li h2
{
color:#FFFFFF;
font-size:15px;
padding:0;
margin-top:0;
}

 .left-pannel-thumbnail
 {
 padding:0 32px 8px 32px;
 }
 .left-pannel-thumbnail ul
 {
 }
.left-pannel-thumbnail ul li
{
padding:12px 0 14px 0;
display:block;
background-image:url(../images/bottom-border.png);
background-position:left bottom;
background-repeat:repeat-x;
text-align:center;
color:#fff;
font-size:16px;
}

.left-pannel-attributes
{
padding:0px 32px 8px 32px;
}

.left-pannel-attributes ul
{
}

.left-pannel-attributes ul li
{
padding:12px 0 8px 0;
display:block;
background-image:url(../images/bottom-border.png);
background-position:left bottom;
background-repeat:repeat-x;

}
.left-pannel-attributes ul li p
{
color:#FFFFFF;
}
.left-pannel-attributes ul li span
{
color:#fed975;
padding-left:5px;
}
.left-pannel-attributes ul li h2
{
color:#FFFFFF;
font-size:16px;
margin-left:30px;
padding:0;
margin-top:0;
}

.left-pannel-attributes ul li h5
{
color:#fff; font-size:15px;padding-bottom:5px;
}
.left-pannel-attributes ul li .span-style
{
color:#00CCCC;
}

  @media screen and (min-width: 900px) and (max-width: 1920px) {
  #my-content { display: block; }  /* show it on small screens */
}

@media screen and (min-width: 401px) and (max-width: 899px) {
  #my-content { display: none; }   /* hide it elsewhere */
}

.api-error
{
color:red; font-size:17px; text-align:center; padding-top:18%;
}

.api-about
{
padding:55px;
}
.api-about p
{
color:#20608f; font-size:15px; text-align:center; padding-top:15px; line-height:23px;
}

.api-about p span
{
color:#333;
}

.api-zoom {
    width: 100px;
    border: 1px solid #bbbbbb;
    border-radius: 4px;
    text-indent: 30px;
    color: #000000;
    background-repeat: no-repeat;
    background-color: #fff;
    margin-top: 30px;
    cursor: pointer;
    font-size: 14px;
    float: right;
    margin-right: 8%;
}
@media only screen and (min-device-width : 320px) and (max-device-width : 900px) {
.api-zoom {
   display:none;
}
}
.api-color-pannel
{
width:10%; background-color:#FFFFFF; padding:10px; color:White; position:absolute; bottom:40px;box-shadow: 2px 2px 10px #777;
}
.api-color-pannel ul
{
margin:0; padding:0; width:100%;
}
.api-color-pannel ul li
{
background-color:#fed142; float:left; margin:3.1px; width:20%; height:30px;box-shadow: 0.5px 0.5px 8px #ccc;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

.api-color-pannel
{
width:60%; background-color:#FFFFFF; padding:10px; color:White; position:absolute; bottom:40px; box-shadow: 2px 2px 10px #777;left:20%;
}
.api-color-pannel ul
{
margin:0; padding:0; width:100%;
}
.api-color-pannel ul li
{
background-color:#fed142; float:left; margin:4px; width:20%; height:35px;box-shadow: 0.5px 0.5px 8px #ccc;
}
}

.rectangle-zoom-api
{
    width: 
        
        %;
    text-indent:10px;
    border: 1px solid #21516c;
    border-radius: 4px;
    font-size: 14px;
    background-color: #437089;
    background-repeat: no-repeat;
    line-height:20px;
    margin:8px 32px 0 32px;
    height:250px;
    overflow:hidden;
    
}

.panorama-viewer {
    height:100%;
    width: 100%;
}

.panorama-viewer_Pdf {
    height: 100%
}

.search-api-cad {
    width: 220px;
    color:#fff;
    border: 1px solid #21516c;
    border-radius: 4px;
    font-size: 16px;
    background-color: #437089;
   
    background-repeat: no-repeat;
    padding: 4px 20px 4px 20px;
    margin:13px 0px;
   -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}
.search-api-cad:focus
{
width:100%;
}

/*increment-decrement*/
.spinner {
  width: 150px;
}
.spinner input {
  text-align: right;
}
.input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle;
  display: table-cell;
}
.input-group-btn-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 60%;
  padding: 8px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
 
}
.input-group-btn-vertical > .btn:first-child {
  border-top-right-radius: 4px;
}
.input-group-btn-vertical > .btn:last-child {
  margin-top: -2px;
  border-bottom-right-radius: 4px;
}
.input-group-btn-vertical i{
  position: absolute;
  top: 0;
  left: 4px;
}
.border-radius
{
border-radius:0;
}

.api-table
{
 width:150px;
 float:left;
 height:20px;
 color:#FFFFFF;
 display:block;
 margin:0 15px;
 font-size:15px;
}
.api-table-heading
{
font-size:16px;color:#90d3f9;
}
.api-table-sub
{
font-size:16px;color:#fed975;
}

.mySidenav8_Style {
    width:0px;height: 82%; 
    padding-bottom: 20px; 
    position:fixed;
    z-index: 1;
    top: 50;
    left: 0;
    background-color: #1a435b;
    overflow-x: scroll;
    transition: 0.5s;
    padding-top: 60px;
}
 .mySidenav8_Style_span {
        cursor:pointer; 
        color:white;
        position: absolute; 
        top: 0;
        right: 20px;
        font-size: 34px;
        margin-left: 52px;
        margin-top: 10px
    }

 .ajax-loader {
  visibility: hidden;
  background-color: rgba(255,255,255,0.7);
  z-index: +5000 !important;
  width: 100%;
  height:100%;
  position: fixed;
}

.ajax-loader img {
  position: relative;
  top:28%;
  /*left:50%;*/
  margin:auto;
}

/*Style the tab*/
.tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons inside the tab */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
    font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.file-format
{
}
.file-format ul
{
}

.file-format ul li
{
list-style-type:none;
margin:10px;
font-size: 20px;
display:block;


}
.file-format ul li a
{
background-color:#f3f3f3;
text-decoration:none;
padding:7px;
display:block;
color:#333333;
}
.file-format ul li a:hover
{
background-color:#cccccc;
cursor:pointer;
color:#FFFFFF;
}

.formatJPG
{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABWVBMVEUAAAAAVaoAgIAAbZIAYIAAcY4aZoAXXYsVaoASbYARZogQYIANa4YNZoALZIULaoAKYoAJaIQSZIARZoAPZIMPZoMOaoAOZ4MNZYANaYMMaoMMZ4AMZYIMaIAQZ4IQZYAPaYIPZ4AOaIAOaYANaIIQaIAPaIAPZ4EPZYAPZoAOZ4AOZYEOZ4ANaIANZ4ENZoAPaIEPZoENaIANZ4EPaIEPZ4APZoEPaIEOaIAOZ4AOaIANZ4ANZ4APZ4AOZ4AOZ4AOZoANZ4ANZ4APaIAPZoAPZ4AOZ4AOaIAOZ4AOaIAPZ4AOZ4AOZ4AOZ4AOaIANZ4ANZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4ANZ4ANZoAPZ4AOZ4AOZ4AOZ4AOZoAOZ4AOZ4AOZoAOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4APZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4D///8v7660AAAAcXRSTlMAAwQHCAkKCwwODxATFBcYGhscHiEjJCUmJykqKywvMDM0Njg7QEJDREZISUpMTVBTVWBhZWZpe4CBgoaIio2Pk5mam52epKWpqq6zt7m7vb/Cw8TGy8zQ0dLX2drb3d7g5ujp7O/w8fT19vf4+/z9/gCvuSoAAAABYktHRHI2Dg1YAAABPElEQVQ4y73S2zMCYRzG8afkEMr5VEs5r0OFcpYohGgVSZEQEkrP/3/jYpudVruzLozv3TvzmXl/7zs/AICnSHWbUBc+c6u6Y0ANIlH1Oc2vJQPAjykDwOcRA8C83QDwuk0XpOTHbumCQVEURVGK6AK56K+BEMzm9jXKZYNOAGguUKvXMsknCwAnSTKDDkq9LbAtpEgm5q0wO25JBwBBATHYVufQWeCBCV3Ts/Z3UvgB3OQEjh+asFEmK9QClVGcbsNVrU0iNFwxiZ6iH36yDwg0AsAqphmAl1xzqcEFBhjD2AtJRtCaJ0P1IBmfgVcekmSpH9175yv1QAAslwpgbhyAMsMwyaP10D35eBKvDV+92t05THySQwDMGep2YwKAdp+UXNYoKfmsf7QP/wLC2isXVoCnpPUJb4sA8A28OKsTwbvQAAAAAABJRU5ErkJggg==");
    background-repeat:no-repeat;
    background-position:10px;
}
.formatPNG
{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABblBMVEUAAAAAAAAAVaoAgIAAYIAAcY4XXYsVaoAUYokSbYARZogQYIAPaYcNZoAMaIALZIULaoASZIAQaIAOaoAOZ4MNZYANaYMNZoAMaoMMZ4AMZYIMaIAPaYIOZoINaIINaYIPZ4EPZYAOZYEOZ4ANaIANaYANZoAMZ4APaIEPZoEPZ4EOaIEOZ4ANZ4ENZ4ENZoAPaIEPaIEPZ4AOZ4AOaIAOZ4ENZ4APZ4EOZ4AOZoEOZ4AOZ4AOaIAOZ4APZ4AOZ4AOZoAOZ4ANZ4ANZ4APaIAPZ4APZoAOZ4AOaIAOaIAOaIAOZ4AOZ4AOZ4ANZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4ANZ4ANZoAPZ4APZ4AOZ4AOZ4AOZ4AOZoAOZ4AOZ4AOZ4AOZoAOZ4ANZ4AOZ4AOZ4AOZ4AOZ4AOaIAOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4D////6duFfAAAAeHRSTlMAAQMECAkLDA0ODxARFBYXGBwgJCUmJygpKissMzc7PUNESUpMTlBSU1VXW15hY2RlZ2hqbG10eXx9foGCg4qQk5WZmpucnZ+gpaq1t7y9w8TGyMvMzs/Q0dLT19na29zd3uDi4+bn6Onq6+zu8fLz9PX3+fr8/f4MyhhMAAAAAWJLR0R5odzU0AAAAV1JREFUOMu90tdSwkAAheFjF8SCBRU7YokidsUuYsMCRrFiiSUWEBVUPI/vRsaSmWTwwvG/STL7TXazWUDkTlDfFPQFNhp1nXBADxaD+ud9pruzAKaaswDGHVkAz8uzAEaKTMFO5mOnTUFVm1Zo0RRkCv4aOGejpwsGnUZn67XxgluadpMvQD056ZF6J655LEl74kdJ92RsrqOty0/WaTOQtWiogT0mAy1vbIXKrVKgJMdFOj/BGXuwLKMIaxpIlGEwxtSFDgxjXobXWvnsgrqCxnRmEV9gsC+3UJEx6sOSBHUMI4zbbLbIN0Bx0yZlDMWLHR6o4+jlg1SB7Z9TiGT0cwZ2qOuwXJEuA+Bl0g6o6SaU+/wOQ8BVARj35IoR69EHqCEvlRcNpJQ7Mq0or+L+cTdyJq7VAuQdmm/1gfYiWDtDYcmgcKjT8kfn4V9AwPjIBb6AO2m0CU/t2tg7hRap68yt2eoAAAAASUVORK5CYII=");
    background-repeat:no-repeat;
    background-position:10px;
}
.formatTIF
{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAAWJLR0QAiAUdSAAAAAd0SU1FB+IBFw0bM3nIb2AAAAAldEVYdGRhdGU6Y3JlYXRlADIwMTgtMDEtMjNUMTM6Mjc6NTErMDE6MDAlcpAXAAAAJXRFWHRkYXRlOm1vZGlmeQAyMDE4LTAxLTIzVDEzOjI3OjUxKzAxOjAwVC8oqwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAL/SURBVFhH7ZdbSFRBGMf/q2urhXmBfdC08EZLFpYZaCZGKVIKSVaYPpglgZHhg0EE9lAWRFGiUhZqLOUmGFEShahUYCkk5jVM85abl4zV9X5dO2f8dlfZ9bJ4tnroB985M/8ZmD9zZr6ZI5rjwAI+tHQi7mEh+odHSTGdlENBSD1ygGrLY2AgpeA1mnr6cSk8mBTTOP+4CO39A0iPjUB80G5Sl8bAQHL+K6jHJ/Ao4RgpphGYlo0GZR8sLUR4mngSYTu8qMU4FvQWnFnNHE7lFKLmew8pxjGbAZ6xyWmcyFKgS6UmxRCzGuDpGxpBVMYTDI5NkLIYsxvg+dr7C7HZBZiamSVFj+AGbK0lVFpMeXMn7haXU02P4Luge3AY1R0/qKYnq7QCMicp254LEXwGnO1tEbFTZhBOnG6MP7IGlkP3CboHhqCorMXzqgZMcosl1NuTdRCKksZvkIgtcdRvO2L8feDssJHpzABvwfdKJtr6VUw0N+5SR1RfTYJIRAb4gXelZiIvIQpRnENj3Cur5FZyBxSJ0ajv6sW+6w8QE+CD+3GR1ENPovwFFBW1VDPO52tJzAhbAzOzGia2/VThU7sSddwAWvg6H8tlMzWXZHhz2uhTj1DL0mjHFLMnkVb0loWrox0abiQzLeRmLnvzhPtspdJi6pW9CL8jp5ppCLILJFZiZlob/Em4WgQxsMfNhc2YNpzt51f4ahDEAH/g5FfU6GJ0copaVkYQAy3cYXNO/lIXqtFxalkZQQyshb9ugCUiJbfHvS+nkwSsl1gh0ncbKy9MKJu49Bksc8MAN8Vv6prhJnVAgOdmtu/LvrRSr9XRyC1WF27H6M6CsFt5qGztYo3mxt/DFcUXT7OyzsCMRoOyxlZklHzE+NQ0zgT7sQ5Ckfu+CjbrrHAhdC8OentAbDH/9XUGtKz1QrIU8TnPYGdjbf4Lian8N/Bv5AEqM/if01Lu+rRf5k6KMLxrakMId827HX2YlHkMDAjxe24Mqe0GyM8eR6DXFlJ4gN9up0oqPwtQNQAAAABJRU5ErkJggg==");
    background-repeat:no-repeat;
    background-position:10px;
}
.formatTIFF
{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABC1BMVEUAAAAAAAAAgIAAVaoAgIAAYIAAcY4VaoASbYARZogQYIALZIULaoAOaoAOZ4MNZYANaYMMaoMMZ4AMZYIPaYIPZ4ANaIINZoAMZ4APZYAOZ4ANaIANZ4ENZoAPaIEPZoEOZ4EOZ4APaIEPZ4ANZ4AOZ4AOZ4AOaIANaIAPZ4ANZ4ANZ4APaIAOZ4AOZoAOaIAOaIANZ4ANZoAOZ4AOZ4AOZ4AOaIANZ4ANZ4AOZ4AOZ4AOZ4AOZ4ANZ4ANZoAPZ4AOZ4AOZ4AOZoAOZ4AOZ4AOZ4AOZoANZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4APZ4AOZ4AOZ4AOZ4AOZ4AOZ4D///9Yk5nAAAAAV3RSTlMAAQIDBAgJDA4PEBcYJCUmJykqKzM0Ozw+REpMT1BTVVlcZWZ0foGChYqZmpuhoqWqq6y3ubq7vb7DyMvM0NHS19rb3N3e4OPn6Onr7O/x8/T19vf7/P0BzvZvAAAAAWJLR0RY7bXEjgAAAQVJREFUOMu90tdOw0AURdFN7y0OgSGEZprjQEwNoSUEh14d4Pz/n/BgCcnSWAaE2G8jLY3ujC4AxSclWyeZv5dPdKGVJKhUk+czfSxkAHUKGUAPkxlA7ZEMoNOBVHASP3YjFYwZY4ypVVJBXPXbwPGarbKlVtPLAfTfKbXbPiCnpfim1V3y2gZgKwJgXlOAo01ToMuYcgyGjTEHEcwasyYHcCRd0i0pBjOSFMGNJCuYDsPwLYLjMHy0AoB2PINnBaOu695HsOy6+7+b4edgQtJzsCPpOjjUVXAkSe9B0JGkcaC3kf7V5z0AQ6VafdFSvVYa/KN9+Bfg21fO/wLFV9snvMwBfALXX3p5NnRRgAAAAABJRU5ErkJggg==");
    background-repeat:no-repeat;
    background-position:10px;
}
.formatBMP
{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABm1BMVEUAAAAAgIAAVaoAgIAAZpkAVYAAbZIAYIAAcY4aZoAVaoAUYokSbYARZogQYIAPaYcNZoAMaIALZIUKZoUKYoASaoQRZoAQa4QPZIMOaoAOZ4MNZYANaYMMaoMMZ4AMZYIMaIALZoIQZYAPaYIOaIAOZoINaIINZoAMZ4AMZYIQZoEPZ4EPZYAPZ4EPZoAOaIEOZ4AOZoENaIANZ4ENZoAMZ4APaIEPZoEPZ4EOaIAOZ4ANZoENaIAPaIEPZ4APaIEOZoEOaIAOZ4EOZoAOaIENaIAPZ4EOZ4AOaIAOZ4AOaIANaIANaIANZ4APZoAPZ4APaIAOZoAOZ4AOaIANZ4ANZ4APaIAOZ4AOZoAOZ4AOaIAOaIAOZ4AOZ4AOZ4AOZ4AOZ4AOaIANZ4ANZ4APaIAOZ4AOZ4AOZ4AOZ4AOZ4ANZ4ANZoAPZ4AOZ4AOZoAOZ4AOZ4AOZ4AOZoAOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4D///+OaxaDAAAAh3RSTlMAAgMEBQYHCAkKDA0ODxARFBYXGRodHh8hJCUmJykqKywtMDM2Nzs8Pj9BQ0RFRkdKS0xPUFJTVVdYXl9gZWZna2xtbnF2d3yAgYKFh4iJioyOkJGZmpuhoqOlqrO1t7m6u72+wMPJy8zN0NHS1NbX2Nrb3d7i5ujp7O3u7/Hy9PX3+Pr7/f6TxfyIAAAAAWJLR0SIa2YWWgAAAVxJREFUOMu90uc3gmEcxvFLdvbOzMh6PEQoI7I3GZVEUfbeChkZXf+2F47qcXrkheP77j7355x7nB8AQPdAaZOQZnXVSDpnnxTYHNL1Ad/1MQADdTEAb8tiAF7lxgDcU8qC3c/HTsmCYlEURdFjkwWfOX4N1ObTC0uULk7NFQCQ4qNs3mQAFWRg1Wqxe8nN2QXydW52n1vLFvsZyXIAavIGqTlI26EJOKEbMFNAZlLcEqn+Am1cwRC7spLnOVCIcQrw+3Kzg2FQu9GtcFGrqm9mwSCGKcD/plK+hwGAxjtqKkeVx3DDSAHGapgijmi5noGepbVr6M1/QCcFVGunXyR3uEQVc5oeExSmN4gU4CcZAfIMRTAzsZ0NcDJR8x3c60Vd/3rw1bBI51iAPSOcMDyFQCl/qARA/JH8/qECADI6PNuGKG17OtL/aB7+BVijj5w1BHTP0T7hqRUAPgA3k8yuSRxDwAAAAABJRU5ErkJggg==");
    background-repeat:no-repeat;
    background-position:10px;
}
.formatGIF
{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABKVBMVEUAAAAAAAAAgIAAVaoAgIAAZpkAYIAAcY4aZoAVaoAUYokSbYARZogPaYcLZIURZoAOaoAOZ4MNZYANaYMMaoMMZ4AMZYIMaIARaYAPaYIOaIANaIIMZ4APZYAPZ4EOZ4AOZoENaIANaYANZoANaIEPaIEPZoEPaIAOZoAPaIEPZ4APaIEPZ4AOZoEOZ4AOZ4AOaIANaIANZ4ANaIAPZ4AOZ4AOZ4ANZ4ANZ4APaIAPZ4AOZoAOaIAOZ4AOZ4AOZ4AOZ4ANZ4AOZ4AOZ4AOZ4AOZ4AOZ4ANZ4ANZoAPZ4AOZ4AOZ4AOZ4AOZoAOZ4AOZoAOZoAOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4APZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4D///9oLToXAAAAYXRSTlMAAQIDBAUICQoMDQ4PERceJCUmJykqKywuMzY7PkRFSktMTlBRU1VWWmVmZ2h9foGChYaHipKXmZqbnKKlpqm3ur3DxMvMzdDR0tfY2tve4OXn6Ons7u/x8/T19vf4+f3+QyrT4QAAAAFiS0dEYiu5HTwAAAEjSURBVDjLvdJZT8JQEAXgg4orVVGpol6Eohf3FRUUl+KGKMWCuOF2/v+f8KGlyY2t9cF4nmaSL5nMZAAAmUeq2YCawklSyS2XVFAsqf0VPxZCAF9nQgDvx0MAreEQwIuBQHDuLLsZCEaFEEKYxUDgpPRroOertX2f1Kr5BAD0NRmYRi+AhFPfbaXF/PYnU8J+E0IIsUaSEwB0kmSpHwAmyQisNgDAIEm9Ay6jWKmzUemAm1brSQGLSLtjHWC7nQfi2KMtpTxzwVQyeaiAERzQ0qI4ckFM03YVkEKOpOGBbyOOEdlp/wS4CnQNwheMOeXp8uy0sV5nTjbfpXxwQRxAz3XwqSvdABDLmmXpk7KZHfqjf/gXUPB/uYIHMi9+R3ieA4AvgjuTku6/3/MAAAAASUVORK5CYII=");
    background-repeat:no-repeat;
    background-position:10px;
}
.formatPDF
{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABVlBMVEUAAAAAAAAAgIAAVaoAgIAAbZIAYIAAcY4VaoAUYokSbYARZogPaYcLZIUKZoUJaIQRZoAPZIMOaoAOZ4MNZYANaYMMaoMMZ4AMZYIMaIALZoIQZ4IPZoAPaYIOaIANaIIPaIAPZYAOZ4ANaIANZ4ENZoAPaIEPZoEPaIAOaIAOZ4EOZ4ANaIAPaIEPZ4AOZ4AOZoANZ4APZ4EPZoAOZ4AOZ4AOaIAOZ4APZ4APZ4APaIAOZ4AOZoAOZoAOZ4AOaIAOZ4ANZ4ANZ4APaIAOZoAOaIAOaIAPZ4AOZ4AOZ4AOZ4ANZ4ANZ4APaIAOZ4AOZ4AOZ4AOZ4AOZ4AOZ4ANZ4ANZoAPZ4APZ4AOZ4AOZ4AOZ4AOZoAOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4APZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4D///+mYcc9AAAAcHRSTlMAAQIDBAcICQwNDg8RFxkbHiEkJSYnKSorLC0vMjM2O0JESkxNUFNVVlhZXmBlZmpucnd4foGCg4qLjI2Ok5SWl5mam6Klqq+0t7m9v8DCw8bLzM3Q0dLT1dfa29zd3t/n6Ons7u/x9PX29/r7/P3+QJ+RCQAAAAFiS0dEca8HXOIAAAFKSURBVDjLvdJXU8JAEAfwVcAasaCCBRURY1ciIHYJgiJqJFZEUTT2kv3+T95dALkxmfjg+H9JLveb283OAZAEH5FPFPjIGT+XS5zlQTLFr0/wc9wG4OuwDcD7HhuAxTYbgGqTJcgZPxuzBF0BmmzSEhhJ/Rr44vlCwiSFfNxL9xvv0DKlBgK8iDfrUWnlEPF2IybFEkWysyvRlLCXVkDcYaWmdIU9nREdw+ztHH0VMKipAhwp4NauIg7YImBSVdWXbzCEOALbCrST4+ehj4AF1kQVDFynXfUXBsiA4z0MHlGcqQE0EhpgD5wfrAehBrgXN4+xDJagn5SY07QH5HrAMjhohtWfPVSAK+Ctg7E3DnQj7vun2TLXKQgdE2kdcc2/zL546FzOrEd96qDNtoayimgSJRtq+aP78C9ANr9ychUEn82G8DRK974AhFag9NY0BN4AAAAASUVORK5CYII=");
    background-repeat:no-repeat;
    background-position:10px;
}
.formatDWG
{
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAABm1BMVEUAAAAAgIAAVaoAgIAAZpkAYIAAcY4aZoAVaoAUYokSbYARZogNZoAMYYYMaIALZIUKZoUKYoARZoAQaIAOaoAOZ4MNZYANaYMMaoMMZ4AMZYIPZoAPaYIOZoINaIINZoAPaIAPZYAPZ4EOaIEOZYEOZ4AOZoENaIANZ4ENZ4ENZoANaIEPaIEPZoEPaIAOaIEOZ4AOZ4ANZ4ENaIANZ4ENZoAPaIEPZ4APZ4AOZ4EOZoAOZoAOaIENZoENZ4APZoAPZ4EOZoEOZ4AOZoEOaIAOZ4AOaIAOZ4ANaIAPZoAPZ4AOZ4AOZoAOZ4ANZoANZ4ANZ4APaIAOZ4AOZ4AOaIANZ4ANZoANZ4APZ4AOZ4AOZ4AOZ4AOZ4AOZ4ANZ4APaIAOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4ANZ4ANZoAPZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZoAOZ4AOZ4AOZoAOZ4APZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4APZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4AOZ4D///+uJVSoAAAAh3RSTlMAAgMEBQgJCgwNDg8UFRYXGRoeICQlJicpKisyMzc7PEJERUdJSktMTU9QUVNVVltcXmFiY2RlZmhtbnBxc3R4eX1+f4CBgoOFiYqNjpWYmZqboaOlq6ytrrC1t7i6vcDDxMbHyMvM0NHS1NXX2Nrb3d7g4uTn6Ons7vDx8/T19vf4+fv8/f6MOjshAAAAAWJLR0SIa2YWWgAAAWVJREFUOMu90tk3QlEYxuGXSOZM0RF1TBGROUOZp5Ayj8k8zyKVZHz/bRetRWetjlxYfnd77efi23t9AABjkNJGIM21ppN0zg4pcM9Lzwd8b0gAGClPAOgvTgB4lZsAcF8lC/aijx2VBYWiKIqixy0Los3/GgiO04uZOF2cOrQAoLynbHepALQknwIkGXgggw8fDARIMvRCsgSAwHsVoKw/YwV8zMblm0pPf1sOYCEFAAJ9MKwNpWfejGD9Glg6wWBYm9Q851z4Bk3kJIY9mFjMKhiYw+Y0+qJDxIBdWMIpln5DZZ1N+dyOLXbodP5YsIJulpXW2Ho0VSKtWKVTB18MCOmxQXta3sKsQj3OJehD7IoB+bXZ6CVXgNtjYIfvJqgNOV8g2G5uHdsm6e/s5ZvV+kp+LNsbW6YiFABo+ENFABRH8veHyQCQafJ4zXHyekwZf7QP/wJc8VfO9QWM4Xif8FgNAJ/OWsgaBo7jGQAAAABJRU5ErkJggg==");
    background-repeat: no-repeat;
    background-position:10px;
}
.formatDXF
{
    background-image:url("data:image/png;base64,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");
    background-repeat:no-repeat;
    background-position:10px;
}
.formatDGN
{
    background-image:url("data:image/png;base64,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");
    background-repeat:no-repeat;
    background-position:10px;
}


a.mydiv
{
background-position:0 0;
background-repeat:no-repeat;
width:16px;
height:16px;
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJXSURBVHjapNRLSFRRHMfxmUkXZS5CySBqJa2CmF5oD4iiJpKikDSoGAYNoyRq4aIH4SIspEXTZG+FXBkFijRJZg8jkjSoaFuLCCIoeu0q6vb9T79bt8u9OTZ/+Awz597z5/zP/5yJOY4T+Yca9CKFWNA7YRMr0YWvzp+4hvh4CUrQgjdOcHxGG8qCEiQw4uQXz1CPqDu52/m/6I9FfsUoXkcmFh9z8zwlTMc538aFRY82+vceZNQy+74EN0MmjmKd3qtCh5tgEx6iEzM11ojnmvgWB3QWpiGNx0h6S7CHrXiqVtpYOfZijn436PlJTPWWYDXt8hyiKxjGGo0tQBY3sFBj29DnJqjWkR3CMo2txx0MqLwmjc9TsltY5T+JSYzhAipQjFrVPUVLt9p3Y1LYXbBj2q5am1GKOjxS4ln5XKaILs5Vtc7aujLovWguSwFRZB+rH4Q+r0Ej+nEJP/wvxEImVqILvdio75YkPl6CErTgPlIo9q1mGG0oC0qQwBDaURGyslLsx13UI1qkB93YPoG9m4sebC34/8BNcEobdB7f8ph8GYtwxE2Q0UATVmgvgmJMm7kF5ehwE9zGYXTipR0N7MALPX+Hg6jCCNI44y3B+l2NV7iuVl7UhH1Yqval1IEoltvhchPYju5EK2qxWD2fjxNqXxZ1aMAeHbA+N0Fay7baZ2AzjqvnAzitk5jQJme1mkzuMnnuQhLNeIJDeI8N2qMvOKalW3ln8d1/lO3CrMUHDKorg1rdPUxWwg6bbBP8K/BGXDs/G59wVCv5Kwr+P/gpwADLBldT/ROBvwAAAABJRU5ErkJggg==");
display:block;
margin-left:20px;
margin-top:6px;
}

a.mydiv:hover
{
background-position:0 -16px;
background-repeat:no-repeat;
width:16px;
height:16px;
background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAgCAYAAAAbifjMAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAJXSURBVHjapNRLSFRRHMfxmUkXZS5CySBqJa2CmF5oD4iiJpKikDSoGAYNoyRq4aIH4SIspEXTZG+FXBkFijRJZg8jkjSoaFuLCCIoeu0q6vb9T79bt8u9OTZ/+Awz597z5/zP/5yJOY4T+Yca9CKFWNA7YRMr0YWvzp+4hvh4CUrQgjdOcHxGG8qCEiQw4uQXz1CPqDu52/m/6I9FfsUoXkcmFh9z8zwlTMc538aFRY82+vceZNQy+74EN0MmjmKd3qtCh5tgEx6iEzM11ojnmvgWB3QWpiGNx0h6S7CHrXiqVtpYOfZijn436PlJTPWWYDXt8hyiKxjGGo0tQBY3sFBj29DnJqjWkR3CMo2txx0MqLwmjc9TsltY5T+JSYzhAipQjFrVPUVLt9p3Y1LYXbBj2q5am1GKOjxS4ln5XKaILs5Vtc7aujLovWguSwFRZB+rH4Q+r0Ej+nEJP/wvxEImVqILvdio75YkPl6CErTgPlIo9q1mGG0oC0qQwBDaURGyslLsx13UI1qkB93YPoG9m4sebC34/8BNcEobdB7f8ph8GYtwxE2Q0UATVmgvgmJMm7kF5ehwE9zGYXTipR0N7MALPX+Hg6jCCNI44y3B+l2NV7iuVl7UhH1Yqval1IEoltvhchPYju5EK2qxWD2fjxNqXxZ1aMAeHbA+N0Fay7baZ2AzjqvnAzitk5jQJme1mkzuMnnuQhLNeIJDeI8N2qMvOKalW3ln8d1/lO3CrMUHDKorg1rdPUxWwg6bbBP8K/BGXDs/G59wVCv5Kwr+P/gpwADLBldT/ROBvwAAAABJRU5ErkJggg==");
display:block;
margin-left:20px;
margin-top:6px;

}
/*csp-mobile*/
.dropdown-mobile
{
float:left;
}
.dropdown-menu-mobile {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    width:125px;
    padding: 8px 0;
    margin:0;
    font-size: 16px;
    text-align: left;
    list-style: none;
    background-color: #1e4962;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
	min-height:10px;
   
}



.dropdown-menu-mobile.pull-right {
    right: 0;
    left: auto
}
.dropdown-menu-mobile .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    
}
.dropdown-menu-mobile>li>a {
    display: block;
    margin: 3px 12px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color:#fff;
    white-space: nowrap
}
.dropdown-menu-mobile>li>a:focus,
.dropdown-menu-mobile>li>a:hover {
    color: #262626;
    text-decoration: none;
   
}
.dropdown-menu-mobile>.active>a,
.dropdown-menu-mobile>.active>a:focus,
.dropdown-menu-mobile>.active>a:hover {
    color: #fff;
    text-decoration: none;
   
    outline: 0
}
.dropdown-menu-mobile>.disabled>a,
.dropdown-menu-mobile>.disabled>a:focus,
.dropdown-menu-mobile>.disabled>a:hover {
    color: #777
}
.dropdown-menu-mobile>.disabled>a:focus,
.dropdown-menu-mobile>.disabled>a:hover {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false)
}
.open>.dropdown-menu-mobile {
    display: block
}
.open>a {
    outline: 0
}
.dropdown-menu-mobile-right {
    right: 0;
    left: auto
}
.dropdown-menu-mobile-left {
    right: auto;
    left: 0
}
.dropdown-mobile-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #777;
    white-space: nowrap
}
.dropdown-mobile-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990
}
.pull-right>.dropdown-menu-mobile {
    right: 0;
    left: auto
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid\9
}
canvas {
    display: inherit;
    height: 100%;
    width: 100%;
}
.Annocanvasdiv {
    width: 100%;
    height: 100%;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu-mobile {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px
}
@media (min-width: 768px) {
    .navbar-right .dropdown-menu-mobile {
        right: 0;
        left: auto
    }
    .navbar-right .dropdown-menu-mobile-left {
        right: auto;
        left: 0
    }
}

.mobile-footer-container
{
width:13%;
display:block;
bottom:0;
right:0;
position:absolute;
}
.collapsible {
    background-color: #32637f;
    color: white;
    cursor: pointer;
    padding: 8px;
    width:100%;
    border: none;
    text-align:center;
    outline: none;
    font-size: 15px;	
}

.active, .collapsible:hover {
    background-color: #184864;
}

.content {
display: none;
    overflow: hidden;
    background-color: #67acde;
	position:absolute;
	top:-220px;
	
	width:100%;
}

.api-sidebar
{
}
.api-sidebar ul
{
}
.api-sidebar ul li
{
margin:10px 0;
font-size:18px;
}
.mystyle {
    width: 100%;
    
    background-color:#000;
    color: white;
 
    box-sizing: border-box;
	height:100%;
}
.api-sidebar ul li i:hover
{
color:#32637f;

}
.api-sidebar ul li span:hover
{
color:#32637f;
}

/*pagination*/

.csp-pagination
{
position:absolute;
bottom:28px;
right:100px;
display:none;
}
.csp-pagination ul
{
}
.csp-pagination li
{
float:left;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.csp-pagination
{
position:absolute;
bottom:30px;
display:block;
width:40%;
margin:auto;

}
.pagination-api
{
width: 50px;
   line-height:30px;
}
}
@media only screen and (min-device-width : 600px) and (max-device-width : 900px) {
.csp-pagination
{
position:absolute;
bottom:30px;
right:110px;
display:block;
width:45%;
margin:auto;

}
.pagination-api
{
width: 70px;
   line-height:30px;
}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 900px) {
.nav>li>a {
    position: relative;
    display: block;
    padding: 10px 8px;
}
}

 /* hide mobile version by default */
  .logo .mobile {
    display: none;
  }
  /* when screen is less than 900px wide
     show mobile version and hide desktop */
  @media (max-width: 900px) {
    .logo .mobile {
      display: block;
    }
    .logo .desktop {
      display: none;
    }
  }
  
/*csp welcome page*/
.csp-welcome
{
width:30%;
/*min-height:48%;*/
background-color:#FFFFFF;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
overflow:hidden;
border-radius:5px;
margin:auto;
margin-top:7%;
padding:1% 2% 2% 2.5%;
background-image:url(../images/welcome-header.png);
background-repeat:no-repeat;
background-position:top;
}
.csp-welcome h2
{
font-size:36px; 
color:#302d2d; 
font-weight:600; 
padding:0; 
margin:0;
}
.csp-welcome .img
{
margin:10px 0; 
padding-left:5%;
width:80%;
height:auto;
}
.csp-welcome .text1
{
color:#000;
font-size:17px;
padding:20px 0 5px;
}
.csp-welcome .text2
{
color:#000; 
font-size:17px;
}
.csp-welcome .text3
{
font-size:16px;
color:#464545; 
margin:0;
padding-bottom:2px;
text-align:center;
}
.csp-welcome .text3 a
{
text-decoration:none;
text-align:center;
}
.csp-welcome .text4
{
font-size:16px;
color:#464545;
margin:0; 
padding-bottom:8px;
text-align:center;
}
.csp-welcome .text4 a
{
text-decoration:none;
text-align:center;
}

.csp-welcome .text5
{
font-size:16px;
color:#464545; 
margin:0; 
padding:0;
text-align:center;
}

@media only screen and (min-device-width : 320px) and (max-device-width : 600px) {
.csp-welcome
{
width:75%;
/*padding:3%;*/
text-align:center;
}
.csp-welcome h2
{
font-size:25px; 
}
.csp-welcome .text2
{
display:none;
padding:0;
margin:0;
}
.csp-welcome .img
{
margin:10px 0; 
padding-left:5%;
width:80%;
height:auto;
}
.csp-welcome .text1
{
font-size:14px;
padding-top: 10px;
padding-bottom:0;
margin-top:0;
margin-bottom:0;
}
.csp-welcome .text2
{
 font-size:14px;
}
.csp-welcome .text3
{
font-size:13.5px;
}
.csp-welcome .text4
{
font-size:13.5px;
}
.csp-welcome .text5
{
font-size:13px;
padding-bottom:10px;
}
.csp-welcome .text5 .img-fb
{
height:18px;
width:18px;
}
.top-section-background
{
display:none;
}
.navbar-nav {
    margin: 7.5px -15px;
    font-size: 16px;
}
a.mydiv
{
background-position:0 0;
background-repeat:no-repeat;
width:18px;
height:18px;
background:url(../images/vector.png);
}

a.mydiv:hover
{
background-position:0 -18px;
background-repeat:no-repeat;
width:18px;
height:18px;
background:url(../images/vector.png);
}
.api-img-line
{

height:17px;
width:17px;
}
.api-img-line:hover
{

height:17px;
width:17px;
}
.api-img-freehand
{

height:17px;
width:17px;
}
.api-img-freehand:hover
{

height:17px;
width:17px;
}
.api-img-rectangle
{

height:17px;
width:17px;

}
.api-img-rectangle:hover
{

padding-top:3px;
height:17px;
width:17px;
}

.api-img-polyline
{

height:17px;
width:17px;
}
.api-img-polyline:hover
{

height:17px;
width:17px;
}
.api-img-polygon
{

height:17px;
width:17px;
}
.api-img-polygon:hover
{

height:17px;
width:17px;
}

}
@media only screen and (min-device-width : 640px) and (max-device-width : 800px) {
.csp-welcome
{
width:75%;
}
}
@media only screen and (min-device-width : 850px) and (max-device-width : 1280px) {
.csp-welcome
{
width:43%;
}
}
@media only screen and (min-device-width : 1366px) and (max-device-width : 1440px) {
.csp-welcome
{
width:43%;
margin-top: 4%;
}
}
/*contact us modal*/
.API-modal-form
{
}
.API-modal-form ul
{
list-style-type:none;
}
.API-modal-form ul li
{
margin:0px 0px 10px 0;
}
.API-modal-form ul li p
{
font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#626262; padding-top:15px;

}
.API-modal-form ul li p span
{
font-size:22px; color:#337ab7; padding-right:10px;
}
.API-modal-form ul li ul li h2
{
font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#ff9711; padding:0; margin:0;
}
.API-modal-form ul li ul li h2 span
{
font-size:15px; color:#337ab7; padding-right:10px;  margin:0;
}


 .left-pannel-cad-property
 {
 padding:0 32px 8px 32px;
 color:#FFFFFF;
 }
 .left-pannel-cad-property ul
 {
 }
.left-pannel-cad-property ul li
{
padding:12px 0 14px 0;
display:block;
background-image:url(../images/bottom-border.png);
background-position:left bottom;
background-repeat:repeat-x;
overflow:hidden;
}
.left-pannel-cad-property ul li h2 {
        color:#90d3f9;
        font-size:18px;
        padding:0;
        margin:0;
    }
.left-pannel-cad-property ul li p
{
color:#FFFFFF;
float:left;
width:105px;
overflow:hidden; font-size:13px; padding-right:10px;

}
.left-pannel-cad-property ul li span
{
color:#fff;overflow:hidden; float:left; width:160px; color:#fed975;
} 

.cad-font-size
{
color:#FFFFFF;
font-size:16px;
}

.API-checkbox-left-spacing
{
margin-left: 5px;
}
.API-property-border
{
border-bottom:1px dashed #eae0c2;
}
.nav1 {
   
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 0;
}

.nav1 li {
  display: inline-block;
  /*font-size: 20px;*/
  padding: 1px 5px;
}

.api-img-cad-obj
{
background:url(../images/cad-obj.png)no-repeat;
height:17px;
width:17px;
margin-top:3px;
}
.api-img-cad-obj:hover
{
background:url(../images/cad-obj-hover.png) no-repeat;
padding-top:3px;
height:17px;
width:17px;
}


.api-img-cad-all-obj
{
background:url(../images/cad-all-obj.png) no-repeat;
height:15px;
width:19px;
margin-top:3px;
}
.api-img-cad-all-obj:hover
{
background:url(../images/cad-all-obj-hover.png) no-repeat;
padding-top:3px;
height:15px;
width:19px;
}

.api-img-cad-sel-obj {
    background: url(../images/cad-obj-prop.png) no-repeat;
    height: 15px;
    width: 19px;
    
}

    .api-img-cad-sel-obj:hover {
        background: url(../images/cad-obj-prop.png) no-repeat;
        padding-top: 3px;
        height: 15px;
        width: 19px;
    }

/*Table-modal*/

.modal-header-color
{
background-color:#a2bcd8;
}
.modal-body-color
{
background-color:#f0f0f0;
}
.modal-stylling
{
padding:0 5px 10px 5px;
}
.table-modal-stylling
{
overflow:auto; height:300px;
}
.table-modal-color
{
background-color:#fff;
}




/* Fixed sidenav, full height */
.sidenav-right {
  height: 48%;
  width: 80px;
  position: fixed;
  z-index: 1;
  /*top: 5;*/
  top:150px;
  right: 0;
  background-color:#f0f0f0;
  overflow-x: hidden;
  padding-top: 20px;
}

/* Style the sidenav links and the dropdown button */
.sidenav-right a, .dropdown-btn {
  /*padding: 6px 8px 8px 16px;*/
  text-decoration: none;
  font-size: 15px;
  color:#333333;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
}

/* On mouse-over */
.sidenav-right a:hover, .dropdown-btn:hover {
  color: #000;
}
.sidenav-right a p, .dropdown-btn p{
font-size:14px;
text-align:center;
padding:5px 0 0 0;
color:#333333;
}
/* Main content */
.main-right {
  margin-left: 100px; /* Same as the width of the sidenav */
  font-size: 20px; /* Increased text to enable scrolling */
  padding: 0px 10px;
}

/* Add an active class to the active dropdown button */
/*.active {
  background-color: green;
  color: white;
}*/

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-right-container {
  display: none;
  background-color: #f0f0f0;
  padding-left: 8px;
}

/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/* Some media queries for responsiveness */
@media screen and (max-height: 450px) {
  .sidenav-right {padding-top: 15px;}
  .sidenav-right a {font-size: 15px;}
}

/*3D-icon-css*/
.show-hide-pannel
{
width:5%; background-color:#32637f; padding:5px; color:White; position:absolute; bottom:40px;box-shadow: 2px 2px 10px #777;
}
.show-hide-pannel ul
{
margin:0; padding:0; width:100%;
}
.show-hide-pannel ul li
{
float:left; margin:3.1px; width:35%; /*height:30px;*/
}
.show-hide-pannel1
{
width:7%; background-color:#32637f; padding:5px; color:White; position:absolute; bottom:40px;box-shadow: 2px 2px 10px #777;
}
.show-hide-pannel1 ul
{
margin:0; padding:0; width:100%;
}
.show-hide-pannel1 ul li
{
float:left; margin:3.1px; width:25%; /*height:30px;*/
}
.show-hide-pannel2
{
width:11%; background-color:#32637f; padding:5px; color:White; position:absolute; bottom:40px;box-shadow: 2px 2px 10px #777;
}
.show-hide-pannel2 ul
{
margin:0; padding:0; width:100%;
}
.show-hide-pannel2 ul li
{
float:left; margin:3.1px; width:15%; /*height:30px;*/
}

.api-img-rotate
{
background:url(../images/rotate.png) no-repeat;
height:16px;
width:16px;
padding:0;
}
.api-img-rotate:hover
{
background:url(../images/rotate-hover.png) no-repeat;
height:16px;
width:16px;
}

.api-img-fit-to
{
background:url(../images/fit-to.png) no-repeat;
height:16px;
width:16px;
padding:0;
}
.api-img-fit-to:hover
{
background:url(../images/fit-to-hover.png) no-repeat;
height:16px;
width:16px;
padding:0;
margin:0;
}

.api-img-magnifying
{
background:url(../images/search.png) no-repeat;
height:14px;
width:14px;
padding:0;
}
.api-img-magnifying:hover
{
background:url(../images/magnifying-hover.png) no-repeat;
height:14px;
width:14px;
padding:0;
margin:0;
}

.api-img-zoom
{
background:url(../images/zoom.png) no-repeat;
height:16px;
width:16px;
padding:0;
}
.api-img-zoom:hover
{
background:url(../images/zoom-hover.png) no-repeat;
height:16px;
width:16px;
padding:0;
margin:0;
}

.api-img-view
{
background:url(../images/view-s.png) no-repeat;
height:13px;
width:12px;
padding:0;
}
.api-img-view:hover
{
background:url(../images/view-s-hover.png) no-repeat;
height:13px;
width:12px;
padding:0;
margin:0;
}


.api-img-topview
{
background:url(../images/top-view.png) no-repeat;
height:14px;
width:14px;
padding:0;
}
.api-img-topview:hover
{
background:url(../images/top-view-hover.png) no-repeat;
height:14px;
width:14px;
padding:0;
}

.api-img-bottomview
{
background:url(../images/bottom-view.png) no-repeat;
height:14px;
width:14px;
padding:0;
}
.api-img-bottomview:hover
{
background:url(../images/bottom-view-hover.png) no-repeat;
height:14px;
width:14px;
padding:0;
}


.api-img-viewleft
{
background:url(../images/view-left.png) no-repeat;
height:14px;
width:14px;
padding:0;
}
.api-img-viewleft:hover
{
background:url(../images/view-left-hover.png) no-repeat;
height:14px;
width:14px;
padding:0;
}

.api-img-viewright
{
background:url(../images/view-right.png) no-repeat;
height:14px;
width:14px;
padding:0;
}
.api-img-viewright:hover
{
background:url(../images/view-right-hover.png) no-repeat;
height:14px;
width:14px;
padding:0;
}

.api-img-backview
{
background:url(../images/back-view.png) no-repeat;
height:14px;
width:14px;
padding:0;
}
.api-img-backview:hover
{
background:url(../images/back-view-hover.png) no-repeat;
height:14px;
width:14px;
padding:0;
}

.api-img-frontview
{
background:url(../images/front-view.png) no-repeat;
height:14px;
width:14px;
padding:0;
}
.api-img-frontview:hover
{
background:url(../images/front-view-hover.png) no-repeat;
height:14px;
width:14px;
padding:0;
}


.bottom-left-view
{
background:url(../images/bottom-left-view.png) no-repeat;
height:19px;
width:15px;
padding:0;
}
.bottom-left-view:hover
{
background:url(../images/bottom-left-view-hover.png) no-repeat;
height:19px;
width:15px;
padding:0;
}

.bottom-right-view
{
background:url(../images/bottom-right-view.png) no-repeat;
height:19px;
width:15px;
padding:0;
}
.bottom-right-view:hover
{
background:url(../images/bottom-right-view-hover.png) no-repeat;
height:19px;
width:15px;
padding:0;
}

.top-left-view
{
background:url(../images/top-left-view.png) no-repeat;
height:19px;
width:15px;
padding:0;
}
.top-left-view:hover
{
background:url(../images/top-left-view-hover.png) no-repeat;
height:19px;
width:15px;
padding:0;
}

.top-right-view
{
background:url(../images/top-right-view.png) no-repeat;
height:19px;
width:15px;
padding:0;
}
.top-right-view:hover
{
background:url(../images/top-right-view-hover.png) no-repeat;
height:19px;
width:15px;
padding:0;
}

.api-img-pan
{
background:url(../images/pan-outline.png) no-repeat;
height:16px;
width:16px;
padding:0;
}
.api-img-pan:hover
{
background:url(../images/pan-outline-hover.png) no-repeat;
height:16px;
width:16px;
padding:0;
}

.api-img-pan-select {
    background: url(../images/pan-outline-hover.png) no-repeat;
    height: 16px;
    width: 16px;
    padding: 0;
}

/*
.api-img-pan:hover
{
background:url(../images/pan-outline-hover.png) no-repeat;
height:16px;
width:16px;
padding:0;
margin-top:5px;
}*/

.api-img-orbit
{
background:url(../images/orbit.png) no-repeat;
height:17px;
width:16px;
padding:0;
}
.api-img-orbit:hover
{
background:url(../images/orbit-hover.png) no-repeat;
height:17px;
width:16px;
padding:0;
}

.api-img-orbit-select {
 background: url(../images/orbit-hover.png) no-repeat;
 height: 17px;
 width: 16px;
 padding: 0;
 }
.orbit-arround-building
{
background:url(../images/orbit-arround-building1.png) no-repeat;
height:14px;
width:18px;
padding:0;
margin-top:5px;
}

.orbit-arround-building:hover
{
background:url(../images/orbit-arround-building1-hover.png) no-repeat;
height:14px;
width:18px;
padding:0;
}
    .orbit-arround-building-select {
        background: url(../images/orbit-arround-building1-hover.png) no-repeat;
        height: 14px;
        width: 18px;
        padding: 0;
    }

.api-img-walk
{
background:url(../images/walk.png) no-repeat;
height:16px;
width:10px;
padding:0;
}
.api-img-walk:hover
{
background:url(../images/walk-hover.png) no-repeat;
height:16px;
width:10px;
padding:0;
}
    .api-img-walk-select {
        background: url(../images/walk-hover.png) no-repeat;
        height: 16px;
        width: 10px;
        padding: 0;
    }

.api-img-measure
{
background:url(../images/measure1.png) no-repeat;
height:9px;
width:16px;
padding:0;
}
.api-img-measure:hover
{
background:url(../images/measure1-hover.png) no-repeat;
height:9px;
width:16px;
padding:0;
}
    .api-img-measure-select {
        background: url(../images/measure1-hover.png) no-repeat;
        height: 9px;
        width: 16px;
        padding: 0;
    }

.api-img-cutting-plane
{
background:url(../images/cutting-plane.png) no-repeat;
height:16px;
width:15px;
padding:0;
}
.api-img-cutting-plane:hover
{
background:url(../images/cutting-plane-hover.png) no-repeat;
height:16px;
width:15px;
padding:0;
}

    .api-img-cutting-plane-select {
        background: url(../images/cutting-plane-hover.png) no-repeat;
        height: 16px;
        width: 15px;
        padding: 0;
    }
.api-img-x
{
background:url(../images/x-axis.png) no-repeat;
height:16px;
width:16px;
padding:0;
}
.api-img-x:hover
{
background:url(../images/x-axis-hover.png) no-repeat;
height:16px;
width:16px;
padding:0;
}

.api-img-y
{
background:url(../images/y-axis.png) no-repeat;
height:16px;
width:16px;
padding:0;
}
.api-img-y:hover
{
background:url(../images/y-axis-hover.png) no-repeat;
height:16px;
width:16px;
padding:0;
}

.api-img-z
{
background:url(../images/z-axis.png) no-repeat;
height:16px;
width:16px;
padding:0;
}
.api-img-z:hover
{
background:url(../images/z-axis-hover.png) no-repeat;
height:16px;
width:16px;
padding:0;

}

.api-img-clear
{
background:url(../images/clear.png) no-repeat;
height:16px;
width:16px;
padding:0;
}
.api-img-clear:hover
{
background:url(../images/clear-hover.png) no-repeat;
height:16px;
width:16px;
padding:0;
margin-top:5px;
}

.api-img-pen
{
background:url(../images/pen.png) no-repeat;
height:16px;
width:16px;
padding:0;
}
.api-img-pen:hover
{
background:url(../images/pen-hover.png) no-repeat;
height:16px;
width:16px;
padding:0;
}

.api-img-text
{
background:url(../images/A-text.png) no-repeat;
height:16px;
width:16px;
padding:0;
margin-top:5px;
}
.api-img-text:hover
{
background:url(../images/A-text-hover.png) no-repeat;
height:16px;
width:16px;
padding:0;
}

.api-img-save-new
{
background:url(../images/save-new.png) no-repeat;
height:12px;
width:12px;
padding:0;
margin-top:5px;
}
.api-img-save-new:hover
{
background:url(../images/save-new-hover.png) no-repeat;
height:12px;
width:12px;
padding:0;
}

.api-img-scroll {
    background: url(../images/enable-scrolling.png) no-repeat; /*enable-scrolling.png*/
    height: 17px;
    width: 12px;
    margin-left: 8px;
    margin-top: 10px;
    vertical-align: bottom;
}
    .api-img-scroll:hover {
        background: url(../images/enable-scrolling-hover.png) no-repeat; /*enable-scrolling-hover.png*/
        height: 17px;
        width: 12px;
        margin-top: 10px;
        margin-left: 8px;
        vertical-align: bottom;
    }
.api-img-scroll1 {
    background: url(../images/scrollup.png) no-repeat; /*enable-scrolling.png*/
    height: 17px;
    width: 16px;
    
}

.api-img-scroll1:hover {
    background: url(../images/scrollup.png) no-repeat; /*enable-scrolling.png*/
    height: 17px;
    width: 16px;
    
}



#myUL, #myUL ul {
    list-style-type: none;
    margin: 0;
    padding-left: 20px;
    color: white;
}

    #myUL li {
        padding: 4px 0;
    }
.nested {
    display: none; /* initially collapsed, if needed */
}

.active {
    display: block;
}


.caret1 {
    cursor: pointer;
    /*-webkit-user-select: none;*/ /* Safari 3.1+ */
    /*-moz-user-select: none;*/ /* Firefox 2+ */
    /*-ms-user-select: none;*/ /* IE 10+ */
    /*user-select: none;*/
    color: white;
}

    .caret1::before {
        content: "\25B6";
        color: white;
        display: inline-block;
        margin-right: 6px;
    }

.caret1-down::before {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */' 
     transform: rotate(90deg);
}

.nested {
    display: none;
}

.active1 {
    display: block;
}

.checkbox-container {
    display: flex;
    align-items: center;
}
.tri-state-checkbox {
    display: none; /* Hide the original checkbox */
}

    /* Style the custom checkbox */
    .tri-state-checkbox + label::before {
        content: "\2610"; /* Unicode character for an empty checkbox */
        display: inline-block;
        width: 1.2em;
        height: 1.2em;
        border: 1px solid #000;
        text-align: center;
        margin-right: 0.5em;
        font-size: 1.2em;
    }

    /* Styling for different states */
    .tri-state-checkbox:checked + label::before {
        content: "\2611"; /* Unicode character for a checked checkbox */
    }

    .tri-state-checkbox:indeterminate + label::before {
        content: "\25A9"; /* Unicode character for an indeterminate checkbox */
    }

.loading-wheel {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    display: none; /* Hide the wheel by default */
    margin: 50px auto;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.prop-table {
    width: 100%;
    border-collapse: collapse;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 14px;
    margin-top: 10px;
    border: 2px solid #eee; /* outer border */
    border-radius: 6px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.2);
    
}

    .prop-table th, .prop-table td {
        border: 1px solid #ffffff;
        padding: 4px 14px;
        text-align: left;
        vertical-align: top; /* FIXED from 'central' */
        box-sizing: border-box; /* ensures padding doesn't overflow cell */
        line-height: 1.5;
    }

#floatingDetailBox {
    position: absolute;
    z-index: 1000;
    background-color: rgba(0, 30, 45, 0.95);
    color: #fff;
    padding: 10px 14px;
    border: 1px solid #888;
    border-radius: 6px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    max-width: 300px;
    display: none;
    pointer-events: auto;
    height: 250px; /* fixed height */
    overflow-y: auto; /* vertical scrollbar when needed */
    overflow-x: auto; /* hide horizontal overflow */
}

.search-box {
    position: fixed;
    bottom: 130px;
    left: 50%;
    transform: translateX(-50%);
    width: 420px;
    background-color: rgba(20, 20, 20, 0.95);
    color: #fff;
    padding: 12px 16px;
    border: 1px solid #888;
    border-radius: 8px;
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.5);
    z-index: 2000;
    font-family: 'Segoe UI', sans-serif;
}

.search-header {
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 10px;
}

    .search-header label {
        flex-shrink: 0;
    }

    .search-header input {
        flex: 1;
        padding: 6px 8px;
        font-size: 14px;
        border-radius: 4px;
        border: none;
    }

    .search-header button {
        padding: 6px 12px;
        font-size: 14px;
        border: none;
        background-color: #3a8dff;
        color: white;
        border-radius: 4px;
        cursor: pointer;
    }

        .search-header button:hover {
            background-color: #1d6fd9;
        }

.search-results {
    max-height: 180px;
    overflow-y: auto;
    background-color: rgba(255,255,255,0.05);
    border: 1px solid #666;
    padding: 8px;
    border-radius: 4px;
}

    .search-results div.result-item {
        padding: 6px;
        cursor: pointer;
        border-bottom: 1px solid #333;
    }

        .search-results div.result-item:hover {
            background-color: rgba(255, 255, 255, 0.1);
        }

.group-header {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 6px;
    cursor: pointer;
    color: #33aaff;
    text-decoration: underline;
}

    .group-header:hover {
        color: #66ccff;
    }
    /******************NEW PROPERTY PANEL DESIGN ELEMENTS STARTS*******************/

.section {
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.section-header {
    background: #32637f;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-content {
    padding: 10px;
    display: none;
    /* ADD THESE TO ENABLE WRAPPING & CONTAINMENT */
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
    overflow-x: auto; /* Optional: scroll if there's something really long */
    max-width: 100%;
    box-sizing: border-box;
}

.property-row {
    display: flex;
    justify-content: space-between;
    padding: 4px 0;
    border-bottom: 1px dashed #eee;
}

.property-key {
    font-weight: bold;
    color: #3af;
}

.property-value {
    color: #abf;
}



.preview-icon {
    text-align: center;
    margin: 10px auto;
}

    .preview-icon img {
        width: 40px;
        height: 40px;
    }

/*.section-content {
    display: block !important;
}*/

    /******************NEW PROPERTY PANEL DESIGN ENDS********************/
    /***************XData******************/
.handle-group {
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-bottom: 15px;
    padding: 1px;
    background-color: #f8f9fa;
}

.handle-header {
    font-weight: bold;
    background-color: #1A354C;
    color: #ccc;
    padding: 6px 10px;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom: 8px;
}

.xdata-list {
    list-style: none;
    padding-left: 15px;
}

    .xdata-list li {
        margin-bottom: 6px;
    }

.xdata-key {
    font-weight: 400;
    color: #333;
}

.xdata-val {
    color: #333;
}
/*************************XData Styles End *******************/
#mySidenav15 {
    background-color: #1A354C;
    color: white;
    min-height: 100vh;
    padding: 20px;
}

    #mySidenav15 .form-control {
        border-radius: 3px;
        border: 1px solid #ccc;
    }

    #mySidenav15 .btn {
        border-radius: 3px;
        padding: 2px 2px;
        font-weight: 500;
    }

    #mySidenav15 h5 {
        font-size: 1.25rem;
        font-weight: 600;
    }
    /******************XData Form Style sheet Ends**********/
    /*********************PDF Bookmark*****************************/
.bookmark-tree {
    list-style: none;
    padding-left: 1em;
    font-family: 'Segoe UI', sans-serif;
    font-size: 14px;
}

    .bookmark-tree li {
        margin: 0.2em 0;
        position: relative;
    }

.bookmark-node {
    cursor: pointer;
    padding: 4px 8px;
    border-radius: 4px;
    display: inline-block;
    transition: background 0.2s ease;
    color: white !important;
}

    .bookmark-node:hover {
        background-color: #f0f0f0;
        color: #103046 !important; /*#0078d4;*/
    }

.bookmark-tree ul {
    margin-left: 1em;
    display: none;
}
.bookmark-node.active {
    background-color: #0078d4;
    color: #103046;
}

.bookmark-tree li.open > ul {
    display: block;
}

.bookmark-tree li::before {
    content: "▶";
    color: white; /* <- This makes the arrow white */
    position: absolute;
    left: -1em;
    cursor: pointer;
    transition: transform 0.2s ease;
}

.bookmark-tree li.open::before {
    transform: rotate(90deg);
    color: white; /* <- This makes the arrow white */
}
/*********************PDF Bookmark*****************************/