#ticketSearchContainer * span {
            /*vertical-align: middle;*/
        }

        #ticketSearchContainer * input {
            padding-left: 10px;
            padding-right: 10px;
        }

#ticketSearchContainer .searchForm .form-group {
            margin-bottom: 10px;
        }

#ticketSearchContainer .searchForm .control-label {
            margin: 0px 5px; 
        }

        .orLegendStyle {
            text-align: center;
            line-height: 25%;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: rgb(229,229,229);
        }

            .orLegendStyle span {
                background-color: white;
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 5px;
                padding-bottom: 5px;
                margin-left: 10px;
            }

        .line-width {
            min-width: 695px;
        }

        .textbox-width {
            max-width: 223px;
        }

        .addLineTopPadding {
            padding-top: 25px;
            padding-bottom: 10px;
        }

        .line-padding {
            padding-left: 0;
            padding-right: 15px;
            margin-bottom: 15px;
        }

        .detailLinePadding {
            margin-top: 20px;
        }

        .btnCancel {
            text-decoration: underline;
        }

        .fillRedColor {
            color: #bb0826;
        }

        .errorMsgContainer, .errorAcctMsgContainer, .appointmentContainer, .infoArea, .disclaimerMsg, .backButton, .detailLine {
            display: none;
        }

.ticketErrorMessege {
    margin-left: 24%;
}

        .fa-exclamation-triangle {
            font-size: 35px;
        }

        .fa-info-circle {
            font-size: 35px;
        }

        @media (min-width: 768px) and (max-width: 1600px) {
    .addPaddingTop {
                padding-top: 80px;
            }
        }

