vid-webpack-master/src/app/shared/components/auditInfoModal/auditInfoModal.component.scss

   1 .templatebody.modal-open{
   2   position: fixed;
   3   top: 0;
   4   right: 0;
   5   bottom: 0;
   6   left: 0;
   7   z-index: 1040;
   8   background-color: #000;
   9   opacity: 0.5;
  10 }
  11 mwlResizable {
  12   box-sizing: border-box;
  13 }
  14 .modal-dialog{
  15   width: 100% !important;
  16 }
  17 .modal{
  18   width: 100% !important;
  19   margin-right: 0%;
  20   margin-left: 0%;
  21
  22   #audit-info-modal {
  23     .leftColumn {
  24       padding-left: 0;
  25     }
  26
  27     .rightColumn {
  28       padding-right: 0;
  29       text-align: right;
  30     }
  31     .modal-content{
  32       border-radius: 0px;
  33       border: none;
  34       .modal-header{
  35         padding: 5px !important;
  36         padding-left: 23px !important;
  37         background: #009FDB;
  38         font-size: 24px;
  39         color: #ffffff;
  40         .close{
  41           font-size: 32px;
  42           font-weight: 200;
  43           color: #ffffff;
  44           text-shadow: none;
  45           filter: none;
  46           opacity: 1;
  47           &:hover{
  48             color: #d2d2d2;
  49           }
  50         }
  51         .modal-title{
  52
  53         }
  54       }
  55       .modal-body{
  56         padding: 0px;
  57         margin: 0px;
  58         display: flex;
  59         .left-panel{
  60           background: #f2f2f2;
  61           border-right: 1px solid #D2D2D2;
  62           padding-right: 0px;
  63           width: 20%;
  64           .row:first-child{
  65             border-bottom: 1px solid #D2D2D2;
  66             height: 50px;
  67             font-size: 12px;
  68             line-height: 50px;
  69             padding-left: 30px;
  70             font-weight: 700;
  71             margin-right: 0px;
  72           }
  73           .service-model{
  74             padding-left: 30px;
  75             padding-top: 15px;
  76           }
  77         }
  78         .right-panel{
  79           width: 100% !important;
  80           padding: 30px 30px 15px 30px;
  81           .row{
  82             margin: 0px;
  83           }
  84           .table-title{
  85             font-size: 12px;
  86             text-transform: uppercase;
  87             font-weight: bold;
  88           }
  89           .no-result{
  90             margin-bottom: 20px;
  91             text-align: center;
  92             border: 1px solid #d2d2d2;
  93             padding: 20px;
  94             margin-top: 0px;
  95           }
  96
  97           .table-bordered {
  98             margin-top: 10px;
  99             font-family: inherit;
 100             font-size: 13px;
 101             overflow-x: auto;
 102             overflow-y: auto;
 103             //display: block;
 104             color: #5A5A5A;
 105             position: relative;
 106             thead {
 107               z-index: 100;
 108               background: rgb(242, 242, 242);
 109               border-bottom: 1px solid #d2d2d2;
 110               tr {
 111                 th {
 112                   border-right: 1px solid #d2d2d2;
 113                   &:last-child {
 114                     border-right: none;
 115                   }
 116                 }
 117               }
 118             }
 119             tbody{
 120               border: none !important;
 121               max-height: 152px;
 122               tr{
 123                 border-bottom: 1px solid #d2d2d2;
 124                 &:last-child{
 125                   border-bottom: none;
 126                 }
 127                 td{
 128                   border-right: 1px solid #d2d2d2;
 129                   &:last-child{
 130                     border-right: none;
 131                   }
 132                 }
 133               }
 134             }
 135             th {
 136               background: #f2f2f2;
 137               font-family: OpenSans-Semibold;
 138               color: #000000;
 139               font-weight: bold;
 140               border: none;
 141               position: sticky;
 142               top: 0;
 143             }
 144             tr.odd {
 145               background-color: rgb(242, 242, 242);
 146             }
 147             tr:hover {
 148               background: #e1e1e1;
 149             }
 150           }
 151         }
 152       }
 153       .modal-footer{
 154         margin: 0px;
 155         .cancel{
 156           width: 120px;
 157           height: 36px;
 158           background: #009fdb;
 159           border-radius: 2px;
 160           font-family: OpenSans-Regular;
 161           font-size: 14px;
 162           color: #ffffff;
 163           line-height: 16px;
 164         }
 165       }
 166     }
 167   }
 168 }