/*************************************************************
FIX HEADER ALIGNMENT
*************************************************************/

@media (min-width: 768px){
    html:has(#pages-grid-wrapper) body:not(.desktop-sideview):not(.full-width-mode) .main_menu__inner,
    html:has(#pages-grid-wrapper) body:not(.desktop-sideview):not(.full-width-mode) .js-claro-nav-container{
        max-width:1250px !important;
        max-width:calc(1270px - 20px) !important;
    }
    .navbar-brand{
        margin-left:0!important;
	    background-size:80% auto !important;
	    background-position:center left !important
	    /*transition:transform .25s ease!important; */
    }
    .navbar-brand:hover{
    	/*transform:translateY(-3px); */
    }
}

/*************************************************************
SET CLEARFIX ON PAGE_BOX
*************************************************************/

@media (min-width: 768px){
    #page_box{
        *zoom:1
    }
    #page_box:before,#page_box:after{
        content:" ";
        display:table
    }
}

/*************************************************************
MENU BUTTONS AS FIXED ICON BUTTONS (FEEDBACK)
*************************************************************/

@media (min-width: 768px){

    .main_menu__list .is-fixed-link>a{
        position:fixed;
        bottom:15px;
        right:15px;
        padding:0 !important;
        width:50px !important;
        height:50px !important;
        padding:0 !important;
        line-height:50px;
        text-align:center;
        overflow:hidden;
        border-radius:999px !important;
        opacity:1!important;
        transition:opacity .25s ease;
        display:flex!important;
        align-items:center;
        background:var(--theme-primary-color);
        color:var(--theme-primary-color-contrast)!important;
        box-shadow: 0 0 5px 5px rgba(0, 0, 0, .1);
    }
    .main_menu__list .is-fixed-link.is-fixed-left>a{
    	right:auto!important;
    	left: 15px!important;
    }
    .main_menu__list .is-fixed-link .glyphicons,
    .main_menu__list .is-fixed-link ion-icon{
        margin:0;
        width:50px!important;
        flex-shrink:0;
        text-align:center;
        line-height:24px;
        font-size:24px;
    }
    .main_menu__list .is-fixed-link>a:hover{
        opacity:1!important;
        background:var(--theme-primary-color)!important;
        color:var(--theme-primary-color-contrast)!important;
    }
    .main_menu__list .is-fixed-link.offset-bottom-1>a{
    	bottom:75px;
    }
    .main_menu__list .is-fixed-link.offset-bottom-2>a{
    	bottom:130px;
    }
    .main_menu__list .is-fixed-link.offset-bottom-3>a{
    	bottom:185px;
    }

}

/*************************************************************
FOOTER (needs adjusting in the JS injection)
*************************************************************/

#is-main-footer{
    height:60px;
    text-align:center;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    margin-top:30px;
    background:#333;
    color:#fff;
    border-top:none
}
#is-main-footer a{
    color:inherit
}
#is-main-footer p{
    margin:0
}

/*************************************************************
FEEDBACK (LEGACY)
*************************************************************/

@media (min-width: 768px){
    .main_menu__list .is-feedback-link>a{
        position:fixed;
        bottom:15px;
        right:15px;
        padding:0 !important;
        width:60px !important;
        height:60px !important;
        padding:0 !important;
        line-height:60px;
        text-align:center;
        overflow:hidden;
        border-radius:999px !important;
        opacity:0.85;
        transition:opacity .25s ease
    }
    .main_menu__list .is-feedback-link.is-fixed-left>a{
    	right:auto!important;
    	left: 15px!important;
    }

    .main_menu__list .is-feedback-link>a:before{
        content:"";
        display:inline-block;
        font-family:'Glyphicons Regular';
        font-style:normal;
        font-weight:400;
        line-height:24px;
        font-size:24px;
        color:#fff;
        margin-right:10px;
        -webkit-font-smoothing:antialiased
    }
    .main_menu__list .is-feedback-link>a:before{
        height:60px;
        margin:0;
        width:60px;
        text-align:center;
        line-height:60px
    }
    .main_menu__list .is-feedback-link>a:hover{
        opacity:1
    }
}

