@import url("../../Pages/JavaScript/OpenSans/v1/css/OpenSans.css");
/* Import the theme variables*/
@import url("theme-variables.css");

body { font-size: 14px; }
.pebbles .big-search { font-size: 14px; }

body, h1, h2, h3, h4, h5, h6, .full_row_input .select2-choices li.select2-search-field input, .paneldropdown, td, th 
{font-family: var(--cg-font-family); }
.widget_header{ font-family: var(--cg-font-family);}

/*
=================================================
Default document colors; inherited by all child elements.
=================================================
*/

html, body
{
	color: #000000 /* Color #2 - text dark */;
}

/* IE: legend doesn't inherit */
legend
{
	color: #000000 /* Color #2 - text dark */;
}

/* Text selection */
::-moz-selection
{
	background: var(--cg-primary-150) /* Color #6 - theme color 4 */;
	color: #FFFFFF /* Color #8 - default backcolor */;
}
::selection
{
	background: var(--cg-primary-150) /* Color #6 - theme color 4 */;
	color: #FFFFFF /* Color #8 - default backcolor */;
}

/*
=================================================
Default hyperlink colors.
=================================================
*/

a:link, a:visited, .clickable-text
{
	color: var(--cg-primary) /* Color #7 - theme color 5 */;
}

/* Upon hover the hyperlink should use a different color and show underlined */
a:link:active, a:visited:active
{
	color: var(--cg-primary-150) 
}

/* Hyperlinks in table headers should always be black, and as a result should always be underlined. Usually this involves sort-on-click. */
th a:link, th a:visited, th a:link:hover, th a:visited:hover, th a:link:active, th a:visited:active
{
	color: #333333 /* Color #2 - text dark */;
}

/*
=================================================
Default form element colors
=================================================
*/

/* Enabled buttons appear with theme color
button, input[type="button"], input[type="submit"], input[type="reset"], input.button
{
	border-color: var(--cg-primary-150);
	background-color: #80BDD7;
	color: #000000;
} */

/* Upon click use other (darker) color
button:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, input.button:active
{
	background-color: var(--cg-primary-150);
} */

/* Disabled buttons appear gray
button[disabled], input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled], input.button[disabled]
{
	border-color: #B5B5B5;
	background-color: #B5B5B5;
	color: #6C6C6C;
} */

.btn-normal:disabled 
{
	border-color: #cccccc;
	color: #999999;
}

.btn-normal:disabled > span.fa 
{
	color: #999999;
}

/* Enabled text input elements appear with default background color */
textarea, input[type="text"], input[type="password"], input.text, input.password, select
{
	background-color: #FFFFFF /* Color #8 - default backcolor */;
	border-color: var(--cg-primary-150) /* Color #6 - theme color 4 */;
}

/* Disabled text input elements appear shaded */
textarea[disabled], input[type="text"][disabled], input[type="password"][disabled], input.text[disabled], input.password[disabled], select[disabled], textarea[readonly], input[type="text"][readonly], input[type="password"][readonly], input.text[readonly], input.password[readonly]
{
	background-color: #E6F3F8 /* Color #3 - theme color 1 */;
}

/* Text/selection input elements with invalid or errornous value */
textarea.invalid, input[type="text"].invalid, input[type="password"].invalid, input.text.invalid, input.password.invalid, select.invalid, .Xedit.invalid>input, .Xcombo.invalid 
{
	border-color: rgb(204, 0, 0) /* TODO define error color */;
}

label.invalid, .XrichLabel.invalid>span, .Xlabel.invalid
{
	color: rgb(204, 0, 0) /* TODO define error color */;
}

/* Fieldset (group box) has theme colored border */
fieldset
{
	border-color: #80BDD7 /* Color #5 - theme color 3 */;
}

/* Legend for fieldset (group box) has theme colored font */
legend
{
	color: #006D9C /* Color #7 - theme color 5 */;
}

/*
=================================================
Default horizontal separator line layout
=================================================
*/

hr
{
	border-color: #e8e8e8;
}

/*
=================================================
Reusable classes for global page layout
=================================================
*/

:root.dashboard body,
:root body.dashboard
{
	filter: none /* Prevent DXImageTransform.Microsoft.Gradient from being applied in IE9 */;
}

.no-margin{margin: 0 !important;}
.no-margin-top{margin-top: 0 !important;}
.no-margin-bottom{margin-bottom: 0 !important;}
.small-margin-top{margin-top: 5px;}	
.small-margin-bottom{margin-bottom: 5px;}
.normal-margin-top{margin-top: 10px;}
.normal-margin-bottom{margin-bottom: 10px;}
.wide-margin-top{margin-top: 20px;}
.wide-margin-bottom{margin-bottom: 20px;}
.extra-margin-top{margin-top: 50px;}
.extra-margin-bottom{margin-bottom: 50px;}

/*
=================================================
Reusable classes for gridview layout
=================================================
*/

table.gridview
{
	border-color: #e8e8e8 ;
	border-width: 0;
}

table.gridview tr
{
	background-color: #FFFFFF;
}

table.gridview tr.alt
{
	background-color: #FFFFFF;
}