.circleObject {
            border: 1px solid #ccc;
            border-radius: 50%;
            background: #e8e8e8;
            height: 40px;
            width: 40px;
            text-align: center;
            margin: 0 auto;
        }

        .textBlack {
            color: #333;
    padding-top: 8px;
            /*font-weight:bold;*/
        }

        .errorAcctMsgContainer .fa-exclamation-triangle {
            padding-top: 8px;
        }

        .appointmentMsgContainer .fa-info-circle {
            padding-top: 8px;
        }

        #errorMsgContainer {
            padding-top: 9px;
            padding-left: 9px;
            padding-right: 9px;
            padding-bottom: 17px;
            border-radius: 3px;
            border: 1px solid;
            font-size: 13px;
            background-color: #f2dede;
            background-image: linear-gradient(#F2DEDE, #E7C3C3);
            background-repeat: repeat-x;
            margin-bottom: 10px;
        }

        #errorAcctMsgContainer {
            padding-top: 9px;
            padding-left: 9px;
            padding-right: 9px;
            padding-bottom: 2px;
            border-radius: 3px;
            border: 1px solid;
            font-size: 13px;
            background-color: #f2dede;
            background-image: linear-gradient(#F2DEDE, #E7C3C3);
            background-repeat: repeat-x;
            margin-bottom: 10px;
            min-width: 680px;
        }

        #appointmentMsgContainer {
            padding-top: 9px;
            padding-left: 9px;
            padding-right: 9px;
            padding-bottom: 10px;
            border-radius: 3px;
            border: 1px solid;
            font-size: 13px;
            background-color: #D9EDF7;
            background-image: linear-gradient(#D9EDF7, #B9DEF0);
            background-repeat: repeat-x;
            margin-bottom: 5px;
        }

        .alert-danger {
            background-color: #f2dede;
            background-image: linear-gradient(#F2DEDE, #E7C3C3);
            background-repeat: repeat-x;
            border-color: #DCA7A7;
        }

        .errorMSG .msg,
        .errorMSG2 .msg,
        .errorAcctMSG .msg,
        .appointmentMsgContainer .msg,
        .disclaimerMsg .disclaimerText p {
            color: #333;
        }

.msg {
    overflow: hidden;
}

            .errorMSG2 .msg a,
            .errorAcctMSG .msg a,
            .appointmentMsgContainer .msg a {
                color: #333;
                text-decoration: underline;
            }

        .tooltip > .tooltip-inner {
            border: 1px solid gray;
            background-color: #fff;
            color: #000;
        }

        .addPadding {
            padding-left: 15px;
            padding-right: 15px;
            margin-bottom: 15px;
        }

        .noPadding {
            padding-left: 0;
    padding-right: 0;
            margin-bottom: 15px;
        }

        .searchForm hr {
            display: block;
        }

        .searchDetail {
            margin-top: 15px;
        }

            .searchDetail hr {
                display: block;
                border-color: rgb(224,224,224);
            }

        button {
            text-transform: capitalize;
    // width:136px;
        }

        #button-div {
            line-height: 50px;
            padding-left: 10px;
        }

        .backButton {
            margin-top: 10px;
            padding-left: 5px;
        }

        #header-label {
            margin-top: 0;
            padding-left: 15px;
        }

        .form-group hr {
            margin: 0 0 20px 0;
        }

        ul.entry {
            border-bottom: none !important;
        }

        .entry {
            margin-top: 60px !important;
        }

        .addMargin-left {
            margin-left: 25px;
        }

        #ticketSearchContainer .infoArea .intro-txt .text-black {
            color: #333;
            font-weight: bold;
        }

        .infoArea .intro-txt .fa-circle {
            font-size: 17px;
        }

        .infoArea .intro-txt .fa-phone {
            font-size: 10px;
        }

        .infoArea .intro-txt {
            font-size: 13px;
        }


        .disclaimerMsg .disclaimerText p {
            font-size: 11px;
        }

        .infoArea .intro-txtNextLine {
            line-height: 3px;
            font-size: 13px;
        }

        #ticketSearchContainer {
            margin-bottom: 60px;
            display: inline;
        }

        #ticketSearchContainer hr:first-of-type {
            margin-bottom: 15px;
        }

        #ticketDetailsTable {
            font-size: 13px;
        }

        #ticketSearchContainer .chatFlag,
        #ticketSearchContainer .hotlineNumber,
        #ticketSearchContainer .hotlineNumber span,
        #ticketSearchContainer .calltext {
            vertical-align: baseline;
        }


        .popover {
            border: 1px solid #ccc;
            border: 1px solid rgba(0,0,0,.2);
            padding: 5px;
            background: #FFF;
            font-size: 13px;
            width: 180px;
        }

        #appointmentMsgContainer .appointmentMSG .hotlineNumber span a img {
            display: none !important;
        }
        
.tableHeader {
            background: black;
            color: white;
            font-weight: bold;
            border-radius: 4px;
            padding: 0px 0px 0px 60px;
            margin-bottom: 5px;
    overflow: auto;
        }

.tableRow {
            padding: 10px 0 10px 60px;
            overflow: hidden;
    margin-bottom: 5px;
        }

.popover-col {
    position: inherit;
        }

        .popover-title {
            padding: 8px 5px;
            background-color: white;
            text-align: center;
            border-bottom: 0;
        }

        .popover-content {
            padding: 0px 0px;
        }

#ticketSearchContainer a:hover {
    background: none;
    text-decoration: none;
        }

#ticketSearchContainer a:link {
            color: #008c9b;
        	border-bottom: 0px;
        }
		
#ticketSearchContainer strong {
			color: white;
		}

        a.text-info {
            color: #31708f;
        }

        a.text-danger {
            color: #a94442;
        }

        a.text-success {
            color: #3c763d;
        }

        
        .flyover .mask {
          top: 0;
          left: 0;
          position: fixed;
          width: 100%;
          height: 100%;
          opacity: 0.40;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
          background: black;
          z-index: 2000;
        }
        
        .flyover .alert {
          left: 45%;
          top: 30%;
          position: fixed;
          z-index: 2001;
          background-color: transparent;
          //border-color: #808080;
          width: 15%;
          height: auto;
          padding: 30px;
          //padding: 100px;
          border-radius: 8px;
        }


@media only screen and (min-width: 768px) and (max-width: 990px) {
    .or {
        margin: 0 16px;
    }
}

