/*# sourceMappingURL=custom.min.css.map */ /* Preparation Loading */ .preLoad {width:100%; height:100%; display:flex; justify-content:center; position:absolute; left:0; top:0; background:rgba(255,255,255,.5); z-index:10;} .preLoad .spinner-border {align-self:center;} [data-layout-mode="dark"] .preLoad {background:rgba(20, 22, 25, 0.5);} /* header-profile-user */ .header-profile-user {object-fit:cover; object-position:center top;} /* scroller ------------------------- */ .scroller {height: calc(100vh - 112px); padding: 10px 10px 100px; overflow-y: scroll;} /* scroller-status ------------------------- */ .scroller-status {display: none; padding: 20px 0;} .scroller-status__message {text-align: center;color: #777;} .masonry-small .image-grid__item {margin-bottom: 10px;} /* image-grid ------------------------- */ .image-grid {max-width: 1200px;} .image-grid__item, .image-grid__col-sizer {width: 33%;} .image-grid__gutter-sizer { width: .5%; } .image-grid__item {margin-bottom: 20px;float: left;} /* hide by default */ .image-grid.are-images-unloaded .image-grid__item {opacity: 0;} .image-grid__image {display: block;max-width: 100%;} /* icon-grid ------------------------- */ .icon-grid {max-width: 1200px;} .icon-grid__item, .icon-grid__col-sizer {width: 16%;} .icon-grid__gutter-sizer { width: .8%; } .icon-grid__item {margin-bottom: 10px;float: left;} /* hide by default */ .icon-grid.are-images-unloaded .icon-grid__item {opacity: 0;} .icon-grid__image {display: block;max-width: 100%;} /* loader-ellips ------------------------- */ .loader-ellips {font-size: 20px; position: relative; width: 4em; height: 1em; margin: 10px auto; } .loader-ellips__dot {display: block; width: 1em; height: 1em; border-radius: 0.5em; background: #555; position: absolute; animation-duration: 0.5s; animation-timing-function: ease; animation-iteration-count: infinite;} .loader-ellips__dot:nth-child(1), .loader-ellips__dot:nth-child(2) {left: 0;} .loader-ellips__dot:nth-child(3) {left: 1.5em; } .loader-ellips__dot:nth-child(4) {left: 3em; } @keyframes reveal { from { transform: scale(0.001); } to { transform: scale(1); } } @keyframes slide { to { transform: translateX(1.5em); } } .loader-ellips__dot:nth-child(1) {animation-name: reveal;} .loader-ellips__dot:nth-child(2), .loader-ellips__dot:nth-child(3) {animation-name: slide;} /* stylelint-disable-next-line no-duplicate-selectors */ .loader-ellips__dot:nth-child(4) {animation-name: reveal; animation-direction: reverse;} /* Article Editor */ .offcanvas {z-index:1060;} .offcanvas-backdrop {z-index:1055;} .articleEditor .modal-header, .modal-footer {padding: 0.5rem!important;} .articleEditor .modal-body {padding:0 .5rem!important;} .articleEditor .note-modal-footer {height:auto; overflow:hidden;} /* Cltalog in Card */ .card.catalog .card-header .card-title {margin:0 .5rem 0 0;} .card.catalog .card-header .btn {margin-right:.2rem;} .card.catalog .card-header .btn:last-child {margin:0;} .card.catalog .input-group {margin-bottom:.5rem;} .card.catalog .input-group:last-child {margin:0;} .card.catalog .input-group-text {opacity:.5;} .card.catalog .input-group-text.handle {cursor:pointer; opacity:1;} .card.catalog .input-group .btn {width:45px;} .card.catalog .input-group .spinner-border {width:1rem; height:1rem; border-width:.15rem; position:absolute; top:50%; left:50%; margin:-.5rem 0 0 -.5rem;} .card.catalog .input-group .recall {width:30px; height:100%; text-align:center; position:absolute; z-index:3; top:0; right:135px; display:flex; justify-content: center; visibility: hidden;} .card.catalog .input-group .recall i {align-self: center;} .card.catalog .input-group input.edit+.recall {visibility: visible;} .card.catalog .card-body:not(.modal-dialog .card-body) {position:relative; min-height:300px;} .btnDo .spinner-border {width:1rem; height:1rem; border-width:.15rem; position:absolute; top:50%; left:.6rem; margin-top:-.5rem;} /* Table Element */ #listjs thead th.listjs-sorter {padding-right:20px!important;} #listjs thead th.listjs-sorter::after {right:.4rem!important;} .setMv, .setDe {height:38px;} .setMv em, .setDe em {font-style:normal; white-space:nowrap;} th:first-child, td.set {width:40px; position:relative;} .bySort td.set {padding-left:20px!important; padding-right:0!important;} td.set .btn-soft-primary {position:absolute; justify-content: center; align-items: center; width:20px; height:100%; left:0; top:0; display:none; visibility:hidden;} td.set .btn-soft-primary {display:flex; visibility:visible; } .bySort th:first-child {width:60px;} .fotoView a { width:48px; height:36px; position:relative; display:block; overflow:hidden; transition:.15s ease-in-out; -webkit-transition:.15s ease-in-out; -moz-transition:.15s ease-in-out; -ms-transition:.15s ease-in-out; -o-transition:.15s ease-in-out; } .fotoView img { width:48px; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%); transition:.2s ease-in; -webkit-transition:.2s ease-in; -moz-transition:.2s ease-in; -ms-transition:.2s ease-in; -o-transition:.2s ease-in; } tr.zoom:hover .fotoView a {overflow:visible;} tr.zoom:hover .fotoView img { width:150%; z-index:1; filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .7)); -webkit-filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, .7));} td[class$='Show'], td.sStatus, td.btiHome {width:80px;} td[class$='Show'] a i, td.sStatus a i, td.btiHome a i {margin-right:.2rem;} td[class$='Show'] a, td.sStatus a, td.btiHome a {display:flex; justify-content: center; opacity:.5;} td[class$='Show'] a.show, td.sStatus a.show, td.btiHome a.show {opacity:1;} /* Table @ Fotos */ #rowFoto th, #rowFoto td {text-align:center; vertical-align:middle; padding:9px;} #rowFoto th:nth-child(2), #rowFoto td:nth-child(2) {width:70px;} #rowFoto th:nth-child(4), #rowFoto td:nth-child(4), #rowFoto th:nth-child(5), #rowFoto td:nth-child(5) {width:80px;} #rowFoto th:nth-child(6), #rowFoto td:nth-child(6) {width:80px;} #rowFoto th:nth-child(7), #rowFoto td:nth-child(7), #rowFoto th:nth-child(8), #rowFoto td:nth-child(8) {width:100px;} #rowFoto td:nth-child(3), #rowFoto td:nth-child(7) {text-align:left;} #rowFoto td:nth-child(4), #rowFoto td:nth-child(5) {text-align:right;} /* Table @ Branch Base */ #rowBranchBase th, #rowBranchBase td {text-align:center; vertical-align:middle; padding:9px;} #rowBranchBase th:nth-child(2), #rowBranchBase td:nth-child(2) {width:70px;} #rowBranchBase td:nth-child(3), #rowBranchBase td:nth-child(4) {text-align:left;} #rowBranchBase td:nth-child(5) {text-align:right;} #rowBranchBase th:nth-child(5), #rowBranchBase td:nth-child(5), #rowBranchBase th:nth-child(6), #rowBranchBase td:nth-child(6) {width:80px;} #rowBranchBase th:nth-child(7), #rowBranchBase td:nth-child(7) {width:100px;} /* Table @ Branch Card */ #rowBranchCard th, #rowBranchCard td {text-align:center; vertical-align:middle; padding:9px;} #rowBranchCard th:nth-child(2), #rowBranchCard td:nth-child(2) {width:70px;} #rowBranchCard th:nth-child(5), #rowBranchCard td:nth-child(5), #rowBranchCard th:nth-child(6), #rowBranchCard td:nth-child(6) {width:100px; text-align:center;} #rowBranchCard td:nth-child(3), #rowBranchCard td:nth-child(4) {text-align:left;} #rowBranchCard th:nth-child(7), #rowBranchCard td:nth-child(7) {width:80px;} /* Table @ BranchIcon */ #rowBranchIcon th, #rowBranchIcon td {text-align:center; vertical-align:middle; padding:9px;} #rowBranchIcon th:nth-child(2), #rowBranchIcon td:nth-child(2) {width:70px;} #rowBranchIcon td:nth-child(3), #rowBranchIcon td:nth-child(5) {text-align:left;} #rowBranchIcon th:nth-child(4), #rowBranchIcon td:nth-child(4) {width:100px;} #rowBranchIcon th:nth-child(6), #rowBranchIcon td:nth-child(6) {width:80px;} /* Table @ Branch Real */ #rowBranchReal th, #rowBranchReal td {text-align:center; vertical-align:middle; padding:9px;} #rowBranchReal th:nth-child(2), #rowBranchReal td:nth-child(2) {width:70px;} #rowBranchReal th:nth-child(7), #rowBranchReal td:nth-child(7) {width:80px; text-align:center;} #rowBranchReal th:nth-child(5), #rowBranchReal td:nth-child(5) {width:100px;} #rowBranchReal td:nth-child(3), #rowBranchReal td:nth-child(4), #rowBranchReal td:nth-child(6) {text-align:left;} /* Table @ Branch Tenant */ #rowBranchTenant th, #rowBranchTenant td {text-align:center; vertical-align:middle; padding:9px;} #rowBranchTenant th:nth-child(2), #rowBranchTenant td:nth-child(2) {width:70px;} #rowBranchTenant td:nth-child(3), #rowBranchTenant td:nth-child(4), #rowBranchTenant td:nth-child(6) {text-align:left;} #rowBranchTenant th:nth-child(5), #rowBranchTenant td:nth-child(5), #rowBranchTenant th:nth-child(6), #rowBranchTenant td:nth-child(6) {width:80px; text-align:center;} /* Table @ Meeting */ #rowMeeting th, #rowMeeting td {text-align:center; vertical-align:middle; padding:9px;} #rowMeeting th:nth-child(2), #rowMeeting td:nth-child(2) {width:70px;} #rowMeeting td:nth-child(3), #rowMeeting td:nth-child(4), #rowMeeting td:nth-child(5) {text-align:left;} #rowMeeting th:nth-child(6), #rowMeeting td:nth-child(6), #rowMeeting th:nth-child(7), #rowMeeting td:nth-child(7), #rowMeeting th:nth-child(8), #rowMeeting td:nth-child(8) {width:80px;} #rowMeeting td:nth-child(6), #rowMeeting td:nth-child(7) {text-align:right;} #rowMeeting th:nth-child(9), #rowMeeting td:nth-child(9) {width:100px;} /* Table @ Office */ #rowOffice th, #rowOffice td {text-align:center; vertical-align:middle; padding:9px;} #rowOffice th:nth-child(2), #rowOffice td:nth-child(2) {width:70px;} #rowOffice td:nth-child(3), #rowOffice td:nth-child(4), #rowOffice td:nth-child(5) {text-align:left;} #rowOffice th:nth-child(6), #rowOffice td:nth-child(6), #rowOffice th:nth-child(7), #rowOffice td:nth-child(7), #rowOffice th:nth-child(8), #rowOffice td:nth-child(8), #rowOffice th:nth-child(9), #rowOffice td:nth-child(9) {width:80px;} #rowOffice td:nth-child(6), #rowOffice td:nth-child(7) {text-align:right;} #rowOffice th:nth-child(10), #rowOffice td:nth-child(10) {width:100px;} /* Table @ Virtual */ #rowVirtual th, #rowVirtual td {text-align:center; vertical-align:middle; padding:9px;} #rowVirtual th:nth-child(2), #rowVirtual td:nth-child(2) {width:70px;} #rowVirtual td:nth-child(3), #rowVirtual td:nth-child(4), #rowVirtual td:nth-child(5) {text-align:left;} #rowVirtual th:nth-child(6), #rowVirtual td:nth-child(6), #rowVirtual th:nth-child(7), #rowVirtual td:nth-child(7) {width:80px;} #rowVirtual td:nth-child(6) {text-align:right;} #rowVirtual th:nth-child(8), #rowVirtual td:nth-child(8) {width:100px;} /* Table @ Seat */ #rowSeat th, #rowSeat td {text-align:center; vertical-align:middle; padding:9px;} #rowSeat th:nth-child(4), #rowSeat td:nth-child(4), #rowSeat th:nth-child(5), #rowSeat td:nth-child(5) {width:80px;} #rowSeat th:nth-child(6), #rowSeat td:nth-child(6) {width:80px; text-align:center;} #rowSeat td:nth-child(2), #rowSeat td:nth-child(3) {text-align:left;} #rowSeat td:nth-child(4), #rowSeat td:nth-child(5) {text-align:right;} /* Table @ About */ #rowAbout th, #rowAbout td {text-align:center; vertical-align:middle; padding:9px;} #rowAbout th:nth-child(2), #rowAbout td:nth-child(2) {width:70px;} #rowAbout td:nth-child(3) {text-align:left;} #rowAbout td:nth-child(4) {text-align:right;} #rowAbout th:nth-child(4), #rowAbout td:nth-child(4), #rowAbout th:nth-child(5), #rowAbout td:nth-child(5) {width:80px;} #rowAbout th:nth-child(6), #rowAbout td:nth-child(6) {width:100px;} /* Table @ Post */ #rowPost th, #rowPost td {text-align:center; vertical-align:middle; padding:9px;} #rowPost th:nth-child(2), #rowPost td:nth-child(2) {width:70px;} #rowPost th:nth-child(5), #rowPost td:nth-child(5) {width:80px;} #rowPost th:nth-child(6), #rowPost td:nth-child(6) {width:80px; text-align:center;} #rowPost th:nth-child(4), #rowPost td:nth-child(4), #rowPost th:nth-child(7), #rowPost td:nth-child(7) {width:100px;} #rowPost td:nth-child(3), #rowPost td:nth-child(4) {text-align:left;} #rowPost td:nth-child(5) {text-align:right;} /* Table @ Faq */ #rowFaq th, #rowFaq td {text-align:center; vertical-align:middle; padding:9px;} #rowFaq th:nth-child(2), #rowFaq td:nth-child(2) {width:70px;} #rowFaq th:nth-child(5), #rowFaq td:nth-child(5) {width:80px; text-align:center;} #rowFaq th:nth-child(4), #rowFaq td:nth-child(4), #rowFaq th:nth-child(6), #rowFaq td:nth-child(6) {width:100px;} #rowFaq td:nth-child(3), #rowFaq td:nth-child(4) {text-align:left;} /* Table @ Slide */ #rowSlide th, #rowSlide td {text-align:center; vertical-align:middle; padding:9px;} #rowSlide th:nth-child(2), #rowSlide td:nth-child(2) {width:70px;} #rowSlide th:nth-child(5), #rowSlide td:nth-child(5) {width:80px; text-align:center;} #rowSlide th:nth-child(3), #rowSlide td:nth-child(3) {width:100px;} #rowSlide td:nth-child(4) {text-align:left;} /* Table @ Referral */ #rowReferral th, #rowReferral td {text-align:center; vertical-align:middle; padding:9px;} #rowReferral td:nth-child(2) {width:70px;} #rowReferral td:nth-child(3), #rowReferral td:nth-child(4) {text-align:left;} #rowReferral th:nth-child(4), #rowReferral td:nth-child(5) {width:80px; text-align:center;} #rowReferral th:nth-child(5), #rowReferral td:nth-child(6) {width:100px;} #rowReferral td:nth-child(3) div, #rowReferral td:nth-child(4) div {margin:0 0 -.2rem -.2rem; min-width:200px;} #rowReferral td:nth-child(3) div .btn, #rowReferral td:nth-child(4) div .btn {margin:0 0 .2rem .2rem; float:left;} /* Table @ ReferralItem */ #rowReferralItem th, #rowReferralItem td {text-align:center; vertical-align:middle; padding:9px;} #rowReferralItem td:nth-child(2), #rowReferralItem td:nth-child(3) {text-align:left;} #rowReferralItem th:nth-child(5), #rowReferralItem td:nth-child(5), #rowReferralItem th:nth-child(6), #rowReferralItem td:nth-child(6) {width:80px;} #rowReferralItem td:nth-child(5), #rowReferralItem td:nth-child(6) {text-align:right;} #rowReferralItem th:nth-child(7), #rowReferralItem td:nth-child(7), #rowReferralItem th:nth-child(8), #rowReferralItem td:nth-child(8) {width:100px;} #rowReferralItem th:nth-child(4), #rowReferralItem td:nth-child(4), #rowReferralItem th:nth-child(9), #rowReferralItem td:nth-child(9) {width:80px;} /* Table @ Product */ #rowProduct th, #rowProduct td {text-align:center; vertical-align:middle; padding:9px;} #rowProduct td:nth-child(2) {width:70px;} #rowProduct td:nth-child(3), #rowProduct td:nth-child(4) {text-align:left;} #rowProduct th:nth-child(4), #rowProduct td:nth-child(5), #rowProduct th:nth-child(5), #rowProduct td:nth-child(6), #rowProduct th:nth-child(7), #rowProduct td:nth-child(7), #rowProduct th:nth-child(7), #rowProduct td:nth-child(8), #rowProduct th:nth-child(8), #rowProduct td:nth-child(9) {width:80px;} #rowProduct th:nth-child(9), #rowProduct td:nth-child(10) {width:100px;} #rowProduct td:nth-child(5), #rowProduct td:nth-child(6), #rowProduct td:nth-child(7), #rowProduct td:nth-child(8) {text-align:right;} #rowProduct td:nth-child(3) div, #rowProduct td:nth-child(4) div {margin:0 0 -.2rem -.2rem; min-width:200px;} #rowProduct td:nth-child(3) div .btn, #rowProduct td:nth-child(4) div .btn {margin:0 0 .2rem .2rem; float:left;} /* Table @ Price */ #rowPrice th, #rowPrice td {text-align:center; vertical-align:middle; white-space:nowrap;} #rowPrice td {padding:0px; position:relative; height:35px; min-width:100px;} #rowPrice input {border:none; text-align:right; position:absolute; width:100%; height:100%; left:0; top:0;} #rowPrice .o1 input, #rowPrice .o2 input {text-align:left;} #rowPrice .o1, #rowPrice .o2 {width:auto} /* Table @ Address */ #rowAddress th, #rowAddress td {text-align:center; vertical-align:middle; padding:9px;} #rowAddress td {text-align:left;} #rowAddress td:first-child {text-align:center;} #rowAddress th:nth-child(6), #rowAddress td:nth-child(6) {width:80px; text-align:center;} /* Table @ Delivery */ #rowDelivery th, #rowDelivery td {text-align:center; vertical-align:middle; padding:9px;} #rowDelivery td {text-align:left;} #rowDelivery td:first-child {text-align:center;} #rowDelivery td:nth-child(5) div {margin:0 0 -.2rem -.2rem; min-width:200px;} #rowDelivery td:nth-child(5) div .btn {margin:0 0 .2rem .2rem; float:left;} #rowDelivery th:nth-child(6), #rowDelivery td:nth-child(6) {width:80px; text-align:center;} /* Table @ User */ #rowUser th, #rowUser td {text-align:center; vertical-align:middle; padding:9px;} #rowUser td:nth-child(2) {width:70px;} #rowUser td:nth-child(3), #rowUser td:nth-child(4), #rowUser td:nth-child(5), #rowUser td:nth-child(6) {text-align:left;} #rowUser td:nth-child(6) div {margin:0 0 -.2rem -.2rem; min-width:200px;} #rowUser td:nth-child(6) div .btn {margin:0 0 .2rem .2rem; float:left;} #rowUser th:nth-child(8), #rowUser td:nth-child(8) {width:80px; text-align:center;} #rowUser th:nth-child(9), #rowUser td:nth-child(9) {width:100px;} /* Table @ User2 */ #rowUser2 th, #rowUser2 td {text-align:center; vertical-align:middle; padding:9px;} #rowUser2 td:nth-child(2) {width:70px;} #rowUser2 td:nth-child(3), #rowUser2 td:nth-child(4), #rowUser2 td:nth-child(5), #rowUser2 td:nth-child(6), #rowUser2 td:nth-child(7), #rowUser2 td:nth-child(8), #rowUser2 td:nth-child(9), #rowUser2 td:nth-child(10) {text-align:left;} #rowUser2 td:nth-child(8) div, #rowUser2 td:nth-child(9) div {margin:0 0 -.2rem -.2rem; min-width:200px;} #rowUser2 td:nth-child(8) div .btn, #rowUser2 td:nth-child(9) div .btn {margin:0 0 .2rem .2rem; float:left;} #rowUser2 th:nth-child(11), #rowUser2 td:nth-child(11) {width:100px;} /* Table @ Cards */ #rowCards th, #rowCards td {text-align:center; vertical-align:middle; padding:9px;} #rowCards td:nth-child(2) {width:70px;} #rowCards td:nth-child(3), #rowCards td:nth-child(4), #rowCards td:nth-child(5), #rowCards td:nth-child(6), #rowCards td:nth-child(7), #rowCards td:nth-child(8) {text-align:left; width:auto;} #rowCards td:nth-child(9) {width:100px;} /* Table @ Buyer */ #rowBuyer th, #rowBuyer td {text-align:center; vertical-align:middle; padding:9px;} #rowBuyer td:nth-child(2), #rowBuyer td:nth-child(3), #rowBuyer td:nth-child(4), #rowBuyer td:nth-child(7) {text-align:left;} #rowBuyer td:nth-child(7) div {margin:0 0 -.2rem -.2rem; min-width:200px;} #rowBuyer td:nth-child(7) div .btn {margin:0 0 .2rem .2rem; float:left;} #rowBuyer th:nth-child(8), #rowBuyer td:nth-child(8) {width:80px; text-align:center;} #rowBuyer th:nth-child(9), #rowBuyer td:nth-child(9) {width:100px;} #rowBuyer td:nth-child(5), #rowBuyer td:nth-child(6) {text-align:right;} /* Table @ Msg */ #rowMsg th, #rowMsg td {text-align:center; vertical-align:middle; padding:9px;} #rowMsg td:nth-child(2) {width:95px;} #rowMsg td:nth-child(3), #rowMsg td:nth-child(4), #rowMsg td:nth-child(5), #rowMsg td:nth-child(6), #rowMsg td:nth-child(7) {text-align:left;} #rowMsg td:nth-child(7) div {margin:0 0 -.2rem -.2rem; min-width:200px;} #rowMsg td:nth-child(7) div .btn {margin:0 0 .2rem .2rem; float:left;} #rowMsg th:nth-child(8), #rowMsg td:nth-child(8) {width:60px;} #rowMsg th:nth-child(9), #rowMsg td:nth-child(9) {width:62px;} /* Table @ Home01 */ #home01 {position:relative;} #home01 .home01 {position:absolute; top:12px; right:28px; z-index:1;} #home01 .card-header .form-check {display:inline-block;} #rowHome01 th, #rowHome01 td {text-align:center; vertical-align:middle; padding:9px;} #rowHome01 th:nth-child(2), #rowHome01 td:nth-child(2) {width:70px;} #rowHome01 th:nth-child(5), #rowHome01 td:nth-child(5), #rowHome01 th:nth-child(6), #rowHome01 td:nth-child(6) {width:100px; text-align:center;} #rowHome01 td:nth-child(3), #rowHome01 td:nth-child(4) {text-align:left;} #rowHome01 th:nth-child(7), #rowHome01 td:nth-child(7) {width:80px;} /* Table @ Home02 */ #home02 {position:relative;} #home02 .home02 {position:absolute; top:12px; right:28px; z-index:1;} #home02 .card-header .form-check {display:inline-block;} #rowHome02 th, #rowHome02 td {text-align:center; vertical-align:middle; padding:9px;} #rowHome02 th:nth-child(2), #rowHome02 td:nth-child(2) {width:70px;} #rowHome02 th:nth-child(5), #rowHome02 td:nth-child(5) {width:100px; text-align:center;} #rowHome02 td:nth-child(3), #rowHome02 td:nth-child(4) {text-align:left;} #rowHome02 th:nth-child(6), #rowHome02 td:nth-child(6) {width:80px;} /* Table @ Home03 */ #home03 {position:relative;} #home03 .home03 {position:absolute; top:12px; right:28px; z-index:1;} #home03 .card-header .form-check {display:inline-block;} #rowHome03 th, #rowHome03 td {text-align:center; vertical-align:middle; padding:9px;} #rowHome03 th:nth-child(2), #rowHome03 td:nth-child(2) {width:70px;} #rowHome03 th:nth-child(5), #rowHome03 td:nth-child(5), #rowHome03 th:nth-child(6), #rowHome03 td:nth-child(6) {width:100px; text-align:center;} #rowHome03 td:nth-child(3), #rowHome03 td:nth-child(4) {text-align:left;} #rowHome03 th:nth-child(7), #rowHome03 td:nth-child(7) {width:80px;} /* Table @ Home04 */ #home04 {position:relative;} #home04 .home04 {position:absolute; top:12px; right:28px; z-index:1;} #home04 .card-header .form-check {display:inline-block;} #rowHome04 th, #rowHome04 td {text-align:center; vertical-align:middle; padding:9px;} #rowHome04 td:nth-child(2), #rowHome04 td:nth-child(3) {text-align:left;} #rowHome04 th:nth-child(4), #rowHome04 td:nth-child(4) {width:80px;} /* Table @ Home05 */ #home05 {position:relative;} #home05 .home05 {position:absolute; top:12px; right:28px; z-index:1;} #home05 .card-header .form-check {display:inline-block;} #rowHome05 th, #rowHome05 td {text-align:center; vertical-align:middle; padding:9px;} #rowHome05 th:nth-child(2), #rowHome05 td:nth-child(2) {width:70px;} #rowHome05 td:nth-child(3), #rowHome05 td:nth-child(4) {text-align:left; width:120px;} #rowHome05 td:nth-child(5) {text-align:left;} #rowHome05 th:nth-child(6), #rowHome05 td:nth-child(6) {width:80px;} /* Table @ Home06 */ #home06 {position:relative;} #home06 .home06 {position:absolute; top:12px; right:28px; z-index:1;} #home06 .card-header .form-check {display:inline-block;} #rowHome06 th, #rowHome06 td {text-align:center; vertical-align:middle; padding:9px;} #rowHome06 th:nth-child(2), #rowHome06 td:nth-child(2) {width:70px;} #rowHome06 td:nth-child(3), #rowHome06 td:nth-child(4) {text-align:left;} #rowHome06 th:nth-child(5), #rowHome06 td:nth-child(5) {width:80px;} /* Table @ Home07 */ #home07 {position:relative;} #home07 .home07 {position:absolute; top:12px; right:28px; z-index:1;} #home07 .card-header .form-check {display:inline-block;} /* Table @ Home08 */ #home08 {position:relative;} #home08 .home08 {position:absolute; top:12px; right:28px; z-index:1;} #home08 .card-header .form-check {display:inline-block;} /* Table @ Home09 */ #home09 {position:relative;} #home09 .home09 {position:absolute; top:12px; right:28px; z-index:1;} #home09 .card-header .form-check {display:inline-block;} #rowHome09 th, #rowHome09 td {text-align:center; vertical-align:middle; padding:9px;} #rowHome09 th:nth-child(2), #rowHome09 td:nth-child(2) {width:70px;} #rowHome09 th:nth-child(6), #rowHome09 td:nth-child(6), #rowHome09 th:nth-child(7), #rowHome09 td:nth-child(7) {width:100px; text-align:center;} #rowHome09 td:nth-child(3), #rowHome09 td:nth-child(4) {text-align:left;} #rowHome09 td:nth-child(5) {text-align:right;} #rowHome09 th:nth-child(5), #rowHome09 td:nth-child(5), #rowHome09 th:nth-child(8), #rowHome09 td:nth-child(8) {width:80px;} /* Table @ home10 */ #home10 {position:relative;} #home10 .home10 {position:absolute; top:12px; right:28px; z-index:1;} #home10 .card-header .form-check {display:inline-block;} #rowHome10 th, #rowHome10 td {text-align:center; vertical-align:middle; padding:9px;} #rowHome10 th:nth-child(2), #rowHome10 td:nth-child(2) {width:70px} #rowHome10 th:nth-child(3), #rowHome10 td:nth-child(3) {width:100px} #rowHome10 td:nth-child(4), #rowHome10 td:nth-child(5) {text-align:left;} #rowHome10 th:nth-child(6), #rowHome10 td:nth-child(6), #rowHome10 th:nth-child(7), #rowHome10 td:nth-child(7) {width:100px;} #rowHome10 th:nth-child(8), #rowHome10 td:nth-child(8) {width:80px;} /* Table @ Banner */ #banner {position:relative;} #banner .banner {position:absolute; top:12px; right:28px; z-index:1;} #banner .card-header .form-check {display:inline-block;} #rowBanner th, #rowBanner td {text-align:center; vertical-align:middle; padding:9px;} #rowBanner th:nth-child(2), #rowBanner td:nth-child(2) {width:70px} #rowBanner td:nth-child(3), #rowBanner td:nth-child(4) {text-align:left;} #rowBanner th:nth-child(5), #rowBanner td:nth-child(5), #rowBanner th:nth-child(6), #rowBanner td:nth-child(6) {width:100px;} #rowBanner th:nth-child(7), #rowBanner td:nth-child(7) {width:80px;} /* Table @ HomeFooter */ #homeFooter {position:relative;} #homeFooter .homeFooter {position:absolute; top:12px; right:28px; z-index:1;} #homeFooter .card-header .form-check {display:inline-block;} /* ListJs 參考：https://wickedev.com/create-interactive-html-table-using-list-js/ */ .listjs-sorter {position: relative; cursor: pointer; padding-right: 1.25rem;} .listjs-sorter:after {font-weight: normal; line-height: 1; content: "\21C5"; position: absolute; right: 0.75rem; top: 50%; transform: translateY(-50%);} .listjs-sorter.asc:after {content: "\2191";} .listjs-sorter.desc:after {content: "\2193";} /* Summernote@0.8.18 */ .note-editor .note-toolbar .dropdown-toggle::after {display:none;} .note-editor .note-toolbar .note-color-all .note-dropdown-menu {min-width:345px;} .note-btn-group {margin-right:0} .note-editor.note-frame.fullscreen {background-color:#FFF;} html[data-layout-mode="dark"] .note-frame {color: var(--vz-body-color);} html[data-layout-mode="dark"] .note-editor.note-frame .note-editing-area .note-editable {background-color: var(--vz-input-bg); border: 1px solid var(--vz-input-border);} /* Side Gallery */ #itemUpLabel, #itemMvLabel, #itemDeLabel{font-size:.88rem; font-weight:400;} #itemUpLabel em, #itemMvLabel em, #itemDeLabel em {font-style: normal; opacity:.8;} #itemUpLabel *, #itemMvLabel *, #itemDeLabel * {opacity:.7;} #itemUpLabel .now, #itemMvLabel .now, #itemDeLabel .now {opacity:1; color:#f672a7;} #sideAlbum label {overflow: hidden; position:relative; cursor:pointer; padding:.15rem; margin:.0;} #sideAlbum label * {transition:.2s ease-out; -webkit-transition:.2s ease-out; -moz-transition:.2s ease-out; -ms-transition:.2s ease-out; -o-transition:.2s ease-out;} #sideAlbum label img { width:100%; float:left; border:1px solid transparent; border-radius:.2rem ; -webkit-border-radius:.2rem ; -moz-border-radius:.2rem ; -ms-border-radius:.2rem ; -o-border-radius:.2rem ; } #sideAlbum label input {position:absolute; top:10px; right:10px; width: 1.2rem; height: 1.2rem; border-radius: 50%; vertical-align: middle; appearance: none; -webkit-appearance: none; outline: none; cursor: pointer; background-color: rgb(53, 119, 241); background-image:url('../images/svg/sideAlbumCheck.svg'); background-size: contain; background-repeat:no-repeat ; border: .3rem solid rgb(53, 119, 241); opacity:0;} #sideAlbum label.chs {filter: drop-shadow(0px 0px 3px rgba(53, 119, 241, 1)); -webkit-filter: drop-shadow(0px 0px 3px rgba(53, 119, 241, 1));} #sideAlbum label.chs img { border-color:rgb(53, 119, 241);} #sideAlbum label.chs input {opacity:1;} #sideAlbum .full label:not(.chs) img {opacity:.3; cursor: default;} #sideAlbum .offcanvas-header .input-group>* { border-radius:.25rem ; -webkit-border-radius:.25rem ; -moz-border-radius:.25rem ; -ms-border-radius:.25rem ; -o-border-radius:.25rem ; } #sideAlbum .offcanvas-header .input-group select {margin-right:5px;} /* Side Gallery Album Upload */ .goBack {padding-left:2rem; height:38px;} .goBack .spinner-border, .zoneUp .spinner-border, .zoneUr .spinner-border, .zoneMv .spinner-border, .zoneMvOne .spinner-border, .zoneDe .spinner-border {width:19px; height:19px; border-width: 0.15rem; position:absolute; left:7px; display:none;} .goBack .label-icon {width:19px; height:19px; border-width: 0.15rem; position:absolute; left:7px; top:6px;} .goBack em, .zoneUp em, .zoneUr em, .zoneMv em, .zoneMvOne em, .zoneDe em {font-style:normal;} .modal .disabled .spinner-border, .offcanvas .disabled .spinner-border {display:inline-block;} .modal .disabled .label-icon, .offcanvas .disabled .label-icon {display:none;} /* Side Icons */ #sideIcons label {overflow: hidden; position:relative; cursor:pointer; padding:.15rem; display: flex; justify-content: center; border:1px solid transparent; border-radius:.2rem ; -webkit-border-radius:.2rem ; -moz-border-radius:.2rem ; -ms-border-radius:.2rem ; -o-border-radius:.2rem ;} #sideIcons label * {transition:.2s ease-out; -webkit-transition:.2s ease-out; -moz-transition:.2s ease-out; -ms-transition:.2s ease-out; -o-transition:.2s ease-out;} #sideIcons label i {font-size:2rem; float:left;} #sideIcons label input {position:absolute; top:2px; right:2px; width: 1.2rem; height: 1.2rem; border-radius: 50%; vertical-align: middle; appearance: none; -webkit-appearance: none; outline: none; cursor: pointer; background-color: rgb(53, 119, 241); background-image:url('../images/svg/sideAlbumCheck.svg'); background-size: contain; background-repeat:no-repeat ; border: .3rem solid rgb(53, 119, 241); opacity:0;} #sideIcons label.chs {border-color:rgb(53, 119, 241);/*filter: drop-shadow(0px 0px 3px rgba(53, 119, 241, 1)); -webkit-filter: drop-shadow(0px 0px 3px rgba(53, 119, 241, 1));*/} #sideIcons label.chs i {} #sideIcons label.chs input {opacity:1;} #sideIcons .full label:not(.chs) i {opacity:.3; cursor: default;} #sideIcons .offcanvas-header .input-group>* { border-radius:.25rem ; -webkit-border-radius:.25rem ; -moz-border-radius:.25rem ; -ms-border-radius:.25rem ; -o-border-radius:.25rem ; } #sideIcons .offcanvas-header .input-group select {margin-right:5px;} /* #itemUp .goBack, #itemMv .goBack, #itemDe .goBack {padding-left:2rem; height:38px;} #itemUp .goBack .spinner-border, #itemMv .goBack .spinner-border, #itemDe .goBack .spinner-border, #itemUp .zoneUp .spinner-border, #itemMv .zoneMv .spinner-border, #itemDe .zoneDe .spinner-border {width:19px; height:19px; border-width: 0.15rem; position:absolute; left:7px; display:none;} #itemUp .goBack .label-icon, #itemMv .goBack .label-icon, #itemDe .goBack .label-icon {width:19px; height:19px; border-width: 0.15rem; position:absolute; left:7px; top:6px;} #itemUp .goBack em, #itemMv .goBack em, #itemDe .goBack em, #itemUp .zoneUp em, #itemMv .zoneMv em, #itemDe .zoneDe em {font-style:normal;} #itemUp .disabled .spinner-border, #itemMv .disabled .spinner-border, #itemDe .disabled .spinner-border {display:inline-block;} #itemUp .disabled .label-icon, #itemMv .disabled .label-icon, #itemDe .disabled .label-icon {display:none;}*/ #upFile {display:none;} #itemUpRes .alert {text-align:right; border:0; margin-bottom:.25rem;} #itemUpRes .alert b {float:left; margin-right:.5rem;} .sizeRefer {text-align:center;} /* Region Selects */ .regions {display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important;} .regions>div {-webkit-box-flex: 1!important; -ms-flex: 1 1 auto!important; flex: 1 1 auto!important;} .regions>div:not(.rID1) {margin-left:.1rem;} .regions .spinner-border {width:1rem; height:1rem; border-width:.15em; vertical-align: -0.18em; display:none;} .regions.load .spinner-border {display:inline-block;} .regions.vertical {-webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-direction: column!important; flex-direction: column!important;} .regions.vertical>div:not(.rID1), .banks.vertical>div:not(.bankList) {margin-top:.1rem; margin-left:0;} .regions.vertical .rID2 label, .regions.vertical .rID3 label, .regions.vertical>div:not(.rID1,.bankList) label {display:none;} /* Banks Selects */ .banks {display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important;} .banks>div {-webkit-box-flex: 1!important; -ms-flex: 1 1 auto!important; flex: 1 1 auto!important; margin-left:.1rem;} .banks .bankList {margin-left:0;} /* Logo Zone */ .logoZone { display:flex; justify-content:center; position:relative; padding:1.5rem; border-radius:.25rem; -webkit-border-radius:.25rem; -moz-border-radius:.25rem; -ms-border-radius:.25rem; -o-border-radius:.25rem; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -ms-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; } .logoZone>img {max-width:90%; display:none; visibility:hidden;} .logoZone>.btn-group { position:absolute; right:.5rem; bottom:.5rem; opacity:.3; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -ms-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; display:none; visibility:hidden;} .logoZone:hover>.btn-group {opacity:1;} .logoZone.got>img {display:block; visibility:visible;} .logoZone.got>.btn-group {display:flex; visibility:visible;} .logoZone.got>button {display:none; visibility:hidden;} .logoLight {background:rgba(0, 0, 0, .45);} .logoLight:hover {background:rgba(0, 0, 0, .55);} .logoDark {background:rgba(0, 0, 0, .15);} .logoDark:hover {background:rgba(0, 0, 0, .05);} /* Img Zone & Ico Zone */ .imgZone, .icoZone { display:flex; justify-content:center; position:relative; padding:1.5rem; border-radius:.25rem; -webkit-border-radius:.25rem; -moz-border-radius:.25rem; -ms-border-radius:.25rem; -o-border-radius:.25rem; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -ms-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; } .imgZone>img, .icoZone>img {max-width:90%; display:none; visibility:hidden;} .imgZone>.btn-group, .icoZone>.btn-group { position:absolute; right:.5rem; bottom:.5rem; opacity:.3; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -ms-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; display:none; visibility:hidden;} .imgZone:hover>.btn-group, .icoZone:hover>.btn-group {opacity:1;} .imgZone.got>img, .icoZone.got>img {display:block; visibility:visible;} .imgZone.got>.btn-group, .icoZone.got>.btn-group {display:flex; visibility:visible;} .imgZone.got>button, .icoZone.got>button {display:none; visibility:hidden;} .imgZone, .icoZone {background:rgba(0, 0, 0, .45);} .imgZone:hover, .icoZone:hover {background:rgba(0, 0, 0, .55);} /* Avatar Zone */ .avatarZone { display:flex; justify-content:center; position:relative; padding:1.5rem; border-radius:.25rem; -webkit-border-radius:.25rem; -moz-border-radius:.25rem; -ms-border-radius:.25rem; -o-border-radius:.25rem; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -ms-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; } .avatarZone>img {max-width:90%; display:none; visibility:hidden;} .avatarZone>.btn-group { position:absolute; right:.5rem; bottom:.5rem; opacity:.3; transition:.2s ease-in-out; -webkit-transition:.2s ease-in-out; -moz-transition:.2s ease-in-out; -ms-transition:.2s ease-in-out; -o-transition:.2s ease-in-out; display:none; visibility:hidden;} .avatarZone:hover>.btn-group {opacity:1;} .avatarZone.got>img {display:block; visibility:visible;} .avatarZone.got>.btn-group {display:flex; visibility:visible;} .avatarZone.got>button {display:none; visibility:hidden;} .avatarZone {background:rgba(0, 0, 0, .45);} .avatarZone:hover {background:rgba(0, 0, 0, .55);} @media (max-width: 767px) { .card.catalog {box-shadow: none; -webkit-box-shadow:none; background:transparent;} .card.catalog .card-header {padding:0 0 1rem; background:transparent;} .card.catalog .card-header .card-title {margin:0 0 .5rem 0;} .card.catalog .card-body {padding:1rem 0;} .card.catalog .card-footer { background:transparent;} .setMv, .setDe {padding:0; min-width:40px;} .setMv i, .setDe i {left:0; top:0; width:40px;} .setMv em, .setDe em {display:none;} .regions, .banks, .branch { -webkit-box-orient: vertical!important; -webkit-box-direction: normal!important; -ms-flex-direction: column!important; flex-direction: column!important; } .regions>div:not(.rID1), .banks>div:not(.bankList) {margin-top:.1rem; margin-left:0;} .regions .rID2 label, .regions .rID3 label, .banks>div:not(.bankList) label {display:none;} .branch>.ms-1 {margin-top:.5rem; margin-left:0!important; display:grid;} } @media (max-width: 575px) { #perPage {display:none;} #sideIcons label i {font-size:2.2rem; } @media (max-width: 399px) { .image-grid__item, .image-grid__col-sizer {width: 49%;} .image-grid__gutter-sizer { width: 1%; } .icon-grid__item, .icon-grid__col-sizer {width: 23.5%;} .icon-grid__gutter-sizer { width: 2%; } }