/******************* Fonts *************************/
@font-face {
    font-family: 'OpenSans-Bold';
    src: url('fonts/OpenSans-Bold-webfont.eot');
    src: url('fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
    font-weight: bolder;
    text-decoration: underline;
    font-style: italic;
}

/******************* Custom table style ************/
body{
    font-family: OpenSans !important;
}

table.jtable{
    font-family: OpenSans !important;
    font-size: 16px !important;
}

table.jtable th{
    font-family: OpenSans !important;
    font-size: 14px !important;
    font-weight: normal !important;
}

table.jtable .jtable-data-row > td {
	word-break: break-word;
}

.deleted-row td:not(.menu_details){
	opacity:0.3;
	filter:alpha(opacity=30);
}

/****************** Input boxes *****************/
select, .chosen-container a,.chosen-with-drop a, .chosen-container-single a, .chosen-container-active a,.chosen-container-multi a,.chosen-container,.chosen-with-drop, .chosen-container-single, .chosen-container-active,.chosen-container-multi, .chosen-drop,textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    background-color: #fafafa !important;
    border-color: #9f9f9f !important;
    font-family: OpenSans !important;
    color: 393939 !important;
}

.chosen-with-drop a{
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
    -moz-border-radius-bottomright: 0px !important;
    -moz-border-radius-bottomleft: 0px !important;
}
.chosen-with-drop .chosen-drop{
    border-top-right-radius: 0px !important;
    border-top-left-radius: 0px !important;
    -moz-border-radius-topright: 0px !important;
    -moz-border-radius-topleft: 0px !important;
}


/******************* tables ***************/
.table-hover tbody tr.jtable-data-row:hover td, .table-hover tbody tr.jtable-data-row:hover th {
	background-color: #fcf8e3;
}

table.jtable th.jtable-column-header div.jtable-column-header-container {
	height: auto !important;
    min-height: 20px;
}

#price_table table.jtable td {
    font-size: 14px;
}

/******************* ticket types ***************/

td.ticket-pairing {
    background: url("../../../images/indicator_pair.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    margin: 0;
    padding: 0 !important;
}
.jtable-light-gray td.ticket-pairing {
    background-image: url("../../../images/indicator_pair_gray.png");
}
td.ticket-pairing-first {
    background-position: left 0 top 22px;
}
td.ticket-pairing-last {
    background-position: left 0 bottom 23px;
}
td.ticket-pairing-middle {
    background-position: left center;
}
.ticket-pair-short td.ticket-pairing-first {
    background-position: left 0 top 14px;
}
.ticket-pair-short td.ticket-pairing-last {
    background-position: left 0 bottom 14px;
}
.ticket-pair-short td.ticket-pairing-middle {
    background-position: left center;
}
.ticket-platform {
    background-repeat: no-repeat;
    background-position: center;
    height: 32px;
    width: 100%;
}
.ticket-platform_web {
    background-image: url("../../../images/backendv2/platforms/platform_web_32.png");
}
.ticket-platform_mobile {
    background-image: url("../../../images/backendv2/platforms/platform_app_32.png");
}
.ticket-platform_terminal {
    background-image: url("../../../images/backendv2/platforms/platform_pos_32.png");
}
.ticket-payment_type_free {
    background-image: url("../../../images/backendv2/payment_types/payment_type_free_32.png");
}
.ticket-payment_type_invoice {
    background-image: url("../../../images/backendv2/payment_types/payment_type_invoice_32.png");
}
.ticket-payment_type_nullsale {
    background-image: url("../../../images/backendv2/payment_types/payment_type_nullsale_32.png");
}

.ticket-type {
    background-image: url("../../../images/backendv2/products/product_single_ticket_32.png");
    background-repeat: no-repeat;
    background-position: center;
	display: inline-block;
    height: 32px;
    width: 100%;
}
.jtable-light-gray .ticket-type {
    background-image: url("../../../images/backendv2/products/product_single_ticket_32.png");
}
.ticket-type-single_ticket {
    background-image: url("../../../images/backendv2/products/product_single_ticket_32.png");
}
.ticket-type-period_ticket_30_day {
    background-image: url("../../../images/backendv2/products/product_period_ticket_32.png");
}
.ticket-type-transfer_ticket {
    background-image: url("../../../images/backendv2/products/product_transfer_ticket_32.png");
}
.ticket-type-value_card {
    background-image: url("../../../images/backendv2/products/product_punch_card_ticket_32.png");
}
.ticket-type-roundtrip {
    background-image: url("../../../images/backendv2/products/product_single_ticket_32.png");
}
.ticket-type-service {
    background-image: url("../../../images/backendv2/products/product_freight_32.png");
}
.ticket-type-merchandise {
    background-image: url("../../../images/backendv2/products/product_merchandise_32.png");
}
.ticket-type-null_sale {
    background-image: url("../../../images/backendv2/products/product_nullsale_32.png");
}
.ticket-type-csc_period {
    background-image: url("../../../images/backendv2/products/product_period_card_32.png");
}
.ticket-type-csc_journey {
    background-image: url("../../../images/backendv2/products/product_punch_card_32.png");
}


.ticket_refunded {
	background: url("../../../images/money-refund.png") center 0 / 20px auto no-repeat;
}
/*********     end: ticket types      ****************/

/*********     ajax loading indicator  ***************/

body.loading {
    overflow: hidden;
}

body.loading .ajaxloader {
    display: block;
}
.ajaxloader {
    background: rgba(255, 255, 255, 0.4);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

/**** To make font awesome work for JQuery Context Menu ****/
.context-menu-icon--fa::before {
	font-family: FontAwesome !important;
}
.context-menu-icon--fa span {
	font-family: sans-serif !important;
}

/******     end: ajax loading indicator  *************/

/******     custom styles *******/

a.classic {
	text-decoration: underline;
	text-decoration-style: dotted;
}

.error {
	color: red;
}

input.required, textarea.required, select.required, .chosen-container.required, ul.required, .hasDatepicker.required {
	background-image:url(../../../images/backendv2/required_star.gif) !important;
	background-position:right 3px top 8px !important;
	background-repeat:no-repeat !important;
}

select.required {
	background-position: right 20px top 8px !important;
}

.chosen-container.required {
	background-position: right 20px top 9px !important;
}

.hasDatepicker.required {
	/*background-position:right 24px top 8px !important;*/ /* change position if it has calendar icon */
}

#ui-datepicker-div.hidecal .ui-datepicker-calendar {
	display: none;
}

.ui-datepicker div.ui-datepicker-buttonpane button.ui-datepicker-current {
	font-weight: bold;
	opacity: 1;
	filter:Alpha(Opacity=100);
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    background-color: #FEF1EC;
    border: 1px solid #CD0A0A !important;
    color: #CD0A0A !important;
	margin: inherit;
}

form.jtable-dialog-form div.jtable-input-field-container {
	border-bottom: 0 none;
	clear: both;
	width: 450px;
}

form.jtable-dialog-form div.jtable-input-label {
	float: left;
	width: 200px;
	font-weight: normal;
}

form.jtable-dialog-form div.jtable-input {
	float: left;
}

form.jtable-dialog-form div.jtable-dropdown-input select {
	width: 208px;
}

a.link {
	color: #337ab7;
}

form.jeditable-form input{
	display:block;
}

.tooltip_btn {
	background: none;
	border: none;
}
/******     end: custom styles *******/

.print_display {
	visibility: hidden;
}

@media print {
	.print_display {
		visibility: visible;
	}
}