X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=css-bootstrap%2Froojs-bootstrap-debug.css;h=473301361970fd309fb3c49a21c5aa8a97df6674;hb=06633a6bb9c089952cb598846dae6666727037e7;hp=1c5bc69888bcde1d61e7ed5fc3be55fdf5998ba2;hpb=4049e73d226b432cb8741f8b0a2c4abe835aad62;p=roojs1 diff --git a/css-bootstrap/roojs-bootstrap-debug.css b/css-bootstrap/roojs-bootstrap-debug.css index 1c5bc69888..4733013619 100644 --- a/css-bootstrap/roojs-bootstrap-debug.css +++ b/css-bootstrap/roojs-bootstrap-debug.css @@ -1,7 +1,10 @@ - -/* -- alert.css ---- */ -/* -- this makes the icons for the alert boxes a round box.. */ - +/* +* Consider remove or merge these... +*/ +/* + * CAUTION! + * This CSS file is auto generated. Please edit the .less instead! + */ .alert { padding-left: 30px; margin-top: 20px; @@ -23,7 +26,6 @@ background: inherit; border: inherit; } -/* -- calendar.css ---- */ /*! * FullCalendar v1.6.4 Stylesheet * Docs & License: http://arshaw.com/fullcalendar/ @@ -31,802 +33,781 @@ * * When taken - was MIT licence (18/Feb/2014) */ - - .fc { - direction: ltr; - text-align: left; - margin: 0; - - font-family: Lucida Sans,Arial,sans-serif; - - - - } - + direction: ltr; + text-align: left; + margin: 0; + font-family: Lucida Sans, Arial, sans-serif; +} .fc table { - border-collapse: collapse; - border-spacing: 0; - } - + border-collapse: collapse; + border-spacing: 0; +} html .fc, .fc table { - font-size: 1em; - } - + 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; - } - - - + padding: 0; + vertical-align: top; + -moz-user-select: -moz-none; + -khtml-user-select: none; + -webkit-user-select: none; + -o-user-select: none; + user-select: none; +} /* Header ------------------------------------------------------------------------*/ - .fc-header td { - white-space: nowrap; - } - + white-space: nowrap; +} .fc-header-left { - width: 25%; - text-align: left; - } - + width: 25%; + text-align: left; +} .fc-header-center { - text-align: center; - } - + text-align: center; +} .fc-header-right { - width: 25%; - text-align: right; - } - + width: 25%; + text-align: right; +} .fc-header-title { - display: inline-block; - vertical-align: top; - } - + display: inline-block; + vertical-align: top; +} .fc-header-title h2 { - margin-top: 0; - white-space: nowrap; - font-size: 1.5em; - font-family: Lucida Sans,Arial,sans-serif; - font-weight: bold; - line-height: normal;; - margin:0; - } - + margin-top: 0; + white-space: nowrap; + font-size: 1.5em; + font-family: Lucida Sans, Arial, sans-serif; + font-weight: bold; + line-height: normal; + margin: 0; +} .fc .fc-header-space { - padding-left: 10px; - } - + padding-left: 10px; +} .fc-header .fc-button { - margin-bottom: 1em; - vertical-align: top; - } - + margin-bottom: 1em; + vertical-align: top; +} /* buttons edges butting together */ - .fc-header .fc-button { - margin-right: -1px; - } - -.fc-header .fc-corner-right, /* non-theme */ -.fc-header .ui-corner-right { /* theme */ - margin-right: 0; /* back to normal */ - } - + margin-right: -1px; +} +.fc-header .fc-corner-right, +.fc-header .ui-corner-right { + /* theme */ + margin-right: 0; + /* back to normal */ +} /* button layering (for border precedence) */ - .fc-header .fc-state-hover, .fc-header .ui-state-hover { - z-index: 2; - } - + z-index: 2; +} .fc-header .fc-state-down { - z-index: 3; - } - + z-index: 3; +} .fc-header .fc-state-active, .fc-header .ui-state-active { - z-index: 4; - } - - - + z-index: 4; +} /* Content ------------------------------------------------------------------------*/ - .fc-content { - clear: both; - zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ - } - + clear: both; + zoom: 1; + /* for IE7, gives accurate coordinates for [un]freezeContentHeight */ +} .fc-view { - width: 100%; - overflow: hidden; - } - - - + width: 100%; + overflow: hidden; +} /* Cell Styles ------------------------------------------------------------------------*/ - -.fc-widget-header, /* , usually */ -.fc-widget-content { /* , usually */ - border: 1px solid #ddd; - } - -.fc-state-highlight { /* today cell */ /* TODO: add .fc-today to */ - background: #fcf8e3; - } - -.fc-cell-overlay { /* semi-transparent rectangle while dragging */ - background: #bce8f1; - opacity: .3; - filter: alpha(opacity=30); /* for IE */ - } - - - +.fc-widget-header, +.fc-widget-content { + /* , usually */ + border: 1px solid #777777; +} +.fc-state-highlight { + /* today cell */ + /* TODO: add .fc-today to */ + background: #f0ad4e; +} +.fc-cell-overlay { + /* semi-transparent rectangle while dragging */ + background: #5bc0de; + opacity: .3; + filter: alpha(opacity=30); + /* for IE */ +} /* Buttons ------------------------------------------------------------------------*/ - .fc-button { - position: relative; - display: inline-block; - padding: 0 .6em; - overflow: hidden; - height: 1.9em; - line-height: 1.9em; - white-space: nowrap; - cursor: pointer; - } - -.fc-state-default { /* non-theme */ - border: 1px solid; - } - -.fc-state-default.fc-corner-left { /* non-theme */ - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; - } - -.fc-state-default.fc-corner-right { /* non-theme */ - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; - } - + position: relative; + display: inline-block; + padding: 0 .6em; + overflow: hidden; + height: 1.9em; + line-height: 1.9em; + white-space: nowrap; + cursor: pointer; +} +.fc-state-default { + /* non-theme */ + border: 1px solid; +} +.fc-state-default.fc-corner-left { + /* non-theme */ + border-top-left-radius: 4px; + border-bottom-left-radius: 4px; +} +.fc-state-default.fc-corner-right { + /* non-theme */ + border-top-right-radius: 4px; + border-bottom-right-radius: 4px; +} /* - Our default prev/next buttons use HTML entities like ‹ › « » - and we'll try to make them look good cross-browser. + Our default prev/next buttons use HTML entities like ‹ › « » + and we'll try to make them look good cross-browser. */ - .fc-text-arrow { - margin: 0 .1em; - font-size: 2em; - font-family: "Courier New", Courier, monospace; - vertical-align: baseline; /* for IE7 */ - } - + margin: 0 .1em; + font-size: 2em; + font-family: "Courier New", Courier, monospace; + vertical-align: baseline; + /* for IE7 */ +} .fc-button-prev .fc-text-arrow, -.fc-button-next .fc-text-arrow { /* for ‹ › */ - font-weight: bold; - } - +.fc-button-next .fc-text-arrow { + /* for ‹ › */ + font-weight: bold; +} /* icon (for jquery ui) */ - .fc-button .fc-icon-wrap { - position: relative; - float: left; - top: 50%; - } - + position: relative; + float: left; + top: 50%; +} .fc-button .ui-icon { - position: relative; - float: left; - margin-top: -50%; - *margin-top: 0; - *top: -50%; - } - + position: relative; + float: left; + margin-top: -50%; + *margin-top: 0; + *top: -50%; +} /* button states borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/) */ - .fc-state-default { - background-color: #f5f5f5; - background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); - background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); - background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); - background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); - background-repeat: repeat-x; - border-color: #e6e6e6 #e6e6e6 #bfbfbf; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); - color: #333; - text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); - } - + background-color: #f5f5f5; + background-image: -moz-linear-gradient(top, #ffffff, #777777); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#777777)); + background-image: -webkit-linear-gradient(top, #ffffff, #777777); + background-image: -o-linear-gradient(top, #ffffff, #777777); + background-image: linear-gradient(to bottom, #ffffff, #777777); + background-repeat: repeat-x; + border-color: #777777 #777777 #777777; + border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5); + color: #333333; +} .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled { - color: #333333; - background-color: #e6e6e6; - } - + color: #333333; + background-color: #777777; +} .fc-state-hover { - color: #333333; - text-decoration: none; - background-position: 0 -15px; - -webkit-transition: background-position 0.1s linear; - -moz-transition: background-position 0.1s linear; - -o-transition: background-position 0.1s linear; - transition: background-position 0.1s linear; - } - + color: #333333; + text-decoration: none; + background-position: 0 -15px; + -webkit-transition: background-position 0.1s linear; + -moz-transition: background-position 0.1s linear; + -o-transition: background-position 0.1s linear; + transition: background-position 0.1s linear; +} .fc-state-down, .fc-state-active { - background-color: #cccccc; - background-image: none; - outline: 0; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); - } - + background-color: #777777; + background-image: none; + outline: 0; + box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2), 0 1px 2px rgba(0, 0, 0, 0.2); +} .fc-state-disabled { - cursor: default; - background-image: none; - opacity: 0.65; - filter: alpha(opacity=65); - box-shadow: none; - } - - - + cursor: default; + background-image: none; + opacity: 0.65; + filter: alpha(opacity=65); + box-shadow: none; +} /* Global Event Styles ------------------------------------------------------------------------*/ - .fc-event-container > * { - z-index: 8; - } - + z-index: 8; +} .fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing { - z-index: 9; - } - + z-index: 9; +} .fc-event { - border: 1px solid #3a87ad; /* default BORDER color */ - background-color: #3a87ad; /* default BACKGROUND color */ - color: #fff; /* default TEXT color */ - font-size: .85em; - cursor: default; - } - + border: 1px solid #337ab7; + background-color: #337ab7; + color: #ffffff; + /* default TEXT color */ + font-size: .85em; + cursor: default; +} a.fc-event { - text-decoration: none; - } - + text-decoration: none; +} a.fc-event, .fc-event-draggable { - cursor: pointer; - } - + cursor: pointer; +} .fc-rtl .fc-event { - text-align: right; - } - + text-align: right; +} .fc-event-inner { - width: 100%; - height: 100%; - overflow: hidden; - } - + width: 100%; + height: 100%; + overflow: hidden; +} .fc-event-time, .fc-event-title { - padding: 0 1px; - overflow: hidden; - white-space: nowrap; - } - + padding: 0 1px; + overflow: hidden; + white-space: nowrap; +} .fc .ui-resizable-handle { - display: block; - position: absolute; - z-index: 99999; - overflow: hidden; /* hacky spaces (IE6/7) */ - font-size: 300%; /* */ - line-height: 50%; /* */ - } - - - + display: block; + position: absolute; + z-index: 99999; + overflow: hidden; + /* hacky spaces (IE6/7) */ + font-size: 300%; + /* */ + line-height: 50%; + /* */ +} /* Horizontal Events ------------------------------------------------------------------------*/ - .fc-event-hori { - border-width: 1px 0; - margin-bottom: 1px; - } - + border-width: 1px 0; + margin-bottom: 1px; +} .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end { - border-left-width: 1px; - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; - } - + border-left-width: 1px; + border-top-left-radius: 3px; + border-bottom-left-radius: 3px; +} .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start { - border-right-width: 1px; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; - } - + border-right-width: 1px; + border-top-right-radius: 3px; + border-bottom-right-radius: 3px; +} /* resizable */ - .fc-event-hori .ui-resizable-e { - top: 0 !important; /* importants override pre jquery ui 1.7 styles */ - right: -3px !important; - width: 7px !important; - height: 100% !important; - cursor: e-resize; - } - + top: 0 !important; + /* importants override pre jquery ui 1.7 styles */ + right: -3px !important; + width: 7px !important; + height: 100% !important; + cursor: e-resize; +} .fc-event-hori .ui-resizable-w { - top: 0 !important; - left: -3px !important; - width: 7px !important; - height: 100% !important; - cursor: w-resize; - } - + 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 */ - } - - - + _padding-bottom: 14px; + /* IE6 had 0 height */ +} /* Reusable Separate-border Table ------------------------------------------------------------*/ - table.fc-border-separate { - border-collapse: separate; - } - + border-collapse: separate; +} .fc-border-separate th, .fc-border-separate td { - border-width: 1px 0 0 1px; - } - + border-width: 1px 0 0 1px; +} .fc-border-separate th.fc-last, .fc-border-separate td.fc-last { - border-right-width: 1px; - } - + border-right-width: 1px; +} .fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td { - border-bottom-width: 1px; - } - + 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-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; - } - + width: 22px; + text-align: center; +} .fc .fc-week-number div { - padding: 0 2px; - } - + padding: 0 2px; +} .fc-grid .fc-day-number { - float: right; - padding: 0 2px; - } - + float: right; + padding: 0 2px; +} .fc-grid .fc-other-month .fc-day-number { - opacity: 0.3; - filter: alpha(opacity=30); /* for IE */ - /* opacity with small font can sometimes look too faded - might want to set the 'color' property instead - making day-numbers bold also fixes the problem */ - } - + opacity: 0.3; + filter: alpha(opacity=30); + /* for IE */ + /* opacity with small font can sometimes look too faded + might want to set the 'color' property instead + making day-numbers bold also fixes the problem */ +} .fc-grid .fc-day-content { - clear: both; - padding: 2px 2px 1px; /* distance between events and day edges */ - } - + clear: both; + padding: 2px 2px 1px; + /* 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; - } - + width: 50px; + padding: 0 4px; + vertical-align: middle; + text-align: right; + white-space: nowrap; + font-weight: normal; +} .fc-agenda .fc-week-number { - font-weight: bold; - } - + 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; - } - + min-height: 34px; + /* TODO: doesnt work well in quirksmode */ + _height: 34px; +} /* divider (between all-day and slots) */ - .fc-agenda-divider-inner { - height: 2px; - overflow: hidden; - } - + height: 2px; + overflow: hidden; +} .fc-widget-header .fc-agenda-divider-inner { - background: #eee; - } - + background: #eeeeee; +} /* 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; - } - + border-width: 1px 0 0; + background: none; +} .fc-agenda-slots td div { - height: 20px; - } - + height: 20px; +} .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td { - border-top-width: 0; - } - + border-top-width: 0; +} .fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td { - border-top-style: dotted; - } - + 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 */ - } - - - + *border-top-style: solid; + /* 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-width: 1px; + border-top-left-radius: 3px; + border-top-right-radius: 3px; +} .fc-event-vert.fc-event-end { - border-bottom-width: 1px; - border-bottom-left-radius: 3px; - border-bottom-right-radius: 3px; - } - + border-bottom-width: 1px; + border-bottom-left-radius: 3px; + border-bottom-right-radius: 3px; +} .fc-event-vert .fc-event-time { - white-space: nowrap; - font-size: 10px; - } - + white-space: nowrap; + font-size: 10px; +} .fc-event-vert .fc-event-inner { - position: relative; - z-index: 2; - } - -.fc-event-vert .fc-event-bg { /* makes the event lighter w/ a semi-transparent overlay */ - position: absolute; - z-index: 1; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #fff; - opacity: .25; - filter: alpha(opacity=25); - } - -.fc .ui-draggable-dragging .fc-event-bg, /* TODO: something nicer like .fc-opacity */ + position: relative; + z-index: 2; +} +.fc-event-vert .fc-event-bg { + /* makes the event lighter w/ a semi-transparent overlay */ + position: absolute; + z-index: 1; + top: 0; + left: 0; + width: 100%; + height: 100%; + background: #ffffff; + 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 */ - } - + display: none\9; + /* for IE6/7/8. nested opacity filters while dragging don't work */ +} /* resizable */ - .fc-event-vert .ui-resizable-s { - bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */ - width: 100% !important; - height: 8px !important; - overflow: hidden !important; - line-height: 8px !important; - font-size: 11px !important; - font-family: monospace; - text-align: center; - cursor: s-resize; - } - -.fc-agenda .ui-resizable-resizing { /* TODO: better selector */ - _overflow: hidden; - } - - - -/* -- checkbox.css ---- */ + bottom: 0 !important; + /* importants override pre jquery ui 1.7 styles */ + width: 100% !important; + height: 8px !important; + overflow: hidden !important; + line-height: 8px !important; + font-size: 11px !important; + font-family: monospace; + text-align: center; + cursor: s-resize; +} +.fc-agenda .ui-resizable-resizing { + /* TODO: better selector */ + _overflow: hidden; +} +.clear { + clear: both; +} +.carousel-bullets { + height: 17px; + bottom: 20px; + width: 100%; + text-align: center; + z-index: 1000; + position: absolute; + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; + -moz-opacity: 1; + -khtml-opacity: 1; + opacity: 1; + -webkit-transition: opacity 0.2s ease-out; + -moz-transition: opacity 0.2s ease-out; + -o-transition: opacity 0.2s ease-out; + -ms-transition: opacity 0.2s ease-out; + -webkit-transform: translateZ(5px); +} +.carousel-bullets > .bullet { + cursor: pointer; + position: relative !important; + background: rgba(0, 0, 0, 0.5) !important; + -webkit-border-radius: 10px; + border-radius: 10px; + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + width: 6px !important; + height: 6px !important; + border: 5px solid rgba(0, 0, 0, 0) !important; + display: inline-block; + margin-right: 2px !important; + margin-bottom: 0px !important; + -webkit-transition: background-color 0.2s, border-color 0.2s; + -moz-transition: background-color 0.2s, border-color 0.2s; + -o-transition: background-color 0.2s, border-color 0.2s; + -ms-transition: background-color 0.2s, border-color 0.2s; + transition: background-color 0.2s, border-color 0.2s; + float: none !important; + box-sizing: content-box; + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; +} +.carousel-bullets > .bullet:hover, +.carousel-bullets > .bullet.selected { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; + background: #ffffff !important; + width: 6px !important; + height: 6px !important; + border: 5px solid #000000 !important; +} +.carousel-inner > .carousel-arrow > .carousel-prev { + position: absolute; + display: block; + top: 50%; + color: #ffffff; + z-index: 100; + cursor: pointer; + padding: 10px; + margin-top: -22px; + left: 0; +} +.carousel-inner > .carousel-arrow > .carousel-next { + position: absolute; + display: block; + top: 50%; + color: #ffffff; + z-index: 100; + cursor: pointer; + padding: 10px; + margin-top: -22px; + right: 0; +} +.carousel-inner > .carousel-arrow > .carousel-prev > i, +.carousel-inner > .carousel-arrow > .carousel-next > i { + font-size: 24px; +} +.carousel-inner .tab-pane.clickable { + cursor: pointer; +} /* * * From https://github.com/flatlogic/awesome-bootstrap-checkbox * */ .checkbox label { - display: inline-block; - position: relative; - padding-left: 5px; - -webkit-touch-callout: none; - -webkit-user-select: none; - -khtml-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; -} -.checkbox label::before { - content: ""; - display: inline-block; - position: absolute; - width: 17px; - height: 17px; - left: 0; - margin-left: -20px; - border: 1px solid #cccccc; - border-radius: 3px; - background-color: #fff; - -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; - -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out; - transition: border 0.15s ease-in-out, color 0.15s ease-in-out; } + display: inline-block; + position: relative; + padding-left: 5px; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} .checkbox label::after { - display: inline-block; - position: absolute; - width: 16px; - height: 16px; - left: 0; - top: 0; - margin-left: -20px; - padding-left: 3px; - padding-top: 1px; - font-size: 11px; - color: #555555; } + display: inline-block; + position: absolute; + width: 16px; + height: 16px; + left: 0; + top: 0; + margin-left: -20px; + padding-left: 3px; + padding-top: 1px; + font-size: 11px; + color: #555555; +} .checkbox input[type="checkbox"] { - display: none; } + display: none; +} .checkbox input[type="checkbox"]:checked + label::after { - font-family: 'FontAwesome'; - content: "\f00c"; } + font-size: 18px; + padding-top: 0px; + font-family: 'Font Awesome 5 Free 400'; + font-weight: 900; + color: #5cb85c; + content: "\f14a"; +} +.checkbox input[type="checkbox"]:not(:checked) + label::after { + font-size: 18px; + padding-top: 0px; + font-family: 'Font Awesome 5 Free 400'; + font-weight: 900; + content: "\f0c8"; +} .checkbox input[type="checkbox"]:disabled + label { - opacity: 0.65; } + opacity: 0.65; +} .checkbox input[type="checkbox"]:disabled + label::before { - background-color: #eeeeee; - cursor: not-allowed; } + background-color: #eeeeee; + cursor: not-allowed; +} .checkbox.checkbox-circle label::before { - border-radius: 50%; } - + border-radius: 50%; +} .checkbox-primary input[type="checkbox"]:checked + label::before { - background-color: #428bca; - border-color: #428bca; } + background-color: #337ab7; + border-color: #337ab7; +} .checkbox-primary input[type="checkbox"]:checked + label::after { - color: #fff; } - + color: #ffffff; +} .checkbox-danger input[type="checkbox"]:checked + label::before { - background-color: #d9534f; - border-color: #d9534f; } + background-color: #d9534f; + border-color: #d9534f; +} .checkbox-danger input[type="checkbox"]:checked + label::after { - color: #fff; } - -.checkbox-info input[type="checkbox"]:checked + label::before { - background-color: #5bc0de; - border-color: #5bc0de; } + color: #ffffff; +} +.checkbox-info input[type="checkbox"]:checked + label::before { + background-color: #5bc0de; + border-color: #5bc0de; +} .checkbox-info input[type="checkbox"]:checked + label::after { - color: #fff; } - + color: #ffffff; +} .checkbox-warning input[type="checkbox"]:checked + label::before { - background-color: #f0ad4e; - border-color: #f0ad4e; } + background-color: #f0ad4e; + border-color: #f0ad4e; +} .checkbox-warning input[type="checkbox"]:checked + label::after { - color: #fff; } - + color: #ffffff; +} .checkbox-success input[type="checkbox"]:checked + label::before { - background-color: #5cb85c; - border-color: #5cb85c; } + background-color: #5cb85c; + border-color: #5cb85c; +} .checkbox-success input[type="checkbox"]:checked + label::after { - color: #fff; } - -/* before is the outer cicle */ + color: #ffffff; +} +/* before is the outer cicle */ /* after is the inner circle.. */ - - - .radio label { - display: inline-block; - position: relative; - padding-left: 5px; } + display: inline-block; + position: relative; + padding-left: 5px; +} .radio label::before { - content: ""; - display: inline-block; - position: absolute; - width: 17px; - height: 17px; - left: 0; - margin-left: -20px; - border: 1px solid #cccccc; - border-radius: 50%; - 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; } + content: ""; + display: inline-block; + position: absolute; + width: 17px; + height: 17px; + left: 0; + margin-left: -20px; + border: 1px solid #777777; + border-radius: 50%; + background-color: #ffffff; + -webkit-transition: border 0.15s ease-in-out; + -o-transition: border 0.15s ease-in-out; + transition: border 0.15s ease-in-out; +} .radio label::after { - display: inline-block; - position: absolute; - content: " "; - width: 11px; - height: 11px; - left: 3px; - top: 3px; - margin-left: -20px; - border-radius: 50%; - background-color: #fff; - -webkit-transform: scale(0, 0); - -ms-transform: scale(0, 0); - -o-transform: scale(0, 0); - transform: scale(0, 0); - -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); - -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); - -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); - transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); - } + display: inline-block; + position: absolute; + content: " "; + width: 11px; + height: 11px; + left: 3px; + top: 3px; + margin-left: -20px; + border-radius: 50%; + background-color: #ffffff; + -webkit-transform: scale(0, 0); + -ms-transform: scale(0, 0); + -o-transform: scale(0, 0); + transform: scale(0, 0); + -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); +} .radio input[type="radio"] { - display: none; + 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: #555555; + -webkit-transform: scale(1, 1); + -ms-transform: scale(1, 1); + -o-transform: scale(1, 1); + transform: scale(1, 1); + background-color: #555555; } .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: #ffffff; +} .radio-primary input[type="radio"]:checked + label::before { - border-color: #428bca; } + border-color: #337ab7; +} .radio-primary input[type="radio"]:checked + label::after { - background-color: #428bca; } - + background-color: #337ab7; +} .radio-danger input[type="radio"] + label::after { - background-color: #d9534f; } + background-color: #d9534f; +} .radio-danger input[type="radio"]:checked + label::before { - border-color: #d9534f; } + border-color: #d9534f; +} .radio-danger input[type="radio"]:checked + label::after { - background-color: #d9534f; } - - - + background-color: #d9534f; +} .radio-info input[type="radio"] + label::after { - background-color: #fff; + background-color: #ffffff; } .radio-info input[type="radio"]:checked + label::before { - border-color: #5bc0de; } + border-color: #5bc0de; +} .radio-info input[type="radio"]:checked + label::after { - background-color: #5bc0de; } - + background-color: #5bc0de; +} .radio-warning input[type="radio"] + label::after { - background-color: #fff; } + background-color: #ffffff; +} .radio-warning input[type="radio"]:checked + label::before { - border-color: #f0ad4e; } + border-color: #f0ad4e; +} .radio-warning input[type="radio"]:checked + label::after { - background-color: #f0ad4e; } - + background-color: #f0ad4e; +} .radio-success input[type="radio"] + label::after { - background-color: #fff; } + background-color: #ffffff; +} .radio-success input[type="radio"]:checked + label::before { - border-color: #5cb85c; } + border-color: #5cb85c; +} .radio-success input[type="radio"]:checked + label::after { - background-color: #5cb85c; } - + background-color: #5cb85c; +} .checkbox.checkbox-inline, .radio.radio-inline { - margin-top: 0; + margin-top: 0; } -/* -- combobox.css ---- */ /* * * From https://github.com/danielfarrell/bootstrap-combobox * */ - .combobox-container { margin-bottom: 5px; *zoom: 1; @@ -852,7 +833,7 @@ table.fc-border-separate { z-index: 2; } .combobox-container .uneditable-input { - border-left-color: #ccc; + border-left-color: #777777; } .combobox-container .add-on { float: left; @@ -863,19 +844,18 @@ table.fc-border-separate { margin-right: -1px; padding: 4px 5px; font-weight: normal; - color: #999999; + color: #777777; text-align: center; text-shadow: 0 1px 0 #ffffff; background-color: #f5f5f5; - border: 1px solid #ccc; + border: 1px solid #777777; -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; - } .combobox-container .active { - background-color: #3875d7; - color: #fff; + background-color: #337ab7; + color: #ffffff; } .combobox-container input, .combobox-container .uneditable-input { @@ -885,8 +865,8 @@ table.fc-border-separate { border-radius: 3px 0 0 3px; } .combobox-container .uneditable-input { - border-left-color: #eee; - border-right-color: #ccc; + border-left-color: #eeeeee; + border-right-color: #777777; } .combobox-container .add-on { margin-right: 0; @@ -955,109 +935,138 @@ table.fc-border-separate { overflow-y: auto; } .control-group.error .combobox-container .add-on { - color: #B94A48; - border-color: #B94A48; + color: #d9534f; + border-color: #d9534f; } .control-group.error .combobox-container .caret { - border-top-color: #B94A48; + border-top-color: #d9534f; } .control-group.warning .combobox-container .add-on { - color: #C09853; - border-color: #C09853; + color: #f0ad4e; + border-color: #f0ad4e; } .control-group.warning .combobox-container .caret { - border-top-color: #C09853; + border-top-color: #f0ad4e; } .control-group.success .combobox-container .add-on { - color: #468847; - border-color: #468847; + color: #5cb85c; + border-color: #5cb85c; } .control-group.success .combobox-container .caret { - border-top-color: #468847; + border-top-color: #5cb85c; } .btn .combobox-clear [class^="icon-"] { line-height: 1.4em; } .combobox-container .dropdown-menu { - border-radius: 0; - padding: 0; - border: 1px solid #66afe9; - border-top: none; - + border-radius: 0; + padding: 0; + border: 1px solid #337ab7; + border-top: none; } - -.select2-container .dropdown-menu { - border: 1px solid #5897fb; +.roo-select2-container .dropdown-menu { + border: 1px solid #337ab7; } - .dropdown-menu .active { - background: #3875d7; - color: #fff; -} - -.dropdown-menu .active label{ - color: #fff; + background: #337ab7; + color: #ffffff; } - -.dropdown-menu .select2-result { - padding: 3px 7px 4px; - margin: 0; - cursor: pointer; - min-height: 1em; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; +.dropdown-menu .active label { + color: #ffffff; } - -.select2-container, -.select2-choices .select2-search-field{ - width: 100% +.dropdown-menu .roo-select2-result { + padding: 3px 7px 4px; + margin: 0; + cursor: pointer; + min-height: 1em; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.roo-select2-container, +.roo-select2-choices .roo-select2-search-field { + width: 100%; } -.select2-container .x-combo-noedit { - cursor: pointer; - background-color: #fff; - +.roo-select2-container .x-combo-noedit { + cursor: pointer; + background-color: #ffffff; } -.select2-container .x-combo-noedit[disabled] { - cursor: not-allowed; - background-color: #eee; - +.roo-select2-container .x-combo-noedit[disabled] { + cursor: not-allowed; + background-color: #eeeeee; } - -.roo-combobox-tickable .select2-choices { - border: none; - background-image: none; +.roo-combobox-tickable .roo-select2-choices { + border: none; + background-image: none; } - -.roo-combobox-tickable .select2-result label { - width: 100%; +.roo-combobox-tickable .roo-select2-result label { + width: 100%; } - +/* zindex of dialogs is 10000++ so dropdowns have to be higher... */ .dropdown-menu { - z-index: 10002 !important; + z-index: 20002 !important; } - .dropdown-menu .checkbox label { - width: 100%; + width: 100%; } - -.select2-container-multi .dropdown-menu .select2-result .checkbox { - margin-top: 0px; - margin-bottom: 0px; +.roo-select2-container-multi .dropdown-menu .roo-select2-result .checkbox { + margin-top: 0px; + margin-bottom: 0px; +} +.dropdown-menu .roo-select2-result .checkbox { + margin-top: 3px; + margin-bottom: 3px; +} +.roo-select2-container .input-group-addon { + padding: 6px 12px; + border: 1px solid #cccccc; + border-left: 0px; +} +.roo-select2-container .roo-removable { + position: relative; +} +.roo-select2-container .roo-removable .roo-combo-removable-btn { + position: absolute; + right: 10px; + z-index: 2; + top: 5px; +} +.roo-select2-container .has-feedback .roo-combo-removable-btn { + position: absolute; + right: 35px; + z-index: 2; + top: 5px; +} +/* +.roo-select2-container .roo-removable.has-feedback .roo-combo-removable-btn { + position: absolute; + right: 40px; + z-index: 2; + top: 5px; } -.dropdown-menu .select2-result .checkbox { - margin-top: 3px; - margin-bottom: 3px; + +.roo-select2-container .roo-removable.has-feedback.input-group .roo-combo-removable-btn { + position: absolute; + right: 70px; + z-index: 2; + top: 5px; } -.select2-container .input-group-addon { - padding: 6px 12px; - border: 1px solid #ccc; - border-left: 0px; + +.roo-select2-container.input-group .has-feedback .roo-combo-removable-btn { + position: absolute; + right: 35px; + z-index: 2; + top: 5px; +}*/ +.has-warning .roo-select2-container-multi { + border: 1px solid #f0ad4e; +} +.roo-ios-select { + width: 100%; } -/* -- datepicker.css ---- */ /*! * Datepicker for Bootstrap * @@ -1076,9 +1085,8 @@ table.fc-border-separate { direction: ltr; font-size: 13px; /*.dow { - border-top: 1px solid #ddd !important; + border-top: 1px solid @gray-light !important; }*/ - } .datepicker-inline { width: 220px; @@ -1098,8 +1106,8 @@ table.fc-border-separate { display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; - border-bottom-color: rgba(0, 0, 0, 0.2); + border-bottom: 7px solid @gray-light; + border-bottom-color: @black-opacity-20; position: absolute; top: -7px; left: 6px; @@ -1109,18 +1117,17 @@ table.fc-border-separate { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-bottom: 6px solid #ffffff; + border-bottom: 6px solid @body-bg; position: absolute; top: -6px; left: 7px; }*/ - .datepicker-dropdown.bottom:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; + border-bottom: 7px solid #777777; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; @@ -1131,7 +1138,7 @@ table.fc-border-separate { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-bottom: 6px solid white; + border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 8px; @@ -1141,30 +1148,30 @@ table.fc-border-separate { display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; - border-top: 7px solid #ccc; + border-top: 7px solid #777777; + border-bottom: 0; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -7px; left: 6px; } - .datepicker-dropdown.top:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-top: 6px solid white; + border-top: 6px solid #ffffff; + border-bottom: 0; position: absolute; bottom: -6px; left: 7px; } - .datepicker-dropdown.bottom-right:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; + border-bottom: 7px solid #777777; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; @@ -1175,18 +1182,17 @@ table.fc-border-separate { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-bottom: 6px solid white; + border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 8px; } - .datepicker-dropdown.bottom-left:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; - border-bottom: 7px solid #ccc; + border-bottom: 7px solid #777777; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; top: -7px; @@ -1197,58 +1203,53 @@ table.fc-border-separate { display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-bottom: 6px solid white; + border-bottom: 6px solid #ffffff; position: absolute; top: -6px; left: 261px; } - .datepicker-dropdown.top-right:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; - border-top: 7px solid #ccc; + border-top: 7px solid #777777; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -7px; left: 6px; } - .datepicker-dropdown.top-right:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-top: 6px solid white; + border-top: 6px solid #ffffff; position: absolute; bottom: -6px; left: 7px; } - .datepicker-dropdown.top-left:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; - border-top: 7px solid #ccc; + border-top: 7px solid #777777; border-top-color: rgba(0, 0, 0, 0.2); position: absolute; bottom: -7px; left: 260px; } - .datepicker-dropdown.top-left:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; - border-top: 6px solid white; + border-top: 6px solid #ffffff; position: absolute; bottom: -6px; left: 261px; } - .datepicker > div { display: none; } @@ -1284,29 +1285,29 @@ table.fc-border-separate { } .datepicker table tr td.old, .datepicker table tr td.new { - color: #999999; + color: #eeeeee; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; - color: #999999; + color: #eeeeee; cursor: default; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { - background-color: #fde19a; - background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a); - background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); - background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a); - background-image: -o-linear-gradient(top, #fdd49a, #fdf59a); - background-image: linear-gradient(top, #fdd49a, #fdf59a); + background-color: #f0ad4e; + background-image: -moz-linear-gradient(top, #f0ad4e, #f0ad4e); + background-image: -ms-linear-gradient(top, #f0ad4e, #f0ad4e); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f0ad4e), to(#f0ad4e)); + background-image: -webkit-linear-gradient(top, #f0ad4e, #f0ad4e); + background-image: -o-linear-gradient(top, #f0ad4e, #f0ad4e); + background-image: linear-gradient(top, #f0ad4e, #f0ad4e); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); - border-color: #fdf59a #fdf59a #fbed50; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-warning', endColorstr='@brand-warning', GradientType=0); + border-color: #f0ad4e #f0ad4e #f0ad4e; + border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .datepicker table tr td.today:hover, @@ -1329,7 +1330,7 @@ table.fc-border-separate { .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { - background-color: #fdf59a; + background-color: #f0ad4e; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, @@ -1339,26 +1340,26 @@ table.fc-border-separate { .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { - background-color: #fbf069 \9; + background-color: #f0ad4e; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { - background-color: #006dcc; - background-image: -moz-linear-gradient(top, #0088cc, #0044cc); - background-image: -ms-linear-gradient(top, #0088cc, #0044cc); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); - background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); - background-image: -o-linear-gradient(top, #0088cc, #0044cc); - background-image: linear-gradient(top, #0088cc, #0044cc); + background-color: #337ab7; + background-image: -moz-linear-gradient(top, #3c87c8, #337ab7); + background-image: -ms-linear-gradient(top, #3c87c8, #337ab7); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7)); + background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7); + background-image: -o-linear-gradient(top, #3c87c8, #337ab7); + background-image: linear-gradient(top, #3c87c8, #337ab7); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); - border-color: #0044cc #0044cc #002a80; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0); + border-color: #337ab7 #337ab7 #286090; + border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, @@ -1380,7 +1381,7 @@ table.fc-border-separate { .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { - background-color: #0044cc; + background-color: #337ab7; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, @@ -1390,7 +1391,7 @@ table.fc-border-separate { .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { - background-color: #003399 \9; + background-color: #286090; } .datepicker table tr td span { display: block; @@ -1410,27 +1411,27 @@ table.fc-border-separate { .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; - color: #999999; + color: #777777; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { - background-color: #006dcc; - background-image: -moz-linear-gradient(top, #0088cc, #0044cc); - background-image: -ms-linear-gradient(top, #0088cc, #0044cc); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc)); - background-image: -webkit-linear-gradient(top, #0088cc, #0044cc); - background-image: -o-linear-gradient(top, #0088cc, #0044cc); - background-image: linear-gradient(top, #0088cc, #0044cc); + background-color: #337ab7; + background-image: -moz-linear-gradient(top, #3c87c8, #337ab7); + background-image: -ms-linear-gradient(top, #3c87c8, #337ab7); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c87c8), to(#337ab7)); + background-image: -webkit-linear-gradient(top, #3c87c8, #337ab7); + background-image: -o-linear-gradient(top, #3c87c8, #337ab7); + background-image: linear-gradient(top, #3c87c8, #337ab7); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0); - border-color: #0044cc #0044cc #002a80; - border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='lighten(@brand-primary, 5%)', endColorstr='@brand-primary', GradientType=0); + border-color: #337ab7 #337ab7 #286090; + border-color: rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); - color: #fff; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); + color: #ffffff; + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, @@ -1452,7 +1453,7 @@ table.fc-border-separate { .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: #0044cc; + background-color: #337ab7; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, @@ -1462,10 +1463,10 @@ table.fc-border-separate { .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: #003399 \9; + background-color: #286090; } .datepicker table tr td span.old { - color: #999999; + color: #777777; } .datepicker th.switch { width: 145px; @@ -1495,73 +1496,345 @@ table.fc-border-separate { width: 16px; height: 16px; } - .datepicker .datepicker-time td span { - display: block; - width: 47px; - height: 54px; - line-height: 54px; - float: left; - margin: 2px; - cursor: pointer; - border-radius: 4px; + display: block; + width: 47px; + height: 54px; + line-height: 54px; + float: left; + margin: 2px; + cursor: pointer; + border-radius: 4px; } - .datepicker .datepicker-time td span.timepicker-hour, .datepicker .datepicker-time td span.timepicker-minute { width: 100%; font-weight: bold; font-size: 1.2em; } - - -/* -- dropdown.css ---- */ +.roo-document-manager-selector { + visibility: hidden; + height: 0px; +} +.roo-document-manager-uploader, +.roo-document-manager-loading, +.roo-document-manager-preview { + position: relative; + float: left; + width: 25%; + padding-left: 5px; + height: 100px; + max-height: 100px; + margin-top: 10px; + margin-left: 10px; +} +.roo-document-manager-preview.wide { + width: 50%; +} +.roo-document-manager-thumb, +.roo-document-manager-upload-btn { + width: 100%; + height: 100px; + line-height: 100px; + max-height: 100px; + border: 1px solid #eeeeee; + -webkit-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75); + -moz-box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75); + box-shadow: 1px 0px 5px 0px rgba(119, 119, 119, 0.75); +} +.roo-document-manager-thumb > i.fa, +.roo-document-manager-upload-btn > i.fa { + width: 100%; + line-height: 98px; + text-align: center; + vertical-align: middle; + color: #777777; + font-size: 2.5em; +} +.roo-document-manager-thumb > i.fa { + font-size: 2.5em; +} +.roo-document-manager-thumb > img { + width: 100%; + max-height: 100%; + text-align: center; + vertical-align: middle; + padding-bottom: 5px; +} +.roo-document-manager-preview > .close { + position: absolute; + top: 0px; + right: 3px; + font-size: 20px; + opacity: 1; +} +.roo-document-manager-preview > .close:hover { + color: #333333; +} +.roo-document-manager-preview.disabled > .roo-document-manager-thumb > img { + -webkit-filter: grayscale(100%); + -moz-filter: grayscale(100%); + -o-filter: grayscale(100%); + -ms-filter: grayscale(100%); + filter: grayscale(100%); +} +.roo-document-manager-preview.disabled > .close { + display: none !important; +} +.roo-document-manager-preview > .roo-document-manager-thumb > .fa { + position: absolute; + left: -5px; + top: -5px; + width: 25px; + height: 25px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + border-radius: 50%; + line-height: 25px; + text-align: center; + background-color: #ffffff; + /*border: inherit;*/ + font-size: 1.8em; + z-index: 1; +} +.roo-document-manager-preview > .roo-document-manager-thumb.bottom > .fa { + top: inherit; + bottom: -5px; +} +.roo-document-manager-preview > .roo-document-manager-thumb.primary > .fa { + color: #337ab7; +} +.roo-document-manager-preview > .roo-document-manager-thumb.border-primary { + border: 3px solid #337ab7; +} +.roo-document-manager-preview.disabled > .roo-document-manager-thumb.primary > .fa { + color: #555555; +} +.roo-document-manager-preview.disabled > .roo-document-manager-thumb.border-primary { + border: none; +} +/* +* sm +*/ +@media (min-width: 768px) { + .roo-document-manager-uploader, + .roo-document-manager-loading, + .roo-document-manager-preview { + height: 200px; + max-height: 200px; + } + .roo-document-manager-thumb, + .roo-document-manager-upload-btn { + line-height: 200px; + height: 200px; + max-height: 200px; + } + .roo-document-manager-thumb > i.fa, + .roo-document-manager-upload-btn > i.fa { + line-height: 198px; + } +} +/* +* md +*/ +@media (min-width: 992px) { + .roo-document-manager-uploader, + .roo-document-manager-loading, + .roo-document-manager-preview { + width: 8.33333333%; + height: 80px; + max-height: 80px; + } + .roo-document-manager-preview.wide { + width: 16.66666666%; + } + .roo-document-manager-thumb, + .roo-document-manager-upload-btn { + line-height: 80px; + height: 80px; + max-height: 80px; + } + .roo-document-manager-thumb > i.fa, + .roo-document-manager-upload-btn > i.fa { + line-height: 78px; + } +} +/* +* lg +*/ +@media (min-width: 1200px) { + .roo-document-manager-uploader, + .roo-document-manager-loading, + .roo-document-manager-preview { + width: 8.33333333%; + height: 100px; + max-height: 100px; + } + .roo-document-manager-preview.wide { + width: 16.66666666%; + } + .roo-document-manager-thumb, + .roo-document-manager-upload-btn { + line-height: 100px; + height: 100px; + max-height: 100px; + } + .roo-document-manager-thumb > i.fa, + .roo-document-manager-upload-btn > i.fa { + line-height: 98px; + } +} +.document-slider-dialog .modal-body { + padding: 0px; +} +.roo-document-slider-header { + background-color: rgba(0, 0, 0, 0.5); +} +.roo-document-slider-header .roo-document-slider-header-title { + width: 80%; + margin: 0 auto; + padding: 10px 0; + color: #ffffff; + font-weight: bold; + text-align: center; +} +.roo-document-slider-body { + background-color: #ffffff; + width: 100%; + height: 450px; + position: relative; + overflow: hidden; +} +.roo-document-slider-body .roo-document-slider-thumb { + position: absolute; + width: 80%; + height: 100%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + box-sizing: border-box; + border: 1px solid #666666; + box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5); + text-align: center; + vertical-align: middle; + overflow: auto; + cursor: move; +} +.roo-document-slider-body .roo-document-slider-image { + width: 100%; +} +.roo-document-slider-prev { + position: absolute; + top: 0; + left: 0; + text-align: center; + width: 10%; + height: 100%; +} +.roo-document-slider-next { + position: absolute; + top: 0; + right: 0; + text-align: center; + width: 10%; + height: 100%; +} +.roo-document-slider-prev > i, +.roo-document-slider-next > i { + position: relative; + top: 50%; + transform: translateY(-50%); + cursor: pointer; + font-size: 2em; +} +.document-viewer-dialog .modal-dialog { + margin: 0px auto; +} +.document-viewer-dialog .modal-header, +.document-viewer-dialog .modal-footer { + padding-top: 5px; + padding-bottom: 5px; +} +.document-viewer-dialog .modal-body { + padding: 0px; +} +.roo-document-viewer-body { + background-color: #ffffff; + width: 100%; + height: 450px; + max-height: 450px; + position: relative; + overflow: hidden; + cursor: move; +} +.roo-document-viewer-body .roo-document-viewer-thumb { + position: absolute; + width: 80%; + height: 80%; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + box-sizing: border-box; + border: 1px solid #666666; + box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5); + text-align: center; + vertical-align: middle; + overflow: auto; +} +.roo-document-viewer-body .roo-document-viewer-image { + width: 100%; +} +.roo-document-viewer-btn-group button { + background-color: #000000; + color: #ffffff; + border-color: #333333; +} +.roo-document-viewer-btn-group > .btn-group:first-child > button { + border-top-left-radius: 0; +} +.roo-document-viewer-btn-group > .btn-group:last-child > button { + border-top-right-radius: 0; +} .dropdown-submenu:hover > a, .dropdown-submenu:focus > a { color: #ffffff; text-decoration: none; - background-color: #0081c2; - background-image: -moz-linear-gradient(top, #0088cc, #0077b3); - background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); - background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); - background-image: -o-linear-gradient(top, #0088cc, #0077b3); - background-image: linear-gradient(to bottom, #0088cc, #0077b3); + background-color: #337ab7; + background-image: -moz-linear-gradient(top, #337ab7, #3072ab); + background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#337ab7), to(#3072ab)); + background-image: -webkit-linear-gradient(top, #337ab7, #3072ab); + background-image: -o-linear-gradient(top, #337ab7, #3072ab); + background-image: linear-gradient(to bottom, #337ab7, #3072ab); background-repeat: repeat-x; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@brand-primary', endColorstr='darken(@brand-primary, 3%)', GradientType=0); } - .dropdown-submenu { position: relative; } - .dropdown-submenu > .dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; - -moz-border-radius: 0 6px 6px 6px; - border-radius: 0 6px 6px 6px; + -moz-border-radius: 0 6px 6px 6px; + border-radius: 0 6px 6px 6px; } - .dropdown-submenu:hover > .dropdown-menu { display: block; } - .dropup .dropdown-submenu > .dropdown-menu { top: auto; bottom: 0; margin-top: 0; margin-bottom: -2px; -webkit-border-radius: 5px 5px 5px 0; - -moz-border-radius: 5px 5px 5px 0; - border-radius: 5px 5px 5px 0; + -moz-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; @@ -1570,108 +1843,491 @@ table.fc-border-separate { margin-top: 5px; margin-right: -10px; border-color: transparent; - border-left-color: #cccccc; + border-left-color: #777777; border-style: solid; border-width: 5px 0 5px 5px; content: " "; } - .dropdown-submenu:hover > a:after { border-left-color: #ffffff; } - .dropdown-submenu.pull-left { float: none !important; } - .dropdown-submenu.pull-left > .dropdown-menu { left: 0; margin-left: 1px; -webkit-border-radius: 6px 0 6px 6px; - -moz-border-radius: 6px 0 6px 6px; - border-radius: 6px 0 6px 6px; + -moz-border-radius: 6px 0 6px 6px; + border-radius: 6px 0 6px 6px; } - .dropdown-button > i { - margin-right: 10px; + margin-right: 5px; } - -/* -- mask.css ---- */ -.roo-el-mask -{ - z-index:20000; - position:absolute; - top:0; - left:0; - -moz-opacity: 0.5; - opacity:.50; - filter: alpha(opacity=50); - background-color:#CCC; - width:100%; - height:100%; - zoom:1; -} -.roo-el-mask-msg -{ - position: absolute; - z-index:20000; - /*border: 4px double #557; */ - background-color: #fff; - padding: 0px 30px; - background-image: url('../images/ux/lightbox/loading.gif'); - background-repeat: no-repeat; - border: 10px solid white; - border-radius: 20px - +li.dropdown-toggle i.glyphicon + span { + margin-left: 5px; } - -.roo-el-mask-msg div -{ - font-family: 'Source Sans Pro', sans-serif; - font-size: 24px; - font-weight: 500; - z-index:20001; - padding:4px 15px; - color: #557; - -} -.x-body-masked -{ - overflow:hidden !important; +li.dropdown-toggle span + i.glyphicon { + margin-left: 5px; } -.x-body-masked select,.ext-masked object,.ext-masked embed -{ - visibility:hidden; +li.dropdown-menu-item i.fa + span { + margin-left: 5px; } -.x-dlg-mask -{ - z-index:10000; - display:none; - position:absolute; - top:0; - left:0; - -moz-opacity: 0.5; - opacity:.50; - filter: alpha(opacity=50); - background-color:#CCC; -} - -/* -- modal.css ---- */ -/* - 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, +li.dropdown-toggle button > i.glyphicon { + margin: 3px 0 0 5px; +} +.dropdown-menu.nowrap li a span { + white-space: nowrap; +} +div.input-group.has-feedback > .form-control-feedback { + right: 30px; +} +div.input-group.has-feedback > .roo-input-after + .form-control-feedback { + right: 39px; +} +.roo-required-indicator { + font-size: 8px; + color: #d9534f; + vertical-align: top; +} +.roo-required-indicator.left-indicator { + margin-right: 3px; +} +.roo-required-indicator.right-indicator { + margin-left: 3px; +} +.label-pill { + padding-right: .6em; + padding-left: .6em; + border-radius: 10rem; +} +.roo-layout-container { + width: 100%; + height: 100%; + overflow: hidden; +} +.roo-layout-inactive-content { + position: absolute; + left: -10000px; + top: -10000px; + visibility: hidden; +} +.roo-layout-active-content { + visibility: visible; + /* padding: 10px; */ +} +.roo-layout-panel { + position: absolute; + /* overflow:hidden; -- menus inside of contains do not work with this */ + /* + background-color:white; + border:1px solid #98c0f4; + */ +} +.roo-layout-panel-east, +.roo-layout-panel-west { + z-index: 10; +} +.roo-layout-panel-north, +.roo-layout-panel-south { + z-index: 11; +} +/* +.roo-layout-collapsed-north, .x-layout-collapsed-south, .x-layout-collapsed-east, .x-layout-collapsed-west { + z-index:12; +} +*/ +.roo-layout-panel-body { + overflow: hidden; +} +/* + +.roo-layout-grid-wrapper{ + +} +*/ +.roo-layout-split { + position: absolute; + height: 5px; + width: 5px; + line-height: 1px; + font-size: 1px; + z-index: 3; + background-color: #f5f5f5; +} +.roo-layout-split-south, +.roo-layout-split-north { + border-bottom: 1px solid #777777; +} +.roo-layout-split-east, +.roo-layout-split-west { + border-right: 1px solid #777777; +} +.roo-layout-panel-hd { + position: relative; +} +.roo-layout-panel-hd.breadcrumb { + margin-bottom: 0; +} +.roo-layout-panel-hd-text { + padding: 4px; + padding-left: 4px; + display: block; + white-space: nowrap; +} +.roo-layout-panel-hd-tools { + position: absolute; + right: 0; + top: 0; + text-align: right; + padding-top: 2px; + padding-right: 2px; + width: 40px; +} +/* +.x-layout-tools-button{ + z-index:6; + padding:2px; + float:right; + cursor:pointer; +} +.x-layout-tools-button-over{ + padding:1px; + border:1px solid #98c0f4; + background-color:white; +} +.x-layout-tools-button-inner{ + height:12px; + width:12px; + line-height:1px; + font-size:1px; + background-repeat:no-repeat; + background-position:center; +} +.x-layout-close{ + background-image:url(../images/default/layout/layout-sprite.gif); + background-repeat: no-repeat; + background-position: 50% -48px; +} +.x-layout-collapse-west,.x-layout-expand-east{ + background-image:url(../images/default/layout/layout-sprite.gif); + background-repeat: no-repeat; + background-position: 50% 0; +} +.x-layout-expand-west,.x-layout-collapse-east{ + background-image:url(../images/default/layout/layout-sprite.gif); + background-repeat: no-repeat; + background-position: 50% -12px; +} +.x-layout-collapse-north,.x-layout-expand-south{ + background-image:url(../images/default/layout/layout-sprite.gif); + background-repeat: no-repeat; + background-position: 50% -24px; +} +.x-layout-expand-north,.x-layout-collapse-south{ + background-image:url(../images/default/layout/layout-sprite.gif); + background-repeat: no-repeat; + background-position: 50% -36px; +} +.x-layout-split-h{ + background-image:url(../images/default/sizer/e-handle.gif); + background-position: left; + cursor:col-resize; +} +.x-layout-split-v{ + background-image:url(../images/default/sizer/s-handle.gif); + background-position: top; + cursor:row-resize; +} +.x-layout-panel .x-tabs-wrap{ + background:url(../images/default/layout/gradient-bg.gif); +} +*/ +.roo-layout-panel .roo-tabbody { + background-color: #ffffff; + overflow: auto; + height: 100%; +} +.roo-layout-component-panel, +.roo-layout-nested-layout { + position: relative; + padding: 0; + overflow: hidden; + width: 200px; + height: 200px; +} +.roo-layout-nested-layout .roo-layout-panel { + border: 0 none; +} +/* +.x-layout-nested-layout .x-layout-panel-north { + border-bottom:1px solid #98c0f4; +} +.x-layout-nested-layout .x-layout-panel-south { + border-top:1px solid #98c0f4; +} +.x-layout-nested-layout .x-layout-panel-east { + border-left:1px solid #98c0f4; +} +.x-layout-nested-layout .x-layout-panel-west { + border-right:1px solid #98c0f4; +} +*/ +.roo-repaint { + zoom: 1; + background-color: transparent; +} +/* +.x-layout-panel-dragover { + border: 2px solid #6593cf; +} +.x-layout-panel-proxy { + background-image: url(../images/default/layout/gradient-bg.gif); + background-color:#c3daf9; + border:1px dashed #6593cf; + z-index:10001; + overflow:hidden; + position:absolute; + left:0;top:0; +} + +.x-layout-slider { + z-index:15; + overflow:hidden; + position:absolute; +} +*/ +.roo-unselectable { + -moz-user-select: none; + -khtml-user-select: none; + -webkit-user-select: none; + cursor: default; +} +/** --- split bar dragging ---*/ +.roo-splitbar-proxy { + z-index: 40009; + visibility: hidden; + position: absolute; + background: #777777; + border: 1px solid #000000; + overflow: hidden; +} +.roo-splitbar-h, +.roo-splitbar-proxy-h { + cursor: col-resize; +} +.roo-splitbar-v, +.roo-splitbar-proxy-v { + cursor: row-resize; +} +/* +.x-grid-resize-proxy +{ + z-index:40009; + visibility:hidden; + position:absolute; + background:#666; + border: 1px solid #000; + overflow:hidden; + cursor:col-resize; + overflow:hidden; + width: 2px; +} + + +*/ +.roo-layout-panel-body .navbar ul.nav-tabs { + margin-top: 9px; + display: table; +} +.roo-layout-panel-body .navbar { + margin-bottom: 0px; +} +.roo-form-group-label-left::before, +.roo-form-group-label-left::after { + display: table; + content: " "; + clear: both; +} +a.list-group-item, +button.list-group-item { + width: 100%; + color: #555555; + text-align: inherit; +} +.roo-el-mask { + z-index: 20000; + position: absolute; + top: 0; + left: 0; + -moz-opacity: 0.5; + opacity: .50; + filter: alpha(opacity=50); + background-color: #777777; + width: 100%; + height: 100%; + zoom: 1; +} +.roo-el-mask-msg { + position: absolute; + z-index: 20000; + /*border: 4px double #557; */ + background-color: #ffffff; + padding: 0px; + /*background-image: url('@{bootstrap-image-path}/ux/lightbox/loading.gif');*/ + background-repeat: no-repeat; + border: 10px solid white; + border-radius: 20px; + display: table; + min-width: 250px; +} +.roo-el-mask-msg i { + font-size: 36px; + vertical-align: middle; + float: left; +} +.roo-el-mask-msg div { + font-family: 'Source Sans Pro', sans-serif; + font-size: 24px; + font-weight: 500; + z-index: 20001; + padding: 0px 15px; + color: #555555; + display: table-cell; + vertical-align: middle; + float: left; +} +.x-body-masked { + overflow: hidden !important; +} +.x-body-masked select, +.ext-masked object, +.ext-masked embed { + visibility: hidden; +} +.x-dlg-mask { + z-index: 10000; + display: none; + position: absolute; + top: 0; + left: 0; + -moz-opacity: 0.5; + opacity: .50; + filter: alpha(opacity=50); + background-color: #777777; +} +.masonary .masonry-bottom-title { + background-color: transparent; +} +.masonry-brick-link, +.roo-brick-link { + cursor: pointer; + text-decoration: none; + outline: 0; +} +.masonry-brick-paragraph, +.roo-brick-paragraph { + overflow: hidden; +} +.masonry-brick .masonry-brick-paragraph { + padding: 9px; + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: inherit; +} +.masonry-center-title .masonry-brick-paragraph, +.masonry-bottom-title .masonry-brick-paragraph, +.roo-brick-center-title .roo-brick-paragraph, +.roo-brick-bottom-title .roo-brick-paragraph { + display: table; +} +.masonry-center-title .masonry-brick-paragraph .masonry-brick-title, +.roo-brick-center-title .roo-brick-paragraph .roo-brick-title { + display: table-cell; + vertical-align: middle; + text-align: center; +} +.masonry-bottom-title .masonry-brick-paragraph .masonry-brick-title, +.roo-brick-bottom-title .roo-brick-paragraph .roo-brick-title { + display: table-cell; + vertical-align: bottom; + text-align: right; +} +.masonry-brick-image .masonry-brick-paragraph, +.roo-brick-image .roo-brick-paragraph { + opacity: 0; +} +.masonry-bottom-title .masonry-brick-paragraph { + opacity: 1; +} +.masonry-brick-image-view { + width: 100%; + height: 100%; + object-fit: cover; +} +.masonry-brick-paragraph .masonry-brick-title, +.roo-brick-paragraph .roo-brick-title { + margin-top: 0; +} +.roo-brick .roo-brick-paragraph { + padding: 9px; + width: 100%; + height: 100%; + background-color: inherit; +} +.roo-brick-image-view { + position: absolute; + top: 0; + object-fit: cover; +} +a.roo-brick-link:focus, +a.roo-brick-link:hover { + text-decoration: none; + outline: 0; +} +.masonry-brick-split .masonry-brick-split-head, +.masonry-brick-split .masonry-brick-split-head .masonry-brick-paragraph { + height: 75%; +} +.masonry-brick-split .masonry-brick-split-body { + height: 25%; + padding: 4px; + color: #000000; + font-size: 11px; +} +.enable-mask:hover .masonry-brick-mask { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-color: #000000; + opacity: 0.2; +} +@media (min-width: 768px) { + .mask-inverse .masonry-brick-paragraph { + background: rgba(0, 0, 0, 0.5); + } + .mask-inverse:hover .masonry-brick-paragraph { + background: none; + } +} +/* + Document : modal + Created on : Apr 23, 2014, 11:24:28 AM + Author : edward + Description: + Purpose of the stylesheet follows. +*/ +.modal-md-1, +.modal-md-2, +.modal-md-3, +.modal-md-4, +.modal-md-5, +.modal-md-6, .modal-md-7, .modal-md-8, .modal-md-9, @@ -1680,7 +2336,6 @@ table.fc-border-separate { .modal-md-12 { float: left; } - .modal-md-12 .modal-dialog { width: 100%; margin: 30 auto; @@ -1729,801 +2384,2628 @@ table.fc-border-separate { width: 8.333333333333332%; margin: 30 auto; } -/* -- numberbox.css ---- */ -.roo-numberbox{ - background-color: #00c0ef !important; - border: 10px solid black; -} - -.roo-numberbox h{ - font-size: 24px; -} - -/* -- select2.css ---- */ /* -Version: 3.4.8 Timestamp: Thu May 1 09:50:32 EDT 2014 + 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; + } +} */ -.select2-container { - margin: 0; - position: relative; - /*display: inline-block;*/ - /* inline-block for ie7 */ - zoom: 1; - *display: inline; - vertical-align: middle; +.modal-body.roo-layout-container, +.modal-body > .container { + padding: 0; +} +.modal-dialog { + max-width: 100%; +} +@media (max-width: 768px) { + .modal-body .col-md-12 { + padding: 0; + } + .modal-body { + padding: 5px; + } + .modal-body .row { + margin-left: -5px; + margin-right: -5px; + } + .modal-body > .container .col-xs-12 { + padding: 0; + } +} +.modal .roo-mb-progress-wrap { + margin-top: 4px; + border: 1px solid #286090; +} +.modal .roo-mb-progress-wrap .roo-mb-progress { + height: 18px; + 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: #337ab7; +} +.roo-navigation-bar-group, +.roo-navigation-top-bar, +.roo-navigation-bullets-bar, +.roo-navigation-bottom-bar { + width: 100%; + float: left; +} +.roo-navigation-bar-text > span { + text-transform: uppercase; + width: 90%; + display: inline-block; +} +.roo-navigation-bar-text { + float: left; + line-height: 24px; + height: 100%; + min-height: 24px; + text-align: center; + position: relative; +} +.roo-navigation-bar { + counter-reset: step; + text-align: center; + padding: 0px; + overflow: hidden; + margin: 0px; +} +.roo-navigation-bar .roo-navigation-bar-item { + list-style-type: none; + color: #000000; + text-transform: uppercase; + font-size: 14px; + float: left; + position: relative; +} +.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:before { + counter-increment: step; + width: 25px; + line-height: 25px; + display: block; + color: #ffffff; + background: #337ab7; + border-radius: 5px; + font-weight: bold; + cursor: pointer; +} +.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon.step-number:before { + content: counter(step); +} +.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon:after { + content: ''; + width: 100%; + height: 5px; + background: #337ab7; + position: absolute; + top: 10px; + z-index: -1; +} +.roo-navigation-bar .roo-navigation-bar-item:last-child > .roo-navigation-bar-item-icon:after { + content: none; +} +.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before { + background: #ac2925; + color: #ffffff; +} +.roo-navigation-bar .roo-navigation-bar-item.disabled .roo-navigation-bar-item-icon:before { + background: #777777; + color: #ffffff; + cursor: not-allowed; +} +.roo-navigation-bar .roo-navigation-bar-item.active .roo-navigation-bar-item-icon:before { + cursor: default; +} +.roo-navigation-bar .roo-navigation-bar-item .roo-navigation-bar-item-icon { + font: normal normal normal 14px/1 FontAwesome; + display: inline-block; +} +@media (min-width: 768px) { + .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before { + content: counter(step); + } +} +@media (min-width: 992px) { + .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before, + .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before { + content: counter(step); + } +} +@media (min-width: 1200px) { + .roo-navigation-bar .roo-navigation-bar-item.xs-icon > .roo-navigation-bar-item-icon:before, + .roo-navigation-bar .roo-navigation-bar-item.sm-icon > .roo-navigation-bar-item-icon:before, + .roo-navigation-bar .roo-navigation-bar-item.md-icon > .roo-navigation-bar-item-icon:before { + content: counter(step); + } +} +/* NAV TABS */ +.nav-tabs-custom { + margin-bottom: 20px; + background: #ffffff; + box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); +} +.nav-tabs-custom > .nav-tabs { + margin: 0; + border-bottom-color: #777777; +} +.nav-tabs-custom > .nav-tabs > li { + border-top: 3px solid transparent; + margin-bottom: -2px; + margin-right: 5px; +} +.nav-tabs-custom > .nav-tabs > li > a { + -webkit-border-radius: 0 !important; + -moz-border-radius: 0 !important; + border-radius: 0 !important; +} +.nav-tabs-custom > .nav-tabs > li > a, +.nav-tabs-custom > .nav-tabs > li > a:hover { + background: transparent; + margin: 0; +} +.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, +.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, +.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { + border-color: transparent; +} +.nav-tabs-custom > .nav-tabs > li.active { + border-top-color: #337ab7; +} +.nav-tabs-custom > .nav-tabs > li.active > a, +.nav-tabs-custom > .nav-tabs > li.active:hover > a { + background-color: #ffffff; +} +.nav-tabs-custom > .nav-tabs > li.active > a { + border-top: 0; + border-left-color: #777777; + border-right-color: #777777; +} +.nav-tabs-custom > .nav-tabs > li:first-of-type { + margin-left: 0px; +} +.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { + border-left-width: 0; +} +.nav-tabs-custom > .nav-tabs.pull-right { + float: none !important; +} +.nav-tabs-custom > .nav-tabs.pull-right > li { + float: right; +} +.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type { + margin-right: 0px; +} +.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { + border-left-width: 1px; + border-right-width: 0px; +} +.nav-tabs-custom > .nav-tabs > li.header { + font-weight: 400; + line-height: 35px; + padding: 0 10px; + font-size: 20px; + color: #333333; + cursor: default; +} +.nav-tabs-custom > .nav-tabs > li.header > .fa, +.nav-tabs-custom > .nav-tabs > li.header > .glyphicon, +.nav-tabs-custom > .nav-tabs > li.header > .ion { + margin-right: 10px; +} +.nav-tabs-custom > .tab-content { + background: #ffffff; + padding: 10px; +} +/* --- override it appears it's done un-reliably in JS normally.. */ +.tab-content > .tab-pane { + position: absolute; +} +.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar { + margin: 0 5px; +} +.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column { + padding: 10px 5px; +} +@media (max-width: 768px) { + .tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .roo-toolbar > .column { + padding: 5px 5px; + } +} +.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item .form-group { + margin-bottom: 0px; +} +.tab-content > .tab-pane .navbar > .navbar-nav > .nav-item button + button { + margin-left: 5px; +} +.tab-content > .tab-pane .navbar > .navbar-nav a.dropdown-toggle { + padding: 10px 5px; +} +/* for some reason it's -15px on BS */ +@media (min-width: 768px) { + .navbar-right { + margin-right: 15px; + } +} +/* was -15 before, on mobile it made the buttons too close to the edit.. */ +.navbar-nav { + margin: 0px -5px; +} +table td .navbar { + min-height: auto; +} +.navbar-collapse li { + list-style-type: none; + padding: 5px; +} +.navbar-collapse ul { + padding-left: 10px; + padding-top: 5px; +} +.navbar-collapse .dropdown-item .fa { + padding-right: 5px; +} +.roo-numberbox { + background-color: #337ab7 !important; + border: 10px solid black; +} +.roo-numberbox h { + font-size: 24px; +} +.pull-xs-right { + float: right !important; +} +.roo-radio-set:before, +.roo-radio-set:after { + display: table; + content: " "; + 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: #555555; +} +.roo-radio-set.disabled .radio label { + opacity: 0.65; +} +.roo-radio-set.disabled .radio label { + cursor: not-allowed; +} +.roo-radio-primary .radio label::after { + background-color: #ffffff; +} +.roo-radio-primary .radio.checked label::before { + border-color: #337ab7; +} +.roo-radio-primary .radio.checked label::after { + background-color: #337ab7; +} +.roo-radio-danger .radio label::after { + background-color: #d9534f; +} +.roo-radio-danger .radio.checked label::before { + border-color: #d9534f; +} +.roo-radio-danger .radio.checked label::after { + background-color: #d9534f; +} +.roo-radio-info .radio label::after { + background-color: #ffffff; +} +.roo-radio-info .radio.checked label::before { + border-color: #5bc0de; +} +.roo-radio-info .radio.checked label::after { + background-color: #5bc0de; +} +.roo-radio-warning .radio label::after { + background-color: #ffffff; +} +.roo-radio-warning .radio.checked label::before { + border-color: #f0ad4e; +} +.roo-radio-warning .radio.checked label::after { + background-color: #f0ad4e; +} +.roo-radio-success .radio label::after { + background-color: #ffffff; +} +.roo-radio-success .radio.checked label::before { + border-color: #5cb85c; +} +.roo-radio-success .radio.checked label::after { + background-color: #5cb85c; +} +.roo-radio-set.has-warning .roo-radio-set-items label, +.roo-radio-set.has-warning .roo-radio-set-label { + color: #f0ad4e; +} +.roo-radio-set.has-error .roo-radio-set-items label, +.roo-radio-set.has-error .roo-radio-set-label { + color: #d9534f; +} +.roo-radio-set.has-success .roo-radio-set-items label, +.roo-radio-set.has-success .roo-radio-set-label { + color: #5cb85c; +} +.roo-radio-set-inline .radio { + position: relative; + display: inline-block; + padding-left: 20px; + margin-top: 0px; + margin-bottom: 0; + font-weight: 400; + vertical-align: middle; + cursor: pointer; +} +.roo-radio-set-inline .radio + .radio { + margin-left: 10px; +} +.roo-radio-set-label .roo-required-indicator.right-indicator { + position: absolute; +} +.roo-radio-set-label .roo-required-indicator.right-indicator.fa-star { + font-size: 8px; + margin-left: 3px; + color: #d9534f; +} +.roo-form-error-popover.in { + opacity: 1; +} +.roo-form-error-popover .tooltip-inner { + max-width: 100%; + padding: 10px; +} +.x-form-field-wrap .form-group { + /* what is this doing here?? */ + margin-bottom: 0px; +} +.roo-password-meter-grey { + background: #777777; + margin-bottom: 30px; + height: 10px; +} +.roo-password-meter { + font-size: 12px; +} +.roo-password-meter-container { + margin-bottom: 20px; +} +.roo-password-meter-tooweak { + background: #d9534f; + height: 10px; +} +.roo-password-meter-weak { + background: #f0ad4e; + height: 10px; +} +.roo-password-meter-medium { + background: #5bc0de; + height: 10px; +} +.roo-password-meter-strong { + background: #5cb85c; + height: 10px; +} +.roo-password-meter-text { + /* padding-bottom:5px; */ + margin-bottom: 30px; + font-size: 12px; + height: 10px; +} +/* +Version: 3.4.8 Timestamp: Thu May 1 09:50:32 EDT 2014 +*/ +.roo-select2-container { + margin: 0; + position: relative; + /*display: inline-block;*/ + /* inline-block for ie7 */ + zoom: 1; + *display: inline; + 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 + */ + -webkit-box-sizing: border-box; + /* webkit */ + -moz-box-sizing: border-box; + /* firefox */ + box-sizing: border-box; + /* css3 */ +} +.roo-select2-container .roo-select2-choice { + display: block; + height: 26px; + padding: 0 0 0 8px; + overflow: hidden; + position: relative; + border: 1px solid #777777; + white-space: nowrap; + line-height: 26px; + color: #333333; + text-decoration: none; + border-radius: 4px; + background-clip: padding-box; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + background-color: #ffffff; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, #ffffff)); + background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%); + background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 50%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0); + background-image: linear-gradient(to top, #eeeeee 0%, #ffffff 50%); +} +.roo-select2-container.roo-select2-drop-above .roo-select2-choice { + border-bottom-color: #777777; + border-radius: 0 0 4px 4px; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, #ffffff)); + background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%); + background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, #ffffff 90%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@body-bg', endColorstr='@gray-lighter', GradientType=0); + background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 90%); +} +.roo-select2-container.roo-select2-allowclear .roo-select2-choice .roo-select2-chosen { + margin-right: 42px; +} +.roo-select2-container .roo-select2-choice > .roo-select2-chosen { + margin-right: 26px; + display: block; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + float: none; + width: auto; +} +.roo-select2-container .roo-select2-choice abbr { + display: none; + width: 12px; + height: 12px; + position: absolute; + right: 24px; + top: 8px; + font-size: 1px; + text-decoration: none; + border: 0; + background: url('../images/select2/select2.png') right top no-repeat; + cursor: pointer; + outline: 0; +} +.roo-select2-container.roo-select2-allowclear .roo-select2-choice abbr { + display: inline-block; +} +.roo-select2-container .roo-select2-choice abbr:hover { + background-position: right -11px; + cursor: pointer; +} +.roo-select2-drop-mask { + border: 0; + margin: 0; + padding: 0; + position: fixed; + left: 0; + top: 0; + min-height: 100%; + min-width: 100%; + height: auto; + width: auto; + opacity: 0; + z-index: 9998; + /* styles required for IE to work */ + background-color: #ffffff; + filter: alpha(opacity=0); +} +.roo-select2-drop { + width: 100%; + margin-top: -1px; + position: absolute; + z-index: 9999; + top: 100%; + background: #ffffff; + color: #000000; + border: 1px solid #777777; + border-top: 0; + border-radius: 0 0 4px 4px; + -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2); +} +.roo-select2-drop.roo-select2-drop-above { + margin-top: 1px; + border-top: 1px solid #777777; + border-bottom: 0; + border-radius: 4px 4px 0 0; + -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2); + box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.2); +} +.roo-select2-drop-active { + border: 1px solid #337ab7; + border-top: none; +} +.roo-select2-drop.roo-select2-drop-above.roo-select2-drop-active { + border-top: 1px solid #337ab7; +} +.roo-select2-drop-auto-width { + border-top: 1px solid #777777; + width: auto; +} +.roo-select2-drop-auto-width .roo-select2-search { + padding-top: 4px; +} +.roo-select2-container .roo-select2-choice .roo-select2-arrow { + display: inline-block; + width: 18px; + height: 100%; + position: absolute; + right: 0; + top: 0; + border-left: 1px solid #777777; + border-radius: 0 4px 4px 0; + background-clip: padding-box; + background: #777777; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #777777), color-stop(0.6, #eeeeee)); + background-image: -webkit-linear-gradient(center bottom, #777777 0%, #eeeeee 60%); + background-image: -moz-linear-gradient(center bottom, #777777 0%, #eeeeee 60%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@gray-light', GradientType=0); + background-image: linear-gradient(to top, #777777 0%, #eeeeee 60%); +} +.roo-select2-container .roo-select2-choice .roo-select2-arrow b { + display: block; + width: 100%; + height: 100%; + background: url('../images/select2/select2.png') no-repeat 0 1px; +} +.roo-select2-search { + display: inline-block; + width: 100%; + min-height: 26px; + margin: 0; + padding-left: 4px; + padding-right: 4px; + position: relative; + z-index: 10000; + white-space: nowrap; +} +.roo-select2-search input { + width: 100%; + height: auto !important; + min-height: 26px; + padding: 4px 20px 4px 5px; + margin: 0; + outline: 0; + font-family: sans-serif; + font-size: 1em; + border: 1px solid #777777; + border-radius: 0; + -webkit-box-shadow: none; + box-shadow: none; + background: #ffffff url('../images/select2/select2.png') no-repeat 100% -22px; + background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee)); + background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); + background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); + background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0; +} +.roo-select2-drop.roo-select2-drop-above .roo-select2-search input { + margin-top: 4px; +} +.roo-select2-search input.roo-select2-active { + background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100%; + background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #ffffff), color-stop(0.99, #eeeeee)); + background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); + background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #ffffff 85%, #eeeeee 99%); + background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #ffffff 85%, #eeeeee 99%) 0 0; +} +.roo-select2-container-active .roo-select2-choice, +.roo-select2-container-active .roo-select2-choices { + border: 1px solid #337ab7; + outline: none; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); +} +.roo-select2-dropdown-open .roo-select2-choice { + border-bottom-color: transparent; + -webkit-box-shadow: 0 1px 0 #ffffff inset; + box-shadow: 0 1px 0 #ffffff inset; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + background-color: #eeeeee; + background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ffffff), color-stop(0.5, #eeeeee)); + background-image: -webkit-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%); + background-image: -moz-linear-gradient(center bottom, #ffffff 0%, #eeeeee 50%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0); + background-image: linear-gradient(to top, #ffffff 0%, #eeeeee 50%); +} +.roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choice, +.roo-select2-dropdown-open.roo-select2-drop-above .roo-select2-choices { + border: 1px solid #337ab7; + border-top-color: transparent; + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffffff), color-stop(0.5, #eeeeee)); + background-image: -webkit-linear-gradient(center top, #ffffff 0%, #eeeeee 50%); + background-image: -moz-linear-gradient(center top, #ffffff 0%, #eeeeee 50%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@gray-lighter', endColorstr='@body-bg', GradientType=0); + background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 50%); +} +.roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow { + background: transparent; + border-left: none; + filter: none; +} +.roo-select2-dropdown-open .roo-select2-choice .roo-select2-arrow b { + background-position: -18px 1px; +} +.roo-select2-hidden-accessible { + border: 0; + clip: rect(0 0 0 0); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; +} +/* results */ +.roo-select2-results { + max-height: 200px; + padding: 0 0 0 4px; + margin: 4px 4px 4px 0; + position: relative; + overflow-x: hidden; + overflow-y: auto; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} +.roo-select2-results ul.roo-select2-result-sub { + margin: 0; + padding-left: 0; +} +.roo-select2-results li { + list-style: none; + display: list-item; + background-image: none; +} +.roo-select2-results li.roo-select2-result-with-children > .roo-select2-result-label { + font-weight: bold; +} +.roo-select2-results .roo-select2-result-label { + padding: 3px 7px 4px; + margin: 0; + cursor: pointer; + min-height: 1em; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} +.roo-select2-results-dept-1 .roo-select2-result-label { + padding-left: 20px; +} +.roo-select2-results-dept-2 .roo-select2-result-label { + padding-left: 40px; +} +.roo-select2-results-dept-3 .roo-select2-result-label { + padding-left: 60px; +} +.roo-select2-results-dept-4 .roo-select2-result-label { + padding-left: 80px; +} +.roo-select2-results-dept-5 .roo-select2-result-label { + padding-left: 100px; +} +.roo-select2-results-dept-6 .roo-select2-result-label { + padding-left: 110px; +} +.roo-select2-results-dept-7 .roo-select2-result-label { + padding-left: 120px; +} +.roo-select2-results .roo-select2-highlighted { + background: #337ab7; + color: #ffffff; +} +.roo-select2-results li em { + background: #f0ad4e; + font-style: normal; +} +.roo-select2-results .roo-select2-highlighted em { + background: transparent; +} +.roo-select2-results .roo-select2-highlighted ul { + background: #ffffff; + color: #000000; +} +.roo-select2-results .roo-select2-no-results, +.roo-select2-results .roo-select2-searching, +.roo-select2-results .roo-select2-selection-limit { + background: #777777; + display: list-item; + padding-left: 5px; +} +/* +disabled look for disabled choices in the results dropdown +*/ +.roo-select2-results .roo-select2-disabled.roo-select2-highlighted { + color: #eeeeee; + background: #777777; + display: list-item; + cursor: default; +} +.roo-select2-results .roo-select2-disabled { + background: #777777; + display: list-item; + cursor: default; +} +.roo-select2-results .roo-select2-selected { + display: none; +} +.roo-select2-more-results.roo-select2-active { + background: #777777 url('../images/select2/select2-spinner.gif') no-repeat 100%; +} +.roo-select2-more-results { + background: #777777; + display: list-item; +} +/* disabled styles */ +.roo-select2-container.roo-select2-container-disabled .roo-select2-choice { + background-color: #777777; + background-image: none; + border: 1px solid #777777; + cursor: default; +} +.roo-select2-container.roo-select2-container-disabled .roo-select2-choice .roo-select2-arrow { + background-color: #777777; + background-image: none; + border-left: 0; +} +.roo-select2-container.roo-select2-container-disabled .roo-select2-choice abbr { + display: none; +} +/* multiselect */ +.roo-select2-container-multi .roo-select2-choices { + height: auto !important; + height: 1%; + margin: 0; + padding: 0; + /*position: relative;*/ + border: 1px solid #777777; + cursor: text; + overflow: hidden; + background-color: #ffffff; + background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff)); + background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%); + background-image: linear-gradient(to bottom, #eeeeee 1%, #ffffff 15%); +} +.roo-select2-locked { + padding: 3px 5px 3px 5px !important; +} +.roo-select2-container-multi .roo-select2-choices { + min-height: 26px; +} +.roo-select2-container-multi.roo-select2-container-active .roo-select2-choices { + border: 1px solid #337ab7; + outline: none; + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); +} +.roo-select2-container-multi .roo-select2-choices li { + float: left; + list-style: none; +} +html[dir="rtl"] .roo-select2-container-multi .roo-select2-choices li { + float: right; +} +.roo-select2-container-multi .roo-select2-choices .roo-select2-search-field { + margin: 0; + padding: 0; + white-space: nowrap; +} +.roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input { + padding: 5px; + margin: 1px 0; + font-family: sans-serif; + font-size: 100%; + color: #555555; + outline: 0; + border: 0; + -webkit-box-shadow: none; + box-shadow: none; + background: transparent !important; +} +.roo-select2-container-multi .roo-select2-choices .roo-select2-search-field input.roo-select2-active { + background: #ffffff url('../images/select2/select2-spinner.gif') no-repeat 100% !important; +} +.roo-select2-default { + color: #777777 !important; +} +.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice { + padding: 4px 7px 4px 16px; + margin: 0 1px; + position: relative; + line-height: 13px; + color: #333333; + cursor: default; + border: 1px solid #777777; + border-radius: 3px; + -webkit-touch-callout: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-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; +} +.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-chosen { + cursor: default; +} +.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice-focus { + background: #777777; +} +.roo-select2-search-choice-close { + display: block; + width: 12px; + height: 13px; + position: absolute; + right: 3px; + top: 4px; + font-size: 12px; + outline: none; + color: #777777; + /*background: url('@{bootstrap-image-path}/select2/select2.png') right top no-repeat;*/ +} +.roo-select2-search-choice-close:hover { + color: #333333; +} +html[dir="rtl"] .roo-select2-search-choice-close { + right: auto; + left: 3px; +} +.roo-select2-container-multi .roo-select2-search-choice-close { + left: 3px; +} +.roo-select2-container-multi .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close:hover { + 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; +} +/* disabled styles */ +.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices { + background-color: #777777; + background-image: none; + border: 1px solid #777777; + cursor: default; +} +.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice { + padding: 3px 5px 3px 5px; + border: 1px solid #777777; + background-image: none; + background-color: #777777; +} +.roo-select2-container-multi.roo-select2-container-disabled .roo-select2-choices .roo-select2-search-choice .roo-select2-search-choice-close { + display: none; + background: none; +} +/* end multiselect */ +.roo-select2-result-selectable .roo-select2-match, +.roo-select2-result-unselectable .roo-select2-match { + text-decoration: underline; +} +.roo-select2-offscreen, +.roo-select2-offscreen:focus { + clip: rect(0 0 0 0) !important; + width: 1px !important; + height: 1px !important; + border: 0 !important; + margin: 0 !important; + padding: 0 !important; + overflow: hidden !important; + position: absolute !important; + outline: 0 !important; + left: 0px !important; + top: 0px !important; +} +.roo-select2-display-none { + display: none; +} +.roo-select2-measure-scrollbar { + position: absolute; + top: -10000px; + left: -10000px; + width: 100px; + height: 100px; + 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 { + background-image: url('../images/select2/select2x2.png') !important; + background-repeat: no-repeat !important; + background-size: 60px 40px !important; + } + .roo-select2-search input { + background-position: 100% -21px !important; + } +} +.has-error .roo-select2-choices { + border-color: #d9534f; + -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8); + box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.8); +} +.dropdown-menu .roo-select2-result.disabled { + background-color: #eeeeee; + color: #777777; + cursor: not-allowed; +} +.sidebar { + margin-bottom: 5px; +} +/* override boostrap a:hover */ +.sidebar a:hover { + text-decoration: none; +} +.sidebar .sidebar-menu { + list-style: none; + margin: 0; + padding: 0; +} +/* GREY BG */ +.sidebar .sidebar-menu > li, +.sidebar .sidebar-menu li.active li.treeview-menu { + margin: 0; + padding: 0; + border-bottom: 1px solid #777777; + background-color: #eeeeee; +} +/* active child menu - white BG */ +.sidebar .sidebar-menu li.active li.treeview-menu { + background-color: #777777; +} +.sidebar .sidebar-menu > li > a, +.sidebar .sidebar-menu li.open li.treeview-menu > a { + padding: 12px 5px 12px 15px; + display: block; + color: #333333; +} +.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: #ffffff; +} +.sidebar .sidebar-menu li:hover a, +.sidebar .sidebar-menu li:focus a, +.sidebar .sidebar-menu li:active a, +.sidebar .sidebar-menu li.oepn li.treeview-menu a:hover, +.sidebar .sidebar-menu li.open li.treeview-menu a:focus, +.sidebar .sidebar-menu li.open li.treeview-menu a:active { + color: #000000; + text-decoration: none; +} +/* BLUE ACTIVE */ +.sidebar .sidebar-menu li.active { + color: #ffffff; + background-color: #337ab7; + border-color: #286090; +} +.sidebar .sidebar-menu li.active:hover, +.sidebar .sidebar-menu li.active:focus, +.sidebar .sidebar-menu li.active.focus { + color: #ffffff; + background-color: #337ab7; + border-color: #286090; +} +.sidebar .sidebar-menu li.active a { + color: #ffffff; +} +.sidebar .sidebar-menu li.disabled { + color: #333333; + background-color: #ffffff; + border-color: #333333; +} +.sidebar .sidebar-menu li.disabled a { + color: #777777; + cursor: default; +} +.sidebar .sidebar-menu li.danger, +.sidebar .sidebar-menu li.danger.active { + color: #ffffff; + background-color: #d9534f; + border-color: #e27c79; +} +.sidebar .sidebar-menu li.danger:hover, +.sidebar .sidebar-menu li.danger:focus, +.sidebar .sidebar-menu li.danger.active:focus { + color: #ffffff; + background-color: #d9534f; + border-color: #c9302c; + border-bottom: 1px solid #c9302c; +} +.sidebar .sidebar-menu li.danger a, +.sidebar .sidebar-menu li.danger.active a { + color: #ffffff; +} +/* --- open */ +.sidebar .sidebar-menu li.open ul { + display: block; +} +.sidebar .sidebar-menu li.open .treeview-menu { + display: block; + width: 120%; +} +/* --- treeview menu */ +.sidebar .sidebar-menu .treeview-menu { + display: none; + list-style: none; + padding: 0; + margin: 0; +} +.sidebar .sidebar-menu .treeview-menu > li { + 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; +} +/* 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; +} +/* active sidebard... */ +.badge-default { + background-color: #777777; + color: #ffffff; +} +.badge-primary { + background-color: #337ab7; + color: #ffffff; +} +.badge-success { + background-color: #5cb85c; + color: #ffffff; +} +.badge-info { + background-color: #5bc0de; + color: #ffffff; +} +.badge-warning { + background-color: #f0ad4e; + color: #ffffff; +} +.badge-danger { + background-color: #d9534f; + color: #ffffff; +} +.sidebar .sidebar-menu > li.active .badge-info { + background-color: #ffffff; + color: #5bc0de; +} +/*html, */ +/* Sticky footer styles +-------------------------------------------------- */ +html.bootstrap-sticky { + position: relative; + min-height: 100%; +} +html.bootstrap-sticky body { + /* Margin bottom by footer height */ + margin-bottom: 60px; +} +.bootstrap-sticky-footer { + position: absolute; + bottom: 0; + width: 100%; + /* Set the fixed height of the footer here */ + height: 60px; + background-color: #f5f5f5; +} +/* 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; + } +} +/* paging toolbar */ +.table .pagination .x-paging-position span { + padding: 3px 6px; +} +.table .pagination .x-paging-position span input { + margin: 0 0 0 7px; + width: 42px; + padding: 0 5px; +} +.navbar .pagination > li > span { + min-height: 34px; +} +.navbar .pagination { + 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: #337ab7; +} +.skin-blue .navbar .pagination > li > a:hover { + background-color: #777777; +} +.skin-blue table .navbar { + background-color: #ffffff; +} +.skin-blue .navbar .pagination > li.disabled > a { + background-color: #777777; +} +.skin-blue table .navbar { + margin-bottom: 0; + min-height: 0; +} +.table .sortable { + cursor: pointer; +} +.table-body-fixed tbody { + overflow-y: scroll; + 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 { + float: left; + border-bottom-width: 0; +} +/* fake infinate widt.. */ +.table-body-fixed thead > tr, +.table-body-fixed tbody > tr { + display: block; + overflow: hidden; +} +/* standard bootstrap does not colour rows very well.. */ +.table > tbody > tr.info { + background-color: #d9edf7; +} +.table-hover > tbody > tr.info:hover { + background-color: #c4e3f3; +} +.table tfoot .navbar { + 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; +} +.header .top-bar { + min-height: 30px; + background: #777777; + border-bottom: 1px solid #eeeeee; + padding: 0; +} +@media (min-width: 980px) { + .top-bar .collapse { + display: block !important; + visibility: visible !important; + height: auto !important; + overflow: visible !important; + padding-bottom: 0; + } +} +@media (min-width: 768px) and (max-width: 979px) { + .header .top-bar { + min-height: 0; + 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; +} +.header .social li:first-child { + border-left: 1px solid #777777; +} +.header .social li, +.footer .social li { + border-right: 1px solid #777777; + display: table-cell; + vertical-align: middle; + height: 40px; + 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 { + color: #555555; + 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: #ffffff; +} +.team .item .team-member-links a.facebook:hover, +.member-social.dark a.facebook:hover, +.header .social li.facebook:hover, +.footer .social li.facebook:hover { + background: #337ab7; +} +.team .item .team-member-links a.dribbble:hover, +.member-social.dark a.dribbble:hover, +.header .social li.dribbble:hover, +.footer .social li.dribbble:hover { + background: #f0ad4e; +} +.team .item .team-member-links a.twitter:hover, +.member-social.dark a.twitter:hover, +.header .social li.twitter:hover, +.footer .social li.twitter:hover { + background: #337ab7; +} +.team .item .team-member-links a.gplus:hover, +.member-social.dark a.gplus:hover, +.header .social li.gplus:hover, +.footer .social li.gplus:hover { + background: #d9534f; +} +.team .item .team-member-links a.linkedin:hover, +.member-social.dark a.linkedin:hover, +.header .social li.linkedin:hover, +.footer .social li.linkedin:hover { + background: #337ab7; +} +.team .item .team-member-links a.pinterest:hover, +.member-social.dark a.pinterest:hover, +.header .social li.pinterest:hover, +.footer .social li.pinterest:hover { + background: #d9534f; +} +.header .social li.rss:hover, +.footer .social li.rss:hover { + background: #f0ad4e; +} +.top-bar .languages { + padding: 8px 0; +} +.top-bar .languages a { + margin-right: 20px; + color: #555555; + font-family: "Open Sans", Helvetica, Arial, sans-serif; + font-size: 14px; + 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; +} +.ellipsis { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-line-clamp: 3; + -webkit-box-orient: vertical; +} +.sw-child-headline { + display: inline-block; + width: auto; +} +.box-input-label { + width: 100%; + display: inline-block; + font-weight: bold; +} +.box-label { + margin-left: 5px; + cursor: pointer; +} +/* needed as menu ontop of form does not work */ +.input-group .form-control { + z-index: 1; +} +/* admin-lte - messes with checkbox and radio.. */ +.checkbox, +.radio { + padding-left: 15px !important; +} +/* inside a column it needs even more padding...*/ +/* +* It breaks all the checkbox layout. comment it first... +*/ +/*.column .checkbox, +.column .radio { + padding-left: 25px !important; +}*/ +/* paging toolbar */ +.pagination .x-paging-position span { + padding-top: 3px; + padding-bottom: 3px; +} +.pagination .x-paging-position span input { + margin: 0 3px; +} +.panel-header-right { + float: right; + text-align: right; +} +.badge-error { + background-color: #d9534f; +} +.badge-error:hover { + background-color: #c9302c; +} +.badge-warning { + background-color: #f0ad4e; +} +.badge-warning:hover { + background-color: #ec971f; +} +.badge-success { + background-color: #5cb85c; +} +.badge-success:hover { + background-color: #449d44; +} +.badge-info { + background-color: #5bc0de; +} +.badge-info:hover { + background-color: #31b0d5; +} +.badge-inverse { + background-color: #333333; +} +.badge-inverse:hover { + background-color: #222222; +} +.tooltip.fade.in { + z-index: 10002; +} +.x-hidden { + position: absolute; + top: 0; + left: 0; + visibility: hidden; + display: none; +} +.roo-upload-cropbox-selector { + visibility: hidden; + height: 0px; +} +.roo-upload-cropbox-dialog .modal-header, +.roo-upload-cropbox-dialog .modal-footer { + padding-top: 5px; + padding-bottom: 5px; +} +.roo-upload-cropbox-body { + background-color: #ffffff; + border: 1px solid #777777; + width: 100%; + height: 450px; + max-height: 450px; + position: relative; + overflow: hidden; + cursor: move; +} +.roo-upload-cropbox-preview { + position: absolute; + top: 0px; + left: 0px; + text-align: center; + margin: 0px; + padding: 0px; + border: none; +} +.roo-upload-cropbox-body .roo-upload-cropbox-thumb { + position: absolute; + /* top: 50%; + left: 50%; + transform: translate(-50%, -50%);*/ + box-sizing: border-box; + border: 1px solid #777777; + box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5); + background: none repeat scroll 0% 0% transparent; +} +.roo-upload-cropbox-body .roo-upload-cropbox-empty-notify { + height: 100%; + background-color: rgba(0, 0, 0, 0.5); + color: #ffffff; + font-weight: bold; + font-size: 24px; + text-align: center; + padding-top: 50px; + font-style: italic; +} +.roo-upload-cropbox-btn-group button { + background-color: #000000; + color: #ffffff; + border-color: #333333; +} +.roo-upload-cropbox-error-notify { + border-radius: 0px; + text-align: center; + padding: 0px !important; + margin: 0px !important; + position: absolute; + top: 0; + left: 0; +} +.tel-input { + padding-left: 105px; + border-radius: 4px !important; +} +.dial-code-holder { + position: absolute; + width: 60px; + left: 55px; + z-index: 3; + padding: 7px; + border: 1px solid transparent; + background: transparent; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-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; +} +.flag-box { + position: absolute; + top: 6px; + height: 20px; + width: 50px; + padding: 5px; + margin-left: 5px; + display: flex; + flex-direction: row; + justify-content: space-around; + 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; } - -.select2-container, -.select2-drop, -.select2-search, -.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 - */ - -webkit-box-sizing: border-box; /* webkit */ - -moz-box-sizing: border-box; /* firefox */ - box-sizing: border-box; /* css3 */ +.flag.no { + height: 15px; + background-position: -3774px 0px; } - -.select2-container .select2-choice { - display: block; - height: 26px; - padding: 0 0 0 8px; - overflow: hidden; - position: relative; - - border: 1px solid #aaa; - white-space: nowrap; - line-height: 26px; - color: #444; - text-decoration: none; - - border-radius: 4px; - - background-clip: padding-box; - - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - - background-color: #fff; - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff)); - background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%); - background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0); - background-image: linear-gradient(to top, #eee 0%, #fff 50%); +.flag.np { + height: 15px; + background-position: -3796px 0px; } - -.select2-container.select2-drop-above .select2-choice { - border-bottom-color: #aaa; - - border-radius: 0 0 4px 4px; - - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff)); - background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%); - background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); - background-image: linear-gradient(to bottom, #eee 0%, #fff 90%); +.flag.nr { + height: 10px; + background-position: -3811px 0px; } - -.select2-container.select2-allowclear .select2-choice .select2-chosen { - margin-right: 42px; +.flag.nu { + height: 10px; + background-position: -3833px 0px; } - -.select2-container .select2-choice > .select2-chosen { - margin-right: 26px; - display: block; - overflow: hidden; - - white-space: nowrap; - - text-overflow: ellipsis; - float: none; - width: auto; +.flag.nz { + height: 10px; + background-position: -3855px 0px; } - -.select2-container .select2-choice abbr { - display: none; - width: 12px; - height: 12px; - position: absolute; - right: 24px; - top: 8px; - - font-size: 1px; - text-decoration: none; - - border: 0; - background: url('../images/select2/select2.png') right top no-repeat; - cursor: pointer; - outline: 0; +.flag.om { + height: 10px; + background-position: -3877px 0px; } - -.select2-container.select2-allowclear .select2-choice abbr { - display: inline-block; +.flag.pa { + height: 14px; + background-position: -3899px 0px; } - -.select2-container .select2-choice abbr:hover { - background-position: right -11px; - cursor: pointer; +.flag.pe { + height: 14px; + background-position: -3921px 0px; } - -.select2-drop-mask { - border: 0; - margin: 0; - padding: 0; - position: fixed; - left: 0; - top: 0; - min-height: 100%; - min-width: 100%; - height: auto; - width: auto; - opacity: 0; - z-index: 9998; - /* styles required for IE to work */ - background-color: #fff; - filter: alpha(opacity=0); +.flag.pf { + height: 14px; + background-position: -3943px 0px; } - -.select2-drop { - width: 100%; - margin-top: -1px; - position: absolute; - z-index: 9999; - top: 100%; - - background: #fff; - color: #000; - border: 1px solid #aaa; - border-top: 0; - - border-radius: 0 0 4px 4px; - - -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15); - box-shadow: 0 4px 5px rgba(0, 0, 0, .15); +.flag.pg { + height: 15px; + background-position: -3965px 0px; } - -.select2-drop.select2-drop-above { - margin-top: 1px; - border-top: 1px solid #aaa; - border-bottom: 0; - - border-radius: 4px 4px 0 0; - - -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); - box-shadow: 0 -4px 5px rgba(0, 0, 0, .15); +.flag.ph { + height: 10px; + background-position: -3987px 0px; } - -.select2-drop-active { - border: 1px solid #5897fb; - border-top: none; +.flag.pk { + height: 14px; + background-position: -4009px 0px; } - -.select2-drop.select2-drop-above.select2-drop-active { - border-top: 1px solid #5897fb; +.flag.pl { + height: 13px; + background-position: -4031px 0px; } - -.select2-drop-auto-width { - border-top: 1px solid #aaa; - width: auto; +.flag.pm { + height: 14px; + background-position: -4053px 0px; } - -.select2-drop-auto-width .select2-search { - padding-top: 4px; +.flag.pn { + height: 10px; + background-position: -4075px 0px; } - -.select2-container .select2-choice .select2-arrow { - display: inline-block; - width: 18px; - height: 100%; - position: absolute; - right: 0; - top: 0; - - border-left: 1px solid #aaa; - border-radius: 0 4px 4px 0; - - background-clip: padding-box; - - background: #ccc; - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee)); - background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%); - background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0); - background-image: linear-gradient(to top, #ccc 0%, #eee 60%); +.flag.pr { + height: 14px; + background-position: -4097px 0px; } - -.select2-container .select2-choice .select2-arrow b { - display: block; - width: 100%; - height: 100%; - background: url('../images/select2/select2.png') no-repeat 0 1px; +.flag.ps { + height: 10px; + background-position: -4119px 0px; } - -.select2-search { - display: inline-block; - width: 100%; - min-height: 26px; - margin: 0; - padding-left: 4px; - padding-right: 4px; - - position: relative; - z-index: 10000; - - white-space: nowrap; +.flag.pt { + height: 14px; + background-position: -4141px 0px; } - -.select2-search input { - width: 100%; - height: auto !important; - min-height: 26px; - padding: 4px 20px 4px 5px; - margin: 0; - - outline: 0; - font-family: sans-serif; - font-size: 1em; - - border: 1px solid #aaa; - border-radius: 0; - - -webkit-box-shadow: none; - box-shadow: none; - - background: #fff url('../images/select2/select2.png') no-repeat 100% -22px; - background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee)); - background: url('../images/select2/select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); - background: url('../images/select2/select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); - background: url('../images/select2/select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; +.flag.pw { + height: 13px; + background-position: -4163px 0px; } - -.select2-drop.select2-drop-above .select2-search input { - margin-top: 4px; +.flag.py { + height: 11px; + background-position: -4185px 0px; } - -.select2-search input.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, #eee)); - background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%); - background: url('../images/select2/select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%); - background: url('../images/select2/select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0; +.flag.qa { + height: 8px; + background-position: -4207px 0px; } - -.select2-container-active .select2-choice, -.select2-container-active .select2-choices { - border: 1px solid #5897fb; - outline: none; - - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); - box-shadow: 0 0 5px rgba(0, 0, 0, .3); +.flag.re { + height: 14px; + background-position: -4229px 0px; } - -.select2-dropdown-open .select2-choice { - border-bottom-color: transparent; - -webkit-box-shadow: 0 1px 0 #fff inset; - box-shadow: 0 1px 0 #fff inset; - - border-bottom-left-radius: 0; - border-bottom-right-radius: 0; - - background-color: #eee; - background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee)); - background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%); - background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); - background-image: linear-gradient(to top, #fff 0%, #eee 50%); +.flag.ro { + height: 14px; + background-position: -4251px 0px; } - -.select2-dropdown-open.select2-drop-above .select2-choice, -.select2-dropdown-open.select2-drop-above .select2-choices { - border: 1px solid #5897fb; - border-top-color: transparent; - - background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee)); - background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%); - background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); - background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); +.flag.rs { + height: 14px; + background-position: -4273px 0px; } - -.select2-dropdown-open .select2-choice .select2-arrow { - background: transparent; - border-left: none; - filter: none; +.flag.ru { + height: 14px; + background-position: -4295px 0px; } -.select2-dropdown-open .select2-choice .select2-arrow b { - background-position: -18px 1px; +.flag.rw { + height: 14px; + background-position: -4317px 0px; } - -.select2-hidden-accessible { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; +.flag.sa { + height: 14px; + background-position: -4339px 0px; } - -/* results */ -.select2-results { - max-height: 200px; - padding: 0 0 0 4px; - margin: 4px 4px 4px 0; - position: relative; - overflow-x: hidden; - overflow-y: auto; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +.flag.sb { + height: 10px; + background-position: -4361px 0px; } - -.select2-results ul.select2-result-sub { - margin: 0; - padding-left: 0; +.flag.sc { + height: 10px; + background-position: -4383px 0px; } - -.select2-results li { - list-style: none; - display: list-item; - background-image: none; +.flag.sd { + height: 10px; + background-position: -4405px 0px; } - -.select2-results li.select2-result-with-children > .select2-result-label { - font-weight: bold; +.flag.se { + height: 13px; + background-position: -4427px 0px; } - -.select2-results .select2-result-label { - padding: 3px 7px 4px; - margin: 0; - cursor: pointer; - - min-height: 1em; - - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; +.flag.sg { + height: 14px; + background-position: -4449px 0px; } - -.select2-results-dept-1 .select2-result-label { padding-left: 20px } -.select2-results-dept-2 .select2-result-label { padding-left: 40px } -.select2-results-dept-3 .select2-result-label { padding-left: 60px } -.select2-results-dept-4 .select2-result-label { padding-left: 80px } -.select2-results-dept-5 .select2-result-label { padding-left: 100px } -.select2-results-dept-6 .select2-result-label { padding-left: 110px } -.select2-results-dept-7 .select2-result-label { padding-left: 120px } - -.select2-results .select2-highlighted { - background: #3875d7; - color: #fff; +.flag.sh { + height: 10px; + background-position: -4471px 0px; } - -.select2-results li em { - background: #feffde; - font-style: normal; +.flag.si { + height: 10px; + background-position: -4493px 0px; } - -.select2-results .select2-highlighted em { - background: transparent; +.flag.sj { + height: 15px; + background-position: -4515px 0px; } - -.select2-results .select2-highlighted ul { - background: #fff; - color: #000; +.flag.sk { + height: 14px; + background-position: -4537px 0px; } - - -.select2-results .select2-no-results, -.select2-results .select2-searching, -.select2-results .select2-selection-limit { - background: #f4f4f4; - display: list-item; - padding-left: 5px; +.flag.sl { + height: 14px; + background-position: -4559px 0px; } - -/* -disabled look for disabled choices in the results dropdown -*/ -.select2-results .select2-disabled.select2-highlighted { - color: #666; - background: #f4f4f4; - display: list-item; - cursor: default; -} -.select2-results .select2-disabled { - background: #f4f4f4; - display: list-item; - cursor: default; +.flag.sm { + height: 15px; + background-position: -4581px 0px; } - -.select2-results .select2-selected { - display: none; +.flag.sn { + height: 14px; + background-position: -4603px 0px; } - -.select2-more-results.select2-active { - background: #f4f4f4 url('../images/select2/select2-spinner.gif') no-repeat 100%; +.flag.so { + height: 14px; + background-position: -4625px 0px; } - -.select2-more-results { - background: #f4f4f4; - display: list-item; +.flag.sr { + height: 14px; + background-position: -4647px 0px; } - -/* disabled styles */ - -.select2-container.select2-container-disabled .select2-choice { - background-color: #f4f4f4; - background-image: none; - border: 1px solid #ddd; - cursor: default; +.flag.ss { + height: 10px; + background-position: -4669px 0px; } - -.select2-container.select2-container-disabled .select2-choice .select2-arrow { - background-color: #f4f4f4; - background-image: none; - border-left: 0; +.flag.st { + height: 10px; + background-position: -4691px 0px; } - -.select2-container.select2-container-disabled .select2-choice abbr { - display: none; +.flag.sv { + height: 12px; + background-position: -4713px 0px; } - - -/* multiselect */ - -.select2-container-multi .select2-choices { - height: auto !important; - height: 1%; - margin: 0; - padding: 0; - /*position: relative;*/ - border: 1px solid #aaa; - cursor: text; - overflow: hidden; - background-color: #fff; - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff)); - background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); - background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); - background-image: linear-gradient(to bottom, #eee 1%, #fff 15%); +.flag.sx { + height: 14px; + background-position: -4735px 0px; } - -.select2-locked { - padding: 3px 5px 3px 5px !important; +.flag.sy { + height: 14px; + background-position: -4757px 0px; } - -.select2-container-multi .select2-choices { - min-height: 26px; +.flag.sz { + height: 14px; + background-position: -4779px 0px; } - -.select2-container-multi.select2-container-active .select2-choices { - border: 1px solid #5897fb; - outline: none; - - -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3); - box-shadow: 0 0 5px rgba(0, 0, 0, .3); +.flag.ta { + height: 10px; + background-position: -4801px 0px; } -.select2-container-multi .select2-choices li { - float: left; - list-style: none; +.flag.tc { + height: 10px; + background-position: -4823px 0px; } -html[dir="rtl"] .select2-container-multi .select2-choices li -{ - float: right; +.flag.td { + height: 14px; + background-position: -4845px 0px; } -.select2-container-multi .select2-choices .select2-search-field { - margin: 0; - padding: 0; - white-space: nowrap; +.flag.tf { + height: 14px; + background-position: -4867px 0px; } - -.select2-container-multi .select2-choices .select2-search-field input { - padding: 5px; - margin: 1px 0; - - font-family: sans-serif; - font-size: 100%; - color: #666; - outline: 0; - border: 0; - -webkit-box-shadow: none; - box-shadow: none; - background-color: transparent !important; +.flag.tg { + height: 13px; + background-position: -4889px 0px; } - -.select2-container-multi .select2-choices .select2-search-field input.select2-active { - background: #fff url('../images/select2/select2-spinner.gif') no-repeat 100% !important; +.flag.th { + height: 14px; + background-position: -4911px 0px; } - -.select2-default { - color: #999 !important; +.flag.tj { + height: 10px; + background-position: -4933px 0px; } - -.select2-container-multi .select2-choices .select2-search-choice { - padding: 3px 5px 3px 18px; - margin: 3px 0 3px 5px; - position: relative; - - line-height: 13px; - color: #333; - cursor: default; - border: 1px solid #aaaaaa; - - border-radius: 3px; - - -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); - box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); - - background-clip: padding-box; - - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - - background-color: #e4e4e4; - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0); - background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); - background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); - background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); - background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); -} -html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice -{ - margin-left: 0; - margin-right: 5px; +.flag.tk { + height: 10px; + background-position: -4955px 0px; } -.select2-container-multi .select2-choices .select2-search-choice .select2-chosen { - cursor: default; +.flag.tl { + height: 10px; + background-position: -4977px 0px; } -.select2-container-multi .select2-choices .select2-search-choice-focus { - background: #d4d4d4; +.flag.tm { + height: 14px; + background-position: -4999px 0px; } - -.select2-search-choice-close { - display: block; - width: 12px; - height: 13px; - position: absolute; - right: 3px; - top: 4px; - - font-size: 1px; - outline: none; - background: url('../images/select2/select2.png') right top no-repeat; +.flag.tn { + height: 14px; + background-position: -5021px 0px; } -html[dir="rtl"] .select2-search-choice-close { - right: auto; - left: 3px; +.flag.to { + height: 10px; + background-position: -5043px 0px; } - -.select2-container-multi .select2-search-choice-close { - left: 3px; +.flag.tr { + height: 14px; + background-position: -5065px 0px; } - -.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover { - background-position: right -11px; +.flag.tt { + height: 12px; + background-position: -5087px 0px; } -.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close { - background-position: right -11px; +.flag.tv { + height: 10px; + background-position: -5109px 0px; } - -/* disabled styles */ -.select2-container-multi.select2-container-disabled .select2-choices { - background-color: #f4f4f4; - background-image: none; - border: 1px solid #ddd; - cursor: default; +.flag.tw { + height: 14px; + background-position: -5131px 0px; } - -.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice { - padding: 3px 5px 3px 5px; - border: 1px solid #ddd; - background-image: none; - background-color: #f4f4f4; +.flag.tz { + height: 14px; + background-position: -5153px 0px; } - -.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close { display: none; - background: none; +.flag.ua { + height: 14px; + background-position: -5175px 0px; } -/* end multiselect */ - - -.select2-result-selectable .select2-match, -.select2-result-unselectable .select2-match { - text-decoration: underline; +.flag.ug { + height: 14px; + background-position: -5197px 0px; } - -.select2-offscreen, .select2-offscreen:focus { - clip: rect(0 0 0 0) !important; - width: 1px !important; - height: 1px !important; - border: 0 !important; - margin: 0 !important; - padding: 0 !important; - overflow: hidden !important; - position: absolute !important; - outline: 0 !important; - left: 0px !important; - top: 0px !important; +.flag.um { + height: 11px; + background-position: -5219px 0px; } - -.select2-display-none { - display: none; +.flag.us { + height: 11px; + background-position: -5241px 0px; } - -.select2-measure-scrollbar { - position: absolute; - top: -10000px; - left: -10000px; - width: 100px; - height: 100px; - overflow: scroll; +.flag.uy { + height: 14px; + background-position: -5263px 0px; } - -/* Retina-ize icons */ - -@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) { - .select2-search input, - .select2-search-choice-close, - .select2-container .select2-choice abbr, - .select2-container .select2-choice .select2-arrow b { - background-image: url('../images/select2/select2x2.png') !important; - background-repeat: no-repeat !important; - background-size: 60px 40px !important; - } - - .select2-search input { - background-position: 100% -21px !important; - } +.flag.uz { + height: 10px; + background-position: -5285px 0px; } - -.has-error .select2-choices { - border-color: #a94442; - -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); - box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); +.flag.va { + height: 15px; + background-position: -5307px 0px; } -/* -- sidebar-nav.css ---- */ - - - .sidebar .sidebar-menu .open .treeview-menu { - display:block; +.flag.vc { + height: 14px; + background-position: -5324px 0px; } -/* -- sticky-footer.css ---- */ -/*html, */ - - - -/* Sticky footer styles --------------------------------------------------- */ -html.bootstrap-sticky { - position: relative; - min-height: 100%; +.flag.ve { + height: 14px; + background-position: -5346px 0px; } -html.bootstrap-sticky body { - /* Margin bottom by footer height */ - margin-bottom: 60px; +.flag.vg { + height: 10px; + background-position: -5368px 0px; } -.bootstrap-sticky-footer { - position: absolute; - bottom: 0; - width: 100%; - /* Set the fixed height of the footer here */ - height: 60px; - background-color: #f5f5f5; +.flag.vi { + height: 14px; + background-position: -5390px 0px; } - - - -/* 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; - } +.flag.vn { + height: 14px; + background-position: -5412px 0px; } - - - -/* -- table.css ---- */ -/* paging toolbar */ - -.pagination .x-paging-position span { - padding-top:3px; padding-bottom:3px; +.flag.vu { + height: 12px; + background-position: -5434px 0px; } -.pagination .x-paging-position span input { - margin: 0 3px; +.flag.wf { + height: 14px; + background-position: -5456px 0px; } - -.navbar .pagination>li>span { - min-height:34px; +.flag.ws { + height: 10px; + background-position: -5478px 0px; } - -.navbar .pagination { - margin: 0; +.flag.xk { + height: 15px; + background-position: -5500px 0px; } - - -/* 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: #428bca; - +.flag.ye { + height: 14px; + background-position: -5522px 0px; } -.skin-blue .navbar .pagination > li > a:hover -{ - background-color: rgb(221, 221, 221); +.flag.yt { + height: 14px; + background-position: -5544px 0px; } -.skin-blue table .navbar { - background-color: #fff; - +.flag.za { + height: 14px; + background-position: -5566px 0px; } -.skin-blue .navbar .pagination>li.disabled >a{ - background-color: rgb(221, 221, 221); +.flag.zm { + height: 14px; + background-position: -5588px 0px; } -.skin-blue table .navbar { - margin-bottom: 0; - min-height: 0; +.flag.zw { + height: 10px; + background-position: -5610px 0px; } - -.table .sortable { - cursor: pointer; +.flag.ot { + height: 0px; } - - -/* -- tweaks.css ---- */ -.navbar-left .input-group[class*="col-"] { - float:left; +.roo-money-field .roo-money-currency { + padding-right: 0px; } - -.ellipsis { - overflow: hidden; - text-overflow: ellipsis; - display: -webkit-box; - -webkit-line-clamp: 3; - -webkit-box-orient: vertical; +.roo-money-field .roo-money-amount { + padding-left: 0px; } - -.sw-child-headline { - display: inline-block; - width: auto; +.roo-money-field .roo-money-currency-input { + border-right: 0px; } - -.box-input-label { - width: 100%; - display: inline-block; - font-weight: bold; +.roo-money-field .input-group-addon { + background-color: transparent; + border-left: 0px; + border-right: 0px; + border-radius: 0px; } - -.box-label { - margin-left: 5px; - cursor: pointer; +.roo-money-field .roo-money-amount-input { + border-top-left-radius: 0px; + border-bottom-left-radius: 0px; + text-align: right; } -/* needed as menu ontop of form does not work */ -.input-group .form-control { - - z-index: 1; +.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; } - -/* admin-lte - messes with checkbox and radio.. */ -.checkbox, .radio { - padding-left: 15px!important; +.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; } -/* paging toolbar */ - -.pagination .x-paging-position span { - padding-top:3px; padding-bottom:3px; +.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; } -.pagination .x-paging-position span input { - margin: 0 3px; -} \ No newline at end of file +/*# sourceMappingURL=roojs-bootstrap-debug.css.map */ \ No newline at end of file