/*------------------------------------------------*/
/*	Skin: Orange
/*------------------------------------------------*/
/* general */
body {
    background: #fcfcfc;
}

body.login {
    background-color: #DAE1E7;
}


.main-content {
    padding: 15px 30px !important;
    background-color: #F5F5F5;
    border: 1px solid #C5C5C5;
}

a {
  color: #f5981e;
}
a:hover, a:focus {
  color: #b056f6;
}

h2 {
    color: #444;
}

h3 {
    font-family: "latolight";
    color:#444;
}

.feedback-wrapper {
    margin-bottom: 20px;
}

.alert {
    margin-bottom: 3px;
}

.btn-custom-primary {
    background-color: #5696f6;
    border:none;
    color: #fff;
}

.btn-custom-primary:hover, .btn-custom-primary:focus, .btn-custom-primary:active, .btn-custom-primary.active, .btn-custom-primary .open .dropdown-toggle.btn-warning {
    background-color: #5696f6;
}

.top-bar {
    background: #fcfcfc;
    border-bottom: 1px solid #ddd;
}

.top-bar .logged-user .btn {
    color:#333 !important;
}

.top-bar .logged-user .btn .caret {
    border-top-color:#333 !important;
}

.top-bar .logo {
    padding: 0;
}

div.logo a {
    /*margin: 5px 0 10px !important;*/
    display: block;
}

.logged-user {
    font-size: 1.4em;
}

.top-bar .logo img {
    width: 80%;
    padding: 11px;
    max-width: 260px;
    /*-webkit-filter: drop-shadow(-1px 1px 3px rgba(255,255,0,0.5));*/
    /*filter: drop-shadow(-1px 1px 3px rgba(255,255,0,0.5));*/
}

.top-bar .top-bar-right .btn-link {
  color: #fff;
}
.top-bar .top-bar-right .btn-link:hover {
  color: #fff;
}
.top-bar .notifications .count {
  border-color: #ee9109;
}
.top-bar .searchbox input[type="search"] {
  background-color: #a46406;
  border-color: #a46406;
}
.top-bar .searchbox .btn {
  background-color: #d58208;
  border-color: #a46406;
}
.top-bar .searchbox .btn .fa {
  color: #a46406;
}
.top-bar .searchbox .btn:hover {
  border-color: #a46406;
}
.top-bar .searchbox .btn:hover .fa {
  color: #8c5505;
}

/*** QUICK LINKS ***/

.top-content ul.quick-links > li {
    width: 11em;
    padding: 0;
}

ul.quick-links > li > a {
    text-decoration:none;
}

.quick-link {
    display: block;
    position: relative;
    background-color: #555;
    color: #fff;
    padding: 10px;
    text-align: left;
    overflow: hidden;
}

.quick-link h5 {
    font-family: "latolight";
    font-size: 1.5em;
    line-height: 1.5em;
    margin-left: 5px;
}

.quick-link i.fa {
    float: right;
    font-size: 2em;
    line-height: 2em;
    margin-right: 5px;
}

.bg-color-one   { background-color: #5696f6; }
.bg-color-two   { background-color: #f5981e; }
.bg-color-three { background-color: #b056f6; }

/* Main container */

.bottom .container .content-wrapper {
    background-color: #FCFCFC;
    border-left: 1px solid #ddd;
    padding-bottom: 30px;
}

.content-wrapper {
    padding:30px;
}

/* main menu icons */

ul.main-menu {
    border-bottom: none;
    padding-bottom: 10px;
}

ul.main-menu > li .fa {
    color: #000;
}

ul.main-menu li a {
    color: #4F4F4F;
    border: none;
    border-top: 1px solid #ddd;
    text-decoration: none;
    background-color: #eee;
}

ul.main-menu li a .fa.circled {
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    background-color: #D8D8D8;
    border: 1px solid #C8C8C8;
    color: #4f4f4f !important;
    padding: 5px;
    line-height: inherit;
}

ul.main-menu > li a:hover {
    text-decoration: none;
    background-color: #f5981e !important;
    color:#fff !important;
}

ul.main-menu > li a:hover > .fa.circled {
    background-color: #A0A0A0;
    border-color: #909090;
    color: #fff !important;
}

ul.main-menu > li.open > a {
    background-color: #B3B3B3 !important;
    color: #FFF !important;
    font-weight: 700;
}

ul.main-menu > li.active > a {
    font-weight: 700;
    color: #fff !important;
    background-color: #f5981e !important;
}

ul.main-menu > li.open > a > i.fa.circled, ul.main-menu > li.closed > a:hover > i.fa.circled {
    color:#fff !important;
    background-color:#f5791e !important;
    border-color: #E7731E !important;
}

ul.main-menu > li a:hover .fa.circled, ul.main-menu > li.active > a .fa.circled {
    color:#fff !important;
    background-color:#f5791e !important;
    border-color: #E7731E !important;
}

ul.main-menu > li.active > a .fa.toggle-icon {
    color:#fff !important;
}

ul.main-menu .sub-menu li a {
    background-color: #FCFCFC !important;
    padding-left: 45px !important;
    color: #333 !important;
}

ul.main-menu .sub-menu li a:hover {
    background-color: #F9F9F9 !important;
}

ul.main-menu > li.active > ul.sub-menu > li > a {
    /*background-color: #ffcc00 !important;*/
    background-color: #FFFDC9 !important;
    border-top: 1px solid #F5981E;
}

ul.main-menu > li.active > ul.sub-menu > li > a.active {
    font-weight:700;
}

ul.terms {
    padding: 0 0 100px 0 !important
}
ul.terms>li {
    list-style:none;
}
ul.terms>li>a {
    text-align:center;
    text-decoration:none;
    cursor: pointer;
    display: block;
    font-size: 11px;
    line-height: 1.75em;
}

/*** Menu toggle ***/
.sidebar-minified:before {
    border-top: 1px solid #7E7E7E;
}

.sidebar-minified .fa {
    background-color: #616161;
    color: #A1A1A1;
    border-color: #818181;
}

.sidebar-minified .fa:hover {
    background-color: #848484;
    color: #BDBDBD;
    border-color: #9B9B9B;
}

.left-sidebar.minified {
    width: 50px;
    margin-right: -50px;
    z-index: 9;
    text-align: center;
}

.content-wrapper.expanded {
    width: 100%;
    margin-left: 50px !important;
    padding-left: 0 !important;
}


.main-header h2 {
    font-weight: bold;
}

/* Buttons */

.btn.phoenix {
    font-weight: normal;
    color: #fff;
    border: none;
    margin-right:10px;
    background-color:#5696f6;
}

.btn.phoenix.btn-cancel, .btn.phoenix.btn-danger,.cancelBtn {
    background-color: #f51e32;
    border: 1px solid #D2192A;
}

.btn.phoenix.btn-ok, .btn.phoenix.btn-success,.applyBtn {
    background-color: #43bc18;
    border: 1px solid #399816;
}

.btn.full-width {
    width:100%;
}

.button-row {
    padding: 10px 0;
    margin: 20px 0;
}

.no-right-margin {
    margin-right:0 !important;
}

.badge.badge-debug {
    background-color:#FF3A30;
    color:#fff;
}

.badge-status {
    color: #000;
    width: 80px;
}

.badge-pending {
    background-color: #777;
    color:#fff;
}

span.badge.badge-small.badge-status.badge-expired {
    background-color: #ccc;
    color: #fff;
}

.badge-giftvoucher {
    background-color: #E800B6;
    color: #ffffff;
}

.badge-worldpay {
    background-color: #ce5942;
    color: #fff;
}

.badge-stripe {
    background-color: #00CCFF;
    color: #ffffff;
}

.badge-stripemoto {
    background-color: #00aadd;
    color: #ffffff;
}

.badge-corporate {
    background-color: #FF8D00;
    color:#fff;
}

.badge-sagepay {
    background-color: #45BD7C;
    color: #fff;
}

.badge-paypal {
    background-color: #0091CE;
    color: #fff;
}

.badge-boxoffice {
    background-color: #000000;
    color: #fff;
}

.badge-zerovalue {
    background-color: #80369A;
    color: #fff;
}

.badge-zerovalue,.badge-boxoffice,.badge-worldpay,.badge-sagepay,.badge-paypal {
    width: 75px !important;
}

.transaction-payments .badge-zerovalue,
.transaction-payments .badge-boxoffice,
.transaction-payments .badge-worldpay,
.transaction-payments .badge-sagepay,
.transaction-payments .badge-paypal {
    width: 105px !important;
}

.badge-active, .badge-paid, .badge-confirmed {
    background-color: #43BC18;
    color: #fff;
}

.badge-refunded {
    background-color: #000000;
    color: #fff;
}

.badge-disabled, .badge-partial, .badge-cancelled {
    background-color: #F5981e;
    color: #fff;
}

.badge-locked, .badge-failed {
    background-color: #F51e32;
    color:#fff;
}

span.badge.badge-template {
    background-color: #3328D8;
    color:#fff;
}

.badge.badge-archived {
    background-color: #66a3fd;
    color:#fff;
}

.badge-red {
    background-color: #F51e32 !important;
    color:#fff;
}

.badge-green {
    background-color: #43bc18 !important;
    color:#fff;
}

.badge.badge-becomeuser {
    margin: 0 10px;
    float: right;
    cursor: pointer;
    background-color: #B056F6;
}

.user-group-row {
    font-size: 1.2em;
    font-weight: bold;
    margin: 5px 10px 5px 0;
}

/* Forms */

.settings-section-group-title {
    font-size: 2em;
    border-bottom: 1px solid #F5981E;
    margin-bottom: 15px;
    font-weight: normal;
    color: #F5981E;
    margin-top: 35px;
}

.settings-section-group-title:first-child {
    margin-top: 0;
}

span.label-input-prefix {
    line-height: 2.5em;
    margin-left: 50px;
    font-size: 15px;
    color: #444;
    font-family: latolight;
}

input.bad-field, select.bad-field, textarea.bad-field, div.bad-field>a {
    border: 1px solid #F51E32 !important;
    background-color: #ffeeee !important;
}

.flagged-red {
    border-top: 2px solid #ff0000 !important;
}

textarea.large-edit-area {
    min-height: 250px;
}

textarea.large-tall-edit-area {
    min-height: 500px;
}

textarea.large-template-area {
    font-family: monospace;
    font-size: 12px;
    line-height: 1.8em;
    min-height: 300px;
    overflow: auto;
    margin: 0;
    -webkit-border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    border: 2px dotted #D2D2D2 !important;
    background-color: #FFF7EB;
    padding: 20px 25px;
}

div.placeholder-information {
    margin-bottom: 10px;
    font-size:0.8em;
    color: #555 !important;
}

div.placeholder-information>table tr>td {
    color:#555;
}

div.placeholder-information>table tr>td.placeholder {
    font-family:monospace,serif;
    padding-right:10px;
    font-weight:bold;
}

div.input-wrapper.has-help > input {
    max-width: 50%;
}

span.error-indicator {
    margin-left: 10px;
    color: #F51E32 !important;
    display:none;
}

span.form-information-field {
    font-family: monospace;
    line-height: 2em;
    font-size: 18px;
    color: #777;
}

.input-wrapper {
    position:relative;
}

.input-wrapper input, .input-wrapper select, .input-wrapper textarea {
    /*padding-right:50px !important;*/
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
}

.input-wrapper span.field-icon {
    position: absolute;
    z-index: 1000;
    background-color: #f2f2f2;
    padding: 7px 8px;
    border: 1px dotted #ccc;
}

span.field-icon.error {
    color: #aa0000;
    background-color: #F9CECE;
    border: 1px dotted #aa0000;
}

.input-wrapper .field-icon+input {
    padding-left: 40px;
}

.input-wrapper>input.error,.input-wrapper>textarea.error {
    background-color: #ffeeee;
    border-color: #aa0000 !important;
    color: #aa0000;
    margin-bottom: 15px;
}

.input-wrapper>input.valid {
    background-color: #eeffee !important;
    border-color: #00aa00 !important;
}

label.error {
    position: absolute;
    left: 15px;
    padding: 3px 5px 1px;
    background-color: #F51E32;
    color: #fff;
    bottom: -8px;
    font-size: 11px;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border: 0px solid #000000;
}

.error-label-right+label.error {
    position: absolute;
    left: 100px;
    margin-left: 50px;
    border-radius: 0;
    border-radius: 5px;
    width: 200px;
}

span.valid-indicator {
    position: absolute;
    right: 25px;
    top: 10px;
    font-size: 15px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    width:50px;
}

span.valid-indicator.indentForAddon {
    right: 55px;
    z-index: 1000;
}

.no-mark+.valid-indicator {
    display: none;
    right: 10px;
}

span.valid-indicator.ok:before {
    content: "\f058";
}

span.valid-indicator.invalid:before {
    content: "\f00dr";
}

span.bad-field-message {
    background-color: #F51E32;
    margin: 0;
    padding: 2px 15px 4px;
    color: #fff;
    float: right;
}

/* panel */

.box {
    margin: 0 0 20px;
    background-color: #fff;
    padding: 0;
}

.box .box-header {
    padding: 10px 10px;
    height: 35px;
    border-bottom: 1px solid #aaa;
    color: #444;
    background-color: #bbb;
}

.box .box-header h3,.box .box-header h4, .box .box-header h5
{
    margin:0;
    font-weight:normal;
}

.box .box-content {
    padding: 20px 10px;
}

.form-group {
    padding-bottom: 7px !important;
}

.form-horizontal>.box>.box-content>.form-group {
    margin: 0 0 5px !important;
}

.box .box-content .form-group label.control-label {
    background-color: #DADADA;
    padding-bottom: 5px;
    min-height: 34px;
    border: 1px solid #C7C7C7;
}

.box .box-content .form-group input.form-control {
    border: 1px dotted #ccc;
}

.box .box-content .form-group textarea.form-control {
    border: 1px dotted #ccc;
}

input.datepicker {
    border: 1px dotted #ccc;
    padding: 6px 12px;
    padding-right: 12px !important;
}

.datepicker-dropdown:before,.datepicker:before,.datepicker-dropdown:after,.datepicker:after {
    content: none !important;
}

input.timebox {
    height: inherit !important;
    line-height: 1em !important;
    padding: 6px 5px 4px 12px !important;
    width: 100px;
    font-size: inherit;
}

/*** Date range picker ***/
input.daterange {
    min-width: 260px;
}

.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    border-radius: 4px;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect {
    background-color: #fff;
}

.daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.openscenter:before {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.openscenter:after {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.dropup{
    margin-top: -5px;
}
.daterangepicker.dropup:before{
    top: initial;
    bottom:-7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after{
    top: initial;
    bottom:-6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000;
}

.daterangepicker .ranges, .daterangepicker .calendar {
    float: left;
}

.daterangepicker.single .ranges, .daterangepicker.single .calendar {
    float: none;
}

.daterangepicker .ranges {
    margin: 4px;
    text-align: left;
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-table {
    border: none;
}

/* Calendars */

.daterangepicker .calendar th, .daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
}

.daterangepicker .calendar-table {
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
}

.daterangepicker .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.daterangepicker .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.daterangepicker .calendar.left {
    margin: 4px 0 4px 4px;
}

.daterangepicker .calendar.right {
    margin: 4px 4px 4px 0;
}

.daterangepicker .calendar.left .calendar-table {
    padding-right: 12px;
}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td, .daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
    color: #999;
    background: #fff;
}

.daterangepicker td.disabled, .daterangepicker option.disabled {
    color: #999;
}

.daterangepicker td.available:hover, .daterangepicker th.available:hover {
    background: #eee;
}

.daterangepicker td.in-range {
    background: #A4C8FF; /*#ebf4f8;*/
    border-radius: 0;
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: #3071a9;
    color: #fff;
}

.daterangepicker td.week, .daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker select.monthselect, .daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker th.month {
    width: auto;
}

/* Text Input Above Each Calendar */

.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%;
}

.daterangepicker .input-mini.active {
    border: 1px solid #357ebd;
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px;
}

.daterangepicker .left .daterangepicker_input {
    padding-right: 12px;
}

.daterangepicker .daterangepicker_input {
    position: relative;
}

/* Time Picker */

.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}

/* Predefined Ranges */

.daterangepicker .ranges {
    font-size: 11px;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 160px;
}

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    border-radius: 5px;
    cursor: pointer;
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: #08c;
    border: 1px solid #08c;
    color: #fff;
}
/*** End date range picker ***/

span.label-left {
    line-height: 2.5em;
    margin-right: 10px;
    float:left;
    width:50px;
}

input.datebox {
    height: inherit;
    width: inherit;
    margin-top: 0;
}

.datebox-icon {
    position: absolute;
    top: 9px;
    left: 90px;
}

.fa.right-icon {
    position: relative;
    top: 8px;
    left: -20px;
}

.form-group.row {
    border-top: 1px solid #ccc;
    padding-top: 7px;
}

.form-group.row span.text {
    line-height: 1.7em;
}

.form-group.row:last-child {
    border-bottom: 1px solid #ccc;
    padding-bottom: 7px;
}

/* Popup Form over-rides */
#popupForm .form-group {
    margin-bottom: 5px;
}

#popupBox .box .box-content {
    padding: 0 35px;
}

