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 {width:99%;font-family:'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;padding:14px;color:#000;background:#ffffcc;border:1px solid #fc0;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;opacity:0.9;-ms-filter:'alpha(opacity=90)';filter:alpha(opacity=90);-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15);

	top:10px;left:140px;width:134px;padding:20px;
}
#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;} .pl{position:absolute;top:0;left:0;height:1px;overflow:hidden;display:none;} .nomp{margin:0;padding:0;}

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

.emspace.h7 {height:7px;}

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

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



/* corner radius */
.bcc-all { -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
.bcc-top { -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; }
.bcc-bot { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:4px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:4px;border-bottom-left-radius:4px; }
.bcc-rig { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0px; }
.bcc-lef, .fom input.bcc-lef, button.bcc-lef, input[type="button"].bcc-lef, .ui-button.bcc-lef, .input.bcc-lef { -webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:4px; }
.bcc-non { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; }



/* forms */
.evn/*, .fwrp:nth-child(even), tbody tr:nth-child(odd)*/ { background: #fefefe; }
.odd/*, .fwrp:nth-child(odd), tbody tr:nth-child(even)*/ { background: #fafafa; }
/*.fwrp:nth-child(even) .fwrp, .fwrp:nth-child(odd) .fwrp { background:none; }*/

.fom { margin: 0 auto; padding: 0; }
dl.fom { margin: 0; padding: 0; width: 100%; overflow: hidden; clear: both; }
.fom input, .fom select, .fom textarea, .fom .textbox, button, .fom dt, .fom dd, input[type="button"], .ui-button, .input { margin: 0; padding: 0; padding: 7px; float: left; color: #555; background: #fff; border: 1px solid #ccc; width: 274px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
.fom textarea, .fwrp *.double { width: 584px; } .fom textarea { height: 126px; }
.fom select { width: 290px; padding: 6px 4px; }
.fom select[multiple="multiple"] { height: 86px; }
.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 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"] { cursor: default; color: #222; background-color: #f4f4f4; border-color: #e9e9e9; }
.fom option[disabled="disabled"] { color: #ccc; }

.input {
	width: 96%;
	min-height: 18px;
	height: auto !important;
	height: 18px;
}

.fom dt, .fom dd { padding: 7px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border: 1px solid #dcebf7; border-top: 0; }
.fom dt:first-child, .fom dt:first-child + dd { border-top: 1px solid #dcebf7; }
.fom dt { clear: left; width: 100px; padding: 7px; float: left; text-align: right; background: #edf3f4; border-right: 0; }
.fom dd { min-width: 74%; min-height: 18px; }
.fom dd.double { min-height: 36px; }
.fom dd.full { width: 86%; }

.fom dd { max-height: 400px; overflow: auto; }
.fom dd img { max-width: 100%; height: auto; }

dl.fom.thirdhd dt { width: 170px; }
dl.fom.thirdhd dd { min-width: 62%; }
dl.fom.longerhd dt { width: 240px; }
dl.fom.longerhd dd { min-width: 50%; }

.fom label.lhed { font-size: 14px; float: none; margin-bottom: 10px; }

.fom .radiof { width: auto; padding-top: 6px; overflow: hidden; background: none; }
.fom .radiof .emspace { height: 1px; clear: both; overflow: hidden; }
.fom .radiof input { width: 16px; height: 16px; margin: 1px 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 { margin-right: 10px; }

.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 *.auto { width: auto; }
.fom *.mrr { margin-right: 10px; }
.fom *.mll { margin-left: 10px; }

.fwrp, .fwrp.fgrp { padding: 10px 20px 14px 20px; overflow: hidden; border: 1px solid #cfd9db; border-top: 0; background: #fff; }
.fwrp .emspace { clear: both; }
.fwrp.nobg { background: none; border: 0; }
.fwrp.fgrp .fwrp { padding: 0; border: 0; }
.fwrp.split { float: left; margin-right: 20px; }
.fwrp.split.third { margin-right: 0; }

.fwrp.noclear, .fwrp.fgrp.noclear { overflow: visible; height: auto; } /* specifically used for Chosen plugin */
.fwrp.break { float: left; margin: 0 40px 0 20px; line-height: 68px; }

.fwrp.mand label { color: #72a73c; }
.fwrp.mand .radiof label { color: #000; }
.fwrp.mand input, .fwrp.mand textarea { background: #f5fcee; border-color: #c9e5ac; }

.fwrp.fhed { font-size: 18px; color: #444; background: #f1f1f1; border: 1px solid #cfd9db; }
.fwrp.fhed span { float: none; display: block; padding: 5px 0 0 0; font-size: 13px; line-height: 16px; color: #888; }
.fwrp.fhed:nth-child(even), .fwrp.fhed:nth-child(odd) { background: #eee; }

.fwrp.ffot { padding: 24px 14px; background: #f8f8f8; }
.fwrp.ffot label { display: none; }

.fwrp .mr { margin-right: 5px; }
.fwrp *.num2, table .num2 { width: 15px; }
.fwrp *.num4, table .num4 { width: 30px; } .fwrp *.view, table .view { width: 30px; text-align: center; }
.fwrp *.num5, table .num5 { width: 45px; }
.fwrp *.num6, table .num6 { width: 60px; }
.fwrp *.num6, table .num7 { width: 75px; }
.fwrp *.num6, table .num8 { width: 90px; }
.fwrp *.date, table .date { width: 130px; }
.fwrp *.half, table .half { width: 150px; }
.fwrp *.name, table .name { width: 180px; }
.fwrp *.long, table .long { width: 300px; }

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

.fwrp .fnotes, .fwrp .fermsg { clear: both; padding-top: 10px; font-weight: bold; }
.fwrp .fnotes { padding-top: 5px; font-weight: normal; font-size: 12px; line-height: 15px; color: #888; }
.fwrp .fermsg { display: none; color: #c00; }
.fwrp.fer input, .fwrp.fer textarea { background: #fff4f4; border-color: #d4222f; color: #d4222f; }
.fwrp.fer label { color: #c00; }
.fwrp.fer .fermsg { 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; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); }
.fwrp.fer input:focus, .fwrp.fer select:focus, .fwrp.fer textarea:focus { color: #09c; border-color: #09c; }

input.btn, a.btn, button, input[type="button"], .ui-button, .fom *.btn:focus, input[type="button"].ui-state-focus { width: auto; cursor: pointer; margin: 0 7px 0 0; text-align: center; /*ie7*/ color: #fff; cursor: pointer; padding: 7px 24px; background: #00b1e1; border: 1px solid #00a5d2; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;

	/*height: 34px;*/
}
.fom *.btn:focus, input[type="button"]:focus { outline: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; background: #09c url(../img/_ui/btn_of.jpg) center repeat-x; }
input.btn:hover, a.btn:hover, button:hover, input[type="button"]:hover { color: #fff; -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); background: #00a5d2; border-color: #0099c2; }

/*a.btn, a.btn:focus, .fom a.btn:focus { height: 25px; padding-bottom: 0; float: left; overflow: hidden; }*/
a.btn { float: left; overflow: hidden; }


.btn.red, button.red, input[type="button"].red, .btn.red:focus, button.red:focus { background: #ed5466; border-color: #ec465a; } .btn.red:hover, button.red:hover, input[type="button"].red:hover { background-color: #ec465a; border-color: #ea384d; }
.btn.grn, button.grn, input[type="button"].grn, .btn.grn:focus, button.grn:focus { background: #91c854; border-color: #91c854; } .btn.grn:hover, button.grn:hover, input[type="button"].grn:hover { background: #91c854; }
.btn.non, button.non, input[type="button"].non, .btn.non:focus, button.non:focus { background: #f5f5f5; border-color: #cfd9db; } .btn.non:hover, button.non:hover, input[type="button"].non:hover { background: #ededed; border-color: #c6d2d5; }

.btn.floatl { float: left; }
.btn.floatr { float: right; margin-right: 0; }

.ui-datepicker-trigger, .ui-datepicker-trigger:hover { width: auto; height: auto; margin: 0; padding: 2px 0; background: none; border: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

input[type="file"] { border: 0; padding: 8px 10px;

	padding: 5px 5px 6px 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; }



/* paging */
.paging { clear: both; margin: 30px 0 10px 0; overflow: hidden; text-transform: capitalize; line-height: 31px; }
.paging .ll { width: 70%; float: left; overflow: hidden; }
.paging .rr { width: 28%; float: right; text-align: right; line-height: 31px; }
.paging span, .paging a { height: 31px; padding: 2px 14px; float: left; overflow: hidden; display: block; color: #2283c5; background: #fff; border: solid #cfd9db; border-width: 1px 0 1px 1px; }
/*.paging span.fst { padding-left: 0; color: #333; background: #fff; border-color: #cfd9db; }*/
.paging span.lst, .paging a.lst { border-width: 1px; }
.paging span { color: #aaa; background: #e4e4e4; }
.paging span.pgnum { color: #fff; background: #09c; }
.paging a { text-decoration: none; cursor: pointer; background: #efefef; }
.paging a:hover { color: #fff; background: #8cc63e; }



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



/* tables */
table { background: #fff; border: 1px solid #cfd9db; }
table tr { /*border-bottom: 1px solid #cfd9db;*/ }
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 { padding: 10px; vertical-align: middle; border: 1px solid #cfd9db; }
table th { font-weight: 600; text-align: left; color: #444; background: #f1f1f1; }
table tr:hover { background: #f8f8f8; }
tbody tr.nohover:hover { background: none; }

*.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; }

a.url, .url { -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }


/*
table thead tr { background: #f1f1f1; }
table thead th { position: relative; background: none; }
*/
table .sortable-field .fa { float: right; font-size: 14px; line-height: 21px; visibility: hidden;

	/*position: absolute; top: 5px; right: 2px;*/
}
table .sortable-field:hover .fa { visibility: visible; }
table .sortable-field:hover { background-color: #e4e4e4; }

.sbdetails tbody th, .sbtable tbody th { width: 140px; text-align: right; }



/* simp sticky table header */
#dosticky thead.sticky { position: fixed; top: 60px; margin: -1px; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); }



/* responsive table */
@media only screen and (max-width: 414px) {
table.resptbl, .resptbl thead, .resptbl tbody, .resptbl th, .resptbl td, .resptbl tr { display: block; }
.resptbl thead tr { position: absolute; top: -9999px; left: -9999px; }
.resptbl tr { border: 1px solid #cfd9db; }
.resptbl td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; text-align: left; }
.resptbl td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; }
}












/* config */
.admin { color: #777; background: #ecf0f1; }
.admin.login { background: #fff; }
.admin, .fom * { font: 400 13px/18px 'Open Sans',arial,sans-serif; }
.fom .fa { font-family:'FontAwesome'; }

.notinsb { display: none; }
.notinsz { display: block; }
#utility a.notinsz { display: inline; }
tr.notinsz { display: table-row; }


h1, h2, h3, h4, h5, h6 { margin: 0; padding: 10px 0; }
h1 { font-size: 1.8em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em; } h4 { font-size: 1em; } h5 { font-size: 0.83em; } h6 { font-size: 0.75em; }

p { margin: 0; padding: 10px 0; }
a, a:hover { color: #09c; text-decoration: none; } a:hover { color: #8cc63e; } a.point { cursor:pointer; }

.gg { color: #cf6; } .bb { color: #09c; }
.emspace.h32 { height: 32px; } .emspace.h65 {height:65px;} .emspace.h95 {height:95px;} .emspace.h150 { height: 150px; }

.red { color: #ec465a; } .bg_red { background-color: #ec465a; }
.green { color: #91c854; } .bg_green { background-color: #91c854; }
.blue { color: #00b1e1; } .bg_blue { background-color: #00b1e1; }
.yellow { color: #ffd66a; } .bg_yellow { background-color: #ffd66a; }

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






/* login */
.emspace.variable { height:10%; }
.loginwrp { width: 300px; margin: 0 auto; padding: 20px 40px; background: #f7f7f7; border: 1px solid #ccc; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); }
.loginwrp p { width: 256px; 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 input { width: 240px; display: block; margin: 0 auto; }
.loginwrp .fom .fwrp .fermsg { width: 242px; margin: 0 auto; padding: 7px 0; }
.loginwrp .fom input.btn { width: 256px; display: block; margin: 0 auto; }



.admin.login.epc { color: #fff; /*background: #5f0a4b url(../img/_ui/bg_epc-login.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;*/

	background: #cad0d3;
}
.loginwrp { padding: 60px 40px; color: #fff; background-color: rgba(0,0,0,0.7); border-color: #222; -webkit-box-shadow: 0 5px 9px rgba(0,0,0,0.25); box-shadow: 0 5px 9px rgba(0,0,0,0.25); }
.loginwrp input[name="username"], .loginwrp input[name="password"] { width: 220px; padding-left: 27px; }
.loginwrp input[name="username"] { background: #fff url(../img/_ui/bg_epc-login-u.png) 4px center no-repeat; }
.loginwrp input[name="password"] { background: #fff url(../img/_ui/bg_epc-login-p.png) 4px center no-repeat; }
.loginwrp input[name="username"]:focus, .loginwrp input[name="password"]:focus { color: #000; font-weight: bold; }
.loginwrp input.btn { background-color: #59163c; border-color: #59163c; }
.loginwrp input:focus, .loginwrp .btn:focus, .loginwrp .btn:hover {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,0,0,0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,0,0,0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,0,0,0.6);
}
.loginwrp .epcins { font-weight: bold; font-size: 18px; line-height: 21px; }



@media only screen and (max-width: 375px) { .loginwrp, .admin.login.epc .loginwrp { padding: 20px; } }
@media only screen and (max-width: 360px) { .emspace.variable { height: 7%; } }
@media only screen and (max-width: 320px) { .emspace.variable { height: 5%; } .loginwrp, .admin.login.epc .loginwrp { width: 280px; padding: 10px; } }






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

	/*max-width: 2048px;*/
}
.backtotop { clear: both; margin: 20px 0 0 0; text-align: right; display: none; }
.backtotop a { /*font: small-caps bold 11px/18px arial;*/ }

.bg_white { background: #fff; }
.mod-access {
	min-height: 400px;
	height: auto !important;
	height: 400px;
}


.max { position: relative; margin-left: 240px; }
.min { margin-left: 60px; }
#logo.min, #side.min { width: 60px; margin: 0; }

#header { position: fixed; z-index: 1030;  width: 100%; margin: 0px; background-color: #09c; }
#mbnav { position: absolute; top: 6px; left: 14px; z-index: 1031; font-size: 18px; line-height: 38px; color: #fff; cursor: pointer; display: none; }
#logo, #utility { height: 60px; }

#logo { position: fixed; left: 0; z-index: 200; width: 240px; background-color: #09c; border-bottom: 1px solid #2a2a2a; }
#logo a { display: block; width: 100%; height: 38px; line-height: 38px; text-align: center; color: #fff; overflow: hidden; }
#logo.min .dsk { display: none; }
#logo.min .mob { display: block; }

#utility { background: #fff; border-bottom: 1px solid #e9eeef; }
#utility a { width: 46px; margin: 0 14px; font-size: 18px; line-height: 40px; color: #919191; }
#utility a:first-child { margin-left: 0; }
#utility a:hover, #utility a.on { color: #09c; }
#utility a#minmaxnav { cursor: pointer; }
#utility.min .dsk { display: none; }
#utility.min .mob { display:inline; }



.img-circle { border-radius: 50%; border-radius: 50% !important; }



/* http://cssarrowplease.com/ */
#prof #ppop:after, #prof #ppop:before, #notification:after, #notification:before { bottom: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#notification:after, #notification:before { left: 37%; }
#prof #ppop:after, #notification:after { border-color: rgba(255,255,255,0); border-bottom-color: #ffffff; border-width: 10px; margin-left: -10px; }
#notification:after { border-color: rgba(247,247,247,0); border-bottom-color: #f7f7f7; }
#prof #ppop:before, #notification:before { border-color: rgba(224,231,232,0); border-bottom-color: #e0e7e8; border-width: 11px; margin-left: -11px; }

/* profile dropdown */
#prof { position: absolute; top: 0; right: 0; height: 50px; text-align: right; }
#prof #avatar { height: 50px; line-height: 60px; font-size: 13px; color: #9d9d9d; cursor: pointer; }
#prof #avatar span { display: inline-block; }
#prof #avatar span.ava img { display: table-cell; vertical-align: middle; width: 32px; height: 32px; }
#prof #avatar span.usr { padding: 0 5px; }
#prof #avatar span .fa { font-size: 14px; }

#prof #ppop { position: relative; top: -200px; right: 5px; z-index: 1000; width: 160px; font-size: 13px; line-height: 18px; text-align: left; background-color: #fff; border: 1px solid #e0e7e8; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); }
#prof #ppop.on { top: 5px; }
#prof #ppop a, #prof #ppop span, #prof #ppop ul .fa-li { margin: 0; padding: 0; font-size: 13px; line-height: 21px; }
#prof #ppop ul .fa-li { font-size: 14px; font-weight: 300; }
#prof #ppop .pdet { padding: 10px; }
#prof #ppop .pdet { border-bottom: 1px solid #ecf0f1; }
#prof #ppop .pdet span { display: block; }
#prof #ppop ul { padding: 5px 10px; }
#prof #ppop .pdet .pprog { background: #e6ebed; border: 1px solid #ecf0f1; }
#prof #ppop .pdet .pprog .emspace { height: 7px; background-color: #09c; }

/* notification dropdown */
#notification { position: absolute; top: -800px; left: 10px; z-index: 1000; width: 300px; font-size: 13px; line-height: 18px; text-align: left; background-color: #fff; border: 1px solid #e0e7e8; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.08); color: #919191; }
.notify { position: relative; }
.notify .notifylnk { cursor: pointer; }
.notify .hasnotification { position: absolute; top: 0; right: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.96); }
.notify .hasnotification { width: 8px; height: 8px; display: inline-block; text-indent: -999999px; background-color: #eee; border-radius: 50%; }
.notify .hasnotification.on { background-color: #ed5466; }

#notification.on { top: 65px; }
#notification .notihed { padding: 10px; overflow: hidden; color: #555; background: #f7f7f7; border-bottom: 1px solid #e0e7e8; }
#notification .notihed .clearnotify { float: right; color: #ed5466; cursor: pointer; }
#notification .notihed .clearnotify:hover { color: #09c; }

#notification .noticon {  }
#notification .noticon ul { margin: 0; padding: 0; }
#notification .noticon ul li { padding: 10px; overflow: hidden; border-bottom: 1px solid #e0e7e8; }
#notification .noticon ul li:last-child { border: 0; }
#notification .noticon ul li a { width: 100%; display: block; font-size: 13px; line-height: 18px; }
#notification .noticon ul li a:hover { color: #09c; }
#notification .noticon ul li a .fa { margin-right: 4px; }



/* search */
#srcsyslnk { cursor: pointer; }
#srcsysfom { position: absolute; top: -300px; right: 0; left: 0; z-index: 991; height: 30px; margin: 0; padding: 15px; overflow: hidden; background-color: #fff; }
#srcsysfom.on { top: 0; }
#srcsysfom input[type="text"] { width: 400px; float: left; -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; }
#srcsysfom .toolbox { margin: 0; float: left; overflow: hidden; }
#srcsysfom .toolbox .btn { padding: 7px 12px 6px 12px; float: left; }
#srcsysfom .toolbox .btn.fst { border-left: 0; }
#srcsysfom .toolbox .btn.lst {	}



.topspacer { height: 62px; }
#side { position: fixed; top: 0; left: 0; bottom: 0; z-index: 200; width: 240px; color: #fff; background: #2a2a2a; }
#main { z-index: 199; }



#mnav { margin: 0; padding: 0; color: #909090; }

#mnav dt.nochild a { color: #909090; display: block; }

#mnav dl, #msnav dl {margin:0;padding:0;list-style:none; }
#mnav dt, #msnav dt { padding: 14px; font-weight: 600; border-bottom: 1px solid #2f2f2f; }
#mnav dt .fa, #msnav dt .fa { padding-right: 15px; font-weight: 300; font-size: 20px; }
#mnav dt:hover { cursor: pointer; color: #fff; background: #2f2f2f; }
#mnav dt.on, #mnav dt.nochild.on a { color: #c3c3c3; }
#mnav dt.on .fa { color: #09c; }

#mnav dd, #msnav dd {margin:0;padding:0; padding: 14px; background: #202020; position: relative;

	display:none;
}
#mnav dd .mca, #msnav dd .mca { padding-left: 14px; }
#mnav dd .mca:after { position: absolute; content: ""; left: 32px; top: 0px; bottom: 0px; border-left: 1px solid #2f2f2f; }
#mnav dd .mca li, #msnav dd .mca li { padding: 5px 0; }
#mnav dd .mca li a, #msnav dd .mca a { color: #909090; display: block; }
#mnav dd .mca .fa, #msnav dd .mca .fa { padding-right: 10px; font-size: 10px; color: #2f2f2f; position: relative; z-index: 1; }
#mnav dd .mca li a:hover, #msnav dd .mca li a:hover { color: #c3c3c3; }
#mnav dd .mca li.on a, #msnav dd .mca li.on a { font-weight: 600; cursor: default; }
#mnav dd .mca li.on .fa, #mnav dd .mca li.on a:hover .fa, #msnav dd .mca li.on .fa, #msnav dd .mca li.on a:hover .fa { color: #09c; }

#side.min #mnav dl {  }
#side.min #mnav dt { text-align: center; height: 20px; }
#side.min #mnav dt .fa { font-size: 20px; line-height: 20px; padding-right: 0; }
#side.min #mnav dt span { display: none; }
#side.min #mnav dd { display: none; }

#msnav { position: absolute; top: 60px; left: 60px; z-index: 1040; width: 200px; margin: 0; padding: 0; color: #fff; }
#msnav dl { background: #202020; }
#msnav ul {list-style:none;}

/* +49 */
#msnav.c0 { top: 60px; }
#msnav.c1 { top: 51px; }
#msnav.c3 { top: 99px; }
#msnav.c5 { top: 148px; }
#msnav.c7 { top: 197px; }
#msnav.c9 { top: 246px; }
#msnav.c11 { top: 295px; }
#msnav.c13 { top: 344px; }
#msnav.c15 { top: 393px; }
#msnav.c16 { top: 442px; }

/* http://cssarrowplease.com/ */
#msnav dt:after, #msnav dt:before { right: 100%; top: 38px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
#msnav dt:after { border-color: rgba(32, 32, 32, 0); border-right-color: #202020; border-width: 7px; margin-top: -7px; }
#msnav dt:before { border-color: rgba(32, 32, 32, 0); border-right-color: #202020; border-width: 8px; margin-top: -8px; }

#msnav dt { font-weight: 600; border: 0; }
#msnav dt .fa { display: none; }
#msnav dd { padding: 0 14px; }
#msnav dd .mca { padding-left: 0; padding-bottom: 10px; }
#msnav dd .mca:after { display: none; }

#msnav dt, #msnav dd { display: none; }



#pagetit { height: 60px; line-height: 40px; background: #fbfcfc; }
#pagetit h1 { font-weight: 600; font-size: 16px; color: #5e5e5e; display: inline; margin: 0; padding: 0; }
#crumb { float: right; text-align: right; color: #999; }
#crumb .pipe { padding: 0 4px; }



/* dashboard */
#dashstats .ll, #dashstats .rr { width: 49%; }
.snapshot { width: 100%; height: 130px; overflow: hidden; background: #fff; }
.snapshot .img, .snapshot .con { float: left; }
.snapshot .img { width: 40%; font-size: 32px; line-height: 130px; text-align: center; text-transform: uppercase; color: #fff; }
.snapshot .img .fa { margin-right: 10px; font-size: 50px; }
.snapshot .con { width: 56%; padding: 42px 2%; }
.snapshot .con span { display: block; line-height: 23px; }
.snapshot .con span.num { font-size: 20px; }
.snapshot .con span.dat { font-size: 12px; text-transform: uppercase; }

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

#dashstats .ll, #dashstats .rr { width: 100%; float: none; }
.snapshot { margin: 5px auto; }
.snapshot.floatr { float: none; }

}

#mfeed { width: 100%; color: #444; background-color: rgba(186,212,211,3.2); position: relative; }
.marqico { position: absolute; top: 14px; left: 12px; font-size: 28px; }

.marquee { width: 94%; height: 40px; margin-left: 6%; overflow: hidden; position: relative; }
.marquee p, .marquee p.marqnon { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; font-size: 16px; line-height: 40px; font-style: italic; color: #444; }
.marquee p { transform:translateX(100%); }
@keyframes left-one {
	0% { transform:translateX(100%); }
	10% { transform:translateX(0); }
	40% { transform:translateX(0); }
	50% { transform:translateX(-100%); }
	100% { transform:translateX(-100%); }
}
@keyframes left-two {
	0% { transform:translateX(100%); }
	50% { transform:translateX(100%); }
	60% { transform:translateX(0); }
	90% { transform:translateX(0); }
	100% { transform:translateX(-100%); }
}
.marquee p.marq:nth-child(1) { animation: left-one 20s ease infinite; }
.marquee p.marq:nth-child(2) { animation: left-two 20s ease infinite; }

.marquee p.marqnon {
	position: relative;
	transform: none;
}



.coltre.dashnotwrp { position: relative; }
#dashnotwrp { position: absolute; top: -158px; right: 0; width: 90%; background-color: rgba(255,255,255,0.5); border: 1px solid #fff; border-width: 0 1px;

	min-height: 838px;
	height: auto !important;
	height: 838px;
}
#dashnotwrp .wrp { padding: 11px 40px; }
@media only screen and (max-width: 1440px) { #dashnotwrp .wrp { padding: 11px 20px; } }

.ddevices { padding: 24px 0 34px 0; font-size: 38px; line-height: 50px; color: #fff; }
.ddevices span:first-child { margin-right: 10px; }

.i_read-all {
    display: block;
    width: 97px;
    height: 19px;
    background: url(../img/icon_view-all.png);
    cursor: pointer;
}

.notytile { width: 99%; margin: 0 auto; background: #fff; border: 1px solid: #a2aeb3; }
.notytile .notyhed { padding: 14px; }
.notytile .notyhed dl dt, .notytile .notyhed dl dd { display: inline-block; margin: 0; padding: 0; }
.notytile .notyhed dl dt { width: 29%; }
.notytile .notyhed dl dd { float: right; width: 69%; }
.notytile .notyhed dl dt img { max-width: 100%; height: auto; } @media \0screen { .notytile .notyhed dl dt img { width: auto; /* for ie 8 */ } }
.notytile .notyhed dl dd h3 { padding: 0; }

.notytile .notyfot { position: relative; padding: 7px 14px; Text-transform: uppercase; background-color: #fcff00; -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:4px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:4px; }
.notytile .notyfot a { position: absolute; top: 0; right: 0; padding: 7px 14px; color: #fff; background-color: #0ba45c; -webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:0px;border-top-left-radius:4px;border-top-right-radius:0px;border-bottom-right-radius:4px;border-bottom-left-radius:0px; }
@media only screen and (max-width: 1280px) { .notytile .notyfot { letter-spacing: -1px; } }
@media only screen and (max-width: 1024px) { .notytile .notyfot { letter-spacing: 0; } }





/*
#dashfeed { margin-left: 10px; }
.dashfeedlist { position: relative; color: #444; }
.dashfeedlist dt, .dashfeedlist dd { display: table-cell; margin: 0; padding: 0; }
.dashfeedlist dt { overflow: hidden;

	width: 34px; height: 34px; line-height: 34px;
}
.dashfeedlist dt > [class^="fa"] { border-radius: 50%; text-align: center; margin: 0 auto; display: block;

	width: 34px; height: 34px; line-height: 34px;
	color: #fff;
	background-color: #91c854;
}
.dashfeedlist dt:after { position: absolute; top: 0; right: auto; bottom: -20px; left: 16px; z-index: -1; width: 1px; height: auto; border-bottom-width: 0; content: "";

	background-color: #dde4e6;
}
.dashfeedlist dd { padding-left: 10px; }
.dashfeedlist dd a { font-weight: 600; }
.dashfeedlist dd .fd-head { font-weight: 600; text-transform: uppercase; }
.dashfeedlist dd .fd-data { padding: 5px 0; }
.dashfeedlist dd .fd-time { font-size: 11px; }

.dashfeedlist dt > [class$="plain"] { color: #444; background: #ecf0f1; font-size: 24px; }
.dashfeedlist dd .fd-data.refresh { padding: 0; line-height: 16px; }
*/






/* pages */
.heading { padding: 14px; color: #fff; background-color: #00b1e1; border: 1px solid #00a5d2;

	clear: both;
	/*overflow: hidden;*/
}
.heading.grey { color: #444; background: #f6f6f6; border: 1px solid #cfd9db; border-bottom: 0; }
.heading.plain {
	padding: 14px 0;
	color: #444;
	background: none;
	border: none;
}
.heading .fa { margin-right: 3px; }
.heading.toolbox { line-height: 34px; }

.details table > tbody > tr > td, .details table > tbody > tr > th, .details table > tfoot > tr > td, .details table > tfoot > tr > th, .details table > thead > tr > td, .details table > thead > tr > th, .details table > tr> th, .details table > tr > td { vertical-align: top; }
.details table tbody th { width: 20%; text-align: right; }
.details table tbody thead th { text-align: left; }
.details table th.auto { width: auto; }
.details table th.left { text-align: left; }
.details table th.center { text-align: center; }

.details.floatr, .details.dual.floatr, .details.floatl, .details.dual.floatl { float: none; }



/* action icons */
.toolbox { /*text-align: right;*/ }
.toolbox .btn { width: auto; margin: 0; padding: 7px 12px; float: none; font-size: 12px; line-height: 18px; text-transform: none; text-align: left; color: #6a6a6a; background-color: #f5f5f5; background-image: none; border: 1px solid #cfd9db; text-shadow: none !important;

	border-right: 0;
	display: inline;
}
.toolbox .btn:last-child, .toolbox .btn.lst { border-right: 1px solid #cfd9db; }
.toolbox .btn:hover, .toolbox .btn:active, .toolbox .btn:focus { outline: none !important; }
.toolbox .btn:hover { color: #6a6a6a; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-color: #cfd9db; }
.toolbox .btn .fa { margin-right: 3px; font-size: 14px; }

.toolbox .btn.blu { color: #fff; background-color: #00b1e1; border-color: #0099c2; }
.toolbox .btn.blu:hover { background-color: #00a5d2;  }
.toolbox .btn.red { color: #fff; background-color: #ed5466; border-color: #ec465a; }
.toolbox .btn.red:hover { background-color: #ec465a;  }
.toolbox .btn.grn { color: #333; background-color: #91c854; border-color: #90c854; }
.toolbox .btn.grn:hover { background-color: #91c854;  }

.toolbox .btn.red .fa { margin: 0; }

.toolbox input.btn { margin-right: 0; /*height: 33px;*/ overflow: hidden; display: inline; margin-right: -4px; }

.toolbox input.btn { overflow: hidden; display: inline;

	height: 33px;
	margin: 0 -3px 0 0;
	-webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px;

}
.toolbox label { padding: 8px 7px 0 0; }

.heading .toolbox { float: right; }

table .toolbox { background: #fff; }
table .toolbox .btn { font-weight: 400; }
.toolbox .btn.wfom { /*position: relative; top: 6px;*/ font-weight: 300; }
.toolbox button.btn.wfom { height: auto; overflow: hidden; }









/* tiling */
.tile { width: 200px; height: 255px; margin: 0 14px 14px 0; padding: 0; float: left; overflow: hidden; border: 1px solid #ccc; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); }

.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; text-align: center; color: #fff; background: #09c; border-top: 1px solid #ccc; }

.tile a { color: #fff; }
.tile a:hover .con { background-color: #f7f7f7; }
.tile a:hover .des { background: #00a4db; }

.tile.tny { width: 120px; height: 130px; text-align: center; }
.tile.tny .con { width: 100px; height: 75px; }
.tile.tny .des { height: 34px; font-size: 12px; }
.tile.tny .des a { height: 20px; }

.tile.tny .con img { display: block; text-align: center; margin: 0 auto; }

.tile.blockaction a { width: 100%; height: 100%; display: block; background: #f7f7f7 url(../img/_ui/ico32/_add.png) center no-repeat; }
.tile.blockaction a:hover { background-color: #fff; }

.tile .des.twolines, .tile.tny .des.twolines { height: 46px; padding: 4px 7px; font-size: 12px; line-height: 13px; }

.tile.tny.error, .tile.tny.error a:hover { cursor: default; }
.tile.tny.error .des { color: #000; background: #ffd44e; }
.tile.tny.error a:hover .con { background-color: #fff; }



/* media tile styles */
.tile.gall { width: 224px; height: 224px; position: relative; background: center no-repeat; -webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;

	margin: 0 1px 1px 0;
	background-image: url(../img/_ui/tile-gall-image.jpg);
}

.tile.gall.fil { background-image: url(../img/_ui/tile-gall-document.jpg); }
.tile.gall.fol { background-image: url(../img/_ui/tile-gall-folder.jpg); }

.tile.gall a { width: 100%; height: 100%; display: block; overflow: hidden; }
.tile.gall .con { display: none; }
.tile.gall .des { position: absolute; bottom: 0; width: 94%; height: auto; margin: 0; padding: 11px 3%; overflow: hidden; font-size: 13px; line-height: 32px; text-align: left; color: #fff; background: none; background-color: rgba(0,0,0,0.5); border: 0; }
.tile.gall a:hover .des { background-color: rgba(0,0,0,0.9); }

.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 .des .icn.toolbox { padding-left: 0; text-align: center; background: none; }
#sortable.usergroups li .icn.toolbox a { width: auto; margin: 0; padding: 7px 12px; float: none; font-size: 12px; line-height: 18px; text-transform: none; text-align: left; color: #6a6a6a; background-color: #f5f5f5; background-image: none; border: 1px solid #cfd9db; text-shadow: none !important; display: inline; }
*/


@media only screen and (max-width: 1920px) { .tile.gall { width: 200px; height: 200px; } }
@media only screen and (max-width: 1650px) { .tile.gall { width: 190px; height: 190px; } }
@media only screen and (max-width: 1440px) { .tile.gall { width: 188px; height: 188px; } }
@media only screen and (max-width: 1366px) { .tile.gall { width: 176px; height: 176px; } }
@media only screen and (max-width: 1280px) { .tile.gall { width: 194px; height: 194px; } }
@media only screen and (max-width: 1024px) { .tile.gall { width: 180px; height: 180px; } .tile.gall .des, .tile.gall .des.twolines { font-size: 12px; } }
@media only screen and (max-width: 800px) { .tile.gall { width: 184px; height: 184px; } .tile.gall .des { line-height: 24px; } .tile.gall .des .icn { background: none; padding: 0; height: 24px; text-align: center; } }
@media only screen and (max-width: 768px) { .tile.gall { width: 176px; height: 176px; } }
@media only screen and (max-width: 736px) { .tile.gall { width: 168px; height: 168px; } }
@media only screen and (max-width: 667px) { .tile.gall { width: 150px; height: 150px; } }
@media only screen and (max-width: 640px) { .tile.gall { width: 144px; height: 144px; } }
@media only screen and (max-width: 568px) { .tile.gall { width: 168px; height: 168px; } }
@media only screen and (max-width: 533px) { .tile.gall { width: 158px; height: 158px; } }

@media only screen and (max-width: 414px) { .tile.gall { width: 184px; height: 184px; } }
@media only screen and (max-width: 375px) { .tile.gall { width: 164px; height: 164px; } }
@media only screen and (max-width: 360px) { .tile.gall { width: 156px; height: 156px; } }
@media only screen and (max-width: 320px) { .tile.gall { width: 137px; height: 137px; } }






/* ico32 */
.tile .con.sm-folder, .tile.gall .des .icn.ext-folder { background-image: url(../img/_ui/ico32/folder.png); }
@media only screen and (max-width: 800px) { .tile.gall .des .icn.ext-folder { background: none; } }
.tile .con.sm-cms { background-image: url(../img/_ui/ico32/monitor.png); }
.tile .con.sm-user { background-image: url(../img/_ui/ico32/user.png); }
.tile .con.sm-role { background-image: url(../img/_ui/ico32/group.png); }
.tile .con.sm-setting { background-image: url(../img/_ui/ico32/cog.png); }
.tile .con.sm-permission { background-image: url(../img/_ui/ico32/permission.png); }
.tile .con.sm-app { background-image: url(../img/_ui/ico32/app.png); }
.tile .con.sm-account { background-image: url(../img/_ui/ico32/money_dollar.png); }
.tile .con.sm-workflow { background-image: url(../img/_ui/ico32/workflow.png); }
.tile .con.sm-object { background-image: url(../img/_ui/ico32/object.png); }

.tile .con.sm-home { background-image: url(../img/_ui/ico32/house.png); }
.tile .con.sm-site { background-image: url(../img/_ui/ico32/site.png); }
.tile .con.sm-pages { background-image: url(../img/_ui/ico32/page.png); }
.tile .con.sm-page { background-image: url(../img/_ui/ico32/layout_multi.png); }
.tile .con.sm-pagemap { background-image: url(../img/_ui/ico32/layout_page.png); }
.tile .con.sm-content { background-image: url(../img/_ui/ico32/snippet.png); }
.tile .con.sm-media { background-image: url(../img/_ui/ico32/media.png); }
.tile .con.sm-form { background-image: url(../img/_ui/ico32/form.png); }
.tile .con.sm-album { background-image: url(../img/_ui/ico32/albums.png); }
.tile .con.sm-albums { background-image: url(../img/_ui/ico32/album.png); }
.tile .con.sm-news { background-image: url(../img/_ui/ico32/news.png); }
.tile .con.sm-faq { background-image: url(../img/_ui/ico32/faq.png); }
.tile .con.sm-notification { background-image: url(../img/_ui/ico32/bell.png); }
.tile .con.sm-directory { background-image: url(../img/_ui/ico32/directory.png); }
.tile .con.sm-event { background-image: url(../img/_ui/ico32/date.png); }
.tile .con.sm-mydesktop { background-image: url(../img/_ui/ico32/mydesktop.png); }
.tile .con.sm-calendar { background-image: url(../img/_ui/ico32/calendar_view_month.png); }
.tile .con.sm-template { background-image: url(../img/_ui/ico32/templates.png); }
.tile .con.sm-campaign { background-image: url(../img/_ui/ico32/email_go.png); }
.tile .con.sm-product { background-image: url(../img/_ui/ico32/lightbulb.png); }
.tile .con.sm-blog { background-image: url(../img/_ui/ico32/comment.png); }
.tile .con.sm-association { background-image: url(../img/_ui/ico32/table_relationship.png); }

.tile .con.sm-staff { background-image: url(../img/_ui/ico32/user.png); }
.tile .con.sm-outcome { background-image: url(../img/_ui/ico32/training_outcome.png); }
.tile .con.sm-seminar { background-image: url(../img/_ui/ico32/training_seminar.png); }
.tile .con.sm-course { background-image: url(../img/_ui/ico32/training_course.png); }
.tile .con.sm-unit { background-image: url(../img/_ui/ico32/training_unit.png); }
.tile .con.sm-lesson { background-image: url(../img/_ui/ico32/training_lesson.png); }
.tile .con.sm-lessonlink { background-image: url(../img/_ui/ico32/training_lesson_link.png); }






/* icons - extensions */
.ext { display: inline-block; width: 16px; height: 16px; background-position: center; background-repeat: no-repeat; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.ext span { padding-left: 20px; }
td .ext { margin: 0 2px; }

.ext-, .ext-view { background-image: url(../img/_ui/ico32/view-list.png); }
.ext-edit { background-image: url(../img/_ui/ico32/edit.png); }
.ext-delete { background-image: url(../img/_ui/ico32/delete.png); }
.ext-login { background-image: url(../img/_ui/ico32/control_power_blue.png); }
.ext-logout { background-image: url(../img/_ui/ico32/control_power.png); }

.ext-pdf { background-image: url(../img/_ui/ext/pdf.png); }
.ext-doc, .ext-docx { background-image: url(../img/_ui/ext/doc.png); }
.ext-txt/*, .tile.gall .des .icn.ext-txt*/ { background-image: url(../img/_ui/ext/txt.png); }
.ext-rtf { background-image: url(../img/_ui/ext/rtf.png); }
.ext-xls, .ext-xlst, .ext-csv { background-image: url(../img/_ui/ext/xls.png); }
.ext-bmp { background-image: url(../img/_ui/ext/bmp.png); }
.ext-gif { background-image: url(../img/_ui/ext/gif.png); }
.ext-jpg { background-image: url(../img/_ui/ext/jpg.png); }
.ext-png { background-image: url(../img/_ui/ext/png.png); }
.ext-tif { background-image: url(../img/_ui/ext/tif.png); }

.ext-templates { background-image: url(../img/_ui/ico32/templates.png); }
.ext-group { background-image: url(../img/_ui/ico32/group.png); }












/* iframe styles */
.admin.iframe {
	width: 98%;
	height: 98%;
	margin: 1% auto 0 auto;

}
.framewrp { width: 800px; height: 640px; margin: 0; padding: 0; /*overflow: hidden;*/ /*border: 1px solid #eee;*/ }
.framewrp #side, .framewrp #area { height: 620px; }
.framewrp #side { position: static; width: 245px; padding: 10px 0; float: left; }
.framewrp #area { position: static; width: 534px; margin: 0; padding: 10px; float: left; }
.framewrp #side .trewrp { width: 245px; padding: 0; }

.framewrp.selectimages { width: 850px; }
.framewrp.selectimages #area { width: 584px; }






/* specifics */
#dolightbox { display:none; text-align:center; }
#dolightboximg { position: relative; top: 50%; -webkit-transform: translateY(-54%); -ms-transform: translateY(-54%); transform: translateY(-54%); }

.thumbpreview { /*width: 400px;*/ margin: 0; padding: 10px; display: inline-block; border: 1px solid #ddd; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); max-width: 814px; }
.thumbpreview img { margin: 0; padding: 0; display: block; overflow: hidden; max-width: 100%; height: auto; }



/* media files drop */
#drop,.drop { height: 100px; line-height: 100px; font-weight: bold; text-align: center; color: #777; background: #f7f7f7; border: 1px dashed #ccc; cursor: default; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
#drop:hover,.drop:hover { color: #000; background-color: #fcfcfc; border-color: #000; }
#drop.inprogress,.drop.inprogress { color: #8cc63e; background: #f3f9ea url(../img/_spin.gif) 10px 10px no-repeat; border-color: #8cc63e; }
#drop.ondragover,.drop.ondragover { color: #000; background-color: #e6eff2; border-color: #3bc4f2; }



/* filter table */
.filter_con { /*display: none;*/ }
.filter_con label { float: left; padding: 8px 7px 0 0; }
.filter_con select { width: auto; }
table.filter_con { border-bottom: 0; margin-bottom: -1px; }

#file_container { position: relative; }

.lote_loading { position: absolute; top: 35%; left: 47%; height:40px; width:40px; margin: 0 auto; -webkit-animation: rotation .6s infinite linear; -moz-animation: rotation .6s infinite linear; -o-animation: rotation .6s infinite linear; animation: rotation .6s infinite linear; border-left:6px solid rgba(0,174,239,.15); border-right:6px solid rgba(0,174,239,.15); border-bottom:6px solid rgba(0,174,239,.15); border-top:6px solid rgba(0,174,239,.8); border-radius:100%; }
.lote_filter { position: absolute; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.25; }

@-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} }
@-moz-keyframes rotation { from {-moz-transform: rotate(0deg);} to {-moz-transform: rotate(359deg);} }
@-o-keyframes rotation { from {-o-transform: rotate(0deg);} to {-o-transform: rotate(359deg);} }
@keyframes rotation { from {transform: rotate(0deg);} to {transform: rotate(359deg);} }






/* tab inner et al */
.tbltab.intable { float: none; width: auto; overflow: hidden; padding-top: 14px; background: #fff; border: 1px solid #cfd9db; border-width: 0 1px; } /* unused, but kept for fallback */
.tabintable { background: #fff; border: 1px solid #cfd9db; border-top: 0; }
.tabintable .tbltab { float: none; width: auto; overflow: hidden; padding-top: 14px; background: #fff; }
.tabintable .tblwrp { padding: 20px 14px 14px 14px; left: 0; }

.tbltab.wizard a { margin: 0px; border-right-width: 0; position: relative; z-index: 1; }
.tbltab.wizard a.bcc-top { -webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:0;border-top-left-radius:0;border-top-right-radius:0; }
.tbltab.wizard a:first-child { -webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:4px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; }
.tbltab.wizard a:last-child { border-right-width: 1px; -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-top-right-radius:4px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; }
.tbltab.wizard a.available { color: #444; background: #fff; }
.tbltab.wizard a.available:hover { color: #fff; background: #8cc63e; }
.tbltab.wizard a.active + a { padding-left: 28px; }
.tbltab.wizard a.active { z-index:2; padding: 0 10px 0 18px; color: #fff; background: #00b1e1; border-color: #cfd9db; }
.tbltab.wizard a:last-child.active { padding: 0 14px; }
.tbltab.wizard a.active:after, .tbltab.wizard a.active:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; z-index:150; pointer-events: none; }
.tbltab.wizard a.active:after { border-color: rgba(0,177,225,0); border-left-color: #00b1e1; border-width: 16px; margin-top: -16px; }
.tbltab.wizard a.active:before { border-color: rgba(207,217,219,0); border-left-color: #cfd9db; border-width: 17px; margin-top: -17px; }
.tbltab.wizard a:last-child.active:after { display: none; }
.tbltab.wizard a:last-child.active:before { display: none; }

/* progress */
.tbltab.progtrak, .tbltab.progtrak a { margin: 0; padding: 0; float: none; }
.tbltab.progtrak { padding: 20px 0 10px 0; text-align: center; }
.tbltab.progtrak a { height: auto; display: inline-block; line-height: 2em; /*text-align: center;*/ background: none; border: none;

	color: #c0c0c0; border-bottom: 4px solid #c0c0c0;
	margin: -2px; /* inline-block gap fix */
	cursor: pointer;
}
.tbltab.progtrak[data-progtrckr-steps="2"] a { width: 49%; }
.tbltab.progtrak[data-progtrckr-steps="3"] a { width: 33%; }
.tbltab.progtrak[data-progtrckr-steps="4"] a { width: 24%; }
.tbltab.progtrak[data-progtrckr-steps="5"] a { width: 19%; }
.tbltab.progtrak[data-progtrckr-steps="6"] a { width: 16%; }
.tbltab.progtrak[data-progtrckr-steps="7"] a { width: 14%; }
.tbltab.progtrak[data-progtrckr-steps="8"] a { width: 12%; }
.tbltab.progtrak[data-progtrckr-steps="9"] a { width: 11%; }

.tbltab.progtrak a:hover { color: inherit; background: none; }
.tbltab.progtrak a.active, .tbltab.progtrak a.done.active { color: #000; border-bottom: 4px solid #09c; }
.tbltab.progtrak a.done { color: #000; border-bottom: 4px solid #9acd32; }
.tbltab.progtrak a:after { /*content: "\00a0\00a0";*/


}
.tbltab.progtrak a:before { position: relative; bottom: -2.5em; left: 50%; float: left; line-height: 1em; }
.tbltab.progtrak a:before { content: "\f111"; bottom: -0.7em; width: 0.8em; height: 1.2em; font-family:'FontAwesome'; font-size: 2.4em; line-height: 1.2em; color: #c0c0c0; background-color: #fff; border: none;

	content: "\f05e";
}
.tbltab.progtrak a.active:before { content: "\f0a9"; color: #09c; }
.tbltab.progtrak a.done:before { content: "\f058"; color: #9acd32; }
.tbltab.progtrak a.done.active:before { content: "\f058"; color: #09c; }






/* table options */
.optlnk { position: relative; }
.optlnk.on, .optlnk.on:hover, .btn.optlnk:hover { background-color: #91c854; color: #fff; }
.optwrp { position: absolute; top: 36px; right: 2px; 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: 320px;
}
.optwrp:after, .optwrp:before { bottom: 100%; left: 92%; 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%; }






/* edm template select (edm/campaign/edit) */
.template-item .tile, .template-item .toolbox { display: block; float: none; }
.edm_template_list .template-item { float: left; margin: 0; padding: 5px; position: relative; }
.edm_template_list .template-item .ti-tick { position: absolute; top: -2px; right: 6px; display: none;

	padding: 5px;
	background: #7aa848;
}
.edm_template_list .template-item .ti-tick .fa { font-size: 16px; color: #fff; }
.edm_template_list .template-item .tile { margin: 0 12px 14px 2px; }
.edm_template_list .template-item.highlight .ti-tick { display: block; }
.edm_template_list .template-item.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);
}
.edm_template_list .template-item.highlight .con {
	background-color: rgba(145, 200, 84, 0.1);
}
.edm_template_list .template-item.highlight .des {
	background-color: #91c854;
	border-top-color: #7aa848;
}






/* wildcards style */
.wildcard_popup { width: 600px; padding: 2em; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); background-color: white; min-height: 200px; }
.wildcard-container { position: relative; z-index: 99; display: inline-block;

	/*margin: 10px;*/
}
.wildcard-container strong { font-weight: bold !important; }
.wildcard-container ul { margin: 0; padding: 0; list-style: none;

	width: 200px;
	background: #eee;
	border: 1px solid #ccc;
}
.wildcard-container ul li {
	padding: 4px;
}
.wildcard-container ul li:hover {
	background: #f1f1f1;
}


.wildcard_drop { margin: 0; padding: 0; padding: 7px 14px; /*float: left;*/ color: #555; background: #fff; border: 1px solid #ccc; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;

	padding-right: 35px;
	overflow: hidden;
	display: inline-block;
	cursor: pointer;
	position: relative;

}
.wildcard_drop .fa { position: absolute; top: 0; right: 0; bottom: 0;

	width: 21px;
	line-height: 32px;
	text-align: center;
	background: #f1f1f1;
	border-left: 1px solid #ccc;

}
#wildcard_select { position: absolute; display: none; }
.wildcard_values { display: none; position: absolute; top: -1px; left: 200px; }
#wildcard_select, .wildcard_values { border: 1px solid #ccc; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
#wildcard_select, .wildcard_values, .wildcard_value { background: #fff; }
















/* jstree overwrites */

/* stripped from script */
.jstree ul, .jstree li { margin: 0; padding: 0; display: block; }
.jstree li { display: block; white-space: nowrap; margin-left: 15px; min-width: 16px; min-height: 18px; line-height: 18px; }
.jstree-rtl li { margin-left: 0; margin-right: 9px; }
.jstree > ul > li { margin-left: 0; }
.jstree-rtl > ul > li { margin-right: 0; }
.jstree ins { display:inline-block; text-decoration: none; margin: 0; padding: 0; width: 16px; height: 16px; margin-left: 5px; }
.jstree a ins { margin: 0; }
.jstree a { display:inline-block;white-space:nowrap;text-decoration:none; height: 16px; line-height: 16px; margin: 0; padding: 0; color: #777; }
.jstree a:focus { outline: none; }
.jstree a > ins { width: 16px; height: 16px; }
.jstree a > .jstree-icon { margin-right: 3px; }
.jstree-rtl a > .jstree-icon { margin-left: 3px; margin-right:0; }
li.jstree-open > ul { display:block; }
li.jstree-closed > ul { display:none; }






/* jquery.ui overwrites */
.ui-front { z-index: 1200; }



/* sortable styles */
#sortable.usergroups { margin: 0; padding: 0; }
#sortable.usergroups li { margin: 0 20px 20px 0; -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.15); }
#sortable.usergroups li.ui-state-default { background: none; background-color: #fff; }
#sortable.usergroups li.ui-state-default .des { background: #72a73c; }

#sortable.usergroups li a { margin: 0; padding: 0; display: block; }

#sortable.usergroups.ui-sortable li.ui-state-default .con.sm-user { background-color: #f7f7f7; background-image: url(../img/_ui/ico32/move.png); }
#sortable.usergroups.ui-sortable li.ui-state-default .des { background: #ff9800; }
#sortable.usergroups.ui-sortable li.ui-state-default.ui-sortable-helper .des, #sortable.usergroups.ui-sortable li:hover .des { color: #777; background: #ddd; }

#sortable.usergroups.ui-sortable li.ui-state-default { float: none; width: 440px; height: 52px; margin: 0 0 10px 0; }
#sortable.usergroups.ui-sortable li .con, #sortable.usergroups.ui-sortable li .des { float: left; height: 32px; padding: 10px; }
#sortable.usergroups.ui-sortable li .con { width: 32px; }
#sortable.usergroups.ui-sortable li .des { width: 368px; line-height: 28px; text-align: left; }



/* sortable in gall mode */
#sortable.usergroups li.gall { width: 123px; height: 123px; margin: 0 1px 1px 0; }
#sortable.usergroups li.gall.ui-state-default .des { background: none; }
#sortable.usergroups 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;
}



/* custom fields */
.cf_option_div span { display: block; clear: both; padding-bottom: 10px; }

#sortable1, #sortable2 { width: 100%; height: 240px; margin: 0; padding: 0; list-style-type: none; overflow-y: scroll; }
#sortable1 li, #sortable2 li { margin: 0 0 2px 0; padding: 3px 5px; font-size: 12px; background: #f5f5f5; cursor: move; }
#sortable1 li:hover, #sortable2 li:hover { color: #222; background-color: #cadb2f; }






/* tag-it */
ul.tagit { padding: 0 5px; overflow: auto; border: none; margin: 0; padding: 0; }
ul.tagit li { display: block; float: left; margin: 0 3px 0 1px; }
ul.tagit li.tagit-choice { position: relative; line-height: inherit; }
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 .tagit-close { cursor: pointer; position: absolute; right: -10px; top: 50%; margin-top: -8px; line-height: 17px; }
ul.tagit li.tagit-choice .tagit-close .text-icon { display: none; }
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: 5px; background: #fff; border: 1px solid #ccc; }
dd ul.tagit input[type="text"] { display: none; }






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

.chosen-container {  }
.chosen-container .chosen-drop {  }
.chosen-choices { -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
.chosen-container-multi .chosen-choices { padding: 3px 5px; border-color: #ccc;

	width: 100%;
}
.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; }






/* dynamic query */
#dynamic_query { display: none; overflow: hidden; }
.clause_string, .clause_boolean, .clause_int, .clause_date, .clause_array { display: none; }
.value, .value_group { display: none; }
.clause:last-child .query_logic_value { visibility: hidden; }
.remove_clause { cursor: pointer; }
#dynamic_query .fom input, #dynamic_query .fom select, #dynamic_query .fom textarea, #dynamic_query a.btn, #dynamic_query .fom .textbox, #dynamic_query button, #dynamic_query input { float: none; }

#dynamic_query.fwrp table, #dynamic_query.fwrp .toolbox { border: 0; }
#dynamic_query.fwrp .filter_con { margin: 0; }
#dynamic_query.fwrp .toolbox { padding: 0; }








/* anim */
.resp, .dsk, .mob, #header, #logo, #side, #utility, #main, #prof #ppop, #notification, .toolbox .btn, #srcsysfom, #srcsysfom input[type="text"], .tile.gall, #dashstats .ll, #dashstats .rr {
	-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 {
	-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;
}






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

#dashstats .coltre, #dashstats .coltre.dbl { width: 100%; float: none; display: block; }
#dashnotwrp { position: relative; top: 0; left: 0; width: 100%; background: 0; border: 0;

	min-height: auto;
	height: auto !important;
	height: auto;
}
#dashnotwrp .wrp { padding: 11px 14px; }
#dashnotwrp .maintitle { margin-top: 0; }

.tbltab.progtrak[data-progtrckr-steps="2"] a, .tbltab.progtrak[data-progtrckr-steps="3"] a, .tbltab.progtrak[data-progtrckr-steps="4"] a, .tbltab.progtrak[data-progtrckr-steps="5"] a, .tbltab.progtrak[data-progtrckr-steps="6"] a, .tbltab.progtrak[data-progtrckr-steps="7"] a, .tbltab.progtrak[data-progtrckr-steps="8"] a, .tbltab.progtrak[data-progtrckr-steps="9"] a { width: 24%; }
.tbltab.progtrak a:nth-child(5) { clear: left; margin-top: 40px; }

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

.max { margin-left: 0; }
#mbnav { display: block; }
#logo, #utility { height: 50px; /*border: 0;*/ }
#logo { position: relative; width: 100%; border: 0; }
#logo .wrp { padding: 6px 14px; }
#logo.min { width: 100%; }
#logo.min .dsk { display: block; margin: 0 auto; }
#logo.min .mob { display: none; }
#utility a { line-height: 30px; }
#minmaxnav { display: none; }
#utility a:nth-child(2) { margin-left: 0; }
#prof { top: -6px; }
#prof #ppop { top: -300px; }
#prof #ppop.on { top: 0px; }

#notification:after, #notification:before { left: 20%; }
#notification.on { top: 54px; }

#srcsysfom { height: 36px; padding: 7px 15px; }
#srcsysfom input[type="text"] { margin-top: 0; }

.topspacer { height: 101px; }
#side { left: -240px; }
#side .topspacer { height: 50px; }
.admin.mbn #side { left: 0; }
.admin.mbn #header, .admin.mbn #main { margin-left: 240px; }
#pagetit { line-height: 100%; }
#crumb { float: none; display: block; padding: 10px 0; font-size: 12px;text-align: left; }

.fom label { width: 90%; padding: 8px 20px 0 0; float: none; text-align: left; }
.fom input, .fom select, .fom textarea, .fom .textbox, .fom dt, .fom dd, ul.tagit { width: 96%; margin: 10px 0; }
.fom select { width: auto; }
input.btn, a.btn, button, input[type="button"], .ui-button, .fom *.btn:focus, input[type="button"].ui-state-focus { width: auto; margin: 0; }
.ffot input.btn, .ffot a.btn, .ffot button, .ffot input[type="button"], .ffot .btn:focus, .ffot input[type="button"].ui-state-focus { margin-right: 5px; }
.fwrp.split { width: 100%; float: none; margin-bottom: 10px; }
.ui-datepicker-trigger, .ui-datepicker-trigger:hover { padding-top: 12px; }

.colfor, .colfor.dbl, .coltre, .coltre.mid, .coltre.dbl { width: 100%; float: none; display: block; }
.colfor, .coltre, .colfor.tright, .coltre.tright { /*text-align: center;*/ }

#dashstats .colfor, #dashstats .coltre, #dashstats .colfor.tright, #dashstats .coltre.tright { text-align: left; }
.coltre .coltre { float: left; width: 33%; } .coltre .coltre.mid { width: 34%; }

.colwrp .wrp { padding: 0; }


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

.coltre .coltre, .coltre .coltre.mid { width: 100%; float: none; display: block; }


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

.admin.mbn #header, .admin.mbn #main { margin-left: 0; left: 240px; }
#srcsysfom input[type="text"] { width: 284px; }
#srcsysfom .toolbox .btn { display: inline; padding: 7px 12px; }
#srcsysfom .toolbox .btn.fst { border-left: 0; border-right: 0; -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; }
#srcsysfom .toolbox .btn.lst { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0px; }

.fwrp *.num2, table .num2, .fwrp *.num4, table .num4, .fwrp *.num5, table .num5, .fwrp *.num6, table .num6, .fwrp *.num6, table .num7, .fwrp *.num6, table .num8, .fwrp *.date, table .date, .fwrp *.half, table .half, .fwrp *.long, table .long { width: auto; }

.paging { line-height: 24px; }
.paging span, .paging a { height: 24px; padding: 2px 7px; font-size: 11px; }

.tbltab { padding-left: 2px; }
.tbltab a { margin: 0 1px; padding: 0 6px; font-size: 11px; }
.tbltab.wizard a.active + a { padding-left: 10px; }
.tbltab.wizard a.active { padding: 0 5px 0 7px; }
.tbltab.wizard a.active:after { border-width: 7px; margin-top: -7px; }
.tbltab.wizard a.active:before { border-width: 8px; margin-top: -8px; }

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 { padding: 5px; vertical-align: top; font-size: 12px; line-height: 14px; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }
table .sortable-field .fa { display: none; }
.emspace.h20.floatc { height: 10px; }

.sbdetails tbody th, .sbdetails tbody td { width: 94%; padding: 3%; display: block; text-align: left; border: 0; }

.toolbox .btn, .toolbox .btn.wfom, .toolbox button.btn.wfom { height: 18px; display: block; margin-bottom: 2px; border: 1px solid #cfd9db; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
.toolbox .btn:last-child { margin-bottom: 0; }
.toolbox .btn.wfom { -webkit-border-radius:0px;-moz-border-radius:0px;border-radius:0px; }
.toolbox .btn.wfom.bcc-lef { -webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:4px;border-top-left-radius:4px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:4px; }
.toolbox .btn.wfom.bcc-rig { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:4px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:0px; }

#pagetit h1 { font-size: 14px; }
.heading { padding: 7px; }
.heading .toolbox { width: auto; }
.heading .toolbox .btn.wfom { padding: 3px 6px; display: inline; }
.fwrp input, .fwrp textarea { width: 90%; }
input.btn, a.btn { width: auto; padding: 0 20px; display: inline-block; font-size: 14px; }
.toolbox label.auto { display: block; clear: both; }

#dashnotwrp .wrp { padding: 11px 1px; }

.tbltab.progtrak[data-progtrckr-steps="2"] a, .tbltab.progtrak[data-progtrckr-steps="3"] a, .tbltab.progtrak[data-progtrckr-steps="4"] a, .tbltab.progtrak[data-progtrckr-steps="5"] a, .tbltab.progtrak[data-progtrckr-steps="6"] a, .tbltab.progtrak[data-progtrckr-steps="7"] a, .tbltab.progtrak[data-progtrckr-steps="8"] a, .tbltab.progtrak[data-progtrckr-steps="9"] a { width: 33%; }
.tbltab.progtrak a:nth-child(5) { clear: none; margin-top: 0; }
.tbltab.progtrak a:nth-child(4) { clear: left; margin-top: 40px; }

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

#srcsysfom input[type="text"] { width: 240px; }
#prof #avatar .ava { display: none; }

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

#notification { width: 290px; }
#notification:after, #notification:before { left: 21%; }

#srcsysfom input[type="text"] { width: 190px; }

.tbltab.progtrak[data-progtrckr-steps="2"] a, .tbltab.progtrak[data-progtrckr-steps="3"] a, .tbltab.progtrak[data-progtrckr-steps="4"] a, .tbltab.progtrak[data-progtrckr-steps="5"] a, .tbltab.progtrak[data-progtrckr-steps="6"] a, .tbltab.progtrak[data-progtrckr-steps="7"] a, .tbltab.progtrak[data-progtrckr-steps="8"] a, .tbltab.progtrak[data-progtrckr-steps="9"] a { width: 49%; }
.tbltab.progtrak a:nth-child(4) { clear: none; margin-top: 0; }
.tbltab.progtrak a:nth-child(3), .tbltab.progtrak a:nth-child(5), .tbltab.progtrak a:nth-child(7) { clear: left; margin-top: 40px; }

/*
.fwrp input, .fwrp textarea { width: 90%; }
input.btn, a.btn { width: auto; padding: 0 20px; display: inline-block; font-size: 14px; }
*/

}












/* Magnific Popup v0.9.3 */
.mfp-bg { position:fixed;top:0;left:0;z-index:1042;width:100%;height:100%;overflow:hidden; opacity:0.7;filter:alpha(opacity=70); /**/ background: #000; }
.mfp-wrap { position:fixed;top:0;left:0;z-index:1043;width:100%;height:100%;outline:none !important;-webkit-backface-visibility:hidden; }
.mfp-container { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0 8px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-container:before { content: ''; display: inline-block; vertical-align: middle; height: 100%; }
.mfp-align-top .mfp-container:before { display: none; }
.mfp-content { position:relative;z-index:1045;display:inline-block;vertical-align:middle;margin:0 auto;padding:0;text-align:left; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; }
.mfp-ajax-cur { cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; }
.mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.mfp-auto-cursor .mfp-content { cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; }
.mfp-loading.mfp-figure { display: none; }
.mfp-hide { display: none !important; }
.mfp-preloader { position: absolute; top: 50%; right: 8px; left: 8px; z-index: 1044; width: auto; margin-top: -0.8em; text-align: center; /**/ color: #ccc; }
.mfp-preloader a { /**/ color: #ccc; }
.mfp-preloader a:hover { /**/ color: #fff; }
.mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; }
button.mfp-close, button.mfp-arrow { z-index: 1046; padding: 0; display: block; overflow: visible; background: transparent; border: 0; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: 0; }
.mfp-close { position: absolute; top: 0; right: 0; font-style: normal; font-family: arial,monospace; text-align: center; text-decoration: none; opacity: 0.65; /**/ width: 44px; height: 44px; padding: 0 0 18px 10px; font-size: 28px; line-height: 44px; color: #fff; }
.mfp-close:hover, .mfp-close:focus { opacity: 1; }
.mfp-close:active { top: 1px; }
.mfp-close-btn-in .mfp-close { /**/ color: #fff; background: #000; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: -6px; width: 100%; padding-right: 6px; text-align: right; /**/ color: #fff; }
.mfp-counter { position: absolute; top: 0; right: 0; font-size: 12px; line-height: 18px; /**/ color: #ccc;

	right: 10px;
	padding: 5px 10px;
	/*background: #000; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;*/
}
.mfp-arrow { position: absolute; top: 50%; margin: 0; padding: 0; opacity: 0.65; /**/ width: 90px; height: 110px; margin-top: -55px; }
.mfp-arrow:active { /**/ margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { position: absolute; left: 0; top: 0; content: ''; display: block; width: 0; height: 0; border: medium inset transparent; /**/ margin-top: 35px; margin-left: 35px; }
.mfp-arrow:after, .mfp-arrow .mfp-a { /**/ top: 8px; border-top-width: 13px; border-bottom-width: 13px; }
.mfp-arrow:before, .mfp-arrow .mfp-b { /**/ border-top-width: 21px; border-bottom-width: 21px; }
.mfp-arrow-left { left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a { /**/ margin-left: 31px; border-right: 17px solid #fff; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b { /**/ margin-left: 25px; border-right: 27px solid #3f3f3f; }
.mfp-arrow-right { right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a { /**/ margin-left: 39px; border-left: 17px solid white; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b { /**/ border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder { /**/ padding-top: 40px; padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; /**/ max-width: 900px; }
.mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; /**/ padding-top: 56.25%; }
.mfp-iframe-scaler iframe { position:absolute;display:block;top:0;left:0;width:100%;height:100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; }
.mfp-iframe-holder .mfp-close { /**/ top: -40px; }
img.mfp-img { width: auto; /*max-width: 100%;*/ height: auto; margin: 0 auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /**/ padding:0; }
.mfp-figure:after { /*shadow*/ display: none; }
.mfp-figure { line-height:0; }
.mfp-bottom-bar { position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; /**/ margin-top: -36px; }
.mfp-title { line-height: 18px; text-align: left; word-break: break-word; /**/ padding-right: 36px; color: #f3f3f3; }
.mfp-figure small { display: block; /**/ font-size: 12px; line-height: 14px; color: #bdbdbd; }
.mfp-image-holder .mfp-content { max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
.mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; }
.mfp-img-mobile img.mfp-img { padding: 0; }
.mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; }
.mfp-img-mobile .mfp-bottom-bar { position: fixed; top: auto; bottom: 0; margin: 0; padding: 3px 5px; background: rgba(0, 0, 0, 0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; }
.mfp-img-mobile .mfp-counter { top: 3px; right: 5px; }
.mfp-img-mobile .mfp-close { position: fixed; top: 0; right: 0; padding: 0; width: 35px; height: 35px; line-height: 35px; text-align: center; background: rgba(0, 0, 0, 0.6); }
.mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; }
}
@media all and (max-width: 900px) {
.mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); }
.mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; }
.mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; }
.mfp-container { padding-left: 6px; padding-right: 6px; }
}

.mfp-ie7 .mfp-img { padding: 0; }
.mfp-ie7 .mfp-bottom-bar { left: 50%; width: 600px; margin-top: 5px; margin-left: -300px; padding-bottom: 5px; }
.mfp-ie7 .mfp-container { padding: 0; }
.mfp-ie7 .mfp-content { padding-top: 44px; }
.mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; }

/* overwrites */
.mfp-close-btn-in .mfp-close { background: none; }
.mfp-figure { overflow: auto; }
.mfp-figure figure { margin: 0; padding: 0; }


.col-3{
    padding: 5px;
    width: 32%;
}
.col-2{
    padding: 5px;
    width: 45%;
}
.col-3 thead th, .col-3 h3{
    background-color: #d45213;
    color: #fff;
}
.custom-bg{
    background-color: #fff;
}
.custom-bg h3{
    background-color: #d45213;
    color: #fff;
    padding-left: 4px;
}
.custom-bg .col-3{
    width: 29%;
}
.custom-bg .fwrp {
    border: none;
}