body{
    /*background: #E2E5EB;*/
}

#CSTickets .dropdown-menu{
    padding: 0;
    border-radius: 0;
    border: none;
}

#CSTickets .dropdown-menu a.selected{
    background-color:#428BBD;
    color:white;
}

#CSTickets .dropdown-menu li:hover a.selected{
    background-color:#428BBD !important;
    color:white;
}


#CSTickets .loading{
    padding:20px; 
}

#CSTickets .header{
    width:100%;
    display:inline-block;
    padding:15px;
}

#all-ticket-page .filter-bc{
    position: relative;
    padding-right: 0;
}

#all-ticket-page .filter-bc .btn-attendance-inline-right{
    position: absolute;
    top: 6px;
    right: -6px;
    width: 165px;
    z-index: 30;
}

#all-ticket-page .filter-bc .btn-attendance-inline-right .btn{
    width: 100%;
    height: 32px;
    padding: 5px 10px;
    white-space: nowrap;
    font-size: 13px;
}

#all-ticket-page .filter-bc .btn-attendance-inline-right .attendance-btn-checkout{
    border: 2px solid #e53935;
    border-radius: 4px;
    background-color: #ffe9e9;
    color: #c62828;
}

#all-ticket-page .filter-bc .btn-attendance-inline-right .attendance-btn-not-checked{
    border: 2px solid #c99700;
    border-radius: 4px;
    background-color: #fff7d6;
    color: #8a6d00;
}


#CSTickets thead input{
    background: none;
    border: none;
    outline: none;
    box-shadow: none;
    transition:background 0.3s;
    text-align:center;
    color:#145b54;
}

#CSTickets thead .filter-createdDate input{
    width:50%;
    float:left;
}

#CSTickets thead input:focus::-webkit-input-placeholder{
    color: #a3a3a3 !important;
}
#CSTickets thead input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #a3a3a3 !important;
    opacity:  1;
}
#CSTickets thead input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #a3a3a3 !important;
    opacity:  1;
}
#CSTickets thead input:focus:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #a3a3a3 !important;
}

#CSTickets thead input::-webkit-input-placeholder{
    color: #2d2d2d !important;
}
#CSTickets thead input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #2d2d2d !important;
    opacity:  1;
}
#CSTickets thead input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #2d2d2d !important;
    opacity:  1;
}
#CSTickets thead input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:    #2d2d2d !important;
}


#CSTickets thead input:focus,
#CSTickets thead input:hover,
#CSTickets thead input:active{
    background: rgba(255,255,255,0.5);
}

/*#CSTickets button{
    background-color:#428BBD;
    border-color:#357ebd;
    border-radius:0;
    color:white;
}*/


#CSTickets button.light{
    background-color:#428BBD;
    border-color:#357ebd;
}
#CSTickets button.disabled {
    background-color: grey;
}

#CSTickets .btn-menu{
    background-color:#428BBD !important;
    border-color:#357ebd !important;
    border: 1px solid transparent;
    border-radius: 0;
    color: white !important;
    border-radius: 4px;
}

#CSTickets .header select{
    margin-right:15px;
    display: block;
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border:none;
    background-color:transparent;
}

#CSTickets button.dark{
    background-color:#115888;
    border-color:#285e8e;
}


#CSTickets .fright{
    float:right;
}

#CSTickets .fleft{
    float:left;
}


#CSTickets .tblTickets{
    width: 100%;
    padding-bottom: 50px;
}


#CSTickets .tblTickets thead.theadTickets{

}

#CSTickets .tblTickets button.dropdown-toggle{
    background-color:transparent;
    border-color:transparent;
    text-shadow:none;
    color:black;
}

#CSTickets .tblTickets thead.theadTickets th{
    padding: 5px;
    font-size: 1.3em;
    text-align: center;
    font-weight: lighter;
    /*border-bottom: solid 1px #a3a3a3;*/
    background-color:#e0e0e0;
}


#CSTickets .filter-show {
    padding: 0 15px 10px 15px;
}

#CSTickets .filter-show .filter-item {
    background-color: #555;
    color: #fff;
    padding: 4px 6px;
    border-radius: 4px;
    font-size: 0.9em;
    font-weight: bold;
    cursor: pointer;
    margin-right: 5px;
}