.input-wrapper .switch-small {
    margin-top: 3px;
}

.popup-form-panel .row {
    margin-top: 10px;
}

span.btn-edit-dateslot-group {
    position: absolute;
    top: 5px;
    right: 13px;
    font-size: 18px;
    cursor:pointer;
}

span.inline-input-label {
    line-height: 2.5em;
    margin: 0 10px;
    font-size: 0.9em;
    color: #777;
}

.input-group-addon {
    background-color: #eee;
}

.input-group-addon:last-child {
    border: 1px dotted #ccc;
    border-left: 0;
    background-color: #eee;
}

.read-only-field {
    padding: 7px 15px;
}

/* Fancy-radio */
.fancy-radio input[type="radio"] + span i {
    width: 20px;
    height: 20px;
    border-radius: 8px;

}

.fancy-radio input[type="radio"]:checked + span i:after {
    width: 18px;
    height: 18px;
    top: 0;
    left: 0;
    background-color: #F5981E;
    background: #F5981E url(/themes/phoenix/assets/img/btn_bg_on.png) repeat;
    border-radius: 6px;
    border: 2px solid #A98E55;
}

/**** DATATABLES DROPDOWN ****/
select.form-control.input-sm {
    background-color: #fff;
}

.datatable-toolbar label {
    float: left;
    font-size: 0.85em;
    line-height: 2.8em;
    margin-left: 0;
    padding-left: 0;
}

.form-control.select2 {
    border:none;
    background:transparent;
}

div.select-container>div.select-wrapper {
    width: inherit;
    display: inline;
}

div.select-container>div.select-wrapper>div.select2-container {
    width:100%;
}

.datatable-toolbar.select2-container.select2 {
    width: inherit;
    float: right;
    display: none;
}

/* AJAX */
.alert-no-results {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    padding: 5px 10px;
}

/* widget */
.widget {
    border-color: #D8D8D8;
}
.widget .widget-header {
    background-color: #EEEEEE;
    border-bottom-color: #DDDDDD;
    color: #fff;
}
.widget .widget-header em {
    color: #949494;
}
.widget .widget-header .btn-help {
  color: #F5981E;
}
.widget .widget-header .widget-header-toolbar {
  border-left-color: #F5981E;
}
.widget .widget-header .widget-header-toolbar .control-title {
  color: #fff;
}
.widget .widget-header .btn-group > a {
  color: #fff;
}
.widget .widget-header .btn-group > a:hover, .widget .widget-header .btn-group > a:focus {
  color: #ffe4c5;
}

/* main content */
.main-header h2 {
  color: #F5981E;
  border-right-color: #f8b24b;
}
.main-header em {
  color: #F5981E;
}

.nav-tabs>li>a {
    border: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
    background-color: #ddd;
    color: #888;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    background-color: #fff;
}

.tab-content {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ddd;
    border-top: none;
}

.data-row .data-name {
    color: #808080;
}

.data-row .data-value.input {
    padding-top: 2px;
    padding-bottom: 2px;
}

.data-row .data-value.input>input[type=text] {
    border: 0;
    background-color: #FFF9B6;
    padding: 4px 10px;
    width: 100%;
    display: block;
}

.permission-line, .group-line {
    font-size: 1.1em;
    border-top: 1px dotted #ccc;
    padding: 5px 10px;
    margin: 0;
}

.permission-line.odd {
    background-color: #f9f9f9;
}

.permission-line.even {
    background-color: #f2f2f2;
}

.permission-label, .group-label {
    margin-left:20px;
}

/* Popover tooltips */
div.popover .arrow {
    top: auto !important;
}


.error-tooltip.tooltip .tooltip-inner {
    background: none;
    background-color: #ff0000 !important;
}

.error-tooltip.tooltip .tooltip-arrow {
    border-bottom-color:#ff0000 !important;
}



/* Checkboxes */
.has-switch span.switch-on {
    color: #fff;
    background: #68d94e;
}

.has-switch span.switch-off {
    color: #fff;
    background: #FF3A30;
}

.has-switch span.switch-amt {
    color: #fff;
    background: #3079ff;
}

