vid-webpack-master/src/app/shared/components/genericForm/generic-form.component.scss

   1 #form-details {
   2   position: relative;
   3
   4   #notification-area {
   5     color: #959595;
   6     font-size: 12px;
   7     position: absolute;
   8     top: 3px;
   9     left: 30px;
  10   }
  11
  12   height: 100%;
  13   overflow: auto;
  14   padding: 30px;
  15
  16   /deep/ {
  17     .form-control {
  18       border-radius: 2px;
  19       box-shadow: none;
  20       border-color: #D2D2D2;
  21     }
  22
  23     label {
  24       font-family: OpenSans-Semibold;
  25       font-size: 12px;
  26     }
  27
  28     select {
  29       @extend .form-control;
  30       -webkit-appearance: none;
  31       -moz-appearance: none;
  32       appearance: none;
  33       background: url('../../../../assets/img/chevron.svg') 0 0 no-repeat;
  34       background-size: 24px;
  35       background-position-x: right;
  36       background-position-y: center;
  37       font-family: OpenSans-Italic;
  38       font-size: 14px;
  39       color: #959595;
  40       height: 38px;
  41     }
  42
  43     input:not([type='checkbox']) {
  44       @extend .form-control;
  45       height: 38px;
  46     }
  47
  48     .form-control[disabled], fieldset[disabled] .form-control {
  49       opacity: 0.5;
  50     }
  51     .input-text {
  52       border: 1px solid #D2D2D2;
  53       border-radius: 2px;
  54       color: black;
  55     }
  56
  57     .form-conrtols {
  58       margin-top: 20px;
  59       &:first-child{
  60         margin-top: 0px;
  61       }
  62     }
  63   }
  64
  65   .checkbox-label {
  66     font-family: OpenSans-Regular;
  67   }
  68 }