@media only screen and (max-width: 767px) {
    .or {
        position: inherit;
        border-left: none;
        border-top: 1px solid #e6e6e6;
        margin-bottom: 20px;
        top: 18px;
        height: 60px;
        margin-right: 0px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
        display: block;
      }

    .or span {
        margin-top: -20px;
        margin-left: -20px;
        top: 0px;
    }

    .addPaddingTop {
        padding-top: 0;
    }

    .addPadding {
        padding-left: 0;
        padding-right: 0;
    }

    .tableRow {
        padding: 5px;
        font-size: 12px;
        line-height: 14px;
    }

    .tableRow > div, .tableHeader > div {
        padding-left: 5px;
        padding-right: 5px;
    }

    .tableRow > div:first-child {
        padding-left: 0px;
    }

    .tableHeader {
        padding: 0px;
        font-size: 12px;
        line-height: 14px;
    }

    .tableHeader > div:first-child {
        padding-left: 5px;
    }

    .tableRow > div:last-child, .tableHeader > div:last-child {
        padding-right: 0px;
    }
}

@media only screen and (max-width: 499px) {

    #account-ticket .panel-title .xpanel-title span.col-xs-1 {
        display: block;
        float: none;
    }

    #account-ticket .panel-title .xpanel-title span.col-xs-4 {
        display: block;
        padding: 0px;
        float: none;
        width: 100%;
    }

}


    /*** UPDATES TO ORDER/TICKET STATUS FLOW July 2017 ***/
    .panel-title a span,
    .panel-title .xpanel-title a {
        color: #333 !important;
        font-family: "nexa", "Arial";
    }
    .panel-title a span b {
        color: #333;
        font-family: "nexa bold", "Arial Bold";
    }

    .xpanel-title .fa-stack {
        margin-top: -4px;
    }

    .xpanel-title .fa-stack .fa-inverse {
        color: #e8e8e8;
    }
    .xpanel-title .a-chevron-down,
    .xpanel-title .a-chevron-right {
        color: #206c72;
    }

    #account-ticket .intro-txt {
        margin-bottom: 10px;
    }

    #account-ticket .fa-stack .fa-chevron-right {
        margin-top: -1px;
        margin-left: 1.5px;
    }

    #account-ticket .fa-stack .fa-chevron-down {
        margin-top: -2px;
    }

    #account-ticket .fa-stack .fa-circle,
    #account-ticket .fa-stack .fa-phone {
        margin-top: -0.5px;
    }

    #account-ticket #callUsLink,
    #account-ticket #signInLink,
    #account-ticket #contactUsLink {
        display: inline-block;
        vertical-align: baseline;
        font-size: 14px !important;
    }

    #account-ticket #contactUsLink.black,
    #account-ticket #callUsLink.black {
        color: #333;
        font-size: 14px !important;
    }

    #account-ticket .fa-comment {
        margin-top: -2px;
        margin-right: 4px;
    }

    a.faedit,
    a.chatFlag,
    select[ng-model="SelectedSchedule"],
    a[ng-click="saveAppointment(ticket,SelectedSchedule)"] {
        cursor: pointer;
    }

    #ticket-detail input {
        margin-bottom: 12px;
    }

    #ticket-detail div[ng-show="!custom && ticket.details.isTicketModifiable"] select {
        margin-left: 15px;
    }

    #ticket-detail div[ng-show="!custom && ticket.details.isTicketModifiable"] label {
        margin-bottom: 7px;
    }

    div[ng-show="!customPhone && ticket.details.isTicketModifiable && ticket.details.appointment.strEndDate"] {
        max-height: 35px;
        margin-bottom: 6px;
    }

    #ticket-detail a.btn-link {
        vertical-align: middle;
        background: none;
        border-color: transparent;
        height: 34px;
        display: inline-block !important;
    }

    div[ng-show="!customPhone && ticket.details.isTicketModifiable && ticket.details.appointment.strEndDate"] label {
        vertical-align: text-bottom;
    }