+/*
+* Consider remove or merge these...
+*/
/*
* CAUTION!
- * This CSS file is auto generated. Please edit the instead!
+ * This CSS file is auto generated. Please edit the .less instead!
*/
-/** need to find and replace these ..*/
.alert {
padding-left: 30px;
margin-top: 20px;
margin-left: 15px;
position: relative;
}
-.alert > .fa, .alert > .glyphicon {
+.alert > .fa,
+.alert > .glyphicon {
position: absolute;
left: -15px;
top: -15px;
border-collapse: collapse;
border-spacing: 0;
}
-html .fc, .fc table {
+html .fc,
+.fc table {
font-size: 1em;
}
-.fc td, .fc th {
+.fc td,
+.fc th {
padding: 0;
vertical-align: top;
-moz-user-select: -moz-none;
user-select: none;
}
/* Header
- ------------------------------------------------------------------------*/
+------------------------------------------------------------------------*/
.fc-header td {
white-space: nowrap;
}
.fc-header .fc-button {
margin-right: -1px;
}
-.fc-header .fc-corner-right, .fc-header .ui-corner-right {
- /* non-theme */
+.fc-header .fc-corner-right,
+.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 {
+.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 {
+.fc-header .fc-state-active,
+.fc-header .ui-state-active {
z-index: 4;
}
/* Content
- ------------------------------------------------------------------------*/
+------------------------------------------------------------------------*/
.fc-content {
clear: both;
zoom: 1;
overflow: hidden;
}
/* Cell Styles
- ------------------------------------------------------------------------*/
-.fc-widget-header, .fc-widget-content {
- /* <th>, usually */
+------------------------------------------------------------------------*/
+.fc-widget-header,
+.fc-widget-content {
/* <td>, usually */
- border: 1px solid #6c757d;
+ border: 1px solid #777777;
}
.fc-state-highlight {
/* <td> today cell */
/* TODO: add .fc-today to <th> */
- background: #ffc107;
+ background: #f0ad4e;
}
.fc-cell-overlay {
/* semi-transparent rectangle while dragging */
- background: #17a2b8;
- opacity: 0.3;
+ background: #5bc0de;
+ opacity: .3;
filter: alpha(opacity=30);
/* for IE */
}
/* Buttons
- ------------------------------------------------------------------------*/
+------------------------------------------------------------------------*/
.fc-button {
position: relative;
display: inline-block;
- padding: 0 0.6em;
+ padding: 0 .6em;
overflow: hidden;
height: 1.9em;
line-height: 1.9em;
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.
- */
+ 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 0.1em;
+ 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 {
+.fc-button-prev .fc-text-arrow,
+.fc-button-next .fc-text-arrow {
/* for ‹ › */
font-weight: bold;
}
*top: -50%;
}
/*
- button states
- borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
- */
+ button states
+ borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
+*/
.fc-state-default {
- background-color: #6c757d;
- background-image: -moz-linear-gradient(top, #fff, #6c757d);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#6c757d));
- background-image: -webkit-linear-gradient(top, #fff, #6c757d);
- background-image: -o-linear-gradient(top, #fff, #6c757d);
- background-image: linear-gradient(to bottom, #fff, #6c757d);
+ background-color: #f5f5f5;
+ background-image: -moz-linear-gradient(top, #ffffff, #777777);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#777777));
+ background-image: -webkit-linear-gradient(top, #ffffff, #777777);
+ background-image: -o-linear-gradient(top, #ffffff, #777777);
+ background-image: linear-gradient(to bottom, #ffffff, #777777);
background-repeat: repeat-x;
- border-color: #6c757d #6c757d #6c757d;
- border-color: #e9ecef #e9ecef #adb5bd;
- color: #343a40;
+ border-color: #777777 #777777 #777777;
+ border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
+ color: #333333;
}
-.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
- color: #343a40;
- background-color: #6c757d;
+.fc-state-hover,
+.fc-state-down,
+.fc-state-active,
+.fc-state-disabled {
+ color: #333333;
+ background-color: #777777;
}
.fc-state-hover {
- color: #343a40;
+ color: #333333;
text-decoration: none;
background-position: 0 -15px;
-webkit-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: #6c757d;
+.fc-state-down,
+.fc-state-active {
+ background-color: #777777;
background-image: none;
outline: 0;
- box-shadow: inset 0 2px 4px #e9ecef, 0 1px 2px #e9ecef;
+ box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2);
}
.fc-state-disabled {
cursor: default;
box-shadow: none;
}
/* Global Event Styles
- ------------------------------------------------------------------------*/
+------------------------------------------------------------------------*/
.fc-event-container > * {
z-index: 8;
}
-.fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing {
+.fc-event-container > .ui-draggable-dragging,
+.fc-event-container > .ui-resizable-resizing {
z-index: 9;
}
.fc-event {
- border: 1px solid #007bff;
- background-color: #007bff;
- color: #fff;
+ border: 1px solid #337ab7;
+ background-color: #337ab7;
+ color: #ffffff;
/* default TEXT color */
- font-size: 0.85em;
+ font-size: .85em;
cursor: default;
}
a.fc-event {
text-decoration: none;
}
-a.fc-event, .fc-event-draggable {
+a.fc-event,
+.fc-event-draggable {
cursor: pointer;
}
.fc-rtl .fc-event {
height: 100%;
overflow: hidden;
}
-.fc-event-time, .fc-event-title {
+.fc-event-time,
+.fc-event-title {
padding: 0 1px;
overflow: hidden;
white-space: nowrap;
/* */
}
/* 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 {
+.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 {
+.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;
/* IE6 had 0 height */
}
/* Reusable Separate-border Table
- ------------------------------------------------------------*/
+------------------------------------------------------------*/
table.fc-border-separate {
border-collapse: separate;
}
-.fc-border-separate th, .fc-border-separate td {
+.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 {
+.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 {
+.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 {
+.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;
}
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 */
+ might want to set the 'color' property instead
+ making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
float: right;
}
/* Agenda Week View, Agenda Day View
- ------------------------------------------------------------------------*/
+------------------------------------------------------------------------*/
.fc-agenda table {
border-collapse: separate;
}
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
- background: #ced4da;
+ background: #eeeeee;
}
/* slot rows */
.fc-agenda-slots th {
.fc-agenda-slots td div {
height: 20px;
}
-.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
+.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 {
+.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 {
/* doesn't work with background in IE6/7 */
}
/* Vertical Events
- ------------------------------------------------------------------------*/
+------------------------------------------------------------------------*/
.fc-event-vert {
border-width: 0 1px;
}
left: 0;
width: 100%;
height: 100%;
- background: #fff;
- opacity: 0.25;
+ background: #ffffff;
+ opacity: .25;
filter: alpha(opacity=25);
}
-.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
- /* TODO: something nicer like .fc-opacity */
+.fc .ui-draggable-dragging .fc-event-bg,
+.fc-select-helper .fc-event-bg {
display: none\9;
/* for IE6/7/8. nested opacity filters while dragging don't work */
}
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
-.carousel-bullets > .bullet:hover, .carousel-bullets > .bullet.selected {
+.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;
+ background: #ffffff !important;
width: 6px !important;
height: 6px !important;
- border: 5px solid rgba(0, 0, 0, 1) !important;
+ border: 5px solid #000000 !important;
}
.carousel-inner > .carousel-arrow > .carousel-prev {
position: absolute;
display: block;
top: 50%;
- color: #fff;
+ color: #ffffff;
z-index: 100;
cursor: pointer;
padding: 10px;
position: absolute;
display: block;
top: 50%;
- color: #fff;
+ color: #ffffff;
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 {
+.carousel-inner > .carousel-arrow > .carousel-prev > i,
+.carousel-inner > .carousel-arrow > .carousel-next > i {
font-size: 24px;
}
.carousel-inner .tab-pane.clickable {
* From https://github.com/flatlogic/awesome-bootstrap-checkbox
*
*/
-.checkbox label {
+.checkbox label.box-label {
display: inline-block;
position: relative;
padding-left: 5px;
padding-left: 3px;
padding-top: 1px;
font-size: 11px;
- color: #495057;
+ color: #555555;
}
.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-family: 'Font Awesome 5 Free';
+ /* change the font - uses the filled one */
font-weight: 900;
- color: #28a745;
+ color: #5cb85c;
content: "\f14a";
}
.checkbox input[type="checkbox"]:not(:checked) + label::after {
.checkbox input[type="checkbox"]:disabled + label {
opacity: 0.65;
}
-.checkbox input[type="checkbox"]:disabled + label::before {
- background-color: #ced4da;
+.checkbox input[type="checkbox"]:disabled + label::after {
+ color: #eeeeee;
cursor: not-allowed;
}
.checkbox.checkbox-circle label::before {
border-radius: 50%;
}
-.checkbox-primary input[type="checkbox"]:checked + label::before {
- background-color: #007bff;
- border-color: #007bff;
-}
.checkbox-primary input[type="checkbox"]:checked + label::after {
- color: #fff;
-}
-.checkbox-danger input[type="checkbox"]:checked + label::before {
- background-color: #dc3545;
- border-color: #dc3545;
+ color: #337ab7;
}
.checkbox-danger input[type="checkbox"]:checked + label::after {
- color: #fff;
-}
-.checkbox-info input[type="checkbox"]:checked + label::before {
- background-color: #17a2b8;
- border-color: #17a2b8;
+ color: #d9534f;
}
.checkbox-info input[type="checkbox"]:checked + label::after {
- color: #fff;
-}
-.checkbox-warning input[type="checkbox"]:checked + label::before {
- background-color: #ffc107;
- border-color: #ffc107;
+ color: #5bc0de;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
- color: #fff;
-}
-.checkbox-success input[type="checkbox"]:checked + label::before {
- background-color: #28a745;
- border-color: #28a745;
+ color: #f0ad4e;
}
.checkbox-success input[type="checkbox"]:checked + label::after {
- color: #fff;
+ color: #5cb85c;
}
/* before is the outer cicle */
/* after is the inner circle.. */
height: 17px;
left: 0;
margin-left: -20px;
- border: 1px solid #6c757d;
+ border: 1px solid #777777;
border-radius: 50%;
- background-color: #fff;
+ background-color: #ffffff;
-webkit-transition: border 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out;
transition: border 0.15s ease-in-out;
top: 3px;
margin-left: -20px;
border-radius: 50%;
- background-color: #fff;
+ background-color: #ffffff;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
- background-color: #495057;
+ background-color: #555555;
}
.radio input[type="radio"]:disabled + label {
opacity: 0.65;
cursor: not-allowed;
}
.radio-primary input[type="radio"] + label::after {
- background-color: #fff;
+ background-color: #ffffff;
}
.radio-primary input[type="radio"]:checked + label::before {
- border-color: #007bff;
+ border-color: #337ab7;
}
.radio-primary input[type="radio"]:checked + label::after {
- background-color: #007bff;
+ background-color: #337ab7;
}
.radio-danger input[type="radio"] + label::after {
- background-color: #dc3545;
+ background-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::before {
- border-color: #dc3545;
+ border-color: #d9534f;
}
.radio-danger input[type="radio"]:checked + label::after {
- background-color: #dc3545;
+ background-color: #d9534f;
}
.radio-info input[type="radio"] + label::after {
- background-color: #fff;
+ background-color: #ffffff;
}
.radio-info input[type="radio"]:checked + label::before {
- border-color: #17a2b8;
+ border-color: #5bc0de;
}
.radio-info input[type="radio"]:checked + label::after {
- background-color: #17a2b8;
+ background-color: #5bc0de;
}
.radio-warning input[type="radio"] + label::after {
- background-color: #fff;
+ background-color: #ffffff;
}
.radio-warning input[type="radio"]:checked + label::before {
- border-color: #ffc107;
+ border-color: #f0ad4e;
}
.radio-warning input[type="radio"]:checked + label::after {
- background-color: #ffc107;
+ background-color: #f0ad4e;
}
.radio-success input[type="radio"] + label::after {
- background-color: #fff;
+ background-color: #ffffff;
}
.radio-success input[type="radio"]:checked + label::before {
- border-color: #28a745;
+ border-color: #5cb85c;
}
.radio-success input[type="radio"]:checked + label::after {
- background-color: #28a745;
+ background-color: #5cb85c;
+}
+.checkbox.checkbox-inline,
+.radio.radio-inline {
+ margin-top: 0;
}
-.checkbox.checkbox-inline, .radio.radio-inline {
+.form-group.checkbox {
+ padding-bottom: 25px;
margin-top: 0;
}
/*
*zoom: 1;
display: inline-table;
}
-.combobox-container:before, .combobox-container:after {
+.combobox-container:before,
+.combobox-container:after {
display: table;
content: "";
}
.combobox-container:after {
/* clear: both; */
}
-.combobox-container input, .combobox-container .uneditable-input {
+.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 {
+.combobox-container input:focus,
+.combobox-container .uneditable-input:focus {
position: relative;
z-index: 2;
}
.combobox-container .uneditable-input {
- border-left-color: #6c757d;
+ border-left-color: #777777;
}
.combobox-container .add-on {
float: left;
margin-right: -1px;
padding: 4px 5px;
font-weight: normal;
- color: #6c757d;
+ color: #777777;
text-align: center;
- text-shadow: 0 1px 0 #fff;
- background-color: #6c757d;
- border: 1px solid #6c757d;
+ text-shadow: 0 1px 0 #ffffff;
+ background-color: #f5f5f5;
+ border: 1px solid #777777;
-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: #007bff;
- color: #fff;
+ background-color: #337ab7;
+ color: #ffffff;
}
-.combobox-container input, .combobox-container .uneditable-input {
+.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: #ced4da;
- border-right-color: #6c757d;
+ border-left-color: #eeeeee;
+ border-right-color: #777777;
}
.combobox-container .add-on {
margin-right: 0;
text-indent: -99999px;
*text-indent: 0;
}
-.form-search .combobox-container, .form-inline .combobox-container {
+.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 {
+.form-search .combobox-container .add-on,
+.form-inline .combobox-container .add-on {
vertical-align: middle;
}
.combobox-selected .combobox-clear {
opacity: 0.3;
filter: alpha(opacity=30);
}
-.dropdown:hover .combobox-clear, .open.dropdown .combobox-clear {
+.dropdown:hover .combobox-clear,
+.open.dropdown .combobox-clear {
opacity: 1;
filter: alpha(opacity=100);
}
margin-top: 1px;
margin-left: 1px;
}
-.btn:hover .combobox-clear, .open.btn-group .combobox-clear {
+.btn:hover .combobox-clear,
+.open.btn-group .combobox-clear {
opacity: 1;
filter: alpha(opacity=100);
}
overflow-y: auto;
}
.control-group.error .combobox-container .add-on {
- color: #dc3545;
- border-color: #dc3545;
+ color: #d9534f;
+ border-color: #d9534f;
}
.control-group.error .combobox-container .caret {
- border-top-color: #dc3545;
+ border-top-color: #d9534f;
}
.control-group.warning .combobox-container .add-on {
- color: #ffc107;
- border-color: #ffc107;
+ color: #f0ad4e;
+ border-color: #f0ad4e;
}
.control-group.warning .combobox-container .caret {
- border-top-color: #ffc107;
+ border-top-color: #f0ad4e;
}
.control-group.success .combobox-container .add-on {
- color: #28a745;
- border-color: #28a745;
+ color: #5cb85c;
+ border-color: #5cb85c;
}
.control-group.success .combobox-container .caret {
- border-top-color: #28a745;
+ border-top-color: #5cb85c;
}
.btn .combobox-clear [class^="icon-"] {
line-height: 1.4em;
.combobox-container .dropdown-menu {
border-radius: 0;
padding: 0;
- border: 1px solid #007bff;
+ border: 1px solid #337ab7;
border-top: none;
}
.roo-select2-container .dropdown-menu {
- border: 1px solid #007bff;
+ border: 1px solid #337ab7;
}
.dropdown-menu .active {
- background: #007bff;
- color: #fff;
+ background: #337ab7;
+ color: #ffffff;
}
.dropdown-menu .active label {
- color: #fff;
+ color: #ffffff;
}
.dropdown-menu .roo-select2-result {
padding: 3px 7px 4px;
-ms-user-select: none;
user-select: none;
}
-.roo-select2-container, .roo-select2-choices .roo-select2-search-field {
+.roo-select2-container,
+.roo-select2-choices .roo-select2-search-field {
width: 100%;
}
.roo-select2-container .x-combo-noedit {
cursor: pointer;
- background-color: #fff;
+ background-color: #ffffff;
}
.roo-select2-container .x-combo-noedit[disabled] {
cursor: not-allowed;
- background-color: #ced4da;
+ background-color: #eeeeee;
}
.roo-combobox-tickable .roo-select2-choices {
border: none;
.dropdown-menu .roo-select2-result .checkbox {
margin-top: 3px;
margin-bottom: 3px;
+ margin-left: 20px;
+}
+.roo-select2-result .checkbox label {
+ margin-left: 5px;
}
.roo-select2-container .input-group-addon {
padding: 6px 12px;
- border: 1px solid #ced4da;
+ border: 1px solid #cccccc;
border-left: 0px;
}
.roo-select2-container .roo-removable {
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;
- }*/
+.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 #ffc107;
+ border: 1px solid #f0ad4e;
}
.roo-ios-select {
width: 100%;
direction: ltr;
font-size: 13px;
/*.dow {
- border-top: 1px solid $gray-light !important;
- }*/
+ border-top: 1px solid @gray-light !important;
+ }*/
}
.datepicker-inline {
width: 220px;
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;
- }*/
+ 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 #6c757d;
- border-bottom-color: #e9ecef;
+ border-bottom: 7px solid #777777;
+ border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 7px;
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-bottom: 6px solid #fff;
+ border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 8px;
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-top: 7px solid #6c757d;
+ border-top: 7px solid #777777;
border-bottom: 0;
- border-top-color: #e9ecef;
+ border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: -7px;
left: 6px;
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-top: 6px solid #fff;
+ border-top: 6px solid #ffffff;
border-bottom: 0;
position: absolute;
bottom: -6px;
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-bottom: 7px solid #6c757d;
- border-bottom-color: #e9ecef;
+ border-bottom: 7px solid #777777;
+ border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 7px;
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-bottom: 6px solid #fff;
+ border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 8px;
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-bottom: 7px solid #6c757d;
- border-bottom-color: #e9ecef;
+ border-bottom: 7px solid #777777;
+ border-bottom-color: rgba(0, 0, 0, 0.2);
position: absolute;
top: -7px;
left: 260px;
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-bottom: 6px solid #fff;
+ border-bottom: 6px solid #ffffff;
position: absolute;
top: -6px;
left: 261px;
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-top: 7px solid #6c757d;
- border-top-color: #e9ecef;
+ border-top: 7px solid #777777;
+ border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: -7px;
left: 6px;
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-top: 6px solid #fff;
+ border-top: 6px solid #ffffff;
position: absolute;
bottom: -6px;
left: 7px;
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
- border-top: 7px solid #6c757d;
- border-top-color: #e9ecef;
+ border-top: 7px solid #777777;
+ border-top-color: rgba(0, 0, 0, 0.2);
position: absolute;
bottom: -7px;
left: 260px;
display: inline-block;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
- border-top: 6px solid #fff;
+ border-top: 6px solid #ffffff;
position: absolute;
bottom: -6px;
left: 261px;
.datepicker table {
margin: 0;
}
-.datepicker td, .datepicker th {
+.datepicker td,
+.datepicker th {
text-align: center;
width: 20px;
height: 20px;
border-radius: 4px;
border: none;
}
-.table-striped .datepicker table tr td, .table-striped .datepicker table tr th {
+.table-striped .datepicker table tr td,
+.table-striped .datepicker table tr th {
background-color: transparent;
}
.datepicker table tr td.day:hover {
- background: #ced4da;
+ background: #eeeeee;
cursor: pointer;
}
-.datepicker table tr td.old, .datepicker table tr td.new {
- color: #ced4da;
+.datepicker table tr td.old,
+.datepicker table tr td.new {
+ color: #eeeeee;
}
-.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover {
background: none;
- color: #ced4da;
+ color: #eeeeee;
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: #ffc107;
- background-image: -moz-linear-gradient(top, #ffc107, #ffc107);
- background-image: -ms-linear-gradient(top, #ffc107, #ffc107);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc107), to(#ffc107));
- background-image: -webkit-linear-gradient(top, #ffc107, #ffc107);
- background-image: -o-linear-gradient(top, #ffc107, #ffc107);
- background-image: linear-gradient(top, #ffc107, #ffc107);
+.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: #f0ad4e;
+ background-image: -moz-linear-gradient(top, #f0ad4e, #f0ad4e);
+ background-image: -ms-linear-gradient(top, #f0ad4e, #f0ad4e);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0ad4e), to(#f0ad4e));
+ background-image: -webkit-linear-gradient(top, #f0ad4e, #f0ad4e);
+ background-image: -o-linear-gradient(top, #f0ad4e, #f0ad4e);
+ background-image: linear-gradient(top, #f0ad4e, #f0ad4e);
background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$brand-warning', endColorstr='$brand-warning', GradientType=0);
- border-color: #ffc107 #ffc107 #ffc107;
- border-color: #e9ecef #e9ecef #adb5bd;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-warning', endColorstr='@brand-warning', GradientType=0);
+ border-color: #f0ad4e #f0ad4e #f0ad4e;
+ border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
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: #ffc107;
-}
-.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: #ffc107;
-}
-.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: #007bff;
- background-image: -moz-linear-gradient(top, #1a88ff, #007bff);
- background-image: -ms-linear-gradient(top, #1a88ff, #007bff);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a88ff), to(#007bff));
- background-image: -webkit-linear-gradient(top, #1a88ff, #007bff);
- background-image: -o-linear-gradient(top, #1a88ff, #007bff);
- background-image: linear-gradient(top, #1a88ff, #007bff);
+.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: #f0ad4e;
+}
+.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: #f0ad4e;
+}
+.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: #337ab7;
+ background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
+ background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: linear-gradient(top, #3c87c8, #337ab7);
background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten($brand-primary, 5%)', endColorstr='$brand-primary', GradientType=0);
- border-color: #007bff #007bff #0062cc;
- border-color: #e9ecef #e9ecef #adb5bd;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
+ border-color: #337ab7 #337ab7 #286090;
+ border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
- color: #fff;
- text-shadow: 0 -1px 0 #adb5bd;
-}
-.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: #007bff;
-}
-.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: #0062cc;
+ color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
+}
+.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: #337ab7;
+}
+.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: #286090;
}
.datepicker table tr td span {
display: block;
border-radius: 4px;
}
.datepicker table tr td span:hover {
- background: #ced4da;
+ background: #eeeeee;
}
-.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover {
+.datepicker table tr td span.disabled,
+.datepicker table tr td span.disabled:hover {
background: none;
- color: #6c757d;
+ color: #777777;
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: #007bff;
- background-image: -moz-linear-gradient(top, #1a88ff, #007bff);
- background-image: -ms-linear-gradient(top, #1a88ff, #007bff);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1a88ff), to(#007bff));
- background-image: -webkit-linear-gradient(top, #1a88ff, #007bff);
- background-image: -o-linear-gradient(top, #1a88ff, #007bff);
- background-image: linear-gradient(top, #1a88ff, #007bff);
+.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: #337ab7;
+ background-image: -moz-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -ms-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7));
+ background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: -o-linear-gradient(top, #3c87c8, #337ab7);
+ background-image: linear-gradient(top, #3c87c8, #337ab7);
background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten($brand-primary, 5%)', endColorstr='$brand-primary', GradientType=0);
- border-color: #007bff #007bff #0062cc;
- border-color: #e9ecef #e9ecef #adb5bd;
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0);
+ border-color: #337ab7 #337ab7 #286090;
+ border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5);
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
- color: #fff;
- text-shadow: 0 -1px 0 #adb5bd;
-}
-.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: #007bff;
-}
-.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: #0062cc;
+ color: #ffffff;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
+}
+.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: #337ab7;
+}
+.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: #286090;
}
.datepicker table tr td span.old {
- color: #6c757d;
+ color: #777777;
}
.datepicker th.switch {
width: 145px;
}
-.datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th {
+.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: #ced4da;
+.datepicker thead tr:first-child th:hover,
+.datepicker tfoot tr:first-child th:hover {
+ background: #eeeeee;
}
.datepicker .cw {
font-size: 10px;
cursor: default;
background-color: transparent;
}
-.input-append.date .add-on i, .input-prepend.date .add-on i {
+.input-append.date .add-on i,
+.input-prepend.date .add-on i {
display: block;
cursor: pointer;
width: 16px;
cursor: pointer;
border-radius: 4px;
}
-.datepicker .datepicker-time td span.timepicker-hour, .datepicker .datepicker-time td span.timepicker-minute {
+.datepicker .datepicker-time td span.timepicker-hour,
+.datepicker .datepicker-time td span.timepicker-minute {
width: 100%;
font-weight: bold;
font-size: 1.2em;
visibility: hidden;
height: 0px;
}
-.roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview {
+.roo-document-manager-uploader,
+.roo-document-manager-loading,
+.roo-document-manager-preview {
position: relative;
float: left;
width: 25%;
.roo-document-manager-preview.wide {
width: 50%;
}
-.roo-document-manager-thumb, .roo-document-manager-upload-btn {
+.roo-document-manager-thumb,
+.roo-document-manager-upload-btn {
width: 100%;
height: 100px;
line-height: 100px;
max-height: 100px;
- border: 1px solid #ced4da;
- -webkit-box-shadow: 1px 0px 5px 0px fade(#6c757d, 75%);
- -moz-box-shadow: 1px 0px 5px 0px fade(#6c757d, 75%);
- box-shadow: 1px 0px 5px 0px fade(#6c757d, 75%);
+ border: 1px solid #eeeeee;
+ -webkit-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
+ -moz-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
+ box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75);
}
-.roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa {
+.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: #6c757d;
+ color: #777777;
font-size: 2.5em;
}
.roo-document-manager-thumb > i.fa {
opacity: 1;
}
.roo-document-manager-preview > .close:hover {
- color: #343a40;
+ color: #333333;
}
.roo-document-manager-preview.disabled > .roo-document-manager-thumb > img {
-webkit-filter: grayscale(100%);
border-radius: 50%;
line-height: 25px;
text-align: center;
- background-color: #fff;
+ background-color: #ffffff;
/*border: inherit;*/
font-size: 1.8em;
z-index: 1;
bottom: -5px;
}
.roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa {
- color: #007bff;
+ color: #337ab7;
}
.roo-document-manager-preview > .roo-document-manager-thumb.border-primary {
- border: 3px solid #007bff;
+ border: 3px solid #337ab7;
}
.roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa {
- color: #495057;
+ color: #555555;
}
.roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary {
border: none;
}
/*
- * sm
- */
+* sm
+*/
@media (min-width: 768px) {
- .roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview {
+ .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 {
+ .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 {
+ .roo-document-manager-thumb > i.fa,
+ .roo-document-manager-upload-btn > i.fa {
line-height: 198px;
}
}
/*
- * md
- */
+* md
+*/
@media (min-width: 992px) {
- .roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview {
+ .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 {
+ .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 {
+ .roo-document-manager-thumb > i.fa,
+ .roo-document-manager-upload-btn > i.fa {
line-height: 78px;
}
}
/*
- * lg
- */
+* lg
+*/
@media (min-width: 1200px) {
- .roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview {
+ .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 {
+ .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 {
+ .roo-document-manager-thumb > i.fa,
+ .roo-document-manager-upload-btn > i.fa {
line-height: 98px;
}
}
padding: 0px;
}
.roo-document-slider-header {
- background-color: #adb5bd;
+ background-color: rgba(0, 0, 0, 0.5);
}
.roo-document-slider-header .roo-document-slider-header-title {
width: 80%;
margin: 0 auto;
padding: 10px 0;
- color: #fff;
+ color: #ffffff;
font-weight: bold;
text-align: center;
}
.roo-document-slider-body {
- background-color: #fff;
+ background-color: #ffffff;
width: 100%;
height: 450px;
position: relative;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: border-box;
- border: 1px solid #666;
- box-shadow: 0 0 0 1000px #adb5bd;
+ border: 1px solid #666666;
+ box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
text-align: center;
vertical-align: middle;
overflow: auto;
width: 10%;
height: 100%;
}
-.roo-document-slider-prev > i, .roo-document-slider-next > i {
+.roo-document-slider-prev > i,
+.roo-document-slider-next > i {
position: relative;
top: 50%;
transform: translateY(-50%);
.document-viewer-dialog .modal-dialog {
margin: 0px auto;
}
-.document-viewer-dialog .modal-header, .document-viewer-dialog .modal-footer {
+.document-viewer-dialog .modal-header,
+.document-viewer-dialog .modal-footer {
padding-top: 5px;
padding-bottom: 5px;
}
padding: 0px;
}
.roo-document-viewer-body {
- background-color: #fff;
+ background-color: #ffffff;
width: 100%;
height: 450px;
max-height: 450px;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: border-box;
- border: 1px solid #666;
- box-shadow: 0 0 0 1000px #adb5bd;
+ border: 1px solid #666666;
+ box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
text-align: center;
vertical-align: middle;
overflow: auto;
width: 100%;
}
.roo-document-viewer-btn-group button {
- background-color: #000;
- color: #fff;
- border-color: #343a40;
+ background-color: #000000;
+ color: #ffffff;
+ border-color: #333333;
}
.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;
}
-.dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
- color: #fff;
+.dropdown-submenu:hover > a,
+.dropdown-submenu:focus > a {
+ color: #ffffff;
text-decoration: none;
- background-color: #007bff;
- background-image: -moz-linear-gradient(top, #007bff, #0074f0);
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#007bff), to(#0074f0));
- background-image: -webkit-linear-gradient(top, #007bff, #0074f0);
- background-image: -o-linear-gradient(top, #007bff, #0074f0);
- background-image: linear-gradient(to bottom, #007bff, #0074f0);
+ background-color: #337ab7;
+ background-image: -moz-linear-gradient(top, #337ab7, #3072ab);
+ background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#337ab7), to(#3072ab));
+ background-image: -webkit-linear-gradient(top, #337ab7, #3072ab);
+ background-image: -o-linear-gradient(top, #337ab7, #3072ab);
+ background-image: linear-gradient(to bottom, #337ab7, #3072ab);
background-repeat: repeat-x;
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$brand-primary', endColorstr='darken($brand-primary, 3%)', GradientType=0);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0);
}
.dropdown-submenu {
position: relative;
margin-top: 5px;
margin-right: -10px;
border-color: transparent;
- border-left-color: #6c757d;
+ border-left-color: #777777;
border-style: solid;
border-width: 5px 0 5px 5px;
content: " ";
}
.dropdown-submenu:hover > a:after {
- border-left-color: #fff;
+ border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
float: none !important;
}
.roo-required-indicator {
font-size: 8px;
- color: #dc3545;
+ color: #d9534f;
vertical-align: top;
}
.roo-required-indicator.left-indicator {
.roo-required-indicator.right-indicator {
margin-left: 3px;
}
+.roo-form-group-label-left .roo-required-indicator.left-indicator {
+ position: absolute;
+ top: 8px;
+ left: 15px;
+}
+/* fix vertical alignment on left labels. tax -details social security number */
+.roo-form-group-label-left label {
+ margin-top: 8px;
+}
.label-pill {
- padding-right: 0.6em;
- padding-left: 0.6em;
+ padding-right: .6em;
+ padding-left: .6em;
border-radius: 10rem;
}
.roo-layout-container {
}
.roo-layout-active-content {
visibility: visible;
+ /* padding: 10px; */
}
-/* 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;
+ */
}
-/* 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 {
+.roo-layout-panel-east,
+.roo-layout-panel-west {
z-index: 10;
}
-.roo-layout-panel-north, .roo-layout-panel-south {
+.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-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-grid-wrapper{
+
+}
+*/
.roo-layout-split {
position: absolute;
height: 5px;
line-height: 1px;
font-size: 1px;
z-index: 3;
- background-color: #6c757d;
+ background-color: #f5f5f5;
}
-.roo-layout-split-south, .roo-layout-split-north {
- border-bottom: 1px solid #6c757d;
+.roo-layout-split-south,
+.roo-layout-split-north {
+ border-bottom: 1px solid #777777;
}
-.roo-layout-split-east, .roo-layout-split-west {
- border-right: 1px solid #6c757d;
+.roo-layout-split-east,
+.roo-layout-split-west {
+ border-right: 1px solid #777777;
}
.roo-layout-panel-hd {
position: relative;
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);
- }
- */
+.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: #fff;
+ background-color: #ffffff;
overflow: auto;
height: 100%;
}
-.roo-layout-component-panel, .roo-layout-nested-layout {
+.roo-layout-component-panel,
+.roo-layout-nested-layout {
position: relative;
padding: 0;
overflow: hidden;
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;
- }
- */
+.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;
- }
- */
+.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;
z-index: 40009;
visibility: hidden;
position: absolute;
- background: #6c757d;
- border: 1px solid #000;
+ background: #777777;
+ border: 1px solid #000000;
overflow: hidden;
}
-.roo-splitbar-h, .roo-splitbar-proxy-h {
+.roo-splitbar-h,
+.roo-splitbar-proxy-h {
cursor: col-resize;
}
-.roo-splitbar-v, .roo-splitbar-proxy-v {
+.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;
- }
- */
+.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 {
+.roo-form-group-label-left::before,
+.roo-form-group-label-left::after {
display: table;
content: " ";
clear: both;
}
-a.list-group-item, button.list-group-item {
+a.list-group-item,
+button.list-group-item {
width: 100%;
- color: #495057;
+ color: #555555;
text-align: inherit;
}
.roo-el-mask {
top: 0;
left: 0;
-moz-opacity: 0.5;
- opacity: 0.5;
+ opacity: .50;
filter: alpha(opacity=50);
- background-color: #6c757d;
+ background-color: #777777;
width: 100%;
height: 100%;
zoom: 1;
.roo-el-mask-msg {
position: absolute;
z-index: 20000;
- background-color: #fff;
/*border: 4px double #557; */
+ background-color: #ffffff;
padding: 0px;
- /*background-image: url('#{$bootstrap-image-path}/ux/lightbox/loading.gif');*/
+ /*background-image: url('@{bootstrap-image-path}/ux/lightbox/loading.gif');*/
background-repeat: no-repeat;
border: 10px solid white;
border-radius: 20px;
font-weight: 500;
z-index: 20001;
padding: 0px 15px;
- color: #495057;
+ color: #555555;
display: table-cell;
vertical-align: middle;
float: left;
.x-body-masked {
overflow: hidden !important;
}
-.x-body-masked select, .ext-masked object, .ext-masked embed {
+.x-body-masked select,
+.ext-masked object,
+.ext-masked embed {
visibility: hidden;
}
.x-dlg-mask {
top: 0;
left: 0;
-moz-opacity: 0.5;
- opacity: 0.5;
+ opacity: .50;
filter: alpha(opacity=50);
- background-color: #6c757d;
+ background-color: #777777;
}
.masonary .masonry-bottom-title {
background-color: transparent;
}
-.masonry-brick-link, .roo-brick-link {
+.masonry-brick-link,
+.roo-brick-link {
cursor: pointer;
text-decoration: none;
outline: 0;
}
-.masonry-brick-paragraph, .roo-brick-paragraph {
+.masonry-brick-paragraph,
+.roo-brick-paragraph {
overflow: hidden;
}
.masonry-brick .masonry-brick-paragraph {
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 {
+.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 {
+.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 {
+.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 {
+.masonry-brick-image .masonry-brick-paragraph,
+.roo-brick-image .roo-brick-paragraph {
opacity: 0;
}
.masonry-bottom-title .masonry-brick-paragraph {
height: 100%;
object-fit: cover;
}
-.masonry-brick-paragraph .masonry-brick-title, .roo-brick-paragraph .roo-brick-title {
+.masonry-brick-paragraph .masonry-brick-title,
+.roo-brick-paragraph .roo-brick-title {
margin-top: 0;
}
.roo-brick .roo-brick-paragraph {
top: 0;
object-fit: cover;
}
-a.roo-brick-link:focus, a.roo-brick-link:hover {
+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 {
+.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: #000;
+ color: #000000;
font-size: 11px;
}
.enable-mask:hover .masonry-brick-mask {
position: absolute;
top: 0;
left: 0;
- background-color: #000;
+ background-color: #000000;
opacity: 0.2;
}
@media (min-width: 768px) {
.mask-inverse .masonry-brick-paragraph {
- background: #adb5bd;
+ background: rgba(0, 0, 0, 0.5);
}
.mask-inverse:hover .masonry-brick-paragraph {
background: none;
}
}
/*
- 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 {
+ 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 {
margin: 30 auto;
}
.modal-md-11 .modal-dialog {
- width: 91.6666666667%;
+ width: 91.66666666666666%;
margin: 30 auto;
}
.modal-md-10 .modal-dialog {
- width: 83.3333333333%;
+ width: 83.33333333333334%;
margin: 30 auto;
}
.modal-md-9 .modal-dialog {
margin: 30 auto;
}
.modal-md-8 .modal-dialog {
- width: 66.6666666667%;
+ width: 66.66666666666666%;
margin: 30 auto;
}
.modal-md-7 .modal-dialog {
- width: 58.3333333333%;
+ width: 58.333333333333336%;
margin: 30 auto;
}
.modal-md-6 .modal-dialog {
margin: 30 auto;
}
.modal-md-5 .modal-dialog {
- width: 41.6666666667%;
+ width: 41.66666666666667%;
margin: 30 auto;
}
.modal-md-4 .modal-dialog {
- width: 33.3333333333%;
+ width: 33.33333333333333%;
margin: 30 auto;
}
.modal-md-3 .modal-dialog {
margin: 30 auto;
}
.modal-md-2 .modal-dialog {
- width: 16.6666666667%;
+ width: 16.666666666666664%;
margin: 30 auto;
}
.modal-md-1 .modal-dialog {
- width: 8.3333333333%;
+ 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 {
+@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 {
}
.modal .roo-mb-progress-wrap {
margin-top: 4px;
- border: 1px solid #0062cc;
+ border: 1px solid #286090;
}
.modal .roo-mb-progress-wrap .roo-mb-progress {
height: 18px;
- background: transparent url("../images/default/basic-dialog/progress2.gif") repeat-x 1px 1px;
+ background: transparent url('../images/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: #007bff;
+ background: #337ab7;
}
-.roo-navigation-bar-group, .roo-navigation-top-bar, .roo-navigation-bullets-bar, .roo-navigation-bottom-bar {
+.enable-modal-body-overflow .modal-body {
+ overflow: auto;
+}
+.roo-navigation-bar-group,
+.roo-navigation-top-bar,
+.roo-navigation-bullets-bar,
+.roo-navigation-bottom-bar {
width: 100%;
float: left;
}
}
.roo-navigation-bar .roo-navigation-bar-item {
list-style-type: none;
- color: #000;
+ color: #000000;
text-transform: uppercase;
font-size: 14px;
float: left;
width: 25px;
line-height: 25px;
display: block;
- color: #fff;
- background: #007bff;
+ color: #ffffff;
+ background: #337ab7;
border-radius: 5px;
font-weight: bold;
cursor: pointer;
content: '';
width: 100%;
height: 5px;
- background: #007bff;
+ background: #337ab7;
position: absolute;
top: 10px;
z-index: -1;
content: none;
}
.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
- background: #9f1c28;
- color: #fff;
+ background: #ac2925;
+ color: #ffffff;
}
.roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before {
- background: #6c757d;
- color: #fff;
+ background: #777777;
+ color: #ffffff;
cursor: not-allowed;
}
.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before {
}
}
@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 {
+ .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 {
+ .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);
}
}
/* NAV TABS */
.nav-tabs-custom {
margin-bottom: 20px;
- background: #fff;
+ background: #ffffff;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}
.nav-tabs-custom > .nav-tabs {
margin: 0;
- border-bottom-color: #6c757d;
+ border-bottom-color: #777777;
}
.nav-tabs-custom > .nav-tabs > li {
border-top: 3px solid transparent;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
-.nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover {
+.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 {
+.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: #007bff;
+ border-top-color: #337ab7;
}
-.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a {
- background-color: #fff;
+.nav-tabs-custom > .nav-tabs > li.active > a,
+.nav-tabs-custom > .nav-tabs > li.active:hover > a {
+ background-color: #ffffff;
}
.nav-tabs-custom > .nav-tabs > li.active > a {
border-top: 0;
- border-left-color: #6c757d;
- border-right-color: #6c757d;
+ border-left-color: #777777;
+ border-right-color: #777777;
}
.nav-tabs-custom > .nav-tabs > li:first-of-type {
margin-left: 0px;
line-height: 35px;
padding: 0 10px;
font-size: 20px;
- color: #343a40;
+ color: #333333;
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 {
+.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: #fff;
+ background: #ffffff;
padding: 10px;
}
/* --- override it appears it's done un-reliably in JS normally.. */
table td .navbar {
min-height: auto;
}
+.navbar-collapse li {
+ list-style-type: none;
+ padding: 5px;
+}
+.navbar-collapse ul {
+ padding-left: 10px;
+ padding-top: 5px;
+}
+.navbar-collapse .dropdown-item .fa {
+ padding-right: 5px;
+}
.roo-numberbox {
- background-color: #007bff !important;
+ background-color: #337ab7 !important;
border: 10px solid black;
}
.roo-numberbox h {
.pull-xs-right {
float: right !important;
}
-.roo-radio-set:before, .roo-radio-set:after {
+.roo-radio-set:before,
+.roo-radio-set:after {
display: table;
content: " ";
clear: both;
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
transform: scale(1, 1);
- background-color: #495057;
+ background-color: #555555;
}
.roo-radio-set.disabled .radio label {
opacity: 0.65;
cursor: not-allowed;
}
.roo-radio-primary .radio label::after {
- background-color: #fff;
+ background-color: #ffffff;
}
.roo-radio-primary .radio.checked label::before {
- border-color: #007bff;
+ border-color: #337ab7;
}
.roo-radio-primary .radio.checked label::after {
- background-color: #007bff;
+ background-color: #337ab7;
}
.roo-radio-danger .radio label::after {
- background-color: #dc3545;
+ background-color: #d9534f;
}
.roo-radio-danger .radio.checked label::before {
- border-color: #dc3545;
+ border-color: #d9534f;
}
.roo-radio-danger .radio.checked label::after {
- background-color: #dc3545;
+ background-color: #d9534f;
}
.roo-radio-info .radio label::after {
- background-color: #fff;
+ background-color: #ffffff;
}
.roo-radio-info .radio.checked label::before {
- border-color: #17a2b8;
+ border-color: #5bc0de;
}
.roo-radio-info .radio.checked label::after {
- background-color: #17a2b8;
+ background-color: #5bc0de;
}
.roo-radio-warning .radio label::after {
- background-color: #fff;
+ background-color: #ffffff;
}
.roo-radio-warning .radio.checked label::before {
- border-color: #ffc107;
+ border-color: #f0ad4e;
}
.roo-radio-warning .radio.checked label::after {
- background-color: #ffc107;
+ background-color: #f0ad4e;
}
.roo-radio-success .radio label::after {
- background-color: #fff;
+ background-color: #ffffff;
}
.roo-radio-success .radio.checked label::before {
- border-color: #28a745;
+ border-color: #5cb85c;
}
.roo-radio-success .radio.checked label::after {
- background-color: #28a745;
+ background-color: #5cb85c;
}
-.roo-radio-set.has-warning .roo-radio-set-items label, .roo-radio-set.has-warning .roo-radio-set-label {
- color: #ffc107;
+.roo-radio-set.has-warning .roo-radio-set-items label,
+.roo-radio-set.has-warning .roo-radio-set-label {
+ color: #f0ad4e;
}
-.roo-radio-set.has-error .roo-radio-set-items label, .roo-radio-set.has-error .roo-radio-set-label {
- color: #dc3545;
+.roo-radio-set.has-error .roo-radio-set-items label,
+.roo-radio-set.has-error .roo-radio-set-label {
+ color: #d9534f;
}
-.roo-radio-set.has-success .roo-radio-set-items label, .roo-radio-set.has-success .roo-radio-set-label {
- color: #28a745;
+.roo-radio-set.has-success .roo-radio-set-items label,
+.roo-radio-set.has-success .roo-radio-set-label {
+ color: #5cb85c;
}
.roo-radio-set-inline .radio {
position: relative;
.roo-radio-set-label .roo-required-indicator.right-indicator.fa-star {
font-size: 8px;
margin-left: 3px;
- color: #dc3545;
+ color: #d9534f;
}
.roo-form-error-popover.in {
opacity: 1;
max-width: 100%;
padding: 10px;
}
-/* what is this doing here?? */
.x-form-field-wrap .form-group {
+ /* what is this doing here?? */
margin-bottom: 0px;
}
.roo-password-meter-grey {
- background: #6c757d;
+ background: #777777;
margin-bottom: 30px;
height: 10px;
}
margin-bottom: 20px;
}
.roo-password-meter-tooweak {
- background: #dc3545;
+ background: #d9534f;
height: 10px;
}
.roo-password-meter-weak {
- background: #ffc107;
+ background: #f0ad4e;
height: 10px;
}
.roo-password-meter-medium {
- background: #17a2b8;
+ background: #5bc0de;
height: 10px;
}
.roo-password-meter-strong {
- background: #28a745;
+ background: #5cb85c;
height: 10px;
}
.roo-password-meter-text {
height: 10px;
}
/*
- Version: 3.4.8 Timestamp: Thu May 1 09:50:32 EDT 2014
- */
+Version: 3.4.8 Timestamp: Thu May 1 09:50:32 EDT 2014
+*/
.roo-select2-container {
margin: 0;
position: relative;
*display: inline;
vertical-align: middle;
}
-.roo-select2-container, .roo-select2-drop, .roo-select2-search, .roo-select2-search input {
+.roo-select2-container,
+.roo-select2-drop,
+.roo-select2-search,
+.roo-select2-search input {
/*
- Force border-box so that % widths fit the parent
- container without overlap because of margin/padding.
- More Info : http://www.quirksmode.org/css/box.html
- */
+ Force border-box so that % widths fit the parent
+ container without overlap because of margin/padding.
+ More Info : http://www.quirksmode.org/css/box.html
+ */
-webkit-box-sizing: border-box;
/* webkit */
-moz-box-sizing: border-box;
padding: 0 0 0 8px;
overflow: hidden;
position: relative;
- border: 1px solid #6c757d;
+ border: 1px solid #777777;
white-space: nowrap;
line-height: 26px;
- color: #343a40;
+ color: #333333;
text-decoration: none;
border-radius: 4px;
background-clip: padding-box;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
- background-color: #fff;
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ced4da), color-stop(0.5, #fff));
- background-image: -webkit-linear-gradient(center bottom, #ced4da 0%, #fff 50%);
- background-image: -moz-linear-gradient(center bottom, #ced4da 0%, #fff 50%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '$body-bg', endColorstr = '$gray-lighter', GradientType = 0);
- background-image: linear-gradient(to top, #ced4da 0%, #fff 50%);
+ background-color: #ffffff;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff));
+ background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
+ background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
+ background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%);
}
.roo-select2-container.roo-select2-drop-above .roo-select2-choice {
- border-bottom-color: #6c757d;
+ border-bottom-color: #777777;
border-radius: 0 0 4px 4px;
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ced4da), color-stop(0.9, #fff));
- background-image: -webkit-linear-gradient(center bottom, #ced4da 0%, #fff 90%);
- background-image: -moz-linear-gradient(center bottom, #ced4da 0%, #fff 90%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$body-bg', endColorstr='$gray-lighter', GradientType=0);
- background-image: linear-gradient(to bottom, #ced4da 0%, #fff 90%);
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff));
+ background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
+ background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0);
+ background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%);
}
.roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen {
margin-right: 42px;
font-size: 1px;
text-decoration: none;
border: 0;
- background: url("../images/select2/select2.png") right top no-repeat;
+ background: url('../images/select2/select2.png') right top no-repeat;
cursor: pointer;
outline: 0;
}
opacity: 0;
z-index: 9998;
/* styles required for IE to work */
- background-color: #fff;
+ background-color: #ffffff;
filter: alpha(opacity=0);
}
.roo-select2-drop {
position: absolute;
z-index: 9999;
top: 100%;
- background: #fff;
- color: #000;
- border: 1px solid #6c757d;
+ background: #ffffff;
+ color: #000000;
+ border: 1px solid #777777;
border-top: 0;
border-radius: 0 0 4px 4px;
- -webkit-box-shadow: 0 4px 5px #e9ecef;
- box-shadow: 0 4px 5px #e9ecef;
+ -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}
.roo-select2-drop.roo-select2-drop-above {
margin-top: 1px;
- border-top: 1px solid #6c757d;
+ border-top: 1px solid #777777;
border-bottom: 0;
border-radius: 4px 4px 0 0;
- -webkit-box-shadow: 0 -4px 5px #e9ecef;
- box-shadow: 0 -4px 5px #e9ecef;
+ -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
+ box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2);
}
.roo-select2-drop-active {
- border: 1px solid #007bff;
+ border: 1px solid #337ab7;
border-top: none;
}
.roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active {
- border-top: 1px solid #007bff;
+ border-top: 1px solid #337ab7;
}
.roo-select2-drop-auto-width {
- border-top: 1px solid #6c757d;
+ border-top: 1px solid #777777;
width: auto;
}
.roo-select2-drop-auto-width .roo-select2-search {
position: absolute;
right: 0;
top: 0;
- border-left: 1px solid #6c757d;
+ border-left: 1px solid #777777;
border-radius: 0 4px 4px 0;
background-clip: padding-box;
- background: #6c757d;
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #6c757d), color-stop(0.6, #ced4da));
- background-image: -webkit-linear-gradient(center bottom, #6c757d 0%, #ced4da 60%);
- background-image: -moz-linear-gradient(center bottom, #6c757d 0%, #ced4da 60%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '$gray-lighter', endColorstr = '$gray-light', GradientType = 0);
- background-image: linear-gradient(to top, #6c757d 0%, #ced4da 60%);
+ background: #777777;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee));
+ background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
+ background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0);
+ background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%);
}
.roo-select2-container .roo-select2-choice .roo-select2-arrow b {
display: block;
width: 100%;
height: 100%;
- background: url("../images/select2/select2.png") no-repeat 0 1px;
+ background: url('../images/select2/select2.png') no-repeat 0 1px;
}
.roo-select2-search {
display: inline-block;
outline: 0;
font-family: sans-serif;
font-size: 1em;
- border: 1px solid #6c757d;
+ border: 1px solid #777777;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
- background: #fff url("../images/select2/select2.png") no-repeat 100% -22px;
- background: url("../images/select2/select2.png") no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #ced4da));
- background: url("../images/select2/select2.png") no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
- background: url("../images/select2/select2.png") no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
- background: url("../images/select2/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #ced4da 99%) 0 0;
+ background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px;
+ background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
+ background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
}
.roo-select2-drop.roo-select2-drop-above .roo-select2-search input {
margin-top: 4px;
}
.roo-select2-search input.roo-select2-active {
- background: #fff url("../images/select2/select2-spinner.gif") no-repeat 100%;
- background: url("../images/select2/select2-spinner.gif") no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #ced4da));
- background: url("../images/select2/select2-spinner.gif") no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
- background: url("../images/select2/select2-spinner.gif") no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #ced4da 99%);
- background: url("../images/select2/select2-spinner.gif") no-repeat 100%, linear-gradient(to bottom, #fff 85%, #ced4da 99%) 0 0;
-}
-.roo-select2-container-active .roo-select2-choice, .roo-select2-container-active .roo-select2-choices {
- border: 1px solid #007bff;
+ background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%;
+ background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee));
+ background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%);
+ background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0;
+}
+.roo-select2-container-active .roo-select2-choice,
+.roo-select2-container-active .roo-select2-choices {
+ border: 1px solid #337ab7;
outline: none;
- -webkit-box-shadow: 0 0 5px #adb5bd;
- box-shadow: 0 0 5px #adb5bd;
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.roo-select2-dropdown-open .roo-select2-choice {
border-bottom-color: transparent;
- -webkit-box-shadow: 0 1px 0 #fff inset;
- box-shadow: 0 1px 0 #fff inset;
+ -webkit-box-shadow: 0 1px 0 #ffffff inset;
+ box-shadow: 0 1px 0 #ffffff inset;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
- background-color: #ced4da;
- background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #ced4da));
- background-image: -webkit-linear-gradient(center bottom, #fff 0%, #ced4da 50%);
- background-image: -moz-linear-gradient(center bottom, #fff 0%, #ced4da 50%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gray-lighter', endColorstr='$body-bg', GradientType=0);
- background-image: linear-gradient(to top, #fff 0%, #ced4da 50%);
-}
-.roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice, .roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
- border: 1px solid #007bff;
+ background-color: #eeeeee;
+ background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
+ background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
+ background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
+ background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%);
+}
+.roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice,
+.roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices {
+ border: 1px solid #337ab7;
border-top-color: transparent;
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #ced4da));
- background-image: -webkit-linear-gradient(center top, #fff 0%, #ced4da 50%);
- background-image: -moz-linear-gradient(center top, #fff 0%, #ced4da 50%);
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='$gray-lighter', endColorstr='$body-bg', GradientType=0);
- background-image: linear-gradient(to bottom, #fff 0%, #ced4da 50%);
+ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee));
+ background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
+ background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%);
+ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0);
+ background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%);
}
.roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow {
background: transparent;
position: relative;
overflow-x: hidden;
overflow-y: auto;
- -webkit-tap-highlight-color: fade(#000, 0%);
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.roo-select2-results ul.roo-select2-result-sub {
margin: 0;
padding-left: 120px;
}
.roo-select2-results .roo-select2-highlighted {
- background: #007bff;
- color: #fff;
+ background: #337ab7;
+ color: #ffffff;
}
.roo-select2-results li em {
- background: #ffc107;
+ background: #f0ad4e;
font-style: normal;
}
.roo-select2-results .roo-select2-highlighted em {
background: transparent;
}
.roo-select2-results .roo-select2-highlighted ul {
- background: #fff;
- color: #000;
+ background: #ffffff;
+ color: #000000;
}
-.roo-select2-results .roo-select2-no-results, .roo-select2-results .roo-select2-searching, .roo-select2-results .roo-select2-selection-limit {
- background: #6c757d;
+.roo-select2-results .roo-select2-no-results,
+.roo-select2-results .roo-select2-searching,
+.roo-select2-results .roo-select2-selection-limit {
+ background: #777777;
display: list-item;
padding-left: 5px;
}
/*
- disabled look for disabled choices in the results dropdown
- */
+disabled look for disabled choices in the results dropdown
+*/
.roo-select2-results .roo-select2-disabled.roo-select2-highlighted {
- color: #ced4da;
- background: #6c757d;
+ color: #eeeeee;
+ background: #777777;
display: list-item;
cursor: default;
}
.roo-select2-results .roo-select2-disabled {
- background: #6c757d;
+ background: #777777;
display: list-item;
cursor: default;
}
display: none;
}
.roo-select2-more-results.roo-select2-active {
- background: #6c757d url("../images/select2/select2-spinner.gif") no-repeat 100%;
+ background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%;
}
.roo-select2-more-results {
- background: #6c757d;
+ background: #777777;
display: list-item;
}
/* disabled styles */
.roo-select2-container.roo-select2-container-disabled .roo-select2-choice {
- background-color: #6c757d;
+ background-color: #777777;
background-image: none;
- border: 1px solid #6c757d;
+ border: 1px solid #777777;
cursor: default;
}
.roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow {
- background-color: #6c757d;
+ background-color: #777777;
background-image: none;
border-left: 0;
}
margin: 0;
padding: 0;
/*position: relative;*/
- border: 1px solid #6c757d;
+ border: 1px solid #777777;
cursor: text;
overflow: hidden;
- background-color: #fff;
- background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #ced4da), color-stop(15%, #fff));
- background-image: -webkit-linear-gradient(top, #ced4da 1%, #fff 15%);
- background-image: -moz-linear-gradient(top, #ced4da 1%, #fff 15%);
- background-image: linear-gradient(to bottom, #ced4da 1%, #fff 15%);
+ background-color: #ffffff;
+ background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+ background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
+ background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%);
}
.roo-select2-locked {
padding: 3px 5px 3px 5px !important;
min-height: 26px;
}
.roo-select2-container-multi.roo-select2-container-active .roo-select2-choices {
- border: 1px solid #007bff;
+ border: 1px solid #337ab7;
outline: none;
- -webkit-box-shadow: 0 0 5px #adb5bd;
- box-shadow: 0 0 5px #adb5bd;
+ -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
+ box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.roo-select2-container-multi .roo-select2-choices li {
float: left;
margin: 1px 0;
font-family: sans-serif;
font-size: 100%;
- color: #495057;
+ color: #555555;
outline: 0;
border: 0;
-webkit-box-shadow: none;
background: transparent !important;
}
.roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active {
- background: #fff url("../images/select2/select2-spinner.gif") no-repeat 100% !important;
+ background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important;
}
.roo-select2-default {
- color: #6c757d !important;
+ color: #777777 !important;
}
.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice {
padding: 4px 7px 4px 16px;
margin: 0 1px;
position: relative;
line-height: 13px;
- color: #343a40;
+ color: #333333;
cursor: default;
- border: 1px solid #6c757d;
+ border: 1px solid #777777;
border-radius: 3px;
-webkit-touch-callout: none;
-webkit-user-select: none;
cursor: default;
}
.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus {
- background: #6c757d;
+ background: #777777;
}
.roo-select2-search-choice-close {
display: block;
top: 4px;
font-size: 12px;
outline: none;
- color: #6c757d;
- /*background: url('#{$bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
+ color: #777777;
+ /*background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;*/
}
.roo-select2-search-choice-close:hover {
- color: #343a40;
+ color: #333333;
}
html[dir="rtl"] .roo-select2-search-choice-close {
right: auto;
}
/* disabled styles */
.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices {
- background-color: #6c757d;
+ background-color: #777777;
background-image: none;
- border: 1px solid #6c757d;
+ border: 1px solid #777777;
cursor: default;
}
.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice {
padding: 3px 5px 3px 5px;
- border: 1px solid #6c757d;
+ border: 1px solid #777777;
background-image: none;
- background-color: #6c757d;
+ background-color: #777777;
}
.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close {
display: none;
background: none;
}
/* end multiselect */
-.roo-select2-result-selectable .roo-select2-match, .roo-select2-result-unselectable .roo-select2-match {
+.roo-select2-result-selectable .roo-select2-match,
+.roo-select2-result-unselectable .roo-select2-match {
text-decoration: underline;
}
-.roo-select2-offscreen, .roo-select2-offscreen:focus {
+.roo-select2-offscreen,
+.roo-select2-offscreen:focus {
clip: rect(0 0 0 0) !important;
width: 1px !important;
height: 1px !important;
}
/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
- .roo-select2-search input, .roo-select2-search-choice-close, .roo-select2-container .roo-select2-choice abbr, .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
- background-image: url("../images/select2/select2x2.png") !important;
+ .roo-select2-search input,
+ .roo-select2-search-choice-close,
+ .roo-select2-container .roo-select2-choice abbr,
+ .roo-select2-container .roo-select2-choice .roo-select2-arrow b {
+ background-image: url('../images/select2/select2x2.png') !important;
background-repeat: no-repeat !important;
background-size: 60px 40px !important;
}
}
}
.has-error .roo-select2-choices {
- border-color: #dc3545;
- -webkit-box-shadow: inset 0 1px 1px #343a40;
- box-shadow: inset 0 1px 1px #343a40;
+ border-color: #d9534f;
+ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
+ box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8);
}
.dropdown-menu .roo-select2-result.disabled {
- background-color: #ced4da;
- color: #6c757d;
+ background-color: #eeeeee;
+ color: #777777;
cursor: not-allowed;
}
.sidebar {
padding: 0;
}
/* GREY BG */
-.sidebar .sidebar-menu > li, .sidebar .sidebar-menu li.active li.treeview-menu {
+.sidebar .sidebar-menu > li,
+.sidebar .sidebar-menu li.active li.treeview-menu {
margin: 0;
padding: 0;
- border-bottom: 1px solid #6c757d;
- background-color: #ced4da;
+ border-bottom: 1px solid #777777;
+ background-color: #eeeeee;
}
/* active child menu - white BG */
.sidebar .sidebar-menu li.active li.treeview-menu {
- background-color: #6c757d;
+ background-color: #777777;
}
-.sidebar .sidebar-menu > li > a, .sidebar .sidebar-menu li.open li.treeview-menu > a {
+.sidebar .sidebar-menu > li > a,
+.sidebar .sidebar-menu li.open li.treeview-menu > a {
padding: 12px 5px 12px 15px;
display: block;
- color: #343a40;
+ color: #333333;
}
-.sidebar .sidebar-menu > li > a > .fa, .sidebar .sidebar-menu > li > a > .glyphicon, .sidebar .sidebar-menu > li > a > .ion {
+.sidebar .sidebar-menu > li > a > .fa,
+.sidebar .sidebar-menu > li > a > .glyphicon,
+.sidebar .sidebar-menu > li > a > .ion {
width: 20px;
}
-.sidebar .sidebar-menu li:hover, .sidebar .sidebar-menu li:focus, .sidebar .sidebar-menu li:active, .sidebar .sidebar-menu li.active li.treeview-menu:hover, .sidebar .sidebar-menu li.active li.treeview-menu:focus, .sidebar .sidebar-menu li.active li.treeview-menu:active {
- background-color: #fff;
-}
-.sidebar .sidebar-menu li:hover a, .sidebar .sidebar-menu li:focus a, .sidebar .sidebar-menu li:active a, .sidebar .sidebar-menu li.oepn li.treeview-menu a:hover, .sidebar .sidebar-menu li.open li.treeview-menu a:focus, .sidebar .sidebar-menu li.open li.treeview-menu a:active {
- color: #000;
+.sidebar .sidebar-menu li:hover,
+.sidebar .sidebar-menu li:focus,
+.sidebar .sidebar-menu li:active,
+.sidebar .sidebar-menu li.active li.treeview-menu:hover,
+.sidebar .sidebar-menu li.active li.treeview-menu:focus,
+.sidebar .sidebar-menu li.active li.treeview-menu:active {
+ background-color: #ffffff;
+}
+.sidebar .sidebar-menu li:hover a,
+.sidebar .sidebar-menu li:focus a,
+.sidebar .sidebar-menu li:active a,
+.sidebar .sidebar-menu li.oepn li.treeview-menu a:hover,
+.sidebar .sidebar-menu li.open li.treeview-menu a:focus,
+.sidebar .sidebar-menu li.open li.treeview-menu a:active {
+ color: #000000;
text-decoration: none;
}
/* BLUE ACTIVE */
.sidebar .sidebar-menu li.active {
- color: #fff;
- background-color: #007bff;
- border-color: #0062cc;
+ color: #ffffff;
+ background-color: #337ab7;
+ border-color: #286090;
}
-.sidebar .sidebar-menu li.active:hover, .sidebar .sidebar-menu li.active:focus, .sidebar .sidebar-menu li.active.focus {
- color: #fff;
- background-color: #007bff;
- border-color: #0062cc;
+.sidebar .sidebar-menu li.active:hover,
+.sidebar .sidebar-menu li.active:focus,
+.sidebar .sidebar-menu li.active.focus {
+ color: #ffffff;
+ background-color: #337ab7;
+ border-color: #286090;
}
.sidebar .sidebar-menu li.active a {
- color: #fff;
+ color: #ffffff;
}
.sidebar .sidebar-menu li.disabled {
- color: #343a40;
- background-color: #fff;
- border-color: #343a40;
+ color: #333333;
+ background-color: #ffffff;
+ border-color: #333333;
}
.sidebar .sidebar-menu li.disabled a {
- color: #6c757d;
+ color: #777777;
cursor: default;
}
-.sidebar .sidebar-menu li.danger, .sidebar .sidebar-menu li.danger.active {
- color: #fff;
- background-color: #dc3545;
- border-color: #e4606d;
+.sidebar .sidebar-menu li.danger,
+.sidebar .sidebar-menu li.danger.active {
+ color: #ffffff;
+ background-color: #d9534f;
+ border-color: #e27c79;
}
-.sidebar .sidebar-menu li.danger:hover, .sidebar .sidebar-menu li.danger:focus, .sidebar .sidebar-menu li.danger.active:focus {
- color: #fff;
- background-color: #dc3545;
- border-color: #bd2130;
- border-bottom: 1px solid #bd2130;
+.sidebar .sidebar-menu li.danger:hover,
+.sidebar .sidebar-menu li.danger:focus,
+.sidebar .sidebar-menu li.danger.active:focus {
+ color: #ffffff;
+ background-color: #d9534f;
+ border-color: #c9302c;
+ border-bottom: 1px solid #c9302c;
}
-.sidebar .sidebar-menu li.danger a, .sidebar .sidebar-menu li.danger.active a {
- color: #fff;
+.sidebar .sidebar-menu li.danger a,
+.sidebar .sidebar-menu li.danger.active a {
+ color: #ffffff;
}
/* --- open */
.sidebar .sidebar-menu li.open ul {
}
.sidebar .sidebar-menu li.open .treeview-menu {
display: block;
+ width: 120%;
}
/* --- treeview menu */
.sidebar .sidebar-menu .treeview-menu {
font-size: 14px;
margin: 0px 0px;
}
-.sidebar .sidebar-menu .treeview-menu > li > a > .fa, .sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon, .sidebar .sidebar-menu .treeview-menu > li > a > .ion {
+.sidebar .sidebar-menu .treeview-menu > li > a > .fa,
+.sidebar .sidebar-menu .treeview-menu > li > a > .glyphicon,
+.sidebar .sidebar-menu .treeview-menu > li > a > .ion {
width: 20px;
}
/* background to highlighted treeview node
- .sidebar .sidebar-menu li li.treeview-menu.active {
- background: #fff;
- }
- */
+.sidebar .sidebar-menu li li.treeview-menu.active {
+ background: #fff;
+}
+*/
.sidebar .sidebar-menu li li.treeview-menu.active > a {
font-weight: bold;
}
/* active sidebard... */
.badge-default {
- background-color: #6c757d;
- color: #fff;
+ background-color: #777777;
+ color: #ffffff;
}
.badge-primary {
- background-color: #007bff;
- color: #fff;
+ background-color: #337ab7;
+ color: #ffffff;
}
.badge-success {
- background-color: #28a745;
- color: #fff;
+ background-color: #5cb85c;
+ color: #ffffff;
}
.badge-info {
- background-color: #17a2b8;
- color: #fff;
+ background-color: #5bc0de;
+ color: #ffffff;
}
.badge-warning {
- background-color: #ffc107;
- color: #fff;
+ background-color: #f0ad4e;
+ color: #ffffff;
}
.badge-danger {
- background-color: #dc3545;
- color: #fff;
+ background-color: #d9534f;
+ color: #ffffff;
}
.sidebar .sidebar-menu > li.active .badge-info {
- background-color: #fff;
- color: #17a2b8;
+ background-color: #ffffff;
+ color: #5bc0de;
}
/*html, */
/* Sticky footer styles
- -------------------------------------------------- */
+-------------------------------------------------- */
html.bootstrap-sticky {
position: relative;
min-height: 100%;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
- background-color: #6c757d;
+ background-color: #f5f5f5;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
margin: 0;
}
/* these are technicall adminlte related */
-.skin-blue .navbar .pagination > li > a:active, .skin-blue .navbar .pagination > li > a:focus, .skin-blue .navbar .pagination > li > a {
- background-color: #007bff;
+.skin-blue .navbar .pagination > li > a:active,
+.skin-blue .navbar .pagination > li > a:focus,
+.skin-blue .navbar .pagination > li > a {
+ background-color: #337ab7;
}
.skin-blue .navbar .pagination > li > a:hover {
- background-color: #6c757d;
+ background-color: #777777;
}
.skin-blue table .navbar {
- background-color: #fff;
+ background-color: #ffffff;
}
.skin-blue .navbar .pagination > li.disabled > a {
- background-color: #6c757d;
+ background-color: #777777;
}
.skin-blue table .navbar {
margin-bottom: 0;
overflow-y: scroll;
width: 100%;
}
-.table-body-fixed thead, .table-body-fixed tbody, .table-body-fixed th {
+.table-body-fixed thead,
+.table-body-fixed tbody,
+.table-body-fixed th {
display: block;
}
.table-body-fixed thead {
overflow: hidden;
}
-.table-body-fixed tbody td, .table-body-fixed thead > tr > th {
+.table-body-fixed tbody td,
+.table-body-fixed thead > tr > th {
float: left;
border-bottom-width: 0;
}
/* fake infinate widt.. */
-.table-body-fixed thead > tr, .table-body-fixed tbody > tr {
+.table-body-fixed thead > tr,
+.table-body-fixed tbody > tr {
display: block;
overflow: hidden;
}
min-height: inherit;
}
/* for ie11 && edge: fixing height inheriting from tbody to tr */
-.roo-ie11 table.table tbody tr, .roo-edge table.table tbody tr {
+.roo-ie11 table.table tbody tr,
+.roo-edge table.table tbody tr {
height: auto;
}
.header .top-bar {
min-height: 30px;
- background: #6c757d;
- border-bottom: 1px solid #ced4da;
+ background: #777777;
+ border-bottom: 1px solid #eeeeee;
padding: 0;
}
@media (min-width: 980px) {
padding: 3px 0;
}
}
-.header .social, .footer .social {
+.header .social,
+.footer .social {
margin-right: 4px;
line-height: 30px;
padding-left: 0;
margin-bottom: 0;
}
-.footer .social li:last-child, .footer .social {
+.footer .social li:last-child,
+.footer .social {
margin-right: 0 !important;
}
.header .social li:first-child {
- border-left: 1px solid #6c757d;
+ border-left: 1px solid #777777;
}
-.header .social li, .footer .social li {
- border-right: 1px solid #6c757d;
+.header .social li,
+.footer .social li {
+ border-right: 1px solid #777777;
display: table-cell;
vertical-align: middle;
height: 40px;
transition: background 0.5s ease-in-out;
padding: 1px;
}
-.header .social i, .footer .social i {
- color: #495057;
+.header .social i,
+.footer .social i {
+ color: #555555;
font-size: 16px;
-webkit-transition: color 0.5s ease-in-out;
-moz-transition: color 0.5s ease-in-out;
-ms-transition: color 0.5s ease-in-out;
transition: color 0.5s ease-in-out;
}
-.header .social li:hover a i, .footer .social li:hover a i {
- color: #fff;
-}
-.team .item .team-member-links a.facebook:hover, .member-social.dark a.facebook:hover, .header .social li.facebook:hover, .footer .social li.facebook:hover {
- background: #007bff;
-}
-.team .item .team-member-links a.dribbble:hover, .member-social.dark a.dribbble:hover, .header .social li.dribbble:hover, .footer .social li.dribbble:hover {
- background: #ffc107;
-}
-.team .item .team-member-links a.twitter:hover, .member-social.dark a.twitter:hover, .header .social li.twitter:hover, .footer .social li.twitter:hover {
- background: #007bff;
-}
-.team .item .team-member-links a.gplus:hover, .member-social.dark a.gplus:hover, .header .social li.gplus:hover, .footer .social li.gplus:hover {
- background: #dc3545;
-}
-.team .item .team-member-links a.linkedin:hover, .member-social.dark a.linkedin:hover, .header .social li.linkedin:hover, .footer .social li.linkedin:hover {
- background: #007bff;
-}
-.team .item .team-member-links a.pinterest:hover, .member-social.dark a.pinterest:hover, .header .social li.pinterest:hover, .footer .social li.pinterest:hover {
- background: #dc3545;
-}
-.header .social li.rss:hover, .footer .social li.rss:hover {
- background: #ffc107;
+.header .social li:hover a i,
+.footer .social li:hover a i {
+ color: #ffffff;
+}
+.team .item .team-member-links a.facebook:hover,
+.member-social.dark a.facebook:hover,
+.header .social li.facebook:hover,
+.footer .social li.facebook:hover {
+ background: #337ab7;
+}
+.team .item .team-member-links a.dribbble:hover,
+.member-social.dark a.dribbble:hover,
+.header .social li.dribbble:hover,
+.footer .social li.dribbble:hover {
+ background: #f0ad4e;
+}
+.team .item .team-member-links a.twitter:hover,
+.member-social.dark a.twitter:hover,
+.header .social li.twitter:hover,
+.footer .social li.twitter:hover {
+ background: #337ab7;
+}
+.team .item .team-member-links a.gplus:hover,
+.member-social.dark a.gplus:hover,
+.header .social li.gplus:hover,
+.footer .social li.gplus:hover {
+ background: #d9534f;
+}
+.team .item .team-member-links a.linkedin:hover,
+.member-social.dark a.linkedin:hover,
+.header .social li.linkedin:hover,
+.footer .social li.linkedin:hover {
+ background: #337ab7;
+}
+.team .item .team-member-links a.pinterest:hover,
+.member-social.dark a.pinterest:hover,
+.header .social li.pinterest:hover,
+.footer .social li.pinterest:hover {
+ background: #d9534f;
+}
+.header .social li.rss:hover,
+.footer .social li.rss:hover {
+ background: #f0ad4e;
}
.top-bar .languages {
padding: 8px 0;
}
.top-bar .languages a {
margin-right: 20px;
- color: #495057;
+ color: #555555;
font-family: "Open Sans", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 24px;
font-weight: bold;
}
.box-label {
- margin-left: 5px;
+ margin-left: 18px;
cursor: pointer;
}
/* needed as menu ontop of form does not work */
z-index: 1;
}
/* admin-lte - messes with checkbox and radio.. */
-.checkbox, .radio {
- padding-left: 15px !important;
+/*.checkbox, .radio {
+ padding-left: 15px !important;
}
+*/
/* inside a column it needs even more padding...*/
/*
- * It breaks all the checkbox layout. comment it first...
- */
+* It breaks all the checkbox layout. comment it first...
+*/
/*.column .checkbox,
- .column .radio {
- padding-left: 25px !important;
- }*/
+.column .radio {
+ padding-left: 25px !important;
+}*/
/* paging toolbar */
.pagination .x-paging-position span {
padding-top: 3px;
text-align: right;
}
.badge-error {
- background-color: #dc3545;
+ background-color: #d9534f;
}
.badge-error:hover {
- background-color: #bd2130;
+ background-color: #c9302c;
}
.badge-warning {
- background-color: #ffc107;
+ background-color: #f0ad4e;
}
.badge-warning:hover {
- background-color: #d39e00;
+ background-color: #ec971f;
}
.badge-success {
- background-color: #28a745;
+ background-color: #5cb85c;
}
.badge-success:hover {
- background-color: #1e7e34;
+ background-color: #449d44;
}
.badge-info {
- background-color: #17a2b8;
+ background-color: #5bc0de;
}
.badge-info:hover {
- background-color: #117a8b;
+ background-color: #31b0d5;
}
.badge-inverse {
- background-color: #343a40;
+ background-color: #333333;
}
.badge-inverse:hover {
- background-color: #212529;
+ background-color: #222222;
}
.tooltip.fade.in {
z-index: 10002;
visibility: hidden;
height: 0px;
}
-.roo-upload-cropbox-dialog .modal-header, .roo-upload-cropbox-dialog .modal-footer {
+.roo-upload-cropbox-dialog .modal-header,
+.roo-upload-cropbox-dialog .modal-footer {
padding-top: 5px;
padding-bottom: 5px;
}
.roo-upload-cropbox-body {
- background-color: #fff;
- border: 1px solid #6c757d;
+ background-color: #ffffff;
+ border: 1px solid #777777;
width: 100%;
height: 450px;
max-height: 450px;
.roo-upload-cropbox-body .roo-upload-cropbox-thumb {
position: absolute;
/* top: 50%;
- left: 50%;
- transform: translate(-50%, -50%);*/
+ left: 50%;
+ transform: translate(-50%, -50%);*/
box-sizing: border-box;
- border: 1px solid #6c757d;
- box-shadow: 0 0 0 1000px #adb5bd;
+ border: 1px solid #777777;
+ box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
background: none repeat scroll 0% 0% transparent;
}
.roo-upload-cropbox-body .roo-upload-cropbox-empty-notify {
height: 100%;
- background-color: #adb5bd;
- color: #fff;
+ background-color: rgba(0, 0, 0, 0.5);
+ color: #ffffff;
font-weight: bold;
font-size: 24px;
text-align: center;
font-style: italic;
}
.roo-upload-cropbox-btn-group button {
- background-color: #000;
- color: #fff;
- border-color: #343a40;
+ background-color: #000000;
+ color: #ffffff;
+ border-color: #333333;
}
.roo-upload-cropbox-error-notify {
border-radius: 0px;
margin-top: 3px;
}
.flag {
- background-image: url("../images/default/flags.png");
+ background-image: url('../images/default/flags.png');
background-repeat: no-repeat;
width: 20px;
height: inherit;
border-color: #a94442;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #a94442;
}
+/* Menu - show the icons with a bit of padding */
+.dropdown-item i.fa {
+ margin-left: -10px;
+ margin-right: 10px;
+}
/*# sourceMappingURL=roojs-bootstrap-debug.css.map */
\ No newline at end of file