2 text-align: center !important;
3 align: center !important;
5 table.dataTable tr.odd {
6 background-color: white !important;
8 table.dataTable tr.odd td.sorting_1 {
9 background-color: white !important;
11 table.dataTable tr.even td.sorting_1 {
12 background-color: white !important;
14 table.dataTable thead th div.DataTables_sort_wrapper {
17 .dashboard-hpc-sliver .ui-widget-header, .dashboard-hpc-sliver .ui-dialog-title, .dashboard-hpc-sliver .ui-dialog-titlebar{
20 background: black !important;
23 border-bottom-left-radius: 0px !important;
24 border-bottom-right-radius: 0px !important;
28 min-width: 977px !important;
35 .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
36 background: none !important;
37 border-top: 0px !important;
38 border-left: 0px !important;
39 border-right: 0px !important;
42 background: none !important;
43 border-top: 0px !important;
44 border-left: 0px !important;
45 border-right: 0px !important;
48 border-bottom: 1px solid #B5D1EA;
49 border-bottom-width: 1px;
50 border-bottom-style: solid;
51 border-bottom-color: rgb(181, 209, 234);
58 .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
62 .required:after {color: red ! important; font-size: 18px }
63 #.btn-success {color:black}
69 .inner-two-columns .inner-center-column .tab-content {
74 .inner-two-columns .inner-center-column {
76 #background-color: rgb(158, 163, 159);
86 /*For increasing the header height*/
92 /*For changing the background color of the left side navigation list items*/
93 /*For changing the color of the left side navigation list items*/
94 /*For changing the font of the left side navigation list items*/
96 background-color: #CDE7FF;
103 /*For giving the padding for the left side navigation*/
108 /*For increasing the height of left side navigation list items*/
115 /*For changing background color of suit enter*/
117 background-color: #ffffff;
120 .left-nav>ul>li.active>a {
121 background-color: #448CCA;
124 background-image: url("right_arrow.png");
125 background-position: 97% center;
130 background-color: #CDE7FF;
131 /*background-color: #FFFFFF;*/
134 .nav-tabs-suit li a {
135 background-color: #CDE7FF;
142 .nav-tabs-suit li.active{
143 /*Changed on Dec 11*/
144 background-color: #448CCA;
145 /*background-position: 50% 100%;
146 background-image:url('donw_arrow.png');*/
149 .nav-tabs-suit li.hover{
150 /*Changed on Dec 11*/
151 background-color: #448CCA;
154 .nav-tabs-suit li.active a {
155 background-color: #448CCA;
158 text-decoration:none;
161 .nav-tabs-suit li.active a:after{ /*arrow added to downarrowdiv DIV*/
164 border-left: 5px solid transparent;
165 border-right: 5px solid transparent;
166 border-top: 5px solid #2f2f2f;
172 /* create an arrow that points down */
175 .left-nav>ul>li.active>a:hover{
176 background-color: #448CCA;
178 /*padding-top:10px;*/
179 text-decoration:none;
182 .left-nav>ul>li>a:hover{
183 background-color: #448CCA;
185 /*padding-top:10px;*/
186 text-decoration:none;
187 border-left: 15px solid #105E9E ;
189 .nav-tabs-suit li.active a:hover,.nav-tabs-suit li a:hover{
190 background-color: #448CCA;
193 text-decoration:none;
201 border-bottom: 1px solid #B5D1EA;
209 background-image: url('home.png');
210 background-repeat: no-repeat;
211 background-position: 85%;
218 background-image: url('home.png');
219 background-repeat: no-repeat;
220 background-position: 40%;
223 vertical-align: middle;
236 /*background-color: #000000;*/
237 /*margin-bottom: 10px;*/
239 .header .header-content .date{
243 .header .header-content .time {
246 .header .header-content.header-content-first{
251 .header .header-content {
253 padding: 7px 0 0 0px;
260 .left-nav>ul>li.active>a:after {
266 margin: 0px 0 0px 0px;
281 background-color: #ffffff;
284 .login #content-main {
288 /*background: #EBF0F2;*/
289 background: rgba(255,255,255,0.85);
290 /*background: rgba(235,240,242,0.6);*/
293 .login #content-main h1 {
294 /*background: #EBF0F2;*/
295 background: url("open-cloud-login-themed-light.png") no-repeat scroll 40% center / 89% auto rgba(235, 240, 242, 0);
296 /*background-position: 40%;*/
298 background-repeat: no-repeat;
302 .login #content-main h1 i {
306 .login #content-main h1 img{
310 .login #content-main .control-group .control-label{
314 .login #content-main form input[type=text]{
319 background-color: #E5E5E5;
320 background-image: url('name.png');
321 background-repeat: no-repeat;
322 background-position: 95%;
326 .login #content-main form input[type=password] {
332 background-color: #E5E5E5;
333 background-image: url('password.png');
334 background-repeat: no-repeat;
335 background-position: 95%;
338 .login #content-main .submit-row{
339 background: #EBF0F215px;
340 background: rgba(235,240,242,0.0);
346 .login #content-main .submit-row .btn-info {
347 background-color : #448CCA;
348 background-image: none;
357 text-decoration: none;
363 text-decoration: none;
369 .nav-tabs-suit li.active a{
371 -webkit-box-shadow: none;
372 -moz-box-shadow: none;
380 .nav-tabs-suit li a:hover{
384 .nav-tabs-suit li.active a:hover{
388 /*.nav-tabs-suit li.active {*/
389 /*background: transparent url('home.png') no-repeat scroll center bottom;*/
390 /*border-left: 5px solid transparent;
391 border-right: 5px solid transparent;
392 border-top: 5px solid #2f2f2f;
401 background-image: url('bg.jpg');
402 background-size: 100%;
403 background-repeat: no-repeat;
407 .login #content-main {
410 margin: 100px auto 0;
416 background-color: #000000;
417 background-image: url('bg2.jpg');
418 background-size: 100% auto;
427 background-color:#ffffff;
431 background-color:#ffffff;
433 .nav-quick-search .search-query{
437 background-color:#282828;
452 .login #content-main form {
462 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
465 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
468 background: url("../img/bg_left_white.gif") repeat-y scroll left top rgba(0, 0, 0, 0);
471 height: auto !important;
472 margin: 0 auto -60px;
493 .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
494 background-color: #448CCA;
499 /*Added by Beena for adding the three components in dashboard*/
502 display:inline-block;
503 background-color: #fff;
508 background-color: #ededed;
514 display:inline-block;
516 font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
522 display: inline-block;
524 border:1px solid #000;
529 .header-content .header-column {
532 .header .input-icon {
533 background-image: url("Search.png");
534 background-repeat: no-repeat;
535 background-position:left center;
537 background-size: 100%;
538 vertical-align:middle;
546 .header .icon-search {
547 /*background-image: url("search.png") !important;
548 background-repeat: no-repeat !important;
549 background-size: 120% auto !important;
550 background-position: 0;*/
553 .icon-home ,.icon-deployment ,.icon-site ,.icon-slice ,.icon-user, .icon-reservation, .icon-app{
554 background-position: left center;
560 background-image: url("opencloudApp.png");
563 background-image: url("Home.png");
566 background-image: url("Deployments.png");
569 background-image: url("Sites.png");
572 background-image: url("Slices.png");
575 background-image: url("Users.png");
578 background-image: url("Reservations.png");
581 .left-nav>ul>li.active>a>.icon-home , .left-nav>ul>li:hover>a>.icon-home , .left-nav>ul>li.focus>a>.icon-home{
582 background-image: url("Home_over.png");
585 .left-nav>ul>li.active>a>.icon-deployment,.left-nav>ul>li:hover>a>.icon-deployment,.left-nav>ul>li.focus>a>.icon-deployment{
586 background-image: url("Deployments_over.png");
588 .left-nav>ul>li.active>a>.icon-site , .left-nav>ul>li:hover>a>.icon-site , .left-nav>ul>li.focus>a>.icon-site{
589 background-image: url("Sites_over.png");
591 .left-nav>ul>li.active>a>.icon-slice , .left-nav>ul>li:hover>a>.icon-slice , .left-nav>ul>li.focus>a>.icon-slice {
592 background-image: url("Slices_over.png");
594 .left-nav>ul>li.active>a>.icon-user , .left-nav>ul>li:hover>a>.icon-user , .left-nav>ul>li.focus>a>.icon-user{
595 background-image: url("Users_over.png");
597 .left-nav>ul>li.active>a>.icon-reservation , .left-nav>ul>li:hover>a>.icon-reservation , .left-nav>ul>li.focus>a>.icon-reservation{
598 background-image: url("Reservations_over.png");
602 padding-bottom: 10px;
617 text-decoration: underline;
622 text-decoration: underline;
640 font-family:Helvetica Neue;
648 border: 1px solid #fff;
654 font-family:Helvetica Neue;
664 font-family:Helvetica Neue;
675 font-family:Helvetica Neue;
685 font-family:Helvetica Neue;
712 background-image:url('chartsBg.jpg');
725 shape-rendering: crispEdges;
743 .y.axis text.legend {