instead, see _menuitem_div @ nube.py.
*/
/*
this does NOT apply anymore ... read above ...
VERY IMPORTANT in order to override a & a:hover styles, and use their parent li & li.menuhover instead.
we must apply all text styles @ libview to
(NOT to children) due to these "inherit" values, otherwise menus will incorrectly inherit from regular links.
SYNC with _fix_inherit @ nube.js.
*/
/*
ul.dropdown a, ul.dropdown a:hover {
background-color: transparent !important; ... always use parent background.
text-decoration: inherit !important; ... must NOT implement "underline" for normal text @ libview, otherwise inconsistent results across browsers.
font-family: inherit !important;
font-size: inherit !important;
color: inherit !important;
font-style: inherit !important;
font-weight: inherit !important;
}
*/
#nube-box { line-height: 1.5; }
h1, h2, h3, h4, h5, h6 { line-height: 1.7; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; padding-top: 0; padding-bottom: 0; } /* overwritten from base.css. */
h1 { font-size: 24px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; }
h4 { font-size: 16px; }
h5 { font-size: 13px; }
h6 { font-size: 10px; }
XXX {
background-color: #29FF21;
text-align: center;
}
ul.dropdown li.menuhover { background-color: #eee; } /* hover CLASS */
.rsThumb {
width: 64px !important; height: 48px !important; /* match nube.img_small_size */
border: 1px solid #DEDEDE; border-bottom: none;
}
.rsThumb:hover { border-color: silver; }
.rsThumb img { width: auto !important; height: auto !important; margin: auto; }
.rsContent .rsTmb { display: none; }
.rsNavSelected { background: none !important; border-color: green; }
.rsNavSelected img { opacity: 0.5 !important; }
.rsGCaption { margin-right: 15px; }
.rsWithBullets .rsGCaption { bottom: 25px; }
/*
.rsArrow { width: 15px !important; }
.rsArrowLeft .rsArrowIcn { left: 130%; }
.rsArrowRight .rsArrowIcn { left: -30%; }
*/
.nube-wuse-slideshow {
width: 100%;
border: 1px solid silver;
}
/* z-index LOWER than modal boxes (1002, so boxes appear on top, e.g. clicking on events in agendas), and HIGHER than top fixed header @ layout.html (1000). */
.royalSlider.rsFullscreen { z-index: 1001 !important; }
.rsDefault, .rsOverflow, .rsSlide, .rsVideoFrameHolder, .rsThumbs { background-color: white !important; }
/* .rsDefault, .rsOverflow, .rsSlide, .rsVideoFrameHolder, .rsThumbs, .rsTmb { border: 1px solid red; } */
/* .rsSlide { width: auto !important; } */
.nube-flash-wrapper {}
.nube-flash { height: 200px; } /* overridable by xlib_flash. */
.rsContent > div {
width: 90%;
height: 90%;
overflow: auto;
margin: 10px auto;
padding: 10px;
}
/* .rsContent .nube-lib-page { background-color: red; } */
.rsContent .nube-wuse-chart { width: 95%; } /* otherwise horizontal scrollbar appears. */
.rsContent .nube-map-wrapper {
display: block; /* override from .nube-map-wrapper. */
text-align: center;
}
.rsContent .nube-wuse-map {
width: 98%;
height: 97% !important; /* override from xlib_location.xheight. */
}
.nube-map-wrapper {
margin: 0;
padding: 0;
width: 100%; /* fluid. */
height: 300px;
display: inline-block; /* to allow centering via rich text. */
}
.nube-wuse-map {
border: 1px solid #D7F5F8;
width: 100%; max-width: 1300px; /* max-width:1300px, maps won't display above it? */
height: 300px; /* overridable by xlib_location and others. */
display: inline-block; /* ? */
}
.nube-event > table { width: 100%; }
.nube-event-label { width: 10px; } /* just to shrink as much as possible in the table. */
.tweet_list li { margin: 5px; }
.nube-hr { margin: 5px; padding: 0; /* height: 1px; background-color: red; */ border-top: 1px dotted #DEDEDE; }
/*
width:auto is required in order to fix the following error @ IE8, otherwise the user image (avatar) will NOT be sized correctly.
http://www.456bereastreet.com/archive/201202/using_max-width_on_images_can_make_them_disappear_in_ie8/
max-width required to AUTO-SIZE the image based on its container (see cat linear view TABLE CSS as an example).
do not use margin / padding, otherwise it will inherit the background-color specified by links @ libview.
*/
.nube-fluid { display: inline; max-width: 100%; width: auto; }
#nube-wait img { vertical-align: middle; }
.nube-conv-container { border: none !important; padding: 0 !important; }
.nube-conv-container tr { background: none !important; }
.nube-conv-table-images td:first-child { min-width: 64px; }
.nube-fav-follow-delete { margin-left: 30px; vertical-align: bottom; }
input[id^="xfav_xcontent"], input[id^="xfollow_xcontent"] { margin: 10px; }
.nube-search-applied { outline: 1px solid brown; }
.nube-top-icon { display: inline-block; vertical-align: top; margin-top: 7px; margin-right: 1px; }
#nube-wnots { padding: 2px 3px; }
.nube-wnots-on { background-color: yellow; } /* red / yellow */
.a2a_dd { vertical-align: top; } /* otherwise wnots-on background color will not display fully correct. */
.nube-msg-file { margin-left: 50px; }
.nube-fb-logintop img { opacity: 1 !important; } /* .nube-fb-loginbox img, .nube-fb-connect img */
/* .nube-fb-logintop img:hover, .nube-fb-loginbox img:hover, .nube-fb-connect img:hover { opacity: 0.8 !important; } */
.nube-fb-loginbox img { max-height: none !important; max-width: none !important; } /* nube-fluid issues */
.nube-fb-logintop img { vertical-align: top; margin: 1px 0 0 0 !important; }
#nube-wuse-social-login {
/* text-align: center; */
margin: 10px 0 0 20px;
height: 80px; overflow: hidden; /* white label, tmp */
}
/* .nube-wuse-social-share, .nube-wuse-social-count { position: static !important; } */
/* .nube-position-static { position: static !important; } */
.nube-socialauth-each { margin: 5px; }
.nube-socialauth-each .nube-fluid { max-width: 64px; max-height: 48px; vertical-align: middle; margin: 0 10px; }
/* .wrapper__upload { white-space: nowrap; } */
.ui-dialog { max-width: 95%; max-height: 95%; overflow: auto; position: fixed; }
.ui-helper-clearfix::after { font-size: 0; } /* fix unnecessary vertical scrollbar @ chrome & safari ... https://groups.google.com/forum/?fromgroups=#!topic/jquery-ui-dev/fQJJLKSwFOg */
.ie8 .ui-dialog-buttonpane { display: inline-block; width: 95%; } /* fix unnecessary vertical scrollbar @ ie8. */
/* #nube-box-auth input[type="file"] */
#nube-box-auth input[type="text"], #nube-box-auth input[type="password"], #nube-box-auth textarea, #nube-box-auth select { width: 200px; }
.nube-box-auth { right: 0; }
/* #nube-box-tools, .nube-box-tools { overflow: inherit; } */
/* VERY IMPORTANT for layout.html - START */
html, body, #nube-lay-table, #nube-lay-tr, #nube-lay-td, #nube-lay-header, #nube-lay-footer, #nube-lay-content { margin: 0; padding: 0; }
html, body { height: 100%; }
#nube-lay-table { min-width: 50px; } /* SYNC with nsort-view-wrapper */
#nube-lay-table { height: 100%; width: 100%; border-collapse: collapse; table-layout: fixed; }
#nube-lay-td { vertical-align: top; }
#nube-lay-content { position: static !important; } /* supersede position:relative from nube-view class (applied @ ./views/website/site.html), otherwise css PIE will NOT work @ ie7. */
#nube-lay-content { line-height: 170%; } /* matching the rest of the site. */
#nube-lay-header, #nube-lay-footer { background-color: #EDEDED; }
.ie7 #nube-lay-content { height: 90%; } /* only for IE7. */
#nube-lay-header {
height: 30px; /* SYNC with fb_tab_admin_button @ layout.html (30 + button's div height. */
border-bottom: 1px solid silver;
}
#nube-lay-footer { height: 20px; border-top: 1px solid silver; font-size: smaller; }
/* #nube-lay-header a { color: brown; } */
/* root menus */
#nube-lay-header ul.dropdown { margin-top: 3px; font-size: 90%; }
#nube-lay-header ul.dropdown > li { height: 22px; background-color: transparent; margin-right: 6px; }
#nube-lay-header ul.dropdown > li .nube-menuitem-div { padding: 3px; color: #4E0000; }
/* sub menus */
#nube-lay-header ul.dropdown ul { border-left: 1px solid #DCDCDC; }
#nube-lay-header ul.dropdown ul .nube-menuitem-div { padding: 8px 20px 8px 10px; }
#nube-lay-header ul.dropdown ul li { border-bottom: 1px solid #DCDCDC; background-color: #EDEDED; }
#nube-lay-header ul.dropdown li.menuhover { background-color: #DCDCDC; } /* hover CLASS */
.xdiv { display: inline-block; }
#nube-lay-header-left { white-space: nowrap; }
#nube-lay-header-right { white-space: nowrap; float: right; font-size: 95%; }
/* ASTERISK only applies to IE 6/7 ... http://stackoverflow.com/questions/5838454/inline-block-doesnt-work-in-internet-explorer-7-6/5838575#5838575 */
#nube-lay-header-left { *float: left; }
.xdiv, #nube-lay-header-left ul.dropdown, #gtransel, #nube-lay-header-right div { *display: inline !important; *zoom: 1; }
#gtransel { display: inline-block; margin-right: 5px; line-height: 1px; vertical-align: top; }
#gtransel div { display: inline; margin: 0; color: transparent; } /* transparent to hide the "Powered by" text */
#gtransel div span a { display: none; }
#gtransel select { height: auto; color: #555555; margin: 0; font-size: 90%; }
#gtransel, #gtransel select { width: 110px; }
/* .goog-te-gadget-simple img { display: none; } */
/* http://stackoverflow.com/questions/5197072/google-translator-top-bar-hide */
/* do NOT hide it for now, otherwise there is NO way to call "Show Original".
/*
.goog-te-banner-frame.skiptranslate {display: none !important;}
body { top: 0px !important; }
*/
.goog-te-banner-frame {
top: 30px !important; /* so it does NOT conflict with the top FIXED header. */
z-index: 1000 !important; /* lower than boxes and royalSlider, see layout.html. */
}
/* http://stackoverflow.com/questions/3234920/how-to-disable-google-translate-original-text-tooltips */
.goog-tooltip { display: none !important; }
.goog-tooltip:hover { display: none !important; }
.goog-text-highlight { background-color: transparent !important; border: none !important; box-shadow: none !important; }
#nube-lay-header img { margin: 0 4px; }
/* VERY IMPORTANT for layout.html - END */
.nube-login-button { height: 23px !important; margin: 4px 5px 0 0 !important; background: brown !important; color: white !important; border: 1px solid gray !important; vertical-align: inherit; border-radius: 10px !important; font-weight: bold; }
.nube-login-button:hover { border: 1px solid silver !important; }
.nube-login-question { height: 23px !important; margin: 4px 5px 0 4px !important; padding: 2px; color: blue !important; border: 1px solid silver !important; vertical-align: inherit; border-radius: 5px !important; font-weight: bold; }
.nube-login-question:hover { border: 1px solid gray !important; color: brown !important; }
#nube-site-user-img { margin: 4px 5px 0 0; padding: 0; width: 25px; height: 25px; text-align: center; cursor: pointer; border: 1px solid silver; }
#nube-site-user-img:hover { border: 1px solid gray; }
#nube-site-user-img img { max-width: 100%; max-height: 100%; vertical-align: middle; margin: 0 !important; }
#nube-site-user-name { font-size: 12px; border: 1px solid transparent; cursor: pointer; display: inline-block; max-width: 100px; vertical-align: middle; white-space: nowrap; overflow: hidden; }
/* #nube-site-user-name:hover { border: 1px solid silver; } */
.nube-tools-list { list-style-type: none; }
.nube-tools-list li { margin: 5px; }
.nube-tools-list img { vertical-align: middle; }
.nube-socialauth-tools { margin: 10px 0 0 8px; }
.nube-socialauth-tools img { margin: 0 !important; }
.nube-wuse-sitemap { padding-left: 8px; }
.nube-sitemap-controls { margin-bottom: 10px; }
.ui-dialog .nube-sitemap-controls { white-space: nowrap; overflow: hidden; }
.nube-sitemap-tree ul { list-style-type: none; } /* just so bullets do NOT show/flash before sitemap processing. */
#nube-box .nube-wuse-sitemap { padding: 20px; }
.nube-tools_section_admins { margin-left: 20px; }
.nube-wuse-slideshow { opacity: 0; }
.nube-toggle-close { display: inline-block; vertical-align: top; color: brown; border: 1px solid silver; margin: 0 5px 3px 3px; padding: 0 5px; }
.nube-toggle-close:hover { border: 1px solid gray; cursor: pointer; }
.nube-divs-margin { margin: 10px; }
.nube-gonubex-divs img { vertical-align: middle; }
.ui-dialog-titlebar { margin-left: 25px; }
.nube-inbox-n { position: absolute; top: 8px; left: 1px; opacity: .50; }
.nube-inbox-n:hover { opacity: 1; }
#nube-lay-header img { opacity: .80; }
#nube-lay-header img:hover, #nube-lay-header .nube-site-tools img, #nube-lay-header #nube-lang-wait img, #nube-lay-header #nube-wait img, #nube-site-user-img img { opacity: 1; }
/* do NOT do this, otherwise BOXes (dialog windows) will incorrectly extend all the width, as in opening an event in a calendar. */
/* .nube-site-header-table { table-layout: fixed; width: 100%; } */
/* http://www.w3schools.com/css/tryit.asp?filename=trycss_list-style-image_crossbrow */
.nube-admin-menu { list-style-type: none; padding: 0; margin:0; }
.nube-admin-menu > li {
background-image: url("../images/admin-menu-down.png");
background-repeat: no-repeat;
background-position: 3px 8px;
padding-left: 14px;
}
.nube-libview-uses { display: inline-block; vertical-align: middle; }
/* .nube-course-sitemap .nube-sitemap-tree a { color: red; } */
.nube-editor-help-button {
float: left; margin: 25px 0 0 -26px; /* make sure it looks ok in views too. */
color: blue !important; border: 1px solid brown !important;
}
.nube-editor-help { display: none; border: 1px solid silver; margin: 5px; padding: 0; max-height: 300px; overflow: auto; }
.nube-editor-help-close { margin: 0 0 10px 50px; }
.nube-table-row-selected { border: 1px solid silver; }
/* make facebook plugin fluid / responsive . */
.fb-like-box, .fb-like-box iframe[style], .fb-like-box span, .fb-like-box iframe span[style] { width: 100% !important; }
.fb-like-box { min-width: 200px; max-width: 500px; } /* defaults, overridable by xlib_fb_likebox. */
.nube-form-tip .nube-tip { margin: 0; padding: 0; font-size: 90%; }
.nube-widget-checkboxes {}
.nube-widget-radios {}
.nube-radios-hor {
list-style-type: none; margin-left: 10px;
display: inline-block; /* otherwise .error will NOT display correctly. */
}
.nube-radios-hor li { display: inline; }
.nube-radios-hor li > div { float: left; white-space: nowrap; margin-right: 15px; }
.nube-form-grade, .nube-form-tograde, .nube-form-graded {}
.nube-form-grade > .nube-form-table {
border-collapse: separate; border-spacing: 0 8px; /* http://www.w3schools.com/cssref/pr_border-spacing.asp */
}
.nube-form-grade > .nube-form-table > tbody > tr > td {
padding: 5px; /* http://www.w3schools.com/css/css_table.asp */
}
.nube-grading-div, .nube-graded-msg, .nube-graded-msg2, .nube-graded-rate, .nube-tograde-rate {
margin: 10px; margin-left: 0; padding: 5px; border: 1px solid green; background-color: #CCFFFF;
}
.nube-graded-rate { border: 0; background-color: transparent; }
.nube-tograde-rate { margin: 5px; }
.nube-grading-div { padding-left: 0; white-space: nowrap; }
/* note .ie7 special selectors. */
.nube-graded-ok, .ie7 .nube-graded-ok > td { background-color: #C0D890; }
.nube-graded-err, .ie7 .nube-graded-err > td { background-color: #F06560; }
.nube-div-adjacent { display: inline-block; vertical-align: top; }
/* currently selected value(s) NOT in options, e.g. edit cat with inactive elements or edit menuitem that's child of an inactive parent. */
.nube-widget-missing-option { border: 1px solid red !important; outline: 1px solid red !important; }
.nube-wvisit-td { vertical-align: middle; border:1px solid transparent !important; }
.nube-wvisit-td-curr { border:1px solid fuchsia !important; }
.nube-wvisit-box { width: 8px; height: 8px; margin: 3px; }
/* .nube-wvisit-curr { background-color: fuchsia; } */
.nube-wvisit-visited { background-color: green; }
.nube-wvisit-tovisit { background-color: brown; }
.nube-wvisit-none { background-color: /*#CCCCCC*/ transparent; height: 1px; } /* almost hide it (keeping the width), so menus from right to left are properly aligned. */
.nube-wvisit-partial { background-color: yellow; }
/*
use the following to FIX a problem where ckeditor dialogs (table props) are NOT editable
when in jquery ui modal dialog, e.g. enable "rich text" for images (which open in a box/popup).
note that the alternative _allowInteraction @ nube.js patch did NOT work (see its comment and references).
https://dev.ckeditor.com/ticket/5779
*/
.cke_dialog_contents input, .cke_dialog_contents select { position: relative; z-index: 9999; }
.nube-wvisit-linear > *, .nube-wuse-path > * { display: inline-block; margin: 0 2px; }
.nube-wvisit-linear { padding: 3px; cursor: pointer; }
.nube-wvisit-linear img { max-width: 25px; max-height: 25px; }
.nube-wvisit-linear:hover { color: red; border-bottom: 1px solid /* currcolor */; }
.nube-wvisit-linear { border-bottom: 1px solid transparent; }
.nube-wvisit-linear .nube-sitemap-description { display: none; } /* in case it comes from sitemap. */
.nube-wuse-path {}
.nube-wuse-prevnext { margin: 3px; }
.nube-wpath-sep { font-size: x-large; vertical-align: middle; }
.nube-prevnext-arrow { font-size: large; }
.nube-prevnext-arrow-hover {} /* not in use anymore, code commented in w_do_prevnext. */
.nube-prevnext-prev { float: left; }
.nube-prevnext-next { float: right; }
.nube-prevnext-2 { clear: both; }
.nube-whome {}
.nube-whome img { vertical-align: bottom; margin-right: 3px; }
.nube-sys-link { margin-left: 20px; font-size: 10px !important; display: inline-block; white-space: nowrap; }
.nube-clickopen { cursor: pointer; }
.nube-table-borders td { border: 1px solid; }
.nube-link-button-large { margin: 15px; padding: 8px; }
.nube-org-table { margin: 0; margin-top: 5px; }
.nube-org-table .nube-treepath { color: brown; font-weight: bold; }
.nube-org-table .nube-hnone { display: none; }
/* .nube-org-table tbody { border: 3px solid yellow; } */
.nube-org-table .nube-wid { opacity: .80; font-size: 11px; }
.nube-org-admins .nube-wid { font-size: 11px; }
.nube-org-table .nube-inactive { font-size: 17px; }
.nube-org-table > table {
width: 100%; /* such that rich editor expand as much as possible. */
table-layout: fixed;
}
.nube-org-table > table:first-child > tbody > tr > td { overflow: hidden; text-overflow: ellipsis; vertical-align: middle; }
.nube-org-table .w2p_fl { color: gray; }
/* .nube-org-table td:nth-of-type(3) { border: 2px solid red; } */
.nube-org-button {
width: 30px; height: 25px;
font-size: large !important; /* important for tuser admins in tabs. */
/* vertical-align: middle; */
}
.nube-org-button-saved { outline: 1px solid fuchsia; }
.nube-org-button2 { border-width: 2px !important; }
/* important to separate border-color with important, otherwise it won't work properly for tusers in tabs. */
.nube-org-button2-exp, .nube-org-tbody-exp { border: 1px solid; border-color: brown !important; }
.nube-org-button2-open, .nube-org-form { border: 1px solid; border-color: navy !important; }
.nube-org-button2-open-mi, .nube-org-form-mi { border: 1px solid; border-color: purple !important; }
.nube-org-button2-parts { border: 1px solid green; }
.nube-org-tr-parts-first { border-top: 1px solid green; }
.nube-org-tr-parts > td:last-child { border-right: 1px solid green; }
.nube-org-tr-parts > td:first-child { border-left: 1px solid green; }
.nube-org-tr-parts-last { border-bottom: 1px solid green; }
.nube-org-sep-tr, .nube-org-sep-tr td { padding: 0 !important; }
.nube-org-sep-tr div { height: 8px; }
.nube-org-form {
margin: 0 5px 8px 3px;
background-color: white;
border-radius: 5px;
display: inline-block;
overflow: auto; /* necessary for charts, for horizontal scrolling. */
/* max-height: 400px; */
max-width: 100%; /* otherwise form field options will push the form out to the left. */
float: right;
}
.nube-org-form-mi { float: left; } /* MENU items only, OVERRIDING nube-org-form. */
.nube-org-form .nube-editor-help { max-height: 210px; }
.nube-org-form input[type="checkbox"], .nube-org-admins input[type="checkbox"] { vertical-align: middle; }
.nube-org-form .nube-widget-checkboxes, .nube-org-admins .nube-widget-checkboxes { margin-top: 5px; border: 1px solid #e0e0e0; }
.nube-org-wmenu {
color: maroon; background-color: lightyellow;
padding: 1px 30px 1px 13px;
margin: -3px 0 3px -5px;
border: 1px solid silver; border-radius: 10px;
/* max-width: 100px; */
display: inline-block;
}
.nube-org-close { opacity: .8; }
.nube-org-close-top { float: right; }
.nube-org-close-bottom { /* margin-left: 50px; vertical-align: middle; */ float: right; }
.nube-org-submit { float: left; }
/* instead of [.nube-org-submit input] in order to accomodate xnotary_calc. */
.nube-org-form input[type="submit"],
.nube-org-admins input[type="submit"],
.nube-org-admins #crm-form input[type="button"]
{ border: 1px solid navy; border-radius: 10px; margin-right: 10px; }
.nube-org-tr-forms > td { padding-top: 0 !important; }
.nube-org-zebra { background-color: #F7F7F7; }
.nube-org-controls { margin-right: 8px; color: gray; text-align: right; }
.nube-org-control { margin-right: 5px; }
.nube-org-seq { width: 45px; display: inline-block; font-size: 11px; }
.nube-org-image { width: 65px; display: inline-block; vertical-align: middle; text-align: center; margin-right: 8px; }
.nube-org-top-act { display: inline-block; margin: 1px; padding: 3px 5px; border: 1px solid transparent; border-radius: 10px; }
/* .nube-org-top-act:hover { border-bottom: 1px solid silver; } */
.nube-org-top-act-sel { border: 1px solid gray; }
.nube-org-top-act-sel1 { border-bottom: 1px solid brown; }
.nube-org-admins {}
.nube-org-admins .nube-org-button { margin-bottom: 5px; }
.nube-org-admins .nube-org-form { float: none; }
.nube-org-admins .nube-th-vhwebref { width: 50px; } /* so it doesn't resize when opening forms, e.g. in ecom > items. */
.nube-admin-button-close { visibility: hidden; }
.nube-admin-fieldset-open { border-color: brown; }
.nube-admin-button2 { border: 2px solid brown !important; }
.nube-admin-legend2 { color: brown; }
.nube-th-vorg_admin { width: 65px; } /* button + hwait. */
.nube-th-vhactive { width: 17px; }
.nube-admin-fieldset { display: inline; margin-top: 8px; padding: 5px; }
.nube-admin-fieldset legend { font-weight: normal; white-space: nowrap; }
.w2p_fc { display: none; }
.nube-fieldset { margin: 5px 3px; display: inline-block; }
.nube-org-fieldset-group { margin: 7px 0; border-radius: 10px; padding-bottom: 10px; }
.nube-org-fieldset-group > legend { color: gray; }
.nube-org-tabs {}
.nube-org-tabs > div { border-color: #DEDEDE !important; border-width: 0 1px 1px 1px !important; padding: 8px !important; }
.nube-org-tabs .nube-tab { border-color: brown !important; }
.nube-wuse-agenda { margin-top: 15px; }
#nube-lay-header .nube-tools-libview { margin: 5px 0 0 20px; }
[name=select_period] { max-width: 300px !important; }
.nube-payroll-days {}
.nube-payroll-days select { width: auto; margin-right: 5px; }
.nube-payroll-days input { width: 100px; }
.nube-payroll-days-button-div { margin: 25px 0 0 150px !important; }
.nube-payroll-days-button {
padding: 8px;
height: auto !important;
border: 1px solid purple !important;
}
.nube-payroll-unsaved {
border: 2px dotted purple;
padding: 8px;
}
.nube-payroll-calcs { margin: 0 25px 0 15px; }
.nube-payroll-sign-plus { color: blue; }
.nube-payroll-sign-minus { color: red; }
.nube-payroll-sign-equal { color: green; }
.nube-payroll-section {}
.nube-payroll-day { width: auto; outline: 3px solid silver; }
.nube-payroll-day-none { width: 65px; text-align: center; }
.nube-payroll-day-100 { outline-color: green; }
.nube-payroll-day-50 { outline-color: orange; }
.nube-payroll-day-0 { outline-color: red; }
.nube-payroll-day-leave { visibility: hidden; }
.nube-visible { visibility: visible !important; }