X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=css-bootstrap%2Froojs-bootstrap-debug.css;h=eaf31f855a3117de4ce46b2ada00d19451b4f8ee;hp=14c753e5bdfd901df1044a0714978b8f3fefe342;hb=5aa66277597eebf9091d0a12a91917bad8644d6c;hpb=8430d6a060aeeb59f6bfd733e3abbae2927f4b25 diff --git a/css-bootstrap/roojs-bootstrap-debug.css b/css-bootstrap/roojs-bootstrap-debug.css index 14c753e5bd..eaf31f855a 100644 --- a/css-bootstrap/roojs-bootstrap-debug.css +++ b/css-bootstrap/roojs-bootstrap-debug.css @@ -1,15 +1,18 @@ +/* +* 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; @@ -40,10 +43,12 @@ 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; @@ -53,7 +58,7 @@ html .fc, .fc table { user-select: none; } /* Header - ------------------------------------------------------------------------*/ +------------------------------------------------------------------------*/ .fc-header td { white-space: nowrap; } @@ -92,24 +97,26 @@ html .fc, .fc table { .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; @@ -120,30 +127,30 @@ html .fc, .fc table { overflow: hidden; } /* Cell Styles - ------------------------------------------------------------------------*/ -.fc-widget-header, .fc-widget-content { - /* , usually */ +------------------------------------------------------------------------*/ +.fc-widget-header, +.fc-widget-content { /* , usually */ - border: 1px solid #6c757d; + border: 1px solid #777777; } .fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ - 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; @@ -165,17 +172,18 @@ html .fc, .fc table { 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; } @@ -193,27 +201,30 @@ html .fc, .fc table { *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; @@ -221,11 +232,12 @@ html .fc, .fc table { -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; @@ -235,25 +247,27 @@ html .fc, .fc table { 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 { @@ -264,7 +278,8 @@ a.fc-event, .fc-event-draggable { height: 100%; overflow: hidden; } -.fc-event-time, .fc-event-title { +.fc-event-time, +.fc-event-title { padding: 0 1px; overflow: hidden; white-space: nowrap; @@ -281,17 +296,19 @@ a.fc-event, .fc-event-draggable { /* */ } /* 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; @@ -317,24 +334,28 @@ a.fc-event, .fc-event-draggable { /* 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; } @@ -354,8 +375,8 @@ table.fc-border-separate { 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; @@ -374,7 +395,7 @@ table.fc-border-separate { float: right; } /* Agenda Week View, Agenda Day View - ------------------------------------------------------------------------*/ +------------------------------------------------------------------------*/ .fc-agenda table { border-collapse: separate; } @@ -417,7 +438,7 @@ table.fc-border-separate { overflow: hidden; } .fc-widget-header .fc-agenda-divider-inner { - background: #ced4da; + background: #eeeeee; } /* slot rows */ .fc-agenda-slots th { @@ -430,10 +451,12 @@ table.fc-border-separate { .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 { @@ -441,7 +464,7 @@ table.fc-border-separate { /* doesn't work with background in IE6/7 */ } /* Vertical Events - ------------------------------------------------------------------------*/ +------------------------------------------------------------------------*/ .fc-event-vert { border-width: 0 1px; } @@ -471,12 +494,12 @@ table.fc-border-separate { 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 */ } @@ -542,20 +565,21 @@ table.fc-border-separate { -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; @@ -566,14 +590,15 @@ table.fc-border-separate { 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 { @@ -584,7 +609,7 @@ table.fc-border-separate { * From https://github.com/flatlogic/awesome-bootstrap-checkbox * */ -.checkbox label { +.checkbox label.box-label { display: inline-block; position: relative; padding-left: 5px; @@ -606,7 +631,7 @@ table.fc-border-separate { padding-left: 3px; padding-top: 1px; font-size: 11px; - color: #495057; + color: #555555; } .checkbox input[type="checkbox"] { display: none; @@ -614,9 +639,10 @@ table.fc-border-separate { .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 { @@ -629,47 +655,27 @@ table.fc-border-separate { .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.. */ @@ -686,9 +692,9 @@ table.fc-border-separate { 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; @@ -703,7 +709,7 @@ table.fc-border-separate { 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); @@ -721,7 +727,7 @@ table.fc-border-separate { -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; @@ -730,51 +736,56 @@ table.fc-border-separate { 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; } /* @@ -787,24 +798,27 @@ table.fc-border-separate { *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; @@ -815,28 +829,29 @@ table.fc-border-separate { 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; @@ -861,12 +876,14 @@ table.fc-border-separate { 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 { @@ -884,7 +901,8 @@ table.fc-border-separate { 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); } @@ -892,7 +910,8 @@ table.fc-border-separate { 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); } @@ -901,25 +920,25 @@ table.fc-border-separate { 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; @@ -927,18 +946,18 @@ table.fc-border-separate { .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; @@ -951,16 +970,17 @@ table.fc-border-separate { -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; @@ -983,10 +1003,14 @@ table.fc-border-separate { .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 { @@ -1005,26 +1029,29 @@ table.fc-border-separate { 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%; @@ -1047,8 +1074,8 @@ table.fc-border-separate { direction: ltr; font-size: 13px; /*.dow { - border-top: 1px solid $gray-light !important; - }*/ + border-top: 1px solid @gray-light !important; + }*/ } .datepicker-inline { width: 220px; @@ -1064,33 +1091,33 @@ table.fc-border-separate { 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; @@ -1100,7 +1127,7 @@ table.fc-border-separate { 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; @@ -1110,9 +1137,9 @@ table.fc-border-separate { 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; @@ -1122,7 +1149,7 @@ table.fc-border-separate { 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; @@ -1133,8 +1160,8 @@ table.fc-border-separate { 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; @@ -1144,7 +1171,7 @@ table.fc-border-separate { 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; @@ -1154,8 +1181,8 @@ table.fc-border-separate { 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; @@ -1165,7 +1192,7 @@ table.fc-border-separate { 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; @@ -1175,8 +1202,8 @@ table.fc-border-separate { 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; @@ -1186,7 +1213,7 @@ table.fc-border-separate { 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; @@ -1196,8 +1223,8 @@ table.fc-border-separate { 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; @@ -1207,7 +1234,7 @@ table.fc-border-separate { 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; @@ -1227,7 +1254,8 @@ table.fc-border-separate { .datepicker table { margin: 0; } -.datepicker td, .datepicker th { +.datepicker td, +.datepicker th { text-align: center; width: 20px; height: 20px; @@ -1236,62 +1264,123 @@ table.fc-border-separate { 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; @@ -1306,46 +1395,78 @@ table.fc-border-separate { 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; @@ -1357,7 +1478,8 @@ table.fc-border-separate { 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; @@ -1373,7 +1495,8 @@ table.fc-border-separate { 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; @@ -1382,7 +1505,9 @@ table.fc-border-separate { 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%; @@ -1395,22 +1520,24 @@ table.fc-border-separate { .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 { @@ -1431,7 +1558,7 @@ table.fc-border-separate { 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%); @@ -1454,7 +1581,7 @@ table.fc-border-separate { border-radius: 50%; line-height: 25px; text-align: center; - background-color: #fff; + background-color: #ffffff; /*border: inherit;*/ font-size: 1.8em; z-index: 1; @@ -1464,39 +1591,45 @@ table.fc-border-separate { 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; @@ -1504,20 +1637,24 @@ table.fc-border-separate { .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; @@ -1525,12 +1662,14 @@ table.fc-border-separate { .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; } } @@ -1538,18 +1677,18 @@ table.fc-border-separate { 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; @@ -1563,8 +1702,8 @@ table.fc-border-separate { 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; @@ -1589,7 +1728,8 @@ table.fc-border-separate { 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%); @@ -1599,7 +1739,8 @@ table.fc-border-separate { .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; } @@ -1607,7 +1748,7 @@ table.fc-border-separate { padding: 0px; } .roo-document-viewer-body { - background-color: #fff; + background-color: #ffffff; width: 100%; height: 450px; max-height: 450px; @@ -1623,8 +1764,8 @@ table.fc-border-separate { 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; @@ -1633,9 +1774,9 @@ table.fc-border-separate { 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; @@ -1643,17 +1784,18 @@ table.fc-border-separate { .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; @@ -1690,13 +1832,13 @@ table.fc-border-separate { 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; @@ -1734,7 +1876,7 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback { } .roo-required-indicator { font-size: 8px; - color: #dc3545; + color: #d9534f; vertical-align: top; } .roo-required-indicator.left-indicator { @@ -1743,9 +1885,18 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback { .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 { @@ -1761,34 +1912,38 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback { } .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; @@ -1796,13 +1951,15 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback { 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; @@ -1826,70 +1983,71 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback { 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; @@ -1900,42 +2058,43 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback { 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; @@ -1947,30 +2106,34 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback { 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; @@ -1978,14 +2141,16 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback { .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 { @@ -1994,9 +2159,9 @@ a.list-group-item, button.list-group-item { 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; @@ -2004,10 +2169,10 @@ a.list-group-item, button.list-group-item { .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; @@ -2025,7 +2190,7 @@ a.list-group-item, button.list-group-item { font-weight: 500; z-index: 20001; padding: 0px 15px; - color: #495057; + color: #555555; display: table-cell; vertical-align: middle; float: left; @@ -2033,7 +2198,9 @@ a.list-group-item, button.list-group-item { .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 { @@ -2043,19 +2210,21 @@ a.list-group-item, button.list-group-item { 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 { @@ -2067,20 +2236,26 @@ a.list-group-item, button.list-group-item { 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 { @@ -2091,7 +2266,8 @@ a.list-group-item, button.list-group-item { 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 { @@ -2105,17 +2281,19 @@ a.list-group-item, button.list-group-item { 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 { @@ -2124,25 +2302,36 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { 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 { @@ -2150,11 +2339,11 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { 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 { @@ -2162,11 +2351,11 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { 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 { @@ -2174,11 +2363,11 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { 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 { @@ -2186,23 +2375,24 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { 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 { @@ -2225,19 +2415,25 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { } .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; +} +.enable-modal-body-overflow .modal-body { + overflow: auto; } -.roo-navigation-bar-group, .roo-navigation-top-bar, .roo-navigation-bullets-bar, .roo-navigation-bottom-bar { +.roo-navigation-bar-group, +.roo-navigation-top-bar, +.roo-navigation-bullets-bar, +.roo-navigation-bottom-bar { width: 100%; float: left; } @@ -2263,7 +2459,7 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { } .roo-navigation-bar .roo-navigation-bar-item { list-style-type: none; - color: #000; + color: #000000; text-transform: uppercase; font-size: 14px; float: left; @@ -2274,8 +2470,8 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { width: 25px; line-height: 25px; display: block; - color: #fff; - background: #007bff; + color: #ffffff; + background: #337ab7; border-radius: 5px; font-weight: bold; cursor: pointer; @@ -2287,7 +2483,7 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { content: ''; width: 100%; height: 5px; - background: #007bff; + background: #337ab7; position: absolute; top: 10px; z-index: -1; @@ -2296,12 +2492,12 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { 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 { @@ -2317,24 +2513,27 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { } } @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; @@ -2346,23 +2545,27 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { -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; @@ -2388,14 +2591,16 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { 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.. */ @@ -2435,8 +2640,19 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { 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 { @@ -2445,7 +2661,8 @@ table td .navbar { .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; @@ -2455,7 +2672,7 @@ table td .navbar { -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; @@ -2464,58 +2681,61 @@ table td .navbar { 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; @@ -2536,7 +2756,7 @@ table td .navbar { .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; @@ -2545,12 +2765,12 @@ table td .navbar { 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; } @@ -2561,19 +2781,19 @@ table td .navbar { 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 { @@ -2583,8 +2803,8 @@ table td .navbar { 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; @@ -2594,12 +2814,15 @@ table td .navbar { *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; @@ -2613,10 +2836,10 @@ table td .navbar { 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; @@ -2625,21 +2848,21 @@ table td .navbar { -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; @@ -2663,7 +2886,7 @@ table td .navbar { 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; } @@ -2688,7 +2911,7 @@ table td .navbar { opacity: 0; z-index: 9998; /* styles required for IE to work */ - background-color: #fff; + background-color: #ffffff; filter: alpha(opacity=0); } .roo-select2-drop { @@ -2697,31 +2920,31 @@ table td .navbar { 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 { @@ -2734,21 +2957,21 @@ table td .navbar { 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; @@ -2770,53 +2993,55 @@ table td .navbar { 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; @@ -2844,7 +3069,7 @@ table td .navbar { 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; @@ -2891,36 +3116,38 @@ table td .navbar { 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; } @@ -2928,21 +3155,21 @@ table td .navbar { 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; } @@ -2956,14 +3183,14 @@ table td .navbar { 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; @@ -2972,10 +3199,10 @@ table td .navbar { 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; @@ -2994,7 +3221,7 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li { margin: 1px 0; font-family: sans-serif; font-size: 100%; - color: #495057; + color: #555555; outline: 0; border: 0; -webkit-box-shadow: none; @@ -3002,19 +3229,19 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li { 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; @@ -3030,7 +3257,7 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-s 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; @@ -3041,11 +3268,11 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-s 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; @@ -3062,26 +3289,28 @@ html[dir="rtl"] .roo-select2-search-choice-close { } /* 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; @@ -3107,8 +3336,11 @@ html[dir="rtl"] .roo-select2-search-choice-close { } /* 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; } @@ -3117,13 +3349,13 @@ html[dir="rtl"] .roo-select2-search-choice-close { } } .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 { @@ -3139,67 +3371,87 @@ html[dir="rtl"] .roo-select2-search-choice-close { 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 { @@ -3207,6 +3459,7 @@ html[dir="rtl"] .roo-select2-search-choice-close { } .sidebar .sidebar-menu li.open .treeview-menu { display: block; + width: 120%; } /* --- treeview menu */ .sidebar .sidebar-menu .treeview-menu { @@ -3224,49 +3477,51 @@ html[dir="rtl"] .roo-select2-search-choice-close { 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%; @@ -3281,7 +3536,7 @@ html.bootstrap-sticky body { 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) { @@ -3308,17 +3563,19 @@ html.bootstrap-sticky body { 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; @@ -3331,18 +3588,22 @@ html.bootstrap-sticky body { 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; } @@ -3357,13 +3618,14 @@ html.bootstrap-sticky body { 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) { @@ -3381,20 +3643,23 @@ html.bootstrap-sticky body { 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; @@ -3408,8 +3673,9 @@ html.bootstrap-sticky body { 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; @@ -3417,36 +3683,56 @@ html.bootstrap-sticky body { -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; @@ -3475,7 +3761,7 @@ html.bootstrap-sticky body { font-weight: bold; } .box-label { - margin-left: 5px; + margin-left: 18px; cursor: pointer; } /* needed as menu ontop of form does not work */ @@ -3483,17 +3769,18 @@ html.bootstrap-sticky body { 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; @@ -3507,34 +3794,34 @@ html.bootstrap-sticky body { 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; @@ -3550,13 +3837,14 @@ html.bootstrap-sticky body { 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; @@ -3576,17 +3864,17 @@ html.bootstrap-sticky body { .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; @@ -3594,9 +3882,9 @@ html.bootstrap-sticky body { 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; @@ -3651,7 +3939,7 @@ html.bootstrap-sticky body { 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;