.has-switch span.switch-pct {
    color: #fff;
    background: #df30ff;
}

/* Select-2 */
.select2-results .select2-highlighted {
    /*background: #FF9100;*/
    background: #F5981E url(/themes/phoenix/assets/img/btn_bg_on.png) repeat;
    color:#000;
}

/* footer */
.footer {
    background-color: #000;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 37px;
}

code {
    margin:15px auto;
    background: #131D13;
    color: #6AEC6A;
    padding: 10px;
    display: block;
    border: 1px dotted #336633;
    border-left: 10px solid #335533;
}

ul.permissions, ul.list {

}

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

span.badge.badge-small {
    font-size: 0.9em;
    padding: 4px 8px 3px;
    position: relative;
    min-width: 60px;
}

span.badge.badge-small.fixed-width {
    width:95px;
}

span.badge.badge-warning {
    background-color: #F5981E;
}

span.badge.badge-grey {
    background-color: #444;
}

.list-icon span.fa {
    margin-right: 2px;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50%;
    background-color: #9B9B9B;
    border: 1px solid #818181;
    color: #FDFDFD !important;
    padding: 0 2px;
    line-height: inherit;
    font-size: 19px;
}

.btn.small {
    padding:0;
}

.list-icon.small span.fa {
    width: 24px !important;
    height: 24px !important;
    font-size: 15px;
    margin-right: 5px;
}

.list-icon.small.edit-link span.fa {
    padding: 1px 2px 0 4px;
}

.list-icon.red span.fa {
    background-color: #f51e32 !important;
    color:#fff !important;
    border: 1px solid #CD0214 !important;
}

.list-icon.amber span.fa {
    background-color: #F5981E !important;
    border: 1px solid #DA6C00 !important;
    color:#fff !important;
}

.list-icon.purple span.fa {
    background-color: #b056f6 !important;
    border: 1px solid #8c44c2 !important;
    color:#fff !important;
}

a.list-icon {
    position: relative !important;
    float: left;
    width: 30px;
    height: 20px;
    display: inline-block;
    top: -6px !important;
    margin-right: 5px;
}

a.list-icon > .fa {
    position:absolute;
    top:4px;
    padding-top:1px;
}

a.list-icon.viewlink span.fa {
    background-color: #43bc18 !important;
    border: 1px solid #29800B;
    font-size: 14px;
    position: relative;
    top: 1px;
    left: 0;
    padding: 3px 0 0;
}

a.list-icon.editlink span.fa,
a.list-icon.formlink span.fa {
    background-color: #F5981E !important;
    border: 1px solid #DA6C00;
    font-size: 18px;
    position: relative;
    top: 1px;
    left: 0;
    padding: 3px 0 0 2px;
}

a.downloadlink {
    position: relative !important;
    top: -9px !important;
}

.downloadlink>span {
    font-size: 15px !important;
    background-color: #428BCA !important;
    padding-top: 3px !important;
}

span.list-icon.showFormLink>span.fa {
    background-color: #B056F6;
    border: 1px solid #6F2DA2;
    padding-top: 1px;
    margin-left: 4px;
    cursor: pointer;
}

input.largeInputSpace {
    width: 100%;
    padding: 10px 15px;
    font-family: monospace;
    font-size: 16px;
}

.directFormLink {
    font-size: 16px;
    margin: 10px 0 0;
    text-align: center;
}

a.list-icon.deletelink span.fa {
    background-color: #f51e32 !important;
    border: 1px solid #CD0214;
    font-size: 18px;
    position: relative;
    top: 1px;
    padding: 2px 0 0 0;
}

a.list-icon.anonlink span.fa {
    background-color: gray;
    border-color: #585858;
    font-size: 18px;
    position: relative;
    top: 1px;
    padding: 2px 0 0 2px;
}

a.list-icon.clonelink span.fa {
    background-color: #b056f6 !important;
    border: 1px solid #8c44c2;
    font-size: 18px;
    position: relative;
    top: 1px;
    padding: 2px 0 0;
}

a.list-icon.actionlink span.fa {
    background-color: #F5981E !important;
    border: 1px solid #DA6C00;
    font-size: 15px;
    position: relative;
    top: 1px;
    padding: 3px 0 0;
}

a.orange {
    color: #F5981e;
}

a.darkgrey {
    color: #444;
}

a.inpopover {
    height: 28px !important;
    margin: 4px !important;
}

a.inpopover>.fa {
    font-size: 16px !important;
}


h4.list-divider {
    background-color: #ececec;
    color: #b9b9b9;
    font-size: 0.9em;
    vertical-align: top;
    color: #808080;
    padding: 5px;
}

li.list-item i.fa {
    padding: 0 10px 8px;
}

/**** TABLES ****/
.table > thead > tr {
    font-size: 0.9em;
    background-color: #DADADA;
}

.table>thead>tr>th {
    vertical-align: bottom;
    border-bottom: 1px solid #AEAEAE;
}

.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #FFFFFF;
    color: #444;
}

tr.even { background-color: #f8f8f8; }
tr.odd  { background-color: #fdfdfd; }
tr.expired.odd {
    background-color: #ffecec;
}
tr.expired.even {
    background-color: #f9dfdf;
}
tr.expired:hover {
    background-color: #ffcfcf !important;
}
tr.expired td {
    color: #990000 !important;
}

/**** LIVE EDIT BOX ****/
.live-edit-area {
    border:2px dashed #F5981E;
    background-color: #fff;
    padding: 20px;
    float: left;
    width: 100%;
}

.live-edit-area .sample-form-row {
    margin: 5px 0;
    float: left;
    width: 100%;
    display: block;
}

.sample-form-row .sample-input input {
    width: 100%;
    border: 1px solid #777;
    padding: 5px 10px;
}

.sample-form-row .sample-input select {
    line-height: 2em;
    padding: 5px 10px;
    background-color: #fff;
}

.sample-form-row .sample-input>input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
    line-height: 2em;
}

.sample-form-row .sample-input>label>input[type="radio"] {
    width: auto;
    margin-right: 10px;
}

.sample-form-row .sample-input.multi-line-input>label {
    display:block;
}

.sample-form-row .sample-desc {
    color: #fff;
}

.sample-form-row .sample-label {
    font-size: 1.3em;
    font-weight: bold;
}

div#live-edit-form-background,
div#live-edit-form-background-input,
div#live-edit-form-banner,
div#live-edit-form-banner-input,
div#live-edit-form-colour {
    padding: 10px;
    text-align: center;
    color: #F5981E;
    display: block;
}

div#live-edit-form-background-input,
div#live-edit-form-banner-input {
    background-color: #fff;
}

div#live-edit-form-banner,
div#live-edit-form-banner-input {
    border: 2px dotted #F5981E;
}

div#live-edit-form-colour {
    border-bottom: none;
}

div#live-edit-form-row {
    display: block;
    /* float: left; */
    border: 1px solid #ddd;
    margin: 10px 0;
    padding: 10px;
}

div#live-edit-form-label {
    font-size: 18px;
    display: inline-block;
    width: 10%;
    border-bottom: 2px dotted #F5981E;
    text-align: center;
    color: #F5981E;
    margin-left: 10px;
}

div#live-edit-form-input {
    font-size: 18px;
    display: inline-block;
    width: 50%;
    border-bottom: 2px dotted #F5981E;
    text-align: center;
    color: #F5981E;
    margin-left: 10px;
    text-align: left;
}

div#live-edit-form-input span.sample-input-field {
    border: 1px solid #ccc;
    color: #ccc;
    margin-bottom: 5px;
    font-size: 14px;
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
}

div#live-edit-form-description {
    font-size: 12px;
    display: inline-block;
    width: 25%;
    border-bottom: 2px dotted #F5981E;
    text-align: center;
    color: #F5981E;
    margin-left: 10px;
}

.link-cursor {
    cursor: pointer;
}

input#banner-image,
input#background-image{
    display: inline-block;
}

span#sample-banner-field,
span#sample-background-field,
span#sample-form-colour-field {
    background-color: #FFF;
    color: #F5981E;
    padding: 3px;
}

div#live-edit-form-button {
    display: inline-block;
    width: 16%;
    border-bottom: 2px dotted #F5981E;
    text-align: center;
    color: #F5981E;
    margin-left: 10px;
}

div#live-edit-form-button span {
    margin-right: 0;
}

/**** MODIFIERS ****/

.page-title-row {
    padding: 15px;
    background-color: #EEEEEE;
    border-bottom: 1px solid #DDD;
    margin: 0;
    line-height: 1em;
}

.not-padded {
    padding: 0 !important;
}

.main-nav-toggle {
  float: left;
  color: #333;
}

