@import url('../../includes/fonts/PHPFusion/font.css');
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.fusion-pre-loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99;
    background: url(../../images/loader/Preloader_2.gif) center no-repeat #fff;
}
/* Default PHP-Fusion CSS3 Class */
.label-danger {
    margin-top: 5px;
}

/* positioning - these works on containers that has display:absolute or display:fixed only  */
.top-0 {
    top: 0 !important;
}

.top-5 {
    top: 5px !important;
}

.top-10 {
    top: 10px !important;
}

.top-20 {
    top: 20px !important;
}

.top-30 {
    top: 30px !important;
}

.top-40 {
    top: 40px !important;
}

.top-50 {
    top: 50px !important;
}

.bottom-0 {
    bottom: 0 !important;
}

.bottom-5 {
    bottom: 5px !important;
}

.bottom-10 {
    bottom: 10px !important;
}

.bottom-20 {
    bottom: 20px !important;
}

.bottom-30 {
    bottom: 30px !important;
}

.bottom-40 {
    bottom: 40px !important;
}

.bottom-50 {
    bottom: 50px !important;
}

.left-0 {
    left: 0 !important;
}

.left-10 {
    left: 10px !important;
}

.left-15 {
    left: 15px !important;
}

.left-20 {
    left: 20px !important;
}

.left-30 {
    left: 30px !important;
}

.left-40 {
    left: 40px !important;
}

.left-50 {
    left: 50px !important;
}

.right-0 {
    right: 0 !important;
}

.right-10 {
    right: 10px !important;
}

.right-15 {
    right: 15px !important;
}

.right-20 {
    right: 20px !important;
}

.right-30 {
    right: 30px !important;
}

.right-40 {
    right: 40px !important;
}

.right-50 {
    right: 50px !important;
}

/** Alignments */
.center-margin-x {
    margin: 0 auto;
}

/**
Grids
 */
/** adding .flexbox class to .row will equalize all child column height */
.row.flexbox {
    display: -ms-flexbox;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    overflow: hidden;
}

/** adding .flexbox and .auto_width to .row will euqalize all child column height AND clumn width **/
.row.flexbox.auto_width > div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    flex: 1;
}

.row.equal-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.row.equal-height > [class*=col-] {
    -webkit-background-clip: content-box;
    -o-background-clip: content-box;
    background-clip: content-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: row;
    -ms-flex-direction: column;
}

.row.equal-height:before,
.row.equal-height:after {
    content: normal;
}

.row.equal-height > [class*=col-] > * {
    width: 100%;
}

