/* Custom CSS - The CSS properties in this stylesheet will over-write any original template styles if the same class names are used in addition to custom styles which can also be added. */ /*--- START --- Mega menu ADA. remove the
tag from thea */ /*--- END --- Mega menu ADA. remove the
tag from the */ /*--- START --- make 'Skip to main content' tab-abble */ #skip-to-content-ada { position: absolute; display: block; text-align: left; left: 300px; top: 15px; padding: 5px; } .skip-to-content-ada > a { width: auto; display: block; color: #fff !important; background: #333 !important; text-decoration: none; padding: 5px; position: absolute; left: -1000em; top: 0; font-weight: bold; } .skip-to-content-ada > a:visited{ color: #fff; } .skip-to-content-ada > a:focus, skip-to-content-test > a:active { position: absolute; display: block; text-align: left; left: 150px; top: 0px; padding: 5px; width: 250px; } /*--- END --- make 'Skip to main content' tab-abble */ .k-grid td { white-space: pre-line !important; } .k-grid .k-alt.k-state-selected { background-color: #f5f5f5 !important; color: #000000 !important; } .k-grid .k-state-selected  { background-color: transparent !important; color: #000000 !important; } .k-grid .k-alt.k-state-selected:hover { background-color: #f5f5f5 !important; color: #000000 !important; } .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td { background-color: transparent!important; } .k-grid td.k-state-selected, .k-grid tr.k-state-selected td { background-color: transparent !important; } .k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited { color: #000; background-color: transparent !important; } .search-container { position: relative; padding: 5px; overflow: visible; z-index: 50; width: 375px; } .badge-error { background-color: #b94a48!important; } .badge-warning { background-color: #eba80d !important; } .badge-info { background-color: #49bdf0 !important; } .color-error { color: #b94a48 !important; } .color-warning { color: #eba80d !important; } .color-info { color: #49bdf0 !important; } td{ word-wrap:break-word !important; } @media (min-width:768px) { .search-container { position: absolute; top: 10px; right: 10px; left: auto; min-width: 104px; border-radius: 6px; } } .k-grid tr td { overflow:visible; } .search-container.search-freeze-width { width: auto; } .search-container .textfield-container { float: left; padding-right: 44px; margin-right: -44px; width: 100%; } .search-container .search-textfield { padding: 0; font-size: inherit; width: 100%; height: 28px; /*float: right;*/ } @media (max-width:767px) { .search-container .search-textfield { margin-top: 4px; } } .search-container .submit-container { float: left; height: auto; } .search-container .submit-container:before, .search-container .submit-container:after { content: " "; display: table; } .search-container .submit-container:after { clear: both; } .search-container .submit-container:before, .search-container .submit-container:after { content: " "; display: table; } .search-container .submit-container:after { clear: both; } .search-container .submit-container button { background: none; border: none; width: 44px; height: 100%; font-size: 22.5px; line-height: 15px; padding: 0; -webkit-appearance: none; } .search-container .submit-container button>span { position: relative; top: 5px; } @media (max-width:767px) { .search-container .submit-container button { font-size: 30px; line-height: 1em; padding-top: 0; } #sidebar-wrapper { display: none; } } .search-container .search-textfield { background-color: rgba(255, 255, 255, 0.8); border-radius: 4px; border: 2px solid transparent; padding: 0 4px } @media (min-width:768px) { .primary .search-container.featured-search { top: 200px; left: 20%; padding: 10px; width: 60% } .primary .search-container.featured-search .textfield-container { padding-right: 60px; margin-right: -60px } .primary .search-container.featured-search button { font-size: 37.5px; width: 60px; -webkit-appearance: none } .primary .search-container.featured-search .search-textfield { padding: 14px; font-size: 16.5px; height: 55px } .primary .search-container.featured-search .submit-container { height: 55px } } @media (min-width:768px) { .header-cagov-logo { display: block; left: 28px; position: absolute; z-index: 10; line-height: 60px } .primary .header-cagov-logo { line-height: 58px } .branding { height: 60px } .primary .branding { height: 58px } } .badge { display: inline-block; margin-top: 1px; min-width: 35px; padding: 3px 7px; font-size: 12px; font-weight: bold; line-height: 1; color: #000 !important; text-align: center; white-space: nowrap; vertical-align: text-top; background-color: #777; border-radius: 10px; visibility: visible; opacity: 1; transition: opacity 0.5s linear; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #337ab7; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } .btn-primary { color: #333; background-color: #f2bf64; border-color: #f0b54c } /*SIMPLE SIDEBAR*/ body { overflow-x: hidden; } /* Toggle Styles */ #wrapper { padding-left: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #wrapper.toggled { padding-left: 250px; } #sidebar-wrapper { direction: rtl; border-color: #ccc; z-index: 1000; position: absolute; height: 80%; margin-left: -250px; overflow-y: auto; background-color:#fbfafa; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } #wrapper.toggled #sidebar-wrapper { width: 250px; } #page-content-wrapper { width: 100%; position: absolute; padding: 15px; } #wrapper.toggled #page-content-wrapper { position: absolute; margin-right: -250px; } /* Sidebar Styles */ .custom-color{ color:#428bca!important; } .sidebar-nav { position: absolute; top: 0; width: 250px; margin: 0; padding: 0; list-style: none; } .sidebar-nav li { text-align: left; padding-right: 20px; padding-left: 20px; margin-top: 10px; margin-bottom: 10px; } .sidebar-nav li a { text-decoration: none; color: #333; } .sidebar-nav li a:hover { text-decoration: none; color: #fff; background: rgba(255,255,255,0.2); } .sidebar-nav li a:active, .sidebar-nav li a:focus { text-decoration: none; } .sidebar-nav > .sidebar-brand { height: 65px; font-size: 18px; line-height: 60px; } .sidebar-nav > .sidebar-brand a { color: #999999; } .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; } @media(min-width:768px) { #wrapper { padding-left: 250px; } #wrapper.toggled { padding-left: 50px; } #sidebar-wrapper { margin-top: 20px; width: 250px; } #wrapper.toggled #sidebar-wrapper { overflow: hidden; margin-left: -45.6px; width: 45.6px; } #wrapper.toggled .sidebar-nav li { padding-right: 10px; } #wrapper.toggled .badge { visibility: hidden; opacity: 0; -webkit-transition: visibility 0s 0.35s, opacity 0.35s linear; -moz-transition: visibility 0s 0.35s, opacity 0.35s linear; -o-transition: visibility 0s 0.35s, opacity 0.35s linear; transition: visibility 0s 0.35s, opacity 0.35s linear; } #wrapper.toggled .sidebar-nav img { -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); filter: FlipH; } #page-content-wrapper { padding: 20px; position: relative; } #wrapper.toggled #page-content-wrapper { position: relative; margin-right: 0; } /*CHANGES FOR PANEL OVER LI*/ #wrapper.toggled .list-group-item { visibility: hidden; opacity: 0; -webkit-transition: visibility 0s 0.5s, opacity 0.5s linear; -moz-transition: visibility 0s 0.5s, opacity 0.5s linear; -o-transition: visibility 0s 0.5s, opacity 0.5s linear; transition: visibility 0s 0.5s, opacity 0.5s linear; } #wrapper.toggled .navbar-brand { visibility: hidden; opacity: 0; -webkit-transition: visibility 0s 0.5s, opacity 0.5s linear; -moz-transition: visibility 0s 0.5s, opacity 0.5s linear; -o-transition: visibility 0s 0.5s, opacity 0.5s linear; transition: visibility 0s 0.5s, opacity 0.5s linear; } #wrapper.toggled .panel-heading img { -moz-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1); filter: FlipH; } } .sidebar-toggle { float: right; margin: inherit; padding-left: 0; padding-right: 0; line-height: 50px; } .toolbar-search { border-radius:4px; } .icon-button { padding: 0; background-color:transparent; border:none; } /*.k-grid tr, .k-grid tr th, .k-header, .k-grid-header-wrap { overflow:visible!important; }*/ .k-toolbar { overflow:visible!important; padding: 4px 0; border-radius: 4px 4px 0 0; border-bottom: none; text-align:right; } .k-editor, .k-grid, .k-menu, .k-scheduler { border-radius: 0; } .k-menu .k-item, .k-widget.k-menu-horizontal>.k-item { border: none; } .k-menu .k-item>.k-link { padding: 5px 5px 5px 5px; } .no-border { border: none; } .normal-font { font-weight: normal; } .list-group-item { float: left !important; display: block; margin: 0; border: none; background-color: #fbfafa; } .panel-heading { padding: 10px 10px; text-align:center; } .panel-info>.panel-heading { border-color: #ccc; background-color: #fbfafa; color: black; } .panel-body { padding: 0; background-color: #fbfafa; } .sidebar-body { margin-top: 70.8px; } .fixed-width { width: 250px; } .toggle-img { width: 24px; height: 24px; margin-top: 10px; } .k-filter-row { display: none; } .toolbar-label { font-size: 12px; padding-left: 16px; } .no-scrollbar .k-grid-header { padding: 0 !important; } .k-grid-content { overflow-y: auto; } .k-filter-row .k-dropdown-operator { right: 0; } .k-filtercell>span { padding-right: 31.4px; } div.k-grid-header button { display: none; } div.grid-image-cell { text-align: center; } .k-button, .k-button-bare { padding: 2px 12px 2px; } .k-filtercell>.k-operator-hidden { padding-right: 0; } /*.k-toolbar .k-overflow-anchor { display: none!important; }*/ @media (max-width:480px) { .desktop-header { display: none; } .container { padding: 0; } #GridToolBar>.btn-secondary { display: none!important; } .col-lg-12 { padding: 0; } .main-content .main-primary, .main-content .main-secondary { padding: 0; } /*hr { display: none; }*/ .title { display: block; font-size: 1.6em; } .description { display: block; padding-top: 5px; } /*.k-grid td { background-color: #f5f5f5; }*/ } .dropdown { position: absolute; } .toolbar-search>.form-control { height: 16px; width: 85%; } /* .k-toolbar .k-button, .k-toolbar>* { display:block!important; } */ .menu-default { float: none!important; right: inherit!important; } .filter-button { display: block!important; } .actions-button { margin-right: 0.2em; height: 16px; } #filter-both { display: block !important; } /*.dropdown-highlight { border-color: #ff0000; background-color: #b94a48; color: black; } textarea:focus { background: pink; } */ #idpreferences:focus { border-color: #428bca; } .hideDiv { display:none; } .break-word { word-wrap: break-word; } .nested-panel { background-color: #e0dfe6 !important } .truncate-text { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; } .half-width-table { table-layout: fixed; width: 100%; } .half-width-table td { vertical-align: top; width: 50%; padding: 8px; } .bordered { border: 1px solid #d5d5d5; } .bordered-panel { border: 1px solid #d5d5d5; border-radius: 3px; } .no-margin-top { margin-top: 0 !important } .k-animation-container { text-align:left; } /*.k-grid tr.k-state-selected:hover td { background-color: none; } .k-grid tr.k-state-selected td { background-color: none; }*/ /*tr.k-state-selected :hover { background-color: none !important; color:#000; border-color: #428bca; }*/ /*tr.k-state-selected { background-color: green !important; color: #000 !important; /*border-color: #428bca; }*/ /*.k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td { background-color: none !important; }*/ /*tr.k-draghandle.k-state-selected, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited { color: #000; background-color: green !important; border-color: #428bca; } tr.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited { color: #000; background-color: orange ; border-color: #428bca; }*/ .discoverableTextWarning { color: black; font-style: italic; } .infoTextTip { color: black; font-style: italic; font-size: 10px; } ul.k-panelbar.k-header > li.k-item.k-state-highlight > a.k-link.k-state-selected.k-state-focused { color: black; } ul.k-panelbar.k-header > li.k-item.k-state-highlight > div.k-content > .panel-body { box-shadow: inset 0px -3px 10px 0px #3276b1; -webkit-box-shadow: inset 0px -3px 10px 0px #3276b1; } /* Highlight already selected items in dropdown */ div.k-list-scroller > ul.k-list > li.k-state-selected { box-shadow: inset 0 0 10px 3px #3276b1; -webkit-box-shadow: inset 0 0 10px 3px #3276b1; } /* Highlight already selected items in virtualized dropdown */ div.k-virtual-content > ul.k-list > li.k-state-selected { box-shadow: inset 0 0 10px 3px #3276b1; -webkit-box-shadow: inset 0 0 10px 3px #3276b1; }