html,body {
 width: 100%;
 height: 100%;
}

.centerColumn {
 position: fixed;
 top: 60px;
 right: 335px;
 bottom: 60px;
 left: 335px;
 overflow: auto;
}

.leftColumn {
 position: fixed;
 left: 0;
 top: 60px;
 bottom: 60px;
 width: 325px;
 overflow: auto;
}

.rightColumn {
 position: fixed;
 right: 0;
 top: 60px;
 bottom: 60px;
 width: 325px;
 overflow: auto;
}

.footer {
 position: fixed;
 left: 0;
 right: 0;
 bottom: 0;
 height: 50px;
 background-color: #e7e7e7;
 border: 1px solid #ddd;
 border-radius:4px;
}

.footer p {
 margin: 5px;
}

.errorPanel {
 position: fixed;
 right: 10px;
 bottom: 0;
 width: 315px;
 overflow: auto;
}


.name_A, .name_B {
 font-weight: bold;
 color: #008000;
}



@media (max-width: 768px) {

.leftColumn {
 position: relative;
 left: 0;
 top: 60px;
 width: 100%;
 overflow: visible;
 display: inline-block;
 vertical-align: top;
 height: auto;
}

.centerColumn {
 position: relative;
 left: 12px;
 top: 60px;
 height: 100%;
 overflow: visible;
 display: inline-block;
 width: 94%;
}

.rightColumn {
 position: relative;
 right: 0;
 top: 60px;
 margin: 10px 0 60px 0;
 width: 100%;
 display: inline-block;
 vertical-align: top;
}

.open > .dropdown-menu {
 position: absolute;
 z-index: 9999;
}

.footer {
 position: relative;
}


}