/** Need to used inside a block type div and height width specify **/
.center-y {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.center-x {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.center-xy {
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.align-top, .vt {
    vertical-align: top !important;
    display: table-cell;
}

.align-middle, .va {
    vertical-align: middle !important;
    display: table-cell;
}

.align-bottom, .vb {
    vertical-align: bottom !important;
    display: table-cell;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

.align-right {
    text-align: right;
}

/* Floats */
.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

/*spacers family*/
.spacer-xs {
    margin: 15px 0;
}

.spacer-sm {
    margin: 20px 0;
}

.spacer-md {
    margin: 40px 0;
}

.spacer-lg {
    margin: 80px 0;
}

.m-0 {
    margin: 0 !important;
}

.m-1 {
    margin: 1px !important;
}

.m-2 {
    margin: 2px !important;
}

.m-3 {
    margin: 3px !important;
}

.m-5 {
    margin: 5px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-b-0 {
    margin-bottom: 0 !important;
}

.m-b-5 {
    margin-bottom: 5px !important;
}

.m-b-10 {
    margin-bottom: 10px !important;
}

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-50 {
    margin-bottom: 50px !important;
}

.m-t-0 {
    margin-top: 0 !important;
}

.m-t-3 {
    margin-top: 3px !important;
}

.m-t-5 {
    margin-top: 5px !important;
}

.m-t-10 {
    margin-top: 10px !important;
}

.m-t-15 {
    margin-top: 15px !important;
}

.m-t-20 {
    margin-top: 20px !important;
}

.m-t-30 {
    margin-top: 30px !important;
}

.m-l-0 {
    margin-left: 0 !important;
}

.m-l-5 {
    margin-left: 5px !important;
}

.m-l-10 {
    margin-left: 10px !important;
}

.m-l-15 {
    margin-left: 15px !important;
}

.m-l-20 {
    margin-left: 20px !important;
}

.m-l-30 {
    margin-left: 30px !important;
}

.m-r-0 {
    margin-right: 0 !important;
}

.m-r-5 {
    margin-right: 5px !important;
}

.m-r-10 {
    margin-right: 10px !important;
}

.m-r-15 {
    margin-right: 15px !important;
}

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-auto {
    margin: 0 auto !important;
}

.m-l--15 {
    margin-left: -15px !important;
}

.m-r--15 {
    margin-right: -15px !important;
}

/*padding family*/
.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-15 {
    padding: 15px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-25 {
    padding: 25px !important;
}

.p-t-0 {
    padding-top: 0 !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-l-0 {
    padding-left: 0 !important;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-b-0 {
    padding-bottom: 0 !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-15 {
    padding-bottom: 15px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

/* display family */
.overflow-hide {
    overflow: hidden;
}

.display-none {
    display: none;
}

.display-block {
    display: block;
    width: 100%;
}

.display-inline {
    display: inline;
}

.display-inline-block {
    display: inline-block;
}

.display-table {
    display: table;
}

.display-table-row {
    display: table-row;
}

.display-table-cell {
    display: table-cell;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.transition {
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.no-shadow {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

/* borders */
.bbr-0 {
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

.no-border, .br-0 {
    border: 0 !important;
}

.br-l-0 {
    border-left: 0;
}

.br-r-0 {
    border-right: 0;
}

.br-t-0 {
    border-top: 0;
}

.br-b-0 {
    border-bottom: 0;
}

/* text family */
.text-white {
    color: #FFF !important;
}

.text-dark {
    color: #333 !important;
}

.text-black {
    color: #444 !important;
}

.text-lighter {
    opacity: 0.8;
}

.text-darker {
    opacity: 1;
}

.text-bigger {
    font-size: 110% !important;
}

.text-smaller {
    font-size: 85% !important;
}

.text-bold, .font-bold, .strong {
    font-weight: bold !important;
}

.text-light, .font-light {
    font-weight: 300 !important;
}

.text-normal, .font-normal {
    font-weight: normal !important;
    text-transform: none !important;
    text-decoration: none !important;
    color: inherit !important;
}

.text-active {
    color: rgb(66, 139, 202);
}

.text-disabled {
    color: #F7F7F7;
}

.text-serif {
    font-family: 'Times New Roman', Courier, "Courier New", serif;
}

.uppercase {
    text-transform: uppercase;
}

.text-uppercase {
    text-transform: uppercase;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-underline {
    text-decoration: underline;
}

/* image family*/
.img-center {
    display: inline-block;
    position: relative !important;
    left: 100% !important;
    margin-left: -200% !important;
}

.thumb > img {
    width: auto;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.thumb > span {
    background-color: #DDD;
    text-align: center;
}

.pdisabled {
    background-color: rgb(252, 248, 227) !important;
    border-color: rgb(250, 235, 204) !important;
}

.pdisabled > .handle > a {
    color: rgb(138, 109, 59) !important;
}

.blur {
    -webkit-filter: blur(5px) grayscale(50%);
}

/* cursors*/
.pointer {
    cursor: pointer;
}

/*borders*/
.no-border {
    border: 0 !important;
}

.bordered {
    border: 1px solid;
}

ul.block, ul.error-list {
    list-style: none outside none;
}

ol.decimal {
    list-style: decimal inside;
}

ul {
    padding: 0;
}

/* resets panelfor accordion */
li.panel {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    background: none;
    border: 0;
}

.list-style-none > li {
    list-style: none;
}

ul > li {
    padding: 0;
    list-style-position: inside;
}

.icon-xs {
    font-size: 16px !important;
    width: 16px;
}

.icon-sm {
    font-size: 32px !important;
    width: 32px;
}

.icon-md {
    font-size: 48px !important;
    width: 48px;
}

.icon-lg {
    font-size: 128px !important;
    width: 128px;
}

.icon-xl {
    font-size: 256px !important;
    width: 256px;
}

/* clearfix */
.clearfix {
    display: block;
}

.clearfix:after, li:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix, * html {
    zoom: 1;
}

.floatfix {
    overflow: hidden;
}

* html .floatfix {
    width: 100%;
}

/* Opacity */
.no-opacity, .opacity-none {
    opacity: 0;
}

.low-opacity {
    opacity: 0.2;
}

.mid-opacity {
    opacity: 0.45;
}

.high-opacity {
    opacity: 0.8;
}

.full-opacity {
    opacity: 1;
}

/*User Profile*/
#profile-li ul {
    padding: 0;
}

#profile-li > li {
    padding: 0;
}

#profile-li > li > a {
    padding: 8px 3px;
    width: 100%;
    display: inline-block;
    outline: none;
}

/**
 * Select2
 */
.select2-input {
    color: #999 !important;
    border: none !important;
}

.select2-offscreen {
    display: none;
}

.tbl {
    display: table-cell !important;
}

.required {
    color: red !important;
}

a img {
    border: 0
}

dl, dt, dd {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.forum_cat_name h3,
.forum_name h3 {
    margin: 0;
}

.forum_name h3 {
    display: inline;
    font-weight: normal;
}

.forum-icon,
.forum-stats,
.forum-lastpost {
    white-space: nowrap;
}

.lastpost-avatar > .avatar {
    width: 40px;
    margin-right: 4px;
}

/* Admin Panel */
.dms-switch:hover, .list-group-item:hover .status {
    text-decoration: underline;
}

.animated-height {
    -webkit-transition: height 0.2s;
    -o-transition: height 0.2s;
    -moz-transition: height 0.2s;
    transition: height 0.2s;
}

/* List group item */
.list-group-item.active {
    background-color: rgba(204, 204, 204, .35);
}

/* Parse Users */
.user-tooltip {
    width: 250px;
    padding-bottom: 10px;
}

.form-inline > .form-group {
    width: auto !important;
}

table {
    font-size: 100%;
}

/* Admin Panel Icon */
.icon-wrapper img {
    max-width: 48px;
    margin: 15px auto 5px;
}

.icon-wrapper > .icon-container {
    text-align: center;
}

/* Table Sorter */
.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
    background: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) no-repeat center right;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc,
.tablesorter-default thead .tablesorter-headerSortUp {
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) no-repeat center right;
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc,
.tablesorter-default thead .tablesorter-headerSortDown {
    background: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) no-repeat center right;
}

th.min, td.min {
    width: 1%;
}

.image-wrap {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.image-wrap.cropfix {
    max-width: 100% !important;
    margin: 0 !important;
}

.word-break {
    word-break: break-all;
    word-wrap: break-word;
}

.no-break {
    white-space: nowrap;
}

/* CSS Nav Panel */
.sl {
    margin: 20px 0;
}

.sl .uip {
    margin: 5px 0;
}

.sl > li img, .side > li img {
    width: 19px;
    margin-right: 8px !important;
}

.HTML-img:hover ul.dropdown-menu {
    display: block;
}

/** Dynamics Bootstrap */
.stacked {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

/** Icon stacking **/
.icon-stack {
    position: relative;
    display: inline-block;
    width: 100%;
    line-height: 2em;
    vertical-align: middle;
    text-align: center;
}

.icon-stack > .icon,
.icon-stack > .icon::before {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    left: 0;
    margin: 0;
}

/** Backgrounds ***/
.clearBg {
    background-color: transparent !important;
}

.whiteBg {
    background-color: #fff !important;
}

/* File-input for Dynamics */
.btn-modal.btn-file {
    border: 1px dashed #ccc;
    width: 100%;
}

.file-preview-frame {
    display: block !important;
}

.panel > .file-preview {
    border: transparent;
}

.file-preview-image {
    width: 100%;
    height: 200px;
}

.file-input .panel {
    width: 200px;
}

.file-input .panel .file-preview-image {
    display: inline-block;
    max-width: 100%;
    vertical-align: middle;
}

.file-input .panel .file-default-preview,
.file-input .panel .file-preview-frame,
.file-input .panel .file-preview-other {
    height: 182px;
    max-height: 182px;
    width: 100%;
    display: block;
    margin: 0;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    padding: 0;
    float: none;
    overflow: hidden;
}
.file-input img {
    height: 100%;
    width: auto;
    margin: 0 auto;
}
.file-input .panel-body {
    padding: 0 10px 10px !important;
}
.file-input .krajee-default.file-preview-frame .kv-file-content {
    height:100%;
    width:100%;
}
.file-input .file-preview-frame:hover,
.file-input .file-preview-frame:focus {
    box-shadow: none !important;
    border:0 !important;
}

.comments-form-panel, .comments-panel {
    margin-bottom: 20px;
}

.comments-form-header, .comments-header {
    position: relative;
    padding: 10px 0;
}

.comments-form-header:after, .comments-form-header:before, .comments-header:after, .comments-header:before {
    top: 100%;
    left: 5%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #ddd;
    margin-left: 15px;
    margin-bottom: 20px;
    padding: 3px 15px 15px;
}

.arrow_box:after, .arrow_box:before {
    right: 100%;
    top: 33%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border: 12px rgba(255, 255, 255, 0);
    border-right-color: #fff;
    margin-top: -12px;
}

.arrow_box:before {
    border: 14px rgba(221, 221, 221, 0);
    border-right-color: #ddd;
    margin-top: -14px;
}

.comment-actions {
    margin-top: 10px;
}

.comment-actions > .btn-group {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -webkit-inline-box;
    display: inline-flex;
}

.comments_reply_form {
    margin-bottom: 30px;
}

/* Forum mods */
.forum.label {
    padding: 6px 10px;
}

.forum.label > .detail {
    background: rgba(0, 0, 0, .1);
    margin: 0 -10px 0 10px;
    padding: 7px 12px;
    -webkit-border-radius: 0 .28571429rem .28571429rem 0;
    -moz-border-radius: 0 .28571429rem .28571429rem 0;
    border-radius: 0 .28571429rem .28571429rem 0;
    display: inline-block;
    font-weight: 700;
    opacity: .8;
}

.forum.label-super-admin {
    background-color: #504cc7;
}

.forum.label-mod {
    background-color: #00B5AD;
    border-color: #00B5AD;
}

.forum.label-member {
    background-color: #2185D0 !important;
    border-color: #2185D0 !important;
}

/* Textarea Dynamics */
.panel-txtarea .preview-response {
    background-color: #f5f4f4;
    word-wrap: break-word;
    word-break: break-all;
}

.panel-txtarea .bbcode {
    margin: 5px 1px;
}

/* Editor */
.editor-wrapper .nav {
    display: inline-block;
    float: right;
    padding: 0;
}

.editor-wrapper .panel-heading, .editor-wrapper .panel-footer {
    background: transparent;
}

.editor-wrapper > ul > li {
    float: right;
}

/** Media containers*/
.media-container {
    position: relative;
    overflow: hidden;
    border: 3px solid transparent;
}

.media-container.selected {
    border: 3px solid #3879D9;
}

.media-container img {
    position: relative;
}

/** Shoutbox */
.shoutboxwrapper {
    margin-top: 20px;
    word-wrap: break-word;
}

/** Css navigational **/
ul > li.divider {
    display: block;
    height: 10px;
    border-bottom: 1px solid #ddd;
}

#delete_status-field {
    float: left;
    width: auto;
    margin-bottom: 0;
}

/** Logo Position **/
.logo-xs-left {
    text-align: left;
}

.logo-xs-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.logo-xs-right {
    text-align: right;
}

@media (min-width: 768px) {
    .logo-sm-left {
        text-align: left;
    }

    .logo-sm-center {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .logo-sm-right {
        text-align: right;
    }
}

@media (min-width: 992px) {
    .logo-md-left {
        text-align: left;
    }

    .logo-md-center {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .logo-md-right {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .logo-lg-left {
        text-align: left;
    }

    .logo-lg-center {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

    .logo-lg-right {
        text-align: right;
    }
}

/*Navbar*/
ul.navbar-nav li.no-link {
    position: relative;
}

ul.dropdown-menu,
ul.dropdown-menu > li > ul {
    list-style: none;
}

/**
label image
 */
label img, .control-label > img {
    margin-right: 5px;
    max-width: 24px;
}

.text-overflow-hide {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/**
table class ordering
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table.fusion-table td {
    height: 60px;
}
table.fusion-table td.has-actions {
    min-width:200px;
    position: relative;
    clear: both;
    display: block;

}
.order-caret-up:after,
.order-caret-down:after {
    content: '   ';
    display: inline-block;
    color: #23282d;
    margin-left: 3px;
    width:5px;
}
.order-caret-up-current:after, .order-caret-down-current:hover:after, .order-caret-up:hover:after {
    content: '▴';
}

.order-caret-down-current:after, .order-caret-up-current:hover:after, .order-caret-down:hover:after {
    content: '▾';
}
.tbl_actions {
    display: none;
}
tr:hover > td .tbl_actions {
    display: block;
}
.tbl_actions > span:after {
    content: "|";
    display: inline-block;
    padding: 0 5px;
    color: #ccc;
}
.tbl-qc-title {
    display: block;
    float: left;
    width: 7em;
    line-height: 2.5;
    margin-right:1em;
}
.tbl_actions > span:last-child:after {
    content: "";
}
table.fusion-table .has-actions > button.toggle-row {
    position: absolute;
    right: 8px;
    top: 10px;
    display: none;
    padding: 0;
    width: 40px;
    height: 40px;
    border: none;
    outline: 0;
    background: 0 0;
}
table.fusion-table tr th.check-col {
    border-top:0;
}
/* responsive table class */
@media (max-width: 1024px) and (min-width: 250px) {
    table.fusion-table .check-col {
        display: table-cell;
        width: 35px;
    }
    table.fusion-table tr:not(.inline-edit-column) > td {
        display: block;
        position: relative;
        width:100%;
    }
    table.fusion-table tr th:not(.has-actions) {
        display: none;
    }
    table.fusion-table tr th.check-col {
        display: block !important;
    }
    table.fusion-table tr th:nth-child(2) {
        display: table-cell;
    }
    table.fusion-table td.has-actions {
        display: block!important;
        width:100%;
        height:auto;
        min-height: 55px;
    }
    table.fusion-table .has-actions > button.toggle-row {
        display: block;
    }
    table.fusion-table .has-actions > button.toggle-row::before {
        position: absolute;
        top: -5px;
        left: 10px;
        border-radius: 50%;
        display: block;
        padding: 1px 2px 1px 0;
        color: #444;
        content: "▼";
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        speak: none;
        width: 25px;
        height: 25px;
        font-size: 10px;
        line-height: 20px;
    }

    table.fusion-table tr:not(.inline-edit-column) td:not(.check-col) {
        display: none;
    }

    table.fusion-table tr.expanded td:not(.hidden) {
        display: block !important;
    }
    table.fusion-table .expanded .has-actions > button.toggle-row:before {
        content: "▲";
    }
    table.fusion-table .has-actions > button.toggle-row:focus::before {
        box-shadow: 0 0 0 1px #5b9dd9, 0 0 2px 1px rgba(30,140,190,.8);
    }

    table.fusion-table tr:not(.inline-edit-column).expanded td:not(.has-actions) {
        height: auto;
        padding: 3px 8px 3px 35%;
    }
    table.fusion-table tr:not(.inline-edit-column).expanded td:not(.has-actions):last-of-type {
        margin-bottom:20px;
    }
    table.fusion-table tr:not(.inline-edit-column).expanded td:not(.has-actions):before {
        position: absolute;
        left: 10px;
        display: block;
        overflow: hidden;
        width: 32%;
        content: attr(data-colname);
        white-space: nowrap;
        text-overflow: ellipsis;
    }

}
/*
admin forms
 */
#admin_category_list {
    max-height:200px;
    overflow-y:scroll;
}
#admin_category_list label {
    font-size: 13px;
}
#admin_tags_list {
    list-style: none;
    display: block;
    margin: 10px 0;
    font-size:13px;
}
#admin_tags_list li  {
    display: inline-block;
}
#admin_tags_list li button {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: none;
    padding: 0;
    background: 0 0;
    cursor: pointer;
    text-indent: 0;
}
#admin_tags_list li button:hover > i {
    color:#cc0000;
}
#admin_ui_common_tags {
    margin: 5px 0 10px;
    padding: 8px;
    border: 1px solid #ddd;
    line-height: 1.8em;
    word-spacing: 3px;
}




.text-normal label {
    font-weight: 400;
}

.thumb > img {
    display: block;
    width: 100%;
}

.avatar.img-rounded > svg {
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.avatar.img-circle > svg {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

#site-links {
    list-style: none;
    min-height: 20px;
    height: auto !important;
}

#site-links li {
    display: block;
    margin: 30px;
    padding: 10px;
}

#site-links li img.handle {
    cursor: ns-resize;
}

.state-highlight {
    background: #FFC;
    height: 20px;
}

.floatfix {
    overflow: hidden;
}

#panel-side1,
#panel-side2,
#panel-side3,
#panel-side4,
#panel-side5,
#panel-side6 {
    list-style: none;
    height: auto !important;
}

#panel-side1 li,
#panel-side2 li,
#panel-side3 li,
#panel-side4 li,
#panel-side5 li,
#panel-side6 li {
    display: block;
}

#panel-side1 li img.handle,
#panel-side2 li img.handle,
#panel-side3 li img.handle,
#panel-side4 li img.handle,
#panel-side5 li img.handle,
#panel-side6 li img.handle {
    cursor: ns-resize;
}

html[dir="rtl"] body {
    direction: rtl;
}

html[dir="rtl"] .pull-left {
    float: right !important;
}

html[dir="rtl"] .pull-right {
    float: left !important;
}

html[dir="rtl"] .center-x {
    left: inherit;
    right: 50%;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    transform: translateX(50%);
}

html[dir="rtl"] .center-xy {
    left: inherit;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -moz-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}
/**
Non Responsive CSS Grid
 */
.column-2 {column-count: 2;}
.column-3 {column-count: 3;}
.column-4 { column-count: 4;}
.column-5 { column-count: 5;}

.column-2 > ul, .column-2 > div,
.column-3 > ul, .column-3 > div,
.column-4 > ul, .column-4 > div,
.column-5 > ul, .column-5 > div {
    margin: 0;
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid;           /* Theoretically FF 20+ */
    break-inside: avoid-column;         /* IE 11 */
    display:table;                      /* Actually FF 20+ */
}

/**
Global Administration template
 */
.admin-post {
    display: block;
}
.admin-post .admin-post-body {
    display: block;
    position:relative;
    margin-right:350px;
    padding:0;
}
.admin-post #admin-post-content {
    width: 100%;
    float: left;
}
.admin-post #admin-post-side {
    float: right;
    margin-right: -300px; /* gutter of 20px diff */
    width: 280px;
}
.admin-post #admin-post-bottom {
    float:left;
    width: 100%;
}

.avatar-selector {
    border:2px solid transparent;
}
.avatar-selector.active {
    border:2px solid #ddd;
}

/* responsive media */
@media only screen and (max-width: 850px) {

    .admin-post .admin-post-body {
        margin-right:0;
    }

    .admin-post #admin-post-side {
        margin-right: 0;
        width: 100%;
    }
}