.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #454d54;
    color: white;
    border: none;
}

.nav-tabs .nav-link {
    background-color: white;
    color: grey;
    border: 1px solid lightgrey;
}

.bg-black {
    background-color:black;
}

.bg-black:hover {
    background-color: slategray;
}

.roomRowCollapse {
    background-color: rgb(130, 130, 130);
    color: white;
    cursor: pointer;
}

.expand-button:after {
    content: "\2BC6";
}

.accordion-toggle.collapsed .expand-button:after {
    content: "\2BC8";
}
.collapsing {
    -webkit-transition: none;
    transition: none;
    display: none;
}

.connectionWindowWrapper {
    background: white;
    box-sizing: border-box;   
    outline: 5px solid #404040;
    overflow: auto;
    width: 300px;
}


.connectionWindowDiv {
    width: 100%;
    height:168.75px;
    background: black;
}

.connectionWindowWrapperV2 {
    background: white;
    box-sizing: border-box;
    outline: 5px solid #404040;
    overflow: auto;
    width: 466px;
}


.connectionWindowDivV2 {
    width: 100%;
    height: 262.13px;
    background-color:black;
}

.connectionWindowDivSplit {
    background-color: black;
}

.connectionWindowDivSplit:hover {
    background-size: contain;
    background-image: url("/imgs/Screen.jpg");
}

.connectionWindowDivV2:hover {
    background-size: contain;
    background-image: url("/imgs/Screen.jpg");
}

.connectionWindowWrapperV3 {
    display: inline-block;
    background: white;
    box-sizing: border-box;
    outline: 5px solid #404040;
    overflow: auto;
    width: 220px;
}


.connectionWindowDivV3TopLeft {
    width: 100%;
    height: 123.75px;
    background: black;
}
.connectionWindowDivV3TopRight {
    width: 100%;
    height: 123.75px;
    background: black;
}
.connectionWindowDivV3BottomLeft {
    width: 100%;
    height: 123.75px;
    background: black;
}
.connectionWindowDivV3BottomRight {
    width: 100%;
    height: 123.75px;
    background: black;
}

.connectionWindowDivV3TopLeft:hover {
    background-position: left;
    background-size: cover;
    background-image: url("/imgs/ScreenTopLeft.jpg");
}

.connectionWindowDivV3TopRight:hover {
    background-position: left;
    background-size: cover;
    background-image: url("/imgs/ScreenTopRight.jpg");
}

.connectionWindowDivV3BottomLeft:hover {
    background-position: left;
    background-size: cover;
    background-image: url("/imgs/ScreenBottomLeft.jpg");
}

.connectionWindowDivV3BottomRight:hover {
    background-position: left;
    background-size: cover;
    background-image: url("/imgs/ScreenBottomRight.jpg");
}

.connectionWindowWrapperVert {
    background: white;
    box-sizing: border-box;
    outline: 5px solid #404040;
    overflow: auto;
    height: 300px;
    width: 168.75px;
}

.connectionWindowDivVert {
    height: 100%;
    width: 168.75px;
    background: black;
}

.connectionWindowWrapperVertV2 {
    background: white;
    box-sizing: border-box;
    outline: 5px solid #404040;
    overflow: auto;
    height: 466px;
    width: 262.13px;
}

.connectionWindowDivVertV2 {
    height: 100%;
    width: 262.13px;
    background: black;
}

.connectionWindowWrapperVertV3 {
    display: inline-block;
    background: white;
    box-sizing: border-box;
    outline: 5px solid #404040;
    overflow: auto;
    height: 248.89px;
    width: 140px;
}

.connectionWindowDivVertV3 {
    width: 100%;
    height: 248.89px;
    background: black;
}

.connectionWindowDivVertV3Left {
    background: black;
}

.connectionWindowDivVertV3Mid {
    background: black;
}

.connectionWindowDivVertV3Right {
    background: black;
}

.connectionWindowDivVertV3Left:hover {
    background-size: contain;
    background-image: url("/imgs/VertLeft.jpg");
}

.connectionWindowDivVertV3Mid:hover {
    background-size: contain;
    background-image: url("/imgs/VertMid.jpg");
}

.connectionWindowDivVertV3Right:hover {
    background-size: contain;
    background-image: url("/imgs/VertRight.jpg");
}

.schemaFill{  
    background-size:contain;
    background-image:url("/imgs/Screen.jpg");
}

.schemaNone {
    background-size: contain;
    background-image: none;
    background-color: rgba(0,0,0,0) !important;
}

.schemaFillFull {
    background-size: cover;
    background-image: url("/imgs/Screen.jpg");
}

.schemaFillLeft {
    background-position: left;
    background-size: cover;
    background-image: url("/imgs/Screen.jpg");
}


.schemaFillCenter {
    background-position: center;
    background-size: cover;
    background-image: url("/imgs/Screen.jpg");
}


.schemaFillRight {
    background-position: right;
    background-size: cover;
    background-image: url("/imgs/Screen.jpg");
}

.schemaFillTopLeft {
    background-size: 200% 200%;
    background-position: top left;
    background-image: url("/imgs/Screen.jpg");
}

.schemaFillTopRight {
    background-size: 200% 200%;
    background-position: top right;
    background-image: url("/imgs/Screen.jpg");
}


.schemaFillBottomLeft {
    background-size: 200% 200%;
    background-position: bottom left;
    background-image: url("/imgs/Screen.jpg");
}


.schemaFillBottomRight {
    background-size: 200% 200%;
    background-position: bottom right;
    background-image: url("/imgs/Screen.jpg");
}

.form-login {
    max-width:500px;
}