.highlight {
	background-color: rgba(255, 255, 0, 0.56) !important;
}
.toolbar-button {
	position: absolute;
	right: 0px;
	top: 0px;
	height: 100%;
	padding: 4px;
}
.toolbar-button.next {
	position: absolute;
	right: 0px;
	bottom: 0px;
	top: auto;
	height: inherit;
}
.change-stop-name {
	display: none;
}
.angular-google-map-container {
    height: 100%;
    width: 100%;
    position: absolute;
}
.map-card {
}
.map-container {
	margin-top: 40px;
	height: 70vh;
	position: relative;
	/*margin-top: 43px;*/
}
.map-box {
	position: absolute;
	z-index: 1;
	min-width: 35%;
	left: 0;
	max-height: calc(100% - 15px);
	overflow: hidden;
	overflow-y: auto;
}

.map-box h2 {
	padding: 15px 0px 10px 0px;
}

.map-box p {
	padding: 2px 0px;
}

.map-box p .fa {
	cursor: pointer;
	float: right;
	font-size: 18px;
	margin-left: 10px;
	margin-top: 10px;
}

.map-box p md-input-container {
	width: 80%;
	height: 30px;
	margin: 0px;
}

.map-box p md-input-container .md-input {
	height: 35px;
}

.map-box p md-input-container .md-errors-spacer {
	display: none;
}

.map-box .md-button {
	/*width: 50%;*/
	margin-right: 15px !important;
}

.map-box #searchBoxParent {
	width: 100%;
}

#searchbox {
	color: inherit !important;
}

.channel, .userType, .agencyType {
	width: 100px;
	height: 120px;
	display: inline-block;
	margin: 5px;
	border-radius: 4px;
	padding: 16px;
	cursor: pointer;
	background-color: #c2c2c2;
	color: #fff;
	vertical-align: middle;
}

.channel img, .userType img, .agencyType img {
	width: 70%;
    margin: 0 auto;
}

.channel.active.openmove-app, .agencyType.active.transportService {
	background-color: #00c6dc;
}

.channel.active.openmove-collector, .userType.active.collector {
	background-color: #ffab40;
}

.channel.active.atlas, .agencyType.active.drt {
	background-color: #ff6c8f;
}

.channel.active.ecommerce, .agencyType.active.parking {
	background-color: #61c300;
}

.userType.active.admin {
	background-color: #339933;
}

.userType.active.final_user {
	background-color: #00c6dc;
}

.channel.active.openmove-act-web {
	background-color: #249a44;
}

.channel.active.nucleus-api {
	background-color: #333;
}

.channel.active.whatsapp, .agencyType.active.maas {
	background-color: #ff80ab;
}

.channel.active.flixbus {
	background-color: #a2e53f;
}

.tickets_css{
	/* background-color: #f2f2f2; */
}

.tickets_css h1,h2,h3,h4,h5,h6,a,p,span,b{
	font-weight: 400;
}

.tickets_css md-dialog{
  height: 564px !important;
}

.tickets_css .dialog{
  width:1000px !important;
  min-width:1000px !important;
  max-width:1000px !important;
  /*height:900px !important;
  min-height:900px !important;
  max-height:900px !important;*/
}

.tickets_css .button_modal{
  bottom: 0px;
}

.tickets_css .demo{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 200px;
}

.tickets_css .centertext{
	text-align: center !important;
}
/**************************** TOOLBAR *****************************/
.tickets_css md-toolbar {
  color: #fff !important;
  background-color: #ca064d !important;
  z-index: 5;
}

.tickets_css md-sidenav{
	position: absolute !important;
}

.tickets_css md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button:not(.md-raised), md-toolbar:not(.md-menu-toolbar) .md-button:not(.md-raised){
	color: #fff !important;
}

.tickets_css img.logo{
    width: 50px;
    margin: 10px;
}

.tickets_css .title_page{
    position: absolute;
    margin-left: -35px;
    left: 50%;
}/* CSS declarations go here */

/*

BUTTONS BAR

*/

.tickets_css .buttons{
	height: 42px;
	padding: 3px 0px;
	margin-left: 0;
	width: 100%;
	position: fixed;
	z-index: 2;
	background-color: #fff;
	/*margin-left: 200px;*/
	background-color: #ff6c8f;
	margin-top: -42px;
}

.tickets_css .buttons .md-button.md-warn.md-raised, .tickets_css .buttons .view_tickets button{
	box-shadow: inset 0 -44px 0 #803F86;
}

