/*////////////////////////////////////////////////////////////////////////////*/
/*// NEW CSS */
/*////////////////////////////////////////////////////////////////////////////*/

/* Hover effect for drag & drop upload areas. */
html#ticket-evo .drag_drop_upload_area.dragdrop_active {
  background: #dff0d8;
}
html#ticket-evo .drag_drop_upload_area.dragdrop_active:first-child {
  background: #dff0d8;
}

html#ticket-evo div.eticket_thumbnail {
  background: #eee;
}
html#ticket-evo div.eticket_thumbnail.active {
  background: #dff0d8;
}

html#ticket-evo .btn-danger.disabled,
html#ticket-evo .btn-danger[disabled],
html#ticket-evo .btn-primary.disabled,
html#ticket-evo .btn-primary[disabled] {
  color: #999;
  background-color: #ddd;
}

/*errors*/
html#ticket-evo .errors{ margin-bottom:10px; }
html#ticket-evo .validation-error{
  margin-right:5px;
  margin-bottom:10px;
  display: block;
}
html#ticket-evo .validation-error:hover{cursor:pointer}
/*general classes (bootstrap style) */
html#ticket-evo .mleft10{ margin-left:10px; }
/* font-awesome buttons */
html#ticket-evo .fa-button{
  font-size:18px;
  vertical-align:middle;
  line-height:28px;
  color:#aaa;
  cursor:pointer;
}
html#ticket-evo input.sending {background-color: #fbeed5 !important}
html#ticket-evo input.invalid {background-color: #f2dede !important; border-color:#eed3d7 !important}
html#ticket-evo .select2-container.invalid, html#ticket-evo .select2-container.invalid:hover, html#ticket-evo .select2-container.invalid .select2-choice:hover{background-image:none; background-color: #f2dede !important; border-color:#eed3d7 !important}
html#ticket-evo .hidden {display:none}
html#ticket-evo .fa-button i:not([class$='empty']){ color:#c09853; }
/*for stealth inputs*/
html#ticket-evo input, html#ticket-evo textarea{ text-overflow:ellipsis; }
html#ticket-evo input.stealth:not(:hover):not(:focus), html#ticket-evo textarea.stealth:not(:hover):not(:focus){
  background-color:transparent;
  border-color:transparent;
  box-shadow: none;
}
html#ticket-evo input.stealth{
  text-align:middle;
  margin-bottom:0;
}
html#ticket-evo .select2-container .select2-choice > span, html#ticket-evo .select2-container .select2-choice span{display: inline-block !important}
html#ticket-evo .select2-container .select2-choice .icon-stack{vertical-align:1%}
html#ticket-evo .stealth .select2-choice:not(:hover):not(:focus), html#ticket-evo .stealth .select2-choice div:not(:focus){
  border-color:transparent;
  background-color:transparent;
  background-image:none;
}
html#ticket-evo .stealthUL li:hover{ background-color:#e6e6e6; }
html#ticket-evo .stealthUL li{
  padding-top:5px;
  padding-bottom:5px;
}
html#ticket-evo .loading { z-index: 9999; background: #fff;  opacity: 0.8; position: absolute; }
html#ticket-evo .loading .content { margin: auto; position: relative; text-align: center; width: 62px; }
html#ticket-evo .loading h1 { font-weight: 900; font-size: 24px; margin-left: -22px; }
html#ticket-evo table tr.even { background: #eee; }
html#ticket-evo table tr.odd { background: #fff; }
/*client modal*/
html#ticket-evo #clientFormModal{
 height:550px !important;
 max-height:550px !important;
 overflow-x:hidden;
}
/* Sortable headers on ticket groups list view. */
html#ticket-evo table.table thead.header th { cursor: pointer; }
html#ticket-evo table.table thead.header tr { border-bottom: 1px solid #888; }
html#ticket-evo table.table thead th.ascend { background: #fff url('/images/icon_top.png') 2px 8px no-repeat; padding-left: 17px; }
html#ticket-evo table.table thead th.descend { background: #fff url('/images/icon_down.png') 2px 6px no-repeat; padding-left: 17px; }

/* Hover tables. */
html#ticket-evo table.hover_point tbody tr:hover td {
  cursor: pointer;
  background-image: linear-gradient(bottom, rgb(200,200,200) 0%, rgb(255,255,255) 100%);
  background-image: -o-linear-gradient(bottom, rgb(200,200,200) 0%, rgb(255,255,255) 100%);
  background-image: -moz-linear-gradient(bottom, rgb(200,200,200) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient(bottom, rgb(200,200,200) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient(bottom, rgb(200,200,200) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(200,200,200)),
    color-stop(1, rgb(255,255,255))
  );
}
html#ticket-evo table.hover_point tbody tr.no_hover:hover td {
  background-image: none;
}

