ecomp-portal-FE-common/client/app/views/user-notifications-admin/user.notifications.modal.less

   1 /*-
   2  * ============LICENSE_START==========================================
   3  * ONAP Portal
   4  * ===================================================================
   5  * Copyright (C) 2017 AT&T Intellectual Property. All rights reserved.
   6  * ===================================================================
   7  *
   8  * Unless otherwise specified, all software contained herein is licensed
   9  * under the Apache License, Version 2.0 (the "License");
  10  * you may not use this software except in compliance with the License.
  11  * You may obtain a copy of the License at
  12  *
  13  *             http://www.apache.org/licenses/LICENSE-2.0
  14  *
  15  * Unless required by applicable law or agreed to in writing, software
  16  * distributed under the License is distributed on an "AS IS" BASIS,
  17  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  18  * See the License for the specific language governing permissions and
  19  * limitations under the License.
  20  *
  21  * Unless otherwise specified, all documentation contained herein is licensed
  22  * under the Creative Commons License, Attribution 4.0 Intl. (the "License");
  23  * you may not use this documentation except in compliance with the License.
  24  * You may obtain a copy of the License at
  25  *
  26  *             https://creativecommons.org/licenses/by/4.0/
  27  *
  28  * Unless required by applicable law or agreed to in writing, documentation
  29  * distributed under the License is distributed on an "AS IS" BASIS,
  30  * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  31  * See the License for the specific language governing permissions and
  32  * limitations under the License.
  33  *
  34  * ============LICENSE_END============================================
  35  *
  36  * ECOMP is a trademark and service mark of AT&T Intellectual Property.
  37  */
  38 .user-notification-details-modal {
  39    // width: 595px;
  40     margin:auto;
  41     background-color:white;
  42   .title {
  43     .dGray18r;
  44     border-bottom: @blue-active 3px solid;
  45
  46   }
  47   .btn-calendar-icon{
  48         z-index:1;
  49   }
  50     input:not([type="button"]) {
  51     height: 13px;
  52 }
  53   .user-notification-details-contents {
  54   padding-left: 0px;
  55     padding-top: 16px;
  56     padding-bottom: 16px;
  57     height: 630px;
  58     overflow-y: auto;
  59     margin-left:10px;
  60     padding-right:100px;
  61
  62           .notif-input-calendar{
  63     width: 301px;
  64     border-radius: 6px ;
  65     border: 1px solid #888;
  66      height: 36px;
  67      position: relative;
  68      z-index: 1;
  69     }
  70
  71 .simulateCatGridHeaderRadioButton{
  72         line-height: 20px;
  73         margin-top: 5px;
  74         margin-left: 10px;
  75     font-family: Omnes-ECOMP-W02, Arial;
  76     color: #444444;
  77     float: left;
  78     font-size: 13px;
  79     margin-left: 0px;
  80     width: 80px;
  81 }
  82
  83 .radio {
  84
  85     margin-bottom: 12px;
  86 }
  87
  88     .left-container{
  89       display: inline-block;
  90       width: 48%;
  91
  92
  93     }
  94
  95
  96     .right-container{
  97       display: inline-block;
  98       width: 48%;
  99       float: right;
 100           .mandatory-categories{
 101         color: #cf2a2a;
 102         font-size: 10px;
 103         position:absolute;
 104
 105         }
 106
 107
 108       .notif-input{
 109       width:302px;
 110       height:50px;
 111
 112       }
 113     }
 114
 115
 116
 117     .ngdialog.ngdialog-theme-plain .ngdialog-content {
 118     // max-width: 100%;
 119     // width: 2000px;
 120     }
 121     .user-notif-label {
 122
 123     .checkbox-categories{
 124         color: #cf2a2a;
 125         font-size: 10px;
 126         position:absolute;
 127         margin-top: -6px;
 128
 129         }
 130
 131
 132  .tree{
 133    margin-left: 0px;
 134    margin-right: 30px;
 135    overflow-y: auto;
 136    padding-top: 15px;
 137    width:100%;
 138     max-height: 250px;
 139     margin-top:10px;
 140    }
 141
 142
 143    }
 144
 145
 146
 147         margin-bottom: 5px;
 148         color: #5a5a5a;
 149         font-family: Omnes-ECOMP-W02, Arial;
 150         font-size: 14px;
 151         font-weight: bold;
 152        // padding-left: 10px;
 153
 154          .property{
 155       position: relative;
 156       margin-bottom: 18px;
 157
 158
 159       .property-label{
 160         .dGray14r;
 161
 162
 163       }
 164        .input-field{
 165         .custom-input-field;
 166         width: 220px;
 167       }
 168
 169       .input-file-field{
 170         width: 220px;
 171       }
 172       .select-field {
 173         .custom-select-field;
 174       }
 175         .error-container{
 176         position: absolute;
 177         width: 220px;
 178         display: block;
 179         height: 12px;
 180         line-height: 12px;
 181
 182         .err-message{
 183           color: @funcRed;
 184           font-size: 10px;
 185         }
 186     }
 187     .js-node-check{
 188         width: 16px;
 189         height: 16px;
 190         vertical-align:middle;
 191         }
 192     }
 193      }
 194       }
 195
 196
 197  .radio input:checked + .skin:after{
 198         width:22px;
 199         height:22px;
 200 }
 201
 202 .datepicker-container .btn-calendar-icon{
 203     width: 20px;
 204     position: absolute;
 205     right: 10px;
 206     top: 8px;
 207 }
 208
 209 .date-validation{
 210         top:185px;
 211         color: #cf2a2a;
 212         font-size: 10px;
 213         position:absolute;
 214 }
 215 .endDate-validation{
 216         top:270px;
 217         color: #cf2a2a;
 218         font-size: 10px;
 219         position:absolute;
 220 }