, or .\n\n.list-group {\n // No need to set list-style: none; since .list-group-item is block level\n margin-bottom: 20px;\n padding-left: 0; // reset padding because ul and ol\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 10px 15px;\n // Place the border on the list items and negative margin up for better styling\n margin-bottom: -1px;\n background-color: @list-group-bg;\n border: 1px solid @list-group-border;\n\n // Round the first and last items\n &:first-child {\n .border-top-radius(@list-group-border-radius);\n }\n &:last-child {\n margin-bottom: 0;\n .border-bottom-radius(@list-group-border-radius);\n }\n}\n\n\n// Interactive list items\n//\n// Use anchor or button elements instead of `li`s or `div`s to create interactive items.\n// Includes an extra `.active` modifier class for showing selected items.\n\na.list-group-item,\nbutton.list-group-item {\n color: @list-group-link-color;\n\n .list-group-item-heading {\n color: @list-group-link-heading-color;\n }\n\n // Hover state\n &:hover,\n &:focus {\n text-decoration: none;\n color: @list-group-link-hover-color;\n background-color: @list-group-hover-bg;\n }\n}\n\nbutton.list-group-item {\n width: 100%;\n text-align: left;\n}\n\n.list-group-item {\n // Disabled state\n &.disabled,\n &.disabled:hover,\n &.disabled:focus {\n background-color: @list-group-disabled-bg;\n color: @list-group-disabled-color;\n cursor: @cursor-disabled;\n\n // Force color to inherit for custom content\n .list-group-item-heading {\n color: inherit;\n }\n .list-group-item-text {\n color: @list-group-disabled-text-color;\n }\n }\n\n // Active class on item itself, not parent\n &.active,\n &.active:hover,\n &.active:focus {\n z-index: 2; // Place active items above their siblings for proper border styling\n color: @list-group-active-color;\n background-color: @list-group-active-bg;\n border-color: @list-group-active-border;\n\n // Force color to inherit for custom content\n .list-group-item-heading,\n .list-group-item-heading > small,\n .list-group-item-heading > .small {\n color: inherit;\n }\n .list-group-item-text {\n color: @list-group-active-text-color;\n }\n }\n}\n\n\n// Contextual variants\n//\n// Add modifier classes to change text and background color on individual items.\n// Organizationally, this must come after the `:hover` states.\n\n.list-group-item-variant(success; @state-success-bg; @state-success-text);\n.list-group-item-variant(info; @state-info-bg; @state-info-text);\n.list-group-item-variant(warning; @state-warning-bg; @state-warning-text);\n.list-group-item-variant(danger; @state-danger-bg; @state-danger-text);\n\n\n// Custom content options\n//\n// Extra classes for creating well-formatted content within `.list-group-item`s.\n\n.list-group-item-heading {\n margin-top: 0;\n margin-bottom: 5px;\n}\n.list-group-item-text {\n margin-bottom: 0;\n line-height: 1.3;\n}\n","// List Groups\n\n.list-group-item-variant(@state; @background; @color) {\n .list-group-item-@{state} {\n color: @color;\n background-color: @background;\n\n a&,\n button& {\n color: @color;\n\n .list-group-item-heading {\n color: inherit;\n }\n\n &:hover,\n &:focus {\n color: @color;\n background-color: darken(@background, 5%);\n }\n &.active,\n &.active:hover,\n &.active:focus {\n color: #fff;\n background-color: @color;\n border-color: @color;\n }\n }\n }\n}\n","//\n// Panels\n// --------------------------------------------------\n\n\n// Base class\n.panel {\n margin-bottom: @line-height-computed;\n background-color: @panel-bg;\n border: 1px solid transparent;\n border-radius: @panel-border-radius;\n .box-shadow(0 1px 1px rgba(0,0,0,.05));\n}\n\n// Panel contents\n.panel-body {\n padding: @panel-body-padding;\n &:extend(.clearfix all);\n}\n\n// Optional heading\n.panel-heading {\n padding: @panel-heading-padding;\n border-bottom: 1px solid transparent;\n .border-top-radius((@panel-border-radius - 1));\n\n > .dropdown .dropdown-toggle {\n color: inherit;\n }\n}\n\n// Within heading, strip any `h*` tag of its default margins for spacing.\n.panel-title {\n margin-top: 0;\n margin-bottom: 0;\n font-size: ceil((@font-size-base * 1.125));\n color: inherit;\n\n > a,\n > small,\n > .small,\n > small > a,\n > .small > a {\n color: inherit;\n }\n}\n\n// Optional footer (stays gray in every modifier class)\n.panel-footer {\n padding: @panel-footer-padding;\n background-color: @panel-footer-bg;\n border-top: 1px solid @panel-inner-border;\n .border-bottom-radius((@panel-border-radius - 1));\n}\n\n\n// List groups in panels\n//\n// By default, space out list group content from panel headings to account for\n// any kind of custom content between the two.\n\n.panel {\n > .list-group,\n > .panel-collapse > .list-group {\n margin-bottom: 0;\n\n .list-group-item {\n border-width: 1px 0;\n border-radius: 0;\n }\n\n // Add border top radius for first one\n &:first-child {\n .list-group-item:first-child {\n border-top: 0;\n .border-top-radius((@panel-border-radius - 1));\n }\n }\n\n // Add border bottom radius for last one\n &:last-child {\n .list-group-item:last-child {\n border-bottom: 0;\n .border-bottom-radius((@panel-border-radius - 1));\n }\n }\n }\n > .panel-heading + .panel-collapse > .list-group {\n .list-group-item:first-child {\n .border-top-radius(0);\n }\n }\n}\n// Collapse space between when there's no additional content.\n.panel-heading + .list-group {\n .list-group-item:first-child {\n border-top-width: 0;\n }\n}\n.list-group + .panel-footer {\n border-top-width: 0;\n}\n\n// Tables in panels\n//\n// Place a non-bordered `.table` within a panel (not within a `.panel-body`) and\n// watch it go full width.\n\n.panel {\n > .table,\n > .table-responsive > .table,\n > .panel-collapse > .table {\n margin-bottom: 0;\n\n caption {\n padding-left: @panel-body-padding;\n padding-right: @panel-body-padding;\n }\n }\n // Add border top radius for first one\n > .table:first-child,\n > .table-responsive:first-child > .table:first-child {\n .border-top-radius((@panel-border-radius - 1));\n\n > thead:first-child,\n > tbody:first-child {\n > tr:first-child {\n border-top-left-radius: (@panel-border-radius - 1);\n border-top-right-radius: (@panel-border-radius - 1);\n\n td:first-child,\n th:first-child {\n border-top-left-radius: (@panel-border-radius - 1);\n }\n td:last-child,\n th:last-child {\n border-top-right-radius: (@panel-border-radius - 1);\n }\n }\n }\n }\n // Add border bottom radius for last one\n > .table:last-child,\n > .table-responsive:last-child > .table:last-child {\n .border-bottom-radius((@panel-border-radius - 1));\n\n > tbody:last-child,\n > tfoot:last-child {\n > tr:last-child {\n border-bottom-left-radius: (@panel-border-radius - 1);\n border-bottom-right-radius: (@panel-border-radius - 1);\n\n td:first-child,\n th:first-child {\n border-bottom-left-radius: (@panel-border-radius - 1);\n }\n td:last-child,\n th:last-child {\n border-bottom-right-radius: (@panel-border-radius - 1);\n }\n }\n }\n }\n > .panel-body + .table,\n > .panel-body + .table-responsive,\n > .table + .panel-body,\n > .table-responsive + .panel-body {\n border-top: 1px solid @table-border-color;\n }\n > .table > tbody:first-child > tr:first-child th,\n > .table > tbody:first-child > tr:first-child td {\n border-top: 0;\n }\n > .table-bordered,\n > .table-responsive > .table-bordered {\n border: 0;\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th:first-child,\n > td:first-child {\n border-left: 0;\n }\n > th:last-child,\n > td:last-child {\n border-right: 0;\n }\n }\n }\n > thead,\n > tbody {\n > tr:first-child {\n > td,\n > th {\n border-bottom: 0;\n }\n }\n }\n > tbody,\n > tfoot {\n > tr:last-child {\n > td,\n > th {\n border-bottom: 0;\n }\n }\n }\n }\n > .table-responsive {\n border: 0;\n margin-bottom: 0;\n }\n}\n\n\n// Collapsible panels (aka, accordion)\n//\n// Wrap a series of panels in `.panel-group` to turn them into an accordion with\n// the help of our collapse JavaScript plugin.\n\n.panel-group {\n margin-bottom: @line-height-computed;\n\n // Tighten up margin so it's only between panels\n .panel {\n margin-bottom: 0;\n border-radius: @panel-border-radius;\n\n + .panel {\n margin-top: 5px;\n }\n }\n\n .panel-heading {\n border-bottom: 0;\n\n + .panel-collapse > .panel-body,\n + .panel-collapse > .list-group {\n border-top: 1px solid @panel-inner-border;\n }\n }\n\n .panel-footer {\n border-top: 0;\n + .panel-collapse .panel-body {\n border-bottom: 1px solid @panel-inner-border;\n }\n }\n}\n\n\n// Contextual variations\n.panel-default {\n .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);\n}\n.panel-primary {\n .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);\n}\n.panel-success {\n .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);\n}\n.panel-info {\n .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);\n}\n.panel-warning {\n .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);\n}\n.panel-danger {\n .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);\n}\n","// Panels\n\n.panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) {\n border-color: @border;\n\n & > .panel-heading {\n color: @heading-text-color;\n background-color: @heading-bg-color;\n border-color: @heading-border;\n\n + .panel-collapse > .panel-body {\n border-top-color: @border;\n }\n .badge {\n color: @heading-bg-color;\n background-color: @heading-text-color;\n }\n }\n & > .panel-footer {\n + .panel-collapse > .panel-body {\n border-bottom-color: @border;\n }\n }\n}\n","// Embeds responsive\n//\n// Credit: Nicolas Gallagher and SUIT CSS.\n\n.embed-responsive {\n position: relative;\n display: block;\n height: 0;\n padding: 0;\n overflow: hidden;\n\n .embed-responsive-item,\n iframe,\n embed,\n object,\n video {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n height: 100%;\n width: 100%;\n border: 0;\n }\n}\n\n// Modifier class for 16:9 aspect ratio\n.embed-responsive-16by9 {\n padding-bottom: 56.25%;\n}\n\n// Modifier class for 4:3 aspect ratio\n.embed-responsive-4by3 {\n padding-bottom: 75%;\n}\n","//\n// Wells\n// --------------------------------------------------\n\n\n// Base class\n.well {\n min-height: 20px;\n padding: 19px;\n margin-bottom: 20px;\n background-color: @well-bg;\n border: 1px solid @well-border;\n border-radius: @border-radius-base;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));\n blockquote {\n border-color: #ddd;\n border-color: rgba(0,0,0,.15);\n }\n}\n\n// Sizes\n.well-lg {\n padding: 24px;\n border-radius: @border-radius-large;\n}\n.well-sm {\n padding: 9px;\n border-radius: @border-radius-small;\n}\n","//\n// Close icons\n// --------------------------------------------------\n\n\n.close {\n float: right;\n font-size: (@font-size-base * 1.5);\n font-weight: @close-font-weight;\n line-height: 1;\n color: @close-color;\n text-shadow: @close-text-shadow;\n .opacity(.2);\n\n &:hover,\n &:focus {\n color: @close-color;\n text-decoration: none;\n cursor: pointer;\n .opacity(.5);\n }\n\n // Additional properties for button version\n // iOS requires the button element instead of an anchor tag.\n // If you want the anchor version, it requires `href=\"#\"`.\n // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile\n button& {\n padding: 0;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n }\n}\n","//\n// Modals\n// --------------------------------------------------\n\n// .modal-open - body class for killing the scroll\n// .modal - container to scroll within\n// .modal-dialog - positioning shell for the actual modal\n// .modal-content - actual modal w/ bg and corners and shit\n\n// Kill the scroll on the body\n.modal-open {\n overflow: hidden;\n}\n\n// Container that the modal scrolls within\n.modal {\n display: none;\n overflow: hidden;\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @zindex-modal;\n -webkit-overflow-scrolling: touch;\n\n // Prevent Chrome on Windows from adding a focus outline. For details, see\n // https://github.com/twbs/bootstrap/pull/10951.\n outline: 0;\n\n // When fading in the modal, animate it to slide down\n &.fade .modal-dialog {\n .translate(0, -25%);\n .transition-transform(~\"0.3s ease-out\");\n }\n &.in .modal-dialog { .translate(0, 0) }\n}\n.modal-open .modal {\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n// Shell div to position the modal with bottom padding\n.modal-dialog {\n position: relative;\n width: auto;\n margin: 10px;\n}\n\n// Actual modal\n.modal-content {\n position: relative;\n background-color: @modal-content-bg;\n border: 1px solid @modal-content-fallback-border-color; //old browsers fallback (ie8 etc)\n border: 1px solid @modal-content-border-color;\n border-radius: @border-radius-large;\n .box-shadow(0 3px 9px rgba(0,0,0,.5));\n background-clip: padding-box;\n // Remove focus outline from opened modal\n outline: 0;\n}\n\n// Modal background\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @zindex-modal-background;\n background-color: @modal-backdrop-bg;\n // Fade for backdrop\n &.fade { .opacity(0); }\n &.in { .opacity(@modal-backdrop-opacity); }\n}\n\n// Modal header\n// Top section of the modal w/ title and dismiss\n.modal-header {\n padding: @modal-title-padding;\n border-bottom: 1px solid @modal-header-border-color;\n &:extend(.clearfix all);\n}\n// Close icon\n.modal-header .close {\n margin-top: -2px;\n}\n\n// Title text within header\n.modal-title {\n margin: 0;\n line-height: @modal-title-line-height;\n}\n\n// Modal body\n// Where all modal content resides (sibling of .modal-header and .modal-footer)\n.modal-body {\n position: relative;\n padding: @modal-inner-padding;\n}\n\n// Footer (for actions)\n.modal-footer {\n padding: @modal-inner-padding;\n text-align: right; // right align buttons\n border-top: 1px solid @modal-footer-border-color;\n &:extend(.clearfix all); // clear it in case folks use .pull-* classes on buttons\n\n // Properly space out buttons\n .btn + .btn {\n margin-left: 5px;\n margin-bottom: 0; // account for input[type=\"submit\"] which gets the bottom margin like all other inputs\n }\n // but override that for button groups\n .btn-group .btn + .btn {\n margin-left: -1px;\n }\n // and override it for block buttons as well\n .btn-block + .btn-block {\n margin-left: 0;\n }\n}\n\n// Measure scrollbar width for padding body during modal show/hide\n.modal-scrollbar-measure {\n position: absolute;\n top: -9999px;\n width: 50px;\n height: 50px;\n overflow: scroll;\n}\n\n// Scale up the modal\n@media (min-width: @screen-sm-min) {\n // Automatically set modal's width for larger viewports\n .modal-dialog {\n width: @modal-md;\n margin: 30px auto;\n }\n .modal-content {\n .box-shadow(0 5px 15px rgba(0,0,0,.5));\n }\n\n // Modal sizes\n .modal-sm { width: @modal-sm; }\n}\n\n@media (min-width: @screen-md-min) {\n .modal-lg { width: @modal-lg; }\n}\n","//\n// Popovers\n// --------------------------------------------------\n\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: @zindex-popover;\n display: none;\n max-width: @popover-max-width;\n padding: 1px;\n // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element.\n // So reset our font and text properties to avoid inheriting weird values.\n .reset-text();\n font-size: @font-size-base;\n\n background-color: @popover-bg;\n background-clip: padding-box;\n border: 1px solid @popover-fallback-border-color;\n border: 1px solid @popover-border-color;\n border-radius: @border-radius-large;\n .box-shadow(0 5px 10px rgba(0,0,0,.2));\n\n // Offset the popover to account for the popover arrow\n &.top { margin-top: -@popover-arrow-width; }\n &.right { margin-left: @popover-arrow-width; }\n &.bottom { margin-top: @popover-arrow-width; }\n &.left { margin-left: -@popover-arrow-width; }\n}\n\n.popover-title {\n margin: 0; // reset heading margin\n padding: 8px 14px;\n font-size: @font-size-base;\n background-color: @popover-title-bg;\n border-bottom: 1px solid darken(@popover-title-bg, 5%);\n border-radius: (@border-radius-large - 1) (@border-radius-large - 1) 0 0;\n}\n\n.popover-content {\n padding: 9px 14px;\n}\n\n// Arrows\n//\n// .arrow is outer, .arrow:after is inner\n\n.popover > .arrow {\n &,\n &:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n }\n}\n.popover > .arrow {\n border-width: @popover-arrow-outer-width;\n}\n.popover > .arrow:after {\n border-width: @popover-arrow-width;\n content: \"\";\n}\n\n.popover {\n &.top > .arrow {\n left: 50%;\n margin-left: -@popover-arrow-outer-width;\n border-bottom-width: 0;\n border-top-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-top-color: @popover-arrow-outer-color;\n bottom: -@popover-arrow-outer-width;\n &:after {\n content: \" \";\n bottom: 1px;\n margin-left: -@popover-arrow-width;\n border-bottom-width: 0;\n border-top-color: @popover-arrow-color;\n }\n }\n &.right > .arrow {\n top: 50%;\n left: -@popover-arrow-outer-width;\n margin-top: -@popover-arrow-outer-width;\n border-left-width: 0;\n border-right-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-right-color: @popover-arrow-outer-color;\n &:after {\n content: \" \";\n left: 1px;\n bottom: -@popover-arrow-width;\n border-left-width: 0;\n border-right-color: @popover-arrow-color;\n }\n }\n &.bottom > .arrow {\n left: 50%;\n margin-left: -@popover-arrow-outer-width;\n border-top-width: 0;\n border-bottom-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-bottom-color: @popover-arrow-outer-color;\n top: -@popover-arrow-outer-width;\n &:after {\n content: \" \";\n top: 1px;\n margin-left: -@popover-arrow-width;\n border-top-width: 0;\n border-bottom-color: @popover-arrow-color;\n }\n }\n\n &.left > .arrow {\n top: 50%;\n right: -@popover-arrow-outer-width;\n margin-top: -@popover-arrow-outer-width;\n border-right-width: 0;\n border-left-color: @popover-arrow-outer-fallback-color; // IE8 fallback\n border-left-color: @popover-arrow-outer-color;\n &:after {\n content: \" \";\n right: 1px;\n border-right-width: 0;\n border-left-color: @popover-arrow-color;\n bottom: -@popover-arrow-width;\n }\n }\n}\n",".reset-text() {\n font-family: @font-family-base;\n // We deliberately do NOT reset font-size.\n font-style: normal;\n font-weight: normal;\n letter-spacing: normal;\n line-break: auto;\n line-height: @line-height-base;\n text-align: left; // Fallback for where `start` is not supported\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n white-space: normal;\n word-break: normal;\n word-spacing: normal;\n word-wrap: normal;\n}\n","//\n// Carousel\n// --------------------------------------------------\n\n\n// Wrapper for the slide container and indicators\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n > .item {\n display: none;\n position: relative;\n .transition(.6s ease-in-out left);\n\n // Account for jankitude on images\n > img,\n > a > img {\n &:extend(.img-responsive);\n line-height: 1;\n }\n\n // WebKit CSS3 transforms for supported devices\n @media all and (transform-3d), (-webkit-transform-3d) {\n .transition-transform(~'0.6s ease-in-out');\n .backface-visibility(~'hidden');\n .perspective(1000px);\n\n &.next,\n &.active.right {\n .translate3d(100%, 0, 0);\n left: 0;\n }\n &.prev,\n &.active.left {\n .translate3d(-100%, 0, 0);\n left: 0;\n }\n &.next.left,\n &.prev.right,\n &.active {\n .translate3d(0, 0, 0);\n left: 0;\n }\n }\n }\n\n > .active,\n > .next,\n > .prev {\n display: block;\n }\n\n > .active {\n left: 0;\n }\n\n > .next,\n > .prev {\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n > .next {\n left: 100%;\n }\n > .prev {\n left: -100%;\n }\n > .next.left,\n > .prev.right {\n left: 0;\n }\n\n > .active.left {\n left: -100%;\n }\n > .active.right {\n left: 100%;\n }\n\n}\n\n// Left/right controls for nav\n// ---------------------------\n\n.carousel-control {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: @carousel-control-width;\n .opacity(@carousel-control-opacity);\n font-size: @carousel-control-font-size;\n color: @carousel-control-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n background-color: rgba(0, 0, 0, 0); // Fix IE9 click-thru bug\n // We can't have this transition here because WebKit cancels the carousel\n // animation if you trip this while in the middle of another animation.\n\n // Set gradients for backgrounds\n &.left {\n #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));\n }\n &.right {\n left: auto;\n right: 0;\n #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));\n }\n\n // Hover/focus state\n &:hover,\n &:focus {\n outline: 0;\n color: @carousel-control-color;\n text-decoration: none;\n .opacity(.9);\n }\n\n // Toggles\n .icon-prev,\n .icon-next,\n .glyphicon-chevron-left,\n .glyphicon-chevron-right {\n position: absolute;\n top: 50%;\n margin-top: -10px;\n z-index: 5;\n display: inline-block;\n }\n .icon-prev,\n .glyphicon-chevron-left {\n left: 50%;\n margin-left: -10px;\n }\n .icon-next,\n .glyphicon-chevron-right {\n right: 50%;\n margin-right: -10px;\n }\n .icon-prev,\n .icon-next {\n width: 20px;\n height: 20px;\n line-height: 1;\n font-family: serif;\n }\n\n\n .icon-prev {\n &:before {\n content: '\\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)\n }\n }\n .icon-next {\n &:before {\n content: '\\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)\n }\n }\n}\n\n// Optional indicator pips\n//\n// Add an unordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n position: absolute;\n bottom: 10px;\n left: 50%;\n z-index: 15;\n width: 60%;\n margin-left: -30%;\n padding-left: 0;\n list-style: none;\n text-align: center;\n\n li {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 1px;\n text-indent: -999px;\n border: 1px solid @carousel-indicator-border-color;\n border-radius: 10px;\n cursor: pointer;\n\n // IE8-9 hack for event handling\n //\n // Internet Explorer 8-9 does not support clicks on elements without a set\n // `background-color`. We cannot use `filter` since that's not viewed as a\n // background color by the browser. Thus, a hack is needed.\n // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer\n //\n // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we\n // set alpha transparency for the best results possible.\n background-color: #000 \\9; // IE8\n background-color: rgba(0,0,0,0); // IE9\n }\n .active {\n margin: 0;\n width: 12px;\n height: 12px;\n background-color: @carousel-indicator-active-bg;\n }\n}\n\n// Optional captions\n// -----------------------------\n// Hidden by default for smaller viewports\n.carousel-caption {\n position: absolute;\n left: 15%;\n right: 15%;\n bottom: 20px;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: @carousel-caption-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n & .btn {\n text-shadow: none; // No shadow for button elements in carousel-caption\n }\n}\n\n\n// Scale up controls for tablets and up\n@media screen and (min-width: @screen-sm-min) {\n\n // Scale up the controls a smidge\n .carousel-control {\n .glyphicon-chevron-left,\n .glyphicon-chevron-right,\n .icon-prev,\n .icon-next {\n width: (@carousel-control-font-size * 1.5);\n height: (@carousel-control-font-size * 1.5);\n margin-top: (@carousel-control-font-size / -2);\n font-size: (@carousel-control-font-size * 1.5);\n }\n .glyphicon-chevron-left,\n .icon-prev {\n margin-left: (@carousel-control-font-size / -2);\n }\n .glyphicon-chevron-right,\n .icon-next {\n margin-right: (@carousel-control-font-size / -2);\n }\n }\n\n // Show and left align the captions\n .carousel-caption {\n left: 20%;\n right: 20%;\n padding-bottom: 30px;\n }\n\n // Move up the indicators\n .carousel-indicators {\n bottom: 20px;\n }\n}\n","// Clearfix\n//\n// For modern browsers\n// 1. The space content is one way to avoid an Opera bug when the\n// contenteditable attribute is included anywhere else in the document.\n// Otherwise it causes space to appear at the top and bottom of elements\n// that are clearfixed.\n// 2. The use of `table` rather than `block` is only necessary if using\n// `:before` to contain the top-margins of child elements.\n//\n// Source: http://nicolasgallagher.com/micro-clearfix-hack/\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}\n","// Center-align a block level element\n\n.center-block() {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n","// CSS image replacement\n//\n// Heads up! v3 launched with only `.hide-text()`, but per our pattern for\n// mixins being reused as classes with the same name, this doesn't hold up. As\n// of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`.\n//\n// Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757\n\n// Deprecated as of v3.0.1 (has been removed in v4)\n.hide-text() {\n font: ~\"0/0\" a;\n color: transparent;\n text-shadow: none;\n background-color: transparent;\n border: 0;\n}\n\n// New mixin to use as of v3.0.1\n.text-hide() {\n .hide-text();\n}\n","//\n// Responsive: Utility classes\n// --------------------------------------------------\n\n\n// IE10 in Windows (Phone) 8\n//\n// Support for responsive views via media queries is kind of borked in IE10, for\n// Surface/desktop in split view and for Windows Phone 8. This particular fix\n// must be accompanied by a snippet of JavaScript to sniff the user agent and\n// apply some conditional CSS to *only* the Surface/desktop Windows 8. Look at\n// our Getting Started page for more information on this bug.\n//\n// For more information, see the following:\n//\n// Issue: https://github.com/twbs/bootstrap/issues/10497\n// Docs: http://getbootstrap.com/getting-started/#support-ie10-width\n// Source: http://timkadlec.com/2013/01/windows-phone-8-and-device-width/\n// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\n\n@-ms-viewport {\n width: device-width;\n}\n\n\n// Visibility utilities\n// Note: Deprecated .visible-xs, .visible-sm, .visible-md, and .visible-lg as of v3.2.0\n.visible-xs,\n.visible-sm,\n.visible-md,\n.visible-lg {\n .responsive-invisibility();\n}\n\n.visible-xs-block,\n.visible-xs-inline,\n.visible-xs-inline-block,\n.visible-sm-block,\n.visible-sm-inline,\n.visible-sm-inline-block,\n.visible-md-block,\n.visible-md-inline,\n.visible-md-inline-block,\n.visible-lg-block,\n.visible-lg-inline,\n.visible-lg-inline-block {\n display: none !important;\n}\n\n.visible-xs {\n @media (max-width: @screen-xs-max) {\n .responsive-visibility();\n }\n}\n.visible-xs-block {\n @media (max-width: @screen-xs-max) {\n display: block !important;\n }\n}\n.visible-xs-inline {\n @media (max-width: @screen-xs-max) {\n display: inline !important;\n }\n}\n.visible-xs-inline-block {\n @media (max-width: @screen-xs-max) {\n display: inline-block !important;\n }\n}\n\n.visible-sm {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n .responsive-visibility();\n }\n}\n.visible-sm-block {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: block !important;\n }\n}\n.visible-sm-inline {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: inline !important;\n }\n}\n.visible-sm-inline-block {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n display: inline-block !important;\n }\n}\n\n.visible-md {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n .responsive-visibility();\n }\n}\n.visible-md-block {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: block !important;\n }\n}\n.visible-md-inline {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: inline !important;\n }\n}\n.visible-md-inline-block {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n display: inline-block !important;\n }\n}\n\n.visible-lg {\n @media (min-width: @screen-lg-min) {\n .responsive-visibility();\n }\n}\n.visible-lg-block {\n @media (min-width: @screen-lg-min) {\n display: block !important;\n }\n}\n.visible-lg-inline {\n @media (min-width: @screen-lg-min) {\n display: inline !important;\n }\n}\n.visible-lg-inline-block {\n @media (min-width: @screen-lg-min) {\n display: inline-block !important;\n }\n}\n\n.hidden-xs {\n @media (max-width: @screen-xs-max) {\n .responsive-invisibility();\n }\n}\n.hidden-sm {\n @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {\n .responsive-invisibility();\n }\n}\n.hidden-md {\n @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {\n .responsive-invisibility();\n }\n}\n.hidden-lg {\n @media (min-width: @screen-lg-min) {\n .responsive-invisibility();\n }\n}\n\n\n// Print utilities\n//\n// Media queries are placed on the inside to be mixin-friendly.\n\n// Note: Deprecated .visible-print as of v3.2.0\n.visible-print {\n .responsive-invisibility();\n\n @media print {\n .responsive-visibility();\n }\n}\n.visible-print-block {\n display: none !important;\n\n @media print {\n display: block !important;\n }\n}\n.visible-print-inline {\n display: none !important;\n\n @media print {\n display: inline !important;\n }\n}\n.visible-print-inline-block {\n display: none !important;\n\n @media print {\n display: inline-block !important;\n }\n}\n\n.hidden-print {\n @media print {\n .responsive-invisibility();\n }\n}\n","// Responsive utilities\n\n//\n// More easily include all the states for responsive-utilities.less.\n.responsive-visibility() {\n display: block !important;\n table& { display: table !important; }\n tr& { display: table-row !important; }\n th&,\n td& { display: table-cell !important; }\n}\n\n.responsive-invisibility() {\n display: none !important;\n}\n","[class*=\"titip\"] {\n position: relative;\n display: inline-block;\n cursor:help;\n\n &[data-title]:before, \n &[data-title]:after,\n .titip-content {\n position: absolute;\n visibility: hidden;\n opacity: 0;\n filter: alpha(opacity=0);\n z-index: @zindex-titip;\n .translate3d(0,0,0);\n }\n}\n[class*=\"titip\"][data-title]:after,\n.titip-content {\n background-color: @titip-bg;\n color: @titip-color;\n width:auto;\n}\n[class*=\"titip\"][data-title],\n.titip-content {\n &:before {\n content: '';\n border: @titip-tringle-width solid @titip-bg;\n width:0;\n height:0;\n padding:0;\n margin:0;\n }\n}\n* .titip-hidden[class*=\"titip\"][data-title]:before, \n* .titip-hidden[class*=\"titip\"][data-title]:after,\n* .titip-hidden .titip-content {\n visibility: hidden !important;\n opacity: 0 !important;\n filter: alpha(opacity=0) !important;\n}\n.titip-content {\n border:1px solid @titip-border-color;\n &:before,\n &:after {\n position: absolute;\n z-index: ceil((@zindex-titip + 1));\n }\n &:after {\n z-index: @zindex-titip;\n content: '';\n border-style:solid;\n border-color:inherit;\n border-width: @titip-tringle-width;\n width:0;\n height:0;\n padding:0;\n margin:0;\n }\n &.thick-border {\n border-width:4px;\n }\n}\n[class*=\"titip\"][data-title]:after,\n.titip-content {\n padding: @titip-padding;\n font-size: @titip-font-size;\n line-height: @titip-line-height;\n text-shadow:none;\n white-space: nowrap;\n border-radius:@titip-radius;\n .box-shadow(@titip-box-shadow);\n}\n.titip-xs[data-title]:after,\n.titip-xs .titip-content {\n padding: 3px 5px 2px;\n}\n[data-title][class*=\"titip\"]:after {\n content: attr(data-title);\n}\n.titip-active,\n[class*=\"titip\"]:hover,\n[class*=\"titip\"]:active {\n .titip-content,\n &[data-title]:before,\n &[data-title]:after{\n opacity: 1;\n visibility: visible;\n filter: alpha(opacity=100);\n }\n}\n\n[class*=\"titip-top\"],\n[class*=\"titip-bottom\"]{\n > .titip-content,\n &[data-title]:before,\n &[data-title]:after{\n left: 50%;\n .translateX(-50%)\n }\n > .titip-content:before,\n > .titip-content:after,\n &[data-title]:before {\n border-left-color: transparent !important;\n border-right-color: transparent !important;\n }\n > .titip-content:before {\n @margin:ceil((@titip-tringle-width / 2));\n left:50%;\n margin-left:-@margin;\n }\n > .titip-content:after {\n @margin:ceil(((@titip-tringle-width / 2) + 2px));\n left:50%;\n margin-left:-@margin;\n }\n > .titip-content.thick-border:after {\n margin-left:-9px;\n }\n}\n.titip[data-title]:before, \n.titip[data-title]:after,\n.titip > .titip-content {\n top:100%;\n margin-top:ceil(((@titip-tringle-width / 2) + 1px));\n margin-left:50%;\n}\n[class*=\"titip-top\"]{\n > .titip-content:before,\n > .titip-content:after,\n &[data-title]:before {\n border-bottom-color: transparent !important;\n border-width:@titip-tringle-width ceil((@titip-tringle-width / 2)) 0;\n }\n > .titip-content:after {\n border-width:ceil((@titip-tringle-width + 1px)) ceil(((@titip-tringle-width / 2) + 2px)) 0;\n }\n > .titip-content,\n &[data-title]:after,\n &[data-title]:before {\n bottom: 100%;\n }\n &[data-title]:before {\n margin-bottom: 2px;\n }\n > .titip-content,\n &[data-title]:after {\n margin-bottom: ceil((@titip-tringle-width + 2px));\n }\n > .titip-content:before {\n bottom: -@titip-tringle-width;\n }\n > .titip-content:after {\n @margin:ceil((@titip-tringle-width + 2px));\n bottom: -@margin;\n }\n > .titip-content.thick-border {\n margin-bottom: 16px;\n }\n > .titip-content.thick-border:before {\n border-width:10px 5px 0;\n bottom: -10px;\n }\n > .titip-content.thick-border:after {\n border-width:15px 10px 0;\n bottom: -15px;\n }\n}\n\n[class*=\"titip-bottom\"]{\n > .titip-content:before,\n > .titip-content:after,\n &[data-title]:before {\n border-top-color: transparent !important;\n border-width:0 ceil((@titip-tringle-width / 2)) @titip-tringle-width;\n }\n > .titip-content:after {\n border-width:0 ceil(((@titip-tringle-width / 2) + 2px)) ceil((@titip-tringle-width + 1px));\n }\n > .titip-content,\n &[data-title]:after,\n &[data-title]:before {\n top: 100%;\n }\n &[data-title]:before {\n margin-top: 2px;\n }\n > .titip-content,\n &[data-title]:after {\n margin-top: ceil((@titip-tringle-width + 2px));\n }\n > .titip-content:before {\n top: -@titip-tringle-width;\n }\n > .titip-content:after {\n @margin:ceil((@titip-tringle-width + 2px));\n top: -@margin;\n }\n > .titip-content.thick-border {\n margin-top: 13px;\n }\n > .titip-content.thick-border:before {\n border-width:0 5px 10px;\n top: -10px;\n }\n > .titip-content.thick-border:after {\n border-width:0 10px 15px;\n top: -15px;\n }\n}\n[class*=\"titip-top-left\"],\n[class*=\"titip-bottom-left\"],\n[class*=\"titip-top-right\"],\n[class*=\"titip-bottom-right\"] {\n > .titip-content,\n &[data-title]:before,\n &[data-title]:after {\n .translateX(0%);\n }\n \n}\n\n[class*=\"titip-top-left\"], \n[class*=\"titip-bottom-left\"] {\n &[data-title]:before,\n &[data-title]:after,\n > .titip-content {\n left: auto;\n right:0;\n }\n &[data-title]:before {\n right: ceil((@titip-tringle-width + 2px));\n }\n > .titip-content:before {\n left:auto;\n right: ceil((@titip-tringle-width + 6px));\n }\n > .titip-content:after {\n left:auto;\n right: ceil((@titip-tringle-width + 4px));\n }\n > .titip-content.thick-border:after {\n right: 9px;\n }\n}\n[class*=\"titip-top-right\"], \n[class*=\"titip-bottom-right\"] {\n &[data-title]:before,\n &[data-title]:after,\n > .titip-content {\n right: auto;\n left:0;\n }\n &[data-title]:before {\n left: ceil((@titip-tringle-width + 2px));\n }\n > .titip-content:before {\n left: ceil((@titip-tringle-width + 6px));\n }\n > .titip-content:after {\n left: ceil((@titip-tringle-width + 6px));\n }\n}\n[class*=\"titip-left\"],\n[class*=\"titip-right\"]{\n > .titip-content,\n &[data-title]:before,\n &[data-title]:after{\n top: 50%;\n .translateY(-50%)\n }\n > .titip-content:before,\n > .titip-content:after,\n &[data-title]:before {\n border-top-color: transparent !important;\n border-bottom-color: transparent !important;\n }\n > .titip-content:before {\n @margin:ceil((@titip-tringle-width / 2));\n top:50%;\n margin-top:-@margin\n }\n > .titip-content:after {\n @margin:ceil(((@titip-tringle-width / 2) + 2px));\n top:50%;\n margin-top:-@margin\n }\n > .titip-content.thick-border:after {\n @margin:ceil(((@titip-tringle-width / 2) + 5px));\n margin-top:-@margin\n }\n}\n[class*=\"titip-left\"]{\n > .titip-content:before,\n > .titip-content:after,\n &[data-title]:before {\n border-right-color: transparent !important;\n border-width:ceil((@titip-tringle-width / 2)) 0 ceil((@titip-tringle-width / 2)) @titip-tringle-width;\n }\n > .titip-content:after {\n border-width:ceil(((@titip-tringle-width / 2) + 2px)) 0 ceil(((@titip-tringle-width / 2) + 2px)) ceil((@titip-tringle-width + 1px));\n }\n > .titip-content,\n &[data-title]:after,\n &[data-title]:before {\n right: 100%;\n }\n &[data-title]:before {\n margin-right: 2px;\n }\n > .titip-content,\n &[data-title]:after {\n margin-right: ceil((@titip-tringle-width + 2px));\n }\n > .titip-content:before {\n right: -@titip-tringle-width;\n }\n > .titip-content:after {\n @margin:ceil((@titip-tringle-width + 2px));\n right: -@margin;\n }\n > .titip-content.thick-border {\n margin-right: 16px;\n }\n > .titip-content.thick-border:before {\n border-width:5px 0px 5px 10px;\n right: -10px;\n }\n > .titip-content.thick-border:after {\n border-width:10px 0px 10px 15px;\n right: -15px;\n }\n}\n[class*=\"titip-right\"]{\n > .titip-content:before,\n > .titip-content:after,\n &[data-title]:before {\n border-left-color: transparent !important;\n border-width:ceil((@titip-tringle-width / 2)) @titip-tringle-width ceil((@titip-tringle-width / 2)) 0;\n }\n > .titip-content:after {\n border-width:ceil(((@titip-tringle-width / 2) + 2px)) ceil((@titip-tringle-width + 1px)) ceil(((@titip-tringle-width / 2) + 2px)) 0;\n }\n > .titip-content,\n &[data-title]:after,\n &[data-title]:before {\n left: 100%;\n }\n &[data-title]:before {\n margin-left: 2px;\n }\n > .titip-content,\n &[data-title]:after {\n margin-left: ceil((@titip-tringle-width + 2px));\n }\n > .titip-content:before {\n left: -@titip-tringle-width;\n }\n > .titip-content:after {\n @margin:ceil((@titip-tringle-width + 2px));\n left: -@margin;\n }\n > .titip-content.thick-border {\n margin-left: 16px;\n }\n > .titip-content.thick-border:before {\n border-width:5px 10px 5px 0px;\n left: -10px;\n }\n > .titip-content.thick-border:after {\n border-width:10px 15px 10px 0px;\n left: -15px;\n }\n}\n\n.titip-wrapped:after,\n.titip-wrapped > .titip-content {\n height: auto;\n width: 170px !important;\n padding: 11px;\n line-height: 19px;\n white-space: normal !important;\n text-align: left;\n}\n.titip-wrapped-large:after,\n.titip-wrapped-large > .titip-content {\n height: auto;\n width: 300px;\n padding: 11px;\n line-height: 19px;\n white-space: normal !important;\n text-align: left;\n}","//\n// Dropdown menus QuantumUI\n// --------------------------------------------------\n\n.caret.big {\n @caret-width-big: ceil((@caret-width-base * 0.5));\n margin-left: ceil((@caret-width-big / 2));\n border-top: @caret-width-big solid;\n border-right: @caret-width-big solid transparent;\n border-left: @caret-width-big solid transparent;\n}\n// Prevent the focus on the dropdown toggle when closing dropdowns\n.dropdown-toggle {\n text-align:left;\n padding-right:1.8em;\n position:relative;\n &:focus {\n outline: 0;\n }\n &.active:after {\n .rotate(180deg);\n /*top:0.15em;*/\n margin-top: -0.8em;\n }\n a& {\n padding-right:1.9em !important;\n }\n &[data-qo-placement^=\"left\"].btn,\n &[data-qo-placement^=\"left-top\"],\n &[data-qo-placement^=\"left-bottom\"],\n &[qo-placement^=\"left\"].btn,\n &[qo-placement^=\"left-top\"],\n &[qo-placement^=\"left-bottom\"] {\n padding-left:1.5em;\n &:after{\n .rotate(180deg);\n right:auto;\n left:0;\n padding-right:0;\n padding-left:5px;\n }\n }\n &:after,\n &.btn:after {\n font-family:@component-font-family;\n position:absolute;\n content: @angle-icon;\n display:inline-block;\n right:5px;\n font-weight:normal;\n font-size:1.2em;\n top: 50%;\n margin-top: -0.7em;\n \n }\n &[data-qo-placement^=\"top\"].btn,\n &[data-qo-placement^=\"top-left\"],\n &[data-qo-placement^=\"top-right\"],\n &[qo-placement^=\"top\"].btn,\n &[qo-placement^=\"top-left\"],\n &[qo-placement^=\"top-right\"] {\n &:after{\n .rotate(90deg);\n }\n }\n &[data-qo-placement^=\"bottom\"].btn,\n &[data-qo-placement^=\"bottom-left\"],\n &[data-qo-placement^=\"bottom-right\"],\n &[qo-placement^=\"bottom\"].btn,\n &[qo-placement^=\"bottom-left\"],\n &[qo-placement^=\"bottom-right\"] {\n &:after{\n .rotate(-90deg);\n }\n }\n}\n\n// The dropdown menu (ul)\n.dropdown-menu {\n top: 0;\n left: 0;\n min-width: @dropdown-min-width;\n padding: 3px;\n .box-shadow(@dropdown-box-shadow);\n // Links within the dropdown menu\n > li > a {\n padding: 6px 20px;\n }\n > li > span {\n display: block;\n padding: 3px 10px;\n font-weight: normal;\n line-height: @line-height-base;\n }\n}\n.dropdown-container {\n position: absolute;\n display:none;\n top: 0;\n left: 0;\n z-index: @zindex-dropdown;\n display: none; // none by default, but block on \"open\" of the menu\n float: left;\n min-width: @dropdown-container-min-width;\n max-width: @dropdown-container-max-width;\n padding: 3px;\n margin: 0; // override default ul\n font-size: @font-size-base;\n text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)\n background-color: @dropdown-container-bg;\n border: 1px solid @dropdown-container-fallback-border; // IE8 fallback\n border: 1px solid @dropdown-container-border;\n border-radius: @border-radius-base;\n .box-shadow(@dropdown-container-box-shadow);\n background-clip: padding-box;\n -webkit-animation-delay:0;\n animation-delay:0;\n transition:none;\n \n // dropdown-menu within the dropdown-container\n .dropdown-menu {\n position: relative;\n display: block;\n z-index: 1;\n top:0;\n bottom:0;\n min-width:100%;\n padding:0;\n border:0;\n border-radius: 0;\n -webkit-box-shadow: none;\n box-shadow: none;\n > li > a,\n > li > span {\n border-bottom:1px solid @dropdown-container-bg;\n }\n > li:last-child > a,\n > lilast-child > span {\n border-bottom-color:transparent;\n }\n }\n\n > div {\n position:relative;\n display: block;\n width:100%;\n }\n > .dc-body {\n &:extend(.clearfix all);\n padding:7px 10px;\n background-color:#fff;\n border-radius: @border-radius-base;\n overflow-y:auto;\n }\n > .dc-header {\n padding:@dropdown-container-header-padding;\n color:@dropdown-container-header-color;\n }\n > .dc-footer {\n color:@dropdown-container-footer-color;\n padding:@dropdown-container-footer-padding;\n }\n &.with-arrow[class*=\" bottom\"] {\n margin-top:14px;\n }\n &.with-arrow[class*=\" top\"] {\n margin-top:-14px;\n .box-shadow(@dropdown-container-box-shadow-top);\n }\n &.with-arrow[class*=\" left\"] {\n margin-left:-14px;\n }\n &.with-arrow[class*=\" right\"] {\n margin-left:14px;\n }\n &.with-arrow:before,\n &.with-arrow:after {\n top: -14px;\n bottom:-14px;\n left: -14px;\n right:-14px;\n border-width:14px;\n margin-left:-14px;\n margin-top:-14px;\n }\n &.with-arrow:after {\n border-color:@dropdown-container-bg;\n }\n}\n\n.open,\n[class*=\"active\"] {\n outline: 0;\n // Show the menu\n & + .dropdown-menu,\n & + .dropdown-container {\n display: block;\n }\n\n // Remove the outline when :focus is triggered\n > a {\n outline: 0;\n }\n}\n\n.dropup,\n.navbar-fixed-bottom .dropdown {\n .caret.big {\n @caret-width-big: ceil((@caret-width-base * 0.5));\n border-bottom: @caret-width-big solid;\n }\n // Different positioning for bottom up menu\n .dropdown-menu,\n .dropdown-container {\n top: auto;\n bottom: 100%;\n margin-bottom: 1px;\n }\n}\n.dropdown-menu,\n .dropdown-container {\n &:focus{\n outline:0;\n }\n }","//\n// Modals\n// --------------------------------------------------\n\n// .modal-open - body class for killing the scroll\n// .modal - container to scroll within\n// .modal-dialog - positioning shell for the actual modal\n// .modal-content - actual modal w/ bg and corners and shit\n\n// Kill the scroll on the body\n.modal-open {\n overflow: hidden;\n}\n\n// Container that the modal scrolls within\n.modal {\n .pop,\n .tooltip,\n .dropdown-menu,\n .dropdown-container,\n .popover,\n .alert {\n z-index: ceil((@zindex-modal + 10));\n }\n .modal {\n z-index: ceil((@zindex-modal + 1));\n }\n .modal .modal-dialog {\n margin-right: 20px;\n }\n .modal .modal .modal-dialog {\n margin-left: 20px;\n }\n .modal .modal .modal .modal-dialog {\n margin: 0 auto;\n }\n .modal .modal .modal .modal .modal-dialog {\n margin: 50px 10% 30px auto;\n }\n}\n\n\n\n// Modal background\n.modal-backdrop {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n width:100%;\n height:100%;\n z-index:0 !important;\n}\n.modal-content > .close {\n position:absolute;\n top:7px;\n right:7px;\n}\n\n.modal-body {\n max-height:100%;\n overflow:auto;\n &:extend(.clearfix all);\n}\n\n// Footer (for actions)\n.modal-footer {\n width:100%;\n}\n\n.modal-fix-height{\n > .modal-dialog,\n > .modal-dialog > .modal-content,\n > .modal-dialog > .modal-content > .modal-body {\n height:100%;\n }\n .modal-dialog > .modal-content > .modal-footer {\n position:absolute;\n bottom:0;\n }\n > .modal-dialog {\n height:calc(~\"100% - 20px\");\n }\n}\n.modal.screen-mode {\n > .modal-dialog {\n max-width:90% !important;\n width:90% !important;\n top:0 !important;\n height:100%;\n bottom:0;\n left:0;\n margin:0 !important;\n right:10%;\n border-left:3px solid transparent;\n }\n > .modal-dialog > .modal-content{\n border-width:0;\n border-radius:0;\n bottom:0;\n height:100%;\n }\n > .modal-dialog .modal-body {\n height: 100% !important;\n }\n > .modal-dialog .modal-body-inner {\n height: 100% !important;\n max-height: 100% !important;\n padding:5px;\n }\n > .modal-dialog .modal-footer {\n background-color:inherit;\n position:absolute;\n bottom:0;\n max-height:90px;\n width:100%;\n }\n &.right > .modal-dialog {\n left:10%;\n right:0;\n border-left-width:0;\n border-right:3px solid transparent;\n }\n &.top > .modal-dialog,\n &.bottom > .modal-dialog {\n max-width:99% !important;\n width:99% !important;\n left:0.5% !important;\n right:0.5% !important;\n border-left-width:0;\n height:90%;\n }\n &.top > .modal-dialog{\n border-top:3px solid transparent;\n }\n &.bottom > .modal-dialog{\n top:10% !important;\n position:absolute;\n border-bottom:3px solid transparent;\n }\n}\n\n// Scale up the modal\n@media (min-width: @screen-sm-min) {\n .modal-fix-height{\n > .modal-dialog {\n height:calc(~\"100% - 60px\");\n }\n }\n .modalbox .modal-dialog {\n width: @modal-box-md;\n }\n .modalbox.modal-sm .modal-dialog {\n width: @modal-box-sm;\n }\n}\n\n@media (min-width: @screen-md-min) {\n .modalbox.modal-lg .modal-dialog {\n width: @modal-box-lg;\n }\n}\n.modalbox {\n .modal-body-inner:before {\n font-family:@component-font-family;\n content:@info-icon;\n font-size:5em;\n display:inline-block;\n float:left;\n margin-right:10px;\n margin-top:-0.3em;\n color:@modal-content-fallback-border-color;\n }\n &.modal-danger .modal-body-inner:before {\n content:@danger-icon;\n color:@brand-danger-light;\n }\n &.modal-warning .modal-body-inner:before {\n content:@warning-icon;\n color:@brand-warning-light;\n }\n &.no-icon .modal-body-inner:before {\n content:'';\n }\n .modal-footer {\n padding:7px 15px;\n }\n .modal-header {\n padding:10px 15px;\n }\n}","//\n// Tooltips\n// --------------------------------------------------\n\n\n// Base class\n.tooltip {\n position: absolute;\n z-index: @zindex-tooltip;\n display: block;\n visibility: visible;\n // Reset font and text propertes given new insertion method\n font-family: @font-family-base;\n font-size: @font-size-small;\n font-weight: normal;\n line-height: 1.4;\n border-style:solid;\n border-width:0;\n border-color:@tooltip-arrow-color;\n .opacity(0);\n\n &.in { .opacity(@tooltip-opacity); }\n &.top,&.top-left,&.top-right {\n @margin-top:ceil(((@tooltip-arrow-width * 2) - 1px));\n margin-top: -@margin-top; \n padding: ceil((@tooltip-arrow-width * 2)) 0; \n\n }\n &.right {\n margin-left: 1px; \n padding: 0 ceil((@tooltip-arrow-width * 2)); \n }\n &.bottom,&.bottom-left,&.bottom-right {\n margin-top: -1px; \n padding: ceil((@tooltip-arrow-width * 2)) 0; \n\n }\n &.left { \n @margin-left:ceil(((@tooltip-arrow-width * 2) - 1px));\n margin-left: -@margin-left; \n padding: 0 ceil((@tooltip-arrow-width * 2)); \n\n }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n max-width: @tooltip-max-width;\n padding: 3px 8px;\n color: @tooltip-color;\n text-align: center;\n text-decoration: none;\n background-color: @tooltip-bg;\n border-radius: @border-radius-base;\n}\n\n// Arrows\n.tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1\n.tooltip {\n &.top .tooltip-arrow,\n &.top-left .tooltip-arrow,\n &.top-right .tooltip-arrow {\n bottom: 1px;\n border-width: (@tooltip-arrow-width * 2) @tooltip-arrow-width 0;\n border-top-color: inherit;\n }\n &.top .tooltip-arrow,\n &.bottom .tooltip-arrow {\n left: 50%;\n }\n &.top-right .tooltip-arrow {\n right: (@tooltip-arrow-width * 2);\n }\n &.top-left .tooltip-arrow {\n left: (@tooltip-arrow-width * 2);\n }\n &.right .tooltip-arrow {\n top: 50%;\n left: 1px;\n margin-top: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width (@tooltip-arrow-width * 2) @tooltip-arrow-width 0;\n border-right-color: inherit;\n }\n &.left .tooltip-arrow {\n top: 50%;\n right: 1px;\n margin-top: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width 0 @tooltip-arrow-width (@tooltip-arrow-width * 2);\n border-left-color: inherit;\n }\n &.bottom .tooltip-arrow,\n &.bottom-left .tooltip-arrow,\n &.bottom-right .tooltip-arrow {\n top: 1px;\n /*margin-top: -@tooltip-arrow-width;*/\n border-width: 0 @tooltip-arrow-width (@tooltip-arrow-width * 2);\n border-bottom-color: inherit;\n }\n &.bottom-left .tooltip-arrow {\n left: (@tooltip-arrow-width * 2);\n }\n &.bottom-right .tooltip-arrow {\n right: (@tooltip-arrow-width * 2);\n }\n}","//\n// Carousel QuantumUI styles\n// --------------------------------------------------\n\n.carousel {\n position: relative;\n margin-left:auto;\n margin-right:auto;\n max-width:100%;\n}\n.carousel-control{\n cursor:pointer;\n}\n.carousel-inner {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n > .item {\n position: absolute;\n width:100%;\n height:100%;\n overflow:hidden;\n &.ng-animate[class*=\"-remove\"]{\n position:absolute !important;\n top:0;\n }\n }\n\n}\n\n.carousel-indicators {\n li {\n text-indent: -9999px;\n img{\n width:100%;\n height:100%;\n }\n }\n}\n\n.carousel-title{\n position: absolute;\n left:0;\n right:0;\n top:0;\n height:45px;\n line-height:45px;\n white-space:nowrap;\n overflow:hidden;\n font-size:22px;\n font-weight:bold;\n margin:0;\n padding-left:20px;\n color: #ffffff !important;\n background:rgba(0,0,0, 0.4)\n}\n\n/*number navigation*/\n.carousel.number-navigation,\n.carousel.thumb-navigation {\n padding:2px;\n padding-bottom:30px;\n border: 1px solid @carousel-indicator-thumb-border-color;\n border-radius:4px;\n .carousel-indicators {\n bottom: 0;\n left: 0;\n z-index: 91;\n width: 100%;\n padding: 2px;\n margin: 0;\n background-color:@carousel-indicator-thumb-bg;\n #gradient > .vertical(@start-color: tint(@carousel-indicator-thumb-bg, 4%); @end-color: @carousel-indicator-thumb-bg;);\n \n > li{\n width: 30px;\n height: 30px;\n margin: 0;\n padding:1px;\n background-origin:content-box;\n text-indent: 0;\n border-radius:4px;\n opacity:0.4;\n #gradient > .elipse(@inner-color: tint(@carousel-indicator-thumb-bg, 4%); @outer-color: shade(@carousel-indicator-thumb-bg, 6%););\n }\n .active {\n opacity:1;\n }\n \n }\n .indicator-no {\n display:block;\n font-size:16px;\n font-weight:bold;\n line-height:30px;\n color:@carousel-indicator-thumb-color;\n }\n .carousel-caption {\n right: 0;\n bottom: 0;\n left: 0;\n color: #ffffff;\n text-align: justify;\n padding:10px;\n border-top: 1px solid @carousel-indicator-thumb-border-color;\n background-color:fade(@carousel-caption-bg, 50%);\n }\n}\n\n/*thumb navigation*/\n.carousel.thumb-navigation {\n padding-bottom:5px;\n .carousel-indicators {\n overflow:hidden;\n height:56px;\n padding:0;\n padding-top:3px;\n > li{\n width: 70px;\n height: 50px;\n margin: 0;\n margin-bottom:0;\n text-indent: 0;\n border-radius:0;\n opacity:0.6;\n border:0;\n padding:3px;\n span{\n display:block;\n line-height:46px;\n text-align:center;\n }\n canvas{\n display:block;\n width:100%;\n height:100%;\n }\n }\n }\n .indicator-no {\n display:block;\n }\n .carousel-caption {\n bottom: 50px;\n color: #ffffff;\n }\n \n &.show-page-butons:hover{\n .carousel-page-control{\n &.page-left,\n &.page-right{\n display:block;\n }\n &.page-all{\n right:32px; \n }\n }\n }\n &.all-thumbs-button:hover{\n .carousel-page-control{\n &.page-all{\n display:block;\n }\n }\n }\n &.shown-all-thumbs,\n &.shown-all-thumbs:hover{\n padding-bottom:0;\n .carousel-page-control{\n display:none !important;\n }\n .carousel-indicators {\n overflow:auto;\n height:auto;\n max-height:216px;\n position:relative;\n > li{\n width: 52px !important;\n display:inline-block !important;\n }\n }\n }\n}\n.carousel-page-control{\n position:absolute;\n display:none;\n bottom:0;\n height:54px;\n line-height:53px;\n text-align:center;\n width:30px;\n cursor:pointer;\n z-index:92;\n border:1px solid darken(@carousel-indicator-thumb-border-color, 10%);\n background-color:darken(@carousel-indicator-thumb-border-color, 3%);\n #gradient > .radial(@inner-color: tint(@carousel-indicator-thumb-border-color, 4%); @outer-color: darken(@carousel-indicator-thumb-border-color, 30%););\n\n &.page-left{\n left:0;\n font-size:1.667em;\n }\n &.page-right{\n right:0;\n font-size:1.667em;\n }\n &.page-all{\n width:54px;\n right:0;\n padding-top:12px;\n line-height:10px;\n > *{\n display:block;\n }\n .page-all-total{\n font-weight:bold;\n }\n }\n }\n\n.carousel-zoom{\n .zoom-item{\n cursor:zoom-in;\n }\n}\n@media (max-width: @screen-xs-max) {\n\n .carousel-caption {\n left: 10%;\n right: 10%;\n bottom:0;\n padding-bottom: 0;\n font-size:0.6em;\n h4{\n font-size:12px;\n }\n }\n}","// Gradients\n\n#gradient {\n\n // elipse gradient effect added\n\n #gradient();\n .elipse(@inner-color: #555; @outer-color: #333) {\n background-image: -webkit-radial-gradient(center, ellipse cover, @inner-color, @outer-color);\n background-image: radial-gradient(ellipse at center, @inner-color, @outer-color);\n background-repeat: no-repeat;\n }\n .elipse-button(@inner-color: #555; @outer-color: #333) {\n background-image: -webkit-radial-gradient(center, ellipse farthest-corner, @inner-color 0, @inner-color 50%, @outer-color 150%);\n background-image: radial-gradient(ellipse farthest-corner at center, @inner-color 0, @inner-color 50%, @outer-color 150%);\n background-repeat: no-repeat;\n }\n .elipse-button-hover(@inner-color: #555; @outer-color: #333) {\n background-image: -webkit-radial-gradient(center, ellipse farthest-corner, @inner-color 0, @inner-color 60%, @outer-color 120%);\n background-image: radial-gradient(ellipse farthest-corner at center, @inner-color 0, @inner-color 60%, @outer-color 120%);\n background-repeat: no-repeat;\n }\n \n}\n","//\n// Alerts QuantumUI Addidional\n// --------------------------------------------------\n\n.alert-container {\n position:fixed;\n top:10px;\n right:10px;\n max-width:300px;\n background-image:none;\n background-color:transparent;\n z-index:9998;\n &.top-left {\n top:10px;\n right:auto;\n right:initial;\n left:10px;\n }\n &.bottom-left {\n top:auto;\n top:initial;\n right:auto;\n right:initial;\n left:10px;\n bottom:10px;\n }\n &.bottom-right {\n top:auto;\n top:initial;\n bottom:10px;\n }\n &.center {\n top:40%;\n right:40%;\n }\n}\n\n .alert-title {\n padding-right:10px;\n }\n","//*arrows for dropdown menu, popover and pickers*\n.with-arrow {\n &[class*=\" bottom\"] {\n margin-top:@with-arrow-margin;\n }\n &[class*=\" top\"] {\n margin-top:-@with-arrow-margin;\n .box-shadow(@with-arrow-top-box-shadow)\n }\n &[class*=\" left\"] {\n margin-left:-@with-arrow-margin;\n }\n &[class*=\" right\"] {\n margin-left:@with-arrow-margin;\n }\n &:before,\n &:after {\n content: '';\n display: inline-block;\n border-style:solid;\n position: absolute;\n border-color:inherit;\n top: -@with-arrow-offset;\n bottom:-@with-arrow-offset;\n left: -@with-arrow-offset;\n right:-@with-arrow-offset;\n border-width:@with-arrow-border-width;\n margin-left:-@with-arrow-margin;\n margin-top:-@with-arrow-margin;\n }\n &:after {\n border-color:@with-arrow-border-inner-color;\n }\n &.bottom,&.bottom-left,&.bottom-right,\n &.top,&.top-left,&.top-right{\n &:before,\n &:after {\n border-left-color:transparent !important;\n border-right-color:transparent !important;\n margin-top:0 !important;\n }\n \n }\n &.bottom,&.bottom-left,&.bottom-right{\n &:before {\n margin-top:0px !important;\n }\n &:after {\n margin-top:2px !important;\n }\n &:before,\n &:after {\n border-top-width:0 !important;\n bottom:auto !important;\n }\n }\n &.top,&.top-left,&.top-right{\n &:before {\n margin-bottom:0px !important;\n }\n &:after {\n margin-bottom:2px !important;\n }\n &:before,\n &:after {\n border-bottom-width:0 !important;\n top: auto !important;\n }\n }\n &.bottom-right,&.top-right{\n &:before,\n &:after {\n margin-left:0 !important;\n left:auto !important;\n right:@with-arrow-offset !important;\n }\n }\n &.bottom-left,&.top-left{\n &:before,\n &:after {\n margin-left:0 !important;\n right:auto !important;\n left:@with-arrow-offset !important;\n }\n }\n &.bottom,&.top{\n &:before,\n &:after {\n left: 50% !important;\n right:auto !important;\n }\n }\n /**horizontal setting**/\n\n &.left,&.left-top,&.left-bottom,\n &.right,&.right-top,&.right-bottom{\n &:before,\n &:after {\n border-bottom-color:transparent !important;\n border-top-color:transparent !important;\n margin-left:0 !important;\n }\n \n }\n &.left,&.left-top,&.left-bottom{\n &:before,\n &:after {\n border-right-width:0 !important;\n left:auto !important;\n }\n &:after {\n margin-right:2px !important;\n }\n }\n \n &.right,&.right-top,&.right-bottom{\n &:before,\n &:after {\n border-left-width:0 !important;\n right:auto !important;\n }\n &:after {\n margin-left:2px !important;\n }\n \n }\n &.left-top,&.right-top{\n &:before,\n &:after {\n margin-top:0 !important;\n bottom:@with-arrow-offset !important;\n top:auto !important;\n }\n \n }\n &.left-bottom,&.right-bottom{\n &:before,\n &:after {\n margin-top:0 !important;\n top:@with-arrow-offset !important;\n bottom:auto !important;\n }\n \n }\n &.left,&.right{\n &:before,\n &:after {\n top: 50% !important;\n bottom:auto !important;\n }\n \n }\n}\n",".aside {\n font-family:@aside-font;\n z-index:@zindex-aside;\n width:@aside-width;\n min-height:150px;\n top:0;\n bottom:0;\n position:fixed;\n background-color:@aside-bg;\n visibility:hidden;\n color:@aside-color;\n}\n.aside:not(.ng-animate) {\n .transition(width @aside-transition-duration linear);\n}\n.aside-closed {\n width:0;\n max-width:0;\n visibility:hidden;\n}\n.aside-pinned {\n}\n.aside-collapsed {\n width:@aside-collapsed-width;\n .transition(width @aside-transition-duration linear);\n .aside-header .aside-title{\n display:none;\n }\n .aside-header .aside-buttons{\n width:100%;\n margin:auto;\n float:none;\n text-align:center;\n }\n}\n.aside-opened {\n visibility:visible;\n \n &.aside-collapsed {\n width:@aside-collapsed-width;\n }\n}\n.aside-left {\n left:0;\n margin-left:0;\n}\n.aside-right {\n right:0;\n margin-right:0;\n}\n.aside-header {\n display:block;\n position:relative;\n width:100%;\n padding:7px 10px;\n background-color:darken(@aside-bg, 7%);\n border-bottom:1px solid darken(@aside-bg, 12%);\n white-space:nowrap;\n .box-shadow(0 1px 0px -1px rgba(50, 50, 50, 0.3));\n .aside-title{\n display:inline-block;\n font-size:1.1em;\n }\n .aside-buttons{\n float:right;\n margin-top:-2px;\n width:auto;\n clear:both;\n > *{\n display:inline-block;\n }\n > .btn{\n margin-top:-0.2em;\n }\n }\n}\n.aside-footer {\n width:100%;\n height:@aside-footer-height;\n background-color:darken(@aside-bg, 5%);\n border-top:1px solid darken(@aside-bg, 12%);\n position:absolute;\n vertical-align:middle;\n bottom:0;\n}\n.aside-content {\n border-radius:1px;\n height:100%;\n background-color:#fff;\n}\n.aside-body {\n width:100%;\n height:100%;\n max-height:100%;\n padding:0;\n color :inherit;\n &:extend(.clearfix all);\n\n .nav {\n color :inherit;\n > li{\n color :inherit;\n > a{\n color :inherit;\n white-space:nowrap;\n }\n }\n }\n}\n\n.aside-fixed {\n position:fixed;\n bottom:0;\n -webkit-backface-visibility: hidden; \n -webkit-transform: translateZ(0);\n}\n.aside-absolute {\n position:absolute;\n}\n.aside-relative {\n position:relative;\n &.aside-left {\n float:left;\n top:0;\n }\n &.aside-right {\n float:right;\n top:0;\n }\n}\n.aside-overlay{\n position:fixed;\n top:0;\n bottom:0;\n left:0;\n right:0;\n background-color:@aside-overlay-bg;\n z-index:ceil((@zindex-aside - 9));\n opacity:0.5;\n\n}\n.off-canvas-all{\n\n}\n.off-canvas-mobile{\n\n}\n.off-canvas-desktop{\n\n}\n.off-canvas-touches{\n\n}\n\n\n/*page settings*/\n.left-off-canvas-all{\n\n}\n.left-off-canvas-mobile{\n \n}\n.left-off-canvas-desktop{\n\n}\n.left-off-canvas-touches{\n\n}\n.left-aside-pinned {\n}\n.left-aside-collapsed {\n}\n.left-aside-opened {\n .hide-on-aside-left {\n display:none;\n }\n \n &.left-aside-collapsible,\n &.left-aside-collapsed,\n &.left-aside-collapsed.left-off-canvas-mobile,\n &.left-aside-collapsed.left-off-canvas-all,\n &.left-aside-collapsed.left-off-canvas-desktop,\n &.left-aside-collapsed.left-off-canvas-touches,\n &.left-aside-collapsed.left-aside-relative,\n &.left-aside-collapsed.left-aside-pinned {\n width:100%;\n .content-wrapper {\n margin-left:@aside-collapsed-width;\n }\n } \n &.left-off-canvas-all,\n &.left-off-canvas-desktop {\n width:calc(~'100% + @{aside-width}');\n }\n &.left-off-canvas-all,\n &.left-off-canvas-desktop,\n &.left-aside-relative,\n &.left-aside-pinned {\n .content-wrapper {\n margin-left: @aside-width;\n }\n }\n}\n.left-aside-fixed {\n\n}\n.left-aside-absolute {\n}\n.left-aside-relative {\n}\n/*right page settings*/\n.right-off-canvas-all{\n\n}\n.right-off-canvas-mobile{\n\n}\n.right-off-canvas-desktop{\n\n}\n.right-off-canvas-touches{\n\n}\n.right-aside-pinned {\n}\n.right-aside-collapsed {\n}\n.right-aside-opened {\n .hide-on-aside-right {\n display:none;\n } \n &.right-aside-collapsible,\n &.right-aside-collapsed,\n &.right-aside-collapsed.right-off-canvas-mobile,\n &.right-aside-collapsed.right-off-canvas-all,\n &.right-aside-collapsed.right-off-canvas-desktop,\n &.right-aside-collapsed.right-off-canvas-touches,\n &.right-aside-collapsed.right-aside-relative,\n &.right-aside-collapsed.right-aside-pinned {\n width:100%;\n margin-left:0;\n .content-wrapper {\n margin-right:@aside-collapsed-width;\n }\n }\n &.right-off-canvas-all,\n &.right-off-canvas-desktop {\n width:calc(~'100% + @{aside-width}');\n margin-left: -@aside-width;\n }\n &.right-off-canvas-all,\n &.right-off-canvas-desktop,\n &.right-aside-relative,\n &.right-aside-pinned {\n .content-wrapper {\n margin-right: @aside-width;\n }\n }\n}\n.right-aside-fixed {\n}\n.right-aside-absolute {\n}\n.right-aside-relative {\n}\n.content-wrapper {\n .transition(margin @aside-transition-duration linear);\n}\n[class*=\"left-off-canvas\"],\n[class*=\"right-off-canvas\"] {\n .transition(margin, width, @aside-transition-duration linear);\n}\n\n\n.skin-default .aside-with-menu,\n.aside-default.aside{\n background-color:@aside-default-bg;\n color:@aside-default-color;\n .aside-header {\n background-color:darken(@aside-default-bg, 7%);\n border-bottom:1px solid darken(@aside-default-bg, 12%);\n .box-shadow(0 1px 2px 0px rgba(50, 50, 50, 0.1));\n \n }\n .aside-footer {\n background-color:darken(@aside-default-bg, 5%);\n border-top:1px solid darken(@aside-default-bg, 12%);\n }\n .aside-overlay{\n background-color:@aside-default-overlay-bg;\n\n }\n .top-level{\n border-bottom:1px solid lighten(@aside-default-bg, 3%);\n > li {\n border-bottom:1px solid darken(@aside-default-bg, 4%);\n border-top:1px solid lighten(@aside-default-bg, 3%);\n }\n }\n}\n\n.aside-with-menu{\n .aside-body {\n padding:0;\n }\n}\n@media (max-width: @screen-sm-min) {\n [class*=\"-off-canvas-mobile\"] {\n .content-wrapper {\n width:100%;\n }\n } \n}\n@media (max-width: @screen-md-min) {\n [class*=\"-off-canvas-touches\"] {\n .content-wrapper {\n width:100%;\n }\n } \n}\n@media (max-width: @screen-lg-min) {\n [class*=\"-off-canvas-desktop\"] {\n .content-wrapper {\n width:100%;\n }\n } \n}\n[class*=\"-off-canvas-all\"] {\n .content-wrapper {\n width:100%;\n }\n }","*:hover >.scrollable,\n*:focus > .scrollable,\n.scrollable:hover,\n.scrollable:focus {\n &::-webkit-scrollbar {\n opacity:1;\n display:block;\n }\n}\n\n//== quantumui scrollbar\n\n.scrollable {\n max-height:100%;\n z-index:1;\n &.no-webkit,\n &.no-webkit .scrollable-inner {\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -o-user-select: none;\n user-select: none;\n }\n .scrollable-inner {\n width:100%;\n height:100%;\n padding:0;\n margin:0;\n }\n > * > .scrollbar,\n > .scrollbar {\n position:absolute;\n z-index:@scrollbar-z-index;\n }\n &:not(.bar-visible) .scrollbar {\n visibility:hidden;\n }\n &:hover .scrollbar,\n &:active .scrollbar,\n &:focus .scrollbar {\n visibility:visible;\n /*display:block;*/\n }\n li.scrollbar-list-item {\n position:none !important;\n position:initial !important;\n }\n &.scrollable-y{\n overflow-y:auto !important;\n }\n &.bar-visible .scrollbar {\n visibility:visible !important;\n }\n}\n\n\n.scrollbar,\n.scrollbar-track,\n.scrollbar-thumb {\n &:hover,\n &:focus {\n -webkit-animation-delay:0;\n animation-delay:0;\n transition-delay:0;\n -webkit-transition-delay:0;\n\n }\n\n}\n.vertical-bar {\n &.bar-right,\n &.bar-left{\n min-width:@scrollbar-size;\n }\n &.bar-right{\n right:@scrollbar-offset;\n }\n &.bar-left{\n left:@scrollbar-offset;\n }\n}\n\n.horizontal-bar{\n &.bar-top,\n &.bar-bottom{\n min-height:@scrollbar-size;\n }\n &.bar-top{\n top:@scrollbar-offset;\n }\n &.bar-bottom{\n bottom:@scrollbar-offset;\n }\n}\n\n.scrollbar {\n .scrollbar-track{\n position:relative; \n }\n .scrollbar-thumb{\n position:absolute;\n cursor:default;\n opacity:@scrollbar-thumb-opacity;\n background-color:@scrollbar-thumb-bg-color;\n width:100%; \n border-radius:@scrollbar-track-border-radius;\n .box-shadow(@scrollbar-thumb-box-shadow); \n\n &:hover,\n &:focus {\n opacity:1;\n .box-shadow(@scrollbar-thumb-box-shadow-hover); \n }\n }\n &.horizontal-bar .scrollbar-thumb{\n min-width:ceil((@scrollbar-size - 2px));\n height:100%;\n }\n &.horizontal-bar{\n display:table;\n }\n &.horizontal-bar .scrollbar-track{\n display:table-cell;\n vertical-align:middle;\n padding-left:3px;\n padding-right:3px;\n }\n &.vertical-bar .scrollbar-thumb{\n min-height:ceil((@scrollbar-size - 2px));\n width:100%;\n }\n &.vertical-bar .scrollbar-track{\n width:100%;\n margin:auto;\n }\n}\n.scrollbar-track{\n > .track-inner{\n position:relative; \n background-color:@scrollbar-bg-color; \n .box-shadow(@scrollbar-track-box-shadow);\n border-radius:@scrollbar-track-border-radius;\n width:100%;\n height:100%;\n \n }\n}\n\n.bar-increment,\n.bar-decrement {\n cursor:pointer;\n text-align:center;\n position:relative;\n background-color:@scrollbar-button-bg-color;\n border-radius:ceil((@scrollbar-button-size / 2));\n min-width:@scrollbar-button-size;\n min-height:@scrollbar-button-size;\n #gradient > .elipse(@inner-color: rgba(0, 0, 0, 0.05); @outer-color:rgba(255, 255, 255, 0.3));\n .box-shadow(@scrollbar-button-box-shadow);\n\n > span {\n width:0;\n height:0;\n display:block;\n margin-left:auto;\n margin-right:auto;\n border-width:@scrollbar-button-border-width;\n border-style:solid;\n border-color:@scrollbar-button-border-color;\n }\n}\n\n\n.show-bar-button {\n .horizontal-bar .scrollbar-track{\n padding-left:3px;\n padding-right:3px;\n }\n .vertical-bar .scrollbar-track{\n padding-top:3px;\n padding-bottom:3px;\n }\n}\n.horizontal-bar{\n .scrollbar-track > .track-inner{\n width:100%; \n }\n .bar-decrement,\n .bar-increment {\n display:table-cell;\n vertical-align:middle;\n }\n .bar-decrement > span {\n border-top-color:transparent;\n\t border-bottom-color: transparent;\n\t border-left:none;\n border-right-width:7px;\n }\n .bar-increment > span{\n border-top-color:transparent;\n\t border-bottom-color: transparent;\n border-left-width:7px;\n\t border-right:none;\n }\n} \n\n.vertical-bar {\n .scrollbar-track > .track-inner{\n width:100%; \n margin:auto;\n height:100%\n }\n .bar-decrement,\n .bar-increment {\n display:block;\n width:100%;\n > span\n {\n position:absolute;\n top:50%;\n left:50%;\n margin-top:-5px;\n margin-left:-4px;\n }\n }\n .bar-decrement > span {\n border-left-color:transparent;\n\t border-right-color: transparent;\n border-bottom-width:7px;\n\t border-top:none;\n }\n .bar-increment > span{\n border-left-color:transparent;\n\t border-right-color: transparent;\n\t border-bottom:none;\n border-top-width:7px;\n margin-top:-3px;\n }\n \n}\n.hide-rail {\n .scrollbar-track > .track-inner{\n background-color:transparent !important;\n border:none !important;\n -webkit-box-shadow:none !important;\n box-shadow:none !important;\n }\n}\n\n/*size settings*/\nselect::-webkit-scrollbar,\ntextarea::-webkit-scrollbar,\niframe::-webkit-scrollbar {\n width: 8px;\n height:8px; \n border-radius:4px;\n}\n.bar-slimmest {\n .track-inner,\n .scrollbar-thumb{\n border-radius:2px !important;\n }\n}\n.bar-slim {\n .track-inner,\n .scrollbar-thumb{\n border-radius:4px !important;\n }\n}\n.bar-normal {\n .track-inner,\n .scrollbar-thumb{\n border-radius:6px;\n }\n}\n.bar-thick {\n .track-inner,\n .scrollbar-thumb{\n border-radius:8px !important;\n }\n}\n.bar-thickest {\n .track-inner,\n .scrollbar-thumb{\n border-radius:10px !important;\n }\n}\n\n.bar-info {\n .scrollbar-variant(@scrollbar-info-bg; @scrollbar-info-color;@scrollbar-info-thumb-bg;) \n}\n.bar-danger {\n .scrollbar-variant(@scrollbar-danger-bg; @scrollbar-danger-color;@scrollbar-danger-thumb-bg;) \n}\n.bar-warning {\n .scrollbar-variant(@scrollbar-warning-bg; @scrollbar-warning-color;@scrollbar-warning-thumb-bg;) \n}\n.bar-success {\n .scrollbar-variant(@scrollbar-success-bg; @scrollbar-success-color;@scrollbar-success-thumb-bg;) \n}\n\n@media (max-width: @screen-xs-max) {\n ::-webkit-scrollbar,\n ::-webkit-scrollbar-button{\n width: 0 !important;\n height: 0 !important;\n }\n}",".webkit-scrollbar-variant(@bg-color; @color; @thumb-bg;) {\n &::-webkit-scrollbar {\n background-color: @bg-color; \n }\n\n body::-webkit-scrollbar,\n html::-webkit-scrollbar,\n &::-webkit-scrollbar-button { \n background-color:@bg-color; \n color:@color;\n border-color:lighten(@thumb-bg, 15%); \n }\n &::-webkit-scrollbar-button { \n &:hover{\n background-color:darken(@bg-color, 10%);\n }\n }\n &::-webkit-scrollbar-thumb:window-inactive {\n\t background-color:fade(@thumb-bg, 15%); \n } \n &::-webkit-scrollbar-corner {\n\t background-color: @bg-color;\n\t border-color:@bg-color;\n } \n}\n\n.nq-scrollbar-variant(@bg-color; @color; @thumb-bg;) {\n .scrollbar .scrollbar-thumb{\n background-color:@thumb-bg;\n } \n .scrollbar-track{\n > .track-inner{\n background-color:@bg-color; \n }\n } \n .bar-increment,\n .bar-decrement {\n background-color:@thumb-bg;\n\n > span {\n border-color:@color;\n }\n } \n}\n.scrollbar-variant(@bg-color; @color; @thumb-bg;) {\n /*.webkit-scrollbar-variant(@bg-color; @color; @thumb-bg;);*/\n .nq-scrollbar-variant(@bg-color; @color; @thumb-bg;) \n}\n",".fic\n{\n position: relative;\n top: 0.2em;\n display: inline-block;\n font-style: normal;\n font-weight: normal;\n line-height: 1;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-size:1.367em;\n &.fic-bold{\n font-weight:bold;\n }\n &.fic-xs{\n font-size:.867em;\n }\n &.fic-sm{\n font-size:1em;\n }\n &.fic-md{\n font-size:1.5em;\n line-height:0.85;\n }\n &.fic-lg{\n font-size:2.2em;\n line-height:0.6;\n }\n &.fic-xl{\n font-size:3.2em;\n line-height:0.45;\n }\n &.fic-xxl{\n font-size:5em;\n line-height:0.35;\n }\n &.fic-3xl{\n font-size:7em;\n line-height:0.35;\n }\n &.fic-4xl{\n font-size:9em;\n line-height:0.35;\n }\n &.fic-right{\n float:right;\n height:100%;\n }\n &.fic-right:before{\n margin-top:50%;\n line-height:0.9;\n display:block;\n }\n &.fic-circle-32{\n border-radius:50%;\n border-width:2px;\n width:32px;\n height:32px;\n }\n}\n.control-label,\n.input-group-addon {\n .fic{\n /*top:0;*/\n line-height:0;\n }\n}\n\n.fic.spin,\n.fic.hover-spin:hover {\n -webkit-animation: spin 2s infinite linear;\n -moz-animation: spin 2s infinite linear;\n -o-animation: spin 2s infinite linear;\n animation: spin 2s infinite linear;\n}\n.fic.hover-spin:empty, .fic.hover-spin:not(:empty) \n.fic.spin:empty, .fic.spin:not(:empty) {\n min-width:initial;\n}\n.fic.flash {\n -webkit-animation: flashIn 1s infinite linear;\n -moz-animation: flashIn 1s infinite linear;\n -o-animation: flashIn 1s infinite linear;\n animation: flashIn 1s infinite linear;\n}\n\n.fic.rotate-90 {\n -webkit-transition:ease 1s; \n transition:ease 1s;\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);\n -webkit-transform: rotate(90deg);\n -moz-transform: rotate(90deg);\n -ms-transform: rotate(90deg);\n -o-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n.fic.rotate-180 {\n -webkit-transition:ease 1s; \n transition:ease 1s;\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);\n -webkit-transform: rotate(180deg);\n -moz-transform: rotate(180deg);\n -ms-transform: rotate(180deg);\n -o-transform: rotate(180deg);\n transform: rotate(180deg);\n}\n.fic.rotate-270 {\n -webkit-transition:ease 1s; \n transition:ease 1s;\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);\n -webkit-transform: rotate(270deg);\n -moz-transform: rotate(270deg);\n -ms-transform: rotate(270deg);\n -o-transform: rotate(270deg);\n transform: rotate(270deg);\n}\n.fic.flip-horizontal,\n* > .fic.flip-horizontal,\n.fic.flip-vertical,\n*>.fic.flip-vertical {\n -webkit-transition:ease 1s; \n transition:ease 1s;\n}\n.fic:hover.flip-horizontal,\n*:hover > .fic.flip-horizontal {\n -webkit-transition:ease 1s; \n transition:ease 1s;\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);\n -webkit-transform: scale(-1, 1);\n -moz-transform: scale(-1, 1);\n -ms-transform: scale(-1, 1);\n -o-transform: scale(-1, 1);\n transform: scale(-1, 1);\n}\n.fic:hover.flip-vertical,\n*:hover >.fic.flip-vertical {\n -webkit-transition:ease 1s; \n transition:ease 1s;\n filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);\n -webkit-transform: scale(1, -1);\n -moz-transform: scale(1, -1);\n -ms-transform: scale(1, -1);\n -o-transform: scale(1, -1);\n transform: scale(1, -1);\n}\n@-moz-keyframes spin {\n 0% {\n -moz-transform: rotate(0deg);\n }\n 25% {\n color:yellow;\n }\n 50% {\n color:green;\n }\n 75% {\n color:red;\n }\n 100% {\n -moz-transform: rotate(359deg);\n }\n}\n@-webkit-keyframes spin {\n 0% {\n -webkit-transform: rotate(0deg);\n }\n 25% {\n color:yellow;\n }\n 50% {\n color:green;\n }\n 75% {\n color:red;\n }\n 100% {\n -webkit-transform: rotate(359deg);\n }\n}\n@-o-keyframes spin {\n 0% {\n -o-transform: rotate(0deg);\n }\n 25% {\n color:yellow;\n }\n 50% {\n color:green;\n }\n 75% {\n color:red;\n }\n 100% {\n -o-transform: rotate(359deg);\n }\n}\n@-ms-keyframes spin {\n 0% {\n -ms-transform: rotate(0deg);\n }\n 25% {\n color:yellow;\n }\n 50% {\n color:green;\n }\n 75% {\n color:red;\n }\n 100% {\n -ms-transform: rotate(359deg);\n }\n}\n@keyframes spin {\n 0% {\n transform: rotate(0deg);\n }\n 25% {\n color:yellow;\n }\n 50% {\n color:green;\n }\n 75% {\n color:red;\n }\n 100% {\n transform: rotate(359deg);\n }\n}\n@-webkit-keyframes flashIn {\n 0%{\n opacity: 0.8;\n color:yellow;\n }\n 50% {\n opacity: 0.8;\n color:purple;\n }\n 100% {\n opacity: 1;\n }\n 25%, 75% {\n opacity: 0.1;\n color:red;\n }\n}\n\n@keyframes flashIn {\n 0%{\n opacity: 0.8;\n color:yellow;\n }\n 50% {\n opacity: 0.8;\n color:purple;\n }\n 100% {\n opacity: 1;\n }\n 25%, 75% {\n opacity: 0.1;\n color:red;\n }\n}","@cal-table-min-width: ceil(((@cal-table-cell-size * 7) + 2px));\n.calendar-panel {\n display:none;\n position:absolute;\n padding:@cal-panel-padding;\n border:1px solid transparent;\n border-radius:@cal-panel-radius;\n width:auto;\n z-index:@cal-panel-z-index;\n max-width:@cal-panel-max-width;\n background-color:@cal-panel-bg;\n font-family: @cal-panel-font;\n border-color:@cal-panel-border-color;\n\n /*with-arrow settings*/\n\n &.with-arrow[class*=\" bottom\"] {\n margin-top:14px;\n }\n &.with-arrow[class*=\" top\"] {\n margin-top:-14px;\n }\n &.with-arrow[class*=\" left\"] {\n margin-left:-14px;\n }\n &.with-arrow[class*=\" right\"] {\n margin-left:14px;\n }\n &.with-arrow:before,\n &.with-arrow:after {\n top: -14px;\n bottom:-14px;\n left: -14px;\n right:-14px;\n border-width:14px;\n margin-left:-14px;\n margin-top:-14px;\n }\n &.with-arrow:after {\n border-color:@cal-panel-bg;\n }\n .fic{\n top:0.1em;\n }\n}\n.calendar-panel a,\n.calendar-header button{\n color:@cal-panel-color;\n text-decoration:none;\n}\n.calendar-panel.picker-datetime {\n}\n.calendar-panel.picker-datarange {\n max-width:ceil(((@cal-panel-max-width * 2) + 15px));\n}\n\n.calendar-header,\n.calendar-footer { \n width:100%; \n}\n.calendar-body {\n width:100%;\n overflow:hidden;\n .clearfix();\n}\n.calendar-footer {\n margin-top:3px;\n}\n.calendar-footer:empty {\n display:none;\n}\n.calendar-footer-title{\n background-color:@cal-table-bg;\n display:block;\n padding:5px 9px;\n position:relative;\n .footer-today{\n position:absolute;\n top:5px;\n right:9px;\n font-size:1em;\n cursor:pointer;\n color:inherit;\n .fic{\n font-size:1.1em;\n }\n }\n}\n.calendar-header-title{\n background-color:#fff;\n display:block;\n padding:5px 9px;\n position:relative;\n font-size:1.2em;\n font-weight:bold;\n .header-hide{\n position:absolute;\n top:8px;\n right:9px;\n cursor:pointer;\n color:@cal-table-color;\n font-size:0.7em;\n font-weight:normal;\n .fic{\n font-size:1.5em;\n line-height:0;\n top:0.2em;\n font-weight:bold;\n }\n }\n}\n.calendar-table {\n border-collapse: separate;\n min-width:@cal-table-min-width;\n max-width:100%;\n overflow:hidden;\n color: @cal-table-color;\n background-color: @cal-table-bg;\n border: 1px solid @cal-table-border-color;\n\n &:last-child {\n margin-bottom: 0;\n }\n /* IE class */\n &.last-child {\n margin-bottom: 0;\n }\n tr > td {\n overflow:hidden;\n position:relative;\n }\n thead,\n tbody,\n thead tr,\n tbody tr{\n border-color:inherit;\n color:inherit;\n }\n thead th,\n thead td {\n vertical-align:middle;\n height:@cal-table-header-size;\n \n color: @cal-table-cell-color;\n border-width:1px;\n border-style:solid;\n border-color:inherit;\n border-top-color:white;\n border-left-color:white;\n vertical-align: middle;\n text-align: center;\n #gradient > .vertical(@start-color: @cal-table-bg; @end-color: darken(@cal-table-bg, 6%))\n }\n\n &.has-week-no thead th,\n &.has-week-no thead td {\n width:12.5%;\n }\n tbody th,\n tbody td {\n text-align: center;\n border-width:1px;\n border-style:solid;\n border-color:inherit;\n border-top-color:white;\n border-left-color:white;\n color:inherit;\n height:@cal-table-cell-size;\n width:@cal-table-cell-size;\n min-width:@cal-table-cell-size;\n text-align: center;\n cursor:pointer;\n position:relative;\n vertical-align: middle;\n }\n\n &.has-week-no tbody th,\n &.has-week-no tbody td {\n height:ceil((@cal-table-cell-size - 3px));\n }\n thead th.cal-week-no,\n tbody th {\n color:@cal-table-cell-color;\n border-right-width:2px;\n }\n \n tbody th.out-month,\n tbody td.out-month,\n tbody th.out-month.unselectable,\n tbody td.out-month.unselectable {\n &,\n &:hover{\n cursor:default;\n pointer-events:none;\n opacity:0 !important;\n color:saturate(@cal-table-cell-color, 12%);\n background-color: desaturate(@cal-table-bg, 10%);\n }\n \n }\n tbody th.weekend,\n tbody td.weekend {\n opacity:0.8;\n color:#999;\n color:lighten(@cal-table-cell-color, 6%);\n background-color: darken(@cal-table-bg, 3%);\n }\n tbody td:hover {\n background-color:@cal-table-cell-hover-bg;\n color:@cal-table-cell-hover-color;\n }\n tbody td:hover {\n opacity:0.9 !important;\n }\n \n tbody td.selected,\n tbody td.selected:hover {\n color:darken(@cal-table-cell-color, 10%);\n background-color: darken(@cal-table-bg, 10%);\n }\n tbody td.model_selected,\n tbody td.model_selected:hover {\n background-color:@cal-active-bg;\n color:@cal-active-color;\n }\n tbody th.unselectable,\n tbody td.unselectable {\n cursor:default;\n cursor:not-allowed;\n background-color: greyscale(@cal-table-bg, 50%) !important;\n text-decoration:double;\n opacity:0.5 !important;\n color:@cal-panel-color !important;\n }\n tbody th.unselectable:hover,\n tbody td.unselectable:hover {\n background-color: greyscale(@cal-table-bg, 50%);\n opacity:0.5 !important;\n color:@cal-panel-color;\n }\n tr th:last-child,\n tr td:last-child {\n border-right-color:white;\n }\n tbody tr:last-child th,\n tbody tr:last-child td {\n border-bottom-color:white;\n }\n}\n\n/***header ***/\n\ntable.cal-header-table{\n /*table-layout: fixed;*/\n width:100%;\n}\n.cal-header-table {\n tr > td{\n vertical-align:middle;\n position:relative;\n }\n tr > td.before,\n tr > td.next,\n tr > td.today,\n tr > td.hide-cal{\n width:35px;\n /*overflow:hidden;*/\n vertical-align:middle;\n }\n tr > td.date-head{\n font-weight:bold;\n text-align:center;\n }\n tr > td > button{\n background-color:transparent;\n background-image:none;\n padding:3px 4px;\n border:none;\n margin:0;\n font-size:1.5em;\n &:focus{\n outline:none;\n }\n &:before,\n &:after{\n content:'';\n }\n }\n tr > td.before button:before{\n }\n tr > td.next button:before{\n }\n tr > td.today button:before{\n }\n tr > td.hide-cal button:before{\n }\n}\n.calendar-panel .year-selector{\n min-width:@cal-table-min-width;\n max-width:100%;\n height:40px;\n padding:2px 4px 0;\n border:1px solid @cal-panel-border-color;\n background-color:@cal-table-bg;\n overflow:auto;\n position:relative;\n}\n.year-selector {\n .selector-inner{\n display:table;\n min-width:100%;\n width:auto;\n }\n .selector-inner > a {\n display:table-cell;\n max-width: none;\n padding:1px 2px;\n margin-right:5px;\n cursor:pointer;\n font-size:12px;\n font-weight:bold;\n text-align:center;\n }\n .selector-inner > a > span {\n display:block;\n width:100%;\n border:1px solid transparent;\n padding:3px 7px;\n }\n a:first-child {\n margin-left:5px;\n }\n a.active span,\n a:hover span{\n border-color:darken(@cal-table-cell-hover-bg, 12%);\n background-color:@cal-table-cell-hover-bg;\n color:@cal-active-color;\n border-radius:3px;\n }\n a:hover {\n opacity:0.9;\n }\n}\n.calendar-footer-title + .year-selector{\n padding-top:3px;\n}\n/*timepicker*/\n.tp-container {\n width:100%;\n\n .tp-switcher{\n text-align:center;\n padding-top:6px;\n padding-bottom:3px;\n position:relative;\n }\n}\n.tp-visible {\n .tp-switcher{\n background-color: lighten(@cal-panel-border-color, 7%);\n border-bottom: 1px solid @cal-panel-border-color;\n border-top-left-radius:3px;\n border-top-right-radius:3px;\n margin-bottom:7px;\n }\n}\n.tp-switcher .tp-close{\n position:absolute;\n top:5px;\n right:5px;\n display:none;\n cursor:pointer;\n}\n.tp-visible .tp-close{\n display:block;\n}\n.tp-switcher .tps-btn{\n cursor:pointer;\n font-size:0.9em;\n}\n.tp-switcher .tps-btn span{\n font-size:1.2em;\n display:inline-block;\n padding-left:7px;\n}\n.cal-timepicker{\n display:none;\n}\n.tp-table {\n width:100%;\n table-layout: fixed;\n\n tbody{\n width:100%;\n }\n tr > td {\n vertical-align:middle;\n text-align:center;\n width:26%;\n height:35px;\n min-height:35px;\n }\n tr > td.tp-seperator {\n width:6%;\n }\n tr > td > button.btn {\n line-height:25px;\n padding:1px 15px 0px;\n &:focus{\n outline:none;\n }\n }\n tr > td > button.btn.tp-up:before {\n }\n tr > td > button.btn.tp-down:before {\n }\n}\n\n.tp-time-list {\n width:100%;\n max-height:150px;\n > a {\n display:inline-block;\n width:20%;\n text-align:center;\n padding:2px;\n color:#999;\n cursor:pointer;\n }\n > a span{\n padding:3px 5px;\n display:block;\n }\n > a:hover span,\n > a:focus span,\n > a.active span{\n background-color:@cal-active-bg;\n color: @cal-active-color;\n }\n > a:focus span,\n > a:hover span{\n opacity:0.8;\n }\n}\n/*inline*/\n.calendar-inline {\n width:100%;\n overflow:hidden;\n\n .calendar-panel {\n display:block !important;\n position:relative;\n width:100%;\n min-width:100%;\n max-width:100%;\n z-index:2;\n .calendar-table,\n .year-selector{\n width:100%;\n }\n }\n td.hide-cal{\n display:none;\n }\n}\n.cal-overlay{\n display:none;\n width:100%;\n position:fixed;\n top:0;\n bottom:0;\n left:0;\n right:0;\n background-color:fade(#000000, 50%);\n}\n@media (max-width: 480px){\n .calendar-panel{\n padding:0;\n > div{\n z-index:1;\n background-color:inherit;\n }\n > div.cal-overlay{\n display:block;\n z-index:-1;\n background-color:fade(#000000, 50%);\n }\n }\n .calendar-footer{\n margin-top:0;\n padding-top:3px;\n border-top: 1px solid darken(@cal-table-border-color, 10%);\n }\n}\n","@colorpicker-cell-size :20px;\n@colorpicker-cellspace :3px;\n@colorpicker-cell-border-color :@skin-base-100;\n@colorpicker-row-cell-count :8;\n@colorpicker-padding-horizontal :7px;\n@colorpicker-padding-vertical :7px;\n@colorpicker-calculated-innerwidth :ceil(((@colorpicker-cell-size * @colorpicker-row-cell-count) \n + (@colorpicker-cellspace * (@colorpicker-row-cell-count - 1))));\n@colorpicker-calculated-width : ceil((@colorpicker-calculated-innerwidth + (@colorpicker-padding-horizontal * 2) + 2px));\n\n@colorpicker-saturation-size : ceil((@colorpicker-calculated-innerwidth - @colorpicker-cell-size - 15px));\n.color-pick {\n border: 1px solid @colorpicker-cell-border-color;\n width:16px;\n height:16px;\n display:inline-block;\n}\n.colorpicker,\n.color-selector-panel {\n -webkit-user-select: none; \n -moz-user-select: none; \n -ms-user-select: none; \n user-select: none;\n}\n.popover.colorpicker\n{\n width:@colorpicker-calculated-width;\n min-width:@colorpicker-calculated-width;\n max-width:@colorpicker-calculated-width;\n padding:@colorpicker-padding-vertical @colorpicker-padding-horizontal;\n}\n.colorpicker\n{\n .nav.palettes-list {\n margin:0;\n padding:0;\n width:100%;\n li {\n float:left;\n padding:0;\n margin:0;\n padding-right:@colorpicker-cellspace;\n }\n li:nth-child(@{colorpicker-row-cell-count}n+0) {\n padding-right:0;\n }\n }\n .color-pick {\n border: 1px solid @colorpicker-cell-border-color;\n width:@colorpicker-cell-size;\n height:@colorpicker-cell-size;\n }\n}\n\n.color-selector-panel\n{\n font-size:11px;\n display:none;\n}\n.colorpicker .angle-up{\n display:none;\n}\n.picker-open .angle-up{\n display:inline-block;\n}\n.picker-open .color-selector-panel\n{\n display:block;\n}\n.picker-open .angle-down,\n.picker-open .palettes-list {\n display:none;\n}\n.color-selector-panel ul > li\n{\n margin-bottom:0;\n}\n.color-saturation\n{\n width:@colorpicker-saturation-size;\n float:left;\n height:@colorpicker-saturation-size;\n position:relative;\n cursor:crosshair;\n margin:0;\n padding:0;\n background-color:red;\n background-repeat:no-repeat;\n\tbackground-image: url('data:image/png;base64,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');\n background-image: -moz-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -moz-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);\n background-image: -webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -webkit-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);\n background-image: -ms-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -ms-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);\n background-image: -o-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 100%), -o-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0) 100%);\n background-image: linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(to right, #FFF 0%, rgba(255, 255, 255, 0) 100%);\n\n}\n.color-hue\n{\n height:@colorpicker-saturation-size;\n width: @colorpicker-cell-size; \n margin-left:15px;\n float:left;\n cursor:default;\n position:relative;\n background-repeat:no-repeat;\n background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAACWCAMAAADpL1jsAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAAcVQTFRF/wUA/w8A/xoA/yMA/y0A/zgA/0IA/0wA/1cA/2AA/2sA/3YA/4AA/4oA/5UA/54A/6gA/7MA/70A/8cA/9IA/9sA/+UA//AA//oA+v8A8P8A5v8A3P8A0f8Ax/8Avf8Asv8Aqf8An/8AlP8Aif8Af/8Adf8Aa/8AYf8AVv8ATP8AQv8AOP8ALv8AJP8AGf8AD/8ABf8AAP8FAP8PAP8aAP8kAP8tAP84AP9CAP9MAP9XAP9hAP9qAP91AP+AAP+KAP+UAP+fAP+oAP+zAP+9AP/HAP/RAP/cAP/lAP/wAP/6APr/APD/AOX/ANz/ANH/AMf/AL3/ALP/AKj/AJ//AJT/AIn/AH//AHX/AGr/AGH/AFf/AEz/AEL/ADj/AC3/ACT/ABr/AA//AAX/BQD/DwD/GQD/JAD/LgD/OAD/QgD/TAD/VgD/YAD/awD/dgD/gAD/igD/lAD/nwD/qQD/sgD/vQD/xwD/0QD/3AD/5gD/8AD/+gD//wD6/wDw/wDl/wDb/wDS/wDH/wC9/wCz/wCo/wCe/wCV/wCK/wB//wB1/wBr/wBg/wBX/wBM/wBC/wA4/wAt/wAj/wAa/wAP/wAF////gCC91QAAAAFiS0dElpFpKzkAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAFMSURBVEjHbcGHQggAAADRa0hllIZoF5po0aKd0dCe0t5oR0M0KKWkqP/1A/cemABBoCBIECy4IggRXBWECsIE4YJrguuCG4KbgghBpOCWIEoQLYgRxApuC+IEdwR3BfGCBEGiIEmQLEgRpArSBOmCe4L7ggeCDEGmIEuQLcgR5AoeCh4JHgvyBPmCAkGhoEjwRPBUUCwoEZQKygTlgmeC54IKQaWgSlAtqBHUCuoE9YIXgpeCV4LXggZBo6BJ0Cx4I2gRtAraBO2CDkGnoEvQLegR9Ar6BP2Ct4IBwTvBoGBIMCwYEYwKxgTjggnBpGBKMC2YEcwK3gs+CD4K5gTzggXBomBJsCxYEawKPgk+C9YE64INwabgi2BL8FXwTbAt2BHsCvYE3wU/BPuCA8FPwaHgSPBLcCw4EfwWnAr+CM4E54K/gn+CC8Gl+A/I+2k6tqGOeAAAACV0RVh0ZGF0ZTpjcmVhdGUAMjAxNC0xMC0yOFQwNDoyOTo1My0wNDowMKBjYC8AAAAldEVYdGRhdGU6bW9kaWZ5ADIwMTQtMTAtMjhUMDQ6Mjk6NTMtMDQ6MDDRPtiTAAAAAElFTkSuQmCC');\n background-image: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n background-image: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n background-image: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n background-image: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));\n background-image: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n background-image: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);\n}\n.alpha-row{\n margin-top:10px;\n}\n.color-alpha\n{\n width:@colorpicker-saturation-size;\n margin:0;\n padding:0;\n height:15px;\n background-repeat:no-repeat;\n position:relative;\n float:left;\n background-image: -webkit-linear-gradient(left, rgba(255,255,255, 0) 0%, red 100%);\n background-image: linear-gradient(to right, rgba(255,255,255, 0) 0%, red 100%);\n}\n.color-button\n{\n width: ceil((@colorpicker-cell-size + 15px));\n margin:0;\n padding:0;\n float: left;\n text-align:right;\n}\n.color-button .btn\n{\n border-radius:50%;\n width:ceil((@colorpicker-cell-size + 5px));\n height:ceil((@colorpicker-cell-size + 5px));\n padding:0;\n line-height:ceil((@colorpicker-cell-size + 5px));\n font-size:10px;\n}\n.sat-point{\n position:absolute;\n border: 1px solid #666;\n -webkit-box-shadow: 1px 1px 4px 0px rgba(255,255,255,1);\n -moz-box-shadow: 1px 1px 4px 0px rgba(255,255,255,1);\n box-shadow: 1px 1px 4px 0px rgba(255,255,255,1);\n width:10px;\n height:10px;\n border-radius:5px;\n cursor:default;\n right:-5px;\n top:-5px;\n}\n.hue-slider {\n position:absolute;\n width:100%;\n height:10px;\n cursor:default;\n top:-5px; \n left:0;\n}\n.hue-slider:before,\n.hue-slider:after {\n content:'';\n position:absolute;\n border-color: #333;\n height:0;\n width:0;\n top:0;\n bottom:0;\n border-style:solid;\n}\n.hue-slider:before {\n left:0;\n border-color:transparent transparent transparent #333;\n border-width:5px 0 5px 8px;\n \n}\n.hue-slider:after {\n right:0;\n border-color:transparent #333 transparent;\n border-width:5px 8px 5px 0; \n}\n.alpha-slider{\n position:absolute;\n background-color:rgba(0,0,0,0.1);\n width:1px;\n border-left: 1px solid #fff;\n width:3px;\n cursor:default;\n right:0;\n top:0;\n bottom:0px; \n}\n.alpha-slider:after{\n content:'';\n position:absolute;\n width:1px;\n border-color:transparent;\n border-style:solid;\n border-width:0 5px 8px;\n border-bottom-color: #3463a5;\n left:-5px;\n bottom:-8px; \n}\n.nav-color-current{\n width:100%;\n display:table;\n > li{\n display:table-cell;\n width:33.3333%;\n vertical-align:middle;\n \n }\n .color-current,\n .color-new {\n width:50%;\n display:inline-block;\n height:25px;\n }\n .color-current-label{\n text-align:right;\n }\n .color-current-label,\n .color-new-label{\n font-size:10px;\n padding-left:5px;\n padding-right:5px;\n }\n}\n.color-more-label{\n padding-top:5px;\n cursor:pointer;\n}\n\n\n","input[type=range] {\n -webkit-appearance: none;\n border: 1px solid white;\n outline: none; /* no focus outline */\n width: 100%;\n &:focus {\n outline: none;\n }\n + datalist{\n display:none;\n }\n &:-moz-focusring{\n outline: 1px solid white;\n outline-offset: -1px;\n }\n .range-track(@range-height, @range-bg);\n .range-thumb(@range-height, @range-bg, @range-thumb-border);\n &.range-xs{\n .range-input-size(@range-height-xs)\n }\n &.range-md{\n .range-input-size(@range-height-md)\n }\n &.range-lg{\n .range-input-size(@range-height-lg)\n }\n &.range-primary{\n .range-input-skin(@range-primary-bg, @range-primary-border)\n }\n &.range-success{\n .range-input-skin(@range-success-bg, @range-success-border)\n }\n &.range-info{\n .range-input-skin(@range-info-bg, @range-info-border)\n }\n &.range-warning{\n .range-input-skin(@range-warning-bg, @range-warning-border)\n }\n &.range-danger{\n .range-input-skin(@range-danger-bg, @range-danger-border)\n }\n}\n\n\n\n",".range-track(@height; @bg-color) {\n &::-webkit-slider-runnable-track {\n width: 100%;\n height: @height;\n background: @bg-color;\n border: none;\n border-radius: ceil((@height /2));\n }\n &:focus::-webkit-slider-runnable-track {\n background: darken(@bg-color, 7%);\n }\n &::-moz-range-track {\n width: 100%;\n height: @height;\n background: @bg-color;\n border: none;\n border-radius: ceil((@height /2));\n }\n &:focus::-moz-range-track {\n background: darken(@bg-color, 7%);\n }\n &::-ms-track {\n width: 100%;\n height: @height;\n background: transparent;\n border-color: transparent;\n border-width: ceil((@height + 1px)) 0;\n /*remove default tick marks*/\n color: transparent;\n }\n &::-ms-fill-lower {\n background: @bg-color;\n border-radius: ceil((@height /2));\n }\n &::-ms-fill-upper {\n background: darken(@bg-color, 7%);\n border-radius: ceil((@height /2));\n }\n &:focus::-ms-fill-lower {\n background: darken(@bg-color, 3%);\n }\n &:focus::-ms-fill-upper {\n background: darken(@bg-color, 10%);\n }\n}\n.range-thumb(@height; @bg-color; @border-color) {\n &::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: ceil(((@height * 3) + 2px));\n height: ceil(((@height * 3) + 2px));\n border-radius: 50%;\n background: @bg-color;\n border: @height solid @border-color;\n @margin-top:(@height + 2px);\n margin-top: -@margin-top;\n }\n &:hover::-webkit-slider-thumb {\n background: darken(@bg-color, 7%);\n border-color: darken(@border-color, 7%);\n }\n &::-moz-range-thumb {\n height: ceil((@height + 2px));\n width: ceil((@height + 2px));\n border-radius: 50%;\n background: @bg-color;\n border: @height solid @border-color;\n }\n &:hover::-moz-range-thumb {\n background: darken(@bg-color, 7%);\n border-color: darken(@border-color, 7%);\n }\n &::-ms-thumb {\n height: ceil((@height + 2px));\n width: ceil((@height + 2px));\n border-radius: 50%;\n background: @bg-color;\n border: @height solid @border-color;\n }\n &:hover::-ms-thumb {\n background: darken(@bg-color, 7%);\n border-color: darken(@border-color, 7%);\n } \n}\n.range-input-size(@height) {\n &::-webkit-slider-thumb {\n width: ceil(((@height * 3) + 2px));\n height: ceil(((@height * 3) + 2px));\n border-width: @height;\n margin-top: ceil((@height + 2px));\n }\n &::-moz-range-thumb {\n height: ceil((@height + 2px));\n width: ceil((@height + 2px));\n border-width: @height;\n \n }\n &::-ms-thumb {\n height: ceil((@height + 2px));\n width: ceil((@height + 2px));\n border-width: @height;\n } \n &::-webkit-slider-runnable-track {\n height: @height;\n border-radius: ceil((@height /2));\n }\n &::-moz-range-track {\n height: @height;\n border-radius: ceil((@height /2));\n }\n &::-ms-track {\n width: 100%;\n height: @height;\n border-width: ceil((@height + 1px)) 0;\n }\n &::-ms-fill-lower {\n border-radius: ceil((@height /2));\n }\n &::-ms-fill-upper {\n border-radius: ceil((@height /2));\n }\n}\n.range-input-skin(@bg-color; @border-color) {\n &::-webkit-slider-thumb {\n background: @bg-color;\n border-color:@border-color;\n }\n &:hover::-webkit-slider-thumb {\n background: darken(@bg-color, 7%);\n border-color: darken(@border-color, 7%);\n }\n &::-moz-range-thumb {\n background: @bg-color;\n border-color: @border-color;\n }\n &:hover::-moz-range-thumb {\n background: darken(@bg-color, 7%);\n border-color: darken(@border-color, 7%);\n }\n &::-ms-thumb {\n background: @bg-color;\n border-color: @border-color;\n }\n &:hover::-ms-thumb {\n background: darken(@bg-color, 7%);\n border-color: darken(@border-color, 7%);\n } \n &::-webkit-slider-runnable-track {\n background: @bg-color;\n }\n &:focus::-webkit-slider-runnable-track {\n background: darken(@bg-color, 7%);\n }\n &::-moz-range-track {\n background: @bg-color;\n }\n &:focus::-moz-range-track {\n background: darken(@bg-color, 7%);\n }\n \n &::-ms-fill-lower {\n background: @bg-color;\n }\n &::-ms-fill-upper {\n background: darken(@bg-color, 7%);\n }\n &:focus::-ms-fill-lower {\n background: darken(@bg-color, 3%);\n }\n &:focus::-ms-fill-upper {\n background: darken(@bg-color, 10%);\n }\n}\n","body.unselectable{\n -webkit-user-select: none; \n -moz-user-select: none; \n -ms-user-select: none; \n user-select: none;\n}\n.range-slider {\n display: inline-block;\n vertical-align: middle;\n position: relative;\n\n input,\n + input[type=range] {\n display: none;\n }\n .hide {\n display: none;\n }\n}\n.slider-horizontal + .slider-horizontal{\n margin-top:10px;\n}\n.slider-vertical + .slider-vertical{\n margin-left:10px;\n}\n.slider-track {\n position: relative;\n cursor: pointer;\n border:0px solid transparent;\n background-color: @range-bg;\n border-color: darken(@range-selection-bg, 7%);\n}\n.slider-selection {\n position: absolute;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n border-radius: ceil((@range-height / 2));\n background-color: @range-selection-bg;\n}\n.slider-selection {\n #gradient > .vertical(@start-color: @range-selection-bg; @end-color: darken(@range-selection-bg, 7%));\n .box-shadow(@range-box-shadow);\n border-radius: ceil((@range-height / 2));\n}\n.slider-track {\n #gradient > .vertical(@start-color: @range-bg; @end-color: darken(@range-bg, 7%));\n border-radius: ceil((@range-height / 2));\n}\n.slider-vertical .slider-track,\n.slider-vertical .slider-selection {\n .box-shadow(@range-box-shadow-horizontal);\n}\n.slider-vertical .slider-selection {\n #gradient > .horizontal(@start-color: @range-selection-bg; @end-color: darken(@range-selection-bg, 7%));\n}\n.slider-vertical .slider-track {\n #gradient > .horizontal(@start-color: @range-bg; @end-color: darken(@range-bg, 7%));\n}\n.slider-ticks {\n border-width:0;\n border-color:@range-ticks-border-color;\n border-style:solid;\n padding-left:3px;\n padding-right:3px;\n\n > .slider-tick {\n border-width:0;\n border-color:inherit;\n border-style:solid;\n }\n}\n.slider-values {\n font-size:@range-values-font-size;\n}\n.slider-thumb,\n.slider-thumb[class*=\"titip\"] {\n position: absolute;\n width: @range-thumb-width;\n height: @range-thumb-height;\n background-color: @range-thumb-border;\n #gradient > .elipse(@inner-color: lighten(@range-thumb-border, 30%); @outer-color: darken(@range-thumb-border, 5%));\n .box-shadow(@range-thumb-box-shadow);\n opacity: 0.8;\n border: 1px solid transparent;\n border-color:inherit;\n border-radius:@range-height;\n\n &.circle {\n width:@range-thumb-height;\n height:@range-thumb-height;\n border-width:3px;\n border-radius: 50%;\n }\n &.square {\n width:@range-thumb-height;\n height:@range-thumb-height;\n border-width:4px;\n }\n &.triangle {\n background-color: transparent !important;\n background-image:none !important;\n .box-shadow(none);\n }\n}\n.slider-horizontal {\n width: @range-slider-size;\n height: auto;\n max-width:100%;\n\n .slider-track {\n height: @range-height;\n width: 100%;\n margin-top: ceil((@range-height / 2));\n left: 0;\n }\n .slider-selection {\n height: 100%;\n top: 0;\n bottom: 0;\n }\n .slider-ruller{\n width:100%;\n }\n .slider-ticks{\n width:100%;\n height:@range-ticks-size;\n margin-top:0;\n border-width:1px;\n border-bottom-width:0;\n padding-bottom:ceil((@range-ticks-size / 2));\n display:table;\n }\n .slider-tick {\n display:table-cell;\n border-right-width:1px;\n }\n .slider-tick:last-child {\n border-right-color: transparent;\n }\n .slider-values{\n width:100%;\n margin-top:ceil(((@range-height / 2) - 1px));\n }\n .values-min,\n .values-max {\n width:50%;\n float:left;\n }\n .values-max {\n text-align:right;\n }\n .slider-thumb + .slider-thumb {\n left:100%;\n }\n .slider-thumb.triangle {\n border-width: @range-thumb-width;\n width: 0;\n height: 0;\n border-color:transparent;\n border-bottom-color: inherit;\n top: @range-thumb-width;\n border-top-width:0;\n }\n \n}\n.slider-vertical {\n height: @range-slider-size;\n max-height:100%;\n width: auto;\n float:left;\n\n .slider-track {\n width: @range-height;\n height: 100%;\n margin-left: ceil((@range-height / 2));\n top: 0;\n float:left;\n }\n .slider-selection {\n width: 100%;\n left: 0;\n top: 0;\n bottom: 0;\n }\n .slider-ruller{\n width:auto;\n height:100%;\n float:left;\n }\n .slider-ticks{\n width:@range-ticks-size;\n height:100%;\n margin-left:0px;\n border-width:1px;\n border-right-width:0;\n padding-right:ceil((@range-ticks-size / 2));\n display:table;\n float:left;\n }\n .slider-tick {\n display:table-row;\n width:100%;\n }\n .slider-tick {\n display:table-row;\n width:100%;\n }\n .slider-tick:last-child {\n border-bottom-color: transparent;\n }\n .slider-tick:after {\n content:'';\n width:100%;\n border:inherit;\n border-bottom-width:1px;\n display:table-cell;\n }\n .slider-values{\n max-width:150px;\n overflow:hidden;\n margin-left:ceil((@range-ticks-size / 2));\n float:left;\n height:100%;\n display:table;\n position:relative;\n }\n .values-min,\n .values-max {\n width:100%;\n height:50%;\n }\n .values-min {\n height:auto;\n bottom:0;\n position:absolute;\n }\n .slider-thumb {\n height: @range-thumb-width;\n width: @range-thumb-height;\n bottom:0;\n }\n .slider-thumb + .slider-thumb {\n bottom:100%;\n }\n .slider-thumb.triangle {\n border-width: @range-thumb-width;\n width: 1px;\n height: 1px;\n border-color:transparent;\n border-right-color: inherit;\n left: @range-thumb-width;\n border-left-width:0;\n }\n}\n\n.slider-horizontal + .slider-horizontal{\n margin-bottom:10px;\n}\n.slider-vertical + .slider-vertical{\n margin-left:15px;\n}\n.slider-skin(@bg-color, @selection, @border-color) {\n .slider-track {\n background-color:@bg-color;\n border-color:@border-color;\n }\n .slider-selection {\n border-color:@border-color;\n background-color:@selection;\n }\n .slider-thumb {\n background-color:@border-color;\n #gradient > .elipse(@inner-color: lighten(@border-color, 30%); @outer-color: darken(@border-color, 5%));\n }\n .slider-track {\n #gradient > .vertical(@start-color: @bg-color; @end-color: darken(@bg-color, 7%));\n }\n .slider-vertical .slider-track {\n #gradient > .horizontal(@start-color: @bg-color; @end-color: darken(@bg-color, 7%));\n }\n .slider-selection {\n #gradient > .vertical(@start-color: @selection; @end-color: darken(@selection, 7%));\n }\n .slider-vertical .slider-selection {\n #gradient > .horizontal(@start-color: @selection; @end-color: darken(@selection, 7%));\n }\n}\n.range-slider-size(@track-size; @thumb-width; @thumb-height) {\n .slider-track,\n .slider-selection {\n border-radius: ceil((@track-size / 2));\n }\n &.slider-horizontal .slider-track {\n height: @track-size;\n margin-top: ceil((@track-size / 2));\n }\n &.slider-horizontal .slider-thumb {\n width: @thumb-width;\n height: @thumb-height;\n }\n &.slider-horizontal .slider-thumb.triangle {\n border-width: @thumb-width;\n top: @thumb-width;\n border-top-width:0;\n }\n .slider-thumb {\n &.circle,\n &.square {\n width:@thumb-height;\n height:@thumb-height;\n }\n }\n &.slider-vertical {\n .slider-track {\n width: @track-size;\n margin-left: ceil((@thumb-height / 2));\n }\n .slider-thumb {\n height: @thumb-width;\n width: @thumb-height;\n &.circle,\n &.square {\n width:@thumb-height;\n height:@thumb-height;\n }\n }\n .slider-thumb + .slider-thumb {\n bottom:100%;\n }\n .slider-thumb.triangle {\n border-width: @thumb-width;\n left: ceil((@track-size / 2));\n width:0;\n height:0;\n }\n }\n .slider-thumb.triangle {\n width:0;\n height:0;\n }\n}\n.slider-xs{\n .range-slider-size(@range-height-xs; @range-thumb-width-xs;@range-thumb-height-xs)\n}\n.slider-md{\n .range-slider-size(@range-height-md; @range-thumb-width-md;@range-thumb-height-md)\n}\n.slider-lg{\n .range-slider-size(@range-height-lg; @range-thumb-width-lg;@range-thumb-height-lg)\n}\n.slider-primary{\n .slider-skin(@range-primary-bg; @range-primary-selection-bg; @range-primary-border)\n}\n.slider-success{\n .slider-skin(@range-success-bg; @range-success-selection-bg; @range-success-border)\n}\n.slider-info{\n .slider-skin(@range-info-bg;@range-info-selection-bg; @range-info-border)\n}\n.slider-warning{\n .slider-skin(@range-warning-bg; @range-warning-selection-bg; @range-warning-border)\n}\n.slider-danger{\n .slider-skin(@range-danger-bg;@range-danger-selection-bg; @range-danger-border)\n}\n\n\n",".loading-container {\n position:fixed;\n z-index:99999;\n top:0;\n left:0;\n right:0;\n min-height:50px;\n background:transparent;\n display:none;\n > .progress {\n margin-bottom:3px;\n height:7px;\n border-radius:0;\n .box-shadow(@progress-bar-bg 1px 0 6px 1px);\n > .progress-bar {\n width:0;\n line-height: 7px;\n .transition(width .2s ease);\n }\n }\n}\n.spinner-container {\n width:auto;\n min-width:120px;\n max-width:320px;\n overflow:visible;\n padding:0 15px;\n height:40px;\n margin:0 auto;\n line-height:40px;\n border:1px solid @progress-bar-bg;\n background-color:fade(@progress-bar-bg, 75%);\n border-radius:4px;\n .box-shadow(@progress-bar-bg 1px 0 6px 1px);\n > .busy-text {\n font-size:17px;\n display:block;\n line-height:40px;\n color:#fff;\n white-space:nowrap;\n }\n > .spin-icon {\n font-size:2em;\n }\n}\nbody > .loading-container {\n /*position:fixed;*/\n}\n.loading-container.loading-bottom {\n top:auto;\n bottom:45px;\n}\n.loading-variant(@bg) {\n > .progress {\n .box-shadow(@bg 1px 0 6px 1px)\n }\n .spinner-container {\n border-color:darken(@bg, 10%);\n background-color:fade(@bg, 75%);\n .box-shadow(@bg 1px 0 6px 1px) \n }\n}\n.loading-info {\n .loading-variant(@progress-bar-info-bg);\n}\n.loading-warning {\n .loading-variant(@progress-bar-warning-bg);\n}\n.loading-success {\n .loading-variant(@progress-bar-success-bg);\n}\n.loading-danger {\n .loading-variant(@progress-bar-danger-bg);\n}",".btn-group.btn-switch {\n display: table;\n border-collapse: separate;\n >input {\n display:none;\n }\n > .btn {\n display: table-cell;\n float: none;\n position:relative;\n overflow:hidden;\n table-layout: fixed;\n width:50%;\n }\n > .btn > span{\n visibility:hidden;\n display:none;\n }\n > .btn > .visibleswitch{\n visibility:visible;\n display:block;\n }\n > .btn > .switch-label{\n position:relative;\n color:#333;\n text-shadow: 0 1px 0 #fff;\n text-transform:uppercase;\n z-index:1;\n }\n > .btn > .switch-bg{\n content:'';\n position:absolute;\n color:#666;\n left:0;\n right:0;\n top:0;\n bottom:0;\n z-index:0;\n background-color:rgba(255, 255, 255, 0.80);\n }\n > .btn:first-child > .switch-bg {\n border-top-left-radius:inherit;\n border-bottom-left-radius:inherit;\n }\n > .btn:last-child > .switch-bg {\n border-top-right-radius:inherit;\n border-bottom-right-radius:inherit;\n }\n}\n\n.btn-stripped.btn-switch > .btn > .switch-bg{\n background-color:rgba(55, 65, 75, 0.1);\n}\n\n.btn-switch.slide-left .visibleswitch-add {\n -webkit-animation:slideLeftIn 0.35s linear;\n animation:slideLeftIn 0.35s linear;\n}\n.btn-switch.slide-right .visibleswitch-add {\n -webkit-animation:slideRightIn 0.35s linear;\n animation:slideRightIn 0.35s linear;\n}",".listbox-panel {\n display:none;\n position:absolute;\n min-height:20px;\n max-width:@listbox-max-width;\n z-index:@listbox-z-index;\n padding:3px;\n font-size: @listbox-font-size;\n list-style: none;\n background-color: @listbox-bg;\n border: 1px solid @listbox-border-color;\n border-radius: @listbox-border-radius;\n -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);\n margin-top:0px;\n left:0;\n top:0;\n\n > span {\n display: block;\n font-size:14px;\n padding-left:10px;\n background-color:#f8fafe;\n }\n > span.search-label {\n position:relative;\n padding:3px;\n }\n > span > .spin-icon {\n position:absolute;\n right:5px;\n top:7px;\n }\n > .scrollable {\n width:100%;\n margin:0;\n padding:0;\n max-height:@listbox-max-height;\n overflow:hidden;\n padding:0;\n\n > .listbox {\n max-height:none;\n }\n }\n > .select-input{\n height:30px;\n padding:4px 8px;\n font-size:12px;\n }\n}\n\n.select-toggle {\n text-align:left;\n padding-right:35px !important;\n position:relative;\n}\n.select-toggle:focus {\n outline: 0;\n .box-shadow(none)\n}\n.select-toggle.active, \n.btn.select-toggle.active{\n background-image:none !important;\n}\n.select-toggle:after, \n.btn.select-toggle:after {\n font-family:@component-font-family;\n background-color:transparent;\n border-top-right-radius:inherit;\n border-bottom-right-radius:inherit;\n position: absolute;\n content: @angle-icon;\n display: inline-block;\n right: 0;\n padding-right:5px;\n padding-left: 5px;\n padding-top: inherit;\n font-weight: normal;\n border-left: 1px solid transparent;\n border-color:inherit;\n top: 0;\n bottom: 0;\n}\n.select-toggle.active:after, \n.btn.select-toggle.active:after {\n content:@angle-up-icon;\n}\n.select-toggle + select{\n display:none !important;\n}\n.nav.select-render-nav {\n height:auto;\n padding:3px 2px 3px 4px;\n min-height:@input-height-base;\n\n > li {\n margin-top:1px;\n margin-bottom:1px;\n > a {\n padding:0 8px;\n font-size:14px;\n margin-right:2px;\n height:ceil((@input-height-base - 9px));\n line-height:ceil((@input-height-base - 8px));\n &:hover {\n opacity:1;\n }\n > .clear-icon{\n position:relative;\n color:inherit;\n font-size:1.25em;\n margin-left:5px;\n top:0.2em;\n }\n }\n }\n > li + li {\n margin-left:0;\n margin-right:2px;\n }\n &.single-option {\n display:table;\n li{\n display:table-cell;\n width:100%;\n .select-input{\n width:100%;\n }\n }\n li + li{\n display:none;\n }\n li > a > .clear-icon{\n position:absolute;\n right:1px;\n top:0.3em;\n margin-top:-1px !important;\n }\n }\n li + li .select-input{\n max-width:70px;\n }\n .select-input{\n min-width:20px;\n width:auto;\n max-width:200px;\n padding:0;\n padding-left:7px;\n font-size:inherit;\n height:ceil((@input-height-base - 9px));\n line-height:ceil((@input-height-base - 9px));\n border:0;\n outline:0;\n background-color:transparent;\n .box-shadow(none);\n\n &:focus{\n .box-shadow(none);\n border:0;\n outline:0;\n }\n \n }\n\n &.input-sm {\n padding:2px 1px 2px 3px;\n min-height:@input-height-small;\n .select-input,\n > li > a{\n font-size:11px;\n padding:3px;\n height:ceil((@input-height-small - 7px));\n line-height:ceil((@input-height-small - 7px));\n }\n > li > a{\n padding:0 4px;\n }\n }\n &.input-lg {\n padding:4px 4px 4px 6px;\n min-height:@input-height-large;\n .select-input,\n > li > a {\n padding:5px 4px;\n height:ceil((@input-height-large - 11px));\n line-height:ceil((@input-height-large - 11px));\n }\n > li > a {\n padding:0px 7px;\n }\n } \n}\n\n.listbox {\n width:100%;\n margin-top:5px;\n margin-bottom:0;\n list-style-type:none;\n padding:0;\n ul{\n margin-bottom:0;\n list-style-type:none;\n padding:0;\n }\n > li,\n > li li{\n color:@listbox-color;\n padding-bottom:3px;\n }\n > li:hover,\n > li:focus{\n background-color:transparent;\n }\n .option-group > .group-label{\n font-weight:bold;\n padding-left:7px;\n font-size: ceil((@listbox-font-size + 1px));\n }\n .select-option{\n line-height:ceil((@listbox-font-size + 3px));\n width:100%;\n display:block;\n padding:4px 5px 4px 8px;\n cursor:pointer;\n color:@listbox-color;\n position:relative;\n margin-bottom:2px;\n }\n li li > .select-option{\n padding-left:15px;\n }\n .select-option:hover,\n .select-option:focus{\n background-color:@listbox-option-hover-bg;\n color:@listbox-option-hover-color;\n }\n .select-option:focus{\n background-color:darken(@listbox-option-hover-bg, 6.5%);\n }\n .select-option.selected {\n background-color:@listbox-option-active-bg;\n color:@listbox-option-active-color;\n }\n .highlight{\n text-decoration:underline;\n color:@listbox-highlight-color;\n }\n}\n\n\n\n.btn .clear-icon{\n position:absolute;\n line-height:1.1;\n right:1.3em;\n z-index:90;\n font-size:1.3em;\n}\n.btn .clear-icon:hover{\n background-color:rgba(255, 255, 255, 0.26);\n border-radius:50%;\n}\n.btn .clear-icon:hover:before{\n margin-top:0 !important;\n}\n\n.show-tick .select-option.selected {\n padding-left:1em;\n \n}\n.show-tick .select-option.selected:after {\n font-family:@component-font-family;\n content:@tick-icon;\n padding:inherit;\n position:absolute;\n right:0;\n top:0;\n bottom:0;\n}\n\n.listbox-inline {\n display:none;\n + .listbox-panel{\n display:block !important;\n max-height:350px;\n position:relative;\n z-index:2;\n } \n}\n@media (max-width: @screen-xs-max) {\n .listbox-panel {\n .scrollable{\n overflow: scroll !important; \n overflow-y: scroll !important; \n -webkit-overflow-scrolling: touch;\n -webkit-box-flex: 1;\n max-height:300px !important;\n }\n .listbox .select-option {\n padding: 10px 6px 10px 8px;\n font-size: 20px;\n }\n }\n}",".pageable-container {\n position:relative;\n display:block;\n a:focus {\n outline:0;\n }\n}\n.pageable-search-form {\n max-width:300px;\n position:relative;\n .form-control {\n position:relative;\n padding-left:20px;\n > .pageable-search-input{\n padding:0;\n margin:0;\n background-color:transparent;\n background-image:none;\n border:none;\n height:100%;\n width:100%;\n }\n .clear-icon{\n position:absolute;\n right:5px;\n top:0;\n font-size:1.3em;\n }\n }\n}\n.pageable-template-wrapper {\n position:absolute;\n top:0;\n bottom:0;\n left:0;\n right:0;\n &.pageable-template-self,\n &.pageable-template-over {\n position:relative;\n }\n &.panel-stretch{\n position:absolute;\n overflow:hidden;\n padding-top:40px;\n padding-bottom:50px;\n > .panel-heading{\n position:absolute;\n top:0;\n left:0;\n right:0;\n }\n > .panel-footer{\n height:50px;\n }\n &.panel-modal{\n position:fixed;\n left:ceil((@aside-width + 15px));\n top:ceil((@navbar-height + 20px));\n z-index:@zindex-navbar;\n }\n }\n .panel-backdrop {\n position:fixed;\n top:0;\n left:0;\n top:0;\n bottom:0;\n right:0;\n background-color:rgba(255,255,255,.8);\n z-index:-1;\n }\n}\n.pageable-template-transclude{\n height:100%;\n}\n.pageable-edit-panel {\n z-index:5;\n margin-bottom:0;\n .btn + .btn {\n margin-left:20px;\n }\n}\n.table-header-clone {\n border-bottom:1px solid @table-border-color !important;\n margin-bottom:0 !important;\n}\n.table-footer-clone {\n border-top:1px solid @table-border-color !important;\n margin-bottom:0 !important;\n}\n.no-result-found {\n .table-header-clone,\n .table-footer-clone {\n display:none !important;\n }\n .page-size-container,\n .pageable-results{\n visibility:hidden;\n }\n}\n\n\n/******sorting********/\n.column-sorting{\n position:absolute;\n right:1px;\n width:12px;\n top:0;\n bottom:0;\n border-color:inherit;\n cursor:pointer;\n > .asc-icon,\n > .desc-icon {\n width:0;\n border-style:solid;\n border-color:inherit;\n border-width:8px 4px;\n position:absolute;\n opacity:0.1;\n }\n > .desc-icon{\n bottom:5px;\n border-right-color:transparent !important;\n border-left-color:transparent !important;\n border-bottom:0 !important;\n }\n > .asc-icon{\n top:5px;\n border-right-color:transparent !important;\n border-left-color:transparent !important;\n border-top:0 !important;\n }\n}\n\n.sort-asc .column-sorting{\n > .asc-icon{\n opacity:0.5;\n }\n}\n.sort-desc .column-sorting{\n > .desc-icon{\n opacity:0.5;\n }\n}\n.page-size-container{\n .size-text{\n padding-right:10px;\n }\n}\n.pageable-zero-result{\n padding:50px 30px;\n text-align:center;\n visibility:hidden;\n position:absolute;\n z-index:-500;\n top:-100%;\n opacity:0;\n .transition(opacity 600ms linear);\n &.visible{\n opacity:1;\n display:block;\n visibility:visible;\n position:relative;\n z-index:1;\n top:0;\n }\n .zero-result-inner{\n text-align:center;\n }\n}\n.pageable-results{\n small{\n font-size:0.9em;\n }\n .current-page{\n\n }\n .total-page{\n margin-right:10px;\n }\n .total-result{\n\n }\n}\n.pageable-blocker{\n position:absolute;\n top:0;\n bottom:0;\n left:0;\n right:0;\n z-index:99;\n .pageable-spinner {\n\t /* Size and position */\n font-size: 70px; /* 1em */\n\t width: 1em;\n height: 1em;\n position: absolute;\n top:50%;\n left:50%;\n margin-left:-0.5em;\n margin-top:-1em;\n\n /* Styles */\n border-radius: 50%;\n background: @skin-base-accent; /* Fallback */\n background:\n linear-gradient(@skin-base-accent 50%, @skin-base-color 50%), /* First column */\n linear-gradient(@skin-base-color 50%, @skin-base-accent 50%); /* Second column */\n background-position: \n \t 0 0, /* Position of 1st column */\n \t 100% 0; /* Position of 2nd column */\n background-size: 50% 100%; /* Contraction of \"50% 100%, 50% 100%\" */\n background-repeat: no-repeat;\n box-shadow: \n \t inset 0 0 0 .12em rgba(0,0,0,0.2), /* Inner border */\n \t 0 0 0 .12em rgba(255,255,255,0.1); /* Outter border */\n opacity: 0.7;\n animation: spinnerRotate 3s infinite alternate;\n &:after {\n /* Size */\n content: \"\";\n width: 50%;\n height: 50%;\n\n /* Perfect centering */\n position: absolute;\n top: 25%;\n left: 25%;\n\n /* Styles */\n border: .12em solid rgba(255,255,255,0.3);\n border-radius: inherit;\n }\n }\n}\nth.sorting-header,\ntd.sorting-header{\n padding-right:20px !important;\n}\n\n@keyframes spinnerRotate {\n 25% { transform: rotate(270deg); }\n 50% { transform: rotate( 90deg); }\n 75% { transform: rotate(360deg); }\n 100% { transform: rotate(180deg); }\n}",".nav-tabs {\n border: 1px solid @nav-tabs-border-color;\n border-width:0 0 1px;\n > li {\n margin-bottom: 0;\n > a {\n top:1px;\n text-transform:uppercase;\n font-weight:600;\n font-size:@nav-tabs-font-size;\n }\n }\n}\n.tab-container {\n position:relative;\n width:100%;\n &:extend(clearfix all);\n}\n.tab-content {\n position:relative;\n width:100%;\n border: 1px solid @nav-tabs-border-color;\n border-top-width:0;\n .border-bottom-radius(@border-radius-base);\n}\n.tab-pane {\n padding-left:15px;\n padding-right:15px;\n}\n.tab-bottom{\n .nav-tabs {\n border-width:1px 0 0;\n > li {\n margin-bottom: 0;\n > a {\n top:-1px;\n border: 1px solid transparent;\n border-radius: 0 0 @border-radius-base @border-radius-base;\n &:hover {\n border-color:@nav-tabs-border-color @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color;\n }\n }\n\n // Active state, and its :hover to override normal :hover\n &.active > a {\n &,\n &:hover,\n &:focus {\n border-color: @nav-tabs-active-link-hover-border-color;\n border-top-color: transparent;\n }\n }\n }\n }\n .tab-content {\n border-top-width:1px;\n border-bottom-width:0;\n border-radius:0;\n .border-top-radius(@border-radius-base);\n }\n}\n.tab-left {\n display:table;\n .nav-tabs {\n display:table-cell;\n vertical-align:top;\n border-width:0 1px 0 0;\n height:100%;\n > li {\n margin: 0;\n margin-bottom: 3px;\n \n > a {\n border-color: transparent;\n border-radius:0;\n white-space:nowrap;\n margin-right: -1px;\n .border-left-radius(@border-radius-base);\n &:hover {\n border-color:@nav-tabs-link-hover-border-color @nav-tabs-border-color @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color;\n }\n }\n \n // Active state, and its :hover to override normal :hover\n &.active > a {\n &,\n &:hover,\n &:focus {\n border-color: @nav-tabs-active-link-hover-border-color;\n border-right-color: transparent;\n }\n }\n }\n }\n .tab-content {\n display:table-cell;\n vertical-align:top;\n border-width:1px;\n border-left-width:0;\n border-radius:0;\n height:100%;\n .border-right-radius(@border-radius-base);\n }\n}\n.tab-right {\n display:table;\n .nav-tabs {\n display:table-cell;\n vertical-align:top;\n border-width:0 0 0 1px;\n height:100%;\n > li {\n margin: 0;\n margin-bottom: 3px;\n \n > a {\n border-color: transparent;\n border-radius:0;\n white-space:nowrap;\n margin-left: -1px;\n .border-right-radius(@border-radius-base);\n &:hover {\n border-color:@nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-link-hover-border-color @nav-tabs-border-color;\n }\n }\n \n // Active state, and its :hover to override normal :hover\n &.active > a {\n &,\n &:hover,\n &:focus {\n border-color: @nav-tabs-active-link-hover-border-color;\n border-left-color: transparent;\n }\n }\n }\n }\n .tab-content {\n display:table-cell;\n vertical-align:top;\n border-width:1px;\n border-right-width:0;\n border-radius:0;\n height:100%;\n .border-left-radius(@border-radius-base);\n }\n}","//\n// Pagination (multiple pages)\n// --------------------------------------------------\n.pagination {\n\n > li {\n > a,\n > span {\n > i {\n line-height:0;\n }\n }\n }\n}\n\n","//\n// Component animations QuantumUI\n// --------------------------------------------------\n\n.collapse {\n visibility: hidden;\n\n &.in { display: block; visibility: visible; }\n}\n","//\n// overwrite some bootstrap styles\n// --------------------------------------------------\n\n.pull-right > .dropdown-menu {\n right: auto;\n left: 0;\n}"]}