html#ticket-evo .select2-container { width:220px; }
html#ticket-evo .no-indent-rows [class*="span"]{ margin-left:0 }
/* client show */
html#ticket-evo .client-input .new_client{
  padding-left:7px;
  padding-right:7px;
}
html#ticket-evo .clientGroupHeader{
  float:left;
  line-height:70px;
}
html#ticket-evo .clientGroupHeader h3{
  float:left;
  width:185px;
  font-weight:normal;
  color:#555;
}
html#ticket-evo .clientGroupHeader .btn-group{
  float:left;
  margin-left:15px;
}
html#ticket-evo .client-input .client{width:172px}
/* For Modal Inputs */
html#ticket-evo .hold-until-picker input{width:177px}
html#ticket-evo .modal-body .form-table td{
  border-color:#fff !important;
  padding:0 !important;
}

html#ticket-evo .modal-body .form-table{border-color:#fff;}
html#ticket-evo .modal-body .form-table td:nth-child(2){width:17%;}
html#ticket-evo .modal-body .span3 {margin-left:0px }
html#ticket-evo .modal-body .input-prepend input{width:179px}
/* Total rows for tables. */
html#ticket-evo tr.total_row td { background: #eee; font-weight: 900; }

/* Hide text of nav menu section headings when collapsed. */
html#ticket-evo body.small #sidebar > ul > li > div > span { display: none; }
html#ticket-evo body.small #sidebar > ul > li > a > span { display: none; }

/* Make content area pretty. */
html#ticket-evo #content { border-bottom-left-radius: 8px; }

/* DataTable header cursor. */
html#ticket-evo table.data-table th { cursor: pointer; }
html#ticket-evo table.data-table.table_grouped th { cursor: default; }

/* EvoPay Stuff */
html#ticket-evo #list-balances span.evopaybalance{
  margin-right:20px;
}
html#ticket-evo .evopay_modal span.evopaybalance{
  display:block;
  margin-bottom:10px;
}

/* Let filter text boxes resize. */
html#ticket-evo .option_panel input,
html#ticket-evo .option_panel textarea,
html#ticket-evo .option_panel .uneditable-input,
html#ticket-evo .option_panel .select2-container {
  width: 90%;
}
html#ticket-evo .option_panel .date{
  width:86%;
}
html#ticket-evo .fixed-header-table-wrap{
  border: 1px solid #ddd;
  border-top:none;
}
html#ticket-evo .fixed-header-table-wrap tbody{ background-color:#fff;}
/* When clicking a row expands to show details of a ticket group. */
html#ticket-evo table.iorder td { background: #f5f5f5; }
html#ticket-evo table.inset_table td.val { background: #eee; font-weight: 900; }
html#ticket-evo #event_table_header th{text-align:center !important}
html#ticket-evo #group_list_table > tr:not(.ticket-group-details) > td { text-align:right; }
html#ticket-evo .details_table tr td{text-align:left !important}

/* Give bottom row of Held & Taken tables a border.
Real bottom row is hidden tr so visible bottom has no border. */
html#ticket-evo table#held_tickets_table.table tr:nth-last-child(2) td,
html#ticket-evo table#taken_tickets_table.table tr:nth-last-child(2) td {
  border-bottom: 1px solid #ddd;
}

/* Inline details for tables (taken, held, events). */
html#ticket-evo table td.val { font-weight: 700 }

html#ticket-evo table.ticket_group_details_table td { background: #f9f9f9; }
html#ticket-evo table.ticket_group_details_table td.val { font-weight: 700; background: #eee; }

/* Give autocomplete popups a drop shadow. */
html#ticket-evo ul.ui-autocomplete {
  -moz-box-shadow: 1px 1px 6px 3px #888;
  -webkit-box-shadow: 1px 1px 6px 3px #888;
  box-shadow: 1px 1px 6px 3px #888;
}

/* Consignment stuff. */
html#ticket-evo .consignment_order_item_box .label{ float:right; }
html#ticket-evo .consignment_order_item_box td{vertical-align:middle}
html#ticket-evo .consignment_order_item_box .consignment_cost_input{ width:100px; }
html#ticket-evo .consignment_order_item_box .reset_consignment_cost{
  margin-left:15px;
  cursor:pointer;
  border-bottom:dotted;
  border-width:1px;
  font-weight:bold;
}
html#ticket-evo .consignment_order_item_box input.label, html#ticket-evo .consignment_order_item_box .consignment_edit_input{
  float:right;
  height:15px;
  margin-top:7px;
  width:100px;
  margin-right:15px;
}
html#ticket-evo #consign_accept_modal .modal-body{
  text-align:center;
  padding-left:0;
  margin-left:0;
  width:100%;
}
html#ticket-evo #consign_accept_modal .btn{ width:350px; margin-top:15px; }
html#ticket-evo #consign_accept_modal .btn:last-child{ margin-bottom:20px; }

