main > .container {
    padding: 70px 15px 20px;
}

.footer {
    background-color: #f5f5f5;
    font-size: .9em;
    height: 60px;
}

.footer > .container {
    padding-right: 15px;
    padding-left: 15px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    content: '';
    left: 3px;
    display: inline-block;
    width: 0;
    height: 0;
    border: solid 5px transparent;
    margin: 4px 4px 2px 4px;
    background: transparent;
}

a.asc:after {
    border-bottom: solid 7px #212529;
    border-top-width: 0;
}

a.desc:after {
    border-top: solid 7px #212529;
    border-bottom-width: 0;
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding-top: 7px;
    color: rgba(255, 255, 255, 0.5);
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 0;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.75);
}

.nav > li > form > button.logout:focus {
    outline: none;
}

.form-group {
    margin-bottom: 1rem;
}


.roofpig:before,.roofpig:after{content:" ";display:table}
.roofpig:after{clear:both}
.roofpig{border:none !important;margin:5px auto 25px;max-width:500px;color:#000;font-weight:bold;font-size:1.1em}
.roofpig.inlineblock{margin:5px 20px 25px;vertical-align:top}
.roofpig > div{height:auto !important;border:none !important;margin-top:5px}
.roofpig-algtext{background-color:transparent;height:auto !important;font-size:15px !important;line-height:19px;font-weight:bold;text-align:left;margin-bottom:7px}
.roofpig-past-algtext{background-color:#a9cef5;border-radius:5px}
.roofpig-button{border-radius:5px;border:none;color:#FFF;font-weight:bold;line-height:22px;height:27px !important;margin-right:6px;background:url(/img/sprite.png) no-repeat -20px 0px #d5d7d8;text-indent:-117px;font-size:10px !important;overflow:hidden;width:33px !important}
#reset-1,#reset-2,#reset-3,#reset-4,#reset-5,#reset-6,#reset-7,#reset-8,#reset-9,#reset-10,#reset-11,#reset-12,#reset-13,#reset-14,#reset-15,#reset-16,#reset-17,#reset-18,#reset-19,#reset-20,#reset-21,#reset-22,#reset-23,#reset-24,#reset-25,#reset-26,#reset-27,#reset-28,#reset-29,#reset-30,#reset-31,#reset-32,#reset-33,#reset-34,#reset-35,#reset-36,#reset-37,#reset-38,#reset-39,#reset-40,#reset-41,#reset-42,#reset-43,#reset-44,#reset-45,#reset-46,#reset-47,#reset-48,#reset-49,#reset-50{background-position:6px -234px}
#play-1,#play-2,#play-3,#play-4,#play-5,#play-6,#play-7,#play-8,#play-9,#play-10,#play-11,#play-12,#play-13,#play-14,#play-15,#play-16,#play-17,#play-18,#play-19,#play-20,#play-21,#play-22,#play-23,#play-24,#play-25,#play-26,#play-27,#play-28,#play-29,#play-30,#play-31,#play-32,#play-33,#play-34,#play-35,#play-36,#play-37,#play-38,#play-39,#play-40,#play-41,#play-42,#play-43,#play-44,#play-45,#play-46,#play-47,#play-48,#play-49,#play-50{background-position:6px -324px}
#prev-1,#prev-2,#prev-3,#prev-4,#prev-5,#prev-6,#prev-7,#prev-8,#prev-9,#prev-10,#prev-11,#prev-12,#prev-13,#prev-14,#prev-15,#prev-16,#prev-17,#prev-18,#prev-19,#prev-20,#prev-21,#prev-22,#prev-23,#prev-24,#prev-25,#prev-26,#prev-27,#prev-28,#prev-29,#prev-30,#prev-31,#prev-32,#prev-33,#prev-34,#prev-35,#prev-36,#prev-37,#prev-38,#prev-39,#prev-40,#prev-41,#prev-42,#prev-43,#prev-44,#prev-45,#prev-46,#prev-47,#prev-48,#prev-49,#prev-50{background-position:6px -264px}
#next-1,#next-2,#next-3,#next-4,#next-5,#next-6,#next-7,#next-8,#next-9,#next-10,#next-11,#next-12,#next-13,#next-14,#next-15,#next-16,#next-17,#next-18,#next-19,#next-20,#next-21,#next-22,#next-23,#next-24,#next-25,#next-26,#next-27,#next-28,#next-29,#next-30,#next-31,#next-32,#next-33,#next-34,#next-35,#next-36,#next-37,#next-38,#next-39,#next-40,#next-41,#next-42,#next-43,#next-44,#next-45,#next-46,#next-47,#next-48,#next-49,#next-50{background-position:6px -294px}
#pause-1,#pause-2,#pause-3,#pause-4,#pause-5,#pause-6,#pause-7,#pause-8,#pause-9,#pause-10,#pause-11,#pause-12,#pause-13,#pause-14,#pause-15,#pause-16,#pause-17,#pause-18,#pause-19,#pause-20,#pause-21,#pause-22,#pause-23,#pause-24,#pause-25,#pause-26,#pause-27,#pause-28,#pause-29,#pause-30,#pause-31,#pause-32,#pause-33,#pause-34,#pause-35,#pause-36,#pause-37,#pause-38,#pause-39,#pause-40,#pause-41,#pause-42,#pause-43,#pause-44,#pause-45,#pause-46,#pause-47,#pause-48,#pause-49,#pause-50{background-position:7px -353px}
.width150 .roofpig-button{width:18px !important}
.roofpig-count{font-weight:bold;color:#2e649e;width:auto;margin-left:2px;display:inline-block}
.roofpig-button-enabled{background:url(/img/sprite.png) no-repeat -20px 0px #4287d2}
.roofpig-button-enabled:hover{background-color:#2e649e}
.width100{width:100px}
.width150{width:150px}
.width200{width:200px}
.width250{max-width:250px}
.width300{max-width:300px}
.width350{max-width:350px}
.width400{max-width:400px}
.width450{max-width:450px}
.width500{max-width:500px}
.widget-container{margin:0 0 30px}
#rightSidebarContent{padding:30px}
#play-1{animation:firstPlayButtonBlinking 5s infinite}
@keyframes firstPlayButtonBlinking{0%{background-color:#4287d2;}
70%{background-color:#4287d2;}
80%{background-color:#EEEEEE;}
90%{background-color:#f5111b;}
100%{background-color:#4287d2;}
}
.roofpig-help-button{display:none}