.tickets_css .buttons .md-button.md-warn.md-raised:hover, .tickets_css .buttons .md-button.md-warn.md-raised:active, .tickets_css .buttons .view_tickets button:hover, .tickets_css .buttons .view_tickets button:active{
	background-color: #ca064d !important;
}

.tickets_css .buttons button{
	height: 30px;
	margin: 0px !important;
}

.tickets_css .buttons .editbuttons{
	background-color: #333333 !important;
	color: #fff !important;
	box-shadow: none !important;
}

.viewunselected{
	box-shadow: inset 0 -44px 0 #ff6c8f !important;
	border: 1px solid #803F86;
}

.viewselected{
	box-shadow: inset 0 -44px 0 #803F86 !important;
}


.view_tickets{
    padding: 10px 0px;
    margin: 0px 1px;
	top: -9px !important;
  	right: 200px;
	position: absolute;
}

.tickets_css .buttons button{
	width: 38px !important;
	height: 38px !important;
}

.tickets_css .buttons i{
	/*margin: -6px !important;
	position: absolute;*/
}

.tickets_css .buttons .actionbuttons{
	position: relative;
	right: 0;
	margin-top: -2px;
    padding-left: 0;
}

.tickets_css .secondToolbar .disabled, .tickets_css .secondToolbar .disabled:hover{
	pointer-events: none;
	background-color: #a2a2a2 !important;
	box-shadow: none !important;
}

.tickets_css .buttons .publishbuttons{
	margin-top: -4px !important;
}

.tickets_css .buttons .publishbuttons2{
	margin-right: 20px !important;
}

/**************************** TABS *****************************/
/* .tickets_css md-tabs{
  position: absolute;
  width: 100%;
  height: 100%;
  bottom: 0;
} */

/* .tickets_css md-tabs-canvas{
  background-color: #fff !important;
  width: 100% !important;
} */

/* .tickets_css md-tabs-content-wrapper{
  height: 540px !important;
} */

/* .tickets_css md-pagination-wrapper{
  width: 100% !important;
} */

/* .tickets_css .md-tab-content{
} */

.tickets_css md-tabs.md-default-theme .md-tab.md-active,
md-tabs .md-tab.md-active,
md-tabs.md-default-theme .md-tab.md-active md-icon,
md-tabs .md-tab.md-active md-icon,
md-tabs.md-default-theme .md-tab.md-focused,
md-tabs .md-tab.md-focused,
md-tabs.md-default-theme .md-tab.md-focused md-icon,
md-tabs .md-tab.md-focused md-icon {
	color: #fff !important;
	background-color: #ff6c8f !important;
}
md-tabs .md-tab.md-active span {
	font-weight: bold;
}
.mandatory {
	color: #000;
	font-weight: bold;
}

/* .tab_tickets .md-tab , .tab_tickets md-tabs .md-tab {
  color: #fff !important;
  background-color: #ff6c8f !important;
  width: 25% !important;
} */

/* .tickets_css md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar{
  color: transparent;
  background-color: transparent;
} */

.publish_button{
	float:right;
	width: 20%;
	text-align:
	center;
	/*margin-right:
	calc((100% - 1336px)/2);*/
}

.tickets_css{
	/*max-width: 1336px;*/
	max-height: 90%;
	/*height: 100vh;*/
	/*background-color: #dfeaea;*/
	/*margin-left: calc((100% - 1336px)/2);*/
}


/**************************** MODAL *****************************/

.tickets_css .modal_content_div_left{
  width: 40%;
  height: 490px;
  background-color: #363636;
  float: left;
	border-right: 1px solid #fff;
}

.tickets_css .modal_content_div_right{
  height: 90%;
  background-color: #363636;
  color: #fff;
  padding: 10px;
}

.tickets_css .modal_content_div_right p{
    /*margin-left: 40%;*/
    /*padding-left: 10px;*/
    text-align: left;
}

.modal_content_div_left .singleTicket .front, .modal_content_div_left .singleTicket .back{
	position: relative !important;
}

.modal_content_div_left .furnax-popup{
	position: absolute !important;
}

.tickets_css .modal_close{
	position: absolute;
	right: 20px;
	top: 10px;
	margin: -5px !important;
	padding: 0;
	width: 38px !important;
	height: 38px !important;
    background-color: rgb(79, 170, 191) !important;
	box-shadow: rgb(49, 140, 161) 0px -44px 0px inset;
	line-height: 39px !important;
}

.tickets_css .modal_close:hover{
	background-color: rgb(79, 170, 191) !important;
	box-shadow: rgb(49, 140, 161) 0px -44px 0px inset;
}

