:root {
    --byf-tenant-primary: #221bad;
    --byf-tenant-primary-tint: rgba(34,27,173,0.1);
    --byf-tenant-primary-tint-strong: rgba(34,27,173,0.18);
    --byf-tenant-primary-tint-border: rgba(34,27,173,0.28);
    --byf-tenant-primary-soft: rgba(34,27,173,0.1);
    --byf-tenant-primary-soft-strong: rgba(34,27,173,0.18);
    --byf-tenant-primary-border: rgba(34,27,173,0.28);
    --byf-tenant-primary-hover: #0f9aff;
    --byf-tenant-primary-dark: #1b1585;
    --byf-tenant-primary-foreground: #ffffff;
    --byf-fond-color: #f6f5ff;
    --byf-sidebar-logo-background: #ffffff;
    --byf-login-logo-background: #ffffff;
    --byf-quickfolder-color: #ffe7ab;
    --byf-quickfolder-color-soft: rgba(255,231,171,0.3);
    --task-accent: #221bad;
    --task-accent-strong: #221bad;
    --task-accent-hover: #0f9aff;
    --task-accent-tint: rgba(34,27,173,0.1);
    --task-accent-tint-strong: rgba(34,27,173,0.18);
    --task-accent-tint-border: rgba(34,27,173,0.28);
    --task-accent-soft: rgba(34,27,173,0.1);
    --task-accent-soft-strong: rgba(34,27,173,0.18);
    --task-accent-border: rgba(34,27,173,0.28);
    --task-accent-foreground: #ffffff;
    --byf-metadata-accent: #ff9693;
    --byf-metadata-accent-soft: rgba(255,150,147,0.3);
    --byf-metadata-accent-foreground: #ffffff;
}


