@charset "utf-8";

/*________________________________________Reset______________*/

 /* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) */
 html, body, div, span, applet, object, iframe,
 h1, h2, h3, h4, h5, h6, p, blockquote, pre,
 a, abbr, acronym, address, big, cite, code,
 del, dfn, em, img, ins, kbd, q, s, samp,
 small, strike, strong, sub, sup, tt, var,
 b, u, i, center,
 dl, dt, dd, ol, ul, li,
 fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td,
 article, aside, canvas, details, embed,
 figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

 /* HTML5 display-role reset for older browsers */
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section { display: block; }
 body { line-height: 1; }
 ol, ul { list-style: none; }
 blockquote, q { quotes: none; }
 blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none; }
 table { border-collapse: collapse; border-spacing: 0; }

/*_______________________________________Default_____________*/

 html * { font-size: 1em; border-width: 0; border-color: #044766; border-style: solid; }
 h2, h3, h4, h5, h6, th, b, strong { font-weight: bold; }
 h6 { margin-bottom: 0.5em; }
 table { width: 100%; empty-cells: show; }
 th, td, caption { vertical-align: top; text-align: left; padding: 0.2em 0; }
 thead th { vertical-align: middle; }
 p { margin-bottom: 0.5em; }
 a { color: inherit; }
 img { font-size: 0; vertical-align: middle; max-width: 100%; max-height: 100%; }
 video, audio, iframe { max-width: 100%; max-height: 100%; }
 input[type=image] { font-size: 1em; vertical-align: middle; }
 sub, sup { font-size: 0.75em; }
 sub, sup { line-height: 0; position: relative; }
 sub { bottom: -0.25em; }
 sup { top: -0.5em; }
 em { font-style: italic; }
 button { cursor: pointer; }

 /*_____________________________________FontAwesome____________*/

 .f-toggle-multiselect span, .collapsible legend:after, .collapsible .legend:after, .collapsible .label:after, .f-toggle label:after, .f-toggle-filter > span,
 .f-combi .f-buttons .go, .f-combi .f-buttons .search, .f-combi .f-buttons .reset {
  font-family: "Font Awesome 5 Free" !important; font-style: normal; font-variant: normal; font-weight: 900 !important; font-size: inherit; text-rendering:auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  }

/*_______________________________________Fieldsets_____________*/

 fieldset, .fieldset {
   margin: 1em 0; padding: 1em; position: relative; min-width: 0;
   color: #778; background-color: #fcfcfc; border: 1px solid #ccc;
   border-radius: 4px; box-sizing: border-box;
   background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#fff));
   background: -moz-linear-gradient(top, #f9f9f9, #fff);
   background: linear-gradient(top, #f9f9f9, #fff);
   -moz-box-shadow: 0 1px 2px rgba(192,192,192,0.6);
   -webkit-box-shadow: 0 1px 2px rgba(192,192,192,0.6);
   box-shadow: 0 1px 2px rgba(192,192,192,0.6);
   }
 .fieldset { margin-top: 2em; padding-top: 2em; }
 fieldset.top, fieldset:first-child { margin-top: 0; }
 .fieldset.top, .fieldset:first-child { margin-top: 1em; }
 fieldset.bottom, .fieldset.bottom { margin-bottom: 0; }
 legend, .legend {
   position: relative; display: inline-block; padding: 0.2em 1em; color: #778; background-color: #f9f9f9; border: 1px solid #ccc; font-weight: bold; text-shadow: 1px 1px 0px #ffffff;
   border-radius: 4px;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
   background: -moz-linear-gradient(top, #fff, #eee);
   background: linear-gradient(top, #fff, #eee);
   }
 .legend { position: absolute; top: -1em; }
 fieldset fieldset { color: inherit; background: none transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
 fieldset fieldset legend { color: inherit; background: none transparent; border: 0; padding: 0 0.4em; border-radius: 0; text-shadow: none; }

/*_______________________________________HTML content_____*/

 .text-html { line-height: 1.5em; }
 .text-html h2, .text-html h3, .text-html h4, .text-html h5 { margin-bottom: 0.5em; }
 .text-html ul, .text-html ol { list-style-type: none !important; }
 .text-html blockquote, .text-html ul, .text-html ol, .text-html dl { margin: 1em; }
 .text-html ul ul, .text-html ul ol, .text-html ol ul, .text-html ol ol { margin: 0.5em; }
 .text-html ol { counter-reset: c1; }
 .text-html ol ol { counter-reset: c2; }
 .text-html li { padding-left: 2em; text-indent: -2em; }
 .text-html ul > li:before { content: "\25CF"; display: inline-block; width: 2em; text-indent: 0; vertical-align: text-bottom; }
 .text-html ul[style*="none"] > li:before, .text-html ol[style*="none"] > li:before { content: none; }
 .text-html ul[style*="circle"] > li:before, .text-html ul[type=circle] > li:before { content: "\25CB"; }
 .text-html ul[style*="square"] > li:before, .text-html ul[type=square] > li:before { content: "\25A0"; }
 .text-html ol > li:before { content: counter(c1) "."; counter-increment: c1; display: inline-block; min-width: 2em; text-indent: 0; }
 .text-html ol ol > li:before { content: counter(c2) "."; counter-increment: c2; }
 .text-html ol[style*="lower-alpha"] > li:before, .text-html ol[type=a] > li:before { content: counter(c1, lower-alpha) "."; }
 .text-html ol ol[style*="lower-alpha"] > li:before, .text-html ol ol[type=a] > li:before { content: counter(c2, lower-alpha) "."; }
 .text-html ol[style*="lower-roman"] > li:before, .text-html ol[type=i] > li:before { content: counter(c1, lower-roman) "."; }
 .text-html ol ol[style*="lower-roman"] > li:before, .text-html ol ol[type=i] > li:before { content: counter(c2, lower-roman) "."; }
 .text-html ol[style*="upper-alpha"] > li:before, .text-html ol[type=A] > li:before { content: counter(c1, upper-alpha) "."; }
 .text-html ol ol[style*="upper-alpha"] > li:before, .text-html ol ol[type=A] > li:before { content: counter(c2, upper-alpha) "."; }
 .text-html ol[style*="upper-roman"] > li:before, .text-html ol[type=I] > li:before { content: counter(c1, upper-roman) "."; }
 .text-html ol ol[style*="upper-roman"] > li:before, .text-html ol ol[type=I] > li:before { content: counter(c2, upper-roman) "."; }
 .text-html a { text-decoration: underline; cursor: pointer; }
 .text-html:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

/*______________________________________________Special templates__________*/

 #menue_archive .col-1 { width: 40%; }
 #menue_archive .col-2 { width: 40%; }
 #menue_archive .col-3 { width: 10%; }
 #menue_archive .col-4 { width: 10%; }
 #menue_archive .col-1 .img-before { padding-right: 0.4em; }

 #config h6 { margin: 1em 0; padding: 0.5em 0; border-bottom-width: 1px; }
 #config .f-column .f-text, #config .f-column .f-select, #config  .f-column .f-text input, #config .f-column textarea { text-align: right; }

 #organizer fieldset ul { padding: 0 0 0 20px; }

 .search-info { font-size: 0.9em; text-align: right; }
 .search-result .section { margin: 2em 0; }
 .search-result h6 { margin: 0; }
 .search-result h6 a { text-decoration: underline; }
 .search-result .url { margin: 0.2em 0; font-size: 0.9em; color: #062; }
 .search-result em { font-style: normal; font-weight: bold; }
 .search-result .keywords { margin-top: 0.5em; font-size: 0.9em; }
 .search-result .keywords .found { color: #062; }
 .search-result .keywords .skipped { color: #900; text-decoration: line-through; }

 .payment_gateway > iframe { width: 100%; height: 280px; }
 .button.paypal, .button.paypal:hover, .paypal, .paypal:hover, .f-buttons input[type=submit].paypal, .f-buttons input[type=submit].paypal:hover, .paypal, .paypal:hover {
   border: 0; height: 42px; width: 142px; overflow: hidden; text-indent: -9999px; vertical-align: top;
   background: url('https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif') no-repeat center transparent;
   border-radius: 8px;
   }

 #crop .wrapper, #crop .cropper-container { max-width: 800px; max-height: 600px; overflow: hidden; }
 #crop .indicator { display: none; }

/*________________________________________________All templates_____________*/

 #content { position: relative; }

 .content-header { margin-bottom: 1em; font-size: 1.5em; line-height: 1.1em; }
 .backend .content-header { padding-right: 100px; }
 .content-body {}

 .captcha { border: 1px solid #ccc; background: none #F5F5F5; width: 186px; overflow: hidden; padding: 16px; }
 .attach { background: #FFFFE0; border-top: 1px solid #808080; border-bottom: 1px solid #808080; margin: 1.5em 0 1em 0; padding: 0.3em 0.2em 0.5em 0.2em; text-align: center; }
 .more { text-align: right; font-size: 0.9em; font-weight: bold; }
 .more a { text-decoration: none; }
 .user_entry {
   border-width: 1px; background-color: #FFFFFF; font-size: 0.95em; padding: 0.75em; margin: 0.3em 0; text-align: left;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   }
 .quote {
   border-width: 1px; background-color: #FFFFFF; padding: 0.5em 1em; margin: 0.4em 0; text-align: left;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   }
 .user_entry:after, .quote:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .button-wrapper { position: relative; }
 a.button-wrapper, span.button-wrapper { display: inline-block; max-width: 100%; }
 .overlay-buttons { position: absolute; left: 4px; top: 4px; }
 .overlay-buttons img {
   padding: 6px; border: 1px solid #ccc; background-color: #eee; cursor: pointer;
   border-radius: 100px;
   -moz-opacity: 0.8; -khtml-opacity: 0.8; -opera-opacity: 0.8; opacity: 0.8;
   }
 .overlay-buttons img:hover { -moz-opacity: 1; -khtml-opacity: 1; -opera-opacity: 1; opacity: 1; }

 /* folder tree */
 .tree li { position: relative; padding-left: 12px; margin: 4px 0; }
 .tree .node { position: absolute; left: 0; }
 .tree .selected > div > a > span, .tree .selected > a > span { color: #fff; background-color: #347796; }

 /* thumbnails */
 .thumbs:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .thumbs > div { float: left; width: 25%; padding: 2px; font-size: 0.9em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 .thumbs .frame { display: block; position: relative; padding: 2em 0 75% 0; border: 1px solid #999; text-align: center; }
 .thumbs .frame .thumb { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: auto; padding: 0 0 2em 0; text-align: center; overflow: hidden; }
 .thumbs .frame .thumb a { position: absolute; top: 0; left: 0; bottom: 0; width: 100%; height: auto; }
 .thumbs .frame .thumb span { display: inline-block; height: 100%; vertical-align: middle; }
 .thumbs .frame .thumb .button-wrapper { width: 100%; height: 100%; }
 .thumbs .frame .caption { position: absolute; bottom: 0; left: 0; width: 96%; margin: 0 2%; height: 2em; line-height: 2em; text-align: center; white-space: nowrap; overflow: hidden; box-sizing: border-box; }
 .thumbs .frame .access { position: absolute; right: 2px; bottom: 2.2em; }
 .thumbs .empty { width: auto !important; float: none !important; }
 .thumbs.t-hide-captions .frame { padding-top: 0; }
 .thumbs.t-hide-captions .frame .thumb { padding-bottom: 0; }
 .thumbs.t-hide-captions .frame .caption { display: none; }
 .thumbs.t-hide-captions .frame .access { bottom: 2px; }
 .thumbs a { text-decoration: none; }
 .thumbs.t-small > div { width: 16.66%; font-size: 0.7em; }
 .thumbs.t-tiny > div { width: 20%; font-size: 0.8em; }
 .thumbs.t-medium > div { width: 33.33%; font-size: 0.9em; }
 .thumbs.t-large > div { width: 50%; font-size: 1em; }
 .thumbs.t-full > div { width: 100%; font-size: 1.2em; }

 /* breadcrumbs */
 .breadcrumbs { position: relative; }
 .breadcrumbs:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .breadcrumbs ul { }
 .breadcrumbs li { float: left; position: relative; margin-right: 8px; padding-left: 15px; }
 .breadcrumbs li:first-child { padding-left: 0; }
 .breadcrumbs li:before { content: '/'; position: absolute; left: 0; }
 .breadcrumbs li:first-child:before { content: ''; }

 /* sections */
 .header { margin-bottom: 1em; }
 .section { margin: 1em 0; }
 .section.top { margin-top: 0; }
 .section.bottom { margin-bottom: 0; }
 .footer { margin-top: 1em; }
 .header:after, .section:after, .footer:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

 /* Archive table */
 .archive .table .thead > *, .archive thead th { line-height: 1em; padding: 0 0.5em 0.5em 0.1em; border-bottom-width: 1px; }
 .archive .table .tbody > *, .archive tbody td { line-height: 1.5em; padding: 0.2em 0.5em 0.2em 0.1em; border-top: 1px solid #FFFFFF; }
 .archive .table .tbody > *:last-child, .archive tbody > td:last-child, .archive .thead > *:last-child, .archive thead th:last-child { padding-right: 0.1em; }
 .archive .empty, .empty { text-align: center; padding: 2em 0; }

 /* Archive ul */
 ul.archive ul { clear: both; padding: 0.5em 0; }
 ul.archive ul .col-1 { padding-left: 15px; }
 ul.archive ul ul .col-1 { padding-left: 30px; }
 ul.archive li { overflow: hidden; padding: 0.3em 0; }
 ul.archive li div { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 ul.archive .empty { width: 100%; }

 /* Archive header / footer */
 .archive-header div { float: left; margin-bottom: 1em; padding-right: 1em; font-size: 0.95em; }
 .archive-header .right { float: right; text-align: right; padding-right: 0; }
 .archive-footer { border-top-width: 1px; margin-bottom: 0.75em; }
 fieldset .archive-footer:last-child, .fieldset .archive-footer:last-child { margin-bottom: 0; }
 .archive-footer > div { padding: 0.25em 0; font-size: 0.95em; }
 .archive-footer > div > div { margin: 0.3em 0; }
 .footer-left { float: left; }
 .footer-right { float: right; text-align: right; }
 .footer-right .upload-container { margin-right: 0.5em; }
 .footer-right .upload-container { margin-left: 0.5em; }
 .footer-action img { vertical-align: top; margin: 0 4px; }
 .footer-action select { width: 11.5em; }
 .archive-header:after, .archive-footer:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

 /* Tables */
 .narrow td, .narrow .tbody > * { padding: 0; }
 .compact td, .compact .tbody > * { font-size: 0.95em; }
 .border th, .border td, .border .tbody > * { border-width: 1px; }
 .stretched td, .stretched th, .stretched .thead > *, .stretched .tbody > * { line-height: 1.5em; padding: 0.3em 0.1em; }

 /* CSS table */
 .table { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; overflow: hidden; }
 .table.border .thead > *, .table.border .tbody > *, .table.border .colgroup > *, .table.border > * { border: 1px solid #666 !important; }
 .table > form, .table .tgroup { display: table-row-group; border: 0 !important; }
 .table .thead, .table .tbody, .table .colgroup { display: table-row; ; border: 0 !important; }
 .table .thead > *, .table .tbody > *, .table .colgroup > *, .table > *, .tgroup > * { display: table-cell; padding: 0.2em 0.1em; vertical-align: top; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 .table .thead { font-weight: bold; }
 .table .tspan > div { border: 0 !important; }
 .table .tspan > div ~ div { text-indent: -1000em; }
 .table .tspan > div ~ div > * { display: none; }
 .table .tspan > div:first-child > div { width: 1000em; }

 /* important */
 .important { position: relative; border: 1px solid #e66e4c; background: none #FFFBED; padding: 8px 40px 8px 8px; color: #778; margin: 12px 0; border-radius: 4px; min-height: 40px; box-shadow: 0 1px 2px rgba(216,216,216,0.6); }
 fieldset .important, .fieldset .important { box-shadow: none; }
 .important h6 { font-size: 1.2em; color: #e66e4c; margin: 0 0 0.5em 0; }
 .important em { font-style: normal; color: #e66e4c; }
 .important b { color: #e66e4c; }
 .important:before { content:url('../images/important.png'); position: absolute; top: 50%; right: 6px; margin-top: -16px; }
 .important:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .important-header { background: none #e66e4c; color: #fff; padding: 1px 4px; font-size: 0.9em; margin: 10px 0 2px 0; }

 /* info */
 .info { position: relative; border: 1px solid #325D88; background: none #EFF1FF; padding: 8px 40px 8px 8px; color: #778; margin: 12px 0; border-radius: 4px; min-height: 40px; box-shadow: 0 1px 2px rgba(216,216,216,0.6); }
 fieldset .info, .fieldset .info { box-shadow: none; }
 .info h6 { font-size: 1.2em; color: #325D88; margin: 0 0 0.5em 0; }
 .info em { font-style: normal; color: #325D88; }
 .info b { color: #325D88; }
 .info:before { content:url('../images/info.png'); position: absolute; top: 50%; right: 6px; margin-top: -16px; }
 .info:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .info-header { background: none #325D88; color: #fff; padding: 1px 4px; font-size: 0.9em; margin: 10px 0 2px 0; }

 /* drag & drop */
 .drag-helper { border: 1px solid #666; background: none #eee; border-radius: 2px; height: 14px; width: 10px; -moz-opacity: 0.5; -khtml-opacity: 0.5; -opera-opacity: 0.5; opacity: 0.5; }
 .drop-target, .drop-target td { background: none #DCDFE8 !important; }

 /* scrollable */
 .scrollable .table { table-layout: auto; }
 .scrollable .viewport { overflow: auto; }
 .scrollable .viewport.x { overflow-x: auto; overflow-y: hidden; }
 .scrollable .viewport.y { overflow-y: auto; overflow-x: hidden; }
 .scrollable .scrollfix { width: 0; }
 .scrollable .scrollfix > div { overflow-y: scroll; height: 1px; visibility: hidden; }
 .explorer-full .viewport { height: 400px; }
 .explorer-small .viewport { height: 400px; }
 .mailbox .viewport { height: 400px; }
 .cal-wrapper .viewport { height: 400px; }
 .resizable .viewport { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: auto; }

 /* context menu */
 [data-menu]:hover, .context-menu-active, .context-menu-active td { background-color: #DCDFE8 !important; }
 [data-menu] [data-menu]:hover, [data-menu] .context-menu-active, [data-menu] .context-menu-active td { background-color: #CCCFD8 !important; }
 [data-click] { cursor: pointer; }

 /* ajax update */
 .ajax-modal { display: none; position: fixed; z-index: 999; top: -64px; left: 0; height: 100%; width: 100%; padding-bottom: 64px; background: url('../images/ajax-loader.png') 50% 50% no-repeat rgba( 255, 255, 255, .2 ); }
 body.loading .ajax-modal { display: block; }

 /* collapsible */
 fieldset.collapsible.collapsed, .fieldset.collapsible.collapsed { border: 1px dashed #ddd; background: none transparent; box-shadow: none; padding: 5px; }
 .fieldset.collapsible.collapsed { padding: 10px; }
 .collapsible.collapsed > * { display: none !important; }
 .collapsible.collapsed > legend, .collapsible.collapsed > .legend, .collapsible.collapsed > .label { display: inline-block !important; }
 .collapsible > legend, .collapsible > .legend, .collapsible > .label {
   position: relative; display: inline-block; cursor: pointer;
   -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
   }
 .collapsible > .legend { position: absolute; }
 .collapsible > legend:after, .collapsible > .legend:after, .collapsible > .label:after {
   display:inline-block; padding-left: 0.5em; content: "\f107";
   }
 .collapsible.collapsed > legend:after, .collapsible.collapsed > .legend:after, .collapsible.collapsed > .label:after { content: "\f105"; }

/*______________________________________________Listings__________________*/

 .wizard-steps { padding-bottom: 0.5em; }
 .wizard-steps:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .wizard-steps div { float: left; border-top: 1px solid #999999; color: #999999; padding: 0.3em; height: 2em; }
 .wizard-steps input { color: #999999; background: none transparent; padding: 0; margin: 0; border: 0; font: 1em/1.2em verdana,sans-serif; }
 .wizard-steps .active { border-top: 1px solid #333333; font-weight: bold; color: #333333; }
 .wizard-steps .active input { font-weight: bold; color: #333333; }
 .wizard-steps .done { border-top: 1px solid #333333; color: #333333; }
 .wizard-steps .done input { color: #333333; }
 .wizard-steps .inactive input { cursor: text; }

 .icon-list li { margin-top: 0.5em; padding-left: 18px; text-indent: -18px; }
 .icon-list li:first-child { margin-top: 0; }

/*_______________________________________Conditional formats______________*/

 .style1, .style1 td { background-color: #fdfdfd; }
 .style2, .style2 td { background-color: #ffffff; }
 .style3, .style3 td { background-color: #ebffeb; }
 .style1:hover, .style1:hover td, .style2:hover, .style2:hover td,.style3:hover, .style3:hover td { background-color: #dcdfe8; }
 /* .access0, .access1, .access0 *, .access1 * { color: #909090; } */
 .status0, .status0 * { color: #C04040; text-decoration: line-through; }
 .checked, .checked td { background: none #005e8e !important; color: #eee !important; text-shadow: none !important; }
 .checked .checked, .checked .checked td { background: none #003e6e !important; }
 .checked:hover, .checked:hover td, .checked[data-menu]:hover, .checked[data-menu].active, .checked[data-menu].active td { background: none #106e9e !important; color: #eee !important; text-shadow: none !important; }
 .checked .checked:hover, .checked .checked:hover td, .checked .checked[data-menu]:hover, .checked .checked[data-menu].active, .checked .checked[data-menu].active td { background: none #104e7e !important; }
 .checked[data-menu] [data-menu]:hover, .checked[data-menu] [data-menu].active, .checked[data-menu] [data-menu].active td { background: none #207eae !important; color: #eee !important; text-shadow: none !important; }
 .checked .checked[data-menu] [data-menu]:hover, .checked .checked[data-menu] [data-menu].active, .checked .checked[data-menu] [data-menu].active td { background: none #308ebe !important; }

/*__________________________________________________Icons_____________________*/

 .img-before { padding-right: 0.2em; font-size: inherit; }
 .img-after { padding-left: 0.2em; font-size: inherit; }
 .img-left { margin: 2px 10px 4px 0px; float: left; }
 .img-right { margin: 2px 0px 4px 10px; float: right; }
 .img-inline { display: inline; margin: 1px; }
 .required_fields { font-size: 0.9em; color: #8487A6; }
 .required_fields:before { content: '*'; display: inline-block; font-size: 0.833em; line-height: 0; position: relative; top: -0.3em; color: #D10D16; margin-right: 2px; }

/*__________________________________________________BCODE_____________________*/

 .bcode-html { color: blue; }
 .bcode-bcode { color: green; }
 .bcode-values { color: red; }
 .bcode-list-bullet { padding: 0px 4px; vertical-align: top; }
 .bcode-list-item { text-align: left; }
 .bcode-cols { text-align: left; }
 .bcode-table { text-align: left; padding: 2px 0px; }

/*__________________________________________________Form fields____________*/

 /*  default */
 input[type="text"], input[type="password"], textarea, select {
   border: 1px solid #ccc; padding: 0.25em; color: #666; font: inherit;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   }
 td > input[type="text"], td > input[type="password"], td > textarea, td > select,
 .table > div > input[type="text"], .table > div > input[type="password"], .table > div > textarea, .table > div > select,
 .tbody > div > input[type="text"], .tbody > div > input[type="password"], .tbody > div > textarea, .tbody > div > select,
 td > div > input[type="text"], td > div > input[type="password"], td > div > textarea, td > div > select { width: 100%; }
 select {
   background: url('../images/select_arrow.png') center right no-repeat #fff; padding: 0.18em 20px 0.18em 0.18em;
   -webkit-appearance: none; -moz-appearance: none; appearance: none;
   }
 input[type="text"].small, input[type="password"].small, textarea.small, select.small { font-size: 0.9em; padding: 0.15em; }
 input[type="radio"], input[type="checkbox"], input[type="submit"], input[type="button"], select, label, .button { cursor: pointer; }
 input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus,
 input[type="text"]:hover, input[type="password"]:hover, textarea:hover, select:hover,
 input[type="text"]:active, input[type="password"]:active, textarea:active, select:active { border: 1px solid #999; }
 input[type=radio], input[type=checkbox] { display: inline; vertical-align: middle; }
 input[type=upload] { font-size: 0.833em; width: 192px; }

 /*  All form types  */
 .f-buttons { margin-top: 0.5em; margin-bottom: 2em; }
 .f-text, .f-select, .f-options, .f-float .f-buttons { position: relative; margin-top: 0; margin-bottom: 0.5em; }
 .f-text input[type="text"], .f-text input[type="password"], .f-text textarea, .f-text select { width: 100%; }
 .f-hide-label .f-text label, .f-hide-label .f-select label, .f-text.f-hide-label label, .f-select.f-hide-label label, .f-hide-label .f-label { display: none !important; }
 .f-inside-label .f-text, .f-text.f-inside-label { position: relative; }
 .f-inside-label .f-text, .f-inside-label .f-options, .f-inside-label .f-buttons { padding-top: 8px; }
 .f-inside-label .f-text label, .f-text.f-inside-label label { position: absolute; top: 8px; left: 0; margin: 0.25em; font-size: 0.9em; color: #ccc; cursor: text; user-select: none; }
 .f-inside-label label.f-focus, .f-inside-label label.f-not-empty { font-size: 0.7em !important; color: #333; background: #ececec; transform: translateY(-102%); padding: 2px 0; line-height: 1em; }
 .f-inside-label label.f-focus { transition-property: all; transition-duration: .2s; }
 .f-hide-select input[type="checkbox"], .f-hide-select input[type="radio"] { display: none !important; }
 .f-buttons .required_fields { float: right; }
 label.required:before, .f-label.required:before { content: '*'; display: inline-block; font-size: 0.833em; line-height: 0; position: relative; top: -0.3em; color: #D10D16; margin-right: 2px; }
 label.required, .f-label.required { padding-left: 6px; text-indent: -6px; }
 .f-options label { display: inline; }
 .f-error.f-options, .f-error > input[type="text"], .f-error > input[type="password"],
 .f-error > textarea, .f-error >  select, .f-error > .tox { border: 1px solid #C02020 !important; background: none #fff; }
 .f-error.f-options { padding: 5px; }
 .f-error > label, .f-error > .f-label { color: #B02000; }
 .error-container { position: relative; border: 1px solid #C02020; padding: 15px 10px; background: none #fff; color: #B02000; margin-bottom: 1em; display: none; }
 .error-container:before { content:url('../images/important.png'); position: absolute; top: 50%; right: 10px; margin-top: -16px; }
 .error-container > * { margin: 0.2em 0; }
 .error-container span { color: #444; }
 .error-msg { padding: 0.5em; color: #B02000; }
 .error-msg:before { content: ""; display: table; clear: both; }
 .f-float .f-legend, .f-column .f-legend, .f-legend { color: #A0A0A0 !important; }
 input[type="text"].disabled, input[type="password"].disabled, select.disabled, textarea.disabled,
 .disabled input[type="text"], .disabled input[type="password"], .disabled select, .disabled textarea,
 input[type="text"]:disabled, input[type="password"]:disabled, select:disabled, textarea:disabled { background-color: #E0E0E0 !important; }
 .f-buttons input[type=submit].disabled, .f-buttons input[type=button].disabled, .f-buttons button.disabled, .button.disabled {
   background-color: #E0E0E0; color: #888; border: 1px solid #999;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
   background: -moz-linear-gradient(top, #fff, #eee);
   background: linear-gradient(top, #fff, #eee);
   }
 .disabled > label, .disabled > .f-label { color: #aaa; }
 .f-toggle-multiselect { position: relative; padding-right: 20px !important; }
 .f-toggle-multiselect select[multiple] { min-width: 100%; min-height: 3.6em; }
 .f-toggle-multiselect.last { padding-right: 10px !important; }
 .f-toggle-multi {
   display: block; position: absolute; top: 50%; margin-top: -7px; right: 10px; width: 10px; text-align: right;
   text-shadow: none; font-weight: normal; cursor: pointer;
   }
 .f-toggle-multiselect.last .f-toggle-multi { right: 0; }
 .f-toggle-multi:before { content: "\f0dc"; }

 .f-inside-label .f-toggle-filter:hover label, .f-toggle-filter:hover .f-inside-label label,
 .f-inside-label .f-toggle-active label, .f-toggle-active .f-inside-label label,
 .f-toggle-filter:hover, .f-toggle-active { padding-left: 13px; }
 .f-toggle-plus, .f-toggle-minus {
    font-size: 14px; line-height: 14px; color: #ccc;
    display: none; position: absolute; top: 0; left: 0; width: 14px;
    text-shadow: none; font-weight: normal; cursor: pointer;
    }
 .f-toggle-filter:hover > span, .f-toggle-active > span { display: block; }
 .f-toggle-filter > span.active { color: #0348ff; }
 .f-toggle-plus { top: 15px; }
 .f-toggle-minus { top: 28px; }
 .f-inside-label .f-toggle-plus, .f-hide-label .f-toggle-plus { top: 0; }
 .f-inside-label .f-toggle-minus, .f-hide-label .f-toggle-minus { top: 13px; }
 .f-toggle-plus:before { content: "\f0fe"; }
 .f-toggle-minus:before { content: "\f146"; }

 /*  Magic form  */
 .f-magic input[type=radio], .f-magic input[type=checkbox] { display: none; }
 .f-magic .f-checkbox, .f-magic .f-radio { position: relative; z-index: 0; padding: 4px 4px 4px 0; }
 .f-magic .f-checkbox label, .f-magic .f-radio label { display: inline-block; padding-left: 22px; }
 .f-magic .f-checkbox:before, .f-magic .f-radio:before {
   position: absolute; top: 50%; left: 0; z-index: -1; content: ''; margin-top: -8px;
   display: inline-block; width: 14px; height: 14px; border: 1px solid #c0c0c0; background: none #fff;
   }
 .f-magic .f-checkbox:before { border-radius: 3px; }
 .f-magic .f-radio:before { border-radius: 50%; }
 .f-magic .f-checkbox.f-checked:before { border: 1px solid #0348ff; background: #0348ff; }
 .f-magic .f-checkbox:hover:before,
 .f-magic .f-radio:hover:before,
 .f-magic .f-radio.f-checked:before { border: 1px solid #0348ff; }
 .f-magic .f-checkbox.f-checked:after {
   position: absolute; top: 50%; left: 6px;  margin-top: -5px; z-index: -1; content: '';
   display: block; width: 5px; height: 9px; box-sizing: border-box; transform: rotate(45deg);
   border: 2px solid #fff; border-top: 0; border-left: 0;
   }
 .f-magic .f-radio.f-checked:after {
   position: absolute; top: 50%; left: 4px; margin-top: -4px;  z-index: -1; content: ''; background: #0348ff;
   display: block; width: 8px; height: 8px; box-sizing: border-box; border-radius: 50%;
   }
 .disabled .f-magic .f-checkbox:before, .disabled .f-magic .f-radio:before,
 .disabled.f-magic .f-checkbox:before, .disabled.f-magic .f-radio:before,
 .f-magic .disabled .f-checkbox:before, .f-magic .disabled .f-radio:before,
 .f-magic .disabled.f-checkbox:before, .f-magic .disabled.f-radio:before { border: 1px solid #C0C0C0; background: none #C0C0C0; }

 /*  Form toggle */
 .f-toggle input[type=checkbox] { display: none; }
 .f-toggle label {
   position: relative; display: block; padding-right: 32px; cursor: pointer;
   -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
   background-color: #eee; padding: 0.2em; color: #333;
   border: 1px solid #ccc; font-family: inherit; font-size: 0.9em;
   border-radius: 2px;
   margin-top: 2px;
   }
 .f-toggle .f-checked label {
   border-bottom: 0;
   border-bottom-left-radius: 0; border-bottom-right-radius: 0;
   }
 .f-toggle label:after {
   position: absolute; top: 50%; margin-top: -7px; right: 0.5em;
   content: "\f105"; display:inline-block; text-shadow: none; font-weight: normal; cursor: pointer;
   }
 .f-toggle .f-checked label:after { content: "\f107"; }
 .f-panel {
   border: 1px solid #ccc; padding: 0.5em; color: #333; font-family: inherit; font-size: 1em; background-color: #fff;
   border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;
   }
 .f-panel:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }

 /*  Form floated */
 .f-float:before { content: ""; display: table; }
 .f-float:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
 .f-float .f-text, .f-float .f-select, .f-float .f-options, .f-float .f-buttons {
   float: left; padding-right: 10px;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   }
 .f-float .f-text { width: 100%; }
 .last { margin-right: 0 !important; padding-right: 0 !important; }
 .f-float .f-text label, .f-float .f-select label, .f-float .f-label { display: block; font-size: 0.833em; text-align: left; }

 /* Columns */
 .f-column > .f-text, .f-column > .f-select, .f-column > .f-options, .f-column > .f-buttons {
   position: relative; padding-left: 25%; min-height: 2em;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   }
 .f-column > .f-text:after, .f-column > .f-select:after, .f-column > .f-options:after, .f-column > .f-buttons:after {
   clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0;
   }
 .f-column > .f-text label, .f-column > .f-select label, .f-column > .f-options > .f-label {
   position: absolute; left: 0; top: 0; width: 25%; text-align: left; line-height: 1em;
   -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
   }
 .f-column.f-15 > .f-text, .f-column.f-15 > .f-select, .f-column.f-15 > .f-options, .f-column.f-15 > .f-buttons { padding-left: 15%; }
 .f-column.f-15 > .f-text label, .f-column.f-15 > .f-select label, .f-column.f-15 > .f-options > .f-label { width: 15%; }
 .f-column.f-20 > .f-text, .f-column.f-20 > .f-select, .f-column.f-20 > .f-options, .f-column.f-20 > .f-buttons { padding-left: 20%; }
 .f-column.f-20 > .f-text label, .f-column.f-20 > .f-select label, .f-column.f-20 > .f-options > .f-label { width: 20%; }
 .f-column.f-30 > .f-text, .f-column.f-30 > .f-select, .f-column.f-30 > .f-options, .f-column.f-30 > .f-buttons { padding-left: 30%; }
 .f-column.f-30 > .f-text label, .f-column.f-30 > .f-select label, .f-column.f-30 > .f-options > .f-label { width: 30%; }
 .f-column.f-40 > .f-text, .f-column.f-40 > .f-select, .f-column.f-40 > .f-options, .f-column.f-40 > .f-buttons { padding-left: 40%; }
 .f-column.f-40 > .f-text label, .f-column.f-40 > .f-select label, .f-column.f-40 > .f-options > .f-label { width: 40%; }
 .f-column.f-50 > .f-text, .f-column.f-50 > .f-select, .f-column.f-50 > .f-options, .f-column.f-50 > .f-buttons { padding-left: 50%; }
 .f-column.f-50 > .f-text label, .f-column.f-50 > .f-select label, .f-column.f-50 > .f-options > .f-label { width: 50%; }

 /* Form table */
 .f-table { display: table; width: 100%; }
 .f-table .f-text, .f-table .f-select, .f-table .f-options, .f-table .f-buttons { display: table-cell; float: none; vertical-align: top; }
 .f-table .f-buttons { vertical-align: bottom; padding: 0 !important; white-space: nowrap; }

 /* input / button combi */
 .f-combi { height: 25px; display: table; width: 100%; border-collapse: separate; }
 .f-combi .f-text {
   display: table-cell; float: none; padding: 0; border: 1px solid #999; border-right: 0;
   border-top-left-radius: 4px; border-bottom-left-radius: 4px;
   }
 .f-combi .f-text input { width: 100%; height: 25px; border: 0; }
 .f-combi .f-buttons input { width: 100%; height: 25px; border: 0 !important; background: none !important; }
 .f-combi .f-buttons input.go { background: url('../images/button_go.png') center center no-repeat; text-indent: -9999px; }
 .f-combi .f-buttons input.search { background: url('../images/button_search.png') center center no-repeat; text-indent: -9999px; }
 .f-combi .f-buttons input.reset { background: url('../images/button_reset.png') center center no-repeat; text-indent: -9999px; }
 .f-combi .f-buttons button { border: 0; width: 100%; height: 25px; }
 .f-combi .f-buttons button span { display: inline-block; text-indent: -9999px; }
 .f-combi .f-buttons .go:before { content: "\f0da"; }
 .f-combi .f-buttons .search:before { content: "\f002"; }
 .f-combi .f-buttons .reset:before { content: "\f00d"; }
 .f-combi .f-buttons {
   display: table-cell; float: none; background-color: #d5d5d5; color: #444; border: 1px solid #999; padding: 0;
   border-top-right-radius: 4px; border-bottom-right-radius: 4px;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
   background: -moz-linear-gradient(top, #fff, #ddd);
   background: linear-gradient(top, #fff, #ddd);
   }
 .f-combi .f-buttons:hover {
   background-color: #e5e5e5;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
   background: -moz-linear-gradient(top, #fff, #eee);
   background: linear-gradient(top, #fff, #eee);
   }

/*__________________________________________________Buttons___________________*/

  /* white buttons */
 .f-buttons input[type=submit], .f-buttons input[type=button], .f-buttons button, .button,
 .pagination a, .dialog-prompt a, .dialog-controls a, .cal-bar a {
   background-color: #d5d5d5; color: #444; border: 1px solid #999; min-width: 16px; min-height: 16px; padding: 2px; text-align: center;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
   background: -moz-linear-gradient(top, #fff, #ddd);
   background: linear-gradient(top, #fff, #ddd);
   border-radius: 4px;
   text-decoration: none !important; white-space: nowrap; cursor: pointer; display:inline-block;
   font-family: verdana,sans-serif; font-size: 0.9em;
   }
 .f-buttons input[type=submit]:hover, .f-buttons input[type=button]:hover, .f-buttons button:hover, .button:hover,
 .f-buttons.drop-target input[type=submit], .f-buttons.drop-target input[type=button], .f-buttons.drop-target button, .button.drop-target,
 .pagination a:hover, .dialog-prompt a:hover, .dialog-controls a:hover {
   background-color: #e5e5e5;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
   background: -moz-linear-gradient(top, #fff, #eee);
   background: linear-gradient(top, #fff, #eee);
   }
 .f-buttons input[type=submit]:disabled, .f-buttons input[type=button]:disabled, .f-buttons button:disabled, .button:disabled {
   color: #999; border-color: #aaa; cursor: none;
   }
 .pagination > span { display: inline-block; margin-left: 6px; }
 .pagination > span:first-child { margin-left: 0; }
 .f-buttons .inactive { opacity: 0.3 }

 /* important buttons */
 .important .button {
   background-color: #F4922A; color: #fff; border: 1px solid #E5891F;
   background: -webkit-gradient(linear, left top, left bottom, from(#FABC76), to(#F4922A));
   background: -moz-linear-gradient(top, #FABC76, #F4922A);
   background: linear-gradient(top, #FABC76, #F4922A);
   text-decoration: none !important; white-space: nowrap; cursor: pointer; display:inline-block;
   position:relative; top:2px; padding: 0 0.3em; font-family: verdana,sans-serif; font-size: 0.9em; text-shadow: none;
   }
 .important .button:hover {
   background-color: #FFA23A;
   background: -webkit-gradient(linear, left top, left bottom, from(#FABC76), to(#FFA23A));
   background: -moz-linear-gradient(top, #FABC76, #FFA23A);
   background: linear-gradient(top, #FABC76, #FFA23A);
   }
 /* info buttons */
 .info .button {
   background-color: #8EC4E2; color: #fff; border: 1px solid #396094;
   background: -webkit-gradient(linear, left top, left bottom, from(#8EC4E2), to(#396094));
   background: -moz-linear-gradient(top, #8EC4E2, #396094);
   background: linear-gradient(top, #8EC4E2, #396094);
   text-decoration: none !important; white-space: nowrap; cursor: pointer; display:inline-block;
   position:relative; top:2px; padding: 0 0.3em; font-family: verdana,sans-serif; font-size: 0.9em; text-shadow: none;
   }
 .info .button:hover {
   background-color: #9ED4F2;
   background: -webkit-gradient(linear, left top, left bottom, from(#9ED4F2), to(#4970A4));
   background: -moz-linear-gradient(top, #9ED4F2, #4970A4);
   background: linear-gradient(top, #9ED4F2, #4970A4);
   }
 /* all buttons */
 .f-buttons input[type=submit]:active, .f-buttons input[type=button]:active, .f-buttons button:active, .button:active,
 .pagination a:active, .dialog-prompt a:active, .dialog-controls a:active,
 .firefox .f-buttons input[type=submit], .firefox  .f-buttons input[type=button], .firefox input.button { line-height: 1.2em; }
 /* form buttons, default button */
 .f-buttons input[type=submit], .f-buttons input[type=button], .f-buttons button, .button {
   padding: 0.15em 0.6em; font-size: 1em; line-height: 1.33em;
   text-shadow: 1px 1px 0px #ffffff;
   }
 input[type=image].button { padding: 0.3em 0.6em; margin-top: -4px; }
 /* pagination buttons, dialog buttons */
 .pagination a, .dialog-prompt a, .dialog-controls a { margin: 0 2px; }
 .dialog-prompt a { padding: 0.15em 0.6em; font-size: 1em; text-shadow: 1px 1px 0px #ffffff; }
 /* mini buttons */
 .mini { padding: 0 !important; width: 1.9em; height: 1.9em; }
 .mini span { padding: 48% 50%; display: inline-block; font-size: 0; }
 .go span { background: url('../images/button_go.png') center center no-repeat; }
 .search span { background: url('../images/button_search.png') center center no-repeat; }
 .save span { background: url('../images/icon_files.png') center center no-repeat; }
 .cancel span { background: url('../images/icon_cancel.png') center center no-repeat; }
 /* fwd buttons */
 .button_explorer, .button_upload, .button_attach, .button_detach, .button_link, .button_check, .button_hidden {
   border: 0; font: inherit; color: inherit; text-align: left; display: inline-block; padding: 0.1em 0 0.1em 18px;
   }
 a.button_explorer, a.button_upload, a.button_attach, a.button_detach, a.button_link, a.button_check, a.button_hidden { padding-left: 2em; }
 .button_explorer { background: url(../images/icon_explorer.png) no-repeat left center transparent; }
 .button_upload { background: url(../images/icon_upload.png) no-repeat left center transparent; }
 .button_attach { background: url(../images/icon_attach.png) no-repeat left center transparent; }
 .button_detach { background: url(../images/icon_detach.png) no-repeat left center transparent; }
 .button_check { background: url(../images/icon_check.png) no-repeat left center transparent; }
 .button_link { background: url(../images/icon_teasers.png) no-repeat 0px 2px transparent; }
 .button_hidden { padding: 0; background: none transparent; }

/*__________________________________________________Bars_____________*/

 .buttons { text-align: right; }
 .buttons > span, .buttons a { display: inline-block;  }
 .buttons a, .buttons .button, .buttons button { margin-left: 1px; }
 .buttons > span { margin-left: 6px; }
 .buttons > span:first-child, .buttons .button:first-child, .buttons button:first-child, .buttons a:first-child { margin-left: 0; }
 .buttons a:not(.button), .buttons a.inactive:not(.button), .buttons input[type=image]:not(.button) { padding: 1px; border: 0; }
 /* .buttons a:not(.button):hover, .buttons input[type=image]:not(.button):hover { padding: 0; border-color: #FFFFFF #404040 #404040 #FFFFFF; border-width: 1px; border-style: solid; } */

 #content > .buttons { position: absolute; top: 0; right: 0; }
 fieldset > .buttons, .fieldset > .buttons, fieldset > form > .buttons, .fieldset > form > .buttons, fieldset > div[data-role=wrapper] > .buttons, .fieldset > div[data-role=wrapper] > .buttons, fieldset > div[data-role=wrapper] > form > .buttons, .fieldset > div[data-role=wrapper] > form > .buttons { position: relative; top: 0.5em; font-size: 0.9em; padding-top: 0.5em; }
 fieldset > .buttons.top, .fieldset > .buttons.top, fieldset > form > .buttons.top, .fieldset > form > .buttons.top, fieldset > div[data-role=wrapper] > .buttons.top, .fieldset > div[data-role=wrapper] > .buttons.top, fieldset > div[data-role=wrapper] > form > .buttons.top, .fieldset > div[data-role=wrapper] > form > .buttons.top { top: -2em; margin-bottom: -2em; }
 .dialog-body .buttons { font-size: 0.9em; padding: 0.1em 0.3em; }
 .upload-container .buttons { position: absolute; bottom: 0; right: 0; padding: 0 4px; background: url('../images/w6.png'); border: 1px solid #fff; }

 .editbar { text-align: right; float: right; background-color: #F5F5F5; border-width: 1px; padding: 1px; }
 .infobar { margin-top: 0.5em; text-align: right; font-size: 0.9em; font-style: italic; color: #909090; }

/*__________________________________________________Calendar__________________*/

 /* calendar common */
 .cal-wrapper div { webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
 .cal-header .today, .cal-row .today .day-header { font-weight: bold; }
 /* calender head */
 .cal-head { display: table; width: 100%; }
 .cal-head > div { display: table-cell; }
 .cal-header, .cal-allday, .cal-nav { display: table; table-layout: fixed; width: 100%; }
 .cal-header > div, .cal-allday > div, .cal-nav > div { display: table-cell; }
 .cal-header, .cal-allday { border-top: 1px solid #999; border-left: 1px solid #999; }
 .cal-header > div, .cal-wrapper .archive thead th {
   white-space: nowrap;  padding: 0.2em; text-align: center; border-right: 1px solid #999;
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
   background: -moz-linear-gradient(top, #fff, #ddd);
   background: linear-gradient(top, #fff, #ddd);
   }
 .cal-allday > div { padding-bottom: 0.5em; min-height: 10px; border-right: 1px solid #999; }
 .cal-nav > div { padding: 0.5em 0.2em; }
 .cal-range { font-size: 0.9em; }
 .cal-bar { text-align: center; }
 .cal-toggle { cursor: pointer; }
 .cal-date { text-align: right; font-weight: bold; }
 /* calendar body */
 .cal-body { border-top: 1px solid #999; border-left: 1px solid #999; }
 /* calendar grit */
 .cal-timetable div, .cal-grid { height: 4.167%; border-bottom: 1px solid #999; }
 .cal-timetable div { text-align: right; padding: 0.2em; }
 .cal-grid div { height: 50%; cursor: pointer; }
 .cal-grid div:first-child { border-bottom: 1px dashed #999; }
 .cal-row > div { position: relative; border-right: 1px solid #999; }
 .cal-m .cal-row, .cal-mini .cal-row { border-bottom: 1px solid #999; }
 .cal-m .cal-body .cal-day:hover, .cal-mini .cal-body .cal-day:hover, .cal-allday .cal-day:hover, .cal-grid div:hover { background-color: #F7F7F7; }
 .cal-m .day-header { text-align: right; padding: 0.2em; font-size: 0.9em; }
 /* calendar day */
 .cal-d .cal-row { height: 100%; }
 .cal-d .cal-row > div { float:left; height: 100%; }
 .cal-d .cal-timetable, .cal-d .cal-year { width: 10%; }
 .cal-d .cal-day { width: 90%; }
 .cal-d .cal-body .cal-viewport { height: 1200px; }
 /* calendar working week */
 .cal-ww .cal-timetable, .cal-ww .cal-year { width: 7.5%; }
 .cal-ww .cal-day { width: 18.5%; }
 .cal-ww .cal-row { height: 100%; }
 .cal-ww .cal-row > div { float:left; height: 100%; }
 .cal-ww .cal-body .cal-viewport { height: 1200px; }
 .cal-ww .event-body { word-wrap: break-word; word-break: break-all; }
 /* calendar week */
 .cal-w { font-size: 0.9em; }
 .cal-w .cal-timetable, .cal-w .cal-year { width: 7.25%; }
 .cal-w .cal-day { width: 13.25%; }
 .cal-w .cal-row { height: 100%; }
 .cal-w .cal-row > div { float:left; height: 100%; }
 .cal-w .cal-body .cal-viewport { height: 1200px; }
 .cal-w .event-body { word-wrap: break-word; word-break: break-all; }
 /* calendar month */
 .cal-m .cal-day { width: 14.286%; }
 .cal-m .cal-row { display: table; height: 6em; width: 100%; }
 .cal-m .cal-row > div { display: table-cell; }
 .cal-m .event-body { font-size: 0.9em; word-wrap: break-word; word-break: break-all; }
 /* calendar mini */
 .cal-mini { font-size: 0.8em; }
 .cal-mini .cal-day { width: 14.286%; }
 .cal-mini .cal-row { display: table; height: 2em; width: 100%; }
 .cal-mini .cal-row > div { display: table-cell; }
 .cal-mini .cal-nav { display: table; table-layout: fixed; width: 100%; border: 1px solid #999; border-bottom: 0; }
 .cal-mini .cal-nav div { display: table-cell; padding: 0.2em; background-color: #ccc; }
 .cal-mini .cal-date { width: 70%; text-align: center; font-size: 1.1em; font-weight: bold; }
 .cal-mini .cal-prev, .cal-mini .cal-next { width: 15%; }
 .cal-mini .cal-next { text-align: right; }
 .cal-mini .cal-body .cal-scheduled { background-color: #F5F575; }
 .cal-mini .cal-day a { display: block; height: 100%; text-align: right; }
 /* calendar custom */
 .cal-wrapper .archive thead th { font-size: 1em; }
 .cal-wrapper .archive tbody { border-left: 1px solid #999; border-right: 1px solid #999; }
 /* calendar events */
 .cal-allday .cal-event { margin: 0.2em; border: 1px solid #999; background: none #fff; cursor: pointer; }
 .cal-allday .event-body { padding: 0.1em; }
 .cal-m .cal-event { margin: 1px; max-height: 2.7em; overflow: hidden; border: 1px solid #999; background: none #fff; cursor: pointer; }
 .cal-pos .cal-event {
   position: absolute; left: 1%; width: 97%; border: 1px solid #999; background: none #fff; overflow: hidden; z-index: 1; cursor: pointer;
   -moz-box-shadow: 1px 1px 2px rgba(68,68,68,0.6);
   -webkit-box-shadow: 1px 1px 2px rgba(68,68,68,0.6);
   box-shadow: 1px 1px 2px rgba(68,68,68,0.6);
   }
 .cal-pos .event-body { position: absolute; left: 0; top: 0; width: 100%; background: inherit; z-index: 2; }
 .cal-pos .event-start { background: none #044766; color: #fff; padding: 0.2em; }
 .cal-pos .event-text { background: inherit; padding: 0.2em; }
 .cal-pos .event-end { background: inherit; color: #666; font-size: 0.9em; position: absolute; bottom: 0; z-index: 1; }
 /* calendar menu */
 .cal-new {
   position: absolute; z-index: 200; display: none; border: 1px solid #999; background-color: #fff; padding: 4px 0;
   border-radius: 4px;
   }
 .cal-new li { padding: 0.2em 1em; }
 .cal-new li:hover { background-color: #eee; }

/*_________________________________________________Layers / Dialogs______________*/

 /* common layer styles */
 .layer, .dialog {
   position: fixed; z-index: 100; box-sizing: border-box;
   border: 1px solid #669; border-radius: 4px; background: #fff; color: #357;
   -moz-box-shadow: 0px 1px 2px 2px rgba(128,128,128,0.4);
   -webkit-box-shadow: 0px 1px 2px 2px rgba(128,128,128,0.4);
   box-shadow: 0px 1px 2px 2px rgba(128,128,128,0.4);
   min-width: 10em; max-width: 120em;
   }
 .layer * , .dialog * { box-sizing: border-box; }
 .dialog-modal {
   position: fixed; top: 0; left: 0; height: 100%; width: 100%; background: none #000; z-index: 10;
   -moz-opacity: 0.5; -khtml-opacity: 0.5; -opera-opacity: 0.5; opacity: 0.5;
   }
 .dialog-header {
   position: relative; height: 30px; padding: 6px; color: #fff; background: none #7C9AB7;
   background: -webkit-gradient(linear, left top, left bottom, from(#8CAAC7), to(#7C9AB7));
   background: -moz-linear-gradient(top, #8CAAC7, #7C9AB7);
   background: linear-gradient(top, #8CAAC7, #7C9AB7);
   }
 .dialog-header h6 { margin: 0; text-align: center; }
 .dialog-controls { position: absolute; top: 50%; right: 0; margin-top: -11px; line-height: 14px; }
 .dialog-body { position: relative; background: #fff; }
 .layer.resizable { min-height: 10em; max-height: 60em; }
 .layer.resizable .dialog-body { position: absolute; left: 0; right: 0; top: 30px; bottom: 16px; overflow: auto; }
 .dialog { min-width: 27em; left: 50%; top: 50%; margin: -8em 0 0 -13.5em; z-index: 200; background: #7C9AB7; }
 .dialog .dialog-body { margin: 0 6px 36px 6px; min-height: 120px; border: 1px solid #999; background: #fff; padding: 10px; }
 .dialog .dialog-prompt { position: absolute; bottom: 6px; left: 6px; }
 .layer { left: 50%; top: 50%; }

 /* layer positions */
 .help { left: 500px; top: 60px; min-width: 20em; }
 .toolbox { left: 500px; top: 60px; min-width: 16em; max-width: 20em; }
 .explorer { left: 200px; top: 60px; min-width: 48em; max-width: 64em; }
 .filters { left: 400px; top: 200px; min-width: 16em; }
 .groups { left: 400px; top: 200px; min-width: 16em; }
 .folders { left: 400px; top: 200px; min-width: 16em; }
 .smileys { left: 400px; top: 200px; min-width: 27em; }
 .crop { left: 10px; top: 50px; min-width: 32em; max-width: 48em; z-index: 66666 !important; }
 .preview { left: 10px; top: 50px; min-width: 32em; max-width: 48em; }
 .quick { left: 400px; top: 100px; min-width: 32em; max-width: 48em; }
 .layer-upload { left: 10px; top: 50px; }
 .layer-upload .resizable { width: 300px; min-width: 300px; min-height: 400px; }

 /* special layers */
 .preview .dialog-header h6 { text-align: left; }
 .quick .dialog-header h6 { text-align: left; }
 .toolbox .dialog-body > ul, .groups .dialog-body > ul > li { background: url(../images/dotted.gif) repeat-x top; }
 .groups .dialog-body > ul > li { padding-top: 6px; }
 .groups .dialog-body > ul > li > a { font-weight: bold; }
 .toolbox .dialog-body > ul:first-child, .groups .dialog-body > ul > li:first-child { background: none; padding-top: 0; }
 .toolbox .last_modified { margin-top: 4em; }
 .toolbox .dialog-body > ul { display: table; width: 100%; }
 .toolbox .dialog-body > ul li { margin: 6px 0; padding-left: 10px; }
 .toolbox .dialog-body > ul > li { padding-right: 10px; }
 .toolbox .dialog-body > ul li a {
   display: block; padding: 2px 4px 2px 22px; text-indent: -18px;
   border-radius: 2px;
   }
 .toolbox .dialog-body > ul a:hover, .toolbox .drop-target > a { background-color: rgba(170,185,200,0.6); }
 .toolbox .dialog-body > ul .selected > a, .toolbox .dialog-body > ul .selected > a:hover { color: #fff; background-color: #347796; }
 .explorer .explorer-full { width: 64em; }
 .explorer .explorer-small { width: 48em; }
 .crop .dialog-body { padding: 10px; }

 /* touch styles */
 .touch .toolbox { position: absolute; top: 10px; left: 430px; }
 .touch .toolbox .dialog-controls { display: none; }
 .touch .toolbox .dialog-header { border-radius: 4px; }
 .touch .toolbox.active .dialog-header {
   border-bottom-left-radius: 0; border-bottom-right-radius: 0;
   }
 .touch .toolbox .dialog-body { display: none; }
 .touch .toolbox.active .dialog-body { display: block; }
 /* special layer elements */
 .toolbox .hover-menu { margin-top: 20px; font-size: 0.9em; }
 .toolbox .hover-menu > ul ul { display: none; }
 .toolbox .hover-menu li.open ul { display: block; }
 .toolbox .hover-menu li li { margin: 6px 0; padding: 0 10px; }
 .toolbox .hover-menu li li a {
   display: block; padding: 2px 4px 2px 22px; text-indent: -18px;
   border-radius: 2px;
   }
 .toolbox .hover-menu li li a:hover { background-color: #DCDFE8; }
 .toolbox .hover-menu > ul > li { cursor: pointer; }
 .toolbox .hover-menu > ul > li > a {
   display: block; color: #fff; font-weight: bold; padding: 0.3em 0.4em; border-top: 1px solid #88b;
   background: -webkit-gradient(linear, left top, left bottom, from(#8CAAC7), to(#7C9AB7));
   background: -moz-linear-gradient(top, #8CAAC7, #7C9AB7);
   background: linear-gradient(top, #8CAAC7, #7C9AB7);
   }
 .toolbox .hover-menu > ul > li > a:before { content: ' '; display: inline-block; background: url('../images/menu-closed.png') no-repeat; width: 11px; height: 11px; margin-right: 6px; }
 .toolbox .hover-menu > ul > li.open > a:before { background: url('../images/menu-open.png') no-repeat; }

/*__________________________________________________Plugin styles______________________*/

 /* common ui */
 body .ui-widget, body .ui-widget button { font-family: inherit; font-size: 1em; }
 body .ui-widget-content a { color: inherit; }
 .f-options label.ui-button { display: inline-block; }
 body .ui-widget-shadow {
   -webkit-box-shadow: 1px 1px 2px 0px rgba(128,128,128,0.4);
   box-shadow: 1px 1px 2px 0px rgba(128,128,128,0.4);
   }
 body .ui-front { z-index: 10000; }

 /* ui button hidden */
 .button-hidden .ui-button, .button-hidden.ui-button, .button-hidden .ui-button:hover, .button-hidden.ui-button:hover { padding: 0.1em 0; border: 0; background: none transparent; font-weight: inherit; color: inherit; }
 .button-hidden .ui-button .ui-icon-background { border: 0; box-shadow: none; }
 .ui-icon.ui-icon-external-video { background: url('../images/icon_add_external_video.png') !important; left: 0; margin-left: 0; }
 .ui-icon.ui-icon-toggle_on { background: url('../images/icon_toggle_on.png') !important; left: 0; margin-left: 0; }
 .ui-icon.ui-icon-toggle_off { background: url('../images/icon_toggle_off.png') !important; left: 0; margin-left: 0; }
 .ui-icon.ui-icon-checked { background: url('../images/icon_checked.png') !important; }
 .ui-icon.ui-icon-unchecked { background: url('../images/icon_unchecked.png') !important; }

 /* ui simple tabs */
 .tabs.t-simple.ui-tabs { font-size: 1em; background: none; border: 0; color: inherit; }
 .tabs.t-simple.ui-tabs .ui-tabs-panel { padding: 1em 0.5em; }
 .tabs.t-simple .ui-tabs-panel, .tabs.t-simple .ui-tabs-panel a { color: inherit; }
 .tabs.t-simple .ui-widget-header { background: none; border: 0; color: inherit; }
 .tabs.t-simple.ui-tabs .ui-tabs-nav li { background: none; border: 0; }
 .tabs.t-simple.ui-tabs .ui-tabs-nav li a {
   display:inline-block; border: 1px solid #999; padding: 0.2em 0.3em; font: 1em verdana,sans-serif; color: #333333; background-color: #F5F5F5; white-space: nowrap; cursor: pointer;
   -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
   -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
   box-shadow: inset 0px 1px 0px 0px #ffffff;
   text-shadow: 1px 1px 0px #ffffff;
   border-radius: 4px;
   }
 .tabs.t-simple.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
 .tabs.t-simple.ui-tabs .ui-tabs-nav li a:hover { background-color: #FDFDFF; }

 /* drag & drop */
 .ui-draggable-handle { cursor: pointer; }
 .ui-draggable-dragging .ui-draggable-handle { cursor: move; }

 /* autocomplete adjustment */
 .ui-autocomplete-loading { background: url('../images/loading.png') right center no-repeat; }

 /* datepicker adjustment */
 .ui-datepicker.ui-widget { font-size: .9em;  }
 .ui-datepicker.ui-widget .ui-datepicker-header { color: #fff; background: none #044766; border: 0; }
 .ui-datepicker.ui-widget .ui-datepicker-prev span, .ui-datepicker.ui-widget .ui-datepicker-next span { margin-top: 0; }
 .ui-datepicker.ui-widget .ui-datepicker-prev-hover, .ui-datepicker.ui-widget .ui-datepicker-next-hover { background: none; border: 0; padding: 1px; cursor: pointer; }

 /* timepicker adjustment */
 .f-float .f-text .ui-timepicker-wrapper { width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px); }
 .f-float .f-text.last .ui-timepicker-wrapper { width: 100%;  }

 /* tooltip adjustment */
 .ui-tooltip { max-width: 600px; }
 .ui-tooltip.ui-widget { color: #fff; background: none #044766; border: 1px solid #ccc; }
 .arrow { width: 24px; height: 12px; overflow: hidden; position: absolute; left: 30%; margin-left: -12px; bottom: -12px; }
 .arrow.top { top: -12px; bottom: auto; }
 .arrow:after { content: ""; position: absolute; left: 0; top: -18px; width: 20px; height: 20px; background-color: #044766; border: 1px solid #ccc;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  }
 .arrow.top:after { bottom: -18px; top: auto; }

 /* spinner adjustment */
 .f-text .ui-spinner { width: 100%; }
 .f-error .ui-spinner { border: 1px solid #C02020 !important; }
 input.spinner, input.spinner:active, input.spinner:focus, input.spinner:hover { border: 0; margin: 0 22px 0 0; }
 .ui-spinner .ui-button-icon-only .ui-icon { margin-left: 0; }

 /* tinyMCE adjustment */
 .tox .tox-statusbar { border-top: 0 !important; height: 10px !important; }
 .tox .tox-statusbar .tox-statusbar__text-container { display: none; }
 .tox .tox-toolbar-overlord { border-bottom: 1px solid #ccc !important; }
 .tox .tox-toolbar-overlord .tox-tbtn { height: 30px; width: 30px; }
 .tox .tox-toolbar-overlord .tox-split-button__chevron { width: 16px; }
 .tox .tox-toolbar-overlord .tox-tbtn--select { width: auto; }
 .tox .tox-menubar .tox-mbtn { height: 30px; }
 .tox.small .tox-toolbar-overlord .tox-tbtn { height: 26px; width: 26px; }
 .tox-dialog .c-preview { height: 120px; text-align: center; background: none #eee; padding: 4px;  }
 .tox-dialog .c-img-wrapper { position: relative; text-align: left; max-width: 100%; max-height: 100%; overflow: hidden; margin: auto; border: 1px solid #999; }
 .tox-dialog .c-img-wrapper img { max-width: none; max-height: none; }
 .tox-autocomplete { position: absolute; }
 .tox-autocomplete ul { margin: 0; margin-inline: 0; padding-inline: 0; -webkit-padding-start: 0; background: none #fff; border: 1px solid #207ab7; border-radius: 3px; }
 .tox-autocomplete .ui-menu-item { color: #666; padding: 4px 1em 4px .4em; border: 0; background: none #fff; }
 .tox-autocomplete .ui-state-focus { font-weight: normal; color: #000; border: 0; background: none #eef; margin: 0; }
 .tox-autocomplete .small { font-size: 0.833em; }
 .tox-autocomplete .ui-state-active { font-weight: normal; }

 /* uploader */
 .upload-container { position: relative; }
 span.upload-container { display: inline-block; }
 .upload-queue { position: absolute; bottom: 100%; right: 0; white-space: nowrap; padding: 0.5em; background: none #FFFFE0; border: 1px solid #888; display: none; z-index: 100; }
 .upload-queue.left { left: 0; right: auto; }
 .upload-button { cursor: pointer; }

 /* context menu */
 .context-menu-icon-access_menu { background-image: url(../images/icon_access_menu.png); }
 .context-menu-icon-insert_menu { background-image: url(../images/icon_ins_left.png); }
 .context-menu-icon-new, .context-menu-icon-new_sub { background-image: url(../images/icon_new.png); }
 .context-menu-icon-add { background-image: url(../images/icon_add.png); }
 .context-menu-icon-goto { background-image: url(../images/icon_goto.png); }
 .context-menu-icon-edit { background-image: url(../images/icon_edit.png); }
 .context-menu-icon-activate { background-image: url(../images/icon_activate.png); }
 .context-menu-icon-duplicate { background-image: url(../images/icon_duplicate.png); }
 .context-menu-icon-delete, .context-menu-icon-delete_selected { background-image: url(../images/icon_delete.png); }
 .context-menu-icon-send, .context-menu-icon-send_password { background-image: url(../images/icon_send.png); }
 .context-menu-icon-resend, .context-menu-icon-resend_selected { background-image: url(../images/icon_resend.png); }
 .context-menu-icon-private, .context-menu-icon-private_selected { background-image: url(../images/icon_private.png); }
 .context-menu-icon-intern, .context-menu-icon-intern_selected { background-image: url(../images/icon_intern.png); }
 .context-menu-icon-public, .context-menu-icon-public_selected { background-image: url(../images/icon_public.png); }
 .context-menu-icon-online, .context-menu-icon-online_selected { background-image: url(../images/icon_online.png); }
 .context-menu-icon-offline, .context-menu-icon-offline_selected { background-image: url(../images/icon_offline.png); }
 .context-menu-icon-attach, .context-menu-icon-attach_selected { background-image: url(../images/icon_attach.png); }
 .context-menu-icon-detach, .context-menu-icon-detach_selected { background-image: url(../images/icon_detach.png); }
 .context-menu-icon-link { background-image: url(../images/icon_ins_link.png); }
 .context-menu-icon-teaser { background-image: url(../images/icon_teasers.png); }
 .context-menu-icon-keep { background-image: url(../images/icon_backups.png); }
 .context-menu-icon-recycle { background-image: url(../images/icon_recycle.png); }
 .context-menu-icon-reset { background-image: url(../images/icon_reset.png); }
 .context-menu-icon-take { background-image: url(../images/icon_password.png); }
 .context-menu-icon-img_set { background-image: url(../images/icon_img_set.png); }
 .context-menu-icon-img_unset { background-image: url(../images/icon_img_unset.png); }
 .context-menu-icon-delete_preview, .context-menu-icon-delete_preview_selected { background-image: url(../images/icon_delete_preview.png); }
 .context-menu-icon-cancel { background-image: url(../images/icon_cancel.png); }
 .context-menu-icon-crop { background-image: url(../images/icon_crop.png); }
 .context-menu-icon-preview { background-image: url(../images/icon_preview.png); }
 .context-menu-icon-download { background-image: url(../images/icon_files.png); }
 .context-menu-icon-pdf { background-image: url(../images/suffix_pdf.png); }
 .context-menu-icon-check { background-image: url(../images/icon_check.png); }
 .context-menu-icon-check_all { background-image: url(../images/icon_check.png); }
 .context-menu-icon-uncheck { background-image: url(../images/icon_uncheck.png); }
 .context-menu-icon-uncheck_all { background-image: url(../images/icon_uncheck.png); }
 .context-menu-icon-remove { background-image: url(../images/icon_detach.png); }
 .context-menu-icon-remove_all { background-image: url(../images/icon_detach.png); }
 .context-menu-icon-remove_selected { background-image: url(../images/icon_detach.png); }
 .context-menu-icon-zip_selected { background-image: url(../images/suffix_zip.png); }
 .context-menu-icon-insert_inline { background-image: url(../images/icon_ins_inline.png); }
 .context-menu-icon-insert_left { background-image: url(../images/icon_ins_left.png); }
 .context-menu-icon-insert_right { background-image: url(../images/icon_ins_right.png); }
 .context-menu-icon-insert_thumb { background-image: url(../images/icon_ins_thumb.png); }
 .context-menu-icon-insert_link { background-image: url(../images/icon_ins_link.png); }
 .context-menu-icon-goto_folder, .context-menu-icon-goto_mailfolder { background-image: url(../images/icon_folder.png); }

 /* unzer */
 .unzerUI .error-holder { color: #9f3a38; }

/*______________________________________________Grid system_________________*/

.grid-0 { width: 100%; }
.grid-1 { width: 101%; }
.grid-2 { width: 102%; }
.grid-4 { width: 104%; }
.grid-0:after, .grid-1:after, .grid-2:after, .grid-4:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.grid-1 > *, .grid-2 > *, .grid-4 > * { float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 1px; }
.grid-1 > * { margin-right: 1%; }
.grid-2 > * { margin-right: 2%; }
.grid-4 > * { margin-right: 4%; }
.grid-0 > .g-10 { width: 10%; }
.grid-0 > .g-15 { width: 15%; }
.grid-0 > .g-20 { width: 20%; }
.grid-0 > .g-25 { width: 25%; }
.grid-0 > .g-30 { width: 30%; }
.grid-0 > .g-33 { width: 33.33%; }
.grid-0 > .g-35 { width: 35%; }
.grid-0 > .g-40 { width: 40%; }
.grid-0 > .g-50 { width: 50%; }
.grid-0 > .g-60 { width: 60%; }
.grid-0 > .g-67 { width: 66.66%; }
.grid-0 > .g-70 { width: 70%; }
.grid-0 > .g-75 { width: 75%; }
.grid-0 > .g-80 { width: 80%; }
.grid-0 > .g-85 { width: 80%; }
.grid-0 > .g-90 { width: 90%; }
.grid-0 > .g-100 { width: 100%; }
.grid-1 > .g-10 { width: 9%; }
.grid-1 > .g-15 { width: 14%; }
.grid-1 > .g-20 { width: 19%; }
.grid-1 > .g-25 { width: 24%; }
.grid-1 > .g-30 { width: 29%; }
.grid-1 > .g-33 { width: 32.33%; }
.grid-1 > .g-35 { width: 34%; }
.grid-1 > .g-40 { width: 39%; }
.grid-1 > .g-50 { width: 49%; }
.grid-1 > .g-60 { width: 59%; }
.grid-1 > .g-67 { width: 65.66%; }
.grid-1 > .g-70 { width: 69%; }
.grid-1 > .g-75 { width: 74%; }
.grid-1 > .g-80 { width: 79%; }
.grid-1 > .g-85 { width: 84%; }
.grid-1 > .g-90 { width: 89%; }
.grid-1 > .g-100 { width: 99%; }
.grid-2 > .g-10 { width: 8%; }
.grid-2 > .g-15 { width: 13%; }
.grid-2 > .g-20 { width: 18%; }
.grid-2 > .g-25 { width: 23%; }
.grid-2 > .g-30 { width: 28%; }
.grid-2 > .g-33 { width: 31.33%; }
.grid-2 > .g-35 { width: 33%; }
.grid-2 > .g-40 { width: 38%; }
.grid-2 > .g-50 { width: 48%; }
.grid-2 > .g-60 { width: 58%; }
.grid-2 > .g-67 { width: 64.66%; }
.grid-2 > .g-70 { width: 68%; }
.grid-2 > .g-75 { width: 73%; }
.grid-2 > .g-80 { width: 78%; }
.grid-2 > .g-85 { width: 83%; }
.grid-2 > .g-90 { width: 88%; }
.grid-2 > .g-100 { width: 98%; }
.grid-4 > .g-10 { width: 6%; }
.grid-4 > .g-15 { width: 11%; }
.grid-4 > .g-20 { width: 16%; }
.grid-4 > .g-25 { width: 21%; }
.grid-4 > .g-30 { width: 26%; }
.grid-4 > .g-33 { width: 29.33%; }
.grid-4 > .g-35 { width: 31%; }
.grid-4 > .g-40 { width: 36%; }
.grid-4 > .g-50 { width: 46%; }
.grid-4 > .g-60 { width: 56%; }
.grid-4 > .g-67 { width: 62.66%; }
.grid-4 > .g-70 { width: 66%; }
.grid-4 > .g-75 { width: 71%; }
.grid-4 > .g-80 { width: 76%; }
.grid-4 > .g-85 { width: 81%; }
.grid-4 > .g-90 { width: 86%; }
.grid-4 > .g-100 { width: 96%; }
.cols-0, .cols-1, .cols-2, .cols-4 { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; }
.cols-0 > *, .cols-1 > *, .cols-2 > *, .cols-4 > * { display: table-cell; vertical-align: top; }
.cols-1 > *:first-child, .cols-2 > *:first-child, .cols-4 > *:first-child { padding-left: 0; }
.cols-1 > * { padding-left: 10px; }
.cols-2 > * { padding-left: 20px; }
.cols-4 > * { padding-left: 40px; }
.c-120, .c-120:first-child { width: 120px; }
.cols-1 > .c-120 { width: 130px; }
.cols-2 > .c-120 { width: 140px; }
.cols-4 > .c-120 { width: 160px; }
.c-150, .c-150:first-child { width: 150px; }
.cols-1 > .c-150 { width: 160px; }
.cols-2 > .c-150 { width: 170px; }
.cols-4 > .c-150 { width: 190px; }
.c-200, .c-200:first-child { width: 200px; }
.cols-1 > .c-200 { width: 210px; }
.cols-2 > .c-200 { width: 220px; }
.cols-4 > .c-200 { width: 240px; }
.c-captcha { width: 200px; }
.w0 { width: 0% !important; } .w2 { width: 2% !important; } .w3 { width: 3% !important; } .w5 { width: 5% !important; } .w7 { width: 7% !important; } .w8 { width: 8% !important; } .w10 { width: 10% !important; } .w12 { width: 12% !important; } .w13 { width: 13% !important; } .w15 { width: 15% !important; } .w17 { width: 17% !important; } .w18 { width: 18% !important; } .w20 { width: 20% !important; } .w25 { width: 25% !important; } .w30 { width: 30% !important; } .w35 { width: 35% !important; } .w40 { width: 40% !important; } .w45 { width: 45% !important; } .w50 { width: 50% !important; } .w55 { width: 55% !important; } .w60 { width: 60% !important; } .w65 { width: 65% !important; } .w70 { width: 70% !important; } .w75 { width: 75% !important; } .w80 { width: 80% !important; } .w85 { width: 85% !important; } .w90 { width: 90% !important; } .w95 { width: 95% !important; }  .w100 { width: 100% !important; }
.m0 { margin: 0 !important; } .m5 { margin: 5px 0 !important; } .m10 { margin: 10px 0 !important; } .m15 { margin: 15px 0 !important; } .m20 { margin: 20px 0 !important; } .m25 { margin: 25px 0 !important; } .m30 { margin: 30px 0 !important; } .m40 { margin: 40px 0 !important; } .m50 { margin: 50px 0 !important; }
.mt0 { margin-top: 0 !important; } .mt5 { margin-top: 5px !important; } .mt10 { margin-top: 10px !important; } .mt15 { margin-top: 15px !important; } .mt20 { margin-top: 20px !important; } .mt25 { margin-top: 25px !important; } .mt30 { margin-top: 30px !important; } .mt40 { margin-top: 40px !important; } .mt50 { margin-top: 50px !important; }
.mb0 { margin-bottom: 0 !important; } .mb5 { margin-bottom: 5px !important; } .mb10 { margin-bottom: 10px !important; } .mb15 { margin-bottom: 15px !important; } .mb20 { margin-bottom: 20px !important; } .mb25 { margin-bottom: 25px !important; } .mb30 { margin-bottom: 30px !important; } .mb40 { margin-bottom: 40px !important; } .mb50 { margin-bottom: 50px !important; }
.ml0 { margin-left: 0 !important; } .ml5 { margin-left: 5px !important; } .ml10 { margin-left: 10px !important; } .ml15 { margin-left: 15px !important; } .ml20 { margin-left: 20px !important; } .ml25 { margin-left: 25px !important; } .ml30 { margin-left: 30px !important; } .ml40 { margin-left: 40px !important; } .ml50 { margin-left: 50px !important; }
.mr0 { margin-right: 0 !important; } .mr5 { margin-right: 5px !important; } .mr10 { margin-right: 10px !important; } .mr15 { margin-right: 15px !important; } .mr20 { margin-right: 20px !important; } .mr25 { margin-right: 25px !important; } .mr30 { margin-right: 30px !important; } .mr40 { margin-right: 40px !important; } .mr50 { margin-right: 50px !important; }
.p0 { padding: 0 !important; } .p5 { padding: 5px !important; } .p10 { padding: 10px !important; } .p15 { padding: 15px !important; } .p20 { padding: 20px !important; } .p25 { padding: 25px !important; } .p30 { padding: 30px !important; } .p40 { padding: 40px !important; } .p50 { padding: 50px !important; }
.pt0 { padding-top: 0 !important; } .pt5 { padding-top: 5px !important; } .pt10 { padding-top: 10px !important; } .pt15 { padding-top: 15px !important; } .pt20 { padding-top: 20px !important; } .pt25 { padding-top: 25px !important; } .pt30 { padding-top: 30px !important; } .pt40 { padding-top: 40px !important; } .pt50 { padding-top: 50px !important; }
.pb0 { padding-bottom: 0 !important; } .pb5 { padding-bottom: 5px !important; } .pb10 { padding-bottom: 10px !important; } .pb15 { padding-bottom: 15px !important; } .pb20 { padding-bottom: 20px !important; } .pb25 { padding-bottom: 25px !important; } .pb30 { padding-bottom: 30px !important; } .pb40 { padding-bottom: 40px !important; } .pb50 { padding-bottom: 50px !important; }
.pl0 { padding-left: 0 !important; } .pl5 { padding-left: 5px !important; } .pl10 { padding-left: 10px !important; } .pl15 { padding-left: 15px !important; } .pl20 { padding-left: 20px !important; } .pl25 { padding-left: 25px !important; } .pl30 { padding-left: 30px !important; } .pl40 { padding-left: 40px !important; } .pl50 { padding-left: 50px !important; }
.pr0 { padding-right: 0 !important; } .pr5 { padding-right: 5px !important; } .pr10 { padding-right: 10px !important; } .pr15 { padding-right: 15px !important; } .pr20 { padding-right: 20px !important; } .pr25 { padding-right: 25px !important; } .pr30 { padding-right: 30px !important; } .pr40 { padding-right: 40px !important; } .pr50 { padding-right: 50px !important; }
.in10 { padding-left: 10px !important; text-indent: -10px !important; } .in10 > span:first-child { display: inline-block; width: 10px; text-indent: 0; } .in20 { padding-left: 20px !important; text-indent: -20px !important; } .in20 > span:first-child { display: inline-block; width: 20px; text-indent: 0; } .in25 { padding-left: 25px !important; text-indent: -25px !important; } .in25 > span:first-child { display: inline-block; width: 25px; text-indent: 0; } .in30 { padding-left: 30px !important; text-indent: -30px !important; } .in30 > span:first-child { display: inline-block; width: 30px; text-indent: 0; }
.h0 { height: 0 !important; } .h100 { height: 100% !important; }

/*_______________________________________Helpers____________________*/

.spacing > * { margin-bottom: 0.5em !important; }
.vspacing > * { margin-right: 0.5em !important; }
.vspacing > img { margin-right: 5px; }
.comma-separated > *:before { content: ', '; }
.comma-separated > *:first-child:before { content: ''; }
.flexible { width: auto; max-width: 100%; }
img.border {
 border: 2px solid transparent; border: 2px rgba(255,255,255,0) solid; box-shadow: 0 0 2px rgba(0,0,0,0.5);
 -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
 }
small, .small { font-size: 0.833em; }
big, .big { font-size: 1.2em; }
.spacer, .clear.spacer { height: 1em; }
.line, .clear.line { font-size: 0; height: 0; padding: 0; margin: 10px 0; width: 100%; border-bottom-width: 1px; visibility: visible; }
.dotted, .clear.dotted { font-size: 0; height: 1px; padding: 0; margin: 10px 0; width: 100%; background: url(../images/dotted.gif) repeat-x; visibility: visible; }
a[accesskey] em { font-style: normal; text-decoration: underline; }
.visual { text-decoration: underline !important; }
.crossed { text-decoration: line-through !important; }
.confined { overflow: hidden; }
.unconfined { overflow: visible; }
.pointer:hover { cursor: pointer; }
.bold { font-weight: bold !important; }
.italic { font-style: italic !important; }
.normal { font-weight: normal !important; font-style: normal !important; }
.left { text-align: left !important; }
.center, .center > td, .center > th { text-align: center !important; }
.right { text-align: right !important; }
.top, .top th, .top td { vertical-align: top !important; }
.middle, .middle td { vertical-align: middle !important; }
.bottom, .bottom td { vertical-align: bottom !important; }
.inline { display: inline !important; }
.inline-block { display: inline-block !important; }
.auto { width: auto !important; height: auto !important; }
.fixed { table-layout: fixed; }
.flex { table-layout: auto; }
.border-box { box-sizing: border-box !important; }
.nowrap { white-space: nowrap !important; }
.wrap { word-wrap: break-word !important; word-break: break-all !important; }
.static { position: static !important; }
.rel { position: relative !important; }
.abs { position: absolute !important; top: 0; left: 0; }
.abs.top { top: 0 !important; bottom: auto; }
.abs.bottom { top: auto; bottom: 0 !important; }
.columns { position: relative; }
.columns > * { width: 49%; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.columns:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.float, .float-left { float: left; width: auto; }
.float-right { float: right; width: auto; }
.clear { clear: both; }
.clear-left { clear: left; }
.clear-right { clear: right; }
.clear, .clear-left, .clear-right { display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.hidden { display: none !important; }
.reduce-1, .reduce-2, .reduce-3 { position: relative; overflow: hidden; }
.reduce-1:before, .reduce-2:before, .reduce-3:before {
  content: '...'; position: absolute; bottom: 0; right: 20px; margin-top: -6px; background: none #fff; border: 1px solid #666; line-height: 0; padding: 2px; height: 8px;
  -moz-opacity: 0.8; -khtml-opacity: 0.8; -opera-opacity: 0.8; opacity: 0.8;
  border-radius: 4px;
  }
.reduce-1 { height: 1em; }
.reduce-2 { height: 2em; }
.reduce-3 { height: 3em; }
.reduce-1:hover, .reduce-2:hover, .reduce-3:hover { height: auto; }
.reduce-1:hover:before, .reduce-2:hover:before, .reduce-3:hover:before { display: none; }

@media all and (max-width: 70em){
 .thumbs > div { width: 33.33%; }
 .thumbs.t-small > div { width: 25%; }
 .thumbs.t-tiny > div { width: 33.33%; }
 .thumbs.t-medium > div { width: 50%; }
 .thumbs.t-large > div { width: 100%; }
 }
@media all and (max-width: 54em){
 .cols-0, .cols-1, .cols-2, .cols-4 { display: block; }
 .cols-0 > *, .cols-1 > *, .cols-2 > *, .cols-4 > * { display: block; padding: 0; width: auto !important; }
 .grid-0, grid-1, .grid-2, .grid-4 { width: auto; }
 .grid-0 > *, .grid-1 > *, .grid-2 > *, .grid-4 > * { float: none !important; width: auto !important; margin: 0 !important;}
 .text-html ul, .text-html dl { margin-left: 0; }
 .text-html ol { margin-left: 0.35em; }
 .search-button, .search-info { display: none; }
 .thumbs > div { width: 50%; }
 .thumbs.t-small > div { width: 33.33%; }
 .thumbs.t-tiny > div { width: 50%; }
 .thumbs.t-medium > div { width: 100%; }
 .thumbs.t-large > div { width: 100%; }
 }
@media all and (max-width: 30em){
 .dialog { width: 100%; left: 0; margin: 0; }
 .f-table { display: block !important; }
 .f-table .f-text, .f-table .f-select, .f-table .f-options, .f-table .f-buttons { display: block !important; }
 .f-float .f-text, .f-float .f-select, .f-float .f-options, .f-float .f-buttons { margin-right: 0; padding-right: 0; }
 .w2 { width: auto; } .w3 { width: auto; } .w5 { width: auto; } .w7 { width: auto; } .w8 { width: auto; } .w10 { width: auto; } .w12 { width: auto; } .w13 { width: auto; } .w15 { width: auto; } .w17 { width: auto; } .w18 { width: auto; } .w20 { width: auto; } .w22 { width: auto; } .w23 { width: auto; } .w25 { width: auto; } .w30 { width: auto; } .w35 { width: auto; } .w40 { width: auto; } .w45 { width: auto; } .w50 { width: auto; } .w55 { width: auto; } .w60 { width: auto; } .w65 { width: auto; } .w70 { width: auto; } .w75 { width: auto; } .w80 { width: auto; } .w85 { width: auto; } .w90 { width: auto; } .w95 { width: auto; } .w100 { width: auto; }
 .thumbs > div { width: 100%; }
 .thumbs.t-small > div { width: 100%; }
 .thumbs.t-tiny > div { width: 100%; }
 .thumbs.t-medium > div { width: 100%; }
 .thumbs.t-large > div { width: 100%; }
 }