/*************************************************************
MISC
*************************************************************/

#suggestions{
    box-shadow:0 2px 4px 1px rgba(0,0,0,0.1) !important
}
#suggestions .alert{
    border-radius:var(--theme-rounded-corners);

}
body #suggestions,
body #suggestions .all-result-section{
    border-bottom-left-radius:var(--theme-rounded-corners);
    border-bottom-right-radius:var(--theme-rounded-corners);
}

html.rdks-admin-system a[href="/intranet/about/"],html.rdks-admin-system a[href="#support_info"],html.rdks-admin-system a[href="/admin/system/license"]{
    display:none !important
}
.meows .meow .inner{
    box-shadow:none !important
}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{
    outline:2px solid rgba(0,0,0,0.1);
    outline-offset:2px
}
.btn-get-preview-url+.popover .popover-content{
    white-space:wrap !important
}

/*************************************************************
PRINT CSS
*************************************************************/

@media print{
    @page{
        margin-top:1.2cm !important;
        margin-bottom:1.2cm !important
    }
}

/*************************************************************
FEEDBACK (LEGACY)
*************************************************************/

/*

@media (min-width: 768px){

    #page_box .dropdown-menu>li>a .glyphicons,#page_box .dropdown-menu .dropdown-header .glyphicons{
        width:20px;
        margin-right:5px;
        text-align:left
    }
    #page_box .dropdown-menu:not(.app-wrapper){
        padding:5px
    }
    #page_box .nav-tabs a,#page_box .nav-pills a,#page_box .btn{
        transition:background .25s ease, color .25s ease, border .25s ease
    }
    #page_box .btn:after{
        content:none !important
    }
    #page_box .app-menu .breadcrumb li{
        font-size:inherit;
        font-weight:bold
    }
    #page_box .cards.cards--grid .card{
        transition:transform .25s ease
    }
    #page_box .cards.cards--grid .card:hover{
        transform:scale(0.975);
        opacity:1 !important
    }
    #page_box .cards.cards--grid .card a{
        opacity:1 !important
    }
    #page_box #page_navigation{
        background:#fff
    }
    #page_box #page_navigation #main_breadcrumb{
        font-size:16px;
        font-weight:bold;
        line-height:inherit
    }
    #page_box #page_navigation #main_breadcrumb li,
    #page_box #page_navigation #main_breadcrumb a,
    #page_box #page_navigation #main_breadcrumb span{
        font-size:inherit
    }

}

*/

/*************************************************************
MISC COMPONENT STYLES
*************************************************************/

