h1 {
	font-weight: 500;
}

h2 {
	margin-top: 40px;
}

a {
	cursor: pointer;
}

h2 > md-icon {
	margin-bottom: 5px;
}

@media print
{    
    .no-print, .no-print *, md-sidenav {
        display: none !important;
    }
	
	.title-panel h1 td {
		color: black;
	}
	
	.title-panel button {
		display: none;
	}
}

/* Remove number spinners in Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove number spinners in Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.link-new-tab::after {
    content: '';
    display: inline-block;
    margin-left: 5px;
    width: 14px;
    height: 14px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 -960 960 960" width="24px" fill="%2000000"><path d="M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h280v80H200v560h560v-280h80v280q0 33-23.5 56.5T760-120H200Zm188-212-56-56 372-372H560v-80h280v280h-80v-144L388-332Z"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
}

.md-input-container-box label {
	text-align: left;
	padding: 0 0 2px 10px !important;
}

.md-input-container-box input, .md-input-container-box md-select {
	padding-left: 8px;
	border-radius: 4px;
	border: 1px solid #aaa;
	background-color: white;
	transition: background-color 250ms;
}

.md-input-container-box md-select md-select-value {
	border-bottom: 0;
}

.md-input-container-box input:disabled {
	background-color: #f0f0f0;
	border-bottom: 1px solid gray;
	background-image: none;
}

.md-input-container-box input:focus {
	background-color: #f8fbff;
	border: 1px solid #aaa;
}

/******************************************/
md-input-container textarea {
	resize: vertical !important;
}

md-input-container {
	margin: 10px;
}

md-input-container label {
	text-align: left;
	padding: 0 0 2px 10px !important;
	margin: 0 !important;
}

md-input-container input, md-input-container textarea, md-input-container md-select, md-date-range .md-select-value {
	padding-left: 8px;
	border-radius: 4px !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #aaa !important;
	background-color: white !important;
	transition: background-color 250ms;
}

md-input-container md-select md-select-value {
	border-bottom: none !important;
	padding-bottom: 2px !important;
}

md-input-container md-select:active {
	border: 1px solid rgb(75,131,217) !important;
}

md-input-container input:disabled {
	border: 1px dashed gray !important;
	background-color: #f0f0f0 !important;
}

md-input-container md-select:disabled {
	background-color: gray !important;
}

md-input-container input:focus, md-input-container textarea:focus {
	background-color: #f8fbff;
	border: 1px solid #aaa;
}

/* Override common CSS styles */
md-input-container .md-input {
	padding: 8px !important;
}

.md-datepicker-triangle-button.md-button.md-icon-button {
	margin-right: 14px !important;
}
/******************************************/

.table-responsive {
	display: table;
}

.table-responsive > div {
	display: table-row;
}

.table-responsive > div > div {
	display: table-cell;
	padding-right: 30px;
}

@media only screen and (max-width: 700px) {
	.table-responsive, .table-responsive > div, .table-responsive > div > div {
		display: block;
	}
}

.card-gray-round {
	box-shadow: 3px 3px 6px #c0c0c0;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	padding: 20px;
}

.card-gray-round-white-bg-inset {
    background-color: white;
    box-shadow: 2px 2px 4px rgba(192, 192, 192, 0.8) inset; /* Larger, softer, and more transparent */
    border-radius: 5px;
    border: 1px solid #e6e6e6;
    padding: 20px;
}


.fieldset-gray-round {
	box-shadow: 3px 3px 6px #c0c0c0;
	border-radius: 5px;
	border: 1px solid #e6e6e6;
	padding: 20px;
}

.fieldset-gray-round legend {
	color: #555555;
}

.md-button-span-padding {
	padding: 0 !important;
}

.md-button-span-padding span {
	padding: 0 6px;
}

.md-button-span-padding span md-icon {
	margin-bottom: 2px;
}

.copy-clipboard {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	cursor: pointer;
	padding: 3px 5px;
	border-radius: 3px;
	user-select: none;
	transition: background-color 200ms;
}

.copy-clipboard:hover {
	background-color: rgba(0, 0, 0, 0.03);
}

.copy-clipboard:active {
	background-color: rgba(0, 0, 0, 0.1);
}

.card-table {
	border-collapse: collapse;
	width: 100%;
}

.card-table tbody {
}

.card-table th, .card-table td {
	padding: 5px 10px;
}

.card-table th {
	padding-bottom: 20px;
	text-align: left;
}

.card-table .card-table-tbody tr:first-of-type td {
	background-color: #f5f5f5;
}

.card-table .card-table-tbody tr:first-of-type td {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}

.card-table .card-table-tbody tr:first-of-type td:first-of-type {
	border-left: 1px solid #eaeaea;
}

.card-table .card-table-tbody tr:first-of-type td:last-of-type {
	border-right: 1px solid #eaeaea;
}

.card-table.card-table-lightblue .card-table-tbody tr:first-of-type td {
	background-color: #f0f2f8;
}

.card-table.card-table-lightblue .card-table-tbody tr:first-of-type td {
	border-top: 1px solid #e6e9f3;
	border-bottom: 1px solid #e6e9f3;
}

.card-table.card-table-lightblue .card-table-tbody tr:first-of-type td:first-of-type {
	border-left: 1px solid #e6e9f3;
}

.card-table.card-table-lightblue .card-table-tbody tr:first-of-type td:last-of-type {
	border-right: 1px solid #e6e9f3;
}

.table-data-list {
	width: 100%;
	border-collapse: collapse;
}

.table-data-list th {
	text-align: left;
}

.table-data-list td {
	text-align: right;
}

.table-data-list th, .table-data-list th {
	padding: 8px 0;
}

.table-data-list .table-data-list-load-wrap {
	float: right;
	margin-right: 15px;
}

.table-data-list .table-data-list-load-wrap a {
	cursor: pointer;
}

.day-index-label {
	opacity: 0.4;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
}

.big-btn-section {
	border: 1px solid #e1e1e1;
	border-top: 0;
	padding: 0 5% 40px 5%;
	background-color: white;
}

.big-btn-section h3:first-of-type {
	margin-top: 15px;
}