.btn-default {
    color: #4f4f4f;
    background-color: #ececec;
    border-color: #dadada;
    box-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.btn-default:hover, .open .dropdown-toggle.btn-default, .btn-default:focus, .btn-default:active, .btn-default.active {
    color: #fff;
    background-color: #F5981E;
    border-color: #F5981E;
}

.btn-default:hover {
    background-color: #222;
    border-color:#222;
}

.btn-default.active:hover {
    background-color: #ee8700;
    border-color:#ee8700;
}

.btn-tool {
    background-color: #f99b4a !important;
    border-color: #dc7c29 !important;
    color:#ffffff !important;
}

/**** MEDIA MANAGER ****/

.media-manager-dialog {
    width: 700px;
}

.media-manager-body {
    height: 280px;
    overflow-y: scroll;
}

.media-manager-footer {
    margin: 0;
    min-height: 72px !important;    /* Fixes jumping buttons */
}

.media-manager-footer-action-buttons-left {
    float: left;
}

.media-manager-footer-action-buttons-right {
    float: right;
}

.media-manager-thumbnails-row {
    /*height: 120px;*/
    margin-bottom: 10px;
}

.media-manager-debug {
    text-align: left;
    word-wrap: break-word;
}

.media-manager-column {
    border: 1px solid transparent;
    float: left;
    position: relative;
    padding: 5px;
    width: 120px;
    /*height: 120px;*/
    height: 155px;
    text-align: center;
    margin-right: 20px;
    margin-bottom: 20px;
}

.media-manager-column:hover {
    border:  1px solid #F5981e;
    border-radius: 5px;
}

.media-manager-column.media-manager-column-active {
    border:  1px solid black;
    border-radius: 5px;
}

.media-manager-thumbnail-picture {
    width: 90px;
    height: 90px;
    margin-left: 9px;
    margin-right: 9px;
}

.media-manager-thumbnail-filename {
    word-wrap: break-word;
}

.media-manager-folder {
    color: #F2E481;
}

.media-manager-images {
    max-width: 90px;
    max-height: 90px;
}

.media-manager-no-style {
    border: none;
    background: white;
}

.media-manager-loader {
    display:block;
    width:220px;
    height:19px;
    margin:3px 15px;
    background:transparent url('/themes/phoenix/assets/img/ajax_loader.gif') no-repeat 0 0;
    display:none;
}

span.table-entry-small {
    font-size: 0.8em;
    color: #aaa;
}

span.media-manager-breadcrumbs-item-spacer {
    font-size: 0.8em;
    position: relative;
    top: -2px;
    margin: 0 5px;
}

.media-manager-image-preview {
    max-width: 100%;
    max-height: 300px;
}

span.media-manager-bootbox-preview-title {
    display: block;
    margin-top: 1em;
}

span.media-manager-bootbox-preview img.media-manager-image-preview {
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: auto;
}

table.media-manager-bootbox-preview-table {
    width: 100%;
}

/*** Wizard ***/
.wizard {
    position: relative;
    overflow: hidden;
    background-color: inherit;
    margin-bottom: 5px;
}
.wizard:before, .wizard:after {
    display: table;
    line-height: 0;
    content: "";
}
.wizard:after {
    clear: both;
}
.wizard ul {
    width: 4000px;
    padding: 0;
    margin: 0;
    list-style: none outside none;
}
.wizard ul.previous-disabled li.complete {
    cursor: default;
}
.wizard ul.previous-disabled li.complete:hover {
    color: #468847;
    cursor: default;
    background: #f3f4f5;
}
.wizard ul.previous-disabled li.complete:hover .chevron:before {
    border-left-color: #f3f4f5;
}
.wizard ul li {
    position: relative;
    float: left;
    height: 46px;
    padding: 0 20px 0 30px;
    margin: 0;
    font-size: 16px;
    line-height: 46px;
    color: #a5a5a5;
    cursor: default;
    background: #d8d8d8;
}
.wizard ul li:first-child {
    padding-left: 20px;
}
.wizard ul li .chevron {
    position: absolute;
    top: -24px;
    right: -14px;
    z-index: 1;
    display: block;
    border: 48px solid transparent;
    border-right: 0;
    border-left: 24px solid #fff;
}

.wizard ul li .chevron:before {
    position: absolute;
    top: -48px;
    right: 5px;
    display: block;
    border: 48px solid transparent;
    border-right: 0;
    border-left: 24px solid #d8d8d8;
    content: "";
}

.wizard ul li.complete {
    color: #fff;
    background: #4ba84b;
}
.wizard ul li.complete:hover {
    cursor: pointer;
    background: #49a449;
}
.wizard ul li.complete:hover .chevron:before {
    border-left: 24px solid #49a449;
}
.wizard ul li.complete .chevron:before {
    border-left: 24px solid #4ba84b;
}
.wizard ul li.active {
    color: #fff;
    background: #F5981E;;
}
.wizard ul li.active .chevron:before {
    border-left: 24px solid #F5981E;
}
.wizard ul li .badge {
    position: relative;
    top: -2px;
    margin-right: 8px;
    padding: 4px 7px;
}
.wizard ul li .badge.badge-info {
    background-color: #F5791E;
}

.wizard ul li .badge.badge-success {
    background-color: #3b853b;
}

.step-content {
    margin: 30px 0;
    padding-left: 20px;
}
.step-content .step-pane {
    display: none;
}
.step-content .active {
    display: block;
}
.step-content .active .btn-group .active {
    display: inline-block;
}

/*** Alerts ***/
.vertical-centre {
    position: absolute;
    top: 50%;
    transform: translate(-50%);
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
}

.alert > span.message {
    margin-left: 40px;
    display: block;
}

.alert-icon {
    float: left;
    width: 25px;
    height: 25px;
    font-size: 1.5em;
    padding-left: 10px;
    margin-right: 15px;
}

.alert-message {}

.mini-loader {
    display:block;
    width:20px;
    height:20px;
    margin:3px 0;
    background:transparent url('/themes/phoenix/assets/img/loading.gif') no-repeat center center;
    display:none;
}

.inline-warning {
    line-height: 2.25em;
    background-color: #FFD183;
    padding: 0 10px;
    font-style: italic;
    color: #EF6400;
    display:none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.inline-warning .fa {
    margin-right: 5px;
}

/*** Package timeslots ***/

.asset_group_content .row {
    margin-bottom: 10px;
}

.dynamic-control-set {
    border: 1px solid #ccc;
    background-color:#eee;
    width: 100%;
    padding: 10px;
}

.dynamic-control-set>.title {
    padding-top: 0;
    margin-top: 0;
    font-family: "latolight";
    color: #444;
    font-size: 1.4em;
    margin-bottom: 10px;
    display: block;
}

.dynamic-control-set select { background-color: #fff; }

.inline-label {
    padding: 8px;
    min-height: 34px;
    text-align: right;
}

.inline-label-left {
    padding: 8px;
    min-height: 34px;
    text-align: left;
    display:inline-block;
    float:left;
}



.timeslot-row {
    float: left;
    clear: left;
    display: block;
    width: 100%;
}

.timeslot-row.header {
    margin-top:20px;
    margin-bottom:5px;
    background-color:#f2f2f2;
    text-transform:uppercase;
    font-size:10px;
}

.timeslot-row> div.timeslot-cell {
    padding: 5px 10px;
}

.btn-group.two-state,.btn-group.daysofweek {
    width:100%;
}

.btn-group.daysofweek > .btn {
    width: 12.65%;
}

.btn-group.two-state > .btn {
    width:50%;
}

#popup_valid_from_date,#popup_valid_until_date {
    width: 61%;
    float: left;
    padding-right: 2px;
}

#popup_valid_from_time,#popup_valid_until_time {
    width: 39%;
    float: left;
    padding-right: 2px;
}

.text-right {
    text-align:right;
}

.no-right-margin {
    margin-right:0 !important;
}

.btn.edit_ticket_groups {
    margin: 0;
    padding: 3px 10px;
    position: relative;
    top: -4px;
}

/* Opened */
.panel-group .panel .panel-title > a {
    color: #F5981E;
    font-weight: 600;
}

/* Closed */
.panel-group .panel .panel-title > a.collapsed {
    color: #868686;
    font-weight: 300;
}

.new_asset,.new_slotset,.setbox,.ticket_rows {
    padding: 0 15px;
}

.setbox > div > div.row, .new_asset > div > div.row, .new_slotset > div > div.row {
    background-color: #ddd;
    padding: 15px 10px;
}

.setbox div > input, .new_asset div > input, .new_slotset div > input {
    width: 100%;
}

.setbox div > span.inline-label, .new_asset div > span.inline-label, .new_slotset div > span.inline-label {
    padding: 0;
    display: block;
    min-height: inherit;
    text-align: left;
}

span.system-generated {
    font-size: 0.9em;
    color: #999;
    font-style: italic;
}

.btn_add_new_asset, .btn_add_new_slotset {
    top: 18px;
    position: relative;
}

.setbox select, .new_asset select, .new_slotset select {
    background-color:#fff;
}

.setbox input.error, .new_asset input.error, .new_slotset input.error {
    background-color: #ffd0d0;
    border: 1px solid #dd0000 !important;
    color: #dd0000;
}

.dataTables_processing {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    padding: 0 15px;
}

.dataTables_processing > div {
    display: block;
    background-color: #FFFDC9;
    height: auto;
    float: left;
    width: 100%;
    padding: 3px;
    border: 1px solid #F5981E;
    font-size: 16px;
    color: #F6A637;
}

.dataTables_processing > div > img {
    margin: 5px;
}

span.dt-filter {
    margin: 0 0 0 25px;
    line-height: 2.5em;
    font-size: 12px;
    display: inline-block;
    float: left;
}

span.dt-filter select {
    margin-left: 10px;
}

table.assets td {
    padding: 5px
}

table.assets td input.shallow {
    background-color: transparent;
}

table.assets th {
    padding: 0 5px;
}

table.assets tr.row-odd {
    background-color: #eee;
}

table.assets tr.row-even {
    background-color:#dfdfdf;
}

tr.asset-fields {
    border-top: 1px solid #ccc;
}

span.hidden-inline-label {
    font-weight: bold;
}

.no-bottom-margin {
    margin-bottom:0 !important;
}

.slotset-header {
    border-bottom: 1px solid #ccc;
}

input.half-width, select.half-width {
    max-width: 45%;
}

input.slot_max_value {
    max-width: 90px;
    display:none;
}

select.slot_max_shared_slot {
    display:none;
}

input.subtle {
    background-color: transparent !important;
    border: none !important;
}

input.subtle.slotset-label {
    font-size: 1.3em;
    font-weight: bold;
}

input.inline.subtle {
    clear: none;
    width: auto;
    background-color: #D0D0D0 !important;
    padding:10px;
}

input.inline.subtle:focus {
    background-color:#fff !important;
    border:1px solid #999;
}

span.btn.delete-slot-row {
    padding: 2px 5px 2px 8px;
}

input.create-slot-number {
    max-width: 80px;
    float:left;
}

input.form-control.create-slot-fromdate,  input.form-control.create-slot-todate {
    width: 160px;
}

.bootbox.modal.paymentPopup .bootbox-body {
    overflow-y: auto;
}

.bootbox-body h2 {
    margin: 0 0 15px;
}

.bootbox.addGroup .modal-body, .bootbox.addAsset .modal-body, .bootbox.configFields .modal-body {
    background-color: #eee;
}

.bootbox.addGroup .modal-footer, .bootbox.addAsset .modal-footer, .bootbox.configFields .modal-footer {
    margin-top:0;
}

.bootbox.modal .bootbox-body {
    max-height: 400px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.bootbox.modal.no-scroll-y .bootbox-body {
    overflow-y: hidden !important;
}

.deltaDate {
    max-width: 270px;
    margin: 0 auto;
}

.deltaDate span.day {
    background-color: #FFF;
    font-size: 11px;
}

#popupGroupForm div.row, #popupAssetForm div.row, #popupConfigFields div.row {
    padding: 5px;
    background-color: inherit !important;
}

.asset-row-control-button {
    padding: 2px 5px 3px 8px;
    margin: 2px;
}

.test-title,.test-intro {
    font-family:"latolight";
}
h4.test-title {
    font-size:20px;
    font-weight:bold;
}
.test-intro {
    font-size:15px;
}

.force-wrap {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}

.result-ok {
    background-color: #eeffee;
    border: 1px solid #009900;
    color: #009900;
    font-family: monospace;
}
.result-fail {
    background-color: #ffeeee;
    border: 1px solid #990000;
    color: #990000;
    font-family: monospace;
}

.test-header {
    padding:10px 20px;
    font-size:1.4em;
    font-family:"latolight";
}

.result-ok .test-header {
    background-color:#BAF7BA;
    color:#007700;
}

.result-fail .test-header {
    background-color:#EFCBCB;
}

.test-dump {
    background-color: #ddd;
    border: 1px solid #333;
    color: #333;
    font-family: monospace;
}

.test-dump .test-header {
    background-color:#ccc;
}

.test-results {
    padding:20px;
}



/*** Form Manager ***/
.form-manager-add-stage {
    margin-left: 5px;
    height: 46px;
}

.form-manager-group label.error {
    left: 15px;
    right: auto;
}

.form-manager-groups {
    /*float: left;*/
    /*width: 65%;*/
    /*border: 1px solid black;*/
}

.form-manager-toolbox {
    /*float: left;*/
    /*width: 32%;*/
    border: 1px dashed orange;
    /*margin-left: 3%;*/
    padding: 5px;
}

.form-manager-toolbox-button {
    width: 100%;
    border: 1px dashed red;
}

.form-manager-grouping {
    /*border-bottom: 1px solid black;*/
}

ul.steps li span {
    cursor: pointer;
}

.form-manager-drop-widget-placeholder {
    border: 1px dashed orange;
    padding: 15px;
    text-align: center;
    display: none;
}

.form-manager-drop-widget-placeholder-active {
    border: 1px dashed orange;
    padding: 15px;
    text-align: center;
    display: block !important;
}

.form-manager-drop-widget-placeholder h3 {
    margin-bottom: 20px;
}

.form-manager-remove-group {
    float: right;
}

.form-manager-add-group-conditions {
    float: left;
    margin-left: 10px;
}

.group-body {
    padding: 0;
}

.form-manager-group-fields {
    padding-top: 40px;
    position: relative;
}

.form-manager-group-fields > h3 {
    font-size: 15px;
    font-weight: bold;
    position: absolute;
    top: -10px;
    left: 10px;
    display: block;
    width: 100%;
}

span.form-manager-field-buttons,
span.form-manager-laststage-buttons {
    float: right;
}

.form-manager-group-fields > h3 > span.form-manager-field-buttons,
.form-manager-group-fields > h3 > span.form-manager-laststage-buttons {
    position: absolute;
    top: -10px;
    right: 0;
}

span.form-manager-field-buttons button.btn.phoenix:last-child,
span.form-manager-laststage-buttons button.btn.phoenix:last-child {
    margin-right: 10px;
}

span.form-manager-field-buttons button.btn.phoenix,
span.form-manager-laststage-buttons button.btn.phoenix {
    margin-right: 0;
}

.form-manager-group-fields > h3 > span > button {
    background-color: transparent !important;
    color: #333 !important;
    padding-right: 1px;
    padding-left: 1px;
}

.form-manager-group-fields .form-control {
    border: 1px dotted #ccc !important;
    background-color: #e9e9e9;
    min-height: 34px;
    height: auto;
}

#form-manager-remove-stage {
    float: right;
}