#CSTickets .filter-show .label-search-item {
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    margin-right: 10px;
}

#CSTickets .filter-show .checkbox-search-item {
    cursor: pointer;
    background-color: #ffffff;
    border: 1px solid #c2c2c2;
}

#CSTickets .tblTickets tbody tr.main{
    border-top: solid 1px rgba(163,163,163,0.5);
    border-bottom: solid 1px rgba(163,163,163,0.5);
}
#CSTickets .tblTickets tbody.rowTemplate {
    border-bottom: solid 1px rgba(163,163,163,0.5);
}
#CSTickets .tblTickets tbody.rowTemplate tr.payment-progress{
    border-top: none;
}
#CSTickets .tblTickets tbody.rowTemplate tr.not-seat-template {

}
#CSTickets .tblTickets tbody.rowTemplate tr[class~="not-seat-template"] td{
    padding: 5px;
    text-align: center;
    border-left: solid 1px rgba(163,163,163,0.2);
    cursor: default;
}

#CSTickets .tblTickets tbody.rowTemplate tr[class~="not-seat-template"] td p.seat-and-info {
    color: #777; 
    font-size: 0.85em;
    margin-bottom: 0;
}

#CSTickets .tblTickets tbody.rowTemplate tr.main td{
    border-bottom: none;
}

#CSTickets .tblTickets tbody.rowTemplate tr{
    transition:background-color 0.1s;
}
#CSTickets .tblTickets tbody.rowTemplate tr.main{
    background-color: #f4f4f4;

}
#CSTickets .tblTickets tbody.rowTemplate tr.main td{
    cursor: pointer !important;
}
#CSTickets .tblTickets tbody.rowTemplate tr.seat-template-row {

}
#CSTickets .tblTickets tbody.rowTemplate tr.seat-template-row td {
    border-left: none;
}
#CSTickets .tblTickets td.comp span.compName{
    font-weight: bold;
}

#CSTickets .tblTickets td.source{

}

#CSTickets .tblTickets td.source p {
    margin-bottom: 0;
}

#CSTickets .tblTickets td.source.vPaid{

}

#CSTickets .tblTickets td.createdDate {
    font-weight: bold;
}

#CSTickets .tblTickets span.createdDate{
    font-weight: bold;
}
#CSTickets .tblTickets small{
    font-size: smaller;
    color: #777;
}
#CSTickets .tblTickets td.status span.status{

}

#CSTickets .tblTickets td.status span.paymentMethod{
    font-weight: bold;
}

#CSTickets .tblTickets td.bus-status span.bus-status{
    /*font-weight: bold;*/
}

#CSTickets .tblTickets td.customer-status span.customer-status{
    /*font-weight: bold;*/
}

#CSTickets .tblTickets td.customer span.phone{
    font-weight: bold;
}
#CSTickets .tblTickets td.code span.code{
    font-weight: bold;
}
#CSTickets .tblTickets td.customer span.name{

}

#CSTickets .tblTickets td.route span.time{
    font-weight: bold;
    color:#666666;
}

#CSTickets .tblTickets td.route span.date{
    font-weight: bold;
    color:#666666;
}

#CSTickets .tblTickets td.money {

}

#CSTickets .tblTickets td.bus-customer-status span {
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
    border-radius: 3px;
}

#CSTickets .tblTickets td.bus-customer-status span.bus-status-reserved {
    background-color: #ff0000;
}

#CSTickets .tblTickets td.bus-customer-status span.bus-status-paid {
    background-color: #ffdd00;
}

#CSTickets .tblTickets td.bus-customer-status span.bus-status-canceled {
    background-color: #ff00cc;
}

#CSTickets .tblTickets td.bus-customer-status span.customer-status-reserved {
    background-color: #ff8800;
}

#CSTickets .tblTickets td.bus-customer-status span.customer-status-canceled {
    background-color: #ff8800;
}

#CSTickets .tblTickets td.confirm input {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

#CSTickets .tblTickets tr.sub{
    background-color: rgba(163,163,163,0.5);
    display: none;
    transition:height 1s;
    background: #f4f4f4;
}

