/* general styles */
html, body {
    height: 100%;
    width: 100%;
}

/* padded section */
.pad-section {
    padding: 50px 0;
}

.pad-section img {
    width: 100%;
}

/* vertical-centered text */
.text-vcenter {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.text-vcenter h1 {
    font-size: 4.5em;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

/* additional sections */
#mainContent {
    min-height: 100%;
    height: 100%;
}

.centered {
    margin: auto;
}

.textCentered {
    text-align: center;
}

.textLeft {
    text-align: left;
}


.firstSection:before {
    content: "";
    display: block;
    height: 50px;
    width: 100%;
}

.panel-body > .primeTable {
    border-collapse: collapse;
    width:100%;
    font-size: 12pt;
}

.primeTable > th, .primeTable > th, .primeTable td {
    padding: 8px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.primeTable thead tr th:first-child,
.primeTable tbody tr td:first-child {
    width: 165px!important;
    word-break: break-all;
}

.subTable {
    border-collapse: collapse;
}

.subTable th, .subTable  td {
    padding: 2px;
    text-align: left;
    border-bottom: 0px solid #343;
}

.subTable thead tr th:first-child,
.subTable tbody tr td:first-child {
    word-break: break-all;
}

#banner {
    background: url(../img/backgroundBanner.png) no-repeat center center fixed;
    display: table;
    height: 100%;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #FFF;
}

#banner h1{
	-webkit-text-stroke-width: 2px;
    -webkit-text-stroke-color: #00000026;
}

#business {
    background: url(../img/backgroundBusiness.jpg) no-repeat center center fixed;
    display: table;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#about {
    background: url(../img/backgroundAbout.png) no-repeat center center fixed;
    display: table;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.pad-section:nth-of-type(2n) {
    background-color: #306d9f;
    color: #ffffff;
}

#hardware {
    background: url(../img/backgroundHardware.jpg) no-repeat center center fixed;
    display: table;
    position: relative;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.icon{
    width: 140px;
    height: 140px;
    margin: auto;
}

.iconProgramming {
    background: url(../img/iconProgramming.png) no-repeat center center;
}

.iconDatabase {
    background: url(../img/iconDatabase.png) no-repeat center center;
}

.iconImaging {
    background: url(../img/iconImaging.png) no-repeat center center;
}

.iconEditor {
    background: url(../img/iconEditor.png) no-repeat center center;
}

.panel {
    background-color: rgba(255,255,255,0.97);
}

footer {
    padding: 20px 0;
}

footer .glyphicon {
    color: #333333;
    font-size: 60px;
}

footer .glyphicon:hover {
    color: #306d9f;
}


/* ######################################### worldmap */
#chartDiv {
  width: 100%;
  height: 500px;
  margin-top: 50px;
}

@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    #chartDiv {
        height: 250px;
    }
}

.spinner {
    position: absolute;
    float: left;
    background: url("https://media.giphy.com/media/3oEjI6SIIHBdRxXI40/giphy.gif") center center;
}

.worldMapImageContainer {
    width: 165px;
    height: 128px;
}