--- /dev/null
+
+.alert {
+ padding-left: 30px;
+ margin-top: 20px;
+ margin-left: 15px;
+ position: relative;
+}
+
+.alert > .fa,
+.alert > .glyphicon {
+ position: absolute;
+ left: -15px;
+ top: -15px;
+ width: 35px;
+ height: 35px;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+ line-height: 35px;
+ text-align: center;
+ background: inherit;
+ border: inherit;
+}
\ No newline at end of file
--- /dev/null
+/*!
+ * FullCalendar v1.6.4 Stylesheet
+ * Docs & License: http://arshaw.com/fullcalendar/
+ * (c) 2013 Adam Shaw
+ *
+ * When taken - was MIT licence (18/Feb/2014)
+ */
+
+.fc {
+ direction: ltr;
+ text-align: left;
+ margin: 0;
+ font-family: Lucida Sans,Arial,sans-serif;
+}
+
+.fc table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
+
+html .fc,
+.fc table {
+ font-size: 1em;
+}
+
+.fc td,
+.fc th {
+ padding: 0;
+ vertical-align: top;
+ -moz-user-select: -moz-none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ -o-user-select: none;
+ user-select: none;
+}
+
+
+
+/* Header
+------------------------------------------------------------------------*/
+
+.fc-header td {
+ white-space: nowrap;
+}
+
+.fc-header-left {
+ width: 25%;
+ text-align: left;
+}
+
+.fc-header-center {
+ text-align: center;
+}
+
+.fc-header-right {
+ width: 25%;
+ text-align: right;
+}
+
+.fc-header-title {
+ display: inline-block;
+ vertical-align: top;
+}
+
+.fc-header-title h2 {
+ margin-top: 0;
+ white-space: nowrap;
+ font-size: 1.5em;
+ font-family: Lucida Sans,Arial,sans-serif;
+ font-weight: bold;
+ line-height: normal;;
+ margin:0;
+}
+
+.fc .fc-header-space {
+ padding-left: 10px;
+}
+
+.fc-header .fc-button {
+ margin-bottom: 1em;
+ vertical-align: top;
+}
+
+/* buttons edges butting together */
+
+.fc-header .fc-button {
+ margin-right: -1px;
+}
+
+.fc-header .fc-corner-right, /* non-theme */
+.fc-header .ui-corner-right { /* theme */
+ margin-right: 0; /* back to normal */
+}
+
+/* button layering (for border precedence) */
+
+.fc-header .fc-state-hover,
+.fc-header .ui-state-hover {
+ z-index: 2;
+}
+
+.fc-header .fc-state-down {
+ z-index: 3;
+}
+
+.fc-header .fc-state-active,
+.fc-header .ui-state-active {
+ z-index: 4;
+}
+
+/* Content
+------------------------------------------------------------------------*/
+
+.fc-content {
+ clear: both;
+ zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
+}
+
+.fc-view {
+ width: 100%;
+ overflow: hidden;
+}
+
+/* Cell Styles
+------------------------------------------------------------------------*/
+
+.fc-widget-header, /* <th>, usually */
+.fc-widget-content { /* <td>, usually */
+ border: 1px solid $gray-light;
+}
+
+.fc-state-highlight { /* <td> today cell */ /* TODO: add .fc-today to <th> */
+ background: $brand-warning; //#fcf8e3
+}
+
+.fc-cell-overlay { /* semi-transparent rectangle while dragging */
+ background: $brand-info; //#bce8f1
+ opacity: .3;
+ filter: alpha(opacity=30); /* for IE */
+}
+
+/* Buttons
+------------------------------------------------------------------------*/
+
+.fc-button {
+ position: relative;
+ display: inline-block;
+ padding: 0 .6em;
+ overflow: hidden;
+ height: 1.9em;
+ line-height: 1.9em;
+ white-space: nowrap;
+ cursor: pointer;
+}
+
+.fc-state-default { /* non-theme */
+ border: 1px solid;
+}
+
+.fc-state-default.fc-corner-left { /* non-theme */
+ border-top-left-radius: 4px;
+ border-bottom-left-radius: 4px;
+}
+
+.fc-state-default.fc-corner-right { /* non-theme */
+ border-top-right-radius: 4px;
+ border-bottom-right-radius: 4px;
+}
+
+/*
+ Our default prev/next buttons use HTML entities like ‹ › « »
+ and we'll try to make them look good cross-browser.
+*/
+
+.fc-text-arrow {
+ margin: 0 .1em;
+ font-size: 2em;
+ font-family: "Courier New", Courier, monospace;
+ vertical-align: baseline; /* for IE7 */
+}
+
+.fc-button-prev .fc-text-arrow,
+.fc-button-next .fc-text-arrow { /* for ‹ › */
+ font-weight: bold;
+}
+
+/* icon (for jquery ui) */
+
+.fc-button .fc-icon-wrap {
+ position: relative;
+ float: left;
+ top: 50%;
+}
+
+.fc-button .ui-icon {
+ position: relative;
+ float: left;
+ margin-top: -50%;
+ *margin-top: 0;
+ *top: -50%;
+}
+
+/*
+ button states
+ borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
+*/
+
+.fc-state-default {
+ background-color: $well-bg;
+ background-image: -moz-linear-gradient(top, $body-bg, $gray-light);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from($body-bg), to($gray-light));
+ background-image: -webkit-linear-gradient(top, $body-bg, $gray-light);
+ background-image: -o-linear-gradient(top, $body-bg, $gray-light);
+ background-image: linear-gradient(to bottom, $body-bg, $gray-light);
+ background-repeat: repeat-x;
+ border-color: $gray-light $gray-light $gray-light;
+ border-color: $black-opacity-20 $black-opacity-20 $black-opacity-50;
+ color: $gray-dark;
+}
+
+.fc-state-hover,
+.fc-state-down,
+.fc-state-active,
+.fc-state-disabled {
+ color: $gray-dark;
+ background-color: $gray-light;
+}
+
+.fc-state-hover {
+ color: $gray-dark;
+ text-decoration: none;
+ background-position: 0 -15px;
+ -webkit-transition: background-position 0.1s linear;
+ -moz-transition: background-position 0.1s linear;
+ -o-transition: background-position 0.1s linear;
+ transition: background-position 0.1s linear;
+}
+
+.fc-state-down,
+.fc-state-active {
+ background-color: $gray-light;
+ background-image: none;
+ outline: 0;
+ box-shadow: inset 0 2px 4px $black-opacity-20, 0 1px 2px $black-opacity-20;
+}
+
+.fc-state-disabled {
+ cursor: default;
+ background-image: none;
+ opacity: 0.65;
+ filter: alpha(opacity=65);
+ box-shadow: none;
+}
+
+/* Global Event Styles
+------------------------------------------------------------------------*/
+
+.fc-event-container > * {
+ z-index: 8;
+}
+
+.fc-event-container > .ui-draggable-dragging,
+.fc-event-container > .ui-resizable-resizing {
+ z-index: 9;
+}
+
+.fc-event {
+ border: 1px solid $brand-primary; //#3a87ad; /* default BORDER color */
+ background-color: $brand-primary; //#3a87ad; /* default BACKGROUND color */
+ color: $body-bg; /* default TEXT color */
+ font-size: .85em;
+ cursor: default;
+}
+
+a.fc-event {
+ text-decoration: none;
+}
+
+a.fc-event,
+.fc-event-draggable {
+ cursor: pointer;
+}
+
+.fc-rtl .fc-event {
+ text-align: right;
+}
+
+.fc-event-inner {
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+}
+
+.fc-event-time,
+.fc-event-title {
+ padding: 0 1px;
+ overflow: hidden;
+ white-space: nowrap;
+}
+
+.fc .ui-resizable-handle {
+ display: block;
+ position: absolute;
+ z-index: 99999;
+ overflow: hidden; /* hacky spaces (IE6/7) */
+ font-size: 300%; /* */
+ line-height: 50%; /* */
+}
+
+
+/* Horizontal Events
+------------------------------------------------------------------------*/
+
+.fc-event-hori {
+ border-width: 1px 0;
+ margin-bottom: 1px;
+}
+
+.fc-ltr .fc-event-hori.fc-event-start,
+.fc-rtl .fc-event-hori.fc-event-end {
+ border-left-width: 1px;
+ border-top-left-radius: 3px;
+ border-bottom-left-radius: 3px;
+}
+
+.fc-ltr .fc-event-hori.fc-event-end,
+.fc-rtl .fc-event-hori.fc-event-start {
+ border-right-width: 1px;
+ border-top-right-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+/* resizable */
+
+.fc-event-hori .ui-resizable-e {
+ top: 0 !important; /* importants override pre jquery ui 1.7 styles */
+ right: -3px !important;
+ width: 7px !important;
+ height: 100% !important;
+ cursor: e-resize;
+}
+
+.fc-event-hori .ui-resizable-w {
+ top: 0 !important;
+ left: -3px !important;
+ width: 7px !important;
+ height: 100% !important;
+ cursor: w-resize;
+}
+
+.fc-event-hori .ui-resizable-handle {
+ _padding-bottom: 14px; /* IE6 had 0 height */
+}
+
+
+
+/* Reusable Separate-border Table
+------------------------------------------------------------*/
+
+table.fc-border-separate {
+ border-collapse: separate;
+}
+
+.fc-border-separate th,
+.fc-border-separate td {
+ border-width: 1px 0 0 1px;
+}
+
+.fc-border-separate th.fc-last,
+.fc-border-separate td.fc-last {
+ border-right-width: 1px;
+}
+
+.fc-border-separate tr.fc-last th,
+.fc-border-separate tr.fc-last td {
+ border-bottom-width: 1px;
+}
+
+.fc-border-separate tbody tr.fc-first td,
+.fc-border-separate tbody tr.fc-first th {
+ border-top-width: 0;
+}
+
+
+
+/* Month View, Basic Week View, Basic Day View
+------------------------------------------------------------------------*/
+
+.fc-grid th {
+ text-align: center;
+}
+
+.fc .fc-week-number {
+ width: 22px;
+ text-align: center;
+}
+
+.fc .fc-week-number div {
+ padding: 0 2px;
+}
+
+.fc-grid .fc-day-number {
+ float: right;
+ padding: 0 2px;
+}
+
+.fc-grid .fc-other-month .fc-day-number {
+ opacity: 0.3;
+ filter: alpha(opacity=30); /* for IE */
+ /* opacity with small font can sometimes look too faded
+ might want to set the 'color' property instead
+ making day-numbers bold also fixes the problem */
+}
+
+.fc-grid .fc-day-content {
+ clear: both;
+ padding: 2px 2px 1px; /* distance between events and day edges */
+}
+
+/* event styles */
+
+.fc-grid .fc-event-time {
+ font-weight: bold;
+}
+
+/* right-to-left */
+
+.fc-rtl .fc-grid .fc-day-number {
+ float: left;
+}
+
+.fc-rtl .fc-grid .fc-event-time {
+ float: right;
+}
+
+
+
+/* Agenda Week View, Agenda Day View
+------------------------------------------------------------------------*/
+
+.fc-agenda table {
+ border-collapse: separate;
+}
+
+.fc-agenda-days th {
+ text-align: center;
+}
+
+.fc-agenda .fc-agenda-axis {
+ width: 50px;
+ padding: 0 4px;
+ vertical-align: middle;
+ text-align: right;
+ white-space: nowrap;
+ font-weight: normal;
+}
+
+.fc-agenda .fc-week-number {
+ font-weight: bold;
+}
+
+.fc-agenda .fc-day-content {
+ padding: 2px 2px 1px;
+}
+
+/* make axis border take precedence */
+
+.fc-agenda-days .fc-agenda-axis {
+ border-right-width: 1px;
+}
+
+.fc-agenda-days .fc-col0 {
+ border-left-width: 0;
+}
+
+/* all-day area */
+
+.fc-agenda-allday th {
+ border-width: 0 1px;
+}
+
+.fc-agenda-allday .fc-day-content {
+ min-height: 34px; /* TODO: doesnt work well in quirksmode */
+ _height: 34px;
+}
+
+/* divider (between all-day and slots) */
+
+.fc-agenda-divider-inner {
+ height: 2px;
+ overflow: hidden;
+}
+
+.fc-widget-header .fc-agenda-divider-inner {
+ background: $gray-lighter;
+}
+
+/* slot rows */
+
+.fc-agenda-slots th {
+ border-width: 1px 1px 0;
+}
+
+.fc-agenda-slots td {
+ border-width: 1px 0 0;
+ background: none;
+}
+
+.fc-agenda-slots td div {
+ height: 20px;
+}
+
+.fc-agenda-slots tr.fc-slot0 th,
+.fc-agenda-slots tr.fc-slot0 td {
+ border-top-width: 0;
+}
+
+.fc-agenda-slots tr.fc-minor th,
+.fc-agenda-slots tr.fc-minor td {
+ border-top-style: dotted;
+}
+
+.fc-agenda-slots tr.fc-minor th.ui-widget-header {
+ *border-top-style: solid; /* doesn't work with background in IE6/7 */
+}
+
+
+
+/* Vertical Events
+------------------------------------------------------------------------*/
+
+.fc-event-vert {
+ border-width: 0 1px;
+}
+
+.fc-event-vert.fc-event-start {
+ border-top-width: 1px;
+ border-top-left-radius: 3px;
+ border-top-right-radius: 3px;
+}
+
+.fc-event-vert.fc-event-end {
+ border-bottom-width: 1px;
+ border-bottom-left-radius: 3px;
+ border-bottom-right-radius: 3px;
+}
+
+.fc-event-vert .fc-event-time {
+ white-space: nowrap;
+ font-size: 10px;
+}
+
+.fc-event-vert .fc-event-inner {
+ position: relative;
+ z-index: 2;
+}
+
+.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */
+ position: absolute;
+ z-index: 1;
+ top: 0;
+ left: 0;
+ width: 100%;
+ height: 100%;
+ background: $body-bg;
+ opacity: .25;
+ filter: alpha(opacity=25);
+}
+
+.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */
+.fc-select-helper .fc-event-bg {
+ display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
+}
+
+/* resizable */
+
+.fc-event-vert .ui-resizable-s {
+ bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
+ width: 100% !important;
+ height: 8px !important;
+ overflow: hidden !important;
+ line-height: 8px !important;
+ font-size: 11px !important;
+ font-family: monospace;
+ text-align: center;
+ cursor: s-resize;
+}
+
+.fc-agenda .ui-resizable-resizing { /* TODO: better selector */
+ _overflow: hidden;
+}
+
+
--- /dev/null
+.clear {
+ clear: both;
+}
+
+.carousel-bullets {
+ height: 17px;
+ bottom: 20px;
+ width: 100%;
+ text-align: center;
+
+ z-index: 1000;
+ position: absolute;
+ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
+ -moz-opacity: 1;
+ -khtml-opacity: 1;
+ opacity: 1;
+ -webkit-transition: opacity 0.2s ease-out;
+ -moz-transition: opacity 0.2s ease-out;
+ -o-transition: opacity 0.2s ease-out;
+ -ms-transition: opacity 0.2s ease-out;
+ -webkit-transform: translateZ(5px);
+}
+
+.carousel-bullets > .bullet {
+ cursor: pointer;
+ position: relative !important;
+ background: rgba(0, 0, 0, 0.5) !important;
+ -webkit-border-radius: 10px;
+ border-radius: 10px;
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ width: 6px !important;
+ height: 6px !important;
+ border: 5px solid rgba(0, 0, 0, 0) !important;
+ display: inline-block;
+ margin-right: 2px !important;
+ margin-bottom: 0px !important;
+ -webkit-transition: background-color 0.2s, border-color 0.2s;
+ -moz-transition: background-color 0.2s, border-color 0.2s;
+ -o-transition: background-color 0.2s, border-color 0.2s;
+ -ms-transition: background-color 0.2s, border-color 0.2s;
+ transition: background-color 0.2s, border-color 0.2s;
+ float:none !important;
+ box-sizing:content-box;
+ -moz-box-sizing:content-box;
+ -webkit-box-sizing:content-box;
+}
+
+.carousel-bullets > .bullet:hover,
+.carousel-bullets > .bullet.selected {
+ -webkit-box-shadow: none;
+ -moz-box-shadow: none;
+ box-shadow: none;
+ background: rgba(255, 255, 255, 1) !important;
+ width: 6px !important;
+ height: 6px !important;
+ border: 5px solid rgba(0, 0, 0, 1) !important;
+}
+
+.carousel-inner > .carousel-arrow > .carousel-prev {
+ position: absolute;
+ display: block;
+ top: 50%;
+ color: $body-bg;
+ z-index: 100;
+ cursor: pointer;
+ padding: 10px;
+ margin-top: -22px;
+ left: 0;
+}
+
+.carousel-inner > .carousel-arrow > .carousel-next {
+ position: absolute;
+ display: block;
+ top: 50%;
+ color: $body-bg;
+ z-index: 100;
+ cursor: pointer;
+ padding: 10px;
+ margin-top: -22px;
+ right: 0;
+}
+
+.carousel-inner > .carousel-arrow > .carousel-prev > i,
+.carousel-inner > .carousel-arrow > .carousel-next > i {
+ font-size: 24px;
+}
+
+.carousel-inner .tab-pane.clickable {
+ cursor: pointer;
+}
--- /dev/null
+/*
+ *
+ * From https://github.com/flatlogic/awesome-bootstrap-checkbox
+ *
+ */
+.checkbox label {
+ display: inline-block;
+ position: relative;
+ padding-left: 5px;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -khtml-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+.checkbox label::after {
+ display: inline-block;
+ position: absolute;
+ width: 16px;
+ height: 16px;
+ left: 0;
+ top: 0;
+ margin-left: -20px;
+ padding-left: 3px;
+ padding-top: 1px;
+ font-size: 11px;
+ color: $gray; }
+.checkbox input[type="checkbox"] {
+ display: none; }
+.checkbox input[type="checkbox"]:checked + label::after {
+ font-size: 18px;
+ padding-top: 0px;
+ font-family: 'Font Awesome 5 Free 400';
+ font-weight: 900;
+ color: $brand-success;
+ content: "\f14a"; }
+.checkbox input[type="checkbox"]:not(:checked) + label::after {
+ font-size: 18px;
+ padding-top: 0px;
+ font-family: 'Font Awesome 5 Free 400';
+ font-weight: 900;
+ content: "\f0c8"; }
+
+.checkbox input[type="checkbox"]:disabled + label {
+ opacity: 0.65; }
+.checkbox input[type="checkbox"]:disabled + label::before {
+ background-color: $gray-lighter;
+ cursor: not-allowed; }
+.checkbox.checkbox-circle label::before {
+ border-radius: 50%; }
+
+.checkbox-primary input[type="checkbox"]:checked + label::before {
+ background-color: $brand-primary;
+ border-color: $brand-primary; }
+.checkbox-primary input[type="checkbox"]:checked + label::after {
+ color: $body-bg; }
+
+.checkbox-danger input[type="checkbox"]:checked + label::before {
+ background-color: $brand-danger;
+ border-color: $brand-danger; }
+.checkbox-danger input[type="checkbox"]:checked + label::after {
+ color: $body-bg; }
+
+.checkbox-info input[type="checkbox"]:checked + label::before {
+ background-color: $brand-info;
+ border-color: $brand-info; }
+.checkbox-info input[type="checkbox"]:checked + label::after {
+ color: $body-bg; }
+
+.checkbox-warning input[type="checkbox"]:checked + label::before {
+ background-color: $brand-warning;
+ border-color: $brand-warning; }
+.checkbox-warning input[type="checkbox"]:checked + label::after {
+ color: $body-bg; }
+
+.checkbox-success input[type="checkbox"]:checked + label::before {
+ background-color: $brand-success;
+ border-color: $brand-success; }
+.checkbox-success input[type="checkbox"]:checked + label::after {
+ color: $body-bg; }
+
+/* before is the outer cicle */
+/* after is the inner circle.. */
+
+
+
+.radio label {
+ display: inline-block;
+ position: relative;
+ padding-left: 5px; }
+.radio label::before {
+ content: "";
+ display: inline-block;
+ position: absolute;
+ width: 17px;
+ height: 17px;
+ left: 0;
+ margin-left: -20px;
+ border: 1px solid $gray-light;
+ border-radius: 50%;
+ background-color: $body-bg;
+ -webkit-transition: border 0.15s ease-in-out;
+ -o-transition: border 0.15s ease-in-out;
+ transition: border 0.15s ease-in-out; }
+.radio label::after {
+ display: inline-block;
+ position: absolute;
+ content: " ";
+ width: 11px;
+ height: 11px;
+ left: 3px;
+ top: 3px;
+ margin-left: -20px;
+ border-radius: 50%;
+ background-color: $body-bg;
+ -webkit-transform: scale(0, 0);
+ -ms-transform: scale(0, 0);
+ -o-transform: scale(0, 0);
+ transform: scale(0, 0);
+ -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+ -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+ -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+ transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);
+}
+.radio input[type="radio"] {
+ display: none;
+}
+.radio input[type="radio"]:checked + label::after {
+ -webkit-transform: scale(1, 1);
+ -ms-transform: scale(1, 1);
+ -o-transform: scale(1, 1);
+ transform: scale(1, 1);
+ background-color: $gray;
+}
+.radio input[type="radio"]:disabled + label {
+ opacity: 0.65; }
+.radio input[type="radio"]:disabled + label::before {
+ cursor: not-allowed; }
+
+.radio-primary input[type="radio"] + label::after {
+ background-color: $body-bg; }
+.radio-primary input[type="radio"]:checked + label::before {
+ border-color: $brand-primary; }
+.radio-primary input[type="radio"]:checked + label::after {
+ background-color: $brand-primary; }
+
+.radio-danger input[type="radio"] + label::after {
+ background-color: $brand-danger; }
+.radio-danger input[type="radio"]:checked + label::before {
+ border-color: $brand-danger; }
+.radio-danger input[type="radio"]:checked + label::after {
+ background-color: $brand-danger; }
+
+
+
+.radio-info input[type="radio"] + label::after {
+ background-color: $body-bg;
+}
+.radio-info input[type="radio"]:checked + label::before {
+ border-color: $brand-info; }
+.radio-info input[type="radio"]:checked + label::after {
+ background-color: $brand-info; }
+
+.radio-warning input[type="radio"] + label::after {
+ background-color: $body-bg; }
+.radio-warning input[type="radio"]:checked + label::before {
+ border-color: $brand-warning; }
+.radio-warning input[type="radio"]:checked + label::after {
+ background-color: $brand-warning; }
+
+.radio-success input[type="radio"] + label::after {
+ background-color: $body-bg; }
+.radio-success input[type="radio"]:checked + label::before {
+ border-color: $brand-success; }
+.radio-success input[type="radio"]:checked + label::after {
+ background-color: $brand-success; }
+
+.checkbox.checkbox-inline,
+.radio.radio-inline {
+ margin-top: 0;
+}
\ No newline at end of file
--- /dev/null
+/*
+ *
+ * From https://github.com/danielfarrell/bootstrap-combobox
+ *
+ */
+
+.combobox-container {
+ margin-bottom: 5px;
+ *zoom: 1;
+ display: inline-table;
+}
+.combobox-container:before,
+.combobox-container:after {
+ display: table;
+ content: "";
+}
+.combobox-container:after {
+ /* clear: both; */
+}
+.combobox-container input,
+.combobox-container .uneditable-input {
+ -webkit-border-radius: 0 3px 3px 0;
+ -moz-border-radius: 0 3px 3px 0;
+ border-radius: 0 3px 3px 0;
+}
+.combobox-container input:focus,
+.combobox-container .uneditable-input:focus {
+ position: relative;
+ z-index: 2;
+}
+.combobox-container .uneditable-input {
+ border-left-color: $gray-light;
+}
+.combobox-container .add-on {
+ float: left;
+ display: inline-block;
+ width: auto;
+ min-width: 16px;
+ height: inherit !important;
+ margin-right: -1px;
+ padding: 4px 5px;
+ font-weight: normal;
+ color: $gray-light;
+ text-align: center;
+ text-shadow: 0 1px 0 $body-bg;
+ background-color: $well-bg;
+ border: 1px solid $gray-light;
+ -webkit-border-radius: 3px 0 0 3px;
+ -moz-border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
+
+}
+.combobox-container .active {
+ background-color: $brand-primary; //#3875d7;
+ color: $body-bg;
+}
+.combobox-container input,
+.combobox-container .uneditable-input {
+ float: left;
+ -webkit-border-radius: 3px 0 0 3px;
+ -moz-border-radius: 3px 0 0 3px;
+ border-radius: 3px 0 0 3px;
+}
+.combobox-container .uneditable-input {
+ border-left-color: $gray-lighter;
+ border-right-color: $gray-light;
+}
+.combobox-container .add-on {
+ margin-right: 0;
+ margin-left: -1px;
+ -webkit-border-radius: 0 3px 3px 0;
+ -moz-border-radius: 0 3px 3px 0;
+ border-radius: 0 3px 3px 0;
+}
+.combobox-container input:first-child {
+ *margin-left: -160px;
+}
+.combobox-container input:first-child + .add-on {
+ *margin-left: -21px;
+}
+.combobox-container select {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ border: 0;
+ padding: 0;
+ margin: 0;
+ text-indent: -99999px;
+ *text-indent: 0;
+}
+.form-search .combobox-container,
+.form-inline .combobox-container {
+ display: inline-block;
+ margin-bottom: 0;
+ vertical-align: top;
+}
+.form-search .combobox-container .add-on,
+.form-inline .combobox-container .add-on {
+ vertical-align: middle;
+}
+.combobox-selected .combobox-clear {
+ display: inline-block;
+}
+.combobox-selected .caret {
+ display: none;
+}
+.combobox-clear {
+ display: none;
+ width: 14px;
+ height: 14px;
+ line-height: 14px;
+ vertical-align: top;
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+}
+.dropdown:hover .combobox-clear,
+.open.dropdown .combobox-clear {
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+.btn .combobox-clear {
+ margin-top: 1px;
+ margin-left: 1px;
+}
+.btn:hover .combobox-clear,
+.open.btn-group .combobox-clear {
+ opacity: 1;
+ filter: alpha(opacity=100);
+}
+.typeahead-long {
+ max-height: 300px;
+ overflow-y: auto;
+}
+.control-group.error .combobox-container .add-on {
+ color: $brand-danger; //#B94A48;
+ border-color: $brand-danger; //#B94A48;
+}
+.control-group.error .combobox-container .caret {
+ border-top-color: $brand-danger; //#B94A48;
+}
+.control-group.warning .combobox-container .add-on {
+ color: $brand-warning; //#C09853;
+ border-color: $brand-warning; //#C09853;
+}
+.control-group.warning .combobox-container .caret {
+ border-top-color: $brand-warning; //#C09853;
+}
+.control-group.success .combobox-container .add-on {
+ color: $brand-success; //#468847;
+ border-color: $brand-success; //#468847;
+}
+.control-group.success .combobox-container .caret {
+ border-top-color: $brand-success; //#468847;
+}
+.btn .combobox-clear [class^="icon-"] {
+ line-height: 1.4em;
+}
+.combobox-container .dropdown-menu {
+ border-radius: 0;
+ padding: 0;
+ border: 1px solid $brand-primary; //#66afe9;
+ border-top: none;
+
+}
+
+.roo-select2-container .dropdown-menu {
+ border: 1px solid $brand-primary; //#5897fb;
+}
+
+.dropdown-menu .active {
+ background: $brand-primary; //#3875d7;
+ color: $body-bg;
+}
+
+.dropdown-menu .active label{
+ color: $body-bg;
+}
+
+.dropdown-menu .roo-select2-result {
+ padding: 3px 7px 4px;
+ margin: 0;
+ cursor: pointer;
+ min-height: 1em;
+ -webkit-touch-callout: none;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.roo-select2-container,
+.roo-select2-choices .roo-select2-search-field{
+ width: 100%
+}
+.roo-select2-container .x-combo-noedit {
+ cursor: pointer;
+ background-color: $body-bg;
+
+}
+.roo-select2-container .x-combo-noedit[disabled] {
+ cursor: not-allowed;
+ background-color: $gray-lighter;
+
+}
+
+.roo-combobox-tickable .roo-select2-choices {
+ border: none;
+ background-image: none;
+}
+
+.roo-combobox-tickable .roo-select2-result label {
+ width: 100%;
+}
+/* zindex of dialogs is 10000++ so dropdowns have to be higher... */
+
+.dropdown-menu {
+ z-index: 20002 !important;
+}
+
+.dropdown-menu .checkbox label {
+ width: 100%;
+}
+
+.roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox {
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
+.dropdown-menu .roo-select2-result .checkbox {
+ margin-top: 3px;
+ margin-bottom: 3px;
+}
+
+.roo-select2-container .input-group-addon {
+ padding: 6px 12px;
+ border: 1px solid $input-border;
+ border-left: 0px;
+}
+
+.roo-select2-container .roo-removable {
+ position: relative;
+}
+
+.roo-select2-container .roo-removable .roo-combo-removable-btn {
+ position: absolute;
+ right: 10px;
+ z-index: 2;
+ top: 5px;
+}
+
+.roo-select2-container .has-feedback .roo-combo-removable-btn {
+ position: absolute;
+ right: 35px;
+ z-index: 2;
+ top: 5px;
+}
+
+/*
+.roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn {
+ position: absolute;
+ right: 40px;
+ z-index: 2;
+ top: 5px;
+}
+
+.roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn {
+ position: absolute;
+ right: 70px;
+ z-index: 2;
+ top: 5px;
+}
+
+
+.roo-select2-container.input-group .has-feedback .roo-combo-removable-btn {
+ position: absolute;
+ right: 35px;
+ z-index: 2;
+ top: 5px;
+}*/
+
+.has-warning .roo-select2-container-multi {
+ border: 1px solid $brand-warning; //#8a6d3b;
+}
+
+.roo-ios-select {
+ width: 100%;
+}
\ No newline at end of file
--- /dev/null
+/*!
+ * 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: 8px 12px;
+ margin-top: 1px;
+ -webkit-border-radius: 4px;
+ -moz-border-radius: 4px;
+ border-radius: 4px;
+ direction: ltr;
+ font-size: 13px;
+ /*.dow {
+ border-top: 1px solid $gray-light !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 $gray-light;
+ border-bottom-color: $black-opacity-20;
+ 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 $body-bg;
+ position: absolute;
+ top: -6px;
+ left: 7px;
+}*/
+
+.datepicker-dropdown.bottom:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: 7px solid $gray-light;
+ border-bottom-color: $black-opacity-20;
+ position: absolute;
+ top: -7px;
+ left: 7px;
+}
+.datepicker-dropdown.bottom:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid $body-bg;
+ position: absolute;
+ top: -6px;
+ left: 8px;
+}
+.datepicker-dropdown.top:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-top: 7px solid $gray-light;
+ border-bottom: 0;
+ border-top-color: $black-opacity-20;
+ position: absolute;
+ bottom: -7px;
+ left: 6px;
+}
+
+.datepicker-dropdown.top:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-top: 6px solid $body-bg;
+ border-bottom: 0;
+ position: absolute;
+ bottom: -6px;
+ left: 7px;
+}
+
+.datepicker-dropdown.bottom-right:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: 7px solid $gray-light;
+ border-bottom-color: $black-opacity-20;
+ position: absolute;
+ top: -7px;
+ left: 7px;
+}
+.datepicker-dropdown.bottom-right:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid $body-bg;
+ position: absolute;
+ top: -6px;
+ left: 8px;
+}
+
+.datepicker-dropdown.bottom-left:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-bottom: 7px solid $gray-light;
+ border-bottom-color: $black-opacity-20;
+ position: absolute;
+ top: -7px;
+ left: 260px;
+}
+.datepicker-dropdown.bottom-left:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-bottom: 6px solid $body-bg;
+ position: absolute;
+ top: -6px;
+ left: 261px;
+}
+
+.datepicker-dropdown.top-right:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-top: 7px solid $gray-light;
+ border-top-color: $black-opacity-20;
+ position: absolute;
+ bottom: -7px;
+ left: 6px;
+}
+
+.datepicker-dropdown.top-right:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-top: 6px solid $body-bg;
+ position: absolute;
+ bottom: -6px;
+ left: 7px;
+}
+
+.datepicker-dropdown.top-left:before {
+ content: '';
+ display: inline-block;
+ border-left: 7px solid transparent;
+ border-right: 7px solid transparent;
+ border-top: 7px solid $gray-light;
+ border-top-color: $black-opacity-20;
+ position: absolute;
+ bottom: -7px;
+ left: 260px;
+}
+
+.datepicker-dropdown.top-left:after {
+ content: '';
+ display: inline-block;
+ border-left: 6px solid transparent;
+ border-right: 6px solid transparent;
+ border-top: 6px solid $body-bg;
+ position: absolute;
+ bottom: -6px;
+ left: 261px;
+}
+
+.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: $gray-lighter;
+ cursor: pointer;
+}
+.datepicker table tr td.old,
+.datepicker table tr td.new {
+ color: $gray-lighter;
+}
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover {
+ background: none;
+ color: $gray-lighter;
+ 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: $brand-warning; //#fde19a;
+ background-image: -moz-linear-gradient(top, $brand-warning, $brand-warning);
+ background-image: -ms-linear-gradient(top, $brand-warning, $brand-warning);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from($brand-warning), to($brand-warning));
+ background-image: -webkit-linear-gradient(top, $brand-warning, $brand-warning);
+ background-image: -o-linear-gradient(top, $brand-warning, $brand-warning);
+ background-image: linear-gradient(top, $brand-warning, $brand-warning);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$brand-warning', endColorstr='$brand-warning', GradientType=0);
+ border-color: $brand-warning $brand-warning $brand-warning;
+ border-color: $black-opacity-20 $black-opacity-20 $black-opacity-50;
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+.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: $brand-warning; //#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: $brand-warning; //#fbf069 \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: $brand-primary; //#006dcc;
+ background-image: -moz-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary);
+ background-image: -ms-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(lighten($brand-primary, 5%)), to($brand-primary));
+ background-image: -webkit-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary);
+ background-image: -o-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary);
+ background-image: linear-gradient(top, lighten($brand-primary, 5%), $brand-primary);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten($brand-primary, 5%)', endColorstr='$brand-primary', GradientType=0);
+ border-color: $brand-primary $brand-primary darken($brand-primary, 10%);
+ border-color: $black-opacity-20 $black-opacity-20 $black-opacity-50;
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+ color: $body-bg;
+ text-shadow: 0 -1px 0 $black-opacity-50;
+}
+.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: $brand-primary;
+}
+.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: darken($brand-primary, 10%); //#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: $gray-lighter;
+}
+.datepicker table tr td span.disabled,
+.datepicker table tr td span.disabled:hover {
+ background: none;
+ color: $gray-light;
+ 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: $brand-primary; //#006dcc;
+ background-image: -moz-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary);
+ background-image: -ms-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(lighten($brand-primary, 5%)), to($brand-primary));
+ background-image: -webkit-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary);
+ background-image: -o-linear-gradient(top, lighten($brand-primary, 5%), $brand-primary);
+ background-image: linear-gradient(top, lighten($brand-primary, 5%), $brand-primary);
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten($brand-primary, 5%)', endColorstr='$brand-primary', GradientType=0);
+ border-color: $brand-primary $brand-primary darken($brand-primary, 10%);
+ border-color: $black-opacity-20 $black-opacity-20 $black-opacity-50;
+ filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+ color: $body-bg;
+ text-shadow: 0 -1px 0 $black-opacity-50;
+}
+.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: $brand-primary;
+}
+.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: darken($brand-primary, 10%); //#003399 \9;
+}
+.datepicker table tr td span.old {
+ color: $gray-light;
+}
+.datepicker th.switch {
+ width: 145px;
+}
+.datepicker thead tr:first-child th,
+.datepicker tfoot tr:first-child th {
+ cursor: pointer;
+}
+.datepicker thead tr:first-child th:hover,
+.datepicker tfoot tr:first-child th:hover {
+ background: $gray-lighter;
+}
+.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;
+}
+
+.datepicker .datepicker-time td span {
+ display: block;
+ width: 47px;
+ height: 54px;
+ line-height: 54px;
+ float: left;
+ margin: 2px;
+ cursor: pointer;
+ border-radius: 4px;
+}
+
+.datepicker .datepicker-time td span.timepicker-hour,
+.datepicker .datepicker-time td span.timepicker-minute {
+ width: 100%;
+ font-weight: bold;
+ font-size: 1.2em;
+}
--- /dev/null
+
+.roo-document-manager-selector { // it must use visibility, display is not working on old safari...
+ visibility: hidden;
+ height: 0px;
+}
+
+.roo-document-manager-uploader,
+.roo-document-manager-loading,
+.roo-document-manager-preview {
+ position: relative;
+ float: left;
+ width: 25%;
+ padding-left: 5px;
+ height: 100px;
+ max-height: 100px;
+ margin-top: 10px;
+ margin-left: 10px;
+}
+
+.roo-document-manager-preview.wide {
+ width: 50%;
+}
+
+.roo-document-manager-thumb,
+.roo-document-manager-upload-btn {
+ width : 100%;
+ height: 100px;
+ line-height: 100px;
+ max-height: 100px;
+ border: 1px solid $gray-lighter;
+ -webkit-box-shadow: 1px 0px 5px 0px fade($gray-light, 75%);
+ -moz-box-shadow: 1px 0px 5px 0px fade($gray-light, 75%);
+ box-shadow: 1px 0px 5px 0px fade($gray-light, 75%);
+}
+
+.roo-document-manager-thumb > i.fa,
+.roo-document-manager-upload-btn > i.fa {
+ width: 100%;
+ line-height: 98px;
+ text-align: center;
+ vertical-align: middle;
+ color: $gray-light;
+ font-size: 2.5em;
+}
+
+.roo-document-manager-thumb > i.fa {
+ font-size: 2.5em;
+}
+
+.roo-document-manager-thumb > img {
+ width: 100%;
+ max-height: 100%;
+ text-align: center;
+ vertical-align: middle;
+ padding-bottom: 5px;
+}
+
+.roo-document-manager-preview > .close {
+ position: absolute;
+ top: 0px;
+ right: 3px;
+ font-size: 20px;
+ opacity: 1;
+}
+
+.roo-document-manager-preview > .close:hover {
+ color: $gray-dark;
+}
+
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb > img {
+ -webkit-filter: grayscale(100%);
+ -moz-filter: grayscale(100%);
+ -o-filter: grayscale(100%);
+ -ms-filter: grayscale(100%);
+ filter: grayscale(100%);
+}
+
+.roo-document-manager-preview.disabled > .close {
+ display: none !important;
+}
+
+.roo-document-manager-preview > .roo-document-manager-thumb > .fa {
+ position: absolute;
+ left: -5px;
+ top: -5px;
+ width: 25px;
+ height: 25px;
+ -webkit-border-radius: 50%;
+ -moz-border-radius: 50%;
+ border-radius: 50%;
+ line-height: 25px;
+ text-align: center;
+ background-color: $body-bg;
+ /*border: inherit;*/
+ font-size: 1.8em;
+ z-index: 1;
+}
+
+.roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa {
+ top: inherit;
+ bottom: -5px;
+}
+
+.roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa {
+ color : $brand-primary
+}
+
+.roo-document-manager-preview > .roo-document-manager-thumb.border-primary {
+ border: 3px solid $brand-primary;
+}
+
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa {
+ color : $gray
+}
+
+.roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary {
+ border: none;
+}
+
+/*
+* sm
+*/
+
+@media (min-width: 768px) {
+ .roo-document-manager-uploader,
+ .roo-document-manager-loading,
+ .roo-document-manager-preview {
+ height: 200px;
+ max-height: 200px;
+ }
+
+ .roo-document-manager-thumb,
+ .roo-document-manager-upload-btn {
+ line-height: 200px;
+ height: 200px;
+ max-height: 200px;
+ }
+
+ .roo-document-manager-thumb > i.fa,
+ .roo-document-manager-upload-btn > i.fa {
+ line-height: 198px;
+ }
+
+}
+
+/*
+* md
+*/
+
+@media (min-width: 992px) {
+ .roo-document-manager-uploader,
+ .roo-document-manager-loading,
+ .roo-document-manager-preview {
+ width: 8.33333333%;
+ height: 80px;
+ max-height: 80px;
+ }
+
+ .roo-document-manager-preview.wide {
+ width: 16.66666666%;
+ }
+
+ .roo-document-manager-thumb,
+ .roo-document-manager-upload-btn {
+ line-height: 80px;
+ height: 80px;
+ max-height: 80px;
+ }
+
+ .roo-document-manager-thumb > i.fa,
+ .roo-document-manager-upload-btn > i.fa {
+ line-height: 78px;
+ }
+
+}
+
+
+/*
+* lg
+*/
+
+@media (min-width: 1200px) {
+ .roo-document-manager-uploader,
+ .roo-document-manager-loading,
+ .roo-document-manager-preview {
+ width: 8.33333333%;
+ height: 100px;
+ max-height: 100px;
+ }
+
+ .roo-document-manager-preview.wide {
+ width: 16.66666666%;
+ }
+
+ .roo-document-manager-thumb,
+ .roo-document-manager-upload-btn {
+ line-height: 100px;
+ height: 100px;
+ max-height: 100px;
+ }
+
+ .roo-document-manager-thumb > i.fa,
+ .roo-document-manager-upload-btn > i.fa {
+ line-height: 98px;
+ }
+
+}
--- /dev/null
+
+.document-slider-dialog .modal-body {
+ padding: 0px;
+}
+
+.roo-document-slider-header {
+ background-color: $black-opacity-50;
+}
+
+.roo-document-slider-header .roo-document-slider-header-title {
+ width: 80%;
+ margin: 0 auto;
+ padding: 10px 0;
+ color: $body-bg;
+ font-weight: bold;
+ text-align: center;
+}
+
+.roo-document-slider-body {
+ background-color: $body-bg;
+ width: 100%;
+ height: 450px;
+ position: relative;
+ overflow: hidden;
+}
+
+.roo-document-slider-body .roo-document-slider-thumb {
+ position: absolute;
+ width: 80%;
+ height: 100%;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ box-sizing: border-box;
+ border: 1px solid rgb(102, 102, 102);
+ box-shadow: 0 0 0 1000px $black-opacity-50;
+ text-align: center;
+ vertical-align: middle;
+ overflow: auto;
+ cursor:move;
+}
+
+.roo-document-slider-body .roo-document-slider-image{
+ width: 100%;
+}
+
+.roo-document-slider-prev {
+ position: absolute;
+ top: 0;
+ left: 0;
+ text-align: center;
+ width: 10%;
+ height: 100%;
+}
+
+.roo-document-slider-next {
+ position: absolute;
+ top: 0;
+ right: 0;
+ text-align: center;
+ width: 10%;
+ height: 100%;
+}
+
+.roo-document-slider-prev > i,
+.roo-document-slider-next > i {
+ position: relative;
+ top: 50%;
+ transform: translateY(-50%);
+ cursor: pointer;
+ font-size: 2em;
+}
+
--- /dev/null
+
+.document-viewer-dialog .modal-dialog {
+ margin: 0px auto;
+}
+
+.document-viewer-dialog .modal-header,
+.document-viewer-dialog .modal-footer {
+ padding-top: 5px;
+ padding-bottom: 5px;
+}
+
+.document-viewer-dialog .modal-body {
+ padding: 0px;
+}
+
+.roo-document-viewer-body {
+ background-color: $body-bg;
+ width: 100%;
+ height: 450px;
+ max-height: 450px;
+ position: relative;
+ overflow: hidden;
+ cursor:move;
+}
+
+.roo-document-viewer-body .roo-document-viewer-thumb {
+ position: absolute;
+ width: 80%;
+ height: 80%;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ box-sizing: border-box;
+ border: 1px solid rgb(102, 102, 102);
+ box-shadow: 0 0 0 1000px $black-opacity-50;
+ text-align: center;
+ vertical-align: middle;
+ overflow: auto;
+}
+
+.roo-document-viewer-body .roo-document-viewer-image{
+ width: 100%;
+}
+
+.roo-document-viewer-btn-group button {
+ background-color: $gray-base;
+ color: $body-bg;
+ border-color: $gray-dark;
+}
+
+.roo-document-viewer-btn-group > .btn-group:first-child > button {
+ border-top-left-radius: 0;
+}
+
+.roo-document-viewer-btn-group > .btn-group:last-child > button {
+ border-top-right-radius: 0;
+}
\ No newline at end of file
--- /dev/null
+.dropdown-submenu:hover > a,
+.dropdown-submenu:focus > a {
+ color: $body-bg;
+ text-decoration: none;
+ background-color: $brand-primary;
+ background-image: -moz-linear-gradient(top, $brand-primary, darken($brand-primary, 3%));
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from($brand-primary), to(darken($brand-primary, 3%)));
+ background-image: -webkit-linear-gradient(top, $brand-primary, darken($brand-primary, 3%));
+ background-image: -o-linear-gradient(top, $brand-primary, darken($brand-primary, 3%));
+ background-image: linear-gradient(to bottom, $brand-primary, darken($brand-primary, 3%));
+ background-repeat: repeat-x;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$brand-primary', endColorstr='darken($brand-primary, 3%)', GradientType=0);
+}
+
+.dropdown-submenu {
+ position: relative;
+}
+
+.dropdown-submenu > .dropdown-menu {
+ top: 0;
+ left: 100%;
+ margin-top: -6px;
+ margin-left: -1px;
+ -webkit-border-radius: 0 6px 6px 6px;
+ -moz-border-radius: 0 6px 6px 6px;
+ border-radius: 0 6px 6px 6px;
+}
+
+.dropdown-submenu:hover > .dropdown-menu {
+ display: block;
+}
+
+.dropup .dropdown-submenu > .dropdown-menu {
+ top: auto;
+ bottom: 0;
+ margin-top: 0;
+ margin-bottom: -2px;
+ -webkit-border-radius: 5px 5px 5px 0;
+ -moz-border-radius: 5px 5px 5px 0;
+ border-radius: 5px 5px 5px 0;
+}
+
+.dropup .dropdown-menu {
+ -webkit-animation-name: inherit;
+}
+
+.dropdown-submenu > a:after {
+ display: block;
+ float: right;
+ width: 0;
+ height: 0;
+ margin-top: 5px;
+ margin-right: -10px;
+ border-color: transparent;
+ border-left-color: $gray-light;
+ border-style: solid;
+ border-width: 5px 0 5px 5px;
+ content: " ";
+}
+
+.dropdown-submenu:hover > a:after {
+ border-left-color: $body-bg;
+}
+
+.dropdown-submenu.pull-left {
+ float: none !important;
+}
+
+.dropdown-submenu.pull-left > .dropdown-menu {
+ left: 0;
+ margin-left: 1px;
+ -webkit-border-radius: 6px 0 6px 6px;
+ -moz-border-radius: 6px 0 6px 6px;
+ border-radius: 6px 0 6px 6px;
+}
+
+.dropdown-button > i {
+ margin-right: 5px;
+}
+
+li.dropdown-toggle i.glyphicon + span {
+ margin-left: 5px;
+}
+
+li.dropdown-toggle span + i.glyphicon {
+ margin-left: 5px;
+}
+
+li.dropdown-menu-item i.fa + span {
+ margin-left: 5px;
+}
+
+li.dropdown-toggle button > i.glyphicon {
+ margin: 3px 0 0 5px;
+}
+
+.dropdown-menu.nowrap li a span {
+ white-space: nowrap;
+}
\ No newline at end of file
--- /dev/null
+div.input-group.has-feedback > .form-control-feedback {
+ right: 30px;
+}
+
+div.input-group.has-feedback > .roo-input-after + .form-control-feedback {
+ right: 39px;
+}
+
+.roo-required-indicator {
+ font-size: 8px;
+ color: $brand-danger;
+ vertical-align: top;
+}
+
+.roo-required-indicator.left-indicator {
+ margin-right: 3px;
+}
+
+.roo-required-indicator.right-indicator {
+ margin-left: 3px;
+}
--- /dev/null
+.label-pill {
+ padding-right: .6em;
+ padding-left: .6em;
+ border-radius: 10rem;
+}
--- /dev/null
+
+.roo-layout-container{
+ width:100%;
+ height:100%;
+ overflow:hidden;
+}
+
+.roo-layout-inactive-content{
+ position:absolute;
+ left:-10000px;
+ top:-10000px;
+ visibility:hidden;
+}
+.roo-layout-active-content{
+ visibility:visible;
+ /* padding: 10px; */
+}
+.roo-layout-panel{
+ position:absolute;
+ /* overflow:hidden; -- menus inside of contains do not work with this */
+ /*
+ background-color:white;
+ border:1px solid #98c0f4;
+ */
+}
+.roo-layout-panel-east, .roo-layout-panel-west {
+ z-index:10;
+}
+.roo-layout-panel-north, .roo-layout-panel-south {
+ z-index:11;
+}
+/*
+.roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west {
+ z-index:12;
+}
+*/
+.roo-layout-panel-body{
+ overflow:hidden;
+}
+/*
+
+.roo-layout-grid-wrapper{
+
+}
+*/
+.roo-layout-split
+{
+ position:absolute;
+ height:5px;
+ width:5px;
+ line-height:1px;
+ font-size:1px;
+ z-index:3;
+ background-color:$well-bg;
+}
+.roo-layout-split-south, .roo-layout-split-north {
+ border-bottom : 1px solid $gray-light;
+}
+.roo-layout-split-east, .roo-layout-split-west {
+ border-right: 1px solid $gray-light;
+}
+
+
+.roo-layout-panel-hd{
+
+ position:relative;
+}
+.roo-layout-panel-hd.breadcrumb {
+ margin-bottom: 0;
+}
+
+.roo-layout-panel-hd-text{
+ padding: 4px;
+ padding-left: 4px;
+ display:block;
+ white-space: nowrap;
+}
+.roo-layout-panel-hd-tools{
+ position:absolute;
+ right:0;
+ top:0;
+ text-align:right;
+ padding-top:2px;
+ padding-right:2px;
+ width:40px;
+}
+/*
+.x-layout-tools-button{
+ z-index:6;
+ padding:2px;
+ float:right;
+ cursor:pointer;
+}
+.x-layout-tools-button-over{
+ padding:1px;
+ border:1px solid #98c0f4;
+ background-color:white;
+}
+.x-layout-tools-button-inner{
+ height:12px;
+ width:12px;
+ line-height:1px;
+ font-size:1px;
+ background-repeat:no-repeat;
+ background-position:center;
+}
+.x-layout-close{
+ background-image:url(../images/default/layout/layout-sprite.gif);
+ background-repeat: no-repeat;
+ background-position: 50% -48px;
+}
+.x-layout-collapse-west,.x-layout-expand-east{
+ background-image:url(../images/default/layout/layout-sprite.gif);
+ background-repeat: no-repeat;
+ background-position: 50% 0;
+}
+.x-layout-expand-west,.x-layout-collapse-east{
+ background-image:url(../images/default/layout/layout-sprite.gif);
+ background-repeat: no-repeat;
+ background-position: 50% -12px;
+}
+.x-layout-collapse-north,.x-layout-expand-south{
+ background-image:url(../images/default/layout/layout-sprite.gif);
+ background-repeat: no-repeat;
+ background-position: 50% -24px;
+}
+.x-layout-expand-north,.x-layout-collapse-south{
+ background-image:url(../images/default/layout/layout-sprite.gif);
+ background-repeat: no-repeat;
+ background-position: 50% -36px;
+}
+.x-layout-split-h{
+ background-image:url(../images/default/sizer/e-handle.gif);
+ background-position: left;
+ cursor:col-resize;
+}
+.x-layout-split-v{
+ background-image:url(../images/default/sizer/s-handle.gif);
+ background-position: top;
+ cursor:row-resize;
+}
+.x-layout-panel .x-tabs-wrap{
+ background:url(../images/default/layout/gradient-bg.gif);
+}
+*/
+
+
+
+
+.roo-layout-panel .roo-tabbody {
+ background-color: $body-bg;
+ overflow: auto;
+ height: 100%;
+}
+
+.roo-layout-component-panel, .roo-layout-nested-layout {
+ position:relative;
+ padding:0;
+ overflow:hidden;
+ width:200px;
+ height:200px;
+}
+.roo-layout-nested-layout .roo-layout-panel {
+ border:0 none;
+}
+/*
+.x-layout-nested-layout .x-layout-panel-north {
+ border-bottom:1px solid #98c0f4;
+}
+.x-layout-nested-layout .x-layout-panel-south {
+ border-top:1px solid #98c0f4;
+}
+.x-layout-nested-layout .x-layout-panel-east {
+ border-left:1px solid #98c0f4;
+}
+.x-layout-nested-layout .x-layout-panel-west {
+ border-right:1px solid #98c0f4;
+}
+*/
+.roo-repaint{
+ zoom:1;
+ background-color: transparent;
+}
+/*
+.x-layout-panel-dragover {
+ border: 2px solid #6593cf;
+}
+.x-layout-panel-proxy {
+ background-image: url(../images/default/layout/gradient-bg.gif);
+ background-color:#c3daf9;
+ border:1px dashed #6593cf;
+ z-index:10001;
+ overflow:hidden;
+ position:absolute;
+ left:0;top:0;
+}
+
+.x-layout-slider {
+ z-index:15;
+ overflow:hidden;
+ position:absolute;
+}
+*/
+.roo-unselectable{
+ -moz-user-select: none;
+ -khtml-user-select: none;
+ -webkit-user-select: none;
+ cursor:default;
+}
+
+/** --- split bar dragging ---*/
+
+.roo-splitbar-proxy{
+ z-index:40009;
+ visibility:hidden;
+ position:absolute;
+ background: $gray-light;
+ border: 1px solid $gray-base;
+ overflow:hidden;
+}
+.roo-splitbar-h,.roo-splitbar-proxy-h{
+ cursor:col-resize;
+}
+.roo-splitbar-v,.roo-splitbar-proxy-v{
+ cursor:row-resize;
+}
+/*
+.x-grid-resize-proxy
+{
+ z-index:40009;
+ visibility:hidden;
+ position:absolute;
+ background:#666;
+ border: 1px solid #000;
+ overflow:hidden;
+ cursor:col-resize;
+ overflow:hidden;
+ width: 2px;
+}
+
+
+*/
+.roo-layout-panel-body .navbar ul.nav-tabs {
+ margin-top: 9px;
+ display: table;
+}
+
+.roo-layout-panel-body .navbar {
+ margin-bottom: 0px;
+}
+
+.roo-form-group-label-left::before,
+.roo-form-group-label-left::after {
+ display: table;
+ content: " ";
+ clear: both;
+}
\ No newline at end of file
--- /dev/null
+a.list-group-item, button.list-group-item {
+ width: 100%;
+ color: $gray;
+ text-align: inherit;
+}
\ No newline at end of file
--- /dev/null
+.roo-el-mask
+{
+ z-index:20000;
+ position:absolute;
+ top:0;
+ left:0;
+ -moz-opacity: 0.5;
+ opacity:.50;
+ filter: alpha(opacity=50);
+ background-color:$gray-light;
+ width:100%;
+ height:100%;
+ zoom:1;
+}
+.roo-el-mask-msg
+{
+ position: absolute;
+ z-index:20000;
+ /*border: 4px double #557; */
+ background-color: $body-bg;
+ padding: 0px;
+ /*background-image: url('#{$bootstrap-image-path}/ux/lightbox/loading.gif');*/
+ background-repeat: no-repeat;
+ border: 10px solid white;
+ border-radius: 20px;
+ display: table;
+ min-width: 250px;
+}
+
+.roo-el-mask-msg i {
+ font-size: 36px;
+ vertical-align: middle;
+ float: left;
+}
+
+.roo-el-mask-msg div
+{
+ font-family: 'Source Sans Pro', sans-serif;
+ font-size: 24px;
+ font-weight: 500;
+ z-index:20001;
+ padding:0px 15px;
+ color: $gray; //#557;
+ display: table-cell;
+ vertical-align: middle;
+ float: left;
+
+}
+.x-body-masked
+{
+ overflow:hidden !important;
+}
+.x-body-masked select,.ext-masked object,.ext-masked embed
+{
+ visibility:hidden;
+}
+.x-dlg-mask
+{
+ z-index:10000;
+ display:none;
+ position:absolute;
+ top:0;
+ left:0;
+ -moz-opacity: 0.5;
+ opacity:.50;
+ filter: alpha(opacity=50);
+ background-color: $gray-light;
+}
+
\ No newline at end of file
--- /dev/null
+
+
+.masonary .masonry-bottom-title {
+ background-color: transparent;
+}
+
+.masonry-brick-link,
+.roo-brick-link {
+ cursor: pointer;
+ text-decoration: none;
+ outline: 0;
+}
+
+.masonry-brick-paragraph,
+.roo-brick-paragraph {
+ overflow: hidden;
+}
+
+.masonry-brick .masonry-brick-paragraph {
+ padding: 9px;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
+ background-color: inherit;
+}
+
+.masonry-center-title .masonry-brick-paragraph,
+.masonry-bottom-title .masonry-brick-paragraph,
+.roo-brick-center-title .roo-brick-paragraph,
+.roo-brick-bottom-title .roo-brick-paragraph {
+ display: table;
+}
+
+.masonry-center-title .masonry-brick-paragraph .masonry-brick-title,
+.roo-brick-center-title .roo-brick-paragraph .roo-brick-title {
+ display:table-cell;
+ vertical-align:middle;
+ text-align:center;
+}
+
+.masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title,
+.roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title {
+ display:table-cell;
+ vertical-align:bottom;
+ text-align:right;
+}
+
+.masonry-brick-image .masonry-brick-paragraph,
+.roo-brick-image .roo-brick-paragraph {
+ opacity: 0;
+}
+
+.masonry-bottom-title .masonry-brick-paragraph {
+ opacity: 1;
+}
+
+
+.masonry-brick-image-view {
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.masonry-brick-paragraph .masonry-brick-title,
+.roo-brick-paragraph .roo-brick-title {
+ margin-top: 0;
+}
+
+.roo-brick .roo-brick-paragraph {
+ padding: 9px;
+ width: 100%;
+ height: 100%;
+ background-color: inherit;
+}
+
+.roo-brick-image-view {
+ position: absolute;
+ top: 0;
+ object-fit: cover;
+}
+
+a.roo-brick-link:focus,
+a.roo-brick-link:hover {
+ text-decoration: none;
+ outline: 0;
+}
+
+.masonry-brick-split .masonry-brick-split-head,
+.masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph {
+ height: 75%;
+}
+
+.masonry-brick-split .masonry-brick-split-body {
+ height: 25%;
+ padding: 4px;
+ color: $gray-base;
+ font-size: 11px;
+}
+
+.enable-mask:hover .masonry-brick-mask {
+ width:100%;
+ height:100%;
+ position:absolute;
+ top: 0;
+ left: 0;
+ background-color:$gray-base;
+ opacity:0.2;
+}
+
+@media (min-width: 768px) {
+ .mask-inverse .masonry-brick-paragraph {
+ background: $black-opacity-50;
+ }
+
+ .mask-inverse:hover .masonry-brick-paragraph {
+ background: none;
+ }
+}
\ No newline at end of file
--- /dev/null
+/*
+ Document : modal
+ Created on : Apr 23, 2014, 11:24:28 AM
+ Author : edward
+ Description:
+ Purpose of the stylesheet follows.
+*/
+
+
+.modal-md-1,
+.modal-md-2,
+.modal-md-3,
+.modal-md-4,
+.modal-md-5,
+.modal-md-6,
+.modal-md-7,
+.modal-md-8,
+.modal-md-9,
+.modal-md-10,
+.modal-md-11,
+.modal-md-12 {
+ float: left;
+}
+
+.modal-md-12 .modal-dialog {
+ width: 100%;
+ margin: 30 auto;
+}
+.modal-md-11 .modal-dialog {
+ width: 91.66666666666666%;
+ margin: 30 auto;
+}
+.modal-md-10 .modal-dialog {
+ width: 83.33333333333334%;
+ margin: 30 auto;
+}
+.modal-md-9 .modal-dialog {
+ width: 75%;
+ margin: 30 auto;
+}
+.modal-md-8 .modal-dialog {
+ width: 66.66666666666666%;
+ margin: 30 auto;
+}
+.modal-md-7 .modal-dialog {
+ width: 58.333333333333336%;
+ margin: 30 auto;
+}
+.modal-md-6 .modal-dialog {
+ width: 50%;
+ margin: 30 auto;
+}
+.modal-md-5 .modal-dialog {
+ width: 41.66666666666667%;
+ margin: 30 auto;
+}
+.modal-md-4 .modal-dialog {
+ width: 33.33333333333333%;
+ margin: 30 auto;
+}
+.modal-md-3 .modal-dialog {
+ width: 25%;
+ margin: 30 auto;
+}
+.modal-md-2 .modal-dialog {
+ width: 16.666666666666664%;
+ margin: 30 auto;
+}
+.modal-md-1 .modal-dialog {
+ width: 8.333333333333332%;
+ margin: 30 auto;
+}
+
+/*
+ this appears to break the layout on dialog buttons on mobile?
+@media (max-width: 568px) {
+ .modal-footer .btn+.btn {
+ margin-left: 0px;
+ margin-top: 5px;
+ }
+}
+*/
+
+.modal-body.roo-layout-container,
+.modal-body > .container {
+ padding: 0;
+}
+
+.modal-dialog {
+ max-width: 100%;
+}
+
+@media (max-width: 768px) {
+
+ .modal-body .col-md-12 {
+ padding : 0;
+ }
+
+ .modal-body {
+ padding: 5px;
+ }
+ .modal-body .row {
+ margin-left: -5px;
+ margin-right: -5px;
+ }
+
+ .modal-body > .container .col-xs-12 {
+ padding: 0;
+ }
+
+}
+
+.modal .roo-mb-progress-wrap {
+ margin-top: 4px;
+ border: 1px solid darken($brand-primary, 10%);;
+}
+
+.modal .roo-mb-progress-wrap .roo-mb-progress {
+ height: 18px;
+ background: transparent url('#{$bootstrap-image-path}/default/basic-dialog/progress2.gif') repeat-x 1px 1px;
+}
+
+.modal .roo-mb-progress-wrap .roo-mb-progress .roo-mb-progress-bar {
+ height: 18px;
+ overflow: hidden;
+ width: 0;
+ background: $brand-primary;
+}
\ No newline at end of file
--- /dev/null
+
+.roo-money-field {
+
+ .roo-money-currency {
+ padding-right: 0px;
+ }
+
+ .roo-money-amount {
+ padding-left: 0px;
+ }
+
+ .roo-money-currency-input {
+ border-right: 0px;
+ }
+
+ .input-group-addon {
+ background-color: transparent;
+ border-left: 0px;
+ border-right: 0px;
+ border-radius: 0px;
+ }
+
+ .roo-money-amount-input {
+ border-top-left-radius: 0px;
+ border-bottom-left-radius: 0px;
+ text-align: right;
+ }
+
+}
+
+.has-success .roo-money-currency .roo-select2-container .input-group-addon {
+ border-color: $state-success-text;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px $state-success-text;
+}
+
+.has-warning .roo-money-currency .roo-select2-container .input-group-addon {
+ border-color: $state-warning-text;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px $state-warning-text;
+}
+
+.has-error .roo-money-currency .roo-select2-container .input-group-addon {
+ border-color: $state-danger-text;
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px $state-danger-text;
+}
\ No newline at end of file
--- /dev/null
+
+.roo-navigation-bar-group,
+.roo-navigation-top-bar,
+.roo-navigation-bullets-bar,
+.roo-navigation-bottom-bar {
+ width: 100%;
+ float: left;
+}
+
+.roo-navigation-bar-text > span {
+ text-transform: uppercase;
+ width: 90%;
+ display: inline-block;
+}
+
+
+.roo-navigation-bar-text {
+ float: left;
+ line-height: 24px;
+ height: 100%;
+ min-height: 24px;
+ text-align: center;
+ position: relative;
+}
+
+.roo-navigation-bar {
+ counter-reset: step;
+ text-align: center;
+ padding: 0px;
+ overflow: hidden;
+ margin: 0px;
+}
+
+.roo-navigation-bar .roo-navigation-bar-item {
+ list-style-type: none;
+ color: $gray-base;
+ text-transform: uppercase;
+ font-size: 14px;
+ float: left;
+ position: relative;
+}
+
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before {
+ counter-increment: step;
+ width: 25px;
+ line-height: 25px;
+ display: block;
+ color: $body-bg;
+ background: $brand-primary;
+ border-radius: 5px;
+ font-weight: bold;
+ cursor: pointer;
+}
+
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before {
+ content: counter(step);
+}
+
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after {
+ content: '';
+ width: 100%;
+ height: 5px;
+ background: $brand-primary;
+ position: absolute;
+ top: 10px;
+ z-index: -1;
+}
+
+.roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after {
+ content: none;
+}
+
+.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
+ background: darken($brand-danger, 17%);
+ color: $body-bg;
+}
+
+.roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
+ background: $gray-light;
+ color: $body-bg;
+ cursor: not-allowed;
+}
+
+.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
+ cursor: default;
+}
+
+.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon {
+ font: normal normal normal 14px/1 FontAwesome;
+ display: inline-block;
+
+}
+
+@media (min-width: 768px) {
+ .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before {
+ content: counter(step);
+ }
+
+}
+
+@media (min-width: 992px) {
+ .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
+ .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before {
+ content: counter(step);
+ }
+}
+
+@media (min-width: 1200px) {
+ .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before,
+ .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before,
+ .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before {
+ content: counter(step);
+ }
+}
--- /dev/null
+/* NAV TABS */
+.nav-tabs-custom {
+ margin-bottom: 20px;
+ background: $body-bg;
+ box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
+}
+.nav-tabs-custom > .nav-tabs {
+ margin: 0;
+ border-bottom-color: $gray-light; //#f4f4f4;
+}
+.nav-tabs-custom > .nav-tabs > li {
+ border-top: 3px solid transparent;
+ margin-bottom: -2px;
+ margin-right: 5px;
+}
+.nav-tabs-custom > .nav-tabs > li > a {
+ -webkit-border-radius: 0 !important;
+ -moz-border-radius: 0 !important;
+ border-radius: 0 !important;
+}
+.nav-tabs-custom > .nav-tabs > li > a,
+.nav-tabs-custom > .nav-tabs > li > a:hover {
+ background: transparent;
+ margin: 0;
+}
+.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,
+.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,
+.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {
+ border-color: transparent;
+}
+.nav-tabs-custom > .nav-tabs > li.active {
+ border-top-color: $brand-primary; //#3c8dbc;
+}
+.nav-tabs-custom > .nav-tabs > li.active > a,
+.nav-tabs-custom > .nav-tabs > li.active:hover > a {
+ background-color: $body-bg;
+}
+.nav-tabs-custom > .nav-tabs > li.active > a {
+ border-top: 0;
+ border-left-color: $gray-light; //#f4f4f4;;
+ border-right-color: $gray-light; //#f4f4f4;;
+}
+.nav-tabs-custom > .nav-tabs > li:first-of-type {
+ margin-left: 0px;
+}
+.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {
+ border-left-width: 0;
+}
+.nav-tabs-custom > .nav-tabs.pull-right {
+ float: none!important;
+}
+.nav-tabs-custom > .nav-tabs.pull-right > li {
+ float: right;
+}
+.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {
+ margin-right: 0px;
+}
+.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
+ border-left-width: 1px;
+ border-right-width: 0px;
+}
+.nav-tabs-custom > .nav-tabs > li.header {
+ font-weight: 400;
+ line-height: 35px;
+ padding: 0 10px;
+ font-size: 20px;
+ color: $gray-dark; //#444;
+ cursor: default;
+}
+.nav-tabs-custom > .nav-tabs > li.header > .fa,
+.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,
+.nav-tabs-custom > .nav-tabs > li.header > .ion {
+ margin-right: 10px;
+}
+.nav-tabs-custom > .tab-content {
+ background: $body-bg;
+ padding: 10px;
+}
+/* --- override it appears it's done un-reliably in JS normally.. */
+.tab-content > .tab-pane {
+ position: absolute;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar {
+ margin: 0 5px;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+ padding: 10px 5px;
+}
+
+@media (max-width: 768px) {
+ .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column {
+ padding: 5px 5px;
+ }
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group {
+ margin-bottom: 0px;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button {
+ margin-left: 5px;
+}
+
+.tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle {
+ padding: 10px 5px;
+}
\ No newline at end of file
--- /dev/null
+/* for some reason it's -15px on BS */
+
+@media (min-width: 768px) {
+ .navbar-right {
+ margin-right: 15px;
+ }
+}
+/* was -15 before, on mobile it made the buttons too close to the edit.. */
+.navbar-nav {
+ margin: 0px -5px;
+}
+
+table td .navbar {
+ min-height: auto;
+}
\ No newline at end of file
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/alert.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/alert.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/alert.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/calendar.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/calendar.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/calendar.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/carousel.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/carousel.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/carousel.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/checkbox.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/checkbox.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/checkbox.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/combobox.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/combobox.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/combobox.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/datepicker.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/datepicker.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/datepicker.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/document-manager.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/document-manager.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/document-manager.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/document-slider.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/document-slider.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/document-slider.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/document-viewer.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/document-viewer.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/document-viewer.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/dropdown.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/dropdown.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/dropdown.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/input.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/input.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/input.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/label-pill.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/label-pill.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/label-pill.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/layout.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/layout.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/layout.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/list-group.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/list-group.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/list-group.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/mask.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/mask.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/mask.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/masonary-squares.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/masonary-squares.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/masonary-squares.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/modal.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/modal.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/modal.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/money-field.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/money-field.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/money-field.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-progress-bar.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-progress-bar.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-progress-bar.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-tabs.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-tabs.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/nav-tabs.scss\e[m
--- /dev/null
+ \e[36m scanning\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/navbar.less\e[m
+ \e[36mprocessing\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/navbar.less\e[m
+ \e[32m create\e[m : \e[90m/home/alan/gitlive/roojs1/less/roojs-bootstrap/navbar.scss\e[m