@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i'); @import "/components/unicon/style.css?v=20190125"; /* Defaults */ /*** Right-to-left Support ***/ /* Grid */ /* Font Family */ /* Font Size */ /* Font Weight */ /* Text Color + Opacity */ /* Colors */ /*Grays*/ /* Buttons */ /* Layout */ /* Header */ /* Footer */ /* Breakpoints */ /* Screen Size */ /* Icon glyphs */ /* Margins and Padding */ /* Spacing */ /* Nav dimensions & color */ /* Modal */ /* Tab */ /* Cards */ /* Banner Images */ /* Avatar Sizes */ /* Icon */ /* Typography */ .field .field-widget .addbutton .btn, .field .BodyText .addbutton .btn, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear, .datecal-widget .jscal-select, .datecal-widget .jscal-clear, .datecal-widget .jscal-text, .uib-datepicker-popup .uib-button-bar button, .btn, input[type="button"], input[type="submit"], input[type="reset"], .lst-head .batch-opts ul a, .lst-foot .batch-opts ul a, .lst-head .lst-batch > .ListToolMenuLink, .cspList_tophead .batch-opts ul a, .cspList_foot .batch-opts ul a, .modal-dialog .modal-content .modal-body .input-button { display: inline-block; min-height: 30px; min-width: 70px; padding: 0 15px; text-align: center; margin-right: 10px; border-width: 1px; border-style: solid; font-size: 13px; border-radius: 3px; font-weight: 500; text-decoration: none; text-transform: capitalize; cursor: pointer; white-space: nowrap; line-height: 28px; } .field .field-widget .addbutton .btn:hover, .field .BodyText .addbutton .btn:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:hover, .datecal-widget .jscal-select:hover, .datecal-widget .jscal-clear:hover, .datecal-widget .jscal-text:hover, .uib-datepicker-popup .uib-button-bar button:hover, .btn:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .lst-head .batch-opts ul a:hover, .lst-foot .batch-opts ul a:hover, .lst-head .lst-batch > .ListToolMenuLink:hover, .cspList_tophead .batch-opts ul a:hover, .cspList_foot .batch-opts ul a:hover, .modal-dialog .modal-content .modal-body .input-button:hover, .field .field-widget .addbutton .btn:focus, .field .BodyText .addbutton .btn:focus, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall:focus, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall:focus, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:focus, .datecal-widget .jscal-select:focus, .datecal-widget .jscal-clear:focus, .datecal-widget .jscal-text:focus, .uib-datepicker-popup .uib-button-bar button:focus, .btn:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, .lst-head .batch-opts ul a:focus, .lst-foot .batch-opts ul a:focus, .lst-head .lst-batch > .ListToolMenuLink:focus, .cspList_tophead .batch-opts ul a:focus, .cspList_foot .batch-opts ul a:focus, .modal-dialog .modal-content .modal-body .input-button:focus, .field .field-widget .addbutton .btn:active, .field .BodyText .addbutton .btn:active, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall:active, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall:active, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:active, .datecal-widget .jscal-select:active, .datecal-widget .jscal-clear:active, .datecal-widget .jscal-text:active, .uib-datepicker-popup .uib-button-bar button:active, .btn:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .lst-head .batch-opts ul a:active, .lst-foot .batch-opts ul a:active, .lst-head .lst-batch > .ListToolMenuLink:active, .cspList_tophead .batch-opts ul a:active, .cspList_foot .batch-opts ul a:active, .modal-dialog .modal-content .modal-body .input-button:active { box-shadow: none; text-decoration: none; } .field .field-widget .addbutton .btn.btn_disabled, .field .BodyText .addbutton .btn.btn_disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled, .datecal-widget .jscal-select.btn_disabled, .datecal-widget .jscal-clear.btn_disabled, .datecal-widget .jscal-text.btn_disabled, .uib-datepicker-popup .uib-button-bar button.btn_disabled, .btn.btn_disabled, input[type="button"].btn_disabled, input[type="submit"].btn_disabled, input[type="reset"].btn_disabled, .lst-head .batch-opts ul a.btn_disabled, .lst-foot .batch-opts ul a.btn_disabled, .lst-head .lst-batch > .ListToolMenuLink.btn_disabled, .cspList_tophead .batch-opts ul a.btn_disabled, .cspList_foot .batch-opts ul a.btn_disabled, .modal-dialog .modal-content .modal-body .input-button.btn_disabled, .field .field-widget .addbutton .btn.disabled, .field .BodyText .addbutton .btn.disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled, .datecal-widget .jscal-select.disabled, .datecal-widget .jscal-clear.disabled, .datecal-widget .jscal-text.disabled, .uib-datepicker-popup .uib-button-bar button.disabled, .btn.disabled, input[type="button"].disabled, input[type="submit"].disabled, input[type="reset"].disabled, .lst-head .batch-opts ul a.disabled, .lst-foot .batch-opts ul a.disabled, .lst-head .lst-batch > .ListToolMenuLink.disabled, .cspList_tophead .batch-opts ul a.disabled, .cspList_foot .batch-opts ul a.disabled, .modal-dialog .modal-content .modal-body .input-button.disabled, .field .field-widget .addbutton .btn[disabled], .field .BodyText .addbutton .btn[disabled], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled], .datecal-widget .jscal-select[disabled], .datecal-widget .jscal-clear[disabled], .datecal-widget .jscal-text[disabled], .uib-datepicker-popup .uib-button-bar button[disabled], .btn[disabled], input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled], .lst-head .batch-opts ul a[disabled], .lst-foot .batch-opts ul a[disabled], .lst-head .lst-batch > .ListToolMenuLink[disabled], .cspList_tophead .batch-opts ul a[disabled], .cspList_foot .batch-opts ul a[disabled], .modal-dialog .modal-content .modal-body .input-button[disabled], .field .field-widget .addbutton .btn.btn_disabled:hover, .field .BodyText .addbutton .btn.btn_disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled:hover, .datecal-widget .jscal-select.btn_disabled:hover, .datecal-widget .jscal-clear.btn_disabled:hover, .datecal-widget .jscal-text.btn_disabled:hover, .uib-datepicker-popup .uib-button-bar button.btn_disabled:hover, .btn.btn_disabled:hover, input[type="button"].btn_disabled:hover, input[type="submit"].btn_disabled:hover, input[type="reset"].btn_disabled:hover, .lst-head .batch-opts ul a.btn_disabled:hover, .lst-foot .batch-opts ul a.btn_disabled:hover, .lst-head .lst-batch > .ListToolMenuLink.btn_disabled:hover, .cspList_tophead .batch-opts ul a.btn_disabled:hover, .cspList_foot .batch-opts ul a.btn_disabled:hover, .modal-dialog .modal-content .modal-body .input-button.btn_disabled:hover, .field .field-widget .addbutton .btn.disabled:hover, .field .BodyText .addbutton .btn.disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled:hover, .datecal-widget .jscal-select.disabled:hover, .datecal-widget .jscal-clear.disabled:hover, .datecal-widget .jscal-text.disabled:hover, .uib-datepicker-popup .uib-button-bar button.disabled:hover, .btn.disabled:hover, input[type="button"].disabled:hover, input[type="submit"].disabled:hover, input[type="reset"].disabled:hover, .lst-head .batch-opts ul a.disabled:hover, .lst-foot .batch-opts ul a.disabled:hover, .lst-head .lst-batch > .ListToolMenuLink.disabled:hover, .cspList_tophead .batch-opts ul a.disabled:hover, .cspList_foot .batch-opts ul a.disabled:hover, .modal-dialog .modal-content .modal-body .input-button.disabled:hover, .field .field-widget .addbutton .btn[disabled]:hover, .field .BodyText .addbutton .btn[disabled]:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled]:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled]:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled]:hover, .datecal-widget .jscal-select[disabled]:hover, .datecal-widget .jscal-clear[disabled]:hover, .datecal-widget .jscal-text[disabled]:hover, .uib-datepicker-popup .uib-button-bar button[disabled]:hover, .btn[disabled]:hover, input[type="button"][disabled]:hover, input[type="submit"][disabled]:hover, input[type="reset"][disabled]:hover, .lst-head .batch-opts ul a[disabled]:hover, .lst-foot .batch-opts ul a[disabled]:hover, .lst-head .lst-batch > .ListToolMenuLink[disabled]:hover, .cspList_tophead .batch-opts ul a[disabled]:hover, .cspList_foot .batch-opts ul a[disabled]:hover, .modal-dialog .modal-content .modal-body .input-button[disabled]:hover { border-color: #ccc; background-color: #ececec; cursor: default; } .field .field-widget .addbutton .btn.btn_disabled, .field .BodyText .addbutton .btn.btn_disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled, .datecal-widget .jscal-select.btn_disabled, .datecal-widget .jscal-clear.btn_disabled, .datecal-widget .jscal-text.btn_disabled, .uib-datepicker-popup .uib-button-bar button.btn_disabled, .btn.btn_disabled, input[type="button"].btn_disabled, input[type="submit"].btn_disabled, input[type="reset"].btn_disabled, .lst-head .batch-opts ul a.btn_disabled, .lst-foot .batch-opts ul a.btn_disabled, .lst-head .lst-batch > .ListToolMenuLink.btn_disabled, .cspList_tophead .batch-opts ul a.btn_disabled, .cspList_foot .batch-opts ul a.btn_disabled, .modal-dialog .modal-content .modal-body .input-button.btn_disabled, .field .field-widget .addbutton .btn.disabled, .field .BodyText .addbutton .btn.disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled, .datecal-widget .jscal-select.disabled, .datecal-widget .jscal-clear.disabled, .datecal-widget .jscal-text.disabled, .uib-datepicker-popup .uib-button-bar button.disabled, .btn.disabled, input[type="button"].disabled, input[type="submit"].disabled, input[type="reset"].disabled, .lst-head .batch-opts ul a.disabled, .lst-foot .batch-opts ul a.disabled, .lst-head .lst-batch > .ListToolMenuLink.disabled, .cspList_tophead .batch-opts ul a.disabled, .cspList_foot .batch-opts ul a.disabled, .modal-dialog .modal-content .modal-body .input-button.disabled, .field .field-widget .addbutton .btn[disabled], .field .BodyText .addbutton .btn[disabled], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled], .datecal-widget .jscal-select[disabled], .datecal-widget .jscal-clear[disabled], .datecal-widget .jscal-text[disabled], .uib-datepicker-popup .uib-button-bar button[disabled], .btn[disabled], input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled], .lst-head .batch-opts ul a[disabled], .lst-foot .batch-opts ul a[disabled], .lst-head .lst-batch > .ListToolMenuLink[disabled], .cspList_tophead .batch-opts ul a[disabled], .cspList_foot .batch-opts ul a[disabled], .modal-dialog .modal-content .modal-body .input-button[disabled], .field .field-widget .addbutton .btn.btn_disabled:hover, .field .BodyText .addbutton .btn.btn_disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled:hover, .datecal-widget .jscal-select.btn_disabled:hover, .datecal-widget .jscal-clear.btn_disabled:hover, .datecal-widget .jscal-text.btn_disabled:hover, .uib-datepicker-popup .uib-button-bar button.btn_disabled:hover, .btn.btn_disabled:hover, input[type="button"].btn_disabled:hover, input[type="submit"].btn_disabled:hover, input[type="reset"].btn_disabled:hover, .lst-head .batch-opts ul a.btn_disabled:hover, .lst-foot .batch-opts ul a.btn_disabled:hover, .lst-head .lst-batch > .ListToolMenuLink.btn_disabled:hover, .cspList_tophead .batch-opts ul a.btn_disabled:hover, .cspList_foot .batch-opts ul a.btn_disabled:hover, .modal-dialog .modal-content .modal-body .input-button.btn_disabled:hover, .field .field-widget .addbutton .btn.disabled:hover, .field .BodyText .addbutton .btn.disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled:hover, .datecal-widget .jscal-select.disabled:hover, .datecal-widget .jscal-clear.disabled:hover, .datecal-widget .jscal-text.disabled:hover, .uib-datepicker-popup .uib-button-bar button.disabled:hover, .btn.disabled:hover, input[type="button"].disabled:hover, input[type="submit"].disabled:hover, input[type="reset"].disabled:hover, .lst-head .batch-opts ul a.disabled:hover, .lst-foot .batch-opts ul a.disabled:hover, .lst-head .lst-batch > .ListToolMenuLink.disabled:hover, .cspList_tophead .batch-opts ul a.disabled:hover, .cspList_foot .batch-opts ul a.disabled:hover, .modal-dialog .modal-content .modal-body .input-button.disabled:hover, .field .field-widget .addbutton .btn[disabled]:hover, .field .BodyText .addbutton .btn[disabled]:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled]:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled]:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled]:hover, .datecal-widget .jscal-select[disabled]:hover, .datecal-widget .jscal-clear[disabled]:hover, .datecal-widget .jscal-text[disabled]:hover, .uib-datepicker-popup .uib-button-bar button[disabled]:hover, .btn[disabled]:hover, input[type="button"][disabled]:hover, input[type="submit"][disabled]:hover, input[type="reset"][disabled]:hover, .lst-head .batch-opts ul a[disabled]:hover, .lst-foot .batch-opts ul a[disabled]:hover, .lst-head .lst-batch > .ListToolMenuLink[disabled]:hover, .cspList_tophead .batch-opts ul a[disabled]:hover, .cspList_foot .batch-opts ul a[disabled]:hover, .modal-dialog .modal-content .modal-body .input-button[disabled]:hover, .field .field-widget .addbutton .btn.btn_disabled [class^="icn-"], .field .BodyText .addbutton .btn.btn_disabled [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled [class^="icn-"], .datecal-widget .jscal-select.btn_disabled [class^="icn-"], .datecal-widget .jscal-clear.btn_disabled [class^="icn-"], .datecal-widget .jscal-text.btn_disabled [class^="icn-"], .uib-datepicker-popup .uib-button-bar button.btn_disabled [class^="icn-"], .btn.btn_disabled [class^="icn-"], input[type="button"].btn_disabled [class^="icn-"], input[type="submit"].btn_disabled [class^="icn-"], input[type="reset"].btn_disabled [class^="icn-"], .lst-head .batch-opts ul a.btn_disabled [class^="icn-"], .lst-foot .batch-opts ul a.btn_disabled [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink.btn_disabled [class^="icn-"], .cspList_tophead .batch-opts ul a.btn_disabled [class^="icn-"], .cspList_foot .batch-opts ul a.btn_disabled [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button.btn_disabled [class^="icn-"], .field .field-widget .addbutton .btn.disabled [class^="icn-"], .field .BodyText .addbutton .btn.disabled [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled [class^="icn-"], .datecal-widget .jscal-select.disabled [class^="icn-"], .datecal-widget .jscal-clear.disabled [class^="icn-"], .datecal-widget .jscal-text.disabled [class^="icn-"], .uib-datepicker-popup .uib-button-bar button.disabled [class^="icn-"], .btn.disabled [class^="icn-"], input[type="button"].disabled [class^="icn-"], input[type="submit"].disabled [class^="icn-"], input[type="reset"].disabled [class^="icn-"], .lst-head .batch-opts ul a.disabled [class^="icn-"], .lst-foot .batch-opts ul a.disabled [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink.disabled [class^="icn-"], .cspList_tophead .batch-opts ul a.disabled [class^="icn-"], .cspList_foot .batch-opts ul a.disabled [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button.disabled [class^="icn-"], .field .field-widget .addbutton .btn[disabled] [class^="icn-"], .field .BodyText .addbutton .btn[disabled] [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled] [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled] [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled] [class^="icn-"], .datecal-widget .jscal-select[disabled] [class^="icn-"], .datecal-widget .jscal-clear[disabled] [class^="icn-"], .datecal-widget .jscal-text[disabled] [class^="icn-"], .uib-datepicker-popup .uib-button-bar button[disabled] [class^="icn-"], .btn[disabled] [class^="icn-"], input[type="button"][disabled] [class^="icn-"], input[type="submit"][disabled] [class^="icn-"], input[type="reset"][disabled] [class^="icn-"], .lst-head .batch-opts ul a[disabled] [class^="icn-"], .lst-foot .batch-opts ul a[disabled] [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink[disabled] [class^="icn-"], .cspList_tophead .batch-opts ul a[disabled] [class^="icn-"], .cspList_foot .batch-opts ul a[disabled] [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button[disabled] [class^="icn-"], .field .field-widget .addbutton .btn.btn_disabled:hover [class^="icn-"], .field .BodyText .addbutton .btn.btn_disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled:hover [class^="icn-"], .datecal-widget .jscal-select.btn_disabled:hover [class^="icn-"], .datecal-widget .jscal-clear.btn_disabled:hover [class^="icn-"], .datecal-widget .jscal-text.btn_disabled:hover [class^="icn-"], .uib-datepicker-popup .uib-button-bar button.btn_disabled:hover [class^="icn-"], .btn.btn_disabled:hover [class^="icn-"], input[type="button"].btn_disabled:hover [class^="icn-"], input[type="submit"].btn_disabled:hover [class^="icn-"], input[type="reset"].btn_disabled:hover [class^="icn-"], .lst-head .batch-opts ul a.btn_disabled:hover [class^="icn-"], .lst-foot .batch-opts ul a.btn_disabled:hover [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink.btn_disabled:hover [class^="icn-"], .cspList_tophead .batch-opts ul a.btn_disabled:hover [class^="icn-"], .cspList_foot .batch-opts ul a.btn_disabled:hover [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button.btn_disabled:hover [class^="icn-"], .field .field-widget .addbutton .btn.disabled:hover [class^="icn-"], .field .BodyText .addbutton .btn.disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled:hover [class^="icn-"], .datecal-widget .jscal-select.disabled:hover [class^="icn-"], .datecal-widget .jscal-clear.disabled:hover [class^="icn-"], .datecal-widget .jscal-text.disabled:hover [class^="icn-"], .uib-datepicker-popup .uib-button-bar button.disabled:hover [class^="icn-"], .btn.disabled:hover [class^="icn-"], input[type="button"].disabled:hover [class^="icn-"], input[type="submit"].disabled:hover [class^="icn-"], input[type="reset"].disabled:hover [class^="icn-"], .lst-head .batch-opts ul a.disabled:hover [class^="icn-"], .lst-foot .batch-opts ul a.disabled:hover [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink.disabled:hover [class^="icn-"], .cspList_tophead .batch-opts ul a.disabled:hover [class^="icn-"], .cspList_foot .batch-opts ul a.disabled:hover [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button.disabled:hover [class^="icn-"], .field .field-widget .addbutton .btn[disabled]:hover [class^="icn-"], .field .BodyText .addbutton .btn[disabled]:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled]:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled]:hover [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled]:hover [class^="icn-"], .datecal-widget .jscal-select[disabled]:hover [class^="icn-"], .datecal-widget .jscal-clear[disabled]:hover [class^="icn-"], .datecal-widget .jscal-text[disabled]:hover [class^="icn-"], .uib-datepicker-popup .uib-button-bar button[disabled]:hover [class^="icn-"], .btn[disabled]:hover [class^="icn-"], input[type="button"][disabled]:hover [class^="icn-"], input[type="submit"][disabled]:hover [class^="icn-"], input[type="reset"][disabled]:hover [class^="icn-"], .lst-head .batch-opts ul a[disabled]:hover [class^="icn-"], .lst-foot .batch-opts ul a[disabled]:hover [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink[disabled]:hover [class^="icn-"], .cspList_tophead .batch-opts ul a[disabled]:hover [class^="icn-"], .cspList_foot .batch-opts ul a[disabled]:hover [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button[disabled]:hover [class^="icn-"], .field .field-widget .addbutton .btn.btn_disabled [class*=" icn-"], .field .BodyText .addbutton .btn.btn_disabled [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled [class*=" icn-"], .datecal-widget .jscal-select.btn_disabled [class*=" icn-"], .datecal-widget .jscal-clear.btn_disabled [class*=" icn-"], .datecal-widget .jscal-text.btn_disabled [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button.btn_disabled [class*=" icn-"], .btn.btn_disabled [class*=" icn-"], input[type="button"].btn_disabled [class*=" icn-"], input[type="submit"].btn_disabled [class*=" icn-"], input[type="reset"].btn_disabled [class*=" icn-"], .lst-head .batch-opts ul a.btn_disabled [class*=" icn-"], .lst-foot .batch-opts ul a.btn_disabled [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink.btn_disabled [class*=" icn-"], .cspList_tophead .batch-opts ul a.btn_disabled [class*=" icn-"], .cspList_foot .batch-opts ul a.btn_disabled [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button.btn_disabled [class*=" icn-"], .field .field-widget .addbutton .btn.disabled [class*=" icn-"], .field .BodyText .addbutton .btn.disabled [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled [class*=" icn-"], .datecal-widget .jscal-select.disabled [class*=" icn-"], .datecal-widget .jscal-clear.disabled [class*=" icn-"], .datecal-widget .jscal-text.disabled [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button.disabled [class*=" icn-"], .btn.disabled [class*=" icn-"], input[type="button"].disabled [class*=" icn-"], input[type="submit"].disabled [class*=" icn-"], input[type="reset"].disabled [class*=" icn-"], .lst-head .batch-opts ul a.disabled [class*=" icn-"], .lst-foot .batch-opts ul a.disabled [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink.disabled [class*=" icn-"], .cspList_tophead .batch-opts ul a.disabled [class*=" icn-"], .cspList_foot .batch-opts ul a.disabled [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button.disabled [class*=" icn-"], .field .field-widget .addbutton .btn[disabled] [class*=" icn-"], .field .BodyText .addbutton .btn[disabled] [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled] [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled] [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled] [class*=" icn-"], .datecal-widget .jscal-select[disabled] [class*=" icn-"], .datecal-widget .jscal-clear[disabled] [class*=" icn-"], .datecal-widget .jscal-text[disabled] [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button[disabled] [class*=" icn-"], .btn[disabled] [class*=" icn-"], input[type="button"][disabled] [class*=" icn-"], input[type="submit"][disabled] [class*=" icn-"], input[type="reset"][disabled] [class*=" icn-"], .lst-head .batch-opts ul a[disabled] [class*=" icn-"], .lst-foot .batch-opts ul a[disabled] [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink[disabled] [class*=" icn-"], .cspList_tophead .batch-opts ul a[disabled] [class*=" icn-"], .cspList_foot .batch-opts ul a[disabled] [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button[disabled] [class*=" icn-"], .field .field-widget .addbutton .btn.btn_disabled:hover [class*=" icn-"], .field .BodyText .addbutton .btn.btn_disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled:hover [class*=" icn-"], .datecal-widget .jscal-select.btn_disabled:hover [class*=" icn-"], .datecal-widget .jscal-clear.btn_disabled:hover [class*=" icn-"], .datecal-widget .jscal-text.btn_disabled:hover [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button.btn_disabled:hover [class*=" icn-"], .btn.btn_disabled:hover [class*=" icn-"], input[type="button"].btn_disabled:hover [class*=" icn-"], input[type="submit"].btn_disabled:hover [class*=" icn-"], input[type="reset"].btn_disabled:hover [class*=" icn-"], .lst-head .batch-opts ul a.btn_disabled:hover [class*=" icn-"], .lst-foot .batch-opts ul a.btn_disabled:hover [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink.btn_disabled:hover [class*=" icn-"], .cspList_tophead .batch-opts ul a.btn_disabled:hover [class*=" icn-"], .cspList_foot .batch-opts ul a.btn_disabled:hover [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button.btn_disabled:hover [class*=" icn-"], .field .field-widget .addbutton .btn.disabled:hover [class*=" icn-"], .field .BodyText .addbutton .btn.disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled:hover [class*=" icn-"], .datecal-widget .jscal-select.disabled:hover [class*=" icn-"], .datecal-widget .jscal-clear.disabled:hover [class*=" icn-"], .datecal-widget .jscal-text.disabled:hover [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button.disabled:hover [class*=" icn-"], .btn.disabled:hover [class*=" icn-"], input[type="button"].disabled:hover [class*=" icn-"], input[type="submit"].disabled:hover [class*=" icn-"], input[type="reset"].disabled:hover [class*=" icn-"], .lst-head .batch-opts ul a.disabled:hover [class*=" icn-"], .lst-foot .batch-opts ul a.disabled:hover [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink.disabled:hover [class*=" icn-"], .cspList_tophead .batch-opts ul a.disabled:hover [class*=" icn-"], .cspList_foot .batch-opts ul a.disabled:hover [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button.disabled:hover [class*=" icn-"], .field .field-widget .addbutton .btn[disabled]:hover [class*=" icn-"], .field .BodyText .addbutton .btn[disabled]:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled]:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled]:hover [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled]:hover [class*=" icn-"], .datecal-widget .jscal-select[disabled]:hover [class*=" icn-"], .datecal-widget .jscal-clear[disabled]:hover [class*=" icn-"], .datecal-widget .jscal-text[disabled]:hover [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button[disabled]:hover [class*=" icn-"], .btn[disabled]:hover [class*=" icn-"], input[type="button"][disabled]:hover [class*=" icn-"], input[type="submit"][disabled]:hover [class*=" icn-"], input[type="reset"][disabled]:hover [class*=" icn-"], .lst-head .batch-opts ul a[disabled]:hover [class*=" icn-"], .lst-foot .batch-opts ul a[disabled]:hover [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink[disabled]:hover [class*=" icn-"], .cspList_tophead .batch-opts ul a[disabled]:hover [class*=" icn-"], .cspList_foot .batch-opts ul a[disabled]:hover [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button[disabled]:hover [class*=" icn-"] { color: #aaa; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font-family: inherit; vertical-align: baseline; } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: 700; } dfn { font-style: italic; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="checkbox"] { width: 14px; height: 22px; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } fieldset, legend { border: 0; padding: 0; } /** Fixes issue in IE/Edge that prevents legend text from wrapping **/ legend { max-width: 100%; } textarea { overflow: auto; } optgroup { font-weight: 700; } placeholder::-moz-placeholder { color: #949494; opacity: 1; } placeholder:-ms-input-placeholder { color: #949494; } placeholder::-webkit-input-placeholder { color: #949494; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; text-align: left; } ol, ul { list-style: none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; background-color: #fff; color: #000; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .acc_hide { position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } input[type="password"] { direction: inherit; } .container { margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col { float: left; padding-left: 15px; padding-right: 15px; } .col-right { float: right; } .col-1 { width: calc(1/12 * 100%); } .col-2 { width: calc(2/12 * 100%); } .col-3 { width: calc(3/12 * 100%); } .col-4 { width: calc(4/12 * 100%); } .col-5 { width: calc(5/12 * 100%); } .col-6 { width: calc(6/12 * 100%); } .col-7 { width: calc(7/12 * 100%); } .col-8 { width: calc(8/12 * 100%); } .col-9 { width: calc(9/12 * 100%); } .col-10 { width: calc(10/12 * 100%); } .col-11 { width: calc(11/12 * 100%); } .col-12 { width: 100%; } .gutter-left { padding-left: 15px; } .gutter-right { padding-right: 15px; } @media only screen and (max-width: 767px) { .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 { width: 100%; } .gutter-left, .gutter-right { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 768px) { .sm-col { float: left; } .sm-col-right { float: right; } .sm-col-1 { width: calc(1/12 * 100%); } .sm-col-2 { width: calc(2/12 * 100%); } .sm-col-3 { width: calc(3/12 * 100%); } .sm-col-4 { width: calc(4/12 * 100%); } .sm-col-5 { width: calc(5/12 * 100%); } .sm-col-6 { width: calc(6/12 * 100%); } .sm-col-7 { width: calc(7/12 * 100%); } .sm-col-8 { width: calc(8/12 * 100%); } .sm-col-9 { width: calc(9/12 * 100%); } .sm-col-10 { width: calc(10/12 * 100%); } .sm-col-11 { width: calc(11/12 * 100%); } .sm-col-12 { width: 100%; } } @media only screen and (min-width: 992px) { .md-col { float: left; } .md-col-right { float: right; } .md-col-1 { width: calc(1/12 * 100%); } .md-col-2 { width: calc(2/12 * 100%); } .md-col-3 { width: calc(3/12 * 100%); } .md-col-4 { width: calc(4/12 * 100%); } .md-col-5 { width: calc(5/12 * 100%); } .md-col-6 { width: calc(6/12 * 100%); } .md-col-7 { width: calc(7/12 * 100%); } .md-col-8 { width: calc(8/12 * 100%); } .md-col-9 { width: calc(9/12 * 100%); } .md-col-10 { width: calc(10/12 * 100%); } .md-col-11 { width: calc(11/12 * 100%); } .md-col-12 { width: 100%; } } @media only screen and (min-width: 1200px) { .lg-col { float: left; } .lg-col-right { float: right; } .lg-col-1 { width: calc(1/12 * 100%); } .lg-col-2 { width: calc(2/12 * 100%); } .lg-col-3 { width: calc(3/12 * 100%); } .lg-col-4 { width: calc(4/12 * 100%); } .lg-col-5 { width: calc(5/12 * 100%); } .lg-col-6 { width: calc(6/12 * 100%); } .lg-col-7 { width: calc(7/12 * 100%); } .lg-col-8 { width: calc(8/12 * 100%); } .lg-col-9 { width: calc(9/12 * 100%); } .lg-col-10 { width: calc(10/12 * 100%); } .lg-col-11 { width: calc(11/12 * 100%); } .lg-col-12 { width: 100%; } } @media only screen and (min-width: 1200px) { .xl-col { float: left; } .xl-col-right { float: right; } .xl-col-1 { width: calc(1/12 * 100%); } .xl-col-2 { width: calc(2/12 * 100%); } .xl-col-3 { width: calc(3/12 * 100%); } .xl-col-4 { width: calc(4/12 * 100%); } .xl-col-5 { width: calc(5/12 * 100%); } .xl-col-6 { width: calc(6/12 * 100%); } .xl-col-7 { width: calc(7/12 * 100%); } .xl-col-8 { width: calc(8/12 * 100%); } .xl-col-9 { width: calc(9/12 * 100%); } .xl-col-10 { width: calc(10/12 * 100%); } .xl-col-11 { width: calc(11/12 * 100%); } .xl-col-12 { width: 100%; } } html, body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Material Design Typography */ html body { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 400; color: #333; font-size: 14px; line-height: 22px; text-align: unset; } @media only screen and (max-width: 767px) { html body { line-height: 18px; } } h1, .h1-text { font-weight: 300; font-size: 28px; line-height: 36px; } @media only screen and (max-width: 767px) { h1, .h1-text { font-size: 24px; line-height: 30px; } } h2, .h2-text { font-weight: 300; font-size: 22px; line-height: 28px; color: #333; margin-bottom: 20px; } @media only screen and (max-width: 767px) { h2, .h2-text { font-size: 20px; line-height: 24px; } } h3, .h3-text { font-weight: 400; font-size: 18px; line-height: 24px; } @media only screen and (max-width: 767px) { h3, .h3-text { font-size: 16px; line-height: 20px; } } p { margin-bottom: 10px; } a { color: #001a57; text-decoration: none; font-size: 13px; line-height: 20px; } a:hover, a:focus, a:hover [class^="icn-"], a:focus [class^="icn-"], a:hover [class*=" icn-"], a:focus [class*=" icn-"] { color: #001a57; } a:hover, a:focus { text-decoration: underline; cursor: pointer; } b, strong, .text-bold { font-weight: 700; } .body-small { font-size: 13px; line-height: 20px; } @media only screen and (max-width: 767px) { .body-small { line-height: 16px; } } .xs-text { font-size: 11px; line-height: 18px; color: #6c6c6c; } .sm-text { font-size: 12px; } .base-text { font-size: 14px; line-height: 22px; } @media only screen and (max-width: 767px) { .base-text { line-height: 18px; } } .lg-text { font-size: 16px; line-height: 24px; } .xl-text { font-size: 24px; line-height: 30px; } /* Defaults */ /*** Right-to-left Support ***/ /* Grid */ /* Font Family */ /* Font Size */ /* Font Weight */ /* Text Color + Opacity */ /* Colors */ /*Grays*/ /* Buttons */ /* Layout */ /* Header */ /* Footer */ /* Breakpoints */ /* Screen Size */ /* Icon glyphs */ /* Margins and Padding */ /* Spacing */ /* Nav dimensions & color */ /* Modal */ /* Tab */ /* Cards */ /* Banner Images */ /* Avatar Sizes */ /* Icon */ body .branding-bg { background-color: #08f; } body .branding-fg { color: #fff; } body .branding-fg.md-button:not([disabled]).md-focused, body .branding-fg.md-button:not([disabled]):hover { background-color: rgba(0, 0, 0, 0); } body .branding-fg.btn { color: #fff; } body .branding-bg1 { background-color: #001a57; } body .branding-bg2 { background-color: #b3b3b3; } body .branding-text1 { color: #001a57; } body .branding-text2 { color: #b3b3b3; } body .nav-mask { background: rgba(0, 0, 0, 0.5); } .yui-skin-sam .yui-panel .hd { background: none; background-color: #001a57; } .dark-theme { color: #fff; } .dark-theme .btn_transparent { border-color: #fff; color: #fff; } .icon-xs { font-size: 12px; } .spin-animation { display: inline-block; -webkit-animation: spin 2500ms infinite linear; -moz-animation: spin 2500ms infinite linear; -ms-animation: spin 2500ms infinite linear; -o-animation: spin 2500ms infinite linear; animation: spin 2500ms infinite linear; } .spin-animation.spinner-md { vertical-align: middle; font-size: 24px; } .mobile-app-badge { height: 40px; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } html { height: 100%; background-color: #f6f6f6 !important; } html body { min-height: calc(100% - 64px); height: auto; position: initial; background-color: #f6f6f6; margin-top: 64px; min-width: 0; } @media print { html body { margin-top: 0; } } html body.modal { margin-top: 0; } header .container { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media only screen and (max-width: 992px) { header .container { width: 100%; } } footer { padding: 0 15px 15px 15px; } .login-page footer { padding: 20px; } @media only screen and (min-width: 768px) { .container { width: 750px; } } @media only screen and (min-width: 992px) { .container { width: 970px; } } @media only screen and (min-width: 1200px) { .container { width: 1170px; } } .page-top { position: fixed; top: 0; width: 100%; background-color: #08f; z-index: 102; } .page-title-wrapper .page-title { margin: 20px 0; padding: 0; } @media (max-width: 414px) { .page-title-wrapper .page-title { margin-top: 0; } } .content-container { background: #fff; border: 1px solid #ececec; border-radius: 5px; } @media print { .content-container { border: 1px solid #ccc; box-shadow: none; } } .content-container .page-main { padding: 0; } .content-container .page-main .content-container { box-shadow: none; border-radius: 0; } .content-container .content-container-inner > .btn { margin: 0 15px 15px; } .content-container .content-container-inner.job_view_section_content > .btn:not(:last-child) { margin-right: 0; } .content-container-inner .header-content-container { background: #fff; border: 1px solid #ececec; border-radius: 5px; margin-bottom: 10px; } @media print { .content-container-inner .header-content-container { border: 1px solid #ccc; box-shadow: none; } } .content-container-inner .header-content-container .header-content { border: 0; margin-bottom: 0; } .content-container-inner .header-content { background: #fff; border: 1px solid #ececec; border-radius: 5px; padding: 20px; margin-bottom: 15px; } @media print { .content-container-inner .header-content { border: 1px solid #ccc; box-shadow: none; } } .content-container-inner .header-content .header-text { -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; min-width: 0px; width: 100%; } .content-container-inner .header-content .header-title { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-bottom: 5px; } .content-container-inner .header-content .header-title .badge, .content-container-inner .header-content .header-title .badge-small { vertical-align: middle; } .content-container-inner .header-content .header-subtitle { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; color: #6c6c6c; } .content-container-inner .header-content .header-subtitle .header-subtitle-content { width: 100%; overflow: hidden; margin-right: 10px; -webkit-flex: 1 0 0; -moz-flex: 1 0 0; -ms-flex: 1 0 0; flex: 1 0 0; } .content-container-inner .header-content .header-subtitle .header-subtitle-content .header-info { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .content-container-inner .header-content .header-subtitle .header-subtitle-content .header-info > span { margin: 5px 0px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } @media only screen and (max-width: 767px) { .content-container-inner .header-content .header-subtitle .header-subtitle-content .header-info { margin-top: 5px; } .content-container-inner .header-content .header-subtitle .header-subtitle-content .header-info > span { margin: 2.5px 0px; } } @media only screen and (max-width: 767px) { .content-container-inner .header-content .header-subtitle { display: block; } .content-container-inner .header-content .header-subtitle .header-subtitle-content { margin-bottom: 10px; } } .page-utils { position: relative; margin-top: 15px; } @media print { .page-utils { display: none; } } .page-utils .back-links { font-size: 13px; color: #6c6c6c; line-height: 20px; } .page-utils .back-links a { color: #6c6c6c; display: inline-block; text-decoration: none; } @media only screen and (max-width: 767px) { .page-utils .back-links a { line-height: 16px; height: 16px; } } .page-utils .back-links a[class^="icn-"], .page-utils .back-links a[class*=" icn-"] { font-size: 20px; } .page-utils .back-links .bc-sep { color: #444; } .page-utils .back-links ul li { display: inline; } .page-utils .back-links ul li:hover a { color: #001a57; } .page-utils .back-links ul li:last-child a, .page-utils .back-links ul li:last-child a:hover { color: #333; pointer-events: none; } @media (max-width: 414px) { .page-utils .back-links nav { margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .page-utils .actions-menu-wrapper { margin-top: 10px; } .page-utils .actions-menu-wrapper .actions-toggle { width: 100%; } } .page-footer { width: 100%; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .page-footer div { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; } .page-footer .footer-blurb, .page-footer .footer-links { text-align: right; font-size: 12px; } .page-footer .footer-blurb { color: #949494; } @media only screen and (max-width: 767px) { .page-footer { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .page-footer div, .page-footer .footer-image, .page-footer .footer-blurb, .page-footer .footer-text, .page-footer .footer-links { width: 100%; text-align: center; } .page-footer .footer-blurb { margin-bottom: 10px; } } .footer-image a { color: #6c6c6c; text-decoration: none; font-size: 0.92em; } .form-container, .wizard-container { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; width: 100%; } .form-container:before, .wizard-container:before, .form-container:after, .wizard-container:after { content: " "; display: table; } .form-container:after, .wizard-container:after { clear: both; } :not(.has-sidebar) > .form-container { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .form-col, .wizard-content, .wizard-tabs { float: none; vertical-align: top; } .form-col { width: 100%; padding: 20px; } .form-col .form { padding: 0; } .floating_content .form-col { background: #fff; border: 1px solid #ececec; border-radius: 5px; } @media print { .floating_content .form-col { border: 1px solid #ccc; box-shadow: none; } } .floating_content .form-col .form-col { border: inherit; } .page-banner-image { height: 150px; background-size: cover; background-repeat: no-repeat; border-radius: 5px 5px 0 0; border-bottom: 1px solid #ececec; grid-column-start: 1; grid-column-end: 3; -ms-grid-column-span: 3; -ms-grid-column: 1; } .banner-as-img { display: block; width: 100%; border-bottom: 1px solid #ececec; } .floating_content nav .scroll_tabs_container { border-bottom: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .floating_content nav ~ .form-layout .form-col { border-top-left-radius: 0; border-top-right-radius: 0; } .floating_content .event-header { grid-column-start: 1; grid-column-end: 3; -ms-grid-column-span: 3; -ms-grid-column: 1; grid-row: 2; -ms-grid-row: 2; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; margin-bottom: 10px; padding: 20px; background: #fff; border: 1px solid #ececec; } .floating_content .event-header .event-header-image { box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.082); width: 100px; height: 100px; overflow: hidden; margin-right: 20px; } @media only screen and (max-width: 767px) { .floating_content .event-header .event-header-image { display: block; } } .floating_content .event-header .event-header-image .avatar { width: 100%; height: auto; } .floating_content .event-header .event-header-body { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; width: 50%; } @media only screen and (max-width: 767px) { .floating_content .event-header .event-header-body { display: unset; width: 100%; margin-bottom: 20px; } } .floating_content .event-header .event-header-body .event-header-info { width: calc(100% - 100px); } @media only screen and (max-width: 767px) { .floating_content .event-header .event-header-body .event-header-info { margin: 20px 0 0; width: 100%; } } .floating_content .event-header .event-header-body .event-header-info .event-header-title, .floating_content .event-header .event-header-body .event-header-info .event-header-time { margin-bottom: 5px; } .floating_content .event-header .event-header-body .event-header-info .event-header-location { font-weight: 300; margin-bottom: 0; } .floating_content .event-header .event-header-actions { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .floating_content .event-header .event-header-actions input[type='button']:last-child { margin-right: 0; } .floating_content .event-header .event-header-actions form { display: inline; } .form .form { padding: 0; } .has-sidebar .form-col { width: calc(70% - 10px); -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .wizard-content { width: 80%; padding: 20px; } .wizard-content .form-layout { margin: -20px; } .wizard-content .form { padding: 0; } .sidebar, .wizard-tabs { background: #ececec; width: 30%; } .sidebar.sidebar-right, .wizard-tabs.sidebar-right { border-bottom-right-radius: 3px; } .sidebar.sidebar-left, .wizard-tabs.sidebar-left { border-bottom-left-radius: 3px; } .wizard-tabs { width: 20%; } .list-layout .form-col { padding: 0; } .list-layout .form-col .search-filters { padding: 20px; } table { background-color: transparent; } caption { padding-top: 10px; padding-bottom: 10px; color: #777; text-align: left; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 15px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 10px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ececec; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ececec; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th { font-weight: 700; } .table > tbody + tbody { border-top: 2px solid #ececec; } .table .table { background-color: #fff; } .job_review_wrap .sidebar #sb_contactblurb, .job_review_wrap .sidebar #sb_howtoapply { display: none; } @media only screen and (max-width: 991px) { :not(.non-responsive-section) .page-title-wrapper { margin: 0 15px; padding: 0 15px; } :not(.non-responsive-section) .page-main { margin: 0; padding: 0 15px 15px; } :not(.non-responsive-section) .form-layout .form-container, :not(.non-responsive-section) .form-layout .form-col, :not(.non-responsive-section) .form-layout .sidebar { display: block; width: auto; } :not(.non-responsive-section) .floating_content .sidebar { margin: 15px 0; } :not(.non-responsive-section) .wizard-container, :not(.non-responsive-section) .wizard-tabs, :not(.non-responsive-section) .wizard-content { display: block; width: auto; } } @media only screen and (max-width: 767px) { :not(.non-responsive-section) .page-title-wrapper { margin: 0; padding: 0 15px; } :not(.non-responsive-section) .content-container { margin-left: -15px; margin-right: -15px; border-radius: 0; border-left-width: 0; border-right-width: 0; } :not(.non-responsive-section) .content-container .content-container { margin-left: 0; margin-right: 0; } :not(.non-responsive-section) .form-layout .sidebar { margin: 15px 0 0; } :not(.non-responsive-section) .form-col { padding: 15px; } :not(.non-responsive-section) .list-layout .form-col { padding: 0; } } .header-menu { display: flex; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; padding-right: 10px; padding-left: 15px; width: 200px; } @media only screen and (max-width: 991px) { .header-menu { padding-left: 0; } } @media only screen and (max-width: 767px) { .header-menu { padding-left: 0; width: 150px; } } .page-top .avatar, .page-top #close_window_link .avatar { display: inline-block; vertical-align: middle; height: 30px; width: 30px; line-height: 30px; font-size: 13px; font-weight: bold; border: 0px; background-color: #ececec; color: #949494; opacity: 1; padding: 0px; } .page-top .avatar:hover, .page-top #close_window_link .avatar:hover { color: rgba(51, 51, 51, 1); } .page-top .avatar[class^="icn-"], .page-top #close_window_link .avatar[class^="icn-"], .page-top .avatar[class*=" icn-"], .page-top #close_window_link .avatar[class*=" icn-"] { font-weight: normal; } .page-top .profile-picture { border: 1px #fff solid; } @media print { .page-top { display: none; } } .page-students .page-top #page-flex-fill { max-width: 0; } .page-employers .page-top #page-flex-fill { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; } .page-top #page-menu { cursor: pointer; transition: all 0.33s ease-in; height: 24px; padding: 0 10px; background: #08f; text-align: center; } .page-top #page-menu:hover i { opacity: 1; } .page-top #page-menu [class^="icn-"], .page-top #page-menu [class*=" icn-"] { color: rgba(255, 255, 255, 0.8); font-size: 24px; } .page-top #page-brand { background: #08f; transition: all 0.33s ease-out; height: 64px; width: 200px; } .page-top #page-brand .nav-brand { display: block; background: #08f; width: 100%; height: 100%; } .page-top #page-brand .nav-brand div { height: 100%; width: 100%; background-size: contain; background-position: left center; background-repeat: no-repeat; } .page-top #quicksearch-ng-app { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; white-space: nowrap; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .page-top #page-search { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; white-space: nowrap; } .page-top #page-search .icn-search { display: inline-block; vertical-align: middle; color: #949494; font-size: 24px; } .page-top #page-search .icn-close { display: none; cursor: pointer; } .page-top #page-search md-autocomplete, .page-top #page-search #srch-area { display: inline-block; vertical-align: middle; margin-left: -20px; width: calc(100% - 28px - 20px); white-space: nowrap; background: none; min-width: 0; } .page-top #page-search md-autocomplete input:not(.md-input) { padding-left: 30px; } .page-top #page-search #hqs-kw { display: inline-block; vertical-align: middle; background: transparent; font-size: 16px; color: #949494; border: none; height: 40px; width: 100%; line-height: 40px; box-sizing: border-box; padding-left: 32px; } .page-top #page-search .hqs_span { display: none; vertical-align: middle; } .page-top #page-search #hqs-submit { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; width: 100px; margin: 0 0 0 15px; } .page-top #page-search #hqs-submit:hover, .page-top #page-search #hqs-submit:focus { box-shadow: none; background: none; } .page-top #page-search #hqs-submit.btn { border: 0; } @media only screen and (max-width: 767px) { .page-top #page-search #hqs-submit { display: none; } } .page-top #page-search #search_options { display: none !important; top: 76px; left: 215px; line-height: 24px; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.082); border-color: #ececec; } @media only screen and (min-width: 1200px) { .page-top #page-search #search_options { left: 215px; } } .page-top #page-search #search_options input { margin-right: 10px; } .page-top #page-search #search_options .input-submit { margin-left: 0; margin-top: 20px; } .page-top #page-search #search_options td > div { padding: 15px; } @media only screen and (max-width: 767px) { .page-top #page-search #search_options { left: 0; right: 0; } } .page-top #page-user { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; box-sizing: border-box; position: relative; margin-left: auto; } @media only screen and (max-width: 415px) { .page-top #page-user { position: static; } } .page-top .contact-chip, .page-top .ng-contact-chip { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; color: #949494; max-height: 64px; transition: all 0.33s linear; white-space: nowrap; } .page-top .contact-chip .contact-summary, .page-top .ng-contact-chip .contact-summary { color: #949494; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; align-items: center; text-decoration: none; margin-right: 20px; } @media only screen and (max-width: 767px) { .page-top .contact-chip .contact-summary, .page-top .ng-contact-chip .contact-summary { margin-right: 15px; } } .page-top .contact-chip .contact-summary:hover, .page-top .ng-contact-chip .contact-summary:hover { color: #001a57; } .page-top .contact-chip #page-notifications, .page-top .ng-contact-chip #page-notifications { margin-right: 20px; } @media only screen and (max-width: 767px) { .page-top .contact-chip #page-notifications, .page-top .ng-contact-chip #page-notifications { margin-right: 15px; } } .page-top .contact-chip .badge-toggle, .page-top .ng-contact-chip .badge-toggle { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .page-top .contact-chip .badge-toggle:hover, .page-top .ng-contact-chip .badge-toggle:hover { cursor: pointer; } .page-top .contact-chip .contact-details, .page-top .ng-contact-chip .contact-details { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; margin-right: 10px; } .page-top .contact-chip .contact-details .contact-name, .page-top .ng-contact-chip .contact-details .contact-name { overflow: hidden; transition: all 0.33s linear; max-width: 200px; text-overflow: ellipsis; } .page-top .contact-chip .contact-details .toggle-icon, .page-top .ng-contact-chip .contact-details .toggle-icon { transition: opacity 0.33s ease-out; color: #949494; margin-left: 10px; } @media only screen and (max-width: 767px) { .page-top .contact-chip .contact-details, .page-top .ng-contact-chip .contact-details { display: none; } } @media only screen and (max-width: 991px) { .page-top .contact-chip .contact-details, .page-top .ng-contact-chip .contact-details { margin-right: 0; } .page-top .contact-chip .contact-details > span, .page-top .ng-contact-chip .contact-details > span { display: none; } .page-top .contact-chip .contact-details .toggle-icon, .page-top .ng-contact-chip .contact-details .toggle-icon { margin-left: 0; } } .page-top .contact-chip li:last-child a, .page-top .ng-contact-chip li:last-child a { border-bottom: none; } .page-top .contact-chip #show_separate_link, .page-top .ng-contact-chip #show_separate_link { display: none; } .page-top #page-signin { margin-left: auto; } @media only screen and (max-width: 767px) { .page-top #show_separate_link, .page-top #close_window_link { display: none; } } .search-open .page-top #page-search .hqs_span { display: inline-block; } .search-open .page-top #page-search #search_options { display: block !important; top: 64px; } .search-open .page-top #page-search #hqs-kw { width: calc(100% - 100px - 15px); color: #949494; outline: none; border-bottom: 2px solid #001a57; } @media only screen and (max-width: 991px) { .search-open #page-user .contact-details span { max-width: 0; } } @media only screen and (max-width: 767px) { .page-top #page-search { max-width: 47px; min-width: 47px; } .page-top #page-search .icn-search { margin-left: 30px; } .page-top #page-search #srch-area { width: 32px; margin-left: -40px; } .page-top #page-search #hqs-kw { padding-left: 32px; } .page-top #page-flex-fill { max-width: 768px; -webkit-flex-grow: 100; -moz-flex-grow: 100; -ms-flex-grow: 100; flex-grow: 100; } .search-open #page-search { margin-top: 10px; } .search-open #frame > *, .search-open #page-user, .search-open #page-menu, .search-open #page-flex-fill, .search-open #page-brand, .search-open #nav-container { display: none; } .search-open #frame > .page-top { display: block; margin: 10px 0; height: auto; } .search-open .page-top #page-search { padding: 8px; max-width: 100%; min-width: 100%; } .search-open .page-top #page-search #srch-area { width: 100%; } .search-open .page-top #page-search .icn-search { margin-left: 10px; } .search-open .page-top #page-search #hqs-kw { width: 100%; padding-left: 47px; } .search-open .page-top #page-search .icn-close { display: inline-block; margin-left: -30px; } .search-open .page-top #page-search #search_options { top: 76px; box-shadow: none; } #search_options { height: calc(100% - 64px); width: 100%; } #search_options > table, #search_options > table > tbody, #search_options > table > tbody > tr, #search_options > table > tbody > tr > td { display: block !important; width: 100%; } #search_options > table { position: relative; } #search_options > table .input-submit { position: absolute; left: 10px; bottom: 10px; left: 10px; bottom: 10px; width: calc(100% - 20px); box-sizing: border-box; } #search_options #quicksearchextras { padding-bottom: 48px; } } #page-brand .nav-brand, #page-menu i { transition: all 0.33s ease-out; } #page-brand a.brand-link { color: #fff; } .user-tools-open #user-tools { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } #user-tools { display: none; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; width: 500px; position: absolute; line-height: 24px; top: 46px; right: 20px; background: #fff; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.082); z-index: 100; border: 1px solid #ececec; } #user-tools > * { width: 50%; -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-basis: 50%; flex-basis: 50%; padding: 10px; } @media only screen and (max-width: 767px) { #user-tools { position: fixed; width: 100%; top: 64px; right: 0; } } #user-tools h5 { padding: 10px; color: #333; font-weight: 500; } #user-tools li a { display: block; padding: 10px; white-space: normal; background: none; color: #333; text-decoration: none; } #user-tools #user-signout { font-weight: 700; color: #bf3e24; } #user-tools #xlate-langs:not(:focus), #user-tools #xlate-langs:not(:active) { border: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; cursor: pointer; background: transparent; padding: 10px; height: auto; width: 100%; max-width: 100%; } #user-tools #xlate-langs:not(:focus)::-ms-expand, #user-tools #xlate-langs:not(:active)::-ms-expand { display: none; } #user-tools #user-multi-office, #user-tools #mse-switch-systems { position: relative; } #user-tools #user-multi-office > a, #user-tools #mse-switch-systems > a { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; align-items: center; } #user-tools #user-multi-office .hat_switcher_content, #user-tools #mse-switch-systems .hat_switcher_content, #user-tools #user-multi-office .emp_view_switcher_content, #user-tools #mse-switch-systems .emp_view_switcher_content { max-height: 48px; width: 100%; overflow: hidden; } #user-tools #user-multi-office #hat_switcher_menu, #user-tools #mse-switch-systems #hat_switcher_menu, #user-tools #user-multi-office #emp_view_switcher_menu, #user-tools #mse-switch-systems #emp_view_switcher_menu { position: absolute; top: 0; width: 100%; overflow: auto; } #user-tools #user-multi-office #hat_switcher_menu ul li a:hover, #user-tools #mse-switch-systems #hat_switcher_menu ul li a:hover, #user-tools #user-multi-office #emp_view_switcher_menu ul li a:hover, #user-tools #mse-switch-systems #emp_view_switcher_menu ul li a:hover { background-color: #ececec; } #user-tools #user-multi-office .cancel_option, #user-tools #mse-switch-systems .cancel_option { color: #bf3e24; } /* Loginas */ #loginas { position: absolute; right: 12px; top: -13px; } #separate_window_link.avatar, .page-top #close_window_link .avatar { margin-right: 20px; overflow: hidden; text-decoration: none; font-weight: normal; font-size: 16px; } #separate_window_link.avatar:before, .page-top #close_window_link .avatar:before { line-height: 30px; display: block; } #close_window_link a { transform: scale(-1); top: 29px; } body .md-virtual-repeat-container.md-autocomplete-suggestions-container { z-index: 103; } .page-top *, #nav-container * { box-sizing: border-box; } .quicksearch md-autocomplete-wrap { box-shadow: none; } md-icon { box-sizing: content-box; } .well { background-color: #ececec; padding: 15px; } .skip-links a { top: -80px; } .skip-links a:focus { position: absolute; top: 0; left: 0; right: 0; width: 100%; display: block; padding: 20px; font-size: 16px; background: #ececec; color: #000; z-index: 110; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.082); text-align: center; } .banner .completion { width: 250px !important; } .banner .bio-url { padding: 0; } .banner .bio-url .inline { max-width: 410px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0; float: left; } .container { margin: 0 auto; padding: 0; } .container #frame { padding: 0; } .container .row { margin: 0 auto; } .container .row:first-child { margin: 0; } .page-title-wrapper { margin-bottom: 20px; padding: 0 15px; } .page-main { padding: 0 15px 15px; } .todo-title { display: block; } .todo-title .todo-link { display: inline-block; } .todo-title .todo-link .todo-class { font-size: 18px; line-height: 24px; text-transform: capitalize; font-weight: 500; } .todo-title .badge-small { vertical-align: middle; margin-bottom: 2px; text-transform: uppercase; } .todo-link, .letters-link { font-size: 16px; line-height: 16px; color: #333; } .letters-link { display: block; } .todo-header { padding-bottom: 20px; } .todo-list { margin: -20px; padding-bottom: 20px; } .todo-list .todo-item { padding: 20px; border-bottom: 1px solid #ececec; } .todo-list .todo-item:first-child, .todo-list .todo-item:only-child { border-top: 1px solid #ececec; } .todo-list .todo-item .todo-date { display: block; font-size: 14px; line-height: 22px; margin-top: 5px; } .todo-list .todo-item .todo-extra { display: block; font-size: 13px; line-height: 20px; font-weight: 300; margin-top: 5px; } .maincol.interior { margin: 0; padding: 0; } .maincol.interior.has-sidebar .form-readonly { background: #fff; border: 1px solid #ececec; border-radius: 5px; } @media print { .maincol.interior.has-sidebar .form-readonly { border: 1px solid #ccc; box-shadow: none; } } .grid-layout.has-sidebar, .content-container-inner.has-sidebar { grid-template-columns: 70% 30%; -ms-grid-columns: 70% 30%; } @media only screen and (max-width: 991px) { .grid-layout.has-sidebar, .content-container-inner.has-sidebar { display: block; } } .grid-layout, .content-container-inner.has-sidebar { display: grid; display: -ms-grid; grid-template-rows: auto auto 100%; -ms-grid-rows: auto auto 100%; } @media only screen and (max-width: 991px) { .grid-layout, .content-container-inner.has-sidebar { display: block; } } .grid-layout nav, .content-container-inner.has-sidebar nav { grid-column: 1; -ms-grid-column: 1; grid-row: 2; -ms-grid-row: 2; } .grid-layout .form-layout, .content-container-inner.has-sidebar .form-layout { grid-column-start: 1; grid-column-end: 2; -ms-grid-column-span: 2; -ms-grid-column: 1; grid-row: 2; -ms-grid-row: 2; } .grid-layout .form-layout .form-col:only-child, .content-container-inner.has-sidebar .form-layout .form-col:only-child { width: 100%; } .grid-layout nav ~ .form-layout, .content-container-inner.has-sidebar nav ~ .form-layout { grid-row: 3; -ms-grid-row: 3; } .grid-layout .sidebar, .content-container-inner.has-sidebar .sidebar { width: 100%; grid-row-start: 2; grid-row-end: end; -ms-grid-row-span: end; -ms-grid-row: 2; grid-column: 2; -ms-grid-column: 2; } .grid-layout .event-header ~ .sidebar, .content-container-inner.has-sidebar .event-header ~ .sidebar { grid-row: 3; -ms-grid-row: 3; } .grid-layout .header-content-container, .content-container-inner.has-sidebar .header-content-container { grid-column-start: 1; grid-column-end: end; -ms-grid-column-span: end; -ms-grid-column: 1; grid-row: 1; -ms-grid-row: 1; } .content-container-inner .grid-layout.has-sidebar .form-layout { grid-row-start: 1; grid-row-end: end; -ms-grid-row-span: end; -ms-grid-row: 1; } .content-container-inner .grid-layout.has-sidebar .sidebar-right { grid-row-start: 1; grid-row-end: end; -ms-grid-row-span: end; -ms-grid-row: 1; } main div#db-log-buttons { margin: 0 15px; } main div.debug-info-box { margin: 15px !important; } #frame { margin-left: 195px; } #frame.no-nav { margin-left: 0; } @media only screen and (max-width: 991px) { #frame { margin-left: 0; } } @media print { #frame { margin-left: 0; } } #nav-container { position: fixed; height: calc(100% - 64px); width: 195px; padding: 0 15px; background-color: #f6f6f6; z-index: 49; display: block; text-decoration: none; transition: transform 0.33s ease-out; overflow: hidden; } @media print { #nav-container { display: none; } } #nav-container:hover { overflow: auto; padding-right: 0; } #nav-container ul, #nav-container li, #nav-container a { display: block; margin: 0; padding: 0; list-style: none; } #nav-container ul, #nav-container li, #nav-container a, #nav-container i { font-size: 13px; line-height: 20px; } #nav-container li.nav-item { width: 165px; } @media only screen and (max-width: 992px) { #nav-container li.nav-item { width: 100%; } } #nav-container i { display: inline-block; vertical-align: middle; } #nav-container i:first-child { width: 24px; height: 24px; font-size: 16px; line-height: 24px; text-align: center; margin-right: 5px; margin-top: 0 !important; -webkit-flex: 0 0 24px; -moz-flex: 0 0 24px; -ms-flex: 0 0 24px; flex: 0 0 24px; color: rgba(51, 51, 51, 0.6); } [dir=rtl] #nav-container i:first-child { transform: scaleX(-1); } #nav-container i:last-child { opacity: 1; transition: transform 0.25s ease-out; text-align: center; width: 24px; } #nav-container .subnav-open i:last-child { transform: rotateZ(180deg); } #nav-container ul span { display: inline-block; vertical-align: middle; margin-right: auto; width: 100%; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; } #nav-container ul span, #nav-container i { margin-top: 2px; } #nav-container > ul { margin: 15px 0; } #nav-container a { text-decoration: none; padding: 10px; color: rgba(51, 51, 51, 0.7); display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } #nav-container a[name='menu'] { padding: 0 !important; } #nav-container a.active, #nav-container a.parent-active { color: rgba(51, 51, 51, 1); font-weight: 500; } #nav-container a:hover, #nav-container a:focus { color: rgba(51, 51, 51, 1); } @media only screen and (min-width: 992px) { #nav-container a:hover i:last-child, #nav-container a:focus i:last-child { opacity: 1; } } #nav-container a.active i, #nav-container a.parent-active i, #nav-container a:hover i, #nav-container a:focus i { color: rgba(51, 51, 51, 0.8); } #nav-container .nav-level { max-height: 0px; overflow: hidden; padding-left: 29px; } #nav-container .nav-level i:first-child { display: none; } #nav-container .nav-level ul span { margin-top: 0; margin-right: 24px; } #nav-container .nav-level a { border-left: none !important; padding-top: 5px; padding-bottom: 5px; } #nav-container .nav-level-open { max-height: 1000px; transition: max-height 0.33s ease-in; } /* mask element */ .nav-mask { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: fixed; background: rgba(0, 0, 0, 0.5); display: none; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; transition: opacity 0.33s ease-in; z-index: 99; } .nav-mask.active { opacity: 1; transition: opacity 0.33s ease-out; } @media only screen and (max-width: 991px) { #nav-container { transform: translateX(-100%); width: 195px; } [dir=rtl] #nav-container { transform: translateX(100%); } #nav-container.nav-container-open { transform: translateX(0); overflow-y: auto; box-shadow: none; z-index: 100; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } #nav-container, #nav-container.nav-showicons { position: fixed; padding-left: 0; padding-right: 0; left: 0; } #nav-container ul, #nav-container.nav-showicons ul, #nav-container li, #nav-container.nav-showicons li, #nav-container a, #nav-container.nav-showicons a, #nav-container i:not(:first-child), #nav-container.nav-showicons i:not(:first-child) { font-size: 14px; line-height: 18px; } #nav-container ul span, #nav-container.nav-showicons ul span, #nav-container i:last-child, #nav-container.nav-showicons i:last-child { margin-top: 3px; } #nav-container a, #nav-container.nav-showicons a { border-left: solid 5px transparent; padding-top: 15px; padding-bottom: 15px; } #nav-container a.active, #nav-container.nav-showicons a.active, #nav-container a.parent-active, #nav-container.nav-showicons a.parent-active { border-left-color: #001a57; } #nav-container .nav-level { padding-left: 34px; } body.nav-open { overflow-y: hidden; position: fixed; width: 100%; } } @media only screen and (min-width: 992px) { #nav-container { box-shadow: none; } #nav-container a { padding: 5px 0; } #nav-container i:last-child { opacity: 0; } .page-top #page-menu { transition: all 0.33s ease-out; max-width: 0; min-width: 0; padding: 0; } .nav-mask { display: none !important; } } .breadcrumbs { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .breadcrumbs li { color: #6c6c6c; } .breadcrumbs li:last-child { color: #333; } .breadcrumbs a, .breadcrumbs .current_path { display: inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 180px; vertical-align: bottom; } @media (max-width: 414px) { .breadcrumbs { margin-bottom: 20px; } } @media print { .tabs, .static-tabs { display: none; } } .scroll_tabs_container { position: relative; height: 50px; top: 0px; border-bottom: 1px solid #ececec; left: 0px; right: 0px; } .floating_content .scroll_tabs_container { background: #fff; border: 1px solid #ececec; border-radius: 5px; } @media print { .floating_content .scroll_tabs_container { border: 1px solid #ccc; box-shadow: none; } } .form-col > nav .scroll_tabs_container { border: inherit; border-bottom: 1px solid #ececec; } .scroll_tabs_container .scroll_tab_inner { height: 50px; } .scroll_tabs_container .scroll_tab_inner span, .scroll_tabs_container .scroll_tab_inner .flickity-slider > div { display: inline-block; height: 50px; } .scroll_tabs_container .scroll_tab_inner span a, .scroll_tabs_container .scroll_tab_inner .flickity-slider > div a, .scroll_tabs_container .scroll_tab_inner span button, .scroll_tabs_container .scroll_tab_inner .flickity-slider > div button { color: #6c6c6c; display: inline-block; padding: 0 15px; font-weight: 500; font-size: 13px; line-height: 50px; white-space: nowrap; text-decoration: none; background: transparent; border: 0; } .scroll_tabs_container .scroll_tab_inner span a:hover, .scroll_tabs_container .scroll_tab_inner .flickity-slider > div a:hover, .scroll_tabs_container .scroll_tab_inner span button:hover, .scroll_tabs_container .scroll_tab_inner .flickity-slider > div button:hover { color: #333; } .scroll_tabs_container .scroll_tab_inner span.active a, .scroll_tabs_container .scroll_tab_inner .flickity-slider > div.active a, .scroll_tabs_container .scroll_tab_inner span.active button, .scroll_tabs_container .scroll_tab_inner .flickity-slider > div.active button { color: #333; box-shadow: inset 0 -4px 0px -2px #001a57; } .scroll_tabs_container .scroll_tab_inner .flickity-viewport { overflow: hidden; } .scroll_tabs_container span.scroll_tab_left_finisher, .scroll_tabs_container span.scroll_tab_right_finisher { padding: 0; width: 0; } .scroll_tabs_container .scroll_tab_left_button, .scroll_tabs_container .scroll_tab_right_button { position: absolute; top: 0; width: 40px; cursor: pointer; height: 50px; text-align: center; color: #001a57; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .scroll_tabs_container .scroll_tab_left_button span, .scroll_tabs_container .scroll_tab_right_button span { font-size: 15px; line-height: 50px; } .scroll_tabs_container .scroll_tab_left_button { left: 0; } .scroll_tabs_container .scroll_tab_right_button { right: 0; } .scroll_tabs_container .scroll_tab_left_button:before, .scroll_tabs_container .scroll_tab_right_button:before { content: ""; } .scroll_tabs_container .scroll_tab_left_button_disabled, .scroll_tabs_container .scroll_tab_right_button_disabled { color: #ccc; } .static-tabs { position: relative; height: 50px; } .static-tabs > div, .static-tabs > span { display: inline-block; height: 50px; } .static-tabs > div a, .static-tabs > span a { color: #b3b3b3; display: inline-block; height: 50px; padding: 0 15px; font-weight: 500; font-size: 13px; line-height: 50px; white-space: nowrap; text-transform: uppercase; text-decoration: none; } .static-tabs > div a:hover, .static-tabs > span a:hover { color: #6c6c6c; } .static-tabs > div.active a, .static-tabs > span.active a, .static-tabs > div.hi a, .static-tabs > span.hi a { color: #6c6c6c; box-shadow: inset 0 -4px 0px -2px #001a57; } .tab-steps li a { display: block; padding: 10px 15px 10px 62px; font-size: 14px; text-decoration: none; color: #333; } .tab-steps li a:before, .tab-steps li a:after { content: " "; display: table; } .tab-steps li a:after { clear: both; } .tab-steps li a .tab-step-number, .tab-steps li a .tab-step-title { float: left; } .tab-steps li a .tab-step-number { height: 30px; width: 30px; background: #ececec; border-radius: 50%; text-align: center; line-height: 30px; } .tab-steps li a .tab-step-title { margin-top: 4px; line-height: 22px; } .tab-steps li:hover a, .tab-steps li.active a { color: #001a57; } .tab-steps li:hover a .tab-step-number, .tab-steps li.active a .tab-step-number { background: #001a57; color: #fff; } .tab-steps.tab-steps-vertical li .tab-step-number { margin: 0 15px 0 -46px; } .tab-steps.tab-steps-horizontal { border-bottom: 1px solid #ececec; text-align: center; } .tab-steps.tab-steps-horizontal li { display: inline-block; } .tab-steps.tab-steps-horizontal li a { padding: 15px 32px; } .tab-steps.tab-steps-horizontal li .tab-step-number { margin-right: 10px; } @media only screen and (max-width: 991px) { .wizard-tabs { padding: 0; } .tab-steps.tab-steps-vertical, .tab-steps.tab-steps-horizontal { border-bottom: 1px solid #ececec; text-align: center; } .tab-steps.tab-steps-vertical li, .tab-steps.tab-steps-horizontal li { display: inline-block; } .tab-steps.tab-steps-vertical li a, .tab-steps.tab-steps-horizontal li a { padding: 15px; } .tab-steps.tab-steps-vertical li .tab-step-number, .tab-steps.tab-steps-horizontal li .tab-step-number { margin: 0 10px 0 0; } } @media only screen and (max-width: 767px) { .wizard-tabs { padding: 0; } .tab-steps li a { padding: 15px 10px; } .tab-steps li .tab-step-number { margin: 0; } .tab-steps li .tab-step-title { display: none; } } @media only screen and (max-width: 767px) { body:not(.modal-view-desktop) .buttonbar .btn, body:not(.modal-view-desktop) .buttonbar .input-button, body:not(.modal-view-desktop) .buttonbar .input-submit { display: block !important; width: 100%; margin-bottom: 10px; } } .buttonbar-top, .buttonbar_top { padding-bottom: 15px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .buttonbar-top:empty, .buttonbar_top:empty { padding: 0; } .buttonbar-bottom, .buttonbar_bottom { padding-top: 15px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .buttonbar-bottom:empty, .buttonbar_bottom:empty { padding: 0; } .buttonbar-list { margin: 15px !important; } .buttonbar-nav { padding: 15px; border-top: 1px solid #ececec; } .form { padding: 20px; } .sidebar .form { padding: 0; } .sidebar .form .field-widget .input-text, .sidebar .form .field-widget .input-password, .sidebar .form .field-widget .input-radio + label, .sidebar .form .field-widget .input-checkbox + label { font-size: 13px; font-weight: 300; } .form .req-msg { font-size: 12px; color: #6c6c6c; } .form .req-msg span { color: #bf3e24 !important; } .form .req-indicator { color: #bf3e24 !important; } .form .ListPrimaryLink { color: #6c6c6c; text-decoration: none; } .form .ListPrimaryLink:hover { color: #001a57; } [id^="workshop-rsvp-"] .form, [id^="presentation-rsvp-"] .form { width: 100%; } .form-readonly .field-label { font-size: 14px; line-height: 22px; } .form-readonly .widget, .form-readonly .widget-readonly, .form .widget-readonly { font-size: 14px; line-height: 22px; color: #6c6c6c; } .fg-title { margin: 0 0 20px; } .fg-title h2 { color: #000; margin-bottom: 0; } .fg-title .fg-blurb { margin-top: 5px; font-weight: 300; } .fieldgroup { margin: 0 -20px; padding: 20px; } .fieldgroup:not(:last-child) { border-bottom: 1px solid #ececec; } .sidebar .fieldgroup.fg-first { padding-top: 0; } .sidebar .fieldgroup.fg-last { padding-bottom: 0; } @media only screen and (max-width: 767px) { .fieldgroup { margin: 0 -15px; padding: 15px; } } .hidden-filters .field, .shown-filters .field { max-width: 100%; } .field { margin-bottom: 20px; max-width: 500px; width: 100%; } .field:last-child { margin-bottom: 0; } .field .field-label, .field .FormText { display: inline-block; color: #333; margin: 5px 0; font-size: 14px; font-weight: 400; } .field .field-label.field-label-focused, .field .FormText.field-label-focused { color: #001a57; } .field .field-blurb { margin: -5px 0 5px; font-size: 13px; line-height: 20px; font-weight: 300; } .field .field-blurb ol { margin-left: 15px; list-style-type: decimal; } .field .field-blurb ul { margin-left: 18px; list-style-type: disc; } .field .field-blurb.field-error, .field .field-blurb.field-warning { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex: row; -moz-flex: row; -ms-flex: row; flex: row; margin: 5px 0 0; font-weight: inherit; } .field .field-blurb.field-error span, .field .field-blurb.field-warning span { -webkit-flex: 1 1; -moz-flex: 1 1; -ms-flex: 1 1; flex: 1 1; font-size: 13px; } .field .field-blurb.field-error [class^="icn-"], .field .field-blurb.field-warning [class^="icn-"] { -webkit-flex-basis: 20px; -moz-flex-basis: 20px; -ms-flex-basis: 20px; flex-basis: 20px; line-height: inherit; font-size: initial; width: 25px; } .field .field-blurb.field-warning { color: #bf3e24; } .field .field-widget:not(.field-widget-daterange), .field .BodyText:not(.field-widget-daterange) { max-width: 500px; } .field .field-widget:not(.field-widget-daterange) #strength_logic_container, .field .BodyText:not(.field-widget-daterange) #strength_logic_container { margin-top: 20px; } .field .field-widget.field-subform-widget table, .field .BodyText.field-subform-widget table { border: none !important; margin-bottom: 20px; } .field .field-widget .input-text, .field .BodyText .input-text, .field .field-widget .input-password, .field .BodyText .input-password { font-size: 14px; } .field .field-widget em, .field .BodyText em { font-style: italic; } .field .field-widget .input-text, .field .BodyText .input-text, .field .field-widget .input-password, .field .BodyText .input-password, .field .field-widget textarea, .field .BodyText textarea { max-width: 100%; border-width: 1px; border-style: solid; border-radius: 2px; border-color: #ccc; padding: 3px 10px; width: 100%; color: #6c6c6c; font-weight: normal; font-size: 14px; line-height: 22px; max-width: 500px; min-height: 40px; transition: all 0.2s ease-in-out; } .field .field-widget .input-text:focus, .field .BodyText .input-text:focus, .field .field-widget .input-password:focus, .field .BodyText .input-password:focus, .field .field-widget textarea:focus, .field .BodyText textarea:focus, .field .field-widget .input-text:hover, .field .BodyText .input-text:hover, .field .field-widget .input-password:hover, .field .BodyText .input-password:hover, .field .field-widget textarea:hover, .field .BodyText textarea:hover { border-color: #6c6c6c; transition: all 0.2s ease-in-out; } .field .field-widget .input-text:disabled, .field .BodyText .input-text:disabled, .field .field-widget .input-password:disabled, .field .BodyText .input-password:disabled, .field .field-widget textarea:disabled, .field .BodyText textarea:disabled { border-color: #ccc; background-color: #ececec; } .field .field-widget .input-text.input-sws-keyword, .field .BodyText .input-text.input-sws-keyword, .field .field-widget .input-password.input-sws-keyword, .field .BodyText .input-password.input-sws-keyword, .field .field-widget textarea.input-sws-keyword, .field .BodyText textarea.input-sws-keyword { width: auto; } .field .field-widget .input-text[name*="distance_search"], .field .BodyText .input-text[name*="distance_search"], .field .field-widget .input-text[name*="graduate_employment"], .field .BodyText .input-text[name*="graduate_employment"] { width: auto; } .field .field-widget select[name*="[compare]"] + .input-text, .field .BodyText select[name*="[compare]"] + .input-text { width: auto; } .field .field-widget select[multiple], .field .BodyText select[multiple] { max-height: 250px; } .field .field-widget p img, .field .BodyText p img { max-width: 100%; height: auto; } .field .field-widget .BodyText td, .field .BodyText .BodyText td { background: transparent; } .field .field-widget .input-search, .field .BodyText .input-search { background: #fff url(/components/unicon/assets/svg-output/search_light.svg) no-repeat 99% center; background-size: 20px; } .field .field-widget .character-count, .field .BodyText .character-count { text-align: right; } .field .field-widget .addbutton .btn, .field .BodyText .addbutton .btn { color: #6c6c6c; background-color: #fff; border-color: #ccc; } .field .field-widget .addbutton .btn:hover, .field .BodyText .addbutton .btn:hover, .field .field-widget .addbutton .btn:focus, .field .BodyText .addbutton .btn:focus, .field .field-widget .addbutton .btn:active, .field .BodyText .addbutton .btn:active { color: #333; border-color: #949494; } .field .field-widget .addbutton .btn:active, .field .BodyText .addbutton .btn:active { background-color: #f6f6f6; } .field .field-widget .addbutton .btn [class^="icn-"], .field .BodyText .addbutton .btn [class^="icn-"], .field .field-widget .addbutton .btn [class*=" icn-"], .field .BodyText .addbutton .btn [class*=" icn-"] { color: #6c6c6c; } .field .subform { background: #f6f6f6; border: 1px solid #ececec; border-radius: 3px; padding: 20px; } @media print { .field .subform { border: 1px solid #ccc; box-shadow: none; } } .field .subform:not(:first-of-type) { margin-top: 10px; } .field .subform .fg-title h2 { color: currentColor; } .field .subform .buttonbar { margin: 0 -20px -20px; border-top-width: 1px; border-style: solid; border-color: #ececec; } .field .subform .buttonbar .btn_delete { width: 100%; padding: 10px; line-height: initial; border: 0; color: #bf3e24; background-color: inherit; } .field .subform .buttonbar .btn_delete:hover { color: #94301c; } .field.field-has-subform .addbutton { margin-top: 10px; } .field .subform-table { width: 100%; margin-bottom: 10px; text-align: left; } .field .subform-table th, .field .subform-table td { padding: 10px; border: 1px solid #ececec; vertical-align: middle; } .field .subform-table th .btn, .field .subform-table td .btn { font-size: 12px; line-height: 16px; min-width: 60px; min-height: 24px; border-radius: 2px; padding: 0 12px; } .field .subform-table th { font-weight: 500; } .field .subform-table .field-col-orderby { text-align: center; } .field.field-errored .field-error, .field.field-errored .field-label { color: #bf3e24; } .field.field-errored .field-widget .input-text, .field.field-errored .field-widget .input-password, .field.field-errored .field-widget textarea, .field.field-errored .field-widget select { border-color: #bf3e24; } .field.field-errored .field-widget .input-text:focus, .field.field-errored .field-widget .input-password:focus, .field.field-errored .field-widget textarea:focus, .field.field-errored .field-widget select:focus { border-color: #bf3e24; box-shadow: 0 0 8px rgba(191, 62, 36, 0.5); } .flex-widget { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .flex-widget > *:not(:first-child) { margin-left: 10px; } .form-settings ol { list-style: decimal; margin-left: 20px; } .list_batch { float: left; } .translation-form table { table-layout: fixed; width: 100%; } .translation-form table th, .translation-form table td { padding: 5px; vertical-align: middle; } .translation-form table th label, .translation-form table td label { font-size: 12px; } .translation-form table th .input-text, .translation-form table td .input-text, .translation-form table th textarea, .translation-form table td textarea { border-width: 1px; border-style: solid; border-radius: 2px; border-color: #ccc; padding: 3px 10px; width: 100%; color: #6c6c6c; font-weight: normal; font-size: 14px; line-height: 22px; max-width: 500px; min-height: 40px; transition: all 0.2s ease-in-out; } .translation-form table th .input-text:focus, .translation-form table td .input-text:focus, .translation-form table th textarea:focus, .translation-form table td textarea:focus, .translation-form table th .input-text:hover, .translation-form table td .input-text:hover, .translation-form table th textarea:hover, .translation-form table td textarea:hover { border-color: #6c6c6c; transition: all 0.2s ease-in-out; } .translation-form table th .input-text:disabled, .translation-form table td .input-text:disabled, .translation-form table th textarea:disabled, .translation-form table td textarea:disabled { border-color: #ccc; background-color: #ececec; } .translation-form table th { font-weight: 500; font-size: 16px; } .reg-form table th, .reg-form table td { font-size: 12px; text-align: left; padding: 10px 15px; border-bottom: 1px solid #e0e0e0; } .reg-form table th { font-weight: 500; color: #949494; } #generate_book_form #list_items_selected_counter { background: #fff; border: 1px solid #ececec; border-radius: 5px; padding: 20px 20px 15px; } @media print { #generate_book_form #list_items_selected_counter { border: 1px solid #ccc; box-shadow: none; } } #generate_book_form #list_items_selected_counter.errors { background-color: #bf3e24; } #generate_book_form #list_items_selected_counter .content { padding: 20px; } #generate_book_form #list_items_selected_counter .content .row { margin-left: -20px; margin-right: -20px; } #generate_book_form #list_items_selected_counter .actions, #generate_book_form #list_items_selected_counter .card-actions { text-align: right; } #generate_book_form #list_items_selected_counter .actions > a:not(.btn), #generate_book_form #list_items_selected_counter .card-actions > a:not(.btn) { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; margin: 10px 5px; } #generate_book_form #list_items_selected_counter .actions > a:not(.btn):hover, #generate_book_form #list_items_selected_counter .card-actions > a:not(.btn):hover, #generate_book_form #list_items_selected_counter .actions > a:not(.btn):focus, #generate_book_form #list_items_selected_counter .card-actions > a:not(.btn):focus { box-shadow: none; background: none; } #generate_book_form #list_items_selected_counter .actions > a:not(.btn).btn, #generate_book_form #list_items_selected_counter .card-actions > a:not(.btn).btn { border: 0; } #generate_book_form table { margin-bottom: 15px; } #generate_book_form table td:nth-child(n+2) { padding: 0 0 5px 15px; } /**** Password Strength indicator ****/ .issue_popover_widget { float: left; } .password_req_true, .password_req_false { float: left; padding: 0 7px 0 0; } .addDocument #resume_application_form > .fieldgroup > .field { margin-bottom: 0; } .addDocument .field-widget-radio { margin-bottom: 20px; } #track_hours_modal .addbutton { margin-bottom: 20px; } [disabled], [readonly] { background: #ececec; } .datecal-widget, .datepopupcal_buttons { font-size: 0; } .datepopupcal_buttons input:last-child { margin: 0; } #kiosk-counseling .kiosk-counseling-alert { margin: 20px 20px 0; } #kiosk_log_counseling_form .form_content { padding: 20px; } #kiosk_log_counseling_form .form_content .fg-title { margin: 0 0 15px; } #kiosk_log_counseling_form .form_content .fg-title .fg-blurb { font-size: 14px; font-weight: 400; line-height: 22px; } /* Overrides for existing widgets */ /* HierPicklistMobile */ body #picklist { padding: 16px; } body #pl_mask.masked { background: rgba(0, 0, 0, 0.5); } body #pl-hd { border-top-right-radius: 2px; border-top-left-radius: 2px; } body #pl-ft { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } body #pl-hd, body #pl-ft { background: #001a57; color: #fff; background-image: none; font-weight: 300; font-size: 20px; height: 64px; padding: 0 16px; border: none; } body .pl-title { line-height: 64px; } body #pl-inner { box-shadow: none; background: transparent none; color: rgba(0, 0, 0, 0.66); font-weight: normal; max-width: 736px; min-width: 200px; margin: 0 auto; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.084); } body #pl-bd { max-height: calc(100vh - 160px); overflow-y: auto; background: #fff; } body #pl-bd button, body #pl-bd .pl-item-txt { color: #333; } body .pl-back, body .pl-done { background-image: none; background-color: transparent; border: none; height: 64px; line-height: 64px; padding: 0; margin: 0; text-transform: uppercase; } body .pl-item { border-color: rgba(0, 0, 0, 0.2); background-color: transparent; } body .pl-item.active_option { background-color: #edf7ff; text-decoration: none; color: #6c6c6c; } body .pl-item.active_option::before { border-color: #08f; } body .pl-item-icn { background-color: transparent; border: 2px solid #fff; } body .pl-partselected > .pl-hitbox > .pl-ind > .pl-item-icn, body .pl-selected > .pl-hitbox > .pl-ind > .pl-item-icn { background-color: #297848; border: none; } body .pl-widget { font-size: 13px; } body .pl-widget li { border-radius: 100px; padding: 0; border: none; background-color: #e0e0e0; margin: 0 8px 8px 0; padding: 0 8px 0 13px; } body .pl-widget li > span:first-child { height: 32px; margin-right: 0; } body .pl-widget li > span { line-height: 32px; display: inline; float: none; vertical-align: middle; margin: 0; border-radius: 100px; background-color: transparent; } body .pl-widget li > span.pl-rm { background-image: none; padding: 0; } body .pl-widget li > span.pl-rm:after { font-family: 'unicon'; speak: none; color: #6c6c6c; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e924"; padding: 0 5px; vertical-align: text-top; } body .pl-widget input { height: 32px; } .chip { margin-bottom: 15px; padding: 0 15px; border-radius: 50px; cursor: pointer; border: 1px solid #ececec; background: none; color: #6c6c6c; text-align: center; max-width: 280px; height: 30px; line-height: 28px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: "-webkit-inline-flex"; display: "-moz-inline-flex"; display: "-ms-inline-flex"; display: inline-flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-right: 10px; vertical-align: middle; } .chip i { padding-left: 5px; font-size: 10px; } .chip.search-form-filters-chip { cursor: inherit; } .chip.search-form-filters-chip.active { background-color: none; color: #333; border-color: #333; } .chip:not(.search-form-filters-chip):hover, .chip:not(.search-form-filters-chip):focus { background-color: none; color: #333; border-color: #333; } .chip.chip-highlight { animation-name: chip-highlight; animation-duration: 7s; } .chip.chip-primary { background-color: #001a57; color: #fff; border-color: #001a57; } .chip.chip-primary .chip-close:after { font-family: 'unicon'; speak: none; color: #fff; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e924"; } .chip.chip-primary:hover, .chip.chip-primary:focus { background-color: #00123e; color: #fff; border-color: #00123e; } .chip.chip-disabled, .chip.chip-disabled:hover { background-color: #ececec; color: #6c6c6c; border-color: #ececec; cursor: default; } .chip.chip-alt_primary { background-color: #f6f6f6; color: #001a57; border-color: #f6f6f6; } .chip.chip-sm { height: 24px; font-size: 13px; padding: 0 12px; } .chip .chip-error { color: #bf3e24; } .chip .chip-close { line-height: 1; padding-left: 5px; } .chip .chip-close:after { vertical-align: text-top; font-family: 'unicon'; speak: none; color: #6c6c6c; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e924"; } .chip .chip-btn { background: transparent; border: 0; padding: 0; } .chip .chip-value { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } button.chip:hover, button.chip:focus { background-color: none; color: #333; border-color: #333; } @keyframes chip-highlight { 0% { color: #001a57; } 75% { color: #001a57; } 100% { color: inherit; } } .checkbox-pills input[type="checkbox"] { opacity: 0; width: 0 !important; height: 0 !important; position: absolute; top: 0; left: 0; } .checkbox-pills input[type="checkbox"] + label { margin-bottom: 15px; padding: 0 15px; border-radius: 50px; cursor: pointer; border: 1px solid #ececec; background: none; color: #6c6c6c; text-align: center; max-width: 280px; height: 30px; line-height: 28px; font-weight: normal; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; } .checkbox-pills input[type="checkbox"]:checked + label { background-color: #001a57; color: #fff; border-color: #001a57; } .checkbox-pills input[type="checkbox"]:checked:focus + label, .checkbox-pills input[type="checkbox"]:checked + label:hover { background-color: #00123e; color: #fff; border-color: #00123e; } .checkbox-pills input[type="checkbox"]:focus + label { outline-width: 2px; outline-style: solid; outline-color: Highlight; /* WebKit gets its native focus styles. */ } @media (-webkit-min-device-pixel-ratio: 0) { .checkbox-pills input[type="checkbox"]:focus + label { outline-style: auto; outline-color: -webkit-focus-ring-color; } } .checkbox-pills input[type="checkbox"]:focus + label, .checkbox-pills input[type="checkbox"] + label:hover { background-color: none; color: #333; border-color: #333; } .checkbox-pills input[type="checkbox"]:disabled + label { background-color: #ececec; color: #6c6c6c; border-color: #ececec; } .checkbox-pills :not(:last-child) > input[type="checkbox"] + label { margin-right: 15px; } .list-item .rounded-picklist { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .list-item .rounded-picklist select { padding: 5px 10px; min-width: 35px; background-color: transparent; box-sizing: content-box; } .list-item .rounded-picklist.list-secondary-action, .list-item .link-picklist.list-secondary-action { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; padding: 0; } .list-item .rounded-picklist select, .list-item .link-picklist select { padding: 5px 30px 5px 10px; } .link-picklist select { left: -4px; width: 90%; } .rounded-picklist, .link-picklist { width: 100%; margin-bottom: 10px; padding: 2px; border: 2px solid #bbb; border-radius: 100px; } .rounded-picklist select, .link-picklist select { position: relative; height: auto; padding: 0; font-size: 12px; border: none; border-radius: 0; box-shadow: none; } /* Xlate Menu */ #xlate-menu, #batchtools1, #batchtools1 li .yuimenu { background: #fff; border: 1px solid #ececec; border-radius: 5px; width: 200px; padding: 10px 0; } @media print { #xlate-menu, #batchtools1, #batchtools1 li .yuimenu { border: 1px solid #ccc; box-shadow: none; } } #xlate-menu.errors, #batchtools1.errors, #batchtools1 li .yuimenu.errors { background-color: #bf3e24; } #xlate-menu .content, #batchtools1 .content, #batchtools1 li .yuimenu .content { padding: 20px; } #xlate-menu .content .row, #batchtools1 .content .row, #batchtools1 li .yuimenu .content .row { margin-left: -20px; margin-right: -20px; } #xlate-menu .actions, #batchtools1 .actions, #batchtools1 li .yuimenu .actions, #xlate-menu .card-actions, #batchtools1 .card-actions, #batchtools1 li .yuimenu .card-actions { text-align: right; } #xlate-menu .actions > a:not(.btn), #batchtools1 .actions > a:not(.btn), #batchtools1 li .yuimenu .actions > a:not(.btn), #xlate-menu .card-actions > a:not(.btn), #batchtools1 .card-actions > a:not(.btn), #batchtools1 li .yuimenu .card-actions > a:not(.btn) { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; margin: 10px 5px; } #xlate-menu .actions > a:not(.btn):hover, #batchtools1 .actions > a:not(.btn):hover, #batchtools1 li .yuimenu .actions > a:not(.btn):hover, #xlate-menu .card-actions > a:not(.btn):hover, #batchtools1 .card-actions > a:not(.btn):hover, #batchtools1 li .yuimenu .card-actions > a:not(.btn):hover, #xlate-menu .actions > a:not(.btn):focus, #batchtools1 .actions > a:not(.btn):focus, #batchtools1 li .yuimenu .actions > a:not(.btn):focus, #xlate-menu .card-actions > a:not(.btn):focus, #batchtools1 .card-actions > a:not(.btn):focus, #batchtools1 li .yuimenu .card-actions > a:not(.btn):focus { box-shadow: none; background: none; } #xlate-menu .actions > a:not(.btn).btn, #batchtools1 .actions > a:not(.btn).btn, #batchtools1 li .yuimenu .actions > a:not(.btn).btn, #xlate-menu .card-actions > a:not(.btn).btn, #batchtools1 .card-actions > a:not(.btn).btn, #batchtools1 li .yuimenu .card-actions > a:not(.btn).btn { border: 0; } #xlate-menu .bd, #batchtools1 .bd, #batchtools1 li .yuimenu .bd { background: none; border: none; box-shadow: none; margin: 0; } #xlate-menu .bd ul, #batchtools1 .bd ul, #batchtools1 li .yuimenu .bd ul { padding: 0; } #xlate-menu .bd li, #batchtools1 .bd li, #batchtools1 li .yuimenu .bd li { font-size: 14px; } #xlate-menu .bd li a, #batchtools1 .bd li a, #batchtools1 li .yuimenu .bd li a { display: block; padding: 0 15px; font-weight: 400; line-height: 30px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; text-align: left; vertical-align: middle; color: #6c6c6c; cursor: pointer; } #xlate-menu .bd li a:hover, #batchtools1 .bd li a:hover, #batchtools1 li .yuimenu .bd li a:hover, #xlate-menu .bd li a:focus, #batchtools1 .bd li a:focus, #batchtools1 li .yuimenu .bd li a:focus { background-color: #edf7ff; text-decoration: none; color: #6c6c6c; } #xlate-menu .bd li a [class^="icn-"], #batchtools1 .bd li a [class^="icn-"], #batchtools1 li .yuimenu .bd li a [class^="icn-"], #xlate-menu .bd li a [class*=" icn-"], #batchtools1 .bd li a [class*=" icn-"], #batchtools1 li .yuimenu .bd li a [class*=" icn-"] { margin: 0 15px 0 0; } #xlate-menu .bd li a strong, #batchtools1 .bd li a strong, #batchtools1 li .yuimenu .bd li a strong { font-weight: 400; } #batchtools1 .bd li:hover { background-color: #eee; } #batchtools1 .bd li:hover a:hover { background: none; } .xlate-nav-w, .xlate-tabs-w, .xlate-filters-w, .xlate-lst-w, .xlate-form-w #xlate-link { display: none; } /* Checkbox Group */ .checkboxgroup_default { line-height: 1.6; } .checkboxgroup_default input[type="checkbox"], .checkboxgroup_default input[type="radio"] { margin: 5px 0; vertical-align: top; } /* General Select Dropdown */ select, textarea, .customSelect .customSelectBox { cursor: pointer; border-width: 1px; border-style: solid; border-radius: 2px; border-color: #ccc; padding: 3px 10px; width: 100%; color: #6c6c6c; font-weight: normal; font-size: 14px; line-height: 22px; max-width: 500px; min-height: 40px; transition: all 0.2s ease-in-out; max-width: 100%; background-color: #fff; vertical-align: middle; border-radius: 3px; width: 100%; color: #333; padding-top: 0px; padding-bottom: 0px; } select:focus, textarea:focus, .customSelect .customSelectBox:focus, select:hover, textarea:hover, .customSelect .customSelectBox:hover { border-color: #6c6c6c; transition: all 0.2s ease-in-out; } select:disabled, textarea:disabled, .customSelect .customSelectBox:disabled { border-color: #ccc; background-color: #ececec; } select[name*="birthdate"], textarea[name*="birthdate"], .customSelect .customSelectBox[name*="birthdate"], select[name*="birth_date"], textarea[name*="birth_date"], .customSelect .customSelectBox[name*="birth_date"], select[name*="starttime"], textarea[name*="starttime"], .customSelect .customSelectBox[name*="starttime"], select[name*="endtime"], textarea[name*="endtime"], .customSelect .customSelectBox[name*="endtime"], select[name*="start"], textarea[name*="start"], .customSelect .customSelectBox[name*="start"], select[name*="day"], textarea[name*="day"], .customSelect .customSelectBox[name*="day"], select[name*="date_"], textarea[name*="date_"], .customSelect .customSelectBox[name*="date_"], select[name*="_date"], textarea[name*="_date"], .customSelect .customSelectBox[name*="_date"], select[name*="working_hours_from"], textarea[name*="working_hours_from"], .customSelect .customSelectBox[name*="working_hours_from"], select[name*="working_hours_to"], textarea[name*="working_hours_to"], .customSelect .customSelectBox[name*="working_hours_to"], select[name*="graduate_employment"], textarea[name*="graduate_employment"], .customSelect .customSelectBox[name*="graduate_employment"], select[name*="last_seen"], textarea[name*="last_seen"], .customSelect .customSelectBox[name*="last_seen"], select[name*="earliest"], textarea[name*="earliest"], .customSelect .customSelectBox[name*="earliest"], select[name*="latest"], textarea[name*="latest"], .customSelect .customSelectBox[name*="latest"], select[name*="[job][_copy_existing]"], textarea[name*="[job][_copy_existing]"], .customSelect .customSelectBox[name*="[job][_copy_existing]"], select[name*="_hour_send_time"], textarea[name*="_hour_send_time"], .customSelect .customSelectBox[name*="_hour_send_time"], select[name*="_min_send_time"], textarea[name*="_min_send_time"], .customSelect .customSelectBox[name*="_min_send_time"], select[name*="_ampm_send_time"], textarea[name*="_ampm_send_time"], .customSelect .customSelectBox[name*="_ampm_send_time"], select.input-sws-alpha, textarea.input-sws-alpha, .customSelect .customSelectBox.input-sws-alpha, select.searchwithselect-select, textarea.searchwithselect-select, .customSelect .customSelectBox.searchwithselect-select, .lst-head select, .lst-head textarea, .lst-head .customSelect .customSelectBox, .lst-foot select, .lst-foot textarea, .lst-foot .customSelect .customSelectBox, .list-data-columns select, .list-data-columns textarea, .list-data-columns .customSelect .customSelectBox, .dhx_cal_jump select, .dhx_cal_jump textarea, .dhx_cal_jump .customSelect .customSelectBox, .dhx_cal_lsection select, .dhx_cal_lsection textarea, .dhx_cal_lsection .customSelect .customSelectBox, .time-widget select, .time-widget textarea, .time-widget .customSelect .customSelectBox { width: auto; } .lst-head select, .lst-head textarea, .lst-head .customSelect .customSelectBox, .lst-foot select, .lst-foot textarea, .lst-foot .customSelect .customSelectBox, .list-data-columns select, .list-data-columns textarea, .list-data-columns .customSelect .customSelectBox, .dhx_cal_jump select, .dhx_cal_jump textarea, .dhx_cal_jump .customSelect .customSelectBox, .dhx_cal_lsection select, .dhx_cal_lsection textarea, .dhx_cal_lsection .customSelect .customSelectBox { height: auto; margin-right: 5px; font-size: 14px; } select[size]:not([size="1"]), textarea[size]:not([size="1"]), .customSelect .customSelectBox[size]:not([size="1"]) { height: auto; } @media only screen and (max-width: 991px) { select.searchwithselect-select, textarea.searchwithselect-select, .customSelect .customSelectBox.searchwithselect-select { display: block; margin-bottom: 10px; } } textarea { min-height: 150px; } select { line-height: 38px; } #selection_form .labelcol, #selection_form .widgetcol { display: table; } .app_selection { background: #ececec; margin-bottom: 10px; font-size: 13px; } .app_selection:not(:empty) { padding: 10px; } select[name*='[distance_search][distance]'] { width: auto !important; margin-right: 5px; } select[name*='[distance_search][distance]'] ~ * > .selectlist-autocomplete, select[name*='[distance_search][distance]'] ~ .selectlist-autocomplete { display: inline-block; margin-left: 5px; } textarea[disabled], input[disabled], select[disabled], input[type=radio][disabled] + label, input[type=checkbox][disabled] + label, .customSelect .customSelectBox[disabled] { opacity: 0.7; } .inline-select { width: auto; min-width: 250px; } input[type=radio] + label, input[type=checkbox] + label { display: inline-block; margin: 0 20px 5px 5px; vertical-align: top; color: #6c6c6c; max-width: 80%; } .field .field-widget.field-widget-date select, .field .field-widget.field-widget-time select, .field .field-widget.field-widget-daterange select, .field .field-widget.field-widget-daterange input, .field .field-widget.field-widget-numbercomparison .input-text, .field .field-widget.field-widget-numbercomparison select, .field .field-widget .word_count_target_label .input-text, .field .field-widget .datepopupcal_textinput .input-text { width: auto; } select, .customSelect .customSelectBox { background-image: url(/components/unicon/assets/svg-output/chevron_down_light.svg); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-position: right 5px center; background-repeat: no-repeat; background-size: 16px; /* IE hack */ padding-right: 25px; } select::-ms-expand, .customSelect .customSelectBox::-ms-expand { display: none; /* remove default arrow in IE 10 and 11 */ } select:hover, .customSelect .customSelectBox:hover, select:active, .customSelect .customSelectBox:active { color: #333; border-color: #333; } select:active, .customSelect .customSelectBox:active { background-color: #949494; } select[multiple] { background-image: none; } select[name*='_currency'] + .input-text { max-width: calc(100% - 110px); } .field .field-widget p.word_count_target_label .input-text { background: #ececec none; border: none; color: #949494; box-shadow: none; padding: 5px; font-size: inherit; text-align: center; } .word_count_target_label { text-align: right; color: #949494; } /* Scrollable Checkbox */ .field .field-widget .scrollable_container { border: 1px solid #aaa; background: #fff; border-radius: 3px; } .field .field-widget .scrollable_container .scrollable_toolbox { background-color: #f5f5f5; padding: 4px; border-radius: 3px 3px 0 0; } .field .field-widget .scrollable_container .scrollable_toolbox:before, .field .field-widget .scrollable_container .scrollable_toolbox:after { content: " "; display: table; } .field .field-widget .scrollable_container .scrollable_toolbox:after { clear: both; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall { background: url(/components/unicon/assets/svg-output/add_light.svg) no-repeat center center; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall { background: url(/components/unicon/assets/svg-output/minus_light.svg) no-repeat center center; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall { box-sizing: border-box; color: #6c6c6c; background-color: #fff; border-color: #ccc; margin: 2px 4px 0 0; padding: 3px 8px; background-size: 14px; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall:focus, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall:focus, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall:active, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall:active { color: #333; border-color: #949494; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall:active, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall:active { background-color: #f6f6f6; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall [class*=" icn-"] { color: #6c6c6c; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall span, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall span { display: none; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_finder { float: right; padding: 4px; background: #fff; border: 1px solid #ccc; width: 230px; white-space: nowrap; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_finder:before, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_finder:after { content: " "; display: table; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_finder:after { clear: both; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_finder input { border: none; width: 170px; margin-left: 4px; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_finder .finder_icon img { position: relative; top: 2px; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_finder .finder_icon img[src='/images/icon_find_14.gif'] { padding-right: 20px; box-sizing: border-box; width: 20px; height: 16px; vertical-align: top; background: url(/components/unicon/assets/svg-output/search_light.svg) no-repeat center center; background-size: 16px; } .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_finder .finder_clear { line-height: 14px; } .field .field-widget .scrollable_container .scrollable_checkbox { border: 1px solid #ececec; border-left: none; border-right: none; } .field .field-widget .scrollable_container .scrollable_checkbox > div { padding: 4px; border-bottom: 1px solid #eee; } .field .field-widget .scrollable_container .scrollable_checkbox label { width: 90%; font-size: 12px !important; } .field .field-widget .scrollable_container .scrollable_status { background-color: #f5f5f5; padding: 6px; border-radius: 0 0 3px 3px; font-size: 12px; } .field .field-widget .scrollable_container .selection_header { padding: 6px !important; border: none !important; border-bottom: 1px solid #ececec !important; } .field .field-widget .scrollable_container .selection_header .yui-ac { width: 230px !important; } .field .field-widget .scrollable_container .selection_header .scrollable_container_clear { color: #6c6c6c; background-color: #fff; border-color: #ccc; height: 30px !important; line-height: 2 !important; } .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:focus, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:active { color: #333; border-color: #949494; } .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:active { background-color: #f6f6f6; } .field .field-widget .scrollable_container .selection_header .scrollable_container_clear [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear [class*=" icn-"] { color: #6c6c6c; } .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:before, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:after { padding: 4px; content: ""; } .field .field-widget .scrollable_container .selection_header select { font-size: 14px; height: auto; max-width: 200px !important; padding: 5px; } .field .field-widget .scrollable_container .mptable_add { border-collapse: collapse !important; } .field .field-widget .scrollable_container .mptable_add td:first-child { border: none !important; } .datecal-widget .jscal-select, .datecal-widget .jscal-clear, .datecal-widget .jscal-text { color: #6c6c6c; background-color: #fff; border-color: #ccc; } .datecal-widget .jscal-select:hover, .datecal-widget .jscal-clear:hover, .datecal-widget .jscal-text:hover, .datecal-widget .jscal-select:focus, .datecal-widget .jscal-clear:focus, .datecal-widget .jscal-text:focus, .datecal-widget .jscal-select:active, .datecal-widget .jscal-clear:active, .datecal-widget .jscal-text:active { color: #333; border-color: #949494; } .datecal-widget .jscal-select:active, .datecal-widget .jscal-clear:active, .datecal-widget .jscal-text:active { background-color: #f6f6f6; } .datecal-widget .jscal-select [class^="icn-"], .datecal-widget .jscal-clear [class^="icn-"], .datecal-widget .jscal-text [class^="icn-"], .datecal-widget .jscal-select [class*=" icn-"], .datecal-widget .jscal-clear [class*=" icn-"], .datecal-widget .jscal-text [class*=" icn-"] { color: #6c6c6c; } /* Autocomplete */ .yui-skin-sam .yui-ac-input { background: #fff url(/yui/build/assets/icon_find_14.gif) no-repeat right 6px center !important; } .field .field-widget .yui-ac { width: 100% !important; } .field .field-widget .yui-ac .input-text { width: 98.5% !important; } .field .field-widget .yui-ac-clear-button { margin-left: 2px; } .field .field-widget .yui-ac-container { width: 98.5% !important; left: 0 !important; } /* Overrides for JQuery Dialog/Modal */ .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, .ui-dialog, table.popwin_bg { font-family: 'Roboto', Helvetica, Arial, sans-serif; } .ui-autocomplete.ui-widget { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: initial; border: 1px solid #949494; padding: 10px 0; border-radius: 2px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.082); } .ui-autocomplete.ui-widget .ui-menu-item a { color: inherit; border: none; border-radius: 0; padding: 0 15px; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-size: 13px; line-height: 36px; min-height: 36px; position: relative; white-space: normal; margin: 0; } .ui-autocomplete.ui-widget .ui-menu-item a.ui-state-focus { background-color: #001a57; color: #fff; background: #001a57; background-image: none; border-radius: 0; } .ui-autocomplete.ui-widget .ui-menu-item a.ui-state-focus:hover { background: #f8f8f8; color: #333; } .ui-autocomplete.recentSearchesList .ui-menu-item a { padding-left: 45px; } .ui-autocomplete.recentSearchesList .ui-menu-item a:after { background-image: url(/components/unicon/assets/svg-output/clock_light.svg); background-position: 15px 50%; background-repeat: no-repeat; background-size: 20px; content: ""; display: block; height: 100%; left: 0; position: absolute; opacity: 0.6; top: 0; width: 100%; } .ui-autocomplete.recentSearchesList .ui-menu-item a.ui-state-focus:not(:hover):after { background-image: url(/components/unicon/assets/svg-output/clock_dark.svg); } .selectwithsearch-autocomplete .autocomplete-widget > input[type="text"] { width: 100%; background-image: url(/components/unicon/assets/svg-output/search_light.svg); background-repeat: no-repeat; background-position: calc(100% - 10px) center; background-size: 18px; } .selectwithsearch-autocomplete .autocomplete-widget > input[type="text"]::-ms-clear { display: none; } .selectwithsearch-autocomplete #selections { padding: 5px 5px 0 5px; margin-top: 5px; border: solid 1px #949494; border-radius: 3px; max-height: 200px; overflow: auto; } .search-filters .autocomplete-widget > input[type="text"] { background-image: none; } /* YUI Dropdown - New styles */ .yui-skin-sam .yui-menu-shadow-visible { background-color: transparent; opacity: 1; } .yui-skin-sam .yuimenu .bd { background: #fff; border: 1px solid #ececec; border-radius: 5px; border-width: 1px 0 0 0; border-color: #ececec; margin: -2px 1px; border-top-left-radius: 0; border-top-right-radius: 0; } @media print { .yui-skin-sam .yuimenu .bd { border: 1px solid #ccc; box-shadow: none; } } .yui-skin-sam .yuimenu .bd.errors { background-color: #bf3e24; } .yui-skin-sam .yuimenu .bd .content { padding: 20px; } .yui-skin-sam .yuimenu .bd .content .row { margin-left: -20px; margin-right: -20px; } .yui-skin-sam .yuimenu .bd .actions, .yui-skin-sam .yuimenu .bd .card-actions { text-align: right; } .yui-skin-sam .yuimenu .bd .actions > a:not(.btn), .yui-skin-sam .yuimenu .bd .card-actions > a:not(.btn) { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; margin: 10px 5px; } .yui-skin-sam .yuimenu .bd .actions > a:not(.btn):hover, .yui-skin-sam .yuimenu .bd .card-actions > a:not(.btn):hover, .yui-skin-sam .yuimenu .bd .actions > a:not(.btn):focus, .yui-skin-sam .yuimenu .bd .card-actions > a:not(.btn):focus { box-shadow: none; background: none; } .yui-skin-sam .yuimenu .bd .actions > a:not(.btn).btn, .yui-skin-sam .yuimenu .bd .card-actions > a:not(.btn).btn { border: 0; } .yui-skin-sam .yuimenuitem { border-radius: 0; cursor: pointer; } .yui-skin-sam .yuimenuitem .bd { border-radius: 0; } /* Embedded Links (Enterprise feature) */ .embeddedsite .page-utils, .embeddedsite .page-title-wrapper, .embeddedsite footer { display: none; } #embeddedsiteframe iframe { background: #fff; width: 100%; border-radius: 3px; } /* JSCAL */ body div.calendar { position: fixed !important; top: 50% !important; left: 50% !important; margin: -200px 0 0 -200px; border: none; border-radius: 10px; font-weight: 400; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.082); direction: ltr; } @media only screen and (max-width: 767px) { body div.calendar { width: 100%; margin: 0; top: 10% !important; left: 0 !important; } } body table.calendar, body .calendar table { cursor: pointer; background: none; z-index: 104; width: 100%; height: 100%; font-weight: 400; font-size: 14px; } body .calendar table { border: none; background: #fff; border-collapse: separate; } body .calendar table td { vertical-align: middle; } body .calendar .button { text-align: center; padding: 15px; background: #001a57; border: none; color: #fff; } @media only screen and (max-width: 767px) { body .calendar .button { padding: 15px 0; } } body .calendar .nav { background-color: #001a57; background-repeat: no-repeat; background-position: 100% 100%; } body .calendar thead .title { font-weight: normal; font-size: 24px; padding: 15px; background: #001a57; color: #fff; } @media only screen and (max-width: 767px) { body .calendar thead .title { padding: 15px 0; } } body .calendar thead .headrow { color: #fff; } body .calendar thead .daynames { background: #fff; } body .calendar thead .name { padding: 15px; font-size: 12px; text-align: center; color: #949494; text-transform: uppercase; } @media only screen and (max-width: 767px) { body .calendar thead .name { padding: 15px 0; } } body .calendar thead .name.hilite { color: #001a57; background: #fff; } body .calendar thead .hilite { border: none; background: #001a57; } body .calendar tbody td.hilite { border: none; color: #001a57; background: #fff; } body .calendar tbody .day { text-align: center; font-size: 12px; padding: 12px; } body .calendar tbody .rowhilite td { background: #fff; } body .calendar tbody .rowhilite td.wn { background: #fff; } body .calendar tbody td.weekend.hilite { color: #001a57; } body .calendar tbody td.weekend.selected { color: #fff; } body .calendar tbody td.today { color: #001a57; font-weight: normal; } body .calendar tbody td.selected { position: relative; font-weight: normal; border: none; background: none; color: #fff; border-radius: 50%; z-index: 1; } body .calendar tbody td.selected:before { position: absolute; content: ""; height: 40px; width: 40px; left: 50%; top: 50%; margin: -20px 0 0 -20px; background: #001a57; border-radius: 50%; z-index: -1; } body .calendar tbody .disabled { color: #949494; } body .calendar tfoot .footrow { background: none; } body .calendar tfoot td { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } body .calendar tfoot .ttip { background: #fff; color: #949494; border-top: 1px solid #ececec; padding: 10px; text-align: center; } body .calendar .combo { background: #fff; border: 1px solid #ececec; width: 20%; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.082); } body .calendar .combo .label, body .calendar .combo .label-IEfix { padding: 4px; font-size: 13px; } body .calendar .combo .hilite, body .calendar .combo .active { background: #001a57; border: none; color: #fff; font-weight: normal; } body .calendar td.time { border-top: 1px solid #000; padding: 1px 0px; text-align: center; background-color: #f4f0e8; } body .calendar td.time .hour, body .calendar td.time .minute, body .calendar td.time .ampm { padding: 0px 3px 0px 4px; border: 1px solid #889; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 700; background-color: #fff; } body .calendar td.time .ampm { text-align: center; } body .calendar td.time .colon { padding: 0px 2px 0px 3px; font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 700; } body .calendar td.time span.hilite { border-color: #000; background-color: #667; color: #fff; cursor: pointer; } body .calendar td.time span.active { border-color: #f00; background-color: #000; color: #0f0; } .-with-tooltip { position: relative; top: 2px; } .-with-tooltip .mobile-label { display: none; } .-with-tooltip .icn { font-size: 18px; cursor: pointer; color: #949494; } @media only screen and (max-width: 767px) { .-with-tooltip .icn { display: none; } .-with-tooltip .mobile-label { display: inline; } } .-with-tooltip-inner { position: absolute; display: none; z-index: 9; top: -12px; left: 25px; } .-with-tooltip-inner, .tooltip-inner { max-width: 200px; padding: 5px 10px; background: #333; color: #fff; font-size: 12px; text-align: left; text-decoration: none; border-radius: 3px; white-space: normal; } @media only screen and (min-width: 767px) { .-with-tooltip:hover .icn, .-with-tooltip:focus .icn { color: #001a57; } .-with-tooltip:hover .-with-tooltip-inner, .-with-tooltip:focus .-with-tooltip-inner { display: block; } .-with-tooltip:hover .-with-tooltip-inner[aria-hidden="true"], .-with-tooltip:focus .-with-tooltip-inner[aria-hidden="true"] { display: none; } .-with-tooltip:hover .-with-tooltip-inner[aria-hidden="false"], .-with-tooltip:focus .-with-tooltip-inner[aria-hidden="false"] { display: block; } } /* Override ngx-bootstrap tooltip arrow colors */ [class*="bs-tooltip-"] .tooltip-inner { padding: 4.5px 10px; font-size: 11px; line-height: 14px; } [class*="bs-tooltip-"] .arrow { width: 6px; height: 4px; } [class*="bs-tooltip-"] .arrow::before { width: 4px; height: 4px; top: -2px; border-width: 3px; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 6px 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #333; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 6px; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: #333; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 6px; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: #333; left: 0px; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 6px 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #333; top: 0px; } /* TinyMCE -- don't reset list styles */ .field-widget-tinymce ol { list-style-type: decimal; } .field-widget-tinymce ul { list-style-type: disc; } .field-widget-tinymce ol, .field-widget-tinymce ul { padding-left: 30px; margin: 10px 0; } .field-widget-tinymce span a { font-size: inherit; } .field-widget-tinymce .mce-toolbar .mce-btn:focus { background: #cfcfcf !important; } .field-widget-tinymce .mce-fullscreen { z-index: 102; } .pronet-tooltip { overflow: auto; min-width: 180px; padding: 8px; } /* Recommendation Cards: Job and Events */ .empty .title { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0.01em; line-height: 24px; font-weight: 500; margin-bottom: 5px; } .empty .empty-body { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0.01em; line-height: 20px; width: 100%; display: inline-block; text-align: center; margin-bottom: 10px; } .number-of-rooms { cursor: pointer; } .list-of-rooms { display: none; } .ui-select-bootstrap .ui-select-search-hidden { width: 0; } .ui-select-bootstrap .ui-select-choices { padding: 16px 0; } .ui-select-bootstrap.ui-select-menu-right .ui-select-choices { right: 0; left: auto; } .ui-select-bootstrap .ui-select-choices-row > span, .ui-select-bootstrap .ui-select-choices-row.active > span { color: #6c6c6c; } .ui-select-bootstrap .ui-select-choices-row.active > span { background: none; } .ui-select-bootstrap .ui-select-choices-row.active .ui-select-choices-row-inner { background-color: #edf7ff; text-decoration: none; color: #6c6c6c; } .ui-select-bootstrap .ui-select-choices-row-inner { display: block; padding: 0 15px; font-weight: 400; line-height: 30px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; text-align: left; vertical-align: middle; color: #6c6c6c; } .ui-select-bootstrap .ui-select-choices-row-inner:hover, .ui-select-bootstrap .ui-select-choices-row-inner:focus { background-color: #edf7ff; text-decoration: none; color: #6c6c6c; } .ui-select-bootstrap .ui-select-choices-row-inner [class^="icn-"], .ui-select-bootstrap .ui-select-choices-row-inner [class*=" icn-"] { margin: 0 15px 0 0; } .ui-select-bootstrap .ui-select-match-text { display: flex; align-items: center; } .ui-select-bootstrap .ui-select-match-text [class^='icn-'], .ui-select-bootstrap .ui-select-match-text [class*=' icn-'] { width: auto; font-size: 16px; margin: 0; flex-shrink: 0; } @media (max-width: 414px) { .ui-select-bootstrap .ui-select-match-text [class^='icn-'], .ui-select-bootstrap .ui-select-match-text [class*=' icn-'] { font-size: 20px; } } .ui-select-bootstrap .ui-select-match-text .dropdown-icon { font-size: 10px; margin-left: 5px; } /* Date Range */ .datepicker-widget { display: "-webkit-inline-flex"; display: "-moz-inline-flex"; display: "-ms-inline-flex"; display: inline-flex; } .datepicker-widget input[type="text"] { border-width: 1px; border-style: solid; border-radius: 2px; border-color: #ccc; padding: 3px 10px; width: 100%; color: #6c6c6c; font-weight: normal; font-size: 14px; line-height: 22px; max-width: 500px; min-height: 40px; transition: all 0.2s ease-in-out; padding: 0 10px; border-top-right-radius: 0; border-bottom-right-radius: 0; } .datepicker-widget input[type="text"]:focus, .datepicker-widget input[type="text"]:hover { border-color: #6c6c6c; transition: all 0.2s ease-in-out; } .datepicker-widget input[type="text"]:disabled { border-color: #ccc; background-color: #ececec; } .search-filters .datepicker-widget input[type="text"] { width: calc(100% - 105px); max-width: 290px; } .datepicker-widget button.open-calendar { background-repeat: no-repeat; background-size: 16px; background-position: 50% 50%; box-shadow: none; padding: 0 16px; } .datepicker-widget button.open-calendar { background-color: #fff; background-image: url(/components/unicon/assets/svg-output/event_light.svg); border-top-left-radius: 0; border-bottom-left-radius: 0; border: 1px solid #949494; border-left: none; } .datepicker-widget button.open-calendar { margin-left: -1px; } .uib-datepicker-popup.dropdown-menu { padding: 0; } .uib-datepicker-popup.dropdown-menu .text-muted { color: #949494; } .uib-datepicker-popup .uib-button-bar { padding: 10px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .uib-datepicker-popup .uib-button-bar button { color: #6c6c6c; background-color: #fff; border-color: #ccc; } .uib-datepicker-popup .uib-button-bar button:hover, .uib-datepicker-popup .uib-button-bar button:focus, .uib-datepicker-popup .uib-button-bar button:active { color: #333; border-color: #949494; } .uib-datepicker-popup .uib-button-bar button:active { background-color: #f6f6f6; } .uib-datepicker-popup .uib-button-bar button [class^="icn-"], .uib-datepicker-popup .uib-button-bar button [class*=" icn-"] { color: #6c6c6c; } .uib-datepicker-popup .uib-button-bar .btn-info { color: #fff; background-color: #001a57; background-image: none; border-color: #001a57; } .uib-datepicker-popup .uib-button-bar .btn-info:hover, .uib-datepicker-popup .uib-button-bar .btn-info:focus, .uib-datepicker-popup .uib-button-bar .btn-info:active { color: #fff; } .uib-datepicker-popup .uib-button-bar .btn-info:hover, .uib-datepicker-popup .uib-button-bar .btn-info:focus { background-color: #00123e; border-color: #00123e; } .uib-datepicker-popup .uib-button-bar .btn-info:active { background-color: #000b24; border-color: #000b24; } .uib-datepicker-popup .uib-button-bar .btn-info [class^="icn-"], .uib-datepicker-popup .uib-button-bar .btn-info [class*=" icn-"] { color: #fff; } .uib-datepicker-popup .uib-button-bar .btn-danger { margin-left: 10px; } .uib-datepicker-popup .uib-datepicker button { background-color: transparent; box-shadow: none; border: 0; padding: 5px 15px; } .uib-datepicker-popup .uib-datepicker thead th { background-color: #001a57; color: #fff; vertical-align: top; } .uib-datepicker-popup .uib-datepicker thead th button { color: #fff; background-color: #000; border-radius: 0; } .uib-datepicker-popup .uib-datepicker tbody button.active { background-color: #2465ff; } .star_ratings { padding: 3px; width: auto; white-space: nowrap; } .star_ratings.focusin { outline-width: 2px; outline-style: solid; outline-color: Highlight; /* WebKit gets its native focus styles. */ } @media (-webkit-min-device-pixel-ratio: 0) { .star_ratings.focusin { outline-color: -webkit-focus-ring-color; outline-style: auto; } } .rating_choice { display: inline-block; height: 24px; width: 24px; background-repeat: no-repeat; background-position: center center; } .rating_choice.star_selected { background-image: none; font-family: 'unicon'; speak: none; color: #f7931f; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rating_choice.star_selected:before { content: "\e988"; } .rating_choice.clear { background-image: none; font-family: 'unicon'; speak: none; color: #6c6c6c; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .rating_choice.clear:before { content: "\e97e"; } .star_ratings input + label { background-image: none; font-family: 'unicon'; speak: none; color: #f7931f; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; cursor: pointer; border-bottom: 2px solid transparent; } .star_ratings input + label:before { content: "\e988"; } .star_ratings.unanswered input + label { background-image: none; font-family: 'unicon'; speak: none; color: #6c6c6c; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .star_ratings.unanswered input + label:before { content: "\e989"; } .star_ratings input:checked ~ label { background-image: none; font-family: 'unicon'; speak: none; color: #6c6c6c; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .star_ratings input:checked ~ label:before { content: "\e989"; } .star_ratings input:checked + label { background-image: none; font-family: 'unicon'; speak: none; color: #f7931f; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .star_ratings input:checked + label:before { content: "\e988"; } .star_ratings:hover input + label, .star_ratings.focusin input + label { background-image: none; font-family: 'unicon'; speak: none; color: #f7931f; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .star_ratings:hover input + label:before, .star_ratings.focusin input + label:before { content: "\e988"; } .star_ratings input:hover ~ label, .star_ratings input:focus ~ label { background-image: none; font-family: 'unicon'; speak: none; color: #6c6c6c; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .star_ratings input:hover ~ label:before, .star_ratings input:focus ~ label:before { content: "\e989"; } .star_ratings input:hover + label, .star_ratings input:focus + label { background-image: none; font-family: 'unicon'; speak: none; color: #f7931f; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .star_ratings input:hover + label:before, .star_ratings input:focus + label:before { content: "\e988"; } .star_ratings:hover input:checked + label, .star_ratings.focusin input:checked + label { border-bottom: dotted 2px #fca253; } .star_ratings input.clear_input + label { background-image: none; font-family: 'unicon'; speak: none; color: #6c6c6c; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .star_ratings input.clear_input + label:before { content: "\e97e"; } .number-comparison-widget { display: inline-block; } .number-comparison-widget .number-comparison-input, .number-comparison-widget .input-text { width: auto !important; } .ff3 .regform-widget input[type=email], .ff3 .regform-widget input[type=url] { background-color: #fff; } .field-widget-daterange span input, .field-widget-datetime span input { margin-right: 10px; } .field-widget-daterange .datecal-widget:first-child, .field-widget-datetime .datecal-widget:first-child { margin-right: 10px; } .field-widget-daterange .datecal-widget:last-child, .field-widget-datetime .datecal-widget:last-child { margin-left: 10px; } @media only screen and (max-width: 414px) { .field-widget-daterange .datecal-widget:last-child, .field-widget-datetime .datecal-widget:last-child { margin-left: 0px; } .field-widget-daterange .datecal-widget:last-child input, .field-widget-datetime .datecal-widget:last-child input { margin-top: 10px; } } .field-widget-datetime .datecal-widget input, .field-widget-datetime .datecal-widget button { margin: 0 5px 0 0; } .date-widget, .time-widget { display: block; } .date-widget label, .time-widget label { display: inline-block; margin-right: 5px; } .date-widget select, .time-widget select { min-width: 100px; } .time-widget { margin: 10px 0 0; } .time-widget .input-button { vertical-align: bottom; } .multi-level-input-wrapper { display: inline-block; flex-basis: 20px; line-height: 22px; } .multi-level-input-label-wrapper { flex-basis: calc(100% - 20px); } .form-group-inline { display: "-webkit-inline-flex"; display: "-moz-inline-flex"; display: "-ms-inline-flex"; display: inline-flex; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .form-group-inline input[type=radio] + label, .form-group-inline input[type=checkbox] + label { max-width: none; } .comment { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .comment .comment-monogram { margin-right: 10px; } .comment + .comment { margin-top: 10px; padding-top: 10px; border-top: solid 1px #ececec; } /* Vertical Radio Group*/ .field-widget label.vertical-radio-group { width: 100%; max-width: calc(99% - 40px); } toast-alert:empty { display: none; } .skeleton-bar { background-color: #ececec; height: 11px; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .skeleton-fill { background-color: #ececec !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .skeleton-circle { height: 24px; width: 24px; line-height: 24px; text-align: center; display: inline-block; border-radius: 24px; margin-bottom: 10px; } .skeleton-animation { -webkit-animation: loading 1.75s linear infinite; -moz-animation: loading 1.75s linear infinite; -ms-animation: loading 1.75s linear infinite; -o-animation: loading 1.75s linear infinite; animation: loading 1.75s linear infinite; background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(205, 205, 205, 0.4) 50%, rgba(255, 255, 255, 0) 100%); display: block; position: relative; height: inherit; } .search-filter { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .search-filter .input-wrapper { position: relative; width: 100%; margin-right: 10px; } .search-filter .input-wrapper .input-text { box-sizing: border-box; padding-right: 40px; } .search-filter .input-wrapper .input-text::-ms-clear { display: none; } .search-filter .btn { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; } .search-filter .clearBtn { height: 100%; } @media screen and (max-width: 767px) { .search-filter .input-wrapper-sticky { margin-right: 0; } .search-filter .input-wrapper-sticky .input-text { border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .search-filter .btn-sticky { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } } .dynamic-form-filter-widget .field-label { display: none; } .dynamic-form-filter-widget .filter-sub-menu { padding: 15px 20px; } .dynamic-form-filter-widget .filter-sub-menu .form-checkbox:only-child label, .dynamic-form-filter-widget .filter-sub-menu .form-checkbox:last-child label { margin-bottom: 0; } .article-trim { position: relative; overflow: hidden; } .article-trim.career-fair-about { max-height: 200px; } .article-trim.expended { max-height: none; } .article-trim.expended .article-trim-bg { display: none; } .article-trim-bg { position: absolute; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; width: 100%; height: 50px; bottom: -20px; text-align: center; background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.65) 100%); } .article-trim-bg .article-trim-btn { display: inline-block; margin-top: 10px; } .location_list_widget { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .location_list { width: 100%; overflow: auto; } @media only screen and (min-width: 1200px) { .location_list { max-height: 400px; } } .location_list .list-item-content:first-child { padding-top: 0; } .location_map { height: 400px; } .customSelect .dropdown-toggle:after { display: none; } .customSelect .customSelectList { width: 100%; background-color: white; border: 1px solid #ccc; padding: 10px 0; border-radius: 2px; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.082); font-size: 13px; line-height: 20px; } @media only screen and (max-width: 767px) { .customSelect .customSelectList { line-height: 16px; } } .customSelect .customSelectListOption { display: block; padding: 0 15px; font-weight: 400; line-height: 30px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; text-align: left; vertical-align: middle; color: #6c6c6c; } .customSelect .customSelectListOption:hover, .customSelect .customSelectListOption:focus { background-color: #edf7ff; text-decoration: none; color: #6c6c6c; } .customSelect .customSelectListOption [class^="icn-"], .customSelect .customSelectListOption [class*=" icn-"] { margin: 0 15px 0 0; } .customSelect .customSelectListOption:focus { background-color: #edf7ff; text-decoration: none; color: #6c6c6c; } .customSelect .customSelectBox, .customSelect .customSelectListOption { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .loader-backdrop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.55); display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; z-index: 9999; } .loader-backdrop .spinner { -webkit-animation: loading-spin 1.5s infinite linear; -moz-animation: loading-spin 1.5s infinite linear; -ms-animation: loading-spin 1.5s infinite linear; -o-animation: loading-spin 1.5s infinite linear; animation: loading-spin 1.5s infinite linear; } .loader-backdrop .spinner[class^='icn-'] { font-size: 40px; color: white; } @keyframes loading-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } ngb-datepicker-navigation .btn { min-width: 0; min-height: 0; } tree-select .selected-container-item { overflow: hidden; } input::-webkit-calendar-picker-indicator { display: none; } input[type="date"]::-webkit-input-placeholder { visibility: hidden !important; } #header_image_crop_block .cropped_image_thumbnail { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #header_image_crop_block .cropped_image_thumbnail img { margin-right: 20px; border-radius: 3px; } .beautify-file-button { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; margin-bottom: 10px; } .beautify-file-button .fileinput-button { flex: 0 0 auto; } .beautify-file-button .file-chosen { white-space: nowrap; overflow: hidden; } .field .subform.logo_subform img { border-radius: 5px; border: 1px solid #ececec; max-width: 60px; max-height: 60px; object-fit: contain; margin: 10px 0px 10px 0px; display: block; } .field .subform.logo_subform > .field { margin-bottom: 0px; } .field .subform.logo_subform > .field .subform { padding: 0px; border: 0px; background: transparent !important; } .fileinput-button { position: relative; overflow: hidden; display: inline-block; } .fileinput-button input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; font-size: 200px; cursor: pointer; } .carousel { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .carousel iframe { display: block; width: 100%; } .carousel iframe[src*="youtu"] { height: 345px; } @media only screen and (max-width: 767px) { .carousel iframe[src*="youtu"] { height: 280px; } } .carousel .carousel-control-prev, .carousel .carousel-control-next { width: 30px; height: 30px; border: 1px solid #ccc; border-radius: 3px; position: static; } .carousel .carousel-control-prev .carousel-control-prev-icon, .carousel .carousel-control-next .carousel-control-prev-icon { background-image: url(/components/unicon/assets/svg-output/chevron_left_light.svg); } .carousel .carousel-control-prev .carousel-control-next-icon, .carousel .carousel-control-next .carousel-control-next-icon { background-image: url(/components/unicon/assets/svg-output/chevron_right_light.svg); } .carousel .carousel-control-prev { order: 2; } .carousel .carousel-control-next { order: 4; } .carousel .carousel-inner { flex: 0 0 100%; order: 1; margin-bottom: 5px; } .carousel .carousel-indicators { order: 3; position: relative; margin: 0px; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; bottom: auto; left: auto; right: auto; align-items: center; } .carousel .carousel-indicators li { background-color: #949494; width: 6px; height: 6px; border-radius: 50%; } .carousel .carousel-indicators li.active { background-color: #0d6dc1; } .sidebar { margin: 0 0 0 10px; } .sidebar.interior { padding: 0 0 0 10px; } @media only screen and (max-width: 768px) { .sidebar.interior { padding: 0; } } .sidebar.interior .sidebar-inner { margin: 20px 0 0; } .sidebar.interior .sidebar-inner:first-child { margin-top: 0; } @media only screen and (max-width: 768px) { .sidebar.interior .sidebar-inner:first-child { margin-top: 10px; } } .sidebar .related-resource-area { width: auto; margin: 15px; } .floating_content .sidebar { background: none; } .floating_content .sidebar .sidebar-content { background: #fff; border: 1px solid #ececec; border-radius: 5px; padding: 20px; margin-bottom: 10px; } @media print { .floating_content .sidebar .sidebar-content { border: 1px solid #ccc; box-shadow: none; } } .floating_content .sidebar .sidebar-content.sidebar-full-width-content { padding: 0; } .floating_content .sidebar .sidebar-content.sidebar-full-width-content .sidebar-header { padding: 20px 20px 0; } .floating_content .sidebar .sidebar-content .sidebar-inner { padding: 0; margin-bottom: 20px; border-bottom: 1px solid #ececec; } .floating_content .sidebar .sidebar-content .sidebar-inner:last-child { border-bottom: 0; margin-bottom: 0; } .floating_content .sidebar .sidebar-content .sb-row { margin-bottom: 15px; } .floating_content .sidebar .sidebar-content .lst-head { margin: 0; padding: 0 0 15px 0; } .floating_content .sidebar .sidebar-content .lst-head .lst-cnt { padding-top: 15px; } .floating_content .sidebar .sidebar-content .lst-head button { margin-right: 0; } .floating_content .sidebar .sidebar-content .sidebar-body-list { margin: 0px -20px; } .floating_content .sidebar .sidebar-content .sidebar-body-list .sidebar-list-item { padding: 20px; border-bottom: 1px solid #ececec; } .floating_content .sidebar .sidebar-content .sidebar-body-list .sidebar-list-item:first-child { padding-top: 0px; } .floating_content .sidebar .sidebar-content .sidebar-body-list .sidebar-list-item:last-child { padding-bottom: 0px; border-bottom: 0; } .floating_content .sidebar .sidebar-content .sidebar-body-list .sidebar-list-title { font-weight: 500; } .floating_content .sidebar .sidebar-content .sidebar-body-list .sidebar-list-title .badge, .floating_content .sidebar .sidebar-content .sidebar-body-list .sidebar-list-title .badge-small { position: relative; top: -1px; } .floating_content .sidebar .sidebar-content .list-item .list-item-checkbox { padding-top: 5px; line-height: 22px; } .floating_content .sidebar .sidebar-content .list-item .list-item-logo { margin-right: 15px; } .floating_content .sidebar .sidebar-content .list-item .list-item-title { font-size: 16px; line-height: 20px; padding-bottom: 5px; } .floating_content .sidebar .sidebar-content .list-item .list-data-columns { padding-top: 0px; } .floating_content .sidebar .sidebar-content .list-item .list-item-actions { margin-left: 5px; } .floating_content .sidebar .sidebar-content .list-item .list-item-actions .actions-toggle-wrap a { font-size: 16px; } .floating_content .sidebar .sidebar-content + .sidebar-content { margin-top: 10px; } .floating_content .sidebar #list .actions-toggle-wrap a { font-size: 16px; } .floating_content .sidebar #list .actions-toggle-wrap a:hover { text-decoration: none; } .floating_content .sidebar .fieldgroup { padding: 0px 20px; border-bottom: 0px; } .floating_content .sidebar .fieldgroup .field { margin-top: 20px; margin-bottom: 0px !important; padding: 0px; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } .floating_content .sidebar .fieldgroup .field .field-label { margin: 0px; font-size: 14px; } .floating_content .sidebar .fieldgroup .field .field-widget-text { font-size: 14px; } .floating_content .sidebar .fieldgroup .field p { margin-bottom: 0px; } .floating_content .sidebar .empty-state { padding: 20px; } .floating_content .sidebar .empty-state img { margin-bottom: 0px; max-width: 100%; } .sidebar-inner { padding: 20px; margin-bottom: 10px; } .sidebar-inner .fg-title h2 { font-weight: 500; font-size: 14px; margin-bottom: 10px; } .sidebar-inner .sidebar-header .sidebar-title { font-weight: 500; line-height: 20px; color: #333; margin-bottom: 20px; padding: 0; } .sidebar-inner .sidebar-header .sidebar-action { text-align: right; } .sidebar-inner .sidebar-body { word-wrap: break-word; } .sidebar-inner .sidebar-body table { background: none !important; margin-bottom: 15px; } .sidebar-inner .sidebar-body table th, .sidebar-inner .sidebar-body table td { background: none !important; } .sidebar-inner .sidebar-body table td:first-child { width: 11px; padding-right: 5px; } .sidebar-inner .sidebar-body .sidebar_title { font-weight: 500; } .sidebar-inner .sidebar-body .icn-page_view { color: #6c6c6c; font-size: 20px; position: relative; top: 3px; } .sidebar-inner .sidebar-body .text-content { padding-bottom: 10px; } .sidebar-inner .sidebar-body .text-content p { margin-bottom: 5px; } .sidebar-inner .resource-send-feedback, .sidebar-inner .download-link, .sidebar-inner .online-chat-link, .sidebar-inner .link-mock-interviews, .sidebar-inner .link-add-to-calendar, .sidebar-inner .offline-chat-link { display: block; position: relative; padding-left: 25px; vertical-align: middle; color: #333; } .sidebar-inner .resource-send-feedback:before, .sidebar-inner .download-link:before, .sidebar-inner .online-chat-link:before, .sidebar-inner .link-mock-interviews:before, .sidebar-inner .link-add-to-calendar:before, .sidebar-inner .offline-chat-link:before { display: inline-block; vertical-align: middle; font-size: 20px; position: absolute; left: 0; } .sidebar-inner #res-chat font { color: #555; } .sidebar-inner .download-link:before { font-family: 'unicon'; speak: none; color: #949494; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e92b"; } .sidebar-inner .resource-send-feedback:before { font-family: 'unicon'; speak: none; color: #949494; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e96d"; } .sidebar-inner .online-chat-link:before, .sidebar-inner .offline-chat-link:before { font-family: 'unicon'; speak: none; color: #949494; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e919"; } .sidebar-inner .resource-mock-interview { padding-bottom: 15px; } .sidebar-inner .resource-mock-interview .link-mock-interviews:before { font-family: 'unicon'; speak: none; color: #949494; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e976"; } .sidebar-inner .link-add-to-calendar:before { font-family: 'unicon'; speak: none; color: #949494; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e939"; } .sidebar-inner div[id^="res-"] { padding-bottom: 15px; } .sidebar-inner div[id^="res-"]:last-child { padding-bottom: 0; } .sidebar-inner#room_avail table { width: 100%; } .sidebar-inner#room_avail table tr { background: none !important; } .sidebar-inner#room_avail table td:nth-child(n+2) { text-align: center; } .sidebar-inner .subform { background: none; border-radius: 0; box-shadow: none; padding: 0; } .sidebar-inner .subform .fg-title { background: none; color: inherit; position: inherit; min-height: 0; margin: 0; padding: 0; border-radius: 0; } .sidebar-inner .subform .fg-title h2 { font-size: 16px; line-height: inherit; color: inherit; } .sidebar-link-list li { position: relative; min-height: 20px; margin-bottom: 15px; } .sidebar-link-list a, .sidebar-link-list .links-pad { display: inline-block; color: #333; padding-left: 25px; vertical-align: middle; word-break: break-word; } .sidebar-link-list a:before, .sidebar-link-list .links-pad:before { font-family: 'unicon'; speak: none; color: #949494; font-size: 28px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e948"; } .sidebar-link-list a:before, .sidebar-link-list .links-pad:before { position: absolute; left: 0; font-size: 20px; } .sidebar-link-list .file-file:before { content: "\e948"; } .sidebar-link-list .file-pdf:before { content: "\e950"; } .sidebar-link-list .file-xls:before { content: "\e947"; } .sidebar-link-list .resource-document:before { content: "\e948"; } .sidebar-link-list .resource-manual:before { content: "\e962"; } .sidebar-link-list .resource-video:before { content: "\e976"; } .sidebar-link-list .resource-calc:before { content: "\e9a6"; } .sidebar-link-list #links-facebook a:before { content: "\e9a1"; } .sidebar-link-list #links-website a:before { content: "\e95b"; } .sidebar-link-list #links-youtube a:before { content: "\e99e"; } .sidebar-link-list #links-linkedin .links-pad:before { content: "\e9a0"; } .sidebar-link-list #links-twitter a:before { content: "\e99f"; } .sidebar-list li { border-bottom: 1px solid #ececec; padding: 0 20px 15px; } .sidebar-list li:last-child { border-bottom: 0; padding-bottom: 0; } .sidebar-list li .badge, .sidebar-list li .badge-small { margin-left: 0; } .sidebar-list-no-records { font-weight: 300; text-align: center; padding: 40px 20px; } .sidebar-list-no-records h3 { margin-bottom: 10px; } .sidebar-list-no-records img { margin-bottom: 25px; } .btn, input[type="button"], input[type="submit"], input[type="reset"] { color: #6c6c6c; background-color: #fff; border-color: #ccc; } .btn .buttonbar, input[type="button"] .buttonbar, input[type="submit"] .buttonbar, input[type="reset"] .buttonbar, .lst-additional-buttons .btn, .lst-additional-buttons input[type="button"], .lst-additional-buttons input[type="submit"], .lst-additional-buttons input[type="reset"] { margin-bottom: 5px; } .btn:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .btn:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, .btn:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { color: #333; border-color: #949494; } .btn:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active { background-color: #f6f6f6; } .btn [class^="icn-"], input[type="button"] [class^="icn-"], input[type="submit"] [class^="icn-"], input[type="reset"] [class^="icn-"], .btn [class*=" icn-"], input[type="button"] [class*=" icn-"], input[type="submit"] [class*=" icn-"], input[type="reset"] [class*=" icn-"] { color: #6c6c6c; } .btn.disabled, input[type="button"].disabled, input[type="submit"].disabled, input[type="reset"].disabled, .btn[disabled], input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled] { opacity: inherit; } .btn.btn_primary, input[type="button"].btn_primary, input[type="submit"].btn_primary, input[type="reset"].btn_primary, .btn.btn_go, input[type="button"].btn_go, input[type="submit"].btn_go, input[type="reset"].btn_go { color: #fff; background-color: #001a57; background-image: none; border-color: #001a57; } .btn.btn_primary:hover, input[type="button"].btn_primary:hover, input[type="submit"].btn_primary:hover, input[type="reset"].btn_primary:hover, .btn.btn_go:hover, input[type="button"].btn_go:hover, input[type="submit"].btn_go:hover, input[type="reset"].btn_go:hover, .btn.btn_primary:focus, input[type="button"].btn_primary:focus, input[type="submit"].btn_primary:focus, input[type="reset"].btn_primary:focus, .btn.btn_go:focus, input[type="button"].btn_go:focus, input[type="submit"].btn_go:focus, input[type="reset"].btn_go:focus, .btn.btn_primary:active, input[type="button"].btn_primary:active, input[type="submit"].btn_primary:active, input[type="reset"].btn_primary:active, .btn.btn_go:active, input[type="button"].btn_go:active, input[type="submit"].btn_go:active, input[type="reset"].btn_go:active { color: #fff; } .btn.btn_primary:hover, input[type="button"].btn_primary:hover, input[type="submit"].btn_primary:hover, input[type="reset"].btn_primary:hover, .btn.btn_go:hover, input[type="button"].btn_go:hover, input[type="submit"].btn_go:hover, input[type="reset"].btn_go:hover, .btn.btn_primary:focus, input[type="button"].btn_primary:focus, input[type="submit"].btn_primary:focus, input[type="reset"].btn_primary:focus, .btn.btn_go:focus, input[type="button"].btn_go:focus, input[type="submit"].btn_go:focus, input[type="reset"].btn_go:focus { background-color: #00123e; border-color: #00123e; } .btn.btn_primary:active, input[type="button"].btn_primary:active, input[type="submit"].btn_primary:active, input[type="reset"].btn_primary:active, .btn.btn_go:active, input[type="button"].btn_go:active, input[type="submit"].btn_go:active, input[type="reset"].btn_go:active { background-color: #000b24; border-color: #000b24; } .btn.btn_primary [class^="icn-"], input[type="button"].btn_primary [class^="icn-"], input[type="submit"].btn_primary [class^="icn-"], input[type="reset"].btn_primary [class^="icn-"], .btn.btn_go [class^="icn-"], input[type="button"].btn_go [class^="icn-"], input[type="submit"].btn_go [class^="icn-"], input[type="reset"].btn_go [class^="icn-"], .btn.btn_primary [class*=" icn-"], input[type="button"].btn_primary [class*=" icn-"], input[type="submit"].btn_primary [class*=" icn-"], input[type="reset"].btn_primary [class*=" icn-"], .btn.btn_go [class*=" icn-"], input[type="button"].btn_go [class*=" icn-"], input[type="submit"].btn_go [class*=" icn-"], input[type="reset"].btn_go [class*=" icn-"] { color: #fff; } .btn.btn_default, input[type="button"].btn_default, input[type="submit"].btn_default, input[type="reset"].btn_default { color: #6c6c6c; border-color: #ccc; background: #fff; } .btn.btn_default:hover, input[type="button"].btn_default:hover, input[type="submit"].btn_default:hover, input[type="reset"].btn_default:hover, .btn.btn_default:focus, input[type="button"].btn_default:focus, input[type="submit"].btn_default:focus, input[type="reset"].btn_default:focus, .btn.btn_default:active, input[type="button"].btn_default:active, input[type="submit"].btn_default:active, input[type="reset"].btn_default:active { color: #333; border-color: #949494; } .btn.btn_default:active, input[type="button"].btn_default:active, input[type="submit"].btn_default:active, input[type="reset"].btn_default:active { background-color: #f6f6f6; } .btn.btn_default [class^="icn-"], input[type="button"].btn_default [class^="icn-"], input[type="submit"].btn_default [class^="icn-"], input[type="reset"].btn_default [class^="icn-"], .btn.btn_default [class*=" icn-"], input[type="button"].btn_default [class*=" icn-"], input[type="submit"].btn_default [class*=" icn-"], input[type="reset"].btn_default [class*=" icn-"] { color: #6c6c6c; } .btn.btn_alt-default, input[type="button"].btn_alt-default, input[type="submit"].btn_alt-default, input[type="reset"].btn_alt-default { color: #001a57; border-color: rgba(0, 26, 87, 0.6); background: #fff; } .btn.btn_alt-default:hover, input[type="button"].btn_alt-default:hover, input[type="submit"].btn_alt-default:hover, input[type="reset"].btn_alt-default:hover, .btn.btn_alt-default:focus, input[type="button"].btn_alt-default:focus, input[type="submit"].btn_alt-default:focus, input[type="reset"].btn_alt-default:focus, .btn.btn_alt-default:active, input[type="button"].btn_alt-default:active, input[type="submit"].btn_alt-default:active, input[type="reset"].btn_alt-default:active { color: #001a57; border-color: #001a57; } .btn.btn_alt-default:active, input[type="button"].btn_alt-default:active, input[type="submit"].btn_alt-default:active, input[type="reset"].btn_alt-default:active { background-color: rgba(0, 26, 87, 0.05); } .btn.btn_alt-default [class^="icn-"], input[type="button"].btn_alt-default [class^="icn-"], input[type="submit"].btn_alt-default [class^="icn-"], input[type="reset"].btn_alt-default [class^="icn-"], .btn.btn_alt-default [class*=" icn-"], input[type="button"].btn_alt-default [class*=" icn-"], input[type="submit"].btn_alt-default [class*=" icn-"], input[type="reset"].btn_alt-default [class*=" icn-"] { color: #001a57; } .btn.btn_alt-error, input[type="button"].btn_alt-error, input[type="submit"].btn_alt-error, input[type="reset"].btn_alt-error { color: #bf3e24; border-color: rgba(191, 62, 36, 0.6); background: #fff; } .btn.btn_alt-error:hover, input[type="button"].btn_alt-error:hover, input[type="submit"].btn_alt-error:hover, input[type="reset"].btn_alt-error:hover, .btn.btn_alt-error:focus, input[type="button"].btn_alt-error:focus, input[type="submit"].btn_alt-error:focus, input[type="reset"].btn_alt-error:focus, .btn.btn_alt-error:active, input[type="button"].btn_alt-error:active, input[type="submit"].btn_alt-error:active, input[type="reset"].btn_alt-error:active { color: #bf3e24; border-color: #bf3e24; } .btn.btn_alt-error:active, input[type="button"].btn_alt-error:active, input[type="submit"].btn_alt-error:active, input[type="reset"].btn_alt-error:active { background-color: rgba(191, 62, 36, 0.05); } .btn.btn_alt-error [class^="icn-"], input[type="button"].btn_alt-error [class^="icn-"], input[type="submit"].btn_alt-error [class^="icn-"], input[type="reset"].btn_alt-error [class^="icn-"], .btn.btn_alt-error [class*=" icn-"], input[type="button"].btn_alt-error [class*=" icn-"], input[type="submit"].btn_alt-error [class*=" icn-"], input[type="reset"].btn_alt-error [class*=" icn-"] { color: #bf3e24; } .btn.btn_sm, input[type="button"].btn_sm, input[type="submit"].btn_sm, input[type="reset"].btn_sm { font-size: 12px; line-height: 16px; min-width: 60px; min-height: 24px; border-radius: 2px; padding: 0 12px; } .btn.btn_sm :before, input[type="button"].btn_sm :before, input[type="submit"].btn_sm :before, input[type="reset"].btn_sm :before { font-size: 10px; } .btn.btn_delete:hover, input[type="button"].btn_delete:hover, input[type="submit"].btn_delete:hover, input[type="reset"].btn_delete:hover { color: #bf3e24; } .btn.btn_link, input[type="button"].btn_link, input[type="submit"].btn_link, input[type="reset"].btn_link { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; } .btn.btn_link:hover, input[type="button"].btn_link:hover, input[type="submit"].btn_link:hover, input[type="reset"].btn_link:hover, .btn.btn_link:focus, input[type="button"].btn_link:focus, input[type="submit"].btn_link:focus, input[type="reset"].btn_link:focus { box-shadow: none; background: none; } .btn.btn_link.btn, input[type="button"].btn_link.btn, input[type="submit"].btn_link.btn, input[type="reset"].btn_link.btn { border: 0; } .btn.btn_link.disabled, input[type="button"].btn_link.disabled, input[type="submit"].btn_link.disabled, input[type="reset"].btn_link.disabled { opacity: 0.65; cursor: default; visibility: hidden; } .btn.btn_link.btn_primary, input[type="button"].btn_link.btn_primary, input[type="submit"].btn_link.btn_primary, input[type="reset"].btn_link.btn_primary { color: #001a57; } .btn.btn_link.btn_primary:hover, input[type="button"].btn_link.btn_primary:hover, input[type="submit"].btn_link.btn_primary:hover, input[type="reset"].btn_link.btn_primary:hover, .btn.btn_link.btn_primary:focus, input[type="button"].btn_link.btn_primary:focus, input[type="submit"].btn_link.btn_primary:focus, input[type="reset"].btn_link.btn_primary:focus { color: #000b24; } .btn.btn_warning, input[type="button"].btn_warning, input[type="submit"].btn_warning, input[type="reset"].btn_warning { color: #fff; background-color: #a85502; background-image: none; border-color: #a85502; } .btn.btn_warning:hover, input[type="button"].btn_warning:hover, input[type="submit"].btn_warning:hover, input[type="reset"].btn_warning:hover, .btn.btn_warning:focus, input[type="button"].btn_warning:focus, input[type="submit"].btn_warning:focus, input[type="reset"].btn_warning:focus, .btn.btn_warning:active, input[type="button"].btn_warning:active, input[type="submit"].btn_warning:active, input[type="reset"].btn_warning:active { color: #fff; } .btn.btn_warning:hover, input[type="button"].btn_warning:hover, input[type="submit"].btn_warning:hover, input[type="reset"].btn_warning:hover, .btn.btn_warning:focus, input[type="button"].btn_warning:focus, input[type="submit"].btn_warning:focus, input[type="reset"].btn_warning:focus { background-color: #8f4802; border-color: #8f4802; } .btn.btn_warning:active, input[type="button"].btn_warning:active, input[type="submit"].btn_warning:active, input[type="reset"].btn_warning:active { background-color: #763c01; border-color: #763c01; } .btn.btn_warning [class^="icn-"], input[type="button"].btn_warning [class^="icn-"], input[type="submit"].btn_warning [class^="icn-"], input[type="reset"].btn_warning [class^="icn-"], .btn.btn_warning [class*=" icn-"], input[type="button"].btn_warning [class*=" icn-"], input[type="submit"].btn_warning [class*=" icn-"], input[type="reset"].btn_warning [class*=" icn-"] { color: #fff; } .btn.btn_danger, input[type="button"].btn_danger, input[type="submit"].btn_danger, input[type="reset"].btn_danger { color: #fff; background-color: #bf3e24; background-image: none; border-color: #bf3e24; } .btn.btn_danger:hover, input[type="button"].btn_danger:hover, input[type="submit"].btn_danger:hover, input[type="reset"].btn_danger:hover, .btn.btn_danger:focus, input[type="button"].btn_danger:focus, input[type="submit"].btn_danger:focus, input[type="reset"].btn_danger:focus, .btn.btn_danger:active, input[type="button"].btn_danger:active, input[type="submit"].btn_danger:active, input[type="reset"].btn_danger:active { color: #fff; } .btn.btn_danger:hover, input[type="button"].btn_danger:hover, input[type="submit"].btn_danger:hover, input[type="reset"].btn_danger:hover, .btn.btn_danger:focus, input[type="button"].btn_danger:focus, input[type="submit"].btn_danger:focus, input[type="reset"].btn_danger:focus { background-color: #aa3720; border-color: #aa3720; } .btn.btn_danger:active, input[type="button"].btn_danger:active, input[type="submit"].btn_danger:active, input[type="reset"].btn_danger:active { background-color: #94301c; border-color: #94301c; } .btn.btn_danger [class^="icn-"], input[type="button"].btn_danger [class^="icn-"], input[type="submit"].btn_danger [class^="icn-"], input[type="reset"].btn_danger [class^="icn-"], .btn.btn_danger [class*=" icn-"], input[type="button"].btn_danger [class*=" icn-"], input[type="submit"].btn_danger [class*=" icn-"], input[type="reset"].btn_danger [class*=" icn-"] { color: #fff; } .btn.btn_success, input[type="button"].btn_success, input[type="submit"].btn_success, input[type="reset"].btn_success { color: #297848; border-color: #297848; } .btn.btn_success:not(.btn_xs), input[type="button"].btn_success:not(.btn_xs), input[type="submit"].btn_success:not(.btn_xs), input[type="reset"].btn_success:not(.btn_xs) { color: #fff; background-color: #297848; background-image: none; border-color: #297848; } .btn.btn_success:not(.btn_xs):hover, input[type="button"].btn_success:not(.btn_xs):hover, input[type="submit"].btn_success:not(.btn_xs):hover, input[type="reset"].btn_success:not(.btn_xs):hover, .btn.btn_success:not(.btn_xs):focus, input[type="button"].btn_success:not(.btn_xs):focus, input[type="submit"].btn_success:not(.btn_xs):focus, input[type="reset"].btn_success:not(.btn_xs):focus, .btn.btn_success:not(.btn_xs):active, input[type="button"].btn_success:not(.btn_xs):active, input[type="submit"].btn_success:not(.btn_xs):active, input[type="reset"].btn_success:not(.btn_xs):active { color: #fff; } .btn.btn_success:not(.btn_xs):hover, input[type="button"].btn_success:not(.btn_xs):hover, input[type="submit"].btn_success:not(.btn_xs):hover, input[type="reset"].btn_success:not(.btn_xs):hover, .btn.btn_success:not(.btn_xs):focus, input[type="button"].btn_success:not(.btn_xs):focus, input[type="submit"].btn_success:not(.btn_xs):focus, input[type="reset"].btn_success:not(.btn_xs):focus { background-color: #23653d; border-color: #23653d; } .btn.btn_success:not(.btn_xs):active, input[type="button"].btn_success:not(.btn_xs):active, input[type="submit"].btn_success:not(.btn_xs):active, input[type="reset"].btn_success:not(.btn_xs):active { background-color: #1c5231; border-color: #1c5231; } .btn.btn_success:not(.btn_xs) [class^="icn-"], input[type="button"].btn_success:not(.btn_xs) [class^="icn-"], input[type="submit"].btn_success:not(.btn_xs) [class^="icn-"], input[type="reset"].btn_success:not(.btn_xs) [class^="icn-"], .btn.btn_success:not(.btn_xs) [class*=" icn-"], input[type="button"].btn_success:not(.btn_xs) [class*=" icn-"], input[type="submit"].btn_success:not(.btn_xs) [class*=" icn-"], input[type="reset"].btn_success:not(.btn_xs) [class*=" icn-"] { color: #fff; } .btn.btn-facebook, input[type="button"].btn-facebook, input[type="submit"].btn-facebook, input[type="reset"].btn-facebook { color: #fff; background-color: #3b5998; background-image: none; border-color: #3b5998; } .btn.btn-facebook:hover, input[type="button"].btn-facebook:hover, input[type="submit"].btn-facebook:hover, input[type="reset"].btn-facebook:hover, .btn.btn-facebook:focus, input[type="button"].btn-facebook:focus, input[type="submit"].btn-facebook:focus, input[type="reset"].btn-facebook:focus, .btn.btn-facebook:active, input[type="button"].btn-facebook:active, input[type="submit"].btn-facebook:active, input[type="reset"].btn-facebook:active { color: #fff; } .btn.btn-facebook:hover, input[type="button"].btn-facebook:hover, input[type="submit"].btn-facebook:hover, input[type="reset"].btn-facebook:hover, .btn.btn-facebook:focus, input[type="button"].btn-facebook:focus, input[type="submit"].btn-facebook:focus, input[type="reset"].btn-facebook:focus { background-color: #344e86; border-color: #344e86; } .btn.btn-facebook:active, input[type="button"].btn-facebook:active, input[type="submit"].btn-facebook:active, input[type="reset"].btn-facebook:active { background-color: #2d4373; border-color: #2d4373; } .btn.btn-facebook [class^="icn-"], input[type="button"].btn-facebook [class^="icn-"], input[type="submit"].btn-facebook [class^="icn-"], input[type="reset"].btn-facebook [class^="icn-"], .btn.btn-facebook [class*=" icn-"], input[type="button"].btn-facebook [class*=" icn-"], input[type="submit"].btn-facebook [class*=" icn-"], input[type="reset"].btn-facebook [class*=" icn-"] { color: #fff; } .btn.btn-facebook:before, input[type="button"].btn-facebook:before, input[type="submit"].btn-facebook:before, input[type="reset"].btn-facebook:before { font-family: 'unicon'; speak: none; color: #fff; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9a1"; } .btn.btn-linkedin, input[type="button"].btn-linkedin, input[type="submit"].btn-linkedin, input[type="reset"].btn-linkedin, .btn.linkedin-button, input[type="button"].linkedin-button, input[type="submit"].linkedin-button, input[type="reset"].linkedin-button { color: #fff; background-color: #0077b5; background-image: none; border-color: #0077b5; } .btn.btn-linkedin:hover, input[type="button"].btn-linkedin:hover, input[type="submit"].btn-linkedin:hover, input[type="reset"].btn-linkedin:hover, .btn.linkedin-button:hover, input[type="button"].linkedin-button:hover, input[type="submit"].linkedin-button:hover, input[type="reset"].linkedin-button:hover, .btn.btn-linkedin:focus, input[type="button"].btn-linkedin:focus, input[type="submit"].btn-linkedin:focus, input[type="reset"].btn-linkedin:focus, .btn.linkedin-button:focus, input[type="button"].linkedin-button:focus, input[type="submit"].linkedin-button:focus, input[type="reset"].linkedin-button:focus, .btn.btn-linkedin:active, input[type="button"].btn-linkedin:active, input[type="submit"].btn-linkedin:active, input[type="reset"].btn-linkedin:active, .btn.linkedin-button:active, input[type="button"].linkedin-button:active, input[type="submit"].linkedin-button:active, input[type="reset"].linkedin-button:active { color: #fff; } .btn.btn-linkedin:hover, input[type="button"].btn-linkedin:hover, input[type="submit"].btn-linkedin:hover, input[type="reset"].btn-linkedin:hover, .btn.linkedin-button:hover, input[type="button"].linkedin-button:hover, input[type="submit"].linkedin-button:hover, input[type="reset"].linkedin-button:hover, .btn.btn-linkedin:focus, input[type="button"].btn-linkedin:focus, input[type="submit"].btn-linkedin:focus, input[type="reset"].btn-linkedin:focus, .btn.linkedin-button:focus, input[type="button"].linkedin-button:focus, input[type="submit"].linkedin-button:focus, input[type="reset"].linkedin-button:focus { background-color: #00669c; border-color: #00669c; } .btn.btn-linkedin:active, input[type="button"].btn-linkedin:active, input[type="submit"].btn-linkedin:active, input[type="reset"].btn-linkedin:active, .btn.linkedin-button:active, input[type="button"].linkedin-button:active, input[type="submit"].linkedin-button:active, input[type="reset"].linkedin-button:active { background-color: #005582; border-color: #005582; } .btn.btn-linkedin [class^="icn-"], input[type="button"].btn-linkedin [class^="icn-"], input[type="submit"].btn-linkedin [class^="icn-"], input[type="reset"].btn-linkedin [class^="icn-"], .btn.linkedin-button [class^="icn-"], input[type="button"].linkedin-button [class^="icn-"], input[type="submit"].linkedin-button [class^="icn-"], input[type="reset"].linkedin-button [class^="icn-"], .btn.btn-linkedin [class*=" icn-"], input[type="button"].btn-linkedin [class*=" icn-"], input[type="submit"].btn-linkedin [class*=" icn-"], input[type="reset"].btn-linkedin [class*=" icn-"], .btn.linkedin-button [class*=" icn-"], input[type="button"].linkedin-button [class*=" icn-"], input[type="submit"].linkedin-button [class*=" icn-"], input[type="reset"].linkedin-button [class*=" icn-"] { color: #fff; } .btn.btn-linkedin:before, input[type="button"].btn-linkedin:before, input[type="submit"].btn-linkedin:before, input[type="reset"].btn-linkedin:before, .btn.linkedin-button:before, input[type="button"].linkedin-button:before, input[type="submit"].linkedin-button:before, input[type="reset"].linkedin-button:before { font-family: 'unicon'; speak: none; color: #fff; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9a0"; } .btn.btn-facebook, input[type="button"].btn-facebook, input[type="submit"].btn-facebook, input[type="reset"].btn-facebook, .btn.btn-linkedin, input[type="button"].btn-linkedin, input[type="submit"].btn-linkedin, input[type="reset"].btn-linkedin, .btn.btn-googleOauth, input[type="button"].btn-googleOauth, input[type="submit"].btn-googleOauth, input[type="reset"].btn-googleOauth { padding: 8px 15px 5px 10px; } .btn.btn-facebook::before, input[type="button"].btn-facebook::before, input[type="submit"].btn-facebook::before, input[type="reset"].btn-facebook::before, .btn.btn-linkedin::before, input[type="button"].btn-linkedin::before, input[type="submit"].btn-linkedin::before, input[type="reset"].btn-linkedin::before, .btn.btn-googleOauth::before, input[type="button"].btn-googleOauth::before, input[type="submit"].btn-googleOauth::before, input[type="reset"].btn-googleOauth::before { position: relative; top: -2px; vertical-align: middle; margin-right: 5px; } .btn.btn-googleOauth, input[type="button"].btn-googleOauth, input[type="submit"].btn-googleOauth, input[type="reset"].btn-googleOauth { background-color: white; border: 1px solid; margin-top: 10px; } .btn.btn-googleOauth:before, input[type="button"].btn-googleOauth:before, input[type="submit"].btn-googleOauth:before, input[type="reset"].btn-googleOauth:before { content: ''; background-image: url("/components/valkyrie/images/google-g-logo.png"); width: 25px; height: 25px; background-size: contain; display: inline-block; } .btn.btn-googleOauth:hover, input[type="button"].btn-googleOauth:hover, input[type="submit"].btn-googleOauth:hover, input[type="reset"].btn-googleOauth:hover { cursor: pointer; } .btn.btn_passive, input[type="button"].btn_passive, input[type="submit"].btn_passive, input[type="reset"].btn_passive { border: none; text-transform: none; color: #949494; } .btn.btn_transparent, input[type="button"].btn_transparent, input[type="submit"].btn_transparent, input[type="reset"].btn_transparent { background: rgba(0, 0, 0, 0); border-color: #000; color: #000; } .btn.btn_transparent.hover, input[type="button"].btn_transparent.hover, input[type="submit"].btn_transparent.hover, input[type="reset"].btn_transparent.hover { background: rgba(230, 230, 230, 0.9); } .btn.btn_minimal:not(.ui-select-container), input[type="button"].btn_minimal:not(.ui-select-container), input[type="submit"].btn_minimal:not(.ui-select-container), input[type="reset"].btn_minimal:not(.ui-select-container) { display: inline-block; padding: 0; text-align: center; border: 0; font-size: 13px; font-weight: 400; line-height: 20px; min-height: 20px; text-decoration: none; cursor: pointer; white-space: nowrap; color: #333; background: transparent; box-shadow: none; vertical-align: middle; } .btn.btn_minimal:not(.ui-select-container):hover, input[type="button"].btn_minimal:not(.ui-select-container):hover, input[type="submit"].btn_minimal:not(.ui-select-container):hover, input[type="reset"].btn_minimal:not(.ui-select-container):hover, .btn.btn_minimal:not(.ui-select-container):focus, input[type="button"].btn_minimal:not(.ui-select-container):focus, input[type="submit"].btn_minimal:not(.ui-select-container):focus, input[type="reset"].btn_minimal:not(.ui-select-container):focus, .btn.btn_minimal:not(.ui-select-container).open, input[type="button"].btn_minimal:not(.ui-select-container).open, input[type="submit"].btn_minimal:not(.ui-select-container).open, input[type="reset"].btn_minimal:not(.ui-select-container).open { color: #333; } @media only screen and (max-width: 414px) { .btn.btn_minimal:not(.ui-select-container), input[type="button"].btn_minimal:not(.ui-select-container), input[type="submit"].btn_minimal:not(.ui-select-container), input[type="reset"].btn_minimal:not(.ui-select-container) { line-height: 16px; } } .btn.btn_minimal:not(.ui-select-container) [class^="icn-"], input[type="button"].btn_minimal:not(.ui-select-container) [class^="icn-"], input[type="submit"].btn_minimal:not(.ui-select-container) [class^="icn-"], input[type="reset"].btn_minimal:not(.ui-select-container) [class^="icn-"], .btn.btn_minimal:not(.ui-select-container) [class*=" icn-"], input[type="button"].btn_minimal:not(.ui-select-container) [class*=" icn-"], input[type="submit"].btn_minimal:not(.ui-select-container) [class*=" icn-"], input[type="reset"].btn_minimal:not(.ui-select-container) [class*=" icn-"] { color: #6c6c6c; } .btn.btn_minimal [class^="icn-"]:first-child, input[type="button"].btn_minimal [class^="icn-"]:first-child, input[type="submit"].btn_minimal [class^="icn-"]:first-child, input[type="reset"].btn_minimal [class^="icn-"]:first-child, .btn.btn_minimal [class*=" icn-"]:first-child, input[type="button"].btn_minimal [class*=" icn-"]:first-child, input[type="submit"].btn_minimal [class*=" icn-"]:first-child, input[type="reset"].btn_minimal [class*=" icn-"]:first-child { margin: 0 5px 0 0; } .btn.btn_minimal [class^="icn-"]:last-child, input[type="button"].btn_minimal [class^="icn-"]:last-child, input[type="submit"].btn_minimal [class^="icn-"]:last-child, input[type="reset"].btn_minimal [class^="icn-"]:last-child, .btn.btn_minimal [class*=" icn-"]:last-child, input[type="button"].btn_minimal [class*=" icn-"]:last-child, input[type="submit"].btn_minimal [class*=" icn-"]:last-child, input[type="reset"].btn_minimal [class*=" icn-"]:last-child { margin: 0 0 0 5px; } .btn.btn_minimal.ui-select-container.ui-select-bootstrap, input[type="button"].btn_minimal.ui-select-container.ui-select-bootstrap, input[type="submit"].btn_minimal.ui-select-container.ui-select-bootstrap, input[type="reset"].btn_minimal.ui-select-container.ui-select-bootstrap { border-width: 0; padding: 0; background-color: transparent; } .btn.btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle, input[type="button"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle, input[type="submit"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle, input[type="reset"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle { display: inline-block; padding: 0; text-align: center; border: 0; font-size: 13px; font-weight: 400; line-height: 20px; min-height: 20px; text-decoration: none; cursor: pointer; white-space: nowrap; color: #333; background: transparent; box-shadow: none; vertical-align: middle; margin: 0; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .btn.btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle:hover, input[type="button"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle:hover, input[type="submit"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle:hover, input[type="reset"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle:hover, .btn.btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle:focus, input[type="button"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle:focus, input[type="submit"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle:focus, input[type="reset"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle:focus, .btn.btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle.open, input[type="button"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle.open, input[type="submit"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle.open, input[type="reset"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle.open { color: #333; } @media only screen and (max-width: 414px) { .btn.btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle, input[type="button"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle, input[type="submit"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle, input[type="reset"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle { line-height: 16px; } } .btn.btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle [class^="icn-"], input[type="button"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle [class^="icn-"], input[type="submit"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle [class^="icn-"], input[type="reset"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle [class^="icn-"], .btn.btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle [class*=" icn-"], input[type="button"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle [class*=" icn-"], input[type="submit"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle [class*=" icn-"], input[type="reset"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle [class*=" icn-"] { color: #6c6c6c; } .btn.btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle .ui-select-match-text, input[type="button"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle .ui-select-match-text, input[type="submit"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle .ui-select-match-text, input[type="reset"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle .ui-select-match-text { width: auto; padding: 0; } .btn.btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle > .caret, input[type="button"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle > .caret, input[type="submit"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle > .caret, input[type="reset"].btn_minimal.ui-select-container.ui-select-bootstrap .ui-select-toggle > .caret { display: none; } .btn.btn_minimal select, input[type="button"].btn_minimal select, input[type="submit"].btn_minimal select, input[type="reset"].btn_minimal select { color: rgba(51, 51, 51, 0.8); border: none; font-size: 13px; line-height: 20px; min-height: 20px; background-image: url(/components/unicon/assets/svg-output/chevron_down_light.svg); -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; background-position: right center; background-repeat: no-repeat; background-size: 12px; /* IE hack */ -webkit-padding-end: 0; -moz-padding-end: 0; -ms-padding-end: 0; -o-padding-end: 0; padding-end: 0; -webkit-padding-start: 0; -moz-padding-start: 0; -ms-padding-start: 0; -o-padding-start: 0; padding-start: 0; padding: 0 15px 0 0; background-origin: padding-box; height: auto; } .btn.btn_minimal select::-ms-expand, input[type="button"].btn_minimal select::-ms-expand, input[type="submit"].btn_minimal select::-ms-expand, input[type="reset"].btn_minimal select::-ms-expand { display: none; /* remove default arrow in IE 10 and 11 */ } .btn.btn_minimal select:hover, input[type="button"].btn_minimal select:hover, input[type="submit"].btn_minimal select:hover, input[type="reset"].btn_minimal select:hover, .btn.btn_minimal select:active, input[type="button"].btn_minimal select:active, input[type="submit"].btn_minimal select:active, input[type="reset"].btn_minimal select:active { color: #333; border-color: #333; } .btn.btn_minimal select:active, input[type="button"].btn_minimal select:active, input[type="submit"].btn_minimal select:active, input[type="reset"].btn_minimal select:active { background-color: #949494; } .btn.dropdown-toggle:focus, input[type="button"].dropdown-toggle:focus, input[type="submit"].dropdown-toggle:focus, input[type="reset"].dropdown-toggle:focus, .btn:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus { outline: auto; } .btn.btn_multi_line, input[type="button"].btn_multi_line, input[type="submit"].btn_multi_line, input[type="reset"].btn_multi_line { white-space: normal; line-height: 18px; min-height: 30px; padding-top: 5px; padding-bottom: 5px; } .dark-theme [class^="btn_"].btn_transparent, .dark-theme [class*=" btn_"].btn_transparent { border-color: #fff; } .dark-theme [class^="btn_"].btn_transparent, .dark-theme [class*=" btn_"].btn_transparent, .dark-theme [class^="btn_"].btn_transparent [class^="icn-"], .dark-theme [class*=" btn_"].btn_transparent [class^="icn-"], .dark-theme [class^="btn_"].btn_transparent [class*=" icn-"], .dark-theme [class*=" btn_"].btn_transparent [class*=" icn-"] { color: #fff; } .dark-theme [class^="btn_"].btn_transparent:hover, .dark-theme [class*=" btn_"].btn_transparent:hover { background: rgba(255, 255, 255, 0.1); } .dark-theme [class^="btn_"].btn_transparent:hover [class^="icn-"], .dark-theme [class*=" btn_"].btn_transparent:hover [class^="icn-"], .dark-theme [class^="btn_"].btn_transparent:hover [class*=" icn-"], .dark-theme [class*=" btn_"].btn_transparent:hover [class*=" icn-"] { color: #fff; } .search-filters .buttonbar .btn_generic { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; } .search-filters .buttonbar .btn_generic:hover, .search-filters .buttonbar .btn_generic:focus { box-shadow: none; background: none; } .search-filters .buttonbar .btn_generic.btn { border: 0; } .user-badge .btn, .quick-search-wrapper .btn, .user-badge input[type="button"], .quick-search-wrapper input[type="button"], .user-badge input[type="submit"], .quick-search-wrapper input[type="submit"] { font-size: 12px; line-height: 16px; min-width: 60px; min-height: 24px; border-radius: 2px; padding: 0 12px; } .md-button.toolbar-BTN { min-width: 0px; } .btn.btn_icn { font-size: inherit; min-width: auto; padding: 0; border: 0; } .btn.btn_icn [class^="icn-"] { font-size: inherit; margin: 0; } .btn.btn_icn.btn_alt-default { color: #001a57; border-color: rgba(0, 26, 87, 0.6); background: #fff; } .btn.btn_icn.btn_alt-default:hover, .btn.btn_icn.btn_alt-default:focus, .btn.btn_icn.btn_alt-default:active { color: #001a57; border-color: #001a57; } .btn.btn_icn.btn_alt-default:active { background-color: rgba(0, 26, 87, 0.05); } .btn.btn_icn.btn_alt-default [class^="icn-"], .btn.btn_icn.btn_alt-default [class*=" icn-"] { color: #001a57; } .btn.btn_icn_box { min-width: 30px; padding: 0; } button.btn.btn_icn_box { line-height: 1; } .btn.btn_icn_box [class^="icn-"], .btn.btn_icn_box [class*=" icn-"] { margin: 0 !important; } .btn > span { vertical-align: middle; } .btn [class^="icn-"], .btn [class*=" icn-"] { display: inline-block; vertical-align: middle; color: currentColor; font-size: 12px; } .btn [class^="icn-"]:first-child, .btn [class*=" icn-"]:first-child { margin-left: -7px; margin-right: 3px; } .btn [class^="icn-"]:last-child, .btn [class*=" icn-"]:last-child { margin-left: 3px; margin-right: -2px; } .btn [class^="icn-"].icon-sm, .btn [class*=" icn-"].icon-sm { font-size: 16px; } .btn [class^="icn-"].icon-md, .btn [class*=" icn-"].icon-md { font-size: 20px; } .btn i:only-of-type[class^="icn-"]:first-child, .btn i:only-of-type[class*=" icn-"]:first-child { margin-left: inherit; margin-right: 3px; } .btn-reset { padding: 0; border: none; background: none; } button.btn_text-link, input[type="button"].btn_text-link, input[type="submit"].btn_text-link, input[type="reset"].btn_text-link { display: inline; padding: 0; border: 0; background-color: transparent; min-height: auto; margin-right: 10px; color: #001a57; text-decoration: none; font-size: 13px; line-height: 20px; } button.btn_text-link:hover, input[type="button"].btn_text-link:hover, input[type="submit"].btn_text-link:hover, input[type="reset"].btn_text-link:hover, button.btn_text-link:focus, input[type="button"].btn_text-link:focus, input[type="submit"].btn_text-link:focus, input[type="reset"].btn_text-link:focus, button.btn_text-link:hover [class^="icn-"], input[type="button"].btn_text-link:hover [class^="icn-"], input[type="submit"].btn_text-link:hover [class^="icn-"], input[type="reset"].btn_text-link:hover [class^="icn-"], button.btn_text-link:focus [class^="icn-"], input[type="button"].btn_text-link:focus [class^="icn-"], input[type="submit"].btn_text-link:focus [class^="icn-"], input[type="reset"].btn_text-link:focus [class^="icn-"], button.btn_text-link:hover [class*=" icn-"], input[type="button"].btn_text-link:hover [class*=" icn-"], input[type="submit"].btn_text-link:hover [class*=" icn-"], input[type="reset"].btn_text-link:hover [class*=" icn-"], button.btn_text-link:focus [class*=" icn-"], input[type="button"].btn_text-link:focus [class*=" icn-"], input[type="submit"].btn_text-link:focus [class*=" icn-"], input[type="reset"].btn_text-link:focus [class*=" icn-"] { color: #001a57; } button.btn_text-link:hover, input[type="button"].btn_text-link:hover, input[type="submit"].btn_text-link:hover, input[type="reset"].btn_text-link:hover, button.btn_text-link:focus, input[type="button"].btn_text-link:focus, input[type="submit"].btn_text-link:focus, input[type="reset"].btn_text-link:focus { text-decoration: underline; cursor: pointer; } button.btn_text-link:hover, input[type="button"].btn_text-link:hover, input[type="submit"].btn_text-link:hover, input[type="reset"].btn_text-link:hover, button.btn_text-link:focus, input[type="button"].btn_text-link:focus, input[type="submit"].btn_text-link:focus, input[type="reset"].btn_text-link:focus { text-decoration: underline; } button.btn_text-link.disabled, input[type="button"].btn_text-link.disabled, input[type="submit"].btn_text-link.disabled, input[type="reset"].btn_text-link.disabled, button.btn_text-link[disabled], input[type="button"].btn_text-link[disabled], input[type="submit"].btn_text-link[disabled], input[type="reset"].btn_text-link[disabled], button.btn_text-link[aria-disabled], input[type="button"].btn_text-link[aria-disabled], input[type="submit"].btn_text-link[aria-disabled], input[type="reset"].btn_text-link[aria-disabled] { opacity: 0.6; cursor: not-allowed; color: #444; } button.btn_text-link.disabled [class^='icn-'], input[type="button"].btn_text-link.disabled [class^='icn-'], input[type="submit"].btn_text-link.disabled [class^='icn-'], input[type="reset"].btn_text-link.disabled [class^='icn-'], button.btn_text-link[disabled] [class^='icn-'], input[type="button"].btn_text-link[disabled] [class^='icn-'], input[type="submit"].btn_text-link[disabled] [class^='icn-'], input[type="reset"].btn_text-link[disabled] [class^='icn-'], button.btn_text-link[aria-disabled] [class^='icn-'], input[type="button"].btn_text-link[aria-disabled] [class^='icn-'], input[type="submit"].btn_text-link[aria-disabled] [class^='icn-'], input[type="reset"].btn_text-link[aria-disabled] [class^='icn-'], button.btn_text-link.disabled [class*='icn-'], input[type="button"].btn_text-link.disabled [class*='icn-'], input[type="submit"].btn_text-link.disabled [class*='icn-'], input[type="reset"].btn_text-link.disabled [class*='icn-'], button.btn_text-link[disabled] [class*='icn-'], input[type="button"].btn_text-link[disabled] [class*='icn-'], input[type="submit"].btn_text-link[disabled] [class*='icn-'], input[type="reset"].btn_text-link[disabled] [class*='icn-'], button.btn_text-link[aria-disabled] [class*='icn-'], input[type="button"].btn_text-link[aria-disabled] [class*='icn-'], input[type="submit"].btn_text-link[aria-disabled] [class*='icn-'], input[type="reset"].btn_text-link[aria-disabled] [class*='icn-'] { color: #444; } button.btn_text-link.disabled:hover, input[type="button"].btn_text-link.disabled:hover, input[type="submit"].btn_text-link.disabled:hover, input[type="reset"].btn_text-link.disabled:hover, button.btn_text-link[disabled]:hover, input[type="button"].btn_text-link[disabled]:hover, input[type="submit"].btn_text-link[disabled]:hover, input[type="reset"].btn_text-link[disabled]:hover, button.btn_text-link[aria-disabled]:hover, input[type="button"].btn_text-link[aria-disabled]:hover, input[type="submit"].btn_text-link[aria-disabled]:hover, input[type="reset"].btn_text-link[aria-disabled]:hover, button.btn_text-link.disabled:focus, input[type="button"].btn_text-link.disabled:focus, input[type="submit"].btn_text-link.disabled:focus, input[type="reset"].btn_text-link.disabled:focus, button.btn_text-link[disabled]:focus, input[type="button"].btn_text-link[disabled]:focus, input[type="submit"].btn_text-link[disabled]:focus, input[type="reset"].btn_text-link[disabled]:focus, button.btn_text-link[aria-disabled]:focus, input[type="button"].btn_text-link[aria-disabled]:focus, input[type="submit"].btn_text-link[aria-disabled]:focus, input[type="reset"].btn_text-link[aria-disabled]:focus { text-decoration: unset; } .btn-wrapper { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .skill-button, .share-button, .bio-button, .bio-upload-button { background: none; border: 0; } .skill-button:hover, .share-button:hover, .bio-button:hover, .bio-upload-button:hover, .skill-button:focus, .share-button:focus, .bio-button:focus, .bio-upload-button:focus { background-color: rgba(255, 255, 255, 0.25); } .bio-upload-button:hover, .bio-upload-button:focus { background-color: none; } .btn-external-link:before { font-family: 'unicon'; speak: none; color: #fff; font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e95a"; } .btn-external-link:before { padding-right: 5px; position: relative; } .btn-in-select { position: relative; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .btn-in-select select { padding-right: 45px; } .btn-in-select .btn { position: absolute; right: 20px; } :not(.growl-container) > .alert, :not(.growl-container) > .hint, :not(.growl-container) > .tip, :not(.growl-container) > .eventlog-msg, :not(.growl-container) > .notice, :not(.growl-container) > .notice-msgbx, :not(.growl-container) > .info-warning, :not(.growl-container) > .viewermsg, :not(.growl-container) > .list-alert, :not(.growl-container) > .module_instructions { position: relative; padding: 10px 16px 10px 46px; margin-bottom: 20px; border-radius: 3px; color: #0d6dc1; background-color: #e1f1ff; font-size: 14px; line-height: 22px; } :not(.growl-container) > .alert:before, :not(.growl-container) > .hint:before, :not(.growl-container) > .tip:before, :not(.growl-container) > .eventlog-msg:before, :not(.growl-container) > .notice:before, :not(.growl-container) > .notice-msgbx:before, :not(.growl-container) > .info-warning:before, :not(.growl-container) > .viewermsg:before, :not(.growl-container) > .list-alert:before, :not(.growl-container) > .module_instructions:before { font-family: 'unicon'; speak: none; color: #0d6dc1; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e9bc"; position: absolute; left: 20px; line-height: 22px; } @media print { :not(.growl-container) > .alert, :not(.growl-container) > .hint, :not(.growl-container) > .tip, :not(.growl-container) > .eventlog-msg, :not(.growl-container) > .notice, :not(.growl-container) > .notice-msgbx, :not(.growl-container) > .info-warning, :not(.growl-container) > .viewermsg, :not(.growl-container) > .list-alert, :not(.growl-container) > .module_instructions { border: 1px solid #ccc; box-shadow: none; } } :not(.growl-container) > .alert h2, :not(.growl-container) > .hint h2, :not(.growl-container) > .tip h2, :not(.growl-container) > .eventlog-msg h2, :not(.growl-container) > .notice h2, :not(.growl-container) > .notice-msgbx h2, :not(.growl-container) > .info-warning h2, :not(.growl-container) > .viewermsg h2, :not(.growl-container) > .list-alert h2, :not(.growl-container) > .module_instructions h2, :not(.growl-container) > .alert h3, :not(.growl-container) > .hint h3, :not(.growl-container) > .tip h3, :not(.growl-container) > .eventlog-msg h3, :not(.growl-container) > .notice h3, :not(.growl-container) > .notice-msgbx h3, :not(.growl-container) > .info-warning h3, :not(.growl-container) > .viewermsg h3, :not(.growl-container) > .list-alert h3, :not(.growl-container) > .module_instructions h3 { font-size: 14px; line-height: 22px; color: inherit; margin-bottom: 5px; font-weight: bold; } :not(.growl-container) > .alert a, :not(.growl-container) > .hint a, :not(.growl-container) > .tip a, :not(.growl-container) > .eventlog-msg a, :not(.growl-container) > .notice a, :not(.growl-container) > .notice-msgbx a, :not(.growl-container) > .info-warning a, :not(.growl-container) > .viewermsg a, :not(.growl-container) > .list-alert a, :not(.growl-container) > .module_instructions a { color: inherit; } :not(.growl-container) > .alert p:only-child, :not(.growl-container) > .hint p:only-child, :not(.growl-container) > .tip p:only-child, :not(.growl-container) > .eventlog-msg p:only-child, :not(.growl-container) > .notice p:only-child, :not(.growl-container) > .notice-msgbx p:only-child, :not(.growl-container) > .info-warning p:only-child, :not(.growl-container) > .viewermsg p:only-child, :not(.growl-container) > .list-alert p:only-child, :not(.growl-container) > .module_instructions p:only-child { margin-bottom: 0; } :not(.growl-container) > .alert .input-checkbox, :not(.growl-container) > .hint .input-checkbox, :not(.growl-container) > .tip .input-checkbox, :not(.growl-container) > .eventlog-msg .input-checkbox, :not(.growl-container) > .notice .input-checkbox, :not(.growl-container) > .notice-msgbx .input-checkbox, :not(.growl-container) > .info-warning .input-checkbox, :not(.growl-container) > .viewermsg .input-checkbox, :not(.growl-container) > .list-alert .input-checkbox, :not(.growl-container) > .module_instructions .input-checkbox { margin-right: 4px; } :not(.growl-container) > .alert .user_hint:not(:last-child), :not(.growl-container) > .hint .user_hint:not(:last-child), :not(.growl-container) > .tip .user_hint:not(:last-child), :not(.growl-container) > .eventlog-msg .user_hint:not(:last-child), :not(.growl-container) > .notice .user_hint:not(:last-child), :not(.growl-container) > .notice-msgbx .user_hint:not(:last-child), :not(.growl-container) > .info-warning .user_hint:not(:last-child), :not(.growl-container) > .viewermsg .user_hint:not(:last-child), :not(.growl-container) > .list-alert .user_hint:not(:last-child), :not(.growl-container) > .module_instructions .user_hint:not(:last-child) { margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px; border-color: rgba(13, 109, 193, 0.1); } :not(.growl-container) > .alert .hint_btn, :not(.growl-container) > .hint .hint_btn, :not(.growl-container) > .tip .hint_btn, :not(.growl-container) > .eventlog-msg .hint_btn, :not(.growl-container) > .notice .hint_btn, :not(.growl-container) > .notice-msgbx .hint_btn, :not(.growl-container) > .info-warning .hint_btn, :not(.growl-container) > .viewermsg .hint_btn, :not(.growl-container) > .list-alert .hint_btn, :not(.growl-container) > .module_instructions .hint_btn { color: #0d6dc1; border-color: rgba(13, 109, 193, 0.6); background: #fff; } :not(.growl-container) > .alert .hint_btn:hover, :not(.growl-container) > .hint .hint_btn:hover, :not(.growl-container) > .tip .hint_btn:hover, :not(.growl-container) > .eventlog-msg .hint_btn:hover, :not(.growl-container) > .notice .hint_btn:hover, :not(.growl-container) > .notice-msgbx .hint_btn:hover, :not(.growl-container) > .info-warning .hint_btn:hover, :not(.growl-container) > .viewermsg .hint_btn:hover, :not(.growl-container) > .list-alert .hint_btn:hover, :not(.growl-container) > .module_instructions .hint_btn:hover, :not(.growl-container) > .alert .hint_btn:focus, :not(.growl-container) > .hint .hint_btn:focus, :not(.growl-container) > .tip .hint_btn:focus, :not(.growl-container) > .eventlog-msg .hint_btn:focus, :not(.growl-container) > .notice .hint_btn:focus, :not(.growl-container) > .notice-msgbx .hint_btn:focus, :not(.growl-container) > .info-warning .hint_btn:focus, :not(.growl-container) > .viewermsg .hint_btn:focus, :not(.growl-container) > .list-alert .hint_btn:focus, :not(.growl-container) > .module_instructions .hint_btn:focus, :not(.growl-container) > .alert .hint_btn:active, :not(.growl-container) > .hint .hint_btn:active, :not(.growl-container) > .tip .hint_btn:active, :not(.growl-container) > .eventlog-msg .hint_btn:active, :not(.growl-container) > .notice .hint_btn:active, :not(.growl-container) > .notice-msgbx .hint_btn:active, :not(.growl-container) > .info-warning .hint_btn:active, :not(.growl-container) > .viewermsg .hint_btn:active, :not(.growl-container) > .list-alert .hint_btn:active, :not(.growl-container) > .module_instructions .hint_btn:active { color: #0d6dc1; border-color: #0d6dc1; } :not(.growl-container) > .alert .hint_btn:active, :not(.growl-container) > .hint .hint_btn:active, :not(.growl-container) > .tip .hint_btn:active, :not(.growl-container) > .eventlog-msg .hint_btn:active, :not(.growl-container) > .notice .hint_btn:active, :not(.growl-container) > .notice-msgbx .hint_btn:active, :not(.growl-container) > .info-warning .hint_btn:active, :not(.growl-container) > .viewermsg .hint_btn:active, :not(.growl-container) > .list-alert .hint_btn:active, :not(.growl-container) > .module_instructions .hint_btn:active { background-color: rgba(13, 109, 193, 0.05); } :not(.growl-container) > .alert .hint_btn [class^="icn-"], :not(.growl-container) > .hint .hint_btn [class^="icn-"], :not(.growl-container) > .tip .hint_btn [class^="icn-"], :not(.growl-container) > .eventlog-msg .hint_btn [class^="icn-"], :not(.growl-container) > .notice .hint_btn [class^="icn-"], :not(.growl-container) > .notice-msgbx .hint_btn [class^="icn-"], :not(.growl-container) > .info-warning .hint_btn [class^="icn-"], :not(.growl-container) > .viewermsg .hint_btn [class^="icn-"], :not(.growl-container) > .list-alert .hint_btn [class^="icn-"], :not(.growl-container) > .module_instructions .hint_btn [class^="icn-"], :not(.growl-container) > .alert .hint_btn [class*=" icn-"], :not(.growl-container) > .hint .hint_btn [class*=" icn-"], :not(.growl-container) > .tip .hint_btn [class*=" icn-"], :not(.growl-container) > .eventlog-msg .hint_btn [class*=" icn-"], :not(.growl-container) > .notice .hint_btn [class*=" icn-"], :not(.growl-container) > .notice-msgbx .hint_btn [class*=" icn-"], :not(.growl-container) > .info-warning .hint_btn [class*=" icn-"], :not(.growl-container) > .viewermsg .hint_btn [class*=" icn-"], :not(.growl-container) > .list-alert .hint_btn [class*=" icn-"], :not(.growl-container) > .module_instructions .hint_btn [class*=" icn-"] { color: #0d6dc1; } :not(.growl-container) > .alert.error, :not(.growl-container) > .hint.error, :not(.growl-container) > .tip.error, :not(.growl-container) > .eventlog-msg.error, :not(.growl-container) > .notice.error, :not(.growl-container) > .notice-msgbx.error, :not(.growl-container) > .info-warning.error, :not(.growl-container) > .viewermsg.error, :not(.growl-container) > .list-alert.error, :not(.growl-container) > .module_instructions.error { color: #bf3e24; background-color: #ffe9e4; border-color: #bf3e24; } :not(.growl-container) > .alert.error:before, :not(.growl-container) > .hint.error:before, :not(.growl-container) > .tip.error:before, :not(.growl-container) > .eventlog-msg.error:before, :not(.growl-container) > .notice.error:before, :not(.growl-container) > .notice-msgbx.error:before, :not(.growl-container) > .info-warning.error:before, :not(.growl-container) > .viewermsg.error:before, :not(.growl-container) > .list-alert.error:before, :not(.growl-container) > .module_instructions.error:before { font-family: 'unicon'; speak: none; color: #bf3e24; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e936"; position: absolute; left: 20px; } :not(.growl-container) > .alert.error h2, :not(.growl-container) > .hint.error h2, :not(.growl-container) > .tip.error h2, :not(.growl-container) > .eventlog-msg.error h2, :not(.growl-container) > .notice.error h2, :not(.growl-container) > .notice-msgbx.error h2, :not(.growl-container) > .info-warning.error h2, :not(.growl-container) > .viewermsg.error h2, :not(.growl-container) > .list-alert.error h2, :not(.growl-container) > .module_instructions.error h2, :not(.growl-container) > .alert.error h3, :not(.growl-container) > .hint.error h3, :not(.growl-container) > .tip.error h3, :not(.growl-container) > .eventlog-msg.error h3, :not(.growl-container) > .notice.error h3, :not(.growl-container) > .notice-msgbx.error h3, :not(.growl-container) > .info-warning.error h3, :not(.growl-container) > .viewermsg.error h3, :not(.growl-container) > .list-alert.error h3, :not(.growl-container) > .module_instructions.error h3 { color: inherit; font-size: 14px; line-height: 22px; } :not(.growl-container) > .alert.error ul, :not(.growl-container) > .hint.error ul, :not(.growl-container) > .tip.error ul, :not(.growl-container) > .eventlog-msg.error ul, :not(.growl-container) > .notice.error ul, :not(.growl-container) > .notice-msgbx.error ul, :not(.growl-container) > .info-warning.error ul, :not(.growl-container) > .viewermsg.error ul, :not(.growl-container) > .list-alert.error ul, :not(.growl-container) > .module_instructions.error ul { font-size: 14px; margin-left: 15px; list-style-type: disc; } :not(.growl-container) > .alert.warning, :not(.growl-container) > .hint.warning, :not(.growl-container) > .tip.warning, :not(.growl-container) > .eventlog-msg.warning, :not(.growl-container) > .notice.warning, :not(.growl-container) > .notice-msgbx.warning, :not(.growl-container) > .info-warning.warning, :not(.growl-container) > .viewermsg.warning, :not(.growl-container) > .list-alert.warning, :not(.growl-container) > .module_instructions.warning { color: #a85502; background-color: #feebc9; } :not(.growl-container) > .alert.warning:before, :not(.growl-container) > .hint.warning:before, :not(.growl-container) > .tip.warning:before, :not(.growl-container) > .eventlog-msg.warning:before, :not(.growl-container) > .notice.warning:before, :not(.growl-container) > .notice-msgbx.warning:before, :not(.growl-container) > .info-warning.warning:before, :not(.growl-container) > .viewermsg.warning:before, :not(.growl-container) > .list-alert.warning:before, :not(.growl-container) > .module_instructions.warning:before { font-family: 'unicon'; speak: none; color: #a85502; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e99d"; position: absolute; left: 20px; } :not(.growl-container) > .alert.success, :not(.growl-container) > .hint.success, :not(.growl-container) > .tip.success, :not(.growl-container) > .eventlog-msg.success, :not(.growl-container) > .notice.success, :not(.growl-container) > .notice-msgbx.success, :not(.growl-container) > .info-warning.success, :not(.growl-container) > .viewermsg.success, :not(.growl-container) > .list-alert.success, :not(.growl-container) > .module_instructions.success, :not(.growl-container) > .alert.notice-success, :not(.growl-container) > .hint.notice-success, :not(.growl-container) > .tip.notice-success, :not(.growl-container) > .eventlog-msg.notice-success, :not(.growl-container) > .notice.notice-success, :not(.growl-container) > .notice-msgbx.notice-success, :not(.growl-container) > .info-warning.notice-success, :not(.growl-container) > .viewermsg.notice-success, :not(.growl-container) > .list-alert.notice-success, :not(.growl-container) > .module_instructions.notice-success { color: #297848; background-color: #d2f5e0; border-color: #297848; } :not(.growl-container) > .alert.success:before, :not(.growl-container) > .hint.success:before, :not(.growl-container) > .tip.success:before, :not(.growl-container) > .eventlog-msg.success:before, :not(.growl-container) > .notice.success:before, :not(.growl-container) > .notice-msgbx.success:before, :not(.growl-container) > .info-warning.success:before, :not(.growl-container) > .viewermsg.success:before, :not(.growl-container) > .list-alert.success:before, :not(.growl-container) > .module_instructions.success:before, :not(.growl-container) > .alert.notice-success:before, :not(.growl-container) > .hint.notice-success:before, :not(.growl-container) > .tip.notice-success:before, :not(.growl-container) > .eventlog-msg.notice-success:before, :not(.growl-container) > .notice.notice-success:before, :not(.growl-container) > .notice-msgbx.notice-success:before, :not(.growl-container) > .info-warning.notice-success:before, :not(.growl-container) > .viewermsg.notice-success:before, :not(.growl-container) > .list-alert.notice-success:before, :not(.growl-container) > .module_instructions.notice-success:before { font-family: 'unicon'; speak: none; color: #297848; font-size: 16px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e91a"; position: absolute; left: 20px; line-height: 22px; } #frame > :not(.growl-container) > .alert, #frame > :not(.growl-container) > .hint, #frame > :not(.growl-container) > .tip, #frame > :not(.growl-container) > .eventlog-msg, #frame > :not(.growl-container) > .notice, #frame > :not(.growl-container) > .notice-msgbx, #frame > :not(.growl-container) > .info-warning, #frame > :not(.growl-container) > .viewermsg, #frame > :not(.growl-container) > .list-alert, #frame > :not(.growl-container) > .module_instructions { margin: 0 15px 20px; } :not(.growl-container) > .alert .dismissible .hint_answer, :not(.growl-container) > .hint .dismissible .hint_answer, :not(.growl-container) > .tip .dismissible .hint_answer, :not(.growl-container) > .eventlog-msg .dismissible .hint_answer, :not(.growl-container) > .notice .dismissible .hint_answer, :not(.growl-container) > .notice-msgbx .dismissible .hint_answer, :not(.growl-container) > .info-warning .dismissible .hint_answer, :not(.growl-container) > .viewermsg .dismissible .hint_answer, :not(.growl-container) > .list-alert .dismissible .hint_answer, :not(.growl-container) > .module_instructions .dismissible .hint_answer { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } :not(.growl-container) > .alert .dismissible .hint_answer p:last-child, :not(.growl-container) > .hint .dismissible .hint_answer p:last-child, :not(.growl-container) > .tip .dismissible .hint_answer p:last-child, :not(.growl-container) > .eventlog-msg .dismissible .hint_answer p:last-child, :not(.growl-container) > .notice .dismissible .hint_answer p:last-child, :not(.growl-container) > .notice-msgbx .dismissible .hint_answer p:last-child, :not(.growl-container) > .info-warning .dismissible .hint_answer p:last-child, :not(.growl-container) > .viewermsg .dismissible .hint_answer p:last-child, :not(.growl-container) > .list-alert .dismissible .hint_answer p:last-child, :not(.growl-container) > .module_instructions .dismissible .hint_answer p:last-child { margin-bottom: 0; } :not(.growl-container) > .alert .dismissible .dismiss_link, :not(.growl-container) > .hint .dismissible .dismiss_link, :not(.growl-container) > .tip .dismissible .dismiss_link, :not(.growl-container) > .eventlog-msg .dismissible .dismiss_link, :not(.growl-container) > .notice .dismissible .dismiss_link, :not(.growl-container) > .notice-msgbx .dismissible .dismiss_link, :not(.growl-container) > .info-warning .dismissible .dismiss_link, :not(.growl-container) > .viewermsg .dismissible .dismiss_link, :not(.growl-container) > .list-alert .dismissible .dismiss_link, :not(.growl-container) > .module_instructions .dismissible .dismiss_link { -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; cursor: pointer; text-decoration: none; color: rgba(108, 108, 108, 0.8); margin-left: 10px; padding: 0 10px; font-size: 14px; height: 22px; line-height: 22px; } :not(.growl-container) > .alert .dismissible .dismiss_link:hover [class^="icn-"], :not(.growl-container) > .hint .dismissible .dismiss_link:hover [class^="icn-"], :not(.growl-container) > .tip .dismissible .dismiss_link:hover [class^="icn-"], :not(.growl-container) > .eventlog-msg .dismissible .dismiss_link:hover [class^="icn-"], :not(.growl-container) > .notice .dismissible .dismiss_link:hover [class^="icn-"], :not(.growl-container) > .notice-msgbx .dismissible .dismiss_link:hover [class^="icn-"], :not(.growl-container) > .info-warning .dismissible .dismiss_link:hover [class^="icn-"], :not(.growl-container) > .viewermsg .dismissible .dismiss_link:hover [class^="icn-"], :not(.growl-container) > .list-alert .dismissible .dismiss_link:hover [class^="icn-"], :not(.growl-container) > .module_instructions .dismissible .dismiss_link:hover [class^="icn-"] { color: #6c6c6c; } :not(.growl-container) > .alert .dismissible .dismiss_link.btn, :not(.growl-container) > .hint .dismissible .dismiss_link.btn, :not(.growl-container) > .tip .dismissible .dismiss_link.btn, :not(.growl-container) > .eventlog-msg .dismissible .dismiss_link.btn, :not(.growl-container) > .notice .dismissible .dismiss_link.btn, :not(.growl-container) > .notice-msgbx .dismissible .dismiss_link.btn, :not(.growl-container) > .info-warning .dismissible .dismiss_link.btn, :not(.growl-container) > .viewermsg .dismissible .dismiss_link.btn, :not(.growl-container) > .list-alert .dismissible .dismiss_link.btn, :not(.growl-container) > .module_instructions .dismissible .dismiss_link.btn { min-width: 0; min-height: 0; padding: 0; } :not(.growl-container) > .alert .dismissible .dismiss_link.btn [class^="icn-"], :not(.growl-container) > .hint .dismissible .dismiss_link.btn [class^="icn-"], :not(.growl-container) > .tip .dismissible .dismiss_link.btn [class^="icn-"], :not(.growl-container) > .eventlog-msg .dismissible .dismiss_link.btn [class^="icn-"], :not(.growl-container) > .notice .dismissible .dismiss_link.btn [class^="icn-"], :not(.growl-container) > .notice-msgbx .dismissible .dismiss_link.btn [class^="icn-"], :not(.growl-container) > .info-warning .dismissible .dismiss_link.btn [class^="icn-"], :not(.growl-container) > .viewermsg .dismissible .dismiss_link.btn [class^="icn-"], :not(.growl-container) > .list-alert .dismissible .dismiss_link.btn [class^="icn-"], :not(.growl-container) > .module_instructions .dismissible .dismiss_link.btn [class^="icn-"] { font-size: 14px; margin: auto; } :not(.growl-container) > .alert.tip-no-icon, :not(.growl-container) > .hint.tip-no-icon, :not(.growl-container) > .tip.tip-no-icon, :not(.growl-container) > .eventlog-msg.tip-no-icon, :not(.growl-container) > .notice.tip-no-icon, :not(.growl-container) > .notice-msgbx.tip-no-icon, :not(.growl-container) > .info-warning.tip-no-icon, :not(.growl-container) > .viewermsg.tip-no-icon, :not(.growl-container) > .list-alert.tip-no-icon, :not(.growl-container) > .module_instructions.tip-no-icon, .sidebar :not(.growl-container) > .alert, .sidebar :not(.growl-container) > .hint, .sidebar :not(.growl-container) > .tip, .sidebar :not(.growl-container) > .eventlog-msg, .sidebar :not(.growl-container) > .notice, .sidebar :not(.growl-container) > .notice-msgbx, .sidebar :not(.growl-container) > .info-warning, .sidebar :not(.growl-container) > .viewermsg, .sidebar :not(.growl-container) > .list-alert, .sidebar :not(.growl-container) > .module_instructions { min-height: 0; padding-left: 15px; } :not(.growl-container) > .alert.tip-no-icon::before, :not(.growl-container) > .hint.tip-no-icon::before, :not(.growl-container) > .tip.tip-no-icon::before, :not(.growl-container) > .eventlog-msg.tip-no-icon::before, :not(.growl-container) > .notice.tip-no-icon::before, :not(.growl-container) > .notice-msgbx.tip-no-icon::before, :not(.growl-container) > .info-warning.tip-no-icon::before, :not(.growl-container) > .viewermsg.tip-no-icon::before, :not(.growl-container) > .list-alert.tip-no-icon::before, :not(.growl-container) > .module_instructions.tip-no-icon::before, .sidebar :not(.growl-container) > .alert::before, .sidebar :not(.growl-container) > .hint::before, .sidebar :not(.growl-container) > .tip::before, .sidebar :not(.growl-container) > .eventlog-msg::before, .sidebar :not(.growl-container) > .notice::before, .sidebar :not(.growl-container) > .notice-msgbx::before, .sidebar :not(.growl-container) > .info-warning::before, .sidebar :not(.growl-container) > .viewermsg::before, .sidebar :not(.growl-container) > .list-alert::before, .sidebar :not(.growl-container) > .module_instructions::before { content: ""; } .sidebar :not(.growl-container) > .alert, .sidebar :not(.growl-container) > .hint, .sidebar :not(.growl-container) > .tip, .sidebar :not(.growl-container) > .eventlog-msg, .sidebar :not(.growl-container) > .notice, .sidebar :not(.growl-container) > .notice-msgbx, .sidebar :not(.growl-container) > .info-warning, .sidebar :not(.growl-container) > .viewermsg, .sidebar :not(.growl-container) > .list-alert, .sidebar :not(.growl-container) > .module_instructions { font-size: 12px; margin: 0 15px; } :not(.growl-container) > .alert .btn:not(.btn_primary), :not(.growl-container) > .hint .btn:not(.btn_primary), :not(.growl-container) > .tip .btn:not(.btn_primary), :not(.growl-container) > .eventlog-msg .btn:not(.btn_primary), :not(.growl-container) > .notice .btn:not(.btn_primary), :not(.growl-container) > .notice-msgbx .btn:not(.btn_primary), :not(.growl-container) > .info-warning .btn:not(.btn_primary), :not(.growl-container) > .viewermsg .btn:not(.btn_primary), :not(.growl-container) > .list-alert .btn:not(.btn_primary), :not(.growl-container) > .module_instructions .btn:not(.btn_primary) { margin-right: 10px; } :not(.growl-container) > .alert.notice-card-inline, :not(.growl-container) > .hint.notice-card-inline, :not(.growl-container) > .tip.notice-card-inline, :not(.growl-container) > .eventlog-msg.notice-card-inline, :not(.growl-container) > .notice.notice-card-inline, :not(.growl-container) > .notice-msgbx.notice-card-inline, :not(.growl-container) > .info-warning.notice-card-inline, :not(.growl-container) > .viewermsg.notice-card-inline, :not(.growl-container) > .list-alert.notice-card-inline, :not(.growl-container) > .module_instructions.notice-card-inline { border: none; } :not(.growl-container) > .alert.notice-card-inline:before, :not(.growl-container) > .hint.notice-card-inline:before, :not(.growl-container) > .tip.notice-card-inline:before, :not(.growl-container) > .eventlog-msg.notice-card-inline:before, :not(.growl-container) > .notice.notice-card-inline:before, :not(.growl-container) > .notice-msgbx.notice-card-inline:before, :not(.growl-container) > .info-warning.notice-card-inline:before, :not(.growl-container) > .viewermsg.notice-card-inline:before, :not(.growl-container) > .list-alert.notice-card-inline:before, :not(.growl-container) > .module_instructions.notice-card-inline:before { content: ''; } :not(.growl-container) > .alert.scale-md, :not(.growl-container) > .hint.scale-md, :not(.growl-container) > .tip.scale-md, :not(.growl-container) > .eventlog-msg.scale-md, :not(.growl-container) > .notice.scale-md, :not(.growl-container) > .notice-msgbx.scale-md, :not(.growl-container) > .info-warning.scale-md, :not(.growl-container) > .viewermsg.scale-md, :not(.growl-container) > .list-alert.scale-md, :not(.growl-container) > .module_instructions.scale-md { padding-top: 15px; padding-bottom: 15px; } .notice-card-inline { font-weight: 400; } .notice-card-inline.notice-warn { background-color: #feebc9; color: #a85502; } .notice-card-inline.notice-success { border: none; color: #41895c; background-color: #d2f5e0; } .notice-success { border-left-color: #297848; color: #297848; background-color: #d2f5e0; } .no-records { height: 600px; background: none; box-shadow: none; border: none; color: #949494; font-weight: 500; font-size: 16px; text-align: center; margin: 0; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .no-records:before { content: ""; } .no-records .no-records-icn-wrapper { position: relative; font-size: 14px; font-weight: 400; color: #6c6c6c; } .no-records .icn-first { top: -2px; right: -20px; } .no-records .icn-last { top: -2px; left: -24px; } .no-records .icn-wrapper { position: relative; display: inline-block; z-index: 1; } .no-records .icn-wrapper .icn-bg { position: absolute; height: 100px; width: 80px; background: #fff; top: 1px; left: 8px; } .no-records .icn-wrapper .icn { font-size: 100px; color: #898989; } .no-records .no-records-icn-wrapper .no-records-icn { display: block; margin: 0 auto 20px; height: 150px; font-size: 150px; color: #d5d5d5; } .no-records .add-new-btn { margin-top: 10px; } .no-records .add-new-btn .btn { margin-right: 0; } .sidebar .no-records { margin: 0; padding: 0; font-size: 14px; text-align: left; } .sidebar .no-records .no-records-icn { display: none; } .content-container-inner > .alert, .content-container-inner > .hint, .content-container-inner > .tip, .content-container-inner > .eventlog-msg, .content-container-inner > .notice, .content-container-inner > .notice-msgbx, .content-container-inner > .info-warning, .content-container-inner > .viewermsg, .content-container-inner > .list-alert, .content-container-inner > .module_instructions { margin: 20px 15px 0; } .content-container-inner > .split-list-notice { margin: 15px 0; } .content-container-inner > form:not(:last-child) { border-bottom: 1px solid #ececec; } .content-container-inner > form ~ .tip, .content-container-inner > form ~ .eventlog-msg { margin: 15px; } .list-layout .form-col > .tip, .list-layout .form-col > .eventlog-msg { margin: 15px; } /* Allow basic style on user hints */ .hint .user_hint { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .hint .user_hint em { font-style: italic; } .hint .user_hint ol { list-style-type: decimal; } .hint .user_hint ul { list-style-type: disc; } .hint .user_hint ol, .hint .user_hint ul { padding-left: 30px; margin: 10px 0; } /* Toast */ .growl-container.top-center.growl-fixed { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; top: 75px; } .growl-container > div.growl-item { padding: 10px 20px; border-radius: 5px; background-size: 16px; background-position: 20px center; } .growl-container > div.growl-item.icon > .growl-message { margin-left: 25px; } .growl-container .alert-info { background-color: #555; color: rgba(255, 255, 255, 1); border-color: #555; } .growl-container .alert-info.icon { background-image: none; } .growl-container .alert-info.icon > div.growl-message { margin-left: 0; } .growl-container .alert-error { background-color: #bf3e24; color: rgba(255, 255, 255, 1); border-color: #bf3e24; } .growl-container .alert-error.icon { background-image: url(/components/unicon/assets/svg-output/error_filled_dark.svg); } .growl-container .alert-success { background-color: #297848; color: rgba(255, 255, 255, 1); border-color: #297848; } .growl-container .alert-success.icon { background-image: url(/components/unicon/assets/svg-output/check_circle_filled_dark.svg); } /*Banner Message*/ .banner-msg { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; position: fixed; top: 64px; left: 0; width: 100%; z-index: 100; padding: 10px; font-size: 14px; line-height: 22px; overflow: auto; max-height: calc(100% - 64px); } .banner-msg .msg-content { text-align: left; overflow: hidden; } .banner-msg .toggle-icon { min-height: 0; min-width: 0; line-height: 22px; } .banner-msg .toggle-icon i { font-size: 14px; } .banner-msg:before { position: static; vertical-align: middle; margin: 0 10px; } .banner-msg.warning { color: #fff; background-color: #bf3e24; } .banner-msg.warning:before { font-family: 'unicon'; speak: none; color: #bf3e24; font-size: 14px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e936"; color: #fff; line-height: 22px; } .banner-msg + .row { padding-top: 42px; } toast-alert { position: fixed; width: 100%; top: 64px; left: 0; margin-top: 20px; z-index: 1100; } #all_user_hints .hint:not(:last-child) { margin-bottom: 10px; } .search-filters, .advanced_search { padding: 20px; border-bottom: 1px solid #ececec; } .search-filters .buttonbar, .advanced_search .buttonbar { font-size: 0; margin-top: 20px; } .search-filters .buttonbar .btn, .advanced_search .buttonbar .btn, .search-filters .buttonbar input[type="button"], .advanced_search .buttonbar input[type="button"], .search-filters .buttonbar input[type="submit"], .advanced_search .buttonbar input[type="submit"] { margin-right: 10px; } .search-filters .buttonbar .btn:last-child, .advanced_search .buttonbar .btn:last-child, .search-filters .buttonbar input[type="button"]:last-child, .advanced_search .buttonbar input[type="button"]:last-child, .search-filters .buttonbar input[type="submit"]:last-child, .advanced_search .buttonbar input[type="submit"]:last-child { margin-right: 0; } @media only screen and (max-width: 767px) { .search-filters .buttonbar, .advanced_search .buttonbar { display: flex; align-items: center; } .search-filters .buttonbar .btn, .advanced_search .buttonbar .btn, .search-filters .buttonbar input[type="button"], .advanced_search .buttonbar input[type="button"], .search-filters .buttonbar input[type="submit"], .advanced_search .buttonbar input[type="submit"] { margin: 0 10px 0 0; } .search-filters .buttonbar .btn:last-child, .advanced_search .buttonbar .btn:last-child, .search-filters .buttonbar input[type="button"]:last-child, .advanced_search .buttonbar input[type="button"]:last-child, .search-filters .buttonbar input[type="submit"]:last-child, .advanced_search .buttonbar input[type="submit"]:last-child { margin: 0; } } .search-filters .hidden-filters, .advanced_search .hidden-filters { display: none; } .search-filters.filters-shown .hidden-filters, .advanced_search.filters-shown .hidden-filters { display: block; } @media print { .search-filters { display: none; } } /* Advanced Search - Saved Searches */ form[name="advsearch"] fieldset:first-child .field-widget > table { background: #fff; border: 1px solid #ececec; border-radius: 5px; margin: 0; background: #f5f5f5; } @media print { form[name="advsearch"] fieldset:first-child .field-widget > table { border: 1px solid #ccc; box-shadow: none; } } form[name="advsearch"] fieldset:first-child .field-widget > table.errors { background-color: #bf3e24; } form[name="advsearch"] fieldset:first-child .field-widget > table .content { padding: 20px; } form[name="advsearch"] fieldset:first-child .field-widget > table .content .row { margin-left: -20px; margin-right: -20px; } form[name="advsearch"] fieldset:first-child .field-widget > table .actions, form[name="advsearch"] fieldset:first-child .field-widget > table .card-actions { text-align: right; } form[name="advsearch"] fieldset:first-child .field-widget > table .actions > a:not(.btn), form[name="advsearch"] fieldset:first-child .field-widget > table .card-actions > a:not(.btn) { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; margin: 10px 5px; } form[name="advsearch"] fieldset:first-child .field-widget > table .actions > a:not(.btn):hover, form[name="advsearch"] fieldset:first-child .field-widget > table .card-actions > a:not(.btn):hover, form[name="advsearch"] fieldset:first-child .field-widget > table .actions > a:not(.btn):focus, form[name="advsearch"] fieldset:first-child .field-widget > table .card-actions > a:not(.btn):focus { box-shadow: none; background: none; } form[name="advsearch"] fieldset:first-child .field-widget > table .actions > a:not(.btn).btn, form[name="advsearch"] fieldset:first-child .field-widget > table .card-actions > a:not(.btn).btn { border: 0; } form[name="advsearch"] fieldset:first-child .field-widget > table td { padding: 15px; border-bottom: 1px solid #ececec; } form[name="advsearch"] fieldset:first-child .field-widget > table tr:last-child td { border-bottom: none; } form[name="advsearch"] fieldset:first-child .field-widget > table tr:last-child td .input-text { margin-top: 15px; } form[name="advsearch"] fieldset:first-child .field-widget > table label { margin: 0; padding: 0; font-size: 16px; } form[name="advsearch"] fieldset:first-child .field-widget > table label:first-of-type { text-transform: capitalize; } form[name="advsearch"] fieldset:first-child .field-widget > table label b { font-weight: 400; } form[name="advsearch"] fieldset:first-child .field-widget > table input[type="checkbox"] { margin-right: 4px; vertical-align: middle; margin-top: -2px; } #list_wrap { overflow-x: auto; } #_list_form + #_list_form .list-responsive { border-left: 1px solid #949494; } .list-responsive { min-width: 300px; } .list-responsive.list_maincol { table-layout: fixed; word-break: normal; min-width: calc(100% - 30px); margin: 15px; } @media (min-width: 768px) { .list-responsive.list_maincol { min-width: 100%; margin: 0; } } .list-responsive.list_maincol th, .list-responsive.list_maincol td { vertical-align: top; } .list-responsive.list_maincol th a, .list-responsive.list_maincol td a { text-decoration: none; } .list-responsive.list_maincol th a:hover, .list-responsive.list_maincol td a:hover { text-decoration: underline; color: #4a89c1; } .list-responsive.list_maincol th { font-weight: 500; border-bottom: 1px solid #e0e0e0; } .list-responsive.list_maincol .list-row td { border-bottom: 1px solid #e0e0e0; } @media only screen and (max-width: 767px) { .list-responsive.list_maincol .list-row { border-bottom: 1px solid #e0e0e0; } .list-responsive.list_maincol .list-row td { border: none; } } .list-responsive.list_maincol td { display: block; } .list-responsive.list_maincol td.ListHeadResultInfo { padding: 0; } .list-responsive.list_maincol td.ListHeadResultInfo input[type="button"] { margin-right: 13px; height: auto; } .list-responsive.list_maincol td.ListHeadResultInfo .batch-options { display: table-cell; vertical-align: middle; } .list-responsive.list_maincol td .list_results { display: block; padding: 13px 0 0; } @media (min-width: 768px) { .list-responsive.list_maincol td .list_results { display: table-cell; padding: 0; vertical-align: middle; } } .list-responsive.list_maincol td .add-new { display: table-cell; vertical-align: middle; } .list-responsive.list_maincol td.ListHead { display: block; padding-left: 0; text-align: start; } @media (min-width: 768px) { .list-responsive.list_maincol td.ListHead { float: right !important; vertical-align: middle; padding: 13px 0; text-align: right; } } @media (min-width: 768px) { .list-responsive.list_maincol td { display: table-cell; } } .list-responsive tr:first-child td:before { content: " "; } .list-responsive th { display: none; } .list-responsive td[data-th]:not([class="lst-cl-cb"]):before { content: attr(data-th) ": "; font-weight: 500; display: block; padding: 0; } @media (min-width: 768px) { .list-responsive td[data-th]:not([class="lst-cl-cb"]):before { display: none; } } .list-responsive [class*="_selectthisitem"] > label { margin-right: 10px; display: none; } .list-responsive th, .list-responsive td { text-align: left; } @media (min-width: 768px) { .list-responsive th, .list-responsive td { display: table-cell; } .list-responsive th[data-dropdown], .list-responsive td[data-dropdown] { display: none; } } .list-responsive { border-radius: 0.4em; } @media (min-width: 768px) { .list-responsive th, .list-responsive td { padding: 15px; margin: 0; } } @media (max-width: 767px) { .list-responsive thead { display: none; } .list-responsive td { padding: 5px 0; } .list-responsive td:first-child { padding-top: 15px; } .list-responsive td:last-child { padding-bottom: 15px; } } .list-summary { display: flex; justify-content: space-between; padding: 20px; } .list-summary-left { flex-grow: 100; } .list-summary-left > h2 { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; margin: 0 0 5px 0; } .list-summary-left-subtitle { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 500px; color: #6c6c6c; } .list-summary-right { display: flex; justify-content: flex-end; } .list-summary-right > ul { display: flex; justify-content: flex-end; } .list-summary-right > ul > li { text-align: center; margin: 0 10px; } .list-summary-right > ul > li > [role="term"] { max-width: 120px; white-space: nowrap; color: #6c6c6c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .list-summary-right > ul > li > [role="definition"] { margin: 0 0 5px 0; color: #6c6c6c; } @media screen and (max-width: 992px) { .list-summary-left > * { max-width: 350px; } } @media screen and (max-width: 415px) { .list-summary { flex-direction: column; justify-content: space-around; } .list-summary-left, .list-summary-right { width: 100%; margin: 10px 0 0; } .list-summary-left > * { max-width: 400px; } .list-summary-right > ul { width: 100%; } .list-summary-right > ul > li { width: 100px; padding: 5px; margin: 10px 5px 0; border: solid 1px #ececec; border-radius: 3px; } .list-summary-right > ul > li:first-child { margin-left: 0; } .list-summary-right > ul > li:last-child { margin-right: 0; } .list-summary-right > ul > li > [role="definition"] { margin: 0; } .list-summary-right > ul > li > [role="definition"] > li > [role="term"], .list-summary-right > ul > li > [role="definition"] > li > [role="definition"] { max-width: 64px; } } .list-item-row { font-size: 14px; line-height: 1.4em; position: relative; } .list-item-row .list-item-main { padding: 0; float: none; min-width: 50%; line-height: 1.4em; } .list-item-row .list-item-main .fieldlabel { font-weight: 500; } .list-item-row .list-item-title, .list-item-row .list-item-title a { line-height: normal; font-size: 24px; } .list-item-row .list-item-title h2 { font-size: 24px; margin-bottom: 0; line-height: 1.4em; } .list-item-row .list-item-subtitle p { font-size: 14px; } .list-item-row .list-item-main-actions { z-index: 1; } .list-item-row .list-item-main-actions .main-action { font-size: 14px; } .list-item-row .secondary-action { font-size: 12px; color: #6c6c6c; } .list-item-row .secondary-action + .action-toggle { vertical-align: -23px; } .list-item-row .list-item-data-column { padding: 0; float: none; color: #6c6c6c; font-size: 14px; } .list-item-row .follow_link, .list-item-row [class*='icn-favorite-'] { display: block; padding: 13px; text-decoration: none; } .list-item-row .follow_link:hover, .list-item-row [class*='icn-favorite-']:hover { text-decoration: underline; } .list-item-row .column_label { display: block; font-weight: 500; } .list-item-row .list-item-logo { float: left; } .list-item-row .list-item-checkbox label { position: absolute; clip: rect(1px 1px 1px 1px); } .list-item-row .list-item-checkbox + .avatar { margin-left: 15px; } .list-item-row .list-item-main-actions { background: #fff; border: 1px solid #ececec; border-radius: 5px; display: none; text-align: left; width: 180px; } @media print { .list-item-row .list-item-main-actions { border: 1px solid #ccc; box-shadow: none; } } .list-item-row .list-item-main-actions.errors { background-color: #bf3e24; } .list-item-row .list-item-main-actions .content { padding: 20px; } .list-item-row .list-item-main-actions .content .row { margin-left: -20px; margin-right: -20px; } .list-item-row .list-item-main-actions .actions, .list-item-row .list-item-main-actions .card-actions { text-align: right; } .list-item-row .list-item-main-actions .actions > a:not(.btn), .list-item-row .list-item-main-actions .card-actions > a:not(.btn) { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; margin: 10px 5px; } .list-item-row .list-item-main-actions .actions > a:not(.btn):hover, .list-item-row .list-item-main-actions .card-actions > a:not(.btn):hover, .list-item-row .list-item-main-actions .actions > a:not(.btn):focus, .list-item-row .list-item-main-actions .card-actions > a:not(.btn):focus { box-shadow: none; background: none; } .list-item-row .list-item-main-actions .actions > a:not(.btn).btn, .list-item-row .list-item-main-actions .card-actions > a:not(.btn).btn { border: 0; } .list-item-row .list-item-main-actions.show { display: block; position: absolute; right: 6px; top: 16px; } .list-item-row .list-item-main-actions .main-action { display: block; padding: 16px; } .list-item-row .list-item-main-actions .main-action:not(:last-child) { border-bottom: 1px solid #e0e0e0; } .list-item-row .list-item-main-actions .main-action .actions-list { text-transform: capitalize; } .list-item-row .list-item-main-actions .main-action .actions-list > li { cursor: pointer; color: #4a89c1; } .list-item-row .list-item-main-actions .main-action .actions-list > li:hover { text-decoration: underline; } .list-item-row .list-item-main-actions .main-action .actions-list > li a { text-decoration: none; } .list-item-row .list-item-main-actions .main-action .actions-list > li a:hover { text-decoration: underline; } [class*=list-item-] p { margin: 0; } .list-full-width { margin: 0 -15px; } .list-item { padding: 0 15px; } .list-item-content { padding: 15px 0; } .list-item-image { float: left; margin: 16px 16px 8px 0; display: inline-block; vertical-align: top; width: 40px; } .list-item-image + .list-item-content { margin-right: -20px; min-height: 48px; width: calc(100% - 40px); display: inline-block; padding-right: 16px; } .list-item:not(:last-child) .list-item-image + .list-item-content { border-bottom: solid 1px #ececec; } .list-item-prime-action { width: 40px; height: 40px; overflow: hidden; float: left; text-align: center; } @media only screen and (min-width: 768px) { .list-item-prime-action { margin-left: 70px; } } .list-item-prime-action + .actions-menu-wrapper.actions-menu-right { float: right; } .list-item-actions-bar { color: rgba(0, 0, 0, 0.54); } .list-item-actions-bar a, .list-item-actions-bar .actions-toggle { cursor: pointer; margin-right: 10px; margin-bottom: -10px; padding: 10px 10px 10px 0; } .list-item-actions-bar a, .list-item-actions-bar .actions-toggle, .list-item-actions-bar a i, .list-item-actions-bar .actions-toggle i, .list-item-actions-bar a span, .list-item-actions-bar .actions-toggle span { vertical-align: middle; display: inline-block; } .list-item-actions-bar a span, .list-item-actions-bar .actions-toggle span { padding-left: 5px; } .list-item-actions-bar .actions-toggle-wrapper { vertical-align: middle; display: inline-block; } .list-item-actions-bar .actions-toggle-wrapper .actions-menu { top: auto; right: auto; left: auto; bottom: auto; } @media print { .list-item-responsive-actions .actions-menu-right { display: none; } } @media only screen and (max-width: 767px) { .list-item-responsive-actions .list-item-actions-bar { display: none; } .list-item-responsive-actions .actions-menu-right { display: block; } } @media only screen and (min-width: 768px) { .list-item-responsive-actions .list-item-actions-bar { display: block; } .list-item-responsive-actions .actions-menu-right { display: none; } .split_list_wrap .list-item-responsive-actions .list-item-actions-bar { display: none; } .split_list_wrap .list-item-responsive-actions .actions-menu-right { display: block; } } .list_rows.cursor-pointer:hover { background-color: #f6f6f6; } .list-item .list-secondary-action .btn { margin-top: 10px; margin-right: 0; } .list-item .list-secondary-action .btn:first-child { margin-top: inherit; } @media only screen and (max-width: 767px) { .list-with-thumbnails .list-item { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media only screen and (max-width: 767px) { .actions-toggle-wrap { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .actions-toggle-wrap > *:not(:last-child) { margin-top: 10px; } } .list-border { border-bottom: 1px solid #ececec; } .list-border:last-child { border-bottom: 0; } .engraved-block-title { background-color: #f6f6f6; padding: 5px 20px; text-transform: uppercase; font-weight: 700; border-top: #ececec; font-size: 11px; line-height: 18px; color: #6c6c6c; } upcoming-chats .list-item-title { max-width: calc(100% - 16px); } upcoming-chats .actions-toggle-wrap { position: absolute; top: 1px; right: 0; } .lst-head, .lst-foot { padding: 20px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; min-width: 50%; color: #6c6c6c; line-height: normal; } @media print { .lst-head, .lst-foot { display: none; } } .lst-head .lst-head-l, .lst-foot .lst-head-l, .lst-head .lst-foot-l, .lst-foot .lst-foot-l { -webkit-align-self: stretch; -moz-align-self: stretch; -ms-align-self: stretch; align-self: stretch; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .lst-head .lst-head-l .lst-additional-buttons, .lst-foot .lst-head-l .lst-additional-buttons, .lst-head .lst-foot-l .lst-additional-buttons, .lst-foot .lst-foot-l .lst-additional-buttons { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sidebar .lst-head .lst-head-l, .sidebar .lst-foot .lst-head-l, .sidebar .lst-head .lst-foot-l, .sidebar .lst-foot .lst-foot-l { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .lst-head .lst-head-r, .lst-foot .lst-head-r, .lst-head .lst-foot-r, .lst-foot .lst-foot-r { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-self: 'flex-end'; -moz-align-self: 'flex-end'; -ms-align-self: 'flex-end'; align-self: 'flex-end'; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .lst-head .lst-head-r > *:not(:first-child), .lst-foot .lst-head-r > *:not(:first-child), .lst-head .lst-foot-r > *:not(:first-child), .lst-foot .lst-foot-r > *:not(:first-child) { margin-left: 15px; } .lst-head > div:only-child, .lst-foot > div:only-child { width: 100%; text-align: center; } .lst-head > div:only-child a, .lst-foot > div:only-child a, .lst-head > div:only-child select, .lst-foot > div:only-child select, .lst-head > div:only-child .chosen-container-single .chosen-single, .lst-foot > div:only-child .chosen-container-single .chosen-single { margin: 0 5px; vertical-align: middle; } .lst-head .lst-head-r, .lst-foot .lst-head-r, .lst-head .lst-foot-r, .lst-foot .lst-foot-r, .lst-head .lst-head-l, .lst-foot .lst-head-l, .lst-head .lst-foot-l, .lst-foot .lst-foot-l { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .lst-head .cb-actions [class*='icn-'], .lst-foot .cb-actions [class*='icn-'] { font-size: 16px; vertical-align: middle; } @media only screen and (max-width: 767px) { .lst-head .cb-actions [class*='icn-'], .lst-foot .cb-actions [class*='icn-'] { line-height: 24px; font-size: 18px; margin: 0; height: 24px; width: 24px; } } .lst-head .actions-menu-wrapper, .lst-foot .actions-menu-wrapper { min-height: auto; } @media (min-width: 768px) { .lst-head .batch-opts ul, .lst-foot .batch-opts ul { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } } .sidebar .lst-head .batch-opts ul, .sidebar .lst-foot .batch-opts ul { display: block; } @media only screen and (max-width: 991px) { .sidebar .lst-head .batch-opts ul, .sidebar .lst-foot .batch-opts ul { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } } @media only screen and (max-width: 767px) { .sidebar .lst-head .batch-opts ul, .sidebar .lst-foot .batch-opts ul { display: block; } } .lst-head .batch-opts ul a, .lst-foot .batch-opts ul a { color: #6c6c6c; background-color: #fff; border-color: #ccc; display: block; margin: 10px 10px 10px 0; } .lst-head .batch-opts ul a:hover, .lst-foot .batch-opts ul a:hover, .lst-head .batch-opts ul a:focus, .lst-foot .batch-opts ul a:focus, .lst-head .batch-opts ul a:active, .lst-foot .batch-opts ul a:active { color: #333; border-color: #949494; } .lst-head .batch-opts ul a:active, .lst-foot .batch-opts ul a:active { background-color: #f6f6f6; } .lst-head .batch-opts ul a [class^="icn-"], .lst-foot .batch-opts ul a [class^="icn-"], .lst-head .batch-opts ul a [class*=" icn-"], .lst-foot .batch-opts ul a [class*=" icn-"] { color: #6c6c6c; } @media (min-width: 768px) { .lst-head .batch-opts ul a, .lst-foot .batch-opts ul a { margin: 10px 10px 10px 0; } } .list-section:first-child { border-bottom: 1px solid #ececec; } .list-section .list-section-title { margin-bottom: 0; padding: 15px 15px 0; } .content-container-inner > .list-section:nth-of-type(1) { border-bottom: 1px solid #ececec; } .lst-head { color: #333; border-bottom: 1px solid #ececec; font-size: 13px; } .lst-head .btn_minimal { margin-right: 0; } .lst-head .lst-head-r select { color: #333; } .lst-head .lst-selectall, .lst-head .lst-batch, .lst-head .lst-addnew { margin-right: 10px; } .lst-head .lst-batch > .ListToolMenuLink { color: #6c6c6c; background-color: #fff; border-color: #ccc; margin-left: 0; } .lst-head .lst-batch > .ListToolMenuLink:hover, .lst-head .lst-batch > .ListToolMenuLink:focus, .lst-head .lst-batch > .ListToolMenuLink:active { color: #333; border-color: #949494; } .lst-head .lst-batch > .ListToolMenuLink:active { background-color: #f6f6f6; } .lst-head .lst-batch > .ListToolMenuLink [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink [class*=" icn-"] { color: #6c6c6c; } @media only screen and (max-width: 767px) { .lst-head .lst-batch .toggle-text { display: none; } .lst-head .lst-batch .btn { background: none; border: none; padding: 0; min-width: auto; } .lst-head .lst-batch .btn_primary, .lst-head .lst-batch .btn_primary [class*='icn-'] { color: #001a57; } .lst-head .lst-batch .btn_disabled { color: #6c6c6c; } } @media only screen and (min-width: 768px) { .lst-head .lst-batch .icn-custom_setting { display: none; } } .lst-head .lst-cnt { -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; } .lst-head .lst-cnt #list_items_selected_counter { color: #333; } .lst-head .lst-cnt #list_items_selected_counter + .lst-cnt-string { display: none; } @media only screen and (max-width: 414px) { .lst-head .lst-cnt { display: inline; } .lst-head .lst-cnt .lst-cnt-range { display: none; } } .lst-head .lst-sortby .btn_minimal [class*='icn-']:not(.dropdown-icon) { font-size: 16px; } @media only screen and (max-width: 767px) { .lst-head .lst-sortby { overflow: hidden; } .lst-head .lst-sortby, .lst-head .lst-sortby .btn, .lst-head .lst-sortby [class*='icn-']:not(.dropdown-icon) { width: 24px; height: 24px; min-width: auto; } .lst-head .lst-sortby [class*='icn-']:not(.dropdown-icon) { position: absolute; line-height: 24px; font-size: 18px; text-align: center; } .lst-head .lst-sortby label { display: none; } .lst-head .lst-sortby select { opacity: 0; } } .sidebar .lst-head { margin: 0 -15px; } .sidebar .lst-head + .container { margin: 0 -15px; } .lst-head .lst-paging { display: none; } .lst-head .lst-sortby select, .lst-head .lst-rpp select { text-align: right; -webkit-text-align-last: right; -moz-text-align-last: right; -ms-text-align-last: right; -o-text-align-last: right; text-align-last: right; margin-right: 0; } @media only screen and (max-width: 767px) { .lst-head .lst-additional-buttons .input-button:first-child { margin-bottom: 5px; } } .lst-head .lst-additional-buttons .input-button:only-child { margin: 0 10px 0 0; } .lst-post-content { padding: 10px 15px; border-top: 1px solid #e0e0e0; } .lst-foot { color: #6c6c6c; border-top: 1px solid #ececec; } .lst-foot .btn, .lst-foot [type="button"] { width: 100%; margin: 0; } @media (min-width: 992px) { .lst-foot .btn, .lst-foot [type="button"] { width: auto; } } .lst-foot .lst-foot-r, .lst-foot .lst-foot-l { width: 100%; } @media (min-width: 992px) { .lst-foot .lst-foot-r, .lst-foot .lst-foot-l { margin-top: 7px; width: auto; } } .lst-foot .lst-foot-l { -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; } .lst-foot .lst-foot-r { -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; } .lst-foot .lst-paging { width: 100%; text-align: center; } .active [class^="icn-star_filled"], .active [class*="icn-star_filled"] { color: #f6b62f !important; } .list_rows { position: relative; padding: 20px; } @media (min-width: 768px) { .list_rows .list-row-meta { position: relative; } } .list-item { border-bottom: 1px solid #ececec; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .list-item:only-child, .list-item:last-child { border-bottom: none; } .list-item job-element { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; min-width: 0; } .list-item .list-item-main { padding: 0; float: none; min-width: 50%; line-height: 1.4em; } .list-item .list-item-body { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; -webkit-flex-shrink: 1; -moz-flex-shrink: 1; -ms-flex-shrink: 1; flex-shrink: 1; min-width: 0; overflow: hidden; } .list-item .list-item-title { font-size: 18px; line-height: 24px; padding-top: 5px; color: #333; } @media (max-width: 414px) { .list-item .list-item-title { font-size: 16px; } } .list-item .list-item-title .list-item-title-container { display: inline-block; } @media (max-width: 414px) { .list-item .list-item-title .badge, .list-item .list-item-title .badge-small { display: none; } } .list-item .list-item-title h3 { display: inline; word-break: break-word; } .list-item .list-item-title h2 { font-size: inherit; margin-bottom: 0; line-height: inherit; } .list-item .list-item-title .badge-small { vertical-align: middle; margin-bottom: 4px; } .list-item:not(.feed-item) a { text-decoration: none; color: inherit; } .list-item:not(.feed-item) a:not(.btn):hover { color: #001a57 !important; text-decoration: underline; } .list-item .list-item-title a { font-size: 18px; line-height: 24px; color: #333; text-decoration: none; } .list-item .list-item-title a:hover { color: #001a57; } @media (max-width: 414px) { .list-item .list-item-title a { font-size: 16px; line-height: 20px; } } .list-item .list-item-columns-container { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } @media only screen and (max-width: 767px) { .list-item .list-item-columns-container { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .list-item .list-item-subtitle-list-column { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 1px; } .list-item .list-item-button-column { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; margin-left: 20px; } .list-item .list-item-button-column button:last-child { margin-right: 0; } @media only screen and (max-width: 767px) { .list-item .list-item-button-column { margin-left: 0; margin-top: 10px; } } .list-item .list-item-action-icon-button { font-size: 22px; } .list-item .list-item-action-icon-button button { min-height: auto; } .list-item .list-item-action-icon-button button:last-child { margin-right: 0; } .list-item .list-item-action-icon-button i { vertical-align: initial; } .list-item .list-item-subtitle p { font-size: 14px; } .list-item .list-item-image { margin-top: 0; } .list-item .list-data-columns { font-weight: 300; font-size: 13px; line-height: 20px; } @media only screen and (max-width: 767px) { .list-item .list-data-columns { line-height: 16px; } } .list-item .list-data-columns .item-status { display: inline-block; vertical-align: middle; } .list-item .list-data-columns .item-status i { color: inherit; margin-right: 5px; } .list-item .list-secondary-action { color: #6c6c6c; } .list-item .list-data-columns, .list-item .list-item-subtitle { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-top: 5px; } .list-item .list-data-columns > .fieldlabel, .list-item .list-item-subtitle > .fieldlabel { font-weight: normal; } .list-item .list-data-columns > .multi-line-block .field-content, .list-item .list-item-subtitle > .multi-line-block .field-content { display: inline-block; vertical-align: top; } @media (min-width: 415px) { .list-item .list-data-columns.list-data-columns-location { display: none; } } .list-item .list-item-body > .list-data-columns-tag { margin-left: 0; margin-top: 10px; } @media (min-width: 415px) { .list-item .list-item-body > .list-data-columns-tag { display: none; } } .list-item .list-item-body > .list-data-columns-tag .badge-small { margin-left: 0; } .list-item .list-data-columns [class^="icn-"], .list-item .list-data-columns [class*=" icn-"] { vertical-align: middle; display: inline-flex; } .list-item .list-data-columns [class^="icn-"].is-top-align, .list-item .list-data-columns [class*=" icn-"].is-top-align { vertical-align: top; } .list-item .list-item-subtitle { font-size: 14px; line-height: 22px; } @media only screen and (max-width: 767px) { .list-item .list-item-subtitle { line-height: 18px; } } .list-item .list-item-subtitle .list-data-columns-location { display: inline; } @media (max-width: 414px) { .list-item .list-item-subtitle .list-data-columns-location { display: none; } } .list-item .list-item-subtitle > div, .list-item .list-item-subtitle p { text-overflow: ellipsis; overflow: hidden; } .list-item .list-item-actions { text-align: right; max-width: 100%; margin-left: 10px; position: relative; } @media (min-width: 768px) { .list-item .list-item-actions { margin-left: 15px; } } .list-item .list-item-actions .icn-star_filled, .list-item .list-item-actions .icn-star_filled:hover, .list-item .list-item-actions .icn-star_filled:focus { color: #f6b62f; } .list-item .list-item-actions .actions-toggle-wrapper { position: absolute; height: 40px; width: 40px; } .list-item .list-item-actions .actions-toggle-wrapper.dropdown .dropdown-menu { opacity: inherit; visibility: inherit; transition: none; } .list-item .list-item-actions .actions-toggle-wrapper .actions-toggle { font-family: 'unicon'; speak: none; color: #949494; font-size: 20px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 32px; } .list-item .list-item-actions .actions-toggle-wrapper .actions-toggle:before { content: "\e967"; } @media (max-width: 767px) { .list-item .list-item-actions .actions-toggle-wrapper .actions-toggle { width: 40px; } } .list-item .list-item-actions .actions-toggle-wrapper .actions-menu { top: 0; right: 0; left: auto; } @media (max-width: 767px) { .list-item .list-item-actions { width: 60px; } .list-item .list-item-actions .list-item-prime-action { float: none; } } .list-item .list-secondary-action { font-size: 11px; line-height: 14px; padding-top: 3px; margin-bottom: 15px; } .list-item .list-secondary-action + .actions-toggle-wrapper { position: absolute; bottom: 3px; right: 0; height: 13px; } @media (min-width: 992px) { .list-item .list-secondary-action { text-align: right; } } .list-item .post-age-date { margin-right: 3px; } .list-item .list-item-main-data { color: #6c6c6c; } .list-item .list-item-main-data .no-subtitle { color: #1f1f1f; } .list-item .list-item-data-column { padding: 0; float: none; color: #6c6c6c; font-size: 14px; } .list-item .column_label { display: block; font-weight: 500; } .list-item .list-item-logo, .list-item .list-item-checkbox, .list-item .list-item-icon { margin-right: 20px; float: left; } .list-item .list-item-checkbox label { position: absolute; clip: rect(1px 1px 1px 1px); } .list-item .list-item-main-actions { background: #fff; border: 1px solid #ececec; border-radius: 5px; display: none; text-align: left; width: 200px; margin: 0; padding: 10px 0; } @media print { .list-item .list-item-main-actions { border: 1px solid #ccc; box-shadow: none; } } .list-item .list-item-main-actions.errors { background-color: #bf3e24; } .list-item .list-item-main-actions .content { padding: 20px; } .list-item .list-item-main-actions .content .row { margin-left: -20px; margin-right: -20px; } .list-item .list-item-main-actions .actions, .list-item .list-item-main-actions .card-actions { text-align: right; } .list-item .list-item-main-actions .actions > a:not(.btn), .list-item .list-item-main-actions .card-actions > a:not(.btn) { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; margin: 10px 5px; } .list-item .list-item-main-actions .actions > a:not(.btn):hover, .list-item .list-item-main-actions .card-actions > a:not(.btn):hover, .list-item .list-item-main-actions .actions > a:not(.btn):focus, .list-item .list-item-main-actions .card-actions > a:not(.btn):focus { box-shadow: none; background: none; } .list-item .list-item-main-actions .actions > a:not(.btn).btn, .list-item .list-item-main-actions .card-actions > a:not(.btn).btn { border: 0; } .list-item .list-item-main-actions.show { display: block; z-index: 2; position: absolute; top: 0; right: 0; } .list-item .list-item-main-actions > a, .list-item .list-item-main-actions > div a { display: block; padding: 0 15px; font-weight: 400; line-height: 40px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; text-align: left; vertical-align: middle; color: #6c6c6c; } .list-item .list-item-main-actions > a:hover, .list-item .list-item-main-actions > div a:hover, .list-item .list-item-main-actions > a:focus, .list-item .list-item-main-actions > div a:focus { background-color: #ececec; text-decoration: none; color: #6c6c6c; } .list-item .list-item-main-actions > a [class^="icn-"], .list-item .list-item-main-actions > div a [class^="icn-"], .list-item .list-item-main-actions > a [class*=" icn-"], .list-item .list-item-main-actions > div a [class*=" icn-"] { margin: 0 15px 0 0; } .list-item .list-item-main-actions .main-action { display: block; } .list-item .list-item-main-actions .main-action:not(:last-child) { border-bottom: 1px solid #e0e0e0; } .list-item .list-item-main-actions .main-action a { display: block; padding: 0 15px; font-weight: 400; line-height: 40px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; text-align: left; vertical-align: middle; color: #6c6c6c; } .list-item .list-item-main-actions .main-action a:hover, .list-item .list-item-main-actions .main-action a:focus { background-color: #ececec; text-decoration: none; color: #6c6c6c; } .list-item .list-item-main-actions .main-action a [class^="icn-"], .list-item .list-item-main-actions .main-action a [class*=" icn-"] { margin: 0 15px 0 0; } [class*=list-item-] p { margin: 0; } .alphafilters { padding: 16px; text-align: left !important; } .alphafilters a { text-decoration: none; } .alphafilters a .hi { color: #000b24; } @media (min-width: 768px) { .alphafilters { text-align: right !important; } } .list-tiles h2 { margin: 20px 30px; } .list-tiles .list-tile { min-height: 120px; padding: 10px 10px 30px 120px; } .list-tiles .list-tile:before, .list-tiles .list-tile:after { content: " "; display: table; } .list-tiles .list-tile:after { clear: both; } .list-tiles .tile-icon, .list-tiles .tile-info { float: left; } .list-tiles .tile-icon { margin: -10px 0 0 -90px; position: relative; } .list-tiles .tile-icon .tile-activate { position: absolute; top: 62px; left: 46px; } .list-tiles .tile-info .info-meta { font-size: 12px; color: #949494; } .list-tiles .tile-info .info-actions { margin-top: 5px; } .list-full-width { margin: 0 -20px; } .list-item-content { padding: 15px 0; } .list-item-image { float: left; margin: 15px 15px 10px 0; display: inline-block; vertical-align: top; width: 40px; } .list-item-image + .list-item-content { margin-right: -15px; min-height: 40px; min-width: calc(100% - 40px); display: inline-block; padding-right: 15px; } .list-item:not(:last-child) .list-item-image + .list-item-content { border-bottom: solid 1px #ececec; } .eventlog-msg { display: block; margin: 15px; } .career_explorer_list .list_row_content { margin: 0; padding: 20px 20px 20px 50px; background-position: 20px 26px; } .career_explorer_list .list_row_title { font-weight: 400; font-size: 16px; line-height: 22px; } .career_explorer_list .ce_icons { float: right; } .ce_industry_list, .ce_careers_list { padding-top: 20px; } .ce_industry_list .career_explorer_list, .ce_careers_list .career_explorer_list { padding-bottom: 20px; } .ce_industry_list .career_explorer_list .list_row_content, .ce_careers_list .career_explorer_list .list_row_content { padding-left: 30px; padding-right: 0; background-position: 0 26px; } .ce_industry_list .cspList_foot, .ce_careers_list .cspList_foot { display: none; } .cspList_tophead, .cspList_foot { padding: 20px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; min-width: 50%; color: #6c6c6c; line-height: normal; } @media print { .cspList_tophead, .cspList_foot { display: none; } } .cspList_tophead .lst-head-l, .cspList_foot .lst-head-l, .cspList_tophead .lst-foot-l, .cspList_foot .lst-foot-l { -webkit-align-self: stretch; -moz-align-self: stretch; -ms-align-self: stretch; align-self: stretch; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .cspList_tophead .lst-head-l .lst-additional-buttons, .cspList_foot .lst-head-l .lst-additional-buttons, .cspList_tophead .lst-foot-l .lst-additional-buttons, .cspList_foot .lst-foot-l .lst-additional-buttons { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .sidebar .cspList_tophead .lst-head-l, .sidebar .cspList_foot .lst-head-l, .sidebar .cspList_tophead .lst-foot-l, .sidebar .cspList_foot .lst-foot-l { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .cspList_tophead .lst-head-r, .cspList_foot .lst-head-r, .cspList_tophead .lst-foot-r, .cspList_foot .lst-foot-r { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-self: 'flex-end'; -moz-align-self: 'flex-end'; -ms-align-self: 'flex-end'; align-self: 'flex-end'; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; } .cspList_tophead .lst-head-r > *:not(:first-child), .cspList_foot .lst-head-r > *:not(:first-child), .cspList_tophead .lst-foot-r > *:not(:first-child), .cspList_foot .lst-foot-r > *:not(:first-child) { margin-left: 15px; } .cspList_tophead > div:only-child, .cspList_foot > div:only-child { width: 100%; text-align: center; } .cspList_tophead > div:only-child a, .cspList_foot > div:only-child a, .cspList_tophead > div:only-child select, .cspList_foot > div:only-child select, .cspList_tophead > div:only-child .chosen-container-single .chosen-single, .cspList_foot > div:only-child .chosen-container-single .chosen-single { margin: 0 5px; vertical-align: middle; } .cspList_tophead .lst-head-r, .cspList_foot .lst-head-r, .cspList_tophead .lst-foot-r, .cspList_foot .lst-foot-r, .cspList_tophead .lst-head-l, .cspList_foot .lst-head-l, .cspList_tophead .lst-foot-l, .cspList_foot .lst-foot-l { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .cspList_tophead .cb-actions [class*='icn-'], .cspList_foot .cb-actions [class*='icn-'] { font-size: 16px; vertical-align: middle; } @media only screen and (max-width: 767px) { .cspList_tophead .cb-actions [class*='icn-'], .cspList_foot .cb-actions [class*='icn-'] { line-height: 24px; font-size: 18px; margin: 0; height: 24px; width: 24px; } } .cspList_tophead .actions-menu-wrapper, .cspList_foot .actions-menu-wrapper { min-height: auto; } @media (min-width: 768px) { .cspList_tophead .batch-opts ul, .cspList_foot .batch-opts ul { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } } .sidebar .cspList_tophead .batch-opts ul, .sidebar .cspList_foot .batch-opts ul { display: block; } @media only screen and (max-width: 991px) { .sidebar .cspList_tophead .batch-opts ul, .sidebar .cspList_foot .batch-opts ul { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } } @media only screen and (max-width: 767px) { .sidebar .cspList_tophead .batch-opts ul, .sidebar .cspList_foot .batch-opts ul { display: block; } } .cspList_tophead .batch-opts ul a, .cspList_foot .batch-opts ul a { color: #6c6c6c; background-color: #fff; border-color: #ccc; display: block; margin: 10px 10px 10px 0; } .cspList_tophead .batch-opts ul a:hover, .cspList_foot .batch-opts ul a:hover, .cspList_tophead .batch-opts ul a:focus, .cspList_foot .batch-opts ul a:focus, .cspList_tophead .batch-opts ul a:active, .cspList_foot .batch-opts ul a:active { color: #333; border-color: #949494; } .cspList_tophead .batch-opts ul a:active, .cspList_foot .batch-opts ul a:active { background-color: #f6f6f6; } .cspList_tophead .batch-opts ul a [class^="icn-"], .cspList_foot .batch-opts ul a [class^="icn-"], .cspList_tophead .batch-opts ul a [class*=" icn-"], .cspList_foot .batch-opts ul a [class*=" icn-"] { color: #6c6c6c; } @media (min-width: 768px) { .cspList_tophead .batch-opts ul a, .cspList_foot .batch-opts ul a { margin: 10px 10px 10px 0; } } .cspList_tophead .ce_list_bot, .cspList_foot .ce_list_bot { width: 100%; } .floating_content { margin: 0; background: none; } .split_list_wrap { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 20px 10px 20px; } .split_list_wrap .notice.no-records { background: #fff; border: 1px solid #ececec; border-radius: 5px; } @media print { .split_list_wrap .notice.no-records { border: 1px solid #ccc; box-shadow: none; } } .split_list_wrap .list_wrap { width: 100%; margin-bottom: 15px; } .split_list_wrap .list_wrap .lst-head .lst-head-l { -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; } @media (min-width: 992px) { .split_list_wrap .list_wrap .lst-head .lst-head-l { -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; } } .split_list_wrap .list_wrap .lst-head .lst-head-r { -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; } @media (min-width: 992px) { .split_list_wrap .list_wrap .lst-head .lst-head-r { -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; } } @media (max-width: 1200px) { .split_list_wrap .list_wrap .lst-batch .toggle-text { display: none; } .split_list_wrap .list_wrap .lst-batch .icn-custom_setting { display: inline-block; } .split_list_wrap .list_wrap .lst-batch .btn_primary { border: none; color: #001a57; } .split_list_wrap .list_wrap .lst-batch .btn_primary:not(.cb-actions) { background: none; } .split_list_wrap .list_wrap .lst-batch .btn_disabled { background: none; border: none; color: #6c6c6c; } .split_list_wrap .list_wrap .lst-batch .actions-menu { right: 4px; } } @media (min-width: 992px) { .split_list_wrap .list_wrap { width: 49%; } } .ff3 .split_list_wrap .list_wrap { width: 100%; } @media (min-width: 992px) { .ff3 .split_list_wrap .list_wrap { width: 49%; } } .split_list_wrap .list_wrap .list-header, .split_list_wrap .list_wrap .list_header { padding-bottom: 15px; margin-bottom: 0; font-size: 20px; } .split_list_wrap .list_wrap .list-header + .lst-head, .split_list_wrap .list_wrap .list_header + .lst-head, .split_list_wrap .list_wrap .list-header + form .lst-head, .split_list_wrap .list_wrap .list_header + form .lst-head { position: relative; margin-bottom: 0; padding: 0 15px; border-radius: 3px 3px 0 0; } .split_list_wrap .list_wrap .list-header + .lst-head .lst-cnt, .split_list_wrap .list_wrap .list_header + .lst-head .lst-cnt, .split_list_wrap .list_wrap .list-header + form .lst-head .lst-cnt, .split_list_wrap .list_wrap .list_header + form .lst-head .lst-cnt { display: block; margin: 15px; } @media (min-width: 992px) { .split_list_wrap .list_wrap .list-header + .lst-head .lst-cnt, .split_list_wrap .list_wrap .list_header + .lst-head .lst-cnt, .split_list_wrap .list_wrap .list-header + form .lst-head .lst-cnt, .split_list_wrap .list_wrap .list_header + form .lst-head .lst-cnt { display: inline-block; margin: 15px 0; } } .split_list_wrap .list_wrap .list-header + .lst-head .lst-head-r, .split_list_wrap .list_wrap .list_header + .lst-head .lst-head-r, .split_list_wrap .list_wrap .list-header + form .lst-head .lst-head-r, .split_list_wrap .list_wrap .list_header + form .lst-head .lst-head-r { margin: 15px 0 0; width: 100%; -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; } @media (min-width: 992px) { .split_list_wrap .list_wrap .list-header + .lst-head .lst-head-r, .split_list_wrap .list_wrap .list_header + .lst-head .lst-head-r, .split_list_wrap .list_wrap .list-header + form .lst-head .lst-head-r, .split_list_wrap .list_wrap .list_header + form .lst-head .lst-head-r { width: auto; margin: 0; -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; } } .split_list_wrap .list_wrap .list-header + .lst-head .lst-head-l, .split_list_wrap .list_wrap .list_header + .lst-head .lst-head-l, .split_list_wrap .list_wrap .list-header + form .lst-head .lst-head-l, .split_list_wrap .list_wrap .list_header + form .lst-head .lst-head-l { margin: 0; width: auto; -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; } @media (min-width: 992px) { .split_list_wrap .list_wrap .list-header + .lst-head .lst-head-l, .split_list_wrap .list_wrap .list_header + .lst-head .lst-head-l, .split_list_wrap .list_wrap .list-header + form .lst-head .lst-head-l, .split_list_wrap .list_wrap .list_header + form .lst-head .lst-head-l { -webkit-order: 1; -moz-order: 1; -ms-order: 1; order: 1; } } .split_list_wrap .list_wrap ul.container { background: #fff; border: 1px solid #ececec; border-radius: 5px; margin: 0; } @media print { .split_list_wrap .list_wrap ul.container { border: 1px solid #ccc; box-shadow: none; } } .split_list_wrap .list_wrap ul.container.errors { background-color: #bf3e24; } .split_list_wrap .list_wrap ul.container .content { padding: 20px; } .split_list_wrap .list_wrap ul.container .content .row { margin-left: -20px; margin-right: -20px; } .split_list_wrap .list_wrap ul.container .actions, .split_list_wrap .list_wrap ul.container .card-actions { text-align: right; } .split_list_wrap .list_wrap ul.container .actions > a:not(.btn), .split_list_wrap .list_wrap ul.container .card-actions > a:not(.btn) { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; margin: 10px 5px; } .split_list_wrap .list_wrap ul.container .actions > a:not(.btn):hover, .split_list_wrap .list_wrap ul.container .card-actions > a:not(.btn):hover, .split_list_wrap .list_wrap ul.container .actions > a:not(.btn):focus, .split_list_wrap .list_wrap ul.container .card-actions > a:not(.btn):focus { box-shadow: none; background: none; } .split_list_wrap .list_wrap ul.container .actions > a:not(.btn).btn, .split_list_wrap .list_wrap ul.container .card-actions > a:not(.btn).btn { border: 0; } .split_list_wrap.columnar { display: flex; justify-content: space-between; } .split_list_wrap.columnar .card { border: none; } .split_list_wrap.columnar .card form { margin: 0 -20px; } .split_list_wrap.columnar .list_wrap { flex-basis: 100%; } .split_list_wrap.columnar .list_wrap .list_header { padding-left: 0; padding-right: 0; } .list-wrap { border: 1px solid #ececec; border-top: none; border-bottom: none; } .list-wrap md-card-content { padding: 0; } .list-wrap .loading { padding: 20px 20px 32px; } .list-wrap .result-found { padding: 0 10px 0 20px; color: #949494; } .list-wrap .result-found .sort-by-text { padding-right: 15px; } .list-wrap .result-found > p { margin: 1em 0; } .list-row { padding: 20px 10px 20px 0; } .list-row .list-row { padding: 10px 0; } .list-title { margin-bottom: 0px; margin-top: 0px; font-weight: 100; display: inline-block; vertical-align: top; font-size: 20px; } .list-title a { text-decoration: none; color: inherit; } @media only screen and (max-width: 767px) { .list-title { display: block; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .list-title { font-size: 20px; } } .list-row .list-row .list-title { font-size: 16px; } .list-meta { color: #949494; } .list-meta .list-info { margin-right: 10px; padding: 4px 0; font-weight: 100; display: inline-block; vertical-align: middle; } .list-meta .list-info md-icon { vertical-align: middle; } .list-meta .list-info span { vertical-align: middle; } @media only screen and (max-width: 767px) { .list-meta .list-info { display: block; } } .list-row .list-row .list-meta { font-size: 14px; } .list-action { min-width: 40px; margin: 0; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .list-action { padding: 0; } } .activity_summary_list .list_maincol td.cspList_tophead > i { height: 600px; background: none; box-shadow: none; border: none; color: #949494; font-weight: 500; font-size: 16px; text-align: center; margin: 0; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: block; margin: 20px; padding: 20px; } .activity_summary_list .list_maincol td.cspList_tophead > i:before { content: ""; } .activity_summary_list .list_maincol td.cspList_tophead > i .no-records-icn-wrapper { position: relative; font-size: 14px; font-weight: 400; color: #6c6c6c; } .activity_summary_list .list_maincol td.cspList_tophead > i .icn-first { top: -2px; right: -20px; } .activity_summary_list .list_maincol td.cspList_tophead > i .icn-last { top: -2px; left: -24px; } .activity_summary_list .list_maincol td.cspList_tophead > i .icn-wrapper { position: relative; display: inline-block; z-index: 1; } .activity_summary_list .list_maincol td.cspList_tophead > i .icn-wrapper .icn-bg { position: absolute; height: 100px; width: 80px; background: #fff; top: 1px; left: 8px; } .activity_summary_list .list_maincol td.cspList_tophead > i .icn-wrapper .icn { font-size: 100px; color: #898989; } .activity_summary_list .list_maincol td.cspList_tophead > i .no-records-icn-wrapper .no-records-icn { display: block; margin: 0 auto 20px; height: 150px; font-size: 150px; color: #d5d5d5; } .activity_summary_list .list_maincol td.cspList_tophead > i .add-new-btn { margin-top: 10px; } .activity_summary_list .list_maincol td.cspList_tophead > i .add-new-btn .btn { margin-right: 0; } .sidebar .activity_summary_list .list_maincol td.cspList_tophead > i { margin: 0; padding: 0; font-size: 14px; text-align: left; } .sidebar .activity_summary_list .list_maincol td.cspList_tophead > i .no-records-icn { display: none; } .lst-foot .btn { width: auto; margin: 0 5px; } .lst-foot .lst-jumper { min-width: 90px; } .clickable:hover, .clickable:focus { cursor: pointer; background-color: #fafafa; } .clickable.non-click:hover, .clickable.non-click:focus { cursor: auto; } .list-item-icon .avatar.avatar-square { height: 60px; width: 60px; line-height: 60px; text-align: center; display: inline-block; border-radius: 5px; } @media (max-width: 768px) { .list-item-icon .avatar.avatar-square { height: 50px; width: 50px; line-height: 50px; text-align: center; display: inline-block; border-radius: 5px; } } .list-item-icon .avatar.avatar-square:before { color: #888; font-size: 30px; line-height: 60px; } @media (max-width: 768px) { .list-item-icon .avatar.avatar-square:before { font-size: 26px; line-height: 50px; } } .list-item-icon .monogram { background-color: #ececec; color: #949494; } #student_job_list_content .list-item-logo, .positions-view .list-item-logo { width: unset !important; } #student_job_list_content .list_rows:hover, .positions-view .list_rows:hover, #student_job_list_content .list_rows:focus, .positions-view .list_rows:focus { cursor: pointer; background-color: #fafafa; } #student_job_list_content .lst-head .lst-cnt, .positions-view .lst-head .lst-cnt { display: inline; } #student_job_list_content .lst-rpp, .positions-view .lst-rpp, #student_job_list_content .lst-paging, .positions-view .lst-paging { display: inline-block; } @media only screen and (max-width: 414px) { #student_job_list_content .lst-sortby .ui-select-toggle, .positions-view .lst-sortby .ui-select-toggle { padding: 5px; } #student_job_list_content .lst-sortby .btn-text-label, .positions-view .lst-sortby .btn-text-label { display: none; } #student_job_list_content .lst-sortby [class*='icn-']:last-child, .positions-view .lst-sortby [class*='icn-']:last-child { display: none; } } #student_job_list_content .lst-foot .btn, .positions-view .lst-foot .btn { width: auto; margin: 0 5px; } #student_job_list_content .lst-foot .btn .btn, .positions-view .lst-foot .btn .btn { margin: 0; } .actions-menu-wrapper { position: relative; min-height: 30px; z-index: 100; } .actions-menu-wrapper.actions-menu-right .actions-toggle-wrapper { right: 0; } .actions-menu-wrapper.actions-menu-right .actions-menu { right: 0; } .actions-toggle-wrapper .actions-toggle { display: inline-block; cursor: pointer; border: none; box-shadow: none; } .actions-toggle-wrapper .actions-toggle:not(.cb-actions) { background: none; } :not(.lst-batch .actions-toggle-wrapper) .actions-toggle { background: none; } .actions-toggle-wrapper .actions-menu { background: #fff; border: 1px solid #ececec; border-radius: 5px; position: absolute; opacity: 0; visibility: hidden; text-align: left; min-width: 200px; margin: 0; padding: 10px 0; z-index: 1; top: 36px; right: 4px; transition: all 200ms cubic-bezier(0.25, 0.8, 0.25, 1); } @media print { .actions-toggle-wrapper .actions-menu { border: 1px solid #ccc; box-shadow: none; } } .actions-toggle-wrapper .actions-menu.errors { background-color: #bf3e24; } .actions-toggle-wrapper .actions-menu .content { padding: 20px; } .actions-toggle-wrapper .actions-menu .content .row { margin-left: -20px; margin-right: -20px; } .actions-toggle-wrapper .actions-menu .actions, .actions-toggle-wrapper .actions-menu .card-actions { text-align: right; } .actions-toggle-wrapper .actions-menu .actions > a:not(.btn), .actions-toggle-wrapper .actions-menu .card-actions > a:not(.btn) { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; margin: 10px 5px; } .actions-toggle-wrapper .actions-menu .actions > a:not(.btn):hover, .actions-toggle-wrapper .actions-menu .card-actions > a:not(.btn):hover, .actions-toggle-wrapper .actions-menu .actions > a:not(.btn):focus, .actions-toggle-wrapper .actions-menu .card-actions > a:not(.btn):focus { box-shadow: none; background: none; } .actions-toggle-wrapper .actions-menu .actions > a:not(.btn).btn, .actions-toggle-wrapper .actions-menu .card-actions > a:not(.btn).btn { border: 0; } .actions-toggle-wrapper .actions-menu a, .actions-toggle-wrapper .actions-menu button, .actions-toggle-wrapper .actions-menu input { display: block; padding: 0 15px; font-weight: 400; line-height: 30px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; text-align: left; vertical-align: middle; color: #6c6c6c; } .actions-toggle-wrapper .actions-menu a:hover, .actions-toggle-wrapper .actions-menu button:hover, .actions-toggle-wrapper .actions-menu input:hover, .actions-toggle-wrapper .actions-menu a:focus, .actions-toggle-wrapper .actions-menu button:focus, .actions-toggle-wrapper .actions-menu input:focus { background-color: #edf7ff; text-decoration: none; color: #6c6c6c; } .actions-toggle-wrapper .actions-menu a [class^="icn-"], .actions-toggle-wrapper .actions-menu button [class^="icn-"], .actions-toggle-wrapper .actions-menu input [class^="icn-"], .actions-toggle-wrapper .actions-menu a [class*=" icn-"], .actions-toggle-wrapper .actions-menu button [class*=" icn-"], .actions-toggle-wrapper .actions-menu input [class*=" icn-"] { margin: 0 15px 0 0; } .actions-toggle-wrapper .actions-menu button, .actions-toggle-wrapper .actions-menu input { background: none; } .actions-toggle-wrapper .actions-menu button, .actions-toggle-wrapper .actions-menu input, .actions-toggle-wrapper .actions-menu button:hover, .actions-toggle-wrapper .actions-menu input:hover { border: none; margin: 0; display: block; width: 100%; box-shadow: none; text-transform: none; font-size: inherit; font-family: inherit; font-style: inherit; } .actions-toggle-wrapper .actions-menu.menu-show, .actions-toggle-wrapper .actions-menu.show { opacity: 1; visibility: visible; z-index: 2; } .actions-toggle-wrapper .actions-menu .main-action { display: block; font-size: 14px; } .actions-toggle-wrapper .actions-menu .main-action a { display: block; padding: 0 15px; font-weight: 400; line-height: 30px; text-decoration: none; white-space: nowrap; text-overflow: ellipsis; text-align: left; vertical-align: middle; color: #6c6c6c; } .actions-toggle-wrapper .actions-menu .main-action a:hover, .actions-toggle-wrapper .actions-menu .main-action a:focus { background-color: #edf7ff; text-decoration: none; color: #6c6c6c; } .actions-toggle-wrapper .actions-menu .main-action a [class^="icn-"], .actions-toggle-wrapper .actions-menu .main-action a [class*=" icn-"] { margin: 0 15px 0 0; } .lst-batch .actions-menu { right: initial; } .sticky-header { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; position: fixed; top: 64px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); border-radius: 0px !important; z-index: 99; } .sticky-header .header-title { overflow: hidden; margin-bottom: 0px !important; margin-right: 10px; } .sticky-header .header-subtitle { -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; margin-left: auto; } .sticky-header .header-subtitle > span { display: none; } .sticky-header-fixed-spacing { padding-top: 45px; } .no-select { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-cursor: default; -moz-cursor: default; -ms-cursor: default; -o-cursor: default; cursor: default; } .border-right { border-right: 1px solid #e0e0e0; } .border-top { border-top: 1px solid #ececec; } .border-bottom { border-bottom: 1px solid #ececec; } .badge, .badge-small { padding: 15px; background: #333; color: #fff; border-radius: 2px; text-transform: uppercase; line-height: 1; display: inline-block; } .badge-row .badge:first-child, .badge-row .badge-small:first-child { margin-left: 0; } .badge-small { margin-left: 5px; padding: 3px 5px; font-size: 11px; font-weight: 700; } .badge-count { display: block; padding: 5px; border-radius: 100px; background-color: #ccc; color: #fff; width: 60px; height: 32px; font-size: 20px; text-align: center; } @media screen and (min-width: 767px) { .badge-count [class^="icn-"], .badge-count [class*=" icn-"] { display: none; } } @media screen and (max-width: 768px) { .badge-count { font-size: 14px; margin-bottom: 15px; } .badge-count [class^="icn-"], .badge-count [class*=" icn-"] { line-height: inherit; margin-left: 4px; vertical-align: sub; color: #fff; } } .int-count { display: block; padding: 5px; font-size: 20px; text-align: center; } .badge-text { font-size: 14px; } @media screen and (max-width: 767px) { .badge-text { font-size: 12px; } } .badge-with-title { position: relative; top: -2px; } .appcount { margin-left: 42px; } .appcount a.badge-count:hover { color: rgba(255, 255, 255, 0.8); text-decoration: none; } .badge-success, .appcount a.badge-count, .badge-error, .badge-warn, .badge-clear, .badge-primary, .badge-disable { color: #fff; } .badge-attention { color: #000; } .badge-primary { background: #001a57; } .badge-success, .appcount a.badge-count { background: #297848; } .badge-error { background: #bf3e24; } .badge-warn { background: #a85502; } .badge-clear { color: #949494; border: 1px solid #949494; background-color: transparent; } .badge-disable { background-color: #6c6c6c; } .badge-default { color: #333; background-color: #ececec; } .badge-attention { background-color: #f5bf00; } .inline-error { color: #bf3e24; } .inline-warning { color: #a85502; } .inline-success { color: #297848; } @media screen and (max-width: 767px) { .hide-sm { display: none; } } .list-inline > li { display: inline-block; } .list-inline.inline-bullet li:first-child, .list-inline.inline-pipe li:first-child { margin-right: 4px; } .list-inline.inline-bullet li:first-child:before, .list-inline.inline-pipe li:first-child:before { content: " "; padding-right: 0px; } .list-inline.inline-bullet li:before, .list-inline.inline-pipe li:before { content: "•"; padding-right: 5px; margin-left: 0; } .list-inline.inline-pipe li:before { content: '\007c'; } .toolbar { background-color: #001a57; color: #fff; position: relative; min-height: 64px; } .hide { display: none !important; } .invisible { position: absolute; left: -9999em; top: 0; } .show, .block { display: block; } .grid-templates-columns-1 { grid-template-columns: 1fr; -ms-grid-columns: 1fr; } .grid-templates-columns-2 { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } .pull-left { float: left !important; } .pull-right { float: right !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center; } .text-capitalize { text-transform: capitalize; } .text-uppercase { text-transform: uppercase; } .text-lowercase { text-transform: lowercase; } .text-error { color: #bf3e24 !important; } .text-error-light { color: #f24f2e !important; } .text-success { color: #297848 !important; } .text-success-light { color: #44c274 !important; } .text-warn, .text-warning { color: #a85502 !important; } .text-warn-light { color: #f7931f !important; } .text-info { color: #0d6dc1 !important; } .text-info-light { color: #5eb4ff !important; } .text-semi-bold { font-weight: 500; } .inline { display: inline; } .inline-all a { display: inline !important; } .inline-block { display: inline-block; } .inherit-anchor:link, .inherit-anchor:visited { color: inherit !important; text-decoration: none !important; } .inherit-anchor:hover [class^="icn-"] { color: inherit !important; } .text-truncate { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .text-truncate-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .text-truncate-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .space-top-xs { margin-top: 5px; } .space-right-xs { margin-right: 5px; } .space-bottom-xs { margin-bottom: 5px; } .space-left-xs { margin-left: 5px; } .margin-xs { margin: 5px; } .space-top-sm { margin-top: 10px; } .space-right-sm { margin-right: 10px; } .space-bottom-sm { margin-bottom: 10px; } .space-left-sm { margin-left: 10px; } .margin-sm { margin: 10px; } .space-top-md { margin-top: 15px; } .space-right-md { margin-right: 15px; } .space-bottom-md { margin-bottom: 15px; } .space-left-md { margin-left: 15px; } .margin-md { margin: 15px; } .space-top-lg { margin-top: 20px; } .space-right-lg { margin-right: 20px; } .space-bottom-lg { margin-bottom: 20px; } .space-left-lg { margin-left: 20px; } .margin-lg { margin: 20px; } .space-top-xl { margin-top: 30px; } .space-bottom-xl { margin-bottom: 30px; } @media only screen and (min-width: 768px) { .space-top-xs-desktop { margin-top: 5px; } .space-right-xs-desktop { margin-right: 5px; } .space-bottom-xs-desktop { margin-bottom: 5px; } .space-left-xs-desktop { margin-left: 5px; } .space-top-sm-desktop { margin-top: 10px; } .space-right-sm-desktop { margin-right: 10px; } .space-bottom-sm-desktop { margin-bottom: 10px; } .space-left-sm-desktop { margin-left: 10px; } .space-top-md-desktop { margin-top: 15px; } .space-right-md-desktop { margin-right: 15px; } .space-bottom-md-desktop { margin-bottom: 15px; } .space-left-md-desktop { margin-left: 15px; } .space-top-lg-desktop { margin-top: 20px; } .space-right-lg-desktop { margin-right: 20px; } .space-bottom-lg-desktop { margin-bottom: 20px; } .space-left-lg-desktop { margin-left: 20px; } } .padding-xs { padding: 5px; } .padding-sm { padding: 10px; } .padding-md { padding: 15px; } .padding-lg { padding: 20px; } .padding-xl { padding: 30px; } .margin-top-auto { margin-top: auto !important; } .margin-bottom-auto { margin-bottom: auto !important; } .no-margin { margin: 0 !important; } .no-borders { border: none !important; } .auto_width { width: auto !important; } .full_width { width: 100%; } .flexbox { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .inline-flexbox { display: "-webkit-inline-flex"; display: "-moz-inline-flex"; display: "-ms-inline-flex"; display: inline-flex; } .flex-row { -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .flex-column { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .flex-auto { -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; -ms-flex: 1 1 auto; flex: 1 1 auto; } .space-between { -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .justified-content-center { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .align-items-center { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .align-content-center { -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; } .align-content-end { -webkit-align-content: flex-end; -moz-align-content: flex-end; -ms-align-content: flex-end; align-content: flex-end; } .align-self-end { -webkit-align-self: flex-end; -moz-align-self: flex-end; -ms-align-self: flex-end; align-self: flex-end; } .icn-favorite-hi, .icn-favorite-add { height: 40px; width: 40px; box-sizing: border-box; display: inline-block; overflow: hidden; padding: 40px 0 0 40px; background-position: center center; background-repeat: no-repeat; vertical-align: middle; } .icn-favorite-hi { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iI0Y4QjcwRSIgcG9pbnRzPSIxOS45LDExLjcgMjIuNiwxNy4yIDI4LjcsMTguMSAyNC4zLDIyLjQgMjUuMywyOC41IDE5LjksMjUuNiAxNC40LDI4LjUgMTUuNCwyMi40IDExLDE4LjEgDQoJMTcuMSwxNy4yICIvPg0KPC9zdmc+'); } .icn-favorite-hi:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGNpcmNsZSBmaWxsPSIjQzYyODI4IiBjeD0iMjMuOCIgY3k9IjI0LjQiIHI9IjQuNSIvPg0KPHJlY3QgeD0iMjAuNiIgeT0iMjMuNSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjYuMyIgaGVpZ2h0PSIxLjgiLz4NCjxwYXRoIGZpbGw9IiNGOEI3MEUiIGQ9Ik0xOC41LDI2LjNjLTAuMi0wLjYtMC4zLTEuMy0wLjMtMS45YzAtMy4xLDIuNS01LjYsNS42LTUuNmMxLjIsMCwyLjMsMC40LDMuMiwxbDEuNy0xLjdsLTYuMS0wLjlsLTIuNy01LjUNCglsLTIuNyw1LjVMMTEsMTguMWw0LjQsNC4zbC0xLDYuMUwxOC41LDI2LjN6Ii8+DQo8L3N2Zz4NCg=='); } .icn-favorite-add { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gb3BhY2l0eT0iMC40IiBmaWxsPSIjOTc5Nzk3IiBwb2ludHM9IjE5LjksMTEuNyAyMi42LDE3LjIgMjguNywxOC4xIDI0LjMsMjIuNCAyNS4zLDI4LjUgMTkuOSwyNS42IDE0LjQsMjguNSAxNS40LDIyLjQgDQoJMTEsMTguMSAxNy4xLDE3LjIgIi8+DQo8L3N2Zz4NCg=='); } .icn-favorite-add:hover { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA0MCA0MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNDAgNDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBvbHlnb24gZmlsbD0iI0Y4QjcwRSIgcG9pbnRzPSIxOS45LDExLjcgMjIuNiwxNy4yIDI4LjcsMTguMSAyNC4zLDIyLjQgMjUuMywyOC41IDE5LjksMjUuNiAxNC40LDI4LjUgMTUuNCwyMi40IDExLDE4LjEgDQoJMTcuMSwxNy4yICIvPg0KPC9zdmc+'); } #calendar_container #ajax_search_busy_dialog, #loader #ajax_search_busy_dialog, .meeting-request #ajax_search_busy_dialog { position: fixed; top: 50%; left: 50%; margin: -35px 0 0 -35px; z-index: 1; } @keyframes ball-clip-rotate { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); border-color: #001a57 #001a57 transparent #001a57; } 50% { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); border-color: #b3b3b3 #b3b3b3 transparent #b3b3b3; } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); border-color: #001a57 #001a57 transparent #001a57; } } .la-ball-clip-rotate-mask { position: fixed; background: rgba(0, 0, 0, 0.3); height: 100%; width: 100%; top: 0; left: 0; z-index: 1; } .la-ball-clip-rotate, .la-ball-clip-rotate > div { position: relative; } .la-ball-clip-rotate { display: block; width: 70px; height: 70px; } .la-ball-clip-rotate > div { display: inline-block; float: none; border: 0 solid #001a57; width: 65px; height: 65px; background: transparent; border-width: 5px; border-bottom-color: transparent; border-radius: 100%; -webkit-animation: ball-clip-rotate 0.8s linear infinite; -moz-animation: ball-clip-rotate 0.8s linear infinite; -ms-animation: ball-clip-rotate 0.8s linear infinite; -o-animation: ball-clip-rotate 0.8s linear infinite; animation: ball-clip-rotate 0.8s linear infinite; } @media print { .no-print { display: none; } } .primary-text { color: #333; } .secondary-text { color: #6c6c6c !important; } .disabled-text { color: #949494; } .primary-text-reverse { color: rgba(255, 255, 255, 1); } .secondary-text-reverse { color: rgba(255, 255, 255, 0.8); } .disabled-text-reverse { color: rgba(255, 255, 255, 0.3); } .primary-text-warn { color: #bf3e24; } .link-primary { color: #0d6dc1; } .icon-color-default [class^="icn-"], .icon-color-default [class*=" icn-"] { color: #949494; } .icon-size-md { font-size: 20px !important; } .list-unstyled { margin: 0; padding: 0; list-style: none; } .list-bulleted { list-style-type: disc; padding: 0; padding-left: 20px; } .list-flush { padding: 0; list-style-position: inside; } .cursor-pointer { cursor: pointer; } .text-overflow { text-overflow: ellipsis; overflow: hidden; word-wrap: break-word; } .text-base { color: #333 !important; } .text-gray { color: #6c6c6c; } .text-primary { color: #001a57 !important; } .info_session_waitlist div { display: none; } .font_weight_normal { font-weight: 400 !important; } .font_weight_light { font-weight: 300; } .bg-white { background-color: #fff !important; } .bg-gray-lighter { background-color: #ececec !important; } .bg-success-light { background-color: #44c274 !important; } .bg-warn-light { background-color: #f7931f !important; } .bg-error-light { background-color: #f24f2e !important; } .ui-button-icon-primary.ui-icon.ui-icon-closethick { top: 0; } .background-img-fit-width { background-size: cover; background-repeat: no-repeat; background-position: center center; } .prevent-word-overflow { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } .no-padding { padding: 0 !important; } .white-space-normal { white-space: normal !important; } .white-space-pre-wrap { white-space: pre-wrap; } @media screen and (max-width: 767px) { #notice-top-message { visibility: hidden; } .notice-top { padding: 0 15px; } } @media screen and (max-width: 991px) { .notice-top #notice-top-message { -webkit-justify-content: start !important; -moz-justify-content: start !important; -ms-justify-content: start !important; justify-content: start !important; } } .notice-top { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; width: 100%; height: 36px; color: rgba(255, 255, 255, 1); background-color: #224f76; } .notice-top .notice-top-message-container { position: relative; } .notice-top #notice-top-message { -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; color: rgba(255, 255, 255, 1); } .notice-top .icn-arrow_right { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); font-size: 13px; } .notice-top .notice-content { margin: auto 0 auto 0; } .notice-top .notice-top-close { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; margin-left: 5px; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; width: 14px; height: 14px; font-size: 9px; border-radius: 50%; color: #fff; background-color: rgba(0, 0, 0, 0.5); } .notice-top .notice-top-close .icn-close { display: inline-block; } .notice-top .external-link { position: absolute; right: 0; padding: 2px 20px; } .opacity-100 { opacity: 1 !important; } @media (max-width: 414px) { .display-mobile-none { display: none !important; } .display-mobile-inline { display: inline !important; } .display-mobile-inline-block { display: inline-block !important; } .display-mobile-block { display: block !important; } .display-mobile-flex { display: "-webkit-flex !important"; display: "-moz-flex !important"; display: "-ms-flex !important"; display: flex !important; } .display-mobile-inline-flex { display: "-webkit-inline-flex !important"; display: "-moz-inline-flex !important"; display: "-ms-inline-flex !important"; display: inline-flex !important; } .grid-templates-mobile-columns-1 { grid-template-columns: 1fr; -ms-grid-columns: 1fr; } .grid-templates-mobile-columns-2 { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } .order-mobile-1 { order: 1; } .order-mobile-2 { order: 2; } .order-mobile-3 { order: 3; } .order-mobile-4 { order: 4; } .order-mobile-5 { order: 5; } } @media (min-width: 415px) and (max-width: 767px) { .display-sm-none { display: none !important; } .display-sm-inline { display: inline !important; } .display-sm-inline-block { display: inline-block !important; } .display-sm-block { display: block !important; } .display-sm-flex { display: "-webkit-flex !important"; display: "-moz-flex !important"; display: "-ms-flex !important"; display: flex !important; } .display-sm-inline-flex { display: "-webkit-inline-flex !important"; display: "-moz-inline-flex !important"; display: "-ms-inline-flex !important"; display: inline-flex !important; } .grid-templates-sm-columns-1 { grid-template-columns: 1fr; -ms-grid-columns: 1fr; } .grid-templates-sm-columns-2 { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } } @media (min-width: 768px) and (max-width: 991px) { .display-md-none { display: none !important; } .display-md-inline { display: inline !important; } .display-md-inline-block { display: inline-block !important; } .display-md-block { display: block !important; } .display-md-flex { display: "-webkit-flex !important"; display: "-moz-flex !important"; display: "-ms-flex !important"; display: flex !important; } .display-md-inline-flex { display: inline-flex !important; } .grid-templates-md-columns-1 { grid-template-columns: 1fr; -ms-grid-columns: 1fr; } .grid-templates-md-columns-2 { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } } @media (min-width: 992px) and (max-width: 1199px) { .display-lg-none { display: none !important; } .display-lg-inline { display: inline !important; } .display-lg-inline-block { display: inline-block !important; } .display-lg-block { display: block !important; } .display-lg-flex { display: "-webkit-flex !important"; display: "-moz-flex !important"; display: "-ms-flex !important"; display: flex !important; } .display-lg-inline-flex { display: "-webkit-inline-flex !important"; display: "-moz-inline-flex !important"; display: "-ms-inline-flex !important"; display: inline-flex !important; } .grid-templates-lg-columns-1 { grid-template-columns: 1fr; -ms-grid-columns: 1fr; } .grid-templates-lg-columns-2 { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } } @media (min-width: 1200px) { .display-desktop-none { display: none !important; } .display-desktop-inline { display: inline !important; } .display-desktop-inline-block { display: inline-block !important; } .display-desktop-block { display: block !important; } .display-desktop-flex { display: "-webkit-flex !important"; display: "-moz-flex !important"; display: "-ms-flex !important"; display: flex !important; } .display-desktop-inline-flex { display: "-webkit-inline-flex !important"; display: "-moz-inline-flex !important"; display: "-ms-inline-flex !important"; display: inline-flex !important; } .grid-templates-desktop-columns-1 { grid-template-columns: 1fr; -ms-grid-columns: 1fr; } .grid-templates-desktop-columns-2 { grid-template-columns: 1fr 1fr; -ms-grid-columns: 1fr 1fr; } .order-desktop-1 { order: 1; } .order-desktop-2 { order: 2; } .order-desktop-3 { order: 3; } .order-desktop-4 { order: 4; } .order-desktop-5 { order: 5; } } .avatar-group { display: inline-block; position: relative; height: 40px; width: 40px; } .avatar-group.avatar-md { height: 60px; width: 60px; } .avatar-group.avatar-lg { height: 80px; width: 80px; } .avatar-group.avatar-xl { height: 100px; width: 100px; } .avatar-group .avatar { display: block; } .avatar-status { position: absolute; bottom: 0; right: 0; border-radius: 50%; background-color: #fff; z-index: 2; text-align: center; height: 16px; width: 16px; font-size: 16px; line-height: 16px; } .avatar-status [class*=" icn-"], .avatar-status [class^="icn-"] { display: block; line-height: inherit; } .avatar-md .avatar-status { height: 20px; width: 20px; font-size: 20px; line-height: 20px; } .avatar-lg .avatar-status { height: 24px; width: 24px; font-size: 24px; line-height: 24px; } .avatar-xl .avatar-status { height: 24px; width: 24px; font-size: 24px; line-height: 24px; } .monogram { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; color: #949494; background-color: #ececec; } .monogram [class^="icn-"], .monogram [class*=" icn-"] { line-height: inherit; } .monogram.avatar-md { font-size: 18px; } .monogram.avatar-md [class^="icn-"], .monogram.avatar-md [class*=" icn-"] { font-size: 30px; } .monogram.avatar-lg { font-size: 18px; } .monogram.avatar-lg [class^="icn-"], .monogram.avatar-lg [class*=" icn-"] { font-size: 40px; } .monogram.avatar-xl { font-size: 18px; } .monogram.avatar-xl [class^="icn-"], .monogram.avatar-xl [class*=" icn-"] { font-size: 50px; } .monogram.monogram-transparency { color: #fff; background: rgba(0, 0, 0, 0.7); opacity: 0.7; } .avatar { overflow: hidden; height: 40px; width: 40px; line-height: 40px; text-align: center; display: inline-block; border-radius: 40px; } .avatar.avatar-md { height: 60px; width: 60px; line-height: 60px; text-align: center; display: inline-block; border-radius: 60px; } .avatar.avatar-md.avatar-square { height: 60px; width: 60px; line-height: 60px; text-align: center; display: inline-block; border-radius: 3px; } .avatar.avatar-lg { height: 80px; width: 80px; line-height: 80px; text-align: center; display: inline-block; border-radius: 80px; } .avatar.avatar-lg.avatar-square { height: 80px; width: 80px; line-height: 80px; text-align: center; display: inline-block; border-radius: 3px; } .avatar.avatar-xl { height: 100px; width: 100px; line-height: 100px; text-align: center; display: inline-block; border-radius: 100px; } .avatar.avatar-xl.avatar-square { height: 100px; width: 100px; line-height: 100px; text-align: center; display: inline-block; border-radius: 3px; } .avatar.avatar-square { height: 40px; width: 40px; line-height: 40px; text-align: center; display: inline-block; border-radius: 3px; border-radius: 3px; } .avatar.avatar-square:not(.monogram):not(a) { display: "-webkit-inline-flex"; display: "-moz-inline-flex"; display: "-ms-inline-flex"; display: inline-flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; border: 1px solid #ececec; } .avatar.avatar-calendar .calendar-wrapper { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; height: 100%; width: 100%; } .avatar.avatar-calendar .month { color: #555; font-weight: 700; text-transform: uppercase; font-size: 11px; line-height: 13px; } .avatar.avatar-calendar .day { font-size: 18px; line-height: 22px; } .avatar.avatar-calendar.avatar-md .month { font-size: 11px; line-height: 18px; } .avatar.avatar-calendar.avatar-md .day { font-size: 22px; line-height: 28px; } .avatar.avatar-calendar.avatar-lg .month { font-size: 13px; line-height: 22px; } .avatar.avatar-calendar.avatar-lg .day { font-size: 28px; line-height: 32px; } .avatar.avatar-img-cover img { object-fit: cover; } .avatar img { display: block; max-width: 100%; max-height: 100%; width: 100%; height: 100%; vertical-align: middle; text-align: center; margin: auto; object-fit: contain; } .avatar a { display: inline-block; width: 100%; height: 100%; } .avatar a * { display: inline-block; vertical-align: middle; } #emp_comp_logo .avatar img { margin: 0; } .avatar:not(.monogram):not(a) { background-color: rgba(255, 255, 255, 1); } .card { background: #fff; border: 1px solid #ececec; border-radius: 5px; } @media print { .card { border: 1px solid #ccc; box-shadow: none; } } .card.errors { background-color: #bf3e24; } .card .content { padding: 20px; } .card .content .row { margin-left: -20px; margin-right: -20px; } .card .actions, .card .card-actions { text-align: right; } .card .actions > a:not(.btn), .card .card-actions > a:not(.btn) { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; margin: 10px 5px; } .card .actions > a:not(.btn):hover, .card .card-actions > a:not(.btn):hover, .card .actions > a:not(.btn):focus, .card .card-actions > a:not(.btn):focus { box-shadow: none; background: none; } .card .actions > a:not(.btn).btn, .card .card-actions > a:not(.btn).btn { border: 0; } .card .content { overflow: hidden; } .card-container { overflow: hidden; margin-top: 10px; } .card-recommendation .card-hide-overflow { overflow: hidden; opacity: 1; background-color: #fff; flex-shrink: 0; position: relative; left: 0; min-height: 145px; transition: all 0.5s ease; z-index: 1; } .card-recommendation .card-hide-overflow.hide-card { z-index: 0; } @media screen and (min-width: 768px) { .card-recommendation .card-hide-overflow:nth-child(odd) { flex-basis: calc(50% + 20px); } .card-recommendation .card-hide-overflow:nth-child(even) { flex-basis: calc(50% - 20px); } } .card-recommendation .media-object { height: 100%; width: auto; margin-bottom: 15px; opacity: 1; transition: all 0.5s ease; } .card-recommendation .media-object.fade-out { opacity: 0; margin-bottom: 0; } .card-recommendation .media-object.media-single { margin-left: 0; border: none; } .card-recommendation .media-object .title { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 16px; letter-spacing: 0.01em; line-height: 24px; margin-top: -5px; width: 95%; } .card-recommendation .media-object .title a { color: #333; } .card-recommendation .media-object .inline-bullet { margin-top: 2px; margin-bottom: 2px; } .card-recommendation .media-object .inline-bullet .inline { display: inline; } .card-recommendation .media-object.favorite { position: absolute; top: 0; width: 100%; } .card-recommendation .media-object.favorite.ng-enter { opacity: 0; transition: opacity 0.5s ease; } .card-recommendation .media-object.favorite.ng-enter.ng-enter-active { opacity: 1; } .card-recommendation .media-object.favorite .title { text-align: center; } .card-recommendation .media-object.favorite .media-content { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .card-recommendation .media-center { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-self: center; -moz-align-self: center; -ms-align-self: center; align-self: center; } .card-recommendation .empty-img-container { margin-bottom: 20px; margin-top: 5px; height: 104px; } .card-recommendation .empty-jobs-recommendation { margin-bottom: 19px; } @media (max-width: 414px) { .card-recommendation .empty-jobs-recommendation .list-inline > li { display: block; text-align: center; } .card-recommendation .empty-jobs-recommendation .list-inline.inline-bullet li:before, .card-recommendation .empty-jobs-recommendation .list-inline.inline-pipe li:before { display: none; } } .card-recommendation .notice-card-inline { margin-bottom: 0; } .card-recommendation .notice-card-inline a { cursor: pointer; text-decoration: underline; } .card-recommendation .title-success { color: #297848; } .card-recommendation .favorite { -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .card-recommendation .img-star-circle { width: 48px; height: 48px; margin-bottom: 15px; } .card-recommendation .spots-left { color: #a85502; } .card-recommendation .badge, .card-recommendation .badge-small { padding: 0 12px; height: 20px; background-color: transparent; color: #a85502; border: 1px solid #a85502; line-height: 20px; margin-top: 10px; } .card-recommendation .vertical-separator { border-right: 1px solid #ececec; height: 100%; margin: 0 20px; } .card-header { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; padding-bottom: 20px; } .card-header a { margin-top: 4px; } .card-content { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .card-blurb { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0.01em; line-height: 20px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; padding-bottom: 20px; color: #333; } .card.external-title { border: 0; } .card.external-title .card-title { background: #f6f6f6; } .card.external-title .card-title h2 { margin-bottom: 0; padding-bottom: 10px; } .card.external-title .content { border: 1px solid #ececec; } .student-dashboard-wrapper #home-right .card.external-title h2 { margin-bottom: 0; } .student-dashboard-wrapper #home-right .card.external-title li:first-child { margin-top: 0; } .student-dashboard-wrapper #home-right .card.external-title li:last-child { margin-bottom: 0; } .card-content-centered { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .card-content-centered .card-text { text-align: center; max-width: 520px; } .card-subtext { font-weight: 700; margin-top: 10px; margin-bottom: 10px; } @media screen and (max-width: 767px) { .card-recommendation .card-content-hide-overflow { left: 0; } .card-recommendation .card-hide-overflow { flex-basis: 100%; border-left: none; } .card-recommendation .media-object { margin-left: 0; } .card-recommendation .vertical-separator { display: none; } } .subscribe-card { margin: 100px auto 0 auto; width: 600px; } .subscribe-card .field .field-widget input[type=radio] + label { margin: 0 20px 10px 10px; } .subscribe-card .field .field-widget .input-text { height: 30px; margin-left: 20px; } .subscribe-card .footer { text-align: center; } .subscribe-card .card-content-centered .card-text { max-width: 300px; } .card-list { display: grid; display: -ms-grid; grid-gap: 10px; } .card-list a.card:hover { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } .card-list .card { padding: 20px; border-radius: 2px; font-weight: 300; } .card-list .card-list-item-title { font-size: 16px; font-weight: 500; } .yui-panel-container .underlay { display: none; } .yui-skin-sam.modal { background-color: #fff; } .yui-skin-sam .mask { opacity: 0.5; } .yui-skin-sam .yui-panel, .yui-skin-sam .ui-dialog, .yui-skin-sam table.popwin_bg { border-radius: 3px; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.082); border: none; z-index: 100; /* Custom Panel Styles */ } .yui-skin-sam .yui-panel .hd, .yui-skin-sam .ui-dialog .hd, .yui-skin-sam table.popwin_bg .hd { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background: #f6f6f6; color: #333; font-size: 18px; line-height: 24px; height: 60px; font-weight: normal; text-align: left; border: 0; border-radius: 5px 5px 0 0; -webkit-flex-basis: 90%; -moz-flex-basis: 90%; -ms-flex-basis: 90%; flex-basis: 90%; padding: 0 20px; } [dir=rtl] .yui-skin-sam .yui-panel .hd, [dir=rtl] .yui-skin-sam .ui-dialog .hd, [dir=rtl] .yui-skin-sam table.popwin_bg .hd { text-align: right; } .yui-skin-sam .yui-panel .hd h2, .yui-skin-sam .ui-dialog .hd h2, .yui-skin-sam table.popwin_bg .hd h2 { margin: 0; color: #000; font-weight: normal; } .yui-skin-sam .yui-panel .container-close, .yui-skin-sam .ui-dialog .container-close, .yui-skin-sam table.popwin_bg .container-close { cursor: pointer; color: #555; top: 0; right: 0; width: 40px; height: 60px; line-height: inherit; text-align: center; margin: 0 15px; overflow: hidden; border: 0; text-decoration: none; background: none; } .yui-skin-sam .yui-panel .container-close:hover, .yui-skin-sam .ui-dialog .container-close:hover, .yui-skin-sam table.popwin_bg .container-close:hover, .yui-skin-sam .yui-panel .container-close:focus, .yui-skin-sam .ui-dialog .container-close:focus, .yui-skin-sam table.popwin_bg .container-close:focus { color: #333; text-decoration: none; } .yui-skin-sam .yui-panel .container-close:before, .yui-skin-sam .ui-dialog .container-close:before, .yui-skin-sam table.popwin_bg .container-close:before { color: inherit; font-family: 'unicon'; content: "\e924"; speak: none; font-style: normal; font-size: 16px; font-weight: normal; font-variant: normal; text-transform: none; line-height: 60px; text-indent: 0; position: relative; display: block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .yui-skin-sam .yui-panel .hd, .yui-skin-sam .ui-dialog .hd, .yui-skin-sam table.popwin_bg .hd, .yui-skin-sam .yui-panel .bd, .yui-skin-sam .ui-dialog .bd, .yui-skin-sam table.popwin_bg .bd, .yui-skin-sam .yui-panel .ft, .yui-skin-sam .ui-dialog .ft, .yui-skin-sam table.popwin_bg .ft { margin: 0; border: none !important; } .yui-skin-sam .yui-panel .hd:before, .yui-skin-sam .ui-dialog .hd:before, .yui-skin-sam table.popwin_bg .hd:before, .yui-skin-sam .yui-panel .bd:before, .yui-skin-sam .ui-dialog .bd:before, .yui-skin-sam table.popwin_bg .bd:before, .yui-skin-sam .yui-panel .ft:before, .yui-skin-sam .ui-dialog .ft:before, .yui-skin-sam table.popwin_bg .ft:before, .yui-skin-sam .yui-panel .hd:after, .yui-skin-sam .ui-dialog .hd:after, .yui-skin-sam table.popwin_bg .hd:after, .yui-skin-sam .yui-panel .bd:after, .yui-skin-sam .ui-dialog .bd:after, .yui-skin-sam table.popwin_bg .bd:after, .yui-skin-sam .yui-panel .ft:after, .yui-skin-sam .ui-dialog .ft:after, .yui-skin-sam table.popwin_bg .ft:after { content: " "; display: table; } .yui-skin-sam .yui-panel .hd:after, .yui-skin-sam .ui-dialog .hd:after, .yui-skin-sam table.popwin_bg .hd:after, .yui-skin-sam .yui-panel .bd:after, .yui-skin-sam .ui-dialog .bd:after, .yui-skin-sam table.popwin_bg .bd:after, .yui-skin-sam .yui-panel .ft:after, .yui-skin-sam .ui-dialog .ft:after, .yui-skin-sam table.popwin_bg .ft:after { clear: both; } .yui-skin-sam .yui-panel .bd, .yui-skin-sam .ui-dialog .bd, .yui-skin-sam table.popwin_bg .bd { padding: 15px; background: #fff; border-radius: 0 0 3px 3px; -webkit-overflow-scrolling: touch; overflow-y: auto; } @media only screen and (max-width: 767px) { .yui-skin-sam .yui-panel .bd iframe, .yui-skin-sam .ui-dialog .bd iframe, .yui-skin-sam table.popwin_bg .bd iframe { width: 90% !important; } } .yui-skin-sam .yui-panel .bd .form, .yui-skin-sam .ui-dialog .bd .form, .yui-skin-sam table.popwin_bg .bd .form { padding: 0; text-align: left; } .yui-skin-sam .yui-panel .bd .errors, .yui-skin-sam .ui-dialog .bd .errors, .yui-skin-sam table.popwin_bg .bd .errors { color: #a85502; font-size: 14px; line-height: 22px; } .yui-skin-sam .yui-panel .bd .errors:before, .yui-skin-sam .ui-dialog .bd .errors:before, .yui-skin-sam table.popwin_bg .bd .errors:before { font-family: 'unicon'; color: #a85502; content: "\e99d"; font-size: 16px; line-height: 22px; position: relative; top: 2px; margin-right: 2px; } .yui-skin-sam .yui-panel .ft, .yui-skin-sam .ui-dialog .ft, .yui-skin-sam table.popwin_bg .ft { margin-top: -1px; background: #f6f6f6; color: #6c6c6c; padding: 15px 20px !important; border-radius: 0 0 3px 3px; position: relative; width: 100%; bottom: 0; } .yui-skin-sam .yui-panel .ft:empty, .yui-skin-sam .ui-dialog .ft:empty, .yui-skin-sam table.popwin_bg .ft:empty { display: none; } .yui-skin-sam .yui-panel .ft .actions, .yui-skin-sam .ui-dialog .ft .actions, .yui-skin-sam table.popwin_bg .ft .actions { text-align: right; } .yui-skin-sam .yui-panel .ft .buttonbar a:only-child, .yui-skin-sam .ui-dialog .ft .buttonbar a:only-child, .yui-skin-sam table.popwin_bg .ft .buttonbar a:only-child { margin: 0; } .yui-skin-sam .yui-panel .ft .btn, .yui-skin-sam .ui-dialog .ft .btn, .yui-skin-sam table.popwin_bg .ft .btn { float: right; } .yui-skin-sam .yui-panel#edit_goals .bd, .yui-skin-sam .ui-dialog#edit_goals .bd, .yui-skin-sam table.popwin_bg#edit_goals .bd, .yui-skin-sam .yui-panel#edit_transcript_c .bd, .yui-skin-sam .ui-dialog#edit_transcript_c .bd, .yui-skin-sam table.popwin_bg#edit_transcript_c .bd, .yui-skin-sam .yui-panel#track_hours .bd, .yui-skin-sam .ui-dialog#track_hours .bd, .yui-skin-sam table.popwin_bg#track_hours .bd, .yui-skin-sam .yui-panel[id^="appt_slot_id_"] .bd, .yui-skin-sam .ui-dialog[id^="appt_slot_id_"] .bd, .yui-skin-sam table.popwin_bg[id^="appt_slot_id_"] .bd, .yui-skin-sam .yui-panel#edit_goals .ft, .yui-skin-sam .ui-dialog#edit_goals .ft, .yui-skin-sam table.popwin_bg#edit_goals .ft, .yui-skin-sam .yui-panel#edit_transcript_c .ft, .yui-skin-sam .ui-dialog#edit_transcript_c .ft, .yui-skin-sam table.popwin_bg#edit_transcript_c .ft, .yui-skin-sam .yui-panel#track_hours .ft, .yui-skin-sam .ui-dialog#track_hours .ft, .yui-skin-sam table.popwin_bg#track_hours .ft, .yui-skin-sam .yui-panel[id^="appt_slot_id_"] .ft, .yui-skin-sam .ui-dialog[id^="appt_slot_id_"] .ft, .yui-skin-sam table.popwin_bg[id^="appt_slot_id_"] .ft { padding: 0 !important; } .yui-skin-sam .yui-panel-container.modal-small { top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; position: fixed; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin: 0 auto; } .yui-skin-sam .yui-panel-container.modal-small .yui-panel .bd { min-height: 130px; padding: 20px 40px; } .modal-small { width: 400px; } .modal-backdrop { background: rgba(51, 51, 51, 0.5); top: 0; bottom: 0; left: 0; right: 0; z-index: 101; position: fixed; overflow-x: hidden; } .modal-backdrop.am-fade { background: #949494; opacity: 1; } .modal-header { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background: #f6f6f6; color: #333; font-size: 18px; line-height: 24px; height: 60px; font-weight: normal; text-align: left; border: 0; border-radius: 5px 5px 0 0; } .modal-footer { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; height: 60px; background: #f6f6f6; text-align: right; border-radius: 0 0 5px 5px; padding: 0 20px; } .modal-footer .btn { order: 1; } .modal-footer .btn.btn_primary, .modal-footer .btn.btn-primary { order: 2; margin-right: 0; } @media only screen and (max-width: 767px) { .modal-open .modal { overflow-y: hidden; } .modal-open .modal.sm-scrollable { overflow-y: auto; } } @media only screen and (max-width: 767px) { .modal_no_footer .modal-dialog .modal-content .modal-body { height: calc(100% - 60px); } } .modal-dialog { max-width: inherit; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin: 0 auto; min-height: 100%; position: relative; padding: 20px 0; width: 100%; top: 0; left: 0; z-index: 9998; } @media only screen and (max-width: 767px) { .modal-dialog { padding: 0; height: 100%; } } .modal-dialog .modal-content { position: relative; width: 660px; border-radius: 5px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 767px) { .modal-dialog .modal-content { min-height: 100%; position: absolute; width: 100%; left: 0; box-shadow: none; border-radius: 0; } } .modal-dialog .modal-content .boothmap-wrapper { overflow: auto; } .modal-dialog .modal-content .boothmap-wrapper::-webkit-scrollbar { -webkit-appearance: none; } .modal-dialog .modal-content .boothmap-wrapper::-webkit-scrollbar:vertical { width: 10px; } .modal-dialog .modal-content .boothmap-wrapper::-webkit-scrollbar:horizontal { height: 10px; } .modal-dialog .modal-content .boothmap-wrapper::-webkit-scrollbar-thumb { border-radius: 8px; border: 1px solid #949494; background-color: #949494; } .modal-dialog .modal-content .boothmap-wrapper::-webkit-scrollbar-track { background-color: #fff; border-radius: 8px; } .modal-dialog .modal-content .modal-header { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background: #f6f6f6; color: #333; font-size: 18px; line-height: 24px; height: 60px; font-weight: normal; text-align: left; border: 0; border-radius: 5px 5px 0 0; -webkit-flex-basis: 90%; -moz-flex-basis: 90%; -ms-flex-basis: 90%; flex-basis: 90%; padding: 0 20px; } [dir=rtl] .modal-dialog .modal-content .modal-header { text-align: right; } .modal-dialog .modal-content .modal-header h4 { margin: 0; font-size: 18px; font-weight: normal; } .modal-dialog .modal-content .modal-header .modal-close, .modal-dialog .modal-content .modal-header .close { position: absolute; cursor: pointer; color: #555; top: 0; right: 0; width: 40px; height: 60px; line-height: inherit; text-align: center; margin: 0 15px; overflow: hidden; border: 0; text-decoration: none; background: none; } .modal-dialog .modal-content .modal-header .modal-close:hover, .modal-dialog .modal-content .modal-header .close:hover, .modal-dialog .modal-content .modal-header .modal-close:focus, .modal-dialog .modal-content .modal-header .close:focus { color: #333; text-decoration: none; } .modal-dialog .modal-content .modal-body { padding: 20px 40px; } @media only screen and (max-width: 767px) { .modal-dialog .modal-content .modal-body { overflow-y: auto; padding: 20px; height: calc(100vh - 60px * 2); max-height: none; } } .modal-dialog .modal-content .modal-body h2 { font-size: 14px; } .modal-dialog .modal-content .modal-body .form-group { padding-top: 0; } .modal-dialog .modal-content .modal-body .form-group label { font-weight: 400; } .modal-dialog .modal-content .modal-body .input-button { color: #6c6c6c; background-color: #fff; border-color: #ccc; } .modal-dialog .modal-content .modal-body .input-button:hover, .modal-dialog .modal-content .modal-body .input-button:focus, .modal-dialog .modal-content .modal-body .input-button:active { color: #333; border-color: #949494; } .modal-dialog .modal-content .modal-body .input-button:active { background-color: #f6f6f6; } .modal-dialog .modal-content .modal-body .input-button [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button [class*=" icn-"] { color: #6c6c6c; } .modal-dialog .modal-content .modal-body .btn-action { color: #fff; background-color: #001a57; background-image: none; border-color: #001a57; } .modal-dialog .modal-content .modal-body .btn-action:hover, .modal-dialog .modal-content .modal-body .btn-action:focus, .modal-dialog .modal-content .modal-body .btn-action:active { color: #fff; } .modal-dialog .modal-content .modal-body .btn-action:hover, .modal-dialog .modal-content .modal-body .btn-action:focus { background-color: #00123e; border-color: #00123e; } .modal-dialog .modal-content .modal-body .btn-action:active { background-color: #000b24; border-color: #000b24; } .modal-dialog .modal-content .modal-body .btn-action [class^="icn-"], .modal-dialog .modal-content .modal-body .btn-action [class*=" icn-"] { color: #fff; } .modal-dialog .modal-content .modal-body hr { height: 1px; border-width: 1px 0 0 0; border-style: solid; border-color: #ececec; } .modal-dialog .modal-content .ui-dialog-buttonset { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; height: 60px; background: #f6f6f6; text-align: right; border-radius: 0 0 5px 5px; padding: 0 20px; padding: 0; } .modal-dialog .modal-content .ui-dialog-buttonset .btn { order: 1; } .modal-dialog .modal-content .ui-dialog-buttonset .btn.btn_primary, .modal-dialog .modal-content .ui-dialog-buttonset .btn.btn-primary { order: 2; margin-right: 0; } .modal-dialog .modal-content .ui-dialog-buttonset .ui-button-text { padding: 0; } @media only screen and (max-width: 767px) { .modal-dialog .modal-content .modal-grid-layout { height: 100%; position: absolute; display: grid; display: -ms-grid; grid-template-rows: auto 1fr auto; -ms-grid-rows: auto 1fr auto; grid-template-columns: 1fr; -ms-grid-columns: 1fr; width: 100%; } .modal-dialog .modal-content .modal-grid-layout .modal-body { max-height: 100%; overflow-y: auto; overflow-x: hidden; } .modal-dialog .modal-content .modal-grid-layout .modal-header { grid-row: 1; -ms-grid-row: 1; } .modal-dialog .modal-content .modal-grid-layout .modal-body { grid-row: 2; -ms-grid-row: 2; } .modal-dialog .modal-content .modal-grid-layout .modal-footer { grid-row: 3; -ms-grid-row: 3; } .modal-dialog .modal-content .modal-grid-layout .modal-body { height: auto; } } .modal-fullscreen .modal-dialog { padding: 0; } .modal-fullscreen .modal-content { width: 974px; max-width: 100%; box-shadow: none; border-radius: 0; border: none; background: transparent; -webkit-align-self: start; -moz-align-self: start; -ms-align-self: start; align-self: start; margin-top: 60px; } .modal-fullscreen .modal-content .modal-body { padding: 0; } .modal-fullscreen .modal-content .modal-header, .modal-fullscreen .modal-content .modal-footer { display: none; } .modal-scroll .modal-body { max-height: calc(100vh - 162px); overflow: auto; } .modal-taggable-image .modal-content { width: 1211px; } .modal-taggable-image .modal-content .taggable-left { width: 80%; } .modal-taggable-image .modal-content .taggable-sidebar { width: 20%; } .modal-taggable-image .modal-content .cf-tag-list { width: 100%; } .modal-taggable-image .modal-content .cf-tag-list input { width: 100%; } #passw_reqs .form-blurb, #pin_reqs .form-blurb { margin-bottom: 15px; } #passw_reqs .field-blurb label, #pin_reqs .field-blurb label { margin-bottom: inherit; font-size: inherit; line-height: inherit; margin: 0; } #passw_reqs .device_field_container, #pin_reqs .device_field_container { margin-bottom: 5px; padding: 0; } #passw_reqs .twofactor_dismiss, #pin_reqs .twofactor_dismiss { float: right; } #passw_reqs input[disabled=disabled], #pin_reqs input[disabled=disabled] { margin-bottom: 10px; } #pin_reqs_mask, #passw_reqs_mask, #password_rest .yui-panel-container { z-index: 1039 !important; } .resume_frame .form .field { margin-bottom: 10px; } #home-feedback_c, #res-feedback_c { width: 400px; } @media only screen and (max-width: 767px) { #home-feedback_c, #res-feedback_c { width: calc(100% - 20px); } } .popover-title { background: #001a57; color: #fff; } #sess_timer_panel { max-width: 400px; min-height: 250px; background: #fff; } #sess_timer_panel .bd { margin: 20px 40px; } /* Documents Dialog */ table.popwin_bg .popwin_cg { padding: 10px 20px; border-bottom: 1px solid transparent; background: #001a57; color: rgba(255, 255, 255, 0.87); font-weight: 500; font-size: 20px; line-height: 28px; text-align: left; border-radius: 3px 3px 0 0; } table.popwin_bg .popwin_cg .popwin_caption { margin: 0; color: rgba(255, 255, 255, 0.87); font-weight: normal; text-transform: capitalize; } table.popwin_bg .popwin_cg + td { vertical-align: middle; } table.popwin_bg .popwin_fg { background: rgba(255, 255, 255, 1); } /* job apply modal dialog */ .jq_modal { visibility: hidden; overflow-y: auto; width: 100%; height: 100vh; top: 0; left: 0; position: fixed; z-index: 9998; } @media only screen and (max-width: 767px) { .jq_modal { overflow-y: hidden; } } .jq_modal .jq_modal_dialog { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin: 0 auto; min-height: 100%; position: relative; padding: 20px 0; width: 100%; top: 0; left: 0; z-index: 9998; } @media only screen and (max-width: 767px) { .jq_modal .jq_modal_dialog { padding: 0; height: 100%; } } .jq_modal .jq_modal_content { position: relative; width: 660px; border-radius: 5px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 767px) { .jq_modal .jq_modal_content { min-height: 100%; position: absolute; width: 100%; left: 0; box-shadow: none; border-radius: 0; } } .jq_modal .jq_modal_content .jq_modal_header { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background: #f6f6f6; color: #333; font-size: 18px; line-height: 24px; height: 60px; font-weight: normal; text-align: left; border: 0; border-radius: 5px 5px 0 0; -webkit-flex-basis: 90%; -moz-flex-basis: 90%; -ms-flex-basis: 90%; flex-basis: 90%; padding: 0 20px; } [dir=rtl] .jq_modal .jq_modal_content .jq_modal_header { text-align: right; } .jq_modal .jq_modal_content .jq_modal_header .jq_modal-close { position: absolute; cursor: pointer; color: #555; top: 0; right: 0; width: 40px; height: 60px; line-height: inherit; text-align: center; margin: 0 15px; overflow: hidden; border: 0; text-decoration: none; background: none; } .jq_modal .jq_modal_content .jq_modal_header .jq_modal-close:hover, .jq_modal .jq_modal_content .jq_modal_header .jq_modal-close:focus { color: #333; text-decoration: none; } .jq_modal .jq_modal_body { padding: 20px 40px; } @media only screen and (max-width: 767px) { .jq_modal .jq_modal_body { overflow-y: auto; padding: 20px; height: calc(100vh - 60px * 2); max-height: none; } } .jq_modal .jq_modal_body .sidebar-inner { padding: 0; } .jq_modal .jq_modal_footer { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; height: 60px; background: #f6f6f6; text-align: right; border-radius: 0 0 5px 5px; padding: 0 20px; } .jq_modal .jq_modal_footer .btn { order: 1; } .jq_modal .jq_modal_footer .btn.btn_primary, .jq_modal .jq_modal_footer .btn.btn-primary { order: 2; margin-right: 0; } .jq_modal .jq_modal_footer .buttonbar-bottom { margin-top: 0; } .jq_modal .jq_modal_footer .buttonbar-bottom .btn { margin-bottom: 0; } .jq_modal .jq_modal_mask { background: rgba(51, 51, 51, 0.5); top: 0; bottom: 0; left: 0; right: 0; z-index: 101; position: fixed; overflow-x: hidden; } .ui-widget-overlay { z-index: 102; } .ui-dialog, table.popwin_bg { padding: 0; margin: 0; border: 0; font-weight: 400; z-index: 103; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.082); } .ui-dialog:not(.ui-dialog-iframe), table.popwin_bg:not(.ui-dialog-iframe) { position: absolute; display: grid; display: -ms-grid; grid-template-rows: auto 1fr auto; -ms-grid-rows: auto 1fr auto; grid-template-columns: 1fr; -ms-grid-columns: 1fr; width: 100%; position: relative; } .ui-dialog:not(.ui-dialog-iframe) .ui-dialog-content, table.popwin_bg:not(.ui-dialog-iframe) .ui-dialog-content { max-height: 100%; overflow-y: auto; overflow-x: hidden; } .ui-dialog:not(.ui-dialog-iframe) .ui-dialog-titlebar, table.popwin_bg:not(.ui-dialog-iframe) .ui-dialog-titlebar { grid-row: 1; -ms-grid-row: 1; } .ui-dialog:not(.ui-dialog-iframe) .ui-dialog-content, table.popwin_bg:not(.ui-dialog-iframe) .ui-dialog-content { grid-row: 2; -ms-grid-row: 2; } .ui-dialog:not(.ui-dialog-iframe) .ui-dialog-buttonpane, table.popwin_bg:not(.ui-dialog-iframe) .ui-dialog-buttonpane { grid-row: 3; -ms-grid-row: 3; } .ui-dialog-content { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; background-color: white; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } .ui-dialog-buttonpane { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; height: 60px; background: #f6f6f6; text-align: right; border-radius: 0 0 5px 5px; padding: 0 20px; border: 0; } .ui-dialog-buttonpane .btn { order: 1; } .ui-dialog-buttonpane .btn.btn_primary, .ui-dialog-buttonpane .btn.btn-primary { order: 2; margin-right: 0; } .ui-dialog .footer-buttons, table.popwin_bg .footer-buttons { margin-top: 0px !important; } .ui-dialog .footer-buttons .crop-button, table.popwin_bg .footer-buttons .crop-button { margin-left: 10px !important; } .ui-dialog-buttonset { text-align: right; } .ui-dialog .form, table.popwin_bg .form { padding: 20px; background: #fff; border-radius: 0 0 3px 3px; } .ui-dialog .form label:first-child, table.popwin_bg .form label:first-child { font-weight: 400; font-size: 12px; line-height: 30px; color: #8a8a8a; line-height: 1; margin: 0; padding: 0 0 5px; } .ui-dialog .form label:not(:first-child), table.popwin_bg .form label:not(:first-child) { font-size: 14px; } .ui-dialog .ui-dialog-titlebar, table.popwin_bg .ui-dialog-titlebar { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background: #f6f6f6; color: #333; font-size: 18px; line-height: 24px; height: 60px; font-weight: normal; text-align: left; border: 0; border-radius: 5px 5px 0 0; padding: 0; } .ui-dialog .ui-dialog-titlebar > .ui-dialog-title, table.popwin_bg .ui-dialog-titlebar > .ui-dialog-title { -webkit-flex-basis: 90%; -moz-flex-basis: 90%; -ms-flex-basis: 90%; flex-basis: 90%; padding: 0 20px; white-space: normal; } [dir=rtl] .ui-dialog .ui-dialog-titlebar > .ui-dialog-title, [dir=rtl] table.popwin_bg .ui-dialog-titlebar > .ui-dialog-title { text-align: right; } .ui-dialog .ui-dialog-titlebar-close, table.popwin_bg .ui-dialog-titlebar-close { cursor: pointer; color: #555; top: 0; right: 0; width: 40px; height: 60px; line-height: inherit; text-align: center; margin: 0 15px; overflow: hidden; border: 0; text-decoration: none; background: none; } .ui-dialog .ui-dialog-titlebar-close:hover, table.popwin_bg .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus, table.popwin_bg .ui-dialog-titlebar-close:focus { color: #333; text-decoration: none; } .ui-dialog .ui-dialog-titlebar-close .ui-icon, table.popwin_bg .ui-dialog-titlebar-close .ui-icon { background-image: none; position: initial; margin: 0; width: auto; height: auto; } .ui-dialog .ui-dialog-titlebar-close .ui-icon:before, table.popwin_bg .ui-dialog-titlebar-close .ui-icon:before { color: inherit; font-family: 'unicon'; content: "\e924"; speak: none; font-style: normal; font-size: 16px; font-weight: normal; font-variant: normal; text-transform: none; line-height: 60px; text-indent: 0; position: relative; display: block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ui-dialog .ui-widget-content a, table.popwin_bg .ui-widget-content a { color: #001a57; font-size: 14px; } .ui-dialog .ui-dialog-content, table.popwin_bg .ui-dialog-content { padding: 0; height: unset !important; } .modal-mask { background: rgba(51, 51, 51, 0.5); top: 0; bottom: 0; left: 0; right: 0; z-index: 101; position: fixed; overflow-x: hidden; width: 100%; height: 100%; overflow-y: auto; } .modal-mask #reset_password_submit { margin-top: 20px; } .modal-lg { max-width: 974px; } .modal-lg.modal-dialog .modal-content { width: 100%; } .modal-md { max-width: 660px; min-height: 660px; } @media (max-width: 414px) { .modal-md { min-height: 100%; } } .modal-sm { max-width: 400px; } .modal-sm.modal-dialog .modal-content { position: relative; max-width: 440px; border-radius: 5px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 767px) { .modal-sm.modal-dialog .modal-content { min-height: auto; width: 100%; left: 0; box-shadow: none; border-radius: 0; } } .modal-sm.modal-dialog .modal-body { padding: 20px 40px; } @media only screen and (max-width: 767px) { .modal-sm.modal-dialog .modal-body { overflow-y: auto; padding: 20px; max-height: calc(100vh - 60px * 2); height: auto; } } .modal-backdrop.fade.show { opacity: 0.5; } .modal.ngb-modal.show { opacity: 1; } .modal.ngb-modal.fade .modal-dialog { transition: none 0s ease; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .iframe-modal { min-height: 100%; background-color: #fff; } .iframe-modal .form { padding: 0; } .iframe-modal .form > form.ui-dialog-fit-height { position: absolute; display: grid; display: -ms-grid; grid-template-rows: 1fr auto; -ms-grid-rows: 1fr auto; grid-template-columns: 1fr; -ms-grid-columns: 1fr; width: 100%; height: 100%; overflow: hidden; } .iframe-modal .form > form.ui-dialog-fit-height .form_content { max-height: 100%; overflow-y: auto; overflow-x: hidden; } .iframe-modal .form > form.ui-dialog-fit-height .form_content { grid-row: 1; -ms-grid-row: 1; } .iframe-modal .form > form.ui-dialog-fit-height .buttonbar { grid-row: 2; -ms-grid-row: 2; } .iframe-modal .form-readonly .form_content { padding: 20px 40px 20px 40px; height: auto; } .iframe-modal form { position: relative; display: block; } .iframe-modal form .form_content { height: auto; padding: 20px 40px 20px 40px; } .iframe-modal .notice-wrapper { padding: 20px 40px 20px 40px; } .iframe-modal .fieldgroup { margin: 0; padding: 0; } .iframe-modal .buttonbar { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; height: 60px; background: #f6f6f6; text-align: right; border-radius: 0 0 5px 5px; padding: 0 20px; text-align: right; } .iframe-modal .buttonbar .btn { order: 1; } .iframe-modal .buttonbar .btn.btn_primary, .iframe-modal .buttonbar .btn.btn-primary { order: 2; margin-right: 0; } .iframe-modal .buttonbar.buttonbar-top { display: none; } .iframe-modal #picklist { display: none; } body.iframe-modal:not(.modal-view-desktop) .form_content { height: calc(100% - 60px); position: absolute; width: 100%; } body.iframe-modal:not(.modal-view-desktop) .buttonbar { position: absolute; bottom: 0; width: 100%; height: auto; padding-top: 10px; } @media (max-width: 767px) { .modal-mask { overflow: hidden; } .ui-dialog.modal-md, table.popwin_bg.modal-md, .ui-dialog.modal-sm, table.popwin_bg.modal-sm { max-width: unset; } .ui-dialog.ui-dialog-iframe .ui-dialog-content iframe, table.popwin_bg.ui-dialog-iframe .ui-dialog-content iframe { height: calc(100% - 60px) !important; overflow-y: auto; position: absolute; } .ui-dialog.ui-dialog-iframe.ui-dialog-buttons .ui-dialog-content, table.popwin_bg.ui-dialog-iframe.ui-dialog-buttons .ui-dialog-content { position: relative; } .ui-dialog.ui-dialog-iframe.ui-dialog-buttons .ui-dialog-content, table.popwin_bg.ui-dialog-iframe.ui-dialog-buttons .ui-dialog-content, .ui-dialog.ui-dialog-iframe.ui-dialog-buttons .ui-dialog-content iframe, table.popwin_bg.ui-dialog-iframe.ui-dialog-buttons .ui-dialog-content iframe { height: calc(100vh - (60px * 2)) !important; } .ui-dialog iframe, table.popwin_bg iframe { max-height: none !important; } } /*small dialog*/ .small-modal .modal-dialog .modal-content { position: relative; max-width: 440px; border-radius: 5px; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } @media only screen and (max-width: 767px) { .small-modal .modal-dialog .modal-content { min-height: auto; width: 100%; left: 0; box-shadow: none; border-radius: 0; } } .small-modal .modal-dialog .modal-body { padding: 20px 40px; } @media only screen and (max-width: 767px) { .small-modal .modal-dialog .modal-body { overflow-y: auto; padding: 20px; max-height: calc(100vh - 60px * 2); height: auto; } } .small-modal simple-modal, .small-modal confirmation-modal { position: absolute; display: grid; display: -ms-grid; grid-template-rows: auto 1fr auto; -ms-grid-rows: auto 1fr auto; grid-template-columns: 1fr; -ms-grid-columns: 1fr; width: 100%; position: relative; min-height: 250px; } .small-modal simple-modal .modal-body, .small-modal confirmation-modal .modal-body { max-height: 100%; overflow-y: auto; overflow-x: hidden; } .small-modal simple-modal .modal-header, .small-modal confirmation-modal .modal-header { grid-row: 1; -ms-grid-row: 1; } .small-modal simple-modal .modal-body, .small-modal confirmation-modal .modal-body { grid-row: 2; -ms-grid-row: 2; } .small-modal simple-modal .modal-footer, .small-modal confirmation-modal .modal-footer { grid-row: 3; -ms-grid-row: 3; } .media-object { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .media-object .logo { width: 50px; height: 50px; -webkit-flex-basis: 50px; -moz-flex-basis: 50px; -ms-flex-basis: 50px; flex-basis: 50px; -webkit-flex-shrink: 0; -moz-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0; margin: 0; margin-right: 15px; border-radius: 3px; } .media-object .logo.monogram { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; background-color: #001a57; } .media-object .logo.monogram .icn:before { font-size: 24px; color: #fff; } .media-object .title { font-weight: 500; } .media-object .sub-title { font-family: 'Roboto', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 14px; letter-spacing: 0.01em; line-height: 20px; color: #333; } .media-object .media-content { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } .media-object .media-list { color: #606060; } .media-object .media-sublist { font-weight: 400; font-size: 13px; color: #6c6c6c; } .media-object .media-actions { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; margin-top: 15px; } .media-object .media-actions .list-inline { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .media-object .media-heading { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .media-object .dismiss_link { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; margin: 0; padding: 0; min-width: auto; min-height: auto; font-size: 14px; color: #6c6c6c; box-shadow: none; } .media-object .dismiss_link [class^="icn-"], .media-object .dismiss_link [class*=" icn-"] { margin: 0; } .media-object .dismiss_link.btn.btn_link:not([disabled]):not(.disabled):hover { background-color: transparent; } .media-object .dismiss_link:focus { outline: 0; } .thumbnailbox { position: relative; width: 220px; min-width: 220px; height: 110px; font-size: 40px; color: #949494; background-color: #ececec; border-radius: 5px; } @media only screen and (max-width: 767px) { .thumbnailbox.thumbnail-mobile-full { -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; margin-right: 0; margin-bottom: 20px; height: 0; padding-top: 50%; } .thumbnailbox.thumbnail-mobile-full .thumbnailbox-icon { display: none; } } @media only screen and (max-width: 767px) { .thumbnailbox.thumbnail-mobile-avatar { width: 60px; min-width: 60px; height: 60px; font-size: 26px; } } .thumbnailbox.thumbnailbox-text-logo .thumbnailbox-img-wrapper { background-size: 80%; } .thumbnailbox .thumbnailbox-img-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #ececec; border-radius: 5px; } .msg-illustration { max-width: 100%; } .iframe-video-fullsize { position: relative; padding: 60% 0 0 0; } .iframe-video-fullsize iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .primary_link { color: #001a57; text-decoration: none; font-size: 13px; line-height: 20px; } .primary_link:hover, .primary_link:focus, .primary_link:hover [class^="icn-"], .primary_link:focus [class^="icn-"], .primary_link:hover [class*=" icn-"], .primary_link:focus [class*=" icn-"] { color: #001a57; } .primary_link:hover, .primary_link:focus { text-decoration: underline; cursor: pointer; } .secondary_link { color: #6c6c6c; text-decoration: none; font-size: 13px; line-height: 20px; } .secondary_link:hover, .secondary_link:focus, .secondary_link:hover [class^="icn-"], .secondary_link:focus [class^="icn-"], .secondary_link:hover [class*=" icn-"], .secondary_link:focus [class*=" icn-"] { color: #001a57; } .secondary_link:hover, .secondary_link:focus { text-decoration: underline; cursor: pointer; } .danger_link { color: #bf3e24; text-decoration: none; font-size: 13px; line-height: 20px; } .danger_link:hover, .danger_link:focus, .danger_link:hover [class^="icn-"], .danger_link:focus [class^="icn-"], .danger_link:hover [class*=" icn-"], .danger_link:focus [class*=" icn-"] { color: #bf3e24; } .danger_link:hover, .danger_link:focus { text-decoration: underline; cursor: pointer; } /* Advocate Student UI */ /* Popover css from Bootstrap */ .fade { opacity: 0; } .fade.in { opacity: 1; } .fade.show { opacity: 1; } .popover { position: absolute; top: 0; max-width: 400px; z-index: 1040 !important; display: none; padding: 5px; } .masked .popover { position: fixed; } .popover.top { margin-top: -5px; } .popover.right { margin-left: 5px; } .popover.bottom { margin-top: 5px; } .popover.left { margin-left: -5px; } .popover.top .arrow { bottom: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; } .popover.right .arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; } .popover.bottom .arrow { top: 0; left: 50%; margin-left: -5px; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #000; } .popover.left .arrow { top: 50%; left: 0; margin-top: -5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-right: 5px solid #000; } .popover .arrow { position: absolute; width: 0; height: 0; } .popover-inner { padding: 3px; width: 300px; overflow: hidden; background: #000; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); } .popover-title { padding: 9px 15px; line-height: 1; border-bottom: 1px solid #eee; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .popover-content { line-height: 18px; padding: 9px; background-color: #fff; -webkit-border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; } .popover-content p, .popover-content ul, .popover-content ol { margin-bottom: 0; margin-top: 0; text-align: left; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } h3.popover-title { font-size: 1em; padding: 9px; margin: 0; } .password-forgetmenot h3.popover-title { background: #900; color: #fff; } .password_test_result { min-width: 260px; } .strength_hint { padding: 6px 4px 2px; margin-left: 0; margin-right: 0; } /* TwoFactor Auth contains: Password exipiration / strength checker and pin forms */ /* .twofactor_field_container legend, .twofactor_field_container .blurb, .twofactor_field_container .label { padding: 0 0 5px; font-size: 1em; } */ .twofactor_field_container legend { font-weight: 700; font-size: 1.25em; } .twofactor_field_container label { padding: 0 0 5px; margin: 10px 0 0; font-weight: 400; display: block; } .twofactor_field_container .twofactor_field_container { float: left; margin: 0 20px 0 0; } .twofactor_field_container .twofactor_buttonbar { float: left; width: 100%; } #pin_reset .twofactor_buttonbar { float: left; width: 100%; } #strength_meter { margin: 5px 0 0; white-space: nowrap; height: 15px; } .strength_meter { text-transform: uppercase; font-size: 0.8em; } .strength_meter_label { float: left; } .strength_meter_empty, .strength_meter_0, .strength_meter_1, .strength_meter_2, .strength_meter_3, .strength_meter_4 { background: url(/themes/dawn/dawn/strength-meter-sprite.png); background-repeat: no-repeat; width: 148px; height: 14px; float: left; margin: 2px 0 0 5px; } .strength_meter_empty { background-position: -5px -5px; } .strength_meter_0 { background-position: -5px -25px; } .strength_meter_1 { background-position: -5px -45px; } .strength_meter_2 { background-position: -5px -65px; } .strength_meter_3 { background-position: -5px -85px; } .strength_meter_4 { background-position: -5px -105px; } .strength_meter_level { float: left; } .strength-fail .strength_meter_level { color: #900; } .strength-pass .strength_meter_level { color: #090; } #search-results { float: left; } .issue_popover_widget { padding: 1px 0 0; float: left; } [class*='password_req_'] { width: 20px; height: 20px; float: left; } .password_req_false { background: url(/components/unicon/assets/svg-output/close_light.svg) no-repeat center left; background-size: 16px; } .password_req_true { background: url(/components/unicon/assets/svg-output/check_light.svg) no-repeat center left; background-size: 16px; } @media only screen and (max-width: 768px) { #reset_password_modal_mask, #reset_pin_modal_mask { position: fixed; width: 100%; height: 100%; overflow-x: hidden; } #reset_password_modal_mask .modal-dialog .ui-dialog, #reset_password_modal_mask .modal-dialog table.popwin_bg, #reset_pin_modal_mask .modal-dialog .ui-dialog, #reset_pin_modal_mask .modal-dialog table.popwin_bg { max-width: 100vw; position: absolute; height: 100vh !important; } #reset_password_modal_mask .modal-dialog .ui-dialog form, #reset_password_modal_mask .modal-dialog table.popwin_bg form, #reset_pin_modal_mask .modal-dialog .ui-dialog form, #reset_pin_modal_mask .modal-dialog table.popwin_bg form { width: 100%; } #reset_password_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form, #reset_password_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form, #reset_pin_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form, #reset_pin_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form { height: 100%; } #reset_password_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd, #reset_password_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd, #reset_pin_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd, #reset_pin_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd { height: 100%; padding: 0 0 71px 0; } #reset_password_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .form-blurb, #reset_password_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .form-blurb, #reset_pin_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .form-blurb, #reset_pin_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .form-blurb { padding: 20px 20px 0 20px; } #reset_password_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .fieldgroup, #reset_password_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .fieldgroup, #reset_pin_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .fieldgroup, #reset_pin_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .fieldgroup { border-bottom: none; margin: 0; padding: 15px 20px; } #reset_password_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .twofactor_buttonbar, #reset_password_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .twofactor_buttonbar, #reset_pin_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .twofactor_buttonbar, #reset_pin_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .twofactor_buttonbar { position: fixed; bottom: 0; border-top: 1px solid #ececec; padding: 0 0 20px 0; } #reset_password_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .twofactor_buttonbar #reset_password_submit, #reset_password_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .twofactor_buttonbar #reset_password_submit, #reset_pin_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .twofactor_buttonbar #reset_password_submit, #reset_pin_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .twofactor_buttonbar #reset_password_submit, #reset_password_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .twofactor_buttonbar #pin_reset_submit, #reset_password_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .twofactor_buttonbar #pin_reset_submit, #reset_pin_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .twofactor_buttonbar #pin_reset_submit, #reset_pin_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .twofactor_buttonbar #pin_reset_submit { margin-right: 20px; } #reset_password_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .device_field_container .field-blurb, #reset_password_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .device_field_container .field-blurb, #reset_pin_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .device_field_container .field-blurb, #reset_pin_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .device_field_container .field-blurb { vertical-align: baseline; } } @media only screen and (max-width: 768px) and (orientation: landscape) { #reset_password_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .twofactor_buttonbar, #reset_password_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .twofactor_buttonbar, #reset_pin_modal_mask .modal-dialog .ui-dialog form .twofactor_auth_form .bd .twofactor_buttonbar, #reset_pin_modal_mask .modal-dialog table.popwin_bg form .twofactor_auth_form .bd .twofactor_buttonbar { position: relative; } } #passw_reqs .bd, #pin_reqs .bd { border-bottom-right-radius: 0; border-bottom-left-radius: 0; padding: 20px; } #passw_reqs .bd .twofactor_field_container, #pin_reqs .bd .twofactor_field_container { padding: 0; } #passw_reqs .bd .twofactor_field_container.gutter-right, #pin_reqs .bd .twofactor_field_container.gutter-right { padding: 0 20px 0 0; } #passw_reqs .bd .twofactor_field_container.gutter-left, #pin_reqs .bd .twofactor_field_container.gutter-left { padding: 0 0 0 20px; } #passw_reqs .bd .twofactor_buttonbar, #pin_reqs .bd .twofactor_buttonbar { background-color: #fff; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row-reverse; -moz-flex-direction: row-reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-align-items: flex-end; -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; width: 100%; } .testing { font-size: 50px; } .page-main.module-home .content-container { background: none; border: none; border-radius: 0; } @media only screen and (min-width: 768px) { .page-main .student-dashboard-wrapper #home-left { padding-left: 0; } .page-main .student-dashboard-wrapper #home-right { padding-right: 0; } } .student-dashboard-wrapper { margin-top: 20px; } .student-dashboard-wrapper a { text-decoration: none; } .student-dashboard-wrapper .card { margin-bottom: 10px; } .small-card .student-dashboard-wrapper .card .card-actions { text-align: left; } .student-dashboard-wrapper .profile-body { padding-bottom: 0px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .student-dashboard-wrapper .profile-top { margin: -20px -20px 10px; border-radius: 3px 3px 0 0; position: relative; overflow: hidden; cursor: pointer; } .student-dashboard-wrapper .profile-top:before, .student-dashboard-wrapper .profile-top:after { content: " "; display: table; } .student-dashboard-wrapper .profile-top:after { clear: both; } .student-dashboard-wrapper .profile-top .profile-background { background-size: cover; position: absolute; height: calc(100% + 20px); width: calc(100% + 20px); top: -10px; left: -10px; background: url("/components/valkyrie/images/photo-bg-spring.jpg") no-repeat center center; -webkit-filter: blur(2px); -moz-filter: blur(2px); -ms-filter: blur(2px); -o-filter: blur(2px); filter: blur(2px); } .student-dashboard-wrapper .profile-top .profile-mask { position: absolute; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.4); transition: background 0.33s linear; } .student-dashboard-wrapper .profile-top:hover .profile-mask, .student-dashboard-wrapper .profile-top:focus .profile-mask { background: rgba(74, 87, 118, 0.4); } .student-dashboard-wrapper .profile-top .profile-wrapper { position: relative; z-index: 1; width: 100%; } .student-dashboard-wrapper .profile-top .profile-info, .student-dashboard-wrapper .profile-top .profile-completion { vertical-align: middle; position: relative; } .student-dashboard-wrapper .profile-top .profile-info { padding: 15px 15px 10px; text-align: center; box-sizing: border-box; } .student-dashboard-wrapper .profile-top .profile-info h2 { margin-bottom: 0; } .student-dashboard-wrapper .profile-top .profile-info h3 { color: #333; } .student-dashboard-wrapper .profile-top .profile-completion { width: auto; padding: 0 15px 15px 15px; line-height: 1; text-align: center; } .student-dashboard-wrapper .profile-top .profile-completion span { font-weight: 500; font-size: 14px; } .student-dashboard-wrapper .student-email, .student-dashboard-wrapper .student-resume { margin: 10px 0; } .student-dashboard-wrapper .student-email .icn, .student-dashboard-wrapper .student-resume .icn { margin-right: 10px; font-size: 24px; vertical-align: bottom; color: #949494; } .student-dashboard-wrapper .stats-height { height: 81px; } .student-dashboard-wrapper .stats { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; -ms-justify-content: space-evenly; justify-content: space-evenly; } .student-dashboard-wrapper .stats a { color: #6c6c6c; } .student-dashboard-wrapper .stats > .stat_container { padding: 5px 0; margin: 0 15px; -webkit-flex-basis: 48%; -moz-flex-basis: 48%; -ms-flex-basis: 48%; flex-basis: 48%; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .student-dashboard-wrapper .stats > .stat_container:only-child { text-align: center; } .student-dashboard-wrapper .stats > .stat_container:only-child .stat_num, .student-dashboard-wrapper .stats > .stat_container:only-child .stat_content { display: inline; } .student-dashboard-wrapper .stats .vertical-rule { border-left: 1px solid #ececec; width: 1px; } .student-dashboard-wrapper .stats .stat_num { display: block; font-size: 18px; color: #6c6c6c; padding-bottom: 10px; font-weight: bold; text-align: center; } .student-dashboard-wrapper .stats .stat_content { display: block; font-size: 11px; text-transform: uppercase; color: #6c6c6c; text-align: center; } .student-dashboard-wrapper .stats .stat_period { display: block; font-size: 11px; color: #888; } .student-dashboard-wrapper .stats i { font-size: 18px; color: #f7931f; padding-right: 5px; } .student-dashboard-wrapper .rss-link { float: right; text-decoration: none; font-family: 'unicon'; speak: none; color: #949494; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .student-dashboard-wrapper .rss-link:before { content: "\e9b2"; } .student-dashboard-wrapper #feed-main .feed-item-icon { margin-top: 15px; } .student-dashboard-wrapper #feed-main .feed-item-icon i { font-size: 40px; color: #949494; } .student-dashboard-wrapper #feed-main .feed-item-content { border-bottom: none; overflow-x: auto; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body p { margin-bottom: 10px; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body p img { max-width: 100%; height: auto; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body.feed-announcement-body em { font-weight: 400; font-style: italic; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body.feed-announcement-body ul, .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body.feed-announcement-body ol { padding-left: 15px; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body.feed-announcement-body ul { list-style-type: disc; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body.feed-announcement-body ol { list-style-type: decimal; } .student-dashboard-wrapper #feed-main .feed-item-content .feed-item-body.feed-announcement-body a { font-size: inherit; } .student-dashboard-wrapper #feed-main .feed-more li { text-align: right; padding: 0 15px; display: block; } .student-dashboard-wrapper #feed-main .feed-more li a { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; } .student-dashboard-wrapper #feed-main .feed-more li a:hover, .student-dashboard-wrapper #feed-main .feed-more li a:focus { box-shadow: none; background: none; } .student-dashboard-wrapper #feed-main .feed-more li a.btn { border: 0; } .student-dashboard-wrapper .link-mock-interviews { display: block; padding: 10px 0 10px 36px; background: url('/components/valkyrie/images/impress_icon.png') no-repeat left center; background-size: 28px 30px; } .student-dashboard-wrapper .gettingstarted-card li span { margin-right: 10px; vertical-align: middle; } .student-dashboard-wrapper .gettingstarted-card li span.icn-incomplete_step { font-size: 12px; margin-right: 12px; color: #949494; } .student-dashboard-wrapper .jumpto-card li { padding: 0 15px; } .student-dashboard-wrapper .jumpto-card li a { display: block; padding: 15px 0; margin: 0 auto; } .student-dashboard-wrapper .social-signin { padding-bottom: 10px; } .student-dashboard-wrapper .social-signin .btn { width: 100%; } .student-dashboard-wrapper .sponsors-card #sponsor_rotation { min-height: 153px; max-width: 240px; margin: auto; } .student-dashboard-wrapper .sponsors-card #sponsor_rotation a { height: 105px; width: 100%; text-align: center; margin-bottom: 10px; } .student-dashboard-wrapper .sponsors-card #sponsor_rotation img { max-width: 100%; max-height: 100%; display: inline-block; vertical-align: middle; } .student-dashboard-wrapper .sponsors-card #sponsor_rotation .caption { text-align: center; word-break: break-word; height: 44px; overflow: hidden; color: #6c6c6c; } @media only screen and (max-width: 767px) { .student-dashboard-wrapper .sponsors-card #sponsor_rotation .caption { height: 36px; } } .student-dashboard-wrapper .sponsors-card .actions { display: none; } .student-dashboard-wrapper #home-right .card h2 { margin-bottom: 20px; } .student-dashboard-wrapper #fp-portfolio > a, .student-dashboard-wrapper #fp-comment > a { display: block; padding: 10px 0 10px 36px; vertical-align: middle; line-height: 1; } .student-dashboard-wrapper #fp-portfolio > a:before, .student-dashboard-wrapper #fp-comment > a:before { position: relative; display: inline-block; width: 36px; margin-left: -36px; vertical-align: middle; } .student-dashboard-wrapper #fp-portfolio { margin: 0; padding: 0; border: none; } .student-dashboard-wrapper #fp-portfolio a:before { font-family: 'unicon'; speak: none; color: #949494; font-size: 28px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e92c"; } .student-dashboard-wrapper #fp-comment > a:before { font-family: 'unicon'; speak: none; color: #949494; font-size: 28px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e96d"; } .student-dashboard-wrapper .list-item-secondary { float: right; font-size: 0.8em; color: #aaa; } @media only screen and (min-width: 768px) { .student-dashboard-wrapper #home-left { padding-right: 5px; } .student-dashboard-wrapper #home-right { padding-left: 5px; } } .student-dashboard-wrapper #home-right li, .student-dashboard-wrapper #home-right .iou { margin: 15px 0; } .student-dashboard-wrapper #home-right li a:not(.btn), .student-dashboard-wrapper #home-right .iou a:not(.btn) { color: #6c6c6c; line-height: 22px; font-size: 14px; } .student-dashboard-wrapper #home-right li a:not(.btn):hover, .student-dashboard-wrapper #home-right .iou a:not(.btn):hover, .student-dashboard-wrapper #home-right li a:not(.btn):focus, .student-dashboard-wrapper #home-right .iou a:not(.btn):focus { text-decoration: underline; } .student-dashboard-wrapper #home-right li .event-date, .student-dashboard-wrapper #home-right .iou .event-date { font-size: 12px; color: #949494; } .student-dashboard-wrapper #home-right li { margin: 0 0 15px; } .student-dashboard-wrapper #home-right li:only-child, .student-dashboard-wrapper #home-right li:last-child { margin: 0; } .student-dashboard-wrapper .offline-chat-link, .student-dashboard-wrapper .online-chat-link { display: block; padding: 8px 0 8px 40px; } .student-dashboard-wrapper .offline-chat-link:before, .student-dashboard-wrapper .online-chat-link:before { font-family: 'unicon'; speak: none; color: inherit; font-size: 32px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e919"; } .student-dashboard-wrapper .offline-chat-link:before, .student-dashboard-wrapper .online-chat-link:before { display: inline-block; margin-left: -40px; width: 40px; vertical-align: middle; } .student-dashboard-wrapper .offline-chat-link { color: #949494; } .profile-card-action { text-align: center; border-top: 1px solid #ececec; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 10px; margin-top: 10px; } .career-interests .card-header { margin: 5px 0; display: initial; text-align: center; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .career-interests .card-header .body-small { color: #6c6c6c; } .career-interests .career-container { position: relative; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .career-interests .career-main { position: relative; -webkit-flex-grow: 1; -moz-flex-grow: 1; -ms-flex-grow: 1; flex-grow: 1; height: 348px; } .career-interests .career-main .career-inner-content { overflow: auto; height: 280px; margin: 0 -20px; padding: 0 20px; } .career-interests .career-main .card-content { position: relative; margin-top: 30px; } .career-interests .career-main .card-content .multi-select-inline { width: 100%; } .career-interests .career-main .card-content .multi-select-inline ul { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-content: flex-start; -moz-align-content: flex-start; -ms-align-content: flex-start; align-content: flex-start; } .career-interests .career-main .card-content .multi-select-inline ul li { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; padding: 10px 0; } .career-interests .career-main .card-content .multi-select-inline ul li input { height: 20px; width: 20px; margin-right: 10px; -webkit-flex: 0 0 auto; -moz-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } .career-interests .career-main .card-content .multi-select-inline ul li label { padding-right: 20px; } .career-interests .career-main .single-col .card-content { max-width: 400px; margin: 30px auto 0 auto; } .career-interests .career-main .single-col .card-content .multi-select-inline ul li { -webkit-flex-basis: 400px; -moz-flex-basis: 400px; -ms-flex-basis: 400px; flex-basis: 400px; } .career-interests .career-main .multi-col .card-content { max-width: 450px; margin: 30px auto 0 auto; } .career-interests .career-main .multi-col .card-content .multi-select-inline ul li { -webkit-flex-basis: 215px; -moz-flex-basis: 215px; -ms-flex-basis: 215px; flex-basis: 215px; } .career-interests .career-main .career-actions { margin: 0 -20px; padding: 0 20px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .career-interests .career-main .career-actions button { position: relative; min-width: auto; text-transform: none; font-size: 13px; line-height: normal; border: 0; z-index: 3; } .career-interests .career-info .media-center { height: 100%; } .career-interests .career-info .card-content { color: #6c6c6c; margin: 0 0 30px; padding: 0; text-align: center; -webkit-align-self: stretch; -moz-align-self: stretch; -ms-align-self: stretch; align-self: stretch; } @media only screen and (min-width: 768px) { .career-interests .career-info .card-content { padding: 0 60px; } } .career-interests .career-info .card-actions { margin-bottom: 10px; text-align: center; } .career-interests .career-info .img-container { margin-bottom: 20px; margin-top: 5px; height: 104px; } .career-interests .card-content multi-select { width: 100%; } .career-interests .location-widget { -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; width: 100%; } .career-interests .location-widget input[type="search"] { width: 100% !important; } .career-interests .location-widget .ui-select-matches { margin-top: 15px; } .career-interests .location-widget .ui-select-choices { z-index: 100; } .career-interests .career-search input[type="search"], .career-interests .location-widget input[type="search"] { border-width: 1px; border-style: solid; border-color: #ececec; border-radius: 3px; padding: 10px 10px 10px 40px; width: 100%; height: auto; box-sizing: border-box; background-image: url(/components/unicon/assets/svg-output/search_light.svg); background-repeat: no-repeat; background-position: 10px center; } .career-interests .location-widget .ui-select-container { border: 0; padding: 0; } .career-interests .career-sidebar .career-steps .bullet-title.current, .career-interests .career-sidebar .career-steps .bullet-title.current.completed { color: #001a57; } .career-interests .career-sidebar .career-steps .bullet-title.completed { color: #297848; } .career-interests .career-sidebar .career-steps .bullet { display: inline-block; height: 13px; width: 13px; background: #ececec; border-radius: 10px; margin-right: 10px; } .career-interests .career-sidebar .career-steps .bullet.current, .career-interests .career-sidebar .career-steps .bullet.current.completed { background: #001a57; opacity: 0.8; } .career-interests .career-sidebar .career-steps .bullet.completed { background: #44c274; } .career-interests .career-sidebar .career-steps .vertical-rule { height: 16px; border-left: 1px solid #ececec; margin: 2px 0 2px 6px; display: block; } @media only screen and (min-width: 768px) { .career-interests .career-sidebar { padding: 20px; background: #f6f6f6; -webkit-flex: 0 0 168px; -moz-flex: 0 0 168px; -ms-flex: 0 0 168px; flex: 0 0 168px; } .career-interests .career-sidebar .career-steps { padding-top: 10px; } .career-interests .career-sidebar .career-steps p { margin: 0; color: #6c6c6c; } .career-interests .career-sidebar .career-steps span { vertical-align: middle; } } @media only screen and (max-width: 767px) { .career-interests .career-sidebar { position: absolute; bottom: 0; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; width: 100%; height: 48px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; z-index: 2; } .career-interests .career-sidebar p { display: none; } .career-interests .career-sidebar .career-steps { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; } .career-interests .career-sidebar .career-steps .bullet { height: 10px; width: 10px; } .career-interests .career-sidebar .career-steps .bullet-title { display: none; } .career-interests .career-sidebar .career-steps .vertical-rule { display: none; } } .si_buttons a { margin: 0; } .si_letters { margin: 0 -20px; } .si_letters li { border-bottom: 1px solid #ececec; padding: 20px; } .si_letters li:first-child, .si_letters li:only-child { border-top: 1px solid #ececec; } .si_letters li:last-child, .si_letters li:only-child { margin: 0; } .letters-content { display: inline-block; vertical-align: top; padding: 8px 0 0 80px; } .letters-content p { margin: 0; font-size: 14px; line-height: 22px; } .letters-content a { font-size: 18px; line-height: 24px; } .letters-icon { position: absolute; display: inline-block; vertical-align: top; height: 60px; width: 60px; background: #ececec; text-align: center; border-radius: 5px; font-family: 'unicon'; speak: none; color: #949494; font-size: 24px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .letters-icon:before { content: "\e935"; } .letters-icon:before { position: relative; top: 19px; } .card-title { position: relative; } .card-title a { position: absolute; top: 0; right: 0; padding: 0; line-height: 28px; color: #333; } .card-title a:hover, .card-title a:focus { color: #001a57; } .card-title p { font-size: 14px; line-height: 22px; } #announcement-full { padding: 0 20px 20px 20px; } .announcement-header { font-size: 18px; line-height: 24px; display: block; margin-top: 30px; color: #333; } .announcement-date { font-size: 13px; line-height: 20px; color: #6c6c6c; } .announcement-content { margin-top: 20px; } .announcement-content img { max-width: 100%; max-height: 100%; margin-bottom: 10px; } .announcement-content .announcement-text { padding-top: 10px; font-size: 14px; line-height: 24px; color: #333; margin-bottom: 20px; } .announcement-more { color: #001a57; font-size: 14px; line-height: 22px; } .appointment-items { margin-bottom: 20px; font-size: 13px; line-height: 125%; } .appointment-items .appointment-item .appointment-title, .appointment-items .appointment-item .appointment-date, .appointment-items .appointment-item .appointment-contact, .appointment-items .appointment-item .appointment-desc { margin-bottom: 5px; } .appointment-items .appointment-item .appointment-title { font-weight: 600; } .appointment-items .appointment-item .appointment-contact a { text-decoration: underline; } .appointment-items .appointment-item .appointment-desc { color: #6c6c6c; } .appointment-items .appointment-item .badge-small { margin-left: 0; } .appointment-actions a:first-child { margin-right: 10px; } /* Pages */ .error-page .mainbody { text-align: center; padding: 20px; } .error-page .illustration { margin-bottom: 20px; background: url(/components/valkyrie/images/404desktop.svg) no-repeat center center; height: 229px; overflow: hidden; } .error-page .sorry { font-size: 20px; color: #949494; } .error-page .orbit { font-size: 14px; } .error-page .support { font-size: 12px; } .error-page .support a { text-decoration: none; } .error-page .buttonbar { margin: 20px 0 48px; } .error-page .buttonbar input:first-child { margin-right: 15px; } html { background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; } .login-page { height: 100%; } .login-page .yui-skin-sam.modal { background: none; } @media only screen and (max-width: 767px) { .login-page .content-container { margin-left: 0; margin-right: 0; } } .login-page body { position: relative; min-height: 100%; margin: 0; background-color: transparent; } .login-page .tabs { margin-bottom: 20px; text-align: center; border-bottom: 1px solid #ccc; } .login-page .content-container-inner form { background: none; } .login-page .login-wrapper { position: relative; max-width: 500px; margin: 0 auto; background: #fff; border: 1px solid #ececec; border-radius: 5px; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; } @media print { .login-page .login-wrapper { border: 1px solid #ccc; box-shadow: none; } } .login-page .login-main.has-reg { max-width: 850px; } .login-page .login-main.no-reg .signin { width: 100%; } .login-page .login-header { border-radius: 3px 3px 0 0; } .login-page .login-header #page-brand { background: #08f; padding: 0 10px 0 10px; border-radius: 3px 3px 0 0; } .login-page .login-header #page-brand:before, .login-page .login-header #page-brand:after { content: " "; display: table; } .login-page .login-header #page-brand:after { clear: both; } .login-page .login-header #page-brand .nav-brand { float: left; height: 88px; width: 168px; } .login-page .login-header #page-brand .nav-brand div { height: 100%; width: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; } .login-page .login-header #page-brand .login-actions { float: right; text-align: right; width: 42px; position: relative; padding: 28px 0; } .login-page .login-header #page-brand .login-actions .actions-toggle-wrapper { position: absolute; height: 40px; width: 40px; } .login-page .login-header #page-brand .login-actions .actions-toggle-wrapper .actions-toggle { font-family: 'unicon'; speak: none; color: #fff; font-size: 32px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: inherit; line-height: 26px; color: rgba(255, 255, 255, 0.95); } .login-page .login-header #page-brand .login-actions .actions-toggle-wrapper .actions-toggle:before { content: "\e967"; } .login-page .page-utils { padding: 0; } .login-page .page-utils .back-links { text-align: right; } .login-page .page-utils .back-links .col { padding-right: 15px; } .login-page .page-utils .hidden-tools { left: 0; right: 0; padding: 0 15px; } .login-page .login-sso-button-wrapper { margin-top: 40px; } .login-page .login-form { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; width: 100%; } @media only screen and (max-width: 991px) { .login-page .login-form { display: block; } } .login-page .login-form .signin, .login-page .login-form .reg { width: 50%; padding: 20px 20px 30px; min-height: 320px; } @media only screen and (max-width: 991px) { .login-page .login-form .signin, .login-page .login-form .reg { display: block; width: 100%; } } .login-page .page-title, .login-page #errors_container { text-align: center; } .login-page .tip, .login-page .eventlog-msg { margin: 0 20px; } .login-page .page-title-wrapper { margin: 0; padding: 0; } .login-page .page-title-wrapper .page-title { margin: 15px 0; font-size: 24px; line-height: 32px; font-weight: 300; } .login-page .page-title-wrapper .hint { margin-left: 20px; margin-right: 20px; } .login-page .page-main { min-height: 300px; padding: 0; border-radius: 0 0 3px 3px; } .login-page .content-container { background: none; box-shadow: none; border: none; } .login-page .content-container nav { background: none; border: none; } .login-page .page-blurb { text-align: center; font-weight: 500; } .login-page .form { padding: 0; } .login-page .fieldgroup { padding-top: 10px; padding-bottom: 0; border-bottom: none; } .login-page .field { margin-bottom: 15px; } .login-page .captcha .input-captcha { max-width: 100%; border-width: 1px; border-style: solid; border-radius: 2px; border-color: #ccc; padding: 3px 10px; width: 100%; color: #6c6c6c; font-weight: normal; font-size: 14px; line-height: 22px; max-width: 500px; min-height: 40px; transition: all 0.2s ease-in-out; } .login-page .captcha .input-captcha:focus, .login-page .captcha .input-captcha:hover { border-color: #6c6c6c; transition: all 0.2s ease-in-out; } .login-page .captcha .input-captcha:disabled { border-color: #ccc; background-color: #ececec; } .login-page .social-login { margin: 0 -10px; text-align: center; } @media only screen and (max-width: 767px) { .login-page .social-login a { display: block; } .login-page .social-login a:nth-child(n+2) { margin-top: 10px; } } .login-page .social-login .social-divider { margin: 10px -10px 20px -10px; text-transform: uppercase; border-bottom: 1px solid #ececec; } .login-page .social-login .social-divider span { position: relative; top: 11px; height: 12px; width: 12px; padding: 4px; border-radius: 50%; background: #fff; color: #949494; } .login-page .buttonbar { margin-top: 10px; text-align: center; } .login-page .buttonbar .input-submit { width: 100%; font-weight: 400; } .login-page .reg { padding: 0 !important; position: relative; } .login-page .reg .reg-wrapper { position: relative; display: inline-block; width: 100%; height: 490px; padding: 20px; border-bottom-right-radius: 2px; } @media only screen and (max-width: 991px) { .login-page .reg .reg-wrapper { height: 320px; } } .login-page .reg .reg-bg, .login-page .reg .reg-mask { position: absolute; top: 0; bottom: 0; left: 0; right: 0; } .login-page .reg .reg-bg { background-repeat: no-repeat; background-position: center center; background-size: cover; } .login-page .reg .reg-mask { background: rgba(0, 0, 0, 0.3); } .login-page .reg .reg-content { position: relative; color: #fff; } .login-page .reg .page-blurb { font-weight: 500; font-size: 18px; line-height: 24px; } .login-page .field .field-label { display: inline-block; } .login-page .field .checkboxgroup_default { position: relative; } .login-page .field .checkboxgroup_default input[type="checkbox"], .login-page .field .checkboxgroup_default input[type="radio"] { position: relative; top: 3px; } .login-page .field .checkboxgroup_default input[type="checkbox"] + label, .login-page .field .checkboxgroup_default input[type="radio"] + label { display: inline; } .login-page #pwforgot_form, .login-page #student_register_form, .login-page #faculty_register_form, .login-page #faculty_register_success, .login-page #emp_reg_form, .login-page #job_form, .login-page .register_message, .login-page #faculty_registration_password_form, .login-page #student_pronet_register_form, .login-page #faculty_pronet_register_form, .login-page #employer_pronet_registration { margin: 20px; background: none; } #sso_signin_form { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; text-align: center; padding: 40px; height: 500px; } #sso_signin_form .sso_signin { min-width: 320px; max-width: 400px; } @media only screen and (max-width: 767px) { #sso_signin_form .sso_signin { width: 100%; } } .is-sso-signin footer { padding: 30px; } .is-sso-signin footer .footer-text-wrapper { display: none; } .is-sso-signin footer .page-footer { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .public-page .form { background: #fff; border-radius: 5px; } .public-page #frame { margin-left: 0; } .public-page #frame .page-top { margin-left: 0; background-color: #08f; } .public-page .public-actions { text-align: right; width: 42px; position: relative; } .public-page .public-actions .actions-toggle-wrapper { position: absolute; height: 40px; width: 40px; } .public-page .public-actions .actions-toggle-wrapper .actions-toggle { font-family: 'unicon'; speak: none; color: #fff; font-size: 32px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; margin: 9px; padding: 0; position: relative; top: -10px; right: 9px; } .public-page .public-actions .actions-toggle-wrapper .actions-toggle:before { content: "\e967"; } .public-page .page-top-wrapper { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .public-page .page-top-wrapper, .public-page .page-footer-wrapper, .public-page .page-title-wrapper, .public-page .page-main { width: 992px; margin: 0 auto; } @media only screen and (max-width: 991px) { .public-page .page-top-wrapper, .public-page .page-footer-wrapper, .public-page .page-title-wrapper, .public-page .page-main { width: 100%; } } .public-page.page-advocate #frame .page-top { background-color: #001a57; } .public-page.page-advocate #frame .page-top #page-brand, .public-page.page-advocate #frame .page-top #page-brand .nav-brand { background-color: #001a57; } .public-page.page-advocate #frame .page-title-wrapper { padding-top: 20px; } .public-page.page-advocate #frame .page-main .alert:only-child { margin: 20px 15px; } .public-page.page-advocate #frame .page-footer { height: 88px; background-color: #fff; } .public-page.page-advocate #frame .page-footer #page-brand, .public-page.page-advocate #frame .page-footer #page-footer-brand { background: #fff; transition: all 0.33s ease-out; max-width: 163px; min-width: 163px; } @media only screen and (min-width: 1200px) { .public-page.page-advocate #frame .page-footer #page-brand, .public-page.page-advocate #frame .page-footer #page-footer-brand { width: 200px; max-width: 200px; } } .public-page.page-advocate #frame .page-footer #page-brand a, .public-page.page-advocate #frame .page-footer #page-footer-brand a { display: block; background: #fff; padding: 0 15px; height: 88px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; width: 100%; } .public-page.page-advocate #frame .page-footer #page-brand a div, .public-page.page-advocate #frame .page-footer #page-footer-brand a div { height: 100%; width: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; } html.has_footer .frame-wrapper { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } html.has_footer #frame { min-height: calc(100vh - 88px); width: 100%; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } html.has_footer #frame .page-main { -webkit-flex: 1 0 auto; -moz-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } #picklist { height: 100% !important; overflow: auto !important; } .non-responsive-section .content-container { min-width: 994px; } .non-responsive-alert { display: none; } @media only screen and (max-width: 991px) { .non-responsive-section .non-responsive-alert { display: block; } } @media only screen and (max-device-width: 991px) { .non-responsive-section .non-responsive-alert { display: block; } } /* Modules */ .job-discovery-filters .search_help_icon { top: 50%; right: 15px; font-size: 20px; margin-top: -10px; color: #949494; cursor: pointer; } .job-discovery-filters .search_help_icon:hover, .job-discovery-filters .search_help_icon:focus { text-decoration: none; } .job-discovery-filters button.search_help_icon { border: 0px; background: none; padding: 0; } .job-discovery-filters .help_box_body { font-size: 13px; line-height: 20px; } @media only screen and (max-width: 767px) { .job-discovery-filters .help_box_body { line-height: 16px; } } .job-discovery-filters .help_box_body .help_box_title, .job-discovery-filters .help_box_body .help_box_section { margin-bottom: 15px; } .job-discovery-filters .help_box_body .help_box_label { font-weight: normal; } .ajax_keyword_filter .search_help_icon { left: calc(100% - 335px); top: 7px; width: 24px; height: 24px; font-size: 24px; text-decoration: none; overflow: hidden; color: #949494; margin-left: -10px; } @media only screen and (max-width: 767px) { .ajax_keyword_filter .search_help_icon { left: calc(100% - 31px); } } .ajax_keyword_filter .search_help_icon_colored, .ajax_keyword_filter .job-discovery-filters .search_help_icon:hover, .job-discovery-filters .ajax_keyword_filter .search_help_icon:hover, .ajax_keyword_filter .job-discovery-filters .search_help_icon:focus, .job-discovery-filters .ajax_keyword_filter .search_help_icon:focus, .ajax_keyword_filter .search_help_icon:hover { color: #001a57; } .ajax_keyword_filter .help_box { width: calc(100% - 248px); max-width: 1000px; min-width: 500px; position: absolute; left: 100px; right: auto; top: 50px; z-index: 200; background-color: #f6f6f6; border: 1px solid #6c6c6c; border-radius: 3px; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.14), 0 16px 24px 2px rgba(0, 0, 0, 0.098), 0 6px 30px 5px rgba(0, 0, 0, 0.082); box-sizing: border-box; display: none; } @media only screen and (max-width: 767px) { .ajax_keyword_filter .help_box { min-width: 100%; left: 5px; } } .ajax_keyword_filter .help_box.help_box_showing { display: block; } .ajax_keyword_filter .help_box .help_box_header { background-color: #001a57; color: #fff; padding: 15px; font-size: 14px; } .ajax_keyword_filter .help_box .help_box_header p { margin: 0; } .ajax_keyword_filter .help_box .help_box_close { position: absolute; cursor: pointer; color: #555; top: 0; right: 0; width: 40px; height: 52px; line-height: inherit; text-align: center; margin: 0 15px; overflow: hidden; border: 0; text-decoration: none; background: none; } .ajax_keyword_filter .help_box .help_box_close:hover, .ajax_keyword_filter .help_box .help_box_close:focus { color: #333; text-decoration: none; } .ajax_keyword_filter .help_box .help_box_close:before { color: inherit; font-family: 'unicon'; content: "\e924"; speak: none; font-style: normal; font-size: 16px; font-weight: normal; font-variant: normal; text-transform: none; line-height: 52px; text-indent: 0; position: relative; display: block; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .ajax_keyword_filter .help_box .help_box_body { padding: 20px; font-size: 12px; } .ajax_keyword_filter .help_box .help_box_title { color: #949494; font-size: 14px; width: 95%; } .search_help_icon { display: none; position: absolute; } .help_box_body { padding: 20px; font-size: 12px; } .help_box_body div:not(:last-child) { padding-bottom: 15px; } .help_box_body .help_box_example { display: inline-block; width: 15%; font-weight: 600; } @media screen and (max-width: 767px) { .help_box_body .help_box_example { width: 20%; } } .help_box_body .help_box_label { display: inline-block; width: 80%; margin-left: 15px; vertical-align: top; } @media screen and (max-width: 767px) { .help_box_body .help_box_label { width: 70%; } } .help_box_body .order { font-weight: 600; margin-left: 0; } .job-success [class^="icn-"], .job-success [class*=" icn-"] { font-family: "unicon" !important; } .job-success .notice-success { border-radius: 0; border: none; padding-top: 20px; padding-bottom: 20px; } .job-success .notice-success::before { content: ""; } .job-success .notice-success [class^="icn-"], .job-success .notice-success [class*=" icn-"] { color: #297848; font-size: 20px; vertical-align: middle; } @media only screen and (max-width: 767px) { .job-success .notice-success [class^="icn-"], .job-success .notice-success [class*=" icn-"] { display: none; } } .job-success .job-success-inner { padding: 30px 30px 50px 30px; } .login-page .job-success .job-success-inner { padding: 20px 20px 40px 20px; } @media only screen and (max-width: 767px) { .job-success .job-success-inner { padding: 20px 20px 40px 20px; } } .job-success h2, .job-success p { text-align: center; } .job-success h2 { font-weight: 400; color: #333; } .job-success h2 .job-title { font-weight: 500; } .job-success p { color: #949494; font-size: 16px; } .job-success .job-success-content { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .job-success .os-features { margin-top: 40px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; -webkit-justify-content: space-around; -moz-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; } .job-success .os-features li { text-align: center; color: #333; margin: 0 10px; } .login-page .job-success .os-features li { width: calc(50% - 20px); margin-bottom: 20px; } @media only screen and (max-width: 767px) { .job-success .os-features li { width: calc(50% - 20px); margin-bottom: 20px; } } .job-success .os-features [class^="icn-"], .job-success .os-features [class*=" icn-"] { font-size: 36px; display: block; margin-bottom: 20px; color: #084e6e; } .job-success .os-features [class^="icn-"].icn-documents:before, .job-success .os-features [class*=" icn-"].icn-documents:before { content: "\e92f"; } .login-page .job-success .os-features { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; } @media only screen and (max-width: 767px) { .job-success .os-features { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-order: 2; -moz-order: 2; -ms-order: 2; order: 2; } } .job-success .buttonbar { margin-top: 50px; text-align: center; } .job-success .buttonbar .btn, .job-success .buttonbar .link-cancel { display: inline-block; } .job-success .buttonbar .btn { font-size: 14px; } .login-page .job-success .buttonbar .btn { margin-bottom: 20px; } @media only screen and (max-width: 767px) { .job-success .buttonbar .btn { margin-bottom: 20px; } } .job-success .buttonbar .link-cancel { color: #949494; text-decoration: none; margin-left: 20px; } @media only screen and (max-width: 767px) { .job-success .buttonbar .link-cancel { margin-left: 0; } } .login-page .job-success .buttonbar { margin-top: 20px; } @media only screen and (max-width: 767px) { .job-success .buttonbar { margin-top: 20px; } } #job-success-modal { max-width: 650px; } #job-success-modal .container-close { display: none; } #job-success-modal .hd { background: #fff; padding: 40px 40px 10px 40px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-content: center; -moz-align-content: center; -ms-align-content: center; align-content: center; } #job-success-modal .bd { padding: 15px 40px 30px 40px; } #job-success-modal .bd h2 { font-weight: 400; color: #333; } #job-success-modal .bd p { font-size: 16px; color: #949494; } #job-success-modal .job-success-logo { height: 50px; background-size: 100%; background-repeat: no-repeat; background-position: 0 0; } #job-success-modal .school-logo { width: 50px; } #job-success-modal .os-logo { background-image: url('/components/valkyrie/images/onestop-logo.svg'); width: 190px; } #job-success-modal .logo-divider { margin: 0 15px; height: 50px; width: 1px; background: #949494; } #job-success-modal .buttonbar { margin-top: 30px; } #job-success-modal .buttonbar #post-to-onestop .modal_loading_text { display: none; } #job-success-modal .buttonbar #post-to-onestop.is_loading, #job-success-modal .buttonbar #post-to-onestop.is_loading:hover, #job-success-modal .buttonbar #post-to-onestop.is_loading:active { background: #0038bd; border-color: #00298a; box-shadow: none; cursor: not-allowed; } #job-success-modal .buttonbar #post-to-onestop.is_loading .modal_loading_text, #job-success-modal .buttonbar #post-to-onestop.is_loading:hover .modal_loading_text, #job-success-modal .buttonbar #post-to-onestop.is_loading:active .modal_loading_text { display: inline; } #job-success-modal .buttonbar #post-to-onestop.is_loading .modal_default_text, #job-success-modal .buttonbar #post-to-onestop.is_loading:hover .modal_default_text, #job-success-modal .buttonbar #post-to-onestop.is_loading:active .modal_default_text { display: none; } #job-success-modal .buttonbar #post-to-onestop.is_loading .loader, #job-success-modal .buttonbar #post-to-onestop.is_loading:hover .loader, #job-success-modal .buttonbar #post-to-onestop.is_loading:active .loader { display: inline-block; vertical-align: middle; margin: -4px 8px 0 0; font-size: 10px; position: relative; text-indent: -9999em; border-width: 3px; border-style: solid; border-color: rgba(255, 255, 255, 0.2); border-left-style: solid; border-left-color: #fff; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-animation: loading-spin 1.1s infinite linear; -moz-animation: loading-spin 1.1s infinite linear; -ms-animation: loading-spin 1.1s infinite linear; -o-animation: loading-spin 1.1s infinite linear; animation: loading-spin 1.1s infinite linear; } #job-success-modal .buttonbar #post-to-onestop.is_loading .loader, #job-success-modal .buttonbar #post-to-onestop.is_loading:hover .loader, #job-success-modal .buttonbar #post-to-onestop.is_loading:active .loader, #job-success-modal .buttonbar #post-to-onestop.is_loading .loader::after, #job-success-modal .buttonbar #post-to-onestop.is_loading:hover .loader::after, #job-success-modal .buttonbar #post-to-onestop.is_loading:active .loader::after { border-radius: 50%; width: 20px; height: 20px; } #job-success-modal .buttonbar .btn { display: inline-block; vertical-align: middle; font-size: 14px; } @keyframes loading-spin { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } /* Calendar specific variables */ #calendar-old-wrapper { padding: 15px; box-sizing: border-box; } #calendar-old-wrapper table { width: 100% !important; border: 0; } #calendar-old-wrapper table .timeborder { border-top: 0; background-color: #f6f6f6; background-image: none; border-left: 1px solid #d1deec; border-right: 1px solid #d1deec; border-bottom: 1px dotted #d1deec; color: #369; text-align: center; } #calendar-old-wrapper table .dateback { color: #fff; font-weight: 700; font-size: 12px; border-left: 1px solid #dbe4ed; white-space: nowrap; vertical-align: top; border-top: 0; border-bottom: 0; } #calendar-old-wrapper table .dateback:first-child { background: none; border: 0; } #calendar-old-wrapper table .dateback a.psf { font-size: 12px; font-weight: 700; text-align: center; display: block; color: #fff !important; padding: 5px; background-color: #7b9fc4; } #calendar-old-wrapper table .dateback td { padding: 5px; position: relative; } #calendar-old-wrapper table .weekborder { border-top: 0; border-right: 1px solid #d1deec; padding: 5px; } #calendar-old-wrapper table [type='checkbox'] { font-size: 14px; } #calendar-old-wrapper table table table tr:nth-child(even) td { background-color: #e2eaf2; } #calendar-old-wrapper table table table tr:nth-child(even) td.eventbg_1 { background-color: #fff !important; padding: 5px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } #calendar-old-wrapper table table table tr:nth-child(even) td.eventbg_1 a.psf { margin: -3px; } #calendar-old-wrapper table table table tr:nth-child(even) td.eventbg_1 .V10W { color: #000; padding-left: 2px; } #calendar-old-wrapper table table table td.eventborder { background-color: gray !important; background-image: none !important; border-top-left-radius: 3px; border-top-right-radius: 3px; padding: 5px; } #calendar-old-wrapper table table table td.eventborder b { font-size: 12px; } #calendar-old-wrapper td.navback { background-image: none; } #calendar-old-wrapper td.navback td:nth-child(2) { text-align: center; vertical-align: top; } #calendar-old-wrapper td.eventbg2week_1 { border-right: 0; position: relative; width: 11%; margin-left: 5px; } #calendar-old-wrapper td.eventbg2week_1 table { background: #fff; border: 1px solid #ececec; border-radius: 5px; border: 1px solid gray; background: transparent; margin: 0; position: absolute; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); } @media print { #calendar-old-wrapper td.eventbg2week_1 table { border: 1px solid #ccc; box-shadow: none; } } #calendar-old-wrapper td.eventbg2week_1 table.errors { background-color: #bf3e24; } #calendar-old-wrapper td.eventbg2week_1 table .content { padding: 20px; } #calendar-old-wrapper td.eventbg2week_1 table .content .row { margin-left: -20px; margin-right: -20px; } #calendar-old-wrapper td.eventbg2week_1 table .actions, #calendar-old-wrapper td.eventbg2week_1 table .card-actions { text-align: right; } #calendar-old-wrapper td.eventbg2week_1 table .actions > a:not(.btn), #calendar-old-wrapper td.eventbg2week_1 table .card-actions > a:not(.btn) { color: currentColor; position: relative; display: inline-block; padding: 0 12px; line-height: 30px -2; min-height: 30px; background: 0 0; white-space: nowrap; text-align: center; font-size: 13px; text-decoration: none; cursor: pointer; overflow: hidden; border-radius: 3px; margin: 10px 5px; } #calendar-old-wrapper td.eventbg2week_1 table .actions > a:not(.btn):hover, #calendar-old-wrapper td.eventbg2week_1 table .card-actions > a:not(.btn):hover, #calendar-old-wrapper td.eventbg2week_1 table .actions > a:not(.btn):focus, #calendar-old-wrapper td.eventbg2week_1 table .card-actions > a:not(.btn):focus { box-shadow: none; background: none; } #calendar-old-wrapper td.eventbg2week_1 table .actions > a:not(.btn).btn, #calendar-old-wrapper td.eventbg2week_1 table .card-actions > a:not(.btn).btn { border: 0; } #calendar-old-wrapper td.eventbg2week_1 .eventbg_1 { padding: 3px; } #calendar-old-wrapper .input-submit { color: #fff; background-color: #001a57; background-image: none; border-color: #001a57; margin-top: 15px !important; } #calendar-old-wrapper .input-submit:hover, #calendar-old-wrapper .input-submit:focus, #calendar-old-wrapper .input-submit:active { color: #fff; } #calendar-old-wrapper .input-submit:hover, #calendar-old-wrapper .input-submit:focus { background-color: #00123e; border-color: #00123e; } #calendar-old-wrapper .input-submit:active { background-color: #000b24; border-color: #000b24; } #calendar-old-wrapper .input-submit [class^="icn-"], #calendar-old-wrapper .input-submit [class*=" icn-"] { color: #fff; } .dynamic-calendar-wrapper { padding: 15px; } .dynamic-calendar-wrapper * { box-sizing: content-box; } .dynamic-calendar-wrapper #dynamic-calendar, .dynamic-calendar-wrapper #dhx_cal_minicalendars { direction: ltr; } .dynamic-calendar-wrapper #dynamic-calendar .dhx_cal_navline #jumper, .dynamic-calendar-wrapper #dhx_cal_minicalendars .dhx_cal_navline #jumper { position: relative; top: -3px; } .cal-main, .cal-sidebar, .cal-month, .cal-year { padding: 20px; } @media only screen and (min-width: 415px) { .cal-main, .cal-sidebar, .cal-month, .cal-year { display: block; } } @media only screen and (min-width: 992px) { .cal-main, .cal-sidebar, .cal-month, .cal-year { display: table-cell; } } .H20 { font-size: 12px; } .cal-main .calborder td, .cal-month .calborder td, .cal-year .calborder td { vertical-align: middle; padding: 0; } .cal-main .calborder td.navback, .cal-month .calborder td.navback, .cal-year .calborder td.navback { background-image: none; } .cal-main .calborder td.navback img, .cal-month .calborder td.navback img, .cal-year .calborder td.navback img { display: block; } .cal-main .calborder td.navback #jumper, .cal-month .calborder td.navback #jumper, .cal-year .calborder td.navback #jumper { font-size: 12px; float: left; margin: 10px; width: auto; } @media only screen and (max-width: 992px) { .cal-main .calborder td.navback #jumper, .cal-month .calborder td.navback #jumper, .cal-year .calborder td.navback #jumper { float: none; margin: 0 auto; display: block; } } .cal-main .calborder td.navback:last-of-type table, .cal-month .calborder td.navback:last-of-type table, .cal-year .calborder td.navback:last-of-type table { float: right; margin: 0 5px 0 0; } @media only screen and (max-width: 992px) { .cal-main .calborder td.navback:last-of-type table, .cal-month .calborder td.navback:last-of-type table, .cal-year .calborder td.navback:last-of-type table { float: none; margin: 0 auto 20px auto; } } @media only screen and (max-width: 992px) { .cal-main .calborder td.navback, .cal-month .calborder td.navback, .cal-year .calborder td.navback { width: 100%; display: block; } .cal-main .calborder td.navback .navback, .cal-month .calborder td.navback .navback, .cal-year .calborder td.navback .navback { width: auto; display: inline-block; margin: 8px 0; padding: 0; text-align: center; } .cal-main .calborder td.navback > table, .cal-month .calborder td.navback > table, .cal-year .calborder td.navback > table { text-align: center; } .cal-main .calborder td > img, .cal-month .calborder td > img, .cal-year .calborder td > img { width: 0; } } .cal-main > .calborder > tbody > tr > td > table, .cal-month > .calborder > tbody > tr > td > table, .cal-year > .calborder > tbody > tr > td > table { border-bottom: 1px solid #949494; } .cal-main .calborder { border-collapse: separate; } .cal-sidebar { vertical-align: top; } .cal-sidebar br { display: none; } .cal-sidebar table { width: 100%; margin: 0 0 20px; } .cal-sidebar table:last-of-type { margin: 0; } @media only screen and (min-width: 415px) { .cal-sidebar { padding: 0 20px 20px 20px; } } @media only screen and (min-width: 992px) { .cal-sidebar { padding: 20px 20px 0 0; } } .dateback center, .dateback font { font-size: 12px; } @media only screen and (min-width: 992px) { .cal-month { display: table; width: 100%; } } .cal-month .calborder td.monthreg, .cal-month .calborder td.monthoff, .cal-month .calborder td.monthon { vertical-align: top; } @media only screen and (min-width: 992px) { .cal-year { display: table; width: 100%; } } .cal-year > table { border-bottom: none; } .cal-year table:not(:first-of-type) td[align=left] { width: 33%; display: table-cell; } @media only screen and (max-width: 992px) { .cal-year table:not(:first-of-type) td[align=left] { width: 100%; display: table; margin-bottom: 20px; } .cal-year table:not(:first-of-type) td[align=left]:last-child { margin: 0; } } .cal-year table:not(:first-of-type) td[width="20"] { display: table-cell; } @media only screen and (max-width: 992px) { .cal-year table:not(:first-of-type) td[width="20"] { display: none; } } .cal-year .calborder td { text-align: center; } .cal-year .calborder td.sideback a { text-align: center; display: block; } .cal-year .calborder td.sideback[width="1"] { display: none; } .cal-foot { padding: 20px; } .cal-foot table { border-collapse: separate; display: table; width: 100%; } @media only screen and (min-width: 415px) { .cal-foot { padding-top: 0; } } .page-help { margin-top: 0; } .page-help .page-main, .page-help .page-title-wrapper { max-width: 768px; margin: auto; } @media only screen and (max-width: 767px) { .page-help .page-main, .page-help .page-title-wrapper { max-width: 100%; } } .page-help .list-item { display: block; } .page-help .list-item > p { max-width: 568px; } .page-help .list-item.list_rows { padding-left: 0; padding-right: 0; } .page-help a.edit_help { float: right; } .page-help a.edit_help, .page-help a.edit_help:hover { text-decoration: none; } .meeting-request-hint ol { list-style-type: decimal; } @media only screen and (max-width: 767px) { .meeting-request-hint { text-align: left; } .meeting-request-hint ol { margin-left: 15px; } } #overlay1_c { visibility: hidden; width: 400px; } @media only screen and (max-width: 767px) { #overlay1_c { width: calc(100% - 15px); } } #overlay1_c .bd { height: 400px; overflow-x: hidden; overflow-y: auto; } .meeting-request td { vertical-align: top; } .meeting-request .col { padding: 15px; } .meeting-request .col .form { border: none; padding: 0; } .meeting-request .col.col-4 { float: none; width: 100%; max-width: 500px; padding: 0; margin-bottom: 20px; } .meeting-request .col.col-4:last-child { margin: 0; } .meeting-request .col.col-4 form { border: none; } .meeting-request .col.col-4 br { display: none; } .meeting-request .col.col-4 img[width="1"] { display: none; } .meeting-request .col .formtext br { display: block; } .meeting-request .col .formtext .input-checkbox { vertical-align: middle; margin: 0 5px; } .meeting-request .col .SubHeading { margin: 10px 0 5px 0; } @media only screen and (max-width: 799px) { .meeting-request .col { width: 100%; } } .meeting-request .container { background: #fff; width: 100%; } .meeting-request #spinnerdiv { position: fixed; background: rgba(0, 0, 0, 0.3); height: 100%; width: 100%; top: 0 !important; left: 0 !important; z-index: 1; } .meeting-request .field-last { margin-bottom: 0; } .meeting-request .buttonbar-bottom { margin-top: 0; } .meeting-request #calContainer { float: none; margin-top: 20px; border-radius: 3px; } .meeting-request #calContainer .yui-calendar { width: 100%; } .meeting-request .am-times h4 { margin-bottom: 10px; } .meeting-request .am-times li { padding: 5px 0; } .meeting-request .yui-calcontainer { position: relative; float: left; overflow: hidden; background-color: #f2f2f2; border: 1px solid #ececec; padding: 10px; } .meeting-request .yui-calcontainer iframe { position: absolute; border: 0; margin: 0; padding: 0; z-index: 0; width: 100%; height: 100%; left: 0; top: 0; } .meeting-request .yui-calcontainer iframe.fixedsize { width: 50em; height: 50em; top: -1px; left: -1px; } .meeting-request .yui-calcontainer.multi { padding: 0 5px 0; } .meeting-request .yui-calcontainer.multi .groupcal { z-index: 1; float: left; position: relative; background-color: transparent; border: 0; padding: 10px 5px; margin: 0; } .meeting-request .yui-calcontainer.multi .title { margin: 0 -5px; } .meeting-request .yui-calcontainer.multi .yui-cal-nav { width: 16em; margin-left: -8em; } .meeting-request .yui-calcontainer.withtitle { padding-top: 0; } .meeting-request .yui-calcontainer.withtitle .yui-cal-nav { top: 4.5em; } .meeting-request .yui-calcontainer .title { position: relative; z-index: 1; background: url(/yui/build/assets/skins/sam/sprite.png) repeat-x 0 0; border-bottom: 1px solid #ccc; font-weight: 700; height: auto; padding: 0.4em; margin: 0 -10px 10px -10px; top: 0; left: 0; text-align: left; } .meeting-request .yui-calcontainer .close-icon { position: absolute; z-index: 1; text-indent: -10000em; overflow: hidden; } .meeting-request .yui-calcontainer .yui-calendar { position: relative; border-spacing: 0; border-collapse: collapse; text-align: center; margin: 0; } .meeting-request .yui-calcontainer .yui-calendar .calnavleft { position: absolute; z-index: 1; text-indent: -10000em; overflow: hidden; } .meeting-request .yui-calcontainer .yui-calendar .calnavright { position: absolute; z-index: 1; text-indent: -10000em; overflow: hidden; } .meeting-request .yui-calcontainer .yui-calendar .calheader { position: relative; width: 100%; text-align: center; } .meeting-request .yui-calcontainer .yui-calendar .calbody a:hover { background: inherit; } .meeting-request .yui-calcontainer .yui-calendar .calhead { background: transparent; border: 0; vertical-align: middle; padding: 0; } .meeting-request .yui-calcontainer .yui-calendar .calheader { background: transparent; font-weight: 700; padding: 0 0 0.6em; text-align: center; } .meeting-request .yui-calcontainer .yui-calendar .calheader img { border: 0; } .meeting-request .yui-calcontainer .yui-calendar .calnavleft { background: url(/yui/build/assets/skins/sam/sprite.png) no-repeat 0 -450px; width: 25px; height: 15px; top: 0; bottom: 0; left: -7px; margin-left: 0.4em; cursor: pointer; } .meeting-request .yui-calcontainer .yui-calendar .calnavright { background: url(/yui/build/assets/skins/sam/sprite.png) no-repeat 0 -500px; width: 25px; height: 15px; top: 0; bottom: 0; right: -7px; margin-right: 0.4em; cursor: pointer; } .meeting-request .yui-calcontainer .yui-calendar .calweekdayrow { height: 2em; } .meeting-request .yui-calcontainer .yui-calendar .calweekdayrow th { padding: 0; border: 0; } .meeting-request .yui-calcontainer .yui-calendar .calweekdaycell { text-align: center; width: 2em; } .meeting-request .yui-calcontainer .yui-calendar .calfoot { background-color: #f2f2f2; } .meeting-request .yui-calcontainer .yui-calendar .calrowhead, .meeting-request .yui-calcontainer .yui-calendar .calrowfoot { color: #a6a6a6; font-size: 85%; font-style: normal; font-weight: normal; border: 0; } .meeting-request .yui-calcontainer .yui-calendar .calrowhead { text-align: right; padding: 0 2px 0 0; } .meeting-request .yui-calcontainer .yui-calendar .calrowfoot { text-align: left; padding: 0 0 0 2px; } .meeting-request .yui-calcontainer .yui-calendar td.calcell { border: 1px solid #ccc; background: #fff; padding: 1px; line-height: 40px; text-align: center; white-space: nowrap; } .meeting-request .yui-calcontainer .yui-calendar td.calcell a { display: inline-block; height: 100%; text-decoration: none; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.today { background-color: #001a57; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.today a { background-color: #fff; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.oom { background-color: #ccc; color: #a6a6a6; cursor: default; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.oom a { color: #a6a6a6; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.selected { background-color: #b3d4ff; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.calcellhover { background-color: #001a57; color: #fff; cursor: pointer; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.calcellhover a { background-color: #001a57; color: #fff; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.previous { color: #e0e0e0; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.restricted { text-decoration: line-through; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.highlight1 { background-color: #cf9; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.highlight2 { background-color: #9cf; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.highlight3 { background-color: #fcc; } .meeting-request .yui-calcontainer .yui-calendar td.calcell.highlight4 { background-color: #cf9; } .meeting-request .yui-calcontainer .yui-calendar a.calnav { border: 1px solid #f2f2f2; padding: 0 4px; text-decoration: none; zoom: 1; } .meeting-request .yui-calcontainer .yui-calendar a.calnav:hover { background: url(/yui/build/assets/skins/sam/sprite.png) repeat-x 0 0; border-color: #a0a0a0; cursor: pointer; } .meeting-request .yui-calcontainer .yui-cal-nav-mask { position: absolute; z-index: 2; margin: 0; padding: 0; width: 100%; height: 100%; width: 0; height: 0; left: 0; top: 0; display: none; background-color: #000; opacity: 0.25; filter: alpha(opacity=25); } .meeting-request .yui-calcontainer .yui-cal-nav { position: absolute; z-index: 3; top: 0; display: none; font-size: 100%; border: 1px solid #808080; left: 50%; margin-left: -7em; width: 14em; padding: 0; top: 2.5em; background-color: #f2f2f2; } .meeting-request .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn { display: -moz-inline-box; display: inline-block; border: 1px solid #808080; background: url(/yui/build/assets/skins/sam/sprite.png) repeat-x 0 0; background-color: #ccc; margin: auto 0.15em; } .meeting-request .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default { border: 1px solid #304369; background-color: #426fd9; background: url(/yui/build/assets/skins/sam/sprite.png) repeat-x 0 -1400px; } .meeting-request .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn.yui-default button { color: #fff; } .meeting-request .yui-calcontainer .yui-cal-nav .yui-cal-nav-btn button { display: block; display: inline-block; overflow: visible; border: 0; background-color: transparent; cursor: pointer; padding: 0 8px; font-size: 93%; line-height: 2; line-height: 1.7; min-height: 2em; min-height: auto; } .meeting-request .yui-calcontainer .yui-cal-nav label { display: block; font-weight: 700; } .meeting-request .yui-calcontainer .calclose { background: url(/yui/build/assets/skins/sam/sprite.png) no-repeat 0 -300px; width: 25px; height: 15px; top: 0.4em; right: 0.4em; cursor: pointer; } .meeting-request .yui-calcontainer .yui-cal-nav-y, .meeting-request .yui-calcontainer .yui-cal-nav-m, .meeting-request .yui-calcontainer .yui-cal-nav-b { padding: 5px 10px; } .meeting-request .yui-calcontainer .yui-cal-nav-b { text-align: center; } .meeting-request .yui-calcontainer .yui-cal-nav-e { margin-top: 5px; padding: 5px; background-color: #edf5ff; border-top: 1px solid black; display: none; } .meeting-request .yui-calcontainer .yui-cal-nav-mc { width: 100%; width: auto; } .meeting-request .yui-calcontainer .yui-cal-nav-y input.yui-invalid { background-color: #ffee69; border: 1px solid #000; } .meeting-request .yui-calcontainer .yui-cal-nav-yc { width: 4em; } .meeting-request #apmhiddenframeel { height: 0; width: 0; position: absolute; top: -999em; left: -999em; visibility: hidden; } .toolbar-notifications { position: absolute; top: 30px; right: 0; background-color: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); height: auto; opacity: 1; border-radius: 3px; transition: top 0.33s linear; /* iPhone 4 Portrait */ /* iPhone 5 Portrait */ /* iPhone 6 both */ } @media (max-width: 500px) { .toolbar-notifications { right: 13px; } } @media only screen and (max-width: 415px) { .toolbar-notifications { top: 64px; } } @media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .toolbar-notifications { right: 0px; width: 100%; } .toolbar-notifications md-content { min-width: 100% !important; width: 100% !important; max-height: 304px !important; } } @media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) { .toolbar-notifications { right: 0px; width: 100%; } .toolbar-notifications md-content { min-width: 100% !important; width: 100% !important; } } @media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) { .toolbar-notifications { right: 13px; width: 350px !important; } .toolbar-notifications md-content { min-width: 350px !important; width: 350px !important; max-height: 347px !important; } } .toolbar-notifications .ng-hide { transition: 0s linear all; } .toolbar-notifications .md-button { text-transform: none; } .toolbar-notifications md-toolbar:not(.md-menu-toolbar), .toolbar-notifications .notifications-toolbar { background-color: #fff; border-radius: 3px; } .toolbar-notifications md-toolbar:not(.md-menu-toolbar) md-icon, .toolbar-notifications .notifications-toolbar md-icon { color: #949494; cursor: pointer; font-size: 16px; height: 20px; width: 22px; } .toolbar-notifications md-toolbar:not(.md-menu-toolbar) h2, .toolbar-notifications .notifications-toolbar h2 { font-size: 14px; font-weight: 500; line-height: 22px; } .toolbar-notifications .md-toolbar-tools { padding: 0 20px; } .toolbar-notifications .settings { font-size: 20px; line-height: 22px; color: #949494; } .toolbar-notifications .settings:hover, .toolbar-notifications .settings:focus { text-decoration: none; color: #6c6c6c; } .toolbar-notifications md-content, .toolbar-notifications .notifications-content { background-color: #fff; min-width: 350px; width: 350px; height: 100%; max-height: 400px; min-height: 270px; overflow: auto; } .toolbar-notifications .bottom { position: relative; border-top: 1px solid #ececec; padding: 20px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; } .toolbar-notifications .bottom .md-button { color: #6c6c6c; line-height: 22px; padding: 20px; margin: 0; font-weight: 400; } .toolbar-notifications .bottom a.md-button { color: #001a57; } .toolbar-notifications .bottom .notification-gradient { content: " "; position: absolute; width: 100%; height: 20px; top: -20px; right: 0px; background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%); background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.04) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#a6000000',GradientType=0); } .toolbar-notifications .notifications-list-item { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; height: auto; padding: 10px 20px; white-space: normal; text-align: left; border-left: 0; border-right: 0; width: 100%; } .toolbar-notifications md-list-item > md-icon:first-child:not(.md-avatar-icon), .toolbar-notifications md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), .toolbar-notifications .notifications-list-item > i:first-child:not(.md-avatar-icon), .toolbar-notifications .notifications-list-item .md-list-item-inner > i:first-child:not(.md-avatar-icon) { display: inline-block; font-size: 24px; margin: 0 0 14px 0; padding: 8px 8px; border-radius: 50%; background-color: #f6f6f6; } .toolbar-notifications md-list-item:hover .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), .toolbar-notifications .notifications-list-item:hover .md-list-item-inner > i:first-child:not(.md-avatar-icon) { background-color: #fff; } .toolbar-notifications md-list-item, .toolbar-notifications .notifications-list-item { border-bottom: 1px solid #ececec; color: #7e7e7e; background-color: #edf7ff; } .toolbar-notifications md-list-item .md-no-style, .toolbar-notifications .notifications-list-item .md-no-style { padding: 10px 20px; } .toolbar-notifications md-list-item:first-child, .toolbar-notifications .notifications-list-item:first-child { border-top: 1px solid #ececec; } .toolbar-notifications md-list-item:hover, .toolbar-notifications .notifications-list-item:hover { background-color: #f6f6f6; } .toolbar-notifications md-list-item .list-item-content, .toolbar-notifications .notifications-list-item .list-item-content { padding: 0; } .toolbar-notifications md-list-item .list-item-content > .notification-time, .toolbar-notifications .notifications-list-item .list-item-content > .notification-time { color: #6c6c6c; text-transform: lowercase; font-size: 11px; line-height: 14px; padding-top: 5px; } .toolbar-notifications md-list-item img, .toolbar-notifications .notifications-list-item img { height: 40px; width: 40px; line-height: 40px; text-align: center; display: inline-block; border-radius: 40px; } .toolbar-notifications .read { background-color: #fff; cursor: pointer; } .toolbar-notifications .read2 { background-color: #fff; cursor: pointer; } .toolbar-notifications .mark-as-read { color: #949494; padding-right: 8px; cursor: pointer; margin: 0px; } .toolbar-notifications md-list-item > p, .toolbar-notifications .notifications-list-item > p, .toolbar-notifications md-list-item > .md-list-item-inner > p, .toolbar-notifications .notifications-list-item > .md-list-item-inner > p, .toolbar-notifications md-list-item .md-list-item-inner > p, .toolbar-notifications .notifications-list-item .md-list-item-inner > p, .toolbar-notifications md-list-item .md-list-item-inner > .md-list-item-inner > p, .toolbar-notifications .notifications-list-item .md-list-item-inner > .md-list-item-inner > p, .toolbar-notifications md-list-item .list-item-content > p, .toolbar-notifications .notifications-list-item .list-item-content > p { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 0; padding-left: 20px; color: #333; line-height: 22px; } .toolbar-notifications md-list md-list-item button.md-button:not([disabled]):hover, .toolbar-notifications md-list.md-default-theme md-list-item button.md-button:not([disabled]):hover, .toolbar-notifications .notifications-list md-list-item button.md-button:not([disabled]):hover, .toolbar-notifications md-list .notifications-list-item button.md-button:not([disabled]):hover, .toolbar-notifications md-list.md-default-theme .notifications-list-item button.md-button:not([disabled]):hover, .toolbar-notifications .notifications-list .notifications-list-item button.md-button:not([disabled]):hover { background-color: transparent; } .toolbar-notifications a.md-button.md-default-theme:not([disabled]):hover, .toolbar-notifications a.md-button:not([disabled]):hover, .toolbar-notifications .md-button.md-default-theme:not([disabled]):hover, .toolbar-notifications .md-button:not([disabled]):hover { background-color: transparent; } .toolbar-notifications md-list-item.empty-notification, .toolbar-notifications .notifications-list-item.empty-notification { border: 0; display: block; text-align: center; background-color: #fff; } .toolbar-notifications md-list-item.empty-notification img, .toolbar-notifications .notifications-list-item.empty-notification img { width: 120px; height: 120px; margin-top: 30px; border-radius: 0; } .toolbar-notifications md-list-item.empty-notification p, .toolbar-notifications .notifications-list-item.empty-notification p { padding-left: 0; padding-top: 10px; font-weight: 500; } notifications { position: relative; } @media only screen and (max-width: 415px) { notifications { position: static; } } notifications .ng-hide-animate { transition: all 0s linear; } notifications .notifications { position: absolute; top: 18px; left: 18px; border-radius: 17px; height: 17px; font-size: 10px; width: 17px; line-height: 17px; color: #fff; background-color: #ff5722; } @media only screen and (max-width: 767px) { notifications .toolbar-BTN { margin: 0; } } notifications .empty-notification { text-align: center; } .notification-list { margin-left: 16px; margin-right: 16px; } .notification-list .md-button { text-transform: none; } .notification-list md-toolbar.md-default-theme:not(.md-menu-toolbar), .notification-list .notifications-toolbar.md-default-theme:not(.md-menu-toolbar), .notification-list md-toolbar:not(.md-menu-toolbar), .notification-list .notifications-toolbar:not(.md-menu-toolbar) { background-color: #fff; color: rgba(255, 255, 255, 0.87); border-bottom: 1px solid #eee; } .notification-list md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button:not(.md-raised), .notification-list .notifications-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button:not(.md-raised), .notification-list md-toolbar:not(.md-menu-toolbar) .md-button:not(.md-raised), .notification-list .notifications-toolbar:not(.md-menu-toolbar) .md-button:not(.md-raised) { color: rgba(0, 0, 0, 0.57); padding-top: 4px; } .notification-list md-toolbar.md-default-theme:not(.md-menu-toolbar) .md-button:not(.md-raised), .notification-list md-toolbar:not(.md-menu-toolbar) .md-button:not(.md-raised) { color: rgba(0, 0, 0, 0.57); padding-top: 4px; } .notification-list md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, .notification-list md-toolbar:not(.md-menu-toolbar) md-icon { color: rgba(0, 0, 0, 0.57); } .notification-list md-content, .notification-list .notifications-content { padding-bottom: 8px; } .notification-list .settings { margin: 0; padding: 0; width: 35px; min-width: 0px; } .notification-list .bottom { background-color: #fff; padding-bottom: 8px; } .notification-list md-list-item > md-icon:first-child:not(.md-avatar-icon), .notification-list md-list-item .md-list-item-inner > md-icon:first-child:not(.md-avatar-icon), .notification-list .notifications-list-item > i:first-child:not(.md-avatar-icon) { margin-right: 5px !important; padding-left: 3px; } .notification-list md-list-item { border-bottom: 1px solid #ececec; color: #7e7e7e; background-color: #ecebeb; } .notification-list md-list-item img { border-radius: 32px; height: 32px; width: 32px; vertical-align: middle; } .notification-list md-list-item:hover { background-color: rgba(0, 0, 0, 0.02); } .notification-list md-list-item span { color: rgba(0, 0, 0, 0.54); text-transform: lowercase; font-size: 12px; } .notification-list md-list-item:last-child { border-bottom: 0; } .notification-list .read { background-color: #fff; cursor: pointer; } .notification-list .read2 { background-color: #fff; cursor: pointer; } .notification-list .mark-as-read { color: #949494; padding-right: 8px; cursor: pointer; margin: 0px; } .notification-list md-list-item > p, .notification-list md-list-item > .md-list-item-inner > p, .notification-list md-list-item .md-list-item-inner > p, .notification-list md-list-item .md-list-item-inner > .md-list-item-inner > p { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 16px; padding-top: 12px; padding-bottom: 12px; line-height: 19.6px; color: rgba(0, 0, 0, 0.54); } .notification-list md-list.md-default-theme md-list-item button.md-button:not([disabled]):hover, .notification-list md-list md-list-item button.md-button:not([disabled]):hover { background-color: transparent; } .notification-settings { padding-left: 8px; } .notification-settings .settings-row { border-bottom: 1px dotted #b5b5b5; } .notification-settings md-checkbox.md-default-theme.md-checked .md-icon, .notification-settings md-checkbox.md-checked .md-icon { background-color: #08f; } .notification-settings .save { background-color: #08f !important; } .notification-settings .checkboxes { text-align: right; } .notification-icn { font-size: 18px; vertical-align: middle; line-height: 30px; display: block; } .notification-icn:hover { color: rgba(51, 51, 51, 1); } .pw_strength_explanation p:only-child { margin: 0; } .toast { position: fixed; top: 0; left: 0; height: 0; width: 100%; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; z-index: 105; } .toast > .toast_container { position: absolute; top: 79px; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: center; } .toast .toast_wrapper { text-align: left; padding: 10px; margin: 0 10px 10px; border-radius: 5px; background-color: white; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } /* Defaults */ /*** Right-to-left Support ***/ /* Grid */ /* Font Family */ /* Font Size */ /* Font Weight */ /* Text Color + Opacity */ /* Colors */ /*Grays*/ /* Buttons */ /* Layout */ /* Header */ /* Footer */ /* Breakpoints */ /* Screen Size */ /* Icon glyphs */ /* Margins and Padding */ /* Spacing */ /* Nav dimensions & color */ /* Modal */ /* Tab */ /* Cards */ /* Banner Images */ /* Avatar Sizes */ /* Icon */ /* Typography */ .field .field-widget .addbutton .btn, .field .BodyText .addbutton .btn, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear, .datecal-widget .jscal-select, .datecal-widget .jscal-clear, .datecal-widget .jscal-text, .uib-datepicker-popup .uib-button-bar button, .btn, input[type="button"], input[type="submit"], input[type="reset"], .lst-head .batch-opts ul a, .lst-foot .batch-opts ul a, .lst-head .lst-batch > .ListToolMenuLink, .cspList_tophead .batch-opts ul a, .cspList_foot .batch-opts ul a, .modal-dialog .modal-content .modal-body .input-button { display: inline-block; min-height: 30px; min-width: 70px; padding: 0 15px; text-align: center; margin-right: 10px; border-width: 1px; border-style: solid; font-size: 13px; border-radius: 3px; font-weight: 500; text-decoration: none; text-transform: capitalize; cursor: pointer; white-space: nowrap; line-height: 28px; } .field .field-widget .addbutton .btn:hover, .field .BodyText .addbutton .btn:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:hover, .datecal-widget .jscal-select:hover, .datecal-widget .jscal-clear:hover, .datecal-widget .jscal-text:hover, .uib-datepicker-popup .uib-button-bar button:hover, .btn:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .lst-head .batch-opts ul a:hover, .lst-foot .batch-opts ul a:hover, .lst-head .lst-batch > .ListToolMenuLink:hover, .cspList_tophead .batch-opts ul a:hover, .cspList_foot .batch-opts ul a:hover, .modal-dialog .modal-content .modal-body .input-button:hover, .field .field-widget .addbutton .btn:focus, .field .BodyText .addbutton .btn:focus, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall:focus, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall:focus, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:focus, .datecal-widget .jscal-select:focus, .datecal-widget .jscal-clear:focus, .datecal-widget .jscal-text:focus, .uib-datepicker-popup .uib-button-bar button:focus, .btn:focus, input[type="button"]:focus, input[type="submit"]:focus, input[type="reset"]:focus, .lst-head .batch-opts ul a:focus, .lst-foot .batch-opts ul a:focus, .lst-head .lst-batch > .ListToolMenuLink:focus, .cspList_tophead .batch-opts ul a:focus, .cspList_foot .batch-opts ul a:focus, .modal-dialog .modal-content .modal-body .input-button:focus, .field .field-widget .addbutton .btn:active, .field .BodyText .addbutton .btn:active, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall:active, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall:active, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear:active, .datecal-widget .jscal-select:active, .datecal-widget .jscal-clear:active, .datecal-widget .jscal-text:active, .uib-datepicker-popup .uib-button-bar button:active, .btn:active, input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .lst-head .batch-opts ul a:active, .lst-foot .batch-opts ul a:active, .lst-head .lst-batch > .ListToolMenuLink:active, .cspList_tophead .batch-opts ul a:active, .cspList_foot .batch-opts ul a:active, .modal-dialog .modal-content .modal-body .input-button:active { box-shadow: none; text-decoration: none; } .field .field-widget .addbutton .btn.btn_disabled, .field .BodyText .addbutton .btn.btn_disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled, .datecal-widget .jscal-select.btn_disabled, .datecal-widget .jscal-clear.btn_disabled, .datecal-widget .jscal-text.btn_disabled, .uib-datepicker-popup .uib-button-bar button.btn_disabled, .btn.btn_disabled, input[type="button"].btn_disabled, input[type="submit"].btn_disabled, input[type="reset"].btn_disabled, .lst-head .batch-opts ul a.btn_disabled, .lst-foot .batch-opts ul a.btn_disabled, .lst-head .lst-batch > .ListToolMenuLink.btn_disabled, .cspList_tophead .batch-opts ul a.btn_disabled, .cspList_foot .batch-opts ul a.btn_disabled, .modal-dialog .modal-content .modal-body .input-button.btn_disabled, .field .field-widget .addbutton .btn.disabled, .field .BodyText .addbutton .btn.disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled, .datecal-widget .jscal-select.disabled, .datecal-widget .jscal-clear.disabled, .datecal-widget .jscal-text.disabled, .uib-datepicker-popup .uib-button-bar button.disabled, .btn.disabled, input[type="button"].disabled, input[type="submit"].disabled, input[type="reset"].disabled, .lst-head .batch-opts ul a.disabled, .lst-foot .batch-opts ul a.disabled, .lst-head .lst-batch > .ListToolMenuLink.disabled, .cspList_tophead .batch-opts ul a.disabled, .cspList_foot .batch-opts ul a.disabled, .modal-dialog .modal-content .modal-body .input-button.disabled, .field .field-widget .addbutton .btn[disabled], .field .BodyText .addbutton .btn[disabled], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled], .datecal-widget .jscal-select[disabled], .datecal-widget .jscal-clear[disabled], .datecal-widget .jscal-text[disabled], .uib-datepicker-popup .uib-button-bar button[disabled], .btn[disabled], input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled], .lst-head .batch-opts ul a[disabled], .lst-foot .batch-opts ul a[disabled], .lst-head .lst-batch > .ListToolMenuLink[disabled], .cspList_tophead .batch-opts ul a[disabled], .cspList_foot .batch-opts ul a[disabled], .modal-dialog .modal-content .modal-body .input-button[disabled], .field .field-widget .addbutton .btn.btn_disabled:hover, .field .BodyText .addbutton .btn.btn_disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled:hover, .datecal-widget .jscal-select.btn_disabled:hover, .datecal-widget .jscal-clear.btn_disabled:hover, .datecal-widget .jscal-text.btn_disabled:hover, .uib-datepicker-popup .uib-button-bar button.btn_disabled:hover, .btn.btn_disabled:hover, input[type="button"].btn_disabled:hover, input[type="submit"].btn_disabled:hover, input[type="reset"].btn_disabled:hover, .lst-head .batch-opts ul a.btn_disabled:hover, .lst-foot .batch-opts ul a.btn_disabled:hover, .lst-head .lst-batch > .ListToolMenuLink.btn_disabled:hover, .cspList_tophead .batch-opts ul a.btn_disabled:hover, .cspList_foot .batch-opts ul a.btn_disabled:hover, .modal-dialog .modal-content .modal-body .input-button.btn_disabled:hover, .field .field-widget .addbutton .btn.disabled:hover, .field .BodyText .addbutton .btn.disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled:hover, .datecal-widget .jscal-select.disabled:hover, .datecal-widget .jscal-clear.disabled:hover, .datecal-widget .jscal-text.disabled:hover, .uib-datepicker-popup .uib-button-bar button.disabled:hover, .btn.disabled:hover, input[type="button"].disabled:hover, input[type="submit"].disabled:hover, input[type="reset"].disabled:hover, .lst-head .batch-opts ul a.disabled:hover, .lst-foot .batch-opts ul a.disabled:hover, .lst-head .lst-batch > .ListToolMenuLink.disabled:hover, .cspList_tophead .batch-opts ul a.disabled:hover, .cspList_foot .batch-opts ul a.disabled:hover, .modal-dialog .modal-content .modal-body .input-button.disabled:hover, .field .field-widget .addbutton .btn[disabled]:hover, .field .BodyText .addbutton .btn[disabled]:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled]:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled]:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled]:hover, .datecal-widget .jscal-select[disabled]:hover, .datecal-widget .jscal-clear[disabled]:hover, .datecal-widget .jscal-text[disabled]:hover, .uib-datepicker-popup .uib-button-bar button[disabled]:hover, .btn[disabled]:hover, input[type="button"][disabled]:hover, input[type="submit"][disabled]:hover, input[type="reset"][disabled]:hover, .lst-head .batch-opts ul a[disabled]:hover, .lst-foot .batch-opts ul a[disabled]:hover, .lst-head .lst-batch > .ListToolMenuLink[disabled]:hover, .cspList_tophead .batch-opts ul a[disabled]:hover, .cspList_foot .batch-opts ul a[disabled]:hover, .modal-dialog .modal-content .modal-body .input-button[disabled]:hover { border-color: #ccc; background-color: #ececec; cursor: default; } .field .field-widget .addbutton .btn.btn_disabled, .field .BodyText .addbutton .btn.btn_disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled, .datecal-widget .jscal-select.btn_disabled, .datecal-widget .jscal-clear.btn_disabled, .datecal-widget .jscal-text.btn_disabled, .uib-datepicker-popup .uib-button-bar button.btn_disabled, .btn.btn_disabled, input[type="button"].btn_disabled, input[type="submit"].btn_disabled, input[type="reset"].btn_disabled, .lst-head .batch-opts ul a.btn_disabled, .lst-foot .batch-opts ul a.btn_disabled, .lst-head .lst-batch > .ListToolMenuLink.btn_disabled, .cspList_tophead .batch-opts ul a.btn_disabled, .cspList_foot .batch-opts ul a.btn_disabled, .modal-dialog .modal-content .modal-body .input-button.btn_disabled, .field .field-widget .addbutton .btn.disabled, .field .BodyText .addbutton .btn.disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled, .datecal-widget .jscal-select.disabled, .datecal-widget .jscal-clear.disabled, .datecal-widget .jscal-text.disabled, .uib-datepicker-popup .uib-button-bar button.disabled, .btn.disabled, input[type="button"].disabled, input[type="submit"].disabled, input[type="reset"].disabled, .lst-head .batch-opts ul a.disabled, .lst-foot .batch-opts ul a.disabled, .lst-head .lst-batch > .ListToolMenuLink.disabled, .cspList_tophead .batch-opts ul a.disabled, .cspList_foot .batch-opts ul a.disabled, .modal-dialog .modal-content .modal-body .input-button.disabled, .field .field-widget .addbutton .btn[disabled], .field .BodyText .addbutton .btn[disabled], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled], .datecal-widget .jscal-select[disabled], .datecal-widget .jscal-clear[disabled], .datecal-widget .jscal-text[disabled], .uib-datepicker-popup .uib-button-bar button[disabled], .btn[disabled], input[type="button"][disabled], input[type="submit"][disabled], input[type="reset"][disabled], .lst-head .batch-opts ul a[disabled], .lst-foot .batch-opts ul a[disabled], .lst-head .lst-batch > .ListToolMenuLink[disabled], .cspList_tophead .batch-opts ul a[disabled], .cspList_foot .batch-opts ul a[disabled], .modal-dialog .modal-content .modal-body .input-button[disabled], .field .field-widget .addbutton .btn.btn_disabled:hover, .field .BodyText .addbutton .btn.btn_disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled:hover, .datecal-widget .jscal-select.btn_disabled:hover, .datecal-widget .jscal-clear.btn_disabled:hover, .datecal-widget .jscal-text.btn_disabled:hover, .uib-datepicker-popup .uib-button-bar button.btn_disabled:hover, .btn.btn_disabled:hover, input[type="button"].btn_disabled:hover, input[type="submit"].btn_disabled:hover, input[type="reset"].btn_disabled:hover, .lst-head .batch-opts ul a.btn_disabled:hover, .lst-foot .batch-opts ul a.btn_disabled:hover, .lst-head .lst-batch > .ListToolMenuLink.btn_disabled:hover, .cspList_tophead .batch-opts ul a.btn_disabled:hover, .cspList_foot .batch-opts ul a.btn_disabled:hover, .modal-dialog .modal-content .modal-body .input-button.btn_disabled:hover, .field .field-widget .addbutton .btn.disabled:hover, .field .BodyText .addbutton .btn.disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled:hover, .datecal-widget .jscal-select.disabled:hover, .datecal-widget .jscal-clear.disabled:hover, .datecal-widget .jscal-text.disabled:hover, .uib-datepicker-popup .uib-button-bar button.disabled:hover, .btn.disabled:hover, input[type="button"].disabled:hover, input[type="submit"].disabled:hover, input[type="reset"].disabled:hover, .lst-head .batch-opts ul a.disabled:hover, .lst-foot .batch-opts ul a.disabled:hover, .lst-head .lst-batch > .ListToolMenuLink.disabled:hover, .cspList_tophead .batch-opts ul a.disabled:hover, .cspList_foot .batch-opts ul a.disabled:hover, .modal-dialog .modal-content .modal-body .input-button.disabled:hover, .field .field-widget .addbutton .btn[disabled]:hover, .field .BodyText .addbutton .btn[disabled]:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled]:hover, .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled]:hover, .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled]:hover, .datecal-widget .jscal-select[disabled]:hover, .datecal-widget .jscal-clear[disabled]:hover, .datecal-widget .jscal-text[disabled]:hover, .uib-datepicker-popup .uib-button-bar button[disabled]:hover, .btn[disabled]:hover, input[type="button"][disabled]:hover, input[type="submit"][disabled]:hover, input[type="reset"][disabled]:hover, .lst-head .batch-opts ul a[disabled]:hover, .lst-foot .batch-opts ul a[disabled]:hover, .lst-head .lst-batch > .ListToolMenuLink[disabled]:hover, .cspList_tophead .batch-opts ul a[disabled]:hover, .cspList_foot .batch-opts ul a[disabled]:hover, .modal-dialog .modal-content .modal-body .input-button[disabled]:hover, .field .field-widget .addbutton .btn.btn_disabled [class^="icn-"], .field .BodyText .addbutton .btn.btn_disabled [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled [class^="icn-"], .datecal-widget .jscal-select.btn_disabled [class^="icn-"], .datecal-widget .jscal-clear.btn_disabled [class^="icn-"], .datecal-widget .jscal-text.btn_disabled [class^="icn-"], .uib-datepicker-popup .uib-button-bar button.btn_disabled [class^="icn-"], .btn.btn_disabled [class^="icn-"], input[type="button"].btn_disabled [class^="icn-"], input[type="submit"].btn_disabled [class^="icn-"], input[type="reset"].btn_disabled [class^="icn-"], .lst-head .batch-opts ul a.btn_disabled [class^="icn-"], .lst-foot .batch-opts ul a.btn_disabled [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink.btn_disabled [class^="icn-"], .cspList_tophead .batch-opts ul a.btn_disabled [class^="icn-"], .cspList_foot .batch-opts ul a.btn_disabled [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button.btn_disabled [class^="icn-"], .field .field-widget .addbutton .btn.disabled [class^="icn-"], .field .BodyText .addbutton .btn.disabled [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled [class^="icn-"], .datecal-widget .jscal-select.disabled [class^="icn-"], .datecal-widget .jscal-clear.disabled [class^="icn-"], .datecal-widget .jscal-text.disabled [class^="icn-"], .uib-datepicker-popup .uib-button-bar button.disabled [class^="icn-"], .btn.disabled [class^="icn-"], input[type="button"].disabled [class^="icn-"], input[type="submit"].disabled [class^="icn-"], input[type="reset"].disabled [class^="icn-"], .lst-head .batch-opts ul a.disabled [class^="icn-"], .lst-foot .batch-opts ul a.disabled [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink.disabled [class^="icn-"], .cspList_tophead .batch-opts ul a.disabled [class^="icn-"], .cspList_foot .batch-opts ul a.disabled [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button.disabled [class^="icn-"], .field .field-widget .addbutton .btn[disabled] [class^="icn-"], .field .BodyText .addbutton .btn[disabled] [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled] [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled] [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled] [class^="icn-"], .datecal-widget .jscal-select[disabled] [class^="icn-"], .datecal-widget .jscal-clear[disabled] [class^="icn-"], .datecal-widget .jscal-text[disabled] [class^="icn-"], .uib-datepicker-popup .uib-button-bar button[disabled] [class^="icn-"], .btn[disabled] [class^="icn-"], input[type="button"][disabled] [class^="icn-"], input[type="submit"][disabled] [class^="icn-"], input[type="reset"][disabled] [class^="icn-"], .lst-head .batch-opts ul a[disabled] [class^="icn-"], .lst-foot .batch-opts ul a[disabled] [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink[disabled] [class^="icn-"], .cspList_tophead .batch-opts ul a[disabled] [class^="icn-"], .cspList_foot .batch-opts ul a[disabled] [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button[disabled] [class^="icn-"], .field .field-widget .addbutton .btn.btn_disabled:hover [class^="icn-"], .field .BodyText .addbutton .btn.btn_disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled:hover [class^="icn-"], .datecal-widget .jscal-select.btn_disabled:hover [class^="icn-"], .datecal-widget .jscal-clear.btn_disabled:hover [class^="icn-"], .datecal-widget .jscal-text.btn_disabled:hover [class^="icn-"], .uib-datepicker-popup .uib-button-bar button.btn_disabled:hover [class^="icn-"], .btn.btn_disabled:hover [class^="icn-"], input[type="button"].btn_disabled:hover [class^="icn-"], input[type="submit"].btn_disabled:hover [class^="icn-"], input[type="reset"].btn_disabled:hover [class^="icn-"], .lst-head .batch-opts ul a.btn_disabled:hover [class^="icn-"], .lst-foot .batch-opts ul a.btn_disabled:hover [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink.btn_disabled:hover [class^="icn-"], .cspList_tophead .batch-opts ul a.btn_disabled:hover [class^="icn-"], .cspList_foot .batch-opts ul a.btn_disabled:hover [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button.btn_disabled:hover [class^="icn-"], .field .field-widget .addbutton .btn.disabled:hover [class^="icn-"], .field .BodyText .addbutton .btn.disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled:hover [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled:hover [class^="icn-"], .datecal-widget .jscal-select.disabled:hover [class^="icn-"], .datecal-widget .jscal-clear.disabled:hover [class^="icn-"], .datecal-widget .jscal-text.disabled:hover [class^="icn-"], .uib-datepicker-popup .uib-button-bar button.disabled:hover [class^="icn-"], .btn.disabled:hover [class^="icn-"], input[type="button"].disabled:hover [class^="icn-"], input[type="submit"].disabled:hover [class^="icn-"], input[type="reset"].disabled:hover [class^="icn-"], .lst-head .batch-opts ul a.disabled:hover [class^="icn-"], .lst-foot .batch-opts ul a.disabled:hover [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink.disabled:hover [class^="icn-"], .cspList_tophead .batch-opts ul a.disabled:hover [class^="icn-"], .cspList_foot .batch-opts ul a.disabled:hover [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button.disabled:hover [class^="icn-"], .field .field-widget .addbutton .btn[disabled]:hover [class^="icn-"], .field .BodyText .addbutton .btn[disabled]:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled]:hover [class^="icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled]:hover [class^="icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled]:hover [class^="icn-"], .datecal-widget .jscal-select[disabled]:hover [class^="icn-"], .datecal-widget .jscal-clear[disabled]:hover [class^="icn-"], .datecal-widget .jscal-text[disabled]:hover [class^="icn-"], .uib-datepicker-popup .uib-button-bar button[disabled]:hover [class^="icn-"], .btn[disabled]:hover [class^="icn-"], input[type="button"][disabled]:hover [class^="icn-"], input[type="submit"][disabled]:hover [class^="icn-"], input[type="reset"][disabled]:hover [class^="icn-"], .lst-head .batch-opts ul a[disabled]:hover [class^="icn-"], .lst-foot .batch-opts ul a[disabled]:hover [class^="icn-"], .lst-head .lst-batch > .ListToolMenuLink[disabled]:hover [class^="icn-"], .cspList_tophead .batch-opts ul a[disabled]:hover [class^="icn-"], .cspList_foot .batch-opts ul a[disabled]:hover [class^="icn-"], .modal-dialog .modal-content .modal-body .input-button[disabled]:hover [class^="icn-"], .field .field-widget .addbutton .btn.btn_disabled [class*=" icn-"], .field .BodyText .addbutton .btn.btn_disabled [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled [class*=" icn-"], .datecal-widget .jscal-select.btn_disabled [class*=" icn-"], .datecal-widget .jscal-clear.btn_disabled [class*=" icn-"], .datecal-widget .jscal-text.btn_disabled [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button.btn_disabled [class*=" icn-"], .btn.btn_disabled [class*=" icn-"], input[type="button"].btn_disabled [class*=" icn-"], input[type="submit"].btn_disabled [class*=" icn-"], input[type="reset"].btn_disabled [class*=" icn-"], .lst-head .batch-opts ul a.btn_disabled [class*=" icn-"], .lst-foot .batch-opts ul a.btn_disabled [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink.btn_disabled [class*=" icn-"], .cspList_tophead .batch-opts ul a.btn_disabled [class*=" icn-"], .cspList_foot .batch-opts ul a.btn_disabled [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button.btn_disabled [class*=" icn-"], .field .field-widget .addbutton .btn.disabled [class*=" icn-"], .field .BodyText .addbutton .btn.disabled [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled [class*=" icn-"], .datecal-widget .jscal-select.disabled [class*=" icn-"], .datecal-widget .jscal-clear.disabled [class*=" icn-"], .datecal-widget .jscal-text.disabled [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button.disabled [class*=" icn-"], .btn.disabled [class*=" icn-"], input[type="button"].disabled [class*=" icn-"], input[type="submit"].disabled [class*=" icn-"], input[type="reset"].disabled [class*=" icn-"], .lst-head .batch-opts ul a.disabled [class*=" icn-"], .lst-foot .batch-opts ul a.disabled [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink.disabled [class*=" icn-"], .cspList_tophead .batch-opts ul a.disabled [class*=" icn-"], .cspList_foot .batch-opts ul a.disabled [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button.disabled [class*=" icn-"], .field .field-widget .addbutton .btn[disabled] [class*=" icn-"], .field .BodyText .addbutton .btn[disabled] [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled] [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled] [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled] [class*=" icn-"], .datecal-widget .jscal-select[disabled] [class*=" icn-"], .datecal-widget .jscal-clear[disabled] [class*=" icn-"], .datecal-widget .jscal-text[disabled] [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button[disabled] [class*=" icn-"], .btn[disabled] [class*=" icn-"], input[type="button"][disabled] [class*=" icn-"], input[type="submit"][disabled] [class*=" icn-"], input[type="reset"][disabled] [class*=" icn-"], .lst-head .batch-opts ul a[disabled] [class*=" icn-"], .lst-foot .batch-opts ul a[disabled] [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink[disabled] [class*=" icn-"], .cspList_tophead .batch-opts ul a[disabled] [class*=" icn-"], .cspList_foot .batch-opts ul a[disabled] [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button[disabled] [class*=" icn-"], .field .field-widget .addbutton .btn.btn_disabled:hover [class*=" icn-"], .field .BodyText .addbutton .btn.btn_disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.btn_disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.btn_disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.btn_disabled:hover [class*=" icn-"], .datecal-widget .jscal-select.btn_disabled:hover [class*=" icn-"], .datecal-widget .jscal-clear.btn_disabled:hover [class*=" icn-"], .datecal-widget .jscal-text.btn_disabled:hover [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button.btn_disabled:hover [class*=" icn-"], .btn.btn_disabled:hover [class*=" icn-"], input[type="button"].btn_disabled:hover [class*=" icn-"], input[type="submit"].btn_disabled:hover [class*=" icn-"], input[type="reset"].btn_disabled:hover [class*=" icn-"], .lst-head .batch-opts ul a.btn_disabled:hover [class*=" icn-"], .lst-foot .batch-opts ul a.btn_disabled:hover [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink.btn_disabled:hover [class*=" icn-"], .cspList_tophead .batch-opts ul a.btn_disabled:hover [class*=" icn-"], .cspList_foot .batch-opts ul a.btn_disabled:hover [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button.btn_disabled:hover [class*=" icn-"], .field .field-widget .addbutton .btn.disabled:hover [class*=" icn-"], .field .BodyText .addbutton .btn.disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall.disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall.disabled:hover [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear.disabled:hover [class*=" icn-"], .datecal-widget .jscal-select.disabled:hover [class*=" icn-"], .datecal-widget .jscal-clear.disabled:hover [class*=" icn-"], .datecal-widget .jscal-text.disabled:hover [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button.disabled:hover [class*=" icn-"], .btn.disabled:hover [class*=" icn-"], input[type="button"].disabled:hover [class*=" icn-"], input[type="submit"].disabled:hover [class*=" icn-"], input[type="reset"].disabled:hover [class*=" icn-"], .lst-head .batch-opts ul a.disabled:hover [class*=" icn-"], .lst-foot .batch-opts ul a.disabled:hover [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink.disabled:hover [class*=" icn-"], .cspList_tophead .batch-opts ul a.disabled:hover [class*=" icn-"], .cspList_foot .batch-opts ul a.disabled:hover [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button.disabled:hover [class*=" icn-"], .field .field-widget .addbutton .btn[disabled]:hover [class*=" icn-"], .field .BodyText .addbutton .btn[disabled]:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_selectall[disabled]:hover [class*=" icn-"], .field .field-widget .scrollable_container .scrollable_toolbox .scrollable_clearall[disabled]:hover [class*=" icn-"], .field .field-widget .scrollable_container .selection_header .scrollable_container_clear[disabled]:hover [class*=" icn-"], .datecal-widget .jscal-select[disabled]:hover [class*=" icn-"], .datecal-widget .jscal-clear[disabled]:hover [class*=" icn-"], .datecal-widget .jscal-text[disabled]:hover [class*=" icn-"], .uib-datepicker-popup .uib-button-bar button[disabled]:hover [class*=" icn-"], .btn[disabled]:hover [class*=" icn-"], input[type="button"][disabled]:hover [class*=" icn-"], input[type="submit"][disabled]:hover [class*=" icn-"], input[type="reset"][disabled]:hover [class*=" icn-"], .lst-head .batch-opts ul a[disabled]:hover [class*=" icn-"], .lst-foot .batch-opts ul a[disabled]:hover [class*=" icn-"], .lst-head .lst-batch > .ListToolMenuLink[disabled]:hover [class*=" icn-"], .cspList_tophead .batch-opts ul a[disabled]:hover [class*=" icn-"], .cspList_foot .batch-opts ul a[disabled]:hover [class*=" icn-"], .modal-dialog .modal-content .modal-body .input-button[disabled]:hover [class*=" icn-"] { color: #aaa; } .hero-announcement-carousel-wrapper { font-family: 'Roboto', Helvetica, Arial, sans-serif; position: relative; overflow: hidden; margin-bottom: 10px; } .hero-announcement-carousel-wrapper .hero-announcement-carousel, .hero-announcement-carousel-wrapper .flickity-viewport, .hero-announcement-carousel-wrapper .flickity-slider { height: 100%; } .hero-announcement-carousel-wrapper .flickity-page-dots { position: absolute; bottom: 0; text-align: center; width: 100%; height: 50px; } .hero-announcement-carousel-wrapper .flickity-page-dots .dot { display: inline-block; width: 10px; height: 10px; margin-top: 20px; margin-bottom: 20px; margin-right: 10px; background: #fff; border-radius: 50%; opacity: 0.25; cursor: pointer; box-shadow: 0 0 1px #000; } .hero-announcement-carousel-wrapper .flickity-page-dots .dot.is-selected { opacity: 1; } .hero-announcement-carousel-wrapper .flickity-page-dots .dot:last-child { margin-right: 0; } .hero-announcement-carousel-wrapper h3, .hero-announcement-carousel-wrapper .hero-announcement-card-subtitle { max-width: 100%; z-index: 2; } .hero-announcement-carousel-wrapper h3 { font-size: 28px; line-height: 36px; padding: 0 45px; font-weight: 500; } .hero-announcement-carousel-wrapper .hero-announcement-card-subtitle { font-size: 14px; line-height: 22px; padding: 0 45px; font-weight: 500; margin-top: 5px; } .hero-announcement-carousel-wrapper .hero-announcement-card-subtitle .hero-announcement-card-subtitle-text { display: block; } .hero-announcement-carousel-wrapper .hero-announcement-call-to-action { display: inline-block; padding: 0 4px; color: #fff; margin-top: 20px; margin-bottom: 5px; font-size: 13px; line-height: 22px; font-weight: 500; padding: 4px 20px; border-radius: 3px; } @media only screen and (max-width: 414px) { .hero-announcement-carousel-wrapper { height: calc(100vh - 64px); margin-left: -15px; margin-right: -15px; } } @media only screen and (min-width: 415px) { .hero-announcement-carousel-wrapper { height: 315px; } .hero-announcement-carousel-wrapper .hero-announcement-card-subtitle { padding: 0 60px; } } @media only screen and (min-width: 768px) { .hero-announcement-carousel-wrapper .hero-announcement-card-subtitle { padding: 0 117px; } } @media only screen and (min-width: 992px) { .hero-announcement-carousel-wrapper .hero-announcement-card-subtitle { padding: 0 180px; } } .hero-announcement-carousel-slide { height: 100%; width: 100%; color: #fff; text-shadow: 0px 2px 24px rgba(0, 0, 0, 0.5); text-align: center; text-decoration: none; display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; background-size: cover; background-color: #dcdcdc; } .hero-announcement-carousel-slide:hover, .hero-announcement-carousel-slide:focus { color: #fff; text-decoration: none; } .hero-announcement-carousel-slide .hero-announcement-call-to-action { text-shadow: none; } .hero-announcement-carousel-slide.school_diagonal .hero-announcement-call-to-action, .hero-announcement-carousel-slide.school_vertical .hero-announcement-call-to-action, .hero-announcement-carousel-slide.primary_flat .hero-announcement-call-to-action, .hero-announcement-carousel-slide.primary_diagonal .hero-announcement-call-to-action, .hero-announcement-carousel-slide.primary_vertical .hero-announcement-call-to-action { background-color: #b3b3b3; } .hero-announcement-carousel-slide.secondary_diagonal .hero-announcement-call-to-action, .hero-announcement-carousel-slide.secondary_vertical .hero-announcement-call-to-action { background-color: #001a57; } .hero-announcement-carousel-slide.dark_flat .hero-announcement-call-to-action, .hero-announcement-carousel-slide.dark_diagonal .hero-announcement-call-to-action, .hero-announcement-carousel-slide.dark_vertical .hero-announcement-call-to-action, .hero-announcement-carousel-slide.light_flat .hero-announcement-call-to-action, .hero-announcement-carousel-slide.light_diagonal .hero-announcement-call-to-action, .hero-announcement-carousel-slide.light_vertical .hero-announcement-call-to-action { background-color: #001a57; color: #fff; } .hero-announcement-carousel-slide.dark_flat, .hero-announcement-carousel-slide.dark_diagonal, .hero-announcement-carousel-slide.dark_vertical { background-color: #6c6c6c; color: #fff; } .hero-announcement-carousel-slide.light_flat, .hero-announcement-carousel-slide.light_diagonal, .hero-announcement-carousel-slide.light_vertical { color: #535353; text-shadow: 0px 2px 24px rgba(255, 255, 255, 0.5); } .hero-announcement-card-colors { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 1; } .school_diagonal .hero-announcement-card-colors { background: linear-gradient(112deg, #001a57 0%, #b3b3b3 100%); } .school_vertical .hero-announcement-card-colors { background: linear-gradient(0deg, #001a57 0%, #b3b3b3 100%); } .primary_flat .hero-announcement-card-colors { background-color: #001a57; } .primary_diagonal .hero-announcement-card-colors { background: linear-gradient(112deg, rgba(0, 26, 87, 0.52) 0%, #001a57 100%); } .primary_vertical .hero-announcement-card-colors { background: linear-gradient(0deg, #001a57 0%, rgba(0, 26, 87, 0) 100%); } .secondary_diagonal .hero-announcement-card-colors { background: linear-gradient(112deg, rgba(179, 179, 179, 0.52) 0%, #b3b3b3 100%); } .secondary_vertical .hero-announcement-card-colors { background: linear-gradient(0deg, #b3b3b3 0%, rgba(179, 179, 179, 0) 100%); } .light_flat .hero-announcement-card-colors { background-color: #fff; opacity: 0.9; } .light_diagonal .hero-announcement-card-colors { background: linear-gradient(45deg, rgba(255, 255, 255, 0.64) 0%, #fff 100%); } .light_vertical .hero-announcement-card-colors { background: linear-gradient(0deg, rgba(255, 255, 255, 0.64) 5%, #fff 97%); } .dark_flat .hero-announcement-card-colors { background-color: rgba(0, 0, 0, 0.5); } .dark_diagonal .hero-announcement-card-colors { background: linear-gradient(112deg, #6c6c6c 0%, #333 100%); } .dark_vertical .hero-announcement-card-colors { background: linear-gradient(0deg, #333 0%, #6c6c6c 100%); } .use_bg.school_diagonal .hero-announcement-card-colors, .use_bg.school_vertical .hero-announcement-card-colors, .use_bg.primary_flat .hero-announcement-card-colors { opacity: 0.52; } .use_bg.primary_diagonal .hero-announcement-card-colors { background: linear-gradient(112deg, rgba(0, 26, 87, 0.52) 0%, rgba(0, 26, 87, 0.9) 100%); } .use_bg.primary_vertical .hero-announcement-card-colors { background: linear-gradient(0deg, rgba(0, 26, 87, 0.9) 0%, rgba(0, 26, 87, 0.52) 100%); } .use_bg.secondary_diagonal .hero-announcement-card-colors { background: linear-gradient(112deg, rgba(0, 26, 87, 0.52) 0%, rgba(0, 26, 87, 0.9) 100%); } .use_bg.secondary_vertical .hero-announcement-card-colors { background: linear-gradient(0deg, rgba(0, 26, 87, 0.9) 0%, rgba(0, 26, 87, 0.52) 100%); } .use_bg.light_flat .hero-announcement-card-colors { opacity: 0.8; } .use_bg.dark_flat .hero-announcement-card-colors { background-color: rgba(0, 0, 0, 0.52); } .use_bg.dark_diagonal .hero-announcement-card-colors { background: linear-gradient(112deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.6) 100%); } .use_bg.dark_vertical .hero-announcement-card-colors { background: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 100%); } .hero-announcement-carousel-slide, .hero-announcement-card-colors { border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .slideshowPreviewDialog { width: 985px !important; } #slide-preview-dialog { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } #slide-preview-dialog .btn-group-split { -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; margin: 30px 0; } #slide-preview-dialog #preview_frame { height: 325px; } #slide-preview-dialog #preview_frame.desktop_preview { width: 945px; } #slide-preview-dialog #preview_frame.tablet_portrait_preview { width: 778px; } #slide-preview-dialog #preview_frame.phone_landscape_preview { height: 315px; width: 668px; } #slide-preview-dialog #preview_frame.phone_portrait_preview { height: 607px; width: 375px; } .modal .hero-announcement-carousel-wrapper { height: 100vh; margin: 0; } .modal a.hero-announcement-carousel-slide { cursor: default; } .keyword-highlight { font-weight: 700; } #page-search .quicksearch { width: 300px; } #page-search .quicksearch .quicksearch-toggle { display: none; } #page-search .quicksearch form, #page-search .quicksearch .quicksearch-form { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; position: relative; height: 30px; border-radius: 3px; } #page-search .quicksearch form > .icn-search, #page-search .quicksearch .quicksearch-form > .icn-search { position: absolute; left: 10px; } @media only screen and (max-width: 767px) { #page-search .quicksearch .icn, #page-search .quicksearch md-icon.search-back { margin-left: 0px; padding-left: 0px; } } #page-search .quicksearch md-icon.ng-isolate-scope { height: 16px; width: 16px; } @media only screen and (max-width: 767px) { #page-search .quicksearch md-icon.ng-isolate-scope { height: 24px; width: 24px; } } #page-search .quicksearch button.ng-scope, #page-search .quicksearch button.clearBtn { right: 0; position: absolute; } #page-search .quicksearch .avatar { background-color: #ececec; opacity: 1; } @media only screen and (max-width: 767px) { #page-search .quicksearch .avatar { display: inline-block; vertical-align: text-bottom; height: 30px; width: 30px; line-height: 30px; font-size: 16px; color: rgba(51, 51, 51, 0.8); margin-right: 20px; border: 0px; } } #page-search .quicksearch .avatar:hover { color: rgba(51, 51, 51, 1); } #page-search .quicksearch .search-back { display: none; } #page-search .quicksearch md-autocomplete, #page-search .quicksearch .quicksearch-autocomplete { width: 100%; margin-left: 0; height: 30px; } #page-search .quicksearch md-autocomplete input[type="search"], #page-search .quicksearch .quicksearch-autocomplete input[type="search"] { padding-left: 32px; font-size: 14px; max-width: 100%; height: 30px; border-radius: 3px; line-height: 30px; } @media only screen and (max-width: 767px) { #page-search .quicksearch md-autocomplete input[type="search"], #page-search .quicksearch .quicksearch-autocomplete input[type="search"] { padding-left: 15px; background-color: #fff; color: #000; } } #page-search .quicksearch md-autocomplete input[type="search"]::placeholder, #page-search .quicksearch .quicksearch-autocomplete input[type="search"]::placeholder { opacity: 0; } #page-search .quicksearch md-autocomplete input[type="search"]:focus, #page-search .quicksearch .quicksearch-autocomplete input[type="search"]:focus { background-color: #fff; color: #000; } #page-search .quicksearch md-autocomplete.no-text, #page-search .quicksearch .quicksearch-autocomplete.no-text { background-color: rgba(255, 255, 255, 0.3); } #page-search .quicksearch md-autocomplete.text-inside, #page-search .quicksearch .quicksearch-autocomplete.text-inside { background-color: #fff; color: #000; } #page-search .quicksearch md-autocomplete.text-inside:before, #page-search .quicksearch .quicksearch-autocomplete.text-inside:before { color: #6c6c6c; } #page-search .quicksearch md-autocomplete:before, #page-search .quicksearch .quicksearch-autocomplete:before { font-family: 'unicon'; speak: none; color: #fff; font-size: 18px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e980"; position: absolute; padding-left: 10px; margin-right: 4px; margin-top: 6px; margin-bottom: 6px; z-index: 100; opacity: 0.5; } @media only screen and (max-width: 767px) { #page-search .quicksearch md-autocomplete:before, #page-search .quicksearch .quicksearch-autocomplete:before { display: none; } } #page-search .quicksearch md-autocomplete.focused:before, #page-search .quicksearch .quicksearch-autocomplete.focused:before { color: #6c6c6c; z-index: 150; } @media only screen and (max-width: 767px) { #page-search .quicksearch md-autocomplete, #page-search .quicksearch .quicksearch-autocomplete { margin-right: 15px; } } #page-search .quicksearch md-autocomplete md-autocomplete-wrap > md-progress-linear, #page-search .quicksearch .quicksearch-autocomplete md-autocomplete-wrap > md-progress-linear { display: none; } @media only screen and (max-width: 767px) { #page-search .quicksearch .quicksearch-toggle { display: block; cursor: pointer; } #page-search .quicksearch form, #page-search .quicksearch .quicksearch-form { display: none; } } @media only screen and (max-width: 767px) { #page-search .quicksearch.quicksearch-open form, #page-search .quicksearch.quicksearch-open .quicksearch-form { display: "-webkit-flex"; display: "-moz-flex"; display: "-ms-flex"; display: flex; position: absolute; top: 0; left: 0; right: 0; height: 100%; z-index: 1; background-color: #fff; border-radius: 0; } #page-search .quicksearch.quicksearch-open form .search-back, #page-search .quicksearch.quicksearch-open .quicksearch-form .search-back { display: block; z-index: 52; position: relative; cursor: pointer; } #page-search .quicksearch.quicksearch-open form > .icn-search, #page-search .quicksearch.quicksearch-open .quicksearch-form > .icn-search { display: none; } } @media only screen and (min-width: 768px) { #page-search .ng-quicksearch { width: 300px; height: auto !important; } } #page-search .ng-quicksearch .dropdown-menu { width: 500px; padding: 15px 0; } @media only screen and (max-width: 767px) { #page-search .ng-quicksearch .dropdown-menu { width: 90vw; } } #page-search .ng-quicksearch .quicksearch-autocomplete { border-radius: 3px; } #page-search .ng-quicksearch #quicksearch-field { width: 100%; border: 0; box-sizing: border-box; outline: 0; } #page-search .ng-quicksearch #quicksearch-field.no-text { background-color: rgba(255, 255, 255, 0.3); } @media only screen and (max-width: 767px) { #page-search .ng-quicksearch #quicksearch-field { padding-left: 15px; background-color: #fff; color: #000; } } #page-search .ng-quicksearch .search-back { font-size: 24px; color: #6c6c6c; } #page-search .ng-quicksearch .dropdown-item:hover, #page-search .ng-quicksearch .dropdown-item:focus, #page-search .ng-quicksearch .dropdown-item.selected, #page-search .ng-quicksearch .dropdown-item.active { color: initial; } .clearBtn { top: 0; right: 0; position: absolute; width: 30px; height: 30px; border: none; border-radius: 50%; font-size: 12px; background: transparent; margin: auto 5px; } .clearBtn [class^="icn-"], .clearBtn [class*=" icn-"] { position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0) scale(0.9); } .quicksearch-results-container .quicksearch-results li, .ng-quicksearch .quicksearch-results li, .quicksearch-results-container .dropdown-menu li, .ng-quicksearch .dropdown-menu li, .quicksearch-results-container .quicksearch-results .dropdown-item, .ng-quicksearch .quicksearch-results .dropdown-item, .quicksearch-results-container .dropdown-menu .dropdown-item, .ng-quicksearch .dropdown-menu .dropdown-item { height: auto; padding: 0; font-size: 14px; line-height: 22px; cursor: default; } @media only screen and (max-width: 767px) { .quicksearch-results-container .quicksearch-results li, .ng-quicksearch .quicksearch-results li, .quicksearch-results-container .dropdown-menu li, .ng-quicksearch .dropdown-menu li, .quicksearch-results-container .quicksearch-results .dropdown-item, .ng-quicksearch .quicksearch-results .dropdown-item, .quicksearch-results-container .dropdown-menu .dropdown-item, .ng-quicksearch .dropdown-menu .dropdown-item { line-height: 18px; } } .quicksearch-results-container .quicksearch-results li:hover, .ng-quicksearch .quicksearch-results li:hover, .quicksearch-results-container .dropdown-menu li:hover, .ng-quicksearch .dropdown-menu li:hover, .quicksearch-results-container .quicksearch-results .dropdown-item:hover, .ng-quicksearch .quicksearch-results .dropdown-item:hover, .quicksearch-results-container .dropdown-menu .dropdown-item:hover, .ng-quicksearch .dropdown-menu .dropdown-item:hover, .quicksearch-results-container .quicksearch-results li:focus, .ng-quicksearch .quicksearch-results li:focus, .quicksearch-results-container .dropdown-menu li:focus, .ng-quicksearch .dropdown-menu li:focus, .quicksearch-results-container .quicksearch-results .dropdown-item:focus, .ng-quicksearch .quicksearch-results .dropdown-item:focus, .quicksearch-results-container .dropdown-menu .dropdown-item:focus, .ng-quicksearch .dropdown-menu .dropdown-item:focus, .quicksearch-results-container .quicksearch-results li.selected, .ng-quicksearch .quicksearch-results li.selected, .quicksearch-results-container .dropdown-menu li.selected, .ng-quicksearch .dropdown-menu li.selected, .quicksearch-results-container .quicksearch-results .dropdown-item.selected, .ng-quicksearch .quicksearch-results .dropdown-item.selected, .quicksearch-results-container .dropdown-menu .dropdown-item.selected, .ng-quicksearch .dropdown-menu .dropdown-item.selected, .quicksearch-results-container .quicksearch-results li.active, .ng-quicksearch .quicksearch-results li.active, .quicksearch-results-container .dropdown-menu li.active, .ng-quicksearch .dropdown-menu li.active, .quicksearch-results-container .quicksearch-results .dropdown-item.active, .ng-quicksearch .quicksearch-results .dropdown-item.active, .quicksearch-results-container .dropdown-menu .dropdown-item.active, .ng-quicksearch .dropdown-menu .dropdown-item.active { background-color: transparent; } .quicksearch-results-container .quicksearch-results li:hover .item-row:not(.search-more), .ng-quicksearch .quicksearch-results li:hover .item-row:not(.search-more), .quicksearch-results-container .dropdown-menu li:hover .item-row:not(.search-more), .ng-quicksearch .dropdown-menu li:hover .item-row:not(.search-more), .quicksearch-results-container .quicksearch-results .dropdown-item:hover .item-row:not(.search-more), .ng-quicksearch .quicksearch-results .dropdown-item:hover .item-row:not(.search-more), .quicksearch-results-container .dropdown-menu .dropdown-item:hover .item-row:not(.search-more), .ng-quicksearch .dropdown-menu .dropdown-item:hover .item-row:not(.search-more), .quicksearch-results-container .quicksearch-results li:focus .item-row:not(.search-more), .ng-quicksearch .quicksearch-results li:focus .item-row:not(.search-more), .quicksearch-results-container .dropdown-menu li:focus .item-row:not(.search-more), .ng-quicksearch .dropdown-menu li:focus .item-row:not(.search-more), .quicksearch-results-container .quicksearch-results .dropdown-item:focus .item-row:not(.search-more), .ng-quicksearch .quicksearch-results .dropdown-item:focus .item-row:not(.search-more), .quicksearch-results-container .dropdown-menu .dropdown-item:focus .item-row:not(.search-more), .ng-quicksearch .dropdown-menu .dropdown-item:focus .item-row:not(.search-more), .quicksearch-results-container .quicksearch-results li.selected .item-row:not(.search-more), .ng-quicksearch .quicksearch-results li.selected .item-row:not(.search-more), .quicksearch-results-container .dropdown-menu li.selected .item-row:not(.search-more), .ng-quicksearch .dropdown-menu li.selected .item-row:not(.search-more), .quicksearch-results-container .quicksearch-results .dropdown-item.selected .item-row:not(.search-more), .ng-quicksearch .quicksearch-results .dropdown-item.selected .item-row:not(.search-more), .quicksearch-results-container .dropdown-menu .dropdown-item.selected .item-row:not(.search-more), .ng-quicksearch .dropdown-menu .dropdown-item.selected .item-row:not(.search-more), .quicksearch-results-container .quicksearch-results li.active .item-row:not(.search-more), .ng-quicksearch .quicksearch-results li.active .item-row:not(.search-more), .quicksearch-results-container .dropdown-menu li.active .item-row:not(.search-more), .ng-quicksearch .dropdown-menu li.active .item-row:not(.search-more), .quicksearch-results-container .quicksearch-results .dropdown-item.active .item-row:not(.search-more), .ng-quicksearch .quicksearch-results .dropdown-item.active .item-row:not(.search-more), .quicksearch-results-container .dropdown-menu .dropdown-item.active .item-row:not(.search-more), .ng-quicksearch .dropdown-menu .dropdown-item.active .item-row:not(.search-more) { background-color: #f6f6f6; } .quicksearch-results-container .quicksearch-results li:hover .item-icon.monogram, .ng-quicksearch .quicksearch-results li:hover .item-icon.monogram, .quicksearch-results-container .dropdown-menu li:hover .item-icon.monogram, .ng-quicksearch .dropdown-menu li:hover .item-icon.monogram, .quicksearch-results-container .quicksearch-results .dropdown-item:hover .item-icon.monogram, .ng-quicksearch .quicksearch-results .dropdown-item:hover .item-icon.monogram, .quicksearch-results-container .dropdown-menu .dropdown-item:hover .item-icon.monogram, .ng-quicksearch .dropdown-menu .dropdown-item:hover .item-icon.monogram, .quicksearch-results-container .quicksearch-results li:focus .item-icon.monogram, .ng-quicksearch .quicksearch-results li:focus .item-icon.monogram, .quicksearch-results-container .dropdown-menu li:focus .item-icon.monogram, .ng-quicksearch .dropdown-menu li:focus .item-icon.monogram, .quicksearch-results-container .quicksearch-results .dropdown-item:focus .item-icon.monogram, .ng-quicksearch .quicksearch-results .dropdown-item:focus .item-icon.monogram, .quicksearch-results-container .dropdown-menu .dropdown-item:focus .item-icon.monogram, .ng-quicksearch .dropdown-menu .dropdown-item:focus .item-icon.monogram, .quicksearch-results-container .quicksearch-results li.selected .item-icon.monogram, .ng-quicksearch .quicksearch-results li.selected .item-icon.monogram, .quicksearch-results-container .dropdown-menu li.selected .item-icon.monogram, .ng-quicksearch .dropdown-menu li.selected .item-icon.monogram, .quicksearch-results-container .quicksearch-results .dropdown-item.selected .item-icon.monogram, .ng-quicksearch .quicksearch-results .dropdown-item.selected .item-icon.monogram, .quicksearch-results-container .dropdown-menu .dropdown-item.selected .item-icon.monogram, .ng-quicksearch .dropdown-menu .dropdown-item.selected .item-icon.monogram, .quicksearch-results-container .quicksearch-results li.active .item-icon.monogram, .ng-quicksearch .quicksearch-results li.active .item-icon.monogram, .quicksearch-results-container .dropdown-menu li.active .item-icon.monogram, .ng-quicksearch .dropdown-menu li.active .item-icon.monogram, .quicksearch-results-container .quicksearch-results .dropdown-item.active .item-icon.monogram, .ng-quicksearch .quicksearch-results .dropdown-item.active .item-icon.monogram, .quicksearch-results-container .dropdown-menu .dropdown-item.active .item-icon.monogram, .ng-quicksearch .dropdown-menu .dropdown-item.active .item-icon.monogram { background: #fff; } .quicksearch-results-container .quicksearch-results .item-type, .ng-quicksearch .quicksearch-results .item-type, .quicksearch-results-container .dropdown-menu .item-type, .ng-quicksearch .dropdown-menu .item-type, .quicksearch-results-container .quicksearch-results .item-row, .ng-quicksearch .quicksearch-results .item-row, .quicksearch-results-container .dropdown-menu .item-row, .ng-quicksearch .dropdown-menu .item-row { padding: 0 20px; } .quicksearch-results-container .quicksearch-results .item-row, .ng-quicksearch .quicksearch-results .item-row, .quicksearch-results-container .dropdown-menu .item-row, .ng-quicksearch .dropdown-menu .item-row { height: 60px; line-height: 22px; padding: 10px 20px; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; } .quicksearch-results-container .quicksearch-results .item-row.recent-searches, .ng-quicksearch .quicksearch-results .item-row.recent-searches, .quicksearch-results-container .dropdown-menu .item-row.recent-searches, .ng-quicksearch .dropdown-menu .item-row.recent-searches { height: 36px; padding: 0 20px; } .quicksearch-results-container .quicksearch-results .item-row.recent-searches .item-icon, .ng-quicksearch .quicksearch-results .item-row.recent-searches .item-icon, .quicksearch-results-container .dropdown-menu .item-row.recent-searches .item-icon, .ng-quicksearch .dropdown-menu .item-row.recent-searches .item-icon { width: 24px; height: 24px; line-height: 24px; font-size: 18px; margin-right: 5px; color: #6c6c6c; text-align: center; } .quicksearch-results-container .quicksearch-results .item-row.search-more, .ng-quicksearch .quicksearch-results .item-row.search-more, .quicksearch-results-container .dropdown-menu .item-row.search-more, .ng-quicksearch .dropdown-menu .item-row.search-more { height: unset; cursor: pointer; padding-top: 0; padding-bottom: 0; margin-top: 15px; } .quicksearch-results-container .item-type, .ng-quicksearch .item-type { font-weight: 500; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .quicksearch-results-container .item-icon, .ng-quicksearch .item-icon { margin: 0 15px 0 0; } .quicksearch-results-container .item-icon.monogram, .ng-quicksearch .item-icon.monogram { height: 40px; width: 40px; background: #f6f6f6; color: #6c6c6c; border-radius: 50%; text-align: center; font-size: 18px; display: inline-block; flex: 0 0 40px; line-height: 40px; } .quicksearch-results-container .item-icon.avatar, .ng-quicksearch .item-icon.avatar { overflow: hidden; } .quicksearch-results-container .item-icon .result-logo, .ng-quicksearch .item-icon .result-logo { width: 40px; vertical-align: middle; } .quicksearch-results-container .item-info, .ng-quicksearch .item-info { overflow: hidden; } .quicksearch-results-container .item-label, .ng-quicksearch .item-label { margin-bottom: 4px; } .quicksearch-results-container .has-subtype, .ng-quicksearch .has-subtype { line-height: 16px; } .quicksearch-results-container .item-subtype, .ng-quicksearch .item-subtype { font-size: 11px; line-height: 14px; color: #6c6c6c; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%; } .result-keyword { font-weight: 700; } .result-more { padding: 0 16px 16px 120px; } .result-more a { cursor: pointer; } .no-results { padding: 0 24px 24px; } .no-results .md-headline { font-weight: 500; } .no-results ul { margin: -8px 0 24px 0; line-height: 1.6; } .list-wrap { border: none; box-shadow: none; margin: 0; } .result-icon md-icon, .result-icon .monogram { margin: 0 24px; padding: 24px; background: #ececec; color: #edf7ff; border-radius: 2px; } .result-icon .monogram { display: inline-block; box-sizing: content-box; } .result-icon.icon-primary md-icon, .result-icon.icon-primary .monogram { background: #edf7ff; color: #ececec; } .list-row .list-row .result-icon .result-logo { height: 40px; width: 40px; margin-right: 16px; border-radius: 2px; } .list-row .list-row .result-icon md-icon, .list-row .list-row .result-icon .monogram { margin: 0 16px 0 0; height: 20px; width: 20px; font-size: 20px; padding: 10px; } .list-row .list-row .result-icon .monogram { text-align: center; font-size: 16px; text-transform: uppercase; font-weight: 700; } .result-item a { cursor: pointer; } .quicksearch-results-container.md-virtual-repeat-container.md-autocomplete-suggestions-container { /* Work Around to style autocomplete container */ position: fixed !important; width: 100%; top: 51px !important; max-height: calc(100% - 64px) !important; height: calc(100% - 64px) !important; overflow: auto; border-radius: 3px; border: solid 1px #ececec; background: #fff; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); } @media only screen and (min-width: 768px) { .quicksearch-results-container.md-virtual-repeat-container.md-autocomplete-suggestions-container { height: auto !important; } } @media only screen and (min-width: 768px) { .quicksearch-results-container.md-virtual-repeat-container.md-autocomplete-suggestions-container { width: 500px; } } .quicksearch-results-container.md-virtual-repeat-container.md-autocomplete-suggestions-container .md-virtual-repeat-scroller, .quicksearch-results-container.md-virtual-repeat-container.md-autocomplete-suggestions-container .md-virtual-repeat-offsetter { position: relative !important; } .quicksearch-results-container.md-virtual-repeat-container.md-autocomplete-suggestions-container .md-virtual-repeat-offsetter { padding: 15px 0; } .quicksearch-results-container.md-virtual-repeat-container.md-autocomplete-suggestions-container .md-virtual-repeat-sizer { display: none !important; } table.mceLayout, textarea.tinyMCE { width: 100% !important; } table.mceToolbar td { display: inline-block; float: left; height: 22px; } .simple-message-page { height: 100%; } @media only screen and (max-width: 767px) { .simple-message-page .content-container { margin-left: 0; margin-right: 0; } } .simple-message-page body { background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; height: 100%; min-height: 500px; margin: 0; padding: 20px 15px; } .simple-message-page .tabs { margin-bottom: 20px; text-align: center; } .simple-message-page .content-panel-wrapper { position: relative; max-width: 500px; margin: 0 auto 20px; background: #fff; border: 1px solid #ececec; border-radius: 5px; background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0; } @media print { .simple-message-page .content-panel-wrapper { border: 1px solid #ccc; box-shadow: none; } } .simple-message-page .content-panel-header { border-radius: 3px 3px 0 0; } .simple-message-page .content-panel-header #page-brand { background: #08f; padding: 0 10px 0 15px; border-radius: 3px 3px 0 0; } .simple-message-page .content-panel-header #page-brand:before, .simple-message-page .content-panel-header #page-brand:after { content: " "; display: table; } .simple-message-page .content-panel-header #page-brand:after { clear: both; } .simple-message-page .content-panel-header #page-brand .brand-link { float: left; height: 88px; width: 168px; } .simple-message-page .content-panel-header #page-brand .brand-link div { height: 100%; width: 100%; background-size: contain; background-position: center center; background-repeat: no-repeat; } .simple-message-page .content-panel-header #page-brand .content-panel-actions { float: right; text-align: right; width: 42px; position: relative; padding: 28px 0; } .simple-message-page .content-panel-header #page-brand .content-panel-actions .actions-toggle-wrapper { position: absolute; height: 40px; width: 40px; } .simple-message-page .content-panel-header #page-brand .content-panel-actions .actions-toggle-wrapper .actions-toggle { font-family: 'unicon'; speak: none; color: #fff; font-size: 32px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 26px; color: rgba(255, 255, 255, 0.95); } .simple-message-page .content-panel-header #page-brand .content-panel-actions .actions-toggle-wrapper .actions-toggle:before { content: "\e967"; } .simple-message-page .page-utils { padding: 0; } .simple-message-page .page-utils .back-links { text-align: right; } .simple-message-page .page-utils .back-links .col { padding-right: 15px; } .simple-message-page .page-utils .hidden-tools { left: 0; right: 0; padding: 0 15px; } @mixin flex-display(); width: 100%; @media only screen and (max-width : $screen-md-max) { .simple-message-page .content-panel-form { display: block; } } .simple-message-page .page-title, .simple-message-page .tip, .simple-message-page .eventlog-msg, .simple-message-page #errors_container { text-align: center; } .simple-message-page .page-title-wrapper { margin: 0; padding: 0; } .simple-message-page .page-title-wrapper .page-title { margin: 15px 0; font-size: 24px; line-height: 32px; } .simple-message-page .page-title-wrapper .hint { margin-left: 20px; margin-right: 20px; } .simple-message-page .page-main { min-height: 300px; padding: 0; border-radius: 0 0 3px 3px; } .simple-message-page .content-container { background: none; box-shadow: none; } .simple-message-page .page-blurb { text-align: center; } .simple-message-page .form { padding: 0; } .simple-message-page .fieldgroup { padding-top: 10px; padding-bottom: 0; border-bottom: none; } .simple-message-page .field { margin-bottom: 15px; } .simple-message-page .buttonbar { margin-top: 10px; text-align: center; } .simple-message-page .buttonbar .input-submit { width: 100%; } .simple-message-page .buttonbar a { display: block; } .simple-message-page .buttonbar .input-submit:not(:first-child), .simple-message-page .buttonbar a:not(:first-child) { margin-top: 10px; } .login-page .user_type { max-width: 850px; } .user_type .page-title-wrapper .page-title { margin: 50px 0; } .user_type #wherechoices { text-align: center; } .user_type #wherechoices a { margin: 0 15px 30px; display: inline-table; height: 120px; border-bottom: solid 6px #f6f6f6; border-radius: 3px; box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); color: #606060; font-size: 20px; line-height: 24px; text-align: center; text-decoration: none; vertical-align: middle; } .user_type #wherechoices a.alumni { background: #fff url("/components/valkyrie/images/student.svg") 65px -25px no-repeat; background-size: 85%; } .user_type #wherechoices a.employers { background: #fff url("/components/valkyrie/images/building.svg") 65px -15px no-repeat; background-size: 85%; } .user_type #wherechoices a.events { background: #fff url("/components/valkyrie/images/event.svg") 65px -25px no-repeat; background-size: 85%; } .user_type #wherechoices a.managers { background: #fff url("/components/valkyrie/images/support.svg") 65px -15px no-repeat; background-size: 85%; } .user_type #wherechoices a.students { background: #fff url("/components/valkyrie/images/student.svg") 65px -25px no-repeat; background-size: 85%; } .user_type #wherechoices a.faculty { background: #fff url("/components/valkyrie/images/apple.svg") 65px -15px no-repeat; background-size: 85%; } .user_type #wherechoices a:hover { border-bottom: solid 6px #08f; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.14), 0 4px 5px 0 rgba(0, 0, 0, 0.098), 0 1px 10px 0 rgba(0, 0, 0, 0.082); } .user_type #wherechoices a .user-container { display: table-cell; vertical-align: middle; } .user_type #wherechoices a .mainpage-button-text { display: block; width: 200px; word-wrap: break-word; } .empty-state { text-align: center; padding: 40px; } .empty-state-inner { margin: 100px auto; } .empty-state img { width: 200px; margin-bottom: 30px; } .empty-state h2 { font-weight: 300; font-size: 22px; line-height: 28px; margin-bottom: 10px; } @media only screen and (max-width: 767px) { .empty-state h2 { font-size: 20px; line-height: 24px; } } .empty-state p { color: #6c6c6c; margin: auto; max-width: 460px; } .doclibrary_form .form-header_content { margin: 20px 0; display: none; } .doclibrary_form .form-header_content h2 { margin-bottom: 5px; } .doclibrary_form .doclibrary_form-content .form-main_content { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; } .doclibrary_form .doclibrary_form-content .form-main_content ul { list-style-type: disc; padding: 0 0 10px 30px; } .doclibrary_form .doclibrary_form-content .form-main_content ol { list-style-type: decimal; padding: 0 0 10px 30px; } .doclibrary_form .resource-content { text-align: center; display: block; } .doclibrary_form .resource-content .doclibrary-banner_image { background-size: cover; background-repeat: no-repeat; } .doclibrary_form .resource-content iframe, .doclibrary_form .resource-content .doclibrary-banner_image { width: 100%; height: 310px; margin-bottom: 20px; } @media only screen and (max-width: 767px) { .doclibrary-header { display: none; } .doclibrary_form { margin: 0 -15px; } .doclibrary_form .form-col { padding: 0; margin: 10px 0; } .doclibrary_form .form-header_content { display: block; } .doclibrary_form .form-header_content .btn { width: auto; margin-top: 20px; } .doclibrary_form .doclibrary_form-content { margin: 0 20px; } .doclibrary_form .resource-content iframe, .doclibrary_form .resource-content .doclibrary-banner_image { height: 195px; margin-bottom: 0; } } .wizard-container { position: fixed; height: 100%; width: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 1000; overflow-y: auto; background-color: #fff; display: flex; flex-direction: column; } .wizard-container .wizard-top { display: flex; justify-content: center; justify-self: flex-start; } .wizard-container .wizard-top .wizard-process-top { display: none; } .wizard-container .wizard-top .wizard-title { padding: 0 20px; margin-top: 40px; text-align: center; } .wizard-container .wizard-top .wizard-title h1 { font-size: 24px; font-weight: 400; } .wizard-container .wizard-top .wizard-title .tooltip-container { display: inline; position: relative; } .wizard-container .wizard-top .wizard-title .tooltip-container .icn { font-size: 15px; margin-left: 10px; cursor: pointer; } .wizard-container .wizard-top .wizard-title .tooltip-container .icn-tooltip { position: absolute; width: 400px; font-size: 14px; line-height: 17px; text-align: center; padding: 20px; border: 1px solid #eee; background-color: #fff; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); border-radius: 5px; transform: translate(-50%, 0px); left: 50%; } .wizard-container .wizard-body { flex: 1 1 auto; } .wizard-container .wizard-body .wizard-main .wizard-main-body { margin-top: 40px; display: flex; flex-wrap: wrap; width: 620px; margin-left: auto; margin-right: auto; justify-content: center; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-item { flex: 0 0 33.333%; margin-bottom: 20px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-item .btn { border-color: #ccc; width: 190px; height: 160px; font-size: 13px; white-space: #fff; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-item .btn .icn-check_circle { display: none; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-item .btn.disabled { background-color: transparent; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-item .btn.disabled .subtitle { display: block; font-size: 12px; color: #666; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-item .btn.selected { color: #001a57; border-color: #001a57; outline: none; position: relative; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-item .btn.selected .icn-check_circle { display: block; position: absolute; top: 5px; right: 5px; font-size: 18px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-field .input-cellphone { width: 300px; height: 60px; padding: 30px 45px; font-size: 24px; border-radius: 5px; border: 1px solid #acacac; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-field .input-cellphone::placeholder { color: #acacac; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-details { width: 450px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-details .wizard-row { display: flex; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-details .wizard-row .wizard-row-title, .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-details .wizard-row .wizard-row-data { flex: 1; font-size: 18px; line-height: 30px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-details .wizard-row .wizard-row-title { font-weight: 700; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-explanation-container { margin-top: 40px; width: 450px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-explanation-container label { font-size: 18px; font-weight: 400; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-explanation-container textarea { margin-top: 10px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .input-cellphone.warning, .wizard-container .wizard-body .wizard-main .wizard-main-body .input-textarea.warning { border-color: #a85502; } .wizard-container .wizard-body .wizard-main .wizard-main-body .warning-message { font-size: 18px; position: relative; top: 20px; color: #a85502; display: none; } .wizard-container .wizard-body .wizard-main .wizard-main-body .warning-message .icn { line-height: 22px; vertical-align: bottom; } .wizard-container .wizard-body .wizard-main .wizard-main-body .warning-message.show { display: block; } .wizard-container .wizard-body .wizard-main .wizard-main-body.wizard-calendar { width: 800px; } .wizard-container .wizard-body .wizard-main .wizard-main-body.wizard-calendar .wizard-calendar-dates { flex: 0 0 30%; } .wizard-container .wizard-body .wizard-main .wizard-main-body.wizard-calendar .wizard-calendar-hours { flex: 0 0 70%; padding-left: 20px; } .wizard-container .wizard-body .wizard-main .wizard-main-body.wizard-calendar .wizard-calendar-hours .calendar-hour { width: 110px; height: 50px; margin-bottom: 10px; border-color: #ccc; text-transform: uppercase; } .wizard-container .wizard-body .wizard-main .wizard-main-body.wizard-calendar .wizard-calendar-hours .calendar-hour.selected { background-color: #001a57; color: #fff; border: 1px solid #001a57; } .wizard-container .wizard-body .wizard-main .wizard-main-body.wizard-calendar .ngb-dp-arrow .btn { padding: 0.25rem; } .wizard-container .wizard-body .wizard-main .wizard-main-body .loading-text { line-height: 32px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .alert { border: none !important; padding: 12px 20px 12px 46px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .alert::before { line-height: 22px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .alert .alert-title { margin: 0; font-size: 13px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .alert { padding: 20px 20px 20px 45px; margin: 20px 0; } .wizard-container .wizard-body .wizard-main .wizard-main-body .alert:before { vertical-align: text-bottom; } .wizard-container .wizard-body .wizard-main .wizard-main-body .alert .alert-title { font-weight: 400; } .wizard-container .wizard-body .wizard-main .wizard-main-body .alert .alert-title .subtext { margin-left: 5px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .alert .alert-title .subtext .btn-link { font-size: 13px; color: inherit; border: 0; text-decoration: underline; vertical-align: baseline; padding: 0; margin: 0; min-height: unset; min-width: unset; } .wizard-container .wizard-body .wizard-main .wizard-main-body .alert .alert-title .subtext .btn-link:hover, .wizard-container .wizard-body .wizard-main .wizard-main-body .alert .alert-title .subtext .btn-link:active, .wizard-container .wizard-body .wizard-main .wizard-main-body .alert .alert-title .subtext .btn-link:focus, .wizard-container .wizard-body .wizard-main .wizard-main-body .alert .alert-title .subtext .btn-link:visited { background-color: transparent; } .wizard-container .wizard-body .wizard-main .wizard-main-footer { margin-top: 40px; display: flex; justify-content: center; } .wizard-container .wizard-body .wizard-main .wizard-main-footer .show_hide_availabilities { border-color: transparent; color: #666; } .wizard-container .wizard-body .wizard-main .wizard-main-footer .unavailable-message { width: 350px; text-align: center; color: #000; line-height: 125%; margin-top: 10px; } .wizard-container .wizard-body .wizard-main.no-data .wizard-main-body { flex-direction: column; align-items: center; } .wizard-container .wizard-body .wizard-main.no-data .wizard-main-body p, .wizard-container .wizard-body .wizard-main.no-data .wizard-main-body .icn-search { margin-bottom: 30px; } .wizard-container .wizard-body .wizard-main.no-data .wizard-main-body .icn-search { font-size: 100px; } .wizard-container .wizard-body .wizard-main.no-data .wizard-main-body h2 { font-size: 24px; margin-bottom: 10px; } .wizard-container .wizard-body .wizard-main.no-data .wizard-main-body p { color: #6c6c6c; font-size: 18px; display: flex; flex-direction: column; align-items: center; } .wizard-container .wizard-body .wizard-main.no-data .wizard-main-body .btn { max-width: fit-content; } .wizard-container .wizard-bottom { justify-self: flex-end; display: flex; justify-content: space-between; width: 100%; min-height: 80px; align-items: center; border-top: 1px solid #ececec; background-color: #fff; } .wizard-container .wizard-bottom .wizard-process-bottom { margin-left: 20px; } .wizard-container .wizard-bottom .wizard-process-bottom .progressbar-label { display: block; } .wizard-container .wizard-bottom .wizard-process-bottom #bottom-progresbar .progress { width: 200px; } .wizard-container .wizard-bottom .wizard-buttonbar { margin-right: 20px; } .wizard-container .wizard-bottom .wizard-buttonbar .return-link { color: #6c6c6c; font-size: 16px; } .wizard-container .wizard-bottom .wizard-buttonbar .return-link:focus, .wizard-container .wizard-bottom .wizard-buttonbar .return-link:active { outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .wizard-container .wizard-bottom .wizard-buttonbar .wizard-buttonbar-action { display: inline-block; } .wizard-container .cancel-modal-container .cancel-modal { z-index: 1001; background-color: #fff; position: fixed; padding: 20px 25px; top: 50%; left: 50%; transform: translate(-50%, -50%); border-radius: 5px; } .wizard-container .cancel-modal-container .cancel-modal .cancel-modal-body { margin-bottom: 40px; font-size: 18px; color: #000; } .wizard-container .cancel-modal-container .cancel-modal .cancel-modal-buttonbar { display: flex; } .wizard-container .cancel-modal-container .cancel-modal .cancel-modal-buttonbar .btn:last-child { margin-right: 0; } .wizard-container .cancel-modal-container .cancel-backdrop { z-index: 1000; background: #000; opacity: 0.5; top: 0; left: 0; right: 0; bottom: 0; position: fixed; width: 100%; height: 100%; } .wizard-calendar-dates ngb-datepicker { border-color: #ccc; } .wizard-calendar-dates ngb-datepicker .bg-light { background-color: transparent !important; } .wizard-calendar-dates ngb-datepicker .btn-light { background-color: transparent; } .appointment-skeleton-body .skeleton-grey-el { height: 15px; width: 100%; background-color: #f6f6f6; max-width: 200px; margin-bottom: 5px; } .appointment-skeleton-body .skeleton-grey-el.small { max-width: 100px; } .appointment-skeleton-body .skeleton-grey-el.medium { max-width: 200px; } .appointment-skeleton-body .skeleton-grey-el.medium-plus { max-width: 225px; } .appointment-skeleton-body .skeleton-grey-el.large { max-width: 500px; } .appointment-skeleton-body .skeleton-grey-el:nth-child(odd) { margin-bottom: 30px; } .ngb-dp-day:focus { outline: none; } .ngb-dp-day.ngb-dp-today .btn-light { border: 1px solid #333; } .ngb-dp-day.ngb-dp-today .btn-light.bg-primary { background-color: #001a57 !important; } .ngb-dp-day:focus-visible { outline-offset: -1px; } .ngb-dp-day .bg-primary { background-color: #001a57 !important; } .ngb-dp-day .btn-light:not(.bg-primary):focus, .ngb-dp-day .btn-light:not(.bg-primary):hover { background-color: #e8e8e8 !important; box-shadow: none; } @media (max-width: 767px) { .wizard-container { overflow-y: scroll; } .wizard-container .wizard-top .wizard-process-top { display: block; position: fixed; width: 100%; height: 60px; padding: 20px; background-color: #fff; } .wizard-container .wizard-top .wizard-process-top .progressbar-label { display: block; } .wizard-container .wizard-top .wizard-process-top progress { width: 100%; margin-top: 5px; } .wizard-container .wizard-top .wizard-title { margin-top: 80px; } .wizard-container .wizard-body { overflow-y: scroll; } .wizard-container .wizard-body .wizard-main { padding: 0 20px; } .wizard-container .wizard-body .wizard-main .wizard-main-body { width: auto; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-item { flex: 100%; display: flex; justify-content: center; } .wizard-container .wizard-body .wizard-main .wizard-main-body .wizard-main-footer { margin-top: 0; margin-bottom: 20px; } .wizard-container .wizard-body .wizard-main .wizard-main-body.wizard-calendar { width: auto; } .wizard-container .wizard-body .wizard-main .wizard-main-body.wizard-calendar .wizard-calendar-dates, .wizard-container .wizard-body .wizard-main .wizard-main-body.wizard-calendar .wizard-calendar-hours { flex: 0 0 100%; text-align: center; } .wizard-container .wizard-body .wizard-main .wizard-main-body.wizard-calendar .wizard-calendar-dates { margin-bottom: 20px; } .wizard-container .wizard-body .wizard-main .wizard-main-body .alert .alert-title .subtext { display: block; margin: 0; } .wizard-container .wizard-bottom .wizard-process-bottom { display: none; } .wizard-container .wizard-bottom .wizard-buttonbar { width: 100%; display: flex; justify-content: space-between; align-items: center; } .wizard-container .wizard-bottom .wizard-buttonbar :only-child { margin-left: auto; } .wizard-container .wizard-bottom .wizard-buttonbar .return-link { margin-left: 10px; margin-right: 0; } .wizard-container .wizard-bottom .wizard-buttonbar .wizard-buttonbar-action .btn:last-child { margin-right: 0; } }