d496539344f93008f76f0c1139ce32b130cf0473
[vid.git] / vid-webpack-master / src / app / shared / components / searchMembersModal / search-members-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     display: flex;
48
49     .sidebar-left {
50       flex-basis: 285px;
51       border-right: 1px solid #D2D2D2;
52       height: calc(100vh - 60px);
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       flex: 1;
86       margin: 80px 50px;
87     }
88   }
89 }