#devices_container .devices-header { background: #fcfcfc; border: 1px solid #ddd; border-radius: 4px; font-size: 18px; height: 30px; line-height: 30px; padding: 15px; } #devices_container .devices-header > * { display: inline-block; } #devices_container .devices-header .count-devices { color: #22ccff; display: inline-block; font-size: 28px; font-weight: 600; margin-left: 10px; margin-right: 25px; margin-top: -5px; } #devices_container .devices-header .add-device { font-size: 14px; } #devices_container .devices-header .add-device i { text-decoration: none; margin-right: 5px; } #devices_container .devices-grid { background: #fcfcfc; border: 1px solid #ddd; border-radius: 4px; margin-top: 10px; } #devices_container .devices-grid i.icon-plus { margin-left: 5px; } #devices_container .devices-grid .empty-search-row, #devices_container .devices-grid .no-devices-row { display: none; padding: 16px; text-align: center; } #devices_container .devices-grid .grid-row.title:not(:last-child) { border-bottom: 1px solid #ddd; } #devices_container .devices-grid .grid-row.title, #devices_container .devices-grid .grid-row .user-cells{ height: 50px; line-height: 50px; /* 60 - padding */ } #devices_container .devices-grid .grid-row:not(:last-child) { border-bottom: 1px solid #eee; } #devices_container .devices-grid .grid-row.title .grid-cell { text-align: center; padding-left: 0; } #devices_container .devices-grid .grid-row .grid-cell { border-right: 1px solid #eee; display: inline-block; overflow: hidden; padding-left: 10px; width: 20%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #devices_container .devices-grid .grid-row .grid-cell:first-child { border-left: none !important; } #devices_container .devices-grid .grid-row .grid-cell:last-child { border-right: none !important; } #devices_container .devices-grid .grid-row .grid-cell:not(.features) { white-space: nowrap; } #devices_container .devices-grid .grid-row .grid-cell.centered { padding: 0; text-align: center; } #devices_container .devices-grid .grid-row .grid-cell.right-aligned { padding: 0 5px 0 0; text-align: right; } #devices_container .devices-grid .grid-row .grid-cell.features a.dropdown-toggle { padding: 15px 7px 2px 15px; text-align: left; background: transparent !important; } #devices_container .devices-cells { height: 60px; line-height: 60px; } /* Columns */ #devices_container .devices-grid .grid-row .grid-cell.type { width: 20%; } #devices_container .devices-grid .grid-row .grid-cell.mac-address { width: 30%; } #devices_container .devices-grid .grid-row .grid-cell.mac-address .first-line{ height: 30px; line-height: 45px; } #devices_container .devices-grid .grid-row .grid-cell.mac-address .first-line.bigger{ line-height: 60px; } #devices_container .devices-grid .grid-row .grid-cell.mac-address .second-line{ color: #999; font-size: 10px; height: 30px; line-height: 25px; } #devices_container .devices-grid .grid-row .grid-cell.type .first-line { height: 40px; line-height: 55px; } #devices_container .devices-grid .grid-row .grid-cell.type .first-line > i { font-size: 24px; } #devices_container .devices-grid .grid-row .grid-cell.type .second-line { font-size: 12px; height: 20px; line-height: 20px; } #devices_container .devices-grid .grid-row .grid-cell.registered i { color: #44CC44; } #devices_container .devices-grid .grid-row .grid-cell.unregistered i { color: #EE1212; } #devices_container .devices-grid .grid-row .grid-cell.disabled i { color: #333333; } #devices_container .devices-grid .grid-row .grid-cell.user { width: 25%; } #devices_container .devices-grid .grid-row .grid-cell.enable { width: 15%; } #devices_container .devices-grid .grid-row .grid-cell.edit { width: 10%; } #devices_container .devices-grid .grid-row .grid-cell.edit .settings { padding: 10px; cursor: pointer; } #devices_container .devices-grid .grid-row .grid-cell.edit .settings:hover { color: #000; } /* Adding / Edition Devices Popups */ .edit-device { width: 700px; } .edit-device .actions { border-top: 1px solid #CCCCCC; height: 30px; line-height: 30px; padding: 15px; } .edit-device .actions button { margin-left: 5px; } .edit-device .title-bar { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 15px 0; } .edit-device .title-bar .device-title > div { display: inline-block; float: left; font-size: 18px; font-weight: bold; height: 80px; line-height: 80px; margin-left: 40px; } .edit-device .title-bar .device-title .device-icon { height: 75px; line-height: 75px; } .edit-device .title-bar .device-title .device-icon > i { font-size: 48px; vertical-align: middle; } .edit-device .title-bar .device-title .device-image { border-radius: 4px; border: 1px solid #CCC; } .edit-device .title-bar .nav-pills { margin-top: 24px; margin-right: 15px; } .edit-device .content .tabs-section .title { color: #22CCFF; font-size: 24px; margin-bottom: 30px; margin-left: 40px; text-shadow: 1px 0 1px #CCCCCC; } .edit-device .content .tabs-section .helper { position: relative; margin: 0 40px 15px 40px; } .edit-device .content .tabs-section .helper i { position: absolute; top: 0; left: -25px; } .edit-device .content .tabs-section .number-address { display: none; } .edit-device .help-box.red-box { margin: 10px 25px } .edit-device .content #form_device .displayed-realm { line-height: 30px; font-weight: bold; } .edit-device .restriction-matcher-div { margin-right: 50px; float: right; } .edit-device .restriction-matcher-input { width: 120px; margin-right: 10px; margin-left: 5px; } .edit-device .restriction-matcher-label { line-height: 30px; margin-right: 50px; float: right; display: none; } /* Codecs selector */ .edit-device .content .codec-selector .box-selector { float: left; width: 300px; } .edit-device .content .codec-selector .box-selector:first-child { margin-left: 30px; margin-right: 40px; } .edit-device .content .codec-selector .box-selector ul { height: 328px; overflow: auto; } .edit-device .content #video_codec_selector .box-selector ul { min-height: 123px; } /* RTP Special CSS */ .edit-device .content .rtp-line { margin-left: 100px; } .edit-device .content .rtp-line > * { float: left; font-size: 14px; line-height: 28px; margin: 0 10px; }