1/* =JQuery-UI
2----------------------------------------------- */
3
4.ui-dialog,.ui-widget.ui-widget-content {
5    padding:0;
6    background: @ini_text_alt;
7    color: @ini_background;
8    border-radius: 20px;
9    border-color: @ini_theme_color;
10    border-width: 3px;
11    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
12
13    .ui-dialog-titlebar {
14        border-radius: 20px;
15        border-bottom-left-radius: 0px;
16        border-bottom-right-radius: 0px;
17        background: transparent;
18        color: @ini_background;
19        padding: 16px 32px;
20        border: none;
21
22        .ui-dialog-titlebar-close{
23            position:relative;
24            float: right;
25            margin: 0px;
26            margin-right: -16px;
27            width: 32px;
28            height: 32px;
29            background-image: none;
30            font-size: 0px;
31            background-color: transparent;
32            border: none;
33            text-align: center;
34            vertical-align: middle;
35            padding: 4px;
36            text-indent: unset;
37            border-radius: 8px;
38
39            .ui-button-icon,.ui-button-icon-space {
40                display: none;
41            }
42        }
43        .ui-dialog-titlebar-close::before{
44            content: "\F62A";
45            font-family: "bootstrap-icons";
46            color: @ini_background;
47            font-size: 24px;
48            line-height: 24px;
49            text-indent: unset;
50        }
51        .ui-dialog-titlebar-close:hover{
52            background-color: @ini_theme_color;
53        }
54    }
55    .ui-dialog-content{
56        background-color: transparent;
57        color: @ini_background;
58        height: auto !important;
59
60        form {
61            label {
62                color: @ini_background;
63
64                input {
65                    margin-top: 8px;
66                    color: @ini_background;
67                }
68                input:focus {
69                    border-color: @ini_theme_color;
70                }
71            }
72        }
73    }
74    .ui-dialog-buttonpane {
75        border-radius: 20px;
76        border-bottom-left-radius: 0px;
77        border-bottom-right-radius: 0px;
78        background: transparent;
79        color: @ini_background;
80        padding: 16px 32px;
81        border: none;
82
83        .ui-button{
84            word-wrap: break-word;
85            margin-left: 8px;
86            padding: 10px 20px;
87            border: none;
88            background: @ini_theme_color;
89            color: @ini_background;
90            font-size: 14px;
91            line-height: 1.5;
92            font-weight: bold;
93            text-transform: uppercase;
94            cursor: pointer;
95            box-sizing: border-box;
96            border-radius: 20px;
97            vertical-align: middle;
98        }
99        .ui-button:hover{
100            background: @ini_theme_color_alt;
101        }
102    }
103}
104.ui-widget-overlay {
105    line-height: 1.5;
106    color: @ini_background;
107    word-wrap: break-word;
108    box-sizing: border-box;
109    border: 0;
110    font-family: inherit;
111    font-size: 100%;
112    font-style: inherit;
113    font-weight: inherit;
114    margin: 0;
115    outline: 0;
116    padding: 0;
117    vertical-align: baseline;
118    position: fixed;
119    top: 0;
120    left: 0;
121    width: 100%;
122    height: 100%;
123    background: @ini_text_alt;
124    opacity: .3;
125    z-index: 100;
126}
127