.form-control.form-control-solid { border-color: #909090; } .form-check.form-check-solid .form-check-input { border: 1px solid #909090; } .form-select.form-select-solid { border-color: #909090; } .dropdown.show>.form-control.form-control-solid, .form-control.form-control-solid.active, .form-control.form-control-solid.focus, .form-control.form-control-solid:active, .form-control.form-control-solid:focus { border-color: #000000; } .aside-dark .menu .menu-item .menu-section { color: #7477A0!important; } .aside-dark .menu .menu-item .menu-link .menu-title { color: #B7B7C5; } .btn:disabled { background-color: #eef3f7; border: 1px solid #909090!important; color: #909090; } #assessmentGraphicalTable td { border-right: 1px solid #ffffff; } #assessmentGraphicalTable td .btn:not(.btn-outline):not(.btn-dashed):not(.border-hover):not(.border-active):not(.btn-flush):not(.btn-icon) { padding: calc(.25rem + 1px) calc(1.5rem + 1px); } td.bagv-Optimised, td.bagv-Connected, td.bagv-None, td.gv-NotAnswered, td.lagv-None, td.lagv-International, td.lagv-LocalNeighbourhood{ color: #ffffff; } td.bagv-Managed, td.bagv-Established, td.bagv-Informal td.lagv-National, td.lagv-Regional, td.lagv-LocalBorough { color: #000000; } td.gv-NotAnswered { /* background-color: #009ef7; */ background-color: #ffffff; } .assessmentAnswer1, .assessmentAnswer7, .assessmentAnswer13, .assessmentAnswer20, .assessmentAnswer29, td.bagv-None, td.lagv-International, td.lagv-Yes, td.eagv-NegativeSubstantial, td.eagv-Negative1, td.cqgv-Inadequate, td.smgv-NegativeSubstantial { background-color: #ff0000; } .assessmentAnswer2, .assessmentAnswer8, .assessmentAnswer21, td.bagv-Informal, td.lagv-National, td.lagv-Sometimes, td.eagv-Negative2, td.cqgv-Improvement { background-color: #ff9900; } .assessmentAnswer3, .assessmentAnswer9, .assessmentAnswer22, .assessmentAnswer28, td.bagv-Established, td.lagv-Regional, td.eagv-Negative3 { background-color: #ffff00; } .assessmentAnswer4, .assessmentAnswer10, .assessmentAnswer23, td.bagv-Managed, td.lagv-LocalBorough, td.eagv-NotKnown, td.smgv-None { background-color: #cccc00; } .assessmentAnswer5, .assessmentAnswer11, .assessmentAnswer18, .assessmentAnswer24, .assessmentAnswer27, td.bagv-Connected, td.lagv-LocalNeighbourhood, td.eagv-PositiveModerate, td.eagv-Positive1, td.cqgv-Good, td.smgv-PositiveModerate { background-color: #99cc00; } .assessmentAnswer6, .assessmentAnswer12, .assessmentAnswer25, .assessmentAnswer26, td.bagv-Optimised, td.lagv-None, td.lagv-No, td.eagv-Positive2, td.cqgv-Outstanding { background-color: #00b050; } .assessmentAnswer14, td.eagv-NegativeModerate, td.smgv-NegativeModerate { background-color: #ffc000; } .assessmentAnswer15, td.eagv-NegativeLow, td.smgv-NegativeLow { background-color: #ffcc66; } .assessmentAnswer16, td.eagv-None, td.smgv-None { background-color: #bfbfbf; } .assessmentAnswer17, td.eagv-PositiveLow, td.smgv-PositiveLow, td.bagv-NotAssessed { background-color: #a5a5a5; } .assessmentAnswer19, td.eagv-PositiveSubstantial, td.smgv-PositiveSubstantial { background-color: #008000; } .form-check.form-check-solid .form-check-input.assessmentAnswer1:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer7:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer13:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer20:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer29:checked { background-color: #ff0000; } .form-check.form-check-solid .form-check-input.assessmentAnswer2:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer8:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer21:checked { background-color: #ff9900; } .form-check.form-check-solid .form-check-input.assessmentAnswer3:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer9:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer22:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer28:checked { background-color: #ffff00; } .form-check.form-check-solid .form-check-input.assessmentAnswer4:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer10:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer23:checked { background-color: #cccc00; } .form-check.form-check-solid .form-check-input.assessmentAnswer5:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer11:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer18:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer24:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer27:checked { background-color: #99cc00; } .form-check.form-check-solid .form-check-input.assessmentAnswer6:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer12:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer25:checked, .form-check.form-check-solid .form-check-input.assessmentAnswer26:checked { background-color: #00b050; } .form-check.form-check-solid .form-check-input.assessmentAnswer14:checked { background-color: #ffc000; } .form-check.form-check-solid .form-check-input.assessmentAnswer15:checked { background-color: #ffcc66; } .form-check.form-check-solid .form-check-input.assessmentAnswer16:checked { background-color: #bfbfbf; } .form-check.form-check-solid .form-check-input.assessmentAnswer17:checked { background-color: #a5a5a5; } .form-check.form-check-solid .form-check-input.assessmentAnswer19:checked { background-color: #008000; } .badge.assessmentAnswer3 { color: #909090; } .select2-container .text-muted { color: #2e2e2e!important; } .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected .text-muted { color: #c0c0c0!important; } .select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected { background-color: #181c32!important; } .select2-results__option--selected .assessmentSelect1, .select2-results__option--selected .assessmentSelect2, .select2-results__option--selected .assessmentSelect3, .select2-results__option--selected .assessmentSelect4, .select2-results__option--selected .assessmentSelect5, .select2-results__option--selected .assessmentSelect6, .select2-results__option--selected .assessmentSelect7, .select2-results__option--selected .assessmentSelect8, .select2-results__option--selected .assessmentSelect9, .select2-results__option--selected .assessmentSelect10, .select2-results__option--selected .assessmentSelect11, .select2-results__option--selected .assessmentSelect12, .select2-results__option--selected .assessmentSelect13, .select2-results__option--selected .assessmentSelect14, .select2-results__option--selected .assessmentSelect15, .select2-results__option--selected .assessmentSelect16, .select2-results__option--selected .assessmentSelect17, .select2-results__option--selected .assessmentSelect18, .select2-results__option--selected .assessmentSelect19, .select2-results__option--selected .assessmentSelect20, .select2-results__option--selected .assessmentSelect21, .select2-results__option--selected .assessmentSelect22, .select2-results__option--selected .assessmentSelect23, .select2-results__option--selected .assessmentSelect24, .select2-results__option--selected .assessmentSelect25, .select2-results__option--selected .assessmentSelect26, .select2-results__option--selected .assessmentSelect27, .select2-results__option--selected .assessmentSelect28, .select2-results__option--selected .assessmentSelect29, .select2-results__option--selected .assessmentSelect33 { color: #ffffff; } .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect1), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect1), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect7), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect7), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect13), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect13), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect20), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect20), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect29), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect29) { background-color: #ff0000; } .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect2), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect2), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect8), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect8), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect21), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect21) { background-color: #ff9900; } .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect3), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect3), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect9), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect9), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect22), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect22), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect28), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect28) { background-color: #ffff00; } .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect4), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect4), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect10), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect10), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect23), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect23) { background-color: #cccc00; } .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect5), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect5), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect11), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect11), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect18), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect18), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect24), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect24), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect27), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect27) { background-color: #99cc00; } .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect6), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect5), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect12), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect12), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect25), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect25), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect26), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect26) { background-color: #00b050; } .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect14), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect14) { background-color: #ffc000; } .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect15), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect15) { background-color: #ffcc66; } .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect16), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect16) { background-color: #bfbfbf; } .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect17), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect17), .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect33), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect33) { background-color: #a5a5a5; } .select2-container--bootstrap5 .form-select-solid:has(.assessmentSelect19), .select2-container--bootstrap5.select2-container--open .form-select-solid:has(.assessmentSelect19) { background-color: #008000; } .select2-results__option:has(.assessmentSelect1), .select2-results__option:has(.assessmentSelect7), .select2-results__option:has(.assessmentSelect13), .select2-results__option:has(.assessmentSelect20), .select2-results__option:has(.assessmentSelect29) { background-color: #ff0000!important; } .assessmentSelect1, .assessmentSelect7, .assessmentSelect13, .assessmentSelect20, .assessmentSelect29 { color: #ffffff; } .select2-results__option:has(.assessmentSelect2), .select2-results__option:has(.assessmentSelect8), .select2-results__option:has(.assessmentSelect21) { background-color: #ff9900!important; } .assessmentSelect2, .assessmentSelect8, .assessmentSelect21 { color: #000000; } .select2-results__option:has(.assessmentSelect3), .select2-results__option:has(.assessmentSelect9), .select2-results__option:has(.assessmentSelect22), .select2-results__option:has(.assessmentSelect28) { background-color: #ffff00!important; } .assessmentSelect3, .assessmentSelect9, .assessmentSelect22, .assessmentSelect28 { color: #000000; } .select2-results__option:has(.assessmentSelect4), .select2-results__option:has(.assessmentSelect10), .select2-results__option:has(.assessmentSelect23) { background-color: #cccc00!important; } .assessmentSelect4, .assessmentSelect10, .assessmentSelect23 { color: #000000; } .select2-results__option:has(.assessmentSelect5), .select2-results__option:has(.assessmentSelect11), .select2-results__option:has(.assessmentSelect18), .select2-results__option:has(.assessmentSelect24), .select2-results__option:has(.assessmentSelect27) { background-color: #99cc00!important; } .assessmentSelect5, .assessmentSelect11, .assessmentSelect18, .assessmentSelect24, .assessmentSelect27 { color: #000000; } .select2-results__option:has(.assessmentSelect6), .select2-results__option:has(.assessmentSelect12), .select2-results__option:has(.assessmentSelect25), .select2-results__option:has(.assessmentSelect26) { background-color: #00b050!important; } .assessmentSelect6, .assessmentSelect12, .assessmentSelect25, .assessmentSelect26 { color: #ffffff; } .select2-results__option:has(.assessmentSelect14) { background-color: #ffc000; } .assessmentSelect14 { color: #000000; } .select2-results__option:has(.assessmentSelect15) { background-color: #ffcc66; } .assessmentSelect15 { color: #000000; } .select2-results__option:has(.assessmentSelect16) { background-color: #bfbfbf; } .assessmentSelect16 { color: #000000; } .select2-results__option:has(.assessmentSelect17), .select2-results__option:has(.assessmentSelect33) { background-color: #a5a5a5; } .assessmentSelect17, .assessmentSelect33 { color: #000000; } .select2-results__option:has(.assessmentSelect19) { background-color: #008000; } .assessmentSelect19 { color: #ffffff; } td.bagv-None, td.lagv-International, td.lagv-Yes, td.eagv-NegativeSubstantial, td.eagv-Negative1, td.cqgv-Inadequate, td.smgv-NegativeSubstantial { color: #ff0000; } td.bagv-Informal, td.lagv-National, td.lagv-Sometimes, td.eagv-Negative2, td.cqgv-Improvement { color: #ff9900; } td.bagv-Established, td.lagv-Regional, td.eagv-Negative3 { color: #ffff00; } td.bagv-Managed, td.lagv-LocalBorough, td.eagv-NotKnown, td.smgv-None { color: #cccc00; } td.bagv-Connected, td.lagv-LocalNeighbourhood, td.eagv-PositiveModerate, td.eagv-Positive1, td.cqgv-Good, td.smgv-PositiveModerate { color: #99cc00; } td.bagv-Optimised, td.lagv-None, td.lagv-No, td.eagv-Positive2, td.cqgv-Outstanding { color: #00b050; } td.eagv-NegativeModerate, td.smgv-NegativeModerate { color: #ffc000; } td.eagv-NegativeLow, td.smgv-NegativeLow { color: #ffcc66; } td.eagv-None, td.smgv-None { color: #bfbfbf; } td.eagv-PositiveLow, td.smgv-PositiveLow, td.bagv-NotAssessed { color: #a5a5a5; } td.eagv-PositiveSubstantial, td.smgv-PositiveSubstantial { color: #008000; } /* --------------- Dynamic Columns -------------- */ @media screen and (max-width: 420px) { .assIndPri-3 {display: none; } .assIndPri-4 {display: none; } .assIndPri-5 {display: none; } /* .assIndPri-1 {display: none; } .assIndPri-2 {display: none; } */ } @media screen and (min-width: 421px) and (max-width: 519px) { .assIndPri-4 {display: none; } .assIndPri-5 {display: none; } /* .assIndPri-1 {display: none; } .assIndPri-2 {display: none; } .assIndPri-3 {display: none; } */ } @media screen and (min-width: 520px) and (max-width: 767px) { .assIndPri-5 {display: none; } /* .assIndPri-1 {display: none; } .assIndPri-2 {display: none; } .assIndPri-3 {display: none; } .assIndPri-4 {display: none; } */ } @media screen and (min-width: 768px) and (max-width: 991px) { /* .assIndPri-1 {display: none; } .assIndPri-2 {display: none; } .assIndPri-3 {display: none; } .assIndPri-4 {display: none; } .assIndPri-5 {display: none; } */ } @media screen and (min-width: 992px) and (max-width: 1201px) { /* .assIndPri-2 {display: none; } .assIndPri-3 {display: none; } .assIndPri-4 {display: none; } .assIndPri-5 {display: none; } .assIndPri-1 {display: none; } */ } @media screen and (min-width: 1200px) { /* .assIndPri-2 {display: none; } .assIndPri-3 {display: none; } .assIndPri-4 {display: none; } .assIndPri-5 {display: none; } .assIndPri-1 {display: none; } */ } /* --------------- End of Dynamic Columns -------------- */ .stickyHeader { position: sticky; top: 67px; z-index: 10; } @media screen and (max-width: 1389px) { .buttonTextToHide { display: none; } } span.text-white a.lightTextLink { color: #ffffff; } .swal-overlay { background-color: rgba(0, 0, 0, 0.45); } .swal-text { /* background-color: #FEFAE3; padding: 17px; border: 1px solid #F0E1A1; display: block; margin: 22px; */ text-align: center; /* color: #61534e; */ } /* -------------- Progress Bar -------------- */ .progress-wrp { display: none; border: 1px solid #0099CC; padding: 1px; position: relative; height: 30px; border-radius: 3px; margin: 10px; text-align: left; background: #fff; box-shadow: inset 1px 3px 6px rgba(0, 0, 0, 0.12); transition: opacity 1s ease-in-out; } .progress-wrp .progress-bar { height: 100%; border-radius: 3px; background-color: #f39ac7; width: 0; box-shadow: inset 1px 1px 10px rgba(0, 0, 0, 0.11); } .progress-wrp .status { top: 3px; left: 50%; position: absolute; display: inline-block; color: #000000; } .btn-slim { padding: calc(.35rem + 1px) calc(1.25rem + 1px); } .careDashboard { background-color: rgba(151, 195, 73, 0); } /* -------------- Scroll Bars -------------- */ div::-webkit-scrollbar-thumb { border-radius: 10px !important; background: #009ef7 !important; height: 10px !important; width: 10px !important; } div::-webkit-scrollbar { background-color: transparent !important; height: 10px !important; width: 10px !important; } ul.lightWidgetList { padding-left: 0px; } ul.lightWidgetList li { list-style-type: none; } ul.lightWidgetList li a { color: #ffffff; } ul.lightWidgetList li:hover { list-style-type: disc; } ul.lightWidgetList li a:hover { color: #000000; } /* Documents */ @media only screen and (max-width: 767px) { #kt_table_documents_wrapper .btn { padding: 7px 10px; } #kt_table_documents_wrapper .btn i { padding-right: 0; } #kt_table_documents_filter input[type="search"] { max-width: 140px; font-size: 12px !important; } } .dash-widgets .sortable-item .card { min-height: 135px; } /* -------------- START Messaging -------------- */ .contact-messages-new { line-height: 0; z-index: 5; position: absolute; right: -1px; top: -1px; display: flex; align-items: center; justify-content: center; background-color: #ffc700; border: 1px solid rgba(0, 0, 0, 0.55); color: rgb(0, 0, 0, 0.85); border-radius: 50%; height: 19px; width: 19px; } .contact-messages-number { font-size: 12px; font-weight: 100; } .contact-close { display: none; cursor: pointer; background-color: rgba(0, 0, 0, 0.70); border-radius: 50%; line-height: 0; z-index: 10; position: absolute; right: -1px; top: -1px; } .contact-close i { color: red; display: inline-block; margin-top: 1px; margin-left: 1px; font-size: 17px; } /* -------------- END Messaging -------------- */ /* -------------- START Messaging -------------- */ #kt_header .d-flex .btn.btn-icon { background-color: #ffffff; } #kt_header .d-flex .btn.btn-icon:hover, #kt_header .d-flex.active .btn.btn-icon, #kt_header .d-flex .btn.btn-icon.show { background-color: #ffffff !important; } #kt_header .d-flex .btn.btn-icon svg, #kt_header .d-flex .btn.btn-icon i { color: white; } /* -------------- END Messaging -------------- */ /* NAV LINKS */ form #nav-anchor .nav-item, #kt_content_container .nav-item { margin: 5px; } form #nav-anchor .nav-item .nav-link, #kt_content_container .nav-item .nav-link { background-color: #009ef7; align-items: center; justify-content: center; border-radius: .475rem; border-bottom-width: 0 !important; margin: 0px !important; padding: 0.75rem 1rem !important; color: white !important; } form #nav-anchor .nav-item .nav-link.active, form #nav-anchor .nav-item .nav-link:hover, form #nav-anchor .nav-item .nav-link:focus, #kt_content_container .nav-item .nav-link.active, #kt_content_container .nav-item .nav-link:hover, #kt_content_container .nav-item .nav-link:focus { background-color: #4845af; color: white !important; } .aside-menu .menu-item { margin-right: 10px; } /* TOOLS */ #kt_help_toggle { background-color: #181c32 !important; color: white; } #kt_help_toggle:hover { background-color: #a1a5b7 !important; } /* Messaging */ .card-toolbar .me-2 { display: none; } .messageGroupAdder { background-color: #009ef7; height: 35px; width: 35px; text-align: center; } .messageGroupAdder i { font-size: 15px; margin: 10px; color: white; } .messageGroupAdder:hover { background-color: #4845af; } #new-group-form ul { list-style: none; padding: 0; margin: 0; } #new-group-form li { position: relative; } #new-group-form label { font-size: 14px; border-radius: 0.325rem; padding: 0.35rem; width: 100%; height: 100%; background-color: #909090; color: white; cursor: pointer; } #new-group-form input { visibility: hidden; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #new-group-form input:checked + label, #new-group-form input:hover + label { background-color: #7477A0 !important; } #kt_drawer_chat_messenger_header { display: block !important; padding: 5px !important; width: 51px; margin: 0; } #kt_drawer_chat_messenger_header .card .card-header { display: block; width: 51px; } #kt_drawer_chat_messenger_header .card .card-header .card-title { width: 51px; overflow-y: scroll; margin: 0 !important; padding: 0 !important; } .messageContact { height: 35px; width: 35px; } .messageContact .fas { margin: 3px 4px; } .messageContainer { max-height: 500px; overflow-y: scroll; } /* Buttons */ form #nav-anchor .nav-item, #kt_content_container .nav-item { margin: 5px; } form #nav-anchor .nav-item .nav-link, #kt_content_container .nav-item .nav-link { background-color: transparent; align-items: center; justify-content: center; border-radius: 0; border-bottom-width: 2px !important; border-bottom-color: #181c32; margin: 0px !important; padding: 0.75rem 1rem !important; color: #a1a5b7 !important; border-top-left-radius: 0.325rem; border-top-right-radius: 0.325rem; } form #nav-anchor .nav-item .nav-link.active, form #nav-anchor .nav-item .nav-link:focus, #kt_content_container .nav-item .nav-link.active, #kt_content_container .nav-item .nav-link:focus { background-color: #181c32; border-bottom-color: #181c32; color: white !important; border-top-left-radius: 0.325rem; border-top-right-radius: 0.325rem; } form #nav-anchor .nav-item .nav-link:hover, #kt_content_container .nav-item .nav-link:hover { background-color: #a1a5b7; color: white !important; border-top-left-radius: 0.325rem; border-top-right-radius: 0.325rem; } .aside-menu .menu-item { margin-right: 10px; } .explore-btn-primary, .btn.btn-sm.btn-primary, .svg-icon img { background-color: #181c32 !important; color: white !important; } .explore-btn-primary:hover, .btn.btn-sm.btn-primary:hover, .svg-icon:hover img, .explore-btn-primary:focus, .btn.btn-sm.btn-primary:focus, .svg-icon:focus img { background-color: #a1a5b7 !important; color: #ffffff !important; } .explore-btn-primary:hover i, .btn.btn-sm.btn-primary:hover i, .btn.btn-sm.btn-primary:hover svg, .explore-btn-primary:focus i, .btn.btn-sm.btn-primary:focus i, .btn.btn-sm.btn-primary:focus svg { background-color: #a1a5b7; color: white !important; } .alert-storm-success, .alert-storm-low, td.alert-storm-low { color: #ffffff; border-color: #198754; background-color: #00b050; } .alert-storm-moderate-low, td.alert-storm-moderate-low { color: #000000; border-color: #ffc107; background-color: #fff000; } .alert-storm-warning, .alert-storm-moderate-high, td.alert-storm-moderate-high { color: #000000; border-color: #fd7e14; background-color: #ffc000; } .alert-storm-danger, .alert-storm-high, td.alert-storm-high { color: #ffffff; border-color: #dc3545; background-color: #ff0000; } table#stormAssessmentSummary tbody, table#stormShortAssessmentSummary tbody { border-right: 1px solid #eff2f5; border-bottom: 1px solid #eff2f5; border-left: 1px solid #eff2f5; } table#stormAssessmentSummary td, table#stormShortAssessmentSummary td { border-right: 1px solid #eff2f5; } table#stormAssessmentSummary th, table#stormShortAssessmentSummary th { border: 1px solid #c1c4c7; } table#stormAssessmentSummary caption, table#stormShortAssessmentSummary caption { caption-side: top; font-size: large; } #kt_header .d-flex .btn.btn-icon i.topbarIcon, i.topbarIcon { color: #181c32 !important; font-size: 20px; } #kt_header .d-flex .btn.btn-icon i.topbarIcon:hover i.topbarIcon:hover { color: #a1a5b7 !important; } .btn-light, .btn-danger, .btn-success, .btn-warning { background-color: #181c32 !important; color: #ffffff !important; } .btn-light:hover { background-color: #181c32 !important; color: #7e8299 !important; } .btn-danger:hover { background-color: #181c32 !important; color: #f1416c !important; } .btn-success:hover { background-color: #47be7d; } .btn-warning:hover { background-color: #181c32 !important; color: #f1bc00; } .menu-state-bg-light-primary .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here), .menu-state-bg-light-primary .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) { transition: color .2s ease,background-color .2s ease; background-color: #181c32; color: #ffffff; } .scrolltop, .scrolltop:hover { background-color: #181c32; } .aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon, .aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-icon i, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon .svg-icon, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-icon i { color: #a1a5b7; } .aside-dark .menu .menu-item.hover:not(.here)>.menu-link:not(.disabled):not(.active):not(.here) .menu-bullet .bullet, .aside-dark .menu .menu-item:not(.here) .menu-link:hover:not(.disabled):not(.active):not(.here) .menu-bullet .bullet { background-color: #a1a5b7; } .btn-check:active+.btn.btn-active-icon-primary .svg-icon, .btn-check:active+.btn.btn-active-icon-primary i, .btn-check:checked+.btn.btn-active-icon-primary .svg-icon, .btn-check:checked+.btn.btn-active-icon-primary i, .btn.btn-active-icon-primary.active .svg-icon, .btn.btn-active-icon-primary.active i, .btn.btn-active-icon-primary.show .svg-icon, .btn.btn-active-icon-primary.show i, .btn.btn-active-icon-primary:active:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary:active:not(.btn-active) i, .btn.btn-active-icon-primary:focus:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary:focus:not(.btn-active) i, .btn.btn-active-icon-primary:hover:not(.btn-active) .svg-icon, .btn.btn-active-icon-primary:hover:not(.btn-active) i, .show>.btn.btn-active-icon-primary .svg-icon, .show>.btn.btn-active-icon-primary i { color: #181c32; } .btn-check:active+.btn.btn-warning, .btn-check:checked+.btn.btn-warning, .btn.btn-warning.active, .btn.btn-warning.show, .btn.btn-warning:active:not(.btn-active), .btn.btn-warning:focus:not(.btn-active), .btn.btn-warning:hover:not(.btn-active), .show>.btn.btn-warning { color: #181c32; border-color: #f1bc00; background-color: #f1bc00!important; } div.dataTables_info, div.dataTables_length { padding-left: 1rem !important; } div.dataTables_paginate, div.dataTables_filter { padding-right: 1rem !important; } .grow-wrap { /* easy way to plop the elements on top of each other and have them both sized based on the tallest one's height */ display: grid; } .grow-wrap::after { /* Note the weird space! Needed to preventy jumpy behavior */ content: attr(data-replicated-value) " "; /* This is how textarea text behaves */ white-space: pre-wrap; /* Hidden from view, clicks, and screen readers */ visibility: hidden; } .grow-wrap > textarea { /* You could leave this, but after a user resizes, then it ruins the auto sizing */ resize: none; /* Firefox shows scrollbar on growth, you can hide like this. */ overflow: hidden; } .grow-wrap > textarea, .grow-wrap::after { /* Identical styling required!! */ border: 1px solid black; padding: 0.5rem; font: inherit; /* Place on top of each other */ grid-area: 1 / 1 / 2 / 2; }