/*

#page_box .grid-stack-item.pages-discussions .well.discussion-info{
    border-top:0;
    border-left:0;
    border-right:0;
    box-shadow:none
}
#page_box .grid-stack-item.pages-discussions .form-inline{
    *zoom:1
}
#page_box .grid-stack-item.pages-discussions .form-inline:before,#page_box .grid-stack-item.pages-discussions .form-inline:after{
    content:" ";
    display:table
}
#page_box .grid-stack-item.pages-discussions .form-inline:after{
    clear:both
}
#page_box .grid-stack-item.pages-discussions #doc_realname{
    width:55%;
    margin-right:-5px;
    float:left
}
#page_box .grid-stack-item.pages-discussions #doc_realname+button{
    float:left;
    border-top-left-radius:0;
    border-bottom-left-radius:0;
    width:45%;
    margin-top:0;
    overflow:hidden
}
#page_box .people-card-container .people-card{
    text-decoration:none;
    opacity:1 !important;
    transform:background .25s ease
}
#page_box .tile-news-list.slider-style .news-title{
    margin-bottom:0;
    margin-bottom:15px
}
#page_box .tile-news-list.slider-style .news-title a{
    opacity:1 !important;
    font-weight:bold;
    font-size:36px
}
#page_box .tile-news-list.slider-style .news-title a:before{
    opacity:0;
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block
}
#page_box .tile-news-list.slider-style .news-body{
    text-align:center;
    -ms-flex-pack:center;
    justify-content:center;
    padding:30px;
    position:relative;
    height:100%
}
#page_box .tile-news-list.slider-style .news-description{
    display:none !important
}
#page_box .tile-news-list.slider-style .meta-data{
    margin-bottom:15px
}
#page_box .tile-news-list.slider-style .tags{
    display:block;
    padding:10px 0
}
#page_box .tile-news-list.slider-style .news-footer .likes,#page_box .tile-news-list.slider-style .news-footer .comments{
    float:none;
    width:auto;
    margin:0 10px;
    display:inline-block
}
#page_box .tile-news-list.slider-style .owl-pagination .owl-page.active span{
    box-shadow:none
}
#page_box .tile-news-list.slider-style .owl-pagination .owl-page.active span:after{
    content:none
}
#page_box .grid-stack-item.tile-thank-you .grid-stack-item-content>.panel-heading span.header-title{
    width:auto !important;
    display:inline
}
#page_box .grid-stack-item .panel-heading-button,#page_box .grid-stack-item .panel-heading .btn{
    position:absolute;
    right:7px;
    top:7px;
    background:#f7f7f7;
    border:1px solid #efefef
}
#page_box .grid-stack-item .panel-heading-button span,#page_box .grid-stack-item .panel-heading .btn span{
    margin-left:3px
}
#page_box .grid-stack-item .panel-heading-button .glyphicons,#page_box .grid-stack-item .panel-heading .btn .glyphicons{
    margin-left:0
}
#page_box .grid-stack>.grid-stack-item .panel-heading{
    font-weight:bold
}
#page_box .grid-stack-item.ic-list-style .ictablecontainer .table-alpha-search a{
    cursor:pointer
}
@media (max-width: 991px){
    #page_box .grid-stack-item.ic-list-style .ictablecontainer .table-alpha-search #alphalist{
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap;
        overflow-x:scroll
    }
}
#page_box .grid-stack-item.ic-list-style .ictablecontainer .table-alpha-search #alphalist a{
    padding:10px
}
#page_box .grid-stack-item.ic-list-style .ictablecontainer .table-alpha-search .row.search-inputs{
    margin-left:0;
    margin-right:0;
    padding:10px 0;
    margin-bottom:10px;
    border-bottom:1px solid #eee
}
#page_box .grid-stack-item.ic-list-style .ictablecontainer .table-alpha-search .row.search-inputs>div{
    margin:0
}
#page_box .grid-stack-item.ic-list-style .ictablecontainer .table-alpha-search .row.search-inputs .input-group,#page_box .grid-stack-item.ic-list-style .ictablecontainer .table-alpha-search .row.search-inputs input[type="search"]{
    display:block;
    width:100%;
    max-width:100%
}
@media (max-width: 767px){
    #page_box .grid-stack-item.ic-list-style .ictablecontainer .table-alpha-search .pull-right.col-md-3{
        width:100% !important;
        max-width:100% !important
    }
}
#page_box .grid-stack-item.ic-list-style .ictablecontainer .table-alpha-search .pull-right.col-md-3 .pager.text-right{
    text-align:right !important;
    margin:0
}
@media (max-width: 767px){
    #page_box .grid-stack-item.ic-list-style .ictablecontainer .table-alpha-search .pull-right.col-md-3 .pager.text-right{
        margin-top:10px
    }
}

*/

/*************************************************************
GRID STACK ORDERING / AUTO HEIGHTS
*************************************************************/

