.magicsearch-wrapper { position: relative; } .magicsearch-wrapper *:not(input) { margin: 0; padding: 0; font-size: 14px; box-sizing: border-box; } .magicsearch-wrapper input[disabled] { cursor: not-allowed; background-color: #eee; } .magicsearch-wrapper input.dropdown { padding-right: 24px; } .magicsearch-wrapper.disabled .magicsearch-arrow, .magicsearch-wrapper.disabled .magicsearch-arrow *, .magicsearch-wrapper.disabled .multi-items { cursor: not-allowed; } .magicsearch-wrapper .multi-items { position: absolute; cursor: text; } .multi-item>span { line-height: 30px; } .magicsearch-wrapper .multi-item { position: relative; float: left; /* background-color: #e4e4e4;*/ padding-right: 15px; border-radius: 2px; border: 1px solid var(--border-color); } .magicsearch-wrapper .multi-item span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; cursor: default; text-align: center; font-size: 12px; display: block; height: 100%; } .magicsearch-wrapper .multi-item-close { display: block; position: absolute; width: 12px; height: 12px; right: 3px; } .magicsearch-wrapper .multi-item-close:before, .magicsearch-wrapper .multi-item-close:after { content: ''; height: 2px; width: 12px; display: block; background-color: #999; border-radius: 2px; position: absolute; top: 5px; left: 0px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .magicsearch-wrapper .multi-item-close:after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .magicsearch-wrapper .multi-item-close:hover:before, .magicsearch-wrapper .multi-item-close:hover:after { background-color: #333; } .magicsearch-wrapper .magicsearch-box { display: none; position: absolute; width: 100%; overflow: hidden; background-color: #fff; z-index: 100; border: 1px solid var(--first-color); padding: 5px 0; margin-bottom: 20px; border-radius: 2px; left: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .magicsearch-wrapper .magicsearch-box.all { overflow-y: auto; max-height: 350px !important; } .magicsearch-wrapper .magicsearch-box li { height: 30px; line-height: 30px; cursor: pointer; padding-left: 10px; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: normal; } .magicsearch-wrapper .magicsearch-box li.enabled { color: #333; } .magicsearch-wrapper .magicsearch-box li.disabled { color: #d43f3a; } .magicsearch-wrapper .magicsearch-box li.selected { background-color: #ddd; } .magicsearch-wrapper .magicsearch-box li.ishover { background-color: var(--first-color); color: #fff; } .magicsearch-wrapper .magicsearch-box li span.keyword { font-weight: bold; } .magicsearch-wrapper .magicsearch-box .no-result { display: block; height: 30px; line-height: 30px; color: #d43f3a; padding-left: 10px; text-align: left; } .magicsearch-wrapper .magicsearch-arrow { position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 24px; cursor: pointer; } .magicsearch-wrapper .magicsearch-arrow i { position: relative; height: 6px; width: 12px; cursor: pointer; display: block; } .magicsearch-wrapper .magicsearch-arrow i:before { content: ''; height: 0; width: 0; display: block; border: 6px transparent solid; border-bottom-width: 0; border-top-color: #a0a0a0; position: absolute; top: 0; right: 0; } .magicsearch-wrapper .magicsearch-arrow.arrow-rotate-180 { -webkit-animation: arrow-rotate-180 .2s 1 linear; animation: arrow-rotate-180 .2s 1 linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .magicsearch-wrapper .magicsearch-arrow.arrow-rotate-360 { -webkit-animation: arrow-rotate-360 .2s 1 linear; animation: arrow-rotate-360 .2s 1 linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; } .magicsearch-wrapper .magicsearch-arrow.rotate180 { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } .magicsearch-wrapper .magicsearch-loading { background: rgba(255, 255, 255, 0.3); position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 3px 0; } .magicsearch-wrapper .magicsearch-loading div { display: none; background-image: url("data:image/gif;base64,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"); background-position: center; background-size: contain; background-repeat: no-repeat; height: 100%; } @-webkit-keyframes arrow-rotate-180 { from { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } to { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } } @keyframes arrow-rotate-180 { from { -webkit-transform: rotateX(0deg); transform: rotateX(0deg); } to { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } } @-webkit-keyframes arrow-rotate-360 { from { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } to { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } } @keyframes arrow-rotate-360 { from { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); } to { -webkit-transform: rotateX(360deg); transform: rotateX(360deg); } } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { } .irs-slider.from { } .irs-slider.to { } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: rgba(0,0,0,0.0); z-index: 2; } .irs-disabled { opacity: 0.4; } .lt-ie9 .irs-disabled { filter: alpha(opacity=40); } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Simple Skin // css version 2.0.3 // © Denis Ineshin, 2014    https://github.com/IonDen // © guybowden, 2014        https://github.com/guybowden // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs { height: 55px; } .irs-with-grid { height: 75px; margin-top:10px; } .irs-line { height:6px; top:35px; background: #e1e1e1; /* background: linear-gradient(to bottom, #DDD -50%, #FFF 150%);  W3C */ /*   border: 1px solid #CCC;*/ border-radius: 16px; -moz-border-radius: 16px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-bar { height:6px; top: 35px; background:var(--first-color); /*  background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%);  W3C */ } .irs-bar-edge { height: 10px; top: 33px; width: 14px; border: 1px solid #428bca; border-right: 0; background: #428bca; background: linear-gradient(to top, rgba(66,139,202,1) 0%,rgba(127,195,232,1) 100%); /* W3C */ border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; } .irs-shadow { height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top:30px; width:18px; height: 18px; /* border: 1px solid #AAA;*/ background: #DDD; /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%);  W3C */ border-radius: 27px; -moz-border-radius: 27px; /*  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);*/ cursor: pointer; } /* .irs-slider.state_hover, .irs-slider:hover { background: #FFF; } */ .irs-min, .irs-max { color: #333; font-size: 12px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 5px; background: rgba(0,0,0,0.1); border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 12px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #0064ca; border-radius: 3px; -moz-border-radius: 3px; } #perform_price{position: relative;} .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid { height: 27px; } .irs-grid-pol { opacity: 0.5; background: #428bca; } .irs-grid-pol.small { background: #999; } .irs-grid-text { bottom: 5px; color: #99a4ac; } .irs-disabled { } .multiple_chefs{max-width: 240px;} @media screen and (max-width: 1100px) { .multiple_chefs{max-width:276px} .multi-item{width:100px!important} } @media screen and (max-width: 950px) { .multiple_chefs{max-width:200px} .multi-item{width:150px!important} } @media screen and (max-width: 737px) { .multiple_chefs{max-width:238px}	 .multi-item{width:100px!important} }