/*noinspection CssRedundantUnit*/

@import url("//hello.myfonts.net/count/2e1f5a");
html{ color:#000;-webkit-text-size-adjust: none;}

body {
  padding-bottom: 50px;
  background: #f4f4f4;
  background-position: center top;
  background-attachment: fixed;
  background-repeat: repeat-x;
  background-width: 100%;
  margin: 0 auto;
  font-family: "Arial", sans-serif;


}

/*@font-face {font-family: 'FrizQuaNo2D';src: url('../fonts/2E1F5A_0_0.eot');src: url('../fonts/2E1F5A_0_0.eot?#iefix') format('embedded-opentype'),url('../fonts/2E1F5A_0_0.woff2') format('woff2'),url('../fonts/2E1F5A_0_0.woff') format('woff'),url('../fonts/2E1F5A_0_0.ttf') format('truetype');}*/


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 0, 0, 0.6);
  outline: 0 none;
}

/*h1,h2,h3,h4,h5,h6 {  font-family: "FrizQuaNo2D",sans-serif;}*/

.dropdown-menu { margin-top: 0px;right: 0;}

.pay-options { margin: 3% 0; font-size: 16px; }
.ticket-table {
  margin: 2% 0;
  padding-bottom: 7.5%;
}

.center-logo { margin: 0 auto; text-align: center;}

.address { margin: 30px 0; line-height: 1.2em;}
.close-btn { margin-top: 6px;}

h1.name {
  clear: both;
  display: inline-block;
  font-size:17px;
  text-transform:uppercase;
  color: #000;
  }

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

.side-advert {
  margin: 52px 0 0 0;
}
.side-advert img {
  width: 100%;
}

/*
standard nav

.navbar-default {
  box-shadow:none!important;
}
.navbar {
  margin-bottom: 0!important;
}
.navbar-default .navbar{
  color: #fff!important;
}

.navbar-default .navbar-nav > li > a {
  color: #000!important;
}
*/

.navbar {

  border-radius: 0!important;
}


.navbar-default {
  background: #e31b23!important;
  box-shadow:none!important;
  border: none!important;
  /*border-top: 3px solid #b1953a!important;
  border-bottom: 3px solid #b1953a!important;*/
}
.navbar {
  margin-bottom: 0!important;
}
.navbar-default .navbar{
  color: #fff!important;
}

.navbar-default .navbar-nav > li > a {
  color: #e1007d!important;
  border-right: 1px solid #2d2d2d!important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background: #ae0f15!important;
  color: #fff!important;
}

.navbar-default .navbar-nav > li > a:hover {
  background: #ae0f15!important;
  color: #fff!important;
}

.navbar-collapse {
  padding: 0;
}

/*
 gold nav

.navbar-default {
  background: #b1953a!important;
  box-shadow:none!important;
  border-top: none!important;
}
.navbar {
  margin-bottom: 0!important;
}
.navbar-default .navbar{
  color: #fff!important;
}

.navbar-default .navbar-nav > li > a {
  color: #fff!important;
  border-right: 1px solid #fff!important;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  background: #000!important;
  color: #fff!important;
}
*/

#wrap {
  box-shadow:none!important;
  padding: 30px 10px;
}


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

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

.client-logo {
  width: 60px;
  position: absolute;
}

.header-banner {
  width: 200px;
  display: block;
  position: relative;
}

img.header-banner {
  display: block;
  margin: 15px auto;
}

.main-logo { display: inline-block;}
img.main-logo {
  height: 100px;
  margin:0 0 20px 0;
}

.logo-login {
  width: 200px;
}

.main-logo-login {
overflow: auto;
display: block;
height: auto;
position: relative;
    width: 100%;
}

.main-logo-login p { text-align: center; margin: 3% 0 7% 0;}

.main-logo-login .client-logo {
  width: 50px;
  position: relative;
  float: left;
}