table.gridview th
{
	background-color: #ededed;
	border-color: #dbdbdb;
	color: #6b6b6b;
}

table.gridview td
{
	border-color: #e8e8e8 ;
}

table.gridview td.alt
{
	background-color: #f6f6f6;
}

table.gridview tbody tr:last-child th
{
	border-bottom-color: #e8e8e8;
}

.gridview-col-action-close:hover
{
	border-color: var(--cg-primary) /* Color #5 - theme color 3 */;
	background-color: #f6f6f6 /* Color #3 - theme color 1 */;
}

/*
=================================================
Default navbar layout
=================================================
*/

.navbar
{
	background-color: #f6f6f6; 
	border-color: #e8e8e8;
}

/*
=================================================
Default optionspanel layout
=================================================
*/

.optionspanel
{
	border-color: #e8e8e8;
}

/*
=================================================
Default progress bar layout
=================================================
*/

.nsc-pbar
{
	border-color: #006D9C /* Color #7 - theme color */;
	background-color: #FFFFFF /* Color #8 - default backcolor */;
}

.nsc-pbar-f
{
	background-color: var(--cg-primary-150) /* Color #6 - theme color 4 */;
}

.nsc-pbar-ft
{
	color: #FFFFFF /* Color #1 - text light */;
}

.nsc-pbar-fp
{
	border-color: #80BDD7 /* Color #5 - theme color 3 */;
}

div.treenode:hover
{
	background-color: var(--cg-primary);
	color: #ffffff;
}

div.treenode:hover a
{
	color: #ffffff;
}


/* CSS classes for Page Navigation */