/* Email Form. */
html#ticket-evo .btn-group .email-form{
  font-size:14px;
}
html#ticket-evo .email-form .loading{
  background-color:inherit;
  position:static;
}
html#ticket-evo .email-form-popup {width:300px; position:absolute; right:49px; top:-7px;  z-index:1000;}
html#ticket-evo .po-email-form.email-form-popup {right:0px !important;}
html#ticket-evo .email-form-popup .span10{width:300px;}
html#ticket-evo .email-container {display:inline-block; position:relative;}
html#ticket-evo .send-email { width:50px;display:block; }

/* Event List */
html#ticket-evo .event_list_row { cursor: pointer; }

#quote-form-footer {
  padding: 40px 20px 20px 20px;
}

#custom-ticket-group {
  padding:10px 0px 10px 0px;
}

.no-overflow {
  overflow: hidden;
}

/* Email */
html#ticket-evo .btn-group .email-form{
  font-size:14px;
}
html#ticket-evo .email-form .loading{
  background-color:inherit;
  position:static;
}

/* Order Show */

.button-divider {
  padding: 5px 20px 0px 20px;
}


/* Consignment */
html#ticket-evo .consignment_order_item_box .label{ float:right; }
html#ticket-evo .consignment_order_item_box td{vertical-align:middle}
html#ticket-evo .consignment_order_item_box .consignment_cost_input{ width:100px; }

html#ticket-evo .consignment_order_item_box .reset_consignment_cost{
  margin-left:15px;
  cursor:pointer;
  border-bottom:dotted;
  border-width:1px;
  font-weight:bold;
}
html#ticket-evo .consignment_order_item_box input.label, html#ticket-evo .consignment_order_item_box .consignment_edit_input{
  float:right;
  height:15px;
  margin-top:7px;
  width:100px;
  margin-right:15px;
}
html#ticket-evo #consign_accept_modal .modal-body{
  text-align:center;
  padding-left:0;
  margin-left:0;
  width:100%;
}
html#ticket-evo #consign_accept_modal .btn{
  width:350px;
  margin-top:15px;
}
html#ticket-evo #consign_accept_modal .btn:last-child{margin-bottom:20px;}


/*// LOADING SPINNER /////////////////////////////////////////////////////////*/
#floatingBarsG{
  position:relative;
  width:62px;
  height:77px}

.blockG{
  position:absolute;
  background-color:#FFFFFF;
  width:10px;
  height:24px;
  -moz-border-radius:8px 8px 0 0;
  -moz-transform:scale(0.4);
  -moz-animation-name:fadeG;
  -moz-animation-duration:0.72s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-direction:linear;
  -webkit-border-radius:8px 8px 0 0;
  -webkit-transform:scale(0.4);
  -webkit-animation-name:fadeG;
  -webkit-animation-duration:0.72s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-direction:linear;
  -ms-border-radius:8px 8px 0 0;
  -ms-transform:scale(0.4);
  -ms-animation-name:fadeG;
  -ms-animation-duration:0.72s;
  -ms-animation-iteration-count:infinite;
  -ms-animation-direction:linear;
  -o-border-radius:8px 8px 0 0;
  -o-transform:scale(0.4);
  -o-animation-name:fadeG;
  -o-animation-duration:0.72s;
  -o-animation-iteration-count:infinite;
  -o-animation-direction:linear;
  border-radius:8px 8px 0 0;
  transform:scale(0.4);
  animation-name:fadeG;
  animation-duration:0.72s;
  animation-iteration-count:infinite;
  animation-direction:linear;
}

#rotateG_01{
  left:0;
  top:28px;
  -moz-animation-delay:0.27s;
  -moz-transform:rotate(-90deg);
  -webkit-animation-delay:0.27s;
  -webkit-transform:rotate(-90deg);
  -ms-animation-delay:0.27s;
  -ms-transform:rotate(-90deg);
  -o-animation-delay:0.27s;
  -o-transform:rotate(-90deg);
  animation-delay:0.27s;
  transform:rotate(-90deg);
}

#rotateG_02{
  left:8px;
  top:10px;
  -moz-animation-delay:0.36s;
  -moz-transform:rotate(-45deg);
  -webkit-animation-delay:0.36s;
  -webkit-transform:rotate(-45deg);
  -ms-animation-delay:0.36s;
  -ms-transform:rotate(-45deg);
  -o-animation-delay:0.36s;
  -o-transform:rotate(-45deg);
  animation-delay:0.36s;
  transform:rotate(-45deg);
}

