.sample-tutorial {
   position: relative;
   height: 100%;
   overflow: hidden;
}

body {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0;
}

.sample-spreadsheets {
   width: calc(100% - 303px);
   height: 100%;
   overflow: hidden;
   float: left;
}

.container {
   width: 300px;
   height: 100%;
   float: left;
   border: 1px solid lightgrey;
}

fieldset select {
   margin-top: 6px;
   padding: 4px 6px;
   width: 125px;
}

fieldset input {
   margin-top: 6px;
   padding: 4px 6px;
   width: 110px;
}

.split-panels {
   height: 535px;
}

.tab-container {
   width: 50%;
   margin: 0 auto;
}

.split-tabs {
   position: absolute;
   top: 12px;
   right: 5px;
   display: flex;
   justify-content: flex-start;
   flex-direction: row;
   align-items: center;
}

.split-tab-link {
   height: 30px;
   background-color: #f1f1f1;
   border: none;
   cursor: pointer;
   transition: background-color 0.3s;
   margin-bottom: 10px;
}

.split-tab-link:hover {
   background-color: #ddd;
}

.split-tab-link.active {
   background-color: #ccc;
}

.split-tab-content {
   display: none;
}

.split-tab-content.active {
   display: block;
}