img.grayscale {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}

img.grayscale:hover {
  filter: none;
  -webkit-filter: grayscale(0%);
}

.multisearch-box textarea{ width:100%; height:370px; font-size:20px}

.search-buttons img{ text-align:center; margin-bottom:15px}
.modal-content { border:10px solid #0A6C88}
.modal-title { font-weight:bold; text-transform:uppercase; }

.enter-number{ background:url(../img/textarea-bg.png) no-repeat; width:342px; height:341px; }

.enter-number textarea{   width: 200px;  height: 239px;  background: transparent;  margin: 55px 0 0 72px; border:none}


.navbar { margin-bottom:20px}

#heading-row { width:100%; border:1px solid #eee; clear:both; margin-top:10px }
#heading-row td {padding:5px 10px}
.border-right { border-right:1px solid #eee}

#heading-row .fa { font-size:18px; margin-right:10px}

.notfound { color:#E74C3C}
.transit { color:#72B30B}

.deliver { color:#76087E}
.alerts { color:red}
.pickup { color:#03F}

.panel-group { margin-bottom:0}
.panel { margin-bottom:0;margin-top: 3px;}
table { width:100%; text-align:left}
.panel-heading { padding:10px 0}

#success .fa { font-size:30px}
.table-bordered td { padding:10px}
.table-bordered { margin:20px 0}




















.timeline-centered {
    position: relative;
    margin-bottom: 30px;
}

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before, .timeline-centered:after {
        content: " ";
        display: table;
    }

    .timeline-centered:after {
        clear: both;
    }

    .timeline-centered:before {
        content: '';
        position: absolute;
        display: block;
        width: 4px;
        background: #f5f5f6;
        /*left: 50%;*/
        top: 20px;
        bottom: 20px;
        margin-left: 30px;
    }

    .timeline-centered .timeline-entry {
        position: relative;
        /*width: 50%;
        float: right;*/
        margin-top: 5px;
        margin-left: 30px;
        margin-bottom: 10px;
        clear: both;
    }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry:before, .timeline-centered .timeline-entry:after {
            content: " ";
            display: table;
        }

        .timeline-centered .timeline-entry:after {
            clear: both;
        }

        .timeline-centered .timeline-entry.begin {
            margin-bottom: 0;
        }

        .timeline-centered .timeline-entry.left-aligned {
            float: left;
        }

            .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
                margin-left: 0;
                margin-right: -18px;
            }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
                    left: auto;
                    right: -100px;
                    text-align: left;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
                    float: right;
                }

                .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
                    margin-left: 0;
                    margin-right: 70px;
                }

                    .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
                        left: auto;
                        right: 0;
                        margin-left: 0;
                        margin-right: -9px;
                        -moz-transform: rotate(180deg);
                        -o-transform: rotate(180deg);
                        -webkit-transform: rotate(180deg);
                        -ms-transform: rotate(180deg);
                        transform: rotate(180deg);
                    }

        .timeline-centered .timeline-entry .timeline-entry-inner {
            position: relative;
            margin-left: -20px;
        }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:before, .timeline-centered .timeline-entry .timeline-entry-inner:after {
                content: " ";
                display: table;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner:after {
                clear: both;
            }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
                position: absolute;
                left: -100px;
                text-align: right;
                padding: 10px;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span {
                    display: block;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:first-child {
                        font-size: 15px;
                        font-weight: bold;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time > span:last-child {
                        font-size: 12px;
                    }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
                background: #fff;
                color: #737881;
                display: block;
                width: 40px;
                height: 40px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                -moz-box-shadow: 0 0 0 5px #f5f5f6;
                -webkit-box-shadow: 0 0 0 5px #f5f5f6;
                box-shadow: 0 0 0 5px #f5f5f6;
                line-height: 40px;
                font-size: 15px;
                float: left;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
                    background-color: #303641;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
                    background-color: #ee4749;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
                    background-color: #00a651;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
                    background-color: #21a9e1;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
                    background-color: #fad839;
                    color: #fff;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
                    background-color: #cc2424;
                    color: #fff;
                }

            .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
                position: relative;
                background: #f5f5f6;
                padding: 1em;
                margin-left: 60px;
                -webkit-background-clip: padding-box;
                -moz-background-clip: padding;
                background-clip: padding-box;
                -webkit-border-radius: 3px;
                -moz-border-radius: 3px;
                border-radius: 3px;
            }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label:after {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 0;
                    height: 0;
                    border-style: solid;
                    border-width: 9px 9px 9px 0;
                    border-color: transparent #f5f5f6 transparent transparent;
                    left: 0;
                    top: 10px;
                    margin-left: -9px;
                }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2, .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
                    color: #737881;
                    font-family: "Noto Sans",sans-serif;
                    font-size: 12px;
                    margin: 0;
                    line-height: 1.428571429;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p + p {
                        margin-top: 15px;
                    }

                .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 {
                    font-size: 16px;
                    margin-bottom: 10px;
                }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 a {
                        color: #303641;
                    }

                    .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2 span {
                        -webkit-opacity: .6;
                        -moz-opacity: .6;
                        opacity: .6;
                        -ms-filter: alpha(opacity=60);
                        filter: alpha(opacity=60);
                    }


.enter-number { margin-top:7px}


@media (min-width: 768px) { .enter-number{  width:342px; height:341px; margin:0 auto; text-align:left }
}


.sort-result  {    padding: 4px 4px 4px 7px;    display: block;}
.on { color:#fff; text-decoration:none}
.on:hover { color:#fff; text-decoration:none}
.sort-all .on {    background-color: #234093;}
.sort-all a:hover {    background-color: #234093; color:#fff; text-decoration:none}

.notfound .on {  background-color: #999;}
.notfound a:hover {  background-color: #999; color:#fff; text-decoration:none}

.transit .on {  background-color: #00b2b2;}
.transit a:hover {  background-color: #00b2b2; color:#fff; text-decoration:none}

.pickup  .on {  background-color: #16C;}
.pickup  a:hover {  background-color: #16C; color:#fff; text-decoration:none}

.alerts .on {  background-color: #FB0;}
.alerts a:hover {  background-color: #FB0; color:#fff; text-decoration:none}

.deliver .on {  background-color: #0B0;}
.deliver a:hover {  background-color: #0B0; color:#fff; text-decoration:none}

.table-responsive  { border:none !important}

.btn-right { float:right; margin-left:5px;}

.schedule {
	height: 80px;
	margin-top: -55px;
	margin-left: 28px;
        margin-right: 15px;
        float: right;
	font-size: 14px
}
.schedule ul {
	width: 660px;
	padding: 17px 0
}
.schedule ul li {
	float: left;
	list-style:none;
}
.schedule ul div {
	position: relative;
	width: 202px;
	height: 16px;
	background-color: #d1d1d1;
	background-image: url(../images/schedule_j.png?v=140920aVB);
	background-repeat: no-repeat;
	background-position: 0 -20px
}
.schedule ul b {
	position: absolute;
	top: -17px;
	left: 50%;
	display: block;
	width: 50px;
	height: 50px;
	margin-left: -25px;
	text-indent: -999px;
	background-image: url(../images/inquirydisplayicon.png?v=140920aVB);
	background-repeat: no-repeat;
	background-position: -312px -254px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	-khtml-border-radius: 50px;
	border-radius: 50px
}
.schedule ul i {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url(../images/inquirydisplayicon.png?v=140920aVB);
	background-repeat: no-repeat
}
.schedule ul span {
	position: absolute;
	top: 34px;
	left: 50%;
	display: block;
	width: 115px;
	height: 18px;
	margin-left: -50px;
	text-align: center
}
.schedule ul em {
	display: inline-block;
	line-height: 24px
}
.schedule li.schedule-pending div, .schedule li.schedule-sendback div, .schedule li.schedule-delivered div, .schedule li.schedule-expired div {
	width: 128px
}
.schedule li.schedule-sendback, .schedule li.schedule-expired {
	display: none
}
.schedule li.schedule-pending i {
	background-position: 1px -204px
}
.schedule li.schedule-pending b {
	left: 0;
	margin-left: -1px
}
.schedule li.schedule-pending span {
	left: 0;
	margin-left: -25px
}
.schedule li.schedule-transit i {
	background-position: -49px -202px
}
.schedule li.schedule-pickup i {
	background-position: -100px -202px
}
.schedule li.schedule-sendback i {
	background-position: -150px -204px
}
.schedule li.schedule-delivered i {
	background-position: -200px -204px
}
.schedule li.schedule-expired i {
	background-position: -251px -203px
}
.schedule li.schedule-sendback b, .schedule li.schedule-delivered b, .schedule li.schedule-expired b {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: -1px
}
.schedule li.schedule-sendback span, .schedule li.schedule-delivered span, .schedule li.schedule-expired span {
	left: auto;
	right: 0;
	margin-left: 0;
	margin-right: -30px
}
.schedule a {
	float: right;
	display: block;
	height: 22px;
	margin-top: -16px;
*margin-top:-32px;
	margin-right: 50px;
	font-size: 16px;
	color: #452321;
	line-height: 22px;
	text-decoration: underline
}
.schedule a.hover {
	color: #000
}
.schedule a i {
	display: inline-block;
	width: 20px;
	height: 20px;
	background-image: url(../images/inquirydisplayicon.png);
	background-repeat: no-repeat;
	background-position: -288px -172px;
	vertical-align: top
}
.schedule .on-pending .schedule-pending div {
	background-color: #999;
	background-position: -72px 0
}
.schedule .on-pending .schedule-pending em {
	color: #999;
	border-bottom: 1px solid #999
}
.schedule .on-pending .schedule-pending b {
	background-position: -260px -254px
}
.schedule .on-transit .schedule-pending div {
	background-color: #00b2b2;
	background-position: -72px 0
}
.schedule .on-transit .schedule-transit div {
	background-color: #00b2b2;
	background-position: 0 0
}
.schedule .on-transit .schedule-pending em {
	color: #00b2b2
}
.schedule .on-transit .schedule-transit em {
	color: #00b2b2;
	border-bottom: 1px solid #00b2b2
}
.schedule .on-transit .schedule-pending b, .schedule .on-transit .schedule-transit b {
	background-position: 0 -254px
}
.schedule .on-pickup .schedule-pending div {
	background-color: #16C;
	background-position: -72px 0
}
.schedule .on-pickup .schedule-transit div, .schedule .on-pickup .schedule-pickup div {
	background-color: #16C;
	background-position: 0 0
}
.schedule .on-pickup .schedule-pending em, .schedule .on-pickup .schedule-transit em {
	color: #16C
}
.schedule .on-pickup .schedule-pickup em {
	color: #16C;
	border-bottom: 1px solid #16C
}
.schedule .on-pickup .schedule-pending b, .schedule .on-pickup .schedule-transit b, .schedule .on-pickup .schedule-pickup b {
	background-position: -104px -254px
}
.schedule .on-sendback .schedule-pending div {
	background-color: #FB0;
	background-position: -72px 0
}
.schedule .on-sendback .schedule-transit div, .schedule .on-sendback .schedule-pickup div, .schedule .on-sendback .schedule-sendback div {
	background-color: #FB0;
	background-position: 0 0
}
.schedule .on-sendback .schedule-pending em, .schedule .on-sendback .schedule-transit em, .schedule .on-sendback .schedule-pickup em {
	color: #FB0
}
.schedule .on-sendback .schedule-sendback em {
	color: #FB0;
	border-bottom: 1px solid #FB0
}
.schedule .on-sendback .schedule-pending b, .schedule .on-sendback .schedule-transit b, .schedule .on-sendback .schedule-pickup b, .schedule .on-sendback .schedule-sendback b {
	background-position: -52px -254px
}
.schedule .on-sendback li.schedule-expired, .schedule .on-sendback li.schedule-delivered {
	display: none
}
.schedule .on-sendback li.schedule-sendback {
	display: block
}
.schedule .on-delivered .schedule-pending div {
	background-color: #0B0;
	background-position: -72px 0
}
.schedule .on-delivered .schedule-transit div, .schedule .on-delivered .schedule-pickup div, .schedule .on-delivered .schedule-delivered div {
	background-color: #0B0;
	background-position: 0 0
}
.schedule .on-delivered .schedule-pending em, .schedule .on-delivered .schedule-transit em, .schedule .on-delivered .schedule-pickup em {
	color: #0B0
}
.schedule .on-delivered .schedule-delivered em {
	color: #0B0;
	border-bottom: 1px solid #0B0
}
.schedule .on-delivered .schedule-pending b, .schedule .on-delivered .schedule-transit b, .schedule .on-delivered .schedule-pickup b {
	background-position: -208px -254px
}
.schedule .on-delivered .schedule-delivered b {
	background-position: -208px -254px;
	left: auto
}
.schedule .on-expired .schedule-pending div {
	background-color: #ff4f4f;
	background-position: -72px 0
}
.schedule .on-expired .schedule-transit div, .schedule .on-expired .schedule-pickup div, .schedule .on-expired .schedule-expired div {
	background-color: #ff4f4f;
	background-position: 0 0
}
.schedule .on-expired .schedule-pending em, .schedule .on-expired .schedule-transit em, .schedule .on-expired .schedule-pickup em {
	color: #ff4f4f
}
.schedule .on-expired .schedule-expired em {
	color: #ff4f4f;
	border-bottom: 1px solid #ff4f4f
}
.schedule .on-expired .schedule-pending b, .schedule .on-expired .schedule-transit b, .schedule .on-expired .schedule-pickup b {
	background-position: -156px -254px
}
.schedule .on-expired .schedule-expired b {
	background-position: -156px -254px;
	left: auto
}
.schedule .on-expired li.schedule-sendback, .schedule .on-expired li.schedule-delivered {
	display: none
}
.schedule .on-expired li.schedule-expired {
	display: block
}