#CSTickets .tblTickets tr.sub td.info{
    background: white;
    -moz-box-shadow:    inset 2px 2px 1px rgba(40,40,40,0.1);
    -webkit-box-shadow: inset 2px 2px 1px rgba(40,40,40,0.1);
    box-shadow:         inset 2px 2px 1px rgba(40,40,40,0.1);
    border-top: solid 1px rgba(163,163,163,0.5);
    border-left: solid 1px rgba(163,163,163,0.5);
    position: relative;
}
#CSTickets .table-condensed th{
    background-color: #FFF !important;
    font-size: 13px !important;
}
#CSTickets tr.visible{
    display: table-row !important;
}



#CSTickets a.btn-task{
    display: inline-block;
    width: 32px;
    height:32px;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    opacity: 0.95;
}

#CSTickets a.btn-task.resend{
    background-image: url('/images/message-teal.png');
}
#CSTickets a.btn-task.update{
    background-image: url('/images/update-teal.png');
}
#CSTickets a.btn-task.cancel{
    background-image: url('/images/cancel-teal.png');
}
#CSTickets a.btn-task.pay{
    background-image: url('/images/check-teal.png');
}

#CSTickets a.btn-task:hover{
    opacity: 1;
}
#CSTickets a.btn-task:active{
    background-color: #3071a9;
    border-color:#285e8e;
}
#CSTickets td.action{
    cursor: pointer !important;
}
#CSTickets td.action a.showMore{
    display: inline-block;
    width: 40px;
    height:40px;
    background-size: 28px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-image: url('/img/tickets/more.png');
    opacity: 0.4;
    transition:opacity 0.3s;
    border-radius: 50%;

}
#CSTickets td.action:hover a.showMore{
    opacity: 1;
    border: solid 2px #666666;
}
#CSTickets td.action a.showMore:active{
    background-color: rgba(112,112,112,0.2);
}
#CSTickets .extraInfo {
    width: 100%;
    min-height: 50px;
}
#CSTickets .info-group {
    float: left;
    margin: 10px;
    margin-left: 10px;
    max-width: 260px;
    /*height: 250px;*/
}

#CSTickets .info-group .header {
    border-bottom: solid 1px rgba(204,204,204,0.5);
    text-align: left;
    margin-bottom: 5px;
    padding: 5px;
}

#CSTickets .info-group .header img {
    width: 32px;
    height: 32px;
    margin-top: -10px;
    display: inline-block;
}

#CSTickets .info-group .header span {
    padding: 0 5px;
    display: inline-block;
    font-size: medium;
}

#CSTickets .info-group ul.info {
    text-align: left;
    list-style-type: none;
    padding-left: 0px;
}

#CSTickets .info-group ul.info li {
    text-align: left;
    margin: 5px;
    padding-left: 12px;
}

#CSTickets .info-group ul.info li img {
    height: 16px;
    width: 16px;
    margin-top: -3px;
    display: -webkit-inline-box;
}

#CSTickets .info-group ul.commands {
    float: left;
}

#CSTickets .info-group ul.commands li img {
    height: 24px;
    width: 24px;
}

#CSTickets .info-group ul.commands li a {
    text-decoration: none;
    cursor: pointer;
    color: #0b052d;
    margin: 5px;
}

#CSTickets .info-group ul.commands li a:hover {
    color: #640c41;
}


#CSTickets .info-group ul.info li span {
    vertical-align: middle;
    line-height: 24px;
    color: #474747;
}
#CSTickets td.header{
    padding: 7px;
}
#CSTickets .info-group ul.info li span.important {
    font-weight: bold;
}

#CSTickets .info-group ul.info .col-title {
    float: left; 
    width: 120px;
    font-weight: bold;
}
#CSTickets .info-group ul.info .col-title .row-info {
    float: left; 
    width: 100%;
    min-height: 30px;
    border-bottom: 1px solid grey;
}
#CSTickets .info-group ul.info .col-title .row-info img {
    width: 16px; 
    height: 16px;
    float: left;
    margin-top: 7px;
    margin-left: 10px;
}
#CSTickets .info-group ul.info .col-title .row-info div {
    float: left;
    margin-left: 10px;
    margin-top: 5px;
}
#CSTickets .info-group ul.info .col-content {
    float: left; 
    /*width: 120px;*/
    border-left: 1px solid grey;
}
#CSTickets .info-group ul.info .col-content .row-info {
    float: left; 
    width: 100%;
    min-height: 30px;
    padding: 5px;
    text-align: center;
    word-wrap: break-word;
    border-bottom: 1px solid grey;
}



