File: //usr/local/CyberCP/baseTemplate/static/baseTemplate/assets/widgets/widgetsCombined.css
/* 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;
}