/***
Notes from v1.5 // CAN BE DELETED AFTER UPDATE
***/
.note {
  margin: 0 0 20px 0;
  padding: 15px 30px 15px 15px;
  border-left: 5px solid #eee;
}
.note h1,
.note h2,
.note h3,
.note h4 {
  margin-top: 0;
}
.note p:last-child {
  margin-bottom: 0;
}
.note code,
.note .highlight {
  background-color: #fff;
}
/* Variations */
.note-danger {
  background-color: #FAEAE6;
  border-color: #ed4e2a;
}
.note-warning {
  background-color: #FCF3E1;
  border-color: #fcb322;
}
.note-info {
  background-color: #E8F6FC;
  border-color: #57b5e3;
}
.note-success {
  background-color: #EBFCEE;
  border-color: #3cc051;
}

.note .progress,
.note .progress .bar {
  border-radius: 4px !important;
}

.note .progress {
  height: 8px;
  border: 1px solid rgba(255, 255, 255, .85);
  background: rgba(0, 0, 0, .2);
}

/***********************************************/
.text-white {color:#ffffff;}
.container-fluid{padding-right:10px;padding-left:10px;}
#wrapper-class-details {padding:15px;background:#ffffff;}
  #wrapper-class-details .easy-pie-chart {margin:50px 0 0 20px;}
.form-note-box {margin-left:0% !important; width:51.2% !important;}
.form-note-box .note {margin-bottom:0px;/*min-height:247px;*/height:100%;}
form {margin:0 !important;}
table.table {background:#ffffff;}
#dashboard {background:#ffffff;margin-bottom:20px;}
#home-dashboard {overflow:hidden;margin-bottom:20px;margin-top:10px;}
.nav-collapse .page-sidebar .sidebar-search {margin:0px !important;}
.page-sidebar .sidebar-search {margin:8px 20px 20px 20px !important;}
.header .nav > li.support .dropdown-toggle, .header .nav > li.system-notifications .dropdown-toggle, .header .nav > li#header_shop A{padding:14px 10px;border-left:1px solid #cccccc;}
.header .nav > li.support .dropdown-toggle, .header .nav > li.system-notifications .dropdown-toggle, .header .nav > li#header_make_pay A{padding:14px 10px;border-left:1px solid #cccccc;}
.header .nav > li.support .dropdown-toggle, .header .nav > li.system-notifications .dropdown-toggle, .header .nav > li#header_cash_register A{padding:14px 10px;border-left:1px solid #cccccc;}

.header .nav > li.support .dropdown-toggle, .header .nav > li.lang-pack .dropdown-toggle, .header .nav > li#header_shop A{padding:14px 10px;border-left:1px solid #cccccc;}
.header .nav > li.support .dropdown-toggle, .header .nav > li.lang-pack .dropdown-toggle, .header .nav > li#header_make_pay A{padding:14px 10px;border-left:1px solid #cccccc;}
.header .nav > li.support .dropdown-toggle, .header .nav > li.lang-pack .dropdown-toggle, .header .nav > li#header_cash_register A{padding:14px 10px;border-left:1px solid #cccccc;}
LABEL {font-size:12px;}
.page-content {min-height:600px;}
.dataTables_paginate {float:right;}
.btn {outline:none !important; font-weight: normal; }
.alert .btn { border-bottom: 0; }
.text-info A, .text-error A {text-decoration:underline !important;}
.text-info A:hover, .text-error A:hover {color:#000000 !important;}
[class^="icon-"]:before, [class*=" icon-"]:before {cursor:pointer !important;}
#filter-section-data {display:none;padding:15px 0 0 15px;margin:5px 0 15px;overflow:hidden;}
    #filter-section-data INPUT,#filter-section-data SELECT, .form-search INPUT {vertical-align:baseline !important;background:#fff !important;}
    #filter-section-data LABEL, .form-search LABEL {display:inline;float:left;margin-right:15px;line-height:26px;}
.btn-group {}
  .btn-group .btn { -webkit-border-radius:0 !important;
	-moz-border-radius:	0 !important;
		  border-radius:0 !important;
	  -o-border-radius:0 !important;
	  -ms-border-radius:0 !important;background:#ffffff;border:1px solid #cfd9db;font-size:12px;padding:7px 10px;}
      .btn-group .btn:hover {background-color:#eaeaea !important;}
      .btn-group .btn:first-child {-webkit-border-radius:0 !important;
          -moz-border-radius:	0 !important;
          border-radius:0 !important;
          -o-border-radius:0 !important;
          -ms-border-radius:0 !important
      }
      .btn-group .btn:last-child {-webkit-border-radius:0 4px 4px 0 !important;
          -moz-border-radius:0 4px 4px 0 !important;
                border-radius:0 4px 4px 0 !important;
            -o-border-radius:0 4px 4px 0 !important;
            -ms-border-radius:0 4px 4px 0 !important}
      .btn-group .active {background:#f5f5f5 !important;color:#000000;}
.table .cell-center {text-align:center;}
.table .cell-right {text-align:right;}
.table .cell-left {text-align:left;}
.table .tiny-cell {width:5%;}
.table .icn-only {border-radius:5px !important;}
.general-form {border:1px solid #eee;border-bottom:none;}
    .general-form .control-group LABEL.control-label {width:38%;padding-left:2%;}
    .general-form .control-group .controls {margin-left:42%;min-height: 20px;}
    .general-form.ajax-modal-form {margin-bottom:0;}
        .general-form.ajax-modal-form .control-group LABEL.control-label {width:30%;}
        .general-form.ajax-modal-form .control-group .controls {margin-left:32%;}
        .general-form.ajax-modal-form .modal-radios{margin-left: 40px !important;}
        .general-form.ajax-modal-form .form-actions {margin-top:0;margin-bottom:0;}
    .controls INPUT, .controls SELECT, .controls TEXTAREA/*,.input-prepend INPUT, .input-append INPUT */{border-left:5px solid #eeeeee;box-shadow:none;}
    .mandatory .control-label {font-weight:bold;}
    .mandatory .controls INPUT, .mandatory .controls SELECT, .mandatory .controls TEXTAREA {border-left-color:#ff0000 !important;}
    .form-actions {padding-left:20px !important;margin:0px;border-bottom:2px solid #cccccc;background-color:#f1f1f1;}
.general-form #select-clubs {display:none;}
.general-form .controls .radio {margin-top:0 !important;}
.general-form .form-separator {padding:20px;border-bottom:1px solid #eeeeee;}
    .form-separator H3 {margin:0;font-weight:bold;font-size:20px;}
#add-new-company {margin-top:-60px !important;}
    /*#add-new-company .modal-body {min-height:600px;}*/
.search-form [class^="m-icon-"], .btn-group [class^="m-icon-"] {width:16px;height:16px;}
.search-form {margin-bottom:12px;background:#ffffff;  -webkit-border-radius:4px !important;
  -moz-border-radius:	4px !important;
  border-radius:4px !important;
  -o-border-radius:4px !important;
  -ms-border-radius:4px !important;}
    .search-form .input-preped INPUT, .search-form .input-append INPUT {border-left-width:1px !important;}
    .search-form FORM {padding:12px 14px 0 14px;margin:0;}
    .search-form LABEL {margin-bottom:12px;}
.search-form-buttons {display: inline;float: left;margin:0 15px 15px 0;}
.member-table .label {padding:5px 8px;font-size:14px !important;}
.label-suspended {background:#D84A38;}
.operations-cell .btn {display:block;}
.dashboard-stat H1 {color:#fff;}
.latest-notifications {}
    .latest-notif {padding:5px;border-right:4px solid #ddd;margin-bottom:10px;}
    .latest-notif:hover {background:#fafafa;border-color:#35aa47;}
        .latest-notif I {display:inline-block;vertical-align: middle;font-size:30px;}
        .notif-title {font-size:20px;margin-left:5px;}
        .notif-date {display:block;margin-top:10px;}
.inbox-view-header H2 {margin:0;margin-left:10px;padding:0;line-height:26px;}
.breadcrumb {font-size:11px !important;}
.breadcrumb A {font-size:11px !important;}
.table tr td {font-size:12px;line-height:18px;padding:4px 6px;}
    .table tr td .btn {font-size:12px;margin-bottom: 1px;}
.table.v-centered tr td { vertical-align: middle; }
.reception-box {overflow:hidden;}
    .reception-box .portlet-body {overflow:hidden;text-align:center;}
    .reception-box INPUT.m-wrap.huge {width:100% !important;height:20px !important;}
    .reception-box .buttons {text-align:right;}
    .reception-box .btn {display:block;margin-bottom:10px;}
    .reception-box LABEL {font-size:24px;line-height:30px;font-weight:bold;color:#666;text-transform: uppercase;color:#f05a23;}
    .reception-box LABEL.label-blur {color:#aaa;}
    .reception-box FORM {display:inline-block;text-align:center;}
    .reception-box #card_id_icons {font-size:64px; color:#f05a23;}
    .reception-box #card_id_icons.label-blur {color:#aaa;}

    .reception-box #card_id {position:relative;
      width:100%;
      height:auto;
      border:0;
      background: transparent;
      color:transparent;
      box-sizing:border-box;
      box-shadow:none;
      text-align:center;
      text-transform:uppercase;
      font-weight:bold;
      opacity:.5;
      -webkit-text-security: square;
    }

    @keyframes card_id_focus {
      from   { background-position: bottom right; }
      to { background-position: bottom left; }
    }
    
    .reception-box #card_id:focus {
      outline: none;
      box-shadow: none;
      background-image: linear-gradient(90deg, #f05a23, transparent, #f05a23, transparent) !important;
    
      opacity: 1;
    
      animation: card_id_focus 1s infinite ease;
    
      background-size: 400% 4px;
      background-position: bottom left;
      background-repeat: no-repeat;
    }


.checkin, .appointment {padding:8px;overflow:hidden;border:1px solid #eee;margin-bottom:10px;}
  .checkin .btn {border-bottom:none;}
  .checkin:hover .btn {background:#666666;color:#ffffff;}
  .checkin .btn:hover {background:#666666 !important;color:#ffffff !important;}
.checkin:hover {background:#fafafa;border-color:#999;}
.checkin:hover .checkin-details {border-color:#999;}
    .checkin .span2 {text-align:right;}
        .span2 .date-time {font-size:11px;}
    .checkin .span10 {padding-left:10px;border-left:3px solid #eee;}
        .checkin-details .name {display:block;font-size:16px;}
        .checkin-details .date-time {display:block;margin:5px 0;}
        .checkin-details STRONG {display:block;margin:5px 0;}
.class {overflow:hidden;margin-bottom:20px;border:1px solid #fff;padding:5px;}
.class:hover {border-color:#999;}
    .class .span2 {width:122px;}
    input[readonly].knobify {margin-left:-75px !important;width:50px !important;background-color:#fff !important;}
    .circle-stat {background:#fff !important;width:122px;height:150px;text-align:center;}
    .circle-stat STRONG {font-size:16px;}
    .classes-details .btn-time {font-size:20px;}
    .classes-details STRONG.class-name {font-size:18px;}
    .classes-other-details {margin:15px 0 0 0;}
        .classes-other-details .buttons {margin:15px 0 0 0;}
    .profile {font-size:14px;line-height:20px;border-top:1px solid #4B8DF8 !important;}
        .profile .profile-buttons {margin-top:75px;}
        .profile .label {font-size:18px;line-height:20px;}
        /*.profile-details {margin:10px 0;}*/
        /*.profile-details IMG {float:left;margin-right:15px;}*/
            .details SPAN {line-height: 30px;/*font-size:12px;*/}
        .profile-buttons .btn {width:95%;height:auto;margin-bottom:5px;line-height:45px;}
    .no-notes {display:block;border-bottom:1px solid #ccc;margin-bottom:10px;text-align:center;padding:30px 0;font-style:italic;font-size:20px;color:#999;}
    .add-new-note TEXTAREA {width:98%;}
.width-1 {width:1% !important;}
.label-purple {background:#852b99;}
.group-sq {display:inline-block;width:15px;height:15px;vertical-align: middle;}
    .group-sq.blue {background-color:#4D90FE;}
    .group-sq.yellow {background-color:#FCB322;}
    .group-sq.green {background-color:#3CC051;}
    .group-sq.purple {background-color:#6d1b81;}
.breadcrumb {overflow:hidden;}
#change-club {float:right;margin-right:10px;}
    #change-club FORM {margin:0;}
    #change-club LABEL {display:inline;float:left;margin:5px 10px 0 0;vertical-align:middle;}
    #change-club SELECT {margin:0;}
.reception-tiles {margin-bottom:15px;}
.reception-tiles .tile {width:95.5% !important;}
.breadcrumb {padding:0;}
    .breadcrumb A.btn {color:#fff;}
        .breadcrumb A.btn I {color:#fff;}
    .breadcrumb LI {padding:7px 0;}
    .breadcrumb LI.pull-right {padding:0 0 0 3px;background:#FFFFFF;}
.btn-edit {padding:5px 8px;}
.table TR TD.table-td-log {font-size:9px;}
.header .brand{padding:5px 15px 5px 24px;}
.header .brand img {
    /*padding: 6px 0;*/
}
LABEL.control-label SPAN.help-inline, .controls SPAN.help-inline {display:block;font-weight:normal;font-size:11px;}
/*#ajax-modal{display: block;top: 40%;}*/
/*.portlet-title.member-name{border-bottom:0 !important;}*/
.profile-classic li {padding:8px 0;font-size:13px;border-top:solid 1px #f5f5f5;}
.profile-classic li:first-child {border-top:none;}
.profile-classic li span {color:#666;font-size:13px;margin-right:7px;}
  .profile-classic li span.label {color:#fff;}
.hidden-group{display: none;}
TR.gradeX TD.red{color:#de013f;}
TABLE.table THEAD .sorting_asc { padding-left:20px; background-image: url('../plugins/data-tables/images/sort_asc.png'); background-repeat: no-repeat;background-position: center left;}
TABLE.table THEAD .sorting_desc { padding-left:20px; background-image: url('../plugins/data-tables/images/sort_desc.png'); background-repeat: no-repeat;background-position: center left;}
.label.member-status {padding:5px;}
.controls.overflow{overflow: hidden;}
.box-33{width:31%;padding:0 1%;float:left;}
DL.general-dl{overflow: hidden;}
    DL.general-dl DT{clear:both;float:left;width:35%;margin:0 1%;}
    DL.general-dl DD{float:left;width:61%;margin:0 1%;}
    DL.general-dl DT.error, DL.general-dl DD.error{color:#b94a48;}
    DL.general-dl DD.error SELECT {border-color:#b94a48;}
DL.newmbs-dl{overflow: hidden;}
    DL.newmbs-dl DT{clear:both;float:left;width:45%;margin:0 1%;}
    DL.newmbs-dl DD{float:left;width:51%;margin:0 1%;}
    DL.newmbs-dl DT.error, DL.general-dl DD.error{color:#b94a48;}
    DL.newmbs-dl DD.error SELECT {border-color:#b94a48;}
	.highlight-price {padding:15px 0;text-align: center;background: #eaeaea;font-size:18px;}
.member-steps .navbar-inner {padding:0;}
.member-steps .step .desc {font-size:12px;}
.member-steps .active .step .desc {font-size:12px;}
.form-wizard .row-fluid .span-20p {width:18%;margin:0 1%;}
.form-wizard .row-fluid .span-33p {width:31%;margin:0 1%;}
@media (max-width: 767px) {
    .form-wizard .row-fluid .span-20p,
    .form-wizard .row-fluid .span-30p {
        width: 100%;
        margin: 0;
    }
    #page-header {}
}
.calendar-tooltipevent{font-size:12px;background:#3D3D3D;border:1px solid #333333;color:#ffffff;padding:5px;position:absolute;z-index:10001;}
.portlet.calendar .fc-event{border:1px solid #ffffff;}
.modal-body .alert {font-size:12px; line-height:18px;}
#memberships TR #memberships-table{margin:0 0 0 3%;width:97%;}
#memberships TR .alert{margin: 0;}
.form-separator.indent-1{padding-left: 5%;}
.section-label{width:28%;max-width:140px;float:left;}
.section-operations{width:68%;float:left;}
.section-operations > .checkbox{display: inline-block;padding: 0 !important;margin: 0 !important;margin-top: 8px !important;margin-right: 15px !important;}
.pagination FORM{margin: 0; padding:0;}
    .pagination FORM SPAN{margin: 0;vertical-align: middle;margin-right:10px;font-weight: bold;}
    .pagination FORM UL{vertical-align: middle;}
.pagination UL LI INPUT{margin: 0;width: 35px;display: inline;float: left;text-align: center;border-left: 0;}
.btn.mini.auto{height:auto;}
#reception-find-member .btn{vertical-align: top;}
.search-select{width:220px;border-left:5px solid #eeeeee;font-size: 14px;}
.form-search .search-select{border-left:1px;}
.multiple-select SELECT{width:215px;}
.multiple-select .chzn-container{border-left:5px solid #eeeeee;}
.mandatory .search-select, .mandatory .multiple-select .chzn-container{width:220px;border-left-color: #ff0000 !important;; }
.control-group .controls .alert{margin-bottom:0;}
.icon-grey{color:#666666;}
.select2-container.m-wrap{float:none;}
.bg-light-grey {
  background-image: none !important;
  background-color: #aaaaaa !important;
}
BODY.login {/*background:url(../img/bg-login.jpg) no-repeat center top;background-size:cover;*/}
.login .logo {padding:15px;background:#000000;}
.login .copyright {width:351px;padding:20px 0px 0 0px;color:#666;}
  .login .copyright A {color:#666;}
.footer-inner A {color:#ffffff;text-decoration:underline;}
.big-icon {font-size:40px;line-height:46px;}
.fc-event{cursor:pointer;}
.member-buttons, .portlet-buttons{margin-bottom:10px;}
#member-image-wrapper{position:relative;}
  #member-image-wrapper.mb-title-img-wrap A.btn{position:absolute;bottom:0;left:0;}
  #member-image-wrapper A.big{position:absolute;bottom:0;left:0;border-bottom-left-radius:0 !important;border-bottom-right-radius:0  !important;font-size: 16px;padding: 4px 8px;}
  #member-image-wrapper A.big.big-right{position:absolute;bottom:0;right:0;left:auto;border-top-right-radius:0  !important;}
    #member-image{width:100%;}
    @media (max-width: 1200px) {
      #member-image-wrapper A.big{font-size: 12px;padding: 2px 4px;}
    }
.modal-700{width:700px;margin-left:-350px;}
.align-right{text-align: right;}
.title-img{width:70px;}
.x-large  {width:95%;height:100px;}
.float-right{float: right;}
.fc-event, .fc-widget-content {cursor: pointer !important;}
.fc-event.disabled {cursor: default !important;}
.login .content SELECT.m-wrap {
  width: 294px;
  background-color: #fff;
}
.unpaid-service{color:#999;}
#swipecard-login{display:none;}
.mb-name{display:inline-block;vertical-align: middle;}
#active-mbs-services{display:inline-block;vertical-align: middle; overflow: hidden;}
  .mbs-service{margin:0 5px 0 0;padding:5px;font-size:12px;}
.mbs-info{display:block;font-size:12px;}
.mb-title-img-wrap{display: inline-block;}
UL.breadcrumb{position:relative;}
  UL.breadcrumb .btn{position:absolute; top:0; right:0;}
.td-yellow, .td-yellow TD{background-color: #fcb322 !important;}
.td-orange, .td-orange TD{background-color: #ed4e2a !important;}
.td-red, .td-red TD{background-color: #e02222 !important;}
.td-blue, .td-blue TD{background-color: #57b5e3 !important;}
.td-green, .td-green TD{background-color: #3cc051 !important;}
.td-gray, .td-gray TD{background-color: #cccccc !important;}
.cancel-attendance {width:25px;height:25px;z-index:100;position:absolute;background:#CCCCCC;right:0;text-align:center;}
  .cancel-attendance .cancel:after {font-family: FontAwesome;font-size: 18px;content: "\f08b";display: inline-block;position: absolute;top: 2px;right: 3px;}
.btn-right{float:right;}
.report-chart{max-width:940px; margin:0 auto;}
.control-group.wide-group .control-label{float:none;width:100%;}
.control-group.wide-group .controls{margin-left:0;border-left: none;}
.header .nav > li.dropdown .dropdown-toggle .badge {right:auto;left:9px !important;}
.tooltip.in{opacity:1;filter:alpha(opacity=100);}
.tooltip-inner{max-width:320px;}
.staff-avatar-small{height: 35px;margin-right:10px;border-radius:10px !important;}
.staff-avatar-medium{max-height: 100px;}
.article-block {padding:15px;background: #ffffff;margin:0 0 15px 0;}
  .article-block .article-title {margin:0 0 15px 0;font-size:22px;line-height: 28px;background: #10ADBF;padding: 15px;color: #fff;font-family: 'Open sans';text-align:center;}
    .article-block .article-title-saved {background:#0064a0}
  .article-block IMG {border:1px solid #eaeaea;}
	.article-block IMG:hover {border:1px solid #000000;}
  .article-block H2 {padding-bottom:15px;border-bottom:1px solid #ccc;margin:25px 0 15px;font-size:20px;line-height:28px;font-weight:bold;}
  .article-block H3 {margin:20px 0 10px 0;padding:15px 0;font-size:24px;border-top:1px solid #ccc;font-weight:500;}
  .article-block P {font-size:14px;line-height:20px;}
  .article-block UL LI {font-size:14px;line-height:20px;}
  .article-meta-info {padding:0 0 15px 0;}
  .article-list {padding:20px 0 20px 25px;border-bottom:1px solid #eaeaea;font-size:16px;line-height: 20px;}
    .article-list:hover {background: #eaeaea;}
    .article-list:hover A {text-decoration: none;}
    .article-list I.fa {font-weight:bold;font-size:18px;color:#0064a0;}
  .article-author {padding-top:15px;border-top:1px solid#ccc;margin-top:15px;text-align:center;}
  .staff-avatar IMG{width:45px;height:45px;margin:10px;-webkit-border-radius: 50% !important;-moz-border-radius: 50% !important;border-radius: 50% !important;}
.dropdown-menu.extra-wide {max-width: 300px !important;width:300px !important;}
.attached-files {margin:15px 0 10px 0;background:#f4f4f4;padding:5px 30px;}
  .attached-files LI {padding:10px 0;margin:10px 0;border-bottom:1px solid #ffffff;}
  .attached-files LI.title {font-size:24px;font-weight:bold;}
  .attached-files .last {border-bottom:none;}
.btn-left{float:left;}
/*.btn-print{color: #0362FD;}*/
.control-group.mandatory .controls .select2-container{border-left: solid 5px #ff0000; font-size:14px;}
TD .alert{margin-bottom:0;}
.cursor-pointer{cursor: pointer;}
.reception-tiles .dashboard-stat .visual i {font-size:36px;}
.reception-tiles .dashboard-stat .visual {width: 36px;height: 65px;}
.reception-tiles .dashboard-stat .details .number {font-size:22px;}
.reception-tiles .dashboard-stat .details .desc {font-size:14px;}

.reception-tiles .dashboard-stat .left{width: 60%;padding: 5% 3%;float: left;color: #fff;font-size: 1.3em;text-align: center;}
.reception-tiles .dashboard-stat .left .arrow{display: block;}
.reception-tiles .dashboard-stat .right{width: 28%;float: left;padding: 5% 3%;text-align: right;color: #fff;font-size: 1em;}
.graph-choices LABEL{display:inline; padding:0 15px 0 5px;}
@media only screen 
and (min-device-width : 800px) 
and (max-device-width : 1024px) {
  .reception-tiles .dashboard-stat .visual i {font-size:22px;}
  .reception-tiles .dashboard-stat .visual {width: 22px;height: 65px;}
  .reception-tiles .dashboard-stat .details .number {font-size:18px;}
  .reception-tiles .dashboard-stat .details .desc {font-size:14px;}
}
.fc-resourceName{width:6%;font-size: 10px;}
.portlet.calendar-trainers .fc-event-title, .portlet.calendar-trainers .fc-event-time {font-size:10px;}
.pt-session-notes {width:465px !important;height:155px;}
.textarea-small {height:70px !important;}
.textarea-large {width:500px;max-width:95% !important;height:85px !important;}
.textarea-xlarge {width:100% !important;height:150px !important;}
.textarea-wide {width:95% !important;}
.profile-content [class*="span"]:nth-child(3n + 1){margin-left:0;}
#clock {margin:2px 5px;padding:8px;font-size:11px;color:#666666;background:#eaeaea;}
  #clock .icon-time {font-size:18px;}
.modal-footer .text-error {float:left;margin:9px 0 0 20px;}
/***
Sidebar toggler(show/hide)
***/

.sidebar-toggler:hover { 
  filter: alpha(opacity=100);
  opacity: 1;
}

.page-sidebar .sidebar-toggler {
  margin-top: 15px;
  margin-left: 175px;
}
.header.navbar .sidebar-toggler {/*float: left;display: inline-block;margin:0;;
background:none;
text-align:center;
border-right:1px solid #cccccc;padding:15px 10px 6px;*/
}
FORM#club_scope_form{padding: 0;}
SELECT#club_scope{height:50px;font-size:11px;width:100%;margin:0;padding:10px 20px 10px 10px;background:#f05a23 url(../img/arrow-down.svg) no-repeat 95% center;background-size:12px;color:#fff;border:none; font-weight: bold;-webkit-appearance:none;-moz-appearance: none;}
  SELECT#club_scope OPTION, SELECT#club_scope OPTGROUP{background:#472052 !important;}
#section-operations-buttons {float:right;margin:10px 20px 10px 20px;}
#page-header {margin:0 0 10px -10px;padding:0 0px 0 20px;border-bottom:1px solid #eaeaea;background:#ffffff;}
.dropdown-menu.extended P.explanations {font-size:11px;background:none;}
.blog-article-body {margin:20px 0;background:#ffffff;padding:15px;}
  .blog-article-body .blog-img {position:relative;}
  .blog-article-body .blog-img IMG {border:none !important;}
  .blog-img-overlay {display:none;position:absolute;background:#ffffff;opacity: 0.5;width:100%;height:100%;text-decoration:none !important;text-align:center;padding-top:20%;
	  -webkit-border-radius:6px !important;
	  -moz-border-radius:	6px !important;
			border-radius:6px !important;
		-o-border-radius:6px !important;
		-ms-border-radius:6px !important;}
  .blog-img-overlay I {font-size:700% !important;}
  .blog-article-body .blog-img:hover .blog-img-overlay {display:block;}
  .blog-article-title {font-size: 18px;}
  .blog-article-info {margin:10px 0 10px 0;border-bottom:1px solid #ccc;font-size:11px;}
.tab-container {margin:0 5px 10px 8px !important;background:#ffffff;padding:5px 30px 15px 30px;
    -webkit-border-radius:6px !important;
	-moz-border-radius:	6px !important;
		  border-radius:6px !important;
	  -o-border-radius:6px !important;
	  -ms-border-radius:6px !important;}
.navbar-search-form .navbar-search {width:210px;border-right:1px solid #cccccc;padding:12px 5px 10px;}
.navbar-search-form .navbar-search INPUT {width:180px;margin:0 !important;border:none;-webkit-box-shadow:none;box-shadow:none;}
.navbar-search-form .navbar-search I {font-size:18px;color:#cccccc;font-weight:bold;}
.remove-gpt-client, .x-remove-link{text-decoration:none !important; color:#ff0000;}
.control-group.group-pt-notes, .control-group.padded{padding: 20px !important;font-size:12px;}
.label-red{background-color: #d0240f;}
.label-purple{background-color: #8f0b8a;}
.label-yellow{background-color: #ee9a15;}
.label-green{background-color: #0b942e;}
.label-blue{background-color: #02afc3;}
.label-rounded {border-radius: .25em;}
TD.error, TH.error{color:#b94a48 !important;}
#load-inventory-table{width:50%;float:right;font-weight: bold;}
.corporate-import-table{table-layout: fixed;}
  .corporate-import-table TD{word-wrap: break-word !important;}
  #swipe-card-band{margin: 40px 0; padding: 40px; text-align: center; font-size: 24px;background:#0e942f;color: #fff;}
  #swipe-card-band .fa{margin-right: 20px; font-size: 72px; vertical-align: middle;}
  #swipe-card-band #staff-card{width: 565px; padding:10px; font-size:20px; border: none; background: transparent;box-shadow: none;color:#fff;}
  #swipe-card-band #staff-card:focus {outline-width: 0;}
        #swipe-card-band #staff-card::-webkit-input-placeholder {color:#ffffff;}
SPAN.required{padding-left: 2px; font-size: 12px; color: #d0240f;}
INPUT.mandatory-input, SELECT.mandatory-input{border-left:5px solid #ff0000 !important;}
.bg-white{background:#ffffff;}
UL.right-side-menu {}
  UL.right-side-menu LI {border-bottom:1px solid #eee;}
  UL.right-side-menu LI A{display:block; padding:10px 5px; text-decoration: none; font-size:16px;color:#333333;}
  UL.right-side-menu LI A:hover{background:#eaeaea;}
  UL.right-side-menu LI.active A{background:#0b942e; color:#ffffff;}
  #form-help-search{padding:20px 0 0 0;height:80px;background: #02afc3 url(../img/application-help.jpg) no-repeat center center;}
  #help-search-wrapper{position:relative; width:500px; margin:0 auto;}
	#help-search-wrapper #help-search-icon{font-size:32px;position:absolute;left:15px;top:15px;}
	#help-search-input{background: #fff;
					  border: 1px solid #f1f1f1;
					  border-radius: 65px !important;
					  font-size: 14px;
					  padding: 20px 70px 20px 65px;
					  text-indent: 0;
					  height: 16px;
					  width: 365px;
						  -webkit-appearance: none;
						  transition: all 0.2s;
						  -moz-transition: all 0.2s;
						  -webkit-transition: all 0.2s;
						  -o-transition: all 0.2s;}
	#help-search-input:focus {border: 1px solid #7e7e7e;
							  transition: all 0.2s;
								-moz-transition: all 0.2s;
								-webkit-transition: all 0.2s;
								-o-transition: all 0.2s;
								}
	#help-search-button{background: #FF6F52;
						border: 0 none;
						border-radius: 30px !important;
						box-shadow: none;
						color: #fff;
						font-size: 16px;
						font-weight: 400;
						height: 50px;
						right: 4px;
						margin-left: 15px;
						position: absolute;
						text-transform: uppercase;
						top: 4px;
						width: 50px;
							transition: all 0.2s;
							-moz-transition: all 0.2s;
							-webkit-transition: all 0.2s;
							-o-transition: all 0.2s;
						outline: none;
							}
	#help-search-button:hover {background: #000;
							  opacity: 1;
							  color: #fff;
							  cursor: pointer;
								  transition: all 0.2s;
								  -moz-transition: all 0.2s;
								  -webkit-transition: all 0.2s;
								  -o-transition: all 0.2s;
								  }
	.modal-filter-form SELECT{margin: 10px 0;}
	.modal-filter-form DIV.select2-container{margin: 10px 0;border-left: none;}
	.modal-filter-form A.btn{margin: 10px 0; padding: 5px 14px;}
	.portlet-empty {padding: 10%;border: 1px solid #eaeaea;}
    .portlet-empty I{display: block; margin: 30px auto; font-size: 700%; text-align: center; color:#999;}
    .portlet-empty SPAN{display: block; margin: 0 auto; width:65%;font-size: 1.5em; line-height:1.5em;text-align: center; color:#999;}
    .portlet-dark SPAN {color:#fff !important;}
  .portlet-dark I {color:#fff !important;}
    .tab-content .portlet-empty {padding:2% 15%;}
	  .portlet-no-border {border:none !important;}
	  .portlet-padding-small {padding:2% 2%;}
	  .portlet-padding-large {padding:6% 4%;}
	  .portlet-padding-extra-large {padding:10% 8%;}
	  .portlet-bg-white {background: #fff;}
	#ajax-response-memberships SELECT#membership, #ajax-response-prices SELECT#mcpid{width:100%;}
	.inline-form{padding:0 10px;}
	.inline-form FIELDSET LABEL{display:inline;margin-right:15px;margin-bottom: 12px;}
	.help-article-heading {border-bottom: 1px solid #eee;padding: 15px 0;margin-bottom: 25px;font-weight: 500;font-size:28px;line-height:32px;}
.control-group-textarea-full {padding:5px 20px;}
.control-group-textarea-full.error STRONG{color:#b94a48;}
.overflow-visible{overflow: visible;}
.chosen-filter SPAN.chosen-label{display: inline-block; margin-top: 6px; vertical-align: top;}
/*.chosen-filter{display:block; clear:both; width:100%;}*/
  /*.chosen-filter .chzn-container{width:100% !important;}*/
  /*.chosen-filter SELECT{width:100% !important;}*/

.indent-group{padding-left:25px;}
/*chats*/
.chats-0 LI .datetime {float: left;padding: 12px 0 0 0;text-align: right;width: 90px;font-weight: bold;}
.chats-0 LI.in .message {margin-left:100px;min-height:45px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc;}
.chats-0 LI.in .message .caller {border-bottom:1px solid #ccc;color:#666;}
.chats-0 li.in.red .message .arrow {border-right-color:#da4a38;}
.chats-0 li.in.red .message {border-color:#da4a38;}
OPTION.campaign-price{background-color: #f9fff9;}
.chats.support li.out .message{text-align: left;margin-right:75px;}
.chats li SPAN.avatar {
  overflow: hidden;
  height: 45px;
  width: 45px;
  -webkit-border-radius: 50% !important;
     -moz-border-radius: 50% !important;
          border-radius: 50% !important;
}
.chats li SPAN.avatar IMG{max-width:60px !important; height:45px; margin-left:0px;}
.chats li.in SPAN.avatar {
  float: left;
  margin-right: 10px;
}

.chats li.out SPAN.avatar {
  float: right;
  margin:0 10px 0 0;
}
#support-answer-form {background: #FAFAFA; padding:1%;}
  #support-answer-form textarea{width:99%;}
/*
.chats SPAN.avatar {overflow: hidden; width: 45px; height: 45px; border-radius:50%; text-align: center;}
  .chats SPAN.avatar IMG{height:45px;}
  */
/*lead detail box*/
.profile-details {}
  .profile-details SPAN {display:inline-block;padding:2px 5px;font-weight:bold;}
  /* HEADINGS*/
.font-green-sharp {color: #007177 !important;}
.font-gray-sharp {color: #666666 !important;}
.font-red-sharp {color: #a8003c !important;}
.font-blue-sharp {color: #0064a0 !important;}
.font-white-sharp {color: #fff !important;}
.font-black {color: #000 !important;}
/*box date*/
.box-date{ padding:20px 10px 10px 10px;text-align: center;}
  .box-date > .caption-year {font-size: 32px;font-weight: 700 !important;}
  .box-date > .caption-month {font-size: 18px;}
/* POrtlet Title*/
.green .portlet-title A {color:#fff}
.green .portlet-title I.fa {color:#fff}
.red .portlet-title A {color:#fff}
.red .portlet-title I.fa {color:#fff}
/* Light Portlet */
.portlet.light {  padding: 12px 20px 15px 20px; background-color: #fff;}
.portlet.light.bordered {border: 1px solid #e1e1e1 !important;}
.portlet.light.bordered > .portlet-title {border-bottom: 1px solid #eee;}
.portlet.light.bg-inverse {background: #F7F7F7;}
.portlet.light > .portlet-title {padding: 0;min-height: 48px;}
.portlet.light > .portlet-title > .caption {color: #666;padding: 10px 0;}
.portlet.light > .portlet-title > .caption > .caption-subject {font-size: 18px;font-weight:700 !important;}
.portlet.light > .portlet-title > .caption > .caption-helper {font-size: 16px;}
.portlet.light > .portlet-title > .caption > i {color: #777;font-size: 15px;font-weight: 300;margin-top: 3px;}
.portlet.light > .portlet-title > .caption.caption-md > .caption-subject {font-size: 15px;}
.portlet.light > .portlet-title > .caption.caption-md > i {font-size: 14px;}
.portlet.light > .portlet-title > .actions {padding: 6px 0 14px 0;}
.portlet.light > .portlet-title > .actions .btn-default {color: #666;}
.portlet.light > .portlet-title > .actions .btn-icon-only {height: 27px;width: 27px;}
.portlet.light > .portlet-title > .actions .dropdown-menu li > a {color: #555;}
.portlet.light > .portlet-title > .inputs {float: right;display: inline-block;padding: 4px 0;}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > i {font-size: 14px;margin-top: 9px;}
.portlet.light > .portlet-title > .inputs > .portlet-input .input-icon > .form-control {height: 30px;padding: 2px 26px 3px 10px;font-size: 13px;}
.portlet.light > .portlet-title > .inputs > .portlet-input > .form-control {height: 30px;padding: 3px 10px;font-size: 13px;}
.portlet.light > .portlet-title > .pagination {padding: 2px 0 13px 0;}
.portlet.light > .portlet-title > .tools {padding: 10px 0 13px 0;margin: 2px 15px 0 0;}
.portlet.light > .portlet-title > .nav-tabs > li {  margin: 0;padding: 0;}
.portlet.light > .portlet-title > .nav-tabs > li > a {margin: 0;padding: 12px 13px 13px 13px;font-size: 13px;color: #666;}
.portlet.light > .portlet-title > .nav-tabs > li.active > a, .portlet.light > .portlet-title > .nav-tabs > li:hover > a {margin: 0;background: none;color: #333;}
.portlet.light.form-fit {padding: 0;}
.portlet.light.form-fit > .portlet-title {padding: 17px 20px 10px 20px;margin-bottom: 0;}
.portlet.light .portlet-body {padding-top: 8px;}
.portlet.light .portlet-footer {border-top: 1px solid #eee;padding: 10px 0 0 0;margin: 20px 0 0 0;text-align: right;}
  .portlet.light .portlet-footer A:hover {text-decoration:none;color:#333 !important;}
.portlet.light.portlet-fullscreen > .portlet-body {padding: 8px 0;}
.tab-pane > p:last-child {margin-bottom: 0px;}
.portlet.light.green > .portlet-body P {color:#fff;}
.portlet.light .portlet.light, .tab-pane .portlet.light {padding-left: 0;padding-right: 0;}
/***
New Profile Page
***/
.profile-sidebar {float: left;width: 200px;margin-right: 10px;}
.profile-content {overflow: hidden;}

.box-categ-help .portlet {border-top:10px solid #fff;}
  .box-categ-help .portlet:hover {border-top:10px solid #0064a0;}
  .box-categ-help .portlet:hover .font-gray-sharp {color: #0064a0 !important;}
  .help-center-cat-icon {height:100px;display:block;margin:0 auto 20px;opacity:.60;}
  .box-categ-help:hover  .help-center-cat-icon {opacity:1;}
  .box-categ-help H4{font-size: 14px;}
  .box-categ-help .portlet.light > .portlet-title {min-height: 170px;}
/* PROFILE SIDEBAR */
.profile-sidebar-portlet {padding: 20px 0 0 0 !important;}
.profile-userpic img {float: none;display:block;margin: 0 auto;width: 60%;-webkit-border-radius: 50% !important;-moz-border-radius: 50% !important;border-radius: 50% !important;}
.profile-usertitle {text-align: center;margin-top: 20px;}
.profile-usertitle-name {color: #5a7391;font-size: 20px;font-weight: 600;margin-bottom: 7px;}
.profile-usertitle-job {text-transform: uppercase;color: #5b9bd1;font-size: 12px;font-weight: 800;margin-bottom: 7px;}
.profile-userbuttons {text-align: center;margin-top: 10px;}
.profile-userbuttons .btn {margin-right: 5px;}
.profile-userbuttons .btn:last-child {margin-right: 0;}
.profile-userbuttons button {text-transform: uppercase;font-size: 11px;font-weight: 600;padding: 6px 15px;}
.profile-usermenu {margin-top: 20px;padding-bottom: 1px;}
.profile-usermenu ul li {border-bottom: 1px solid #f0f4f7;}
.profile-usermenu ul li:last-child {border-bottom: none;}
.profile-usermenu ul li a {color: #666;font-size: 12px;font-weight: 400;padding:7px 15px;}
.profile-usermenu ul li a i {
  margin-right: 8px;
  font-size: 16px;
}

.profile-usermenu ul li a:hover {
  background-color: #fafcfd;
  color: #5b9bd1;
}
.profile-usermenu ul li.red a:hover {
  background-color: #feeae7;
  color: #f36a5a;
}

.profile-usermenu ul li.active a {
  color: #5b9bd1;
  background-color: #f6f9fb;
  border-left: 2px solid #5b9bd1;
  /*margin-left: -2px;*/
}

.profile-stat {
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f4f7;
}

.profile-stat-title {
  color: #7f90a4;
  font-size: 25px;
  text-align: center;
}

.profile-stat-text {
  color: #5b9bd1;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}

.profile-desc-title {
  color: #7f90a4;
  font-size: 17px;
  font-weight: 600;
}

.profile-desc-text {
  color: #7e8c9e;
  font-size: 14px;
}

.profile-desc-link i {
  width: 22px;
  font-size: 19px;
  color: #abb6c4;
  margin-right: 5px;
}

.profile-desc-link a {
  font-size: 14px;
  font-weight: 600;
  color: #5b9bd1;
}

/* END PROFILE SIDEBAR */
/* RESPONSIVE MODE */
@media (max-width: 991px) {
  /* 991px */
  /* 991px */
  .profile-sidebar {
    float: none;
    width: 100% !important;
    margin: 0;
  }

  .profile-sidebar > .portlet {
    margin-bottom: 20px;
  }

  .profile-content {
    overflow: visible;
  }
}
/***
Dashboard Stats 2
***/
.dashboard-stat2 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
  padding: 15px 15px 30px 15px;
  margin-bottom: 20px;
}
.dashboard-stat2 .display {
  margin-bottom: 20px;
}
.dashboard-stat2 .display:before, .dashboard-stat2 .display:after {
  content: " ";
  display: table;
}
.dashboard-stat2 .display:after {
  clear: both;
}
.dashboard-stat2 .display .number {
  float: left;
  display: inline-block;
}
.dashboard-stat2 .display .number h3 {
  margin: 0 0 2px 0;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
}
.dashboard-stat2 .display .number h3 > small {
  font-size: 18px;
}
.dashboard-stat2 .display .number small {
  font-size: 14px;
  color: #AAB5BC;
  font-weight: 600;
  text-transform: uppercase;
}
.dashboard-stat2 .display .icon {
  display: inline-block;
  float: right;
  padding: 7px 0 0 0;
}
.dashboard-stat2 .display .icon > i {
  color: #cbd4e0;
  font-size: 26px;
}
.dashboard-stat2 .progress-info {
  clear: both;
}
.dashboard-stat2 .progress-info .progress {
  margin: 0;
  height: 4px;
  clear: both;
  display: block;
}
.dashboard-stat2 .progress-info .status {
  margin-top: 5px;
  font-size: 11px;
  color: #AAB5BC;
  font-weight: 600;
  text-transform: uppercase;
}
.dashboard-stat2 .progress-info .status .status-title {
  float: left;
  display: inline-block;
}
.dashboard-stat2 .progress-info .status .status-number {
  float: right;
  display: inline-block;
}
.dashboard-stat2 .progress-info A{display:inline-block;margin:10px 0 0 0;cursor:pointer;}
.progress-info-green {border-top:5px solid #4DB3A2 !important}
.progress-info-blue {border-top:5px solid #5C9BD1 !important}
.progress-info-red {border-top:5px solid #f36a5a !important}
.progress-info-purple {border-top:5px solid #8877a9 !important}

/***
Tasks Widget
***/
.tasks-widget:after {clear: both;}
.tasks-widget .task-list {list-style: none;padding: 0;margin: 0;}
.tasks-widget .task-list > li {position: relative;padding: 10px 0;border-bottom: 1px solid #F4F6F9;}
.tasks-widget .task-list > li:hover {background: #F4F6F9;}
.tasks-widget .task-list > li.last-line {border-bottom: none;}
.tasks-widget .task-list > li.task-done {background: #f6f6f6;}
.tasks-widget .task-list > li.task-done:hover {background: #f4f4f4;}
.tasks-widget .task-list > li.task-done .task-title-sp {text-decoration: line-through;}
.tasks-widget .task-list > li > .task-bell {margin-left: 10px;}
.tasks-widget .task-list > li > .task-checkbox {float: left;width: 30px;}
.tasks-widget .task-list > li > .task-checkbox input[type="checkbox"] {cursor: pointer;}
.tasks-widget .task-list > li > .task-title {color: #838FA1;margin-right: 10px;}
.tasks-widget .task-list > li > .task-title .task-title-sp {margin-right: 5px;}
.tasks-widget .task-list > li .task-config-btn {margin-top: -1px;}
.tasks-widget .task-list > li > .task-config {display: none;position: absolute;top: 10px;right: 10px;}
.tasks-widget .task-list > li > .task-config A {margin:0;padding:2px 5px;}
.tasks-widget .task-list > li:hover > .task-config {display: block;margin-bottom: 0 !important;}
.tasks-widget .task-footer {margin-top: 5px;}
.tasks-widget .task-footer:before, .tasks-widget .task-footer:after {content: " ";display: table;}
.tasks-widget .task-footer:after {clear: both;}

/*
HELP ARTICLES
*/
A.box-categ-help:hover {text-decoration: none;color:#013f75;}

.a-tile{position: relative;
		display:block;
		float:left;
		height: 180px;
		width:180px;
		margin:10px;
		border: 4px solid transparent;
		color:#fff !important;
		text-decoration: none !important;
		padding:10px;
		}
.a-tile.tile-small-modal{margin: 10px 28px;}
/*.a-tile:visited, .a-tile:active{color:#fff; text-decoration: none;}*/
.a-tile:hover {
  border-color: #aaa;
  text-decoration: none;
  color:#fff;
}
  .a-tile I{display:block;
			margin: 20px auto;
			text-align:center;}
  .a-tile SPAN.title{display:block;
					text-align:center;
					margin:10px auto;
					font-weight: bold;}
.ticket-btn{display:block; margin:5px; padding:10px; background-color:#eaeaea; text-decoration: none !important; color:#000;}
  .ticket-btn:hover{text-decoration: none;}
  .ticket-btn .badge, .profile-usermenu .badge{border-radius: 6px !important;float:left;margin-right:10px;}
  .ticket-btn .ticket-category{display: inline-block; float:left;width:15%;}
  .ticket-btn .ticket-info {display:block;float:left;}
  .ticket-btn .badge-new-answer {float:right;}
.form-upload-staff-photo {text-align:center;}
  .form-upload-staff-photo .file-default {background:#ccc;border-radius: 6px !important;width:95%;}
.tt-hint, .tt-input{-webkit-box-sizing: content-box;
					-moz-box-sizing: content-box;
					box-sizing: content-box;
					background-color: #ffffff !important;}
.order-items-table .btn.add-item{height:30px;}
.order-items-table TBODY TR TD.cell-right INPUT{text-align: right !important;}
.order-items-table TBODY TR TD .input-prepend INPUT{border: 1px solid #ccc !important;}
.order-items-table TBODY TR TD .input-prepend .add-on{height: 23px; line-height: 20px;}
@media only screen and (max-width: 1024px) {
  #header_shop{display: none;}
}
@media only screen and (max-width: 480px) {
  .tasks-widget .task-config-btn {float: inherit;display: block;}
  .tasks-widget .task-list-projects li > .label {margin-bottom: 5px;}
}
.help-box{padding:15px;margin-top:30px;border:1px solid #ddd;}
  .help-box H2{float:left;width:370px;}
  .help-box UL {float:left;padding:25px 20px;border-left:5px solid #eee;}
	.help-box UL LI {font-size:16px;line-height:24px;}

/*PRINT VERSION*/
@media print {
  /*BODY {font-size:11px;line-height:16px;}*/
  BODY {background-color:#ffffff !important;}
  .table tr td {padding:4px;font-size:8px !important;line-height:11px;}
  .table.v-centered tr td { vertical-align: middle; }
  .table-advance thead tr th {font-size:8px;line-height:11px;font-weight:bold;}
  .page-title, H2 {margin:5px;font-size:14px;line-height:16px;font-weight:bold;}
  .header,
  .footer,
  .alert-success,
  .breadcrumb,
  I.tooltips,
  .btn,
  #quick-sidebar-wrapper
  {display:none !important;}
  .report-chart{page-break-before:always;}
  .portlet.box{border:none !important;}
  a[href]:after{content:"";}
  .alert-success {padding:0 !important;margin:0 !important;}
  .breadcrumb {padding:0 !important;margin:0 !important;}
  .search-form {margin:0;}
    .search-form LABEL {margin:0;font-size:11px !important;;}
  .form-search {margin:5px 0 !important;padding:5px;background:#eaeaea;}
    .form-search INPUT.m-wrap {font-size:8px;font-weight:bold;width:auto !important;border:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 2px 30px 2px 2px;border: none;}
    .form-search SELECT.m-wrap {font-size:8px;font-weight:bold;width:auto !important;border:none;-webkit-appearance: none;-moz-appearance: none;appearance: none;padding: 2px 30px 2px 2px;border: none;}
    .form-search .btn {display:none;}
  .well {padding:5px;font-size:11px;line-height:15px;}
  .print-hidden .hidden{display:table-row !important; visibility: visible !important;}
  .pagebreak { page-break-before: always; } /* page-break-after works, as well */
}
.page-title-notification {margin:-10px -10px 10px -10px;padding: 10px 20px;background:#fff;border-bottom:1px solid #eaeaea;font-size:0.9em;color:#666;}
.page-logo-notification {margin:-10px -10px 10px -10px;padding: 10px 20px;background:#fff;border-left:1px solid #eaeaea;font-size:0.9em;color:#666;}
.loading-anim{-webkit-animation:rotate 1s infinite linear;-moz-animation:rotate 1s infinite linear;-o-animation:rotate 1s infinite linear;animation:rotate 1s infinite linear;border-color:#7974bd #7974bd rgba(121,116,189,0.3) rgba(121,116,189,0.3);border-radius:1em;border-style:solid;border-width:0.25em;height:2em;opacity:0.8em;width:2em;position:absolute;left:50%;margin:2.5em 0 0 -1em;top:3rem}
[disabled] {background:#eaeaea !important;}
INPUT.hide-text { -webkit-text-security: square; }
INPUT.hide-text:placeholder-shown {font-family: 'Open sans';}
.hide-field {display:none;}
#notification-card-band {padding:20px;font-size:16px;font-weight:bold;background:#852b99;color:#fff;margin-bottom:-40px;text-align:center;}
.box-view-more{ position: relative; padding:20px 0 30px 0;}
.box-view-more-content{
    overflow: hidden;
    -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out;
}

.box-view-more-content.collapsed {
  max-height: 175px;
}

    .btn-view-more{ position: absolute; left:20px;bottom: 0px; font-weight: bold; text-decoration: none; }
#payment-total-amount {font-size:20px;padding:28px 0 0 0;}
.exchange-rate{padding:15px 0 !important;font-size:11px;font-weight:bold;text-align:center;}
#total_return {font-weight: bold;}
.ticket-files-upload {padding:10px;background:#eaeaea;}
  .support-files .control-group .control-label {width:320px;}
  .support-files .control-group .file-default {border:1px solid #999;padding:3px 10px;margin:0 0 0 10px;outline: none;}

.centered {
  text-align: center;
}

.justified {
  text-align: justify;
}

.justified:after {
  content: '';
  display: inline-block;
  width: 100%;
}

.report-table {
  overflow: hidden;
  position: relative;
  z-index: 1;
}

.report-table th,
.report-table td {
  position: relative;
}

.report-table tr:hover td:not(.custom) {
  background-color: rgba(27, 157, 165, .15);
}

.report-table th:hover::after,
.report-table td:hover::after{
  content: "";
  position: absolute;
  background-color: rgba(27, 157, 165, .15);
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}
.report-table .inverted {
  background: #333;
  color: #fff;
}

.report-table .sub-header {
  background: #aaa;
  border-top-color: #aaa;
  border-bottom-color: #aaa;
  padding: 2px 0;
}

.report-table .row-header {
  background: #ddd;
  font-weight: bold;
}

.report-table tr:hover td.row-header {
  background: #ddd;
}

.report-table .row-separator td {
  border-top: 6px solid #333;
}

.report-table .alert-error,
.report-table .alert-warning,
.report-table .alert-success {
  font-weight: bold;
}

.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
}

.daily-sales-chart {
  position: relative;
}

.daily-sales-chart .chart-wrapper {
  position: relative;
  height: 240px;
}

.daily-sales-chart .legend-wrapper {
  position: relative;
  margin: 40px 0 0;
}

.legend-wrapper table,
.legend-wrapper tbody {
  display: block;
  text-align: center;
}

.legend-wrapper tr {
  display: inline-block;
  margin: 0 10px;
}

.btn.green-sharp {
  background-color: #4DB3A2;
  color: #fff;
  border-bottom-color: rgba(0, 0, 0, .5);
}

.btn.green-sharp:hover,
.btn.green-sharp:focus {
  background-color: #82c9be !important;
}

.btn.green-sharp:active {
  background-color: #45a191 !important;
}
.corporate-import-table-input{width:96%;margin:0 1%;padding-left:1% !important;padding-right:1% !important;display:inline-block;text-align:right;}
.corporate-import-table-select{width:98%;margin:0 1%;padding:1% !important;display:inline-block;}
/*ONBOARDING MODAL*/
.onboarding-box {}
  .onboarding-box P{font-size:14px;}
  .onboarding-box H2 {color:#0064a0;font-size:24px;font-weight: normal;}
  .onboarding-box .image {width:75%;margin:30px 0 10px 0;}
  .onboarding-box .active-step {color:#0064a0;}
  .onboarding-box .next-step {color:#d5d5d5;}
  .onboarding-box .bottom-nav {margin-top:30px;}
  #staff-photo-preview {width:168px;height:168px;overflow:hidden;border-radius: 50% !important;-webkit-border-radius: 50% !important;-moz-border-radius: 50% !important;}
  .onboarding-box .control-group {margin:0;}
  .onboarding-box .control-group INPUT, .onboarding-box .control-group TEXTAREA {border:1px solid #d5d5d5 !important;}
  #staff-photo-upload-notice {font-weight:bold;color:#0b942e;}
/*RESPONSIVE VIDEO EMBEDS*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
  top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.contract-prices-row .span1, 
.contract-prices-row-header .span1,
.contract-prices-row .span2, 
.contract-prices-row-header .span2,
.contract-prices-row .span3, 
.contract-prices-row-header .span3,
.contract-prices-row .span4, 
.contract-prices-row-header .span4,
.contract-prices-row .span5, 
.contract-prices-row-header .span5,
.contract-prices-row .span6, 
.contract-prices-row-header .span6,
.contract-prices-row .span12, 
.contract-prices-row-header .span12
{padding:5px;}
.contract-prices-row .input-append{margin:0;}
.contract-prices-row .input-append input{text-align:right;}
.contract-prices-row:hover{background: #eeffee;}
.contract-prices-row.disabled{background: #f4f4f4;}
.contract-prices-row-header{background: #eaeaea; font-weight: bold;}
.contract-prices-row SELECT.m-wrap{height: 34px !important; margin: 0;}


/* MARKETING */
.email-template-card {
  background: #fff;
  box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, .15);
  margin-bottom: 36px;
}

.email-template-card--thumbnail {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}

.email-template-card--thumbnail:after {
  content: '';
  display: block;
  padding-top: 56.25%;
  /* 16:9 ratio */
}

.email-template-card--thumbnail:hover {
  color: #000;
}

.email-template-card--thumbnail img {
  position: absolute;
}

.email-template-card--thumbnail:hover img {
  opacity: .5;
}

.email-template-card--thumbnail .fa {
  display: none;
  position: absolute;
  opacity: .65;
  text-align: center;
  font-size: 4rem;
  line-height: 4rem;
  margin-top: -2rem;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

.email-template-card--thumbnail:hover .fa {
  display: block;
}

.email-template-card--title {
  padding: 0;
  margin: 0 0 12px;
  text-align: left;
}

.email-template-card--details {
  padding: 12px;
  text-align: right;
}

.email-template-card--info {
  text-align: left;
  color: #555;
  font-size: 11px;
}

.radio_fields_thumbnails .controls label {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 160px;
  margin: 0 8px 8px;
  padding: 2px;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.radio_fields_border .controls label {
  padding: 10px 0px;
  border-bottom: 1px solid #eee;
}

.radio_fields_thumbnails .controls .radio {
  position: absolute;
  z-index: 2;
  top: 2px;
  right: 2px;
}

.radio_fields_thumbnails .controls img {
  width: 100%;
  margin: 0 0 4px;
}

.radio_fields_thumbnails .controls .preview {
  display: inline-block;
  padding: 4px;
  color: #333;
  text-decoration: none;
}

.radio_fields_thumbnails .controls .preview:hover {
  color: #000;
  text-decoration: none;
}

.controls .field-type-label {
  margin: 8px 0 6px;
}

.control-group.field-type-label label {
  font-weight: bold;
}

.inline-template-editor {
  position: relative;
  width: 100%;
  border: 1px dotted #888;
  height: 800px;
}

.form-wizard .steps .navbar-inner li a {
  cursor: default;
  pointer-events: none;
}

.form-wizard .steps .navbar-inner li.done a {
  cursor: pointer;
  pointer-events: all;
}

/* ==================================================
REDO
*/
.clearfix:before,.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}

.portlet.calendar .fc-event{ /*min-height: 28px;*/ border-width: 0 0 0 3px; overflow: hidden; }
  .portlet.calendar .fc-event-inner{ padding: 2px 5px; }
    .portlet.calendar .fc-event-time, .portlet.calendar .fc-event-title{
      float: none; color: inherit; 
      -webkit-filter: grayscale(70%); filter: grayscale(70%);
    }
    .portlet.calendar-trainers .fc-event-time, .portlet.calendar-trainers .fc-event-title{ float: left; }
    .portlet.calendar .fc-event-time{ font-size: 11px;font-weight:bold; }
    .portlet.calendar-trainers .fc-event-time, .portlet.calendar-trainers .fc-event-title{ font-size: 10px; }
    .portlet.calendar .fc-event-title{ font-size:11px;font-weight: bold; }
  .fc-event-vert .fc-event-bg, .fc-event-main{ opacity: .78; }
  .fc-today-button{ background: transparent !important; }
.calendar-tooltipevent{ padding: 10px 10px 5px; border-color: #ddd; font-size: 13px; line-height: 1.4; background: #fff; color: #333; opacity: 1; visibility: visible; display: block; }
  .cte-time{ margin: -11px -11px 0; padding: 5px; text-align: center; color: #fff; }
  .cte-title{ margin: 5px 0 0; padding: 0 5px; font-size: 16px; font-weight: bold; text-align: center; }
  .cte-info{ margin: 0; list-style: none; }
    .cte-info LI{ padding: 5px; border-top: 1px solid #eee; font-size: 13px; line-height: 1.4; }
  .calendar-tooltipevent P{ margin: 5px 0 0; }
TR.error-club TD {background: #F2DEDE !important;border-top:1px solid #ff0000;}
TR.error-club TD INPUT {background: #fff !important;}

.report-table th.cell-dark::after,
.report-table td.cell-dark::after{
  content: "";
  position: absolute;
  background-color: #eee;
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -2;
}
.report-table th.cell-dark:hover::after,
.report-table td.cell-dark:hover::after{
  content: "";
  position: absolute;
  background-color: rgba(27, 157, 165, .15);
  left: 0;
  top: -5000px;
  height: 10000px;
  width: 100%;
  z-index: -1;
}

.tabbable-line .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: #737373;
}
.tabbable-line .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line .nav-tabs > li.open, .tabbable-line .nav-tabs > li:hover {
  border-bottom: 4px solid #b6f1f7;
}
.tabbable-line .nav-tabs > li.open > a, .tabbable-line .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: #333;
}
.tabbable-line .nav-tabs > li.open > a > i, .tabbable-line .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line .nav-tabs > li.open .dropdown-menu, .tabbable-line .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line .nav-tabs > li.active {
  border-bottom: 4px solid #36c6d3;
  position: relative;
}
.tabbable-line .nav-tabs > li.active > a {
  border: 0;
  color: #333;
}
.tabbable-line .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line .tab-content {
  margin-top: 0;
  background-color: #fff;
  border: 0;
  border-top: 1px solid #eee;
  padding: 15px 0;
}
.portlet .tabbable-line .tab-content {
  padding-bottom: 0;
}

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #F3565D;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.portlet.light .tabbable-line .portlet-body {
  padding-top: 0;
}
#meetings-list .note {margin-bottom:0;}
.portlet.calendar .fc-event{ border-color: #013f75; color: #013f75; }
  .cte-time{ background-color: #013f75; }
  .cte-title{ color: #013f75; }

  .schedule-caption{ margin: 1em 0 0; }
    .schedule-caption LI::before{ content: '\2022'; display: inline-block; margin-right: 3px; padding-bottom: 1px; font-weight: bold; font-size: 30px; line-height: 1; vertical-align: middle; }
    .sc-green-dark{ color: #23903b; }
      .sc-green-dark::before{ color: #23903b; }
    .sc-blue-dark{ color: #013f75; }
      .sc-blue-dark::before{ color: #013f75; }
    .sc-blue{ color: #147ab7; }
      .sc-blue::before{ color: #147ab7; }
    .sc-blue-light{ color: #009b9e; }
      .sc-blue-light::before{ color: #009b9e; }
    .sc-purple{ color: #732982; }
      .sc-purple::before{ color: #732982; }
    .sc-green{ color: #0b942e; }
      .sc-green::before{ color: #0b942e; }
    .sc-red{ color: #de013f; }
      .sc-red::before{ color: #de013f; }
    .sc-yellow{ color: #ff9d00; }
      .sc-yellow::before{ color: #ff9d00; }
    .sc-orange{ color: #dd6130; }
      .sc-orange::before{ color: #dd6130; }

/* Used for Reception PT and PT calendars - fullcalendar-resource\fullcalendar.js (added +"<div class='fc-event-bg'></div>")*/
.fc-event-hori .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay  */
	position: absolute;
	z-index: 1;
  background: #fff;
	opacity: .25;
	filter: alpha(opacity=25);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*INTRO JS TOUR*/
.upfit-onboard {max-width:400px;}
  .upfit-onboard H3 {margin:0 0 10px 0;padding:10px 5px;text-align:center;font-size: 20px;line-height:30px;border-bottom:2px solid #0b942e;color:#0b942e}
  .upfit-onboard .introjs-button, .upfit-onboard .introjs-skipbutton, .upfit-onboard .introjs-nextbutton {color: #666;font-size:14px;padding:10px;text-shadow: none;background: #ffffff;border: 1px solid #c2c2c2;}
  .upfit-onboard .introjs-nextbutton {border-color:#0b942e;background:#0b942e;color:#ffffff;}
    .upfit-onboard .introjs-nextbutton:hover {background:#135d25;}
  .upfit-onboard P {font-size:14px;}
  .upfit-onboard .introjs-bullets A.active {background:#0b942e;}
.fc-event-hori .fc-event-bg{ opacity: .7; }
  .fc-event-hori .fc-event-inner{ border-color: initial !important; background-color: initial !important; color: inherit !important; }
    .fc-event-hori .fc-event-time, .fc-event-hori .fc-event-title{ position: relative; z-index: 2; border-color: initial !important; background-color: initial !important; color: inherit !important; }
/*Membership progress bar*/
.membership-progress-bar-container {margin-top:10px;}
.membership-progress-bar-info {margin-bottom:5px;font-size:12px;}
.membership-progress-bar{
background: #e9eaf1;
border-radius: 10px !important; overflow: hidden;
}
.membership-progress{ height: 10px; }
.membership-start{
  background: #0b942e;
  background: -moz-linear-gradient(left, #bcffcd 0%, #0b942e 100%);
  background: -webkit-linear-gradient(left, #bcffcd 0%,#0b942e 100%);
  background: linear-gradient(to right, #bcffcd 0%,#0b942e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcffcd', endColorstr='#0b942e',GradientType=1 );
}
.membership-middle{
  background: #147ab7;
  background: -moz-linear-gradient(left, #bfe7ff 0%, #147ab7 100%);
  background: -webkit-linear-gradient(left, #bfe7ff 0%,#147ab7 100%);
  background: linear-gradient(to right, #bfe7ff 0%,#147ab7 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfe7ff', endColorstr='#147ab7',GradientType=1 );
}
.membership-end{
  background: #d02711;
  background: -moz-linear-gradient(left, #ffcfbc 0%, #d02711 100%);
  background: -webkit-linear-gradient(left, #ffcfbc 0%,#d02711 100%);
  background: linear-gradient(to right, #ffcfbc 0%,#d02711 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcfbc', endColorstr='#dd6130',GradientType=1 );
}
.membership-date {font-size:12px;font-weight:bold;}

.submitted[type=submit] {
  position: relative;
}
.submitted[type=submit] .fa-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -.4em 0 0 -.4em;
  text-align: center;
}

.submitted-text {
  opacity: 0;
}
.nav-pills>.active>a.text-warning, .nav-pills>.active>a.text-warning:hover, .nav-pills>.active>a.text-warning:focus {
  background-color: #faa732;
}
.nav-pills>.active>a.text-error, .nav-pills>.active>a.text-error:hover, .nav-pills>.active>a.text-error:focus {
  background-color: #da4f49;
}
.nav-pills>.active>a.text-success, .nav-pills>.active>a.text-success:hover, .nav-pills>.active>a.text-success:focus {
  background-color: #5bb75b;
}
.nav-pills>.active>a.text-info, .nav-pills>.active>a.text-info:hover, .nav-pills>.active>a.text-info:focus {
  background-color: #49afcd;
}

.busy {
  position: relative;
  min-height: 48px;
}

.busy:after {
  position: absolute;
  z-index: 999;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .65) url("../img/ajax-modal-loading.gif") center center no-repeat;
}

.text-color-teal   { color: #4DB3A4 !important; }
.text-color-red    { color: #EF4836 !important; }
.text-color-blue   { color: #5C9BD1 !important; }
.text-color-purple { color: #8E44AD !important; }
.text-color-green  { color: #2D8F3C !important; }
.text-color-yellow { color: #FFAA24 !important; }

.font-lg { font-size: 18px; }
.font-hg { font-size: 23px; }

.simple-table {
  border: 0;
}

.simple-table td {
  vertical-align: top;
  padding: 4px 8px;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.simple-table tr:last-child td {
  border: 0;
}

.note-info .simple-table td {
  border-color: rgba(87, 181, 227, .3);
}

#audienceExportModal .span6:nth-child(odd) {
  margin-left: 0;
  clear: left;
}
.dropdown .btn {padding:5px 10px;white-space: nowrap;}
.dropup .btn {padding:5px 10px;white-space: nowrap;}
.btn.mini {white-space: nowrap;border-radius: 4px !important;}

#calendar .fc-content .fc-widget-header {font-size:11px;}
#staff-availability-hours .note {margin:0;}
.dropdown-menu LI.text-error {font-size:12px;}

/*
  NEW MODAL BOOTSTRAP DESIGN
*/
.modal-scrollable{ overflow: hidden; }

.upf-modal{ width: 440px; border: 0; overflow: hidden; max-width:100%;}
.upf-modal.fade{
  top: 0; bottom: 0; left: initial; right: -100%;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-in-out; transition: opacity 0.3s linear, right 0.3s ease-in-out;
}
.upf-modal.fade.in{ top: 0; left: initial; right: 0; margin-top: 0 !important;}
.modal-overflow.upf-modal.fade.in{ top: 0; }
.upf-modal .modal-header{
    position: absolute; top: 0; left: 0; right: 0; /*width: 370px;*/ height: 50px; border: 0; /*overflow: hidden;*/ background: #0064a0; color: #fff;
    display: -webkit-flex; display: flex;
    -webkit-flex-direction: column; flex-direction: column;
    -webkit-justify-content: center; justify-content: center;
    background: -webkit-linear-gradient(left, #0064a0 0%,#00bec6 100%);
    background: linear-gradient(to right, #0064a0 0%,#00bec6 100%);
  }
  /* .upf-modal .modal-header > * { width: 350px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } */
    .upf-modal .modal-header .close{ width: 9px; position: absolute; top: 10px; right: 10px; color: #fff; }
  .upf-modal .modal-body{ height: calc(100vh - 165px); overflow: auto; margin-top: 70px; padding-bottom: 100px; }
    .upf-modal .modal-body .row{ max-width: 100%; }
      .upf-modal .modal-body .span12{ width: 100%; }
  .upf-modal .modal-footer{ position: absolute; left: 0; right: 0; bottom: 0; /*height: 36px;*/ border-top: 1px solid #dae0e8; overflow: hidden; background: #f7f8fa; }
.modal.upf-modal--big{ width: 1100px; }
  /* .upf-modal--big .modal-header{ width: 1070px; } */
  /* .upf-modal--big .modal-header H3{ width: 1050px; } */

.modal--b2t.fade{
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-in-out; transition: opacity 0.3s linear, top 0.3s ease-in-out;
}
.modal--b2t.fade{ top: 100%; right: 0; }
.modal--b2t.fade.in{ top: 0; }
  .msupport__header{
    height: 120px; background: #0064a0; color: #fff;
  }
    .msupport__avatar{
      position: absolute; top: 50%; width: 78px; height: 78px; margin-top: -39px;
      border-radius: 50px !important;
    }
    .msupport__cap{ width: 230px; padding-top: 20px; padding-left: 100px; }
      .msupport__cap > * { margin-right: -100px; white-space: normal; }
  .msupport__body{ position: relative; height: calc(100vh - 230px); margin-top: 138px; padding-top: 30px; }
    .msupport__body::after{ content: ''; position: absolute; top: 0; left: 50px; display: inline-block; border-left: 13px solid transparent; border-right: 13px solid transparent; border-top: 13px solid #0064a0; }
    .msupport__search{ position: relative; }
      .msupport__search input{ width: 338px; padding: 8px 20px 8px 10px; }
      .msupport__search .fa, .msupport__search .fal, .msupport__search .far{ position: absolute; top: 11px; right: 8px; font-size: 14px; color: #0064a0; }
    .msupport__body li{ margin-bottom: 5px; }
      .msupport__body li .fa{ color: #0064a0; }
      .msupport__body li a{ display: inline-block; vertical-align: top; }
    .msupport__content{ height: calc(100vh - 400px); overflow: auto; }
    .msupport__bottom{ position: absolute; bottom: 0; }
  .msupport__footer{ height: 16px; background: #fff; }


#btn-msupport{ position: fixed; bottom: 10px; right: 10px; z-index: 5; }
  .btn-bubble, .btn-bubble:active, .btn-bubble:focus{
    display: inline-block; padding: 15px 10px; font-size: 13px; text-decoration: none; background: #0064a0; color: #fff;
    border-radius: 20px 20px 0 20px !important;
    -webkit-transition: all .3s ease-in-out; transition: all .15s ease-in-out;
  }
    .btn-bubble:hover{ font-size: 15px; color: #fff; text-decoration: none; }

#msupport{ top: 0; left: initial; right: 0; }
  #msupport .msupport__header{ position: relative; border-bottom: 0; }
  #msupport .msupport__body{ margin-top: 0; }
    #msupport .msupport__search input{ width: 498px; }
    
  #msupport .msupport__sbody{ margin-top: 0; }

#msupport-2{ display: none; }
.msupport__sheader{ overflow: visible; height: 100px; padding-top: 40px; background: #fff; color: #333; }
  .msupport__sheader > * { width: auto; overflow: visible; }
  #msupport-back{ position: absolute; top: 10px; left: 10px; color: #0064a0; }
  .msupport__sheader .btn-group .btn{ border: 0; padding: 0; font-size: 13px; color: #0064a0; }
    .msupport__sheader .btn-group .btn:hover, .msupport__sheader .btn-group.open .btn.dropdown-toggle{ background-color: transparent !important; }
.msupport__sbody{ height: calc(100vh - 155px); margin-top: 135px; border-top: 1px solid #dae0e8; }

/* LISTS */
.blist{ margin: 0; padding: 0; list-style: none; }
.modal-body .blist{ margin-left: -15px; margin-right: -15px; }
  .blist a{ display: block; padding: 7px 15px; }
    .blist__title{ margin: 0 0 3px; font-size: 14px; line-height: 1.4; font-weight: bold; color: #333; }
    .blist__q{ margin: 0 0 3px; line-height: 1.4; color: #0064a0; }
    .blist__date{ color: #999; }
    .blist a:hover{ background: #f1f2f7; text-decoration: none; }
#btn-gantner-checkin{font-size:18px; line-height: 47px; vertical-align: middle;}
/* HELP CENTER ordered list*/
.kb-ordered-list {margin: 15px 0 20px 40px;padding: 0;list-style-type: none;}
.kb-ordered-list LI {counter-increment: step-counter;margin-bottom: 14px;}
.kb-ordered-list LI::before { content: counter(step-counter); margin-right: 5px;font-size: 120%;background-color: #0064a0;color: white;font-weight: bold;padding: 4px 10px;border-radius: 3px;}
  .kb-ordered-list-orange LI::before {background:#ff9d00;}
  .kb-ordered-list-red LI::before {background:#ff0000;}
  .kb-ordered-list-green LI::before {background:#0b942e;}
  .kb-ordered-list-purple LI::before {background:#8f0b8a;}
/*EMBED VIMEO VIDEOS*/
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
}
.embed-responsive::before {
  display: block;
  content: "";
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9::before {
  padding-top: 56.25%;
  margin-top:10px;
}
.embed-responsive-4by3::before {
  padding-top: 75%;
}
#key_code {position:relative;
  width:100%;
  height:auto;
  border:0;
  background: transparent;
  color:transparent;
  box-sizing:border-box;
  box-shadow:none;
  text-align:center;
  text-transform:uppercase;
  font-weight:bold;
  opacity:.5;
  -webkit-text-security: square;
}
@keyframes key_code_focus {
  0%   { background-position: bottom right; }
  100% { background-position: bottom left; }
}

#key_code:focus {
  outline: none;
  box-shadow: none;
  background-image: linear-gradient(90deg, #fff, transparent, #fff, transparent) !important;

  opacity: 1;

  animation: key_code_focus 1s infinite ease;

  background-size: 400% 2px;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.assign-locker-disabled {cursor: not-allowed;background:#bcbcbc;}
.assign-locker-disabled.yellow {background:#faaf3a;cursor:pointer;}
.tab-content .portlet-empty {border:none;}
#checkout_locker_ajax_reponse .fa {color:#fff !important;}
.reception_club_lockers A.btn {display:inline-block;margin-bottom:3px;}
.lockers-keys-tile #scan_form {position:absolute;left:0;top:65px;}
#gender_buttons A {font-size:18px;margin:0 5px;padding:10px;}
.active-pt-sessions {padding-bottom:30px;}
.active-pt-sessions .desc {padding:7px;}
#inventory-products {display:none;}
.display-locker .tile {height:100px;}
#search_member_form {position:relative;}
#search_member_overlay {display:none;position:absolute;z-index:1000;width:100%;height:100%;background:#286687;opacity:.6}
#search_member_response {display:none;}
.previous-balance TD {font-size:20px !important;padding:15px 10px !important;}
#to_staff, #to_supplier, #to_other {display:none;}
#to_staff LABEL, #to_supplier LABEL, #to_other LABEL {display:block; width:100%;text-align:left;padding-left:0;margin-top:0;}
FORM.cash-amount-update .form-group {display:inline-block;margin-bottom:0;vertical-align:middle;}
FORM.cash-amount-update .buttons {margin-top:10px;}
FORM.cash-amount-update .cash-amount-input {width:100px;padding:8px;font-size:18px;text-align:right}
FORM.cash-amount-update .cash-amount-select {padding:8px;font-size:18px;}
.note-grey {background:#eee;}
.note-grey FORM INPUT {background:#fff !important;}
.btn.btn-disabled {cursor: not-allowed;background-color:#97d2f4;}
.btn.btn-disabled:hover {background-color:#97d2f4 !important;}
#error_amount, #initial_amount {display:none;}
.member-buttons .dropdown {display:inline-block;}
  .member-buttons .dropdown .btn {padding:8px 10px;}
.m-widget24__content {padding:0 30px; line-height: 20px;}

.bcp_number {display: inline-block; margin-right: 10px; vertical-align: super; font-size: 60px; line-height: 1; font-weight: bold; color: #0064a0}
.bcp {display: inline-block; font-size: 16px; font-weight: bold; text-align: left; color: #939599;}
.page-content.contracts-module{margin-left:0;}
#upload_form_overlay {display:none;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:#286687;opacity:.6}
#upload_form_overlay .loading-spinner {top:40%;}
#control-group-flag_petty_cash {display:none;}
.fold {display:none;}
.e-signature-page .page-container{margin-bottom:100px; margin-top:60px;}
.e-signature-page .footer{width:100%;}
.e-signature-page .header .brand{padding:10px 15px 10px 24px;}
.e-signature-page .header .nav > li.dropdown .dropdown-toggle i{font-size:32px;}

/*7Card style*/
.label-seven-card {
  background-color: #FF4438;
  background-image: none !important;
  text-shadow: none !important;
  border-radius: 5px !important;
  padding: 5px;
}
/*Fitpass style*/
.label-fitpass {
  background-color: #50e3c2;
  background-image: none !important;
  text-shadow: none !important;
  border-radius: 5px !important;
  padding: 5px;
}
/*Sanopass style*/
.label-sanopass {
  background-color: #85b128;
  background-image: none !important;
  text-shadow: none !important;
  border-radius: 5px !important;
  padding: 5px;
}
/*ESX style*/
.label-esx {
  background-color: #ffd853;
  background-image: none !important;
  text-shadow: none !important;
  border-radius: 5px !important;
  padding: 5px;
}
/*Passport style*/
.label-passport {
  background-color: #3EB8B1;
  background-image: none !important;
  text-shadow: none !important;
  border-radius: 5px !important;
  padding: 5px;
}
/*Wellhub style*/
.label-wellhub {
  background-color: #D8385E;
  background-image: none !important;
  text-shadow: none !important;
  border-radius: 5px !important;
  padding: 5px;
}

.campaign-values {font-size: 32px; font-weight: 700;}
.campaign-percent {color: #afbacc;}
.campaign-box {border: 1px solid #b4cef8; border-color: #afbacc; padding:10px;}
.swal2-icon {
  border-radius: 50% !important;
}
.controls-scrollable {height:235px;overflow-y:scroll;border:1px solid #eee; box-shadow: 0 0 5px #eee inset;}
SELECT.select_by {width:auto;font-size:12px;}
.swal2-container {z-index:10051 !important;}

.ul-tab-portlet {border-bottom: none;}
.nav-tab-portlet {background-color: #0277bd !important; color: #fff !important;}
.active .nav-tab-portlet {background-color: #0f4594 !important; border-color: #0f4594 !important; color: #fff !important; border-radius: 5px 5px 0px 0px !important;}
.gdpr-badge {border-radius: 5px !important; font-weight:bold;color:#fff !important;}
.member-status A {display:block;position:relative;}
.member-photo-overlay {display:block;width:100%;height:100%;position:absolute;z-index:1000;top:0;right:0;background:#fff;opacity:.8;}
.no-overflow {overflow: visible !important;}

.upcoming-reception-link {color:#fff;}
.upcoming-reception-link:hover {color:#000;}
.upcoming-reception-link:active {color:#000;}
.notactive {background-color: #0277bd !important;}
.portlet-tabs .nav-tabs > .notactive > a  {background-color: #0277bd;}
.table TR.disabled TD {opacity:.6;}
.source-tab {padding: 14px 10px !important;border-left: 1px solid #cccccc;}
.source-tab.active {background-color: #eaeaea;color: #444;}
.input-append .add-on, .input-prepend .add-on {padding-top:4px;}
.appointment .btn {width:35%;margin:0 1%;}
.appointment .label {padding: 8px 10px; line-height: 20px;text-align: center; min-width:35%; margin:0 1%;}
    .appointment-unpaid, .appointment-unattended, .appointment-attended{border-left:5px solid;}
    .appointment-unpaid{border-color: #d0240f;}
    .appointment-unattended{border-color: #0064a0;}
    .appointment-attended{border-color: #faaf3a;}


.checkbox-inline-chart {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  font-weight: 400;
  vertical-align: middle;
  cursor: pointer;
}
.checkbox-chart{
  margin: 5px !important;
}
.report-table tbody tr td, .report-table tfoot tr td{white-space:nowrap;}
.btn.white.disabled,
.btn.white.disabled:hover {  
    border: 1px solid #c2c2c2;
    background: #cccccc !important;
}
.general-form .control-group.permissions LABEL.control-label {width:18%;padding-left:2%;}
.general-form .control-group.permissions .controls {margin-left:22%;}
.general-form .control-group.permissions .section-operations {width:88%;}