/** * Table of Contents * ------------------------------------------------- * 00 Sprite Images * 01 CSS Normalize * 02 Fonts * 03 Mixins * 04 Icons * 05 Themes * 06 Reset Elements * 07 Reusable Patterns * 08 Basic Structure * 09 Third Party Library * 10 Header * 11 Components * 12 Footer * 99 Overriding * ------------------------------------------------- */ .sprites-sprite, .icon-readmore, .icon-more-up-indicator, .advanced-search form.custom-form .action .more-options.active .icon-more-indicator, .icon-more-down-indicator, .advanced-search form.custom-form .action .more-options .icon-more-indicator, .tagline-banner.short-banner .wrap .banner .banner-image, .tagline-banner .wrap .banner .banner-image, .calendar .fc-content .fc-event.fc-event-end:after, .calendar .fc-content .fc-event.fc-event-start:before, .header .top-navigation .navigation .menu > li.has-child > a:before, .header .top-navigation .navigation .menu > li.has-child > span.wrapper:before, .header .top-navigation .navigation .menu .expand-notification > a .notif-count:before, .header .top-navigation .expand-menu .sub-menu > li.has-menu a:after, .breadcumb .wrap ul li:before, .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectButton:after, .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li.selected:after, .user-role .wrap .field .component .login-role .ffSelectWrapper:hover .ffSelect .ffSelectButton:after, .user-role .wrap .field .component .login-role .ffSelectWrapper.active .ffSelect .ffSelectButton:after, .custom-select .ffSelectWrapper .ffSelect .ffSelectButton:after, .custom-select .ffSelectWrapper:hover .ffSelect .ffSelectButton:after, .custom-select .ffSelectWrapper.active .ffSelect .ffSelectButton:after, .custom-checkbox .ffCheckboxWrapper .ffCheckbox, .custom-checkbox .ffCheckboxWrapper .ffCheckbox:hover, .custom-checkbox .ffCheckboxWrapper.on .ffCheckbox, .custom-checkbox .ffCheckboxWrapper.on .ffCheckbox:hover, .custom-radiobutton .ffRadioWrapper .ffRadio, .custom-radiobutton .ffRadioWrapper .ffRadio:hover, .custom-radiobutton .ffRadioWrapper .ffRadio.focus, .custom-radiobutton .ffRadioWrapper.on .ffRadio, .custom-radiobutton .ffRadioWrapper.on:hover .ffRadio, .custom-radiobutton .ffRadioWrapper.on.focus .ffRadio, .custom-datepicker .icon-area, .custom-uploader .icon-area, .custom-search .icon-area, .pagination .page-button .prev.disabled, .pagination .page-button .next.disabled, .pagination .page-button .prev.disabled:hover, .pagination .page-button .prev.disabled:active, .pagination .page-button .next.disabled:hover, .pagination .page-button .next.disabled:active, .pagination .page-button .prev, .pagination .page-button .next, .lv-form .lv-form-item form.custom-form .lv-multiple-value .lv-multiple-value-wrap .lv-multiple-value-field .lv-multiple-value-close, .lv-form .lv-form-item .custom-select .ffSelectWrapper .ffSelect .ffSelectButton:after, .lv-form .lv-form-item .custom-datepicker .icon-area, .lv-form .lv-form-item .custom-uploader .icon-area, .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectButton:after, .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper:hover .ffSelect .ffSelectButton:after, .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper.active .ffSelect .ffSelectButton:after, .lv-form form.custom-form .lv-multiple-single-data .lv-msd-wrap .lv-msd-field .lv-multiple-value-close, .custom-select-filter.active .csf-wrap .csf-button:before, .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectButton:after, .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li.selected:after, .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper:hover .ffSelect .ffSelectButton:after, .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper.active .ffSelect .ffSelectButton:after, .widget .widget-profile-list .profile-filter .filters .icon.icon-arrow-left, .widget .widget-profile-list .profile-filter .filters .icon.icon-arrow-right { background-image: url('../images/sprites-s122a7e664f.png'); background-repeat: no-repeat; } .sprites-icon-sprite, .icon-burger-menu, .icon-search, .icon-information, .icon-download, .icon-download-disable, .icon-upload, .icon-marker, .icon-contact-mail, .icon-checklist, .icon-reply, .icon-edit, .icon-trash, .icon-facebook, .icon-twitter, .icon-google-plus, .form-bubble .form-bubble-close, .form-bubble .fc-dialog .fc-dclose, .form-bubble .fc-dialog .fc-dclose:hover, .form-bubble .fc-dialog .fc-dclose:active, .calendar .fc-button-prev, .calendar .fc-button-prev:hover, .calendar .fc-button-prev:active, .calendar .fc-button-next, .calendar .fc-button-next:hover, .calendar .fc-button-next:active, .calendar .fc-dialog .fc-dclose, .calendar .fc-dialog .fc-dclose:hover, .calendar .fc-dialog .fc-dclose:active, .calendar .view-type .icon-grid-view, .calendar .view-type .icon-list-view, /*.ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next,*/ .header .top-navigation .expand-menu .sub-menu > li.cloning-title a:before, .agenda-navigation .heading .icon-calendar, .agenda-navigation .nav-item .nav.prev-button, .agenda-navigation .nav-item .nav.next-button, .search-result table tbody tr td .view-all-indicator, .table-viewer .tv-item table tbody tr td .tv-btn-show, .table-viewer .tv-item table tbody tr td .tv-btn-show.current, .custom-select-filter .csf-wrap .csf-button:before { background-image: url('../images/sprites-icon-s5e232898dc.png'); background-repeat: no-repeat; } .sprites-icon-block-sprite, .icon-block-search, .icon-block-search-result, .icon-block-search-applicant, .icon-block-recommended-jobseeker, .icon-block-change-password { background-image: url('../images/sprites-icon-block-s7c91a87d66.png'); background-repeat: no-repeat; } .sprites-icon-additional-sprite, .icon-formal-education, .icon-informal-education, .icon-language-skill, .icon-reference, .icon-technical-skill, .icon-work-experience, .icon-applied-vacancy-list, .icon-saved-vacancy, .icon-address, .icon-family-member, .icon-other-info, .icon-personal-data, .icon-desired-position, .icon-job-matches, .icon-statistic, .icon-location, .icon-position, .icon-experience, .icon-message, .icon-phone, .icon-company-information, .icon-applicant-list, .icon-event-created, .icon-open-vacancy, .icon-search-job, .custom-select-filter.filtering .csf-dropdown li.csf-area-filtering .csf-close-filter { background-image: url('../images/sprites-icon-additional-sb803f4dc37.png'); background-repeat: no-repeat; } /*! normalize.css v3.0.1 | MIT License | git.io/normalize */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background: transparent; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ /*table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; }*/ /*! Fonts using webfont */ /* Open sans */ @font-face { font-family: 'Open Sans', sans-serif; src: url("../fonts/opensans/opensans-regular.eot?") format("eot"), url("../fonts/opensans/opensans-regular.woff") format("woff"), url("../fonts/opensans/opensans-regular.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: 'Open Sans', sans-serif; src: url("../fonts/opensans/opensans-light.eot?") format("eot"), url("../fonts/opensans/opensans-light.woff") format("woff"), url("../fonts/opensans/opensans-light.ttf") format("truetype"); font-weight: 300; } @font-face { font-family: 'Open Sans', sans-serif; src: url("../fonts/opensans/opensans-bold.eot?") format("eot"), url("../fonts/opensans/opensans-bold.woff") format("woff"), url("../fonts/opensans/opensans-bold.ttf") format("truetype"); font-weight: bold; } @font-face { font-family: 'Open Sans', sans-serif; src: url("../fonts/opensans/opensans-semibold.eot?") format("eot"), url("../fonts/opensans/opensans-semibold.woff") format("woff"), url("../fonts/opensans/opensans-semibold.ttf") format("truetype"); font-weight: 500; } @font-face { font-family: 'Open Sans', sans-serif; src: url("../fonts/opensans/opensans-italic.eot?") format("eot"), url("../fonts/opensans/opensans-italic.woff") format("woff"), url("../fonts/opensans/opensans-italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } @font-face { font-family: 'Open Sans', sans-serif; src: url("../fonts/opensans/opensans-bolditalic.eot?") format("eot"), url("../fonts/opensans/opensans-bolditalic.woff") format("woff"), url("../fonts/opensans/opensans-bolditalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } /* Interstate */ @font-face { font-family: 'Interstate'; src: url("../fonts/interstate/interstate-regular.eot?") format("eot"), url("../fonts/interstate/interstate-regular.woff") format("woff"), url("../fonts/interstate/interstate-regular.ttf") format("truetype"); font-weight: normal; } @font-face { font-family: 'Interstate'; src: url("../fonts/interstate/interstate-thin.eot?") format("eot"), url("../fonts/interstate/interstate-thin.woff") format("woff"), url("../fonts/interstate/interstate-thin.ttf") format("truetype"); font-weight: 100; } @font-face { font-family: 'Interstate'; src: url("../fonts/interstate/interstate-light.eot?") format("eot"), url("../fonts/interstate/interstate-light.woff") format("woff"), url("../fonts/interstate/interstate-light.ttf") format("truetype"); font-weight: 300; } @font-face { font-family: 'Interstate'; src: url("../fonts/interstate/interstate-bold.eot?") format("eot"), url("../fonts/interstate/interstate-bold.woff") format("woff"), url("../fonts/interstate/interstate-bold.ttf") format("truetype"); font-weight: bold; } @font-face { font-family: 'Interstate'; src: url("../fonts/interstate/interstate-black.eot?") format("eot"), url("../fonts/interstate/interstate-black.woff") format("woff"), url("../fonts/interstate/interstate-black.ttf") format("truetype"); font-weight: 900; } @font-face { font-family: 'Interstate'; src: url("../fonts/interstate/interstate-italic.eot?") format("eot"), url("../fonts/interstate/interstate-italic.woff") format("woff"), url("../fonts/interstate/interstate-italic.ttf") format("truetype"); font-style: italic; } /*! Mixins */ /*! Icons */ .icon-burger-menu { display: inline-block; width: 18px; height: 15px; background-position: 0 -76px; } .icon-search { display: inline-block; width: 13px; height: 15px; background-position: 0 -898px; } .icon-information { display: inline-block; width: 26px; height: 26px; background-position: 0 -626px; } .icon-download { display: inline-block; width: 20px; height: 19px; background-position: 0 -409px; } .icon-download-disable { display: inline-block; width: 20px; height: 19px; background-position: 0 -387px; } .icon-upload { display: inline-block; width: 20px; height: 19px; background-position: 0 -1025px; } .icon-marker { display: inline-block; width: 13px; height: 20px; background-position: 0 -655px; } .icon-contact-mail { display: inline-block; width: 40px; height: 40px; background-position: 0 -344px; } .icon-contact-mail:hover, .icon-contact-mail.icon-contact-mail-hover { background-position: 0 -301px; } .icon-checklist { display: inline-block; width: 16px; height: 15px; background-position: 0 -160px; } .icon-reply { display: inline-block; width: 21px; height: 19px; background-position: 0 -876px; } .icon-edit { display: inline-block; width: 21px; height: 20px; background-position: 0 -431px; } .icon-trash { display: inline-block; width: 17px; height: 20px; background-position: 0 -916px; } .icon-readmore { display: inline-block; width: 6px; height: 8px; vertical-align: middle; background-position: 0 -1093px; } .icon-more-up-indicator, .advanced-search form.custom-form .action .more-options.active .icon-more-indicator { display: inline-block; width: 10px; height: 6px; vertical-align: middle; background-position: 0 -800px; } .icon-more-down-indicator, .advanced-search form.custom-form .action .more-options .icon-more-indicator { display: inline-block; width: 10px; height: 6px; vertical-align: middle; background-position: 0 -791px; } /* Social media icon goes here */ .icon-facebook { display: inline-block; width: 40px; height: 40px; background-position: 0 -497px; } .icon-facebook:hover, .icon-facebook.icon-facebook-hover { background-position: 0 -454px; } .icon-twitter { display: inline-block; width: 40px; height: 40px; background-position: 0 -982px; } .icon-twitter:hover, .icon-twitter.icon-twitter-hover { background-position: 0 -939px; } .icon-google-plus { display: inline-block; width: 40px; height: 40px; background-position: 0 -583px; } .icon-google-plus:hover, .icon-google-plus.icon-google-plus-hover { background-position: 0 -540px; } /* Block icon goes here */ .icon-block-search { display: inline-block; width: 76px; height: 76px; background-position: 0 -316px; } .icon-block-search-result { display: inline-block; width: 76px; height: 76px; background-position: 0 -237px; } .icon-block-search-applicant { display: inline-block; width: 76px; height: 76px; background-position: 0 -158px; } .icon-block-recommended-jobseeker { display: inline-block; width: 76px; height: 76px; background-position: 0 -79px; } .icon-block-change-password { display: inline-block; width: 76px; height: 76px; background-position: 0 0; } /* Additional icon goes here */ .icon-formal-education { display: inline-block; width: 30px; height: 20px; background-position: 0 -230px; } .icon-informal-education { display: inline-block; width: 30px; height: 24px; background-position: 0 -250px; } .icon-language-skill { display: inline-block; width: 30px; height: 29px; background-position: 0 -304px; } .icon-reference { display: inline-block; width: 30px; height: 26px; background-position: 0 -495px; } .icon-technical-skill { display: inline-block; width: 30px; height: 30px; background-position: 0 -610px; } .icon-work-experience { display: inline-block; width: 32px; height: 31px; background-position: 0 -640px; } .icon-applied-vacancy-list { display: inline-block; width: 30px; height: 30px; background-position: 0 -58px; } .icon-saved-vacancy { display: inline-block; width: 29px; height: 30px; background-position: 0 -521px; } .icon-address { display: inline-block; width: 30px; height: 28px; background-position: 0 0; } .icon-family-member { display: inline-block; width: 30px; height: 22px; background-position: 0 -208px; } .icon-other-info { display: inline-block; width: 30px; height: 30px; background-position: 0 -397px; } .icon-personal-data { display: inline-block; width: 30px; height: 30px; background-position: 0 -427px; } .icon-desired-position { display: inline-block; width: 30px; height: 29px; background-position: 0 -129px; } .icon-job-matches { display: inline-block; width: 26px; height: 30px; background-position: 0 -274px; } .icon-statistic { display: inline-block; width: 30px; height: 29px; background-position: 0 -581px; } .icon-location { display: inline-block; width: 12px; height: 20px; background-position: 0 -333px; } .icon-position { display: inline-block; width: 20px; height: 18px; background-position: 0 -477px; } .icon-experience { display: inline-block; width: 7px; height: 21px; background-position: 0 -187px; } .icon-message { display: inline-block; width: 20px; height: 19px; background-position: 0 -353px; } .icon-phone { display: inline-block; width: 19px; height: 20px; background-position: 0 -457px; } .icon-company-information { display: inline-block; width: 31px; height: 31px; background-position: 0 -98px; } .icon-applicant-list { display: inline-block; width: 24px; height: 30px; background-position: 0 -28px; } .icon-event-created { display: inline-block; width: 30px; height: 29px; background-position: 0 -158px; } .icon-open-vacancy { display: inline-block; width: 30px; height: 25px; background-position: 0 -372px; } .icon-search-job { display: inline-block; width: 31px; height: 30px; background-position: 0 -551px; } /*! Themes */ /*! Theme color */ /*! Button */ /*! Reset elements */ body { margin: 0; padding: 0; background: #fff; font-family: 'Open Sans', sans-serif; font-size: 14px; font-weight: normal; color: #5e5e5e; line-height: 22px; } a { color: #7a2182; text-decoration: none; } /* table { width: 100%; border-collapse: collapse; } table thead { background: #e4e4e4; } table thead tr th { padding: 13px; font-size: 12px; font-weight: bold; line-height: 14px; text-align: left; text-transform: uppercase; } table tbody tr { background: #fff; border-bottom: 1px solid #e2e2e2; } table tbody tr th { padding: 13px; font-size: 13px; line-height: 15px; background: #d4d4d4; } table tbody tr td { padding: 13px; font-size: 13px; line-height: 15px; } table.zebra tbody tr:nth-child(even) { background: #f2f2f2; } table.horizontal tbody tr th { text-align: right; text-transform: uppercase; } table.bordered tbody { border: 1px solid #e2e2e2; }*/ form.custom-form { display: block; } form.custom-form p { display: block; margin: 0 0 20px; padding: 0; } form.custom-form label { display: block; margin: 0 0 8px; padding: 0; font-size: 12px; color: #909090; line-height: 15px; text-transform: uppercase; } form.custom-form label .required { color: red; } form.custom-form input[type="text"], form.custom-form input[type="email"], form.custom-form input[type="password"], form.custom-form input[type="search"], form.custom-form textarea { display: block; margin: 0; padding: 0 10px; width: 100%; height: 40px; border: 1px solid #c9c9c9; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } form.custom-form input[type="text"]:focus, form.custom-form input[type="email"]:focus, form.custom-form input[type="password"]:focus, form.custom-form input[type="search"]:focus, form.custom-form textarea:focus { border-color: #ff9024; } form.custom-form input[type="text"][readonly="readonly"], form.custom-form input[type="text"][disabled="disabled"], form.custom-form input[type="email"][readonly="readonly"], form.custom-form input[type="email"][disabled="disabled"], form.custom-form input[type="password"][readonly="readonly"], form.custom-form input[type="password"][disabled="disabled"], form.custom-form input[type="search"][readonly="readonly"], form.custom-form input[type="search"][disabled="disabled"], form.custom-form textarea[readonly="readonly"], form.custom-form textarea[disabled="disabled"] { background: #f9f9f9; } form.custom-form textarea { padding: 10px; resize: none; height: 180px; line-height: 20px; } form.custom-form .row { margin: 0 -10px; } form.custom-form .row .column { padding: 0 10px; } /*! Reusable Patterns */ .clearfix:after, .container:after, .row:after, .calendar-wrap:after, /*.ui-datepicker .ui-datepicker-header .ui-datepicker-title:after,*/ .header .navigator ul:after, .header .top-navigation .navigation:after, .header .top-navigation .navigation .menu:after, .agenda-navigation .agenda-content ul:after, .widget-parent .widget-group:after, .table-viewer .lv-form .lv-form-item form.custom-form .periode:after, .table-viewer .lv-form .lv-form-item form.custom-form .scale-of:after, .table-viewer .lv-form .lv-form-item form.custom-form .multi-choice .mc-wrap:after, .lv-form form.custom-form .child-of:after, form.custom-form .field-time:after, .widget .widget-profile-list .profile-filter:after, .clearfix:before, .container:before, .row:before, .calendar-wrap:before, /*.ui-datepicker .ui-datepicker-header .ui-datepicker-title:before,*/ .header .navigator ul:before, .header .top-navigation .navigation:before, .header .top-navigation .navigation .menu:before, .agenda-navigation .agenda-content ul:before, .widget-parent .widget-group:before, .table-viewer .lv-form .lv-form-item form.custom-form .periode:before, .table-viewer .lv-form .lv-form-item form.custom-form .scale-of:before, .table-viewer .lv-form .lv-form-item form.custom-form .multi-choice .mc-wrap:before, .lv-form form.custom-form .child-of:before, form.custom-form .field-time:before, .widget .widget-profile-list .profile-filter:before { display: table; content: ''; } .clearfix:after, .container:after, .row:after, .calendar-wrap:after, /*.ui-datepicker .ui-datepicker-header .ui-datepicker-title:after,*/ .header .navigator ul:after, .header .top-navigation .navigation:after, .header .top-navigation .navigation .menu:after, .agenda-navigation .agenda-content ul:after, .widget-parent .widget-group:after, .table-viewer .lv-form .lv-form-item form.custom-form .periode:after, .table-viewer .lv-form .lv-form-item form.custom-form .scale-of:after, .table-viewer .lv-form .lv-form-item form.custom-form .multi-choice .mc-wrap:after, .lv-form form.custom-form .child-of:after, form.custom-form .field-time:after, .widget .widget-profile-list .profile-filter:after { clear: both; } /* Floating */ .left { float: left; } .right { float: right; } /* Button */ .button, .calendar table.fc-header .fc-button-today, .calendar table.fc-header .fc-button-add-event { display: inline-block; position: relative; margin: 0; padding: 0 25px; height: 40px; border: 0; outline: 0; font-size: 12px; color: #fff; line-height: 40px; text-align: center; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; border-radius: 6px; } .button.button-primary, .calendar table.fc-header .fc-button-today, .calendar table.fc-header .fc-button-add-event { background: url("../images/default/button-purple.png"); } .button.button-primary:hover, .calendar table.fc-header .fc-button-today:hover, .calendar table.fc-header .fc-button-add-event:hover { background: url("../images/default/button-purple-hover.png"); } .button.button-primary.active, .calendar table.fc-header .active.fc-button-today, .calendar table.fc-header .active.fc-button-add-event { background: url("../images/default/button-purple-active.png"); } .button.button-secondary, .calendar table.fc-header .button-secondary.fc-button-today, .calendar table.fc-header .button-secondary.fc-button-add-event { background: url("../images/default/button-gray.png"); } .button.button-secondary:hover, .calendar table.fc-header .button-secondary.fc-button-today:hover, .calendar table.fc-header .button-secondary.fc-button-add-event:hover { background: url("../images/default/button-gray-hover.png"); } .button.button-secondary.active, .calendar table.fc-header .button-secondary.active.fc-button-today, .calendar table.fc-header .button-secondary.active.fc-button-add-event { background: url("../images/default/button-gray-active.png"); } .button.button-orange, .calendar table.fc-header .button-orange.fc-button-today, .calendar table.fc-header .button-orange.fc-button-add-event { background: url("../images/default/button-orange.png"); } .button.button-orange:hover, .calendar table.fc-header .button-orange.fc-button-today:hover, .calendar table.fc-header .button-orange.fc-button-add-event:hover { background: url("../images/default/button-orange-hover.png"); } .button.button-orange.active, .calendar table.fc-header .button-orange.active.fc-button-today, .calendar table.fc-header .button-orange.active.fc-button-add-event { background: url("../images/default/button-orange-active.png"); } /*! Basic structure */ #page { display: block; position: relative; } #site-content { display: block; position: relative; } #site-content .divider { display: block; width: 100%; height: 1px; background: #c9c9c9; } #main-content { display: block; position: relative; padding: 30px 0 80px; } /*.container { display: block; width: 940px; margin: auto; } .container.centering { width: 640px; } */ /* Banner */ .tagline-banner { display: block; position: fixed; top: 0; left: 0; z-index: 90; width: 100%; height: 0; } .tagline-banner.short-banner .wrap .banner { padding: 0; } .tagline-banner.short-banner .wrap .banner .banner-image { height: 114px; background-position: 0 -1104px; } .tagline-banner.short-banner .wrap .tagline { display: none; } .tagline-banner .container { height: 0; } .tagline-banner .wrap { display: block; margin-left: -80px; width: 53px; } .tagline-banner .wrap .banner { display: block; padding: 187px 0 0; background: #762f8d; } .tagline-banner .wrap .banner .banner-image { display: block; width: 53px; height: 204px; background-color: #fff; background-position: 0 -1221px; } .tagline-banner .wrap .tagline { display: block; margin: 50px 0 0; font-family: 'Interstate'; font-size: 12px; font-weight: bold; color: #474a4a; line-height: 14px; } /* Row */ .row { display: block; } .row .column { display: block; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .row .column.half { width: 50%; } .row .column.two-thirds { width: 66.67%; } .row .column.one-third { width: 33.33%; } /* Table */ .group-item { display: table; table-layout: fixed; width: 100%; } .group-item .item { display: table-cell; } /* Divider absolute */ .absolute-divider { display: block; position: absolute; left: auto; z-index: 1; content: ''; width: 100%; height: 1px; background: #c9c9c9; } .absolute-divider.top { bottom: 100%; } .absolute-divider.bottom { top: 100%; } /* Heading */ .heading { display: block; margin: 0 0 40px; padding: 0; font-size: 24px; font-weight: normal; color: #7a2182; line-height: 28px; text-align: center; text-transform: uppercase; } .ffTextBoxWrapper, .ffPasswordWrapper, .ffCheckboxWrapper, .ffRadioWrapper, .ffTextAreaWrapper, .ffSubmitWrapper, .ffResetWrapper, .ffButtonWrapper { display: inline-block; zoom: 1; *display: inline; margin: 5px 0; } .ffSelectWrapper { display: inline-block; zoom: 1; margin: 5px 0; } .ffTextBoxLeft, .ffTextBoxRight, .ffPasswordLeft, .ffPasswordRight, .ffCheckbox, .ffRadio, .ffSelectButton, .ffSelectButton span, .ffSelectMenuWrapper div.ffSelectMenuTop, .ffSelectMenuWrapper div.ffSelectMenuBottom, .ffSelectMenuWrapper > div > span, .ffTextAreaTop, .ffTextAreaTop span, .ffTextAreaBottom, .ffTextAreaBottom span, .ffSubmitWrapper a, .ffSubmitWrapper a span, .ffResetWrapper a, .ffResetWrapper a span, .ffButtonWrapper a, .ffButtonWrapper a span { background-repeat: no-repeat; } /* text box */ .ffTextBoxRight, .ffPasswordRight { background-position: right -256px; padding-right: 5px; } .ffTextBoxLeft, .ffPasswordLeft { background-position: 0 0; padding: 0 5px 0 10px; } .ffTextBoxLeft input, .ffPasswordLeft input { border: 0; height: 28px; background-color: transparent; margin-top: 6px\9; height: 22px\9; } .ffTextBoxRight:hover, .ffPasswordRight:hover { background-position: right -288px; } .ffTextBoxLeft:hover, .ffPasswordLeft:hover { background-position: 0 -32px; } .focus .ffTextBoxRight, .focus .ffPasswordRight { background-position: right -320px; } .focus .ffTextBoxLeft, .focus .ffPasswordLeft { background-position: 0 -64px; } .ffTextBoxWrapper.disabled .ffTextBoxRight, .ffPasswordWrapper.disabled .ffPasswordRight { background-position: right -352px; } .ffTextBoxWrapper.disabled .ffTextBoxLeft, .ffPasswordWrapper.disabled .ffPasswordLeft { background-position: 0 -96px; color: #999; } /* checkbox */ .ffCheckboxWrapper a { text-decoration: none; color: #6F6F6F; position: relative; top: 1px; font-size: 14px; padding-left: 5px; margin-right: 10px; } .ffCheckbox { width: 21px; height: 21px; float: left; background-position: 0 -288px; cursor: pointer; } .ffCheckboxWrapper:hover a, .ffCeckboxWrapper.focus a { color: #4e4e4e; } .ffCheckboxWrapper:hover .ffCheckbox, .ffCeckboxWrapper.focus .ffCheckbox { background-position: -30px -288px; } .ffCheckboxWrapper.on .ffCheckbox { background-position: -60px -288px; } .ffCheckboxWrapper.on:hover .ffCheckbox, .ffCeckboxWrapper.on.focus .ffCheckbox { background-position: -90px -288px; } .ffCheckboxWrapper.disabled .ffCheckbox { background-position: -120px -288px; } .ffCheckboxWrapper.on.disabled .ffCheckbox { background-position: -150px -288px; } .ffCheckboxWrapper.disabled a, .ffCeckboxWrapper.disabled:hover a, .ffCeckboxWrapper.disabled.focus a { color: #999; } /* radio */ .ffRadioWrapper a { text-decoration: none; color: #555; position: relative; top: 1px; font-size: 14px; padding-left: 5px; margin-right: 10px; } .ffRadio { width: 18px; height: 18px; float: left; background-position: -180px -288px; cursor: pointer; } .ffRadioWrapper:hover a, .ffRadioWrapper.focus a { color: #4e4e4e; } .ffRadioWrapper:hover .ffRadio, .ffRadioWrapper.focus .ffRadio { background-position: -210px -288px; } .ffRadioWrapper.on .ffRadio { background-position: -240px -288px; } .ffRadioWrapper.on:hover .ffRadio, .ffRadioWrapper.on.focus .ffRadio { background-position: -270px -288px; } .ffRadioWrapper.disabled .ffRadio { background-position: -300px -288px; } .ffRadioWrapper.on.disabled .ffRadio { background-position: -330px -288px; } .ffRadioWrapper.disabled a, .ffRadioWrapper.disabled:hover a, .ffRadioWrapper.disabled.focus a { color: #999; } /* selectbox */ .ffSelectWrapper { width: 200px; *clear: both; } .ffSelect { position: relative; } .ffSelect > a { background-position: right -128px; display: block; text-decoration: none; outline: 0; cursor: default; } .ffSelect > a > span { display: block; height: 28px; margin-right: 40px; padding-left: 10px; background-position: 0 0; overflow: hidden; line-height: 28px; font-size: 14px; color: #555; white-space: nowrap; *white-space: normal; text-overflow: ellipsis; } .ffSelect:hover > a, .ffSelectWrapper.focus .ffSelect > a { background-position: right -160px; } .ffSelect:hover > a > span, .ffSelectWrapper.focus .ffSelect > a > span { background-position: 0 -32px; } .ffSelectWrapper.active .ffSelect > a { background-position: right -192px; z-index: 1005; position: relative; } .ffSelectWrapper.active .ffSelect > a > span { background-position: 0 -64px; } .ffSelectWrapper.disabled .ffSelect > a { background-position: right -224px; } .ffSelectWrapper.disabled .ffSelect > a > span { background-position: 0 -96px; color: #999; } .ffSelectMenuWrapper { width: 100%; } .ffSelectMenuWrapper .ffSelectMenuMidBG ul { list-style-type: none; margin: 0 0; padding: 0; list-style: none !important; } .ffSelectMenuWrapper .ffSelectMenuMidBG li { padding: 5px; cursor: default; background-color: #fff; list-style: none !important; margin: 0; } .ffSelectMenuWrapper .ffSelectMenuMidBG li SPAN { font-size: 14px; } .ffSelectMenuWrapper .ffSelectMenuMidBG li.disabled SPAN { color: #888; } .ffSelectMenuWrapper .ffSelectMenuMidBG li.on { background-color: #ccc; } .ffSelectMenuTop { height: 5px; background-position: 0 -394px; } .ffSelectMenuTop span { display: block; height: 5px; margin-left: 8px; background: right -384px; } .ffSelectMenuBottom { height: 5px; background-position: 0 -414px; } .ffSelectMenuBottom span { display: block; height: 5px; margin-left: 8px; background-position: right -404px; } .ffSelectMenuMidBG { background: url(../images/fancyfields/sides.png) repeat-y right 0; } .ffSelectMenuMid { max-height: 200px; overflow: auto; background: url(../images/fancyfields/sides.png) repeat-y 0 0; padding-left: 4px; margin-right: 4px; } .scrollingBarWrapper { width: 24px; height: 200px; background: url(../images/fancyfields/scrollingBarBg.png) no-repeat; right: 3px !important; } .scrollingHandle { width: 24px; padding-top: 20px; background: url(../images/fancyfields/scrollingHandleTop.png) no-repeat 0 0; } .scrollingHandleBottom { width: 24px; background: url(../images/fancyfields/scrollingHandleBottom.png) no-repeat 0px bottom; } /* textarea */ .ffTextAreaWrapper textarea { border: 0; margin: 10px 10px 10px 15px; padding: 0; font-size: 14px; color: #555; background: none; resize: none; } .ffTextAreaTop { height: 5px; background-position: 0 -394px; } .ffTextAreaTop span { display: block; height: 5px; margin-left: 8px; background-position: right -384px; } .ffTextAreaMid { background: transparent url(../images/fancyfields/sides.png) repeat-y right 0; } .ffTextAreaMid .ffTextAreaLeft { background: url(../images/fancyfields/sides.png) repeat-y 0 0; margin-right: 4px; } .ffTextAreaBottom { height: 5px; background-position: 0 -414px; } .ffTextAreaBottom span { display: block; height: 5px; margin-left: 6px; background-position: right -404px; } /* button */ .ffButtonWrapper > a { background-position: right -585px; display: block; text-decoration: none; outline: 0; } .ffButtonWrapper > a > span { display: block; height: 36px; padding-bottom: 2px; line-height: 39px; font-size: 15px; background-position: 0 -424px; text-align: center; padding: 0 10px 0 15px; color: #fff; font-weight: bold; text-transform: uppercase; margin-right: 5px; } .ffButtonWrapper:hover > a { background-position: right -625px; } .ffButtonWrapper:hover > a > span { background-position: 0 -464px; } .ffButtonWrapper > a:active { background-position: right -665px; position: relative; } .ffButtonWrapper > a:active > span { background-position: 0 -504px; } .ffButtonWrapper.disabled > a { background-position: right -705px; position: static; } .ffButtonWrapper.disabled > a > span { background-position: 0 -544px; color: #c1c1c1; } input[type="text"], input[type="password"], textarea, select { outline: none; } /* remove webkit yellow border */ select.mobileSelect { opacity: 0; filter: alpha(opacity=0); position: absolute; top: 0; display: block; } /* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */ /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox/fancybox_sprite.png"); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url("../images/fancybox/fancybox_loading.gif") center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url("../images/fancybox/blank.gif"); /* helps IE */ -webkit-tap-highlight-color: transparent; z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url("../images/fancybox/fancybox_overlay.png"); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url("../images/fancybox/fancybox_sprite@2x.png"); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url("../images/fancybox/fancybox_loading@2x.gif"); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } } /*! * FullCalendar v1.6.4 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ * (c) 2013 Adam Shaw */ .fc { direction: ltr; text-align: left; } .fc table { border-collapse: collapse; border-spacing: 0; } html .fc, .fc table { font-size: 1em; } .fc td, .fc th { padding: 0; vertical-align: top; } /* Header ------------------------------------------------------------------------*/ .fc-header td { white-space: nowrap; } .fc-header-left { width: 25%; text-align: left; } .fc-header-center { text-align: center; } .fc-header-right { width: 25%; text-align: right; } .fc-header-title { display: inline-block; vertical-align: top; } .fc-header-title h2 { margin-top: 0; white-space: nowrap; } .fc .fc-header-space { padding-left: 10px; } .fc-header .fc-button { margin-bottom: 1em; vertical-align: top; } /* buttons edges butting together */ .fc-header .fc-button { margin-right: -1px; } .fc-header .fc-corner-right, .fc-header .ui-corner-right { /* theme */ margin-right: 0; /* back to normal */ } /* button layering (for border precedence) */ .fc-header .fc-state-hover, .fc-header .ui-state-hover { z-index: 2; } .fc-header .fc-state-down { z-index: 3; } .fc-header .fc-state-active, .fc-header .ui-state-active { z-index: 4; } /* Content ------------------------------------------------------------------------*/ .fc-content { clear: both; zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ } .fc-view { width: 100%; overflow: hidden; } /* Cell Styles ------------------------------------------------------------------------*/ .fc-widget-header, .fc-widget-content { /* , usually */ border: 1px solid #ddd; } .fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ background: #fcf8e3; } .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #bce8f1; opacity: .3; filter: alpha(opacity=30); /* for IE */ } /* Buttons ------------------------------------------------------------------------*/ .fc-button { position: relative; display: inline-block; padding: 0 .6em; overflow: hidden; height: 1.9em; line-height: 1.9em; white-space: nowrap; cursor: pointer; } .fc-state-default { /* non-theme */ border: 1px solid; } .fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 4px; border-bottom-right-radius: 4px; } /* Our default prev/next buttons use HTML entities like ‹ › « » and we'll try to make them look good cross-browser. */ .fc-text-arrow { margin: 0 .1em; font-size: 2em; font-family: "Courier New", Courier, monospace; vertical-align: baseline; /* for IE7 */ } .fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow { /* for ‹ › */ font-weight: bold; } /* icon (for jquery ui) */ .fc-button .fc-icon-wrap { position: relative; float: left; top: 50%; } .fc-button .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; *top: -50%; } /* button states borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) */ .fc-state-default { background-color: #f5f5f5; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { color: #333333; background-color: #e6e6e6; } .fc-state-hover { color: #333333; text-decoration: none; background-position: 0 -15px; } .fc-state-down, .fc-state-active { background-color: #cccccc; 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); } .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } /* Global Event Styles ------------------------------------------------------------------------*/ .fc-event-container > * { z-index: 8; } .fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing { z-index: 9; } .fc-event { border: 1px solid #3a87ad; /* default BORDER color */ background-color: #3a87ad; /* default BACKGROUND color */ color: #fff; /* default TEXT color */ font-size: .85em; cursor: default; } a.fc-event { text-decoration: none; } a.fc-event, .fc-event-draggable { cursor: pointer; } .fc-rtl .fc-event { text-align: right; } .fc-event-inner { width: 100%; height: 100%; overflow: hidden; } .fc-event-time, .fc-event-title { padding: 0 1px; } .fc .ui-resizable-handle { display: block; position: absolute; z-index: 99999; overflow: hidden; /* hacky spaces (IE6/7) */ font-size: 300%; /* */ line-height: 50%; /* */ } /* Horizontal Events ------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; margin-bottom: 1px; } .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end { border-left-width: 1px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { border-right-width: 1px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /* resizable */ .fc-event-hori .ui-resizable-e { top: 0 !important; /* importants override pre jquery ui 1.7 styles */ right: -3px !important; width: 7px !important; height: 100% !important; cursor: e-resize; } .fc-event-hori .ui-resizable-w { top: 0 !important; left: -3px !important; width: 7px !important; height: 100% !important; cursor: w-resize; } .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; /* IE6 had 0 height */ } /* Reusable Separate-border Table ------------------------------------------------------------*/ table.fc-border-separate { border-collapse: separate; } .fc-border-separate th, .fc-border-separate td { border-width: 1px 0 0 1px; } .fc-border-separate th.fc-last, .fc-border-separate td.fc-last { border-right-width: 1px; } .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { border-bottom-width: 1px; } .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { border-top-width: 0; } /* Month View, Basic Week View, Basic Day View ------------------------------------------------------------------------*/ .fc-grid th { text-align: center; } .fc .fc-week-number { width: 22px; text-align: center; } .fc .fc-week-number div { padding: 0 2px; } .fc-grid .fc-day-number { float: right; padding: 0 2px; } .fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded might want to set the 'color' property instead making day-numbers bold also fixes the problem */ } .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; /* distance between events and day edges */ } /* event styles */ .fc-grid .fc-event-time { font-weight: bold; } /* right-to-left */ .fc-rtl .fc-grid .fc-day-number { float: left; } .fc-rtl .fc-grid .fc-event-time { float: right; } /* Agenda Week View, Agenda Day View ------------------------------------------------------------------------*/ .fc-agenda table { border-collapse: separate; } .fc-agenda-days th { text-align: center; } .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; font-weight: normal; } .fc-agenda .fc-week-number { font-weight: bold; } .fc-agenda .fc-day-content { padding: 2px 2px 1px; } /* make axis border take precedence */ .fc-agenda-days .fc-agenda-axis { border-right-width: 1px; } .fc-agenda-days .fc-col0 { border-left-width: 0; } /* all-day area */ .fc-agenda-allday th { border-width: 0 1px; } .fc-agenda-allday .fc-day-content { min-height: 34px; /* TODO: doesnt work well in quirksmode */ _height: 34px; } /* divider (between all-day and slots) */ .fc-agenda-divider-inner { height: 2px; overflow: hidden; } .fc-widget-header .fc-agenda-divider-inner { background: #eee; } /* slot rows */ .fc-agenda-slots th { border-width: 1px 1px 0; } .fc-agenda-slots td { border-width: 1px 0 0; background: none; } .fc-agenda-slots td div { height: 20px; } .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { border-top-width: 0; } .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { border-top-style: dotted; } .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; /* doesn't work with background in IE6/7 */ } /* Vertical Events ------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; } .fc-event-vert.fc-event-start { border-top-width: 1px; border-top-left-radius: 3px; border-top-right-radius: 3px; } .fc-event-vert.fc-event-end { border-bottom-width: 1px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .fc-event-vert .fc-event-time { white-space: nowrap; font-size: 10px; } .fc-event-vert .fc-event-inner { position: relative; z-index: 2; } .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: .25; filter: alpha(opacity=25); } .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg { display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */ } /* resizable */ .fc-event-vert .ui-resizable-s { bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ width: 100% !important; height: 8px !important; overflow: hidden !important; line-height: 8px !important; font-size: 11px !important; font-family: monospace; text-align: center; cursor: s-resize; } .fc-agenda .ui-resizable-resizing { /* TODO: better selector */ _overflow: hidden; } /* Calendar Wrapper by DMD ------------------------------------------------------------------------*/ .calendar-wrap { display: block; margin: 0 auto 40px; position: relative; } .calendar-wrap .legend { margin-top: 20px; } .calendar-wrap .calendar-mode { position: absolute; top: 0; right: 0; } .fc-day .events-view-more { padding: 2px 10px 5px; text-transform: uppercase; font-size: 11px; text-align: center; } /*! Form bubble */ .form-bubble { display: none; position: absolute; float: left; z-index: 101; padding: 0; background-color: #fff; background: #e2e2e2; margin-left: 1px; box-shadow: 0 0 5px #888; } .form-bubble h5 { background: #c9c9c9; padding: 5px 15px 6px; margin: 0 0 10px; } .form-bubble .fc-event { padding: 1px 10px; line-height: 1.4; display: block; width: 200px !important; position: relative; border: none; } .form-bubble a.fc-event:hover { text-decoration: underline; } .form-bubble .form-bubble-close { display: block; position: absolute; background-position: 0 -260px; width: 15px; height: 15px; cursor: pointer; right: 4px; top: 4px; } .form-bubble .form-bubble-close:hover, .form-bubble .form-bubble-close.icon-close-tooltip-calendar-hover { background-position: 0 -242px; } .form-bubble .form-bubble-close:active, .form-bubble .form-bubble-close.icon-close-tooltip-calendar-active { background-position: 0 -224px; } /*all pointers*/ .form-bubble .form-bubble-pointer-right, .form-bubble .form-bubble-pointer-top-right, .form-bubble .form-bubble-pointer-left, .form-bubble .form-bubble-pointer-top-left, .form-bubble .form-bubble-pointer-bottom-left { background-repeat: no-repeat; float: left; height: 13px; position: absolute; width: 14px; } /*pointers right*/ .form-bubble .form-bubble-pointer-right, .form-bubble .form-bubble-pointer-top-right { right: -14px; } .form-bubble .form-bubble-pointer-right { margin-top: -6px; top: 50%; } .form-bubble .form-bubble-pointer-top-right { top: 8px; } /*pointers left*/ .form-bubble .form-bubble-pointer-left, .form-bubble .form-bubble-pointer-top-left, .form-bubble .form-bubble-pointer-bottom-left { left: -14px; } .form-bubble .form-bubble-pointer-left { margin-top: -6px; top: 50%; } .form-bubble .form-bubble-pointer-top-left { top: 8px; } .form-bubble .form-bubble-pointer-bottom-left { bottom: 14px; } /* override */ .form-bubble ul { position: relative; margin: 0; padding: 0; } .form-bubble ul li { margin: 0 0 1px; padding: 0; list-style: none; white-space: normal; overflow: visible; } .form-bubble ul li h5 { height: 24px; line-height: 24px; padding: 0 15px; } .form-bubble .form-bubble-content { padding: 0 0 15px; } .form-bubble .form-bubble-close { z-index: 20; } .form-bubble .fc-event { cursor: pointer; overflow: visible; margin: 0 15px; } .form-bubble .fc-event:hover { cursor: pointer; overflow: visible; } .form-bubble .fc-event.fc-desktop:hover .fc-dialog { display: block; } .form-bubble .fc-event .fc-event-title { overflow: hidden; white-space: nowrap; } .form-bubble .fc-dialog { display: none; position: absolute; left: 50% !important; bottom: 25px; z-index: 1001; width: 400px; background: #fff; margin-left: -201px; color: transparent; border: 1px solid #c9c9c9; } .form-bubble .fc-dialog.active { display: block; } .form-bubble .fc-dialog:before { position: absolute; left: 50%; top: 100%; z-index: 140; content: ''; height: 0; width: 0; border: 12px solid; border-top-color: #c9c9c9; margin-left: -12px; } .form-bubble .fc-dialog:after { position: absolute; left: 50%; top: 100%; z-index: 140; content: ''; height: 0; width: 0; border: 10px solid; border-top-color: #fff; margin-left: -10px; } .form-bubble .fc-dialog .fc-dcontent { position: relative; background: #fff; color: #444446; padding: 20px; } .form-bubble .fc-dialog .fc-dcontent .fc-dtitle { font-size: 14px; line-height: 20px; color: #6f273d; padding: 0 25px 10px 0; margin: 0 0 10px; border-bottom: 1px solid #c9c9c9; } .form-bubble .fc-dialog .fc-dcontent .fc-ddate { font-size: 12px; color: #555; margin-bottom: 10px; } .form-bubble .fc-dialog .fc-dcontent .fc-ddesc { margin-bottom: 10px; } .form-bubble .fc-dialog .fc-dcontent .fc-ddesc p { margin: 0; padding: 0; white-space: normal; word-wrap: break-word; } .form-bubble .fc-dialog .fc-dclose { display: inline-block; position: absolute; right: 20px; top: 20px; z-index: 20; content: ''; width: 15px; height: 15px; background-position: 0 -260px; } .form-bubble .fc-dialog .fc-dclose:hover, .form-bubble .fc-dialog .fc-dclose.icon-close-tooltip-calendar-hover { background-position: 0 -242px; } .form-bubble .fc-dialog .fc-dclose:active, .form-bubble .fc-dialog .fc-dclose.icon-close-tooltip-calendar-active { background-position: 0 -224px; } .form-bubble .fc-dialog .fc-dclose:hover { background-position: 0 -242px; } .form-bubble .fc-dialog .fc-dclose:active { background-position: 0 -224px; } /*! Fullcalendar custom style */ .calendar-wrapper { display: block; position: relative; margin: auto; width: 880px; } .calendar-wrapper .legend { margin-top: 40px; } .calendar { display: block; position: relative; /* Header */ /* table list view */ } .calendar table.fc-header { margin: 30px 0 0; } .calendar table.fc-header .fc-header-space { display: inline-block; height: 40px; width: 1px; background: #c9c9c9; padding: 0; margin: 0 15px; } .calendar table.fc-header .fc-button-today.fc-state-disabled { background: url("../images/default/button-purple.png"); } .calendar table.fc-header .fc-button-today .fc-header-left { padding-right: 10px; } .calendar table.fc-header tbody tr { border-bottom: 0; } .calendar table.fc-header tbody tr.fc-week { background: #f9f9f9; } .calendar table.fc-header .fc-button { cursor: pointer; } .calendar table.fc-header .fc-header-left { width: 70px; height: 40px; line-height: 0; } .calendar table.fc-header .fc-header-center { padding-left: 15px; vertical-align: top; text-align: left; } .calendar table.fc-header .fc-header-center .fc-header-title { height: 40px; line-height: 40px; padding: 0 0 0 15px; border-left: 1px solid #c9c9c9; } .calendar table.fc-header .fc-header-center .fc-header-title h2 { margin: 0; font-size: 16px; font-weight: normal; color: #5e5e5e; text-transform: uppercase; } .calendar table.fc-header .fc-header-right { width: 157px; padding: 0; } .calendar table.fc-header .fc-button-prev, .calendar table.fc-header .fc-button-next { vertical-align: top; margin-top: 5px; } .calendar .fc-button-prev, .calendar .fc-button-next { display: inline-block; width: 30px; height: 30px; margin-bottom: 0; text-indent: -99999em; padding: 0; background-color: #fff; border: 0; box-shadow: none; } .calendar .fc-button-prev { margin-right: 15px; background-position: 0 -744px; } .calendar .fc-button-prev:hover, .calendar .fc-button-prev.icon-pointer-left-hover { background-position: 0 -711px; } .calendar .fc-button-prev:active, .calendar .fc-button-prev.icon-pointer-left-active { background-position: 0 -678px; } .calendar .fc-button-prev:hover { background-position: 0 -711px; } .calendar .fc-button-prev:active { background-position: 0 -678px; } .calendar .fc-button-next { background-position: 0 -843px; } .calendar .fc-button-next:hover, .calendar .fc-button-next.icon-pointer-right-hover { background-position: 0 -810px; } .calendar .fc-button-next:active, .calendar .fc-button-next.icon-pointer-right-active { background-position: 0 -777px; } .calendar .fc-button-next:hover { background-position: 0 -810px; } .calendar .fc-button-next:active { background-position: 0 -777px; } .calendar .fc-day-header { padding: 10px 0; } .calendar .fc-content { margin-top: 30px; padding-top: 30px; border-top: 1px solid #c9c9c9; } .calendar .fc-content table thead tr th { text-align: center; } .calendar .fc-content table tbody { border-right: 1px solid #ccc; } .calendar .fc-content table tbody tr:first-child { border-top: 1px solid #ccc; } .calendar .fc-content table tbody tr td { vertical-align: top; border-left: 1px solid #ccc; } .calendar .fc-content table tbody tr td .fc-day-number { margin: 4px 4px 0 0; z-index: 20; position: relative; font-size: 9.5px; color: #5e5e5e; } .calendar .fc-content .fc-event { color: white; height: 19px; overflow: hidden; background: #57aae0; border: none; border-radius: 0 !important; } .calendar .fc-content .fc-event:hover { overflow: auto; height: auto; } .calendar .fc-content .fc-event.fc-event-end { padding-right: 10px; } .calendar .fc-content .fc-event.fc-event-end:after { content: ''; width: 11px; height: 20px; background-position: 0 -96px; position: absolute; top: 0; right: 0; } .calendar .fc-content .fc-event.fc-event-start { padding-left: 10px; } .calendar .fc-content .fc-event.fc-event-start:before { content: ''; width: 11px; height: 20px; background-position: 0 -118px; position: absolute; top: 0; left: 0; } .calendar .fc-content .fc-event.fc-event-start.fc-event-end { padding-left: 3px; padding-right: 3px; } .calendar .fc-content .fc-event.fc-event-start.fc-event-end:before { display: none; } .calendar .fc-content .fc-event.fc-event-start.fc-event-end:after { display: none; } .calendar .fc-content .fc-event .fc-event-inner { position: relative; z-index: 1000; padding: 0 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .calendar .fc-list-view { display: none; position: absolute; top: 30px; z-index: 20; width: 880px; background: #fff; } .calendar .fc-list-view.active { display: block; } .calendar .fc-list-view .table-list-view { display: table; width: 100%; } .calendar .fc-list-view .table-list-view tr.current { background: #ead1e4; } .calendar .fc-list-view .table-list-view td { padding: 10px 13px; vertical-align: middle; border-color: #c9c9c9; } .calendar .fc-list-view .table-list-view .list-view-date { width: 90px; text-align: center; } .calendar .fc-list-view .table-list-view .list-view-color { width: 15px; text-align: right; } .calendar .fc-list-view .table-list-view .list-view-day { display: block; font-size: 28px; color: #6f273d; line-height: 23px; } .calendar .fc-list-view .table-list-view .list-view-month { display: block; font-size: 14px; color: #919191; } .calendar .fc-list-view .table-list-view .list-view-time { width: 150px; font-size: 14px; color: #494949; text-align: center; } .calendar .fc-list-view .table-list-view .list-view-title { font-size: 14px; color: #5e5e5e; } .calendar .fc-list-view .table-list-view .list-view-title.no-left-border { border-left: 0 !important; padding-left: 0 !important; } .calendar .fc-list-view .table-list-view .list-view-blank { display: block; height: 45px; } .calendar .fc-list-view .table-list-view .list-view-bullet { display: inline-block; width: 10px; height: 10px; background: #fff; vertical-align: middle; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .calendar .fc-view { overflow: visible; } .calendar .fc-content { position: relative; } .calendar .fc-content .fc-event, .calendar .fc-content .fc-event:hover { cursor: pointer; overflow: visible; height: 19px; } .calendar .fc-content .fc-event .fc-event-inner, .calendar .fc-content .fc-event:hover .fc-event-inner { position: relative; overflow: visible; padding: 0; } .calendar .fc-content .fc-event .fc-event-inner .fc-event-title, .calendar .fc-content .fc-event:hover .fc-event-inner .fc-event-title { height: 19px; overflow: hidden; line-height: 18px; } .calendar .fc-content table tbody tr td .fc-day-number { z-index: 5; } .calendar .fc-grid .fc-event-time { display: inline-block; vertical-align: top; } .calendar .fc-grid .fc-event-title { display: inline-block; width: 100%; min-width: 112px; white-space: nowrap; } .calendar .fc-index { z-index: 20 !important; } .calendar .fc-dialog { display: none; position: absolute; left: 50%; bottom: 25px; z-index: 1001; width: 400px; background: #fff; margin-left: -201px; color: transparent; border: 1px solid #c9c9c9; } .calendar .fc-dialog.active { display: block; } .calendar .fc-dialog:before { position: absolute; left: 50%; top: 100%; z-index: 140; content: ''; height: 0; width: 0; border: 12px solid; border-top-color: #c9c9c9; margin-left: -12px; } .calendar .fc-dialog:after { position: absolute; left: 50%; top: 100%; z-index: 140; content: ''; height: 0; width: 0; border: 10px solid; border-top-color: #fff; margin-left: -10px; } .calendar .fc-dialog .fc-dcontent { position: relative; background: #fff; color: #444446; padding: 20px; } .calendar .fc-dialog .fc-dcontent .fc-dtitle { font-size: 14px; line-height: 20px; color: #6f273d; padding: 0 25px 10px 0; margin: 0 0 10px; border-bottom: 1px solid #c9c9c9; } .calendar .fc-dialog .fc-dcontent .fc-ddate { font-size: 12px; color: #555; margin-bottom: 10px; } .calendar .fc-dialog .fc-dcontent .fc-ddesc { margin-bottom: 10px; } .calendar .fc-dialog .fc-dcontent .fc-ddesc p { margin: 0; padding: 0; white-space: normal; word-wrap: break-word; line-height: 18px; } .calendar .fc-dialog .fc-dclose { display: inline-block; position: absolute; right: 20px; top: 20px; z-index: 20; content: ''; width: 15px; height: 15px; background-position: 0 -260px; } .calendar .fc-dialog .fc-dclose:hover, .calendar .fc-dialog .fc-dclose.icon-close-tooltip-calendar-hover { background-position: 0 -242px; } .calendar .fc-dialog .fc-dclose:active, .calendar .fc-dialog .fc-dclose.icon-close-tooltip-calendar-active { background-position: 0 -224px; } .calendar .fc-dialog .fc-dclose:hover { background-position: 0 -242px; } .calendar .fc-dialog .fc-dclose:active { background-position: 0 -224px; } .calendar .fc-event.fc-desktop:hover .fc-dialog { display: block; } .calendar .view-type { display: inline-block; vertical-align: top; text-align: center; width: 40px; height: 40px; background: #c9c9c9; margin-left: 1px; cursor: pointer; } .calendar .view-type.active { background: #f48b31; } .calendar .view-type .icon-grid-view { display: inline-block; width: 40px; height: 40px; background-position: 0 -1047px; } .calendar .view-type .icon-list-view { display: inline-block; width: 40px; height: 40px; background-position: 0 -1090px; } /*! Datepicker */ /*.ui-datepicker { display: none; z-index: 10; padding: 20px; background: #fff; border: 1px solid #c9c9c9; } .ui-datepicker .ui-datepicker-header { display: block; position: relative; margin: 0 0 10px; height: 40px; } .ui-datepicker .ui-datepicker-header .ui-corner-all { display: block; position: absolute; top: 50%; z-index: 1; margin-top: -15px; width: 30px; height: 30px; font-size: 0; line-height: 0; cursor: pointer; } .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev { left: 0; display: inline-block; width: 30px; height: 30px; background-position: 0 -744px; } .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:hover, .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev.icon-pointer-left-hover { background-position: 0 -711px; } .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev:active, .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-prev.icon-pointer-left-active { background-position: 0 -678px; } .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next { right: 0; display: inline-block; width: 30px; height: 30px; background-position: 0 -843px; } .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next:hover, .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next.icon-pointer-right-hover { background-position: 0 -810px; } .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next:active, .ui-datepicker .ui-datepicker-header .ui-corner-all.ui-datepicker-next.icon-pointer-right-active { background-position: 0 -777px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title { display: block; position: relative; padding: 0 40px; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month, .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { display: block; margin-top: 5px; width: 49%; height: 30px; border: 1px solid #c9c9c9; outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month { float: right; } .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year { float: left; } .ui-datepicker .ui-datepicker-calendar { width: 100%; } .ui-datepicker .ui-datepicker-calendar thead tr { background: #fff; border-bottom: 1px solid #c9c9c9; } .ui-datepicker .ui-datepicker-calendar tbody tr { border-bottom: 0; } .ui-datepicker .ui-datepicker-calendar tbody tr td { padding: 3px; } .ui-datepicker .ui-datepicker-calendar tbody tr td a { display: inline-block; width: 25px; height: 25px; color: #5e5e5e; line-height: 25px; text-align: center; border: 2px solid #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .ui-datepicker .ui-datepicker-calendar tbody tr td a:hover { color: #ff9024; } .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-highlight { border-color: #7a2182; } .ui-datepicker .ui-datepicker-calendar tbody tr td a.ui-state-active { color: #fff; background: #7a2182; border-color: #7a2182; }*/ /*! Header */ .header { display: block; position: relative; /* Navigator */ /* Logo */ } .header .navigator { display: block; padding: 10px 0; border-bottom: 1px solid #c9c9c9; } .header .navigator ul { display: block; margin: 0; padding: 0 0 0 25px; } .header .navigator ul li { display: block; position: relative; margin: 0 30px 0 0; padding: 0 0 0 20px; list-style: none; float: left; font-size: 12px; color: #808080; } .header .navigator ul li:before { display: block; position: absolute; top: 50%; left: 0; z-index: 1; content: ''; margin: -4px 0 0 -6px; width: 6px; height: 6px; background: #7a2182; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .header .navigator ul li:first-child:before { display: none; } .header .logo { display: block; padding: 30px 12px 50px; } .header .logo a { display: block; width: 262px; height: 85px; background: url("../images/logo.png"); } /*! Top navigation */ .header { /* Sub-menu */ } .header .top-navigation { display: block; height: 35px; } .header .top-navigation .navigation { display: block; height: 35px; } .header .top-navigation .navigation.fixed-layout { position: fixed; top: 0; left: 0; z-index: 50; padding: 10px 0 0; width: 100%; height: auto; background: #fff; box-shadow: 0px 1px 5px #d8d8d8; } .header .top-navigation .navigation.fixed-layout:after { display: none; } .header .top-navigation .navigation.fixed-layout .logo-nav { display: block; } .header .top-navigation .navigation.fixed-layout .menu { padding-top: 14px; } .header .top-navigation .navigation.fixed-layout .absolute-divider { display: none; } .header .top-navigation .navigation .logo-nav { display: none; margin-right: 20px; } .header .top-navigation .navigation .logo-nav a { display: block; padding: 0; width: 231px; height: 75px; background: url("../images/logo-small.png"); } .header .top-navigation .navigation .menu { display: block; position: relative; margin: 0; padding: 0; /* Expand menu */ /* Expand Notification */ /* Expand settings */ /* Expand search form */ } .header .top-navigation .navigation .menu > li { display: block; position: relative; list-style: none; margin: 0; padding: 15px 0 0; float: left; height: 40px; line-height: 30px; border-top: 1px solid #fff; } .header .top-navigation .navigation .menu > li.current { background: #f9f9f9; border-top-color: #c9c9c9; } .header .top-navigation .navigation .menu > li.current:before { display: block; position: absolute; top: 0; right: 100%; z-index: 1; content: ''; width: 1px; height: 100%; background: #c9c9c9; } .header .top-navigation .navigation .menu > li.current:after { display: block; position: absolute; top: 0; right: 0; z-index: 1; content: ''; width: 1px; height: 100%; background: #c9c9c9; } .header .top-navigation .navigation .menu > li.current > a, .header .top-navigation .navigation .menu > li.current > span.wrapper { position: relative; } .header .top-navigation .navigation .menu > li.current > a:after, .header .top-navigation .navigation .menu > li.current > span.wrapper:after { display: block; position: absolute; top: 100%; left: 0; z-index: 30; margin-top: 6px; content: ''; width: 100%; height: 5px; background: #f9f9f9; } .header .top-navigation .navigation .menu > li.current:first-child:before { right: auto; left: 0; } .header .top-navigation .navigation .menu > li.current > .sub-menu { display: block; } .header .top-navigation .navigation .menu > li > a, .header .top-navigation .navigation .menu > li > span.wrapper { display: inline-block; vertical-align: top; padding: 0 10px; height: 30px; color: #777; border-right: 1px solid #c9c9c9; } .header .top-navigation .navigation .menu > li > a .icon, .header .top-navigation .navigation .menu > li > span.wrapper .icon { vertical-align: middle; } .header .top-navigation .navigation .menu > li > a .label, .header .top-navigation .navigation .menu > li > span.wrapper .label { display: inline-block; vertical-align: middle; font-size: 12px; } .header .top-navigation .navigation .menu > li:first-child > a, .header .top-navigation .navigation .menu > li:first-child > span.wrapper { border-left: 1px solid #c9c9c9; } .header .top-navigation .navigation .menu > li.has-child > a, .header .top-navigation .navigation .menu > li.has-child > span.wrapper { padding: 0 28px 0 13px; } .header .top-navigation .navigation .menu > li.has-child > a:before, .header .top-navigation .navigation .menu > li.has-child > span.wrapper:before { display: block; position: absolute; top: 50%; right: 0; z-index: 1; content: ''; margin: 1px 14px 0 0; width: 8px; height: 5px; background-position: 0 -783px; } .header .top-navigation .navigation .menu > li.has-child.current > a:before, .header .top-navigation .navigation .menu > li.has-child.current > span.wrapper:before { margin: -1px 13px 0 0; } .header .top-navigation .navigation .menu .sub-menu { display: none; position: absolute; top: 55px; left: 0; z-index: 25; margin: 0; padding: 0; } .header .top-navigation .navigation .menu .sub-menu li { display: block; position: relative; list-style: none; margin: 0; padding: 0; } .header .top-navigation .navigation .menu .expand-menu { display: block; } .header .top-navigation .navigation .menu .expand-menu > a { padding: 0 20px 0 20px; } .header .top-navigation .navigation .menu .expand-menu > a .label { margin-left: 10px; } .header .top-navigation .navigation .menu .expand-notification { display: block; } .header .top-navigation .navigation .menu .expand-notification > a .notif-count { display: block; position: absolute; bottom: 100%; left: 50%; z-index: 1; margin-bottom: -15px; margin-left: -8px; width: 33px; height: 15px; font-size: 10px; color: #fff; line-height: 15px; text-align: center; background: #f48b31; } .header .top-navigation .navigation .menu .expand-notification > a .notif-count:before { display: block; position: absolute; top: 100%; left: 0; z-index: 1; content: ''; margin-top: -1px; width: 7px; height: 5px; color: #fff; background-position: 0 -809px; } .header .top-navigation .navigation .menu .expand-notification.current > a .notif-count { margin-bottom: 0; } .header .top-navigation .navigation .menu .expand-settings { display: block; } .header .top-navigation .navigation .menu .expand-settings > a img { display: inline-block; margin-left: 10px; width: 30px; height: 30px; vertical-align: middle; } .header .top-navigation .navigation .menu .expand-settings .sub-menu { left: auto; right: 0; } .header .top-navigation .navigation .menu .expand-search-form { display: block; } .header .top-navigation .navigation .menu .expand-search-form > span.wrapper { padding: 0 4px 0 14px; } .header .top-navigation .navigation .menu .expand-search-form .icon-click-area { display: block; position: absolute; top: 10px; left: 0; z-index: 1; width: 43px; height: 30px; cursor: pointer; } .header .top-navigation .navigation .menu .expand-search-form .search-form { display: inline-block; vertical-align: middle; margin-right: 5px; } .header .top-navigation .navigation .menu .expand-search-form .search-form .search-form-field { display: block; width: 0; height: 20px; font-size: 12px; color: #5e5e5e; background: #fff; border: 0; outline: 0; border-bottom: 1px solid #fff; } .header .top-navigation { /* Expand Menu */ /* Expand notification */ /* Expand settings */ } .header .top-navigation .expand-menu .sub-menu { overflow: scroll; width: 250px; background: #f9f9f9; border: 1px solid #c9c9c9; } .header .top-navigation .expand-menu .sub-menu.cloning-menu { background: #e2e2e2; box-shadow: 2px 0 5px #d8d8d8; } .header .top-navigation .expand-menu .sub-menu > li:before { display: block; position: absolute; bottom: 100%; left: 20px; right: 20px; z-index: 1; content: ''; height: 1px; background: #c9c9c9; } .header .top-navigation .expand-menu .sub-menu > li a { display: block; position: relative; padding: 20px 30px 20px 20px; font-size: 14px; color: #5e5e5e; line-height: 18px; text-transform: uppercase; } .header .top-navigation .expand-menu .sub-menu > li.divider { z-index: 1; height: 1px; background: #f9f9f9; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; } .header .top-navigation .expand-menu .sub-menu > li.divider:before { display: none; } .header .top-navigation .expand-menu .sub-menu > li.sub-title a { font-size: 15px; font-weight: 500; } .header .top-navigation .expand-menu .sub-menu > li:first-child:before { display: none; } .header .top-navigation .expand-menu .sub-menu > li.has-menu a { position: relative; } .header .top-navigation .expand-menu .sub-menu > li.has-menu a:after { display: block; position: absolute; top: 50%; right: 20px; z-index: 1; content: ''; margin-top: -10px; width: 10px; height: 19px; background-position: 0 -761px; } .header .top-navigation .expand-menu .sub-menu > li.current a:after { margin-top: -5px; width: 10px; height: 10px; background: #782b8f; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .header .top-navigation .expand-menu .sub-menu > li.cloning-title a:before { display: block; position: absolute; top: 50%; right: 20px; z-index: 1; content: ''; margin-top: -10px; width: 20px; height: 20px; background-position: 0 -278px; } .header .top-navigation .expand-menu .sub-menu > li.cloning-title a:before:hover, .header .top-navigation .expand-menu .sub-menu > li.cloning-title a:before.icon-close-hover { background-position: 0 -201px; } .header .top-navigation .expand-menu .sub-menu > li.cloning-title a:before:active, .header .top-navigation .expand-menu .sub-menu > li.cloning-title a:before.icon-close-active { background-position: 0 -178px; } .header .top-navigation .expand-menu .sub-menu .sub-sub-menu { display: none; } .header .top-navigation .expand-notification .sub-menu { width: 278px; border: 1px solid #c9c9c9; } .header .top-navigation .expand-notification .sub-menu li.sub-title { padding: 10px 20px; font-size: 12px; font-weight: bold; line-height: 12px; background: #f9f9f9; border-bottom: 1px solid #c9c9c9; } .header .top-navigation .expand-notification .sub-menu li.sub-title a { display: inline-block; position: absolute; right: 20px; z-index: 1; font-size: 12px; font-weight: normal; color: #919191; line-height: 12px; } .header .top-navigation .expand-notification .sub-menu li.list-notification { padding: 0 20px; background: #fff; } .header .top-navigation .expand-notification .sub-menu li.list-notification .notification { display: block; position: relative; padding: 20px 0; border-top: 1px solid #c9c9c9; } .header .top-navigation .expand-notification .sub-menu li.list-notification .notification:first-child { border-top: 0; } .header .top-navigation .expand-notification .sub-menu li.list-notification .notification .thumbnail { display: block; position: absolute; top: 20px; left: 0; z-index: 1; padding: 1px; width: 45px; height: 45px; overflow: hidden; background: #fff; border: 1px solid #c9c9c9; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .header .top-navigation .expand-notification .sub-menu li.list-notification .notification .thumbnail img { display: block; width: 100%; height: auto; } .header .top-navigation .expand-notification .sub-menu li.list-notification .notification .details { display: block; position: relative; padding-left: 58px; } .header .top-navigation .expand-notification .sub-menu li.list-notification .notification .details .description { display: block; margin-bottom: 5px; font-size: 13px; color: #5e5e5e; line-height: 15px; } .header .top-navigation .expand-notification .sub-menu li.list-notification .notification .details .description a { color: #5e5e5e; text-decoration: underline; } .header .top-navigation .expand-notification .sub-menu li.list-notification .notification .details .date { display: block; font-size: 10px; line-height: 10px; color: #5e5e5e; } .header .top-navigation .expand-notification .sub-menu li.view-all { display: block; height: 43px; line-height: 43px; text-align: center; text-transform: uppercase; background: #bababa; } .header .top-navigation .expand-notification .sub-menu li.view-all a { display: block; height: 43px; font-size: 12px; color: #fff; } .header .top-navigation .expand-settings .sub-menu { width: 278px; border: 1px solid #c9c9c9; } .header .top-navigation .expand-settings .sub-menu li.sub-title { padding: 10px 20px; font-size: 12px; font-weight: bold; line-height: 12px; background: #f9f9f9; border-bottom: 1px solid #c9c9c9; } .header .top-navigation .expand-settings .sub-menu li.setting-content { padding: 20px; min-height: 85px; background: #fff; } .header .top-navigation .expand-settings .sub-menu li.setting-content .avatar { display: block; position: absolute; top: 20px; left: 20px; z-index: 1; padding: 2px; width: 80px; height: 80px; overflow: hidden; background: #fff; border: 1px solid #c9c9c9; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .header .top-navigation .expand-settings .sub-menu li.setting-content .avatar img { display: block; width: 100%; height: auto; } .header .top-navigation .expand-settings .sub-menu li.setting-content .details { display: block; padding-left: 100px; color: #5e5e5e; } .header .top-navigation .expand-settings .sub-menu li.setting-content .details .student-name { display: block; margin-bottom: 3px; font-size: 12px; line-height: 14px; text-transform: uppercase; } .header .top-navigation .expand-settings .sub-menu li.setting-content .details .email-address { display: block; margin-bottom: 10px; font-size: 12px; line-height: 12px; } .header .top-navigation .expand-settings .sub-menu li.setting-content .details .link { display: block; margin-bottom: 4px; font-size: 13px; font-weight: 500; line-height: 13px; } .header .top-navigation .expand-settings .sub-menu li.setting-content .details .link a { color: #5e5e5e; text-decoration: underline; } .header .top-navigation .expand-settings .sub-menu li.logout { display: block; height: 43px; line-height: 43px; text-align: center; text-transform: uppercase; background: #f48b31; } .header .top-navigation .expand-settings .sub-menu li.logout a { display: block; height: 43px; font-size: 12px; color: #fff; } /*! Components */ /*! Breadcumb */ .breadcumb { display: block; position: relative; padding: 30px 0; } .breadcumb .wrap { display: block; } .breadcumb .wrap ul { display: block; margin: 0; padding: 0; font-size: 0; line-height: 0; text-align: left; } .breadcumb .wrap ul li { display: inline-block; position: relative; list-style: none; margin: 0 0 0 28px; padding: 0; font-size: 12px; color: #7a2182; line-height: 12px; } .breadcumb .wrap ul li a { color: #919191; } .breadcumb .wrap ul li:before { display: block; position: absolute; top: 50%; right: 100%; z-index: 1; content: ''; margin: -7px 10px 0 0; width: 8px; height: 14px; background-position: 0 -79px; } .breadcumb .wrap ul li:first-child { margin: 0; } .breadcumb .wrap ul li:first-child:before { display: none; } /*! User profile */ .user-profile { display: block; position: relative; padding: 50px 0; border-bottom: 1px solid #c9c9c9; } .user-profile .thumbnail { display: block; float: left; width: 240px; } .user-profile .thumbnail .avatar { display: block; margin: auto; width: 167px; height: 167px; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .user-profile .thumbnail .avatar img { display: block; width: 100%; height: auto; } .user-profile .details { display: block; float: left; width: 695px; } .user-profile .details .student-name { display: block; margin: 0; padding: 0; font-size: 24px; font-weight: bold; color: #6c1d74; } .user-profile .details .position { display: block; } .user-profile .details .field { display: block; margin: 0 0 10px; } .user-profile .details .field.with-divider { padding-bottom: 5px; border-bottom: 1px solid #c9c9c9; } .user-profile .details .field .label { display: block; font-weight: bold; } .user-profile .details .field .value { display: block; font-size: 13px; color: #919191; line-height: 19px; } .user-profile .details .action { display: block; text-align: right; } .user-profile .details .action a { display: inline-block; padding: 2px 10px; font-size: 12px; color: #5e5e5e; text-transform: uppercase; border-left: 1px solid #c9c9c9; } /*! User role */ .user-role { display: block; } .user-role .wrap { display: block; position: relative; padding: 40px 0 30px; } .user-role .wrap .field { display: block; padding: 0 30px; } .user-role .wrap .field .label { display: inline-block; vertical-align: middle; margin-right: 10px; } .user-role .wrap .field .component { display: inline-block; vertical-align: middle; } .user-role .wrap .field .component .login-role { display: block; width: 200px; } .user-role .wrap .field .component .login-role .ffSelectWrapper { width: 100%; font-size: 13px; margin: 0; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect { text-align: left; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectButton { position: relative; height: 40px; cursor: pointer; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectButton:after { position: absolute; top: 0; right: 0; z-index: 1; content: ''; width: 10px; height: 40px; background-position: 0 -140px; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectButton:before { display: block; position: absolute; bottom: 0; left: 0; z-index: 1; content: ''; width: 100%; height: 1px; background: #c9c9c9; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectButton span { display: block; position: relative; background: #fff; padding: 6px 15px 4px; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectMenuWrapper { top: 0; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuTop { display: none; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG { background: #b8b8b8; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid { padding: 0; margin: 0; background: #b8b8b8; color: white; max-height: 174px; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul { margin: 0; padding: 0; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li { background: #b8b8b8; padding: 13px 25px 11px 15px; position: relative; line-height: 1.3; list-style: none; cursor: pointer; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li span { font-size: 13px; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li.on { background: #f48b31; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li.selected:after { position: absolute; top: 50%; right: 10px; content: ''; margin-top: -6px; width: 11px; height: 11px; background-position: 0 -469px; } .user-role .wrap .field .component .login-role .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuBottom { display: none; } .user-role .wrap .field .component .login-role .ffSelectWrapper:hover .ffSelect .ffSelectButton:after { background-position: 0 -140px; } .user-role .wrap .field .component .login-role .ffSelectWrapper.active .ffSelect .ffSelectButton:after { background-position: 0 -140px; } /*! Body navigation */ .body-navigation { display: block; position: relative; } .body-navigation .nav-head { display: block; position: relative; padding: 25px 0; border-bottom: 1px solid #c9c9c9; } .body-navigation .nav-head ul { display: block; margin: auto; padding: 0; width: 935px; font-size: 0; text-align: center; } .body-navigation .nav-head ul li { display: inline-block; margin: 0; padding: 0; list-style: none; font-size: 15px; } .body-navigation .nav-head ul li a { display: block; padding: 0 15px; color: #919191; border-left: 1px solid #c9c9c9; } .body-navigation .nav-head ul li:first-child a { border-left: 0; } .body-navigation .nav-head ul li.current a { position: relative; color: transparent; } .body-navigation .nav-head ul li.current a .label { color: #ff9024; } .body-navigation .nav-head ul li.current a:before { display: block; position: absolute; top: 100%; left: 15px; right: 15px; z-index: 1; content: ''; margin-top: 26px; height: 5px; background: #ff9024; } .body-navigation .nav-head ul li.current a:after { display: block; position: absolute; top: 100%; left: 50%; z-index: 1; content: ''; margin: 31px 0 0 -10px; width: 0; height: 0; border: 10px solid; border-top-color: #ff9024; } .body-navigation .nav-body { display: block; position: relative; } .body-navigation .nav-body .nav-body-item { display: block; position: relative; } .body-navigation .nav-body .nav-body-item .inside { display: block; margin: auto; padding: 60px 0 40px; width: 940px; } /*! Form */ /*! Combobox */ .custom-select { display: block; } .custom-select .ffSelectWrapper { width: 100%; font-size: 13px; margin: 0; } .custom-select .ffSelectWrapper .ffSelect { text-align: left; } .custom-select .ffSelectWrapper .ffSelect .ffSelectButton { position: relative; height: 40px; cursor: pointer; } .custom-select .ffSelectWrapper .ffSelect .ffSelectButton:after { position: absolute; top: 0; right: 0; content: ''; width: 40px; height: 40px; background-position: 0 -269px; } .custom-select .ffSelectWrapper .ffSelect .ffSelectButton:after:hover, .custom-select .ffSelectWrapper .ffSelect .ffSelectButton:after.fancy-arrow-down-hover { background-position: 0 -226px; } .custom-select .ffSelectWrapper .ffSelect .ffSelectButton:after:active, .custom-select .ffSelectWrapper .ffSelect .ffSelectButton:after.fancy-arrow-down-active { background-position: 0 -183px; } .custom-select .ffSelectWrapper .ffSelect .ffSelectButton span { background: #fff; border: 1px solid #c9c9c9; padding: 6px 15px 4px; } .custom-select .ffSelectWrapper .ffSelect .ffSelectMenuWrapper { top: 0; } .custom-select .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuTop { display: none; } .custom-select .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG { background: #b8b8b8; } .custom-select .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid { padding: 0; margin: 0; background: #b8b8b8; color: white; max-height: 174px; } .custom-select .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul { margin: 0; padding: 0; } .custom-select .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li { background: #b8b8b8; padding: 13px 25px 11px 15px; position: relative; line-height: 1.3; list-style: none; cursor: pointer; } .custom-select .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li:before, .custom-select .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li:after { display: none; } .custom-select .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li span { font-size: 13px; } .custom-select .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li.on { background: #f48b31; } .custom-select .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuBottom { display: none; } .custom-select .ffSelectWrapper:hover .ffSelect .ffSelectButton:after { background-position: 0 -226px; } .custom-select .ffSelectWrapper.active .ffSelect .ffSelectButton:after { background-position: 0 -183px; } /*! Checkbox */ .group-checkbox { display: block; text-align: left; } .group-checkbox .custom-checkbox { display: inline-block; margin-left: 20px; } .group-checkbox .custom-checkbox:first-child { margin-left: 0; } .custom-checkbox { display: inline-block; position: relative; min-width: 16px; min-height: 16px; } .custom-checkbox .label { display: inline-block; vertical-align: top; padding-left: 24px; font-size: 13px; line-height: 16px; } .custom-checkbox .ffCheckboxWrapper { display: inline-block; position: absolute; top: 0; left: 0; z-index: 0; width: 16px; height: 16px; vertical-align: top; margin-top: -1px; } .custom-checkbox .ffCheckboxWrapper .ffCheckbox { display: inline-block; width: 16px; height: 16px; background-position: 0 -407px; } .custom-checkbox .ffCheckboxWrapper .ffCheckbox:hover, .custom-checkbox .ffCheckboxWrapper .ffCheckbox.fancy-checkbox-hover { background-position: 0 -388px; } .custom-checkbox .ffCheckboxWrapper .ffCheckbox:hover { background-position: 0 -388px; } .custom-checkbox .ffCheckboxWrapper.on .ffCheckbox { background-position: 0 -350px; } .custom-checkbox .ffCheckboxWrapper.on .ffCheckbox:hover, .custom-checkbox .ffCheckboxWrapper.on .ffCheckbox.fancy-checkbox-checked-hover { background-position: 0 -331px; } .custom-checkbox .ffCheckboxWrapper.on .ffCheckbox:hover { background-position: 0 -350px; } .custom-checkbox .ffCheckboxWrapper.on .ffCheckbox:hover:hover, .custom-checkbox .ffCheckboxWrapper.on .ffCheckbox:hover.fancy-checkbox-checked-hover { background-position: 0 -331px; } /*! Radio button */ .group-radiobutton { display: block; text-align: left; } .group-radiobutton .custom-radiobutton { display: inline-block; margin-left: 20px; } .group-radiobutton .custom-radiobutton:first-child { margin-left: 0; } .custom-radiobutton { display: inline-block; position: relative; min-width: 16px; min-height: 16px; } .custom-radiobutton .label { display: inline-block; vertical-align: top; padding-left: 24px; font-size: 13px; line-height: 16px; } .custom-radiobutton .ffRadioWrapper { display: inline-block; position: absolute; top: 0; left: 0; z-index: 0; width: 16px; height: 16px; vertical-align: top; margin-top: -1px; } .custom-radiobutton .ffRadioWrapper .ffRadio { width: 16px; height: 16px; background-position: 0 -540px; } .custom-radiobutton .ffRadioWrapper .ffRadio:hover, .custom-radiobutton .ffRadioWrapper .ffRadio.fancy-radiobutton-hover { background-position: 0 -521px; } .custom-radiobutton .ffRadioWrapper .ffRadio:active, .custom-radiobutton .ffRadioWrapper .ffRadio.fancy-radiobutton-active { background-position: 0 -483px; } .custom-radiobutton .ffRadioWrapper .ffRadio:hover, .custom-radiobutton .ffRadioWrapper .ffRadio.focus { background-position: 0 -521px; } .custom-radiobutton .ffRadioWrapper.on .ffRadio { background-position: 0 -483px; } .custom-radiobutton .ffRadioWrapper.on:hover .ffRadio, .custom-radiobutton .ffRadioWrapper.on.focus .ffRadio { background-position: 0 -483px; } .custom-radiobutton .ffRadioWrapper.disabled { opacity: .4; } /*! Datepicker */ .custom-datepicker { display: block; position: relative; } .custom-datepicker .icon-area { display: block; position: absolute; top: 0; right: 0; z-index: 1; content: ''; width: 40px; height: 40px; background-position: 0 -426px; cursor: pointer; } /*! Uploader */ .custom-uploader { display: block; position: relative; } .custom-uploader .upload-area { display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 40px; zoom: 1; opacity: 0; filter: alpha(opacity=0); background: transparent; cursor: pointer; } .custom-uploader .icon-area { display: block; position: absolute; top: 0; right: 0; z-index: 0; content: ''; width: 40px; height: 40px; background-position: 0 -602px; } /*! Search */ .custom-search { display: block; position: relative; } .custom-search .icon-area { display: block; position: absolute; top: 0; right: 0; z-index: 1; content: ''; width: 40px; height: 40px; background-position: 0 -559px; cursor: pointer; } /*! Popup */ .fancybox-wrap { display: block; } .fancybox-skin { padding: 60px 80px !important; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; } .fancybox-close { top: 30px; right: 30px; content: ''; width: 20px; height: 20px; background-image: url("../images/sprites-icon/icon-close.png"); } .fancybox-close:hover { background-image: url("../images/sprites-icon/icon-close-hover.png"); } .fancybox-close:active { background-image: url("../images/sprites-icon/icon-close-active.png"); } .popup .single-content { overflow: hidden; } .popup .divider { display: block; width: 100%; height: 1px; background: #c9c9c9; } /*! Pagination * .pagination { display: block; position: relative; margin-top: 40px; height: 40px; text-align: right; } .pagination .page-display { display: inline-block; margin-right: 10px; padding-right: 10px; vertical-align: top; height: 40px; line-height: 40px; border-right: 1px solid #c9c9c9; } .pagination .page-number { display: inline-block; margin-right: 10px; vertical-align: top; height: 40px; font-size: 0; line-height: 40px; } .pagination .page-number .item { display: inline-block; padding: 0 8px; font-size: 14px; color: #919191; } .pagination .page-number .item:hover, .pagination .page-number .item.current { color: #5e5e5e; text-decoration: underline; } .pagination .page-button { display: inline-block; vertical-align: top; height: 40px; font-size: 0; } .pagination .page-button .prev, .pagination .page-button .next { display: inline-block; width: 40px; height: 40px; } .pagination .page-button .prev.disabled, .pagination .page-button .next.disabled { background-position: 0 -36px; } .pagination .page-button .prev.disabled:hover, .pagination .page-button .prev.disabled:active, .pagination .page-button .next.disabled:hover, .pagination .page-button .next.disabled:active { background-position: 0 -36px; } .pagination .page-button .prev { margin-right: 1px; background-position: 0 -1050px; } .pagination .page-button .prev:hover, .pagination .page-button .prev.pagination-prev-hover { background-position: 0 -1007px; } .pagination .page-button .prev:active, .pagination .page-button .prev.pagination-prev-active { background-position: 0 -964px; } .pagination .page-button .next { background-position: 0 -921px; } .pagination .page-button .next:hover, .pagination .page-button .next.pagination-next-hover { background-position: 0 -878px; } .pagination .page-button .next:active, .pagination .page-button .next.pagination-next-active { background-position: 0 -835px; } /*! Legend */ .legend { display: block; position: relative; padding: 20px; background: #e2e2e2; } .legend .header { display: block; margin: 0 0 10px; padding: 0 0 10px; font-weight: bold; border-bottom: 1px solid #c9c9c9; } .legend .group { display: table; table-layout: fixed; width: 100%; } .legend .group .item { display: table-cell; padding: 5px 10px; } .legend .group .item .bullet { display: inline-block; width: 10px; height: 10px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .legend .group .item .label { display: inline-block; } /*! Tabulation */ .tabulation { display: block; position: relative; } .tabulation .tab-head { display: block; position: relative; border-bottom: 1px solid #c9c9c9; } .tabulation .tab-head ul { display: block; margin: auto; padding: 0; font-size: 0; } .tabulation .tab-head ul li { display: inline-block; position: relative; vertical-align: top; border-top: 1px solid #c9c9c9; border-right: 1px solid #c9c9c9; } .tabulation .tab-head ul li a { display: block; padding: 15px 20px; font-size: 12px; text-transform: uppercase; background: #f6f6f6; } .tabulation .tab-head ul li:first-child { border-left: 1px solid #c9c9c9; } .tabulation .tab-head ul li.current a { background: #fff; } .tabulation .tab-head ul li.current:before { display: block; position: absolute; top: 100%; left: 0; z-index: 1; content: ''; width: 100%; height: 1px; background: #fff; } .tabulation .tab-body { display: block; position: relative; } .tabulation .tab-body .tab-body-item { display: none; } .tabulation .tab-body .tab-body-item.active { display: block; } /*! Agenda navigation */ .agenda-navigation { display: block; position: relative; margin: -1px 0 0; min-height: 60px; background: #f2f2f2; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; } .agenda-navigation .container { position: relative; height: 60px; } .agenda-navigation .heading { display: block; position: absolute; top: 0; left: 0; z-index: 1; padding: 0 30px 0 0; height: 60px; font-size: 0; line-height: 60px; border-right: 1px solid #c9c9c9; } .agenda-navigation .heading .icon-calendar { display: inline-block; margin-right: 15px; width: 25px; height: 30px; background-position: 0 -94px; vertical-align: middle; } .agenda-navigation .heading .label { display: inline-block; margin-top: 5px; font-size: 18px; color: #6c1d74; line-height: 20px; text-transform: uppercase; vertical-align: middle; } .agenda-navigation .nav-item { display: block; position: absolute; top: 50%; left: 0; z-index: 1; margin-top: -15px; width: 100%; height: 0; } .agenda-navigation .nav-item .nav { display: block; position: absolute; top: 50%; z-index: 1; content: ''; width: 30px; height: 30px; } .agenda-navigation .nav-item .nav.prev-button { left: 220px; background-position: 0 -744px; } .agenda-navigation .nav-item .nav.prev-button:hover, .agenda-navigation .nav-item .nav.prev-button.icon-pointer-left-hover { background-position: 0 -711px; } .agenda-navigation .nav-item .nav.prev-button:active, .agenda-navigation .nav-item .nav.prev-button.icon-pointer-left-active { background-position: 0 -678px; } .agenda-navigation .nav-item .nav.next-button { right: 0; background-position: 0 -843px; } .agenda-navigation .nav-item .nav.next-button:hover, .agenda-navigation .nav-item .nav.next-button.icon-pointer-right-hover { background-position: 0 -810px; } .agenda-navigation .nav-item .nav.next-button:active, .agenda-navigation .nav-item .nav.next-button.icon-pointer-right-active { background-position: 0 -777px; } .agenda-navigation .agenda-content { display: block; position: relative; padding: 0 40px 0 260px; } .agenda-navigation .agenda-content ul { display: block; margin: 0; padding: 10px 0; } .agenda-navigation .agenda-content ul li { display: block; float: left; vertical-align: top; list-style: none; margin: 0; padding: 0; width: 25%; height: 40px; line-height: 40px; border-left: 1px solid #c9c9c9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .agenda-navigation .agenda-content ul li:first-child { border-left: 0; } .agenda-navigation .agenda-content ul li .wrap { display: inline-block; vertical-align: middle; padding: 0 10px; } .agenda-navigation .agenda-content ul li .wrap .label { display: block; font-size: 12px; line-height: 14px; } /*! Single content */ .single-content { display: block; position: relative; margin: auto; width: 640px; } .single-content .icon-block { display: block; margin: 0 auto 30px; } .single-content p { display: block; } .single-content p img { display: block; max-width: 100%; height: auto; } .single-content ul { display: block; margin: 15px 0; padding: 0; } .single-content ul li { display: block; position: relative; margin: 0; padding: 0 0 0 20px; list-style: none; } .single-content ul li:before { display: block; position: absolute; top: 8px; left: 0; z-index: 0; content: ''; width: 6px; height: 6px; background: #7a2182; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .single-content ol { display: block; margin: 15px 0; padding: 0 0 0 20px; } .single-content ol li { margin: 0; padding: 0; } /* Additional components goes here */ /*! Advanced search */ .advanced-search { display: block; position: relative; margin: -1px 0 0; padding: 70px 0 40px; background: #f1f1f1; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; } .advanced-search .container { width: 640px; } .advanced-search .icon-block { display: block; margin: 0 auto 30px; } .advanced-search .heading { display: block; margin: 0 0 40px; padding: 0; font-size: 24px; font-weight: normal; color: #7a2182; line-height: 28px; text-align: center; text-transform: uppercase; } .advanced-search form.custom-form .action { text-align: right; } .advanced-search form.custom-form .action .more-options { margin-right: 20px; color: #5e5e5e; } .advanced-search form.custom-form .action .more-options .text-label { display: inline-block; margin-right: 3px; } .advanced-search form.custom-form .more-options-item { display: none; } .advanced-search form.custom-form .more-options-item.active { display: block; } /*! Search result */ .search-result { display: block; position: relative; } .search-result .icon-block { display: block; margin: 0 auto 30px; } .search-result .heading { display: block; margin: 0 0 40px; padding: 0; font-size: 24px; font-weight: normal; color: #7a2182; line-height: 28px; text-align: center; text-transform: uppercase; } .search-result table thead tr { background: #fff; border-bottom: 1px solid #c9c9c9; } .search-result table thead tr th { padding: 13px; } .search-result table tbody tr td { padding: 13px; } .search-result table tbody tr td .view-all-indicator { display: inline-block; width: 12px; height: 20px; background-position: 0 -38px; } /*! Form live edit */ .lv-form { display: block; position: relative; } .lv-form .lv-form-item { display: block; margin-top: 40px; /* override custom form */ } .lv-form .lv-form-item:first-child { margin-top: 0; } .lv-form .lv-form-item .lv-form-header { display: block; position: relative; padding: 0 0 10px; height: 32px; line-height: 32px; border-bottom: 1px solid #c9c9c9; } .lv-form .lv-form-item .lv-form-header .lv-head-wrap { display: inline-block; width: 100%; vertical-align: middle; } .lv-form .lv-form-item .lv-form-header .lv-head-wrap .lv-head-icon { vertical-align: middle; margin-right: 10px; padding-right: 10px; border-right: 1px solid #c9c9c9; } .lv-form .lv-form-item .lv-form-header .lv-head-wrap .lv-head-label { display: inline-block; vertical-align: middle; } .lv-form .lv-form-item .lv-form-header .lv-head-wrap .lv-head-label .lv-head-title { display: block; font-size: 16px; color: #666; line-height: 18px; text-transform: uppercase; } .lv-form .lv-form-item .lv-form-body { display: block; position: relative; padding: 40px; } .lv-form .lv-form-item .lv-form-body .lv-form-body-item { display: none; } .lv-form .lv-form-item .lv-form-body .lv-form-body-item.active { display: block; } .lv-form .lv-form-item .lv-form-action { display: block; padding: 10px 0; text-align: right; border-top: 1px solid #c9c9c9; } .lv-form .lv-form-item .lv-form-action .lv-form-action-group { display: none; } .lv-form .lv-form-item .lv-form-action .lv-form-action-group.active { display: block; } .lv-form .lv-form-item .lv-form-action a { display: inline-block; font-size: 12px; text-transform: uppercase; } .lv-form .lv-form-item .lv-form-action a.lv-edit-form { padding: 5px 10px; border-left: 1px solid #c9c9c9; } .lv-form .lv-form-item .lv-form-action a.lv-cancel-form { padding: 5px 10px; border-right: 1px solid #c9c9c9; } .lv-form .lv-form-item .lv-form-action .button.button-primary, .lv-form .lv-form-item .lv-form-action .calendar table.fc-header .fc-button-today, .calendar table.fc-header .lv-form .lv-form-item .lv-form-action .fc-button-today, .lv-form .lv-form-item .lv-form-action .calendar table.fc-header .fc-button-add-event, .calendar table.fc-header .lv-form .lv-form-item .lv-form-action .fc-button-add-event { margin-left: 10px; } .lv-form .lv-form-item form.custom-form input[type="text"], .lv-form .lv-form-item form.custom-form input[type="email"], .lv-form .lv-form-item form.custom-form input[type="password"], .lv-form .lv-form-item form.custom-form input[type="search"], .lv-form .lv-form-item form.custom-form textarea { padding: 0 10px; height: 30px; font-size: 15px; border: 0; border-bottom: 1px solid #c9c9c9; } .lv-form .lv-form-item form.custom-form input[type="text"][readonly="readonly"], .lv-form .lv-form-item form.custom-form input[type="text"][disabled="disabled"], .lv-form .lv-form-item form.custom-form input[type="email"][readonly="readonly"], .lv-form .lv-form-item form.custom-form input[type="email"][disabled="disabled"], .lv-form .lv-form-item form.custom-form input[type="password"][readonly="readonly"], .lv-form .lv-form-item form.custom-form input[type="password"][disabled="disabled"], .lv-form .lv-form-item form.custom-form input[type="search"][readonly="readonly"], .lv-form .lv-form-item form.custom-form input[type="search"][disabled="disabled"], .lv-form .lv-form-item form.custom-form textarea[readonly="readonly"], .lv-form .lv-form-item form.custom-form textarea[disabled="disabled"] { background: #fff; } .lv-form .lv-form-item form.custom-form textarea { padding: 10px 10px 0; } .lv-form .lv-form-item form.custom-form p { margin: 0 0 40px; } .lv-form .lv-form-item form.custom-form .lv-data-value { display: block; padding: 0 10px; height: 30px; font-size: 15px; line-height: 30px; } .lv-form .lv-form-item form.custom-form .lv-data-value-multiline { display: block; padding: 10px; font-size: 15px; line-height: 20px; } .lv-form .lv-form-item form.custom-form .lv-multiple-value { display: block; } .lv-form .lv-form-item form.custom-form .lv-multiple-value .lv-add-new-value { display: inline-block; float: right; font-size: 11px; } .lv-form .lv-form-item form.custom-form .lv-multiple-value .lv-multiple-value-wrap { display: block; position: relative; } .lv-form .lv-form-item form.custom-form .lv-multiple-value .lv-multiple-value-wrap .lv-multiple-value-field { display: block; position: relative; } .lv-form .lv-form-item form.custom-form .lv-multiple-value .lv-multiple-value-wrap .lv-multiple-value-field .lv-multiple-value-close { display: block; position: absolute; top: 50%; right: 0; z-index: 0; content: ''; margin-top: -7px; width: 14px; height: 14px; background-position: 0 -744px; cursor: pointer; } .lv-form .lv-form-item .group-checkbox, .lv-form .lv-form-item .group-radiobutton { margin-top: 16px; } .lv-form .lv-form-item .custom-select { height: 30px; } .lv-form .lv-form-item .custom-select .ffSelectWrapper .ffSelect .ffSelectButton { display: block; position: relative; height: 30px !important; } .lv-form .lv-form-item .custom-select .ffSelectWrapper .ffSelect .ffSelectButton:after { position: absolute; top: 0; right: 0; content: ''; width: 30px; height: 30px; background-position: 0 -645px; } .lv-form .lv-form-item .custom-select .ffSelectWrapper .ffSelect .ffSelectButton:before { display: block; position: absolute; bottom: 0; left: 0; z-index: 1; content: ''; width: 100%; height: 1px; background: #c9c9c9; } .lv-form .lv-form-item .custom-select .ffSelectWrapper .ffSelect .ffSelectButton span { display: block; position: relative; padding: 0 10px; height: 30px; font-size: 15px; line-height: 30px; background: #fff; border: 0; } .lv-form .lv-form-item .custom-radiobutton .label { font-size: 15px; } .lv-form .lv-form-item .custom-checkbox .label { font-size: 15px; } .lv-form .lv-form-item .custom-datepicker .icon-area { width: 30px; height: 30px; background-position: 0 -678px; } .lv-form .lv-form-item .custom-uploader .icon-area { width: 30px; height: 30px; background-position: 0 -711px; } /*! Table viewer */ .table-viewer { display: block; position: relative; } .table-viewer .tv-item { display: block; margin-top: 40px; } .table-viewer .tv-item:first-child { margin-top: 0; } .table-viewer .tv-item .tv-header { display: block; position: relative; padding: 0 0 10px; height: 32px; line-height: 32px; border-bottom: 1px solid #c9c9c9; } .table-viewer .tv-item .tv-header .tv-head-wrap { display: inline-block; width: 100%; vertical-align: middle; } .table-viewer .tv-item .tv-header .tv-head-wrap .tv-head-icon { vertical-align: middle; margin-right: 10px; padding-right: 10px; border-right: 1px solid #c9c9c9; } .table-viewer .tv-item .tv-header .tv-head-wrap .tv-head-label { display: inline-block; vertical-align: middle; } .table-viewer .tv-item .tv-header .tv-head-wrap .tv-head-label .tv-head-title { display: block; font-size: 16px; color: #666; line-height: 18px; text-transform: uppercase; } .table-viewer .tv-item .tv-body { display: block; position: relative; padding: 20px 0; } .table-viewer .tv-item table tbody tr.tv-fake-row { display: none; } .table-viewer .tv-item table tbody tr.tv-show-details { display: none; } .table-viewer .tv-item table tbody tr.tv-show-details.active { display: table-row; } .table-viewer .tv-item table tbody tr td .tv-btn-show { display: inline-block; width: 20px; height: 12px; background-position: 0 0; } .table-viewer .tv-item table tbody tr td .tv-btn-show.current { background-position: 0 -61px; } .table-viewer .tv-item .tv-body-item { display: block; position: relative; padding: 20px; } /*! Widgets */ .widget-parent { display: block; position: relative; } .widget-parent .widget-group { display: block; position: relative; padding: 0 9px; } .widget-parent .widget-group .widget { display: block; margin: 0 0 14px 14px; padding: 15px; float: left; width: 100%; height: 293px; background: #f6f6f6; border: 1px solid #c9c9c9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; /* Structure */ } .widget-parent .widget-group .widget:first-child { margin-left: 0; } .widget-parent .widget-group .widget.auto-height { height: auto; overflow: auto; } .widget-parent .widget-group .widget.one-half { width: 454px; } .widget-parent .widget-group .widget.one-third { width: 298px; } .widget-parent .widget-group .widget.two-third { width: 610px; } .widget-parent .widget-group .widget .widget-head { display: block; position: relative; padding: 0 0 10px; height: 32px; line-height: 32px; border-bottom: 1px solid #c9c9c9; } .widget-parent .widget-group .widget .widget-head .head-wrap { display: inline-block; width: 100%; vertical-align: middle; } .widget-parent .widget-group .widget .widget-head .head-wrap .icon { vertical-align: middle; margin-right: 10px; padding-right: 10px; border-right: 1px solid #c9c9c9; } .widget-parent .widget-group .widget .widget-head .head-wrap .label { display: inline-block; vertical-align: middle; } .widget-parent .widget-group .widget .widget-head .head-wrap .label .title { display: block; font-size: 16px; line-height: 18px; text-transform: uppercase; } .widget-parent .widget-group .widget .widget-head .head-wrap .label .pre-title { display: block; font-size: 12px; line-height: 12px; } .widget-parent .widget-group .widget .widget-body { display: block; position: relative; padding-top: 15px; } /*! Footer */ .footer { display: block; position: relative; background: #414042; } .footer .footer-widget { display: block; } .footer .footer-widget .group-item { padding: 50px 0; } .footer .footer-widget .group-item .item { padding: 0 48px 0 20px; border-left: 1px dotted #fff; /* Binus education */ /* Contact information */ } .footer .footer-widget .group-item .item:first-child { padding: 0 20px 0 48px; border-left: 0; } .footer .footer-widget .group-item .item .binus-education { display: block; padding-top: 20px; } .footer .footer-widget .group-item .item .binus-education .education-link { display: block; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper { margin: 0; width: 100%; font-size: 13px; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect { text-align: left; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectButton { position: relative; height: 40px; cursor: pointer; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectButton:after { position: absolute; top: 0; right: 0; content: ''; width: 40px; height: 40px; background-position: 0 -269px; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectButton:after:hover, .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectButton:after.fancy-arrow-down-hover { background-position: 0 -226px; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectButton:after:active, .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectButton:after.fancy-arrow-down-active { background-position: 0 -183px; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectButton span { background: #e2e2e2; border: 1px solid #c9c9c9; padding: 6px 15px 4px; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectMenuWrapper { top: 0; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuTop { display: none; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG { background: #b8b8b8; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid { padding: 0; margin: 0; background: #b8b8b8; color: white; max-height: 150px; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul { margin: 0; padding: 0; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li { background: #b8b8b8; padding: 13px 25px 11px 15px; position: relative; line-height: 1.3; list-style: none; cursor: pointer; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li span { font-size: 13px; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li.on { background: #f48b31; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuBottom { display: none; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper:hover .ffSelect .ffSelectButton:after { background-position: 0 -226px; } .footer .footer-widget .group-item .item .binus-education .education-link .ffSelectWrapper.active .ffSelect .ffSelectButton:after { background-position: 0 -183px; } .footer .footer-widget .group-item .item .contact-infomation { display: block; position: relative; } .footer .footer-widget .group-item .item .contact-infomation .contact-icon { display: block; position: absolute; bottom: 0; right: 0; z-index: 1; width: 60px; height: 40px; text-align: right; border-left: 1px solid #fff; } .footer .footer-widget .group-item .item .contact-infomation .contact-address { display: block; padding-right: 80px; } .footer .footer-widget .group-item .item .contact-infomation .contact-address p { display: block; margin: 0 0 3px; padding: 0; font-size: 13px; font-style: normal; color: #fff; line-height: 15px; } .footer .footer-widget .group-item .item .contact-infomation .contact-address .hide { color: #414042; } .footer .footer-title { display: block; margin-bottom: 15px; } .footer .footer-title .title { display: block; margin: 0; padding: 0; font-size: 21px; font-weight: normal; color: #f2f2f2; line-height: 24px; text-transform: uppercase; } .footer .footer-title .pre-title { display: block; font-size: 14px; color: #fff; line-height: 16px; text-transform: uppercase; } .footer .summary { display: block; padding: 20px 0; text-align: center; border-top: 1px dotted #fff; } .footer .summary .organization-name { display: block; margin: 0 0 5px; padding: 0; font-size: 16px; font-weight: normal; color: #f2f2f2; line-height: 19px; text-transform: uppercase; } .footer .summary .copyright { display: block; font-size: 11px; color: #5a595b; line-height: 11px; } /*! Overriding */ /*! Overriding header */ .header .logo { padding: 30px 12px; } .header .logo a { width: 341px; height: 81px; } .header .top-navigation .navigation .logo-nav a { width: 341px; height: 81px; } /*! Overriding fullcalendar */ .calendar table.fc-header .fc-button-add-event.fc-state-disabled { background: url("../images/default/button-purple.png"); } .calendar table.fc-header .fc-button-add-event .fc-header-left { padding-right: 10px; } /*! Table viewer overriding */ .table-viewer { /* live edit form */ } .table-viewer .tv-item .tv-action { display: block; position: relative; margin: 5px 0 0; padding: 10px 0 0; text-align: right; border-top: 1px solid #c9c9c9; } .table-viewer .tv-item .tv-action a { display: inline-block; padding: 5px 10px; font-size: 12px; line-height: 12px; text-transform: uppercase; border-left: 1px solid #c9c9c9; } .table-viewer .tv-item .tv-action .tv-action-group { display: none; } .table-viewer .tv-item .tv-action .tv-action-group.active { display: block; } .table-viewer .tv-item table tbody tr.tv-add-form { display: none; } .table-viewer .tv-item table tbody tr.tv-add-form.active { display: table-row; } .table-viewer .lv-form .lv-form-item .lv-form-body { padding: 0; } .table-viewer .lv-form .lv-form-item form.custom-form p { margin: 0 0 20px; } .table-viewer .lv-form .lv-form-item form.custom-form input[type="text"], .table-viewer .lv-form .lv-form-item form.custom-form input[type="password"], .table-viewer .lv-form .lv-form-item form.custom-form textarea { background: transparent; } .table-viewer .lv-form .lv-form-item form.custom-form .periode { display: block; } .table-viewer .lv-form .lv-form-item form.custom-form .periode .per-item { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .table-viewer .lv-form .lv-form-item form.custom-form .periode .per-item.per-min { width: 130px; } .table-viewer .lv-form .lv-form-item form.custom-form .periode .per-item.per-max { width: 130px; } .table-viewer .lv-form .lv-form-item form.custom-form .periode .per-item.per-sep { width: 17px; height: 30px; font-size: 15px; line-height: 30px; text-align: center; border-bottom: 1px solid #c9c9c9; } .table-viewer .lv-form .lv-form-item form.custom-form .periode .per-item .per-max-field { display: none; } .table-viewer .lv-form .lv-form-item form.custom-form .periode .per-item .per-max-field.per-active { display: block; } .table-viewer .lv-form .lv-form-item form.custom-form .scale-of { display: block; } .table-viewer .lv-form .lv-form-item form.custom-form .scale-of .sof-item { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .table-viewer .lv-form .lv-form-item form.custom-form .scale-of .sof-item.sof-min { width: 80px; } .table-viewer .lv-form .lv-form-item form.custom-form .scale-of .sof-item.sof-max { width: 130px; } .table-viewer .lv-form .lv-form-item form.custom-form .scale-of .sof-item.sof-sep { width: 67px; height: 30px; font-size: 15px; line-height: 30px; text-align: center; border-bottom: 1px solid #c9c9c9; } .table-viewer .lv-form .lv-form-item form.custom-form .multi-choice { display: block; } .table-viewer .lv-form .lv-form-item form.custom-form .multi-choice .mc-wrap { display: block; margin-top: 5px; } .table-viewer .lv-form .lv-form-item form.custom-form .multi-choice .mc-wrap:first-child { margin-top: 0; } .table-viewer .lv-form .lv-form-item form.custom-form .multi-choice .mc-item { display: block; height: 30px; line-height: 30px; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .table-viewer .lv-form .lv-form-item form.custom-form .multi-choice .mc-item.mc-min { width: 87px; } .table-viewer .lv-form .lv-form-item form.custom-form .multi-choice .mc-item.mc-max { width: 190px; } .table-viewer .lv-form .lv-form-item form.custom-form .multi-choice .mc-item .custom-radiobutton { display: inline; } .table-viewer .lv-form .lv-form-item form.custom-form .multi-choice .mc-item .custom-radiobutton .label { vertical-align: middle; } .table-viewer .lv-form .lv-form-item .custom-select .ffSelectWrapper .ffSelect .ffSelectButton span { background: transparent; } /*! Overriding form live edit */ .lv-form .lv-form-action .group-radiobutton { margin-bottom: 20px; } .lv-form form.custom-form h3 { display: block; font-size: 14px; font-weight: 500; color: #a5a5a5; text-transform: uppercase; } .lv-form form.custom-form p .verified { display: inline-block; float: right; font-size: 11px; font-style: italic; color: #47af74; line-height: 11px; } .lv-form form.custom-form .child-of { display: block; } .lv-form form.custom-form .child-of .cof-item { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .lv-form form.custom-form .child-of .cof-item.cof-min { width: 30px; } .lv-form form.custom-form .child-of .cof-item.cof-max { width: 340px; } .lv-form form.custom-form .child-of .cof-item.cof-sep { width: 30px; height: 30px; font-size: 15px; line-height: 30px; text-align: center; border-bottom: 1px solid #c9c9c9; } .lv-form form.custom-form .lv-multiple-single-data { display: block; padding: 10px 0 0; } .lv-form form.custom-form .lv-multiple-single-data .lv-add-new-value { display: inline-block; float: right; font-size: 11px; } .lv-form form.custom-form .lv-multiple-single-data .lv-msd-wrap { display: block; position: relative; } .lv-form form.custom-form .lv-multiple-single-data .lv-msd-wrap .lv-msd-field { display: block; margin-top: 20px; } .lv-form form.custom-form .lv-multiple-single-data .lv-msd-wrap .lv-msd-field:first-child { margin-top: 0; } .lv-form form.custom-form .lv-multiple-single-data .lv-msd-wrap .lv-msd-field .lv-msd-title { display: block; position: relative; margin-bottom: 4px; font-weight: 500; color: #a5a5a5; line-height: 16px; } .lv-form form.custom-form .lv-multiple-single-data .lv-msd-wrap .lv-msd-field .lv-msd-description { display: block; font-size: 14px; line-height: 16px; } .lv-form form.custom-form .lv-multiple-single-data .lv-msd-wrap .lv-msd-field .lv-msd-description.lv-msd-input { padding-left: 40px; } .lv-form form.custom-form .lv-multiple-single-data .lv-msd-wrap .lv-msd-field .lv-multiple-value-close { display: block; position: absolute; top: 50%; right: 0; z-index: 0; content: ''; margin-top: -7px; width: 14px; height: 14px; background-position: 0 -744px; cursor: pointer; } /*! Overriding advanced search */ /*! Overriding search result */ .search-result .subheading { display: block; margin: -30px 0 60px; padding: 0; font-size: 16px; font-weight: normal; color: #5e5e5e; line-height: 18px; text-align: center; text-transform: uppercase; } /*! Overriding single content */ .single-content .subheading { display: block; margin: -30px 0 60px; padding: 0; font-size: 16px; font-weight: normal; color: #5e5e5e; line-height: 18px; text-align: center; text-transform: uppercase; } /*! Overriding custom form */ form.custom-form .field-time { display: block; } form.custom-form .field-time .time-item { display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } form.custom-form .field-time .time-item.time-start, form.custom-form .field-time .time-item.time-end { width: 45%; } form.custom-form .field-time .time-item.time-sep { height: 40px; width: 10%; line-height: 40px; text-align: center; } .custom-select-filter { display: block; position: relative; height: 40px; /* active */ /* multi-column */ } .custom-select-filter .csf-wrap { display: block; } .custom-select-filter .csf-wrap .csf-label { display: block; height: 40px; font-size: 16px; line-height: 40px; cursor: pointer; white-space: nowrap; overflow: hidden; margin-right: 45px; } .custom-select-filter .csf-wrap .csf-button { display: block; position: absolute; top: 0; right: 0; z-index: 0; content: ''; width: 40px; height: 40px; cursor: pointer; } .custom-select-filter .csf-wrap .csf-button:before { display: block; position: absolute; top: 50%; right: 0; z-index: 0; content: ''; margin-top: -6px; margin-right: 10px; width: 20px; height: 12px; background-position: 0 0; } .custom-select-filter .csf-list { display: none; } .custom-select-filter .csf-dropdown { display: none; position: absolute; top: 100%; left: 0; z-index: 1; margin: 0; padding: 0; width: 100%; background: #bababa; border: 1px solid #c9c9c9; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .custom-select-filter .csf-dropdown li { display: block; position: relative; margin: 0; padding: 0; list-style: none; height: 40px; border-top: 1px solid #fff; } .custom-select-filter .csf-dropdown li:first-child { border-top: 0; } .custom-select-filter .csf-dropdown li:hover { background: #f1f1f1; } .custom-select-filter .csf-dropdown li:hover a { color: #5e5e5e; } .custom-select-filter .csf-dropdown li a { display: block; padding: 0 15px; height: 40px; color: #fff; line-height: 40px; vertical-align: middle; cursor: pointer; } .custom-select-filter .csf-dropdown li a .csf-wrap-label { display: inline-block; font-size: 14px; line-height: 16px; } .custom-select-filter .csf-dropdown .csf-scrolling { display: block; margin: 0; padding: 0; list-style: none; width: 100%; max-height: 160px; float: left; overflow: auto; } .custom-select-filter.active .csf-wrap .csf-button:before { top: 0; margin-top: 0; margin-right: 0; width: 40px; height: 40px; background-position: 0 -226px; } .custom-select-filter.active .csf-dropdown { display: block; } .custom-select-filter.multi-column .csf-dropdown { width: 200%; margin: 0 0 -1px; } .custom-select-filter.multi-column .csf-dropdown:after { display: block; position: absolute; bottom: 0; left: 0; z-index: 0; content: ''; width: 100%; height: 1px; background: #bababa; } .custom-select-filter.multi-column .csf-dropdown li { width: 50%; float: left; border-top: 0; border-bottom: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .custom-select-filter.multi-column .csf-dropdown li:nth-child(odd) { border-right: 1px solid #c9c9c9; } .custom-select-filter.filtering .csf-dropdown li .csf-wrap-list { display: block; padding: 0 15px; height: 40px; line-height: 40px; vertical-align: middle; cursor: pointer; } .custom-select-filter.filtering .csf-dropdown li .csf-wrap-list .custom-checkbox { display: inline; } .custom-select-filter.filtering .csf-dropdown li .csf-wrap-list .custom-checkbox .label { vertical-align: middle; color: #fff; } .custom-select-filter.filtering .csf-dropdown li:hover .csf-wrap-list .custom-checkbox .label { color: #5e5e5e; } .custom-select-filter.filtering .csf-dropdown li.csf-area-filtering { width: 100%; height: auto; background: #dfdfdf; } .custom-select-filter.filtering .csf-dropdown li.csf-area-filtering:hover { background: #dfdfdf; } .custom-select-filter.filtering .csf-dropdown li.csf-area-filtering a { display: inline-block; margin: 0 5px 5px 0; padding: 5px 8px; height: auto; font-size: 12px; color: #5e5e5e; line-height: 12px; background: #f6f6f6; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; } .custom-select-filter.filtering .csf-dropdown li.csf-area-filtering .csf-max-label { display: inline-block; font-size: 12px; line-height: 12px; color: #5e5e5e; } .custom-select-filter.filtering .csf-dropdown li.csf-area-filtering .csf-close-filter { display: inline-block; margin: -1px 0 0 5px; vertical-align: middle; width: 10px; height: 10px; background-position: 0 -88px; } .custom-select-filter.filtering .csf-dropdown li.csf-area-filtering .csf-area-filtering-inside { display: block; padding: 15px; font-size: 0; } .custom-select-filter.filtering .csf-dropdown li.csf-area-filtering-fake { display: none; } /*! Overriding popup */ .popup .tabulation .tab-body { padding: 30px 0 0; } /*! Overriding widgets */ .widget-parent .widget-group.auto-height .widget { height: auto; } .widget-parent .widget-group .widget .widget-head.without-border { border-bottom: 0; } .widget-parent .widget-group .widget .widget-body.without-padding { padding-top: 0; } /* add new component */ /*! Job details */ .detail-information { display: block; position: relative; } .detail-information .dtlinf-content { display: table; width: 100%; } .detail-information .dtlinf-content .dtlinf-details { display: table-cell; width: 200px; height: 100%; border-right: 1px solid #c9c9c9; } .detail-information .dtlinf-content .dtlinf-details .dtlinf-details-inside { display: block; padding: 0 20px 0 0; } .detail-information .dtlinf-content .dtlinf-details h3 { display: block; margin: 0; padding: 0; font-size: 16px; font-weight: normal; color: #5e5e5e; line-height: 18px; text-transform: uppercase; } .detail-information .dtlinf-content .dtlinf-details .dtlinf-credential { display: block; position: relative; margin-top: 20px; } .detail-information .dtlinf-content .dtlinf-details .dtlinf-credential .dtlinf-credential-val { display: block; margin-top: 5px; font-size: 14px; line-height: 16px; } .detail-information .dtlinf-content .dtlinf-details .dtlinf-credential .dtlinf-credential-val:first-child { margin-top: 0; } .detail-information .dtlinf-content .dtlinf-details .dtlinf-credential .dtlinf-credential-val.dtlinf-val-small { font-size: 12px; line-height: 13px; } .detail-information .dtlinf-content .dtlinf-details .dtlinf-credential .dtlinf-credential-val.dtlinf-val-bold { font-weight: 500; } .detail-information .dtlinf-content .dtlinf-details .dtlinf-credential-with-icon { display: block; position: relative; margin-top: 20px; } .detail-information .dtlinf-content .dtlinf-details .dtlinf-credential-with-icon .dtlinf-credential-val { display: block; margin-top: 5px; font-size: 14px; line-height: 17px; } .detail-information .dtlinf-content .dtlinf-details .dtlinf-credential-with-icon .dtlinf-credential-val:first-child { margin-top: 0; } .detail-information .dtlinf-content .dtlinf-details .dtlinf-credential-with-icon .dtlinf-credential-val .dtlinf-credential-icon { display: block; position: absolute; top: 0; left: 0; z-index: 0; margin-top: -3px; width: 20px; text-align: center; } .detail-information .dtlinf-content .dtlinf-details .dtlinf-credential-with-icon .dtlinf-credential-val .dtlinf-credential-label { display: block; padding: 0 0 0 28px; } .detail-information .dtlinf-content .dtlinf-description { display: table-cell; padding: 0 0 0 40px; } .detail-information .dtlinf-content .dtlinf-description .heading { text-align: left; } .detail-information .dtlinf-sharing { display: block; position: relative; margin-top: 40px; padding: 20px 0; text-align: center; border-top: 1px solid #c9c9c9; border-bottom: 1px solid #c9c9c9; } .detail-information .dtlinf-sharing .dtlinf-sharing-label { display: inline-block; margin: 0 10px; vertical-align: middle; height: 40px; color: #6c1d74; line-height: 40px; } .detail-information .dtlinf-sharing .dtlinf-sharing-social-media { display: inline-block; margin: 0 10px; vertical-align: middle; height: 40px; } .detail-information .dtlinf-sharing .dtlinf-sharing-social-media .icon { margin: 0 3px; } .detail-information .dtlinf-action { display: block; position: relative; padding: 30px 0 0; text-align: center; } .detail-information .dtlinf-action .button, .detail-information .dtlinf-action .calendar table.fc-header .fc-button-today, .calendar table.fc-header .detail-information .dtlinf-action .fc-button-today, .detail-information .dtlinf-action .calendar table.fc-header .fc-button-add-event, .calendar table.fc-header .detail-information .dtlinf-action .fc-button-add-event { margin: 0 5px; } .detail-information .dtlinf-profile { display: block; position: relative; margin-bottom: 30px; min-height: 60px; } .detail-information .dtlinf-profile .dtlinf-thumbnail { display: block; position: absolute; top: 50%; left: 0; z-index: 0; margin-top: -30px; width: 60px; height: 60px; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .detail-information .dtlinf-profile .dtlinf-thumbnail img { display: block; width: 100%; height: auto; } .detail-information .dtlinf-profile .dtlinf-profile-detail { display: block; padding: 0 0 0 75px; min-height: 60px; line-height: 60px; } .detail-information .dtlinf-profile .dtlinf-profile-detail .dtlinf-profile-wrap { display: inline-block; vertical-align: middle; } .detail-information .dtlinf-profile .dtlinf-profile-detail .heading { margin: 0; font-size: 20px; } .detail-information .dtlinf-profile .dtlinf-profile-detail .dtlinf-profile-credential { display: block; font-size: 12px; color: #919191; line-height: 14px; } /* Component in table */ table .profile-info { display: block; } table .profile-info .thumbnail { display: inline-block; margin-right: 10px; vertical-align: middle; width: 65px; height: 65px; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } table .profile-info .thumbnail img { display: block; width: 100%; height: auto; } table .profile-info .details { display: inline-block; vertical-align: middle; } table .profile-info .details .name { display: block; margin-bottom: 4px; line-height: 14px; text-transform: uppercase; } table .profile-info .details .credential { display: block; margin-top: 2px; font-size: 12px; line-height: 13px; } /*! Change password */ .change-password { display: block; position: relative; } .change-password .cp-field { display: block; padding: 30px; border-top: 1px solid #c9c9c9; } .change-password .cp-action { display: block; padding: 20px 0 0; text-align: center; border-top: 1px solid #c9c9c9; } /*! Advanced search filter */ .advanced-search-filter { display: block; position: relative; padding: 0 0 20px; } .advanced-search-filter .asf-item { display: block; margin: 20px 0 0; padding: 20px 0 0; border-top: 1px solid #c9c9c9; } .advanced-search-filter .asf-item:first-child { margin: 0; padding: 0; border-top: 0; } .advanced-search-filter .asf-item .asf-group { display: table; margin: 20px 0 0; width: 100%; table-layout: fixed; } .advanced-search-filter .asf-item .asf-group:first-child { margin: 0; } .advanced-search-filter .asf-item .asf-group .asf-column { display: table-cell; padding-left: 20px; vertical-align: middle; } .advanced-search-filter .asf-item .asf-group .asf-column.asf-label { width: 100px; } /* add new widget */ /*! Widget statistic list */ .widget .widget-statistic-list { display: block; } .widget .widget-statistic-list .statistic-list { display: block; position: relative; margin: 0; padding: 0; } .widget .widget-statistic-list .statistic-list li { display: block; position: relative; margin: 0; padding: 8px 0; list-style: none; border-bottom: 1px solid #fff; } .widget .widget-statistic-list .statistic-list li .number { display: block; position: absolute; top: 50%; left: 0; z-index: 0; margin-top: -14px; width: 40px; height: 30px; font-size: 30px; line-height: 30px; } .widget .widget-statistic-list .statistic-list li .title { display: block; padding: 0 0 0 50px; min-height: 30px; font-size: 13px; color: #919191; line-height: 30px; text-transform: uppercase; } .widget .widget-statistic-list .statistic-list li .title .label { display: inline-block; vertical-align: middle; line-height: 14px; } .widget .widget-statistic-list .statistic-history { display: block; position: relative; margin: 0; padding: 10px 0; } .widget .widget-statistic-list .statistic-history li { display: block; position: relative; margin: 0; padding: 3px 0; list-style: none; line-height: 16px; text-align: right; } /*! Widget advanced search */ .widget .widget-advanced-search { display: block; position: relative; } .widget .widget-advanced-search .filter-list { display: block; position: relative; margin: 0; padding: 0; } .widget .widget-advanced-search .filter-list > li { display: block; position: relative; margin: 0; padding: 3px 0; height: 40px; list-style: none; border-bottom: 1px solid #fff; } .widget .widget-advanced-search .filter-list > li .fl-label-wrap { display: block; position: absolute; top: 50%; left: 0; z-index: 0; margin-top: -20px; width: 80px; min-height: 40px; line-height: 40px; } .widget .widget-advanced-search .filter-list > li .fl-label-wrap .fl-label { display: inline-block; font-size: 12px; line-height: 14px; text-transform: uppercase; vertical-align: middle; } .widget .widget-advanced-search .filter-list > li .fl-item { display: block; position: relative; padding: 0 0 0 120px; height: 40px; } /*! Widget event list */ .widget .widget-event-list { display: block; } .widget .widget-event-list .event-list { display: block; position: relative; margin: 0; padding: 0; } .widget .widget-event-list .event-list li { display: block; position: relative; margin: 0; padding: 5px 0; list-style: none; border-bottom: 1px solid #c9c9c9; } .widget .widget-event-list .event-list li .label { display: block; } .widget .widget-event-list .event-list li .date { display: block; font-size: 12px; color: #707070; line-height: 15px; } .widget .widget-event-list .event-action { display: block; padding-top: 10px; font-size: 0; text-align: right; } .widget .widget-event-list .event-action a { display: inline-block; padding: 2px 0 2px 10px; margin-left: 10px; font-size: 12px; line-height: 12px; text-transform: uppercase; border-left: 1px solid #c9c9c9; } .widget .widget-event-list .event-action a:first-child { margin-left: 0; border-left: 0; } /*! Widget search job */ .widget .widget-search-job { display: block; } .widget .widget-search-job .filter { display: block; margin-top: 15px; height: 40px; line-height: 40px; } .widget .widget-search-job .filter .filter-label { display: inline-block; width: 100px; font-size: 12px; color: #919191; line-height: 12px; text-transform: uppercase; } .widget .widget-search-job .filter .filter-list { display: inline-block; vertical-align: top; width: 200px; } .widget .widget-search-job .filter .filter-list .custom-filter-list { display: block; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper { width: 100%; font-size: 13px; margin: 0; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect { text-align: left; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectButton { position: relative; height: 40px; cursor: pointer; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectButton:after { position: absolute; top: 0; right: 0; z-index: 1; content: ''; width: 10px; height: 40px; background-position: 0 -140px; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectButton:before { display: block; position: absolute; bottom: 0; left: 0; z-index: 1; content: ''; width: 100%; height: 1px; background: #c9c9c9; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectButton span { display: block; position: relative; background: #f6f6f6; padding: 6px 15px 4px; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectMenuWrapper { top: 0; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuTop { display: none; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG { background: #b8b8b8; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid { padding: 0; margin: 0; background: #b8b8b8; color: white; max-height: 174px; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul { margin: 0; padding: 0; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li { background: #b8b8b8; padding: 13px 25px 11px 15px; position: relative; line-height: 1.3; list-style: none; cursor: pointer; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li span { font-size: 13px; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li.on { background: #f48b31; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuMidBG .ffSelectMenuMid ul li.selected:after { position: absolute; top: 50%; right: 10px; content: ''; margin-top: -6px; width: 11px; height: 11px; background-position: 0 -469px; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper .ffSelect .ffSelectMenuWrapper .ffSelectMenuBottom { display: none; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper:hover .ffSelect .ffSelectButton:after { background-position: 0 -140px; } .widget .widget-search-job .filter .filter-list .custom-filter-list .ffSelectWrapper.active .ffSelect .ffSelectButton:after { background-position: 0 -140px; } .widget .widget-search-job .field { display: block; margin-top: 25px; } .widget .widget-search-job .action { display: block; margin-top: 20px; text-align: right; } /*! Widget tabulation */ .widget .widget-tabulation { display: block; } .widget .widget-tabulation .tabulation { margin: 0 -15px; } .widget .widget-tabulation .tabulation .tab-head { padding: 0 15px; } .widget .widget-tabulation .tabulation .tab-head ul li a { background: #e4e4e4; } .widget .widget-tabulation .tabulation .tab-head ul li.current a { background: #f6f6f6; } .widget .widget-tabulation .tabulation .tab-head ul li.current:before { background: #f6f6f6; } .widget .widget-tabulation .tabulation .tab-body { padding: 15px; } /*! Widget profile */ .widget .widget-profile-list { display: block; } .widget .widget-profile-list .profile-filter { display: block; position: relative; padding: 10px 0 5px; height: 20px; border-bottom: 1px solid #c9c9c9; } .widget .widget-profile-list .profile-filter .label { display: inline-block; vertical-align: middle; width: 120px; font-weight: bold; text-transform: uppercase; } .widget .widget-profile-list .profile-filter .filters { display: block; height: 20px; float: right; } .widget .widget-profile-list .profile-filter .filters .icon { display: inline-block; vertical-align: middle; width: 9px; height: 15px; } .widget .widget-profile-list .profile-filter .filters .icon.icon-arrow-left { background-position: 0 0; } .widget .widget-profile-list .profile-filter .filters .icon.icon-arrow-right { background-position: 0 -18px; } .widget .widget-profile-list .profile-filter .filters .filter-label { display: inline-block; margin: 2px 5px 0; vertical-align: middle; font-size: 14px; line-height: 14px; } .widget .widget-profile-list .profile-list { display: block; position: relative; margin: 0; padding: 0; } .widget .widget-profile-list .profile-list li { display: block; position: relative; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #c9c9c9; } .widget .widget-profile-list .profile-list li .profile { display: block; position: relative; padding: 6px 0; min-height: 60px; } .widget .widget-profile-list .profile-list li .profile .action { display: block; position: absolute; top: 50%; left: 0; z-index: 0; margin-top: -8px; width: 16px; height: 16px; } .widget .widget-profile-list .profile-list li .profile .thumbnail { display: block; position: absolute; top: 50%; left: 26px; z-index: 0; margin-top: -30px; width: 60px; height: 60px; overflow: hidden; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; border-radius: 100%; } .widget .widget-profile-list .profile-list li .profile .thumbnail img { display: block; width: 100%; height: auto; } .widget .widget-profile-list .profile-list li .profile .details { display: block; position: relative; padding-left: 100px; } .widget .widget-profile-list .profile-list li .profile .details .title { display: block; } .widget .widget-profile-list .profile-list li .profile .details .credentials { display: block; } .widget .widget-profile-list .profile-list li .profile .details .credentials .credentials-group { display: table; table-layout: fixed; width: 100%; } .widget .widget-profile-list .profile-list li .profile .details .credentials .credentials-group .credentials-row { display: table-row; } .widget .widget-profile-list .profile-list li .profile .details .credentials .credentials-group .credentials-row .credentials-item { display: table-cell; } .widget .widget-profile-list .profile-action { display: block; padding-top: 10px; font-size: 0; text-align: right; } .widget .widget-profile-list .profile-action a { display: inline-block; padding: 2px 0 2px 10px; margin-left: 10px; font-size: 12px; line-height: 12px; text-transform: uppercase; border-left: 1px solid #c9c9c9; } .widget .widget-profile-list .profile-action a:first-child { margin-left: 0; border-left: 0; }