@import "site.css?v=2.3.8";


body {
    /*padding-top: 50px;*/
    /*padding-bottom: 20px;*/
    padding-bottom: 20px;
    overflow-x: scroll;
}

/* allows centering of col in bootstrap*/
.center-block {
    float: none !important
}

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

/* Set widths on the form inputs since otherwise they're 100% wide */
#replydiscuss {
    max-width: 980px;
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


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

/* buttons and links extension to use brackets: [ click me ] */
.btn-bracketed::before {
    width: 30%;
    background-color: #337ab7;
    color: white;
    padding: 14px 20px;
    margin: 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.btn-bracketed::after {
    width: 30%;
    background-color: #337ab7;
    color: white;
    padding: 14px 20px;
    margin: 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

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

/* top nav*/
div .fatopnavitem {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
}



#AttributesActivePortal span {
    color: black;
}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    color: #fff;
}

.navbar-default .navbar-nav > li > a {
    color: #fff;
}

.navbar {
    background-color: #773970 !important;
    position: fixed;
}

.navbar-btn {
    color: #fff !important;
}

.bg-light {
    color: #fff !important;
}

div .data-view h3 {
    background-color: #773970;
    color: #fff;
    padding: 15px;
    margin-bottom: 0px;
}

element.style {
}

.bg-light{
    background-color: #773970 !important;
    position: fixed;
}


#sidebar-wrapper {
    background: none;

}


@media (min-width: 768px) .navbar {
    width: 100%;
}

.navbar {
    max-height: 90px;
    min-height: 90px;
    z-index: 99;
    border: none;
    margin-bottom: 0px !important;
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
}

.bg-light
/* data view*/
div .data-view h3 {
    background: #773970;
    color: #fff;
    padding: 15px;
}

div .data-view section {
    background: #F7F7F7;
}

div .data-view h3 {
    margin-bottom: 0px;
}

div .data-view .table tbody tr td {
    border-bottom: 1px solid #fff;
    vertical-align: middle;
}

article {
    background: rgba(119, 135, 146, 0.1);
}

div .data-view article h3 {
    margin-bottom: 10px;
}

div .data-view article .table tbody tr td {
    border-bottom: 1px solid #fff;
}

article p {
    padding-left: 10px;
    padding-right: 10px;
}

footer {
    display: none;
}

.approvalImage {
    padding: 0px;
    margin-left: auto;
    margin-right: 10px;
    height: 40px;
    width: 40px;
    padding-top: 0px;
}





#sml-btn {
    padding: 0px;
    margin-left: auto;
    margin-right: 10px;
    height: 40px;
    width: 40px;
}




thead {
    background: #CECFD2;
}

.dl-horizontal dt {
    width: auto;
}



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

@media (min-width: 767px) {
    body {
        /*padding-top: 70px;*/
        padding-bottom: 100px;
    }
}

.modal-backdrop.in {
    z-index: auto;
}

/* ******************************* */
/* Michaela's extras */
/* ******************************* */
.feedbackbutton, #fbbutton1, #fbbutton2, #fbbutton3, #fbbutton4, #fbbutton5, #fbbutton6, #fbbutton0, #fbbutton7 {
    background-color: #F7F7F7;
    border: none;
}

#teambutton1 {
    background-color: #F7F7F7;
    border: none;
}

#teambutton2 {
    background-color: #F7F7F7;
    border: none;
}

#teambutton3 {
    background-color: #F7F7F7;
    border: none;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 60%;
}

/* The Close Button */
.close1 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close2 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close3 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close4 {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.linkbox {
    background-color: rgb(119, 57, 112);
    width: 75px;
    height: 75px;
    line-height: 75px;
    text-align: center;
    color: #ffffff;
    border-radius: 4px;
}

.linkboxNumber {
    text-align: center;
    font-weight: bold;
    line-height: 2em;
    color: #ffffff;
    display: inline-block;
}

.filledcircle {
    width: 2em;
    height: 2em;
    border-radius: 100%;
    background-color: red;
}

.tiletext a {
    text-align: center;
    color: #ffffff;
    line-height: 1em;
}

.tiletext {
    text-align: center;
    line-height: 2em;
    margin-left: auto;
    margin-right: auto;
}

.rotate90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#linkstable {
    text-align: center;
}

.feedback {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.submit {
    width: 100%;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .submit:hover {
        background-color: #45a049;
    }

.table-responsive {
    width: 100%;
}

.submitbutton {
    width: 30%;
    background-color: #337ab7;
    color: white;
    padding: 14px 20px;
    margin: 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .submitbutton:hover {
        background-color: #337ab7;
    }

.btn-primary:focus, .btn-primary.focus {
    border: none;
}

#newDiscussion {
    font-family: Helvetica Neue,Arial, Helvetica, sans-serif;
    min-width: 2.5cm;
    border-radius: 5px;
    text-align: center;
    margin: auto;
}

.spacer {
    padding-left: 0.5cm;
}

/* ******************************* */
/* Buzzacott extras */
/* ******************************* */

.panel-primary > .panel-heading {
    color: #fff;
    background-color: #773970;
    border-color: #fff;
}

.panel-primary {
    border-color: #fff;
}

.panel {
    background-color: rgba(119, 135, 146, 0.1);
}

.btn-primary:hover {
    color: #fff;
    background-color: rgba(119, 135, 146, 1);
    border-color: none;
    border: none;
}

.btn-primary {
    color: #fff;
    background-color: rgba(119, 135, 146, 0.8);
    border-color: none;
    border: none;
}

    .btn-primary.focus, .btn-primary:focus {
        color: #fff;
        background-color: rgba(119, 135, 146, 1);
    }

.btn-group {
    padding-bottom: 10px;
}

a:focus, a:hover {
    color: #23527c;
    text-decoration: underline;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    border-top: none;
}

.submitbutton {
    width: 50%;
    background-color: rgba(119, 135, 146, 0.8);
    color: white;
    padding: 14px 20px;
    margin: 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

    .submitbutton:hover {
        background-color: rgba(119, 135, 146, 1);
        cursor: pointer;
    }

.activebutton {
    width: 50%;
    background-color: #773970;
    color: white;
    padding: 14px 20px;
    margin: 0px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

th {
    background-color: #778792;
    color: #fff;
}

.open {
    background-color: rgba(119, 135, 146, 0.8);
    color: #fff;
}

    .open a {
        color: #fff;
        text-decoration: underline;
    }

.closed a {
    text-decoration: underline;
}

.table-bordered {
    border: none;
}

    .table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th {
        border: 1px solid;
        border-color: #fff;
    }

.navbar-default .navbar-collapse, .navbar-default {
    background-color: rgb(119, 57, 112);
}

.sub_icon {
    float: none;
    padding-right: 0;
    padding-top: 0;
}

#wrapper {
    padding-top: 100px;
}