/* ==UserStyle==
@name 			TDNext Dark
@namespace		Konscript
@version 		1.0.32
@updateURL 		https://www.fau.edu/css/tdnext.user.css
@description 	Dark Theme for TD HelpDesk
@author 		Kon
@license 		GNU-V3.0
==/UserStyle== */

@-moz-document url-prefix("https://helpdesk.fau.edu/TDNext") {
	:root {
        /** CSS DARK THEME PRIMARY COLORS */
      	--cr1:  #0079b8;
        --cr2:  #3d87c0;
        --cr3:  #5c95c8;
        --cr4:  #76a4d0;
 		--cr5:  #8eb2d8;
		--cr6:	#a2c1d9;
		/** CSS DARK THEME SURFACE COLORS */
		--bg0:	#000000;
		--bg1:  #0f0f0f;
		--bg2:	#1e1e1e;
 		--bg3:  #262626;
 		--bg4:  #3d3d3d;
		--bg5:	#4b4b4b;
		--bg6:  #555555;
		--bg7:  #6f6f6f;
		--bg8:  #8a8a8a;
		--bg9:	#a4a4a4;
		--bg10:	#b9b9b9;
		--bg11: #cccccc;
        --white: #ffffff;
		--black: #000000;
		--border: #c0c5c9;
		--text: #e2e2e2;
		--text2: #e8e1a6;
    }
    
    * {
    	color: var(--white);
    }
	
	body {
		color: var(--text);
	}
    
    a:focus {
    	outline: 0;
    	outline-offset: 0;
		text-decoration: none;
	}
    
    a:hover {
      	text-decoration: none;                                      
    }
	
	.h2, h2 {
		font-weight: bold;
	}
	
	#thTicket_spnTitle {
    	font-weight: bold;
    	font-size: 32px;
		padding-bottom: 10px;
	}
    
    .panel-heading a:hover,  .panel-heading a:focus {
      	text-decoration: none;                                      
    }
	
    input[type=text] {
        background-color: var(--bg1);
        color: var(--white);
        border-color: var(--bg9);
    }
	
	.btn-default {
    	border: none;
	}
	
	.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover {
    	background-color: var(--cr3);
    	border-color: transparent;
    	color: var(--white);
	}

    a:not(base), a:not(base):focus {
        color: var(--white);
    }
	
	a:not(base):hover {
		color: var(--white);
		text-decoration: underline;
	}

    .btn-link:not(base) {
        color: var(--white);
    }
	
	.btn-link:focus {
		outline: none;
	}

    .h1:not(base), h1:not(base), .h2:not(base), h2:not(base), h3:not(base), .h3:not(base), h4:not(base), .h4:not(base), h5:not(base), .h5:not(base), h6:not(base), .h6:not(base) {
        color: var(--white);
    }
	
    .h1:not(base).panel-title, h1:not(base).panel-title, .h2:not(base).panel-title, h2:not(base).panel-title, h3:not(base).panel-title, .h3:not(base).panel-title, h4:not(base).panel-title, .h4:not(base).panel-title, h5:not(base).panel-title, .h5:not(base).panel-title, h6:not(base).panel-title, .h6:not(base).panel-title {
       	color: var(--white);
    }
	
	.gutter-top h1 {
		font-weight: bold;
	}

    .selected:not(base) {
        background-color: var(--bg5);
    }
    .selected:not(base), .selected:not(base) > * {
        color: var(--text);
    }
    
    .input-group-btn .btn-default {
      	border: 0;                                    
    }
    
    .form-control {
        border: 1px solid var(--border);                                 
    }
    
    .form-control:focus {
      	box-shadow: none;                                      
    }
    
    .input-group-btn>.btn:active, .input-group-btn>.btn:focus, .input-group-btn>.btn:hover {
    	outline: 0;
	}

    .gray:not(base) {
        color: var(--bg9) !important;
    }
	
	.active [id^=tdtTabs_lbl] {
		color: var(--white) !important;
	}
    
    .dsktpMoveBtn:focus, .navbar .nav-pills .dropdown-toggle:focus {
      	outline: 0;
    	outline-offset: 0;
    }

    .btn:focus, .btn:focus>.fa-filter {
    	text-decoration: none;
	}
    
    .form-control:not(base) {
        background-color: var(--bg0);
        color: var(--text);
    }
    .form-control:not(base):focus {
        border-color: var(--border);
    }
    .form-control:not(base)[readonly] {
        background-color: var(--bg0);
        color: var(--text);
    }

    .btn-primary:not(#btnSearch) {
        background-color: var(--cr1) !important;
        border-color: var(--border) !important;
    }
	
	.btn-primary:not(#btnSearch):hover {
		background-color: var(--cr2) !important;
	}

    .input-group-btn:not(base) .btn-default {
        background-color: var(--cr2);
        color: var(--text);
    }

    .btn-default:not(base) {
        background-color: var(--cr2);
        color: var(--text);
    }
    .btn-default:not(base):active:focus {
        background-color: var(--cr2);
    }

    body, #divHeader, #divTabHeader, #divLeft {
        background-color: var(--bg1) !important;
    }
	
	.gutter-top {
    	margin-top: 25px;
	}
	
	#divHeader {
		padding: 1rem 10px;
	}
	
	#divTabHeader {
		margin: -1px 0 0;
    	padding-top: 1px;
	}
	
	.NoPrint #divTabHeader {
		background: transparent !important;
		border-color: transparent;
		margin: 1rem 0;
	}
	
	#divContent {
    	margin-top: 10px;
	}
	
	.organization-link:before {
    	content: '';
    	position: absolute;
    	width: 62px;
    	height: 35px;
    	background: url('https://www.fau.edu/images/homepage/owlhead-logo.png') 0 0 / contain no-repeat;
	}

    .organization-link > a {
		font-size: 26px;
    	color: var(--white);
		margin-left: 75px;
    }

    form[action*=TicketDet] #divHeader {
		padding: 0;
    }

    form[action*=TicketSearch] #divHeader {
		padding: 5px;
    }

    #divTabHeader, .TabButtonCell:not(base) {
    	background-color: var(--bg3) !important;
    }

    #tabsList {
        background-color: var(--bg1);
    }
    #tabsList > li {
    	color: var(--text);
    }
    #tabsList > li.ui-tabs-active, #tabsList > li.ui-state-active {
        background-color: var(--bg3);
		color: var(--white);
    }
	
	.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
		padding: 0.5em 1.2em;
	}

    #ddlDesktops {
    	background-color: var(--bg3);
      	color: var(--text);
    }

    #divLeft {
        background-color: var(--bg2);
    }
    #divLeft .nav1, #divLeft .nav2, #divLeft .nav3 {
        background-color: transparent;
    }

    #tabs, #tabs.ui-widget-content {
        background-color: var(--bg2) !important;
        background-image: none;
    }

    #dropdownMenu1 {
        color: var(--white) !important;
    }

    ul.user-profile-menu {
        background-color: var(--bg6);
        border: 1px solid var(--border);
    }
    ul.user-profile-menu > li, ul.user-profile-menu > li > a {
        color: var(--text) !important;
    }

    #btnTicketLookup {
        background-color: var(--bg1);
    }
	
	#btnSearch {
		background-color: var(--cr1);
		border: 1px solid var(--cr1);
	}
	
    #btnSearch > span.fa, #btnTicketLookup > span.fa {
        color: var(--white) !important;
    }

    .desktop-module > .panel-heading.module-header {
        color: var(--bg4);
    }
	
    .desktop-module.panel > .panel-heading {
        background-color: var(--bg2);
    }

    .module-header span {
        color: var(--text) !important;
    }

    table > tbody tr.TDGridHeader, table > thead tr.TDGridHeader {
        background-color: var(--bg3);
        border-color: var(--bg7);
    }
    table > tbody tr.TDGridHeader > td, table > thead tr.TDGridHeader > td {
        color: var(--text);
        border-color: var(--bg7);
    }
    table.table:not(p) {
        border-color: var(--bg7);
    }
    table.table:not(p) > tbody > tr > td, table.table:not(p) > tbody > tr > th, table.table:not(p) > tbody > tr.TDGridHeader > td, table.table:not(p) > tbody > tr.TDGridHeader > th {
        border-color: var(--bg7);
    }

    .table-striped > tbody > tr:nth-of-type(odd):not(a) {
		background-color: var(--bg3);
    }

    .panel-default:not(base), .panel-default:not(base) > .panel-heading {
		border: 1px solid;
        border-color: var(--bg4);  
		border-radius: 8px;
    }
	
    .panel-default:not(base) > .panel-heading {
         background-color: var(--bg3);  
    }
	
	#Column2 .ModuleContent {
 	   margin: 2rem 0;
	}

    ul.nav-pills:not(base) li.dropdown button.dropdown-toggle:hover {
         background-color: var(--bg3);  
    }
    
    .nav:not(base) > li > a:hover {
         background-color: var(--bg1);                           
    }
	
	.media-body .ellipsis:nth-of-type(3) {
    	color: var(--text2);
	}
    
	.feed-entry {
    	background: var(--bg3);
    	border-radius: 4px;
    	margin-bottom: 10px;
    	border: 1px solid var(--bg7);
		border-bottom-color: var(--bg7) !important;
    	padding: 10px 15px !important;
	}
	
	.feed-entry .gray {
		color: var(--text2) !important;
	}
	
    #divTabHeader .nav:not(base) > li > a:hover {
    	background-color: var(--bg2);                            
    }
	
	#divTabHeader .nav-pills > li > a {
		border-radius: 8px;
	}
    
    ul.nav-pills:not(base) li.dropdown button.dropdown-toggle:hover, ul.nav-pills:not(base) li.dropdown button.dropdown-toggle:hover span, .nav:not(base) > li > a:hover, .nav:not(base) > li > a:hover span {
        color: var(--white);
    }

    .nav:not(base) > li.open > a span {
        color: var(--white);
    }
    .nav:not(base) .open > a:focus {
        background-color: var(--bg2); 
    }

    li.open > a#aSettings > span.fa {
        color: var(--bg2);
    }

    .btn-link:not(base):focus, .btn-link:not(base):hover {
        color: var(--white);
    }

    .text:not(base):hover, .text:not(base):active, .report-text:not(base):hover, .report-text:not(base):active {
        background-color: var(--bg2);
    }

    .dropdown-menu:not(base) {
        background-color: var(--bg2);
        border: 1px solid var(--bg8);
    }
    .dropdown-menu:not(base) * {
        color: var(--text);
    }
    .dropdown-menu:not(base) > li > a {
        color: var(--text);
    }
    .dropdown-menu:not(base) > li > a:hover {
        background-color: var(--bg1);
        color: var(--text);
    }
    .dropdown-menu:not(base) > span > li:focus, .dropdown-menu:not(base) > span > li:hover, .dropdown-menu:not(base) > span > li > a:focus, .dropdown-menu:not(base) > span > li > a:hover {
        background-color: var(--bg1);
    }
    .dropdown-menu:not(base) .divider {
        background-color: var(--bg1);
    }

    .ButtonCellTop:not(base) {
        background-color: var(--bg2);
    }

    .control-label:not(base) {
    	color: var(--cr6);
    }
	
	label:not(base) {
		color: var(--white);
	}

    #taluOwner_btnLookuptaluOwner > span.fa, a > span.fa-search.fa.blue, #luServiceLevelAgreements_btnLookupluServiceLevelAgreements > span.fa {
        color: var(--cr6) !important;
    }

    #taluOwner_btnCleartaluOwner > span.fa, button[data-lookupaction=clear] > span.fa {
        color: #f72825 !important;
    }

    button[data-lookupaction=select] > span.fa {
        color: var(--cr6) !important;
    }

    .talu_holder:not(base) {
        border-color: #ced1db;
    }
    .talu_holder:not(base).holder-focused {
         outline: none;
         border-color: #b6acd1;
    }
    .talu_holder:not(base) .luac_default {
         color: var(--bg11);
    }
    .talu_holder:not(base) .bit-box {
         background-color: #ced1db;
         color: #202124;
    }

    .lu_tdac-auto:not(base) ul {
         background-color: #202124 !important;
    }
    .lu_tdac-auto:not(base) ul .auto-focus {
         background-color: #4e2a84;
    }
    .lu_tdac-auto:not(base) ul li div.talu_subcaption {
         color: #999;
    }

    div.ReportGroupName:not(base) {
         background-color: #5e616b !important;
		 color: #eee !important;
         border-color: #5e616b;
         font-weight: bold;
    }

    .table-bordered:not(base) > tbody > tr > td, .table-bordered:not(base) > tbody > tr > th {
                        border-color: #5e616b;
    }

    .select2-container:not(base).form-control {
        background-color: #5e616b;
    }
    .select2-container:not(base) .select2-choice {
        background-color: #5e616b;
    }
    .select2-container:not(base) .select2-choices {
        background-color: #5e616b;
    }
    .select2-container:not(base) .select2-choices .select2-search-field input {
        background-color: #5e616b;
        color: #ccc;
    }
    .select2-container:not(base) .select2-choices .select2-search-field input.select2-active {
        background-color: #5e616b !important;
        color: #ccc;
        background-image: none !important;
    }

    .select2-container-multi:not(base).select2-container-active .select2-choices {
        border-color: #b6acd1;
    }
    .select2-container-multi:not(base) .select2-choices .select2-search-choice {
        background-color: #ced1db;
    }
    .select2-container-multi:not(base) .select2-choices .select2-search-choice * {
        color: #202124;
    }

    .select2-search:not(base) input, .select2-search:not(base) input.select2-active {
        background-color: #5e616b;
        background-image: none;
        color: #ccc;
    }

    .select2-drop:not(base) {
        background-color: #202124;
    }

    .select2-drop-active:not(base) {
        border-color: #b6acd1;
    }

    .panel:not(base) {
    	background-color: var(--bg1);
    }
	
    .panel:not(base) .black {
        color: var(--text) !important;
    }
	
	.panel:not(base) .gutter-top-sm:not(.NoPrint) a {
    	color: var(--text2);
	}
	
	.panel:not(base) .gutter-top-sm .gutter-right-sm.btn-link {
		background: var(--cr1);
		border-radius: 4px;
		padding: 3px 8px;
		text-decoration: none;
	}
	
	.panel:not(base) .gutter-top-sm .gutter-right-sm.btn-link:hover {
		background: var(--cr2);
	}
	
	.desktop-module.panel-default {
    	border: none;
	}

    .nav-tabs:not(base) > li.active a {
        background-color: var(--bg1);
        color: var(--text);
		border-bottom-color: transparent;
    }
	
	.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
		background-color: var(--bg1);
		color: var(--text);
	}
	
	.nav-tabs > li > a {
		transition: all 0.1s ease;
	}
	
	.nav-tabs > li > a:hover {
		border-color: var(--bg6) var(--bg6) var(--bg1) var(--bg6);
	}

    .copyButton:not(base), .copyButton:not(base):hover {
        background-color: #5e616b;
    }

    .active [id^=tdtTabs_lbl] {
        color: #202124;
    }

    button.nav1:not(base) {
        font-weight: bold;
    }

    .hilite:not(base) td, .hilite:not(base) a {
        background-color: #4e2a84;
    }

    .open:not(base) > .dropdown-toggle.btn-default:focus, .open:not(base) > .dropdown-toggle.btn-default:hover {
        background-color: #5e616b;
    }

    .ui-layout-pane:not(base) {
        background-color: #202124;
        background-image: none;
    }

    .TDFooterRow:not(base) {
       	background-color: #202124;
    }

	.pagination:not(base) > .active > span, .pagination:not(base) > .active > span:hover, .pagination:not(base) > .active > span:focus {
		background-color: #5e616b;
		border-color: #5e616b;
	}

	#pageSizeLabel {
		background-color: #5e616b !important;
		color: #ccc;
	}

	#divMstrHeader {
		background-color: #202124 !important;
	}

	.dropdown-menu:not(base) > span > li > a {
		color: #999;
	}

	.Module:not(base) {
		background-color: #33353a;
	}
	.Module:not(base) .btn {
		background-color: #5e616b;
	}

	.Module-rpt:not(base) {
		border-color: #b6acd1;
	}

	.list-group-item:not(base) {
		background-color: #33353a;
	}

	#ApplicationsMenu:not(base) {
		background-color: #202124;
		border: 1px solid #5e616b;
	}

	.panel-app:not(base):hover {
		background-color: #5e616b;
	}

	.panel-footer:not(base) {
		background-color: #33353a;
		border-color: #5e616b;
	}

	.border-bottom:not(base), .border-top:not(base) {
		border-color: #5e616b;
	}

	.block-actions:not(base) {
		background-color: #33353a;
	}
	.block-actions:not(base) .btn.btn-link {
		color: #fff;
	}
	.block-actions:not(base) .btn.btn-link > span.fa.blue {
		color: #fff !important;
	}

	#divTasks .fa.blue {
		color: #fff !important;
	}
	#divTasks .fa.green {
		color: #836eaa !important;
	}

	#divWorkflow .fa.blue.fa-minus {
		color: #b6acd1 !important;
	}

	span.feed-private[title]:not(base):not(a) {
		color: #999;
	}

	#divLayout.modal-overlay {
		background-color: #202124;
	}

	.layout-entry:not(base) {
		background-color: #33353a;
	}

	body div.feed-child-box.feed-reply:not(base) {
		background-color: #33353a;
	}

	ol.breadcrumb, ul.breadcrumb {
		background-color: transparent;
	}
	ol.breadcrumb > .active, ul.breadcrumb > .active {
		color: #ccc;
	}

    #divComment, #divFilter {
        background-color: var(--bg4);
    }
	
	.status.green {
		color: var(--white) !important;
		background: #5bbd68 !important;
		width: auto;
		padding: 0 10px;
		border-radius: 4px;
	}
	
	.status.red {
		width: auto;
		padding: 0 10px;
		border-radius: 4px;
	}
	
	#divFilter {
		padding: 3px 8px;
	}
	
    #divComment button.ms-choice, #divFilter button.ms-choice {
        background-color: #5e616b;
    }
	
    #divComment .ms-drop, #divFilter .ms-drop {
        background-color: #5e616b;
    }
	
    #divComment .modal-content, #divFilter .modal-content {
        background-color: var(--bg4);
    }

    .progress-box-body .well {
        background-color: var(--bg4);
    }

    #divFilter .modal-header {
        background-color: var(--bg4);
    }
    #divFilter .modal-body {
        background-color: var(--bg4);
    }
    #divFilter .modal-body .filter-section {
        background-color: transparent;
    }

    .nav-pills:not(base) > li.active > a, .nav-pills:not(base) > li.active > a:focus {
                        background-color: #4e2a84;
    }

    #divSaveSearch .modal-content {
        background-color: #33353a;
    }
    
    .ListItemLbl {
    	color: var(--cr6);
    }
    
    #tabs li>a:hover {
    	color: var(--white);
	}
    
    button.apps-tab {
    	background-color: transparent;
		border-radius: 6px;
		margin-bottom: -3px;
    	transform: translateY(-5px);
	}
    
    button.apps-tab:hover {
    	background-color: var(--bg4)
	}
    
    button.apps-tab span {
        color: var(--bg10);                                   
    }
    
    .ModuleContent > * {
    	color: #fff !important;
	}
    
    .panel-heading {
    	padding: 10px 2.5rem;
    }
    
    .sortable-item {
    	border: 1px solid var(--bg4);
    	border-radius: 8px;
    	padding: 15px 1rem 11px;
    	background: var(--bg2);
    	margin: 2rem 0;
    	transition: all .2s ease;
	}
	
	.sortable-item:hover {
    	background: var(--bg3);
	}
	
	.sortable-item:hover .nav-pills > li > a {
    	background: var(--bg4);
		transition: all .2s ease;
	}

    .sortable-item:hover .nav-pills > li > a:hover {
    	background: var(--bg5);
	}
	
    .sortable-item .col-sm-8 > a {
      	font-size: 20px;                                      
    }
	
	.sortable-item .col-sm-2 a.print-black:nth-of-type(1) {
    	display: block;
		font-size: 14px;
    	font-weight: bold;
		color: var(--text2);
    	margin-bottom: 3px;
    	border-radius: 4px;
    	background: var(--bg4);
    	padding: 8px 0 8px 7%;
    	width: 114%;
    	margin-left: -7%;
    	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.38);
	}
	
	.sortable-item .nav-pills > li > a {
		background: var(--bg3);
	}
	
	.sortable-item .navbar {
    	margin-top: 2rem;
		margin-left: -5px !important;
	}
	
	.alert-info {
    	color: var(--white);
    	background-color: var(--bg3);
    	border-color: var(--bg4);
	}
    
    .alert-warning {
    	color: var(--text);
    	background-color: var(--bg4);
    	border-color: var(--bg8);
	}
	
	.dark-green {
    	color: var(--white) !important;
		background: #234123 !important;
	}
	
	.dark-green:hover {
		background: #265928 !important;
	}
    
    .blue, .blue-hover:hover {
    	color: var(--white) !important;
	}
	
	.red {
		background: #73211f !important;
    	color: var(--text) !important;
	}
	
	.red:hover {
		background: #8d2623 !important;
	}
	
	.light-blue-bg {
    	background-color: var(--cr2) !important;
	}
	
	.light-blue-bg:hover, .light-blue-bg:focus {
		color: var(--white);
		background-color: var(--cr3) !important;
	}
    
    .dropdown-menu>span>li:focus, .dropdown-menu>span>li:hover, .dropdown-menu>span>li>a:focus, .dropdown-menu>span>li>a:hover {
      	color: var(--white);                                      
    }
	
	.tab-row {
		border: 1px solid var(--bg6);
		background-color: var(--bg3);
    	margin-top: -1px;
	}
	
	.input-group-addon {
		background-color: var(--bg4);
    	border: 1px solid var(--bg11);
		color: var(--text);
	}
	
	.sidebar .sidebar-wrapper {
		background-color: var(--bg2);
		border-right: 1px solid var(--border);
	}
	
	.sidebar .nav-sidebar li > a:not(.sidebar-brand) {
		color: var(--text);
	}
	
	.sidebar .nav-sidebar li.active > a {
		background-color: var(--bg4);
    	border-bottom: 1px solid var(--bg7);
		border-top: 1px solid var(--bg7);
	}
	
	.sidebar .nav-sidebar li.active > a:hover {
		background-color: var(--bg5);
	}
	
	.pager li > a, .pager li > span {
		background-color: var(--cr1);
		border: none;
		border-radius: 8px;
	}
	
	.pager li > a:focus, .pager li > a:hover {
		background-color: var(--cr2);
	}
	
	.modal-content {
		background-color: var(--bg2);
		border: 1px solid var(--bg8);
	}
	
	.ui-widget-header {
    	background: var(--bg2);
    	color: var(--text);
	}
	
	.ui-widget-content, .ui-widget.ui-widget-content {
		background: var(--bg3);
		border: 1px solid var(--border);
    	color: var(--text);
	}
	
	.fc-day-number a, .ui-widget-content a, .ui-widget-content a, .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    	color: var(--white);
	}
	
	.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
		background: var(--cr2);
    	border: 1px solid var(--border);
    	color: var(--white);
	}
	
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
		background: var(--bg3);
    	border: 1px solid var(--bg5);
    	color: var(--white);
	}
	
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {
    	border: 1px solid var(--bg5);
    	background: var(--bg4);
    	color: var(--white);
	}
	
	.ui-datepicker .ui-datepicker-title select {
    	background: var(--bg3);
	}
	
	.FoldersBar, div.FolderHilite, div.FolderHot {
    	background-color: var(--bg4);
    	border-bottom: 1px solid var(--bg7);
    	border-top: 1px solid var(--bg7);
	}
	
	.ticket-desc *, .wrap-text * {
    	color: var(--text) !important;
	}
	
	.ticket-desc a, .wrap-text a {
		text-decoration: underline;	
	}
	
	.feed-child-box {
    	background-color: var(--bg0) !important;
	}
	
	.feed-reply.feed-child-box {
		background-color: var(--bg2) !important;
		border: 1px solid var(--bg8) !important;
		border-radius: 8px !important;
    	margin-bottom: 1rem;
	}
	
	.js-attachments-title {
		font-weight: bold;
	}
	
	#divAttachments .pull-right a {
    	background: var(--bg4);
    	padding: 5px;
    	border-radius: 6px;
	}
	
	#divAttachments .pull-right a:hover {
		background: var(--bg5);
	}
	
	.select2-drop-mask {
		background-color: var(--bg4) !important;
	}
	
	.select2-search:not(base) input, .select2-search:not(base) input.select2-active {
    	background-color: var(--bg4);
    	color: var(--text);
	}
	
	.select2-container-multi:not(base) .select2-choices .select2-search-choice {
    	background-color: var(--bg2);
	}
	
	.select2-container-multi:not(base) .select2-choices .select2-search-choice * {
		color: var(--text);
	}
	
	.select2-container:not(base) .select2-choice, .select2-container:not(base) .select2-choices, .select2-container:not(base).form-control {
    	background-color: var(--bg3);
	}
	
	.select2-container .select2-choice, .select2-container .select2-choices, .select2-container .select2-choices .select2-search-field input {
		border-color: var(--bg7);
		color: var(--text);
	}
	
	.select2-default {
    	color: var(--text) !important;
	}
	
	#cke_Comments_Content {
    	background: var(--bg4) !important;
	}
	
	.comment-options, .cke_bottom, .cke_top {
		background: var(--bg4) !important;
		padding: 0 !important;
	}
	
	.comment-options, .cke_top {
		padding: 1rem 10px !important;
	}
	
	.cke_contents {
		margin: 0 10px;
	}
	
	.checkbox-inline {
		color: var(--white);
	}
	
	table>thead>tr.TDGridHeader>th, tr.TDGridHeader td {
		color: var(--white);
	}
	
	.input-group-btn:last-child > .btn {
		margin-left: 0;
	}
	
	.feed-participant-name > a {
        color: var(--text2);
        font-weight: bold;
        font-size: 16px;
    }
    
    .feed-participant-name > a:hover {
        color: var(--text2);
        text-decoration: underline;
    }
	
	.alert-danger {
		color: var(--text);
		background-color: var(--bg5);
		border-color: var(--bg9);
	}
	
	.alert-danger .alert-link {
    	color: var(--white);
	}

	#NewResponsibleId_clear, button.js-remove-all, #OtherPeopleIds_clear, #AttachmentIds_clear {
    	background: #73211f !important;
	}
	
	#NewResponsibleId_clear:hover, #NewResponsibleId_clear:hover span, button.js-remove-all:hover, button.js-remove-all:hover span, #OtherPeopleIds_clear:hover, #OtherPeopleIds_clear:hover span, #AttachmentIds_clear:hover, #AttachmentIds_clear:hover span {
    	background: #8d2623 !important;
	}
	
	.cke_inner.cke_reset {
 	   background-color: var(--bg4) !important;
	}

	.cke_chrome {
    	background-color: var(--bg2) !important;
	}
	
	p[style="margin-bottom: 12pt"] * {
    	color: #b9c1c7 !important;
	}
	
	.btn-link.js-delete-attachment {
    	background: #73211f;
    	border-radius: 4px;
	}
	
	.btn-link.js-delete-attachment:hover {
		background: #8d2623;
		text-decoration: none;
	}
}