@media (max-width: 980px){
    #page_box .grid-stack.grid-stack-one-column-mode{
        display:-ms-flexbox !important;
        display:flex !important;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        height:auto !important;
        padding-left:10px !important;
        padding-right:10px !important
    }
    #page_box .grid-stack.grid-stack-one-column-mode>.grid-stack-item{
        width:100% !important
    }
    #page_box .grid-stack.grid-stack-one-column-mode .grid-stack-item-content{
        position:relative !important;
        left:auto !important;
        right:auto !important;
        height:100%
    }
    #page_box .grid-stack.grid-stack-one-column-mode .grid-stack-item.tile-buttons-component,#page_box .grid-stack.grid-stack-one-column-mode .tile-pages-embed{
        height:auto !important
    }
    #page_box .grid-stack.grid-stack-one-column-mode .grid-stack-item.tile-buttons-component .content-block,#page_box .grid-stack.grid-stack-one-column-mode .tile-pages-embed .content-block{
        height:auto !important
    }
    #page_box .grid-stack.grid-stack-one-column-mode .grid-stack-item.tile-buttons-component .button-inner,#page_box .grid-stack.grid-stack-one-column-mode .tile-pages-embed .button-inner{
        padding:0 10px !important
    }
    #page_box .grid-stack.grid-stack-one-column-mode .grid-stack-item.tile-buttons-component .button-text,#page_box .grid-stack.grid-stack-one-column-mode .tile-pages-embed .button-text{
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
}
@media (max-width: 385px){
    #page_box .grid-stack-item.tile-buttons-component{
        -ms-grid-columns:(minmax(100%, 1fr))[auto-fit];
        grid-template-columns:repeat(auto-fit, minmax(100%, 1fr))
    }
}

/*


@media (max-width: 980px){
    .weatherwidget-io,#weatherwidget-io-0{
        height:110px !important
    }
}
@media (max-width: 769px){
    .weatherwidget-io,#weatherwidget-io-0{
        height:100px !important
    }
}
@media (max-width: 385px){
    .weatherwidget-io,#weatherwidget-io-0{
        height:135px !important
    }
}
@media (max-width: 290px){
    .weatherwidget-io,#weatherwidget-io-0{
        height:200px !important
    }
}

*/


/*************************************************************
MENU ANIMATIONS
*************************************************************/

#claroNav .dropdown-menu,
.header-menu-container .main_menu__list > li > ul,
.pages-navbar #navPages .dropdown-menu{
    display:block;
    pointer-events:none;
    opacity:0;
    visibility:hidden;
    transform:translateY(10px) scale(0.975);
    transform-origin:center top;
    box-shadow:var(--theme-card-shadow);
    transition:all .15s ease-in-out;
    border-radius: var(--theme-rounded-corners);
}
#claroNav .dropdown.open .dropdown-menu,
#claroNav .has-sub.open .dropdown-menu,
#claroNav .has-sub.show .dropdown-menu,
.header-menu-container .main_menu__list > li:hover > ul,
.pages-navbar #navPages li:hover > ul{
    pointer-events:auto;
    opacity:1;
    visibility:visible;
    transform:none;
}

/*************************************************************
REMOVE TIME ON DESKTOP
*************************************************************/

@media (min-width: 768px){
	#navClockTime{
		display:none!important;
	}
}

/*************************************************************
BUTTONS COMPONENT
*************************************************************/

.tile-buttons-component .button{
    transition:all .25s ease;
    will-change:transform;
}
.tile-buttons-component .button .button-inner{
    opacity:1!important;
}
.tile-buttons-component .button:hover{
    transform:scale(.975);
}
/*
.tile-buttons-component .content-block{
    overflow:visible!important;
}
*/
.tile-buttons-component .grid-stack-item-content{
    height:calc(100% - 1px);
}
.tile-buttons-component:has(.card-header:not(.hide-header)) .card-header{
    border-radius: var(--theme-rounded-corners)!important;
}
.tile-buttons-component:has(.card-header:not(.hide-header)) .content-block{
	padding-top:8px;
}

/*************************************************************
NEWS SLIDER
*************************************************************/

.tile-news-component.slider-style .news-title{
	font-weight: bold;
}
.tile-news-component.slider-style .tags,
.tile-news-component.slider-style .news-footer{
	display:none!important;
}

/*************************************************************
PANEL HEADER
*************************************************************/

.grid-stack-item .card-header{
	font-weight:bold;
}

/*************************************************************
PERMA SHADOWS
*************************************************************/

