html, body {margin:0px;overflow:hidden;padding:0;font-size:12px;height:100%;width:100%;}
body, div, span {-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;margin:0;padding:0;line-height:0px;}
div {box-sizing:border-box;}
input, select, textarea, select:not([multiple]) , input:disabled, select:not([multiple]):disabled, textarea:disabled{font-size:11px;background:#000;color:#ffffff;border:1px solid #ffffff;border-radius:2px;}
input:active,input:focus, select:active,select:focus, textarea:active,textarea:focus,select:not([multiple]):active,select:not([multiple]):focus{background:#ffffff;color:#000;}
input.scolor, select.scolor, textarea.scolor, select:not([multiple]).scolor {color:#fff;border:1px solid #fff;}
input:active.scolor,input:focus.scolor, select:active.scolor,select:focus.scolor, textarea:active.scolor,textarea:focus.scolor,select:not([multiple]):active.scolor,select:not([multiple]):focus.scolor{background:#fff;color:#000;}
input:disabled, textarea:disabled {background:transparent;color:inherit;border-width:0px;height:auto;}
input.disabled, textarea.disabled{font-size:11px;background:#000;color:#ffffff;border:1px solid #ffffff;border-radius:2px;}

#win_wrapper {width:100%;height:100%;display:inline-block;position:relative;}
#viewer_controls_spacer {position:relative;left:0;right:0;top:0;height:30px;line-height:30px;}
#viewer_controls_back {position:fixed;top:0;left:0;right:0;display:inline-block;margin:0 auto;width:100%;height:30px;line-height:30px;text-align:center;
	border-bottom:1px solid #282828;background:#535353;box-shadow: 0 0 6px rgba(0,0,0,0.5);
}
#viewer_controls {position:relative;width:100%;margin:0 auto;height:30px;line-height:30px;text-align:right;}
#viewer_controls_primary {position:relative;width:auto;height:30px;line-height:30px;float:right;margin-right:5px;}
#viewer, #viewer_loader {position:relative;left:0;top:0px;bottom:0;right:0;color:#fff;text-align:center;}
#viewer_back {overflow:hidden;position:absolute;overflow:hidden;top:0;bottom:0;left:0;right:0;}
#viewer_content {position:relative;overflow:auto;width:100%;height:calc(100% - 32px);}
#viewer_loader {position:fixed;width:100%;height:100%;top:30px;left:0;right:0;bottom:0;text-align:center;z-index:105;background:rgba(40,40,40,0.95);} 

#viewer_loader.full {top:0px;}
#viewer_loader_text {position:relative;font-size:25px;font-weight:bold;line-height:45px;text-align:center;width:100%;height:auto;top:40%;color:#fff;}
#viewer_name {font-size:13px;height:30px;line-height:30px;width:350px;float:left;width:425px;}
.overlay {position:absolute;top:5px;font-size:12px;font-weight:bold;vertical-align:top;}
.hr_title {width:100%;display:inline-block;height:1px;margin-top:2px;margin-bottom:2px;border-bottom:1px solid #282828;}

.control_btn {background:transparent;color:#ffffff;width:auto;height:20px;line-height:20px;font-size:14px;font-weight:bold;position:relative;display:inline-block;vertical-align:top;overflow:hidden;margin-right:5px;cursor:pointer;border:1px solid rgba(255,255,255,0);border-radius:2px;}
/* .control_btn_right.active, .control_btn:active > .control_btn_right {background-color:#484848;border:1px solid #3d3d3d;} */
/* .control_btn:hover {border:1px solid rgba(255,255,255,0.5);}
.control_btn:active {border:1px solid rgba(255,255,255,1);} */
.control_btn.disabled {opacity:0.5}

.control_btn.bordered {border:1px solid #3d3d3d;padding-left:5px;padding-right:5px;text-align:center;font-size:12px;}
#file_box_key {width:225px;height:auto;min-height:100px;text-align:center;}
#file_box_key.control_1 {width:300px;}
#file_box_key.control_3 {width:225px;}
#file_box_key.control_5 {width:425px;}
#file_box_notes {width:350px;left:auto;right:5px;max-height:650px;min-height:100px;text-align:center;}
#file_note {width:340px;height:auto;min-height:200px;line-height:20px;font-size:12px;text-align:left;margin:0 auto;}

#viewer_name.control_btn {background-image:url('../images/image_down_white.png');background-repeat:no-repeat;background-position:right center;}

.image_selector {width:100%;min-width:260px;text-align:left;min-height:20px;line-height:20px;height:auto;display:inline-block;cursor:pointer;}
.image_selector:hover, .image_selector.active, .image_selector:active {border:1px solid #3d3d3d;border-radius:3px;background:#676767;}

.control_bar {width:1px;display:inline-block;margin-left:5px;margin-right:5px;}
.key {background:#dcdcdc;border:1px solid #ffffff;color:#555;border-radius:2px;text-align:center;width:20px;line-height:20px;font-size:14px;font-weight:bold;display:inline-block;}
.tick {background:#858585;border:1px solid #ffffff;color:#fff;border-radius:2px;text-align:center;width:60px;padding-left:2px;padding-right:2px;line-height:20px;font-size:14px;font-weight:bold;display:inline-block;}

.distr {display:table-row;border:1px solid #fff;line-height:25px}
.distc {display:table-cell;text-align:center;line-height:25px}
.head {font-size:14px;font-weight:bold;text-align:center;line-height:25px}

.bordera {border:1px solid #ffffff;}
.borderl {border-left:1px solid #ffffff;}
.bordertn {border-top:0;}

.key_text {position:absolute;width:400px;height:auto;min-height:400px;font-size:13px;border-radius:5px;left:5px;}
.key_text.key_box {width:auto;padding:2px;min-height:0;}
.key_box {background:transparent;}
.key_box.selected {background:rgba(85,85,85,0.5);}
.icolor {color:#ffffff;} .scolor {color:#fff;}

/* Tool Tip */
.ui-tooltip, .arrow:after {background: #535353;border: 1px solid #282828;}
.ui-tooltip-content {line-height:20px;text-align:center;}
.ui-tooltip {padding:0px 5px;color: #fff;border-radius: 2px;font: bold 12px;box-shadow:0px 0px 10px rgba(0,0,0,1);}
.arrow {width: 70px;height: 16px;overflow: hidden;position: absolute;left: 50%;margin-left: -35px;bottom: -16px;}
.arrow.top {top: -16px;bottom: auto;}
.arrow.left {left: 20%;}
.arrow:after {content: "";position: absolute;left: 20px;top: -20px;width: 25px;height: 25px;box-shadow: 6px 5px 9px -9px black;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.arrow.top:after {bottom: -20px;top: auto;}
/**************** Image Viewer ***********************************/
.icon_shape_line {background:url('../images/draw_shape_line_white.png') no-repeat center center;background-size:100%;}
.icon_shape_ellipse {background:url('../images/draw_shape_circle_white.png') no-repeat center center;background-size:100%;}
.icon_shape_rectangle {background:url('../images/draw_shape_square_white.png') no-repeat center center;background-size:100%;}
.icon_shape_poly {background:url('../images/draw_shape_poly_white.png') no-repeat center center;background-size:100%;}
.icon_image_prev {background:url('../images/image_prev_white.png') no-repeat center center;background-size:100%;}
.icon_image_next {background:url('../images/image_next_white.png') no-repeat center center;background-size:100%;}
.icon_image_fit {background:url('../images/image_fit_white.png') no-repeat center center;background-size:100%;}
.icon_image_scale {background:url('../images/image_scale_white.png') no-repeat center center;background-size:100%;}
.icon_image_size {background:url('../images/image_sized_white.png') no-repeat center center;background-size:100%;}
.icon_image_magnify {background:url('../images/image_magnify_white.png') no-repeat center center;background-size:100%;}
.icon_image_crop {background:url('../images/image_crop_white.png') no-repeat center center;background-size:100%;}
.icon_image_edit {background:url('../images/image_edit_white.png') no-repeat center center;background-size:100%;}
.icon_image_reset {background:url('../images/layer_reset_white.png') no-repeat center center;background-size:100%;}
.icon_image_save {background:url('../images/layer_save_white.png') no-repeat center center;background-size:100%;}
.icon_image_delete{background:url('../images/image_delete_white.png') no-repeat center center;background-size:100%;}

.icon_image_download {background:url('../images/download_white.png') no-repeat center center;background-size:100% 100%;}
.icon_image_info {background:url('../images/image_info_white.png') no-repeat center center;background-size:100% 100%;}
.icon_image_location {background:url('../images/image_location_white.png') no-repeat center center;background-size:100% 100%;}
.icon_image_layers {background:url('../images/image_layers_white.png') no-repeat center center;background-size:100% 100%;}
.icon_image_image {background:url('../images/image_image_white.png') no-repeat center center;background-size:100% 100%;}
.icon_image_comment {background:url('../images/draw_comment_white.png') no-repeat center center;background-size:100% 100%;}
.icon_image_status_inactive {background:url('../images/layer_status_inactive_white.png') no-repeat center center;background-size:100% 100%;}
.icon_image_status_active {background:url('../images/layer_status_active_white.png') no-repeat center center;background-size:100% 100%;}
.icon_item_status_inactive {background:url('../images/item_status_inactive_white.png') no-repeat center center;background-size:100% 100%;}
.icon_item_status_active {background:url('../images/item_status_active_white.png') no-repeat center center;background-size:100% 100%;}

/**************** 3D Viewer ***********************************/
.icon_key {background:url('../images/key_w_flat.png') no-repeat center center;background-size:100% 100%;}
.icon_reset {background:url('../images/reset_w_flat.png') no-repeat center center;background-size:100% 100%;}
.icon_mouse_left {background:url('../images/mouse_left.png') no-repeat center center;background-size:100% 100%;}
.icon_mouse_right {background:url('../images/mouse_right.png') no-repeat center center;background-size:100% 100%;}
.icon_mouse_center {background:url('../images/mouse_center.png') no-repeat center center;background-size:100% 100%;}

/**************** Point Cloud Viewer ***********************************/
.icon_cloud_earth {background:url('../images/potree/earth_controls.png') no-repeat center center;background-size:100% 100%;}
.icon_cloud_fps {background:url('../images/potree/fps_controls.png') no-repeat center center;background-size:100% 100%;}
.icon_cloud_orbit {background:url('../images/potree/orbit_controls.png') no-repeat center center;background-size:100% 100%;}
.icon_cloud_focus {background:url('../images/potree/focus.png') no-repeat center center;background-size:100% 100%;}
.icon_cloud_flip {background:url('../images/potree/flip_y_z.png') no-repeat center center;background-size:100% 100%;}
.icon_cloud_angle {background:url('../images/potree/angle.png') no-repeat center center;background-size:100% 100%;}
.icon_cloud_distance {background:url('../images/potree/distance.png') no-repeat center center;background-size:100% 100%;}
.icon_cloud_area {background:url('../images/potree/area.png') no-repeat center center;background-size:100% 100%;}
.icon_cloud_volume {background:url('../images/potree/volume.png') no-repeat center center;background-size:100% 100%;}
.icon_cloud_profile {background:url('../images/potree/profile.png') no-repeat center center;background-size:100% 100%;}
.icon_cloud_cvolume {background:url('../images/potree/clip_volume.png') no-repeat center center;background-size:100% 100%;}

/**************** Other ***********************************/
.icon_file_notes {background:url('../images/image_notes_white.png') no-repeat center center;background-size:100% 100%;}
.icon_viewer_popout {background:url('../images/viewer_popout_white.png') no-repeat center center;background-size:100% 100%;}
.icon_viewer_close {background:url('../images/viewer_close_white.png') no-repeat center center;background-size:100% 100%;}

@media print{
	body, #viewer_back, iframe {width:100%;height:auto;
		page-break-after:always;page-break-before:always;
		background:#fff;color:#000;
	}
	iframe {height:100%;}
	#viewer_back, #win_wrapper {top:0;left:0;}
	.control_btn, #viewer_loader {display:none;visibility:hidden;}
	#viewer_controls_back{display:none;visibility:hidden;}
}