/* when hiding the thing */
/* when hiding the thing */
.ng-hide-add         { 
  -webkit-animation:0.5s lightSpeedOut ease; 
  animation:0.5s lightSpeedOut ease; 
}

/* when showing the thing */
.ng-hide-remove      { 
  -webkit-animation:0.5s flipInX ease; 
  animation:0.5s flipInX ease; 
}

/* ANIMATIONS (FROM ANIMATE.CSS) */

/* flip in */
@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

/* light speed out */
@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

body {
  overflow: hidden;
  background-color: #EEEEEE;
}

md-whiteframe {
  background: #000000;
}

#content {
  padding: 24px;
}

fieldset.standard {
  border-style: solid;
  border-width: 1px;
}

.margin-input-container {
  margin: 8px 0px 8px 0px;
}

.padding-input-container {
  padding: 8px 0px 8px 0px;
}

.padding-top-bottom {
  padding: 8px 0px 8px 0px;
}

.padding-left-right {
  padding: 0px 8px 0px 8px;
}

.thin-padding-top {
  padding: 4px 0px 0px 0px;
}

.thin-margin-top {
  margin: -4px 0px 0px 0px;
}

.hint-alert {
  font-style: italic;
  color: #cc99ff;
  font-size: 70%;
}

.red-alert {
  font-style: italic;
  color: red;
  font-size: 70%;
}

.orange-alert {
  font-style: italic;
  color: darkorange;
  font-size: 70%;
}

/* rich text editor ------------- */
.ta-editor {
  min-height: 300px;
  height: auto;
  overflow: auto;
  font-family: inherit;
  font-size: 100%;
}

.search {
    flex: 1 1 auto;
    order: 2;
    outline: none;
    border: none;
    border-radius: 0;
    background: #fff;
    padding: 10px;
    font-size: 16px;
    transition: all 0.05s ease-in-out;
    -webkit-appearance: none;
}

.option-plain .md-select-value,
.option-plain:not([disabled]):focus .md-select-value {
    border-bottom-width: 0px;
    padding-bottom: 5px;
    border-bottom-style: solid;
    color: black;
    font-size: 15px;
    background-color: transparent;
}

.header-table-display {
    padding:3px 10px 3px 15px;
    margin-left:1px;
}

.hint {
	color:#9E9E9E;
	font-size: 0.8rem;
}

.grayed {
	color:#BDBDBD;
}

/* style for any status color ------------- */
edit {
	font-size: 0.8rem;
    background: #BDBDBD;
	color: black;
    padding: 2px 5px 2px 5px;
}

new {
	font-size: 0.8rem;
    background: #42A5F5;
	color: black;
    padding: 2px 5px 2px 5px;
}

delete {
	font-size: 0.8rem;
    background: #FF5722;
	color: black;
    padding: 2px 5px 2px 5px;
}

draft {
	font-size: 0.8rem;
    background: #BDBDBD;
	color: black;
    padding: 2px 5px 2px 5px;
}

publish {
	font-size: 0.8rem;
    background: #42A5F5;
	color: black;
    padding: 2px 5px 2px 5px;
}

online {
	font-size: 0.8rem;
    /*background: #EEEEEE;*/
    border-width: thin;
    border-style: solid;
    /*border-style: double;*/
	color: black;
    padding: 1px 2px 1px 2px;
}

offline {
	font-size: 0.8rem;
        /*font-weight: bold;*/
    /*background: #BDBDBD;*/
    border-width: thin;
    border-style: solid;
	color: black;
    padding: 1px 2px 1px 2px;
}

normal {
	font-size: 0.8rem;
    background: #42A5F5;
	color: #FFFFFF;
    padding: 2px 5px 2px 5px;
}