#CSTickets .info-group ul.info table {
    border-collapse: collapse;
    width: 100%;
}

#CSTickets .info-group ul.info table td {
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
}

#CSTickets .info-group ul.info table th {
    border: 1px solid #000;
    padding: 5px;
    text-align: center;
}

/*#CSTickets .info-group ul.info table td.col-title-1 {
    width: 110px;
    font-weight: bold;
}

#CSTickets .info-group ul.info table td.col-seat-code {
    font-weight: bold;
    background-color: #f0f0f0;
}

#CSTickets .info-group ul.info table td.col-info-1 {
    text-align: left;
    max-width: 250px;
    word-wrap: break-word;
}

#CSTickets .info-group ul.info table td img {
    height: 16px;
    width: 16px;
    float: left;
}*/



#CSTickets tr.payment-progress{
    padding: 0;
    border: none;
    background-color:#F4F4F4;
}
#CSTickets tr.payment-progress td{
    padding: 0 !important;
}
#CSTickets tr.payment-progress td >div{
    height: 2px;

    margin-bottom: -1px;
}
#CSTickets .paidTicket {
    color: #198815 !important;
    font-weight: bold;
}

#CSTickets .bookedTicket {
    color: #384cf9 !important;
    font-weight: bold;
}

#CSTickets .cancelledTicket {
    color: #e5917f !important;
    font-weight: bold;
}

#CSTickets .draftConfirmedTicket {
    color: #cc0099 !important;
}

#CSTickets .status4 {
    background: #cc0099;
}

#CSTickets .status5 {
    background: #e5917f;
}

#CSTickets .border-status1 {
    border-right: solid 12px #87a6e7;
}
#CSTickets .border-status2 {
    border-right: solid 12px #8bdf8a;
}

#CSTickets .border-status3 {
    border-right: solid 12px #e5917f;
}

#CSTickets .border-status4 {
    border-right: solid 12px #cc0099;
}

#CSTickets .border-status5 {
    border-right: solid 12px #e5917f;
}

#CSTickets td div.payment{
    display: flex;
    align-items: center;
}
#CSTickets td .payment .time{
    flex:1;
    display: flex;
    height: 4px;
    background-color:#bbbebb;
}
#CSTickets td .payment .time.active{
    background-color:rgba(54,226,66,0.5);
}
#CSTickets tbody.rowTemplate tr[class~="not-seat-template"] td .point{
    padding:10px;
    display: flex;
    color:#8c918c;
}

#CSTickets tbody.rowTemplate tr[class~="not-seat-template"] td .point.active{
    color:#222422;
    padding: 5px;
    border:solid  1px #abafab;
}

#CSTickets td .pValue {
    transition:opacity 1s;
    opacity: 1;
    width: 100%;
    background-color:transparent;
}
#CSTickets td  .pValue.opa{
    opacity: 0
}

#CSTickets td .pValue .time{
    background: transparent;
}

#CSTickets td .pValue .time.active{
    height:2px;
    background-color: rgba(54,226,66,0.4);
}

#CSTickets td .pValue  .dot{
    display: inline-block;
    width: 10px;
    height:10px;
    border: solid 1px #a6aaa6;
    border-radius: 50%;
    background: rgba(197,200,197,0.5);
    cursor: pointer;
}

#CSTickets td .pValue  .dot:hover{
    background: #eff0ef;
}

@-webkit-keyframes sk-rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    } 50% {
          transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
          -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
      } 100% {
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        }
}


.dlgVmsTicket .modal-content{
    border-radius:0;
    background-color:transparent;
}


.dlgVmsTicket .modal-header{
    padding:0;
    position: relative;
    background-color: rgba(230,230,230,0.95)
}

.dlgVmsTicket .modal-footer{
    padding:0;
    position: relative;
    background-color: #E6E6E6;
}

.dlgVmsTicket .modal-body{
    background-color:white;
}

.dlgVmsTicket .modal-header h4{
    padding:5px;
    padding-left:15px;
}