#rotateG_03{
  left:26px;
  top:3px;
  -moz-animation-delay:0.45s;
  -moz-transform:rotate(0deg);
  -webkit-animation-delay:0.45s;
  -webkit-transform:rotate(0deg);
  -ms-animation-delay:0.45s;
  -ms-transform:rotate(0deg);
  -o-animation-delay:0.45s;
  -o-transform:rotate(0deg);
  animation-delay:0.45s;
  transform:rotate(0deg);
}

#rotateG_04{
  right:8px;
  top:10px;
  -moz-animation-delay:0.54s;
  -moz-transform:rotate(45deg);
  -webkit-animation-delay:0.54s;
  -webkit-transform:rotate(45deg);
  -ms-animation-delay:0.54s;
  -ms-transform:rotate(45deg);
  -o-animation-delay:0.54s;
  -o-transform:rotate(45deg);
  animation-delay:0.54s;
  transform:rotate(45deg);
}

#rotateG_05{
  right:0;
  top:28px;
  -moz-animation-delay:0.63s;
  -moz-transform:rotate(90deg);
  -webkit-animation-delay:0.63s;
  -webkit-transform:rotate(90deg);
  -ms-animation-delay:0.63s;
  -ms-transform:rotate(90deg);
  -o-animation-delay:0.63s;
  -o-transform:rotate(90deg);
  animation-delay:0.63s;
  transform:rotate(90deg);
}

#rotateG_06{
  right:8px;
  bottom:7px;
  -moz-animation-delay:0.72s;
  -moz-transform:rotate(135deg);
  -webkit-animation-delay:0.72s;
  -webkit-transform:rotate(135deg);
  -ms-animation-delay:0.72s;
  -ms-transform:rotate(135deg);
  -o-animation-delay:0.72s;
  -o-transform:rotate(135deg);
  animation-delay:0.72s;
  transform:rotate(135deg);
}

#rotateG_07{
  bottom:0;
  left:26px;
  -moz-animation-delay:0.8099999999999999s;
  -moz-transform:rotate(180deg);
  -webkit-animation-delay:0.8099999999999999s;
  -webkit-transform:rotate(180deg);
  -ms-animation-delay:0.8099999999999999s;
  -ms-transform:rotate(180deg);
  -o-animation-delay:0.8099999999999999s;
  -o-transform:rotate(180deg);
  animation-delay:0.8099999999999999s;
  transform:rotate(180deg);
}

#rotateG_08{
  left:8px;
  bottom:7px;
  -moz-animation-delay:0.9s;
  -moz-transform:rotate(-135deg);
  -webkit-animation-delay:0.9s;
  -webkit-transform:rotate(-135deg);
  -ms-animation-delay:0.9s;
  -ms-transform:rotate(-135deg);
  -o-animation-delay:0.9s;
  -o-transform:rotate(-135deg);
  animation-delay:0.9s;
  transform:rotate(-135deg);
}