.claro-navbar,
.dropdown-menu,
body:not(.desktop-sideview) .dropdown-menu,
#claroNav .dropdown-menu, 
.header-menu-container .main_menu__list > li > ul{
    box-shadow:0 0 8px 8px rgba(0, 0, 0, 0.03);
}

/*************************************************************
PAGES HEADING COMPONENT
*************************************************************/

#page_box #page_navigation{
    background:#fff
}
#page_box #page_navigation li,#page_box #page_navigation a,#page_box #page_navigation span,#page_box #page_navigation div{
    color:inherit;
    opacity:1 !important
}

@media (min-width: 992px){

	.pages-navbar{
	    padding:0!important;
	}
	.navbar-brand.pages-breadcrumb-wrapper {
	    display:flex;
	    flex-direction:row;
	    justify-content:space-between;
	    width:100%;
	    padding:15px;
	    align-items:center;
	}
	.navbar-brand.pages-breadcrumb-wrapper ul.breadcrumb{
	    font-size:13px!important;
	}
	.navbar-brand.pages-breadcrumb-wrapper ul.breadcrumb li,
	.navbar-brand.pages-breadcrumb-wrapper ul.breadcrumb span,
	.navbar-brand.pages-breadcrumb-wrapper ul.breadcrumb a,
	.navbar-brand.pages-breadcrumb-wrapper ul.breadcrumb h1{
	    font-size:inherit;
	}
	.navbar-brand.pages-breadcrumb-wrapper > h2{
	    order:-1;
	    margin:0;
	    font-weight: bold;
	}
	.pages-navbar #navPages{
	    justify-content:flex-start!important;
	    border-top:1px solid #eee;
	    padding:3px 10px;
	}
	.pages-navbar #navPages:not(:has(a)){
		display: none!important;
	}
	.pages-navbar #navPages .dropdown-menu{
	    right:auto;
	    left:0;
	}

}

@media (max-width: 991px){
	.navbar-brand.pages-breadcrumb-wrapper > h2{
	    margin:0;
	    font-size:16px;
	    font-weight: bold;
	}
	.navbar-brand.pages-breadcrumb-wrapper ul.breadcrumb{
		display: none!important;
	}
}