.main-logo-login .header-banner {
  display: block;
  width: 220px;
  position: relative;
  margin-top:10px;
}

#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;}




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: #e31c23; font-weight: bold;}
a:hover {color: #ae0f15; text-decoration: none;}
label { font-weight: normal;}

.arrow-choice-1 {
  width: 100%;
  margin: 0px -18px -5px;
  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: #999;}
.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;
  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: #000;
  border-bottom: 2px solid #00a88e;
  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: #000;
  border-bottom: 2px solid #00a88e;
  margin: 1% 0 0% 0;
  padding: 6px 0px;
  clear: both;
  font-size: 15px;
  }

  .title-block-accordian:hover {
  color: #000;
  border-bottom: 2px 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-top: 14px;
}

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 #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.sold{
  width: 15px;
  height: 15px;
  background: #000;
  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: #b94a48;
  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 span {
  margin-right: 5px;
  vertical-align: middle;
}
.sf-link {
  text-align: right;
  color: #777;
  font-size: 11.5px;
  padding:15px 10px;
  width: 100%;
  clear: both;
}
.sf-link a:hover { text-decoration: underline;}

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

.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: #00a88e;
  height: 32px;
  clear: right;
  float: right;
}

.site-title p , .site-title-login p {
  text-transform: uppercase;
  letter-spacing: 0.01em;
  font-size: 13px;
  color: #fff;
  padding: 7px 13px 0;
}


.site-title-login{
  background: #00a88e;
  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 {  width: 100%; clear: both; padding: 0;}

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

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

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

span.inactive{
  width: 15px;
  height: 15px;
  background: #c9c9c9;
  margin: 2px 5px 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;
}


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

span.suspended{
  width: 15px;
  height: 15px;
  background: #b94a48
  margin: 2px 5px 0 0;
}


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

}

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

}




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

.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:normal;
}

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

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

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

.module-login {
  border: 1px solid #ddd;
  padding: 25px 35px 45px 35px;
  background-color: #fff;
  width: 40%;
  margin: 6% auto 0;
  border-top: 5px solid #00a88e;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);
}

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

.lfc-header {
  padding: 40px 0 40px 0;
  background-color: #2B5AA9;
}

.lfc-header .container {
  padding: 0 0 0 20px;
}

.lfc-header .main-logo {
  display: block;
  float: left;
  position: relative;
  margin-bottom: 0;
  padding: 0 0 0 0!important;
}

.lfc-header .btn-group {
  display: block;
  float: right;
  position: relative;
  margin:50px 45px 0 0;
  padding: 0 0 0 0!important;
  width: 200px;
}

.lfc-header .btn-group .btn{
  margin:5px 0px 0 0;
}

.lfc-header .btn-group p{
  display: inline-block;
  float: right;
  position: relative;
  color: #000;
  margin: 0!important;
  font-weight: bold;
  padding: 00px 5px 0 0!important;
}


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

.nav-tabs { border-bottom: 1px solid #777;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {border-bottom: 1px solid #777; }

.nav-tabs > li > a { margin: 8px 2px 0 0;}
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: #00a88e;
}

ul.top-nav li a:hover {
  font-size: 13.5px;
  color: #02705f;
}


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 {
      padding:7px 10px;
    }

    .btn-action {
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      font-size:13.5px;
      padding: 7px 10px;
      text-decoration:none;
      display:inline-block;
      color: #FFFFFF;
      background-color: #e31b23;
    }

    .btn-action:hover {
     background-color: #ae0f15;
color: #FFFFFF;
     }


