/* Chrome, Safari, Edge, Opera */ .booking-panel { flex: 0 0 66.6666666667%; max-width: 66.6666666667%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .booking-panel input::-webkit-outer-spin-button, .booking-panel input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ .booking-panel input[type=number] { -moz-appearance: textfield; text-align: center; } .booking-panel .card-collapse{ box-shadow: none; background-color: transparent; } .booking-panel .card-collapse .card-header h5{ font-size: 1.0625rem; line-height: 2rem; font-weight: 400; margin-top: 10px; } .booking-panel .card-collapse .card-header a{ display: block; font-size: 1rem; font-weight: 600; } .booking-panel .card-collapse .card-header a i{ margin: 0px 5px 0px 5px; } .booking-panel .card-collapse .card-header a span{ float:right; font-size: 1.5rem; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.6s linear; } .booking-panel .card-collapse .card-header a.collapsed span{ visibility: visible; opacity: 1; } .booking-panel header.row { text-align: end !important; margin-right: 0px; padding: 10px 15px 5px 0; /*margin-right: calc(0.5* var(--bs-gutter-x));*/ } .booking-panel header.row .ripple-container{ width: unset; height: unset; } .booking-panel header.row div:nth-child(1){ font-weight: 700 !important; } .booking-panel header.row div:not(:first-child){ font-weight: 600 !important; font-size: 1rem; color: #797979; } .booking-panel header.row div.quantity{ padding-right: calc(0.9* var(--bs-gutter-x)); } .booking-panel header.row div{ padding: 0px 0px 0px 35px; background-size: 22px 22px !important; } .booking-panel header.row.booking-info-header div:nth-child(1){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMzIwIDMyTDY0IDMyQzQ2LjMgMzIgMzIgNDYuMyAzMiA2NGwwIDM4NGMwIDE3LjcgMTQuMyAzMiAzMiAzMmwyMzIuMiAwYzkuOCAxMS44IDIxIDIyLjMgMzMuNSAzMS4zYy0zLjIgLjUtNi40IC43LTkuNyAuN0w2NCA1MTJjLTM1LjMgMC02NC0yOC43LTY0LTY0TDAgNjRDMCAyOC43IDI4LjcgMCA2NCAwTDMyMCAwYzM1LjMgMCA2NCAyOC43IDY0IDY0bDAgMTM0LjZjLTExLjIgMy4yLTIxLjkgNy40LTMyIDEyLjZMMzUyIDY0YzAtMTcuNy0xNC4zLTMyLTMyLTMyek02NCAxNDRjMC04LjggNy4yLTE2IDE2LTE2bDIyNCAwYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2TDgwIDE2MGMtOC44IDAtMTYtNy4yLTE2LTE2em0xNiA4MGwxOTIgMGM4LjggMCAxNiA3LjIgMTYgMTZzLTcuMiAxNi0xNiAxNkw4MCAyNTZjLTguOCAwLTE2LTcuMi0xNi0xNnM3LjItMTYgMTYtMTZ6bTAgOTZsMTI4IDBjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZMODAgMzUyYy04LjggMC0xNi03LjItMTYtMTZzNy4yLTE2IDE2LTE2em00NjQgNDhhMTEyIDExMiAwIDEgMCAtMjI0IDAgMTEyIDExMiAwIDEgMCAyMjQgMHptLTI1NiAwYTE0NCAxNDQgMCAxIDEgMjg4IDAgMTQ0IDE0NCAwIDEgMSAtMjg4IDB6bTE0NC0zMmEyNCAyNCAwIDEgMSAwLTQ4IDI0IDI0IDAgMSAxIDAgNDh6bS0zMiA5NmMwLTguOCA3LjItMTYgMTYtMTZsMC0zMmMtOC44IDAtMTYtNy4yLTE2LTE2czcuMi0xNiAxNi0xNmwxNiAwYzguOCAwIDE2IDcuMiAxNiAxNmwwIDQ4czAgMCAwIDBjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZsLTE2IDAtMTYgMGMtOC44IDAtMTYtNy4yLTE2LTE2eiIvPjwvc3ZnPg==') no-repeat 10px 0px transparent; } .booking-panel header.row.availability div:nth-child(1){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMTEyIDBjOC44IDAgMTYgNy4yIDE2IDE2bDAgNDggMTkyIDAgMC00OGMwLTguOCA3LjItMTYgMTYtMTZzMTYgNy4yIDE2IDE2bDAgNDggMzIgMGMzNS4zIDAgNjQgMjguNyA2NCA2NGwwIDMyIDAgMzIgMCAyNTZjMCAzNS4zLTI4LjcgNjQtNjQgNjRMNjQgNTEyYy0zNS4zIDAtNjQtMjguNy02NC02NEwwIDE5MmwwLTMyIDAtMzJDMCA5Mi43IDI4LjcgNjQgNjQgNjRsMzIgMCAwLTQ4YzAtOC44IDcuMi0xNiAxNi0xNnpNNDE2IDE5MmwtMTA0IDAgMCA3MiAxMDQgMCAwLTcyem0wIDEwNGwtMTA0IDAgMCA4MCAxMDQgMCAwLTgwem0wIDExMmwtMTA0IDAgMCA3MiA3MiAwYzE3LjcgMCAzMi0xNC4zIDMyLTMybDAtNDB6TTI4MCAzNzZsMC04MC0xMTIgMCAwIDgwIDExMiAwek0xNjggNDA4bDAgNzIgMTEyIDAgMC03Mi0xMTIgMHptLTMyLTMybDAtODBMMzIgMjk2bDAgODAgMTA0IDB6TTMyIDQwOGwwIDQwYzAgMTcuNyAxNC4zIDMyIDMyIDMybDcyIDAgMC03MkwzMiA0MDh6bTAtMTQ0bDEwNCAwIDAtNzJMMzIgMTkybDAgNzJ6bTEzNiAwbDExMiAwIDAtNzItMTEyIDAgMCA3MnpNMzg0IDk2TDY0IDk2Yy0xNy43IDAtMzIgMTQuMy0zMiAzMmwwIDMyIDM4NCAwIDAtMzJjMC0xNy43LTE0LjMtMzItMzItMzJ6Ii8+PC9zdmc+') no-repeat 10px 0px transparent; } .booking-panel header.row.packages div:nth-child(1){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMjg4IDIyMUw3OC44IDEyOCAyODggMzVsMjA5LjIgOTNMMjg4IDIyMXpNNTM2LjYgMTEwLjVMMjg4IDAgMzkuNCAxMTAuNSAwIDEyOGwzOS40IDE3LjVMMjg4IDI1NiA1MzYuNiAxNDUuNSA1NzYgMTI4bC0zOS40LTE3LjV6TTE0NCAyMjdsLTM5LjQtMTcuNS02NS4yIDI5TDAgMjU2bDM5LjQgMTcuNUwyODggMzg0IDUzNi42IDI3My41IDU3NiAyNTZsLTM5LjQtMTcuNS02NS4yLTI5TDQzMiAyMjdsNjUuMiAyOUwyODggMzQ5IDc4LjggMjU2IDE0NCAyMjd6TTEwNC42IDMzNy41bC02NS4yIDI5TDAgMzg0bDM5LjQgMTcuNUwyODggNTEyIDUzNi42IDQwMS41IDU3NiAzODRsLTM5LjQtMTcuNS02NS4yLTI5TDQzMiAzNTVsNjUuMiAyOUwyODggNDc3IDc4LjggMzg0IDE0NCAzNTVsLTM5LjQtMTcuNXoiLz48L3N2Zz4=') no-repeat 10px 0px transparent; } .booking-panel header.row.extra-packages div:nth-child(1){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNNDgwIDI0bDAgNDAgNDAgMCAxNiAwIDAgMzItMTYgMC00MCAwIDAgNDAgMCAxNi0zMiAwIDAtMTYgMC00MC00MCAwLTE2IDAgMC0zMiAxNiAwIDQwIDAgMC00MCAwLTE2IDMyIDAgMCAxNnpNNzguOCAyNTZMMjg4IDM0OWwyMDkuMi05M0wyODggMTYzIDc4LjggMjU2ek0yODggMTI4TDUzNi42IDIzOC41IDU3NiAyNTZsLTM5LjQgMTcuNUwyODggMzg0IDM5LjQgMjczLjUgMCAyNTZsMzkuNC0xNy41TDI4OCAxMjh6TTEwNC42IDMzNy41TDE0NCAzNTUgNzguOCAzODQgMjg4IDQ3N2wyMDkuMi05M0w0MzIgMzU1bDM5LjQtMTcuNSA2NS4yIDI5TDU3NiAzODRsLTM5LjQgMTcuNUwyODggNTEyIDM5LjQgNDAxLjUgMCAzODRsMzkuNC0xNy41IDY1LjItMjl6Ii8+PC9zdmc+') no-repeat 10px 0px transparent; } .booking-panel header.row.obligatory div:nth-child(1){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMzIwIDQ4MEw2NCA0ODBjLTE3LjcgMC0zMi0xNC4zLTMyLTMyTDMyIDY0YzAtMTcuNyAxNC4zLTMyIDMyLTMybDEyOCAwIDAgMTEyYzAgMjYuNSAyMS41IDQ4IDQ4IDQ4bDExMiAwIDAgMjU2YzAgMTcuNy0xNC4zIDMyLTMyIDMyek0yNDAgMTYwYy04LjggMC0xNi03LjItMTYtMTZsMC0xMTEuNWMyLjggLjcgNS40IDIuMSA3LjQgNC4yTDM0Ny4zIDE1Mi42YzIuMSAyLjEgMy41IDQuNiA0LjIgNy40TDI0MCAxNjB6TTY0IDBDMjguNyAwIDAgMjguNyAwIDY0TDAgNDQ4YzAgMzUuMyAyOC43IDY0IDY0IDY0bDI1NiAwYzM1LjMgMCA2NC0yOC43IDY0LTY0bDAtMjg0LjFjMC0xMi43LTUuMS0yNC45LTE0LjEtMzMuOUwyNTQuMSAxNC4xYy05LTktMjEuMi0xNC4xLTMzLjktMTQuMUw2NCAwek0yODMuMyAyOTRjNi4yLTYuMiA2LjItMTYuNCAwLTIyLjZzLTE2LjQtNi4yLTIyLjYgMGwtOTUuNCA5NS40LTQyLTQyYy02LjItNi4yLTE2LjQtNi4yLTIyLjYgMHMtNi4yIDE2LjQgMCAyMi42TDE1NCA0MDAuNmM2LjIgNi4yIDE2LjQgNi4yIDIyLjYgMEwyODMuMyAyOTR6Ii8+PC9zdmc+') no-repeat 10px 0px transparent; } .booking-panel header.row.optional div:nth-child(1){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMzg0IDMyYzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgMzg0YzAgMTcuNy0xNC4zIDMyLTMyIDMyTDY0IDQ4MGMtMTcuNyAwLTMyLTE0LjMtMzItMzJMMzIgNjRjMC0xNy43IDE0LjMtMzIgMzItMzJsMzIwIDB6TTY0IDBDMjguNyAwIDAgMjguNyAwIDY0TDAgNDQ4YzAgMzUuMyAyOC43IDY0IDY0IDY0bDMyMCAwYzM1LjMgMCA2NC0yOC43IDY0LTY0bDAtMzg0YzAtMzUuMy0yOC43LTY0LTY0LTY0TDY0IDB6bTk2IDEyOGMwIDguOCA3LjIgMTYgMTYgMTZsMTc2IDBjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZsLTE3NiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTMyIDEyOGMwIDguOCA3LjIgMTYgMTYgMTZsMTQ0IDBjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZsLTE0NCAwYy04LjggMC0xNiA3LjItMTYgMTZ6TTE2MCAzODRjMCA4LjggNy4yIDE2IDE2IDE2bDE3NiAwYzguOCAwIDE2LTcuMiAxNi0xNnMtNy4yLTE2LTE2LTE2bC0xNzYgMGMtOC44IDAtMTYgNy4yLTE2IDE2ek04OCAxMDRjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDE2YzAgOC44IDcuMiAxNiAxNiAxNmwxNiAwYzguOCAwIDE2LTcuMiAxNi0xNmwwLTE2YzAtOC44LTcuMi0xNi0xNi0xNmwtMTYgMHpNNzIgMzc2bDAgMTZjMCA4LjggNy4yIDE2IDE2IDE2bDE2IDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMTZjMC04LjgtNy4yLTE2LTE2LTE2bC0xNiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTkxLjMtMTMyLjdjNi4yLTYuMiA2LjItMTYuNCAwLTIyLjZzLTE2LjQtNi4yLTIyLjYgMEwxMDQgMjU3LjQgOTEuMyAyNDQuN2MtNi4yLTYuMi0xNi40LTYuMi0yMi42IDBzLTYuMiAxNi40IDAgMjIuNmwyNCAyNGM2LjIgNi4yIDE2LjQgNi4yIDIyLjYgMGw0OC00OHoiLz48L3N2Zz4=') no-repeat 10px 0px transparent; } .booking-panel header.row.payment-account-header div:nth-child(1){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMzIwIDMybC02NCAwIDAgNjQgNjQgMCAwLTY0ek0yNTYgMGw2NCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgNjRjMCAxNy43LTE0LjMgMzItMzIgMzJsLTY0IDBjLTE3LjcgMC0zMi0xNC4zLTMyLTMybDAtNjRjMC0xNy43IDE0LjMtMzIgMzItMzJ6bTY0IDI1NmEzMiAzMiAwIDEgMCAtNjQgMCAzMiAzMiAwIDEgMCA2NCAwem0tOTYgMGE2NCA2NCAwIDEgMSAxMjggMCA2NCA2NCAwIDEgMSAtMTI4IDB6TTIwOCA0MzJjMCA4LjgtNy4yIDE2LTE2IDE2cy0xNi03LjItMTYtMTZjMC00NC4yIDM1LjgtODAgODAtODBsNjQgMGM0NC4yIDAgODAgMzUuOCA4MCA4MGMwIDguOC03LjIgMTYtMTYgMTZzLTE2LTcuMi0xNi0xNmMwLTI2LjUtMjEuNS00OC00OC00OGwtNjQgMGMtMjYuNSAwLTQ4IDIxLjUtNDggNDh6TTY0IDY0bDEyOCAwIDAgMzJMNjQgOTZjLTE3LjcgMC0zMiAxNC4zLTMyIDMybDAgMzIwYzAgMTcuNyAxNC4zIDMyIDMyIDMybDQ0OCAwYzE3LjcgMCAzMi0xNC4zIDMyLTMybDAtMzIwYzAtMTcuNy0xNC4zLTMyLTMyLTMyTDM4NCA5NmwwLTMyIDEyOCAwYzM1LjMgMCA2NCAyOC43IDY0IDY0bDAgMzIwYzAgMzUuMy0yOC43IDY0LTY0IDY0TDY0IDUxMmMtMzUuMyAwLTY0LTI4LjctNjQtNjRMMCAxMjhDMCA5Mi43IDI4LjcgNjQgNjQgNjR6Ii8+PC9zdmc+') no-repeat 10px 0px transparent; } .booking-panel header.row.payment-method-header div:nth-child(1){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNNTEyIDY0YzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgMzIwYzAgMTcuNy0xNC4zIDMyLTMyIDMyTDY0IDQ0OGMtMTcuNyAwLTMyLTE0LjMtMzItMzJMMzIgOTZjMC0xNy43IDE0LjMtMzIgMzItMzJsNDQ4IDB6TTY0IDMyQzI4LjcgMzIgMCA2MC43IDAgOTZMMCA0MTZjMCAzNS4zIDI4LjcgNjQgNjQgNjRsNDQ4IDBjMzUuMyAwIDY0LTI4LjcgNjQtNjRsMC0zMjBjMC0zNS4zLTI4LjctNjQtNjQtNjRMNjQgMzJ6TTk2IDMwNGMwIDguOCA3LjIgMTYgMTYgMTZsMzUyIDBjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZsLTM1MiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTAgNjRjMCA4LjggNy4yIDE2IDE2IDE2bDY0IDBjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZsLTY0IDBjLTguOCAwLTE2IDcuMi0xNiAxNnptMTQ0LTE2Yy04LjggMC0xNiA3LjItMTYgMTZzNy4yIDE2IDE2IDE2bDEyOCAwYzguOCAwIDE2LTcuMiAxNi0xNnMtNy4yLTE2LTE2LTE2bC0xMjggMHpNNDAwIDE0NGw2NCAwYzQuNCAwIDggMy42IDggOGwwIDQ4YzAgNC40LTMuNiA4LTggOGwtNjQgMGMtNC40IDAtOC0zLjYtOC04bDAtNDhjMC00LjQgMy42LTggOC04em0tNDAgOGwwIDQ4YzAgMjIuMSAxNy45IDQwIDQwIDQwbDY0IDBjMjIuMSAwIDQwLTE3LjkgNDAtNDBsMC00OGMwLTIyLjEtMTcuOS00MC00MC00MGwtNjQgMGMtMjIuMSAwLTQwIDE3LjktNDAgNDB6Ii8+PC9zdmc+') no-repeat 10px 0px transparent; } .booking-panel header.row.charter-insurance-header div:nth-child(1){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNNDY2LjUgODMuN2wtMTkyLTgwYTQ4LjIgNDguMiAwIDAgMCAtMzYuOSAwbC0xOTIgODBDMjcuNyA5MS4xIDE2IDEwOC42IDE2IDEyOGMwIDE5OC41IDExNC41IDMzNS43IDIyMS41IDM4MC4zIDExLjggNC45IDI1LjEgNC45IDM2LjkgMEMzNjAuMSA0NzIuNiA0OTYgMzQ5LjMgNDk2IDEyOGMwLTE5LjQtMTEuNy0zNi45LTI5LjUtNDQuM3pNMjU2LjEgNDQ2LjNsLS4xLTM4MSAxNzUuOSA3My4zYy0zLjMgMTUxLjQtODIuMSAyNjEuMS0xNzUuOCAzMDcuN3oiLz48L3N2Zz4=') no-repeat 10px 0px transparent; } .booking-panel header.row.payment-processing-header div:nth-child(1){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMjQgMEMxMC43IDAgMCAxMC43IDAgMjRTMTAuNyA0OCAyNCA0OGw4IDAgMCAxOWMwIDQwLjMgMTYgNzkgNDQuNSAxMDcuNUwxNTguMSAyNTYgNzYuNSAzMzcuNUM0OCAzNjYgMzIgNDA0LjcgMzIgNDQ1bDAgMTktOCAwYy0xMy4zIDAtMjQgMTAuNy0yNCAyNHMxMC43IDI0IDI0IDI0bDMzNiAwYzEzLjMgMCAyNC0xMC43IDI0LTI0cy0xMC43LTI0LTI0LTI0bC04IDAgMC0xOWMwLTQwLjMtMTYtNzktNDQuNS0xMDcuNUwyMjUuOSAyNTZsODEuNS04MS41QzMzNiAxNDYgMzUyIDEwNy4zIDM1MiA2N2wwLTE5IDggMGMxMy4zIDAgMjQtMTAuNyAyNC0yNHMtMTAuNy0yNC0yNC0yNEwyNCAwek0xOTIgMjg5LjlsODEuNSA4MS41QzI5MyAzOTEgMzA0IDQxNy40IDMwNCA0NDVsMCAxOUw4MCA0NjRsMC0xOWMwLTI3LjYgMTEtNTQgMzAuNS03My41TDE5MiAyODkuOXptMC02Ny45bC04MS41LTgxLjVDOTEgMTIxIDgwIDk0LjYgODAgNjdsMC0xOSAyMjQgMCAwIDE5YzAgMjcuNi0xMSA1NC0zMC41IDczLjVMMTkyIDIyMi4xeiIvPjwvc3ZnPg==') no-repeat 10px 0px transparent; } .booking-panel header.row.payment-successful-header div:nth-child(1){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMjU2IDQ4YTIwOCAyMDggMCAxIDEgMCA0MTYgMjA4IDIwOCAwIDEgMSAwLTQxNnptMCA0NjRBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjkgMjA5YzkuNC05LjQgOS40LTI0LjYgMC0zMy45cy0yNC42LTkuNC0zMy45IDBsLTExMSAxMTEtNDctNDdjLTkuNC05LjQtMjQuNi05LjQtMzMuOSAwcy05LjQgMjQuNiAwIDMzLjlsNjQgNjRjOS40IDkuNCAyNC42IDkuNCAzMy45IDBMMzY5IDIwOXoiLz48L3N2Zz4=') no-repeat 10px 0px transparent; } .booking-panel header.row.payment-successful-header{ display: none; } .booking-panel .card{ padding-top: 0px !important; } .booking-panel .card.card-collapse.no-collapsible{ margin-top: 0px !important; } .booking-panel .card.card-collapse.no-collapsible header.card-header{ display: none !important; } .booking-panel header.card-header { border-radius: .7rem; padding: 0px 10px 5px 5px; align-items: center !important; background-color:#e3f2fd; border:none; } .booking-panel header.card-header a{ color:#595959 !important; } .booking-panel.list .additional .card { padding-top: 0px !important; margin-top: 0px !important; } .booking-panel.list .additional div.card-body { padding-top: 0px !important; padding: 15px 0px 5px; } .booking-panel.list .additional header.card-header, .booking-panel.list .additional.card.card-collapse { visibility: hidden; display: none; } .booking-panel header i{ font-style: normal; float: left !important; font-size: 1.5rem; top: -1px !important; transition: all 350ms ease 0s !important; } .booking-panel header .resId span i{ float: right !important; font-size: 1.1rem; margin-left: 5px; top: 4px !important; } .booking-panel header a[aria-expanded=true] i{ transform: rotate(90deg) !important; } .booking-panel .row-addon{ min-height: 5.4rem; font-weight: 500; border-radius: .7rem; margin:0 0 .7rem 0; padding: 0px 0px 0px .5rem; text-align: right !important; align-items: center !important; border:1px dashed #c5c5c5; } .booking-panel .row-addon small{ font-size: .775rem; font-weight: 600; } .booking-panel header.row div:nth-child(1), .booking-panel .additional .row-addon div:nth-child(1){ display: flex !important; flex-direction: column !important; align-items: flex-start !important; /*max-width:none !important;*/ } .booking-panel .additional .row-addon div:nth-child(1).has-description{ line-height: 1rem; padding-top: 1.2rem; } .booking-panel .additional .row-addon div:nth-child(1).has-description span:nth-child(2){ padding: .5rem 0 1rem 0; } booking-panel.template-container .prices-carousel , .booking-panel.template-container. header.row.availability, booking-panel.template-container .booking-info, booking-panel.template-container header.row.booking-info-header { display: none !important; } /*.booking-panel.template-container.list .prices-carousel ,*/ .booking-panel.template-container.list .booking-showcase, /*.booking-panel.template-container.list header.row.availability, .booking-panel.template-container.edit .booking-info , .booking-panel.template-container.edit header.row.booking-info-header,*/ .booking-panel.template-container.list.payment .additional, .booking-panel.template-container.list.complete .additional, .booking-panel.template-container.list.complete header.row.booking-info-header, .booking-panel.template-container.list.complete.success .payment-processing-header, .booking-panel.template-container .payment-section, .booking-panel.template-container .payment-processing, .booking-panel.template-container .booking-charter-insurance{ display: none !important; } .side-panel.template-container .payment-summary, .side-panel.template-container .payment-detail, .side-panel.template-container .group-payers, .side-panel.template-container.list.summary .payment-plan, .side-panel.template-container.list.summary .booking-summary, .side-panel.template-container.list.payment .booking-summary, .side-panel.template-container.list.payment .payment-plan, .side-panel.template-container.list.complete .booking-summary, .side-panel.template-container.list.complete .payment-plan{ display: none !important; } .side-panel.template-container.list.summary .payment-summary, .side-panel.template-container.list.payment .payment-detail:not(.isGroupPayer), .side-panel.template-container.list.complete .payment-detail, .side-panel.template-container.list.payment .group-payers, .booking-panel.template-container.payment .payment-section, .booking-panel.template-container.list.complete .payment-processing, .booking-panel.template-container.list.complete.success .booking-charter-insurance, .booking-panel.template-container.list.complete.success .payment-successful-header { display: block !important; } .booking-panel.template-container .additional header.row div:nth-child(1)::before{ content: attr(data-label-edit); } .booking-panel.template-container .additional header.row div:nth-child(1)::before{ content: attr(data-label-list); } .booking-panel.template-container.list .additional header.row.optional { display: none; /* Üçüncü ve sonraki header'lar gizlenir */ visibility: hidden; } .booking-panel .row-addon.selectable{ cursor:pointer; border:1px solid #c5c5c5; } .booking-panel .row-addon.selectable:hover{ /*background: linear-gradient(60deg, #f5f5f5, #ffffff);*/ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMjU2IDUxMkEyNTYgMjU2IDAgMSAwIDI1NiAwYTI1NiAyNTYgMCAxIDAgMCA1MTJ6Ii8+PC9zdmc+'); background-size: 7px 7px; background-repeat: no-repeat; background-position: 24px; background-color:#f5f5f5; } .booking-panel .row-addon div:nth-child(1),.booking-panel .row-addon.row-ob div:nth-child(1), .booking-panel .row-addon.row-pk div:nth-child(1) { text-align: left; } .booking-panel .row-addon.selected{ background: linear-gradient(60deg, #ffffff, #E2FDFD) !important; } .booking-panel .row-addon.row-ob{ background: linear-gradient(60deg, #ffffff, #E2FDFD); } .booking-panel .row-addon.row-pk{ background: linear-gradient(60deg, #ffffff, #D2FFDA); } .booking-panel .additional .row-addon div:last-child span:last-of-type{ display: none; visibility: hidden; } .booking-panel .row-addon.selected{ border:1px solid #95d8f7 !important; background: linear-gradient(60deg, #ffffff, #A0D8F1); } .booking-panel .row-addon.selected:hover, .booking-panel .row-addon.selected:hover{ background: linear-gradient(60deg,#A0D8F1,#ffffff); } .booking-panel .row-addon .package, .booking-panel .row-addon .extra-package{ padding-left: 30px !important; background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVjNWM1IiBkPSJNMjU2IDMyYTIyNCAyMjQgMCAxIDEgMCA0NDggMjI0IDIyNCAwIDEgMSAwLTQ0OHptMCA0ODBBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyeiIvPjwvc3ZnPg=='); background-size: 18px 18px; background-repeat: no-repeat; background-position: 10px; } .booking-panel .row-addon.selected .package, .booking-panel .row-addon.selected .extra-package{ padding-left: 30px !important; background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMjU2IDMyYTIyNCAyMjQgMCAxIDEgMCA0NDggMjI0IDIyNCAwIDEgMSAwLTQ0OHptMCA0ODBBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjMuMyAyMDMuM2M2LjItNi4yIDYuMi0xNi40IDAtMjIuNnMtMTYuNC02LjItMjIuNiAwTDIyNCAyOTcuNGwtNTIuNy01Mi43Yy02LjItNi4yLTE2LjQtNi4yLTIyLjYgMHMtNi4yIDE2LjQgMCAyMi42bDY0IDY0YzYuMiA2LjIgMTYuNCA2LjIgMjIuNiAwbDEyOC0xMjh6Ii8+PC9zdmc+'); background-size: 18px 18px; background-repeat: no-repeat; background-position: 10px; } .booking-panel .row-addon .package span , .booking-panel .row-addon .extra-package span { display: flex !important; flex-direction: row !important; align-items: flex-start !important; flex-wrap: wrap; } .booking-panel .additional .row-addon .package span small, .booking-panel .additional .row-addon .extra-package span small { border: none; padding: 1px; margin: 0px; } .booking-panel .additional .row-addon .package small[itemprop="itemListElement"], .booking-panel .additional .row-addon .extra-package small[itemprop="itemListElement"]{ font-size: .795rem; } .booking-panel .additional .row-addon .package small[itemprop="itemListElement"]::after, .booking-panel .additional .row-addon .extra-package small[itemprop="itemListElement"]::after{ content: ", "; } .booking-panel .additional .row-addon .package small[itemprop="itemListElement"]:last-child::after, .booking-panel .additional .row-addon .extra-package small[itemprop="itemListElement"]:last-child::after{ content: ""; } .booking-panel.list .additional .card.card-collapse.empty, .booking-panel.list .additional .row.row-addon.selectable:not(.selected), .booking-panel.list .additional .row-addon.empty{ display: none; } .booking-panel.list .additional .row-addon.row-pk, .booking-panel.list .additional .row-addon.row-ob, .booking-panel.list .additional .row-addon.selectable, .booking-panel.list .additional .row-addon.selectable:hover, .booking-panel.list .additional .row-addon.selected, .booking-panel.list .additional .row-addon.selected:hover{ background: none !important; border: 1px dashed #c5c5c5 !important; cursor: not-allowed !important; pointer-events:none !important; } .booking-panel.list .additional .row-addon .package, .booking-panel.list .additional .row-addon .extra-package .booking-panel.list .additional .row-addon.selected .package, .booking-panel.list .additional .row-addon.selected .extra-package{ padding-left: 15px !important; background:none !important; } .booking-panel .additional .row-addon div:nth-child(3){ display: flex !important; flex-direction: row !important; justify-content: end; } .booking-panel .row-addon .transfer span{ display: flex; flex-wrap: wrap; } .booking-panel .row-addon .transfer span small{ background-size: 18px 18px; background-repeat: no-repeat; background-position: left; padding-left: 20px; text-align: left; } .booking-panel .row-addon .transfer span small:nth-child(1){ background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBmaWxsPSIjYzVjNWM1IiBkPSJNMCA0ODBjMC0xNy43IDE0LjMtMzIgMzItMzJsNTc2IDBjMTcuNyAwIDMyIDE0LjMgMzIgMzJzLTE0LjMgMzItMzIgMzJMMzIgNTEyYy0xNy43IDAtMzItMTQuMy0zMi0zMnpNMTkyIDM2OGEzMiAzMiAwIDEgMSAtNjQgMCAzMiAzMiAwIDEgMSA2NCAwem05NiAxNmEzMiAzMiAwIDEgMSAtNjQgMCAzMiAzMiAwIDEgMSA2NCAweiIvPjxwYXRoIG9wYWNpdHk9Ii41IiBkPSJNMCA2OGwuMiA5OC45YzAgOC40IDMuNCAxNi41IDkuMyAyMi41bDgyLjkgODMuNWM4LjEgOC4xIDE4LjIgMTQgMjkuMyAxNi45bDI5OC40IDc3LjdjNDIuNiAxMS4xIDg3LjYgOC42IDEyOC44LTdjMjguOC0xMC45IDM0LjgtNDkgMTAuNy02OC4ybC0zNC40LTI3LjZjLTEzLTEwLjQtMjcuOC0xOC4xLTQzLjctMjIuOEwzNzQuMiAyMTAuMiAyNjUuMiAxNi4zQzI1OS41IDYuMiAyNDguOCAwIDIzNy4zIDBMMTk3LjIgMGMtMTAuNiAwLTE4LjMgMTAuMi0xNS40IDIwLjRsNDEuNSAxNDUuMkw5NiAxMjggNzguMSA4MC4yYy0zLjgtMTAuMS0xMi41LTE3LjctMjMtMjBMMTkuNSA1Mi4zQzkuNSA1MC4xIDAgNTcuNyAwIDY4eiIvPjwvc3ZnPg=='); padding-right: 1rem; } .booking-panel .row-addon .transfer span small:nth-child(2){ background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjYzVjNWM1IiBkPSJNMTkyIDk2YzAgMzMuNCAxNyA2Mi44IDQyLjkgODBMMjI0IDE3NmMtMTcuNyAwLTMyIDE0LjMtMzIgMzJzMTQuMyAzMiAzMiAzMmwzMiAwIDY0IDAgMzIgMGMxNy43IDAgMzItMTQuMyAzMi0zMnMtMTQuMy0zMi0zMi0zMmwtMTAuOSAwQzM2NyAxNTguOCAzODQgMTI5LjQgMzg0IDk2YzAtNTMtNDMtOTYtOTYtOTZzLTk2IDQzLTk2IDk2em0xMjggMGEzMiAzMiAwIDEgMSAtNjQgMCAzMiAzMiAwIDEgMSA2NCAweiIvPjxwYXRoIG9wYWNpdHk9Ii41IiAgZD0iTTI1NiA0NDhsMC0yMDggNjQgMCAwIDIwOCA0OCAwYzUzIDAgOTYtNDMgOTYtOTZsMC02LjEtNyA3Yy05LjQgOS40LTI0LjYgOS40LTMzLjkgMHMtOS40LTI0LjYgMC0zMy45bDU2LTU2YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDU2IDU2YzkuNCA5LjQgOS40IDI0LjYgMCAzMy45cy0yNC42IDkuNC0zMy45IDBsLTctNyAwIDYuMWMwIDg4LjQtNzEuNiAxNjAtMTYwIDE2MGwtODAgMC04MCAwYy04OC40IDAtMTYwLTcxLjYtMTYwLTE2MGwwLTYuMS03IDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNTYtNTZjOS40LTkuNCAyNC42LTkuNCAzMy45IDBsNTYgNTZjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNy03IDAgNi4xYzAgNTMgNDMgOTYgOTYgOTZsNDggMHoiLz48L3N2Zz4='); padding-right: 1rem; } .booking-panel .row-addon .transfer span small:nth-child(3){ display: flex !important; flex-direction: row !important; align-items: flex-start !important; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBmaWxsPSIjYzVjNWM1IiBkPSJNODAgNDAwYTgwIDgwIDAgMSAwIDE2MCAwQTgwIDgwIDAgMSAwIDgwIDQwMHptMzIwIDBhODAgODAgMCAxIDAgMTYwIDAgODAgODAgMCAxIDAgLTE2MCAweiIvPjxwYXRoIG9wYWNpdHk9Ii40IiBkPSJNNjQgMTA0YzAtNC40IDMuNi04IDgtOGw4OCAwIDAgOTYtOTYgMCAwLTg4em00ODIgODhsLTE2MiAwIDAtOTYgODEuMSAwTDU0NiAxOTJ6bS0yMjYgMGwtOTYgMCAwLTk2IDk2IDAgMCA5NnpNNzIgMzJDMzIuMiAzMiAwIDY0LjIgMCAxMDRMMCAzMzZjMCAyNi41IDIxLjUgNDggNDggNDhsMS4xIDBjNy44LTU0LjMgNTQuNC05NiAxMTAuOS05NnMxMDMuMSA0MS43IDExMC45IDk2bDk4LjMgMGM3LjgtNTQuMyA1NC40LTk2IDExMC45LTk2czEwMy4xIDQxLjcgMTEwLjkgOTZsMS4xIDBjMjYuNSAwIDQ4LTIxLjUgNDgtNDhsMC0xMDguM2MwLTE1LjEtNS4zLTI5LjctMTUtNDEuMkw1MTQuMSA1NC44QzUwMS45IDQwLjMgNDg0IDMyIDQ2NS4xIDMyTDM1MiAzMiAxOTIgMzIgNzIgMzJ6Ii8+PC9zdmc+'); } .booking-panel .row-addon .quantity .bmd-form-group{ margin:0; padding: 0; } .booking-panel .row-addon .quantity button{ padding: 0 4px 0 4px; margin: 0; box-shadow: none !important; border-top:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; border-right:0px; border-left:0px; background: linear-gradient(180deg, #EEEEEE, #c5c5c5); font-size:1rem; font-weight:700; width: 30px; border-radius: 6px; } .booking-panel .row-addon .quantity button:nth-child(1){ color:#CD0000; } .booking-panel .row-addon .quantity button:nth-child(2){ color:#599a5b; } .booking-panel .row-addon .quantity.disabled button{ background: #EEEEEE; color:#595959; } .booking-panel .row-addon .quantity button:hover{ background: linear-gradient(0deg, #EEEEEE, #c8c8c8); } .booking-panel .row-addon .quantity.disabled button:hover{ background: #EEEEEE; } .booking-panel .row-addon .quantity button:nth-child(1){ border-top-right-radius:0; border-bottom-right-radius:0; border-left:1px solid #c5c5c5; cursor: pointer; } .booking-panel .row-addon .quantity input{ border:1px solid #c5c5c5; background-color:white; width: 35px; height: 35px; font-size: .9rem; } .booking-panel .row-addon .quantity.disabled input{ background-color:#ECF1F2 !important; } .booking-panel .row-addon .quantity button:nth-child(3){ color:#599a5b; border-top-left-radius:0; border-bottom-left-radius:0; border-right:1px solid #c5c5c5; cursor: pointer; } .booking-panel .row-addon .quantity.quantity.disabled button:nth-child(3){ color: #595959 !important; } .booking-panel .row-addon div:nth-child(2) small{ display: flex ; flex-direction: row; justify-content:flex-end; line-height: 1rem; font-size: .795rem; font-weight: 500; } .booking-panel .row-addon .quantity button.disabled{ background: #EEEEEE; color: #595959 !important; } .booking-panel.list .additional .row-addon .quantity button{ visibility: hidden; } .booking-panel.list .additional .row-addon .quantity input, .booking-panel.list .additional .row-addon .quantity.disabled input{ border: none !important; background: none !important; background-color: none !important } .booking-panel.list .additional .row-addon.row-pk div:last-child span:first-of-type{ visibility: hidden; display: none; } .booking-panel.list .additional .row-addon.row-pk div:last-child span:last-of-type{ display: inline-block; visibility: inherit; background-color: #4caf50; /* Yeşil arka plan */ color: #fff; /* Beyaz yazı rengi */ padding: 5px 10px; /* İç boşluk */ border-radius: 12px; /* Yuvarlak köşeler */ font-size: 12px; /* Yazı boyutu */ font-weight: bold; /* Kalın yazı */ text-transform: uppercase; /* Büyük harfler */ } /* Booking Showcase Begin*/ .booking-panel .booking-showcase { border-bottom:1px dashed #c5c5c5; } .booking-panel .booking-showcase .item{ cursor: pointer; } .booking-panel .booking-showcase .item .row{ justify-content: center !important; } .booking-panel .booking-showcase .item:hover .row{ justify-content: center !important; padding-left: 20px; } .booking-panel .booking-showcase .item:nth-child(1) .row:nth-child(1), .booking-panel .booking-showcase .item:nth-child(1):hover .row:nth-child(2){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj4KCTxwYXRoIGZpbGw9IiMxQTc2RDIiIG9wYWNpdHk9Ii40IiBkPSJNMCAzMDRjMCA0NC43IDI2LjIgODMuMiA2NCAxMDEuMkw2NCA0NDhjMCAxNy43IDE0LjMgMzIgMzIgMzJsNjQgMGMxNy43IDAgMzItMTQuMyAzMi0zMmwwLTQyLjggMC0xMC43Yy0yMC0yNC43LTMyLTU2LjItMzItOTAuNWMwLTM3LjggMTQuNi03Mi4yIDM4LjQtOTcuOWMtMTYuMS05LTM0LjctMTQuMS01NC40LTE0LjFsLTMyIDBDNTAuMSAxOTIgMCAyNDIuMSAwIDMwNHptNDggMGMwLTE2LjIgNi0zMS4xIDE2LTQyLjNsMCA4NC43QzU0IDMzNSA0OCAzMjAuMiA0OCAzMDR6TTY0IDk2YTY0IDY0IDAgMSAwIDEyOCAwQTY0IDY0IDAgMSAwIDY0IDk2ek00NDEuNiAyMDYuMUM0NjUuNCAyMzEuOCA0ODAgMjY2LjIgNDgwIDMwNGMwIDM0LjMtMTIgNjUuOC0zMiA5MC41bDAgMTAuNyAwIDQyLjhjMCAxNy43IDE0LjMgMzIgMzIgMzJsNjQgMGMxNy43IDAgMzItMTQuMyAzMi0zMmwwLTQyLjhjMzcuOC0xOCA2NC01Ni41IDY0LTEwMS4yYzAtNjEuOS01MC4xLTExMi0xMTItMTEybC0zMiAwYy0xOS43IDAtMzguMyA1LjEtNTQuNCAxNC4xek00NDggOTZhNjQgNjQgMCAxIDAgMTI4IDBBNjQgNjQgMCAxIDAgNDQ4IDk2ek01NzYgMjYxLjdjMTAgMTEuMyAxNiAyNi4xIDE2IDQyLjNzLTYgMzEtMTYgNDIuM2wwLTg0Ljd6Ii8+PHBhdGggZmlsbD0iIzFBNzZEMiIgZD0iTTM4NCA5NkE2NCA2NCAwIDEgMCAyNTYgOTZhNjQgNjQgMCAxIDAgMTI4IDB6TTI1NiAyNjEuN2wwIDg0LjdjLTEwLTExLjMtMTYtMjYuMS0xNi00Mi4zczYtMzEuMSAxNi00Mi4zem0xMjggODQuN2wwLTg0LjdjMTAgMTEuMyAxNiAyNi4xIDE2IDQyLjNzLTYgMzEtMTYgNDIuM3ptMCA1OC45YzM3LjgtMTggNjQtNTYuNSA2NC0xMDEuMmMwLTYxLjktNTAuMS0xMTItMTEyLTExMmwtMzIgMGMtNjEuOSAwLTExMiA1MC4xLTExMiAxMTJjMCA0NC43IDI2LjIgODMuMiA2NCAxMDEuMmwwIDQyLjhjMCAxNy43IDE0LjMgMzIgMzIgMzJsNjQgMGMxNy43IDAgMzItMTQuMyAzMi0zMmwwLTQyLjh6Ii8+Cjwvc3ZnPg=='); } .booking-panel .booking-showcase .item:nth-child(2) .row:nth-child(1), .booking-panel .booking-showcase .item:nth-child(2):hover .row:nth-child(2){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4KCTxwYXRoIGZpbGw9IiM0REFGNTAiIG9wYWNpdHk9Ii40IiBkPSJNMCAyODhMMCA0NDhjMCAzNS4zIDI4LjcgNjQgNjQgNjRsMTYwIDAgMC02NGMwLTguOC03LjItMTYtMTYtMTZsLTE2IDBjLTE3LjcgMC0zMi0xNC4zLTMyLTMyczE0LjMtMzIgMzItMzJsMTYgMGM4LjggMCAxNi03LjIgMTYtMTZsMC02NC02NCAwYy04LjggMC0xNi03LjItMTYtMTZsMC0xNmMwLTE3LjctMTQuMy0zMi0zMi0zMnMtMzIgMTQuMy0zMiAzMmwwIDE2YzAgOC44LTcuMiAxNi0xNiAxNkwwIDI4OHpNMzA0IDE2bDAgNDhjMCA4LjggNy4yIDE2IDE2IDE2bDE2IDBjMTcuNyAwIDMyIDE0LjMgMzIgMzJzLTE0LjMgMzItMzIgMzJsLTE2IDBjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDMyYzAgOC44IDcuMiAxNiAxNiAxNmwzNiAwYzYuNiAwIDEyIDUuNCAxMiAxMmwwIDRjMCAxNy43IDE0LjMgMzIgMzIgMzJzMzItMTQuMyAzMi0zMmwwLTRjMC02LjYgNS40LTEyIDEyLTEybDUyIDBjOC44IDAgMTYtNy4yIDE2LTE2bDAtMTI4YzAtMzUuMy0yOC43LTY0LTY0LTY0TDMyMCAwYy04LjggMC0xNiA3LjItMTYgMTZ6Ii8+Cgk8cGF0aCBmaWxsPSIjNERBRjUwIiBkPSJNMCAyODhsNjQgMGM4LjggMCAxNi03LjIgMTYtMTZsMC0xNmMwLTE3LjcgMTQuMy0zMiAzMi0zMnMzMiAxNC4zIDMyIDMybDAgMTZjMCA4LjggNy4yIDE2IDE2IDE2bDY0IDAgMC02OGMwLTYuNiA1LjQtMTIgMTItMTJsNCAwYzE3LjcgMCAzMi0xNC4zIDMyLTMycy0xNC4zLTMyLTMyLTMybC00IDBjLTYuNiAwLTEyLTUuNC0xMi0xMmwwLTUyYzAtOC44LTcuMi0xNi0xNi0xNkw2NCA2NEMyOC43IDY0IDAgOTIuNyAwIDEyOEwwIDI4OHptMjI0IDBsMCA2NGMwIDguOC03LjIgMTYtMTYgMTZsLTE2IDBjLTE3LjcgMC0zMiAxNC4zLTMyIDMyczE0LjMgMzIgMzIgMzJsMTYgMGM4LjggMCAxNiA3LjIgMTYgMTZsMCA2NCAxNjAgMGMzNS4zIDAgNjQtMjguNyA2NC02NGwwLTE0NGMwLTguOC03LjItMTYtMTYtMTZsLTQ4IDBjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDE2YzAgMTcuNy0xNC4zIDMyLTMyIDMycy0zMi0xNC4zLTMyLTMybDAtMTZjMC04LjgtNy4yLTE2LTE2LTE2bC02NCAweiIvPgo8L3N2Zz4='); } .booking-panel .booking-showcase .item:nth-child(3) .row:nth-child(1), .booking-panel .booking-showcase .item:nth-child(3):hover .row:nth-child(2){ background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjZmY5ODAwIiBkPSJNMCA5NmwwIDMyIDU3NiAwIDAtMzJjMC0zNS4zLTI4LjctNjQtNjQtNjRMNjQgMzJDMjguNyAzMiAwIDYwLjcgMCA5NnpNMCAyMjRMMCA0MTZjMCAzNS4zIDI4LjcgNjQgNjQgNjRsNDQ4IDBjMzUuMyAwIDY0LTI4LjcgNjQtNjRsMC0xOTJMMCAyMjR6TTk2IDM2OGMwLTguOCA3LjItMTYgMTYtMTZsNjQgMGM4LjggMCAxNiA3LjIgMTYgMTZzLTcuMiAxNi0xNiAxNmwtNjQgMGMtOC44IDAtMTYtNy4yLTE2LTE2em0xMjggMGMwLTguOCA3LjItMTYgMTYtMTZsMTI4IDBjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZsLTEyOCAwYy04LjggMC0xNi03LjItMTYtMTZ6Ii8+PHBhdGggZmlsbD0iI2ZmOTgwMCIgb3BhY2l0eT0iLjQiIGQ9Ik01NzYgMjI0SDBWMTI4SDU3NnY5NnoiLz48L3N2Zz4='); } .booking-panel .booking-showcase .item:nth-child(1) .row:nth-child(1), .booking-panel .booking-showcase .item:nth-child(2) .row:nth-child(1), .booking-panel .booking-showcase .item:nth-child(3) .row:nth-child(1){ background-size: 42px 42px; background-repeat: no-repeat; background-position: center; } .booking-panel .booking-showcase .item:nth-child(2) .row:nth-child(1){ background-size: 32px 32px; background-repeat: no-repeat; background-position: center; } .booking-panel .booking-showcase .item:nth-child(1):hover .row:nth-child(2), .booking-panel .booking-showcase .item:nth-child(2):hover .row:nth-child(2), .booking-panel .booking-showcase .item:nth-child(3):hover .row:nth-child(2){ color: #000; background-size: 20px 20px; background-repeat: no-repeat; background-position: 25px; text-align: left; } .booking-panel .booking-showcase .item:nth-child(2):hover .row:nth-child(2){ background-position: 5px !important; } .booking-panel .booking-showcase .item .row small{ display: inline; font-size: 0.6rem; padding-left: .3rem; } .booking-panel .booking-showcase .item div:nth-child(1){ font-size:2rem; min-height:32px; } .booking-panel .booking-showcase .item div:nth-child(2){ font-size: 0.925rem; font-weight: 500; color: #595959; } .booking-panel .booking-showcase .item div:nth-child(2) span{ padding-right: .1rem; display: none; } .booking-panel .booking-showcase .item div:nth-child(3){ font-size: 0.7rem; font-weight: 400; margin: 0rem 0rem 1rem 0rem; text-align: center; line-height: .9rem; min-height: 40px; display: flex; align-items: center; } .booking-panel .booking-showcase .item div:nth-child(4){ line-height: .9rem; font-size: 0.7rem; font-weight: 400; visibility: hidden; opacity: 0; height: 0px; } .booking-panel .booking-showcase .item div:nth-child(4) p{ line-height: 1.2rem; font-size: 0.7rem; font-weight: 400; margin: 0; text-align: center; align-items: center; } .booking-panel .booking-showcase .item:hover .row:nth-child(1){ display: none; transition: translate 0.1s ease-in, overlay 0.1s ease-out allow-discrete, display 0.1s ease-out allow-discrete; translate: 0 -5vh; } .booking-panel .booking-showcase .item:hover .row:nth-child(3){ display: none; } .booking-panel .booking-showcase .item:hover .row:nth-child(4){ visibility: visible; opacity: 1; transition: opacity .7s ease-in, display .7s ease-in allow-discrete; } /* Booking Showcase End*/ .side-panel button.booking-add-payer, .booking-panel button.booking-edit{ font-weight: 600; border: 1px solid #ff9800 !important; background-color: #ffa41b; text-shadow: 1px 1px #595959; padding: 0.1rem 1.2rem .1rem 1.2rem; color: #fff; border-radius: .7rem; font-size: .9rem; cursor: pointer; margin: 0px; text-transform:capitalize; } .side-panel button.booking-add-payer:hover, .booking-panel button.booking-edit:hover, .booking-panel button.booking-edit:active{ background-color: #fff; color: #797979; box-shadow: none; text-shadow: none; } .side-panel button.booking-add-payer{ margin: 0rem 0rem 0.2rem 0rem; padding: .2rem; width: 100%; } /* Span içindeki small elemanları düzenleme */ .booking-panel .booking-boat-info div:nth-child(1) { } .booking-panel .booking-boat-info div:nth-child(1) > figure > img { border-radius: .7rem; } .booking-panel .booking-boat-info div:nth-child(1) > figure { display: inline-block; /* Görselin hizalanmasını sağlar */ margin: 20px auto; } .booking-panel .booking-boat-info div:nth-child(2) > span, .booking-panel .booking-boat-info div:nth-child(3) > span { display: block; line-height: 1.2rem; font-size: 1rem; font-weight: 400; } .booking-panel .booking-boat-info div:nth-child(2) > span:first-of-type, .booking-panel .booking-boat-info div:nth-child(3) > span:first-of-type{ font-size: 1.1rem; font-weight: 600; } .booking-panel .booking-boat-info div:nth-child(2) > span small:nth-child(3) { display: block; } .booking-panel .booking-boat-info div:nth-child(3) > span small:nth-child(2) { display: block; } .booking-panel .booking-boat-info div:nth-child(3) > span small:nth-child(3) { font-size: 0.775rem; max-width: 100%; /* Genişlik sınırı – ihtiyaca göre ayarla */ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; /* veya block, yapına göre değişebilir */ vertical-align: middle; } .booking-panel .booking-details-info, .booking-panel .booking-boat-info { margin: 0 0px 10px 0px; min-height: 7rem; font-weight: bolder; border-radius: .7rem; align-items: center !important; border: 1px dashed #c5c5c5; } .booking-panel .booking-details-info { padding: 0px 0px 0px .5rem; background: #f0f8ff; } .booking-panel .booking-details-info div{ display: flex; flex-direction: column; align-items: flex-start; font-weight:600; position: relative; } .booking-panel .booking-details-info div:nth-child(2){ border-left: 1px dashed #c5c5c5; border-top:none; } .booking-panel .booking-details-info div header{ display: inline-block; color: #1976d2; font-size:0.8rem; font-weight:700; } .booking-panel .booking-details-info div header i{ float: none !important; font-size: 1.025rem; font-weight: 700; margin-left: 0.4rem; line-height: .4rem; visibility: hidden; display: none; } .booking-panel .booking-details-info div span:nth-child(2){ color: #000000; } .booking-panel .booking-details-info div span:nth-child(3){ color: #595959; font-size:0.75rem; font-weight:600; } .booking-panel .booking-details-info div span:nth-child(3) em:nth-child(1):after, .booking-panel .booking-details-info div span:nth-child(3) em:nth-child(2):after { content: ' | '; } .booking-panel .booking-details-info div span:nth-child(4){ color: #595959; font-size:0.7rem; } /* Booking Side Panel Begin*/ .side-panel { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .side-panel .side-panel-sticky { position: sticky; top: 6%; } .side-panel .box{ border-radius: .6rem; box-shadow: 0 .1rem 3rem rgba(0, 0, 0, 0.175) !important; } .side-panel .box.booking-summary, .side-panel .box.payment-detail, .side-panel .box.payment-summary{ /*border: 1px solid #4caf50;*/ border: none; border-top: 10px solid #4caf50; } .side-panel .box header.row:first-of-type{ padding: .3rem 0 0.9rem 1.2rem; background-repeat: no-repeat; background-size: 18px 18px; background-position: 10px 8px; color:#fff; } .side-panel .box header.row:first-of-type{ color:#fff; font-size: 1rem; font-weight: 600; } .side-panel .box.booking-summary header.row:first-of-type, .side-panel .box.payment-detail header.row:first-of-type, .side-panel .box.payment-summary header.row:first-of-type{ background-color: #4caf50; } .side-panel .box.booking-summary header.row:first-of-type{ background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNjQgNjRDNDYuMyA2NCAzMiA3OC4zIDMyIDk2bDAgNjQgNDQ4IDAgMC02NGMwLTE3LjctMTQuMy0zMi0zMi0zMkw2NCA2NHpNMzIgMTkybDAgMjI0YzAgMTcuNyAxNC4zIDMyIDMyIDMybDM4NCAwYzE3LjcgMCAzMi0xNC4zIDMyLTMybDAtMjI0TDMyIDE5MnpNMCA5NkMwIDYwLjcgMjguNyAzMiA2NCAzMmwzODQgMGMzNS4zIDAgNjQgMjguNyA2NCA2NGwwIDMyMGMwIDM1LjMtMjguNyA2NC02NCA2NEw2NCA0ODBjLTM1LjMgMC02NC0yOC43LTY0LTY0TDAgOTZ6TTEyOCAyNTZsMjU2IDBjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZsLTI1NiAwYy04LjggMC0xNi03LjItMTYtMTZzNy4yLTE2IDE2LTE2em0wIDk2bDI1NiAwYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2bC0yNTYgMGMtOC44IDAtMTYtNy4yLTE2LTE2czcuMi0xNiAxNi0xNnpNMzUyLjIgOTAuM0wzODQgMTA5LjNsMzEuOC0xOS4xYzcuNi00LjUgMTcuNC0yLjEgMjEuOSA1LjVzMi4xIDE3LjQtNS41IDIybC00MCAyNGMtNS4xIDMtMTEuNCAzLTE2LjUgMGwtNDAtMjRjLTcuNi00LjUtMTAtMTQuNC01LjUtMjJzMTQuNC0xMCAyMS45LTUuNXoiLz48L3N2Zz4='); } .side-panel .box.payment-summary header.row:first-of-type{ background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNTEyIDY0YzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgMzIwYzAgMTcuNy0xNC4zIDMyLTMyIDMyTDY0IDQ0OGMtMTcuNyAwLTMyLTE0LjMtMzItMzJMMzIgOTZjMC0xNy43IDE0LjMtMzIgMzItMzJsNDQ4IDB6TTY0IDMyQzI4LjcgMzIgMCA2MC43IDAgOTZMMCA0MTZjMCAzNS4zIDI4LjcgNjQgNjQgNjRsNDQ4IDBjMzUuMyAwIDY0LTI4LjcgNjQtNjRsMC0zMjBjMC0zNS4zLTI4LjctNjQtNjQtNjRMNjQgMzJ6TTk2IDMwNGMwIDguOCA3LjIgMTYgMTYgMTZsMzUyIDBjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZsLTM1MiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTAgNjRjMCA4LjggNy4yIDE2IDE2IDE2bDY0IDBjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZsLTY0IDBjLTguOCAwLTE2IDcuMi0xNiAxNnptMTQ0LTE2Yy04LjggMC0xNiA3LjItMTYgMTZzNy4yIDE2IDE2IDE2bDEyOCAwYzguOCAwIDE2LTcuMiAxNi0xNnMtNy4yLTE2LTE2LTE2bC0xMjggMHpNNDAwIDE0NGw2NCAwYzQuNCAwIDggMy42IDggOGwwIDQ4YzAgNC40LTMuNiA4LTggOGwtNjQgMGMtNC40IDAtOC0zLjYtOC04bDAtNDhjMC00LjQgMy42LTggOC04em0tNDAgOGwwIDQ4YzAgMjIuMSAxNy45IDQwIDQwIDQwbDY0IDBjMjIuMSAwIDQwLTE3LjkgNDAtNDBsMC00OGMwLTIyLjEtMTcuOS00MC00MC00MGwtNjQgMGMtMjIuMSAwLTQwIDE3LjktNDAgNDB6Ii8+PC9zdmc+'); } .side-panel .box.payment-detail header.row:first-of-type{ background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNjQgNjRDNDYuMyA2NCAzMiA3OC4zIDMyIDk2bDAgMzIgNTEyIDAgMC0zMmMwLTE3LjctMTQuMy0zMi0zMi0zMkw2NCA2NHpNMzIgMTYwbDAgNjQgNTEyIDAgMC02NEwzMiAxNjB6bTAgOTZsMCAxNjBjMCAxNy43IDE0LjMgMzIgMzIgMzJsNDQ4IDBjMTcuNyAwIDMyLTE0LjMgMzItMzJsMC0xNjBMMzIgMjU2ek0wIDk2QzAgNjAuNyAyOC43IDMyIDY0IDMybDQ0OCAwYzM1LjMgMCA2NCAyOC43IDY0IDY0bDAgMzIwYzAgMzUuMy0yOC43IDY0LTY0IDY0TDY0IDQ4MGMtMzUuMyAwLTY0LTI4LjctNjQtNjRMMCA5NnpNOTYgMzY4YzAtOC44IDcuMi0xNiAxNi0xNmw2NCAwYzguOCAwIDE2IDcuMiAxNiAxNnMtNy4yIDE2LTE2IDE2bC02NCAwYy04LjggMC0xNi03LjItMTYtMTZ6bTEyOCAwYzAtOC44IDcuMi0xNiAxNi0xNmwxMjggMGM4LjggMCAxNiA3LjIgMTYgMTZzLTcuMiAxNi0xNiAxNmwtMTI4IDBjLTguOCAwLTE2LTcuMi0xNi0xNnoiLz48L3N2Zz4='); } .side-panel .box.payment-plan header.row:first-of-type{ background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNNTEyIDY0YzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgMzIwYzAgMTcuNy0xNC4zIDMyLTMyIDMyTDY0IDQ0OGMtMTcuNyAwLTMyLTE0LjMtMzItMzJMMzIgOTZjMC0xNy43IDE0LjMtMzIgMzItMzJsNDQ4IDB6TTY0IDMyQzI4LjcgMzIgMCA2MC43IDAgOTZMMCA0MTZjMCAzNS4zIDI4LjcgNjQgNjQgNjRsNDQ4IDBjMzUuMyAwIDY0LTI4LjcgNjQtNjRsMC0zMjBjMC0zNS4zLTI4LjctNjQtNjQtNjRMNjQgMzJ6TTk2IDMwNGMwIDguOCA3LjIgMTYgMTYgMTZsMzUyIDBjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZsLTM1MiAwYy04LjggMC0xNiA3LjItMTYgMTZ6bTAgNjRjMCA4LjggNy4yIDE2IDE2IDE2bDY0IDBjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZsLTY0IDBjLTguOCAwLTE2IDcuMi0xNiAxNnptMTQ0LTE2Yy04LjggMC0xNiA3LjItMTYgMTZzNy4yIDE2IDE2IDE2bDEyOCAwYzguOCAwIDE2LTcuMiAxNi0xNnMtNy4yLTE2LTE2LTE2bC0xMjggMHpNNDAwIDE0NGw2NCAwYzQuNCAwIDggMy42IDggOGwwIDQ4YzAgNC40LTMuNiA4LTggOGwtNjQgMGMtNC40IDAtOC0zLjYtOC04bDAtNDhjMC00LjQgMy42LTggOC04em0tNDAgOGwwIDQ4YzAgMjIuMSAxNy45IDQwIDQwIDQwbDY0IDBjMjIuMSAwIDQwLTE3LjkgNDAtNDBsMC00OGMwLTIyLjEtMTcuOS00MC00MC00MGwtNjQgMGMtMjIuMSAwLTQwIDE3LjktNDAgNDB6Ii8+PC9zdmc+'); } .side-panel .box.group-payers header.row:first-of-type{ background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTI4IDY0YTI0IDI0IDAgMSAxIDAgNDggMjQgMjQgMCAxIDEgMC00OHptMCA4MGE1NiA1NiAwIDEgMCAwLTExMiA1NiA1NiAwIDEgMCAwIDExMnpNMCAyODBjMCA0My4zIDI2LjQgODAuNCA2NCA5NmwwIDQ4YzAgMTMuMyAxMC43IDI0IDI0IDI0bDgwIDBjMTMuMyAwIDI0LTEwLjcgMjQtMjRsMC00MGMwLTguOC03LjItMTYtMTYtMTZzLTE2IDcuMi0xNiAxNmwwIDMyLTY0IDAgMC0yMDcuNmMyLjYtLjMgNS4zLS40IDgtLjRsNDggMGM5LjMgMCAxOC4xIDEuNyAyNi4yIDQuOWM4LjIgMy4yIDE3LjUtLjkgMjAuNy05LjFzLS45LTE3LjUtOS4xLTIwLjdjLTExLjctNC42LTI0LjUtNy4xLTM3LjgtNy4xbC00OCAwQzQ2LjYgMTc2IDAgMjIyLjYgMCAyODB6bTY0IDU5LjlDNDQuNyAzMjcgMzIgMzA0LjkgMzIgMjgwYzAtMjUgMTIuNy00NyAzMi01OS45bDAgMTE5Ljh6TTUxMiA2NGEyNCAyNCAwIDEgMSAwIDQ4IDI0IDI0IDAgMSAxIDAtNDh6bTAgODBhNTYgNTYgMCAxIDAgMC0xMTIgNTYgNTYgMCAxIDAgMCAxMTJ6TTY0MCAyODBjMC01Ny40LTQ2LjYtMTA0LTEwNC0xMDRsLTQ4IDBjLTEzLjMgMC0yNi4xIDIuNS0zNy44IDcuMWMtOC4yIDMuMi0xMi4zIDEyLjUtOS4xIDIwLjdzMTIuNSAxMi4zIDIwLjcgOS4xYzguMS0zLjIgMTYuOS00LjkgMjYuMi00LjlsNDggMGMyLjcgMCA1LjQgLjEgOCAuNEw1NDQgNDE2bC02NCAwIDAtMzJjMC04LjgtNy4yLTE2LTE2LTE2cy0xNiA3LjItMTYgMTZsMCA0MGMwIDEzLjMgMTAuNyAyNCAyNCAyNGw4MCAwYzEzLjMgMCAyNC0xMC43IDI0LTI0bDAtNDhjMzcuNi0xNS43IDY0LTUyLjcgNjQtOTZ6bS02NCA1OS45bDAtMTE5LjhDNTk1LjMgMjMzIDYwOCAyNTUgNjA4IDI4MGMwIDI0LjktMTIuNyA0Ny0zMiA1OS45ek0yODggOTZhMzIgMzIgMCAxIDEgNjQgMCAzMiAzMiAwIDEgMSAtNjQgMHptOTYgMEE2NCA2NCAwIDEgMCAyNTYgOTZhNjQgNjQgMCAxIDAgMTI4IDB6bS04MCA5NmMtNTcuNCAwLTEwNCA0Ni42LTEwNCAxMDRjMCA0MC4xIDIyLjcgNzQuOSA1NiA5Mi4zbDAgNjcuN2MwIDEzLjMgMTAuNyAyNCAyNCAyNGw4MCAwYzEzLjMgMCAyNC0xMC43IDI0LTI0bDAtNjcuN2MzMy4zLTE3LjMgNTYtNTIuMSA1Ni05Mi4zYzAtNTcuNC00Ni42LTEwNC0xMDQtMTA0bC0zMiAwem0tNDggNTAuM2wwIDEwNy4zYy0xNC43LTEzLjItMjQtMzIuNC0yNC01My43YzAtMjEuMyA5LjMtNDAuNSAyNC01My43ek0yODggNDQ4bDAtMjIyLjJjNS4xLTEuMiAxMC41LTEuOCAxNi0xLjhsMzIgMGM1LjUgMCAxMC45IC42IDE2IDEuOEwzNTIgNDQ4bC02NCAwem05Ni05OC4zbDAtMTA3LjNjMTQuNyAxMy4yIDI0IDMyLjMgMjQgNTMuN2MwIDIxLjMtOS4zIDQwLjUtMjQgNTMuN3oiLz48L3N2Zz4='); } .side-panel .box.booking-summary .list-price , .side-panel .box.booking-summary .total-discount{ color: #595959; font-weight: 500; } .side-panel .box.booking-summary .total-discount { color: #4caf50; } .side-panel .box.booking-summary .list-price div , .side-panel .box.booking-summary .total-discount div, .side-panel .box.booking-summary .promo-code div.badge-percent , .side-panel .box.booking-summary .discounted-price div:nth-child(1){ background-repeat: no-repeat; background-size: 18px 18px; background-position: 10px 3px; padding-left: 30px; } .side-panel .box.booking-summary .list-price div { background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjOEI4QjhCIiBvcGFjaXR5PSIuMSIgZD0iTTQyLjUgNDE2YzEzLjUgMzguMSA0OS42IDY0IDkwLjUgNjRMNDQzIDQ4MGM0MC45IDAgNzctMjUuOSA5MC41LTY0TDQyLjUgNDE2em02NS4xLTk2bDg0LjQgMCAwLTE0Ny44TDEwNy42IDMyMHpNMjg4IDY2LjhMMjg4IDMyMGwxNzcuMyAwTDI4OCA2Ni44eiIvPjxwYXRoIGZpbGw9IiM4QjhCOEIiIGQ9Ik0yODUuMSA2LjhjLTQtNS43LTExLjMtOC4yLTE3LjktNi4xUzI1NiA5IDI1NiAxNmwwIDMyMGMwIDguOCA3LjIgMTYgMTYgMTZsMjI0IDBjNiAwIDExLjQtMy4zIDE0LjItOC42czIuMy0xMS43LTEuMS0xNi42bC0yMjQtMzIwek0yODggMzIwbDAtMjUzLjJMNDY1LjMgMzIwIDI4OCAzMjB6TTIxMi4xIDk2LjVjLTctMS45LTE0LjQgMS4yLTE4IDcuNWwtMTI4IDIyNGMtMi44IDUtMi44IDExIC4xIDE2czguMSA4IDEzLjggOGwxMjggMGM4LjggMCAxNi03LjIgMTYtMTZsMC0yMjRjMC03LjMtNC45LTEzLjYtMTEuOS0xNS41ek0xMDcuNiAzMjBMMTkyIDE3Mi4yIDE5MiAzMjBsLTg0LjQgMHpNNDIuNSA0MTZsNDkxLjEgMGMtMTMuNSAzOC4xLTQ5LjYgNjQtOTAuNSA2NEwxMzMgNDgwYy00MC45IDAtNzctMjUuOS05MC41LTY0ek0yMS4xIDM4NGMtMTAuNiAwLTE4LjMgMTAuMS0xNS40IDIwLjNsNCAxNC4zQzI1LjMgNDczLjkgNzUuNiA1MTIgMTMzIDUxMkw0NDMgNTEyYzU3LjMgMCAxMDcuNy0zOC4xIDEyMy4yLTkzLjNsNC0xNC4zYzIuOS0xMC4yLTQuOC0yMC4zLTE1LjQtMjAuM0wyMS4xIDM4NHoiLz48L3N2Zz4='); } .side-panel .box.booking-summary .total-discount div { background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj4KICA8cGF0aCBmaWxsPSIjOEI4QjhCIiBvcGFjaXR5PSIuNiIgZD0iTTIwOCA5NmMwIDEzLjIgMi43IDI1LjcgNy41IDM3LjJjMTIuOS0zLjQgMjYuNS01LjIgNDAuNS01LjJsMTI4IDBjMS44IDAgMy41IDAgNS4yIC4xczMuNSAuMSA1LjIgLjJjMy42LTEwLjEgNS42LTIxIDUuNi0zMi4zYzAtNTMtNDMtOTYtOTYtOTZzLTk2IDQzLTk2IDk2eiIvPgogICAgPHBhdGggZmlsbD0iIzRjYWY1MCIgZD0iTTUwNyAxMTUuOWwtMTMuOCA1NS4yYzE1LjggMTQuOCAyOC43IDMyLjggMzcuNSA1Mi45bDEzLjMgMGMxNy43IDAgMzIgMTQuMyAzMiAzMmwwIDk2YzAgMTcuNy0xNC4zIDMyLTMyIDMybC0zMiAwYy05LjEgMTIuMS0xOS45IDIyLjktMzIgMzJsMCA2NGMwIDE3LjctMTQuMyAzMi0zMiAzMmwtMzIgMGMtMTcuNyAwLTMyLTE0LjMtMzItMzJsMC0zMi0xMjggMCAwIDMyYzAgMTcuNy0xNC4zIDMyLTMyIDMybC0zMiAwYy0xNy43IDAtMzItMTQuMy0zMi0zMmwwLTY0Yy0zNC45LTI2LjItNTguNy02Ni4zLTYzLjItMTEyTDY4IDMwNGMtMzcuNiAwLTY4LTMwLjQtNjgtNjhzMzAuNC02OCA2OC02OGw0IDBjMTMuMyAwIDI0IDEwLjcgMjQgMjRzLTEwLjcgMjQtMjQgMjRsLTQgMGMtMTEgMC0yMCA5LTIwIDIwczkgMjAgMjAgMjBsMzEuMiAwQzExNCAxODMgMTc4LjYgMTI4IDI1NiAxMjhsMTI4IDBjNy44IDAgMTUuNSAuNiAyMyAxLjZDNDI0LjYgMTA5LjEgNDUwLjggOTYgNDgwIDk2bDExLjUgMGMxMC40IDAgMTggOS44IDE1LjUgMTkuOXpNNDI0IDI4OGEyNCAyNCAwIDEgMCAwLTQ4IDI0IDI0IDAgMSAwIDAgNDh6Ii8+Cjwvc3ZnPg=='); } .side-panel .box.booking-summary .promo-code div.badge-percent { background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjOEI4QjhCIiBvcGFjaXR5PSIuMSIgZD0iTTMyIDI1NmMwIDI4LjMgMTUuOSA1MyAzOS40IDY1LjRjNi44IDMuNiAxMC4xIDExLjUgNy44IDE4LjhjLTcuOCAyNS40LTEuNiA1NC4xIDE4LjQgNzQuMXM0OC43IDI2LjIgNzQuMSAxOC40YzcuMy0yLjMgMTUuMiAxIDE4LjggNy44QzIwMyA0NjQuMSAyMjcuNyA0ODAgMjU2IDQ4MHM1My0xNS45IDY1LjQtMzkuNGMzLjYtNi44IDExLjUtMTAuMSAxOC44LTcuOGMyNS40IDcuOCA1NC4xIDEuNiA3NC4xLTE4LjRzMjYuMi00OC43IDE4LjQtNzQuMWMtMi4zLTcuMyAxLTE1LjIgNy44LTE4LjhDNDY0LjEgMzA5IDQ4MCAyODQuMyA0ODAgMjU2cy0xNS45LTUzLTM5LjQtNjUuNGMtNi44LTMuNi0xMC4xLTExLjUtNy44LTE4LjhjNy44LTI1LjQgMS42LTU0LjEtMTguNC03NC4xcy00OC43LTI2LjItNzQuMS0xOC40Yy03LjMgMi4zLTE1LjItMS0xOC44LTcuOEMzMDkgNDcuOSAyODQuMyAzMiAyNTYgMzJzLTUzIDE1LjktNjUuNCAzOS40Yy0zLjYgNi44LTExLjUgMTAuMS0xOC44IDcuOGMtMjUuNC03LjgtNTQuMS0xLjYtNzQuMSAxOC40cy0yNi4yIDQ4LjctMTguNCA3NC4xYzIuMyA3LjMtMSAxNS4yLTcuOCAxOC44QzQ3LjkgMjAzIDMyIDIyNy43IDMyIDI1NnptMTMyLjcgNjguN2wxNjAtMTYwYzYuMi02LjIgMTYuNC02LjIgMjIuNiAwczYuMiAxNi40IDAgMjIuNmwtMTYwIDE2MGMtNi4yIDYuMi0xNi40IDYuMi0yMi42IDBzLTYuMi0xNi40IDAtMjIuNnpNMjE2IDE5MmEyNCAyNCAwIDEgMSAtNDggMCAyNCAyNCAwIDEgMSA0OCAwek0zNDQgMzIwYTI0IDI0IDAgMSAxIC00OCAwIDI0IDI0IDAgMSAxIDQ4IDB6Ii8+PHBhdGggZmlsbD0iIzhCOEI4QiIgZD0iTTE5MC42IDcxLjRDMjAzIDQ3LjkgMjI3LjcgMzIgMjU2IDMyczUzIDE1LjkgNjUuNCAzOS40YzMuNiA2LjggMTEuNSAxMC4xIDE4LjggNy44YzI1LjQtNy44IDU0LjEtMS42IDc0LjEgMTguNHMyNi4yIDQ4LjcgMTguNCA3NC4xYy0yLjMgNy4zIDEgMTUuMiA3LjggMTguOEM0NjQuMSAyMDMgNDgwIDIyNy43IDQ4MCAyNTZzLTE1LjkgNTMtMzkuNCA2NS40Yy02LjggMy42LTEwLjEgMTEuNS03LjggMTguOGM3LjggMjUuNCAxLjYgNTQuMS0xOC40IDc0LjFzLTQ4LjcgMjYuMi03NC4xIDE4LjRjLTcuMy0yLjMtMTUuMiAxLTE4LjggNy44QzMwOSA0NjQuMSAyODQuMyA0ODAgMjU2IDQ4MHMtNTMtMTUuOS02NS40LTM5LjRjLTMuNi02LjgtMTEuNS0xMC4xLTE4LjgtNy44Yy0yNS40IDcuOC01NC4xIDEuNi03NC4xLTE4LjRzLTI2LjItNDguNy0xOC40LTc0LjFjMi4zLTcuMy0xLTE1LjItNy44LTE4LjhDNDcuOSAzMDkgMzIgMjg0LjMgMzIgMjU2czE1LjktNTMgMzkuNC02NS40YzYuOC0zLjYgMTAuMS0xMS41IDcuOC0xOC44Yy03LjgtMjUuNC0xLjYtNTQuMSAxOC40LTc0LjFzNDguNy0yNi4yIDc0LjEtMTguNGM3LjMgMi4zIDE1LjItMSAxOC44LTcuOHpNMjU2IDBjLTM2LjEgMC02OCAxOC4xLTg3LjEgNDUuNmMtMzMtNi02OC4zIDMuOC05My45IDI5LjRzLTM1LjMgNjAuOS0yOS40IDkzLjlDMTguMSAxODggMCAyMTkuOSAwIDI1NnMxOC4xIDY4IDQ1LjYgODcuMWMtNiAzMyAzLjggNjguMyAyOS40IDkzLjlzNjAuOSAzNS4zIDkzLjkgMjkuNEMxODggNDkzLjkgMjE5LjkgNTEyIDI1NiA1MTJzNjgtMTguMSA4Ny4xLTQ1LjZjMzMgNiA2OC4zLTMuOCA5My45LTI5LjRzMzUuMy02MC45IDI5LjQtOTMuOUM0OTMuOSAzMjQgNTEyIDI5Mi4xIDUxMiAyNTZzLTE4LjEtNjgtNDUuNi04Ny4xYzYtMzMtMy44LTY4LjMtMjkuNC05My45cy02MC45LTM1LjMtOTMuOS0yOS40QzMyNCAxOC4xIDI5Mi4xIDAgMjU2IDB6bTkxLjMgMTY0LjdjLTYuMi02LjItMTYuNC02LjItMjIuNiAwbC0xNjAgMTYwYy02LjIgNi4yLTYuMiAxNi40IDAgMjIuNnMxNi40IDYuMiAyMi42IDBsMTYwLTE2MGM2LjItNi4yIDYuMi0xNi40IDAtMjIuNnpNMTkyIDIxNmEyNCAyNCAwIDEgMCAwLTQ4IDI0IDI0IDAgMSAwIDAgNDh6TTMyMCAzNDRhMjQgMjQgMCAxIDAgMC00OCAyNCAyNCAwIDEgMCAwIDQ4eiIvPjwvc3ZnPg=='); } .side-panel .box.booking-summary .discounted-price div[itemprop="headline"] { background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjOEI4QjhCIiBvcGFjaXR5PSIuMSIgZD0iTTMyIDgwbDAgMTU2LjFjMCA0LjIgMS43IDguMyA0LjcgMTEuM0wyMDkuNCA0MjAuMWMxMi41IDEyLjUgMzIuOCAxMi41IDQ1LjMgMEwzODguMSAyODYuNmMxMi41LTEyLjUgMTIuNS0zMi44IDAtNDUuM0wyMTUuNCA2OC43Yy0zLTMtNy4xLTQuNy0xMS4zLTQuN0w0OCA2NGMtOC44IDAtMTYgNy4yLTE2IDE2em05NiA1NmEyNCAyNCAwIDEgMSAtNDggMCAyNCAyNCAwIDEgMSA0OCAweiIvPjxwYXRoIGZpbGw9IiM4QjhCOEIiIGQ9Ik0yMDQuMSAzMmMxMi43IDAgMjQuOSA1LjEgMzMuOSAxNC4xTDQxMC43IDIxOC43YzI1IDI1IDI1IDY1LjUgMCA5MC41TDI3Ny4zIDQ0Mi43Yy0yNSAyNS02NS41IDI1LTkwLjUgMEwxNC4xIDI3MC4xYy05LTktMTQuMS0yMS4yLTE0LjEtMzMuOUwwIDgwQzAgNTMuNSAyMS41IDMyIDQ4IDMybDE1Ni4xIDB6TTM2LjcgMjQ3LjRMMjA5LjQgNDIwLjFjMTIuNSAxMi41IDMyLjggMTIuNSA0NS4zIDBMMzg4LjEgMjg2LjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNMMjE1LjQgNjguN2MtMy0zLTcuMS00LjctMTEuMy00LjdMNDggNjRjLTguOCAwLTE2IDcuMi0xNiAxNmwwIDE1Ni4xYzAgNC4yIDEuNyA4LjMgNC43IDExLjN6TTMwOC40IDM2LjljNi4xLTYuNCAxNi4yLTYuNiAyMi42LS41bDE0MS4zIDEzNWM1Mi44IDUwLjQgNTIuOCAxMzQuNyAwIDE4NS4xbC0xMjQuNiAxMTljLTYuNCA2LjEtMTYuNSA1LjktMjIuNi0uNXMtNS45LTE2LjUgLjUtMjIuNmwxMjQuNi0xMTljMzkuNi0zNy44IDM5LjYtMTAxIDAtMTM4LjhMMzA4LjkgNTkuNmMtNi40LTYuMS02LjYtMTYuMi0uNS0yMi42ek0xMDQgMTEyYTI0IDI0IDAgMSAxIDAgNDggMjQgMjQgMCAxIDEgMC00OHoiLz48L3N2Zz4='); } .side-panel .box.booking-summary .discounted-price{ border-top: 1px dashed #c5c5c5; padding: 2vh 0; } .booking-panel button.btn-booking-action, .side-panel button.btn-booking-action{ font-size:1rem; font-weight:600; text-transform: capitalize; border:1px solid #4caf50; background-color:#4caf50; text-shadow: 1px 1px #595959; color: #fff; border-radius: 2rem; box-shadow: none !important; cursor:pointer; width: auto; } .booking-panel button.btn-booking-action:hover, .side-panel button.btn-booking-action:hover{ background-color:#fff; color: #595959; text-shadow: none; } .booking-panel button[disabled].btn-booking-action, .booking-panel button[disabled].btn-booking-action:hover, .side-panel button[disabled].btn-booking-action, .side-panel button[disabled].btn-booking-action:hover { background-color:#EEECEC !important; color: #595959 !important; border: 1px solid #4caf50; } .side-panel .box.booking-summary p{ text-align:center; font-weight: 500; font-size: .8rem; } .side-panel .box.booking-summary .promo-code input{ padding: 5px 10px 5px 10px; border:1px dashed #c5c5c5; border-radius: .6rem; } .side-panel .box.booking-summary .promo-code button{ font-weight: 700; font-size: .7rem; text-transform: capitalize; border:1px solid #c5c5c5; background-color:#fff; color: #595959; border-radius: .6rem; padding: .4rem; cursor:pointer; } .side-panel .box.booking-summary .promo-code button:hover{ background-color:#c5c5c5; color: #fff; } .side-panel .box.booking-summary .row span, .side-panel .box.booking-summary .promo-code div:nth-child(3){ text-align: right; } .side-panel .box.payment-plan, .side-panel .box.group-payers{ border: none; border-top: 8px solid #1A76D2; } .side-panel .box.payment-plan header, .side-panel .box.group-payers header{ background-color:#1A76D2; } .side-panel .box.booking-summary .discounted-price, .side-panel .box.payment-plan .total{ border-top: 1px dashed #c5c5c5; padding: 2vh 0; font-weight:600; z-index: 4010; } .side-panel .box.payment-plan .sub-total{ display: flex; border-bottom: 1px dashed #c5c5c5; padding: 1vh 0; color: #595959; font-weight:500; } .side-panel .box.payment-plan .sub-total div:nth-child(2), .side-panel .box.payment-plan .total div:nth-child(2){ text-align: right; } .side-panel .box.payment-plan ul.timeline { list-style-type: none; position: relative; margin: 0 0 -10px -20px !important; } .side-panel .box.payment-plan ul.timeline:before { content: ' '; background: #93bfeb; display: inline-block; position: absolute; left: 26px; width: 2px; height: 0%; z-index: 400; margin-top: 6px; } .side-panel .box.payment-plan ul.timeline[data-item-count="2"]:before { height: 60%; } /* 40% */ .side-panel .box.payment-plan ul.timeline[data-item-count="3"]:before { height: 75%; } /* 75% */ .side-panel .box.payment-plan ul.timeline[data-item-count="4"]:before { height: 85%; } /* Sabit olarak 85% */ .side-panel .box.payment-plan ul.timeline > li { margin: 20px 0; padding-left: 5px; } .side-panel .box.payment-plan ul.timeline > li:before { content: ' '; background: white; display: inline-block; position: absolute; border-radius: 50%; border: 2px solid #1A76D2; left: 20px; width: 14px; height: 14px; z-index: 400; margin-top: 5px; } .side-panel .box.payment-plan ul.timeline > li span{ font-size:1rem; font-weight:400; color:#1A76D2; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTI4IDE2YzAtOC44LTcuMi0xNi0xNi0xNnMtMTYgNy4yLTE2IDE2bDAgNDhMNjQgNjRDMjguNyA2NCAwIDkyLjcgMCAxMjhsMCAzMiAwIDMyTDAgNDQ4YzAgMzUuMyAyOC43IDY0IDY0IDY0bDMyMCAwYzM1LjMgMCA2NC0yOC43IDY0LTY0bDAtMjU2IDAtMzIgMC0zMmMwLTM1LjMtMjguNy02NC02NC02NGwtMzIgMCAwLTQ4YzAtOC44LTcuMi0xNi0xNi0xNnMtMTYgNy4yLTE2IDE2bDAgNDhMMTI4IDY0bDAtNDh6TTMyIDE5MmwzODQgMCAwIDI1NmMwIDE3LjctMTQuMyAzMi0zMiAzMkw2NCA0ODBjLTE3LjcgMC0zMi0xNC4zLTMyLTMybDAtMjU2ek02NCA5NmwzMjAgMGMxNy43IDAgMzIgMTQuMyAzMiAzMmwwIDMyTDMyIDE2MGwwLTMyYzAtMTcuNyAxNC4zLTMyIDMyLTMyem00MCAxNjBsMjQwIDBjNC40IDAgOCAzLjYgOCA4bDAgODBjMCA0LjQtMy42IDgtOCA4bC0yNDAgMGMtNC40IDAtOC0zLjYtOC04bDAtODBjMC00LjQgMy42LTggOC04em0tNDAgOGwwIDgwYzAgMjIuMSAxNy45IDQwIDQwIDQwbDI0MCAwYzIyLjEgMCA0MC0xNy45IDQwLTQwbDAtODBjMC0yMi4xLTE3LjktNDAtNDAtNDBsLTI0MCAwYy0yMi4xIDAtNDAgMTcuOS00MCA0MHoiLz48L3N2Zz4='); } .side-panel .box.payment-plan ul.timeline > li strong { font-size:1.1rem; font-weight: 500; float: right !important; } .side-panel .box.payment-plan ul.timeline > li p { font-size:0.8rem; margin: 5px 0px 0px 0px; background-repeat: no-repeat; background-size: 18px 18px; background-position: 10px 3px; padding-left: 30px; } .side-panel .box.payment-plan ul.timeline > li.pay-from-card p { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjN0Y3RjdGIiBkPSJNMCA5NmwwIDMyIDU3NiAwIDAtMzJjMC0zNS4zLTI4LjctNjQtNjQtNjRMNjQgMzJDMjguNyAzMiAwIDYwLjcgMCA5NnpNMCAyMjRMMCA0MTZjMCAzNS4zIDI4LjcgNjQgNjQgNjRsNDQ4IDBjMzUuMyAwIDY0LTI4LjcgNjQtNjRsMC0xOTJMMCAyMjR6TTk2IDM2OGMwLTguOCA3LjItMTYgMTYtMTZsNjQgMGM4LjggMCAxNiA3LjIgMTYgMTZzLTcuMiAxNi0xNiAxNmwtNjQgMGMtOC44IDAtMTYtNy4yLTE2LTE2em0xMjggMGMwLTguOCA3LjItMTYgMTYtMTZsMTI4IDBjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZsLTEyOCAwYy04LjggMC0xNi03LjItMTYtMTZ6Ii8+PHBhdGggZmlsbD0iI0M1QzVDNSIgZD0iTTU3NiAyMjRIMFYxMjhINTc2djk2eiIvPjwvc3ZnPg=='); } .side-panel .box.payment-plan ul.timeline > li.at-the-site p { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjOEI4QjhCIiBvcGFjaXR5PSIuMSIgZD0iTTMyIDk2YzAtMTcuNyAxNC4zLTMyIDMyLTMybDQ0OCAwYzE3LjcgMCAzMiAxNC4zIDMyIDMybDAgMzJMMzIgMTI4bDAtMzJ6bTAgMTYwbDUxMiAwIDAgMTYwYzAgMTcuNy0xNC4zIDMyLTMyIDMyTDY0IDQ0OGMtMTcuNyAwLTMyLTE0LjMtMzItMzJsMC0xNjB6TTk2IDM2OGMwIDguOCA3LjIgMTYgMTYgMTZsNjQgMGM4LjggMCAxNi03LjIgMTYtMTZzLTcuMi0xNi0xNi0xNmwtNjQgMGMtOC44IDAtMTYgNy4yLTE2IDE2em0xMjggMGMwIDguOCA3LjIgMTYgMTYgMTZsMTI4IDBjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZsLTEyOCAwYy04LjggMC0xNiA3LjItMTYgMTZ6Ii8+PHBhdGggZmlsbD0iIzhCOEI4QiIgZD0iTTY0IDY0QzQ2LjMgNjQgMzIgNzguMyAzMiA5NmwwIDMyIDUxMiAwIDAtMzJjMC0xNy43LTE0LjMtMzItMzItMzJMNjQgNjR6TTMyIDE2MGwwIDY0IDUxMiAwIDAtNjRMMzIgMTYwem0wIDk2bDAgMTYwYzAgMTcuNyAxNC4zIDMyIDMyIDMybDQ0OCAwYzE3LjcgMCAzMi0xNC4zIDMyLTMybDAtMTYwTDMyIDI1NnpNMCA5NkMwIDYwLjcgMjguNyAzMiA2NCAzMmw0NDggMGMzNS4zIDAgNjQgMjguNyA2NCA2NGwwIDMyMGMwIDM1LjMtMjguNyA2NC02NCA2NEw2NCA0ODBjLTM1LjMgMC02NC0yOC43LTY0LTY0TDAgOTZ6TTk2IDM2OGMwLTguOCA3LjItMTYgMTYtMTZsNjQgMGM4LjggMCAxNiA3LjIgMTYgMTZzLTcuMiAxNi0xNiAxNmwtNjQgMGMtOC44IDAtMTYtNy4yLTE2LTE2em0xMjggMGMwLTguOCA3LjItMTYgMTYtMTZsMTI4IDBjOC44IDAgMTYgNy4yIDE2IDE2cy03LjIgMTYtMTYgMTZsLTEyOCAwYy04LjggMC0xNi03LjItMTYtMTZ6Ii8+PC9zdmc+'); } .side-panel .box.payment-plan ul.timeline > li.at-the-base p { background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjYzVjNWM1IiBkPSJNMTkyIDk2YzAgMzMuNCAxNyA2Mi44IDQyLjkgODBMMjI0IDE3NmMtMTcuNyAwLTMyIDE0LjMtMzIgMzJzMTQuMyAzMiAzMiAzMmwzMiAwIDY0IDAgMzIgMGMxNy43IDAgMzItMTQuMyAzMi0zMnMtMTQuMy0zMi0zMi0zMmwtMTAuOSAwQzM2NyAxNTguOCAzODQgMTI5LjQgMzg0IDk2YzAtNTMtNDMtOTYtOTYtOTZzLTk2IDQzLTk2IDk2em0xMjggMGEzMiAzMiAwIDEgMSAtNjQgMCAzMiAzMiAwIDEgMSA2NCAweiIvPjxwYXRoIG9wYWNpdHk9Ii41IiAgZD0iTTI1NiA0NDhsMC0yMDggNjQgMCAwIDIwOCA0OCAwYzUzIDAgOTYtNDMgOTYtOTZsMC02LjEtNyA3Yy05LjQgOS40LTI0LjYgOS40LTMzLjkgMHMtOS40LTI0LjYgMC0zMy45bDU2LTU2YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDU2IDU2YzkuNCA5LjQgOS40IDI0LjYgMCAzMy45cy0yNC42IDkuNC0zMy45IDBsLTctNyAwIDYuMWMwIDg4LjQtNzEuNiAxNjAtMTYwIDE2MGwtODAgMC04MCAwYy04OC40IDAtMTYwLTcxLjYtMTYwLTE2MGwwLTYuMS03IDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNTYtNTZjOS40LTkuNCAyNC42LTkuNCAzMy45IDBsNTYgNTZjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNy03IDAgNi4xYzAgNTMgNDMgOTYgOTYgOTZsNDggMHoiLz48L3N2Zz4='); } .side-panel .box.payment-plan div.sub-total .subTotalPrice { font-weight: 600; } .side-panel .box.payment-plan div.total .totalPrice { font-weight: 700; } .side-panel .payment-summary span[itemprop="paymentMethod"]{ font-weight: 500; color: #797979; } .side-panel .payment-summary span[itemprop="paymentMethod"].selected{ color: #4DAF50; } .side-panel .payment-summary p{ font-weight: 400; } .side-panel .payment-summary .custom-control.custom-switch { padding-right: 1rem; padding-left: 1rem; } .side-panel .payment-summary .switch { position: relative; height: 1.5rem; width: 3rem; cursor: pointer; appearance: none; -webkit-appearance: none; border-radius: 9999px; background-color: rgba(100, 116, 139, 0.377); transition: all .3s ease; margin-right: 5px; } .side-panel .payment-summary .payment-table-info.bank-transfer , .side-panel .payment-summary .group-payment-content{ display: none; } .side-panel .payment-summary .switch:checked { background-color: rgba(77,175,80,1); } .side-panel .payment-summary .switch:disabled { background-color: rgb(209 209 209); } .side-panel .payment-summary .switch::before { position: absolute; content: ""; left: calc(1.5rem - 1.6rem); top: calc(1.5rem - 1.6rem); display: block; height: 1.6rem; width: 1.6rem; cursor: pointer; border: 1px solid rgba(100, 116, 139, 0.527); border-radius: 9999px; background-color: rgba(255, 255, 255, 1); box-shadow: 0 3px 10px rgba(100, 116, 139, 0.327); transition: all .3s ease; } .side-panel .payment-summary .switch:hover::before { box-shadow: 0 0 0px 8px rgba(0, 0, 0, .15) } .side-panel .payment-summary .switch:checked:hover::before { box-shadow: 0 0 0px 8px rgba(77,175,80, .15) } .side-panel .payment-summary .switch:checked:before { transform: translateX(100%); border-color: rgba(77,175,80,1); } .side-panel .payment-summary .group-payment-selection { display: flex; gap: .5rem; } .side-panel .payment-summary .group-payment-selection .group-payment-option { border: 1px solid #ccc; padding: .19rem; border-radius: .6rem; text-align: center; cursor: pointer; transition: 0.3s ease-in-out; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjYzVjNWM1IiBkPSJNMjU2IDMyYTIyNCAyMjQgMCAxIDEgMCA0NDggMjI0IDIyNCAwIDEgMSAwLTQ0OHptMCA0ODBBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyeiIvPjwvc3ZnPg=='); background-size: 18px 18px; background-repeat: no-repeat; background-position: 50% 5px; width: 50%; } .side-panel .payment-summary .group-payment-selection .group-payment-option.selected, .side-panel .payment-summary .group-payment-selection .group-payment-option.selected:active { border-color: #4CAF50; background-color: #e8f5e9; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMjU2IDMyYTIyNCAyMjQgMCAxIDEgMCA0NDggMjI0IDIyNCAwIDEgMSAwLTQ0OHptMCA0ODBBMjU2IDI1NiAwIDEgMCAyNTYgMGEyNTYgMjU2IDAgMSAwIDAgNTEyek0zNjMuMyAyMDMuM2M2LjItNi4yIDYuMi0xNi40IDAtMjIuNnMtMTYuNC02LjItMjIuNiAwTDIyNCAyOTcuNGwtNTIuNy01Mi43Yy02LjItNi4yLTE2LjQtNi4yLTIyLjYgMHMtNi4yIDE2LjQgMCAyMi42bDY0IDY0YzYuMiA2LjIgMTYuNCA2LjIgMjIuNiAwbDEyOC0xMjh6Ii8+PC9zdmc+'); } .side-panel .payment-summary .group-payment-selection .group-payment-option.enable.selected, .side-panel .payment-summary .group-payment-selection .group-payment-option.selected:active { border-color: #4CAF50; background-color: #e8f5e9; } .side-panel .payment-summary .group-payment-selection .group-payment-option.disable.selected, .side-panel .payment-summary .group-payment-selection .group-payment-option.disable.selected:active { border-color: #a9d8fe; background-color: #f0f8ff; } .side-panel .payment-summary .group-payment-selection .group-payment-option h3 { font-size: 1rem; font-weight: 500 !important; margin: 1.5rem 0rem .5rem 0rem; line-height: 1rem; } .side-panel .payment-summary .group-payment-selection .group-payment-option p { font-size: .8rem; font-weight: 400 !important; line-height: 1rem; color: #595959; } .side-panel .payment-summary .group-payment-selection .group-payment-option:hover { transform: scale(1.03); background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjNzk3OTc5IiBkPSJNMjU2IDUxMkEyNTYgMjU2IDAgMSAwIDI1NiAwYTI1NiAyNTYgMCAxIDAgMCA1MTJ6Ii8+PC9zdmc+'); background-size: 18px 18px; background-repeat: no-repeat; background-position: 50% 5px; } .side-panel .payment-summary .group-payment-selection.disabled, .side-panel .payment-summary .group-payment-selection .group-payment-option.selected { cursor: not-allowed !important; pointer-events:none !important; } .side-panel .payment-summary .group-payment-selection.disabled .group-payment-option { background-color: #EEEEEE; background-image:none; color:#595959; } .side-panel .payment-summary .group-payment-selection.disabled .group-payment-option:hover { background-image:none; transform:none; } .side-panel .payment-detail .table div.row:first-of-type, .side-panel .payment-summary .table div.row.header, .side-panel .group-payers .table div.row.header, .side-panel .payment-detail .table div.row:last-of-type, .side-panel .payment-summary .table div.row.total-price, .side-panel .group-payers .table div.row.total-price, .side-panel .group-payers .table div.row.header { font-size: 1rem !important; font-weight: 700; margin-top: .7rem; } .side-panel .payment-detail .table div.row.selected, .side-panel .group-payers .table div.row.selected, .side-panel .payment-summary .table div.row.selected{ background-color: #eee; font-weight: 600 !important; } .side-panel .payment-detail .payment-table .table div.row .col, .side-panel .group-payers .payment-table .table div.row .col, .side-panel .payment-summary .payment-table .table div.row .col{ font-size: .9rem; } .side-panel .payment-detail .payment-table .table div.row .col span, .side-panel .group-payers .payment-table .table div.row .col span, .side-panel .payment-summary .payment-table .table div.row .col span{ padding: 0rem; font-weight:500; } .side-panel .payment-detail .payment-table .table div.row, .side-panel .group-payers .payment-table .table div.row, .side-panel .payment-summary .payment-table .table div.row{ display: flex; justify-content: space-between !important; border-bottom:solid 1px #eee; border-top:none !important; line-height: 2rem; padding-top: .5rem; } .side-panel .payment-detail .payment-table .table div.row:last-child, .side-panel .group-payers .payment-table .table div.row:last-child { border-bottom: none; font-size: 1.2rem !important; } .side-panel .payment-detail .payment-table .col:nth-child(1), .side-panel .group-payers .payment-table .col:nth-child(1) { flex: 0 0 55%; max-width: 55%; } .side-panel .payment-detail .payment-table .col:first-child, .side-panel .group-payers .payment-table .col:first-child { text-align: left; } .side-panel .payment-detail .payment-table .col:last-child, .side-panel .group-payers .payment-table .col:last-child{ text-align: right; display: flex; flex-direction: column; align-items: flex-end; } .side-panel .payment-detail .payment-table .col span { display: block; } .side-panel .payment-summary .payment-table.online-payment .col:nth-child(1), .side-panel .payment-summary .payment-table.bank-transfer .col:nth-child(1){ flex: 0 0 50%; max-width: 50%; } .side-panel .payment-summary .payment-table.online-payment .col:nth-child(2){ display: none; visibility: hidden; } .side-panel .payment-summary .payment-table.online-payment .col:nth-child(3){ flex: 0 0 50%; max-width: 50%; } .side-panel .payment-summary .payment-table .row.group-payment .col:nth-child(1){ flex: 0 0 60%; max-width: 60%; } .side-panel .payment-summary .payment-table .row.group-payment .col:nth-child(2){ display:block; visibility:unset; text-align: end; } .side-panel .payment-summary .payment-table .row.group-payment .col:nth-child(3){ flex: 0 0 100%; max-width: 100%; } .side-panel .payment-summary .payment-table.online-payment .col:nth-child(3), .side-panel .payment-summary .payment-table.online-payment .col:nth-child(4), .side-panel .payment-summary .payment-table.bank-transfer .col:nth-child(3), .side-panel .payment-summary .payment-table.bank-transfer .col:nth-child(4), .side-panel .payment-summary .payment-table .table div.row:last-of-type .col:last-of-type{ text-align: end; } .side-panel .payment-summary .payment-table .colBank{ flex-basis: 0; flex-grow: 1; max-width: 100%; position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .side-panel .payment-summary .payment-table.online-payment .colBank{ display: none; } .side-panel .payment-summary .payment-table.bank-transfer .colBank{ display: block; flex: 0 0 50%; max-width: 50%; } .side-panel .payment-summary .payment-table.bank-transfer .table .row:nth-child(2) .col:nth-child(2), .side-panel .payment-summary .payment-table.bank-transfer .table .row:nth-child(2) .col:nth-child(4){ display: none; } .side-panel .payment-summary .payment-table.bank-transfer .colBank div{ display: flex; justify-content: space-between; align-items: center; padding:0px; font-size: .9rem; } .side-panel .payment-summary .payment-table.bank-transfer .colBank div:nth-child(1){ border-bottom:solid 1px #eee; } .side-panel .payment-summary .payment-table.bank-transfer .colBank div span{ width: 50%; /* %50 genişlik */ margin: 0 auto; /* Ortalamak için */ } .side-panel .payment-summary .payment-table.bank-transfer .colBank div span:nth-child(2){ text-align: end; } .side-panel .payment-summary .payment-table .table div.row.header, .side-panel .payment-summary .payment-table .table div.row.total-price{ line-height: 3rem; } .side-panel .payment-summary .payment-table .table div.row:last-of-type .col:last-of-type, .side-panel .payment-summary .payment-table .table div.row:last-of-type .col:last-of-type{ visibility: visible; display: inline; } .side-panel .payment-detail .payment-table .table div.row.last, .side-panel .group-payers .payment-table .table div.row.last { border-bottom: solid 1px #797979; } .side-panel .payment-summary .payment-table .table div.row.last { border: none; } .side-panel .payment-detail .payment-table .table div.row.at-the-base span, .side-panel .payment-summary .payment-table .table div.row.at-the-base span{ display: flex; font-family: "Open Sans", "Helvetica", sans-serif; border: 1px dashed #c5c5c5 !important; border-radius: 30px; color: #4daf50; text-shadow: 1px 1px #fff; background-color: #eee; height: 32px !important; max-width: 75% !important; font-size: .925rem; margin: .5rem; background-repeat: no-repeat; background-size: 22px 18px; background-position: 5px 6px; padding: 0px 0px 0px 30px; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBmaWxsPSIjYzVjNWM1IiBkPSJNMTkyIDk2YzAgMzMuNCAxNyA2Mi44IDQyLjkgODBMMjI0IDE3NmMtMTcuNyAwLTMyIDE0LjMtMzIgMzJzMTQuMyAzMiAzMiAzMmwzMiAwIDY0IDAgMzIgMGMxNy43IDAgMzItMTQuMyAzMi0zMnMtMTQuMy0zMi0zMi0zMmwtMTAuOSAwQzM2NyAxNTguOCAzODQgMTI5LjQgMzg0IDk2YzAtNTMtNDMtOTYtOTYtOTZzLTk2IDQzLTk2IDk2em0xMjggMGEzMiAzMiAwIDEgMSAtNjQgMCAzMiAzMiAwIDEgMSA2NCAweiIvPjxwYXRoIG9wYWNpdHk9Ii41IiAgZD0iTTI1NiA0NDhsMC0yMDggNjQgMCAwIDIwOCA0OCAwYzUzIDAgOTYtNDMgOTYtOTZsMC02LjEtNyA3Yy05LjQgOS40LTI0LjYgOS40LTMzLjkgMHMtOS40LTI0LjYgMC0zMy45bDU2LTU2YzkuNC05LjQgMjQuNi05LjQgMzMuOSAwbDU2IDU2YzkuNCA5LjQgOS40IDI0LjYgMCAzMy45cy0yNC42IDkuNC0zMy45IDBsLTctNyAwIDYuMWMwIDg4LjQtNzEuNiAxNjAtMTYwIDE2MGwtODAgMC04MCAwYy04OC40IDAtMTYwLTcxLjYtMTYwLTE2MGwwLTYuMS03IDdjLTkuNCA5LjQtMjQuNiA5LjQtMzMuOSAwcy05LjQtMjQuNiAwLTMzLjlsNTYtNTZjOS40LTkuNCAyNC42LTkuNCAzMy45IDBsNTYgNTZjOS40IDkuNCA5LjQgMjQuNiAwIDMzLjlzLTI0LjYgOS40LTMzLjkgMGwtNy03IDAgNi4xYzAgNTMgNDMgOTYgOTYgOTZsNDggMHoiLz48L3N2Zz4='); } .side-panel .payment-summary .payment-table .table div.row.at-the-base .col, .side-panel .payment-summary .payment-table .table div.row.at-the-base .col{ flex: 0 0 100%; max-width: 100%; } .side-panel .payment-summary .payment-table .table div.row.group-payment.template{ display: none !important; } .side-panel .payment-summary .payment-table .table div.row.group-payment{ vertical-align: middle; align-items: center; display: none ; } .side-panel .payment-summary .payment-table .table .group-payment header{ color: #4daf50; line-height: 3rem; font-size: .9rem; font-weight: 600; } .side-panel .payment-summary .payment-table .table .row.group-payment span.bmd-form-group{ position: relative; } .side-panel .payment-summary .payment-table .table .row.group-payment span.bmd-form-group .btn.remove-payer{ position: absolute; top: 25%; right: 0px; font-size: 1rem; font-weight: 700; color: white; background-repeat: no-repeat; background-size: 13px 21px; background-position: 4px 0px; background-color: #d92b2b; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTQ3LjIgMEwxNjAgMCAyODggMGwxMi44IDBMMzA4IDEwLjcgMzU0LjIgODBsMTMuNyAwTDQxNiA4MGwzMiAwIDAgNDgtMzUuNiAwTDM4NCA1MTIgNjQgNTEyIDM1LjYgMTI4IDAgMTI4IDAgODBsMzIgMCA0OC4xIDAgMTMuNyAwTDE0MCAxMC43IDE0Ny4yIDB6bTQuNCA4MGwxNDUgMEwyNzUuMiA0OCAxNzIuOCA0OCAxNTEuNSA4MHpNODMuNyAxMjhsMjQuOSAzMzYgMjMwLjggMCAyNC45LTMzNkw4My43IDEyOHoiLz48L3N2Zz4='); padding: 0px; padding-inline: 0px; border-radius: 21px; width: 21px; height: 21px; } .side-panel.g2s .payment-summary .payment-table .table .row.group-payment span.bmd-form-group .btn.remove-payer{ top: 10%; } .side-panel .payment-summary .payment-table .table .row.group-payment span.bmd-form-group .btn.remove-payer:hover{ opacity: 50%; } .side-panel .payment-summary .payment-table .table .row.group-payment input{ display: block; width: 100%; height: 1.5rem; padding: 0rem 1rem 0rem 1rem; margin: .4rem 0rem 0.4rem 0rem; font-size: .78rem; font-weight: 400; line-height: 1.4rem; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #dedede !important; background: none !important; appearance: none; border-radius: 30px; transition: box-shadow .15s, border-color .15s; } .side-panel .payment-summary .payment-table .table .row.group-payment input::placeholder { font-size: .8rem; color: #495057; opacity: 1; } .side-panel .payment-summary .payment-table .table .row.group-payment input.payerAmount, .side-panel .payment-summary .payment-table .table .row.group-payment input.payerAmount::placeholder{ text-align: center; } .side-panel .payment-summary .payment-table .table .row.group-payment span small{ font-size: .6rem; color: #d92b2b; } .progress-indicator { display: flex; justify-content: space-between; margin: 20px 0; } .progress-indicator .active { font-weight: 500; } .progress-indicator .step::after { content: attr(data-label); } .progress-indicator .rotate-animation { display: inline-block; animation: rotateYOnce 0.4s ease-in-out; transform-style: preserve-3d; backface-visibility: hidden; } .step { text-align: center; flex: 1; position: relative; } .step span { display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background-color: #ccc; color: #fff; font-weight: bold; } .step p { margin-top: 10px; font-size: 14px; } .step.completed span { background-color: #4caf50; } .step.active span { background-color: #ff9800; } .step.error span { background-color: #f05f3e !important } @media (max-width: 991px) { .progress-indicator.booking-indicator { display: flex; overflow-x: auto; white-space: nowrap; padding-bottom: 5px; scrollbar-width: none; /* Firefox */ } .progress-indicator.booking-indicator::-webkit-scrollbar { display: none; /* Chrome */ } .progress-indicator.booking-indicator .step { display: flex !important; flex-direction: column !important; align-items: center !important; text-align: center !important; min-width: max-content; font-size: 0.775rem; border-bottom: 2px solid transparent; } .progress-indicator.booking-indicator .step.active { font-weight: bold; border-color: #ff9800; } .progress-indicator.booking-indicator .step span { display: block; font-weight: bold; margin-bottom: 4px; } .step { flex: none; } .booking-panel .booking-details-info div:nth-child(2){ border-top: none !important; } } @media (max-width: 768px) { .booking-view-container .booking-detail-account-label span, .booking-payment-container .booking-detail-account-label span{ display: none !important; } .booking-details-info div[data-section=checkout]{ border-left:none !important; } } @media (max-width: 600px) { .progress-indicator .step { position: relative; font-size: 0; /* orijinal metni gizlemek için */ } .progress-indicator .step::after { content: attr(data-short); display: block; font-size: 14px; text-align: center; margin-top: 4px; } } .booking-panel .payment-section .bmd-form-group{ padding-top: 5px; } .booking-panel .payment-section .bmd-label-static{ top: auto; left: auto; } .booking-panel .payment-section .bmd-form-group [class^=bmd-label], .booking-panel .payment-section .bmd-form-group [class*=" bmd-label"]{ position: relative; } .booking-panel .payment-section form{ width: 100%; margin-top:1rem; } .booking-panel .payment-section form label{ font-size: 1rem; font-weight: 500; margin-bottom: .5rem; color: #344767; margin-left: .25rem; } .booking-panel .payment-section form div.form-group{ margin-bottom: .5rem; } .booking-panel .payment-section form div.form-group input, .booking-panel .payment-section form div.form-group select{ display: block; width: 100%; min-height: 2.5rem; padding: .5rem 1rem; font-size: .875rem; font-weight: 400; line-height: 1.4rem; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #dedede !important; background:none !important; appearance: none; border-radius: 30px; transition: box-shadow .15s, border-color .15s; } .booking-panel .payment-section form div.form-group select { background-image: url('data:image/svg+xml;charset=US-ASCII,%3csvg xmlns%3d%22http%3a%2f%2fwww.w3.org%2f2000%2fsvg%22 viewBox%3d%220 0 4 5%22%3e%3cpath fill%3d%22%23495057%22 d%3d%22M2 0L0 2h4zm0 5L0 3h4z%22%3e%3c%2fpath%3e%3c%2fsvg%3e') !important; background-repeat: no-repeat !important; background-position: right 1rem center !important; background-size: 10px 15px !important; padding-right: 2rem !important; /* Sağda ok için boşluk */ height: 3rem; line-height: 1.4rem; max-height: 1.5rem; } /* Focus durumunda stil */ .booking-panel .payment-section form div.form-group select:focus { border-color: #80bdff; box-shadow: 0 0 5px rgba(0, 123, 255, 0.25); outline: none; } .booking-panel .payment-section form.account-form div.row div, .booking-panel .payment-section #collapse-creditCard .row-addon div:nth-child(1){ text-align: left; } .booking-panel .payment-section form .accept-contanier div:nth-child(1){ text-align: center !important; } .booking-panel .payment-form .card .card-body{ padding: 5px 5px; } .booking-panel .payment-form header.card-header{ background-repeat: no-repeat; background-position: 97%; } .booking-panel .payment-form .creditCard header.card-header{ background-image: url('../../common/media/images/icons/payment/creditCard.png'); background-size: 200px 30px; } .booking-panel .payment-form .ideal header.card-header{ background-image: url('../../common/media/images/icons/payment/ideal.svg'); background-size: 75px 45px; background-position: 99%; } .booking-panel .payment-form .sepa header.card-header{ background-image: url('../../common/media/images/icons/payment/sepa.svg'); background-size: 73px 25px; } .booking-panel .payment-form .sofort header.card-header{ background-image: url('../../common/media/images/icons/payment/sofort.svg'); background-size: 80px 30px; background-position: 98%; } .booking-panel .payment-form .bancontact header.card-header{ background-image: url('../../common/media/images/icons/payment/bancontact.svg'); background-size: 60px 37px; } .booking-panel .payment-form .eps header.card-header{ background-image: url('../../common/media/images/icons/payment/eps.svg'); background-size: 48px 41px; } .booking-panel .booking-charter-insurance h4{ padding: 1rem; font-size: 1.2rem; } .booking-panel .booking-charter-insurance .row.row-addon .col{ text-align: center !important; } .booking-panel .booking-charter-insurance ul{ list-style:none; border-top:#3C4858 1px dashed; } .booking-panel .booking-charter-insurance button{ color: #fff; font-weight: 600; text-transform: capitalize; } .booking-panel .payment-processing .col div{ text-align: center !important; } .booking-panel .payment-processing .processing{ display: none; } .booking-panel .payment-processing h4{ padding: 1rem; font-size: 1.2rem; font-weight: 600; } .booking-panel .payment-processing h5{ font-size: 1.2rem; font-weight: 500; } /* Placeholder Animasyonu */ .booking-panel .placeholder, .side-panel .placeholder { background: linear-gradient( 90deg, #e0e0e0 25%, #f8f8f8 50%, #e0e0e0 75% ); background-size: 200% 100%; height: auto; } .booking-panel .placeholder, .side-panel .placeholder { position: relative; color: transparent !important; /* Metni gizler */ background-color: #e0e0e0; /* Placeholder rengi */ border-radius: 4px; /* Hafif yuvarlak kenarlar */ overflow: hidden; animation: placeholder-shimmer 0.75s infinite; height: 20px; margin-bottom: 4px; } .side-panel .box.booking-summary.placeholders header div::after, .side-panel .box.payment-plan.placeholders header div::after{ content: ''; float: inline-end; background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTYgMEM3LjIgMCAwIDcuMiAwIDE2czcuMiAxNiAxNiAxNmwxNiAwIDAgNDEuNmMwIDQ5LjQgMjIuOCA5NiA2MS44IDEyNi4zTDE2NS45IDI1NiA5My44IDMxMi4xQzU0LjggMzQyLjQgMzIgMzg5LjEgMzIgNDM4LjRMMzIgNDgwbC0xNiAwYy04LjggMC0xNiA3LjItMTYgMTZzNy4yIDE2IDE2IDE2bDMyIDAgMjg4IDAgMzIgMGM4LjggMCAxNi03LjIgMTYtMTZzLTcuMi0xNi0xNi0xNmwtMTYgMCAwLTQxLjZjMC00OS40LTIyLjgtOTYtNjEuOC0xMjYuM0wyMTguMSAyNTZsNzIuMi01Ni4xYzM5LTMwLjMgNjEuOC03Ni45IDYxLjgtMTI2LjNMMzUyIDMybDE2IDBjOC44IDAgMTYtNy4yIDE2LTE2cy03LjItMTYtMTYtMTZMMzM2IDAgNDggMCAxNiAwek0zMjAgMzJsMCA0MS42YzAgMzkuNS0xOC4yIDc2LjgtNDkuNCAxMDFMMTkyIDIzNS43bC03OC42LTYxLjFDODIuMiAxNTAuNCA2NCAxMTMuMSA2NCA3My42TDY0IDMybDI1NiAwek0xOTIgMjc2LjNsNzguNiA2MS4xYzMxLjIgMjQuMiA0OS40IDYxLjUgNDkuNCAxMDFsMCA0MS42TDY0IDQ4MGwwLTQxLjZjMC0zOS41IDE4LjItNzYuOCA0OS40LTEwMUwxOTIgMjc2LjN6Ii8+PC9zdmc+'); background-repeat: no-repeat; background-size: 18px 18px; width: 18px; height: 18px; display: inline-block; visibility: visible; margin: 3px; -webkit-animation: fadein 0.3s ease-in alternate infinite; -moz-animation: fadein 0.3s ease-in alternate infinite; animation: fadein 0.3s ease-in alternate infinite; } .side-panel .box.booking-summary.placeholders div strong[itemprop="price"]::before { content: ""; /* Yeni içerik yok */ } .side-panel .box.payment-plan.placeholders ul.timeline > li span::before { content: ""; /* Yeni içerik yok */ color: transparent !important; } .booking-panel .placeholder small{ color: transparent !important; /* Metni gizler */ } .booking-panel .placeholders .row-addon div.placeholder[itemprop="price"]{ max-width: 10%; left: 5%; } .booking-panel .placeholders .row-addon .quantity input.placeholder{ border-radius: 0; margin-bottom: 0px; } .booking-panel .placeholders .row-addon div small.placeholder[itemprop="description"], .side-panel .box.payment-plan ul.timeline > li.pay-from-card p.placeholder, .side-panel .box.payment-plan ul.timeline > li.at-the-base p.placeholder, .side-panel .box.payment-plan ul.timeline > li span.placeholder { background: linear-gradient( 90deg, #e0e0e0 25%, #f8f8f8 50%, #e0e0e0 75% ); background-size: 200% 100%; height: auto; } .booking-details-info.placeholders div header i{ display: inline-block; visibility: visible; -webkit-animation: fadein 0.3s ease-in alternate infinite; -moz-animation: fadein 0.3s ease-in alternate infinite; animation: fadein 0.3s ease-in alternate infinite; } .booking-details-info .placeholder:empty { height: 20px; margin-bottom: 4px; } .booking-details-info span[data-field=fullDate].placeholder:empty { width: 195px; /* Örnek bir genişlik */ } .booking-details-info span[data-field=base].placeholder:empty { width: 175px; /* Örnek bir genişlik */ } .booking-details-info span[data-field=hour].placeholder:empty { width: 60px; /* Örnek bir genişlik */ } .pulse-animation { animation: pulse 0.8s ease-out; } /* Placeholder Shimmer Efekti */ @keyframes placeholder-shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } @keyframes rotateYOnce { 0% { transform: rotateY(0deg); } 50% { transform: rotateY(180deg); } 100% { transform: rotateY(360deg); } } @media (max-width: 1200px){ } @media (max-width: 1080px){ .side-panel .payment-summary .payment-table .table .col:nth-child(2), .side-panel .payment-summary .payment-table .table .colBank div span:nth-child(1){ display: none; } .side-panel .payment-detail .payment-table .col{ flex: 0 0 100% !important; max-width: 100% !important; text-align: left !important; align-items: flex-start !important; padding-right: 15px; padding-left: 15px; } .side-panel .payment-detail .payment-table .col span { } } @media (max-width: 992px){ .booking-panel .row-addon .transfer span small { background: none !important; padding-left: 0px; font-size: .725rem; } .booking-panel .row-addon div{ flex: 0 0 50%; max-width: 50%; } .booking-panel .row-addon div:nth-child(1){ order:1; } .booking-panel .row-addon div:nth-child(2){ order:3; } .booking-panel .row-addon div:nth-child(3){ order:2; } .booking-panel .row-addon div:nth-child(4){ order:4; } .booking-panel .booking-details-info div:nth-child(2){ border-left:none; border-top: 1px dashed #c5c5c5; } } @media (max-width: 520px){ .booking-panel .booking-boat-info div:nth-child(1) > img { padding-top: 1rem !important; padding-bottom: 1rem !important; } }