body {
    padding-top: 0px;
	margin-bottom:0;
    background-color: #ffffff;
  
}

body.non-iframe {
	background-image:url(/shared/images/shell-background.jpg);
    padding-top: 30px;
}



#mainWindow > .panel {
    background: none;
}

#mainWindow > .panel > .panel-body{
    background-color:rgba(255,255,255,0.7);
	box-shadow:3px 3px 8px rgba(204, 204, 204, 0.6);
    padding-bottom: 0;
}


.iframe #mainWindow > div > .panel-body {
    padding-top: 0;
    padding-bottom: 0;
}

@media (max-width: 480px) {
    .non-iframe #identifiersPanel > .panel-body {
        height: calc(100vh - 465px);
    }
    .iframe #identifiersPanel > .panel-body {
        height: calc(100vh - 350px);
    }
}

@media (min-width: 480px) and (max-width: 1200px) {
    .non-iframe #identifiersPanel > .panel-body {
        height: calc(100vh - 335px);
    }
    .iframe #identifiersPanel > .panel-body {
        height: calc(100vh - 230px);
    }
}

@media (min-width: 1200px) {
    .non-iframe #identifiersPanel > .panel-body {
        height: calc(100vh - 270px);
    }
    .iframe #identifiersPanel > .panel-body {
        height: calc(100vh - 160px);
    }
}

#identifiersPanel > .panel-body {
    min-height: 300px;
     overflow-y:auto;
}


#identifierSearchButton {
    margin-top: 34px;
}

#identifierTable {
    border: 1px solid rgb(221, 221, 221); 
}

#identifierTable th, #identifierTable td {
	border-bottom: 1px solid rgb(221,221,221);
	border-left: 1px solid rgb(221, 221, 221);
	padding: 4px 10px;
}

.identifier-row, .heading-number, .heading-name{
	cursor:pointer;
}

.identifier-row:hover {
	background-color:#e6e6e6;
}


/*************************** modal styles ****************************/
.map-box {
    display: inline-block;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 100%;
}

    .map-box:before {
        content: "";
        display: block;
        padding-top: 79%;
    }

.map-content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#loadingModal {
    z-index: 1200;
}
 
#loadingModal .modal-dialog {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-top: 0;
}

#loadingModal .fa-spinner {
    margin-top: 60px;
    margin-bottom: 60px;
}