.tickets_css .check_modal{
  position: absolute;
  right: 0;
  margin-top: 20px;
}

.tickets_css .icon_next{
	position: absolute !important;
	left: 95% !important;
	bottom: 30px !important;
	color: #fff;
	background-color: rgb(79, 170, 191) !important;
	box-shadow: rgb(49, 140, 161) 0px -44px 0px inset;
}

.tickets_css .next_icon{
	font-size: 30px;
	top: 5px;
	left: 15px;
	position: absolute;
}

.tickets_css .save_icon{
	font-size: 25px;
	top: 8px;
	left: 10px;
	position: absolute;
}

i.actions_table{
	cursor: pointer;
}

md-input-container.md-block.input_ticket.input_tickets {
    padding: 5px !important;
    margin-top: 20px;
}

/* TABLE */
.checkTable{
	position: relative;;
	margin: auto;
 	top: 0; left: 0; bottom: 0; right: 0;
}

.tickets_table td, .tickets_table th{
	width: 8%;
}

.trstriped{
	background-color: #f2f2f2;
}

.tickets_css .table td{
	padding: 5px;
}

.tickets_css .table td .td1{
	padding: 15px;
}


.list_ticket table{
	margin: 0 !important;
}
tr.withborder{
	border-bottom: 1px solid #cccccc;
	border-top: 0px solid #cccccc;
	padding-left: 15px;
}
.list_ticket .ticket{
	width: 35%;
	padding: 5px;
}
.ticket .singleTicket .front{
	height: 120px !important;
	/*max-width: 361px !important;*/
}
.list_ticket .publish{
	width: 20%;
	border-left: 1px solid #333333;
	text-align: center;
	padding: 20px;
}
.list_ticket md-switch{
	margin-left: 40%;
}
.list_ticket .action{
	/* width: 10%;
	text-align: right;
	padding-right: 8px !important; */
	padding-right: 10px;
	display: flex;
	align-items: center;
}
.list_ticket .action button{
	z-index: 0;
}
.list_ticket .data{
	text-align: left;
	padding: 5px;
	padding-left: 30px !important;
}
.list_ticket .md-fab, .list_ticket .md-button.md-fab{
	margin: 2px !important;
	font-size: 20px;
	padding-left: 8px;
	padding-top: 0px !important;
	width: 40px;
	height: 40px;
  line-height: 42px;
}
.list_ticket .selected{
	background-color: #ff6c8f !important;
}

.list_ticket td, .list_ticket th{
	text-align: left !important;
	padding: 5px !important;
}

.list_ticket .md-button.md-fab{
	box-shadow: none !important;
}

/*

TICKETS in list_ticket

*/

.list_ticket .singleTicket{
	/* cursor: pointer; */
}

.list_ticket .singleTicket .back{
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);

	border-left: none !important;
}
.list_ticket .singleTicket .back .backStrip{
	margin-left: 5px;
}

.list_ticket .singleTicket .back .icons{
    margin-left: -5px;
}


#tickets_list md-checkbox{
	float: left;
	line-height: 160px;
	margin-left: 5px;
    margin-bottom: 0;
}

#tickets_list .singleTicket{
	/*margin-left: 30px !important;*/
}

#tickets_table md-checkbox{
	line-height: 25px;
    margin-left: 5px;
		margin-top: 15px;
    /*position: absolute;*/
}

#tickets_table .typelogo{
	margin-top: 15px;
	/*margin-left: 40px !important;*/
}

.tickets_css .filtertable{
	padding: 10px;
	background-color: #fff;
	margin: 0;
	width: 80%;
	height: 45px;
	border-bottom: 1px solid #333333;
	margin-top: 3px;
	padding: 5px;
	width: 100%;
	margin-left: -4px;
}
.tickets_css .filtertable h4{
	line-height: 35px;
}

.tickets_css .filtertable md-input-container{
	margin-bottom: 5px;
	width: 70%;
	position: absolute;
	right: 200px;
	top: 40px;
}

.tickets_css .singleTicket{
	margin: 0px !important;
	font-family: 'PT Sans', sans-serif;
}

.tickets_css .singleTicket .front, .tickets_css .singleTicket .back{
	/* margin: 5px !important; */
}

.list_ticket_selected{
	/* background-color: #d2d2d2; */
	/*opacity: 0.6;
    filter: alpha(opacity=60);*/

}

#tickets_list .publishdiv{
	float: right;
	text-align: right;
    margin-top: 30px;
}

#tickets_table .publishdiv{
	text-align: left;
}

.tickets_css .publishdiv h3 .fa{
	display: initial;
}