/*

body.is-has-box-shadow #page_box .navbar-inner,body.is-has-box-shadow #page_box .item-shadow,body.is-has-box-shadow #page_box .grid-stack .grid-stack-item-content,body.is-has-box-shadow #page_box .slider-button,body.is-has-box-shadow #page_box .announcement,body.is-has-box-shadow #page_box #page_navigation,body.is-has-box-shadow #page_box .calendar-card,body.is-has-box-shadow #page_box .grid-stack .panel.grid-stack-item-content,body.is-has-box-shadow #page_box .tile-buttons-component .grid-stack-item-content .button>a{
    box-shadow:0 2px 4px 1px rgba(0,0,0,0.1) !important
}
body.is-has-box-shadow #page_box .grid-stack .tile-buttons-component .grid-stack-item-content{
    box-shadow:none !important
}
body.is-rounded-corners input[type="text"],body.is-rounded-corners input[type="password"],body.is-rounded-corners input[type="submit"],body.is-rounded-corners input[type="reset"],body.is-rounded-corners input[type="file"],body.is-rounded-corners input[type="image"],body.is-rounded-corners input[type="color"],body.is-rounded-corners input[type="date"],body.is-rounded-corners input[type="datetime-local"],body.is-rounded-corners input[type="email"],body.is-rounded-corners input[type="month"],body.is-rounded-corners input[type="number"] input[type="url"],body.is-rounded-corners input[type="week"],body.is-rounded-corners input[type="search"] input[type="tel"],body.is-rounded-corners select,body.is-rounded-corners textarea,body.is-rounded-corners .ic-section-title.panel-heading,body.is-rounded-corners .ic-notice-field,body.is-rounded-corners #searchfield,body.is-rounded-corners .mention-edit-highlights,body.is-rounded-corners #notification_list,body.is-rounded-corners .discussion button.add-comment-btn,body.is-rounded-corners .form-toolbar-bottom,body.is-rounded-corners #applications.app-wrapper-list li a,body.is-rounded-corners div.admin-filter+.clear .admin-icon a.admin-icon-link,body.is-rounded-corners .grid-stack-item.tile-heading-bar .custom-heading,body.is-rounded-corners .grid-stack-item.tile-feature-link .custom-feature-link,body.is-rounded-corners .bbcode-upload-container>.pull-right,body.is-rounded-corners #issue_form .form-toolbar-bottom,body.is-rounded-corners.infocapture.update-form .hd-view-issue-list+.form-group,body.is-rounded-corners .is-rounded-component,body.is-rounded-corners #page_navigation .navbar-toggle{
    border-radius:6px
}
body.is-rounded-corners .form-inline.admin-filter .input-group-addon,body.is-rounded-corners .input-group>.form-control+.input-group-btn,body.is-rounded-corners label[class*="is-field-icon-append-"]+.form-inline:after{
    border-top-right-radius:6px;
    border-bottom-right-radius:6px
}
body.is-rounded-corners #projects_tab>.input-group .input-group-addon,body.is-rounded-corners .discussion-component #doc_realname,body.is-rounded-corners label[class*="is-field-icon-prepend-"]+.form-inline:after{
    border-top-left-radius:6px;
    border-bottom-left-radius:6px
}
body.is-rounded-corners ul.main_menu__list>li.has-sub:hover{
    border-top-left-radius:6px;
    border-top-right-radius:6px
}
@media (min-width: 768px){
    body.is-rounded-corners .dropdown,body.is-rounded-corners .dropdown a,body.is-rounded-corners .dropdown-menu,body.is-rounded-corners .dropdown-menu a,body.is-rounded-corners ul.main_menu__list a,body.is-rounded-corners .main_menu__list>li>a,body.is-rounded-corners .main_menu__list>li.has-sub ul{
        border-radius:6px
    }
    body.is-rounded-corners .main_menu__list>li.has-sub ul{
        border-top-left-radius:0
    }
}
@media (max-width: 767px){
    body.is-rounded-corners #page_navigation #navPages{
        border-bottom-left-radius:6px;
        border-bottom-right-radius:6px
    }
}

*/

/*************************************************************
MENU ICONS + ASSOCIATED PICKER
*************************************************************/

#menu_icon.icon_picker_wrap .icon_picker_wrap { display:flex; flex-direction:column; gap:8px; }
#menu_icon.icon_picker_wrap .icon_search_bar { display:flex; align-items:center; gap:8px; }
#menu_icon.icon_picker_wrap .icon_search_bar input[type="search"]{
  width: 320px; max-width:100%; padding:8px 10px; border:1px solid #ddd; border-radius:6px;
}
#menu_icon.icon_picker_wrap .icon_list__empty { font-size: 14px; color:#333; padding: 6px 2px; }

#menu_icon.icon_picker_wrap .icon_list {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
	  overflow-y: scroll;
max-height: 400px;
width:100%;
max-width:100%;
min-width:100%;
}
#menu_icon.icon_picker_wrap .icon_choice {
	display: block;
    position: relative;
    min-width: 20px;
    min-height: 20px;
    padding: 10px 14px;
    margin: 2px;
    border-radius: 4px;
    cursor: pointer;
    border: 1px solid #ddd;
    font-size: 28px;
    line-height: 32px;
}
#menu_icon.icon_picker_wrap .icon_choice.selected {
	margin: 1px;
	border: 2px solid #428bca;
	background: #eff6fe;
}
#menu_icon.icon_picker_wrap .icon_choice ion-icon {
  font-size: 22px;
}
.menu-bar ul.main_menu__list li a{
		display:flex;
		align-items:center;
		align-content:center;
}
.main_menu__list li a ion-icon{
		font-size:1rem;
}
.main_menu__list li:before{
	content:none;
}

/*************************************************************
HEADER BUTTONS
*************************************************************/

.grid-stack-item .card-header:has(.is-card-header-btn){
	display:flex;
	justify-content: space-between;
	align-items:center;
}