.pagination>li>a, .pagination>li>span{border-color: #e8e8e8;}
.pagination>li>a{color: var(--cg-primary);}
.pagination>li.active>a{background: var(--cg-primary); color: #ffffff; border-color: var(--cg-primary);}
.pagination>li>a:hover, .pagination>li.active>a:hover{background: var(--cg-primary-150); color: #ffffff; border-color: var(--cg-primary-150);}
.pagination>li>span:hover{background: transparent;}
.pagination>li>a .ic{color: var(--cg-primary);}
.pagination>li>a:hover .ic{color: #ffffff;}

/* Alert colors */

.alert-success{background: #bcffdd;border-color: #8ce7b9; color: #187848;}
.alert-info{background: #bcf8ff;border-color: #9ce6ef; color: #007582;}
.alert-warning{background: #fff0ab;border-color: #f3d95f; color: #7e6c1a;}
.alert-danger{background: #ffabc5;border-color: #ff7da5; color: #a3002e;}
.alert-secondary{background: #e2e3e5;border-color: #d3d6d8; color: #41464b;}

.text-success {color: #4bb200;}
.text-info{color: #007582;}
.text-warning{color: #7e6c1a;}
.text-danger{color: #a3002e;}

.input-success{border-color: #4bb200; }
.input-info{border-color: #007582; }
.input-warning{border-color: #7e6c1a; }
.input-danger{border-color: #a3002e;}

.text-tip{color: #187848; font-weight: bold;}
.text-tip .fa{color: #187848}

.alert-nomargin{margin: 0; border-radius: 0; padding: 6px 10px;}

.label-success{background: #bcffdd; color: #187848;}
.label-info{background: #bcf8ff; color: #007582;}
.label-warning{background: #fff0ab; color: #7e6c1a;}
.label-danger{background: #ff0054;}
.label-neutral{border: 1px solid #999999 ;color: #999999;}

.status{background: #999999; color: #ffffff;}
.status-alert{background: #ff0054;}
.status-busy{background: #fff0ab; color: #7e6c1a;}
.status-done{background: var(--cg-primary);}

.project-status{background: #999999; color: #ffffff;}
.project-status-initialized{background: #fff0ab; color: #7e6c1a;}
.project-status-started{background: #4bb200;}
.project-status-frozen{background: var(--cg-primary);}
.project-status-closed{background: #ff0054;}

.alert .close{opacity: 0.5}

/* default text color */
body, #header_options>a, .nav>a, .backup-menu ul li a, .unread .item_description, .notes_overview li, .mail_overview>ul>li .sender, .item-list li .item-list-menu a:hover, .text-default{
	color: #3e3e3e;
}

a.non-clickable
{
	color: #3e3e3e !important;
}

.v11_module_title
{
	color: #3e3e3e !important;
}

/* softer text color */
.text-muted, .huge-menu.altview li a span, .mail_overview>ul>li .sender span, .mail_overview li .item-list-menu a, .test_nav .pagination, .item-description, dt, .mini-header, .ic.text-muted{
	color: #999999;
}

/* action color */
a, .btn-link, .btn-like-link{
	color: var(--cg-primary); 
}

.menu_on_light ul li a span
{
	color: var(--cg-primary) !important;
	}

/* action:hover color */
a:hover, .btn-like-link:not(:disabled):hover {
	color: var(--cg-primary-150);
}

/* action white color */
.whitecolor, .ic.whitecolor, .notif_count, .item-list-header.overdue, .item-list.overdue >li a:hover, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .dropdown-menu li > a:hover .fa, .dropdown-menu li > a:hover .tscon, .dropdown-menu li > a:focus .fa, .dropdown-submenu:hover > a .fa, .page_actions, .page_actions a, .page_actions a:active, .checked_item .item_description, .test_nav .pagination .active a, .backup-menu ul ul li:hover a, .huge-menu li:hover a, button.btn-primary, input.btn-primary, a.btn-primary, .Xtree.XtreeOnAmbient,
.checked_item, .checked_item a, .item-list li.checked_item .item-list-menu a, .checked_item .fa, .checked_item .item_title .fa, .checked_item .item_description, .checked_item.unread .item_description, .checked_item .item-badge, .checked_item .item-badge .text-muted, 
.highlighted_item, .highlighted_item a, .highlighted_item a:hover, .item-list li.highlighted_item .item-list-menu a, .highlighted_item .fa, .highlighted_item .item_title .fa, .highlighted_item .item_description, .highlighted_item.unread .item_description, .highlighted_item .item-badge, .highlighted_item .item-badge .text-muted,
.select2-container-multi .select2-choices .select2-search-choice-focus, .XtiledList.DialogAnswerOptions ul li:hover, .pagination > li > a.checked_item_pager, .pagination > li > span.checked_item_pager, .page_actions > ul > li > a > .fa, .page_actions > ul > li > a > .tscon, .page_actions > ul > li > .btn-group > a > .fa, .page_actions > ul > li > .btn-group > a > .tscon{
	color: #ffffff;
}
.page_actions i.fa {color:#ffffff;}
.page_actions.page_actions_light i.fa {color:var(--cg-primary) !important;}
.page_actions.page_actions_light a .icon_label {color:var(--cg-primary);}
.page_actions.page_actions_light a:hover .icon_label, .page_actions.page_actions_light a:hover .ic {color:#ffffff !important;}
.whitecolor > a, .v10_module_title, .XtiledList.DialogAnswerOptions ul > li:hover > a > div:last-child, .badge-primary, .badge-primary:link, .badge-primary:visited, .badge-primary:active
{
	color: #ffffff !important;
	}
.arrowed-dropdown:after, .notes_overview:after, #header .dropdown-menu:after, .arrowed-dropdown:after, .notes_overview:after{
	border-bottom-color: #ffffff;
}
.caret-white{
	border-top-color: #ffffff;
}

/* white background color */
.file_list, .file_list_header, .card, .back_to_list, .pager_bottom, .notes_overview, .mail_overview>ul>li, .item-list .item-badge, .test_nav, .full_page_popup, .webstylelayout .containsMaximizedWidget, .webstylelayout, .lightbackground, .widget-item-list, #selecteddetails{
	background-color: #ffffff;
}
.lightbackground.XponentControlBase
{
	background-color: #ffffff !important;
	}

/* icon color */
.fa, .item_title .fa, .fa.main-icon, .item-list li .item-list-menu a, .tscon{
	color: #5F5F5F;
}

/* page actions bar (default: dark grey)*/
.page_actions{
	background-color: #5f5f5f;
}
.page_actions.page_actions_light{
	background-color: var(--cg-primary-15);
}

/* default border line */
.defaultborderline, .card-with-border, .file_list_header, .backup-menu ul ul, .widget_options, .portal_overview_bar, .item-list-header, .item-list>li, .widget-item-list, .back_to_list, .pager_bottom, .notes_overview li, .notes_overview .overview-header, .message_input_field, .test_back, .test_next, .test_nav, .overview-pager, .overview_subheader, #selecteddetails, #selecteddetails .detailstitle{
	border-color: #e8e8e8;
}

/* alternative border line */
.dropdown-title, .item-list > li.draft, .mail_tail, .dropdown-header, .dropdown-separator{
	border-color: #dbdbdb;
}
#header_options > li:before, #ddAdmin > a:before, .mail_tail
{
	background-color: #dbdbdb;
}

/* default grey background */
body, .defaultgreybackground, .widget_options, .item-list-header, .popup_right, .popup_buttons, .overview_subheader, .card-default{
	background-color: #f6f6f6;
}

/* default button color */
.defaultbuttoncolor, .darkerbackground, .card-darker, .avatar, .onpage_menu_panel_widgetgallery, #_divBase, .webstylelayout #widget_page > .column:first-child, .select2-container-multi .select2-choices .select2-search-choice{
	background-color: #ededed;
}

.message_input_field_options, .webstylelayout #widget_area{
	border-color: #ededed;
}


/* darker grey color */
.item-list3>li:after{
	background-color: #cccccc;
}
.close_popup{
	color: #cccccc;
}
.arrowed-dropdown:before, .notes_overview:before, #header .dropdown-menu:before, .notes_overview:before{
	border-bottom-color: #cccccc;
}
.popup_header, .popup_left, .btn, textarea, input[type="text"], input[type="password"], input.text, input.password, select{
	border-color: #cccccc;
}

/* darker grey color 2 */
.badge{
	background-color: #b6b6b6;
}
.btn:not(:disabled):hover {
	border-color: #b6b6b6;
}

/* white to slightly grey gradient */
#header, .dropdown-title, .btn, .btn:not(:disabled):hover, .item-container-header, .popup_header, .search-dropdown .search-dropdown-filter, .item_header, .portal_overview_bar, .v12grid th {
	background-color: #ededed;
	background-image: url('maingradient.png');
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	/*
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ededed 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ededed 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
	*/
}


/* xprog dialog headers become flat and white */
 .ts-dialog2-header {
	background-color: #ffffff;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 100% 100%;
}

/* action color */
.btn-primary, .checked_item, .checked_item .item-badge, .highlighted_item, .highlighted_item .item-badge, .dropdown-menu li > a:hover, .dropdown-menu li > a:focus, .dropdown-submenu:hover > a, .test_nav .pagination .active a, .backup-menu ul ul li:hover, .huge-menu li:hover, .Xmenu.XmenuButtonStyle > ul > li, .select2-container-multi .select2-choices .select2-search-choice-focus, .select2-results .select2-highlighted, .XtiledList.DialogAnswerOptions ul li:hover, .pagination > li > a.checked_item_pager, .pagination > li > span.checked_item_pager, .badge-primary{
	border-color: var(--cg-primary); 
	background: var(--cg-primary);
	filter: none;
}
.page_extra_actions, .select2-drop-active, .select2-container-multi.select2-container-active .select2-choices{
	border-color: var(--cg-primary); 
}

.dropdown-menu li > a, .detailintro .dropdown-menu li > a:not(:hover){color: var(--cg-primary);}
{
	color: var(--cg-primary);
	}

/* action:hover color */
.btn-primary:not(:disabled):hover, .badge-primary:hover {
	border-color: var(--cg-primary-150);
	background: var(--cg-primary-150);
}

/* btn-alert */
.btn-alert, .btn-alert:active, .btn-alert:focus{
	background: #ff0054; 
	border-color: #ff0054; 
	color: #ffffff;
}
.btn-success, .btn-success:active, .btn-success:focus
{
	background: #4bb200;
	border-color: #4bb200;
	color: #ffffff;
	}
.btn-alert:not(:disabled):hover, .btn-success:not(:disabled):hover{
	border-color: var(--cg-primary-150); 
	background: var(--cg-primary-150); 
	color: #ffffff;
}

.btn-normal{background: transparent; border-color: var(--cg-primary); color: var(--cg-primary);}
.btn-normal:not(:disabled):hover{background: var(--cg-primary); color: #ffffff; border-color: var(--cg-primary);}

.btn-normal .ic {
	color: var(--cg-primary);
}
.btn-normal:focus .ic {
	color: #ffffff;
}
.btn-normal:hover .ic{color: #ffffff;}

.btn:focus { color: #ffffff; }

/* action color dark */
.item-list.overdue >li a{
	color: var(--cg-primary-150);
}

.btn-link, .btn-link:not(:disabled):hover {
	border: 0;
	background: transparent;
	filter: none;
}

/* alert color (default: magenta) */
.notif_count, .item-list-header.overdue, .badge-important{
	background-color: #ff0054; 
}
.widget-item-list .item-list-header.overdue{
	border-color: #ff0054;
}
.item-list > li.unread, .mail_overview .unread{
	border-left-color: #ff0054;
}
.notif_active.fa, .alert-mode, a.alert-mode{
	color: #ff0054;
}

/* alert light tint */
.item-list.overdue >li, .widget-item-list .item-list.overdue >li{
	border-color: #f6bbce; 
	background-color: #ffe3ec;
}

/* color steps used for gradient effect when combined */
.colorstep1{color: #00baff}
.colorstep2{color: #0087dd}
.colorstep3{color: #c80943}
.colorstep4{color: #23cc8e}
.colorstep5{color: #43a67e}

/* not quick to be themed */
.unit_color1 {background-color: #ae3168}
.unit_color2 {background-color: #7f4c6d}
.unit_color3 {background-color: #8379ae}
.unit_color4 {background-color: #5f6aba}
.unit_color5 {background-color: #5085d8}
.unit_color6 {background-color: #58b0dc}
.unit_color7 {background-color: #35d0c9}
.unit_color8 {background-color: #23cc8e}
.unit_color9 {background-color: #43a67e}
.unit_color10{background-color: #74bb6e}
.unit_color11{background-color: #a3b751}
.unit_color12{background-color: #b3944e}
.unit_color13{background-color: #cc6c4c}
.unit_color14{background-color: #cc141c}
.unit_color_neutral {background-color: var(--cg-primary)}

/* success color */
.item_details .fa{
	color: #4bb200; 
}

.v10_module_title { font-weight:bold; color:#FFFFFF; }
.v11_module_title { font-weight:bold; color:#000000; }
.v10_module_downloaded { font-weight:bold !important; color:#FFFFFF !important; }

.icon_letter
{
	background-color: #5F5F5F;
	color: #FFFFFF !important;
	border-color: #ffffff;
}

.icon_letter18
{
	background-color: #5F5F5F;
	color: #FFFFFF;
}

.icon_letter28
{
	background-color: #5F5F5F;
	color: #FFFFFF;
}

.icon_letter64
{
	background-color: #5F5F5F;
	color: #FFFFFF;
}

.OfflinePortfolio .TitleBar_Title td, .OfflinePortfolio .TitleBar_Title span
{
	color: #ffffff !important;
	}
.XtreeOnAmbient a
{
	color: #ffffff;
}
	
.LegendBar a:link, .LegendBar a:visited
{
	color: #3e3e3e /* default text color */;
	cursor: default;
}


.Xradio a:link, .Xradio a:visited
{
	color: #3e3e3e /* default text color */;
}

.Studyrouteviewer
{
	background-color: #ffffff !important;
}

.Xlabel.highlightedtext{
	background-color: #fff0ab;
	border-style: solid;
	border-color: #f3d95f;
}


.streaming div.menu span.moduletitle
{
	color: #ffffff;
}

.streaming ul.menu .menuitem
{
	color: #ffffff !important;
}
 
.streaming ul.menu .menuitem:hover, .streaming ul.menu .menuitem:focus 
{
	background: none repeat scroll 0 0;
	background-color: var(--cg-primary);
}
	   
.streaming div.menu
{
	background-color: #5F5F5F;
}

.streaming div.category span.navtext
{
	color: #999999;
}

.streaming ul li span.marked
{
	color: #b6b6b6;
}

.streaming ul li span.done
{
	color: #007582;
}

.streaming ul li span.error
{
	color: #a3002e;
}

.streaming ul li span.started
{
	color: #7e6c1a;
}

.ItemExplorerScopes
{
	background-color: #CCCCCC;
}

.ItemExplorerUpload
{
	background-color: #FFFFFF !important;
}

.ItemExplorerElement.Browser,
.ItemExplorerElement.Browser .Xbrowser
{
	background-color: #FFFFFF !important;
}

.ItemExplorerElement.CMSSearch .Xgrid table > tbody > tr > td:not(.selected),
.ItemExplorerElement.CMSSearch .Xgrid
{
	background-color: #ffffff !important;
}

.CMSPickerBasket .Xgrid table > thead > tr > td a:focus,
.CMSSearchBasket .Xgrid table > thead > tr > td a:focus
{
	background-color: transparent !important;
	color: #999999 !important;
}

.CMSPickerBasket .Xgrid table > tbody > tr > td a:focus,
.CMSSearchBasket .Xgrid table > tbody > tr > td a:focus
{
	background-color: transparent !important;
	color: #3E3E3E !important;
}

.CMSPickerBasket .Xgrid table > tbody > tr > td.selected a:focus,
.CMSSearchBasket .Xgrid table > tbody > tr > td.selected a:focus
{
	background-color: transparent !important;
	color: #FFFFFF !important;
}

.CalculationMenu
{
	background-color: #5f5f5f !important;
}	
	
.appFolderPicker	
{
	width: 100%;
	height: 100%;
	margin: 0px;
	color: #3e3e3e;
	background-color: var(--cg-primary);
	background-repeat: no-repeat;
	background-position: top right;
	background-image: url('../../Images/LoginPage/gras.jpg') !important;
	background-size: cover;
	background-attachment:fixed;	
}
.v12grid{border-color: #dbdbdb; }
.v12fullwidth .v12grid{border-color: #dbdbdb; }
.v12grid th, .v12grid td{border-color: #dbdbdb; }
.v12grid th a{color: #999999;}

/* file picker overwrites */
.ItemExplorerScopes li a {background: #ffffff; border-color: #e8e8e8 !important;}
.ItemExplorerScopes li a {background: #ffffff; border-color: #e8e8e8 !important;}
.ItemExplorerScopes:not(.Xmenu):not(.XcontextMenu) li.selected a{border-color: var(--cg-primary) !important;}
#m_UploadPicker{background-color: #FFFFFF !important;	background-image: url('bg_upload.png');}
#m_LabelDescr{color: #999999;}
#m_UploadPickerInternal #m_LabelError > span:last-child{background: #ffabc5;border-color: #ff7da5; color: #a3002e;}

/* popup_tabs */
.popup_tabs li a{border-color: var(--cg-primary); background: #ffffff;}
.popup_tabs a.selected{background: var(--cg-primary); color: #ffffff;}

/* tiled list*/
.tiled_list_item em{color: #999999}
.tiled_list_item:hover{border-color: var(--cg-primary);}
.tiled_list_item.checked{background: var(--cg-primary); border-color: var(--cg-primary); color: #ffffff;}
.tiled_list_item.checked .fa, .tiled_list_item.checked .tscon, .tiled_list_item.checked em{color: #ffffff;}

.tiled_list_primary a{background: var(--cg-primary); border-color: var(--cg-primary); color: #ffffff;}
.tiled_list_primary a:hover, .tiled_list_primary a:focus{background: var(--cg-primary-150); border-color: var(--cg-primary-150); color: #ffffff;}
.tiled_list_primary a em{color: #ffffff;}

.tiled_list_secondary a {color:var(--cg-primary); background:#ffffff; border-color: var(--cg-primary); }

/* full screen loading indicator */
.loading-indicator{background-color: #f6f6f6;}
.vertical-splitter{background-color: #ededed;}

.PortalHeaderShadow{box-shadow: 0 1px 0 0 rgba(0,0,0,0.1) !important;}

/* newns v13 */

/* main-menu */
.main-menu{background: #3c3c3c; }
.main-menu.compact51 .main-items > li > a:hover > .main-item-name, .main-menu.compact51 .admin-items > li > a:hover > .main-item-name, .main-menu.compact51 .tools-items > li > a:hover > .main-item-name
{background: #ffffff; color: var(--cg-primary);}
.avatar-part .dropdown-menu:after {border-right-color: #ffffff;}
.avatar:hover{border-color: #ffffff; }
.avatar:hover::before{ border-color: #ffffff;}
.avatar-actions li a .fa, .avatar-actions li a .open_count, .avatar-actions li a .calendar_date{color: var(--cg-primary);}
.avatar-actions li a:hover .fa, .avatar-actions li a:hover .open_count, .avatar-actions li a:hover .calendar_date{color: #ffffff;}
.no-avatar-img{background: #ededed !important;}
.no-avatar-img:hover{background: #ffffff !important;}
.main-items a, .admin-items a, .tools-items a{color: #ffffff;}
.main-items a:hover, .admin-items a:hover, .tools-items a:hover{background: var(--cg-primary);}
.main-items a .fa, .main-items a .tscon, .admin-items a .fa, .admin-items a .tscon, .tools-items a .fa, .tools-items a .tscon{color: #ffffff;}
.main-help-items a{color: #ffffff;}
.main-help-items a:hover{background: var(--cg-primary); }
.main-help-items a .fa, .main-help-items a .tscon{color: #ffffff; }
.main-menu .active a, .main-menu a:focus{color: #ffffff;}
.main-menu a:focus .open_count, .main-menu a:focus .calendar_date{color: var(--cg-primary);}
.admin-menu:after {border-right-color: #ffffff;}
.tools-menu:after {border-right-color: #ffffff;}
.opened-menu:before{border-right-color: #ffffff;}
#open_workspaces li > a:first-child .fa, #open_workspaces li > a:first-child .tscon{color: #5f5f5f;}
#open_workspaces li > a:first-child:hover .fa, #open_workspaces li > a:first-child:hover .tscon{color: #ffffff;}

.search_menu_arrow {border-right-color: #ffffff;}
.quickfind .clear-searchkey .fa{color: #999999; }
.quickfind .clear-searchkey:hover .fa{color: #3e3e3e;}
.quickfind_results li a:hover{color: #001bdd; background: none;}
.quickfind_results li a:hover .text-muted{color: #ffffff; }
.quickfind_results li a .ic{ color: #5f5f5f; }
.quickfind_results li a .quickthumb .ic{ color: #5f5f5f;}
.search_menu_advanced{border-bottom-color:#dbdbdb;}
.search_menu_advanced > a:focus{color:var(--cg-primary-150) !important;}
.search_menu_advanced > a > span{color:#5F5F5F !important;}
.search_menu_advanced > a:hover > span{color:var(--cg-primary-150) !important;}
.quickthumb:not(.lic28quickthumb){background-color: #ededed;}

.admin-menu ul li a .fa, .admin-menu ul li a .tscon, .tools-menu ul li a .fa, .tools-menu ul li a .tscon{color: #5f5f5f; }
.admin-menu ul li a:hover .fa, .admin-menu ul li a:hover .tscon, .tools-menu ul li a:hover .fa, .tools-menu ul li a:hover .tscon{color: #ffffff;}

/* general */
.rowblock:after{ background: #e8e8e8; }
.rowblock.odd{background: #f6f6f6; }
.rowblock iframe{border: 0;}
.to_top_circle{ border-color: #cccccc;  background: #ffffff; }

/* tabs-bar */
.tabs-bar{background: var(--cg-primary); }
.tabs-bar > ul > li > a, .tabs-bar > ul > li > button{ color: #ffffff;}
.tabs-bar > ul > li > a:hover, .tabs-bar > ul > li > a:active, .tabs-bar > ul > li > button:hover, .tabs-bar > ul > li > button:active{ color: #ffffff/* !important*/;}
.tabs-bar > ul > li.active > a, .tabs-bar > ul > li.active > a:hover, .tabs-bar > ul > li.active > button, .tabs-bar > ul > li.active > button:hover{background-color: #ffffff; color: var(--cg-primary);}

.toggle-button{color: #ffffff;}
.toggle-button .fa{color: #ffffff;}

li:not(.active) #tabedit:not(:hover){background: #ff0054; }

/* main-top */	
.main-top{background: #ffffff;}
.pebbles .fa-home{color: var(--cg-primary);}
.pebble-title{color: #808080;}
.pebbles a.pebbles-selection{background: #f6f6f6; }
.pebbles a.pebbles-selection:hover{border-color: #cccccc;}
li.pebbleItem a:focus{border-color: #dbdbdb;}

/* smartportal */
.smartheader{background-color: var(--cg-primary);background-image: url(../../Pages/Portal/Content/Images/bg_dashboard.jpg); }
.smartheader h2{color: #ffffff;}
.smartheader a{color: #ffffff;}
.smart-tiles > li a{color: #ffffff; }
.smart-tiles > li a .fa, .smart-tiles > li a .tscon{color: #ffffff;}

/* thumbs-list */
.thumbs-list > li:hover > a{border-color: #dbdbdb;}
.thumbs-list > li > a > em{color: #999999;}
.thumb-item-status{color: #999999;}
.thumb-item-code{color: #999999;}
.thumb-item-alert{color: #FF0054;}
.thumb-item-finished{color: var(--cg-primary);}
.thumbs-list li a strong{ color: #3e3e3e;}
.thumbs-list li a:hover strong{color: var(--cg-primary);}
.thumb-item-img{background-color: #ededed;}
.thumb-item-img > span{color: #000000; }
.thumb-menu .btn-starred:hover .fa-star{color: #ffffff;}
.thumb-menu .btn-archived:hover .fa-undo{color: #ffffff;}
.thumb-menu .btn .fa{color: #ffffff;}
.thumb-menu .btn .fa-star{color: #FFB300;}
.thumb-menu .btn:hover .fa-star-o{color: #FFB300 }
.btn-loadmore > .fa { color: #FFFFFF; }

/* changes-list */
.changes-list > li > a, .changes-list > li > div{border-color: #e8e8e8; }
.changes-list.stronger > li > a, .changes-list.stronger > li > div{border-color: #cccccc; background: #ffffff;}
.changes-list > li.active > a, .changes-list > li.active > div{border-color: var(--cg-primary) !important;}
.changes-list > li:hover > a, .changes-list > li:hover > div{border-color: var(--cg-primary) !important; }
.changes-list > li > a ul li .ic, .changes-list > li > div ul li .ic{color: #999999;}
.changes-list.stronger > li > a, .changes-list.stronger > li > div{border-color: #cccccc; background: #ffffff;}

.clear-notification, .refresh-notification { color:#ffffff !important; background-color:var(--cg-primary);border-color: var(--cg-primary); }
.clear-notification .ic, .refresh-notification .ic{color: #ffffff;}

.groups-list > li em { color:#999999; }
	
/* big-search */
.big-search input{background: #f6f6f6; }

.pebbles .quickfind .clear-searchkey .ic{color: #5f5f5f;}
.compact-search input{background: #f6f6f6 !important;}

/* detail-page */
.detailintro{background-color: var(--cg-primary);}
.detailintro .btn-star .ic{color: #ffffff;}
.detailintro .btn-star:hover .ic, .detailintro .btn-starred .ic{color: #FFB300;}
.detailintro .btn-primary .fa{color: #ffffff;}
.detailintro > div{color: #ffffff;}
.detailintro > div a{color: #ffffff;}
.detail-assignment-progress .progress-bar{background:#4bb200;}

.detail-bottom-actions{border-bottom-color: #e8e8e8;}

.coursedetail-progress-status {color:#3e3e3e; background:#fff;}

.assignments-cols > div .item{border-color: #e8e8e8; }
.assignments-cols > div .item > .grading{color: #999999; }
.assignments-cols > div .item:hover{border-color: var(--cg-primary);}

#startStudyRoute span{color: var(--cg-primary);}
#startStudyRoute:hover span{color: var(--cg-primary-150);}

/* misc */
.studybank {color:#999999;}

.studyrouteenrollment_content td.itemicon{background-color:#f6f6f6; border-color:#ffffff;}

/* override default images and icons */
.course-default-bg-image{}
.course-default-bg-image > .course-default-icon{}

.project-default-bg-image{}
.project-default-bg-image > .project-default-icon{}

.portfolio-default-bg-image{}
.portfolio-default-bg-image > .portfolio-default-icon{}

.educationunit-default-bg-image{}
.educationunit-default-bg-image > .educationunit-default-icon{}

/* lists with tree */

.main-bottom:not(.overview-with-favs) .overview-home-side{background: #f6f6f6;}
.main-bottom:not(.overview-with-favs) .overview-home-side-arrow:after{border-bottom-color: #f6f6f6;}

.main-tree{border-color: #e8e8e8;}
.thumb-item-text em{color: #999999}
.super-compact-mode	.thumbs-list > li > a{background-color: #f6f6f6;}
.super-compact-mode	.thumbs-list > li .thumb-menu .dropdown > .btn > .fa{color: #5f5f5f}
.overview-crumb li{color: #888888;}
.overview-crumb .ic{color: #888888; }
.overview-action-bar{background: #f6f6f6;}
.overview-action-bar input[type="text"]{background: #ffffff;}

.header-title p.header-desc{color: #999999; }

.view-switch li.active a .ic{color: var(--cg-primary);}
.view-switch li a:hover .ic{color: var(--cg-primary-150);}
.view-switch + .view-switch{border-color: #e8e8e8}
.view-switch li a.switchfav .ic{color: #FFB300}

.action-ribbon{background: var(--cg-primary); }
.action-ribbon > ul > li > a, .action-ribbon > ul > li > .dropdown > a{color: #ffffff; }
.action-ribbon > ul > li > a > .ic, .action-ribbon > ul > li > .dropdown > a > .ic{color: #ffffff;}
.action-ribbon.light-ribbon{background: var(--cg-primary-15);}
.action-ribbon.light-ribbon > ul > li > a, .action-ribbon.light-ribbon > ul > li > .dropdown > a{color: var(--cg-primary); }
.action-ribbon.light-ribbon > ul > li > a > .ic, .action-ribbon.light-ribbon > ul > li > .dropdown > a > .ic{color: var(--cg-primary);}
.action-ribbon.light-ribbon > ul > li > a:hover, .action-ribbon.light-ribbon > ul > li > .dropdown > a:hover{background: var(--cg-primary); color: #ffffff;}
.action-ribbon.light-ribbon > ul > li > a:hover > .ic, .action-ribbon.light-ribbon > ul > li > .dropdown > a:hover > .ic{color: #ffffff;}

.overview-table table thead th{color: #999999;}
.overview-table table tbody td{background: #f6f6f6; border-color: #ffffff; }
.overview-table table tbody tr.selected td{background: var(--cg-primary); color: #ffffff;}
.overview-table table tbody tr:not(.selected):hover td{background-color: var(--cg-primary); color: var(--cg-primary-150); background-image: url(bg_soft_action.png);}
.overview-table table tbody tr.selected td a, .overview-table table tbody tr.selected td .ic{color: #ffffff;}
.overview-table table .fa-star-o{color: #999999;}
.overview-table table .btn-starred .fa-star{color: #FFB300}
.overview-table table .fa-trash-o{color: #999999;}
.overview-table table .btn-archived .fa-undo{color: #FFB300}

.thumbs-list li.selected a {border-color: var(--cg-primary) !important;}
.xs-thumb-image-ic{background: var(--cg-primary);}
.xs-thumb-image .ic{color: #3e3e3e;}

/* classic tree */
.classic-tree .ic{color: #999999;}
.classic-tree li a{color: #999999;}
.classic-tree li a:hover{color: var(--cg-primary);}
.classic-tree li a:hover .ic{color: #5f5f5f;}

.classic-tree li.active > a{color: var(--cg-primary);background: #f6f6f6; border-color: #e8e8e8;}
.classic-tree li.active > a .ic{color: #3e3e3e;}

/* web tree (needs classic tree class) */
.web-tree{border-color: #e8e8e8;}
.web-tree > li{border-color: #e8e8e8;}

/* single level tree */
.single-level-tree .ic{color: #999999;}
.single-level-tree li a{color: #999999;}
.single-level-tree li a:hover{color: var(--cg-primary);}
.single-level-tree li a:hover .ic{color: #5f5f5f; }

.single-level-tree li.active a{color: var(--cg-primary);background: #f6f6f6;}
.single-level-tree li.active a .ic{color: #3e3e3e;}

/* browse levels */
.browse-levels .browse-level-header a .ic{color: var(--cg-primary);}

/* XPROG override */
.ActionBarLight .ActionBar
{
	background-color: var(--cg-primary-15);
	border-color: var(--cg-primary-15);
}

.ActionBarLight .XmenuV12 a > span
{
	color: var(--cg-primary) !important;
}

.ActionBarLight .XmenuV12 a:focus > span
{
	color: #ffffff !important;
}

.ActionBarLight .XmenuV12 a:hover > span
{
	color: #ffffff !important;
}

.ActionBarLight .ActionBarTitle
{
	background-color: var(--cg-primary-15);
	color: var(--cg-primary);
}

.ActionBarLight .ActionBarVertical
{
	background-color: var(--cg-primary-15);
	border-width: 0px;
}

/* personal page */
.PageBackground ul { border-color:var(--cg-primary); }
.PageBackground li { border-color:var(--cg-primary); background:#ffffff; }


/*
Begin check box, radio button and switch button styles.
The ":root" part of the selector is used to exclude old browsers like IE8, so the custom styles are not applied.
*/

.radio-custom input[type="radio"] + .radio-custom-input::after {
	background-color: var(--cg-primary); /* Primary color */
}

.checkbox-custom input[type="checkbox"]:checked + .checkbox-custom-input {
	background-color: var(--cg-primary); /* Primary color */
	border-color: var(--cg-primary); /* Primary color */
}

.checkbox-custom input[type="checkbox"]:focus + .checkbox-custom-input {
	border-color: var(--cg-primary); /* Primary color */
}

.checkbox-custom input[type="checkbox"]:focus:checked + .checkbox-custom-input {
	border-color: var(--cg-primary); /* Primary color */
}

.togglebutton-list .btn-default.active {
	border-color: var(--cg-primary); /* Primary color */
	background-color: var(--cg-primary); /* Primary color */
	color: #FFFFFF; /* v12_Light_Foreground(#FFFFFF) */
}

.togglebutton-list .btn-default.focus.active {
	border-color: var(--cg-primary); /* Primary color */
}

/*
End check box, radio button and switch button styles.
*/

/*
=================================================
Datepicker & Timepicker styles
=================================================
*/

.datepicker-icon,
.timepicker-icon {
	color: #999999;
}
.bootstrap-timepicker-widget .fa {
	color: var(--cg-primary);
	background-color: #FFFFFF;
}

.bootstrap-timepicker-widget .fa:hover {
		background-color: #eeeeee;
}


/*
=================================================
Pills
=================================================
*/

.pill-label.active, .pill-type.active, .pill-invited.active {
	background-color: var(--cg-primary);
	opacity: 1;
}

.pill-label, .pill-type, .pill-invited {
	background-color: var(--cg-primary);
	color: #ffffff;
}