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