.form-manager-stage-information {
    float: right;
    padding: 6px 12px;
}

.form-manager-last-stage {
    margin-top: 40px;
}

.form-manager-group-conditions-list,
.form-manager-field-conditions-list {
    padding-top: 10px;
    margin-top: 0;
    border-top: 1px solid #ddd;
    margin-bottom: 15px;
}

.form-manager-field-conditions-list {
    margin-top: 10px !important;
}

.form-manager-group-conditions-list > ul,
.form-manager-field-conditions-list > ul {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 0;
}

.form-manager-group-conditions-list > ul > li,
.form-manager-field-conditions-list > ul > li {
    display: block;
    background-color: #ccc;
    padding: 2px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.form-manager-group-conditions-list > ul > li > i {
    float: right;
    padding-top: 2px;
    padding-bottom: 2px;
}

.form-manager-group-conditions-list > ul > li > i:hover,
.form-manager-field-conditions-list > ul > li > i:hover {
    background-color: #f51e32;
    border-radius: 3px;
    color: #fff;
    border-color: #D2192A;
}

.form-manager-group-conditions-list > ul > li+li,
.form-manager-field-conditions-list > ul > li+li {
    margin-top: 4px;
}

.form-manager-group-conditions-list > ul > li:hover,
.form-manager-field-conditions-list > ul > li:hover {
    cursor: pointer;
    background-color: #ddd;
}

.form-manager-group-conditions-list > ul > li.no-pointer:hover,
.form-manager-field-conditions-list > ul > li.no-pointer:hover {
    cursor: auto !important;
    background-color: #ccc;
}

.form-manager-group-fields > h3 > span > button {
    background-color: transparent !important;
    color: #333 !important;
}

/* Toggle button for visibility & required */
.form-group.form-manager-group {
    position: relative;
}

.form-manager-group>span.visible-quickswitch,
.form-manager-group>span.required-quickswitch {
    width: 28px;
    padding: 4px;
    border: 1px solid #dadada;
    position: absolute;
    top: 3px;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    text-align: center;
    cursor: pointer;
    background-color: #dadada !important;
    color: #fff;
}

.form-manager-group>span.visible-quickswitch {
    right: 32px;
}

.form-manager-group>span.required-quickswitch {
    right: 0px;
}

.form-manager-group>span.visible-quickswitch.active {
    background-color: #5696f6 !important;
    color: #fff;
    border-color: #5696f6;
}

.form-manager-group>span.required-quickswitch.active {
    background-color: #f5981e !important;
    color: #fff;
    border-color: #f5981e;
}

.form-manager-group>span.required-quickswitch:hover,
.form-manager-group>span.visible-quickswitch:hover {
    background-color: #9c9c9c !important;
    color: #fff;
    border-color: #9c9c9c;
}

.form-manager-group>span.required-quickswitch.active>i:before,
.form-manager-group>span.required-quickswitch:hover>i:before {
    content: '\f06a';
}

.form-manager-group>span.required-quickswitch>i:before,
.form-manager-group>span.required-quickswitch.active:hover>i:before {
    content: '\f059';
}

.form-manager-group>span.visible-quickswitch.active>i:before,
.form-manager-group>span.visible-quickswitch:hover>i:before {
    content: '\f06e';
}

.form-manager-group>span.visible-quickswitch>i:before,
.form-manager-group>span.visible-quickswitch.active:hover>i:before {
    content: '\f070';
}

.form-manager-group>span.visible-quickswitch.active:hover {
    background-color: #9c9c9c !important;
    color: #fff;
    border-color: #9c9c9c;
}

.form-manager-group>span.visible-quickswitch.active:hover>i:before {
    content: '\f070';
}

.form-manager-grouping.has-conditions {
    border: 1px solid #F5DEB3;
}

.form-manager-grouping.has-conditions>.panel-heading {
    background: rgba(245,245,245,1);
    background:
    -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(249,209,159,1) 100%);
    background:
    -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(249,209,159,1)));
    background:
    -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(249,209,159,1) 100%);
    background:
    -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(249,209,159,1) 100%);
    background:
    -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(249,209,159,1) 100%);
    background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(249,209,159,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f9d19f', GradientType=0 );
}

.form-manager-grouping.has-conditions > div > .panel-body {
    background-color: #FFEFD9;
}

.form-manager-toolbox>.form-manager-toolbox-button+.form-manager-toolbox-button {
    margin-top: 5px;
}

span.form-manager-move-group {
    float: right;
}

span.form-manager-move-group > button {
    margin: 0 !important;
    padding: 3px 0 3px 0 !important;
    background-color: transparent !important;
    color: #333 !important;
}

.form-manager-configure:hover {
    color: #9c9c9c !important;
}

.form-manager-remove-field:hover {
    color: #f51e32 !important;
}

.form-manager-add-field-condition:hover {
    color: #43bc18 !important;
}

.form-manager-move-component-right:hover,
.form-manager-move-component-left:hover,
.form-manager-move-component-down:hover,
.form-manager-move-component-up:hover,
.form-manager-move-group-up:hover,
.form-manager-move-group-down:hover {
    color: #5696f6 !important;
}

.form-manager-move-component:hover {
    color: #F5981E !important;
}

.form-manager-field-buttons > button:not(:last-child) {
    display:none;
}

.form-manager-group-fields > h3:hover > .form-manager-field-buttons > button {
    display: inline;
}

.form-manager-group-slots > div > label {
    width: 100%;
}

.form-manager-condition-buttons > button+button {
    margin-top: 5px;
}

#media-manager {
    z-index: 1000000;
}

.bootbox.modal.bootbox-prompt, .bootbox.modal.modal-preview {
    z-index: 1000001 !important;
    top: 50px;
}

.image-placeholder,
#form-manager-image-preview {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 28%;
    margin-top: 5px;
}

#form-manager-image-preview {
    border: 1px green dotted;
}

.popup_config .media-manager-no-style {
    background: none;
}

.dynamic-control-set.form-manager-group-fields-preview {
    border: none !important;
    background: none !important;
    padding: 0 !important;
}

.form-manager-group-fields-preview > .form-manager-group {
    padding-bottom: 0 !important;
    margin-bottom: 5px !important;
}

.form-manager-group-fields-preview > .form-manager-group > .input-wrapper > label {
    display: flex;
}

.image-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.group-body-1 {
    padding-right: 5px;
}

.group-body-2 {
    padding-left: 5px;
}

.no-padding {
    padding: 0;
}

.field-has-conditions {
    border: 1px solid #F3AD2B;
    background-color: #FFE2B9;
}

.form-manager-spacer {
    height: 40px;
}

/*.form-manager-sortable-spacer {*/
    /*height: 39px;*/
    /*border: 1px solid #F5DEB3;*/
    /*background-color: #ffefd9;*/
    /*margin-top: 5px !important;*/
/*}*/

/*.form-manager-grouping.ui-sortable-helper {*/
    /*height: 37px !important;*/
    /*overflow: hidden;*/
/*}*/

.fa-separator {
    font-size: 10px;
    display: inline-block;
    position: relative;
    top: -1px;
    left: 2px;
}

.form-manager-group-configure {
    display: initial !important;
    margin-right: 0.3em !important;
    background-color: transparent !important;
    color: #333 !important;
    padding-right: 1px;
    padding-left: 1px;
    top: -7px;
    position: relative;
}

.form-manager-group-configure:hover {
    color: #9c9c9c !important;
}

/*** Customer Forms ***/
.customer-form-wrapper {
    left: 25%;
    right: 25%;
    position: absolute;
    top: 1%;
}

/*** Worldpay Settings ***/
div#worldpayWarning {
    display: inline-block !important;
    padding: 2px 20px;
    position: relative;
    top: 2px;
    left: 20px;
}

/*** Transactions table ***/
span.not-found {
    font-size: 0.8em;
    color: #aaa;
}

