﻿
.padded-panel {
    padding: 10px;
}

.panel-font-normal {
    font-weight: normal;
}

.re-override-heading {
    padding-top: 8px;
    padding-bottom: 3px;
    margin-bottom: 4px;
}

.btn-fa {
    padding: 0px;
}

a.bce-fa {
    text-decoration: none;
}

.content-block.right .panel-body a {
    color: blue;
}

    .content-block.right .panel-body a:visited {
        color: darkblue;
    }
/* Bootstrap upload button START */
.btn-file {
    position: relative;
    overflow: hidden;
}

    .btn-file input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        min-width: 100%;
        min-height: 100%;
        font-size: 100px;
        text-align: right;
        filter: alpha(opacity=0);
        opacity: 0;
        outline: none;
        background: white;
        cursor: inherit;
        display: block;
    }
/* Bootstrap button END*/
.padded-row {
    padding: 0 20px 0 20px;
}

.lti-bottom {
    padding-bottom: 10px;
}

.lti-top {
    padding-bottom: 10px;
}
/* CP update error pages - START */
.error-template {
    padding: 40px 15px;
    text-align: center;
}

.bce-update-error-actions {
    margin-top: 15px;
    margin-bottom: 15px;
}

    .bce-update-error-actions .btn {
        margin-right: 10px;
    }
/* CP update error pages - END */
.etx-overview {
    word-wrap: normal;
}

.ContDescCP {
    padding-bottom: 50px;
}

.LTI {
    padding-bottom: 5px;
}
/* Experimental BEGIN */
.panel-heading a:after {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    color: black;
}

.panel-heading a.collapsed:after {
    content: "\e080";
}
/* Experimental END */

/* Catholic content (update related) BEGIN */
.year-level-desc-cp {
    margin: 10px 0px 10px 0px;
    padding: 20px 0px 30px 0px;
}

.search-year-level-desc-cp {
    margin: 10px 0px 10px 0px;
    padding: 0px;
}

.bce-button-link {
    text-decoration: none;
    text-align: left;
    white-space: normal;
    border-bottom: 0px solid transparent;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    padding-top: 0px;
    color: #000;
    word-wrap: normal;
}

.bce-button-link-blue {
    color: #2fa4e7;
}

.btn-year-level-desc-cp {
    margin-top: 10px;
}
/* Catholic content (update related) END */
.bce-redirect-modal-header {
    background-color: #054166;
}

.bce-redirect-modal-footer {
    background-color: #054166;
}

.bce-redirect-modal-close {
    color: #fff;
}

.bce-redirect-modal-title {
    color: white;
}

.bce-no-list {
    padding: 9px 0px 0px 0px;
}

.bce-li {
    padding-bottom: 5px;
}

.bce-area-link {
    display: block;
    font-size: 14px;
}

.bce-clear {
    display: block;
}

.bce-arrow-down {
    float: right;
}

.bce-overview-link {
    margin-left: 15px;
}

.bce-container {
    padding-top: 20px;
}

.bce-navigation {
    margin-left: 0px;
}

.soft-error {
    padding: 1px 1px;
    vertical-align: baseline;
}
/* New Landing page */
.row-acara {
    margin-top: 5px;
}

.row-acara-first {
    margin-top: 35px;
}

.hideOverflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.alert-acara {
    padding: 5px;
    margin-bottom: 10px;
    border: 1px solid transparent;
    border-radius: 4px;
}

.hr-acara {
    margin-top: 5px;
}

.btn-acara {
    white-space: normal !important;
    word-wrap: break-word;
}
/* New Landing page end */
.navbar-collapse-bce-acara {
    padding-right: 55px;
    padding-left: 55px;
}

.header-inner.container.clear {
    /* /margin-top: 20px; */
}

h4.panel-title.catholic-bd {
    font-size: 12px;
}

h6.panel-title.catholic-bd.panel-override {
    font-size: 1em;
    font-weight: 700;
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
}

#footer ul {
    list-style: outside none none;
    padding: 0px;
    margin: 0px;
    width: 60%;
    float: left;
}

    #footer ul li {
        display: inline-block;
    }

        #footer ul li a {
            border-right: 1px solid #000;
            color: #000;
            padding: 0px 15px;
            display: inline-block;
            width: 100%;
            text-decoration: none;
            transition: all 0.5s ease-out 0s;
        }

#footerWrapper {
    /* background: rgb(49, 0, 36) url("Images/scrollPatternSharp.png") repeatrepeat scroll 0% 0%; */
    float: none;
    height: auto;
    margin: 0px auto;
    clear: none;
    width: 95%;
}

#topPageButton a {
    float: none;
    margin: 0px auto;
    height: 40px;
    width: 40px;
    background-image: url("Images/up-arrow.png");
    background-attachment: scroll;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    opacity: 0.5;
    clear: both;
}

.tartan {
    background-color: hsl(2, 57%, 40%);
    background-image: repeating-linear-gradient(transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px), repeating-linear-gradient(270deg, transparent, transparent 50px, rgba(0,0,0,.4) 50px, rgba(0,0,0,.4) 53px, transparent 53px, transparent 63px, rgba(0,0,0,.4) 63px, rgba(0,0,0,.4) 66px, transparent 66px, transparent 116px, rgba(0,0,0,.5) 116px, rgba(0,0,0,.5) 166px, rgba(255,255,255,.2) 166px, rgba(255,255,255,.2) 169px, rgba(0,0,0,.5) 169px, rgba(0,0,0,.5) 179px, rgba(255,255,255,.2) 179px, rgba(255,255,255,.2) 182px, rgba(0,0,0,.5) 182px, rgba(0,0,0,.5) 232px, transparent 232px), repeating-linear-gradient(125deg, transparent, transparent 2px, rgba(0,0,0,.2) 2px, rgba(0,0,0,.2) 3px, transparent 3px, transparent 5px, rgba(0,0,0,.2) 5px);
}

