/* Please see documentation at https://docs.microsoft.com/aspnet/core/client-side/bundling-and-minification\ 
for details on configuring this project to bundle and minify static web assets. */
body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Carousel */
.carousel-caption p {
    font-size: 20px;
    line-height: 1.4;
}

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
    width: 100%;
}

/* QR code generator */
#qrCode {
    margin: 15px;
}

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
    /* Hide captions */
    .carousel-caption {
        display: none;
    }
}

/* SNJW generic loading screen stuff */

.loading {
    alignment: center;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid blue;
    border-bottom: 16px solid blue;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
  }
  
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }

/* SNJW page-tabs on the create screen */

/* .editor-page

.title{font-family:"Segoe UI Light",HelveticaNeue-UltraLight,sans-serif;font-weight:100;font-size:1.8em}.editor-page

.tabArea{height:20px;box-sizing:border-box;border-bottom:1px solid #999}.editor-page
.tab{height:20px;line-height:20px;box-sizing:border-box;color:#999;padding:0 8px;border:1px solid #999;border-bottom:0;cursor:pointer;float:left}.editor-page
.tab.active{color:#000;border-bottom:1px solid #fff}.editor-page 
.action{height:20px;line-height:20px;box-sizing:border-box;color:#000;padding:0 5px;border:1px solid #999;border-bottom:0;cursor:pointer;float:right;padding-left:16px}.editor-page 
.action.run{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAE1JREFUOE9jKCsrY6AEU6QZZPHgNeA/0Hn7gdiBUPjg8gLIABjGaxAxBuA1iBQDYAalIXuLFAOweoUYA8gOA4pigegERrRCXOlhGBgAAGmggVf7bEk0AAAAAElFTkSuQmCC) no-repeat left center}.editor-page 
.editor-container{border:1px solid #999;border-top:0} */


/* SNJW for the editors to retain A4 page ratios */
.embed-responsive-210by297 {
    padding-bottom: 141.42%;
}