#transactions .popover {
    min-width: 180px;
    text-align: center;
}

a.releaselink>.fa-recycle {
    position: absolute;
    top: 2px !important;
    padding-top: 1px;
    background-color: #F5981E;
    border-color: #ffcc00;
}

a.releaselink>.fa-recycle:hover {
    border-color:#D4841A !important;
}

a.releaselink {
    position: relative;
}

#clients td>.badge,#transactions td>.badge {
    top: 0 !important;
    width: 95px !important;
}


.tab-content-outer {
    border: 1px solid #ddd;
    background-color: #fff;
    border-top: none;
}

.tab-content-outer>.tab-content {
    border: none;
}

.transaction-form-detail {
    width: 80%;
    margin: 40px auto 0;
}

.transaction-header {
    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

}

.transaction-header-label {
    font-weight: bold;
    font-size: 15px;
    margin-left: 15px;
    text-align: right;
    line-height: 1.5em;
}

.transaction-header-value {
    font-size: 15px;
    text-align: left;
    line-height: 1.5em;
}

/*** Refunds / Cancellations ***/
span.refund-inner-label {
    width: 100px;
    display: inline-block;
    font-size: 16px;
    line-height: 2em;
    font-weight: bold;
}

.refund-popup input#admin-fee {
    width: 100px;
    display: inline-block;
}

.refund-popup input#refund-reason {
    width: 400px;
    display: inline-block;
}

.transaction-refund-prepaid, .transaction-refund-charge, .transaction-refund-amount, .transaction-refund-note {
    font-size: 16px;
    line-height: 2em;
}

.transaction-refund-charge {
    margin-bottom: 10px;
}

span#paid-amount, span#fee-amount, span#refund-amount {
    width: 100px;
    text-align: right;
    display: inline-block;
}

div#popup-error {
    border: 1px solid #aa0000;
    background-color: #ffeeee;
    color: #cc0000;
    padding: 5px 10px;
    margin-right: 20px;
    margin-bottom: 10px;
}

span#fee-amount {
    color:#aa0000;
}

/*** Delta Calendar ***/

.calContainer {
    display: block;
    height: 200px;
    float: left;
    margin: 0 auto 10px 40px;
}

div#deltaCal {
    float: left;
    clear: left;
}

.calMonth {
    width: 210px;
    font-family: sans-serif;
    font-size: 10px;
    display: block;
    float: left;
    margin: 10px;
    font-size: 15px;
    position:relative;
}

.calMonth .deltaCalPrevMonth {
    position: absolute;
    top: 5px;
    left: 5px;
}

.calMonth .deltaCalNextMonth {
    position: absolute;
    top: 5px;
    right: 5px;
}

#selectedDates .calContainer {
    margin: 0;
}

span.calHead {
    font-size: 10px;
    background-color: #696969 !important;
    color: #fff;
    text-align: center;
    padding-top: 5px !important;
    padding-bottom: 0 !important;
}

span.day {
    float: left;
    width: 28px;
    padding: 2px 4px;
    background-color: #eee;
    height: 20px;
    margin: 1px;
    font-size: 12px;
    cursor:pointer;
}
span.day.no-date {
    background-color:#ccc;
}
span.day.mon {
    clear: left;
}
span.day.marked {
    background-color:#ffcc00 !important;
}

span.day.selected {
    background-color:#00ccff !important;
}

span.prevMonth {
    width: 30px;
    position: absolute;
    top: 0;
    left: -30px;
}

span.monthName {
    font-weight: bold;
    text-align: center;
    display: block;
    margin-left: 30px;
    margin-right: 30px;
    position: relative;
    height:30px;
}

span.nextMonth {
    width: 30px;
    position: absolute;
    top: 0;
    right: -30px;
}

/** DeltaTime **/
.dTimeHours {
    width: 540px;
    float: left;
}

.dTimeMinutes {
    width: 499px;
    margin: 0 auto;
    padding-top: 10px;
    clear: both;
}

.dTimeBtn {
    width: 30px;
    text-align: center;
    border: 1px solid #555;
    margin-bottom: 3px;
    margin-right: 3px;
    float: left;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-family: sans-serif;
    padding: 3px;
    box-sizing: border-box;
}

.dTimeBtn.tHour {
    width: 42px;
}

.dTimeBtn.active {
    background-color: #ffff00;
}

.dTimeTimes {
    float: left;
    clear: both;
    margin: 10px 0 10px;
    border-top: 1px solid #555;
    width: 100%;
    padding: 10px;
    height: 100px;
    overflow-y: auto;
}

.dTimeControl {
    border-top: 1px solid #ccc;
    float: left;
    padding-top: 10px;
    margin-top: 10px;
    width: 100%;
}

.dTimeControl>.dTimeTime {
    font-size: 2em;
    font-family: sans-serif;
    float: left;
    margin: 0 10px;
}

.dTimeControl>.dTimeAddTime {
    width: 120px;
    padding: 5px 10px;
    border: 1px solid #555;
    background-color: #ddd;
    color: #333;
    margin: 2px;
    display: inline-block;
    text-align: center;
    font-family: sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor:pointer;
}

span.dTimeTimeChip {
    width: 80px;
    display: inline-block;
    float: left;
    border: 1px solid #444;
    margin: 2px 5px;
    padding: 3px 10px;
    background-color: #777;
    color: #fff;
    font-family: monospace;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
}

span.dTimeRemove {
    float: right;
    position: relative;
    left: 5px;
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #aaa;
    width: 16px;
    height: 16px;
    text-align: center;
    color: #777;
    font-size: 12px;
}

span.dTimeRemove:hover {
    background-color:#990000;
    color:#fff;
}

span.deltaDateChip {
    width: 115px;
    display: inline-block;
    float: left;
    border: 1px solid #444;
    margin: 2px 5px;
    padding: 5px 10px 3px;
    background-color: #777;
    color: #fff;
    font-family: monospace;
    -webkit-border-radius: 11px;
    -moz-border-radius: 11px;
    border-radius: 11px;
    font-size: 12px;
}

.deltaDateChip>.dDateRemove {
    float: right;
    position: relative;
    left: 5px;
    font-weight: bold;
    cursor: pointer;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #aaa;
    width: 16px;
    height: 16px;
    text-align: center;
    color: #777;
}

.deltaDateChip>.dDateRemove:hover {
    background-color:#990000;
    color:#fff;
}

span.dateslotDateControl {
    width: 100%;
    display: block;
    border: 1px solid #ddd;
    background-color: #eee;
    margin: 0 0 5px;
    padding: 5px 15px;
    cursor:pointer;
    position: relative;
    line-height:2em;
}

span.dateslotSlotControl {
    display: block;
    width: 100%;
    margin: 0 0 5px;
    border: 1px solid #ddd;
    background-color: #eee;
    padding: 5px 15px;
    cursor:pointer;
    position: relative;
    line-height:2em;
}

.dateslotSlotControl>input {
    padding: 3px 10px;
    margin: 0 10px;
}

.dateslotSlotControl>input.date-slot-label {
    width: 150px;
    background-color: transparent;
    border: none;
    font-weight: bold;
}

.dateslotSlotControl>input.date-slot-qty {
    width: 70px;
}

.dateslotSlotControl>input.date-slot-description {
    width: 150px;
}

.dateslotDateControl>span.deleteDateslot, .dateslotSlotControl>span.deleteDateslotSlot {
    cursor: pointer;
    font-size: 15px;
    position: absolute;
    right: 10px;
    top: 8px;
}

.dateslotDateControl>span.deleteDateslot {
    top:5px;
}

.dateslotDateControl.active {
    background-color: #FFFDC9;
    border-color: #F5981E;
}

.dateslotTimeControl span.slotLabel {
    margin-left: 30px;
    color: #999;
}

.date_rows>.slot-rows>h3 {
    margin: 0 0 10px;
    font-size: 1.5em;
}

.date-rows {
    height: 200px;
    overflow-y: auto;
}

/* Non component styles */

#deltaDateDemo {
    max-width: 690px;
    background-color:#949FB9;
    margin:0 auto;
}

.calControls {
    height: 50px;
    width: 100%;
}

.calNextButton,.calBackButton {
    width: 120px;
    height: 30px;
    background-color: #ccc;
    display: block;
    color: #fff;
    font-family: sans-serif;
    text-align: center;
    padding: 5px 10px;
    line-height: 2em;
    cursor:pointer;
}

.calBackButton {
    float:left;
}

.calNextButton {
    float:right;
}

/*** Asset Editor ***/

span.btn.phoenix.btn-success.btn-create-slots,span.btn.phoenix.btn-success.btn-create-dateslots {
    background-color: #626262;
    border: 1px solid #333;
}

span.btn.btn-asset-form.btn-add-asset {
    background-color: #F5981E;
    color: #fff !important;
    border: 1px solid #E08916;
}

.btn_add_new_slotset {
    background-color: #F5981E;
    color: #fff !important;
    border: 1px solid #E08916;
}

/*** Arrow box ***/
.arrow_box {
    position: relative;
    background: #4BA84B;
    border: 2px solid #439643;
}
.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(67, 150, 67, 0);
    border-right-color: #4BA84B;
    border-width: 10px;
    margin-top: -10px;
}
.arrow_box:before {
    border-color: rgba(67, 150, 67, 0);
    border-right-color: #439643;
    border-width: 13px;
    margin-top: -13px;
}

div#saveTrigger {
    position: static;
    top: 10px;
    right: 0px;
    padding: 5px 10px;
    font-size: 15px;
    color: #fff;
    font-family: "latolight";
    background: #4BA84B;
    border: 2px solid #439643;
    z-index: 1000;
    float: right;
    margin: 10px 30px;
    display:none;
    cursor:pointer;
}

div#saveTrigger>.btn-label {
    font-size: 16px;
    margin-right: 10px;
    line-height: 2em;
    width: 90px;
    display: block;
}

div#saveTrigger>.saving-message {
    color: #bbb;
    font-size: 16px;
    margin-right: 10px;
    line-height: 2em;
    width: 90px;
    display:none;
}

div#saveTrigger.saving {
    background-color: #f3f3f3 !important;
    border-color: #eaeaea !important;
}

div#saveTrigger.saving:before {
    border-right-color:#eaeaea !important;
}

div#saveTrigger.saving:after {
    border-right-color:#f3f3f3 !important;
}

div#saveTrigger>.fa {
    margin-left: 10px;
    position: absolute;
    top: 13px;
    right: 10px;
}

div#saveTrigger.saving>.fa,div#saveTrigger.saving>.btn-label { display:none; }
div#saveTrigger.saving>.mini-loader,div#saveTrigger.saving>.saving-message { display:block; }
div#saveTrigger.saving>.mini-loader {
    position:absolute;
    top:8px;
    right:10px;
}

