vid-webpack-master/src/app/shared/components/searchMembersModal/search-elements-modal.component.scss

   1 .modal-search-member-content {
   2   height: 100vh;
   3   width: 100vw;
   4   position: relative;
   5   background: white;
   6   .header {
   7     height: 60px;
   8     font-family: OpenSans-Regular;
   9     display: -webkit-box;
  10     display: flex;
  11     font-size: 14px;
  12     box-shadow: 2px 2px 6px #D2D2D2;
  13     color: white;
  14     background: #009fdb;
  15     z-index: 1;
  16     position: relative;
  17     .navigation-arrow-back {
  18       border-right: 1px solid #1eb9f3;
  19       width: 60px;
  20       height: 60px;
  21       cursor: pointer;
  22       display: flex;
  23       justify-content: center;
  24       align-items: center;
  25     }
  26     .title {
  27       font-size: 18px;
  28       line-height: 60px;
  29       margin-left: 20px;
  30     }
  31     button {
  32       width: 125px;
  33       font-family: OpenSans-Regular;
  34       font-size: 14px;
  35       margin-left: auto;
  36       margin-right: 20px;
  37       margin-top: 12px;
  38       border: 1px solid white;
  39       &:disabled {
  40         opacity: 0.5;
  41         background: none;
  42       }
  43     }
  44   }
  45
  46   .content-wrapper {
  47
  48     .sidebar-left {
  49       width: 20%;
  50       border-right: 1px solid #D2D2D2;
  51       height: calc(100vh - 60px);
  52       float: left;
  53
  54       .search-criteria-wrapper{
  55
  56         .search-criteria-title{
  57           font-family: OpenSans-SemiBold;
  58           font-size: 14px;
  59           color: #191919;
  60           border-bottom: 1px solid #D2D2D2;
  61           line-height: 50px;
  62           padding-left: 30px;
  63         }
  64         .search-item{
  65           color: #191919;
  66           display: flex;
  67           flex-direction: column;
  68           margin: 25px 30px;
  69           .label-item {
  70             font-family: OpenSans-SemiBold;
  71             font-size: 12px;
  72           }
  73           .text-item{
  74             font-family: OpenSans-Regular;
  75             font-size: 14px;
  76             color: #5a5a5a;
  77             word-break: break-all;
  78           }
  79
  80         }
  81       }
  82     }
  83
  84     .sidebar-right {
  85       padding: 15px 30px 0px 30px;
  86       width: 80%;
  87       float: right;
  88     }
  89   }
  90 }
  91
  92 select.select-criteria {
  93     webkit-appearance: none;
  94     background: url('../../../../assets/img/chevron.svg') 0 0 no-repeat;
  95     background-size: 24px;
  96     background-position-x: right;
  97     background-position-y: center;
  98     font-family: OpenSans-Italic;
  99     font-size: 14px;
 100     height: 38px;
 101     -webkit-appearance: none;
 102     -moz-appearance: none;
 103 }
 104
 105 .required:after {
 106   content: " * ";
 107   color: #cf2a2a;
 108   margin-left: 3px;
 109 }
 110
 111 .search-button {
 112   display: flex;
 113   justify-content: space-around;
 114 }
 115