.infor-st-setting #data_history_book td a.btn-export-booking {
margin-top: 5px;
padding: 5px 10px; }
.invoice-booking-detail {
border: 1px solid #dddddd; }
.invoice-booking-detail .booking-detail-title .thumb {
width: 50%; }
.invoice-booking-detail .booking-detail-title .info-title {
padding-left: 20px; }
.invoice-booking-detail .booking-detail-title .info-title .title {
font-size: 32px; }
.page-template-template-user .page-content table.table-booking-history tr td a.btn-export-booking {
color: #fff; }
@media (min-width: 768px) {
#stt-history-popup .modal-dialog {
margin: 100px auto; } }
#stt-history-popup .modal-dialog .modal-content .export-header {
padding: 30px 20px;
background: #5191FA;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between; }
#stt-history-popup .modal-dialog .modal-content .export-header .close {
opacity: 1; }
#stt-history-popup .modal-dialog .modal-content .modal-body {
padding: 30px; }
#stt-history-popup .modal-dialog .modal-content .modal-body .filter-title {
font-size: 18px;
font-weight: 500;
color: #111111;
margin-bottom: 15px; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .date-history-swapper {
width: 50%;
position: relative; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .date-history-swapper .check-in-wrapper {
cursor: pointer; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .date-history-swapper .check-in-wrapper label {
color: #5a5a5a;
font-weight: 500;
margin-bottom: 10px; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .date-history-swapper .check-in-wrapper .date {
display: inline-block;
padding-bottom: 7px;
border-bottom: 1px solid #dddddd; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .date-history-swapper .check-in-wrapper .render, #stt-history-popup .modal-dialog .modal-content .modal-body .export-content .date-history-swapper .check-in-wrapper span {
color: #5191fa; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .date-history-swapper .check-in-wrapper .check-in-render {
display: inline-block; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .date-history-swapper .check-in-wrapper .check-out-render {
display: inline-block; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .date-history-swapper .check-in-out {
opacity: 0;
position: absolute;
bottom: -100%;
left: 0px;
cursor: pointer; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .status-swapper {
width: 50%; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .status-swapper label {
color: #5a5a5a;
font-weight: 500;
margin-bottom: 10px; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .status-swapper .form-select-2 {
width: 50%; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .status-swapper .form-select-2 .select2-choice {
border: none;
background-image: none;
border-bottom: 1px solid #dddddd;
background-color: unset;
color: #5191fa;
border-radius: unset;
padding-left: 0px;
padding-bottom: 27px;
-webkit-box-shadow: unset;
box-shadow: unset; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .status-swapper .form-select-2 .select2-choice:focus {
outline: unset; }
#stt-history-popup .modal-dialog .modal-content .modal-body .export-content .status-swapper .form-select-2 .select2-choice .select2-arrow {
display: none; }
#stt-history-popup .modal-dialog .modal-content .modal-footer {
border-top: none;
text-align: center;
padding-bottom: 60px;
padding-top: 30px; }
#stt-history-popup .modal-dialog .modal-content .modal-footer .stt-export-button {
padding: 5px 20px;
font-size: 15px; }
#select2-drop.stt-status-select {
border: none; }
#select2-drop.stt-status-select .select2-search {
display: none; }
#select2-drop.stt-status-select .select2-results .select2-highlighted {
background: #f5f4f7;
color: #000; }