.flex-container{display:flex;justify-content:space-between;}
.flex-container>div{background-color:#f1f1f1;}

.pathselectcontainer{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:12px;border-radius:8px;overflow:hidden;}
.pathselectcontainer > div{float:none !important;}
.pathselectcontainer .select,
.pathselectcontainer .room-select{flex:1;}

#sltAddRoom{width:100%;}

.pathswitch{display:flex;align-items:center;gap:10px;}
.pathswitch .arrow{font-family:Arial;}


.pathselectcontainer select:hover{border-color:#78baff;}
.pathselectcontainer select:focus{outline:none;border-color:#9dd1ff;box-shadow:0 0 12px rgba(70,160,255,.45);}

.basename.hasnext{background-position:13px 20px;}
.hasnext .rootroomname{background-image: url('images/px60.png');background-position: 11px 35px;background-repeat: repeat-y;padding-bottom: 4px;}
.basename.hasnext{background-image: url('images/px.png');background-position: 11px 2px;background-repeat: repeat-y;padding-bottom: 6px;}

.roompath{border-radius:5px;background:linear-gradient(to right,#ffffff 0%,#f8fbff 20%,#edf5ff 45%,#dcecff 75%,#c9def9 100%);}
.pathroomname{float:left;}
.pathroomname+.single{float:left;overflow:hidden;}
.rootroomname{font-variant: small-caps;}
.split{flex-grow: 1;}
/*
.single{width:100%;overflow:hidden;}



.section{float:left;}
.section + .section{margin-left:20px;}

*/

.optRoom{padding-left:10px;}
.pathrow{flex-grow:1;min-width:0;padding:4px;font-size:14px;border:1px solid #aaaaaa;border-radius:5px;background-color:#000;box-shadow:2px 2px 2px #888;overflow:hidden;}
.pathrowcontent{padding:0;}
.root{display:flex;flex-direction:column;padding:10px;}
.root+.root{margin-top:0;}
.root.active{background:linear-gradient(180deg,#093d7d 0%,#07315f 45%,#05274d 75%,#031f3e 100%);}
.basename{margin:0;padding-left:5px;font-size:12px;overflow:hidden;}
.optionbutton{float:left;width:27px;}
.optionbutton input{margin:0;padding:0;}
.optionname{float:left;margin-top:-2px;color:#fff;}
.rootfield{float:left;width:100%;margin:5px;font-weight:bold;font-variant:small-caps;padding-right:10px;}
.rootfield input[type=radio]{margin:0 5px 0 0;}
.roominfo{overflow:hidden;}
.roomslist{display:flex;flex-direction:row;background-color:#001c44;gap:4px;}
.roomslistitem{flex:1}
.roomlistitem{padding:1px;font-size:12px;background-color:#1d2e3c;border:2px solid #4e5c65;position:relative;}
.roomlistitem.visited{background-color:#0077ff;border-color:#666;}
.roomimage{position:relative;float:left;width:29%;}
.roomname{margin-top:1px;padding:3px;font-size:14px;font-weight:bold;line-height:14px;color:#606871}
.visited .roomname{color:#fff;}
.roomcomplete{position:relative;float:right;width:16px;padding:1px;font-size:10px;font-weight:bold;text-align:center;opacity:.6;margin-right:2px;}
.roomcomplete a{background:#fff;padding:3px;text-decoration: none;}
.roomchests{position:absolute;left:1px;bottom:1px;width:18px;text-align:center;}
.roomchests .chestnumber{position:absolute;top:0;left:0;width:18px;font-size:14px;font-weight:bold;text-align:center;color:#ccc;}
.roomlist{display:flex;flex-direction:column;gap:4px}
.roomslistheader{background-color:#011229;height:42px;display:flex;flex-direction:row;gap:8px;justify-content:center;align-items:center;font-variant:small-caps;}
.roomslistheadericon img{height:25px;}
.roomlist .visited,
.roomlist .roomlistitem.visited{opacity:1;}
.roomlist .roomrightcol{position:relative;float:right;width:71%;min-height:50px;}
.roomlist .roominfo{position:absolute;left:0;bottom:0;width:100%;}
.roomlist .Floor{text-align:left;}
.roomlist .thumb{height:50px;}
.roomlist .notvisited{color:#053163;}
.roomlist .notvisited img.thumb{opacity:.3;}
.roomlist .iconchest{height:16px;}
.roomlist .notvisited .iconchest{opacity:.3;}
.roomlist .roomstartlocation{padding:2px 0 0 3px;color:#dccc70;font-weight:bold;text-transform: uppercase;position:absolute;bottom:0px;}
.randnext{border-color:#f8b800;}
.isend{float:left;width:13px;height:13px;border:1px solid #333;border-radius:13px;background:#003775;color:#003775;text-align:center;}
.topicon{float:right;}
.topicon img{height:12px;}
.completefield{float:right;margin-right:5px;}
a.complete{text-decoration:none;font-weight:bold;}
a.complete:hover{text-decoration:underline;}
a.iscomplete{color:#bfd03a;}
a.notcomplete{color:#e44437;}
.pathrows{display:flex;gap:12px;padding:0 8px 8px;background:transparent;}
.hasnext .rootroomname{padding-bottom:6px;}
.tabbedboddies{background:#08111c;}
.panel.root{border-width:1px;}

.roomwrapper{display:flex}