Your IP : 216.73.216.170
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 1px;
width: 278px;
padding: 10px;
margin-top: 15px;
top: 100px;
left: 20px;
/* Calendars */
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright:before {
right: 17px;
}
.daterangepicker.opensright:after {
right: 4px;
}
.daterangepicker.dropup {
margin-top: -5px;
}
.daterangepicker.dropup:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after {
top: initial;
bottom: 8px;
border-bottom: initial;
border-top: -8px solid #fff;
}
.daterangepicker.dropdown-menu {
max-width: none;
z-index: 3001;
}
.daterangepicker.single .ranges, .daterangepicker.single .calendar {
float: none;
}
.daterangepicker.show-calendar .calendar {
display: block;
}
.daterangepicker .calendar {
display: none;
max-width: 268px;
margin: 0;
}
.daterangepicker .calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar th, .daterangepicker .calendar td {
white-space: nowrap;
text-align: center;
min-width: 32px;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
padding: 0 10px;
border-radius: 1px;
background-color: #fff;
}
.daterangepicker table {
width: 100%;
margin: 0;
}
.daterangepicker td, .daterangepicker th {
text-align: center;
width: 20px;
height: 20px;
border-radius: 1px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit;
}
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0;
}
.daterangepicker td.start-date {
border-radius: 1px 0 0 1px;
}
.daterangepicker td.end-date {
border-radius: 0 1px 1px 0;
}
.daterangepicker td.start-date.end-date {
border-radius: 1px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #45c2e9;
border-color: transparent;
color: #fff;
}
.daterangepicker th.month {
width: auto;
}
.daterangepicker td.disabled, .daterangepicker option.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
width: 50px;
margin-bottom: 0;
}
.daterangepicker .input-mini {
height: 30px;
line-height: 30px;
}
.daterangepicker .daterangepicker_input {
position: relative;
margin-left: 10px;
margin-bottom: 10px;
}
.daterangepicker .daterangepicker_input i {
position: absolute;
left: 6px;
top: 13px;
}
.daterangepicker.rtl .input-mini {
padding-right: 28px;
padding-left: 6px;
}
.daterangepicker.rtl .daterangepicker_input i {
left: auto;
right: 8px;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 5px auto;
line-height: 30px;
position: relative;
padding-left: 28px;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.ranges {
line-height: 1;
float: none;
margin: 0;
text-align: left;
}
.ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}
.ranges li {
background-color: #f5f5f5;
border: 1px solid #f5f5f5;
border-radius: 1px;
color: #555555;
padding: 12px 17px 10px;
margin-bottom: 8px;
cursor: pointer;
}
.ranges li:hover {
background-color: #45c2e9;
border: 1px solid #45c2e9;
color: #fff;
}
.ranges li.active {
background-color: #45c2e9;
border: 1px solid #45c2e9;
color: #fff;
}
/* Larger Screen Styling */
@media (min-width: 564px) {
.daterangepicker {
width: auto;
min-width: 466px;
}
.daterangepicker .ranges ul {
width: 160px;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .calendar.left {
clear: none;
}
.daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar {
float: left;
}
.daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar {
float: right;
}
.daterangepicker.ltr {
direction: ltr;
text-align: left;
}
.daterangepicker.ltr .calendar.left {
clear: left;
margin-right: 0;
}
.daterangepicker.ltr .calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker.ltr .calendar.right {
margin-left: 0;
}
.daterangepicker.ltr .calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker.ltr .left .daterangepicker_input {
padding-right: 12px;
}
.daterangepicker.ltr .calendar.left .calendar-table {
padding-right: 12px;
}
.daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar {
float: left;
}
.daterangepicker.rtl {
direction: rtl;
text-align: right;
}
.daterangepicker.rtl .calendar.left {
clear: right;
margin-left: 0;
}
.daterangepicker.rtl .calendar.left .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker.rtl .calendar.right {
margin-right: 0;
}
.daterangepicker.rtl .calendar.right .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker.rtl .left .daterangepicker_input {
padding-left: 12px;
}
.daterangepicker.rtl .calendar.left .calendar-table {
padding-left: 12px;
}
.daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar {
text-align: right;
float: right;
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto;
}
.daterangepicker.ltr .ranges {
float: left;
}
.daterangepicker.rtl .ranges {
float: right;
}
.daterangepicker .calendar.left {
clear: none !important;
}
}
/*!
* FullCalendar v3.2.0 Stylesheet
* Docs & License: https://fullcalendar.io/
* (c) 2017 Adam Shaw
*/
.fc {
direction: ltr;
text-align: left;
position: relative;
}
.fc-rtl {
text-align: right;
}
/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed td,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
border-color: #e5e5e5;
}
.fc-unthemed .fc-popover {
background-color: #fff;
}
.fc-unthemed th:first-child,
.fc-unthemed td:first-child {
border-left: none;
}
.fc-unthemed th:last-child,
.fc-unthemed td:last-child {
border-right: none;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
color: #666;
}
.fc-unthemed td.fc-today {
background: #fcf8e3;
}
.fc-highlight {
/* when user is selecting cells */
background: #bce8f1;
opacity: .3;
}
.fc-bgevent {
/* default look for background events */
background: #8fdf82;
opacity: .3;
}
.fc-nonbusiness {
/* default look for non-business-hours areas */
/* will inherit .fc-bgevent's styles */
background: #d7d7d7;
}
/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
display: inline-block;
height: 1em;
line-height: 1em;
font-size: 1em;
text-align: center;
overflow: hidden;
font-family: "Courier New", Courier, monospace;
/* don't allow browser text-selection */
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*
Acceptable font-family overrides for individual icons:
"Arial", sans-serif
"Times New Roman", serif
NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
position: relative;
}
.fc-icon-left-single-arrow:after {
content: "\02039";
font-weight: bold;
font-size: 200%;
top: -7%;
}
.fc-icon-right-single-arrow:after {
content: "\0203A";
font-weight: bold;
font-size: 200%;
top: -7%;
}
.fc-icon-left-double-arrow:after {
content: "\000AB";
font-size: 160%;
top: -7%;
}
.fc-icon-right-double-arrow:after {
content: "\000BB";
font-size: 160%;
top: -7%;
}
.fc-icon-left-triangle:after {
content: "\25C4";
font-size: 125%;
top: 3%;
}
.fc-icon-right-triangle:after {
content: "\25BA";
font-size: 125%;
top: 3%;
}
.fc-icon-down-triangle:after {
content: "\25BC";
font-size: 125%;
top: 2%;
}
.fc-icon-x:after {
content: "\000D7";
font-size: 200%;
top: 6%;
}
/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
/* force height to include the border and padding */
box-sizing: border-box;
/* dimensions */
margin: 0;
padding: 0.8em .6em;
letter-spacing: 0;
/* text & cursor */
font-size: 1em;
/* normalize */
white-space: nowrap;
cursor: pointer;
margin-top: 2px;
margin-bottom: 2px;
}
/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
margin: 0;
padding: 0;
}
.fc-state-default {
/* non-theme */
border: 1px solid;
}
.fc-state-default.fc-corner-left {
/* non-theme */
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.fc-state-default.fc-corner-right {
/* non-theme */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* icons in buttons */
.fc button .fc-icon {
/* non-theme */
position: relative;
top: -0.05em;
/* seems to be a good adjustment across browsers */
margin: 0 .2em;
vertical-align: middle;
}
/*
button states
borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
background-color: transparent;
border: 1px solid #e5e5e5;
color: #333;
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
color: #555555;
}
.fc-state-disabled {
cursor: disabled;
}
.fc-state-hover {
color: rgba(85, 85, 85, 0.7);
text-decoration: none;
}
.fc-state-down,
.fc-state-active {
border-color: #555555;
background-color: #555555;
color: #ffffff;
}
.fc-state-disabled {
cursor: default;
opacity: 0.65;
}
/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
display: inline-block;
margin-top: 2px;
margin-bottom: 2px;
}
/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * {
/* extra precedence b/c buttons have margin set to zero */
float: left;
margin: 0 0 0 6px;
}
.fc .fc-button-group > :first-child {
/* same */
margin-left: 0;
}
/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
position: absolute;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
/* TODO: be more consistent with fc-head/fc-body */
padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
float: right;
}
/* unthemed */
.fc-unthemed .fc-popover {
border-width: 1px;
border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
font-size: .9em;
margin-top: 2px;
}
/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
border-top: 0;
/* where they meet, let the header have the border */
}
/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
border-style: solid;
border-width: 1px;
}
hr.fc-divider {
height: 0;
margin: 0;
padding: 0 0 2px;
/* height is unreliable across browsers, so use padding */
border-width: 1px 0;
}
.fc-clear {
clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
/* these element should always cling to top-left/right corners */
position: absolute;
top: 0;
left: 0;
right: 0;
}
.fc-bg {
bottom: 0;
/* strech bg to bottom edge */
}
.fc-bg table {
height: 100%;
/* strech bg to bottom edge */
}
/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
width: 100%;
box-sizing: border-box;
/* fix scrollbar issue in firefox */
table-layout: fixed;
border-collapse: collapse;
border-spacing: 0;
font-size: 1em;
/* normalize cross-browser */
margin: 0;
}
.fc th {
text-align: center;
}
.fc th,
.fc td {
border-style: solid;
border-width: 1px;
padding: 0;
vertical-align: top;
}
.fc td.fc-today {
border-style: double;
/* overcome neighboring borders */
}
/* Internal Nav Links
--------------------------------------------------------------------------------------------------*/
.fc a[data-goto] {
color: #555555;
cursor: pointer;
}
.fc a[data-goto]:hover {
color: #45c2e9;
}
/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row {
/* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
/* no visible border by default. but make available if need be (scrollbar width compensation) */
border-style: solid;
border-width: 0;
}
.fc-row table {
/* don't put left/right border on anything within a fake row.
the outer tbody will worry about this */
border-left: 0 hidden transparent;
border-right: 0 hidden transparent;
/* no bottom borders on rows */
border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
border-top: 0 hidden transparent;
/* no top border on first row */
}
/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
position: relative;
}
.fc-row .fc-bg {
z-index: 1;
}
/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
bottom: 0;
/* stretch skeleton to bottom of row */
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
height: 100%;
/* stretch skeleton to bottom of row */
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
z-index: 2;
}
.fc-row .fc-highlight-skeleton {
z-index: 3;
}
/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
position: relative;
z-index: 4;
padding-bottom: 2px;
/* matches the space above the events */
}
.fc-row .fc-helper-skeleton {
z-index: 5;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
/* see-through to the background below */
background: none;
/* in case <td>s are globally styled */
border-color: transparent;
/* don't put a border between events and/or the day number */
border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
/* don't put a border between event cells */
border-top: 0;
}
/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
-webkit-overflow-scrolling: touch;
}
/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
position: relative;
/* re-scope all positions */
width: 100%;
/* hack to force re-sizing this inner element when scrollbars appear/disappear */
}
/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-event {
position: relative;
/* for resize handle and other inner positioning */
display: block;
/* make the <a> tag block */
border: 1px solid #94b86e;
/* default BORDER color */
font-weight: normal;
/* undo jqui's ui-widget-header bold */
}
.fc-event,
.fc-event-dot {
background-color: #94b86e;
/* default BACKGROUND color */
}
/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event,
.fc-event:hover,
.ui-widget .fc-event {
color: #fff;
/* default TEXT color */
text-decoration: none;
/* if <a> has an href */
}
.fc-event[href],
.fc-event.fc-draggable {
-webkit-transition-property: color, background, background-color;
transition-property: color, background, background-color;
color: #ffffff;
cursor: pointer;
/* give events with links and draggable events a hand mouse pointer */
}
.fc-resizable {
background-color: #ffb848;
border-color: #ffb848;
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
/* to override an event's custom cursor */
cursor: not-allowed;
}
.fc-event .fc-bg {
/* the generic .fc-bg already does position */
z-index: 1;
background: #fff;
opacity: .25;
}
.fc-event .fc-content {
position: relative;
z-index: 2;
}
/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
position: absolute;
z-index: 4;
}
/* resizer (touch devices) */
.fc-event .fc-resizer {
display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
/* only show when hovering or selected (with touch) */
display: block;
}
/* hit area */
.fc-event.fc-selected .fc-resizer:before {
/* 40x40 touch area */
content: "";
position: absolute;
z-index: 9999;
/* user of this util can scope within a lower z-index */
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin-left: -20px;
margin-top: -20px;
}
/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
z-index: 9999 !important;
/* overcomes inline z-index */
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected.fc-dragging {
box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
content: "";
position: absolute;
z-index: 3;
/* below resizers */
top: -10px;
bottom: -10px;
left: 0;
right: 0;
}
/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
margin-left: 0;
border-left-width: 0;
padding-left: 1px;
/* replace the border with padding */
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
margin-right: 0;
border-right-width: 0;
padding-right: 1px;
/* replace the border with padding */
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
/* resizer (cursor AND touch devices) */
/* left resizer */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
cursor: w-resize;
left: -1px;
/* overcome border */
}
/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
cursor: e-resize;
right: -1px;
/* overcome border */
}
/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
width: 7px;
top: -1px;
/* overcome top border */
bottom: -1px;
/* overcome bottom border */
}
/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
/* 8x8 little dot */
border-radius: 4px;
border-width: 1px;
width: 6px;
height: 6px;
border-style: solid;
border-color: inherit;
background: #fff;
/* vertically center */
top: 50%;
margin-top: -4px;
}
/* left resizer */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
margin-left: -4px;
/* centers the 8x8 dot on the left edge */
}
/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
margin-right: -4px;
/* centers the 8x8 dot on the right edge */
}
/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
margin: 1px 0 0;
/* spacing between events and edges */
padding: 0 1px;
}
tr:first-child > td > .fc-day-grid-event {
margin-top: 0;
/* a little bit more space before the first event */
}
.fc-day-grid-event.fc-selected:after {
content: "";
position: absolute;
z-index: 1;
/* same z-index as fc-bg, behind text */
/* overcome the borders */
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
/* darkening effect */
background: #000;
opacity: .25;
}
.fc-day-grid-event .fc-content {
/* force events to be one-line tall */
padding: 2px 4px;
white-space: nowrap;
overflow: hidden;
}
.fc-day-grid-event .fc-time {
font-weight: bold;
display: block;
}
/* resizer (cursor devices) */
/* left resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
margin-left: -2px;
/* to the day cell's edge */
}
/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
margin-right: -2px;
/* to the day cell's edge */
}
/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
margin: 1px 3px;
font-size: .85em;
cursor: pointer;
text-decoration: none;
}
a.fc-more:hover {
text-decoration: underline;
}
.fc-limited {
/* rows and cells that are hidden because of a "more" link */
display: none;
}
/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
z-index: 1;
/* make the "more" popover one higher than this */
}
.fc-more-popover {
z-index: 2;
width: 220px;
}
.fc-more-popover .fc-event-container {
padding: 10px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
position: absolute;
border: 0 solid red;
}
/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-webkit-tap-highlight-color: transparent;
}
/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
text-align: center;
}
.fc-toolbar h2 {
padding: 0.6em 0.5em 0;
font-size: 16px;
margin: 0;
}
.fc-toolbar.fc-header-toolbar {
border-right: 1px solid #e5e5e5;
border-left: 1px solid #e5e5e5;
padding: 10px 30px;
}
.fc-toolbar.fc-footer-toolbar {
margin-top: 1em;
}
.fc-toolbar .fc-left {
float: left;
}
.fc-toolbar .fc-right {
float: right;
}
.fc-toolbar .fc-center {
display: inline-block;
}
/* the things within each left/right/center section */
.fc .fc-toolbar > * > * {
/* extra precedence to override button border margins */
float: left;
margin-left: .75em;
}
/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child {
/* extra precedence to override button border margins */
margin-left: 0;
}
/* button layering (for border precedence) */
.fc-toolbar button {
position: relative;
font-size: 11px;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
z-index: 2;
}
.fc-toolbar .fc-state-down {
z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
z-index: 4;
}
.fc-toolbar button:focus {
z-index: 5;
}
/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *: before,
.fc-view-container *:after {
box-sizing: content-box;
}
.fc-view,
.fc-view > table {
/* so dragged elements can be above the view's main element */
position: relative;
z-index: 1;
}
/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
/* there may be week numbers in these views, so no padding-top */
padding-bottom: 1em;
/* ensure a space at bottom of cell for user selecting/clicking */
}
.fc-basic-view .fc-body .fc-row {
min-height: 4em;
/* ensure that all rows are at least this tall */
}
/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
/* week and day number styling */
.fc-day-top.fc-other-month {
opacity: 0.3;
}
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
padding: 2px;
}
.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
padding: 0 2px;
/* column headers can't have as much v space */
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
float: right;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
float: left;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
float: left;
border-radius: 0 0 3px 0;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
float: right;
border-radius: 0 0 0 3px;
}
.fc-basic-view .fc-day-top .fc-week-number {
min-width: 1.5em;
text-align: center;
background-color: #f2f2f2;
color: #808080;
}
/* when week/day number have own column */
.fc-basic-view td.fc-week-number {
text-align: center;
}
.fc-basic-view td.fc-week-number > * {
/* work around the way we do column resizing and ensure a minimum width */
display: inline-block;
min-width: 1.25em;
}
/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
position: relative;
z-index: 2;
/* so the "more.." popover will be over the time grid */
}
.fc-agenda-view .fc-day-grid .fc-row {
min-height: 3em;
/* all-day section will never get shorter than this */
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
padding-bottom: 1em;
/* give space underneath events for clicking/selecting days */
}
/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis {
/* .fc to overcome default cell styles */
vertical-align: middle;
padding: 0 4px;
white-space: nowrap;
}
.fc-ltr .fc-axis {
text-align: right;
}
.fc-rtl .fc-axis {
text-align: left;
}
.ui-widget td.fc-axis {
font-weight: normal;
/* overcome jqui theme making it bold */
}
/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid {
/* so slats/bg/content/etc positions get scoped within here */
position: relative;
z-index: 1;
}
.fc-time-grid {
min-height: 100%;
/* so if height setting is 'auto', .fc-bg stretches to fill height */
}
.fc-time-grid table {
/* don't put outer borders on slats/bg/content/etc */
border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
/* the <hr> AgendaView injects when grid is shorter than scroller */
position: relative;
z-index: 2;
}
.fc-time-grid .fc-content-col {
position: relative;
/* because now-indicator lives directly inside */
}
.fc-time-grid .fc-content-skeleton {
position: absolute;
z-index: 3;
top: 0;
left: 0;
right: 0;
}
/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
position: relative;
z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
position: relative;
z-index: 2;
}
.fc-time-grid .fc-highlight-container {
position: relative;
z-index: 3;
}
.fc-time-grid .fc-event-container {
position: relative;
z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
z-index: 5;
}
.fc-time-grid .fc-helper-container {
/* also is fc-event-container */
position: relative;
z-index: 6;
}
/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
height: 1.5em;
border-bottom: 0;
/* each cell is responsible for its top border */
}
.fc-time-grid .fc-slats .fc-minor td {
border-top-style: dotted;
}
.fc-time-grid .fc-slats .ui-widget-content {
/* for jqui theme */
background: none;
/* see through to fc-bg */
}
/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container {
/* a div within a cell within the fc-highlight-skeleton */
position: relative;
/* scopes the left/right of the fc-highlight to be in the column */
}
.fc-time-grid .fc-highlight {
position: absolute;
left: 0;
right: 0;
/* top and bottom will be in by JS */
}
/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container {
/* space on the sides of events for LTR (default) */
margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
/* space on the sides of events for RTL */
margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
position: absolute;
z-index: 1;
/* scope inner z-index's */
}
.fc-time-grid .fc-bgevent {
/* background events always span full width */
left: 0;
right: 0;
}
/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start {
/* events that are continuing from another day */
/* replace space made by the top border with padding */
border-top-width: 0;
padding-top: 1px;
/* remove top rounded corners */
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
/* replace space made by the top border with padding */
border-bottom-width: 0;
padding-bottom: 1px;
/* remove bottom rounded corners */
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
overflow: hidden;
/* don't let the bg flow over rounded corners */
}
.fc-time-grid-event.fc-selected {
/* need to allow touch resizers to extend outside event's bounding box */
/* common fc-selected styles hide the fc-bg, so don't need this anyway */
overflow: visible;
}
.fc-time-grid-event.fc-selected .fc-bg {
display: none;
/* hide semi-white background, to appear darker */
}
.fc-time-grid-event .fc-content {
overflow: hidden;
/* for when .fc-selected */
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
padding: 0 1px;
}
.fc-time-grid-event .fc-time {
font-size: .85em;
white-space: nowrap;
}
/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
/* don't wrap to second line (now that contents will be inline) */
white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
/* put the time and title on the same line */
display: inline-block;
vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
display: none;
/* don't display the full time text... */
}
.fc-time-grid-event.fc-short .fc-time:before {
content: attr(data-start);
/* ...instead, display only the start time */
}
.fc-time-grid-event.fc-short .fc-time:after {
content: "\000A0-\000A0";
/* seperate with a dash, wrapped in nbsp's */
}
.fc-time-grid-event.fc-short .fc-title {
font-size: .85em;
/* make the title text the same size as the time */
padding: 0;
/* undo padding from above */
}
/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
left: 0;
right: 0;
bottom: 0;
height: 8px;
overflow: hidden;
line-height: 8px;
font-size: 11px;
font-family: monospace;
text-align: center;
cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
content: "=";
}
/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
/* 10x10 dot */
border-radius: 5px;
border-width: 1px;
width: 8px;
height: 8px;
border-style: solid;
border-color: inherit;
background: #fff;
/* horizontally center */
left: 50%;
margin-left: -5px;
/* center on the bottom edge */
bottom: -5px;
}
/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
border-top-width: 1px;
left: 0;
right: 0;
}
/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
margin-top: -5px;
/* vertically center on top coordinate */
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
left: 0;
/* triangle pointing right... */
border-width: 5px 0 5px 6px;
border-top-color: transparent;
border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
right: 0;
/* triangle pointing left... */
border-width: 5px 6px 5px 0;
border-top-color: transparent;
border-bottom-color: transparent;
}
/* List View
--------------------------------------------------------------------------------------------------*/
/* possibly reusable */
.fc-event-dot {
display: inline-block;
width: 10px;
height: 10px;
border-radius: 5px;
}
/* view wrapper */
.fc-rtl .fc-list-view {
direction: rtl;
/* unlike core views, leverage browser RTL */
}
.fc-list-view {
border-width: 1px;
border-style: solid;
}
/* table resets */
.fc .fc-list-table {
table-layout: auto;
/* for shrinkwrapping cell content */
}
.fc-list-table td {
border-width: 1px 0 0;
padding: 8px 14px;
}
.fc-list-table tr:first-child td {
border-top-width: 0;
}
/* day headings with the list */
.fc-list-heading {
border-bottom-width: 1px;
}
.fc-list-heading td {
font-weight: bold;
}
.fc-ltr .fc-list-heading-main {
float: left;
}
.fc-ltr .fc-list-heading-alt {
float: right;
}
.fc-rtl .fc-list-heading-main {
float: right;
}
.fc-rtl .fc-list-heading-alt {
float: left;
}
/* event list items */
.fc-list-item.fc-has-url {
cursor: pointer;
/* whole row will be clickable */
}
.fc-list-item:hover td {
background-color: #f5f5f5;
}
.fc-list-item-marker,
.fc-list-item-time {
white-space: nowrap;
width: 1px;
}
/* make the dot closer to the event title */
.fc-ltr .fc-list-item-marker {
padding-right: 0;
}
.fc-rtl .fc-list-item-marker {
padding-left: 0;
}
.fc-list-item-title a {
/* every event title cell has an <a> tag */
text-decoration: none;
color: inherit;
}
.fc-list-item-title a[href]:hover {
/* hover effect only on titles with hrefs */
text-decoration: underline;
}
/* message when no events */
.fc-list-empty-wrap2 {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.fc-list-empty-wrap1 {
width: 100%;
height: 100%;
display: table;
}
.fc-list-empty {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.fc-unthemed .fc-list-empty {
/* theme will provide own background */
background-color: #eee;
}
svg {
-ms-touch-action: none;
touch-action: none;
}
.jvectormap-container {
width: 100%;
height: 100%;
position: relative;
overflow: hidden;
-ms-touch-action: none;
touch-action: none;
}
.jvectormap-tip {
position: absolute;
display: none;
border-radius: 1px;
background: #555555;
color: white;
line-height: 1;
padding: 6px 6px 3px;
}
.jvectormap-zoomin, .jvectormap-zoomout, .jvectormap-goback {
font-size: 18px;
font-weight: 700;
line-height: 20px;
position: absolute;
left: 0;
border-radius: 1px;
border: 1px solid #e5e5e5;
color: #555555;
background-color: #ffffff;
cursor: pointer;
text-align: center;
}
.jvectormap-zoomin, .jvectormap-zoomout {
width: 20px;
height: 20px;
}
.jvectormap-zoomin {
top: 0;
}
.jvectormap-zoomout {
top: 24px;
}
.jvectormap-goback {
bottom: 0;
z-index: 1000;
padding: 6px;
}
.jvectormap-spinner {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: center no-repeat url(data:image/gif;base64,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);
}
.jvectormap-legend-title {
font-weight: bold;
font-size: 14px;
text-align: center;
}
.jvectormap-legend-cnt {
position: absolute;
}
.jvectormap-legend-cnt-h {
bottom: 0;
right: 0;
}
.jvectormap-legend-cnt-v {
top: 0;
right: 0;
}
.jvectormap-legend {
background: #555555;
color: #ffffff;
border-radius: 1px;
}
.jvectormap-legend-cnt-h .jvectormap-legend {
float: left;
margin: 0 10px 10px 0;
padding: 3px 3px 1px 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend .jvectormap-legend-tick {
float: left;
}
.jvectormap-legend-cnt-v .jvectormap-legend {
margin: 10px 10px 0 0;
padding: 3px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick {
width: 40px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-sample {
height: 15px;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-sample {
height: 20px;
width: 20px;
display: inline-block;
vertical-align: middle;
}
.jvectormap-legend-tick-text {
font-size: 12px;
}
.jvectormap-legend-cnt-h .jvectormap-legend-tick-text {
text-align: center;
}
.jvectormap-legend-cnt-v .jvectormap-legend-tick-text {
display: inline-block;
vertical-align: middle;
line-height: 20px;
padding-left: 3px;
}
/* Admin Dashboard */
.admin h1,
.admin h2,
.admin h3,
.admin h4,
.admin h5,
.admin h6 {
font-weight: 400;
}
.admin .bold {
font-weight: 700;
}
.admin h4 .pull-right .theme_button {
position: relative;
bottom: 10px;
}
.admin h4 + hr {
clear: both;
}
.admin .with_border > h3:first-child,
.admin .with_border > h4:first-child,
.admin .with_background > h3:first-child,
.admin .with_background > h4:first-child {
font-size: 20px;
margin-top: -30px;
margin-right: -30px;
margin-left: -30px;
margin-bottom: 30px;
padding: 20px 30px;
border-bottom: 1px solid #e5e5e5;
}
.admin .with_border > h3:first-child[class*='_bg_'],
.admin .with_border > h4:first-child[class*='_bg_'],
.admin .with_background > h3:first-child[class*='_bg_'],
.admin .with_background > h4:first-child[class*='_bg_'] {
margin: inherit;
}
.admin .breadcrumb {
font-weight: 400;
text-transform: none;
letter-spacing: 0;
}
.admin .input[type="text"],
.admin input[type="email"],
.admin input[type="url"],
.admin input[type="password"],
.admin input[type="search"],
.admin input[type="tel"],
.admin input[type="number"],
.admin textarea,
.admin select,
.admin .form-control {
height: 40px;
font-size: inherit;
padding-left: 20px;
padding-right: 20px;
}
.admin select[multiple],
.admin textarea.form-control,
.admin textarea {
height: auto;
}
.admin option {
background-color: transparent;
}
.admin input[type=checkbox], .admin input[type=radio] {
margin-top: 3px;
}
.admin .form-control::-moz-placeholder {
font-style: normal;
text-transform: none;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
opacity: 0.6;
}
.admin .form-control:-ms-input-placeholder {
font-style: normal;
text-transform: none;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
opacity: 0.6;
}
.admin .form-control::-webkit-input-placeholder {
font-style: normal;
text-transform: none;
font-size: 14px;
font-weight: 400;
letter-spacing: 0;
opacity: 0.6;
}
.admin form label + [class*="icon2-"], .admin form label + [class*="fa-"] {
top: 12px;
}
.admin .widget_search .form-inline .theme_button {
width: 40px;
height: 40px;
}
.admin .form-inline-button .form-inline [type="submit"], .admin .form-inline-button .form-inline .theme_button {
padding-left: 12px;
padding-right: 12px;
}
.admin .btn,
.admin .theme_button {
font-weight: 400;
letter-spacing: 0.1em;
text-transform: none;
padding: 10px 15px;
}
.admin .theme_button {
padding-top: 12px;
padding-bottom: 12px;
}
.admin .page_header_side_sticked {
font-size: 14px;
}
.admin .with_padding {
padding: 30px;
}
.admin .with_background .muted_background {
border-radius: 3px;
}
.admin .owl-item .muted_background {
overflow: hidden;
}
.admin .bottompadding_0 {
padding-bottom: 0;
}
.admin table {
margin: 0;
}
.admin th {
background-color: #f8f9f9;
border: none;
font-weight: 700;
padding: 20px 10px 18px;
text-transform: uppercase;
font-size: 12px;
}
.admin .table > tbody > tr > td, .admin .table > tbody > tr > th, .admin .table > tfoot > tr > td, .admin .table > tfoot > tr > th, .admin .table > thead > tr > td, .admin .table > thead > tr > th {
vertical-align: middle;
}
.admin .flex-row h4 + hr {
margin-top: 0;
}
.dashboard-page-title {
margin: 0;
padding: 10px 0;
}
.dropdown .nav > li > a {
padding-left: 0;
padding-right: 0;
}
.dropdown .nav > li > a i {
font-size: 1.2em;
padding-right: 5px;
}
.module-title {
font-size: 20px;
padding: 14px 30px;
margin-bottom: 0;
}
.with_padding .module-title {
margin: -30px -30px 30px;
}
.dashboard-map .with_padding .table-responsive {
margin-left: -30px;
margin-right: -30px;
}
.dashboard-map td {
vertical-align: middle;
}
.dashboard-map [colspan='6'] {
padding-top: 8px;
padding-bottom: 5px;
}
.dashboard-map td:first-child,
.dashboard-map th:first-child {
padding-left: 30px;
}
.dashboard-map .dropdown {
display: inline-block;
}
.dashboard-map .dropdown-menu {
right: 0;
left: auto;
}
.settings-button {
display: inline-block;
}
.ls .settings-button {
border: 1px solid #e5e5e5;
padding: 4px 7px 2px;
color: #555555;
}
.ls .settings-button:hover {
color: #00bac6;
}
.side_header_logo {
font-size: 16px;
text-transform: uppercase;
padding: 5px 30px 4px;
border-bottom: 1px solid #e5e5e5;
}
.header_darkgrey .widget_search .form-control {
background-color: transparent;
border-color: rgba(255, 255, 255, 0.2);
height: 40px;
padding-left: 20px;
color: #ffffff;
}
.header_darkgrey .widget_search .theme_button {
height: 40px;
width: 50px;
color: #ffffff;
}
@media (max-width: 991px) {
.table-responsive {
width: 100%;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > td,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > thead > tr > th {
white-space: nowrap;
}
}
.admin-product-price input[type='number'] {
-webkit-appearance: initial;
-moz-appearance: initial;
}
.admin-product-price input::-webkit-outer-spin-button,
.admin-product-price input::-webkit-inner-spin-button {
-webkit-appearance: initial;
}
.item-editable {
position: relative;
}
.item-editable h5 {
margin-top: 0.5em;
margin-bottom: 0.5em;
font-size: 14px;
font-weight: 400;
}
.item-editable h5 small {
font-size: inherit;
float: right;
}
.item-editable h6 {
font-size: 11px;
margin: 0.5em 0;
}
.item-editable p {
margin-bottom: 5px;
}
.item-editable p[class*='_color'] {
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
}
.item-editable .item-edit-controls {
position: absolute;
top: 5px;
right: 5px;
opacity: 0;
padding: 3px 3px 0;
background-color: rgba(255, 255, 255, 0.9);
}
.item-editable .item-edit-controls a {
padding: 0 5px;
}
.item-editable:hover {
background-color: rgba(100, 100, 100, 0.05);
}
.item-editable:hover .item-edit-controls {
opacity: 1;
}
.item-editable .media img {
border-radius: 50%;
}
tr.item-editable h5 {
white-space: nowrap;
margin-bottom: 0;
}
tr.item-editable .media-left img {
max-width: 40px;
}
.row.admin-table-filters {
margin-top: 10px !important;
margin-bottom: 30px !important;
}
.row.admin-table-filters > [class*='col-'] {
margin: 0;
}
.chat-item {
margin-bottom: 30px;
}
.chat-item h5 {
margin-bottom: 0.5em;
font-size: 16px;
}
.chat-item h5 small {
margin-top: 3px;
float: right;
}
.chat-item .media-body {
padding: 16px 20px;
border-right: 3px solid #ed6b75;
position: relative;
overflow: visible;
}
.chat-item .media-body:before {
content: '';
position: absolute;
width: 0;
height: 0;
border: 5px solid transparent;
border-left-color: #ed6b75;
right: -13px;
top: 25px;
}
.chat-item .media-left + .media-body {
border-right: none;
border-left: 3px solid #ffb848;
}
.chat-item .media-left + .media-body:before {
border-left-color: transparent;
border-right-color: #ffb848;
right: auto;
left: -13px;
}
.dropdown .one-line-text {
width: 250px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.panel-view-all {
margin: 10px 0 -10px;
}
.filters-form select {
padding-left: 15px;
padding-right: 15px;
}
@media (max-width: 1200px) {
.admin-table-filters .widget_search {
max-width: 20em;
margin-top: 15px;
}
}
.scroll-wrapper > .scroll-content.admin-scroll-panel {
padding-right: 20px;
}
.scrollbar-macosx.admin-scroll-panel > .scroll-element .scroll-bar {
opacity: 0.3;
}
.admin-scroll-panel {
height: 400px;
}
@media (min-width: 992px) {
.admin-table-filters .filters-form {
display: inline-block;
}
.admin-table-filters .filters-form label {
margin: 0 10px;
}
.admin-table-filters .filters-form > span:first-child label {
margin-left: 0;
}
}
@media (max-width: 991px) {
.admin-table-filters .filters-form {
font-size: 0;
margin-top: 15px;
}
.admin-table-filters .filters-form label, .admin-table-filters .filters-form select {
font-size: 14px;
}
.admin-table-filters .filters-form label {
text-align: right;
width: 40%;
padding: 0 10px;
}
.admin-table-filters .filters-form span {
display: block;
}
.admin-table-filters .filters-form select {
width: 60%;
display: inline-block;
margin-bottom: 10px;
}
.admin-table-filters .widget_search {
max-width: none;
}
}
/* user sidebar menu */
.user-menu .media-left {
padding-right: 10px;
}
.user-menu .media-left img {
max-width: 40px;
border-radius: 50%;
}
.user-menu h4 {
font-size: 14px;
font-weight: 700;
margin-bottom: 5px;
}
.user-menu .menu-click .activate_submenu {
top: 21px;
}
.user-menu .menu-click > li.active-submenu {
padding-top: 0;
padding-bottom: 0;
background-color: transparent;
border-color: transparent;
}
.user-menu .menu-click > li.active-submenu ul {
margin-top: 20px;
margin-bottom: 30px;
padding-top: 10px;
padding-bottom: 10px;
}
.user-menu .menu-click ul {
padding-left: 30px;
margin-left: -30px;
}
.bs .user-menu .menu-click ul {
background-color: #253138;
}
.page_header_side_sticked h3 {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
margin: 0;
padding: 0 30px;
}
.page_header_side_sticked h3.muted_background, .page_header_side_sticked h3[class*="_bg_"] {
padding-top: 20px;
padding-bottom: 20px;
}
.page_header_side_sticked .small-teaser h5 {
font-size: 14px;
margin-bottom: 4px;
}
#toTop,
.side-chat-button,
.side-contact-button {
display: block;
text-align: center;
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 3px;
font-size: 14px;
color: #ffffff;
background-color: #ed6b75;
opacity: 0.8;
}
#toTop {
font-size: 0;
right: 30px;
bottom: auto;
top: 60%;
background-color: #45c2e9;
margin-top: -50px;
z-index: 98;
}
#toTop:after {
line-height: 40px;
}
.side-contact-button {
position: fixed;
right: 30px;
top: 60%;
background-color: #45c2e9;
margin-top: 50px;
z-index: 98;
}
.side-contact-button:focus,
.side-contact-button:hover,
.side-chat-button:focus,
.side-chat-button:hover {
color: #ffffff;
opacity: 1;
}
.side-dropdown {
position: fixed;
right: 30px;
top: 60%;
z-index: 99;
}
.side-dropdown .dropdown-menu {
margin: 0;
padding: 0;
top: auto;
left: auto;
right: 20px;
bottom: 20px;
width: 260px;
}
.side-dropdown .dropdown-menu ul {
margin: 10px 0;
max-height: 250px;
overflow: auto;
}
.side-dropdown hr {
margin: 10px 0;
}
.side-chat h4 {
margin: 0;
font-size: 14px;
padding: 16px 20px 14px;
}
.side-chat h5 {
margin-bottom: 10px;
font-size: 14px;
}
.side-chat .side-chat-item {
padding: 10px 20px;
}
.side-chat .side-chat-item [class*='_bg_'] {
padding: 6px 10px 4px;
}
.side-chat .item-primary {
padding-left: 50px;
}
.side-chat .item-secondary {
padding-right: 50px;
}
.side-chat .divider {
margin: 0;
}
.side-chat .side-chat-answer {
padding: 20px;
}
.side-chat .side-chat-answer [type="text"] {
padding-right: 50px;
}
.side-chat .side-chat-answer button {
padding-right: 11px;
padding-left: 12px;
}
.dashboard-daterangepicker {
cursor: pointer;
}
.dashboard-daterangepicker span {
padding: 0 8px;
}
.world_map {
height: 400px;
text-align: center;
}
.sparklines-title {
display: inline-block;
margin: 10px 15px;
}
.sparklines-title:last-child {
margin-right: 0;
}
.sparklines-title sup {
font-size: 12px;
font-weight: 700;
text-transform: uppercase;
top: 0;
display: block;
text-align: left;
}
.sparklines-title .sparklines {
position: relative;
}
.sparklines-title .sparklines canvas {
vertical-align: baseline !important;
}
.sparklines-title .teaser_icon {
width: 22px;
height: 22px;
font-size: 8px;
position: relative;
bottom: 3px;
}
.sparklines-title .teaser_icon i:before {
position: relative;
bottom: 4px;
}
.jqstooltip {
height: 22px !important;
width: auto !important;
border: none !important;
}
canvas[class*='canvas-chart-line'] {
min-height: 300px;
}