<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.bcc-all { -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; }
.bcc-top { -webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:7px;border-top-right-radius:7px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; }
.bcc-bot { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:7px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:7px;border-bottom-left-radius:7px; }
.bcc-lef { -webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:7px;border-top-left-radius:7px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:7px; }

/* rizalfarok.sidrablue */
#ov {display:none;position:fixed;left:40px;bottom:40px;z-index:29999;width:134px;height:auto;padding:14px;color:#fff;background:#09c;border:1px solid #016789;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0.9;-ms-filter:'alpha(opacity=90)';filter:alpha(opacity=90);}

.emspace {font:10px/10px arial;height:10px;overflow:hidden;} .floatc {clear:both;} .floatl {float:left;} .floatr {float:right;} .nodisp{display:none;} .pl{position:absolute;top:0;left:0;height:1px;overflow:hidden;display:none;} .nomp{margin:0;padding:0;}

.emspace.h1 {height:1px;} .emspace.h5 {height:5px;} .emspace.h20 {height:20px;} .emspace.h30 {height:30px;} .emspace.h40 {height:40px;} .emspace.h50 {height:50px;} .emspace.h60 {height:60px;} .emspace.h70 {height:70px;} .emspace.h80 {height:80px;} .emspace.h90 {height:90px;}

.center { text-align: center; } .tright { text-align: right; } .ll { width: 48%; float: left; } .rr { width: 48%; float: right; }
.colwrp { width: 100%: overflow: hidden; } .coltre, .colfor, .colfiv { float: left; } .coltre { width: 33%; } .coltre.mid { width: 34%; } .coltre.dbl { width: 66%; } .colfor { width: 25%; } .colfor.dbl { width: 50%; } .colfiv { width: 20%; }

.mob { display: none; }
img.resp { max-width: 100%; height: auto; } @media \0screen { img.resp { width: auto; /* for ie 8 */ } }



