@charset "utf-8";
/* CSS Document */
@import url('terms-popup.css');
@import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sansitalic';
    src: url('../fonts/opensans-italic-webfont.eot');
    src: url('../fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('../fonts/opensans-italic-webfont.woff') format('woff'),
         url('../fonts/opensans-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'AlternateGothic';
    src: url('../fonts/AlternateGothicNo3-webfont.eot');
    src: url('../fonts/AlternateGothicNo3-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/AlternateGothicNo3-webfont.woff2') format('woff2'),
         url('../fonts/AlternateGothicNo3-webfont.woff') format('woff'),
         url('../fonts/AlternateGothicNo3-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
h1{font-family:'open_sansbold' !important;}
h2{font-family:'open_sansregular' !important; font-size:24px !important;}
h3{font-family:'open_sansbold' !important;}
h4{font-family:'open_sansregular' !important;}
body{font-family: 'open_sansregular';}
a:focus, a:hover{text-decoration:none; outline:none;}
.topBar{background:#97d5e9; border-bottom:1px solid #5da0bd; height:30px;}
.mapDiv{overflow-x:hidden; overflow-y:auto; padding-left:0; padding-right:0;}
.graybg{background:#f3f3f3 none repeat scroll 0 0; border-bottom:1px solid #e4e4e4;}
.paddingtopbottom{padding-top:15px; padding-bottom:10px;}
.margin-top{margin-top:6px;}
.label-left{display:none;}
.pano-addon{background:#97d5e9 !important; border:1px solid #5da0bd; color:#fff;}
a.searchtext{color:#fff !important;}
label{font-weight:normal;}
.margin-right{margin-right:10px;}
.big-font{font-size:20px;}
.btn-setting{background:#f4f9f6 none repeat scroll 0 0; padding:5px 10px; position:relative; border:1px solid #dadedd; color:##353535;}
.setting-menu{background:#535353; border:1px solid #e1e1e1;/* margin-right:10px; margin-top:15px;*/}
.setting-menu ul{list-style:none; margin:0; padding:0;}
.setting-menu li{border-bottom: 1px solid #868686; list-style:none; margin:0; padding:0;}
.setting-menu li.last{border-bottom:0;}
.setting-menu li a{color: #fff; display:block; padding:8px 15px; text-decoration:none; font-size:12px;}
.setting-menu li a:hover{background:#666666; color:#fff;}
.arrow-uifo {border-bottom: 15px solid #535353; border-left:15px solid transparent; border-right:15px solid transparent; height: 0; position:absolute; right:20px; top:-15px; width:0; z-index:1001;}
.arrow-difo {border-top: 15px solid #535353; border-left:15px solid transparent; border-right:15px solid transparent; height: 0; position:absolute; right:20px; bottom:-15px; width:0; z-index:1001;}
.userInfo{position:absolute !important;}
.username{display:none;}
.userInfo{top:50px; right:0px;}
.searchDiv{margin-top:15px;}
.bodyContent{margin-top:180px; margin-bottom:0px;}
.lessMargin{margin-top:0; margin-bottom:0;}
.text-left{text-align:left !important;}
.borderbottom{border-bottom:1px solid #d8d8d9; padding-bottom:15px;}
.faqLine{border-bottom: 1px solid #cfcfcf; display: block; font-weight: bold; margin: 0; padding: 0 0 5px;}
h2.pagetitle{color: #7e878a; text-transform:uppercase; letter-spacing:4px;  font-family:'open_sansbold';}

/*Buttons Settings*/
.btn{border-radius:3px; color:#fff; outline:none; margin-bottom:10px;}
.btn:hover{color:#fff;}
.btn-green{background: #7dbe35; border: 1px solid #4b8011; color:#fff;}
.btn-green:hover, .btn-green.active{background:#6b9121; color:#fff;}
.btn-blue, a.btn-blue{background:#97d5e9; border:1px solid #68b1c8; color:#fff;}
.btn-red, a.btn-red{background:red; border:1px solid black; color:#fff;}
a.btn-blue{color:#fff !important;}
.btn-blue:hover, .btn-dblue:hover, a.btn-blue:hover, a.btn-dblue:hover{background:#398da4;}
.btn-margin{margin-right:2px;}
.btn-topMargin{margin-top:8px;}
.btn-gray{background:#807c78; border:1px solid #686564;}
.btn-gray:hover{background:#000;}
.btn-dblue{background:#639dad; border:1px solid #68b1c8;}
.btn-orange{background:#f0580d;}
.btn-orange:hover{background:#d64c08;}

.btn-mapinfo{padding:4px 10px; min-width:112px; text-align:center; margin-bottom:0px; font-size:13px; font-weight:normal; white-space:normal;}
.paddinglessL{padding-left:0;}
.paddinglessR{padding-right:0;}
.bodybg{background:#fafafa; padding-top:20px; padding-bottom:20px;}
.text-white{color:#fff;}
.text-gray{color:#5b5b5b;}
.text-white:hover, .text-white:focus{color:#f1f1f1 !important;}
.btn.focus, .btn:focus, .btn:hover{color:#fff; outline:none;}
.device-margin{margin-top:15px; margin-bottom:0px;}
.device-align{text-align:left;}
h3.formHeading{background:#97d5e9; font-size:20px; text-transform:uppercase; letter-spacing:4px; color:#fff; padding:10px 10px; margin-top:0px;}
.highlight{padding:10px; margin-bottom:14px; background:#eeeeee; border:1px solid #cccccc; border-radius:0px;}
.btn-absolute{position:absolute; left:0; top:0; z-index:9999;}
.btn-absolute01{position:absolute; left:150px; top:0; z-index:9999;}
.mappara-margin{margin-bottom:5px; margin-right:0px;}

.btn.btn-round {border-radius: 25px;-webkit-border-radius: 25px; -moz-border-radius: 25px; border:0;}
.btn.btn-round.btn-block {margin-left:auto;margin-right:auto;}
.btn.btn-medium {max-width: 180px;}
.btn.btn-md {max-width: 280px;white-space: initial;}
.btn.btn-small {}

/*hotspot settings*/
.hotspot a.icon{background:url(../../images/order-page-icon.png) no-repeat left; display:inline-block;  margin-right:0; padding:10px 20px; margin-right:5px; outline:none;} 
.hotspot a.icon:hover, .hotspot a.icon:focus{outline:none; text-decoration:none;}
a.icon.hotspot01{background-position:-2px -145px;}
a.hotspot01:hover, a.hotspot01.active{background-position:-58px -145px;}
a.icon.hotspot02{background-position:-2px -207px;}
a.hotspot02:hover, a.hotspot02.active{background-position:-52px -207px;}
a.icon.hotspot03{background-position:-2px -277px;}
a.hotspot03:hover, a.hotspot03.active{background-position:-56px -277px;}
.hotspotFlag{background:url(../../images/hotspot-icon.png) no-repeat left; width:24px; display:inline-block; padding:10px 5px; background-position:0 0px;}

/*Popup Setting CSS*/
a.playButton{background:url(../../images/black_playbtn.png) no-repeat; height: 23px !important;  position:absolute; right:5px; text-indent:-9999px; top:5px; width:23px !important; display:block; z-index:1001;}
.panolist{position:absolute; bottom:23px; right:70px;}
.drop-up {top: auto; bottom: 130% !important; left:auto; right:-20px; width:210px; z-index:9999;}
.flagIcon{background:url(../../images/flag-icon-sprite.png) no-repeat; display:inline-block; float:left; width:16px; height:23px; margin-top:-3px; margin-right:10px;}
.checked{background-position:-7px -5px;}
.unchecked{background-position:-80px -60px;}
.doublechecked{background-position:-79px -123px;}
.blank{background-position:-60px -123px;}
.rejected{background-position:-80px -5px;}
.notcomplted{background-position:-7px -123px;}
.customer{background-position:-80px -175px;}
.stitching{background-position:-7px -175px;}
.pilotposition{background-position:-7px -284px;}
.mycreated{background-position:-80px -233px;}
.panoramabg{background:url(../../images/popup-bg.png) repeat;}
.iframe-panorama{border:0; width:100%; height:300px;}

.pano-right{background:#fff; padding:14px;}
.pano-right hr {border-color:#ddd;}
.featurediv{background:#f0f9fc; border-radius:3px; display:block; padding:0px 15px 15px 15px;}
.featurediv ul{padding:0; margin:0;}
.featurediv ul li{list-style:none; margin:0; padding:4px 0; font-size:13px;}
.green{color:#7dbe35;}
.modal-header{border-bottom:0;}
.modal-footer{border-top:0;}
.block{min-width:120px; display:inline-block; width:33.33333%;}
.bluebg{background:#97d4e8;}
.pano-right .featurediv  { padding-top:15px;}
.pano-right .featurediv ul > li {position: relative;padding-left: 30px;}
.pano-right .featurediv ul > li .glyphicon { font-size:22px;position: absolute;left: 0;top: 3px;}
.pano-right .featurediv ul > li .glyphicon.blue { color:#98D6EA;}

.orderPaging{display:inline-block; float:left; margin-left:10px;}
a.orderPagingL, a.orderPagingR{background:url(../../images/paging-left-arrow.png) no-repeat left; display:inline-block; float:left; width:14px; height:17px; opacity:0.7; margin-top:6px;}
a.orderPagingR{background:url(../../images/paging-right-arrow.png) no-repeat left;}
a.orderPagingL:hover, a.orderPagingL.current, a.orderPagingR:hover, a.orderPagingR.current{opacity:10;}
.panoPaging{background:#fff; border:1px solid #cccccc; padding:2px 7px; margin:3px 3px 0 3px; float:left; display:inline-block; font-size:12px; font-weight:normal; color:#333333;}
.checkIcon, .checkIcon01{background:url(../../images/green-tick.png) no-repeat; width:34px; height:34px; float:right; display:inline-block; margin-left:10px;}
.checkIcon01{background:none;}
.mobtopMargin{margin-top:20px;}
.mobbotMargin{margin-bottom:20px;}
.mobbotMargin-lg{margin-bottom:80px;}
.main-display-area{height:100%;}
.footer{height:auto !important;}
.footerText{padding:15px 0 8px 0;}
.videoDiv1 {height: 350px;}
.map-marker-label {background: #000; position: absolute; color: #fff; font-size: 12px; font-weight: normal; padding: 3px 10px; display: block; text-align:center;}
.navbar-fixed-bottom, .navbar-fixed-top{z-index:1001;}
.map-responsive{padding-bottom:80.25%;}
.pac-container{z-index:9999;}

/*Map InfoWindow Popup*/
.mapPopDiv{display:block; padding:8px 0; width:290px; min-height:107px; margin-left:0px; /*border: 1px solid #CCCCCC;  border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(174, 174, 174, 0.43);-moz-box-shadow:0 2px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(174, 174, 174, 0.43);box-shadow:0 2px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(174, 174, 174, 0.43);  position:absolute; right:100px; top:30px; z-index:99;*/}
.mapPopDiv.yellowPopDiv{width:120px !important; min-height:40px !important;}
.mapPopDiv.droneViewPopDiv{width:290px !important; min-height:40px !important;}
.panoDescription{display:block; width:100%; float:left;}
.panoDescription .panoPic{float:left; display:inline-block; border:1px solid #dfdcd8; width:110px; height:65px; margin-right:10px;}
.panoDescription .panoPic img, .leftPanorama img{width:110px; height:65px;}
.panoDescription .panopicDes{float:left; display:inline-block; width:38%;}
.black{color:#333333!important;}

.red{color:#ff0000!important;}
.ablue{color:#09c!important;}
.ablue:hover{color:#639dad!important;}
.qrcode{display: block;height: 80px;margin: -6px auto auto; width: 100px;}
.qrcode img{width:100%; height:80px;}
.fbCode{background:url(../../images/facebookIcon.png) no-repeat 13px 5px; width:100px; height:60px; display:block;}
.syncCode{background:url(../../images/syncIcon.png) no-repeat 18px 5px; width:100px; height:60px; display:block;}
.margin-top1{margin-top:12px;}
.icondelTime, .altitudeIcon{background:url(../../images/order-page-icon.png) no-repeat left; width:38px; height:38px; display:inline-block; float:left; padding-right:3px;}
.icondelTime{background-position:-5px -10px; margin-top:-3px;}
.altitudeIcon{background-position:-5px -78px;}
.textboxwidth92{width:92%; display:inline-block;}
.textboxwidth90{width:90%; display:inline-block;}
.settingGrid{background:#f1f1f1;}
.settingGrid h4 {padding:10px 20px; color:#3d3d3d; text-transform:uppercase; border-bottom:1px solid #fff; margin-bottom:0 !important; margin-top:0px;}
.settingGrid ul{list-style:none; margin:0; padding:0;}
.settingGrid ul li{list-style:none; font-size:16px; font-weight:normal; color:#474747; text-decoration:none;}
.settingGrid ul li a{text-decoration:none; padding:12px 15px; color:#474747; display:block;}
.settingGrid ul li a:hover, .settingGrid ul li a.active{background:#97d5e9; color:#fff;}
.settingGrid ul li:hover a{color:#fff;}
.profileDiv{width:100%;}
.createPanorama{width:100%; height:250px;}
.autogenlabel{margin-right:5px;}
p.lineTop {border-top: 1px solid #626262; margin: -10px auto auto;text-align: center; width: 60%;}
.mobilehideDiv{display:none;}
.profileDetail{padding:20px; background:#fff; border:1px solid #CCC;}
.mobtextalignR{text-align:left;}
.text-box{border:1px solid #CCC; background:#fff; padding:5px 10px; text-align:center;}

/*Table Setting CSS*/
.tablebg{background:#fdfdfd;}
.title{background:#757677;}
.title th{color:#fff;}
.tablerow01{background:#f1f1f1;}
.tablerow02{background:#e5e5e5;}
.tablerow01:hover, .tablerow02:hover{background:#fff9c3;}
.arrowUp{right:0;position:relative;top:-4px;right:-10px;}
.arrowDown{right:0;position:relative;top:7px;right:4px;}
.borderless > tbody > tr > td, .borderless > tbody > tr > th, .borderless > tfoot > tr > td, .borderless > tfoot > tr > th, .borderless > thead > tr > td, .borderless > thead > tr > th{border-top:0!important; padding:4px;}
.grid01{ border: 1px solid #cccccc;  display: inline-block; float: left;  margin-right: 10px; padding: 2px; width: 206px;margin-bottom:15px;}
.grid01 .gridImg { display: block; float: left; height: 200px;  margin-bottom: 10px; width: 200px;}

.dragbox{display:block; margin:15px 0 0 0;}
.dragbox ol{list-style:none; margin:0; padding:0;}
.dragbox ol li{list-style:none; margin:0; background:#e7e7e7; border:1px solid #cccccc}
.dragbox ol li a{display:block; color:#333333; cursor:pointer; padding:10px 20px;}
.dragbox ol li a span{display:inline-block;}
.dragbox ol li span.inputboxspan{display:block; padding:5px 10px;}
.dragbox ol li a.active{background:#70b8d0; color:#fff; }
.dragbox ol li a .dragicon{background:url(../../images/dragdropicon.png) no-repeat; display:inline-block; float:right; width:23px; height:23px;}
.dragbox ol li a.active .dragicon{background:url(../../images/icon-dragdrop.png) no-repeat; display:inline-block; float:right; width:23px; height:23px;}
.lessborderbottom{border-bottom:0px !important;}

/*.dragbox ol li{background:#e7e7e7; list-style:none; margin:0; padding:10px 20px; border:1px solid #cccccc}
.dragbox ol li a{ display:block; ; color:#333333; cursor:pointer;}
.dragbox ol li.active{background:#70b8d0; color:#fff;}
.dragbox ol li.active a{color:#fff;}
.dragbox ol li.dragicon{background:url(../../images/dragdropicon.png) no-repeat; display:inline-block; float:right; width:23px; height:23px;}
.dragbox ol li.active .dragicon{background:url(../../images/dragdropicon-white.png) no-repeat; display:inline-block; float:right; width:23px; height:23px;}*/

.adjust-s-btn { margin-top:-7px;}
.adjust-dragicon {margin-left: 15px; margin-top: -3px;}


/* SQUARED TWO */
.squaredTwo{width:24px; height:24px; background:none; border:0; position:relative; margin-right:5px; top:0px; position:relative; display:inline-block;}
.squaredTwo label{cursor:pointer; position:absolute; width:24px; height:24px; background:#fff; border:2px solid #cccccc; top:0px; right:1px;}
.squaredTwo label:after{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);	opacity:0; content: ''; position: absolute;	width:12px;	height:7px; background: transparent; top: 5px;	left: 4px;	border: 3px solid #7dbe35;	border-top: none;	border-right: none;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.squaredTwo input[type=checkbox]:checked + label:after{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter:alpha(opacity=100); opacity:10;}

.squaredTwo1{width:24px; height:24px; background:none; border:0; position:relative; margin-right:5px; top:-3px; position:relative; float:left;  border-radius:50%;}
.squaredTwo1 label{cursor:pointer; position:absolute; width:24px; height:24px; background:#fff; border:2px solid #cccccc; top:0px; right:1px; border-radius:50%;}
.squaredTwo1 label:after{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0);	opacity:0; content: ''; position: absolute;	width:12px;	height:7px; background: transparent; top: 5px;	left: 4px;	border: 3px solid #7dbe35;	border-top: none;	border-right: none;	-webkit-transform: rotate(-45deg);	-moz-transform: rotate(-45deg);	-o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.squaredTwo1 input[type=checkbox]:checked + label:after{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	filter:alpha(opacity=100); opacity:10;}
.squaredTwo1 input[type=checkbox]{margin:5px 0 0 3px;}

.icon-plus{background:url(../../images/iconPlus.png) no-repeat; width:30px; height:30px; display:inline-block;}
.icon-checked{background:url(../../images/iconCheck.png) no-repeat; width:26px; height:26px; display:block;}
.icon-unchecked{background:url(../../images/iconunChecked.png) no-repeat; width:26px; height:26px; display:block;}
.tablerow{background:#f9f9f9;}

.tableTitle{background:#fdfdfd;}
/*.tablerow:hover, */.tablerow.select{background:#72bad2 !important;}
.tablerow > td > .icon-checked, .tablerow > td > .icon-checked{background:url(../../images/iconunChecked.png) no-repeat; width:26px; height:26px; display:block;}
/*.tablerow:hover > td > .icon-checked, */.tablerow.select > td > .icon-checked{background:url(../../images/iconCheck.png) no-repeat; width:26px; height:26px; display:block;}
/*.tablerow:hover > td, */.tablerow.select > td{color:#fff;}

.error-heading{font-size:100px; margin-bottom:15px;}
.headingspace1{line-height:36px;}

.grid01 .gridImg img {height: 200px;width: 200px;}

.thumb-item{/* width:346px; height:194px; width:285px; height:160px;*/  display:inline-block; float:left; margin:0 30px 30px 0px; position:relative; box-sizing: border-box;}
.thumb-item img{width:100%;}
.thumbNumber{background:#000; color:#fff; position:absolute; top:50%; left:50%; opacity:0.7; font-weight:bold; width:80px; height:40px; text-align:center; font-size:24px; margin-left:-40px; margin-top:-22px; padding-top:0;}
.mobile-bodycontent{margin-top:120px;  margin-bottom:60px;}
.chr-space{letter-spacing:4px;}
/*Order InfoWindow Popup*/
.orderPopDiv{display:block; padding:8px 0; width:500px; min-height:107px; margin-left:0px; /*border: 1px solid #CCCCCC;  border: 1px solid rgba(0, 0, 0, 0.2); -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;-webkit-box-shadow:0 2px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(174, 174, 174, 0.43);-moz-box-shadow:0 2px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(174, 174, 174, 0.43);box-shadow:0 2px 6px rgba(0, 0, 0, 0.26), 0 0 1px rgba(174, 174, 174, 0.43);  position:absolute; right:100px; top:30px; z-index:99;*/}
.orderPopDiv.yellowPopDiv{width:120px !important; min-height:40px !important;}
.orderPopDiv.orderViewPopDiv{width:500px !important; min-height:40px !important;}
.orderPanoDescription{display:block; width:100%; float:left;}

.orderPanoDescription .orderPanoPic{float:left; display:inline-block; border:1px solid #dfdcd8; width:97px; height:97px; margin-right:10px;}
.orderPanoDescription .orderPanoPic img, .leftPanorama img{width:97px; height:97px;}
.orderPanoDescription .orderPanopicDes{float:left; display:inline-block; width:78%;}
.croppopup {z-index: 5001 !important;}
.dropZone {border: 2px dotted #0B85A1;color: #92AAB0;text-align: center;vertical-align: middle;/*padding: 10px 10px 10px 10px;margin-bottom: 10px;*/font-size: 200%;background-repeat: no-repeat;width: 170px;height: 170px;position: relative;top: 5px;left: 5px;}
.progressBar {width: 85%;height: 100%;text-align: center;border-radius: 4px;overflow: hidden;display: inline-block;margin: 0px;vertical-align: top;background: #e5e5f0;}
.progressBar div {height: 100%;color: #fff;text-align: center;line-height: 21px; /* same as #progressBar height if we want text middle aligned */width: 0;background-color: #0ba1b5 !important;border-radius: 3px;border: 1px solid #ddd;}
.statusbar {height: 20px;width: 70%;padding: 0px;vertical-align: top;font-size: 12px;color: #fff;overflow: hidden;display: inline-block;background: none;position: absolute;left: 15%;top: 45%;}
.statusbarFileUpload {height: 20px;width: 500px;padding: 0px;vertical-align: top;font-size: 12px;color: #fff;overflow: hidden;display: inline-block;background: none;left: 15%;top: 45%;}
.filename {display: inline-block;vertical-align: top;width: 250px;}
.filesize{display:inline-block;vertical-align:top;color:#30693D;width:100px;margin-left:10px;margin-right:5px;}
.abort{/*background-color:#A8352F;*/
 -moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;display:inline-block;color:#f00;cursor:pointer;vertical-align:top;/*float:right;*/
 line-height:22px;margin-left:2px;width:10%;}
.deleteThumb{background:url(../../images/delete-icon01.png) no-repeat;position:absolute;top:0;margin-left:25px;width:23px;height:21px;text-indent:-9999px;display:block;cursor:pointer;z-index:1001;}
.editThumb{background:url(../../images/edit-icon.png) no-repeat;position:absolute;top:0;left:50px;width:23px;height:21px;text-indent:-9999px;display:block;cursor:pointer;z-index:999;}
.uploadThumb{background:url(../../images/icon_upload.png) no-repeat;position:absolute;top:1px;left:1px;width:23px;height:21px;text-indent:-9999px;display:block;cursor:pointer;}
a.deleteThumb, a.editThumb{display:none;}
.dropZone:hover a.deleteThumb, .dropZone:hover a.editThumb{display:block;}

.termsDiv{padding:30px; background:#fff;}
.contentIcon{float:left; display:inline-block; position:relative; margin-top:-15px;}
.border-bottom{border-bottom:1px solid #cecece;}
.heading-light{color:#4b4b4b !important;}
.inline-block{display:inline-block !important;}
.textPopup01{background:#434343; border:1px solid #6b7076; padding:20px; min-width:300px !important;  position:absolute !important;  bottom:30px; right:130px; color:#fff; opacity:0.8; max-height:177px; overflow-y:auto;}
.arrow-uifo02{border-top:15px solid #434343; border-left:15px solid transparent;  border-right:15px solid transparent; height:0; left:165px; position:absolute; bottom:-15px;  width:0;  z-index: 1001;}
a.closepopup, a.closepopup01{position:absolute; top:8px; right:8px; display:block; background:url(../../images/delete-icon.png) no-repeat; width:11px; height:11px; text-indent:-99999px;}
a.closepopup01{background:none; color:#f1f1f1; font-size:12px; font-weight:bold; text-indent:0;}
.inlinetextfield{width:60%; display:inline-block;}
.bottomlesspadding{padding-bottom:0 !important;}

.signupcontainer{background:#f8f9f9; /*background:url(../images/form-bg.png) repeat;*/ border-radius:5px; color:#333333; padding:15px; width:95%; margin:10px 0;}
.logincontainer{background:#f8f9f9; border-radius:5px; color:#333333; padding:15px; width:95%; margin-top:10px;}
.signupformbg{padding:20px; background:#fff !important;}
.margin-bottom{margin-bottom:15px;}
.aunderline{text-decoration:underline;}
.btn-gmail{background:#d0422a; border:1px solid #c2331b;}
.btn-gmail:hover{background:#c2331b;}
.btn-fb{background:#3b5998; border:1px solid #1f3e80;}
.btn-fb:hover{background:#1f3e80;}
.gmailIcon{background:url(../../images/gmailIcon.png) no-repeat 0 0px; margin-right:10px; height:18px; width:15px; display:inline-block; position:relative; top:3px;}
.fbIcon{background:url(../../images/fbIcon.png) no-repeat 0 0px; margin-right:10px;  height:18px; width:9px; display:inline-block; position:relative; top:3px;}

ol.termsofservices li{font-weight:bold; padding-bottom:15px;}
ol.termsofservices li > span.normaltext{font-weight:normal;}
.termstext{width:86%;}
.termssubheading{font-size:18px;}
.termsdivcontent{display:block;}
.termsdivcontent h4{font-size:16px; font-weight:bold; padding-bottom:5px !important; float:left; width:100%;}
.termsdivcontent h3{font-weight:bold; padding-bottom:5px !important; float:left; width:100%;}
.termsdivcontent p{padding-bottom:5px !important; float:left; width:100%; text-align:justify;}
.termsdivcontent ol li{padding-bottom:10px;}
.mapHeight{min-height:none;}
.tableHeight{height:250px; min-height:250px; overflow-y:auto;}
.selectalltitle{top:2px;}
.selectalltitlepadding{padding-top:5px; float:left;}
.btn-small{padding:2px 4px !important; font-size:10px; color:#333333 !important; background:#f1f1f1;}
.btn-span{padding:2px 4px !important; font-size:10px; color:#333333 !important; background:#f1f1f1;}
.btn-span:hover{background:#f1f1f1 !important;}
.infowindow-panoName{margin: 0 0 3px 0;}
.infowinpanosrow{padding-left:0; padding-top:5px;}
.divrelative{position:relative !important;}
.btn-alignright{position:absolute; right:15px; top:3px;}
.updownarrows{position:relative;}
.top-glyphicon{color:#000; top:-3px; position:relative; left:22px; font-size:18px;}
.bottom-glyphicon{color:#000; top:13px; position:relative; font-size:18px;}
.bigfont18{font-size:18px; color:#000; top:6px;}
.leftanchorarrow{position:relative; left:21px;}
.font13{font-size:13px;}
.closecreatepopup{background:#bf2e1b !important; padding:1px 4px !important; color:#fff; margin-top:-16px !important; margin-right:-16px; font-size:24px; font-weight:normal;}
.closecreatepopup:hover{color:#fff;}
.radiobutton > label{pointer:default !important;}
.has-error-fastout{border-color:#a94442 !important;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) !important;box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075) !important}
.borderbox{border:1px solid #cbccce;}
.cropimageDiv img{width:100%;}
.radiobtn-width{width:20px; display:inline-block; text-align:left !important;}

.tableTitle-blue th{color:#fff;}
/*.table-height{height:400px; overflow:auto; display:inline-block; width:100% !important;}
.table > tbody.table-height > tr > td.col1{width:30%;}
.table > tbody.table-height > tr > td.col2{width:30%;}
.table > tbody.table-height > tr > td.col3{width:30%;}
.table > tbody.table-height > tr > td.col4{width:10%;}

.table > thead > tr.tableTitle-blue > th.col1{width:30%;}
.table > thead > tr.tableTitle-blue > th.col2{width:30%;}
.table > thead > tr.tableTitle-blue > th.col3{width:30%;}
.table > thead > tr.tableTitle-blue > th.col4{width:10%;}
*/
.table-fixed thead{width: 100%; }
.table-borderouter{border:1px solid #c8c8c8;}
.table-fixed thead tr.tableTitle-blue th{background:#97d5e9 !important; display:block; height:}
.table-fixed tbody {max-height: 350px;overflow-y: auto;width: 100%; background:#fff;}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {display: block; vertical-align:middle;}
.table-fixed tbody td, .table-fixed thead > tr> th {float: left;border-bottom-width: 0;}
.table-fixed tbody tr td{padding-top:22px !important;}
.table-fixed tbody tr td.padding-topless{padding-top:8px !important;}
.table-fixed tbody tr td.padding-topless15{padding-top:15px !important;}

.videoimg{position:relative;}
.btn-videoplay{background:url(../images/btn-play.png) no-repeat; width:47px; height:47px; position:absolute; top:50%; left:50%; margin-top:-23px; margin-left:-23px;}

.reportPanorama{width:100%; height:400px;}
.cbp-spmenu-right.filtermenu{right:-215px !important;}
.cbp-spmenu-right.filtermenu.cbp-spmenu-open{right:0 !important;}
.filtermenu ul li{color:#fff; padding:5px;}
.filtermenu ul li input{margin-right:5px; top:2px; position:relative;}
.filtermenu a.togglemenuRight{padding:5px 5px 5px 3px !important}

.btnlesspadding {padding:6px;}
.editor-height iframe{height:350px !important;}
.controlIconPreview{bottom:0; z-index:9999 !important;}
.footer-down{min-height:200px;}
.languagediv{width:30px; display:inline-block; position:relative; top:5px;}
.languagedropdown{background:#fff; color:#333; padding:10px; position:absolute; right:0; top:19px; z-index:9999; width:100px;}
.languagedropdown img{display:inline-block; float:left; padding-top:5px;}

.table-fixed thead{width: 100%;}
.table-borderouter{border:1px solid #c8c8c8;}
.table-fixed thead tr.tableTitle-blue th{background:#97d5e9 !important; display:block; height:}
.table-fixed tbody {max-height: 350px;overflow-y: auto;width: 100%; background:#fff;}
.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {display: block; vertical-align:middle;}
.table-fixed tbody td, .table-fixed thead > tr > th {float: left;border-bottom-width: 0;}
.table-fixed tbody tr td{padding-top:22px !important;}
.table-fixed tbody tr td.padding-topless{padding-top:8px !important;}
.table-fixed tbody tr td.padding-topless15{padding-top:15px !important;}

.table-minwidth > .table > tbody > tr > td, .table-minwidth > .table > tbody > tr > th, .table-minwidth > .table > tfoot > tr > td, .table-minwidth > .table > tfoot > tr > th, .table-minwidth > .table > thead > tr > td, .table-minwidth > .table > thead > tr > th{white-space:pre-line;}
.table-minwidth > table{min-width:600px; width:100%;}

.orderinfo-highlight {border-radius: 0;margin-bottom:30px;}
.order-info-main{background: #E7E7E7 none repeat scroll 0 0;padding: 10px;}
.order-info-main .orderinfo-highlight:last-child { margin-bottom: 0; }
.choose-file{ color: #000 !important; display: table; font-size: 13px; margin: -2px 0; padding: 2px 6px;}
.padding-L20{padding-left:20px;}
.btn-gray{background:#B2B2B2; border:none;}
.order-opacity{opacity: 0.5;}
.padding-7 {padding:7px 15px 0;}
.padding-10 {padding:7px 15px 0;}
.padding-35{padding: 35px 15px 0;}
.textarea-height{height:91px !important; }
.btn-margin.btn-margin-bottom{margin-bottom :5px !important;}

@-moz-document url-prefix() { 
 .orderfile-upload {padding:3px 0 37px 3px;}
 .padding-10 {padding:10px 15px 0;}
}

/* Privacy policy page */
.termsnum, .termstext { padding:0;}
.termsnum { padding-right:20px;}
.sub-items { padding-left:35px;}
.termsDiv .sub-items { padding-left:45px;}
.termsdivcontent .table { margin-bottom:30px;}
.termsdivcontent .table-bordered,
.termsdivcontent .table-bordered>thead>tr>th,
.termsdivcontent .table-bordered>tbody>tr>td { border-color:#333;padding: 0 8px;}

/* Popup social media icons */
.social-media-icons .block {display: inline-block;min-width: 120px;width: 25% !important;}
.social-media-icons .social-title {position: relative;min-height: 70px;}
.social-media-icons .social-title strong {position: absolute;bottom: 0; left:0; width: 100%;}

.order-btn .btn{color:#000;border-radius: 9px;background-color: #fafafa;border: 1px solid #c3c3c3; font-weight:bold;}
.order-btn i { color: #C3C3C3;  font-size: 21px; margin-top:2px;}

.order-button{font-size: 15px; line-height: 24px;}
.no-padding {padding:0; }
.order-button.active  { background: #7dbe35 none repeat scroll 0 0; color:#fff;}
.order-button.active i.fa { color:#fff;}
.btn-next{float: right; margin-top: 15px; width: 48%;}

.order-button.active .glyphicon{display: none;}
.hr-gray{border-color:#d9d9d9;}

.btn[disabled]{background-color: grey;border: 1px solid grey;}

.pay-method-icon .fa {font-size: 22px;}
.container-fluid .has-error .form-control, 
.subPasswordPanel .profileDiv .has-error  .form-control,
.has-error .form-control {border-color: #a94442 !important;}

/*--------------------------------------
Create Customer Branding page 
----------------------------------------*/
.table-custom>tbody>tr>th  {background-color: #757677;color: #fff;}
.table-custom>tbody>tr{background: #f1f1f1;}
.table-custom>tbody>tr:nth-of-type(odd) {background-color: #e5e5e5;}
.table-custom>tbody>tr:hover, .table-custom>tbody>tr.created-links-active {background-color: #fff9c3;}

.ccb-icon-link {-webkit-border-radius: 25px;border-radius: 25px;background: transparent;color: #333;padding: 7px;border: 1px solid transparent;}
.ccb-icon-link:hover {background: #ccc9c9;color: #000;border-color:#a7a7a7;}
.ccb-icon-link.disabled, .ccb-icon-link:disabled, .ccb-icon-link.disabled:active, .ccb-icon-link.focus, .ccb-icon-link.disabled:hover { cursor:not-allowed; opacity: .45 !important; background:none !important; border:none !important; }

/*--------------------------------------
[-] VrPhoto page Upload file section
----------------------------------------*/
.upload-file-section {padding-bottom:3px; box-shadow: 0px 5px 10px rgba(0,0,0,0.15); position:relative; z-index:1;}
.upload-file-box {/*max-width: 800px;float: none;margin: auto;*/}
.choose-file-btn-section, .upload-btn-section { display:inline-block;vertical-align: top;margin-bottom: 15px;}
.upload-file-title-section h4 {font-weight: 600;margin-top: 10px;}

/* choose file and upload */
.custom-upload-box {position: relative;}
.custom-file-field {border: 1px solid #ccc;background-color: #fff;border-radius: 4px;padding: 7px 12px 6px 110px;}
.custom-file-input {display: inline-block;position: absolute;top: 5px;left: 5px;color: #333;}
.custom-file-input input {visibility: hidden;width: 100px;}
.custom-file-input:before {content: 'Choose File';display: block;background-color: #fff;border: 1px solid #ccc;border-radius: 5px;padding: 2px 0px;outline: none;white-space: nowrap;cursor: pointer;font-weight: 600;text-align: center;font-size: 10pt;position: absolute;left: 0;right: 0;}
.custom-file-input:hover:before {border-color: #68b1c8;background: #68b1c8;color: #fff;}
.custom-file-input:active:before {background: #68b1c8;color: #fff;}

/*--------------------------------------
[-] Create drone view section
----------------------------------------*/
.top20  {margin-top:20px;}
.top10  {margin-top:10px;}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {outline: none;}
.cdv-aside {}
.cdv-heading, .cdv-dd-heading, .cdv-dropdown .wrapper-dropdown-3{ font-weight: 600;}
/* .cdv-instructions li, .cdv-dropdown .wrapper-dropdown-3, .cdv-dd-heading, .cdv-buttons .btn {font-size: 15px;} */
.cdv-instructions li > .fa, .show-more-section .fa  {color:#98D6EA;}
.cdv-location-field input[type="text"]:focus, .cdv-custom-modal  input[type="text"]:focus { border-color:#98D6EA;box-shadow: 0 1px 0 0 #98D6EA;}
.cdv-buttons .btn-blue, .cdv-buttons .btn-dblue, .cdv-buttons .btn-gray, .cdv-poi-btns .hotspot > .btn, .hs-box .btn-dblue  {background: #98D6EA;}
.cdv-buttons .btn-blue:hover, .cdv-buttons .btn-dblue:hover, .cdv-buttons .btn-gray:hover, .hs-box .btn-dblue:hover, .cdv-buttons .btn-blue.active, .cdv-buttons .btn-dblue.active{background: #398da4;}
.hotspot-info .fa {color:#7DBE35;}

.cdv-outer {width:100%;max-width: 330px;display: table;margin: 0 auto;float: none;}
.cdv-heading {margin: 1.78rem 0 1.78rem;text-align: center;line-height: 110%;font-size: 2.55rem;}
.cdv-instructions {display: table;margin: 0 auto;padding-left: 0;list-style-type: none;}
.cdv-instructions li {list-style-type: none;position: relative;margin-bottom: 7px;padding-left: 30px;line-height: 1.5;}
.cdv-instructions li > .fa {font-size: 22px;position: absolute; top: 0;left: 0;}
.cdv-dropdown {margin-bottom: 0.78rem;}
.cdv-dropdown .dropdown { text-align:left;}
.cdv-dd-heading { text-align:center;}
.cdv-buttons .btn, .cdv-btn-round, .snapshotmodal-body .btn {padding: 7px 20px;margin-bottom: 10px !important;-webkit-border-radius: 25px !important;border-radius: 25px !important; border:0;}
.cdv-buttons .btn {display: block;width: 100%;}

.cdv-poi-btns .hotspot > .btn {width:32.44%;height: 36px;line-height: 36px;padding: 0 2rem;box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); margin-bottom:5px; }
.cdv-poi-btns .hotspot > .btn:hover{box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.14), 0 1px 7px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -1px rgba(0, 0, 0, 0.2);}
.cdv-poi-btns .hotspot .icon-left {transform: rotate(-58deg);-moz-transform: rotate(-58deg);-webkit-transform: rotate(-58deg);-ms-transform: rotate(-58deg);-o-transform: rotate(-58deg);width: 25px;left: -6px;position: relative;top: -1px;}
.cdv-poi-btns .hotspot .icon-right {transform: rotate(58deg);-moz-transform: rotate(58deg);-webkit-transform: rotate(58deg);-ms-transform: rotate(58deg);-o-transform: rotate(58deg);width: 25px;right: -6px;position: relative;top: -2px;}
.cdv-poi-btns .hotspot .icon-center {transform: rotate(0deg);-moz-transform: rotate(0deg);-webkit-transform: rotate(0deg);-ms-transform: rotate(0deg);-o-transform: rotate(0deg);width: 25px;position: relative;top: -1px;}

.cdv-poi-btns {margin-bottom: 1.78rem; text-align:center;}
.cdv-hotspot-text  {margin: 1.78rem 0 1.78rem;}
.cdv-location-field {position: relative;}
.cdv-location-field .hotspotPointer{position: absolute; left:0; top:0px; width: 3rem;font-size: 2rem;background-size: 60%;}
.cdv-location-field .hotspotPlaceholder{position: absolute;bottom: 20px;left: 36px;text-align: left; color: #9e9e9e;cursor: text;pointer-events:none;}
.cdv-location-field input[type="text"] {margin-left: 3rem;width: calc(100% - 3rem);background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-transition: all 0.3s;transition: all 0.3s;height: 40px;box-sizing: border-box;-webkit-transition: all 0.3s;transition: all 0.3s; margin-bottom:20px;}
.cdv-hotspot-paging{ text-align:center;}
.cdv-op-inn {display: inline-block;margin:5px 0 auto;line-height: 1.5;}

.cdv-custom-modal .panoramabg {background-color:#fafafa; background-image:none;padding:15px;border: 0;border-radius: 2px;}
.cdv-custom-modal .modal-header { padding-top:0; padding-bottom:0;}
.cdv-custom-modal .modal-title{font-size: 33px !important;line-height: 110%;margin: 1.14rem 0 .912rem 0;font-weight: 400; text-align:left;}
.cdv-custom-modal select {height: 4rem;background-color: rgba(255, 255, 255, 0.9);width: 100%;padding: 5px;border: 1px solid #f2f2f2;border-radius: 2px; box-shadow:none;}
.cdv-custom-modal input.input-line[type="text"] {background-color: transparent;border: none;border-bottom: 1px solid #9e9e9e;border-radius: 0;outline: none;-webkit-box-shadow: none;box-shadow: none;-webkit-box-sizing: content-box;box-sizing: content-box;-webkit-transition: all 0.3s;transition: all 0.3s;box-sizing: border-box;-webkit-transition: all 0.3s;transition: all 0.3s;}
.cdv-custom-modal .closecreatepopup { background-color:transparent !important;color:#333;}
.cdv-custom-modal .closecreatepopup:hover,
.cdv-custom-modal .closecreatepopup:focus{ opacity:1; }
.cdv-custom-modal .modal-footer { padding-bottom:0;}

.hs-box  {border: 1px dashed #98D6EA; -webkit-border-radius: 20px;border-radius: 20px;padding: 10px;margin-bottom: 15px;text-align: center;}
.hotspot-info { position:relative;}
.hotspot-info .fa {font-size: 34px; }
.hotspot-info #iShowStartView {position: absolute;margin-left: 10px;left: 63%;top: 0;}

.marzipano-option {}
.marzipano-option .btn { display:inline-block; width:auto;}
.marzipano-option .btn:last-child{ margin-bottom:0;}

#divadvanceSettings .control-label { text-align:left; margin-bottom:2px;}
.snapshotmodal-body {}
.show-more-section .fa {font-size: 40px;}
.hotspot-info {}
#colorSelector { float:left;}

/*--------------------------------------
[-] DroneViewBankSearch page
----------------------------------------*/
/* Map popup info */
.dvb.panoDescription { padding-top:20px;}
.dvb-info-title { font-weight:bold; margin-bottom:8px;position: absolute;top: -5px;/* margin-top: -20px;position: relative; */min-height: 30px; overflow:hidden;width: 100%;display: table;}
.dvb-info-title > span {position: absolute;left: 0;right:18px; bottom: 0;display: table-cell;vertical-align: bottom;line-height: 13px;min-height: 16px;}
.dvb-map-hr { width: 100%;margin-top: 10px;float: left;border-color: #ddd;margin-bottom: 10px;}
.dv-title-head { position:relative;clear:both;font-weight: 400;text-align: left;}
.dv-title { position:relative;float:left;clear:both;}
.dvb.panoDescription .panopicDes {min-height: 110px;}

.dvb .panopicDes { position:relative;}
.dvb .sharebox {top: 0;bottom: auto;left:16%; right:auto;}
.map-container { margin-top:-20px;}
.map-set-height > .map-responsive { padding-bottom:initial;}

/*--------------------------------------
[-] OnlineUpload page
----------------------------------------*/
.upload-box-section { margin:auto; max-width:1400px;}
.upload-box-section h1 { margin-bottom:40px; text-align:center;}
.btn-style-box-w {justify-content: space-around;align-items: center;margin: 0 auto;padding: 30px;background-color: #fff;border-radius: 4px;box-shadow:0 6px 6px rgba(10,16,20,.15), 0 0 52px rgba(10,16,20,.12);box-sizing: border-box;transition: all .3s ease-in;max-width: 400px;text-align: center; margin-bottom:15px;}
.btn-style-box-w .btn {padding: 20px;border-radius: 4px;border: 0;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);box-sizing: border-box;cursor: pointer; display:block;display: table;width: 100%;white-space: normal;min-height: 78px;margin-bottom: 0;}
.btn-style-box-w .btn span {display: table-cell;vertical-align: middle;}

/*--------------------------------------
[-] HdImage page
----------------------------------------*/
.ir-container { }
.ir-box{max-width:100%; max-height:100%;overflow: hidden;}
.ir-img {height:85vh;width: initial;position: relative;left: 50%;transform: translate(-50%, 0%);margin-right: -50%;}

/*Common*/
.bottom10  {margin-bottom:10px;}
.alert-blue {text-align: center;padding: 20px;background: #D9EDF7;border-radius: 5px;max-width: 300px;margin: auto;margin-bottom: 15px;color: #2F6F8E;}

.ccb-icon-link.green {color:#7FBF35;} 
.icon-gbig {font-size:14px;} 
.icon-snon,.icon-snon:hover {border-color:transparent; background-color:transparent;  color:#7FBF35;pointer-events : none;}

/* Share option on created links page*/
.shareopt-content .btn {margin-top:2px; margin-bottom:2px; margin-right:3px; border:0; padding:9px 10px;height:40px;}
.shareopt-content .glyphicon, .shareopt-content .fa  { font-size:20px;}
.shareopt-box {position:relative;/*display: inline-block;*/}
.shareopt-content {position: absolute;width:289px; white-space: nowrap; left:50%;transform: translate(-50%, 0%); z-index:2; display:none;}
.shareopt-content2 {position: absolute;width:289px; white-space: nowrap; left:27%;transform: translate(-67%, 0%); z-index:2; display:none;}
.btn-fb{background:#2963A3;}
.shareopt-box:hover > .ccb-icon-link{    background: #ccc9c9;color: #000;border-color: #a7a7a7;}
.shareopt-box:hover > .shareopt-content,.shareopt-box > a:hover + .shareopt-content, .shareopt-box > a:active + .shareopt-content, 
.shareopt-box > a + .shareopt-content:hover, .shareopt-box > a + .shareopt-content:active {display:block;}


.shareopt-box:hover > .shareopt-content2,.shareopt-box > a:hover + .shareopt-content2, .shareopt-box > a:active + .shareopt-content2, 
.shareopt-box > a + .shareopt-content2:hover, .shareopt-box > a + .shareopt-content2:active {display:block;}
.shareopt-content2 .glyphicon, .shareopt-content2 .fa{font-size: 20px;}

.shareopt-content2 .btn {margin-top:2px; margin-bottom:2px; margin-right:3px; border:0; padding:9px 10px;height:40px;}

.cl-tbl-data .glyphicon-camera { font-size:16px;}
.cl-tbl-data .table {margin-bottom: 33px;}
.cl-tbl-data table tr td { vertical-align: middle;}
.cl-tbl-data table tr th:nth-child(4), .cl-tbl-data table tr td:nth-child(4) { padding-left:20px;}
.cl-tbl-data table tr th > a {color:#fff;}
						
/* Upload section */
.fileUpload {position: relative;overflow: hidden;border-top-left-radius:0; border-bottom-left-radius:0; margin-right:3px;}
.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer;opacity: 0;filter: alpha(opacity=0);}	
.file-upload-field {float: left;width: auto; border-color:#D2D2D2; background:#EFEFEF; box-shadow:none; border-top-right-radius:0; border-bottom-right-radius:0; margin-right: -1px; min-width:317px;}
						
/* Pagination styles */
.pagination>li>a, .pagination>li>span { padding-left:11px; padding-right:11px;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {background-color: #97d5e9;border-color: #97d5e9; z-index:4;}

/* Modal footer button gap */	
#divAlertDanger .modal-footer .btn+.btn {margin-bottom:10px;}


						
/*--------------------------------------
[-] Media styles
----------------------------------------*/

@media (max-width:414px) {
	.sub-items .termsnum:empty {display:none;}
	.si-one .termstext {padding-right:0;width: 91.66666667%;}
	.termsDiv {padding: 15px;}
	.termstext {padding-right: 0px;padding-left: 15px;}

    .color-selector-pos{    
    float: right;
    margin-right: 8px;
    margin-top: -49px;}
    .colorpicker { left:10px !important;}
}

@media (max-width:479px) {
	/*--------------------------------------
	[-] Modals
	----------------------------------------*/
	.modal-mobile, .modal-upgrade-account {width: auto;}
	.modal-mobile .btn, .modal-upgrade-account .btn, .modal-mobile-medium .btn { width:100%; display:block;}
	.modal-footer .btn+.btn { margin-left:0;}
}	

@media (min-width:480px) {
	.termsnum { width:auto;}
	/*--------------------------------------
	[-] Modals
	----------------------------------------*/
	.modal-mobile, .modal-upgrade-account {margin-left: auto;margin-right: auto;}
	.modal-mobile {width: 400px !important; }
	.modal-upgrade-account {width: 450px !important; }

}

@media (max-width:767px) {
    .create-customer-branding-form .form-group input {margin-bottom:15px;}
    .create-customer-branding-form .form-group {margin-bottom:0px;}
    h2.pagetitle { margin-bottom:15px;}
	.mapPopDiv.droneViewPopDiv {width: 233px !important;}
    .block-xs {display:block !important; width:100% !important;}
    .searchDiv > .form-group { margin-bottom:0;}
	.upload-file-title-section {border-top:1px solid #d8d8d9}
	.upload-file-title-section > h4, .upload-file-title-section > .btn { float:left; margin-right:10px;}
	.upload-file-title-section > .btn { margin-top:10px;}     
}

@media (min-width:768px) {
	.controlIconPreview{bottom:0;}
	.bodyContent{margin-top:115px; margin-bottom:0px;}
	.mobile-bodycontent{margin-top:120px;  margin-bottom:60px;}
	.userInfo{position:relative;}
	.username{display:inline-block;}
	.searchDiv{margin-top:3px;}
	.label-left{display:inline-block;}
	.device-margin{margin-bottom:0; margin-top:0;}
	.device-align{text-align:right;}
	.device-align .btn{margin-bottom:5px;}
	.lessMargin{margin-top:0; margin-bottom:0;}
	.modal-med{width:340px;}
	.mobtopMargin{margin-top:0;}
	.mobbotMargin{margin-bottom:0;}
	.modal-lg2{width:90%;}
	.modal-md{width:30%;}
	.termstext{width:90.667%;}
	.formgroup-margin{margin-bottom:0;}
	.iframe-panorama{border:0; width:100%; height:694px;}

	.createPanorama{width:100%; height:470px;}
	.orderMap{height:500px;}
	.mobbotMargin-lg{margin-bottom:0px;}
	.mobilehideDiv{display:inline-block;}
	.profileDiv{width:60%; margin:auto; }

	.profilePic{width:200px; margin:auto; height:180px;}
	.profilePic img{width:200px; height:200px;}
	.mobtextalignR{text-align:right;}
	.termsDiv{width:70%; max-width:980px;}
	.panoDescription .panoPic{width:165px; height:97px;}
	.panoDescription .panoPic img, .leftPanorama img{width:165px; height:97px;}
	.btn-topMargin{margin-top:0;}
	.logincontainer{width:420px !important; margin-top:auto;}
	.mapHeight{min-height:300px;}
	.pull-right>.dropdown-menu{right:15px;}
	.footer-down{min-height:370px;}
	.upload-box-section {padding-top:40px; padding-bottom:80px;}
	.modal-mobile-medium {width: 600px !important; }
    .ad-sound-width {width:900px !important; }
	.mapPopDiv.droneViewPopDiv{width:290px !important; min-height:40px !important;}
	.cl-tbl-data .btn { margin-bottom:0;}
    .pagination {margin-top:10px; margin-bottom:0;}
	.links-btn-section {padding-top: 34px;margin-bottom: 0;padding-bottom: 0;}

}

@media (min-width:992px) {
	.modal-lg1 {width: 90%;}
	.pano-right { overflow-y: auto;overflow-x: hidden; height: 694px;}
}

@media (max-width:991px) {
.instructions-headding h3 {  font-size: 17px !important;  margin-top: 14px;}
.instructions-headding img {  width:33px !important;}
}

@media (min-width: 1100px){
	.btn{border-radius:3px; color:#fff; outline:none; /* margin-bottom:0px; */}
	.map-responsive{padding-bottom:29.70%;}
	.mapHeight{min-height:350px;}
	.tableHeight{height:250px; min-height:250px; overflow-y:auto;}
}

@media (min-width:1400px){
	.map-responsive{padding-bottom:41.25%;}
	.mapHeight{min-height:600px;}
	.tableHeight{height:450px; min-height:300px; overflow-y:auto;}
	.footer-down{min-height:470px;}
}

@media (min-width:768px) and (max-width:991px){
	.modal-dialog-pano .pano-frame-holder, .modal-dialog-pano .pano-right-holder { width:100%; float:none;}
	.modal-dialog-pano .modal-dialog {width: auto;margin: 10px;}
}

@media (min-width:768px) and (max-width:1024px){
	.btn-style-box-w .btn { min-height:102px;}
}	

@media (min-width:992px) and (max-width:1220px){
	.cdv-outer .cdv-poi-btns .hotspot > .btn { width:auto;}
	.cdv-outer .hotspot-info #iShowStartView { left:69%;}
	.cdv-outer .wrapper-dropdown-3 { padding-right:20px;}
	.cdv-outer .wrapper-dropdown-3:after {right:5px;}
    .cdv-btn-group input { width:80%;    }
}

@media (min-width:1200px) and (max-width:1720px){

	.modal-dialog-pano .social-media-icons .block {min-width:70px;width: 23% !important; padding:5px;}
	.modal-dialog-pano .social-media-icons .block p {font-size: 12px;}
	.modal-dialog-pano .social-media-icons .block img {width: 65px;}
	.modal-dialog-pano .social-media-icons .block .btn {padding: 3px;}
}

@media (min-width:1700px){
	.iframe-panorama { height:808px;}
	.pano-right { height:808px;}
}
@media (max-width: 320px)
{
    .oculus-popup span.sound-name{width:60%;}
    .instructions-headding h3{ font-size: 13px; margin-top: 18px;}
    .instructions-headding img{width: 30px;}  
    #btnAdvanceSettings{padding: 7px 10px !important;}
}
	/*.order-btn .btn{color:#000;border-radius: 9px;background-color: #fafafa;border: 1px solid #c3c3c3; font-weight:bold;}
		.order-btn i { color: #C3C3C3;  font-size: 21px; margin-top:2px;}

	.order-button{font-size: 15px; line-height: 24px;}
	.no-padding {padding:0; }
	.order-button.active  { background: #7dbe35 none repeat scroll 0 0; color:#fff;}
	.fa, .order-button.active i.fa { color:#fff;}
	.btn-next{float: right; margin-top: 15px; width: 48%;}

	.order-button.active .glyphicon{
	  display: none;
	}
	.hr-gray{border-color:#d9d9d9;}

	.btn[disabled]{
		background-color: grey;
		border: 1px solid grey;
	}*/

	.float-left {float:left;}
    .float-right {float:right;}
.float-none {float:none;}
/*.modal-open{
  padding:0 !important;
  overflow-y: auto;
 }*/
 
  /*---------Add Music-----------------*/
.oculus-inner{padding:0 30px 30px; float:left;}
.oculus-inner .snapshotmodal-body{background:#fff;}
.oculus-popup span{float:left;}
.oculus-popup h4{font-size: 21px; margin-bottom: 25px;}
.oculus-popup i{font-size: 22px; margin-right:5px; width:20px;cursor:pointer;}
.oculus-popup li{font-size: 17px; list-style: none; margin-bottom: 10px; float:left; width:100%;}
.oculus-popup span.sound-name{float:left; width:70%;}
.oculus-popup .squaredTwo {width:20px; height:20px;}
.oculus-popup .squaredTwo label {width:20px; height:20px;}
.oculus-popup .squaredTwo label:after {top: 3px; left: 2px;}
.oculus-popup-footer {padding-top:28px; padding-right:28px;}
.instructions-headding a, .instructions-headding h3{float:left;}
.instructions-headding span{display:table; margin:0 auto;}
.instructions-headding h3{margin: 8px 0 0 7px; font-weight:600;font-size:1vw;}
.instructions-headding img{width:2vw;}
.add-sound i{margin-left: 7px; font-size: 17px;font-weight: normal;}
.cdv-location-field input[type="text"] { margin-left: 0 !important;  width: calc(100% - 0rem) !important; }
.cdv-location-field .hotspotPlaceholder {left:15px !important; font-size:13px;}
i.music-trash {font-size:32px; cursor:pointer; margin-top: 8px;}
#divInstruction {float:left;}
 .botMargin-createpage { margin-bottom:20px;  }
 #btnAdvanceSettings{padding: 7px 13px;  min-width: 131px; float:left;}
 .paging-padding{padding:6px 0;}
 .no-margin{margin:0px;}
.popup-middle-tour .modal-dialog {
    top:50%;
    margin-top:-22px;
}