#layers .lu-widget--toggle .lu-widget__header { cursor: pointer !important; } #layers .lu-app .progress-bar[aria-valuenow="0"] { min-width: 30px; color: #777; background-color: transparent; background-image: none; box-shadow: none; } .pm-resource-usege { clear: both; width: 40% !important; margin-bottom: 2px !important; } /*background: #2368AD; tło #e9ebf0*/ input[type=range] { height: 25px; -webkit-appearance: none; margin: 10px 0; width: 100%; } input[type=range]:focus { outline: none; } input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #E9EBF0; background: #2368AD; border-radius: 1px; border: 0px solid #E9EBF0; } input[type=range]::-webkit-slider-thumb { box-shadow: 0px 0px 0px #000000; border: 1px solid #174370; height: 18px; width: 18px; border-radius: 25px; background: #2368AD; cursor: pointer; -webkit-appearance: none; margin-top: -7px; } input[type=range]:focus::-webkit-slider-runnable-track { background: #2368AD; } input[type=range]::-moz-range-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; box-shadow: 0px 0px 0px #E9EBF0; background: #2368AD; border-radius: 1px; border: 0px solid #E9EBF0; } input[type=range]::-moz-range-thumb { box-shadow: 0px 0px 0px #000000; border: 1px solid #174370; height: 18px; width: 18px; border-radius: 25px; background: #2368AD; cursor: pointer; } input[type=range]::-ms-track { width: 100%; height: 5px; cursor: pointer; animate: 0.2s; background: transparent; border-color: transparent; color: transparent; } input[type=range]::-ms-fill-lower { background: #2368AD; border: 0px solid #E9EBF0; border-radius: 2px; box-shadow: 0px 0px 0px #E9EBF0; } input[type=range]::-ms-fill-upper { background: #2368AD; border: 0px solid #E9EBF0; border-radius: 2px; box-shadow: 0px 0px 0px #E9EBF0; } input[type=range]::-ms-thumb { margin-top: 1px; box-shadow: 0px 0px 0px #000000; border: 1px solid #174370; height: 18px; width: 18px; border-radius: 25px; background: #2368AD; cursor: pointer; } input[type=range]:focus::-ms-fill-lower { background: #2368AD; } input[type=range]:focus::-ms-fill-upper { background: #2368AD; } .lu-range-output{ display: block; width:100%; text-align:center; padding-top: 0px !important; position: absolute; top: 5px; } #layers .lu-progress--h .lu-progress__label{ flex-basis: 23%!important; } .vm-actions .lu-widget__content{ justify-content: center; display: flex!important; flex-wrap: wrap; padding-bottom: 10px!important; } .vm-actions .lu-btn{ width: 23%; }