html,body {width:100%;height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body {margin:0;padding:0;font:11px/18px arial,helvetica,verdana,sans-serif;background:#fff;cursor:default;} table {border-collapse:collapse;border-spacing:0;} hr {height:1px;margin:1em 0;padding:0;display:block;border:0;border-top:1px solid #ccc; } sub, sup {font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup {top:-0.5em;} sub {bottom:-0.25em;} code, pre, textarea.html {width:99%;font-family:'Consolas','Lucida Console','Courier New',Courier,monospace;white-space:pre-wrap;white-space:-moz-pre-wrap !important;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;} form {margin:0;padding:0;} label {cursor:pointer;} textarea {resize:vertical;overflow:auto;vertical-align:top;} img {overflow:hidden;} img, a img {border:0;} a:focus,a:active,a:hover {outline:0;} /*a[href='javascript:;'] {cursor:default;}*/

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display:block;} audio, canvas, video {display:inline-block;*display:inline;*zoom:1;} audio:not([controls]) {display:none;height:0;} [hidden] {display:none;} nav ul, nav ol {list-style:none;list-style-image:none;}

button, input, select, textarea {font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;} button, input {line-height:normal;} button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button;cursor:pointer;*overflow:visible;} button[disabled], input[disabled] {cursor:default;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box;padding:0;*height:13px;*width:13px;} input[type="search"] {-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[class="btn"]::-moz-focus-inner {border:0;padding:0;} input[type="submit"]:focus, input[class="btn"]:focus {outline:none;}






/****** rizalfarok.sidrablue ******/
#ov {display:none;position:fixed;z-index:29999;height:auto;background:#333;-ms-filter:'alpha(opacity=70)';filter:alpha(opacity=70);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);

	top:80px;left:0;right:0; width: 134px; margin: 0 auto; padding: 20px;
	color: #fff;
}
#ov.error { background-color: #fff9f7; border-color: #cd0a0a; color: #cd0a0a; }
#ov.success { background-color: #edf9ed; border-color: #3b9f3d; color: #3b9f3d; }


.emspace {font:10px/10px arial;height:10px;overflow:hidden;} .floatc {clear:both;} .floatl {float:left;} .floatr {float:right;} .nodisp{display:none;} .displayblock{display:block;} .pl{position:absolute;top:0;left:0;height:1px;overflow:hidden;display:none;} .pr{position:relative;} .ovauto{overflow:auto;} .nomp{margin:0;padding:0;} .dahand{cursor:pointer;} .dapoint{cursor:default;}
.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;} .emspace.h7 {height:7px;}

.indent-w10, .indent-w1 { width: 10px; } .indent-w20, .indent-w2 { width: 20px; } .indent-w30, .indent-w3 { width: 30px; } .indent-w40, .indent-w4 { width: 40px; } .indent-w50, .indent-w5 { width: 50px; }
.move-up { position:relative; } .move-up.by10 { top:-10px; } .move-up.by20 { top:-20px; } .move-up.by30 { top:-30px; } .move-up.by40 { top:-40px; }

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

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

