/* DO NOT PUT CUSTOM COLORS IN THIS STYLESHEET
------------------------------------------------------------------------------------------*/
/* Notice: Some textures used from SubtlePatterns.com */

/* Google's "Material Design" Roboto Font */
@import url(//fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic,300,300italic);

html,body {font-family: 'Roboto', sans-serif !important;overflow: auto;background: #555 url("/images/bg_sp_carbon.png") repeat fixed;}
h1, h2, h3, h4 { font-family: 'Roboto', sans-serif !important; }

/* Basic Styles*/
#content { padding: 0 14px; }
.clickable,.btn-header > *:first-child > a.clickable { cursor:pointer !important;}
.glyphicon {padding:0 !important;}
label.label-fullwidth {width:100%;}
input.currency { text-align: right; }
textarea.form-control { min-height: 55px !important; }
.btn.btn-danger > .glyphicon { color:#fff; }
.btn.btn-wait {cursor:default !important;}
table.table {width:100% !important;}
ul.select2-results > li.select2-result.select2-result-unselectable.select2-disabled > div.select2-result-label { cursor: not-allowed !important; }
.radio.radio-horizontal {display:inline-block;margin: 0 10px 0 0;}
.text-lgrey {color:#888;font-style:italic;}
label.label-normal {font-weight:normal;margin:0;cursor:pointer;}
.font-150 { font-size: 150% !important; }
.font-200 { font-size: 200% !important; }
.font-300 { font-size: 300% !important; }
.valign-middle {vertical-align:middle;}
.valign-top {vertical-align:top;}
.opacity50 {opacity:0.5;}
fieldset {padding:0 0 15px 0;}
div.legend { border-bottom: 1px dashed #bec5cd; color: #222; display: block; font-size: 16px; font-weight: 300; margin: 0 0 20px; padding: 8px 0; font-weight: 400; color: #66829f; margin-bottom: 10px; position: relative; }
fieldset > legend > i.fa,div.legend > i.fa {color:#66829f;margin-right:5px;}
fieldset > legend {position:relative;color:#66829f;margin-bottom: 10px;border-bottom: 1px dashed #bec5cd;}
fieldset > legend > button.btn.help-addon,div.legend > button.btn.help-addon {padding: 0 10px;}
fieldset > legend > span.legend-btn,div.legend > span.legend-btn {position:absolute;top:0px !important;right:0 !important;left:auto !Important;padding:10px 0 10px 10px;background:#fff;}
div.tooltip {z-index:99999;}
h4.panel-minimal { margin-top: 0; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
.defaulticon > i.fa {cursor:default;color:#a4a4a4;margin-left:5px;}
nav#sidebar a {cursor:pointer;}
.select2-results { max-height: 350px; }

/* Help Tooltip */
span.input-group-addon.help-addon,input[type="text"]:focus + span.input-group-addon.help-addon,button.btn.help-addon,.has-error input[type="text"] + span.input-group-addon.help-addon {padding: 6px 10px;box-shadow:none;border-radius:0;cursor:help !important;background:none;border:none;}
span.input-group-addon.help-addon > .glyphicon,button.btn.help-addon > .glyphicon { color:#bababa;}
span.input-group-addon.help-addon:hover > .glyphicon,button.btn.help-addon:hover > .glyphicon { color:#111;}
div.tooltip.top { margin: 25px 0 0 -7px; padding: 5px 0; }
.input-group-btn:not(:first-child) > .btn {border-bottom-left-radius: 0;border-top-left-radius: 0;margin-left: -1px;}

/* Validation */
span.NormalRed, span.required {margin-left: 3px;}
span.NormalRed, span.required,span.invalid { color: #a71d1d; }
.has-error button.btn.multiselect { border-color: #b94a48; }

/*SmartAdmin/Bootstrap Overrides and Special Browser Fixes */
#header {padding:0;}
#header > *:first-child {width:50%;}
div.demo {display:none;}
.login-info > span { padding: 0 10px 0 13px; }
.panel-heading .input-group-btn, .panel-heading .input-group-addon, .navbar-form .input-group-btn, .navbar-form .input-group-addon { width: auto; }
.inbox-side-bar {overflow:hidden;}
label {font-weight:bold;}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { vertical-align:middle;}
.minifyme,.minifyme:hover {position:absolute;right: 14px;}
body.minified .minifyme:hover {position:absolute;right:0;padding:0 0 0 5px;}
.minifyme > i.fa {position:relative;top:4px;}
#hide-menu i, body.mobile-view-activated #header i { color: #fff; font-size: inherit; }
body.mobile-view-activated a#cart-link > b.badge { border-radius: 50%; left: -8px; padding: 3px 6px; position: absolute; top: 0; }
body.mobile-view-activated .btn-header i {position:relative;top:-2px;}
body.mobile-view-activated div#footer.page-footer { padding: 13px 13px 0;}
body.mobile-view-activated .btn-header > *:first-child > a:active {background:none;box-shadow:none;}
.jarvismetro-tile {box-shadow:none;}
.jarvismetro-tile:hover {opacity:0.8;transform: none;}
#shortcut ul li {background:#000;}
.login-info img {border:none;}
.nav-tabs > li > a { color: #777; }
.panel-footer > .btn-block.btn-primary { border: 1px solid #2c699d !important;border-radius: 2px !important;}
.panel-footer > .btn-block.btn-default { border: 1px solid #ccc !important;border-radius: 2px !important;}
.panel-footer > .btn-block.btn-danger { border: 1px solid #900323 !important;border-radius: 2px !important;}
.bootstrap-datetimepicker-widget table td.today { background: #fcf8e3; }
.jarviswidget #calendar { margin-top: -40px; }
.fc-toolbar h2 { left: 10px !important; position: relative; top: 2px; }
.nav-tabs {background:#eee;}
.nav-tabs > li.active:first-of-type > a {border-left-color:#fff;}
.nav-tabs > li > a {margin:0;}
.nav-tabs > li > a:hover { background:#ddd;border-color:#ddd;}
.text-warning a,.text-warning a:hover {color:#a07f45;}
.row-grab {cursor:move;padding:0 10px;}
div.panel-body.tab-pane {padding:0 5px;}
.btn.active {cursor:default;}
div.btn-group.bootstrap-select .dropdown-menu > li > a:focus {color:#000;background-color:#eee; }
.select2-results li.select2-result-with-children > .select2-result-label,.select2-results li.select2-result-unselectable > .select2-result-label { font-weight: 700;cursor:default; }
img.ccimg {height:16px;}
.select2-container-multi .select2-choices .select2-search-choice { background-color: #486180; border: 1px solid #3f5570; }
.fc-border-separate thead tr, .table thead tr {background:none !important;}

/* Tabs */
.nav.nav-tabs > li > a { padding: 9px 15px 10px; }
.nav.nav-tabs > li > a > i.fa {font-size:12px;color:#555;margin-right:5px;position: relative;top: -1px;}
.nav.nav-tabs > li.active > a > i.fa {color:#66829f;}
.nav.nav-tabs > li.meta { padding:10px 15px; }
.nav.nav-tabs > li.meta > i.fa {font-size:15px;cursor:default;margin-right:5px;}

/* Login */
body#loginpage #main {margin:0;padding:40px;}
img.login-logo {height:130px;width:130px;margin:5px auto 15px auto;}
body#loginpage a { color: #486180;}
body#loginpage .panel-info > .panel-heading { background-color: #486180; border-color: #486180; color: #fff; }
body#loginpage .panel-info { border-color: #486180;background: #486180;border-width: 3px;}
body#loginpage .panel-info > .panel-body {background:#fff;}

/* Alerts */
#Alert-DD {position:fixed;top:0;left:0;width:100%;font-size:14px;z-index:99999;}
#Alert-DD .alert-dd-inner {padding:10px 15px;}
#Alert-DD table { width:100%;}
#Alert-DD table tr td {vertical-align:middle}
#Alert-DD table tr td.closer { text-align: right; }
#Alert-DD table tr td.closer a {font-size:14px;color:#000;opacity: 0.3;}
#Alert-DD table tr td.closer a:hover { opacity: 0.7; }
#Alert-DD.alert-good { background: #dff0d8; border-bottom: 1px solid #d6e9c6; color: #3c763d; }
#Alert-DD.alert-bad {background-color: #f2dede;    border-color: #ebccd1;    color: #a94442;}
#Alert-DD.alert-warning {background-color: #fcf8e3;    border-color: #faebcc;    color: #8a6d3b;}

/* Search */
img.member-search-img { height: 15px; margin-right: 10px; position: relative; top: -1px; width: 15px; }
#SearchOver .select2-container .select2-choice { height: 30px; line-height: 29px; }

/* Apps */
.widget-body-toolbar .btn-group-xs {margin-top:5px;margin-left:5px;}
.jarviswidget > header { background: #486180; border: 1px solid #435a76; color: #fff; }
.jarviswidget-ctrls a {color:#fff;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #486180 ! important; }
.nav-tabs > li > a:hover {background:#eee;}
div.jarviswidget-collapsed .widget-toolbar {display:none;}
.widget-toolbar {padding:0;}
.nav-tabs > li.active > a {box-shadow:none;}

/* Select2*/
.select2-container.select2-allowclear .select2-choice abbr { right: 40px; top: 6px;font-size: 16px;color:#999; }
.select2-search-choice-close:before { color: #999; position: relative; top: 2px; }
li.select2-search-choice .select2-search-choice-close:before { color: #fff; font-size: 0.9em; opacity: 0.6; position: relative; top: -1px; }
li.select2-search-choice .select2-search-choice-close:hover:before {color: #fff;opacity: 1;}
.select2-search-choice-close:hover:before {color:#555;}
li.select2-result small.select2-desc {color:#888;}
li.select2-result.select2-highlighted small.select2-desc {color:#88c1f1;}
.select2-hidden-accessible { display: none !important; visibility: hidden !important; }
div#select2-drop.select2-drop.select2-drop-active.self-building-select2 .select2-no-results::before {display:none;}
div.dataTables_filter .select2-container .select2-choice {height: 31px;text-align: left;}
div.dataTables_filter .input-group-addon { height: 31px; margin-top: 0; padding-top: 6px;border-radius: 0; }

/* Modal */
div.modal.bootstrap-dialog.type-default div.modal-content,div.modal.bootstrap-dialog.type-default div.modal-dialog { border-top-left-radius: 4px; border-top-right-radius: 4px; }
div.modal.bootstrap-dialog.type-default div.modal-header,div.modal.bootstrap-dialog.type-default div.modal-header div.bootstrap-dialog-header {background: #486180; color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; }
div.modal.bootstrap-dialog.type-default div.modal-header div.bootstrap-dialog-title {color:#fff;font-size: 16px !important;}
div.modal.bootstrap-dialog.type-default div.modal-header .close { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;opacity: 1; padding: 13px 21px; font-size: 27px;margin-top: -15px;margin-right: -15px;border-top-right-radius:4px;color: #fff; background-color: #3f5570; }
div.modal.bootstrap-dialog.type-default div.modal-header .close:hover {background-color: #394d65;}
.bootstrap-dialog .modal-header { border-top-left-radius: 2px !important; border-top-right-radius: 2px !important; }
.modal-backdrop { background-color: #000; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 999; }
.modal-backdrop.in.backdrop-success {background-color:#248b38;opacity: 0.7;}
.modal-backdrop.in.backdrop-error {background-color:#c93232;opacity: 0.7;}
.modal-backdrop.in.backdrop-warning {background-color:#c9a032;opacity: 0.7;}
#modalbuttonOK {margin-left:10px;}
div.modal.bootstrap-dialog.type-default div.modal-header i.fa {margin-right:10px;}

/* Panel Styles*/
div.panel-heading div.heading-buttons {margin: -10px 0 0 0; position: relative; top: 5px; }
div.panel-heading div.heading-buttons button.btn,div.panel-heading div.heading-buttons a.btn { margin: 0 0 0 5px; padding: 4px 8px 3px; }
div.panel-heading div.heading-buttons .btn-group {margin-left:5px;}
div.panel-heading div.heading-buttons .btn-group button { margin: 0 0 0 0; padding: 4px 8px 3px; }
div.panel-heading div.heading-actions { margin: -10px 15px 0 0; position: relative; top: 5px; }
div.panel-heading div.heading-actions button { margin:0; padding: 4px 8px 3px; }
div.panel-heading div.heading-actions ul.dropdown-menu {margin:10px 0 0;}
div.panel-buttons.clearfix {text-align:right; }
div.panel-buttons.clearfix button.btn, div.panel-buttons.clearfix a.btn {margin-left:10px;margin-right:0;}
div.panel-heading button.btn.active {margin:0;cursor:default;margin-right:0;}
ul.list-group li label { font-weight: 700; margin: 0 10px 0 0; }
ul.meta {padding: 10px 0 0;margin:0;list-style:none;color:#555;font-style:italic;position:absolute;bottom: 10px;left:15px;font-size:85%;border-top: 1px solid #ddd;width:100%;}
ul.meta li {list-style:none;}
ul.meta li label {margin: 0 10px 0 0;}
ul.dropdown-menu li small.fa {margin-right:10px;color:#777;}
.dropdown-menu > li > a:focus small.fa, .dropdown-menu > li > a:hover small.fa {color:#fff;}
.dropdown-menu > li.disabled > a small.fa, .dropdown-menu > li.disabled > a:focus small.fa, .dropdown-menu > li.disabled > a:hover small.fa {color:#999;}
div.panel.panel-default div.panel-heading a.select2-choice {height:28px;line-height: 27px;}
div.panel-heading > i.fa {color:#737373;margin-right:10px;}
.btn > .fa, .btn > .glyphicon {font-size:0.9em;color:#1b1b1b;margin-right:5px;}
.btn.btn-primary > .fa, .btn.btn-primary > .glyphicon {color:#fff;}
.btn > .fa:only-child, .btn > .glyphicon:only-child {margin:0;}
div.panel-collapse {cursor:pointer;}
.btn-badge { background:none; border: medium none; box-shadow: none; color: #000; cursor: default; font-size: 12px; line-height: 22px; padding: 3px 7px !important; }
.btn-badge > span.badge { background: #737373 !important; left: 3px; position: relative; top: 0; }
.caret-up { width: 0; height: 0; border-left: 4px solid rgba(0, 0, 0, 0); border-right: 4px solid rgba(0, 0, 0, 0); border-bottom: 4px solid; display: inline-block; margin-left: 2px; vertical-align: middle; }
span.panel-collapse-caret.caret, span.panel-collapse-caret.caret-up { position: relative; top: 3px;margin-left:10px;}
span.panel-collapse-caret.caret { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid; }
span.panel-collapse-caret.caret-up {border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid;top: 1px; }
a.btn-add-row, a.btn-filter {color:#666;}
a.btn-add-row:hover,a.btn-filter:hover {color:#66829f;}
div.popover.select2-popover {max-width:none;}
div.popover.select2-popover > .popover-content {width:328px;height:50px;}

/* Datatables */
table {border-collapse:collapse; width:100%;}
div.TableOverflow { white-space: nowrap;max-width: 12em; overflow: hidden; }
.table-nowrap,.table-nowrap tr td, .table-nowrap tr th { white-space: nowrap;}
div.dataTables_filter input { margin: 0; }
div.dataTables_filter div.btn-group {float:left;}
div.dataTables_info { font-size: 11px; font-style: normal; padding-top: 8px; color: #888 !important; }
div.dataTables_filter {margin-bottom:10px;}
table.dataTable thead > tr > th,.dataTables_scroll .dataTables_scrollHeadInner { background: #eee !important; }
table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { background: #ddd !important; }
.datatable-btns {float:left;}
.datatable-btns > button.btn,.datatable-btns > div.btn-group {margin-right:10px;}
.table > tbody > tr.disabled > td, .table > tbody > tr.disabled > td a, .table > tbody > tr.disabled > th, .table > tbody > tr > td.disabled, .table > tbody > tr > th.disabled, .table > tfoot > tr.disabled > td, .table > tfoot > tr.disabled > th, .table > tfoot > tr > td.disabled, .table > tfoot > tr > th.disabled, .table > thead > tr.disabled > td, .table > thead > tr.disabled > th, .table > thead > tr > td.disabled, .table > thead > tr > th.disabled {color:#5b5b5b;background:#e6e6e6;}
div.dataTables_scroll .dataTables_scrollHead {border-bottom:2px solid #ccc !important; }
.dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #888 !important; }
td img.list-img {height:35px;}
td.dataTables_empty { color: #8a6d3b; background-color: #fcf8e3; }
#order-details-table_wrapper .dataTables_scrollBody{overflow-x:hidden !important;height:auto !important;}
.overflow-hidden .dataTables_scrollBody {overflow-x:hidden !important;}
#PODetailsTable_wrapper .dataTables_scrollBody {overflow-x:hidden !important;height:auto !important;}
table.dataTable tfoot th, table.dataTable tfoot td {border:none !important;background:#eee;padding-right:10px !important;padding-left:10px !important;}
tfoot.dataTableFoot td {padding-right:10px !important;padding-left:10px !important;border-top: 2px solid #ddd !important; }
div.dataTables_scrollFoot {clear: both;border-top: 2px solid #ccc !important; }
a.btn-add-row {padding:15px;margin: -8px -10px;}
a.btn-add-row > .glyphicon {color:#555;}
a.btn-add-row:hover > .glyphicon {color:#000;}
table thead tr th.checkboxCell { padding:0 5px !important;}
.checkboxCell input[type="checkbox"] {margin:0;}
table thead tr th.checkboxCell,table tbody tr td.checkboxCell,div.dataTables_scrollHead table.dataTable thead > tr > th.sorting_disabled.checkboxCell {text-align:center !important;padding:3px 5px !important;vertical-align: middle;}
.dataTables_scrollBody thead tr th.checkboxCell { padding:0 5px !important;}
div.panel-page div.dataTables_info {padding:5px 15px;display: block;clear:both;}
div.panel-page div.dataTables_filter { position: absolute;right: 30px;top: 5px;}
div.panel-page div.dataTables_filter input.form-control {padding:2px 10px;height: 26px;position:relative;top:2px;}
div.table-no-footer-border div.dataTables_scrollFoot table {border-left:none;border-right:none;border-bottom:none;}
div.table-no-footer-border table.dataTable tfoot th, div.table-no-footer-border table.dataTable tfoot td {background:none;padding-bottom: 5px;padding-top: 5px;font-weight:normal;}
td.td-noleftpadding {padding-left:0 !important;}
.dataTables_scrollHead {border-top:1px solid #ddd !important;border-left:1px solid #ddd !important;border-right:1px solid #ddd !important;}
.dataTables_scrollBody {border-left:1px solid #ddd !important;border-right:1px solid #ddd !important;}

/* DataTables + Font Awesome integration (License: MIT - http://datatables.net/license)  */
table.dataTable thead th, table.dataTable thead td { border: none !important; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/*.fc-border-separate thead tr, .table thead tr,.dataTables_scroll .dataTables_scrollHead {background:#fff !important;}*/
table.dataTable thead th { position: relative; background-image: none !important; }
table.dataTable thead th.sorting:after,table.dataTable thead th.sorting_asc:after,table.dataTable thead th.sorting_desc:after { position: absolute; top: 12px; right: 15px; display: block; font-family: FontAwesome; }
table.dataTable thead th.sorting:after { content: "\f0dc"; color: #428bca; font-size: 0.8em; padding-top: 0.12em; }
table.dataTable thead th.sorting_asc:after { content: "\f0de"; }
table.dataTable thead th.sorting_desc:after { content: "\f0dd"; }
div.dataTables_scrollBody table.dataTable thead th.sorting:after,div.dataTables_scrollBody table.dataTable thead th.sorting_asc:after,div.dataTables_scrollBody table.dataTable thead th.sorting_desc:after { content: ""; }
table.table thead th.sorting:after,table.table thead th.sorting_asc:after,table.table thead th.sorting_desc:after { top:10px; }
div.dataTables_paginate a.paginate_button.first, div.dataTables_paginate a.paginate_button.previous { position: relative; padding-left: 24px; }
div.dataTables_paginate a.paginate_button.next, div.dataTables_paginate a.paginate_button.last { position: relative; padding-right: 24px; }
div.dataTables_paginate a.first:before, div.dataTables_paginate a.previous:before { position: absolute; top: 8px; left: 10px; display: block; font-family: FontAwesome; }
div.dataTables_paginate a.next:after, div.dataTables_paginate a.last:after { position: absolute; top: 8px; right: 10px; display: block; font-family: FontAwesome; }
div.dataTables_paginate a.first:before { content: "\f100"; }
div.dataTables_paginate a.previous:before { content: "\f104"; }
div.dataTables_paginate a.next:after { content: "\f105"; }
div.dataTables_paginate a.last:after { content: "\f101"; }
div.dataTables_paginate li.first > a, div.dataTables_paginate li.previous > a { position: relative; padding-left: 24px; }
div.dataTables_paginate li.next > a, div.dataTables_paginate li.last > a { position: relative; padding-right: 24px; }
div.dataTables_paginate li.first a:before, div.dataTables_paginate li.previous a:before { position: absolute; top: 6px; left: 10px; display: block; font-family: FontAwesome; }
div.dataTables_paginate li.next a:after, div.dataTables_paginate li.last a:after { position: absolute; top: 6px; right: 10px; display: block; font-family: FontAwesome; }
div.dataTables_paginate li.first a:before { content: "\f100"; }
div.dataTables_paginate li.previous a:before { content: "\f104"; }
div.dataTables_paginate li.next a:after { content: "\f105"; }
div.dataTables_paginate li.last a:after { content: "\f101"; }
div.columns div.dataTables_paginate li.first a:before,div.columns div.dataTables_paginate li.previous a:before,div.columns div.dataTables_paginate li.next a:after,div.columns div.dataTables_paginate li.last a:after { top: 0; }

/* Uploadifive */
/* Some code modified from MohamedAlaa's "Bootstrap Drag and Drop Upload". Licensed under MIT. (http://bootsnipp.com/snippets/featured/bootstrap-drag-and-drop-upload) */
div.btn.btn-uploadifive { overflow: hidden; position: relative; cursor: pointer; }
div.btn.btn-uploadifive input {cursor: pointer;}
div.btn.btn-uploadifive > span.invalid {display:none !important;}
div.upload-drop-zone { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; height: 200px; border-width: 2px; margin-bottom: 20px; color: #ccc; border-style: dashed; border-color: #ccc; line-height: 200px; text-align: center; }
div.upload-drop-zone.drop { color: #222; border-color: #222;background: #eee; }

/* Loading Spinner
-- Hides the default SmartAdmin loading spinner and shows our custom one.
-- Thanks to John Louie Biñas and Eddy Gann */
h1.ajax-loading-animation {display:none !important;}
#loading-spinner-bg { background-color: #000; height: 100%; left: 0; position: fixed; right: 0; top: 0; width: 100%; z-index: 99999; opacity:0.6;}
#loading-spinner { position: absolute; display: block; margin-right: auto; margin-left: auto; width: 4em; height: 4em; border-radius: 50%; left: 50%; top: 50%; z-index: 999999; transform: scale(1.2); }
.spinner-wrapper { position: relative; width: 4em; height: 4em; border-radius: 100%; left: calc(50% - 2em); }
.spinner-wrapper::after { content: ""; background: #fff; border-radius: 50%; width: 3em; height: 3em; position: absolute; top: 0.5em; left: 0.5em; }
.rotator { position: relative; width: 4em; border-radius: 4em; overflow: hidden; animation: rotate 2000ms infinite linear; }
.rotator:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #148855; border: 3px solid #fff; border-radius: 100%; }
.inner-spin { background: #fff; height: 4em; width: 2em; }
.inner-spin { animation: rotate-left 2500ms infinite cubic-bezier(0.445, 0.050, 0.550, 0.950); border-radius: 2em 0 0 2em; transform-origin: 2em 2em; }
.inner-spin:last-child { animation: rotate-right 2500ms infinite cubic-bezier(0.445, 0.050, 0.550, 0.950); margin-top: -4em; border-radius: 0 2em 2em 0; float: right; transform-origin: 0 50%; }
@keyframes rotate-left {60%, 75%, 100% { transform: rotate(360deg); }}
@keyframes rotate {0% { transform: rotate(0); }100% { transform: rotate(360deg); }}
@keyframes rotate-right {0%, 25%, 45% {transform: rotate(0);}100% {transform: rotate(360deg);}}

/* Breadcrumbs */
#hubBreadcrumbs { background: none repeat scroll 0 0 #474544; min-height: 40px; padding: 0 13px; position: relative; }
#hubBreadcrumbs .breadcrumb { padding: 11px 0 11px 15px !important;background:none !important; }
#hubBreadcrumbs .breadcrumb a { color: #a8a8a8; }
#hubBreadcrumbs .breadcrumb a:hover { color: #c1c1c1; }
#hubBreadcrumbs .breadcrumb li:last-child a, #hubBreadcrumbs .breadcrumb > li.active a {cursor:default;color: #fff !important;pointer-events: none; }
#hubBreadcrumbs > ol.breadcrumb {margin-bottom:0;}
#hubBreadcrumbs {margin-bottom:20px;}

/* X-Editable */
i.xeditableicon { color: #3f85c1; margin-left: 5px; font-size: 15px;cursor:pointer;}
i.xeditableicon:hover {color:#000;}

/* Navigation */
a#hide-menu { color: #fff; display: block; font-size: 2.4em; margin: 0 20px 0 0; position: relative; top: 2px; }
a#hide-menu:hover {opacity:0.8;}
h1#main-name {width: 50% !important;margin: 12px 0;letter-spacing: 0;}
body.minified h1#main-name {margin-left:15px;}
#overSearch {margin-top:10px;}
#SearchOver {width:200px;}
#SearchOver span.select2-arrow { display:none;}
#overSearch * { outline: none !important;-webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
div#quickmemberdd.ajax-dropdown {border-radius:4px;left:0;top: 66px;height:auto;}
div#quickmemberdd.ajax-dropdown #quickmemberdd-headr { color: #fff; background: #555; margin: -11px; padding: 8px 11px; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0;text-align:center; }
div#quickmemberdd.ajax-dropdown:after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #555; }
form.member-check-in {display:block;margin:15px 10px;}
form.member-check-in p {text-align:center;}
a#cart-link {position:relative;}
a#cart-link > b.badge { border-radius: 50%; left: -10px; padding: 4px 7px; position: absolute; top: -8px; }
div#top-title h4 {margin-bottom:10px;}

/* Sliding Panel (Slidebar, Aside) */
html.aside-open,html.aside-open body  {overflow:hidden;}
html.aside-open #header-fellowship {z-index:auto;}
#panel-aside-bg { display: none; background: #000; opacity: 0.4; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 998; }
#panel-aside { border:none; border-radius: 0; position: fixed; top: 0; z-index: 999; display: none; width:100%; right: 0; height: 100%; margin: 0; }
html.aside-open #panel-aside {-webkit-box-shadow: -2px 0 10px 1px rgba(0,0,0,0.3); box-shadow: -2px 0 10px 1px rgba(0,0,0,0.3); }
html.aside-open #panel-aside.show-aside {-webkit-box-shadow:none;box-shadow:none;animation-duration: 0.3s; animation-fill-mode: both; animation-name: slideInRight;}
html.aside-open #panel-aside.hide-aside {-webkit-box-shadow:none;box-shadow:none;animation-duration: 0.3s; animation-fill-mode: both; animation-name: slideOutRight;}
#panel-aside > div.panel-body {overflow-y: auto;}
#panel-aside > div.panel-footer {position:absolute;bottom:0;width:100%;background:none;border:0;text-align:right;padding:15px;}
#panel-aside > div.panel-heading {overflow: hidden;border-radius: 0;background-color: #1e99cc;border-color: #1e99cc;color: #fff;font-size:1.2em;font-weight:300;}
#panel-aside > div.panel-heading .aside-close {float:right;padding:15px;margin:-15px;-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;}
#panel-aside > div.panel-heading .aside-close svg {color:#fff;fill:#fff;opacity:0.7;display:block;cursor:pointer;margin: 0;height: 1.2em;width: 1.2em;}
#panel-aside > div.panel-heading .aside-close .fa {color:#fff;}
#panel-aside > div.panel-heading .aside-close:hover {background:#1a87b5;}
#panel-aside > div.panel-heading .aside-close:hover svg {opacity:1;}

/* Sidebar */
/* Notification BG pattern from subtlepatterns.com */
div#user-sidebar {color: #c0bbb7;border-bottom:1px solid #1a1817;background:#534d49;}
div#user-sidebar img { display: inline-block; height: auto; margin-left: 0; margin-right: 5px;vertical-align: middle; width:50px; }
div#user-sidebar div#notification-btn { margin-top: 8px; margin-right: 10px;position:relative;}
div#user-sidebar div#notification-btn b.badge { background: none repeat scroll 0 0 #0091d9; border-radius: 50%; box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1) inset, 0 -1px 0 rgba(0, 0, 0, 0.07) inset; color: #fff; cursor: pointer; display: inline-block; font-size: 10px; font-weight: 700; line-height: normal; padding: 2px 4px 3px; position: absolute; right: -5px; text-align: center; top: -5px; }
div#user-sidebar div#notification-btn button {background:#69625c;color:#d4c5ba;border:1px solid #857c75;}
div.ajax-dropdown#notification-dropdown {border-radius:4px;top:100px;left:22px;height:auto;padding:0;}
div.ajax-dropdown#notification-dropdown div#notification-top {padding:5px 10px;margin:0;}
div.ajax-dropdown#notification-dropdown div#notification-top span.badge {background-color: #8b8b8b;}
div.ajax-dropdown#notification-dropdown div.ajax-notifications {padding:0;margin:0;background:url('/images/subtlepatterns/carbon_fibre.png') #313131;}
div.ajax-dropdown#notification-dropdown ul.notification-body { padding: 0; -webkit-box-shadow: 0 3px 5px 1px rgba(0,0,0,0.7); box-shadow: 0 3px 5px 1px rgba(0,0,0,0.7); }
div.ajax-dropdown#notification-dropdown div#notification-bottom {padding:5px 10px;background:#b5b5b5;color:#363636;font-size:0.9em;}
nav#sidebar ul#sidebar-ul {border-top:1px solid #525151;}

/* #Footer */
div.page-footer#footer { height: 42px; padding: 13px 13px 0 233px; font-size: 90%;color:#888; }
body.minified div#footer.page-footer { padding: 13px 13px 0 60px; }

/* ----------- Individual Pages ---------------- */

/* TImePicker */

/* Members */
.MemberAEimg { text-align: center;padding:20px 30px; }
.MemberAEimg img {width:auto;max-width:66%;max-height:66%;}
.MemberAEimg div.btn,.MemberAEimg button.btn {margin-top:15px;}
.MemberAEimg ul.small {color:#4a4a4a;text-align:left;padding:10px 0 0 0;list-style:none;margin:0;}
.MemberAEimg ul.small > li {list-style:none;}
.MemberAEimg #image-capture {position:relative;margin:0 auto;}
.MemberAEimg #image-capture #live-button { border-radius: 50%; width: 10px; height: 10px;position:absolute;top:10px;right:10px;background:#e10000;z-index:9999;}
.MemberAEimg #image-capture.photo-taken #live-button {display:none;}
.camera-flash {width:100%;height:100%;background:#fff;}
#frmExistingAccount .panel-footer { background:none; border: 0; border-radius: 0;}
#frmExistingAccount .divInfo .panel-body h3 {margin-top:0;text-align:center;border-bottom:1px solid #ddd;padding-bottom:5px;}
#frmExistingAccount .divInfo .panel-body {height:220px;}
#frmMemberCheckIn img {width:100%;height:auto;}
#frmMemberCheckIn div.form-group { text-align: center; }
#AddMemberBtnDashed, #AddMemberBtnDashed > * { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; }
#AddMemberBtnDashed { border-color: #ccc; border-style: dashed; border-width: 2px; color: #ccc; }
#AddMemberBtnDashed:hover {border-color: #000;color:#000;}
#AddMemberBtnDashed > h3 {vertical-align:middle;display:inline-block;line-height: normal;vertical-align: middle;margin:0;}
#AddMemberBtnDashed > h3 > .glyphicon.glyphicon-plus-sign {color:#ccc;font-size: 1.2em;}
#AddMemberBtnDashed:hover > h3 > .glyphicon.glyphicon-plus-sign {color:#428bca;font-size: 1.2em;}

/* Header */
#logo-group .ajax-notifications .col-xs-12, #logo-group .ajax-notifications .form-control { box-sizing: border-box !important; }
#logo-group span#activity, body.mobile-view-activated #header #logo-group span#activity i {color:#6d6a69;}
#logo-group span#activity:hover, body.mobile-view-activated #header #logo-group span#activity:hover i { color: #6d6a69; }

/* Timetrack */
#logo-group span#activity { border-radius: 50%; }
#logo-group span#activity.on {background:#c81d18;color:#fff;border-color:#a81814;}
#logo-group span#activity.off {background:#319d5a;color:#fff;border-color:#2a854c;}
#logo-group .ajax-dropdown {height:auto;width:800px;}
#logo-group .ajax-dropdown * { box-sizing: border-box; }
#logo-group .panel-header {background:#3174ae;padding:10px 15px;margin:-11px -11px 15px -11px;color:#f4f9fc;}
#logo-group .ajax-dropdown::after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #3174ae;left:18%;}
#logo-group .ajax-dropdown::before {left:18%;}
#logo-group span#activity i.fa {font-size: 0.75em;position: relative;top: -3px;}
#TimeTrackBody { padding: 0 5px 5px; }

/* Maintenance */
.well#PermissioNWell {padding:0;}
.well#PermissioNWell .perm-key { border-top: 1px solid #e0ddca; font-size: 12px; margin: 0; padding: 10px; text-align: center;color: #8a6d3b; }
#filesList div.imgpreview {width:100px;height:80px;background-size:cover;cursor:pointer;border:1px solid #555;}
#filesList div.imgpreview:hover {border:1px solid #333;}

/* Calendar */
#resCalBtns { position:absolute;right:15px;top:15px;}
#resCalBtns .btn-group {margin-left:10px;}

/* Quick Launch*/
#shortcut-content:empty {display:none;}
#shortcut-content  {padding: 15px 15px 0;background: url('/images/subtlepatterns/binding_dark.png') #2f2e2d;}

/* Pick Tickets */
div.PickTicketOrderPage {height:100%;width:50%;margin:15px auto;background:#fff;padding:15px;border:2px solid #ddd;position:relative;}
div.PTPhone {font-size:90%;color:#767676;line-height: 1.42857;}
img.PTLogo {height:77px;width:auto;float:left;margin-right:10px;}
div.PTCbox {width:20px;height:20px;border-radius:2px;border:1px solid #666666;}
div.PickTicketOrderPage .table.products-table thead tr {background:#fff;}
div.PickTicketOrderPage .table.products-table tbody { border: 2px solid #ddd; }
div.PickTicketOrderPage .panel-heading,div.PickTicketOrderPage .panel {border-width:2px;border-radius:0;box-shadow:none;}
div.PickTicketOrderPage .panel-heading {padding: 10px;}
div.PickTicketOrderPage .panel-body {padding:10px;}
div.PTRow {padding:10px;}
div.PTLocRow {background:#555;color:#fff;border-bottom:1px solid #fff;padding-top:5px;padding-bottom:5px;}
div.PTRowCboxOver {padding:10px 10px 10px 0;float:left;}
div.PTLocRow span.PTLocBC {color:#fff;}
div.PT1 {margin-left:15px;}
div.PT2 {margin-left:25px;}
div.PT3 {margin-left:35px;}
div.PT4 {margin-left:45px;}

/* Order Payment */
#OrderPaymentMain #content {padding:15px;background:#f9f9f9;border-right:1px solid #7f8489;border-left:1px solid #7f8489;-webkit-box-shadow: 0 0 15px 4px rgba(0,0,0,0.3);box-shadow: 0 0 15px 4px rgba(0,0,0,0.3);}
footer#OPFooter { background: #2a2725; border-top: 1px solid #cecece; padding: 13px; color: #888; font-size: 90%; height: 42px;margin:0 -15px -15px -15px;}
footer#OPFooter a {color:#fff;text-decoration:none;}
footer#OPFooter a:hover {color:#fff;text-decoration:underline;}

/*! Datetimepicker for Bootstrap 3
 * ! version : 4.7.14
 * https://github.com/Eonasdan/bootstrap-datetimepicker/ */
.bootstrap-datetimepicker-widget{list-style:none}.bootstrap-datetimepicker-widget.dropdown-menu{margin:2px 0;padding:4px;width:19em}@media (min-width:768px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:992px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}@media (min-width:1200px){.bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs{width:38em}}.bootstrap-datetimepicker-widget.dropdown-menu:after,.bootstrap-datetimepicker-widget.dropdown-menu:before{content:'';display:inline-block;position:absolute}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before{border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);top:-7px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after{border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;top:-6px;left:8px}.bootstrap-datetimepicker-widget.dropdown-menu.top:before{border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);bottom:-7px;left:6px}.bootstrap-datetimepicker-widget.dropdown-menu.top:after{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;bottom:-6px;left:7px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget .list-unstyled{margin:0}.bootstrap-datetimepicker-widget a[data-action]{padding:6px 0}.bootstrap-datetimepicker-widget a[data-action]:active{box-shadow:none}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:54px;font-weight:700;font-size:1.2em;margin:0}.bootstrap-datetimepicker-widget button[data-action]{padding:6px}.bootstrap-datetimepicker-widget .btn[data-action=incrementHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Increment Hours"}.bootstrap-datetimepicker-widget .btn[data-action=incrementMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Increment Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=decrementHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Decrement Hours"}.bootstrap-datetimepicker-widget .btn[data-action=decrementMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Decrement Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=showHours]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Show Hours"}.bootstrap-datetimepicker-widget .btn[data-action=showMinutes]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Show Minutes"}.bootstrap-datetimepicker-widget .btn[data-action=togglePeriod]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Toggle AM/PM"}.bootstrap-datetimepicker-widget .btn[data-action=clear]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Clear the picker"}.bootstrap-datetimepicker-widget .btn[data-action=today]::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Set the date to today"}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget .picker-switch::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Toggle Date and Time Screens"}.bootstrap-datetimepicker-widget .picker-switch td{padding:0;margin:0;height:auto;width:auto;line-height:inherit}.bootstrap-datetimepicker-widget .picker-switch td span{line-height:2.5;height:2.5em;width:100%}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget table td,.bootstrap-datetimepicker-widget table th{text-align:center;border-radius:4px}.bootstrap-datetimepicker-widget table th{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table th.picker-switch{width:145px}.bootstrap-datetimepicker-widget table th.disabled,.bootstrap-datetimepicker-widget table th.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table th.prev::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Previous Month"}.bootstrap-datetimepicker-widget table th.next::after{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;content:"Next Month"}.bootstrap-datetimepicker-widget table thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget table thead tr:first-child th:hover{background:#eee}.bootstrap-datetimepicker-widget table td{height:54px;line-height:54px;width:54px}.bootstrap-datetimepicker-widget table td.cw{font-size:.8em;height:20px;line-height:20px;color:#777}.bootstrap-datetimepicker-widget table td.day{height:20px;line-height:20px;width:20px}.bootstrap-datetimepicker-widget table td.day:hover,.bootstrap-datetimepicker-widget table td.hour:hover,.bootstrap-datetimepicker-widget table td.minute:hover,.bootstrap-datetimepicker-widget table td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget table td.new,.bootstrap-datetimepicker-widget table td.old{color:#777}.bootstrap-datetimepicker-widget table td.today{position:relative}.bootstrap-datetimepicker-widget table td.today:before{content:'';display:inline-block;border:0 solid transparent;border-bottom-color:#337ab7;border-top-color:rgba(0,0,0,.2);position:absolute;bottom:4px;right:4px}.bootstrap-datetimepicker-widget table td.active,.bootstrap-datetimepicker-widget table td.active:hover{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget table td.active.today:before{border-bottom-color:#fff}.bootstrap-datetimepicker-widget table td.disabled,.bootstrap-datetimepicker-widget table td.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget table td span{display:inline-block;width:54px;height:54px;line-height:54px;margin:2px 1.5px;cursor:pointer;border-radius:4px}.bootstrap-datetimepicker-widget table td span:hover{background:#eee}.bootstrap-datetimepicker-widget table td span.active{background-color:#337ab7;color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.bootstrap-datetimepicker-widget table td span.old{color:#777}.bootstrap-datetimepicker-widget table td span.disabled,.bootstrap-datetimepicker-widget table td span.disabled:hover{background:0 0;color:#777;cursor:not-allowed}.bootstrap-datetimepicker-widget.usetwentyfour td.hour{height:27px;line-height:27px}.input-group.date .input-group-addon{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}

/* Tour */
button.btn.tour-btn,button.btn.tour-btn:active { position: absolute; right: -18px; top: -62px;left: auto; }
.tour-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1100; background-color: #000; opacity: 0.4; filter: alpha(opacity=40); }

/*---------------------- Custom Colors ----------------------*/
/* Panels */
.panel-primary { border-color: #486180; }
.panel-primary > div.panel-heading { background-color:#486180; border-color:#486180; color: #fff; }
.panel-primary > div.panel-heading > i.fa { color: #7e8993; margin-right: 10px; }
/* Navigation */
#header { background:#486180;}
h1#main-name {color:#fff;}
div#quickmemberdd.ajax-dropdown #quickmemberdd-headr { color: #fff; background: #428bca;}
div#quickmemberdd.ajax-dropdown:after { border-color: rgba(255, 255, 255, 0) rgba(255, 255, 255, 0) #428bca; }
/* Footer */
#footer a {color:#fff;text-decoration:none;}
#footer a:hover {color:#fff;text-decoration:underline;}
/* Buttons & Links */
.btn-primary { background-color: #486180; border-color: #3f5570; color: #fff; }
.btn-primary.disabled, .btn-primary.disabled.active, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary[disabled], .btn-primary.active[disabled], .btn-primary.focus[disabled], .btn-primary[disabled]:active, .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary.active, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {background-color: #88929c;border-color: #858e96;}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary { background-color: #2c3b4e; border-color: #2c3b4e; color: #fff; }
a { color: #3174ae;}
nav ul li.active > a::before {color:#b0b5ba;}

/*---------------------- Responsive ----------------------*/
/*[480px] - Mobile Size */
@media only screen and ( max-width: 767px ) {
    body#loginpage #main {margin:0;padding:10px;width:auto;}
    #overSearch { padding: 10px; }
    div.select2-container.form-control,#SearchOver {width:100% !important;}
}

/*---------------------- Print Styles ----------------------*/
@media print {
    .print-small {font-size:12px !Important;}
    .print-smaller {font-size:10px !Important;}
    .col-print-12 { width: 100% !important;float:left !important; }
    .col-print-11 { width: 91.6667% !important;float:left !important; }
    .col-print-10 { width: 83.3333% !important;float:left !important; }
    .col-print-9 { width: 75% !important;float:left !important; }
    .col-print-8 { width: 66.6667% !important;float:left !important; }
    .col-print-7 { width: 58.3333% !important;float:left !important; }
    .col-print-6 { width: 50% !important;float:left !important; }
    .col-print-5 { width: 41.6667% !important;float:left !important; }
    .col-print-4 { width: 33.3333% !important;float:left !important; }
    .col-print-3 { width: 25% !important;float:left !important; }
    .col-print-2 { width: 16.6667% !important;float:left !important; }
    .col-print-1 { width: 8.33333% !important;float:left !important; }
    div.PickTicketOrderPage {height:100%;width:100%;margin:0;background:#fff;padding:15px;border:none;}
}


/* Medium Devices, Desktops (MD) */
@media only screen and (min-width : 992px){

    #panel-aside {width:50%;}
    #panel-aside.lg-25 {width:25%;}
    #panel-aside.lg-50 {width:50%;}
    #panel-aside.lg-75 {width:75%;}
    #panel-aside.lg-100 {width:100%;}
}