ready-stock {
	font-size: 0.8rem;
    background: #42A5F5;
	color: black;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

out-of-stock {
	font-size: 0.8rem;
    background: #FF5722;
	color: black;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

suspend {
	font-size: 0.8rem;
    background: yellow;
    color: black;
/*	color: #FFFFFF;*/
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

featured {
	font-size: 0.8rem;
    background: #FFCA28;
	color: black;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

waiting {
	font-size: 0.8rem;
    background: #FFCA28;
	color: black;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}
processed {
	font-size: 0.8rem;
        background: yellowgreen;
	color: black;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}
shipping {
	font-size: 0.8rem;
    background: #42A5F5;
	color: black;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}
finish {
	font-size: 0.8rem;
    background: #4dff4d;
	color: black;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}
cancel {
	font-size: 0.8rem;
    background: white;
	color: red;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

sticky {
	font-size: 0.8rem;
    background: #48755b;
	color: #FFFFFF;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

generic {
	font-size: 0.8rem;
	color: #FFFFFF;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

comment {
	font-size: 0.8rem;
    background: #FF5722;
	color: #FFFFFF;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

news {
	font-size: 0.8rem;
    background: #48755b;
	color: #FFFFFF;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

complete {
	font-size: 0.8rem;
    background: #009900;
	color: white;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

invoice {
	font-size: 0.8rem;
    background: white;
	color: #009900;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

receivable {
	font-size: 0.8rem;
    background: #fffdaa;
	color: black;
    padding: 2px 5px 2px 5px;
	overflow-wrap: break-word;
}

inpatient {font-size: 0.8rem;background: #FFCA28;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
receivableinpatient {font-size: 0.8rem;background: #fffdaa;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
finishinpatient {font-size: 0.8rem;background: #4dff4d;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
cancelinpatient {font-size: 0.8rem;background: white;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
completeservice {font-size: 0.8rem;background: #009900;color: white;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
invoiceservice {font-size: 0.8rem;background: white;color: #009900;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}

outpatient {border-width: thin;border-style: solid;border-color: #4dff4d; font-size: 0.8rem;background: #fffdaa;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
pharmacy {border-width: thin;border-style: solid;border-color: #cc99ff; font-size: 0.8rem;background: #fffdaa;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
laboratorium {border-width: thin;border-style: solid;border-color: cornflowerblue; font-size: 0.8rem;background: #fffdaa;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
radiologi {border-width: thin;border-style: solid;border-color: black; font-size: 0.8rem;background: #fffdaa;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
grooming {border-width: thin;border-style: solid;border-color: #FF5722; font-size: 0.8rem;background: #fffdaa;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}

outpatient-recv {border-width: thin;border-style: solid;border-color: #4dff4d; font-size: 0.8rem;background: #fffdaa;color: #cc0000;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
pharmacy-recv {border-width: thin;border-style: solid;border-color: #cc99ff; font-size: 0.8rem;background: #fffdaa;color: #cc0000;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
laboratorium-recv {border-width: thin;border-style: solid;border-color: cornflowerblue; font-size: 0.8rem;background: #fffdaa;color: #cc0000;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
radiologi-recv {border-width: thin;border-style: solid;border-color: black; font-size: 0.8rem;background: #fffdaa;color: #cc0000;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}
grooming-recv {border-width: thin;border-style: solid;border-color: #FF5722; font-size: 0.8rem;background: #fffdaa;color: #cc0000;padding: 2px 5px 2px 5px;overflow-wrap: break-word;}

outpatient-hold {border-width: thin;border-style: solid;border-color: #4dff4d; font-size: 0.8rem;background: #fffdaa;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;font-weight: bold;}
pharmacy-hold {border-width: thin;border-style: solid;border-color: #cc99ff; font-size: 0.8rem;background: #fffdaa;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;font-weight: bold;}
laboratorium-hold {border-width: thin;border-style: solid;border-color: cornflowerblue; font-size: 0.8rem;background: #fffdaa;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;font-weight: bold;}
radiologi-hold {border-width: thin;border-style: solid;border-color: black; font-size: 0.8rem;background: #fffdaa;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;font-weight: bold;}
grooming-hold {border-width: thin;border-style: solid;border-color: #FF5722; font-size: 0.8rem;background: #fffdaa;color: black;padding: 2px 5px 2px 5px;overflow-wrap: break-word;font-weight: bold;}

                               
norm-small {
        font-size: 0.8rem;
    /*overflow-wrap: break-word;*/
}
bolded {
        font-weight: bold;
    /*overflow-wrap: break-word;*/
}

faded {
    	color: white;
/*	color: #FFFFFF;*/
    /*padding: 2px 5px 2px 5px;*/
	/*overflow-wrap: break-word;*/
}

/* end of style for any status color ------- */

itemdarkgreen {
	margin-top: 0.4em;
        margin-bottom: 0.4em;
        color: #48755b;
	
}

itemdarkred {
	margin-top: 0.4em;
        margin-bottom: 0.4em;
        color: #cc0000;
    
}

itemdarkblue {
	margin-top: 0.4em;
        margin-bottom: 0.4em;
        color: #0000cc;
    
}

itemlightblue {
	margin-top: 0.4em;
        margin-bottom: 0.4em;
        color: #cc99ff;
    
}

itemdarkgrey {
	margin-top: 0.4em;
        margin-bottom: 0.4em;
        color: #828282;
    
}

itemlightgrey {
	margin-top: 0.4em;
        margin-bottom: 0.4em;
        color: #9E9E9E;
    
}

item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}

button_val {
    margin-top: 0.8em;
    margin-bottom: 0.4em;
    
}

.title-no-top {
    margin-top: 0.2em;
    margin-bottom: 0.5em;
}
.margin-divider {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.nav-header{
    height:150px;
    min-height:150px;
    max-height:150px;
}

.pointer:hover {
    cursor: pointer;
}

.ic-small {
    font-size: 15px;
}

.ic-small-green {
    font-size: 15px;
    color: #4dff4d;
}

.ic-small-grey {
    font-size: 15px;
    color: #a6a6a6;
}

.sub-menu-sidenav{
    padding-left: 56px;
}
.sub-menu-bg{
    background-color :#f2f2f2;
}

md-sublist-item .md-clickable:hover {
    cursor: pointer;
}
md-sublist-item, md-sublist-item .md-list-item-inner {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 14px;
}
.md-padding .md-padding-small {
	padding: 4px;
}

.md-padding .md-padding-medium {
	padding: 8px;
}

.md-padding .md-padding-middle {
	padding: 14px;
}

.md-padding .md-padding-large {
	padding: 18px;
}

.md-padding .md-padding-xlarge {
	padding: 24px;
}

.md-button.md-btn-narrow {
    min-width: 1%;
    min-height: 1%;
	width: 25px;	
}

.md-button.md-btn-slim {
    min-width: 1%;
    min-height: 1%;
	width: 45px;	
}

.md-button.md-btn-small {
    min-width: 1%;
    min-height: 1%;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	font-size: 10px;
	padding: 0;
	margin: 0px 5px 0px 5px;
}

.md-button.md-btn-smallwide {
    min-width: 1%;
    min-height: 1%;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	font-size: 10px;
	padding: 0;
	margin: 0px 5px 0px 5px;
}

.md-button.md-btn-smallwidebottom {
    min-width: 1%;
    min-height: 1%;
	width: 45px;
	height: 20px;
	vertical-align: middle;
	font-size: 10px;
	padding: 0;
	margin: 5px 0px 0px 0px;
}

.md-button.md-btn-coloraktif {

}

.md-button.md-btn-colorwaiting {

}

.md-button.md-btn-colordrop {

}

.md-button.md-btn-colorsuspend {

}

.md-button.md-btn-colorresolved {

}

.material-icons.md-ic-small {
	line-height: 0;
}

.md-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    margin-left: 10px;
    margin-right: 10px;
    box-sizing: content-box;
}

.md-avatar-big {
    margin-top: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
    width: 128px;
    height: 128px;
    border-radius: 50%;
    box-sizing: content-box;
}

/*my custom table style*/
.md-table {
  min-width: 100%;
  border-collapse: collapse;
}
.md-table tbody tr:hover,
.md-table tbody tr:focus {
  background-color: #f2f2f2;
  color: #828282;
}
.md-table th {
  padding: 10px;
}
.md-table tr td {
  padding: 0px 0px 0px 10px;
  height:40px;
  min-height:40px;
}
.md-table tr {
  white-space: nowrap;
  padding: 16px 16px 16px 0;
}

/* -- Material Design Table style -------------- */
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 2rem;
  background-color: #ffffff;
  border-collapse: collapse;
}

.table > thead > tr,
.table > tbody > tr,
.table > tfoot > tr {
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.table > thead > tr > th {
  text-align: left;
  padding: 15px 10px 15px 20px;
  vertical-align: middle;
  border-top: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  text-align: left;
  padding: 10px 10px 10px 20px;
  vertical-align: center;
  border-top: 0;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.table > tbody > tr > td{
  color: rgba(0, 0, 0, 0.870588);
  vertical-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.table > thead > tr > th {
  color: #757575;
  vertical-align: center;
  border-bottom: 3px solid rgba(0, 0, 0, 0.20);
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.table .table {
  background-color: #ffffff;
}
.table .no-border {
  border: 0;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 0.1rem;
  vertical-align: center;
}
.table-bordered {
  border: 0;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 0;
  border-bottom: 1px solid #e0e0e0;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: rgba(0, 0, 0, 0.12);
}
@media screen and (max-width: 768px) {
  .table-responsive-vertical > .table {
    margin-bottom: 0;
    background-color: transparent;
  }
  .table-responsive-vertical > .table > thead,
  .table-responsive-vertical > .table > tfoot {
    display: none;
  }
  .table-responsive-vertical > .table > tbody {
    display: block;
  }
  .table-responsive-vertical > .table > tbody > tr {
    display: block;
    border: 1px solid #e0e0e0;
    border-radius: 2px;
    margin-bottom: 1.6rem;
  }
  .table-responsive-vertical > .table > tbody > tr > td {
    background-color: #ffffff;
    display: block;
    vertical-align: middle;
    text-align: right;
  }
  .table-responsive-vertical > .table > tbody > tr > td[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: inherit;
    color: #757575;
  }
  .table-responsive-vertical.shadow-z-1 {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
  .table-responsive-vertical.shadow-z-1 > .table > tbody > tr {
    border: none;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.24);
  }
  .table-responsive-vertical > .table-bordered {
    border: 0;
  }
  .table-responsive-vertical > .table-bordered > tbody > tr > td {
    border: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .table-responsive-vertical > .table-bordered > tbody > tr > td:last-child {
    border-bottom: 0;
  }
  .table-responsive-vertical > .table-striped > tbody > tr > td,
  .table-responsive-vertical > .table-striped > tbody > tr:nth-child(odd) {
    background-color: #ffffff;
  }
  .table-responsive-vertical > .table-striped > tbody > tr > td:nth-child(odd) {
    background-color: #f5f5f5;
  }
  .table-responsive-vertical > .table-hover > tbody > tr:hover > td,
  .table-responsive-vertical > .table-hover > tbody > tr:hover {
    background-color: #ffffff;
  }
  .table-responsive-vertical > .table-hover > tbody > tr > td:hover {
    background-color: rgba(0, 0, 0, 0.12);
  }
}
.table-striped.table-mc-red > tbody > tr:nth-child(odd) > td,
.table-striped.table-mc-red > tbody > tr:nth-child(odd) > th {
  background-color: #fde0dc;
}
.table-hover.table-mc-red > tbody > tr:hover > td,
.table-hover.table-mc-red > tbody > tr:hover > th {
  background-color: #f9bdbb;
}

.quantity::-webkit-inner-spin-button,
.quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.textmlayu {
 height: 50px;  
 overflow: hidden;
 position: relative;
}
.textmlayu h2 {
 font-size: 2em;
 color: blue;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);    
 transform:translateX(100%);
 /* Apply animation to this element */  
 -moz-animation: textmlayu 15s linear infinite;
 -webkit-animation: textmlayu 15s linear infinite;
 animation: textmlayu 15s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes textmlayu {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes textmlayu {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes textmlayu {
 0%   { 
 -moz-transform: translateX(100%); /* Firefox bug fix */
 -webkit-transform: translateX(100%); /* Firefox bug fix */
 transform: translateX(100%);       
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
}

.textmlayu-1 {
 height: 50px;  
 overflow: hidden;
 position: relative;
}
.textmlayu-1 h2 {
 font-size: 2em;
 color: darkgreen;
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 line-height: 50px;
 text-align: center;
  /*Starting position*/ 
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);    
 transform:translateX(100%);
  /*Apply animation to this element*/   
 -moz-animation: textmlayu-1 15s linear infinite;
 -webkit-animation: textmlayu-1 15s linear infinite;
 animation: textmlayu-1 15s linear infinite;
}

 /*Move it (define the animation)*/ 
@-moz-keyframes textmlayu-1 {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes textmlayu-1 {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes textmlayu-1 {
 0%   { 
 -moz-transform: translateX(100%);  /*Firefox bug fix */
 -webkit-transform: translateX(100%);  /*Firefox bug fix */
 transform: translateX(100%);       
 }
 100% { 
 -moz-transform: translateX(-100%);  /*Firefox bug fix */
 -webkit-transform: translateX(-100%);  /*Firefox bug fix */
 transform: translateX(-100%); 
 }
}

.postextliftmargin {
  margin-top: -8px;
}

.postextlifthalfmargin {
  margin-top: -4px;
}

.postextliftextramargin {
  margin-top: -12px;
}

/* Solid border */
hr.pos {
  border-top: 1px solid black;  
  width: 100%;
}

/* Solid border */
hr.posdash {
  border-top: 2px dashed black;  
  width: 100%;
}

.forcecolor1 {
  color: black;
}

md-autocomplete#custom-template {
  width: 200px;
  background-color: transparent;  
  margin-right: 15px;
}
.autocomplete-custom-template .md-autocomplete-suggestion {
  border-bottom: 1px solid #ccc;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: normal;
}
.autocomplete-custom-template .md-autocomplete-suggestion:last-child {
  border-bottom-width: 0;
}
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
  margin-bottom: -10px;
  display: block;
  line-height: 2;
}
.autocomplete-custom-template .item-title md-icon {
  font-size: 16px;
}

.custom-container {
  min-width: 300px !important;
}

/*#preview {
  width: 300px;
  height: 300px;
  outline: 1px solid blueviolet;
}*/