/*** New widgets ***/

#form_toolbox {
    border-bottom: 2px solid #ccc;
    padding-bottom: 2px;
    margin-bottom: 8px;
}

.inner-input-set {
    display: block;
    background-color: #eee;
    padding: 5px 15px;
}

.inner-input>input {
    width: 100px;
    padding: 5px 10px;
}

.inner-label {
    font-size: 16px;
    line-height: 2em;
    padding-left: 0;
    width: 150px;
    float:left;
}

label.mono-radio {
    width: 100px;
    height: 30px;
    border: none;
    background-color: #ccc;
    line-height: 30px;
    text-align: center;
    font-size: 1.2em;
    color: #777;
    cursor: pointer;
}

label.mono-radio.fluid {
    width: auto;
    padding: 0 15px;
}

label.mono-radio.small {
    width: 40px;
    font-size:1.1em;
}

label.mono-radio.active {
    background-color:#777;
    color:#ccc;
}

label.mono-radio input {
    display:none;
}

.live-edit-area {
    margin-top: 20px;
}

div#live-edit-form-banner {
    padding: 0;
    position: relative;
    width: 100%;
    border: 2px dashed #F5981E;
    display: block;
    float: left;
}

#live-edit-form-banner>button.media-manager-no-style {
    position: absolute;
    top: 0;
    right: 0;
    border: 1px solid #F5981E;
    padding: 5px 15px;
    background-color: #F5981E;
    color: #fff;
}

div#live-edit-form-background {
    position: relative;
}

#live-edit-form-background>button.media-manager-no-style {
    position: absolute;
    top: -51px;
    right: -22px;
    border: 1px solid #F5981E;
    padding: 5px 15px;
    background-color: #F5981E;
    color: #fff;
}

h3.sample-form-heading {
    margin: 15px 15px 0;
    border-bottom: 1px dotted #777;
    margin-right: 15px;
    padding-bottom: 6px;
}

#sample_banner_image {
    max-width: 100%;
}

button#form-submit {
    padding: 5px 10px;
    background-color: #333;
    font-size: 16px;
    color: #fff;
    border: 1px solid #333;
}

.paddle-input>input {
    width: 100px !important;
    float:left;
}

.input-paddle>i.fa {
    position: relative;
    top: 7px;
    left: 9px;
    font-size: 1.1em;
}

span.input-paddle {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 0;
    float: left;
    background-color:#333;
    color:#fff;
}

.bgStretch {
    background-size: cover;
    background-repeat: no-repeat no-repeat;
}

.bgOriginal {
    background-size: auto;
    background-repeat: no-repeat;
}

.bgTile {
    background-size:auto;
    background-repeat:repeat;
}

.bgPosxLeft {
    background-position-x: left !important;
}

.bgPosxCenter {
    background-position-x: center !important;
}

.bgPosxRight {
    background-position-x: right !important;
}

.bgPosyTop {
    background-position-y: top !important;
}

.bgPosyCenter {
    background-position-y: center !important;
}

.bgPosyBottom {
    background-position-y: bottom !important;
}

.bannerFullwidth {
    width: 100%;
    max-width: 100%;
}

.bannerOriginal {
    width:auto;
    max-width:100%;
}

.bannerLeft {
    float: left;
    display: block;
}

.bannerRight {
    float: right;
    display: block;
}

.bannerCenter {
    margin: 0 auto;
    display: block;
}

.btnFlat {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.btnRounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.btnLozenge {
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius: 2em;
}

/*** Popovers ***/
.popover {
    min-width:200px;
}

/*** Box office ***/
.package-tile {
    float: left;
    height: 150px;
    text-align: center;
    border: 1px solid #aaa;
    margin: 10px;
    overflow: hidden;
    padding: 5px 10px;
    cursor: pointer;
    width: 29%;
    background-color: #eee;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.package-tile:hover {
    background-color:#FFFDC9;
}

.package-tile>h2 {
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.3em;
}

.package-tile>p {
    color: #555;
}

/*.box-office-tile-link {
    width:100%;float:left;margin:0;padding:10px;box-sizing:border-box;
}*/

.box-office-tile-link:hover {
    background-color: #B056F6;
    text-decoration: none;
    color: #fff !important;
}

.alert.alert-banner {
    font-family: "latolight";
    font-size: 1.6em;
}

.alert.alert-banner>.fa {
    font-size: 1.0em;
    position: relative;
    top: 3px;
}

.boxoffice-sale-header {
    width: 80%;
    margin: 0 auto 30px;
}

.boxoffice-sale-footer {
    margin: 20px auto;
    width: 80%;
}

.boxoffice-sale-items-qty, .boxoffice-sale-items-price, .boxoffice-sale-items-subtotal {
    text-align:right;
    padding-right:10px !important;
}

.large-footer-button,.boxoffice-sale-button {
    font-size: 16px;
}

.large-footer-button>i.fa.icon-on-left,.boxoffice-sale-button>i.fa.icon-on-left {
    margin-right: 10px;
}

.large-footer-button>i.fa.icon-on-right,.boxoffice-sale-button>i.fa.icon-on-right {
    margin-left: 10px;
}

h3.sale-date, h3.sale-order-id, h3.sale-tx-code {
    margin: 0 0 5px;
    font-size: 1.5em;
    line-height: 1.25em;
}

span.sale-complete-label {
    width: 120px;
    display: inline-block;
    float: left;
}

table.boxoffice-sale-items {
    width: 80%;
    margin: 0 auto;
}

tr.boxoffice-sale-items-header > th {
    border-bottom: 1px solid #ccc;
    padding: 5px;
    background-color: #f2f2f2;
    border-top: 1px solid #ccc;
}

tr.boxoffice-sale-items-item > td {
    font-size: 13px;
    font-family: monospace;
    padding: 5px;
    border-bottom: 1px solid #eee;
}

tr.boxoffice-sale-items-footer > th {
    border-top: 3px solid #ddd;
    padding: 5px;
    font-size: 1.2em;
    border-bottom: 3px solid #ddd;
    background-color: #f2f2f2;
    font-family: monospace;
}

/*** File upload ***/

.file-uploadprogress {
    width: 100%;
    height: 15px;
    background-color: rgb(144, 144, 144);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    /* padding: 1px; */
    border: 1px solid #999;
    margin: 2px 0;
    display:none;
}

.file-uploadprogress>div {
    display: block;
    height: 100%;
    text-align: center;
    width: 0;
    background-color: rgb(245, 152, 30);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.upload-error {
    background-color: #ffdddd;
    border: 1px solid #cc3333;
    padding: 2px 5px;
    color: #cc3333;
    margin-top: 5px;
    border-radius: 2px;
    display:none;
}

.file-uploadsummary {
    font-size: 10px;
    margin: 0;
    padding: 0;
}

.file-uploadprogresstext {
    color: #FFF;
    font-size: 10px;
    z-index: 100;
    position: absolute;
    text-align: center;
    width: 100%;
    height: 15px;
}

.file-attachment-bar {
    display: block;
    background-color: #5696F6;
    padding: 2px 10px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    position:relative;
    margin-bottom: 3px;

}

.file-attachment-bar > a {
    color: #fff;
    width: 90%;
    display: inline-block;
    border-right: 1px solid #4D83D6;
    padding-right: 5px;
    margin-right: 5px;
    word-wrap: break-word;
}

span.remove-attachment {
    position: absolute;
    top: 2px;
    right: 8px;
    color: #fff;
    cursor:pointer;
}

.form-manager-stage-conditions-list > label {
    display: block;
}

.user-session {
    display: block;
    line-height: 2.5em;
    padding: 5px 15px;
    font-size: 15px;
    font-family: "latolight";
    background-color: #000;
    color: #fff;
    letter-spacing: 0.1em;
}

.user-session .btn {
    padding: 3px 10px;
    letter-spacing: initial;
    margin-top: 1px;
}

span.ticketTag {
    float: left;
    padding: 2px 10px;
    display: inline-block;
    border: 1px solid #ccc;
    background-color: #fff;
    font-family: monospace;
    margin: 2px 10px 4px 0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.fa.text-danger {
    color:#D4615F;
}

.content-hider {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    padding: 5px 15px;
    background-color: #f5f5f5;
    margin-bottom:0;
    cursor:pointer;
}

.content-hider:after {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f077";
    margin-left: 10px;
    float:right;
}

.content-hider.collapsed:after {
    content: "\f078" !important;
}

.popup-date-limited-field {
    display:none;
}

/*** Reporting ***/
table.report-list {
    margin: 30px 0;
}

table.report-list>tbody>tr>td, table.report-list>tbody>tr>th {
    padding: 10px;
    font-size: 16px;
}

table.report-list>tbody>tr>.col-initial,
table.report-list>tbody>tr>.col-sold,
table.report-list>tbody>tr>.col-reserved,
table.report-list>tbody>tr>.col-available {
    text-align:right;
    padding-right:20px;
}

table.report-list>tbody>tr>td.col-initial,
table.report-list>tbody>tr>td.col-sold,
table.report-list>tbody>tr>td.col-reserved,
table.report-list>tbody>tr>td.col-available {
    font-family:monospace;
}

table.report-list>tbody>tr>td.col-label {
    font-family:"latoregular";
    color:#000000;
    font-size:14px;
}

/* table.report-list .col-label {
    width:60%;
} */

table.report-list .col-reserved {
    color: #aa0000;
    width:10%;
}

table.report-list .col-sold {
    color: #177f23;
    width:10%;
}

table.report-list .col-initial {
    color:#4a1e7f;
    width:10%;
}

table.report-list .col-available {
    color:#000;
    font-weight:bold;
    width:10%;
}

table.report-list tr.even {
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

tr.sold-out {
    background-color: #ffdddd;
    border-bottom: 1px solid #ffcccc;
    border-top: 1px solid #ffcccc;
}

table#quantities-report {
    width: 100%;
    margin-top:0;
}

#quantities-form .form-submit {
    margin: 0;
    padding: 10px;
    text-align: right;
    margin: 15px 0 5px;
    background-color: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

tr.col-quantities-spacer {
    background-color: #ddd;
}

tr.col-quantities-spacer>td>h4 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    font-family: "latoregular";
}

#quantities-report td, #quantities-report th {
    font-family: "latoregular";
    font-size: 13px;
}

td.col-quantities-max > input, td.col-quantities-max > span.quantities-fixed-value {
    width: 80px !important;
    text-align: right;
}

td.col-quantities-max > span.quantities-fixed-value {
    display: inline-block;
    position: relative;
    padding: 2px 5px;
    background-color: #FFE0B8;
    /* color: #fff; */
    border-radius: 5px;
    cursor: pointer;
}

.quantities-fixed-value>.fa {
    position: absolute;
    left: 0;
    color: #f5981e;
    top: 5px;
    left: 4px;
}

.unlimited-symbol {
    font-size: 24px;
    line-height: 0.5em;
}

.col-quantities-max,.col-quantities-available,.col-quantities-used {
    text-align:right;
}

/* New input box for group labels in form manager. */

input.form-group-label {
    background: transparent;
    padding: 2px 5px;
    font-weight: normal;
    border: 1px dashed #ddd;
    font-weight: bold;
}

input.form-group-label:focus {
    background: aliceblue;
}

/* Fix for underline in bootstrap accordion. */

h4.panel-title>a {
    text-decoration: none;
}

.boxout.info {
    font-family:"latoregular";
    border: 1px solid #bbb;
    background-color: #eeeeee;
    color: #777;
    padding: 5px 10px 5px 30px;
    border-radius: 3px;
}

.boxout.info:before {
    font: normal normal normal 14px/1 FontAwesome;
    content: "\f05a";
    float: left;
    font-size: 18px;
    color: #888;
    position: absolute;
    left: 25px;
}

.boxout.info.blue {
    background-color: #E1EDFF;
    color: #3462A7;
    border-color: #3462A7;
}

.boxout.info.blue:before {
    color: #3462A7 !important;
}

.boxout.large {
    font-size: 18px;
    padding-left: 35px;
}

.boxout.large:before {
    font-size: 22px !important;
    padding-top: 2px;
}

.badge.badge-mode-fixed, .badge.badge-mode-proportional, .badge.badge-mode-nofee {
    font-size: 11px !important;
}

.badge.badge-mode-nofee {
    background-color:#000000;
}

.badge.badge-mode-fixed {
    background-color: #3567ce;
}

.badge.badge-mode-proportional {
    background-color: #982e54;
}

table.transaction-payments {
    width: 100%;
}

.payment-note {
    font-size: 11px;
    color: #1B048C;
}

.maintenance-mode-wrench {
    top: 0.239em !important;
    left: -0.49em !important;
    color: #f9f9f9;
    text-shadow: 4px 4px 9px rgba(0, 0, 16, 00.9);
    font-size: 1.6em;
}

.maintenance-mode-cogs, .maintenance-mode-cogs-top {
    color: #eeeeee;
    text-shadow: 2px 2px 7px rgba(0, 0, 16, 1);
    font-size: 1.3em;
}

.maintenance-mode-cogs-top {
    top: -0.4em;
    left: -0.7em;
    font-size: 1.2em;
    text-shadow: -4px 4px 9px rgba(0, 0, 16, 00.6);
    color: #ccc;
}

.toggletile {
    width: 80%;
    float: left;
    margin: 0 10px 10px 0;
    background-color: #ccc;
    padding: 10px 20px;
    border-radius: 15px;
    border: 2px solid #bbb;
    font-size: 14px;
    cursor:pointer;
}

.toggletile.active {
    background-color: #A3FFA3;
    color: #129012;
    border-color: #17E217;
    font-weight: bold;
}

.togglepill {
    width: 70px;
    float: left;
    margin: 0;
    background-color: #ccc;
    padding: 5px 20px;
    border: 2px solid #bbb;
    font-size: 14px;
    cursor:pointer;
    text-align: center;
}

.togglepill.active {
    background-color: #A3FFA3;
    color: #129012;
    border-color: #17E217;
    font-weight: bold;
}

.togglepill:first-child {
    border-bottom-left-radius: 15px;
    border-top-left-radius: 15px;
}
.togglepill:last-of-type {
    border-bottom-right-radius: 15px;
    border-top-right-radius: 15px;
}

.toggletile>.fa {
    font-size: 1.25em;
    color: #777;
}

.toggletile.active>.fa, .toggletile.active>.icon-off, .toggletile.active>.icon-equals {
    color: #129012;
}

i.icon-equals {
    font-weight: bold;
    color: #777;
    font-size: 1.4em;
    position: relative;
    top: 0;
    padding: 0 3px 0 4px;
    line-height: 1em;
}

.icon-off {
    color: #777;
    font-weight:bold;
    font-size: 0.9em;
    margin: 0 3px 0 6px;
    font-style: normal;
}

.display-table {
    display: table !important;
}

.promotion-asset-item {
    display: block;
    background-color: #FDFDAC;
    margin: 4px 0;
    padding: 5px 30px 5px 10px;
    border-radius: 5px;
    border: 1px solid #F8AD03;
    position: relative;
}

.promotion-asset-item:first-child {
    margin-top:15px;
}

span.remove-promotion-item {
    position: absolute;
    right: 3px;
    width: 30px;
    text-align: center;
    background-color: #FFFFDB;
    border-radius: 3px;
    border: 1px solid #F8AD03;
    top: 3px;
    padding: 1px;
}

/**** Promotional codes ****/
span.promo-code {
    font-family: monospace;
    letter-spacing: 0.1em;
}

table#systemlog td>b {
    color: #0000EE;
}