/* forms */
.fom { width: 100%; margin: 0; padding: 0; } .fom form { margin: 0; padding: 0; overflow: hidden; }
.fom input, .fom select, .fom textarea { width: 470px; padding: 0; padding: 10px; color: #000; background: #fff; }
.fom input, .fom select, .fom textarea, .btn { border: 1px solid #ccc; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
.fom textarea { width: 470px; height: 194px; }
.fom select { width: auto; color: #777; background: #fcfcfc; padding: 8px 10px; }
.fom { font-weight: normal; line-height: 1.55em; margin: 12px 0;}
.fom select[multiple="multiple"] { height: 140px; }
.fom label { padding: 0; display: block; }
.fom label.emp { cursor: default; }
.fom input, .fom select, .radiof { text-align: left; }
.fom input.disabled { border: 1px solid #aaa; background: #ccc; }
.fom label, .fom input, .fom select, .fom textarea, .fom form, .fom .btn, .fwrp.fer .fermsg { margin: 5px 0; }

.fom *.auto { width: auto; }
.fom *.mrr, .btn.mrr { margin-right: 10px; }
.fom *.mll, .btn.mll { margin-left: 10px; }

label.plain { width: auto; margin: 0; padding: 0; float: none; }

.fom .radiof { width: auto; padding-top: 6px; overflow: hidden; }
.fom .radiof .emspace { height: 1px; clear: both; overflow: hidden; }
.fom .radiof input, .fwrp.split .radiof input, .survey_question_number .fwrp .radiof input { width: 16px; height: 13px; margin: 3px 10px 0 0; padding: 0; float: left; background: none; border: none; vertical-align: middle; overflow: hidden; }
.fom .radiof label, .survey_question_number .fwrp .radiof label { width: auto; margin: 0; padding: 1px 0 0 0; text-align: left; /*float: left;*/ line-height: 16px; }
.fom .radiof label.mr { margin-right: 10px; }

.fwrp, .fwrp.fgrp { /*padding: 10px 20px 14px 20px;*/ overflow: hidden; margin: 0 0 10px 0; }
.fwrp.fgrp { clear: both; }
.fwrp .emspace { clear: both; }
.fwrp.nobg { background: none; border: 0; }
.fwrp.fgrp .fwrp { padding: 0; border: 0; }
.fwrp.split { /*margin-right: 10px; display: inline-block;*/

	width: 31%;
	float: left;
	margin: 0 10px 0 0;
}
.fwrp.split input { width: 85%; }

.fwrp .fhead, .fwrp.fhed { font-weight: bold; font-size: 1.2em; padding: 10px 0 5px 5px; }
.fwrp .fnotes, .fwrp .fermsg { clear: both; padding-top: 2px; font-weight: bold; }
.fwrp .fnotes { color: #888; font-weight: normal; }
.fwrp .fermsg { display: none; color: #c00; }

.fwrp .mr { margin-right: 5px; }
.fwrp *.num2 { width: 15px; }
.fwrp *.num4 { width: 30px; }
.fwrp *.num5 { width: 45px; }
.fwrp *.num6 { width: 60px; }
.fwrp *.date, .fwrp.split input.date { width: 100px; }
.fwrp *.half { width: 137px; }

.fwrp span { float: left; line-height: 30px; padding: 0 5px; }
.fwrp span.fwide { margin: 0 20px; }
.fwrp label span.finote { float: none; display: block; padding: 0 0 5px 0; line-height: 14px; font-size: 12px; color: #888; }
.fwrp p span { float: none; line-height: inherit; padding: 0; }

.fwrp.fer input, .fwrp.fer textarea { background: #fee5e5; border-color: #d4222f; color: #d4222f; }
.fwrp.fer label { color: #c00; }
.fwrp.fer .fermsg { display: block; }
.fwrp.fer .g-recaptcha { display: inline-block; border: 1px solid #d4222f; }

.fwrp.noclear, .fwrp.fgrp.noclear, .fwrp.fgrp.haschosen, .fwrp.haschosen { overflow: visible; height: auto; } /* specifically used for Chosen plugin */

input.fon, textarea.fon, .fom input:focus, .fom select:focus, .fom textarea:focus { background-color: #fff; border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
input.fer, textarea.fer { background: #ffcbcb; border-color: #d4222f; }
.fom input[type="radio"]:focus, .fom input[type="checkbox"]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

input.btn, a.btn, button.btn { margin: 0; padding: 0 40px; cursor: pointer; text-align: center; width: auto; height: 43px; line-height: 43px; color: #fff; background-color: #1e9fbf; border: 0;

	text-transform: uppercase;
}
a.btn { display: inline-block; }
input.btn:hover, a.btn:hover, input.btn:focus, a.btn:focus { background-color: #f8a61d; color: #fff; }

input.btn.loading, a.btn.loading, button.loading, input[type="button"].loading, .ui-button.loading, .fom *.btn:focus, input[type="button"].ui-state-focus.loading { color: #e1e1e1; border-color: #e1e1e1; text-shadow: none; cursor: default;

	overflow: hidden;
}
a.btn.loading { height: 25px; }

/* small button for X */
input.btn.bsm { padding: 0 10px; margin-right: 0; }



.fwrp .ui-datepicker-trigger { position: relative; top: 12px; margin:0;padding:0;background:none;border:0; }
#Offline *.btn.whitetext { color: #fff; }
.btn.whitetext:hover { color: #fff !important; }





#sortable.usergroups, #file_sortable.usergroups { margin: 0; padding: 0; }
#sortable.usergroups li, #file_sortable.usergroups li { margin: 0 14px 14px 0; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);

	padding: 0;
	border: 1px solid #fff;
	float: left;
	text-align: center;
}
#sortable.usergroups li .con, #file_sortable.usergroups li .con { width: 150px; height: 150px; overflow: hidden; text-align: center; background: center no-repeat; }
#file_sortable.usergroups li .con {
	height: 42px;
}
#sortable.usergroups li .des, #file_sortable.usergroups li .des { padding: 5px; text-align: center; color: #000; }
#sortable.usergroups li .btn, #file_sortable.usergroups li .btn { margin: 3px auto; display: block; }
#sortable.usergroups li.ui-state-default, #file_sortable.usergroups li.ui-state-default { background: none; background-color: #fff; }
#sortable.usergroups li a, #file_sortable.usergroups li a { margin: 0; padding: 0; display: block; }

#sortable.usergroups.ui-sortable li, #file_sortable.usergroups.ui-sortable li { border-color: #ccc; }
#sortable.usergroups.ui-sortable li:hover, #file_sortable.usergroups.ui-sortable li:hover { border-color: #333; }
#sortable.usergroups.ui-sortable li:hover .des, #file_sortable.usergroups.ui-sortable li:hover .des { background-color: #eee; }





/* tabs */
.tbltab { float: left; padding-left: 10px; }
.tbltab.emp { width: 20px; padding: 0; background: none; border: 0; }
.tbltab a { position: relative; z-index: 1; width: auto; height: 32px; margin: 0 3px 0 1px; padding: 0 10px; float: left; display: block; font: bold 11px/34px arial; text-transform: uppercase; color: #777; background: #eee; border: 1px solid #ddd;
}
.tbltab a.active, .tbltab a.active:hover { color: #5c7999; background: #fff; border-bottom-color: #fff; }
.tbltab a:hover { color: #fff; background: #5c7999; text-decoration: none; }
.tblspc {font:10px/10px arial;height:10px;overflow:hidden;clear:both;height:1px;}
.tblwrp { position: relative; top: -2px; left: 1px; z-index: 0; clear: both; padding: 14px 0; background: #fff; border-top: 1px solid #ddd; }
.tblwrp .tblcon { display: none; min-height: 420px; height: auto !important; height: 420px; }
.tblwrp .tblcon.active { display: block; }






/* media files drop */
#drop { height: 100px; line-height: 100px; font-weight: bold; text-align: center; color: #777; background: #f7f7f7; border: 1px dashed #ccc; cursor: default; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
#drop:hover { color: #000; background: #fcfcfc; border-color: #000; }
#drop.inprogress { color: #8cc63e; background: #f3f9ea; border-color: #8cc63e; }






/* paging */
.paging { clear: both; margin: 30px 0 10px 0; overflow: hidden; font-variant: small-caps; font-size: 12px; line-height: 21px; }
.paging .ll { width: 70%; float: left; overflow: hidden; }
.paging .rr { width: 28%; float: right; text-align: right; line-height: 23px; }
.paging span, .paging a { height: 21px; padding: 2px 7px; float: left; overflow: hidden; display: block; color: #2283c5; background: #fafafa; border: solid #fff; border-width: 1px 0 1px 1px; }
.paging span.fst { padding-left: 0; color: #333; background: #fff; border-color: #fff; }
.paging span.lst, .paging a.lst { border-width: 1px; }
.paging span { color: #aaa; background: #ddd; }
.paging span.pgnum { color: #fff; background: #5f2b4d; font-weight: bold; }
.paging a { text-decoration: none; cursor: pointer; background: #efefef; }
.paging a:hover { color: #fff; background: #dfd5db; }






#drop, #drops {
	font-weight: bold;
	text-align: center;
	padding: 1em 0;
	margin: 1em 0;
	color: #555;
	border: 2px dashed #555;
	border-radius: 7px;
	cursor: default;
	height: 100px;
}

#drop.hover, #drops.hover {
	color: #f00;
	border-color: #f00;
	border-style: solid;
	box-shadow: inset 0 3px 4px #888;
}

.fwrp label span.finote.toolie{
	display: inline-block;
	padding: 2px 7px;
	font-weight: bold;
	cursor: help;
	color: #fff;
	background: #707070;
	border-radius: 50%;
	border-radius: 50% !important;
}
.sidepanel.left div.fwrp div.radiof.notpad {
	padding-top: 0;
}
.sidepanel.left div.fwrp.nobmar {
	margin-bottom: 0;
}

.fmatrix {

}
.fom .fmatrix input, .fom .fmatrix select, .fom .fmatrix textarea {
	box-sizing: border-box;
	width: 90%;
	padding: 5px;
	margin: 3px 0 3px 3px;
}

.fmatrix tr, .fmatrix th, .fmatrix td { vertical-align: middle; }
.fmatrix th, .fmatrix td { padding: 5px 7px; border: 1px solid #fff; }
.fmatrix input[type="checkbox"], .fmatrix input[type="radio"] { width: 16px; height: 16px; margin: 0; padding: 0; float: none; background: none; border: none; vertical-align: middle; overflow: hidden; }
.fmatrix .even { background: #ddd }
.fmatrix .odd { background: #fff; }






.form_processing { position: relative; }
.form_processing .form_loader { display: none; }
.form_processing button { position: absolute; top: -48px; left: 5px; width: 130px; height: 43px; padding: 0 40px; background: url(../img/fancybox_loading.gif) center no-repeat; }






/* surveys */
.survey_question_number { position: relative; }
.survey_qn { position: absolute; top: 0; left: 0; width: 50px; padding: 4px 5px 0 5px !important; overflow: hidden; border-radius: 50%; border-radius: 50% !important; }
.survey_qn span { display: block; text-align: center; font-weight: bold !important; line-height: 100% !important; }
.survey_qn span.sqtop { font-size: 60% !important; }
.survey_qn span.sqbot { font-size: 200% !important; }
.survey_question_number .fwrp label { width: auto; margin-left: 70px !important; padding: 27px 0 4px 0; font-weight: bold !important; }
.fom .lote_form_page_fields .survey_question_number .fwrp label { /*padding-top: 10px !important;*/ }
.fom .lote_form_page_fields .survey_question_number .fwrp.noclear label { padding-top: 16px !important; }
.fom .lote_form_page_fields .survey_question_number .fwrp input { margin-top: 10px !important; }
.fom .lote_form_page_fields .survey_question_number .fwrp .radiof label { padding-top: 1px; }
.fom .lote_form_page_fields .survey_question_number .fwrp .radiof { margin-left: 0 !important; }
.fom .lote_form_page_fields .survey_question_number .fwrp .radiof input { margin: 0 2px 0 0 !important; }
.fom .lote_form_page_fields .survey_question_number .fwrp .radiof label { font-weight: normal !important; margin: 0 !important; padding: 0 0 0 0 !important; }

.publication-item .fom .lote_form_page_fields .survey_question_number .fwrp label { padding-top: 16px !important; margin-bottom: 10px; }
.publication-item .fom .lote_form_page_fields .survey_question_number .fwrp input { margin-top: 0 !important; }
.publication-item .fom .lote_form_page_fields .survey_question_number .fwrp .radiof label { padding-top: 0 !important; }
.publication-item .fom .lote_form_page_fields .survey_question_number .fwrp .radiof input { margin-top: 0 !important; }

.survey_question_number .fwrp label:first-child { height: 50px; overflow: hidden; vertical-align: middle; display: table-cell; padding-left: 70px !important; }
.survey_question_number .fwrp .radiof { clear: both; padding-left: 20px !important; }
.survey_question_number .fwrp .radiof label { height: auto; float: left; clear: none; }



/* surveys side panel overwrite (closely mirrors mobile style) */
.sidepanel .survey_qn { width: auto; height: auto; padding: 7px 0 !important; overflow: hidden; position: relative; -webkit-border-radius:0px !important;-moz-border-radius:0px !important;border-radius:0px !important; }
.sidepanel .survey_qn span { text-align: left; float: none; display: inline-block; }
.sidepanel .survey_qn span.sqtop { font-size: 100% !important; line-height: 100%; }
.sidepanel .survey_qn span.sqtop, .sidepanel .survey_qn span.sqbot { height: auto; }
.sidepanel .survey_qn span.sqbot { padding-left: 4px; }
.sidepanel .survey_question_number .fwrp label, .sidepanel .fom .lote_form_page_fields .survey_question_number .fwrp label { padding: 0 0 0 7px; }

.sidepanel .survey_question_number .fwrp { clear: both; }
.sidepanel .fom .lote_form_page_fields .survey_question_number .fwrp label { padding-top: 0 !important; }
.sidepanel .survey_question_number .fwrp label:first-child { height: auto; clear: both; float: none; display: block; margin: 0 !important; padding-left: 0 !important; padding-bottom: 10px !important; }

.sidepanel .survey_question_number .fwrp .radiof { padding-left: 0 !important; }
.sidepanel .fom .lote_form_page_fields .survey_question_number .fwrp .radiof input, .sidepanel .fom .lote_form_page_fields .survey_question_number .fwrp .radiof label { float: left; }
.sidepanel .fom .lote_form_page_fields .survey_question_number .fwrp .radiof input {  }
.sidepanel .fom .lote_form_page_fields .survey_question_number .fwrp .radiof label { width: 90%; padding-left: 1% !important; }





/* breadcrumbs */
.breadcrumbs {
	padding: 7px 20px;
	font-size: 90%;
}
.breadcrumbs span { padding: 0 4px; }

</pre></body></html>