.tickets_css .publishdiv h3 span{
	margin-left: 5px;
}

.tickets_css .publishdiv h3.published{
	color: green;
}

.tickets_css .publishdiv h3.unpublished{
	color: red;
}

.tickets_css .publishdiv h3.edited{
	color: #FDC824;
}

.publishdiv .label {
	float: left;
}

.arrow_up_tickets{
	position: absolute;
	left: -6px;
	width: 75px;
    animation: blink 1s;
    animation-iteration-count: infinite;
}

.being_published, .being_unpublished, .being_removed {
    animation: blink 1.5s;
    animation-iteration-count: infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.viewTypeButtons{
	margin: 0 !important;
	height: 38px;
	/*width: 150px;*/
	position: absolute;
	top: 0;
	right: 0;
}

.viewTypeButtons .md-button.md-fab{
	height: 38px;
	width: 38px;
	margin: 0 !important;
	margin-top: 2px !important;
}

.createTicketTab{
	/* padding: 10px; */
	/*margin-top: 44px;*/
	background-color: #f2f2f2;
	/* height: calc(100vh - 131px); */
}

.createTicketRow{
	/*width: 20%;
	margin: 5px;
	margin-left: 40%;*/
	position: absolute;
	margin-left: -162px;
	left: 50%;
	top: 44px;
	margin-top: -27px;
	padding-bottom: 5px;
	padding-left: 30px;
	padding-right: 30px;
	background-color: #ca064d;
	border-radius:         0 0 90px 90px;
	-moz-border-radius:    0 0 90px 90px;
	-webkit-border-radius: 0 0 90px 90px;
	z-index: 100;
}

.createTicketButton{
	/*width: 25%;*/
	padding: 10px;
	text-align: center;
	/*background-color: #fff;*/
	cursor: pointer;
	font-size: 20px;
	/*border: 1px solid #ca064d;*/
	border-radius: 50%;
	text-align: center;
	/*color: #ca064d;*/
	background-color: #ca064d;
	color: #fff;
	border: 1px solid #fff;
	height:54px;
	width:54px;
}

.createTicketButton i{
	font-size: 24px;
	margin: 4px;
	/*margin-right: 10px*/
}

.createTicketLine{
	line-height: 54px;
	color: #ca064d;
}

.createTicketButton:hover,.createTicketButton.active{
	/*background-color: #ca064d;
	color: #fff;
	border: 1px solid #fff;*/
	background-color: #fff;
	color: #ca064d;
	border: 1px solid #ca064d;
}

.content_ticket{
	/*margin-top: 87px;*/
	overflow-y: auto;
	/* max-height: calc(100vh - 44px); */
}

.content_ticket .pillsNavigation li {
	background: #ff6c8f;
}

.summary h3{
	margin-top: 10px;
}

.createTicketTab .savebutton{
	margin-top: 20px;
	position: absolute;
	left: 50%;
	margin-left: -44px;
}



/**
 * NUOVA GRAFICA
 */

.singleTicket {
	border-radius: 0px !important;
}

.singleTicket .ticketButton {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.singleTicket .ticketAction {
    background-color: rgb(186, 112, 150);
    width: 40px;
    max-width: 200px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.singleTicket .ticketButton .serviceMulti_1{
    font-size: 30px;
}

.singleTicket .ticketButton .serviceMulti_2 i{
    font-size: 30px;
}
.singleTicket .ticketButton .serviceMulti_3 i{
    font-size: 30px;
}

.singleTicket .actions{
    bottom: 0px;
    left: 0px;
    height: 40px;
    border-top: 1px solid #d3dddd;
    position: absolute;
    width: 100%;
    background-color: #fff;
    font-size: 16px;
}

.singleTicket .actions div.action {
    float: left;
    height: 40px;
    cursor: pointer;
    color: #666d6d;
}
.singleTicket .actions div.action.right {
    float: right;
	display: flex;
	align-items: center;
	padding-right: 10px;
}

.singleTicket .type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 36px;
    color: #fff;
	text-align: center;
	margin: 0px;
	background: transparent;
	width: auto;
	box-shadow: none;
}
.singleTicket .ticketStrip {
    background: #fff;
    width: 25%;
    /* max-width: 200px; */
    /* padding: 10px; */
    text-align: center;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0px 1px 0px 0px #D3DDDD;
}

.singleTicket .ticketData, .singleTicket .ticketStrip{
	border: none;
}

.singleTicket .name{
	color: #666d6d;
}

.singleTicket .origin-dest-block .origin-dest-circles {
    position: relative;
    top: -1px;
}

.singleTicket .origin-dest-block i {
    color: #666d6d;
    display: block;
    margin-right: 3px;
    width: 14px;
    line-height: 20px;
    font-size: 14px;
}

.singleTicket .origin-dest-block i.link-o:after {
    content: " ";
    display: block;
    width: 2px;
    height: 12px;
    background: #666d6d;
    position: relative;
    left: 5px;
    margin-top: -6px;
    margin-bottom: -5px;
}

.ticketsServices .transport-generic:before {
	font-size: 24px !important;
}

#polymetric .polymetric-price-cont {
	width: 80px;
	height: 40px;
	border: 1px solid #ccc;
	display: inline-block;
	vertical-align: middle;
	padding: 0px 5px;
}

#polymetric md-input-container {
	margin: 0px;
	/* padding: 0px; */
}

