/* ---------------------------------------------------
  Generic
----------------------------------------------------- */

/* Wrapper */
.frontend-wrapper {background-color: #FFFFFF; padding: 0px;}
.frontend-wrapper .navbar-brand img {max-height: 35px;}
.frontend-wrapper .user-icon,
.frontend-wrapper .user-icon * {line-height: 30px}
.frontend-wrapper .user-icon {padding: 10px;}
.frontend-wrapper .user-icon .usr {display: flex;flex-direction: row;float: left;}
.frontend-wrapper .user-icon .usr .img-avatar {max-height: 30px;}
.frontend-wrapper .user-icon .usr .usr-name {padding: 0 5px 0 10px;}

/* Col layout */
.frontend-wrapper .columns {padding: 15px 5px 0 5px;}
.frontend-wrapper .frontend-main-container {padding: 0px; margin: 0px;}
.frontend-wrapper .col-frontend-left {padding-left: 0px; padding-right: 0px;}
.frontend-wrapper .col-frontend-right {padding-left: 0px; padding-right: 0px;}

/* Footer */
.footer-frontend-copyright {text-align: center;font-size: 0.7rem;margin: 5px auto 25px auto;}
.footer-frontend-copyright .footer-frontend-site {font-size: 0.8rem;margin: 10px auto;}
.footer-frontend-copyright .footer-frontend-site a:hover {text-decoration: none;}

/* ---------------------------------------------------
  Operation
----------------------------------------------------- */
.portal-frontend-operation-edit .frontend-main-container {max-width: 900px; margin: 0 auto;}

/* ---------------------------------------------------
  Activity
----------------------------------------------------- */
.activity-frontend-activity-edit .frontend-wrapper .col-frontend {flex: initial;  flex-grow: 1; max-width: initial;}

/* ---------------------------------------------------
  KB
----------------------------------------------------- */

.kb-frontend-article-index .frontend-main-container {position: absolute;display: flex;height: 100%;width: 100%;}
.kb-frontend-article-index .main-col {padding:0px}
.kb-frontend-article-index #kb-vc {margin:0px; padding:0px}
.kb-frontend-article-index #kb-vc .kb-vc-toolbar{text-align: right;}
.kb-frontend-article-index .kb-navigation {height: 100%;}
.kb-frontend-article-index .kb-navigation-tree {height:100%; overflow: auto;padding: 0 4px;}
.kb-frontend-article-index .kb-navigation-tree,
.kb-frontend-article-index .kb-navigation-tree .tree-actions {background-color: #f8f9fa !important;}
.kb-frontend-article-index .footer-frontend-copyright {display: none;}

/** TinyMCE **/
.kb-frontend-article-index .kb-main-content .tox-tinymce { border: none; }

/** Menu **/
.kb-article-menu {float:left;width: 100%;}
.kb-article-menu li.active {background: #f7f7f7; padding: 5px 0; box-shadow: inset 4px 0 0 #007bff; z-index: 100;}

.kb-article-menu li {float: left; width: 100%; position: relative; text-align: left;}
.kb-article-menu li.active a.active { background-color: rgba(158,158,158,0.2); color: #0052CC;}

.kb-article-menu a {float: left; width: 93%; margin: 0 3%; padding: 5px; color: #000; border-radius: 3px; line-height: 1.3em;}

.kb-article-menu a, .kb-article-menu a:hover {display: block ;text-decoration: none;}

.kb-article-menu ul li, .kb-article-menu ul li.active {padding-left: 15px; margin-top: 5px;}

.kb-article-menu li a:hover { background-color: rgba(158,158,158,0.2); }

.kb-article-menu > li.parent > a,
.kb-article-menu ul li.parent a,
.kb-article-menu ul li.parent li.parent a {background-image:url(images/nav2_parent_arrow.gif); background-position:100% 100%; background-repeat:no-repeat;}
.kb-article-menu ul li.parent li a,
.kb-article-menu ul li.parent li.parent li a { background-image:none; }