@import "../../node_modules/bootstrap/dist/css/bootstrap.min.css"; @import "../../node_modules/toastr/build/toastr.min.css"; @import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800&display=swap"); .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; width: 278px; max-width: none; padding: 0; margin-top: 7px; top: 100px; left: 20px; z-index: 3001; display: none; font-family: arial; font-size: 15px; line-height: 1em; } .daterangepicker:before,.daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0,0,0,0.2); content: ""; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.drop-up { margin-top: -7px; } .daterangepicker.drop-up:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.drop-up:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.single .daterangepicker .ranges,.daterangepicker.single .drp-calendar { float: none; } .daterangepicker.single .drp-selected { display: none; } .daterangepicker.show-calendar .drp-calendar { display: block; } .daterangepicker.show-calendar .drp-buttons { display: block; } .daterangepicker.auto-apply .drp-buttons { display: none; } .daterangepicker .drp-calendar { display: none; max-width: 270px; } .daterangepicker .drp-calendar.left { padding: 8px 0 8px 8px; } .daterangepicker .drp-calendar.right { padding: 8px; } .daterangepicker .drp-calendar.single .calendar-table { border: none; } .daterangepicker .calendar-table .next span,.daterangepicker .calendar-table .prev span { color: #fff; border: solid black; border-width: 0 2px 2px 0; border-radius: 0; display: inline-block; padding: 3px; } .daterangepicker .calendar-table .next span { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .daterangepicker .calendar-table .prev span { transform: rotate(135deg); -webkit-transform: rotate(135deg); } .daterangepicker .calendar-table th,.daterangepicker .calendar-table td { white-space: nowrap; text-align: center; vertical-align: middle; min-width: 32px; width: 32px; height: 24px; line-height: 24px; font-size: 12px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker .calendar-table { border: 1px solid #fff; border-radius: 4px; background-color: #fff; } .daterangepicker .calendar-table table { width: 100%; margin: 0; border-spacing: 0; border-collapse: collapse; } .daterangepicker td.available:hover,.daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week,.daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off,.daterangepicker td.off.in-range,.daterangepicker td.off.start-date,.daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active,.daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled,.daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect,.daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect { width: 50px; margin: 0 auto; background: #eee; border: 1px solid #eee; padding: 2px; outline: 0; font-size: 12px; } .daterangepicker .calendar-time { text-align: center; margin: 4px auto 0 auto; line-height: 30px; position: relative; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .daterangepicker .drp-buttons { clear: both; text-align: right; padding: 8px; border-top: 1px solid #ddd; display: none; line-height: 12px; vertical-align: middle; } .daterangepicker .drp-selected { display: inline-block; font-size: 12px; padding-right: 8px; } .daterangepicker .drp-buttons .btn { margin-left: 8px; font-size: 12px; font-weight: bold; padding: 4px 8px; } .daterangepicker.show-ranges.single.rtl .drp-calendar.left { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.single.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker.show-ranges.rtl .drp-calendar.right { border-right: 1px solid #ddd; } .daterangepicker.show-ranges.ltr .drp-calendar.left { border-left: 1px solid #ddd; } .daterangepicker .ranges { float: none; text-align: left; margin: 0; } .daterangepicker.show-calendar .ranges { margin-top: 8px; } .daterangepicker .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .daterangepicker .ranges li { font-size: 12px; padding: 8px 12px; cursor: pointer; } .daterangepicker .ranges li:hover { background-color: #eee; } .daterangepicker .ranges li.active { background-color: #08c; color: #fff; }   @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 140px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .drp-calendar.left { clear: none; } .daterangepicker.single .ranges,.daterangepicker.single .drp-calendar { float: left; } .daterangepicker { direction: ltr; text-align: left; } .daterangepicker .drp-calendar.left { clear: left; margin-right: 0; } .daterangepicker .drp-calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker .drp-calendar.right { margin-left: 0; } .daterangepicker .drp-calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker .drp-calendar.left .calendar-table { padding-right: 8px; } .daterangepicker .ranges,.daterangepicker .drp-calendar { float: left; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .drp-calendar.left { clear: none !important; } } * { outline: none !important; -webkit-appearance: none !important; -webkit-tap-highlight-color: transparent; box-shadow: none; } html,body { width: 100%; background: #DAD7D4; margin: 0 auto; font-family: "Nunito Sans",sans-serif; font-weight: 400; font-size: 18px !important; line-height: 21.6px !important; color: #000; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; } h1,h1 *,h2,h2 *,h3,h3 *,h4,h4 *,.h1,.h2,.h3,.h4,.h5 { font-family: "Nunito Sans",sans-serif; font-weight: 800; color: #000; } h1,.h1 { font-size: 60px; } h2,.h2 { font-size: 48px; } h3,.h3 { font-size: 28px; line-height: 31px; } h4,.h4 { font-size: 24px; line-height: 115%; } h5,.h5 { font-family: "Nunito Sans",sans-serif !important; font-weight: 600 !important; font-size: 21px !important; line-height: 28px !important; } iframe { border: 0; } a { color: #000; text-decoration: none; -webkit-transition: color 0.1s ease-in-out; -moz-transition: color 0.1s ease-in-out; -o-transition: color 0.1s ease-in-out; transition: color 0.1s ease-in-out; } a:not(.no-hover):hover,a:not(.no-hover):hover * { color: #34B1E2; } p { line-height: 150%; } .wrapper { max-width: 1290px; margin: 0 auto; } .space { padding: 25px; } .space-big { padding: 29px 54px; } .hspace { padding-left: 21px; padding-right: 21px; } .vspace { padding-top: 21px; padding-bottom: 21px; } .caption { font-family: "Nunito Sans",sans-serif; font-weight: 400; font-weight: 400; font-size: 10px; line-height: 12px; } .transition { -webkit-transition: 0.1s ease-in-out; -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; } .white,.white * { color: #fff !important; } .black,.black * { color: #000 !important; } .grey,.grey * { color: rgba(0,0,0,0.3) !important; } .red,.red * { color: #D12F6D !important; } .blue,.blue * { color: #34B1E2 !important; } .bold,.bold *,b,strong { font-family: "Nunito Sans",sans-serif; font-weight: 700; } .text-big { font-family: "Nunito Sans",sans-serif !important; font-weight: 600 !important; font-size: 21px !important; line-height: 28px !important; } .text-btn { font-family: "Nunito Sans",sans-serif; font-weight: 700; font-size: 18px; line-height: 120%; } .text-middle { font-family: "Nunito Sans",sans-serif; font-weight: 400; font-size: 16px !important; line-height: 21.8px !important; } .text-normal { font-family: "Nunito Sans",sans-serif; font-weight: 400; font-size: 18px !important; line-height: 21.6px !important; } .text-muted { color: rgba(0,0,0,0.3) !important; } .text-small,small { font-family: "Nunito Sans",sans-serif; font-weight: 400; font-size: 12px !important; line-height: 14px !important; letter-spacing: 0.1px !important; } .my-6 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .mb-6 { margin-bottom: 4rem !important; } .mt-6 { margin-top: 4rem !important; } .py-6 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .pb-6 { padding-bottom: 4rem !important; } .pt-6 { padding-top: 4rem !important; } .badge { border-radius: 4px !important; font-family: "Nunito Sans",sans-serif; font-weight: 400; font-weight: 400; font-size: 10px; line-height: 12px; line-height: 100% !important; } .bg-red,.bg-danger { background-color: #D12F6D !important; } .bg-blue,.bg-primary { background-color: #34B1E2 !important; } .bg-blue-light { background-color: rgba(52,177,226,0.75) !important; } .bg-blue-lighten { background-color: #ecf8fc !important; } .bg-black { background-color: #000 !important; } .bg-grey { background-color: rgba(0,0,0,0.3) !important; } .bg-grey-light { background-color: #E9E9E8 !important; } .bg-grey-yellow { background-color: #DAD7D4 !important; } .border-blue,.border-primary { border-color: #34B1E2 !important; } .rotate-0 { transform: rotate(0deg); } .rotate-90 { transform: rotate(90deg); } .rotate-180,.flip { transform: rotate(180deg); } .rounded { border-radius: 4px !important; } .circle { border-radius: 50% !important; } .alert { white-space: normal; } .half { max-width: 50%; } .hand { cursor: pointer; } @media only screen and (max-width: 992px) { .half { max-width: 100% !important; } } .modal-content { background: #DAD7D4; box-shadow: 0px 0px 35px rgba(0,0,0,0.25) !important; padding: 50px; border-radius: 4px; border: none; } @media only screen and (max-width: 992px) { .modal-content { padding: 25px !important; } } .card { background: #E9E9E8; padding: 25px; border-radius: 4px; border: none; } .card-big { padding: 50px 70px; } .card-bordered { background: transparent; border: 2px solid #E9E9E8; padding: 25px; border-radius: 4px; } .modal-backdrop { display: none !important; } .modal { background-color: rgba(0,0,0,0.7); /*@include backdrop(5px);*/ } .modal .modal-dialog { max-width: 600px !important; } .modal .modal-header { padding: 0 0 30px 0; border: 0; } .modal .modal-body { padding: 0 !important; } .dropdown .dropdown-menu { border: none; box-shadow: 0px 0px 35px rgba(0,0,0,0.25) !important; margin: 0 5px; padding: 10px 20px; border-radius: 4px; } .dropdown .dropdown-menu li { margin: 15px 0; } .dropdown .dropdown-menu .nav-link { margin: 0 !important; padding: 0 !important; display: inline !important; } .dropdown .dropdown-menu .nav-link:hover { background: transparent; } .dropdown .dropdown-toggle:after { position: relative; top: 1px; } .toast-bottom-center,#toast-container { max-width: 300px; margin: 5px auto; left: 0; right: 0; border-radius: 4px; } .toast-bottom-center .toast,#toast-container .toast { max-width: 300px; box-shadow: 0px 0px 35px rgba(0,0,0,0.25) !important; border-radius: 4px; font-family: "Nunito Sans",sans-serif; font-weight: 400; font-size: 18px !important; line-height: 21.6px !important; opacity: 1 !important; text-align: center; } .toast-bottom-center .toast:hover,#toast-container .toast:hover { box-shadow: 0px 0px 35px rgba(0,0,0,0.25) !important; opacity: 0.9 !important; } .toast-bottom-center .toast.toast-success,#toast-container .toast.toast-success { background-color: #000; padding-left: 0 !important; background-image: none !important; text-align: center; } .toast-bottom-center .toast.toast-error,#toast-container .toast.toast-error { background-color: #D12F6D; padding-left: 0 !important; text-align: center; } .table thead.table-dark th { padding: 18px 15px !important; background-color: #000 !important; } .table tbody td { padding: 10px 15px !important; } .tooltip .tooltip-inner { box-shadow: 0px 0px 35px rgba(0,0,0,0.25) !important; } .icon { display: inline-block; width: 30px; height: 30px; vertical-align: middle; background-position: center center; background-repeat: no-repeat; } .icon.icon-big { width: 48px; height: 48px; } .icon.icon-sm { width: 24px; height: 24px; } .icon.icon-xs { width: 18px; height: 18px; } .icon.icon-cover { background-size: cover; } .icon.edit { background-image: url("/static/i/icon/edit.svg"); } .icon.globe-black-green { background-image: url("/static/i/icon/globe-black-green.svg"); } .icon.globe-grey { background-image: url("/static/i/icon/globe-grey.svg"); } .icon.globe-white { background-image: url("/static/i/icon/globe-white.svg"); } .icon.martini-black-yellow { background-image: url("/static/i/icon/martini-black-yellow.svg"); } .icon.martini-grey { background-image: url("/static/i/icon/martini-grey.svg"); } .icon.martini-white { background-image: url("/static/i/icon/martini-white.svg"); } .icon.plus-white-black { background-image: url("/static/i/icon/plus-white-black.svg"); } .icon.share { background-image: url("/static/i/icon/share.svg"); } .icon.close-white-black { background-image: url("/static/i/icon/close-white-black.svg"); } .icon.trash { background-image: url("/static/i/icon/trash.svg"); } .icon.check-active { background-image: url("/static/i/icon/check-active.svg"); } .icon.check-inactive { background-image: url("/static/i/icon/check-inactive.svg"); } .app { display: flex; flex-direction: column; } .app header { width: 100%; padding-top: 30px; } .app header > div > div { margin: 0 5px; } .app header > div > div,.app header > div > nav { width: 33.333%; } .app header .logo { display: block; min-height: 35px; width: 250px; background: url("/static/i/logo.svg?new") top left no-repeat; } @media only screen and (max-width: 992px) { .app header .logo { height: 25px; width: 200px; background-size: auto 25px; } } .app header .card-create { background: #000; border-radius: 64px; color: #fff; font-family: "Nunito Sans",sans-serif; font-weight: 700; padding-left: 10px; padding-right: 20px; } @media only screen and (max-width: 992px) { .app header .card-create { padding: 0 !important; } } .app nav { width: 100%; } .app footer { width: 100%; border-top: 1px solid rgba(0,0,0,0.1); } .app footer > div { width: 100%; } .app.v3 > header { background: #C6C3C0; } .app.v3 > nav { background: #C6C3C0; } .app.v3 .add { background: #C6C3C0; } .app.v3 .add .add-wrapper { max-width: 630px; margin-left: auto; margin-right: auto; padding-bottom: 100px; } @media only screen and (max-width: 992px) { .app.v3 .add .add-wrapper { padding-bottom: 50px; } } @media only screen and (max-width: 992px) { .app.v3 .cards .list h4 { font-size: 18px; } } input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=file],input[type=datetime-local],textarea { padding: 12px 23px !important; color: #000; letter-spacing: -0.02em; background: #E9E9E8; width: 100%; font-family: "Nunito Sans",sans-serif !important; font-weight: 600 !important; font-size: 21px !important; line-height: 28px !important; border-radius: 4px; border: none !important; } input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=search]:focus,input[type=file]:focus,input[type=datetime-local]:focus,textarea:focus { box-shadow: none; background: #fff; } input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=number]::placeholder,input[type=search]::placeholder,input[type=file]::placeholder,input[type=datetime-local]::placeholder,textarea::placeholder { color: rgba(0,0,0,0.3) !important; } input[type=text]::-webkit-file-upload-button,input[type=email]::-webkit-file-upload-button,input[type=password]::-webkit-file-upload-button,input[type=tel]::-webkit-file-upload-button,input[type=number]::-webkit-file-upload-button,input[type=search]::-webkit-file-upload-button,input[type=file]::-webkit-file-upload-button,input[type=datetime-local]::-webkit-file-upload-button,textarea::-webkit-file-upload-button { visibility: hidden; width: 0px !important; padding: 0 !important; border: 0 !important; } @media only screen and (max-width: 992px) { input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number],input[type=search],input[type=file],input[type=datetime-local],textarea { padding: 8px 12px !important; font-family: "Nunito Sans",sans-serif; font-weight: 400; font-size: 18px !important; line-height: 21.6px !important; } } textarea { background-color: #E9E9E8 !important; border-radius: 4px; } textarea:focus { background-color: #fff !important; } input[type=datetime-local] { padding: 12px 23px 5px 23px !important; } input[type=submit] { background: transparent; text-align: center !important; border: 1px solid #000; padding: 16px 23px !important; font-family: "Nunito Sans",sans-serif; font-weight: 700; font-size: 18px; line-height: 120%; line-height: 100% !important; color: #000; border-radius: 4px; } input[type=submit]:hover,input[type=submit]:active { background: #000; border-color: #000; color: #fff; } input[type=submit]:hover *,input[type=submit]:active * { color: #fff !important; } input[type=submit].active { background: #000; color: #fff !important; } input[type=submit].active:hover,input[type=submit].active:active { background: rgba(0,0,0,0.8); border-color: transparent; } input[type=range] { width: 100%; background-color: transparent; -webkit-appearance: none; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { background: #34b1e2; border: 0; border-radius: 4px; width: 100%; height: 4px; cursor: pointer; } input[type=range]::-webkit-slider-thumb { margin-top: -6px; width: 16px; height: 16px; background: #fff; border: 4px solid #34b1e2; border-radius: 50%; cursor: pointer; -webkit-appearance: none; } input[type=range]:focus::-webkit-slider-runnable-track { background: #38b3e3; } .hnav { padding-left: 21px; padding-right: 21px; border-bottom: 1px solid #E9E9E8; } .hnav a { padding-bottom: 10px; padding-top: 10px; margin: 0 20px; color: #000; display: inline-block; line-height: 100% !important; } .hnav a:hover { color: #34B1E2; } .hnav a.active { color: #34B1E2; border-bottom: 2px solid #34B1E2; font-family: "Nunito Sans",sans-serif; font-weight: 400; } .btn { background: transparent; display: flex; align-items: center; text-align: center !important; border: 1px solid #000; padding: 12px 25px; font-family: "Nunito Sans",sans-serif; font-weight: 700; font-size: 18px; line-height: 120%; line-height: 100% !important; color: #000; border-radius: 4px; } @media only screen and (max-width: 992px) { .btn { padding: 8px 12px !important; font-family: "Nunito Sans",sans-serif; font-weight: 400; font-size: 16px !important; line-height: 21.8px !important; } } .btn:hover,.btn:active { background: #000; border-color: #000; color: #fff; } .btn:hover *,.btn:active * { color: #fff !important; } .btn.active { background: #000; color: #fff !important; border-color: transparent; } .btn.active:hover,.btn.active:active { background: rgba(0,0,0,0.8); border-color: transparent; } .btn.btn-grey { background: transparent; border: 1px solid rgba(0,0,0,0.3); color: rgba(0,0,0,0.3); } .btn.btn-grey:hover,.btn.btn-grey:active { /*background:$grey; border-color:$grey;*/ color: rgba(0,0,0,0.3); opacity: 0.8; } .btn.btn-grey.active { background: rgba(0,0,0,0.3); color: #fff; } .btn.btn-grey.active:hover,.btn.btn-grey.active:active { background: rgba(0,0,0,0.8); border-color: transparent; } .btn.btn-white { background: transparent; border: 1px solid #fff; color: #fff; } .btn.btn-white:hover,.btn.btn-white:active { background: #fff; border-color: #fff; color: #000; } .btn.btn-white:hover *,.btn.btn-white:active * { color: #000 !important; } .btn.btn-white.active { background: #fff; color: #000; } .btn.btn-white.active:hover,.btn.btn-white.active:active { background: rgba(255,255,255,0.95); border-color: transparent; } .btn.btn-sm { padding: 4px 8px !important; } .btn.btn-big { padding: 16px 40px !important; } .btn.btn-noborder { border: none !important; } .btn.btn-disabled,.btn[disabled],.btn.btn-disabled:hover,.btn[disabled]:hover,.btn.btn-disabled:active,.btn[disabled]:active { cursor: not-allowed !important; border: 1px solid rgba(0,0,0,0.3); background: transparent; color: rgba(0,0,0,0.3); } .btn-group .btn { padding: 12px 25px; font-family: "Nunito Sans",sans-serif; font-weight: 700; font-size: 18px; line-height: 120%; color: rgba(0,0,0,0.3); background: #fff; line-height: 100% !important; } .btn-group .btn:not(:last-child) { border-right: 1px solid #000; } .btn-group .btn-check:active + .btn,.btn-group .btn-check:checked + .btn,.btn-group .btn.active,.btn-group .btn.dropdown-toggle.show,.btn-group .btn:active { padding: 12px 25px; background: #000 !important; color: #fff !important; } .custom-select { padding: 8px 0 5px 0; color: #000; background: transparent; width: 100%; font-family: "Nunito Sans",sans-serif !important; font-weight: 600 !important; font-size: 21px !important; line-height: 28px !important; border: none; border-radius: 0; border-bottom: 2px solid #000; cursor: pointer; } .custom-select:focus { border-color: #000; box-shadow: none; } .custom-select:invalid { color: rgba(0,0,0,0.4); } .custom-select.with-arrow { font-family: "Nunito Sans",sans-serif; font-weight: 400; font-size: 18px !important; line-height: 21.6px !important; border-bottom: none; width: auto; padding: 5px 0; padding-left: 20px; background: url("/static/i/icon/arrow.svg") center left no-repeat; } .form-switch { min-height: 20px !important; } .form-switch .form-check-input { border-radius: 14px; width: 40px; height: 20px; } .form-switch .form-check-input:checked { background-color: #34B1E2; border-color: #34B1E2; } .form-floating > .form-control { padding: 5px 0 !important; height: auto; } .form-floating > label { padding: 0 !important; top: 12px; color: rgba(0,0,0,0.3); font-family: "Nunito Sans",sans-serif; font-weight: 400; font-size: 18px !important; line-height: 21.6px !important; height: auto; } .form-floating > .form-control:focus ~ label,.form-floating > .form-control:not(:placeholder-shown) ~ label,.form-floating > .form-select ~ label { transform: scale(0.95) translateY(2.3rem); opacity: 1 !important; } .card-type-choose a:hover * { color: inherit !important; } .calendar { right: 25px; top: 15px; } @media only screen and (max-width: 576px) { .calendar { right: 12px; top: 11px; } } .daterangepicker { font-family: "Nunito Sans",sans-serif; font-weight: 400; font-size: 18px !important; line-height: 21.6px !important; background: #fff !important; } .daterangepicker td.off.disabled { visibility: hidden; } .daterangepicker.show-calendar .drp-buttons { display: flex; justify-content: center; } .daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.daterangepicker select.ampmselect { padding: 2px 2px 2px 17px !important; } .daterangepicker .applyBtn { background: #000; color: #fff !important; } .daterangepicker .applyBtn:hover,.daterangepicker .applyBtn:active { background: rgba(0,0,0,0.8); border-color: transparent; }