html{ color:#000;-webkit-text-size-adjust: none;

    background:#9049A3 50% 0;
    padding: 5px 0 0 0;}

body {
    padding-bottom: 50px;
    margin: 0 auto;
    font-family: Arial ,sans-serif;
    background: #191919;
    overflow: auto;
    min-height: 1000px;
}

h1,h2,h3,h4,h5,h6 {  font-family: "franklin-gothic-ext-comp-urw",sans-serif;font-size: 32px;}

h1 {

}

ul.list-items {
    margin: 0;
    padding: 10px 20px 20px 20px;
}

ul.list-items li{
    margin: 0;
    padding: 0px 0px 12px 0px;
}



.panel-default > .panel-heading{
    border-radius: 0!important;
    border-top: 4px #9049A3 solid;
    font-size: 20px!important;
}

.panel-group .panel {
    border-radius: 0!important;
}

.panel-title {
    font-size: 28px;
}
.confirmcheck {
    display: inline-block;
    width: 25px;
    float: left;
    position: relative;
}

.confirmtext {
    display: block;
    width: 100%;
    margin:0 0 5px 0;
}

.pad-right {
    margin-right: 15px
}

.calendar-full {
    margin-top: 20px;
    padding: 0 10px;
}

.calendar-header h3 {
    display: inline-block;
    padding: 0 0px;
    margin: 0;
}

.calendar-header{
    padding: 10px 25px!important;
}

.month-stat, .invite-stat {
    text-align: center;
    border-bottom: 1px solid #ccc;
    padding: 0 10px 18px 10px;
}

.invite-stat {
    text-align: center;
    padding: 0 10px 10px 10px;
}

.month-stat:last-child {
    border: 0!important;
}

.month-stat  h3, .invite-stat h3 {
    font-size: 26px;
    margin: 0;
    padding: 0;
}

.glyphicon {
    margin-left: 7px;
}

label.block{
    display: block;
    margin-top: 5px;
}

.input-group{
    max-width: 150px;
}

.input-group .glyphicon {
    margin: 0;
}

.input-container{
    margin-left: 20px;
}

.code-input {
    width: 65px;
    display: inline-block;
    float: left;
    text-align: center;
    position: relative;
}

.code-input input{
    width: 63px;
    display: inline-block;
    float: left;
    text-align: center;
}

.mandatory {
    display: block;
    position: absolute;
    top: -9px;
    right: -5px;
    font-size: 15px;
}

.code-break {
    width: 20px;
    display: inline-block;
    float: left;
    text-align: center;
    line-height: 30px;
}

label.time {
    display: inline;
    font-size: 13px;
}

label.time input {
    font-size: 13px;
    max-width: 55px;
    display: inline-block;
    text-align: center;
}

.small-text {
    font-size: 11px;
}

input[type='checkbox'].checkbox-button {
    margin-right: 10px;
}

input[type='checkbox'].checkbox-button-inline {
    margin-right: 10px;
    padding-right: 20px!important;
}


.checkbox-button-inline input[type='checkbox']{
    margin-right: 10px;
    padding-right: 20px!important;
}

.checkbox-button-inline {
    margin:5px 20px 0 0;
}


input[type='radio'].radio-button {
    margin-right: 10px;
}


table.timesheet th, table.timesheet td{
    text-align: center;
}

tr.total-row td {
    font-weight: bold;
    border: 0!important;
    background: none!important;
}

tr.total-row {
    font-weight: bold;
    border: 0!important;
}

ul.list {
    list-style: none;
    margin: 0 0 20px 0;
    padding:0;
}


ul.list li {
    padding: 5px 0;
}

.ticket-table {
    margin: 2% 0;
    padding-bottom: 7.5%;
}

.close-btn { margin-top: 6px;}

img.cfc-foundation {
    margin: 20px 0 0 0;
    float: left;
}

h1.name {
    float:left;
    font-weight:300;
    margin:45px 0 0 45px;
    font-size:25px;
    text-transform: uppercase;
    color: #fff;
}

.advert {
    text-align: center;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    padding: 3%;
    margin: 1% 1% 0 1%;
    width: 31.2%;
}

.side-advert { text-align: center;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    height: 200px;
    top: 52px;
}


