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