@-moz-keyframes fadeG{
  0%{
    background-color:#000000}

  100%{
    background-color:#FFFFFF}

}

@-webkit-keyframes fadeG{
  0%{
    background-color:#000000}

  100%{
    background-color:#FFFFFF}

}

@-ms-keyframes fadeG{
  0%{
    background-color:#000000}

  100%{
    background-color:#FFFFFF}

}

@-o-keyframes fadeG{
  0%{
    background-color:#000000}

  100%{
    background-color:#FFFFFF}

}

@keyframes fadeG{
  0%{
    background-color:#000000}

  100%{
    background-color:#FFFFFF}

}





html#ticket-evo .loading-message { padding: 10px; display: none; }

/*////////////////////////////////////////////////////////////////////////////*/
/*// OLD CSS */
/*////////////////////////////////////////////////////////////////////////////*/


#search button.tip_right { margin-left:-4px;}
.ui-dialog { position:absolute; top:300px; left: 40%; }
fieldset.phone div, fieldset.email div { float:left; width:49%; }
.new_client_dialog fieldset.half { float:left; width:49%; }
.new_client_dialog fieldset.half+fieldset.half, .new_client_dialog div.half.email { margin-left:9px; }
.new_client_dialog fieldset.address div.controls { margin-top:10px; }
div#client_tags_addTag input { width: 80px; border:0; }
body#body_main #content { margin-top:-38px; }
  body#body_main #content #content-header { margin-top:0px; }
body#body_main #sidebar { margin-top:38px; }

.list.span4 .well.options { margin: 10px; }

.updates .well.options .form-inline select#view { float:right; width:60%; }
  .updates .well.options .form-inline .control-group { margin-bottom:1px; }
  .updates .well.options .form-inline label { margin-top:5px; margin-bottom:0; }


.widget-box .widget-title select { font-size:12px; margin:6px; height:26px; line-height:26px; }
.widget-box .widget-title a.btn.pull-right{ margin:6px; }


/* THESE DUPLICATE RULES SHOULD BE COMBINED */
body .ui-autocomplete li, body .ui-autocomplete li.ui-autocomplete-category { border-bottom: 1px solid #EEE !important; }

body .ui-autocomplete li.ui-autocomplete-category { background-color: transparent !important; height: 22px; font-weight: bold; border-top: 0; text-align: left; color: #333; font-size: 14px; padding:0 0 0 10px !important; margin:0; }

body .ui-autocomplete li.ui-autocomplete-category div { color:#3ea3c0 !important; }

body .ui-autocomplete li.ui-menu-item a { cursor: pointer; border-top: 0; font-size: 12px; color: #2d2f34; text-decoration: none; padding: 8px 10px; display: block; font-weight:bold; margin:0; line-height:18px; }

body .ui-autocomplete li.ui-menu-item a:hover, body .ui-autocomplete li.ui-menu-item a.ui-state-hover {
 font-weight: bold; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006DCC; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#04C)); background-image: -webkit-linear-gradient(top, #08C, #04C); background-image: -o-linear-gradient(top, #08C, #04C); background-image: linear-gradient(to bottom, #08C, #04C); background-image: -moz-linear-gradient(top, #08C, #04C); background-repeat: repeat-x; color:#fff !important;
}



body .ui-autocomplete { position: absolute; background-color: white; list-style: none; border: 0; border-right: 1px solid #b2bcc7; border-bottom: 1px solid #b2bcc7; border-radius: 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0; z-index: 20; left: 96px; display: block; width: 300px; padding: 4px 4px 4px 4px; }
body .ui-autocomplete { position: absolute; background-color: white; list-style: none; border: 0; border: 1px solid #eee; border-radius: 10px; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0; -moz-box-shadow: rgba(0,0,0,0.3) 0 0 0 0; box-shadow: rgba(0, 0, 0, 0.3) 0 0 0 0; z-index: 20; display: block; padding: 4px 4px 4px 4px; }
body .ui-autocomplete li.ui-autocomplete-category { background-color: transparent !important; font-weight: bold; border-top: 0; text-align: left; color: #333; font-size: 20px; padding: 10px 0px 10px 10px !important; margin: 0; } /* width:100%; */
body .ui-autocomplete li.ui-autocomplete-category div { color: #006699 !important; margin-top:5px; }
body .ui-autocomplete li.ui-menu-item + li.ui-autocomplete-category div { margin-top:5px; }

body .ui-autocomplete li.ui-menu-item a { cursor: pointer; border-top: 0; font-size: 12px; color: #2D2F34; text-decoration: none; padding: 8px 10px; display: block; font-weight: bold; margin: 0; line-height: 18px; }


form .half { float:left; width:50%; }
form .half select { width:80%; }
  form .half input { width:75%; }
  form .half input[type=checkbox] { width:auto;}
form .clearfix { margin: 10px 0 0 0; }

form .check_with_label input { display: inline-block; float:left; margin: 5px 8px 0 0; }
form .check_with_label input[type="checkbox"] { width:10%; }
.mask_section a, .mask_row a, .override_splits a { display: block; color: #222; cursor: pointer; font-size: 0.8em; text-decoration: underline; margin: 29px 0 0 8px; }
  .mask_section label, .mask_row label, .override_splits label, .mask_section input, .mask_row input, .override_splits input { display: none; }


input#in_hand_on[disabled="disabled"] { display: none; }
body #in_hand_on { margin: -2px 0 10px 0; position: absolute; left: 50%; width: 100px; }

.form-actions .doNotClear { margin:4px 6px 0 0; }

body .po .footer_buttons { height: 44px; line-height: 44px; background-color: black; border: 0; color: white; background-image: none; border-left: 1px solid #666; position: fixed; bottom: 0; left:0; right:0;  }
  body .po .footer_buttons .summary { margin: 0 0 0 20px; text-align:right; }
  /* body .po .footer_buttons .summary { margin: 0 0 0 20px; width:80%; float:left; text-align:right; } */
  body .po .footer_buttons a.btn { margin:6px 20px; }
.po .tabbed-textareas textarea:not(.current), .tabbed-textareas textarea:not(.current), .ui-dialog .tabbed-textareas textarea:not(.current) {
display: none; }
.po .tabbed-textareas textarea { height: 55px; }


.new_po.span8 { margin-bottom: 80px; }
.widget-title btn-group.pull-right a { margin-top:-4px; }

body .po .list .current_filters a.close { height: 17px; background-repeat: no-repeat; background-position: 0 2px; background-image: url("/images/close_button.png"); height: 14px; width: 14px; display: inline; float: right; line-height: 18px; }

.widget-title .pull-right.info { font-size:12px; font-weight:bold; color: #666; margin: 9px; }


.new_po.span8 .ticket_groups .widget-content table.table th { background:none; text-align:left; }



.customer_details span { display:block; }
span.pull-right.small { font-size: 13px; }
h5 span.pull-right.small { font-size: 11px; color:#666; }


.ship-to-entity-option label.radio { padding-left:21px; }

div.new-update.clearfix { padding:0 !important; position:relative; }

div.new-update.clearfix .update-done { width:100% !important; max-width:100% !important; position:relative; }
  div.new-update.clearfix .update-done a.event { display:block; width:92%; padding:10px 4%; border-bottom:1px solid #f1f1f1; }
  div.new-update.clearfix .update-done a.event:hover { background-color: #FCF8E3;}
  div.new-update.clearfix .update-done a.event span { display:block; color:#666; }
  div.new-update.clearfix .update-done a.event span+span { font-size:11px; font-style:italic; }
  div.new-update.clearfix .update-done a.event.selected { background-color:#D9EDF7; }
  div.new-update.clearfix .update-date { position:absolute; right:10px; margin-top:29px; }






.loading-spinner { background: url("/images/ajax-loader.gif") no-repeat 50% 50%; }
  .loading-spinner .grey {   background: url("/images/ajax-loader-grey.gif") no-repeat 50% 50%; }
  .loading-spinner .transparent {   background: url("/images/ajax-loader-transparent.gif") no-repeat 50% 50%; }

.ajax-loader-info{ background: url("/images/ajax-loader-info.gif") no-repeat; display:block; height:11px; width:16px; margin:auto auto;}


.tagsinput { overflow-y: auto; padding: 2px; background-color:white; border: 1px solid #ccc; border-radius: 3px; width:227px; height:77px; }
  .tagsinput input {   margin-top: 5px;   border: 0;   background: none; }
  .tagsinput span.tag {   padding: 2px;   font-size: 13px;   border: 1px solid #ccc;   border-radius: 3px;   margin-right: 5px;   margin-top: 5px; background-color: #006DCC; color: white; }
    .tagsinput span.tag a {     font-weight: bold;     color: #FFF;     text-decoration: none;     font-size: 11px; }
      .tagsinput span.tag a:hover {       color: #f1f1f1; }
  .tagsinput div#client_tags_addTag input {   width: 80px; }
  .tagsinput .not_valid {   background: #FBD8DB !important;   color: #90111A !important; }



.context-menu-list { margin: 0; padding: 0; min-width: 120px; max-width: 250px; display: inline-block; position: absolute; list-style-type: none; border: 1px solid #DDD; background: #EEE; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5); -ms-box-shadow: 0 2px 5px rgba(0,0,0,0.5); -o-box-shadow: 0 2px 5px rgba(0,0,0,0.5); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
  .context-menu-item { padding: 2px 2px 2px 24px; background-color: #EEE; position: relative; -moz-user-select: -moz-none; }
  .context-menu-item:hover { text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #006DCC; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08C), to(#04C)); background-image: -webkit-linear-gradient(top, #08C, #04C); background-image: -o-linear-gradient(top, #08C, #04C); background-image: linear-gradient(to bottom, #08C, #04C); background-image: -moz-linear-gradient(top, #08C, #04C); background-repeat: repeat-x; color:#fff !important; cursor:pointer; }

select.region { width:27% !important;}
select.span2.country-code { width: 63%; }

#client_tags_tagsinput { width: 284px !important; }

#client_notes_input { width: 500px; }

.ui-dialog-title, .ui-dialog-titlebar { display:none !important; }

.additional-expenses-wrapper { display:none; }

#buySellModal select#quantity { width:50px; margin-top:10px; }

.payment-method { padding-right:35px;}


.tabbed-textareas .nav-tabs { position:relative;}
.tabbed-textareas textarea { width:97%; height:100px; margin-top:-22px; }

#buySellModal select#paymentMethod { margin-top:10px; }
#buySellModal .credit-cards { float:left; margin-top:-15px; }

.modal-footer div.total { font-weight:bold; }

input.city-input { width: 42% !important;}
input.zip-input { width: 19% !important;}
select.state-select { width: 25% !important;}
select.country-select { width: 48% !important;}

#phone-email .half div.select { width:100%; }
#phone-email div.half input { width:82%; }

#body_main .group_list table tbody tr.ticket-group:nth-child(4n + 3) td { background-color: #F0F0F0; }
#body_main .group_list table tbody tr.ticket-group:hover td { background-color: #FCF8E3 !important; cursor:pointer !important; }


#body_main .group_list table tbody tr:hover.ticket-group.owned td { background-color: #FCF8E3 !important; }




.group_list table.table > tr.ticket-group-details > td { padding:0; border-top:0; }

.table.mass-edit input { width:50px; float:left; }
.table.mass-edit select { width:80px; float:left; }
.table.mass-edit label { float:left; }





#editTicketGroups .changed td { background-color:#DFF0D8 !important;}
#editTicketGroups .saving td { background-color:#FCF8E3 !important;}
#editTicketGroups .error td { background-color:#F2DEDE !important;}



span.owned:hover { cursor:pointer; color: #000 !important; }


#editTicketGroups .ticket-groups input { width:80px; }

#editTicketGroups table tr td label.pull-right { margin-top:5px; }



.no-point table tr td { cursor:default !important; background-color:none !important; }


body .edit_ticket_group_dialog form #in_hand_on { left:294px; margin-top:0px; }



#editTicketGroups table tr td, #editTicketGroups table tr th { text-align:left; }

.complete_purchase_form .cost_details { margin-top:20px; }
  .complete_purchase_form .cost_details label.pull-right { margin: 4px 10px 0 0; }
  .complete_purchase_form .cost_details input { width: 100px; }


body table.table thead tr th { text-align:left; }




.datepicker { z-index:99999 !important; }



.nav-tabs > li > a { cursor:pointer; }

span.etix { display:block; height:12px; width:12px; background: url('/images/ico_etix_sm.png') top left no-repeat; text-indent:-9999px; float:left; }
  td span.etix { margin-top:5px;}


body #search input[type="text"] { width: 200px; color:#222 !important; background-color: #ccc; }

#search button { background-color: #ccc; color: #fff; }

table.table tr:last-child td { border-bottom:1px solid #DDD; }



h3.title { margin:0; line-height:32px; color:#006699; }
h4.date { color:#333; margin:0; }
h5.venue { margin:4px 0 10px 0; color:#999; }

.ticket_groups ul.nav-tabs, .ticket_groups ul.nav-pills { margin-bottom:0; }

.ticket_groups ul.nav-pills li a { color:black;}
.ticket_groups ul.nav-pills li.active a { color:white; }

tr.ticket-group-details .row-fluid { margin:0 0 0 0; }

tr.ticket-group-details td > div { background-color:none !important; }

tr.ticket-group-details .col { float:left; width:42%; }
  tr.ticket-group-details .col+.col { float:right; width: 56%; }

tr.ticket-group-details td .well { border-radius:0; }
tr.ticket-group-details td .well h3 { margin: 0 0 5px 0; line-height:20px;}
tr.ticket-group-details td .well .tab-pane  { min-height: 90px; }

tr.ticket-group-details .col ul.site-stats li small { font-size:18px; }

tr.ticket-group-details .ticket-holds { margin-bottom:20px !important; }
  tr.ticket-group-details .ticket-holds .table.force { margin:0; }
.billing_details a.plus.btn, #shipping_info a.plus.btn { position: absolute; right: 20px; margin: -40px 0 0 0; }
#shipping_info a.plus.btn { margin: 0 0 0 0; }

select#country_code { height:30px !important; }


#buySellModal .modal .modal-header h4 { margin-bottom:0; }

tr.ticket-group-details td .widget-box { margin:0; }

table.table.force tr td { padding:5px !important; border-bottom:1px solid #f0f0f0; }

.selected-number-of-events { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; position: absolute; bottom:17px; left:0; background:#666; color:white; padding:6px 18px; opacity: .9; font-weight:bold; }

#purchaseOrder div.client-input a.new_client { position: absolute; top: 77px; left: 253px; }

#filters div.modal { position:fixed; top: 90px; right: 77px; left: auto;}
#filters { margin:3px 0 0 0;}

tr.ticket-group td:first-child img { max-width: 12px; }


  body.small #header h1 {
    top: 3px;
  }
  body.small #sidebar, body.small #sidebar > ul {
    width: 43px;
  }
  body.small #sidebar > ul ul {
    display: none;
    position: absolute;
    left: 43px;
    top: 0;
    min-width: 150px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.7);
    border-radius: 5px;
    list-style: none;
  }
  body.small #sidebar > ul ul li a {
    white-space: nowrap;
    padding: 10px 25px;
  }
  body.small #sidebar > ul ul:before {
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    content: "";
    display: inline-block;
    left: -6px;
    position: absolute;
    top: 11px;
  }
  body.small #sidebar > ul ul:after {
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    content: "";
    display: inline-block;
    left: -5px;
    position: absolute;
    top: 12px;
    }
  body.small #sidebar > a {
    display: none !important;
  }
  body.small #sidebar > ul > li.open.submenu > a {
    border-bottom: none !important;
  }
  body.small #content {
    margin-left: 43px;
  }
  body.small #sidebar ul li:hover ul {
    display:block !important;
    left:43px;
  }


body #sidebar ul li a.collapse_link { display:block; height:12px; text-indent:0px; width:auto; position:absolute; left: 13px; top:15px; cursor:pointer; opacity:.5; padding:0 0 0 1px !important; line-height:12px; font-size:10px; color:#CCC; }
  body #sidebar ul li a.collapse_link i { background:none; font-size:14px; text-indent:0; }
  body #sidebar ul li a.collapse_link:hover { color:#ccc; opacity:.8; background:none;}
  body.small a.collapse_link { display:none !important; opacity:1; padding:0 !important; }

  body #sidebar ul li a.collapse_link.second { display:none !important; width:12px; }
    body.small #sidebar ul li a.collapse_link.second { display:block !important; padding:0 !important; left:13px; }
    body.small #sidebar ul li a.collapse_link.second i { text-indent:0; }

#sidebar ul li.norm { border:0 !important; }


body #sidebar ul ul.order_sub { display:block; }
  body.small #sidebar ul.order_sub { display:none; }



body #content table.table tbody tr.ticket-group.success td { background-color: #DFF0D8 !important; }



div#high_seat_number { line-height:28px; }



div.ticket-holds table tr.ticket-hold td { background-color: #F2DEDE !important; }


div.work_pane.row-fluid .taken-tickets-list .group_list table tr.selected td { background-color: #D9EDF7 !important; }
  div.work_pane.row-fluid .taken-tickets-list table.hover tr td { cursor: pointer; }
  div.work_pane.row-fluid .taken-tickets-list table.hover tr:hover td { background-color:#FCF8E3; }

#sidebar > ul > li.active > a { color: #f1f1f1; }
#sidebar > ul > li > a { color: #e1e1e1; }
#sidebar > ul ul li a { color: #d9d9d9; }


.col .tabbable.well h5 { margin:10px 0 4px 0; line-height:16px; font-size:15px; }
  .col .tabbable.well h3 { border-bottom: 1px solid #ccc; padding:0 0 8px 0; font-size: 21px; }
  .col .tabbable.well > div { border-bottom:1px solid #ccc; padding:0 0 5px 0; margin:0 0 5px 0; }



.child-order h3.title_2 { margin:0; }

.child-order h3 span.small { color: #666; font-size: 18px;}


table .header-fixed {
  position: fixed;
  top: 40px;
  z-index: 900; /* 10 less than .navbar-fixed to prevent any overlap */
  border-bottom: 1px solid #d5d5d5;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
     -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
          box-shadow: inset 0 1px 0 #fff, 0 1px 5px rgba(0,0,0,.1);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /* IE6-9 */
}

body .extend_top table .header-fixed { top: 283px !important; }


a.new_po_client img { margin: -7px 0 0 7px; }

body #header h1 { height:38px; }


#user-nav .btn-group ul.dropdown-menu li a { font-size: 12px; }

li#queued_orders { list-style: none; }

ul.dropdown-menu li.pending a { background-color: #d9edf7; }
ul.dropdown-menu li.in_process a { background-color: #fcf8e3; }
ul.dropdown-menu li.completed a { background-color: #dff0d8; }
ul.dropdown-menu li.errored a { background-color: #f2dede; }

body .group.orders table tr.strong { font-weight: bold; font-size:120%; color:#111; }

body .modal-backdrop { background-color:#fff !important; }

#queued_pos_loading { height: 18px; }

.summary.completed { position: absolute; z-index: 100; color: #fff; bottom: 0; right: 330px; text-align: right; }

#q_orders { position:absolute; top:0px; left:536px; }
.ping { padding-left:18px; line-height:14px; cursor:pointer; }
  .ping_on { background: url('/images/ico_broadcast_on.png') 0 0 no-repeat; }
  .ping_off { background: url('/images/ico_broadcast.png') 0 0 no-repeat; }


.style_off { font-style:italic; cursor:normal; }


tr#summaryRow {
  background-color: #ECECEC;
  font-weight:bold;
}

#cart-form-footer {
  padding: 19px 20px 20px;
  margin-top: 20px;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
  *zoom: 1;

}

#cart-summary {
  padding:20px;
}