Newer
Older
#response_options textarea {
width:760px !important;
}
#response_options input[type=text], #response_options textarea:not(.richtext) {
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
1036
1037
1038
1039
1040
1041
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;
1116
1117
1118
1119
1120
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131
1132
1133
1134
1135
1136
1137
1138
1139
1140
1141
1142
1143
1144
1145
1146
1147
1148
1149
1150
1151
1152
1153
1154
1155
1156
1157
1158
1159
1160
1161
1162
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179
1180
1181
1182
}
.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;
}
1221
1222
1223
1224
1225
1226
1227
1228
1229
1230
1231
1232
1233
1234
1235
1236
1237
1238
1239
1240
1241
1242
1243
1244
1245
1246
1247
1248
1249
1250
1251
1252
1253
1254
1255
1256
1257
1258
1259
1260
1261
1262
/* 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;
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278
1279
1280
1281
1282
1283
1284
1285
1286
1287
1288
1289
1290
1291
1292
1293
1294
1295
1296
1297
1298
1299
1300
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;
1302
1303
1304
1305
1306
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318
1319
1320
1321
1322
1323
1324
1325
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
}
#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;
z-index:1;
}
.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 {
.dialog .custom-field .field-label {
margin-left: 3px;
margin-right: 3px;
}
.dialog .custom-field + .custom-field {
margin-top: 8px;
}
.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; }
1620
1621
1622
1623
1624
1625
1626
1627
1628
1629
1630
1631
1632
1633
1634
1635
1636
1637
1638
1639
1640
1641
1642
1643
#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;
}
1827
1828
1829
1830
1831
1832
1833
1834
1835
1836
1837
1838
1839
1840
1841
1842
1843
1844
1845
1846
1847
1848
1849
.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;
}
1887
1888
1889
1890
1891
1892
1893
1894
1895
1896
1897
1898
1899
1900
1901
1902
1903
1904
1905
1906
1907
#new-note {
margin-top: 10px;
}
.label {
font-size: 11px;
padding: 1px 4px 2px;
-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-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;
padding-right: 5px;
}
i.note-type {
color: #2a67ac;
opacity: 0.8;
border-right: 1px solid rgba(0, 0, 0, 0.2);
padding-right: 8px;
}
table.custom-info th {
background: transparent;
border: none;
padding-top: 10px;
border-bottom: 1px dotted rgba(0,0,0,0.9);
}
table.custom-info tr {
vertical-align: top;
}
table.custom-info td {
border-bottom: 1px dotted rgba(0,0,0,0.3);
}
1958
1959
1960
1961
1962
1963
1964
1965
1966
1967
1968
1969
1970
1971
1972
1973
1974
1975
1976
1977
1978
1979
1980
1981
1982
.faq-title {
font-size: 170%;
font-weight: 400;
padding-right: 200px;
}
.faq-content {
width: 670px;
margin: 0 15px;
}
.faq-meta section + section {
margin-top: 15px;
}
button a {
color: ButtonText !important;
text-decoration: none;
}
button a:hover {
text-decoration: none;
}
.bleed {
padding: 0;
margin: 0;
}
.doc-desc-title {
font-weight: bold;
text-transform: capitalize;
}
.form_table tr:hover i.help-tip,
.form_table tr i.help-tip.warning {
opacity: 1;
color: #ffc20f;
}
.form_table tr i.help-tip {
opacity: 0.2;