h4.green { color: #2a6510; }
.gold { font-weight: bold; font-size: 16px;color: #d0ac6f;}

table.seat-table td , table.seat-table th { padding: 5px!important;}
table.seat-table td:first-child { width: 50px!important; }


#emailv { width: 100%; clear: both; text-align: left; padding: 6% 0 0;}
.pie-green {  background: #93bd44; padding: 1px 10px; margin-right: 10px;}
tr.bold { font-weight: bold;}
tr.blue { background-color: #d9f1fb;}
tr.blue-dark { background-color: #e5f6fd;}

.morning { background-color: #6d182f!important;color: #fff;font-size: 12.5px; letter-spacing: 0.05em;}
.afternoon { background-color: #54091d!important; color: #fff; font-size: 12.5px; letter-spacing: 0.05em; }
.evening { background-color: #5e182b!important;color: #fff;font-size: 12.5px; letter-spacing: 0.05em;}
.full-day { background-color: #4e1323!important;color: #fff;font-size: 12.5px; letter-spacing: 0.05em;}

ul.sortable { width: 50%; margin: 0 auto; padding: 0;}
ul.sortable li { list-style-type: none; cursor: pointer; padding: 10px; background-color: #f9f9f9; margin: 7px 0; font-size: 15px; text-align: center; border: 1px solid #ddd;}
#course-pref { margin-top: 3%; }
#course-pref h4 { text-align: center; padding: 10px 0; }


span.to { margin: 1%;}
.date h3 { font-size: 20px!important}
.timeslot { width: 40%; float: left; margin: 6px 0;}
.timeslot p { font-size: 20px;}
.time { font-size: 28px; }
.add-new { float: right; width: 40%; margin-top: 1%;}

tr.grey { background-color: #f9f9f9;}
td.no-line { border-top: 0!important; border-bottom: 0!important;}
tr.line { border-bottom: 1px solid #ccc!important; }


fieldset {
    border: solid 0 transparent;
}
a img {
    border: 0;
}
a { color: #9049A3;}
a:hover {color: #d72217; text-decoration: none;}
label { font-weight: normal;}

.age-select select{ width: 70px;display: inline-block;float: left; position: relative;}
.age-select p { width: 30px;display: inline-block;float: left;text-align: center;margin: 5px 0 0 0; }

.date-range {
    margin-top: 10px;
}
.date-range input { width: 70px;display: inline-block;float: left; position: relative;}
.date-range p { width: 30px;display: inline-block;float: left;text-align: center;margin: 5px 0 0 0; }

.search-form .form-group {
    margin-right: 10px;
    display: inline-block;

}

.search-form input.input-sm {
    width: 160px;
    display: block;
}

.search-form {
    display: block;
    overflow: auto;
    margin-bottom: 40px;
}

.search-form h2 {
    padding-bottom:40px;
}

.search-form .checkbox {
    margin: 0px 20px 0 0;

}

.search-form a {
    margin: 20px;
}

.search-form input[type=checkbox]{
    margin: -3px 5px 0 0!important;
    float: left;
}

.search-form.checkbox label {
    padding-top: 20px;
    background: red!important;
}

.arrow-choice-1 {
    width: 100%;
    margin: 0px -18px -20px;
    text-align: center;
}
.arrow-choice-2 {
    width: 100%;
    margin: 0 0 0 -49px;
    text-align: center;
}
.arrow-choice-3 {
    width: 100%;
    margin: 0 35px -20px;
    text-align: center;
}
.arrow-choice-4 {
    width: 100%;
    margin: 0 0 0 62px;
    text-align: center;
}

.arrow-choice-1 p , .arrow-choice-2 p , .arrow-choice-3 p , .arrow-choice-4 p{ margin: 0;}


table.text-sm td { font-size: 12px; }
.whitebox {
    height: 250px;
    margin-bottom: 2%;
    background-color: #fff;
    border: 1px solid #ccc;
}

.clear{clear:both;}
.hidden{display:none;}
.floatleft{float:left;}
.floatright{float:right;}

.progress-section { height: 100px;}
.progress { margin: 0; padding: 0;}

.pro-number {
    width: 100%;
    clear: both;
    height: 20px;
    font-weight: bold;
}
.progress-bar-red { background-color: #782d43;}



.replyforward {
    margin: 1.5% 0 0 0;
    padding: 0;
}
.profile { padding: 0;}
.profile img { border-radius: 60px;}
p.grey { color: #777;}


.ticket-comment {
    margin: 0 0 2% 0;
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    padding: 15px;
}
.blue-bg {
    margin: 0 0 2% 0;
    border: 1px solid #ddd;
    padding: 15px;
    background-color: #fffcf7;
}
.blue-bg h4 { margin: 0 0 3px 0;}


.module-grey {
    padding:15px;
    overflow: auto;
    margin-bottom: 5%;
    overflow: hidden;
    background-color: #f9f9f9;
    border-bottom: 1px solid #ddd;
}

.module-grey img {
    width: 100%;
    text-align: center;
}

.dash-table { margin-top: 3%;}
.dash-table p {
    background-color: #e2e0e0;
    border-radius: 5px;
    margin: 8px 4px;
    padding: 8px 6px;
    font-size: 12.5px;
}

td.no-black {
    background-color: #fff!important;
    border: 0!important;
}


span.grey { color: #fff;}
.address { padding: 0;}
.address-btn { margin-top: 3.7%; padding: 0;}
.no-pad { padding: 0;}
.dash-box {
    padding: 0 5px 5px 5px;
}


table.seat-selector td , table.seat-selector-right td {
    font-size: 12px;
    color: #fff;
    padding: 10px 5px 0px 5px!important;
    border: 1px solid #ddd;
    text-align: center;
}

table.seat-selector th { width: 30px; text-align: center; }

table.seat-selector td:first-child {
    border: 0!important;
    background-color: #fff;
    color: red;
    padding: 5px;
}

.modal-bottom { margin-bottom: 25%;}

.mob-show { display: none;}

td.right { text-align: right;}

.top-btns { margin: 2%; text-align: center;}


.pref-table td:first-child { width: 110px; font-weight: bold;}


.stadium-container {
    float: left;
    width: 650px;
    display: inline-block;
}

.stadium-container img {
    display: inline-block;
    margin: 0!important;
    background: none;
}

.show-btns {
    width: 150px;
    float: right;
    display: inline-block;
}

.show-btns a {
    width: 100%;
    margin-bottom: 10px;
}
.show-btns h4 {
    text-align: center;
    display: block;
    margin-bottom: 10px;
}



.stadium-blocks { margin: 5% 0 0 0;}
table.stadium-blocks-table td { width: 30px;}
.block-sel img {
    margin: 0 0 0% 1%;
}
.block-sel-tabs { text-align: center; margin: 1% 0 4% 0;}

.title-block {
    color: #9049A3;
    border-bottom: 1px solid #dac397;
    margin: 4% 0 0% 0;
    padding: 6px 0px;
    clear: both;
    font-size: 16px;
}



.grey-block {
    color: #000;
    background-color: #ddd;
    padding: 6px 10px;
    clear: both;
}

.title-block-accordian {
    color: #9049A3;
    border-bottom: 1px solid #dac397;
    margin: 1% 0 0% 0;
    padding: 6px 0px;
    clear: both;
    font-size: 15px;
}

.title-block-accordian:hover {
    color: #7d2139;
    border-bottom: 1px solid #dac397;
    margin: 1% 0 0% 0;
    transition: all 0.9s ease;
    padding: 6px 0px;
    clear: both;
}



th.time { width: 50px;}
th.client { width: 130px;}
th.group {width: 120px;}
th.request {width: 100px;}
th.agent {width: 100px;}
th.attended {width: 50px;}



.viewby { width: 350px; float: right; margin-top: -0.7%; }

.login {
    margin: 31px 0 10px 0;
    clear: both;
}

img.logo {
    float: left;
    display: inline-block;
    margin-top: -5px;
}



.btn-primary {
    border:1px solid #72021c; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    background-color: #a90329; background-image: -webkit-gradient(linear, left top, left bottom, from(#a90329), to(#6d0019));
    background-image: -webkit-linear-gradient(top, #a90329, #6d0019);
    background-image: -moz-linear-gradient(top, #a90329, #6d0019);
    background-image: -ms-linear-gradient(top, #a90329, #6d0019);
    background-image: -o-linear-gradient(top, #a90329, #6d0019);
    background-image: linear-gradient(to bottom, #a90329, #6d0019);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a90329, endColorstr=#6d0019);
}
.btn-primary:hover {
    background-color: #3c5098;
    color: #fff;
}

.wrap-top {
    background: url(../images/bg-bar.jpg);
    height: 4px;
}

/*.dropdown-default { 
  max-width: 100%;
   border: 1px solid #ccc; 
   line-height: 22px;   
   border-radius: 4px; 
   height: 33px;
   overflow: hidden; 
   background: url(../images/drop.png) no-repeat right #fff;  
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
text-indent: 0.01px;
text-overflow: ''; }*/


.form-section {
    display: inline;
    width: 50%;
}


input.reginput {
    display: block;
    min-width: 15%;
}
select.input-sm { line-height: 1em;}
span.apt { margin-left: 18px;}
td.center { text-align: center;}


tr.inactive td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #e70000,
    inset 10px 0 0 #e70000,
    inset 10px 0 0 #e70000;
    -moz-box-shadow:
    inset 10px 0 0 #e70000,
    inset 10px 0 0 #e70000,
    inset 10px 0 0 #e70000;
    box-shadow:
    inset 10px 0 0 #e70000,
    inset 10px 0 0 #e70000,
    inset 10px 0 0 #e70000;
    padding-left: 10px;
}

span.inactive{
    width: 15px;
    height: 15px;
    background: #e70000;
    margin: 0 10px 0 0;
}


tr.sold td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #7d2139,
    inset 10px 0 0 #7d2139,
    inset 10px 0 0 #7d2139;
    -moz-box-shadow:
    inset 10px 0 0 #7d2139,
    inset 10px 0 0 #7d2139,
    inset 10px 0 0 #7d2139;
    box-shadow:
    inset 10px 0 0 #7d2139,
    inset 10px 0 0 #7d2139,
    inset 10px 0 0 #7d2139;
    padding-left: 20px;
}

span.sold{
    width: 15px;
    height: 15px;
    background: #7d2139;
    margin: 0 10px 0 0;
}


td.blue-block { background-color: #57bdf2!important; color: #fff; }

tr.reserved td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #cfab6c,
    inset 10px 0 0 #cfab6c,
    inset 10px 0 0 #cfab6c;
    -moz-box-shadow:
    inset 10px 0 0 #cfab6c,
    inset 10px 0 0 #cfab6c,
    inset 10px 0 0 #cfab6c;
    box-shadow:
    inset 10px 0 0 #cfab6c,
    inset 10px 0 0 #cfab6c,
    inset 10px 0 0 #cfab6c;
    padding-left: 20px;
}

span.reserved{
    width: 15px;
    height: 15px;
    background: #cfab6c;
    margin: 0 10px 0 0;
}



span.inactive{
    width: 15px;
    height: 15px;
    background: #bbb;
    margin: 0 10px 0 0;
}

tr.inactive td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #bbb,
    inset 10px 0 0 #bbb,
    inset 10px 0 0 #bbb;
    -moz-box-shadow:
    inset 10px 0 0 #bbb,
    inset 10px 0 0 #bbb,
    inset 10px 0 0 #bbb;
    box-shadow:
    inset 10px 0 0 #bbb,
    inset 10px 0 0 #bbb,
    inset 10px 0 0 #bbb;
    padding-left: 20px;
}


span.active-green{
    width: 15px;
    height: 15px;
    background: #89af2f;
    margin: 0 10px 0 0;
}


tr.active-green td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #89af2f,
    inset 10px 0 0 #89af2f,
    inset 10px 0 0 #89af2f;
    -moz-box-shadow:
    inset 10px 0 0 #89af2f,
    inset 10px 0 0 #89af2f,
    inset 10px 0 0 #89af2f;
    box-shadow:
    inset 10px 0 0 #89af2f,
    inset 10px 0 0 #89af2f,
    inset 10px 0 0 #89af2f;
    padding-left: 20px;
}


tr.blue-attended td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #1b2f97,
    inset 10px 0 0 #1b2f97,
    inset 10px 0 0 #1b2f97;
    -moz-box-shadow:
    inset 10px 0 0 #1b2f97,
    inset 10px 0 0 #1b2f97,
    inset 10px 0 0 #1b2f97;
    box-shadow:
    inset 10px 0 0 #1b2f97,
    inset 10px 0 0 #1b2f97,
    inset 10px 0 0 #1b2f97;
    padding-left: 20px;
}

span.blue-attended{
    width: 15px;
    height: 15px;
    background: #1b2f97;
    margin: 0 10px 0 0;
}


tr.invited td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #ff9900,
    inset 10px 0 0 #ff9900,
    inset 10px 0 0 #ff9900;
    -moz-box-shadow:
    inset 10px 0 0 #ff9900,
    inset 10px 0 0 #ff9900,
    inset 10px 0 0 #ff9900;
    box-shadow:
    inset 10px 0 0 #ff9900,
    inset 10px 0 0 #ff9900,
    inset 10px 0 0 #ff9900;
    padding-left: 10px;
}

span.invited{
    width: 15px;
    height: 15px;
    background: #ff9900;
    margin: 0 10px 0 0;
}

span.seat{
    width: 15px;
    height: 15px;
    background: #111;
    margin: 0 10px 0 0;
}

span.no-seat{
    width: 15px;
    height: 15px;
    background: #fff;
    border: 1px solid #ccc;
    margin: 0 10px 0 0;
}

span.aisle{
    width: 15px;
    height: 15px;
    background: #bbb;
    margin: 0 10px 0 0;
}



tr.abandoned td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #000,
    inset 10px 0 0 #000,
    inset 10px 0 0 #000;
    -moz-box-shadow:
    inset 10px 0 0 #000,
    inset 10px 0 0 #000,
    inset 10px 0 0 #000;
    box-shadow:
    inset 10px 0 0 #000,
    inset 10px 0 0 #000,
    inset 10px 0 0 #000;
    padding-left: 20px;
}

span.abandoned{
    width: 15px;
    height: 15px;
    background: #000;
    margin: 0 10px 0 0;
}

span.appointment-invite{
    width: 15px;
    height: 15px;
    background: #ccc;
    margin: 0 10px 0 0;
}

span.accept-invite{
    width: 15px;
    height: 15px;
    background: orange;
    margin: 0 10px 0 0;
}

span.invite-declined{
    width: 15px;
    height: 15px;
    background: #da2037;
    margin: 0 10px 0 0;
}

span.appointment-confirm{
    width: 15px;
    height: 15px;
    background: green;
    margin: 0 10px 0 0;
}

span.avail-require{
    width: 15px;
    height: 15px;
    background: #ba008c;
    margin: 0 10px 0 0;
}


.table-number {
    background-color: #eee;
    padding: 2%;
}

.form-control-num {
    margin: 2px;
    width: 40px;
    text-align: center;
}
.modal-header-sml { margin: 2% 2% -1% 2%;   border-bottom: 3px solid #cfab66; }
.modal-header-sml h4 { color: #68132b; font-size: 20px;}
.modal-header-sml-config { margin: 4% 4% 0 4%; }
.modal-header-sml-config h4 { font-size: 20px!important;}
th.center { text-align: center;}

table.table-configure td:first-child { max-width: 25px!important; }

h3.blue { color: #65caf2;}
table.table-configure td {
    text-align: center;
    max-width: 50px!important;
    background-color: #fff!important;
    font-size: 11px;
    padding: 1px!important;
}

table.table-configure th {
    max-width: 50px!important;
    background-color: #fff!important;
    padding: 5px!important;
}

table.table-configure td.seat {
    background-color: #111!important;
    color: #fff;
}

table.table-configure td.grey {
    background-color: #bbb!important;
}

table.table-configure td.settings {
    font-size: 13px!important;
    background-color: #eee!important;
}

.block-select {
    width: 300px;
    float: right;
    margin: 1% 0;
}

.sf-2col tr td:first-child { width: 200px;}

.sf-link {
    text-align: right;
    color: #fff;
    font-size: 11.5px;
    padding:15px 10px;
    width: 100%;
    clear: both;
}

.sf-link a:hover { text-decoration: underline;}

.text-sm { font-size: 13px; color: #555;}

.sf-dashboard td:last-child {
    vertical-align: middle!important;
    text-align: center;
}


span.title-des { font-weight: normal; font-style: italic; }

span.red { color: #da2037;}
span.green { color: #169e00; }
span.orange { color: #ce760f; }

table.table-check td:first-child { width: 40px;}


table.table-pref tr { background-color: #fafafa; }
table.table-pref td:first-child { font-weight: bold;}
table.table-group td:first-child { width: 100px; font-weight: normal;}

table.table-check td , table.table-group td { border: 0!important; }

.sf-2col td:first-child { font-weight: bold;}

.form-sml { width: 20%; display: inline; }

.rating { width: 42%; display: inline; }

.form-sml-48 { width: 48%; display: inline; }

.btn-close { padding: 0px 1% 0.2% 0!important;}
.modal-content-wide { width: 900px; margin-left: -26%;}
.modal-content-full { width: 100%;}
.modal-content-wide-1 { width: 1250px; margin-left: -58%; max-height: 650px; overflow: auto;}

.site-title{
    margin-top: -3px;
    background: #9049A3;
    height: 32px;
    clear: right;
    float: right;
}

.site-title p , .site-title-login p {

    font-size: 13px;
    color: #fff;
}


.site-title-login{
    background: #9049A3;
    height: 32px;
    text-align: center;
    margin: 2% 0;
}



.fix-red {
    background-color: #da2037;
    text-decoration: none;
    padding: 8%;
    color: #fff;
}
.fix-green {
    background-color: #009900;
    text-decoration: none;
    padding:8%;
    color: #fff;
}


.highlight-red:hover {
    background-color: #960303;
    text-decoration: none;
    padding: 11px 15px;
    color: #fff;
}
.highlight-green:hover {
    background-color: #016e01;
    text-decoration: none;
    padding: 11px 15px;
    color: #fff;
}


.admin {
    width: 100%;
    margin: 0 auto;
    max-width: 400px;
    position: relative;
    overflow: auto;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0px 0 20px 0;
    float: left;
    border-radius: 4px;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #ffffff;
    cursor: default;
    background-color: #d1d3d4;
    border: 1px solid #ccc;
}


ul.stadium-legend { text-align: center; margin: 5% 0 0 0;}
ul#legend {
    list-style:none;
    margin:19px 0 10px 0;
    padding:0;
    display: block;
    clear: both;
    position: relative;
    text-align:center;
    padding-top: 20px;

}

ul#legend li{
    display: inline-block;
    font-size: 13px;
    margin: 0 7px 10px 0;
    border: 0;
}

ul#legend span {
    padding: 2px 0 0 0;
    display: inline-block;
    float: left;
}


tr.previous-tour td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #8b60ac,
    inset 10px 0 0 #8b60ac,
    inset 10px 0 0 #8b60ac;
    -moz-box-shadow:
    inset 10px 0 0 #8b60ac,
    inset 10px 0 0 #8b60ac,
    inset 10px 0 0 #8b60ac;
    box-shadow:
    inset 10px 0 0 #8b60ac,
    inset 10px 0 0 #8b60ac,
    inset 10px 0 0 #8b60ac;
    padding-left: 10px;
}

span.previous-tour{
    width: 15px;
    height: 15px;
    background: #8b60ac;
    margin: 0 10px 0 0;
}

tr.free td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #1476db,
    inset 10px 0 0 #1476db,
    inset 10px 0 0 #1476db;
    -moz-box-shadow:
    inset 10px 0 0 #1476db,
    inset 10px 0 0 #1476db,
    inset 10px 0 0 #1476db;
    box-shadow:
    inset 10px 0 0 #1476db,
    inset 10px 0 0 #1476db,
    inset 10px 0 0 #1476db;
    padding-left: 10px;
}

span.free{
    width: 15px;
    height: 15px;
    background: #1476db;
    margin: 0 10px 0 0;
}

.free{
    border-left: 10px solid #1476db;
}

tr.free2 td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #9c14db,
    inset 10px 0 0 #9c14db,
    inset 10px 0 0 #9c14db;
    -moz-box-shadow:
    inset 10px 0 0 #9c14db,
    inset 10px 0 0 #9c14db,
    inset 10px 0 0 #9c14db;
    box-shadow:
    inset 10px 0 0 #9c14db,
    inset 10px 0 0 #9c14db,
    inset 10px 0 0 #9c14db;
    padding-left: 10px;
}

span.free2{
    width: 15px;
    height: 15px;
    background: #9c14db;
    margin: 0 10px 0 0;
}

.free2{
    border-left: 10px solid #9c14db;
}

tr.available td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68;
    -moz-box-shadow:
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68;
    box-shadow:
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68;
    padding-left: 10px;
}

span.available{
    width: 15px;
    height: 15px;
    background: #009d68;
    margin: 0 10px 0 0;
}

.available{
    border-left: 10px solid #009d68;
}

tr.live td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68;
    -moz-box-shadow:
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68;
    box-shadow:
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68;
    padding-left: 10px;
}

span.live{
    width: 15px;
    height: 15px;
    background: #009d68;
    margin: 0 10px 0 0;
}

tr.paid td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68;
    -moz-box-shadow:
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68;
    box-shadow:
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68,
    inset 10px 0 0 #009d68;
    padding-left: 10px;
}

span.paid{
    width: 15px;
    height: 15px;
    background: #009d68;
    margin: 0 10px 0 0;
}

tr.suspended td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #a16300,
    inset 10px 0 0 #a16300,
    inset 10px 0 0 #a16300;
    -moz-box-shadow:
    inset 10px 0 0 #a16300,
    inset 10px 0 0 #a16300,
    inset 10px 0 0 #a16300;
    box-shadow:
    inset 10px 0 0 #a16300,
    inset 10px 0 0 #a16300,
    inset 10px 0 0 #a16300;
    padding-left: 10px;
}

span.suspended{
    width: 15px;
    height: 15px;
    background: #a16300;
    margin: 0 10px 0 0;
}

tr.limited td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500;
    -moz-box-shadow:
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500;
    box-shadow:
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500;
    padding-left: 10px;
}

span.limited{
    width: 15px;
    height: 15px;
    background: #ff9500;
    margin: 0 10px 0 0;
}

.limited{
    border-left:10px solid #ff9500;
}

tr.not-due td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500;
    -moz-box-shadow:
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500;
    box-shadow:
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500;
    padding-left: 10px;
}

span.not-due{
    width: 15px;
    height: 15px;
    background: #ff9500;
    margin: 0 10px 0 0;
}

tr.scheduled td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500;
    -moz-box-shadow:
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500;
    box-shadow:
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500,
    inset 10px 0 0 #ff9500;
    padding-left: 10px;
}

span.scheduled{
    width: 15px;
    height: 15px;
    background: #ff9500;
    margin: 0 10px 0 0;
}

tr.waiting-list td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed;
    -moz-box-shadow:
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed;
    box-shadow:
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed;
    padding-left: 10px;
}

span.waiting-list{
    width: 15px;
    height: 15px;
    background: #0087ed;
    margin: 0 10px 0 0;
}

.address-search { float: right; padding:0;margin-top: 15px;}
.emer-name { margin-right: 2%;}
tr.complete td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed;
    -moz-box-shadow:
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed;
    box-shadow:
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed,
    inset 10px 0 0 #0087ed;
    padding-left: 10px;
}

span.complete{
    width: 15px;
    height: 15px;
    background: #0087ed;
    margin: 0 10px 0 0;
}

tr.sold-out td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000;
    -moz-box-shadow:
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000;
    box-shadow:
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000;
    padding-left: 10px;
}

span.sold-out{
    width: 15px;
    height: 15px;
    background: #db0000;
    margin: 0 10px 0 0;
}

.sold-out{
    border-left:10px solid #db0000;
}

tr.overdue td:first-child{
    -webkit-box-shadow:
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000;
    -moz-box-shadow:
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000;
    box-shadow:
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000,
    inset 10px 0 0 #db0000;
    padding-left: 10px;
}

span.overdue{
    width: 15px;
    height: 15px;
    background: #db0000;
    margin: 0 10px 0 0;
}

td.green-block { background-color: #219c19; color: #fff; cursor: pointer;}
td.black-block { background-color: #000;color: #fff; cursor: pointer;}
td.blue-block { background-color: #1999dc;color: #fff; cursor: pointer;}
td.orange-block { background-color: #fda729;color: #fff; cursor: pointer;}



span.green-block{
    width: 15px;
    height: 15px;
    background: #219c19;
    margin: 2px 5px 0 0;
}

span.orange-block{
    width: 15px;
    height: 15px;
    background: #fda729;
    margin: 2px 5px 0 0;
}

span.blue-block{
    width: 15px;
    height: 15px;
    background: #1999dc;
    margin: 2px 5px 0 0;
}

span.black-block{
    width: 15px;
    height: 15px;
    background: #000;
    margin: 2px 5px 0 0;
}

span.red-block{
    width: 15px;
    height: 15px;
    background: #f20f35;
    margin: 2px 5px 0 0;
}





.modal-header {
    min-height: 16.428571429px;
    padding: 10px 21px 14px;
    border-bottom: 3px solid #1976e4;

}

.modal-header h3 {
    margin: 10px 0px 5px;

}




.modal-title {
    margin: 0;
    line-height: 1.428571429;
    font-size: 32px;
}

.waiting-btn { margin: 2%; }
.form-sml-1 { width: 80%; display: inline;}
.form-sml-2 { width: 32%; display: inline;}
.wrap {
    position: relative;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: rgba(255,255,255,1);
    padding: 10px 10px 40px 10px;
    overflow: hidden;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);

}

.wrap.active {
    left: 320px;
    overflow:initial;
}

.navbar-default .navbar-toggle{
    border: 1px solid #ccc;
    background: #9049A3;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    border: 1px solid #ccc;
    background: #9049A3;
}


button.side-menu-link {
    position: relative;
    float: left;
    padding: 5px 10px;
    margin: 9px 0px 0px 15px;

}
.module-activate {
    border: 1px solid #ddd;
    padding: 30px 35px 70px;
    background-color: #fff;
    width: 60%;
    margin: 30px auto 0;
    border-top: 5px solid #9049A3;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

.modal-login p {
    font-weight: normal;
}

.modal-login {
    border: 1px solid #ddd;
    padding: 3% 9% 9%;
    background-color: #fff;
    border-radius: 0;
    border-top: 5px solid #9049A3;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
}

.module-login {
    padding: 25px;
    background-color: #fff;
    width: 100%;
    margin:0 auto;
    max-width: 400px;
}

.main-logo-login {
    margin:0 auto;
    padding: 10px 0;
}

.main-logo-login img {
    width: 230px;
    height: 80px;
    margin: 0 auto;
    display: block;
}




h1.login-title {
    text-align: center;
    margin-top: 0px;
}
.form-group-login {
    margin: 20px 0 25px 0;
}
.header-login {
    border-bottom: 1px solid #ddd;
}

.fg-header {
    padding: 10px 0 30px 0;
    background-repeat: repeat-x;
    background-width: 100%;
}

.stats {
    margin-right: 10px;
}

.filter-div {
    width: 150px;
    display: inline-block;
    margin-right: 20px!important;

}

#course-header , #extra-header {
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    float: left;
    width: 100%;
    border-left:20px solid transparent;
    padding-left: 5px;
}

.coaches-container {
    display: inline-block;
    margin: 0 10px 0 15px;
}

table.v-align-m td {
    vertical-align: middle!important;
}

td.center {
    text-align: center!important;
}

.indate {
    background: #d6e9c6;
    color: #009d68;
    padding: 5px;
    border: 1px solid #009d68!important;
    text-align: center;
}

.expired {
    background: #e99292;
    color: #a30206;
    padding: 5px;
    border: 1px solid #a30206!important;
    text-align: center;
}

a.expired:hover {
    color: #a30206!important;
}

.coaches-assigned{
    /* background: #91db92;*/
    background: #d6e9c6;
    color: #009d68;
    border: 2px solid #009d68!important;
    padding:7px 8px;
    font-size: 14px;
    font-weight: bold;
    margin: -1px 10px 0 10px;
    display: inline-block;
}




.coaches-un-assigned{
    background: #e99292;
    border: 2px solid #a30206!important;
    padding:7px 8px;
    font-size: 14px;
    font-weight: bold;
    margin: -1px 10px 0 10px;
    display: inline-block;
    color: #a30206;
}

.coaches-un-assigned .btn {
    margin-right: 20px;
}


.course-container{
    background:#f1f1f1;
    display: block;
    position: relative;
    margin-bottom: 25px;
    font-size: 12px;
    line-height: 20px;
    padding: 0px 0px 0px 0px;
}

.course-container img {
    padding: 0;
}

.course-container .row {
    margin:0px 0 0px 0;
    padding: 8px 0;
    position: relative;
    vertical-align: middle;
    border-bottom: 1px solid #dfdfdf;
    overflow: auto;
    border-right: 1px solid #dfdfdf;
}

.course-container .row:first-child {
    border-top: 1px solid #dfdfdf;

}

.invite-only {
    margin: 5px 5px 0 0;
}

.course-status {
    position: absolute;
    right: 0;
    bottom: 0px;
}
.course-detail-top {
    font-size: 12px;
    display: inline-block;
    float: left;
    width: 100%;

}

.course-detail-bottom {
    font-size: 12px;
    display: inline-block;
    float: left;
    width: 80%;

}



.course-col-1 {
    width: 18%;
    line-height: 26px;
    display: inline-block;
    float: left;
    margin:0 5px 0 0;
}

.course-col-6 {
    width: 45.2%;
    line-height: 26px;
    display: inline-block;
    float: left;
    margin:0 5px 0 0;
}

.course-col-7 {
    width: 100%;
    line-height: 26px;
    display: inline-block;
    float: left;
    margin:0 5px 0 0;
}

.bottom-header {
    font-weight: bold;
}

.course-col-4 {
    width: 20%;
    line-height: 26px;
    display: inline-block;
    float: left;
    margin:0 5px 0 0;
}

.course-col-3 {
    width: 25%;
    line-height: 26px;
    display: inline-block;
    float: left;
    margin:0 5px 0 0;
}



.course-col-2 {
    width: 17.5%;
    line-height: 26px;
    display: inline-block;
    float: left;
    margin:0 5px 0 0;
}

.course-col-5 {
    width: 20%;
    font-size: 12px;
    line-height: 26px;
    display: inline-block;
    float: left;
}

.course-col-5 a {
    font-size: 13px;
    display: inline-block;
    float: left;
    margin:0 0 0 5px ;
}




.table tr th {
    background: none!important;
    border-top: 0!important;
}



ul.top-nav {
    float: left;
    display: inline;
    padding: 0;
    margin: 1% 0 0 2.7%;
    width: 100%;
    clear: both;
}

ul.top-nav li {
    list-style-type: none;
    font-weight: bold;
    display: inline;
    margin: 20px 20px 20px 0;
}

ul.top-nav li a {
    font-size: 13.5px;
    color: #9049A3;
}

ul.sub-nav {
    float: left;
    display: inline;
    padding: 0;
    margin:10px 0 30px 0;
    width: 100%;
    clear: both;
}

ul.sub-nav li {
    list-style-type: none;
    font-weight: bold;
    display: inline;
    margin: 20px 20px 20px 0;
}

ul.sub-nav li a {
    font-size: 13.5px;

}




table.app-table tr {  border-bottom: 1px solid #ccc;  }
td.white-bg { background-color: #fcfcfc;}
span.control-buttons-center p { text-align: center; margin-bottom: 25px;}
td.bold { font-weight: bold;}
.openclose { margin-top: 6px;}
.btn-green {
    color: #fff;
    background-color: green;
}

.btn-disabled {
    color: #fff;
    background-color: #bbb;
}

.btn-default {

    background: #9049A3;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size:13.5px;
    padding: 3px 10px;
    text-decoration:none;
    display:inline-block;
    color: #FFFFFF;
    font-family: "palace_main", Helvetica, Arial, Verdana, sans-serif;
}

.btn-default:hover {
    color: #9049A3;
    background-color: transparent;
    border: 2px solid #9049A3;
}

.btn-success, .btn-danger {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size:13.5px;
    padding: 3px 10px;
}

/*.btn-default {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  font-size:13.5px;
  padding: 3px 10px;
  background: #ffcf00;
  border: 0;
  color: #050033;
}

.btn-default:hover {
  background: #fddb46;
}
*/

.btn-gold{
    border:1px solid #bb903c; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px;
    padding: 8px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    background-color: #cda962; background-image: -webkit-gradient(linear, left top, left bottom, from(#cda962), to(#c29234));
    background-image: -webkit-linear-gradient(top, #cda962, #c29234);
    background-image: -moz-linear-gradient(top, #cda962, #c29234);
    background-image: -ms-linear-gradient(top, #cda962, #c29234);
    background-image: -o-linear-gradient(top, #cda962, #c29234);
    background-image: linear-gradient(to bottom, #cda962, #c29234);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cda962, endColorstr=#c29234);
}

.btn-gold:hover{
    border:1px solid #987531;
    color: #FFFFFF;
    background-color: #bf933d; background-image: -webkit-gradient(linear, left top, left bottom, from(#bf933d), to(#ad8538));
    background-image: -webkit-linear-gradient(top, #bf933d, #ad8538);
    background-image: -moz-linear-gradient(top, #bf933d, #ad8538);
    background-image: -ms-linear-gradient(top, #bf933d, #ad8538);
    background-image: -o-linear-gradient(top, #bf933d, #ad8538);
    background-image: linear-gradient(to bottom, #bf933d, #ad8538);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#bf933d, endColorstr=#ad8538);
}

.btn-grey {
    color: #fff;
    background-color: #bbb;

}

.btn-grey:hover {
    color: #fff;
    background-color: #999;
}


.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin: 0;
}

.navbar { z-index: 0; }

.form-confirm { clear: both; margin-top: -10px; }
.form-row { clear: both; width: 100%; padding: 3% 0; }
.form-row h4  {padding-bottom: 10px;}



.nav > li > a { padding: 8px 11px;}
.nav > li > a:hover { background-color: #fff;}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    margin: 0;
}
.navbar {
    margin-bottom: 0;
}

.navbar-default {
    border-top: 1px solid #ddd;
    background: #191919;
    border-radius: 0;
    border: 0;
    background-size: 5px 5px;
}

.navbar .container {
    background: url(../images/top-menu-borders.png) center top no-repeat;


}

.navbar-default .navbar-nav ul{
    padding-left:20px;
}
.navbar-nav {
    padding: 0;
}
.navbar-nav > li > a {
    padding: 0;
    font-weight: bold;
}
.navbar-nav > li {
    padding: 0;
    height: 50px;
    margin-top: 1px;
    font-weight: bold;
}



.navbar-default .navbar-nav > li > a {
    color: #9049A3;
    font-size: 24px;
    border-right: 1px solid #9049A3;
    font-weight: 200;
    padding:0px 15px 4px 15px;
    margin-top: 10px;
    font-family: "franklin-gothic-ext-comp-urw",sans-serif;
}

.navbar-default .navbar-nav > li:hover {
    background: #191919;
}

.navbar-default .navbar-nav > li:last-child > a {
    border-right: none;
}

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

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #FFFFFF!important;
    background:#9049A3!important;
    background-image:none;

}

.navbar-default a:hover {  color: #333;


}

.module-sub-title {
    width: 100%;
    display:block;
}

.prev-next { float: right; margin-top: -5px; }
.calendar-wrapper { padding: 0 20px;}
.current-month { font-size: 24px;font-weight: bold; float: left; margin-bottom: 25px;}
.top { margin-top: 21%;}


.col-md-9 .module-title {
    padding: 0 15px;
}

.module-title {
    width: 100%;
}
.module-title h3{
    color: #7d2139;
    font-size: 19px;
    font-weight: bolder;
    padding: 0px 0px 10px;
    border-bottom: 1px #dcbb82 solid;
    display:block;
    margin-bottom: 0;

}

.col-md-3 .module-title h3{
    color: #7d2439;
    font-size: 19px;
    font-weight: bolder;
    padding: 0px 0px 10px;
    border-bottom: 1px #9049A3 solid;
    display:block;
    margin-bottom: 0;

}

.col-md-3 h5{
    color: #c19f5f;
    font-size: 18px;
    padding: 2% 0 3%;
}



.module-title h4{
    color: #2d2d2d;
    font-size: 16px;
    font-weight: bolder;
    padding: 20px 0 9px 10px;
    /*border-bottom: 5px #00275D solid;*/
    display:block;
}

.module-sub-title h3{
    color: #2d2d2d;
    font-size: 16px;
    font-weight: bolder;
    padding: 10px 0 5px 0px;
    border-bottom: 1px #000 solid;
    display:block;
    margin-top: 0;
}


.module-content {
    padding: 15px 15px 20px 15px;
    /*background: rgba(244,244,244,0.75);*/
    color: #2d2d2d;
    overflow: auto;
    /*border:solid 1px #dcdcdc;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;*/
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 13px;
}


.col-md-3 .module-content {
    padding: 15px 20px 20px;
    background: rgba(244,244,244,0.75);
    color: #2d2d2d;
    overflow: auto;
    /*border:solid 1px #dcdcdc;*/
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 13px;
}

.module-content-small {
    padding: 15px 5px 20px;
    background: #f9f9f9;
    color: #000;
    overflow: auto;
    border:solid 1px #dcdcdc;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 13px;
}

.circle {
    font-size: 75px;
    color: #fff;
    width: 90px;
    height: 90px;
    background-image: url("../images/circle.png");
    background-repeat: no-repeat;
}

.arrow-down {
    font-size: 100px;
    color: #fff;
    text-align: center;
    margin: -18px 0 -33px 0;
}

p.title {
    font-size: 16px;
    font-weight: bold;}

.table-no-border { width: 70%; }
.table-no-border td { border: 0!important;}
table.no-border td , table.no-border tr { border: 0!important;}
.add-mem { margin: 0 0 3% 0;}

.green-block {
    background-color: #009900;
    color: #fff;
    padding: 2%;
    overflow: auto;
    margin-bottom: 2%;
}
.red-block {
    background-color: #862e43;
    color: #fff;
    padding: 2%;
    overflow: auto;
    margin-bottom: 2%;
}



/* REVAMP */

.btn-new {
    width: 49.5%;
    text-align: center;
    font-size: 16px;
    margin: 2% 0 0 0;
}

.table-new {
    box-shadow: 0px 4px 5px #ddd;
    background-color: #fff;

}
table.basket-table { border-bottom: 1px solid #ddd;}
.basket-table td:first-child { border-left: 1px solid #ddd;}
.basket-table td:last-child { border-right: 1px solid #ddd;}
.table-new th , .table-grey th , .basket-table th{ padding: 12px 8px 11px 8px!important;}


.table-grey {
    color: #111;
    border: 1px solid #eee;
    background-color: #f3f3f5!important;
}



.purchase-btns {
    margin: 5% 0;
    text-align: center;
    padding-bottom: 10%;
}

td.right , th.right { text-align: right;}

.tracker-buttons {
    width: 100%;
    clear: both;
    margin: 2% 0 5% 0;
}

ul.pref-btns {
    margin: 0;
    padding: 0;
    width: auto;
    display: inline-block;
    margin-bottom: 40px;
}

ul.pref-btns li { display: inline;  }

ul.pref-btns li a {
    padding: 10px 30px 10px 0px;
    border-bottom: 4px solid #ccc;
    color: #ccc;
    font-size: 16px;
    list-style-image: none;
    width: 25%;
}


ul.pref-btns li a:hover {
    text-decoration: none;
}

ul.pref-btns li a.active {
    border-bottom: 4px solid #9049A3;
    color: #781f37;
    font-weight: bold;
}

.track {
    font-size: 21px;
    clear: both;
    margin-right: 5px;
}


.pay-description { margin: 3% 0;}

.green-alert {
    color: green;
    font-size: 16px;
    padding: 2%;
    margin: 3% 0;
}

.blue-line {
    border-top: 5px solid #cfab66;
    margin: 3% 0 1% 0;
    padding: 1% 3% 3% 3%;
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

}

.red-line {
    border-top: 5px solid #7b263a;
    margin: 3% 0 1% 0;
    padding: 1% 3% 3% 3%;
    background-color: #fff;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;

}

.grey-line {
    background-color: #eee;
    color: #999;
    padding: 1% 3% 3% 3%;
    overflow: auto;
    margin: 3% 0;
    clear: both;
    width: 100%;
}

.circle1-com {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    font-size: 30px;
    color: #fff;
    padding-top: 1%;

    border: 1px solid #7b263a;
    background-color: #7b263a;
    text-align: center;
    margin: 3% 0 0 -3%;
}

.circle2-com {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    font-size: 30px;
    color: #fff;
    padding-top: 1%;
    border: 1px solid #cfab66;
    background-color: #cfab66;
    text-align: center;
    margin: 3% 0 0 -3%;
}

.circle3-com {
    position: absolute;
    width: 60px;
    height: 60px;
    border-radius: 60px;
    font-size: 30px;
    color: #fff;
    padding-top: 1%;
    border: 1px solid #ddd;
    background-color: #ddd;
    text-align: center;
    margin: 3% 0 0px -3%;
}

.progress-box {
    background-color: #f9f9f9;
    padding: 2% 1% 1% 1%;
    color: #ccc;
    width: 31.9%;
    display: inline-block;
    margin: 0 1% 0 0;
    text-align: center;
    border-width: 3px 1px 1px;
    border-color: #eee;
    border-style: solid;
}

.progress-box h1 {
    padding: 5%;
    margin: 0 auto;
    background-color: #ddd;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 40px;
    font-size: 19px;
    color: #fff;
}


.progress-box-active {
    color: #fff;
    background-color: #cfab66;
    width: 31.9%;
    display: inline-block;
    margin: 0 1% 0 0;
    text-align: center;
    padding: 2% 1% 1% 1%;
    border: 1px solid #eee;
}

.progress-box-active h1 {
    padding: 5%;
    margin: 0 auto;
    background-color: #fff;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 40px;
    font-size: 19px;
    color: #cfab66;
}


.progress-box-complete {
    color: #7b263a;
    background-color: #f9f9f9;
    width: 31.9%;
    display: inline-block;
    margin: 0 1% 0 0;
    text-align: center;
    padding: 2% 1% 1% 1%;
    border-width: 3px 1px 1px;
    border-color: #7b263a #eee #eee;
    border-style: solid;
}

.progress-box-complete h1 {
    padding: 4.5%;
    margin: 0 auto;
    background-color: #7b263a;
    height: 40px;
    width: 40px;
    text-align: center;
    border-radius: 40px;
    font-size: 19px;
    color: #fff;
}


.progress-box-active p , .progress-box p , .progress-box-complete p { margin-top: 4%; }



.circle1 {
    position: absolute;
    width: 55px;
    height: 55px;
    border-radius: 55px;
    font-size: 27px;
    color: #fff;
    padding-top: 1%;

    border: 1px solid #cfab66;
    background-color: #cfab66;
    text-align: center;
    margin: 3% 0 0 -3%;
}

h3.green { color: green;}

.circle2 {
    position: absolute;
    width: 55px;
    height: 55px;
    border-radius: 55px;
    font-size: 27px;
    color: #fff;
    padding-top: 1%;
    border: 1px solid #ddd;
    background-color: #ddd;
    text-align: center;
    margin: 3% 0 0 -3%;
}

.circle3 {
    position: absolute;
    width: 55px;
    height: 55px;
    border-radius: 55px;
    font-size: 27px;
    color: #fff;
    padding-top: 1%;
    border: 1px solid #ddd;
    background-color: #ddd;
    text-align: center;
    margin: 3% 0 0 -3%;
}



/* END OF REVAMP*/


.grey-block {
    background-color: #eee;
    color: #999;
    padding: 2%;
    overflow: auto;
    margin-bottom: 2%;
}

.green-block a , .red-block a , .grey-block a {
    color: #fff;
    text-decoration: underline;
}


.border-bottom { border-bottom: 1px solid #ddd;}
.table-striped tr td{
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.table-striped tr{
    border-bottom: 1px solid #ccc;
}


/*.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) td {
  background: rgba(244,244,244,0.7);
}*/


.cell-bold {
    font-weight: bold!important;
}

.cell-center {
    text-align: center!important;
}

.cell-right {
    text-align: right!important;
}

.cell-left {
    text-align: left!important;
}

.cell-empty {
    border: none!important;
    background: none!important;
}

a.float-right {
    float: right;
    margin-left: 5px;
}
.cell-emptyborder {
    border-right: 1px solid #b9b9b9;
    border-left: none!important;
    border-bottom: none!important;
    border-top: none!important;
    background: none!important;
}




.afterlabel {
    display: inline-block;
    padding: 3px 0 0 0;
}


.table tr th {
    background: none!important;
    border-top: 0!important;
}

.small-margin{
    margin: 0 0 15px 0!important;


}


.mob-show {
    display: none;
}

.pull-right.btn {
    margin-left:5px;
}


.cell-empty {
    border: none!important;
    background: none!important;
}

.cell-emptyborder {
    border-right: 1px solid #b9b9b9;
    border-left: none!important;
    border-bottom: none!important;
    border-top: none!important;
    background: none!important;
}
.cell-bordertop td{
    border-top: 1px solid #b9b9b9;
}


@media screen and (max-width: 46.3em) {


    .navbar-collapse

    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        padding: 0;
    }



    .sf-2col tr td:first-child {
        width: 100px;
    }

    .responsive-calendar .controls h4 {
        display: inline;
        font-size: 20px;
        line-height: 32px;
    }



    img.logo {
        float: left;
        display: inline-block;
        max-width: 59%;
    }
    .js .oc {
        width: auto;
        position: absolute;
        top: 0;
        left: -320px;
    }
    .wrap {
        overflow: inherit!important;
        box-shadow: none;

    }


    #side-menu {
        max-width: 300px;
        width: 100%;
        background: #fff;
        padding: 10px;
    }

    .mob-logo {
        display: inline-block;
        float: left;
        margin-left: 15px;
    }

    .login {
        margin-right: 15px;
    }

    .navbar-collapse {
        max-height: 100%;border: none!important;
    }


    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        margin: 0;
        border: none!important;
    }

    .navbar-default .navbar-nav > li > a {
        margin: 0!important;
        padding: 10px 10px;
    }

    .navbar-default .navbar-nav > li {
        margin: 0!important;
        padding: 0!important;
        height: auto;
    }

    .mob-show {
        display: inline-block;
    }
    .mob-hide {
        display: none!important;
    }

    .module-title h3 {
        padding: 15px 0 10px 10px;
    }

    .form-group {
        margin: 0 1px 10px 1px!important;
    }


}






/*iPad*/
@media screen and (min-width: 33em) and (max-width: 63.236em) {



    .navbar-nav > li > a {
        padding: 5px 8px;
        font-size: 12px;
    }
    .module-login { width: 80%;}

    .form-group { margin: 0 1px 10px 1px!important; }

    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2 { padding: 0 5px; }
    ul.top-nav {
        float: left;
        display: block;
        padding: 0% 0% 2.5% 1%;
        width: 100%;
        clear: both;
    }
    .ticket-comment , .blue-bg { padding: 10px 15px 10px;}


    .circle1, .circle2 , .circle3 , .circle4 , .circle1-com , .circle2-com , .circle3-com { display: none;}



    .advert { width: 100%; }

    ul.pref-btns li a { display: block; width: 100%;  margin: 3% 0; }

    h1.name { font-size: 16px;}
}





@media screen and (min-width: 46em) {
    button.side-menu-link {
        display: none;
    }


}

@media screen and (max-width: 32em) {

    body {
    }

    .name {
        display: none;
    }


    .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
        padding: 5px;
    }

    .module-login { width: 100%;}

    h1.login-title { font-size: 28px;}

    .mob-show { display: block}
    .main-logo { width: 25%; float: left;}
    .mob-hide { display: none;}


    .navbar-nav > li > a {
        padding: 5px 8px;
        font-size: 12px;
    }


    ul.top-nav {
        float: left;
        display: block;
        padding: 0;
        width: 100%;
        margin:2% 0 4%;
        clear: both;
    }
    ul.top-nav  li {
        display: block;
        line-height: 2em;
        margin: 0 3%;
    }

    .fg-header {
        width: 100%;
    }

    .form-group {
        margin: 0 1px 10px 0!important;
    }
    .form-sml { width: 42%;}
    .logo { width: 50%;}

    select.input-sm { height: 32px;}
    .input-sm { padding: 0 0 0 10px;}

    .circle1, .circle2 , .circle3 , .circle4 , .circle1-com , .circle2-com , .circle3-com , .profile { display: none;}

    .ticket-comment , .blue-bg { padding: 10px 15px 10px;}

    .btn-new {
        width: 100%;
    }

    h1.name { font-size: 9px; margin: 10px 0 0 15px;}

    .advert { width: 100%; }

    ul.pref-btns li a { display: block; width: 100%;  margin: 3% 0; }

    .module-title h3 { padding: 0 0 10px 0;}
    .progress-box , .progress-box-active , .progress-box-complete { width: auto;}
}





/*iPad*/
@media screen and (min-width: 33em) and (max-width: 63.236em) {

    .navbar-nav > li > a {
        padding: 5px 8px;
        font-size: 12px;
    }

    .voucher-ad { display: none;}
    .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2 { padding: 0 5px; }
    input.reginput { width:50%; }
    .extra-col-1 { margin:  0 0 0 11.5%;}


}



@media screen and (max-width: 36em) {
    .search-form input.input-sm {
        width: 100%;
        display: block;
    }

    .search-form select {
        width: 99%;
    }

    .search-form .form-group {
        width: 99%;
    }

    .search-form .form-group a {
        float: left;
    }

    .course-col-2 , .course-col-4 , .course-col-1 , .course-col-3 , .course-col-6 {

        width: 100%;
    }

    .course-col-5 {
        margin:3.5% 0 2% 0;
        width: 100%;
        padding: 0 0 0 5px;
    }

    input.reginput { width:100%;}
    .course-col-7 { font-size: 14px; }
    ul#legend li { margin: 0 4px 11px 0; }
    #course-header { display:none; }
    .course-detail-top { font-size: 14px; }
    .course-detail-bottom { width: 100%; }
    .module-title h3 { padding: 15px 0 10px 10px; }
    .course-container { padding: 10px; }

    .course-container .row {
        border:none!important;
    }
    input.emergency-input { display: block; max-width: 100%; }
    .extra-col-1 { margin:  0 0 0 16%;}
}


/*mobile*/
@media screen and (max-width: 32em) {

    .extra-hide { display: none;}
    .extra-col-1 { width: 29%; margin: 0;}
    .extras-actions { width: 33%;}
    .extras-content { width: 27%; }
    .extra-col-2 { width: 42%;}
    img.logo { max-width: 180px;margin-left: -10px;margin-top: 18px;}
    .mob-btn { clear: both; float: left; display: block; margin: 0 0 3% 0;}
    .basket-btn { float: left; display: block; width: 100%;}

}