span.system-user-acting-as-client {
    display: inline-block;
    background-color: #0B5AD2;
    color: #fff;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 11px;
    float: left;
    margin-right: 10px;
}

label.switch-set {
    width: 100%;
    line-height: 2.5em;
    border: 1px solid #DCA9A9;
    padding: 2px 5px;
    background-color: #FFECEC;
    border-radius: 5px;
    color: #9E1111;
}

label.switch-set>.has-switch {
    float: left;
    margin-right: 10px;
}

label.switch-set.switch-on {
    background-color: #CFFDC4;
    border-color: #A3EC92;
    color: #55864A;
    font-weight: bold;
}

/*** API KEY ***/
p.data-row.api-key {
    font-family: monospace;
    font-size: 17px;
    letter-spacing: 0.15em;
    word-wrap: break-word;
    width: 420px;
    margin: 25px 0;
    color: #D34126;
}

p.data-row.api-key>button {
    float: right;
    clear: left;
    margin-left: 20px;
}

.alert.alert-information,.alert.alert-warning {
    margin: 0;
    padding: 10px 10px 10px 40px;
    background-color: #d2f5ff;
    border: 1px solid #4f7299;
    border-radius: 5px;
    position:relative;
}

.alert.alert-warning {
    color:#aa0000;
    background-color:#ffcccc;
    border-color:#aa0000;
}

.alert.alert-information.with-icon,.alert.alert-warning.with-icon {
    padding-left:40px;
}

.alert.with-icon>.fa {
    position:absolute;
    top:11px;
    left:12px;
    font-size:16px;
    color:#4f7299;
}

.alert.alert-warning.with-icon>.fa {
    color:#aa0000;
}

.alert.alert-information.space-above,.alert.alert-warning.space-above {
    margin-top:20px;
}

/** Dateslot asset management **/

table.dateslotassetgroup {
    width:100%;
    margin:0 auto;
}

th.assetgroupname {
    background-color: #696969;
    padding: 5px 10px;
    font-size: 1.1em;
    color: #fff;
}

td.assetslot {
    background-color: #f6cc5a;
    padding: 5px 10px;
    font-size: 1.05em;
    /* font-weight: bold; */
    color: #000;
}

td.slotassetvalue {
    padding: 5px 10px;
}

div.saveassetquantities {
    border-top: 2px solid #d8d8d8;
    padding-top: 10px;
    margin-top: 20px;
}

.time-warning {
    width: 80%;
    margin: 2% 10%;
    background-color: #ffeeee;
    padding: 10px 10px 10px 50px;
    border: 1px solid #cc4444;
    border-radius: 10px;
}

.time-warning {
    width: 96%;
    margin: 2% 2%;
    background-color: #ffeeee;
    padding: 15px 10px 15px 60px;
    border: 1px solid #cc4444;
    border-radius: 10px;
    position: relative;
    font-size: 1.2em;
    font-family: "latolight";
    font-weight: bold;
    color: #cc4444;
}

.time-warning:before {
    font-family: FontAwesome;
    content: "\f252";
    position: absolute;
    top: 10px;
    left: 14px;
    font-size: 36px;
    color: #c44;
}

.job-created {
    background-color: #ddffdd;
    padding: 10px 10px 10px 80px;
    margin: 20px 0;
    border: 1px solid #88AA88;
    border-radius: 5px;
    position:relative;
    font-family: "latolight";
    font-weight: bold;
    font-size: 1.25em;
    color: #4b8c32;
}

.job-created:before {
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    top: 8px;
    left: 22px;
    font-size: 36px;
    color: #379a47;
}

.job-exists {
    background-color: #ffeeee;
    padding: 10px 10px 10px 80px;
    margin: 20px 0;
    border: 1px solid #cc4444;
    border-radius: 5px;
    position:relative;
    font-family: "latolight";
    font-weight: bold;
    font-size: 1.25em;
    color: #aa4444;
}

.job-exists:before {
    font-family: FontAwesome;
    content: "\f252";
    position: absolute;
    top: 8px;
    left: 25px;
    font-size: 36px;
    color: #c44;
}

input.parentasset {
    border-color: #696969 !important;
    font-weight: bold;
    border-bottom: 2px solid #696969;
}

td.slotheadings {
    background-color: #ffecba;
    padding: 2px;
    text-align: left;
    padding-left: 10px;
    font-size: 10px;
    font-weight: bold;
}

#reassign-spinner {
    width: 60px;
    text-align: center;
    position: relative;
    display: inline-block;
    top: 6px;
}

div#assign-group-message {
    margin-top: 2px;
    border: 1px solid #ccc;
    border-radius: 3px;
    font-size: 11px;
    padding: 3px 10px;
}

.success {
    border-color:#009900;
    background-color:#ddffdd;
    color:#009900;
}

.success:before {
    content: "\f00c";
    font-family: "FontAwesome";
    margin-right: 10px;
}

.failed {
    border-color:#880000 !important;
    background-color:#ffdddd;
    color:#880000;
}

.failed:before {
    content: "\f00d";
    font-family: "FontAwesome";
    margin-right: 10px;
}

.template-tag {
    font-family: monospace;
    padding: 0;
    color: #F5981E;
    font-weight: bold;
    letter-spacing: 0.05em;
}

td.template-tag {
    padding: 5px 15px 0 0;
}

.edit-slot-option-rows {
    max-height: 160px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.slot-option-row {
    float: left;
    clear: left;
    width: 100%;
}

.slot-option-row > div {
    padding:5px 10px;
}

.remove-slot-option-row {
    cursor:pointer;
}

.to-be-deleted {
    background-color:#ff9999 !important;
}

.add-new-slot-option-row {
    padding: 5px 5px 5px 8px;
    text-align: center;
}

.page-login .logo img {
	max-width: 100%;
}