:root { --ThemeColors: #01a61c; --DarkColor: #1a1c21; --LightColor: #ffffff; } .all-tag { height: 50px; } .second-section .main-container .table-container { background-image: none; } .accordion-search-container { position: fixed; z-index:100; bottom: 50px; right: 10px; width: calc(100% - 20px); left: 10px; } .first-section .main-container .insurance-div { background: none; } .support .first-section .accordion-search-container .search-box { max-width: 600px; margin: 0 auto; } .ServiceCategory-final-price span, .ServiceCategory-service-price-currency span { color: #000; } .ServiceCategory-service-price-currency { color: #000; } .support .first-section .main-container{ height: 70vh; justify-content: center; } .bellshakes { animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; backface-visibility: hidden; transform-origin: top right; } @keyframes bellshake { 0% { transform: rotate(0); } 15% { transform: rotate(5deg); } 30% { transform: rotate(-5deg); } 45% { transform: rotate(4deg); } 60% { transform: rotate(-4deg); } 75% { transform: rotate(2deg); } 85% { transform: rotate(-2deg); } 92% { transform: rotate(1deg); } 100% { transform: rotate(0); } } .number { padding-right: 8px; font-weight: bold; } #progress { padding: 5px 0; } .mark { background-image: none; } .option-bar-wrapper { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: row; flex-direction: row; } .NavigatorFab-container { margin-right: auto; padding-left: 1em; position: relative; } .fab-container { height: 40px; width: 40px; background: white; border-radius: 8px; display: -ms-flexbox; display: flex; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: center; align-items: center; cursor: pointer; border: 1px solid #f1f1f1; padding: 0 8px; direction: rtl; -webkit-transition: width 0.4s; -o-transition: width 0.4s; transition: width 0.4s; overflow: visible; position: relative; -webkit-box-sizing: content-box !important; box-sizing: content-box !important; } .fab-icon { width: 24px; height: auto; margin: 0 !important; } .option-bar-container { width: 100%; height: 40px; background: white; border-radius: 8px; border: 1px solid #f1f1f1; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; } .option-bar-item { display: -ms-flexbox; display: flex; -ms-flex: 1 1; flex: 1 1; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0 1em; color: #4d4d4d; font-size: 0.875em; cursor: pointer; position: relative; height: 100%; flex-direction: row-reverse; } .option-bar-item span { direction: rtl; color: #000; font-weight: 700; font-size: 13px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .option-bar-item img { padding-left: 0.75em; } .option-bar-item { display: -ms-flexbox; display: flex; -ms-flex: 1 1; flex: 1 1; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0 1em; color: #4d4d4d; font-size: 0.875em; cursor: pointer; position: relative; height: 100%; } .option-bar-divider { width: 1px; height: 25px; background: #ddd; } .option-bar-item { display: -ms-flexbox; display: flex; -ms-flex: 1 1; flex: 1 1; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0 1em; color: #4d4d4d; font-size: 0.875em; cursor: pointer; position: relative; height: 100%; } .option-bar-item span { direction: rtl; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .option-bar-item img { padding-left: 0.75em; } .option-bar-item { display: -ms-flexbox; display: flex; -ms-flex: 1 1; flex: 1 1; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; margin: 0 1em; color: #4d4d4d; font-size: 0.875em; cursor: pointer; position: relative; height: 100%; } .prices { font-size: 18px; } .bellshakes { animation: bellshake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; backface-visibility: hidden; transform-origin: top right; } @keyframes bellshake { 0% { transform: rotate(0); } 15% { transform: rotate(5deg); } 30% { transform: rotate(-5deg); } 45% { transform: rotate(4deg); } 60% { transform: rotate(-4deg); } 75% { transform: rotate(2deg); } 85% { transform: rotate(-2deg); } 92% { transform: rotate(1deg); } 100% { transform: rotate(0); } }.modal .modal-dialog .modal-content {border-radius: 5px 5px 0 0;}.modal .modal-dialog {margin:30vh auto 0}h2, .h2{font-size:16px;margin-bottom:0}ul{padding: 0; font-size: 14px; line-height: 30px;}.ant-collapse-content-inactive,.p-indent-first,#mainInformationBlock p{padding-right:7px} ::-webkit-scrollbar { width: 5px;height:5px } ::-webkit-scrollbar-track { background: #fff; } ::-webkit-scrollbar-thumb { background: #888; } ::-webkit-scrollbar-thumb:hover { background: #555; } .theme-light { background-color: var(--LightColor); color: var(--DarkColor); } .theme-dark { background-color: var(--DarkColor); color: var(--LightColor); }.app-footer {border: 1px solid #a3a1a142; border-radius: 10px; height: 45px !important; display: flex; justify-content: center; align-items: center; margin: 0px auto !important; width: 98% !important; max-width: 600px; }