.field-validation-error, .field-validation-valid{ color:red; display:inline-block; height:20px; padding-right:1px; font-size:small; } .row{ text-align:center; } .block-strong .row .button { margin: 5px auto 0 auto; } .text-align-center { text-align: center; } .float-left{ float:left; } .float-right{ float:right; } .col{ text-align:center; padding-top: 5px; } img.shot { max-width: 100%; max-height: 100%; width:100%; height:auto; } img.shot.zoom { width:auto; max-width:none; max-height: none; } .block .list{ margin:0; } .videoContainer{ background-color:black; text-align:center; height:100%; } .videoContainer video { max-height: 100%; width: 100%; margin:auto; } .videoContainer #ptz { position:absolute; text-align:center; width:300px; margin:auto; left:0; right:0; bottom:0; } .videoContainer table { margin: 0 auto; } .device-desktop.with-modal-dialog .page-content { overflow: auto; } form{ width:100%; } label.button input { display: none; } input[type=range].ajax{ width:100%; height:34px; } input.ajax{ margin:5px 0; } form.device label{ display:inline-block; height:34px; line-height:34px; vertical-align:middle; } video.video{ width:100%; height:100%; } /*html5 input rang style*/ input[type=range] { -webkit-appearance: none; } input[type=range]::-webkit-slider-runnable-track { width: 300px; height: 5px; background: #ddd; border: none; border-radius: 3px; } input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; border: none; height: 16px; width: 16px; border-radius: 50%; background-color:Highlight; margin-top: -5px; } input[type=range]:focus { outline: none; } input[type=range]:focus::-webkit-slider-runnable-track { background: #ccc; }