mirror of
https://gitee.com/coder-xiaomo/flashsale
synced 2025-01-31 05:30:25 +08:00
1904 lines
35 KiB
CSS
1904 lines
35 KiB
CSS
/******************************
|
|
3RD PARTY PLUGIN CUSTOMIZATION
|
|
******************************/
|
|
/***
|
|
Bootstrap Colorpicker
|
|
***/
|
|
.input-group.color .input-group-btn i {
|
|
position: absolute;
|
|
display: block;
|
|
cursor: pointer;
|
|
width: 20px;
|
|
height: 20px;
|
|
right: 6px;
|
|
}
|
|
|
|
.colorpicker.dropdown-menu {
|
|
padding: 5px;
|
|
}
|
|
|
|
/* change z-index when opened in modal */
|
|
.modal-open .colorpicker {
|
|
z-index: 10055 !important;
|
|
}
|
|
|
|
/***
|
|
Bootstrap Datepaginator
|
|
***/
|
|
.datepaginator a {
|
|
font-family: 'Open Sans';
|
|
font-size: 13px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
.datepicker .today {
|
|
background-image: none !important;
|
|
filter: none !important;
|
|
}
|
|
|
|
#dp-calendar {
|
|
right: 4px !important;
|
|
}
|
|
|
|
/***
|
|
Bootstrap Datepicker
|
|
***/
|
|
.datepicker.dropdown-menu {
|
|
padding: 5px;
|
|
}
|
|
|
|
.datepicker .selected {
|
|
background-color: #909090 !important;
|
|
background-image: none !important;
|
|
filter: none !important;
|
|
}
|
|
|
|
.datepicker .active {
|
|
background-color: #4b8df8 !important;
|
|
background-image: none !important;
|
|
filter: none !important;
|
|
}
|
|
|
|
.datepicker .active:hover {
|
|
background-color: #2678FC !important;
|
|
background-image: none !important;
|
|
filter: none !important;
|
|
}
|
|
|
|
.datepicker .input-daterange input {
|
|
text-align: left;
|
|
}
|
|
|
|
/* change z-index when opened in modal */
|
|
.modal-open .datepicker {
|
|
z-index: 10055 !important;
|
|
}
|
|
|
|
.datepicker table td {
|
|
font-weight: 300 !important;
|
|
font-family: 'Open Sans' !important;
|
|
}
|
|
|
|
.datepicker table th {
|
|
font-family: 'Open Sans' !important;
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.datepicker.dropdown-menu {
|
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
|
border: 1px solid #efefef;
|
|
}
|
|
|
|
/***
|
|
Bootstrap Daterangepicker
|
|
***/
|
|
.modal-open .daterangepicker {
|
|
z-index: 10055 !important;
|
|
}
|
|
|
|
.daterangepicker td {
|
|
text-shadow: none;
|
|
}
|
|
|
|
.daterangepicker td.active {
|
|
background-color: #4b8df8;
|
|
background-image: none;
|
|
filter: none;
|
|
}
|
|
|
|
.daterangepicker th {
|
|
font-weight: 400;
|
|
font-size: 14px;
|
|
}
|
|
|
|
.daterangepicker .ranges input[type="text"] {
|
|
width: 70px !important;
|
|
font-size: 11px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.daterangepicker .ranges label {
|
|
font-weight: 300;
|
|
display: block;
|
|
}
|
|
|
|
.daterangepicker .ranges .btn {
|
|
margin-top: 10px;
|
|
}
|
|
|
|
.daterangepicker.dropdown-menu {
|
|
padding: 5px;
|
|
}
|
|
|
|
.daterangepicker .ranges li {
|
|
color: #333;
|
|
}
|
|
|
|
.daterangepicker .ranges li.active,
|
|
.daterangepicker .ranges li:hover {
|
|
background: #4b8df8 !important;
|
|
border: 1px solid #4b8df8 !important;
|
|
color: #fff;
|
|
}
|
|
|
|
.daterangepicker .range_inputs input {
|
|
margin-bottom: 0 !important;
|
|
}
|
|
|
|
/***
|
|
Bootstrap Datetimepicker
|
|
***/
|
|
.datetimepicker table td {
|
|
font-weight: 300 !important;
|
|
font-family: 'Open Sans' !important;
|
|
}
|
|
|
|
.datetimepicker table th {
|
|
font-family: 'Open Sans' !important;
|
|
font-weight: 400 !important;
|
|
}
|
|
|
|
.datetimepicker.dropdown-menu {
|
|
padding: 5px;
|
|
}
|
|
|
|
.datetimepicker .active {
|
|
background-color: #4b8df8 !important;
|
|
background-image: none !important;
|
|
filter: none !important;
|
|
}
|
|
|
|
.datetimepicker .active:hover {
|
|
background-color: #2678FC !important;
|
|
background-image: none !important;
|
|
filter: none !important;
|
|
}
|
|
|
|
.datetimepicker .fa-angle-left:before {
|
|
content: "\f104";
|
|
}
|
|
|
|
.datetimepicker .fa-angle-right:before {
|
|
content: "\f105";
|
|
}
|
|
|
|
/* change z-index when opened in modal */
|
|
.modal-open .datetimepicker {
|
|
z-index: 10055 !important;
|
|
}
|
|
|
|
/***
|
|
Bootstrap Editable
|
|
***/
|
|
.editable-input table,
|
|
.editable-input table th,
|
|
.editable-input table td,
|
|
.editable-input table tr {
|
|
border: 0 !important;
|
|
}
|
|
|
|
.editable-input .combodate select {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/***
|
|
Jansy File Input plugin css changes
|
|
***/
|
|
.fileinput {
|
|
margin-bottom: 0;
|
|
}
|
|
.fileinput .close {
|
|
float: none;
|
|
}
|
|
|
|
/***
|
|
Bootstrap Markdown
|
|
***/
|
|
.md-input {
|
|
padding: 5px !important;
|
|
border-bottom: 0 !important;
|
|
}
|
|
|
|
.md-editor .btn-toolbar {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
.md-editor.active {
|
|
border: 1px solid #999999;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/***
|
|
Error state for WYSIWYG Editors
|
|
***/
|
|
.has-error .md-editor {
|
|
border: 1px solid #f3565d !important;
|
|
}
|
|
|
|
.has-success .md-editor {
|
|
border: 1px solid #45b6af !important;
|
|
}
|
|
|
|
.has-warning .md-editor {
|
|
border: 1px solid #f8cb00 !important;
|
|
}
|
|
|
|
/***
|
|
Bootstrap Modal
|
|
***/
|
|
/* fix: content shifting to the right on modal open */
|
|
.modal-open.page-overflow .page-container,
|
|
.modal-open.page-overflow .page-container .navbar-fixed-top,
|
|
.modal-open.page-overflow .page-container .navbar-fixed-bottom,
|
|
.modal-open.page-overflow .modal-scrollable {
|
|
overflow-y: auto !important;
|
|
}
|
|
|
|
.modal-scrollable {
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
/***
|
|
Bootstrap Select
|
|
***/
|
|
.bootstrap-select .btn {
|
|
border-color: #e5e5e5;
|
|
}
|
|
|
|
.has-error .bootstrap-select .btn {
|
|
border-color: #f3565d;
|
|
}
|
|
|
|
.has-success .bootstrap-select .btn {
|
|
border-color: #45b6af;
|
|
}
|
|
|
|
.has-warning .bootstrap-select .btn {
|
|
border-color: #f8cb00;
|
|
}
|
|
|
|
.bootstrap-select.open .btn {
|
|
border-color: #999999;
|
|
}
|
|
|
|
.bootstrap-select.open.dropup .btn {
|
|
border-color: #999999;
|
|
}
|
|
|
|
.bootstrap-select .btn:focus {
|
|
outline: none !important;
|
|
outline-offset: 0;
|
|
}
|
|
|
|
.bootstrap-select.btn-group .dropdown-menu {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.bootstrap-select.btn-group .dropdown-menu > li > dt > .text {
|
|
font-weight: 600;
|
|
font-family: 'Open Sans';
|
|
font-size: 14px;
|
|
}
|
|
|
|
.bootstrap-select.btn-group .dropdown-menu .text-muted {
|
|
color: #999 !important;
|
|
}
|
|
|
|
.bootstrap-select .caret {
|
|
border: 0;
|
|
width: auto;
|
|
height: auto;
|
|
margin-top: -10px !important;
|
|
}
|
|
|
|
.bootstrap-select .caret:before {
|
|
content: "\f107";
|
|
display: inline-block;
|
|
border: 0;
|
|
font-family: FontAwesome;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.bootstrap-select .selected i {
|
|
color: #aaa;
|
|
}
|
|
|
|
.bootstrap-select .dropdown-menu {
|
|
z-index: 9999 !important;
|
|
}
|
|
|
|
/***
|
|
Bootstrap Switch
|
|
***/
|
|
.bootstrap-switch {
|
|
border-color: #e5e5e5;
|
|
}
|
|
.bootstrap-switch.bootstrap-switch-focused {
|
|
box-shadow: none;
|
|
border-color: #e5e5e5;
|
|
}
|
|
|
|
/***
|
|
Color variants
|
|
***/
|
|
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
|
|
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
|
|
color: white;
|
|
background: #428bca;
|
|
}
|
|
|
|
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
|
|
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
|
|
color: white;
|
|
background: #89c4f4;
|
|
}
|
|
|
|
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
|
|
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
|
|
color: white;
|
|
background: #45b6af;
|
|
}
|
|
|
|
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
|
|
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
|
|
color: white;
|
|
background: #f8cb00;
|
|
}
|
|
|
|
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
|
|
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
|
|
color: white;
|
|
background: #f3565d;
|
|
}
|
|
|
|
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
|
|
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
|
|
color: #444444;
|
|
background: #ececec;
|
|
}
|
|
|
|
/* Bootstrap switch on portlet headers */
|
|
.portlet > .portlet-title > .actions > .bootstrap-switch {
|
|
border-color: transparent;
|
|
margin-top: -13px;
|
|
}
|
|
|
|
/***
|
|
Bootstrap Time Picker
|
|
***/
|
|
.bootstrap-timepicker-widget table td a {
|
|
padding: 4px 0;
|
|
}
|
|
|
|
.bootstrap-timepicker-widget input,
|
|
.bootstrap-timepicker-widget input:focus {
|
|
outline: none !important;
|
|
border: 0;
|
|
}
|
|
|
|
.modal-open .bootstrap-timepicker-widget {
|
|
z-index: 10055 !important;
|
|
}
|
|
|
|
.bootstrap-timepicker-widget.timepicker-orient-bottom:before,
|
|
.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
|
|
top: auto;
|
|
}
|
|
|
|
/***
|
|
Toastr Notifications
|
|
***/
|
|
.toast {
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.toast {
|
|
background-color: #030303;
|
|
}
|
|
|
|
.toast-success {
|
|
background-color: #51a351;
|
|
}
|
|
|
|
.toast-error {
|
|
background-color: #bd362f;
|
|
}
|
|
|
|
.toast-info {
|
|
background-color: #2f96b4;
|
|
}
|
|
|
|
.toast-warning {
|
|
background-color: #f89406;
|
|
}
|
|
|
|
.toast .toast-close-button {
|
|
display: inline-block;
|
|
margin-top: 0px;
|
|
margin-right: 0px;
|
|
text-indent: -100000px;
|
|
width: 11px;
|
|
height: 16px;
|
|
background-repeat: no-repeat !important;
|
|
background-image: url("../img/portlet-remove-icon-white.png") !important;
|
|
}
|
|
|
|
.toast-top-center {
|
|
top: 12px;
|
|
margin: 0 auto;
|
|
left: 50%;
|
|
margin-left: -150px;
|
|
}
|
|
|
|
.toast-bottom-center {
|
|
bottom: 12px;
|
|
margin: 0 auto;
|
|
left: 50%;
|
|
margin-left: -150px;
|
|
}
|
|
|
|
/***
|
|
Bootstrap Wizard
|
|
***/
|
|
.form-wizard .progress {
|
|
margin-bottom: 30px;
|
|
}
|
|
.form-wizard .steps {
|
|
padding: 10px 0;
|
|
margin-bottom: 15px;
|
|
background-color: white;
|
|
background-image: none;
|
|
filter: none;
|
|
border: 0px;
|
|
box-shadow: none;
|
|
}
|
|
.form-wizard .steps > li > a.step {
|
|
background-color: white;
|
|
background-image: none;
|
|
filter: none;
|
|
border: 0px;
|
|
box-shadow: none;
|
|
}
|
|
.form-wizard .steps > li > a.step:hover {
|
|
background: none;
|
|
}
|
|
.form-wizard .steps > li > a.step > .number {
|
|
background-color: #eee;
|
|
display: inline-block;
|
|
text-align: center !important;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
padding: 11px 15px 13px 15px;
|
|
margin-right: 10px;
|
|
height: 45px;
|
|
width: 45px;
|
|
-webkit-border-radius: 50% !important;
|
|
-moz-border-radius: 50% !important;
|
|
border-radius: 50% !important;
|
|
}
|
|
.form-wizard .steps > li > a.step > .desc {
|
|
display: inline-block;
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
}
|
|
.form-wizard .steps > li > a.step > .desc > i {
|
|
display: none;
|
|
}
|
|
.form-wizard .steps > li.active > a.step .number {
|
|
background-color: #45b6af;
|
|
color: #fff;
|
|
}
|
|
.form-wizard .steps > li.active > a.step .desc {
|
|
color: #333;
|
|
}
|
|
.form-wizard .steps > li.done > a.step .number {
|
|
background-color: #f8cb00;
|
|
color: #fff;
|
|
}
|
|
.form-wizard .steps > li.done > a.step .desc {
|
|
color: #333;
|
|
}
|
|
.form-wizard .steps > li.done > a.step .desc i {
|
|
font-size: 12px;
|
|
font-weight: normal;
|
|
color: #999;
|
|
display: inline-block;
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 1200px) {
|
|
/* 768px & 1200px */
|
|
.form-wizard .step .desc {
|
|
margin-top: 10px;
|
|
display: block;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
/* 768px */
|
|
.form-wizard .steps > li > a {
|
|
text-align: left;
|
|
}
|
|
}
|
|
/***
|
|
wysihtml5
|
|
***/
|
|
.wysihtml5-sandbox {
|
|
width: 100% !important;
|
|
}
|
|
|
|
.wysihtml5-toolbar li {
|
|
margin: 0px;
|
|
height: 29px;
|
|
}
|
|
|
|
.wysihtml5-toolbar li .dropdown-menu {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/***
|
|
Error state for WYSIWYG Editors
|
|
***/
|
|
.has-error .wysihtml5-sandbox {
|
|
border: 1px solid #f3565d !important;
|
|
}
|
|
|
|
.has-success .wysihtml5-sandbox {
|
|
border: 1px solid #45b6af !important;
|
|
}
|
|
|
|
.has-warning .wysihtml5-sandbox {
|
|
border: 1px solid #f8cb00 !important;
|
|
}
|
|
|
|
/***
|
|
Error state for WYSIWYG Editors
|
|
***/
|
|
.note-editor {
|
|
border: 1px solid #e5e5e5;
|
|
}
|
|
.note-editor .note-toolbar {
|
|
border-bottom: 1px solid #e5e5e5;
|
|
}
|
|
.note-editor .note-statusbar .note-resizebar {
|
|
border-top: 1px solid #e5e5e5;
|
|
}
|
|
.note-editor.fullscreen {
|
|
z-index: 11000;
|
|
width: 100% !important;
|
|
}
|
|
|
|
.note-link-dialog .checkbox {
|
|
margin-left: 20px;
|
|
}
|
|
|
|
.has-error .note-editor {
|
|
border: 1px solid #f3565d !important;
|
|
}
|
|
|
|
.has-success .note-editor {
|
|
border: 1px solid #45b6af !important;
|
|
}
|
|
|
|
.has-warning .note-editor {
|
|
border: 1px solid #f8cb00 !important;
|
|
}
|
|
|
|
/***
|
|
CKEditor css changes
|
|
***/
|
|
.cke_bottom,
|
|
.cke_inner,
|
|
.cke_top,
|
|
.cke_reset,
|
|
.cke_dialog_title,
|
|
.cke_dialog_footer,
|
|
.cke_dialog {
|
|
background-image: none !important;
|
|
filter: none;
|
|
border-top: 0;
|
|
border-bottom: 0;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.cke_dialog_ui_button,
|
|
.cke_dialog_tab {
|
|
background-image: none !important;
|
|
filter: none;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
text-shadow: none !important;
|
|
}
|
|
|
|
.cke_dialog_ui_button:hover,
|
|
.cke_dialog_tab:hover {
|
|
text-decoration: none;
|
|
text-shadow: none;
|
|
}
|
|
|
|
.cke_dialog_ui_input_text {
|
|
background-image: none !important;
|
|
filter: none;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.cke_combo_button,
|
|
.cke_button,
|
|
.cke_toolbar,
|
|
.cke_toolgroup {
|
|
background-image: none !important;
|
|
filter: none !important;
|
|
border: 0;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.cke_button,
|
|
.cke_combo_button,
|
|
.cke_panel_grouptitle,
|
|
.cke_hc.cke_panel_listItem a {
|
|
background-image: none !important;
|
|
filter: none;
|
|
text-shadow: none;
|
|
-webkit-border-radius: 0px !important;
|
|
-moz-border-radius: 0px !important;
|
|
-ms-border-radius: 0px !important;
|
|
-o-border-radius: 0px !important;
|
|
}
|
|
|
|
.cke_button:hover,
|
|
.cke_combo_button:hover {
|
|
background-color: #ddd;
|
|
}
|
|
|
|
.cke_toolbar_break {
|
|
background-image: none !important;
|
|
filter: none !important;
|
|
border: 0;
|
|
box-shadow: none !important;
|
|
-webkit-box-shadow: none !important;
|
|
-moz-box-shadow: none !important;
|
|
-ms-box-shadow: none !important;
|
|
-o-box-shadow: none !important;
|
|
}
|
|
|
|
/***
|
|
Error state for WYSIWYG Editors
|
|
***/
|
|
.has-error .cke {
|
|
border: 1px solid #ebccd1 !important;
|
|
}
|
|
|
|
.has-success .cke {
|
|
border: 1px solid #d6e9c6 !important;
|
|
}
|
|
|
|
/***
|
|
Clockface
|
|
***/
|
|
.modal-open .clockface {
|
|
z-index: 10055 !important;
|
|
}
|
|
|
|
.clockface .cell .inner.active,
|
|
.clockface .cell .outer.active {
|
|
background-color: #4b8df8 !important;
|
|
background-image: none;
|
|
filter: none;
|
|
}
|
|
|
|
/***
|
|
Datatables Plugin(in v1.3)
|
|
***/
|
|
.dataTable {
|
|
width: 100% !important;
|
|
clear: both;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.dataTables_filter label {
|
|
line-height: 32px;
|
|
}
|
|
|
|
.dataTable .row-details {
|
|
margin-top: 3px;
|
|
display: inline-block;
|
|
cursor: pointer;
|
|
width: 14px;
|
|
height: 14px;
|
|
}
|
|
|
|
.dataTable .row-details.row-details-close {
|
|
background: url("../img/datatable-row-openclose.png") no-repeat 0 0;
|
|
}
|
|
|
|
.dataTable .row-details.row-details-open {
|
|
background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px;
|
|
}
|
|
|
|
.dataTable .details {
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
.dataTable .details td,
|
|
.dataTable .details th {
|
|
padding: 4px;
|
|
background: none;
|
|
border: 0;
|
|
}
|
|
|
|
.dataTable .details tr:hover td,
|
|
.dataTable .details tr:hover th {
|
|
background: none;
|
|
}
|
|
|
|
.dataTable .details tr:nth-child(odd) td,
|
|
.dataTable .details tr:nth-child(odd) th {
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
.dataTable .details tr:nth-child(even) td,
|
|
.dataTable .details tr:nth-child(even) th {
|
|
background-color: #eeeeee;
|
|
}
|
|
|
|
.dataTable > thead > tr > th.sorting,
|
|
.dataTable > thead > tr > th.sorting_asc,
|
|
.dataTable > thead > tr > th.sorting_desc {
|
|
padding-right: 18px;
|
|
}
|
|
|
|
.dataTable .table-checkbox {
|
|
width: 8px !important;
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.dataTables_wrapper .dataTables_length .form-control,
|
|
.dataTables_wrapper .dataTables_filter .form-control {
|
|
display: inline-block;
|
|
}
|
|
|
|
.dataTables_wrapper .dataTables_info {
|
|
top: 17px;
|
|
}
|
|
|
|
.dataTables_wrapper .dataTables_paginate {
|
|
margin-top: -15px;
|
|
}
|
|
}
|
|
@media (max-width: 480px) {
|
|
.dataTables_wrapper .dataTables_filter .form-control {
|
|
width: 175px !important;
|
|
}
|
|
|
|
.dataTables_wrapper .dataTables_paginate {
|
|
float: left;
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
.dataTables_processing {
|
|
position: fixed;
|
|
top: 50%;
|
|
left: 50%;
|
|
min-width: 125px;
|
|
margin-left: 0;
|
|
padding: 7px;
|
|
text-align: center;
|
|
color: #333;
|
|
font-size: 13px;
|
|
border: 1px solid #ddd;
|
|
background-color: #eee;
|
|
vertical-align: middle;
|
|
-webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
|
|
-moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
|
|
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.dataTables_processing span {
|
|
line-height: 15px;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.dataTables_empty {
|
|
text-align: center;
|
|
}
|
|
|
|
/***
|
|
TableTools
|
|
***/
|
|
.tabletools-btn-group {
|
|
margin: 0 0 10px 0;
|
|
}
|
|
.tabletools-btn-group > .btn {
|
|
margin-right: 5px;
|
|
}
|
|
.tabletools-btn-group > .btn:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.tabletools-dropdown-on-portlet {
|
|
margin-top: -45px;
|
|
float: right;
|
|
}
|
|
.tabletools-dropdown-on-portlet > .btn {
|
|
margin-right: 5px;
|
|
}
|
|
.tabletools-dropdown-on-portlet > .btn:last-child {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.DTTT_Print {
|
|
background-color: #fff;
|
|
}
|
|
.DTTT_Print .DTTT_Print_Info {
|
|
position: fixed;
|
|
top: 35px;
|
|
font-size: 18px;
|
|
width: 700px;
|
|
left: 50%;
|
|
margin-left: -350px;
|
|
text-align: center;
|
|
}
|
|
.DTTT_Print .page-sidebar,
|
|
.DTTT_Print .page-header,
|
|
.DTTT_Print .page-footer {
|
|
display: none;
|
|
}
|
|
.DTTT_Print .page-content-wrapper {
|
|
float: none;
|
|
}
|
|
.DTTT_Print .row,
|
|
.DTTT_Print [class*="col-"] {
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.DTTT_Print .page-content {
|
|
margin: 50px auto !important;
|
|
border: 0 !important;
|
|
width: 800px !important;
|
|
padding: 0 !important;
|
|
}
|
|
.DTTT_Print .page-content .portlet {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
.DTTT_Print .page-content .portlet .portlet-body {
|
|
padding: 0;
|
|
}
|
|
.DTTT_Print .page-content .dataTables_wrapper {
|
|
padding: 0;
|
|
margin: 0;
|
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
|
}
|
|
|
|
/***
|
|
Extended Datatable
|
|
***/
|
|
.dataTables_extended_wrapper .seperator {
|
|
padding: 0 2px;
|
|
}
|
|
|
|
.dataTables_extended_wrapper .dataTables_paginate,
|
|
.dataTables_extended_wrapper .dataTables_length,
|
|
.dataTables_extended_wrapper .dataTables_info {
|
|
display: inline-block;
|
|
float: none !important;
|
|
padding: 0 !important;
|
|
margin: 0 !important;
|
|
position: static !important;
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.dataTables_extended_wrapper .dataTables_paginate,
|
|
.dataTables_extended_wrapper .dataTables_length,
|
|
.dataTables_extended_wrapper .dataTables_info {
|
|
display: block;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
.dataTables_extended_wrapper .seperator {
|
|
display: none;
|
|
}
|
|
}
|
|
.dataTables_extended_wrapper .dataTables_length label {
|
|
margin: 0 !important;
|
|
padding: 0 !important;
|
|
font-size: 13px;
|
|
float: none !important;
|
|
display: inline-block !important;
|
|
}
|
|
|
|
.table-container .table-actions-wrapper {
|
|
display: none;
|
|
}
|
|
|
|
/***
|
|
Dropzone css changes(new in v1.1.1)
|
|
***/
|
|
.dropzone {
|
|
-webkit-border-radius: 0px;
|
|
-moz-border-radius: 0px;
|
|
border-radius: 0px;
|
|
}
|
|
|
|
/***
|
|
Fancy box fix overlay fix(in v1.2.4)
|
|
***/
|
|
.fancybox-overlay {
|
|
z-index: 10000;
|
|
}
|
|
|
|
/***
|
|
FuelUX Spinners
|
|
***/
|
|
.spinner-buttons.btn-group-vertical .btn {
|
|
text-align: center;
|
|
margin: 0;
|
|
height: 17px;
|
|
width: 22px;
|
|
padding-left: 6px;
|
|
padding-right: 6px;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
/***
|
|
Fullcalendar
|
|
***/
|
|
/* External events */
|
|
.external-event {
|
|
display: inline-block;
|
|
cursor: move;
|
|
margin-bottom: 5px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.portlet .event-form-title {
|
|
font-size: 14px;
|
|
margin-top: 4px;
|
|
font-weight: 400;
|
|
margin-bottom: 10px;
|
|
}
|
|
.portlet.calendar .fc-button {
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
text-shadow: none;
|
|
border: 0;
|
|
padding: 5px 8px 33px 8px;
|
|
margin-left: 2px;
|
|
border-top-style: none;
|
|
border-bottom-style: none;
|
|
border-right-style: solid;
|
|
border-left-style: solid;
|
|
border-color: #ddd;
|
|
background: transparent;
|
|
color: #fff;
|
|
top: -48px;
|
|
}
|
|
.portlet.calendar .fc-header {
|
|
margin-bottom: -21px;
|
|
}
|
|
.portlet.calendar .fc-button-prev {
|
|
padding-right: 10px;
|
|
padding-left: 8px;
|
|
}
|
|
.portlet.calendar .fc-button-next {
|
|
padding-right: 8px;
|
|
padding-left: 10px;
|
|
}
|
|
.portlet.calendar .fc-button.fc-state-active, .portlet.calendar .fc-button.fc-state-hover {
|
|
color: #666;
|
|
background-color: #fff;
|
|
}
|
|
.portlet.calendar .fc-button.fc-state-disabled {
|
|
color: #ddd;
|
|
}
|
|
.portlet.calendar .fc-text-arrow {
|
|
font-size: 22px;
|
|
font-family: "Courier New", Courier, monospace;
|
|
vertical-align: baseline;
|
|
}
|
|
.portlet.calendar .fc-event {
|
|
border: 0px;
|
|
background-color: #69a4e0;
|
|
color: #fff;
|
|
}
|
|
.portlet.calendar .fc-event .fc-event-inner {
|
|
border: 0px;
|
|
}
|
|
.portlet.calendar .fc-event .fc-event-time {
|
|
float: left;
|
|
text-align: left;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
font-weight: 300;
|
|
}
|
|
.portlet.calendar .fc-event .fc-event-title {
|
|
text-align: left;
|
|
float: left;
|
|
color: #fff;
|
|
font-size: 13px;
|
|
font-weight: 300;
|
|
}
|
|
.portlet.calendar .fc-header-title h2 {
|
|
font-size: 14px;
|
|
line-height: 20px;
|
|
font-weight: 400;
|
|
color: #111;
|
|
}
|
|
.portlet.calendar .fc-widget-header {
|
|
background-image: none;
|
|
filter: none;
|
|
background-color: #eeeeee;
|
|
text-transform: uppercase;
|
|
font-weight: 300;
|
|
}
|
|
.portlet.calendar .mobile .fc-button {
|
|
padding: 0px 6px 20px 6px;
|
|
margin-left: 2px;
|
|
border: 0;
|
|
background-color: #dddddd;
|
|
background-image: none;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
color: #000;
|
|
text-shadow: none;
|
|
text-align: center;
|
|
}
|
|
.portlet.calendar .mobile .fc-button.fc-state-hover, .portlet.calendar .mobile .fc-button.fc-state-active {
|
|
background-color: #eeeeee;
|
|
}
|
|
.portlet.calendar .mobile .fc-button.fc-state-disabled {
|
|
color: #bbbbbb;
|
|
}
|
|
.portlet.calendar .mobile .fc-button-prev {
|
|
margin-right: 5px;
|
|
margin-top: -2px;
|
|
}
|
|
.portlet.calendar .mobile .fc-button-next {
|
|
margin-right: -0px;
|
|
margin-top: -2px;
|
|
}
|
|
.portlet.calendar .mobile .fc-header-space {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: 0px;
|
|
}
|
|
.portlet.calendar .mobile .fc-header-left {
|
|
position: absolute;
|
|
z-index: 10;
|
|
}
|
|
.portlet.calendar .mobile .fc-header-left .fc-button {
|
|
top: -2px;
|
|
}
|
|
.portlet.calendar .mobile .fc-header-right {
|
|
position: relative;
|
|
right: 0;
|
|
}
|
|
.portlet.calendar .mobile .fc-header-right .fc-button {
|
|
top: 35px;
|
|
}
|
|
.portlet.calendar .mobile .fc-content {
|
|
margin-top: 53px;
|
|
}
|
|
|
|
/***
|
|
Google Maps
|
|
***/
|
|
.gmaps {
|
|
height: 300px;
|
|
width: 100%;
|
|
/* important! bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
|
|
}
|
|
.gmaps img {
|
|
max-width: none;
|
|
}
|
|
|
|
#gmap_static div {
|
|
background-repeat: no-repeat;
|
|
background-position: 50% 50%;
|
|
height: 100%;
|
|
display: block;
|
|
height: 300px;
|
|
}
|
|
|
|
#gmap_routes_instructions {
|
|
margin-top: 10px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
/***
|
|
Gritter notification modify
|
|
***/
|
|
#gritter-notice-wrapper {
|
|
right: 1px !important;
|
|
}
|
|
|
|
.gritter-close {
|
|
left: auto !important;
|
|
right: 3px !important;
|
|
}
|
|
|
|
.gritter-title {
|
|
font-family: "Open Sans";
|
|
font-size: 18px;
|
|
font-weight: 300;
|
|
}
|
|
|
|
/***
|
|
Dashboard Charts(new in v1.2.1)
|
|
***/
|
|
.easy-pie-chart,
|
|
.sparkline-chart {
|
|
text-align: center;
|
|
}
|
|
|
|
.sparkline-chart {
|
|
margin-top: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.easy-pie-chart .number {
|
|
font-size: 14px !important;
|
|
font-weight: 300;
|
|
margin: 0 auto;
|
|
position: relative;
|
|
text-align: center;
|
|
width: 75px;
|
|
height: 75px;
|
|
line-height: 75px;
|
|
}
|
|
.easy-pie-chart .number canvas {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
.sparkline-chart .number {
|
|
width: 100px;
|
|
margin: 0 auto;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sparkline-chart .title,
|
|
.easy-pie-chart .title {
|
|
display: block;
|
|
text-align: center;
|
|
color: #333;
|
|
font-weight: 300;
|
|
font-size: 16px;
|
|
margin-top: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sparkline-chart .title:hover,
|
|
.easy-pie-chart .title:hover {
|
|
color: #666;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.sparkline-chart .title > i,
|
|
.easy-pie-chart .title > i {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/***
|
|
jQuery File Upload
|
|
***/
|
|
.blueimp-gallery .close {
|
|
background-image: url("../img/portlet-remove-icon-white.png") !important;
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.blueimp-gallery .prev,
|
|
.blueimp-gallery .next {
|
|
border-radius: 23px !important;
|
|
}
|
|
|
|
/***
|
|
jQuery Multi Select
|
|
***/
|
|
.ms-container .ms-list {
|
|
border: 1px solid #e5e5e5;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.ms-container .ms-optgroup-label {
|
|
font-size: 14px;
|
|
}
|
|
|
|
.ms-container .ms-selectable li.ms-elem-selectable,
|
|
.ms-container .ms-selection li.ms-elem-selection {
|
|
font-size: 13px;
|
|
}
|
|
|
|
.ms-container .ms-list.ms-focus {
|
|
border-color: #999999;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.ms-container .ms-selectable li.ms-hover,
|
|
.ms-container .ms-selection li.ms-hover {
|
|
color: #333;
|
|
background-color: #eee;
|
|
}
|
|
|
|
.ms-container .form-control {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
/***
|
|
jQuery Notific8 Plugin
|
|
***/
|
|
.jquery-notific8-message {
|
|
font-size: 13px;
|
|
}
|
|
|
|
[class*="jquery-notific8"],
|
|
[class*="jquery-notific8"]:after,
|
|
[class*="jquery-notific8"]:before {
|
|
-webkit-box-sizing: content-box;
|
|
-moz-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
}
|
|
|
|
.right .jquery-notific8-close-sticky span,
|
|
.left .jquery-notific8-close-sticky span {
|
|
font-size: 10px;
|
|
}
|
|
|
|
.jquery-notific8-heading {
|
|
font-weight: 300;
|
|
font-size: 16px;
|
|
}
|
|
|
|
/***
|
|
Password Strength(in v1.4)
|
|
***/
|
|
.password-strength .password-verdict {
|
|
display: inline-block;
|
|
margin-top: 6px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.password-strength .progress {
|
|
margin-top: 5px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.password-strength .progress-bar {
|
|
padding: 2px;
|
|
}
|
|
|
|
/***
|
|
jQuery Slimscroll
|
|
***/
|
|
.scroller {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
padding-right: 12px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.scroller-footer {
|
|
margin-top: 10px;
|
|
}
|
|
.scroller-footer:before, .scroller-footer:after {
|
|
content: " ";
|
|
display: table;
|
|
}
|
|
.scroller-footer:after {
|
|
clear: both;
|
|
}
|
|
|
|
.portlet-body .slimScrollBar {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
/***
|
|
jQuery Sparkline
|
|
***/
|
|
.jqstooltip {
|
|
width: auto !important;
|
|
height: auto !important;
|
|
}
|
|
|
|
.easy-pie-chart,
|
|
.sparkline-chart {
|
|
text-align: center;
|
|
}
|
|
|
|
.sparkline-chart {
|
|
margin-top: 15px;
|
|
position: relative;
|
|
}
|
|
|
|
.easy-pie-chart .number {
|
|
font-size: 16px;
|
|
font-weight: 300;
|
|
width: 85px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.sparkline-chart .number {
|
|
width: 100px;
|
|
margin: 0 auto;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sparkline-chart .title,
|
|
.easy-pie-chart .title {
|
|
display: block;
|
|
text-align: center;
|
|
color: #333;
|
|
font-weight: 300;
|
|
font-size: 16px;
|
|
margin-top: 5px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.sparkline-chart .title:hover,
|
|
.easy-pie-chart .title:hover {
|
|
color: #666;
|
|
text-decoration: none;
|
|
}
|
|
|
|
.sparkline-chart .title > i,
|
|
.easy-pie-chart .title > i {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
/***
|
|
Modify jquery-tags-input plugin css
|
|
***/
|
|
div.tagsinput {
|
|
min-height: 35px;
|
|
height: auto !important;
|
|
margin: 0;
|
|
padding: 5px 5px 0px 5px;
|
|
overflow: auto;
|
|
}
|
|
|
|
div.tagsinput span.tag {
|
|
background: #aaaaaa;
|
|
color: white;
|
|
border: 0;
|
|
padding: 3px 6px;
|
|
margin-top: 0;
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
div.tagsinput input {
|
|
padding: 3px 6px;
|
|
width: 75px !important;
|
|
}
|
|
|
|
div.tagsinput span.tag a {
|
|
color: white;
|
|
}
|
|
|
|
div.tagsinput .not_valid {
|
|
color: white;
|
|
padding: 3px 6px;
|
|
background-color: #e02222;
|
|
}
|
|
|
|
/***
|
|
jQuery UI Sliders(new in v1.1.1)
|
|
***/
|
|
.slider {
|
|
border: 0;
|
|
padding: 0;
|
|
display: block;
|
|
margin: 12px 5px;
|
|
min-height: 11px;
|
|
}
|
|
|
|
.ui-slider-vertical {
|
|
width: 11px;
|
|
}
|
|
|
|
.ui-slider-horizontal .ui-slider-handle {
|
|
top: -3px;
|
|
}
|
|
|
|
.ui-slider-vertical .ui-slider-handle {
|
|
left: -3px;
|
|
}
|
|
|
|
.ui-slider-vertical,
|
|
.ui-slider-handle {
|
|
filter: none !important;
|
|
background-image: none !important;
|
|
}
|
|
|
|
/***
|
|
JQVMAP Plugin
|
|
***/
|
|
.jqvmap-zoomin {
|
|
height: 16px;
|
|
width: 16px;
|
|
background-color: #666666;
|
|
}
|
|
|
|
.jqvmap-zoomout {
|
|
height: 16px;
|
|
width: 16px;
|
|
background-color: #666666;
|
|
}
|
|
|
|
.vmaps {
|
|
position: relative;
|
|
overflow: hidden;
|
|
height: 300px;
|
|
}
|
|
|
|
/***
|
|
Jstree
|
|
***/
|
|
.jstree-default .jstree-clicked {
|
|
border: 0;
|
|
background-color: #e1e1e1;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.jstree-default .jstree-hovered {
|
|
border: 0;
|
|
background-color: #eee;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.jstree-default .jstree-wholerow-clicked,
|
|
.jstree-wholerow .jstree-wholerow-clicked {
|
|
background: none;
|
|
border: 0;
|
|
background-color: #e1e1e1;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.jstree-default .jstree-wholerow-hovered,
|
|
.jstree-wholerow .jstree-wholerow-hovered {
|
|
border: 0;
|
|
background-color: #eee;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.jstree-icon.icon-lg {
|
|
margin-top: 1px;
|
|
}
|
|
|
|
.jstree-open > .jstree-anchor > .fa-folder:before {
|
|
margin-left: 2px;
|
|
content: "\f07c";
|
|
}
|
|
|
|
.jstree-default.jstree-rtl .jstree-last {
|
|
background: transparent;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
.vakata-context,
|
|
.vakata-context ul {
|
|
padding: 0;
|
|
min-width: 125px;
|
|
background-color: #ffffff;
|
|
font-size: 14px;
|
|
font-family: "Segoe UI",Helvetica, Arial, sans-serif;
|
|
box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
|
|
border: 1px solid #efefef;
|
|
}
|
|
|
|
.vakata-context li {
|
|
border: 0;
|
|
}
|
|
.vakata-context li a {
|
|
padding: 0 10px;
|
|
border: 0;
|
|
}
|
|
.vakata-context li a i {
|
|
display: none;
|
|
}
|
|
.vakata-context li a .vakata-contextmenu-sep {
|
|
display: none;
|
|
}
|
|
|
|
.vakata-context .vakata-context-hover > a,
|
|
.vakata-context li a:hover {
|
|
background-color: #eee;
|
|
color: #333;
|
|
box-shadow: none;
|
|
margin: 0;
|
|
}
|
|
.vakata-context .vakata-context-hover > a .span,
|
|
.vakata-context .vakata-context-hover > a .ins,
|
|
.vakata-context li a:hover .span,
|
|
.vakata-context li a:hover .ins {
|
|
border: 0 !important;
|
|
}
|
|
|
|
.vakata-context li a span,
|
|
.vakata-context li a ins {
|
|
display: none;
|
|
border: 0 !important;
|
|
}
|
|
|
|
.vakata-context .vakata-context-separator a,
|
|
.vakata-context-rtl .vakata-context-separator a {
|
|
margin: 0;
|
|
border: 0;
|
|
}
|
|
|
|
.jstree-rename-input {
|
|
background-color: #ffffff !important;
|
|
border: 1px solid #e5e5e5 !important;
|
|
outline: none !important;
|
|
padding: 2px 6px !important;
|
|
margin-right: -4px !important;
|
|
}
|
|
|
|
/***
|
|
NoUIRangeSlider
|
|
***/
|
|
.noUi-control {
|
|
margin: 9px 0;
|
|
}
|
|
|
|
/***
|
|
Color variants
|
|
***/
|
|
.noUi-primary.noUi-connect,
|
|
.noUi-primary .noUi-connect {
|
|
background: #428bca;
|
|
}
|
|
|
|
.noUi-info.noUi-connect,
|
|
.noUi-info .noUi-connect {
|
|
background: #89c4f4;
|
|
}
|
|
|
|
.noUi-success.noUi-connect,
|
|
.noUi-success .noUi-connect {
|
|
background: #45b6af;
|
|
}
|
|
|
|
.noUi-warning.noUi-connect,
|
|
.noUi-warning .noUi-connect {
|
|
background: #f8cb00;
|
|
}
|
|
|
|
.noUi-danger.noUi-connect,
|
|
.noUi-danger .noUi-connect {
|
|
background: #f3565d;
|
|
}
|
|
|
|
.noUi-default.noUi-connect,
|
|
.noUi-default .noUi-connect {
|
|
background: #c6c6c6;
|
|
}
|
|
|
|
/***
|
|
Google reCaptcha
|
|
***/
|
|
.form-recaptcha-img {
|
|
margin-bottom: 10px;
|
|
clear: both;
|
|
border: 1px solid #e5e5e5;
|
|
padding: 5px;
|
|
}
|
|
|
|
iframe[src="about:blank"] {
|
|
display: none;
|
|
}
|
|
|
|
/***
|
|
Select2 Plugin
|
|
***/
|
|
.form-control .select2-choice {
|
|
border: 1px solid #e5e5e5;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
filter: none;
|
|
height: 34px;
|
|
padding: 3px 0 0px 12px;
|
|
}
|
|
|
|
.select2-container.select2-drop-above .select2-choice {
|
|
border-bottom-color: #e5e5e5;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
filter: none;
|
|
}
|
|
|
|
.select2-drop {
|
|
border: 1px solid #e5e5e5;
|
|
background-color: #fff;
|
|
background-image: none;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
filter: none;
|
|
border-top: 0;
|
|
}
|
|
|
|
.select2-drop-auto-width {
|
|
border-top: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.select2-drop.select2-drop-above {
|
|
border-top: 1px solid #e5e5e5;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.select2-drop-active {
|
|
border: 1px solid #999999;
|
|
border-top: 0;
|
|
}
|
|
|
|
.select2-container .select2-choice .select2-arrow {
|
|
background-image: none;
|
|
background-color: #fff;
|
|
filter: none;
|
|
border-left: 1px solid #e5e5e5;
|
|
}
|
|
|
|
.select2-container.select2-container-active .select2-arrow,
|
|
.select2-container.select2-dropdown-open .select2-arrow {
|
|
border-left: 0 !important;
|
|
}
|
|
|
|
.select2-container .select2-choice .select2-arrow b {
|
|
background-position: 0 1px;
|
|
}
|
|
|
|
.select2-search input {
|
|
border: 1px solid #e5e5e5;
|
|
background-color: #fff !important;
|
|
filter: none;
|
|
margin: 0;
|
|
outline: 0;
|
|
border: 1px solid #e5e5e5;
|
|
webkit-appearance: none !important;
|
|
color: #333333;
|
|
outline: 0;
|
|
height: auto !important;
|
|
min-height: 26px;
|
|
padding: 6px 6px !important;
|
|
line-height: 20px;
|
|
font-size: 14px;
|
|
font-weight: normal;
|
|
vertical-align: top;
|
|
background-color: #ffffff;
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.form-control.select2-container {
|
|
border: 0;
|
|
height: auto !important;
|
|
padding: 0px;
|
|
}
|
|
|
|
.select2-container-active .select2-choice,
|
|
.select2-container-active .select2-choices {
|
|
border: 1px solid #999999 !important;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.select2-dropdown-open .select2-choice {
|
|
border-bottom: 0 !important;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
filter: none;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.select2-dropdown-open.select2-drop-above .select2-choice,
|
|
.select2-dropdown-open.select2-drop-above .select2-choices {
|
|
border: 1px solid #999999 !important;
|
|
border-top: 0 !important;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
filter: none;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.select2-drop.select2-drop-above.select2-drop-active {
|
|
border: 1px solid #999999 !important;
|
|
border-bottom: 0 !important;
|
|
}
|
|
|
|
.select2-dropdown-open .select2-choice .select2-arrow b {
|
|
background-position: -18px 1px;
|
|
}
|
|
|
|
.select2-results {
|
|
margin: 5px 0;
|
|
}
|
|
|
|
.select2-results .select2-highlighted {
|
|
background: #eee;
|
|
color: #333;
|
|
}
|
|
|
|
.select2-results li em {
|
|
background: #feffde;
|
|
font-style: normal;
|
|
}
|
|
|
|
.select2-results .select2-highlighted em {
|
|
background: transparent;
|
|
}
|
|
|
|
.select2-results .select2-highlighted ul {
|
|
background: #fff;
|
|
color: #000;
|
|
}
|
|
|
|
.select2-results .select2-no-results,
|
|
.select2-results .select2-searching,
|
|
.select2-results .select2-selection-limit {
|
|
padding: 3px 7px 4px;
|
|
background: #f4f4f4;
|
|
display: list-item;
|
|
}
|
|
|
|
.select2-container-multi .select2-choices {
|
|
padding-left: 6px;
|
|
min-height: 34px;
|
|
border: 1px solid #e5e5e5;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
filter: none;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.select2-container-multi.select2-container-active .select2-choices {
|
|
border: 1px solid #999 !important;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
filter: none;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
.select2-container-multi .select2-choices .select2-search-choice {
|
|
padding: 3px 5px 3px 18px;
|
|
margin: 5px 0 3px 5px;
|
|
border: 1px solid #e5e5e5;
|
|
background-image: none;
|
|
background-color: #fff;
|
|
filter: none;
|
|
-webkit-box-shadow: none !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/***
|
|
Color variants
|
|
***/
|
|
.has-warning .select2-container .select2-choice,
|
|
.has-warning .select2-container .select2-choices {
|
|
border-color: #f8cb00;
|
|
}
|
|
|
|
.has-warning .select2-container.select2-dropdown-open .select2-choice,
|
|
.has-warning .select2-container.select2-dropdown-open .select2-choices {
|
|
border-color: #e5e5e5;
|
|
}
|
|
|
|
.has-warning .select2-container.select2-dropdown-open .select2-choice > span {
|
|
color: #999999;
|
|
}
|
|
|
|
.has-error .select2-container .select2-choice,
|
|
.has-error .select2-container .select2-choices {
|
|
border-color: #f3565d;
|
|
}
|
|
|
|
.has-error .select2-container.select2-dropdown-open .select2-choice,
|
|
.has-error .select2-container.select2-dropdown-open .select2-choices {
|
|
border-color: #e5e5e5;
|
|
}
|
|
|
|
.has-error .select2-container.select2-dropdown-open .select2-choice > span {
|
|
color: #999999;
|
|
}
|
|
|
|
.has-success .select2-container .select2-choice,
|
|
.has-success .select2-container .select2-choices {
|
|
border-color: #45b6af;
|
|
}
|
|
|
|
.has-success .select2-container.select2-dropdown-open .select2-choice,
|
|
.has-success .select2-container.select2-dropdown-open .select2-choices {
|
|
border-color: #e5e5e5;
|
|
}
|
|
|
|
.has-success .select2-container.select2-dropdown-open .select2-choice > span {
|
|
color: #999999;
|
|
}
|
|
|
|
/* Fix z-index when select2 opened in modals*/
|
|
.modal-open .select2-drop-mask {
|
|
z-index: 10051;
|
|
}
|
|
|
|
.modal-open .select2-drop {
|
|
z-index: 10052;
|
|
}
|
|
|
|
.modal-open .select2-search {
|
|
z-index: 10053;
|
|
}
|
|
|
|
/***
|
|
jQuery Uniform
|
|
***/
|
|
.checker {
|
|
margin-top: -2px !important;
|
|
margin-right: 2px !important;
|
|
}
|
|
|
|
.checker input,
|
|
.radio input {
|
|
outline: none !important;
|
|
}
|
|
|
|
div.checker.disabled span,
|
|
div.checker.disabled.active span {
|
|
background-position: -152px -260px;
|
|
}
|
|
|
|
div.checker.disabled:hover,
|
|
div.radio.disabled:hover {
|
|
cursor: not-allowed;
|
|
}
|
|
|
|
div.radio,
|
|
div.checker {
|
|
margin-right: 0;
|
|
margin-left: 3px;
|
|
}
|