.big-btn-section {
	border: 1px solid #e1e1e1;
	border-top: 0;
	padding: 0 5% 40px 5%;
	background-color: white;
}

.big-btn-section h3:first-of-type {
	margin-top: 15px;
}

.char-left {
	font-size: 12px;
	color: #e60909;
	float: right;
}

.tr-border-top th, .tr-border-top td {
	border-top: 1px solid black;
}

.md-button-small {
	font-size: 12px !important;
	line-height: 12px !important;
	min-height: 0 !important;
	padding: 10px !important;
}

.hover-light {
	transition: background-color 500ms;
}

.hover-light:hover {
	background-color: rgba(0, 0, 0, 0.05);
}

.note {
	outline: none;
	border-bottom: 1px #a2a2a2 dashed;
	background-color: rgb(215, 215, 100, 0.5);
}

.note > div {
	padding: 4px 0;
}

.note > div:first-of-type {
	padding-top: 0;
}

.note > div:last-of-type {
	padding-bottom: 0;
}

.note:last-of-type {
	border-bottom: none;
}

.note-own {
	cursor: pointer;
	transition: all 150ms;
}

.note-own:hover {
	background-color: rgba(0,0,0,0.1);
}

.table-full-collapsed {
	width: 100%;
	border-collapse: collapse;
}

.table-full-collapsed td {
	padding: 0;
}

.pax-square span {
width: 10px;
height: 10px;
display: inline-block;	
background-color: gray;
border: 1px solid black;
transition: opacity 150ms;
margin-right: 1px;
cursor: pointer;
}

.pax-img-hl span {
opacity: .4;
}

.pax-square-empty span {
	background-color: #f3fef3;
	border: 1px solid #b0e3b1;
	cursor: default;
}

.pax-square-N span {
	background-color: #aea21f;
	border: 1px solid #908610;
}

.pax-square-U span {
	background-color: #d93939;
	border: 1px solid #ba2222;
}

.pax-square-D span {
	background-color: #4a98e3;
	border: 1px solid #1963ac;
}

.pax-square-P span {
	background-color: #35aa37;
	border: 1px solid #2c7f2f;
}

.text-status-N {
	color: #aba216;
}

.text-status-D {
	color: #195bc1;
}

.text-status-U {
	color: red;
}

.text-status-P {
	color: #09470f;
}

@media only screen and (max-width: 600px) {
	.pax-square span {
		width: 5px;
		margin-right: 0;
	}
}

.warning-to-do-group-pax.pax-square-N span {
	animation: blink-warning-pax-img-N 0.5s infinite;
}