a.url, .url, .tile.gall .file_name, span.input { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
.img-circle { border-radius: 50%; border-radius: 50% !important; }

iframe { width: 100%; }






/* corner radius */
.bcc-all, .ui-corner-all, #ov, .fom input, .fom select, .fom textarea, .fom .textbox, button, .fom dt, .fom dd, input[type="button"], .ui-button, .fom .radiof input[type="text"], .fom .radiof input[type="number"], .fom .radiof select, .btn, a.btn, .toolbox .btn, .toolbox .btn.bcc-lef, .toolbox .btn.bcc-rig, .fc-corner-left.fc-corner-right, button.fc-button.fc-corner-left.fc-corner-right, .import .ui-sortable div, #import_field_columns_src div, .progwrp .progcon.done, .emojionearea.emojionearea-inline/*, select.tinynav*/, #tags li, .selectable li, .movable_container .boxselect.selectedbox { -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; }
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { -webkit-border-radius:7px!important;-moz-border-radius:7px!important;border-radius:7px!important; }
.bcc-top, .admin .mce-container.mce-window, .admin .mce-window-head, .admin .mce-reset { -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/*, .tile.gall .file_buttons*/ { -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-rig, .btn.bcc-rig, input.bcc-rig, #srcsysfom input[type="text"], .fom select.clause_field.bcc-rig, .fc-corner-right, button.fc-button.fc-corner-right, div.jfilestyle.jfilestyle-corner input:last-child, div.jfilestyle.jfilestyle-corner span:last-child>label { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:7px;-webkit-border-bottom-right-radius:7px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:7px;-moz-border-radius-bottomright:7px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-top-right-radius:7px;border-bottom-right-radius:7px;border-bottom-left-radius:0px; }
.bcc-lef, .btn.bcc-lef, input.bcc-lef, button.bcc-lef, input[type="button"].bcc-lef, .ui-button.bcc-lef, .input.bcc-lef, .fc-corner-left, button.fc-button.fc-corner-left, .progwrp .progcon, div.jfilestyle.jfilestyle-corner input:first-child, div.jfilestyle.jfilestyle-corner span:first-child>label { -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; }
.bcc-non, button.fc-button, .toolbox li ul li a.btn { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; }






/* forms */
.evn, .table2span table tr:nth-child(even) { background: #fefefe; } .odd, .table2span table tr:nth-child(odd) {  }

.fom { margin: 0 auto; padding: 0; }
.fom input, .fom select, .fom textarea, .fom .textbox, button, .fom dt, .fom dd, input[type="button"], .ui-button, .fom .radiof input[type="text"], .fom .radiof input[type="number"], .fom .radiof select, .import .ui-sortable div, #import_field_columns_src div, .fwrp ul.tagit, pre#html, div.jfilestyle input, .fwrp .emojionearea.emojionearea-inline, select.tinynav, .fwrp .select2 .selection span.select2-selection { margin: 0; padding: 0; padding: 13px 14px; float: left; color: #555; background: #fff; }

.fom input, .fom select, .fom textarea, .fom .textbox, span.input { width: 312px; }
.fom select, .fwrp .emojionearea.emojionearea-inline { width: 342px; }
.fom textarea, .fwrp *.double, pre#html { width: 676px; }
.fwrp *.triple { width: 1034px; }

pre#html { width: 97%; margin: 0 auto; }
.fom textarea, pre#html { height: 290px; }
.fom textarea.shortarea, .fom textarea.summary, .fom textarea[name="summary"] { height: 114px; /*120*/ } textarea.html { width: 96%; background: #f4f4f4 url(../img/_ui/bg_code.png) right bottom no-repeat; border-style: dashed; }
.fom select { line-height: 28px; height: 49px; padding: 13px; }
.fom select[multiple="multiple"] { height: 142px; /*92*/ }
.fom select[class="tall"] { height: 190px; }
.fom label { display: block; padding: 4px 0; }
.fom label.emp, .fom label.gap, .fom label.lhed { cursor: default; }
.fom label.gap { width: 7px; }
.fom label.lhed { font-size: 14px; float: none; margin-bottom: 10px; }
.fom input, .fom select, .radiof, .input { float: left; text-align: left; /*background-image: linear-gradient(#eee 1%, #fff 15%);*/ }
.fom input[disabled="disabled"], .fwrp.mand input[disabled="disabled"], .fwrp [disabled="disabled"], *.btn.disabled, *.btn.disabled:hover { cursor: default; color: #222; background: #f1f1f1; border-color: #e9e9e9; }
.fom input[type="color"] { height: 34px; }
.fom .ui-widget-content { background-image: none; }

.fom .radiof { width: auto; overflow: hidden; background: none; padding-top: 14px; }
.fom .radiof .emspace { height: 1px; clear: both; overflow: hidden; }
.fom .radiof input { width: 16px; height: 16px; margin: 3px 2px 0 0; padding: 0; display: inline; background: none; border: none; vertical-align: middle; overflow: hidden; }
.fom .radiof label { width: auto; margin: 0; padding: 0; float: left; }
.fom .radiof label.mr, .fom .radiof label.mrr, .fom .radiof input.mrr, .fom .radiof select.mrr { margin-right: 10px; }
.fom .radiof input[type="text"], .fom .radiof input[type="number"], .fom .radiof select { margin: 0; padding: 0; padding: 2px 4px; position: relative; top: -2px; width: 120px; }
.fom .radiof input[type="text"], .fom .radiof input[type="number"] { height: 20px; }
.fom .radiof select { height: auto; }
.fom .radiof span { line-height: 18px; }
.fom .radiof.fullw { width: 100%; }
.fom .radiof .ll, .fom .radiof .rr { width: 49%; }
.fom .radiof .ll label, .fom .radiof .rr label { width: 80%; text-align: left; }
.fom .radiof .level2 { margin-left: 14px; padding: 5px 0; }
.fom .radiof .level2_1 { margin-left: 21px; }

.fom *.auto, .fom .radiof input[type="text"].auto, .fom .radiof select.auto { width: auto; }
.fwrp .mr, .fwrp .mrr, *.mr *.mrr { margin-right: 5px; }
.fwrp .ml, .fwrp .mll, *.ml *.mll { margin-left: 5px; }

.fwrp, .fwrp.fgrp { padding: 10px 0; overflow: hidden;
/*
	float: left;
	margin-right: 10px;
*/
}
.fwrp .emspace { clear: both; }
.fwrp.nobg { background: none; border: 0; }
.fwrp.fgrp { padding: 0; border: 0; }
.fwrp.fgrp .fwrp.split { float: left; margin-right: 20px; padding: 10px 0; }
.fwrp.nopadtop, .fwrp.fgrp .fwrp.split.nopadtop, .fwrp.fgrp .fwrp.nopadtop, .fwrp .radiof.nopadtop { padding-top: 0; }
.fwrp.fgrp .fwrp.split.smallmargin { margin-right: 10px; }
.fwrp.fgrp .fwrp.split.third, .fwrp.fgrp .fwrp.split.last, .fwrp.fgrp .fwrp.split.nomargin { margin-right: 0; }
/*
.fwrp.wysiwyg, .fwrp.ffot {
	float: none;
	clear: both;
	display: block;
}
*/
.fwrp.noclear, .fwrp.fgrp.noclear, .fwrp.haschosen, .fwrp.timewrp { overflow: visible; height: auto; }
.fwrp.break { float: left; margin: 0 40px 0 20px; line-height: 68px; }

.fwrp label { padding: 2px 0 7px 0; font-weight: 600; }
.fwrp .radiof label { font-weight: 300; }
.fwrp.mand label { color: #72a73c; }
.fwrp.mand input, .fwrp.mand textarea, .fwrp.mand .emojionearea.emojionearea-inline { background-color: #f5fcee; border-color: #c9e5ac; }

.fom .fwrp.fhed, .fom .heading, .heading, .fwrp.fhed { padding: 14px 0; font-weight: 400; font-size: 21px; margin: 4px 0; clear: both; }
.fwrp.fhed span, .heading span, .fwrp.fhed span { float: none; display: block; padding: 5px 0 0 0; font-size: 13px; line-height: 16px; font-family: 'Open Sans',arial,sans-serif; }
.fwrp.desc p { padding: 0; }

.fwrp.ffot { margin-top: 40px; padding: 24px 0; border-top: 1px solid #cbd0d3; }
.fwrp.ffot label { display: none; }

.fwrp *.num2, table .num2, .fom .radiof input.num2 { width: 15px; }
.fwrp *.num4, table .num4, .fom .radiof input.num4 { width: 30px; } .fwrp *.view, table .view { width: 30px; text-align: center; }
.fwrp *.num5, table .num5, .fom .radiof input.num5 { width: 45px; }
.fwrp *.num6, table .num6, .fom .radiof input.num6 { width: 60px; }
.fwrp *.num7, table .num7, .fom .radiof input.num7 { width: 75px; }
.fwrp *.num8, table .num8, .fom .radiof input.num8 { width: 90px; }
.fwrp *.num9, table .num9, .fom .radiof input.num9 { width: 105px; }
.fwrp *.num10, table .num10, .fom .radiof input.num10 { width: 120px; }
.fwrp *.num11, table .num11, .fom .radiof input.num11 { width: 135px; }
.fwrp *.num12, table .num12, .fom .radiof input.num12 { width: 150px; }

.fwrp *.half, table .half, .fom .radiof input.half { width: 106px; } .fwrp select.half { width: 186px; }
.fwrp *.date, table .date, .fom .radiof input.date { width: 131px; }
.fwrp *.treq, table .treq, .fom .radiof input.treq { width: 165px; }
.fwrp *.name, table .name, .fom .radiof input.name { width: 180px; }
.fwrp *.w200, table .w200, .fom .radiof input.w200 { width: 200px; }
.fwrp *.w260, table .w260, .fom .radiof input.w260 { width: 260px; }
.fwrp *.long, table .long, .fom .radiof input.long { width: 300px; }
.fwrp *.fit2, table .fit2, .fom .radiof input.fit2 { width: 416px; }

.fwrp span { float: left; padding: 0 5px; line-height: 44px; }
.fwrp span.fwide { margin: 0 20px; }
.fwrp .svg-inline--fa.spanbtn { font-size: 24px; padding-top: 12px; cursor: pointer; }

.fwrp .options_table_body span { padding: 0; line-height: 18px; }

.fwrp label span.finote { float: none; display: block; padding: 0 0 5px 0; line-height: 14px; font-size: 12px; }
.fwrp .fnotes, .fwrp .fermsg { clear: both; padding-top: 10px; }
.fwrp .fnotes { font-weight: normal; font-size: 12px; line-height: 15px; }
.fwrp .fermsg { display: none; color: #c00; }
.fwrp.fer input, .fwrp.fer textarea, .noresults, .error { background: #fff4f4; border-color: #d4222f; color: #d4222f; }
.fwrp.fer label { color: #c00; }
.fwrp.fer .fermsg { display: block; }

.fwrp .fwarn { clear: both; float: none; display: block; }

.fom input:focus, .fom select:focus, .fom textarea:focus, .fwrp.fer input:focus, .fwrp.fer select:focus, .fwrp.fer textarea:focus { background: #fff; border-color: rgba(82, 168, 236, 0.8); outline: 0; outline: thin dotted \9; }

input.btn, a.btn, span.btn, button, input[type="button"], #form_beacon_content input[type="button"]:focus, .ui-button, .fom *.btn:focus, input[type="button"].ui-state-focus, .input, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .mce-container .mce-close, .fc-button, .toolbox .btn.normal.blue, div.jfilestyle label, .admin .mce-container.mce-panel.mce-foot .mce-widget.mce-btn button, .admin .mce-container.mce-panel.mce-foot .mce-widget .mce-primary { width: auto; margin: 0 7px 0 0; padding: 13px 20px; text-align: center; color: #fff; }

.ui-state-disabled .ui-state-default, .ui-state-disabled .ui-widget-content .ui-state-disabled .ui-state-default { margin: 0; padding: 0; }

.fom *.btn:focus, input[type="button"]:focus, .fc-button:focus, .btn.normal.template_type:hover { outline: none; }
input.btn:hover, a.btn:hover, span.btn:hover, button:hover, input[type="button"]:hover, .input, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .mce-container .mce-close, .fc-button:hover, .timepicker_wrap .prev:hover, .timepicker_wrap .next:hover, .admin .mce-container.mce-panel.mce-foot .mce-widget.mce-btn button:hover, .admin .mce-container.mce-panel.mce-foot .mce-widget .mce-primary:hover { color: #fff; border-color: #eee; background-image: url(../img/_ui/bg_trans.png); }
.fom input:focus, .fom select:focus, .fom textarea:focus, .fwrp.fer input:focus, .fwrp.fer select:focus, .fwrp.fer textarea:focus, input.btn:hover, a.btn:hover, button:hover, input[type="button"]:hover, .input, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .mce-container .mce-close { -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); }

a.btn { float: left; overflow: hidden; }
span.btn { float: left; display: block; }
/*button { height: 48px; }*/
.btn.sm { padding: 4px 9px; }
.btn.sm.marginbot { margin-bottom: 5px; }

.btn .ep, .btn .svg-inline--fa { padding: 0 3px; } .btn.floatl { float: left; } .btn.floatr { float: right; margin-right: 0; } *.btn.disabled, *.btn.disabled:hover { background-image: none; }

.ui-datepicker-trigger, .ui-datepicker-trigger:hover { margin: 0; padding: 0; border: 0;

	width: 34px;
	height: 48px;
}
.ui-datepicker-trigger .svg-inline--fa, .ui-datepicker-trigger:hover .svg-inline--fa { font-size: 24px; }
.fwrp .ui-datepicker-trigger .svg-inline--fa, .fwrp .ui-datepicker-trigger:hover .svg-inline--fa { line-height: 44px; }

input.hasDatepicker, input.hasDatepicker:focus { background-image: url(../img/_ui/fa/fa-calendar_datepicker.png); background-position: right center; background-repeat: no-repeat; }

input[type="file"] { border: 0; padding: 10px 5px 11px 5px; background: none; }
input[type="submit"]::-moz-focus-inner, input[class="btn"]::-moz-focus-inner {border:0px;} /*ff*/
input[type="submit"]:focus, input[class="btn"]:focus {outline:none;} /*IE8*/

.fwrp div[name$="[content]"] { max-height: 234px; overflow: auto; }
.fwrp div[name$="[content]"] img, .mce-content-body img  { max-width: 50%; height: auto; }

#option_boxes_group #sortable .mce-tinymce, #option_boxes_group #sortable input { float: left; }
#option_boxes_group #sortable .mce-tinymce { margin-right: 5px; }

.cbuttimg img, .cbuttimg input { float: none; display: block; text-align: center; margin: 0 auto; }

.fwrp.colfor { height: 60px; }
span.input { width: 94%; padding: 0 10px 0 0; font-weight: 500; line-height: 120%; text-align: left; background: none; border: none; }

.nopad, .fwrp.nopad, .radiof.nopad { padding: 0; }






/* paging */
.paging { clear: both; margin: 0; padding: 14px 4px; line-height: 120%; text-align: right; }
.paging section { display: inline-block; line-height: 120%; }
.paging span, .paging a { height: auto; padding: 7px; float: none; display: inline-block; line-height: 120%; background: none; border: none; }
.paging span.pgnum { font-weight: bold; }
.paging a:hover {  }
.paging.isempty { padding: 0; }

.paging.fom .fwrp.fgrp { width: 100%; }
.paging.fom .fwrp.fgrp .fwrp.split { float: right; margin: 0; }
.paging.fom .fwrp.fgrp .fwrp.split.last { margin-right: 7px; }
.paging.fom .emspace.pagination { height: 8px; }






/* tabs */
.tbltab { float: left; width: 100%; }
.tbltab.emp { width: 20px; padding: 0; background: none; border: 0; }
.tbltab a { position: relative; z-index: 1; width: auto; height: 32px; margin: 0 3px -1px 1px; padding: 0 14px; float: left; display: block; line-height: 32px; color: #777; background: #eee; }
.tbltab a.active, .tbltab a.active:hover { color: #444; }
.tbltab a:hover {  }
.tblspc {font:10px/10px arial;height:10px;overflow:hidden;clear:both;height:1px;}
.tblwrp { clear: both; }
.tblwrp .tblcon { display: none; /*visibility: hidden;*/ margin-top: 20px; }
.tblwrp .tblcon.active { display: block; /*visibility: visible;*/ }

.tblcon.snippetview { min-height: 100px; height: auto !important; height: 100px; }
.tblcon.active.floatl { float: left; margin-top: 0; display: inline-block; }






/* tables */
table {  }
table tr {	}
table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th, table > tr> th, table > tr > td { vertical-align: top; border: 1px solid #eee; padding: 14px 10px; }
table th, table td.th { font-weight: 600; text-align: left; color: #333; background: #eff0f5; }
table tr:hover, table tr:hover input:disabled, table tr:hover select:disabled { background: #f8f8f8; }
tbody tr.nohover:hover { background: none; }

table, table > tbody > tr > td, table > tbody > tr > th, table > tfoot > tr > td, table > tfoot > tr > th, table > thead > tr > td, table > thead > tr > th, table > tr> th, table > tr > td { border-width: 1px 0; }
table, table tr:first-child th, table tr:first-child td { border-top: 0; }
table, table tr:last-child th, table tr:last-child td { border-bottom: 0; }

*.no-border-all { border: 0; } *.no-border-top { border-top: 0; } *.no-border-bot { border-bottom: 0; } *.no-border-lef { border-left: 0; } *.no-border-rig { border-right: 0; }

table tbody th { width: 20%; text-align: right; }
table tbody thead th { text-align: left; }
table th.auto { width: auto; }
table th.left { text-align: left; }
table th.center { text-align: center; }
table td.content p { padding: 0; }

table .sortable-field { cursor: pointer; }
table .sortable-field .svg-inline--fa { float: right; font-size: 14px; line-height: 21px; visibility: hidden; }
table .sortable-field:hover .svg-inline--fa, table .sortable-field.sort-arrow-asc .fa-sort-asc, table .sortable-field.sort-arrow-desc .fa-sort-desc { visibility: visible; }
table .sortable-field:hover { background-color: #e4e4e4; color: #333; }
table .sortable-field.sort-arrow-asc .fa-sort, table .sortable-field.sort-arrow-desc .fa-sort { visibility: hidden; }

th input[type="checkbox"], td input[type="checkbox"] { width: 18px; position: relative; top: 2px; }






/* numeric decimals */
/* usage: ol class numdec <li class="h4">heading</li> <li><span>text</span><li> */
.numdec li.h4 { display: block; clear: both; font-weight: bold; font-size: 1.17em; line-height: 90%; text-transform: uppercase; padding: 20px 0; }
.numdec li.h4:before { counter-reset: section; content: ""; }
.numdec { counter-reset: section; list-style-type: none; overflow: hidden; margin: 0; padding: 0; }
.numdec ul { margin: 0; padding: 5px 0; }
.numdec li { list-style-type: none; clear: both; padding-top: 3px; padding-bottom: 3px; }
.numdec li span { width: 96.5%; }
.numdec li ul { counter-reset: subsection; clear: both; }
.numdec li:before { counter-increment: section; content: counter(section) ". "; width: 3%; }
.numdec li ul li:before { counter-increment: subsection; content: counter(section) "." counter(subsection) " "; padding-right: 5px; }
.numdec li li ul li:first-of-type { counter-reset: section; }
.numdec li li ul li:before { counter-increment: section; content: "(" counter(section, lower-alpha) ") "; }
.numdec li span, .numdec li:before, .numdec li ul li:before, .loginwrp .fom .numdec li span, .loginwrp .fom .numdec li:before, .loginwrp .fom .numdec li ul li:before { float: left; }






/****** colour template ******/
.red, .heading .red, .status-icon.fa-circle-o { color: #e74c3c; }
.red_bg, .btn.red, .toolbox .btn:not(.normal).red, .bg_red, .alert-danger { background-color: #e74c3c; }

.blue, .heading .blue/*, .fa-toggle-on*/ { color: #00b1e6; }
.blue_bg, .btn.blue, .toolbox .btn:not(.normal).blue, .toolbox .btn.normal.blue, .bg_blue, .alert-info, .field_list li.field-item .drag_handle:hover, table tr.alert-info:hover, .btn.normal.template_type.highlight, .btn.normal.template_type.highlight:hover { background-color: #00b1e6; }

.green, .heading .green, .tbltab.wizard a i.ep, .tbltab.wizard a i.svg-inline--fa, .status-icon.fa-dot-circle-o, .status-icon.fa-check, ul#sortable.ui-sortable * { color: #7bd000; }
.green_bg, .btn.green, .toolbox .btn:not(.normal).green, .bg_green, .alert-success, .radiof.channelselect .tile.on, .paging a:hover, .fieldset .toolbox .btn.add_field:hover, .fieldset.cffield .toolbox .btn:hover, .progwrp .progcon.done, .selectable .ui-selected { background-color: #7bd000; }
ul#sortable.ui-sortable .tile.gall, ul#sortable.ui-sortable .tile.tny.gall { border: 2px dashed #7bd000; }

.yellow, .heading .yellow { color: #f7ca18; }
.yellow_bg, .btn.yellow, .toolbox .btn:not(.normal).yellow, .bg_yellow, .alert-warning { background-color: #f7ca18; }



/* palette primary */
a, .loginwrp a:hover, #head #utility a.on, #head #utility a:hover, #head #utility a.util:hover, td.hasfa .ep, td.hasfa .svg-inline--fa, td a .ep, td a .svg-inline--fa, td a.ext .ep, td a.ext .svg-inline--fa, .tile.gall .file_buttons a:hover, .heading .viewas .btn:hover, #notification .noticon ul li:hover, #logo #csys:hover { color: #4563cc; }
input.btn, a.btn, span.btn, button, input[type="button"], #form_beacon_content input[type="button"]:focus, .ui-button, .fom *.btn:focus, input[type="button"].ui-state-focus, .input, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .mce-container .mce-close, /*.progwrp .progcon,*/ .fc-button, .toolbox .btn.normal.blue, div.jfilestyle label, .admin .mce-container.mce-panel.mce-foot .mce-widget.mce-btn button, .admin .mce-container.mce-panel.mce-foot .mce-widget .mce-primary, #snav li.on, .tbltab a:hover, .paging span.pgnum, button.mfp-close, button.mfp-arrow, #calendar td.fc-day.fc-today, .timepicker_wrap .prev, .timepicker_wrap .next, #snav ul li span.on, .toolbox li a:hover, .toolbox li a.active, .toolbox li ul li a.btn:hover, .featherlight-close-icon.featherlight-close { background-color: #4563cc; }

/* palette base secondary */
.admin, .loginwrp a, #snav li a, #snav li li a, /*#snav li.active li a,*/ #utility a, .toolbox .btn:not(.normal), .tbltab.wizard a, .drop, .tile.gall .con .ep, .tile.gall .con .svg-inline--fa, .tile.gall .icon, td a:hover .ep, td a:hover .svg-inline--fa, td a.ext:hover .ep, td a.ext:hover .svg-inline--fa, .heading .viewas .btn, .activate_set_btn .fa-toggle-off, .deactivate_set_btn .fa-toggle-on, .btn.normal.template_type, .table2span tbody th, .mfphidecontent, .mfphidecontent.adminselect .svg-inline--fa, ul#sortable.ui-sortable li.tile.tny.gall .des, ul#sortable.ui-sortable li.tile .des, .tile.ui-state-default .des, .fwrp.fer input:focus, .fwrp.fer select:focus, .fwrp.fer textarea:focus, #utility #notification .noticon ul li a:hover, td span.ext .svg-inline--fa, td span.ext:hover .svg-inline--fa, span.ext .svg-inline--fa, span.ext:hover .svg-inline--fa, span.input { color: #5b5e6f; }
.ui-datepicker-calendar .ui-state-default.ui-state-highlight.ui-state-active, .ui-datepicker-calendar .ui-state-default.ui-state-highlight, #calendar .fc-event-container a { background-color: #5b5e6f; }
.fwrp.fer input:focus, .fwrp.fer select:focus, .fwrp.fer textarea:focus { border-color: #5b5e6f; }



/* plain (grey) button */
.btn.grey, .btn.nohover:hover { background-color: #f4f4f4; border-color: #cbd0d3; }
.btn.grey:hover { color: #333; border-color: #ddd; }

/* greyline *//* cfd9db */
.tbltab a, table, .fieldset_list .tblwrp { border: 1px solid #cfd9db; }
.bordertop { border-top: 1px solid #cfd9db; }
.borderbottom, .fom .fwrp.fhed, .fom .heading, .fom .heading.hasborder, .heading, .fwrp.fhed, .tbltab, #calendar div.fc-widget-header, #head { border-bottom: 1px solid #cfd9db; }

/* greybox */
#head, .tbltab.wizard a.done, .fc-state-default, #calendar td.fc-day, .greybox, .toolbox .btn, .drop { background-color: #f5f5f5; }
.linetop { border-top: 1px solid #f5f5f5; }
.linebot { border-bottom: 1px solid #f5f5f5; }
.tbltab.wizard a.done:after { border-left-color: #f5f5f5; }

/* rust (as per notification alert) */
#snav li.on ul a.on { color: #ed5466; }
.notifylnk .hasnotification.on { background-color: #ed5466; }

/* 363636 */
.toolbox .btn:hover { color: #363636; }

/* 888 */
.fwrp.fhed span, .heading span, .fwrp.fhed span, .fwrp label span.finote, .fwrp .fnotes, .btn.grey, .btn.nohover:hover { color: #888; }

/* 555c66 */
.admin .mce-btn:not(.mce-disabled) button:hover { background-color: #555c66; }

/* ccc */
.fom option[disabled="disabled"], *.btn.disabled, *.btn.disabled:hover, #snav ul ul li a { color: #ccc; }
.notifylnk .hasnotification { background-color: #ccc; }
.fom input, .fom select, .fom textarea, .fom .textbox, button, .fom dt, .fom dd, input[type="button"], .ui-button, .fom .radiof input[type="text"], .fom .radiof input[type="number"], .fom .radiof select, .import .ui-sortable div, #import_field_columns_src div, .fwrp ul.tagit, pre#html, div.jfilestyle input, .fwrp .emojionearea.emojionearea-inline, select.tinynav, .toolbox ul li ul, .ext.colbox, .colbox, .tile, #tags li, .timepicker_wrap .prev, .timepicker_wrap .next, .timepicker_wrap, input.btn, a.btn, span.btn, button, input[type="button"], #form_beacon_content input[type="button"]:focus, .ui-button, .fom *.btn:focus, input[type="button"].ui-state-focus, .input, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .mce-container .mce-close, .fc-button, .toolbox .btn.normal.blue, div.jfilestyle label, .admin .mce-container.mce-panel.mce-foot .mce-widget.mce-btn button, .admin .mce-container.mce-panel.mce-foot .mce-widget .mce-primary, .movable_container .boxselect.selectedbox { border: 1px solid #ccc; }
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #ccc !important; }
.cont-view-markup { border: 1px dashed #ccc; }
.chosen-container-multi .chosen-choices { border-color: #ccc; }

/* f7f7f7 */
.info, .cont-view-markup, #tags li, ul#sortable.ui-sortable li.ui-state-default.ui-sortable-helper { background-color: #f7f7f7; }
#notification, #notification .notihed, #notification .notifot, #notification .noticon .nonotify, .ui-dialog-content.ui-widget-content, .admin.iframe { background: #f7f7f7; }

/* fafafa */
.admin, .tbltab a.active, .tbltab a.active:hover, .tblwrp, .mfphidecontent, .tile a:hover .des, .selectable .ui-selecting { background-color: #fafafa; }
.tbltab a.active, .tbltab a.active:hover, #calendar td.fc-day.fc-other-month { border-bottom-color: #fafafa; }

/* fff */
#ov, #backtotop, #side, #snav li li.on a, #snav ul ul li a:hover, .paging span.pgnum, .paging a:hover, .tbltab a:hover, .btn.red, .btn.blue, .btn.green, .btn.yellow, .alert-danger, .alert-danger *, .alert-danger .ep, .alert-danger .svg-inline--fa, .alert-info, .alert-info *, .alert-info .ep, .alert-info .svg-inline--fa, .alert-success, .alert-success *, .alert-success .ep, .alert-success .svg-inline--fa, #logo #csys, #snav ul ul li a, .toolbox li a.btn:hover, .toolbox li a.btn.active, .admin .mce-btn:not(.mce-disabled) button:hover, .admin .mce-btn:not(.mce-disabled) button:hover .mce-ico, .admin .mce-btn:not(.mce-disabled) button:hover span, .fwrp.mand .jfilestyle label, .fwrp.fer .jfilestyle label, .selectable .ui-selected { color: #fff; }
.white_bg, .bg_white, .loginwrp, .loginwrp table, table, .movable_container .boxselect.selectedbox { background-color: #fff; }

/* 000 */
textarea.html, .fwrp.mand .radiof label, .ui-datepicker-trigger .svg-inline--fa, .ui-datepicker-trigger:hover .svg-inline--fa, .tile.tny.error .des, .tile.gall .icon, .drop:hover, .drop.ondragover, .timepicker_wrap a.reset_time { color: #000; }
#ov, .featherlight .featherlight-inner { border: 1px solid #000; }
.drop:hover { border-color: #000; }

/* misc */
.alert-danger { border-color: #ebccd1; }
.alert-info { border-color: #e0f5f9; }
.alert-success { border-color: #d6e9c6; }
.alert-warning { border-color: #faebcc; } .alert-warning .alert-warning *, .alert-warning .ep, .alert-warning .svg-inline--fa { color: #8a6d3b; }

.lightblue { color: #e0f5f9; }
.lightblue_bg, .drop:hover { background-color: #e0f5f9; }

.lightgreen { color: #fafce6; }
.lightgreen_bg, .drop.ondragover { background-color: #fafce6; }

.infogreen { color: #f3f9ea; }
.infogreen_bg, .drop.inprogress { background-color: #f3f9ea; }

.norm_blue { color: #009ee1; }
.norm_red { color: #e30000; }
.norm_green { color: #009300; }



/* no box shadow */
.fom *.btn:focus, input[type="button"]:focus, .fc-button:focus, .btn.normal.template_type:hover, *.btn.disabled, *.btn.disabled:hover, .ui-datepicker-trigger, .ui-datepicker-trigger:hover, .toolbox li ul li a:hover, .heading .viewas .btn:hover, .ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close::before, .admin .mce-window-head .mce-close, .ui-dialog-titlebar .ui-button, .ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close, .ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover, .ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:focus, .admin .mce-widget.mce-btn:hover, .admin .mce-widget.mce-btn:hover button, .admin .mce-widget.mce-btn.mce-menubtn:hover,.admin .mce-tinymce, span.input { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }







/****** config ******/
.admin {  }
.admin, .fom *, .admin .mce-container *, .ui-timepicker-standard { font: 300 13px/21px 'Open Sans',arial,sans-serif; }

.fom .svg-inline--fa, .admin .mce-container .svg-inline--fa { font-family:'FontAwesome'; }
[class^="ep-"], [class*=" ep-"], .ep, *.ep, .fom .ep { font-family: "epicuest" !important; }
.admin .mce-container .mce-ico { font-family: "FontAwesome","tinymce",Arial; }
.admin .mce-container-body .mce-resizehandle .mce-ico { font-size: 16px; line-height: 100%; }

h1, h2, h3, h4, h5, h6, .fom h1, .fom h2, .fom h3, .fom h4, .fom h5, .fom h6, .headerfont { margin: 0; padding: 10px 0; font-weight: 600; }
h1, .fom h1 { font-size: 1.7em; } h2, .fom h2 { font-size: 1.5em; } h3, .fom h3 { font-size: 1.3em; } h4, .fom h4 { font-size: 1.17em; } h5, .fom h5 { font-size: 1.0em; } h6, .fom h6 { font-size: 0.83em; }

.headerfont { font-size: 16px; } label.headerfont { position: relative; top: -2px; }
.fom .fwrp.fhed, .fom .heading, .fom .fwrp.fhed { border: 0;

	font-size: 18px;
}

p { margin: 0; padding: 10px 0; }
a, a:hover { text-decoration: none; } a:hover, .loginwrp a:hover { color: #505365; } a.point { cursor:pointer; }

.clearfix:before, .clearfix:after { display: table; content: " "; }
.clearfix:after, .container:after { clear: both; }
*:before, *:after { box-sizing: border-box; }

.noresults, .error, .info { padding: 10px; }
.noresults p, .error p, .info p { padding: 0; }
td.noresults, td.error, td.info { border-color: #eee; }

.info { border: 1px solid #eee; }
div.info, div.info_blue { margin-bottom: 20px; }

.info_blue { padding: 10px 20px; color: #387c98; background: #deeff7; border: 1px solid #c4e3f4;

	font-size: 1.1em;
}

*.hasborder { border: 1px solid #ddd; }
*.noborder, .heading.noborder, .fwrp.fhed.noborder { border: 0; }
*.noclear, .filter_con.noclear { overflow: visible; }

td.hasfa .svg-inline--fa, td.hasfa .ep { padding: 0 3px; }
td .ext { margin: 0 4px; }
td.hasfa .ep, td.hasfa .svg-inline--fa, td .ext .ep, td .ext .svg-inline--fa, td .ep, td .svg-inline--fa { font-size: 16px; line-height: 100%; }
td .ext * { vertical-align: middle; }
td .ext .fa-toggle-on, td .ext .fa-toggle-off { font-size: 21px; }

.w320 { width:320px; }






/* login */
.emspace.variable { height:14%; }

.admin.login { text-align: center; }
.loginwrp { width: 310px; margin: 0 auto; padding: 40px 80px; border: 1px solid #ebedf6; }
.loginwrp p { width: 290px; margin: 0 auto; }
.loginwrp p label { color: #444; border-bottom: 1px dotted #444; }

.loginwrp .fom .fwrp { padding: 2px 0; background: 0; border: 0; }
.loginwrp .fom * { float: none; }
.loginwrp .fom .fwrp label { display: none; }
.loginwrp .fom .fwrp .fermsg { width: 242px; margin: 0 auto; padding: 7px 0; }
.loginwrp .fom input:not(.btn) { width: 244px; }
.loginwrp .fom input.btn, .loginwrp .fom button.btn { width: 274px; display: block; margin: 0 auto; }

.loginwrp .fom #pov { top: -50px; left: 148px; }
.admin.login.loading #pov { transition-delay:0.0s; }
.admin.login.loading .pov { filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2; }
.admin.login .loginwrp .fom { position: relative; }

.loginwrp .fom .radiof input, .loginwrp .fom .radiof label { float: none; display: inline-block; }
.loginwrp .fom .radiof input { width: 16px; height: 16px; margin: 1px 2px 0 0; padding: 0; background: none; border: none; vertical-align: middle; overflow: hidden; }
.loginwrp .fom .radiof label { width: auto; margin: 0; padding: 0; }

.loginwrp a:hover { text-decoration: underline; }

.loginwrp.termsconditions { width: 90%; padding: 40px; }
.loginwrp.termsconditions .tnc { text-align: left; }






#blueskys { font-size: .8em; text-align: center; color: #ccc; }
#blueskys:hover { color: #888; }
#blueskys.sidenav { position: absolute; bottom: 4px; left: 0; width: 70%; z-index: 999; margin: 0 15%; color: #555; }
#blueskys.sidenav:hover { color: #888; }






/* site */
.wrp { padding: 11px 14px; }
.wrp.bod { padding: 11px 20px; }



#pov, #pov:before, #pov:after { background: #cad0d3; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; }
#pov:before, #pov:after { position: absolute; top: 0; content: ''; }
#pov:before { left: -1.5em; }
#pov { text-indent: -9999em; margin: 8em auto; position: absolute; z-index: 9998; font-size: 11px; -webkit-animation-delay: -0.16s; animation-delay: -0.16s; visibility:hidden; opacity:0; transition:visibility 0s linear 0.5s,opacity 0.5s linear;

	top: 10px; /*60*/
	left: 20%; /*58*/
}
#pov:after { left: 1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; }
@-webkit-keyframes load1 { 0%,80%,100% { box-shadow: 0 0 #cad0d3; height: 4em; } 40% { box-shadow: 0 -2em #cad0d3; height: 5em; } }
@keyframes load1 { 0%,80%,100% { box-shadow: 0 0 #cad0d3; height: 4em; } 40% { box-shadow: 0 -2em #cad0d3; height: 5em; } }

.loading #pov { visibility:visible; opacity:1; transition-delay:0.5s; }



#backtotop { position: fixed; bottom: -130px; right: -130px; z-index: 991; width: 102px; height: 116px; padding: 12px 0 0 26px; font-size: 48px; line-height: 100%; color: #fff; cursor: pointer; border-radius: 50%; border-radius: 50% !important;

	background-color: #333;
}
#backtotop.tada { bottom: -64px; right: -64px; }

#ver { font-size: 11px; color: #999; /*text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);*/ }
#ver .wrp { padding: 0 20px; }



.heading .toolbox {
	float: right; margin: 0; padding: 0;
	position: relative; top: -7px;
}
.heading .toolbox .btn { margin: 0; }

.fom .fwrp.fhed, .fom .heading, .heading, .fwrp.fhed, #calendar div.fc-widget-header {
/*
-webkit-box-shadow: 0 4px 6px -6px #aaa;
-moz-box-shadow: 0 4px 6px -6px #aaa;
box-shadow: 0 4px 6px -6px #aaa;
*/
}






#side { position: fixed; top: 0; left: 0; bottom: 0; z-index: 200; width: 240px; height: 100%; /*overflow: auto;*/ background:#333;-webkit-box-shadow:inset 0 0 5px 5px #222;-moz-box-shadow:inset 0 0 5px 5px #222;box-shadow:inset 0 0 5px 5px #222; }
#main { position: relative; z-index: 199;

	margin-left: 240px;
	overflow: hidden; /* to hide strange overflow in gallery album view */
}
#head { line-height: 34px; }



/* header */
#head #hed, #head #crumb { float: left; }
#head #hed h1 { margin: 0; padding: 0; padding-top: 1px; font-size: 1.4em; }

#head #crumb * { float: left; }
#head #crumb .pipe { font-size: 24px; padding: 0 7px; }
#head #crumb a, #head #crumb b { line-height: 38px; }
#head #crumb a .svg-inline--fa { margin-top: 12px; }

#head #utility { float: right; }
#head #utility a.util { font-size: 28px; margin: 0 7px; }



#notification { position: absolute; top: 50px; right: 14px; z-index: 1000; width: 300px; font-size: 13px; line-height: 18px; text-align: left; color: #919191; background-color: #fff; border: 1px solid #e0e7e8; -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.08); box-shadow: 0 1px 3px rgba(0,0,0,0.08); display: none; overflow: hidden; }
.notifylnk { position: relative; }
.notifylnk .hasnotification { position: absolute; top: 2px; right: 2px; -webkit-box-shadow: 0 0 0 1px rgba(255,255,255,0.96); box-shadow: 0 0 0 1px rgba(255,255,255,0.96); }
.notifylnk .hasnotification { width: 14px; height: 14px; display: inline-block; text-indent: -999999px; border-radius: 50%; }

#notification.on { display: block; }
#notification .notihed, #notification .notifot { padding: 10px; overflow: hidden; color: #555; border-bottom: 1px solid #e0e7e8; }
#notification .notihed .clearnotify, #notification .notihed .closenotify { float: right; cursor: pointer; font-size: 14px; }
#notification .notihed .clearnotify:hover, .v3 #notification .notihed .clearnotify:hover { color: #91c854; }
#notification .notihed .closenotify:hover, .v3 #notification .notihed .closenotify:hover { color: #ec465a; }
#notification .notihed .closenotify { margin-left: 7px; }

#notification .noticon { height: 218px; overflow: auto; background: #fff; }
#notification .noticon ul { margin: 0; padding: 0; }
#notification .noticon ul li { padding: 10px; overflow: hidden; border-bottom: 1px solid #e0e7e8; position: relative;/* padding-bottom: 0;*/ }
#notification .noticon ul li:last-child { border: 0; }

#utility #notification .noticon ul li .ep, #utility #notification .noticon ul li .svg-inline--fa, #utility #notification .noticon ul li a { float: left; }
#utility #notification .noticon ul li .ep, #utility #notification .noticon ul li .svg-inline--fa { width: 20px; /*padding-top: 2px;*/ }
#utility #notification .noticon ul li a { width: 210px; display: block; font-size: 13px; line-height: 18px; }

#utility #notification .noticon ul li .ndll { position: absolute; top: 14px; right: 3px; width: 78px; overflow: hidden; }
#utility #notification .noticon ul li .ndll a { float: left; width: 14px; padding: 3px; text-align: center; }
#utility #notification .noticon ul li .ndll span { float: right; width: 50px; font-size: 10px; line-height: 12px; }

#notification .noticon .nonotify { padding: 91px 80px; text-align: center; }

#notification .notifot { border-bottom: 0; border-top: 1px solid #e0e7e8; }
#utility #notification .notifot a { font-size: 13px; }

#notification .notihed .clearnotify, #notification .notihed .closenotify, #utility #notification .notifot a { line-height: 18px; height: 18px; }








/* side */
#logo {  }
#logo .wrp { position: relative; }
#logo #csys { position: absolute; top: 11px; right: 14px; font-size: 32px; }

#snav ul { margin: 0; padding: 0; }
#snav ul ul { padding: 7px 0; background-color: #444; display: none; }
#snav ul ul.on { display: block; }

#snav ul li { font-size: 16px; font-weight: bold; font-variant: small-caps; text-transform: lowercase; }
#snav ul ul li { font-size: 13px; font-weight: normal; font-variant: normal; text-transform: none; }

#snav ul li a, #snav ul li span { padding: 7px 14px; display: block; cursor: pointer; }
#snav ul li span { padding: 14px; display: block; }
#snav ul li span:hover { background-color: #1a1a1e; }
#snav ul li span .svg-inline--fa { font-size: 21px; line-height: 21px; width: 38px; text-align: center; vertical-align: middle; }
#snav ul li span .fa-chevron-up, #snav ul li span .fa-chevron-down { float: right; margin-top: 4px; font-size: 14px; }
#snav ul li span .fa-chevron-up { display: none; }
#snav ul li span.on .fa-chevron-up { display: block; }
#snav ul li span.on .fa-chevron-down { display: none; }

#snav ul ul li a { padding: 7px 10px 7px 24px; }
#snav ul ul li a .svg-inline--fa { width: 20px; margin-top: 3px; text-align: center; font-size: 14px; }

#snav li li.on { background: transparent; }
#snav li li.on a { font-weight: bold; cursor: pointer; }












/* action toolbox */

.toolbox .btn { padding: 7px; font-size: 12px; line-height: 16px; }
.toolbox .btn .svg-inline--fa { font-size: 14px; display: inline-block; width: 21px; text-align: center;

	padding: 0;
	/*position: relative; top: 2px;*/
}
.toolbox ul ul li .btn .svg-inline--fa { /*top: 0;*/ }

.toolbox { clear: both; }
/*.toolbox ul, .toolbox ul li a.btn, .toolbox ul li ul li, .toolbox ul li ul li a.btn { z-index: 1; }*/
.toolbox ul { /*position: relative;*/ margin: 0; padding: 0; }
.toolbox ul li { position: relative; list-style: none; display: inline-block; }
.toolbox ul li a.btn { /*position: relative;*/ float: none; display: block; padding: 7px 14px; font-weight: bold; font-variant: small-caps; font-size: 13px; }
.toolbox ul li a.btn:hover { background-image: none; }
.toolbox ul li ul { position: absolute; left: 0; z-index: 9997; margin: 0; padding: 0; display: none;

	margin-top: 1px;
	padding: 7px 0 5px 0;
	background: #fff;
}
.toolbox ul li ul li { /*position: relative;*/ width: 240px; margin: 0; border: 0; }
.toolbox ul li ul li a { display: block; margin: 0; }
.toolbox ul li ul li a.btn { position: relative; font-weight: normal; font-variant: normal; background: none; border: 0;

	padding: 4px 14px;
	text-align: left;
}












/* icons - extensions */
.ext { display: inline-block; }
.ext span { padding-left: 20px; }
.ext.colbox, .colbox { width: 21px; }
.ext.nodisp { display: none; }






/* tiling */
.tile { width: 200px; height: 200px; margin: 0 14px 14px 0; padding: 0; float: left; overflow: hidden; }

.tile .con { width: 180px; height: 180px; margin: 0 auto; padding: 10px; overflow: hidden; background: center no-repeat; }
.tile .des { height: 40px; padding: 7px; display: block; font-size: 14px; line-height: 40px; text-align: center; background-color: #fff; }

.tile a { color: #fff; }

.tile.tny { width: 120px; height: 130px; text-align: center; }
.tile.tny .con { width: 75px; height: 75px; }
.tile.tny .des { height: 34px; line-height: 34px; padding: 0 7px; font-size: 13px; }
.tile.tny .des a { height: 20px; }

.tile.tny .con img { display: block; text-align: center; margin: 0 auto; }
.tile.tny.error, .tile.tny.error a:hover { cursor: default; }
.tile.tny.error .des { background: #ffd44e; }
.tile.tny.error a:hover .con { background-color: #fff; }



/* media tile styles */
.tile.gall { position: relative; width: 156px; height: 156px; overflow: visible; border-color: #eee;

	background: center center no-repeat;
	background-color: #fff;
}
.tile.gall, .fortick .tile.gall { margin: 0 15px 84px 0; }

.tile.gall .con { width: 90%; height: 90%; }
.tile .con .svg-inline--fa, .tile.tny .con .svg-inline--fa { display: block; width: 50%; height: 50%; margin: 0 auto; padding-top: 25%; }

.tile.gall a { width: 100%; height: 100%; /*83%*/ display: block; overflow: hidden; }
.tile.gall .des { width: 90%; height: auto; margin: 0 auto; font-size: 12px; line-height: 32px; background: none; border: 0; line-height: 18px; padding: 7px 0 0 0; }

.tile.gall .file_name, .tile.gall .file_buttons { display: block; text-align: center; }
.tile.gall .file_name {  }
.tile.gall .file_buttons { height: auto; margin: 0; padding: 7px 0; text-align: center;/ }
.tile.gall .file_buttons a { /*margin: 3px 5px 0 5px; font-size: 14px;*/ }

.tile.gall .des .icn { height: 32px; padding: 0 0 0 38px; display: block; overflow: hidden; }
.icn { background-image: url(../img/_ui/ico32/image.png); background-position: left center; background-repeat: no-repeat; }

.tile.gall .icon, ul#sortable li a.icon { margin: 0 3px; font-size: 14px; /*line-height: 13px;*/

	width: auto;
	text-align: center;
	display: inline-block;
}
.tile.gall .icon.pginfo, .tile.gall .icon.pginfo:hover, .ext.pginfo, .ext.pginfo:hover { color: #777; cursor: help; }

.fwrp .tile.gall .file_name, .fwrp .tile.gall .file_buttons { line-height: 18px; float: none; }
.fwrp .tile.gall .icon { height: auto; }

.tile.tny.gall { width: 124px; height: 124px; }
.tile.tny.gall .con .svg-inline--fa { line-height: 100px; }
.tile.tny.gall .con { width: 80%; height: 80%; }
.tile.tny.gall .des { line-height: 16px; width: 100%; }
.tile.tny.gall .des .file_buttons a { height: 30px; line-height: 30px; }
.tile.tny.gall .file_buttons { padding: 0; }
.tile.tny.gall .file_name { top: 44px; }

.tile.tny.gall.intd { width: 45px; height: 45px; margin: 0; }

.profile.gallery .tile.gall { width: 220px; height: 220px; }
@media only screen and (max-width: 1650px) { .tile.gall { width: 152px; height: 152px; } .tile.tny.gall { width: 120px; height: 120px; } }
@media only screen and (max-width: 1600px) { .tile.gall { width: 166px; height: 166px; } .tile.tny.gall { width: 116px; height: 116px; } }
@media only screen and (max-width: 1440px) { .tile.gall { width: 170px; height: 170px; } .tile.tny.gall { width: 114px; height: 114px; } .profile.gallery .tile.gall { width: 200px; height: 200px; } .tile.tny.gall a { /*height: 68%;*/ } }
@media only screen and (max-width: 1366px) { .tile.gall { width: 160px; height: 160px; } .tile.tny.gall { width: 120px; height: 120px; } .profile.gallery .tile.gall { width: 180px; height: 180px; } .tile.gall a { /*height: 82%;*/ } }
@media only screen and (max-width: 1280px) { .tile.gall { width: 176px; height: 176px; } .tile.tny.gall { width: 110px; height: 110px; } .profile.gallery .tile.gall { width: 160px; height: 160px; } .tile.gall a { /*height: 84%;*/ } .tile.tny.gall a { /*height: 68%;*/ } .tile.tny.gall .con .ep, .tile.tny.gall .con .svg-inline--fa { line-height: 60px; } }
@media only screen and (max-width: 1024px) { .tile.gall { width: 166px; height: 166px; } .tile.tny.gall { width: 114px; height: 114px; } .profile.gallery .tile.gall { width: 140px; height: 140px; } .tile.gall a { /*height: 82%;*/ } .tile.gall .des, .tile.gall .des.twolines { font-size: 12px; } .tile.tny.gall .con .ep, .tile.tny.gall .con .svg-inline--fa { line-height: 70px; } }


/* image || file selected */
.fortick { float: left; margin: 0; padding: 0; position: relative; }
.fortick .tile { margin: 0 auto; }
/*.fortick .tile.gall { margin-bottom: 40px; }*/
.fortick .ti-tick { position: absolute; top: -14px; display: none; padding: 5px; background: #7aa848; right: 7px; }
.fortick .ti-tick .svg-inline--fa { font-size: 16px; color: #fff; }
.fortick.highlight .ti-tick { display: block; }
.fortick.highlight .tile { border-color: #7aa848; -webkit-box-shadow: 0 2px 7px rgba(122, 168, 72, 0.4); box-shadow: 0 2px 7px rgba(122, 168, 72, 0.4); }
.fortick.highlight .con { background-color: rgba(145, 200, 84, 0.1); }
.fortick.highlight .des { /*background-color: #91c854; border-top-color: #7aa848;*/ }

.pfm_fil .fortick .tile.gall, .pfm_fil .fortick-fol .tile.gall { margin-right: 5px; margin-bottom: 40px; }
.pfm_fil .fortick .ti-tick { top: -7px; right: 1px; padding: 2px 4px 0 4px; }












/****** specifics ******/

.heading .viewas { float: right; width: auto; }
.heading .viewas .btn { padding: 0; background: none; border: none; }
.heading .viewas .btn.active {	}

.mfphidecontent { width: 640px; height: 540px; margin: 0 auto; padding: 40px; border: 2px solid #888; }

.mfphidecontent.headersearch { width: 370px; height: auto; }
.mfphidecontent.headersearch .fom input[type="text"] { width: 266px; }

.featherlight-content #adminselect { /*width: 360px;*/ width:auto; height: 260px; padding: 60px 40px; }
.featherlight-content #adminselect .fortick { margin: 0 7px; }
.featherlight-content #adminselect .fortick .ti-tick { top: -4px; right: -8px; padding: 5px 5px 2px 5px; }
.featherlight-content #adminselect .fortick .ti-tick .svg-inline--fa { line-height: 100%; }
.featherlight-content #adminselect .fortick .tile.gall { margin: 0 auto; }
.featherlight-content #adminselect .fortick .tile.gall a { height: 100%; }
.featherlight-content #adminselect .tile.tny.gall { width: 120px; height: 120px; }
.featherlight-content #adminselect .tile.tny.gall .con { width: 100%; height: 100%; }
.featherlight-content #adminselect .tile.tny.gall .con	.svg-inline--fa { width: 80%; height: 80%; }



.colpick { z-index: 300; }
.color_sample { width: 32px; height: 32px; margin: 7px 0 0 10px; padding: 0; display: inline-block; }






/* profile/user details styles */
.profile {	}
.profile .coltre { width: 21%; }
.profile .coltre.dbl { width: 77%; float: right; }
.profile .coltre .wrp, #main .profile .coltre .wrp { text-align: left; padding-left: 0; padding-right: 0; }
.profile .coltre .wrp img, .profile .coltre img { text-align: center; margin: 0 auto; display: block; }
.profile .heading { margin-bottom: 0; font-size: 1.3em; border:none; }
.profile span { display: block; }
.profile span span, .profile .tile .des span { display: inline; }
.profile .tile.tny { float: none; margin: 0 auto; }

.profile.gallery .coltre { width: 16%; }
.profile.gallery .coltre.dbl { width: 81%; }

.cont-view-markup { min-height: 48px; height: auto !important; height: 48px; max-height: 340px; overflow: auto; padding: 7px 14px; }
.cont-view-markup .btn { all:unset; }

.profile span .svg-inline--fa.pinfo { width: 18px; text-align: center; margin-right: 4px; }
.colwrp.profile .wrp { padding: 0; }

.profile .noimg .svg-inline--fa, .profile .nodoc .svg-inline--fa { color: #e4e4e4; }
.profile .noimg .svg-inline--fa { font-size: 128px; }
.profile .nodoc .svg-inline--fa { font-size: 92px; }






/* table files */
.tblf_row.fom td { padding: 0; }
.tblf_row.fom td.normalpadding { padding: 14px 10px; }
.tblf_field input:disabled, .tblf_field select:disabled { border: 1px solid transparent; }
select[disabled] { -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; }






/* media pop-up */
#pop_fm .toolbox { height: 26px; margin: -5px 0 0 0; }
#pop_fm .fom.floatl .fwrp.fgrp, #pop_fm .fom.floatl .fwrp.fgrp .fwrp { padding: 0; }
#pop_fm .fom.floatl .fwrp.fgrp .fwrp input, #pop_fm .fom.floatl .fwrp.fgrp .fwrp select { padding: 5px 7px; }
#pop_fm .fom.floatl .fwrp.fgrp .fwrp select { height: auto; }
#pop_fm .fom.floatl .fwrp.fgrp .fwrp.split { margin-right: 9px; }



















/* jquery.ui overwrite */
.ui-front { z-index: 5000; }
.ui-widget-overlay { background-color: rgba(0,0,0,0.75); background-image: none; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { /*color: #fff; background: #999; border-color: #777;*/ }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { /*background: #333; border-color: #222;*/ }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; background-position: -80px -224px; }

.ui-dialog .fom textarea, .ui-dialog .fom textarea.summary { width: 96%; height: 140px; }
.ui-dialog .ui-dialog-titlebar { padding: 9px 14px;

	min-height: 21px;
	height: auto !important;
	height: 21px;
}
.ui-dialog-title { font-size: 16px; font-weight: 400; }
.ui-widget-content { color: inherit; }
.ui-dialog-content .heading { font-size: 18px; }

.ui-dialog .ui-dialog-buttonpane { padding: 7px 14px; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: none; }

.ui-widget-header, .ui-dialog-buttonpane { background-color: #efefef; }

/* ui-dialog close button */
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close { margin: 0;

	top: 5px; /* strange but true */
	right: 0; /* added 171002 */
}

/* ui-timepicker */
.ui-slider-handle.ui-state-default { padding: 0; }
.ui-timepicker { text-align: left; }
.ui-timepicker-standard { padding: 1px 0 0 0; background: none; border: 0; }
.ui-timepicker-standard a { border: 0; }

/* ui-tooltip */
.ui-tooltip { padding: 3px 7px; color: #fff; background: #333; border: 1px solid #555; }
.ui-tooltip { -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; }

/* tbltab */
.ui-dialog-content.ui-widget-content .tblwrp { background-color: transparent; }

/* table inner */
.ui-widget-content table { border: 0; }
.ui-widget-content table td a.ui-state-default { margin: 0; padding: 0; }






/* sortable styles */
ul#sortable { margin: 0; padding: 0; }
ul#sortable * { text-shadow: none; }
ul#sortable li a { margin: 0; padding: 0; display: block; }
ul#sortable li a.icon { display: inline-block; }

ul#sortable.ui-sortable { margin: 0; padding: 0; list-style: none; }
ul#sortable.ui-sortable li.ui-state-default, ul#sortable.ui-sortable li.ui-state-default * { cursor: move; }
ul#sortable.ui-sortable li.ui-state-default .con { /*background-color: #f7f7f7; background-image: url(../img/_ui/ico32/move.png); float: left; width: 32px; height: 32px; padding: 10px;*/ }
ul#sortable.ui-sortable li.ui-state-default .con .svg-inline--fa, ul#sortable.ui-sortable li.ui-state-default .con .ep { display:none; }
ul#sortable.ui-sortable li.ui-state-default .des {	}
ul#sortable.ui-sortable li.ui-state-default.ui-sortable-helper .des, ul#sortable.ui-sortable li:hover .des { color: #777; }
ul#sortable.ui-sortable li.ui-state-default { /*float: none; width: 440px; height: 52px; margin: 0 0 10px 0; position: relative; background-image: none; background-position: center right;*/ }

ul#sortable.ui-sortable li.tile.tny.gall .des, ul#sortable.ui-sortable li.tile .des { /*width: 90%; line-height: 28px; text-align: left; position: absolute; top: 0; left: 46px; font-weight: normal;*/ }
ul#sortable.ui-sortable li .des .file_buttons { display: none; }
ul#sortable.ui-sortable li .des .file_name { /*position: relative; top: 4px; left: 14px; text-align: left;*/ }

ul#sortable li.gall.ui-state-default .des .cbuttimg input { -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);

	height: 26px;
	line-height: 14px;
	padding: 3px 14px;
	background-color: #ec465a;
	border-color: #ec465a;
}
/*
ul#sortable .fortick { margin: 0 15px 34px 0; }
ul#sortable .fortick .ti-tick { top: -11px; right: -11px; padding: 3px 5px; }
ul#sortable.ui-sortable .fortick { float: none; margin: 0 0 10px 0; text-shadow: none; }
ul#sortable.ui-sortable .fortick .ti-tick { display: none; }
*/







/* media files drop */
.drop { height: 130px; line-height: 130px; text-align: center; cursor: default; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; border-width: 1px; border-style: dashed; }
.drop.inprogress { color: #8cc63e; background: #f3f9ea url(../img/_spin.gif) 10px 10px no-repeat; border-color: #8cc63e; }
.drop.ondragover { border-color: #3bc4f2; }








/* custom file upload */
.jfilestyle { display: inline-block; margin: 0; padding: 0; position: relative; border-collapse: separate; }
div.jfilestyle input, div.jfilestyle span.focus-jfilestyle { margin: 0; }
div.jfilestyle label { display: inline-block; vertical-align: middle; margin: 0 -5px; }
div.jfilestyle span { line-height: inherit; }
div.jfilestyle.jfilestyle-corner input:first-child { border-right: 0; }
div.jfilestyle.jfilestyle-corner input:last-child { border-left: 0; }
div.jfilestyle.jfilestyle-corner input:first-child, div.jfilestyle.jfilestyle-corner span:first-child>label { /*border-radius: 4px 0 0 4px;*/ }
div.jfilestyle.jfilestyle-corner input:last-child, div.jfilestyle.jfilestyle-corner span:last-child>label { /*border-radius: 0 4px 4px 0;*/ }
div.jfilestyle label[disabled] { pointer-events: none; opacity: 0.6; filter: alpha(opacity=65); cursor: not-allowed; }
div.jfilestyle label:hover { cursor: pointer; opacity: 0.9; }
div.jfilestyle .count-jfilestyle { background: #303030; color: #fff; border-radius: 50%; padding: 1px 5px; font-size: 12px; vertical-align: middle; }
















/* tags */
#tags { /*overflow: hidden;*/ }
ul#tags { margin: 0; padding: 0; padding-bottom: 10px; list-style: none; }
#tags li { float: left; margin-right: 3px; padding: 3px 14px; font-size: 12px; }


/* tag-it */
ul.tagit { padding: 0 5px; overflow: auto; border: none; margin: 0; padding: 0;

	width: 892px;
}
ul.tagit li { display: block; float: left; margin: 0 3px 0 1px; }
ul.tagit li.tagit-choice { position: relative; line-height: inherit;

	margin: 2px 2px 0 0;
}
input.tagit-hidden-field { display: none; }
ul.tagit li.tagit-choice-read-only { padding: 2px 5px; }
ul.tagit li.tagit-choice-editable { padding: 0 10px 0 5px; }
ul.tagit li.tagit-new { padding: 6px 5px; }
ul.tagit li.tagit-choice a.tagit-label { cursor: pointer; text-decoration: none; }
ul.tagit li.tagit-choice span.tagit-label { line-height: 24px; }
ul.tagit li.tagit-choice .tagit-close { cursor: pointer; position: absolute; right: -10px; top: 7px; margin-top: -8px; line-height: 17px; }
ul.tagit li.tagit-choice .tagit-close .text-icon { display: none; }
ul.tagit li.tagit-choice .tagit-close .ui-icon { line-height:inherit; }
ul.tagit li.tagit-choice input { display: block; float: left; margin: 2px 5px 2px 0; }
ul.tagit input[type="text"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; margin: 0; padding: 0; outline: none; }

/* Forked from a jQuery UI theme, so that we don't require the jQuery UI CSS as a dependency. */
.tagit-autocomplete.ui-autocomplete { position: absolute; cursor: default; }
* html .tagit-autocomplete.ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
.tagit-autocomplete.ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; }
.tagit-autocomplete.ui-menu .ui-menu { margin-top: -3px; }
.tagit-autocomplete.ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; }
.tagit-autocomplete.ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; }
.tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-hover, .tagit-autocomplete .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; }
.tagit-autocomplete.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff 50% 50% repeat-x; color: #222222; }
.tagit-autocomplete.ui-corner-all, .tagit-autocomplete .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; }
.tagit-autocomplete .ui-state-hover, .tagit-autocomplete .ui-state-focus { border: 1px solid #999999; background: #dadada; font-weight: normal; color: #212121; }
.tagit-autocomplete .ui-state-active  { border: 1px solid #aaaaaa; }
.tagit-autocomplete .ui-widget-content { border: 1px solid #aaaaaa; }
.tagit .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px,1px,1px,1px); }

.fwrp ul.tagit { padding: 7px 14px; }
dd ul.tagit input[type="text"] { display: none; }

/* when viewing details */
table tr td ul.tagit, table tr td ul.tags, .profile .tagit, .profile #tags { width: 100%; }
table tr td ul.tagit.ui-widget.ui-widget-content.ui-corner-all, table tr td ul.tagit.ui-widget.ui-widget-content.ui-corner-all * { list-style:none; margin: 0; padding: 0; float: none; display: inline; text-shadow: none; color: #333; background: none; border: 0; line-height: 18px; }
/*table tr td ul.tagit li.tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-read-only:before, table tr td ul#tags li.tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-read-only:before { content:"\2018"; }*/
table tr td ul.tagit li.tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-read-only:after, table tr td ul#tags li.tagit-choice.ui-widget-content.ui-state-default.ui-corner-all.tagit-choice-read-only:after { content:",\00a0";  /*"\2019\00a0";*/ }






/* selectable + movable */
.fwrp.split.left_container, .fwrp.split.right_container { width: 490px; }
.movable_container .boxselect { width: 94%; height: 240px; overflow-y: scroll; }
.movable_container .boxselect.selectedbox { min-width: 300px; width: 99%; height: 300px; }
.selectable { list-style-type: none; margin: 0; padding: 0; }
.selectable li { margin: 1px; padding: 3px 7px; float: left; font-size: 0.85em; }

.movable_container .boxselect.taller { height: 540px; }
.movable_container .boxselect.selectedbox.taller { height: 600px; }
.movable_container .boxselect.shorter { height: 100px; }
.movable_container .boxselect.selectedbox.shorter { height: 160px; }






/* select2 */
.fwrp span.select2, .fwrp span .selection, .fwrp span.select2-selection, .fwrp span.select2-selection__choice__remove { padding: 0; line-height: inherit; }
.fwrp .select2 .selection span.select2-selection { padding: 7px; /*height: 48px;*/ }
.fwrp span.select2.select2-container, .fwrp span.select2.select2-container .selection, .fwrp span.select2.select2-container .selection .select2-selection { width: 100%; }
.select2-container--default .select2-selection--multiple .select2-selection__choice { margin-bottom: 0; }
.select2 .selection span.select2-selection .select2-search .select2-search__field { min-width: 200px; }






/* table options */
.optlnk { position: relative; }
.optlnk.on, .optlnk.on:hover, .btn.optlnk:hover { background-color: #91c854; color: #fff; }
.optwrp { position: absolute; top: 34px; left: -4px; z-index: 999; cursor: default; background-color: #fff; border: 1px solid #e0e7e8; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08);

	width: 290px;
	height: 420px;
}
.optwrp:after, .optwrp:before { bottom: 100%; left: 12%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.optwrp:after { border-color: rgba(42,42,42,0); border-bottom-color: #2a2a2a; border-width: 10px; margin-left: -10px; }
.optwrp:before { border-color: rgba(224,231,232,0); border-bottom-color: #e0e7e8; border-width: 11px; margin-left: -11px; }

.opthed { font-weight: 600; color: #fff; background: #2a2a2a; }
.optcon { color: #444; }
.optcon .radiof { width: 100%; }
.optcon .btn { float: none; }
.optcon select { width: 96%; }


.optlnk.custom-fil{
	float: right;
}

.optlnk.custom-fil section.optwrp{
	width:300px;
	left: auto;
	right: 0;
	top: 100%;
	height: auto !important;
	padding-bottom: 15px;
}

.optlnk.custom-fil section.optwrp::after, .optlnk.custom-fil section.optwrp::before{
	right: 5%;
	left:auto;
}

.optlnk.custom-fil .fom{
	padding:15px;
}

.custom-fil .fom .btn{
	float:left;
}

.custom-fil .opthed{
	padding:10px 0;
}

.custom-fil select.cls_rows{
	height: auto !important;
	position: relative;
	left: 10px;
}







/* chosen style + overrides */
select.chosenselect, .chosen-container.chosen-container-multi { /*width: 63.5%;*/ }

.chosen-container {  }
.chosen-container .chosen-drop {  }
.chosen-choices { -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; }
.chosen-container-multi .chosen-choices {

	width: 100%;
	padding: 8px 14px 9px 14px;
	background: none;
}
.chosen-container-multi .chosen-choices li.search-choice span { float: none; line-height: 14px; }
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: 5px; }






/* timepicki */
.ti_tx, .mi_tx, .mer_tx { width: 100%; text-align: center; margin: 4px 0; overflow: hidden; }
.timepicker_wrap .time, .timepicker_wrap .mins, .timepicker_wrap .meridian { width: 36px;/*60*/ margin: 0 2px; float: left; font-family: arial; font-weight: 700; font-size: 20px; color: #fff; }
.timepicker_wrap .prev, .timepicker_wrap .next { cursor: pointer; /*width: 28%;*/ margin: auto; /*padding: 18px;*/ /*background: url(../js/timepicki/images/arrow.png) no-repeat;*/ border-radius: 5px; }
.timepicker_wrap .prev:hover, .timepicker_wrap .next:hover { /*background-color: #ccc;*/ }
.timepicker_wrap .next:before { /*background-position: 50% 150%;*/ content:"\25bc"; }
.timepicker_wrap .prev:before { /*background-position: 50% -50%;*/ content:"\25b2"; }
.time_pick { position: relative; }
.timepicker_wrap { position: absolute; top: 27px; left: 0; z-index: 998; padding: 7px 4px;/*10*/ display: none; background: #f6f6f6; border-radius: 5px; box-shadow: 2px 2px 5px 0 rgba(50,50,50,0.35); /*float: left;*/

	width: 120px;
}
.timepicker_wrap .arrow_top { position: absolute; top: -10px; left: 36px;/*0*/ z-index: 999; width: 18px; height: 10px; background: url(../js/timepicki/images/top_arr.png) no-repeat; }
.timepicker_wrap input.timepicki-input { width: 26px;/*38*/ margin: 0 auto; float: none; }
.timepicker_wrap a.reset_time { margin-top: 5px; float: left; }

.timepicker_wrap .prev, .timepicker_wrap .next, .timepicker_wrap input.timepicki-input { width: 26px; padding: 2px 4px; font-size: 12px; text-align: center; }






/* dialog() popup specifics*/
.ui-dialog.ui-widget.ui-widget-content { padding: 0; }
.ui-dialog-titlebar.ui-widget-header.ui-corner-all { -webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:4px;border-top-right-radius:4px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; background: #fff; }
.ui-dialog-titlebar .ui-state-default, .ui-dialog-titlebar .ui-widget-content .ui-state-default, .ui-dialog-titlebar .ui-widget-header .ui-state-default, .ui-dialog-titlebar .ui-state-hover, .ui-dialog-titlebar .ui-widget-content .ui-state-hover, .ui-dialog-titlebar .ui-widget-header .ui-state-hover, .ui-dialog-titlebar .ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { font-size: 23px; line-height: 20px; background: none; border: 0; }
.ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close::before, .admin .mce-window-head .mce-close { content: "\d7"; color: #858585; font-size: 23px; font-weight: bold; outline: none; }
.ui-dialog-titlebar .ui-button, .ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close, .ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:hover, .ui-dialog-titlebar .ui-button.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close:focus { outline: none; }
.ui-dialog-titlebar .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close.ui-state-hover::before { color: #09c; }
.ui-dialog .ui-dialog-titlebar-close { right: 20px; }
.ui-widget-header { border: 0; border-bottom: 1px solid #c5c5c5; }
.ui-dialog-titlebar.ui-widget-header, .admin .mce-window-head .mce-title { font-size: 17px; line-height: 24px; font-weight: normal; padding: 15px 20px; color: #858585; }
.ui-dialog .ui-dialog-buttonpane { margin: 0; border: 0; border-top: 1px solid #c5c5c5;

	background-color: #fff;
}
.ui-dialog-content .fwrp, .ui-dialog-content .fwrp.fgrp, .admin.iframe .fwrp, .admin.iframe .fwrp.fgrp, .ui-dialog-content .fwrp.fhed:nth-child(2n), .ui-dialog-content .fwrp.fhed:nth-child(2n+1) { padding: 14px 0; background: none; }
.ui-dialog-content.ui-widget-content, .admin.iframe { padding: 20px; }
.ui-dialog-content.ui-widget-content .custom_fields_advanced_opts.wrp.bg_white { background: none; padding: 0; }
.ui-dialog.ui-widget.ui-widget-content.ui-front { border: 1px solid #c5c5c5; }
.ui-dialog-titlebar .ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { background: url(../img/_ui/jquery-ui-close.jpg) left top no-repeat; }



/*
.ui-dialog-content.ui-widget-content .heading, .admin.iframe .heading, .admin.iframe .fom .heading, .admin.iframe table .toolbox { background: none; border: 0; color: #777; padding: 14px 0; }
.ui-dialog.ui-widget.ui-widget-content table.fom.filter_con, .toolbox, .ui-dialog.ui-widget.ui-widget-content table .toolbox { border: 0; }
.ui-dialog.ui-widget.ui-widget-content table .toolbox { padding-left: 0; padding-right: 0; padding-bottom: 20px; }
*/
.ui-dialog-content.ui-widget-content .fwrp.fgrp, .ui-dialog-content.ui-widget-content .fwrp.fgrp .fwrp.split, .admin.iframe .fwrp.fgrp, .admin.iframe .fwrp.fgrp .fwrp.split { width: auto; }
.ui-dialog-content.ui-widget-content .fwrp, .ui-dialog-content.ui-widget-content .fwrp.fgrp, .admin.iframe .fwrp, .admin.iframe .fwrp.fgrp { padding: 5px 0; }
.ui-dialog-content.ui-widget-content .fwrp textarea { width: 96%; }






/* tinymce */
.admin .mce-tinymce.mce-container.mce-panel { width: 99%; border-collapse:collapse;border-spacing:0; }
.admin .mce-window-head { padding: 0; }
.admin .mce-tab { line-height: 13px; }
.admin .mce-window-head .mce-close { top: 20px; right: 10px; font-weight: bold; height: auto;

	padding: 0;
	background: none;
	border: 0;
}
.admin .mce-container.mce-panel.mce-foot .mce-widget.mce-primary { background-color: none; }
.admin .mce-textbox { width: auto; padding: 0 4px; }
.admin .mce-combobox input { height: 26px; }

.admin .mce-widget.mce-btn:hover, .admin .mce-widget.mce-btn:hover button, .admin .mce-widget.mce-btn.mce-menubtn:hover { outline: 0; border-color: transparent; }

.admin .mce-widget.mce-btn.mce-primary.mce-abs-layout-item.mce-first, .admin .mce-widget.mce-btn.mce-abs-layout-item.mce-last { background: none; border: 0; }





















/*! featherlight */
@media all{html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;cursor:pointer;text-align:center;/*line-height:25px;width:25px;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;*/border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch;overflow-y:scroll}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{@page{size:landscape}html.with-featherlight>*>:not(.featherlight){display:none}}
@media all{.featherlight-next,.featherlight-previous{display:block;position:absolute;top:25px;right:25px;bottom:0;left:80%;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background:rgba(0,0,0,0)}.featherlight-previous{left:25px;right:80%}.featherlight-next:hover,.featherlight-previous:hover{background:rgba(255,255,255,.25)}.featherlight-next span,.featherlight-previous span{display:none;position:absolute;top:50%;left:5%;width:82%;text-align:center;font-size:80px;line-height:80px;margin-top:-40px;text-shadow:0 0 5px #fff;color:#fff;font-style:normal;font-weight:400}.featherlight-next span{right:5%;left:auto}.featherlight-next:hover span,.featherlight-previous:hover span{display:inline-block}.featherlight-first-slide.featherlight-last-slide .featherlight-next,.featherlight-first-slide.featherlight-last-slide .featherlight-previous,.featherlight-loading .featherlight-next,.featherlight-loading .featherlight-previous,.featherlight-swipe-aware .featherlight-next,.featherlight-swipe-aware .featherlight-previous{display:none}}@media only screen and (max-device-width:1024px){.featherlight-next:hover,.featherlight-previous:hover{background:0 0}.featherlight-next span,.featherlight-previous span{display:block}}@media only screen and (max-width:1024px){.featherlight-next,.featherlight-previous{top:10px;right:10px;left:85%}.featherlight-previous{left:10px;right:85%}.featherlight-next span,.featherlight-previous span{margin-top:-30px;font-size:40px}}

/* sb-overwrites */
.featherlight .featherlight-close-icon { top: -14px; right: -14px; margin: 0; padding: 10px 14px; border-radius: 50%; border-radius: 50% !important; }
.featherlight .featherlight-content { padding: 0; border: 0;

	overflow: visible;
}
.featherlight .featherlight-inner { padding: 10px; }
.featherlight .copylink.featherlight-inner { padding: 30px 40px; }













/* FullCalendar v2.2.2 Stylesheet . Docs & License: http://arshaw.com/fullcalendar/ . (c) 2013 Adam Shaw */
.fc { direction: ltr; text-align: left; } .fc-rtl { text-align: right; } body .fc { font-size: 1em; }
.fc-unthemed th, .fc-unthemed td, .fc-unthemed hr, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-row, .fc-unthemed .fc-popover { border-color: #ddd; } .fc-unthemed .fc-popover { background-color: #fff; } .fc-unthemed hr, .fc-unthemed .fc-popover .fc-header { background: #eee; } .fc-unthemed .fc-popover .fc-header .fc-close { color: #666; } .fc-highlight { background: #bce8f1; opacity: .3; filter: alpha(opacity=30); } .fc-bgevent { background: rgb(143, 223, 130); opacity: .3; filter: alpha(opacity=30); /* for IE */ } .fc-nonbusiness { background: #ccc; }
.fc-icon { display: inline-block; font-size: 2em; line-height: .5em; height: .5em; font-family: "Courier New", Courier, monospace; } .fc-icon-left-single-arrow:after { content: "\02039"; font-weight: bold; } .fc-icon-right-single-arrow:after { content: "\0203A"; font-weight: bold; } .fc-icon-left-double-arrow:after { content: "\000AB"; } .fc-icon-right-double-arrow:after { content: "\000BB"; } .fc-icon-x:after { content: "\000D7"; }
.fc button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; /*margin: 0; height: 2.1em; padding: 0 .6em; font-size: 1em;*/ white-space: nowrap; cursor: pointer; } .fc button::-moz-focus-inner { margin: 0; padding: 0; } .fc-state-default { /*border: 1px solid;*/ } .fc button .fc-icon { position: relative; top: .05em; margin: 0 .1em; } .fc-state-default { color: #333; }
.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #333; background-color: #e6e6e6; }
.fc-state-hover { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }
.fc-state-down, .fc-state-active { background-color: #ccc; background-image: none; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; }

.fc-button-group { display: inline-block; } .fc .fc-button-group > * { float: left; margin: 0 0 0 -1px; } .fc .fc-button-group > :first-child { margin-left: 0; }
.fc-popover { position: absolute; box-shadow: 0 2px 6px rgba(0,0,0,.15); } .fc-popover .fc-header { padding: 2px 4px; } .fc-popover .fc-header .fc-title { margin: 0 2px; } .fc-popover .fc-header .fc-close { cursor: pointer; } .fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close { float: left; } .fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close { float: right; }
.fc-unthemed .fc-popover { border-width: 1px; border-style: solid; } .fc-unthemed .fc-popover .fc-header .fc-close { font-size: 25px; margin-top: 4px; }
.fc-popover > .ui-widget-header + .ui-widget-content { border-top: 0; }
.fc hr { height: 0; margin: 0; padding: 0 0 2px; border-style: solid; border-width: 1px 0; } .fc-clear { clear: both; } .fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton, .fc-helper-skeleton { position: absolute; top: 0; left: 0; right: 0; } .fc-bg { bottom: 0; } .fc-bg table { height: 100%; }
.fc table { width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0; font-size: 1em; } .fc th { text-align: center; } .fc th, .fc td { border-style: solid; border-width: 1px; padding: 0; vertical-align: top; } .fc td.fc-today { border-style: double; }

/* Fake Table Rows */
.fc .fc-row { border-style: solid; border-width: 0; } .fc-row table { border-left: 0 hidden transparent; border-right: 0 hidden transparent; border-bottom: 0 hidden transparent; } .fc-row:first-child table { border-top: 0 hidden transparent; }

.fc-row { position: relative; } .fc-row .fc-bg { z-index: 1; }
.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton { bottom: 0; } .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table { height: 100%; } .fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td { border-color: transparent; } .fc-row .fc-bgevent-skeleton { z-index: 2; } .fc-row .fc-highlight-skeleton { z-index: 3; }
.fc-row .fc-content-skeleton { position: relative; z-index: 4; padding-bottom: 2px; } .fc-row .fc-helper-skeleton { z-index: 5; } .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td { background: none; border-color: transparent; border-bottom: 0; } .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td { border-top: 0; }
.fc-scroller { overflow-y: scroll; overflow-x: hidden; } .fc-scroller > * { position: relative; width: 100%; overflow: hidden; }
.fc-event { position: relative; display: block; font-size: .85em; line-height: 1.3; border-radius: 3px; border: 1px solid #3a87ad; font-weight: normal; }
.fc-event, .fc-event:hover, .ui-widget .fc-event { color: #fff; text-decoration: none; } .fc-event[href], .fc-event.fc-draggable { cursor: pointer; } .fc-not-allowed, .fc-not-allowed .fc-event { cursor: not-allowed; }
.fc-day-grid-event { margin: 1px 2px 0; padding: 0 1px; }
.fc-ltr .fc-day-grid-event.fc-not-start, .fc-rtl .fc-day-grid-event.fc-not-end { margin-left: 0; border-left-width: 0; padding-left: 1px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .fc-ltr .fc-day-grid-event.fc-not-end, .fc-rtl .fc-day-grid-event.fc-not-start { margin-right: 0; border-right-width: 0; padding-right: 1px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .fc-day-grid-event > .fc-content { white-space: nowrap; overflow: hidden; } .fc-day-grid-event .fc-time { font-weight: bold; }
.fc-day-grid-event .fc-resizer { position: absolute; top: 0; bottom: 0; width: 7px; } .fc-ltr .fc-day-grid-event .fc-resizer { right: -3px; cursor: e-resize; } .fc-rtl .fc-day-grid-event .fc-resizer { left: -3px; cursor: w-resize; }
a.fc-more { margin: 1px 3px; font-size: .85em; cursor: pointer; text-decoration: none; } a.fc-more:hover { text-decoration: underline; } .fc-limited { display: none; }
.fc-day-grid .fc-row { z-index: 1; } .fc-more-popover { z-index: 2; width: 220px; } .fc-more-popover .fc-event-container { padding: 10px; }

.fc-toolbar { text-align: center; margin-bottom: 1em; } .fc-toolbar .fc-left { float: left; } .fc-toolbar .fc-right { float: right; } .fc-toolbar .fc-center { display: inline-block; } .fc .fc-toolbar > * > * { float: left; margin-left: .75em; } .fc .fc-toolbar > * > :first-child { margin-left: 0; } .fc-toolbar h2 { margin: 0; } .fc-toolbar button { position: relative; }
.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover { z-index: 2; } .fc-toolbar .fc-state-down { z-index: 3; } .fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active { z-index: 4; } .fc-toolbar button:focus { z-index: 5; }
.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .fc-view, .fc-view > table { position: relative; z-index: 1; }
.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton { padding-top: 1px; padding-bottom: 1em; } .fc-basic-view tbody .fc-row { min-height: 4em; } .fc-row.fc-rigid { overflow: hidden; } .fc-row.fc-rigid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; }

/* week and day number styling */
.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number { padding: 0 2px; } .fc-basic-view td.fc-week-number span, .fc-basic-view td.fc-day-number { padding-top: 2px; padding-bottom: 2px; } .fc-basic-view .fc-week-number { text-align: center; } .fc-basic-view .fc-week-number span { display: inline-block; min-width: 1.25em; } .fc-ltr .fc-basic-view .fc-day-number { text-align: right; } .fc-rtl .fc-basic-view .fc-day-number { text-align: left; } .fc-day-number.fc-other-month { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ }

/* AgendaView all-day area */
.fc-agenda-view .fc-day-grid { position: relative; z-index: 2; } .fc-agenda-view .fc-day-grid .fc-row { min-height: 3em; } .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton { padding-top: 1px; padding-bottom: 1em; }

.fc .fc-axis { vertical-align: middle; padding: 0 4px; white-space: nowrap; } .fc-ltr .fc-axis { text-align: right; } .fc-rtl .fc-axis { text-align: left; } .ui-widget td.fc-axis { font-weight: normal; }
.fc-time-grid-container, .fc-time-grid { position: relative; z-index: 1; } .fc-time-grid { min-height: 100%; } .fc-time-grid table { border: 0 hidden transparent; } .fc-time-grid > .fc-bg { z-index: 1; } .fc-time-grid .fc-slats, .fc-time-grid > hr { position: relative; z-index: 2; } .fc-time-grid .fc-bgevent-skeleton, .fc-time-grid .fc-content-skeleton { position: absolute; top: 0; left: 0; right: 0; } .fc-time-grid .fc-bgevent-skeleton { z-index: 3; } .fc-time-grid .fc-highlight-skeleton { z-index: 4; } .fc-time-grid .fc-content-skeleton { z-index: 5; } .fc-time-grid .fc-helper-skeleton { z-index: 6; }
.fc-slats td { height: 1.5em; border-bottom: 0; } .fc-slats .fc-minor td { border-top-style: dotted; } .fc-slats .ui-widget-content { /* for jqui theme */ background: none; }
.fc-time-grid .fc-highlight-container { position: relative; } .fc-time-grid .fc-highlight { position: absolute; left: 0; right: 0; }
.fc-time-grid .fc-event-container, .fc-time-grid .fc-bgevent-container { position: relative; } .fc-ltr .fc-time-grid .fc-event-container { margin: 0 2.5% 0 2px; } .fc-rtl .fc-time-grid .fc-event-container { margin: 0 2px 0 2.5%; } .fc-time-grid .fc-event, .fc-time-grid .fc-bgevent { position: absolute; z-index: 1; } .fc-time-grid .fc-bgevent { left: 0; right: 0; }
.fc-time-grid-event.fc-not-start { border-top-width: 0; padding-top: 1px; border-top-left-radius: 0; border-top-right-radius: 0; } .fc-time-grid-event.fc-not-end { border-bottom-width: 0; padding-bottom: 1px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .fc-time-grid-event { overflow: hidden; } .fc-time-grid-event > .fc-content { position: relative; z-index: 2; } .fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title { padding: 0 1px; } .fc-time-grid-event .fc-time { font-size: .85em; white-space: nowrap; } .fc-time-grid-event .fc-bg { z-index: 1; background: #fff; opacity: .25; filter: alpha(opacity=25); /* for IE */ }
.fc-time-grid-event.fc-short .fc-content { white-space: nowrap; } .fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title { display: inline-block; vertical-align: top; } .fc-time-grid-event.fc-short .fc-time span { display: none; } .fc-time-grid-event.fc-short .fc-time:before { content: attr(data-start); } .fc-time-grid-event.fc-short .fc-time:after { content: "\000A0-\000A0"; } .fc-time-grid-event.fc-short .fc-title { font-size: .85em; padding: 0; }
.fc-time-grid-event .fc-resizer { position: absolute; z-index: 3; left: 0; right: 0; bottom: 0; height: 8px; overflow: hidden; line-height: 8px; font-size: 11px; font-family: monospace; text-align: center; cursor: s-resize; }
.fc-time-grid-event .fc-resizer:after { content: "="; }



/* fullcalendar sb overwrites */
.fc-unthemed th, .fc-unthemed td, .fc-unthemed hr, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-row, .fc-unthemed .fc-popover, .fc-unthemed .fc-popover, .fc-popover > .ui-widget-header + .ui-widget-content, .fc hr, .fc th, .fc td, .fc td.fc-today, .fc-row table, .fc-event, #calendar td, #calendar td.fc-day-number, #calendar td.fc-day, #calendar td.fc-event-container { border-color: #fff; }
.fc-widget-content { background: #fff; }
.fc th { padding: 10px 0; }
.fc-day-header { background: none; font-size: 14px; text-transform: uppercase; }
.fc-event { background-color: #00ade2; }

.fc-today-button { margin: 0; }
.fc-today-button[disabled="disabled"] { display:none; }
.fc-prev-button, .fc-next-button { padding: 13px 7px; }

#calendar div.fc-widget-header { margin-bottom: 10px; }
#calendar div.fc-widget-header .fc-day-header { text-align: right; }
#calendar table tr:hover, #calendar .fc-content-skeleton * { background: transparent; }
#calendar .fc-event-container a { color: #fff; border-color: #333; }
#calendar .fc-day-grid-container.fc-scroller {

	/* ?? */
	min-height: 800px;
	height: auto !important;
	height: 800px;
}
#calendar .fc-basic-view tbody .fc-row { border-bottom: 1px solid #fff;

	/* ?? */
	min-height: 150px;
	height: auto !important;
	height: 150px;
}
#calendar td.fc-day-number { padding: 10px 10px 4px 0; font-size: 13px; }
#calendar td.fc-day-number.fc-today { font-weight: bold; font-size: 15px; padding: 9px 10px 4px 0; color: #fff; }
#calendar td.fc-event-container { padding: 1px 10px; }
#calendar td.fc-event-container .fc-content { padding: 3px 5px; }
#calendar td.fc-more-cell { padding: 2px 10px; }





















/* anim */
.resp, #backtotop, .dsk, .mob, #pov, #main, /*#snav ul ul,*/ #ppop, #notification, #sys, .tile.gall, .fom input, .fom select, .fom textarea {
	-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.tile.gall.ui-state-default, #srcsysfom .toolbox .btn:hover, #srcsysfom .toolbox .btn:focus, input.hasDatepicker, input.hasDatepicker:focus {
	-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
}



@media only screen and (max-width: 1650px) {  }
@media only screen and (max-width: 1600px) {  }
@media only screen and (max-width: 1440px) {

.colwrp.sfspecific .coltre input#name { width: 240px; }

}
@media only screen and (max-width: 1439px) {  }
@media only screen and (max-width: 1366px) {

.colwrp.sfspecific .coltre .fwrp.split, .colwrp.sfspecific .coltre .fwrp.split.last { margin-right: 10px; }
.colwrp.sfspecific .coltre input { width: 290px; }
.colwrp.sfspecific .coltre input.half { width: 130px; }
.colwrp.sfspecific .coltre input#name { width: 240px; }
.colwrp.sfspecific .coltre .radiof input { width: 16px; }

}
@media only screen and (max-width: 1365px) {

.fom input, .fom select, .fom textarea, .fom .textbox, span.input { width: 282px; }
.fom select, .fwrp .emojionearea.emojionearea-inline { width: 312px; }
.fom textarea, .fwrp *.double, .fwrp *.triple { width: 616px; }

.fwrp *.half, table .half, .fom .radiof input.half { width: 96px; } .fwrp select.half { width: 176px; }
.fwrp *.date, table .date, .fom .radiof input.date { width: 120px; }
.fwrp *.treq, table .treq, .fom .radiof input.treq { width: 155px; }
.fwrp *.name, table .name, .fom .radiof input.name { width: 170px; }
.fwrp *.w200, table .w200, .fom .radiof input.w200 { width: 190px; }
.fwrp *.w260, table .w260, .fom .radiof input.w260 { width: 250px; }
.fwrp *.long, table .long, .fom .radiof input.long { width: 290px; }
.fwrp *.fit2, table .fit2, .fom .radiof input.fit2 { width: 406px; }
input.btn, a.btn, span.btn, button, input[type="button"], .ui-button { width: auto; }

}
@media only screen and (max-width: 1280px) { .fieldset .toolbox .btn { width: 30%; }

.toolbox .fom.floatr { float: none; display: block; clear: both; padding-top: 20px; }

.colwrp.sfspecific .coltre input { width: 270px; }
.colwrp.sfspecific .coltre input.half { width: 110px; }
.colwrp.sfspecific .coltre input#name { width: 200px; }
.colwrp.sfspecific .coltre .radiof input { width: 16px; }

}
@media only screen and (max-width: 1279px) {

.fwrp *.half, table .half, .fom .radiof input.half { width: 86px; } .fwrp select.half { width: 166px; }
.fwrp *.date, table .date, .fom .radiof input.date { width: 110px; }
.fwrp *.treq, table .treq, .fom .radiof input.treq { width: 145px; }
.fwrp *.name, table .name, .fom .radiof input.name { width: 160px; }
.fwrp *.w200, table .w200, .fom .radiof input.w200 { width: 180px; }
.fwrp *.w260, table .w260, .fom .radiof input.w260 { width: 240px; }
.fwrp *.long, table .long, .fom .radiof input.long { width: 280px; }
.fwrp *.fit2, table .fit2, .fom .radiof input.fit2 { width: 396px; }

.tbltab.wizard.children1 a { width: 93.9%; }
.tbltab.wizard.children2 a { width: 46.1%; }
.tbltab.wizard.children3 a { width: 28.8%; }
.tbltab.wizard.children4 a { width: 20.1%; }
.tbltab.wizard.children5 a { width: 15.1%; }
.tbltab.wizard.children6 a { width: 11.4%; }
.tbltab.wizard.children7 a { width: 9.0%; }
.tbltab.wizard.children8 a { width: 7.2%; }
.tbltab.wizard.children9 a { width: 5.7%; }

.colwrp.sfspecific .coltre { float: none; display: block; width: 100%; }
.colwrp.sfspecific .coltre input, .colwrp.sfspecific .coltre input#name { width: 312px; }
.colwrp.sfspecific .coltre input.half { width: 156px; }
.colwrp.sfspecific .coltre .radiof input { width: 16px; }

.colwrp.sfspecific .coltre .fwrp {  }

}
@media only screen and (max-width: 1097px) {

#head #utility { float: none; width: 130px; position: fixed; top: 11px; right: 14px; z-index: 991; text-align: center; background-color: #333; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; }
#head #utility a.util { font-size: 18px; margin: 0 4px; color: #fff; }
#notification { top: 40px; right: 1px; }
.notifylnk .hasnotification { width: 8px; height: 8px; }

.fwrp select.half { width: auto; }
.fwrp *.date, table .date, .fom .radiof input.date { width: 100px; }
.fwrp *.treq, table .treq, .fom .radiof input.treq { width: 135px; }
.fwrp *.name, table .name, .fom .radiof input.name { width: 150px; }
.fwrp *.w200, table .w200, .fom .radiof input.w200 { width: 150px; }
.fwrp *.w260, table .w260, .fom .radiof input.w260 { width: 180px; }
.fwrp *.long, table .long, .fom .radiof input.long { width: 220px; }
.fwrp *.fit2, table .fit2, .fom .radiof input.fit2 { width: 336px; }

}
@media only screen and (max-width: 1024px) {

#main { width: 844px; }
#side { width: 180px; }
#main { margin-left: 180px; }
#hed h1 { font-size: 1.2em; }
#head .wrp, #logo .wrp { padding: 7px 14px; }
#head #crumb .pipe { font-size: 14px; padding: 0 7px; }
#head #crumb a { font-size: 12px; line-height: 34px; }
#head #utility { top: 6px; }
#logo #csys { font-size: 24px; }
#logo a img.resp { width: 116px; margin-top: 4px; }
#snav ul li { font-size: 15px; }
#snav ul li span .svg-inline--fa { display: none; }
#snav ul li span.on .fa-chevron-down, #snav ul li span .fa-chevron-up { display: none; }
#snav ul li span.on .fa-chevron-up, #snav ul li span .fa-chevron-down { display: block; }
#snav ul ul li a { padding: 7px 10px 7px 10px; font-size: 12px; }

.fwrp, .fwrp.fgrp { padding: 5px 0 10px 0; }
.fwrp.fgrp { padding: 0; }

.fom input, .fom select, .fom textarea, .fom .textbox, span.input { width: 218px; }
.fom select, .fwrp .emojionearea.emojionearea-inline { width: 248px; }
.fom textarea, .fwrp *.double, .fwrp *.triple { width: 756px; }
.fwrp *.w260, table .w260, .fom .radiof input.w260, .fwrp *.long, table .long, .fom .radiof input.long { width: 150px; }
.fwrp *.fit2, table .fit2, .fom .radiof input.fit2 { width: 300px; }

input.btn, a.btn, span.btn, button, input[type="button"], .ui-button { width: auto; }
.coltwo, .coltre, .coltre.mid, .coltre.dbl, .colfor, .colfor.dbl, .colfiv { width: 100%; float: none; display: block; }
.coltwo.floatr, .coltre.floatr, .colfor.floatr, .colfiv.floatr { float: none; margin-top: 20px; }
.profile .coltre { float: left; }
.profile .coltre.dbl { float: right; }
.profile.gallery .coltre { width: 16%; float: left; }
.profile.gallery .coltre.dbl { width: 81%; float: right; }
.fieldset .toolbox .btn { width: 46%; }
.fieldset.cffield .toolbox .btn { width: 14.8%; }
.dash.ll, .dash.rr { float: none; display: block; width: 100%; }
.dash.rr { margin-top: 20px; }

}
@media only screen and (max-width: 1023px) {



}
@media only screen and (max-width: 768px) {



}
@media only screen and (max-width: 600px) {

.loginwrp { width: 300px; padding: 40px; }
.loginwrp p { width: 100%; }

}
@media only screen and (max-width: 480px) {

.loginwrp { padding: 20px; }

}
@media only screen and (max-width: 375px) {

.emspace.variable { height: 8%; }

}
@media only screen and (max-width: 374px) {

.loginwrp { width: 240px; }
.loginwrp img.resp { width: 70%; }
.loginwrp .fom .fwrp .fermsg { width: 100%; }
.loginwrp .fom input:not(.btn), span.input { width: 86%; }
.loginwrp .fom button.btn { width: 96%; }
.loginwrp .fom #pov { left: 48%; }

}