Newer
Older
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012
1013
1014
1015
1016
1017
1018
1019
1020
1021
1022
1023
1024
1025
1026
1027
1028
1029
1030
1031
1032
1033
1034
1035
ul.tabs.vertical.left {
float: left;
margin-right: 19px;
}
ul.tabs.vertical li {
border:1px solid #ccc;
border:1px solid rgba(204, 204, 204, 0.5);
border-right: none;
min-width: 0;
display: block;
border-top-right-radius: 0;
border-bottom-left-radius: 5px;
right: 0;
height: auto;
}
ul.tabs.vertical li + li {
margin-top: 5px;
}
ul.tabs.vertical li.active {
border: 1px solid #aaa;
border-left: 2px solid #81a9d7;
border-right: none;
right: -1px;
box-shadow: -1px 4px 6px -3px rgba(0,0,0,0.3);
}
ul.tabs.vertical.left li {
text-align: right;
}
ul.tabs.vertical li a {
padding: 5px;
}
#response_options .reply_tab.tell {
color:#a00 !important;
background-image:url(../images/reminder.png);
background-position:12px 50%;
background-repeat:no-repeat;
}
#response_options > form {
padding:10px 5px;
background:#f9f9f9;
border:1px solid #aaa;
border-top:none;
}
#response_options > form > table {
table-layout: fixed;
#response_options > table td {
vertical-align:top;
}
#response_options textarea {
width:760px !important;
}
#response_options input[type=text], #response_options textarea:not(.richtext) {
1065
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081
1082
1083
1084
1085
1086
1087
1088
1089
1090
1091
1092
1093
1094
1095
1096
1097
1098
1099
border:1px solid #aaa;
background:#fff;
}
.attachments .uploads div {
display:inline-block;
padding-right:20px;
}
.file {
display:inline-block;
padding-left:20px;
margin-right:20px;
background:url(../images/icons/file.gif) 0 50% no-repeat;
}
.expander {
line-height:14px;
display:inline-block;
width:12px;
height:12px;
overflow:hidden;
text-align:center;
color:#aaa;
position:relative;
}
/** Popup Tool Tips and Content **/
.tip_box {
display:block;
height:30px;
position:absolute;
}
.tip_arrow {
display:block;
position:absolute;
top:5px;
.tip_box.right .tip_arrow {
top: 5px;
right: -12px;
left: auto;
}
.flip-x {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH";
}
.tip_content {
height:auto !important;
height:20px;
min-height:20px;
border:1px solid #666;
background:#fff;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
-moz-box-shadow: 3px 3px 3px #666;
-webkit-box-shadow: 3px 3px 3px #666;
box-shadow: 3px 3px 3px #666;
min-width:400px;
line-height: 1.15rem;
}
.tip_content .links {
margin-top: 0.7em;
padding-top: 0.4em;
border-top: 1px solid #ddd;
}
.tip_content .links a {
color: #548dd4;
}
.tip_content hr {
color: #ddd;
background-color: #ddd;
height: 1px;
border: 0;
padding: 0;
margin: 0.2em 0;
width: 100%;
}
.tip_close {
position:absolute;
top:0.3em;
right:0.5em;
1174
1175
1176
1177
1178
1179
1180
1181
1182
1183
1184
1185
1186
1187
1188
1189
1190
1191
1192
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212
1213
1214
1215
1216
1217
1218
1219
1220
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
}
.tip_shadow {
display:none;
background:#000;
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60);
-ms-filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius=3,MakeShadow=true,ShadowOpacity=0.60)";
zoom: 1;
position:absolute;
z-index:200;
top:0;
left:0;
width:auto !important;
width:310px;
}
.tip_menu {
margin:10px 0 0 0;
padding:5px 0;
border-top:1px solid #aaa;
height:16px;
font-size:9pt;
}
.tip_menu li {
display:inline;
list-style:none;
margin:0;
padding:0;
}
.tip_menu li a {
display:block;
width:auto;
float:left;
padding:0 10px;
border-right:1px solid #ddd;
color:#666;
}
.tip_menu li a:hover {
color:#E76C74;
}
.tip_content form {
display:none;
line-height:24px;
}
.tip_content select, .tip_content textarea {
width:295px;
}
.tip_content textarea {
padding:0;
border:1px solid #aaa;
background:#fff;
}
.tip_content form p {
margin:0;
width:auto !important;
width:295px;
text-align:right;
line-height:24px;
}
.tip_content h1 {
font-size: 13pt;
margin-top: 0;
margin-bottom: 0.5em;
padding-bottom: 0.2em;
border-bottom: 1px solid #ddd;
}
i.help-tip {
}
i.help-tip:hover {
opacity: 0.2;
}
caption:hover > i.help-tip {
color: orange;
color: #ffc20f;
opacity: 1;
}
h2 > i.help-tip {
vertical-align: baseline;
font-size: 11pt;
}
.form_table th h4 i.help-tip {
color: white;
}
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
1301
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
/* Knowledgebase */
/* Knowledgebase */
#kb {
margin: 2px 0;
padding: 5px;
overflow: hidden;
}
#kb li {
padding:10px 10px 10px 46px;
height:auto !important;
overflow:hidden;
margin:0;
background-image:url(../images/kb_large_folder.png), url(../images/kb_category_bg.png);
background-position:0 50%, bottom left;
background-repeat:no-repeat, repeat-x;
border-bottom:1px solid #ddd;
}
#kb li h4 {
padding-bottom:3px;
margin:0 0 3px 0;
}
#kb li h4 span {
color:#666;
font-weight:normal;
}
#kb li h4 a {
font-size: 14px;
}
#kbSearch {
padding:10px 0;
overflow:hidden;
}
#kbSearch div {
clear:both;
overflow:hidden;
1326
1327
1328
1329
1330
1331
1332
1333
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344
1345
1346
1347
1348
1349
1350
1351
1352
1353
1354
1355
1356
1357
1358
display:inline-block;
float:left;
width:200px;
}
#kbSearch #cid {
margin:0;
display:inline-block;
float:left;
width:200px;
margin-right:5px;
position:relative;
top:2px;
}
#kbSearch #topic-id {
margin:0;
display:inline-block;
float:left;
width:410px;
}
#kbSearch #searchSubmit {
margin:0;
display:inline-block;
float:left;
position:relative;
top:2px;
}
#faq {
clear: both;
margin: 0;
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369
1370
1371
1372
1373
1374
1375
1376
1377
1378
1379
1380
1381
1382
1383
1384
1385
1386
1387
1388
1389
1390
1391
1392
1393
1394
1395
1396
1397
1398
1399
1400
1401
1402
1403
1404
1405
1406
1407
1408
1409
1410
1411
1412
1413
}
#faq ol {
font-size: 15px;
margin-left: 0;
padding-left: 0;
}
#faq ol li {
list-style: none;
margin: 0;
padding:5px 0;
color: #999;
border-bottom:1px solid #ddd;
}
#faq ol li a {
display: inline;
height: 16px;
font-size:13px;
line-height: 16px;
padding-left: 24px;
background: url('../images/icons/page.png') 0 50% no-repeat;
}
#faq ol li a span {
font-weight:normal;
color:#777;
}
#faq ol li:hover {
background-color:#e9f5ff;
}
time {
display:inline-block;
float:right;
color:#777;
}
.cat-desc {
padding-top:5px;
padding-bottom:25px;
}
.cat-manage-bar {
background:#e3f5ff;
padding:5px;
border-bottom:1px solid #777;
}
.cat-manage-bar a {
display:inline-block;
margin-right:20px;
}
Peter Rotich
committed
/* dialog */
.dialog, .dialog * {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
Peter Rotich
committed
.dialog {
width:500px;
height:250px;
height:auto !important;
background:#f8f8f8;
border:2px solid #2a67ac;
box-shadow: 0 5px 60px #001;
border-radius: 5px;
.dialog#popup {
width:650px;
}
.dialog.size-normal {
width:650px !important;
}
.dialog.size-large {
width:750px !important;
}
position:absolute;
text-align:center;
background:rgba(255,255,255,0.8);
top:0;
bottom:0;
left:0;
right:0;
.dialog#advanced-search {
width:640px !important;
height:360px;
}
Peter Rotich
committed
.dialog hr {
height: 1px;
border: 0;
background: #aaa;
background: -moz-linear-gradient(left, rgba(170,170,170,0) 0%, rgba(170,170,170,1) 10%, rgba(170,170,170,1) 90%, rgba(170,170,170,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(170,170,170,0)), color-stop(10%,rgba(170,170,170,1)), color-stop(90%,rgba(170,170,170,1)), color-stop(100%,rgba(170,170,170,0))); /* Chrome,Safari4+ */
background: -o-linear-gradient(left, rgba(170,170,170,0) 0%,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(170,170,170,0) 0%,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(170,170,170,0) 0%,rgba(170,170,170,1) 10%,rgba(170,170,170,1) 90%,rgba(170,170,170,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aaaaaa', endColorstr='#00aaaaaa',GradientType=1 ); /* IE6-9 */
}
Peter Rotich
committed
.dialog h3 {
color:#2a67ac;
font-size:20px;
margin:0;
padding:0;
.dialog a {
color:#184E81;
}
Peter Rotich
committed
.dialog a.close {
right: 1em;
top: 1em;
Peter Rotich
committed
.dialog form {
clear:both;
width:100%;
}
#advanced-search div.closed_by, #advanced-search span.spinner {
display:none;
}
Peter Rotich
committed
.dialog fieldset {
.custom-field .field-label {
margin-left: 3px;
margin-right: 3px;
}
.custom-field + .custom-field {
margin-top: 5px;
}
.dialog label.fixed-size {
width:100px;
display:inline-block;
text-align:right;
padding:10px;
}
Peter Rotich
committed
.dialog fieldset input {
width:50px;
display:inline-block;
text-align:center;
color:#777;
font-size:0.75em;
}
.dialog ul.tabs, .dialog ul.tabs * {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.dialog.draggable h3:hover {
.row {
display: table-row;
.row .span6 {
display: table-cell;
width: 48%;
padding: 5px 10px;
vertical-align: top;
width:100%;
padding: 4px;
margin-bottom: 10px;
#advanced-search .date_range {
margin-bottom: 5px;
}
width:227px;
width: calc(49% - 73px);
}
#advanced-search .date_range i {
display:inline-block;
margin-left:3px;
position:relative;
top:5px;
width:16px;
height:16px;
background:url(../images/cal.png) bottom left no-repeat;
}
#advanced-search fieldset.sorting select {
width:130px;
}
#advanced-search p {
text-align:center;
}
.search-dropdown {
padding-left: 19px;
}
Peter Rotich
committed
.dialog input[type="submit"],
.dialog input[type="reset"],
.dialog input[type="button"],
.dialog button.button {
display:inline-block;
margin:0;
height:24px;
line-height:24px;
font-weight:bold;
border:1px solid #666666;
padding:0 10px;
background: url('../images/grey_btn_bg.png?1312910883') top left repeat-x;
color: #333;
}
Peter Rotich
committed
.dialog input[type="reset"],
.dialog input[type="button"] {
Peter Rotich
committed
.dialog input[type=submit]:hover, .dialog input[type=submit]:active,
.dialog input[type=button]:hover, .dialog input[type=button]:active,
Peter Rotich
committed
.dialog input[type=reset]:hover, .dialog input[type=reset]:active {
/* Dynamic forms in dialogs */
.dialog th, .tip_box th {
text-align: left;
}
.dialog th {
background-color: #eee;
#result-count div {
padding:5px 10px;
text-align:left;
font-weight:bold;
width:100%;
margin:0 auto;
}
#result-count .success {
background:#e3ffd8;
border:1px solid #0a0;
}
#result-count .fail {
background:#ffd8d8;
border:1px solid #a00;
}
/* Custom css for datepicker */
.ui-datepicker-trigger {
display:inline-block;
border:0;
padding:0;
margin-left:2px;
position:relative;
top:5px;
width:16px;
height:16px;
background:inherit;
}
/* Upgrader */
#upgrader { width: 100%; height: auto; clear: both;}
.sidebar { width: 220px; padding: 10px; border: 1px solid #C8DDFA; float: right; background: #F7FBFE; }
.sidebar h3 { font-size: 10pt; margin: 0 0 5px 0; padding: 0; text-indent: 32px; background: url('../images/cog.png?1312913866') top left no-repeat; line-height: 24px; color: #2a67ac; }
1678
1679
1680
1681
1682
1683
1684
1685
1686
1687
1688
1689
1690
1691
1692
1693
1694
1695
1696
1697
1698
1699
1700
1701
#upgrader #main { width: 680px; float: left;}
#upgrader #main h1 { margin: 0; padding: 0; font-size: 21pt; font-weight: normal; }
#upgrader #main h2 { font-size: 12pt; margin: 0; padding: 0; color:#E65524; }
#upgrader #main h3 { font-size: 10pt; margin: 0; padding: 0; }
#upgrader #main div#intro { padding-bottom: 5px; margin-bottom:10px; border-bottom: 1px solid #aaaaaa; }
#upgrader #main { padding-bottom: 20px; }
ul.progress { margin: 10px 0 20px 20px; padding: 0; }
ul.progress li { list-style: none; margin: 0; padding: 0 0 2px 24px; background: url('../images/incomplete.png?1312910844'); background-repeat: no-repeat; background-position: 0 50%; }
ul.progress li.yes { background-image: url('../images/yes.png?1312906296'); }
ul.progress li.no { background-image: url('../images/no.png?1312906277'); }
ul.progress li.yes small {color:green; }
ul.progress li.no small {color:red;}
#bar { clear: both; padding-top: 10px; height: 24px; line-height: 24px; text-align: center; border-top: 1px solid #aaaaaa; }
#bar a, #bar .btn { display: inline-block; margin: 0; height: 24px; line-height: 24px; font-weight: bold; border: 1px solid #666666; text-decoration: none; padding: 0 10px; background: url('../images/grey_btn_bg.png?1312910883') top left repeat-x; color: #333; }
#bar a:hover, #bar .btn:hover, #bar .btnover { background-position: bottom left; }
#bar a.unstyled, #bar a.unstyled:hover { font-weight: normal; background: none; border: none; text-decoration: underline; color: #2a67ac; }
#bar.error { background: #ffd; text-align: center; color: #a00; font-weight: bold; }
/* Overlay */
#overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
border:3px solid #777;
border-radius: 10px;
padding: 10px;
background: #555 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAWUlEQVQYGY2PAQoAIAgDrQf6pf7kC2vCRlRUgrjqXFrMrI3McHdKiwhpiMrTDRL4ghL8geQIsc6EOwbMcsYXhIYyUlvTgXUeS1vzkXWG8OMRXCE0b+AJAtgB7jEc+2fs6e8AAAAASUVORK5CYII=) repeat;
position: fixed;
display: none;
z-index: 3000;
box-shadow: 0 5px 20px #001;
vertical-align: middle;
#loading h1, #upgrading h4 { margin: 3px 0 0 0; padding: 0; color: #d80; }
#loading, #upgrading { color: white; }
.non-local-image {
display: inline-block;
border: 3px dashed #eee;
border-radius: 5px;
}
.non-local-image:after {
background: url(../../logo.php) center center no-repeat;
background-size: cover;
content: "";
z-index: -1;
width: 100%;
height: 100%;
opacity: 0.3;
input[type=text]:disabled, input[type=checkbox]:disabled {
background-color: #eee;
}
.icon-warning-sign {
color: #d33;
}
div.patch {
border-bottom: 1px dotted #ccc;
padding: 0.1em;
margin-left: 1em;
}
.patch-title {
color: #555;
}
border: 1px solid #ddd;
border: 1px solid rgba(0,0,0,0.1);
border-top-style: dotted;
border-bottom-style: none;
padding: 0.3em 10px 5px;
height: 2.5em;
overflow-y: hidden;
font-size: 15px;
line-height: 1.25rem;
}
div.selected-signature .inner {
opacity: 0.5;
.action-button.danger:hover {
opacity: 1.0;
border-color: rgba(95,75,0,0.8) !important;
background: #fc9f41; /* Old browsers */
color: rgba(255,255,255,0.8) !important;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjOWY0MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjZTgxMTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #fc9f41 0%, #ce8114 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc9f41), color-stop(100%,#ce8114)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fc9f41 0%,#ce8114 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fc9f41 0%,#ce8114 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fc9f41 0%,#ce8114 100%); /* IE10+ */
background: linear-gradient(to bottom, #fc9f41 0%,#ce8114 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc9f41', endColorstr='#ce8114',GradientType=0 ); /* IE6-8 */
}
.action-button.danger {
color: #999 !important;
background: transparent;
border: 1px solid rgba(0,0,0,0.5);
opacity: 0.6;
}
.action-button.overlay {
float: none;
position: absolute;
top: 4px;
right: 5px;
}
.sortable-rows tr td:hover {
cursor: move;
}
.sortable {
cursor: move;
}
.row-item {
border: 1px solid rgba(0, 0, 0, 0.7);
padding: 9px;
position: relative;
}
background: rgba(0, 0, 0, 0.1);
}
background: rgba(0, 0, 0, 0.3);
}
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
margin-top: -1px;
}
border-left: 1px solid rgba(0, 0, 0, 0.7);
border-top-right-radius: inherit;
border-bottom-right-radius: inherit;
.row-item .delete:empty {
visibility: hidden;
}
.row-item .button-group {
font-size: 105%;
position: absolute;
top: 0px;
right: 0;
display: inline-block;
}
.row-item .button-group div {
padding: 9px;
padding-left: 12px;
display: inline-block;
}
.row-item .management {
margin-top: 10px;
border-top: 1px dashed black;
background: #fc9f41; /* Old browsers */
color: rgba(255,255,255,0.8) !important;
}
#sequences .manage-buttons {
display: inline-block;
margin-right: 60px;
}
tr.disabled td,
tr.disabled th {
opacity: 0.6;
background: #f5f5f5;
}
1885
1886
1887
1888
1889
1890
1891
1892
1893
1894
1895
1896
1897
1898
1899
1900
1901
1902
1903
1904
1905
1906
1907
.quicknote {
margin: 10px 0;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 4px;
}
.quicknote .header {
position: relative;
display: block;
padding: 10px;
border-bottom: 1px dashed rgba(0,0,0,0.2);
}
.quicknote .header .header-left {
display: inline-block;
}
.quicknote .header .header-right {
display: inline-block;
text-align: right;
right: 1em;
position: absolute;
}
.quicknote .header .options {
display: inline-block;
padding-left: 10px;
margin-left: 5px;
white-space: nowrap;
border-left: 1px solid rgba(0,0,0,0.2);
}
.quicknote .body {
padding: 10px;
}
.quicknote a.action,
.floating-options a.action {
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
display: inline-block;
width: 15px;
text-align: center;
padding: 2px 2px;
color: black !important;
background-color: #eee;
background-color: rgba(0, 0, 0, 0.05);
border-width: 1px;
border-style: solid;
border-color: #ddd;
border-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
.quicknote a.action:hover,
.floating-options a.action:hover {
text-decoration: none;
border-color: #ff9100;
background-color: rgba(255, 145, 0, 0.05);
border-radius: 3px;
}
.quicknote a.action.save-note,
.floating-options a.action.save-note {
background-color: #bbeebb;
}
#new-note {
margin-top: 10px;
}
.label {
font-size: 11px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-weight: bold;
line-height: 14px;
color: #ffffff;
vertical-align: baseline;
white-space: nowrap;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #999999;
}
.label-bare {
background-color: transparent;
background-color: rgba(0,0,0,0);
border: 1px solid #999999;
color: #999999;
text-shadow: none;
}
.label-info {
background-color: #3a87ad;
}
.label-verified {
border:1px solid green;
background-color:transparent;
background-color:rgba(0,0,0,0);
color:green;
text-shadow:none;
}
.label-danger {
border:1px solid red;
background-color:transparent;
background-color:rgba(0,0,0,0);
color:red;
text-shadow:none;
}
.tab_content {
position: relative;
.left-tabs {
margin-left: 48px;
}
.floating-options {
display: inline-block;
position: absolute;
right: 0;