/* [ COLS ] */
.row { margin-left: -1.25rem; margin-right: -1.25rem }
.container { padding-left: 1.25rem; padding-right: 1.25rem; width: 100%; min-width:100%}
/* :TODO .container-body need remove and replace .tab-content */
.container-body { padding: 1.25rem }

/*Collapce old*/
.collapse { display: none}
.collapse.in {display: block}
tr.collapse.in {display: table-row}
tbody.collapse.in { display: table-row-group}


/* [ FORMS ] */
.form-row { margin-bottom: 0.25rem; }
.form-row.row { margin-left: 0; margin-right: -1rem }
.form-row label { margin-bottom: 0.15rem }
.form-row .col, .form-row .col-1, .form-row .col-10, .form-row .col-11, .form-row .col-12, .form-row .col-2, .form-row .col-3, .form-row .col-4, .form-row .col-5, .form-row .col-6, .form-row .col-7, .form-row .col-8, .form-row .col-9, .form-row .col-lg, .form-row .col-lg-1, .form-row .col-lg-10, .form-row .col-lg-11, .form-row .col-lg-12, .form-row .col-lg-2, .form-row .col-lg-3, .form-row .col-lg-4, .form-row .col-lg-5, .form-row .col-lg-6, .form-row .col-lg-7, .form-row .col-lg-8, .form-row .col-lg-9, .form-row .col-md, .form-row .col-md-1, .form-row .col-md-10, .form-row .col-md-11, .form-row .col-md-12, .form-row .col-md-2, .form-row .col-md-3, .form-row .col-md-4, .form-row .col-md-5, .form-row .col-md-6, .form-row .col-md-7, .form-row .col-md-8, .form-row .col-md-9, .form-row .col-sm, .form-row .col-sm-1, .form-row .col-sm-10, .form-row .col-sm-11, .form-row .col-sm-12, .form-row .col-sm-2, .form-row .col-sm-3, .form-row .col-sm-4, .form-row .col-sm-5, .form-row .col-sm-6, .form-row .col-sm-7, .form-row .col-sm-8, .form-row .col-sm-9, .form-row .col-xl, .form-row .col-xl-1, .form-row .col-xl-10, .form-row .col-xl-11, .form-row .col-xl-12, .form-row .col-xl-2, .form-row .col-xl-3, .form-row .col-xl-4, .form-row .col-xl-5, .form-row .col-xl-6, .form-row .col-xl-7, .form-row .col-xl-8, .form-row .col-xl-9, .form-row .col-xs, .form-row .col-xs-1, .form-row .col-xs-10, .form-row .col-xs-11, .form-row .col-xs-12, .form-row .col-xs-2, .form-row .col-xs-3, .form-row .col-xs-4, .form-row .col-xs-5, .form-row .col-xs-6, .form-row .col-xs-7, .form-row .col-xs-8, .form-row .col-xs-9 { padding-left: 0 }
.form-row .form-control { float: left; }
.form-inline .form-row .form-control { float: none; }
.container-body > .form-group:last-child, .container-body > .form-row:last-child, .container-body > p:last-child, .container-body > .form-group:last-child > p:last-child { margin-bottom: 0 }
.form-control-name { position: relative; }
.form-control-name .form-control { padding-right: 2em }
.form-control-name .custom-control { display: block; overflow: hidden; position: absolute; z-index: 3; top: 0; right: 0; width: 2em; height: 100%; margin: 0; padding: 0; cursor: pointer }
.form-control-name .custom-control input { position: absolute; left: -100%; opacity: 0; }
.form-control-name .custom-control .fa-lock { margin-top: 0.6em; font-size: 1.5em }
.form-control-name .custom-control .fa-lock::before { content: "\f09c"; color: #ddd }
.form-control-name .custom-control input:checked ~ .fa-lock::before { content: "\f023"; color: #d9534f }
input[type=date]:not(.unstyled), input[name*=date]:not(.unstyled):not([type=checkbox]):not([type=radio]), input[name=createdon], input[name=editedon], input[size="1"], select[name=usergroup]:not(.unstyled), select[name=docgroup]:not(.unstyled) { width: auto !important; vertical-align: middle }
select[size="1"]:not(.unstyled) { vertical-align: middle }
input[name*=date]:not(.unstyled) + .input-group-addon { float: left; width: auto; }
input[size="50"], select[size="50"] { width: 10rem !important }
select[name=usergroup], select[name=docgroup] { margin: 0 0.5em; }
select[name=docgroup] + input[type=submit] { float: none; margin: 0; }
#settingsPane #filemanager_path, #settingsPane #rb_base_dir, #settingsPane input[name=txt_custom_contenttype] { border-top-right-radius: 0; border-bottom-right-radius: 0 }
#settingsPane #filemanager_path + input[name=reset_filemanager_path], #settingsPane #rb_base_dir + input[name=reset_rb_base_dir], #settingsPane input[name=txt_custom_contenttype] + input[type=button], input[name=photo] + input[type=button], #range input#pids + input[name=fsubmit], input[name="ta"].inputBox + input[type=button], input[name="ta"].inputBox + .CodeMirror + input[type=button], #documentPane input[name^=tv]:not([class*=mtv]) + input[type=button] { z-index: 5; float: right; margin-top: -2.30769em; width: auto !important; border-top-left-radius: 0; border-bottom-left-radius: 0 }
#range::after { content: ""; display: table; width: 100% }
/* [ Editor ] */
.navbar.navbar-editor {
padding: .5rem 1.25rem; border-radius: 0 }
.navbar-editor > label { margin-bottom: 0 }
.section-editor textarea { float: left; border-left: none; border-right: none; font-family: 'Inconsolata', 'Monaco', 'Consolas', 'Courier New', 'Courier', monospace; font-weight: 300; font-size: 0.875rem; }
/* [ Action Buttons ] */
/* new style */
#actions { background: rgba(199, 199, 199, 0.25); padding: 0.5rem; position: fixed; top: 0; right: 1rem; text-align: right; z-index: 1001; border-radius: 0 0 0.3rem 0.3rem; }
#actions .btn-group { margin: 0 }
#actions .btn-group > .btn-group { display: block }
#actions .btn-group .btn, #actions .btn-group .form-control {
font-size: .6772rem; height: 2.4em; line-height: 1.4 }
#actions .btn-group .btn .fa, #_actions .btn-group .btn .fa { display: none; width: 1em; font-size: 1em; text-align: center }
#actions .btn-group .btn-group #Button1 { min-width: 100%; text-align: left; float: right; }
#actions .btn-group .btn-success { box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .07); }
#actions .btn-group .btn-success:hover { box-shadow: none }
#actions .btn-group .plus { z-index: 2; float: right; margin: -2.4em 0 0 0; width: 2rem; padding-left: 0; padding-right: 0; text-align: center; cursor: default; }
#actions .btn-group .plus::before { content: "\f107"; font-weight: 900; font-family: 'Font Awesome 5 Free' }
#actions .btn-group .show .plus::before { content: "\f106"; }
#actions .btn-group select#stay { display: block; position: relative; z-index: -1; clear: both; width: auto; height: 0; margin: -100% 0 -2rem 0; font-size: 0.675rem; opacity: 0; visibility: hidden; }
#actions .btn-group .dropdown-menu { display: none; position: absolute; z-index: -1; left: auto; right: 0; top: 100%; width: 100%; min-width: 2rem; margin: 0; padding: 0; text-align: left; font-size: .6772rem;
border-top: none; border-radius: 0 0 0.1em 0.1em; overflow: hidden; }
#actions .btn-group .show > .dropdown-menu { display: block }
#actions .btn-group .dropdown-menu > span { display: block; margin: 0; text-align: left; border: none; border-top: 1px solid rgba(0, 0, 0, 0.1) }
#actions .btn-group .dropdown-menu > span:first-child { border-color: transparent }
#actions .btn-group .dropdown-menu > span:hover { background-color: #e6e6e6; }
#actions .btn-group .dropdown-toggle::after { margin: 0; border-width: 0.4em; transition-duration: 0.25s }
#actions .btn-group .show .dropdown-toggle::after { transform: rotate(180deg) }
#_actions .btn-group .input-group-btn .btn { margin-left: .1875rem }
#_actions .btn-group .form-control, #_actions .btn-group .btn { border-radius: .1em }
@media (max-width: 840px) {
#actions { right: 0 }
#actions .btn-group .btn span, #actions .btn-group select#stay, #_actions .btn-group .btn span { display: none }

#actions .btn-group .btn .fa, #_actions .btn-group .btn .fa { display: inline-block }

#actions .btn-group .dropdown-menu { width: 2rem }
#actions .btn-group .dropdown-menu span { padding-left: 0; padding-right: 0; text-align: center }
#_actions .btn-group .input-group-btn .btn { margin-left: -1px }
#_actions .btn-group .form-control, #_actions .btn-group .btn { border-radius: 0 }
#_actions .btn-group .form-control:first-child { border-top-left-radius: .1em; border-bottom-left-radius: .1em; }
#_actions .btn-group .btn:last-child { border-top-right-radius: .1em; border-bottom-right-radius: .1em; }
}
/* old style */
#actions .actionButtons { float: left; min-height: 32px }
#actions .actionButtons li { position: relative; float: left; margin-right: 3px; border: none }
#actions .actionButtons li a, #actions .actionButtons .plus { float: left; padding: 0 10px !important; height: 32px; line-height: 30px; -webkit-user-select: none; user-select: none; }
#actions .actionButtons li:last-child { margin: 0 }
#actions .actionButtons #Button1 a { width: 100%; text-align: left; }
#actions .actionButtons .plus { overflow: hidden; float: right; margin: -32px 0 0 0; width: 35px; border-radius: 0 3px 3px 0 !important; text-align: center; cursor: default; font: normal normal normal 0/30px 'Font Awesome 5 Free' }
#actions .actionButtons .plus::before { content: "\f107"; font-size: 14px }
#actions .actionButtons .show .plus::before { content: "\f106"; }
#actions .actionButtons .dropdown-menu { display: none; position: absolute; z-index: -1; left: auto; right: 0; top: 100%; width: 100%; min-width: 35px; margin: -2px 0 0; padding: 2px 0 0; text-align: left; font-size: 1em; background-color: #fff; border: 1px solid #32ab9a; border-top: none; border-radius: 0 0 3px 3px; overflow: hidden; }
#actions .actionButtons .show > .dropdown-menu { display: block }
#actions .actionButtons .dropdown-menu > span { display: block; padding: 0 10px; height: 32px; line-height: 30px; border: none; border-top: 1px solid #f2f2f2; cursor: pointer; }
#actions .actionButtons .dropdown-menu > span:hover { background-color: #fbfbfb; }
#actions .actionButtons select#stay { display: block; position: relative; z-index: -1; clear: both; width: auto; height: 0; padding: 0 10px; margin: -100% 0 -32px 0; font-size: 1em; opacity: 0; visibility: hidden; }
#actions .actionButtons #Button1 a, #actions .actionButtons .plus { color: #fff; border-color: #32ab9a; background: #32ab9a linear-gradient(#32ab9a, #00948e); }
#actions .actionButtons #Button1 a:hover, #actions .actionButtons .plus:hover { background: #2b9385 linear-gradient(#2b9385, #007571); border-color: #2b9385; }
#actions .actionButtons #Button1 a:active, #actions .actionButtons .plus:active { background: #32ab9a; border-color: #32ab9a; }
@media (max-width: 900px) {
#actions .actionButtons li a, #actions .actionButtons .dropdown-menu span { font-size: 0 }
#actions .actionButtons li a .fa, #actions .actionButtons .dropdown-menu span .fa { display: inline-block; font-size: 14px; line-height: 30px }
#actions .actionButtons .dropdown-menu { width: 35px }
#actions .actionButtons #Button1 a { margin: 0; width: auto }
#actions .actionButtons .plus { margin: 0 0 0 -2px }
#actions .actionButtons select#stay { display: none }
}
/* actionButtons in content ( old style ) */
.actionButtons { margin: 0; padding: 0; background: none; width: auto; white-space: nowrap; }
.actionButtons li { float: left; margin: 0; padding: 0; list-style: none; }
.actionButtons li:before, .mmTagList li:before, .rTable li:before, .tab-pane ul li ul li:before, .dashboard li:before, div#idShowHideSocialBox.sectionBody > div.btn-group.ope > ul.dropdown-menu > li:before, .sectionBody .multitv .list li:before { display: none; content: ''; }
.actionButtons img { vertical-align: top; margin-top: 1px; opacity: 0.3; }
.actionButtons:hover img { opacity: 1; }
.actionButtons a:hover { border-color: #999; -webkit-box-shadow: 1px 1px 2px #aaa; box-shadow: 1px 1px 2px #aaa; -webkit-transition: .3s ease; transition: .3s ease; background: -moz-linear-gradient(#fff, #f5f5f5); background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f5f5f5)); background: -o-linear-gradient(#fff, #f5f5f5); text-decoration: none !important; }
.actionButtons a:active { background: #92aac4 bottom left; -webkit-box-shadow: 0 0 10px #b8c7d6; box-shadow: 0 0 10px #b8c7d6; }
.actionButtons a { float: left; padding: 5px 10px; height: 32px; font-size: 13px; font-weight: 500; }
.actionButtons a, .actionButtons li.primary a, .actionButtons a.primary, .actionButtons a.default { text-shadow: none; background: #fff; color: #555; border: 1px solid #e4e4e4; border-radius: 3px; /*box-shadow: 0 0 0 1px #E4E4E4;*/
box-shadow: none; transition: none; }
.actionButtons a:hover { background: #1377c5; box-shadow: none; border-color: #1377c5; color: #fff !important; transition: none; }
.actionButtons a:active { background-color: #3189ba; border-color: #3189ba; }
.actionButtons li.primary a, .actionButtons a.primary { color: #fff; border-color: #32ab9a; background: #32ab9a linear-gradient(#32ab9a, #00948e); }
.actionButtons li.primary a:hover, .actionButtons a.primary:hover { background: #2b9385 linear-gradient(#2b9385, #007571); border-color: #2b9385; }
.actionButtons li.primary a:active, .actionButtons a.primary:active { background: #32ab9a; border-color: #32ab9a; }
.actionButtons img { display: none; }
#treePane .actionButtons img { display: inline; }
.actionButtons--tableheader .fa { font-size: 14px; }
.sectionBody .actionButtons { padding-top: 0; min-height: 40px; }
.sectionBody .actionButtons li { margin-right: 10px; }
.sectionBody .actionButtons a { display: inline-block; padding: 9px 10px; line-height: 1; }
table.actionButtons { margin-top: 1rem; margin-bottom: 10px; }
table.actionButtons img { display: inline-block; }
table.actionButtons .searchtext { padding: 5px; height: 24px; width: 150px; }
.actionButtons .fa { display: none; text-align: center; font-size: 1em; line-height: 1em; width: 1.1em; vertical-align: initial }
.actionButtons .fa, .actionButtons--eit .fa { display: inline-block; }
.optionsTitle .fa { display: inline-block; }
@media (max-width: 900px) {
.actionButtons a { display: inline-block; padding: 6px 10px }
.tab-page .actionButtons a { margin-top: 0 !important }
.actionButtons a span { display: none; }
.actionButtons a .fa { display: inline-block; }
}
/* [ TABLES ] */
/* table */
.table th, .table td { padding: 0.15rem 0.25rem; }
/* table-data */
.table.data { width: 100%; max-width: 100%; margin-bottom: 0; border-bottom: 1px solid #eceeef }
.table.data th, .table.data thead td { padding: 0.75rem; text-transform: uppercase; white-space: nowrap; font-size: 0.675rem; color: #777; border-bottom: 1px solid #eceeef }
.table.data td { padding: 0.55rem 0.75rem; }
.table.data td, .table.data th, .table.data thead td { vertical-align: top; border-top: 1px solid #eceeef }
.table.data td:first-child, .table.data th:first-child, .table.data.table-sm td:first-child, .table.data.table-sm th:first-child { padding-left: 1.25rem }
.table.data td:last-child, .table.data th:last-child, .table.data.table-sm td:last-child, .table.data.table-sm th:last-child { padding-right: 1.25rem }
.table.data thead { background-color: #fff; }
.table.data > tbody > tr { background-color: #f9f9f9; transition-duration: .5s }
.table.data > tbody > tr:nth-child(2n) { background-color: #fff }
.table.data > tbody > tr:hover { cursor: default; background-color: rgba(93, 109, 202, 0.16); transition-duration: .05s }
.table.data tr.unstyled:hover { background-color: inherit }
.table.data .actions { white-space: nowrap }
.table.data .actions a { color: #555 }
.table.data .actions a .fa, .table.data .actions span .fa { position: relative; margin: 0 0.375rem; font-size: 0.9rem; color: #555 }
.table.data .actions a:hover .fa { color: #000; }
.table.data .actions a:hover .fa.fa-trash { color: #d80030 }
.table.data .actions a .fa::before { position: relative; z-index: 2; }
.table.data .actions a .fa::after { content: ""; position: absolute; z-index: 1; left: 50%; top: 50%; width: 1.5rem; height: 1.5rem; margin: -0.75rem 0 0 -0.75rem; border-radius: 50%; -webkit-transition: 0.15s; transition: 0.15s; }
.table.data .actions a:hover .fa::after { background-color: #fff }
.table.data .actions .disabled { visibility: hidden }
/* table-data-nowrap */
.table.data.nowrap th, .table.data.nowrap td { white-space: nowrap }
/* table-data-sortable */
.table.data thead .sortable a, .table.data thead .sortable-text a, .table.data thead .sortable-numeric a { color: #777; text-decoration: none !important; }
.table.data thead .sortable a:hover, .table.data thead .sortable-text a:hover, .table.data thead .sortable-numeric a:hover { color: #222 }
.table.data thead .sortable a::after, .table.data thead .sortable-text a::after, .table.data thead .sortable-numeric a::after { content: "\f107"; font-family: 'Font Awesome 5 Free'; opacity: .3; margin-left: .5em; }
.table.data thead .sortable.forwardSort a::after, .table.data thead .sortable-text.forwardSort a::after, .table.data thead .sortable-numeric.forwardSort a::after { opacity: 1; content: "\f106"; color: #d9534f }
.table.data thead .sortable.reverseSort a::after, .table.data thead .sortable-text.reverseSort a::after, .table.data thead .sortable-numeric.reverseSort a::after { opacity: 1; content: "\f107"; color: #d9534f }
.table.data thead .sortable:hover a::after, .table.data thead .sortable-text:hover a::after, .table.data thead .sortable-numeric:hover a::after, .table.data thead .sortable-date:hover a::after { opacity: 1 }
.table.data thead .sortable, .table.data thead .sortable-text, .table.data thead .sortable-numeric, .table.data thead .sortable-date { cursor: pointer }
.table.data thead .sortable-text span, .table.data thead .sortable-numeric span, .table.data thead .sortable-date span { display: none }
.table.data.table-sortable > tbody > tr { cursor: move; transition-duration: .5s }
.table.data.table-sortable > tbody > tr.ghost { background-color: rgba(93, 109, 202, 0.16); color: #d9534f !important; transition: background-color .5s, color .5s, transform 0s }
/* table-data-sm */
.table.data.table-sm td, .table.data.table-sm th { padding: .25rem .5rem; }
.table.data.table-sm th, .table.data.table-sm thead td { font-size: 0.75rem; text-transform: none; }
/* table-data-even */
.table.data.table-even > tbody > tr:not(:hover) { background-color: #fff }
.table.data.table-even > tbody > tr:nth-child(4n+1):not(:hover) { background-color: #f6f8f8 }
.table.data.table-even > tbody > tr:nth-child(2n) { background-color: #fff }
/* table-data-docs */
.table.data .doc-item .fa { width: 1.2em; font-size: 0.9rem; text-align: center; margin-right: 0.25rem }
.table.data .doc-item { text-decoration: none }
.table.data .doc-item:hover span { text-decoration: underline }
.table.data .doc-item.private .fa::after { position: relative; float: left; margin: .5em -1em 0 0; content: "\f023"; font-size: 0.75em; color: #d9534f; }
/* [ BREADCRUMBS ] */
ul.breadcrumbs {
margin: 0 1rem .5rem;
padding: 0 0 .5rem; line-height: normal; font-size: .675rem;
color: #888; border-bottom: 1px dotted #cecaca; }
ul.breadcrumbs li { list-style: none; display: inline-block; padding: 0; margin: 0; }
ul.breadcrumbs a { text-decoration: none; }
ul.breadcrumbs span { display: inline-block; width: 1.25em; vertical-align: top; text-indent: -2.25em; overflow: hidden; }
ul.breadcrumbs span::after { margin-left: 2em; font-family: 'Font Awesome 5 Free'; content: "\f105"; font-weight:900; }
/* [ PAGINATION ] */
#pagination { padding: 0 1.25rem; margin: .5rem 0 0; }
#pagination ul {
margin: 0 0 0 .5rem; display: inline-block; }
#pagination li { list-style: none; display: inline-block; margin: 0 0 0 1px; }
#pagination li a { display: inline-block; padding: 0 .5rem;
line-height: 1.7; border: 1px solid #ddd; text-decoration: none; color: #333; }
#pagination li.currentPage a, #pagination li a:hover { color: #555; border: 1px solid #555; }
/* [ SEARCHBAR ] */
.searchbar input[type=text] { max-width: 10rem }
/* [ WIDGETS ] */
.widgets .card { margin-bottom: 1rem; margin-right: 0.6rem; border-width: 0; border-radius: 0; background-color: #fff; -webkit-transition: box-shadow .35s; transition: box-shadow .35s; box-shadow: 0 0.1rem 0.3rem 0 rgba(0, 0, 0, 0.075); }
.widgets .card:hover { box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.07); }
.widgets .card-header { padding: .5rem 1rem; font-size: .9rem; color: #616a73; font-weight: 700; border-radius: 0; border: none; border-bottom: 1px solid rgba(0, 0, 0, .05); text-transform: none; background-color: transparent; border-bottom: 1px solid rgba(0, 0, 0, 0.05); }
.widgets .card-header .fa { font-size: .9rem }
.widgets .card-block { padding: 0; }
.widgets .card-block .card-block p { padding: 0 1rem }
.widgets .card-block .card-body { padding: 1rem; }
.widgets .card-block .card-body + .card-body { padding-top: 0 }
.widgets .table { margin-bottom: 0rem }
.widgets .table:not(.data) tr th, .widgets .table:not(.data) tr td { padding: .15rem; }
.widgets .table tr th:first-child, .widgets .table tr td:first-child { padding-left: 1rem !important }
.widgets .table tr th:last-child, .widgets .table tr td:last-child { padding-right: 1rem !important }
.widgets .table .actions a .fa { margin: 0 .05rem; }
/* widgets custom */
.widgets #welcome .wm_buttons { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 1rem; padding: 0; text-align: center; border-bottom: 1px solid rgba(0, 0, 0, .05); }
.widgets #welcome .wm_button { max-width: 50%; flex: 0 0 50%; }
.widgets #welcome .wm_button a { display: block; height: 100%; padding: 1rem 1rem .5rem;
text-decoration: none; color: #646b7b; box-shadow: none; transition-duration: .5s }
.widgets #welcome .wm_button a:hover { color: #373b46; background-color: rgba(93, 109, 202, 0.16) }

.widgets #welcome .wm_button a .fa { display: inline-block; }

.widgets #welcome .wm_button a .fa + span { display: block; padding: .5em 0; line-height: 1em; font-size: .7rem; word-wrap:normal; }

.widgets #modxrecent_widget .table.data tbody tr:not(:hover) { background-color: #fff }
.widgets #modxrecent_widget .table.data tbody tr:nth-child(4n+1):not(:hover) { background-color: #f6f8f8 }
.widgets #modxrecent_widget .table.data tbody tr:nth-child(2n) { background-color: #fff }
@media (min-width: 568px) {
.widgets #welcome .wm_button { max-width: 25%; flex: 0 0 25%; }
}
@media (min-width: 768px) {
.widgets #welcome .wm_button { max-width: 12.5%; flex: 0 0 12.5%; }
}
@media (min-width: 992px) {
.widgets #welcome .wm_button { max-width: 25%; flex: 0 0 25%; }
}
@media (min-width: 1400px) {
.widgets #welcome .wm_button { max-width: 12.5%; flex: 0 0 12.5%; }
}
/* [ DATEPICKER ] */
.dp_container { position: absolute; z-index: 500; }
.dp_cal { overflow: hidden; width: 220px; margin: 0.25rem 0; background-color: #fff; -webkit-box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.3); box-shadow: 0 0.3rem 1rem rgba(0, 0, 0, 0.3); }
.dp_cal p { position: relative; margin: 10px; }
.dp_cal select { font-size: 1em; margin: 2px 3px; width: auto !important }
.dp_cal select option { padding: 1px 3px }
.dp_cal table { border-collapse: collapse; border-spacing: 0; width: 100% }
.dp_cal td.dp_roll { background-color: rgba(0, 0, 0, 0.1); color: #333 !important }
.dp_cal th, .dp_cal td { font-size: 1em; padding: 0.5em 0 !important; text-align: center !important; width: 14.2857%; cursor: default }
.dp_cal tbody th { background-color: #656d79; color: #fff; }
.dp_cal tbody td:nth-child(6), .dp_cal tbody td:nth-child(7) { color: indianred }
.dp_cal .dp_empty { background-color: #f9f9f9 }
.dp_cal .dp_hide { visibility: hidden }
.dp_cal .dp_today { background-color: #4caf50; color: #fff !important }
.dp_cal .dp_selected { background-color: #3189ba; color: #fff !important }
.dp_cal input { width: 68% !important }
.dp_cal button { position: absolute; top: 0; right: 0; margin: 0 !important; width: 30% !important }
/* datepicker icon clear */
.clearDate { position: relative; margin: 0.5rem 0 0 -1.5rem; z-index: 10; }
/* [ GRID STYLE ] */
.grid { width: 100%; background-color: #fff !important; border: 1px solid rgba(0, 0, 0, 0.1); border-collapse: collapse; }
.grid thead, .grid tfoot { background-color: #e9e9e9 }
.grid th, .grid td { padding: 0.375rem !important; border: 1px solid #ddd }
.gridHeader, .grid th { color: #333; font-weight: 500; white-space: nowrap; background-color: #e9e9e9; text-align: left; }
.grid > tbody > tr:nth-child(2n) > td { background-color: rgba(0, 0, 0, 0.03) }
.gridItem { background-color: #fff; padding: 3px; }
.gridAltItem { background-color: #f7f7f7; padding: 3px; }
.grid tbody tr:hover td { background: #e9edf3; }
.grid a { text-decoration: none; }
.grid img { vertical-align: middle; padding-right: 4px; }
/* SORTABLELIST */
ul.sortableList { margin: 0; }
ul.sortableList li { position: relative; z-index: 1; float: left; clear: both; max-width: 100%; width: 30rem; list-style: none; font-weight: bold; cursor: move; padding: 0.46153846em 1em; margin: .0625rem 0;
border: 1px solid #ccc; line-height: 1.23076923; background-color: #fff; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); box-shadow: none; transition: color .3s, box-shadow .3s, transform .3s, z-index .3s step-end; }
ul.sortableList li.ghost { z-index: 2; box-shadow: 0 0.25rem 1.5rem rgba(0, 0, 0, 0.15); transition: color .3s, box-shadow .3s, transform 0s, z-index 0s; }
/* [ TOOLTIPS ] */
.evo-tooltip, .custom-tip { position: fixed; z-index: 13000; width: 13rem; margin: 1rem; padding: 0.9rem 1rem; font-size: 0.75rem; line-height: 1.5; font-family: sans-serif; text-align: left; color: #333; background-color: #fff; visibility: hidden; transition-duration: .3s; transform: translate3d(1rem, 0, 0); -webkit-box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15); box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15); }
.evo-tooltip { opacity: 0; content: attr(data-tooltip); }
.evo-tooltip.show { opacity: 1; visibility: visible; transform: translate3d(0, 0, 0); }
[data-tooltip] { cursor: help }
[data-tooltip].fa-question-circle { opacity: 0.15; }
[data-tooltip].fa-question-circle:hover { opacity: 1; }
/* [ FILES MANAGER ] */
#ManageFiles { padding-bottom: 1rem; }
#ManageFiles .breadcrumbs { }
#ManageFiles .breadcrumbs a, #ManageFiles .breadcrumbs span { display: inline-block; padding: 0 0.25em; }
#ManageFiles #imageviewer { text-align: center; }
#ManageFiles #imageviewer img { display: inline-block; max-width: 100%; margin-top: 1rem }
#FilesTable { margin-bottom: 1rem; border-bottom: 1px solid #ddd; }
#file_editfile.section .sectionHeader { margin: 0; padding: 0.5rem 1rem; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #f9f9f9 }
#file_editfile.section .sectionBody { margin: 0 !important; padding: 0 0 1rem; border: none; border-bottom: 1px solid #ddd; background-color: #f9f9f9 }
#file_editfile td { padding: 0 !important; }
#file_editfile #content { float: left; width: 100%; min-height: 25rem; border: none; border-bottom: 1px solid rgba(0, 0, 0, .15) }
/* STYLES FOR PAGE HELP */
#helpPane h1 { margin-bottom: 1em; padding: .5rem;
font-size: .8rem;
border-bottom: 1px solid #e0e0e0; }
#helpPane li:not(:first-child) > strong { margin-top: 1.4em; }
#helpPane li > strong { display: block; font-size: 14px; }
#helpPane pre { border: 1px solid rgba(0, 0, 0, 0.1); padding: 1em; }
#helpPane .tab-page > img:first-of-type { margin-bottom: 1rem; }
/* modes theme */
/* lightness */
/* light */
/* dark */
.dark .section-editor textarea { background-color: #282c34; color: #abb2bf }
.dark .tab-page, .dark .sectionBody .tab-page, .dark .tab-row .tab.selected, .dark .tab-row .tab.selected.hover, .dark .tab-row .tab.selected:before, .dark .tab-row .tab.selected span { background-color: #f9f9f9; }
.dark, .dark .resourceTable .panel-heading { background: #ecf0f1 !important; }
.dark .resourceTable .panel-heading:hover { background: #ecf0f1 !important; }
.dark .multitv .list li.element a.copy, .multitv .list li.element a.remove { background: transparent !important; }
.dark .multitv .list li.element { background: #fefefe !important; }
.dark .split { border-color: rgba(0, 0, 0, .05) }
.dark hr { background: transparent; }
/*.dark .content-blocks .block { background: #fefefe; border: 1px solid #e3e3e3; }
.dark .content-blocks .block .fields-group { border: 1px dashed #e2e2e2; }*/
.dark .content-blocks input[type="text"], .dark .content-blocks input[type="password"], .dark .content-blocks input[type="number"], .dark .content-blocks textarea { background-color: #fbfbfb !important; border-color: #dbdbdb !important; }
.dark .content-blocks .controls { background: #f9f9f9 !important; }
.dark .widgets .card-header { color: #616a73; background-color: #fafafa; }
::-webkit-scrollbar, *::-webkit-scrollbar, ::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb { width: 1rem; height: 1rem; background-color: transparent; border-radius: .5rem; border: .25rem solid transparent; }
::-webkit-scrollbar-thumb, *::-webkit-scrollbar-thumb, :hover::-webkit-scrollbar-thumb, *:hover::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 1rem rgba(0, 0, 0, 0.15); }
::-webkit-scrollbar-thumb:hover, *::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 0 1rem rgba(0, 0, 0, 0.3); }
::-webkit-scrollbar-corner, *::-webkit-scrollbar-corner { background-color: transparent; }
/* darkness */
.darkness { background-color: #282c34; color: #aaa }
.darkness .container-body { background-color: #282c34; }
.darkness > .container-body, .darkness .page { background-color: #282c34; }
.darkness .sectionBody .tab-page, .darkness .tab-page { background-color: #282c34; box-shadow: none; }
.darkness .widgets .card, .darkness h1, .darkness .element-edit-message, .darkness #ManageFiles .breadcrumbs { background-color: #202329; }
.darkness #edit-info.element-edit-message, .darkness #add-info.element-edit-message, .darkness #sort-info.element-edit-message, .darkness #categorize-info.element-edit-message { background-color: #282c34; }
.darkness .msg-container { border-bottom: 1px solid #414449; }
.darkness .widgets #welcome .wm_button a { color: #aaa; }
.darkness .widgets #welcome .wm_button a:hover { background-color: rgba(255, 255, 255, 0.08); color: #e8e8e8; }
.darkness .widgets .card-header { color: #b0b0b1; border-bottom: 1px solid #2b2e34; }
.darkness #news .card-block ul li, .darkness #security .card-block ul li { border-bottom: 1px solid #2b2e34; }
.darkness #news .card-block ul li:last-child, .darkness #security .card-block ul li:last-child, .darkness table.table.table--edit > tbody > tr > td { border: none }
.darkness .multitv .list li.element { background: #282c34 !important; border-color: #414449; }
.darkness .multitv .list li.element input[type="text"], .darkness .multitv .list li.element input[type="password"], .darkness .multitv .list li.element input[type="number"], .darkness .multitv .list li.element textarea { background-color: #202329 !important; border-color: #414449 !important; }
.darkness #displayparams { width: calc(100% + 2.5rem); max-width: calc(100% + 2.5rem); margin: 0 -1.25rem !important; }
.darkness #content_body { margin: 0 -1.5rem; }
.darkness .card .table.data, .darkness .table td[style="background-color:#ffffff;"] { background: #202329 !important; }
.darkness .table.data, .darkness .grid { background: #282c34 !important; border: none !important }
.darkness .table.data thead, .darkness .grid thead, .darkness #editorRow_TinyMCE { background: none }
.darkness .table.data thead th, .darkness .table.data thead td, .darkness .grid th, .darkness .grid thead td { padding: 0.75rem !important; background-color: #202329; border: none; border-bottom: 1px solid #1f5994; color: #777; text-transform: uppercase; font-size: 0.675rem; }
.darkness .table.data thead .sortable a, .darkness .table.data thead .sortable-text a, .darkness .sortabletable th a { color: #777; }
.darkness .table th a:hover, .darkness .table thead td a:hover, .darkness .grid th a:hover, .darkness .grid thead td a:hover, .darkness .table .sortable:hover a, .darkness .table .sortable-text:hover a { color: #eee !important; }
.darkness .table.data thead .sortable a::after, .darkness .table.data thead .sortable-text a::after { opacity: 1; }
.darkness .sortabletable thead tr, .darkness .sortabletable th:active { background-color: #202329 }
.darkness .table tbody tr, .darkness .grid tbody tr, .darkness table.table.table--edit > tbody > tr { background: none !important; }
.darkness .table > tbody > tr > td, .darkness .grid > tbody > tr > td { background: none; border: none !important; border-bottom: 1px solid #2b2e34 !important; color: inherit; }
.darkness .table > tbody > tr:nth-child(2n), .darkness .grid > tbody > tr:nth-child(2n) { background-color: #252930 !important; }
.darkness .table.data tr > td:first-child, .darkness .table.data tr > th:first-child, .darkness .grid tr > td:first-child, .darkness .grid > tr > th:first-child { padding-left: 1.25rem !important; }
.darkness .table.data tr > td:last-child, .darkness .table.data tr > th:last-child, .darkness .grid tr > td:last-child, .darkness .grid > tr > th:last-child { padding-right: 1.25rem !important; }
.darkness table.table.table--edit > tbody > tr > th, .darkness table.table.table--edit > tbody > tr > td, .darkness form[name="settings"] table > tbody td, .darkness form[name="settings"] table > tbody th {
padding: .25rem .5rem; background: none; border: none !important; color: inherit; }
.darkness .table.data .actions a, .darkness .table.data .actions a .fa, .darkness .table.data .actions span .fa { color: inherit; }
.darkness .table.data .actions a:hover .fa::before { color: #eee; }
.darkness .table.data .actions a:hover .fa::after { background-color: #3b414e; }
.darkness .table.data .actions a:hover .fa.fa-trash::before { color: #d80030; }
.darkness table .split, .darkness #editorRow_TinyMCE tr, .darkness table.table.table--edit > tbody > tr, .darkness .sysSettings > tbody > tr { border: none; border-bottom: 1px solid #23262b !important; }
.darkness table .split { margin: 0 -.5rem; }
.darkness table tr.noborder { border: none !important; }
.darkness table .comment { color: #999 !important; }
.darkness #editorRow_TinyMCE > tbody > tr:first-child > th { background: none !important; color: inherit !important; }
.darkness .section-editor, .darkness #content_body { border-top: 1px solid #414449; }
.darkness #file_editfile .navbar-editor, .darkness #file_editfile [name="editFile"], .darkness #content_body, .darkness .section-editor { border-bottom: 1px solid #414449; }
.darkness .section-editor > textarea, .darkness #content_body > div > textarea, .darkness #content_body > .section-editor { margin-top: 0 }
.darkness #content_body textarea, .darkness .section-editor textarea, .darkness #content_body > .section-editor { display: block; border: none }
.darkness ul.sortableList li { background-color: #202329; border: 1px solid #414449; }
.darkness ul.sortableList li:hover { border-color: #5d5d5d; }
.darkness ul.sortableList li.ghost { background-color: #282c34; border-color: #1976d2; }
.darkness .disabledPlugin, .darkness .disabledPlugin a { color: #de6961; }
.darkness .alert { box-shadow: 0 0.25rem 2rem rgba(0, 0, 0, 0.15); }
.darkness .alert-danger { background-color: #612329; border-color: #612329; color: #da706d; }
.darkness .alert-danger b { color: #f7e6e8 !important }
.darkness .alert-info { background-color: #193048; border-color: #193048; color: #a3b3bd; }
.darkness .alert-warning { background-color: #6c591d; border-color: #6c591d; color: #c7bd9e; }
.darkness .alert-success { background-color: #3d7544; border-color: #3d7544; color: #c4efc5; }
.darkness .loginbox, .darkness .loginbox form { background-color: #202329 }
.darkness #mainloader { background-color: transparent !important; }
.darkness #FilesTable { border-bottom: 1px solid #202329 }
.darkness #mce-modal-block { background-color: #000; }
.darkness .resourceTable .panel-heading { margin-top: -1px !important; background-color: #202329; border-top: 1px solid #414449; border-bottom: 1px solid #414449; }
.darkness .panel-title > a { color: #aaa; }
.darkness .panel-title > a:hover { background: #202329; color: #eee; }
.darkness .resourceTable ul.elements > li { border-left: 3px solid transparent; border-bottom: 1px solid #303338; }
.darkness .resourceTable ul.elements > li:hover { background-color: #202329; }
.darkness .elements_descr { color: #aaa; }
.darkness ul.elements_buttonbar li a, .darkness .msg-container { color: inherit; }
.darkness .evo-tooltip, .darkness .custom-tip { background-color: #343942; color: #eee; box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.4); }
.darkness div#section-body-categories div.uncategorized_elements, .darkness div#section-body-categories div.drop { border: 1px solid #414449; background-color: #202329; }
.darkness div#section-body-categories div.uncategorized_elements h2, .darkness div#section-body-categories div.drop h2 { color: #1976d2; border-bottom: 1px solid #1976d2; }
.darkness div#section-body-categories div.drag { background-color: #1976d2; }
.darkness #helpPane h1 { border-bottom: 1px solid #414449; }
.darkness #helpPane ul + h1 { margin-top: 1rem; }
.darkness #helpPane ul { margin: 0; }
.darkness #helpPane .tab-page > img:first-of-type { content: url("../images/misc/logo-navbar-white.png"); }
.darkness pre, .darkness #helpPane pre { border: 1px solid #414449; padding: 1em; color: #aaa; }
.darkness code { background-color: #202329; border: 1px solid #414449; }
.darkness .h, .darkness .e, .darkness .v { background-color: #202329; border-color: #414449; color: #eee; }
.darkness .v { background-color: #282c34; }
.darkness tr:hover .e { background-color: #282c33; }
.darkness tr:hover .v { background-color: #2b3038; }
.darkness .dp_cal { box-shadow: 0 0.5rem 3rem rgba(0, 0, 0, 0.4); }
.darkness .dp_cal, .darkness .dp_cal .dp_empty { background-color: #343942; }
.darkness .dp_cal td.dp_roll { background-color: #202329; color: #aaa !important; }
.darkness .dp_cal td.dp_selected { background-color: #3189ba; color: #fff !important; }
.darkness ul.breadcrumbs a { color: #3481bc; }
.darkness #pagination li a { border: 1px solid #414449; color: #bbb; }
.darkness #pagination li.currentPage a, .darkness #pagination li a:hover { color: #eee; border: 1px solid #1976d2; }
.darkness h2[style="color:#003399"], .darkness h3[style="color:#003399"] { color: #f44336 !important; }
.darkness h3[style="color:#003399"] + div[style] { background-color: transparent !important; border-color: #f44336 !important; color: #f44336 !important; }
.darkness .mce-container, .darkness .mce-container *, .darkness .mce-widget, .darkness .mce-widget *, .darkness .mce-reset { color: #aaa; }
.darkness .mce-panel { background: #202329; border: none !important; }
.darkness .mce-reset .mce-panel { background: #1a1c21; }
.darkness .mce-btn { background-color: #202329; border-color: transparent; }
.darkness .mce-toolbar .mce-btn-group { border-color: #414449 !important; }
.darkness .mce-label { text-shadow: none; }
.darkness .mce-menu-item.mce-selected, .darkness .mce-menu-item:hover, .darkness .mce-menu-item:focus { background: #1976d2; }
.darkness .mce-menu-item.mce-selected .mce-text, .darkness .mce-menu-item.mce-selected .mce-ico, .darkness .mce-menu-item:hover .mce-text, .darkness .mce-menu-item:focus .mce-text, .darkness .mce-menu-item:hover .mce-ico, .darkness .mce-menu-item:focus .mce-ico { color: #fff; }
.darkness .mce-menu-item .mce-caret { border-left-color: #fff; }
.darkness .mce-tabs, .darkness .mce-tabs + .mce-container-body { background: #202329; }
.darkness .mce-tab { background: #202329; border-color: #414449; border-top: 1px solid transparent; text-shadow: none !important }
.darkness .mce-tab:hover { background-color: #1a1c21; }
.darkness .mce-tab:focus { color: #eee; }
.darkness .mce-tab.mce-active { border-top-color: #414449; }
.darkness .mce-tabs { border-bottom: 1px solid #414449; }
.darkness .mce-tab.mce-active { background-color: #202329; }
.darkness .mce-menu-item.mce-disabled, .darkness .mce-menu-item.mce-disabled:hover { background: #202329; }
.darkness .mce-menu-item.mce-disabled .mce-text, .darkness .mce-menu-item.mce-disabled:hover .mce-text, .darkness .mce-menu-item.mce-disabled .mce-ico, .darkness .mce-menu-item.mce-disabled:hover .mce-ico { color: #414449; }
.darkness .mce-window-head .mce-close { background-color: #6d1215 !important; }
.darkness .mce-window-head { background: #1a1c21; border: none; }
.darkness i.mce-i-checkbox, .darkness .mce-textbox, .darkness .mce-window-body .mce-btn, .darkness .mce-foot .mce-btn { background-color: #1a1c21; border: 1px solid #414449; }
.darkness .mce-btn:hover, .darkness .mce-btn:active { background: #282c34; border-color: #414449; }
.darkness .mce-btn:focus { background: #282c34; }
.darkness .mce-btn button { background-color: transparent }
.darkness .mce-splitbtn .mce-open:hover, .darkness .mce-splitbtn .mce-open:active, .darkness .mce-splitbtn:hover .mce-open, .darkness .mce-splitbtn.mce-active:hover .mce-open { border-left: 1px solid #3d4045; }
.darkness .mce-checked i.mce-i-checkbox { color: #aaa; }
.darkness .mce-textbox { font-family: monospace; }
.darkness::-webkit-scrollbar, .darkness *::-webkit-scrollbar, .darkness::-webkit-scrollbar-thumb, .darkness *::-webkit-scrollbar-thumb { width: 1rem; height: 1rem; background-color: transparent; border-radius: .5rem; border: .25rem solid transparent; }
.darkness::-webkit-scrollbar-thumb, .darkness *::-webkit-scrollbar-thumb, .darkness:hover::-webkit-scrollbar-thumb, .darkness *:hover::-webkit-scrollbar-thumb { box-shadow: inset 0 0 0 1rem rgba(255, 255, 255, 0.1); }
.darkness::-webkit-scrollbar-thumb:hover, .darkness *::-webkit-scrollbar-thumb:hover { box-shadow: inset 0 0 0 1rem rgba(255, 255, 255, 0.2); }
.darkness::-webkit-scrollbar-corner, .darkness *::-webkit-scrollbar-corner { background-color: transparent; }
/*
[ OTHERS COMPONENTS ] - this components need fix css
*/
/* extras */
.catalog_item select[name=link] { width: auto !important; margin-left: 0.5rem }
/* ManagerManager */
.sectionHeader.minimizable { position: relative; z-index: 1; background-color: #fafafa; padding: 0.5rem; border: 1px solid rgba(0, 0, 0, 0.15); }
.dark .sectionHeader.minimizable { background-color: #f2f2f2 }
.imageField { min-width: 100% !important; width: 100% !important }
ul.mmTagList { float: left; margin-top: .25rem !important
}
/* MCE */
.mce-container, .mce-container-body { box-sizing: border-box !important }
.mce-container button { border: none; border-radius: 0; background-color: transparent; }
.mce-window-head .mce-close { padding: 0; }
#editorRow_TinyMCE { background-color: #fff; }
#editorRow_TinyMCE tr { border: 1px dotted rgba(0, 0, 0, .05); }
#editorRow_TinyMCE th { white-space: nowrap }
#editorRow_TinyMCE th, #editorRow_TinyMCE td { padding: 0.5em; border: none !important }
div.mce-fullscreen { margin-top:2.6rem;	}
/* wrap TinyMCE3 toolbar */
.mceEditor .mceToolbar td { height: 24px; float: left }
/* codeMirror */
.CodeMirror { width: 100%; margin: 0 !important; }
.CodeMirror pre { word-break: break-all !important; }
.CodeMirror > div:first-child > textarea { /*opacity: 0;*/
z-index: -1; left: -9999rem; }
div.CodeMirror-cursors { pointer-events: none; }
/* docFinder */
form#docfinder div.tab-page { height: auto !important }
/* SimpleGallery */
#SimpleGallery .pagination { display: block }
#SimpleGallery .sg_image { width: auto }
/* multiTV */
.multitv .list li.element a.copy, .multitv .list li.element a.remove { width: 25px !important; text-align: center; background: transparent !important; top: -10px !important; }
.multitv .list li.element {
border-radius: .25rem; border: 1px solid rgba(0, 0, 0, .125); background: #fefefe !important; margin-bottom: 10px !important; }
/* loginbox animation */
@keyframes anim-loginbox {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
@-webkit-keyframes anim-loginbox {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.loginbox { -webkit-animation-name: anim-loginbox; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: anim-loginbox; -moz-animation-duration: .5s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; animation-name: anim-loginbox; animation-duration: .5s; animation-iteration-count: 1; animation-timing-function: ease; animation-fill-mode: forwards; }
/* end loginbox animation */
#actions .dropdown-toggle:after { display: none !important; }
.card .table.data { margin-bottom: 0; border-bottom-width: 0; }
.table.data th, .table.data thead td { border-bottom-width: 1px; }
.card .table.data > thead > tr:first-child td, .card .table.data > thead > tr:first-child th, .card .table.data > tbody > tr:first-child td, .card .table.data > tbody > tr:first-child th { border-top-width: 0; }
.table.data > tbody > tr, .table.data > tbody > tr:nth-child(2n), .widgets #modxrecent_widget .table.data tbody tr:nth-child(4n+1):not(:hover) { background-color: #fff; }
.table.data > tbody > tr:hover { background-color: rgba(0, 0, 0, 0.03) !important; }
ul.breadcrumbs { margin: 0 0 1rem 0; padding: .5rem 0.8rem; line-height: normal; font-size: .675rem; color: #888; border-width: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.04), transparent 60%); }
ul.breadcrumbs a { color: #333; }

#news .card-block > div, #security .card-block > div { padding: 0 !important; }
#news .card-block ul, #security .card-block ul { padding: 0; margin: 0; }
#news .card-block ul li, #security .card-block ul li { padding: 0.75rem 1rem; border-bottom: 1px solid #ebebeb; }
ul.mmTagList li { padding: 2px 8px !important; margin-bottom: 5px !important; border-radius: 3px !important; -webkit-border-radius: 3px !important; background-color: #eaeaea !important; text-decoration: none !important; }
ul.mmTagList li.tagSelected { border-radius: 3px !important; -webkit-border-radius: 3px !important; background-color: #5a5e63 !important; }
