/* Orion Theme for iMIS */ @import url("https://fonts.googleapis.com/css2?family=Dosis:wght@400;600&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap"); /* ========================================================================== MASTER PAGE LAYOUT ========================================================================== */ .body-main, .col-primary { background-color: #f2f2f3; } /* Primary Navigation and Main Content ========================================================================== */ /* required to make the left bar span the full height */ .wrapper { min-height: 100vh; height: auto; position: relative; min-width: 290px; } .sidebar-fixed .wrapper { min-height: 100%; height: 100%; position: static; } .sidebar-fixed .wrapper.nav-expanded { overflow-x: hidden; } .header, .breadcrumb, .sidebar, .main, .footer-main, .CommandBar { padding-left: 20px; padding-right: 20px; } .col-secondary { width: 220px; position: absolute; min-height: 100%; } @media (max-width: 991px) { .col-secondary { /* hide the nav by default on small screens */ visibility: hidden; } } .sidebar-fixed .col-secondary { position: fixed; height: 100%; } .col-primary { min-height: 100%; position: relative; background: #eeeeef url("images/bg_geometric.gif") top left no-repeat; background-blend-mode: multiply; } @media (min-width: 992px) { .col-primary, .footer-main { /* on desktop make sure to give room for the left nav */ margin-left: 220px; } } @media (max-width: 991px) { .nav-expanded .col-secondary { visibility: visible; } .nav-expanded .col-primary, .nav-expanded .footer-main { -webkit-transform: translate3d(220px, 0, 0); transform: translate3d(220px, 0, 0); } } .container { padding-left: 20px; padding-right: 20px; } .main { padding-top: 40px; } .CommandBar { margin-bottom: 1em; } /* Auxiliary & Footer Areas ========================================================================== */ /* This applies to the navigation list in the auxiliary area and the footer area */ @media (min-width: 768px) { .footer-main .footer-left { float: left; } .footer-main .footer-right { float: right; } } .PageTasksPanel { display: inline-block; } /* Sticky Footer ========================================================================== */ .col-primary { min-height: 100%; margin-bottom: -90px; } @media (min-width: 768px) { .col-primary { margin-bottom: -50px; } } .col-primary:after { content: ''; display: block; } .col-primary:after, .footer-main { height: 90px; } @media (min-width: 768px) { .col-primary:after, .footer-main { height: 50px; } } .footer-main { position: absolute; bottom: 0; left: 0; right: 0; } .sidebar-fixed .footer-main { position: relative; } @media (min-width: 768px) { .footer-main .footer-left { float: left; } .footer-main .footer-right { float: right; } } /* Sidebar ========================================================================== */ /* This is used in Communities to display the navigation */ @media (min-width: 992px) { .has-sidebar .sidebar { width: 28%; float: left; } .has-sidebar .main { width: 72%; float: right; } } /* ========================================================================== Basic setup ========================================================================== */ body { font-family: Poppins, Helvetica Neue, Arial, sans-serif; font-size: 15px; line-height: 1.428571429; color: #222; } a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a { color: #005e7d ; text-decoration: none; } a:visited, .Link:visited, .RadGrid.RadGrid .rgRow a:visited, .RadGrid.RadGrid .rgAltRow a:visited, .RadGrid.RadGrid .rgEditForm a:visited, .k-grid.k-grid a:visited, .RadToolTip.RadToolTip a:visited { color: #005e7d ; } a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active { color: #00374a ; text-decoration: underline ; } a.aspNetDisabled, a.aspNetDisabled:hover, a.aspNetDisabled:focus, a.aspNetDisabled:active, a.aspNetDisabled:visited, a:disabled, a:disabled:hover, a:disabled:focus, a:disabled:active, a:disabled:visited, .Link.aspNetDisabled, .Link.aspNetDisabled:hover, .Link.aspNetDisabled:focus, .Link.aspNetDisabled:active, .Link.aspNetDisabled:visited, .Link:disabled, .Link:disabled:hover, .Link:disabled:focus, .Link:disabled:active, .Link:disabled:visited, .RadGrid.RadGrid .rgRow a.aspNetDisabled, .RadGrid.RadGrid .rgRow a.aspNetDisabled:hover, .RadGrid.RadGrid .rgRow a.aspNetDisabled:focus, .RadGrid.RadGrid .rgRow a.aspNetDisabled:active, .RadGrid.RadGrid .rgRow a.aspNetDisabled:visited, .RadGrid.RadGrid .rgRow a:disabled, .RadGrid.RadGrid .rgRow a:disabled:hover, .RadGrid.RadGrid .rgRow a:disabled:focus, .RadGrid.RadGrid .rgRow a:disabled:active, .RadGrid.RadGrid .rgRow a:disabled:visited, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:hover, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:focus, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:active, .RadGrid.RadGrid .rgAltRow a.aspNetDisabled:visited, .RadGrid.RadGrid .rgAltRow a:disabled, .RadGrid.RadGrid .rgAltRow a:disabled:hover, .RadGrid.RadGrid .rgAltRow a:disabled:focus, .RadGrid.RadGrid .rgAltRow a:disabled:active, .RadGrid.RadGrid .rgAltRow a:disabled:visited, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:hover, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:focus, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:active, .RadGrid.RadGrid .rgEditForm a.aspNetDisabled:visited, .RadGrid.RadGrid .rgEditForm a:disabled, .RadGrid.RadGrid .rgEditForm a:disabled:hover, .RadGrid.RadGrid .rgEditForm a:disabled:focus, .RadGrid.RadGrid .rgEditForm a:disabled:active, .RadGrid.RadGrid .rgEditForm a:disabled:visited, .k-grid.k-grid a.aspNetDisabled, .k-grid.k-grid a.aspNetDisabled:hover, .k-grid.k-grid a.aspNetDisabled:focus, .k-grid.k-grid a.aspNetDisabled:active, .k-grid.k-grid a.aspNetDisabled:visited, .k-grid.k-grid a:disabled, .k-grid.k-grid a:disabled:hover, .k-grid.k-grid a:disabled:focus, .k-grid.k-grid a:disabled:active, .k-grid.k-grid a:disabled:visited, .RadToolTip.RadToolTip a.aspNetDisabled, .RadToolTip.RadToolTip a.aspNetDisabled:hover, .RadToolTip.RadToolTip a.aspNetDisabled:focus, .RadToolTip.RadToolTip a.aspNetDisabled:active, .RadToolTip.RadToolTip a.aspNetDisabled:visited, .RadToolTip.RadToolTip a:disabled, .RadToolTip.RadToolTip a:disabled:hover, .RadToolTip.RadToolTip a:disabled:focus, .RadToolTip.RadToolTip a:disabled:active, .RadToolTip.RadToolTip a:disabled:visited { color: #666 ; text-decoration: none ; } h1, .h1, .PageTitle { font-size: 250%; font-family: inherit; font-weight: 500; color: inherit; margin-top: 0; } h1.BigHeader, .h1.BigHeader { color: #fff; background-color: #80d8b0; padding: 20px; margin: 0; } h2, .h2, .panel-heading.Distinguish, .PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle { min-height: 0; border-bottom-style: solid; } h2, .h2, .PanelTitle { font-size: 150%; font-family: inherit; font-weight: 500; color: #222; line-height: 1.45em; } h3, .SectionTitle { font-size: 130%; font-family: inherit; font-weight: 500; color: inherit; } h4, .SectionLabel, h5 { margin: 0 0 .2em; } h4, .h4, .SectionLabel { font-size: 120%; font-family: inherit; font-weight: 500; color: inherit; } h5, .h5, .SectionLabelSmaller { font-size: 100%; font-family: inherit; font-weight: 500; color: #222; } h6, .h6 { font-size: 85%; font-family: inherit; font-weight: 500; color: #222; margin: 0; } strong { font-weight: 600; } hr { margin-left: .5em; margin-right: .5em; border-width: 1px 0 0 0; border-style: solid; border-color: #ddd; } .StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish { border-color: #ddd; } .PanelHead.Distinguish .PanelHeadOptions, .panel-heading.Distinguish .panel-head-options { margin-top: .6em; } /* Used for messages guiding users to the next step */ .HelperText { color: #0064cd; } /* This gives certain selected items (e.g., in the PeoplePanel in the Event Showcase) a colored background */ .SelectedItem { background-color: #8cd1e8; } /** * This automatically resizes images when they're too large to fit in their container. * It may override any user-defined width/height on images. If the behavior is unwanted, * consider changing this declaration to a class (e.g. '.img-responsive') which you can * apply as desired. */ img { max-width: 100%; height: auto !important; } /** * Sometimes images should not be resized. This class can be used as a wrapper or directly * on the image to avoid the resizing. */ img.ImgNoResize, .ImgNoResize img { max-width: none; } /* Give a block of text some extra emphasis. * This class also makes the text larger, per UltraWave styles */ .lead { margin-bottom: 20px; } .bg-img-full-size { background-position: center center; background-repeat: no-repeat; background-size: cover; } .bg-img-dark { background-color: #333333; } .bg-img-dark, .bg-img-dark h1, .bg-img-dark h2, .bg-img-dark h3, .bg-img-dark h4, .bg-img-dark h5, .bg-img-dark h6 { color: #fff; } .bg-img-dark a:not(.TextButton):not(.btn), .bg-img-dark a:not(.TextButton):not(.btn):hover, .bg-img-dark a:not(.TextButton):not(.btn):focus, .bg-img-dark a:not(.TextButton):not(.btn):active { color: #fff; text-decoration: underline; } /* ========================================================================== ANIMATIONS ========================================================================== */ @-webkit-keyframes slide-down-with-delay { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } 25% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slide-down-with-delay { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } 25% { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes slide-up-with-delay { 0% { -webkit-transform: translateY(75px); transform: translateY(75px); opacity: 0; } 25% { -webkit-transform: translateY(75px); transform: translateY(75px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @keyframes slide-up-with-delay { 0% { -webkit-transform: translateY(75px); transform: translateY(75px); opacity: 0; } 25% { -webkit-transform: translateY(75px); transform: translateY(75px); opacity: 0; } 100% { -webkit-transform: translateY(0); transform: translateY(0); opacity: 1; } } @-webkit-keyframes appear-zoom-out-with-delay { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes appear-zoom-out-with-delay { 0% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes appear-zoom-in-with-delay { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @keyframes appear-zoom-in-with-delay { 0% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } 25% { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; } 100% { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } } @-webkit-keyframes soft-zoom-motion { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: translateY(1); transform: translateY(1); } } @keyframes soft-zoom-motion { 0% { -webkit-transform: scale(1); transform: scale(1); } 50% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: translateY(1); transform: translateY(1); } } @-webkit-keyframes bubble-effect { 0% { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); } 25% { opacity: 0.5; } 40% { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes bubble-effect { 0% { opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); } 25% { opacity: 0.5; } 40% { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 1; } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fade-in { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 50% { opacity: 0.5; } 100% { opacity: 1; } } input, button, select, textarea { font-family: Poppins, Helvetica Neue, Arial, sans-serif; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-fake { display: inline-block; height: 33px; padding: 5px 10px; font-size: 100%; line-height: 1.428571429; color: #555555; border: 1px solid #ccc; border-radius: 5px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear 0.2s, box-shadow linear 0.2s; } @media screen and (prefers-reduced-motion: reduce) { select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-fake { transition: none; } } select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus, .input-fake:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } select::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="color"]::-webkit-input-placeholder, .uneditable-input::-webkit-input-placeholder, .input-fake::-webkit-input-placeholder { color: #666; opacity: 1; } select::-moz-placeholder, textarea::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="color"]::-moz-placeholder, .uneditable-input::-moz-placeholder, .input-fake::-moz-placeholder { color: #666; opacity: 1; } select::placeholder, textarea::placeholder, input[type="text"]::placeholder, input[type="password"]::placeholder, input[type="datetime"]::placeholder, input[type="datetime-local"]::placeholder, input[type="date"]::placeholder, input[type="month"]::placeholder, input[type="time"]::placeholder, input[type="week"]::placeholder, input[type="number"]::placeholder, input[type="email"]::placeholder, input[type="url"]::placeholder, input[type="search"]::placeholder, input[type="tel"]::placeholder, input[type="color"]::placeholder, .uneditable-input::placeholder, .input-fake::placeholder { color: #666; opacity: 1; } .input-fake:focus-within { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } /* RadComboBox needs the same styles as normal inputs, * but has to be done separately due to its structure */ .RadComboBox.RadComboBox_MetroTouch { color: #555555; font-family: inherit; font-size: inherit; line-height: inherit; font-weight: inherit; } .RadComboBox.RadComboBox_MetroTouch .rcbInner, .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbFocused, .RadComboBox.RadComboBox_MetroTouch .rcbFocused .rcbInput, .RadComboBox.RadComboBox_MetroTouch .rcbHovered, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbInput { color: #555555; } .RadComboBox.RadComboBox_MetroTouch .rcbInner { height: 33px; padding: 0; font-size: 100%; line-height: 1.428571429; border: 1px solid #ccc; border-radius: 5px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear 0.2s, box-shadow linear 0.2s; } @media screen and (prefers-reduced-motion: reduce) { .RadComboBox.RadComboBox_MetroTouch .rcbInner { transition: none; } } .RadComboBox.RadComboBox_MetroTouch .rcbInputCell { padding: 0; } .RadComboBox.RadComboBox_MetroTouch .rcbFocused { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .RadComboBox.RadComboBox_MetroTouch .rcbInput { height: 100%; padding: 5px 10px; } .RadComboBox.RadComboBox_MetroTouch.PageSizeDropDown .rcbInput { /* Make sure the page size dropdown in the RadGrid has enough room to show page size */ padding: 2px; } .RadComboBox.RadComboBox_MetroTouch .rcbInner .rcbEmptyMessage, .RadComboBox.RadComboBox_MetroTouch .rcbHovered .rcbEmptyMessage { color: #666; } .RadComboBox.RadComboBox_MetroTouch .rcbActionButton { border-radius: 0 5px 5px 0; } .RadComboBox.RadComboBox_MetroTouch .rcbActionButton .rcbIcon { height: 1.4em; } .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch { font: inherit; } .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbItem, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbHovered, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbDisabled, .RadComboBoxDropDown.RadComboBoxDropDown_MetroTouch .rcbLoading { padding-top: 5px; padding-bottom: 5px; } .RadInput.RadInput.riSingle, .RadInput.RadInput, .RadInput { height: auto !important; /* IE11 */ } .RadInput.RadInput.riSingle .riTextBox, .RadInput.RadInput .riTextBox, .RadInput .riTextBox { height: 33px; padding: 5px 10px; border-color: #ccc; font: inherit; color: #555555; } .RadInput.RadInput.riSingle .riTextBox:focus, .RadInput.RadInput .riTextBox:focus, .RadInput .riTextBox:focus { border-color: #66afe9; } .RadUpload.RadUpload .ruFakeInput { height: 31px; padding: 0; border-radius: 5px; } /* RadEditor designed to look like a normal text box */ .HtmlEditorTextBoxStyle { border: 1px solid #ccc; border-radius: 5px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .HtmlEditorTextBoxStyle .reContent { border-radius: 5px; } .HtmlEditorTextBoxStyle iframe, .HtmlEditorTextBoxStyle td { background-color: transparent; } /* RadPicker - Make sure there's some space between the picker and the time zone label*/ .RadPicker + .TimeZoneLabel { margin-left: .5em; } /* Chosen multi-select */ .chosen-container-multi .chosen-choices { min-height: 33px; border-radius: 5px; border-color: #ccc; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear 0.2s, box-shadow linear 0.2s; background-image: none; } @media screen and (prefers-reduced-motion: reduce) { .chosen-container-multi .chosen-choices { transition: none; } } .chosen-container-multi .chosen-choices li.search-field { /* Remove the styling used in the master page search-field */ background-color: transparent; background-image: none; border-color: transparent; padding-left: 0 !important; } .chosen-container-active .chosen-choices { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; *margin-top: 0; /* IE7 */ margin-top: 1px \9; /* IE8-9 */ line-height: normal; cursor: pointer; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } textarea { height: auto; } select { border: 1px solid #ccc; background-color: #fff; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } /* ========================================================================== BUTTONS ========================================================================== */ /* set up button base styles */ .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton { display: inline-block; margin-bottom: 0; font-weight: 500; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 2px solid transparent; white-space: normal; text-decoration: none; padding: 5px 10px; font-size: 15px; line-height: 1.428571429; border-radius: 20px; -webkit-user-select: none; -moz-user-select: none; user-select: none; transition: background 0.2s ease-out; } @media screen and (prefers-reduced-motion: reduce) { .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton { transition: none; } } .btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled, .TextButton.disabled, .TextButton[disabled], fieldset[disabled] .TextButton, .TextButton.aspNetDisabled, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton[disabled], fieldset[disabled] .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton[disabled], fieldset[disabled] .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled { opacity: .55; box-shadow: none; } a.TextButton.disabled, a.TextButton[disabled], fieldset[disabled] a.TextButton, a.TextButton.aspNetDisabled { pointer-events: none; } /* default button */ .btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton { border-color: #80d8b0; background-color: transparent; } .btn, .btn:hover, .btn:focus, .btn:active, .btn:visited, .TextButton, .TextButton:hover, .TextButton:focus, .TextButton:active, .TextButton:visited, .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUpload.RadUpload .ruButton:visited, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited { text-decoration: none; } .btn, .btn:visited, .TextButton, .TextButton:visited, .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:visited, .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:visited { color: #222; } .btn:hover, .TextButton:hover, .RadUpload.RadUpload .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover { color: #222; background-color: #ccefdf; border-color: #2d9264; } .btn:focus, .TextButton:focus, .RadUpload.RadUpload .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus { box-shadow: 0 0 0 0.25rem rgba(34, 34, 34, 0.5); } .btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.dropdown-toggle.show, .btn-check:checked + .TextButton, .btn-check:active + .TextButton, .TextButton:active, .TextButton.active, .TextButton.dropdown-toggle.show, .btn-check:checked + .RadUpload.RadUpload .ruButton, .btn-check:active + .RadUpload.RadUpload .ruButton, .RadUpload.RadUpload .ruButton:active, .RadUpload.RadUpload .ruButton.active, .RadUpload.RadUpload .ruButton.dropdown-toggle.show, .btn-check:checked + .RadUploadProgressArea.RadUploadProgressArea .ruButton, .btn-check:active + .RadUploadProgressArea.RadUploadProgressArea .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.dropdown-toggle.show { color: #000; background-color: #ccefdf; border-color: #2d9264; } .btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.dropdown-toggle.show:focus, .btn-check:checked + .TextButton:focus, .btn-check:active + .TextButton:focus, .TextButton:active:focus, .TextButton.active:focus, .TextButton.dropdown-toggle.show:focus, .btn-check:checked + .RadUpload.RadUpload .ruButton:focus, .btn-check:active + .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active:focus, .RadUpload.RadUpload .ruButton.active:focus, .RadUpload.RadUpload .ruButton.dropdown-toggle.show:focus, .btn-check:checked + .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .btn-check:active + .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.active:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.dropdown-toggle.show:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(34, 34, 34, 0.5); } .btn:disabled, .btn.disabled, .btn.aspNetDisabled, .TextButton:disabled, .TextButton.disabled, .TextButton.aspNetDisabled, .RadUpload.RadUpload .ruButton:disabled, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled { color: #222; background-color: transparent; } .RadGrid.RadGrid input.TextButton.PrimaryButton, .RadGrid.RadGrid a.TextButton.PrimaryButton { background-color: #80d8b0; color: #222; } .RadUpload.RadUpload .ruBrowse, .RadUpload.RadUpload .ruRemove { height: auto; padding: 5px 10px; line-height: 1.428571429; border-radius: 20px; } .SignInPage .TextButton:not(.PrimaryButton) { border-color: #fff; background-color: transparent; } .SignInPage .TextButton:not(.PrimaryButton), .SignInPage .TextButton:not(.PrimaryButton):hover, .SignInPage .TextButton:not(.PrimaryButton):focus, .SignInPage .TextButton:not(.PrimaryButton):active, .SignInPage .TextButton:not(.PrimaryButton):visited { text-decoration: none; } .SignInPage .TextButton:not(.PrimaryButton), .SignInPage .TextButton:not(.PrimaryButton):visited { color: #fff; } .SignInPage .TextButton:not(.PrimaryButton):hover { color: #222; background-color: #fff; border-color: #fff; } .SignInPage .TextButton:not(.PrimaryButton):focus { box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .btn-check:checked + .SignInPage .TextButton:not(.PrimaryButton), .btn-check:active + .SignInPage .TextButton:not(.PrimaryButton), .SignInPage .TextButton:not(.PrimaryButton):active, .SignInPage .TextButton:not(.PrimaryButton).active, .SignInPage .TextButton:not(.PrimaryButton).dropdown-toggle.show { color: #222; background-color: #fff; border-color: #fff; } .btn-check:checked + .SignInPage .TextButton:not(.PrimaryButton):focus, .btn-check:active + .SignInPage .TextButton:not(.PrimaryButton):focus, .SignInPage .TextButton:not(.PrimaryButton):active:focus, .SignInPage .TextButton:not(.PrimaryButton).active:focus, .SignInPage .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .SignInPage .TextButton:not(.PrimaryButton):disabled, .SignInPage .TextButton:not(.PrimaryButton).disabled, .SignInPage .TextButton:not(.PrimaryButton).aspNetDisabled { color: #fff; background-color: transparent; } /* primary button */ .PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton { background-color: #80d8b0; border-color: transparent; } .PrimaryButton, .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited, .RadGrid input.PrimaryButton, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton:visited { text-decoration: none; } .PrimaryButton, .PrimaryButton:visited, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButton:visited, .RadGrid input.PrimaryButton, .RadGrid input.PrimaryButton:visited { color: #222; } .PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active { color: #222; text-decoration: none; background-color: #61ce9d; border-color: rgba(0, 0, 0, 0); } .PrimaryButton:active, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:active { background-image: none; } .PrimaryButton:disabled, .PrimaryButton:disabled:hover, .PrimaryButton:disabled:focus, .PrimaryButton:disabled:active, .PrimaryButton.disabled, .PrimaryButton.disabled:hover, .PrimaryButton.disabled:focus, .PrimaryButton.disabled:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .UsePrimaryButton .TextButton:disabled, .UsePrimaryButton .TextButton:disabled:hover, .UsePrimaryButton .TextButton:disabled:focus, .UsePrimaryButton .TextButton:disabled:active, .UsePrimaryButton .TextButton.disabled, .UsePrimaryButton .TextButton.disabled:hover, .UsePrimaryButton .TextButton.disabled:focus, .UsePrimaryButton .TextButton.disabled:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .RadGrid input.PrimaryButton:disabled, .RadGrid input.PrimaryButton:disabled:hover, .RadGrid input.PrimaryButton:disabled:focus, .RadGrid input.PrimaryButton:disabled:active, .RadGrid input.PrimaryButton.disabled, .RadGrid input.PrimaryButton.disabled:hover, .RadGrid input.PrimaryButton.disabled:focus, .RadGrid input.PrimaryButton.disabled:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active { color: #222; background-color: #80d8b0; border-color: transparent; } /* Facebook sign in button */ .TextButton.Facebook { background-color: #3b5998; border-color: transparent; } .TextButton.Facebook, .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited { text-decoration: none; } .TextButton.Facebook, .TextButton.Facebook:visited { color: #fff; } .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active { color: #fff; text-decoration: none; background-color: #30487b; border-color: rgba(0, 0, 0, 0); } .TextButton.Facebook:active { background-image: none; } .TextButton.Facebook:disabled, .TextButton.Facebook:disabled:hover, .TextButton.Facebook:disabled:focus, .TextButton.Facebook:disabled:active, .TextButton.Facebook.disabled, .TextButton.Facebook.disabled:hover, .TextButton.Facebook.disabled:focus, .TextButton.Facebook.disabled:active, .TextButton.Facebook.aspNetDisabled, .TextButton.Facebook.aspNetDisabled:hover, .TextButton.Facebook.aspNetDisabled:focus, .TextButton.Facebook.aspNetDisabled:active { color: #fff; background-color: #3b5998; border-color: transparent; } /* LinkedIn sign in button */ .SignInButton.LinkedIn { background-color: #0077b5; border-color: transparent; } .SignInButton.LinkedIn, .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited { text-decoration: none; } .SignInButton.LinkedIn, .SignInButton.LinkedIn:visited { color: #fff; } .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active { color: #fff; text-decoration: none; background-color: #005c8c; border-color: rgba(0, 0, 0, 0); } .SignInButton.LinkedIn:active { background-image: none; } .SignInButton.LinkedIn:disabled, .SignInButton.LinkedIn:disabled:hover, .SignInButton.LinkedIn:disabled:focus, .SignInButton.LinkedIn:disabled:active, .SignInButton.LinkedIn.disabled, .SignInButton.LinkedIn.disabled:hover, .SignInButton.LinkedIn.disabled:focus, .SignInButton.LinkedIn.disabled:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active { color: #fff; background-color: #0077b5; border-color: transparent; } .SmallButton, .UseSmallButton .TextButton { font-size: 85%; padding: 3px 8px; border-radius: 16px; } .MediumButton, .UseMediumButton .TextButton { font-size: 120%; padding: 9px 14px; border-radius: 32px; } .LargeButton, .UseLargeButton .TextButton { font-size: 150%; padding: 12px 17px; border-radius: 40px; } .FullWidthButton, .UseFullWidthButton .TextButton { width: 100%; } /* Style buttons to look like links for deemphasis */ .LinkButton { -webkit-appearance: none !important; background: transparent !important; color: #005e7d; text-shadow: none; box-shadow: none; border: none; font-weight: normal; padding: 5px 10px; font-size: 15px; line-height: 1.428571429; border-radius: 20px; color: #005e7d ; text-decoration: none; } .LinkButton:visited { color: #005e7d ; } .LinkButton:hover, .LinkButton:focus, .LinkButton:active { color: #00374a ; text-decoration: underline ; } .LinkButton.aspNetDisabled, .LinkButton.aspNetDisabled:hover, .LinkButton.aspNetDisabled:focus, .LinkButton.aspNetDisabled:active, .LinkButton.aspNetDisabled:visited, .LinkButton:disabled, .LinkButton:disabled:hover, .LinkButton:disabled:focus, .LinkButton:disabled:active, .LinkButton:disabled:visited { color: #666 ; text-decoration: none ; } @media (min-width: 992px) { .StandardButtonMd { padding: 5px 10px; font-size: 15px; line-height: 1.428571429; border-radius: 20px; } } /* Generic red and green buttons to be used for all themes (styling is not theme dependant) */ .DangerButton { border-color: #d03528; background-color: transparent; } .DangerButton, .DangerButton:hover, .DangerButton:focus, .DangerButton:active, .DangerButton:visited { text-decoration: none; } .DangerButton, .DangerButton:visited { color: #d03528; } .DangerButton:hover { color: #fff; background-color: #d03528; border-color: #d03528; } .DangerButton:focus { box-shadow: 0 0 0 0.25rem rgba(208, 53, 40, 0.5); } .btn-check:checked + .DangerButton, .btn-check:active + .DangerButton, .DangerButton:active, .DangerButton.active, .DangerButton.dropdown-toggle.show { color: #fff; background-color: #d03528; border-color: #d03528; } .btn-check:checked + .DangerButton:focus, .btn-check:active + .DangerButton:focus, .DangerButton:active:focus, .DangerButton.active:focus, .DangerButton.dropdown-toggle.show:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(208, 53, 40, 0.5); } .DangerButton:disabled, .DangerButton.disabled, .DangerButton.aspNetDisabled { color: #d03528; background-color: transparent; } .SuccessButton { background-color: #5dae3f; border-color: transparent; } .SuccessButton, .SuccessButton:hover, .SuccessButton:focus, .SuccessButton:active, .SuccessButton:visited { text-decoration: none; } .SuccessButton, .SuccessButton:visited { color: #fff; } .SuccessButton:hover, .SuccessButton:focus, .SuccessButton:active { color: #fff; text-decoration: none; background-color: #4d9034; border-color: rgba(0, 0, 0, 0); } .SuccessButton:active { background-image: none; } .SuccessButton:disabled, .SuccessButton:disabled:hover, .SuccessButton:disabled:focus, .SuccessButton:disabled:active, .SuccessButton.disabled, .SuccessButton.disabled:hover, .SuccessButton.disabled:focus, .SuccessButton.disabled:active, .SuccessButton.aspNetDisabled, .SuccessButton.aspNetDisabled:hover, .SuccessButton.aspNetDisabled:focus, .SuccessButton.aspNetDisabled:active { color: #fff; background-color: #5dae3f; border-color: transparent; } /* ========================================================================== ORION THEME STYLES ========================================================================== */ /* Headings ========================================================================== */ h3, .h3, .SectionTitle, h4, .h4, .SectionLabel, h5, .h5, h6, .h6, .GridTitlePanel .Title { font-family: inherit; font-weight: 500; } .panel-heading.Distinguish, h2, .TitleBarCaption { border-bottom: none; } .panel-heading-options .IconSprite, .panel-heading-options .panel-heading-collapse-img { margin-left: 4px; margin-right: 0; } .panel-heading-collapse-img, .PanelHeadCollapseImage { opacity: .7; } .panel-heading-collapse-img:hover, .PanelHeadCollapseImage:hover { opacity: 1; } .panel-body { padding: 15px; } .panel-heading.Distinguish { padding: 10px 15px; } .panel-heading.Distinguish + .panel-body, .panel-heading.Distinguish + .panel-body-container > .panel-body { padding-top: 0; } .ProgressTracker_Dashboard_Overview .panel-heading.Distinguish { padding-top: 6px; padding-bottom: 6px; } .panel-body > .cco { margin: -15px -15px -15px -15px; } .panel-heading.Distinguish + .panel-body-container .panel-body > .cco { margin-top: 0; } .panel-border > .panel-body-container > .panel-body > .cco { padding-top: 5px; } /* Grids ========================================================================== */ /* Narrow the gap between columns*/ .row { --bs-gutter-x: 40px; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); } /* Increase vertical spacing between cards/iPart zones */ .iMIS-WebPart > .ContentItemContainer, .WebPartZone > .ContentItemContainer { margin-bottom: 40px; } /* Forms ========================================================================== */ label, .Label, .PanelFieldLabelFont, .Significant { font-weight: 600; } /* Boxed style ========================================================================== */ .GridCardStyle .RadGrid.RadGrid .rgRow, .GridCardStyle .RadGrid.RadGrid .rgAltRow, .GridCardStyleNoHover .RadGrid.RadGrid .rgRow, .GridCardStyleNoHover .RadGrid.RadGrid .rgAltRow { border-radius: 5px; } .GridCardStyle .RadGrid.RadGrid .rgRow:hover, .GridCardStyle .RadGrid.RadGrid .rgAltRow:hover, .Alerts .AlertSet, .tab-content-bg > .panel > .panel-body-container > .panel-body > .cco > .RadMultiPage, .panel-border, .panel-group .panel, .ContentBorder, .TagBrowserWrapper, .system-status-row, .card, .account-banner:before { border-radius: 5px; background-color: #fff; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05); } .panel-border, .card { border-color: transparent; } .TagBrowserWrapper { border-radius: 0 0 3px 3px; } .TagBrowserWrapper { border: 1px solid #ddd; } @media (max-width: 991px) { .check-in-grid .check-in-row { border-radius: 3px; background-color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } } .NeutralShading { background-color: #fff; } .panel-border .NeutralShading, .EmptyMasterContentPanel .NeutralShading { background-color: #eeeeee; } /* Styled grids ========================================================================== */ /* Use iPart class "SearchResultsCards" to display card-style search results */ .GridCardStyle .RadGrid.RadGrid, .GridCardStyleNoHover .RadGrid.RadGrid { background-color: #fff; border: none; padding: 15px; } .GridCardStyle .RadGrid.RadGrid .rgMasterTable, .GridCardStyleNoHover .RadGrid.RadGrid .rgMasterTable { background-color: transparent; } .GridCardStyle .RadGrid.RadGrid .rgRow, .GridCardStyle .RadGrid.RadGrid .rgAltRow, .GridCardStyleNoHover .RadGrid.RadGrid .rgRow, .GridCardStyleNoHover .RadGrid.RadGrid .rgAltRow { display: block; margin-bottom: 1em; border: 1px solid transparent; background-color: #f5f5f5; border-radius: 3px; } .GridCardStyle .RadGrid.RadGrid .rgRow td, .GridCardStyle .RadGrid.RadGrid .rgAltRow td, .GridCardStyleNoHover .RadGrid.RadGrid .rgRow td, .GridCardStyleNoHover .RadGrid.RadGrid .rgAltRow td { border: none; padding-top: 12px !important; padding-bottom: 12px !important; } .GridCardStyle .panel-border .RadGrid.RadGrid, .GridCardStyleNoHover .panel-border .RadGrid.RadGrid { padding: 0; } .GridCardStyle .RadGrid.RadGrid .rgRow:hover, .GridCardStyle .RadGrid.RadGrid .rgAltRow:hover { border-color: #ddd; } /* Alerts ========================================================================== */ .Alerts .AlertItem { background-color: #fff; } /* Icons ========================================================================== */ .sub-nav-body .RadTreeView_Orion .rtPlus:before, .sub-nav-body .RadTreeView_Orion .rtMinus:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .CommunityLink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .MembershipLink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .FundraisingLink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .EventsLink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .CommerceLink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .EducationLink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .ReportsLink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .RiSELink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .MarketingLink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .SetupLink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .FinanceLink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .AdvertisingLink:before, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .CheckInLink:before { content: ''; display: block; background-color: #fff; width: 24px; height: 24px; } .dropdown .caret, .nav-aux-cart a:before, .search-toggle:before, .header-search > .header-search:before { background-image: url("images/NavSprite.png"); background-repeat: no-repeat; content: ''; display: block; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .dropdown .caret, .nav-aux-cart a:before, .search-toggle:before, .header-search > .header-search:before { background-image: url("images/NavSprite@2x.png"); background-size: 528px 24px; } } .dropdown .caret { width: 24px; height: 24px; } .nav-aux-cart a:before, .search-toggle:before, .header-search > .header-search:before { width: 24px; height: 24px; margin: 5px; } .dropdown .caret { width: 16px; height: 16px; border: none; display: inline-block; background-position: -208.8px 0; } /* Staff sign in page ========================================================================== */ .Wrapper-StaffSignIn { background: #002633; } .Wrapper-StaffSignIn .col-secondary, .Wrapper-StaffSignIn .sidebar, .Wrapper-StaffSignIn .header { display: none; } .Wrapper-StaffSignIn .footer-main .footer-inner { border: none; } .Wrapper-StaffSignIn .footer-main .footer-inner a:link { color: #fff; } .Wrapper-StaffSignIn .col-primary { margin-left: 0; position: relative; background: #002633; overflow: hidden; } .Wrapper-StaffSignIn .col-primary:before, .Wrapper-StaffSignIn .col-primary:after { content: ''; display: block; position: absolute; -webkit-transform: rotate(-35deg); transform: rotate(-35deg); } @media (min-width: 992px) { .Wrapper-StaffSignIn .col-primary:before, .Wrapper-StaffSignIn .col-primary:after { width: 100vw; } } .Wrapper-StaffSignIn .col-primary:before { top: -150vh; left: -50vw; width: 150vw; height: 300vh; background: url(images/triangles.svg) top left repeat-y; background-size: 200%; mix-blend-mode: difference; -webkit-filter: brightness(0.3); filter: brightness(0.3); opacity: 0.45; z-index: 2; } @media (min-width: 992px) { .Wrapper-StaffSignIn .col-primary:before { background-size: 100vw; } } .Wrapper-StaffSignIn .col-primary:after { width: 150vw; height: 150vh; bottom: -50vh; right: -50vw; background: linear-gradient(0deg, #002632 65%, rgba(0, 38, 50, 0) 90%, rgba(0, 38, 50, 0) 60%); z-index: 3; } .Wrapper-StaffSignIn .col-primary input[type=text]::-ms-clear { display: none; width: 0; height: 0; } .Wrapper-StaffSignIn .col-primary input[type=text]::-ms-reveal { display: none; width: 0; height: 0; } .t-ie .Wrapper-StaffSignIn .col-primary:before { width: 250vw; background-size: 100%; } @media (min-width: 768px) { .t-ie .Wrapper-StaffSignIn .col-primary:before { background-size: 250vw; } } @media (min-width: 992px) { .t-ie .Wrapper-StaffSignIn .col-primary:before { width: 300vw; background-size: 200vw; } } .Wrapper-StaffSignIn .col-primary { display: flex; margin-bottom: 0; } .Wrapper-StaffSignIn .main { max-width: 900px; margin: 0 auto; display: flex; align-items: center; justify-content: center; flex-direction: column; opacity: 0; -webkit-animation: appear-zoom-out-with-delay 2s ease-in 0.5s 1 forwards; animation: appear-zoom-out-with-delay 2s ease-in 0.5s 1 forwards; z-index: 99; min-height: 100vh; } @media (min-width: 768px) { .Wrapper-StaffSignIn .main { width: 60%; } } .Wrapper-StaffSignIn .main > div { width: 100%; } .SignInPageLogo { margin: 0 auto; max-width: 20em; text-align: center; } .SignInPageLogo img { margin: 20px; max-width: 260px; } .SignInPageLogo h1 { color: #fff; font-size: 2.5em; position: relative; } @media (min-width: 992px) { .SignInPageLogo { max-width: 25em; text-align: left; } .SignInPageLogo img { margin: 20px 0; } .SignInPageLogo h1 { font-size: 2.3vw; border-top: 1px solid rgba(255, 255, 255, 0.6); padding: 10px 0 0 20px; margin-left: -20px; } .SignInPageLogo h1:before { content: ''; display: block; position: absolute; top: -20px; left: -52px; width: 60px; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 95%); -webkit-transform: rotate(40deg); transform: rotate(40deg); } .SignInPageLogo h1:after { content: ''; display: block; position: absolute; top: 21px; right: -62px; width: 70px; height: 1px; background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 95%); -webkit-transform: rotate(40deg); transform: rotate(40deg); } } .SignInPage, .SignInPage label, .SignInPage .Label, .SignInPage a:link, .SignInPage .Info { color: #fff; } .SignInPage .SignIn { max-width: 20em; } @respond-to ('grids large') { .SignInPage .SignIn { margin-left: 30px; } } .SignInPage .panel-heading.Distinguish { border-bottom: none; text-align: center; padding-bottom: 0; } .SignInPage .panel { background: transparent; border: none; } .SignInPage .panel.panel-border { box-shadow: none; } .SignInPage .LineThru { color: #002632; } .SignInPage label.contact-signin-label, .SignInPage h2 { position: absolute; left: -10000px; } .SignInPage div[id*='forgotPasswordUserLinkDiv'] { display: none; } .SignInPage input[type="text"], .SignInPage input[type="password"], .SignInPage[type="submit"] { font-size: 16px; height: 45px; color: #fff; background-color: #002633; } .SignInPage input[type="text"]:focus, .SignInPage input[type="text"]:hover, .SignInPage input[type="password"]:focus, .SignInPage input[type="password"]:hover, .SignInPage[type="submit"]:focus, .SignInPage[type="submit"]:hover { transition: all 0.2s ease-in; -webkit-transform: scale(1.01); transform: scale(1.01); } .SignInPage input[type="text"]::-webkit-input-placeholder, .SignInPage input[type="password"]::-webkit-input-placeholder, .SignInPage[type="submit"]::-webkit-input-placeholder { color: #fff; } .SignInPage input[type="text"]::-moz-placeholder, .SignInPage input[type="password"]::-moz-placeholder, .SignInPage[type="submit"]::-moz-placeholder { color: #fff; } .SignInPage input[type="text"]::placeholder, .SignInPage input[type="password"]::placeholder, .SignInPage[type="submit"]::placeholder { color: #fff; } .SignInPage input[type="text"], .SignInPage input[type="text"]:-webkit-autofill, .SignInPage input[type="password"], .SignInPage input[type="password"]:-webkit-autofill { border: 1px solid #e2e9f2; -webkit-box-shadow: 0 0 0 30px #002633 inset; -webkit-text-fill-color: #fff; background: rgba(169, 172, 180, 0.2); } .SignInPage input[type="submit"] { width: 50%; margin: 0 auto 1em auto; display: block; } @media (min-width: 768px) { .SignInPage input[type="submit"] { margin: 0 0 1em auto; } } .SignInPage .forgot-link-field input { padding-right: 75px; } .SignInPage .forgot-link-field a, .SignInPage .forgot-link-field a:hover { display: block; color: #fff; } .PersonDisplay.SelectedItem a, .PersonDisplay.SelectedItem a:hover, .PersonDisplay.SelectedItem a:focus, .PersonDisplay.SelectedItem a:active { color: #222; } /* Banner images ========================================================================== */ /* Support background image with text overlay */ .bg-img-conference-tall { background-color: #081337; background-image: url("../../images/samples/annualconference/conferencebannertall.jpg"); } .bg-img-conference-small { background-color: #081337; background-image: url("../../images/samples/member/cairnsnight.jpg"); } .bg-img-tiger-tall { background-color: #04080B; background-image: url("../../images/samples/donor/tiger-tall.jpg"); background-position: center center; } .banner-tall, .banner-short { text-decoration: none; display: block; background-repeat: no-repeat; background-size: cover; position: relative; border-radius: 5px; } .banner-tall, .banner-tall:visited, .banner-tall:active, .banner-tall:hover, .banner-tall:focus, .banner-tall h2, .banner-short, .banner-short:visited, .banner-short:active, .banner-short:hover, .banner-short:focus, .banner-short h2 { color: #fff; } .banner-text h2 { font-size: 100%; } .banner-tall { height: 500px; max-width: 300px; } .banner-tall .banner-text { position: absolute; bottom: 0; padding: 10px; background-color: #000; background-color: rgba(0, 0, 0, 0.75); border-radius: 0 0 5px 5px; } .banner-short { min-height: 150px; max-width: 300px; } .banner-short .banner-text { padding: 5px; min-height: 150px; background-color: #000; background-color: rgba(0, 0, 0, 0.2); border-radius: 5px; } /* Panel Editor and read-only forms ========================================================================== */ .PanelEditorReadOnlyForm .Label, .PanelEditorEditForm label, .PanelEditorEditForm .Label, .StylizedLabels .Label, .Stylized.Labels label { font-weight: normal; font-size: 90%; color: #626262; } .PanelEditorReadOnlyForm .PanelField, .PanelEditorEditForm .PanelField, .PanelFieldsBorderBottom .PanelField { border-bottom: 1px dotted #ddd; } .PanelEditorReadOnlyForm .PanelField .PanelFieldValue, .PanelEditorEditForm .PanelField .PanelFieldValue, .PanelFieldsBorderBottom .PanelField .PanelFieldValue { min-height: 1.4em; } .PanelEditorReadOnlyForm .TwoColumns, .PanelEditorReadOnlyForm .ThreeColumns, .PanelEditorEditForm .TwoColumns, .PanelEditorEditForm .ThreeColumns { padding-right: 2em; } /* Mini profile ========================================================================== */ .mini-profile a.SectionLabel { /* make sure the clickable contact name looks like a link */ text-decoration: underline; } /* Organization selector ========================================================================== */ /* Dropdown selector to choose selected club */ .organization-selector { width: 100%; background-color: #007fa8; color: #fff; border: 0; min-height: 50px; font-weight: 600; } .organization-selector:hover, .organization-selector:active, .organization-selector:focus { background-color: #00607f; } /* Other ========================================================================== */ /* Green badges, currently used for the PLUS indicator */ .PlusLink:after, .PlusFeature label:after { background-color: #5dae3f; } /* Logo overrides */ a.logo { margin: 5px auto; width: 110px; height: 35.2px; } /* Recent History iPart */ .RecentHistoryListHorizontal > li > a { font-size: 85%; padding: 3px 8px; border-radius: 16px; border: 2px solid transparent; } .RecentHistoryListHorizontal > li.RecentHistoryItem > a { text-decoration: none; background-color: #fff; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05); } .RecentHistoryListHorizontal > li.RecentHistoryItem > a:hover, .RecentHistoryListHorizontal > li.RecentHistoryItem > a:active { border-color: #003d4f; text-decoration: none; } .panel-border .RecentHistoryListHorizontal > li.RecentHistoryItem > a, .EmptyMasterContentPanel .RecentHistoryListHorizontal > li.RecentHistoryItem > a { background-color: #eeeeee; box-shadow: none; } /* ========================================================================== HEADER NAVIGATION ========================================================================== */ .header { min-height: 50px; box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.05); background: #fff url("images/bg_geometric.gif") top left no-repeat; } .obo-on .header { background: #e98300; } .navbar-header { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 16px; } .navbar-header .navbar-right, .navbar-header .account-menu { align-self: stretch; margin-left: auto; display: flex; align-items: center; } .navbar-header .account-toggle-wrapper { align-self: stretch; } .navbar-header .account-toggle { height: 100%; } /* Toggles and auxiliary navigation ========================================================================== */ .account-menu > li > a, .header .NavigationUnorderedList > li > a { font-weight: 600; } .account-menu > li > a, .account-menu > li > a:hover, .account-menu > li > a:visited, .account-menu > li > a:active, .header .NavigationUnorderedList > li > a, .header .NavigationUnorderedList > li > a:hover, .header .NavigationUnorderedList > li > a:visited, .header .NavigationUnorderedList > li > a:active { text-decoration: none; color: #222; } .account-menu > li > a:hover, .account-menu > li > a:focus, .account-menu > li > a:active, .header .NavigationUnorderedList > li > a:hover, .header .NavigationUnorderedList > li > a:focus, .header .NavigationUnorderedList > li > a:active, .ste-toggle:hover, .ste-toggle:focus, .ste-toggle:active, .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle:active { /* need to provide a fallback color for IE8, which doesn't support rgba */ background-color: rgba(0, 0, 0, 0.05); } .ste-toggle, .navbar-toggle, .obo-toggle, .batch-toggle, .transaction-date-toggle, .page-statistics-toggle, .nav-aux-cart a, .list-toggle { border-radius: 5px; border: none !important; vertical-align: middle; } .ste-toggle, .navbar-toggle, .obo-toggle, .batch-toggle, .transaction-date-toggle, .page-statistics-toggle, .list-toggle { margin-left: 5px; font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .nav-aux-cart .nav-text { position: absolute; left: -10000px; z-index: 2000; font-size: 70%; } .header .NavigationLink { margin-left: 5px; } .nav-expanded .primary-nav-toggle, .search-dropdown.open .search-toggle, .ste-toggle.on, .obo-toggle.on, .batch-toggle.on, .transaction-date-toggle.on, .page-statistics-toggle.on, .list-toggle.on { background-color: #003a4d; } .nav-expanded .primary-nav-toggle:hover, .nav-expanded .primary-nav-toggle:focus, .nav-expanded .primary-nav-toggle:active, .search-dropdown.open .search-toggle:hover, .search-dropdown.open .search-toggle:focus, .search-dropdown.open .search-toggle:active, .ste-toggle.on:hover, .ste-toggle.on:focus, .ste-toggle.on:active, .obo-toggle.on:hover, .obo-toggle.on:focus, .obo-toggle.on:active, .batch-toggle.on:hover, .batch-toggle.on:focus, .batch-toggle.on:active, .transaction-date-toggle.on:hover, .transaction-date-toggle.on:focus, .transaction-date-toggle.on:active, .page-statistics-toggle.on:hover, .page-statistics-toggle.on:focus, .page-statistics-toggle.on:active, .list-toggle.on:hover, .list-toggle.on:focus, .list-toggle.on:active { background-color: #005875; } .navbar-toggle { margin-left: 0; margin-top: 8px; margin-bottom: 8px; background-color: transparent; } @media (max-width: 991px) { .navbar-toggle { display: inline-block; } } @media (min-width: 992px) { .navbar-toggle { display: none; } } .primary-nav-toggle .icon-bar { display: block; margin-left: auto; margin-right: auto; background-color: #222; } .nav-expanded .primary-nav-toggle .icon-bar { background-color: #fff; } .nav-aux-cart a, .search-toggle { padding: 0 !important; background-image: none; width: 34px; height: 34px; display: inline-block; } .nav-aux-cart a:before { background-position: -319.2px 0; } .search-toggle:before { background-position: -343.2px 0; } .open .search-toggle:before { background-position: -367.2px 0; } /* set up the header search magnifying glass icon */ .header-search > .header-search { position: relative; } .header-search > .header-search:before { position: absolute; background-position: -391.2px 0; margin-top: 13px; margin-bottom: 13px; } .header-search > .header-search .search-field { padding-left: 31px; } .wrapper.SVG-enabled { /* set up the header search magnifying glass icon */ } .wrapper.SVG-enabled .header-search > .header-search { position: relative; } .wrapper.SVG-enabled .header-search > .header-search:before { position: absolute; } .wrapper.SVG-enabled .header-search > .header-search .search-field { padding-left: 41px; } /* Badges ========================================================================== */ /* Badges indicate numbers like the number of items in your cart */ /* By default, put parentheses around the cart item count. * This is overwritten when the class "nav-aux-cart" is applied. */ .cartCenter span:before { content: '('; } .cartCenter span:after { content: ')'; } .nav-aux-cart a { position: relative; } .nav-aux-cart .nav-text + span { /* Position the badge */ position: absolute; top: -2px; right: -1px; text-align: center; min-width: 1.5em; } .nav-aux-cart .cartCenter { /* Style the badge */ color: #222; background-color: #80d8b0; border-radius: 2px; font-size: 0.75em; line-height: 1; padding: 0 2px 1px; box-shadow: -1px 1px 0 rgba(34, 34, 34, 0.6); } .nav-aux-cart .cartCenter span:before, .nav-aux-cart .cartCenter span:after { /* Clear the parentheses put around the item count by default */ content: none; } /* Dropdowns ========================================================================== */ /* Dropdowns are used for the account area and the search toggle */ @media (max-width: 767px) { .search-dropdown, .account-menu > .dropdown { /* this is necessary to allow the search box to span the full width */ position: static; } .search-dropdown > .dropdown-menu, .account-menu > .dropdown > .dropdown-menu { width: 100%; } } /* Account area ========================================================================== */ .account-menu .obo-actions a { text-decoration: none; } .account-menu .profile-picture-wrapper .picture-primary { left: 10px; } .account-menu .profile-picture-wrapper .picture-secondary { border: 2px solid #e98300; } /* Search ========================================================================== */ .search-field { margin-top: 8.5px; margin-bottom: 8.5px; } .search-field.Watermarked { color: #666; } .header-search-submit { display: none; } .navbar-left .header-search .search-field { width: 22em; } @media (max-width: 767px) { .navbar-left .header-search { /* This is the search bar on the left - only displayed on large screens*/ display: none; } } .search-dropdown { display: inline-block; vertical-align: bottom; } .search-dropdown .dropdown-menu > .header-search { padding: 3px 20px; } .search-dropdown .search-field { width: 100%; } @media (min-width: 768px) { .search-dropdown { display: none; } } /* ========================================================================== PRIMARY NAVIGATION ========================================================================== */ /* Logo ========================================================================== */ .logo { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; display: block; background-image: url("images/iMIS-logo.svg#white"); background-repeat: no-repeat; background-position: center center; width: 100%; height: 50px; } @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx), (min-resolution: 144dpi) { .logo { background-size: 110px 35.2px; } } /* Navigation Tree ========================================================================== */ .col-secondary, .sub-nav-body { background-color: #003a4d; } .sub-nav-body .RadTreeView_Orion .rtLI::after { display: block; clear: both; content: ""; } .sub-nav-body .RadTreeView_Orion .rtIn { margin: 0; border: none; } .sub-nav-body .RadTreeView_Orion .rtIn .rtTemplate { display: inline-block; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI { width: 100%; margin-bottom: 0; position: relative; white-space: normal; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI .rtSp { display: none; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI .rtIn, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI .rtIn a { color: #fff; text-decoration: none; display: block; } .sub-nav-body .RadTreeView_Orion .rtHover .rtIn, .sub-nav-body .RadTreeView_Orion .rtSelected .rtIn { border: none; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI:hover > div, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > .rtActive, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > .rtSelected, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > .child-is-selected-wrapper { background-color: #002633; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div { padding: 0; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn { padding: 10px 36px 10px 12px; font-weight: 600 !important; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI div.SubNavigationSeparator { margin: .5em .7em; padding: 0; border-bottom: 1px solid #9cbec9; border-bottom: 1px solid rgba(156, 190, 201, 0.45); } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI div.SubNavigationSeparator .rtIn { display: none; } .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL { background-color: #002633; padding: 5px 0; } .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtTop, .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtMid, .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtBot { padding: 0; } .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtIn { padding: 6px 36px 6px 38px; border-left: 4px solid transparent; color: #9cbec9; } .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtSelected .rtIn, .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .child-is-selected-wrapper .rtIn, .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtLI:hover > div .rtIn { color: #fff; } .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtSelected .rtIn { font-weight: 600 !important; border-left-color: #007fa8; } .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL ul.rtUL .rtIn { /* third level nav needs more padding * note that fourth level is not currently supported */ padding-left: 54px; } .sub-nav-body .RadTreeView_Orion ul.rtUL ul.rtUL .rtSp + .PlusLink { /* for non-expandable Plus links give it a little extra space*/ padding-right: 6px; } /* Navigation icons ========================================================================== */ .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn:before { margin-right: 10px; } .sub-nav-body .RadTreeView_Orion .rtPlus, .sub-nav-body .RadTreeView_Orion .rtMinus { float: right; height: 32px; width: 36px; margin-right: 0; padding-right: 4px; cursor: pointer; margin-top: 0; display: flex; align-items: center; } .sub-nav-body .RadTreeView_Orion .rtPlus:before, .sub-nav-body .RadTreeView_Orion .rtMinus:before { height: 8px; width: 8px; -webkit-mask-image: url("images/NavbarSprite.svg#caret"); mask-image: url("images/NavbarSprite.svg#caret"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; margin: 4px 4px; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn:before { float: left; height: 25px; width: 24px; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtIn:before { vertical-align: text-bottom; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtPlus, .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .rtMinus { height: 40px; display: flex; align-items: center; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .CommunityLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#community"); mask-image: url("images/NavbarSprite.svg#community"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .MembershipLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#membership"); mask-image: url("images/NavbarSprite.svg#membership"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .FundraisingLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#fundraising"); mask-image: url("images/NavbarSprite.svg#fundraising"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .EventsLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#events"); mask-image: url("images/NavbarSprite.svg#events"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .CommerceLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#commerce"); mask-image: url("images/NavbarSprite.svg#commerce"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .EducationLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#certification"); mask-image: url("images/NavbarSprite.svg#certification"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .ReportsLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#continuum"); mask-image: url("images/NavbarSprite.svg#continuum"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .RiSELink:before { -webkit-mask-image: url("images/NavbarSprite.svg#rise"); mask-image: url("images/NavbarSprite.svg#rise"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .MarketingLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#marketing"); mask-image: url("images/NavbarSprite.svg#marketing"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .SetupLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#settings"); mask-image: url("images/NavbarSprite.svg#settings"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .FinanceLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#finance"); mask-image: url("images/NavbarSprite.svg#finance"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .AdvertisingLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#advertising"); mask-image: url("images/NavbarSprite.svg#advertising"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion > .rtUL > .rtLI > div .CheckInLink:before { -webkit-mask-image: url("images/NavbarSprite.svg#check-in"); mask-image: url("images/NavbarSprite.svg#check-in"); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .sub-nav-body .RadTreeView_Orion .rtImg { /* Custom icons */ width: 24px; height: 24px; float: left; position: relative; top: 8px; left: 12px; margin-right: 22px; } .sub-nav-body .RadTreeView_Orion .rtUL .rtUL .rtImg { width: 18px; } /* Sub nav header ========================================================================== */ /* this is not used in the master page, but can apply in other controls */ .SubNavigationHead { font-weight: 600; font-size: 150%; line-height: 1.3; padding: .2em .3em; } /* ========================================================================== FOOTER ========================================================================== */ .footer-main { font-size: 90%; text-align: center; color: #3c3b3b; } .footer-main .footer-inner { border-top: 1px solid #ddd; } .footer-main .footer-left, .footer-main .footer-right { padding-top: 11px; padding-bottom: 9px; } .footer-main a { text-decoration: underline; } .footer-main a, .footer-main a:visited { color: #3c3b3b; } .footer-main a:hover, .footer-main a:active { color: #555555; } .footer-main .NavigationListItem { border-left: 1px solid #666; padding-left: 5px; padding-right: 5px; } .footer-main .NavigationListItem:first-child { padding-left: 0; border-left: none; } .footer-main .NavigationListItem:first-child > a { padding-left: 0; } .footer-main .footer-information { border-left: 1px solid #666; padding-left: 12.5px; padding-right: 12.5px; } @media (max-width: 991px) { .footer-main .footer-information { display: none; } .footer-main .NavigationUnorderedList { margin-right: 0; } .footer-main .NavigationListItem:last-child { padding-right: 0; } .footer-main .NavigationListItem:last-child > a { padding-right: 0; } } .footer-main select { /* shrink the language switcher for better alignment */ height: 24px; padding: 2px 5px; } .footer-main .footer-left { /* vertically align links with the translation drop-down */ margin-top: 1.5px; margin-bottom: 1.5px; } /* ========================================================================== TELERIK OVERRIDES ========================================================================== */ /* RadTabStrip ========================================================================== */ .RadTabStrip.RadTabStrip_Orion .rtsLink, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink, .RadTabStrip.SubTabStrip .rtsLink, .RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink, .RadTabStripVertical.RadTabStrip_Orion .rtsLink, .RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink { background-color: transparent; border-width: 0 0 4px 0; border-style: solid; border-color: transparent; padding: 8px 5px 4px 5px; margin-right: 0px; } .RadTabStrip.RadTabStrip_Orion .rtsLink, .RadTabStrip.RadTabStrip_Orion .rtsLink:hover, .RadTabStrip.RadTabStrip_Orion .rtsLink:active, .RadTabStrip.RadTabStrip_Orion .rtsLink:focus, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:hover, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:active, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:focus, .RadTabStrip.SubTabStrip .rtsLink, .RadTabStrip.SubTabStrip .rtsLink:hover, .RadTabStrip.SubTabStrip .rtsLink:active, .RadTabStrip.SubTabStrip .rtsLink:focus, .RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink, .RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:hover, .RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:active, .RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:focus, .RadTabStripVertical.RadTabStrip_Orion .rtsLink, .RadTabStripVertical.RadTabStrip_Orion .rtsLink:hover, .RadTabStripVertical.RadTabStrip_Orion .rtsLink:active, .RadTabStripVertical.RadTabStrip_Orion .rtsLink:focus, .RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink, .RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:hover, .RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:active, .RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:focus { color: #222; } .RadTabStrip.RadTabStrip_Orion .rtsLink:hover, .RadTabStrip.RadTabStrip_Orion .rtsLink:active, .RadTabStrip.RadTabStrip_Orion .rtsLink:focus, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:hover, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:active, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink:focus, .RadTabStrip.SubTabStrip .rtsLink:hover, .RadTabStrip.SubTabStrip .rtsLink:active, .RadTabStrip.SubTabStrip .rtsLink:focus, .RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:hover, .RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:active, .RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink:focus, .RadTabStripVertical.RadTabStrip_Orion .rtsLink:hover, .RadTabStripVertical.RadTabStrip_Orion .rtsLink:active, .RadTabStripVertical.RadTabStrip_Orion .rtsLink:focus, .RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:hover, .RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:active, .RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink:focus { border-color: #999; text-decoration: none !important; } .RadTabStrip.RadTabStrip_Orion .rtsLink .rtsOut, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink .rtsOut, .RadTabStrip.SubTabStrip .rtsLink .rtsOut, .RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink .rtsOut, .RadTabStripVertical.RadTabStrip_Orion .rtsLink .rtsOut, .RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink .rtsOut { padding: 0; } .RadTabStrip.RadTabStrip_Orion .rtsLink.rtsSelected, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink.rtsSelected, .RadTabStrip.SubTabStrip .rtsLink.rtsSelected, .RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink.rtsSelected, .RadTabStripVertical.RadTabStrip_Orion .rtsLink.rtsSelected, .RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink.rtsSelected { color: #222; background-color: transparent; border-color: #003d4f; font-weight: 600; } .RadTabStrip.RadTabStrip_Orion .rtsLink.rtsDisabled, .RadTabStrip.RadTabStrip_Orion .rtsLevel1 .rtsLink.rtsDisabled, .RadTabStrip.SubTabStrip .rtsLink.rtsDisabled, .RadTabStrip.SubTabStrip .rtsLevel1 .rtsLink.rtsDisabled, .RadTabStripVertical.RadTabStrip_Orion .rtsLink.rtsDisabled, .RadTabStripVertical.RadTabStrip_Orion .rtsLevel1 .rtsLink.rtsDisabled { background-color: transparent; color: #999; border-color: transparent; } .RadTabStrip.RadTabStrip_Orion, .RadTabStrip.SubTabStrip { border-bottom: 2px solid #777; padding: 0 15px; } .RadTabStripBottom.RadTabStrip_Orion { border-bottom: none; border-top: 2px solid #777; } .RadTabStripBottom.RadTabStrip_Orion .rtsLink { border-width: 4px 0 0 0; padding: 4px 5px 8px 5px; } .RadTabStrip.SubTabStrip { border-bottom: 1px solid #ddd; } .RadTabStrip.SubTabStrip a.rtsLink { border-bottom: 3px solid transparent; transition: none; } .RadTabStrip.SubTabStrip a.rtsLink.rtsSelected { border-bottom-color: #666; font-weight: 600; } .tabs-wrapper.tabs-vertical { grid-column-gap: 20px; } @media (max-width: 767px) { .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion { display: block; border-bottom: 2px solid #777; padding: 0 15px; } .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsLevel { width: 100%; } .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsLI { display: inline-block; float: left; } .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsLink, .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion .rtsIn { text-align: center; } } @media (min-width: 768px) { .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion > .rtsLevel .rtsLI { margin-bottom: .2em; } .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion > .rtsLevel .rtsLink { width: 100%; text-align: left; border-width: 2px; border-radius: 25px; padding: 5px 10px; font-weight: 500; } .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion > .rtsLevel .rtsLink:hover, .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion > .rtsLevel .rtsLink:focus, .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion > .rtsLevel .rtsLink:active { background-color: #fff; } .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion > .rtsLevel .rtsLink.rtsSelected { background-color: #fff; } .RadTabStripVertical.RadTabStripVertical.RadTabStrip_Orion > .rtsLevel .rtsIn { padding: 0; } } .RadMultiPage, .ContentTabbedDisplay:not(.panel-border) { background-color: transparent; border-style: none; } .RadTabStrip + .RadMultiPage { padding: 10px 0 0 0; } @media (min-width: 768px) { .RadTabStripVertical + .RadMultiPage { padding: 0; } } /* Tab strip with background around content section */ .tab-content-bg > .panel > .panel-body-container > .panel-body > .cco.tabs-top { border-top-left-radius: 0; border-top-right-radius: 0; } @media (max-width: 767px) { .tab-content-bg > .panel > .panel-body-container > .panel-body > .cco.tabs-left { border-top-left-radius: 0; border-top-right-radius: 0; } } /* RadToolTip ========================================================================== */ /* Currently used by the QueryMenu iPart */ .RadToolTip_Telerik a:hover { background-color: #8cd1e8; } /* RadGrid ========================================================================== */ .RadGrid.RadGrid_MetroTouch { border: none; background-color: transparent; color: #222; } .RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow > td { border-left-color: transparent; } .RadGrid.RadGrid_MetroTouch td.rgPagerCell { border-width: 0; } .RadGrid.RadGrid_MetroTouch .rgCommandRow { background-color: transparent; } .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover { background-color: #007fa8; border-color: #007fa8; text-decoration: none; color: #fff !important; } .RadGrid.RadGrid_MetroTouch .rgNumPart a, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a { border-radius: 100%; line-height: 28px; padding: 0; } .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerButton { border-radius: 20px; } .RadGrid.RadGrid_MetroTouch input.rgAdd, .RadGrid.RadGrid_MetroTouch input.rgRefresh, .RadGrid.RadGrid_MetroTouch .rgSave, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel { background-color: #007fa8; } .RadGrid.RadGrid_MetroTouch input.rgAdd:hover, .RadGrid.RadGrid_MetroTouch input.rgRefresh:hover, .RadGrid.RadGrid_MetroTouch .rgSave:hover, .RadGrid.RadGrid_MetroTouch .rgCommandRow .rgCancel:hover { background-color: #fff; } .RadGrid.RadGrid_MetroTouch .rgInfoPart { color: #222; } .RadGrid.RadGrid_MetroTouch .rgMasterTable { background-color: transparent; } .RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow > td, .RadGrid.RadGrid_MetroTouch .rgEditRow > td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child, .RadGrid.RadGrid_MetroTouch .rgFilterRow td, .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child { padding: 12px 12px; } .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgRow td.rgExpandCol:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgExpandCol:first-child { /* reset the padding for expand/collapse column */ padding-left: 0; padding-right: 0; } .RadGrid.RadGrid_MetroTouch .rgHeader { background-color: transparent; border-bottom: 1px solid #222; border-right: none; border-left: none; border-top: none; font-weight: 500; color: #222; } .RadGrid.RadGrid_MetroTouch .rgHeader:hover { overflow: visible; } .RadGrid.RadGrid_MetroTouch .rgHeader:hover a, .RadGrid.RadGrid_MetroTouch .rgHeader:hover span[onclick] { z-index: 100; } .RadGrid.RadGrid_MetroTouch .rgHeader.text-hide, .RadGrid.RadGrid_MetroTouch .rgHeader.rgExpandCol { font-size: 0; } .RadGrid.RadGrid_MetroTouch .rgHeader a:not(.Link), .RadGrid.RadGrid_MetroTouch .rgHeader span[onclick] { /* Note:There are a couple of places where we want the link to be styled (e.g. the header link in duplciate merge), so make sure those still look like links */ color: #222 !important; text-decoration: none !important; } .RadGrid.RadGrid_MetroTouch .rgHeader input[type="radio"] { /* For duplicate merge */ vertical-align: unset; } .RadGrid.RadGrid_MetroTouch th.rgSorted { color: #222; } .RadGrid.RadGrid_MetroTouch th.rgSorted, .RadGrid.RadGrid_MetroTouch th.rgSorted a:not(.Link), .RadGrid.RadGrid_MetroTouch th.rgSorted span[onclick] { background-color: transparent; } .RadGrid.RadGrid_MetroTouch .rgRow, .RadGrid.RadGrid_MetroTouch .rgAltRow { background-color: transparent; } .RadGrid.RadGrid_MetroTouch .rgRow:hover, .RadGrid.RadGrid_MetroTouch .rgAltRow:hover { background-color: #f5f5f5; } .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td.rgSorted { border-bottom: 1px solid #cccccc; border-top: none; border-right: none; border-left: none; background-color: transparent; } .RadGrid.RadGrid_MetroTouch .rgRow .rgHeader, .RadGrid.RadGrid_MetroTouch .rgRow .rgHeader a, .RadGrid.RadGrid_MetroTouch .rgAltRow .rgHeader, .RadGrid.RadGrid_MetroTouch .rgAltRow .rgHeader a { background-color: #f5f5f5; } .RadGrid.RadGrid_MetroTouch .rgSelectedRow, .RadGrid.RadGrid_MetroTouch .rgSelectedRow:hover, .RadGrid.RadGrid_MetroTouch td.rgSelectedRow { background-color: #eeeeee; border-bottom-color: #cccccc; color: #222; } .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow:hover a, .RadGrid.RadGrid_MetroTouch td.rgSelectedRow a { color: #005e7d; } .RadGrid.RadGrid_MetroTouch .rgHeader[aria-sort="none"] a:after, .RadGrid.RadGrid_MetroTouch .rgHeader:not(.rgSorted) span[onclick]:after, .RadGrid.RadGrid_MetroTouch .rgHeader .rgSortAsc, .RadGrid.RadGrid_MetroTouch .rgHeader .rgSortDesc { content: ''; display: inline-block; border-left: 5px solid transparent; border-right: 5px solid transparent; background-image: none !important; margin: 0; float: none; width: 5px; height: 7px; } .RadGrid.RadGrid_MetroTouch .rgHeader[aria-sort="none"] a, .RadGrid.RadGrid_MetroTouch .rgHeader:not(.rgSorted) span[onclick] { position: relative; display: inline-block; padding-right: 18px; } .RadGrid.RadGrid_MetroTouch .rgHeader[aria-sort="none"] a:after, .RadGrid.RadGrid_MetroTouch .rgHeader:not(.rgSorted) span[onclick]:after { border-bottom: 7px solid #666; visibility: hidden; position: absolute; right: 3px; bottom: 18%; } .RadGrid.RadGrid_MetroTouch .rgHeader[aria-sort="none"] a:hover:after, .RadGrid.RadGrid_MetroTouch .rgHeader:not(.rgSorted) span[onclick]:hover:after { visibility: visible; } .RadGrid.RadGrid_MetroTouch .rgSortAsc, .RadGrid.RadGrid_MetroTouch .rgSortDesc { margin-left: 5px; margin-bottom: 2px; } .RadGrid.RadGrid_MetroTouch .rgSortAsc { border-bottom: 7px solid #222; } .RadGrid.RadGrid_MetroTouch .rgSortDesc { border-top: 7px solid #222; } .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted { color: #222; } .RadGrid.RadGrid_MetroTouch td.rgSorted, .RadGrid.RadGrid_MetroTouch .rtAltRow td.rgSorted { background-color: transparent; } /* RadComboBox ========================================================================= */ .RadComboBox .rcbActionButton .t-font-icon { font: 16px/1 "TelerikWebUI"; } /* RadDataPager ========================================================================== */ .RadDataPager.RadDataPager_MetroTouch { border: none; background-color: transparent; } .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage, .RadDataPager.RadDataPager_MetroTouch .rdpNumPart a.rdpCurrentPage:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageFirst:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagePrev:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageNext:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPageLast:hover, .RadDataPager.RadDataPager_MetroTouch .rdpPagerButton { background-color: #007fa8; border-color: #007fa8; } /* RadScheduler ========================================================================== */ .RadScheduler.RadScheduler_MetroTouch .rsAptIn { border-top: none; } .RadScheduler.RadScheduler_MetroTouch .rsHeader { border-color: #007fa8; background-color: #007fa8; } .RadScheduler.RadScheduler_MetroTouch .rsHeader ul a { border-color: #007fa8; } .RadScheduler.RadScheduler_MetroTouch .rsHeader h2 { font-family: Poppins, Helvetica Neue, Arial, sans-serif; font-weight: bold; color: #fff; text-transform: none; border-bottom: none; } @media (max-width: 991px) { .RadScheduler.RadScheduler_MetroTouch .rsHeader { height: auto; } .RadScheduler.RadScheduler_MetroTouch .rsHeader ul { clear: left; margin-top: 0; margin-bottom: -19px; } .RadScheduler.RadScheduler_MetroTouch .rsHeader ul a, .RadScheduler.RadScheduler_MetroTouch .rsHeader ul .rsSelected em { padding-top: 10px; } } /* RadMenu ========================================================================== */ .RadMenu.RadMenu_MetroTouch.RadMenu { font-family: inherit; font-weight: normal; } .RadMenu.RadMenu_MetroTouch, .RadMenu.RadMenu_MetroTouch .rmRootLink { text-transform: none; color: #ffffff; } .RadMenu.RadMenu_MetroTouch div.rmRootGroup, .RadMenu.RadMenu_MetroTouch ul.rmRootGroup { background-color: #003d4f; } .RadMenu.RadMenu_MetroTouch .rmRootLink { border-color: #003d4f; } .RadMenu.RadMenu_MetroTouch .rmDisabled, .RadMenu.RadMenu_MetroTouch .rmDisabled:hover { border-color: #003d4f; } .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused, .RadMenu.RadMenu_MetroTouch .rmGroup .rmFocused:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected, .RadMenu.RadMenu_MetroTouch .rmGroup .rmLink.rmSelected:hover, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded, .RadMenu.RadMenu_MetroTouch .rmGroup .rmExpanded:hover { border-color: #003d4f; background-color: #003d4f; color: #FFF !important; } /* RadWindow ========================================================================== */ .RadWindow.RadWindow_Bootstrap { border-radius: 8px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } .RadWindow.RadWindow_Bootstrap, .RadWindow.RadWindow_Bootstrap .rwTitleRow em { font-family: inherit; font-weight: normal; } .RadWindow.RadWindow_Bootstrap .rwTitle { font-family: inherit; font-weight: 500; font-size: 120%; padding-left: 0; } .RadWindow.RadWindow_Bootstrap .rwTitleBar { background-color: #fff; } .RadWindow.RadWindow_Bootstrap .rwTitleWrapper { padding: 15px; } .RadWindow.RadWindow_Bootstrap .rwIcon { display: none; } .RadWindow.RadWindow_Bootstrap .rwContent { border-bottom-color: transparent; background-color: transparent; } .TelerikModalOverlay { background-color: #000 !important; } /* RadTreeView ========================================================================== */ .RadTreeView.RadTreeView_MetroTouch { line-height: 2 !important; } .RadTreeView.RadTreeView_MetroTouch .rtSp { height: 28px; } .RadTreeView.RadTreeView_MetroTouch .rtPlus, .RadTreeView.RadTreeView_MetroTouch .rtMinus { margin-top: 0; } .RadTreeView.RadTreeView_MetroTouch .rtIn { padding-left: 6px; padding-right: 6px; } .RadTreeView.RadTreeView_MetroTouch .rtHover .rtIn { background-color: #8cd1e8; border-color: #8cd1e8; } .RadTreeView.RadTreeView_MetroTouch .rtSelected .rtIn { border-color: #007fa8; background: #007fa8; } /* RadPicker ========================================================================== */ /* Date and Time selectors */ .RadCalendar.RadCalendar_MetroTouch, .RadCalendar.RadCalendar_MetroTouch .rcMainTable { font-family: inherit; font-weight: inherit; } .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover { border-color: #007fa8; } .RadCalendar.RadCalendar_MetroTouch .rcFastPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcPrev:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcNext:hover:before, .RadCalendar.RadCalendar_MetroTouch .rcFastNext:hover:before { color: #007fa8; } .RadCalendar.RadCalendar_MetroTouch .rcRow .rcToday a { border-color: #007fa8; } .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow .rcSelected a { border-color: #007fa8; background: #007fa8; } .RadCalendar.RadCalendar_MetroTouch .rcRow a, .RadCalendar.RadCalendar_MetroTouch .rcRow span { /* The Sunday column is not rendering correctly because it's in a instead of a . This corrects the issue. */ display: block; padding: .08em .4em; text-decoration: none; outline: 0; } .RadCalendar.RadCalendar_MetroTouch .rcMain .rcRow th { font-size: 100%; padding: 0; } .RadCalendarMonthView.RadCalendarMonthView_MetroTouch, .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcButtons input { font-family: inherit; font-weight: inherit; } .RadCalendarMonthView.RadCalendarMonthView_MetroTouch .rcSelected a { background: #007fa8; } .RadCalendarMonthView.RadCalendarMonthView_MetroTouch #rcMView_Today { background: #007fa8; border-color: #007fa8; } .RadCalendarTimeView.RadCalendarTimeView_MetroTouch { font-family: inherit; font-weight: inherit; } .RadCalendarTimeView.RadCalendarTimeView_MetroTouch td.rcSelected a { border-color: #007fa8; background: #007fa8; } .RadPicker.RadPicker_MetroTouch .rcCalPopup:hover, .RadPicker.RadPicker_MetroTouch .rcCalPopup:focus, .RadPicker.RadPicker_MetroTouch .rcCalPopup:active, .RadPicker.RadPicker_MetroTouch .rcTimePopup:hover, .RadPicker.RadPicker_MetroTouch .rcTimePopup:focus, .RadPicker.RadPicker_MetroTouch .rcTimePopup:active { background-color: #007fa8; } .RadPicker .rcCalPopup, .RadPicker .rcTimePopup { width: inherit; text-indent: inherit; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } /* RadInput ========================================================================== */ a.riDown, a.riUp { text-indent: -2222px; } /* ========================================================================== SOCIAL ICONS ========================================================================== */ .SocialSprite { background-image: url(images/SocialSprite.png); background-repeat: no-repeat; width: 24px; height: 24px; vertical-align: top; border-radius: 5px; opacity: .70; transition: opacity 0.2s ease-out; } @media screen and (prefers-reduced-motion: reduce) { .SocialSprite { transition: none; } } .SocialSprite.LargeButtons { width: 32px; height: 32px; } .SocialSprite:hover, .SocialSprite:focus, .SocialSprite:active { opacity: 1; } .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:hover, a:hover .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:focus, a:focus .SocialSprite.FacebookIcon, .SocialSprite.FacebookIcon:active, a:active .SocialSprite.FacebookIcon { background-position: 0 0; background-color: #3b5998; } .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:hover, a:hover .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:focus, a:focus .SocialSprite.FacebookIcon.LargeButtons, .SocialSprite.FacebookIcon.LargeButtons:active, a:active .SocialSprite.FacebookIcon.LargeButtons { background-position: 0 -80px; } .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:hover, a:hover .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:focus, a:focus .SocialSprite.TwitterIcon, .SocialSprite.TwitterIcon:active, a:active .SocialSprite.TwitterIcon { background-position: -40px 0; background-color: #00a0d1; } .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:hover, a:hover .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:focus, a:focus .SocialSprite.TwitterIcon.LargeButtons, .SocialSprite.TwitterIcon.LargeButtons:active, a:active .SocialSprite.TwitterIcon.LargeButtons { background-position: -40px -80px; } .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:hover, a:hover .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:focus, a:focus .SocialSprite.LinkedInIcon, .SocialSprite.LinkedInIcon:active, a:active .SocialSprite.LinkedInIcon { background-position: -80px 0; background-color: #0077b5; } .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:hover, a:hover .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:focus, a:focus .SocialSprite.LinkedInIcon.LargeButtons, .SocialSprite.LinkedInIcon.LargeButtons:active, a:active .SocialSprite.LinkedInIcon.LargeButtons { background-position: -80px -80px; } .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:hover, a:hover .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:focus, a:focus .SocialSprite.YouTubeIcon, .SocialSprite.YouTubeIcon:active, a:active .SocialSprite.YouTubeIcon { background-position: -120px 0; background-color: #c4302b; } .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:hover, a:hover .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:focus, a:focus .SocialSprite.YouTubeIcon.LargeButtons, .SocialSprite.YouTubeIcon.LargeButtons:active, a:active .SocialSprite.YouTubeIcon.LargeButtons { background-position: -120px -80px; } .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:hover, a:hover .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:focus, a:focus .SocialSprite.EmailIcon, .SocialSprite.EmailIcon:active, a:active .SocialSprite.EmailIcon { background-position: -160px 0; background-color: #0a629a; } .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:hover, a:hover .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:focus, a:focus .SocialSprite.EmailIcon.LargeButtons, .SocialSprite.EmailIcon.LargeButtons:active, a:active .SocialSprite.EmailIcon.LargeButtons { background-position: -160px -80px; } .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:hover, a:hover .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:focus, a:focus .SocialSprite.PinterestIcon, .SocialSprite.PinterestIcon:active, a:active .SocialSprite.PinterestIcon { background-position: -200px 0; background-color: #0a629a; } .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:hover, a:hover .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:focus, a:focus .SocialSprite.PinterestIcon.LargeButtons, .SocialSprite.PinterestIcon.LargeButtons:active, a:active .SocialSprite.PinterestIcon.LargeButtons { background-position: -200px -80px; } .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:hover, a:hover .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:focus, a:focus .SocialSprite.GPlusIcon, .SocialSprite.GPlusIcon:active, a:active .SocialSprite.GPlusIcon { background-position: -240px 0; background-color: #db4a39; } .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:hover, a:hover .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:focus, a:focus .SocialSprite.GPlusIcon.LargeButtons, .SocialSprite.GPlusIcon.LargeButtons:active, a:active .SocialSprite.GPlusIcon.LargeButtons { background-position: -240px -80px; } .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:hover, a:hover .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:focus, a:focus .SocialSprite.SkypeIcon, .SocialSprite.SkypeIcon:active, a:active .SocialSprite.SkypeIcon { background-position: -280px 0; background-color: #00aff0; } .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:hover, a:hover .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:focus, a:focus .SocialSprite.SkypeIcon.LargeButtons, .SocialSprite.SkypeIcon.LargeButtons:active, a:active .SocialSprite.SkypeIcon.LargeButtons { background-position: -280px -80px; } .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:hover, a:hover .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:focus, a:focus .SocialSprite.InstagramIcon, .SocialSprite.InstagramIcon:active, a:active .SocialSprite.InstagramIcon { background-position: -360px 0; background-color: #e1306c; } .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:hover, a:hover .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:focus, a:focus .SocialSprite.InstagramIcon.LargeButtons, .SocialSprite.InstagramIcon.LargeButtons:active, a:active .SocialSprite.InstagramIcon.LargeButtons { background-position: -360px -80px; } .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:hover, a:hover .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:focus, a:focus .SocialSprite.SnapchatIcon, .SocialSprite.SnapchatIcon:active, a:active .SocialSprite.SnapchatIcon { background-position: -400px 0; background-color: #fffc00; } .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:hover, a:hover .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:focus, a:focus .SocialSprite.SnapchatIcon.LargeButtons, .SocialSprite.SnapchatIcon.LargeButtons:active, a:active .SocialSprite.SnapchatIcon.LargeButtons { background-position: -400px -80px; } /**** End Social Netowrking Icon Styling ****/ /* ========================================================================== CONTENT ITEMS ========================================================================== */ /* Open Invoices ========================================================================== */ .OpenInvoicesTotals .SelectedTotal .PanelFieldValue { color: #5dae3f; } /* Group List Editor ========================================================================== */ .RadTreeView.GLE .rtLI { margin-bottom: .3em; } .RadTreeView.GLE .rtIn, .RadTreeView.GLE .rtHover .rtIn, .RadTreeView.GLE .rtSelected .rtIn { background-color: transparent; border: none; color: #005e7d; } .RadTreeView.GLE a:hover, .RadTreeView.GLE a:focus, .RadTreeView.GLE span[onclick]:hover, .RadTreeView.GLE span[onclick]:focus { background-color: #007fa8; color: #fff; } .RadTreeView.GLE .rtImg { border-radius: 5px; } /* Communiaction Preferences ========================================================================== */ .CommunicationPreferencesSection { background-color: #fff; } /* Mini Profile ========================================================================== */ .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .mini-profile-banner-small .mini-profile-name-section .SectionLabel { /* Style the name like an h2 */ font-family: inherit; font-weight: 500; font-size: 150%; } .mini-profile-banner-large .mini-profile-picture-section, .mini-profile-banner-large .panel-heading, .mini-profile-banner-small .mini-profile-picture-section, .mini-profile-banner-small .panel-heading { background-color: #fff; color: #000; } .mini-profile-banner-large .profile-picture-container, .mini-profile-banner-small .profile-picture-container { display: inline-block; background-color: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); padding: 8px; border-radius: 5px; } .mini-profile-banner-large .profile-picture-container img, .mini-profile-banner-small .profile-picture-container img { border-radius: 3px; } .mini-profile-banner-large .mini-profile-status-section, .mini-profile-banner-small .mini-profile-status-section { font-size: .9em; } @media (min-width: 768px) { .mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-address-section { background-color: #fff; } } .account-banner:before { background-color: #fff; border-radius: 5px; } @media (min-width: 768px) { .account-banner .mini-profile-banner-large .mini-profile { grid-template: "picture name" 1fr "picture address" auto "picture status" auto/fit-content(33%) auto; } } .account-banner .mini-profile-name-section, .account-banner .mini-profile-address-section, .account-banner .mini-profile-picture-section, .account-banner .mini-profile-status-section, .account-banner .mini-profile-banner-large .panel-heading, .account-banner .mini-profile-banner-small .panel-heading { background-color: transparent; } .account-banner .mini-profile-banner-large .mini-profile-picture-section .profile-picture-container, .account-banner .mini-profile-banner-small .mini-profile-picture-section .profile-picture-container { margin-bottom: 0; } .account-banner .mini-profile-banner-large .mini-profile-picture-section-after, .account-banner .mini-profile-banner-small .mini-profile-picture-section-after { height: 0; } .account-banner .summary-display { font-size: .9em; } .account-banner .AlertSet { background-color: transparent; } .account-banner .AlertSet .AlertItem { margin-bottom: 0.5rem; border-radius: 5px; padding-top: 0.75rem; padding-bottom: 0.75rem; } .account-banner .AlertSet .AlertItem:last-item { margin-bottom: 0; } .account-banner .AlertSet .AlertItem .media > img { width: 20px; } .account-banner .scrollbar-minimal ::-webkit-scrollbar-track { background-color: transparent; } .account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb { background-color: rgba(0, 0, 0, 0.4); } .account-banner .scrollbar-minimal ::-webkit-scrollbar-thumb:hover { background: rgba(0, 0, 0, 0.6); } .account-banner-bg-color-1 .account-banner:before { background-color: #fff; } .account-banner-bg-color-2 .account-banner:before { background-color: #413d6b; } .account-banner-bg-color-3 .account-banner:before { background-color: #6b458f; } .account-banner-bg-color-4 .account-banner:before { background-color: #9b4c81; } .account-banner-bg-color-5 .account-banner:before { background-color: #ca4d48; } .account-banner-bg-color-red .account-banner:before { background-color: #d03528; } .account-banner-bg-color-orange .account-banner:before { background-color: #e98300; } .account-banner-bg-color-yellow .account-banner:before { background-color: #e8d92d; } .account-banner-bg-color-green .account-banner:before { background-color: #68bd49; } .account-banner-bg-color-blue .account-banner:before { background-color: #00a9e0; } .account-banner-bg-color-purple .account-banner:before { background-color: #413d6b; } .account-banner .area-top-left a, .account-banner .area-middle-left a, .account-banner .area-bottom-left a, .account-banner .area-center a { text-decoration: underline; } .account-banner .area-top-left, .account-banner .area-top-left h1, .account-banner .area-top-left h2, .account-banner .area-top-left h3, .account-banner .area-top-left h4, .account-banner .area-top-left h5, .account-banner .area-top-left label, .account-banner .area-top-left .Label, .account-banner .area-top-left .SectionLabel, .account-banner .area-middle-left, .account-banner .area-middle-left h1, .account-banner .area-middle-left h2, .account-banner .area-middle-left h3, .account-banner .area-middle-left h4, .account-banner .area-middle-left h5, .account-banner .area-middle-left label, .account-banner .area-middle-left .Label, .account-banner .area-middle-left .SectionLabel, .account-banner .area-bottom-left, .account-banner .area-bottom-left h1, .account-banner .area-bottom-left h2, .account-banner .area-bottom-left h3, .account-banner .area-bottom-left h4, .account-banner .area-bottom-left h5, .account-banner .area-bottom-left label, .account-banner .area-bottom-left .Label, .account-banner .area-bottom-left .SectionLabel, .account-banner .area-center, .account-banner .area-center h1, .account-banner .area-center h2, .account-banner .area-center h3, .account-banner .area-center h4, .account-banner .area-center h5, .account-banner .area-center label, .account-banner .area-center .Label, .account-banner .area-center .SectionLabel { color: #222; } .account-banner .area-top-left a, .account-banner .area-middle-left a, .account-banner .area-bottom-left a, .account-banner .area-center a { color: #222; } .account-banner-bg-color-2 .area-top-left, .account-banner-bg-color-2 .area-top-left h1, .account-banner-bg-color-2 .area-top-left h2, .account-banner-bg-color-2 .area-top-left h3, .account-banner-bg-color-2 .area-top-left h4, .account-banner-bg-color-2 .area-top-left h5, .account-banner-bg-color-2 .area-top-left label, .account-banner-bg-color-2 .area-top-left .Label, .account-banner-bg-color-2 .area-top-left .SectionLabel, .account-banner-bg-color-3 .area-top-left, .account-banner-bg-color-3 .area-top-left h1, .account-banner-bg-color-3 .area-top-left h2, .account-banner-bg-color-3 .area-top-left h3, .account-banner-bg-color-3 .area-top-left h4, .account-banner-bg-color-3 .area-top-left h5, .account-banner-bg-color-3 .area-top-left label, .account-banner-bg-color-3 .area-top-left .Label, .account-banner-bg-color-3 .area-top-left .SectionLabel, .account-banner-bg-color-4 .area-top-left, .account-banner-bg-color-4 .area-top-left h1, .account-banner-bg-color-4 .area-top-left h2, .account-banner-bg-color-4 .area-top-left h3, .account-banner-bg-color-4 .area-top-left h4, .account-banner-bg-color-4 .area-top-left h5, .account-banner-bg-color-4 .area-top-left label, .account-banner-bg-color-4 .area-top-left .Label, .account-banner-bg-color-4 .area-top-left .SectionLabel, .account-banner-bg-color-5 .area-top-left, .account-banner-bg-color-5 .area-top-left h1, .account-banner-bg-color-5 .area-top-left h2, .account-banner-bg-color-5 .area-top-left h3, .account-banner-bg-color-5 .area-top-left h4, .account-banner-bg-color-5 .area-top-left h5, .account-banner-bg-color-5 .area-top-left label, .account-banner-bg-color-5 .area-top-left .Label, .account-banner-bg-color-5 .area-top-left .SectionLabel, .account-banner-bg-color-red .area-top-left, .account-banner-bg-color-red .area-top-left h1, .account-banner-bg-color-red .area-top-left h2, .account-banner-bg-color-red .area-top-left h3, .account-banner-bg-color-red .area-top-left h4, .account-banner-bg-color-red .area-top-left h5, .account-banner-bg-color-red .area-top-left label, .account-banner-bg-color-red .area-top-left .Label, .account-banner-bg-color-red .area-top-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-top-left, .account-banner-bg-color-purple .account-banner .area-top-left h1, .account-banner-bg-color-purple .account-banner .area-top-left h2, .account-banner-bg-color-purple .account-banner .area-top-left h3, .account-banner-bg-color-purple .account-banner .area-top-left h4, .account-banner-bg-color-purple .account-banner .area-top-left h5, .account-banner-bg-color-purple .account-banner .area-top-left label, .account-banner-bg-color-purple .account-banner .area-top-left .Label, .account-banner-bg-color-purple .account-banner .area-top-left .SectionLabel { color: #fff; } .account-banner-bg-color-2 .area-top-left a, .account-banner-bg-color-3 .area-top-left a, .account-banner-bg-color-4 .area-top-left a, .account-banner-bg-color-5 .area-top-left a, .account-banner-bg-color-red .area-top-left a, .account-banner-bg-color-purple .account-banner .area-top-left a { color: #fff; } .account-banner-bg-color-2 .area-top-left .dropdown-menu a, .account-banner-bg-color-3 .area-top-left .dropdown-menu a, .account-banner-bg-color-4 .area-top-left .dropdown-menu a, .account-banner-bg-color-5 .area-top-left .dropdown-menu a, .account-banner-bg-color-red .area-top-left .dropdown-menu a, .account-banner-bg-color-purple .account-banner .area-top-left .dropdown-menu a { color: #005e7d; text-decoration: none; } .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton) { border-color: #fff; background-color: transparent; } .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited { text-decoration: none; } .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):visited { color: #fff; } .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):hover { color: #222; background-color: #fff; border-color: #fff; } .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus { box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .btn-check:checked + .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show { color: #222; background-color: #fff; border-color: #fff; } .btn-check:checked + .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-2 .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-3 .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-4 .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-5 .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-red .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-purple .account-banner .area-top-left .TextButton:not(.PrimaryButton).aspNetDisabled { color: #fff; background-color: transparent; } @media (min-width: 768px) { .account-banner-bg-color-2 .area-middle-left, .account-banner-bg-color-2 .area-middle-left h1, .account-banner-bg-color-2 .area-middle-left h2, .account-banner-bg-color-2 .area-middle-left h3, .account-banner-bg-color-2 .area-middle-left h4, .account-banner-bg-color-2 .area-middle-left h5, .account-banner-bg-color-2 .area-middle-left label, .account-banner-bg-color-2 .area-middle-left .Label, .account-banner-bg-color-2 .area-middle-left .SectionLabel, .account-banner-bg-color-2 .area-bottom-left, .account-banner-bg-color-2 .area-bottom-left h1, .account-banner-bg-color-2 .area-bottom-left h2, .account-banner-bg-color-2 .area-bottom-left h3, .account-banner-bg-color-2 .area-bottom-left h4, .account-banner-bg-color-2 .area-bottom-left h5, .account-banner-bg-color-2 .area-bottom-left label, .account-banner-bg-color-2 .area-bottom-left .Label, .account-banner-bg-color-2 .area-bottom-left .SectionLabel, .account-banner-bg-color-3 .area-middle-left, .account-banner-bg-color-3 .area-middle-left h1, .account-banner-bg-color-3 .area-middle-left h2, .account-banner-bg-color-3 .area-middle-left h3, .account-banner-bg-color-3 .area-middle-left h4, .account-banner-bg-color-3 .area-middle-left h5, .account-banner-bg-color-3 .area-middle-left label, .account-banner-bg-color-3 .area-middle-left .Label, .account-banner-bg-color-3 .area-middle-left .SectionLabel, .account-banner-bg-color-3 .area-bottom-left, .account-banner-bg-color-3 .area-bottom-left h1, .account-banner-bg-color-3 .area-bottom-left h2, .account-banner-bg-color-3 .area-bottom-left h3, .account-banner-bg-color-3 .area-bottom-left h4, .account-banner-bg-color-3 .area-bottom-left h5, .account-banner-bg-color-3 .area-bottom-left label, .account-banner-bg-color-3 .area-bottom-left .Label, .account-banner-bg-color-3 .area-bottom-left .SectionLabel, .account-banner-bg-color-4 .area-middle-left, .account-banner-bg-color-4 .area-middle-left h1, .account-banner-bg-color-4 .area-middle-left h2, .account-banner-bg-color-4 .area-middle-left h3, .account-banner-bg-color-4 .area-middle-left h4, .account-banner-bg-color-4 .area-middle-left h5, .account-banner-bg-color-4 .area-middle-left label, .account-banner-bg-color-4 .area-middle-left .Label, .account-banner-bg-color-4 .area-middle-left .SectionLabel, .account-banner-bg-color-4 .area-bottom-left, .account-banner-bg-color-4 .area-bottom-left h1, .account-banner-bg-color-4 .area-bottom-left h2, .account-banner-bg-color-4 .area-bottom-left h3, .account-banner-bg-color-4 .area-bottom-left h4, .account-banner-bg-color-4 .area-bottom-left h5, .account-banner-bg-color-4 .area-bottom-left label, .account-banner-bg-color-4 .area-bottom-left .Label, .account-banner-bg-color-4 .area-bottom-left .SectionLabel, .account-banner-bg-color-5 .area-middle-left, .account-banner-bg-color-5 .area-middle-left h1, .account-banner-bg-color-5 .area-middle-left h2, .account-banner-bg-color-5 .area-middle-left h3, .account-banner-bg-color-5 .area-middle-left h4, .account-banner-bg-color-5 .area-middle-left h5, .account-banner-bg-color-5 .area-middle-left label, .account-banner-bg-color-5 .area-middle-left .Label, .account-banner-bg-color-5 .area-middle-left .SectionLabel, .account-banner-bg-color-5 .area-bottom-left, .account-banner-bg-color-5 .area-bottom-left h1, .account-banner-bg-color-5 .area-bottom-left h2, .account-banner-bg-color-5 .area-bottom-left h3, .account-banner-bg-color-5 .area-bottom-left h4, .account-banner-bg-color-5 .area-bottom-left h5, .account-banner-bg-color-5 .area-bottom-left label, .account-banner-bg-color-5 .area-bottom-left .Label, .account-banner-bg-color-5 .area-bottom-left .SectionLabel, .account-banner-bg-color-red .area-middle-left, .account-banner-bg-color-red .area-middle-left h1, .account-banner-bg-color-red .area-middle-left h2, .account-banner-bg-color-red .area-middle-left h3, .account-banner-bg-color-red .area-middle-left h4, .account-banner-bg-color-red .area-middle-left h5, .account-banner-bg-color-red .area-middle-left label, .account-banner-bg-color-red .area-middle-left .Label, .account-banner-bg-color-red .area-middle-left .SectionLabel, .account-banner-bg-color-red .area-bottom-left, .account-banner-bg-color-red .area-bottom-left h1, .account-banner-bg-color-red .area-bottom-left h2, .account-banner-bg-color-red .area-bottom-left h3, .account-banner-bg-color-red .area-bottom-left h4, .account-banner-bg-color-red .area-bottom-left h5, .account-banner-bg-color-red .area-bottom-left label, .account-banner-bg-color-red .area-bottom-left .Label, .account-banner-bg-color-red .area-bottom-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-middle-left, .account-banner-bg-color-purple .account-banner .area-middle-left h1, .account-banner-bg-color-purple .account-banner .area-middle-left h2, .account-banner-bg-color-purple .account-banner .area-middle-left h3, .account-banner-bg-color-purple .account-banner .area-middle-left h4, .account-banner-bg-color-purple .account-banner .area-middle-left h5, .account-banner-bg-color-purple .account-banner .area-middle-left label, .account-banner-bg-color-purple .account-banner .area-middle-left .Label, .account-banner-bg-color-purple .account-banner .area-middle-left .SectionLabel, .account-banner-bg-color-purple .account-banner .area-bottom-left, .account-banner-bg-color-purple .account-banner .area-bottom-left h1, .account-banner-bg-color-purple .account-banner .area-bottom-left h2, .account-banner-bg-color-purple .account-banner .area-bottom-left h3, .account-banner-bg-color-purple .account-banner .area-bottom-left h4, .account-banner-bg-color-purple .account-banner .area-bottom-left h5, .account-banner-bg-color-purple .account-banner .area-bottom-left label, .account-banner-bg-color-purple .account-banner .area-bottom-left .Label, .account-banner-bg-color-purple .account-banner .area-bottom-left .SectionLabel { color: #fff; } .account-banner-bg-color-2 .area-middle-left a, .account-banner-bg-color-2 .area-bottom-left a, .account-banner-bg-color-3 .area-middle-left a, .account-banner-bg-color-3 .area-bottom-left a, .account-banner-bg-color-4 .area-middle-left a, .account-banner-bg-color-4 .area-bottom-left a, .account-banner-bg-color-5 .area-middle-left a, .account-banner-bg-color-5 .area-bottom-left a, .account-banner-bg-color-red .area-middle-left a, .account-banner-bg-color-red .area-bottom-left a, .account-banner-bg-color-purple .account-banner .area-middle-left a, .account-banner-bg-color-purple .account-banner .area-bottom-left a { color: #fff; } .account-banner-bg-color-2 .area-middle-left .dropdown-menu a, .account-banner-bg-color-2 .area-bottom-left .dropdown-menu a, .account-banner-bg-color-3 .area-middle-left .dropdown-menu a, .account-banner-bg-color-3 .area-bottom-left .dropdown-menu a, .account-banner-bg-color-4 .area-middle-left .dropdown-menu a, .account-banner-bg-color-4 .area-bottom-left .dropdown-menu a, .account-banner-bg-color-5 .area-middle-left .dropdown-menu a, .account-banner-bg-color-5 .area-bottom-left .dropdown-menu a, .account-banner-bg-color-red .area-middle-left .dropdown-menu a, .account-banner-bg-color-red .area-bottom-left .dropdown-menu a, .account-banner-bg-color-purple .account-banner .area-middle-left .dropdown-menu a, .account-banner-bg-color-purple .account-banner .area-bottom-left .dropdown-menu a { color: #005e7d; text-decoration: none; } .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton) { border-color: #fff; background-color: transparent; } .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):visited { text-decoration: none; } .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):visited { color: #fff; } .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):hover { color: #222; background-color: #fff; border-color: #fff; } .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):focus { box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .btn-check:checked + .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show { color: #222; background-color: #fff; border-color: #fff; } .btn-check:checked + .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-2 .area-middle-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-2 .area-bottom-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-3 .area-middle-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-3 .area-bottom-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-4 .area-middle-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-4 .area-bottom-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-5 .area-middle-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-5 .area-bottom-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-red .area-middle-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-red .area-bottom-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-purple .account-banner .area-middle-left .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-purple .account-banner .area-bottom-left .TextButton:not(.PrimaryButton).aspNetDisabled { color: #fff; background-color: transparent; } } @media (min-width: 992px) { .account-banner-bg-color-2 .area-center, .account-banner-bg-color-2 .area-center h1, .account-banner-bg-color-2 .area-center h2, .account-banner-bg-color-2 .area-center h3, .account-banner-bg-color-2 .area-center h4, .account-banner-bg-color-2 .area-center h5, .account-banner-bg-color-2 .area-center label, .account-banner-bg-color-2 .area-center .Label, .account-banner-bg-color-2 .area-center .SectionLabel, .account-banner-bg-color-3 .area-center, .account-banner-bg-color-3 .area-center h1, .account-banner-bg-color-3 .area-center h2, .account-banner-bg-color-3 .area-center h3, .account-banner-bg-color-3 .area-center h4, .account-banner-bg-color-3 .area-center h5, .account-banner-bg-color-3 .area-center label, .account-banner-bg-color-3 .area-center .Label, .account-banner-bg-color-3 .area-center .SectionLabel, .account-banner-bg-color-4 .area-center, .account-banner-bg-color-4 .area-center h1, .account-banner-bg-color-4 .area-center h2, .account-banner-bg-color-4 .area-center h3, .account-banner-bg-color-4 .area-center h4, .account-banner-bg-color-4 .area-center h5, .account-banner-bg-color-4 .area-center label, .account-banner-bg-color-4 .area-center .Label, .account-banner-bg-color-4 .area-center .SectionLabel, .account-banner-bg-color-5 .area-center, .account-banner-bg-color-5 .area-center h1, .account-banner-bg-color-5 .area-center h2, .account-banner-bg-color-5 .area-center h3, .account-banner-bg-color-5 .area-center h4, .account-banner-bg-color-5 .area-center h5, .account-banner-bg-color-5 .area-center label, .account-banner-bg-color-5 .area-center .Label, .account-banner-bg-color-5 .area-center .SectionLabel, .account-banner-bg-color-red .area-center, .account-banner-bg-color-red .area-center h1, .account-banner-bg-color-red .area-center h2, .account-banner-bg-color-red .area-center h3, .account-banner-bg-color-red .area-center h4, .account-banner-bg-color-red .area-center h5, .account-banner-bg-color-red .area-center label, .account-banner-bg-color-red .area-center .Label, .account-banner-bg-color-red .area-center .SectionLabel, .account-banner-bg-color-purple .account-banner .area-center, .account-banner-bg-color-purple .account-banner .area-center h1, .account-banner-bg-color-purple .account-banner .area-center h2, .account-banner-bg-color-purple .account-banner .area-center h3, .account-banner-bg-color-purple .account-banner .area-center h4, .account-banner-bg-color-purple .account-banner .area-center h5, .account-banner-bg-color-purple .account-banner .area-center label, .account-banner-bg-color-purple .account-banner .area-center .Label, .account-banner-bg-color-purple .account-banner .area-center .SectionLabel { color: #fff; } .account-banner-bg-color-2 .area-center a, .account-banner-bg-color-3 .area-center a, .account-banner-bg-color-4 .area-center a, .account-banner-bg-color-5 .area-center a, .account-banner-bg-color-red .area-center a, .account-banner-bg-color-purple .account-banner .area-center a { color: #fff; } .account-banner-bg-color-2 .area-center .dropdown-menu a, .account-banner-bg-color-3 .area-center .dropdown-menu a, .account-banner-bg-color-4 .area-center .dropdown-menu a, .account-banner-bg-color-5 .area-center .dropdown-menu a, .account-banner-bg-color-red .area-center .dropdown-menu a, .account-banner-bg-color-purple .account-banner .area-center .dropdown-menu a { color: #005e7d; text-decoration: none; } .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton) { border-color: #fff; background-color: transparent; } .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):visited { text-decoration: none; } .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):visited, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):visited { color: #fff; } .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):hover, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):hover { color: #222; background-color: #fff; border-color: #fff; } .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):focus { box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .btn-check:checked + .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton), .btn-check:active + .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton), .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):active, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton).active, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show { color: #222; background-color: #fff; border-color: #fff; } .btn-check:checked + .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):focus, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):active:focus, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton).active:focus, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-2 .area-center .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-3 .area-center .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-4 .area-center .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-5 .area-center .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-red .area-center .TextButton:not(.PrimaryButton).aspNetDisabled, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton):disabled, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton).disabled, .account-banner-bg-color-purple .account-banner .area-center .TextButton:not(.PrimaryButton).aspNetDisabled { color: #fff; background-color: transparent; } } .account-page-with-banner .mini-profile-banner-large .panel-heading, .account-page-with-banner .mini-profile-banner-small .panel-heading, .account-page-with-banner .account-page-top-area.account-page-top-area { background-color: #413d6b; } .account-page-with-banner .account-page-top-area { padding-top: 20px; padding-left: 20px; padding-right: 20px; } @media (min-width: 768px) { .account-page-with-banner .account-page-top-area { border-top-left-radius: 5px; border-top-right-radius: 5px; } } .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton) { border-color: #fff; background-color: transparent; } .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton), .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):hover, .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):focus, .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):active, .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):visited { text-decoration: none; } .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton), .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):visited { color: #fff; } .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):hover { color: #222; background-color: #fff; border-color: #fff; } .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):focus { box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .btn-check:checked + .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton), .btn-check:active + .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton), .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):active, .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton).active, .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton).dropdown-toggle.show { color: #222; background-color: #fff; border-color: #fff; } .btn-check:checked + .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):focus, .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):active:focus, .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton).active:focus, .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton):disabled, .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton).disabled, .account-page-with-banner .account-page-top-area .TextButton:not(.PrimaryButton).aspNetDisabled { color: #fff; background-color: transparent; } .account-page-with-banner .mini-profile-banner-large .mini-profile-picture-section, .account-page-with-banner .mini-profile-banner-small .mini-profile-picture-section { background-color: #413d6b; } @media (min-width: 768px) { .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section { background-color: #413d6b; } .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section h1, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section h2, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section h3, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section h4, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section h5, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section label, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .Label, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .SectionLabel, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h1, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h2, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h3, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h4, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section h5, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section label, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .Label, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .SectionLabel, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h1, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h2, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h3, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h4, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section h5, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section label, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .Label, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .SectionLabel { color: #fff; } .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section a, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section a, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section a { color: #fff; } .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .dropdown-menu a, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .dropdown-menu a, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .dropdown-menu a { color: #005e7d; text-decoration: none; } .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton), .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton), .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton) { border-color: #fff; background-color: transparent; } .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton), .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):hover, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):active, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):visited, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton), .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):hover, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):active, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):visited, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton), .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):hover, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):active, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):visited { text-decoration: none; } .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton), .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):visited, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton), .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):visited, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton), .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):visited { color: #fff; } .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):hover, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):hover, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):hover { color: #222; background-color: #fff; border-color: #fff; } .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):focus { box-shadow: 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .btn-check:checked + .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton), .btn-check:active + .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton), .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):active, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton).active, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton), .btn-check:active + .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton), .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):active, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton).active, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton).dropdown-toggle.show, .btn-check:checked + .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton), .btn-check:active + .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton), .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):active, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton).active, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton).dropdown-toggle.show { color: #222; background-color: #fff; border-color: #fff; } .btn-check:checked + .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):active:focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton).active:focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):active:focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton).active:focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus, .btn-check:checked + .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):focus, .btn-check:active + .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):active:focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton).active:focus, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton).dropdown-toggle.show:focus { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125), 0 0 0 0.25rem rgba(255, 255, 255, 0.5); } .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton):disabled, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton).disabled, .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section .TextButton:not(.PrimaryButton).aspNetDisabled, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton):disabled, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton).disabled, .account-page-with-banner .mini-profile-banner-large .mini-profile-name-section .TextButton:not(.PrimaryButton).aspNetDisabled, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton):disabled, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton).disabled, .account-page-with-banner .mini-profile-banner-large .mini-profile-address-section .TextButton:not(.PrimaryButton).aspNetDisabled { color: #fff; background-color: transparent; } .account-page-with-banner .mini-profile-banner-large .mini-profile { grid-template: "picture name" 1fr "picture address" auto "picture status" auto "picture-push blank"/fit-content(33%) auto; } .account-page-with-banner .mini-profile-banner-large .mini-profile-status-section { margin-top: 0; padding-top: .6em; padding-bottom: .5em; border-bottom-right-radius: 5px; } .account-page-with-banner .mini-profile-banner-large .mini-profile-picture-section { border-bottom-left-radius: 5px; } } /* ========================================================================== SEARCH ========================================================================== */ .SearchField { float: left; padding-left: 0; } .SearchResultSummary { padding: .5em; } .SearchResultSummary .ListItemTitle.SearchResultLink { margin-left: 8.5em; } .SearchResultSummary .ListItemTitle.SearchResultLink a { font-weight: 600; font-size: 135%; text-decoration: none; } .SearchResultSummary .SearchResult { margin-bottom: 0; } .SearchResultSummary .ImageSection { margin-top: -35.85px; margin-right: .8em; } @media (min-width: 992px) { .SearchResultSummary .ImageSection { width: 11em; /* Line the picture up with the top of the row */ } .SearchResultSummary .ImageSection img { max-width: 11em; } .SearchResultSummary .ListItemTitle.SearchResultLink, .SearchResultSummary .Description { margin-left: 12.8em; } } /* Event Display ========================================================================== */ .EventSummary { background-color: transparent; } .EventSummary .PhotoArea { padding-right: 2em; padding-bottom: 2em; } .EventSummary .Description { padding-bottom: 2em; } .EventSummary .PhotoArea img { border: 1px solid #ddd !important; } .ProgramGroup .PanelHead, .ProgramGroup .panel-heading { background-color: #8cd1e8; } .ProgramGroup .PanelTitle, .ProgramGroup .panel-title { font-family: Poppins, Helvetica Neue, Arial, sans-serif; font-weight: 600; font-size: 120%; line-height: 2em; padding-left: .5em; color: #000; } .ProgramGroup .PanelBody, .ProgramGroup .panel-body { padding: 0; } /* Product Display ========================================================================== */ .ProductDisplay { background-color: #fff; padding: 1em; } /* Progress Tracker ========================================================================== */ /* These are overrides for the colors and styles defined in 10-UltraWave.css */ /* */ .ProgressTracker .count { font-weight: bold; } .ProgressTracker .SuccessfulMessage, .ProgressTracker .ProgressBar > span { background-color: #007fa8; } .ProgressTrackerNavigation:hover { border-radius: 3px; box-shadow: 0 2px 3px 0px #666; border-color: #666; opacity: 0.9; cursor: pointer; } /* */ /* */ .ProgressTracker2 .ProgressTrackerPanel { background-color: #8cd1e8; } .ProgressTracker2 .ProgressTrackerPanel::after { display: block; clear: both; content: ""; } .ProgressTracker2 .ProgressTrackerPanel .count { color: #fff; font-family: inherit; font-weight: 500; } .ProgressTracker2 div p { background-color: #f2f2f3; color: #413d6b; margin-bottom: 0; } .ProgressTracker2 .ProgressBar { margin: 10px; } .ProgressTracker2 .ProgressBar > span { background-color: #70dbab; } .ProgressTracker2 .SuccessfulMessage { background-color: #8481a6; color: #222; } /* */ /* Filter Panel (Query Menu) ========================================================================== */ /* This is an alternate style for the Query Menu filter panel */ .FilterPanel { border: none !important; margin-top: -3px; } .FilterPanel .PanelTitle, .FilterPanel .panel-title { background-image: none; padding-left: 0.1em; line-height: normal; margin-left: 0; font-size: 123.5295%; } .FilterPanel .PanelHead.Distinguish, .FilterPanel .panel-heading.Distinguish { border: none; min-height: 1em; } /* ========================================================================== COMMUNITIES ========================================================================== */ /* Community left nav */ .CommunityLinksBlock a { color: #222; } .CommunityLinksBlock a:hover { background-color: #8cd1e8; color: #222; text-decoration: none; } .CommunityLinksBlock a.CommunityLinksSelected, .CommunityLinksBlock a.CommunityLinksSelected:hover { background-color: #413d6b; color: White; font-weight: bold; text-decoration: none; } /* Community breadcrumb */ .BreadCrumbCurrent { font-size: 120%; font-weight: bold; } /*** Communities common elements ***/ .CommunityItemActionLinks a:hover { background-color: #413d6b; } .CommunityItemTitle { font-size: 110%; padding: .25em 0; } .CommunityProfilePicture img { border-radius: 5px; } .CommunityReplyForm, .CommunityCommentItem { background: #fff; border-left: 10px solid #ddd; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } .CommunityWikiItem .CommunityRepeaterList .CommunityCommentItem { background: #fff; } /* For adding comments */ .CommunityWikiReplyForm { background: #fff; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); } /* ========================================================================== OBJECT BROWSER ========================================================================== */ .ObjectBrowserWrapper, .TagBrowserWrapper { background-color: #fff; } .OBNavIcon { padding-top: 4.5px; padding-bottom: 4.5px; } .ObjectBrowserContentList td { padding-top: 1px; padding-bottom: 0; } .ObjectBrowserContentListName { line-height: 2; } .ObjectBrowserIcon { background-position: 0 6px; } .ObjectBrowserContentItem.hover, .ObjectBrowserContentItem:hover, .ObjectBrowserContentItem:focus { background-color: #8cd1e8; } .ObjectBrowserContentItem.selected, .ObjectBrowserContentItem:active { background-color: #007fa8; } /* ========================================================================== DASHBOARDS ========================================================================== */ /* Zone or iPart style for the staff dashboards for consistent styling */ .ProgressTracker_Dashboard .label, .ProgressTracker_Dashboard_Overview .label { font-size: 120%; display: block; margin-top: 10px; } .ProgressTracker_Dashboard .ProgressBar, .ProgressTracker_Dashboard_Overview .ProgressBar { margin-left: -15px; margin-right: -15px; } .ProgressTracker2 ul, .ProgressTracker_Dashboard ul, .ProgressTracker_Dashboard_Overview ul { margin: 0; padding: 0; } .ProgressTracker2 ul, .ProgressTracker2 li, .ProgressTracker_Dashboard ul, .ProgressTracker_Dashboard li, .ProgressTracker_Dashboard_Overview ul, .ProgressTracker_Dashboard_Overview li { list-style-type: none; } .ProgressTracker2 .count, .ProgressTracker_Dashboard .count, .ProgressTracker_Dashboard_Overview .count { font-weight: 600; display: block; line-height: 1; letter-spacing: -1px; } .ProgressTracker2 .label, .ProgressTracker_Dashboard .label, .ProgressTracker_Dashboard_Overview .label { line-height: 1.25; } .ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar, .ProgressTracker_Dashboard_Overview .ProgressBar { margin-top: 15px; margin-bottom: 15px; position: relative; background-color: rgba(0, 0, 0, 0.1); } .ProgressTracker2 .ProgressBar > span, .ProgressTracker_Dashboard .ProgressBar > span, .ProgressTracker_Dashboard_Overview .ProgressBar > span { display: block; height: 100%; background-color: #80d8b0; position: relative; overflow: hidden; } .ProgressTracker2 p, .ProgressTracker_Dashboard p, .ProgressTracker_Dashboard_Overview p { margin-bottom: 0; } .ProgressTracker_Dashboard .panel-heading.Distinguish { padding-bottom: 0; } .ProgressTracker_Dashboard .inset { display: block; padding-bottom: 15px; } .ProgressTracker2 .count, .ProgressTracker_Dashboard .count { font-size: 350%; } .ProgressTracker2 .ProgressBar, .ProgressTracker_Dashboard .ProgressBar { padding: 0; height: 18px; } .ProgressTracker_Dashboard_Overview .panel { /* default the overview PTs to the same height */ min-height: 11em; } .ProgressTracker_Dashboard_Overview .panel-heading.Distinguish { border-bottom-color: transparent; } .ProgressTracker_Dashboard_Overview .count { font-size: 4rem; } .ProgressTracker_Dashboard_Overview .ProgressBar { height: 5px; margin-bottom: 5px; } .ProgressTrackerNumberGradient .count { background: linear-gradient(50deg, #003d4f 15%, #954a87 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-weight: 500; font-size: 5.5rem; } .StaffDashboard h2, .StaffDashboard .panel-heading.Distinguish, .StaffDashboard .PanelHead.Distinguish, .StaffDashboard .TitleBarCaption { border-bottom-color: transparent; } .StaffDashboard h2.Collapsible, .StaffDashboard .panel-heading.Distinguish.Collapsible, .StaffDashboard .PanelHead.Distinguish.Collapsible, .StaffDashboard .TitleBarCaption.Collapsible { border-bottom-color: #ddd; } .CampaignDashboard .panel { padding-top: 15px; } .CampaignDashboard .GridCardStyle, .CampaignDashboard .RadGrid.RadGrid, .CampaignDashboard .panel-border { margin-bottom: 0.9em; } /* Alt background colors ========================================================================== */ .AltBgColor1 { background-color: #fff; padding: 15px; } .AltBgColor2 > .panel { background-color: #413d6b; } a:hover .AltBgColor2 > .panel, a:active .AltBgColor2 > .panel, a:focus .AltBgColor2 > .panel { background-color: #3b3761; } .AltBgColor2 > .panel.panel-border { border-color: #37345b; } .AltBgColor2 > .panel, .AltBgColor2 > .panel h2 { color: #fff; } .AltBgColor2 > .panel a, .AltBgColor2 > .panel a:hover, .AltBgColor2 > .panel a:active, .AltBgColor2 > .panel a:focus, .AltBgColor2 > .panel a:visited { color: #fff; text-decoration: underline; } .AltBgColor2 > .panel .ProgressBar > span { background-color: #fff; } .AltBgColor3 > .panel { background-color: #6b458f; } a:hover .AltBgColor3 > .panel, a:active .AltBgColor3 > .panel, a:focus .AltBgColor3 > .panel { background-color: #634085; } .AltBgColor3 > .panel.panel-border { border-color: #5e3d7e; } .AltBgColor3 > .panel, .AltBgColor3 > .panel h2 { color: #fff; } .AltBgColor3 > .panel a, .AltBgColor3 > .panel a:hover, .AltBgColor3 > .panel a:active, .AltBgColor3 > .panel a:focus, .AltBgColor3 > .panel a:visited { color: #fff; text-decoration: underline; } .AltBgColor3 > .panel .ProgressBar > span { background-color: #fff; } .AltBgColor4 > .panel { background-color: #9b4c81; } a:hover .AltBgColor4 > .panel, a:active .AltBgColor4 > .panel, a:focus .AltBgColor4 > .panel { background-color: #914778; } .AltBgColor4 > .panel.panel-border { border-color: #8a4473; } .AltBgColor4 > .panel, .AltBgColor4 > .panel h2 { color: #fff; } .AltBgColor4 > .panel a, .AltBgColor4 > .panel a:hover, .AltBgColor4 > .panel a:active, .AltBgColor4 > .panel a:focus, .AltBgColor4 > .panel a:visited { color: #fff; text-decoration: underline; } .AltBgColor4 > .panel .ProgressBar > span { background-color: #fff; } .AltBgColor5 > .panel { background-color: #ca4d48; } a:hover .AltBgColor5 > .panel, a:active .AltBgColor5 > .panel, a:focus .AltBgColor5 > .panel { background-color: #c7413c; } .AltBgColor5 > .panel.panel-border { border-color: #c13d38; } .AltBgColor5 > .panel, .AltBgColor5 > .panel h2 { color: #fff; } .AltBgColor5 > .panel a, .AltBgColor5 > .panel a:hover, .AltBgColor5 > .panel a:active, .AltBgColor5 > .panel a:focus, .AltBgColor5 > .panel a:visited { color: #fff; text-decoration: underline; } .AltBgColor5 > .panel .ProgressBar > span { background-color: #fff; } .AltBgColorred > .panel { background-color: #d03528; } a:hover .AltBgColorred > .panel, a:active .AltBgColorred > .panel, a:focus .AltBgColorred > .panel { background-color: #c33226; } .AltBgColorred > .panel.panel-border { border-color: #bb3024; } .AltBgColorred > .panel, .AltBgColorred > .panel h2 { color: #fff; } .AltBgColorred > .panel a, .AltBgColorred > .panel a:hover, .AltBgColorred > .panel a:active, .AltBgColorred > .panel a:focus, .AltBgColorred > .panel a:visited { color: #fff; text-decoration: underline; } .AltBgColorred > .panel .ProgressBar > span { background-color: #fff; } .AltBgColororange > .panel { background-color: #e98300; } a:hover .AltBgColororange > .panel, a:active .AltBgColororange > .panel, a:focus .AltBgColororange > .panel { background-color: #da7a00; } .AltBgColororange > .panel.panel-border { border-color: #d07500; } .AltBgColororange > .panel, .AltBgColororange > .panel h2 { color: #000; } .AltBgColororange > .panel a, .AltBgColororange > .panel a:hover, .AltBgColororange > .panel a:active, .AltBgColororange > .panel a:focus, .AltBgColororange > .panel a:visited { color: #000; text-decoration: underline; } .AltBgColororange > .panel .ProgressBar > span { background-color: #000; } .AltBgColoryellow > .panel { background-color: #e8d92d; } a:hover .AltBgColoryellow > .panel, a:active .AltBgColoryellow > .panel, a:focus .AltBgColoryellow > .panel { background-color: #e6d71f; } .AltBgColoryellow > .panel.panel-border { border-color: #e3d219; } .AltBgColoryellow > .panel, .AltBgColoryellow > .panel h2 { color: #000; } .AltBgColoryellow > .panel a, .AltBgColoryellow > .panel a:hover, .AltBgColoryellow > .panel a:active, .AltBgColoryellow > .panel a:focus, .AltBgColoryellow > .panel a:visited { color: #000; text-decoration: underline; } .AltBgColoryellow > .panel .ProgressBar > span { background-color: #000; } .AltBgColorgreen > .panel { background-color: #68bd49; } a:hover .AltBgColorgreen > .panel, a:active .AltBgColorgreen > .panel, a:focus .AltBgColorgreen > .panel { background-color: #60b542; } .AltBgColorgreen > .panel.panel-border { border-color: #5dae3f; } .AltBgColorgreen > .panel, .AltBgColorgreen > .panel h2 { color: #000; } .AltBgColorgreen > .panel a, .AltBgColorgreen > .panel a:hover, .AltBgColorgreen > .panel a:active, .AltBgColorgreen > .panel a:focus, .AltBgColorgreen > .panel a:visited { color: #000; text-decoration: underline; } .AltBgColorgreen > .panel .ProgressBar > span { background-color: #000; } .AltBgColorblue > .panel { background-color: #00a9e0; } a:hover .AltBgColorblue > .panel, a:active .AltBgColorblue > .panel, a:focus .AltBgColorblue > .panel { background-color: #009dd1; } .AltBgColorblue > .panel.panel-border { border-color: #0096c7; } .AltBgColorblue > .panel, .AltBgColorblue > .panel h2 { color: #000; } .AltBgColorblue > .panel a, .AltBgColorblue > .panel a:hover, .AltBgColorblue > .panel a:active, .AltBgColorblue > .panel a:focus, .AltBgColorblue > .panel a:visited { color: #000; text-decoration: underline; } .AltBgColorblue > .panel .ProgressBar > span { background-color: #000; } .AltBgColorpurple > .panel { background-color: #413d6b; } a:hover .AltBgColorpurple > .panel, a:active .AltBgColorpurple > .panel, a:focus .AltBgColorpurple > .panel { background-color: #3b3761; } .AltBgColorpurple > .panel.panel-border { border-color: #37345b; } .AltBgColorpurple > .panel, .AltBgColorpurple > .panel h2 { color: #fff; } .AltBgColorpurple > .panel a, .AltBgColorpurple > .panel a:hover, .AltBgColorpurple > .panel a:active, .AltBgColorpurple > .panel a:focus, .AltBgColorpurple > .panel a:visited { color: #fff; text-decoration: underline; } .AltBgColorpurple > .panel .ProgressBar > span { background-color: #fff; } #formio { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.428571429; color: #333; background-color: #fff; padding: 20px; } #formio:before { display: block; content: "Thank you for waiting while your form loads, it should just be a minute..."; position: absolute; top: 30px; margin: 0 auto; width: 100%; text-align: center; font-size: 18px; font-weight: bold; font-style: italic; } #formio > div:first-of-type { background-color: white; } #formio .col { margin-right: 0px; } #formio a { color: #253451; text-decoration: none; } #formio a:hover,#formio a:focus { color: #23527c; text-decoration: underline; } #formio a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #formio article,#formio aside,#formio details,#formio figcaption,#formio figure,#formio footer,#formio header,#formio hgroup,#formio main,#formio menu,#formio nav,#formio section,#formio summary { display: block; } #formio audio,#formio canvas,#formio progress,#formio video { display: inline-block; vertical-align: baseline; } #formio audio:not([controls]) { display: none; height: 0; } #formio [hidden],#formio template { display: none; } #formio a { background-color: transparent; } #formio a:active,#formio a:hover { outline: 0; } #formio abbr[title] { border-bottom: 1px dotted; } #formio b,#formio strong { font-weight: bold; } #formio dfn { font-style: italic; } #formio mark { background: #ff0; color: #000; } #formio small { font-size: 80%; } #formio sub,#formio sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } #formio sup { top: -0.5em; } #formio sub { bottom: -0.25em; } #formio img { border: 0; } #formio svg:not(:root) { overflow: hidden; } #formio figure { margin: 1em 40px; } #formio hr { box-sizing: content-box; height: 0; margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee; } #formio pre { overflow: auto; } #formio code,#formio kbd,#formio pre,#formio samp { font-family: monospace, monospace; font-size: 1em; } #formio .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } #formio .sr-only-focusable:active,#formio .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } #formio h1,#formio h2,#formio h3,#formio h4,#formio h5,#formio h6,#formio .h1,#formio .h2,#formio .h3,#formio .h4,#formio .h5,#formio .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } #formio h1 small,#formio h1 .small,#formio h2 small,#formio h2 .small,#formio h3 small,#formio h3 .small,#formio h4 small,#formio h4 .small,#formio h5 small,#formio h5 .small,#formio h6 small,#formio h6 .small,#formio .h1 small,#formio .h1 .small,#formio .h2 small,#formio .h2 .small,#formio .h3 small,#formio .h3 .small,#formio .h4 small,#formio .h4 .small,#formio .h5 small,#formio .h5 .small,#formio .h6 small,#formio .h6 .small { font-weight: normal; line-height: 1; color: #777; } #formio h1,#formio .h1,#formio h2,#formio .h2,#formio h3,#formio .h3 { margin-top: 20px; margin-bottom: 10px; } #formio h1 small,#formio h1 .small,#formio .h1 small,#formio .h1 .small,#formio h2 small,#formio h2 .small,#formio .h2 small,#formio .h2 .small,#formio h3 small,#formio h3 .small,#formio .h3 small,#formio .h3 .small { font-size: 65%; } #formio h4,#formio .h4,#formio h5,#formio .h5,#formio h6,#formio .h6 { margin-top: 10px; margin-bottom: 10px; } #formio h4 small,#formio h4 .small,#formio .h4 small,#formio .h4 .small,#formio h5 small,#formio h5 .small,#formio .h5 small,#formio .h5 .small,#formio h6 small,#formio h6 .small,#formio .h6 small,#formio .h6 .small { font-size: 75%; } #formio h1,#formio .h1 { font-size: 36px; } #formio h2,#formio .h2 { font-size: 30px; } #formio h3,#formio .h3 { font-size: 24px; } #formio h4,#formio .h4 { font-size: 18px; } #formio h5,#formio .h5 { font-size: 14px; } #formio h6,#formio .h6 { font-size: 12px; } #formio p { margin: 0 0 10px; } #formio .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } #formio small,#formio .small { font-size: 85%; } #formio mark,#formio .mark { background-color: #fcf8e3; padding: 0.2em; } #formio .text-left { text-align: left; } #formio .text-right { text-align: right; } #formio .text-center { text-align: center; } #formio .text-justify { text-align: justify; } #formio .text-nowrap { white-space: nowrap; } #formio .text-lowercase { text-transform: lowercase; } #formio .text-uppercase,#formio .initialism { text-transform: uppercase; } #formio .text-capitalize { text-transform: capitalize; } #formio .text-muted { color: #777; } #formio .text-primary { color: #253451; } #formio a.text-primary:hover,#formio a.text-primary:focus { color: #286090; } #formio .text-success { color: #3c763d; } #formio a.text-success:hover,#formio a.text-success:focus { color: #2b542c; } #formio .text-info { color: #31708f; } #formio a.text-info:hover,#formio a.text-info:focus { color: #245269; } #formio .text-warning { color: #8a6d3b; } #formio a.text-warning:hover,#formio a.text-warning:focus { color: #66512c; } #formio .text-danger { color: #a94442; } #formio a.text-danger:hover,#formio a.text-danger:focus { color: #843534; } #formio ul,#formio ol { margin-top: 0; margin-bottom: 10px; } #formio ul ul,#formio ul ol,#formio ol ul,#formio ol ol { margin-bottom: 0; } #formio .list-unstyled { padding-left: 0; list-style: none; } #formio .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } #formio .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } #formio dl { margin-top: 0; margin-bottom: 20px; } #formio dt,#formio dd { line-height: 1.428571429; } #formio dt { font-weight: bold; } #formio dd { margin-left: 0; } #formio .dl-horizontal dd:before,#formio .dl-horizontal dd:after { content: " "; display: table; } #formio .dl-horizontal dd:after { clear: both; } #formio abbr[title],#formio abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777; } #formio .initialism { font-size: 90%; } #formio blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee; } #formio blockquote p:last-child,#formio blockquote ul:last-child,#formio blockquote ol:last-child { margin-bottom: 0; } #formio blockquote footer,#formio blockquote small,#formio blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #777; } #formio blockquote footer:before,#formio blockquote small:before,#formio blockquote .small:before { content: "—  "; } #formio .blockquote-reverse,#formio blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0; text-align: right; } #formio .blockquote-reverse footer:before,#formio .blockquote-reverse small:before,#formio .blockquote-reverse .small:before,#formio blockquote.pull-right footer:before,#formio blockquote.pull-right small:before,#formio blockquote.pull-right .small:before { content: ""; } #formio .blockquote-reverse footer:after,#formio .blockquote-reverse small:after,#formio .blockquote-reverse .small:after,#formio blockquote.pull-right footer:after,#formio blockquote.pull-right small:after,#formio blockquote.pull-right .small:after { content: "  —"; } #formio address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } #formio code,#formio kbd,#formio pre,#formio samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } #formio code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } #formio kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } #formio kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } #formio pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; word-break: break-all; word-wrap: break-word; color: #333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } #formio pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } #formio .pre-scrollable { max-height: 340px; overflow-y: scroll; } #formio caption { padding-top: 8px; padding-bottom: 8px; color: #777; text-align: left; } #formio img { vertical-align: middle; } #formio .img-responsive { display: block; max-width: 100%; height: auto; } #formio .img-rounded { border-radius: 6px; } #formio .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } #formio .img-circle { border-radius: 50%; } #formio .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: border 0.2s ease-in-out; } #formio .thumbnail > img,#formio .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } #formio .thumbnail .caption { padding: 9px; color: #333; } #formio a.thumbnail:hover,#formio a.thumbnail:focus,#formio a.thumbnail.active { border-color: #253451; } #formio label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } #formio .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } #formio .label:empty { display: none; } #formio .btn .label { position: relative; top: -1px; } #formio a.label:hover,#formio a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } #formio .label-default { background-color: #777; } #formio .label-default[href]:hover,#formio .label-default[href]:focus { background-color: #5e5e5e; } #formio .label-primary { background-color: #253451; } #formio .label-primary[href]:hover,#formio .label-primary[href]:focus { background-color: #286090; } #formio .label-success { background-color: #5cb85c; } #formio .label-success[href]:hover,#formio .label-success[href]:focus { background-color: #449d44; } #formio .label-info { background-color: #5bc0de; } #formio .label-info[href]:hover,#formio .label-info[href]:focus { background-color: #31b0d5; } #formio .label-warning { background-color: #f0ad4e; } #formio .label-warning[href]:hover,#formio .label-warning[href]:focus { background-color: #ec971f; } #formio .label-danger { background-color: #d9534f; } #formio .label-danger[href]:hover,#formio .label-danger[href]:focus { background-color: #c9302c; } #formio .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777; border-radius: 10px; } #formio .badge:empty { display: none; } #formio .btn .badge { position: relative; top: -1px; } #formio .btn-xs .badge,#formio .btn-group-xs > .btn .badge,#formio .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } #formio .list-group-item.active > .badge,#formio .nav-pills > .active > a > .badge { color: #253451; background-color: #fff; } #formio .list-group-item > .badge { float: right; } #formio .list-group-item > .badge + .badge { margin-right: 5px; } #formio .nav-pills > li > a > .badge { margin-left: 3px; } #formio a.badge:hover,#formio a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } #formio button,#formio input,#formio optgroup,#formio select,#formio textarea { color: inherit; font-family: inherit; font-size: inherit; line-height: inherit; margin: 0; } #formio button { overflow: visible; } #formio button,#formio select { text-transform: none; } #formio button,#formio html input[type="button"],#formio input[type="reset"],#formio input[type="submit"] { -webkit-appearance: button; cursor: pointer; } #formio button[disabled],#formio html input[disabled] { cursor: default; } #formio button::-moz-focus-inner,#formio input::-moz-focus-inner { border: 0; padding: 0; } #formio input { line-height: normal; } #formio input[type="checkbox"],#formio input[type="radio"] { box-sizing: border-box; padding: 0; margin: 4px 0 0; margin-top: 1px \9; line-height: normal; } #formio .radio,#formio .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } #formio .radio label,#formio .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } #formio .radio input[type="radio"],#formio .radio-inline input[type="radio"],#formio .checkbox input[type="checkbox"],#formio .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } #formio .radio + .radio,#formio .checkbox + .checkbox { margin-top: -5px; } #formio .radio-inline,#formio .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; word-wrap: normal; } #formio .radio-inline + .radio-inline,#formio .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } #formio input[type="radio"][disabled],#formio input[type="radio"].disabled,#formio fieldset[disabled] input[type="radio"],#formio input[type="checkbox"][disabled],#formio input[type="checkbox"].disabled,#formio fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } #formio .radio-inline.disabled,#formio fieldset[disabled] .radio-inline,#formio .checkbox-inline.disabled,#formio fieldset[disabled] .checkbox-inline { cursor: not-allowed; } #formio .radio.disabled label,#formio fieldset[disabled] .radio label,#formio .checkbox.disabled label,#formio fieldset[disabled] .checkbox label { cursor: not-allowed; } #formio input[type="file"]:focus,#formio input[type="radio"]:focus,#formio input[type="checkbox"]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #formio input[type="number"]::-webkit-inner-spin-button,#formio input[type="number"]::-webkit-outer-spin-button { height: auto; } #formio input[type="search"] { box-sizing: border-box; -webkit-appearance: none; } #formio input[type="search"]::-webkit-search-cancel-button,#formio input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } #formio input[type="file"] { display: block; } #formio input[type="range"] { display: block; width: 100%; } #formio select[multiple],#formio select[size] { height: auto; } #formio .choices .form-control { font-size: 14px; padding: 4px 6px; line-height: 24px; } #formio [role="button"] { cursor: pointer; } #formio .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; user-select: none; } #formio .btn:focus,#formio .btn.focus,#formio .btn:active:focus,#formio .btn:active.focus,#formio .btn.active:focus,#formio .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } #formio .btn:hover,#formio .btn:focus,#formio .btn.focus { color: #333; text-decoration: none; } #formio .btn:active,#formio .btn.active { outline: 0; background-image: none; box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } #formio .btn.disabled,#formio .btn[disabled],#formio fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } #formio a.btn.disabled,#formio fieldset[disabled] a.btn { pointer-events: none; } #formio .btn-default { color: #333; background-color: #fff; border-color: #ccc; } #formio .btn-default:focus,#formio .btn-default.focus { color: #333; background-color: #e6e5e5; border-color: #8c8c8c; } #formio .btn-default:hover { color: #333; background-color: #e6e5e5; border-color: #adadad; } #formio .btn-default:active,#formio .btn-default.active,#formio .open > .btn-default.dropdown-toggle { color: #333; background-color: #e6e5e5; border-color: #adadad; } #formio .btn-default:active:hover,#formio .btn-default:active:focus,#formio .btn-default:active.focus,#formio .btn-default.active:hover,#formio .btn-default.active:focus,#formio .btn-default.active.focus,#formio .open > .btn-default.dropdown-toggle:hover,#formio .open > .btn-default.dropdown-toggle:focus,#formio .open > .btn-default.dropdown-toggle.focus { color: #333; background-color: #d4d4d4; border-color: #8c8c8c; } #formio .btn-default:active,#formio .btn-default.active,#formio .open > .btn-default.dropdown-toggle { background-image: none; } #formio .btn-default.disabled:hover,#formio .btn-default.disabled:focus,#formio .btn-default.disabled.focus,#formio .btn-default[disabled]:hover,#formio .btn-default[disabled]:focus,#formio .btn-default[disabled].focus,#formio fieldset[disabled] .btn-default:hover,#formio fieldset[disabled] .btn-default:focus,#formio fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } #formio .btn-default .badge { color: #fff; background-color: #333; } #formio .btn-primary { color: #fff; background-color: #006fba; border-color: #006fba; } #formio .btn-primary:focus,#formio .btn-primary.focus { color: #fff; background-color: #005791; border-color: #005791; } #formio .btn-primary:hover { color: #fff; background-color: #005791; border-color: #005791; } #formio .btn-primary:active,#formio .btn-primary.active,#formio .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #005791; border-color: #005791; } #formio .btn-primary:active:hover,#formio .btn-primary:active:focus,#formio .btn-primary:active.focus,#formio .btn-primary.active:hover,#formio .btn-primary.active:focus,#formio .btn-primary.active.focus,#formio .open > .btn-primary.dropdown-toggle:hover,#formio .open > .btn-primary.dropdown-toggle:focus,#formio .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #006fba; border-color: #006fba; } #formio .btn-primary:active,#formio .btn-primary.active,#formio .open > .btn-primary.dropdown-toggle { background-image: none; } #formio .btn-primary.disabled:hover,#formio .btn-primary.disabled:focus,#formio .btn-primary.disabled.focus,#formio .btn-primary[disabled]:hover,#formio .btn-primary[disabled]:focus,#formio .btn-primary[disabled].focus,#formio fieldset[disabled] .btn-primary:hover,#formio fieldset[disabled] .btn-primary:focus,#formio fieldset[disabled] .btn-primary.focus { background-color: #666; border-color: #666; } #formio .btn-primary .badge { color: #253451; background-color: #fff; } #formio .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } #formio .btn-success:focus,#formio .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } #formio .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } #formio .btn-success:active,#formio .btn-success.active,#formio .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; } #formio .btn-success:active:hover,#formio .btn-success:active:focus,#formio .btn-success:active.focus,#formio .btn-success.active:hover,#formio .btn-success.active:focus,#formio .btn-success.active.focus,#formio .open > .btn-success.dropdown-toggle:hover,#formio .open > .btn-success.dropdown-toggle:focus,#formio .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; } #formio .btn-success:active,#formio .btn-success.active,#formio .open > .btn-success.dropdown-toggle { background-image: none; } #formio .btn-success.disabled:hover,#formio .btn-success.disabled:focus,#formio .btn-success.disabled.focus,#formio .btn-success[disabled]:hover,#formio .btn-success[disabled]:focus,#formio .btn-success[disabled].focus,#formio fieldset[disabled] .btn-success:hover,#formio fieldset[disabled] .btn-success:focus,#formio fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } #formio .btn-success .badge { color: #5cb85c; background-color: #fff; } #formio .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } #formio .btn-info:focus,#formio .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } #formio .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } #formio .btn-info:active,#formio .btn-info.active,#formio .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; } #formio .btn-info:active:hover,#formio .btn-info:active:focus,#formio .btn-info:active.focus,#formio .btn-info.active:hover,#formio .btn-info.active:focus,#formio .btn-info.active.focus,#formio .open > .btn-info.dropdown-toggle:hover,#formio .open > .btn-info.dropdown-toggle:focus,#formio .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } #formio .btn-info:active,#formio .btn-info.active,#formio .open > .btn-info.dropdown-toggle { background-image: none; } #formio .btn-info.disabled:hover,#formio .btn-info.disabled:focus,#formio .btn-info.disabled.focus,#formio .btn-info[disabled]:hover,#formio .btn-info[disabled]:focus,#formio .btn-info[disabled].focus,#formio fieldset[disabled] .btn-info:hover,#formio fieldset[disabled] .btn-info:focus,#formio fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } #formio .btn-info .badge { color: #5bc0de; background-color: #fff; } #formio .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } #formio .btn-warning:focus,#formio .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } #formio .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } #formio .btn-warning:active,#formio .btn-warning.active,#formio .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; } #formio .btn-warning:active:hover,#formio .btn-warning:active:focus,#formio .btn-warning:active.focus,#formio .btn-warning.active:hover,#formio .btn-warning.active:focus,#formio .btn-warning.active.focus,#formio .open > .btn-warning.dropdown-toggle:hover,#formio .open > .btn-warning.dropdown-toggle:focus,#formio .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } #formio .btn-warning:active,#formio .btn-warning.active,#formio .open > .btn-warning.dropdown-toggle { background-image: none; } #formio .btn-warning.disabled:hover,#formio .btn-warning.disabled:focus,#formio .btn-warning.disabled.focus,#formio .btn-warning[disabled]:hover,#formio .btn-warning[disabled]:focus,#formio .btn-warning[disabled].focus,#formio fieldset[disabled] .btn-warning:hover,#formio fieldset[disabled] .btn-warning:focus,#formio fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } #formio .btn-warning .badge { color: #f0ad4e; background-color: #fff; } #formio .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } #formio .btn-danger:focus,#formio .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } #formio .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } #formio .btn-danger:active,#formio .btn-danger.active,#formio .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; } #formio .btn-danger:active:hover,#formio .btn-danger:active:focus,#formio .btn-danger:active.focus,#formio .btn-danger.active:hover,#formio .btn-danger.active:focus,#formio .btn-danger.active.focus,#formio .open > .btn-danger.dropdown-toggle:hover,#formio .open > .btn-danger.dropdown-toggle:focus,#formio .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } #formio .btn-danger:active,#formio .btn-danger.active,#formio .open > .btn-danger.dropdown-toggle { background-image: none; } #formio .btn-danger.disabled:hover,#formio .btn-danger.disabled:focus,#formio .btn-danger.disabled.focus,#formio .btn-danger[disabled]:hover,#formio .btn-danger[disabled]:focus,#formio .btn-danger[disabled].focus,#formio fieldset[disabled] .btn-danger:hover,#formio fieldset[disabled] .btn-danger:focus,#formio fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } #formio .btn-danger .badge { color: #d9534f; background-color: #fff; } #formio .btn-link { color: #253451; font-weight: normal; border-radius: 0; } #formio .btn-link,#formio .btn-link:active,#formio .btn-link.active,#formio .btn-link[disabled],#formio fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } #formio .btn-link,#formio .btn-link:hover,#formio .btn-link:focus,#formio .btn-link:active { border-color: transparent; } #formio .btn-link:hover,#formio .btn-link:focus { color: #23527c; text-decoration: underline; background-color: transparent; } #formio .btn-link[disabled]:hover,#formio .btn-link[disabled]:focus,#formio fieldset[disabled] .btn-link:hover,#formio fieldset[disabled] .btn-link:focus { color: #777; text-decoration: none; } #formio .btn-lg,#formio .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } #formio .btn-sm,#formio .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } #formio .btn-xs,#formio .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } #formio .btn-block { display: block; width: 100%; } #formio .btn-block + .btn-block { margin-top: 5px; } #formio input[type="submit"].btn-block,#formio input[type="reset"].btn-block,#formio input[type="button"].btn-block { width: 100%; } #formio .btn-group,#formio .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } #formio .btn-group > .btn,#formio .btn-group-vertical > .btn { position: relative; float: left; } #formio .btn-group > .btn:hover,#formio .btn-group > .btn:focus,#formio .btn-group > .btn:active,#formio .btn-group > .btn.active,#formio .btn-group-vertical > .btn:hover,#formio .btn-group-vertical > .btn:focus,#formio .btn-group-vertical > .btn:active,#formio .btn-group-vertical > .btn.active { z-index: 2; } #formio .btn-group .btn + .btn,#formio .btn-group .btn + .btn-group,#formio .btn-group .btn-group + .btn,#formio .btn-group .btn-group + .btn-group { margin-left: -1px; } #formio .btn-toolbar { margin-left: -5px; } #formio .btn-toolbar:before,#formio .btn-toolbar:after { content: " "; display: table; } #formio .btn-toolbar:after { clear: both; } #formio .btn-toolbar .btn,#formio .btn-toolbar .btn-group,#formio .btn-toolbar .input-group { float: left; } #formio .btn-toolbar > .btn,#formio .btn-toolbar > .btn-group,#formio .btn-toolbar > .input-group { margin-left: 5px; } #formio.btn-group> .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } #formio .btn-group > .btn:first-child { margin-left: 0; } #formio .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } #formio .btn-group > .btn:last-child:not(:first-child),#formio .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } #formio .btn-group > .btn-group { float: left; } #formio .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } #formio.btn-group> .btn-group:first-child:not(:last-child)> .btn:last-child,#formio.btn-group> .btn-group:first-child:not(:last-child)> .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } #formio.btn-group> .btn-group:last-child:not(:first-child)> .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } #formio .btn-group .dropdown-toggle:active,#formio .btn-group.open .dropdown-toggle { outline: 0; } #formio .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } #formio .btn-group > .btn-lg + .dropdown-toggle,#formio .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } #formio .btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } #formio .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } #formio .btn .caret { margin-left: 0; } #formio .btn-lg .caret,#formio .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } #formio .dropup .btn-lg .caret,#formio .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } #formio .btn-group-vertical > .btn,#formio .btn-group-vertical > .btn-group,#formio .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } #formio .btn-group-vertical > .btn-group:before,#formio .btn-group-vertical > .btn-group:after { content: " "; display: table; } #formio .btn-group-vertical > .btn-group:after { clear: both; } #formio .btn-group-vertical > .btn-group > .btn { float: none; } #formio .btn-group-vertical > .btn + .btn,#formio .btn-group-vertical > .btn + .btn-group,#formio .btn-group-vertical > .btn-group + .btn,#formio .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } #formio .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } #formio .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #formio .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #formio.btn-group-vertical> .btn-group:not(:first-child):not(:last-child)> .btn { border-radius: 0; } #formio.btn-group-vertical> .btn-group:first-child:not(:last-child)> .btn:last-child,#formio.btn-group-vertical> .btn-group:first-child:not(:last-child)> .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } #formio.btn-group-vertical> .btn-group:last-child:not(:first-child)> .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } #formio .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } #formio .btn-group-justified > .btn,#formio .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } #formio .btn-group-justified > .btn-group .btn { width: 100%; } #formio .btn-group-justified > .btn-group .dropdown-menu { left: auto; } #formio [data-toggle="buttons"] > .btn input[type="radio"],#formio [data-toggle="buttons"] > .btn input[type="checkbox"],#formio [data-toggle="buttons"] > .btn-group > .btn input[type="radio"],#formio [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } #formio fieldset { border: 1px solid silver; margin: 0 2px; padding: 0.35em 0.625em 0.75em; min-width: 0; } #formio legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; } #formio textarea { overflow: auto; } #formio optgroup { font-weight: bold; } #formio output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555; } #formio .form-control { width: 100%; height: 34px; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s; } #formio .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),0 0 8px rgba(102, 175, 233, 0.6); } #formio .form-control::-moz-placeholder { color: #999; opacity: 1; } #formio .form-control:-ms-input-placeholder { color: #999; } #formio .form-control::-webkit-input-placeholder { color: #999; } #formio .form-control::-ms-expand { border: 0; background-color: transparent; } #formio .form-control[disabled],#formio .form-control[readonly],#formio fieldset[disabled] .form-control { background-color: #eee; opacity: 1; } #formio .form-control[disabled],#formio fieldset[disabled] .form-control { cursor: not-allowed; } #formio textarea.form-control { height: auto; } #formio .form-group { margin-bottom: 15px; } #formio .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } #formio .form-control-static.input-lg,#formio .input-group-lg > .form-control-static.form-control,#formio .input-group-lg > .form-control-static.input-group-addon,#formio .input-group-lg > .input-group-btn > .form-control-static.btn,#formio .form-control-static.input-sm,#formio .input-group-sm > .form-control-static.form-control,#formio .input-group-sm > .form-control-static.input-group-addon,#formio .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } #formio .input-sm,#formio .input-group-sm > .form-control,#formio .input-group-sm > .input-group-addon,#formio .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } #formio select.input-sm,#formio .input-group-sm > select.form-control,#formio .input-group-sm > select.input-group-addon,#formio .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } #formio textarea.input-sm,#formio .input-group-sm > textarea.form-control,#formio .input-group-sm > textarea.input-group-addon,#formio .input-group-sm > .input-group-btn > textarea.btn,#formio select[multiple].input-sm,#formio .input-group-sm > select.form-control[multiple],#formio .input-group-sm > select.input-group-addon[multiple],#formio .input-group-sm > .input-group-btn > select.btn[multiple] { height: auto; } #formio .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } #formio .form-group-sm select.form-control { height: 30px; line-height: 30px; } #formio .form-group-sm textarea.form-control,#formio .form-group-sm select[multiple].form-control { height: auto; } #formio .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } #formio .input-lg,#formio .input-group-lg > .form-control,#formio .input-group-lg > .input-group-addon,#formio .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } #formio select.input-lg,#formio .input-group-lg > select.form-control,#formio .input-group-lg > select.input-group-addon,#formio .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } #formio textarea.input-lg,#formio .input-group-lg > textarea.form-control,#formio .input-group-lg > textarea.input-group-addon,#formio .input-group-lg > .input-group-btn > textarea.btn,#formio select[multiple].input-lg,#formio .input-group-lg > select.form-control[multiple],#formio .input-group-lg > select.input-group-addon[multiple],#formio .input-group-lg > .input-group-btn > select.btn[multiple] { height: auto; } #formio .input-group { position: relative; display: table; border-collapse: separate; } #formio .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } #formio .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } #formio .input-group .form-control:focus { z-index: 3; } #formio .input-group-addon,#formio .input-group-btn,#formio .input-group .form-control { display: table-cell; } #formio .input-group-addon:not(:first-child):not(:last-child),#formio .input-group-btn:not(:first-child):not(:last-child),#formio .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } #formio .input-group-addon,#formio .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } #formio .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555; text-align: center; background-color: #eee; border: 1px solid #ccc; border-radius: 4px; } #formio .input-group-addon.input-sm,#formio .input-group-sm > .input-group-addon,#formio .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } #formio .input-group-addon.input-lg,#formio .input-group-lg > .input-group-addon,#formio .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } #formio .input-group-addon input[type="radio"],#formio .input-group-addon input[type="checkbox"] { margin-top: 0; } #formio .input-group .form-control:first-child,#formio .input-group-addon:first-child,#formio .input-group-btn:first-child > .btn,#formio .input-group-btn:first-child > .btn-group > .btn,#formio .input-group-btn:first-child > .dropdown-toggle,#formio.input-group-btn:last-child> .btn:not(:last-child):not(.dropdown-toggle),#formio .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } #formio .input-group-addon:first-child { border-right: 0; } #formio .input-group .form-control:last-child,#formio .input-group-addon:last-child,#formio .input-group-btn:last-child > .btn,#formio .input-group-btn:last-child > .btn-group > .btn,#formio .input-group-btn:last-child > .dropdown-toggle,#formio .input-group-btn:first-child > .btn:not(:first-child),#formio .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } #formio .input-group-addon:last-child { border-left: 0; } #formio .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } #formio .input-group-btn > .btn { position: relative; } #formio .input-group-btn > .btn + .btn { margin-left: -1px; } #formio .input-group-btn > .btn:hover,#formio .input-group-btn > .btn:focus,#formio .input-group-btn > .btn:active { z-index: 2; } #formio .input-group-btn:first-child > .btn,#formio .input-group-btn:first-child > .btn-group { margin-right: -1px; } #formio .input-group-btn:last-child > .btn,#formio .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } #formio .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } #formio .form-group-lg select.form-control { height: 46px; line-height: 46px; } #formio .form-group-lg textarea.form-control,#formio .form-group-lg select[multiple].form-control { height: auto; } #formio .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } #formio .has-feedback { position: relative; } #formio .has-feedback .form-control { padding-right: 42.5px; } #formio .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } #formio .input-lg + .form-control-feedback,#formio .input-group-lg > .form-control + .form-control-feedback,#formio .input-group-lg > .input-group-addon + .form-control-feedback,#formio .input-group-lg > .input-group-btn > .btn + .form-control-feedback,#formio .input-group-lg + .form-control-feedback,#formio .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } #formio .input-sm + .form-control-feedback,#formio .input-group-sm > .form-control + .form-control-feedback,#formio .input-group-sm > .input-group-addon + .form-control-feedback,#formio .input-group-sm > .input-group-btn > .btn + .form-control-feedback,#formio .input-group-sm + .form-control-feedback,#formio .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } #formio .has-success .help-block,#formio .has-success .control-label,#formio .has-success .radio,#formio .has-success .checkbox,#formio .has-success .radio-inline,#formio .has-success .checkbox-inline,#formio .has-success.radio label,#formio .has-success.checkbox label,#formio .has-success.radio-inline label,#formio .has-success.checkbox-inline label { color: #3c763d; } #formio .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } #formio .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } #formio .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } #formio .has-success .form-control-feedback { color: #3c763d; } #formio .has-warning .help-block,#formio .has-warning .control-label,#formio .has-warning .radio,#formio .has-warning .checkbox,#formio .has-warning .radio-inline,#formio .has-warning .checkbox-inline,#formio .has-warning.radio label,#formio .has-warning.checkbox label,#formio .has-warning.radio-inline label,#formio .has-warning.checkbox-inline label { color: #8a6d3b; } #formio .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } #formio .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } #formio .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } #formio .has-warning .form-control-feedback { color: #8a6d3b; } #formio .has-error .help-block,#formio .has-error .control-label,#formio .has-error .radio,#formio .has-error .checkbox,#formio .has-error .radio-inline,#formio .has-error .checkbox-inline,#formio .has-error.radio label,#formio .has-error.checkbox label,#formio .has-error.radio-inline label,#formio .has-error.checkbox-inline label { color: #a94442; } #formio .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } #formio .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } #formio .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } #formio .has-error .form-control-feedback { color: #a94442; } #formio .has-feedback label ~ .form-control-feedback { top: 25px; } #formio .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } #formio .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } #formio .form-horizontal .radio,#formio .form-horizontal .checkbox,#formio .form-horizontal .radio-inline,#formio .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } #formio .form-horizontal .radio,#formio .form-horizontal .checkbox { min-height: 27px; } #formio .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } #formio .form-horizontal .form-group:before,#formio .form-horizontal .form-group:after { content: " "; display: table; } #formio .form-horizontal .form-group:after { clear: both; } #formio .form-horizontal .has-feedback .form-control-feedback { right: 15px; } #formio table { border-collapse: collapse; border-spacing: 0; background-color: transparent; } #formio td,#formio th { padding: 0; } #formio th { text-align: left; } #formio .table { width: 100%; max-width: 100%; margin-bottom: 20px; } #formio .table > thead > tr > th,#formio .table > thead > tr > td,#formio .table > tbody > tr > th,#formio .table > tbody > tr > td,#formio .table > tfoot > tr > th,#formio .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } #formio .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } #formio .table > caption + thead > tr:first-child > th,#formio .table > caption + thead > tr:first-child > td,#formio .table > colgroup + thead > tr:first-child > th,#formio .table > colgroup + thead > tr:first-child > td,#formio .table > thead:first-child > tr:first-child > th,#formio .table > thead:first-child > tr:first-child > td { border-top: 0; } #formio .table > tbody + tbody { border-top: 2px solid #ddd; } #formio .table .table { background-color: #fff; } #formio .table-condensed > thead > tr > th,#formio .table-condensed > thead > tr > td,#formio .table-condensed > tbody > tr > th,#formio .table-condensed > tbody > tr > td,#formio .table-condensed > tfoot > tr > th,#formio .table-condensed > tfoot > tr > td { padding: 5px; } #formio .table-bordered { border: 1px solid #ddd; } #formio .table-bordered > thead > tr > th,#formio .table-bordered > thead > tr > td,#formio .table-bordered > tbody > tr > th,#formio .table-bordered > tbody > tr > td,#formio .table-bordered > tfoot > tr > th,#formio .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } #formio .table-bordered > thead > tr > th,#formio .table-bordered > thead > tr > td { border-bottom-width: 2px; } #formio .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } #formio .table-hover > tbody > tr:hover { background-color: #f5f5f5; } #formio table col[class*="col-"] { position: static; float: none; display: table-column; } #formio table td[class*="col-"],#formio table th[class*="col-"] { position: static; float: none; display: table-cell; } #formio .table > thead > tr > td.active,#formio .table > thead > tr > th.active,#formio .table > thead > tr.active > td,#formio .table > thead > tr.active > th,#formio .table > tbody > tr > td.active,#formio .table > tbody > tr > th.active,#formio .table > tbody > tr.active > td,#formio .table > tbody > tr.active > th,#formio .table > tfoot > tr > td.active,#formio .table > tfoot > tr > th.active,#formio .table > tfoot > tr.active > td,#formio .table > tfoot > tr.active > th { background-color: #f5f5f5; } #formio .table-hover > tbody > tr > td.active:hover,#formio .table-hover > tbody > tr > th.active:hover,#formio .table-hover > tbody > tr.active:hover > td,#formio .table-hover > tbody > tr:hover > .active,#formio .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } #formio .table > thead > tr > td.success,#formio .table > thead > tr > th.success,#formio .table > thead > tr.success > td,#formio .table > thead > tr.success > th,#formio .table > tbody > tr > td.success,#formio .table > tbody > tr > th.success,#formio .table > tbody > tr.success > td,#formio .table > tbody > tr.success > th,#formio .table > tfoot > tr > td.success,#formio .table > tfoot > tr > th.success,#formio .table > tfoot > tr.success > td,#formio .table > tfoot > tr.success > th { background-color: #dff0d8; } #formio .table-hover > tbody > tr > td.success:hover,#formio .table-hover > tbody > tr > th.success:hover,#formio .table-hover > tbody > tr.success:hover > td,#formio .table-hover > tbody > tr:hover > .success,#formio .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } #formio .table > thead > tr > td.info,#formio .table > thead > tr > th.info,#formio .table > thead > tr.info > td,#formio .table > thead > tr.info > th,#formio .table > tbody > tr > td.info,#formio .table > tbody > tr > th.info,#formio .table > tbody > tr.info > td,#formio .table > tbody > tr.info > th,#formio .table > tfoot > tr > td.info,#formio .table > tfoot > tr > th.info,#formio .table > tfoot > tr.info > td,#formio .table > tfoot > tr.info > th { background-color: #d9edf7; } #formio .table-hover > tbody > tr > td.info:hover,#formio .table-hover > tbody > tr > th.info:hover,#formio .table-hover > tbody > tr.info:hover > td,#formio .table-hover > tbody > tr:hover > .info,#formio .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } #formio .table > thead > tr > td.warning,#formio .table > thead > tr > th.warning,#formio .table > thead > tr.warning > td,#formio .table > thead > tr.warning > th,#formio .table > tbody > tr > td.warning,#formio .table > tbody > tr > th.warning,#formio .table > tbody > tr.warning > td,#formio .table > tbody > tr.warning > th,#formio .table > tfoot > tr > td.warning,#formio .table > tfoot > tr > th.warning,#formio .table > tfoot > tr.warning > td,#formio .table > tfoot > tr.warning > th { background-color: #fcf8e3; } #formio .table-hover > tbody > tr > td.warning:hover,#formio .table-hover > tbody > tr > th.warning:hover,#formio .table-hover > tbody > tr.warning:hover > td,#formio .table-hover > tbody > tr:hover > .warning,#formio .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } #formio .table > thead > tr > td.danger,#formio .table > thead > tr > th.danger,#formio .table > thead > tr.danger > td,#formio .table > thead > tr.danger > th,#formio .table > tbody > tr > td.danger,#formio .table > tbody > tr > th.danger,#formio .table > tbody > tr.danger > td,#formio .table > tbody > tr.danger > th,#formio .table > tfoot > tr > td.danger,#formio .table > tfoot > tr > th.danger,#formio .table > tfoot > tr.danger > td,#formio .table > tfoot > tr.danger > th { background-color: #f2dede; } #formio .table-hover > tbody > tr > td.danger:hover,#formio .table-hover > tbody > tr > th.danger:hover,#formio .table-hover > tbody > tr.danger:hover > td,#formio .table-hover > tbody > tr:hover > .danger,#formio .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } #formio .table-responsive { overflow-x: auto; min-height: 0.01%; } #formio .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } #formio .container:before,#formio .container:after { content: " "; display: table; } #formio .container:after { clear: both; } #formio .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } #formio .container-fluid:before,#formio .container-fluid:after { content: " "; display: table; } #formio .container-fluid:after { clear: both; } #formio .row { margin-left: -15px; margin-right: -15px; } #formio .row:before,#formio .row:after { content: " "; display: table; } #formio .row:after { clear: both; } #formio .col-xs-1,#formio .col-sm-1,#formio .col-md-1,#formio .col-lg-1,#formio .col-xs-2,#formio .col-sm-2,#formio .col-md-2,#formio .col-lg-2,#formio .col-xs-3,#formio .col-sm-3,#formio .col-md-3,#formio .col-lg-3,#formio .col-xs-4,#formio .col-sm-4,#formio .col-md-4,#formio .col-lg-4,#formio .col-xs-5,#formio .col-sm-5,#formio .col-md-5,#formio .col-lg-5,#formio .col-xs-6,#formio .col-sm-6,#formio .col-md-6,#formio .col-lg-6,#formio .col-xs-7,#formio .col-sm-7,#formio .col-md-7,#formio .col-lg-7,#formio .col-xs-8,#formio .col-sm-8,#formio .col-md-8,#formio .col-lg-8,#formio .col-xs-9,#formio .col-sm-9,#formio .col-md-9,#formio .col-lg-9,#formio .col-xs-10,#formio .col-sm-10,#formio .col-md-10,#formio .col-lg-10,#formio .col-xs-11,#formio .col-sm-11,#formio .col-md-11,#formio .col-lg-11,#formio .col-xs-12,#formio .col-sm-12,#formio .col-md-12,#formio .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } #formio .col-xs-1,#formio .col-xs-2,#formio .col-xs-3,#formio .col-xs-4,#formio .col-xs-5,#formio .col-xs-6,#formio .col-xs-7,#formio .col-xs-8,#formio .col-xs-9,#formio .col-xs-10,#formio .col-xs-11,#formio .col-xs-12 { float: left; } #formio .col-xs-1 { width: 8.3333333333%; } #formio .col-xs-2 { width: 16.6666666667%; } #formio .col-xs-3 { width: 25%; } #formio .col-xs-4 { width: 33.3333333333%; } #formio .col-xs-5 { width: 41.6666666667%; } #formio .col-xs-6 { width: 50%; } #formio .col-xs-7 { width: 58.3333333333%; } #formio .col-xs-8 { width: 66.6666666667%; } #formio .col-xs-9 { width: 75%; } #formio .col-xs-10 { width: 83.3333333333%; } #formio .col-xs-11 { width: 91.6666666667%; } #formio .col-xs-12 { width: 100%; } #formio .col-xs-pull-0 { right: auto; } #formio .col-xs-pull-1 { right: 8.3333333333%; } #formio .col-xs-pull-2 { right: 16.6666666667%; } #formio .col-xs-pull-3 { right: 25%; } #formio .col-xs-pull-4 { right: 33.3333333333%; } #formio .col-xs-pull-5 { right: 41.6666666667%; } #formio .col-xs-pull-6 { right: 50%; } #formio .col-xs-pull-7 { right: 58.3333333333%; } #formio .col-xs-pull-8 { right: 66.6666666667%; } #formio .col-xs-pull-9 { right: 75%; } #formio .col-xs-pull-10 { right: 83.3333333333%; } #formio .col-xs-pull-11 { right: 91.6666666667%; } #formio .col-xs-pull-12 { right: 100%; } #formio .col-xs-push-0 { left: auto; } #formio .col-xs-push-1 { left: 8.3333333333%; } #formio .col-xs-push-2 { left: 16.6666666667%; } #formio .col-xs-push-3 { left: 25%; } #formio .col-xs-push-4 { left: 33.3333333333%; } #formio .col-xs-push-5 { left: 41.6666666667%; } #formio .col-xs-push-6 { left: 50%; } #formio .col-xs-push-7 { left: 58.3333333333%; } #formio .col-xs-push-8 { left: 66.6666666667%; } #formio .col-xs-push-9 { left: 75%; } #formio .col-xs-push-10 { left: 83.3333333333%; } #formio .col-xs-push-11 { left: 91.6666666667%; } #formio .col-xs-push-12 { left: 100%; } #formio .col-xs-offset-0 { margin-left: 0%; } #formio .col-xs-offset-1 { margin-left: 8.3333333333%; } #formio .col-xs-offset-2 { margin-left: 16.6666666667%; } #formio .col-xs-offset-3 { margin-left: 25%; } #formio .col-xs-offset-4 { margin-left: 33.3333333333%; } #formio .col-xs-offset-5 { margin-left: 41.6666666667%; } #formio .col-xs-offset-6 { margin-left: 50%; } #formio .col-xs-offset-7 { margin-left: 58.3333333333%; } #formio .col-xs-offset-8 { margin-left: 66.6666666667%; } #formio .col-xs-offset-9 { margin-left: 75%; } #formio .col-xs-offset-10 { margin-left: 83.3333333333%; } #formio .col-xs-offset-11 { margin-left: 91.6666666667%; } #formio .col-xs-offset-12 { margin-left: 100%; } #formio .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } #formio .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } #formio .well-lg { padding: 24px; border-radius: 6px; } #formio .well-sm { padding: 9px; border-radius: 3px; } #formio .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } #formio .embed-responsive .embed-responsive-item,#formio .embed-responsive iframe,#formio .embed-responsive embed,#formio .embed-responsive object,#formio .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } #formio .embed-responsive-16by9 { padding-bottom: 56.25%; } #formio .embed-responsive-4by3 { padding-bottom: 75%; } #formio .bg-primary { color: #fff; } #formio .bg-primary { background-color: #253451; } #formio a.bg-primary:hover,#formio a.bg-primary:focus { background-color: #286090; } #formio .bg-success { background-color: #dff0d8; } #formio a.bg-success:hover,#formio a.bg-success:focus { background-color: #c1e2b3; } #formio .bg-info { background-color: #d9edf7; } #formio a.bg-info:hover,#formio a.bg-info:focus { background-color: #afd9ee; } #formio .bg-warning { background-color: #fcf8e3; } #formio a.bg-warning:hover,#formio a.bg-warning:focus { background-color: #f7ecb5; } #formio .bg-danger { background-color: #f2dede; } #formio a.bg-danger:hover,#formio a.bg-danger:focus { background-color: #e4b9b9; } #formio .collapse { display: none; } #formio .collapse.in { display: block; } #formio tr.collapse.in { display: table-row; } #formio tbody.collapse.in { display: table-row-group; } #formio .collapsing { position: relative; height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } #formio .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9; border-right: 4px solid transparent; border-left: 4px solid transparent; } #formio .dropup,#formio .dropdown { position: relative; } #formio .dropdown-toggle:focus { outline: 0; } #formio .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 14px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } #formio .dropdown-menu.pull-right { right: 0; left: auto; } #formio .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } #formio .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333; white-space: nowrap; } #formio .dropdown-menu > li > a:hover,#formio .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } #formio .dropdown-menu > .active > a,#formio .dropdown-menu > .active > a:hover,#formio .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #253451; } #formio .dropdown-menu > .disabled > a,#formio .dropdown-menu > .disabled > a:hover,#formio .dropdown-menu > .disabled > a:focus { color: #777; } #formio .dropdown-menu > .disabled > a:hover,#formio .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); cursor: not-allowed; } #formio .open > .dropdown-menu { display: block; } #formio .open > a { outline: 0; } #formio .dropdown-menu-right { left: auto; right: 0; } #formio .dropdown-menu-left { left: 0; right: auto; } #formio .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #777; white-space: nowrap; } #formio .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } #formio .pull-right > .dropdown-menu { right: 0; left: auto; } #formio .dropup .caret,#formio .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9; content: ""; } #formio .dropup .dropdown-menu,#formio .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } #formio .pagination { display: inline-block; padding-left: 0; margin: 0 0 20px 0 !important; border-radius: 4px; } #formio .pagination > li { display: inline; } #formio .pagination > li > a,#formio .pagination > li > span { position: relative; float: left; padding: 6px 12px; line-height: 1.428571429; text-decoration: none; color: #253451; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } #formio .pagination > li:first-child > a,#formio .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 4px; border-top-left-radius: 4px; } #formio .pagination > li:last-child > a,#formio .pagination > li:last-child > span { border-bottom-right-radius: 4px; border-top-right-radius: 4px; } #formio .pagination > li > a:hover,#formio .pagination > li > a:focus,#formio .pagination > li > span:hover,#formio .pagination > li > span:focus { z-index: 2; color: #23527c; background-color: #eee; border-color: #ddd; } #formio .pagination > .active > a,#formio .pagination > .active > a:hover,#formio .pagination > .active > a:focus,#formio .pagination > .active > span,#formio .pagination > .active > span:hover,#formio .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #253451; border-color: #253451; cursor: default; } #formio .pagination > .disabled > span,#formio .pagination > .disabled > span:hover,#formio .pagination > .disabled > span:focus,#formio .pagination > .disabled > a,#formio .pagination > .disabled > a:hover,#formio .pagination > .disabled > a:focus { color: #777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } #formio .pagination-lg > li > a,#formio .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } #formio .pagination-lg > li:first-child > a,#formio .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } #formio .pagination-lg > li:last-child > a,#formio .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } #formio .pagination-sm > li > a,#formio .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } #formio .pagination-sm > li:first-child > a,#formio .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } #formio .pagination-sm > li:last-child > a,#formio .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } #formio .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } #formio .pager:before,#formio .pager:after { content: " "; display: table; } #formio .pager:after { clear: both; } #formio .pager li { display: inline; } #formio .pager li > a,#formio .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } #formio .pager li > a:hover,#formio .pager li > a:focus { text-decoration: none; background-color: #eee; } #formio .pager .next > a,#formio .pager .next > span { float: right; } #formio .pager .previous > a,#formio .pager .previous > span { float: left; } #formio .pager .disabled > a,#formio .pager .disabled > a:hover,#formio .pager .disabled > a:focus,#formio .pager .disabled > span { color: #777; background-color: #fff; cursor: not-allowed; } #formio .breadcrumb { padding: 8px 15px; margin-bottom: 20px; list-style: none; background-color: #f5f5f5; border-radius: 4px; } #formio .breadcrumb > li { display: inline-block; } #formio .breadcrumb > li + li:before { content: "/  "; padding: 0 5px; color: #ccc; } #formio .breadcrumb > .active { color: #777; } #formio .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eee; } #formio .jumbotron h1,#formio .jumbotron .h1 { color: inherit; } #formio .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } #formio .jumbotron > hr { border-top-color: #d5d5d5; } #formio .container .jumbotron,#formio .container-fluid .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; } #formio .jumbotron .container { max-width: 100%; } #formio .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } #formio .alert h4 { margin-top: 0; color: inherit; } #formio .alert .alert-link { font-weight: bold; } #formio .alert > p,#formio .alert > ul { margin-bottom: 0; } #formio .alert > p + p { margin-top: 5px; } #formio .alert-dismissable,#formio .alert-dismissible { padding-right: 35px; } #formio .alert-dismissable .close,#formio .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } #formio .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } #formio .alert-success hr { border-top-color: #c9e2b3; } #formio .alert-success .alert-link { color: #2b542c; } #formio .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } #formio .alert-info hr { border-top-color: #a6e1ec; } #formio .alert-info .alert-link { color: #245269; } #formio .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } #formio .alert-warning hr { border-top-color: #f7e1b5; } #formio .alert-warning .alert-link { color: #66512c; } #formio .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } #formio .alert-danger hr { border-top-color: #e4b9c0; } #formio .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } #formio .progress { overflow: hidden; height: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-radius: 4px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); } #formio .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 20px; color: #fff; text-align: center; background-color: #253451; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); transition: width 0.6s ease; } #formio .progress-striped .progress-bar,#formio .progress-bar-striped { background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); background-size: 40px 40px; } #formio .progress.active .progress-bar,#formio .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } #formio .progress-bar-success { background-color: #5cb85c; } #formio .progress-striped .progress-bar-success { background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); } #formio .progress-bar-info { background-color: #5bc0de; } #formio .progress-striped .progress-bar-info { background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); } #formio .progress-bar-warning { background-color: #f0ad4e; } #formio .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); } #formio .progress-bar-danger { background-color: #d9534f; } #formio .progress-striped .progress-bar-danger { background-image: linear-gradient(45deg,rgba(255, 255, 255, 0.15) 25%,transparent 25%,transparent 50%,rgba(255, 255, 255, 0.15) 50%,rgba(255, 255, 255, 0.15) 75%,transparent 75%,transparent); } #formio .media { margin-top: 15px; } #formio .media:first-child { margin-top: 0; } #formio .media,#formio .media-body { zoom: 1; overflow: hidden; } #formio .media-body { width: 10000px; } #formio .media-object { display: block; } #formio .media-object.img-thumbnail { max-width: none; } #formio .media-right,#formio .media > .pull-right { padding-left: 10px; } #formio .media-left,#formio .media > .pull-left { padding-right: 10px; } #formio .media-left,#formio .media-right,#formio .media-body { display: table-cell; vertical-align: top; } #formio .media-middle { vertical-align: middle; } #formio .media-bottom { vertical-align: bottom; } #formio .media-heading { margin-top: 0; margin-bottom: 5px; } #formio .media-list { padding-left: 0; list-style: none; } #formio .list-group { margin-bottom: 20px; padding-left: 0; } #formio .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } #formio .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } #formio .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } #formio a.list-group-item,#formio button.list-group-item { color: #555; } #formio a.list-group-item .list-group-item-heading,#formio button.list-group-item .list-group-item-heading { color: #333; } #formio a.list-group-item:hover,#formio a.list-group-item:focus,#formio button.list-group-item:hover,#formio button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } #formio button.list-group-item { width: 100%; text-align: left; } #formio .list-group-item.disabled,#formio .list-group-item.disabled:hover,#formio .list-group-item.disabled:focus { background-color: #eee; color: #777; cursor: not-allowed; } #formio .list-group-item.disabled .list-group-item-heading,#formio .list-group-item.disabled:hover .list-group-item-heading,#formio .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } #formio .list-group-item.disabled .list-group-item-text,#formio .list-group-item.disabled:hover .list-group-item-text,#formio .list-group-item.disabled:focus .list-group-item-text { color: #777; } #formio .list-group-item.active,#formio .list-group-item.active:hover,#formio .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #253451; border-color: #253451; } #formio .list-group-item.active .list-group-item-heading,#formio .list-group-item.active .list-group-item-heading > small,#formio .list-group-item.active .list-group-item-heading > .small,#formio .list-group-item.active:hover .list-group-item-heading,#formio .list-group-item.active:hover .list-group-item-heading > small,#formio .list-group-item.active:hover .list-group-item-heading > .small,#formio .list-group-item.active:focus .list-group-item-heading,#formio .list-group-item.active:focus .list-group-item-heading > small,#formio .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } #formio .list-group-item.active .list-group-item-text,#formio .list-group-item.active:hover .list-group-item-text,#formio .list-group-item.active:focus .list-group-item-text { color: #c7ddef; } #formio .list-group-item-success { color: #3c763d; background-color: #dff0d8; } #formio a.list-group-item-success,#formio button.list-group-item-success { color: #3c763d; } #formio a.list-group-item-success .list-group-item-heading,#formio button.list-group-item-success .list-group-item-heading { color: inherit; } #formio a.list-group-item-success:hover,#formio a.list-group-item-success:focus,#formio button.list-group-item-success:hover,#formio button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } #formio a.list-group-item-success.active,#formio a.list-group-item-success.active:hover,#formio a.list-group-item-success.active:focus,#formio button.list-group-item-success.active,#formio button.list-group-item-success.active:hover,#formio button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } #formio .list-group-item-info { color: #31708f; background-color: #d9edf7; } #formio a.list-group-item-info,#formio button.list-group-item-info { color: #31708f; } #formio a.list-group-item-info .list-group-item-heading,#formio button.list-group-item-info .list-group-item-heading { color: inherit; } #formio a.list-group-item-info:hover,#formio a.list-group-item-info:focus,#formio button.list-group-item-info:hover,#formio button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } #formio a.list-group-item-info.active,#formio a.list-group-item-info.active:hover,#formio a.list-group-item-info.active:focus,#formio button.list-group-item-info.active,#formio button.list-group-item-info.active:hover,#formio button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } #formio .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } #formio a.list-group-item-warning,#formio button.list-group-item-warning { color: #8a6d3b; } #formio a.list-group-item-warning .list-group-item-heading,#formio button.list-group-item-warning .list-group-item-heading { color: inherit; } #formio a.list-group-item-warning:hover,#formio a.list-group-item-warning:focus,#formio button.list-group-item-warning:hover,#formio button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } #formio a.list-group-item-warning.active,#formio a.list-group-item-warning.active:hover,#formio a.list-group-item-warning.active:focus,#formio button.list-group-item-warning.active,#formio button.list-group-item-warning.active:hover,#formio button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } #formio .list-group-item-danger { color: #a94442; background-color: #f2dede; } #formio a.list-group-item-danger,#formio button.list-group-item-danger { color: #a94442; } #formio a.list-group-item-danger .list-group-item-heading,#formio button.list-group-item-danger .list-group-item-heading { color: inherit; } #formio a.list-group-item-danger:hover,#formio a.list-group-item-danger:focus,#formio button.list-group-item-danger:hover,#formio button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } #formio a.list-group-item-danger.active,#formio a.list-group-item-danger.active:hover,#formio a.list-group-item-danger.active:focus,#formio button.list-group-item-danger.active,#formio button.list-group-item-danger.active:hover,#formio button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } #formio .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } #formio .list-group-item-text { margin-bottom: 0; line-height: 1.3; } #formio .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eee; } #formio .panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } #formio .panel-body { padding: 15px; } #formio .panel-body:before,#formio .panel-body:after { content: " "; display: table; } #formio .panel-body:after { clear: both; } #formio .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 3px; border-top-left-radius: 3px; } #formio .panel-heading > .dropdown .dropdown-toggle { color: inherit; } #formio .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } #formio .panel-title > a,#formio .panel-title > small,#formio .panel-title > .small,#formio .panel-title > small > a,#formio .panel-title > .small > a { color: inherit; } #formio .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #formio .panel > .list-group,#formio .panel > .panel-collapse > .list-group { margin-bottom: 0; } #formio .panel > .list-group .list-group-item,#formio .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } #formio .panel > .list-group:first-child .list-group-item:first-child,#formio.panel> .panel-collapse> .list-group:first-child.list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } #formio .panel > .list-group:last-child .list-group-item:last-child,#formio.panel> .panel-collapse> .list-group:last-child.list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #formio.panel> .panel-heading+ .panel-collapse> .list-group.list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } #formio .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } #formio .list-group + .panel-footer { border-top-width: 0; } #formio .panel > .table,#formio .panel > .table-responsive > .table,#formio .panel > .panel-collapse > .table { margin-bottom: 0; } #formio .panel > .table caption,#formio .panel > .table-responsive > .table caption,#formio .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } #formio .panel > .table:first-child,#formio .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } #formio .panel > .table:first-child > thead:first-child > tr:first-child,#formio .panel > .table:first-child > tbody:first-child > tr:first-child,#formio.panel> .table-responsive:first-child> .table:first-child> thead:first-child> tr:first-child,#formio.panel> .table-responsive:first-child> .table:first-child> tbody:first-child> tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } #formio.panel> .table:first-child> thead:first-child> tr:first-childtd:first-child,#formio.panel> .table:first-child> thead:first-child> tr:first-childth:first-child,#formio.panel> .table:first-child> tbody:first-child> tr:first-childtd:first-child,#formio.panel> .table:first-child> tbody:first-child> tr:first-childth:first-child,#formio.panel> .table-responsive:first-child> .table:first-child> thead:first-child> tr:first-childtd:first-child,#formio.panel> .table-responsive:first-child> .table:first-child> thead:first-child> tr:first-childth:first-child,#formio.panel> .table-responsive:first-child> .table:first-child> tbody:first-child> tr:first-childtd:first-child,#formio.panel> .table-responsive:first-child> .table:first-child> tbody:first-child> tr:first-childth:first-child { border-top-left-radius: 3px; } #formio.panel> .table:first-child> thead:first-child> tr:first-childtd:last-child,#formio.panel> .table:first-child> thead:first-child> tr:first-childth:last-child,#formio.panel> .table:first-child> tbody:first-child> tr:first-childtd:last-child,#formio.panel> .table:first-child> tbody:first-child> tr:first-childth:last-child,#formio.panel> .table-responsive:first-child> .table:first-child> thead:first-child> tr:first-childtd:last-child,#formio.panel> .table-responsive:first-child> .table:first-child> thead:first-child> tr:first-childth:last-child,#formio.panel> .table-responsive:first-child> .table:first-child> tbody:first-child> tr:first-childtd:last-child,#formio.panel> .table-responsive:first-child> .table:first-child> tbody:first-child> tr:first-childth:last-child { border-top-right-radius: 3px; } #formio .panel > .table:last-child,#formio .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } #formio .panel > .table:last-child > tbody:last-child > tr:last-child,#formio .panel > .table:last-child > tfoot:last-child > tr:last-child,#formio.panel> .table-responsive:last-child> .table:last-child> tbody:last-child> tr:last-child,#formio.panel> .table-responsive:last-child> .table:last-child> tfoot:last-child> tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } #formio.panel> .table:last-child> tbody:last-child> tr:last-childtd:first-child,#formio.panel> .table:last-child> tbody:last-child> tr:last-childth:first-child,#formio.panel> .table:last-child> tfoot:last-child> tr:last-childtd:first-child,#formio.panel> .table:last-child> tfoot:last-child> tr:last-childth:first-child,#formio.panel> .table-responsive:last-child> .table:last-child> tbody:last-child> tr:last-childtd:first-child,#formio.panel> .table-responsive:last-child> .table:last-child> tbody:last-child> tr:last-childth:first-child,#formio.panel> .table-responsive:last-child> .table:last-child> tfoot:last-child> tr:last-childtd:first-child,#formio.panel> .table-responsive:last-child> .table:last-child> tfoot:last-child> tr:last-childth:first-child { border-bottom-left-radius: 3px; } #formio.panel> .table:last-child> tbody:last-child> tr:last-childtd:last-child,#formio.panel> .table:last-child> tbody:last-child> tr:last-childth:last-child,#formio.panel> .table:last-child> tfoot:last-child> tr:last-childtd:last-child,#formio.panel> .table:last-child> tfoot:last-child> tr:last-childth:last-child,#formio.panel> .table-responsive:last-child> .table:last-child> tbody:last-child> tr:last-childtd:last-child,#formio.panel> .table-responsive:last-child> .table:last-child> tbody:last-child> tr:last-childth:last-child,#formio.panel> .table-responsive:last-child> .table:last-child> tfoot:last-child> tr:last-childtd:last-child,#formio.panel> .table-responsive:last-child> .table:last-child> tfoot:last-child> tr:last-childth:last-child { border-bottom-right-radius: 3px; } #formio .panel > .panel-body + .table,#formio .panel > .panel-body + .table-responsive,#formio .panel > .table + .panel-body,#formio .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } #formio .panel > .table > tbody:first-child > tr:first-child th,#formio .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } #formio .panel > .table-bordered,#formio .panel > .table-responsive > .table-bordered { border: 0; } #formio .panel > .table-bordered > thead > tr > th:first-child,#formio .panel > .table-bordered > thead > tr > td:first-child,#formio .panel > .table-bordered > tbody > tr > th:first-child,#formio .panel > .table-bordered > tbody > tr > td:first-child,#formio .panel > .table-bordered > tfoot > tr > th:first-child,#formio .panel > .table-bordered > tfoot > tr > td:first-child,#formio.panel> .table-responsive> .table-bordered> thead> tr> th:first-child,#formio.panel> .table-responsive> .table-bordered> thead> tr> td:first-child,#formio.panel> .table-responsive> .table-bordered> tbody> tr> th:first-child,#formio.panel> .table-responsive> .table-bordered> tbody> tr> td:first-child,#formio.panel> .table-responsive> .table-bordered> tfoot> tr> th:first-child,#formio.panel> .table-responsive> .table-bordered> tfoot> tr> td:first-child { border-left: 0; } #formio .panel > .table-bordered > thead > tr > th:last-child,#formio .panel > .table-bordered > thead > tr > td:last-child,#formio .panel > .table-bordered > tbody > tr > th:last-child,#formio .panel > .table-bordered > tbody > tr > td:last-child,#formio .panel > .table-bordered > tfoot > tr > th:last-child,#formio .panel > .table-bordered > tfoot > tr > td:last-child,#formio.panel> .table-responsive> .table-bordered> thead> tr> th:last-child,#formio.panel> .table-responsive> .table-bordered> thead> tr> td:last-child,#formio.panel> .table-responsive> .table-bordered> tbody> tr> th:last-child,#formio.panel> .table-responsive> .table-bordered> tbody> tr> td:last-child,#formio.panel> .table-responsive> .table-bordered> tfoot> tr> th:last-child,#formio.panel> .table-responsive> .table-bordered> tfoot> tr> td:last-child { border-right: 0; } #formio .panel > .table-bordered > thead > tr:first-child > td,#formio .panel > .table-bordered > thead > tr:first-child > th,#formio .panel > .table-bordered > tbody > tr:first-child > td,#formio .panel > .table-bordered > tbody > tr:first-child > th,#formio.panel> .table-responsive> .table-bordered> thead> tr:first-child> td,#formio.panel> .table-responsive> .table-bordered> thead> tr:first-child> th,#formio.panel> .table-responsive> .table-bordered> tbody> tr:first-child> td,#formio.panel> .table-responsive> .table-bordered> tbody> tr:first-child> th { border-bottom: 0; } #formio .panel > .table-bordered > tbody > tr:last-child > td,#formio .panel > .table-bordered > tbody > tr:last-child > th,#formio .panel > .table-bordered > tfoot > tr:last-child > td,#formio .panel > .table-bordered > tfoot > tr:last-child > th,#formio.panel> .table-responsive> .table-bordered> tbody> tr:last-child> td,#formio.panel> .table-responsive> .table-bordered> tbody> tr:last-child> th,#formio.panel> .table-responsive> .table-bordered> tfoot> tr:last-child> td,#formio.panel> .table-responsive> .table-bordered> tfoot> tr:last-child> th { border-bottom: 0; } #formio .panel > .table-responsive { border: 0; margin-bottom: 0; } #formio .panel-group { margin-bottom: 20px; } #formio .panel-group .panel { margin-bottom: 0; border-radius: 4px; } #formio .panel-group .panel + .panel { margin-top: 5px; } #formio .panel-group .panel-heading { border-bottom: 0; } #formio .panel-group .panel-heading + .panel-collapse > .panel-body,#formio .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #ddd; } #formio .panel-group .panel-footer { border-top: 0; } #formio .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #ddd; } #formio .panel-default { border-color: #ddd; } #formio .panel-default > .panel-heading { color: #333; background-color: #f5f5f5; border-color: #ddd; } #formio .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } #formio .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333; } #formio .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } #formio .panel-primary { border-color: #253451; } #formio .panel-primary > .panel-heading { color: #fff; background-color: #253451; border-color: #253451; } #formio .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #253451; } #formio .panel-primary > .panel-heading .badge { color: #253451; background-color: #fff; } #formio .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #253451; } #formio .panel-success { border-color: #d6e9c6; } #formio .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } #formio .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } #formio .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } #formio .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } #formio .panel-info { border-color: #bce8f1; } #formio .panel-info > .panel-heading { background-color: #d9edf7; border-color: #bce8f1; } #formio .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } #formio .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } #formio .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } #formio .panel-warning { border-color: #faebcc; } #formio .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } #formio .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } #formio .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } #formio .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } #formio .panel-danger { border-color: #ebccd1; } #formio .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } #formio .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } #formio .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } #formio .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } #formio .close { float: right; font-size: 21px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } #formio .close:hover,#formio .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } #formio button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } #formio .modal-open { overflow: hidden; } #formio .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } #formio .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); transform: translate(0, -25%); transition: -webkit-transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; } #formio .modal.in .modal-dialog { -webkit-transform: translate(0, 0); transform: translate(0, 0); } #formio .modal-open .modal { overflow-x: hidden; overflow-y: auto; } #formio .modal-dialog { position: relative; width: auto; margin: 10px; } #formio .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } #formio .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } #formio .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } #formio .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } #formio .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } #formio .modal-header:before,#formio .modal-header:after { content: " "; display: table; } #formio .modal-header:after { clear: both; } #formio .modal-header .close { margin-top: -2px; } #formio .modal-title { margin: 0; line-height: 1.428571429; } #formio .modal-body { position: relative; padding: 15px; } #formio .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } #formio .modal-footer:before,#formio .modal-footer:after { content: " "; display: table; } #formio .modal-footer:after { clear: both; } #formio .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } #formio .modal-footer .btn-group .btn + .btn { margin-left: -1px; } #formio .modal-footer .btn-block + .btn-block { margin-left: 0; } #formio .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } #formio .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.428571429; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } #formio .tooltip.in { opacity: 0.9; filter: alpha(opacity=90); } #formio .tooltip.top { margin-top: -3px; padding: 5px 0; } #formio .tooltip.right { margin-left: 3px; padding: 0 5px; } #formio .tooltip.bottom { margin-top: 3px; padding: 5px 0; } #formio .tooltip.left { margin-left: -3px; padding: 0 5px; } #formio .tooltip-inner { max-width: 200px; padding: 3px 8px; color: #fff; text-align: center; background-color: #000; border-radius: 4px; } #formio .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } #formio .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000; } #formio .tooltip.top-left .tooltip-arrow { bottom: 0; right: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } #formio .tooltip.top-right .tooltip-arrow { bottom: 0; left: 5px; margin-bottom: -5px; border-width: 5px 5px 0; border-top-color: #000; } #formio .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000; } #formio .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000; } #formio .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } #formio .tooltip.bottom-left .tooltip-arrow { top: 0; right: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } #formio .tooltip.bottom-right .tooltip-arrow { top: 0; left: 5px; margin-top: -5px; border-width: 0 5px 5px; border-bottom-color: #000; } #formio .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.428571429; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } #formio .popover.top { margin-top: -10px; } #formio .popover.right { margin-left: 10px; } #formio .popover.bottom { margin-top: 10px; } #formio .popover.left { margin-left: -10px; } #formio .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } #formio .popover-content { padding: 9px 14px; } #formio .popover > .arrow,#formio .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } #formio .popover > .arrow { border-width: 11px; } #formio .popover > .arrow:after { border-width: 10px; content: ""; } #formio .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } #formio .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } #formio .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999; border-right-color: rgba(0, 0, 0, 0.25); } #formio .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } #formio .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } #formio .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } #formio .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999; border-left-color: rgba(0, 0, 0, 0.25); } #formio .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } #formio .clearfix:before,#formio .clearfix:after { content: " "; display: table; } #formio .clearfix:after { clear: both; } #formio .center-block { display: block; margin-left: auto; margin-right: auto; } #formio .pull-right { float: right !important; } #formio .pull-left { float: left !important; } #formio .hide { display: none !important; } #formio .show { display: block !important; } #formio .invisible { visibility: hidden; } #formio .text-hide { color: transparent; text-shadow: none; background-color: transparent; border: 0; } #formio .hidden { display: none !important; } #formio .affix { position: fixed; } #formio .visible-xs { display: none !important; } #formio .visible-sm { display: none !important; } #formio .visible-md { display: none !important; } #formio .visible-lg { display: none !important; } #formio .visible-xs-block,#formio .visible-xs-inline,#formio .visible-xs-inline-block,#formio .visible-sm-block,#formio .visible-sm-inline,#formio .visible-sm-inline-block,#formio .visible-md-block,#formio .visible-md-inline,#formio .visible-md-inline-block,#formio .visible-lg-block,#formio .visible-lg-inline,#formio .visible-lg-inline-block { display: none !important; } #formio .visible-print { display: none !important; } #formio .visible-print-block { display: none !important; } #formio .visible-print-inline { display: none !important; } #formio .visible-print-inline-block { display: none !important; } #formio .hiddenGridButtons th:last-child { display: none; } #formio .hiddenGridButtons td.formio-remove-column { display: none; } #formio .hiddenGridButtons button.btn.btn-primary.formio-button-add-row { display: none; } .formio-choices .form-control { height: auto !important; } .choices__list--multiple .choices__item { line-height: 24px !important; padding: 0 0 0 10px !important; } .choices[data-type*="select-multiple"] .choices__button,.choices[data-type*="text"] .choices__button { margin-left: 10px !important; } .choices[data-type*="select-one"] .choices__button { display: none; } .fade { opacity: 0; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .btn-wizard-nav-cancel, .btn-wizard-nav-next, .btn-wizard-nav-previous, .btn-wizard-nav-submit { display: none !important; } .bsi-hide-panel { display: none; } .en-alert, .fr-alert, .en-text, .fr-text { display: block !important; } #formio .fr-text { display: none; }