html,body {font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} body {margin:0;padding:0 0 80px;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;} .dahand, a.dahand[href='javascript:;'] {cursor:pointer;}

article, aside, details, figcaption, figure, footer, header, 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;color:#000;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABsAAAAoCAQAAAClM0ndAAAAhklEQVR4AdXO0QrCMBBE0bttkk38/w8WRERpdyjzVOc+HxhIHqJGMQcFFkpYRQotLLSw0IJ5aBdovruMYDA/kT8plF9ZKLFQcgF18hDj1SbQOMlCA4kao0iiXmah7qBWPdxpohsgVZyj7e5I9KcID+EhiDI5gxBYKLBQYKHAQoGFAoEks/YEGHYKB7hFxf0AAAAASUVORK5CYII=') repeat-x scroll left top #fff;
	background-color: lightgreen;
	border:2px solid #c7740b;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:0 0 6px 6px;opacity:1;-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);
	border-color: #50C24E;
	border-top: none;
	top:0px;left:50%;transform: translateX(-50%); width:90%;padding:8px;text-align:center;
}
#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;}

.indent-w0 { width: 0px} .indent-w1 { width: 10px; } .indent-w2 { width: 20px; } .indent-w3 { width: 30px; } .indent-w4 { width: 40px; } .indent-w5 { width: 50px; }

.center { text-align: center; } .tright { text-align: right; } .ll { width: 49%; float: left; } .rr { width: 49%; float: right; }
.colwrp { width: 100%; overflow: hidden; padding-top: 2px; } .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 */ } }

.bold { font-weight: 600; }

.noPad{padding:0;}

/* corner radius */
.bcc-all, .ui-corner-all, #sticky_button, .webpollprev .btn-copy, #sticky_buttons_container .btn, .admin .mce-widget.mce-btn button, .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front { -webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; }
.bcc-top, .admin .mce-window-head, .admin .mce-reset { -webkit-border-top-left-radius:2px;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:0px;border-top-left-radius:2px;border-top-right-radius:2px;border-bottom-right-radius:0px;border-bottom-left-radius:0px; }
.bcc-bot, .ui-dialog .ui-dialog-buttonpane { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:2px;-moz-border-radius-bottomleft:2px;border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:2px;border-bottom-left-radius:2px; }
.bcc-rig { -webkit-border-top-left-radius:0px;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:2px;-webkit-border-bottom-left-radius:0px;-moz-border-radius-topleft:0px;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:2px;-moz-border-radius-bottomleft:0px;border-top-left-radius:0px;border-top-right-radius:2px;border-bottom-right-radius:2px;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:2px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-topleft:2px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:2px;border-top-left-radius:2px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:2px; }
.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, .fom .radiof input.norm, .admin .mce-textbox, .ui-datepicker-title select { 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: 495px; } .fom textarea { height: 126px; }
.fom select, .ui-datepicker-title 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 label.nodisp { display: none; }

.fom input, .fom select, .radiof, .input, .fom .radiof input.norm { 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; }