h1 { color: #000000; }
h3 { color: #000000; }
a { color: #000000; }
a:hover { color: #0f9aff; }
#sidebar-container { background-color: #221bad; }
.navbar-custom { background-color: #f6f5ff; }
#sidebar-container a { color: #ffffff !important; background-color: #f6f5ff !important; }
.text-colored { color: #ffffff !important; }
.navbar-nav a { color: #000000 !important; }
.color-sign-out { background-color: #1b1585 !important; }
.color-bg-menuitem { background-color: #1951d0 !important; }
.color-bg-menuitem:hover { background-color: #0f9aff !important; }
.breadcrumb a { color: #000000 !important; }
.breadcrumb a:hover { color: #0f9aff !important; }
.file-view a, .search-view a { color: #000000 !important; }
.file-view a.btn, .search-view a.btn { color: #ffffff !important; }
.file-view a.active, .search-view a.active { color: #000000 !important; }
.view-groot.flex-item .flex-item-container, .view-klein.flex-item .flex-item-container, .view-mini.flex-item .flex-item-container { background: #f6f5ff; }
i.quickfolders { color: #8EF7C8 !important; }
#quickfolderico .fill { fill: #ffe7ab; }
#quickfolderico .line { fill: #221bad; }
.quickfolders.flex-item .flex-item-container { background: #ffe7ab; }
.quickfolders.flex-item .documents-in-folder, .quickfolders.flex-item .files-in-folder { color: #000000; }
.dossiertemplate.flex-item .flex-item-container { background: #cde4ff; }
.assignmenttemplates .assignmentlisttemplate.flex-item .flex-item-container { background: #c4e6bf; }
.assignmenttemplates .assignmenttemplate.flex-item .flex-item-container { background: rgba(196,230,191,0.3); }
.metadatasets .metadataset.flex-item .flex-item-container { background: #ff9693; }
.templatefolder.flex-item .flex-item-container, .templatedocument.flex-item .flex-item-container-file { background: #cde4ff; }
.dossiertemplate.flex-item .documents-in-folder, .dossiertemplate.flex-item .files-in-folder { color: #000000; }
.sort-az, .sort-1-9 { color: lightgrey !important; }
.sort-az.active, .sort-1-9.active, .color-dark-blue { color: #000000 !important; }
.tandwiel, .locked { color: #000000 !important; }
.titel-tile { color: #000000; }
.titel-tile .dossiername { border-color: #000000; }
.flex-item-footer a { color: #000000; }
.flex-item-text { color: #000000; }
.flex-item-text a { color: #000000; }
.bol-add { background-color: #221bad; }
.bol-add i.plus, .bol-add i.filter { color: #ffffff }
.dropdown-test .dropdown-item-bol { background-color: #221bad; color: #ffffff; }
.dropdown-test .dropdown-item-bol:hover { background-color: #0f9aff; }
.documents-in-folder { color: #000000; }
.files-in-folder { color: #000000; }
.btn-informatie { color: #000000; }
.btn-informatie:hover { color: #000000; }
.view-groot .modal-header, .view-klein .modal-header, .view-list .modal-header, .quickfolders .modal-header, .dossiertemplate .modal-header, .custom-modal .modal-header { background-color: white; color: #000000; }
.view-groot .modal-header .close, .view-klein .modal-header .close, .view-list .modal-header .close, .quickfolders .modal-header .close, .dossiertemplate .modal-header .close, .custom-modal .modal-header .close { color: #000000; }
.view-groot .modal-body, .view-klein .modal-body, .view-list .modal-body, .quickfolders .modal-body, .dossiertemplate .modal-body, .custom-modal .modal-body { color: black; }
.dropdown-item { color: #000000; }
a:not([href]):not([tabindex]) { color: #000000; }
.table div.row { color: #000000; }
.table th, .table td { border-color: #f6f6f6; color: #000000; }
.mail-attachment { color: #000000; }
.photonote-content { color: #000000; }
.dropdown-item:hover, .dropdown-item:focus, .dropdown-item.active { background-color: #f6f5ff; color: #000000; }
.folder-options .nav-pills li a { color: #000000; }
.folder-options .nav-pills .nav-link.active { background-color: white; color: #000000; border-color: #221bad; }
.active svg, .active svg g, .contextmenu svg, .contextmenu svg g { stroke: #000000; }
.btn-add { background-color: #221bad; color: #ffffff; }
.btn-add:hover { background-color: #0f9aff; border-color: #0f9aff; color: #ffffff; }
.modal-content input { border-color: #ced4da; }
.modal-content #separator, .settings .separator { border-color: #ced4da; }
.settings .dateformat { border-color: #ced4da; }
.btn-white { background-color: white; color: #000000; border-color: #221bad; }
.btn-white:hover { border-color: #221bad; background-color: #221bad; color: white; }

.modal .btn-add,
.modal .dashboard-btn-primary,
.sharing-secondary-modal .btn-add,
.sharing-secondary-modal .dashboard-btn-primary {
    min-height: 38px;
    min-width: 110px;
    border: 1px solid #221bad !important;
    border-radius: 10px !important;
    background-color: #221bad !important;
    color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

.modal .btn-add:hover,
.modal .btn-add:focus,
.modal .btn-add:active,
.modal .dashboard-btn-primary:hover,
.modal .dashboard-btn-primary:focus,
.modal .dashboard-btn-primary:active,
.sharing-secondary-modal .btn-add:hover,
.sharing-secondary-modal .btn-add:focus,
.sharing-secondary-modal .btn-add:active,
.sharing-secondary-modal .dashboard-btn-primary:hover,
.sharing-secondary-modal .dashboard-btn-primary:focus,
.sharing-secondary-modal .dashboard-btn-primary:active {
    border-color: #0f9aff !important;
    background-color: #0f9aff !important;
    color: #ffffff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

.modal .btn-white,
.modal .dashboard-btn-outline,
.sharing-secondary-modal .btn-white,
.sharing-secondary-modal .dashboard-btn-outline {
    min-height: 38px;
    min-width: 92px;
    border: 1px solid #d9e4f2 !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

.modal .btn-white:hover,
.modal .btn-white:focus,
.modal .btn-white:active,
.modal .dashboard-btn-outline:hover,
.modal .dashboard-btn-outline:focus,
.modal .dashboard-btn-outline:active,
.sharing-secondary-modal .btn-white:hover,
.sharing-secondary-modal .btn-white:focus,
.sharing-secondary-modal .btn-white:active,
.sharing-secondary-modal .dashboard-btn-outline:hover,
.sharing-secondary-modal .dashboard-btn-outline:focus,
.sharing-secondary-modal .dashboard-btn-outline:active {
    border-color: #d9e4f2 !important;
    background-color: #ffffff !important;
    color: #0f172a !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
}

.modal .btn-delete,
.sharing-secondary-modal .btn-delete {
    min-height: 38px;
    min-width: 110px;
    border: 1px solid #fecaca !important;
    border-radius: 10px !important;
    background-color: #ffffff !important;
    color: #dc2626 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.2;
}

.modal .btn-delete:hover,
.modal .btn-delete:focus,
.modal .btn-delete:active,
.sharing-secondary-modal .btn-delete:hover,
.sharing-secondary-modal .btn-delete:focus,
.sharing-secondary-modal .btn-delete:active {
    border-color: #fca5a5 !important;
    background-color: #fff5f5 !important;
    color: #dc2626 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06) !important;
    outline: none !important;
    text-decoration: none !important;
}
.slider:before { background: #221bad; }
input:checked + .slider:before { background: white; }
input:checked + .slider { box-shadow: 0 0 0 2px #221bad, 0 0 2px #221bad; background-color: #221bad; }
input:checked + .slider.disabled { box-shadow: 0 0 0 2px gray, 0 0 2px gray; background-color: gray; }
.bg-lightgrey { background-color: #f6f5ff; }
.dropdown-test a:hover { color: white; }
.dropdown-test a:focus { background-color: #221bad; color: white; }
.icon-link { color: #000000; }
.modal-content .alert-custom { background-color: #f6f5ff; }
.tags-info p.tags-info-active { background-color: #221bad !important; color: white !important; border-color: #221bad !important; }
.tags-info p.toggle-tag { background-color: white; border-color: #221bad; color: #000000; }
.tags-info p { border-color: #f6f5ff; color: #000000; background-color: #f6f5ff; }
.ico-corner, .filetypeicon { color: #000000; }
.alert-custom a { color: #000000; }
.alert-custom { background-color: #fff4b8; }
.alert-custom.darker { background-color: #f1dc6b; }
.alert-preview { background-color: #d7d8ff; }
.alert-assignments { background-color: #f6f5ff; }
b { color: #000000; }
#folder-info { color: #000000; }
.list-group-item.active { background-color: #0f9aff !important; }
.list-group-item.active { border-color: #221bad; }
.custom-radio-input input:checked ~ label { border-color: #221bad; }
.custom-radio-input label { border-color: #f2f2f2; }
.custom-radio-input input:checked ~ label:before { color: #221bad; }

.table tr:hover { background-color: rgba(34,27,173,0.1) !important; }
.table.nohover tr:hover { background-color: white !important; }
.table thead tr:hover { background-color: white !important; }
.table.table-metadatafields tbody tr:hover { background-color: rgba(255,150,147,0.3) !important; }
.template-environment .table tbody tr:hover { background-color: rgba(205,228,255,0.3) !important; }
.quickfolders .table tbody tr:hover { background-color: rgba(255,231,171,0.3) !important; }
.assignmenttemplates-view-list .table tbody tr:hover { background-color: rgba(196,230,191,0.3) !important; }
.coloredliststyle tr.itemcontainer:hover { background-color: #f6f6f6 !important; }

.border-bottom-blue { border-color: #221bad; }
.create-quickfolder a { color: #000000; }
.folder-options .tab-content h3 { color: #000000; }
.modal-footer p { color: #000000; }
.text-blue{ color:#000000 !important; }
a.text-blue{ color:#000000 !important; }
#totpSecurity .btn-primary, #totpSecurity .btn-default{ background-color:#221bad; color: #ffffff; }
#totpSecurity .alert-info{ background-color:#f6f5ff; border-color:#f6f5ff; }
.signature-preview{ background-color: #f6f5ff; }


i.inactive, a.inactive { color: lightgrey; }
i.active { color: #000000 !important; }
.nav-link.disabled { color: #6c757d !important; }
.delete-quickfolder { color: #000000; }
.dropdown-test .dropdown-item-bol.disabled, .dropdown-test .dropdown-item-bol:disabled { color: #221bad !important; background-color: #ccc !important; }
.blocked th, .blocked td, .blocked td a[disabled="disabled"], .blocked .user-name { color: #6c757d !important; }
.sub-text { color: #000000; }
.folder-note a.save { color: #000000; }
.folder-note a.save:hover { color: #000000; }
.checkedoutcode { color: #000000; }
.uploading .spinner, .deleting .spinner, .copying .spinner, .saving .spinner { border-top-color: #221bad; }
.loadingtext { color: #000000; }
.click-browse { color: #000000; }
.tags-to p, #attachments .attitem, .realattitem { border-color: #f6f5ff; color: #000000; background-color: #f6f5ff; }
.save-succes { color: #000000; }
.fix-pos { color: #000000; }
.m-dropdown-views a { color: #000000; }
.m-dropdown-views a.active { color: #000000 !important; }
.folder-options h3 { color: #000000; }
.form-control:focus { border-color: #ced4da; }
.ui-droppable-hover, .ui-droppable-active, tr.internal-droppable-hover, #secondary-files-modal.secondary-browse-droppable-hover, #secondary-files-modal tr.ui-droppable-hover { border-color: #221bad; background-color: #cde4ff; }
.slider.rule-disabled::before { background: lightgrey; }
input:checked + .slider.rule-disabled { box-shadow: 0 0 0 2px lightgrey, 0 0 2px lightgrey !important; background-color: lightgrey !important; }
.login-flex input:not(.remember-me-input), .login-flex select { background-color: #f6f5ff !important; }
.bg-gray { background-color: #f6f5ff; }
.showpwd.labelabove, .hidepwd.labelabove { color: #000000; }
#sidebar-container a.color-bg-menuitem.active { background-color: #0f9aff !important; }
#sidebar-container a.color-sign-out { background-color: #1b1585 !important; }

#sidebar-container a.color-bg-menuitem { background-color: none !important; }
#sidebar-container a.color-bg-menuitem:hover { background-color: #0f9aff !important; }
.delete-tag, .decouple-tag, .delete-taggroup { color: #000000; }
.modal-body label { color: #000000; }
.new-photo-modal .modal-content .alert-custom { background-color: #1b1585; }
.new-photo-modal .modal-content .alert-custom .btn-add { background-color: #221bad; }
.new-photo-modal .background-color-blue { background-color: #1b1585; }
.new-photo-modal .uploading { background-color: rgba(255, 255, 255, 0.8); color: #1b1585; }
.btn-yellow { background-color: #ffe96b; border: 2px solid #ffe96b; color: #000000; }
.btn-yellow:hover { background-color: #ffe96b; }
.search-suggestions ul li:hover, .ui-state-hover, .ui-state-active { background-color: #f6f5ff !important; }
.search-suggestions ul li.section { border-bottom: 1px solid #f6f5ff !important; }
.search-suggestions ul li:last-child { border-top: 1px solid #f6f5ff !important; }
.search-suggestions ul li a { color: #000000 !important; }
.no-access { color: #000000; }
.is-dossier { color: #000000; }
.dropdown-test label:focus { background-color: #221bad; color: white; }
.emailSubject { color: #000000; }
.modal-content .select { border-color: #ced4da; color: #495057; }
#mac-select-container a { color: #000000; }
#mac-select-container .separator { background-color: #221bad; }
.mac-selector-icon { color: #000000; }
.mac-selected, .ui-selecting .mac-card { border-color: #000000; }
.drag-image { background: #f6f5ff; }
.drag-image .item-count { background: #221bad; }
.webdocsymbol { color: #000000; }
.icon-briefcase { color: #000000; }
.fa-file-colored { color: #000000; }
.download-file { color: #000000; }
.download-folder { color: #000000; }
.delete-unprocessed-file { color: #000000; }
.userstats #filterform { background-color: #f6f5ff }
.multiselect__option--highlight, .multiselect__tag { background-color: #221bad !important }
.multiselect__tag-icon:focus, .multiselect__tag-icon:hover { background-color: #1951d0 !important }
.slide-controller { background-color: #221bad; color: #ffffff; }
.styled-radio .checkmark { background-color: #ccc; border: 2px solid lightgrey; }
.styled-radio:hover input ~ .checkmark { background-color: #1951d0; }
.styled-radio input:checked ~ .checkmark { background-color: #221bad; }
.styled-radio .checkmark:after { background: white; }
label.statetoggle.selected { background-color: #221bad; color: #ffffff; border-color: #221bad; }
.shared-overlay { background-color: rgba(34,27,173,0.1) !important; }

#pageCount { color: #221bad; }

.sharing-tab .sharing-actions .disabled i, #allSharedItems .shared-with-item .disabled i { color: darkgrey; }
.sharing-tab .sharing-actions .active i { color: #221bad; }
.previewactionbar { border-bottom: 1px solid #f6f5ff; }
.settings-container { background-color: #f6f5ff; }
.collapsedcrumb .crumbsection { border-color: lightgray; }

#addbubble.bol-add,
#bulkactionsbubble.bol-add {
    background-color: #221bad;
}

#addbubble.bol-add i.plus,
#addbubble.bol-add i.filter,
#bulkactionsbubble.bol-add i.plus,
#bulkactionsbubble.bol-add i.filter {
    color: #ffffff;
}

#addbubble.bol-add .dropdown-test.dropdown-menu,
#bulkactionsbubble.bol-add .dropdown-test.dropdown-menu {
    background: #ffffff;
}

#addbubble.bol-add .dropdown-item-bol,
#addbubble.bol-add .dropdown-test a,
#addbubble.bol-add .dropdown-test label,
#bulkactionsbubble.bol-add .dropdown-item-bol,
#bulkactionsbubble.bol-add .dropdown-test a,
#bulkactionsbubble.bol-add .dropdown-test label {
    background: transparent !important;
    color: #0f172a !important;
}

#addbubble.bol-add .dropdown-item-bol i,
#bulkactionsbubble.bol-add .dropdown-item-bol i {
    color: #0f172a !important;
}

#addbubble.bol-add .dropdown-item-bol:hover,
#addbubble.bol-add .dropdown-item-bol:focus,
#addbubble.bol-add .dropdown-test a:hover,
#addbubble.bol-add .dropdown-test a:focus,
#addbubble.bol-add .dropdown-test label:hover,
#addbubble.bol-add .dropdown-test label:focus,
#bulkactionsbubble.bol-add .dropdown-item-bol:hover,
#bulkactionsbubble.bol-add .dropdown-item-bol:focus,
#bulkactionsbubble.bol-add .dropdown-test a:hover,
#bulkactionsbubble.bol-add .dropdown-test a:focus,
#bulkactionsbubble.bol-add .dropdown-test label:hover,
#bulkactionsbubble.bol-add .dropdown-test label:focus {
    background: #e9eef5 !important;
    color: #0f172a !important;
}

#addbubble.bol-add .dropdown-item-bol.disabled,
#addbubble.bol-add .dropdown-item-bol:disabled,
#bulkactionsbubble.bol-add .dropdown-item-bol.disabled,
#bulkactionsbubble.bol-add .dropdown-item-bol:disabled {
    background: transparent !important;
    color: #94a3b8 !important;
}

@media screen and (max-width: 767px) {
    .dropdown-menu.dropdown-test.addbubble-m { background-color: #1b1585; }
    .addbubble-m.dropdown-test .dropdown-item-bol { background-color: #221bad; }
    #addbubble.bol-add .dropdown-menu.dropdown-test.addbubble-m,
    #bulkactionsbubble.bol-add .dropdown-menu.dropdown-test.addbubble-m { background-color: #ffffff; }
    #addbubble.bol-add .addbubble-m.dropdown-test .dropdown-item-bol,
    #bulkactionsbubble.bol-add .addbubble-m.dropdown-test .dropdown-item-bol { background-color: transparent !important; }
}
.mail-side-nav2:hover { background-color: #D5DBDB; }
.m-dropdown-views a g { stroke: #221bad; }
@keyframes scaling {
    0%, 100% { transform: scale(0.2); background-color: #fff; }
    50% { transform: scale(1); background-color: #0f9aff; }
}


.slider-prev { background: #d3d3d3; }
.slider-prev::-webkit-slider-thumb { background: #221bad; }
.slider-prev::-moz-range-thumb { background: #221bad; }
#external-toolbar .redactor-air a:hover, #external-toolbar .redactor-toolbar a:hover, #external-toolbar .redactor-air a.redactor-button-active, #external-toolbar .redactor-toolbar a.redactor-button-active { color: #000000 !important; }
.toolbox a:hover,.toolbox a.active,.annotate-toolbox a:hover,.annotate-toolbox a.active{ color:#000000; }
.savebox { color: #000000; }
.contextmenu .dropdown-item, .crumb-actions .dropdown-item, .mobile-crumb-actions .dropdown-item { color: #000000 !important; }
.contextmenu .dropdown-item.disabled, .contextmenu .dropdown-item.inactive,
.crumb-actions .dropdown-item.disabled, .crumb-actions .dropdown-item.inactive,
.mobile-crumb-actions .dropdown-item.disabled, .mobile-crumb-actions .dropdown-item.inactive { color: lightgrey !important; }
.contextmenu .dropdown-item.disabled svg, .contextmenu .dropdown-item.disabled svg g { stroke: lightgrey !important; }


.import-dropzone{ border-color: #221bad !important; }
.import-dropzone .dz-message .icon{ color: #000000; }
.import-dropzone .dz-image { background: #f6f5ff !important; border-color: #221bad; }
.import-dropzone .dz-size{ color: #000000 !important; }
.import-dropzone .preview-remove { color: #000000 !important; }
.import-dropzone .dz-preview .dz-progress .dz-upload { color: #000000 !important; background: #221bad !important; }


#btn-add-at { color: #000000 !important; }
.round input[type="checkbox"]:checked + label { background-color: #221bad; border-color: #221bad; }
.unread{ color: #0f9aff !important; }
#nm-to > span, #nm-cc > span { background-color: #f6f5ff; color: #0f9aff; }
.is-unread { border-left-color: #0f9aff; }
@media screen and (max-width: 500px) {
    .mail-buttons-m{ background-color: #221bad; }
}


.preview-browsing{ color: #000000 !important; }
.preview-zoom{ color: #000000 !important; }
.rangeslider::-webkit-slider-thumb { background: #221bad; }
.rangeslider::-moz-range-thumb { background: #221bad; }


.bg-lightred { background-color: #FF000049 !important; }
.bg-lightorange { background-color: #FF730049 !important; }
.text-green { color: green }
.text-red { color: red }
.text-orange { color: darkorange }
.brand-color { color: #221bad !important; }
.brand-fontcolor { color: #000000 !important; }
.tag { border: 1px solid #221bad !important; }
.autocomplete-suggestion b { color: #000000; }
.tags-to p, #attachments .attitem, .realattitem { border: 1px solid #f6f5ff; color: #000000; background-color: #f6f5ff; }
.tags-cc p { border: 1px solid #f6f5ff; color: #000000; background-color: #f6f5ff; }
.sidenav { background-color: #221bad; }
.open-onscroll a { color: #000000; }
.icon-bg { color: #000000 !important; }
#_2faCode { border-color: #221bad !important; }
.taggroupitem .amount { color: #ffffff !important; background-color: #221bad !important; }
.highlight_item { background-color: #f6f5ff; border-color: #221bad; }
@keyframes highlighter {
    from { background-color: #f6f5ff; border-color: #221bad; }
    to { background-color: #ffffff; border-color: #f6f5ff; }
}

.command-color-0 i.statusico { color: #221bad }
.command-color-1 i.statusico { color: darkorange }
.command-color-2 i.statusico { color: red }
.command-color-3 i.statusico { color: darkgreen }
.command-color-0 i.statusico.roundbg { background-color: #fff !important; color: #221bad !important }
.command-color-1 i.statusico.roundbg { background-color: #ff8c007d !important; color: #fff !important; }
.command-color-2 i.statusico.roundbg { background-color: #ff00007d !important; color: #fff !important; }
.command-color-3 i.statusico.roundbg { background-color: #0064007d !important; color: #fff !important; }

.assignment-color-0 i.statusico { color: #221bad }
.assignment-color-1 i.statusico { color: darkorange }
.assignment-color-2 i.statusico { color: red }
.assignment-color-3 i.statusico { color: darkgreen }
.assignment-color-0 i.statusico.roundbg { background-color: #fff !important; color: #221bad !important }
.assignment-color-1 i.statusico.roundbg { background-color: #ff8c007d !important; color: #fff !important; }
.assignment-color-2 i.statusico.roundbg { background-color: #ff00007d !important; color: #fff !important; }
.assignment-color-3 i.statusico.roundbg { background-color: #0064007d !important; color: #fff !important; }



.progress { background-color: darkgray; color: #ffffff }
.progress-bar, .progress-bar.color-0 { background-color: #221bad; color: #ffffff }
.progress-bar.color-1 { background-color: darkorange; color: #ffffff }
.progress-bar.color-2 { background-color: red; color: #ffffff }
.progress-bar.color-3 { background-color: darkgreen; color: #ffffff }
.sortable li.color-0 { }





.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #221bad !important; }
.daterangepicker .ranges li.active { background-color: #221bad !important; }

#flipout, #external-flipout{
    background-color: #f6f5ff;
}
#external-flipout h5{
    color: #000000;
}
.activity-monitor-itemlink:hover .am-item-info{
    color: #000000
}


.byf-container .byf-btn { background-color: #221bad !important; color: #ffffff !important; }
.byf-container .byf-btn:hover { color: #ffffff !important; }
.byf-container .byf-finder__folder__title { color: #000000 !important; }
.byf-container .nav-item:hover { color: #0f9aff !important; }
.byf-container .byf-color__primary { color: #221bad !important; }
.byf-container .byf-color__primary_light { color: #1951d0 !important; }
.byf-container .byf-color__secondary { color: #ffe7ab !important; }
.byf-container {
    --byf-quickfolder-color: #ffe7ab;
    --byf-quickfolder-color-soft: rgba(255,231,171,0.3);
}
.byf-container .round input[type="checkbox"]:checked + label { background-color: #221bad !important; border-color: #221bad !important; }
.byf-container label { color: #221bad; }
.byf-container input { border-color: #ced4da; }


.secondary-browse-info i, #secondary-browse-info-text { color: #000000}


.tabzone-lr .nav-pills li a { color: #000000; }
.tabzone-lr .nav-pills .nav-link.active { background-color: white; color: #000000; border-color: #221bad; }
.tabzone-lr h3 { color: #000000; }

.tabzone-lr .tabs { background-color: #f6f5ff; }
.tabzone-lr .tabs .nav-item { background-color: #f6f5ff; }
.tabzone-lr .tabs .nav-item a { background-color: #f6f5ff; }

.gradientcontainer div.gradient-fondcolor { background-image: linear-gradient(to bottom, #f6f5ff4d, #f6f5ff 100%) }


:root {
    .fc {
        padding: 30px;
    }
    --fc-small-font-size: .85em;
    --fc-page-bg-color: #fff;
    --fc-neutral-bg-color: rgba(208, 208, 208, 0.3);
    --fc-neutral-text-color: #000000;
    --fc-border-color: #ced4da;

    --fc-button-text-color: #ffffff;
    --fc-button-bg-color: #221bad;
    --fc-button-border-color: #221bad;
    --fc-button-hover-bg-color: #0f9aff;
    --fc-button-hover-border-color: #0f9aff;
    --fc-button-active-bg-color: #0f9aff;
    --fc-button-active-border-color: #0f9aff;

    --fc-event-bg-color: #221bad;
    --fc-event-border-color: #221bad;
    --fc-event-text-color: #ffffff;
    --fc-event-selected-overlay-color: rgba(0, 0, 0, 0.25);

    --fc-more-link-bg-color: #d0d0d0;
    --fc-more-link-text-color: inherit;

    --fc-event-resizer-thickness: 8px;
    --fc-event-resizer-dot-total-width: 8px;
    --fc-event-resizer-dot-border-width: 1px;

    --fc-non-business-color: rgba(215, 215, 215, 0.3);
    --fc-bg-event-color: rgb(143, 223, 130);
    --fc-bg-event-opacity: 0.3;
    --fc-highlight-color: rgba(188, 232, 241, 0.3);
    --fc-today-bg-color: rgba(255, 220, 40, 0.15);
    --fc-now-indicator-color: red;
}




.fc-day-sat, .fc-day-sun {
    background-color: #f6f5ff;
}



#calendar-container .editIcon {
    color: #000000 !important;
}
#calendar-container .completeIcon {
    color: #fff !important;
    background-color: green !important;
}
.fc-event {
    color: #ffffff !important;
    background-color: #221bad;
}
a.fc-event {
    color: #ffffff !important;
}
a.fc-event:hover {
    background-color: #0f9aff !important;
}

.myassignments-content .fc-event.no-edit {
    color: #ffffff !important;
    background-color: grey !important;
}

.fc-event.assignment-color-2 { background-color: #ff00007d !important; border-color: #ff00007d !important; }
.fc-event.assignment-color-1 { background-color: #ff8c007d !important; border-color: #ff8c007d !important; }
.fc-event.assignment-color-3 { background-color: #0064007d !important; border-color: #0064007d !important; }


:root {
    --byf20-tenant-base-color: #221bad;
    --byf20-tenant-font-on-base: #ffffff;
    --byf20-color-transparent: transparent;
    --byf20-color-047857: #047857;
    --byf20-color-06b6d4: #06b6d4;
    --byf20-color-0ea5e9: #0ea5e9;
    --byf20-color-0f172a: #0f172a;
    --byf20-color-14213d: #14213d;
    --byf20-color-16a56b: #16a56b;
    --byf20-color-1f3554: #1f3554;
    --byf20-color-2b78e4: #221bad;
    --byf20-color-334155: #334155;
    --byf20-color-3b82f6: #221bad;
    --byf20-color-475569: #475569;
    --byf20-color-6366f1: #6366f1;
    --byf20-color-64748b: #64748b;
    --byf20-color-7a8ea7: #7a8ea7;
    --byf20-color-8b5cf6: #8b5cf6;
    --byf20-color-94a3b8: #94a3b8;
    --byf20-color-b42318: #b42318;
    --byf20-color-b7c5d8: #b7c5d8;
    --byf20-color-b97215: #b97215;
    --byf20-color-d1fae5: #d1fae5;
    --byf20-color-d9e4f2: #d9e4f2;
    --byf20-color-e2e8f0: #e2e8f0;
    --byf20-color-e7f0ff: rgba(34,27,173,0.1);
    --byf20-color-ec4899: #ec4899;
    --byf20-color-edfff8: #edfff8;
    --byf20-color-eef2f7: #eef2f7;
    --byf20-color-ef4444: #ef4444;
    --byf20-color-f1f5f9: #f1f5f9;
    --byf20-color-f4ddbb: #f4ddbb;
    --byf20-color-f59e0b: #f59e0b;
    --byf20-color-f8fafc: #f8fafc;
    --byf20-color-f8fbff: #f8fbff;
    --byf20-color-fb923c: #fb923c;
    --byf20-color-fca5a5: #fca5a5;
    --byf20-color-fee2e2: #fee2e2;
    --byf20-color-fff3e4: #fff3e4;
    --byf20-color-fff7f7: #fff7f7;
    --byf20-color-ffffff: #ffffff;
    --byf20-rgba-shadow-soft: rgba(15, 23, 42, 0.06);
    --byf20-rgba-shadow-medium: rgba(15, 23, 42, 0.14);
    --byf20-rgba-shadow-strong: rgba(15, 23, 42, 0.16);
    --byf20-rgba-brand-shadow: rgba(20, 33, 61, 0.2);
    --byf20-rgba-danger-shadow: rgba(220, 77, 65, 0.18);
    --byf20-rgba-danger-focus: rgba(239, 68, 68, 0.08);
    --byf20-rgba-muted-overlay: rgba(244, 247, 250, 0.52);
    --byf20-rgba-white-transparent: rgba(255, 255, 255, 0);
    --byf20-rgba-white-soft: rgba(255, 255, 255, 0.8);
    --byf20-rgba-white-solid: rgba(255, 255, 255, 0.96);
}