File manager - Edit - /home/asiatechinc/public_html/bhrhotelsindia.com/public/themes/gotrip/sass/_custom_daterangepicker.scss
Back
body .daterangepicker { width: 900px; max-width: 100vw; box-shadow: 0 10px 35px 0 #0510361a; transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1); margin-top: 0; padding: 30px; border-radius: 4px; font-family: inherit; @media (max-width: 767px){ width: 100%; max-width: max-content; } &:before,&:after{ display: none; } .drp-calendar{ padding: 0!important; width: 100%; max-width: 48%; overflow: hidden; .next,.prev{ font-family: 'icomoon' !important; speak: never; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: var(--text-24) !important; &:before{ content: "\e930"; } span{ display: none; } } .prev{ &:before{ content: "\e92b"; } } &.left{ margin-right: 33px!important; @media (max-width: 991px){ margin-right: 28px!important; } .calendar-table{ padding: 0; } @media (min-width: 768px){ .next{ display: none; } } } .calendar-table{ padding: 0!important; background: transparent; table,thead,tbody,tfoot,tr,th,td{ display: block; } table.table-condensed{ thead{ tr{ &:first-child{ position: relative; display: flex; th{ &:not(.month){ position: absolute; } } .next{ right: 0; } } &:last-child{ font-size: 14px; font-weight: 600; display: grid; justify-content: center; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 8px; @media (max-width: 991px){ gap: 5px; } >*{ justify-content: center; display: flex; align-items: center; flex-direction: column; width: 48px; height: 48px; border-radius: 100%; @media (max-width: 991px){ width: 45px; height: 45px; } } } } } tbody{ tr{ display: grid; justify-content: center; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; gap: 8px; @media (max-width: 991px){ gap: 5px; } td{ display: flex; justify-content: center; align-items: center; flex-direction: column; width: 48px; height: 48px; border-radius: 100%; font-size: 15px; @media (max-width: 991px){ width: 45px; height: 45px; } &.today{ border: 1px solid var(--color-dark-3); } &.active,&.active:hover{ background: var(--color-dark-3); } &:not(.off){ /*&.start-date ~ .in-range{ position: relative; &:not(.active){ background-color: #F5F5F5; } &:not(.start-date){ &:before{ content: ""; background-color: #F5F5F5; position: absolute; top: 0; left: -36px; right: 16px; z-index: -2; height: 100%; } } }*/ &.in-range{ position: relative; &:not(.active){ background-color: #F5F5F5; } &:not(.start-date){ &:before{ content: ""; background-color: #F5F5F5; position: absolute; top: 0; left: -36px; right: 16px; z-index: -2; height: 100%; } } } } } } } } .month{ font-size: 16px; font-weight: 500; width: 100%; margin-bottom: 10px; } .tooltip{ display: none; } } @media (max-width: 767px){ max-width: 100%; &.right{ display: none; } } } &.single{ width: auto; .drp-calendar{ max-width: 100%; margin-right:0 !important; &.left{ .next{ display: block; } } } } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings