File manager - Edit - /usr/local/CyberCP/cyberpanel/static/baseTemplate/assets/widgets/widgetsCombined.css
Back
/* 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; }
| ver. 1.4 |
Github
|
.
| PHP 8.2.28 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings