's */
}
.top-left, .bottom-left {
margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}
.top-right, .bottom-right {
margin-left: 9px; /* CHANGE: replace by the width of one of your corners */
margin-top: -9px; /* CHANGE: replace by the height of one of your corners */
}
.top-right {
background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */
}
.bottom-left {
background-position: 0 -9px; /* CHANGE: replace second number by negative height of one of your corners */
}
.bottom-right {
background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
}
.inside {
color: #000000; /* YCC: default text-color of the inside */
padding-left: 10px; /* YCC: all texts at some distance of the left border */
padding-right: 10px; /* YCC: all texts at some distance of the right border */
}
.notopgap {
margin-top: 0;
}
/* DNC: to avoid splitting of the box */
.nobottomgap {
margin-bottom: -1px;
padding-bottom: 1px;
}
/* DNC: to avoid splitting of the box */
/* End of Menu rounded corner css */
/*Begin Topsection rounded corner css */
.topsection_bottom-left, .topsection_bottom-right {
height: 9px; /* CHANGE: replace by the height of one of your corners (= 1/2 height of the image) */
font-size: 2px; /* DNC: correction IE for height of the
's */
}
.topsection_bottom-left {
margin-right: 9px; /* CHANGE: replace by the width of one of your corners */
}
.topsection_bottom-right {
margin-left: 9px; /* CHANGE: replace by the width of one of your corners */
margin-top: -9px; /* CHANGE: replace by the height of one of your corners */
}
.topsection_bottom-left {
background-position: 0 -9px; /* CHANGE: replace second number by negative height of one of your corners */
}
.topsection_bottom-right {
background-position: 100% -9px; /* CHANGE: replace second number by negative height of one of your corners */
}
/* End of Menu rounded corner css */
/* Begin Comp guidelines table */
table.simpleTable {
border-collapse: collapse;
font-size: 0.8em;
margin: 0;
padding: 0;
}
table.simpleTable th, table.simpleTable td {
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 0.6em;
vertical-align: 4px;
background-color: #F8F8FC;
}
table.simpleTable th {
background: #F8F8FC url(../../img/UIv8/tableheader_bullet.gif) no-repeat 6px 0.8em;
padding-left: 24px;
}
/* End Comp guidelines table */
.fourDigitInputField {
width: 30px;
}
/* Begin EditPicklist UI */
.listItemsContainer {
border: 1px solid #ddd;
}
.pickList {
width: 350px;
height: 150px;
}
/* End EditPicklist UI */
.reportsList {
width: 100%;
}
.reportsList tr td, .reportFlaggedDiv {
border-bottom: 1px solid #ccc;
min-height: 40px;
padding: 5px 0;
overflow: auto;
box-sizing: content-box;
}
.reportsSubHeader {
background-color: #ccc;
height: 30px;
font-size: 18px;
}
.reportsSubHeader td {
border: 1px solid #333;
}
.report-favorite, .report-schedule, .topic-select {
width: 30px;
float: left;
text-align: center;
}
.report-text {
float: left;
width: 65%;
padding-left: 10px;
}
/* BUTTONS */
.actionButtons a, .actionButtons button {
display: block;
float: left;
margin: 0 7px 0 0;
background-color: #f5f5f5;
border: 1px solid #dedede;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
font-size: 80%;
line-height: 130%;
text-decoration: none;
font-weight: normal;
color: #565656;
cursor: pointer;
padding: 6px 4px 0px 4px; /* Links */
min-height: 18px;
text-align: center;
width: 65px;
}
.actionButtons button {
width: auto;
overflow: visible;
padding: 4px 10px 3px 7px; /* IE6 */
}
.actionButtons button[type] {
padding: 5px 10px 5px 7px; /* Firefox */
line-height: 17px; /* Safari */
}
*:first-child + html button[type] {
padding: 4px 10px 3px 7px; /* IE7 */
}
.actionButtons button img, .actionButtons a img {
margin: 0 3px -3px 0 !important;
padding: 0;
border: none;
width: 16px;
height: 16px;
}
/* STANDARD */
.actionButtons a:hover {
background-color: #dff4ff;
border: 1px solid #c2e1ef;
color: #336699;
}
.actionButtons a:active {
background-color: #6299c5;
border: 1px solid #6299c5;
color: #fff;
}
/* POSITIVE */
button.positive, .actionButtons a.positive {
color: #529214;
}
.actionButtons a.positive:hover, button.positive:hover {
background-color: #E6EFC2;
border: 1px solid #C6D880;
color: #529214;
}
.actionButtons a.positive:active {
background-color: #529214;
border: 1px solid #529214;
color: #fff;
}
/* NEGATIVE */
.actionButtons a.negative, button.negative {
color: #d12f19;
}
.actionButtons a.negative:hover, button.negative:hover {
background: #fbe3e4;
border: 1px solid #fbc2c4;
color: #d12f19;
}
.actionButtons a.negative:active {
background-color: #d12f19;
border: 1px solid #d12f19;
color: #fff;
}
/* FAVORITE */
.actionButtons a.favorite, button.favorite {
color: #EE9D3E;
}
.actionButtons a.favorite:hover, button.favorite:hover {
background: #FFFFEE;
border: 1px solid #FFCC66;
color: #EE9D3E;
}
.actionButtons a.favorite:active {
background-color: #FFCC66;
border: 1px solid #FFCC66;
color: #fff;
}
/* Spellcheck */
/* AtD error styles */
.hiddenSpellError {
border-bottom: 2px solid red;
cursor: default;
}
.hiddenGrammarError {
border-bottom: 2px solid green;
cursor: default;
}
.hiddenSuggestion {
border-bottom: 2px solid blue;
cursor: default;
}
/* */
.AtD_proofread_button {
width: 14px;
height: 14px;
background-image: url("../images/writing.gif");
display: block;
}
.AtD_edit_button {
width: 14px;
height: 14px;
background-image: url("../images/editing.gif");
display: block;
}
/* Menu styles derived from:
* jquery.spellchecker.js - a simple jQuery Spell Checker
* Copyright (c) 2008 Richard Willis
* MIT license : http://www.opensource.org/licenses/mit-license.php
* Project : http://jquery-spellchecker.googlecode.com
*/
#suggestmenu {
background: #fff;
position: absolute;
display: none;
z-index: 9999;
overflow: none;
margin-top: 1px;
text-align: left;
font-size: 12px;
}
#suggestmenu strong {
background: #ddd;
font-weight: bold;
padding: 3px 6px 3px 6px;
display: block;
border: 1px solid #ccc;
color: #333333;
}
#suggestmenu em {
text-align: center;
padding: 3px 6px 3px 6px;
display: block;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}
#suggestmenu a, #suggestmenu a:visited {
background: #fff;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb;
padding: 3px 6px 3px 6px;
display: block;
margin: 0px;
text-decoration: none;
color: #333;
outline: none;
}
#suggestmenu a.first, #suggestmenu a.first:visited {
border-top: 1px solid #ccc;
}
.spell_sep_bottom {
border-bottom: 1px solid #ccc;
}
.spell_sep_top {
border-top: 1px solid #ccc;
}
#suggestmenu a:hover {
color: #000;
background: #dbecf3;
}
#suggestmenu .foot {
border-top: 1px solid #ddd;
background: #fff;
}
#suggestmenu .foot a, #suggestmenu .foot a:visited {
outline: none;
}
/* end spellcheck */
/* multirater */
.multiraterRatingInfo td {
padding-right: 6px;
}
#languageDiv {
display: block;
position: relative;
top: -10px;
width: 80px;
right: 0;
height: 0;
padding: 5px;
margin-top: -15px;
}
#languageDiv #langOptionsImg {
margin-bottom: -2px;
}
.languageDropdown {
padding: 8px;
position: absolute;
z-index: 10000;
background-color: white;
opacity: 0.87;
left: 0;
top: 18px;
text-align: left;
white-space: nowrap;
width: 75px;
line-height: 18px;
}
.disabledColor {
color: gray;
opacity: 0.8;
}
.disabledButton {
color: gray;
opacity: 0.65;
cursor: default;
}
.disabledButton:hover {
color: gray;
opacity: 0.65;
cursor: default;
}
#tabs_container {
margin: 0 0 1em 0;
}
#tabs_container .tab {
display: none;
}
#tabs_container .active {
display: block;
}
#manageTabsContainer {
margin: 0 0 1em 0;
}
#manageTabsContainer .tab {
border: 1px solid #333;
padding: 1em;
display: none;
}
#manageTabsContainer .active {
display: block;
}
#tabs, #pageLayOutTabsUL, #cards {
padding-left: 2px;
margin-left: 0;
}
#pageLayOutTabsUL {
margin-left: 4px;
}
#tabs li, #pageLayOutTabsUL li, #cards li {
float: left;
list-style: none;
border: 1px solid #dddddd;
}
#tabs li.active, #pageLayOutTabsUL li.active {
border-bottom: none;
}
#tabs a, #pageLayOutTabsUL a {
color: #fff;
display: block;
height: 28px;
line-height: 26px;
text-decoration: none;
}
#tabs a span, #pageLayOutTabsUL a span {
display: block;
height: 28px;
margin-right: 10px;
padding-left: 10px;
text-align: center;
vertical-align: middle;
cursor: pointer;
white-space: nowrap;
}
#tabs a span img, #pageLayOutTabsUL a span img {
vertical-align: middle;
cursor: pointer;
}
#tabs a:hover, #pageLayOutTabsUL a:hover {
display: block;
}
#tabs a:hover span, #pageLayOutTabsUL a:hover span {
display: block;
white-space: nowrap;
}
#tabs .active a:link, #pageLayOutTabsUL .active a:link {
font-weight: bold;
border-bottom: none;
margin-top: -4px;
padding-top: 5px;
min-height: 32px;
}
.configurationTab {
padding-top: 0px;
}
#tabs .active a:visited, #pageLayOutTabsUL .active a:visited {
font-weight: bold;
border-bottom: none;
}
#tabs .active a:hover, #pageLayOutTabsUL .active a:hover {
font-weight: bold;
border-bottom: none;
}
#tabs .active a span, #pageLayOutTabsUL .active a span {
font-weight: bold;
color: #000;
border-bottom: none;
white-space: nowrap;
}
#tabs .active a:hover span, #pageLayOutTabsUL .active a:hover span {
font-weight: bold;
border-bottom: none;
white-space: nowrap;
}
/* -------------------------------- */
.pageLayoutTab {
margin-right: 5px;
width: 40px;
}
.pageLayoutTab a:link {
color: #333333;
display: block;
height: 16px;
line-height: 16px;
text-decoration: none;
border-bottom: solid 1px #333333;
}
.pageLayoutTab a:visited {
color: #333333;
display: block;
height: 16px;
line-height: 16px;
text-decoration: none;
border-bottom: solid 1px #333333;
}
.pageLayoutTab a span {
display: block;
font-size: 12px;
height: 16px;
border-bottom: solid 1px #333333;
text-align: center;
}
.pageLayoutTab a:hover {
display: block;
}
.pageLayoutTab a:hover span {
display: block;
}
/* -------------------------------- */
#manage_tabs_button_no_tabs, #manage_tabs_button {
width: 43px;
height: 28px;
display: block;
position: relative; /* to hide the bottom border */
top: 1px;
margin-top: -10px;
}
#manage_tabs_button_no_tabs:hover {
width: 43px;
height: 28px;
display: block;
background-position: center top;
}
#manage_tabs_button_no_tabs a, #manage_tabs_button_no_tabs a:link, #manage_tabs_button a, #manage_tabs_button a:link {
display: block;
width: 43px;
height: 28px;
}
#manage_tabs_button a, #manage_tabs_button a:link {
width: 43px;
height: 28px;
display: block;
}
#manage_tabs_button {
width: 43px;
height: 28px;
display: block;
margin-top: 0;
top: -2px;
}
#manage_tabs_button:hover {
width: 43px;
height: 28px;
display: block;
}
#tabConfigContainer div {
display: none;
height: auto;
border: none;
}
#tabConfigContainer .active {
display: block;
}
#tabs_add_button {
width: 22px;
height: 20px;
background-image: url("../../img/UIv8/btn_add_default_small.png");
display: block;
}
#tabs_add_button:hover {
width: 22px;
height: 20px;
background-image: url("../../img/UIv8/btn_add_default_small.png");
display: block;
}
#tabs_add_button:active {
width: 22px;
height: 20px;
background-image: url("../../img/UIv8/btn_add_default_small.png");
display: block;
}
.boldText {
font-weight: bold;
}
.buttonText {
/*font-weight: bold;*/
font-size: 14px;
padding-left: 2px;
vertical-align: middle;
}
.defaultTabUpdateSpinner {
display: none;
vertical-align: middle;
}
.defaultTabUpdateSuccess {
display: none;
}
.jobNotifySpinner {
display: none;
vertical-align: middle;
}
.jobNotifySuccess {
display: none;
}
/* for profile pictures */
.photo {
border: 2px solid #FFF;
display: block;
max-width: none;
}
.datagrid .photo {
display: inline-block;
}
.previewPicture #profilePicture {
display: inline-block;
}
.edit-photo {
background: white;
opacity: 0.8;
position: absolute;
margin-top: -22px;
width: 85px;
text-align: center;
padding: 2px;
}
#profilePicture-message {
background: #ffd;
padding: 3px;
display: none;
}
#uploadPhoto {
padding: 10px;
}
#currentPhoto {
padding: 10px;
border-right: 2px dotted silver;
}
.editPhotoPanel {
background: white;
width: 800px;
display: none;
}
.editPhotoPanel h3, .editPhotoPanel .h3 {
font-size: 1.1em;
font-weight: bold;
white-space: nowrap;
}
.editPhotoPanel p {
white-space: nowrap;
}
.editPhotoPanel td {
vertical-align: top;
}
.editPhotoPanel span {
display: block;
margin-top: 10px;
}
.editPhotoPanel img {
max-width: none;
}
#uploadProgressBar {
text-align: center;
}
.profilePicturePreview {
display: none;
width: 400px !important;
padding: 10px;
overflow: hidden;
margin-bottom: 10px;
}
.profilePicturePreview img {
margin-bottom: 10px;
}
/* jQuery UI Dialog customizations */
.ui-dialog-title {
color: #333333;
}
.divField {
padding: 4px;
float: left;
}
.divLeftColumnTitle {
text-align: right;
width: 160px;
}
.fieldValue {
font-weight: bold;
}
.divNewLine {
clear: both;
}
.numberIconBox {
border: 1px solid #505050;
padding: 0 1px;
float: left;
height: 15px;
min-width: 13px;
vertical-align: middle;
text-align: center;
font-size: 8pt;
font-weight: bold;
color: white;
}
#noTabsMsgDiv {
margin-left: auto;
margin-right: auto;
background-image: url("../../img/UIv8/tab_blank_background.png");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
width: 100%;
height: 390px;
}
.HeaderButtonCell .btn, .PortletHeader .btn, .buffButtonCell .btn, .btn-group btn {
padding: 4px 8px;
font-size: 14px;
}
.btn-group {
font-size: 0;
white-space: nowrap;
position: relative;
float: right;
padding: 5px;
}
.btn-group > .text, .btn-group > ul > li > .text {
font-size: 12px;
padding: 0px 4px;
}
.btn-group > .btn {
float: none;
position: relative;
font-size: 12px;
}
.btn-group > a {
font-size: 12px;
}
.font12 {
font-size: 12px;
}
.btn-group > .btn-mini,
.btn-group > .btn-small {
font-size: 11px;
}
.btn-group > .btn-large {
font-size: 15px;
}
.btn-group > .dropdown-menu a, .btn-group > .dropdown-menu li {
font-size: 12px;
}
td.DTRC > div > .btn-group,
td.DTActionC > div > .btn-group,
td.DataTableOverLastRowActionCell > div > .btn-group,
td.DataTableOverActionCell > div > .btn-group {
margin-top: 5px;
}
.noMarginTop, .noMarginTop > .btn-group {
margin-top: 0px;
}
.HeaderSelectCell select, HeaderButtonCell select, .PortletHeader select, .select-group select {
color: #333;
width: auto;
padding: 4px 10px;
margin-bottom: 0;
}
#orgChartSearchKeyword {
margin-top: 5px;
}
.available-trees h3, .available-trees .h3 {
line-height: normal;
}
.available-trees ul {
margin: 0;
}
.orgChart {
padding-top: 10px;
}
#legend .title, #legend .filterTitle {
text-align: left;
}
/* Tabs */
.tabs-top {
width: auto;
position: relative;
top: 1px;
}
#subscribeSection {
border-top: 1px dashed #ffffff;
padding: 5px 5px 20px 5px;
text-align: center;
}
#subscribeButton {
background-color: #9FBA7B;
text-align: center;
color: #FFFFFF;
font-weight: bold;
cursor: pointer;
padding: 8px 8px 8px 8px;
width: 130px;
margin-left: auto;
margin-right: auto;
white-space: normal;
}
.fixInputAlignment {
vertical-align: baseline;
vertical-align: middle; /* IE 8 and below */
*vertical-align: middle; /* IE 7 and below */
_vertical-align: middle; /* IE 6 */
}
.mobile-icon {
background: url("../../img/UIv9/ats-icons-sprite.png") no-repeat -163px -1163px;
width: 13px;
height: 15px;
display: inline-block;
}
.background-chart-pie {
background: url("../../img/UIv9/ats-icons-sprite.png") no-repeat -311px -997px;
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
}
.background-chart-bar {
background: url("../../img/UIv9/ats-icons-sprite.png") no-repeat -312px -1044px;
width: 30px;
height: 30px;
display: inline-block;
vertical-align: middle;
}
.background-chart-pie-small {
background: url("../../img/UIv9/ats-icons-sprite.png") no-repeat -311px -1085px;
width: 17px;
height: 17px;
display: inline-block;
vertical-align: middle;
}
.background-chart-bar-small {
background: url("../../img/UIv9/ats-icons-sprite.png") no-repeat -312px -1115px;
width: 17px;
height: 17px;
display: inline-block;
vertical-align: middle;
}
.infoIcon {
background: url("../../img/UIv9/ats-icons-sprite.png") no-repeat -160px -1191px;
width: 19px;
height: 19px;
display: inline-block;
vertical-align: middle;
}
.chartConfigClueTip {
white-space: nowrap;
text-align: left;
padding-right: 10px;
padding-left: 10px;
padding-top: 3px;
padding-bottom: 3px;
font-weight: normal;
font-size: 12px;
}
.padding0 {
padding: 0px;
}
.noBorder {
border: none;
}
.display-field-column-cell {
min-width: 100px;
max-width: 100px;
text-align: center;
border: 0 !important;
font-weight: normal;
}
.border0important {
border: 0 !important;
}
.display-field-column-cell > a > span {
font-size: 14px;
font-weight: bold;
}
.headerStatusIcon {
background: url("../../img/UIv9/ats-icons-sprite.png") no-repeat -163px -1235px;
width: 14px;
height: 13px;
display: inline-block;
vertical-align: middle;
}
.hoverCandidateCount {
font-weight: bold;
font-size: 14px;
cursor: default;
color: #0087CC;
}
.greetingTable {
margin-top: -4px;
position: relative;
left: -10px;
}
/*
* jQuery UI Bootstrap
* Portions copyright Addy Osmani, jQuery UI & Twitter Bootstrap
* Released under MIT/GPL.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
position: absolute !important;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.ui-helper-clearfix {
display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
height: 1%;
}
.ui-helper-clearfix {
display: block;
}
/* end clearfix */
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter: Alpha(Opacity=0);
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and jquery-ui/bootstrap/images */
.ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/*
* jQuery UI CSS Framework 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Theming/API
*
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller
*/
/* Component containers
----------------------------------*/
.ui-widget {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 12px;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa;
background: #ffffff url(jquery-ui/bootstrap/images/ui-bg_glass_75_ffffff_1x400.png) 50% 50% repeat-x;
color: #404040;
}
/*.ui-widget-content a { color: #404040; }*/
.ui-widget-header {
font-weight: bold;
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
border: 0px solid #666;
}
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
/*
border: 1px solid #d3d3d3; background: #e6e6e6 url(jquery-ui/bootstrap/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555;*/
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);
color: #333;
font-size: 13px;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear background-image;
-moz-transition: 0.1s linear background-image;
-ms-transition: 0.1s linear background-image;
-o-transition: 0.1s linear background-image;
transition: 0.1s linear background-image;
overflow: visible;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
background-position: 0 -15px;
color: #333;
text-decoration: none;
}
.ui-state-hover a, .ui-state-hover a:hover {
color: #212121;
text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa;
font-weight: normal;
color: #212121;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
color: #212121;
text-decoration: none;
}
.ui-widget :active {
outline: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight p, .ui-state-error p, .ui-state-default p {
font-size: 13px;
font-weight: normal;
line-height: 18px;
margin: 7px 15px;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
position: relative;
margin-bottom: 18px;
color: #404040;
background-color: #eedc94;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94));
background-image: -moz-linear-gradient(top, #fceec1, #eedc94);
background-image: -ms-linear-gradient(top, #fceec1, #eedc94);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94));
background-image: -webkit-linear-gradient(top, #fceec1, #eedc94);
background-image: -o-linear-gradient(top, #fceec1, #eedc94);
background-image: linear-gradient(top, #fceec1, #eedc94);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fceec1", endColorstr="#eedc94", GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #eedc94 #eedc94 #e4c652;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
border-width: 1px;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
position: relative;
margin-bottom: 18px;
color: #ffffff;
border-width: 1px;
border-style: solid;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
background-color: #c43c35;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee5f5b", endColorstr="#c43c35", GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #c43c35 #c43c35 #882a25;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
opacity: 0.7;
filter: Alpha(Opacity=70);
font-weight: normal;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
opacity: 0.35;
filter: Alpha(Opacity=35);
background-image: none;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
width: 16px;
height: 16px;
background-image: url(jquery-ui/bootstrap/images/ui-icons_222222_256x240.png);
}
.ui-widget-content .ui-icon {
background-image: url(jquery-ui/bootstrap/images/ui-icons_222222_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(jquery-ui/bootstrap/images/ui-icons_222222_256x240.png);
}
.ui-state-default .ui-icon {
background-image: url(jquery-ui/bootstrap/images/ui-icons_888888_256x240.png);
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
background-image: url(jquery-ui/bootstrap/images/ui-icons_454545_256x240.png);
}
.ui-state-active .ui-icon {
background-image: url(jquery-ui/bootstrap/images/ui-icons_454545_256x240.png);
}
.ui-state-highlight .ui-icon {
background-image: url(jquery-ui/bootstrap/images/ui-icons_2e83ff_256x240.png);
}
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
background-image: url(jquery-ui/bootstrap/images/ui-icons_f6cf3b_256x240.png);
}
/* positioning */
.ui-icon-carat-1-n {
background-position: 0 0;
}
.ui-icon-carat-1-ne {
background-position: -16px 0;
}
.ui-icon-carat-1-e {
background-position: -32px 0;
}
.ui-icon-carat-1-se {
background-position: -48px 0;
}
.ui-icon-carat-1-s {
background-position: -64px 0;
}
.ui-icon-carat-1-sw {
background-position: -80px 0;
}
.ui-icon-carat-1-w {
background-position: -96px 0;
}
.ui-icon-carat-1-nw {
background-position: -112px 0;
}
.ui-icon-carat-2-n-s {
background-position: -128px 0;
}
.ui-icon-carat-2-e-w {
background-position: -144px 0;
}
.ui-icon-triangle-1-n {
background-position: 0 -16px;
}
.ui-icon-triangle-1-ne {
background-position: -16px -16px;
}
.ui-icon-triangle-1-e {
background-position: -32px -16px;
}
.ui-icon-triangle-1-se {
background-position: -48px -16px;
}
.ui-icon-triangle-1-s {
background-position: -64px -16px;
}
.ui-icon-triangle-1-sw {
background-position: -80px -16px;
}
.ui-icon-triangle-1-w {
background-position: -96px -16px;
}
.ui-icon-triangle-1-nw {
background-position: -112px -16px;
}
.ui-icon-triangle-2-n-s {
background-position: -128px -16px;
}
.ui-icon-triangle-2-e-w {
background-position: -144px -16px;
}
.ui-icon-arrow-1-n {
background-position: 0 -32px;
}
.ui-icon-arrow-1-ne {
background-position: -16px -32px;
}
.ui-icon-arrow-1-e {
background-position: -32px -32px;
}
.ui-icon-arrow-1-se {
background-position: -48px -32px;
}
.ui-icon-arrow-1-s {
background-position: -64px -32px;
}
.ui-icon-arrow-1-sw {
background-position: -80px -32px;
}
.ui-icon-arrow-1-w {
background-position: -96px -32px;
}
.ui-icon-arrow-1-nw {
background-position: -112px -32px;
}
.ui-icon-arrow-2-n-s {
background-position: -128px -32px;
}
.ui-icon-arrow-2-ne-sw {
background-position: -144px -32px;
}
.ui-icon-arrow-2-e-w {
background-position: -160px -32px;
}
.ui-icon-arrow-2-se-nw {
background-position: -176px -32px;
}
.ui-icon-arrowstop-1-n {
background-position: -192px -32px;
}
.ui-icon-arrowstop-1-e {
background-position: -208px -32px;
}
.ui-icon-arrowstop-1-s {
background-position: -224px -32px;
}
.ui-icon-arrowstop-1-w {
background-position: -240px -32px;
}
.ui-icon-arrowthick-1-n {
background-position: 0 -48px;
}
.ui-icon-arrowthick-1-ne {
background-position: -16px -48px;
}
.ui-icon-arrowthick-1-e {
background-position: -32px -48px;
}
.ui-icon-arrowthick-1-se {
background-position: -48px -48px;
}
.ui-icon-arrowthick-1-s {
background-position: -64px -48px;
}
.ui-icon-arrowthick-1-sw {
background-position: -80px -48px;
}
.ui-icon-arrowthick-1-w {
background-position: -96px -48px;
}
.ui-icon-arrowthick-1-nw {
background-position: -112px -48px;
}
.ui-icon-arrowthick-2-n-s {
background-position: -128px -48px;
}
.ui-icon-arrowthick-2-ne-sw {
background-position: -144px -48px;
}
.ui-icon-arrowthick-2-e-w {
background-position: -160px -48px;
}
.ui-icon-arrowthick-2-se-nw {
background-position: -176px -48px;
}
.ui-icon-arrowthickstop-1-n {
background-position: -192px -48px;
}
.ui-icon-arrowthickstop-1-e {
background-position: -208px -48px;
}
.ui-icon-arrowthickstop-1-s {
background-position: -224px -48px;
}
.ui-icon-arrowthickstop-1-w {
background-position: -240px -48px;
}
.ui-icon-arrowreturnthick-1-w {
background-position: 0 -64px;
}
.ui-icon-arrowreturnthick-1-n {
background-position: -16px -64px;
}
.ui-icon-arrowreturnthick-1-e {
background-position: -32px -64px;
}
.ui-icon-arrowreturnthick-1-s {
background-position: -48px -64px;
}
.ui-icon-arrowreturn-1-w {
background-position: -64px -64px;
}
.ui-icon-arrowreturn-1-n {
background-position: -80px -64px;
}
.ui-icon-arrowreturn-1-e {
background-position: -96px -64px;
}
.ui-icon-arrowreturn-1-s {
background-position: -112px -64px;
}
.ui-icon-arrowrefresh-1-w {
background-position: -128px -64px;
}
.ui-icon-arrowrefresh-1-n {
background-position: -144px -64px;
}
.ui-icon-arrowrefresh-1-e {
background-position: -160px -64px;
}
.ui-icon-arrowrefresh-1-s {
background-position: -176px -64px;
}
.ui-icon-arrow-4 {
background-position: 0 -80px;
}
.ui-icon-arrow-4-diag {
background-position: -16px -80px;
}
.ui-icon-extlink {
background-position: -32px -80px;
}
.ui-icon-newwin {
background-position: -48px -80px;
}
.ui-icon-refresh {
background-position: -64px -80px;
}
.ui-icon-shuffle {
background-position: -80px -80px;
}
.ui-icon-transfer-e-w {
background-position: -96px -80px;
}
.ui-icon-transferthick-e-w {
background-position: -112px -80px;
}
.ui-icon-folder-collapsed {
background-position: 0 -96px;
}
.ui-icon-folder-open {
background-position: -16px -96px;
}
.ui-icon-document {
background-position: -32px -96px;
}
.ui-icon-document-b {
background-position: -48px -96px;
}
.ui-icon-note {
background-position: -64px -96px;
}
.ui-icon-mail-closed {
background-position: -80px -96px;
}
.ui-icon-mail-open {
background-position: -96px -96px;
}
.ui-icon-suitcase {
background-position: -112px -96px;
}
.ui-icon-comment {
background-position: -128px -96px;
}
.ui-icon-person {
background-position: -144px -96px;
}
.ui-icon-print {
background-position: -160px -96px;
}
.ui-icon-trash {
background-position: -176px -96px;
}
.ui-icon-locked {
background-position: -192px -96px;
}
.ui-icon-unlocked {
background-position: -208px -96px;
}
.ui-icon-bookmark {
background-position: -224px -96px;
}
.ui-icon-tag {
background-position: -240px -96px;
}
.ui-icon-home {
background-position: 0 -112px;
}
.ui-icon-flag {
background-position: -16px -112px;
}
.ui-icon-calendar {
background-position: -32px -112px;
}
.ui-icon-cart {
background-position: -48px -112px;
}
.ui-icon-pencil {
background-position: -64px -112px;
}
.ui-icon-clock {
background-position: -80px -112px;
}
.ui-icon-disk {
background-position: -96px -112px;
}
.ui-icon-calculator {
background-position: -112px -112px;
}
.ui-icon-zoomin {
background-position: -128px -112px;
}
.ui-icon-zoomout {
background-position: -144px -112px;
}
.ui-icon-search {
background-position: -160px -112px;
}
.ui-icon-wrench {
background-position: -176px -112px;
}
.ui-icon-gear {
background-position: -192px -112px;
}
.ui-icon-heart {
background-position: -208px -112px;
}
.ui-icon-star {
background-position: -224px -112px;
}
.ui-icon-link {
background-position: -240px -112px;
}
.ui-icon-cancel {
background-position: 0 -128px;
}
.ui-icon-plus {
background-position: -16px -128px;
}
.ui-icon-plusthick {
background-position: -32px -128px;
}
.ui-icon-minus {
background-position: -48px -128px;
}
.ui-icon-minusthick {
background-position: -64px -128px;
}
.ui-icon-close {
background-position: -80px -128px;
}
.ui-icon-closethick {
background-position: -96px -128px;
}
.ui-icon-key {
background-position: -112px -128px;
}
.ui-icon-lightbulb {
background-position: -128px -128px;
}
.ui-icon-scissors {
background-position: -144px -128px;
}
.ui-icon-clipboard {
background-position: -160px -128px;
}
.ui-icon-copy {
background-position: -176px -128px;
}
.ui-icon-contact {
background-position: -192px -128px;
}
.ui-icon-image {
background-position: -208px -128px;
}
.ui-icon-video {
background-position: -224px -128px;
}
.ui-icon-script {
background-position: -240px -128px;
}
.ui-icon-alert {
background-position: 0 -144px;
}
.ui-icon-info {
background-position: -16px -144px;
}
.ui-icon-notice {
background-position: -32px -144px;
}
.ui-icon-help {
background-position: -48px -144px;
}
.ui-icon-check {
background-position: -64px -144px;
}
.ui-icon-bullet {
background-position: -80px -144px;
}
.ui-icon-radio-off {
background-position: -96px -144px;
}
.ui-icon-radio-on {
background-position: -112px -144px;
}
.ui-icon-pin-w {
background-position: -128px -144px;
}
.ui-icon-pin-s {
background-position: -144px -144px;
}
.ui-icon-play {
background-position: 0 -160px;
}
.ui-icon-pause {
background-position: -16px -160px;
}
.ui-icon-seek-next {
background-position: -32px -160px;
}
.ui-icon-seek-prev {
background-position: -48px -160px;
}
.ui-icon-seek-end {
background-position: -64px -160px;
}
.ui-icon-seek-start {
background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
background-position: -80px -160px;
}
.ui-icon-stop {
background-position: -96px -160px;
}
.ui-icon-eject {
background-position: -112px -160px;
}
.ui-icon-volume-off {
background-position: -128px -160px;
}
.ui-icon-volume-on {
background-position: -144px -160px;
}
.ui-icon-power {
background-position: 0 -176px;
}
.ui-icon-signal-diag {
background-position: -16px -176px;
}
.ui-icon-signal {
background-position: -32px -176px;
}
.ui-icon-battery-0 {
background-position: -48px -176px;
}
.ui-icon-battery-1 {
background-position: -64px -176px;
}
.ui-icon-battery-2 {
background-position: -80px -176px;
}
.ui-icon-battery-3 {
background-position: -96px -176px;
}
.ui-icon-circle-plus {
background-position: 0 -192px;
}
.ui-icon-circle-minus {
background-position: -16px -192px;
}
.ui-icon-circle-close {
background-position: -32px -192px;
}
.ui-icon-circle-triangle-e {
background-position: -48px -192px;
}
.ui-icon-circle-triangle-s {
background-position: -64px -192px;
}
.ui-icon-circle-triangle-w {
background-position: -80px -192px;
}
.ui-icon-circle-triangle-n {
background-position: -96px -192px;
}
.ui-icon-circle-arrow-e {
background-position: -112px -192px;
}
.ui-icon-circle-arrow-s {
background-position: -128px -192px;
}
.ui-icon-circle-arrow-w {
background-position: -144px -192px;
}
.ui-icon-circle-arrow-n {
background-position: -160px -192px;
}
.ui-icon-circle-zoomin {
background-position: -176px -192px;
}
.ui-icon-circle-zoomout {
background-position: -192px -192px;
}
.ui-icon-circle-check {
background-position: -208px -192px;
}
.ui-icon-circlesmall-plus {
background-position: 0 -208px;
}
.ui-icon-circlesmall-minus {
background-position: -16px -208px;
}
.ui-icon-circlesmall-close {
background-position: -32px -208px;
}
.ui-icon-squaresmall-plus {
background-position: -48px -208px;
}
.ui-icon-squaresmall-minus {
background-position: -64px -208px;
}
.ui-icon-squaresmall-close {
background-position: -80px -208px;
}
.ui-icon-grip-dotted-vertical {
background-position: 0 -224px;
}
.ui-icon-grip-dotted-horizontal {
background-position: -16px -224px;
}
.ui-icon-grip-solid-vertical {
background-position: -32px -224px;
}
.ui-icon-grip-solid-horizontal {
background-position: -48px -224px;
}
.ui-icon-gripsmall-diagonal-se {
background-position: -64px -224px;
}
.ui-icon-grip-diagonal-se {
background-position: -80px -224px;
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
-moz-border-radius-topleft: 4px;
-webkit-border-top-left-radius: 4px;
-khtml-border-top-left-radius: 4px;
border-top-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
-moz-border-radius-topright: 4px;
-webkit-border-top-right-radius: 4px;
-khtml-border-top-right-radius: 4px;
border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-khtml-border-bottom-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
-khtml-border-bottom-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/* Overlays */
.ui-widget-overlay {
background: #aaaaaa url(jquery-ui/bootstrap/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: 0.3;
filter: Alpha(Opacity=30);
}
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(jquery-ui/bootstrap/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: 0.3;
filter: Alpha(Opacity=30);
-moz-border-radius: 8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
} /*
* jQuery UI Resizable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Resizable#theming
*/
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
z-index: 99999;
display: block;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
} /*
* jQuery UI Selectable 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Selectable#theming
*/
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
/*
* jQuery UI Accordion 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Accordion#theming
*/
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
width: 100%;
}
.ui-accordion .ui-accordion-header {
cursor: pointer;
position: relative;
margin-top: 1px;
zoom: 1;
font-weight: bold;
}
.ui-accordion .ui-accordion-li-fix {
display: inline;
}
.ui-accordion .ui-accordion-header-active {
border-bottom: 0 !important;
}
.ui-accordion .ui-accordion-header a {
display: block;
font-size: 1em;
padding: 0.5em 0.5em 0.5em 0.7em;
}
.ui-accordion-icons .ui-accordion-header a {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-icon {
position: absolute;
left: 0.5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
margin-top: -2px;
position: relative;
top: 1px;
margin-bottom: 2px;
overflow: auto;
display: none;
zoom: 1;
}
.ui-accordion .ui-accordion-content-active {
display: block;
}
/*
* jQuery UI Autocomplete 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Autocomplete#theming
*/
.ui-autocomplete {
position: absolute;
cursor: default;
}
/* workarounds */
* html .ui-autocomplete {
width: 1px;
} /* without this, the menu expands to 100% in IE6 */
/*
* jQuery UI Menu 1.8.16
*
* Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Menu#theming
*/
.ui-menu {
list-style: none;
padding: 2px;
margin: 0;
display: block;
float: left;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin: 0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration: none;
display: block;
padding: 0.2em 0.4em;
line-height: 1.5;
zoom: 1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
background: #0064CD;
color: #fff;
}
/*
* jQuery UI Button 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Button#theming
*/
.ui-button {
cursor: pointer;
display: inline-block;
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);
padding: 5px 14px 6px;
margin: 0;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
color: #333;
font-size: 13px;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear background-image;
-moz-transition: 0.1s linear background-image;
-ms-transition: 0.1s linear background-image;
-o-transition: 0.1s linear background-image;
transition: 0.1s linear background-image;
overflow: visible;
} /* the overflow property removes extra width in IE */
.ui-button-primary {
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049cdb", endColorstr="#0064cd", GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-success {
color: #ffffff;
background-color: #57a957;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#62c462), to(#57a957));
background-image: -moz-linear-gradient(top, #62c462, #57a957);
background-image: -ms-linear-gradient(top, #62c462, #57a957);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #62c462), color-stop(100%, #57a957));
background-image: -webkit-linear-gradient(top, #62c462, #57a957);
background-image: -o-linear-gradient(top, #62c462, #57a957);
background-image: linear-gradient(top, #62c462, #57a957);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#62c462", endColorstr="#57a957", GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #57a957 #57a957 #3d773d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-error {
color: #ffffff;
background-color: #c43c35;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ee5f5b), color-stop(100%, #c43c35));
background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
background-image: linear-gradient(top, #ee5f5b, #c43c35);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ee5f5b", endColorstr="#c43c35", GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #c43c35 #c43c35 #882a25;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-button-icon-only {
width: 2.2em;
} /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
/*
width: 2.4em;
margin-right: -.3em;
display: inline-block;
position: relative;
margin-right: .1em;
text-decoration: none !important;
cursor: pointer;
text-align: center;
zoom: 1;
overflow: visible;
*/
} /* button elements seem to need a little more width */
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
}
/*button text element */
.ui-button .ui-button-text {
display: block;
}
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
padding: 0.4em;
text-indent: -9999999px; /*tempfix*/
display: none;
}
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: 0.4em 1em 0.4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
padding: 0.4em 2.1em 0.4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
/* input.ui-button { padding: .4em 1em; } */
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
top: 50%;
margin-top: -3px;
margin-bottom: 3px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
left: 0.5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right: 0.5em;
}
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
right: 0.5em;
}
/*button sets*/
.ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-state-active {
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049cdb", endColorstr="#0064cd", GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -0.4em;
}
/* workarounds */
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
} /* reset extra padding in Firefox */
/*
* jQuery UI Dialog 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Dialog#theming
*/
.ui-dialog {
position: absolute;
padding: 0.2em;
width: 300px;
overflow: hidden;
z-index: 20001;
}
.ui-dialog .ui-dialog-titlebar { /*padding: .4em 1em;*/
position: relative;
padding: 5px 15px;
border: 0px 0px 0px 1px solid;
border-color: white;
padding: 5px 15px;
font-size: 18px;
text-decoration: none;
background: none;
-moz-border-radius-bottomright: 0px;
-webkit-border-bottom-right-radius: 0px;
-khtml-border-bottom-right-radius: 0px;
border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-bottom-left-radius: 0px;
-khtml-border-bottom-left-radius: 0px;
border-bottom-left-radius: 0px;
border-bottom: 1px solid #ccc;
}
.ui-dialog .ui-dialog-title {
float: left;
/*margin: .1em 16px .1em 0; */
color: #404040;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
padding: 5px;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: 0.3em;
top: 50%;
width: 19px;
margin: -10px 0 0 0;
padding: 1px;
height: 18px;
font-size: 20px;
font-weight: bold;
line-height: 13.5px;
text-shadow: 0 1px 0 #ffffff;
filter: alpha(opacity=25);
-khtml-opacity: 0.25;
-moz-opacity: 0.25;
opacity: 0.25;
}
.ui-dialog .ui-dialog-titlebar-close span {
display: block;
margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
padding: 0;
filter: alpha(opacity=90);
-khtml-opacity: 0.9;
-moz-opacity: 0.9;
opacity: 0.9;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: 0.5em 1em;
background: none;
overflow: auto;
zoom: 1;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin: 0.5em 0 0 0;
background-color: #f5f5f5;
padding: 5px 15px 5px;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
-moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
zoom: 1;
margin-bottom: 0;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: 0.5em 0.4em 0.5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 14px;
height: 14px;
right: 3px;
bottom: 3px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
/*
* jQuery UI Slider 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Slider#theming
*/
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: 0.7em;
display: block;
border: 0;
background-position: 0 0;
/*this can be removed if ui-widget-header is blue*/
color: #ffffff;
background-color: #0064cd;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#049cdb), to(#0064cd));
background-image: -moz-linear-gradient(top, #049cdb, #0064cd);
background-image: -ms-linear-gradient(top, #049cdb, #0064cd);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #049cdb), color-stop(100%, #0064cd));
background-image: -webkit-linear-gradient(top, #049cdb, #0064cd);
background-image: -o-linear-gradient(top, #049cdb, #0064cd);
background-image: linear-gradient(top, #049cdb, #0064cd);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#049cdb", endColorstr="#0064cd", GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #0064cd #0064cd #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.ui-slider-horizontal {
height: 0.8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -0.3em;
margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: 0.8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -0.3em;
margin-left: 0;
margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/*
* jQuery UI Datepicker 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Datepicker#theming
*/
.ui-datepicker {
width: 17em;
padding: 0.2em 0.2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: 0.2em 0;
border: 0px;
font-weight: bold;
width: 100%;
padding: 4px 0;
background-color: #f5f5f5;
color: #808080;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { /*top: 1px;*/ }
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover { /*left:1px;*/ }
.ui-datepicker .ui-datepicker-next-hover { /*right:1px;*/ }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: 0.9em;
border-collapse: collapse;
margin: 0 0 0.4em;
}
.ui-datepicker th {
padding: 0.7em 0.3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: 0.7em 0 0 0;
padding: 0 0.2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: 0.5em 0.2em 0.4em;
cursor: pointer;
padding: 0.2em 0.6em 0.3em 0.6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto 0.4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0em;
}
/* RTL support */
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}
.ui-datepicker th {
font-weight: bold;
color: gray;
}
.ui-datepicker-today a:hover {
background-color: #808080;
color: #ffffff;
}
.ui-datepicker-today a {
background-color: #BFBFBF !important;
color: black;
cursor: pointer;
padding: 0 4px;
margin-bottom: 0px;
}
.ui-datepicker td a {
margin-bottom: 0px;
border: 0px;
}
.ui-datepicker td:hover {
color: white;
}
.ui-datepicker td .ui-state-default {
border: 0px;
background: none;
margin-bottom: 0px;
padding: 5px;
color: gray;
text-align: center;
filter: none;
}
.ui-datepicker td .ui-state-active {
background: #BFBFBF;
margin-bottom: 0px;
font-size: normal;
text-shadow: 0px;
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ui-datepicker td .ui-state-default:hover {
background: #0064cd;
color: white;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
/*
* jQuery UI Progressbar 1.8.16
*
* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT or GPL Version 2 licenses.
* http://jquery.org/license
*
* http://docs.jquery.com/UI/Progressbar#theming
*/
.ui-progressbar {
height: 2em;
text-align: left;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
/*this can be removed if ui-widget-header is blue*/
color: #ffffff;
background-color: #379EFF;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#6FB7FF), to(#379EFF));
background-image: -moz-linear-gradient(top, #6FB7FF, #379EFF);
background-image: -ms-linear-gradient(top, #6FB7FF, #379EFF);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6FB7FF), color-stop(100%, #379EFF));
background-image: -webkit-linear-gradient(top, #6FB7FF, #379EFF);
background-image: -o-linear-gradient(top, #6FB7FF, #379EFF);
background-image: linear-gradient(top, #6FB7FF, #379EFF);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6FB7FF", endColorstr="#379EFF", GradientType=0);
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
border-color: #379EFF #379EFF #003f81;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
/*** Input field styling from Bootstrap **/
/*input, textarea {
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-ms-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input:focus, textarea:focus {
outline: 0;
border-color: rgba(82, 168, 236, 0.8);
-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(82, 168, 236, 0.6);
}
input[type=file]:focus, input[type=checkbox]:focus, select:focus {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: 1px dotted #666;
}
input[type="text"],
input[type="password"],
.ui-autocomplete-input,
textarea,
.uneditable-input {
display: inline-block;
width: 210px;
height: 18px;
padding: 4px;
font-size: 13px;
line-height: 18px;
color: #808080;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}*/
/**Toolbar**/
.ui-toolbar {
padding: 7px 14px;
margin: 0 0 18px;
background-color: #f5f5f5;
background-repeat: repeat-x;
background-image: -khtml-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -ms-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5));
background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
background-image: linear-gradient(top, #ffffff, #f5f5f5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f5f5f5", GradientType=0);
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
}
/***Dialog fixes**/
.ui-dialog-buttonset .ui-button:nth-child(2) {
cursor: pointer;
display: inline-block;
background-color: #e6e6e6;
background-repeat: no-repeat;
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#e6e6e6", GradientType=0);
padding: 5px 14px 6px;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
color: #333;
font-size: 13px;
line-height: normal;
border: 1px solid #ccc;
border-bottom-color: #bbb;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
-webkit-transition: 0.1s linear all;
-moz-transition: 0.1s linear all;
-ms-transition: 0.1s linear all;
-o-transition: 0.1s linear all;
transition: 0.1s linear all;
overflow: visible;
}
/*!
* Colorpicker for Bootstrap
*
* Copyright 2012 Stefan Petre
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
*/
.colorpicker-saturation {
width: 100px;
height: 100px;
background-image: url(img/saturation.png);
cursor: crosshair;
float: left;
}
.colorpicker-saturation i {
display: block;
height: 5px;
width: 5px;
border: 1px solid #000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: absolute;
top: 0;
left: 0;
margin: -4px 0 0 -4px;
}
.colorpicker-saturation i b {
display: block;
height: 5px;
width: 5px;
border: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.colorpicker-hue, .colorpicker-alpha {
width: 15px;
height: 100px;
float: left;
cursor: row-resize;
margin-left: 4px;
margin-bottom: 4px;
}
.colorpicker-hue i, .colorpicker-alpha i {
display: block;
height: 1px;
background: #000;
border-top: 1px solid #fff;
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-top: -1px;
}
.colorpicker-hue {
background-image: url(img/hue.png);
}
.colorpicker-alpha {
background-image: url(img/alpha.png);
display: none;
}
.colorpicker {
*zoom: 1;
top: 0;
left: 0;
padding: 4px;
min-width: 120px;
margin-top: 1px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.colorpicker:before, .colorpicker:after {
display: table;
content: "";
}
.colorpicker:after {
clear: both;
}
.colorpicker:before {
content: "";
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #ccc;
border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 6px;
}
.colorpicker:after {
content: "";
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 7px;
}
.colorpicker div {
position: relative;
}
.colorpicker.alpha {
min-width: 140px;
}
.colorpicker.alpha .colorpicker-alpha {
display: block;
}
.colorpicker-color {
height: 10px;
margin-top: 5px;
clear: both;
background-image: url(img/alpha.png);
background-position: 0 100%;
}
.colorpicker-color div {
height: 10px;
}
.input-append.color .add-on i, .input-prepend.color .add-on i {
display: block;
cursor: pointer;
width: 16px;
height: 16px;
}
/* Styles that are specific to TBE, as well as override rules in bootstrap.css */
body.mainPage, body.ews, body.login {
padding-top: 100px;
background-color: #f0f0f0;
}
body.tab-layout, body.menubody, body.chromeless {
padding-top: 0;
}
body.selector, body.chromeless {
padding: 10px;
background-color: #ffffff;
}
.selector #header, .selector .navbar, .selector #sidebar {
display: none;
}
.selector .container-fluid > #content, .selector .container-sm > #content, .selector .container-md > #content, .selector .container-lg > #content, .selector .container-xl > #content, .selector .container-xxl > #content {
margin-left: 0;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
/* Page Customizations */
body.actuatePortlet {
margin: 0;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.paramDisplayName {
font-style: normal;
font-size: 12pt !important;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}
.login h3, .login .h3 {
font-size: 18px;
text-align: left;
font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.login .text {
text-align: left;
}
.login .alert {
padding-right: 8px;
margin-bottom: 5px;
min-height: 35px;
width: 275px;
color: #333333;
background-color: #fff;
border: 0;
}
.login .alert img {
float: left;
margin: 5px 10px 0 -5px;
}
.Administration .PortletContentWOPadding table td {
padding: 10px;
}
.StatusMappingsOnBoarding .ui-progressbar {
margin-top: -10px;
}
.RatingScaleView #ratingScale_InformationBox input, .RatingScaleView #ratingScale_InformationBox select,
.RatingScaleUpdate #ratingScale_InformationBox input, .RatingScaleUpdate #ratingScale_InformationBox select {
width: auto;
margin-bottom: 0;
padding: 1px;
cursor: pointer; /* override not-allowed */
height: 18px;
box-sizing: content-box;
}
.RatingScaleView #ratingScale_InformationBox select, .RatingScaleUpdate #ratingScale_InformationBox select {
height: 21px;
width: 110px;
}
.reporting .btn-group {
float: right;
margin-right: 20px;
}
.reporting .btn-group .btn {
padding-top: 6px;
vertical-align: middle;
}
.reporting .btn-group .btn img {
padding-right: 2px;
vertical-align: top;
}
#createScaleDiv {
text-align: center;
}
#ratingScalesContainer_div {
margin: 0 auto;
}
#ratingScalesContainer {
background-color: #E1E1E1;
padding: 10px;
padding-bottom: 40px;
margin-left: 60px;
}
#ratingSegmentContainer_td {
text-align: center;
height: 170px;
vertical-align: top;
}
#ratingSegmentContainer {
text-align: center;
position: relative;
margin: 0 auto;
}
.hidden {
display: none;
}
/*Bug Fix: TBE-11544 : Fixes the alignment b/w labels on the left and the label rows on the right */
.ratingScaleDetailsBoxCellHeight {
height: 24px;
}
.inputLabels_detailsBox_div {
text-align: right;
width: 130px;
border: 0px;
}
.inputLabels_detailsBox_div_div {
padding: 5px;
border-bottom: 1px dotted #CCCCCC;
height: 24px; /* This should be the same as .ratingScaleDetailsBoxCellHeight */
padding-right: 10px;
box-sizing: content-box;
}
.SubmitReferral .PortletContent > table > tbody > tr > td > img {
height: 15px;
}
/* To fix alignment issue in IE8 */
.CalendarWeek .ResultsHeaderRight, .CalendarDay .ResultsHeaderRight, .CalendarMonth .ResultsHeaderRight {
width: 220px;
text-align: right;
}
select.timezone {
width: auto;
}
.AssignUserPages select, .AssignUserViews select, .AssignRoleViews select, .AssignRolePages select,
.OrgChartEdit1 select {
width: auto;
min-width: 220px;
}
/* To handle viewed/unviewed for Candidates */
.onboarding-employees .RowBold td, .onboarding-employees .RowBold td b,
.offboarding-employees .RowBold td, .offboarding-employees .RowBold td b,
.RowNormal td, .RowNormal td b, .RowNormal td a {
font-weight: normal;
}
.onboarding-employees .RowNormal td a,
.offboarding-employees .RowNormal td a {
font-weight: bold;
}
.RowBold td, .RowBold td b, .RowBold td a {
font-weight: bold;
}
.RowBold td div.btn-group a {
font-weight: normal;
}
/* Zip Code Country and Radius fix */
#label_for_field_zipCode_radius, #label_for_field_searchRadiusZipCountryCode_select {
display: inline-block;
}
#searchRadiusZipCountryCode_select, #zipCode_radius {
width: auto;
margin-top: 5px;
}
/* TBE-11567: Reason for leaving field is oversized */
.EmployeeEdit #reasonForLeaving_1 {
width: auto;
}
.PluginEdit .text, .StatusEditActivity #displayDescLabel {
width: auto;
}
.FieldAdd2 #limitSpinnerSpan, .FieldEdit #limitSpinnerSpan {
vertical-align: top;
display: inline-block;
position: absolute;
margin-top: -5px;
margin-left: 3px;
}
.FieldAdd2 .ui-spinner, .FieldEdit .ui-spinner {
position: absolute;
margin-left: -2px;
}
.RequisitionEdit #tscCalInstantSchedulingScore {
display: inline-block;
height: auto;
}
input, textarea, select, .uneditable-input {
color: #333333;
}
/* Get rid of outline when clicking on elements: http://css-tricks.com/removing-the-dotted-outline/ */
a:focus {
outline: 0;
}
a.greyNoUnderline {
color: gray;
text-decoration: none;
}
/* Some printable headers (those created from WebHelper.getTRPrintablePageHeader) use divs instead of tables to set the logo and print/close links.
For those headers use the below style for the links.*/
a.greyNoUnderlineFloat {
float: right;
color: gray;
text-decoration: none;
}
body.selector .SearchForm {
margin-top: 0;
line-height: 24px;
padding: 0;
}
.login input[type=text], .login input[type=password] {
height: 40px;
}
/* Override some Bootstrap defaults */
body, table th, table td, label, input, button, select, textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color],
.uneditable-input {
font-size: 12px;
}
select, textarea, input[type=text], input[type=password], input[type=datetime], input[type=datetime-local], input[type=date], input[type=month], input[type=time], input[type=week], input[type=number], input[type=email], input[type=url], input[type=search], input[type=tel], input[type=color], .uneditable-input {
margin-bottom: 9px;
}
/* TBE-12503: Fix for gigantic eQuest buttons */
input[type=image] {
width: auto;
}
table, form {
margin-bottom: 0;
}
label {
float: none;
vertical-align: middle;
}
input[type=file] {
height: 25px;
padding-top: 1px;
line-height: 20px;
}
textarea {
width: auto;
}
table {
empty-cells: show;
}
table th, table td {
line-height: normal;
padding: 0;
}
table.no-padding td {
padding: 0;
}
table.no-padding td.text {
padding: 0 5px;
}
table.no-spacing {
border-collapse: collapse;
}
th input[type=checkbox] {
margin-top: -5px;
}
/* End of overriding defaults */
#tabConfigContainer {
margin-top: -1px;
}
#tabConfigContainer table table table td {
vertical-align: middle;
}
#tabConfigContainer table table table {
width: auto;
}
#tabConfigContainer table td table td {
padding: 2px 5px 2px 5px;
}
#tabConfigContainer input[type=text] {
color: #000000;
margin-bottom: 2px;
/*height: 16px;*/
}
#tabConfigContainer select {
padding: 2px 4px 2px 4px;
margin-bottom: 2px;
}
#tabConfigContainer table.move-controls {
margin-top: 20px;
}
#tabConfigContainer table.move-controls td {
padding: 0;
}
table .header:after {
content: none;
}
#sidebar a, .datagrid a {
/* http://www.quirksmode.org/css/tests/iewin_fontweight.html */
font-weight: bold;
}
.text > input[type=checkbox] {
margin-right: 5px;
}
/* Layouts */
#header {
height: 50px;
position: absolute;
top: 0;
width: 100%; /* MR: This causes horizontal scrollbar in IE7, still haven't figured out how to solve. */
z-index: 1000;
background-color: #fff;
}
#header div.logo {
height: 50px;
overflow: hidden;
}
#header img.logo {
margin: 7px 0 0 10px;
}
#header .dashboard {
position: absolute;
right: 0;
top: 0;
padding-top: 10px;
height: 32px;
}
#menu-help {
margin-right: 10px;
}
#menu-help .dropdown-menu {
min-width: 120px;
}
#menu-view {
margin-right: 10px;
margin-left: -10px;
}
#menu-view .dropdown-menu {
min-width: 60px;
}
.navbar {
top: 50px;
position: absolute;
z-index: 95;
min-width: 1430px;
background-color: #4884a6;
padding: 0px;
}
.navbar .nav {
margin-left: 41px;
}
.navbar div > ul > li {
z-index: 950;
}
.navbar .open a {
border-right-width: 0;
}
.navbar-inner {
background-color: transparent;
filter: none; /* Fixes background color from bootstrap in IE */
background-image: none;
box-shadow: none;
min-height: 39px;
}
.navbar .dropdown-toggle:after {
content: none;
}
.navbar .nav > li > a {
color: #ffffff;
text-shadow: none;
padding-top: 10px;
}
.navbar .nav .active {
border: none;
background-color: #ffffff;
}
.navbar .nav .active > a {
border-top: 0;
color: #333;
margin-top: -1px;
padding-bottom: 12px;
}
.navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav > li.active:first-child {
background-color: #f0f0f0;
font-weight: bold;
}
.navbar .nav li.dropdown.active > .dropdown-toggle:hover, .ews .navbar .nav li.dropdown.active > a:hover {
color: #333;
background-color: #f0f0f0;
}
.nav .active .active {
/* for submenus: TBE-10733 */
font-weight: bold;
color: #333;
}
.dropdown-menu {
box-shadow: none;
max-width: none; /* Fixes TBE-11913: French Locale menu item too long */
}
.navbar .dropdown-menu:before, .navbar .dropdown-menu:after {
content: none; /* Hides up arrow in drop down menu */
}
.navbar div > ul .dropdown-menu, .nav .dropdown-menu {
top: 39px;
border-top: none;
}
#toplinkcontainer .navbar div > ul .dropdown-menu, #toplinkcontainer .nav .dropdown-menu {
top: 30px;
}
.nav-tabs .dropdown-menu {
top: 26px;
}
.navbar .nav li.dropdown:last-child .dropdown-menu {
z-index: -1;
top: 37px;
}
.nav .dropdown-menu {
margin-left: -1px;
z-index: 9999;
padding: 0;
}
.nav .dropdown-top {
display: none;
}
.navbar div > ul .active .dropdown-toggle, .navbar div > ul .active .dropdown-menu,
.navbar .nav > li.dropdown.active:first-child .dropdown-toggle,
.ews .navbar div > ul .active > a {
background-color: #f0f0f0;
border-top: 0;
}
.navbar div > ul .active .dropdown-menu {
margin-left: -1px;
}
.navbar div > ul .dropdown-menu li a, .nav .dropdown-menu li a {
color: #333333;
}
.navbar div > ul .dropdown-menu li a, .nav .dropdown-menu li a {
text-shadow: none;
}
.navbar div > ul .dropdown-menu li a:hover, .nav .dropdown-menu li a:hover, .dropmenudiv a:hover {
background-image: none;
color: #333333;
filter: none; /* Fixes background color from bootstrap in IE */
}
#tx_help_section {
width: 35px;
}
#mobile_setup_link {
float: left;
position: absolute;
padding-top: 7px;
left: -25px;
top: 10px;
}
#mobile_instructions_bg {
background: url("../../img/UIv8/mobile/MobileSplashScreen_bkgrd.png") no-repeat scroll 0 0 transparent;
height: 540px;
width: 800px;
}
#mobile_instructions_step1 {
background: url("../../img/UIv8/mobile/MobileSplashScreen_step1.png") no-repeat scroll 0 0 transparent;
height: 65px;
width: 195px;
position: absolute;
right: 12px;
top: 205px;
cursor: pointer;
background-size: contain;
}
#mobile_instructions_step2 {
background: url("../../img/UIv8/mobile/MobileSplashScreen_step2.png") no-repeat scroll 0 0 transparent;
height: 64px;
width: 195px;
position: absolute;
right: 12px;
top: 270px;
cursor: pointer;
background-size: contain;
}
#mobile_instructions_email {
background: url("../../img/UIv8/mobile/MobileSplashScreen_email.png") no-repeat scroll 0 0 transparent;
height: 40px;
width: 195px;
position: absolute;
right: 12px;
top: 335px;
cursor: pointer;
background-size: contain;
}
#mobile_instructions_app_store {
background: url("../../img/UIv8/mobile/MobileSplashScreen_appstore.png") no-repeat scroll 0 0 transparent;
height: 31px;
width: 104px;
position: absolute;
top: 480px;
left: 20px;
cursor: pointer;
}
#mobile_instructions_iphone_bg {
background: url("../../img/UIv8/mobile/MobileSplashScreen_iPhone_bkgrd.png") no-repeat scroll 0 0 transparent;
height: 480px;
width: 320px;
background-size: contain;
}
#mobile_instructions_iphone_step1 {
background: url("../../img/UIv8/mobile/MobileSplashScreen_step1.png") no-repeat scroll 0 0 transparent;
height: 35px;
width: 108px;
position: absolute;
right: 19px;
top: 192px;
cursor: pointer;
background-size: contain;
}
#mobile_instructions_iphone_step2 {
background: url("../../img/UIv8/mobile/MobileSplashScreen_step2.png") no-repeat scroll 0 0 transparent;
height: 35px;
width: 108px;
position: absolute;
right: 19px;
top: 238px;
cursor: pointer;
background-size: contain;
}
#mobile_instructions_iphone_email {
background: url("../../img/UIv8/mobile/MobileSplashScreen_email.png") no-repeat scroll 0 0 transparent;
height: 23px;
width: 108px;
position: absolute;
right: 19px;
top: 284px;
cursor: pointer;
background-size: contain;
}
.msg_general_notification {
background: url("../../img/UIv8/icon_general_notification.png") no-repeat scroll 0 0 transparent;
float: left;
height: 20px;
left: 0;
top: 0;
width: 24px;
}
/* auto events notification message menu */
.msg_notification_ae_header {
background-position: 26.297% 76.934%;
background-repeat: no-repeat;
width: 24px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
float: left;
cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.msg_notification_ae_header {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.msg_notification_ae_header_inactive {
background-position: 26.316% 75.271%;
background-repeat: no-repeat;
width: 24px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
float: left;
cursor: default;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.msg_notification_ae_header_inactive {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
/* notification message menu */
.msg_notification_header {
background-position: 25.955% 80.505%;
background-repeat: no-repeat;
width: 24px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
float: left;
cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.msg_notification_header {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.msg_notification_header_inactive {
background-position: 25.974% 78.845%;
background-repeat: no-repeat;
width: 24px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
float: left;
cursor: default;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.msg_notification_header_inactive {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
/* ews notification menu */
.ews_notification_header {
background-position: 25.881% 83.96%;
background-repeat: no-repeat;
width: 24px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
float: left;
cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ews_notification_header {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.ews_notification_header_inactive {
background-position: 25.881% 82.37%;
background-repeat: no-repeat;
width: 24px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
float: left;
cursor: default;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ews_notification_header_inactive {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
/* Bookmark link menu */
.bookmark_section_bg_div_disable {
background-position: 80.464% 87.916%;
background-repeat: no-repeat;
width: 24px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
float: left;
cursor: default;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.bookmark_section_bg_div_disable {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.bookmark_section_bg_div_compress {
background-position: 78.455% 92.499%;
background-repeat: no-repeat;
width: 24px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
float: left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.bookmark_section_bg_div_compress {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
/* Bookmark link menu */
.bookmark_remove {
background: url("../../img/UIv8/remove.png") no-repeat white;
float: left;
height: 21px;
left: 0;
top: 0;
width: 17px;
margin-top: 3px;
}
.removeBookmark {
display: none;
}
.bookMarkpadding {
padding: 5px;
}
.bookmark_handle {
background-position: 41.2% 73.3%;
background-repeat: no-repeat;
width: 11px;
height: 36px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
position: absolute;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.bookmark_handle {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.user_talent_center_section_header {
background-position: 26.1% 70.1%;
background-repeat: no-repeat;
width: 28px;
height: 28px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
float: left;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.user_talent_center_section_header {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
/* crm notification menu */
.crm_notification_header {
background-position: 26.244% 73.483%;
background-repeat: no-repeat;
width: 24px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
float: left;
cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.crm_notification_header {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.crm_notification_header_inactive {
background-position: 26.244% 71.936%;
background-repeat: no-repeat;
width: 24px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
float: left;
cursor: default;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.crm_notification_header_inactive {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.msg_notification_comments, .msg_notification_ae_comments, .msg_notification_ews_comments, .msg_notification_crm_comments {
height: 13px;
margin: 0;
position: relative;
top: -6px;
width: 13px;
left: 8px;
background-color: #da4f49;
padding: 1px 1px 1px 1px;
color: white;
font-weight: bold;
}
#notification_section, #notification_ae_section, #notification_ews_section, #notification_crm_section, #bookmark_section, #user_talent_center_section {
padding-top: 7px;
padding-bottom: 7px;
float: left;
padding-left: 3px;
padding-right: 8px;
height: 16px;
}
#notification_section_corner {
height: 31px;
float: left;
padding-left: 7px;
}
#notification_dropdown, #notification_ae_dropdown, #notification_ews_dropdown, #notification_crm_dropdown {
display: none;
position: absolute;
z-index: 2000;
left: 0;
font-size: 11px;
}
#notification_dropdown ul, #notification_ae_dropdown ul, #notification_ews_dropdown ul, #notification_crm_dropdown ul {
list-style: none;
margin: 0;
padding: 0;
text-align: left;
}
#notification_dropdown ul li, #notification_ae_dropdown ul li, #notification_ews_dropdown ul li, #notification_crm_dropdown ul li {
padding: 5px 5px 5px 5px;
height: 20px;
box-sizing: content-box;
}
#msg_notification_bottomline, #msg_notification_ae_bottomline, #msg_notification_ews_bottomline, #msg_notification_crm_bottomline {
border-bottom: 1px solid #CCC;
}
#msg_notification_topline, #msg_notification_ae_topline, #msg_notification_ews_topline, #msg_notification_crm_topline {
border-top: 1px solid #CCC;
}
.notificationSectionTitle {
padding-top: 4px;
padding-bottom: 5px;
font-size: 13px;
font-weight: bold;
color: #0000ff;
}
.notificationSectionTd {
padding-top: 6px;
padding-bottom: 10px;
border-bottom: 2px;
border-bottom-color: #808080;
border-bottom-style: solid;
padding-right: 0;
}
#toplinkcontainer {
height: 30px;
margin-right: 10px;
white-space: nowrap;
display: inline;
}
#toplinkcontainer .nav {
font-size: 12px; /*font-size: .9em;*/
font-weight: 400;
margin-top: 5px;
float: left;
}
#toplinkcontainer .nav > li > a {
color: #333333;
margin-top: -10px;
padding: 10px;
border-style: solid;
border-width: 1px;
border-color: transparent;
}
#toplinkcontainer div.nav {
margin-right: 5px;
margin-left: 5px;
margin-top: 6px;
}
#toplinkcontainer div.nav > a {
color: #333333;
}
#toplinkcontainer .dropdown-toggle:after {
border-top-color: black;
}
#toplinkcontainer #logout_section {
float: left;
}
li.separator {
border-top: 1px dotted black;
}
#searchboxContainer {
background-color: #FFFFFF;
padding-bottom: 10px;
}
.container-fluid > #sidebar, .container-sm > #sidebar, .container-md > #sidebar, .container-lg > #sidebar, .container-xl > #sidebar, .container-xxl > #sidebar {
border-left: 0 !important;
position: absolute;
width: 220px;
top: 0;
left: 0;
margin-top: 100px;
}
.container-fluid > #sidebar input, .container-sm > #sidebar input, .container-md > #sidebar input, .container-lg > #sidebar input, .container-xl > #sidebar input, .container-xxl > #sidebar input {
margin-left: 10px;
border-style: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none;
}
.container-fluid > #sidebar .span3, .container-sm > #sidebar .span3, .container-md > #sidebar .span3, .container-lg > #sidebar .span3, .container-xl > #sidebar .span3, .container-xxl > #sidebar .span3 {
width: 150px;
border-style: none;
}
.container-fluid > #sidebar h4, .container-sm > #sidebar h4, .container-md > #sidebar h4, .container-lg > #sidebar h4, .container-xl > #sidebar h4, .container-xxl > #sidebar h4, .container-fluid > #sidebar .h4, .container-sm > #sidebar .h4, .container-md > #sidebar .h4, .container-lg > #sidebar .h4, .container-xl > #sidebar .h4, .container-xxl > #sidebar .h4 {
padding-left: 10px;
font-size: 14px;
line-height: 36px;
font-weight: 300;
background-color: #4884a6;
color: #FFFFFF;
}
.container-fluid > #sidebar h4 button, .container-sm > #sidebar h4 button, .container-md > #sidebar h4 button, .container-lg > #sidebar h4 button, .container-xl > #sidebar h4 button, .container-xxl > #sidebar h4 button, .container-fluid > #sidebar .h4 button, .container-sm > #sidebar .h4 button, .container-md > #sidebar .h4 button, .container-lg > #sidebar .h4 button, .container-xl > #sidebar .h4 button, .container-xxl > #sidebar .h4 button {
font-size: 7px;
padding: 2px 2px 1px 1px;
vertical-align: middle;
}
#sidebar #minimize_panel {
float: right;
margin-right: 4px;
margin-top: 9px;
padding: 0 5px 2px;
line-height: normal;
filter: none;
padding-right: 10px;
cursor: pointer;
}
#sidebar .leftArr {
background: url(../../img/UIv9/ats-icons-sprite.png) no-repeat 3.783% 88.705%;
width: 9px;
height: 14px;
}
/* Shown when panel is hidden */
#sidebar #panelTab {
background-position: 3.15% 77.25%;
background-repeat: no-repeat;
width: 32px;
height: 32px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
background-color: #4884a6;
cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#sidebar #panelTab {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
#sidebar #searchBox .search, #sidebar #searchBoxFirstLastName .search,
#quickSearch #searchBox .search, #quickSearch #searchBoxFirstLastName .search {
background-position: 5.3% 76.99%;
background-repeat: no-repeat;
width: 22px;
height: 22px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
filter: none; /* Fixes missing background icon in IE */
position: absolute;
right: 10px;
top: 48px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
#sidebar #searchBox .search, #sidebar #searchBoxFirstLastName .search,
#quickSearch #searchBox .search, #quickSearch #searchBoxFirstLastName .search {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
#sidebar #searchBoxFirstLastName .search, #quickSearch #searchBoxFirstLastName .search {
top: 3px;
right: -4px;
}
#sidebar .advancedlinkContainer {
font-size: 10px;
font-weight: bold;
margin: 5px 0px 14px 14px;
text-align: left;
width: 150px;
color: blue;
}
hr.lgRuler {
margin: 0px;
border-top: 2px solid #ddd;
opacity: 1;
}
#sidebar #searchBoxFirstLastName, #quickSearch #searchBoxFirstLastName {
position: relative;
width: 207px;
margin: 10px 0 0 0;
}
#sidebar .fLNBoxConnection, #quickSearch .fLNBoxConnection {
background: transparent url(../../img/UIv8/fakesearchConnectionBck2.gif) no-repeat scroll left top;
height: 27px;
width: 17px;
position: absolute;
top: 16px;
right: 26px;
}
#sidebar .fLNBoxMagnifier, #quickSearch .fLNBoxMagnifier {
position: absolute;
right: 0;
top: 14px;
width: 25px;
}
#leftpanelContainer {
padding-bottom: 10px;
}
#leftpanelContainer #recentItems {
padding-bottom: 20px;
margin-top: 5px;
background-color: #FFFFFF;
}
#recentItems .configure {
width: 20px;
height: 21px;
position: absolute;
right: 0;
margin-top: -36px;
margin-right: 12px;
cursor: pointer;
}
.btn-group > .dropdown-menu {
min-width: 100px;
}
.btn-group.open > ul.dropdown-menu {
float: right;
}
.btn-group:before,
.btn-group:after {
display: inline;
}
.btn-group > .dropdown-menu a {
padding: 0 8px;
cursor: pointer;
}
.configure-buttons, .configure-dummy {
width: 20px;
height: 19px;
margin-left: 4px;
margin-right: 8px;
margin-top: 4px;
display: inline-block;
vertical-align: middle;
/*float: left;*/
zoom: 1;
*display: inline;
}
.configure-buttons {
cursor: pointer;
margin-bottom: 4px;
}
div.btn-group > input.btn {
height: 28px;
}
.btn-group > b {
position: relative;
float: left;
margin-left: -1px;
padding: 1px 8px 2px 2px;
}
.btn-group > .dropdown-menu > li > b {
padding: 0 5px;
white-space: nowrap;
}
.btn-group > input[disabled],
.btn-group > input[readonly] {
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}
.result-header-button-bar {
position: relative;
display: inline;
float: left;
}
#btnDynamicContent .divider {
*width: 100%;
height: 1px;
margin: 8px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
}
ul.dropdown-menu > li > input {
margin: 0;
border: none;
background-color: transparent;
clear: both;
color: #333333;
display: block;
font-weight: normal;
line-height: 18px;
height: 18px;
padding: 0 8px;
white-space: nowrap;
cursor: pointer;
width: 100%;
text-align: left;
}
.dropdown-menu li > input:hover,
.dropdown-menu .active > input,
.dropdown-menu .active > input:hover {
color: #ffffff;
text-decoration: none;
background-color: #0088cc;
}
.dropdown-menu-inactive-link {
padding: 0 8px;
color: #999;
cursor: pointer;
}
.btn-menu-inactive-link {
color: #999;
}
.btn-menu-always-inactive-link {
color: #999 !important;
}
.select-bar {
margin-left: 0;
background-color: #F5F5F5;
background-image: -moz-linear-gradient(center top, #FFFFFF, #E6E6E6);
background-repeat: repeat-x;
}
.select-bar:hover {
background-color: #e6e6e6;
color: #333333;
background-position: 0 -15px;
-webkit-transition: background-position 0.1s linear;
-moz-transition: background-position 0.1s linear;
-ms-transition: background-position 0.1s linear;
-o-transition: background-position 0.1s linear;
transition: background-position 0.1s linear;
}
.select-bar > option {
background-color: white;
}
#recentItemsConfigContent label, #buttonsConfig label {
margin: 2px 0;
}
#recentItemsConfigContent input[type=checkbox], #buttonsConfig input[type=checkbox] {
margin-right: 5px;
}
#recentItemsConfig li, #buttonsConfig li {
list-style: none;
}
#leftpanelContainer #recentItems ul {
list-style: none;
margin: 0px;
}
#leftpanelContainer #recentItems li {
background-color: #fff;
padding-top: 10px;
}
#searchBoxFirstLastName > .containFLNBox:after {
content: "";
display: block;
height: 2px;
width: 72%;
margin: 0px 0px 5px 14px;
background: #ddd;
}
#searchboxContainer #searchBox .contain {
padding-top: 10px;
}
#searchboxContainer #searchBox .contain:after {
content: "";
display: block;
height: 2px;
width: 68.5%;
margin: -6px 0px 0px 14px;
background: #ddd;
}
/*#leftpanelContainer #recentItems li:after {
content: "";
display: block;
height: 2px;
width: 100%;
margin: 10px 0px 0px 0px;
background: #ddd;
}*/
#leftpanelContainer #recentItems li:hover,
.docpreview-personinfo:hover {
cursor: pointer;
}
#leftpanelContainer #recentItems li div > span {
height: 35px;
width: 36px;
display: inline-block;
vertical-align: middle;
margin-right: 5px;
margin-left: 13px;
}
#recentItems .details {
width: 145px;
position: relative;
left: 45px;
margin-top: -40px;
height: 40px;
}
#leftpanelContainer #recentItems li .details > span {
display: block;
width: 100%;
height: auto;
padding-top: 7px;
white-space: nowrap;
/*overflow: hidden;*/
}
#leftpanelContainer #recentItems li .details .title {
color: #666;
padding-top: 0;
}
#leftpanelContainer #recentItems li div > span img {
vertical-align: middle;
}
#leftpanelContainer #subscribeSection {
text-align: center;
padding: 0px 0px 20px 0px;
margin-top: 5px;
background-color: #FFFFFF;
}
#leftpanelContainer #subscribeSection #subscribeButton {
margin-top: 30px;
}
.container-fluid > #content, .container-sm > #content, .container-md > #content, .container-lg > #content, .container-xl > #content, .container-xxl > #content {
margin-left: 230px;
}
h1, .h1 {
font-size: 18px;
font-weight: 300;
margin: 10px 0;
}
.tab-layout h1, .tab-layout .h1 {
margin: 0;
font-size: 18px;
}
.tab-layout {
overflow-y: auto;
}
.browser-upgrade {
margin-top: 10px;
}
.modern-browsers li {
display: inline;
margin-left: 10px;
}
h1 span, .h1 span {
height: 40px;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
margin-bottom: 10px;
width: 41px;
}
h1 .custom, .h1 .custom {
float: left;
margin-top: -10px;
}
h1 .heading-nav, .h1 .heading-nav {
font-weight: normal;
font-size: 11px;
color: #000000;
text-decoration: underline;
}
h1 .heading-nav span, .h1 .heading-nav span {
margin-right: 5px;
margin-bottom: 5px;
}
h1 .back-to-list, .h1 .back-to-list {
background-position: 11.1% 74.202%;
background-repeat: no-repeat;
width: 28px;
height: 24px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
margin-left: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
h1 .back-to-list, .h1 .back-to-list {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
h1 .previous, .h1 .previous {
background-position: 11.1% 76.651%;
background-repeat: no-repeat;
width: 28px;
height: 24px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
margin-left: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
h1 .previous, .h1 .previous {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
h1 .next, .h1 .next {
background-position: 11.727% 79.393%;
background-repeat: no-repeat;
width: 28px;
height: 24px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
margin-left: 5px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
h1 .next, .h1 .next {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
/* Administration icons */
a .customize-recruit {
background-position: 36.871% 77.52%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
a .customize-recruit {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
a .customize-perform {
background-position: 36.852% 82.279%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
a .customize-perform {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
a .organization-setup {
background-position: 36.875% 91.706%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
a .organization-setup {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
a .backup-service {
background-position: 36.915% 95.59%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
a .backup-service {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
h1 .links, .h1 .links {
vertical-align: middle;
font-size: 12px;
width: auto;
margin: 0 0 0 10px;
}
.SearchBox {
padding: 4px;
}
.emailStyle {
vertical-align: baseline;
margin-left: 8px;
}
.SearchForm {
padding: 8px 0 0 0;
}
.SearchForm input {
margin-bottom: 5px;
}
.SearchBoxHr {
margin: 0 0 8px;
}
/* common width: 40px, height: 34px */
a .customize-recruit {
width: 35px;
height: 33px;
display: block;
}
a .customize-perform {
width: 36px;
height: 29px;
display: block;
}
a .organization-setup {
width: 35px;
height: 34px;
display: block;
}
a .backup-service {
width: 38px;
height: 29px;
display: block;
}
a .customize-onboarding {
background-position: 37.027% 86.85%;
background-repeat: no-repeat;
width: 36px;
height: 30px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
a .customize-onboarding {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
a .customize-learn {
background-position: 41.584% 91.749%;
background-repeat: no-repeat;
width: 36px;
height: 30px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
a .customize-learn {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
/* My View icon in top menu bar */
.navbar .nav > li:first-child > a, .navbar .nav > li:first-child > a:hover {
text-indent: -2000px;
width: 38px;
}
.nav-tabs {
border-bottom: 0;
position: relative;
top: 1px;
margin-bottom: 1px;
}
.nav-tabs > li > a, .ui-tabs .ui-tabs-nav li a {
margin-right: -1px;
padding-bottom: 4px;
padding-top: 4px;
border: 0;
border-radius: 0;
}
.nav-tabs > .active, .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
margin-top: -4px;
}
.nav-tabs > .active > a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
margin-top: 0;
padding-top: 8px;
padding-bottom: 5px;
border: 0;
}
.nav-tabs .configure, .widgets .configure {
width: 12px;
height: 18px;
display: block;
margin-bottom: -1px;
}
.nav-tabs-sortable {
list-style: none;
}
.nav-tabs-sortable li {
cursor: move;
padding: 5px;
border: 1px solid silver;
margin-bottom: 3px;
width: 300px;
}
.nav-tabs-sortable li .label {
float: right;
}
.datagrid, .DatagridTable {
/* to squish up against tabs */
margin-top: 0px;
}
table.association {
margin-top: -5px;
}
td.association {
padding-top: 0;
}
a.association {
padding: 0 5px; /* add padding b/w link and brackets [ link ] */
}
.selector .datagrid, .selector .DatagridTable {
margin-top: 0;
}
.ResultsHeader.right {
padding-top: 5px;
padding-right: 5px;
}
.PortletContent > div.InformationBox {
margin: 10px 10px 18px 10px;
}
.PortletContent > div.InformationBox.custom-roles {
margin-left: 40px !important;
}
.PortletContent .ajax-loader {
color: green;
}
.InformationHeader h3, .InformationHeader .h3 {
line-height: normal;
}
.cluetip-inner .InformationBox {
border: 0;
}
/* Stretches table header and footer to fit width of table - https://engineering.tbetaleo.com/jira/browse/TBE-12302 */
div.ResultsBox {
display: table;
width: 100%;
}
.ActionLinkHeadBottom {
padding-bottom: 10px;
padding-left: 11px;
}
.btn-micro {
font-size: 6px;
line-height: 11px;
padding: 1px 3px;
}
.btn-micro .caret {
margin-left: 0;
margin-top: 4px;
}
.ActionLinkHeadBottom, .ActionLinkHeadBottom th {
color: black;
}
.ActionLinkHeadBottom .button-group {
margin-top: 9px;
}
.ActionLinkHeadBottom .pagination-group {
margin-top: 13px;
}
/* Don't round corners when displaying in a cluetip */
#cluetip .InformationHeader.open {
border-radius: 0;
}
.FoldableInformationHeader.open + table, .PortletHeader.open + table {
padding-bottom: 3px; /* to prevent rounded corner bleeding */
}
/* To fix extra padding that looks like it appears in last row (caused by above rule) */
.FoldableInformationHeader.open + table .PortletContentWOPadding tr:last-child td,
.PortletHeader.open + table .PortletContentWOPadding tr:last-child td {
padding-bottom: 3px;
}
.InformationHeader table tr:first-child td:first-child, .InformationHeader table table td,
.FoldableInformationHeader table table td, .InformationHeader h3, .InformationHeader .h3, .PortletHeader td,
.FoldableInformationHeader .header,
div.InformationHeader {
font-weight: bold;
font-size: 14px;
color: #333333;
}
.ActionHeaderLink, .PortletHeader .text, .FoldableInformationHeader .header a {
font-size: 12px;
margin-left: 4px;
}
.text-action-mini {
font-size: 11px;
}
li > .text-action-mini {
padding-left: 4px;
font-size: 12px;
}
.PortletHeader img {
vertical-align: middle;
}
.InformationHeader .add-version, .InformationHeader .remove-version {
float: right;
margin-top: -20px;
font-weight: bold;
white-space: nowrap;
}
.InformationContent input[type=radio] {
margin-right: 5px !important;
vertical-align: middle;
}
.InformationContent table table td {
vertical-align: middle;
}
.InformationContent input, .InformationContent textarea, .InformationContent select,
.InformationContent .uneditable-input, .PortletHeader select, .PortletHeader input {
margin-bottom: 0;
}
.PortletBox, #tabs_container {
background-color: #fff;
}
#reviewAgeSpinner + .ui-spinner {
left: -2px;
top: 5px;
}
#manage_tabs_button_no_tabs {
margin-top: 10px;
}
#tabs_container {
padding: 15px 10px 0;
}
#manage_tabs_button_no_tabs, #manage_tabs_button {
background-color: #4884a6;
}
#tabs .active, #pageLayOutTabsUL .active, .edit-tabs {
background: #fff;
border: 1px solid #ddd;
}
.PortletBox .ResultsHeader, td.ResultsBox .ResultsHeader {
padding-top: 8px;
background-color: #ffffff;
}
form[name=theForm] .PortletBox .ResultsHeader {
background-color: #fff;
}
.PortletBox .ResultsHeader, .PortletBox .ResultsFooter {
padding-left: 5px;
}
.PortletBox .ResultsFooter {
padding-bottom: 5px;
}
.ResultsHeaderLeft table, .ResultsHeaderRight table {
background-image: none;
background-color: transparent;
}
.ActionLinkHeadBottom, .ResultsFooter {
min-height: 44px;
overflow: auto;
}
.ResultsHeader {
/* The combination of padding and min-height = 44px */
padding-top: 2px;
min-height: 42px;
overflow: visible;
}
.ResultsHeader, .ActionLinkHeadBottom, .PortletBox .ResultsHeader {
vertical-align: middle;
}
.datagrid thead th, .DataTableHead th {
padding: 5px;
}
.datagrid th img, .DataTableHead th img {
vertical-align: middle;
padding-bottom: 3px;
}
.datagrid thead a, .DataTableHead th a {
color: #333333;
}
.datagrid td, .DatagridTable td, #emptyTasksTextSpan, .selector .ResultsBox td, .DataTableOddRow td, .DataTableEvenRow td {
padding: 5px 5px;
vertical-align: middle;
}
.datagrid tbody td tbody, .DatagridTable tbody td tbody {
background-color: transparent;
}
/* Remove top border from nested tables */
.datagrid td > table td, .datagrid .DataTableRowCell > table td,
.DatagridTable td > table td, .DatagridTable .DataTableRowCell > table td {
border-top: none;
}
.administration.WebPageEdit #content input, .administration.WebPageEdit #content select {
vertical-align: middle;
margin-bottom: 0;
}
.administration.WebPageEdit .InformationBox > table td {
vertical-align: middle;
}
.administration.WebPageEdit .DatagridTable tr.spacer td {
padding: 3px;
}
.administration.WebPageEdit .DatagridTable .DTActionC {
vertical-align: top;
padding-top: 12px;
}
.administration.Customize .PortletContentWOPadding > table td,
.administration.CustomizePerformanceManagement .PortletContentWOPadding > table td,
.administration.CustomizeOnBoarding .PortletContentWOPadding > table td {
padding: 3px 10px;
}
#emptyTasksTextSpan {
display: block;
}
.DTActionC, .DataTableOverActionCell, .DataTableOverLastRowActionCell {
white-space: nowrap;
}
.InformationContent td {
padding: 5px;
}
.InformationContent fieldset, .InformationContent .control-group {
padding: 4px;
margin-bottom: 0;
}
.InformationContent fieldset label, .InformationContent .control-group .control-label {
display: inline-block;
padding-right: 5px;
}
.InformationContent p {
padding: 5px;
}
#content .tabs .active > a {
color: #333333;
font-weight: bold;
}
.portlet-toggle {
cursor: pointer;
height: 18px;
width: 18px;
display: inline-block;
vertical-align: middle;
}
.portlet-toggle {
background-position: 5.852% 74.5%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.portlet-toggle {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.portlet-toggle:hover {
background-position: 8.727% 74.5%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.portlet-toggle:hover {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.portlet-toggle.open {
background-position: 5.601% 72.35%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.portlet-toggle.open {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.portlet-toggle.open:hover {
background-position: 8.452% 72.35%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.portlet-toggle.open:hover {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.simple-toggle {
cursor: pointer;
width: 9px;
height: 4px;
display: inline-block;
vertical-align: middle;
margin-bottom: 2px;
}
.simple-toggle.open {
background-position: 5.787% 85.597%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.simple-toggle.open {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.simple-toggle.closed {
height: 8px;
background-position: 5.787% 85.597%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
/* IE-only DX filter */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
/* Safari/Chrome function */
-webkit-transform: rotate(270deg);
/* Firefox function */
-moz-transform: rotate(270deg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.simple-toggle.closed {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
/* Table Header Actions */
.button-group, .select-group {
float: left;
padding: 0px 4px;
}
.button-group .select-group {
padding: 0 0 0 4px;
display: inline;
float: none;
}
.select-group select {
margin-bottom: 0;
}
.pagination-group {
padding: 5px 4px 0 4px;
float: right;
}
/* Table icons */
table .sort-indicator {
width: 24px;
height: 6px;
display: inline-block;
vertical-align: middle;
margin: 0 0 2px 3px;
}
table .sort-indicator.desc {
background-position: 5.77% 83.419%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
table .sort-indicator.desc {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
table .sort-indicator.desc:hover {
background-position: 8.629% 83.419%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
table .sort-indicator.desc:hover {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
table .sort-indicator.asc {
background-position: 5.787% 85.597%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
table .sort-indicator.asc {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
table .sort-indicator.asc:hover {
background-position: 8.629% 85.597%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
table .sort-indicator.asc:hover {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.pagination {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 0 2px;
cursor: pointer;
}
.pagination:hover {
text-decoration: none;
}
.pagination.first.disabled {
background-position: 5.551% 92.977%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.pagination.first.disabled {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.pagination.first {
background-position: 8.488% 92.977%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.pagination.first {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.pagination.last.disabled {
background-position: 5.551% 95.134%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.pagination.last.disabled {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.pagination.last {
background-position: 8.488% 95.134%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.pagination.last {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.pagination.back.disabled {
background-position: 5.801% 88.699%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.pagination.back.disabled {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.pagination.back {
background-position: 8.609% 88.68%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.pagination.back {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.pagination.next.disabled {
background-position: 5.801% 90.873%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.pagination.next.disabled {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.pagination.next {
background-position: 8.658% 90.873%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.pagination.next {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.action-arrow {
background-position: 5.787% 81.31%;
background-repeat: no-repeat;
width: 18px;
height: 10px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
display: inline-block;
cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.action-arrow {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.checkmark {
background-position: 11.733% 72.112%;
background-repeat: no-repeat;
width: 13px;
height: 11px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.checkmark {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.cogwheel {
background-position: 8.3% 77.054%;
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
vertical-align: middle;
display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.cogwheel {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.pointer-arrow {
background: url(../../img/UIv8/green-pointer.png) no-repeat;
width: 22px;
height: 13px;
vertical-align: middle;
display: inline-block;
}
.arrows {
width: 22px;
padding: 5px;
}
.restriction {
padding: 3px 20px;
height: 20px;
display: inline-block;
}
.green-circle {
vertical-align: middle;
height: 34px;
width: 35px;
color: white;
text-align: center;
line-height: 30px;
}
/* Move Arrow Icons */
img.arrow {
height: 21px;
width: 22px;
display: block;
margin-bottom: 5px; /*TBE-11234*/
margin-left: auto; /*TBE-11234*/
margin-right: auto; /*TBE-11234*/
max-width: 22px; /*TBE-11527 - override max-width: 100% */
}
#footer {
margin-top: 20px;
text-align: right;
}
.login #footer {
bottom: 0;
position: absolute;
width: 100%;
background-color: #fff;
min-height: 50px;
text-align: right;
}
.CalendarHeader .nowrapRegular {
text-align: center;
font-size: 10px;
font-weight: bold;
}
.CalendarHeader td {
padding: 3px 0 2px 0;
}
.CalendarMonth .DatagridTable tr td {
border-top: 0;
}
.CalendarMonth .DatagridTable tr td table td {
border-top: 0;
}
.CalendarMonth .DatagridTable .day, .CalendarMonth .DatagridTable .first, .CalendarMonth .DatagridTable .last,
.CalendarMonth .DatagridTable .empty {
border-style: solid;
border-width: 0 1px 1px 0;
padding: 5px 10px 20px 5px;
vertical-align: top;
}
.CalendarMonth .DatagridTable .first {
border-width: 0 1px 1px 0;
}
.CalendarMonth .DatagridTable .empty {
border-bottom-width: 1px;
background-color: #EEEEEE;
}
.calendar {
height: 23px;
width: 23px;
display: inline-block;
padding-bottom: 2px;
border-bottom: 2px solid transparent;
margin-right: 10px;
}
.commonBorder .calendar {
margin-right: 0;
}
.calendar.selected {
border-bottom: 2px solid #666666 !important;
}
/* Talent Card */
#talentCard h3, #talentCard .h3, #cluetip .mainHeaderTd {
border-style: solid;
border-width: 1px 1px 0 1px;
}
#cluetip .mainHeaderTd > div {
padding-left: 10px !important;
}
#cluetip .workHistory {
border-style: solid;
border-width: 0 1px 1px 1px;
margin-left: 6px;
width: 688px;
}
/* Org Chart */
.OrgChart .slidetabsmenu {
float: none;
}
.OrgChart .slidetabsmenu ul {
position: absolute;
right: 20px;
margin-top: -6px;
}
.orgChart .header .picture .photo {
border: 2px solid #fff;
}
.orgChart .focus {
cursor: default !important;
}
.available-trees ul {
border-style: solid;
border-width: 0 1px 1px 1px;
max-height: 375px;
overflow: auto;
}
/* Tabs
----------------------------------*/
.ui-tabs {
padding: 0.2em;
border: 0px;
}
.ui-tabs-nav li a {
display: block;
text-decoration: none;
padding: 0.5em 1em;
}
.ui-tabs-panel {
display: block;
border: 0;
background: none;
}
.ui-tabs-hide {
display: none !important;
}
.tab-layout table.edit-tabs {
border: 1px solid #999999;
border-collapse: separate;
margin-top: -1px;
}
#owners_dialog_boxes_div table, #approvers_dialog_boxes_div table {
width: auto;
}
#owners_dialog_boxes_div table td, #approvers_dialog_boxes_div table td {
vertical-align: middle;
padding: 0 5px;
}
/* Dialog
----------------------------------*/
.ui-dialog {
padding: 0;
}
.ui-dialog .ui-dialog-titlebar {
border: 0;
padding: 0 5px;
font-size: 14px;
}
/* get rid of iframe borders */
.ui-dialog iframe {
border: 0;
}
/* Progress bar */
.ui-progressbar {
height: 25px;
margin-bottom: -15px;
line-height: 20px;
}
/* Date Picker */
.ui-datepicker-trigger {
margin-left: 3px;
vertical-align: middle;
}
.ui-datepicker {
width: inherit;
}
/* Fix alignment for encrypted date fields */
.dateField .ui-datepicker-trigger {
margin-left: -3px;
}
/* CSS Theme Picker */
.css-theme {
display: inline-block;
height: 25px;
width: 25px;
cursor: pointer;
}
.css-theme.selected {
border: 1px solid black !important;
margin-bottom: -1px;
}
.css-theme.blue {
background: #B4D5EC;
}
.css-theme.blue-green {
background: #9BCCDE;
}
.css-theme.green {
background: #C3EEB7;
}
.css-theme.gray {
background: #D4D4D4;
}
.css-theme.gray-blue {
background: #607799;
}
.css-theme.orange {
background: #F1D69F;
}
.css-theme.pink {
background: #E9CCE9;
}
.css-theme.red {
background: #E09C9C;
}
.css-theme.yellow {
background: #F7EFA8;
}
.css-theme.custom {
background: white;
width: 50px;
height: 20px;
text-align: center;
padding-top: 5px;
border: 1px solid #eee;
position: relative;
top: -7px;
}
#css-customizer {
display: none;
padding: 10px;
}
.ews-body {
background: white;
width: 426px;
height: 280px;
margin: 10px auto;
border: 1px solid #CCC;
}
.ews-body input {
width: 60px;
margin-bottom: 0;
margin-left: 10px;
padding-bottom: 2px;
}
.ews-body button {
margin-left: 5px;
margin-top: -1px;
padding: 4px 4px 0;
}
.ews-header {
height: 26px;
padding: 9px 5px 5px;
}
.ews-navbar {
min-width: 426px !important;
top: 79px;
text-align: left;
z-index: 0;
}
.ews-navbar div > ul > li {
padding-bottom: 3px;
}
.ews-content {
width: 90%;
margin: 60px auto 0;
}
.ews-content .InformationHeader {
font-weight: bold;
padding-left: 4px;
}
.ews-content .colors {
margin-top: 10px;
}
.ews .css-theme {
border: 1px solid silver;
}
.ews img {
max-width: none;
}
.ews .employee-info > table .nowrapFormLabel {
padding-right: 10px;
}
/* Validation errors */
form .error {
border-color: #EE5F5B;
color: #B94A48;
}
.charts-congfig-error,
.pref-lang-validation-error {
border-color: #EE5F5B;
color: #B94A48;
font-size: 15px;
padding: 0 5px;
}
.charts-congfig-error-field {
border: 2px solid #EE5F5B !important;
}
form .alert {
margin-bottom: 0;
}
form .help-inline {
color: #B94A48;
font-weight: bold;
margin-bottom: 0;
}
.fit, select {
width: auto;
}
.required {
color: #d70101;
font-weight: bold;
}
.ui-accordion .ui-accordion-content-active {
margin-top: -5px;
}
/* Begin of Reports UI Graphic Checkbox and Radio buttons */
span.checkboxUnchecked {
background: url("../../img/UIv8/btn_checkbox.png") no-repeat left top;
cursor: pointer;
padding: 6px 4px 0 6px;
width: 150px;
float: left;
margin: 6px;
height: 28px;
vertical-align: middle;
font-size: 16px;
border-radius: 6px;
}
.checkboxChecked {
background: url("../../img/UIv8/btn_checkbox_checked.png") no-repeat left top;
padding: 6px 4px 0 6px;
cursor: pointer;
width: 150px;
float: left;
margin: 6px;
height: 28px;
font-size: 16px;
border-radius: 6px;
}
span.radioButtonFalse {
background: url("../../img/UIv8/btn_radioButtonFalse.png") no-repeat scroll right top;
cursor: pointer;
float: left;
font-size: 16px;
height: 32px;
margin: 6px;
padding: 6px 4px 0 6px;
text-align: left;
vertical-align: middle;
width: 160px;
}
.radioButtonTrue {
background: url("../../img/UIv8/btn_radioButtonTrue.png") no-repeat scroll left top;
cursor: pointer;
float: left;
font-size: 16px;
height: 32px;
margin: 6px;
padding: 6px 4px 0 6px;
text-align: left;
width: 160px;
}
/* End of Reports UI Graphic Checkbox buttons */
/* Begin Reports service heading customization */
.serviceHeading {
height: 30px;
}
.serviceHeading td {
font-size: 16px;
padding: 6px;
font-weight: bold;
}
.serviceHeading td.serviceType {
text-align: right;
}
/* EWS Styles */
.ews .navbar .nav, .ews #content {
margin-left: 0;
}
.ews #content {
margin-top: 10px;
}
.ews #header h1, .ews #header .h1 {
margin-left: 10px;
}
.ews #logout_section {
position: absolute;
height: 30px;
right: 21px;
top: 10px;
}
.ews #__id_txt_description, .ews #__id_txt_measurement {
width: 300px;
height: 100px;
}
.pubbox {
color: #333;
margin: 0 auto;
padding: 20px 30px;
position: relative;
text-align: center;
width: 350px;
border-style: solid;
border-width: 1px;
}
.pubbox label {
/* text-align: left;*/
float: left;
}
/*.pubbox input[type="text"], .pubbox input[type="password"] {
width: 290px;
}*/
.pubbox .btn {
height: 40px;
width: 300px;
margin-top: 20px;
}
.pubbox label {
color: #666666;
}
.pubfooter {
color: #666666;
padding: 20px 0;
text-align: center;
width: 100%;
}
.login .pubbox {
padding: 25px;
}
.login .pubbox div.logo {
margin-bottom: 25px;
}
.login .pubbox h3, .login .pubbox .h3 {
line-height: 18px;
}
/* customizations for click-thru screens */
.click-thru .container {
padding: 0;
width: auto;
}
.click-thru h1, .click-thru .h1 {
text-align: center;
margin: 0 0 10px 0;
}
.click-thru h2, .click-thru .h2 {
font-size: 22px;
margin-bottom: 10px;
}
.click-thru h3, .click-thru .h3 {
font-size: 20px;
margin: 5px 0;
}
.click-thru hr {
margin: 12px 0;
}
.click-thru .pubbox {
width: 400px;
text-align: left;
margin-bottom: 100px;
}
.multi-rater .pubbox {
width: 500px;
}
.click-thru .pubbox .comment-mgr {
padding: 10px 0;
}
.click-thru .pubbox table td {
padding: 2px;
line-height: 14px;
}
.click-thru .pubbox table {
margin-bottom: 10px;
}
.click-thru .pubbox .activityRow {
margin-bottom: 0;
}
.click-thru .pubbox .activityRow td {
padding: 5px;
}
.click-thru .pubbox textarea {
width: 100%;
}
.click-thru .pubbox fieldset label {
display: inline-block;
text-align: right;
}
.click-thru .pubbox p:last-child {
margin-bottom: 0;
}
.click-thru .competency, .click-thru .goal {
margin-left: 20px;
border-bottom: 1px dotted silver;
margin-bottom: 10px;
}
.click-thru .competency:last-child, .click-thru .goal:last-child {
border-bottom: 0;
margin-bottom: 15px;
}
.click-thru .decline {
float: right;
margin-top: -10px;
}
/* Smartphones (portrait and landscape) ----------- */
/* MR: Changed from 480 to 854 for Android http://stackoverflow.com/questions/6786701/droid-2-not-detected-by-css-media-query */
@media only screen and (min-device-width: 320px) and (max-device-width: 854px) {
body.mainPage.click-thru {
padding: 0;
}
.multi-rater .pubbox {
width: auto;
}
.click-thru .pubbox {
width: auto;
border-radius: 0;
border: 0;
padding: 10px 20px;
margin-bottom: 0;
}
.click-thru .pubbox textarea {
width: 90%;
}
.width160 {
width: 100px;
min-width: 100px;
}
.width210 {
width: 210px;
min-width: 210px;
}
.click-thru .btn {
width: 190px;
white-space: pre-wrap;
margin-bottom: 10px;
}
.click-thru .competency, .click-thru .goal {
margin-left: 5px;
}
.click-thru .decline {
float: none;
margin-top: 0;
}
}
/* iPad (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
body.mainPage.click-thru {
padding-top: 50px;
}
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
/* Support: IE8 only, Android < 4.4 only */
width: 75%;
width: calc(100% - 2.4em);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
vertical-align: middle;
margin-right: 1.5em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ieOnlyMask {
overflow: hidden\0 /IE89;
_overflow: hidden;
*overflow: hidden;
}
/*
!* TBE-11444: Fix height of dropdowns in CKEditor *!
.cke_skin_v2 .cke_rcombo .cke_text {
height: 14px !important;
}
!*TBE-15226: height issue for CKEditor input *!
_dialog_ui_input_text input[type="text"] {
height: auto;
line-height: 14px;
margin-bottom: 0px;
box-sizing: border-box;
}
*/
/*TBE-11350,11318,11613 : Setting select box sizes to auto so that it shows the box with the correctly computed width instead of the default 210px*/
#reqSelectedStatusOnCandCount, #reqCandHigherThenScore, #lastUpdateNumDays, #excludeOlderThanMonths {
width: auto;
}
/*TBE-11318 : These are in the RatingScaleUpdate page. Let them have a minimum width so that they align properly*/
#displayToolId, #ratingToolId {
min-width: 110px;
width: auto;
}
/*TBE-11630 : Adding here so as to minimize impact of the fix. Can be fixed in CWebHelper.getStatusSelect() too with more testing*/
.candidates #status {
min-width: 220px;
width: auto;
}
#devPanelDiv {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
z-index: 32000;
width: 1000px;
padding: 5px 0 0 5px;
border-style: solid;
border-width: 0 1px 1px 0;
}
#devPanelDiv select {
height: auto;
}
#devPanelDiv .btn, #showDevPanelButton .btn {
padding: 2px 5px;
}
#showDevPanelButton {
position: absolute;
top: 0;
left: 0;
padding: 5px;
visibility: hidden;
z-index: 32000;
}
/*TBE-11386 : Add a -5px margin to lift the table up so that it aligns with the label*/
#employeeTable {
margin-top: -5px;
}
.reportsListTable {
width: 100%;
}
.reportsListTable tbody {
border: 0px solid #ccc;
}
.reportsListTable tr td {
height: 26px;
}
/* TBE-11543 : Fixed this so as to remove paddings and widen the borders to fully fill the table. If it is desired for all accordions we could remove #reportContent_td */
#reportContent_td .ui-accordion .ui-accordion-content {
padding: 0px;
}
.pointer-cursor {
cursor: pointer !important;
}
.reviewTemplateIcon {
height: 20px;
width: 24px;
}
.refreshIcon {
background-position: 11.713% 81.381%;
background-repeat: no-repeat;
width: 12px;
height: 11px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.refreshIcon {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
span.refreshIcon {
display: inline-block;
}
img.fieldDateOnHover {
display: none;
}
.DataTableOddRow:hover img.fieldDateOnHover,
.DataTableEvenRow:hover img.fieldDateOnHover {
display: inline-block;
}
.arrowTipLeft {
float: left;
width: 0;
height: 0;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 12px solid;
/* border-right color needs to be set manually in element using this class */
}
.arrowBody {
float: left;
height: 16px;
padding: 0 11px 0 4px;
font-size: 10px;
font-weight: bold;
color: #ffffff;
/* background-color needs to be set manually in element using this class */
}
#langDiv {
float: right;
margin-top: -35px;
}
#langDiv ul.dropdown-menu {
border-top: 1px solid #608FAF;
top: auto;
}
#langDiv > ul {
margin-bottom: 0;
}
#langDiv a.selected-lang {
font-weight: bold;
}
td.ListViewInAccordionCell {
height: 20px;
padding: 5px;
}
td.ListViewInAccordionCellBorder {
border-bottom: 1px solid #AAADAD;
}
.ListViewInAccordionHeader {
text-align: left;
height: 32px;
padding: 5px;
}
/* Fix for https://engineering.tbetaleo.com/jira/browse/TBE-12865 in IE8 */
.transparent50 .multiraterProgressbar {
margin-bottom: -7px;
}
div.cal-date-range-width {
width: 120px;
display: inline-block;
}
.smallText > div.cal-date-range-width {
width: 88px;
display: inline-block;
padding-top: 20px;
}
.publish-refresh-header {
background-position: 36.875% 91.706%;
background-repeat: no-repeat;
height: 34px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
padding-left: 45px;
line-height: 34px;
font-size: 18px;
display: inline-block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.publish-refresh-header {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.publish-refresh-body {
margin: 0 0 5px 40px;
padding: 4px;
}
.dependent-orgs > div {
padding-left: 60px;
display: inline-block;
}
.dependent-orgs-name {
font-weight: bold;
}
.dependent-orgs-code {
/*nothing for now*/
}
.centered {
margin-left: auto;
margin-right: auto;
}
.noTitleDialog .ui-dialog-titlebar {
border: 0 none;
display: none;
font-size: 14px;
padding: 0 5px;
}
.bold {
font-weight: bold;
}
/* PDF Viewer */
#pdf-viewer {
margin: 0 auto;
min-width: 600px;
min-height: 100%;
}
.pdf-pagination {
float: right;
}
.pdf-pagination .pagination {
width: auto;
}
#pdf-viewer .ajax-loader {
text-align: center;
margin-top: 20px;
}
#pdf-viewer .pdf-page {
margin: 0 auto;
border: 1px solid black;
z-index: 1;
background-size: contain;
height: 1325px;
min-width: 384px;
}
#pdf-viewer .fields {
z-index: 100;
position: absolute;
}
#pdf-viewer .fields input[type=text], #pdf-viewer .fields input[type=password],
#pdf-viewer .fields input[type=checkbox], #pdf-viewer .fields textarea {
padding: 0;
position: absolute;
margin-top: -2px;
cursor: pointer;
}
#pdf-viewer .fields input.textbox {
padding-left: 3px;
color: black;
}
#pdf-viewer .fields textarea.textbox {
padding: 5px;
color: black;
}
#pdf-viewer .fields input.checkbox {
min-height: 0;
}
#pdf-viewer .fields input[type=checkbox] {
margin-left: 2px;
margin-top: 0;
}
#pdf-viewer .required, #esign-dialog .required {
border-color: red;
font-weight: normal;
}
#esign-dialog textarea {
width: 90%;
}
#esign-dialog .comments-employee {
padding: 5px 5px 5px 10px;
color: blue;
margin-bottom: 10px;
}
#pdf-viewer .field-dialog > form > div {
margin-bottom: 20px;
}
.field-dialog {
display: none;
padding: 10px 20px;
}
.field-dialog > form > div > span {
margin-right: 5px;
vertical-align: bottom;
}
.field-dialog select, .field-dialog input[type=text] {
margin-top: 0;
margin-bottom: 0;
}
.field-dialog .advanced {
float: right;
margin-top: -30px;
}
#advanced-settings {
border-top: 1px dotted silver;
margin-top: 10px;
padding-top: 10px;
}
#advanced-settings .controls {
margin-left: 30px;
}
#advanced-settings input[type=text] {
width: 35px;
}
#pdf-viewer #thumbnails {
margin-top: 2px;
}
#pdf-viewer #thumbnails .thumb a {
min-height: 205px;
min-width: 160px;
}
#pdf-viewer #thumbnails .thumb img {
border: 1px solid black;
width: 150px; /* causes issues in IE8 */
height: 194px;
}
#pdf-viewer #thumbnails .thumb .pageNumber {
margin-top: -20px;
margin-left: 5px;
}
#pdf-viewer #thumbnails .nav-tabs > li > a {
background-color: #ffffff;
border: none;
}
#pdf-viewer #thumbnails .tabs-right > .nav-tabs > li > a {
margin-left: 0;
}
#pdf-viewer #thumbnails .nav-tabs > .active {
margin-top: 0;
}
/* indicators for thumbnails with required fields and fields */
#pdf-viewer .arrow {
position: absolute;
right: -5px;
margin-top: -200px;
}
/* End PDF Viewer */
/* Used for high lighting "on behalf of" messages in Performance Review,Goals,Offers etc */
.onBehalfOfFont {
display: inline;
}
/* Dashboard Styles */
.dashboard .span12 {
margin-top: 20px;
}
.ModernUI > .container-fluid, .ModernUI > .container-sm, .ModernUI > .container-md, .ModernUI > .container-lg, .ModernUI > .container-xl, .ModernUI > .container-xxl {
background-color: #f0f0f0;
}
.ModernUI > .container-fluid, .ModernUI > .container-sm, .ModernUI > .container-md, .ModernUI > .container-lg, .ModernUI > .container-xl, .ModernUI > .container-xxl {
margin-top: -10px;
}
.ModernUI .container-fluid > #sidebar h4, .ModernUI .container-sm > #sidebar h4, .ModernUI .container-md > #sidebar h4, .ModernUI .container-lg > #sidebar h4, .ModernUI .container-xl > #sidebar h4, .ModernUI .container-xxl > #sidebar h4, .ModernUI .container-fluid > #sidebar .h4, .ModernUI .container-sm > #sidebar .h4, .ModernUI .container-md > #sidebar .h4, .ModernUI .container-lg > #sidebar .h4, .ModernUI .container-xl > #sidebar .h4, .ModernUI .container-xxl > #sidebar .h4 {
color: white;
}
.dashboard .container-widgets {
padding: 0 20px 0 0;
min-width: 700px;
}
.dashboard .widgets {
height: 100%;
min-width: 500px;
}
.dashboard .widgets > li {
height: auto;
margin-bottom: 10px;
text-align: center;
}
.dashboard .widgets .ui-sortable {
white-space: nowrap;
}
.dashboard #summary-bar .ui-sortable-helper {
border: 1px solid silver !important;
}
.dashboard .carousel .widget {
margin-left: 10px;
}
.dashboard .widget {
width: 500px;
height: 320px;
display: inline-block;
border: 2px solid #e5e4dd;
margin-top: 10px;
}
.dashboard .widgets .configure {
float: left;
width: 20px;
height: 20px;
padding: 0;
}
.dashboard #summary-bar.empty, .dashboard #chart-bar.empty, .dashboard #ojet-bar.empty {
background-color: #eee;
}
.dashboard .widget-bars-loading {
margin-top: 75px;
font-size: 24px;
text-align: center;
padding: 10px 0;
color: black;
}
.dashboard .widgets-empty {
margin-top: 75px;
font-size: 20px;
text-align: center;
padding: 10px 0;
color: silver;
}
.dashboard .clock {
min-height: 130px;
background: black;
padding-top: 10px;
border: 3px solid #e5e4dd;
}
.dashboard .clock, .dashboard .reports, .dashboard #task-bar,
.dashboard #summary-bar, .ModernUI .container-fluid > #sidebar, .ModernUI .container-sm > #sidebar, .ModernUI .container-md > #sidebar, .ModernUI .container-lg > #sidebar, .ModernUI .container-xl > #sidebar, .ModernUI .container-xxl > #sidebar {
margin-bottom: 15px;
}
.ModernUI .container-fluid > #sidebar, .ModernUI .container-sm > #sidebar, .ModernUI .container-md > #sidebar, .ModernUI .container-lg > #sidebar, .ModernUI .container-xl > #sidebar, .ModernUI .container-xxl > #sidebar {
border: 0;
margin-top: 117px;
}
.dashboard #task-bar, .dashboard #summary-bar, .dashboard #chart-bar, .dashboard .reports, .dashboard #ojet-bar {
background-color: #FFFFFE;
}
.dashboard .heading {
font-family: "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 16px;
font-weight: 600;
padding: 10px;
text-align: center;
color: #fff;
position: relative;
}
.dashboard .heading:before, .dashboard .heading:after {
content: "";
position: absolute;
z-index: -1;
top: 10px;
bottom: 10px;
left: 0;
right: 0;
}
.dashboard .heading:after {
right: 10px;
left: auto;
-webkit-transform: skew(8deg) rotate(3deg);
-moz-transform: skew(8deg) rotate(3deg);
-ms-transform: skew(8deg) rotate(3deg);
-o-transform: skew(8deg) rotate(3deg);
transform: skew(8deg) rotate(3deg);
}
.dashboard .heading:hover, .modal.ui-draggable .modal-header {
cursor: move;
}
.ModernUI .modal-header, .ModernUI .modal-header span, .ModernUI .modal-header .close,
.docpreview-title, .docpreview-title .close {
color: #fff;
}
.dashboard .heading .handle {
background-position: 47.275% 71.453%;
background-repeat: no-repeat;
width: 68px;
height: 12px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
display: block;
position: absolute;
right: 15px;
margin-top: -18px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.dashboard .heading .handle {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.dashboard .summary-item .handle {
background-position: 41.2% 72.7%;
background-repeat: no-repeat;
width: 11px;
height: 46px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
position: absolute;
margin-left: 12px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.dashboard .summary-item .handle {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.dashboard .show-more {
text-align: center;
border-top: 1px solid silver;
background: white;
color: #666;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: center;
margin: 0;
}
.dashboard .show-more:hover {
color: #fff;
cursor: pointer;
}
.dashboard .show-more .caret {
margin-top: 7px;
}
.dashboard .show-more .caret-up {
margin-top: 3px;
}
.caret-up {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid transparent;
border-bottom: 4px solid black;
}
.ModernUI .modal.draggable {
width: 800px !important;
position: fixed !important;
margin-left: -400px;
}
.dashboard #summary-bar {
max-height: 150px;
min-height: 242px;
text-align: left;
position: relative;
overflow: hidden;
}
.dashboard .summary-items {
background-color: white;
/* responsive grid */
padding: 0;
position: relative;
width: 100%;
overflow: hidden;
margin-top: 4px;
}
.dashboard .summary-item {
border-right: 1px solid #d1d1d1;
border-bottom: 1px solid #d1d1d1;
/* put the border on the inside of the box */
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-family: "Roboto", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
font-size: 14px;
color: #666;
height: 50px;
/* responsive grid */
position: relative;
float: left;
overflow: hidden;
width: 25%;
}
.dashboard .summary-item.odd {
background-color: #f3f3f3;
}
.dashboard .summary-item.odd .summary-value {
background-color: #ededeb;
}
.dashboard .summary-item.odd .summary-title:after {
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f3f3 20px); /* FF3.6+ */
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f3f3 20px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f3f3 20px); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #f3f3f3 20px); /* IE10+ */
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #f3f3f3 20px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#f3f3f3", GradientType=1); /* IE6-9 */
}
@media screen and (max-width: 1400px) {
.dashboard .summary-item {
width: 33.3333333333%; /* Fallback */
width: -webkit-calc(100% / 3);
width: 33.3333333333%;
}
}
@media screen and (max-width: 1000px) {
.dashboard .summary-item {
width: 50%; /* Fallback */
width: -webkit-calc(100% / 2);
width: 50%;
}
}
.dashboard .summary-title {
font-size: 14px;
color: #666;
margin-top: 20px;
margin-left: 30px;
overflow: hidden;
}
.dashboard .summary-title:after {
display: block;
position: absolute;
right: 66px;
top: 5px;
bottom: 5px;
width: 30px;
background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 20px); /* FF3.6+ */
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 20px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 20px); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 20px); /* IE10+ */
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 20px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffffff", endColorstr="#ffffff", GradientType=1); /* IE6-9 */
content: "";
}
.dashboard .summary-value {
font-size: 32px;
line-height: 18px;
color: #3399ff;
font-family: "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
float: right;
padding: 16px 5px 10px;
width: 66px;
text-align: center;
height: 50px;
border-left: 1px solid #D1D1D0;
border-bottom: 1px solid #D1D1D0;
box-sizing: border-box;
background-color: #fefefe;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.dashboard #task-bar {
background: #eee url("../../img/UIv9/tasks-background.png") repeat-x;
min-height: 221px;
max-height: 180px;
text-align: left;
position: relative;
overflow: hidden;
}
.dashboard .task-items {
/* responsive grid */
padding: 0;
position: relative;
width: 100%;
overflow: hidden;
margin-top: 4px;
}
.dashboard .task-item {
margin-top: 5px;
margin-left: 10px;
padding-top: 40px;
font-family: "Roboto", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
font-size: 14px;
/* responsive grid */
position: relative;
float: left;
overflow: hidden;
width: 25%; /* Fallback */
width: -webkit-calc(100% / 4);
width: 25%;
}
.dashboard .task-item.sticky-note {
background-position: 45.028% 85.91%;
background-repeat: no-repeat;
width: 165px;
height: 131px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.dashboard .task-item.sticky-note {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.dashboard .task-title {
width: 85%;
margin: 0 auto;
white-space: normal;
text-align: center;
overflow: hidden;
height: 55px;
}
.dashboard .task-value {
width: 100%;
text-align: center;
font-family: "Roboto", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
color: #003366;
font-size: 42px;
margin-top: 15px;
}
.dashboard .task-item.hidden {
display: none;
}
.dashboard .reports {
margin-top: 10px;
height: 63.333333%;
color: #666;
font-family: "Roboto", Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
font-size: 13px;
max-height: 750px;
position: relative;
overflow: hidden;
}
.dashboard .reports .heading {
font-size: 14px;
margin-bottom: 5px;
cursor: default;
}
.dashboard .report-item {
padding: 5px 20px;
border-bottom: 1px solid silver;
}
.dashboard .report-item:last-child {
border-bottom: 0;
padding-bottom: 0;
}
.dashboard .report-title {
color: #3399ff;
font-weight: bold;
}
.dashboard .reports-empty {
padding: 10px 5px 10px 10px;
}
span.switchBarButtonActive {
padding: 5px 40px;
border-radius: 0px;
border-width: 2px;
border-style: solid;
font-weight: bold;
margin-right: 3px;
}
span.switchBarButtonInactive {
padding: 5px 40px;
border-radius: 0px;
margin-right: 3px;
}
/* Remove the following 3 rules after upgrading to Bootstrap 2.3 */
.carousel-indicators {
position: absolute;
top: 15px;
right: 15px;
z-index: 5;
margin: 0;
list-style: none;
height: 15px;
}
.carousel-indicators li {
display: block;
float: left;
width: 10px;
height: 10px;
margin-left: 5px;
text-indent: -999px;
background-color: #ccc;
background-color: rgba(255, 255, 255, 0.25);
vertical-align: middle;
}
/* TBE-14213: Fix random left/right alignment in IE10. This seems to be happening because
'left' or 'right' CSS classes are added to the slide. Doesn't happen in other browsers. */
.carousel-inner .chart.left, .carousel-inner .chart.right {
text-align: center;
}
/* center carousel indicators */
.carousel-indicators.middle {
left: 0;
right: 0;
top: auto;
bottom: 15px;
text-align: center;
}
.carousel-indicators.middle li {
float: none;
display: inline-block;
}
.carousel-indicators .active {
background-color: #fff;
}
/* End of Bootstrap 2.3 rules */
.dashboard .carousel-indicators {
bottom: -20px;
top: inherit;
}
.dashboard .carousel-indicators .active {
background-color: black;
}
.carousel-control.left, .carousel-control.right {
text-align: center;
}
.dashboard .carousel-indicators li {
background-color: gray;
}
.dashboard #chart-bar, .dashboard #ojet-bar {
margin-bottom: 15px;
}
.dashboard .chart-title {
margin-top: 5px;
font-weight: bold;
position: absolute;
width: 500px;
background-color: white;
}
/*
Allow angular.js to be loaded in body, hiding cloaked elements until
templates compile. The !important is important given that there may be
other selectors that are more specific or come later and might alter display.
*/
[ng\:cloak], [ng-cloak], .ng-cloak {
display: none !important;
}
.dashboard .events, .carousel-control {
cursor: pointer;
}
/* Make Bootstrap's modal background match jQuery UI's */
.modal-backdrop, .modal-backdrop.fade.in {
background: #aaaaaa url(jquery-ui/bootstrap/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
opacity: 0.3;
filter: alpha(opacity=30);
}
#dialog-frame {
min-width: 560px;
max-width: 75%;
}
/* TBE-14294: Add position: relative to .modal-body so absolutely-positioned widgets work properly */
#dialog-frame .modal-body {
position: relative;
}
.dashboard .twoup .widget, .dashboard .twoup .chart-title {
width: 45%;
min-width: 463px;
max-width: 500px;
}
.MyView .switch {
float: right;
margin-top: 15px;
margin-right: 5px;
}
.switch.disabled {
color: #999;
cursor: pointer;
}
a.disabled, a.disabled:hover {
color: #999;
cursor: not-allowed;
text-decoration: none;
}
.ModernUI .switch {
display: block;
text-align: center;
margin-top: 5px;
color: #333333;
}
.ModernUI .span12 .switch {
position: absolute;
right: 50px;
margin-top: -22px;
}
.widgets-counter {
height: 12px;
margin: 0;
position: relative;
top: 19px;
width: 12px;
left: 17px;
background-color: white;
padding: 1px 1px 1px 1px;
color: black;
font-weight: bold;
border: 1px solid black;
}
.imageChartType, .removeChart {
margin-top: -3px;
}
/* Sidebar for Dashboard */
.ModernUI #sidebar .configure {
width: 20px;
height: 20px;
}
.ModernUI #sidebar #searchBox .search {
top: 46px;
}
/* iPad fixes for Dashboard */
@media screen and (max-device-width: 1024px) {
.dashboard .show-more {
padding: 10px 0;
}
}
/* End of Dashboard */
/* Social Sourcing iFrame */
iframe#SSrc {
width: 980px;
height: 1200px;
overflow: hidden;
}
/* Social Sourcing loading div */
div#ssloading {
width: 980px;
height: 1200px;
display: table-cell;
text-align: center;
}
div#ssloadingInside {
width: 980px;
height: 350px;
display: table-cell;
}
/* Document preview Modal styling */
.docpreview-title {
padding: 0;
padding-top: 12px;
}
.docpreview-title h4, .docpreview-title .h4 {
text-align: center;
padding-bottom: 11px;
padding-left: 15px;
padding-right: 15px;
}
.docpreview-title .close {
padding-right: 15px;
background-color: inherit;
color: #fff;
border: 0px !important;
opacity: inherit;
}
.docpreview-title .close:hover {
border: 0px;
box-shadow: none;
}
.docpreview-header {
padding-left: 15px;
padding-top: 10px;
padding-bottom: 10px;
height: 45px;
}
.docpreview-header span {
color: #525054;
font-size: 12pt;
}
.docpreview-body {
padding: 0;
}
.docpreview-spinner {
width: 100%;
height: 100%;
vertical-align: middle;
text-align: center;
margin-top: 280px;
}
.modal-resizable {
width: 100%;
overflow: auto;
max-height: 100% !important;
}
#docpreview-resizable-content {
padding: 0;
overflow: hidden;
max-width: 100%;
max-height: 100% !important;
}
.docpreview-frame {
max-width: 80% !important;
z-index: 1250;
}
.docpreview-modal-backdrop {
z-index: 1249;
}
.docpreview-status-change-modal-backdrop {
z-index: 2999;
}
.docpreview-personinfo {
background-color: white;
border: 2px solid silver;
margin-bottom: 3px;
padding: 3px 5px 5px;
width: 200px;
float: left;
position: relative;
height: 35px;
}
.docpreview-personinfo .details {
height: 40px;
position: relative;
padding-left: 7px;
}
.docpreview-personinfo .details > a {
display: block;
height: 17px;
overflow: hidden;
padding-top: 2px;
padding-bottom: 5px;
white-space: nowrap;
float: left;
font-size: 10pt;
text-overflow: ellipsis;
width: 190px;
}
.docpreview-personinfo .details a:hover {
text-decoration: none;
}
.docPreviewHeaderTable {
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
text-align: center;
word-wrap: break-word;
table-layout: fixed;
margin: 0 auto;
}
.docPreviewHeaderTable td {
font-weight: normal !important;
word-wrap: break-word;
color: #525054;
font-size: 12pt;
}
.docpreview-menu {
margin-bottom: 3px;
padding: 3px 5px 5px;
width: 200px;
float: right;
position: relative;
height: 35px;
}
.docpreview-menu-cand {
background-color: white;
border: 2px solid silver;
}
.docpreview-info {
margin-bottom: 3px;
padding: 3px 5px 5px;
width: 200px;
float: left;
position: relative;
height: 35px;
}
.docpreview-personinfo .details .moreInfo {
bottom: 5px;
font-size: 9pt;
font-weight: normal;
position: relative;
text-overflow: ellipsis;
width: 160px;
}
.docpreview-header .flagIcon {
width: 18px;
height: 16px;
display: block;
position: absolute;
left: 200px;
top: 74px;
cursor: pointer;
}
.docpreview-header .flagDisabled {
background-position: 11.619% 90.765%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.docpreview-header .flagDisabled {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.docpreview-header .flagEnabled {
background-position: 11.619% 92.885%;
background-repeat: no-repeat;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.docpreview-header .flagEnabled {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.ui-dialog-no-close .ui-dialog-titlebar-close {
display: none;
}
.previewGlassSection {
width: 60px;
}
.previewGlass {
background-position: 22.27% 86.826%;
background-repeat: no-repeat;
width: 21px;
height: 18px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
display: inline-block;
margin-left: 10px;
vertical-align: middle;
cursor: pointer;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.previewGlass {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
table.datagrid tr td span.previewGlass, table.DatagridTable tr td span.previewGlass {
display: none;
}
table.datagrid tr:hover td span.previewGlass, table.DatagridTable tr:hover td span.previewGlass {
display: inline-block;
}
#docpreview-status-change-modal {
position: fixed;
z-index: 3000;
background: white;
top: 300px;
left: 500px;
width: 800px;
padding: 10px;
margin: -250px 0 0 -280px;
}
ul#report-tabs li.dropdown a.dropdown-toggle {
white-space: nowrap;
display: inline-block;
}
div.ResultsBox div.report-list-item div.reportFlaggedDiv:hover {
background-color: #DFF4FF;
}
.ReportsHeader {
padding-left: 43px;
}
.scroll-right-arrow {
background-position: 25.849% 87.88%;
background-repeat: no-repeat;
width: 15px;
height: 23px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
border: 0px;
vertical-align: middle;
text-align: center;
margin-top: -3px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.scroll-right-arrow {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.scroll-left-arrow {
background-position: 25.849% 89.877%;
background-repeat: no-repeat;
width: 15px;
height: 23px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
border: 0px;
vertical-align: middle;
text-align: center;
margin-top: -3px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.scroll-left-arrow {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.cursor-readonly {
cursor: default !important;
}
#scrollLeft, #scrollRight {
width: 15px;
border: 0px;
padding: 0px 5px 0px 0px;
vertical-align: middle;
text-align: center;
cursor: pointer;
}
.scheduledActive {
background-position: 25.772% 86.197%;
background-repeat: no-repeat;
width: 14px;
height: 14px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
display: inline-block;
margin-left: 0px;
vertical-align: middle;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.scheduledActive {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.scheduledNotActive {
background-position: 25.772% 85.178%;
background-repeat: no-repeat;
width: 14px;
height: 14px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
display: inline-block;
margin-left: 0px;
vertical-align: middle;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.scheduledNotActive {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.interviewCellFree {
background-color: white;
border: 1px solid white;
line-height: 12px;
padding: 0px !important;
}
.interviewRoomCellFree {
background-color: white;
border: 1px solid lightgray;
border-top: 1px solid lightgray !important;
line-height: 12px;
padding: 0px !important;
}
.interviewCellBusy {
background-color: lawngreen;
border: 1px solid darkgreen !important;
line-height: 12px;
padding: 0px !important;
}
.interviewRoomHover {
border: 1px solid white;
padding: 1px 2px;
white-space: nowrap;
}
td.report-engine-information-box {
background-color: #FDFCEB;
}
td.report-engine-information-box > table,
div.InformationContent,
.DataTableOddRow,
#emptyTasksTextSpan {
background-color: inherit;
}
.reportingConvertInactive {
background-position: 22.403% 92.569%;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
display: inline-block;
margin-left: 0px;
vertical-align: middle;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.reportingConvertInactive {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.reportingConvertActive {
background-position: 22.403% 93.759%;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
display: inline-block;
margin-left: 0px;
vertical-align: middle;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.reportingConvertActive {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.reportingExpressionInvalid {
background-position: 25.768% 93.05%;
background-repeat: no-repeat;
width: 20px;
height: 20px;
background-image: url(../../img/UIv9/ats-icons-sprite.png);
display: inline-block;
margin-left: 0px;
vertical-align: middle;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.reportingExpressionInvalid {
background-image: url(../../img/UIv9/ats-icons-sprite@2x.png);
background-size: 1410px 1404px;
}
}
.crm-modal-message-dialog-table {
padding-top: 24px;
padding-left: 38px;
padding-right: 38px;
}
.info-float-left {
float: left;
}
.info-margin-right {
margin-right: 50px;
display: table;
}
section#bookmark-bar-section {
width: 99%;
margin: auto;
}
div#setting-icon {
padding-left: 5px;
padding-right: 3px;
float: right;
position: relative;
bottom: 3px;
}
div#bookmark-links {
margin-left: 20px;
padding-right: 5px;
text-align: right;
overflow: hidden;
}
.bookmark-links-text {
display: inline-block;
padding: 6px 10px 6px 10px;
}
.bookmark-bar {
display: none;
}
.bookmark-show-always {
display: block;
}
.show-bookmark {
display: none;
}
/* override button styles */
input[type=button], button, .btn {
background-color: #f5f7fa;
border: 1px solid #dddddd !important;
background-color: #ffffff;
color: #418fd8;
}
.btn {
box-shadow: none;
transition: none;
background-image: none;
border-radius: 0;
color: #418fd8;
}
.btn-primary {
background-color: #3373af !important;
}
.btn-danger {
background-color: #da4f49 !important;
}
.btn:hover {
color: #418fd8;
transition: none;
}
.btn-primary, .btn-danger, .btn-success, .btn-primary:hover, .btn-danger:hover, .btn-success:hover {
color: #fff !important;
}
.select-bar, .btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
border-radius: 0;
border: 0;
}
.btn-group .btn:not(.btn-mini) {
margin-right: 5px;
}
.action-btn {
padding: 0px 5px 5px 4px !important;
}
button {
white-space: nowrap;
display: inline-block;
padding: 4px 10px 4px;
line-height: 18px;
text-align: center;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
vertical-align: middle;
box-shadow: none;
transition: none;
background-image: none;
border: none;
border-radius: 0;
color: #418fd8;
}
button:hover {
background-color: #eee;
box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ui-dialog, .ui-widget-header, .nav-tabs > li > a, .nav-tabs .dropdown-menu, .dropdown-menu, .alert,
.available-trees h3,
.available-trees .h3, .orgChart .header, .orgChart div.card, .modal {
border-radius: 0 !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.datagrid thead tr th {
border-bottom: 1px solid #dddddd;
}
.nav-tabs .dropdown-toggle .caret {
border-bottom-color: #fff;
border-top-color: #fff;
}
.nav-tabs li.dropdown.open .caret {
border-bottom-color: #333;
border-top-color: #333;
}
#toplinkcontainer .nav > li.open > a {
color: #333333;
}
.dropdown .caret {
border-top: 4px solid #333333;
}
textarea, input, .uneditable-input {
border-radius: 0 !important;
-webkit-border-radius: 0;
-moz-border-radius: 0;
}
div#reportTabs {
background: #f0f0f0;
}
div#reportTabs .ResultsBox {
background: #ffffff;
}
.ResultsBox, .PortletBox, .InformationBox, #tabs_container, #searchboxContainer, #recentItems {
border: 1px solid #dddddd;
}
td.formFieldNormal div.btn-group {
padding-top: 0;
}
.ui-dialog .ui-dialog-buttonpane button {
background-image: none;
text-shadow: none;
box-shadow: none;
}
.ui-dialog .ui-dialog-buttonpane button.btn-primary {
color: #fff;
}
#sidebar .btn.search {
border: 0 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
background-image: none;
background-color: #fff;
}
.pubbox a.btn {
height: 20px;
padding: 10px;
}
@media screen and (max-height: 700px) {
#leftpanelContainer #recentItems ul {
overflow-y: auto;
height: 240px;
}
}
.datagrid thead tr th:first-child, .datagrid tbody tr td:first-child {
padding-left: 17px;
}
div#divButtonsBarTop {
padding-left: 0px;
}
.ActionLinkHeadBottom .btn-group, .ResultsHeader .btn-group {
padding-top: 0px;
padding-left: 0px;
}
.PortletBox table.PortletContent {
border-collapse: separate;
}
.ui-tabs-selected a {
background-color: #fff !important;
}
.ui-tabs .nav-tabs li {
opacity: 1;
}
.ui-tabs-active a:not(.configure) {
background-color: #fff !important;
color: #000 !important;
}
li.ui-tab:focus {
outline: none;
}
[aria-describedby=displayAutoEventNotificationDetails] + .ui-widget-overlay {
z-index: 20001 !important;
}
.cluetip-inner hr {
margin: 5px 0;
}
.downtime .btn {
vertical-align: top;
}
.dropdown-item {
font-size: 12px;
}
.dropdown-item li a {
padding: 3px 15px;
line-height: 18px;
}
.nav-item.dropdown {
display: flex;
}
.dropdown-menu .active > a {
background-color: #0088cc;
}
.navbar .nav > li > a:hover {
text-decoration: none;
}
#toplinkcontainer div.nav > a {
text-decoration: none;
}
#toplinkcontainer div.nav > a:hover {
text-decoration: underline;
}
.container-widgets-modal .arrows {
width: 30px;
}
.dashboard .container-widgets .row {
padding-bottom: 5px;
}
ul.unstyled, ol.unstyled {
margin-left: 0;
list-style: none;
padding: 0;
}
.recentItem.list-group-item, #recentItems .list-group-item {
border-right: 0;
padding-left: 0;
}
button.btn.btn-mini {
padding: 2px 6px;
font-size: 11px;
line-height: 14px;
}
.btn-check:focus + .btn, .btn:focus {
box-shadow: none;
}
.btn:hover {
color: #418fd8;
transition: none;
background-color: #e6e6e6;
}
.dropdown-item {
font-size: 12px;
}
.dropdown-item li a {
padding: 3px 15px;
line-height: 18px;
}
.nav-item.dropdown {
display: flex;
}
.dropdown-menu .active > a {
background-color: #0088cc;
}
#toplinkcontainer div.nav > a {
text-decoration: none;
}
#toplinkcontainer div.nav > a:hover {
text-decoration: underline;
}
.container-widgets-modal .arrows {
width: 30px;
}
.dashboard .container-widgets .row {
padding-bottom: 5px;
}
ul.unstyled, ol.unstyled {
margin-left: 0;
list-style: none;
padding: 0;
}
.recentItem.list-group-item {
border-right: 0;
padding-left: 0;
}
.dropdown-item {
font-size: 12px;
}
.dropdown-item li a {
padding: 3px 15px;
line-height: 18px;
}
.nav-item.dropdown {
display: flex;
}
.dropdown-menu .active > a {
background-color: #0088cc;
}
#toplinkcontainer div.nav > a {
text-decoration: none;
}
#toplinkcontainer div.nav > a:hover {
text-decoration: underline;
}
.ResultsBox .ResultsHeader {
heigt: 55px;
}
.ResultsBox .ResultsHeader .btn-group {
float: left;
}
.ResultsBox .ActionLinkHeadBottom .btn-group {
float: left;
}
.ck.ck-editor {
width: 1000px !important;
}
.ck-editor__editable_inline:not(.ck-comment__input *) {
height: 400px;
overflow-y: auto;
}
.login input[type=text], .login input[type=password] {
height: 40px;
}
.navbar {
padding: 0px;
}
#toplinkcontainer .navbar div > ul .dropdown-menu, #toplinkcontainer .nav .dropdown-menu {
top: 30px;
}
.container-fluid > #sidebar input, .container-sm > #sidebar input, .container-md > #sidebar input, .container-lg > #sidebar input, .container-xl > #sidebar input, .container-xxl > #sidebar input {
outline: none;
}
#recentItems .configure {
margin-top: -36px;
}
#sidebar #minimize_panel {
padding-right: 10px;
cursor: pointer;
}
#sidebar .advancedlinkContainer {
margin: 5px 0px 14px 14px;
}
hr.lgRuler {
opacity: 1;
}
#leftpanelContainer #recentItems li .details > span {
height: auto;
overflow: hidden;
}
.container-fluid > #sidebar input, .container-sm > #sidebar input, .container-md > #sidebar input, .container-lg > #sidebar input, .container-xl > #sidebar input, .container-xxl > #sidebar input {
outline: none;
}
#sidebar #minimize_panel {
padding-right: 10px;
cursor: pointer;
}
#sidebar .advancedlinkContainer {
margin: 5px 0px 14px 14px;
}
#recentItems .configure {
margin-top: -36px;
}
.navbar .nav > li:first-child > a, .navbar .nav > li:first-child > a:hover {
width: 38px;
}
.pubbox {
width: 350px;
}
.pubbox label {
text-align: initial;
float: left;
}
.dashboard .summary-value {
line-height: 18px;
}
.dropdown-item {
font-size: 12px;
}
.dropdown-item li a {
padding: 3px 15px;
line-height: 18px;
}
.nav-item.dropdown {
display: flex;
}
.dropdown-menu .active > a {
background-color: #0088cc;
}
.navbar .nav > li > a:hover {
text-decoration: none;
}
#toplinkcontainer div.nav > a {
text-decoration: none;
}
#toplinkcontainer div.nav > a:hover {
text-decoration: underline;
}
.container-widgets-modal .arrows {
width: 30px;
}
.dashboard .container-widgets .row {
padding-bottom: 5px;
}
ul.unstyled, ol.unstyled {
margin-left: 0;
list-style: none;
padding: 0;
}
.recentItem.list-group-item, #recentItems .list-group-item {
border-right: 0;
padding-left: 0;
}
button.btn.btn-mini {
padding: 2px 6px;
font-size: 11px;
line-height: 14px;
}
.btn-check:focus + .btn, .btn:focus {
box-shadow: none;
}
.btn:hover {
color: #418fd8;
transition: none;
background-color: #e6e6e6;
}
.dropdown-item {
font-size: 12px;
}
.dropdown-item li a {
padding: 3px 15px;
line-height: 18px;
}
.nav-item.dropdown {
display: flex;
}
.dropdown-menu .active > a {
background-color: #0088cc;
}
#toplinkcontainer div.nav > a {
text-decoration: none;
}
#toplinkcontainer div.nav > a:hover {
text-decoration: underline;
}
.container-widgets-modal .arrows {
width: 30px;
}
.dashboard .container-widgets .row {
padding-bottom: 5px;
}
ul.unstyled, ol.unstyled {
margin-left: 0;
list-style: none;
padding: 0;
}
.recentItem.list-group-item {
border-right: 0;
padding-left: 0;
}
.dropdown-item {
font-size: 12px;
}
.dropdown-item li a {
padding: 3px 15px;
line-height: 18px;
}
.nav-item.dropdown {
display: flex;
}
.dropdown-menu .active > a {
background-color: #0088cc;
}
#toplinkcontainer div.nav > a {
text-decoration: none;
}
#toplinkcontainer div.nav > a:hover {
text-decoration: underline;
}
.ResultsHeader, .ActionLinkHeadBottom {
box-sizing: content-box;
}
.ResultsBox .ResultsHeader .btn-group {
float: left;
}
.ResultsBox .ActionLinkHeadBottom .btn-group {
float: left;
}
.ActionLinkHeadBottom .btn-group {
margin-top: 9px;
}
.dropdown-item {
font-size: 12px;
}
.dropdown-item li a {
padding: 3px 15px;
line-height: 18px;
}
.nav-item.dropdown {
display: flex;
}
.dropdown-menu .active > a {
background-color: #0088cc;
}
.navbar .nav > li > a:hover {
text-decoration: none;
}
#toplinkcontainer div.nav > a {
text-decoration: none;
}
#toplinkcontainer div.nav > a:hover {
text-decoration: underline;
}
.container-widgets-modal .arrows {
width: 30px;
}
.dashboard .container-widgets .row {
padding-bottom: 5px;
}
ul.unstyled, ol.unstyled {
margin-left: 0;
list-style: none;
padding: 0;
}
.recentItem.list-group-item, #recentItems .list-group-item {
border-right: 0;
padding-left: 0;
}
button.btn.btn-mini {
padding: 2px 6px;
font-size: 11px;
line-height: 14px;
}
.btn-check:focus + .btn, .btn:focus {
box-shadow: none;
}
.btn:hover {
color: #418fd8;
transition: none;
background-color: #e6e6e6;
}
select, select.form-control, .form-select, .form-select.form-control, textarea, textarea.form-control, input[type=text], input[type=text].form-control, input[type=password], input[type=password].form-control, input[type=datetime], input[type=datetime].form-control, input[type=datetime-local], input[type=datetime-local].form-control, input[type=date], input[type=date].form-control, input[type=month], input[type=month].form-control, input[type=time], input[type=time].form-control, input[type=week], input[type=week].form-control, input[type=number], input[type=number].form-control, input[type=email], input[type=email].form-control, input[type=url], input[type=url].form-control, input[type=search], input[type=search].form-control, input[type=tel], input[type=tel].form-control, input[type=color], input[type=color].form-control, .uneditable-input, .uneditable-input.form-control {
display: inline-block;
padding: 4px;
font-size: 13px;
line-height: 18px;
color: #555555;
}
input.form-control, textarea.form-control {
width: 220px;
}
textarea:focus, .form-control:focus, .form-select:focus, input[type=text]:focus, input[type=password]:focus, input[type=datetime]:focus, input[type=datetime-local]:focus, input[type=date]:focus, input[type=month]:focus, input[type=time]:focus, input[type=week]:focus, input[type=number]:focus, input[type=email]:focus, input[type=url]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=color]:focus, .uneditable-input:focus {
border-color: rgba(82, 168, 236, 0.8);
outline: 0;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08), 0 0px 8px rgba(82, 168, 236, 0.6);
}
.btn {
font-size: 13px;
padding: 4px 10px 4px;
vertical-align: bottom;
line-height: 18px;
}
select, select.form-select {
height: 28px;
font-size: 12px;
border-radius: 0;
padding: 4px 30px 4px 5px;
border-radius: 0;
}
.fit:not(.pickList.form-select), select:not(.pickList.form-select), .form-select:not(.pickList.form-select) {
width: auto;
}
.minWidth220.form-select {
min-width: 220px;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
textarea, textarea.form-control {
width: auto;
}
.radio, .checkbox {
min-height: 18px;
padding-left: 18px;
}
.radio input[type=radio], .checkbox input[type=checkbox] {
float: left;
margin-left: -18px;
}
label {
display: block;
margin-bottom: 5px;
}
.form-select[multiple] {
height: auto;
}
.pubbox input[type=text], .pubbox input[type=password] {
width: 100%;
}
.alert {
padding: 8px 35px 8px 14px;
}
.alert-danger, .alert-error {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
pre {
display: block;
padding: 8.5px;
margin: 0 0 9px;
font-size: 12.025px;
line-height: 18px;
word-break: break-all;
word-wrap: break-word;
white-space: pre;
white-space: pre-wrap;
background-color: #f5f5f5;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.15);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.nav-tabs .nav-link {
background: #4884a6;
margin-right: 1px;
}
.nav-tabs .nav-link:hover {
text-decoration: none;
}
.nav-tabs .nav-item.dropdown {
display: inline-block;
}
.nav-tabs > li {
margin-bottom: -1px;
}
.nav-tabs > .active > a, .nav-tabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
padding-bottom: 6px;
}
.btn-group--block {
display: block;
}
.ActionLinkHeadBottom .select-group {
margin-top: 0;
}
.btn-micro.btn {
font-size: 6px;
line-height: 11px;
padding: 1px 3px;
}
.dashboard .task-value {
line-height: 11px;
}
.dashboard .task-item.sticky-note {
box-sizing: content-box;
}
h1, .h1, h2, .h2 {
line-height: 36px;
}
h3, .h3 {
line-height: 27px;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.ui-tabs .ui-helper-clearfix.ui-tabs-nav > li {
float: left;
border-width: 0;
}
.table tbody tr:hover td, .table tbody tr:hover th {
background-color: #f5f5f5;
}
input[type=file] {
min-width: 300px;
}
.navbar-nav {
flex-wrap: nowrap;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
margin: 0;
font-family: inherit;
font-weight: bold;
color: inherit;
text-rendering: optimizelegibility;
}
h1 small, .h1 small, h1 .small, .h1 .small, h2 small, .h2 small, h2 .small, .h2 .small, h3 small, .h3 small, h3 .small, .h3 .small, h4 small, .h4 small, h4 .small, .h4 .small, h5 small, .h5 small, h5 .small, .h5 .small, h6 small, .h6 small, h6 .small, .h6 .small {
font-weight: normal;
}
h1 small, .h1 small, h1 .small, .h1 .small {
font-size: 18px;
}
h2, .h2 {
font-size: 24px;
line-height: 36px;
}
h2 small, .h2 small, h2 .small, .h2 .small {
font-size: 18px;
}
h3, .h3 {
font-size: 18px;
line-height: 27px;
}
h3 small, .h3 small, h3 .small, .h3 .small {
font-size: 14px;
}
h4, .h4, h5, .h5, h6, .h6 {
line-height: 18px;
}
h4, .h4 {
font-size: 14px;
}
h4 small, .h4 small, h4 .small, .h4 .small {
font-size: 12px;
}
h5, .h5 {
font-size: 12px;
}
h6, .h6 {
font-size: 11px;
text-transform: uppercase;
}
h1, .h1 {
font-size: 18px;
font-weight: 300;
margin: 10px 0;
}
h3, .h3 {
font-weight: normal;
font-size: 12px;
}
.btn-close--pull-right {
float: right;
}
input[type=file] {
height: 25px;
padding-bottom: 5px;
padding-top: 0px;
line-height: normal;
font-size: 12px;
}
.nav > li > a:hover {
text-decoration: none;
}
.ActionLinkHeadBottom .button-group, .ActionLinkHeadBottom .select-group {
margin-top: 9px;
}
.carousel {
position: relative;
margin-bottom: 18px;
line-height: 1;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel .item {
position: relative;
display: none;
-webkit-transition: 0.6s ease-in-out left;
-moz-transition: 0.6s ease-in-out left;
-ms-transition: 0.6s ease-in-out left;
-o-transition: 0.6s ease-in-out left;
transition: 0.6s ease-in-out left;
}
.carousel .item > img {
display: block;
line-height: 1;
}
.carousel .active, .carousel .next, .carousel .prev {
display: block;
}
.carousel .active {
left: 0;
}
.carousel .next, .carousel .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel .next {
left: 100%;
}
.carousel .prev {
left: -100%;
}
.carousel .next.left, .carousel .prev.right {
left: 0;
}
.carousel .active.left {
left: -100%;
}
.carousel .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 40%;
left: 15px;
width: 40px;
height: 40px;
margin-top: -20px;
font-size: 60px;
font-weight: 100;
line-height: 30px;
color: #ffffff;
text-align: center;
background: #222222;
border: 3px solid #ffffff;
-webkit-border-radius: 23px;
-moz-border-radius: 23px;
border-radius: 23px;
opacity: 0.5;
filter: alpha(opacity=50);
box-sizing: content-box;
}
.carousel-control.right {
right: 15px;
left: auto;
}
.carousel-control:hover {
color: #ffffff;
text-decoration: none;
opacity: 0.9;
filter: alpha(opacity=90);
}
.carousel-caption {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 10px 15px 5px;
background: #333333;
background: rgba(0, 0, 0, 0.75);
}
.carousel-caption h4, .carousel-caption .h4, .carousel-caption p {
color: #ffffff;
}
.modal-dialog {
max-width: 100%;
}
.btn:hover {
text-decoration: none;
}
.modal-header.docpreview-title {
flex-wrap: wrap;
display: block;
}
.modal-header.docpreview-title h4, .modal-header.docpreview-title .h4 {
order: -1;
}
.modal-header.docpreview-title .close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 18px;
text-shadow: 0 1px 0 #ffffff;
filter: alpha(opacity=20);
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.docpreview-header {
box-sizing: content-box;
}
.docpreview-header * {
box-sizing: content-box;
}
.docpreview-frame {
margin: -250px 0 0 -280px;
}
#manage_tabs_button {
top: -1px;
}
#tabs .active a:link, #pageLayOutTabsUL .active a:link {
min-height: 33px;
}
#recentItems .configure {
margin-top: -30px;
}
.ActionLinkHeadBottom .select-group .btn-group, .ActionLinkHeadBottom .btn-group .btn-group {
margin-top: 0;
}
li {
line-height: 18px;
}
.nav-tabs > li > a, .ui-tabs .ui-tabs-nav li a {
line-height: 18px;
}
.nav-tabs .configure, .widgets .configure {
width: 12px;
height: 18px;
display: block;
margin-bottom: -1px;
box-sizing: content-box;
padding-right: 12px;
padding-left: 12px;
border: 1px solid transparent;
}
.numberInput.form-control, .numberInput {
width: 50px;
}
.form-control[type=file] {
line-height: 18px;
padding-bottom: 0;
}
#languageDiv {
right: 10px;
}
#languageDiv #langOptionsDiv {
width: 100px;
}
div#configure-widgets-js #available-widgets-js, #assigned-widgets-js {
width: 275px !important;
overflow: auto;
}
li#chart-bar #chart-container svg {
top: auto !important;
}
select.form-select:not(.pickList.form-select) {
width: 300px;
}
.ui-dialog .ui-dialog-titlebar-close.ui-button-icon-only {
font-size: 0;
margin-right: 5px;
}
.ui-dialog .ui-dialog-titlebar-close.ui-button-icon-only span {
display: none;
}
select.form-select:not(.pickList.form-select) {
width: auto;
}
.daysFldNameClass.form-control {
width: 30px;
box-sizing: content-box;
}
.color_swatch {
box-sizing: content-box;
}
.radio.inline, .checkbox.inline {
display: inline-block;
padding-top: 5px;
margin-bottom: 0;
vertical-align: middle;
}
.close:not(.btn-close) {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 18px;
color: #000000;
order: 2;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:not(.btn-close):hover {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}
.alert .close {
position: relative;
top: -2px;
right: -21px;
line-height: 18px;
}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.container-fluid > #sidebar #searchBox .col-3, .container-sm > #sidebar #searchBox .col-3, .container-md > #sidebar #searchBox .col-3, .container-lg > #sidebar #searchBox .col-3, .container-xl > #sidebar #searchBox .col-3, .container-xxl > #sidebar #searchBox .col-3 {
width: 170px;
border-style: none;
}
.ModernUI .modal-header, .ModernUI .modal-header span, .ModernUI .modal-header .close,
.docpreview-title, .docpreview-title .close {
color: #fff;
}
.docpreview-title .close:not(.btn-close) {
padding-right: 15px;
background-color: inherit;
color: #fff;
border: 0px !important;
opacity: inherit;
}
.docpreview-title .close:not(.btn-close):hover {
border: 0px;
box-shadow: none;
}
.form-actions {
padding: 17px 20px 18px;
margin-top: 18px;
margin-bottom: 18px;
background-color: #f5f5f5;
border-top: 1px solid #e5e5e5;
}
.pdf-pagination .pagination {
height: 36px;
box-sizing: content-box;
}
.pdf-pagination .pagination ul {
display: inline-block;
*display: inline;
margin-bottom: 0;
margin-left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
*zoom: 1;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pdf-pagination .pagination li {
display: inline;
}
.pdf-pagination .pagination a {
float: left;
padding: 0 14px;
line-height: 34px;
text-decoration: none;
border: 1px solid #ddd;
border-left-width: 0;
}
.pdf-pagination .pagination a, .pdf-pagination .pagination a:not([href]):not([class]) {
color: #0087cc;
}
.pdf-pagination .pagination a:hover, .pdf-pagination .pagination .active a {
background-color: #f5f5f5;
}
.pdf-pagination .pagination .active a {
cursor: default;
}
.pdf-pagination .pagination .active a, .pdf-pagination .pagination .active a:not([href]):not([class]) {
color: #999999;
}
.pdf-pagination .pagination .disabled span, .pdf-pagination .pagination .disabled a, .pdf-pagination .pagination .disabled a:hover {
color: #999999;
cursor: default;
background-color: transparent;
}
.pdf-pagination .pagination .disabled a:not([href]):not([class]), .pdf-pagination .pagination .disabled a:not([href]):not([class]):hover {
color: #999999;
}
.pdf-pagination .pagination li:first-child a {
border-left-width: 1px;
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.pdf-pagination .pagination li:last-child a {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.pdf-pagination .pagination-centered {
text-align: center;
}
.pdf-pagination .pagination-right {
text-align: right;
}
.control-group {
margin-bottom: 9px;
}
.radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline {
margin-left: 10px;
}
.tabs-right {
display: flex;
}
.tabs-right .nav-tabs {
flex-direction: column;
order: 2;
margin-left: 20px;
}
.tabs-right .nav-tabs li.thumb a {
padding-right: 12px;
padding-left: 12px;
box-sizing: content-box;
margin-bottom: 3px;
display: block;
}
.tabs-right .nav-tabs li.thumb a.active {
background: white;
}
.btn.active, .btn:active {
background-color: #e6e6e6;
background-color: #d9d9d9 \9 ;
background-image: none;
outline: 0;
box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
iframe {
border: revert;
}
.pdf-page textarea, .pdf-page input[type=text], .pdf-page input[type=password], .pdf-page input[type=datetime],
.pdf-page input[type=datetime-local], .pdf-page input[type=date], .pdf-page input[type=month], .pdf-page input[type=time],
.pdf-page input[type=week], .pdf-page input[type=number], .pdf-page input[type=email],
.pdf-page input[type=url], .pdf-page input[type=search], .pdf-page input[type=tel], .pdf-page input[type=color], .pdf-page .uneditable-input {
border: 1px solid #ccc;
}
#pdf-viewer .nav-tabs > .active > a, #pdf-viewer .nav-tabs > .active > a:hover {
color: #333333;
}
.pdf-pagination ul {
padding-left: 0;
}
#docpreview-status-change-modal {
background: transparent;
}
select[multiple], select[size] {
height: auto;
}
.select.form-select:not(.pickList.form-select) {
width: 300px;
height: 202px;
}
.form-control--auto-width.form-control {
width: auto;
}
.control-label--float-left {
float: left;
}
.btn-primary, .btn-primary:hover, .btn-warning, .btn-warning:hover, .btn-danger, .btn-danger:hover, .btn-success, .btn-success:hover, .btn-info, .btn-info:hover, .btn-inverse, .btn-inverse:hover {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}
/***
Spectrum Colorpicker v1.7.1
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/
.sp-container {
position: absolute;
top: 0;
left: 0;
display: inline-block;
*display: inline;
*zoom: 1;
/* https://github.com/bgrins/spectrum/issues/40 */
z-index: 9999994;
overflow: hidden;
}
.sp-container.sp-flat {
position: relative;
}
/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
position: relative;
width: 100%;
display: inline-block;
}
.sp-top-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.sp-color {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 20%;
}
.sp-hue {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 84%;
height: 100%;
}
.sp-clear-enabled .sp-hue {
top: 33px;
height: 77.5%;
}
.sp-fill {
padding-top: 80%;
}
.sp-sat, .sp-val {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.sp-alpha-enabled .sp-top {
margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
display: block;
}
.sp-alpha-handle {
position: absolute;
top: -4px;
bottom: -4px;
width: 6px;
left: 50%;
cursor: pointer;
border: 1px solid black;
background: white;
opacity: 0.8;
}
.sp-alpha {
display: none;
position: absolute;
bottom: -14px;
right: 0;
left: 0;
height: 8px;
}
.sp-alpha-inner {
border: solid 1px #333;
}
.sp-clear {
display: none;
}
.sp-clear.sp-clear-display {
background-position: center;
}
.sp-clear-enabled .sp-clear {
display: block;
position: absolute;
top: 0px;
right: 0;
bottom: 0;
left: 84%;
height: 28px;
}
/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button {
-webkit-user-select: none;
-moz-user-select: -moz-none;
-o-user-select: none;
user-select: none;
}
.sp-container.sp-input-disabled .sp-input-container {
display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
display: none;
}
.sp-palette-only .sp-picker-container {
display: none;
}
.sp-palette-disabled .sp-palette-container {
display: none;
}
.sp-initial-disabled .sp-initial {
display: none;
}
/* Gradients for hue, saturation and value instead of images. Not pretty... but it works */
.sp-sat {
background-image: -webkit-gradient(linear, 0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr="#FFFFFFFF", endColorstr="#00CC9A81");
}
.sp-val {
background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00CC9A81", endColorstr="#FF000000");
}
.sp-hue {
background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}
/* IE filters do not support multiple color stops.
Generate 6 divs, line them up, and do two color gradients for each.
Yes, really.
*/
.sp-1 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#ffff00");
}
.sp-2 {
height: 16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffff00", endColorstr="#00ff00");
}
.sp-3 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ff00", endColorstr="#00ffff");
}
.sp-4 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00ffff", endColorstr="#0000ff");
}
.sp-5 {
height: 16%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000ff", endColorstr="#ff00ff");
}
.sp-6 {
height: 17%;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff00ff", endColorstr="#ff0000");
}
.sp-hidden {
display: none !important;
}
/* Clearfix hack */
.sp-cf:before, .sp-cf:after {
content: "";
display: table;
}
.sp-cf:after {
clear: both;
}
.sp-cf {
*zoom: 1;
}
/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
.sp-color {
right: 40%;
}
.sp-hue {
left: 63%;
}
.sp-fill {
padding-top: 60%;
}
}
.sp-dragger {
border-radius: 5px;
height: 5px;
width: 5px;
border: 1px solid #fff;
background: #000;
cursor: pointer;
position: absolute;
top: 0;
left: 0;
}
.sp-slider {
position: absolute;
top: 0;
cursor: pointer;
height: 3px;
left: -1px;
right: -1px;
border: 1px solid #000;
background: white;
opacity: 0.8;
}
/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/
.sp-container {
border-radius: 0;
background-color: #ECECEC;
border: solid 1px #f0c49B;
padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.sp-top {
margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
border: solid 1px #666;
}
/* Input */
.sp-input-container {
float: right;
width: 100px;
margin-bottom: 4px;
}
.sp-initial-disabled .sp-input-container {
width: 100%;
}
.sp-input {
font-size: 12px !important;
border: 1px inset;
padding: 4px 5px;
margin: 0;
width: 100%;
background: transparent;
border-radius: 3px;
color: #222;
min-height: 20px;
}
.sp-input:focus {
border: 1px solid orange;
}
.sp-input.sp-validation-error {
border: 1px solid red;
background: #fdd;
}
.sp-picker-container, .sp-palette-container {
float: left;
position: relative;
padding: 10px;
padding-bottom: 300px;
margin-bottom: -290px;
}
.sp-picker-container {
width: 172px;
border-left: solid 1px #fff;
}
/* Palettes */
.sp-palette-container {
border-right: solid 1px #ccc;
}
.sp-palette-only .sp-palette-container {
border: 0;
}
.sp-palette .sp-thumb-el {
display: block;
position: relative;
float: left;
width: 24px;
height: 15px;
margin: 3px;
cursor: pointer;
border: solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
border-color: orange;
}
.sp-thumb-el {
position: relative;
}
/* Initial */
.sp-initial {
float: left;
border: solid 1px #333;
}
.sp-initial span {
width: 30px;
height: 25px;
border: none;
display: block;
float: left;
margin: 0;
}
.sp-initial .sp-clear-display {
background-position: center;
}
/* Buttons */
.sp-palette-button-container,
.sp-button-container {
float: right;
}
/* Replacer (the little preview div that shows up instead of the