.disabled { /*background-color: #AFAFAF !important; border-color: #808080 !important; */ outline: none;	}
.fom input[disabled], .fom textarea[disabled], .fom select[disabled], .fom .chosen-disabled{ background-image: none; background-color: #f4f4f4;}
.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 label.lef { float: left; margin-top: 4px; margin-right: 10px; }

.fom .radiof, table input[type="checkbox"] { 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, .fom .radiof label.mrr { margin-right: 10px; }

table input[type="checkbox"] { float: none; }

.fom .radiof input.norm, .fom .radiof select.norm { width: 100px; position: relative; top: -6px; }

.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, *.mrr { margin-right: 10px; }
.fom *.mll, *.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.noborder { border: 0; }
.fwrp.fgrp .fwrp { padding: 0; border: 0; }
.fwrp.split { float: left; margin-right: 20px; }
.fwrp.split.third, .fwrp.split.last, .fwrp.split.lst { margin-right: 0; }
.fwrp.split.username { margin-right: 18px;}


.fwrp.noclear, .fwrp.fgrp.noclear, .fwrp.haschosen { 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: #ffffff; 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;}
.fwrp.ffot label { display: none; }

.fwrp .mr { margin-right: 5px; }
.fwrp *.num1, .num1, table .num1 { width: 5px; }
.fwrp *.num2, .num2, table .num2 { width: 15px; }
.fwrp *.num3, .num3, table .num3 { width: 20px; }
.fwrp *.num4, .num4, table .num4 { width: 30px; } .fwrp *.view, .view, table .view { width: 30px; text-align: center; }
.fwrp *.num5, .num5, table .num5 { width: 45px; }
.fwrp *.num6, .num6, table .num6 { width: 60px; }
.fwrp *.num7, .num7, table .num7 { width: 75px; }
.fwrp *.num8, .num8, table .num8 { width: 90px; }
.fwrp *.num9, .num9, table .num9 { width: 105px; }
.fwrp *.num10, .num10, table .num10 { width: 120px; }
.fwrp *.num11, .num11, table .num11 { width: 135px; }
.fwrp *.num12, .num12, table .num12 { width: 150px; }
.fwrp *.num13, .num13, table .num13 { width: 200px; }

.fwrp *.checkb, .checkb, table .checkb { width: 20px; }
.fwrp *.idb, .idb, table .idb { width: 30px; }
.fwrp *.actionb, .actionb, table .actionb { width: 70px; }
.fwrp *.date, .date, table .date { width: 80px; }
.fwrp *.half, .half, table .half { width: 119px; /*150*/ }
.fwrp *.name, .name, table .name { width: 180px; }
.fwrp *.w240, .w240, table .w240 { width: 240px; }
.fwrp *.long, .long, table .long { width: 300px; }
.fwrp *.long2, .long2, table .long2 { width: 600px; }

.wrp td i.mef, .wrp td a.mef { font-size: 17px;}
.wrp td i.lgf, .wrp td a.lgf { font-size: 20px;}

.fwrp span { float: left; line-height: 34px; padding: 0 5px; }
.fwrp span.fwide { margin: 0 20px; }

.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; color: #888; }
.fwrp label span.finote.toolie { display: inline-block; padding: 2px 7px; font-weight: bold; cursor: help; color: #fff; background: #707070; border-radius: 50%; border-radius: 50% !important; }
.fwrp span.finote.toolie .fa { font-size: 16px; }

.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; font-size: 11px}

.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; /* 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, .webpollprev .btn-copy, input.btn:focus, .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; cursor: pointer; margin: 0 7px 0 0; text-align: center; /*ie7*/ color: #fff; cursor: pointer; padding: 7px 24px; }
input.btn, a.btn, button, input[type="button"], .ui-button, .fom *.btn:focus, input[type="button"].ui-state-focus, .webpollprev .btn-copy, input.btn:focus, .admin .mce-container.mce-panel.mce-foot .mce-widget.mce-btn button, .admin .mce-container.mce-panel.mce-foot .mce-widget .mce-primary, button.ui-state-default, .ui-widget-content button.ui-state-default, .ui-widget-header button.ui-state-default, button.ui-button, html button.ui-button.ui-state-disabled:hover, html button.ui-button.ui-state-disabled:active { background: #00b1e1; border: 1px solid #00a5d2; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }
.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, .webpollprev .btn-copy: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; -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; }
button.mce-close:hover { color: #0099c2; -webkit-box-shadow: none; -moz-box-shadow: none ; box-shadow: none; background: none; border: none; }


input.btn.centeredbtn:focus, input.btn.centerbtn:focus{
	margin: 0 auto;
}
/*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, .btn.non.inactive:hover { background: #f5f5f5; border-color: #cfd9db; } .btn.non:hover, button.non:hover, input[type="button"].non:hover { background: #ededed; border-color: #c6d2d5; }
.btn.non.inactive { color: #aaa; cursor: default; }
.btn.non.inactive:hover { -webkit-box-shadow: none; -moz-box-shadow: none ; box-shadow: none; }

.btn.youtube, .btn.youtube:hover, .btn.youtube:focus { background-color: #d02525; border-color: #cb1818; } .btn.youtube:hover { background-color: #f33d3d; }

.btn.floatl { float: left; }
.btn.floatr { float: right; /*margin-right: 0;*/ } /* This margin was making buttons jump left. */

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

.paging-blue .paging section { color: #019cc6; }



/* 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; background: #fff; }
.tblcon .tblspc {height:0px;}


#embedvideowrap-body .mce-container.mce-abs-layout-item.mce-first.mce-last{
    height: 160px;
}
#embedvideowrap-body .mce-container.mce-abs-layout-item.mce-first.mce-last textarea{
    height: 139px;
    width: 470px;
    padding: 10px;
}



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

#options_list_div table, #options_list_div table > tbody > tr > td, #options_list_div table > tbody > tr > th, #options_list_div table > tfoot > tr > td, #options_list_div table > tfoot > tr > th, #options_list_div table > thead > tr > td, #options_list_div table > thead > tr > th, #options_list_div table > tr> th, #options_list_div table > tr > td { border: 0; padding: 2px 0; }
#options_list_div table { padding: 0; }
#options_list_div table td a i { font-size: 18px; cursor: pointer; }

.option_img { margin-right: 10px; }
.fwrp .options_table_body span { line-height: 30px; }

*.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; }
.keep{ word-break: keep-all; }

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

table .sortable-force-show .fa { visibility: visible !important; }
.event-date-width { width: 130px; max-width:130px; }
.hidden-tag-box { display: none; }
.tag-box-visible { display: block !important; position: fixed; z-index: 999999; width: 300px; height: auto; border:1px solid rgba(197,197,197,1); background: #f1f1f1; border-radius: 6px; box-shadow: 1px 2px 10px rgba(0,0,0,0.3); padding: 6px; }
.tag-box-visible li { margin:2px !important; }
.close-tags { position: absolute; right: -15px; top: -13px; display: block; background: #279ec2; border-radius: 30px; padding: 5px 10px; text-align: center; color: #fff !important; font-weight: bold; font-size: 14px; }
.toggle-tags, .toggle-tags:hover { cursor: pointer !important; }

.event-tag { width: auto; float: left; list-style: none; color: #fff; padding: 3px 6px; margin: 2px 2px; }


table .sort-arrow-asc:after { float:right; font-family: FontAwesome; content: "\f0de"; }
table .sort-arrow-desc:after { float:right; font-family: FontAwesome; content: "\f0dd"; }
table .sort-arrow-both:after { float:right; font-family: FontAwesome; content: "\f0dc"; }


.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 *, .admin .mce-container *, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 13px;
	font-weight: 400;
}
.fom .fa, .admin .mce-container .fa { font-family:'FontAwesome'; }
.admin .mce-container .mce-ico { font-family: "FontAwesome","tinymce",Arial; }

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

.bg_white { background: #fff; }
.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; }
.amber { color: #FA8E2A; } .bg_amber { background-color: #FA8E2A; }

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

.noborder { border:0; }
.toupper { text-transform: uppercase; }
.tolower { text-transform: lowercase; }






/* 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; }
.admin.login.epc .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); }
.admin.login.epc .loginwrp input[name="username"], .admin.login.epc .loginwrp input[name="password"] { width: 220px; padding-left: 27px; }
.admin.login.epc .loginwrp input[name="username"] { background: #fff url(../img/_ui/bg_epc-login-u.png) 4px center no-repeat; }
.admin.login.epc .loginwrp input[name="password"] { background: #fff url(../img/_ui/bg_epc-login-p.png) 4px center no-repeat; }
.admin.login.epc .loginwrp input[name="username"]:focus, .admin.login.epc .loginwrp input[name="password"]:focus { color: #000; font-weight: bold; }
.admin.login.epc .loginwrp input.btn { background-color: #59163c; border-color: #59163c; }
.admin.login.epc .loginwrp input:focus, .admin.login.epc .loginwrp .btn:focus, .admin.login.epc .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); }
.admin.login.epc .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; } }



/* login popup when logged out */
.pop_login_form {background-color: white;}
.poplogin.ui-dialog.ui-widget.ui-widget-content .ui-dialog-titlebar.ui-widget-header { display: none; }
#pop_login_form.ui-dialog-content.ui-widget-content { padding: 0; }
#pop_login_form.ui-dialog-content.ui-widget-content, .poplogin.ui-widget-content, .poplogin.ui-dialog-content.ui-widget-content, .poplogin #login_container { background: none; border: 0; }






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



/* page loading */
.dialog_loading { background: url(../img/_spin.gif) center no-repeat; }


#ver { text-align: center; padding-bottom: 10px;}



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

	left: 0;
	width: 34px;
	padding-left: 14px;
}*/
#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; }

#utility.max { height: 59px; }

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



/* http://cssarrowplease.com/ */
#utility #ppop:after, #utility #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%; }
#utility #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; }
#utility #ppop:before, #notification:before { border-color: rgba(224,231,232,0); border-bottom-color: #e0e7e8; border-width: 11px; margin-left: -11px; }
a i.mrr { margin-right: 5px; }


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

#utility #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); }
#utility #ppop.on { top: 5px; }
#utility #ppop a, #utility #ppop span, #utility #ppop ul .fa-li { margin: 0; padding: 0; font-size: 13px; line-height: 21px; }
#utility #ppop ul .fa-li { font-size: 14px; font-weight: 300; }
#utility #ppop .pdet { padding: 10px; }
#utility #ppop .pdet { border-bottom: 1px solid #ecf0f1; }
#utility #ppop .pdet span { display: block; }
#utility #ppop ul { padding: 5px 10px; }
#utility #ppop .pdet .pprog { background: #e6ebed; border: 1px solid #ecf0f1; }
#utility #ppop .pdet .pprog .emspace { height: 7px; background-color: #09c; }

/* notification dropdown */
#notification { position: absolute; top: 62px; left: 4px; z-index: 1000; width: 350px; 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; background: #f7f7f7;
}

#utility a.notifylnk { margin-left: 0; }
.notifylnk { position: relative; }
.notifylnk .hasnotification { position: absolute; top: 7px; right: 4px;  }
.notifylnk .hasnotification { width: 8px; height: 8px; display: inline-block; text-indent: -999999px; background-color: #adbdcc; border-radius: 50%; }
.notifylnk .hasnotification.on { background-color: #ed5466; }

#notification.on { display: block; }
#notification .notihed, #notification .notifot { padding: 10px; overflow: hidden; color: #555; background: #f7f7f7; border-bottom: 1px solid #e0e7e8; }
#notification .notihed .clearnotify, #notification .notihed .closenotify { float: right; cursor: pointer; font-size: 14px; }
#notification .notihed .clearnotify:hover { color: #91c854; }
#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; }
#notification .noticon ul li a { margin-right: 0; }
#notification .noticon ul li:last-child { border: 0; }

#utility #notification .notihed a { width: auto; }
#utility #notification .noticon ul li .fa, #utility #notification .noticon ul li a { float: left; }
#utility #notification .noticon ul li .fa { width: 14px; padding-top: 2px; }
#utility #notification .noticon ul li a { width: 210px; display: block; font-size: 13px; line-height: 18px; }
#utility #notification .noticon ul li a:hover { color: #59163c; }
#utility #notification .noticon ul li .ndll { position: absolute; top: 6px; 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: 100px 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; }



/* 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, body #side .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; }

#side .emspace.floatc.topspacer { position: relative; }
#side .emspace.floatc.topspacer #mobnavclose { position: absolute; top: 14px; right: 14px; font-size: 32px; cursor: pointer; }



#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; }
#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.toscroll, #msnav dd.toscroll { height: 190px; overflow: auto; }
#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: 144px; overflow: hidden; background: #fff; }
.snapshot .img, .snapshot .con { float: left; }
.snapshot .img { width: 40%; font-size: 32px; line-height: 150px; text-align: center; text-transform: uppercase; color: #fff; }
.snapshot .img .fa { margin-right: 10px; font-size: 50px; }
.snapshot .con { width: 56%; padding: 52px 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; }

#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; }



/* dash v2 */
.dashv2 .dv2wrp .wrp { padding: 20px; }
.dashv2 .dv2wrp .wrp.p10 { padding-top: 10px; }

.dashv2 .dv2wrp, .dv2wrp .newlrp {-webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
    box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
    border: 1px solid #D3DAE6;background-color: #fff;
	border-radius: 3px; height: 228px; }

.dashv2 .dv2wrp, .dv2wrp .newsrp, .dv2wrp .newsrp .nimg, .dv2wrp .newsrp .ncon, .dv2wrp .newlrp { height: 228px; }
.dashv2 .dv2wrp.bot { min-height: 500px; height: auto !important; height: 500px; }
.dv2wrp .heading { width: 100%; padding: 14px 0; overflow: hidden; background: #fff url(../img/_ui/bg_dv2.jpg) center repeat-x; border: 0; }
.dv2wrp .heading * { color: #707070; }
.dv2wrp .heading span { padding: 4px 10px; background: #fff; }
.dv2wrp .heading span.floatl { padding-left: 0; }
.dv2wrp .heading span.floatr { padding-right: 0; }

.dv2wrp .noborder * { border: 0; }
.dv2wrp .green, .dv2wrp .heading a:hover, .dv2wrp a:hover .fa, .dv2wrp .newlrp .nlbot a:hover { color: #43b178; } .dv2wrp .bg_green, .dv2wrp .btn.live-chat-button, .dv2wrp .newlrp .nltop .nimg { background-color: #43b178; }
.dv2wrp .col-warn,	.dv2wrp .newlrp .nltop .nimg.col-warn{background-color: #FA8E2A}
.dv2wrp .dcall { position:relative; }
.dv2wrp .btn.live-chat-button { float: none; margin: 0 auto; /*height: 28px; line-height: 28px;*/ font-size: 18px; position: absolute; top: 8px; right: 0; border: 0; }

.dv2wrp .ico2col .coltre { width: 12%; text-align: right; }
.dv2wrp .ico2col .coltre.dbl { width: 86%; float: right; text-align: left; }
.dv2wrp .ico2col .coltre.dbl h3 { padding: 0; }
.dv2wrp .ico2col .coltre .img-circle { font-size: 28px; text-align: center; color: #fff; width: 65px; height: 65px; line-height: 65px; }

.dv2wrp .newsrp { border-radius: 1px 4px 4px 0; }
.dv2wrp .newsrp, .dv2wrp .newlrp { width: 100%; overflow: hidden; }
.dv2wrp .newsrp .nimg, .dv2wrp .newlrp .nimg { float: left; display: block; background: #1d1d1d center no-repeat; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; width: 30%; }
.dv2wrp .newsrp .ncon, .dv2wrp .newlrp .ncon { float: right; width: 69%; overflow: hidden; }
.dv2wrp .newsrp .ncon .heading, .dv2wrp .newlrp .nltop .ncon .heading { background: none; padding-top: 5px; }
.dv2wrp .newsrp .ncon .ndat, .dv2wrp .newlrp .nltop .ndat { font-size: 12px; font-style: italic; padding: 0; }
.dv2wrp .newsrp .ncon .ndat span, .dv2wrp .newlrp .nltop .ndat span { padding-right: 7px; }
.dv2wrp .newsrp .ncon .ndat .fa, .dv2wrp .newlrp .nltop .fa { position: relative; top: -1px; padding-right: 3px; }

.dv2wrp .newlrp .nltop { height: 156px; overflow: hidden; }
.dv2wrp .newlrp .nlbot { height: 69px; line-height: 70px; border-top: 1px solid #ccc; }

.dv2wrp .newlrp .nltop .nimg { height: 156px; padding: 30px 0; }
.dv2wrp .newlrp .nltop .nimg { color: #fff; text-align: center; }
.dv2wrp .newlrp .nltop .nimg .fa, .dv2wrp .newlrp .nltop .nimg span { display: block; font-weight: bold; }
.dv2wrp .newlrp .nltop .nimg .fa { font-size: 64px; line-height: 72px; }
.dv2wrp .newlrp .nltop .nimg span { font-size: 16px; }
.dv2wrp .newlrp .nltop .ncon .heading { padding-top: 10px; }

.dv2wrp .newlrp .nlbot a { float: left; display: block; width: 15%; font-size: 21px; text-align: center; color: #707070; }
.dv2wrp .newlrp .nlbot a .fa { font-size: 32px; line-height: 70px; }
.dv2wrp .newlrp .nlbot a.bl { border-left: 1px solid #ccc; position: relative; left: -1px; }
.dv2wrp .newlrp .nlbot a.ls { width: 69%; left: -2px; }
.dv2wrp .newlrp .nlbot a.ls span { position: relative; top: -5px; left: 7px; }

.dv2wrp .newlrp .nltop .nimg.red { background-color: #ff6961; }
.dv2wrp .newlrp .nltop .nimg.orange { background-color: #f8a61c; }
.dv2wrp .newlrp .nltop .nimg.blue { background-color: #019cc6; }

.dv2wrp .newsrp .nimg { width: 35%; }
.dv2wrp .newsrp .ncon { width: 65%; }

#dashstats .rr .dv2wrp table tbody tr td.thegraph { padding-bottom: 4px; }
#dashstats .rr .dv2wrp table tbody tr td#statistics_overview { padding-bottom:4px; border-left: 1px solid #cfd9db; }
#dashstats .rr .dv2wrp #chart-area {  }






/* pages */
.heading { padding: 14px; color: #fff; background-color: #00b1e1; border: 1px solid #00a5d2; clear: both; }
.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: #fff; background-color: #91c854; border-color: #90c854; }
.toolbox .btn.grn:hover { background-color: #91c854;  }
.toolbox .btn.lef { margin-left: 10px;}
.toolbox .btn.grn.disabled {color: #6a6a6a;}
.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; position: relative; top: 1px; }
.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: auto; margin: 0 14px 14px 0; padding: 0; float: left; overflow: hidden; border: 1px solid #ccc;}
.tile .con { width: 100%; height: 180px; margin: 0 auto; padding: 0; overflow: hidden; background: center no-repeat; }
.tile .des { height: 20px; 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 i { color: #019cc6; font-size: 84px; padding: 5px; }
.tile a:hover .con { background-color: #f7f7f7; }
.tile a:hover .des { background: #00a4db; }
.tile.tny { width: 130px; height: 145px; text-align: center; }
.tile.tny .con { height: 91px; }
.tile.tny .des { height: 40px; font-size: 12px; }
.tile.tny .des a { height: 25px; }
.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: 13px; /*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.tny.fil{ background-image: url(../img/_ui/tile-gall-document.jpg) !important; background-size: cover;  background-position: center; background-repeat: no-repeat;}
.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 (min-width: 1921px) { .tile.gall { width: 206px; height: 206px; } }
@media only screen and (max-width: 1920px) { .tile.gall { width: 206px; height: 206px; } }
@media only screen and (max-width: 1650px) { .tile.gall { width: 206px; height: 206px; } }
@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: 162px; height: 162px; } }
@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 .sm-folder, .tile.gall .des .icn.ext-folder { background-image: url(../img/_ui/ico32/folder.png); }
.tile .sm-cms { background-image: url(../img/_ui/ico32/monitor.png); }
.tile .sm-user { background-image: url(../img/_ui/ico32/user.png); }
.tile .sm-role { background-image: url(../img/_ui/ico32/group.png); }
.tile .sm-setting { background-image: url(../img/_ui/ico32/cog.png); }
.tile .sm-permission { background-image: url(../img/_ui/ico32/permission.png); }
.tile .sm-app { background-image: url(../img/_ui/ico32/app.png); }
.tile .sm-account { background-image: url(../img/_ui/ico32/money_dollar.png); }
.tile .sm-workflow { background-image: url(../img/_ui/ico32/workflow.png); }
.tile .sm-object { background-image: url(../img/_ui/ico32/object.png); }
.tile .sm-home { background-image: url(../img/_ui/ico32/house.png); }
.tile .sm-site { background-image: url(../img/_ui/ico32/site.png); }
.tile .sm-pages { background-image: url(../img/_ui/ico32/page.png); }
.tile .sm-page { background-image: url(../img/_ui/ico32/layout_multi.png); }
.tile .sm-pagemap { background-image: url(../img/_ui/ico32/layout_page.png); }
.tile .sm-content { background-image: url(../img/_ui/ico32/snippet.png); }
.tile .sm-media { background-image: url(../img/_ui/ico32/media.png); }
.tile .sm-form { background-image: url(../img/_ui/ico32/form.png); }
.tile .sm-album { background-image: url(../img/_ui/ico32/albums.png); }
.tile .sm-albums { background-image: url(../img/_ui/ico32/album.png); }
.tile .sm-news { background-image: url(../img/_ui/ico32/news.png); }
.tile .sm-faq { background-image: url(../img/_ui/ico32/faq.png); }
.tile .sm-notification { background-image: url(../img/_ui/ico32/bell.png); }
.tile .sm-directory { background-image: url(../img/_ui/ico32/directory.png); }
.tile .sm-event { background-image: url(../img/_ui/ico32/date.png); }
.tile .sm-mydesktop { background-image: url(../img/_ui/ico32/mydesktop.png); }
.tile .sm-calendar { background-image: url(../img/_ui/ico32/calendar_view_month.png); }
.tile .sm-template { background-image: url(../img/_ui/ico32/templates.png); }
.tile .sm-campaign { background-image: url(../img/_ui/ico32/email_go.png); }
.tile .sm-product { background-image: url(../img/_ui/ico32/lightbulb.png); }
.tile .sm-blog { background-image: url(../img/_ui/ico32/comment.png); }
.tile .sm-staff { background-image: url(../img/_ui/ico32/user.png); }
.tile .sm-outcome { background-image: url(../img/_ui/ico32/training_outcome.png); }
.tile .sm-seminar { background-image: url(../img/_ui/ico32/training_seminar.png); }
.tile .sm-course { background-image: url(../img/_ui/ico32/training_course.png); }
.tile .sm-unit { background-image: url(../img/_ui/ico32/training_unit.png); }
.tile .sm-lesson { background-image: url(../img/_ui/ico32/training_lesson.png); }
.tile .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-cancel { background-image: url(../img/_ui/ico32/_cancel.png);}
.ext-tick { background-image: url(../img/_ui/ico32/_accept.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-fields { background-image: url(../img/_ui/ico32/tag_blue.png); }
.ext-link { background-image: url(../img/_ui/ico32/link.png); }
.ext-unlink { background-image: url(../img/_ui/ico32/link_break.png); }
.ext-sync { background-image: url(../img/_ui/ico32/arrow_refresh.png); }
.ext-download { background-image: url(../img/_ui/ico32/download.png); }
.ext-add { background-image: url(../img/_ui/ico32/_add.png); }
.ext-save { background-image: url(../img/_ui/ico32/disk.png); }

.ext-controlstop { background-image: url(../img/_ui/ico32/control_stop.png); }
.ext-controlplay { background-image: url(../img/_ui/ico32/control_play.png); }
.ext-controlpause { background-image: url(../img/_ui/ico32/control_pause.png); }
.ext-controleject { background-image: url(../img/_ui/ico32/control_eject.png); }
.ext-controlrepeat { background-image: url(../img/_ui/ico32/control_repeat.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%;*/ width: auto; height: auto; margin: 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; }

.admin.iframe table.filter_con { background: none; border: 0; }






/* easy modal */
.easy_modal, .easy_modal_styling { display: none; width: 650px; min-height: 300px; padding: 2em; box-shadow: 1px 1px 3px rgba(0,0,0,0.35); background-color: white; z-index: 9999999999999; }
.easy_modal .closeButton { position: absolute; top: 0; right: 0; }
.easy_modal .closeButton { float:right; cursor:pointer; color: #fff; border: 1px solid #AEAEAE; border-radius: 30px; background: #605F61; font-size: 31px; font-weight: bold; display: inline-block; line-height: 0px; margin-right: -15px; margin-top: -15px; padding: 10px 3px 13px; }
.easy_modal .closeButton:before { content: "×"; }

.easy_modal .fom textarea, .easy_modal .fwrp *.double { /*width: 97%;*/ }






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



/* edit user overwrite global _common/cf/edit.twigedit.twig */
#form_add_user .emspace.h40.floatc { display: none; }






/* import users */
.colwrp .import { margin: 0 2px; }
.import #import_field_columns_src { width: 100%; }
.import #import_field_columns_src div { width: auto; padding: 11px; text-align: center; }
.import #import_field_columns_src div:hover { color: #333; background: #f1f1f1; border-color: #ccc; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.import #import_field_columns_src div .fa { float: left; color: #aaa; }
.import #import_field_columns_src div, .import .connectedSortable select { margin: 0 0 0 0; }






/* media files drop */
#drop,.drop, #file_drag {
	border-radius: 0.25rem;
    padding: 1rem;
    transition: background-color 0.6s, border-color 0.6s;
    background-color: white;
    -webkit-box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
    box-shadow: 0 2px 2px -1px rgba(152, 162, 179, 0.3), 0 1px 5px -2px rgba(152, 162, 179, 0.3);
    border: 1px dashed #D3DAE6;
    color: rgb(112, 128, 144);
    text-align: center;
    cursor: default;}
#drop:hover,.drop:hover, #file_drag.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, #file_select:focus + label, #file_select + label:hover { color: #000; background-color: #e6eff2; border-color: #3bc4f2; }


#file_drag { display: none; }
/*
#file_select { width: 0; height: 0; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
#file_select + label { font-size: 1.25em; font-weight: 700; color: white; background-color: black; display: inline-block; cursor: pointer; }
#file_select:focus + label, #file_select + label:hover { background-color: red; }
*/





/* */
.impinp { min-height: 340px; height: auto !important; height: 340px; }
/*#import_field_columns_src div { cursor: ns-resize; }*/
.connectedSortable div { cursor: move; }
.connectedSortable .ui-sortable-helper:hover { color: #000; background: #ccc; }



/* filter table */
.filter_con { /*display: none;*/ }
.filter_con label { float: left; padding: 10px 7px 0 0; }
.filter_con select { width: auto; }
table.filter_con { }

#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;

	width: 90%;
	left: 5%;
	right: 5%;
	background: none;
}

@-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;	padding: 0; background: none;


}
.tabintable .fwrp.ffot{text-align: right;}

.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 { margin: 0; padding: 0;  width: 100%;  overflow: hidden; box-sizing: border-box; }
.tbltab.progtrak a { position: relative; z-index: 1; height: 40px; margin-left: -3px; padding: 9px 6px 3px 40px; color: #aaa; background: #fcfcfc; border: 1px solid #fff; cursor: pointer;

	width: 280px;
	font-size: 14px;
	border-width: 0 0 1px 0;
}
.tbltab.progtrak a:first-child { margin:0; padding-left: 14px; width: 282px; }
.tbltab.progtrak a span { display: block; font-size: 13px; line-height: 14px; }
.tbltab.progtrak a:after, .tbltab.progtrak a:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
.tbltab.progtrak a:after { border-color: rgba(252,252,252, 0); border-left-color: #fcfcfc; border-width: 26px; margin-top: -26px; }
.tbltab.progtrak a:before { border-color: rgba(220,227,229, 0); border-left-color: #dce3e5; border-width: 27px; margin-top: -27px; }

/*
responsive code for progress tabs
*/
.tbltab.progtrak a { width: 20%; height: 52px; box-sizing: border-box; }
.tbltab.progtrak a:first-child { margin:0; width: 20%; }

.tbltab.progtrak a.noarrow:after, .tbltab.progtrak a.noarrow:before { position: relative; top: 0; left: 0; border: 0; content: ""; display: none; }

.tbltab.progtrak a:hover { background-color: #333; color: #fff; }
.tbltab.progtrak a:hover:after { border-left-color: #333; }

.tbltab.progtrak a .fa.img-circle { padding: 2px 8px; font-size: 13px; font-weight: bold; color: #fff; background: #a6bec2; }
.tbltab.progtrak a .fa.fa-check-circle { font-size: 24px; position: relative; top: 3px; }
.tbltab.progtrak a .fa.img-circle, .tbltab.progtrak a .fa.fa-check-circle { margin-right: 4px; }
.tbltab.progtrak a .fa.fa-check-circle, .tbltab.progtrak a.done .fa.img-circle { display: none; }

.tbltab.progtrak a.done { color: #7aa848; }
.tbltab.progtrak a.done .fa.fa-check-circle { display: inline; }
.tbltab.progtrak a.active { color: #1c9dc5; background-color: #e8e4e5; z-index: 99; cursor: default; }
.tbltab.progtrak a.active:after { border-left-color: #e8e4e5; }
.tbltab.progtrak a.active .fa.img-circle { color: #1c9dc5; background: #fff; }

.tbltab.progtrak a:nth-child(1) { z-index: 10; }
.tbltab.progtrak a:nth-child(2) { z-index: 9; }
.tbltab.progtrak a:nth-child(3) { z-index: 8; }
.tbltab.progtrak a:nth-child(4) { z-index: 7; }
.tbltab.progtrak a:nth-child(5) { z-index: 6; }
.tbltab.progtrak a:nth-child(6) { z-index: 5; }
.tbltab.progtrak a:nth-child(7) { z-index: 4; }
.tbltab.progtrak a:nth-child(8) { z-index: 3; }
.tbltab.progtrak a:nth-child(9) { z-index: 2; }
.tbltab.progtrak a:nth-child(10) { z-index: 1; }

.tbltab.progtrak.prtk6 a { width: 16.66%; }

.heading.progtrak { color: #1c9dc5; background: #e8e4e5; border: 0; padding: 0; }

.tblcon .tbltab.progtrak { background: none; }
.tblcon .tbltab.progtrak a, .tblcon .tbltab.progtrak a:first-child { width: auto; }
.tblcon .tbltab.progtrak a { background: none; color: #fff; padding: 9px 26px 3px 50px; border-bottom: 1px solid #e8e4e5; }
.tblcon .tbltab.progtrak a:first-child { padding-left: 24px; }
.tblcon .tbltab.progtrak a:after { border-color: rgba(232,228,229, 0); border-left-color: #e8e4e5; }
.tblcon .tbltab.progtrak a:before { border-color: rgba(255,255,255, 0); border-left-color: #ffffff; }
.tblcon .tbltab.progtrak a:hover, .tbltab.progtrak a.active { color: #1c9dc5; }

.tbltab.progtrak a.active, .tbltab.progtrak a.done.active { border-bottom: 4px solid #00aae7; }

.heading .tbltab.progtrak a.stage-subtab { background: #e8e4e5; }






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

.optwrp.hauto {height:auto;}

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






.emailpreview { text-align: center; clear: both; }
/* edm template select (edm/campaign/edit) */
.template-item .tile, .template-item .toolbox, .widgettile .tile, .widgettile .toolbox { display: block; float: none; }
.edm_template_list .template-item, .widgettile { float: left; margin: 0 0 18px 0; padding: 5px; position: relative; }
.edm_template_list .template-item .ti-tick, .widgettile .ti-tick { position: absolute; top: -2px; right: 6px; display: none; padding: 4px 6px; background: #f1fbfc; }
.edm_template_list .template-item .ti-tick .fa, .widgettile .ti-tick .fa { font-size: 14px; font-weight: 300; background-color: #f1fbfc; color: #007489;}
.edm_template_list .template-item .tile { margin: 0 12px 18px 2px; }
.edm_template_list .template-item.highlight .ti-tick, .widgettile.highlight .ti-tick { display: block; }
.edm_template_list .template-item.highlight .tile, .widgettile.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, .widgettile.highlight .con { background-color: rgba(145, 200, 84, 0.1); }
.edm_template_list .template-item.highlight .des, .widgettile.highlight .des { background-color: #91c854; border-top-color: #7aa848; }
#authorise_email_approved{color: #7aa848;}

.template-item .toolbox { text-align: center; }
.template-item .toolbox a.btn { margin: 0 auto; }


/* generic based on edm template select */
.widgettile.spacer { width: 20px; }
.widgettile .tile { width: 140px; height: 140px; margin: 0 7px 14px 0px; background: #eee; }
.widgettile .tile a { cursor: pointer; }
.widgettile .ti-tick { right: -1px; }
.widgettile .tile .con { width: 120px; height: 48px; padding: 10px; font-size: 21px; line-height: 48px; }
.widgettile .tile .con .fa { font-size: 46px; line-height: 48px; }
.widgettile .tile .con, .widgettile .tile .des { color: #6F6F6F; background: none; border: none; }
.widgettile .tile .des h6, .widgettile .tile .des p { margin: 0; padding: 0; }
.widgettile .tile .des h6 { text-transform: uppercase; font-size: 14px; font-weight: bold; }

.widgettile.highlight .tile { background-color: rgba(145, 200, 84, 0.1); }

.widgettile .tile:hover { background: #fff; }
.widgettile .tile:hover .con, .widgettile .tile:hover .des { background: none; }

.widgettile.send-all-recipients .tile { width: 100px; height: 100px; }
.widgettile.send-all-recipients .tile .con { width: 80px; height: 40px; text-align: center; }
.widgettile.send-all-recipients .tile .con .fa { font-size: 38px; }
.widgettile.send-all-recipients .tile .des h6 { font-size: 13px; }
.widgettile.send-all-recipients .tile .des p {	}

/* stage.twig */
.previews .tblcon.active { display: block !important; }
.time_pick .timepicker_wrap { left: 0.5% !important; }






/* content snippet popup */
/*#new_content_holder_dialog .coltre { width: 24%; }
#new_content_holder_dialog .coltre.dbl { width: 75%; float: right; }*/
.content_holder_content.coltre.dbl .fwrp.fhed { padding-top: 0; }

/* content snippet edit */
.fwrp.wysiwyg #content_type_html { width: 98.5%; padding-right: 1%; }






/* form fields */

.fieldset_list { float: right; width: 40%; }
.fieldset_list .fieldset { clear: both; margin-bottom: 15px; }
.fieldset .toolbox .btn { display: inline-block; width: 40%; border-width: 1px; border-style: solid; border-color: #aaa; }
.fieldset .toolbox .btn.disable_field { opacity: 0.4; background: #ccc; cursor: auto; }
.fieldset .toolbox .btn.disable_field:hover .fa { color: #333; }
.has-tooltip .fieldset .toolbox .btn.add_field { overflow: visible; margin: 0 0 4px 0;}
.has-tooltip .fieldset .toolbox .btn.disable_field { opacity: 1; }

.form_fields { float: left; width: 57%; margin-right: 3%; }

.page_ordering, .form_page, .form_page ul { margin: 0; padding: 0; list-style: none; }
.edit_page_title_form { display: none; }
.field_list .forsort { padding: 0; min-height: 30px; height: auto !important; height: 30px; }
.field_list .forsort:hover, .field_list .forsort:hover .toolbox { background: #fafafa; cursor: move; }
.field_list { margin: 0; padding: 0; min-height: 40px; height: auto !important; height: 40px; border-top: 1px dotted #aaa; }
.field_list li.field-item { position: relative; border-bottom: 1px dotted #aaa; border-top-width: 0; }
.field_list li.field-item .radiof { width: 100%; margin-top: 10px; background: none; }
.field_list li.field-item .radiof .custom_field_edit { width: 3%; }
.field_list li.field-item .radiof input[type=checkbox] { display: inline; width: 14px; }
.field_list li.field-item .radiof label { display: inline; }
.field_list li.field-item .drag_handle { position: absolute; top: 5px; right: 0; z-index: 100;}
.field_list li.field-item .drag_handle .toolbox .btn.cursor-drag { display: block; }
.field_list li.field-item .edit_icons { position: absolute; top: 14px; right: 40px; width: auto; overflow: hidden; z-index: 100;}
.field_list li.field-item .edit_icons .btn { float: left; padding: 0 2px; border: 0; background: none; }
.field_list li.field-item .edit_icons .btn .fa { margin: 0; font-size: 18px; }
.field_list li.ui-state-highlight { background: #ddd; border: 1px dotted #777; min-height: 30px; height: auto !important; height: 30px; }
.field_list li.field-item label { display: block; }
.field_list .custom_field_edit { width: 50%; }
.fieldset_list .tblwrp { border: 1px solid #cfd9db; }

.has-tooltip .fieldset .toolbox .btn.add_field { display: inline-block; width: 40%; border-width: 1px; border-style: solid; border-color: #aaa; color:#6a6a6a; font-size: 12px;}
.has-tooltip .fieldset .toolbox .btn.add_field:active, .has-tooltip .fieldset .toolbox .btn.add_field:focus {width: 40%; color: #6a6a6a; font-size: 12px;}
.has-tooltip .fieldset .toolbox .btn.add_field.disable_field{background:#ddd;}
.has-tooltip .fieldset .toolbox .btn.add_field:hover{background:#eee; box-shadow: none;}
/*.admin.newsz .fom .fwrp.fgrp { padding: 0 10px 10px; }*/


.page_ordering { width: 100%; }


.show_hide_page { }
.form_page.active_page { /* Active page is used when they have more than one form pages, there needs to be some sort of hightlight so you know what page fields will be added to */
/* border: 1px solid #cfd9db; margin-bottom: 5px; padding: 3px; */
}







/* 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: absolute;*/ z-index: 99; display: block; clear: both; }
#form_campaign_review .wildcard-container { float: left; margin-left: 10px; }
#form_add_field .wildcard-container.wildcard-container { float: left; clear: right; }

.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; z-index: 999; }
.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; }



/* integration */
#sync_processing_dialog { position: fixed; top: 20%; left: 30%; z-index: 990;
	width: 540px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	background: #fff;
	border: 1px solid #ccc;
}

.linetop { border-top: 1px solid #eee; }

.integrationwrp .fwrp.fgrp .fwrp { float: left; margin-right: 20px; margin-bottom: 10px; }
.integrationwrp .fwrp .fwrp { padding: 0; border: 0; }

.integrationwrp .wrp.tpi { border: 1px solid #ccc; background-color: #f7f7f7; }
.integrationwrp .wrp.tpi img.intwrp { height: 200px; margin: 0 auto; display: block; overflow: hidden; }
.integrationwrp .colfor .wrp.tpi img.intwrp { height: 140px; }
.integrationwrp .wrp.tpi .btn { float: none; }
.integrationwrp .wrp.tpi .btn.grey { background-color: #ccc; border-color: #aaa; }



.tagitstyle { list-style: none; padding: 7px; border: 1px solid #cccccc; height: 100px; overflow: auto; }
.tagitstyle li { border: 1px solid #cccccc; padding: 2px 4px; display: inline-block; width: auto; background-color: #efefef;}
.tagitstyle li *{ display: inline-block; }
.tagitstyle li a:hover{ cursor: pointer;}









/* 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 */
.ui-front { z-index: 1200; }
.ui-dialog-content .paging, .admin.iframe .paging { color: #000; }



/* 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-icon-primary.ui-icon.ui-icon-closethick, .ui-dialog-titlebar .ui-button-text, .ui-button-icon.ui-icon.ui-icon-closethick, .ui-dialog-titlebar .ui-button-icon-space {

	/*display: none;*/ /* commented out for new skin */
}
.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; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: 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; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: 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: bold; padding: 15px 20px; color: rgba(24, 39, 57, 0.94); }
.ui-dialog-content.ui-widget-content, .admin.iframe { background: #ffffff; }
.ui-dialog .ui-dialog-buttonpane { margin: 0; border: 0; border-top: 1px solid #c5c5c5; clear:both; 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: none !important; 
    box-shadow: rgba(25, 59, 103, 0.05) 0px 0px 0px 1px, rgba(28, 55, 90, 0.16) 0px 4px 24px -3px, rgba(28, 50, 79, 0.38) 0px 18px 64px -8px;background-color: #fff;}
.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, .ui-dialog.ui-widget.ui-widget-content table .toolbox { background: none; }
.ui-dialog.ui-widget.ui-widget-content table { /*background-color: #fff;*/ }
.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 .fom {  }
.ui-dialog-content.ui-widget-content .fwrp, .admin.iframe .fwrp { border: 0; }
.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%; }






.admin .mce-tinymce.mce-container.mce-panel { width: 99% !important; border-collapse:collapse;border-spacing:0;border-color:#ccc; }
.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; }
.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-container .mce-close { margin: 0; padding: 0 5px; background:none; border: none;}
.admin .mce-widget.mce-btn button { padding: 4px 8px; }
.admin .mce-widget.mce-btn button i, .mce-widget.mce-btn button span { font-weight: normal; text-shadow: none; }
.admin .mce-widget.mce-btn button:hover i, .mce-widget.mce-btn button span:hover, .mce-widget.mce-btn button:focus i, .mce-widget.mce-btn button span:focus { color: #fff; }

.admin .mce-panel { border: 0 solid #ccc; border: 0 solid rgba(0,0,0,0.2); background-color: #f0f0f0; }

.admin .mce-menubtn button, .admin .mce-ico { color: #333; }
.admin .mce-menubar .mce-caret { border-top-color: #333; }
.admin .mce-caret { border-top: 4px solid #333; border-top-color: rgb(51, 51, 51); }

.admin .mce-edit-area.mce-container.mce-panel.mce-stack-layout-item { border-top-color: transparent; }



.admin .mce-container.mce-panel.mce-foot .mce-primary { background: none; }
.admin .mce-foot .mce-btn { border: 0; }
.admin .mce-tabs + .mce-container-body, .admin .mce-tab.mce-active { background-color: #f7f7f7; }
.admin .mce-window-head, .admin .mce-container.mce-panel.mce-foot { background-color: #fff; }






.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: normal; }
.ui-datepicker-title { text-align: center; }
.ui-datepicker-title select { width: auto; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { top: 8px; }
.ui-datepicker table { margin: 1px 0; border: 0; }



/*
.ui-datepicker table .ui-state-default, .ui-datepicker table .ui-widget-content .ui-state-default, .ui-datepicker table .ui-widget-header .ui-state-default, .ui-datepicker table .ui-button { background: #fcfcfc; border: 1px solid #ececec; }
.ui-datepicker table .ui-state-default.ui-state-hover, .ui-slider-handle.ui-state-default { background: #f6f6f6; border: 1px solid #c5c5c5; }
.ui-datepicker table .ui-state-highlight, .ui-datepicker table .ui-widget-content .ui-state-highlight { background: #fffa90; border: 1px solid #dad55e; }
*/



/* sortable styles */
.usergroups { margin: 0; padding: 0; }
.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); }
.usergroups li.ui-state-default { background: none; background-color: #fff; }
.usergroups li.ui-state-default .des { background: #72a73c; }

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

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

	display: block;
}
.usergroups.ui-sortable li.ui-state-default .des { background: #ff9800; }
.usergroups.ui-sortable li.ui-state-default.ui-sortable-helper .des, .usergroups.ui-sortable li:hover .des { color: #777; background: #ddd; }

.usergroups.ui-sortable li.ui-state-default { float: none; width: 440px; height: 52px; margin: 0 0 10px 0; }
.usergroups.ui-sortable li .con, .usergroups.ui-sortable li .des { float: left; height: 32px; padding: 10px; }
.usergroups.ui-sortable li .con { width: 32px; }
.usergroups.ui-sortable li .des { width: calc(100% - 134px); line-height: 28px; text-align: left; padding-left: 72px; }

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input { border: none; }



/* sortable in gall mode */
.usergroups li.gall { width: 123px; height: 123px; margin: 0 1px 1px 0; }
.usergroups li.gall.ui-state-default .des { background: none; }
.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 { border-bottom: 1px solid #eee; position: relative; margin-bottom: 2px; }
.cf_option_div a.btn { position: absolute; right: 0; top: 10px; }
.cf_option_div input { border: none !important; margin-bottom: 2px; }


#sortable1, #sortable2 { width: 100%; min-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 { 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: 4px 7px; margin-bottom: 5px;}
ul.tagit li.tagit-choice-editable { padding: 0 10px 0 5px; }
ul.tagit li.tagit-new { padding: 6px 5px; display: none; }
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; }

ul.tagit input[type="text"].ui-autocomplete-input, ul.tagit .ui-state-default, ul.tagit .ui-widget-content .ui-state-default { background: none; }
ul.tagit.ui-widget.ui-widget-content { border: 0; }

ul.tagit .ui-state-default, ul.tagit .ui-widget-content .ui-state-default {  }


/* 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 { border-color: #ccc; width: 100%;
/*
	height: 34px !important;
	padding: 5px;
*/
}
.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; }

.toolbox #query_form .fom a#add_clause.btn, .toolbox #query_form .fom a#add_clause.btn:focus, .toolbox #query_form #save_query, .toolbox #query_form #save_query:focus, #hidepop.btn, #hidepop.btn:focus { padding: 7px 12px; }

.toolbox #query_form .fom a#add_clause.btn, .toolbox #query_form .fom a#add_clause.btn:focus { width: 38px; }
.toolbox #query_form .fom a#add_clause.btn .fa, .toolbox #query_form .fom a#add_clause.btn:focus .fa { width: 12px; margin: 0; }

.toolbox #query_form #save_query, .toolbox #query_form #save_query:focus { width: 92px; }

.clause_list .queryConstraintRow { margin-bottom: 3px; }








/* popup image select */
.wysiwyg_fm {  }
.wysiwyg_fm .tile.gall { width: 153px; height: 153px; } /*149*/
.wysiwyg_fm .tile.gall .des { line-height: auto; padding: 0 5px; overflow: hidden; }
.wysiwyg_fm .tile.gall .des .file_name { float: left; }
.wysiwyg_fm .tile.gall .des .file_buttons { float: right; }






/* edm broadcast */
ul.ui-sortable { margin: 0; padding: 0; list-style: none; }
ul.ui-sortable li table, ul.ui-sortable li table tbody td { border-top: 0; }












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












#preview_notification_content b { font-weight: bold !important; font: bold 13px/18px 'Open Sans',arial,sans-serif; }
#preview_notification_content b .span { font-weight: bold !important; font: bold 13px/18px 'Open Sans',arial,sans-serif; }
#preview_notification_content b, #preview_notification_content b .span { font-weight: bold !important; font: bold 13px/18px 'Open Sans',arial,sans-serif; }

.page-items table tbody th { width: 120px; text-align: right; vertical-align: text-top; }

#local_time { float: right; margin-right: 180px; height: 40px; line-height: 38px; font-size: 13px; color: #9d9d9d; }

.rounded { border-radius: 4px; }

div.toggle-section, div.togglesection { margin: 0; padding: 0; cursor: pointer; }
div.toggle-section .fhed, div.togglesection .fhed { border-top: 0; width: auto; overflow: hidden; }
div.toggle-section .fhed .fa, div.togglesection .fhed .fa { margin: 0; padding: 0; color: #000; display: inline-block; position: relative; top: 3px; left: 6px; /*width: 14px; height: 14px;*/ text-align: center; overflow:hidden; }
div.toggle-section .fhed:hover, div.toggle-section .fhed.toggle-active, div.togglesection .fhed:hover, div.togglesection .fhed.toggle-active { background: #f7f7f7; }
div.toggle-section .fhed.toggle-active:hover, div.togglesection .fhed.toggle-active:hover { background: #eee; }
div.toggle-section .toggle-content, div.togglesection .toggle-content { display:none; overflow: hidden; }
div.toggle-section.open .toggle-content, div.togglesection.open .toggle-content { display:block; overflow: hidden; }

/* SZ admin Poll options */
form#cms_poll.fom  input#options { width: 600px; margin: 5px 5px 5px 0 !important;}
form#cms_poll.fom #option_div_1 {margin-right:75px;}

.webpollprev br { display: none; }
.webpollprev .btn-copy { position: relative; top: 8px; left: 6px; }






.error-message, .error-message-lite { width: 100%; padding:12px 0; margin-bottom: 10px; border-radius: 8px; background-color: #e02c2c; color: #fff; font-weight: bold; display: none; text-align: center; font-size: 11pt; text-shadow: 1px 1px 2px rgba(0,0,0,0.3); }
.error-message-lite { background-color: transparent; color: #f13232; text-shadow: none; margin-bottom: 0; font-weight: normal; text-align: left; text-indent: 20px; }
.error-message-small { font-size: 9pt; display: block; padding-top: 10px; line-height: 16px; font-weight: normal; }
.bold-note { font-weight: bold; float: none !important; }
#ie-alert { display: none; border-radius: 0 0 8px 8px; }
#ie-alert a { color: #fff; text-decoration: underline; }
.cal-button { width: auto; float: left; padding: 5px 10px; border-radius: 4px 0 0 4px; text-align: center; color: #fff; }
.cal-button-r { float: left; padding: 4px 7px; border-radius: 0 4px 4px 0; border-left:1px solid rgba(255,255,255,0.6); }
.cal-button-r:hover { background-color: #ebebeb !important; }
.cal-button input { visibility: hidden; position: fixed; }
.cal-button-inactive { background: #868686 !important; }
.cal-button:hover { box-shadow: 2px 2px 6px rgba(0,0,0,0.35) inset; cursor: pointer; }
.cal-button label:hover { cursor: pointer; }
.szcal .cal-list { display: inline-block; margin: 3px 0; }
.nobor { border: none; }
.notbor { border-top: none; }

.nopad { padding: 0; }
.notpad { padding-top: 0; }
.nobpad { padding-bottom: 0; }
.nobmar { margin-bottom: 0; }
.szbreakw { word-break: break-all; }






/* keep this always last (before schoolzine.css styles) */
*.noborder { border: 0; }
*.nobg { background: none; }






/*******************************************************/
/*** formerly schoolzine.css ***************************/
/*******************************************************/

.notinsb { display: inline-block; }
.notinsz, #utility a.notinsz, #utility #avatar span.ava, tr.notinsz { display: none; }

/*
blue - #019cc6
green - #cadb2f
orange - #f8a61c
*/

table tr:hover { background: none; }

a, a:hover { color: #0070c9; }
.tbltab a:hover, #mnav dt.on .fa, #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, #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: #279ec2; }

#logo, .tile .des, #utility #ppop .pdet .pprog .emspace, .paging span.pgnum, .tbltab a:hover, .usergroups li.ui-state-default .des { background-color: #279ec2; }
a:hover, #utility a:hover, #utility a.on { color: #07405A; }
.tile a:hover .des, .paging a:hover { background-color: #f8a61c; }
.tile .des, .tbltab a:hover { color: #fff; }
.usergroups.ui-sortable li.ui-state-default .des { color: #fff; }
.usergroups.ui-sortable li.ui-state-default.ui-sortable-helper .des, .usergroups.ui-sortable li:hover .des { color: #777; }

#header { background: transparent; }
#utility #top_site_name { font-size: 16px; }

.tblcon .tbltab.progtrak a { color: #666666; }
.tbltab.progtrak.manual_tab a:hover { background-color: #dedede; color: #666; }
.tbltab.progtrak.manual_tab a:hover:after { border-left-color: #dedede; }

#side.min #mnav dt { height: 25px; }
#side.min #mnav dt .fa { font-size: 25px; line-height: 25px; }
#msnav { left: 90px; }

/* +54 */
#msnav.c0 { top: 60px; }
#msnav.c1 { top: 51px; }
#msnav.c3 { top: 103px; }
#msnav.c5 { top: 157px; }
#msnav.c7 { top: 211px; }
#msnav.c9 { top: 265px; }
#msnav.c11 { top: 319px; }
#msnav.c13 { top: 373px; }
#msnav.c15 { top: 427px; }
#msnav.c16 { top: 481px; }

#mnav dd .mca li a:hover, #msnav dd .mca li a:hover { color: #fff; }



/* SZ CSS Overrides */

.min { margin-left: 90px; }
#logo.min, #side.min { width: 90px; }
.admin { background: #ecf0f1  no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }
.heading { background-color: #707070; border: 1px solid #707070; }

.admin.android {
	height: 100%;
	background-color: #00558c;
	background: #00558c no-repeat scroll center center scroll / cover;
}

.heading a { color: #fff; }
.heading a:hover { color: #ccc; }

#logo img.dsk { width: 120px; }
#logo a { margin-top: -7px; height: 55px; }

#pagetit { background-color: rgba(255, 255, 255, 0.9); }
/*.topspacer { height: 61px; }*/
.maintitle { margin: 40px 0 15px 0; font-size: 48px; line-height: 60px; font-family: "Open Sans", arial, sans-serif; font-weight: 300; color: #fff; }

.paging { color: #fff; }
.bg_white .paging { color: #777; }

.optlnk.on, .optlnk.on:hover, .btn.optlnk:hover { background-color: #279EC2; color: #fff; }
.optwrp { height:340px; }

#sms_character_count { padding-top: 7px; }

/* SZ CSS Overrides */



.admin.iframe .heading { font-size: 1.17em; font-weight: bold; }
.admin.iframe #file_drag { background: #fff; clear: both; }



table td ul.tagit { width: 100%; }
input.btn, a.btn, button, input[type="button"], .ui-button, .fom *.btn:focus, input[type="button"].ui-state-focus { width: auto; }

.btn.lesspad, .btn.lesspad:focus { padding: 7px 10px; }
.authorised-list { margin: 0 auto; }
.authorised-list a { cursor: pointer; font-weight: bold; padding: 5px 0; display: block; }

.btn.nodisp { display: none; }



.fwrp label.half { width: 25%; }
.fwrp span.fwide { margin: 0 5px; }
.fwrp .fnotes, .fwrp .fermsg { /*margin-left: 30%; padding-left: 20px;*/ }
.fwrp .fermsg { font-weight: 600; }
.fwrp.ffot label { display: block; }

.fwrp #preview_notification_content span { float: none; padding: 0; line-height: 1em; }

.ui-dialog-content .fwrp, .ui-dialog-content .fwrp.fgrp { width: 96%; padding: 14px; }



.details.dual { width: 49%; float: left; margin-right: 1%; }
.emspace.floatc.dual { display: none; }
.details.full { width: 100%; }
.details.full table tbody th { width: 20%; }
.details.dual.floatl { width: 49%; float: left; }
.details.dual.floatr { width: 49%; float: right; margin-right: 0; }
.details.dual.floatl.one-third { width: 39%;  }
.details.dual.floatr.two-thirds { width: 59%;  }
.details.dual.floatl.two-thirds { width: 59%;  }
.details.dual.floatr.one-third {  width: 39%;  }
.notification.dual.floatl { width: 68%; float: left; }
.notification.dual.floatr { width: 30%; float: right; margin-right: 0; }



.coltre .fwrp h3 { text-align: left; }
.coltre .input { width: 92%; }
@media only screen and (max-width: 1023px) { .coltre .input { width: 96%; } }

.filter_con input { width: 26%; }
.filter_con select { width: auto; }
.toolbox label { padding: 8px 7px 0 0; width: auto; }
.fa.lnk, span.lnk { color: #019cc6; }

.filter_con .inverse_filter_con input { width: 274px; }


/* Content Thumbnails styling */
.tile a { display: block; height: 100%; width: 100%; }
.edm_template_list .tile a { position: relative; }
.edm_template_list .template-item .des { bottom: 0; position: absolute; width: 94%; }

/* SZ Custom */
.edm_template_list .template-item .tile .des, #home_templates_container .tile .des { height: auto; padding: 9px 7px; font-size: 13px; }



.campaigns-table i, .dist-channels i { font-size: 17px; margin-right: 5px; color: rgb(0, 106, 125);}
.toolbox .btn.blu .fa { margin: 0; }
.toolbox .btn.mrr { margin-right: 10px; }
.toolbox .btn.bcc-all { -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; }
.toolbox .btn.bcc-rig { -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; }
.toolbox .btn.bcc-lef { -webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:0px;-webkit-border-bottom-right-radius:0px;-webkit-border-bottom-left-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:0px;-moz-border-radius-bottomright:0px;-moz-border-radius-bottomleft:7px;border-top-left-radius:7px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:7px; }



/* User name dropdown */
#prof { right: 10px; }

/* Styling for app notifications sidebar on dashboard */
.full-width { width: 100%; }
.notifications-bar, .coltre.dashnotwrp.notifications-bar { position: absolute; right: 0; top: 61px; width: 350px; display: none; }
.notifications-bar.expanded { display: block; }
.notification-view-all { color: #777777; font-size: 16px; text-transform: uppercase; margin: 20px 0; display: block; }
.notification-view-all span { font-size: 20px; }

#dashnotwrp { background-color: #ffffff; background-color: rgba(255, 255, 255, 0.95); border-color: #eeeeee; width: 100%; top: 0; }
#dashnotwrp .notytile { background: transparent; border-bottom: 1px solid #ececec; padding: 20px 0; }
#dashnotwrp .notytile:last-child { border: 0 none; }
#dashnotwrp .notytile .notyhed { padding: 0; }
#dashnotwrp .notycontent { word-wrap: break-word; text-align: justify; }
#dashnotwrp .maintitle, .ddevices { color: #777777; padding: 20px 0; }

.show-notifications { width: 40px; height: 40px; line-height: 36px; font-size: 26px; text-align: center; color: #ffffff; background-color: #279EC2; position: absolute; right: 0; top: 61px; cursor: pointer; z-index: 2; border-radius: 0 0 0 4px; }
.show-notifications.expanded { color: #777777; background-color: transparent; }
.notification-date { color: #989897; color: rgba(0, 0, 0, 0.4); font-size: 13px; font-weight: 700; padding: 5px 0; }






/*** nu.styles 150623 ***/

#utility { -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3); }
#mviw, #sticky_button_wrapper/*, #pagetit .wrp*/ { max-width: 1280px; margin: 0 auto; }

#pagetit { background-color: rgba(255,255,255, 0.7); font-size: 16px; }
#pagetit, #pagetit span, #pagetit h1 { color: #fff; }
#pagetit a { color: #5e5e5e; }
#pagetit a:hover { color: #888; }
#pagetit span { padding: 0 5px; }

#side { background-color: rgba(42,42,42, 0.7); -webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.5); box-shadow: 0 2px 7px rgba(0, 0, 0, 0.5); }
#mnav, #mnav dt.nochild a { color: #a9c8d6; }
#mnav dt.nochild a:hover { color: #fff; }



#device-area { position: relative; width: 99%; margin: auto; padding: 0px 0px 10px 0; text-align: center;}
#device-area .appd { font-size: 20px; position: relative; top: 10px; }
#device-area #andoid-count-value, #device-area #ios-count-value { font-size: 25px; }
#device-area #andoid-count-value { margin-right: 10px; }






/* dashboard quick send message */
#dqmsg { height: auto; background: #f1f1f1; overflow: hidden; }
#dqmsg .fwrp { padding-bottom: 0; background: #f1f1f1; border: 0; }
#dqmsg .fwrp .finfo { float: right; }
#dqmsg .fwrp .finfo span { line-height: 18px;; padding: 0; }
#dqmsg .fwrp input, #dqmsg .fwrp select.chosenselect { width: 97%; }
#dqmsg .fwrp input.btn { width: auto; }
#dqmsg .fwrp a .fa { font-size: 21px; line-height: 34px; padding: 0 2px; }
#dqmsg .fwrp a.btn { padding: 0 6px; position: relative; top: -2px; text-align: center; }
#dqmsg .fwrp a.btn .fa { font-size: 14px; line-height: auto; }

.quicksendmsgpop .ui-widget-header { border-bottom: 0; }
.quicksendmsgpop .ui-dialog-content.ui-widget-content { padding-top: 0; }
#quick_send_message, #dqmsg, #dqmsg .fwrp, .quick_send_message_popup.no_min_height.ui-dialog-content.ui-widget-content { background: #ffffff; overflow: visible; border-radius: 4px;}
.quicksendmsgpop .ui-dialog-content.ui-widget-content .heading { padding-top: 0; }
.quicksendmsgpop .ui-dialog-content .fwrp, .quicksendmsgpop .ui-dialog-content .fwrp.fgrp { width: 100%; }
.quicksendmsgpop{overflow: visible;}
/*.admin.newsz*/ .quicksendmsgpop .fom label{font-weight: normal; font-size: 13px; text-transform: none; margin-bottom: 3px;}
/*.admin.newsz*/ .quicksendmsgpop .fom input, /*.admin.newsz*/ .quicksendmsgpop .fom textarea{margin-bottom: 3px}

.ui-widget-overlay{ background-color: rgba(28, 55, 90, 0.16); opacity: 1;}

#dqmsg .coltre.mid { width: 48%; }
#dqmsg .quick-send-buttons { width: 19%; }
#dqmsg .coltre #select_all_channels, #dqmsg .coltre .select_channel { cursor: pointer; color: #666666; }
#dqmsg .coltre #select_all_channels:hover, #dqmsg .coltre #select_all_channels.active, #dqmsg .coltre .select_channel:hover, #dqmsg .coltre .select_channel.active { color: #1070ca; }
.chosen-container { min-width: 200px !important; }
#quick_message { max-width: 97%; }

/* 170301 */
#dqmsg .coltre.c1 { width: 45%; }
#dqmsg .coltre.c2 { width: 38%; }
#dqmsg .coltre.c3 { width: 17%; }


#dqmsg .coltre.c1 { padding-top: 10px; }
#dqmsg .coltre.c1 .ico { width: 38px; float: left; text-align: center; color: rgba(28, 46, 69, 0.61);}
#dqmsg .coltre.c1 .ico.auto { width: auto; padding: 10px 2px 0 2px; }
#dqmsg .coltre.c1 .ico a { display: block; }
#dqmsg .coltre.c1 .ico .fa { display: block; color: rgba(28, 46, 69, 0.61);}

#dqmsg .coltre.c2 .fwrp, #dqmsg .coltre.c3 .fwrp { padding-right: 0; padding-left: 0; }
#dqmsg .coltre.c3 .fwrp .btn { /*width: 60%;*/ margin-top: 2px;

	width: 86%;
}

@media only screen and (max-width: 767px) { #dqmsg .coltre.c1, #dqmsg .coltre.c2, #dqmsg .coltre.c3 { float: left; } }
@media only screen and (max-width: 667px) {
/*
#dqmsg .coltre.c1 { width: 40%; }
#dqmsg .coltre.c2 { width: 40%; }
#dqmsg .coltre.c1 .ico { width: auto; padding: 0 2px; }
#dqmsg.fom .coltre.c1 .ico a { font-size: 11px; }
*/
}
@media only screen and (max-width: 666px) {

/*.quicksendmsgpop.ui-dialog.ui-widget.ui-widget-content, .quick_send_message_popup.ui-dialog-content.ui-widget-content { width: 92%; }*/

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

#dqmsg .coltre.c1 { width: 100%; float: none; display: block; padding-top: 0; }
#dqmsg .coltre.c1 .ico { float: none; display: inline-block; }
#dqmsg .coltre.c2 { padding-left: 20px; width: 200px; }
#dqmsg .coltre.c3 { width: 100px; padding-left: 10px; }

}






/* sticky edm submit buttons */
.edmstickybtn.doit { position: fixed; right: 530px; bottom: 10px; border: 1px solid #cfd9db; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
@media only screen and (max-width: 1920px){ .edmstickybtn.doit { right: 210px; } }
@media only screen and (max-width: 1650px){ .edmstickybtn.doit { right: 80px; } }
@media only screen and (max-width: 1440px){ .edmstickybtn.doit { right: 20px; } }
@media only screen and (max-width: 767px){ .details.full .tblwrp .fwrp.ffot.edmstickybtn.doit, .details.full .tabintable .fom .fwrp.ffot.edmstickybtn.doit { width: auto; } }






/* tag-it overwrites */
#tags.tagnobg li.ui-widget-content { background: none; }
#tags.tagnobg li.ui-widget-content.defaultbg, ul.tagit .ui-state-default, ul.tagit .ui-widget-content .ui-state-default { background: #00b1e1; border: none; text-shadow: none; }
ul.tagit .ui-state-default, ul.tagit .ui-widget-content .ui-state-default { color: #fff; }





/* calendar */
.szcal .action_icons a { display: inline-block; margin-right: 5px; }
.szcal .action_icons a .fa { display: block; font-size: 24px; text-align: center; }

.szcal .tagwrp { width: 100%; overflow: hidden; position: relative; }
.szcal .tagwrp .btn.btn_subscribe { position: absolute; top: 10px; right: 0; height: 28px; line-height: 28px; padding: 0 20px; }
.szcal .tagwrp .radiof { width: auto; margin: 3px 3px 3px 0; padding: 4px 9px 4px 5px; float: left; overflow: hidden; color: #fff; background: #aaa url('/theme/website/schoolzine/img/bg-pattern.png'); border: 1px solid #ccc; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; }
.szcal .tagwrp .radiof input, .szcal .tagwrp .radiof label { float: left; }
.szcal .tagwrp .radiof label { margin-left: 5px; text-shadow: 1px 1px rgba(0, 0, 0, 0.3); }
.szcal .tagwrp .radiof a { width: 16px; height: 16px; margin: 0 0 0 10px; position: relative; top: 2px; display: inline-block; background: url(../img/calendar.png) center no-repeat; }

.szcal .page-header h3 { font-size: 17.5px; }
.szcal .events-list {  }
.szcal #banner-footer-toggle { display: none; }






/* Tool tips */
.tooltip { display: inline !important; position: relative !important; }
.tooltip:hover:after { position: absolute; background: #333; background: rgba(0,0,0,.8); border-radius: 2px; bottom: 6px; color: #fff; content: attr(tip); left:-10px; padding: 5px 15px; z-index: 98; white-space: nowrap; }
.tooltip:hover:before { border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 0px; content: ""; left: 25%; position: absolute; z-index: 99; }
.tooltip_new { display: inline !important; position: relative !important; }
.tooltip_new:hover:after { position: absolute; background: #333; background: rgba(0,0,0,.8); border-radius: 5px; top: -30px; color: #fff; content: attr(tip); left: 5%; padding: 5px 15px; z-index: 98; white-space: nowrap; }
.tooltip_new:hover:before { border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; top: -3px; content: ""; left: 25%; position: absolute; z-index: 99; }
/* -- end tool tips -- */

/* Custom icon selector*/
.icon-wrapper { height: auto; max-height: 300px; width: 285px; background-color: white; overflow-y: scroll; overflow-x: hidden; margin-top: 2px; border: 1px solid rgba(1,156,198,0.3); position: absolute; z-index: 999; }
.icon-selection { height: auto; }
.icon-item { padding:5px; cursor: pointer; }
.icon-item:hover { background-color: rgba(135,206,250,0.3); }
#open-fa-list { color:black; }
#fa-icon::-ms-clear { display: none; }
/* end custom icon selector*/






/* Sticky Button - Settings Page */
#sticky_button_wrapper { /*float:right; position: relative; right:100px; clear: both;*/ }
/*
#sticky_button_wrapper_non { float:right; position: relative; right:100px; clear: both; }
#sticky_button_wrapper_send { float:right; position: relative; right:180px; }
#sticky_button_wrapper_send_left { float:left; position: relative; left:35px; }
#sticky_button_wrapper_send_left_non { float:left; position: relative; left:35px; }
*/
#sticky_button, .sticky_button, #sticky_buttons_container #sticky_button_wrapper { /*position: fixed; bottom:30px;*/ -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.4); }

#sticky_buttons_container #sticky_button_wrapper { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;

	/*width: 92%; margin: 0 4%;*/
	width: 97.8%; margin: 0; padding: 0;
}
#sticky_buttons_container #sticky_button_wrapper .fwrp { background: none; border: 0; }

/* update to have fixed on only the buttons. */
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn, #sticky_button_wrapper .btn, #sticky_button_wrapper_non, #sticky_button_wrapper_send, #sticky_button_wrapper_send_left, #sticky_button_wrapper_send_left_non { position: fixed; bottom: 30px; z-index: 9999; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_back, #sticky_button_wrapper_send_left, #sticky_button_wrapper_send_left_non { left: 30.46%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_next, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper_non, #sticky_button_wrapper_send { right: 21%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 27%; }
#sticky_button_wrapper .btn.save_page, #sticky_button_wrapper .btn.form_save { right: 20%; }

/* end sticky button */


/* Custom CSS Editor */
#submit_edit_css { margin-top: 10px; margin-bottom: 10px; margin-left: 15px; display: inline-block; -webkit-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.4); box-shadow: 0px 5px 10px 0px rgba(50, 50, 50, 0.4); }
.select_channel_disabled { color: #b5b5b5 !important; }
.widgettile_disabled { float: left; margin: 0; padding: 5px; position: relative; }
.widgettile_disabled .tile:hover { }
.widgettile_disabled .tile { width: 140px; height: 140px; margin: 0 7px 14px 0px; background: #FFFFFF; box-shadow: none; webkit-box-shadow: none; border: 1px solid rgba(204,204,204,0.5); }
.widgettile_disabled .tile .con, .widgettile_disabled .tile .des { color: #b5b5b5; background: none; border: none; }
.widgettile_disabled .tile .con { width: 120px; height: 48px; padding: 10px; font-size: 21px; line-height: 48px; }
.widgettile_disabled .ti-tick { right: -1px; }
.widgettile_disabled .tile .con .fa { font-size: 46px; line-height: 48px; }
.widgettile_disabled .tile .des h6 { text-transform: uppercase; font-size: 14px; font-weight: bold; }
.widgettile_disabled .tile .des h6, .widgettile_disabled .tile .des h6 { margin: 0; padding: 0; color: #d3dae6 !important}
.widgettile .tile:hover { 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); background-color: rgba(145, 200, 84, 0.1); }
#quick_feed_wrapper { background-color: #ffffff !important; width: 100%; margin-bottom: 20px; }
.easy-modal-content { background-color: #ffffff !important; color: #777777; padding: 10px; }
.raw_render strong { font-weight: bold !important; }
.raw_render span { line-height: normal; padding: 0px; float: none; }
.raw_render em { font-style: italic; }






/* event module specifics */
.usergroups.eventimg .des { display:none; }
.usergroups.eventimg.ui-sortable .des { display:block; }
.usergroups.eventimg.eventfile .con a { text-align: center; }
.usergroups.eventimg.eventfile.ui-sortable .con a { display: none; }

#embed_form_modal .fom { border: none !important; }
#embed_form_modal td { border: none !important; }
#embed_form_modal { /*padding: 0px;*/ width:700px; /*background-color: transparent;*/ }

.news-item { word-wrap: break-word; max-width: 300px; float: right; }
.news-item h3 { text-transform: uppercase; font-weight: 100%; padding: 5px; }
.news-item p { padding: 5px; }
.news-item a { text-decoration: underline; }
.news-item img { max-width: 100%; }
.news-item .news-date { opacity: 0.45; -moz-opacity: 0.45; -ms-opacity: 0.45; font-size: 11px; text-transform: uppercase; padding: 5px; }
.text-right { text-align: right; }

.bg-white, .bg_white { background-color: #fff; }
.bg-gray { background-color: #f1f1f1 !important; }
.bg-white.fwrp, .bg-white.fwrp.fgrp { background-color: #f1f1f1; }
.row-title { border-bottom: none; }
.row-title td { border: none; padding: 15px; }
.row-content td { border-top: none; padding: 15px; padding-top:0px; }
.chosen-drop { z-index: 1000; overflow: visible; }






/* CMS Notification View */
.notif-wrap { margin-bottom: 20px; padding-left: 1px; padding-top: 1px; }
.notif-wrap table, .notif-wrap tr, .notif-wrap td { border: none; text-align: left; }
.notif-logo { padding-right: 0px; }
.notif-title { font-weight: bold; font-size: 15px; }
.notif-title p { height: inherit; }
.notif-message * { width: inherit !important; height: inherit !important; }
.notif-message { overflow: hidden; text-overflow: ellipsis; }
.notif-date { padding-top: 5px; padding-bottom: 6px; }
.notif-actions { text-align: center; padding-top: 5px; padding-bottom: 6px; vertical-align: middle; }
.notif-actions a { position: relative; bottom:2px; }
.manage-app-desktop .notif-actions a{position: static;}
.notif-shadow { box-shadow: 0 0 7px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 7px rgba(0,0,0,0.3); -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.3); -o-box-shadow: 0 0 7px rgba(0,0,0,0.3);border: 1px solid #c8c8c8 !important; border-radius: 4px; }
.notif-message .document-head { display: none; }






/* Contact filter updates */
.contact_filter { width: 500px; }
.contact_filter .cwrap { width: 200px; }
.contact_filter select { width: 100px !important; }
.contact_filter input { float: left; margin: 0 5px 0 0; padding: 0; height: 16px; width: 16px; }
.contact_filter label { float: left; margin: 0; padding: 0; width: auto !important; }
.contact_filter .ll { width: 33% !important; }
.contact_filter .rr { width: 24% !important; }
.contact_filter .cls_rows { width: 99%; }
.contact_filter .cls_rows { }

#radiofless { width:100% ; }
#radiofless  .ll { width: 49%; }






/* Edit contact style update */
.fom_sm input { max-width: 220px !important; }
.grp-title { font-size: 15px; color: #019cc6; font-weight: bold; }






/* Upload Progress Bar */
#upload_progress_section { width: 600px; margin: auto; margin-bottom: 20px; display: none; }
.progress-section .progress { height: 20px; overflow: hidden; background-color: #f5f5f5; border-radius: 4px; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); }
#upload_progress_section #progress-spinner { display: none; }
#upload_progress_section .upload_errors { display: none; margin-top: 10px; color: red; text-align: center; font-weight: bold; }
#upload_progress_section .upload_title_complete { display: none; }
#upload_progress_section.finished .upload_title_complete { display: block; }
#upload_progress_section.finished .upload_title { display: none; }
.progress-section .upload_title { display: block; text-align: center; font-size: 16px; margin-bottom: 10px; padding-top: 10px; font-weight: bold; }
.progress-section .progress-bar { font-weight: 500; text-align: center; background: #f8a61c; float: left; width: 0; height: 100%; font-size: 12px; line-height: 20px; color: #fff; -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); box-shadow: inset 0 -1px 0 rgba(0,0,0,.15); -webkit-transition: width .26s ease; -o-transition: width .2s ease; }
.progress-section .current-file { text-align: center; display: block; }






/* Table button */
table a.tbl-btn { float: right; margin: -11px -12px 0 0; padding: 3px 10px; border-radius: 0 0 0 7px; vertical-align: top; }
.ui-overflow { overflow: visible; }






/* misc? */

.fc-view-container table { background: none; }
.fc-event-container .fc-day-grid-event .fc-content { cursor: pointer; }

#settings_head.stuck, .stuck#settings_head { position: fixed; top: 60px; -webkit-box-shadow:0 4px 5px -5px #000; box-shadow:0 4px 5px -5px #000; border-radius: 0; }
#form_save_settings.spaced, .spaced#form_save_settings { margin-top: 50px; }
a.pdf-link { text-decoration: underline; }
a.pdf-link:before { font-family: FontAwesome; content: "\f1c1"; margin-right: 5px; font-size: 18px; border-bottom: none; font-weight: 100; }
.show-overflow { overflow: visible !important; }

.ext { cursor: pointer !important; }
/*
#live-chat-button { padding: 6px 10px; color: #fff !important; background-color: #43b178; border-radius: 6px; text-align: center; font-weight: 600; transition: 0.2s linear all; font-size: 12px !important; margin: 0 5px !important; }
#live-chat-button:hover { background-color: #46a267; transition: 0.2s linear all; }
#live-chat-button i { font-size: 18px; }
.live-chat-away { background-color: #dc7e20 !important; }
.live-chat-away:hover { background-color: #be6121 !important; }
.live-chat-offline { background-color: #868686 !important; }
.live-chat-offline:hover { background-color: #717171 !important; }
*/
#amend_newsletter_buttons .widgettile .tile { border-radius: 14px; height: 210px; width: 170px; }
#amend_newsletter_buttons .widgettile .tile .con { padding-top: 20px;}
#amend_newsletter_buttons .widgettile .tile a section.des p { font-size: 13px; padding: 0 10px;}



#upload_media_files .ui-dialog-content .fwrp, .ui-dialog-content .fwrp.fgrp { width: 96.7%; }
#upload_media_files .fwrp.fgrp .fwrp { width: 100% !important; }
#utility #ppop { position: fixed; right:0; }
#utility #ppop.on { top: 60px; }
#utility #ppop:before { content: ""; display: none; border: none; }
#utility #ppop:after { content: ""; display: none; border: none; }
#dynamic-error { display: none; }
.btn.radius, .btn .radius { border-radius: 4px; }
.btn.smaller, .btn .smaller { padding: 7px 15px; }
.btn.warning, .btn .warning { background-color: #d9534f; border-color: #d43f3a; }
.btn.warning:hover, .btn .warning:hover { background-color: #c9302c; border-color: #ac2925; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(201,48,44, 0.5); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(201,48,44, 0.5); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(201,48,44, 0.5); }
.overflow-visibe { overflow: visible; }

.notif-wrap img { max-width: 400px; }
.open_sales_crm_button { margin-left: 3px; }
.change-region-button { padding: 6px 10px; color: #fff !important; background-color: #43b178; border-radius: 6px; text-align: center; font-weight: 600; transition: 0.2s linear all; font-size: 12px !important; margin: 0 5px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); }
.change-region-button:hover { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); }
.form_fields .form_pages_fields { word-break: break-all; }
.knowledge-base .flat-form.inline #search-icon { top: 10px !important; }
.knowledge-base .publication-search { }
.knowledge-base .publication-search .fixed, .knowledge-base .publication-search.fixed { width:730px !important; margin-left: 0; }
.knowledge-base  #search_button { border-radius: 3px; border: 0; line-height: 21px; }
.knowledge-base #search_button:hover, .knowledge-base #search_button:active, .knowledge-base #search_button:focus { color: rgb(0, 82, 108) !important; box-shadow: none !important; color: white !important; background: rgb(0, 82, 108) !important; }
.knowledge-base .publication-search #search_icon i { margin-top:  0 !important; }
.knowledge-base #search_phrase { margin-right: 15px; }
.knowledge-base #publication_tag { max-width: 270px; }
.knowledge-base .event-tag { float: none; }
#dash-news-content{max-height: 75px; overflow: hidden; visibility: hidden;}
.dash-knowledge-content{max-height: 37px; overflow: hidden; visibility: hidden;}
.icon-link, .icon-link i {font-size: 2em; color: #ff0000; line-height: 36px; margin-left: 10px;}
.icon-link:hover, .icon-link i:hover {color: #ce0000;}
.kb-sidepanel{padding: 20px; border-top:1px solid rgba(30,30,30,0.1); color: #191919;}
.kb-sidepanel h3 {margin-top: 0; font-size: 15px; padding: 5px 0;}
.bulk-add-container { margin-top: -10px;}
.bulk-add-container .fwrp{padding-bottom: 0 !important;}
.newsletter-list .i-disabled {background-color: none !important; color: #bdbdbd;}
.newsletter-list .i-disabled:hover {cursor: not-allowed; color: #989898;}


.table-radius-top table{background: transparent; border: none; border-collapse: separate !important}
.table-radius-top td{background: white; border-top: none; }
.table-radius-top th{ border-top: none; border-right: none; }
.table-radius-top tr:first-child td{border-top-right-radius: 4px;  border: 1px solid #cfd9db; }
.table-radius-top tr:first-child th{border-top-left-radius: 4px; border: none; border-top: 1px solid #cfd9db; border-bottom: 1px solid #cfd9db; border-left: 1px solid #cfd9db;}
.prominent-alert{width: 100%; margin: 20px auto; text-align: center;}
.prominent-alert .btn {float: none; font-size: 24px; border-radius: 10px;}
.prominent-alert .grn:hover {border: 1px solid #89c349; box-shadow: none; background: #89c349;}
.prominent-alert .red:hover {border: 1px solid #dc364a; box-shadow: none; background: #dc364a;}
























/* anim */
.resp, .dsk, .mob, #header, #logo, #side, #utility, #main, #utility #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: 2560px) {

/*#sticky_button, .sticky_button { right: 21%; }*/

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

#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_back, #sticky_button_wrapper_send_left, #sticky_button_wrapper_send_left_non { left: 24%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_next, #sticky_button_wrapper .btn.save_page, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper_non, #sticky_button_wrapper_send { right: 11%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 19%; }

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

#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_back, #sticky_button_wrapper_send_left, #sticky_button_wrapper_send_left_non { left: 23.5%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_next, #sticky_button_wrapper .btn.save_page, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper_non, #sticky_button_wrapper_send { right: 10.5%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 18.8%; }

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

#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_back, #sticky_button_wrapper_send_left, #sticky_button_wrapper_send_left_non { left: 22%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_next, #sticky_button_wrapper .btn.save_page, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper_non, #sticky_button_wrapper_send { right: 8.5%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 18%; }

}

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

/*#sticky_button, .sticky_button { right: 5%; }*/
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_back, #sticky_button_wrapper_send_left, #sticky_button_wrapper_send_left_non { left: 19.5%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_next, #sticky_button_wrapper .btn.save_page, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper_non, #sticky_button_wrapper_send { right: 5%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 15%; }


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

/*#sticky_button, .sticky_button { right: 4%; }*/
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_back, #sticky_button_wrapper_send_left, #sticky_button_wrapper_send_left_non { left: 19%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_next, #sticky_button_wrapper .btn.save_page, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper_non, #sticky_button_wrapper_send { right: 4%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 14%; }

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

/*#sticky_button, .sticky_button { right: 2%; }*/
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_next, #sticky_button_wrapper .btn.save_page, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper_non, #sticky_button_wrapper_send { right: 2%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 13%; }

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



/*#sticky_button, .sticky_button { right: 4%; }*/
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_back, #sticky_button_wrapper_send_left, #sticky_button_wrapper_send_left_non { left: 4%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_next, #sticky_button_wrapper .btn.save_page, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper_non, #sticky_button_wrapper_send { right: 4%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 16%; }


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

/* prev 1366 *//*
.max { margin-left: 0; }
#mbnav { display: block; }
#logo, #utility, #utility.max { height: 50px; }
#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; }
#utility #avatar { }
#utility #ppop { right: 20px; }
#utility #ppop.on { top: 101px; }
#notification.on { top: 54px; }
#srcsysfom { height: 36px; padding: 7px 15px; }
#srcsysfom input[type="text"] { margin-top: 0; }
.topspacer { height: 101px; }
#pagetit { height: 40px; }
#side .topspacer { height: 50px; }
#side .emspace.floatc.topspacer { display: none; }
#side { position: fixed; left: -240px; top: 50px; z-index: 1031; background: rgba(42,42,42, 0.98); }
.admin.mbn #side { left: 0; }
.admin.mbn #header, .admin.mbn #main { margin-left: 240px; }
.admin.mbn #side { left: 0px; }
.admin.mbn #header, .admin.mbn #main { margin-left: 0; }
#logo img.dsk { height:38px; width: auto; padding-top: 7px; }
#device-area, #ver { display: none; }
*//* prev 1366 */



.notytile .notyfot { letter-spacing: -1px; }
/*#sticky_button, .sticky_button { right: 2%; }*/
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_back, #sticky_button_wrapper_send_left, #sticky_button_wrapper_send_left_non { left: 13%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_next, #sticky_button_wrapper .btn.save_page, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper_non, #sticky_button_wrapper_send { right: 2%; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 13%; }

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

#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 14%; }

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

#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 15%; }

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

/* mobnav */
#dashnotwrp { position: relative; top: 0; left: 0; width: 100%; background: 0; border: 0; min-height: auto; height: auto !important; height: auto; }
#dashstats .fom textarea, #dashstats .fwrp .double { width: 97%; }
#dashstats .coltre .coltre { width: 26%; }
#dashnotwrp .wrp { padding: 11px 14px; }
#dashnotwrp .maintitle { margin-top: 0; }
#pagetit { line-height: 100%; }
#crumb { float: none; display: block; padding: 10px 0; font-size: 12px;text-align: left; }
#dashstats .dv2wrp .newsrp .nimg { width: 30%; }
#dashstats .dv2wrp .newsrp .ncon { width: 69%; }
#dashstats .ll, #dashstats .rr { width: 100%; float: none; }
#dashstats .ll { margin-bottom: 20px; }
#dashstats .fom textarea, #dashstats .fwrp .double { width: 97%; }
.snapshot { height: 100px; margin: 5px auto; }
.snapshot .img { line-height: 100px; }
.snapshot .img .fa { font-size: 35px; }
.snapshot .con { padding: 27px 2%; }
.snapshot.floatr { float: none; }
/* /mobnav */

#utility #avatar { /*line-height: 60px;*/ }
#prof { top: -6px; }
#utility #ppop { top: -300px; }
#utility #ppop.on { top: 0px; }
#notification:after, #notification:before { left: 20%; }
#notification.on { top: 54px; }

#mviw, #sticky_button_wrapper { width: auto; min-width: 530px;	}
#utility #ppop.on { top: 100px; }
.fom select { width: auto; }
.fom select[multiple="multiple"] { width: 99%; }
input.btn, a.btn, button, input[type="button"], .ui-button, .fom *.btn:focus, input[type="button"].ui-state-focus { width: auto; margin: 0; }
.fwrp.ffot label { display: none; }
.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 .fermsg { margin-left: 0; padding-left: 0; }
.details, .details.dual, .details.manytabs, .details.dual.floatl, .details.dual.floatr { width: 100%; }
.details.dual, .details.dual.floatl, .details.dual.floatr { float: none; margin: 0 0 20px 0; }
.ui-datepicker-trigger, .ui-datepicker-trigger:hover { padding-top: 3px; }
.notytile .notyfot { letter-spacing: 0; }
.dv2wrp .ico2col .coltre { width: 65px; float: left; }
.dv2wrp .ico2col .coltre.dbl { width: 91%; float: right; }
.notifications-bar, .coltre.dashnotwrp.notifications-bar, .show-notifications { top: 101px; }

/*#sticky_button, .sticky_button { right: 4%; }*/
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 16%; }

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

#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_back, #sticky_button_wrapper_send_left, #sticky_button_wrapper_send_left_non { left:120px; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_next, #sticky_button_wrapper .btn.save_page, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper_non, #sticky_button_wrapper_send { right: 30px; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 190px; }

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

.dv2wrp .ico2col .coltre.dbl { width: 90%; }

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

.dv2wrp .ico2col .coltre.dbl { width: 89%; }
.tile.gall .des .icn.ext-folder { background: none; }

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

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

.fom input, .fom select, .fom textarea, .fom .textbox, button, .fom dt, .fom dd, input[type="button"], .ui-button, .input, .fom .radiof input.norm { width: 250px; }
.fom textarea, .fwrp *.double { width: 536px; }
.fwrp *.half, table .half { width: 107px; }
.fom select { width: 264px; }
.fom input.btn, .fom.filter_con button, .fom.filter_con select { width: auto; }
/*
.fom input, .fom select, .fom textarea, .fom .textbox, button, .fom dt, .fom dd, input[type="button"], .ui-button, .input, .fom .radiof input.norm { width: 264px; }
.fom textarea, .fwrp *.double { width: 564px; }
.fwrp *.half, table .half { width: 114px; }
.fom select { width: 290px; }
*/
.details.dual.w1366 { width: 100%; float: none; margin: 0 0 20px 0; }
.emspace.h20.w1366 { height: 1px; }

#sticky_button, .sticky_button { width: auto; }

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

.details.full .tblwrp .fwrp.ffot, .details.full .tabintable .fom .fwrp.ffot { width: 95.7%; }

}
@media only screen and (max-width: 720px) {
/*
#utility a#live-chat-button { position: absolute; top: -40px; right: 5px; z-index: 900; width: 150px; }
#header { position: relative; }
#main .emspace.floatc.topspacer { display: none; }
#side .emspace.floatc.topspacer { display: block; }
#side { top: 0; }
*/
}
@media only screen and (max-width: 667px) {

.fwrp.ffot { width: 90.5%; }
.details.full .tblwrp .fwrp.ffot, .details.full .tabintable .fom .fwrp.ffot { width: 92%; }
#dqmsg { min-height: 250px; height:100%; }
#dqmsg .quick-send-buttons .emp { display: none; }
#dqmsg .quick-send-buttons { padding: 26px 0 0; }
.quick_send_message_popup.easy_modal { width: 94%; margin: 0 auto; }
#dqmsg .coltre .fwrp { margin: 0 auto; }
.dv2wrp .ico2col .coltre.dbl { width: 86%; }

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

#logo a { width: auto; text-align: left; margin-left: 40px; }
#top_site_name { display: none; }
#mviw, #sticky_button_wrapper { width: 90%; max-width: 90%; min-width: 280px; margin: 0 auto; }
.dashv2 .dv2wrp, .dv2wrp .newsrp, .dv2wrp .newsrp .ncon, .dv2wrp .newlrp, .dv2wrp .newlrp .nltop { height: auto; }
.dv2wrp .newsrp .nimg, .dv2wrp .ico2col .coltre  { display: none; }
#dashstats .dv2wrp .newsrp .nimg, #dashstats .dv2wrp .newsrp .ncon, .dv2wrp .newsrp .nimg, .dv2wrp .newlrp .nimg, .dv2wrp .newsrp .ncon, .dv2wrp .newlrp .ncon, .dv2wrp .ico2col .coltre.dbl { width: 100%; float: none; }
.dv2wrp .ico2col .coltre.dbl { display: block; }
.dv2wrp .newlrp .nltop .nimg { height: auto; padding: 10px 0; }
.dv2wrp .btn.live-chat-button { position: relative; display: block; }
.dash-knowledge-content { height: auto; max-height: auto; }
.dv2wrp .ico2col .coltre { display: none; }
.dv2wrp .ico2col .coltre.dbl { width: 100%; float: none; display: block; }
#dashstats .rr .dv2wrp table tbody tr td { width: 100%; display: block; text-align: center; }
#dashstats .rr .dv2wrp table tbody tr td.thegraph { padding: 0; }
#dashstats .rr .dv2wrp table tbody tr td#statistics_overview { margin: 0 auto; padding: 4px 0; border: none; }
#dashstats .rr .dv2wrp table tbody tr td#statistics_overview { padding-top: 10px; }

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

.admin, .fom * { font-size: 13px; }
.toolbox .btn, .toolbox .btn.bcc-lef, .toolbox .btn.bcc-rig { display: block; margin-bottom: 1px; border: 1px solid #cfd9db; -webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px; }
.heading .toolbox .btn { display: inline-block; overflow: hidden; width: 14px; height: 17px; margin: 0; margin-top: -7px; padding: 6px; text-align: center; }

.filter_con label, .filter_con input, .filter_con select { float: none; display: block; }
.filter_con select { width: auto; }
.fom input, .fom textarea, .fom button, .fom .btn { width: 95%; }
.fom select, .fom input.btn, .fom.filter_con button, .fom.filter_con select { width: 99%; }
.fom .mrr { margin: 0; }

#sticky_buttons_container #sticky_button_wrapper .fwrp .btn, #sticky_button_wrapper .btn, #sticky_button_wrapper .btn.accountSettingsSubmitButton, #sticky_button_wrapper_send_left .btn, #sticky_button_wrapper_send_left_non .btn, #sticky_button_wrapper .btn.accountSettingsSubmitButton .btn, #sticky_button_wrapper_non .btn, #sticky_button_wrapper_send .btn { width: auto; padding: 7px; font-size: 12px; }
#sticky_buttons_container #sticky_button_wrapper .fwrp .btn.form_save { right: 140px; }

}
@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, .fwrp *.num4, .fwrp *.num5, .fwrp *.num6, .fwrp *.num6, .fwrp *.num6, .fwrp *.date, .fwrp *.half, .fwrp *.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-block; height: 14px; margin-top: -5px; }
.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; }
#dashstats .rr .dv2wrp .heading { position: relative; }
#dashstats .rr .dv2wrp .heading .floatr { float: none; position: absolute; top: 0; right: 0; }
#dashstats .rr .dv2wrp #chart-holder { margin: 0; padding: 0; }
#dashstats .rr .dv2wrp #chart-area { width: 100%; } /* won't work cos overwritten by the graph script */

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

#srcsysfom input[type="text"] { width: 240px; }
#utility #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; }

}












.toggle-button input { display: none; }
.toggle-button label { background: #ececec; padding: 8px; top: -5px; position: relative; box-shadow: inset -1px -1px 3px rgba(0,0,0,0.2); }
.toggle-button label:hover { box-shadow: inset 1px 1px 4px rgba(0,0,0,0.2); }
.toggle-button .toggle-active { background: #24a234; color: #fff; }

/* Date/Time picker clear button */
.clear_time_pick i.fa { position: relative; bottom: 13px; right: 15px; color: rgba(0,0,0,0.3); z-index: 100; display: none; cursor: pointer; }
.clear_time_pick .time_pick { display: inline-block; }






/* replace slimscroll */
#side { /*height: 100%; overflow: auto; overflow-x: hidden;*/ }
#side .slimscrollsz { height: 92.5%; overflow: auto; overflow-x: hidden; }
#side .scroll-pane { height: 100%; }

/* sScrollPane */
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: #dde; position: relative; }
.jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; padding: 0; margin: 0; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
* html .jspCorner { margin: 0 -3px 0 0; }


.admin.newsz .fom .fwrp .sm-table-height tr td span{line-height: inherit;}



/* Webform jSignature */
.signature{ width: 100%; }
.signature canvas{ height: 150px !important; }
.signature-wrap{  border: 1px; border: 1px solid #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 5px 0; position: relative; width: 100%; max-width: 490px; padding-bottom: 10px; }
.is-mobile .signature-wrap{ max-width: none; width: 94%; }
.signature-wrap .clear-signature{ position: absolute; top: 5px; right: 10px; z-index: 2; }
.signature-wrap .details{ position: absolute; bottom: 5px; width: 100%; text-align: center; font-size: 13px; }
.signature-wrap .undo-signature{  position: absolute;  top: 5px;  left: 10px;  z-index: 2;	display: none;	}






.linked_content_title{background: #F7F7F7 !important;}
.linked_content_title strong{margin-right: 15px;vertical-align: middle;}
.linked_content_title a.btn {float:none;}
.linked_content_title .fa{vertical-align: middle; font-size: 18px; cursor: pointer;}
.linked_content_buttons{float: right;}

/* Manage App - PAGES */
.manage-app h2{padding-bottom: 20px; padding-top: 15px;}
.manage-app .tblwrp {padding: 0 10px;}
.szapp-preview{  max-width: 100%; margin: auto;}
.manage-app .fwrp{border: none; padding: 0; margin-bottom: 20px;}

.app-settings-content {padding-top: 20px;}
.szapp-preview .page-section-background{ background: #e3e5ea;padding: 3px; border: 1px solid #cfd9db; margin-bottom: 5px; clear: both;}
.page-item { width: 33.2%; float: left; padding: 2px; box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.page-item-inner { background:#ffffff; box-sizing: border-box;	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #dadce0; border-radius: 3px;  width: 100%; height: 100px; clear: both; padding: 0 7px;}
.page-item-title-wrapper{ display: table; height: 100px; width: 100%;}
.page-item-title-wrapper-row{ display: table-row; }
.page-item-title{ width: 100%; text-align: center; display: table-cell; vertical-align: middle; cursor: pointer; }
.page-item-title i {font-size: 22px; margin-bottom: 5px;}
.preview-details{ margin: 0 auto 10px auto; text-align: center;}
#add_page_dialog .page-item { width: 20%; }
.selected .page-item-inner{ border: 1px solid #dadce0;}

.remove-wrapper { float: right; position: absolute;color: #c8d1d4; font-size: 18px;}
.remove-wrapper i {position: relative; right: 11px; top: 2px; color: #c8d1d4; cursor: pointer;}

.edit-wrapper{ float: right; position: absolute; color: #0070c9; font-size: 18px;}
.edit-wrapper i { color: #0070c9;  cursor: pointer; z-index: 10;}

#add_page_dialog .remove-wrapper {display: none;}
@media only screen and (max-width: 768px) {
	.remove-wrapper { float: right; position: absolute;color: #c8d1d4; font-size: 25px;}
	.remove-wrapper i {position: relative; right: 17px; top: 2px; color: #c8d1d4; cursor: pointer;}
	#app-save { box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; clear: right; width: 48%;}
	#app-add-page {box-sizing: border-box;	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 50%;}
	.preview-details{margin-left: 0;}
}
#add_page_dialog.is-mobile #phrase_pages{ width: 100%; }
#add_page_dialog.is-mobile .page-item { width: 33.333%; }

/* Manage App - GROUPS */
#group-section {padding: 5px;}
.szapp-preview .group-section-background{ background: #e3e5ea; padding: 3px; border: 1px solid #cfd9db; margin-bottom: 5px; clear: both;}
li.group-item.selected { background: rgba(98, 200, 59, 0.2);  border: 1px solid rgba(98, 200, 59, 0.5); }
.group-section ul{ padding-left: 0; margin-top: 0; margin-bottom: 0;}
.group-section li{ list-style: none; padding: 7px 5px 7px 12px; border-bottom: 1px solid rgba(0,0,0,0.15); background: white;}
.group-section li:first-child { border-top-left-radius: 5px; border-top-right-radius: 5px;}
.group-section li:last-child {border: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}
.group-section li span{line-height: 20px; color: #000000; font-size: 14px;}
.group-section .switch {  float: right; position: relative;  display: inline-block;  width: 60px;  height: 34px;}
.group-section .switch input {display:none;}
.group-section .slider {  position: absolute;    top: 0;  left: 0;	right: 0;  bottom: 0;  background-color: #ccc;	-webkit-transition: .4s;  transition: .4s;}
.group-section .slider:before {  position: absolute;  content: "";	height: 26px;  width: 26px;  left: 4px;  bottom: 4px;  background-color: white;  -webkit-transition: .4s;  transition: .4s; }
.group-section input:checked + .slider:before {  }
.group-section .slider.round { border-radius: 34px; }
.group-section .slider.round:before { border-radius: 50%; }
@media only screen and (max-width: 768px) {
	#app-group-save { box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; clear: right; width: 47%;}
	#app-add-group {box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 51%;}
	.group-section .remove-btn{font-size: 25px !important;}
	.app_send_section .fom .mce-tinymce.mce-container {
		width: 97% !important;
		margin: auto;
	}
}
#add_group_dialog.is-mobile #phrase_groups{ width: 100%; }
.group-section .remove-btn{  text-shadow: 1px 1px 1px rgba(0,0,0,0.2); cursor: pointer; color: #ec465a;  font-size: 18px;}
.manage-app .tbltab{width: 100%;}
.manage-app .stage-tab{text-align: center; box-sizing: border-box;	-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.select-new .remove-btn {display: none;}

/* Manage App - SETTINGS */
#app-settings-save{max-width: 48%;}
.app-blur{background-size: cover; background-repeat: no-repeat; background-position: center center;}
.szapp-preview .app-header{  color: white; }
.szapp-preview .app-header-content{ height: 150px; position: relative; }
.szapp-preview .app-header-buttons{ height: 35px; line-height: 35px; position: relative;}
.szapp-preview .app-header-buttons div {width: 32.5%; text-align: center; line-height: 32px; display: inline-block;box-sizing: border-box;	-moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.szapp-preview .app-header-buttons .active {border-bottom: 3px solid white;}
.szapp-preview .app-header-content .fa-bars{ float: left; font-size: 25px; padding-top: 15px; padding-left: 15px;}
.szapp-preview .app-header-content .fa-rss{ float: right; font-size: 25px; padding-top: 15px; padding-right: 15px;}
.szapp-preview .app-header-content .app-title {padding-top: 17px; padding-left: 30px; padding-right: 30px; text-align: center; font-size: 14px; font-weight: bold; }
.szapp-preview .app-header-content .app-logo{ height: 70px; margin-top: 20px;}
.szapp-preview .app-header-content .app-logo-wrapper{text-align: center;}
.app-settings{padding: 15px; border-top: 1px solid #ebebeb;}
.app-settings-wrapper .app-settings:last-child{border-bottom: 1px solid #ebebeb;}
.app-settings .app-settings-content{display: none;}
.app-settings .app-settings-chev {float: right; position: relative; top: 5px;}
.app-settings .title-icon{font-size: 23px; padding-right: 10px; position: relative; top: 3px;}
.app-setting-title {line-height: 23px; vertical-align: middle;}
.app-settings-wrapper{ }
.preview-details button{float: none;}
@media only screen and (min-width: 768px) {
	.szapp-preview{max-width: 375px;}
	.app-settings-wrapper{max-width: 375px; margin: auto;}
}
@media only screen and (max-width: 700px){

	.ui-button {
		width: 100px;
	}
}
/* Manage App - New Notification */
.new-notification-stage .fa{font-size: 30px;}
.new-notification-stage{width: 24%; display: inline-block; text-align: center;}
.app_send_section .mce-tinymce.mce-container, #edit_notification_dialog .mce-tinymce.mce-container{
	width: 98% !important;
}
.app_send_section button .fa-arrow-right{
	padding-left: 5px;
}
.app_send_section button .fa-arrow-left{
	padding-right: 5px;
}
.manage-app .chosen-container-multi .chosen-choices li.search-field input[type=text]{
	margin: 4px;
}
.manage-app .notif-wrap .notif-logo img{
	width: 25px;
}
.manage-app .notif-wrap .notif-logo{
	padding: 10px 0 0 10px;
}
.notif-wrap {width: 99%; max-width: 400px; margin-left: auto; margin-right: auto;}
.notif-wrap table{
	width: 99%;
}
.manage-app-send-stages{
	margin-bottom: 20px;
	width: 110%;
	position: relative;
	right: 5%;

}
.manage-app-send-stages .send-stage{
	width: 25%;
	display: inline-block;
	text-align: center;
	position: relative;
}
#app-add-page, #app-save, #app-add-group, #app-group-save, #background_image_options button, #logo_image_options button{text-align: center;}
.manage-app-send-stages .send-stage span{

}
.manage-app-send-stages .send-stage i {
	font-size: 35px;
	padding-bottom: 5px;
	z-index: 2;
	background: white;
	position: relative;
}
.manage-app-send-stages .send-stage.active{
    color: #0070c9;
}
.manage-app-send-stages .send-stage.complete{
	color: #7aa848;
}
.manage-app-send-stages .send-stage.complete.active, .manage-app-send-stages .send-stage.active.complete{
	color: #00aae7;

}
.manage-app-send-stages .send-stage-line{
	position: absolute;
	height: 17px;
	width: 100%;
	border-bottom: 3px solid #777;
}
.manage-app-send-stages .active .send-stage-line{
	border-bottom: 3px solid #0070c9;
}
.manage-app-send-stages .complete .send-stage-line{
	border-bottom: 3px solid #7aa848;
}

.manage-app-send-stages .send-stage-line.first{
	width: 50%;
	right: 0;
}
.manage-app-send-stages .send-stage-line.last{
	width: 50%;
	left: 0;
}
.remove-user{color: #ec465a; font-size: 25px; padding-left: 10px; position: relative; top: 4px;}
.remove-notification{color: #ec465a; font-size: 18px; padding-left: 10px; position: relative; top: 4px;}
.manage-app-desktop .remove-notification{position: static;}
.manage-app #primary_colour {max-width: 50%;}
.dual .manage-app {padding: 20px 40px;box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.manage-app-desktop .notif-date{padding: 3px 0 0 0 !important;}
.app_send_section .mce-tinymce.mce-container{width: 95% !important; margin: auto;}
/* chart (newsletter stats) */
.line-legend {
	list-style: none;
}
.line-legend li span {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 5px;
}
#legend_container {
	display: inline-block;
	margin: 0; padding: 0;
}

#chart-holder {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#chart-holder #chart-area {
	margin: 0 auto; padding: 0;
}

.group-item.ui-sortable-helper{
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.3);
	background-color: #f4f4f4 !important;
	color: #00b1e1;
}
.ui-sortable-helper .page-item-inner{
	box-shadow: 0 0 10px 4px rgba(0,0,0,0.3);
	background-color: #f4f4f4 !important;
}
.ui-sortable-helper .page-item-title span, .ui-sortable-helper .page-item-title i, .ui-sortable-helper .group-name{
	color: #00b1e1;
}
.group-section li.ui-sortable-helper{border: none; border-bottom-left-radius: 0 !important; border-bottom-right-radius: 0 !important;}

.page-item-selector{
	z-index: 3;
}



/* Account Settings */


.settings-wrapper .widgettile .tile{
	width: 110px;
	height: 110px;
}
.settings-wrapper .widgettile .tile .con{
	width: 100%;
	box-sizing: border-box;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
	text-align: center;
}
.settings-wrapper .widgettile .tile .con .fa{
	font-size: 30px;
	line-height: 32px;
}
.settings-wrapper .account-features{
	display: table;
	margin: 0 auto;
}
.settings-wrapper .account-features .feature{
	display: inline-block;
}
.settings_list{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	-webkit-column-rule: 4px outset #cfd9db; /* Chrome, Safari, Opera */
	-moz-column-rule: 4px outset #cfd9db; /* Firefox */
	column-rule: 4px outset #cfd9db;
	break-inside: avoid-column;
	column-break-inside: avoid;
}
.settings_list .fwrp{
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: solid 1px #cfd9db;
	page-break-inside: avoid;
	height: 85px;
}
.settings_list .thumbpreview{
	float: right;
}
.settings_list .remove-file{
	color: #ee383e;
	font-size: 25px;
	position: relative;
	left: 15px;
	background: white;
	border-radius: 10px;
	cursor: pointer;
}
.settings_list .remove-file:hover{
	color: #ff4547;
}
.settings_list .edit_css_file_btn{
	margin-top: 5px;
	min-width: 113px;
}
.settings_list label {
	font-size: 15px;
	margin-bottom: 5px;
}
.settings_list input[type="file"]{
	padding-left: 0;
}
.settings_list .thumbpreview{
	padding: 3px;
}
.settings_list .view-file-history{
	float: right;
	margin-right: 20px;
}
.settings_list .fwrp.checkbox{
	height: inherit;
}
.account_settings .tbltab a{
	font-size: 15px;
	bottom: 1px;
	cursor: pointer;
}
.account_settings .tbltab a .fa{
	font-size: 15px;
}
.account_settings .setings_right button, .account_settings .setings_right input{
	margin-right: 0;
}
.account_settings .fwrp.fhed{
	height: auto;
}
.settings_list.no-border-bottom .fwrp{
	border-bottom: 0 !important;
}
.tbltab a.inactive, .tbltab a.inactive:hover {
	color: #cfd9db;
}

.dv2wrp .newsrp .ncon .heading.latest-news-heading{
	line-height: 25px;
}

.cms-knowledge-base p{
	padding: 0;
}
.cms-knowledge-base h1, .cms-knowledge-base h2, .cms-knowledge-base h3, .cms-knowledge-base h4, .cms-knowledge-base h5, .cms-knowledge-base h6 {
	padding: 0;
}

.app_send_section div.fwrp .time_pick div.timepicker_wrap{top: -158px !important;}
.app_send_section div.fwrp .time_pick div.timepicker_wrap .arrow_top{ display: none; }
.has-tooltip { overflow: visible !important; }

/* SZapp View Styling */
body.szapp_view #mbnav{
	display: none;
}
body.szapp_view #logo a{
	margin-left: 20px;
}
body.szapp_view #mviw{
	padding-left: 0;
	padding-right: 0;
	margin-left:  0;
	margin-right:  0;
	padding-top: 0;
	width: 100%;
	max-width: none;
}
.tbltab-5 .stage-tab{
	width: 19%;
}
.tbltab-4 .stage-tab{
	width: 24%;
}
#nav_approve_content{
	position: relative; /*top: 2px; font-size: 19px; z-index: 2;*/
}
#nav_approve_content[data-count]:before{
	position:absolute;
	left:13px;
	bottom:2px;
	content: attr(data-count);
	font-size:50%;
	padding:.3em;
	border-radius:999px;
	line-height:.75em;
	color: white;
	background: rgb(237, 84, 102);
	text-align:center;
	min-width:1.2em;
	font-weight:bold;
	z-index: 1;

}

.school_list_filter{width: 400px;}

.articleApprovalDialog, .articleApprovalDialog #article_confirm_popup {overflow: visible;}
#article_confirm_popup{min-height: 170px !important;height: auto !important;}

.eventApprovalDialog, .eventApprovalDialog #event_confirm_popup{overflow: visible; }
#event_confirm_popup{min-height: 270px !important;height: auto !important;}

.reject-publication-item-button{position: relative; bottom: 1px; margin-left: 3px; cursor: pointer;}
a.approve-publication-item-button, a.reject-publication-item-button{cursor: pointer;}

.event_link_dialog_newsletter, #link_event_dialog, .article_link_dialog_newsletter, #link_article_dialog, .article_link_dialog_publication, #link_publication_article_dialog, .event_link_dialog_publication, #link_publication_event_dialog{ overflow: visible; }


.diy-dist-channels{font-size: 20px; padding-top: 10px;}
.diy-dist-channels i{margin-left: 2px; margin-right: 2px;}


.dark-paging .paging{color: black;}

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mce-text[style*="font-size:48px;"]{
    font-size: 24px !important;
}
.mce-text[style*="font-size:24px;"]{
    font-size: 18px !important;
}
[aria-label="Font Sizes"] button span {
    width:40px!important;
}
