@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic);
/*
 * Core: General Layout Style
 * -------------------------
 */
html,
body {
  min-height: 100%;
  height:100%;
}
body.layout-boxed {
  height: 100%;
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size:13px;
  font-weight: 400;
  overflow-x: hidden;
  overflow-y: auto;
}
label {
  font-weight:600;
}
/* Layout */
.layout-boxed > .container {
  margin: 0 auto;
  min-height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
  position: relative;
}
.modal-open {
  overflow-y:auto;
}
header.main-header {
    margin-left: -15px;
    margin-right: -15px;
}
header.main-header img {
    padding:0;
    width:100%;
}
header.main-header img.lg {
    display:inline;
}
header.main-header img.xs {
    display:none;
}
footer {
    position:absolute;
    left:0px;
    bottom:10px;
    width:100%;
}
footer > div {
    margin:0 15px;
}
div.content-wrapper {
    min-height:250px;
}
div.main-content {
    display:block;
    position:absolute;
    width:100%;
    text-align:center;
    left:0;
    top:50%;
    margin-top:-9px;
}
div#loader,
div#result {
    padding:5px 0;
    display:none;
}
div.sessionid,
div.telcopin {
    display:block;
    width:300px;
    max-width:90%;
    margin:20px auto;
    border:1px solid #DDD;
    padding:10px;
    box-shadow:0 0 5px rgba(0,0,0,0.4);
    font-size:18px;
}
    div.sessionid strong,
    div.telcopin strong {
        display:block;
    }
@media (min-width:1200px){
    .container{
        width:964px!important;
    }
}
@media (max-width:500px){
    header.main-header img.lg {
        display:none;
    }
    header.main-header img.xs {
        display:inline;
    }
}