.sandbox {overflow:hidden;position:absolute;top:0;right:0;width:200px;height:100%;color:white;border-left:1px solid white;background-color: rgba(45,45,70, 0.75);}
.sandbox > .inner {padding:5px;z-index:20;width:207px;height:100%;overflow-y:scroll;padding-right:15px;}
.sandbox h2 {padding:0;margin:0;font-weight:bold;font-size:22px;}
.sandbox h2 .small {font-weight:normal;font-size:18px;display:inline-block;}
a.stylebtn {display:inline-block;text-decoration:none;}
.stylebtn {padding:1px 6px;font-size:16px;background:white;border:2px solid #21213d;background:white;color:black;margin:0;float:left;height:30px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.stylebtn-left{border-radius:5px 0 0 5px;border-right:0;}
.stylebtn-right{border-radius:0 5px 5px 0;}
.stylebtn-center{border-right:0;}
.stylebtn-single{border-radius:5px;width:100%;}
.stylebtn:hover {background:#ffee35;cursor:pointer;}
.stylebtn:disabled {background:#ccc;color:#888;}

.set-mode {text-align:center;margin-top:3px;}
.set-mode > div {width:100%;}
.set-mode button{width:50%;}

.back-forward {text-align:center;margin-top:3px;}
.back-forward  > div {width:100%;}
.back-forward button{}
.back-forward .stylebtn-left{width:25%;}
.back-forward .stylebtn-right{width:25%;}
.back-forward .stylebtn-center{width:50%;}
.back-forward.history-open .stylebtn-left{border-radius:5px 0 0 0;}
.back-forward.history-open .stylebtn-right{border-radius:0 5px 0 0;}

.history {border:2px solid #21213d;border-top:0;display:none;height:210px;background:white;border-radius:0 0 5px 5px;text-align:left;color:black;overflow:hidden;box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}
.history .list {overflow-y:auto;height:100%;}
.history-entry:last-child {border-radius:0px 0px 5px 5px;}
.history-entry:first-child {border-radius:0;}
.history-entry {padding:2px 4px;font-size:14px;position:relative;}
.history-entry.back {background:#ffffaa;}
.history-entry.current {background:#aaffaa;}
.history-entry.forward {}
.history-entry:hover {cursor:pointer;color:#d00;}
.history-entry .delete {display:none;position:absolute;right:2px;top:2px;width:16px;height:16px;font-weight:bold;border-radius:5px;color:#21213d;text-align:center;font-size:13px;line-height:18px;}
/*
.history-entry:hover .delete {display:block;}
.history-entry .delete:hover {background:#21213d;color:#ffee35;}
.history-entry.current:hover .delete{display:none;}
*/

.import-export {text-align:center;margin-top:3px;}
.import-export > div {width:100%;}
.import-export button{width:50%;}

.import-lightbox {width:250px;}
.import-lightbox .tiles {margin-bottom:5px;}
.import-lightbox .import-tile {background:white;border-radius:5px;padding:5px;font-size:14px;border:1px solid black;margin-top:3px;}
.import-lightbox .import-tile:hover {background:#ffee35;cursor:pointer;}

.show-sandbox, 
.hide-sandbox {
	position:absolute;right:0;top:0;width:20px;height:20px;border:1px solid #21213d;line-height:20px;z-index:50;font-size:16px;
	text-align:center;font-weight:bold;color:white;background:white;color:black;cursor:pointer;border-top:0;border-right:0;
}
.show-sandbox:hover, .hide-sandbox:hover {background:#ffee35;opacity:1.0;}
.show-sandbox {display:none;}
.show-sandbox {line-height:23px;opacity:0.75;}

.planets-list {border:2px solid #21213d;border-radius:5px;background:white;color:black;margin-top:3px;overflow:hidden;background:#eee;}
.planet-entry {overflow:hidden;}
.planet-entry .preview {border:1px solid black;float:left;width:14px;height:14px;background:#21213d;border-radius:50px;margin-right:5px;}
.planet-entry .header {position:relative;border-radius:5px;padding:5px;color:black;background:white;}
.planet-entry .header:hover {background:#ffee35;cursor:pointer;}
.planet-entry .header .focus {display:none;position:absolute;right:3px;top:3px;width:45px;height:18px;border-radius:5px;background:white;color:#21213d;text-align:center;border:2px solid #21213d;font-size:14px;}
.planet-entry .header:hover .focus {display:block;}
.planet-entry .header .focus:hover {background:#21213d;color:#ffee35;}
.planet-entry .body {padding:5px;display:none;}
.planet-entry .body .row {clear:both;}
.planet-entry .body .label-small,
.planet-entry .body .label {font-size:12px;float:left;width:80px;line-height:21px;}
.planet-entry .body input ,
.planet-entry .body input.small{float:left;margin:1px;margin-right:0;border-radius:1px;font-size:12px;padding-left:1px;}
.planet-entry .body input {width:95px;}
.planet-entry .body input.small{width:85px;}
.planet-entry .body .label-small{width:10px;float:left;text-align:center;}
 
.clearfix {clear:both;}
.dib{display:inline-block;}

.prototypes {display:none;}

.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}