.dlgVmsTicket .alert{
    background-image: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.dlgVmsTicket .modal-header button.close{
    padding:2px 15px ;
    margin:0;
    opacity:1;
    transition:background ease 0.2s;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
}

.dlgVmsTicket .modal-header  button.close span{
    font-weight:normal;
    text-shadow:none;
    color:#2d2d2d;
    font-size:1.3em;
    transition:color ease 0.2s;
}

.dlgVmsTicket .modal-header button.close:hover{
    background:#E81123;
}

.dlgVmsTicket .modal-header  button.close:hover span{
    color:white;
}

.dlgVmsTicket .alert{
    background-image: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
}

.dlgVmsTicket input,
.dlgVmsTicket select,
.dlgVmsTicket textarea
{
    border-radius: 0;
    box-shadow: none;
    resize: none;
    padding:6px 12px;
    transition: border-color ease-in-out 0.1s;
}

.dlgVmsTicket input:focus,
.dlgVmsTicket select:focus,
.dlgVmsTicket textarea:focus
{
    outline:none;
    box-shadow:none;
    border-width:2px;
    padding:5px 11px;
    border-color:#00bcbc;
}

.dlgVmsTicket .input-group-addon{
    border-radius:0;
}

.dlgVmsTicket .modal-footer.center{
    text-align:center;
}

#CSTickets th.action{

}
#CSTickets th.source{
    width:5%;
}
#CSTickets th.status{
    width:7%;
}
#CSTickets th.ticket{
    width:7%;
}
#CSTickets th.customer{
    width:10%;
}
#CSTickets th.comp{
    width:17%;
}
#CSTickets th.tripTime{ // no
    width:17%;
}
#CSTickets th.money{
    width:6%;
}
#CSTickets th.user{
    width:13%;
}
#CSTickets th.createdDate{
    width:6%;
}
#CSTickets th.confirm{
    font-size: 13px !important;
    line-height: 1.42857143;
    padding: 5px 0;
    width: 4%;
}
#CSTickets th.method{
    width:6%;
    font-size: 13px !important;
    line-height: 1.42857143;
}
#CSTickets th.bus-status{
    width: 6%;
}
#CSTickets th.customer-status{
    width: 6%;
}
#CSTickets th.bus-customer-status {
    width: 12%;
}
#CSTickets .chosen-single{
    background: transparent;
    border: none;
    box-shadow: none;
    transition:background 0.3s;
}
#CSTickets .chosen-single:hover{
    background: rgba(255,255,255,0.5);
}

#CSTickets .tblTickets tr.canceled td {
    border: 1px solid #ff0000;
}

#CSTickets button.btn-action {
    padding: 5px;
    border: none;
    width: 32px;
    height: 35px;
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
    color: #000;
}

#CSTickets button.btn-action:hover {
    background-color: #006699;
    color: #fff;
}

.click-to-call {
    /*text-decoration: underline !important; 
    cursor: pointer; 
    color: #3388FF !important;*/
}

.click-to-call i {
    cursor: pointer; 
    color: #3388FF !important;
    font-size: 1.5em;
}

.extra-booking-button {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: 10px;
    padding-right: 10px;
}

.extra-booking-button i {
    background-color: transparent;
    font-size: 1.5em;
    margin-right: 10px;
    cursor: pointer;
}

.extra-booking-button i.disabled {
    pointer-events: none;
    cursor: not-allowed;
    color: #aaa;
}

.all-ticket-edit-btn {

}

.all-ticket-cancel-btn {
    
}

.all-ticket-print-btn {
    
}

.all-ticket-history-btn {
    
}

.all-ticket-booking-again-btn {
    
}



.btn-filter {
    padding-right: 0 !important;
}

.section-all-ticket {
    padding-top: 43px;
}

.fast-coupon .modal-header {
    background-color: #428bca;
    color: white;
}

.fast-coupon .modal-title {
    font-weight: bold;
}

.fast-coupon .close {
    opacity: 1;
    color: white;
}

.fast-coupon .modal-content {
    border: 1px solid rgb(66 139 202);
}

.fast-coupon .modal-footer {
    background-color: #e5e5e5;
}

.fast-coupon .form-horizontal .control-label {
    text-align: left;
}

.fast-coupon .help-block {
    margin-bottom: 0;
}

.extra-booking-button i.disabled.fast-coupon {
    opacity: 0.2;
}

@media only screen and (max-width: 992px) {
    .section-all-ticket {
        padding-top: 93px;
    }
}