1/* New adminsidepanel */
2
3#sidebar {
4    padding-top: 15px;
5    width:100%;
6
7    .tabbutton.btn-primary {
8        outline: none;
9        &:after {
10            position: absolute;
11            left: 43%;
12            bottom: -12px;
13            font: normal normal normal 14px/1 FontAwesome;
14            font-size: 28px;
15            text-rendering: auto;
16            -webkit-font-smoothing: antialiased;
17            content: "\F078";
18        }
19    }
20    .overflow-auto {
21        overflow-x: hidden;
22        overflow-y: auto;
23    }
24    .resize-handle {
25        position: absolute;
26        right: 14px;
27        top: 0;
28        bottom: 0;
29        height: 100%;
30        width: 4px;
31        cursor: col-resize;
32        button {
33            outline: 0;
34            &:focus,
35            &:active,
36            &:hover {
37                outline: 0 !important;
38            }
39            cursor: col-resize;
40            width:100%;
41            height:100%;
42            text-align: left;
43            border-radius: 0;
44            padding: 0px 7px 0px 4px;
45            i {
46                font-size: 12px;
47                width: 5px;
48            }
49        }
50    }
51    .transition-animate-width {
52        -moz-transition: width 0.5s ease;
53        -webkit-transition: width 0.5s ease;
54        -ms-transition: width 0.5s ease;
55        transition: width 0.5s ease;
56    }
57    div[class^="col-"],
58    div[class*=" col-"] {
59        &.nofloat {
60            float: none;
61        }
62    }
63    .button-sub-bar {
64        min-height: 32px;
65    }
66    &.fill-height,
67    .fill-height {
68        height: 100%
69    }
70    .dragPointer {
71        cursor: move;
72    }
73    .question-question-list {
74        .question-question-list-item {
75            padding: 0;
76            .question-question-list-item-drag {
77                margin: 10px 15px;
78            }
79            &.selected {
80                padding-left: 20px;
81                .question-question-list-item-drag {
82                    margin: 10px 10px 10px 5px;
83                }
84            }
85            .question-question-list-item-link {
86                padding: 10px 25px 10px 10px;
87                display: inline-flex;
88                flex-wrap: wrap;
89            }
90        }
91    }
92    .question_text_ellipsize {
93        display: inline-block;
94        text-overflow: ellipsis;
95        white-space: nowrap;
96        overflow: hidden;
97        padding-left: 2px;
98    }
99}
100
101.bigIcons {
102    font-size: 18px;
103    line-height: 21px;
104    height: 24px;
105}
106
107.quickmenuIcon {
108    font-size: "28px";
109}
110
111.ls-ba {
112    .list-group {
113        padding-right: 0;
114        >.list-group-item {
115            padding-right: 0;
116            .list-group {
117                margin-bottom: 0;
118                .list-group-item {
119                    //padding-left:15px;
120                    &:last-of-type {
121                        margin-bottom: 10px;
122                    }
123                }
124            }
125        }
126    }
127    .breadcrumb>li+li:before {
128        padding: 0 5px;
129        content: "\f061";
130        font: normal normal normal 18px/1 FontAwesome;
131    }
132}
133
134.fade-enter-active {
135    -moz-transition: all 0.8s ease;
136    -webkit-transition: all 0.8s ease;
137    -ms-transition: all 0.8s ease;
138    transition: all 0.8s ease;
139}
140.fade-leave-active {
141    -moz-transition: all 0.1s cubic-bezier(1.0, 0.5, 0.8, 1.0);
142    -webkit-transition: all 0.1s cubic-bezier(1.0, 0.5, 0.8, 1.0);
143    -ms-transition: all 0.1s cubic-bezier(1.0, 0.5, 0.8, 1.0);
144    transition: all 0.1s cubic-bezier(1.0, 0.5, 0.8, 1.0);
145}
146.fade-enter,
147.fade-leave-to {
148    -moz-transform: translateY(10px);
149    -webkit-transform: translateY(10px);
150    -ms-transform: translateY(10px);
151    transform: translateY(10px);
152    opacity: 0;
153}
154.slide-fade-enter-active {
155    -moz-transition: all 0.3s ease;
156    -webkit-transition: all 0.3s ease;
157    -ms-transition: all 0.3s ease;
158    transition: all 0.3s ease;
159}
160.slide-fade-leave-active {
161    -moz-transition: all 0.2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
162    -webkit-transition: all 0.2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
163    -ms-transition: all 0.2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
164    transition: all 0.2s cubic-bezier(1.0, 0.5, 0.8, 1.0);
165}
166.slide-fade-enter,
167.slide-fade-leave-to {
168    -moz-transform: rotateY(90);
169    -webkit-transform: rotateY(90);
170    -ms-transform: rotateY(90);
171    transform: rotateY(90);
172    -moz-transform-origin: left;
173    -webkit-transform-origin: left;
174    -ms-transform-origin: left;
175    transform-origin: left;
176    opacity: 0;
177}
178.slide-fade-down-enter-active {
179    -moz-transition: all 0.3s ease;
180    -webkit-transition: all 0.3s ease;
181    -ms-transition: all 0.3s ease;
182    transition: all 0.3s ease;
183}
184.slide-fade-down-leave-active {
185    -moz-transition: all 0.2s cubic-bezier(0, 1, 0.5, 1.0);
186    -webkit-transition: all 0.2s cubic-bezier(0, 1, 0.5, 1.0);
187    -ms-transition: all 0.2s cubic-bezier(0, 1, 0.5, 1.0);
188    transition: all 0.2s cubic-bezier(0, 1, 0.5, 1.0);
189}
190.slide-fade-down-enter,
191.slide-fade-down-leave-to {
192    -moz-transform: rotateY(45);
193    -webkit-transform: rotateY(45);
194    -ms-transform: rotateY(45);
195    transform: rotateY(45);
196    -moz-transform-origin: left;
197    -webkit-transform-origin: left;
198    -ms-transform-origin: left;
199    transform-origin: left;
200    opacity: 0;
201}
202
203#pjax-content {
204    .side-body {
205        min-height: 0;
206    }
207}
208
209.menubar {
210    position: relative;
211}
212
213.menubar.surveybar {
214    width: 100%;
215    margin: 8px auto;
216    z-index: 100;
217}
218
219#side-menu-container {
220    width: 20%;
221}
222
223.nooverflow {
224    overflow: hidden;
225}
226
227.overflow-enabled {
228    overflow: auto;
229}
230
231.side-body {
232    min-height: 400px;
233}
234
235footer.footer {
236    position: static;
237}
238
239ol.breadcrumb.title-bar-breadcrumb {
240    margin-bottom: 0px;
241    > :first-child {
242        a {
243            &.animate::after {
244                margin-left: 0px;
245            }
246        }
247    }
248    a {
249        text-decoration: none;
250        line-height: 24px;
251        font-size: 18px;
252        &.animate::after {
253            text-align: right;
254            content: '';
255            display: block;
256            width: 0;
257            height: 2px;
258        }
259        &.animate:hover::after {
260            width: 100%;
261        }
262        &.animate.home-icon:hover::after {
263            margin-left: 0;
264            width: 100% !important;
265        }
266    }
267    li {
268        line-height: 24px;
269        font-size: 18px;
270        &.active {
271            font-style: italic
272        }
273        >div {
274            display: inline-block;
275        }
276    }
277    .menu-label {
278        width: 100%;
279        display: block;
280        font-size: 85%;
281        font-style: normal;
282    }
283}
284
285.breadcrumb-title {
286    line-height: 24px;
287    font-size: 18px;
288    padding: 8px 15px;
289}
290
291#pjax-file-load-container {
292    height: 6px;
293    position: fixed;
294    top: 1px;
295    left: 0;
296    width: 100%;
297    width: 100vw;
298    >div {
299        display: none;
300        height: 8px;
301        border-radius: 1px;
302    }
303}
304
305#pjaxClickInhibitor {
306    position: fixed;
307    left: 0;
308    top: 0;
309    z-index: 9999999;
310    width: 100%;
311    width: 100vw;
312    height: 100%;
313    height: 100vh;
314    background: rgba(250, 250, 250, 0.4);
315    cursor: progress;
316}
317
318.makeDisabledInputsTransparent {
319    input:disabled {
320        color: transparent;
321    }
322}
323
324.btn-group {
325    .btn{
326        input[type=radio],
327        input[type=checkbox] {
328            outline: none;
329            margin:0;
330            padding: 0;
331            border: 0;
332            &:after{
333                display:none;
334            }
335            &:before{
336                display:none;
337            }
338        }
339    }
340}
341
342.blocker-loading {
343    display: block;
344    height: 96%;
345    width: 96%;
346    top:3%;
347    left:3%;
348    box-shadow: 0 0 3% rgba(255,255,255,0.3);
349    background-color: rgba(255,255,255,0.3);
350    z-index: 9997;
351    position: fixed;
352    justify-content: center;
353    align-items: center;
354
355    .blocker-loading-container {
356        display: flex;
357        justify-content: center;
358        align-items: center;
359        height: 100%;
360        width: 100%;
361
362        .loading-icon-fa {
363            display: flex;
364            z-index: 9999;
365            font-size: 13rem;
366        }
367    }
368}