X-Git-Url: http://git.roojs.org/?p=roojs1;a=blobdiff_plain;f=css-bootstrap4%2Froojs-bootstrap-debug.css;h=e7544095e648cf5cb2abc08425b35683ae1c2a9d;hp=44a91fe56b8e7b9ec2931f2250881a268571be13;hb=d732873374fc70af4babb054fe8437fb8c42448a;hpb=02e5fa675139c1fa84dc933ca5984e2c73e139e5 diff --git a/css-bootstrap4/roojs-bootstrap-debug.css b/css-bootstrap4/roojs-bootstrap-debug.css index 44a91fe56b..e7544095e6 100644 --- a/css-bootstrap4/roojs-bootstrap-debug.css +++ b/css-bootstrap4/roojs-bootstrap-debug.css @@ -7,9 +7,10 @@ padding-left: 30px; margin-top: 20px; margin-left: 15px; - position: relative; -} -.alert > .fa, .alert > .glyphicon { + position: relative; } + +.alert > .fa, +.alert > .glyphicon { position: absolute; left: -15px; top: -15px; @@ -21,8 +22,8 @@ line-height: 35px; text-align: center; background: inherit; - border: inherit; -} + border: inherit; } + /*! * FullCalendar v1.6.4 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ @@ -34,168 +35,173 @@ direction: ltr; text-align: left; margin: 0; - font-family: Lucida Sans, Arial, sans-serif; -} + font-family: Lucida Sans,Arial,sans-serif; } + .fc table { border-collapse: collapse; - border-spacing: 0; -} -html .fc, .fc table { - font-size: 1em; -} -.fc td, .fc th { + border-spacing: 0; } + +html .fc, +.fc table { + font-size: 1em; } + +.fc td, +.fc th { padding: 0; vertical-align: top; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; - user-select: none; -} + user-select: none; } + /* Header - ------------------------------------------------------------------------*/ +------------------------------------------------------------------------*/ .fc-header td { - white-space: nowrap; -} + white-space: nowrap; } + .fc-header-left { width: 25%; - text-align: left; -} + text-align: left; } + .fc-header-center { - text-align: center; -} + text-align: center; } + .fc-header-right { width: 25%; - text-align: right; -} + text-align: right; } + .fc-header-title { display: inline-block; - vertical-align: top; -} + vertical-align: top; } + .fc-header-title h2 { margin-top: 0; white-space: nowrap; font-size: 1.5em; - font-family: Lucida Sans, Arial, sans-serif; + font-family: Lucida Sans,Arial,sans-serif; font-weight: bold; line-height: normal; - margin: 0; -} + margin: 0; } + .fc .fc-header-space { - padding-left: 10px; -} + padding-left: 10px; } + .fc-header .fc-button { margin-bottom: 1em; - vertical-align: top; -} + vertical-align: top; } + /* buttons edges butting together */ .fc-header .fc-button { - margin-right: -1px; -} -.fc-header .fc-corner-right, .fc-header .ui-corner-right { - /* non-theme */ + margin-right: -1px; } + +.fc-header .fc-corner-right, +.fc-header .ui-corner-right { /* theme */ margin-right: 0; - /* back to normal */ -} + /* back to normal */ } + /* button layering (for border precedence) */ -.fc-header .fc-state-hover, .fc-header .ui-state-hover { - z-index: 2; -} +.fc-header .fc-state-hover, +.fc-header .ui-state-hover { + z-index: 2; } + .fc-header .fc-state-down { - z-index: 3; -} -.fc-header .fc-state-active, .fc-header .ui-state-active { - z-index: 4; -} + z-index: 3; } + +.fc-header .fc-state-active, +.fc-header .ui-state-active { + z-index: 4; } + /* Content - ------------------------------------------------------------------------*/ +------------------------------------------------------------------------*/ .fc-content { clear: both; zoom: 1; - /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ -} + /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ } + .fc-view { width: 100%; - overflow: hidden; -} + 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 #6c757d; } + .fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ - background: #ffc107; -} + background: #ffc107; } + .fc-cell-overlay { /* semi-transparent rectangle while dragging */ background: #17a2b8; - opacity: 0.3; + opacity: .3; filter: alpha(opacity=30); - /* for IE */ -} + /* 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; white-space: nowrap; - cursor: pointer; -} + cursor: pointer; } + .fc-state-default { /* non-theme */ - border: 1px solid; -} + border: 1px solid; } + .fc-state-default.fc-corner-left { /* non-theme */ border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} + border-bottom-left-radius: 4px; } + .fc-state-default.fc-corner-right { /* non-theme */ border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} + 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 { + /* for IE7 */ } + +.fc-button-prev .fc-text-arrow, +.fc-button-next .fc-text-arrow { /* for ‹ › */ - font-weight: bold; -} + font-weight: bold; } + /* icon (for jquery ui) */ .fc-button .fc-icon-wrap { position: relative; float: left; - top: 50%; -} + top: 50%; } + .fc-button .ui-icon { position: relative; float: left; margin-top: -50%; *margin-top: 0; - *top: -50%; -} + *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); @@ -206,12 +212,15 @@ html .fc, .fc table { background-repeat: repeat-x; border-color: #6c757d #6c757d #6c757d; border-color: #e9ecef #e9ecef #adb5bd; + color: #343a40; } + +.fc-state-hover, +.fc-state-down, +.fc-state-active, +.fc-state-disabled { color: #343a40; -} -.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { - color: #343a40; - background-color: #6c757d; -} + background-color: #6c757d; } + .fc-state-hover { color: #343a40; text-decoration: none; @@ -219,56 +228,60 @@ html .fc, .fc table { -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; - transition: background-position 0.1s linear; -} -.fc-state-down, .fc-state-active { + transition: background-position 0.1s linear; } + +.fc-state-down, +.fc-state-active { background-color: #6c757d; background-image: none; outline: 0; - box-shadow: inset 0 2px 4px #e9ecef, 0 1px 2px #e9ecef; -} + box-shadow: inset 0 2px 4px #e9ecef, 0 1px 2px #e9ecef; } + .fc-state-disabled { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); - box-shadow: none; -} + box-shadow: none; } + /* Global Event Styles - ------------------------------------------------------------------------*/ +------------------------------------------------------------------------*/ .fc-event-container > * { - z-index: 8; -} -.fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing { - z-index: 9; -} + z-index: 8; } + +.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; /* default TEXT color */ - font-size: 0.85em; - cursor: default; -} + font-size: .85em; + cursor: default; } + a.fc-event { - text-decoration: none; -} -a.fc-event, .fc-event-draggable { - cursor: pointer; -} + text-decoration: none; } + +a.fc-event, +.fc-event-draggable { + cursor: pointer; } + .fc-rtl .fc-event { - text-align: right; -} + text-align: right; } + .fc-event-inner { width: 100%; height: 100%; - overflow: hidden; -} -.fc-event-time, .fc-event-title { + overflow: hidden; } + +.fc-event-time, +.fc-event-title { padding: 0 1px; overflow: hidden; - white-space: nowrap; -} + white-space: nowrap; } + .fc .ui-resizable-handle { display: block; position: absolute; @@ -278,191 +291,199 @@ a.fc-event, .fc-event-draggable { font-size: 300%; /* */ line-height: 50%; - /* */ -} + /* */ } + /* Horizontal Events - ------------------------------------------------------------------------*/ +------------------------------------------------------------------------*/ .fc-event-hori { border-width: 1px 0; - margin-bottom: 1px; -} -.fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end { + margin-bottom: 1px; } + +.fc-ltr .fc-event-hori.fc-event-start, +.fc-rtl .fc-event-hori.fc-event-end { border-left-width: 1px; border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} -.fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { + border-bottom-left-radius: 3px; } + +.fc-ltr .fc-event-hori.fc-event-end, +.fc-rtl .fc-event-hori.fc-event-start { border-right-width: 1px; border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} + border-bottom-right-radius: 3px; } + /* resizable */ .fc-event-hori .ui-resizable-e { - top: 0 !important; + top: 0 !important; /* importants override pre jquery ui 1.7 styles */ - right: -3px !important; - width: 7px !important; - height: 100% !important; - cursor: e-resize; -} + right: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: e-resize; } + .fc-event-hori .ui-resizable-w { - top: 0 !important; - left: -3px !important; - width: 7px !important; - height: 100% !important; - cursor: w-resize; -} + top: 0 !important; + left: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: w-resize; } + .fc-event-hori .ui-resizable-handle { _padding-bottom: 14px; - /* IE6 had 0 height */ -} + /* IE6 had 0 height */ } + /* Reusable Separate-border Table - ------------------------------------------------------------*/ +------------------------------------------------------------*/ table.fc-border-separate { - border-collapse: separate; -} -.fc-border-separate th, .fc-border-separate td { - border-width: 1px 0 0 1px; -} -.fc-border-separate th.fc-last, .fc-border-separate td.fc-last { - border-right-width: 1px; -} -.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { - border-bottom-width: 1px; -} -.fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th { - border-top-width: 0; -} + border-collapse: separate; } + +.fc-border-separate th, +.fc-border-separate td { + border-width: 1px 0 0 1px; } + +.fc-border-separate th.fc-last, +.fc-border-separate td.fc-last { + border-right-width: 1px; } + +.fc-border-separate tr.fc-last th, +.fc-border-separate tr.fc-last td { + border-bottom-width: 1px; } + +.fc-border-separate tbody tr.fc-first td, +.fc-border-separate tbody tr.fc-first th { + border-top-width: 0; } + /* Month View, Basic Week View, Basic Day View - ------------------------------------------------------------------------*/ +------------------------------------------------------------------------*/ .fc-grid th { - text-align: center; -} + text-align: center; } + .fc .fc-week-number { width: 22px; - text-align: center; -} + text-align: center; } + .fc .fc-week-number div { - padding: 0 2px; -} + padding: 0 2px; } + .fc-grid .fc-day-number { float: right; - padding: 0 2px; -} + padding: 0 2px; } + .fc-grid .fc-other-month .fc-day-number { opacity: 0.3; filter: alpha(opacity=30); /* for IE */ /* opacity with small font can sometimes look too faded - might want to set the 'color' property instead - making day-numbers bold also fixes the problem */ -} + might want to set the 'color' property instead + making day-numbers bold also fixes the problem */ } + .fc-grid .fc-day-content { clear: both; padding: 2px 2px 1px; - /* distance between events and day edges */ -} + /* distance between events and day edges */ } + /* event styles */ .fc-grid .fc-event-time { - font-weight: bold; -} + font-weight: bold; } + /* right-to-left */ .fc-rtl .fc-grid .fc-day-number { - float: left; -} + float: left; } + .fc-rtl .fc-grid .fc-event-time { - float: right; -} + float: right; } + /* Agenda Week View, Agenda Day View - ------------------------------------------------------------------------*/ +------------------------------------------------------------------------*/ .fc-agenda table { - border-collapse: separate; -} + border-collapse: separate; } + .fc-agenda-days th { - text-align: center; -} + text-align: center; } + .fc-agenda .fc-agenda-axis { width: 50px; padding: 0 4px; vertical-align: middle; text-align: right; white-space: nowrap; - font-weight: normal; -} + font-weight: normal; } + .fc-agenda .fc-week-number { - font-weight: bold; -} + font-weight: bold; } + .fc-agenda .fc-day-content { - padding: 2px 2px 1px; -} + padding: 2px 2px 1px; } + /* make axis border take precedence */ .fc-agenda-days .fc-agenda-axis { - border-right-width: 1px; -} + border-right-width: 1px; } + .fc-agenda-days .fc-col0 { - border-left-width: 0; -} + border-left-width: 0; } + /* all-day area */ .fc-agenda-allday th { - border-width: 0 1px; -} + border-width: 0 1px; } + .fc-agenda-allday .fc-day-content { min-height: 34px; /* TODO: doesnt work well in quirksmode */ - _height: 34px; -} + _height: 34px; } + /* divider (between all-day and slots) */ .fc-agenda-divider-inner { height: 2px; - overflow: hidden; -} + overflow: hidden; } + .fc-widget-header .fc-agenda-divider-inner { - background: #ced4da; -} + background: #ced4da; } + /* slot rows */ .fc-agenda-slots th { - border-width: 1px 1px 0; -} + border-width: 1px 1px 0; } + .fc-agenda-slots td { border-width: 1px 0 0; - background: none; -} + background: none; } + .fc-agenda-slots td div { - height: 20px; -} -.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { - border-top-width: 0; -} -.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { - border-top-style: dotted; -} + height: 20px; } + +.fc-agenda-slots tr.fc-slot0 th, +.fc-agenda-slots tr.fc-slot0 td { + border-top-width: 0; } + +.fc-agenda-slots tr.fc-minor th, +.fc-agenda-slots tr.fc-minor td { + border-top-style: dotted; } + .fc-agenda-slots tr.fc-minor th.ui-widget-header { *border-top-style: solid; - /* doesn't work with background in IE6/7 */ -} + /* doesn't work with background in IE6/7 */ } + /* Vertical Events - ------------------------------------------------------------------------*/ +------------------------------------------------------------------------*/ .fc-event-vert { - border-width: 0 1px; -} + border-width: 0 1px; } + .fc-event-vert.fc-event-start { border-top-width: 1px; border-top-left-radius: 3px; - border-top-right-radius: 3px; -} + border-top-right-radius: 3px; } + .fc-event-vert.fc-event-end { border-bottom-width: 1px; border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; -} + border-bottom-right-radius: 3px; } + .fc-event-vert .fc-event-time { white-space: nowrap; - font-size: 10px; -} + font-size: 10px; } + .fc-event-vert .fc-event-inner { position: relative; - z-index: 2; -} + z-index: 2; } + .fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ position: absolute; @@ -472,34 +493,34 @@ table.fc-border-separate { width: 100%; height: 100%; background: #fff; - opacity: 0.25; - filter: alpha(opacity=25); -} -.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg { - /* TODO: something nicer like .fc-opacity */ + opacity: .25; + filter: alpha(opacity=25); } + +.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 */ -} + /* for IE6/7/8. nested opacity filters while dragging don't work */ } + /* resizable */ .fc-event-vert .ui-resizable-s { - bottom: 0 !important; + bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ - width: 100% !important; - height: 8px !important; + width: 100% !important; + height: 8px !important; overflow: hidden !important; line-height: 8px !important; - font-size: 11px !important; + font-size: 11px !important; font-family: monospace; text-align: center; - cursor: s-resize; -} + cursor: s-resize; } + .fc-agenda .ui-resizable-resizing { /* TODO: better selector */ - _overflow: hidden; -} + _overflow: hidden; } + .clear { - clear: both; -} + clear: both; } + .carousel-bullets { height: 17px; bottom: 20px; @@ -515,8 +536,8 @@ table.fc-border-separate { -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; - -webkit-transform: translateZ(5px); -} + -webkit-transform: translateZ(5px); } + .carousel-bullets > .bullet { cursor: pointer; position: relative !important; @@ -540,45 +561,55 @@ table.fc-border-separate { float: none !important; box-sizing: content-box; -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; -} -.carousel-bullets > .bullet:hover, .carousel-bullets > .bullet.selected { + -webkit-box-sizing: content-box; } + +.carousel-bullets > .bullet:hover, +.carousel-bullets > .bullet.selected { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; - background: rgba(255, 255, 255, 1) !important; + background: white !important; width: 6px !important; height: 6px !important; - border: 5px solid rgba(0, 0, 0, 1) !important; -} + border: 5px solid black !important; } + .carousel-inner > .carousel-arrow > .carousel-prev { position: absolute; display: block; top: 50%; - color: #fff; + color: #343a40; z-index: 100; cursor: pointer; padding: 10px; margin-top: -22px; - left: 0; -} + left: 0; } + .carousel-inner > .carousel-arrow > .carousel-next { position: absolute; display: block; top: 50%; - color: #fff; + color: #343a40; z-index: 100; cursor: pointer; padding: 10px; margin-top: -22px; - right: 0; -} -.carousel-inner > .carousel-arrow > .carousel-prev > i, .carousel-inner > .carousel-arrow > .carousel-next > i { - font-size: 24px; -} + right: 0; } + +.carousel-inner > .carousel-arrow > .carousel-prev > i, +.carousel-inner > .carousel-arrow > .carousel-next > i { + font-size: 24px; } + .carousel-inner .tab-pane.clickable { - cursor: pointer; -} + cursor: pointer; } + +.tab-content > .carousel-inner { + padding: 16px 35px; + background: #f8f9fa; } + .tab-content > .carousel-inner > .tab-pane { + display: none; } + .tab-content > .carousel-inner > .active { + display: block; } + /* * * From https://github.com/flatlogic/awesome-bootstrap-checkbox @@ -593,8 +624,8 @@ table.fc-border-separate { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; - user-select: none; -} + user-select: none; } + .checkbox label::after { display: inline-block; position: absolute; @@ -606,78 +637,59 @@ table.fc-border-separate { padding-left: 3px; padding-top: 1px; font-size: 11px; - color: #495057; -} + color: #495057; } + .checkbox input[type="checkbox"] { - display: none; -} + display: none; } + .checkbox input[type="checkbox"]:checked + label::after { font-size: 18px; padding-top: 0px; - font-family: 'Font Awesome 5 Free 400'; + font-family: 'Font Awesome 5 Free'; font-weight: 900; color: #28a745; - content: "\f14a"; -} + content: "\f14a"; } + .checkbox input[type="checkbox"]:not(:checked) + label::after { font-size: 18px; padding-top: 0px; font-family: 'Font Awesome 5 Free 400'; font-weight: 900; - content: "\f0c8"; -} + content: "\f0c8"; } + .checkbox input[type="checkbox"]:disabled + label { - opacity: 0.65; -} -.checkbox input[type="checkbox"]:disabled + label::before { - background-color: #ced4da; - cursor: not-allowed; -} + opacity: 0.65; } + +.checkbox input[type="checkbox"]:disabled + label::after { + color: #ced4da !important; + /* overrides primary etc.. */ + 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; -} + border-radius: 50%; } + .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: #007bff; } + .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: #dc3545; } + .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: #17a2b8; } + .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: #ffc107; } + .checkbox-success input[type="checkbox"]:checked + label::after { - color: #fff; -} + color: #28a745; } + /* before is the outer cicle */ /* after is the inner circle.. */ .radio label { display: inline-block; position: relative; - padding-left: 5px; -} + padding-left: 5px; } + .radio label::before { content: ""; display: inline-block; @@ -691,8 +703,8 @@ table.fc-border-separate { background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; - transition: border 0.15s ease-in-out; -} + transition: border 0.15s ease-in-out; } + .radio label::after { display: inline-block; position: absolute; @@ -711,72 +723,73 @@ table.fc-border-separate { -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); - transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -} + transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); } + .radio input[type="radio"] { - display: none; -} + display: none; } + .radio input[type="radio"]:checked + label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); - background-color: #495057; -} + background-color: #495057; } + .radio input[type="radio"]:disabled + label { - opacity: 0.65; -} + opacity: 0.65; } + .radio input[type="radio"]:disabled + label::before { - cursor: not-allowed; -} + cursor: not-allowed; } + .radio-primary input[type="radio"] + label::after { - background-color: #fff; -} + background-color: #fff; } + .radio-primary input[type="radio"]:checked + label::before { - border-color: #007bff; -} + border-color: #007bff; } + .radio-primary input[type="radio"]:checked + label::after { - background-color: #007bff; -} + background-color: #007bff; } + .radio-danger input[type="radio"] + label::after { - background-color: #dc3545; -} + background-color: #dc3545; } + .radio-danger input[type="radio"]:checked + label::before { - border-color: #dc3545; -} + border-color: #dc3545; } + .radio-danger input[type="radio"]:checked + label::after { - background-color: #dc3545; -} + background-color: #dc3545; } + .radio-info input[type="radio"] + label::after { - background-color: #fff; -} + background-color: #fff; } + .radio-info input[type="radio"]:checked + label::before { - border-color: #17a2b8; -} + border-color: #17a2b8; } + .radio-info input[type="radio"]:checked + label::after { - background-color: #17a2b8; -} + background-color: #17a2b8; } + .radio-warning input[type="radio"] + label::after { - background-color: #fff; -} + background-color: #fff; } + .radio-warning input[type="radio"]:checked + label::before { - border-color: #ffc107; -} + border-color: #ffc107; } + .radio-warning input[type="radio"]:checked + label::after { - background-color: #ffc107; -} + background-color: #ffc107; } + .radio-success input[type="radio"] + label::after { - background-color: #fff; -} + background-color: #fff; } + .radio-success input[type="radio"]:checked + label::before { - border-color: #28a745; -} + border-color: #28a745; } + .radio-success input[type="radio"]:checked + label::after { - background-color: #28a745; -} -.checkbox.checkbox-inline, .radio.radio-inline { - margin-top: 0; -} + background-color: #28a745; } + +.checkbox.checkbox-inline, +.radio.radio-inline { + margin-top: 0; } + /* * * From https://github.com/danielfarrell/bootstrap-combobox @@ -785,27 +798,30 @@ table.fc-border-separate { .combobox-container { margin-bottom: 5px; *zoom: 1; - display: inline-table; -} -.combobox-container:before, .combobox-container:after { + display: inline-table; } + +.combobox-container:before, +.combobox-container:after { display: table; - content: ""; -} + content: ""; } + .combobox-container:after { - /* clear: both; */ -} -.combobox-container input, .combobox-container .uneditable-input { + /* clear: both; */ } + +.combobox-container input, +.combobox-container .uneditable-input { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; -} -.combobox-container input:focus, .combobox-container .uneditable-input:focus { + border-radius: 0 3px 3px 0; } + +.combobox-container input:focus, +.combobox-container .uneditable-input:focus { position: relative; - z-index: 2; -} + z-index: 2; } + .combobox-container .uneditable-input { - border-left-color: #6c757d; -} + border-left-color: #6c757d; } + .combobox-container .add-on { float: left; display: inline-block; @@ -822,35 +838,36 @@ table.fc-border-separate { border: 1px solid #6c757d; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; - border-radius: 3px 0 0 3px; -} + border-radius: 3px 0 0 3px; } + .combobox-container .active { background-color: #007bff; - color: #fff; -} -.combobox-container input, .combobox-container .uneditable-input { + color: #fff; } + +.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; -} + border-radius: 3px 0 0 3px; } + .combobox-container .uneditable-input { border-left-color: #ced4da; - border-right-color: #6c757d; -} + border-right-color: #6c757d; } + .combobox-container .add-on { margin-right: 0; margin-left: -1px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; - border-radius: 0 3px 3px 0; -} + border-radius: 0 3px 3px 0; } + .combobox-container input:first-child { - *margin-left: -160px; -} + *margin-left: -160px; } + .combobox-container input:first-child + .add-on { - *margin-left: -21px; -} + *margin-left: -21px; } + .combobox-container select { display: inline-block; width: 0; @@ -859,22 +876,24 @@ table.fc-border-separate { padding: 0; margin: 0; text-indent: -99999px; - *text-indent: 0; -} -.form-search .combobox-container, .form-inline .combobox-container { + *text-indent: 0; } + +.form-search .combobox-container, +.form-inline .combobox-container { display: inline-block; margin-bottom: 0; - vertical-align: top; -} -.form-search .combobox-container .add-on, .form-inline .combobox-container .add-on { - vertical-align: middle; -} + vertical-align: top; } + +.form-search .combobox-container .add-on, +.form-inline .combobox-container .add-on { + vertical-align: middle; } + .combobox-selected .combobox-clear { - display: inline-block; -} + display: inline-block; } + .combobox-selected .caret { - display: none; -} + display: none; } + .combobox-clear { display: none; width: 14px; @@ -882,64 +901,66 @@ table.fc-border-separate { line-height: 14px; vertical-align: top; opacity: 0.3; - filter: alpha(opacity=30); -} -.dropdown:hover .combobox-clear, .open.dropdown .combobox-clear { + filter: alpha(opacity=30); } + +.dropdown:hover .combobox-clear, +.open.dropdown .combobox-clear { opacity: 1; - filter: alpha(opacity=100); -} + filter: alpha(opacity=100); } + .btn .combobox-clear { margin-top: 1px; - margin-left: 1px; -} -.btn:hover .combobox-clear, .open.btn-group .combobox-clear { + margin-left: 1px; } + +.btn:hover .combobox-clear, +.open.btn-group .combobox-clear { opacity: 1; - filter: alpha(opacity=100); -} + filter: alpha(opacity=100); } + .typeahead-long { max-height: 300px; - overflow-y: auto; -} + overflow-y: auto; } + .control-group.error .combobox-container .add-on { color: #dc3545; - border-color: #dc3545; -} + border-color: #dc3545; } + .control-group.error .combobox-container .caret { - border-top-color: #dc3545; -} + border-top-color: #dc3545; } + .control-group.warning .combobox-container .add-on { color: #ffc107; - border-color: #ffc107; -} + border-color: #ffc107; } + .control-group.warning .combobox-container .caret { - border-top-color: #ffc107; -} + border-top-color: #ffc107; } + .control-group.success .combobox-container .add-on { color: #28a745; - border-color: #28a745; -} + border-color: #28a745; } + .control-group.success .combobox-container .caret { - border-top-color: #28a745; -} + border-top-color: #28a745; } + .btn .combobox-clear [class^="icon-"] { - line-height: 1.4em; -} + line-height: 1.4em; } + .combobox-container .dropdown-menu { border-radius: 0; padding: 0; border: 1px solid #007bff; - border-top: none; -} + border-top: none; } + .roo-select2-container .dropdown-menu { - border: 1px solid #007bff; -} + border: 1px solid #007bff; } + .dropdown-menu .active { background: #007bff; - color: #fff; -} + color: #fff; } + .dropdown-menu .active label { - color: #fff; -} + color: #fff; } + .dropdown-menu .roo-select2-result { padding: 3px 7px 4px; margin: 0; @@ -949,86 +970,80 @@ table.fc-border-separate { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; - user-select: none; -} -.roo-select2-container, .roo-select2-choices .roo-select2-search-field { - width: 100%; -} + user-select: none; } + +.roo-select2-container, +.roo-select2-choices .roo-select2-search-field { + width: 100%; } + .roo-select2-container .x-combo-noedit { cursor: pointer; background-color: #fff; -} + display: table-cell; } + .roo-select2-container .x-combo-noedit[disabled] { cursor: not-allowed; - background-color: #ced4da; -} + background-color: #ced4da; } + .roo-combobox-tickable .roo-select2-choices { border: none; - background-image: none; -} + background-image: none; } + .roo-combobox-tickable .roo-select2-result label { - width: 100%; -} + width: 100%; } + /* zindex of dialogs is 10000++ so dropdowns have to be higher... */ .dropdown-menu { - z-index: 20002 !important; -} + z-index: 30002 !important; } + .dropdown-menu .checkbox label { - width: 100%; -} + width: 100%; } + .roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox { margin-top: 0px; - margin-bottom: 0px; -} + margin-bottom: 0px; } + .dropdown-menu .roo-select2-result .checkbox { margin-top: 3px; - margin-bottom: 3px; -} + margin-bottom: 3px; } + .roo-select2-container .input-group-addon { - padding: 6px 12px; + padding: 6px 4px; border: 1px solid #ced4da; border-left: 0px; -} + display: table-cell; } + +/* padding on navbars is different? */ +.navbar .roo-select2-container .input-group-addon { + padding: 6px 10px; } + +.roo-select2-container .dropdown-toggle::after { + margin-left: 0; } + .roo-select2-container .roo-removable { - position: relative; -} + position: relative; } + .roo-select2-container .roo-removable .roo-combo-removable-btn { position: absolute; right: 10px; z-index: 2; - top: 5px; -} + top: 5px; } + .roo-select2-container .has-feedback .roo-combo-removable-btn { position: absolute; right: 35px; z-index: 2; - top: 5px; -} -/* - .roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn { - position: absolute; - right: 40px; - z-index: 2; - top: 5px; - } - .roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn { - position: absolute; - right: 70px; - z-index: 2; - top: 5px; - } - .roo-select2-container.input-group .has-feedback .roo-combo-removable-btn { - position: absolute; - right: 35px; - z-index: 2; - top: 5px; - }*/ + top: 5px; } + .has-warning .roo-select2-container-multi { - border: 1px solid #ffc107; -} + border: 1px solid #ffc107; } + .roo-ios-select { - width: 100%; -} + width: 100%; } + +.roo-select2-container.input-group > .form-control { + width: 100%; } + /*! * Datepicker for Bootstrap * @@ -1047,43 +1062,43 @@ 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; -} + width: 220px; } + .datepicker.datepicker-rtl { - direction: rtl; -} + direction: rtl; } + .datepicker.datepicker-rtl table tr td span { - float: right; -} + float: right; } + .datepicker-dropdown { top: 0; - left: 0; -} + left: 0; } + /*.datepicker-dropdown:before { - content: ''; - display: inline-block; - border-left: 7px solid transparent; - border-right: 7px solid transparent; - border-bottom: 7px solid $gray-light; - border-bottom-color: $black-opacity-20; - position: absolute; - top: -7px; - left: 6px; - } - .datepicker-dropdown:after { - content: ''; - display: inline-block; - border-left: 6px solid transparent; - border-right: 6px solid transparent; - border-bottom: 6px solid $body-bg; - position: absolute; - top: -6px; - left: 7px; - }*/ + 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; @@ -1093,8 +1108,8 @@ table.fc-border-separate { border-bottom-color: #e9ecef; position: absolute; top: -7px; - left: 7px; -} + left: 7px; } + .datepicker-dropdown.bottom:after { content: ''; display: inline-block; @@ -1103,8 +1118,8 @@ table.fc-border-separate { border-bottom: 6px solid #fff; position: absolute; top: -6px; - left: 8px; -} + left: 8px; } + .datepicker-dropdown.top:before { content: ''; display: inline-block; @@ -1115,8 +1130,8 @@ table.fc-border-separate { border-top-color: #e9ecef; position: absolute; bottom: -7px; - left: 6px; -} + left: 6px; } + .datepicker-dropdown.top:after { content: ''; display: inline-block; @@ -1126,8 +1141,8 @@ table.fc-border-separate { border-bottom: 0; position: absolute; bottom: -6px; - left: 7px; -} + left: 7px; } + .datepicker-dropdown.bottom-right:before { content: ''; display: inline-block; @@ -1137,8 +1152,8 @@ table.fc-border-separate { border-bottom-color: #e9ecef; position: absolute; top: -7px; - left: 7px; -} + left: 7px; } + .datepicker-dropdown.bottom-right:after { content: ''; display: inline-block; @@ -1147,8 +1162,8 @@ table.fc-border-separate { border-bottom: 6px solid #fff; position: absolute; top: -6px; - left: 8px; -} + left: 8px; } + .datepicker-dropdown.bottom-left:before { content: ''; display: inline-block; @@ -1158,8 +1173,8 @@ table.fc-border-separate { border-bottom-color: #e9ecef; position: absolute; top: -7px; - left: 260px; -} + left: 260px; } + .datepicker-dropdown.bottom-left:after { content: ''; display: inline-block; @@ -1168,8 +1183,8 @@ table.fc-border-separate { border-bottom: 6px solid #fff; position: absolute; top: -6px; - left: 261px; -} + left: 261px; } + .datepicker-dropdown.top-right:before { content: ''; display: inline-block; @@ -1179,8 +1194,8 @@ table.fc-border-separate { border-top-color: #e9ecef; position: absolute; bottom: -7px; - left: 6px; -} + left: 6px; } + .datepicker-dropdown.top-right:after { content: ''; display: inline-block; @@ -1189,8 +1204,8 @@ table.fc-border-separate { border-top: 6px solid #fff; position: absolute; bottom: -6px; - left: 7px; -} + left: 7px; } + .datepicker-dropdown.top-left:before { content: ''; display: inline-block; @@ -1200,8 +1215,8 @@ table.fc-border-separate { border-top-color: #e9ecef; position: absolute; bottom: -7px; - left: 260px; -} + left: 260px; } + .datepicker-dropdown.top-left:after { content: ''; display: inline-block; @@ -1210,48 +1225,55 @@ table.fc-border-separate { border-top: 6px solid #fff; position: absolute; bottom: -6px; - left: 261px; -} + left: 261px; } + .datepicker > div { - display: none; -} + display: none; } + .datepicker.days div.datepicker-days { - display: block; -} + display: block; } + .datepicker.months div.datepicker-months { - display: block; -} + display: block; } + .datepicker.years div.datepicker-years { - display: block; -} + display: block; } + .datepicker table { - margin: 0; -} -.datepicker td, .datepicker th { + margin: 0; } + +.datepicker td, +.datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; - border: none; -} -.table-striped .datepicker table tr td, .table-striped .datepicker table tr th { - background-color: transparent; -} + border: none; } + +.table-striped .datepicker table tr td, +.table-striped .datepicker table tr th { + background-color: transparent; } + .datepicker table tr td.day:hover { background: #ced4da; - cursor: pointer; -} -.datepicker table tr td.old, .datepicker table tr td.new { - color: #ced4da; -} -.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { + cursor: pointer; } + +.datepicker table tr td.old, +.datepicker table tr td.new { + color: #ced4da; } + +.datepicker table tr td.disabled, +.datepicker table tr td.disabled:hover { background: none; color: #ced4da; - 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 { + 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); @@ -1263,15 +1285,44 @@ table.fc-border-separate { 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(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 { + 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.active:hover, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled.active:hover, +.datepicker table tr td.today.disabled, +.datepicker table tr td.today.disabled:hover, +.datepicker table tr td.today.disabled.disabled, +.datepicker table tr td.today.disabled.disabled:hover, +.datepicker table tr td.today[disabled], +.datepicker table tr td.today[disabled]:hover, +.datepicker table tr td.today.disabled[disabled], +.datepicker table tr td.today.disabled[disabled]:hover { + 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.active:hover, +.datepicker table tr td.today.disabled.active, +.datepicker table tr td.today.disabled.active:hover { + 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); @@ -1285,14 +1336,40 @@ table.fc-border-separate { border-color: #e9ecef #e9ecef #adb5bd; 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; -} + 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.active:hover, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled.active:hover, +.datepicker table tr td.active.disabled, +.datepicker table tr td.active.disabled:hover, +.datepicker table tr td.active.disabled.disabled, +.datepicker table tr td.active.disabled.disabled:hover, +.datepicker table tr td.active[disabled], +.datepicker table tr td.active[disabled]:hover, +.datepicker table tr td.active.disabled[disabled], +.datepicker table tr td.active.disabled[disabled]:hover { + 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.active:hover, +.datepicker table tr td.active.disabled.active, +.datepicker table tr td.active.disabled.active:hover { + background-color: #0062cc; } + .datepicker table tr td span { display: block; width: 23%; @@ -1303,17 +1380,21 @@ table.fc-border-separate { cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; - border-radius: 4px; -} + border-radius: 4px; } + .datepicker table tr td span:hover { - background: #ced4da; -} -.datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { + background: #ced4da; } + +.datepicker table tr td span.disabled, +.datepicker table tr td span.disabled:hover { background: none; color: #6c757d; - 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 { + 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); @@ -1327,42 +1408,71 @@ table.fc-border-separate { border-color: #e9ecef #e9ecef #adb5bd; 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; -} + 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.active:hover, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled.active:hover, +.datepicker table tr td span.active.disabled, +.datepicker table tr td span.active.disabled:hover, +.datepicker table tr td span.active.disabled.disabled, +.datepicker table tr td span.active.disabled.disabled:hover, +.datepicker table tr td span.active[disabled], +.datepicker table tr td span.active[disabled]:hover, +.datepicker table tr td span.active.disabled[disabled], +.datepicker table tr td span.active.disabled[disabled]:hover { + 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.active:hover, +.datepicker table tr td span.active.disabled.active, +.datepicker table tr td span.active.disabled.active:hover { + background-color: #0062cc; } + .datepicker table tr td span.old { - color: #6c757d; -} + color: #6c757d; } + .datepicker th.switch { - width: 145px; -} -.datepicker thead tr:first-child th, .datepicker tfoot tr:first-child th { - cursor: pointer; -} -.datepicker thead tr:first-child th:hover, .datepicker tfoot tr:first-child th:hover { - background: #ced4da; -} + width: 145px; } + +.datepicker thead tr:first-child th, +.datepicker tfoot tr:first-child th { + cursor: pointer; } + +.datepicker thead tr:first-child th:hover, +.datepicker tfoot tr:first-child th:hover { + background: #ced4da; } + .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; - vertical-align: middle; -} + vertical-align: middle; } + .datepicker thead tr:first-child th.cw { cursor: default; - background-color: transparent; -} -.input-append.date .add-on i, .input-prepend.date .add-on i { + background-color: transparent; } + +.input-append.date .add-on i, +.input-prepend.date .add-on i { display: block; cursor: pointer; width: 16px; - height: 16px; -} + height: 16px; } + .datepicker .datepicker-time td span { display: block; width: 47px; @@ -1371,18 +1481,21 @@ table.fc-border-separate { float: left; margin: 2px; cursor: pointer; - border-radius: 4px; -} -.datepicker .datepicker-time td span.timepicker-hour, .datepicker .datepicker-time td span.timepicker-minute { + border-radius: 4px; } + +.datepicker .datepicker-time td span.timepicker-hour, +.datepicker .datepicker-time td span.timepicker-minute { width: 100%; font-weight: bold; - font-size: 1.2em; -} + font-size: 1.2em; } + .roo-document-manager-selector { visibility: hidden; - height: 0px; -} -.roo-document-manager-uploader, .roo-document-manager-loading, .roo-document-manager-preview { + height: 0px; } + +.roo-document-manager-uploader, +.roo-document-manager-loading, +.roo-document-manager-preview { position: relative; float: left; width: 25%; @@ -1390,12 +1503,13 @@ table.fc-border-separate { height: 100px; max-height: 100px; margin-top: 10px; - margin-left: 10px; -} + margin-left: 10px; } + .roo-document-manager-preview.wide { - width: 50%; -} -.roo-document-manager-thumb, .roo-document-manager-upload-btn { + width: 50%; } + +.roo-document-manager-thumb, +.roo-document-manager-upload-btn { width: 100%; height: 100px; line-height: 100px; @@ -1403,46 +1517,47 @@ table.fc-border-separate { 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%); -} -.roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa { + box-shadow: 1px 0px 5px 0px fade(#6c757d, 75%); } + +.roo-document-manager-thumb > i.fa, +.roo-document-manager-upload-btn > i.fa { width: 100%; line-height: 98px; text-align: center; vertical-align: middle; color: #6c757d; - font-size: 2.5em; -} + font-size: 2.5em; } + .roo-document-manager-thumb > i.fa { - font-size: 2.5em; -} + font-size: 2.5em; } + .roo-document-manager-thumb > img { width: 100%; max-height: 100%; text-align: center; vertical-align: middle; - padding-bottom: 5px; -} + padding-bottom: 5px; } + .roo-document-manager-preview > .close { position: absolute; top: 0px; right: 3px; font-size: 20px; - opacity: 1; -} + opacity: 1; } + .roo-document-manager-preview > .close:hover { - color: #343a40; -} + color: #343a40; } + .roo-document-manager-preview.disabled > .roo-document-manager-thumb > img { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); - filter: grayscale(100%); -} + filter: grayscale(100%); } + .roo-document-manager-preview.disabled > .close { - display: none !important; -} + display: none !important; } + .roo-document-manager-preview > .roo-document-manager-thumb > .fa { position: absolute; left: -5px; @@ -1457,104 +1572,105 @@ table.fc-border-separate { background-color: #fff; /*border: inherit;*/ font-size: 1.8em; - z-index: 1; -} + z-index: 1; } + .roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa { top: inherit; - bottom: -5px; -} + bottom: -5px; } + .roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa { - color: #007bff; -} + color: #007bff; } + .roo-document-manager-preview > .roo-document-manager-thumb.border-primary { - border: 3px solid #007bff; -} + border: 3px solid #007bff; } + .roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa { - color: #495057; -} + color: #495057; } + .roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary { - border: none; -} + 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 { + max-height: 200px; } + .roo-document-manager-thumb, + .roo-document-manager-upload-btn { line-height: 200px; height: 200px; - max-height: 200px; - } - .roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa { - line-height: 198px; - } -} + max-height: 200px; } + .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; - } + max-height: 80px; } .roo-document-manager-preview.wide { - width: 16.66666666%; - } - .roo-document-manager-thumb, .roo-document-manager-upload-btn { + width: 16.66666666%; } + .roo-document-manager-thumb, + .roo-document-manager-upload-btn { line-height: 80px; height: 80px; - max-height: 80px; - } - .roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa { - line-height: 78px; - } -} + max-height: 80px; } + .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; - } + max-height: 100px; } .roo-document-manager-preview.wide { - width: 16.66666666%; - } - .roo-document-manager-thumb, .roo-document-manager-upload-btn { + width: 16.66666666%; } + .roo-document-manager-thumb, + .roo-document-manager-upload-btn { line-height: 100px; height: 100px; - max-height: 100px; - } - .roo-document-manager-thumb > i.fa, .roo-document-manager-upload-btn > i.fa { - line-height: 98px; - } -} + max-height: 100px; } + .roo-document-manager-thumb > i.fa, + .roo-document-manager-upload-btn > i.fa { + line-height: 98px; } } + .document-slider-dialog .modal-body { - padding: 0px; -} + padding: 0px; } + .roo-document-slider-header { - background-color: #adb5bd; -} + background-color: #adb5bd; } + .roo-document-slider-header .roo-document-slider-header-title { width: 80%; margin: 0 auto; padding: 10px 0; color: #fff; font-weight: bold; - text-align: center; -} + text-align: center; } + .roo-document-slider-body { background-color: #fff; width: 100%; height: 450px; position: relative; - overflow: hidden; -} + overflow: hidden; } + .roo-document-slider-body .roo-document-slider-thumb { position: absolute; width: 80%; @@ -1563,49 +1679,51 @@ table.fc-border-separate { left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; - border: 1px solid #666; + border: 1px solid #666666; box-shadow: 0 0 0 1000px #adb5bd; text-align: center; vertical-align: middle; overflow: auto; - cursor: move; -} + cursor: move; } + .roo-document-slider-body .roo-document-slider-image { - width: 100%; -} + width: 100%; } + .roo-document-slider-prev { position: absolute; top: 0; left: 0; text-align: center; width: 10%; - height: 100%; -} + height: 100%; } + .roo-document-slider-next { position: absolute; top: 0; right: 0; text-align: center; width: 10%; - height: 100%; -} -.roo-document-slider-prev > i, .roo-document-slider-next > i { + height: 100%; } + +.roo-document-slider-prev > i, +.roo-document-slider-next > i { position: relative; top: 50%; transform: translateY(-50%); cursor: pointer; - font-size: 2em; -} + font-size: 2em; } + .document-viewer-dialog .modal-dialog { - margin: 0px auto; -} -.document-viewer-dialog .modal-header, .document-viewer-dialog .modal-footer { + margin: 0px auto; } + +.document-viewer-dialog .modal-header, +.document-viewer-dialog .modal-footer { padding-top: 5px; - padding-bottom: 5px; -} + padding-bottom: 5px; } + .document-viewer-dialog .modal-body { - padding: 0px; -} + padding: 0px; } + .roo-document-viewer-body { background-color: #fff; width: 100%; @@ -1613,8 +1731,8 @@ table.fc-border-separate { max-height: 450px; position: relative; overflow: hidden; - cursor: move; -} + cursor: move; } + .roo-document-viewer-body .roo-document-viewer-thumb { position: absolute; width: 80%; @@ -1623,27 +1741,28 @@ table.fc-border-separate { left: 50%; transform: translate(-50%, -50%); box-sizing: border-box; - border: 1px solid #666; + border: 1px solid #666666; box-shadow: 0 0 0 1000px #adb5bd; text-align: center; vertical-align: middle; - overflow: auto; -} + overflow: auto; } + .roo-document-viewer-body .roo-document-viewer-image { - width: 100%; -} + width: 100%; } + .roo-document-viewer-btn-group button { background-color: #000; color: #fff; - border-color: #343a40; -} + border-color: #343a40; } + .roo-document-viewer-btn-group > .btn-group:first-child > button { - border-top-left-radius: 0; -} + border-top-left-radius: 0; } + .roo-document-viewer-btn-group > .btn-group:last-child > button { - border-top-right-radius: 0; -} -.dropdown-submenu:hover > a, .dropdown-submenu:focus > a { + border-top-right-radius: 0; } + +.dropdown-submenu:hover > a, +.dropdown-submenu:focus > a { color: #fff; text-decoration: none; background-color: #007bff; @@ -1653,11 +1772,11 @@ table.fc-border-separate { background-image: -o-linear-gradient(top, #007bff, #0074f0); background-image: linear-gradient(to bottom, #007bff, #0074f0); 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; -} + position: relative; } + .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; @@ -1665,11 +1784,11 @@ table.fc-border-separate { margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px 6px; - border-radius: 0 6px 6px 6px; -} + border-radius: 0 6px 6px 6px; } + .dropdown-submenu:hover > .dropdown-menu { - display: block; -} + display: block; } + .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; @@ -1677,11 +1796,11 @@ table.fc-border-separate { margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; -moz-border-radius: 5px 5px 5px 0; - border-radius: 5px 5px 5px 0; -} + border-radius: 5px 5px 5px 0; } + .dropup .dropdown-menu { - -webkit-animation-name: inherit; -} + -webkit-animation-name: inherit; } + .dropdown-submenu > a:after { display: block; float: right; @@ -1693,102 +1812,114 @@ table.fc-border-separate { border-left-color: #6c757d; border-style: solid; border-width: 5px 0 5px 5px; - content: " "; -} + content: " "; } + .dropdown-submenu:hover > a:after { - border-left-color: #fff; -} + border-left-color: #fff; } + .dropdown-submenu.pull-left { - float: none !important; -} + float: none !important; } + .dropdown-submenu.pull-left > .dropdown-menu { left: 0; margin-left: 1px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; - border-radius: 6px 0 6px 6px; -} + border-radius: 6px 0 6px 6px; } + .dropdown-button > i { - margin-right: 5px; -} + margin-right: 5px; } + li.dropdown-toggle i.glyphicon + span { - margin-left: 5px; -} + margin-left: 5px; } + li.dropdown-toggle span + i.glyphicon { - margin-left: 5px; -} + margin-left: 5px; } + li.dropdown-menu-item i.fa + span { - margin-left: 5px; -} + margin-left: 5px; } + li.dropdown-toggle button > i.glyphicon { - margin: 3px 0 0 5px; -} + margin: 3px 0 0 5px; } + .dropdown-menu.nowrap li a span { - white-space: nowrap; -} + white-space: nowrap; } + div.input-group.has-feedback > .form-control-feedback { - right: 30px; -} + right: 30px; } + div.input-group.has-feedback > .roo-input-after + .form-control-feedback { - right: 39px; -} + right: 39px; } + .roo-required-indicator { font-size: 8px; color: #dc3545; - vertical-align: top; -} + vertical-align: top; } + .roo-required-indicator.left-indicator { - margin-right: 3px; -} + margin-right: 3px; } + +.roo-form-group-label-left .roo-required-indicator.left-indicator { + position: absolute; + /* horizontal laid out forms indicator is a bit messy */ } + .roo-required-indicator.right-indicator { - margin-left: 3px; -} + margin-left: 3px; } + .label-pill { - padding-right: 0.6em; - padding-left: 0.6em; - border-radius: 10rem; -} + padding-right: .6em; + padding-left: .6em; + border-radius: 10rem; } + .roo-layout-container { width: 100%; height: 100%; - overflow: hidden; -} + overflow: hidden; } + +.modal-body.roo-layout-container { + padding: 0; + /* modal padding messes up calcs on layout */ } + .roo-layout-inactive-content { position: absolute; left: -10000px; top: -10000px; - visibility: hidden; -} + visibility: hidden; } + .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 */ + /* overflow:hidden; -- menus inside of contains do not work with this */ + /* + background-color:white; + border:1px solid #98c0f4; + */ } + /* - background-color:white; - border:1px solid #98c0f4; - */ + *not sure why these are set - they seem to cause problems displaying the popdownmenus over nav bars. .roo-layout-panel-east, .roo-layout-panel-west { - z-index: 10; + z-index:10; } .roo-layout-panel-north, .roo-layout-panel-south { - z-index: 11; + z-index:11; } /* - .roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west { - z-index:12; - } - */ -.roo-layout-panel-body { - overflow: hidden; +.roo-layout-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,26 +1927,26 @@ 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: #6c757d; } + .roo-layout-split-south, .roo-layout-split-north { - border-bottom: 1px solid #6c757d; -} + border-bottom: 1px solid #6c757d; } + .roo-layout-split-east, .roo-layout-split-west { - border-right: 1px solid #6c757d; -} + border-right: 1px solid #6c757d; } + .roo-layout-panel-hd { - position: relative; -} + position: relative; } + .roo-layout-panel-hd.breadcrumb { - margin-bottom: 0; -} + margin-bottom: 0; } + .roo-layout-panel-hd-text { padding: 4px; padding-left: 4px; display: block; - white-space: nowrap; -} + white-space: nowrap; } + .roo-layout-panel-hd-tools { position: absolute; right: 0; @@ -1823,125 +1954,126 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback { text-align: right; padding-top: 2px; padding-right: 2px; - width: 40px; -} + 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; overflow: auto; - height: 100%; -} + height: 100%; } + .roo-layout-component-panel, .roo-layout-nested-layout { position: relative; padding: 0; overflow: hidden; width: 200px; - height: 200px; -} + height: 200px; } + .roo-layout-nested-layout .roo-layout-panel { - border: 0 none; -} + 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; -} + 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; -webkit-user-select: none; - cursor: default; -} + cursor: default; } + /** --- split bar dragging ---*/ .roo-splitbar-proxy { z-index: 40009; @@ -1949,76 +2081,83 @@ div.input-group.has-feedback > .roo-input-after + .form-control-feedback { position: absolute; background: #6c757d; border: 1px solid #000; - overflow: hidden; -} + overflow: hidden; } + .roo-splitbar-h, .roo-splitbar-proxy-h { - cursor: col-resize; -} + cursor: col-resize; } + .roo-splitbar-v, .roo-splitbar-proxy-v { - cursor: row-resize; -} + 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; -} + display: table; } + .roo-layout-panel-body .navbar { - margin-bottom: 0px; -} -.roo-form-group-label-left::before, .roo-form-group-label-left::after { + margin-bottom: 0px; } + +.roo-form-group-label-left::before, +.roo-form-group-label-left::after { display: table; content: " "; - clear: both; -} + clear: both; } + a.list-group-item, button.list-group-item { width: 100%; color: #495057; - text-align: inherit; -} + text-align: inherit; } + .roo-el-mask { z-index: 20000; position: absolute; top: 0; left: 0; -moz-opacity: 0.5; - opacity: 0.5; + opacity: .50; filter: alpha(opacity=50); background-color: #6c757d; width: 100%; height: 100%; - zoom: 1; -} + zoom: 1; } + .roo-el-mask-msg { position: absolute; z-index: 20000; - background-color: #fff; /*border: 4px double #557; */ + background-color: #fff; padding: 0px; - /*background-image: url('#{$bootstrap-image-path}/ux/lightbox/loading.gif');*/ + /*background-image: url('../images/ux/lightbox/loading.gif');*/ background-repeat: no-repeat; border: 10px solid white; border-radius: 20px; display: table; - min-width: 250px; -} + min-width: 250px; } + +/* this is the 'spinner' */ .roo-el-mask-msg i { font-size: 36px; vertical-align: middle; - float: left; -} + float: left; } + +.roo-el-mask-msg.no-spinner i { + display: none; } + .roo-el-mask-msg div { font-family: 'Source Sans Pro', sans-serif; font-size: 24px; @@ -2028,14 +2167,14 @@ a.list-group-item, button.list-group-item { color: #495057; display: table-cell; vertical-align: middle; - float: left; -} + float: left; } + .x-body-masked { - overflow: hidden !important; -} + overflow: hidden !important; } + .x-body-masked select, .ext-masked object, .ext-masked embed { - visibility: hidden; -} + visibility: hidden; } + .x-dlg-mask { z-index: 10000; display: none; @@ -2043,21 +2182,23 @@ 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: #6c757d; } + .masonary .masonry-bottom-title { - background-color: transparent; -} -.masonry-brick-link, .roo-brick-link { + background-color: transparent; } + +.masonry-brick-link, +.roo-brick-link { cursor: pointer; text-decoration: none; - outline: 0; -} -.masonry-brick-paragraph, .roo-brick-paragraph { - overflow: hidden; -} + outline: 0; } + +.masonry-brick-paragraph, +.roo-brick-paragraph { + overflow: hidden; } + .masonry-brick .masonry-brick-paragraph { padding: 9px; width: 100%; @@ -2065,59 +2206,68 @@ a.list-group-item, button.list-group-item { position: absolute; top: 0; left: 0; - background-color: inherit; -} -.masonry-center-title .masonry-brick-paragraph, .masonry-bottom-title .masonry-brick-paragraph, .roo-brick-center-title .roo-brick-paragraph, .roo-brick-bottom-title .roo-brick-paragraph { - display: table; -} -.masonry-center-title .masonry-brick-paragraph .masonry-brick-title, .roo-brick-center-title .roo-brick-paragraph .roo-brick-title { + background-color: inherit; } + +.masonry-center-title .masonry-brick-paragraph, +.masonry-bottom-title .masonry-brick-paragraph, +.roo-brick-center-title .roo-brick-paragraph, +.roo-brick-bottom-title .roo-brick-paragraph { + display: table; } + +.masonry-center-title .masonry-brick-paragraph .masonry-brick-title, +.roo-brick-center-title .roo-brick-paragraph .roo-brick-title { display: table-cell; vertical-align: middle; - text-align: center; -} -.masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title, .roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title { + text-align: center; } + +.masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title, +.roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title { display: table-cell; vertical-align: bottom; - text-align: right; -} -.masonry-brick-image .masonry-brick-paragraph, .roo-brick-image .roo-brick-paragraph { - opacity: 0; -} + text-align: right; } + +.masonry-brick-image .masonry-brick-paragraph, +.roo-brick-image .roo-brick-paragraph { + opacity: 0; } + .masonry-bottom-title .masonry-brick-paragraph { - opacity: 1; -} + opacity: 1; } + .masonry-brick-image-view { width: 100%; height: 100%; - object-fit: cover; -} -.masonry-brick-paragraph .masonry-brick-title, .roo-brick-paragraph .roo-brick-title { - margin-top: 0; -} + object-fit: cover; } + +.masonry-brick-paragraph .masonry-brick-title, +.roo-brick-paragraph .roo-brick-title { + margin-top: 0; } + .roo-brick .roo-brick-paragraph { padding: 9px; width: 100%; height: 100%; - background-color: inherit; -} + background-color: inherit; } + .roo-brick-image-view { position: absolute; top: 0; - object-fit: cover; -} -a.roo-brick-link:focus, a.roo-brick-link:hover { + object-fit: cover; } + +a.roo-brick-link:focus, +a.roo-brick-link:hover { text-decoration: none; - outline: 0; -} -.masonry-brick-split .masonry-brick-split-head, .masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph { - height: 75%; -} + outline: 0; } + +.masonry-brick-split .masonry-brick-split-head, +.masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph { + height: 75%; } + .masonry-brick-split .masonry-brick-split-body { height: 25%; padding: 4px; color: #000; - font-size: 11px; -} + font-size: 11px; } + .enable-mask:hover .masonry-brick-mask { width: 100%; height: 100%; @@ -2125,152 +2275,174 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { top: 0; left: 0; background-color: #000; - opacity: 0.2; -} + opacity: 0.2; } + @media (min-width: 768px) { .mask-inverse .masonry-brick-paragraph { - background: #adb5bd; - } + background: #adb5bd; } .mask-inverse:hover .masonry-brick-paragraph { - background: none; - } -} + 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 { - float: left; -} + Document : modal + Created on : Apr 23, 2014, 11:24:28 AM + Author : edward + Description: + Purpose of the stylesheet follows. +*/ +.modal-md-1, +.modal-md-2, +.modal-md-3, +.modal-md-4, +.modal-md-5, +.modal-md-6, +.modal-md-7, +.modal-md-8, +.modal-md-9, +.modal-md-10, +.modal-md-11, +.modal-md-12 { + float: left; } + .modal-md-12 .modal-dialog { width: 100%; - margin: 30 auto; -} + margin: 30 auto; } + .modal-md-11 .modal-dialog { - width: 91.6666666667%; - margin: 30 auto; -} + width: 91.66666666666666%; + margin: 30 auto; } + .modal-md-10 .modal-dialog { - width: 83.3333333333%; - margin: 30 auto; -} + width: 83.33333333333334%; + margin: 30 auto; } + .modal-md-9 .modal-dialog { width: 75%; - margin: 30 auto; -} + margin: 30 auto; } + .modal-md-8 .modal-dialog { - width: 66.6666666667%; - margin: 30 auto; -} + width: 66.66666666666666%; + margin: 30 auto; } + .modal-md-7 .modal-dialog { - width: 58.3333333333%; - margin: 30 auto; -} + width: 58.333333333333336%; + margin: 30 auto; } + .modal-md-6 .modal-dialog { width: 50%; - margin: 30 auto; -} + margin: 30 auto; } + .modal-md-5 .modal-dialog { - width: 41.6666666667%; - margin: 30 auto; -} + width: 41.66666666666667%; + margin: 30 auto; } + .modal-md-4 .modal-dialog { - width: 33.3333333333%; - margin: 30 auto; -} + width: 33.33333333333333%; + margin: 30 auto; } + .modal-md-3 .modal-dialog { width: 25%; - margin: 30 auto; -} + margin: 30 auto; } + .modal-md-2 .modal-dialog { - width: 16.6666666667%; - margin: 30 auto; -} + width: 16.666666666666664%; + margin: 30 auto; } + .modal-md-1 .modal-dialog { - width: 8.3333333333%; - margin: 30 auto; -} + width: 8.333333333333332%; + margin: 30 auto; } + /* this appears to break the layout on dialog buttons on mobile? - @media (max-width: 568px) { - .modal-footer .btn+.btn { - margin-left: 0px; - margin-top: 5px; - } - } - */ -.modal-body.roo-layout-container, .modal-body > .container { - padding: 0; +@media (max-width: 568px) { + .modal-footer .btn+.btn { + margin-left: 0px; + margin-top: 5px; + } } +*/ /* - .modal-dialog { - max-width: 100%; - } - */ -@media (max-width: 768px) { - .modal-body .col-md-12 { - padding: 0; - } - .modal-body { - padding: 5px; - } - .modal-body .row { - margin-left: -5px; - margin-right: -5px; - } - .modal-body > .container .col-xs-12 { +.modal-body.roo-layout-container, +.modal-body > .container { padding: 0; - } } +*/ +/* +.modal-dialog { + max-width: 100%; +} +*/ +/* +@media (max-width: 768px) { + + *these should be fixed by adding p-md-0 + .modal-body .col-md-12 { + padding : 0; + } + + .modal-body { + padding: 5px; + } + .modal-body .row { + margin-left: -5px; + margin-right: -5px; + } + + .modal-body > .container .col-xs-12 { + padding: 0; + } + +} + */ .modal .roo-mb-progress-wrap { margin-top: 4px; - border: 1px solid #0062cc; -} + border: 1px solid #0062cc; } + .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; -} -.roo-navigation-bar-group, .roo-navigation-top-bar, .roo-navigation-bullets-bar, .roo-navigation-bottom-bar { + background: #007bff; } + +.roo-navigation-bar-group, +.roo-navigation-top-bar, +.roo-navigation-bullets-bar, +.roo-navigation-bottom-bar { width: 100%; - float: left; -} + float: left; } + .roo-navigation-bar-text > span { text-transform: uppercase; width: 90%; - display: inline-block; -} + display: inline-block; } + .roo-navigation-bar-text { float: left; line-height: 24px; height: 100%; min-height: 24px; text-align: center; - position: relative; -} + position: relative; } + .roo-navigation-bar { counter-reset: step; text-align: center; padding: 0px; overflow: hidden; - margin: 0px; -} + margin: 0px; } + .roo-navigation-bar .roo-navigation-bar-item { list-style-type: none; color: #000; text-transform: uppercase; font-size: 14px; float: left; - position: relative; -} + position: relative; } + .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before { counter-increment: step; width: 25px; @@ -2280,11 +2452,11 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { background: #007bff; border-radius: 5px; font-weight: bold; - cursor: pointer; -} + cursor: pointer; } + .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before { - content: counter(step); -} + content: counter(step); } + .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after { content: ''; width: 100%; @@ -2292,233 +2464,267 @@ a.roo-brick-link:focus, a.roo-brick-link:hover { background: #007bff; position: absolute; top: 10px; - z-index: -1; -} + z-index: -1; } + .roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after { - content: none; -} + content: none; } + .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before { background: #9f1c28; - color: #fff; -} + color: #fff; } + .roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before { background: #6c757d; color: #fff; - cursor: not-allowed; -} + cursor: not-allowed; } + .roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before { - cursor: default; -} + cursor: default; } + .roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon { font: normal normal normal 14px/1 FontAwesome; - display: inline-block; -} + display: inline-block; } + @media (min-width: 768px) { .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before { - content: counter(step); - } -} + content: counter(step); } } + @media (min-width: 992px) { - .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before, .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before { - content: counter(step); - } -} + .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before, + .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before { + content: counter(step); } } + @media (min-width: 1200px) { - .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before, .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before, .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before { - content: counter(step); - } -} + .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; - box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -} + 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: #6c757d; } + .nav-tabs-custom > .nav-tabs > li { border-top: 3px solid transparent; margin-bottom: -2px; - margin-right: 5px; -} + margin-right: 5px; } + .nav-tabs-custom > .nav-tabs > li > a { -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; - border-radius: 0 !important; -} -.nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover { + border-radius: 0 !important; } + +.nav-tabs-custom > .nav-tabs > li > a, +.nav-tabs-custom > .nav-tabs > li > a:hover { background: transparent; - margin: 0; -} -.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { - border-color: transparent; -} + margin: 0; } + +.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, +.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, +.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { + border-color: transparent; } + .nav-tabs-custom > .nav-tabs > li.active { - border-top-color: #007bff; -} -.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a { - background-color: #fff; -} + border-top-color: #007bff; } + +.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 { border-top: 0; border-left-color: #6c757d; - border-right-color: #6c757d; -} + border-right-color: #6c757d; } + .nav-tabs-custom > .nav-tabs > li:first-of-type { - margin-left: 0px; -} -.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { - border-left-width: 0; -} + margin-left: 0px; } + +.nav-tabs-custom > .nav-tabs > li.active:first-of-type > a { + border-left-width: 0; } + .nav-tabs-custom > .nav-tabs.pull-right { - float: none !important; -} + float: none !important; } + .nav-tabs-custom > .nav-tabs.pull-right > li { - float: right; -} + float: right; } + .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type { - margin-right: 0px; -} -.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { + margin-right: 0px; } + +.nav-tabs-custom > .nav-tabs.pull-right > li.active:first-of-type > a { border-left-width: 1px; - border-right-width: 0px; -} + border-right-width: 0px; } + .nav-tabs-custom > .nav-tabs > li.header { font-weight: 400; line-height: 35px; padding: 0 10px; font-size: 20px; color: #343a40; - cursor: default; -} -.nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion { - margin-right: 10px; -} + cursor: default; } + +.nav-tabs-custom > .nav-tabs > li.header > .fa, +.nav-tabs-custom > .nav-tabs > li.header > .glyphicon, +.nav-tabs-custom > .nav-tabs > li.header > .ion { + margin-right: 10px; } + .nav-tabs-custom > .tab-content { background: #fff; - padding: 10px; -} + padding: 10px; } + /* --- override it appears it's done un-reliably in JS normally.. */ .tab-content > .tab-pane { - position: absolute; -} + position: absolute; } + .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar { - margin: 0 5px; -} + margin: 0 5px; } + .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column { - padding: 10px 5px; -} + padding: 10px 5px; } + @media (max-width: 768px) { .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column { - padding: 5px 5px; - } -} + padding: 5px 5px; } } + .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group { - margin-bottom: 0px; -} + margin-bottom: 0px; } + .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button { - margin-left: 5px; -} + margin-left: 5px; } + .tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle { - padding: 10px 5px; -} + padding: 10px 5px; } + /* for some reason it's -15px on BS */ @media (min-width: 768px) { .navbar-right { - margin-right: 15px; - } -} + /* not needed on popup? + margin-right: 15px; + */ } } + /* was -15 before, on mobile it made the buttons too close to the edit.. */ .navbar-nav { - margin: 0px -5px; -} + margin: 0px -5px; } + table td .navbar { - min-height: auto; -} + min-height: auto; } + +.tab-pane .navbar-nav, +.tab-pane .navbar-nav .nav-item { + width: 100%; } + .roo-numberbox { background-color: #007bff !important; - border: 10px solid black; -} + border: 10px solid black; } + .roo-numberbox h { - font-size: 24px; -} + font-size: 24px; } + .pull-xs-right { - float: right !important; -} -.roo-radio-set:before, .roo-radio-set:after { + float: right !important; } + +.roo-radio-set:before, +.roo-radio-set:after { display: table; content: " "; - clear: both; -} + clear: both; } + .radio.checked label::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); - background-color: #495057; -} + background-color: #495057; } + .roo-radio-set.disabled .radio label { - opacity: 0.65; -} + opacity: 0.65; } + .roo-radio-set.disabled .radio label { - cursor: not-allowed; -} + cursor: not-allowed; } + .roo-radio-primary .radio label::after { - background-color: #fff; -} + background-color: #fff; } + .roo-radio-primary .radio.checked label::before { - border-color: #007bff; -} + border-color: #007bff; } + .roo-radio-primary .radio.checked label::after { - background-color: #007bff; -} + background-color: #007bff; } + .roo-radio-danger .radio label::after { - background-color: #dc3545; -} + background-color: #dc3545; } + .roo-radio-danger .radio.checked label::before { - border-color: #dc3545; -} + border-color: #dc3545; } + .roo-radio-danger .radio.checked label::after { - background-color: #dc3545; -} + background-color: #dc3545; } + .roo-radio-info .radio label::after { - background-color: #fff; -} + background-color: #fff; } + .roo-radio-info .radio.checked label::before { - border-color: #17a2b8; -} + border-color: #17a2b8; } + .roo-radio-info .radio.checked label::after { - background-color: #17a2b8; -} + background-color: #17a2b8; } + .roo-radio-warning .radio label::after { - background-color: #fff; -} + background-color: #fff; } + .roo-radio-warning .radio.checked label::before { - border-color: #ffc107; -} + border-color: #ffc107; } + .roo-radio-warning .radio.checked label::after { - background-color: #ffc107; -} + background-color: #ffc107; } + .roo-radio-success .radio label::after { - background-color: #fff; -} + background-color: #fff; } + .roo-radio-success .radio.checked label::before { - border-color: #28a745; -} + border-color: #28a745; } + .roo-radio-success .radio.checked label::after { - background-color: #28a745; -} -.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-error .roo-radio-set-items label, .roo-radio-set.has-error .roo-radio-set-label { - color: #dc3545; -} -.roo-radio-set.has-success .roo-radio-set-items label, .roo-radio-set.has-success .roo-radio-set-label { - color: #28a745; -} + background-color: #28a745; } + +/** not sure if these are needed with is-valid / is-invalid.. */ +/* + * DISABLED probably needs deleting... +.roo-radio-set.has-warning { + .roo-radio-set-items label, + .roo-radio-set-label { + color: $brand-warning; //#8a6d3b; + } +} +.roo-radio-set.has-error { + .roo-radio-set-items label, + .roo-radio-set-label { + color: $brand-danger; //#a94442; + } +} + +.roo-radio-set.has-success { + .roo-radio-set-items label, + .roo-radio-set-label + { + color: $brand-success; //#3c763d; + } +} +*/ +.roo-radio-set.is-invalid .roo-radio-set-items label, +.roo-radio-set.is-invalid .roo-radio-set-label { + color: #dc3545; } + +.roo-radio-set.is-valid .roo-radio-set-items label, +.roo-radio-set.is-valid .roo-radio-set-label { + color: #28a745; } + .roo-radio-set-inline .radio { position: relative; display: inline-block; @@ -2527,66 +2733,66 @@ table td .navbar { margin-bottom: 0; font-weight: 400; vertical-align: middle; - cursor: pointer; -} + cursor: pointer; } + .roo-radio-set-inline .radio + .radio { - margin-left: 10px; -} + margin-left: 10px; } + .roo-radio-set-label .roo-required-indicator.right-indicator { - position: absolute; -} + position: absolute; } + .roo-radio-set-label .roo-required-indicator.right-indicator.fa-star { font-size: 8px; margin-left: 3px; - color: #dc3545; -} + color: #dc3545; } + .roo-form-error-popover.in { - opacity: 1; -} + opacity: 1; } + .roo-form-error-popover .tooltip-inner { max-width: 100%; - padding: 10px; -} -/* what is this doing here?? */ + padding: 10px; } + .x-form-field-wrap .form-group { - margin-bottom: 0px; -} + /* what is this doing here?? */ + margin-bottom: 0px; } + .roo-password-meter-grey { background: #6c757d; margin-bottom: 30px; - height: 10px; -} + height: 10px; } + .roo-password-meter { - font-size: 12px; -} + font-size: 12px; } + .roo-password-meter-container { - margin-bottom: 20px; -} + margin-bottom: 20px; } + .roo-password-meter-tooweak { background: #dc3545; - height: 10px; -} + height: 10px; } + .roo-password-meter-weak { background: #ffc107; - height: 10px; -} + height: 10px; } + .roo-password-meter-medium { background: #17a2b8; - height: 10px; -} + height: 10px; } + .roo-password-meter-strong { background: #28a745; - height: 10px; -} + height: 10px; } + .roo-password-meter-text { /* padding-bottom:5px; */ margin-bottom: 30px; font-size: 12px; - height: 10px; -} + 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,21 +2800,25 @@ table td .navbar { /* inline-block for ie7 */ zoom: 1; *display: inline; - vertical-align: middle; -} -.roo-select2-container, .roo-select2-drop, .roo-select2-search, .roo-select2-search input { + display: table; + vertical-align: middle; } + +.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; /* firefox */ box-sizing: border-box; - /* css3 */ -} + /* css3 */ } + .roo-select2-container .roo-select2-choice { display: block; height: 26px; @@ -2632,8 +2842,8 @@ table td .navbar { 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-image: linear-gradient(to top, #ced4da 0%, #fff 50%); } + .roo-select2-container.roo-select2-drop-above .roo-select2-choice { border-bottom-color: #6c757d; border-radius: 0 0 4px 4px; @@ -2641,11 +2851,11 @@ table td .navbar { 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: linear-gradient(to bottom, #ced4da 0%, #fff 90%); } + .roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen { - margin-right: 42px; -} + margin-right: 42px; } + .roo-select2-container .roo-select2-choice > .roo-select2-chosen { margin-right: 26px; display: block; @@ -2653,8 +2863,8 @@ table td .navbar { white-space: nowrap; text-overflow: ellipsis; float: none; - width: auto; -} + width: auto; } + .roo-select2-container .roo-select2-choice abbr { display: none; width: 12px; @@ -2667,15 +2877,15 @@ table td .navbar { border: 0; background: url("../images/select2/select2.png") right top no-repeat; cursor: pointer; - outline: 0; -} + outline: 0; } + .roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr { - display: inline-block; -} + display: inline-block; } + .roo-select2-container .roo-select2-choice abbr:hover { background-position: right -11px; - cursor: pointer; -} + cursor: pointer; } + .roo-select2-drop-mask { border: 0; margin: 0; @@ -2691,8 +2901,8 @@ table td .navbar { z-index: 9998; /* styles required for IE to work */ background-color: #fff; - filter: alpha(opacity=0); -} + filter: alpha(opacity=0); } + .roo-select2-drop { width: 100%; margin-top: -1px; @@ -2705,30 +2915,30 @@ table td .navbar { border-top: 0; border-radius: 0 0 4px 4px; -webkit-box-shadow: 0 4px 5px #e9ecef; - box-shadow: 0 4px 5px #e9ecef; -} + box-shadow: 0 4px 5px #e9ecef; } + .roo-select2-drop.roo-select2-drop-above { margin-top: 1px; border-top: 1px solid #6c757d; border-bottom: 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 -4px 5px #e9ecef; - box-shadow: 0 -4px 5px #e9ecef; -} + box-shadow: 0 -4px 5px #e9ecef; } + .roo-select2-drop-active { border: 1px solid #007bff; - border-top: none; -} + border-top: none; } + .roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active { - border-top: 1px solid #007bff; -} + border-top: 1px solid #007bff; } + .roo-select2-drop-auto-width { border-top: 1px solid #6c757d; - width: auto; -} + width: auto; } + .roo-select2-drop-auto-width .roo-select2-search { - padding-top: 4px; -} + padding-top: 4px; } + .roo-select2-container .roo-select2-choice .roo-select2-arrow { display: inline-block; width: 18px; @@ -2744,14 +2954,14 @@ table td .navbar { 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-image: linear-gradient(to top, #6c757d 0%, #ced4da 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; width: 100%; @@ -2761,8 +2971,8 @@ table td .navbar { padding-right: 4px; position: relative; z-index: 10000; - white-space: nowrap; -} + white-space: nowrap; } + .roo-select2-search input { width: 100%; height: auto !important; @@ -2780,24 +2990,25 @@ table td .navbar { 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: url("../images/select2/select2.png") no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #ced4da 99%) 0 0; } + .roo-select2-drop.roo-select2-drop-above .roo-select2-search input { - margin-top: 4px; -} + 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 { + 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; outline: none; -webkit-box-shadow: 0 0 5px #adb5bd; - box-shadow: 0 0 5px #adb5bd; -} + box-shadow: 0 0 5px #adb5bd; } + .roo-select2-dropdown-open .roo-select2-choice { border-bottom-color: transparent; -webkit-box-shadow: 0 1px 0 #fff inset; @@ -2809,25 +3020,26 @@ table td .navbar { 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 { + 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; 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: linear-gradient(to bottom, #fff 0%, #ced4da 50%); } + .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow { background: transparent; border-left: none; - filter: none; -} + filter: none; } + .roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b { - background-position: -18px 1px; -} + background-position: -18px 1px; } + .roo-select2-hidden-accessible { border: 0; clip: rect(0 0 0 0); @@ -2836,8 +3048,8 @@ table td .navbar { overflow: hidden; padding: 0; position: absolute; - width: 1px; -} + width: 1px; } + /* results */ .roo-select2-results { max-height: 200px; @@ -2846,20 +3058,20 @@ table td .navbar { position: relative; overflow-x: hidden; overflow-y: auto; - -webkit-tap-highlight-color: fade(#000, 0%); -} + -webkit-tap-highlight-color: fade(#000, 0%); } + .roo-select2-results ul.roo-select2-result-sub { margin: 0; - padding-left: 0; -} + padding-left: 0; } + .roo-select2-results li { list-style: none; display: list-item; - background-image: none; -} + background-image: none; } + .roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label { - font-weight: bold; -} + font-weight: bold; } + .roo-select2-results .roo-select2-result-label { padding: 3px 7px 4px; margin: 0; @@ -2869,93 +3081,95 @@ table td .navbar { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; - user-select: none; -} + user-select: none; } + .roo-select2-results-dept-1 .roo-select2-result-label { - padding-left: 20px; -} + padding-left: 20px; } + .roo-select2-results-dept-2 .roo-select2-result-label { - padding-left: 40px; -} + padding-left: 40px; } + .roo-select2-results-dept-3 .roo-select2-result-label { - padding-left: 60px; -} + padding-left: 60px; } + .roo-select2-results-dept-4 .roo-select2-result-label { - padding-left: 80px; -} + padding-left: 80px; } + .roo-select2-results-dept-5 .roo-select2-result-label { - padding-left: 100px; -} + padding-left: 100px; } + .roo-select2-results-dept-6 .roo-select2-result-label { - padding-left: 110px; -} + padding-left: 110px; } + .roo-select2-results-dept-7 .roo-select2-result-label { - padding-left: 120px; -} + padding-left: 120px; } + .roo-select2-results .roo-select2-highlighted { background: #007bff; - color: #fff; -} + color: #fff; } + .roo-select2-results li em { background: #ffc107; - font-style: normal; -} + font-style: normal; } + .roo-select2-results .roo-select2-highlighted em { - background: transparent; -} + background: transparent; } + .roo-select2-results .roo-select2-highlighted ul { background: #fff; - color: #000; -} -.roo-select2-results .roo-select2-no-results, .roo-select2-results .roo-select2-searching, .roo-select2-results .roo-select2-selection-limit { + color: #000; } + +.roo-select2-results .roo-select2-no-results, +.roo-select2-results .roo-select2-searching, +.roo-select2-results .roo-select2-selection-limit { background: #6c757d; display: list-item; - padding-left: 5px; -} + 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; display: list-item; - cursor: default; -} + cursor: default; } + .roo-select2-results .roo-select2-disabled { background: #6c757d; display: list-item; - cursor: default; -} + cursor: default; } + .roo-select2-results .roo-select2-selected { - display: none; -} + display: none; } + .roo-select2-more-results.roo-select2-active { - background: #6c757d url("../images/select2/select2-spinner.gif") no-repeat 100%; -} + background: #6c757d url("../images/select2/select2-spinner.gif") no-repeat 100%; } + .roo-select2-more-results { background: #6c757d; - display: list-item; -} + display: list-item; } + /* disabled styles */ .roo-select2-container.roo-select2-container-disabled .roo-select2-choice { background-color: #6c757d; background-image: none; border: 1px solid #6c757d; - cursor: default; -} + cursor: default; } + .roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow { background-color: #6c757d; background-image: none; - border-left: 0; -} + border-left: 0; } + .roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr { - display: none; -} + display: none; } + /* multiselect */ .roo-select2-container-multi { width: 100%; - /* needed on BS4? */ -} + /* needed on BS4? */ } + .roo-select2-container-multi .roo-select2-choices { height: auto !important; height: 1%; @@ -2971,32 +3185,32 @@ table td .navbar { 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-image: linear-gradient(to bottom, #ced4da 1%, #fff 15%); } + .roo-select2-locked { - padding: 3px 5px 3px 5px !important; -} + padding: 3px 5px 3px 5px !important; } + .roo-select2-container-multi .roo-select2-choices { - min-height: 26px; -} + min-height: 26px; } + .roo-select2-container-multi.roo-select2-container-active .roo-select2-choices { border: 1px solid #007bff; outline: none; -webkit-box-shadow: 0 0 5px #adb5bd; - box-shadow: 0 0 5px #adb5bd; -} + box-shadow: 0 0 5px #adb5bd; } + .roo-select2-container-multi .roo-select2-choices li { float: left; - list-style: none; -} + list-style: none; } + html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li { - float: right; -} + float: right; } + .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field { margin: 0; padding: 0; - white-space: nowrap; -} + white-space: nowrap; } + .roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input { padding: 5px; margin: 1px 0; @@ -3007,14 +3221,14 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li { border: 0; -webkit-box-shadow: none; box-shadow: none; - background: transparent !important; -} + 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: #fff url("../images/select2/select2-spinner.gif") no-repeat 100% !important; } + .roo-select2-default { - color: #6c757d !important; -} + color: #6c757d !important; } + .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice { padding: 4px 7px 4px 16px; margin: 0 1px; @@ -3028,18 +3242,18 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; - user-select: none; -} + user-select: none; } + html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice { margin-left: 0; - margin-right: 5px; -} + margin-right: 5px; } + .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen { - cursor: default; -} + cursor: default; } + .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus { - background: #6c757d; -} + background: #6c757d; } + .roo-select2-search-choice-close { display: block; width: 12px; @@ -3050,45 +3264,46 @@ html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices .roo-select2-s font-size: 12px; outline: none; color: #6c757d; - /*background: url('#{$bootstrap-image-path}/select2/select2.png') right top no-repeat;*/ -} + /*background: url('../images/select2/select2.png') right top no-repeat;*/ } + .roo-select2-search-choice-close:hover { - color: #343a40; -} + color: #343a40; } + html[dir="rtl"] .roo-select2-search-choice-close { right: auto; - left: 3px; -} + left: 3px; } + .roo-select2-container-multi .roo-select2-search-choice-close { - left: 3px; -} + left: 3px; } + .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover { - background-position: right -11px; -} + background-position: right -11px; } + .roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus .roo-select2-search-choice-close { - background-position: right -11px; -} + background-position: right -11px; } + /* disabled styles */ .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices { background-color: #6c757d; background-image: none; border: 1px solid #6c757d; - cursor: default; -} + 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; background-image: none; - background-color: #6c757d; -} + background-color: #6c757d; } + .roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close { display: none; - background: none; -} + background: none; } + /* end multiselect */ -.roo-select2-result-selectable .roo-select2-match, .roo-select2-result-unselectable .roo-select2-match { - text-decoration: underline; -} +.roo-select2-result-selectable .roo-select2-match, +.roo-select2-result-unselectable .roo-select2-match { + text-decoration: underline; } + .roo-select2-offscreen, .roo-select2-offscreen:focus { clip: rect(0 0 0 0) !important; width: 1px !important; @@ -3100,308 +3315,380 @@ html[dir="rtl"] .roo-select2-search-choice-close { position: absolute !important; outline: 0 !important; left: 0px !important; - top: 0px !important; -} + top: 0px !important; } + .roo-select2-display-none { - display: none; -} + display: none; } + .roo-select2-measure-scrollbar { position: absolute; top: -10000px; left: -10000px; width: 100px; height: 100px; - overflow: scroll; -} + overflow: scroll; } + /* 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 { + .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; - } + background-size: 60px 40px !important; } .roo-select2-search input { - background-position: 100% -21px !important; - } -} + background-position: 100% -21px !important; } } + .has-error .roo-select2-choices { border-color: #dc3545; -webkit-box-shadow: inset 0 1px 1px #343a40; - box-shadow: inset 0 1px 1px #343a40; -} + box-shadow: inset 0 1px 1px #343a40; } + .dropdown-menu .roo-select2-result.disabled { background-color: #ced4da; color: #6c757d; - cursor: not-allowed; -} + cursor: not-allowed; } + .sidebar { - margin-bottom: 5px; -} + margin-bottom: 5px; } + /* override boostrap a:hover */ .sidebar a:hover { - text-decoration: none; -} + text-decoration: none; } + .sidebar .sidebar-menu { list-style: none; margin: 0; - padding: 0; -} + 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; -} + background-color: #ced4da; } + /* active child menu - white BG */ .sidebar .sidebar-menu li.active li.treeview-menu { - background-color: #6c757d; -} -.sidebar .sidebar-menu > li > a, .sidebar .sidebar-menu li.open li.treeview-menu > a { + background-color: #6c757d; } + +.sidebar .sidebar-menu > li > a, +.sidebar .sidebar-menu li.open li.treeview-menu > a { padding: 12px 5px 12px 15px; display: block; - color: #343a40; -} -.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: #343a40; } + +.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; - text-decoration: none; -} + text-decoration: none; } + /* BLUE ACTIVE */ .sidebar .sidebar-menu li.active { 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 { + border-color: #0062cc; } + +.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; -} + border-color: #0062cc; } + .sidebar .sidebar-menu li.active a { - color: #fff; -} + color: #fff; } + .sidebar .sidebar-menu li.disabled { color: #343a40; background-color: #fff; - border-color: #343a40; -} + border-color: #343a40; } + .sidebar .sidebar-menu li.disabled a { color: #6c757d; - cursor: default; -} -.sidebar .sidebar-menu li.danger, .sidebar .sidebar-menu li.danger.active { + 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:hover, .sidebar .sidebar-menu li.danger:focus, .sidebar .sidebar-menu li.danger.active:focus { + border-color: #e4606d; } + +.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 a, .sidebar .sidebar-menu li.danger.active a { - color: #fff; -} + border-bottom: 1px solid #bd2130; } + +.sidebar .sidebar-menu li.danger a, +.sidebar .sidebar-menu li.danger.active a { + color: #fff; } + /* --- open */ .sidebar .sidebar-menu li.open ul { - display: block; -} + display: block; } + .sidebar .sidebar-menu li.open .treeview-menu { - display: block; -} + display: block; } + /* --- treeview menu */ .sidebar .sidebar-menu .treeview-menu { display: none; list-style: none; padding: 0; - margin: 0; -} + margin: 0; } + .sidebar .sidebar-menu .treeview-menu > li { - margin: 0; -} + margin: 0; } + .sidebar .sidebar-menu li.open li.treeview-menu > a { padding: 5px 5px 5px 20px; display: block; 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 { - width: 20px; -} + 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 { + 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 > a { - font-weight: bold; +.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; -} + color: #fff; } + .badge-primary { background-color: #007bff; - color: #fff; -} + color: #fff; } + .badge-success { background-color: #28a745; - color: #fff; -} + color: #fff; } + .badge-info { background-color: #17a2b8; - color: #fff; -} + color: #fff; } + .badge-warning { background-color: #ffc107; - color: #fff; -} + color: #fff; } + .badge-danger { background-color: #dc3545; - color: #fff; -} + color: #fff; } + .sidebar .sidebar-menu > li.active .badge-info { background-color: #fff; - color: #17a2b8; -} + color: #17a2b8; } + /*html, */ /* Sticky footer styles - -------------------------------------------------- */ +-------------------------------------------------- */ html.bootstrap-sticky { position: relative; - min-height: 100%; -} + min-height: 100%; } + html.bootstrap-sticky body { /* Margin bottom by footer height */ - margin-bottom: 60px; -} + margin-bottom: 60px; } + .bootstrap-sticky-footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 60px; - background-color: #6c757d; -} + background-color: #6c757d; } + /* Lastly, apply responsive CSS fixes as necessary */ @media (max-width: 767px) { .bootstrap-sticky-footer { margin-left: -20px; margin-right: -20px; padding-left: 20px; - padding-right: 20px; - } -} + padding-right: 20px; } } + /* paging toolbar */ .table .pagination .x-paging-position span { - padding: 3px 6px; -} + padding: 3px 6px; } + .table .pagination .x-paging-position span input { margin: 0 0 0 7px; width: 42px; - padding: 0 5px; -} + padding: 0 5px; } + .navbar .pagination > li > span { - min-height: 34px; -} + min-height: 34px; } + +.table tfoot td { + padding: 0; } + .navbar .pagination { - margin: 0; -} + 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: #007bff; } + .skin-blue .navbar .pagination > li > a:hover { - background-color: #6c757d; -} + background-color: #6c757d; } + .skin-blue table .navbar { - background-color: #fff; -} + background-color: #fff; } + .skin-blue .navbar .pagination > li.disabled > a { - background-color: #6c757d; -} + background-color: #6c757d; } + .skin-blue table .navbar { margin-bottom: 0; - min-height: 0; -} + min-height: 0; } + .table .sortable { - cursor: pointer; -} + cursor: pointer; } + .table .sortable i.fa-arrow-up, + .table .sortable i.fa-arrow-down { + margin-right: 6px; } + .table-body-fixed tbody { overflow-y: scroll; - width: 100%; -} -.table-body-fixed thead, .table-body-fixed tbody, .table-body-fixed th { - display: block; -} + width: 100%; } + +.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 { + user-select: none; } + +.table-body-fixed tbody td, +.table-body-fixed thead > tr > th { float: left; border-bottom-width: 0; -} + /* long headers? and body ?*/ + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } + +/** -- the dragable column bar */ +.table-body-fixed thead > tr:hover th .x-grid-split { + position: absolute; + top: 0px; + /*right: 0;*/ + width: 9px; + height: 100%; + background: transparent; + cursor: col-resize; } + +.table-body-fixed thead > tr:hover th .x-grid-split:before { + position: absolute; + content: " "; + top: 15%; + right: 4px; + width: 1px; + height: 70%; + background: black; + cursor: col-resize; } + +/** vertical bar indicating that columns are being moved. */ +.x-grid-resize-proxy { + z-index: 40009; + position: absolute; + background: #666; + border: 1px solid #000; + overflow: hidden; + cursor: col-resize; + overflow: hidden; + width: 2px; } + /* 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; -} + overflow: hidden; } + /* standard bootstrap does not colour rows very well.. */ .table > tbody > tr.info { - background-color: #d9edf7; -} + background-color: #d9edf7; } + .table-hover > tbody > tr.info:hover { - background-color: #c4e3f3; -} + background-color: #c4e3f3; } + .table tfoot .navbar { - min-height: inherit; -} + 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 { - height: auto; -} +.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; - padding: 0; -} + padding: 0; } + @media (min-width: 980px) { .top-bar .collapse { display: block !important; visibility: visible !important; height: auto !important; overflow: visible !important; - padding-bottom: 0; - } -} + padding-bottom: 0; } } + @media (min-width: 768px) and (max-width: 979px) { .header .top-bar { min-height: 0; - padding: 3px 0; - } -} -.header .social, .footer .social { + padding: 3px 0; } } + +.header .social, +.footer .social { margin-right: 4px; line-height: 30px; padding-left: 0; - margin-bottom: 0; -} -.footer .social li:last-child, .footer .social { - margin-right: 0 !important; -} + margin-bottom: 0; } + +.footer .social li:last-child, +.footer .social { + margin-right: 0 !important; } + .header .social li:first-child { - border-left: 1px solid #6c757d; -} -.header .social li, .footer .social li { + border-left: 1px solid #6c757d; } + +.header .social li, +.footer .social li { border-right: 1px solid #6c757d; display: table-cell; vertical-align: middle; @@ -3409,159 +3696,181 @@ html.bootstrap-sticky body { margin-right: 5px; width: 40px; text-align: center; - -webkit-transition: background 0.5s ease-in-out; - -moz-transition: background 0.5s ease-in-out; - -o-transition: background 0.5s ease-in-out; - -ms-transition: background 0.5s ease-in-out; - transition: background 0.5s ease-in-out; - padding: 1px; -} -.header .social i, .footer .social i { + -webkit-transition: background .5s ease-in-out; + -moz-transition: background .5s ease-in-out; + -o-transition: background .5s ease-in-out; + -ms-transition: background .5s ease-in-out; + transition: background .5s ease-in-out; + padding: 1px; } + +.header .social i, +.footer .social i { color: #495057; font-size: 16px; - -webkit-transition: color 0.5s ease-in-out; - -moz-transition: color 0.5s ease-in-out; - -o-transition: color 0.5s ease-in-out; - -ms-transition: color 0.5s ease-in-out; - transition: color 0.5s ease-in-out; -} -.header .social li:hover a i, .footer .social li:hover a i { - color: #fff; -} -.team .item .team-member-links a.facebook:hover, .member-social.dark a.facebook:hover, .header .social li.facebook:hover, .footer .social li.facebook:hover { - background: #007bff; -} -.team .item .team-member-links a.dribbble:hover, .member-social.dark a.dribbble:hover, .header .social li.dribbble:hover, .footer .social li.dribbble:hover { - background: #ffc107; -} -.team .item .team-member-links a.twitter:hover, .member-social.dark a.twitter:hover, .header .social li.twitter:hover, .footer .social li.twitter:hover { - background: #007bff; -} -.team .item .team-member-links a.gplus:hover, .member-social.dark a.gplus:hover, .header .social li.gplus:hover, .footer .social li.gplus:hover { - background: #dc3545; -} -.team .item .team-member-links a.linkedin:hover, .member-social.dark a.linkedin:hover, .header .social li.linkedin:hover, .footer .social li.linkedin:hover { - background: #007bff; -} -.team .item .team-member-links a.pinterest:hover, .member-social.dark a.pinterest:hover, .header .social li.pinterest:hover, .footer .social li.pinterest:hover { - background: #dc3545; -} -.header .social li.rss:hover, .footer .social li.rss:hover { - background: #ffc107; -} + -webkit-transition: color .5s ease-in-out; + -moz-transition: color .5s ease-in-out; + -o-transition: color .5s ease-in-out; + -ms-transition: color .5s ease-in-out; + transition: color .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; } + .top-bar .languages { - padding: 8px 0; -} + padding: 8px 0; } + .top-bar .languages a { margin-right: 20px; color: #495057; - font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-family: "Open Sans",Helvetica,Arial,sans-serif; font-size: 14px; - line-height: 24px; -} + line-height: 24px; } + /* WTF is this! !! * * DO NOT EVER PUT ANYTHIGN IN THIS FILE... tweaks - bad name... * */ .navbar-left .input-group[class*="col-"] { - float: left; -} + float: left; } + .ellipsis { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; - -webkit-box-orient: vertical; -} + -webkit-box-orient: vertical; } + .sw-child-headline { display: inline-block; - width: auto; -} + width: auto; } + .box-input-label { width: 100%; display: inline-block; - font-weight: bold; -} + font-weight: bold; } + .box-label { margin-left: 5px; - cursor: pointer; -} + cursor: pointer; } + /* needed as menu ontop of form does not work */ .input-group .form-control { - z-index: 1; -} + z-index: 1; } + /* admin-lte - messes with checkbox and radio.. */ .checkbox, .radio { - padding-left: 15px !important; -} + 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; - padding-bottom: 3px; -} + padding-bottom: 3px; } + .pagination .x-paging-position span input { - margin: 0 3px; -} + margin: 0 3px; } + .panel-header-right { float: right; - text-align: right; -} + text-align: right; } + .badge-error { - background-color: #dc3545; -} + background-color: #dc3545; } + .badge-error:hover { - background-color: #bd2130; -} + background-color: #bd2130; } + .badge-warning { - background-color: #ffc107; -} + background-color: #ffc107; } + .badge-warning:hover { - background-color: #d39e00; -} + background-color: #d39e00; } + .badge-success { - background-color: #28a745; -} + background-color: #28a745; } + .badge-success:hover { - background-color: #1e7e34; -} + background-color: #1e7e34; } + .badge-info { - background-color: #17a2b8; -} + background-color: #17a2b8; } + .badge-info:hover { - background-color: #117a8b; -} + background-color: #117a8b; } + .badge-inverse { - background-color: #343a40; -} + background-color: #343a40; } + .badge-inverse:hover { - background-color: #212529; -} + background-color: #212529; } + .tooltip.fade.in { - z-index: 10002; -} + z-index: 19002; } + .x-hidden { position: absolute; top: 0; left: 0; visibility: hidden; - display: none; -} + display: none; } + .roo-upload-cropbox-selector { visibility: hidden; - height: 0px; -} -.roo-upload-cropbox-dialog .modal-header, .roo-upload-cropbox-dialog .modal-footer { + height: 0px; } + +.roo-upload-cropbox-dialog .modal-header, +.roo-upload-cropbox-dialog .modal-footer { padding-top: 5px; - padding-bottom: 5px; -} + padding-bottom: 5px; } + .roo-upload-cropbox-body { background-color: #fff; border: 1px solid #6c757d; @@ -3570,8 +3879,8 @@ html.bootstrap-sticky body { max-height: 450px; position: relative; overflow: hidden; - cursor: move; -} + cursor: move; } + .roo-upload-cropbox-preview { position: absolute; top: 0px; @@ -3579,18 +3888,18 @@ html.bootstrap-sticky body { text-align: center; margin: 0px; padding: 0px; - border: none; -} + border: none; } + .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; - background: none repeat scroll 0% 0% transparent; -} + background: none repeat scroll 0% 0% transparent; } + .roo-upload-cropbox-body .roo-upload-cropbox-empty-notify { height: 100%; background-color: #adb5bd; @@ -3599,13 +3908,13 @@ html.bootstrap-sticky body { font-size: 24px; text-align: center; padding-top: 50px; - font-style: italic; -} + font-style: italic; } + .roo-upload-cropbox-btn-group button { background-color: #000; color: #fff; - border-color: #343a40; -} + border-color: #343a40; } + .roo-upload-cropbox-error-notify { border-radius: 0px; text-align: center; @@ -3613,12 +3922,12 @@ html.bootstrap-sticky body { margin: 0px !important; position: absolute; top: 0; - left: 0; -} + left: 0; } + .tel-input { padding-left: 105px; - border-radius: 4px !important; -} + border-radius: 4px !important; } + .dial-code-holder { position: absolute; width: 60px; @@ -3632,17 +3941,15 @@ html.bootstrap-sticky body { -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; - user-select: none; -} + user-select: none; } + .tel-list li a { - padding-left: 10px; -} -.tel-list li a .flag { - margin-right: 20px; -} -.tel-list li a .dial-code { - color: #999; -} + padding-left: 10px; } + .tel-list li a .flag { + margin-right: 20px; } + .tel-list li a .dial-code { + color: #999; } + .flag-box { position: absolute; top: 6px; @@ -3653,1080 +3960,871 @@ html.bootstrap-sticky body { display: flex; flex-direction: row; justify-content: space-around; - z-index: 4; -} -.flag-box .caret { - margin-top: 3px; -} + z-index: 4; } + .flag-box .caret { + margin-top: 3px; } + .flag { background-image: url("../images/default/flags.png"); background-repeat: no-repeat; width: 20px; height: inherit; display: inline-block; - margin-right: 10px; -} -.flag.ac { - height: 10px; - background-position: 0px 0px; -} -.flag.ad { - height: 14px; - background-position: -22px 0px; -} -.flag.ae { - height: 10px; - background-position: -44px 0px; -} -.flag.af { - height: 14px; - background-position: -66px 0px; -} -.flag.ag { - height: 14px; - background-position: -88px 0px; -} -.flag.ai { - height: 10px; - background-position: -110px 0px; -} -.flag.al { - height: 15px; - background-position: -132px 0px; -} -.flag.am { - height: 10px; - background-position: -154px 0px; -} -.flag.ao { - height: 14px; - background-position: -176px 0px; -} -.flag.aq { - height: 14px; - background-position: -198px 0px; -} -.flag.ar { - height: 13px; - background-position: -220px 0px; -} -.flag.as { - height: 10px; - background-position: -242px 0px; -} -.flag.at { - height: 14px; - background-position: -264px 0px; -} -.flag.au { - height: 10px; - background-position: -286px 0px; -} -.flag.aw { - height: 14px; - background-position: -308px 0px; -} -.flag.ax { - height: 13px; - background-position: -330px 0px; -} -.flag.az { - height: 10px; - background-position: -352px 0px; -} -.flag.ba { - height: 10px; - background-position: -374px 0px; -} -.flag.bb { - height: 14px; - background-position: -396px 0px; -} -.flag.bd { - height: 12px; - background-position: -418px 0px; -} -.flag.be { - height: 15px; - background-position: -440px 0px; -} -.flag.bf { - height: 14px; - background-position: -460px 0px; -} -.flag.bg { - height: 12px; - background-position: -482px 0px; -} -.flag.bh { - height: 12px; - background-position: -504px 0px; -} -.flag.bi { - height: 12px; - background-position: -526px 0px; -} -.flag.bj { - height: 14px; - background-position: -548px 0px; -} -.flag.bl { - height: 14px; - background-position: -570px 0px; -} -.flag.bm { - height: 10px; - background-position: -592px 0px; -} -.flag.bn { - height: 10px; - background-position: -614px 0px; -} -.flag.bo { - height: 14px; - background-position: -636px 0px; -} -.flag.bq { - height: 14px; - background-position: -658px 0px; -} -.flag.br { - height: 14px; - background-position: -680px 0px; -} -.flag.bs { - height: 10px; - background-position: -702px 0px; -} -.flag.bt { - height: 14px; - background-position: -724px 0px; -} -.flag.bv { - height: 15px; - background-position: -746px 0px; -} -.flag.bw { - height: 14px; - background-position: -768px 0px; -} -.flag.by { - height: 10px; - background-position: -790px 0px; -} -.flag.bz { - height: 14px; - background-position: -812px 0px; -} -.flag.ca { - height: 10px; - background-position: -834px 0px; -} -.flag.cc { - height: 10px; - background-position: -856px 0px; -} -.flag.cd { - height: 15px; - background-position: -878px 0px; -} -.flag.cf { - height: 14px; - background-position: -900px 0px; -} -.flag.cg { - height: 14px; - background-position: -922px 0px; -} -.flag.ch { - height: 15px; - background-position: -944px 0px; -} -.flag.ci { - height: 14px; - background-position: -961px 0px; -} -.flag.ck { - height: 10px; - background-position: -983px 0px; -} -.flag.cl { - height: 14px; - background-position: -1005px 0px; -} -.flag.cm { - height: 14px; - background-position: -1027px 0px; -} -.flag.cn { - height: 14px; - background-position: -1049px 0px; -} -.flag.co { - height: 14px; - background-position: -1071px 0px; -} -.flag.cp { - height: 14px; - background-position: -1093px 0px; -} -.flag.cr { - height: 12px; - background-position: -1115px 0px; -} -.flag.cu { - height: 10px; - background-position: -1137px 0px; -} -.flag.cv { - height: 12px; - background-position: -1159px 0px; -} -.flag.cw { - height: 14px; - background-position: -1181px 0px; -} -.flag.cx { - height: 10px; - background-position: -1203px 0px; -} -.flag.cy { - height: 13px; - background-position: -1225px 0px; -} -.flag.cz { - height: 14px; - background-position: -1247px 0px; -} -.flag.de { - height: 12px; - background-position: -1269px 0px; -} -.flag.dg { - height: 10px; - background-position: -1291px 0px; -} -.flag.dj { - height: 14px; - background-position: -1313px 0px; -} -.flag.dk { - height: 15px; - background-position: -1335px 0px; -} -.flag.dm { - height: 10px; - background-position: -1357px 0px; -} -.flag.do { - height: 13px; - background-position: -1379px 0px; -} -.flag.dz { - height: 14px; - background-position: -1401px 0px; -} -.flag.ea { - height: 14px; - background-position: -1423px 0px; -} -.flag.ec { - height: 14px; - background-position: -1445px 0px; -} -.flag.ee { - height: 13px; - background-position: -1467px 0px; -} -.flag.eg { - height: 14px; - background-position: -1489px 0px; -} -.flag.eh { - height: 10px; - background-position: -1511px 0px; -} -.flag.er { - height: 10px; - background-position: -1533px 0px; -} -.flag.es { - height: 14px; - background-position: -1555px 0px; -} -.flag.et { - height: 10px; - background-position: -1577px 0px; -} -.flag.eu { - height: 14px; - background-position: -1599px 0px; -} -.flag.fi { - height: 12px; - background-position: -1621px 0px; -} -.flag.fj { - height: 10px; - background-position: -1643px 0px; -} -.flag.fk { - height: 10px; - background-position: -1665px 0px; -} -.flag.fm { - height: 11px; - background-position: -1687px 0px; -} -.flag.fo { - height: 15px; - background-position: -1709px 0px; -} -.flag.fr { - height: 14px; - background-position: -1731px 0px; -} -.flag.ga { - height: 15px; - background-position: -1753px 0px; -} -.flag.gb { - height: 10px; - background-position: -1775px 0px; -} -.flag.gd { - height: 12px; - background-position: -1797px 0px; -} -.flag.ge { - height: 14px; - background-position: -1819px 0px; -} -.flag.gf { - height: 14px; - background-position: -1841px 0px; -} -.flag.gg { - height: 14px; - background-position: -1863px 0px; -} -.flag.gh { - height: 14px; - background-position: -1885px 0px; -} -.flag.gi { - height: 10px; - background-position: -1907px 0px; -} -.flag.gl { - height: 14px; - background-position: -1929px 0px; -} -.flag.gm { - height: 14px; - background-position: -1951px 0px; -} -.flag.gn { - height: 14px; - background-position: -1973px 0px; -} -.flag.gp { - height: 14px; - background-position: -1995px 0px; -} -.flag.gq { - height: 14px; - background-position: -2017px 0px; -} -.flag.gr { - height: 14px; - background-position: -2039px 0px; -} -.flag.gs { - height: 10px; - background-position: -2061px 0px; -} -.flag.gt { - height: 13px; - background-position: -2083px 0px; -} -.flag.gu { - height: 11px; - background-position: -2105px 0px; -} -.flag.gw { - height: 10px; - background-position: -2127px 0px; -} -.flag.gy { - height: 12px; - background-position: -2149px 0px; -} -.flag.hk { - height: 14px; - background-position: -2171px 0px; -} -.flag.hm { - height: 10px; - background-position: -2193px 0px; -} -.flag.hn { - height: 10px; - background-position: -2215px 0px; -} -.flag.hr { - height: 10px; - background-position: -2237px 0px; -} -.flag.ht { - height: 12px; - background-position: -2259px 0px; -} -.flag.hu { - height: 10px; - background-position: -2281px 0px; -} -.flag.ic { - height: 14px; - background-position: -2303px 0px; -} -.flag.id { - height: 14px; - background-position: -2325px 0px; -} -.flag.ie { - height: 10px; - background-position: -2347px 0px; -} -.flag.il { - height: 15px; - background-position: -2369px 0px; -} -.flag.im { - height: 10px; - background-position: -2391px 0px; -} -.flag.in { - height: 14px; - background-position: -2413px 0px; -} -.flag.io { - height: 10px; - background-position: -2435px 0px; -} -.flag.iq { - height: 14px; - background-position: -2457px 0px; -} -.flag.ir { - height: 12px; - background-position: -2479px 0px; -} -.flag.is { - height: 15px; - background-position: -2501px 0px; -} -.flag.it { - height: 14px; - background-position: -2523px 0px; -} -.flag.je { - height: 12px; - background-position: -2545px 0px; -} -.flag.jm { - height: 10px; - background-position: -2567px 0px; -} -.flag.jo { - height: 10px; - background-position: -2589px 0px; -} -.flag.jp { - height: 14px; - background-position: -2611px 0px; -} -.flag.ke { - height: 14px; - background-position: -2633px 0px; -} -.flag.kg { - height: 12px; - background-position: -2655px 0px; -} -.flag.kh { - height: 13px; - background-position: -2677px 0px; -} -.flag.ki { - height: 10px; - background-position: -2699px 0px; -} -.flag.km { - height: 12px; - background-position: -2721px 0px; -} -.flag.kn { - height: 14px; - background-position: -2743px 0px; -} -.flag.kp { - height: 10px; - background-position: -2765px 0px; -} -.flag.kr { - height: 14px; - background-position: -2787px 0px; -} -.flag.kw { - height: 10px; - background-position: -2809px 0px; -} -.flag.ky { - height: 10px; - background-position: -2831px 0px; -} -.flag.kz { - height: 10px; - background-position: -2853px 0px; -} -.flag.la { - height: 14px; - background-position: -2875px 0px; -} -.flag.lb { - height: 14px; - background-position: -2897px 0px; -} -.flag.lc { - height: 10px; - background-position: -2919px 0px; -} -.flag.li { - height: 12px; - background-position: -2941px 0px; -} -.flag.lk { - height: 10px; - background-position: -2963px 0px; -} -.flag.lr { - height: 11px; - background-position: -2985px 0px; -} -.flag.ls { - height: 14px; - background-position: -3007px 0px; -} -.flag.lt { - height: 12px; - background-position: -3029px 0px; -} -.flag.lu { - height: 12px; - background-position: -3051px 0px; -} -.flag.lv { - height: 10px; - background-position: -3073px 0px; -} -.flag.ly { - height: 10px; - background-position: -3095px 0px; -} -.flag.ma { - height: 14px; - background-position: -3117px 0px; -} -.flag.mc { - height: 15px; - background-position: -3139px 0px; -} -.flag.md { - height: 10px; - background-position: -3160px 0px; -} -.flag.me { - height: 10px; - background-position: -3182px 0px; -} -.flag.mf { - height: 14px; - background-position: -3204px 0px; -} -.flag.mg { - height: 14px; - background-position: -3226px 0px; -} -.flag.mh { - height: 11px; - background-position: -3248px 0px; -} -.flag.mk { - height: 10px; - background-position: -3270px 0px; -} -.flag.ml { - height: 14px; - background-position: -3292px 0px; -} -.flag.mm { - height: 14px; - background-position: -3314px 0px; -} -.flag.mn { - height: 10px; - background-position: -3336px 0px; -} -.flag.mo { - height: 14px; - background-position: -3358px 0px; -} -.flag.mp { - height: 10px; - background-position: -3380px 0px; -} -.flag.mq { - height: 14px; - background-position: -3402px 0px; -} -.flag.mr { - height: 14px; - background-position: -3424px 0px; -} -.flag.ms { - height: 10px; - background-position: -3446px 0px; -} -.flag.mt { - height: 14px; - background-position: -3468px 0px; -} -.flag.mu { - height: 14px; - background-position: -3490px 0px; -} -.flag.mv { - height: 14px; - background-position: -3512px 0px; -} -.flag.mw { - height: 14px; - background-position: -3534px 0px; -} -.flag.mx { - height: 12px; - background-position: -3556px 0px; -} -.flag.my { - height: 10px; - background-position: -3578px 0px; -} -.flag.mz { - height: 14px; - background-position: -3600px 0px; -} -.flag.na { - height: 14px; - background-position: -3622px 0px; -} -.flag.nc { - height: 10px; - background-position: -3644px 0px; -} -.flag.ne { - height: 15px; - background-position: -3666px 0px; -} -.flag.nf { - height: 10px; - background-position: -3686px 0px; -} -.flag.ng { - height: 10px; - background-position: -3708px 0px; -} -.flag.ni { - height: 12px; - background-position: -3730px 0px; -} -.flag.nl { - height: 14px; - background-position: -3752px 0px; -} -.flag.no { - height: 15px; - background-position: -3774px 0px; -} -.flag.np { - height: 15px; - background-position: -3796px 0px; -} -.flag.nr { - height: 10px; - background-position: -3811px 0px; -} -.flag.nu { - height: 10px; - background-position: -3833px 0px; -} -.flag.nz { - height: 10px; - background-position: -3855px 0px; -} -.flag.om { - height: 10px; - background-position: -3877px 0px; -} -.flag.pa { - height: 14px; - background-position: -3899px 0px; -} -.flag.pe { - height: 14px; - background-position: -3921px 0px; -} -.flag.pf { - height: 14px; - background-position: -3943px 0px; -} -.flag.pg { - height: 15px; - background-position: -3965px 0px; -} -.flag.ph { - height: 10px; - background-position: -3987px 0px; -} -.flag.pk { - height: 14px; - background-position: -4009px 0px; -} -.flag.pl { - height: 13px; - background-position: -4031px 0px; -} -.flag.pm { - height: 14px; - background-position: -4053px 0px; -} -.flag.pn { - height: 10px; - background-position: -4075px 0px; -} -.flag.pr { - height: 14px; - background-position: -4097px 0px; -} -.flag.ps { - height: 10px; - background-position: -4119px 0px; -} -.flag.pt { - height: 14px; - background-position: -4141px 0px; -} -.flag.pw { - height: 13px; - background-position: -4163px 0px; -} -.flag.py { - height: 11px; - background-position: -4185px 0px; -} -.flag.qa { - height: 8px; - background-position: -4207px 0px; -} -.flag.re { - height: 14px; - background-position: -4229px 0px; -} -.flag.ro { - height: 14px; - background-position: -4251px 0px; -} -.flag.rs { - height: 14px; - background-position: -4273px 0px; -} -.flag.ru { - height: 14px; - background-position: -4295px 0px; -} -.flag.rw { - height: 14px; - background-position: -4317px 0px; -} -.flag.sa { - height: 14px; - background-position: -4339px 0px; -} -.flag.sb { - height: 10px; - background-position: -4361px 0px; -} -.flag.sc { - height: 10px; - background-position: -4383px 0px; -} -.flag.sd { - height: 10px; - background-position: -4405px 0px; -} -.flag.se { - height: 13px; - background-position: -4427px 0px; -} -.flag.sg { - height: 14px; - background-position: -4449px 0px; -} -.flag.sh { - height: 10px; - background-position: -4471px 0px; -} -.flag.si { - height: 10px; - background-position: -4493px 0px; -} -.flag.sj { - height: 15px; - background-position: -4515px 0px; -} -.flag.sk { - height: 14px; - background-position: -4537px 0px; -} -.flag.sl { - height: 14px; - background-position: -4559px 0px; -} -.flag.sm { - height: 15px; - background-position: -4581px 0px; -} -.flag.sn { - height: 14px; - background-position: -4603px 0px; -} -.flag.so { - height: 14px; - background-position: -4625px 0px; -} -.flag.sr { - height: 14px; - background-position: -4647px 0px; -} -.flag.ss { - height: 10px; - background-position: -4669px 0px; -} -.flag.st { - height: 10px; - background-position: -4691px 0px; -} -.flag.sv { - height: 12px; - background-position: -4713px 0px; -} -.flag.sx { - height: 14px; - background-position: -4735px 0px; -} -.flag.sy { - height: 14px; - background-position: -4757px 0px; -} -.flag.sz { - height: 14px; - background-position: -4779px 0px; -} -.flag.ta { - height: 10px; - background-position: -4801px 0px; -} -.flag.tc { - height: 10px; - background-position: -4823px 0px; -} -.flag.td { - height: 14px; - background-position: -4845px 0px; -} -.flag.tf { - height: 14px; - background-position: -4867px 0px; -} -.flag.tg { - height: 13px; - background-position: -4889px 0px; -} -.flag.th { - height: 14px; - background-position: -4911px 0px; -} -.flag.tj { - height: 10px; - background-position: -4933px 0px; -} -.flag.tk { - height: 10px; - background-position: -4955px 0px; -} -.flag.tl { - height: 10px; - background-position: -4977px 0px; -} -.flag.tm { - height: 14px; - background-position: -4999px 0px; -} -.flag.tn { - height: 14px; - background-position: -5021px 0px; -} -.flag.to { - height: 10px; - background-position: -5043px 0px; -} -.flag.tr { - height: 14px; - background-position: -5065px 0px; -} -.flag.tt { - height: 12px; - background-position: -5087px 0px; -} -.flag.tv { - height: 10px; - background-position: -5109px 0px; -} -.flag.tw { - height: 14px; - background-position: -5131px 0px; -} -.flag.tz { - height: 14px; - background-position: -5153px 0px; -} -.flag.ua { - height: 14px; - background-position: -5175px 0px; -} -.flag.ug { - height: 14px; - background-position: -5197px 0px; -} -.flag.um { - height: 11px; - background-position: -5219px 0px; -} -.flag.us { - height: 11px; - background-position: -5241px 0px; -} -.flag.uy { - height: 14px; - background-position: -5263px 0px; -} -.flag.uz { - height: 10px; - background-position: -5285px 0px; -} -.flag.va { - height: 15px; - background-position: -5307px 0px; -} -.flag.vc { - height: 14px; - background-position: -5324px 0px; -} -.flag.ve { - height: 14px; - background-position: -5346px 0px; -} -.flag.vg { - height: 10px; - background-position: -5368px 0px; -} -.flag.vi { - height: 14px; - background-position: -5390px 0px; -} -.flag.vn { - height: 14px; - background-position: -5412px 0px; -} -.flag.vu { - height: 12px; - background-position: -5434px 0px; -} -.flag.wf { - height: 14px; - background-position: -5456px 0px; -} -.flag.ws { - height: 10px; - background-position: -5478px 0px; -} -.flag.xk { - height: 15px; - background-position: -5500px 0px; -} -.flag.ye { - height: 14px; - background-position: -5522px 0px; -} -.flag.yt { - height: 14px; - background-position: -5544px 0px; -} -.flag.za { - height: 14px; - background-position: -5566px 0px; -} -.flag.zm { - height: 14px; - background-position: -5588px 0px; -} -.flag.zw { - height: 10px; - background-position: -5610px 0px; -} -.flag.ot { - height: 0px; -} + margin-right: 10px; } + .flag.ac { + height: 10px; + background-position: 0px 0px; } + .flag.ad { + height: 14px; + background-position: -22px 0px; } + .flag.ae { + height: 10px; + background-position: -44px 0px; } + .flag.af { + height: 14px; + background-position: -66px 0px; } + .flag.ag { + height: 14px; + background-position: -88px 0px; } + .flag.ai { + height: 10px; + background-position: -110px 0px; } + .flag.al { + height: 15px; + background-position: -132px 0px; } + .flag.am { + height: 10px; + background-position: -154px 0px; } + .flag.ao { + height: 14px; + background-position: -176px 0px; } + .flag.aq { + height: 14px; + background-position: -198px 0px; } + .flag.ar { + height: 13px; + background-position: -220px 0px; } + .flag.as { + height: 10px; + background-position: -242px 0px; } + .flag.at { + height: 14px; + background-position: -264px 0px; } + .flag.au { + height: 10px; + background-position: -286px 0px; } + .flag.aw { + height: 14px; + background-position: -308px 0px; } + .flag.ax { + height: 13px; + background-position: -330px 0px; } + .flag.az { + height: 10px; + background-position: -352px 0px; } + .flag.ba { + height: 10px; + background-position: -374px 0px; } + .flag.bb { + height: 14px; + background-position: -396px 0px; } + .flag.bd { + height: 12px; + background-position: -418px 0px; } + .flag.be { + height: 15px; + background-position: -440px 0px; } + .flag.bf { + height: 14px; + background-position: -460px 0px; } + .flag.bg { + height: 12px; + background-position: -482px 0px; } + .flag.bh { + height: 12px; + background-position: -504px 0px; } + .flag.bi { + height: 12px; + background-position: -526px 0px; } + .flag.bj { + height: 14px; + background-position: -548px 0px; } + .flag.bl { + height: 14px; + background-position: -570px 0px; } + .flag.bm { + height: 10px; + background-position: -592px 0px; } + .flag.bn { + height: 10px; + background-position: -614px 0px; } + .flag.bo { + height: 14px; + background-position: -636px 0px; } + .flag.bq { + height: 14px; + background-position: -658px 0px; } + .flag.br { + height: 14px; + background-position: -680px 0px; } + .flag.bs { + height: 10px; + background-position: -702px 0px; } + .flag.bt { + height: 14px; + background-position: -724px 0px; } + .flag.bv { + height: 15px; + background-position: -746px 0px; } + .flag.bw { + height: 14px; + background-position: -768px 0px; } + .flag.by { + height: 10px; + background-position: -790px 0px; } + .flag.bz { + height: 14px; + background-position: -812px 0px; } + .flag.ca { + height: 10px; + background-position: -834px 0px; } + .flag.cc { + height: 10px; + background-position: -856px 0px; } + .flag.cd { + height: 15px; + background-position: -878px 0px; } + .flag.cf { + height: 14px; + background-position: -900px 0px; } + .flag.cg { + height: 14px; + background-position: -922px 0px; } + .flag.ch { + height: 15px; + background-position: -944px 0px; } + .flag.ci { + height: 14px; + background-position: -961px 0px; } + .flag.ck { + height: 10px; + background-position: -983px 0px; } + .flag.cl { + height: 14px; + background-position: -1005px 0px; } + .flag.cm { + height: 14px; + background-position: -1027px 0px; } + .flag.cn { + height: 14px; + background-position: -1049px 0px; } + .flag.co { + height: 14px; + background-position: -1071px 0px; } + .flag.cp { + height: 14px; + background-position: -1093px 0px; } + .flag.cr { + height: 12px; + background-position: -1115px 0px; } + .flag.cu { + height: 10px; + background-position: -1137px 0px; } + .flag.cv { + height: 12px; + background-position: -1159px 0px; } + .flag.cw { + height: 14px; + background-position: -1181px 0px; } + .flag.cx { + height: 10px; + background-position: -1203px 0px; } + .flag.cy { + height: 13px; + background-position: -1225px 0px; } + .flag.cz { + height: 14px; + background-position: -1247px 0px; } + .flag.de { + height: 12px; + background-position: -1269px 0px; } + .flag.dg { + height: 10px; + background-position: -1291px 0px; } + .flag.dj { + height: 14px; + background-position: -1313px 0px; } + .flag.dk { + height: 15px; + background-position: -1335px 0px; } + .flag.dm { + height: 10px; + background-position: -1357px 0px; } + .flag.do { + height: 13px; + background-position: -1379px 0px; } + .flag.dz { + height: 14px; + background-position: -1401px 0px; } + .flag.ea { + height: 14px; + background-position: -1423px 0px; } + .flag.ec { + height: 14px; + background-position: -1445px 0px; } + .flag.ee { + height: 13px; + background-position: -1467px 0px; } + .flag.eg { + height: 14px; + background-position: -1489px 0px; } + .flag.eh { + height: 10px; + background-position: -1511px 0px; } + .flag.er { + height: 10px; + background-position: -1533px 0px; } + .flag.es { + height: 14px; + background-position: -1555px 0px; } + .flag.et { + height: 10px; + background-position: -1577px 0px; } + .flag.eu { + height: 14px; + background-position: -1599px 0px; } + .flag.fi { + height: 12px; + background-position: -1621px 0px; } + .flag.fj { + height: 10px; + background-position: -1643px 0px; } + .flag.fk { + height: 10px; + background-position: -1665px 0px; } + .flag.fm { + height: 11px; + background-position: -1687px 0px; } + .flag.fo { + height: 15px; + background-position: -1709px 0px; } + .flag.fr { + height: 14px; + background-position: -1731px 0px; } + .flag.ga { + height: 15px; + background-position: -1753px 0px; } + .flag.gb { + height: 10px; + background-position: -1775px 0px; } + .flag.gd { + height: 12px; + background-position: -1797px 0px; } + .flag.ge { + height: 14px; + background-position: -1819px 0px; } + .flag.gf { + height: 14px; + background-position: -1841px 0px; } + .flag.gg { + height: 14px; + background-position: -1863px 0px; } + .flag.gh { + height: 14px; + background-position: -1885px 0px; } + .flag.gi { + height: 10px; + background-position: -1907px 0px; } + .flag.gl { + height: 14px; + background-position: -1929px 0px; } + .flag.gm { + height: 14px; + background-position: -1951px 0px; } + .flag.gn { + height: 14px; + background-position: -1973px 0px; } + .flag.gp { + height: 14px; + background-position: -1995px 0px; } + .flag.gq { + height: 14px; + background-position: -2017px 0px; } + .flag.gr { + height: 14px; + background-position: -2039px 0px; } + .flag.gs { + height: 10px; + background-position: -2061px 0px; } + .flag.gt { + height: 13px; + background-position: -2083px 0px; } + .flag.gu { + height: 11px; + background-position: -2105px 0px; } + .flag.gw { + height: 10px; + background-position: -2127px 0px; } + .flag.gy { + height: 12px; + background-position: -2149px 0px; } + .flag.hk { + height: 14px; + background-position: -2171px 0px; } + .flag.hm { + height: 10px; + background-position: -2193px 0px; } + .flag.hn { + height: 10px; + background-position: -2215px 0px; } + .flag.hr { + height: 10px; + background-position: -2237px 0px; } + .flag.ht { + height: 12px; + background-position: -2259px 0px; } + .flag.hu { + height: 10px; + background-position: -2281px 0px; } + .flag.ic { + height: 14px; + background-position: -2303px 0px; } + .flag.id { + height: 14px; + background-position: -2325px 0px; } + .flag.ie { + height: 10px; + background-position: -2347px 0px; } + .flag.il { + height: 15px; + background-position: -2369px 0px; } + .flag.im { + height: 10px; + background-position: -2391px 0px; } + .flag.in { + height: 14px; + background-position: -2413px 0px; } + .flag.io { + height: 10px; + background-position: -2435px 0px; } + .flag.iq { + height: 14px; + background-position: -2457px 0px; } + .flag.ir { + height: 12px; + background-position: -2479px 0px; } + .flag.is { + height: 15px; + background-position: -2501px 0px; } + .flag.it { + height: 14px; + background-position: -2523px 0px; } + .flag.je { + height: 12px; + background-position: -2545px 0px; } + .flag.jm { + height: 10px; + background-position: -2567px 0px; } + .flag.jo { + height: 10px; + background-position: -2589px 0px; } + .flag.jp { + height: 14px; + background-position: -2611px 0px; } + .flag.ke { + height: 14px; + background-position: -2633px 0px; } + .flag.kg { + height: 12px; + background-position: -2655px 0px; } + .flag.kh { + height: 13px; + background-position: -2677px 0px; } + .flag.ki { + height: 10px; + background-position: -2699px 0px; } + .flag.km { + height: 12px; + background-position: -2721px 0px; } + .flag.kn { + height: 14px; + background-position: -2743px 0px; } + .flag.kp { + height: 10px; + background-position: -2765px 0px; } + .flag.kr { + height: 14px; + background-position: -2787px 0px; } + .flag.kw { + height: 10px; + background-position: -2809px 0px; } + .flag.ky { + height: 10px; + background-position: -2831px 0px; } + .flag.kz { + height: 10px; + background-position: -2853px 0px; } + .flag.la { + height: 14px; + background-position: -2875px 0px; } + .flag.lb { + height: 14px; + background-position: -2897px 0px; } + .flag.lc { + height: 10px; + background-position: -2919px 0px; } + .flag.li { + height: 12px; + background-position: -2941px 0px; } + .flag.lk { + height: 10px; + background-position: -2963px 0px; } + .flag.lr { + height: 11px; + background-position: -2985px 0px; } + .flag.ls { + height: 14px; + background-position: -3007px 0px; } + .flag.lt { + height: 12px; + background-position: -3029px 0px; } + .flag.lu { + height: 12px; + background-position: -3051px 0px; } + .flag.lv { + height: 10px; + background-position: -3073px 0px; } + .flag.ly { + height: 10px; + background-position: -3095px 0px; } + .flag.ma { + height: 14px; + background-position: -3117px 0px; } + .flag.mc { + height: 15px; + background-position: -3139px 0px; } + .flag.md { + height: 10px; + background-position: -3160px 0px; } + .flag.me { + height: 10px; + background-position: -3182px 0px; } + .flag.mf { + height: 14px; + background-position: -3204px 0px; } + .flag.mg { + height: 14px; + background-position: -3226px 0px; } + .flag.mh { + height: 11px; + background-position: -3248px 0px; } + .flag.mk { + height: 10px; + background-position: -3270px 0px; } + .flag.ml { + height: 14px; + background-position: -3292px 0px; } + .flag.mm { + height: 14px; + background-position: -3314px 0px; } + .flag.mn { + height: 10px; + background-position: -3336px 0px; } + .flag.mo { + height: 14px; + background-position: -3358px 0px; } + .flag.mp { + height: 10px; + background-position: -3380px 0px; } + .flag.mq { + height: 14px; + background-position: -3402px 0px; } + .flag.mr { + height: 14px; + background-position: -3424px 0px; } + .flag.ms { + height: 10px; + background-position: -3446px 0px; } + .flag.mt { + height: 14px; + background-position: -3468px 0px; } + .flag.mu { + height: 14px; + background-position: -3490px 0px; } + .flag.mv { + height: 14px; + background-position: -3512px 0px; } + .flag.mw { + height: 14px; + background-position: -3534px 0px; } + .flag.mx { + height: 12px; + background-position: -3556px 0px; } + .flag.my { + height: 10px; + background-position: -3578px 0px; } + .flag.mz { + height: 14px; + background-position: -3600px 0px; } + .flag.na { + height: 14px; + background-position: -3622px 0px; } + .flag.nc { + height: 10px; + background-position: -3644px 0px; } + .flag.ne { + height: 15px; + background-position: -3666px 0px; } + .flag.nf { + height: 10px; + background-position: -3686px 0px; } + .flag.ng { + height: 10px; + background-position: -3708px 0px; } + .flag.ni { + height: 12px; + background-position: -3730px 0px; } + .flag.nl { + height: 14px; + background-position: -3752px 0px; } + .flag.no { + height: 15px; + background-position: -3774px 0px; } + .flag.np { + height: 15px; + background-position: -3796px 0px; } + .flag.nr { + height: 10px; + background-position: -3811px 0px; } + .flag.nu { + height: 10px; + background-position: -3833px 0px; } + .flag.nz { + height: 10px; + background-position: -3855px 0px; } + .flag.om { + height: 10px; + background-position: -3877px 0px; } + .flag.pa { + height: 14px; + background-position: -3899px 0px; } + .flag.pe { + height: 14px; + background-position: -3921px 0px; } + .flag.pf { + height: 14px; + background-position: -3943px 0px; } + .flag.pg { + height: 15px; + background-position: -3965px 0px; } + .flag.ph { + height: 10px; + background-position: -3987px 0px; } + .flag.pk { + height: 14px; + background-position: -4009px 0px; } + .flag.pl { + height: 13px; + background-position: -4031px 0px; } + .flag.pm { + height: 14px; + background-position: -4053px 0px; } + .flag.pn { + height: 10px; + background-position: -4075px 0px; } + .flag.pr { + height: 14px; + background-position: -4097px 0px; } + .flag.ps { + height: 10px; + background-position: -4119px 0px; } + .flag.pt { + height: 14px; + background-position: -4141px 0px; } + .flag.pw { + height: 13px; + background-position: -4163px 0px; } + .flag.py { + height: 11px; + background-position: -4185px 0px; } + .flag.qa { + height: 8px; + background-position: -4207px 0px; } + .flag.re { + height: 14px; + background-position: -4229px 0px; } + .flag.ro { + height: 14px; + background-position: -4251px 0px; } + .flag.rs { + height: 14px; + background-position: -4273px 0px; } + .flag.ru { + height: 14px; + background-position: -4295px 0px; } + .flag.rw { + height: 14px; + background-position: -4317px 0px; } + .flag.sa { + height: 14px; + background-position: -4339px 0px; } + .flag.sb { + height: 10px; + background-position: -4361px 0px; } + .flag.sc { + height: 10px; + background-position: -4383px 0px; } + .flag.sd { + height: 10px; + background-position: -4405px 0px; } + .flag.se { + height: 13px; + background-position: -4427px 0px; } + .flag.sg { + height: 14px; + background-position: -4449px 0px; } + .flag.sh { + height: 10px; + background-position: -4471px 0px; } + .flag.si { + height: 10px; + background-position: -4493px 0px; } + .flag.sj { + height: 15px; + background-position: -4515px 0px; } + .flag.sk { + height: 14px; + background-position: -4537px 0px; } + .flag.sl { + height: 14px; + background-position: -4559px 0px; } + .flag.sm { + height: 15px; + background-position: -4581px 0px; } + .flag.sn { + height: 14px; + background-position: -4603px 0px; } + .flag.so { + height: 14px; + background-position: -4625px 0px; } + .flag.sr { + height: 14px; + background-position: -4647px 0px; } + .flag.ss { + height: 10px; + background-position: -4669px 0px; } + .flag.st { + height: 10px; + background-position: -4691px 0px; } + .flag.sv { + height: 12px; + background-position: -4713px 0px; } + .flag.sx { + height: 14px; + background-position: -4735px 0px; } + .flag.sy { + height: 14px; + background-position: -4757px 0px; } + .flag.sz { + height: 14px; + background-position: -4779px 0px; } + .flag.ta { + height: 10px; + background-position: -4801px 0px; } + .flag.tc { + height: 10px; + background-position: -4823px 0px; } + .flag.td { + height: 14px; + background-position: -4845px 0px; } + .flag.tf { + height: 14px; + background-position: -4867px 0px; } + .flag.tg { + height: 13px; + background-position: -4889px 0px; } + .flag.th { + height: 14px; + background-position: -4911px 0px; } + .flag.tj { + height: 10px; + background-position: -4933px 0px; } + .flag.tk { + height: 10px; + background-position: -4955px 0px; } + .flag.tl { + height: 10px; + background-position: -4977px 0px; } + .flag.tm { + height: 14px; + background-position: -4999px 0px; } + .flag.tn { + height: 14px; + background-position: -5021px 0px; } + .flag.to { + height: 10px; + background-position: -5043px 0px; } + .flag.tr { + height: 14px; + background-position: -5065px 0px; } + .flag.tt { + height: 12px; + background-position: -5087px 0px; } + .flag.tv { + height: 10px; + background-position: -5109px 0px; } + .flag.tw { + height: 14px; + background-position: -5131px 0px; } + .flag.tz { + height: 14px; + background-position: -5153px 0px; } + .flag.ua { + height: 14px; + background-position: -5175px 0px; } + .flag.ug { + height: 14px; + background-position: -5197px 0px; } + .flag.um { + height: 11px; + background-position: -5219px 0px; } + .flag.us { + height: 11px; + background-position: -5241px 0px; } + .flag.uy { + height: 14px; + background-position: -5263px 0px; } + .flag.uz { + height: 10px; + background-position: -5285px 0px; } + .flag.va { + height: 15px; + background-position: -5307px 0px; } + .flag.vc { + height: 14px; + background-position: -5324px 0px; } + .flag.ve { + height: 14px; + background-position: -5346px 0px; } + .flag.vg { + height: 10px; + background-position: -5368px 0px; } + .flag.vi { + height: 14px; + background-position: -5390px 0px; } + .flag.vn { + height: 14px; + background-position: -5412px 0px; } + .flag.vu { + height: 12px; + background-position: -5434px 0px; } + .flag.wf { + height: 14px; + background-position: -5456px 0px; } + .flag.ws { + height: 10px; + background-position: -5478px 0px; } + .flag.xk { + height: 15px; + background-position: -5500px 0px; } + .flag.ye { + height: 14px; + background-position: -5522px 0px; } + .flag.yt { + height: 14px; + background-position: -5544px 0px; } + .flag.za { + height: 14px; + background-position: -5566px 0px; } + .flag.zm { + height: 14px; + background-position: -5588px 0px; } + .flag.zw { + height: 10px; + background-position: -5610px 0px; } + .flag.ot { + height: 0px; } + .roo-money-field .roo-money-currency { - padding-right: 0px; -} + padding-right: 0px; } + .roo-money-field .roo-money-amount { - padding-left: 0px; -} + padding-left: 0px; } + .roo-money-field .roo-money-currency-input { - border-right: 0px; -} + border-right: 0px; } + .roo-money-field .input-group-addon { background-color: transparent; border-left: 0px; border-right: 0px; - border-radius: 0px; -} + border-radius: 0px; } + .roo-money-field .roo-money-amount-input { border-top-left-radius: 0px; border-bottom-left-radius: 0px; - text-align: right; -} + text-align: right; } + .has-success .roo-money-currency .roo-select2-container .input-group-addon { border-color: #3c763d; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #3c763d; -} + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #3c763d; } + .has-warning .roo-money-currency .roo-select2-container .input-group-addon { border-color: #8a6d3b; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #8a6d3b; -} + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #8a6d3b; } + .has-error .roo-money-currency .roo-select2-container .input-group-addon { border-color: #a94442; - box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #a94442; -} + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2), 0 0 2px #a94442; } + +/* collapseable card headers */ +.card-header .fa { + transition: .3s transform ease-in-out; + margin-top: 3px; } + +.card-header .collapsed { + transform: rotate(90deg); } + +.roo-card-dropzone { + border: 1px dashed #adb5bd; + width: 100%; + margin-bottom: 10px; + border-radius: 0.25rem; } + +.roo-card-rotated { + transform: rotate(90deg) translate(0px, -50px); + transform-origin: top left; + width: 500px; } + +.roo-markdown-area .roo-placeholder { + color: #6c757d; } + +.roo-markdown-area { + min-height: 100px; + width: 100%; + border: 1px dashed #ccc; + padding: 4px 7px; } + +.popover { + max-width: 90%; } + +.popover-header .form-group { + margin-bottom: 0; } + +/* Menu - show the icons with a bit of padding */ +.dropdown-item i.fa { + margin-left: -10px; + margin-right: 10px; } + +img.background-contain { + background-repeat: no-repeat; + background-position: center; + background-size: contain; } + +/** override max-width of tooltip-inner +not sure why it was so small.. +*/ +.tooltip-inner { + max-width: 500px; } + /*# sourceMappingURL=roojs-bootstrap-debug.css.map */ \ No newline at end of file