.fa-nav-icons { color: #e30613; } .fa-col-success { color: #3c763d; } .fa-col-info { color: #31708f; } .fa-col-primary { color: #357ebd; } .fa-col-danger { color: #e30613; } .twitter-typeahead .tt-hint { border-color: #000 !important; } .pace { -webkit-pointer-events: none; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pace-inactive { display: none; } .pace .pace-progress { background: #e30613; position: fixed; z-index: 2000; top: 0; right: 100%; width: 100%; height: 2px; } .pace .pace-progress-inner { display: block; position: absolute; right: 0px; width: 100px; height: 100%; box-shadow: 0 0 10px #e30613, 0 0 5px #e30613; opacity: 1.0; -webkit-transform: rotate(3deg) translate(0px, -4px); -moz-transform: rotate(3deg) translate(0px, -4px); -ms-transform: rotate(3deg) translate(0px, -4px); -o-transform: rotate(3deg) translate(0px, -4px); transform: rotate(3deg) translate(0px, -4px); } .pace .pace-activity { display: block; position: fixed; z-index: 2000; top: 16px; right: 45px; width: 20px; height: 20px; border: solid 2px transparent; border-top-color: #e30613; border-left-color: #e30613; border-radius: 10px; -webkit-animation: pace-spinner 400ms linear infinite; -moz-animation: pace-spinner 400ms linear infinite; -ms-animation: pace-spinner 400ms linear infinite; -o-animation: pace-spinner 400ms linear infinite; animation: pace-spinner 400ms linear infinite; } @-webkit-keyframes pace-spinner { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-moz-keyframes pace-spinner { 0% { -moz-transform: rotate(0deg); transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } } @-o-keyframes pace-spinner { 0% { -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); transform: rotate(360deg); } } @-ms-keyframes pace-spinner { 0% { -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -ms-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes pace-spinner { 0% { transform: rotate(0deg); transform: rotate(0deg); } 100% { transform: rotate(360deg); transform: rotate(360deg); } } .device-availability, .service-availability{ color:#000000; float:left; width:166px; height:64px; margin:10px; padding:8px; border-radius:5px; text-align:center; } .device-availability.up, .service-availability.up { border:1px solid #5CB85C; } .device-availability.down, .service-availability.down { border:1px solid #D9534F; } .device-availability.warn, .service-availability.warn { border:1px solid #FFB733; } .availability-label { float:right; margin:-8px; } .service-name-label { float:left; margin:-8px; } .report-up { color:#5CB85C; } .report-warning { color:#FFB733; } .report-down { color:#D9534F; } .page-availability-title-left { width:50%; float:left; height:40px; } .page-availability-title-right { width:50%; float:left; text-align:right; } .page-availability-title { font-size:18px; font-weight: bold; } .page-availability-report-select { font-size:16px; border:none; font-weight:bold; padding-right:10px; margin-left:10px; } .page-availability-report-host { float:right; text-align:right; padding-left:10px; } .page-availability-report-service { float:right; text-align:right; } .widget-availability { float:left; margin:2px; } .widget-availability-host { float:left; margin-bottom: 10px; } .widget-availability-service { float:right; margin-bottom: 10px; } .label-font-border { text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black; font-size: 10px; } .label-font-border.label-border { margin:0px 2px 0px 2px; }