mirror of
https://github.com/usmannasir/cyberpanel.git
synced 2025-11-07 13:56:01 +01:00
7318 lines
175 KiB
CSS
Executable File
7318 lines
175 KiB
CSS
Executable File
/* Accordion */
|
|
|
|
.ui-accordion .ui-accordion-header {
|
|
font-size: 15px;
|
|
font-weight: bold;
|
|
position: relative;
|
|
display: block;
|
|
min-height: 0;
|
|
margin-top: 2px;
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
|
|
margin-right: 10px;
|
|
}
|
|
.ui-accordion .ui-accordion-content {
|
|
overflow: hidden;
|
|
padding: 15px 0;
|
|
border-top: 0;
|
|
}
|
|
|
|
/* Full Calendar */
|
|
|
|
.fc {
|
|
text-align: left;
|
|
direction: ltr;
|
|
}
|
|
.fc table {
|
|
border-spacing: 0;
|
|
border-collapse: collapse;
|
|
}
|
|
.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 {
|
|
font-size: 20px;
|
|
margin-top: 7px;
|
|
white-space: nowrap;
|
|
}
|
|
.fc .fc-header-space {
|
|
padding-left: 10px;
|
|
}
|
|
.fc-header .fc-button {
|
|
margin-bottom: 1em;
|
|
vertical-align: top;
|
|
}
|
|
.fc-header .fc-button {
|
|
margin-right: -1px;
|
|
}
|
|
.fc-header .fc-corner-right,
|
|
.fc-header .ui-corner-right {
|
|
margin-right: 0;
|
|
}
|
|
.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;
|
|
}
|
|
.fc-content {
|
|
position: relative;
|
|
z-index: 1;
|
|
clear: both;
|
|
zoom: 1;
|
|
}
|
|
.fc-view {
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.fc-widget-header,
|
|
.fc-widget-content {
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
.fc-state-highlight {
|
|
background: #fcf8e3;
|
|
}
|
|
.fc-cell-overlay {
|
|
opacity: .3;
|
|
background: #bce8f1;
|
|
filter: alpha(opacity=30);
|
|
}
|
|
.fc-icon-left-single-arrow:after {
|
|
content: '\f104';
|
|
}
|
|
.fc-icon-right-single-arrow:after {
|
|
content: '\f105';
|
|
}
|
|
.fc-icon-left-double-arrow:after {
|
|
content: '\f100';
|
|
}
|
|
.fc-icon-right-double-arrow:after {
|
|
content: '\f101';
|
|
}
|
|
/* icon (for jquery ui) */
|
|
|
|
.fc-button .ui-icon {
|
|
position: relative;
|
|
top: 50%;
|
|
float: left;
|
|
margin-top: -8px;
|
|
}
|
|
/* 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 {
|
|
font-size: 11px;
|
|
padding: 3px;
|
|
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 {
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.fc-event-time,
|
|
.fc-event-title {
|
|
padding: 0 1px;
|
|
}
|
|
.fc .ui-resizable-handle {
|
|
font-size: 300%;
|
|
/* */
|
|
|
|
line-height: 50%;
|
|
/* */
|
|
|
|
position: absolute;
|
|
z-index: 99999;
|
|
display: block;
|
|
overflow: hidden;
|
|
/* hacky spaces (IE6/7) */
|
|
}
|
|
.fc-event-hori {
|
|
margin-bottom: 1px;
|
|
border-width: 1px 0;
|
|
}
|
|
.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;
|
|
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;
|
|
}
|
|
/* 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: .3;
|
|
filter: alpha(opacity=30);
|
|
}
|
|
.fc-grid .fc-day-content {
|
|
clear: both;
|
|
padding: 2px 2px 1px;
|
|
}
|
|
.fc-grid .fc-event-time {
|
|
font-weight: bold;
|
|
}
|
|
.fc-rtl .fc-grid .fc-day-number {
|
|
float: left;
|
|
}
|
|
.fc-rtl .fc-grid .fc-event-time {
|
|
float: right;
|
|
}
|
|
.fc-agenda table {
|
|
border-collapse: separate;
|
|
}
|
|
.fc-agenda-days th {
|
|
text-align: center;
|
|
}
|
|
.fc-agenda .fc-agenda-axis {
|
|
font-weight: normal;
|
|
width: 50px;
|
|
padding: 0 3px;
|
|
text-align: right;
|
|
vertical-align: middle;
|
|
}
|
|
.fc-agenda-slots .fc-agenda-axis {
|
|
white-space: nowrap;
|
|
}
|
|
.fc-agenda .fc-week-number {
|
|
font-weight: bold;
|
|
}
|
|
.fc-agenda .fc-day-content {
|
|
padding: 2px 2px 1px;
|
|
}
|
|
.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: 33px;
|
|
}
|
|
.fc-agenda-divider-inner {
|
|
overflow: hidden;
|
|
height: 2px;
|
|
}
|
|
.fc-widget-header .fc-agenda-divider-inner {
|
|
background: #eee;
|
|
}
|
|
.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-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-right-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
.fc-event-vert .fc-event-time {
|
|
font-size: 10px;
|
|
white-space: nowrap;
|
|
}
|
|
.fc-event-vert .fc-event-inner {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.fc-event-vert .fc-event-bg {
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: .25;
|
|
background: #fff;
|
|
filter: alpha(opacity=25);
|
|
}
|
|
.fc-event-vert .ui-resizable-s {
|
|
font-family: monospace;
|
|
font-size: 11px !important;
|
|
line-height: 8px !important;
|
|
bottom: 0 !important;
|
|
overflow: hidden !important;
|
|
width: 100% !important;
|
|
height: 8px !important;
|
|
cursor: s-resize;
|
|
text-align: center;
|
|
}
|
|
|
|
/* Bootstrap carousel */
|
|
|
|
.carousel {
|
|
position: relative;
|
|
}
|
|
.carousel-inner {
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
}
|
|
.carousel-inner > .item {
|
|
position: relative;
|
|
display: none;
|
|
-webkit-transition: .6s ease-in-out left;
|
|
-o-transition: .6s ease-in-out left;
|
|
transition: .6s ease-in-out left;
|
|
}
|
|
.carousel-inner > .item > img,
|
|
.carousel-inner > .item > a > img {
|
|
line-height: 1;
|
|
}
|
|
@media all and (transform-3d),
|
|
(-webkit-transform-3d) {
|
|
.carousel-inner > .item {
|
|
-webkit-transition: -webkit-transform .6s ease-in-out;
|
|
-o-transition: -o-transform .6s ease-in-out;
|
|
transition: transform .6s ease-in-out;
|
|
-webkit-backface-visibility: hidden;
|
|
backface-visibility: hidden;
|
|
-webkit-perspective: 1000;
|
|
perspective: 1000;
|
|
}
|
|
.carousel-inner > .item.next,
|
|
.carousel-inner > .item.active.right {
|
|
left: 0;
|
|
-webkit-transform: translate3d(100%, 0, 0);
|
|
transform: translate3d(100%, 0, 0);
|
|
}
|
|
.carousel-inner > .item.prev,
|
|
.carousel-inner > .item.active.left {
|
|
left: 0;
|
|
-webkit-transform: translate3d(-100%, 0, 0);
|
|
transform: translate3d(-100%, 0, 0);
|
|
}
|
|
.carousel-inner > .item.next.left,
|
|
.carousel-inner > .item.prev.right,
|
|
.carousel-inner > .item.active {
|
|
left: 0;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
}
|
|
}
|
|
.carousel-inner > .active,
|
|
.carousel-inner > .next,
|
|
.carousel-inner > .prev {
|
|
display: block;
|
|
}
|
|
.carousel-inner > .active {
|
|
left: 0;
|
|
}
|
|
.carousel-inner > .next,
|
|
.carousel-inner > .prev {
|
|
position: absolute;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.carousel-inner > .next {
|
|
left: 100%;
|
|
}
|
|
.carousel-inner > .prev {
|
|
left: -100%;
|
|
}
|
|
.carousel-inner > .next.left,
|
|
.carousel-inner > .prev.right {
|
|
left: 0;
|
|
}
|
|
.carousel-inner > .active.left {
|
|
left: -100%;
|
|
}
|
|
.carousel-inner > .active.right {
|
|
left: 100%;
|
|
}
|
|
.carousel-control {
|
|
font-size: 20px;
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 15%;
|
|
text-align: center;
|
|
opacity: .5;
|
|
color: #fff;
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
|
|
filter: alpha(opacity=50);
|
|
}
|
|
.carousel-control.left {
|
|
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
|
|
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
|
|
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
|
|
background-repeat: repeat-x;
|
|
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
|
|
}
|
|
.carousel-control.right {
|
|
right: 0;
|
|
left: auto;
|
|
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
|
|
background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
|
|
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
|
|
background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
|
|
background-repeat: repeat-x;
|
|
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
|
|
}
|
|
.carousel-control:hover,
|
|
.carousel-control:focus {
|
|
text-decoration: none;
|
|
opacity: .9;
|
|
color: #fff;
|
|
outline: 0;
|
|
filter: alpha(opacity=90);
|
|
}
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .icon-next,
|
|
.carousel-control .icon-chevron-left,
|
|
.carousel-control .icon-chevron-right {
|
|
position: absolute;
|
|
z-index: 5;
|
|
top: 50%;
|
|
display: inline-block;
|
|
}
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .icon-chevron-left {
|
|
left: 50%;
|
|
margin-left: -10px;
|
|
}
|
|
.carousel-control .icon-next,
|
|
.carousel-control .icon-chevron-right {
|
|
right: 50%;
|
|
margin-right: -10px;
|
|
}
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .icon-next {
|
|
font-family: serif;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-top: -10px;
|
|
}
|
|
.carousel-control .icon-prev:before {
|
|
content: '\2039';
|
|
}
|
|
.carousel-control .icon-next:before {
|
|
content: '\203a';
|
|
}
|
|
.carousel-indicators {
|
|
position: absolute;
|
|
z-index: 15;
|
|
bottom: 10px;
|
|
left: 50%;
|
|
width: 60%;
|
|
margin-left: -30%;
|
|
padding-left: 0;
|
|
list-style: none;
|
|
text-align: center;
|
|
}
|
|
.carousel-indicators li {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 10px;
|
|
margin: 1px;
|
|
cursor: pointer;
|
|
text-indent: -999px;
|
|
border: 1px solid #fff;
|
|
border-radius: 10px;
|
|
background-color: #000 \9;
|
|
background-color: rgba(0, 0, 0, 0);
|
|
}
|
|
.carousel-indicators .active {
|
|
width: 12px;
|
|
height: 12px;
|
|
margin: 0;
|
|
background-color: #fff;
|
|
}
|
|
.carousel-caption {
|
|
position: absolute;
|
|
z-index: 10;
|
|
right: 15%;
|
|
bottom: 20px;
|
|
left: 15%;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
text-align: center;
|
|
color: #fff;
|
|
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
|
|
}
|
|
.carousel-caption .btn {
|
|
text-shadow: none;
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
.carousel-control .icon-chevron-left,
|
|
.carousel-control .icon-chevron-right,
|
|
.carousel-control .icon-prev,
|
|
.carousel-control .icon-next {
|
|
font-size: 30px;
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-top: -15px;
|
|
}
|
|
.carousel-control .icon-chevron-left,
|
|
.carousel-control .icon-prev {
|
|
margin-left: -15px;
|
|
}
|
|
.carousel-control .icon-chevron-right,
|
|
.carousel-control .icon-next {
|
|
margin-right: -15px;
|
|
}
|
|
.carousel-caption {
|
|
right: 20%;
|
|
left: 20%;
|
|
padding-bottom: 30px;
|
|
}
|
|
.carousel-indicators {
|
|
bottom: 20px;
|
|
}
|
|
}
|
|
|
|
/* justGage */
|
|
|
|
.xs-gauge {
|
|
width: 90px;
|
|
height: 70px;
|
|
margin: 0 auto;
|
|
}
|
|
.sm-gauge {
|
|
width: 130px;
|
|
height: 100px;
|
|
margin: 0 auto;
|
|
}
|
|
.md-gauge {
|
|
width: 170px;
|
|
height: 120px;
|
|
margin: 0 auto;
|
|
}
|
|
.lg-gauge {
|
|
width: 240px;
|
|
height: 150px;
|
|
margin: 0 auto;
|
|
}
|
|
.xl-gauge {
|
|
width: 340px;
|
|
height: 180px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/* Morris charts */
|
|
|
|
.morris-hover {
|
|
position: absolute;
|
|
z-index: 1000;
|
|
}
|
|
.morris-hover.morris-default-style {
|
|
border-radius: 10px;
|
|
padding: 6px;
|
|
color: #666;
|
|
background: rgba(255, 255, 255, 0.8);
|
|
border: solid 2px rgba(230, 230, 230, 0.8);
|
|
font-family: sans-serif;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
}
|
|
.morris-hover.morris-default-style .morris-hover-row-label {
|
|
font-weight: bold;
|
|
margin: 0.25em 0;
|
|
}
|
|
.morris-hover.morris-default-style .morris-hover-point {
|
|
white-space: nowrap;
|
|
margin: 0.1em 0;
|
|
}
|
|
|
|
/* Pie gauge */
|
|
|
|
.easyPieChart {
|
|
position: relative;
|
|
text-align: center;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.easyPieChart canvas {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.chart-home,
|
|
.chart,
|
|
.chart-alt,
|
|
.chart-alt-1,
|
|
.chart-alt-2,
|
|
.chart-alt-3 {
|
|
text-align: center;
|
|
font-weight: bold;
|
|
margin: 0 auto;
|
|
}
|
|
/* Flot charts */
|
|
|
|
.chart-wrapper {
|
|
width: 100%;
|
|
height: 350px;
|
|
}
|
|
.chart-container {
|
|
width: 100%;
|
|
height: 100%;
|
|
font-size: 14px;
|
|
line-height: 1.2em;
|
|
}
|
|
|
|
/* xCharts */
|
|
|
|
.xchart .line {
|
|
stroke-width: 3px;
|
|
fill: none;
|
|
}
|
|
.xchart .fill {
|
|
stroke-width: 0;
|
|
}
|
|
.xchart circle {
|
|
stroke: #FFF;
|
|
stroke-width: 3px;
|
|
}
|
|
.xchart .axis .domain {
|
|
fill: none;
|
|
}
|
|
.xchart .axis .tick line {
|
|
stroke: #EEE;
|
|
stroke-width: 1px;
|
|
}
|
|
.xchart .axis text {
|
|
fill: #666;
|
|
font-size: 12px;
|
|
}
|
|
.xchart .color2 .line {
|
|
stroke: #f26522;
|
|
}
|
|
.xchart .color2 .line .fill {
|
|
pointer-events: none;
|
|
}
|
|
.xchart .color2 rect,
|
|
.xchart .color2 circle {
|
|
fill: #f26522;
|
|
}
|
|
.xchart .color2 .fill {
|
|
fill: rgba(242, 101, 34, 0.1);
|
|
}
|
|
.xchart .color2.comp .line {
|
|
stroke: #f9b99a;
|
|
}
|
|
.xchart .color2.comp rect {
|
|
fill: #f9b99a;
|
|
}
|
|
.xchart .color2.comp .fill {
|
|
display: none;
|
|
}
|
|
.xchart .color2.comp circle,
|
|
.xchart .color2.comp .pointer {
|
|
fill: #f9b99a;
|
|
}
|
|
.xchart .color3 .line {
|
|
stroke: #c6080d;
|
|
}
|
|
.xchart .color3 .line .fill {
|
|
pointer-events: none;
|
|
}
|
|
.xchart .color3 rect,
|
|
.xchart .color3 circle {
|
|
fill: #c6080d;
|
|
}
|
|
.xchart .color3 .fill {
|
|
fill: rgba(198, 8, 13, 0.1);
|
|
}
|
|
.xchart .color3.comp .line {
|
|
stroke: #f8555a;
|
|
}
|
|
.xchart .color3.comp rect {
|
|
fill: #f8555a;
|
|
}
|
|
.xchart .color3.comp .fill {
|
|
display: none;
|
|
}
|
|
.xchart .color3.comp circle,
|
|
.xchart .color3.comp .pointer {
|
|
fill: #f8555a;
|
|
}
|
|
.xchart .color4 .line {
|
|
stroke: #672d8b;
|
|
}
|
|
.xchart .color4 .line .fill {
|
|
pointer-events: none;
|
|
}
|
|
.xchart .color4 rect,
|
|
.xchart .color4 circle {
|
|
fill: #672d8b;
|
|
}
|
|
.xchart .color4 .fill {
|
|
fill: rgba(103, 45, 139, 0.1);
|
|
}
|
|
.xchart .color4.comp .line {
|
|
stroke: #a869ce;
|
|
}
|
|
.xchart .color4.comp rect {
|
|
fill: #a869ce;
|
|
}
|
|
.xchart .color4.comp .fill {
|
|
display: none;
|
|
}
|
|
.xchart .color4.comp circle,
|
|
.xchart .color4.comp .pointer {
|
|
fill: #a869ce;
|
|
}
|
|
.xchart .color5 .line {
|
|
stroke: #ce1797;
|
|
}
|
|
.xchart .color5 .line .fill {
|
|
pointer-events: none;
|
|
}
|
|
.xchart .color5 rect,
|
|
.xchart .color5 circle {
|
|
fill: #ce1797;
|
|
}
|
|
.xchart .color5 .fill {
|
|
fill: rgba(206, 23, 151, 0.1);
|
|
}
|
|
.xchart .color5.comp .line {
|
|
stroke: #f075cb;
|
|
}
|
|
.xchart .color5.comp rect {
|
|
fill: #f075cb;
|
|
}
|
|
.xchart .color5.comp .fill {
|
|
display: none;
|
|
}
|
|
.xchart .color5.comp circle,
|
|
.xchart .color5.comp .pointer {
|
|
fill: #f075cb;
|
|
}
|
|
.xchart .color6 .line {
|
|
stroke: #d9ce00;
|
|
}
|
|
.xchart .color6 .line .fill {
|
|
pointer-events: none;
|
|
}
|
|
.xchart .color6 rect,
|
|
.xchart .color6 circle {
|
|
fill: #d9ce00;
|
|
}
|
|
.xchart .color6 .fill {
|
|
fill: rgba(217, 206, 0, 0.1);
|
|
}
|
|
.xchart .color6.comp .line {
|
|
stroke: #fff75a;
|
|
}
|
|
.xchart .color6.comp rect {
|
|
fill: #fff75a;
|
|
}
|
|
.xchart .color6.comp .fill {
|
|
display: none;
|
|
}
|
|
.xchart .color6.comp circle,
|
|
.xchart .color6.comp .pointer {
|
|
fill: #fff75a;
|
|
}
|
|
.xchart .color7 .line {
|
|
stroke: #754c24;
|
|
}
|
|
.xchart .color7 .line .fill {
|
|
pointer-events: none;
|
|
}
|
|
.xchart .color7 rect,
|
|
.xchart .color7 circle {
|
|
fill: #754c24;
|
|
}
|
|
.xchart .color7 .fill {
|
|
fill: rgba(117, 76, 36, 0.1);
|
|
}
|
|
.xchart .color7.comp .line {
|
|
stroke: #c98c50;
|
|
}
|
|
.xchart .color7.comp rect {
|
|
fill: #c98c50;
|
|
}
|
|
.xchart .color7.comp .fill {
|
|
display: none;
|
|
}
|
|
.xchart .color7.comp circle,
|
|
.xchart .color7.comp .pointer {
|
|
fill: #c98c50;
|
|
}
|
|
.xchart .color8 .line {
|
|
stroke: #2eb9b4;
|
|
}
|
|
.xchart .color8 .line .fill {
|
|
pointer-events: none;
|
|
}
|
|
.xchart .color8 rect,
|
|
.xchart .color8 circle {
|
|
fill: #2eb9b4;
|
|
}
|
|
.xchart .color8 .fill {
|
|
fill: rgba(46, 185, 180, 0.1);
|
|
}
|
|
.xchart .color8.comp .line {
|
|
stroke: #86e1de;
|
|
}
|
|
.xchart .color8.comp rect {
|
|
fill: #86e1de;
|
|
}
|
|
.xchart .color8.comp .fill {
|
|
display: none;
|
|
}
|
|
.xchart .color8.comp circle,
|
|
.xchart .color8.comp .pointer {
|
|
fill: #86e1de;
|
|
}
|
|
.xchart .color9 .line {
|
|
stroke: #0e2e42;
|
|
}
|
|
.xchart .color9 .line .fill {
|
|
pointer-events: none;
|
|
}
|
|
.xchart .color9 rect,
|
|
.xchart .color9 circle {
|
|
fill: #0e2e42;
|
|
}
|
|
.xchart .color9 .fill {
|
|
fill: rgba(14, 46, 66, 0.1);
|
|
}
|
|
.xchart .color9.comp .line {
|
|
stroke: #2477ab;
|
|
}
|
|
.xchart .color9.comp rect {
|
|
fill: #2477ab;
|
|
}
|
|
.xchart .color9.comp .fill {
|
|
display: none;
|
|
}
|
|
.xchart .color9.comp circle,
|
|
.xchart .color9.comp .pointer {
|
|
fill: #2477ab;
|
|
}
|
|
|
|
/* Chosen Select */
|
|
|
|
.chosen-container {
|
|
position: relative;
|
|
display: inline-block;
|
|
zoom: 1;
|
|
width: 100% !important;
|
|
vertical-align: middle;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
*display: inline;
|
|
}
|
|
.chosen-container .chosen-drop {
|
|
position: absolute;
|
|
z-index: 1010;
|
|
top: 38px;
|
|
left: -9999px;
|
|
width: 100%;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-top: 0;
|
|
background: #fff;
|
|
}
|
|
.chosen-container.chosen-with-drop .chosen-drop {
|
|
right: -1px;
|
|
left: -1px;
|
|
width: auto;
|
|
padding: 10px;
|
|
}
|
|
.chosen-container-single .chosen-single {
|
|
line-height: 38px;
|
|
position: relative;
|
|
display: block;
|
|
overflow: hidden;
|
|
height: 38px;
|
|
margin: 0;
|
|
padding: 0 10px !important;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
text-decoration: none;
|
|
}
|
|
.chosen-container-single .chosen-single span {
|
|
display: block;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.chosen-container-single .chosen-single-with-deselect span {
|
|
margin-right: 38px;
|
|
}
|
|
.chosen-container-single .chosen-single abbr {
|
|
font-size: 9px;
|
|
font-weight: bold;
|
|
line-height: 16px;
|
|
position: absolute;
|
|
top: 9px;
|
|
right: 26px;
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
text-align: center;
|
|
}
|
|
.chosen-container-single .chosen-search {
|
|
position: relative;
|
|
z-index: 1010;
|
|
margin: 0 0 10px;
|
|
white-space: nowrap;
|
|
}
|
|
.chosen-container-single .chosen-search i,
|
|
.chosen-container-single .chosen-single div {
|
|
line-height: 38px;
|
|
position: absolute;
|
|
z-index: 4;
|
|
top: 50%;
|
|
right: 0;
|
|
display: block;
|
|
width: 38px;
|
|
height: 38px;
|
|
margin-top: -19px;
|
|
text-align: center;
|
|
border-left: 1px solid transparent;
|
|
}
|
|
.chosen-container-active.chosen-with-drop .chosen-single div {
|
|
border-bottom: 1px solid transparent;
|
|
border-bottom-right-radius: 0;
|
|
}
|
|
.chosen-container-single .chosen-search i {
|
|
margin-top: -19px;
|
|
padding: 0 !important;
|
|
}
|
|
.chosen-container-single .chosen-search input {
|
|
width: 100%;
|
|
padding: 0 38px 0 5px;
|
|
}
|
|
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
|
|
position: absolute;
|
|
left: -9999px;
|
|
}
|
|
.chosen-container .chosen-results {
|
|
position: relative;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
max-height: 240px;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.chosen-container .chosen-results li {
|
|
line-height: 20px;
|
|
margin: 5px 0;
|
|
padding: 3px 10px;
|
|
list-style: none;
|
|
}
|
|
.chosen-container .chosen-results li.group-result {
|
|
font-weight: bold;
|
|
margin: 0;
|
|
text-transform: uppercase;
|
|
}
|
|
.chosen-container .chosen-results li.active-result {
|
|
display: list-item;
|
|
cursor: pointer;
|
|
}
|
|
.chosen-container .chosen-results li.disabled-result {
|
|
display: list-item;
|
|
cursor: default;
|
|
color: #ccc;
|
|
}
|
|
.chosen-container .chosen-results li.no-results {
|
|
display: list-item;
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
.chosen-container .chosen-results li.no-results span {
|
|
font-weight: bold;
|
|
}
|
|
.chosen-container .chosen-results li.group-option {
|
|
padding-left: 15px;
|
|
}
|
|
.chosen-container .chosen-results li em {
|
|
font-style: normal;
|
|
text-decoration: underline;
|
|
}
|
|
/* Chosen multi */
|
|
|
|
.chosen-container-multi {
|
|
height: auto;
|
|
min-height: 38px;
|
|
padding: 0;
|
|
}
|
|
.chosen-container-multi .chosen-choices {
|
|
position: relative;
|
|
overflow: hidden;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: auto !important;
|
|
height: 1%;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: text;
|
|
}
|
|
.chosen-container-multi .chosen-choices li {
|
|
float: left;
|
|
list-style: none;
|
|
}
|
|
.chosen-container-multi .chosen-choices li.search-field {
|
|
margin: 0;
|
|
padding: 0 10px;
|
|
white-space: nowrap;
|
|
}
|
|
.chosen-container-multi .chosen-choices li.search-field input {
|
|
width: 100%;
|
|
height: 38px;
|
|
padding: 0;
|
|
border: 0 !important;
|
|
outline: 0;
|
|
background: transparent !important;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.chosen-container-multi .chosen-choices li.search-field .default {
|
|
color: #999;
|
|
}
|
|
.chosen-container-multi .chosen-choices li.search-choice {
|
|
position: relative;
|
|
margin: 6px 0 6px 6px;
|
|
padding: 3px 25px 3px 5px;
|
|
cursor: default;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
|
|
line-height: 12px;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 5px;
|
|
display: block;
|
|
width: 12px;
|
|
height: 12px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
opacity: .5;
|
|
}
|
|
.chosen-container-multi .chosen-results li.result-selected {
|
|
opacity: .6;
|
|
filter: alpha(opacity=60);
|
|
}
|
|
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
|
|
.minicolors {
|
|
position: relative;
|
|
}
|
|
.minicolors-swatch {
|
|
position: absolute;
|
|
display: inline-block;
|
|
margin: 0;
|
|
padding: 0;
|
|
cursor: text;
|
|
vertical-align: middle;
|
|
border: solid 1px #ccc;
|
|
background: url(../../images/colorpicker.png) -80px 0;
|
|
}
|
|
.minicolors-swatch-color {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.minicolors input[type=hidden] + .minicolors-swatch {
|
|
position: static;
|
|
width: 28px;
|
|
cursor: pointer;
|
|
}
|
|
/* Panel */
|
|
|
|
.minicolors-panel {
|
|
position: absolute;
|
|
z-index: 99999;
|
|
display: none;
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
width: 173px;
|
|
height: 152px;
|
|
border: solid 1px #ccc;
|
|
background: white;
|
|
box-shadow: 0 0 20px rgba(0, 0, 0, .2);
|
|
}
|
|
.minicolors-panel.minicolors-visible {
|
|
display: block;
|
|
}
|
|
/* Panel positioning */
|
|
|
|
.minicolors-position-top .minicolors-panel {
|
|
top: -180px;
|
|
}
|
|
.minicolors-position-right .minicolors-panel {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
.minicolors-position-bottom .minicolors-panel {
|
|
top: 36px;
|
|
bottom: auto;
|
|
}
|
|
.minicolors-position-left .minicolors-panel {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
.minicolors-with-opacity .minicolors-panel {
|
|
width: 200px;
|
|
}
|
|
.minicolors .minicolors-grid {
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 6px;
|
|
width: 150px;
|
|
height: 150px;
|
|
cursor: crosshair;
|
|
background: url(../../images/colorpicker.png) -120px 0;
|
|
}
|
|
.minicolors .minicolors-grid-inner {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 150px;
|
|
height: 150px;
|
|
background: none;
|
|
}
|
|
.minicolors-slider-saturation .minicolors-grid {
|
|
background-position: -420px 0;
|
|
}
|
|
.minicolors-slider-saturation .minicolors-grid-inner {
|
|
background: url(../../images/colorpicker.png) -270px 0;
|
|
}
|
|
.minicolors-slider-brightness .minicolors-grid {
|
|
background-position: -570px 0;
|
|
}
|
|
.minicolors-slider-brightness .minicolors-grid-inner {
|
|
background: black;
|
|
}
|
|
.minicolors-slider-wheel .minicolors-grid {
|
|
background-position: -720px 0;
|
|
}
|
|
.minicolors-slider,
|
|
.minicolors-opacity-slider {
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 160px;
|
|
width: 20px;
|
|
height: 150px;
|
|
cursor: row-resize;
|
|
background: white url(../../images/colorpicker.png) 0 0;
|
|
}
|
|
.minicolors-slider-saturation .minicolors-slider {
|
|
background-position: -60px 0;
|
|
}
|
|
.minicolors-slider-brightness .minicolors-slider {
|
|
background-position: -20px 0;
|
|
}
|
|
.minicolors-slider-wheel .minicolors-slider {
|
|
background-position: -20px 0;
|
|
}
|
|
.minicolors-opacity-slider {
|
|
left: 184px;
|
|
display: none;
|
|
background-position: -40px 0;
|
|
}
|
|
.minicolors-with-opacity .minicolors-opacity-slider {
|
|
display: block;
|
|
}
|
|
/* Pickers */
|
|
|
|
.minicolors-grid .minicolors-picker {
|
|
position: absolute;
|
|
top: 70px;
|
|
left: 70px;
|
|
width: 12px;
|
|
height: 12px;
|
|
margin-top: -6px;
|
|
margin-left: -6px;
|
|
border: solid 1px black;
|
|
border-radius: 10px;
|
|
background: none;
|
|
}
|
|
.minicolors-grid .minicolors-picker > div {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: solid 2px white;
|
|
border-radius: 8px;
|
|
}
|
|
.minicolors-picker {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
width: 18px;
|
|
height: 2px;
|
|
margin-top: -2px;
|
|
border: solid 1px black;
|
|
background: white;
|
|
}
|
|
/* Inline controls */
|
|
|
|
.minicolors-inline {
|
|
display: inline-block;
|
|
}
|
|
.minicolors-inline .minicolors-input {
|
|
display: none !important;
|
|
}
|
|
.minicolors-inline .minicolors-panel {
|
|
position: relative;
|
|
z-index: auto;
|
|
top: auto;
|
|
left: auto;
|
|
display: inline-block;
|
|
box-shadow: none;
|
|
}
|
|
/* Default theme */
|
|
|
|
.minicolors-theme-default .minicolors-swatch {
|
|
top: 5px;
|
|
left: 5px;
|
|
width: 24px;
|
|
height: 24px;
|
|
}
|
|
.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
|
|
right: 5px;
|
|
left: auto;
|
|
}
|
|
.minicolors-theme-default.minicolors {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.minicolors-theme-default.minicolors-position-right .minicolors-input {
|
|
padding-right: 34px;
|
|
}
|
|
.minicolors-theme-default.minicolors-position-left .minicolors-input {
|
|
padding-left: 34px;
|
|
}
|
|
/* Bootstrap theme */
|
|
|
|
.minicolors-theme-bootstrap .minicolors-swatch {
|
|
top: 3px;
|
|
left: 3px;
|
|
width: 28px;
|
|
height: 28px;
|
|
border-radius: 3px;
|
|
}
|
|
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-swatch {
|
|
right: 3px;
|
|
left: auto;
|
|
}
|
|
.minicolors-theme-bootstrap .minicolors-input {
|
|
padding-left: 44px;
|
|
}
|
|
.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
|
|
padding-right: 44px;
|
|
padding-left: 12px;
|
|
}
|
|
|
|
/* Data Tables */
|
|
|
|
div.dataTables_length label {
|
|
font-weight: normal;
|
|
line-height: 32px;
|
|
text-align: left;
|
|
display: block;
|
|
}
|
|
div.dataTables_length select {
|
|
float: left;
|
|
width: 75px;
|
|
margin-right: 10px;
|
|
}
|
|
div.dataTables_filter label {
|
|
font-weight: normal;
|
|
float: right;
|
|
}
|
|
div.dataTables_filter input {
|
|
display: inline-block;
|
|
width: 200px;
|
|
margin-left: 10px;
|
|
padding: 0 10px;
|
|
}
|
|
div.dataTables_info {
|
|
padding-top: 8px;
|
|
}
|
|
div.dataTables_paginate {
|
|
float: right;
|
|
margin: 0;
|
|
}
|
|
div.dataTables_paginate ul.pagination {
|
|
margin: 0;
|
|
white-space: nowrap;
|
|
}
|
|
table.dataTable {
|
|
clear: both;
|
|
max-width: none !important;
|
|
margin-top: 10px !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
table.dataTable thead .sorting,
|
|
table.dataTable thead .sorting_asc,
|
|
table.dataTable thead .sorting_desc,
|
|
table.dataTable thead .sorting_asc_disabled,
|
|
table.dataTable thead .sorting_desc_disabled {
|
|
cursor: pointer;
|
|
}
|
|
table.dataTable thead .sorting_asc_disabled .glyph-icon,
|
|
table.dataTable thead .sorting_desc_disabled .glyph-icon {
|
|
opacity: .7;
|
|
}
|
|
table.dataTable thead > tr > th {
|
|
padding-right: 18px;
|
|
padding-left: 18px;
|
|
}
|
|
table.dataTable th:active {
|
|
outline: none;
|
|
}
|
|
/* Scrolling */
|
|
|
|
div.dataTables_scrollHead table {
|
|
margin-bottom: 0 !important;
|
|
border-bottom-right-radius: 0;
|
|
border-bottom-left-radius: 0;
|
|
}
|
|
div.dataTables_scrollHead table thead tr:last-child th:first-child,
|
|
div.dataTables_scrollHead table thead tr:last-child td:first-child {
|
|
border-bottom-right-radius: 0 !important;
|
|
border-bottom-left-radius: 0 !important;
|
|
}
|
|
div.dataTables_scrollBody table {
|
|
margin-top: 0 !important;
|
|
margin-bottom: 0 !important;
|
|
border-top: none;
|
|
}
|
|
div.dataTables_scrollBody tbody tr:first-child th,
|
|
div.dataTables_scrollBody tbody tr:first-child td {
|
|
border-top: none;
|
|
}
|
|
div.dataTables_scrollFoot table {
|
|
margin-top: 0 !important;
|
|
border-top: none;
|
|
}
|
|
/*
|
|
* TableTools styles
|
|
*/
|
|
|
|
.table tbody tr.active td,
|
|
.table tbody tr.active th {
|
|
color: white;
|
|
background-color: #08c;
|
|
}
|
|
.table tbody tr.active:hover td,
|
|
.table tbody tr.active:hover th {
|
|
background-color: #0075b0 !important;
|
|
}
|
|
.table tbody tr.active a {
|
|
color: white;
|
|
}
|
|
.table-striped tbody tr.active:nth-child(odd) td,
|
|
.table-striped tbody tr.active:nth-child(odd) th {
|
|
background-color: #017ebc;
|
|
}
|
|
table.DTTT_selectable tbody tr {
|
|
cursor: pointer;
|
|
}
|
|
div.DTTT .btn {
|
|
font-size: 12px;
|
|
color: #333 !important;
|
|
}
|
|
div.DTTT .btn:hover {
|
|
text-decoration: none !important;
|
|
}
|
|
ul.DTTT_dropdown.dropdown-menu {
|
|
z-index: 2003;
|
|
}
|
|
ul.DTTT_dropdown.dropdown-menu a {
|
|
color: #333 !important;
|
|
/* needed only when demo_page.css is included */
|
|
}
|
|
ul.DTTT_dropdown.dropdown-menu li {
|
|
position: relative;
|
|
}
|
|
ul.DTTT_dropdown.dropdown-menu li:hover a {
|
|
color: white !important;
|
|
background-color: #08c;
|
|
}
|
|
div.DTTT_collection_background {
|
|
z-index: 2002;
|
|
}
|
|
.DTTT_Print #page-content {
|
|
margin: 0;
|
|
}
|
|
/* TableTools information display */
|
|
|
|
div.DTTT_print_info.modal {
|
|
height: 150px;
|
|
margin-top: -75px;
|
|
text-align: center;
|
|
}
|
|
div.DTTT_print_info h6 {
|
|
font-size: 28px;
|
|
font-weight: normal;
|
|
line-height: 28px;
|
|
margin: 1em;
|
|
}
|
|
div.DTTT_print_info p {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
}
|
|
div.DTFC_LeftHeadWrapper table,
|
|
div.DTFC_LeftFootWrapper table,
|
|
div.DTFC_RightHeadWrapper table,
|
|
div.DTFC_RightFootWrapper table,
|
|
table.DTFC_Cloned tr.even {
|
|
margin-bottom: 0;
|
|
background-color: white;
|
|
}
|
|
div.DTFC_RightHeadWrapper table,
|
|
div.DTFC_LeftHeadWrapper table {
|
|
margin-bottom: 0 !important;
|
|
border-top-right-radius: 0 !important;
|
|
border-bottom-right-radius: 0 !important;
|
|
border-bottom-left-radius: 0 !important;
|
|
}
|
|
div.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,
|
|
div.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,
|
|
div.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,
|
|
div.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {
|
|
border-bottom-right-radius: 0 !important;
|
|
border-bottom-left-radius: 0 !important;
|
|
}
|
|
div.DTFC_RightBodyWrapper table,
|
|
div.DTFC_LeftBodyWrapper table {
|
|
margin-bottom: 0 !important;
|
|
border-top: none;
|
|
}
|
|
div.DTFC_RightBodyWrapper tbody tr:first-child th,
|
|
div.DTFC_RightBodyWrapper tbody tr:first-child td,
|
|
div.DTFC_LeftBodyWrapper tbody tr:first-child th,
|
|
div.DTFC_LeftBodyWrapper tbody tr:first-child td {
|
|
border-top: none;
|
|
}
|
|
div.DTFC_RightFootWrapper table,
|
|
div.DTFC_LeftFootWrapper table {
|
|
border-top: none;
|
|
}
|
|
/*!
|
|
* DataTables + Font Awesome integration
|
|
* License: MIT - http://datatables.net/license
|
|
*/
|
|
/*
|
|
* Sort styling
|
|
*/
|
|
|
|
table.dataTable thead th {
|
|
position: relative;
|
|
background-image: none !important;
|
|
/* Remove the DataTables bootstrap integration styling */
|
|
}
|
|
table.dataTable thead th.sorting:after,
|
|
table.dataTable thead th.sorting_asc:after,
|
|
table.dataTable thead th.sorting_desc:after {
|
|
position: absolute;
|
|
top: 12px;
|
|
right: 8px;
|
|
display: block;
|
|
font-family: FontAwesome;
|
|
}
|
|
table.dataTable thead th.sorting:after {
|
|
content: "\f0dc";
|
|
font-size: 13px;
|
|
}
|
|
table.dataTable thead th.sorting_asc:after {
|
|
content: "\f0de";
|
|
}
|
|
table.dataTable thead th.sorting_desc:after {
|
|
content: "\f0dd";
|
|
}
|
|
/* In Bootstrap and Foundation the padding top is a little different from the DataTables stylesheet */
|
|
|
|
table.table thead th.sorting:after,
|
|
table.table thead th.sorting_asc:after,
|
|
table.table thead th.sorting_desc:after {
|
|
top: 12px;
|
|
}
|
|
/*
|
|
* DataTables style pagination controls
|
|
*/
|
|
|
|
div.dataTables_paginate a.paginate_button.first,
|
|
div.dataTables_paginate a.paginate_button.previous {
|
|
position: relative;
|
|
padding-left: 24px;
|
|
}
|
|
div.dataTables_paginate a.paginate_button.next,
|
|
div.dataTables_paginate a.paginate_button.last {
|
|
position: relative;
|
|
padding-right: 24px;
|
|
}
|
|
div.dataTables_paginate a.first:before,
|
|
div.dataTables_paginate a.previous:before {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 10px;
|
|
display: block;
|
|
font-family: FontAwesome;
|
|
}
|
|
div.dataTables_paginate a.next:after,
|
|
div.dataTables_paginate a.last:after {
|
|
position: absolute;
|
|
top: 8px;
|
|
right: 10px;
|
|
display: block;
|
|
font-family: FontAwesome;
|
|
}
|
|
div.dataTables_paginate a.first:before {
|
|
content: "\f100";
|
|
}
|
|
div.dataTables_paginate a.previous:before {
|
|
content: "\f104";
|
|
}
|
|
div.dataTables_paginate a.next:after {
|
|
content: "\f105";
|
|
}
|
|
div.dataTables_paginate a.last:after {
|
|
content: "\f101";
|
|
}
|
|
/*
|
|
* Bootstrap and foundation style pagination controls
|
|
*/
|
|
|
|
div.dataTables_paginate li.first > a,
|
|
div.dataTables_paginate li.previous > a {
|
|
position: relative;
|
|
padding-left: 24px;
|
|
}
|
|
div.dataTables_paginate li.next > a,
|
|
div.dataTables_paginate li.last > a {
|
|
position: relative;
|
|
padding-right: 24px;
|
|
}
|
|
div.dataTables_paginate li.first a:before,
|
|
div.dataTables_paginate li.previous a:before {
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 10px;
|
|
display: block;
|
|
font-family: FontAwesome;
|
|
}
|
|
div.dataTables_paginate li.next a:after,
|
|
div.dataTables_paginate li.last a:after {
|
|
position: absolute;
|
|
top: 6px;
|
|
right: 10px;
|
|
display: block;
|
|
font-family: FontAwesome;
|
|
}
|
|
div.dataTables_paginate li.first a:before {
|
|
content: "\f100";
|
|
}
|
|
div.dataTables_paginate li.previous a:before {
|
|
content: "\f104";
|
|
}
|
|
div.dataTables_paginate li.next a:after {
|
|
content: "\f105";
|
|
}
|
|
div.dataTables_paginate li.last a:after {
|
|
content: "\f101";
|
|
}
|
|
/* In Foundation we don't want the padding like in bootstrap */
|
|
|
|
div.columns div.dataTables_paginate li.first a:before,
|
|
div.columns div.dataTables_paginate li.previous a:before,
|
|
div.columns div.dataTables_paginate li.next a:after,
|
|
div.columns div.dataTables_paginate li.last a:after {
|
|
top: 0px;
|
|
}
|
|
.DTTT_container {
|
|
float: right;
|
|
margin-left: 10px;
|
|
}
|
|
.DTTT_container a div {
|
|
cursor: pointer;
|
|
}
|
|
.dataTables_scrollBody table.dataTable thead th.sorting:after {
|
|
display: none;
|
|
}
|
|
.tr-selected td,
|
|
.tr-selected {
|
|
background: #eefacd !important;
|
|
color: #393c31 !important;
|
|
}
|
|
table.dataTable.dtr-inline.collapsed tbody td:first-child,
|
|
table.dataTable.dtr-inline.collapsed tbody th:first-child {
|
|
position: relative;
|
|
padding-left: 30px;
|
|
cursor: pointer;
|
|
}
|
|
table.dataTable.dtr-inline.collapsed tbody td:first-child:before,
|
|
table.dataTable.dtr-inline.collapsed tbody th:first-child:before {
|
|
top: 8px;
|
|
left: 4px;
|
|
height: 16px;
|
|
width: 16px;
|
|
display: block;
|
|
position: absolute;
|
|
color: white;
|
|
border: 2px solid white;
|
|
border-radius: 16px;
|
|
text-align: center;
|
|
line-height: 14px;
|
|
box-shadow: 0 0 3px #444;
|
|
box-sizing: content-box;
|
|
content: '+';
|
|
background-color: #31b131;
|
|
}
|
|
table.dataTable.dtr-inline.collapsed tbody td:first-child.dataTables_empty:before,
|
|
table.dataTable.dtr-inline.collapsed tbody th:first-child.dataTables_empty:before {
|
|
display: none;
|
|
}
|
|
table.dataTable.dtr-inline.collapsed tbody tr.parent td:first-child:before,
|
|
table.dataTable.dtr-inline.collapsed tbody tr.parent th:first-child:before {
|
|
content: '-';
|
|
background-color: #d33333;
|
|
}
|
|
table.dataTable.dtr-inline.collapsed tbody tr.child td:before {
|
|
display: none;
|
|
}
|
|
table.dataTable.dtr-column tbody td.control,
|
|
table.dataTable.dtr-column tbody th.control {
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
table.dataTable.dtr-column tbody td.control:before,
|
|
table.dataTable.dtr-column tbody th.control:before {
|
|
top: 50%;
|
|
left: 50%;
|
|
height: 16px;
|
|
width: 16px;
|
|
margin-top: -10px;
|
|
margin-left: -10px;
|
|
display: block;
|
|
position: absolute;
|
|
color: white;
|
|
border: 2px solid white;
|
|
border-radius: 16px;
|
|
text-align: center;
|
|
line-height: 14px;
|
|
box-shadow: 0 0 3px #444;
|
|
box-sizing: content-box;
|
|
content: '+';
|
|
background-color: #31b131;
|
|
}
|
|
table.dataTable.dtr-column tbody tr.parent td.control:before,
|
|
table.dataTable.dtr-column tbody tr.parent th.control:before {
|
|
content: '-';
|
|
background-color: #d33333;
|
|
}
|
|
table.dataTable tr.child {
|
|
padding: 0.5em 1em;
|
|
}
|
|
table.dataTable tr.child:hover {
|
|
background: transparent !important;
|
|
}
|
|
table.dataTable tr.child ul {
|
|
display: inline-block;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
table.dataTable tr.child ul li {
|
|
border-bottom: 1px solid #efefef;
|
|
padding: 0.5em 0;
|
|
}
|
|
table.dataTable tr.child ul li:first-child {
|
|
padding-top: 0;
|
|
}
|
|
table.dataTable tr.child ul li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
table.dataTable tr.child span.dtr-title {
|
|
display: inline-block;
|
|
min-width: 75px;
|
|
font-weight: bold;
|
|
}
|
|
div.FixedHeader_Cloned th,
|
|
div.FixedHeader_Cloned td {
|
|
background-color: white !important;
|
|
}
|
|
.DTFC_LeftBodyLiner .table,
|
|
.DTFC_LeftFootWrapper .table {
|
|
margin: 0 !important;
|
|
}
|
|
/*
|
|
* Namespace DTCR - "DataTables ColReorder" plug-in
|
|
*/
|
|
|
|
table.DTCR_clonedTable {
|
|
background-color: rgba(255, 255, 255, 0.7);
|
|
z-index: 202;
|
|
}
|
|
div.DTCR_pointer {
|
|
width: 1px;
|
|
background-color: #0259C4;
|
|
z-index: 201;
|
|
}
|
|
.DTFC_LeftBodyLiner .table thead th:after {
|
|
display: none !important;
|
|
}
|
|
|
|
/* Bootstrap datepicker */
|
|
|
|
.bsdatepicker {
|
|
top: 0;
|
|
left: 0;
|
|
margin-top: 1px;
|
|
padding: 4px !important;
|
|
}
|
|
.bsdatepicker:before {
|
|
position: absolute;
|
|
top: -7px;
|
|
left: 6px;
|
|
display: inline-block;
|
|
content: '';
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid transparent;
|
|
border-bottom-color: transparent;
|
|
border-left: 7px solid transparent;
|
|
}
|
|
.bsdatepicker:after {
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 7px;
|
|
display: inline-block;
|
|
content: '';
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid #fff;
|
|
border-left: 6px solid transparent;
|
|
}
|
|
.bsdatepicker > div {
|
|
display: none;
|
|
}
|
|
.bsdatepicker table {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
.bsdatepicker td,
|
|
.bsdatepicker th {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 3px;
|
|
text-align: center;
|
|
}
|
|
.bsdatepicker td.day:hover {
|
|
cursor: pointer;
|
|
}
|
|
.bsdatepicker td.day.disabled {
|
|
color: #eee;
|
|
}
|
|
.bsdatepicker td.old,
|
|
.bsdatepicker td.new {
|
|
color: #999;
|
|
}
|
|
.bsdatepicker td span {
|
|
line-height: 44px;
|
|
display: block;
|
|
float: left;
|
|
width: 54px;
|
|
height: 44px;
|
|
margin: 2px;
|
|
cursor: pointer;
|
|
}
|
|
.bsdatepicker td span.old {
|
|
color: #999;
|
|
}
|
|
.bsdatepicker th.switch {
|
|
width: 145px;
|
|
}
|
|
.bsdatepicker th.next,
|
|
.bsdatepicker th.prev {
|
|
font-size: 21px;
|
|
}
|
|
.bsdatepicker thead tr:first-child th {
|
|
cursor: pointer;
|
|
}
|
|
.input-append.date .add-on i,
|
|
.input-prepend.date .add-on i {
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* Datepicker */
|
|
|
|
.ui-datepicker {
|
|
z-index: 55 !important;
|
|
display: none;
|
|
padding: 0;
|
|
}
|
|
.ui-datepicker-inline {
|
|
position: static !important;
|
|
width: 100%;
|
|
float: none;
|
|
margin-top: 0;
|
|
}
|
|
.ui-datepicker-header,
|
|
.ui-datepicker .ui-datepicker-header {
|
|
font-size: 13px;
|
|
line-height: 40px;
|
|
position: relative;
|
|
height: 40px;
|
|
}
|
|
.ui-datepicker .ui-datepicker-prev,
|
|
.ui-datepicker .ui-datepicker-next {
|
|
position: absolute;
|
|
top: 50%;
|
|
overflow: hidden;
|
|
width: 30px;
|
|
height: 30px;
|
|
margin-top: -15px;
|
|
cursor: pointer;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
.ui-datepicker .ui-datepicker-prev {
|
|
left: 5px;
|
|
}
|
|
.ui-datepicker .ui-datepicker-next {
|
|
right: 5px;
|
|
}
|
|
.ui-datepicker .ui-datepicker-prev span,
|
|
.ui-datepicker .ui-datepicker-next span {
|
|
line-height: 28px;
|
|
display: block;
|
|
float: none;
|
|
height: 28px;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
}
|
|
.ui-datepicker .ui-datepicker-title {
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
.ui-datepicker .ui-datepicker-title select {
|
|
font-size: 13px;
|
|
height: 28px;
|
|
margin: 0;
|
|
}
|
|
.ui-datepicker select.ui-datepicker-month-year {
|
|
width: 100%;
|
|
}
|
|
.ui-datepicker select.ui-datepicker-month,
|
|
.ui-datepicker select.ui-datepicker-year {
|
|
width: 49%;
|
|
}
|
|
.ui-datepicker table {
|
|
font-size: 13px;
|
|
line-height: 1.6em;
|
|
width: 96%;
|
|
margin: 2%;
|
|
border-collapse: collapse;
|
|
}
|
|
.ui-datepicker th {
|
|
font-weight: bold;
|
|
padding: 0 0 5px;
|
|
text-align: center;
|
|
border: 0;
|
|
}
|
|
.ui-datepicker td {
|
|
padding: 1px;
|
|
border: 0;
|
|
}
|
|
.ui-datepicker td span,
|
|
.ui-datepicker td a {
|
|
font-size: 13px;
|
|
display: block;
|
|
padding: 2px 5px;
|
|
text-align: right;
|
|
text-decoration: none;
|
|
}
|
|
.ui-datepicker .ui-datepicker-buttonpane {
|
|
padding: 10px;
|
|
}
|
|
.ui-datepicker .ui-datepicker-buttonpane button {
|
|
line-height: 26px;
|
|
float: right;
|
|
height: 28px;
|
|
padding: 0 15px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
background: #fff;
|
|
}
|
|
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
|
|
float: left;
|
|
}
|
|
/* with multiple calendars */
|
|
|
|
.ui-datepicker.ui-datepicker-multi {
|
|
width: auto;
|
|
}
|
|
.ui-datepicker-multi .ui-datepicker-group {
|
|
float: left;
|
|
}
|
|
.ui-datepicker-multi .ui-datepicker-group table {
|
|
width: 95%;
|
|
margin: 0 auto .4em;
|
|
}
|
|
.ui-datepicker-multi-2 .ui-datepicker-group {
|
|
width: 50%;
|
|
}
|
|
.ui-datepicker-multi-3 .ui-datepicker-group {
|
|
width: 33.3%;
|
|
}
|
|
.ui-datepicker-multi-4 .ui-datepicker-group {
|
|
width: 25%;
|
|
}
|
|
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
|
|
border-radius: 0;
|
|
}
|
|
.ui-datepicker-row-break {
|
|
font-size: 0;
|
|
clear: both;
|
|
width: 100%;
|
|
}
|
|
|
|
/*
|
|
* Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
|
|
* Licensed under the Apache License v2.0
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*/
|
|
|
|
.daterangepicker.dropdown-menu {
|
|
z-index: 3000;
|
|
max-width: none;
|
|
}
|
|
.daterangepicker.opensleft .ranges,
|
|
.daterangepicker.opensleft .calendar {
|
|
float: left;
|
|
margin: 4px;
|
|
}
|
|
.daterangepicker.opensright .ranges,
|
|
.daterangepicker.opensright .calendar {
|
|
float: right;
|
|
margin: 4px;
|
|
}
|
|
.daterangepicker .ranges {
|
|
width: 188px;
|
|
margin: 0 0 0 10px;
|
|
text-align: left;
|
|
}
|
|
.daterangepicker .ranges .range_inputs > div {
|
|
float: left;
|
|
}
|
|
.daterangepicker .ranges .range_inputs > div:nth-child(2) {
|
|
padding-left: 11px;
|
|
}
|
|
.daterangepicker .calendar {
|
|
display: none;
|
|
max-width: 270px;
|
|
}
|
|
.show-calendar.daterangepicker .calendar {
|
|
display: block;
|
|
}
|
|
.daterangepicker .applyBtn {
|
|
float: right;
|
|
width: 110px;
|
|
}
|
|
.daterangepicker .cancelBtn {
|
|
float: left;
|
|
}
|
|
.daterangepicker .calendar th,
|
|
.daterangepicker .calendar td {
|
|
font-size: 12px;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
.daterangepicker .ranges label {
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
line-height: 20px;
|
|
display: block;
|
|
width: 74px;
|
|
height: 20px;
|
|
margin-bottom: 2px;
|
|
text-transform: uppercase;
|
|
color: #333;
|
|
}
|
|
.daterangepicker .ranges input {
|
|
font-size: 11px;
|
|
}
|
|
.daterangepicker .ranges .input-mini {
|
|
font-size: 11px;
|
|
line-height: 30px;
|
|
display: block;
|
|
width: 88px;
|
|
height: 30px;
|
|
margin: 0 0 10px 0;
|
|
padding: 0 6px;
|
|
vertical-align: middle;
|
|
color: #555;
|
|
border: 1px solid #ccc;
|
|
border-radius: 4px;
|
|
background-color: #eee;
|
|
}
|
|
.daterangepicker .ranges ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.daterangepicker .ranges li {
|
|
margin-bottom: 3px;
|
|
padding: 3px 12px;
|
|
cursor: pointer;
|
|
}
|
|
.daterangepicker .calendar-date {
|
|
padding: 5px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
background: #fff;
|
|
}
|
|
.daterangepicker .calendar-time {
|
|
line-height: 30px;
|
|
margin: 8px auto 0 auto;
|
|
text-align: center;
|
|
}
|
|
.daterangepicker {
|
|
position: absolute;
|
|
top: 100px;
|
|
left: 20px;
|
|
margin-top: 1px;
|
|
padding: 5px !important;
|
|
background: #fff;
|
|
}
|
|
.daterangepicker.opensleft:before {
|
|
position: absolute;
|
|
top: -7px;
|
|
right: 9px;
|
|
display: inline-block;
|
|
content: '';
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid #ccc;
|
|
border-bottom-color: rgba(0, 0, 0, .2);
|
|
border-left: 7px solid transparent;
|
|
}
|
|
.daterangepicker.opensleft:after {
|
|
position: absolute;
|
|
top: -6px;
|
|
right: 10px;
|
|
display: inline-block;
|
|
content: '';
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid #fff;
|
|
border-left: 6px solid transparent;
|
|
}
|
|
.daterangepicker.opensright:before {
|
|
position: absolute;
|
|
top: -7px;
|
|
left: 9px;
|
|
display: inline-block;
|
|
content: '';
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid #ccc;
|
|
border-bottom-color: rgba(0, 0, 0, .2);
|
|
border-left: 7px solid transparent;
|
|
}
|
|
.daterangepicker.opensright:after {
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 10px;
|
|
display: inline-block;
|
|
content: '';
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid #fff;
|
|
border-left: 6px solid transparent;
|
|
}
|
|
.daterangepicker table {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
.daterangepicker td,
|
|
.daterangepicker th {
|
|
width: 20px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
}
|
|
.daterangepicker td.off {
|
|
color: #999;
|
|
}
|
|
.daterangepicker td.in-range {
|
|
border-radius: 0;
|
|
}
|
|
.daterangepicker td.in-range:hover {
|
|
color: #000;
|
|
}
|
|
.daterangepicker td.week,
|
|
.daterangepicker th.week {
|
|
font-size: 80%;
|
|
color: #ccc;
|
|
}
|
|
.daterangepicker select.monthselect,
|
|
.daterangepicker select.yearselect {
|
|
font-size: 12px;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: 1px;
|
|
cursor: default;
|
|
}
|
|
.daterangepicker select.monthselect {
|
|
width: 56%;
|
|
margin-right: 2%;
|
|
}
|
|
.daterangepicker select.yearselect {
|
|
width: 40%;
|
|
}
|
|
.daterangepicker select.hourselect,
|
|
.daterangepicker select.minuteselect,
|
|
.daterangepicker select.ampmselect {
|
|
width: 50px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
/* jQuery UI Dialog */
|
|
|
|
.ui-dialog {
|
|
z-index: 1100;
|
|
padding: 0;
|
|
}
|
|
.ui-dialog .ui-dialog-titlebar {
|
|
position: relative;
|
|
padding: 10px;
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
.ui-dialog .ui-dialog-title {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.ui-dialog .ui-dialog-titlebar-close {
|
|
line-height: 20px;
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 10px;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: -10px 0 0 0;
|
|
border: #ccc solid 1px;
|
|
background: #fff;
|
|
}
|
|
.ui-dialog .ui-dialog-titlebar-close:before {
|
|
line-height: 18px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 18px;
|
|
height: 18px;
|
|
opacity: .60;
|
|
-moz-opacity: .60;
|
|
filter: alpha(opacity: 60);
|
|
}
|
|
.ui-dialog .ui-dialog-titlebar-close:hover:before {
|
|
opacity: .90;
|
|
-moz-opacity: .90;
|
|
filter: alpha(opacity: 90);
|
|
}
|
|
.ui-dialog .ui-dialog-titlebar-close .ui-button-text {
|
|
display: none;
|
|
}
|
|
.ui-dialog .ui-dialog-content {
|
|
position: relative;
|
|
overflow: auto;
|
|
padding: 0;
|
|
border: 0;
|
|
background: none;
|
|
}
|
|
.ui-dialog-buttonset button {
|
|
padding: 8px 15px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
.ui-dialog .ui-dialog-buttonpane {
|
|
border-width: 1px 0 0 0 !important;
|
|
}
|
|
.ui-dialog .ui-dialog-buttonpane .ui-button {
|
|
line-height: 28px;
|
|
float: right;
|
|
height: 28px;
|
|
padding: 0 15px;
|
|
}
|
|
.ui-draggable .ui-dialog-titlebar {
|
|
cursor: move;
|
|
}
|
|
.ui-dialog .ui-tabs,
|
|
.ui-dialog .infobox {
|
|
margin-bottom: 0;
|
|
}
|
|
.ui-dialog .ui-tabs .ui-tabs-panel {
|
|
padding: 10px;
|
|
}
|
|
/* Overlays */
|
|
|
|
.ui-widget-overlay {
|
|
position: fixed;
|
|
z-index: 1049;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.ui-widget-overlay img {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
margin: -27px 0 0 -27px;
|
|
}
|
|
/* Resizable Core */
|
|
|
|
.ui-resizable {
|
|
position: relative;
|
|
}
|
|
.ui-resizable-handle {
|
|
font-size: .1px;
|
|
position: absolute;
|
|
display: block;
|
|
}
|
|
.ui-resizable-disabled .ui-resizable-handle,
|
|
.ui-resizable-autohide .ui-resizable-handle {
|
|
display: none;
|
|
}
|
|
.ui-resizable-n {
|
|
top: -5px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 7px;
|
|
cursor: n-resize;
|
|
}
|
|
.ui-resizable-s {
|
|
bottom: -5px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 7px;
|
|
cursor: s-resize;
|
|
}
|
|
.ui-resizable-e {
|
|
top: 0;
|
|
right: -5px;
|
|
width: 7px;
|
|
height: 100%;
|
|
cursor: e-resize;
|
|
}
|
|
.ui-resizable-w {
|
|
top: 0;
|
|
left: -5px;
|
|
width: 7px;
|
|
height: 100%;
|
|
cursor: w-resize;
|
|
}
|
|
.ui-resizable-se {
|
|
right: 1px;
|
|
bottom: 1px;
|
|
width: 12px;
|
|
height: 12px;
|
|
cursor: se-resize;
|
|
}
|
|
.ui-resizable-sw {
|
|
bottom: -5px;
|
|
left: -5px;
|
|
width: 9px;
|
|
height: 9px;
|
|
cursor: sw-resize;
|
|
}
|
|
.ui-resizable-nw {
|
|
top: -5px;
|
|
left: -5px;
|
|
width: 9px;
|
|
height: 9px;
|
|
cursor: nw-resize;
|
|
}
|
|
.ui-resizable-ne {
|
|
top: -5px;
|
|
right: -5px;
|
|
width: 9px;
|
|
height: 9px;
|
|
cursor: ne-resize;
|
|
}
|
|
|
|
/* Dropdown */
|
|
|
|
.dropup,
|
|
.dropdown {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.ui-dialog,
|
|
.ui-datepicker,
|
|
.dropdown-menu,
|
|
.popover,
|
|
.ui-menu,
|
|
.minicolors-panel {
|
|
position: absolute;
|
|
z-index: 1050 !important;
|
|
top: 105%;
|
|
left: 0;
|
|
display: none;
|
|
float: left;
|
|
min-width: 150px;
|
|
margin: 5px 0 0;
|
|
padding: 5px;
|
|
list-style: none;
|
|
text-align: left;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
background: #fff;
|
|
}
|
|
.ui-datepicker {
|
|
padding: 0;
|
|
}
|
|
.popover,
|
|
.dropdown-menu,
|
|
.ui-dialog {
|
|
box-shadow: 0 1px 7px 2px rgba(135, 158, 171, 0.2);
|
|
}
|
|
.dropdown-menu {
|
|
font-size: 13px;
|
|
line-height: 1.6em;
|
|
min-width: 100%;
|
|
padding: 5px 0;
|
|
text-transform: none;
|
|
border: 0;
|
|
}
|
|
.dropdown-menu {
|
|
min-width: 150px;
|
|
}
|
|
.dropdown-menu,
|
|
.popover,
|
|
.ui-menu,
|
|
.minicolors-panel {
|
|
top: 100%;
|
|
}
|
|
.dropdown-menu .divider {
|
|
margin: 5px 1px;
|
|
}
|
|
.dropdown-menu.float-right {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
.dropdown-menu .header {
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
line-height: 1.4em;
|
|
margin: 0 0 5px;
|
|
padding: 5px 5px 10px;
|
|
text-transform: uppercase;
|
|
color: #888;
|
|
border-bottom: #dfe8f1 solid 1px;
|
|
}
|
|
.dropdown-menu .dropdown-header {
|
|
font-size: 11px;
|
|
font-weight: 300;
|
|
padding: 5px 15px;
|
|
text-transform: uppercase;
|
|
color: #000;
|
|
}
|
|
.dropdown-menu li {
|
|
position: relative;
|
|
}
|
|
.dropdown-menu li > a,
|
|
.ui-menu li > a {
|
|
font-weight: normal;
|
|
line-height: 20px;
|
|
position: relative;
|
|
display: block;
|
|
clear: both;
|
|
margin: 0;
|
|
padding: 3px 20px 3px 15px;
|
|
padding: 5px 15px;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
}
|
|
.dropdown > .dropdown-menu:before,
|
|
.minicolors-position-bottom .minicolors-panel:before {
|
|
position: absolute;
|
|
top: -7px;
|
|
left: 7px;
|
|
display: inline-block;
|
|
content: '';
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid transparent;
|
|
border-bottom-color: transparent;
|
|
border-left: 7px solid transparent;
|
|
}
|
|
.dropdown > .dropdown-menu:after,
|
|
.minicolors-position-bottom .minicolors-panel:after {
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 8px;
|
|
display: inline-block;
|
|
content: '';
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid #fff;
|
|
border-left: 6px solid transparent;
|
|
}
|
|
.dropdown > .dropdown-menu.float-right:before,
|
|
.dropup > .dropdown-menu.float-right:before,
|
|
.minicolors-position-right .minicolors-panel:before {
|
|
right: 7px;
|
|
left: auto;
|
|
}
|
|
.dropdown > .dropdown-menu.float-right:after,
|
|
.dropup > .dropdown-menu.float-right:after,
|
|
.minicolors-position-right .minicolors-panel:after {
|
|
right: 8px;
|
|
left: auto;
|
|
}
|
|
.minicolors-inline .minicolors-panel:after,
|
|
.minicolors-inline .minicolors-panel:before {
|
|
display: none;
|
|
}
|
|
.dropdown-dividers {
|
|
padding: 0;
|
|
}
|
|
.dropdown-dividers li {
|
|
padding: 3px;
|
|
border-bottom: #ccc solid 1px;
|
|
}
|
|
.dropdown-dividers li:last-child {
|
|
border-bottom: 0;
|
|
}
|
|
.dropdown-dividers li > a {
|
|
padding: 2px 10px;
|
|
}
|
|
.push-left {
|
|
left: 100% !important;
|
|
margin-left: -30px;
|
|
}
|
|
.open {
|
|
*z-index: 1000;
|
|
}
|
|
.open > .dropdown-menu {
|
|
display: block;
|
|
}
|
|
.dropup .dropdown-menu {
|
|
top: auto;
|
|
bottom: 100%;
|
|
margin-bottom: 8px;
|
|
}
|
|
.dropup > .dropdown-menu:before,
|
|
.minicolors-position-top .minicolors-panel:before {
|
|
position: absolute;
|
|
bottom: -7px;
|
|
left: 7px;
|
|
display: inline-block;
|
|
content: '';
|
|
border-top: 7px solid #ccc;
|
|
border-top-color: rgba(0, 0, 0, .2);
|
|
border-right: 7px solid transparent;
|
|
border-left: 7px solid transparent;
|
|
}
|
|
.dropup > .dropdown-menu:after,
|
|
.minicolors-position-top .minicolors-panel:after {
|
|
position: absolute;
|
|
bottom: -6px;
|
|
left: 8px;
|
|
display: inline-block;
|
|
content: '';
|
|
border-top: 6px solid #fff;
|
|
border-right: 6px solid transparent;
|
|
border-left: 6px solid transparent;
|
|
}
|
|
.minicolors-position-top.minicolors-position-right .minicolors-panel:before {
|
|
right: 6px;
|
|
left: auto;
|
|
}
|
|
.minicolors-position-top.minicolors-position-right .minicolors-panel:after {
|
|
right: 7px;
|
|
left: auto;
|
|
}
|
|
.dropdown-submenu {
|
|
position: relative;
|
|
z-index: 40;
|
|
}
|
|
.dropdown-submenu > .dropdown-menu {
|
|
top: 50%;
|
|
left: 90%;
|
|
margin-top: -6px;
|
|
margin-left: -1px;
|
|
border-radius: 0 4px 4px 4px;
|
|
}
|
|
.dropdown-submenu:hover > .dropdown-menu {
|
|
display: block;
|
|
}
|
|
.dropup .dropdown-submenu > .dropdown-menu {
|
|
top: auto;
|
|
bottom: 0;
|
|
margin-top: 0;
|
|
margin-bottom: -2px;
|
|
border-radius: 4px 4px 4px 0;
|
|
}
|
|
.dropdown-submenu > a:after {
|
|
position: relative;
|
|
display: block;
|
|
float: right;
|
|
width: 0;
|
|
height: 0;
|
|
margin-top: 5px;
|
|
margin-right: -5px;
|
|
content: ' ';
|
|
opacity: .40;
|
|
border-width: 5px 0 5px 5px;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
border-left-color: #ccc;
|
|
-moz-opacity: .40;
|
|
filter: alpha(opacity: 40);
|
|
}
|
|
.dropdown-submenu.float-left > .dropdown-menu {
|
|
left: -100%;
|
|
}
|
|
.dropdown-submenu:hover > a:after {
|
|
border-left-color: #fff;
|
|
}
|
|
.dropdown-submenu.float-left {
|
|
float: none !important;
|
|
}
|
|
.dropdown-submenu.float-left > .dropdown-menu {
|
|
left: -110%;
|
|
margin-left: 10px;
|
|
border-radius: 4px 0 4px 4px;
|
|
}
|
|
.dropdown-submenu.float-left > .dropdown-menu.dropdown-dividers {
|
|
margin-left: 20px;
|
|
}
|
|
.ui-menu-item {
|
|
padding: 3px 6px;
|
|
}
|
|
|
|
/* Dropzone */
|
|
/* The MIT License */
|
|
|
|
.dropzone,
|
|
.dropzone *,
|
|
.dropzone-previews,
|
|
.dropzone-previews * {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
.dropzone {
|
|
position: relative;
|
|
padding: 1em;
|
|
border: 1px solid rgba(0, 0, 0, .08);
|
|
background: rgba(0, 0, 0, .02);
|
|
}
|
|
.dropzone.dz-clickable {
|
|
cursor: pointer;
|
|
}
|
|
.dropzone.dz-clickable .dz-message,
|
|
.dropzone.dz-clickable .dz-message span {
|
|
cursor: pointer;
|
|
}
|
|
.dropzone.dz-clickable * {
|
|
cursor: default;
|
|
}
|
|
.dropzone .dz-message {
|
|
opacity: 1;
|
|
-ms-filter: none;
|
|
filter: none;
|
|
}
|
|
.dropzone.dz-drag-hover {
|
|
border-color: rgba(0, 0, 0, .15);
|
|
background: rgba(0, 0, 0, .04);
|
|
}
|
|
.dropzone.dz-started .dz-message {
|
|
display: none;
|
|
}
|
|
.dropzone .dz-preview,
|
|
.dropzone-previews .dz-preview {
|
|
position: relative;
|
|
display: inline-block;
|
|
margin: 17px;
|
|
padding: 6px 6px 6px 6px;
|
|
vertical-align: top;
|
|
border: 1px solid #acacac;
|
|
background: rgba(255, 255, 255, .8);
|
|
}
|
|
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
|
|
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
|
|
display: none;
|
|
}
|
|
.dropzone .dz-preview .dz-details,
|
|
.dropzone-previews .dz-preview .dz-details {
|
|
position: relative;
|
|
width: 100px;
|
|
height: 100px;
|
|
margin-bottom: 22px;
|
|
padding: 5px;
|
|
background: #ebebeb;
|
|
}
|
|
.dropzone .dz-preview .dz-details .dz-filename,
|
|
.dropzone-previews .dz-preview .dz-details .dz-filename {
|
|
overflow: hidden;
|
|
height: 100%;
|
|
}
|
|
.dropzone .dz-preview .dz-details img,
|
|
.dropzone-previews .dz-preview .dz-details img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100px;
|
|
height: 100px;
|
|
}
|
|
.dropzone .dz-preview .dz-details .dz-size,
|
|
.dropzone-previews .dz-preview .dz-details .dz-size {
|
|
line-height: 28px;
|
|
position: absolute;
|
|
bottom: -28px;
|
|
left: 3px;
|
|
height: 28px;
|
|
}
|
|
.dropzone .dz-preview.dz-error .dz-error-mark,
|
|
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
|
|
display: block;
|
|
}
|
|
.dropzone .dz-preview.dz-success .dz-success-mark,
|
|
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
|
|
display: block;
|
|
}
|
|
.dropzone .dz-preview:hover .dz-details img,
|
|
.dropzone-previews .dz-preview:hover .dz-details img {
|
|
display: none;
|
|
}
|
|
.dropzone .dz-preview .dz-success-mark,
|
|
.dropzone-previews .dz-preview .dz-success-mark,
|
|
.dropzone .dz-preview .dz-error-mark,
|
|
.dropzone-previews .dz-preview .dz-error-mark {
|
|
font-size: 30px;
|
|
position: absolute;
|
|
top: -10px;
|
|
right: -10px;
|
|
display: none;
|
|
width: 40px;
|
|
height: 40px;
|
|
text-align: center;
|
|
}
|
|
.dropzone .dz-preview .dz-success-mark,
|
|
.dropzone-previews .dz-preview .dz-success-mark {
|
|
color: #8cc657;
|
|
}
|
|
.dropzone .dz-preview .dz-error-mark,
|
|
.dropzone-previews .dz-preview .dz-error-mark {
|
|
color: #ee162d;
|
|
}
|
|
.dropzone .dz-preview .dz-progress,
|
|
.dropzone-previews .dz-preview .dz-progress {
|
|
position: absolute;
|
|
top: 100px;
|
|
right: 6px;
|
|
left: 6px;
|
|
display: none;
|
|
height: 6px;
|
|
background: #d7d7d7;
|
|
}
|
|
.dropzone .dz-preview .dz-progress .dz-upload,
|
|
.dropzone-previews .dz-preview .dz-progress .dz-upload {
|
|
position: absolute;
|
|
top: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 0;
|
|
background-color: #8cc657;
|
|
}
|
|
.dropzone .dz-preview.dz-processing .dz-progress,
|
|
.dropzone-previews .dz-preview.dz-processing .dz-progress {
|
|
display: block;
|
|
}
|
|
.dropzone .dz-preview .dz-error-message,
|
|
.dropzone-previews .dz-preview .dz-error-message {
|
|
position: absolute;
|
|
z-index: 500;
|
|
top: -5px;
|
|
left: -20px;
|
|
display: none;
|
|
min-width: 140px;
|
|
max-width: 500px;
|
|
padding: 8px 10px;
|
|
color: #800;
|
|
background: rgba(245, 245, 245, .8);
|
|
}
|
|
.dropzone .dz-preview:hover.dz-error .dz-error-message,
|
|
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
|
|
display: block;
|
|
}
|
|
.dropzone {
|
|
position: relative;
|
|
min-height: 350px;
|
|
cursor: pointer;
|
|
}
|
|
.dz-message {
|
|
font-size: 35px;
|
|
line-height: 50px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 50%;
|
|
height: 50px;
|
|
margin-top: -50px;
|
|
margin-left: -25%;
|
|
padding: 25px;
|
|
text-align: center;
|
|
}
|
|
|
|
.btn-file {
|
|
position: relative;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
}
|
|
.btn-file > input {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
font-size: 23px;
|
|
cursor: pointer;
|
|
filter: alpha(opacity=0);
|
|
opacity: 0;
|
|
|
|
direction: ltr;
|
|
}
|
|
.fileinput {
|
|
display: inline-block;
|
|
margin-bottom: 9px;
|
|
}
|
|
.fileinput .form-control {
|
|
display: inline-block;
|
|
padding-top: 7px;
|
|
padding-bottom: 5px;
|
|
margin-bottom: 0;
|
|
vertical-align: middle;
|
|
cursor: text;
|
|
}
|
|
.fileinput .thumbnail {
|
|
display: inline-block;
|
|
margin-bottom: 5px;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.fileinput .thumbnail > img {
|
|
max-height: 100%;
|
|
}
|
|
.fileinput .btn {
|
|
vertical-align: middle;
|
|
}
|
|
.fileinput-exists .fileinput-new,
|
|
.fileinput-new .fileinput-exists {
|
|
display: none;
|
|
}
|
|
.fileinput-inline .fileinput-controls {
|
|
display: inline;
|
|
}
|
|
.fileinput-filename {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
vertical-align: middle;
|
|
}
|
|
.form-control .fileinput-filename {
|
|
vertical-align: bottom;
|
|
}
|
|
.fileinput.input-group {
|
|
display: table;
|
|
}
|
|
.fileinput.input-group > * {
|
|
position: relative;
|
|
z-index: 2;
|
|
}
|
|
.fileinput.input-group > .btn-file {
|
|
z-index: 1;
|
|
}
|
|
.fileinput-new.input-group .btn-file,
|
|
.fileinput-new .input-group .btn-file {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.fileinput-new.input-group .btn-file.btn-xs,
|
|
.fileinput-new .input-group .btn-file.btn-xs,
|
|
.fileinput-new.input-group .btn-file.btn-sm,
|
|
.fileinput-new .input-group .btn-file.btn-sm {
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
.fileinput-new.input-group .btn-file.btn-lg,
|
|
.fileinput-new .input-group .btn-file.btn-lg {
|
|
border-radius: 0 6px 6px 0;
|
|
}
|
|
.form-group.has-warning .fileinput .fileinput-preview {
|
|
color: #8a6d3b;
|
|
}
|
|
.form-group.has-warning .fileinput .thumbnail {
|
|
border-color: #faebcc;
|
|
}
|
|
.form-group.has-error .fileinput .fileinput-preview {
|
|
color: #a94442;
|
|
}
|
|
.form-group.has-error .fileinput .thumbnail {
|
|
border-color: #ebccd1;
|
|
}
|
|
.form-group.has-success .fileinput .fileinput-preview {
|
|
color: #3c763d;
|
|
}
|
|
.form-group.has-success .fileinput .thumbnail {
|
|
border-color: #d6e9c6;
|
|
}
|
|
|
|
/* ========================================================================
|
|
* bootstrap-switch - v3.0.2
|
|
* http://www.bootstrap-switch.org
|
|
* ========================================================================
|
|
* Copyright 2012-2013 Mattia Larentis
|
|
*
|
|
* ========================================================================
|
|
* Licensed under the Apache License, Version 2.0 (the "License");
|
|
* you may not use this file except in compliance with the License.
|
|
* You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing, software
|
|
* distributed under the License is distributed on an "AS IS" BASIS,
|
|
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
* See the License for the specific language governing permissions and
|
|
* limitations under the License.
|
|
* ========================================================================
|
|
*/
|
|
|
|
.bootstrap-switch {
|
|
line-height: 8px;
|
|
position: relative;
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
min-width: 100px;
|
|
cursor: pointer;
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
text-align: left;
|
|
vertical-align: middle;
|
|
border: 1px solid;
|
|
border-color: #ccc;
|
|
border-radius: 4px;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-mini {
|
|
min-width: 71px;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
|
|
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
|
|
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
|
|
font-size: 10px;
|
|
line-height: 9px;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-small {
|
|
min-width: 79px;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
|
|
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
|
|
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
|
|
font-size: 12px;
|
|
line-height: 18px;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-large {
|
|
min-width: 120px;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
|
|
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
|
|
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
|
|
font-size: 14px;
|
|
line-height: normal;
|
|
padding-top: 9px;
|
|
padding-bottom: 9px;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
|
|
-webkit-transition: margin-left .5s;
|
|
transition: margin-left .5s;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
|
|
margin-left: 0;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
|
|
border-top-right-radius: 3px;
|
|
border-bottom-right-radius: 3px;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
|
|
margin-left: -50%;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
|
|
border-top-left-radius: 3px;
|
|
border-bottom-left-radius: 3px;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-container {
|
|
margin-left: -25%;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-disabled,
|
|
.bootstrap-switch.bootstrap-switch-readonly,
|
|
.bootstrap-switch.bootstrap-switch-indeterminate {
|
|
cursor: default !important;
|
|
opacity: .5;
|
|
filter: alpha(opacity=50);
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
|
|
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
|
|
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
|
|
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
|
|
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
|
|
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
|
|
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
|
|
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
|
|
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
|
|
cursor: default !important;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-focused {
|
|
border-color: #ccc;
|
|
outline: 0;
|
|
}
|
|
.bootstrap-switch .bootstrap-switch-container {
|
|
top: 0;
|
|
display: inline-block;
|
|
width: 150%;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
transform: translate3d(0, 0, 0);
|
|
border-radius: 4px;
|
|
}
|
|
.bootstrap-switch .bootstrap-switch-handle-on,
|
|
.bootstrap-switch .bootstrap-switch-handle-off,
|
|
.bootstrap-switch .bootstrap-switch-label {
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
text-transform: uppercase;
|
|
display: inline-block !important;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 100%;
|
|
padding-top: 4px;
|
|
padding-bottom: 4px;
|
|
cursor: pointer;
|
|
}
|
|
.bootstrap-switch .bootstrap-switch-handle-on,
|
|
.bootstrap-switch .bootstrap-switch-handle-off {
|
|
z-index: 1;
|
|
width: 33.333333333%;
|
|
text-align: center;
|
|
}
|
|
.bootstrap-switch .bootstrap-switch-label {
|
|
z-index: 100;
|
|
width: 33.333333333%;
|
|
margin-top: -1px;
|
|
margin-bottom: -1px;
|
|
text-align: center;
|
|
color: #333;
|
|
background: #fff;
|
|
}
|
|
.bootstrap-switch input[type='radio'],
|
|
.bootstrap-switch input[type='checkbox'] {
|
|
position: absolute !important;
|
|
z-index: -1;
|
|
top: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
}
|
|
.bootstrap-switch input[type='radio'].form-control,
|
|
.bootstrap-switch input[type='checkbox'].form-control {
|
|
height: auto;
|
|
}
|
|
|
|
/* Input switch alternate */
|
|
|
|
div.switch-toggle {
|
|
display: block;
|
|
height: 24px;
|
|
width: 48px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
background: #fff;
|
|
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
|
|
-webkit-transition: all .2s ease;
|
|
-moz-transition: all .2s ease;
|
|
-o-transition: all .2s ease;
|
|
transition: all .2s ease;
|
|
border-radius: 50px;
|
|
}
|
|
div.switch-toggle:after {
|
|
content: '';
|
|
display: block;
|
|
height: 18px;
|
|
width: 18px;
|
|
background: #fff;
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 3px;
|
|
border-radius: 50px;
|
|
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
-webkit-transition: all .2s ease;
|
|
-moz-transition: all .2s ease;
|
|
-o-transition: all .2s ease;
|
|
transition: all .2s ease;
|
|
}
|
|
div.switch-toggle:before {
|
|
content: '';
|
|
position: absolute;
|
|
right: 1px;
|
|
top: 12px;
|
|
color: #fff;
|
|
}
|
|
div.switch-toggle:hover:after {
|
|
left: 5px;
|
|
}
|
|
div.switch-toggle.switch-on:before {
|
|
content: '';
|
|
right: 40px;
|
|
}
|
|
.switch-toggle.switch-on {
|
|
background: #0c0;
|
|
}
|
|
div.switch-toggle.switch-on:after {
|
|
left: 26px;
|
|
}
|
|
div.switch-toggle.switch-on:hover:after {
|
|
left: 24px;
|
|
}
|
|
|
|
/* Input switch alternate */
|
|
|
|
div.switch-toggle {
|
|
display: block;
|
|
height: 24px;
|
|
width: 48px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
background: #fff;
|
|
box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
|
|
-webkit-transition: all .2s ease;
|
|
-moz-transition: all .2s ease;
|
|
-o-transition: all .2s ease;
|
|
transition: all .2s ease;
|
|
border-radius: 50px;
|
|
}
|
|
div.switch-toggle:after {
|
|
content: '';
|
|
display: block;
|
|
height: 18px;
|
|
width: 18px;
|
|
background: #fff;
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 3px;
|
|
border-radius: 50px;
|
|
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
-webkit-transition: all .2s ease;
|
|
-moz-transition: all .2s ease;
|
|
-o-transition: all .2s ease;
|
|
transition: all .2s ease;
|
|
}
|
|
div.switch-toggle:before {
|
|
content: '';
|
|
position: absolute;
|
|
right: 1px;
|
|
top: 12px;
|
|
color: #fff;
|
|
}
|
|
div.switch-toggle:hover:after {
|
|
left: 5px;
|
|
}
|
|
div.switch-toggle.switch-on:before {
|
|
content: '';
|
|
right: 40px;
|
|
}
|
|
.switch-toggle.switch-on {
|
|
background: #0c0;
|
|
}
|
|
div.switch-toggle.switch-on:after {
|
|
left: 26px;
|
|
}
|
|
div.switch-toggle.switch-on:hover:after {
|
|
left: 24px;
|
|
}
|
|
|
|
/* Ion.RangeSlider
|
|
// css version 2.0.3
|
|
// © 2013-2014 Denis Ineshin | IonDen.com
|
|
// ===================================================================================================================*/
|
|
|
|
/* =====================================================================================================================
|
|
// RangeSlider */
|
|
|
|
.irs {
|
|
position: relative; display: block;
|
|
-webkit-touch-callout: none;
|
|
-webkit-user-select: none;
|
|
-khtml-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
}
|
|
.irs-line {
|
|
position: relative; display: block;
|
|
overflow: hidden;
|
|
outline: none !important;
|
|
}
|
|
.irs-line-left, .irs-line-mid, .irs-line-right {
|
|
position: absolute; display: block;
|
|
top: 0;
|
|
}
|
|
.irs-line-left {
|
|
left: 0; width: 11%;
|
|
}
|
|
.irs-line-mid {
|
|
left: 9%; width: 82%;
|
|
}
|
|
.irs-line-right {
|
|
right: 0; width: 11%;
|
|
}
|
|
|
|
.irs-bar {
|
|
position: absolute; display: block;
|
|
left: 0; width: 0;
|
|
}
|
|
.irs-bar-edge {
|
|
position: absolute; display: block;
|
|
top: 0; left: 0;
|
|
}
|
|
|
|
.irs-shadow {
|
|
position: absolute; display: none;
|
|
left: 0; width: 0;
|
|
}
|
|
|
|
.irs-slider {
|
|
position: absolute; display: block;
|
|
cursor: default;
|
|
z-index: 1;
|
|
}
|
|
.irs-slider.single {
|
|
|
|
}
|
|
.irs-slider.from {
|
|
|
|
}
|
|
.irs-slider.to {
|
|
|
|
}
|
|
.irs-slider.type_last {
|
|
z-index: 2;
|
|
}
|
|
|
|
.irs-min {
|
|
position: absolute; display: block;
|
|
left: 0;
|
|
cursor: default;
|
|
}
|
|
.irs-max {
|
|
position: absolute; display: block;
|
|
right: 0;
|
|
cursor: default;
|
|
}
|
|
|
|
.irs-from, .irs-to, .irs-single {
|
|
position: absolute; display: block;
|
|
top: 0; left: 0;
|
|
cursor: default;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.irs-grid {
|
|
position: absolute; display: none;
|
|
bottom: 0; left: 0;
|
|
width: 100%; height: 20px;
|
|
}
|
|
.irs-with-grid .irs-grid {
|
|
display: block;
|
|
}
|
|
.irs-grid-pol {
|
|
position: absolute;
|
|
top: 0; left: 0;
|
|
width: 1px; height: 8px;
|
|
background: #000;
|
|
}
|
|
.irs-grid-pol.small {
|
|
height: 4px;
|
|
}
|
|
.irs-grid-text {
|
|
position: absolute;
|
|
bottom: 0; left: 0;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
font-size: 9px; line-height: 9px;
|
|
padding: 0 3px;
|
|
color: #000;
|
|
}
|
|
|
|
.irs-disable-mask {
|
|
position: absolute; display: block;
|
|
top: 0; left: -1%;
|
|
width: 102%; height: 100%;
|
|
cursor: default;
|
|
background: rgba(0,0,0,0.0);
|
|
z-index: 2;
|
|
}
|
|
.irs-disabled {
|
|
opacity: 0.4;
|
|
}
|
|
.lt-ie9 .irs-disabled {
|
|
filter: alpha(opacity=40);
|
|
}
|
|
|
|
|
|
.irs-hidden-input {
|
|
position: absolute !important;
|
|
display: block !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
width: 0 !important;
|
|
height: 0 !important;
|
|
font-size: 0 !important;
|
|
line-height: 0 !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
outline: none !important;
|
|
z-index: -9999 !important;
|
|
background: none !important;
|
|
border-style: solid !important;
|
|
border-color: transparent !important;
|
|
}
|
|
|
|
/* jquery.Jcrop.css v0.9.12 - MIT License */
|
|
/*
|
|
The outer-most container in a typical Jcrop instance
|
|
If you are having difficulty with formatting related to styles
|
|
on a parent element, place any fixes here or in a like selector
|
|
|
|
You can also style this element if you want to add a border, etc
|
|
A better method for styling can be seen below with .jcrop-light
|
|
(Add a class to the holder and style elements for that extended class)
|
|
*/
|
|
|
|
.jcrop-holder {
|
|
text-align: left;
|
|
direction: ltr;
|
|
}
|
|
/* Selection Border */
|
|
|
|
.jcrop-vline,
|
|
.jcrop-hline {
|
|
font-size: 0;
|
|
position: absolute;
|
|
background: #fff url('../../images/jcrop.gif');
|
|
}
|
|
.jcrop-vline {
|
|
width: 1px !important;
|
|
height: 100%;
|
|
}
|
|
.jcrop-vline.right {
|
|
right: 0;
|
|
}
|
|
.jcrop-hline {
|
|
width: 100%;
|
|
height: 1px !important;
|
|
}
|
|
.jcrop-hline.bottom {
|
|
bottom: 0;
|
|
}
|
|
/* Invisible click targets */
|
|
|
|
.jcrop-tracker {
|
|
width: 100%;
|
|
height: 100%;
|
|
/* disable cut copy paste */
|
|
|
|
-webkit-user-select: none;
|
|
/* "turn off" link highlight */
|
|
|
|
-webkit-tap-highlight-color: transparent;
|
|
/* disable callout, image save panel */
|
|
|
|
-webkit-touch-callout: none;
|
|
}
|
|
/* Selection Handles */
|
|
|
|
.jcrop-handle {
|
|
font-size: 1px;
|
|
width: 7px;
|
|
height: 7px;
|
|
border: 1px #eee solid;
|
|
background-color: #333;
|
|
}
|
|
.jcrop-handle.ord-n {
|
|
top: 0;
|
|
left: 50%;
|
|
margin-top: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
.jcrop-handle.ord-s {
|
|
bottom: 0;
|
|
left: 50%;
|
|
margin-bottom: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
.jcrop-handle.ord-e {
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -4px;
|
|
margin-right: -4px;
|
|
}
|
|
.jcrop-handle.ord-w {
|
|
top: 50%;
|
|
left: 0;
|
|
margin-top: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
.jcrop-handle.ord-nw {
|
|
top: 0;
|
|
left: 0;
|
|
margin-top: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
.jcrop-handle.ord-ne {
|
|
top: 0;
|
|
right: 0;
|
|
margin-top: -4px;
|
|
margin-right: -4px;
|
|
}
|
|
.jcrop-handle.ord-se {
|
|
right: 0;
|
|
bottom: 0;
|
|
margin-right: -4px;
|
|
margin-bottom: -4px;
|
|
}
|
|
.jcrop-handle.ord-sw {
|
|
bottom: 0;
|
|
left: 0;
|
|
margin-bottom: -4px;
|
|
margin-left: -4px;
|
|
}
|
|
/* Dragbars */
|
|
|
|
.jcrop-dragbar.ord-n,
|
|
.jcrop-dragbar.ord-s {
|
|
width: 100%;
|
|
height: 7px;
|
|
}
|
|
.jcrop-dragbar.ord-e,
|
|
.jcrop-dragbar.ord-w {
|
|
width: 7px;
|
|
height: 100%;
|
|
}
|
|
.jcrop-dragbar.ord-n {
|
|
margin-top: -4px;
|
|
}
|
|
.jcrop-dragbar.ord-s {
|
|
bottom: 0;
|
|
margin-bottom: -4px;
|
|
}
|
|
.jcrop-dragbar.ord-e {
|
|
right: 0;
|
|
margin-right: -4px;
|
|
}
|
|
.jcrop-dragbar.ord-w {
|
|
margin-left: -4px;
|
|
}
|
|
/* The "jcrop-light" class/extension */
|
|
|
|
.jcrop-light .jcrop-vline,
|
|
.jcrop-light .jcrop-hline {
|
|
opacity: .70!important;
|
|
background: #fff;
|
|
filter: alpha(opacity=70) !important;
|
|
}
|
|
.jcrop-light .jcrop-handle {
|
|
border-color: #fff;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
background-color: #000;
|
|
}
|
|
/* The "jcrop-dark" class/extension */
|
|
|
|
.jcrop-dark .jcrop-vline,
|
|
.jcrop-dark .jcrop-hline {
|
|
opacity: .7 !important;
|
|
background: #000;
|
|
filter: alpha(opacity=70) !important;
|
|
}
|
|
.jcrop-dark .jcrop-handle {
|
|
border-color: #000;
|
|
-webkit-border-radius: 3px;
|
|
-moz-border-radius: 3px;
|
|
border-radius: 3px;
|
|
background-color: #fff;
|
|
}
|
|
/* Simple macro to turn off the antlines */
|
|
|
|
.solid-line .jcrop-vline,
|
|
.solid-line .jcrop-hline {
|
|
background: #fff;
|
|
}
|
|
/* Fix for twitter bootstrap et al. */
|
|
|
|
.jcrop-holder img,
|
|
img.jcrop-preview {
|
|
max-width: none;
|
|
}
|
|
/* Apply these styles only when #preview-pane has
|
|
been placed within the Jcrop widget */
|
|
|
|
.jcrop-holder #preview-pane {
|
|
position: absolute;
|
|
z-index: 2000;
|
|
top: 10px;
|
|
right: -280px;
|
|
display: block;
|
|
padding: 6px;
|
|
border: 1px rgba(0, 0, 0, .4) solid;
|
|
-webkit-border-radius: 6px;
|
|
-moz-border-radius: 6px;
|
|
border-radius: 6px;
|
|
background-color: white;
|
|
}
|
|
/* The Javascript code will set the aspect ratio of the crop
|
|
area based on the size of the thumbnail preview,
|
|
specified here */
|
|
|
|
#preview-pane .preview-container {
|
|
overflow: hidden;
|
|
width: 250px;
|
|
height: 170px;
|
|
}
|
|
|
|
.jGrowl {
|
|
z-index: 9999;
|
|
}
|
|
.jGrowl {
|
|
position: absolute;
|
|
}
|
|
body > .jGrowl {
|
|
position: fixed;
|
|
}
|
|
.jGrowl.top-left {
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.jGrowl.top-right {
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.jGrowl.bottom-left {
|
|
bottom: 0;
|
|
left: 0;
|
|
}
|
|
.jGrowl.bottom-right {
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
.jGrowl.center {
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 0;
|
|
margin-left: -170px;
|
|
}
|
|
.center .jGrowl-notification,
|
|
.center .jGrowl-closer {
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
}
|
|
.jGrowl .jGrowl-notification,
|
|
.jGrowl .jGrowl-closer {
|
|
font-size: 12px;
|
|
display: none;
|
|
zoom: 1;
|
|
width: 300px;
|
|
margin: 10px 0;
|
|
padding: 10px 15px;
|
|
white-space: normal;
|
|
opacity: .95;
|
|
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=95);
|
|
}
|
|
.jGrowl .jGrowl-notification:hover {
|
|
opacity: 1;
|
|
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
|
|
}
|
|
.jGrowl .jGrowl-notification {
|
|
min-height: 20px;
|
|
}
|
|
.jGrowl .jGrowl-notification,
|
|
.jGrowl .jGrowl-closer {
|
|
margin: 10px;
|
|
}
|
|
.jGrowl .jGrowl-notification .jGrowl-header {
|
|
font-size: .85em;
|
|
font-weight: bold;
|
|
}
|
|
.jGrowl .jGrowl-notification .jGrowl-close {
|
|
font-weight: bold;
|
|
z-index: 99;
|
|
float: right;
|
|
cursor: pointer;
|
|
}
|
|
.jGrowl .jGrowl-closer {
|
|
font-weight: bold;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
}
|
|
|
|
#loadingbar {
|
|
position: fixed;
|
|
z-index: 2147483647;
|
|
top: 0;
|
|
left: -6px;
|
|
width: 1%;
|
|
height: 4px;
|
|
-webkit-transition: all 500ms ease-in-out;
|
|
-moz-transition: all 500ms ease-in-out;
|
|
-ms-transition: all 500ms ease-in-out;
|
|
-o-transition: all 500ms ease-in-out;
|
|
transition: all 500ms ease-in-out;
|
|
-webkit-border-radius: 1px;
|
|
-moz-border-radius: 1px;
|
|
border-radius: 1px;
|
|
}
|
|
#loadingbar.left {
|
|
right: 0;
|
|
left: 100%;
|
|
width: 100%;
|
|
}
|
|
#loadingbar.up {
|
|
top: 100%;
|
|
bottom: 0;
|
|
left: 0;
|
|
width: 5px;
|
|
height: 100%;
|
|
}
|
|
#loadingbar.down {
|
|
left: 0;
|
|
width: 5px;
|
|
height: 0;
|
|
}
|
|
#loadingbar.waiting dd,
|
|
#loadingbar.waiting dt {
|
|
-webkit-animation: pulse 2s ease-out 0s infinite;
|
|
-moz-animation: pulse 2s ease-out 0s infinite;
|
|
-ms-animation: pulse 2s ease-out 0s infinite;
|
|
-o-animation: pulse 2s ease-out 0s infinite;
|
|
animation: pulse 2s ease-out 0s infinite;
|
|
}
|
|
#loadingbar dt {
|
|
right: -80px;
|
|
clip: rect(-6px, 90px, 14px, -6px);
|
|
width: 180px;
|
|
opacity: .6;
|
|
}
|
|
#loadingbar dd {
|
|
right: 0;
|
|
clip: rect(-6px, 22px, 14px, 10px);
|
|
width: 20px;
|
|
opacity: .6;
|
|
}
|
|
#loadingbar dd,
|
|
#loadingbar dt {
|
|
position: absolute;
|
|
top: 0;
|
|
height: 2px;
|
|
-webkit-border-radius: 100%;
|
|
-moz-border-radius: 100%;
|
|
border-radius: 100%;
|
|
-webkit-box-shadow: #ff6439 1px 0 6px 1px;
|
|
-moz-box-shadow: #fa7753 1px 0 6px 1px;
|
|
box-shadow: #ff6439 1px 0 6px 1px;
|
|
-ms-box-shadow: #fa7753 1px 0 6px 1px;
|
|
}
|
|
#loadingbar.left dt {
|
|
left: -4px;
|
|
clip: rect(-6px, 185px, 14px, 25px);
|
|
width: 180px;
|
|
opacity: .6;
|
|
}
|
|
#loadingbar.left dd {
|
|
left: 0;
|
|
clip: rect(-6px, 22px, 14px, 0px);
|
|
width: 20px;
|
|
margin: 0;
|
|
opacity: .6;
|
|
}
|
|
#loadingbar.left dd,
|
|
#loadingbar.left dt {
|
|
top: 0;
|
|
height: 2px;
|
|
}
|
|
#loadingbar.down dt {
|
|
top: auto;
|
|
bottom: -47px;
|
|
clip: rect(-6px, 20px, 130px, -6px);
|
|
height: 180px;
|
|
opacity: .6;
|
|
}
|
|
#loadingbar.down dd {
|
|
top: auto;
|
|
bottom: 0;
|
|
clip: rect(-6px, 22px, 20px, 10px);
|
|
height: 20px;
|
|
margin: 0;
|
|
opacity: .6;
|
|
}
|
|
#loadingbar.down dd,
|
|
#loadingbar.down dt {
|
|
right: auto;
|
|
left: -5px;
|
|
width: 10px;
|
|
}
|
|
#loadingbar.up dt {
|
|
top: -10px;
|
|
bottom: auto;
|
|
clip: rect(13px, 20px, 190px, -6px);
|
|
height: 180px;
|
|
opacity: .6;
|
|
}
|
|
#loadingbar.up dd {
|
|
top: 0;
|
|
bottom: auto;
|
|
clip: rect(-6px, 22px, 25px, 10px);
|
|
height: 20px;
|
|
margin: 0;
|
|
opacity: .6;
|
|
}
|
|
#loadingbar.up dd,
|
|
#loadingbar.up dt {
|
|
right: auto;
|
|
left: -5px;
|
|
width: 10px;
|
|
}
|
|
@keyframes pulse {
|
|
30% {
|
|
opacity: .6;
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: .6;
|
|
}
|
|
}
|
|
@-moz-keyframes pulse {
|
|
30% {
|
|
opacity: .6;
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: .6;
|
|
}
|
|
}
|
|
@-ms-keyframes pulse {
|
|
30% {
|
|
opacity: .6;
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: .6;
|
|
}
|
|
}
|
|
@-webkit-keyframes pulse {
|
|
30% {
|
|
opacity: .6;
|
|
}
|
|
60% {
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
opacity: .6;
|
|
}
|
|
}
|
|
|
|
.jvectormap-label {
|
|
position: absolute;
|
|
display: none;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 3px;
|
|
font-size: 12px;
|
|
padding: 5px;
|
|
z-index: 1200;
|
|
}
|
|
|
|
.jvectormap-zoomin,
|
|
.jvectormap-zoomout {
|
|
position: absolute;
|
|
left: 10px;
|
|
border-radius: 3px;
|
|
padding: 5px;
|
|
cursor: pointer;
|
|
line-height: 10px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
text-align: center;
|
|
}
|
|
|
|
.jvectormap-zoomin {
|
|
top: 10px;
|
|
}
|
|
|
|
.jvectormap-zoomout {
|
|
top: 35px;
|
|
}
|
|
|
|
.wmd-panel{width:100%;}
|
|
.wmd-input{height:300px;width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;}
|
|
.wmd-preview{width:100%;margin-top: 20px;}
|
|
.wmd-panel .btn-toolbar{margin-bottom:0;padding:0 0 5px;width:100%;}
|
|
.fa-header:before{content:'H';font-family:arial,helvetica,sans-serif;font-weight:bold;}
|
|
.wmd-prompt-background{background-color:Black;}
|
|
.wmd-prompt-dialog{border:1px solid #999999;background-color:#F5F5F5;}
|
|
.wmd-prompt-dialog>div{font-size:0.8em;font-family:arial,helvetica,sans-serif;}
|
|
.wmd-prompt-dialog>form>input[type="text"]{border:1px solid #999999;color:black;}
|
|
.wmd-prompt-dialog>form>input[type="button"]{border:1px solid #888888;font-family:trebuchet MS,helvetica,sans-serif;font-size:0.8em;font-weight:bold;}
|
|
.wmd-button-group1 {margin-left: 5px !important;}
|
|
.wmd-button-bar { margin-bottom: 5px;}
|
|
|
|
.close {
|
|
font-size: 21px;
|
|
font-weight: bold;
|
|
line-height: 1;
|
|
float: right;
|
|
opacity: .2;
|
|
color: #000;
|
|
text-shadow: 0 1px 0 #fff;
|
|
filter: alpha(opacity=20);
|
|
}
|
|
.close:hover,
|
|
.close:focus {
|
|
cursor: pointer;
|
|
text-decoration: none;
|
|
opacity: .5;
|
|
color: #000;
|
|
filter: alpha(opacity=50);
|
|
}
|
|
button.close {
|
|
padding: 0;
|
|
cursor: pointer;
|
|
border: 0;
|
|
background: transparent;
|
|
-webkit-appearance: none;
|
|
}
|
|
.modal-open {
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
}
|
|
.modal {
|
|
position: fixed;
|
|
z-index: 1050;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
display: none;
|
|
overflow: auto;
|
|
overflow-y: scroll;
|
|
outline: 0;
|
|
-webkit-overflow-scrolling: touch;
|
|
}
|
|
.modal.fade .modal-dialog {
|
|
-webkit-transition: -webkit-transform .3s ease-out;
|
|
-moz-transition: -moz-transform .3s ease-out;
|
|
-o-transition: -o-transform .3s ease-out;
|
|
transition: transform .3s ease-out;
|
|
-webkit-transform: translate(0, -25%);
|
|
-ms-transform: translate(0, -25%);
|
|
transform: translate(0, -25%);
|
|
}
|
|
.modal.in .modal-dialog {
|
|
-webkit-transform: translate(0, 0);
|
|
-ms-transform: translate(0, 0);
|
|
transform: translate(0, 0);
|
|
}
|
|
.modal-dialog {
|
|
position: relative;
|
|
width: auto;
|
|
margin: 10px;
|
|
border-radius: 6px;
|
|
}
|
|
.modal-content {
|
|
position: relative;
|
|
border: 1px solid #999;
|
|
border: 1px solid rgba(0, 0, 0, .2);
|
|
border-radius: 6px;
|
|
outline: none;
|
|
background-color: #fff;
|
|
background-clip: padding-box;
|
|
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
|
|
}
|
|
.modal-backdrop {
|
|
position: fixed;
|
|
z-index: 1040;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
background-color: #000;
|
|
}
|
|
.modal-backdrop.fade {
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
}
|
|
.modal-backdrop.in {
|
|
opacity: .5;
|
|
filter: alpha(opacity=50);
|
|
}
|
|
.modal-header {
|
|
min-height: 16.42857143px;
|
|
padding: 15px;
|
|
border-bottom: 1px solid #dfe8f1;
|
|
}
|
|
.modal-header .close {
|
|
margin-top: 2px;
|
|
}
|
|
.modal-dialog {
|
|
border: 0;
|
|
box-shadow: 0 15px 45px rgba(0, 0, 0, .3) !important;
|
|
}
|
|
.modal.display-block .modal-dialog {
|
|
box-shadow: 0 6px 25px rgba(0, 0, 0, .1) !important;
|
|
-webkit-transform: translate(0, -20px);
|
|
-ms-transform: translate(0, -20px);
|
|
transform: translate(0, -20px);
|
|
}
|
|
.modal-title {
|
|
line-height: 1.42857143;
|
|
margin: 0;
|
|
}
|
|
.modal-body {
|
|
position: relative;
|
|
padding: 15px;
|
|
}
|
|
.modal-footer {
|
|
padding: 15px;
|
|
text-align: right;
|
|
border-top: 1px solid #dfe8f1;
|
|
}
|
|
.modal-footer .btn + .btn {
|
|
margin-bottom: 0;
|
|
margin-left: 5px;
|
|
}
|
|
.modal-footer .btn-group .btn + .btn {
|
|
margin-left: -1px;
|
|
}
|
|
.modal-footer .btn-block + .btn-block {
|
|
margin-left: 0;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.modal-dialog {
|
|
width: 600px;
|
|
margin: 30px auto;
|
|
}
|
|
.modal-content {
|
|
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
|
|
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
|
|
}
|
|
.modal-sm {
|
|
width: 300px;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
.modal-lg {
|
|
width: 900px;
|
|
}
|
|
}
|
|
.display-block.modal {
|
|
position: static;
|
|
z-index: 5;
|
|
display: block;
|
|
overflow: visible !important;
|
|
opacity: 1;
|
|
-moz-opacity: 1;
|
|
filter: alpha(opacity: 100);
|
|
}
|
|
.display-block.modal .modal-dialog {
|
|
margin-bottom: 0;
|
|
}
|
|
.modal-open #page-content-wrapper {
|
|
z-index: inherit;
|
|
}
|
|
|
|
/* Multiselect inputs */
|
|
|
|
.ms-container {
|
|
position: relative;
|
|
}
|
|
.ms-container .glyph-icon {
|
|
font-size: 20px;
|
|
line-height: 30px;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
width: 30px;
|
|
height: 30px;
|
|
margin: -15px 0 0 -15px;
|
|
text-align: center;
|
|
}
|
|
.ms-container:after {
|
|
font-size: 0;
|
|
line-height: 0;
|
|
display: block;
|
|
visibility: hidden;
|
|
clear: both;
|
|
height: 0;
|
|
min-height: 0;
|
|
content: '.';
|
|
}
|
|
.ms-container .ms-selectable,
|
|
.ms-container .ms-selection {
|
|
float: left;
|
|
width: 45%;
|
|
color: #555;
|
|
background: #fff;
|
|
}
|
|
.ms-container .ms-selection {
|
|
float: right;
|
|
}
|
|
.ms-container .ms-list {
|
|
position: relative;
|
|
overflow-y: auto;
|
|
height: 200px;
|
|
padding: 5px 10px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
.ms-list li {
|
|
line-height: 20px;
|
|
margin: 5px 0;
|
|
padding: 3px 10px;
|
|
}
|
|
.ms-container ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-type: none;
|
|
}
|
|
.ms-container .ms-optgroup-container {
|
|
width: 100%;
|
|
}
|
|
.ms-container .ms-optgroup-label {
|
|
line-height: 20px;
|
|
margin: 0;
|
|
padding: 3px 10px;
|
|
cursor: pointer;
|
|
}
|
|
.ms-container li.ms-hover {
|
|
cursor: pointer;
|
|
}
|
|
.ms-container li.disabled {
|
|
cursor: text;
|
|
}
|
|
|
|
.fileinput-button {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.fileinput-button input {
|
|
font-size: 200px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
opacity: 0;
|
|
-ms-filter: 'alpha(opacity=0)';
|
|
direction: ltr;
|
|
}
|
|
/* Fixes for IE < 8 */
|
|
|
|
@media screen\9 {
|
|
.fileinput-button input {
|
|
font-size: 100%;
|
|
height: 100%;
|
|
filter: alpha(opacity=0);
|
|
}
|
|
}
|
|
.fileupload-buttonbar .btn,
|
|
.fileupload-buttonbar .toggle {
|
|
float: left;
|
|
margin-right: 10px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.fileupload-buttonbar .toggle {
|
|
margin-top: 7px;
|
|
margin-left: 10px;
|
|
}
|
|
.template-upload .size {
|
|
margin: 0;
|
|
}
|
|
.progress-animated .progress-bar,
|
|
.progress-animated .bar {
|
|
background: url('../images/animated-overlay.gif') !important;
|
|
filter: none;
|
|
}
|
|
.fileupload-process {
|
|
display: none;
|
|
float: right;
|
|
}
|
|
.fileupload-processing .fileupload-process,
|
|
.files .processing .preview {
|
|
display: block;
|
|
width: 32px;
|
|
height: 32px;
|
|
background: url('../images/loader-dark.gif') center no-repeat;
|
|
background-size: contain;
|
|
}
|
|
.files audio,
|
|
.files video {
|
|
max-width: 300px;
|
|
}
|
|
table.table td .toggle {
|
|
margin: 7px 10px 0 0;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.fileupload-buttonbar .toggle,
|
|
.files .toggle,
|
|
.files .btn span {
|
|
display: none;
|
|
}
|
|
.files .name {
|
|
width: 80px;
|
|
word-wrap: break-word;
|
|
}
|
|
.files audio,
|
|
.files video {
|
|
max-width: 80px;
|
|
}
|
|
.files img,
|
|
.files canvas {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
@charset "UTF-8";.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{position:absolute;top:0;right:0;bottom:0;left:0;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.slide-content{margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;opacity:1}.blueimp-gallery{position:fixed;z-index:999999;overflow:hidden;background:#000;background:rgba(0,0,0,.9);opacity:0;display:none;direction:ltr;-ms-touch-action:none;touch-action:none}.blueimp-gallery-carousel{position:relative;z-index:auto;margin:1em auto;padding-bottom:56.25%;box-shadow:0 0 10px #000;-ms-touch-action:pan-y;touch-action:pan-y}.blueimp-gallery-display{display:block;opacity:1}.blueimp-gallery>.slides{position:relative;height:100%;overflow:hidden}.blueimp-gallery-carousel>.slides{position:absolute}.blueimp-gallery>.slides>.slide{position:relative;float:left;height:100%;text-align:center;-webkit-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-moz-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-ms-transition-timing-function:cubic-bezier(0.645,.045,.355,1);-o-transition-timing-function:cubic-bezier(0.645,.045,.355,1);transition-timing-function:cubic-bezier(0.645,.045,.355,1)}.blueimp-gallery,.blueimp-gallery>.slides>.slide>.slide-content{-webkit-transition:opacity .5s linear;-moz-transition:opacity .5s linear;-ms-transition:opacity .5s linear;-o-transition:opacity .5s linear;transition:opacity .5s linear}.blueimp-gallery>.slides>.slide-loading{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}.blueimp-gallery>.slides>.slide-loading>.slide-content{opacity:0}.blueimp-gallery>.slides>.slide-error{background:url(../img/error.png) center no-repeat}.blueimp-gallery>.slides>.slide-error>.slide-content{display:none}.blueimp-gallery>.prev,.blueimp-gallery>.next{position:absolute;top:50%;left:15px;width:40px;height:40px;margin-top:-23px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:60px;font-weight:100;line-height:30px;color:#fff;text-decoration:none;text-shadow:0 0 2px #000;text-align:center;background:#222;background:rgba(0,0,0,.5);-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:3px solid #fff;-webkit-border-radius:23px;-moz-border-radius:23px;border-radius:23px;opacity:.5;cursor:pointer;display:none}.blueimp-gallery>.next{left:auto;right:15px}.blueimp-gallery>.close,.blueimp-gallery>.title{position:absolute;top:15px;left:15px;margin:0 40px 0 0;font-size:20px;line-height:30px;color:#fff;text-shadow:0 0 2px #000;opacity:.8;display:none}.blueimp-gallery>.close{padding:15px;right:15px;left:auto;margin:-15px;font-size:30px;text-decoration:none;cursor:pointer}.blueimp-gallery>.play-pause{position:absolute;right:15px;bottom:15px;width:15px;height:15px;background:url(../img/play-pause.png) 0 0 no-repeat;cursor:pointer;opacity:.5;display:none}.blueimp-gallery-playing>.play-pause{background-position:-15px 0}.blueimp-gallery>.prev:hover,.blueimp-gallery>.next:hover,.blueimp-gallery>.close:hover,.blueimp-gallery>.title:hover,.blueimp-gallery>.play-pause:hover{color:#fff;opacity:1}.blueimp-gallery-controls>.prev,.blueimp-gallery-controls>.next,.blueimp-gallery-controls>.close,.blueimp-gallery-controls>.title,.blueimp-gallery-controls>.play-pause{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.prev,.blueimp-gallery-left>.prev,.blueimp-gallery-single>.next,.blueimp-gallery-right>.next,.blueimp-gallery-single>.play-pause{display:none}.blueimp-gallery>.slides>.slide>.slide-content,.blueimp-gallery>.prev,.blueimp-gallery>.next,.blueimp-gallery>.close,.blueimp-gallery>.play-pause{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}body:last-child .blueimp-gallery>.slides>.slide-error{background-image:url(../img/error.svg)}body:last-child .blueimp-gallery>.play-pause{width:20px;height:20px;background-size:40px 20px;background-image:url(../img/play-pause.svg)}body:last-child .blueimp-gallery-playing>.play-pause{background-position:-20px 0}*+html .blueimp-gallery>.slides>.slide{min-height:300px}*+html .blueimp-gallery>.slides>.slide>.slide-content{position:relative}@charset "UTF-8";.blueimp-gallery>.indicator{position:absolute;top:auto;right:15px;bottom:15px;left:15px;margin:0 40px;padding:0;list-style:none;text-align:center;line-height:10px;display:none}.blueimp-gallery>.indicator>li{display:inline-block;width:9px;height:9px;margin:6px 3px 0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;border:1px solid transparent;background:#ccc;background:rgba(255,255,255,.25)center no-repeat;border-radius:5px;box-shadow:0 0 2px #000;opacity:.5;cursor:pointer}.blueimp-gallery>.indicator>li:hover,.blueimp-gallery>.indicator>.active{background-color:#fff;border-color:#fff;opacity:1}.blueimp-gallery-controls>.indicator{display:block;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0)}.blueimp-gallery-single>.indicator{display:none}.blueimp-gallery>.indicator{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*+html .blueimp-gallery>.indicator>li{display:inline}@charset "UTF-8";.blueimp-gallery>.slides>.slide>.video-content>img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;-moz-backface-visibility:hidden}.blueimp-gallery>.slides>.slide>.video-content>video{position:absolute;top:0;left:0;width:100%;height:100%}.blueimp-gallery>.slides>.slide>.video-content>iframe{position:absolute;top:100%;left:0;width:100%;height:100%;border:none}.blueimp-gallery>.slides>.slide>.video-playing>iframe{top:0}.blueimp-gallery>.slides>.slide>.video-content>a{position:absolute;top:50%;right:0;left:0;margin:-64px auto 0;width:128px;height:128px;background:url(../img/video-play.png) center no-repeat;opacity:.8;cursor:pointer}.blueimp-gallery>.slides>.slide>.video-content>a:hover{opacity:1}.blueimp-gallery>.slides>.slide>.video-playing>a,.blueimp-gallery>.slides>.slide>.video-playing>img{display:none}.blueimp-gallery>.slides>.slide>.video-content>video{display:none}.blueimp-gallery>.slides>.slide>.video-playing>video{display:block}.blueimp-gallery>.slides>.slide>.video-loading>a{background:url(../img/loading.gif) center no-repeat;background-size:64px 64px}body:last-child .blueimp-gallery>.slides>.slide>.video-content:not(.video-loading)>a{background-image:url(../img/video-play.svg)}*+html .blueimp-gallery>.slides>.slide>.video-content{height:100%}*+html .blueimp-gallery>.slides>.slide>.video-content>a{left:50%;margin-left:-64px}
|
|
|
|
/**
|
|
* Nestable
|
|
*/
|
|
|
|
.dd {
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
position: relative;
|
|
display: block;
|
|
margin: 15px 0 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.dd-list {
|
|
position: relative;
|
|
display: block;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.dd-list .dd-list {
|
|
padding-left: 30px;
|
|
}
|
|
.dd-collapsed .dd-list {
|
|
display: none;
|
|
}
|
|
.dd-item,
|
|
.dd-empty,
|
|
.dd-placeholder {
|
|
font-size: 13px;
|
|
line-height: 20px;
|
|
position: relative;
|
|
display: block;
|
|
min-height: 20px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.dd-handle {
|
|
display: block;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 30px;
|
|
margin: 5px 0;
|
|
padding: 5px 10px;
|
|
text-decoration: none;
|
|
color: #333;
|
|
border: 1px solid #ccc;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
background: #fafafa;
|
|
}
|
|
.dd-handle:hover {
|
|
background: #fff;
|
|
}
|
|
.dd-item > button {
|
|
font-size: 12px;
|
|
line-height: 1;
|
|
position: relative;
|
|
display: block;
|
|
float: left;
|
|
overflow: hidden;
|
|
width: 25px;
|
|
height: 20px;
|
|
margin: 5px 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
white-space: nowrap;
|
|
text-indent: 100%;
|
|
border: 0;
|
|
background: transparent;
|
|
}
|
|
.dd-item > button:before {
|
|
position: absolute;
|
|
display: block;
|
|
width: 100%;
|
|
content: '+';
|
|
text-align: center;
|
|
text-indent: 0;
|
|
}
|
|
.dd-item > button[data-action='collapse']:before {
|
|
content: '-';
|
|
}
|
|
.dd-placeholder,
|
|
.dd-empty {
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
min-height: 30px;
|
|
margin: 5px 0;
|
|
padding: 0;
|
|
border: 1px dashed #b6bcbf;
|
|
background: #f2fbff;
|
|
}
|
|
.dd-empty {
|
|
min-height: 100px;
|
|
border: 1px dashed #bbb;
|
|
background-color: #dfe8f1;
|
|
background-image: -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -webkit-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
|
|
background-image: -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), -moz-linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
|
|
background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
|
|
background-position: 0 0, 30px 30px;
|
|
background-size: 60px 60px;
|
|
}
|
|
.dd-dragel {
|
|
position: absolute;
|
|
z-index: 9999;
|
|
pointer-events: none;
|
|
}
|
|
.dd-dragel > .dd-item .dd-handle {
|
|
margin-top: 0;
|
|
}
|
|
.dd-dragel .dd-handle {
|
|
-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
|
|
box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1);
|
|
}
|
|
/**
|
|
* Nestable Extras
|
|
*/
|
|
|
|
#nestable-menu {
|
|
margin: 0 0 15px;
|
|
padding: 0;
|
|
}
|
|
#nestable-output,
|
|
#nestable2-output {
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
height: 7em;
|
|
}
|
|
#nestable2 .dd-handle {
|
|
color: #fff;
|
|
border: 1px solid #999;
|
|
background: #bbb;
|
|
}
|
|
#nestable2 .dd-handle:hover {
|
|
background: #bbb;
|
|
}
|
|
#nestable2 .dd-item > button:before {
|
|
color: #fff;
|
|
}
|
|
.dd-hover > .dd-handle {
|
|
background: #2ea8e5 !important;
|
|
}
|
|
/**
|
|
* Nestable Draggable Handles
|
|
*/
|
|
|
|
.dd3-content {
|
|
display: block;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
height: 30px;
|
|
margin: 5px 0;
|
|
padding: 5px 10px 5px 40px;
|
|
text-decoration: none;
|
|
color: #333;
|
|
border: 1px solid #ccc;
|
|
-webkit-border-radius: 3px;
|
|
border-radius: 3px;
|
|
background: #fafafa;
|
|
}
|
|
.dd3-content:hover {
|
|
color: #2ea8e5;
|
|
background: #fff;
|
|
}
|
|
.dd-dragel > .dd3-item > .dd3-content {
|
|
margin: 0;
|
|
}
|
|
.dd3-item > button {
|
|
margin-left: 30px;
|
|
}
|
|
.dd3-handle {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
width: 30px;
|
|
margin: 0;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
text-indent: 100%;
|
|
border: 1px solid #aaa;
|
|
border-top-right-radius: 0;
|
|
border-bottom-right-radius: 0;
|
|
background: #ddd;
|
|
}
|
|
.dd3-handle:before {
|
|
font-size: 20px;
|
|
font-weight: normal;
|
|
position: absolute;
|
|
top: 3px;
|
|
left: 0;
|
|
display: block;
|
|
width: 100%;
|
|
content: '≡';
|
|
text-align: center;
|
|
text-indent: 0;
|
|
color: #fff;
|
|
}
|
|
.dd3-handle:hover {
|
|
background: #ddd;
|
|
}
|
|
|
|
/* Noty */
|
|
|
|
.noty-wrapper {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
position: fixed;
|
|
z-index: 10000;
|
|
left: 0;
|
|
width: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
opacity: 95;
|
|
-moz-opacity: 95;
|
|
filter: alpha(opacity: 95);
|
|
}
|
|
.noty-wrapper:hover {
|
|
opacity: 1;
|
|
-moz-opacity: 1;
|
|
filter: alpha(opacity: 100);
|
|
}
|
|
.noty_message {
|
|
line-height: 20px;
|
|
padding: 15px 10px;
|
|
text-align: center;
|
|
}
|
|
#noty_bottom {
|
|
bottom: 0;
|
|
}
|
|
#noty_top {
|
|
top: 0;
|
|
}
|
|
#noty_center {
|
|
top: 50%;
|
|
left: 50%;
|
|
}
|
|
#noty_center li {
|
|
margin: 10px 0;
|
|
border: 0;
|
|
}
|
|
|
|
/* Popovers */
|
|
|
|
.popover {
|
|
z-index: 1049;
|
|
top: 0;
|
|
left: 0;
|
|
display: none;
|
|
min-width: 250px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
.popover .popover-content {
|
|
padding: 15px;
|
|
}
|
|
.display-block.popover {
|
|
box-shadow: 0 0 0 transparent;
|
|
}
|
|
.popover.top {
|
|
margin-top: -10px;
|
|
}
|
|
.popover.right {
|
|
margin-left: 10px;
|
|
}
|
|
.popover.bottom {
|
|
margin-top: 10px;
|
|
}
|
|
.popover.left {
|
|
margin-left: -10px;
|
|
}
|
|
.popover-title {
|
|
font-size: 12px;
|
|
font-weight: bold;
|
|
margin: 0;
|
|
padding: 10px 15px;
|
|
text-transform: uppercase;
|
|
border-bottom-width: 1px;
|
|
border-bottom-style: solid;
|
|
}
|
|
.popover-title:empty {
|
|
display: none;
|
|
}
|
|
.popover .arrow,
|
|
.popover .arrow:after {
|
|
position: absolute;
|
|
display: block;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
}
|
|
.popover .arrow {
|
|
border-width: 10px;
|
|
}
|
|
.popover .arrow:after {
|
|
content: '';
|
|
border-width: 10px;
|
|
}
|
|
.popover.top .arrow {
|
|
bottom: -22px;
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
}
|
|
.popover.top .arrow:after {
|
|
bottom: 1px;
|
|
margin-left: -10px;
|
|
border-top-color: rgba(0, 0, 0, .2);
|
|
border-bottom-width: 0;
|
|
}
|
|
.popover.right .arrow {
|
|
top: 50%;
|
|
left: -22px;
|
|
margin-top: -11px;
|
|
}
|
|
.popover.right .arrow:after {
|
|
bottom: -10px;
|
|
left: 1px;
|
|
border-right-color: rgba(0, 0, 0, .2);
|
|
border-left-width: 0;
|
|
}
|
|
.popover.bottom .arrow {
|
|
top: -22px;
|
|
left: 50%;
|
|
margin-left: -11px;
|
|
}
|
|
.popover.bottom .arrow:after {
|
|
top: 1px;
|
|
margin-left: -10px;
|
|
border-top-width: 0;
|
|
border-bottom-color: rgba(0, 0, 0, .2);
|
|
}
|
|
.popover.left .arrow {
|
|
top: 50%;
|
|
right: -22px;
|
|
margin-top: -11px;
|
|
}
|
|
.popover.left .arrow:after {
|
|
right: 1px;
|
|
bottom: -10px;
|
|
border-right-width: 0;
|
|
border-left-color: rgba(0, 0, 0, .2);
|
|
}
|
|
.popover .nav-list,
|
|
.popover .dropdown-menu {
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
.display-block.popover {
|
|
float: none;
|
|
width: auto;
|
|
margin: 15px;
|
|
}
|
|
.fixed-header .popover {
|
|
position: fixed;
|
|
-webkit-transform: translate3d(0, 0, 0);
|
|
}
|
|
|
|
/* ------------------------------------------------------------------------
|
|
This you can edit.
|
|
------------------------------------------------------------------------- */
|
|
/* ----------------------------------
|
|
Default Theme
|
|
----------------------------------- */
|
|
|
|
div.pp_default .pp_top,
|
|
div.pp_default .pp_top .pp_middle,
|
|
div.pp_default .pp_top .pp_left,
|
|
div.pp_default .pp_top .pp_right,
|
|
div.pp_default .pp_bottom,
|
|
div.pp_default .pp_bottom .pp_left,
|
|
div.pp_default .pp_bottom .pp_middle,
|
|
div.pp_default .pp_bottom .pp_right {
|
|
height: 13px;
|
|
}
|
|
div.pp_default .pp_top .pp_left {
|
|
background: url(images/default/sprite.png) -78px -93px no-repeat;
|
|
}
|
|
/* Top left corner */
|
|
|
|
div.pp_default .pp_top .pp_middle {
|
|
background: url(images/default/sprite_x.png) top left repeat-x;
|
|
}
|
|
/* Top pattern/color */
|
|
|
|
div.pp_default .pp_top .pp_right {
|
|
background: url(images/default/sprite.png) -112px -93px no-repeat;
|
|
}
|
|
/* Top right corner */
|
|
|
|
div.pp_default .pp_content .ppt {
|
|
color: #f8f8f8;
|
|
}
|
|
div.pp_default .pp_content_container .pp_left {
|
|
padding-left: 13px;
|
|
background: url(images/default/sprite_y.png) -7px 0 repeat-y;
|
|
}
|
|
div.pp_default .pp_content_container .pp_right {
|
|
padding-right: 13px;
|
|
background: url(images/default/sprite_y.png) top right repeat-y;
|
|
}
|
|
div.pp_default .pp_content {
|
|
background-color: #fff;
|
|
}
|
|
/* Content background */
|
|
|
|
div.pp_default .pp_next:hover {
|
|
cursor: pointer;
|
|
background: url(images/default/sprite_next.png) center right no-repeat;
|
|
}
|
|
/* Next button */
|
|
|
|
div.pp_default .pp_previous:hover {
|
|
cursor: pointer;
|
|
background: url(images/default/sprite_prev.png) center left no-repeat;
|
|
}
|
|
/* Previous button */
|
|
|
|
div.pp_default .pp_expand {
|
|
width: 28px;
|
|
height: 28px;
|
|
cursor: pointer;
|
|
background: url(images/default/sprite.png) 0 -29px no-repeat;
|
|
}
|
|
/* Expand button */
|
|
|
|
div.pp_default .pp_expand:hover {
|
|
cursor: pointer;
|
|
background: url(images/default/sprite.png) 0 -56px no-repeat;
|
|
}
|
|
/* Expand button hover */
|
|
|
|
div.pp_default .pp_contract {
|
|
width: 28px;
|
|
height: 28px;
|
|
cursor: pointer;
|
|
background: url(images/default/sprite.png) 0 -84px no-repeat;
|
|
}
|
|
/* Contract button */
|
|
|
|
div.pp_default .pp_contract:hover {
|
|
cursor: pointer;
|
|
background: url(images/default/sprite.png) 0 -113px no-repeat;
|
|
}
|
|
/* Contract button hover */
|
|
|
|
div.pp_default .pp_close {
|
|
width: 30px;
|
|
height: 30px;
|
|
cursor: pointer;
|
|
background: url(images/default/sprite.png) 2px 1px no-repeat;
|
|
}
|
|
/* Close button */
|
|
|
|
div.pp_default #pp_full_res .pp_inline {
|
|
color: #000;
|
|
}
|
|
div.pp_default .pp_gallery ul li a {
|
|
border: 1px solid #aaa;
|
|
background: url(images/default/default_thumb.png) center center #f8f8f8;
|
|
}
|
|
div.pp_default .pp_gallery ul li a:hover,
|
|
div.pp_default .pp_gallery ul li.selected a {
|
|
border-color: #fff;
|
|
}
|
|
div.pp_default .pp_social {
|
|
margin-top: 7px;
|
|
}
|
|
div.pp_default .pp_gallery a.pp_arrow_previous,
|
|
div.pp_default .pp_gallery a.pp_arrow_next {
|
|
position: static;
|
|
left: auto;
|
|
}
|
|
div.pp_default .pp_nav .pp_play,
|
|
div.pp_default .pp_nav .pp_pause {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: url(images/default/sprite.png) -51px 1px no-repeat;
|
|
}
|
|
div.pp_default .pp_nav .pp_pause {
|
|
background-position: -51px -29px;
|
|
}
|
|
div.pp_default .pp_details {
|
|
position: relative;
|
|
}
|
|
div.pp_default a.pp_arrow_previous,
|
|
div.pp_default a.pp_arrow_next {
|
|
width: 20px;
|
|
height: 20px;
|
|
margin: 4px 0 0 0;
|
|
background: url(images/default/sprite.png) -31px -3px no-repeat;
|
|
}
|
|
div.pp_default a.pp_arrow_next {
|
|
left: 52px;
|
|
background-position: -82px -3px;
|
|
}
|
|
/* The next arrow in the bottom nav */
|
|
|
|
div.pp_default .pp_content_container .pp_details {
|
|
margin-top: 5px;
|
|
}
|
|
div.pp_default .pp_nav {
|
|
position: relative;
|
|
clear: none;
|
|
width: 110px;
|
|
height: 30px;
|
|
}
|
|
div.pp_default .pp_nav .currentTextHolder {
|
|
font-family: Georgia;
|
|
font-size: 11px;
|
|
font-style: italic;
|
|
line-height: 25px;
|
|
position: absolute;
|
|
top: 2px;
|
|
left: 75px;
|
|
margin: 0;
|
|
padding: 0 0 0 10px;
|
|
color: #999;
|
|
}
|
|
div.pp_default .pp_close:hover,
|
|
div.pp_default .pp_nav .pp_play:hover,
|
|
div.pp_default .pp_nav .pp_pause:hover,
|
|
div.pp_default .pp_arrow_next:hover,
|
|
div.pp_default .pp_arrow_previous:hover {
|
|
opacity: .7;
|
|
}
|
|
div.pp_default .pp_description {
|
|
font-size: 11px;
|
|
font-weight: bold;
|
|
line-height: 14px;
|
|
margin: 5px 50px 5px 0;
|
|
}
|
|
div.pp_default .pp_bottom .pp_left {
|
|
background: url(images/default/sprite.png) -78px -127px no-repeat;
|
|
}
|
|
/* Bottom left corner */
|
|
|
|
div.pp_default .pp_bottom .pp_middle {
|
|
background: url(images/default/sprite_x.png) bottom left repeat-x;
|
|
}
|
|
/* Bottom pattern/color */
|
|
|
|
div.pp_default .pp_bottom .pp_right {
|
|
background: url(images/default/sprite.png) -112px -127px no-repeat;
|
|
}
|
|
/* Bottom right corner */
|
|
|
|
div.pp_default .pp_loaderIcon {
|
|
background: url(images/default/loader.gif) center center no-repeat;
|
|
}
|
|
/* Loader icon */
|
|
/* ------------------------------------------------------------------------
|
|
DO NOT CHANGE
|
|
------------------------------------------------------------------------- */
|
|
|
|
div.pp_pic_holder a:focus {
|
|
outline: none;
|
|
}
|
|
div.pp_overlay {
|
|
position: absolute;
|
|
z-index: 9500;
|
|
top: 0;
|
|
left: 0;
|
|
display: none;
|
|
width: 100%;
|
|
background: #000;
|
|
}
|
|
div.pp_pic_holder {
|
|
position: absolute;
|
|
z-index: 10000;
|
|
display: none;
|
|
width: 100px;
|
|
}
|
|
.pp_top {
|
|
position: relative;
|
|
height: 20px;
|
|
}
|
|
* html .pp_top {
|
|
padding: 0 20px;
|
|
}
|
|
.pp_top .pp_left {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.pp_top .pp_middle {
|
|
position: absolute;
|
|
right: 20px;
|
|
left: 20px;
|
|
height: 20px;
|
|
}
|
|
* html .pp_top .pp_middle {
|
|
position: static;
|
|
left: 0;
|
|
}
|
|
.pp_top .pp_right {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: auto;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.pp_content {
|
|
min-width: 40px;
|
|
height: 40px;
|
|
}
|
|
* html .pp_content {
|
|
width: 40px;
|
|
}
|
|
.pp_fade {
|
|
display: none;
|
|
}
|
|
.pp_content_container {
|
|
position: relative;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
.pp_content_container .pp_left {
|
|
padding-left: 20px;
|
|
}
|
|
.pp_content_container .pp_right {
|
|
padding-right: 20px;
|
|
}
|
|
.pp_content_container .pp_details {
|
|
float: left;
|
|
margin: 10px 0 2px 0;
|
|
}
|
|
.pp_description {
|
|
display: none;
|
|
margin: 0;
|
|
}
|
|
.pp_social {
|
|
float: left;
|
|
margin: 0;
|
|
}
|
|
.pp_social .facebook {
|
|
float: left;
|
|
overflow: hidden;
|
|
width: 55px;
|
|
margin-left: 5px;
|
|
}
|
|
.pp_social .twitter {
|
|
float: left;
|
|
}
|
|
.pp_nav {
|
|
float: left;
|
|
clear: right;
|
|
margin: 3px 10px 0 0;
|
|
}
|
|
.pp_nav p {
|
|
float: left;
|
|
margin: 2px 4px;
|
|
white-space: nowrap;
|
|
}
|
|
.pp_nav .pp_play,
|
|
.pp_nav .pp_pause {
|
|
float: left;
|
|
margin-right: 4px;
|
|
text-indent: -10000px;
|
|
}
|
|
a.pp_arrow_previous,
|
|
a.pp_arrow_next {
|
|
display: block;
|
|
float: left;
|
|
overflow: hidden;
|
|
width: 14px;
|
|
height: 15px;
|
|
margin-top: 3px;
|
|
text-indent: -10000px;
|
|
}
|
|
.pp_hoverContainer {
|
|
position: absolute;
|
|
z-index: 2000;
|
|
top: 0;
|
|
width: 100%;
|
|
}
|
|
.pp_gallery {
|
|
position: absolute;
|
|
z-index: 10000;
|
|
left: 50%;
|
|
display: none;
|
|
margin-top: -50px;
|
|
}
|
|
.pp_gallery div {
|
|
position: relative;
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
.pp_gallery ul {
|
|
position: relative;
|
|
float: left;
|
|
height: 35px;
|
|
margin: 0 0 0 5px;
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
}
|
|
.pp_gallery ul a {
|
|
display: block;
|
|
float: left;
|
|
overflow: hidden;
|
|
height: 33px;
|
|
border: 1px #000 solid;
|
|
border: 1px rgba(0, 0, 0, .5) solid;
|
|
}
|
|
.pp_gallery ul a:hover,
|
|
.pp_gallery li.selected a {
|
|
border-color: #fff;
|
|
}
|
|
.pp_gallery ul a img {
|
|
border: 0;
|
|
}
|
|
.pp_gallery li {
|
|
display: block;
|
|
float: left;
|
|
margin: 0 5px 0 0;
|
|
padding: 0;
|
|
}
|
|
.pp_gallery li.default a {
|
|
display: block;
|
|
width: 50px;
|
|
height: 33px;
|
|
background: url(images/facebook/default_thumbnail.gif) 0 0 no-repeat;
|
|
}
|
|
.pp_gallery li.default a img {
|
|
display: none;
|
|
}
|
|
.pp_gallery .pp_arrow_previous,
|
|
.pp_gallery .pp_arrow_next {
|
|
margin-top: 7px !important;
|
|
}
|
|
a.pp_expand,
|
|
a.pp_contract {
|
|
position: absolute;
|
|
z-index: 20000;
|
|
top: 10px;
|
|
right: 30px;
|
|
display: none;
|
|
width: 20px;
|
|
height: 20px;
|
|
cursor: pointer;
|
|
text-indent: -10000px;
|
|
}
|
|
a.pp_close {
|
|
line-height: 22px;
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
display: block;
|
|
text-indent: -10000px;
|
|
}
|
|
.pp_bottom {
|
|
position: relative;
|
|
height: 20px;
|
|
}
|
|
* html .pp_bottom {
|
|
padding: 0 20px;
|
|
}
|
|
.pp_bottom .pp_left {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.pp_bottom .pp_middle {
|
|
position: absolute;
|
|
right: 20px;
|
|
left: 20px;
|
|
height: 20px;
|
|
}
|
|
* html .pp_bottom .pp_middle {
|
|
position: static;
|
|
left: 0;
|
|
}
|
|
.pp_bottom .pp_right {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
left: auto;
|
|
width: 20px;
|
|
height: 20px;
|
|
}
|
|
.pp_loaderIcon {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
display: block;
|
|
width: 24px;
|
|
height: 24px;
|
|
margin: -12px 0 0 -12px;
|
|
}
|
|
#pp_full_res {
|
|
line-height: 1 !important;
|
|
}
|
|
#pp_full_res .pp_inline {
|
|
text-align: left;
|
|
}
|
|
#pp_full_res .pp_inline p {
|
|
margin: 0 0 15px 0;
|
|
}
|
|
div.ppt {
|
|
font-size: 17px;
|
|
z-index: 9999;
|
|
display: none;
|
|
margin: 0 0 5px 15px;
|
|
color: #fff;
|
|
}
|
|
|
|
/* Progress Bar */
|
|
|
|
.progress,
|
|
.progress-bar,
|
|
.progressbar,
|
|
.progress-label,
|
|
.progressbar-value,
|
|
.progress-overlay {
|
|
font-weight: bold;
|
|
line-height: 20px;
|
|
height: 20px;
|
|
border-radius: 4px;
|
|
}
|
|
.progress,
|
|
.progressbar {
|
|
position: relative;
|
|
text-align: center;
|
|
background: rgba(0, 0, 0, .05);
|
|
box-shadow: inset 1px 1px 3px rgba(0, 0, 0, .2);
|
|
}
|
|
.progress-bar,
|
|
.progressbar-value,
|
|
.progress-overlay,
|
|
.progress-label {
|
|
position: absolute;
|
|
z-index: 4;
|
|
top: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
}
|
|
.progress .progress-bar {
|
|
position: relative !important;
|
|
border-radius: 0;
|
|
}
|
|
.progressbar-value.ui-state-default,
|
|
.progressbar-value.ui-state-default .progress-label {
|
|
line-height: 18px;
|
|
height: 18px;
|
|
}
|
|
.progress-label {
|
|
z-index: 6;
|
|
width: 100%;
|
|
}
|
|
.progress-overlay {
|
|
z-index: 5;
|
|
width: 100%;
|
|
opacity: .15;
|
|
background: url('../../images/animated-overlay.gif');
|
|
filter: alpha(opacity=15);
|
|
}
|
|
.progressbar-small.progressbar,
|
|
.progressbar-small .progress-label,
|
|
.progressbar-small .progressbar-value,
|
|
.progressbar-small .progress-overlay {
|
|
height: 10px;
|
|
}
|
|
.progressbar-small .progressbar-value.ui-state-default {
|
|
height: 8px;
|
|
}
|
|
.progressbar-smaller.progressbar,
|
|
.progressbar-smaller .progress-label,
|
|
.progressbar-smaller .progressbar-value,
|
|
.progressbar-smaller .progress-overlay {
|
|
height: 4px;
|
|
}
|
|
.progressbar-smaller .progressbar-value.ui-state-default {
|
|
height: 2px;
|
|
}
|
|
.bg-black .progress-overlay,
|
|
.bg-black .progress-overlay {
|
|
opacity: 1;
|
|
filter: alpha(opacity=100);
|
|
}
|
|
/* Bootstrap progressbar */
|
|
|
|
@-webkit-keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0;
|
|
}
|
|
to {
|
|
background-position: 0 0;
|
|
}
|
|
}
|
|
@keyframes progress-bar-stripes {
|
|
from {
|
|
background-position: 40px 0;
|
|
}
|
|
to {
|
|
background-position: 0 0;
|
|
}
|
|
}
|
|
.progress {
|
|
overflow: hidden;
|
|
height: 20px;
|
|
margin-bottom: 20px;
|
|
border-radius: 4px;
|
|
background-color: #f5f5f5;
|
|
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
|
|
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
|
|
}
|
|
.progress-bar {
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
float: left;
|
|
width: 0;
|
|
height: 100%;
|
|
-webkit-transition: width .6s ease;
|
|
transition: width .6s ease;
|
|
text-align: center;
|
|
color: #fff;
|
|
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
|
|
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
|
|
}
|
|
.progress-striped .progress-bar {
|
|
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
|
background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
|
|
background-size: 40px 40px;
|
|
}
|
|
.progress.active .progress-bar {
|
|
-webkit-animation: progress-bar-stripes 2s linear infinite;
|
|
animation: progress-bar-stripes 2s linear infinite;
|
|
}
|
|
|
|
/* RangeSlider */
|
|
|
|
.ui-rangeSlider {
|
|
height: 50px;
|
|
padding-top: 30px;
|
|
}
|
|
.ui-rangeSlider-withArrows .ui-rangeSlider-container {
|
|
margin: 0 15px;
|
|
}
|
|
.ui-rangeSlider-disabled.ui-rangeSlider-noArrow .ui-rangeSlider-container {
|
|
border-color: #8490a3;
|
|
}
|
|
.ui-rangeSlider-container,
|
|
.ui-rangeSlider-arrow {
|
|
height: 20px;
|
|
}
|
|
.ui-rangeSlider-arrow {
|
|
width: 14px;
|
|
cursor: pointer;
|
|
}
|
|
.ui-rangeSlider-leftArrow {
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
.ui-rangeSlider-rightArrow {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
.ui-rangeSlider-arrow-inner {
|
|
position: absolute;
|
|
top: 50%;
|
|
width: 0;
|
|
height: 0;
|
|
margin-top: -5px;
|
|
border: 5px solid transparent;
|
|
}
|
|
.ui-rangeSlider-leftArrow .ui-rangeSlider-arrow-inner {
|
|
left: 0;
|
|
margin-left: -1px;
|
|
border-right: 5px solid #666;
|
|
}
|
|
.ui-rangeSlider-leftArrow:hover .ui-rangeSlider-arrow-inner {
|
|
border-right: 5px solid #333;
|
|
}
|
|
.ui-rangeSlider-rightArrow .ui-rangeSlider-arrow-inner {
|
|
right: 0;
|
|
margin-right: -1px;
|
|
border-left: 5px solid #666;
|
|
}
|
|
.ui-rangeSlider-rightArrow:hover .ui-rangeSlider-arrow-inner {
|
|
border-left: 5px solid #333;
|
|
}
|
|
.ui-rangeSlider-innerBar {
|
|
left: -10px;
|
|
overflow: hidden;
|
|
width: 110%;
|
|
height: 100%;
|
|
}
|
|
.ui-rangeSlider-bar {
|
|
height: 18px;
|
|
margin: 1px 0;
|
|
cursor: move;
|
|
cursor: grab;
|
|
cursor: -moz-grab;
|
|
}
|
|
.ui-rangeSlider-disabled .ui-rangeSlider-bar {
|
|
background: #93aeca;
|
|
}
|
|
.ui-rangeSlider-handle {
|
|
width: 10px;
|
|
height: 30px;
|
|
cursor: col-resize;
|
|
background: transparent;
|
|
}
|
|
.ui-rangeSlider-label {
|
|
font-size: 15px;
|
|
bottom: 27px;
|
|
padding: 5px 10px;
|
|
cursor: col-resize;
|
|
color: #fff;
|
|
background-color: rgba(0, 0, 0, .7);
|
|
}
|
|
.ui-rangeSlider-label:hover,
|
|
.ui-rangeSlider-label:active {
|
|
background: #000;
|
|
}
|
|
.ui-rangeSlider-label-inner {
|
|
position: absolute;
|
|
z-index: 99;
|
|
top: 100%;
|
|
left: 50%;
|
|
display: block;
|
|
margin-left: -5px;
|
|
border-top: 5px solid rgba(0, 0, 0, .7);
|
|
border-right: 5px solid transparent;
|
|
border-left: 5px solid transparent;
|
|
}
|
|
.ui-rangeSlider-label:hover .ui-rangeSlider-label-inner,
|
|
.ui-rangeSlider-label:active .ui-rangeSlider-label-inner {
|
|
border-top: 5px solid #000;
|
|
}
|
|
.ui-editRangeSlider-inputValue {
|
|
font-size: 15px;
|
|
width: 2em;
|
|
text-align: center;
|
|
border: 0;
|
|
}
|
|
|
|
/* -----------------------------------
|
|
* Slidebars
|
|
* Version 0..10
|
|
* http://plugins.adchsm.me/slidebars/
|
|
*
|
|
* Written by Adam Smith
|
|
* http://www.adchsm.me/
|
|
*
|
|
* Released under MIT License
|
|
* http://plugins.adchsm.me/slidebars/license.txt
|
|
*
|
|
* -------------------
|
|
* Slidebars CSS Index
|
|
*
|
|
* 001 - Box Model, Html & Body
|
|
* 002 - Site
|
|
* 003 - Slidebars
|
|
* 004 - Animation
|
|
* 005 - Helper Classes
|
|
*
|
|
* ----------------------------
|
|
* 001 - Box Model, Html & Body
|
|
*/
|
|
|
|
html,
|
|
body,
|
|
#sb-site,
|
|
.sb-site-container,
|
|
.sb-slidebar {
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
|
|
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
html.sb-scroll-lock.sb-active:not(.sb-static) {
|
|
overflow: hidden;
|
|
/* Prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
|
|
}
|
|
#sb-site .sb-overlay {
|
|
display: none;
|
|
}
|
|
.sb-active #sb-site .sb-overlay {
|
|
display: block;
|
|
}
|
|
/* ----------
|
|
* 002 - Site
|
|
*/
|
|
|
|
#sb-site,
|
|
.sb-site-container {
|
|
position: relative;
|
|
/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
|
|
|
|
width: 100%;
|
|
}
|
|
/* ---------------
|
|
* 003 - Slidebars
|
|
*/
|
|
|
|
.sb-slidebar {
|
|
position: fixed;
|
|
z-index: 0;
|
|
/* Slidebars sit behind sb-site. */
|
|
|
|
top: 0;
|
|
display: none;
|
|
/* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
|
|
|
|
overflow-y: auto;
|
|
/* Enable vertical scrolling on Slidebars when needed. */
|
|
|
|
height: 100%;
|
|
overflow-x: hidden;
|
|
-webkit-transform: translate(0px);
|
|
/* Fixes issues with translated and z-indexed elements on iOS 7. */
|
|
}
|
|
.sb-slidebar.sb-right.sb-active {
|
|
right: -3px;
|
|
}
|
|
.sb-left {
|
|
left: 0;
|
|
/* Set Slidebar to the left. */
|
|
}
|
|
.sb-right {
|
|
right: 0;
|
|
/* Set Slidebar to the right. */
|
|
}
|
|
.sb-slidebar .scrollable-content {
|
|
height: 100%;
|
|
}
|
|
html.sb-static .sb-slidebar,
|
|
.sb-slidebar.sb-static {
|
|
position: absolute;
|
|
/* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
|
|
}
|
|
.sb-slidebar.sb-active {
|
|
display: block;
|
|
/* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
|
|
}
|
|
.sb-style-overlay {
|
|
z-index: 9999;
|
|
/* Set z-index high to ensure it overlays any other site elements. */
|
|
}
|
|
.sb-momentum-scrolling {
|
|
-webkit-overflow-scrolling: touch;
|
|
/* Adds native momentum scrolling for iOS & Android devices. */
|
|
}
|
|
/* Slidebar widths for browsers/devices that don't support media queries. */
|
|
|
|
.sb-slidebar {
|
|
width: 30%;
|
|
}
|
|
.sb-width-thin {
|
|
width: 15%;
|
|
}
|
|
.sb-width-wide {
|
|
width: 45%;
|
|
}
|
|
@media (max-width: 480px) {
|
|
/* Slidebar widths on extra small screens. */
|
|
|
|
.sb-slidebar {
|
|
width: 70%;
|
|
}
|
|
.sb-width-thin {
|
|
width: 55%;
|
|
}
|
|
.sb-width-wide {
|
|
width: 85%;
|
|
}
|
|
}
|
|
@media (min-width: 481px) {
|
|
/* Slidebar widths on small screens. */
|
|
|
|
.sb-slidebar {
|
|
width: 55%;
|
|
}
|
|
.sb-width-thin {
|
|
width: 40%;
|
|
}
|
|
.sb-width-wide {
|
|
width: 70%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) {
|
|
/* Slidebar widths on medium screens. */
|
|
|
|
.sb-slidebar {
|
|
width: 40%;
|
|
}
|
|
.sb-width-thin {
|
|
width: 25%;
|
|
}
|
|
.sb-width-wide {
|
|
width: 55%;
|
|
}
|
|
}
|
|
@media (min-width: 992px) {
|
|
/* Slidebar widths on large screens. */
|
|
|
|
.sb-slidebar {
|
|
width: 30%;
|
|
}
|
|
.sb-width-thin {
|
|
width: 15%;
|
|
}
|
|
.sb-width-wide {
|
|
width: 45%;
|
|
}
|
|
}
|
|
@media (min-width: 1200px) {
|
|
/* Slidebar widths on extra large screens. */
|
|
|
|
.sb-slidebar {
|
|
width: 350px;
|
|
}
|
|
.sb-width-thin {
|
|
width: 5%;
|
|
}
|
|
.sb-width-wide {
|
|
width: 35%;
|
|
}
|
|
}
|
|
/* ---------------
|
|
* 004 - Animation
|
|
*/
|
|
|
|
.sb-slide,
|
|
#sb-site,
|
|
.sb-site-container,
|
|
.sb-slidebar {
|
|
-webkit-transition: -webkit-transform 400ms ease;
|
|
-moz-transition: -moz-transform 400ms ease;
|
|
-o-transition: -o-transform 400ms ease;
|
|
transition: transform 400ms ease;
|
|
-webkit-transition-property: -webkit-transform, left, right;
|
|
/* Add left/right for Android < 4.4. */
|
|
|
|
-webkit-backface-visibility: hidden;
|
|
/* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
|
|
}
|
|
/* --------------------
|
|
* 005 - Helper Classes
|
|
*/
|
|
|
|
.sb-hide {
|
|
display: none;
|
|
/* Optionally applied to control classes when Slidebars is disabled over a certain width. */
|
|
}
|
|
|
|
/* Right menu */
|
|
|
|
.sb-slidebar .popover-title
|
|
{
|
|
font-size: 13px;
|
|
font-size: 11px;
|
|
line-height: 36px;
|
|
|
|
display: block;
|
|
|
|
height: 36px;
|
|
margin: 2px 0;
|
|
padding: 0 15px;
|
|
|
|
border-width: 0;
|
|
}
|
|
|
|
.sb-slidebar .divider
|
|
{
|
|
background: rgba(255,255,255,.1);
|
|
}
|
|
|
|
.sb-slidebar.sb-left .divider-header
|
|
{
|
|
font-size: 14px;
|
|
|
|
opacity: .4;
|
|
}
|
|
|
|
.sb-slidebar .popover-title .caret
|
|
{
|
|
float: right;
|
|
|
|
margin-top: 17px;
|
|
}
|
|
|
|
.sb-slidebar .progress-box li a
|
|
{
|
|
display: block;
|
|
|
|
padding: 0;
|
|
}
|
|
|
|
.sb-slidebar .files-box
|
|
{
|
|
padding: 10px 0;
|
|
}
|
|
|
|
.sb-slidebar .files-box li.divider
|
|
{
|
|
margin: 5px 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.sb-slidebar .notifications-box li,
|
|
.sb-slidebar .progress-box li
|
|
{
|
|
padding: 15px;
|
|
|
|
border-color: rgba(255,255,255,.1);
|
|
}
|
|
|
|
.sb-slidebar .notifications-box li:last-child,
|
|
.sb-slidebar .progress-box li:last-child
|
|
{
|
|
padding-bottom: 20px;
|
|
}
|
|
|
|
.sb-slidebar .notifications-box-alt li:first-child {
|
|
padding-top: 15px;
|
|
}
|
|
|
|
/* Chat box */
|
|
|
|
.sb-slidebar ul.chat-box {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.sb-slidebar .chat-box li {
|
|
position: relative;
|
|
margin: 15px;
|
|
padding: 0;
|
|
}
|
|
.sb-slidebar .chat-box li a.chat-wrapper {
|
|
display: block;
|
|
padding: 10px;
|
|
}
|
|
.sb-slidebar .chat-box li a.btn-md {
|
|
position: absolute;
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -17px;
|
|
padding: 0 10px;
|
|
}
|
|
.sb-slidebar .chat-box li a.btn-md .glyph-icon {
|
|
opacity: .5;
|
|
}
|
|
.sb-slidebar .chat-box li a.chat-wrapper:hover {
|
|
color: #fff;
|
|
}
|
|
.sb-slidebar .chat-box li .status-badge {
|
|
float: left;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
.sb-slidebar .chat-box li b {
|
|
font-size: 12px;
|
|
display: block;
|
|
padding: 4px 0 0;
|
|
}
|
|
.sb-slidebar .chat-box li p {
|
|
font-size: 11px;
|
|
opacity: .6;
|
|
}
|
|
|
|
.popover-title:hover { text-decoration:none; }
|
|
|
|
/* jQuery UI Slider */
|
|
|
|
.ui-slider {
|
|
position: relative;
|
|
text-align: left;
|
|
}
|
|
.ui-slider .ui-slider-handle,
|
|
.ui-slider .ui-slider-range,
|
|
.ui-slider-horizontal,
|
|
.ui-slider-vertical {
|
|
-webkit-border-radius: 100px;
|
|
-moz-border-radius: 100px;
|
|
border-radius: 100px;
|
|
}
|
|
.ui-slider .ui-slider-handle {
|
|
position: absolute;
|
|
z-index: 2;
|
|
width: 8px;
|
|
height: 8px;
|
|
border: #FFF solid 6px;
|
|
box-sizing: initial;
|
|
cursor: pointer;
|
|
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
|
|
}
|
|
.ui-slider .ui-slider-handle:active,
|
|
.ui-slider .ui-slider-handle:hover {
|
|
border-color: #fff;
|
|
}
|
|
.ui-slider .ui-slider-range {
|
|
position: absolute;
|
|
z-index: 1;
|
|
display: block;
|
|
border: 0;
|
|
}
|
|
.ui-slider.ui-state-disabled .ui-slider-handle,
|
|
.ui-slider.ui-state-disabled .ui-slider-range {
|
|
filter: inherit;
|
|
}
|
|
.ui-slider-horizontal {
|
|
height: 7px;
|
|
background: #ddd;
|
|
-webkit-box-shadow: inset 0 1px 6px #717171;
|
|
-moz-box-shadow: inset 0 1px 6px #717171;
|
|
box-shadow: inset 0 1px 6px #717171;
|
|
}
|
|
.ui-slider-horizontal .ui-slider-handle {
|
|
top: -7px;
|
|
margin-left: -7px;
|
|
}
|
|
.ui-slider-horizontal .ui-slider-range {
|
|
top: 0;
|
|
height: 100%;
|
|
opacity: .60;
|
|
-moz-opacity: .60;
|
|
filter: alpha(opacity: 60);
|
|
}
|
|
.ui-slider-horizontal .ui-slider-range-min {
|
|
left: 0;
|
|
}
|
|
.ui-slider-horizontal .ui-slider-range-max {
|
|
right: 0;
|
|
}
|
|
.ui-slider-vertical {
|
|
width: 7px;
|
|
height: 100px;
|
|
background: #ddd;
|
|
-webkit-box-shadow: inset 1px 0 6px #717171;
|
|
-moz-box-shadow: inset 1px 0 6px #717171;
|
|
box-shadow: inset 1px 0 6px #717171;
|
|
}
|
|
.ui-slider-vertical .ui-slider-handle {
|
|
left: -7px;
|
|
margin-bottom: -8px;
|
|
margin-left: 0;
|
|
}
|
|
.ui-slider-vertical .ui-slider-range {
|
|
left: 0;
|
|
width: 100%;
|
|
opacity: .60;
|
|
-moz-opacity: .60;
|
|
filter: alpha(opacity: 60);
|
|
}
|
|
.ui-slider-vertical .ui-slider-range-min {
|
|
bottom: 0;
|
|
}
|
|
.ui-slider-vertical .ui-slider-range-max {
|
|
top: 0;
|
|
}
|
|
|
|
.note-editor {
|
|
border: 1px solid #bfc8d1;
|
|
}
|
|
.note-editor .note-dropzone {
|
|
position: absolute;
|
|
z-index: 1;
|
|
display: none;
|
|
opacity: .95;
|
|
color: #87cefa;
|
|
border: 2px dashed #87cefa;
|
|
background-color: white;
|
|
pointer-event: none;
|
|
}
|
|
.note-editor .note-dropzone .note-dropzone-message {
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
display: table-cell;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
}
|
|
.note-editor .note-dropzone.hover {
|
|
color: #098ddf;
|
|
border: 2px dashed #098ddf;
|
|
}
|
|
.note-editor.dragover .note-dropzone {
|
|
display: table;
|
|
}
|
|
.note-editor .note-toolbar {
|
|
border-bottom: 1px solid #bfc8d1;
|
|
background-color: #FEFEFF;
|
|
}
|
|
.note-editor.fullscreen {
|
|
position: fixed;
|
|
z-index: 1050;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.note-editor.fullscreen .note-editable {
|
|
background-color: white;
|
|
}
|
|
.note-editor.fullscreen .note-resizebar {
|
|
display: none;
|
|
}
|
|
.note-editor.codeview .note-editable {
|
|
display: none;
|
|
}
|
|
.note-editor.codeview .note-codable {
|
|
display: block;
|
|
}
|
|
.note-editor .note-statusbar {
|
|
background-color: #FEFEFF;
|
|
}
|
|
.note-editor .note-statusbar .note-resizebar {
|
|
width: 100%;
|
|
height: 8px;
|
|
cursor: s-resize;
|
|
border-top: 1px solid #bfc8d1;
|
|
}
|
|
.note-editor .note-statusbar .note-resizebar .note-icon-bar {
|
|
width: 20px;
|
|
margin: 1px auto;
|
|
border-top: 1px solid #bfc8d1;
|
|
}
|
|
.note-editor .note-editable {
|
|
overflow: auto;
|
|
padding: 10px;
|
|
outline: 0;
|
|
}
|
|
.note-editor .note-editable[contenteditable='false'] {
|
|
background-color: #dfe8f1;
|
|
}
|
|
.note-editor .note-codable {
|
|
font-family: Menlo, Monaco, monospace, sans-serif;
|
|
font-size: 14px;
|
|
display: none;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
width: 100%;
|
|
margin-bottom: 0;
|
|
padding: 10px;
|
|
resize: none;
|
|
color: #ccc;
|
|
border: 0;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
background-color: #222;
|
|
box-shadow: none;
|
|
-ms-box-sizing: border-box;
|
|
}
|
|
.note-air-editor {
|
|
outline: 0;
|
|
}
|
|
.note-popover .popover {
|
|
max-width: none;
|
|
}
|
|
.note-popover .popover .popover-content a {
|
|
display: inline-block;
|
|
overflow: hidden;
|
|
max-width: 200px;
|
|
vertical-align: middle;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.note-popover .popover .arrow {
|
|
left: 20px;
|
|
}
|
|
.note-popover .popover .popover-content,
|
|
.note-toolbar {
|
|
margin: 0;
|
|
padding: 0 0 5px 5px;
|
|
}
|
|
.note-popover .popover .popover-content > .btn-group,
|
|
.note-toolbar > .btn-group {
|
|
margin-top: 5px;
|
|
margin-right: 5px;
|
|
margin-left: 0;
|
|
}
|
|
.note-popover .popover .popover-content .note-table .dropdown-menu,
|
|
.note-toolbar .note-table .dropdown-menu {
|
|
min-width: 0;
|
|
padding: 5px;
|
|
}
|
|
.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker,
|
|
.note-toolbar .note-table .dropdown-menu .note-dimension-picker {
|
|
font-size: 18px;
|
|
}
|
|
.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher,
|
|
.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-mousecatcher {
|
|
position: absolute!important;
|
|
z-index: 3;
|
|
width: 10em;
|
|
height: 10em;
|
|
cursor: pointer;
|
|
}
|
|
.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted,
|
|
.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-unhighlighted {
|
|
position: relative!important;
|
|
z-index: 1;
|
|
width: 5em;
|
|
height: 5em;
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
|
|
}
|
|
.note-popover .popover .popover-content .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted,
|
|
.note-toolbar .note-table .dropdown-menu .note-dimension-picker .note-dimension-picker-highlighted {
|
|
position: absolute!important;
|
|
z-index: 2;
|
|
width: 1em;
|
|
height: 1em;
|
|
background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat;
|
|
}
|
|
.note-popover .popover .popover-content .note-style h1,
|
|
.note-toolbar .note-style h1,
|
|
.note-popover .popover .popover-content .note-style h2,
|
|
.note-toolbar .note-style h2,
|
|
.note-popover .popover .popover-content .note-style h3,
|
|
.note-toolbar .note-style h3,
|
|
.note-popover .popover .popover-content .note-style h4,
|
|
.note-toolbar .note-style h4,
|
|
.note-popover .popover .popover-content .note-style h5,
|
|
.note-toolbar .note-style h5,
|
|
.note-popover .popover .popover-content .note-style h6,
|
|
.note-toolbar .note-style h6,
|
|
.note-popover .popover .popover-content .note-style blockquote,
|
|
.note-toolbar .note-style blockquote {
|
|
margin: 0;
|
|
}
|
|
.note-popover .popover .popover-content .note-color .dropdown-toggle,
|
|
.note-toolbar .note-color .dropdown-toggle {
|
|
width: 20px;
|
|
padding-left: 5px;
|
|
}
|
|
.note-popover .popover .popover-content .note-color .dropdown-menu,
|
|
.note-toolbar .note-color .dropdown-menu {
|
|
min-width: 290px;
|
|
}
|
|
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,
|
|
.note-toolbar .note-color .dropdown-menu .btn-group {
|
|
margin: 0;
|
|
}
|
|
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,
|
|
.note-toolbar .note-color .dropdown-menu .btn-group:first-child {
|
|
margin: 0 5px;
|
|
}
|
|
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,
|
|
.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {
|
|
font-size: 12px;
|
|
margin: 2px 7px;
|
|
text-align: center;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,
|
|
.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {
|
|
font-size: 12px;
|
|
margin: 5px;
|
|
padding: 0 3px;
|
|
cursor: pointer;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
}
|
|
.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,
|
|
.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {
|
|
background: #eee;
|
|
}
|
|
.note-popover .popover .popover-content .note-para .dropdown-menu,
|
|
.note-toolbar .note-para .dropdown-menu {
|
|
min-width: 216px;
|
|
padding: 5px;
|
|
}
|
|
.note-popover .popover .popover-content .note-para .dropdown-menu > div:first-child,
|
|
.note-toolbar .note-para .dropdown-menu > div:first-child {
|
|
margin-right: 5px;
|
|
}
|
|
.note-popover .popover .popover-content .dropdown-menu,
|
|
.note-toolbar .dropdown-menu {
|
|
min-width: 90px;
|
|
}
|
|
.note-popover .popover .popover-content .dropdown-menu.right,
|
|
.note-toolbar .dropdown-menu.right {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
.note-popover .popover .popover-content .dropdown-menu.right::before,
|
|
.note-toolbar .dropdown-menu.right::before {
|
|
right: 9px;
|
|
left: auto!important;
|
|
}
|
|
.note-popover .popover .popover-content .dropdown-menu.right::after,
|
|
.note-toolbar .dropdown-menu.right::after {
|
|
right: 10px;
|
|
left: auto!important;
|
|
}
|
|
.note-popover .popover .popover-content .dropdown-menu li a i,
|
|
.note-toolbar .dropdown-menu li a i {
|
|
visibility: hidden;
|
|
color: deepskyblue;
|
|
}
|
|
.note-popover .popover .popover-content .dropdown-menu li a.checked i,
|
|
.note-toolbar .dropdown-menu li a.checked i {
|
|
visibility: visible;
|
|
}
|
|
.note-popover .popover .popover-content .note-fontsize-10,
|
|
.note-toolbar .note-fontsize-10 {
|
|
font-size: 10px;
|
|
}
|
|
.note-popover .popover .popover-content .note-color-palette,
|
|
.note-toolbar .note-color-palette {
|
|
line-height: 1;
|
|
}
|
|
.note-popover .popover .popover-content .note-color-palette div .note-color-btn,
|
|
.note-toolbar .note-color-palette div .note-color-btn {
|
|
width: 17px;
|
|
height: 17px;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 1px solid #fff;
|
|
}
|
|
.note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,
|
|
.note-toolbar .note-color-palette div .note-color-btn:hover {
|
|
border: 1px solid #000;
|
|
}
|
|
.note-dialog > div {
|
|
display: none;
|
|
}
|
|
.note-dialog .note-image-dialog .note-dropzone {
|
|
font-size: 30px;
|
|
line-height: 4;
|
|
min-height: 100px;
|
|
margin-bottom: 10px;
|
|
text-align: center;
|
|
color: lightgray;
|
|
border: 4px dashed lightgray;
|
|
}
|
|
.note-dialog .note-help-dialog {
|
|
font-size: 12px;
|
|
opacity: .9;
|
|
color: #ccc;
|
|
border: 0;
|
|
background: transparent;
|
|
background-color: #222!important;
|
|
-webkit-opacity: .9;
|
|
-khtml-opacity: .9;
|
|
-moz-opacity: .9;
|
|
-ms-filter: alpha(opacity=90);
|
|
filter: alpha(opacity=90);
|
|
}
|
|
.note-dialog .note-help-dialog .modal-content {
|
|
border: 1px solid white;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
background: transparent;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
.note-dialog .note-help-dialog a {
|
|
font-size: 12px;
|
|
color: white;
|
|
}
|
|
.note-dialog .note-help-dialog .title {
|
|
font-size: 14px;
|
|
font-weight: bold;
|
|
padding-bottom: 5px;
|
|
color: white;
|
|
border-bottom: white 1px solid;
|
|
}
|
|
.note-dialog .note-help-dialog .modal-close {
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
color: #dd0;
|
|
}
|
|
.note-dialog .note-help-dialog .note-shortcut-layout {
|
|
width: 100%;
|
|
}
|
|
.note-dialog .note-help-dialog .note-shortcut-layout td {
|
|
vertical-align: top;
|
|
}
|
|
.note-dialog .note-help-dialog .note-shortcut {
|
|
margin-top: 8px;
|
|
}
|
|
.note-dialog .note-help-dialog .note-shortcut th {
|
|
font-size: 13px;
|
|
text-align: left;
|
|
color: #dd0;
|
|
}
|
|
.note-dialog .note-help-dialog .note-shortcut td:first-child {
|
|
font-family: 'Courier New';
|
|
min-width: 110px;
|
|
padding-right: 10px;
|
|
text-align: right;
|
|
color: #dd0;
|
|
}
|
|
.note-handle .note-control-selection {
|
|
position: absolute;
|
|
display: none;
|
|
border: 1px solid black;
|
|
}
|
|
.note-handle .note-control-selection > div {
|
|
position: absolute;
|
|
}
|
|
.note-handle .note-control-selection .note-control-selection-bg {
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: .3;
|
|
background-color: black;
|
|
-webkit-opacity: .3;
|
|
-khtml-opacity: .3;
|
|
-moz-opacity: .3;
|
|
-ms-filter: alpha(opacity=30);
|
|
filter: alpha(opacity=30);
|
|
}
|
|
.note-handle .note-control-selection .note-control-handle {
|
|
width: 7px;
|
|
height: 7px;
|
|
border: 1px solid black;
|
|
}
|
|
.note-handle .note-control-selection .note-control-holder {
|
|
width: 7px;
|
|
height: 7px;
|
|
border: 1px solid black;
|
|
}
|
|
.note-handle .note-control-selection .note-control-sizing {
|
|
width: 7px;
|
|
height: 7px;
|
|
border: 1px solid black;
|
|
background-color: white;
|
|
}
|
|
.note-handle .note-control-selection .note-control-nw {
|
|
top: -5px;
|
|
left: -5px;
|
|
border-right: 0;
|
|
border-bottom: 0;
|
|
}
|
|
.note-handle .note-control-selection .note-control-ne {
|
|
top: -5px;
|
|
right: -5px;
|
|
border-bottom: 0;
|
|
border-left: none;
|
|
}
|
|
.note-handle .note-control-selection .note-control-sw {
|
|
bottom: -5px;
|
|
left: -5px;
|
|
border-top: 0;
|
|
border-right: 0;
|
|
}
|
|
.note-handle .note-control-selection .note-control-se {
|
|
right: -5px;
|
|
bottom: -5px;
|
|
cursor: se-resize;
|
|
}
|
|
.note-handle .note-control-selection .note-control-selection-info {
|
|
font-size: 12px;
|
|
right: 0;
|
|
bottom: 0;
|
|
margin: 5px;
|
|
padding: 5px;
|
|
opacity: .7;
|
|
color: white;
|
|
-webkit-border-radius: 5px;
|
|
-moz-border-radius: 5px;
|
|
border-radius: 5px;
|
|
background-color: black;
|
|
-webkit-opacity: .7;
|
|
-khtml-opacity: .7;
|
|
-moz-opacity: .7;
|
|
-ms-filter: alpha(opacity=70);
|
|
filter: alpha(opacity=70);
|
|
}
|
|
|
|
/* jQuery UI Tabs */
|
|
|
|
.ui-tabs-nav {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
.ui-tabs-nav li > a {
|
|
line-height: 32px;
|
|
height: 32px;
|
|
margin-right: 5px;
|
|
padding: 0 20px;
|
|
border-bottom: 0;
|
|
}
|
|
.ui-tabs-nav li {
|
|
margin-bottom: -1px;
|
|
}
|
|
.ui-tabs-panel {
|
|
display: block;
|
|
padding: 15px;
|
|
background: none;
|
|
}
|
|
.ui-tabs-panel:last-child {
|
|
border-bottom: 0 !important;
|
|
}
|
|
.ui-tabs-nav > li,
|
|
.ui-tabs-nav > li > a {
|
|
position: relative;
|
|
float: left;
|
|
}
|
|
.ui-tabs-nav > li > a .float-left.glyph-icon {
|
|
float: none !important;
|
|
margin-right: 5px;
|
|
}
|
|
.ui-tabs-nav > li > a .float-right.glyph-icon {
|
|
float: none !important;
|
|
margin-right: 0;
|
|
margin-left: 5px;
|
|
}
|
|
/* Alternate tabs */
|
|
|
|
.tabs-navigation > ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-radius: 0;
|
|
background: #fff;
|
|
}
|
|
.tabs-navigation > ul li {
|
|
margin: 0;
|
|
}
|
|
.tabs-navigation > ul li > a {
|
|
font-size: 20px;
|
|
line-height: 64px;
|
|
height: 64px;
|
|
margin: 0 !important;
|
|
padding: 0 35px;
|
|
border-right-width: 1px;
|
|
border-right-style: solid;
|
|
border-radius: 0;
|
|
background: transparent;
|
|
}
|
|
.tabs-navigation > ul li.ui-tabs-active a {
|
|
line-height: 64px;
|
|
height: 64px;
|
|
margin: 0 !important;
|
|
padding-bottom: 0;
|
|
color: #000 !important;
|
|
background: #eff4f6;
|
|
}
|
|
.tabs-navigation > ul li.ui-tabs-active a:hover,
|
|
.tabs-navigation > ul li > a:hover {
|
|
background: #eff4f6;
|
|
}
|
|
|
|
/* Theme Switcher */
|
|
|
|
#theme-options {
|
|
position: fixed;
|
|
top: 110px;
|
|
right: -300px;
|
|
z-index: 9999;
|
|
width: 300px;
|
|
-webkit-transition: transform 0.5s ease;
|
|
-o-transition: transform 0.5s ease;
|
|
transition: transform 0.5s ease;
|
|
}
|
|
#theme-options.active {
|
|
transform: translateX(-300px);
|
|
-ms-transform: translateX(-300px);
|
|
-o-transform: translateX(-300px);
|
|
-webkit-transform: translateX(-300px);
|
|
}
|
|
.btn.theme-switcher {
|
|
width: 54px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
display: block;
|
|
font-size: 27px;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
border-right: 0;
|
|
border-radius: 0;
|
|
border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
text-align: center;
|
|
position: absolute;
|
|
left: -54px;
|
|
top: 25px;
|
|
z-index: 55;
|
|
padding: 0;
|
|
}
|
|
.theme-switcher .glyph-icon {
|
|
width: 54px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
display: block;
|
|
}
|
|
#theme-switcher-wrapper {
|
|
background: #fff;
|
|
width: 300px;
|
|
padding: 0;
|
|
border-bottom-left-radius: 3px;
|
|
border-top-left-radius: 3px;
|
|
position: relative;
|
|
z-index: 60;
|
|
-webkit-transition: transform 0.5s ease;
|
|
-o-transition: transform 0.5s ease;
|
|
transition: transform 0.5s ease;
|
|
}
|
|
#theme-options.active #theme-switcher-wrapper {
|
|
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.3);
|
|
}
|
|
#theme-switcher-wrapper {
|
|
max-height: 580px;
|
|
}
|
|
#theme-switcher-wrapper .header {
|
|
background: #FEFEFF;
|
|
border-top: #dfe8f1 solid 1px;
|
|
border-bottom: #dfe8f1 solid 1px;
|
|
text-transform: uppercase;
|
|
padding: 13px 15px 10px;
|
|
font-size: 12px;
|
|
}
|
|
#theme-switcher-wrapper .header a {
|
|
font-weight: bold;
|
|
text-transform: capitalize;
|
|
float: right;
|
|
}
|
|
#theme-switcher-wrapper .header:first-child {
|
|
border-top-left-radius: 3px;
|
|
}
|
|
#theme-switcher-wrapper ul + .header {
|
|
border-radius: 0;
|
|
}
|
|
#theme-switcher-wrapper ul li {
|
|
height: 34px;
|
|
line-height: 28px;
|
|
margin: 5px 0;
|
|
padding: 0 15px;
|
|
border-bottom: #dfe8f1 solid 1px;
|
|
}
|
|
#theme-switcher-wrapper ul li:last-child {
|
|
border-bottom: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
#theme-switcher-wrapper ul li label {
|
|
font-size: 13px;
|
|
}
|
|
#theme-switcher-wrapper ul li .switch-toggle {
|
|
float: right;
|
|
margin-top: 3px;
|
|
}
|
|
.theme-color-wrapper h5 {
|
|
text-transform: capitalize;
|
|
font-weight: bold;
|
|
font-size: 12px;
|
|
margin: 0 5px 5px;
|
|
}
|
|
.theme-color-wrapper {
|
|
padding: 10px;
|
|
}
|
|
.theme-color-wrapper a {
|
|
height: 24px;
|
|
width: 24px;
|
|
display: block;
|
|
overflow: hidden;
|
|
text-indent: -999em;
|
|
float: left;
|
|
margin: 2px;
|
|
border-radius: 50px;
|
|
border: #fff solid 2px !important;
|
|
box-shadow: 1px 2px 3px rgba(0,0,0,0.1);
|
|
opacity: 0.8;
|
|
}
|
|
|
|
.theme-color-wrapper a:hover,
|
|
.theme-color-wrapper a.active {
|
|
opacity: 1;
|
|
border-color: red !important;
|
|
}
|
|
|
|
/* Timepicker */
|
|
|
|
.bootstrap-timepicker {
|
|
position: relative;
|
|
}
|
|
.dropdown.bootstrap-timepicker {
|
|
float: none;
|
|
}
|
|
.bootstrap-timepicker-widget.dropdown-menu.open {
|
|
display: inline-block;
|
|
padding: 10px;
|
|
}
|
|
.bootstrap-timepicker-widget table {
|
|
width: 100%;
|
|
margin: 0;
|
|
}
|
|
.bootstrap-timepicker-widget table td {
|
|
line-height: 32px;
|
|
width: 42px;
|
|
height: 32px;
|
|
}
|
|
.bootstrap-timepicker-widget table td.separator {
|
|
width: auto;
|
|
padding: 0 5px;
|
|
}
|
|
.bootstrap-timepicker-widget table td a {
|
|
display: block;
|
|
text-align: center;
|
|
}
|
|
.bootstrap-timepicker-widget table td a i {
|
|
margin: 0 auto;
|
|
}
|
|
.bootstrap-timepicker-widget table td input {
|
|
width: 100%;
|
|
min-width: 32px;
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
text-align: center;
|
|
}
|
|
.bootstrap-timepicker-widget table td input.bootstrap-timepicker-meridian {
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*
|
|
* jquery.tocify.css 1.9.0
|
|
* Author: @gregfranko
|
|
*/
|
|
|
|
/* The Table of Contents container element */
|
|
.tocify {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
/* The Table of Contents is composed of multiple nested unordered lists. These styles remove the default styling of an unordered list because it is ugly. */
|
|
.tocify ul, .tocify li {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
border: none;
|
|
line-height: 30px;
|
|
}
|
|
|
|
/* Top level header elements */
|
|
.tocify-header {
|
|
text-indent: 10px;
|
|
}
|
|
|
|
.tocify-item {
|
|
margin-bottom: 5px !important;
|
|
}
|
|
|
|
/* Top level subheader elements. These are the first nested items underneath a header element. */
|
|
.tocify-subheader {
|
|
text-indent: 20px;
|
|
display: none;
|
|
}
|
|
|
|
/* Makes the font smaller for all subheader elements. */
|
|
.tocify-subheader li {
|
|
font-size: 12px;
|
|
}
|
|
|
|
/* Further indents second level subheader elements. */
|
|
.tocify-subheader .tocify-subheader {
|
|
text-indent: 30px;
|
|
}
|
|
|
|
/* Further indents third level subheader elements. You can continue this pattern if you have more nested elements. */
|
|
.tocify-subheader .tocify-subheader .tocify-subheader {
|
|
text-indent: 40px;
|
|
}
|
|
|
|
/* Twitter Bootstrap Override Style */
|
|
.nav-list > li > a, .nav-list .nav-header {
|
|
margin: 0px;
|
|
}
|
|
|
|
/* Twitter Bootstrap Override Style */
|
|
.nav-list > li > a {
|
|
padding: 5px;
|
|
}
|
|
|
|
.tooltip {
|
|
font-size: 12px;
|
|
line-height: 1.4;
|
|
position: absolute;
|
|
z-index: 1030;
|
|
display: block;
|
|
visibility: visible;
|
|
opacity: 0;
|
|
filter: alpha(opacity=0);
|
|
}
|
|
.tooltip.in {
|
|
opacity: .8;
|
|
filter: alpha(opacity=80);
|
|
}
|
|
.tooltip.top {
|
|
margin-top: -3px;
|
|
padding: 5px 0;
|
|
}
|
|
.tooltip.right {
|
|
margin-left: 8px;
|
|
padding: 0 5px;
|
|
}
|
|
.tooltip.bottom {
|
|
margin-top: 3px;
|
|
padding: 5px 0;
|
|
}
|
|
.tooltip.left {
|
|
margin-left: -8px;
|
|
padding: 0 5px;
|
|
}
|
|
.tooltip-inner {
|
|
max-width: 200px;
|
|
padding: 10px 15px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
color: #fff;
|
|
background-color: rgba(0, 0, 0, .9);
|
|
}
|
|
.tooltip-arrow {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
border-style: solid;
|
|
border-color: transparent;
|
|
}
|
|
.tooltip.top .tooltip-arrow {
|
|
bottom: 0;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 5px 5px 0;
|
|
border-top-color: rgba(0, 0, 0, .9);
|
|
}
|
|
.tooltip.right .tooltip-arrow {
|
|
top: 50%;
|
|
left: 0;
|
|
margin-top: -5px;
|
|
border-width: 5px 5px 5px 0;
|
|
border-right-color: rgba(0, 0, 0, .9);
|
|
}
|
|
.tooltip.left .tooltip-arrow {
|
|
top: 50%;
|
|
right: 0;
|
|
margin-top: -5px;
|
|
border-width: 5px 0 5px 5px;
|
|
border-left-color: rgba(0, 0, 0, .9);
|
|
}
|
|
.tooltip.bottom .tooltip-arrow {
|
|
top: 0;
|
|
left: 50%;
|
|
margin-left: -5px;
|
|
border-width: 0 5px 5px;
|
|
border-bottom-color: rgba(0, 0, 0, .9);
|
|
}
|
|
|
|
|
|
.bootstrap-touchspin .input-group-btn-vertical {
|
|
position: relative;
|
|
white-space: nowrap;
|
|
width: 1%;
|
|
vertical-align: middle;
|
|
display: table-cell;
|
|
}
|
|
|
|
.bootstrap-touchspin .input-group-btn-vertical > .btn {
|
|
display: block;
|
|
float: none;
|
|
width: 100%;
|
|
max-width: 100%;
|
|
padding: 8px 10px;
|
|
margin-left: -1px;
|
|
height: auto;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {
|
|
border-radius: 0;
|
|
border-top-right-radius: 4px;
|
|
}
|
|
|
|
.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {
|
|
margin-top: -2px;
|
|
border-radius: 0;
|
|
border-bottom-right-radius: 4px;
|
|
}
|
|
|
|
.bootstrap-touchspin .input-group-btn-vertical i {
|
|
position: absolute;
|
|
top: -8px;
|
|
left: 11px;
|
|
font-size: 9px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
/* Custom inputs */
|
|
|
|
div[id^='uniform-'],
|
|
div[id^='uniform-'] span,
|
|
div[id^='uniform-'] input {
|
|
line-height: 18px;
|
|
display: block;
|
|
float: left;
|
|
width: auto;
|
|
width: 20px;
|
|
height: auto;
|
|
height: 20px;
|
|
margin: 0 3px 0 0;
|
|
padding: 0;
|
|
cursor: pointer;
|
|
}
|
|
div[id^='uniform-'] {
|
|
margin-right: 10px;
|
|
}
|
|
div[id^='uniform-'] span {
|
|
position: relative;
|
|
display: -moz-inline-box;
|
|
display: inline-block;
|
|
zoom: 1;
|
|
margin-top: -1px;
|
|
text-align: center;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
*display: inline;
|
|
}
|
|
div.radio[id^='uniform-'] > span {
|
|
margin-top: -7px;
|
|
}
|
|
.input-group-addon div[id^='uniform-'] span i,
|
|
div[id^='uniform-'] span i {
|
|
display: none;
|
|
}
|
|
div[id^='uniform-'] {
|
|
opacity: .9;
|
|
filter: alpha(opacity=90);
|
|
-moz-opacity: 90;
|
|
}
|
|
div[id^='uniform-'] span.checked i {
|
|
font-size: 14px;
|
|
line-height: 18px;
|
|
display: block;
|
|
height: 18px;
|
|
}
|
|
div.radio[id^='uniform-'] span.checked i {
|
|
font-size: 9px;
|
|
}
|
|
div.radio[id^='uniform-'] span {
|
|
border-radius: 50px;
|
|
}
|
|
div[id^='uniform-'] input {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
display: -moz-inline-box;
|
|
display: inline-block;
|
|
zoom: 1;
|
|
opacity: 0;
|
|
border: none;
|
|
background: none;
|
|
filter: alpha(opacity=0);
|
|
-moz-opacity: 0;
|
|
*display: inline;
|
|
}
|
|
div.checker[id^='uniform-'] label {
|
|
line-height: 19px;
|
|
}
|
|
/* Custom Select */
|
|
|
|
div.selector {
|
|
line-height: 38px;
|
|
position: relative;
|
|
display: block;
|
|
overflow: hidden;
|
|
width: auto !important;
|
|
height: 38px;
|
|
margin: 0;
|
|
padding: 0 10px !important;
|
|
cursor: pointer;
|
|
white-space: nowrap;
|
|
text-decoration: none;
|
|
border-width: 1px;
|
|
border-style: solid;
|
|
}
|
|
.selector i {
|
|
line-height: 38px;
|
|
position: absolute;
|
|
z-index: 4;
|
|
top: 50%;
|
|
right: 0;
|
|
display: block;
|
|
width: 38px;
|
|
height: 38px;
|
|
margin-top: -19px;
|
|
margin-top: -19px;
|
|
padding: 0 !important;
|
|
text-align: center;
|
|
border-left: 1px solid transparent;
|
|
}
|
|
div.selector select {
|
|
position: absolute;
|
|
z-index: 5;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 38px;
|
|
opacity: 0;
|
|
border: none;
|
|
background: none;
|
|
filter: alpha(opacity=0);
|
|
-moz-opacity: 0;
|
|
}
|
|
div.selector span {
|
|
line-height: 38px;
|
|
display: block;
|
|
width: auto !important;
|
|
height: 38px;
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.form-wizard > ul {
|
|
position: relative;
|
|
display: table;
|
|
width: 100%;
|
|
margin: 0 0 20px;
|
|
list-style: none;
|
|
}
|
|
.form-wizard > ul > li {
|
|
display: table-cell;
|
|
width: 1%;
|
|
text-align: center;
|
|
}
|
|
.form-wizard > ul > li a,
|
|
.form-wizard > ul > li a:hover {
|
|
position: relative;
|
|
display: block;
|
|
opacity: 1;
|
|
color: #666;
|
|
-moz-opacity: 1;
|
|
filter: alpha(opacity: 100);
|
|
}
|
|
.form-wizard > ul > li a:before {
|
|
position: absolute;
|
|
z-index: 4;
|
|
top: 20px;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 4px;
|
|
content: '';
|
|
background: #ccc;
|
|
}
|
|
.form-wizard > ul > li:first-child a:before {
|
|
left: 50%;
|
|
}
|
|
.form-wizard > ul > li:last-child a:before {
|
|
right: 50%;
|
|
left: auto;
|
|
width: 50%;
|
|
}
|
|
.form-wizard > ul > li a .wizard-step {
|
|
font-size: 16px;
|
|
line-height: 42px;
|
|
position: relative;
|
|
z-index: 5;
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
margin: 0 auto 5px;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
color: #fafafa;
|
|
border-radius: 100px;
|
|
background: #ccc;
|
|
}
|
|
.form-wizard > ul > li a .wizard-description {
|
|
font-size: 13px;
|
|
font-weight: bold;
|
|
opacity: .60;
|
|
-moz-opacity: .60;
|
|
filter: alpha(opacity: 60);
|
|
}
|
|
.form-wizard > ul > li a .wizard-description small {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
display: block;
|
|
padding: 3px 0 0;
|
|
opacity: .70;
|
|
-moz-opacity: .70;
|
|
filter: alpha(opacity: 70);
|
|
}
|
|
.form-wizard > ul > li a .wizard-description:hover,
|
|
.form-wizard > ul > li.active a .wizard-description {
|
|
opacity: 1;
|
|
-moz-opacity: 1;
|
|
filter: alpha(opacity: 100);
|
|
}
|
|
.form-wizard > ul > li a.disabled .wizard-step {
|
|
background: #ccc;
|
|
}
|
|
.msgBox {
|
|
display: none;
|
|
}
|
|
.loader {
|
|
display: none;
|
|
}
|
|
.actionBar {
|
|
margin-top: 20px;
|
|
margin-bottom: 20px;
|
|
padding: 20px 0 0;
|
|
border-top: #ddd solid 1px;
|
|
}
|
|
.actionBar a.btn {
|
|
float: right;
|
|
margin-left: 10px;
|
|
}
|
|
|
|
/*! X-editable - v1.5.1
|
|
* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
|
|
* http://github.com/vitalets/x-editable
|
|
* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
|
|
.editableform {
|
|
margin-bottom: 0; /* overwrites bootstrap margin */
|
|
}
|
|
|
|
.editableform .control-group {
|
|
margin-bottom: 0; /* overwrites bootstrap margin */
|
|
white-space: nowrap; /* prevent wrapping buttons on new line */
|
|
line-height: 20px; /* overwriting bootstrap line-height. See #133 */
|
|
}
|
|
|
|
/*
|
|
BS3 width:1005 for inputs breaks editable form in popup
|
|
See: https://github.com/vitalets/x-editable/issues/393
|
|
*/
|
|
.editableform .form-control {
|
|
width: auto;
|
|
}
|
|
|
|
.editable-buttons {
|
|
display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
|
|
vertical-align: top;
|
|
margin-left: 7px;
|
|
/* inline-block emulation for IE7*/
|
|
zoom: 1;
|
|
*display: inline;
|
|
}
|
|
|
|
.editable-buttons.editable-buttons-bottom {
|
|
display: block;
|
|
margin-top: 7px;
|
|
margin-left: 0;
|
|
}
|
|
|
|
.editable-input {
|
|
vertical-align: top;
|
|
display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
|
|
width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
|
|
white-space: normal; /* reset white-space decalred in parent*/
|
|
/* display-inline emulation for IE7*/
|
|
zoom: 1;
|
|
*display: inline;
|
|
}
|
|
|
|
.editable-buttons .editable-cancel {
|
|
margin-left: 7px;
|
|
}
|
|
|
|
/*for jquery-ui buttons need set height to look more pretty*/
|
|
.editable-buttons button.ui-button-icon-only {
|
|
height: 24px;
|
|
width: 30px;
|
|
}
|
|
|
|
.editableform-loading {
|
|
background: url('../img/loading.gif') center center no-repeat;
|
|
height: 25px;
|
|
width: auto;
|
|
min-width: 25px;
|
|
}
|
|
|
|
.editable-inline .editableform-loading {
|
|
background-position: left 5px;
|
|
}
|
|
|
|
.editable-error-block {
|
|
max-width: 300px;
|
|
margin: 5px 0 0 0;
|
|
width: auto;
|
|
white-space: normal;
|
|
}
|
|
|
|
/*add padding for jquery ui*/
|
|
.editable-error-block.ui-state-error {
|
|
padding: 3px;
|
|
}
|
|
|
|
.editable-error {
|
|
color: red;
|
|
}
|
|
|
|
/* ---- For specific types ---- */
|
|
|
|
.editableform .editable-date {
|
|
padding: 0;
|
|
margin: 0;
|
|
float: left;
|
|
}
|
|
|
|
/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
|
|
.editable-inline .add-on .icon-th {
|
|
margin-top: 3px;
|
|
margin-left: 1px;
|
|
}
|
|
|
|
|
|
/* checklist vertical alignment */
|
|
.editable-checklist label input[type="checkbox"],
|
|
.editable-checklist label span {
|
|
vertical-align: middle;
|
|
margin: 0;
|
|
}
|
|
|
|
.editable-checklist label {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
/* set exact width of textarea to fit buttons toolbar */
|
|
.editable-wysihtml5 {
|
|
width: 566px;
|
|
height: 250px;
|
|
}
|
|
|
|
/* clear button shown as link in date inputs */
|
|
.editable-clear {
|
|
clear: both;
|
|
font-size: 0.9em;
|
|
text-decoration: none;
|
|
text-align: right;
|
|
}
|
|
|
|
/* IOS-style clear button for text inputs */
|
|
.editable-clear-x {
|
|
background: url('../img/clear.png') center center no-repeat;
|
|
display: block;
|
|
width: 13px;
|
|
height: 13px;
|
|
position: absolute;
|
|
opacity: 0.6;
|
|
z-index: 100;
|
|
|
|
top: 50%;
|
|
right: 6px;
|
|
margin-top: -6px;
|
|
|
|
}
|
|
|
|
.editable-clear-x:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
.editable-pre-wrapped {
|
|
white-space: pre-wrap;
|
|
}
|
|
.editable-container.editable-popup {
|
|
max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
|
|
}
|
|
|
|
.editable-container.popover {
|
|
width: auto; /* without this rule popover does not stretch */
|
|
}
|
|
|
|
.editable-container.editable-inline {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
width: auto;
|
|
/* inline-block emulation for IE7*/
|
|
zoom: 1;
|
|
*display: inline;
|
|
}
|
|
|
|
.editable-container.ui-widget {
|
|
font-size: inherit; /* jqueryui widget font 1.1em too big, overwrite it */
|
|
z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
|
|
}
|
|
.editable-click,
|
|
a.editable-click,
|
|
a.editable-click:hover {
|
|
text-decoration: none;
|
|
border-bottom: dashed 1px #0088cc;
|
|
}
|
|
|
|
.editable-click.editable-disabled,
|
|
a.editable-click.editable-disabled,
|
|
a.editable-click.editable-disabled:hover {
|
|
color: #585858;
|
|
cursor: default;
|
|
border-bottom: none;
|
|
}
|
|
|
|
.editable-empty, .editable-empty:hover, .editable-empty:focus{
|
|
font-style: italic;
|
|
color: #DD1144;
|
|
/* border-bottom: none; */
|
|
text-decoration: none;
|
|
}
|
|
|
|
.editable-unsaved {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.editable-unsaved:after {
|
|
/* content: '*'*/
|
|
}
|
|
|
|
.editable-bg-transition {
|
|
-webkit-transition: background-color 1400ms ease-out;
|
|
-moz-transition: background-color 1400ms ease-out;
|
|
-o-transition: background-color 1400ms ease-out;
|
|
-ms-transition: background-color 1400ms ease-out;
|
|
transition: background-color 1400ms ease-out;
|
|
}
|
|
|
|
/*see https://github.com/vitalets/x-editable/issues/139 */
|
|
.form-horizontal .editable
|
|
{
|
|
padding-top: 5px;
|
|
display:inline-block;
|
|
}
|
|
|
|
|
|
/*!
|
|
* Datepicker for Bootstrap
|
|
*
|
|
* Copyright 2012 Stefan Petre
|
|
* Improvements by Andrew Rowls
|
|
* Licensed under the Apache License v2.0
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
*/
|
|
.datepicker {
|
|
padding: 4px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
direction: ltr;
|
|
/*.dow {
|
|
border-top: 1px solid #ddd !important;
|
|
}*/
|
|
|
|
}
|
|
.datepicker-inline {
|
|
width: 220px;
|
|
}
|
|
.datepicker.datepicker-rtl {
|
|
direction: rtl;
|
|
}
|
|
.datepicker.datepicker-rtl table tr td span {
|
|
float: right;
|
|
}
|
|
.datepicker-dropdown {
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.datepicker-dropdown:before {
|
|
content: '';
|
|
display: inline-block;
|
|
border-left: 7px solid transparent;
|
|
border-right: 7px solid transparent;
|
|
border-bottom: 7px solid #ccc;
|
|
border-bottom-color: rgba(0, 0, 0, 0.2);
|
|
position: absolute;
|
|
top: -7px;
|
|
left: 6px;
|
|
}
|
|
.datepicker-dropdown:after {
|
|
content: '';
|
|
display: inline-block;
|
|
border-left: 6px solid transparent;
|
|
border-right: 6px solid transparent;
|
|
border-bottom: 6px solid #ffffff;
|
|
position: absolute;
|
|
top: -6px;
|
|
left: 7px;
|
|
}
|
|
.datepicker > div {
|
|
display: none;
|
|
}
|
|
.datepicker.days div.datepicker-days {
|
|
display: block;
|
|
}
|
|
.datepicker.months div.datepicker-months {
|
|
display: block;
|
|
}
|
|
.datepicker.years div.datepicker-years {
|
|
display: block;
|
|
}
|
|
.datepicker table {
|
|
margin: 0;
|
|
}
|
|
.datepicker td,
|
|
.datepicker th {
|
|
text-align: center;
|
|
width: 20px;
|
|
height: 20px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
border: none;
|
|
}
|
|
.table-striped .datepicker table tr td,
|
|
.table-striped .datepicker table tr th {
|
|
background-color: transparent;
|
|
}
|
|
.datepicker table tr td.day:hover {
|
|
background: #eeeeee;
|
|
cursor: pointer;
|
|
}
|
|
.datepicker table tr td.old,
|
|
.datepicker table tr td.new {
|
|
color: #999999;
|
|
}
|
|
.datepicker table tr td.disabled,
|
|
.datepicker table tr td.disabled:hover {
|
|
background: none;
|
|
color: #999999;
|
|
cursor: default;
|
|
}
|
|
.datepicker table tr td.today,
|
|
.datepicker table tr td.today:hover,
|
|
.datepicker table tr td.today.disabled,
|
|
.datepicker table tr td.today.disabled:hover {
|
|
background-color: #fde19a;
|
|
background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
|
|
background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
|
|
background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
|
|
background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
|
|
background-image: linear-gradient(top, #fdd49a, #fdf59a);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
|
|
border-color: #fdf59a #fdf59a #fbed50;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
color: #000;
|
|
}
|
|
.datepicker table tr td.today:hover,
|
|
.datepicker table tr td.today:hover:hover,
|
|
.datepicker table tr td.today.disabled:hover,
|
|
.datepicker table tr td.today.disabled:hover:hover,
|
|
.datepicker table tr td.today:active,
|
|
.datepicker table tr td.today:hover:active,
|
|
.datepicker table tr td.today.disabled:active,
|
|
.datepicker table tr td.today.disabled:hover:active,
|
|
.datepicker table tr td.today.active,
|
|
.datepicker table tr td.today:hover.active,
|
|
.datepicker table tr td.today.disabled.active,
|
|
.datepicker table tr td.today.disabled:hover.active,
|
|
.datepicker table tr td.today.disabled,
|
|
.datepicker table tr td.today:hover.disabled,
|
|
.datepicker table tr td.today.disabled.disabled,
|
|
.datepicker table tr td.today.disabled:hover.disabled,
|
|
.datepicker table tr td.today[disabled],
|
|
.datepicker table tr td.today:hover[disabled],
|
|
.datepicker table tr td.today.disabled[disabled],
|
|
.datepicker table tr td.today.disabled:hover[disabled] {
|
|
background-color: #fdf59a;
|
|
}
|
|
.datepicker table tr td.today:active,
|
|
.datepicker table tr td.today:hover:active,
|
|
.datepicker table tr td.today.disabled:active,
|
|
.datepicker table tr td.today.disabled:hover:active,
|
|
.datepicker table tr td.today.active,
|
|
.datepicker table tr td.today:hover.active,
|
|
.datepicker table tr td.today.disabled.active,
|
|
.datepicker table tr td.today.disabled:hover.active {
|
|
background-color: #fbf069 \9;
|
|
}
|
|
.datepicker table tr td.today:hover:hover {
|
|
color: #000;
|
|
}
|
|
.datepicker table tr td.today.active:hover {
|
|
color: #fff;
|
|
}
|
|
.datepicker table tr td.range,
|
|
.datepicker table tr td.range:hover,
|
|
.datepicker table tr td.range.disabled,
|
|
.datepicker table tr td.range.disabled:hover {
|
|
background: #eeeeee;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.datepicker table tr td.range.today,
|
|
.datepicker table tr td.range.today:hover,
|
|
.datepicker table tr td.range.today.disabled,
|
|
.datepicker table tr td.range.today.disabled:hover {
|
|
background-color: #f3d17a;
|
|
background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
|
|
background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
|
|
background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
|
|
background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
|
|
background-image: linear-gradient(top, #f3c17a, #f3e97a);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
|
|
border-color: #f3e97a #f3e97a #edde34;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
}
|
|
.datepicker table tr td.range.today:hover,
|
|
.datepicker table tr td.range.today:hover:hover,
|
|
.datepicker table tr td.range.today.disabled:hover,
|
|
.datepicker table tr td.range.today.disabled:hover:hover,
|
|
.datepicker table tr td.range.today:active,
|
|
.datepicker table tr td.range.today:hover:active,
|
|
.datepicker table tr td.range.today.disabled:active,
|
|
.datepicker table tr td.range.today.disabled:hover:active,
|
|
.datepicker table tr td.range.today.active,
|
|
.datepicker table tr td.range.today:hover.active,
|
|
.datepicker table tr td.range.today.disabled.active,
|
|
.datepicker table tr td.range.today.disabled:hover.active,
|
|
.datepicker table tr td.range.today.disabled,
|
|
.datepicker table tr td.range.today:hover.disabled,
|
|
.datepicker table tr td.range.today.disabled.disabled,
|
|
.datepicker table tr td.range.today.disabled:hover.disabled,
|
|
.datepicker table tr td.range.today[disabled],
|
|
.datepicker table tr td.range.today:hover[disabled],
|
|
.datepicker table tr td.range.today.disabled[disabled],
|
|
.datepicker table tr td.range.today.disabled:hover[disabled] {
|
|
background-color: #f3e97a;
|
|
}
|
|
.datepicker table tr td.range.today:active,
|
|
.datepicker table tr td.range.today:hover:active,
|
|
.datepicker table tr td.range.today.disabled:active,
|
|
.datepicker table tr td.range.today.disabled:hover:active,
|
|
.datepicker table tr td.range.today.active,
|
|
.datepicker table tr td.range.today:hover.active,
|
|
.datepicker table tr td.range.today.disabled.active,
|
|
.datepicker table tr td.range.today.disabled:hover.active {
|
|
background-color: #efe24b \9;
|
|
}
|
|
.datepicker table tr td.selected,
|
|
.datepicker table tr td.selected:hover,
|
|
.datepicker table tr td.selected.disabled,
|
|
.datepicker table tr td.selected.disabled:hover {
|
|
background-color: #9e9e9e;
|
|
background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
|
|
background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
|
|
background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
|
|
background-image: -o-linear-gradient(top, #b3b3b3, #808080);
|
|
background-image: linear-gradient(top, #b3b3b3, #808080);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
|
|
border-color: #808080 #808080 #595959;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
color: #fff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
}
|
|
.datepicker table tr td.selected:hover,
|
|
.datepicker table tr td.selected:hover:hover,
|
|
.datepicker table tr td.selected.disabled:hover,
|
|
.datepicker table tr td.selected.disabled:hover:hover,
|
|
.datepicker table tr td.selected:active,
|
|
.datepicker table tr td.selected:hover:active,
|
|
.datepicker table tr td.selected.disabled:active,
|
|
.datepicker table tr td.selected.disabled:hover:active,
|
|
.datepicker table tr td.selected.active,
|
|
.datepicker table tr td.selected:hover.active,
|
|
.datepicker table tr td.selected.disabled.active,
|
|
.datepicker table tr td.selected.disabled:hover.active,
|
|
.datepicker table tr td.selected.disabled,
|
|
.datepicker table tr td.selected:hover.disabled,
|
|
.datepicker table tr td.selected.disabled.disabled,
|
|
.datepicker table tr td.selected.disabled:hover.disabled,
|
|
.datepicker table tr td.selected[disabled],
|
|
.datepicker table tr td.selected:hover[disabled],
|
|
.datepicker table tr td.selected.disabled[disabled],
|
|
.datepicker table tr td.selected.disabled:hover[disabled] {
|
|
background-color: #808080;
|
|
}
|
|
.datepicker table tr td.selected:active,
|
|
.datepicker table tr td.selected:hover:active,
|
|
.datepicker table tr td.selected.disabled:active,
|
|
.datepicker table tr td.selected.disabled:hover:active,
|
|
.datepicker table tr td.selected.active,
|
|
.datepicker table tr td.selected:hover.active,
|
|
.datepicker table tr td.selected.disabled.active,
|
|
.datepicker table tr td.selected.disabled:hover.active {
|
|
background-color: #666666 \9;
|
|
}
|
|
.datepicker table tr td.active,
|
|
.datepicker table tr td.active:hover,
|
|
.datepicker table tr td.active.disabled,
|
|
.datepicker table tr td.active.disabled:hover {
|
|
background-color: #006dcc;
|
|
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
|
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: linear-gradient(top, #0088cc, #0044cc);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
|
border-color: #0044cc #0044cc #002a80;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
color: #fff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
}
|
|
.datepicker table tr td.active:hover,
|
|
.datepicker table tr td.active:hover:hover,
|
|
.datepicker table tr td.active.disabled:hover,
|
|
.datepicker table tr td.active.disabled:hover:hover,
|
|
.datepicker table tr td.active:active,
|
|
.datepicker table tr td.active:hover:active,
|
|
.datepicker table tr td.active.disabled:active,
|
|
.datepicker table tr td.active.disabled:hover:active,
|
|
.datepicker table tr td.active.active,
|
|
.datepicker table tr td.active:hover.active,
|
|
.datepicker table tr td.active.disabled.active,
|
|
.datepicker table tr td.active.disabled:hover.active,
|
|
.datepicker table tr td.active.disabled,
|
|
.datepicker table tr td.active:hover.disabled,
|
|
.datepicker table tr td.active.disabled.disabled,
|
|
.datepicker table tr td.active.disabled:hover.disabled,
|
|
.datepicker table tr td.active[disabled],
|
|
.datepicker table tr td.active:hover[disabled],
|
|
.datepicker table tr td.active.disabled[disabled],
|
|
.datepicker table tr td.active.disabled:hover[disabled] {
|
|
background-color: #0044cc;
|
|
}
|
|
.datepicker table tr td.active:active,
|
|
.datepicker table tr td.active:hover:active,
|
|
.datepicker table tr td.active.disabled:active,
|
|
.datepicker table tr td.active.disabled:hover:active,
|
|
.datepicker table tr td.active.active,
|
|
.datepicker table tr td.active:hover.active,
|
|
.datepicker table tr td.active.disabled.active,
|
|
.datepicker table tr td.active.disabled:hover.active {
|
|
background-color: #003399 \9;
|
|
}
|
|
.datepicker table tr td span {
|
|
display: block;
|
|
width: 23%;
|
|
height: 54px;
|
|
line-height: 54px;
|
|
float: left;
|
|
margin: 1%;
|
|
cursor: pointer;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
}
|
|
.datepicker table tr td span:hover {
|
|
background: #eeeeee;
|
|
}
|
|
.datepicker table tr td span.disabled,
|
|
.datepicker table tr td span.disabled:hover {
|
|
background: none;
|
|
color: #999999;
|
|
cursor: default;
|
|
}
|
|
.datepicker table tr td span.active,
|
|
.datepicker table tr td span.active:hover,
|
|
.datepicker table tr td span.active.disabled,
|
|
.datepicker table tr td span.active.disabled:hover {
|
|
background-color: #006dcc;
|
|
background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
|
|
background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: -o-linear-gradient(top, #0088cc, #0044cc);
|
|
background-image: linear-gradient(top, #0088cc, #0044cc);
|
|
background-repeat: repeat-x;
|
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
|
|
border-color: #0044cc #0044cc #002a80;
|
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
|
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
|
|
color: #fff;
|
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
}
|
|
.datepicker table tr td span.active:hover,
|
|
.datepicker table tr td span.active:hover:hover,
|
|
.datepicker table tr td span.active.disabled:hover,
|
|
.datepicker table tr td span.active.disabled:hover:hover,
|
|
.datepicker table tr td span.active:active,
|
|
.datepicker table tr td span.active:hover:active,
|
|
.datepicker table tr td span.active.disabled:active,
|
|
.datepicker table tr td span.active.disabled:hover:active,
|
|
.datepicker table tr td span.active.active,
|
|
.datepicker table tr td span.active:hover.active,
|
|
.datepicker table tr td span.active.disabled.active,
|
|
.datepicker table tr td span.active.disabled:hover.active,
|
|
.datepicker table tr td span.active.disabled,
|
|
.datepicker table tr td span.active:hover.disabled,
|
|
.datepicker table tr td span.active.disabled.disabled,
|
|
.datepicker table tr td span.active.disabled:hover.disabled,
|
|
.datepicker table tr td span.active[disabled],
|
|
.datepicker table tr td span.active:hover[disabled],
|
|
.datepicker table tr td span.active.disabled[disabled],
|
|
.datepicker table tr td span.active.disabled:hover[disabled] {
|
|
background-color: #0044cc;
|
|
}
|
|
.datepicker table tr td span.active:active,
|
|
.datepicker table tr td span.active:hover:active,
|
|
.datepicker table tr td span.active.disabled:active,
|
|
.datepicker table tr td span.active.disabled:hover:active,
|
|
.datepicker table tr td span.active.active,
|
|
.datepicker table tr td span.active:hover.active,
|
|
.datepicker table tr td span.active.disabled.active,
|
|
.datepicker table tr td span.active.disabled:hover.active {
|
|
background-color: #003399 \9;
|
|
}
|
|
.datepicker table tr td span.old,
|
|
.datepicker table tr td span.new {
|
|
color: #999999;
|
|
}
|
|
.datepicker th.datepicker-switch {
|
|
width: 145px;
|
|
}
|
|
.datepicker thead tr:first-child th,
|
|
.datepicker tfoot tr th {
|
|
cursor: pointer;
|
|
}
|
|
.datepicker thead tr:first-child th:hover,
|
|
.datepicker tfoot tr th:hover {
|
|
background: #eeeeee;
|
|
}
|
|
.datepicker .cw {
|
|
font-size: 10px;
|
|
width: 12px;
|
|
padding: 0 2px 0 5px;
|
|
vertical-align: middle;
|
|
}
|
|
.datepicker thead tr:first-child th.cw {
|
|
cursor: default;
|
|
background-color: transparent;
|
|
}
|
|
.input-append.date .add-on i,
|
|
.input-prepend.date .add-on i {
|
|
display: block;
|
|
cursor: pointer;
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.input-daterange input {
|
|
text-align: center;
|
|
}
|
|
.input-daterange input:first-child {
|
|
-webkit-border-radius: 3px 0 0 3px;
|
|
-moz-border-radius: 3px 0 0 3px;
|
|
border-radius: 3px 0 0 3px;
|
|
}
|
|
.input-daterange input:last-child {
|
|
-webkit-border-radius: 0 3px 3px 0;
|
|
-moz-border-radius: 0 3px 3px 0;
|
|
border-radius: 0 3px 3px 0;
|
|
}
|
|
.input-daterange .add-on {
|
|
display: inline-block;
|
|
width: auto;
|
|
min-width: 16px;
|
|
height: 18px;
|
|
padding: 4px 5px;
|
|
font-weight: normal;
|
|
line-height: 18px;
|
|
text-align: center;
|
|
text-shadow: 0 1px 0 #ffffff;
|
|
vertical-align: middle;
|
|
background-color: #eeeeee;
|
|
border: 1px solid #ccc;
|
|
margin-left: -5px;
|
|
margin-right: -5px;
|
|
}
|