.btn-gold{
border:1px solid #bb903c; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:13px; 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: #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-default {
      border-top: 1px solid #ddd;
 background-color: #f3f3f3;
background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(255, 255, 255)), to(rgb(223, 223, 223)));
background-image: -webkit-linear-gradient(top, rgb(255, 255, 255), rgb(223, 223, 223));
background-image: -moz-linear-gradient(top, rgb(255, 255, 255), rgb(223, 223, 223));
background-image: -o-linear-gradient(top, rgb(255, 255, 255), rgb(223, 223, 223));
background-image: -ms-linear-gradient(top, rgb(255, 255, 255), rgb(223, 223, 223));
background-image: linear-gradient(top, rgb(255, 255, 255), rgb(223, 223, 223));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ffffff', EndColorStr='#dfdfdf');
border-bottom: 1px solid #ccc;
box-shadow: 0 4px 6px rgba(211, 211, 211, 0.6);
}
.navbar-default .navbar-nav ul{
  padding-left:20px;
}
.navbar-nav {
  padding: 0;
}
.navbar-nav > li > a {
  padding: 10px 16px ;
  font-weight: bold;
  /*font-family: "FrizQuaNo2D";*/
}


.navbar-default .navbar-nav > li > a {
  color: #333;
  font-size: 13px;
  border-right: 1px solid #eee;
}



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



.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: #000;
  font-size: 22px;
  padding: 0px 0px 10px;
  border-bottom: 2px #00a88e solid;
  display:block;
  margin-bottom: 0;

}

.col-md-3 .module-title h3{
  color: #000;
  font-size: 22px;
  padding: 0px 0px 10px;
  border-bottom: 2px #00a88e 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: 20px;
  padding: 20px 0 9px 10px;
  border-bottom: 2px #00a88e solid;
  display:block;
}

.module-sub-title h4{
    color: #2d2d2d;
    font-size: 16px;
    padding: 10px 0 5px 0;
    border-bottom: 2px #00a88e solid;
    margin-bottom: 0;
    display:block;
}

.module-sub-title h3{
  color: #2d2d2d;
  font-size: 20px;
  padding: 10px 0 5px 0;
  border-bottom: 2px #00a88e 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-bottom:solid 1px #dcdcdc;
  border-left:solid 1px #dcdcdc;
  border-right: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 { display:table;padding: 0;
    display:table;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;}

ul.pref-btns li { display:table-cell;margin: 0!important;padding: 0!important;}

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

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

  ul.pref-btns li a.active {
  border-bottom: 3px solid #00a88e;
  color: #111111;
  font-weight: bold;
}

.track {
  font-size: 16px;
  clear: both;
}


.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, .pull-right > .btn {
  margin-left:5px;
  margin-bottom: 10px;
}
*/


.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) {

  .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;
  }

  .col-md-3 {
    padding-top: 60px;
  }



  .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;

  }

.navbar-nav > li > a {
  padding: 20px 0px ;
  margin: 0px;
}
.navbar-default .navbar-nav > li > a {
  color: #333;
  border-right: none;
  border-bottom: 1px solid #ddd;
}

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


.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #000;
  background: none;

}


.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: 15px 8px;
  font-size: 12px;
}

.module-login { width: 80%;}

.lfc-header .btn-group {
  margin: 25px 10px;
}

.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;}

.lfc-header { background-image: none; }

.advert { width: 100%; }

}





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



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

  body {
    background-image: none;
    background-color: #f5f5f5;
  }

  .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;
  }

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

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


  .navbar-nav > li > a {
    padding: 15px 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%;
  }
  .form-group {
    margin: 0 1px 10px 0!important;
  }

  .form-sml { width: 42%;}

  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 , .advert , .module-login { 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;}

  .pay-options { margin: 3% 0; font-size: 14px; }

  .main-logo { width: 60px;}

  .client-logo {
    width: 35px;
    position: absolute;
  }

  .header-banner {
    display: block;
    position: relative;
  }

  img.header-banner {
    width: 220px;
    display: block;
    margin: 0 auto;
  }
  h1.name { font-size: 10px;}
  .lfc-header .container {
    padding: 0 0 0 18px;
  }
  .lfc-header { background-image: none; }
  .lfc-header .btn-group {
    margin: 30px 10px;
  }

}