@import url("//fonts.googleapis.com/css?family=Open+Sans:400,600,700");
@import url(../fonts/font-awesome.min.css);
@import url(../inc/select2.css);
@import url(../inc/datepicker.css);
@import url(../inc/lightgallery/css/lightgallery.css);
/* CSS Reset */
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; }

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: none; }

table { border-collapse: collapse; border-spacing: 0; }

/* Other Misc Settings */
* { box-sizing: border-box; }

*:before, *:after { box-sizing: border-box; }

body { font-family: 'Open Sans', sans-serif; background: #eceff1; font-size: 16px; font-weight: 300; }

html { margin-bottom: 1px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; }

body, html { height: 100%; }

/* Main CSS */
strong { font-weight: 600; }

.bgcolor { background: -webkit-linear-gradient(top, #4f5f6f 0%, #384655 100%); background: linear-gradient(to bottom, #4f5f6f 0%, #384655 100%); }

.bgcolor2 { background: -webkit-linear-gradient(top, #c6d5de 0%, #acbdc8 100%); background: linear-gradient(to bottom, #c6d5de 0%, #acbdc8 100%); }

#logincontainer { width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; }

#loginheader { margin-bottom: 2em; height: 5em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

#loginheader p.icon { display: inline-block; }

#loginheader p.icon { margin: 0 1.6em; }

#loginheader p.title { text-transform: uppercase; font-size: 1.4em; line-height: 1em; }

#loginheader p.title span { text-transform: uppercase; font-size: .7em; color: #aaa; }

#login { width: 320px; padding: 20px; border-radius: .6em; box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.1); }

#login form span { background: #d7dde4; border-radius: 3px 0 0 3px; color: #6a6f78; display: block; float: left; height: 50px; line-height: 50px; text-align: center; width: 50px; }

#login form input { height: 50px; outline: 0; border: 0; font-size: 14px; -webkit-appearance: none; line-height: 1.5em; }

#login form input[type="text"], input[type="password"] { background-color: #fff; border-radius: 0 3px 3px 0; color: #606468; margin-bottom: .4em; padding: 0 16px; width: 230px; }

#login form input[type="submit"] { border-radius: 3px; background: #d7dde4; color: #6a6f78; font-weight: bold; margin-bottom: 2em; text-transform: uppercase; width: 280px; cursor: pointer; }

#login form input[type="submit"]:hover { background-color: #7997b0; color: #fff; }

#login p { text-align: center; color: #ccc; font-size: 1em; margin-bottom: 1em; line-height: 1.6em; }

#login p.error { padding: .8em; border-radius: .6em; text-align: left; color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.1); background: rgba(0, 0, 0, 0.4) url("../images/icon_invalidlogin.png") no-repeat 1.5em center; padding-left: 5em; }

#login p:last-child { margin-bottom: 0; }

#login p a { color: #fff; text-decoration: none; }

#login p a:hover { color: #c8e3f3; }

#login p span { padding-left: 5px; }

#header { position: relative; height: 120px; }

#header #nav { position: absolute; z-index: 100; width: 100%; bottom: 0; }

#header #menu { margin: 0 1em; }

#header .admin_logo { position: absolute; left: 20px; top: 26px; }

#header .admin_header { position: absolute; height: 50px; top: 20px; left: 65px; overflow: hidden; }

#header .admin_header h1 { background: none; padding: 0; margin: 0; border: 0; font-weight: 400; width: 400px; border-radius: none; font-size: 24px; text-transform: uppercase; text-shadow: 0 1px rgba(255, 255, 255, 0.21); }

#header .admin_header h1 span { color: #516576; font-size: .6em; position: absolute; margin-top: 25px; top: 0; left: 0; }

#header .admin_header h1 a { text-decoration: none; color: #516576; }

#header ul.navbar { background: rgba(255, 255, 255, 0.7); position: absolute; left: 14px; right: 14px; top: 82px; z-index: 100; border-top-left-radius: 4px; border-top-right-radius: 4px; }

#header ul.navbar li { float: left; margin: 0; position: relative; font-size: 12px; }

#header ul.navbar li.right { float: right; }

#header ul.navbar li a { display: block; cursor: pointer; padding: 13px 15px; color: #4d6781 !important; text-decoration: none; text-transform: uppercase; -webkit-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }

#header ul.navbar li a span { margin-right: 10px; }

#header ul.navbar li a:hover, #header ul.navbar li:hover > a { background: #5c6f82; color: #fff !important; }

#header ul.navbar li ul { margin: 0; position: absolute; background: #fff; left: 10%; font-size: 12px; min-width: 180px; opacity: 0; visibility: hidden; z-index: 99; -webkit-transition: all .1s ease; transition: all .1s ease; box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.1); }

#header ul.navbar ul li { float: none; }

#header ul.navbar li:hover > ul { opacity: 1; visibility: visible; left: 0; max-height: 250px; }

#header ul.navbar > li:hover > ul { opacity: 1; visibility: visible; top: 100%; left: 0; }

#header ul.navbar li > ul ul { top: 0; left: 90%; }

#header ul.navbar li > ul li:hover > ul { left: 100%; }

#header .first > a { border-top-left-radius: 4px; }

#header .last > a { border-top-right-radius: 4px; }

.box { position: relative; padding: 1em; }

.box .title { position: relative; background: #becedc; padding: .2em .4em; border-top-left-radius: .4em; border-top-right-radius: .4em; }

.box .title ul { position: absolute; top: .4em; right: .4em; }

.box .title ul li { list-style-type: none; float: right; font-size: .8em; text-transform: uppercase; margin-left: .6em; }

.box .title ul li span { margin-right: .6em; }

.box .title ul li a { display: block; background: rgba(255, 255, 255, 0.8); color: #7e8e9f; text-decoration: none; padding: .35rem 1rem; border-radius: .4em; text-shadow: 0 1px rgba(255, 255, 255, 0.21); }

.box .title ul li a:hover { background-color: #7997b0; text-decoration: none; color: #fff; box-shadow: 2px 2px 5px rgba(100, 100, 100, 0.2); }

.box .title ul li form { margin-right: .2em; }

.box .title ul li form input { width: 120px; color: #666; padding: .4em; border-radius: 4px; border: 1px solid #fff; }

.box .title ul li form input:focus { outline: none; }

.box .white { background: #fff; }

.box .pad { padding: 1em; }

.box .msg { text-align: left; padding: 1rem; margin-bottom: 1em; line-height: 1.2rem; border-radius: .4em; box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.1); color: #516576; font-size: .9rem; }

.box .msg span { margin-right: 1em; }

.box .msg.warning { border: solid 1px #d2d25a; background: #ffc; }

.box .msg.success { border: solid 1px #349534; background: #c9ffca; }

.box .msg.success a { text-decoration: none; color: #349534; }

.box .msg.error { border: solid 1px #c00; background: #f7cbca; }

.box h1 { font-size: .85rem; line-height: 1em; text-decoration: none; color: #516576; padding: .6em; font-weight: 300; text-shadow: 0 1px rgba(255, 255, 255, 0.2); }

.box h1 a { text-decoration: none; color: #444; }

.box h1 a:hover { color: #000; }

.box .cke_reset { display: inline-block; width: 100%; }

table { overflow: hidden; width: 100%; font-size: .80rem; }

td, th { border-bottom: 1px solid #e7ebf0; padding: .8em 1em; line-height: 1.4em; }

th { border-bottom: 1px solid #e7ebf0; text-align: left; font-weight: 300; background: #f4f6f7; color: #7e8e9f; font-size: .9em; text-transform: uppercase; }

td.right, th.right { text-align: right; }

td.center, th.center { text-align: center; }

td a { text-decoration: none; color: #7e8e9f; }

td a:hover { color: #c00; }

td img { vertical-align: middle; margin: 0 4px; }

td a span { color: #7997b0; margin-left: 1em; position: relative; }

td a span i { position: absolute; font-size: .7em; bottom: .6em; left: -1.2em; background: #7997b0; padding: .1em .3em; border-radius: 2em; color: #fff; min-width: 1.6em; text-align: center; }

td a:hover span i { background: #395267; }

td a:first-child span { margin: 0; }

td a:hover span { color: #395267; }

th.w150, .w150 { width: 150px; }

th.w200, .w100 { width: 200px; }

th.w120, .w120 { width: 120px; }

th.w100, .w100 { width: 100px; }

th.w80, .w80 { width: 80px; }

th.w50, .w50 { width: 50px; }

th.w60, .w60 { width: 60px; }

th.w20, .w20 { width: 20px; }

th a { text-decoration: none; color: #7e8e9f; }

th a i { margin-left: .2em; }

th a:hover, th a.active { color: #4b86c3; font-weight: 600; }

tr { background: #fff; color: #7e8e9f; }

tr:nth-child(even) { background: #f5f8fa; }

tr:hover { background: #eee; }

tr:hover > td { color: #000; }

tr.nohover:hover { background: none; }

tr.nohover:hover > td { color: inherit; }

tr.selected { background: #fff; }

td span.yes, td span.no { margin: 0; display: inline-block; width: .9rem; height: .9rem; border-radius: 100%; overflow: hidden; }

td span.yes a, td span.no a { margin: 0; display: inline-block; width: .9rem; height: .9rem; border-radius: 100%; overflow: hidden; }

td span.yes a { background: #88c425; }

td span.yes a:hover { background: #349534; }

td span.no a { background: #dd4b39; }

td span.no a:hover { background: #d12204; }

.icheckbox_flat-blue, .iradio_flat-blue { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin: 0; padding: 0; width: 20px; height: 20px; background: url("../images/blue.png") no-repeat; border: 0; cursor: pointer; }

.icheckbox_flat-blue { background-position: 0 0; }

.icheckbox_flat-blue.checked { background-position: -22px 0; }

.icheckbox_flat-blue.disabled { background-position: -44px 0; cursor: default; }

.icheckbox_flat-blue.checked.disabled { background-position: -66px 0; }

.iradio_flat-blue { background-position: -88px 0; }

.iradio_flat-blue.checked { background-position: -110px 0; }

.iradio_flat-blue.disabled { background-position: -132px 0; cursor: default; }

.iradio_flat-blue.checked.disabled { background-position: -154px 0; }

/* HiDPI support */
@media (-webkit-min-device-pixel-ratio: 1.25), (-webkit-min-device-pixel-ratio: 120), (min-resolution: 120dppx) { .icheckbox_flat-blue, .iradio_flat-blue { background-image: url("../images/blue@2x.png"); background-size: 176px 22px; } }
#pagination { font-size: .85rem; }

#pagination ul { text-align: center; padding: 1em 0; margin-top: 1rem; width: 100%; }

#pagination ul li { display: inline; padding: 1em 0; margin: 0 .1rem; }

#pagination ul li a { padding: .4rem .8rem; color: #516576; text-decoration: none; background: #becedc; border-radius: .4em; }

#pagination ul li a:hover { background: #7997b0; color: #fff; }

#pagination #active { padding: .4rem .8rem; background: #7997b0; color: #fff; border-radius: .4rem; }

.boxmultimedia { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background: #fff; margin-bottom: 1em; }

.boxmultimedia .multimedia { margin: 1em; width: 200px; background: #f2f2f2; padding: 6px; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.boxmultimedia .multimedia.highlight { background: #349534; }

.boxmultimedia .multimedia .document { width: 100%; min-height: 128px; font-size: 2rem; text-align: center; color: #ccc; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.boxmultimedia .multimedia a { background: #f2f2f2; text-decoration: none; position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #999; width: 26px; height: 26px; }

.boxmultimedia .multimedia a.lightGallery { width: auto; height: auto; background: none; position: relative; }

.boxmultimedia .multimedia a:hover { color: #444; }

.boxmultimedia .multimedia a.remove { top: 6px; right: 6px; }

.boxmultimedia .multimedia a.edit { top: 6px; right: 32px; }

.boxmultimedia .multimedia a.highlight { top: 6px; left: 6px; }

.boxmultimedia .multimedia a.highlight.active { background: #349534; color: #fff; }

.boxmultimedia .multimedia a.highlight_app_tv { top: 6px; left: 32px; }

.boxmultimedia .multimedia a.highlight_app_lock { top: 6px; left: 58px; }

.boxmultimedia .multimedia a.highlight_app_tv.active, .boxmultimedia .multimedia a.highlight_app_lock.active { background: #dd4b39; color: #fff; }

.boxmultimedia .multimedia img { width: 100%; display: block; cursor: move; }

.boxmultimedia .multimedia .desc { font-size: 11px; padding-top: 5px; line-height: 16px; color: #666; }

.boxmultimedia .multimedia.highlight .desc { color: #fff; }

.display_image { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; position: absolute; right: .2em; top: .2em; background: #eee; padding: .2em; z-index: 10; }

.form form { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; }

.form .item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; padding: .4em 1em; }

.form .item.multiple { width: auto; }

.form .item.linebreak { width: 100%; padding: 0; }

.form .item.multiple + .multiple label { width: auto; margin-left: 0; }

.form .item.multiple + .multiple { padding-left: 0; }

.form .item.centered { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; }

.form .item span.hint { margin-left: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: .8rem; color: #aaa; }

.form .item span.hint i { margin-right: .6em; }

.form label { width: 10em; margin-right: 1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-top: .6em; font-size: .8rem; color: #888; }

.form input:not([type=submit]), .form textarea, .form select { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: block; max-width: 30em; padding: .4em; outline: 0; font-size: .8rem; color: #000; border-radius: .2em; background: #fff; border: 1px solid #b0bac8; font-family: inherit; }

.form input:focus, .form textarea:focus, .form select:focus { background: #eee; }

.form input:invalid { border: 1px solid #ff851b; background: #fff7f1; }

.form input[type="submit"] { display: block; color: #fff; background: #7997b0; text-decoration: none; padding: .6em 1em; border-radius: .4em; font-size: .8rem; text-transform: uppercase; border: 0; }

.form input[type="submit"]:hover { background-color: #59c2e6; color: #fff; cursor: pointer; box-shadow: 2px 2px 5px rgba(100, 100, 100, 0.2); }

.form input[type="submit"][disabled=disabled] { opacity: .2; }

.form input[type="submit"] { opacity: 1; }

.form textarea { width: 50em; min-height: 10em; }

.form span.icon { width: 2.2em; height: 2.1em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; background: #ecf0f1; border: 1px solid #b0bac8; border-right: 0; margin-right: -1px; border-top-left-radius: .2em; border-bottom-left-radius: .2em; }

.form span.icon i { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; color: #b0bac8; }

@media only screen and (max-width: 60em) { .form .item.multiple + .multiple label { min-width: 10em; }
  .form .item.multiple + .multiple { padding: .4em 1em; width: 100%; }
  .form .item select { min-width: 100%; }
  .form .item { min-width: 100%; }
  .form .item .icon { display: none; } }
.form #checkbox { color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: .8rem; }

.form #checkbox.checkbox { width: 100px; margin-left: 10px; background: #c93; padding: .4em; border-radius: 2px; }

.form #checkbox.checkboxok { width: auto; margin-left: 10px; background: #88c425; padding: .4em; border-radius: 2px; }

.form #checkbox.checkboxerror { width: auto; margin-left: 10px; background: #dd4b39; padding: .4em; border-radius: 2px; }

/* Trumbowyg Editor */
.wysiswg_editor_wrapper { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; max-width: 50em; }

.trumbowyg-box, .trumbowyg-editor { margin: 0 !important; min-height: 12em !important; }

.wysiswg_editor_wrapper.h100 .trumbowyg-box, .wysiswg_editor_wrapper.h100 .trumbowyg-editor { min-height: 100px !important; }

/* CSS Transition Effects */
#pagination ul li a, td a span i, td span a, td a span, .form textarea, .form input:not([type="date"]), .box .title ul li a, .menu li a, form input[type="submit"], #login p a { -webkit-transition: all .3s ease; transition: all .3s ease; }