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

   1
   2 .user-notification-details-modal {
   3     width: 595px;
   4     margin:auto;
   5     background-color:white;
   6   .title {
   7     .dGray18r;  //AT&T Dark Gray
   8     border-bottom: @blue-active 3px solid;
   9
  10   }
  11     input:not([type="button"]) {
  12     height: 13px;
  13 }
  14   .user-notification-details-contents {
  15   padding-left: 0px;
  16     padding-top: 16px;
  17     padding-bottom: 16px;
  18     height: 630px;
  19     overflow-y: auto;
  20     margin-left:10px;
  21     padding-right:100px;
  22
  23           .notif-input-calendar{
  24     width: 301px;
  25     border-radius: 6px ;
  26     border: 1px solid #888;
  27      height: 36px;
  28      position: relative;
  29      z-index: 1;
  30     }
  31
  32 .simulateCatGridHeaderRadioButton{
  33         line-height: 20px;
  34         margin-top: 5px;
  35         margin-left: 10px;
  36     font-family: Omnes-ECOMP-W02, Arial;
  37     color: #444444;
  38     float: left;
  39     font-size: 13px;
  40     margin-left: 0px;
  41     width: 80px;
  42 }
  43
  44     .left-container{
  45       display: inline-block;
  46       width: 48%;
  47
  48
  49     }
  50
  51
  52     .right-container{
  53       display: inline-block;
  54       width: 48%;
  55       float: right;
  56           .mandatory-categories{
  57         color: #cf2a2a;
  58         font-size: 10px;
  59         position:absolute;
  60
  61         }
  62
  63       .notif-input{
  64       width:302px;
  65       height:50px;
  66
  67       }
  68     }
  69
  70
  71
  72     .ngdialog.ngdialog-theme-plain .ngdialog-content {
  73     // max-width: 100%;
  74     // width: 2000px;
  75     }
  76     .user-notif-label {
  77
  78     .checkbox-categories{
  79         color: #cf2a2a;
  80         font-size: 10px;
  81         position:absolute;
  82         margin-top: -6px;
  83
  84         }
  85
  86
  87  .tree{
  88    margin-left: 0px;
  89    margin-right: 30px;
  90    overflow-y: auto;
  91    padding-top: 15px;
  92    width:100%;
  93     max-height: 250px;
  94     margin-top:10px;
  95    }
  96
  97
  98    }
  99
 100
 101
 102         margin-bottom: 5px;
 103         color: #5a5a5a;
 104         font-family: Omnes-ECOMP-W02, Arial;
 105         font-size: 14px;
 106         font-weight: bold;
 107        // padding-left: 10px;
 108
 109          .property{
 110       position: relative;
 111       margin-bottom: 18px;
 112
 113
 114       .property-label{
 115         .dGray14r;
 116
 117
 118       }
 119        .input-field{
 120         .custom-input-field;
 121         width: 220px;
 122       }
 123
 124       .input-file-field{
 125         width: 220px;
 126       }
 127       .select-field {
 128         .custom-select-field;
 129       }
 130         .error-container{
 131         position: absolute;
 132         width: 220px;
 133         display: block;
 134         height: 12px;
 135         line-height: 12px;
 136
 137         .err-message{
 138           color: @funcRed;
 139           font-size: 10px;
 140         }
 141     }
 142     .js-node-check{
 143         width: 16px;
 144         height: 16px;
 145         vertical-align:middle;
 146         }
 147     }
 148      }
 149       }
 150
 151    #datepicker{
 152       z-index: 10000 !important;
 153       width: 302px;
 154       padding-left: 6px;
 155   }
 156
 157