vid-app-common/src/main/webapp/app/vid/styles/change-management.css

   1 /*-
   2  * ============LICENSE_START=======================================================
   3  * VID
   4  * ================================================================================
   5  * Copyright (C) 2017 - 2019 AT&T Intellectual Property. All rights reserved.
   6  * ================================================================================
   7  * Licensed under the Apache License, Version 2.0 (the "License");
   8  * you may not use this file except in compliance with the License.
   9  * You may obtain a copy of the License at
  10  *
  11  *      http://www.apache.org/licenses/LICENSE-2.0
  12  *
  13  * Unless required by applicable law or agreed to in writing, software
  14  * distributed under the License is distributed on an "AS IS" BASIS,
  15  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  16  * See the License for the specific language governing permissions and
  17  * limitations under the License.
  18  * ============LICENSE_END=========================================================
  19  */
  20
  21 .body-content-jsp {
  22     margin-top: 35px;
  23     min-height: 500px;
  24     margin-left: 201px;
  25     margin-right: 0px;
  26     background-color: #f8f8f8;
  27 }
  28
  29 .changes-management {
  30     background: white;
  31     color: #797979;
  32 }
  33
  34 .changes-management .header {
  35     height: 76px;
  36     padding: 13px 0px 0px 26px;
  37     background: #00aeef;
  38 }
  39
  40 .changes-management #change-management-headline {
  41     font-family: "Open Sans";
  42     color: #ffffff;
  43     font-size: 24px;
  44     font-weight: 400;
  45     line-height: 24px;
  46     text-align: left;
  47 }
  48
  49
  50 .changes-management .separator {
  51     width: 1px;
  52     font-size: 35px;
  53     background: #00aeef;
  54     border-left: 1px solid #d2d2d2;
  55     margin: 0px 30px 0px 30px;
  56 }
  57
  58 .changes-management .header .button-container {
  59     display: initial;
  60 }
  61
  62 .changes-management .header .icon-svg {
  63     display: inline;
  64     color: #ffffff;
  65     position: relative;
  66     top: 9px;
  67 }
  68
  69 .changes-management .header .button-text {
  70     position: relative;
  71     font-family: "Open Sans";
  72     color:  #ffffff;
  73     font-size: 14px;
  74     font-weight: 400;
  75     line-height: 24px;
  76     text-align: left;
  77     bottom: 5px;
  78     left: 5px;
  79 }
  80
  81 .changes-management .header .icon-filling {
  82     width: 40px;
  83     height: 40px;
  84     fill: #ffffff;
  85 }
  86
  87 .changes-management .header .search-changes {
  88     width: 361px;
  89     float: right;
  90     height: 41px;
  91     border: 0px;
  92     background-color: #59c2ed;
  93     color: #ffffff;
  94     margin-right: 15px;
  95     border-radius: 10px;
  96     top: 6px;
  97 }
  98
  99 .changes-management .header .search-changes::placeholder {
 100     font-family: "Open Sans";
 101     color: #ffffff;
 102     text-align: left;
 103     font-size: 14px;
 104     line-height: 40px;
 105     font-style: italic;
 106 }
 107
 108 .att-accordion__toggle {
 109     font-size: 14px;
 110 }
 111
 112 .jobs-table {
 113     background-color: #ffffff;
 114     padding: 40px;
 115 }
 116
 117 .nav-tabs.nav-justified {
 118     width: 30%;
 119     margin-right:2px;
 120     border:0px;
 121     border-radius:0px;
 122 }
 123
 124 .uib-tab.nav-item {
 125     border: 1px solid #d2d2d2;
 126     background-color:  #f8f8f8;
 127 }
 128
 129 .uib-tab.nav-item.active {
 130     border-top: 4px solid #00aeef;
 131 }
 132
 133 .nav-tabs.nav-justified>li>a {
 134     border-radius:0px!important;
 135     border: 0px!important;
 136 }
 137
 138 .table {
 139     border: 1px solid #eaeaea;
 140     box-sizing: border-box;
 141     background-color: #ffffff;
 142    /* box-shadow: 0px 2px 7px 0px rgba(34, 31, 31, 0.17);*/
 143     font-family: "Open Sans";
 144     color: #5a5a5a;
 145     font-size: 14px;
 146     font-weight: 400;
 147 }
 148
 149 .table>thead {
 150     background-color: #F2F2F2;
 151     font-family: "Open Sans";
 152     color: #191919;
 153     font-size: 13px;
 154     font-weight: 600;
 155     line-height: 40px;
 156 }
 157
 158 .table-headline-row {
 159     font-family: "Open Sans";
 160     color: #00aeef;
 161     font-size: 14px;
 162     font-weight: 600;
 163     background-color: #EAEAEA;
 164     box-shadow: 0px 1px 1px 0px rgba(34, 31, 31, 0.19);
 165 }
 166
 167 .table-bordered{border:1px solid #eaeaea;}
 168 .table-bordered>tbody>tr>td,
 169 .table-bordered>tbody>tr>th,
 170 .table-bordered>tfoot>tr>td,
 171 .table-bordered>tfoot>tr>th,
 172 .table-bordered>thead>tr>td,
 173 .table-bordered>thead>tr>th{border:1px solid #eaeaea;}
 174
 175 .centered {
 176     text-align: center;
 177 }
 178 .table-wrapper{
 179 }
 180
 181 .refresh-cm {
 182     float: right;
 183     position: relative;
 184     right: 45px;
 185     top: 50px;
 186     z-index: 900;
 187     color: #191919;
 188     font-size: 14px;
 189 }
 190 .refresh-cm .last-time-updated {
 191     color: #5A5A5A;
 192 }
 193 .refresh-cm i.icon-sync {
 194     padding-left: 10px;
 195     top: 3px;
 196     position: relative;
 197 }