/*
*   Table of content
*   - Category
*   - Footer
*   - Input
*   - Basket
*
*
*/

/********************** General ************************/
.clearfix
{
    clear: both;
}

.bg-primary
{
    color: #444;
    background-color: white;
    padding: 15px;
    border-radius: 4px;
}

    .bg-primary h1
    {
        margin-top: 0px;
    }

.alert
{
    margin: 10px 0;
}

.btn-paynow > .badge {
    min-width: 70px;
}

#formLoading {
    padding: 5px;
}

.inline-forms > form {
    display: inline;
}

/********************** Tables ************************/

table td .btn, table td .badge {
    margin-top: 5px;
    margin-bottom: 5px;
}

table tr.total-top {
	border-top: 2px solid #333;
}

table tr.total-bottom {
	border-bottom: 2px solid #333;
}

table td.no-wrap {
    white-space: pre;
}


/********************** Category ************************/



/********************** Footer ************************/



/********************** Panels ************************/
.panel .panel-title {
    font-weight: bold;
}

.panel-body {
    margin: 5px;
}

.panel .messages {
    margin-top: -15px;
    margin-bottom: 15px;
}

/********************** Basket ************************/
.basket-item-discount {
    color: #d9534f;
    display: block;
}

.item-discount {
    color: #d9534f;
}

/********************** Membership Recurring Payment ************************/

#pnlPaymentMethod
{
    margin: 10px 0px;
}

/********************** Class Grid ************************/

.ClassGrid
{
    height:100px;
    position: relative;
    margin-bottom: 20px;
}

.class-grid-buttons
{
    width: 100%;
    bottom: 0;
}

.class-grid-btn
{
   width: 100%;
   margin: 5px 0px;
   word-break: break-word;
   white-space: normal;
}

.GridSpan
{
    word-break: break-all;
}

span.label
{
    padding: 7px;
}

#classTimetableGrid > .table > .table td
{
    padding: 5px;
}

/********************** Course Results *****************/

.course-results .h3 a {
    color: #333;
}
      
.course-results:nth-child(even) {
    background: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.course-results .course-info .badge {
    margin-right: 5px;
}

.course-results .course-info .btn.btn-details {
    margin-left: 30px;
}

.course-results.panel .panel-heading {
    background-color: inherit;
}

table.table th.col-1 {
    width: calc(100% / 12);
}

table.table th.col-2 {
    width: calc(100% / (12/2));
}

table.table th.col-3 {
    width: calc(100% / (12/3));
}

table.table th.col-4 {
    width: calc(100% / (12/4));
}

table.table th.col-5 {
    width: calc(100% / (12/5));
}

table.table th.col-6 {
    width: 50%;
}

table.table th.col-7 {
    width: calc(100% / (12/7));
}

table.table th.col-8 {
    width: calc(100% / (12/8));
}

table.table th.col-9 {
    width: calc(100% / (12/9));
}

table.table th.col-10 {
    width: calc(100% / (12/10));
}

table.table th.col-11 {
    width: calc(100% / (12/11));
}

table.table th.col-12 {
    width: 100%;
}

/********************** Validation *********************/

/* override form validation with Microsoft versions */
/* line 36, test.scss */
.input-validation-error {
  color: #a94442;
  background-color: #f2dede;
}
/* line 18, test.scss */
.input-validation-error.radio, .input-validation-error.checkbox, .input-validation-error.radio-inline, .input-validation-error.checkbox-inline {
  color: #a94442;
}
/* line 22, test.scss */
.input-validation-error.form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 25, test.scss */
.input-validation-error.form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

/* copied from alerts */
/* line 45, test.scss */
.validation-summary-errors {
  /* copied from _alerts.scss */
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
  /* include mixin */
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
  /* copied from theme */
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.05);
  /* include theme mixin */
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF2DEDE', endColorstr='#FFE7C3C3', GradientType=0);
  border-color: #dca7a7;
  /* include grid */
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
/* line 53, test.scss */
.validation-summary-errors h4 {
  margin-top: 0;
  color: inherit;
}
/* line 59, test.scss */
.validation-summary-errors .alert-link {
  font-weight: bold;
}
/* line 65, test.scss */
.validation-summary-errors > p,
.validation-summary-errors > ul {
  margin-bottom: 0;
}
/* line 68, test.scss */
.validation-summary-errors > p + p {
  margin-top: 5px;
}
/* line 8, C:/Users/Andrew/Documents/_Intelligenz/Development/Bootstrap/test/stylesheets/bootstrap/mixins/_alerts.scss */
.validation-summary-errors hr {
  border-top-color: #e4b9c0;
}
/* line 11, C:/Users/Andrew/Documents/_Intelligenz/Development/Bootstrap/test/stylesheets/bootstrap/mixins/_alerts.scss */
.validation-summary-errors .alert-link {
  color: #843534;
}

/* line 85, test.scss */
.field-validation-error {
  color: #a94442;
}

/********************** Class Availability ************************/

span .label
{
    
}

/********************** Participants ************************/
 
fieldset legend
{
    padding-left: 10px;
}

.ParticipantTypes
{
    margin: 10px;
}

/********************** All Bookings ************************/

table tr .minimise, table tr .restore {
    height: 100%;
    width: 20px;
    float: right;
}

table tr th.pad-right-20px, 
table tr td.pad-right-20px {
    padding-right: 20px;
}