Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
.breadcrumbs-pf-title .active span {
font-size: 16px;
vertical-align: -2px; }
.popover-content {
max-height: 300px;
overflow-y: auto;
max-width: 200px;
min-width: 200px; }
.popover-content .breadcrumb-switcher-popover-error {
color: #f00; }
.popover-content .list-group-item {
padding: 5px 3px; }
.popover-content .list-group-item:hover {
color: #fff;
background-color: #39a5dc;
border-color: #39a5dc; }
.popover-content .no-border {
border: none; }
#breadcrumb-switcher-popover {
z-index: 1000 !important; }
.message-box-root {
-ms-flex: 1 1;
flex: 1 1;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
}
.message-box-content {
-ms-flex: 0 0 30px;
flex-basis: 30px;
text-align: center;
}
.message-box-icon {
font-size: 22px;
}
.message-box-message {
color: #363636;
font-size: 12px;
text-transform: capitalize;
}
.loader-root {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
-ms-flex: 1;
flex: 1;
}
.statistics-charts-list-root {
display: flex;
flex-wrap: wrap; }
.statistics-charts-list-root .chart-box {
height: 312px;
width: 280px;
margin-left: 20px;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-height: 312px; }
.statistics-charts-list-root .chart-box .panel-heading {
-ms-flex: 0 0 30px;
flex: 0 0 30px; }
.statistics-charts-list-root .chart-box .panel-body {
display: -ms-flexbox;
display: flex;
-ms-flex: 1;
flex: 1; }
.host-power-status.on {
color: #3f9c35; }
.host-power-status.off {
color: #c00; }
.host-power-status.na {
color: #8b8d8f; }
#notifications_container {
position: static;
margin-top: -1px; }
#notifications_container .fa-bell,
#notifications_container .fa-bell-o {
color: white;
font-size: 15px;
cursor: pointer; }
#notifications_container .fa-bell {
position: relative; }
#notifications_container .fa-bell::after {
width: 0;
height: 0;
border: 4px solid #cc0000;
padding: 0;
content: '';
border-radius: 50%;
position: absolute;
top: -3px;
right: -3px; }
#notifications_container .drawer-pf {
max-height: 600px;
overflow: hidden;
display: flex;
flex-direction: column; }
#notifications_container .drawer-pf .drawer-pf-title,
#notifications_container .drawer-pf .panel-group {
position: static; }
#notifications_container .drawer-pf .drawer-pf-close {
right: 0; }
#notifications_container .drawer-pf .drawer-pf-toggle-expand {
left: 0; }
#notifications_container .drawer-pf .panel-group {
flex: 1;
display: flex;
flex-direction: column; }
#notifications_container .drawer-pf .panel-group .panel.expanded {
flex: 1;
display: flex;
flex-direction: column; }
#notifications_container .drawer-pf .panel-group .panel.expanded .panel-body {
overflow-y: auto;
flex: 1; }
#notifications_container .drawer-pf .panel-group .panel {
cursor: pointer; }
#notifications_container .drawer-pf .panel-group .panel .panel-title a {
font-size: 14px; }
#notifications_container .drawer-pf .panel-group .panel .panel-body {
padding: 0; }
#notifications_container .drawer-pf .panel-group .panel .panel-body .drawer-pf-notification {
display: flex; }
#notifications_container .drawer-pf .panel-group .panel .panel-body .drawer-pf-notification .notification-text-container {
display: flex;
flex: 1;
flex-direction: column;
position: relative;
margin: 0 12px; }
#notifications_container .drawer-pf .panel-group .panel .panel-body .drawer-pf-notification .notification-text-container .not-seen {
font-weight: bold;
cursor: pointer; }
#notifications_container .drawer-pf .panel-group .panel .panel-body .drawer-pf-notification .notification-text-container .drawer-pf-notification-message,
#notifications_container .drawer-pf .panel-group .panel .panel-body .drawer-pf-notification .notification-text-container .drawer-pf-notification-info {
padding: 0; }
#notifications_container #no-notifications-container {
padding: 20px;
text-align: center;
background: #efefef;
font-size: 15px; }
.pointer {
cursor: pointer;
}
.disks-container {
padding: 0 150px;
display: flex;
flex-direction: column; }
.disks-container .disk-container {
display: flex;
padding: 20px 0;
margin-top: 20px;
flex-direction: column;
border-top: 1px solid #ededed; }
.disks-container .disk-container .close {
background-color: red;
color: white;
padding: 5px 10px;
border-radius: 5px; }
.disks-container .disk-container .form-group {
display: flex;
align-items: center; }
.disks-container .disk-container .control-label,
.disks-container .disk-container .delete-volume-container {
text-align: left; }
.disks-container .disk-container .common-checkbox {
text-align: left; }
.disks-container .disk-container .common-numericInput .react-numeric-input {
display: flex !important; }
.disks-container .disk-container .common-numericInput .react-numeric-input input {
flex: 1;
height: 28px; }
.controller-header {
display: flex;
width: 100%;
align-items: top; }
.controller-header .controller-selected-container {
display: flex;
justify-content: flex-end; }
.controller-header .controller-selected-container > label {
margin-left: 5px; }
.controller-header .controller-type-container {
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start; }
.controller-header .btn-add-disk {
margin-top: 10px; }
.vmware-storage-container {
display: flex;
flex-direction: column; }
.vmware-storage-container .storage-header {
padding: 10px 0;
margin-bottom: 10px;
border-bottom: 1px solid #ededed; }
.vmware-storage-container .storage-header .storage-title {
font-size: 18px; }
.vmware-storage-container .storage-header .storage-controller-buttons {
text-align: right; }
.vmware-storage-container .storage-header .storage-controller-buttons > button {
margin-left: 20px; }
.vmware-storage-container .controller-container {
margin-bottom: 20px; }
.ReactPasswordStrength .ReactPasswordStrength-input {
width: 100%;
font-size: 12px;
font-family: 'Open Sans', Helvetica, Arial, sans-serif;
padding: 2px 30px 2px 6px;
font-style: normal; }
.ReactPasswordStrength .ReactPasswordStrength-strength-desc {
padding: 6px 10px;
right: -62.5%;
font-size: 12px;
width: 60%;
text-align: left;
font-style: normal;
font-family: 'Open Sans', Helvetica, Arial, sans-serif; }
#password_react .form-group.has-error .ReactPasswordStrength-input {
border: 1px solid #c00; }
#password_react .is-strength-0 .ReactPasswordStrength-strength-desc {
color: #a30000; }
#password_react .is-strength-0 .ReactPasswordStrength-strength-bar {
background: #a30000; }
#password_react .is-strength-1 .ReactPasswordStrength-strength-desc {
color: #ec7a08; }
#password_react .is-strength-1 .ReactPasswordStrength-strength-bar {
background: #ec7a08; }
#password_react .is-strength-2 .ReactPasswordStrength-strength-desc {
color: #f0ab00; }
#password_react .is-strength-2 .ReactPasswordStrength-strength-bar {
background: #f0ab00; }
#password_react .is-strength-3 .ReactPasswordStrength-strength-desc {
color: #3f9c35; }
#password_react .is-strength-3 .ReactPasswordStrength-strength-bar {
background: #3f9c35; }
#password_react .is-strength-4 .ReactPasswordStrength-strength-desc {
color: #1e4f18; }
#password_react .is-strength-4 .ReactPasswordStrength-strength-bar {
background: #1e4f18; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment