@charset "utf-8";

html, body { font:1rem Nunito, Arial, Helvetica, sans-serif; height:100%; background: #f7f7fd !important; }

h1, h2, h3, h4, h5, h6 { font-family: Nunito, Arial, Helvetica, sans-serif; }

h6 { font-size:0.625rem; line-height:1em; font-weight:normal; font-family: Nunito, Arial, Helvetica, sans-serif; /* IE9 */ -webkit-font-smoothing:subpixel-antialiased; text-transform:uppercase; color:#bbb; }

table { width:100%; }

a { color:#999; text-decoration:none; }
a:hover { color:#333; }

nav a { color:#999; cursor:pointer; text-decoration:none; display:inline-block; -webkit-transition:color 0.4s ease-in; -moz-transition:color 0.4s ease-in;  -o-transition:color 0.4s ease-in;  transition:color 0.4s ease-in; }
nav a:hover { color:#ccc; -webkit-transition:color 0.05s ease-in; -moz-transition:color 0.05s ease-in;  -o-transition:color 0.05s ease-in;  transition:color 0.05s ease-in; }

/* Global Layout */

#main { z-index:2; position:relative; }

#header {
    z-index:5;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0.1rem;
}

#header_user a {
    display: none;
}

#header_user {
    display: flex;
}

#search_and_acct {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 0.5rem;
    align-items: center;
}

#search_wo {
    margin-right: 1rem;
}
#search_wo input[name="wid"], #search_site input[name="search"] {
    padding: 0.25rem;
    width: 8rem;
}

@media (min-width: 768px) {
    #header {
        padding: 0.5rem 2rem
    }
    #search_wo input[name="wid"], #search_site input[name="search"] {
        width: 10rem;
    }
    #search_and_acct {
        padding: 0;
        width: auto;
    }
    #header_user a {
        display: block;
    }
}

.card-title {
    margin-top: 0;
}

.local-environment #header,
.local-environment .environment-highlight,
.local-environment #header_user_dropdown { background-color: white; }
.local-environment .environment-highlight a,
.local-environment #header a { color: #191e25; }

.development-environment #header,
.development-environment .environment-highlight,
.development-environment #header_user_dropdown { background-color: #a0c8a0; }
.development-environment .environment-highlight a,
.development-environment #header a { color: #204820; }

.integration-environment #header,
.integration-environment .environment-highlight,
.integration-environment #header_user_dropdown { background-color: #60e8f0; }
.integration-environment .environment-highlight a,
.integration-environment #header a { color: #204820; }

.test-environment #header,
.test-environment .environment-highlight,
.test-environment #header_user_dropdown { background-color: #ffb030; }
.test-environment .environment-highlight a,
.test-environment #header a { color: #410; }

.sandbox-environment #header,
.sandbox-environment .environment-highlight,
.sandbox-environment #header_user_dropdown { background-color: #ffb030; }
.sandbox-environment .environment-highlight a,
.sandbox-environment #header a { color: #410; }

#header_mail { padding:0 6px; margin-right:1em; cursor:pointer; position:relative; }
#header_mail i { color:#eee; position:relative; left:-2px; top:-3px; }
#header_mail b { color:#7399c6; position:absolute; left:0; bottom:-3px; width:100%; text-align:right; font-size:11px; font-style:normal; }
#notifications { position:absolute; top:100%; right:0; margin-top:-10px; background:#fff; width:250px; line-height:1.1em; font-size:12px; display:none; box-shadow:1px 2px 2px #aaa; }
.ie8 #notifications { border:1px solid #ccc; }
#notifications.loading { height:35px; background-image:url(/admin/images/progress1.gif); background-position:center; background-repeat:no-repeat; }
#notifications > a { padding:1em; display:block; color:#555; }
#notifications > a.new { background:#f0f4f9; color:#7399c6; }
#notifications > a + a { border-top:1px dashed #ccc; }
#notifications > a:hover { color:#000; }
#notifications .title { font-weight:bold; }
#notifications .text { margin:3px 0; }
#notifications .date { font-style:italic; font-size:11px; color:#aaa; }
#header_user { position:relative; }
#header_user i { margin-right:3px; }
#header_user_dropdown { position:absolute; left:-5%; top:20px; width:150%; background:#fff; line-height:0.75rem; border:1px solid #ddd; border-top:none; display:none; padding: 1rem;}
.dark-mode #header_user_dropdown { border-color: var(--white30); }
#header_user_dropdown a { display:block; padding:0 5px 5px 5px; }
#header_user:hover #header_user_dropdown { display:block; text-align:center; }
#module { z-index:1; overflow:hidden; padding:10px; }
.site_ctr .third .half img.block { background:#eee; }

/* Admin Containers */
.col { float:left; padding:12px; /* .pad3 */ position:relative; overflow:auto; }

/* Admin Containers */
.col:after, .col footer:after { content:''; display:table; clear:both; }
.col > footer { border-bottom:1px solid #ddd; }
.col *:first-child { margin-top:0; }

.container,
.container-fluid {
	background-color: #FFFFFF;
}
.dark-mode .container,
.dark-mode .container-fluid {
    background-color: #000;
}
.dark-mode #filter_container .container,
.dark-mode #filter_container .container-fluid {
    background-color: var(--black10);
}
.primary > header { background:#f0f4f9; color:#7399c6; border-top:2px solid #7399c6; border-bottom:1px solid #ccc; padding:7px 12px; font-size:1.375rem; line-height:1.125em; font-family:Arial, Helvetica, sans-serif; /* IE9 needs font separated */ }
.primary > header .btn_bar { float:right; font-size:1rem; }
.primary > article { overflow:auto; }
.primary > footer { background:#f0f4f9; color:#7399c6; border-bottom:2px solid #7399c6; border-top:1px solid #ccc; clear:both; padding:6px; zoom:1; line-height:27px; }
.primary > footer button:not(.btn), .col > footer .button:not(.btn), .submit-button:not(.btn), .col > footer input[type=submit]:not(.btn), input[type=submit]:not(.btn) { background:#7399c6; color:white; font-size: 11pt!important; height:1.75rem; display:inline-block; float:right; margin-left:6px; padding:0 6px; }
.primary > footer button[disabled], .col > footer .button[disabled], .col > footer input[type=submit][disabled] { background:#e4e6ef; color:#969696; cursor:default; }
.primary > footer .button { line-height:1.75rem; }
.primary > footer button:hover { background-color:#7399c6!important; }
.primary > footer button.loading:before,
.primary > footer button.proposed {
    background: #333;
    color: #fff;
}
.button.loading:before { width:16px; height:11px; line-height:11px; display:inline-block; background:url(/admin/images/progress1.gif) no-repeat center; content:" "; margin-right:10px; }
.primary .menu a { display:block; font-size:14px; }

#module .primary .tabs { border-bottom:1px solid #ccc; line-height:1.5rem; }
.primary .tabs a { cursor:pointer; }
.primary .tabs a:hover { background:#e3e3e3; color:#333; }
.primary .tabs a.bg_gryF { color:#333; background:#f3f3f3; }

.primary .tabbed a[name] { height:12px; margin-top:12px; }
.primary .tabbed a[name]:first-child { margin-top:-12px; }
.primary .tabbed h1, .primary .tabbed h2 { text-transform:uppercase; padding:6px 12px; margin:0 0 6px; font:bold 1em/1em Arial,Helvetica,sans-serif; clear:both; }
.primary .tabbed h1 { color:white; background:#7399c6; }
.primary .tabbed h2 { color:#7399c6; background:white; }
.primary .tabbed .col h2 { padding-left:0; padding-right:0; }
.primary .tabbed > *:last-child { margin-bottom:12px; }

.primary hr { border:0; border-bottom:1px dashed #ddd; background:none; padding-top:24px; margin:0 0 24px; clear:both; }

.full-height { height:100%; }
.full-height, .primary, .secondary { position:relative; }
.col article { background:white; position:relative; }

.secondary article { margin-top:12px; height:auto; }
.secondary article:first-child { border-top-width:0; }
.secondary article > header { padding:0 12px; border-bottom:1px solid #eee; border-top:1px solid #ccc; line-height:1.75em; font-weight:bold; color:#555; }
#module .secondary article > .menu > a { display:block; line-height:1.5rem; padding:3px; margin:0 3px; }
.secondary article > .menu > a { border-top:1px dashed #eee; color:#999; transition:all ease-in-out 0.2s; }
.secondary article > .menu > a:first-child { border-top:0; }
.secondary article > .menu > a:hover { text-indent:3px; color:#777; }
.secondary article > .menu > a.on { color:#555; text-indent:0; font-weight:bold; }

.secondary .info_nav header { background:#333; color:white; font-size:1.375rem; line-height:1.75em; padding:0 12px 12px 12px; border-top-color:#000; }
.secondary .info_nav header .bg_gry9 { margin:0 -12px -12px; }

.tab { border:1px solid #bbb; border-bottom:0; display:inline-block; padding:0 12px; color:#999; }
.tab.current { background:#bbb; color:white; }

tab_content > .redactor_box { height:100%; display:flex; flex-direction:column; }
tab_content > .redactor_box iframe { flex:1 1 0; }


#module .lite_btn { background:#e4e6ef; color:#545c97; }
#module .lite_btn:hover { color:white; }

/* System Messages and Alerts */
alert { display:block; padding:6px 12px; border:1px dashed; position:relative; cursor:default; font-size:0.75rem; line-height:1.375em; }
alert[data-closable="1"]:before { /* close icon */ content:"\e865"; font-family:'moon-entypo-awesome'; position:absolute; top:6px; right:8px; cursor:pointer; }
alert > div { color:#000; padding-top:6px; }
alert > header { font-size:0.875rem; }
alert > header:before { /* icons */ display:inline-block; margin-right:6px; width:1em; text-align:center; font-family:'moon-entypo-awesome'; }
alert[data-type="good"] { background:#e5f5e5; color:#090; }
alert[data-type="good"] > header:before { content:"\e863"; /* checkmark-circle icon */ }
alert[data-type="info"] { background:#FFF8E5; color:#ffbe00; }
alert[data-type="info"] > header:before { content:"\e860"; /* info3 icon */ }
alert[data-type="warn"] { background:#fae5e5; color:#c00; }
alert[data-type="warn"] > header:before { content:"\e864"; /* spam icon */ }

#system_message { padding:22px 22px 0; }

#toaster { position:fixed; top:42px; right:6px; height:auto; width:250px; z-index:100000; }
#toaster alert { margin-bottom:6px; }

.alert_box { position:relative; padding:6px 12px; border:1px dashed; line-height:1.375em; }
.alert_box > div { color:black; padding-top:6px; }
.alert_box:before { /* close icon */ content:"\e865"; font-family:'moon-entypo-awesome'; position:absolute; top:6px; right:8px; cursor:pointer; }
.alert_box > header:before { /* icons */ display:inline-block; margin-right:6px; width:1em; text-align:center; }
.alert_box.no_close:before { display:none; }

.blu { color:#7399c6; }
.red { color:#CC0000; }
.ylw { color:#FFBE00; }
.grn { color:#009900; }

#module .bg_blk { background-color:rgba(0,0,0,1); }
#module .bg_grn { background-color:rgba(0,153,0,1); }
#module .bg_pur { background-color:rgba(87,0,127,1); }
#module .bg_red { background-color:rgba(153,0,0,1); }
#module .bg_org { background-color:rgba(255,144,0,1); }

.center_char { display:block; width:1em; line-height:1em; position:absolute; top:50%; left:50%; margin:-0.5em 0 0 -0.5em; }

.btn_bar { padding-left:12px; }
.btn_bar [class*='icon-'] { line-height:1.5em; height:1.5em; width:1.5em; display:inline-block; cursor:pointer; text-align:center; }
table td.btn_bar [class*='icon-'] { margin:0 0.25em;  }
.btn_bar .icon-close:hover { color:#c00; }
.btn_bar .icon-pencil3:hover { color:#000; }

.list_table tr th { line-height:2.5em; }
.list_table label { padding:0.5em 1.5em; }
/*.list_table
.list_table
*/
.list_table tr td { color:#333; }

.dark-mode .list_table tr td { color: var(--smart-table-fg); }
.dark-mode .list_table tr.high-visibility td {
    color: var(--black90);
}

.list_table tr:hover td { background:var(--bs-white-rgb); color:black; }
.list_table2 tr:hover td { background:transparent; color:black; }
.dark-mode .list_table2 tr:hover td { background:transparent; color: #fc0; }

.list_table.alt { width:100%; }
.list_table.alt tr:nth-child(even) td { background:var(--bs-white-rgb); }
.list_table.alt tr:hover td { background:#ddd; color:black; }

@-webkit-keyframes icon-spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes icon-spin {
    from { transform:rotate(0deg); }
    to { transform:rotate(360deg); }
}
.spinning { animation:icon-spin 1s linear infinite; -webkit-animation:icon-spin 1s linear infinite; }

/* popup checklist */
ul.checklist li { list-style:none; }
ul.checklist .icon-ok { color:#090; }
ul.checklist li[data-entered="0"] { color:#900; }


/* Custom tags */
user, ticket, file { display:inline-block; cursor:pointer; }
.system_action user { cursor:default; }
user:hover, ticket:hover, file:hover { color:#5666D4; }
message, status { display:block; }

ticket, user, project { cursor:pointer; }
ticket:before, user:before, project:before { font-family:'moon-entypo-awesome'; margin-right:2px; position:relative; top:1px; }
user:before { content:"\e938"; }
ticket:before { content:"\e994"; }
project:before { content:"\e81b"; }


/* Plugin Overrides */
.ui-table-rows a, .ui-table-rows a:hover, .ui-table-rows a:active { color: #000; text-decoration: none; }
.ui-table-rows row.uit-selected a, .ui-table-rows row.uit-selected a:hover, .ui-table-rows row.uit-selected a:active { color: #eee; text-decoration: none; }
.ui-table-rows row.uit-selected { background-color:#7399c6; }
.formtabs tab.open { background:#baa3ab; }
.formtabs { border-color:#baa3ab; border:none; }
.formtab_contents { border:1px solid #baa3ab; margin:0 12px 12px; }
.dark-mode .formtab_contents { border:1px solid #000; }
.formtabs tab { border-bottom:0; margin-right:3px; }
.formtabs tab.ico_only { border:0; background:none; color:#baa3ab; position:relative; width:1.5em; text-align:center; margin-right:0; }
.formtabs tab.ico_only i { position:absolute; top:50%; left:50%; margin:-0.5em 0 0 -0.5em; height:1em; font-size:1.25em; line-height:1em; }
.formtabs tab.ico_only.open { background:#baa3ab; color:white; }

#module input.negative { background:#fae5e5!important; border-color:#fae5e5!important; color:#900!important; }
.hasskill td:first-child label { color:#f90; }

.grid > article.okay {
    background: #e0ffe0;
}

div.circle-okay {
}

div.circle-okay i {
    color: #0a0;
    font-size: 48pt;
    opacity: 0.5;
}

.clear { clear: both; }
.no-float { float: none !important; }

#modal-add-reports,
#modal-remove-report,
#modal-add-dashboard,
#modal-rename-dashboard,
#modal-delete-dashboard,
#modal-default-dashboard,
#dashboard-menu-bar {
    display: none;
}