@keyframes blink-warning-pax-img-N {
    0% { background-color: transparent; }
    50% { background-color: #aea21f; }
    100% { background-color: transparent; }
}

.warning-to-do-group-pax.pax-square-U span {
	animation: blink-warning-pax-img-U 0.5s infinite;
}

@keyframes blink-warning-pax-img-U {
    0% { background-color: transparent; }
    50% { background-color: #d93939; }
    100% { background-color: transparent; }
}


.warning-to-do-group-pax.pax-square-D span {
	animation: blink-warning-pax-img-D 0.5s infinite;
}

@keyframes blink-warning-pax-img-D {
    0% { background-color: transparent; }
    50% { background-color: #4a98e3; }
    100% { background-color: transparent; }
}

.warning-to-do-group-pax.pax-square-P span {
	animation: blink-warning-pax-img-P 0.5s infinite;
}

@keyframes blink-warning-pax-img-P {
    0% { background-color: transparent; }
    50% { background-color: #35aa37; }
    100% { background-color: transparent; }
}

/* START Agent bookings */
.pax-square-U.pax-agent-booking span {
	background: repeating-linear-gradient(
	  135deg,
	  #d93939,
	  #d93939 2px,
	  #921c1c 2px,
	  #921c1c 4px
	);
}

.warning-to-do-group-pax.pax-square-U.pax-agent-booking span {
	animation: blink-warning-pax-img-agent-U 0.5s infinite;
}

@keyframes blink-warning-pax-img-agent-U {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}

.pax-square-D.pax-agent-booking span {
	background: repeating-linear-gradient(
	  135deg,
	  #4a98e3,
	  #4a98e3 2px,
	  #1c558c 2px,
	  #1c558c 4px
	);
}

.warning-to-do-group-pax.pax-square-D.pax-agent-booking span {
	animation: blink-warning-pax-img-agent-D 0.5s infinite;
}

@keyframes blink-warning-pax-img-agent-D {
    0% { opacity: 0; }
    50% { opacity: 1; }
    100% { opacity: 0; }
}
/* END Agent bookings */

.animate-warp-scale span {
	animation: warp-scale 0.5s infinite;
}

.warning-to-do-group-pax.pax-square-N.animate-warp-scale span {
	animation: warp-scale 0.5s infinite, blink-warning-pax-img-N 1s infinite;
}

.warning-to-do-group-pax.pax-square-U.animate-warp-scale span {
	animation: warp-scale 0.5s infinite, blink-warning-pax-img-U 1s infinite;
}

.warning-to-do-group-pax.pax-square-D.animate-warp-scale span {
	animation: warp-scale 0.5s infinite, blink-warning-pax-img-D 1s infinite;
}

.warning-to-do-group-pax.pax-square-P.animate-warp-scale span {
	animation: warp-scale 0.5s infinite, blink-warning-pax-img-P 1s infinite;
}

@keyframes warp-scale {
    0% { }
    50% { transform: scale(0); }
    100% { transform: scale(1); }
}

.activity-status-N {
	border: 4px solid #aba216 !important;
}

.activity-status-U {
	border: 4px solid red !important;
}

.activity-status-D {
	border: 4px solid #195bc1 !important;
}

.activity-left-border-group {
	border-left: 8px solid #349d2a;
}

.activity-left-border-private {
	border-left: 8px solid #1c61ee;
}

.activity-left-border-custom {
	border-left: 8px solid #bb86e0;
}

.activity-left-border-lodgingToSell {
	border-left: 8px solid #e29d43;
}

.activity-left-border-shoreExcursion {
	border-left: 8px solid #68c7cf;
}

.components-panel {
	font-size: 12px;
	line-height: 16px;
	float: right;
	text-align: right;
	border-collapse: collapse;
}

.components-panel th {
	padding-left: 15px;
}

.md-icon-button-small {
	padding: 4px;
	min-height: 0;
	min-width: 0;
	height: 30px;
	width: 30px;
	margin-bottom: 4px;
}

.md-icon-15 {
	font-size: 15px;
	line-height: 15px;
	width: 15px;
	height: 15px;
	min-height: 15px;
	min-width: 15px;
}

.activity-hl {
	background-color: rgba(0,0,0,0.1);
}

.warningToDo {
	background-color: #f8bfbf;	
}

.warningToDo.activity-hl {
	background-color: #e9a1a1 !important;
}

.dayWrap {
	border-top: 1px solid #a2a2a2;
}

.dateWrap {
	padding: 15px 1.5% 15px 3%;
	width: 50px;
}

@media only screen and (max-width: 959px) {
	.dateWrap {
		text-align: center;
		width: 100% !important;
		background-color: #000;
		color: #e1e1e1;
		margin-top: 50px;
		border-top: 1px solid #ababab;
	}
}

.dayContentWrap {
}

.activity-type-wrap:last-of-type .activityWrap {
	border-bottom: none;
}

.activityWrap {
	border-bottom: 1px dashed rgba(162, 162, 162, 0.2);
	line-height: 24px;
	transition: all 150ms;
}

.activityWrap:last-of-type {
}

.dayContentWrap > div:last-of-type .activityWrap {
	border-bottom: none;
}

.activityPadding, .activityPaddingNoBottom, .activityPaddingNoTop {
	padding: 20px 3% 20px 1.5%;
}

.activityPaddingNoBottom {
	padding-bottom: 0 !important;
}

.activityPaddingNoTop {
	padding-top: 0 !important;
}

.group-padding {
	padding: 8px 3% 8px 1.5%;
}

.comp-wrap md-input-container {
	margin-bottom: 0;
	height: 40px;
}

.card-wrap {
	margin: 20px 0;
	display: block;
}

.card-content {
	padding: 20px 5%;
	border: 1px solid #e1e1e1;
	background-color: #fcfcfc;
}

.card-warning {
	background-color: #fbecec;
	border: 1px solid #f8dada;
	color: #993838; border-top: none;
	padding: 10px 5%;
}

.table-wide {
	width: 100%;
	border-collapse: collapse;
}

.table-wide td {
	padding: 10px;
}

.table-wide-separator {
	width: 100%;
	border-collapse: collapse;
}

.table-wide-separator > tbody > tr > td {
	border-bottom: 1px solid lightgray;
}

.table-wide-separator > tbody > tr > th, .table-wide-separator > tbody > tr > td {
	padding: 10px 3%;
}

.table-hor-fd {
	width: 100%;
	border-collapse: collapse;
}

.table-hor-fd th, .table-hor-fd td {
	padding: 5px 15px;
}

.table-hor-fd th {
	text-align: left;
	padding-bottom: 20px;
}

.table-min {
	border-collapse: collapse;
}

.table-min th, .table-min td {
	padding: 0;
}

.tag-list {
	padding: 0;
}

.tag-list li {
	padding: 2px 15px;
	margin: 4px 8px 4px 0;
	display: inline-block;
	background-color: white;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
}

.radio-group-responsive-padding md-radio-button {
	padding-top: 7px;
	padding-bottom: 7px;
}
	
.gallery-list {
	padding: 0;
	margin: 0;
}

.gallery-list li {
	width: 50%;
	display: inline-block;
	padding: 0 1% 20px 1%;
	box-sizing: border-box;
	vertical-align: top;
}

.gallery-list li img {
	max-width: 100%;
}

.gallery-list li textarea {
	width: 100%;
	box-sizing: border-box;
	resize: none;
	height: 80px;
	padding: 6px;
	font-size: 14px;
}

.limitButtons {
	padding: 0;
}

.limitButtons li {
	margin: 0 5px;
	display: inline-block;
}

.input-icon-color, .md-datepicker-input-icon-color md-icon {
	color: rgba(0,0,0,0.87);
}

.header-icon {
	color: rgba(0,0,0,0.87);
	margin-right: 20px;
}

.text-color-item-accommodation-to-sell {
	color: #cf811c;
}

.text-color-item-private {
	color: #1c61ee;
}

.text-color-item-group {
	color: #349d2a;
}

.text-color-item-custom {
	color: #9f4dd9;
}

.text-color-item-shorex {
	color: #35abc0;
}

.text-color-item-rental {
	color: #8c8e01;
}

.weekend {
	background-color: #fff7f7;
}

.table-basic-vert {
	border-collapse: collapse;
}

.table-basic-vert th, .table-basic-vert td {
	padding: 10px 20px;
}

.table-basic-vert th {
	padding-left: 0 !important;
	text-align: left;
}

.table-hor-simple {
	border-collapse: collapse;
}

.table-hor-simple td, .table-hor-simple th {
	padding: 6px 10px;
}

.table-hor-simple th {
	text-align: left;
	padding-right: 40px;
}

.sticky-corner-button {
	position: fixed;
	right: 0;
	bottom: 0;
	background-color: #4b83d9;
	z-index: 10000;
}

.sticky-corner-button md-icon {
	cursor: pointer;
	padding: 5px;
	color: white;
	transition: .25s color;
}

.sticky-corner-button md-icon:hover {
	color: #d9e4f5;
}

.card-expandable-wrap {
	border: 1px solid #e1e1e1;
	background-color: #fcfcfc;
	margin-bottom: 30px;
}

.card-expandable-btn-wrap {
	transition: background-color 250ms;
	outline: none;
	user-select: none;
}

.card-expandable-btn-wrap-closed {
	cursor: pointer;
}

.card-expandable-btn-wrap-closed:hover {
	background-color: rgba(0, 0, 0, 0.03);
}

.card-expandable-btn-wrap-closed:active {
	background-color: rgba(0, 0, 0, 0.08);
}

.card-expandable-btn-content {
	padding: 20px 4%;
}

.card-expandable-btn-info {
	padding: 10px 4%;
	background-color: rgba(0, 0, 0, 0.03);
	font-size: 13px;
	color: #737373;
}

.card-expandable-content {
	padding: 20px 4%;
}

.card-expandable-btn-wrap .payment-option-icons img {
	filter: grayscale(100%);
	transition: filter 250ms;
	transition: opacity 250ms;
	opacity: .2;
}

.card-expandable-btn-wrap-closed:hover .payment-option-icons img {
	filter: grayscale(20%);
	opacity: .5;
}

.card-expandable-btn-wrap-closed:active .payment-option-icons img {
	filter: grayscale(40%);
	opacity: .6;
}

.led-box p {
  font-size: 12px;
  text-align: center;
  margin: 1em;
}

.led-red {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #F00;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 12px;
  /*
  -webkit-animation: blinkRed 0.5s infinite;
  -moz-animation: blinkRed 0.5s infinite;
  -ms-animation: blinkRed 0.5s infinite;
  -o-animation: blinkRed 0.5s infinite;
  animation: blinkRed 0.5s infinite;
  */
}

@-webkit-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-moz-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-ms-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@-o-keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}
@keyframes blinkRed {
    from { background-color: #F00; }
    50% { background-color: #A00; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #441313 0 -1px 9px, rgba(255, 0, 0, 0.5) 0 2px 0;}
    to { background-color: #F00; }
}

.led-yellow {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #FF0;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 12px;
  -webkit-animation: blinkYellow 1s infinite;
  -moz-animation: blinkYellow 1s infinite;
  -ms-animation: blinkYellow 1s infinite;
  -o-animation: blinkYellow 1s infinite;
  animation: blinkYellow 1s infinite;
}

@-webkit-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-moz-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-ms-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@-o-keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}
@keyframes blinkYellow {
    from { background-color: #FF0; }
    50% { background-color: #AA0; box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #808002 0 -1px 9px, #FF0 0 2px 0; }
    to { background-color: #FF0; }
}

.led-green {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #27de23;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #304701 0 -1px 9px, #89FF00 0 2px 12px;
}

.led-blue {
  margin: 0 auto;
  width: 24px;
  height: 24px;
  background-color: #24E0FF;
  border-radius: 50%;
  box-shadow: rgba(0, 0, 0, 0.2) 0 -1px 7px 1px, inset #006 0 -1px 9px, #3F8CFF 0 2px 14px;
}

.table-pax-list {
}

.table-pax-list td {
	padding: 0;
}

.table-pax-list tbody tr:first-of-type td {
	padding: 5px 8px;
}

.table-pax-list-pax-row {
	cursor: pointer;
	transition: all linear 0.2s;
}

.table-item-list, .table-pax-list {
	border-collapse: collapse;
	width: 100%;
	user-select: none;
}

.table-item-list tbody:first-of-type {
	cursor: default;
}

.table-item-list tbody:first-of-type:hover {
	background-color: transparent;
}

.table-item-list tr {
	transition: all linear 0.2s;
}

.table-item-list th {
	text-align: left;
}

.table-item-list th, .table-item-list td > div > div {
	padding-top: 10px;
	padding-bottom: 10px;
}

.table-item-list td div:last-of-type div {
}

.table-item-list th, .table-item-list td {
	padding: 0 20px;
}

.table-item-list td {
	cursor: pointer;
}

.table-item-list tr:first-of-type th:first-of-type, .table-item-list tr:first-of-type  td:first-of-type {
	padding-left: 40px;
}

.table-item-list tr:first-of-type th:last-of-type, .table-item-list tr:first-of-type td:last-of-type {
	padding-right: 40px;
}

.table-item-list td:first-of-type div div img {
	width: 60px;
}

.table-item-list tbody {
	transition: background-color .25s;
}

.table-item-list tbody:hover, .table-pax-list-pax-row:hover {
	background-color: rgba(0, 0, 0, 0.12);
}

.table-item-list tbody tr:last-of-type td {
	padding: 0;
}

.list-padding li {
	padding: 5px 0;
}

md-content a:not(.link-no-hover), .md-dialog-content a:not(.link-no-hover) {
  position: relative;
  color: #19731c;
  text-decoration: none;
}

md-content a:not(.link-no-hover):before, .md-dialog-content a:not(.link-no-hover):before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -2px;
  left: 0;
  background-color: #075d0a;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.15s ease-in-out 0s;
  transition: all 0.15s ease-in-out 0s;
}

md-content a.link-white:not(.link-no-hover), .md-dialog-content a.link-white:not(.link-no-hover) {
	color: white;
}

md-content a.link-white:not(.link-no-hover):before, .md-dialog-content a.link-white:not(.link-no-hover):before {
  background-color: #fff;
}

md-content a:not(.link-no-hover):hover:before, .md-dialog-content a:not(.link-no-hover):hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

h3 {
	margin-top: 40px;
}

[ng-cloak].splash {
    display: block !important;
}

.splash {
    display: none;
    text-align: center;
	padding: 100px;
	background-color: white;
}

.title-panel {
	background-color: #4b83d9;
	color: white;
	padding-top: 20px;
	padding-bottom: 20px;
}

.title-panel md-icon {
	color: white;
}

.title-panel h1 {
	margin: 0;
	font-size: 24px;
}

.title-panel, .content-padding {
	padding-left: 5%;
	padding-right: 5%;
}

.content-padding {
	padding-top: 40px;
	padding-bottom: 40px;
}

.help-icon {
	color: #4b83d9 !important;
	cursor: pointer;
	transition: color 0.2s;
	outline: 0;
}

.help-icon:hover {
	color: #326eca !important;
}

.help-icon.text-red:hover {
	color: #b50000 !important;
}

.help-icon-white {
	color: white;
}

.help-icon-white:hover {
	color: #e5eaf1;
}

.area-highlight-title {
	padding: 15px 5%;
	background-color: #4b83d9;
	color: #fff;
}

.area-highlight-title md-icon {
	color: #fff;
}

.area-highlight-title h2 {
	margin: 0;
}

.area-highlight-title h3 {
	margin: 0;
}

.area-highlight-content {
	background-color: #e7eef9;
	border: 1px solid #d3ddf1;
	padding: 30px 5%;
	margin-bottom: 30px;
}

.warning .area-highlight-title {
	background-color: #cf2222;
}

.warning .area-highlight-content {
	background-color: #fbecec;
	border: 1px solid #f8dada;
	color: #993838;
}

.danger .area-highlight-title {
	background-color: #bfc100;
}

.danger .area-highlight-content {
	background-color: #e6e7b8;
	border: 1px solid #d0d28b;
	color: #4c4d05;
}

.animate-spinning {
	animation: dash 1.5s ease-in-out infinite;
	animation-name:             flip; 
    animation-duration:         1s; 
    animation-iteration-count:  infinite;
    animation-timing-function: linear;
}

@keyframes flip {
	0% { transform: scaleX(1); }
	50% { transform: scaleX(-1); }
	100% { transform: scaleX(1); }
}

.blinkTwiceBlue {
    animation: blink-twice-blue 0.5s;
    animation-iteration-count: 2;
}

@keyframes blink-twice-blue {
    0% { background-color: transparent; }
    50% { background-color: #4b83d9; }
    100% { background-color: transparent; }
}

.language-menu img {
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3);
}

.nav-logo {
height: 20px;
margin-left: 16px;
}

.btn-icon-img {
	vertical-align: middle;
	margin-right: 8px;
}

.md-button:disabled .btn-icon-img {
	filter: grayscale(100%);
}

.nav-company-name {
padding-left: 15px;
white-space: nowrap;
font-weight: bold;
}

.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

.md-autocomplete-drop-fix md-input-container {
	margin-bottom: 18px;
}

.save-msg {
	height: 20px;
	font-size: 10px;
	margin-top: 2px;
}

.save-msg a {
	color: red;
	cursor: pointer;
	text-decoration: none;
}

.green-blink {
  animation: blinker 1s linear infinite;
  color: #148f0e;
}

@keyframes blinker {
  50% {
    color: #40c739;
  }
}

.save-msg-fade span.ng-hide {
  opacity: 0;
}

.save-msg-fade .green-blink.ng-hide-remove {
  transition: all linear 0.25s;
}

.save-msg-fade .text-green.ng-hide-add {
  transition: all linear 0.25s;
}

.grayscale {
	filter: grayscale(100%);
}

div.content > section > md-content > div.content-padding > h2:first-of-type {
    margin-top: 0;
}

/* Menu */

.sidenav-logo-table {
	width: 100%;
	padding: 20px 0 5px 0;
}

.sidenav-logo-table td {
	text-align: center;
	padding: 0 10px;
}

.menu-toggle-list {
	margin: 0;
	padding: 0;
	z-index: 50;
}

.menu-toggle-list a {
	margin: 0;
	padding: 5px 10px;
	text-align: left;
	width: 100%;
	text-transform: none;
	color: #162e5f;
}

.menu-toggle-list a.md-button:hover {
	background-color: #e4ecf9;
}

.menu-toggle-list a.s {
	background-color: #4b83d9;
	color: white;
}

.menu-toggle-list a.s md-icon {
	color: white;
}

.menu-toggle-list a.s:hover {
	background-color: #2a5fb1 !important;
}

.menu-toggle-list ul li a {
	padding-left: 40px;
}

.menu-toggle-list ul ul li a {
	padding-left: 60px;
}

.menu-toggle-list ul ul ul li a {
	padding-left: 80px;
}

.menu-toggle-list ul {
	padding: 0;
	z-index: 100;
	overflow: hidden;
}

.menu-toggle-list a img {
	width: 24px;
	height: 24px;
}

.menu-toggle-list md-icon {
	color: #4b83d9;
	width: 24px;
}

.menu-toggle-list .open .sub-arrow {
	transform: rotate(90deg);
}

.menu-toggle-list .btn-icon-img {
	margin-right: 24px;
}

.sub-arrow {
	transition: all linear 0.2s;
}

.menu-btn-mobile {
color: #1846a3;
cursor: pointer;
}

.slide-toggle {
  overflow: hidden;
  transition: all 0.25s; 
}

.tbody-no-pad th, .tbody-no-pad td {
	padding: 0 !important;
}

.dropMenuButtonBlueDetail {
	width: 100%;
}

.dropMenuButtonBlueDetail tr td:last-of-type{
	padding-left: 20px;
	text-align: right;
}

/* GENERAL CLASSES */
.loading {
	position: relative;
	overflow: hidden;
	background: linear-gradient(90deg, transparent, #b7c7e2, transparent);
	background-size: 200% 100%;
	animation: pulse-flow 1.0s infinite;
}

@keyframes pulse-flow {
	0% {
		background-position: 100% 0;
	}
	50% {
		background-position: 0% 0;
	}
	100% {
		background-position: -100% 0;
	}
}

.link-green {
	color: green;
}

.new-tab-img {
margin-left: 7px;	
}

.nowrap {
white-space: nowrap;	
}

.cursor-pointer {
cursor: pointer;	
}

.cursor-default {
	cursor: default !important;
}

.transition02s {
transition: all 0.2s;
}

.flip-y {
	-webkit-transform: scaleY(-1);
	transform: scaleY(-1);
}

.area-gray {
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-left: none;
	border-right: none;
	background-color: #fafafa;
}

.area-gray-border-left {
	border-left: 1px solid rgba(0, 0, 0, 0.12);
}

.area-gray-border-right {
	border-right: 1px solid rgba(0, 0, 0, 0.12);
}

.padding-0 {
padding: 0;	
}

.padding-24 {
padding: 24px;	
}

.margin-top-20 {
margin-top: 20px;	
}

.margin-top-0 {
	margin-top: 0;
}

.margin-bottom-0 {
	margin-bottom: 0;
}

.float-right {
float: right;	
}

.indent-bar {
	border-left: 3px solid rgb(9, 20, 76);
	padding-left: 20px;
}

.alert {
	padding: 10px 30px;
	margin: 5px 0;
	border-radius: 5px;
	line-height: 24px;
}

.alert-small {
	padding: 5px 15px;
	margin: 3px 0;
	border-radius: 5px;
	line-height: 13px;
	font-size: 13px;
}

span.alert-small {
	display: inline-block;
}

.alert-medium {
	padding: 8px 12px;
	margin: 3px 0;
	border-radius: 5px;
	line-height: 16px;
	font-size: 14px;
}

span.alert-medium {
	display: inline-block;
}

.alert-info {
	background-color: #eff1fc;
	border: 1px solid #dadff8;
	color: #09144c;
}

.alert-warning {
	background-color: #fbecec;
	border: 1px solid #f8dada;
	color: #993838;
}

.alert-warning-strong {
	background-color: #e90e0e;
	color: #fff;
}

.alert-warning .alert-warning {
	background-color: #f9e6e6;
	border: 1px solid #f7cece;
	color: #993838;
}

.alert-success {
	background-color: #dcf3de;
	border: 1px solid #c3e5c6;
	color: #09470f;
}

.alert-danger {
	background-color: #f3f3dc;
	border: 1px solid #e4e4be;
	color: #5e5d11;
}

.booking-status-bg-P {
	background-color: #89c68a;
}

.booking-status-bg-D {
	background-color: #bfc5e9;
}

.booking-status-bg-U {
	background-color: #f6bbbb;
}

.booking-status-bg-N {
	background-color: #c9c359;
}

.booking-status-bg-C {
	background-color: #ababab;
}

.no-hover:hover {
	background-color: none !important;
}

.text-uc {
	text-transform: uppercase;
}

.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

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

.text-uppercase {
	text-transform: uppercase;
}

.text-green {
	color: green !important;
}

.text-red {
	color: red !important;
}

.text-dark-yellow {
	color: #929400 !important;
}

.text-dark-blue {
	color: #214bd4 !important;
}

.text-gray {
	color: #8e8e8e !important;
}

.text-small {
	font-size: 12px;
	line-height: 14px;
}

.text-big {
	font-size: 16px;
	line-height: 12px;
}

.text-bigger {
	font-size: 22px;
	line-height: 16px;
}

.text-bold {
	font-weight: bold;
}

.text-strike {
	text-decoration: line-through;
}

.fade-in-out {
	-webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.fade-in-out.ng-hide {
	opacity: 0;
}

.autocomplete-result-two-lines {
	line-height: 2;
}

.card-panel-wrap {
    margin-bottom: 30px;
}

.card-panel-wrap-blue {
    border: 1px solid #d9dfeb;
	border-radius: 10px;
}

.card-panel-content-border-top {
    border-top: 1px solid #d9dfeb;
}

.card-panel-wrap-blue, .card-panel-wrap-blue md-icon {
    color: #0c1c3c;
}

.card-panel-wrap-blue .card-panel-header {
    background-color: #e8ecf6;
}

.card-panel-wrap-blue .card-panel-content {
    background-color: #f3f5f9;
}

.card-panel-wrap-blue .card-panel-content-highlight {
    background-color: #f8f9fa;
}

.card-panel-wrap-green {
    border: 1px solid #daedda;
}

.card-panel-wrap-green, .card-panel-wrap-green md-icon {
    color: #0c3c0c;
}

.card-panel-wrap-green .card-panel-header {
    background-color: #e9f7e9;
}

.card-panel-wrap-green .card-panel-content {
    background-color: #f4faf4;
}

.card-panel-wrap-orange {
    border: 1px solid #ebe5d9;
}

.card-panel-wrap-orange, .card-panel-wrap-orange md-icon {
    color: #3c2b0c;
}

.card-panel-wrap-orange .card-panel-header {
    background-color: #f6f1e8;
}

.card-panel-wrap-orange .card-panel-content {
    background-color: #f9f7f3;
}

.card-panel-wrap-red {
    border: 1px solid #ebd9d9;
}

.card-panel-wrap-red, .card-panel-wrap-red md-icon {
    color: #3c0c0c;
}

.card-panel-wrap-red .card-panel-header {
    background-color: #f6e8e8;
}

.card-panel-wrap-red .card-panel-content {
    background-color: #f9f3f3;
}

.card-panel-wrap-gray {
    border: 1px solid #ebebeb;
}

.card-panel-wrap-gray, .card-panel-wrap-gray md-icon {
    color: #3c3c3c;
}

.card-panel-wrap-gray .card-panel-header {
    background-color: #ececec;
}

.card-panel-wrap-gray .card-panel-content {
    background-color: #f9f9f9;
}

.card-panel-header {
    font-size: 1.2em;
	border-radius: 10px 10px 0 0;
}

.card-panel-header, .card-panel-content, .card-panel-content-highlight {
    padding: 15px 30px;
}

.card-panel-content, .card-panel-content-highlight {
    padding-top: 20px;
    padding-bottom: 20px;
}

.card-panel-content {
	border-radius: 0 0 10px 10px;
}

.card-panel-wrap h2 {
    font-size: 18px;
}

.card-panel-content h2:first-of-type {
    margin-top: 0;
}

.data-table-vert th {
	text-align: left;
}

.data-table-vert th, .data-table-vert td {
	padding: 8px 25px 8px 0;
}

.data-table-vert-inset {
	border-collapse: collapse;
	border-left: 5px solid #ddd;
}

.data-table-vert-inset th {
	text-align: left;
}

.data-table-vert-inset th, .data-table-vert-inset td {
	padding: 5px 15px;
}

.table-vert-min {
	border-collapse: collapse;
}

.table-vert-min th, .table-vert-min td {
	padding: 5px 20px;
}

.table-vert-min th {
	padding-left: 0 !important;
	text-align: left;
	font-weight: normal;
} 

.table-vert {
	border-collapse: collapse;
	width: 100%;
}

.table-vert tr {
	transition: all linear 0.2s;
}

.table-vert th {
	text-align: left;
}

.table-vert th, .table-vert td {
	padding: 10px;
}

.table-vert th:first-of-type, .table-vert td:first-of-type {
	padding-left: 3%;
}

.table-vert th:last-of-type, .table-vert td:last-of-type {
	padding-right: 3%;
}

.table-hover tbody:hover {
	background-color: #ebf0f6;
}

.table-no-pad {
	border-collapse: collapse;
}

.table-no-pad td {
	padding: 0;
}

.table-pointer td {
	cursor: pointer;
	user-select: none;
}

table tr.table-green {
	background-color: #e6f5e7;
	color: #08350c;
}

.table-hover tr.table-green:hover {
	background-color: #d5eed7;
}

table tr.table-red {
	background-color: #f7efef;
	color: #350808;
}

.table-hover tr.table-red:hover {
	background-color: #f2e7e7;
}

.data-table-hor th {
	text-align: left;
	padding-right: 40px;
}

.data-table-hor hr {
	margin: 20px 0;
}

.data-table-hor-padded {
	border-collapse: collapse;
}

.data-table-hor-padded > tbody > tr > th {
	text-align: left;
}

.data-table-hor-padded > tbody > tr th, .data-table-hor-padded > tbody > tr > td {
	padding: 10px 40px 10px 0;
}

.tr-pad-bottom td div div, .tr-pad-bottom th div div {
	padding-bottom: 20px;
}

.table-area-list {
	width: 100%;
	border-collapse: collapse;
}

.table-area-list td, .table-area-list th {
	padding: 0;
}

.table-area-list th div div, .table-area-list td > div > div {
	padding: 10px 15px;
}

.table-area-list tbody.tbody-no-pad-wrap th div div, .table-area-list tbody.tbody-no-pad-wrap td div div {
	padding-top: 0;
	padding-bottom: 0;
}

.table-area-list tbody.tbody-no-pad-wrap tr:first-of-type td div div {
	padding-top: 10px;
}

.table-area-list tbody.tbody-no-pad-wrap tr:last-of-type td div div {
	padding-bottom: 10px;
}

.table-area-list th {
	background-color: #c5d4eb;
	text-align: left;
}
.table-area-list th md-icon {
	margin-right: 15px;
}

.table-area-list th + th, .table-area-list td + td {
	text-align: right;
}

.table-area-list td {
	background-color: #d7e3f5;
}

.table-area-list:not(:last-of-type) {
	margin-bottom: 30px;
}

.nowrap {
	white-space: nowrap;
}

.upload-drag-and-drop {
border: 1px solid #cad9ef;
background-color: #edf2fa;
margin: 20px 0;
border-radius: 5px;
cursor: pointer;
text-align: center;
}

.upload-drag-and-drop:hover {
border: 1px solid #b9cfef;
background-color: #e2ebf9;
}

.upload-drag-and-drop-content {
padding: 20px 3%;
}

.upload-drag-and-drop-table {
padding: 20px 3%;
}

.upload-drag-and-drop.dragover {
border: 1px solid #1c509d;
background-color: #99bdf5;
}

.upload-drag-and-drop.dragover div {
color: #01214f;
}

.upload-drag-and-drop > div, .upload-drag-and-drop > table {
font-weight: bold;
color: #12448d;
vertical-align: middle;
}

.upload-drag-and-drop:hover div {
color: #063477;
}

.image-upload-drag-and-drop {
	transition: filter 0.2s;
}

.img-hover-text-container {
	position: relative;
	display: inline-block;
	transition: filter 0.2s linear;
}

.img-hover-text-container .hover-text {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: rgba(33, 91, 187, 0.5);
	opacity: 0;
	transition: opacity 0.2s linear;
}

.img-hover-text-container img {
	transition: filter 0.2s linear;
}

.img-hover-text-container.dragover img {
	filter: grayscale(100%);
}

.hover-text > div {
	display: table;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

.hover-text div div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	color: white;
}

.img-hover-text-container img {
	vertical-align: top; /* fixes white space due to baseline alignment */
}

.img-hover-text-container:hover .hover-text {
	opacity: 1;
}

.hover-click-area {
cursor: pointer;
transition: background-color 0.4s;
user-select: none;
}

.hover-click-area tr:first-of-type td {
padding: 4px 0;
}

.hover-click-area .md-mode-indeterminate {

}

.hover-click-area:hover {
background-color: rgba(0, 0, 0, 0.12);
}

.newGroupsTable {
	width: 100%;
	border-collapse: collapse;
}

.newGroupsTable th {
	color: white;
	background: #86aae0;
	text-align: left;
}

.newGroupsTable td {
	background: #e5eefc;
}

.newGroupsTable td, .newGroupsTable th {
	padding: 0;
}

.newGroupsTable th div.slide-toggle div, .newGroupsTable td div.slide-toggle div {
	padding: 10px 5%;
}

.newGroupsTable md-autocomplete md-input-container {
	margin: 0;
	padding: 0;
	height: 50px;
}

.inputBgSuccess input {
	background-color: #ceeec8 !important;
}

.bgSuccess {
	background-color: #ceeec8 !important;
}

.inputBgFail input {
	background-color: #f7e1e1 !important;
}

.bgFail {
	background-color: #f7e1e1 !important;
}

.bgFailTr > td {
	background-color: #f7e1e1 !important;
}

.datepickerBgFail .md-datepicker-input-container {
	background-color: #f7e1e1 !important;
}

.md-input-container-datepicker-bg-fail input {
	background-color: #f7e1e1 !important;
}

.table-inner-cell-space td {
	padding: 0 2%;
}

.table-inner-cell-space td:first-of-type {
	padding-left: 0;
}

.table-inner-cell-space td:last-of-type {
	padding-right: 0;
}

.imgHoverPointer {
transition: opacity 250ms;
}	

.imgHoverPointer:hover {
cursor: pointer;
opacity: 0.5;
}

.menu-header {
	background-color: #4b83d9;
	color: white;
	margin: 0;
	padding: 16px;
}

.layout-row-margin-no-outside-space > .flex {
	margin-left: 1.5%;
	margin-right: 1.5%;
}

.layout-row-margin-3perc-no-outside-space > .flex {
	margin-left: 3%;
	margin-right: 3%;
}

.layout-row-margin-no-outside-space > .flex:first-of-type, .layout-row-margin-3perc-no-outside-space > .flex:first-of-type {
	margin-left: 0;
}

.layout-row-margin-no-outside-space > .flex:last-of-type, .layout-row-margin-3perc-no-outside-space > .flex:last-of-type {
	margin-right: 0;
}

@media only screen and (max-width: 599px) {
	.layout-remove-hor-margins-xs > .flex {
		margin-left: 0;
		margin-right: 0;
	}
}

@media only screen and (max-width: 959px) {
	.layout-remove-hor-margins-sm > .flex {
		margin-left: 0;
		margin-right: 0;
	}
}

.login-wrap {
	margin: 40px auto;
	max-width: 500px;
}

.login-content {
	padding: 40px;
	background-color: white;
	border: 1px solid #eeeeee;
	border-bottom: none;
}

.login-footer {
	border: 1px solid #e6e6e6;
	background-color: #f1f1f1;
	padding: 10px 40px;
}

@media only screen and (max-width: 599px) {
	.login-wrap {
		margin: 0;
		max-width: 100%;
		width: 100%;
	}
}

/* MD class adjustments */
body {
	height: auto !important;
}

.md-tooltip {
    word-wrap: break-word !important;
    height: auto !important;
    white-space: normal;
	padding: 10px;
	font-size: 14px !important;
}

md-menu-content {
	padding: 0 !important;	
}

md-sidenav {
	background-color: #f4f8ff;	
}

.md-button {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.md-button:hover {
	background-color: rgba(0, 0, 0, 0.12) !important;
}

.md-button.md-warn.md-raised {
	background-color: #ea2727;
}

.md-button.md-raised:hover {
	background-color: #e3e3e3 !important;
}

button:disabled.md-button.md-raised {
	background-color: #cccccc !important;
}

button:disabled.md-button.md-raised:hover {
	background-color: #cccccc !important;
}

button:disabled.md-button.md-warn.md-raised {
	background-color: #c49292 !important;
}

button:disabled.md-button.md-primary.md-raised:hover {
	background-color: #929fc4 !important;
}

.md-button.md-warn.md-raised:hover {
	background-color: #d91414 !important;
}

.md-button.md-primary.md-raised:hover {
	background-color: #3a74cd !important;
}

md-sidenav .md-button {
	white-space: normal;
}

.md-dialog-content {
	line-height: 22px !important;
}

md-checkbox.md-checked .md-icon {
    background: #4b83d9;
}

md-checkbox.md-checked .md-ink-ripple {
    color: #4b83d9;
}

.md-button.md-highlight {
	color: #ff3030 !important;
}

md-tabs {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

md-tabs md-ink-bar {
    color: #4b83d9;
    background-color: #4b83d9;
}

md-tab-item:hover {
	background-color: #e7edf7;
}

md-prev-button md-icon, md-next-button md-icon {
	color: black !important;
	transition: color 0.5s;
}

md-prev-button:not(.md-disabled):hover, md-next-button:not(.md-disabled):hover {
	background-color: #8cb0e7;
}

md-prev-button:not(.md-disabled):hover md-icon, md-next-button:not(.md-disabled):hover md-icon {
	color: white !important;
}

md-switch md-progress-linear .md-container {
	height: 5px;
	width: 100%;
	margin-right: 0;
}

.button-big-fw {
	width: 100%;
	color: white;
	background-color: blue;
	font-size: 30px !important;
	padding: 0 !important;
}

.button-big-fw span {
	padding: 30px 5%;
	display: block;
}

.payment-method-wrap {
	cursor: pointer;
	outline: none;
}

.payment-method-wrap > div {
	border: 1px solid transparent;
}

.selected-gateway-wrap {
	cursor: default;
}

.selected-gateway-wrap > div {
	border-color: lightgray;
}

.payment-method-wrap > div:first-of-type {
}

.payment-method-wrap > div > div:first-of-type {
	padding: 10px;
}

.payment-method-wrap > div > div:first-of-type > div {
	padding: 10px;
}

.payment-method-wrap > div > div:first-of-type > div:first-of-type {
	padding-bottom: 0;
	user-select: none;
}

.payment-method-wrap > div > div:first-of-type > div:last-of-type {
	padding-top: 0;
}

.payment-method-wrap > div > div:first-of-type {
	transition: background-color 250ms;
}

.payment-method-wrap:hover > div > div:first-of-type {
	background-color: #ececec;
}

.selected-gateway-wrap > div > div:first-of-type {
	background-color: transparent !important;
}

.full-width {
	width: 100%;
}

/* MD class additions */
md-radio-button md-icon {
	margin-right: 10px;
}

.input-text-progress-bar-after, .md-input-container-progress-bar-after {
	padding: 0;
	margin-bottom: 0;
	margin-top: 30px;
	width: 100%;
}

.md-input-container-progress-bar-after:after {
	display: none;
}

.input-text-progress-bar-after .md-errors-spacer, .autocomplete-progress-bar .md-errors-spacer, .md-input-container-progress-bar-after .md-errors-spacer {
	display: none;
}

.fieldset-soft {
	border: 1px solid #c5c5c5;
	border-radius: 5px;
}

.autocomplete-progress-bar md-input-container {
	padding-left: 0;
	padding-right: 0;
}

.md-dialog-width-mid {
	max-width: 500px;
}

.md-dialog-width-large {
	max-width: 650px;
}

.md-toolbar-red {
	background-color: #ed2626 !important;
}

.table-list {
	width: 100%;
	border-collapse: collapse;
}

.table-list tbody {
	transition: all 0.4s;
}

.table-list tbody:hover {
	background-color: rgba(0, 0, 0, 0.12);
}

.table-list td {
	padding: 0;
}

.table-list tr:first-of-type td:first-of-type {
	padding-left: 24px;
}

.table-list tr:first-of-type td:last-of-type {
	padding-right: 24px;
	text-align: right;
}

.table-list .table-list-img-td {
	width: 40px;
}

.table-list-img-td img {
	width: 40px;
	height: 40px;
}

.table-list-content {
}

.table-list-content > div {
	padding: 20px;
}

.remove-icon-button md-icon {
	color: #f20e0e;
	transition: all 0.4s;
}

.remove-icon-button:hover {
	background-color: rgba(255, 0, 0, 0.12) !important;
}

.remove-icon-button:hover md-icon {
	color: #c70000;
}

button:disabled.remove-icon-button:hover {
	background-color: #afafaf !important;
}

.remove-icon-button .md-ink-ripple {
	color: #f20e0e;
}