#polymetric .polymetric-label {
	vertical-align: middle;
	display: inline-block;

	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	width: inherit;
}

#polymetric .md-errors-spacer {
	display: none;
}

#polymetric .mdi:before {
	font-size: inherit;
}

#polymetric md-card-content div.zone-cont:nth-child(2n+1) .polymetric-price-cont {
	background-color: #ca064d36;
}

#polymetric md-card-content div.zone-cont.zone-labels {
	width: 80px;
	height: 40px;
	overflow: hidden;
	flex-basis: 80px;
    flex-grow: 0;
    flex-shrink: 0;
}

#polymetric md-card-content div.zone-cont.zone-labels.top:first-of-type {
	margin-left: 150px;
}

#polymetric md-card-content div.zone-cont.zone-labels.left {
	width: 150px;
}

md-tooltip .md-content {
	height: auto !important;
}

.tickets_css #hourglass i {
	color: #888;
	opacity: 0;
	animation: hourglass 2.4s ease-in infinite,
	hourglass-spin 2.4s ease-out infinite;
}
.tickets_css #hourglass > i:nth-child(1) {
	animation-delay: 0s, 0s;
	color: #318ca1;
}
.tickets_css #hourglass > i:nth-child(2) {
	animation-delay: 0.6s, 0s;
	color: #318ca1;
}
.tickets_css #hourglass > i:nth-child(3) {
	animation-delay: 1.2s, 0s;
	color: #318ca1;
}
.tickets_css #hourglass > i:nth-child(4) {
	animation: hourglass-end 2.4s ease-in infinite,
	hourglass-spin 2.4s ease-out infinite;
	color: #318ca1;
}
.tickets_css #hourglass > i:nth-child(5) {
	opacity: 1;
	animation: hourglass-spin 2.4s ease-out infinite;
}
@keyframes hourglass {
	0% {
		opacity: 1;
	}
	24% {
		opacity: 0.9;
	}
	26% {
		opacity: 0;
	}
}
@keyframes hourglass-end {
	0% {
		opacity: 0;
	}
	70% {
		opacity: 0;
	}
	75% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes hourglass-spin {
	75% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(180deg);
	}
}

/* Custom Fields Styling */
.custom-fields-container {
	margin-top: 10px;
}

.custom-fields-count {
	font-size: 12px;
	color: #6c757d;
	font-weight: normal;
	margin-left: 8px;
}

.custom-field-item {
	margin-bottom: 15px;
	padding: 12px;
	background-color: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 6px;
	transition: all 0.2s ease;
}

.custom-field-item:hover {
	background-color: #f1f3f4;
	border-color: #d1d5db;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.custom-field-header {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	padding-bottom: 6px;
	border-bottom: 1px solid #dee2e6;
}

.custom-field-name {
	font-weight: 600;
	color: #495057;
	font-size: 14px;
	text-transform: capitalize;
}

.custom-field-type {
	margin-left: 8px;
	font-size: 11px;
	color: #6c757d;
	background-color: #e9ecef;
	padding: 2px 6px;
	border-radius: 3px;
	font-family: monospace;
}

.custom-field-value {
	margin-top: 6px;
}

.value-text {
	color: #212529;
	font-size: 13px;
	line-height: 1.4;
	word-break: break-word;
}

.json-display {
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 4px;
	padding: 10px;
	margin: 0;
	font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
	font-size: 12px;
	line-height: 1.4;
	color: #495057;
	white-space: pre-wrap;
	word-wrap: break-word;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: auto;
}

.json-display::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

.json-display::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 3px;
}

.json-display::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 3px;
}

.json-display::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}

/* Custom field validation styles */
.md-input-invalid {
	border-color: #f44336 !important;
}

.md-input-error {
	color: #f44336;
	font-size: 12px;
	margin-top: 4px;
}