.\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// Collapsable 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 min-height: (@modal-title-padding + @modal-title-line-height);\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// Tooltips\n// --------------------------------------------------\n\n\n// Base class\n.tooltip {\n position: absolute;\n z-index: @zindex-tooltip;\n display: block;\n // Our parent element can be arbitrary since tooltips 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-small;\n\n .opacity(0);\n\n &.in { .opacity(@tooltip-opacity); }\n &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; }\n &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; }\n &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; }\n &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; }\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 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 bottom: 0;\n left: 50%;\n margin-left: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n border-top-color: @tooltip-arrow-color;\n }\n &.top-left .tooltip-arrow {\n bottom: 0;\n right: @tooltip-arrow-width;\n margin-bottom: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n border-top-color: @tooltip-arrow-color;\n }\n &.top-right .tooltip-arrow {\n bottom: 0;\n left: @tooltip-arrow-width;\n margin-bottom: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width 0;\n border-top-color: @tooltip-arrow-color;\n }\n &.right .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0;\n border-right-color: @tooltip-arrow-color;\n }\n &.left .tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -@tooltip-arrow-width;\n border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-left-color: @tooltip-arrow-color;\n }\n &.bottom .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -@tooltip-arrow-width;\n border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-bottom-color: @tooltip-arrow-color;\n }\n &.bottom-left .tooltip-arrow {\n top: 0;\n right: @tooltip-arrow-width;\n margin-top: -@tooltip-arrow-width;\n border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-bottom-color: @tooltip-arrow-color;\n }\n &.bottom-right .tooltip-arrow {\n top: 0;\n left: @tooltip-arrow-width;\n margin-top: -@tooltip-arrow-width;\n border-width: 0 @tooltip-arrow-width @tooltip-arrow-width;\n border-bottom-color: @tooltip-arrow-color;\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// 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","// 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 (will be 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","@-webkit-keyframes bounce {\n\t0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}\n\t40% {-webkit-transform: translateY(-30px);}\n\t60% {-webkit-transform: translateY(-15px);}\n}\n\n@-moz-keyframes bounce {\n\t0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);}\n\t40% {-moz-transform: translateY(-30px);}\n\t60% {-moz-transform: translateY(-15px);}\n}\n\n@-o-keyframes bounce {\n\t0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);}\n\t40% {-o-transform: translateY(-30px);}\n\t60% {-o-transform: translateY(-15px);}\n}\n@keyframes bounce {\n\t0%, 20%, 50%, 80%, 100% {transform: translateY(0);}\n\t40% {transform: translateY(-30px);}\n\t60% {transform: translateY(-15px);}\n}\n\n.bounce {\n\t-webkit-animation-name: bounce;\n\t-moz-animation-name: bounce;\n\t-o-animation-name: bounce;\n\tanimation-name: bounce;\n}","@-webkit-keyframes bounceIn {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale(.3);\n\t}\n\t\n\t50% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale(1.05);\n\t}\n\t\n\t70% {\n\t\t-webkit-transform: scale(.9);\n\t}\n\t\n\t100% {\n\t\t-webkit-transform: scale(1);\n\t}\n}\n\n@-moz-keyframes bounceIn {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: scale(.3);\n\t}\n\t\n\t50% {\n\t\topacity: 1;\n\t\t-moz-transform: scale(1.05);\n\t}\n\t\n\t70% {\n\t\t-moz-transform: scale(.9);\n\t}\n\t\n\t100% {\n\t\t-moz-transform: scale(1);\n\t}\n}\n\n@-o-keyframes bounceIn {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: scale(.3);\n\t}\n\t\n\t50% {\n\t\topacity: 1;\n\t\t-o-transform: scale(1.05);\n\t}\n\t\n\t70% {\n\t\t-o-transform: scale(.9);\n\t}\n\t\n\t100% {\n\t\t-o-transform: scale(1);\n\t}\n}\n\n@keyframes bounceIn {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: scale(.3);\n\t}\n\t\n\t50% {\n\t\topacity: 1;\n\t\ttransform: scale(1.05);\n\t}\n\t\n\t70% {\n\t\ttransform: scale(.9);\n\t}\n\t\n\t100% {\n\t\ttransform: scale(1);\n\t}\n}\n\n.bounceIn {\n\t-webkit-animation-name: bounceIn;\n\t-moz-animation-name: bounceIn;\n\t-o-animation-name: bounceIn;\n\tanimation-name: bounceIn;\n}","@-webkit-keyframes bounceInDown {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(-2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(30px);\n\t}\n\t\n\t80% {\n\t\t-webkit-transform: translateY(-10px);\n\t}\n\t\n\t100% {\n\t\t-webkit-transform: translateY(0);\n\t}\n}\n\n@-moz-keyframes bounceInDown {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(-2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(30px);\n\t}\n\t\n\t80% {\n\t\t-moz-transform: translateY(-10px);\n\t}\n\t\n\t100% {\n\t\t-moz-transform: translateY(0);\n\t}\n}\n\n@-o-keyframes bounceInDown {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(-2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(30px);\n\t}\n\t\n\t80% {\n\t\t-o-transform: translateY(-10px);\n\t}\n\t\n\t100% {\n\t\t-o-transform: translateY(0);\n\t}\n}\n\n@keyframes bounceInDown {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateY(-2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\ttransform: translateY(30px);\n\t}\n\t\n\t80% {\n\t\ttransform: translateY(-10px);\n\t}\n\t\n\t100% {\n\t\ttransform: translateY(0);\n\t}\n}\n\n.bounceInDown {\n\t-webkit-animation-name: bounceInDown;\n\t-moz-animation-name: bounceInDown;\n\t-o-animation-name: bounceInDown;\n\tanimation-name: bounceInDown;\n}","@-webkit-keyframes bounceInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(-2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(30px);\n\t}\n\t\n\t80% {\n\t\t-webkit-transform: translateX(-10px);\n\t}\n\t\n\t100% {\n\t\t-webkit-transform: translateX(0);\n\t}\n}\n\n@-moz-keyframes bounceInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(-2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(30px);\n\t}\n\t\n\t80% {\n\t\t-moz-transform: translateX(-10px);\n\t}\n\t\n\t100% {\n\t\t-moz-transform: translateX(0);\n\t}\n}\n\n@-o-keyframes bounceInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(-2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(30px);\n\t}\n\t\n\t80% {\n\t\t-o-transform: translateX(-10px);\n\t}\n\t\n\t100% {\n\t\t-o-transform: translateX(0);\n\t}\n}\n\n@keyframes bounceInLeft {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateX(-2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\ttransform: translateX(30px);\n\t}\n\t\n\t80% {\n\t\ttransform: translateX(-10px);\n\t}\n\t\n\t100% {\n\t\ttransform: translateX(0);\n\t}\n}\n\n.bounceInLeft {\n\t-webkit-animation-name: bounceInLeft;\n\t-moz-animation-name: bounceInLeft;\n\t-o-animation-name: bounceInLeft;\n\tanimation-name: bounceInLeft;\n}","@-webkit-keyframes bounceInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(-30px);\n\t}\n\t\n\t80% {\n\t\t-webkit-transform: translateX(10px);\n\t}\n\t\n\t100% {\n\t\t-webkit-transform: translateX(0);\n\t}\n}\n\n@-moz-keyframes bounceInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(-30px);\n\t}\n\t\n\t80% {\n\t\t-moz-transform: translateX(10px);\n\t}\n\t\n\t100% {\n\t\t-moz-transform: translateX(0);\n\t}\n}\n\n@-o-keyframes bounceInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(-30px);\n\t}\n\t\n\t80% {\n\t\t-o-transform: translateX(10px);\n\t}\n\t\n\t100% {\n\t\t-o-transform: translateX(0);\n\t}\n}\n\n@keyframes bounceInRight {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateX(2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\ttransform: translateX(-30px);\n\t}\n\t\n\t80% {\n\t\ttransform: translateX(10px);\n\t}\n\t\n\t100% {\n\t\ttransform: translateX(0);\n\t}\n}\n\n.bounceInRight {\n\t-webkit-animation-name: bounceInRight;\n\t-moz-animation-name: bounceInRight;\n\t-o-animation-name: bounceInRight;\n\tanimation-name: bounceInRight;\n}","@-webkit-keyframes bounceInUp {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(-30px);\n\t}\n\t\n\t80% {\n\t\t-webkit-transform: translateY(10px);\n\t}\n\t\n\t100% {\n\t\t-webkit-transform: translateY(0);\n\t}\n}\n@-moz-keyframes bounceInUp {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(-30px);\n\t}\n\t\n\t80% {\n\t\t-moz-transform: translateY(10px);\n\t}\n\t\n\t100% {\n\t\t-moz-transform: translateY(0);\n\t}\n}\n\n@-o-keyframes bounceInUp {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(-30px);\n\t}\n\t\n\t80% {\n\t\t-o-transform: translateY(10px);\n\t}\n\t\n\t100% {\n\t\t-o-transform: translateY(0);\n\t}\n}\n\n@keyframes bounceInUp {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateY(2000px);\n\t}\n\t\n\t60% {\n\t\topacity: 1;\n\t\ttransform: translateY(-30px);\n\t}\n\t\n\t80% {\n\t\ttransform: translateY(10px);\n\t}\n\t\n\t100% {\n\t\ttransform: translateY(0);\n\t}\n}\n\n.bounceInUp {\n\t-webkit-animation-name: bounceInUp;\n\t-moz-animation-name: bounceInUp;\n\t-o-animation-name: bounceInUp;\n\tanimation-name: bounceInUp;\n}","@-webkit-keyframes bounceOut {\n\t0% {\n\t\t-webkit-transform: scale(1);\n\t}\n\t\n\t25% {\n\t\t-webkit-transform: scale(.95);\n\t}\n\t\n\t50% {\n\t\topacity: 1;\n\t\t-webkit-transform: scale(1.1);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: scale(.3);\n\t}\t\n}\n\n@-moz-keyframes bounceOut {\n\t0% {\n\t\t-moz-transform: scale(1);\n\t}\n\t\n\t25% {\n\t\t-moz-transform: scale(.95);\n\t}\n\t\n\t50% {\n\t\topacity: 1;\n\t\t-moz-transform: scale(1.1);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: scale(.3);\n\t}\t\n}\n\n@-o-keyframes bounceOut {\n\t0% {\n\t\t-o-transform: scale(1);\n\t}\n\t\n\t25% {\n\t\t-o-transform: scale(.95);\n\t}\n\t\n\t50% {\n\t\topacity: 1;\n\t\t-o-transform: scale(1.1);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: scale(.3);\n\t}\t\n}\n\n@keyframes bounceOut {\n\t0% {\n\t\ttransform: scale(1);\n\t}\n\t\n\t25% {\n\t\ttransform: scale(.95);\n\t}\n\t\n\t50% {\n\t\topacity: 1;\n\t\ttransform: scale(1.1);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: scale(.3);\n\t}\t\n}\n\n.bounceOut {\n\t-webkit-animation-name: bounceOut;\n\t-moz-animation-name: bounceOut;\n\t-o-animation-name: bounceOut;\n\tanimation-name: bounceOut;\n}","@-webkit-keyframes bounceOutDown {\n\t0% {\n\t\t-webkit-transform: translateY(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(2000px);\n\t}\n}\n\n@-moz-keyframes bounceOutDown {\n\t0% {\n\t\t-moz-transform: translateY(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(2000px);\n\t}\n}\n\n@-o-keyframes bounceOutDown {\n\t0% {\n\t\t-o-transform: translateY(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(2000px);\n\t}\n}\n\n@keyframes bounceOutDown {\n\t0% {\n\t\ttransform: translateY(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\ttransform: translateY(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateY(2000px);\n\t}\n}\n\n.bounceOutDown {\n\t-webkit-animation-name: bounceOutDown;\n\t-moz-animation-name: bounceOutDown;\n\t-o-animation-name: bounceOutDown;\n\tanimation-name: bounceOutDown;\n}","@-webkit-keyframes bounceOutLeft {\n\t0% {\n\t\t-webkit-transform: translateX(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(-2000px);\n\t}\n}\n\n@-moz-keyframes bounceOutLeft {\n\t0% {\n\t\t-moz-transform: translateX(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(-2000px);\n\t}\n}\n\n@-o-keyframes bounceOutLeft {\n\t0% {\n\t\t-o-transform: translateX(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(-2000px);\n\t}\n}\n\n@keyframes bounceOutLeft {\n\t0% {\n\t\ttransform: translateX(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\ttransform: translateX(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateX(-2000px);\n\t}\n}\n\n.bounceOutLeft {\n\t-webkit-animation-name: bounceOutLeft;\n\t-moz-animation-name: bounceOutLeft;\n\t-o-animation-name: bounceOutLeft;\n\tanimation-name: bounceOutLeft;\n}","@-webkit-keyframes bounceOutRight {\n\t0% {\n\t\t-webkit-transform: translateX(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(2000px);\n\t}\n}\n\n@-moz-keyframes bounceOutRight {\n\t0% {\n\t\t-moz-transform: translateX(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(2000px);\n\t}\n}\n\n@-o-keyframes bounceOutRight {\n\t0% {\n\t\t-o-transform: translateX(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(2000px);\n\t}\n}\n\n@keyframes bounceOutRight {\n\t0% {\n\t\ttransform: translateX(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\ttransform: translateX(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateX(2000px);\n\t}\n}\n\n.bounceOutRight {\n\t-webkit-animation-name: bounceOutRight;\n\t-moz-animation-name: bounceOutRight;\n\t-o-animation-name: bounceOutRight;\n\tanimation-name: bounceOutRight;\n}","@-webkit-keyframes bounceOutUp {\n\t0% {\n\t\t-webkit-transform: translateY(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(-2000px);\n\t}\n}\n\n@-moz-keyframes bounceOutUp {\n\t0% {\n\t\t-moz-transform: translateY(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(-2000px);\n\t}\n}\n\n@-o-keyframes bounceOutUp {\n\t0% {\n\t\t-o-transform: translateY(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(-2000px);\n\t}\n}\n\n@keyframes bounceOutUp {\n\t0% {\n\t\ttransform: translateY(0);\n\t}\n\t\n\t20% {\n\t\topacity: 1;\n\t\ttransform: translateY(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateY(-2000px);\n\t}\n}\n\n.bounceOutUp {\n\t-webkit-animation-name: bounceOutUp;\n\t-moz-animation-name: bounceOutUp;\n\t-o-animation-name: bounceOutUp;\n\tanimation-name: bounceOutUp;\n}","@-webkit-keyframes fadeIn {\n\t0% {opacity: 0;}\t\n\t100% {opacity: 1;}\n}\n\n@-moz-keyframes fadeIn {\n\t0% {opacity: 0;}\t\n\t100% {opacity: 1;}\n}\n\n@-o-keyframes fadeIn {\n\t0% {opacity: 0;}\t\n\t100% {opacity: 1;}\n}\n\n@keyframes fadeIn {\n\t0% {opacity: 0;}\t\n\t100% {opacity: 1;}\n}\n\n.fadeIn {\n\t-webkit-animation-name: fadeIn;\n\t-moz-animation-name: fadeIn;\n\t-o-animation-name: fadeIn;\n\tanimation-name: fadeIn;\n}","@-webkit-keyframes fadeInDown {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t}\n}\n\n@-moz-keyframes fadeInDown {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(0);\n\t}\n}\n\n@-o-keyframes fadeInDown {\n\t0% {\n\t\topacity: 0;\n\t\t-ms-transform: translateY(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-ms-transform: translateY(0);\n\t}\n}\n\n@keyframes fadeInDown {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateY(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n.fadeInDown {\n\t-webkit-animation-name: fadeInDown;\n\t-moz-animation-name: fadeInDown;\n\t-o-animation-name: fadeInDown;\n\tanimation-name: fadeInDown;\n}","@-webkit-keyframes fadeInDownBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(-2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t}\n}\n\n@-moz-keyframes fadeInDownBig {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(-2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(0);\n\t}\n}\n\n@-o-keyframes fadeInDownBig {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(-2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(0);\n\t}\n}\n\n@keyframes fadeInDownBig {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateY(-2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n.fadeInDownBig {\n\t-webkit-animation-name: fadeInDownBig;\n\t-moz-animation-name: fadeInDownBig;\n\t-o-animation-name: fadeInDownBig;\n\tanimation-name: fadeInDownBig;\n}","@-webkit-keyframes fadeInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t}\n}\n\n@-moz-keyframes fadeInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(0);\n\t}\n}\n\n@-o-keyframes fadeInLeft {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(0);\n\t}\n}\n\n@keyframes fadeInLeft {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateX(-20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n}\n\n.fadeInLeft {\n\t-webkit-animation-name: fadeInLeft;\n\t-moz-animation-name: fadeInLeft;\n\t-o-animation-name: fadeInLeft;\n\tanimation-name: fadeInLeft;\n}","@-webkit-keyframes fadeInLeftBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(-2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t}\n}\n@-moz-keyframes fadeInLeftBig {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(-2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(0);\n\t}\n}\n@-o-keyframes fadeInLeftBig {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(-2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(0);\n\t}\n}\n@keyframes fadeInLeftBig {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateX(-2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n}\n\n.fadeInLeftBig {\n\t-webkit-animation-name: fadeInLeftBig;\n\t-moz-animation-name: fadeInLeftBig;\n\t-o-animation-name: fadeInLeftBig;\n\tanimation-name: fadeInLeftBig;\n}","@-webkit-keyframes fadeInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t}\n}\n\n@-moz-keyframes fadeInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(0);\n\t}\n}\n\n@-o-keyframes fadeInRight {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(0);\n\t}\n}\n\n@keyframes fadeInRight {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateX(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n}\n\n.fadeInRight {\n\t-webkit-animation-name: fadeInRight;\n\t-moz-animation-name: fadeInRight;\n\t-o-animation-name: fadeInRight;\n\tanimation-name: fadeInRight;\n}","@-webkit-keyframes fadeInRightBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t}\n}\n\n@-moz-keyframes fadeInRightBig {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(0);\n\t}\n}\n\n@-o-keyframes fadeInRightBig {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(0);\n\t}\n}\n\n@keyframes fadeInRightBig {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateX(2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n}\n\n.fadeInRightBig {\n\t-webkit-animation-name: fadeInRightBig;\n\t-moz-animation-name: fadeInRightBig;\n\t-o-animation-name: fadeInRightBig;\n\tanimation-name: fadeInRightBig;\n}","@-webkit-keyframes fadeInUp {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t}\n}\n\n@-moz-keyframes fadeInUp {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(0);\n\t}\n}\n\n@-o-keyframes fadeInUp {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(0);\n\t}\n}\n\n@keyframes fadeInUp {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateY(20px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n.fadeInUp {\n\t-webkit-animation-name: fadeInUp;\n\t-moz-animation-name: fadeInUp;\n\t-o-animation-name: fadeInUp;\n\tanimation-name: fadeInUp;\n}","@-webkit-keyframes fadeInUpBig {\n\t0% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t}\n}\n\n@-moz-keyframes fadeInUpBig {\n\t0% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(0);\n\t}\n}\n\n@-o-keyframes fadeInUpBig {\n\t0% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(0);\n\t}\n}\n\n@keyframes fadeInUpBig {\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translateY(2000px);\n\t}\n\t\n\t100% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n}\n\n.fadeInUpBig {\n\t-webkit-animation-name: fadeInUpBig;\n\t-moz-animation-name: fadeInUpBig;\n\t-o-animation-name: fadeInUpBig;\n\tanimation-name: fadeInUpBig;\n}","@-webkit-keyframes fadeOut {\n\t0% {opacity: 1;}\n\t100% {opacity: 0;}\n}\n\n@-moz-keyframes fadeOut {\n\t0% {opacity: 1;}\n\t100% {opacity: 0;}\n}\n\n@-o-keyframes fadeOut {\n\t0% {opacity: 1;}\n\t100% {opacity: 0;}\n}\n\n@keyframes fadeOut {\n\t0% {opacity: 1;}\n\t100% {opacity: 0;}\n}\n\n.fadeOut {\n\t-webkit-animation-name: fadeOut;\n\t-moz-animation-name: fadeOut;\n\t-o-animation-name: fadeOut;\n\tanimation-name: fadeOut;\n}","@-webkit-keyframes fadeOutDown {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(20px);\n\t}\n}\n\n@-moz-keyframes fadeOutDown {\n\t0% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(20px);\n\t}\n}\n\n@-o-keyframes fadeOutDown {\n\t0% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(20px);\n\t}\n}\n\n@keyframes fadeOutDown {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateY(20px);\n\t}\n}\n\n.fadeOutDown {\n\t-webkit-animation-name: fadeOutDown;\n\t-moz-animation-name: fadeOutDown;\n\t-o-animation-name: fadeOutDown;\n\tanimation-name: fadeOutDown;\n}","@-webkit-keyframes fadeOutDownBig {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(2000px);\n\t}\n}\n\n@-moz-keyframes fadeOutDownBig {\n\t0% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(2000px);\n\t}\n}\n\n@-o-keyframes fadeOutDownBig {\n\t0% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(2000px);\n\t}\n}\n\n@keyframes fadeOutDownBig {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateY(2000px);\n\t}\n}\n\n.fadeOutDownBig {\n\t-webkit-animation-name: fadeOutDownBig;\n\t-moz-animation-name: fadeOutDownBig;\n\t-o-animation-name: fadeOutDownBig;\n\tanimation-name: fadeOutDownBig;\n}","@-webkit-keyframes fadeOutLeft {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(-20px);\n\t}\n}\n\n@-moz-keyframes fadeOutLeft {\n\t0% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(-20px);\n\t}\n}\n\n@-o-keyframes fadeOutLeft {\n\t0% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(-20px);\n\t}\n}\n\n@keyframes fadeOutLeft {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateX(-20px);\n\t}\n}\n\n.fadeOutLeft {\n\t-webkit-animation-name: fadeOutLeft;\n\t-moz-animation-name: fadeOutLeft;\n\t-o-animation-name: fadeOutLeft;\n\tanimation-name: fadeOutLeft;\n}","@-webkit-keyframes fadeOutLeftBig {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(-2000px);\n\t}\n}\n\n@-moz-keyframes fadeOutLeftBig {\n\t0% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(-2000px);\n\t}\n}\n\n@-o-keyframes fadeOutLeftBig {\n\t0% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(-2000px);\n\t}\n}\n\n@keyframes fadeOutLeftBig {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateX(-2000px);\n\t}\n}\n\n.fadeOutLeftBig {\n\t-webkit-animation-name: fadeOutLeftBig;\n\t-moz-animation-name: fadeOutLeftBig;\n\t-o-animation-name: fadeOutLeftBig;\n\tanimation-name: fadeOutLeftBig;\n}","@-webkit-keyframes fadeOutRight {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(20px);\n\t}\n}\n\n@-moz-keyframes fadeOutRight {\n\t0% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(20px);\n\t}\n}\n\n@-o-keyframes fadeOutRight {\n\t0% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(20px);\n\t}\n}\n\n@keyframes fadeOutRight {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateX(20px);\n\t}\n}\n\n.fadeOutRight {\n\t-webkit-animation-name: fadeOutRight;\n\t-moz-animation-name: fadeOutRight;\n\t-o-animation-name: fadeOutRight;\n\tanimation-name: fadeOutRight;\n}","@-webkit-keyframes fadeOutRightBig {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateX(2000px);\n\t}\n}\n@-moz-keyframes fadeOutRightBig {\n\t0% {\n\t\topacity: 1;\n\t\t-moz-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateX(2000px);\n\t}\n}\n@-o-keyframes fadeOutRightBig {\n\t0% {\n\t\topacity: 1;\n\t\t-o-transform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateX(2000px);\n\t}\n}\n@keyframes fadeOutRightBig {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateX(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateX(2000px);\n\t}\n}\n\n.fadeOutRightBig {\n\t-webkit-animation-name: fadeOutRightBig;\n\t-moz-animation-name: fadeOutRightBig;\n\t-o-animation-name: fadeOutRightBig;\n\tanimation-name: fadeOutRightBig;\n}","@-webkit-keyframes fadeOutUp {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(-20px);\n\t}\n}\n@-moz-keyframes fadeOutUp {\n\t0% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(-20px);\n\t}\n}\n@-o-keyframes fadeOutUp {\n\t0% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(-20px);\n\t}\n}\n@keyframes fadeOutUp {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateY(-20px);\n\t}\n}\n\n.fadeOutUp {\n\t-webkit-animation-name: fadeOutUp;\n\t-moz-animation-name: fadeOutUp;\n\t-o-animation-name: fadeOutUp;\n\tanimation-name: fadeOutUp;\n}","@-webkit-keyframes fadeOutUpBig {\n\t0% {\n\t\topacity: 1;\n\t\t-webkit-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-webkit-transform: translateY(-2000px);\n\t}\n}\n\n@-moz-keyframes fadeOutUpBig {\n\t0% {\n\t\topacity: 1;\n\t\t-moz-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-moz-transform: translateY(-2000px);\n\t}\n}\n\n@-o-keyframes fadeOutUpBig {\n\t0% {\n\t\topacity: 1;\n\t\t-o-transform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\t-o-transform: translateY(-2000px);\n\t}\n}\n\n@keyframes fadeOutUpBig {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translateY(0);\n\t}\n\t\n\t100% {\n\t\topacity: 0;\n\t\ttransform: translateY(-2000px);\n\t}\n}\n\n.fadeOutUpBig {\n\t-webkit-animation-name: fadeOutUpBig;\n\t-moz-animation-name: fadeOutUpBig;\n\t-o-animation-name: fadeOutUpBig;\n\tanimation-name: fadeOutUpBig;\n}","/*!\n * Waves v0.6.0\n * http://fian.my.id/Waves\n *\n * Copyright 2014 Alfiana E. Sibuea and other contributors\n * Released under the MIT license\n * https://github.com/fians/Waves/blob/master/LICENSE\n */\n\n.waves-effect {\n position: relative;\n cursor: pointer;\n display: inline-block;\n overflow: hidden;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n -webkit-tap-highlight-color: transparent;\n vertical-align: middle;\n z-index: 1;\n will-change: opacity, transform;\n -webkit-transition: all 0.3s ease-out;\n -moz-transition: all 0.3s ease-out;\n -o-transition: all 0.3s ease-out;\n -ms-transition: all 0.3s ease-out;\n transition: all 0.3s ease-out;\n}\n\n.waves-effect .waves-ripple {\n position: absolute;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n margin-top: -10px;\n margin-left: -10px;\n opacity: 0;\n background: rgba(0, 0, 0, 0.2);\n -webkit-transition: all 0.7s ease-out;\n -moz-transition: all 0.7s ease-out;\n -o-transition: all 0.7s ease-out;\n -ms-transition: all 0.7s ease-out;\n transition: all 0.7s ease-out;\n -webkit-transition-property: -webkit-transform, opacity;\n -moz-transition-property: -moz-transform, opacity;\n -o-transition-property: -o-transform, opacity;\n transition-property: transform, opacity;\n -webkit-transform: scale(0);\n -moz-transform: scale(0);\n -ms-transform: scale(0);\n -o-transform: scale(0);\n transform: scale(0);\n pointer-events: none;\n}\n\n.waves-effect.waves-light .waves-ripple {\n background-color: rgba(255, 255, 255, 0.45);\n}\n\n.waves-effect.waves-red .waves-ripple {\n background-color: rgba(244, 67, 54, 0.7);\n}\n\n.waves-effect.waves-yellow .waves-ripple {\n background-color: rgba(255, 235, 59, 0.7);\n}\n\n.waves-effect.waves-orange .waves-ripple {\n background-color: rgba(255, 152, 0, 0.7);\n}\n\n.waves-effect.waves-purple .waves-ripple {\n background-color: rgba(156, 39, 176, 0.7);\n}\n\n.waves-effect.waves-green .waves-ripple {\n background-color: rgba(76, 175, 80, 0.7);\n}\n\n.waves-effect.waves-teal .waves-ripple {\n background-color: rgba(0, 150, 136, 0.7);\n}\n\n.waves-notransition {\n -webkit-transition: none !important;\n -moz-transition: none !important;\n -o-transition: none !important;\n -ms-transition: none !important;\n transition: none !important;\n}\n\n.waves-circle {\n -webkit-transform: translateZ(0);\n -moz-transform: translateZ(0);\n -ms-transform: translateZ(0);\n -o-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%);\n}\n\n.waves-input-wrapper {\n border-radius: 0.2em;\n vertical-align: bottom;\n}\n\n.waves-input-wrapper .waves-button-input {\n position: relative;\n top: 0;\n left: 0;\n z-index: 1;\n}\n\n.waves-circle {\n text-align: center;\n width: 2.5em;\n height: 2.5em;\n line-height: 2.5em;\n border-radius: 50%;\n -webkit-mask-image: none;\n}\n\n.waves-block {\n display: block;\n}\n/* Firefox Bug: link not triggered */\n\na.waves-effect .waves-ripple {\n z-index: -1;\n}","/*-- 5.1 Leftbar / .left-aside --*/\n\n@import \"../variables.less\";\n@import \"../mixins.less\";\n.left-aside {\n width: @LeftAsideWidth;\n background-color: @LeftAsideBgColor;\n position: fixed;\n left: 0px;\n top: 0px;\n height: 100%;\n z-index: 5600;\n .transition(.5s, ease-out);\n .aside-branding {\n height: @TopBarHeight;\n background-color: @leftBarBrandingBg;\n .box-shadow(0 2px 3px rgba(000, 000, 000, .05));\n }\n}\n\n.list-menu-view {\n .page-content {\n margin-left: @LeftAsideWidth;\n }\n}\n\n.hide-list-menu {\n .page-content {\n margin-left: 0px;\n }\n}\n\n.hide-list-menu {\n .left-aside {\n left: -@LeftAsideWidth;\n }\n}\n\n.aside-pin {\n display: none;\n position: absolute;\n right: 12px;\n top: 13px;\n cursor: pointer;\n background-color: rgba(000, 000, 000, .1);\n width: 32px;\n height: 32px;\n &:hover {\n background-color: rgba(000, 000, 000, .2);\n }\n .rounded(16px);\n i {\n display: block;\n text-align: center;\n position: relative;\n font-size: 14px;\n line-height: 32px;\n color: #fff;\n }\n}\n\n.aside-close {\n display: none;\n position: absolute;\n right: 12px;\n top: 13px;\n cursor: pointer;\n background-color: rgba(000, 000, 000, .1);\n width: 32px;\n height: 32px;\n &:hover {\n background-color: rgba(000, 000, 000, .2);\n }\n .rounded(16px);\n i {\n display: block;\n text-align: center;\n position: relative;\n font-size: 14px;\n line-height: 31px;\n color: #fff;\n }\n}\n\n.off-canvas {\n overflow: hidden;\n}\n\n.left-navigation {\n overflow-y: auto;\n li a {\n color: @leftBarLinkColor;\n position: relative;\n &:focus {\n text-decoration: none;\n }\n }\n a.active {\n text-decoration: none;\n color: @ThemeColor;\n background-color: rgba(000,000,000,.1);\n }\n > ul {\n margin: 0px;\n padding: 0px;\n > li {\n list-style: none;\n > a {\n color: @leftBarLinkColor;\n border-bottom: rgba(000,000,000,.1) 1px solid;\n padding: 10px;\n display: block;\n .nav-icon {\n padding-right: 10px;\n .transition(.2s, ease-out);\n }\n &:hover {\n color: @ThemeColor;\n text-decoration: none;\n }\n }\n }\n ul {\n margin: 0px 0px 0px 16px;\n border-left: rgba(255,255,255,.05) 1px solid;\n padding: 0px;\n list-style: none;\n li a {\n padding: 10px 10px 10px 16px;\n display: block;\n &:focus {\n text-decoration: none;\n }\n &:hover {\n color: @ThemeColor;\n text-decoration: none;\n }\n .nav-icon {\n padding-right: 10px;\n }\n }\n }\n }\n .list-accordion > li > a {\n display: block;\n vertical-align: middle;\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n .box-shadow(0 0 1px rgba(0, 0, 0, 0));\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n -moz-osx-font-smoothing: grayscale;\n position: relative;\n -webkit-transition-property: color;\n transition-property: color;\n -webkit-transition-duration: 0.3s;\n transition-duration: 0.3s;\n &:before {\n content: \"\";\n position: absolute;\n z-index: -1;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background: @leftBarListBg;\n -webkit-transform: scaleX(0);\n transform: scaleX(0);\n -webkit-transform-origin: 0 50%;\n transform-origin: 0 50%;\n -webkit-transition-property: transform;\n transition-property: transform;\n -webkit-transition-duration: 0.3s;\n transition-duration: 0.3s;\n -webkit-transition-timing-function: ease-out;\n transition-timing-function: ease-out;\n }\n }\n}\n.left-navigation li a:hover:before {\n -webkit-transform: scaleX(1);\n transform: scaleX(1);\n }\n\n.mask {\n width: 100%;\n height: 100%;\n display: block;\n position: fixed;\n left: 0px;\n top: 0px;\n background-color: rgba(000, 000, 000, .2);\n z-index: 5100;\n}\n\n.m-mask {\n width: 100%;\n height: 100%;\n display: block;\n position: fixed;\n left: 0px;\n top: 0px;\n background-color: rgba(000, 000, 000, .2);\n z-index: 6100;\n}\n\n\n.i-mask {\n width: 100%;\n height: 100%;\n display: block;\n position: fixed;\n left: 0px;\n top: 0px;\n background-color: rgba(000, 000, 000, .2);\n z-index: 6100;\n}\n\n","/*-- 5.2 Iconic Left Nav / .iconic-view .left-aside --*/\n\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.iconic-view .left-aside {\n width: @IconicViewWidth;\n .transition(.1s, ease-out);\n .left-navigation {\n li {\n position: relative;\n }\n > ul {\n > li {\n .nav-label {\n display: none;\n }\n > a {\n padding: 0px;\n &:hover {\n cursor: pointer;\n }\n }\n .nav-icon {\n padding: 0px;\n width: @IconicViewWidth;\n height: @IconicViewWidth;\n display: block;\n line-height: @IconicViewWidth;\n text-align: center;\n font-size: 18px;\n .transition(.1s, ease-out);\n i {\n position: relative;\n left: -3px;\n }\n }\n }\n }\n ul {\n ul {\n display: none !important;\n }\n }\n }\n}\n\n.iconic-view {\n .page-content {\n margin-left: @IconicViewWidth;\n }\n .dcjq-icon {\n display: none;\n }\n .left-navigation {\n overflow: hidden;\n \n }\n}\n\n.dcjq-icon {\n display: inline-block;\n width: 14px;\n height: 14px;\n position: absolute;\n right: 14px;\n top: 13px;\n}\n\n.dcjq-icon:after {\n content: \"\\f105\";\n font-family: 'FontAwesome';\n display: inline-block;\n position: relative;\n top: -3px;\n right: -6px;\n}\n\n.dcjq-parent.active .dcjq-icon:after {\n content: \"\\f107\";\n font-family: 'FontAwesome';\n}","/*-- 5.3 Top Bar / .top-bar --*/\n\n@import \"../variables.less\";\n@import \"../mixins.less\";\n.top-bar {\n min-height: @TopBarHeight;\n background-color: @TopBarBgColor;\n margin-top: -1px;\n z-index: 5000;\n position: relative;\n .box-shadow(@TopBarBoxShadow);\n .top-nav {\n position: relative;\n }\n}\n.mobile-search-btn{\n display: none;\n}\n\n.fixed-header {\n .top-bar {\n position: fixed;\n top: 0px;\n z-index: 5000;\n }\n .main-container{\n margin-top: @TopBarHeight;\n padding-top: 1px;\n}\n}\n\n.leftbar-action {\n position: relative;\n display: block;\n left: 0px;\n top: 12px;\n width: @actionBtnSize;\n height: @actionBtnSize;\n background-color: @actionBtnBg;\n color: @TopBarIconColor;\n text-align: center;\n .rounded(16px);\n &:hover, &:active, &:focus {\n background-color: @TopBarIconHoverBg;\n text-decoration: none;\n color: @TopBarIconHoverColor;\n }\n i {\n width: @actionBtnSize;\n height: @actionBtnSize;\n display: block;\n line-height: @actionBtnSize;\n }\n}\n.leftbar-action-mobile {\n position: relative;\n display: none;\n left: 0px;\n top: 12px;\n width: @actionBtnSize;\n height: @actionBtnSize;\n background-color: @actionBtnBg;\n color: @TopBarIconColor;\n text-align: center;\n .rounded(16px);\n &:hover, &:active, &:focus {\n background-color: @TopBarIconHoverBg;\n text-decoration: none;\n color: @TopBarIconHoverColor;\n }\n i {\n width: @actionBtnSize;\n height: @actionBtnSize;\n display: block;\n line-height: @actionBtnSize;\n }\n}\n\n.m-aside-action {\n position: relative;\n display: block;\n left: 0px;\n top: 12px;\n width: @actionBtnSize;\n height: @actionBtnSize;\n background-color: @actionBtnBg;\n text-align: center;\n .rounded(16px);\n &:hover, &:active, &:focus {\n text-decoration: none;\n }\n i {\n width: @actionBtnSize;\n height: @actionBtnSize;\n display: block;\n line-height: @actionBtnSize;\n }\n}\n\n.m-aside-action {\n display: none;\n}\n\n.top-aside-right {\n position: relative;\n .rightbar-action {\n position: absolute;\n right: 0px;\n top: 13px;\n width: @actionBtnSize;\n height: @actionBtnSize;\n text-align: center;\n .rounded(16px);\n background-color: @actionBtnBg;\n color: @TopBarIconColor;\n &:hover, &:active, &:focus {\n text-decoration: none;\n background-color: @ThemeColor;\n color: #fff;\n }\n i {\n width: @actionBtnSize;\n height: @actionBtnSize;\n display: block;\n line-height: @actionBtnSize;\n }\n }\n}\n\n.top-bar-action {\n .rightbar-action {\n display: none;\n position: absolute;\n right: 15px;\n top: 13px;\n width: @actionBtnSize;\n height: @actionBtnSize;\n text-align: center;\n .rounded(16px);\n &:hover, &:active, &:focus {\n background-color: @TopBarIconHoverBg;\n text-decoration: none;\n color: @TopBarIconHoverColor;\n }\n background-color: @actionBtnBg;\n i {\n width: @actionBtnSize;\n height: @actionBtnSize;\n display: block;\n color: @TopBarIconColor;\n line-height: @actionBtnSize;\n }\n }\n}\n/*-- 5.3.0 Search Bar / .desktop-search --*/\n\n.desktop-search {\n position: relative;\n span {\n color: @TopBarLinkColor;\n width: @IconicViewWidth;\n height: @IconicViewWidth;\n display: inline-block;\n text-align: center;\n line-height: @IconicViewWidth;\n &:hover {\n color: @ThemeColor;\n }\n i {\n display: inline-block;\n font-size: 18px;\n }\n }\n}\n\n.mobile-search {\n display: none;\n position: relative;\n span {\n width: @IconicViewWidth;\n height: @IconicViewWidth;\n display: inline-block;\n text-align: center;\n line-height: @IconicViewWidth;\n &:hover {\n color: @ThemeColor;\n }\n i {\n display: inline-block;\n font-size: 18px;\n }\n }\n}\n\n.search-form {\n width: 100%;\n margin-left: -15px;\n margin-right: -15px;\n height: @IconicViewWidth;\n position: absolute;\n .transform(translateY(-100px));\n -webkit-transition: -webkit-transform 0.3s;\n -moz-transition: -moz-transform 0.3s;\n -ms-transform: -ms-transform 0.3s;\n -o-transform: -o-transform 0.3s;\n transition: transform 0.3s;\n top: 0px;\n left: 15px;\n background-color: #fff;\n z-index: 100;\n input {\n outline: none;\n border: 0px;\n height: @IconicViewWidth;\n width: 95%;\n margin-left: 15px;\n }\n .search-close {\n text-align: center;\n background-color: #fff;\n height: @IconicViewWidth;\n width: @IconicViewWidth;\n line-height: @IconicViewWidth;\n position: absolute;\n right: 0px;\n font-size: 24px;\n top: 0px;\n cursor: pointer;\n &:hover {\n color: @ThemeColor;\n }\n }\n}\n\n.search-show {\n .transform(translateY(0px));\n -webkit-transition: -webkit-transform 0.3s;\n -moz-transition: -moz-transform 0.3s;\n transition: transform 0.3s;\n}\n/*-- 5.3.1 Notification / .notification-nav --*/\n\n.notification-nav {\n float: left;\n margin-left: 15px;\n width: 100%;\n ul {\n margin: 0px;\n padding: 0px;\n li {\n list-style: none;\n }\n }\n & > ul {\n & > li {\n display: inline-block;\n float: left;\n & > a {\n display: inline-block;\n height: 61px;\n width: 61px;\n text-align: center;\n position: relative;\n float: left;\n color: @TopBarLinkColor;\n .alert-bubble {\n background-color: @AlertBubbleColor;\n display: inline-block;\n color: @NotyBoubleLink;\n line-height: normal;\n font-size: 12px;\n position: absolute;\n padding: 4px 5px;\n right: 6px;\n top: 6px;\n font-weight: 500;\n .rounded(3px);\n }\n i {\n width: 32px;\n height: 32px;\n display: inline-block;\n .border-radius(16px);\n font-size: 18px;\n line-height: 30px;\n margin-top: 13px;\n position: relative;\n }\n &:hover,\n &:active,\n &:focus {\n text-decoration: none;\n color: @ThemeColor;\n }\n }\n }\n }\n .dropdown-menu {\n padding: 0px;\n border-color: #e5e5e5;\n min-width: 300px;\n min-height: 0px;\n max-height: 350px;\n -webkit-border-radius: 0px;\n border-radius: 0px;\n margin-top: 0px;\n border-top: 0px;\n .box-shadow(0 3px 5px rgba(0, 0, 0, .1));\n overflow-y: auto;\n .animated(.3s);\n }\n}\n\n.message-dropdown {\n padding: 0px !important;\n h4 {\n font-size: 14px;\n font-weight: 500;\n padding: 15px 15px;\n margin: 0px;\n border-bottom: #eee 1px solid;\n }\n .message-wrap {\n & > ul {\n & > li {\n display: table;\n & > a {\n font-size: 12px;\n color: #444444;\n text-decoration: none;\n padding: 8px;\n &:hover {\n text-decoration: none;\n color: #2980b9;\n }\n }\n padding: 0px;\n border-bottom: #eee 1px solid;\n background: #f9f9f9;\n &:hover,\n &:active,\n &:focus {\n background: #fff;\n text-decoration: none;\n }\n }\n }\n }\n}\n\n.message-thumb {\n width: 40px;\n height: 40px;\n display: table-cell;\n vertical-align: middle;\n img {\n width: 40px;\n height: 40px;\n padding: 2px;\n .rounded(100%);\n }\n}\n\n.message-intro {\n display: inline-block;\n width: 240px;\n display: table-cell;\n vertical-align: middle;\n padding-left: 0px !important;\n}\n\n.message-meta {\n font-weight: 500;\n font-style: italic;\n font-size: 12px;\n}\n\n.message-time {\n display: block;\n color: #999999;\n}\n\n.notification-btn {\n padding: 15px 15px !important;\n margin: 10px !important;\n display: block;\n width: auto;\n text-align: center;\n i {\n float: right;\n position: relative;\n top: 1px;\n font-size: 18px;\n }\n}\n\n.notification-dropdown {\n padding: 0px;\n .notification-wrap {\n & > ul {\n & > li {\n & > a {\n display: table;\n padding: 8px;\n font-size: 12px;\n color: #444444;\n background: #f9f9f9;\n text-decoration: none;\n border-bottom: #eee 1px solid;\n & > span {\n display: table-cell;\n vertical-align: middle;\n }\n &:hover {\n background: #fff;\n }\n }\n }\n }\n }\n h4 {\n font-size: 14px;\n font-weight: 500;\n padding: 15px;\n margin: 0px;\n border-bottom: #eee 1px solid;\n }\n}\n\n.ni {\n width: 34px;\n padding: 8px;\n font-size: 14px;\n color: #fff;\n text-align: center;\n -webkit-border-radius: 3px;\n border-radius: 3px;\n}\n\n.w-gray {\n background: #e8e8e8;\n}\n\n.w-light-gray {\n background: #eee;\n}\n\n.w-brown {\n background: #ab6634;\n}\n\n.w-blue-violate {\n background: #8581d8;\n}\n\n.w-dark-yellow {\n background: #e77e23\n}\n\n.w-magenta {\n background: #9b58b5;\n}\n\n.w-blue {\n background: #3498db;\n}\n\n.w-orange {\n background: #e74d3d;\n}\n\n.w-bondi-blue {\n background: #34495e;\n}\n\n.w-green {\n background: #1bbc9b;\n}\n\n.notification-message {\n width: 246px;\n padding-left: 10px;\n}\n\n.notification-time {\n font-size: 11px;\n color: #aaa;\n display: block;\n font-style: italic;\n}\n/*-- 5.3.2 Admin User Drop Down / .user-nav --*/\n\n.user-nav {\n float: right;\n margin-right: 44px;\n ul {\n margin: 0px;\n padding: 0px;\n li {\n list-style: none;\n }\n & > li {\n .user-info {\n display: inline-block;\n float: left;\n line-height: 20px;\n margin-top: 8px;\n cite {\n display: block;\n font-size: 12px;\n font-style: normal;\n }\n }\n .user-thumb {\n display: inline-block;\n float: right;\n }\n }\n ul {\n & >li {\n & >a {\n &:hover {\n background-color: #f5f5f5;\n color: @ThemeColor;\n }\n }\n }\n }\n }\n & > ul {\n & >li {\n & >a {\n color: @TopBarLinkColor;\n display: block;\n min-height: 61px;\n padding: 0px 10px 0px 14px;\n }\n }\n & >li.open {\n & >a {\n color:@PrimaryTextColor;\n display: block;\n min-height: 61px;\n padding: 0px 10px 0px 14px;\n }\n }\n \n }\n .dropdown-menu {\n margin: 0px -1px 0 -1px;\n right: 0px;\n border-color: #e5e5e5;\n .rounded(0px);\n .box-shadow(0 3px 5px rgba(0, 0, 0, .1));\n .animated(.3s);\n li {\n &::last-child {\n a {\n border-bottom: none;\n }\n }\n }\n & >li {\n >a {\n line-height: 45px;\n border-bottom: #eeeeee 1px solid;\n padding: 0px 15px;\n }\n }\n }\n .dropdown {\n border-left:@UserNavDropdownBorder 1px solid;\n border-top: @UserNavDropdownBorder 1px solid;\n border-right: @UserNavDropdownBorder 1px solid;\n margin-top: -1px;\n }\n .dropdown.open {\n .box-shadow(0 0px 8px rgba(0, 0, 0, 0.1));\n background-color: #f5f5f5;\n }\n}\n\n.user-nav-icon {\n margin-right: 10px;\n i {\n font-size: 14px;\n position: relative;\n top: 0px;\n }\n}\n\n.user-nav-label {\n position: relative;\n top: -2px;\n}\n\n.user-thumb {\n margin: 6px 0px 3px 10px;\n width: 50px;\n height: 50px;\n -webkit-border-radius: 100%;\n -moz-border-radius: 100%;\n border-radius: 100%;\n img {\n background-color: #fff;\n width: 46px;\n height: 46px;\n .rounded(100%);\n }\n}","//Variables\n@white: #fff;\n\n//Mixins\n.border-radius(@radius: 5px) {\n -webkit-border-radius: @radius;\n -moz-border-radius: @radius;\n border-radius: @radius;\n}\n\n.mentions-opacity(@opacity: 100) {\n filter: e(%(\"alpha(opacity=%d)\", @opacity));\n -moz-opacity: @opacity / 100;\n opacity: @opacity / 100;\n}\n\n//Styles\n.mentions-input-box {\n position: relative;\n background: @white;\n\n textarea{\n width: 100%;\n display: block;\n height: 18px;\n padding: 9px;\n border: 1px solid #dcdcdc;\n border-radius:3px;\n overflow: hidden;\n background: transparent;\n position: relative;\n outline: 0;\n resize: none;\n\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n }\n\n .mentions{\n position: absolute;\n left: 1px;\n right: 0;\n top: 1px;\n bottom: 0;\n padding: 9px;\n color: @white;\n overflow: hidden;\n\n white-space: pre-wrap;\n word-wrap: break-word;\n\n & > div{\n color: @white;\n white-space: pre-wrap;\n width: 100%;\n\n & > strong{\n font-weight:normal;\n background: #d8dfea;\n\n & > span{\n .mentions-opacity(0);\n }\n }\n }\n }\n}\n\n.mentions-input-box .mentions-autocomplete-list {\n display: none;\n background: @white;\n border: 1px solid #b2b2b2;\n position: absolute;\n left: 0;\n right: 0;\n z-index: 10000;\n margin-top: -2px;\n\n .border-radius();\n border-top-right-radius:0;\n border-top-left-radius:0;\n\n -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);\n -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);\n box-shadow: 0 2px 5px rgba(0, 0, 0, 0.148438);\n\n ul{\n margin: 0;\n padding: 0;\n }\n\n li{\n background-color: @white;\n padding: 0 5px;\n margin: 0;\n width: auto;\n border-bottom: 1px solid #eee;\n height: 26px;\n line-height: 26px;\n overflow: hidden;\n cursor: pointer;\n list-style: none;\n white-space: nowrap;\n\n &:last-child{\n .border-radius();\n }\n\n & > img,\n & > div.icon{\n width: 16px;\n height: 16px;\n float: left;\n margin-top:5px;\n margin-right: 5px;\n -moz-background-origin:3px;\n\n .border-radius(3px);\n }\n\n em{\n font-weight: bold;\n font-style: none;\n }\n\n &:hover,\n &.active{\n background-color: #f2f2f2;\n }\n\n b{\n background: #ffff99;\n font-weight: normal;\n }\n }\n}\n","/*-- 5.4 Right Bar / .right-aside --*/\n\n@import \"../variables.less\";\n@import \"../mixins.less\";\n.right-aside {\n width: @RightAsideWidth;\n .box-shadow(0 0px 5px rgba(000, 000, 000, .1));\n background-color: @RightAsideBgColor;\n position: fixed;\n height: 100%;\n visibility: hidden;\n top: 0px;\n z-index: 6000;\n right: 0px;\n -ms-transform: translate(100%, 0);\n -webkit-transform: translate(100%, 0);\n transform: translate(100%, 0);\n // right: -@RightAsideWidth;\n .animate(all .5s ease-in-out);\n .aside-branding {\n height: @TopBarHeight;\n background-color: @RightAsideBrandingBg;\n .rightbar-action {\n position: absolute;\n right: 12px;\n top: 13px;\n cursor: pointer;\n background-color: rgba(000, 000, 000, .1);\n width: 32px;\n height: 32px;\n .rounded(16px);\n &:hover {\n background-color: rgba(000, 000, 000, .2);\n }\n i {\n display: block;\n text-align: center;\n position: relative;\n font-size: 14px;\n line-height: 31px;\n color: #fff;\n }\n }\n }\n}\n\n.right-aside.rightbar-show {\n // right: 0px;\n -ms-transform: translate(0, 0);\n -webkit-transform: translate(0, 0);\n transform: translate(0, 0);\n .animate(all .5s ease-in-out);\n visibility: visible;\n}\n\n.aside-tab {\n position: relative;\n .nav-tabs {\n border-bottom: 0px;\n }\n height: @TopBarHeight;\n li {\n a {\n height: @TopBarHeight;\n width: @TopBarHeight;\n border: 0px;\n padding: 0px;\n margin-right: 0px;\n line-height: @TopBarHeight;\n text-align: center;\n font-size: 20px;\n color: @RightAsideTabLinkColor;\n .rounded(0px);\n .transition(.1s, ease-out);\n &:focus, &:hover {\n border: 0px;\n .rounded(0px);\n background-color: transparent;\n color: @RightAsideTabLinkHoverColor;\n cursor: pointer;\n .transition(.1s, ease-out);\n }\n }\n }\n li.active {\n a {\n border: 0px;\n .rounded(0px);\n background-color: @RightAsideTabBg;\n &:focus, &:hover {\n .transition(.1s, ease-out);\n cursor: pointer;\n border: 0px;\n .rounded(0px);\n background-color: @RightAsideTabBg;\n color: @ThemeColor;\n }\n }\n }\n}\n\n.chat-list {\n margin: 0px 0px 20px 0px;\n padding: 0px;\n list-style: none;\n li {\n display: table;\n position: relative;\n width: 100%;\n padding: 10px 20px;\n border-bottom: @WidgetBorder 1px solid;\n background-color: #f9f9f9;\n .transition(.1s, ease-out);\n a {\n display: block;\n width: 100%;\n position: relative;\n & > span {\n display: table-cell;\n vertical-align: middle;\n }\n color: @AltTextColor;\n &:hover,\n &:focus {\n text-decoration: none;\n color: @ThemeColor;\n }\n }\n .chat-avatar {\n position: relative;\n width: 40px;\n height: 40px;\n img {\n width: 100%;\n .rounded(100%);\n }\n }\n .chat-u-info {\n padding-left: 12px;\n font-size: 12px;\n font-weight: 500;\n cite {\n display: block;\n font-weight: 400;\n font-size: 12px;\n font-style: normal;\n color: @SecondaryTextColor;\n }\n }\n .chat-u-status {\n position: absolute;\n top: 32%;\n right: 20px;\n color: #ccc;\n i {\n text-shadow: 0 0 3px #fff;\n font-size: 8px;\n color: #ddd;\n }\n }\n &:hover {\n background-color: #fff;\n .transition(.1s, ease-out);\n }\n }\n li.chat-u-online {\n i {\n color: @LightGreen;\n }\n }\n}\n\n.aside-tab-wigets h3 {\n font-size: 12px;\n font-weight: 500;\n text-transform: uppercase;\n margin-top: 0px;\n margin-bottom: 0px;\n padding-bottom: 12px;\n padding-left: 20px;\n padding-right: 20px;\n border-bottom: @WidgetBorder 1px solid;\n letter-spacing: .1em;\n color: @SecondaryTextColor;\n .online-counter {\n font-size: 11px;\n text-transform: none;\n letter-spacing: normal;\n color: @LightGreen;\n }\n}\n\n.conv-container {\n .transform(translateX(@RightAsideWidth));\n -webkit-transition: -webkit-transform 0.3s;\n -moz-transition: -moz-transform 0.3s;\n -ms-transform: -ms-transform 0.3s;\n -o-transform: -o-transform 0.3s;\n transition: transform 0.3s;\n // display: none;\n width: @RightAsideWidth;\n height: 100%;\n position: fixed;\n visibility: hidden;\n top: 0px;\n z-index: 2000;\n background-color: #fff;\n .conv-u-info {\n width: @RightAsideWidth;\n height: @TopBarHeight;\n background-color: #eee;\n ul {\n display: table;\n list-style: none;\n margin: 0px;\n padding: 3px 6px;\n position: relative;\n width: 100%;\n & > li {\n display: table-cell;\n vertical-align: middle;\n padding: 6px;\n }\n .chat-avatar {\n width: 48px;\n height: 48px;\n img {\n width: 100%;\n .rounded(100%);\n }\n }\n .chat-u-info {\n font-size: 12px;\n span {\n display: block;\n color: @SecondaryTextColor;\n font-size: 11px;\n }\n }\n .chat-u-call {\n display: inline-block;\n background-color: #fff;\n width: 32px !important;\n height: 32px !important;\n border: #ddd 1px solid;\n line-height: 32px;\n text-align: center;\n .rounded(32px);\n cursor: pointer;\n .transition(.1s, ease-out);\n &:hover {\n border: @ThemeColor 1px solid;\n background-color: @ThemeColor;\n color: #fff;\n .transition(.1s, ease-out);\n }\n }\n .chat-close {\n display: inline-block;\n background-color: #fff;\n width: 32px !important;\n height: 32px !important;\n border: #ddd 1px solid;\n line-height: 32px;\n text-align: center;\n .rounded(32px);\n cursor: pointer;\n position: absolute;\n right: 12px;\n top: 12px;\n .transition(.1s, ease-out);\n i {\n font-size: 18px;\n position: relative;\n left: 1px;\n }\n &:hover {\n border: @ThemeColor 1px solid;\n background-color: @ThemeColor;\n color: #fff;\n .transition(.1s, ease-out);\n }\n }\n }\n }\n}\n\n.conv-container.show-conv {\n .transform(translateX(0));\n -webkit-transition: -webkit-transform 0.3s;\n -moz-transition: -moz-transform 0.3s;\n -ms-transform: -ms-transform 0.3s;\n -o-transform: -o-transform 0.3s;\n transition: transform 0.3s;\n visibility: visible;\n}\n\n.chat-search-form {\n padding: 20px;\n .chat-u-search {\n .box-shadow(none);\n .rounded(0px);\n &:focus {\n .box-shadow(none);\n border: @ThemeColor 1px solid;\n }\n }\n}\n\n.chat-user-list {\n overflow-y: auto;\n}\n\n.converstaion-list {\n overflow-y: auto;\n padding-bottom: 20px;\n .conversation-back {\n padding: 15px 15px 0px 15px;\n display: table;\n & > div {\n display: table-cell;\n vertical-align: middle;\n }\n .conv-thumb {\n width: 48px;\n height: 48px;\n padding-right: 10px;\n img {\n width: 100%;\n .rounded(100%);\n }\n }\n .conv-text {\n padding: 10px;\n font-size: 13px;\n border: @WidgetBorder 1px solid;\n background-color: #f5f5f5;\n .rounded(4px);\n position: relative;\n &:after, &:before {\n right: 100%;\n top: 50%;\n border: solid transparent;\n content: \" \";\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n }\n &:after {\n border-color: rgba(245, 245, 245, 0);\n border-right-color: #f5f5f5;\n border-width: 7px;\n margin-top: -7px;\n }\n &:before {\n border-color: rgba(194, 225, 245, 0);\n border-right-color: @WidgetBorder;\n border-width: 8px;\n margin-top: -8px;\n }\n }\n }\n .conversation-front {\n padding: 15px 15px 0px 15px;\n display: table;\n & > div {\n display: table-cell;\n vertical-align: middle;\n }\n .conv-text {\n border: #b2ebf2 1px solid;\n padding: 10px;\n background-color: #e0f7fa;\n font-size: 13px;\n .rounded(4px);\n position: relative;\n color: #0097a7;\n &:after, &:before {\n left: 100%;\n top: 50%;\n border: solid transparent;\n content: \" \";\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n }\n &:after {\n border-color: rgba(245, 245, 245, 0);\n border-left-color: #e0f7fa;\n border-width: 7px;\n margin-top: -7px;\n }\n &:before {\n border-color: rgba(194, 225, 245, 0);\n border-left-color: #b2ebf2;\n border-width: 8px;\n margin-top: -8px;\n }\n }\n }\n}\n\n.chat-input-form {\n padding: 20px;\n border-top: @WidgetBorder 1px solid;\n .chat-input {\n resize: none;\n .rounded(0px);\n padding: 6px;\n height: 34px;\n &:focus {\n border: @ThemeColor 1px solid;\n .box-shadow(none);\n }\n }\n}\n\n.server-stats-content {\n overflow-y: auto;\n .progress-wrap {\n padding: 0px 20px 20px 20px;\n }\n h3 {\n padding-top: 20px;\n margin-bottom: 20px;\n }\n .progress {\n margin-bottom: 0px;\n }\n}\n\n.aside-notifications-wrap {\n overflow-y: auto;\n .message-wrap {\n & > ul {\n list-style: none;\n padding: 0px;\n & > li {\n & > a {\n font-size: 12px;\n color: #444444;\n text-decoration: none;\n padding: 8px;\n &:hover {\n text-decoration: none;\n color: #2980b9;\n }\n }\n border-bottom: #eee 1px solid;\n background: #f9f9f9;\n &:hover,\n &:active,\n &:focus {\n background: #fff;\n text-decoration: none;\n }\n }\n }\n }\n .notification-wrap {\n & > ul {\n list-style: none;\n padding: 0px;\n & > li {\n & > a {\n display: table;\n padding: 8px;\n font-size: 12px;\n color: #444444;\n background: #f9f9f9;\n text-decoration: none;\n border-bottom: #eee 1px solid;\n & > span {\n display: table-cell;\n vertical-align: middle;\n }\n &:hover {\n background: #fff;\n }\n }\n }\n }\n }\n h4 {\n font-size: 14px;\n font-weight: 500;\n padding: 15px;\n margin: 0px;\n border-bottom: #eee 1px solid;\n }\n}\n\n.aside-notifications {\n position: relative;\n .alert-bubble {\n background-color: @AlertBubbleColor;\n display: inline-block;\n color: #fff;\n line-height: normal;\n font-size: 12px;\n position: absolute;\n padding: 4px 5px;\n right: 6px;\n top: 6px;\n font-weight: 500;\n .rounded(3px);\n }\n}\n\n.uasge-wrap {\n ul {\n width: 100%;\n list-style: none;\n display: table;\n padding: 0px 20px 20px 20px;\n margin: 0px;\n li {\n display: table-cell;\n vertical-align: middle;\n }\n .usage-chart {\n padding-left: 5px;\n text-align: right;\n .percent {\n font-size: 11px;\n font-weight: 500;\n }\n }\n }\n h4 {\n font-size: 14px;\n font-weight: 400;\n margin-bottom: 4px;\n display: inline-block;\n margin-top: 0px;\n text-transform: uppercase;\n letter-spacing: .05em;\n }\n .uasge-intro {\n display: block;\n color: @SecondaryTextColor;\n font-size: 12px;\n }\n}\n\n.r-mask {\n width: 100%;\n height: 100%;\n display: block;\n position: fixed;\n left: 0px;\n top: 0px;\n background-color: rgba(000, 000, 000, .2);\n z-index: 5900;\n}","@import \"variables.less\";\n@import \"mixins.less\";\n/*-- 6.1 Box Widget / .box-widget --*/\n\n.box-widget {\n margin-bottom: 20px;\n .bordered(@WidgetBorder, @WidgetBorder, @WidgetBorder, @WidgetBorder);\n background: @WidgetBg;\n .box-shadow(@OuterBoxShadow);\n .rounded(@WidgetRound);\n .widget-head {\n position: relative;\n height: @WidgetHeaderHieght;\n border-bottom: @WidgetHeadBottomBorder 1px solid;\n .border-radius(@WidgetRound, 0, 0, @WidgetRound);\n background: @WidgetHeaderBg;\n .box-shadow(0px 1px 0px @WidgetBoxShadowInset inset);\n h4 {\n margin: 0px;\n display: inline-block;\n float: left;\n padding-left: 20px;\n font-size: @WidgetHeaderTextSize;\n line-height: @WidgetHeaderHieght;\n color: @WidgetHeaderTextColor;\n }\n }\n .h-icon {\n display: inline-block;\n float: left;\n text-align: center;\n height: @WidgetHeaderHieght;\n width: @WidgetHeaderHieght;\n border-right: @WidgetBorder 1px solid;\n line-height: @WidgetHeaderHieght;\n .box-shadow(-1px 0px 0px @WidgetBoxShadowInset inset);\n i {\n font-size: 14px;\n display: inline-block;\n text-align: center;\n line-height: @WidgetHeaderHieght;\n height: @WidgetHeaderHieght;\n width: @WidgetHeaderHieght;\n color: @WidgetFontColor;\n }\n }\n .widget-action-bar {\n margin-left: 0px;\n margin-bottom: 0px;\n padding: 0px;\n li {\n list-style: none;\n display: inline-block;\n float: left;\n .widget-switch {\n margin-top: 10px;\n margin-right: 12px;\n margin-left: 12px;\n }\n .widget-check {\n margin-top: 11px;\n margin-right: 12px;\n margin-left: 12px;\n }\n & > span {\n display: inline-block;\n &.w-collapse {\n height: @WidgetHeaderHieght;\n width: @WidgetHeaderHieght;\n color: @WidgetHeaderTextColor;\n border-left: @WidgetBorder 1px solid;\n color: @WidgetFontColor;\n .box-shadow(-1px 0px 0px @WidgetBoxShadowInset inset);\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n cursor: pointer;\n }\n i {\n height: @WidgetHeaderHieght;\n width: @WidgetHeaderHieght;\n display: inline-block;\n line-height: @WidgetHeaderHieght;\n text-align: center;\n font-size: 16px;\n }\n }\n &.w-reload {\n height: @WidgetHeaderHieght;\n width: @WidgetHeaderHieght;\n color: @WidgetHeaderTextColor;\n border-left: @WidgetBorder 1px solid;\n color: @WidgetFontColor;\n .box-shadow(-1px 0px 0px @WidgetBoxShadowInset inset);\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n cursor: pointer;\n }\n i {\n height: @WidgetHeaderHieght;\n width: @WidgetHeaderHieght;\n display: inline-block;\n line-height: @WidgetHeaderHieght;\n text-align: center;\n font-size: 14px;\n }\n }\n &.w-remove {\n height: @WidgetHeaderHieght;\n width: @WidgetHeaderHieght;\n color: @WidgetHeaderTextColor;\n border-left: @WidgetBorder 1px solid;\n color: @WidgetFontColor;\n .box-shadow(-1px 0px 0px @WidgetBoxShadowInset inset);\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n cursor: pointer;\n }\n i {\n height: @WidgetHeaderHieght;\n width: @WidgetHeaderHieght;\n display: inline-block;\n line-height: @WidgetHeaderHieght;\n text-align: center;\n font-size: 16px;\n }\n }\n }\n & > span:last-child {\n .box-shadow(0px 0px 0px @WidgetBoxShadowInset inset);\n }\n }\n .widget-remove {\n i {\n position: relative;\n top: 0px;\n font-size: 18px;\n }\n }\n .widget-collapse {\n i {\n position: relative;\n top: 0px;\n font-size: 22px;\n }\n }\n }\n .widget-container {\n display: block;\n width: 100%;\n position: relative;\n }\n}\n/*-- 6.1.0 Border Less Box Widget / .box-widget.no-border --*/\n\n.box-widget.no-border {\n .widget-head {\n border-bottom: none;\n background: transparent;\n .box-shadow(none);\n h4 {\n padding-left: 20px;\n }\n .h-icon {\n height: @WidgetHeaderHieght;\n width: auto;\n margin-left: 20px;\n border-right: none;\n .box-shadow(none);\n i {\n height: @WidgetHeaderHieght;\n width: auto;\n }\n }\n .widget-action-bar {\n margin-left: 0px;\n margin-right: 7px;\n margin-bottom: 0px;\n padding: 0px;\n li {\n list-style: none;\n display: inline-block;\n float: left;\n .widget-switch {\n margin-top: 11px;\n margin-right: 12px;\n }\n .widget-check {\n margin-top: 11px;\n margin-right: 12px;\n }\n & > span {\n &.w-collapse {\n height: 30px;\n width: 30px;\n margin-top: 8px;\n margin-right: 3px;\n display: inline-block;\n color: @WidgetHeaderTextColor;\n .rounded(30px);\n border-left: none;\n .box-shadow(none);\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n cursor: pointer;\n }\n i {\n height: 30px;\n width: 30px;\n display: inline-block;\n line-height: 32px;\n text-align: center;\n font-size: 16px;\n }\n }\n &.w-reload {\n height: 30px;\n width: 30px;\n margin-top: 8px;\n margin-right: 3px;\n display: inline-block;\n color: @WidgetHeaderTextColor;\n .rounded(30px);\n border-left: none;\n .box-shadow(none);\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n cursor: pointer;\n }\n i {\n height: 30px;\n width: 30px;\n display: inline-block;\n line-height: 32px;\n text-align: center;\n font-size: 16px;\n }\n }\n &.w-remove {\n height: 30px;\n width: 30px;\n margin-top: 8px;\n margin-right: 3px;\n display: inline-block;\n color: @WidgetHeaderTextColor;\n .rounded(30px);\n border-left: none;\n .box-shadow(none);\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n cursor: pointer;\n }\n i {\n height: 30px;\n width: 30px;\n display: inline-block;\n line-height: 32px;\n text-align: center;\n font-size: 16px;\n }\n }\n }\n }\n .widget-remove {\n i {\n position: relative;\n top: -2px;\n font-size: 18px;\n }\n }\n .widget-collapse {\n i {\n position: relative;\n top: -2px;\n font-size: 22px;\n }\n }\n }\n }\n}\n\n.widget-block {\n padding: 20px;\n .page-header {\n margin-top: 0px;\n h2 {\n font-weight: 300;\n margin-top: 0px;\n }\n }\n table {\n margin-bottom: 0px;\n }\n}\n\n.td-no-block {\n .widget-block {\n padding: 0px;\n }\n}\n\n.box-widget {\n .task-list-toolbar, .note-list-toolbar, .email-list-toolbar {\n position: relative !important;\n width: auto !important;\n border-right: 0px !important;\n }\n .task-list,\n .email-list {\n padding-top: 0px !important;\n }\n .task-check-all,\n .mail-check-all {\n width: 36px !important;\n padding: 8px 0px 11px 4px !important;\n }\n .task-list-action,\n .email-list-action {\n width: 34px !important;\n padding-left: 3px !important;\n }\n .list-scroll-container {\n height: 300px;\n overflow: auto;\n }\n .table{\n margin-bottom: 0px;\n }\n}","@import \"variables.less\";\n@import \"mixins.less\";\n/*-- 6.2 Page Tab / .main-tab --*/\n\n.main-tab {\n margin-left: -15px;\n margin-right: -15px;\n border-bottom: @MainTabBorderColor 1px solid;\n li:first-child {\n padding-left: 15px;\n }\n li {\n a {\n .rounded(0px);\n padding-top: 0px !important;\n padding-bottom: 0px !important;\n line-height: @WidgetHeaderHieght;\n color: @WidgetHeaderTextColor;\n outline: none;\n border-left: @MainTabBorderColor 1px solid;\n border-right: @MainTabBorderColor 1px solid;\n border-top: @MainTabBorderColor 1px solid;\n font-weight: 500;\n i {\n font-size: 20px;\n position: relative;\n top: 1px;\n margin-bottom: -5px;\n }\n }\n }\n}\n\n.main-tab-content {\n margin: 0px -15px;\n background-color: #fff;\n padding: 20px;\n border-bottom: @MainTabBorderColor 1px solid;\n .box-shadow(0 0 3px rgba(68, 68, 68, .05));\n margin-bottom: 20px;\n}\n\n.main-tab .active a,\n.main-tab &>.active &>a:hover {\n cursor: pointer !important;\n color: @ThemeColor !important;\n border-bottom: 0 !important;\n border-left: @MainTabBorderColor 1px solid !important;\n border-right: @MainTabBorderColor 1px solid !important;\n border-top: @MainTabBorderColor 1px solid !important;\n padding-left: 20px;\n padding-right: 20px;\n}\n\n.main-tab.nav {\n & > li {\n & > a {\n position: relative;\n display: block;\n padding: 15px 20px;\n .border-radius(@WidgetRound, 0, 0, @WidgetRound);\n &:hover {\n background-color: transparent;\n border-left: @MainTabBorderColor 1px solid;\n border-right: @MainTabBorderColor 1px solid;\n border-top: @MainTabBorderColor 1px solid;\n color: @ThemeColor !important;\n }\n }\n }\n}\n\n.main-tab.nav li.active {\n a {\n .box-shadow(0 0 3px rgba(68, 68, 68, .05));\n &:hover {\n background-color: #fff;\n }\n }\n}\n\n.main-tab.nav li {\n margin-bottom: -2px;\n}\n/*-- 6.2.0 Section Tab / .tab-widget --*/\n\n.tab-widget {\n .nav-tabs {\n border-bottom: none !important;\n & > li {\n & > a {\n height: @WidgetHeaderHieght;\n padding: 0px 15px;\n border-top: 0px;\n border-bottom: 0px;\n border-left: 0px;\n .rounded(0px);\n margin: 0px;\n display: inline-block;\n line-height: 49px;\n color: @WidgetHeaderTextColor;\n background: transparent;\n .box-shadow(inset -1px 0px 0 rgba(255, 255, 255, 1));\n i {\n font-size: 16px;\n position: relative;\n top: 2px;\n }\n }\n & > a:hover {\n border-top: 0px;\n border-bottom: 0px;\n border-left: 0px;\n color: @ThemeColor;\n }\n }\n & > li.active {\n & > a {\n height: @WidgetHeaderHieght;\n color: @ThemeColor;\n background: @WidgetBg;\n }\n }\n }\n .pull-right {\n margin-bottom: 0px;\n & > li {\n & > a {\n border-top: 0px;\n border-bottom: 0px;\n border-left: 1px solid @WidgetBorder !important;\n border-right: 0px !important;\n .box-shadow(inset 1px 0px 0 rgba(255, 255, 255, 1));\n }\n & > a:hover {\n border-top: 0px;\n border-bottom: 0px;\n border-left: 1px solid @WidgetBorder !important;\n }\n &:last-child {\n a {\n .border-radius(@WidgetRound, 0px, 0px, 0px);\n }\n }\n }\n }\n}\n\n.widget-head {\n .nav-tabs {\n & > li.active {\n & > a:focus {\n border: none;\n }\n }\n }\n}\n/*-- 6.2.1 Box Tab / .box-tab --*/\n\n.box-tab {\n border: @WidgetBorder 1px solid;\n position: relative;\n margin-bottom: 20px;\n background: @WidgetBg;\n .rounded(@WidgetRound);\n .box-shadow(@OuterBoxShadow);\n .tab-content {\n min-height: 400px;\n margin-left: @WidgetHeaderHieght;\n padding: 15px;\n }\n .nav-tabs {\n width: @WidgetHeaderHieght;\n height: 100%;\n margin: 0px;\n position: absolute;\n background: @WidgetHeaderBg;\n border-bottom: 0px;\n border-right: @WidgetHeadBottomBorder 1px solid;\n }\n .tabs-left {\n & > .nav-tabs {\n & > li {\n margin-bottom: 0px;\n & > a {\n min-width: @WidgetHeaderHieght !important;\n height: @WidgetHeaderHieght;\n display: block;\n padding: 0px;\n margin: 0px;\n font-size: 16px;\n .rounded(0px);\n line-height: @WidgetHeaderHieght;\n text-align: center;\n background: #f9f9f9;\n border-left: 0px;\n color: @PrimaryTextColor;\n border-right: @WidgetBorder 1px solid !important;\n border-top: @WidgetBorder 1px solid\n }\n & > a:hover {\n color: @ThemeColor;\n }\n }\n & > li:first-child {\n & > a {\n border-top: 0px;\n .border-radius(0px, 0px, 0px, @WidgetRound);\n }\n }\n & > li.active {\n & > a {\n background: @WidgetBg;\n border-right: @WidgetBg 1px solid !important;\n color: @ThemeColor;\n }\n }\n & > li:last-child.active {\n & > a {\n border-bottom: @WidgetBorder 1px solid !important;\n }\n }\n .border-radius(0px,\n 0px,\n @WidgetRound,\n @WidgetRound);\n }\n }\n}\n/*-- 6.2.2 Bottom Tab / .tab-bottom --*/\n\n.widget-head.tab-bottom {\n border-top: @WidgetBorder 1px solid;\n border-bottom: none !important;\n .border-radius(0px, @WidgetRound, @WidgetRound, 0px);\n}\n\n.tab-widget {\n .tab-bottom {\n .nav-tabs {\n & > li.active {\n & > a {\n background: #FFFFFF;\n color: @ThemeColor;\n height: @WidgetHeaderHieght;\n margin-top: -1px;\n cursor: pointer;\n }\n }\n & > li {\n &:last-child {\n & > a {\n .border-radius(0px, @WidgetRound, 0px, 0px);\n }\n }\n }\n }\n }\n}\n/*-- 6.2.3 Left Tab / .tab-widget --*/\n\n.tab-widget {\n .tab-left {\n display: inline-block;\n float: left;\n width: @TabSideBarWidth;\n height: auto !important;\n border-right: @WidgetBorder 1px solid;\n .nav-tabs {\n & > li.active {\n & > a {\n height: @WidgetHeaderHieght;\n color: @ThemeColor;\n background: @WidgetBg;\n margin-right: -1px;\n cursor: pointer;\n &:hover, &:focus {\n color: @ThemeColor;\n }\n }\n }\n & > li {\n &:first-child {\n & > a {\n .border-radius(0px, 0px, 0px, @WidgetRound);\n }\n }\n &:last-child {\n & > a {\n .border-radius(0px, 0px, @WidgetRound, 0px);\n }\n }\n }\n }\n }\n .widget-head.tab-left {\n .border-radius(0px, 0px, @WidgetRound, @WidgetRound);\n }\n .tab-right {\n display: inline-block;\n float: right;\n width: @TabSideBarWidth;\n height: auto !important;\n border-left: @WidgetBorder 1px solid;\n .nav-tabs {\n & > li.active {\n & > a {\n margin-left: -1px;\n }\n }\n & > li {\n &:first-child {\n & > a {\n .border-radius(@WidgetRound, 0px, 0px, 0px);\n }\n }\n &:last-child {\n & > a {\n .border-radius(0px, @WidgetRound, 0px, 0px);\n }\n }\n }\n }\n }\n .widget-head.tab-right {\n .border-radius(@WidgetRound, @WidgetRound, 0px, 0px);\n }\n .nav-tabs {\n li {\n a {\n i {\n margin-right: 5px;\n margin-left: 5px;\n }\n }\n }\n }\n}\n\n.tab-widget .tab-left .nav-tabs &>li,\n.nav-pills &>li,\n.tab-widget .tab-right .nav-tabs &>li,\n.nav-pills &>li {\n float: none !important;\n}\n\n.tab-widget .tab-left .nav-tabs &>li &>a,\n.tab-widget .tab-right .nav-tabs &>li &>a {\n display: block !important;\n border-top: 0px;\n border-bottom: @WidgetBorder 1px solid !important;\n border-right: 0px;\n border-left: 0px;\n -moz-border-radius: 0px;\n -webkit-border-radius: 0px;\n border-radius: 0px;\n margin: 0px;\n .box-shadow(inset 0px 1px 0 rgba(255, 255, 255, 1));\n}\n\n.tab-widget .tab-left .nav-tabs &>li &>a:hover,\n.tab-widget .tab-right .nav-tabs &>li &>a:hover {\n border-top: 0px;\n border-bottom: @WidgetBorder 1px solid;\n border-left: 0px;\n color: @ThemeColor;\n}\n\n.tab-widget .tab-left .nav-tabs &>li,\n.tab-widget .tab-right .nav-tabs &>li {\n margin-bottom: 0px;\n}\n\n.nav-tabs {\n & > li {\n & > a:hover {\n border-color: transparent;\n }\n }\n}\n\n.tabbed-aside-left .widget-container {\n padding-left: @TabSideBarWidth;\n}\n\n.tabbed-aside-right .widget-container {\n padding-right: @TabSideBarWidth;\n}\n.aside-tab-content{\n padding: 20px;\n}","@import \"variables.less\";\n@import \"mixins.less\";\n\n/*-- 6.4 Progress / .progress --*/\n\n@ProgressHeight: 2px;\n@ProgressColor: #eee;\n\n.progress {\n height: @ProgressHeight;\n .box-shadow(none);\n .rounded(0px);\n background-color: @ProgressColor;\n .progress-bar {\n .box-shadow(none);\n }\n}\n.progress-meta {\n margin-bottom: 6px;\n .progress-label {\n font-size: 12px;\n letter-spacing: .05em;\n position: relative;\n top: 5px;\n }\n .progress-percent {\n font-size: 12px;\n font-weight: 500;\n letter-spacing: .1em;\n }\n .progress-percent-multiple{\n font-size: 12px;\n font-weight: 500;\n letter-spacing: .1em;\n }\n .label {\n padding: 5px;\n }\n}\n\n.progress-intro {\n font-size: 12px;\n display: block;\n padding-bottom: 0px;\n padding-top: 6px;\n color: @SecondaryTextColor;\n}\n\n.epie-chart {\n position: relative;\n display: inline-block;\n text-align: center;\n canvas {\n position: absolute;\n top: 0;\n left: 0;\n }\n .percent {\n display: inline-block;\n z-index: 2;\n color: @SecondaryTextColor;\n &:after {\n content: '%';\n margin-left: 0.1em;\n font-size: .8em;\n }\n }\n .p-done{\n display: inline-block;\n z-index: 8;\n \n }\n}","@import \"variables.less\";\n@import \"mixins.less\";\n/*-- 6.5 Breadcrumb / .page-breadcrumb --*/\n\n.page-breadcrumb {\n position: relative;\n margin-bottom: 20px;\n margin-left: -15px;\n margin-right: -15px;\n background-color: #f9f9f9;\n border-bottom: #eee 1px solid;\n z-index: 1200;\n .row {\n margin-left: 0px;\n margin-right: 0px;\n }\n .breadcrumb-titles {\n font-weight: 400;\n font-size: 22px;\n margin-top: 0px;\n margin-bottom: 6px;\n }\n .list-page-breadcrumb {\n list-style: none;\n padding: 0px;\n margin: 0px;\n li {\n display: inline-block;\n font-size: 12px;\n a {\n color: @PrimaryTextColor;\n &:hover, &:focus, &:active {\n text-decoration: none;\n color: @ThemeColor;\n }\n }\n &:after {\n content: \"\\f105\";\n display: inline-block;\n font-family: FontAwesome;\n padding: 0px 5px;\n }\n }\n .active-page {\n color: @SecondaryTextColor;\n ;\n }\n li:last-child {\n &:after {\n content: \"\";\n display: inline-block;\n }\n }\n }\n .page-breadcrumb-wrap {\n margin-left: -15px;\n display: table;\n & > div {\n display: table-cell;\n vertical-align: middle;\n }\n .page-breadcrumb-icon {\n text-align: left;\n padding: 15px 20px;\n border-right: #eee 1px solid;\n i {\n font-size: 30px;\n display: inline-block;\n }\n }\n .page-breadcrumb-info {\n padding: 15px;\n }\n }\n \n}","@import \"variables.less\";\n@import \"mixins.less\";\n/*-- 6.6 Notifications / .activity-item --*/\n\n//variables\n@Noty_Alert: #eeeeee;\n@Noty_Info: #b2ebf2;\n@Noty_Error: #ffcdd2;\n@Noty_Warning: #ffccbc;\n@Noty_Success: #c8e6c9;\n@Noty_Confirm: #c8e6c9;\n.activity-item {\n i {\n float: left;\n margin-top: 3px;\n font-size: 16px;\n &.text-warning, &.text-error, &.text-info, &.text-success {\n color: #666;\n }\n }\n}\n\ndiv.activity {\n margin-left: 30px;\n font-size: 13px;\n a {\n color: #222;\n font-weight: 500;\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n }\n }\n span {\n display: block;\n color: #444;\n margin-top: 3px;\n font-size: 11px;\n line-height: 16px;\n }\n}\n\n.MatMixNoty {\n overflow: hidden;\n .rounded(3px);\n position: relative;\n margin-bottom: 10px;\n &.noty_container_type_alert {\n background-color: @Noty_Alert;\n }\n &.noty_container_type_information {\n background-color: @Noty_Info;\n }\n &.noty_container_type_error {\n background-color: @Noty_Error;\n }\n &.noty_container_type_warning {\n background-color: @Noty_Warning;\n }\n &.noty_container_type_success {\n background-color: @Noty_Success;\n }\n &.noty_container_type_confirm {\n background-color: @Noty_Confirm;\n }\n .noty_message {\n padding: 15px 15px;\n }\n .noty_buttons {\n padding: 15px 15px;\n border-top: 1px solid rgba(000, 000, 000, 0.05);\n background-color: rgba(000, 000, 000, .05);\n button {\n margin-right: 15px;\n }\n }\n .noty_close {\n position: absolute;\n top: 4px;\n right: 4px;\n width: 10px;\n height: 10px;\n visibility: hidden;\n opacity: 0.5;\n cursor: pointer;\n }\n &:hover {\n & > .noty_bar {\n & > .noty_message {\n & > .noty_close {\n visibility: visible;\n }\n }\n }\n }\n}\n\n.noty_modal {\n &.MatMixNoty {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: #000;\n z-index: 10000;\n opacity: 0.6;\n display: none;\n border: none;\n left: 0;\n top: 0\n }\n}\n\n.ex-noty {\n margin-bottom: 10px !important;\n}","/*--6.7 switchery On/Off Switch / .switchery--*/\n/*\n *\n * Main stylesheet for Switchery.\n * http://abpetkov.github.io/switchery/\n *\n */\n/* Switchery defaults. */\n\n.switchery {\n background-color: #fff;\n border: 2px solid #dfdfdf;\n border-radius: 20px;\n cursor: pointer;\n display: inline-block;\n height: 30px;\n position: relative;\n vertical-align: middle;\n width: 50px;\n -moz-user-select: none;\n -khtml-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n box-sizing: content-box;\n background-clip: content-box;\n & > small {\n background: #fff;\n border-radius: 100%;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);\n height: 30px;\n position: absolute;\n top: 0;\n width: 30px;\n }\n}\n/* Switchery sizes. */\n\n.switchery-small {\n border-radius: 20px;\n height: 20px;\n width: 33px;\n & > small {\n height: 20px;\n width: 20px;\n }\n}\n\n.switchery-large {\n border-radius: 40px;\n height: 40px;\n width: 66px;\n & > small {\n height: 40px;\n width: 40px;\n }\n}","/*-- 6.8 No UI slider / .noUi-target --*/\n/* Functional styling;\n * These styles are required for noUiSlider to function.\n * You don't need to change these rules to apply your design.\n */\n\n.noUi-target,\n.noUi-target * {\n -webkit-touch-callout: none;\n -webkit-user-select: none;\n -ms-touch-action: none;\n -ms-user-select: none;\n -moz-user-select: none;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.noUi-target {\n position: relative;\n direction: ltr;\n}\n\n.noUi-base {\n width: 100%;\n height: 100%;\n position: relative;\n}\n\n.noUi-origin {\n position: absolute;\n right: 0;\n top: 0;\n left: 0;\n bottom: 0;\n}\n\n.noUi-handle {\n position: relative;\n z-index: 1;\n}\n\n.noUi-stacking .noUi-handle {\n /* This class is applied to the lower origin when\n its values is > 50%. */\n \n z-index: 10;\n}\n\n.noUi-stacking + .noUi-origin {\n /* Fix stacking order in IE7, which incorrectly\n creates a new context for the origins. */\n \n *z-index: -1;\n}\n\n.noUi-state-tap .noUi-origin {\n -webkit-transition: left 0.3s, top 0.3s;\n transition: left 0.3s, top 0.3s;\n}\n\n.noUi-state-drag * {\n cursor: inherit !important;\n}\n/* Painting and performance;\n * Browsers can paint handles in their own layer.\n */\n\n.noUi-base {\n -webkit-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n}\n/* Slider size and handle placement;\n */\n\n.noUi-horizontal {\n height: 4px;\n}\n\n.noUi-horizontal .noUi-handle {\n width: 20px;\n height: 20px;\n left: -17px;\n top: -8px;\n}\n\n.noUi-vertical {\n width: 4px;\n}\n\n.noUi-vertical .noUi-handle {\n width: 20px;\n height: 20px;\n left: -8px;\n top: -17px;\n}\n/* Styling;\n */\n\n.noUi-background {\n background-color: #eee;\n}\n\n.noUi-connect {\n background: #3FB8AF;\n -webkit-transition: background 450ms;\n transition: background 450ms;\n}\n\n.noUi-origin {\n border-radius: 0px;\n}\n\n.noUi-target {\n border-radius: 0px;\n background-color: #eee;\n}\n\n.noUi-target.noUi-connect {\n box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #BBB;\n}\n/* Handles and cursors;\n */\n\n.noUi-dragable {\n cursor: w-resize;\n}\n\n.noUi-vertical .noUi-dragable {\n cursor: n-resize;\n}\n\n.noUi-handle {\n border: 1px solid #D9D9D9;\n border-radius: 100%;\n background: #FFF;\n cursor: default;\n transform: scale(1, 1);\n -webkit-transform: scale(1, 1);\n -webkit-transition-property: transform;\n transition-property: transform;\n -webkit-transition-duration: 0.3s;\n transition-duration: 0.3s;\n -webkit-transition-timing-function: ease-out;\n transition-timing-function: ease-out;\n cursor: pointer;\n}\n\n.noUi-active {\n transform: scale(1.5, 1.5);\n -webkit-transform: scale(1.5, 1.5);\n -webkit-transition-property: transform;\n transition-property: transform;\n -webkit-transition-duration: 0.3s;\n transition-duration: 0.3s;\n -webkit-transition-timing-function: ease-out;\n transition-timing-function: ease-out;\n}\n/* Disabled state;\n */\n\n[disabled].noUi-connect,\n[disabled] .noUi-connect {\n background: #B8B8B8;\n}\n\n[disabled] .noUi-handle {\n cursor: not-allowed;\n}\n/* Base;\n *\n */\n\n.noUi-pips,\n.noUi-pips * {\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.noUi-pips {\n position: absolute;\n font: 400 12px Arial;\n color: #999;\n}\n/* Values;\n *\n */\n\n.noUi-value {\n width: 40px;\n position: absolute;\n text-align: center;\n}\n\n.noUi-value-sub {\n color: #ccc;\n font-size: 10px;\n}\n/* Markings;\n *\n */\n\n.noUi-marker {\n position: absolute;\n background: #CCC;\n}\n\n.noUi-marker-sub {\n background: #AAA;\n}\n\n.noUi-marker-large {\n background: #AAA;\n}\n/* Horizontal layout;\n *\n */\n\n.noUi-pips-horizontal {\n padding: 10px 0;\n height: 50px;\n top: 100%;\n left: 0;\n width: 100%;\n}\n\n.noUi-value-horizontal {\n margin-left: -20px;\n padding-top: 20px;\n}\n\n.noUi-value-horizontal.noUi-value-sub {\n padding-top: 15px;\n}\n\n.noUi-marker-horizontal.noUi-marker {\n margin-left: -1px;\n width: 1px;\n height: 5px;\n}\n\n.noUi-marker-horizontal.noUi-marker-sub {\n height: 10px;\n}\n\n.noUi-marker-horizontal.noUi-marker-large {\n height: 15px;\n}\n/* Vertical layout;\n *\n */\n\n.noUi-pips-vertical {\n padding: 0 10px;\n height: 100%;\n top: 0;\n left: 100%;\n}\n\n.noUi-value-vertical {\n width: 15px;\n margin-left: 20px;\n margin-top: -5px;\n}\n\n.noUi-marker-vertical.noUi-marker {\n width: 5px;\n height: 1px;\n margin-top: -1px;\n}\n\n.noUi-marker-vertical.noUi-marker-sub {\n width: 10px;\n}\n\n.noUi-marker-vertical.noUi-marker-large {\n width: 15px;\n}","/*-- 6.9 Sweet Alert / .sweet-alert --*/\n@import \"variables.less\";\n@import \"mixins.less\";\nbody.stop-scrolling {\n height: 100%;\n overflow: hidden;\n}\n\n.sweet-overlay {\n background-color: black;\n /* IE8 */\n \n -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)\";\n /* IE8 */\n \n background-color: rgba(0, 0, 0, 0.4);\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n display: none;\n z-index: 10000;\n}\n\n.sweet-alert {\n background-color: white;\n font-family: @secondaryFont;\n width: 478px;\n padding: 17px;\n border-radius: 4px;\n text-align: center;\n position: fixed;\n left: 50%;\n top: 50%;\n margin-left: -256px;\n margin-top: -200px;\n overflow: hidden;\n display: none;\n z-index: 99999;\n}\n\n@media all and (max-width: 540px) {\n .sweet-alert {\n width: auto;\n margin-left: 0;\n margin-right: 0;\n left: 15px;\n right: 15px;\n }\n}\n\n.sweet-alert h2 {\n color: #575757;\n font-size: 30px;\n text-align: center;\n font-weight: 300;\n text-transform: none;\n position: relative;\n margin: 20px 0;\n padding: 0;\n line-height: 40px;\n display: block;\n}\n\n.sweet-alert p {\n color: #797979;\n font-size: 14px;\n text-align: center;\n font-weight: 400;\n position: relative;\n text-align: inherit;\n float: none;\n margin: 0;\n padding: 0;\n line-height: normal;\n}\n\n.sweet-alert fieldset {\n border: none;\n position: relative;\n}\n\n.sweet-alert .sa-error-container {\n background-color: #ffebee;\n margin-left: -17px;\n margin-right: -17px;\n overflow: hidden;\n padding: 0 10px;\n max-height: 0;\n webkit-transition: padding 0.15s, max-height 0.15s;\n transition: padding 0.15s, max-height 0.15s;\n}\n\n.sweet-alert .sa-error-container.show {\n padding: 10px 0;\n max-height: 100px;\n webkit-transition: padding 0.2s, max-height 0.2s;\n transition: padding 0.25s, max-height 0.25s;\n}\n\n.sweet-alert .sa-error-container .icon {\n display: inline-block;\n width: 24px;\n height: 24px;\n border-radius: 50%;\n background-color: #ea7d7d;\n color: white;\n line-height: 24px;\n text-align: center;\n margin-right: 3px;\n}\n\n.sweet-alert .sa-error-container p {\n display: inline-block;\n}\n\n.sweet-alert .sa-input-error {\n position: absolute;\n top: 23px;\n right: 14px;\n width: 20px;\n height: 20px;\n opacity: 0;\n -webkit-transform: scale(0.5);\n transform: scale(0.5);\n -webkit-transform-origin: 50% 50%;\n transform-origin: 50% 50%;\n -webkit-transition: all 0.1s;\n transition: all 0.1s;\n}\n\n.sweet-alert .sa-input-error::before,\n.sweet-alert .sa-input-error::after {\n content: \"\";\n width: 20px;\n height: 6px;\n background-color: #f06e57;\n border-radius: 3px;\n position: absolute;\n top: 50%;\n margin-top: -4px;\n left: 50%;\n margin-left: -9px;\n}\n\n.sweet-alert .sa-input-error::before {\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n}\n\n.sweet-alert .sa-input-error::after {\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n\n.sweet-alert .sa-input-error.show {\n opacity: 1;\n -webkit-transform: scale(1);\n transform: scale(1);\n}\n\n.sweet-alert input {\n width: 100%;\n box-sizing: border-box;\n border-radius: 3px;\n border: 1px solid #d7d7d7;\n height: 43px;\n margin-top: 10px;\n margin-bottom: 17px;\n font-size: 18px;\n box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);\n padding: 0 12px;\n display: none;\n -webkit-transition: all 0.3s;\n transition: all 0.3s;\n}\n\n.sweet-alert input:focus {\n outline: none;\n box-shadow: 0px 0px 3px #c4e6f5;\n border: 1px solid #b4dbed;\n}\n\n.sweet-alert input:focus::-moz-placeholder {\n transition: opacity 0.3s 0.03s ease;\n opacity: 0.5;\n}\n\n.sweet-alert input:focus:-ms-input-placeholder {\n transition: opacity 0.3s 0.03s ease;\n opacity: 0.5;\n}\n\n.sweet-alert input:focus::-webkit-input-placeholder {\n transition: opacity 0.3s 0.03s ease;\n opacity: 0.5;\n}\n\n.sweet-alert input::-moz-placeholder {\n color: #bdbdbd;\n}\n\n.sweet-alert input:-ms-input-placeholder {\n color: #bdbdbd;\n}\n\n.sweet-alert input::-webkit-input-placeholder {\n color: #bdbdbd;\n}\n\n.sweet-alert.show-input input {\n display: block;\n}\n\n.sweet-alert button {\n background-color: #81d4fa;\n color: white;\n border: none;\n box-shadow: none;\n font-size: 17px;\n font-weight: 500;\n -webkit-border-radius: 4px;\n border-radius: 4px;\n padding: 10px 32px;\n margin: 26px 5px 0 5px;\n cursor: pointer;\n box-shadow: none !important;\n}\n\n.sweet-alert button:focus {\n outline: none;\n box-shadow: none !important;\n}\n\n.sweet-alert button:hover {\n background-color: #a1d9f2;\n}\n\n.sweet-alert button:active {\n background-color: #81ccee;\n}\n\n.sweet-alert button.cancel {\n background-color: #757575;\n}\n\n.sweet-alert button.cancel:hover {\n background-color: #616161;\n}\n\n.sweet-alert button.cancel:active {\n background-color: #b6b6b6;\n}\n\n.sweet-alert button.cancel:focus {\n box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;\n}\n\n.sweet-alert button::-moz-focus-inner {\n border: 0;\n}\n\n.sweet-alert[data-has-cancel-button=false] button {\n box-shadow: none !important;\n}\n\n.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {\n padding-bottom: 40px;\n}\n\n.sweet-alert .sa-icon {\n width: 80px;\n height: 80px;\n border: 4px solid gray;\n -webkit-border-radius: 40px;\n border-radius: 40px;\n border-radius: 50%;\n margin: 20px auto;\n padding: 0;\n position: relative;\n box-sizing: content-box;\n}\n\n.sweet-alert .sa-icon.sa-error {\n border-color: #F27474;\n}\n\n.sweet-alert .sa-icon.sa-error .sa-x-mark {\n position: relative;\n display: block;\n}\n\n.sweet-alert .sa-icon.sa-error .sa-line {\n position: absolute;\n height: 5px;\n width: 47px;\n background-color: #F27474;\n display: block;\n top: 37px;\n border-radius: 2px;\n}\n\n.sweet-alert .sa-icon.sa-error .sa-line.sa-left {\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n left: 17px;\n}\n\n.sweet-alert .sa-icon.sa-error .sa-line.sa-right {\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n right: 16px;\n}\n\n.sweet-alert .sa-icon.sa-warning {\n border-color: #F8BB86;\n}\n\n.sweet-alert .sa-icon.sa-warning .sa-body {\n position: absolute;\n width: 5px;\n height: 47px;\n left: 50%;\n top: 10px;\n -webkit-border-radius: 2px;\n border-radius: 2px;\n margin-left: -2px;\n background-color: #F8BB86;\n}\n\n.sweet-alert .sa-icon.sa-warning .sa-dot {\n position: absolute;\n width: 7px;\n height: 7px;\n -webkit-border-radius: 50%;\n border-radius: 50%;\n margin-left: -3px;\n left: 50%;\n bottom: 10px;\n background-color: #F8BB86;\n}\n\n.sweet-alert .sa-icon.sa-info {\n border-color: #C9DAE1;\n}\n\n.sweet-alert .sa-icon.sa-info::before {\n content: \"\";\n position: absolute;\n width: 5px;\n height: 29px;\n left: 50%;\n bottom: 17px;\n border-radius: 2px;\n margin-left: -2px;\n background-color: #C9DAE1;\n}\n\n.sweet-alert .sa-icon.sa-info::after {\n content: \"\";\n position: absolute;\n width: 7px;\n height: 7px;\n border-radius: 50%;\n margin-left: -3px;\n top: 19px;\n background-color: #C9DAE1;\n}\n\n.sweet-alert .sa-icon.sa-success {\n border-color: #A5DC86;\n}\n\n.sweet-alert .sa-icon.sa-success::before,\n.sweet-alert .sa-icon.sa-success::after {\n content: '';\n -webkit-border-radius: 40px;\n border-radius: 40px;\n border-radius: 50%;\n position: absolute;\n width: 60px;\n height: 120px;\n background: white;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n\n.sweet-alert .sa-icon.sa-success::before {\n -webkit-border-radius: 120px 0 0 120px;\n border-radius: 120px 0 0 120px;\n top: -7px;\n left: -33px;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n -webkit-transform-origin: 60px 60px;\n transform-origin: 60px 60px;\n}\n\n.sweet-alert .sa-icon.sa-success::after {\n -webkit-border-radius: 0 120px 120px 0;\n border-radius: 0 120px 120px 0;\n top: -11px;\n left: 30px;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n -webkit-transform-origin: 0px 60px;\n transform-origin: 0px 60px;\n}\n\n.sweet-alert .sa-icon.sa-success .sa-placeholder {\n width: 80px;\n height: 80px;\n border: 4px solid rgba(165, 220, 134, 0.2);\n -webkit-border-radius: 40px;\n border-radius: 40px;\n border-radius: 50%;\n box-sizing: content-box;\n position: absolute;\n left: -4px;\n top: -4px;\n z-index: 2;\n}\n\n.sweet-alert .sa-icon.sa-success .sa-fix {\n width: 5px;\n height: 90px;\n background-color: white;\n position: absolute;\n left: 28px;\n top: 8px;\n z-index: 1;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n}\n\n.sweet-alert .sa-icon.sa-success .sa-line {\n height: 5px;\n background-color: #A5DC86;\n display: block;\n border-radius: 2px;\n position: absolute;\n z-index: 2;\n}\n\n.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {\n width: 25px;\n left: 14px;\n top: 46px;\n -webkit-transform: rotate(45deg);\n transform: rotate(45deg);\n}\n\n.sweet-alert .sa-icon.sa-success .sa-line.sa-long {\n width: 47px;\n right: 8px;\n top: 38px;\n -webkit-transform: rotate(-45deg);\n transform: rotate(-45deg);\n}\n\n.sweet-alert .sa-icon.sa-custom {\n background-size: contain;\n border-radius: 0;\n border: none;\n background-position: center center;\n background-repeat: no-repeat;\n}\n/*\n * Animations\n */\n\n@-webkit-keyframes showSweetAlert {\n 0% {\n transform: scale(0.7);\n -webkit-transform: scale(0.7);\n }\n 45% {\n transform: scale(1.05);\n -webkit-transform: scale(1.05);\n }\n 80% {\n transform: scale(0.95);\n -webkit-transform: scale(0.95);\n }\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n}\n\n@keyframes showSweetAlert {\n 0% {\n transform: scale(0.7);\n -webkit-transform: scale(0.7);\n }\n 45% {\n transform: scale(1.05);\n -webkit-transform: scale(1.05);\n }\n 80% {\n transform: scale(0.95);\n -webkit-transform: scale(0.95);\n }\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n}\n\n@-webkit-keyframes hideSweetAlert {\n 0% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n 100% {\n transform: scale(0.5);\n -webkit-transform: scale(0.5);\n }\n}\n\n@keyframes hideSweetAlert {\n 0% {\n transform: scale(1);\n -webkit-transform: scale(1);\n }\n 100% {\n transform: scale(0.5);\n -webkit-transform: scale(0.5);\n }\n}\n\n@-webkit-keyframes slideFromTop {\n 0% {\n top: 0%;\n }\n 100% {\n top: 50%;\n }\n}\n\n@keyframes slideFromTop {\n 0% {\n top: 0%;\n }\n 100% {\n top: 50%;\n }\n}\n\n@-webkit-keyframes slideToTop {\n 0% {\n top: 50%;\n }\n 100% {\n top: 0%;\n }\n}\n\n@keyframes slideToTop {\n 0% {\n top: 50%;\n }\n 100% {\n top: 0%;\n }\n}\n\n@-webkit-keyframes slideFromBottom {\n 0% {\n top: 70%;\n }\n 100% {\n top: 50%;\n }\n}\n\n@keyframes slideFromBottom {\n 0% {\n top: 70%;\n }\n 100% {\n top: 50%;\n }\n}\n\n@-webkit-keyframes slideToBottom {\n 0% {\n top: 50%;\n }\n 100% {\n top: 70%;\n }\n}\n\n@keyframes slideToBottom {\n 0% {\n top: 50%;\n }\n 100% {\n top: 70%;\n }\n}\n\n.showSweetAlert[data-animation=pop] {\n -webkit-animation: showSweetAlert 0.3s;\n animation: showSweetAlert 0.3s;\n}\n\n.showSweetAlert[data-animation=none] {\n -webkit-animation: none;\n animation: none;\n}\n\n.showSweetAlert[data-animation=slide-from-top] {\n -webkit-animation: slideFromTop 0.3s;\n animation: slideFromTop 0.3s;\n}\n\n.showSweetAlert[data-animation=slide-from-bottom] {\n -webkit-animation: slideFromBottom 0.3s;\n animation: slideFromBottom 0.3s;\n}\n\n.hideSweetAlert[data-animation=pop] {\n -webkit-animation: hideSweetAlert 0.2s;\n animation: hideSweetAlert 0.2s;\n}\n\n.hideSweetAlert[data-animation=none] {\n -webkit-animation: none;\n animation: none;\n}\n\n.hideSweetAlert[data-animation=slide-from-top] {\n -webkit-animation: slideToTop 0.4s;\n animation: slideToTop 0.4s;\n}\n\n.hideSweetAlert[data-animation=slide-from-bottom] {\n -webkit-animation: slideToBottom 0.3s;\n animation: slideToBottom 0.3s;\n}\n\n@-webkit-keyframes animateSuccessTip {\n 0% {\n width: 0;\n left: 1px;\n top: 19px;\n }\n 54% {\n width: 0;\n left: 1px;\n top: 19px;\n }\n 70% {\n width: 50px;\n left: -8px;\n top: 37px;\n }\n 84% {\n width: 17px;\n left: 21px;\n top: 48px;\n }\n 100% {\n width: 25px;\n left: 14px;\n top: 45px;\n }\n}\n\n@keyframes animateSuccessTip {\n 0% {\n width: 0;\n left: 1px;\n top: 19px;\n }\n 54% {\n width: 0;\n left: 1px;\n top: 19px;\n }\n 70% {\n width: 50px;\n left: -8px;\n top: 37px;\n }\n 84% {\n width: 17px;\n left: 21px;\n top: 48px;\n }\n 100% {\n width: 25px;\n left: 14px;\n top: 45px;\n }\n}\n\n@-webkit-keyframes animateSuccessLong {\n 0% {\n width: 0;\n right: 46px;\n top: 54px;\n }\n 65% {\n width: 0;\n right: 46px;\n top: 54px;\n }\n 84% {\n width: 55px;\n right: 0px;\n top: 35px;\n }\n 100% {\n width: 47px;\n right: 8px;\n top: 38px;\n }\n}\n\n@keyframes animateSuccessLong {\n 0% {\n width: 0;\n right: 46px;\n top: 54px;\n }\n 65% {\n width: 0;\n right: 46px;\n top: 54px;\n }\n 84% {\n width: 55px;\n right: 0px;\n top: 35px;\n }\n 100% {\n width: 47px;\n right: 8px;\n top: 38px;\n }\n}\n\n@-webkit-keyframes rotatePlaceholder {\n 0% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n 5% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n 12% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n 100% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n}\n\n@keyframes rotatePlaceholder {\n 0% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n 5% {\n transform: rotate(-45deg);\n -webkit-transform: rotate(-45deg);\n }\n 12% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n 100% {\n transform: rotate(-405deg);\n -webkit-transform: rotate(-405deg);\n }\n}\n\n.animateSuccessTip {\n -webkit-animation: animateSuccessTip 0.75s;\n animation: animateSuccessTip 0.75s;\n}\n\n.animateSuccessLong {\n -webkit-animation: animateSuccessLong 0.75s;\n animation: animateSuccessLong 0.75s;\n}\n\n.sa-icon.sa-success.animate::after {\n -webkit-animation: rotatePlaceholder 4.25s ease-in;\n animation: rotatePlaceholder 4.25s ease-in;\n}\n\n@-webkit-keyframes animateErrorIcon {\n 0% {\n transform: rotateX(100deg);\n -webkit-transform: rotateX(100deg);\n opacity: 0;\n }\n 100% {\n transform: rotateX(0deg);\n -webkit-transform: rotateX(0deg);\n opacity: 1;\n }\n}\n\n@keyframes animateErrorIcon {\n 0% {\n transform: rotateX(100deg);\n -webkit-transform: rotateX(100deg);\n opacity: 0;\n }\n 100% {\n transform: rotateX(0deg);\n -webkit-transform: rotateX(0deg);\n opacity: 1;\n }\n}\n\n.animateErrorIcon {\n -webkit-animation: animateErrorIcon 0.5s;\n animation: animateErrorIcon 0.5s;\n}\n\n@-webkit-keyframes animateXMark {\n 0% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n 50% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n 80% {\n transform: scale(1.15);\n -webkit-transform: scale(1.15);\n margin-top: -6px;\n }\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n margin-top: 0;\n opacity: 1;\n }\n}\n\n@keyframes animateXMark {\n 0% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n 50% {\n transform: scale(0.4);\n -webkit-transform: scale(0.4);\n margin-top: 26px;\n opacity: 0;\n }\n 80% {\n transform: scale(1.15);\n -webkit-transform: scale(1.15);\n margin-top: -6px;\n }\n 100% {\n transform: scale(1);\n -webkit-transform: scale(1);\n margin-top: 0;\n opacity: 1;\n }\n}\n\n.animateXMark {\n -webkit-animation: animateXMark 0.5s;\n animation: animateXMark 0.5s;\n}\n\n@-webkit-keyframes pulseWarning {\n 0% {\n border-color: #F8D486;\n }\n 100% {\n border-color: #F8BB86;\n }\n}\n\n@keyframes pulseWarning {\n 0% {\n border-color: #F8D486;\n }\n 100% {\n border-color: #F8BB86;\n }\n}\n\n.pulseWarning {\n -webkit-animation: pulseWarning 0.75s infinite alternate;\n animation: pulseWarning 0.75s infinite alternate;\n}\n\n@-webkit-keyframes pulseWarningIns {\n 0% {\n background-color: #F8D486;\n }\n 100% {\n background-color: #F8BB86;\n }\n}\n\n@keyframes pulseWarningIns {\n 0% {\n background-color: #F8D486;\n }\n 100% {\n background-color: #F8BB86;\n }\n}\n\n.pulseWarningIns {\n -webkit-animation: pulseWarningIns 0.75s infinite alternate;\n animation: pulseWarningIns 0.75s infinite alternate;\n}\n/* Internet Explorer 9 has some special quirks that are fixed here */\n/* The icons are not animated. */\n/* This file is automatically merged into sweet-alert.min.js through Gulp */\n/* Error icon */\n\n.sweet-alert .sa-icon.sa-error .sa-line.sa-left {\n -ms-transform: rotate(45deg);\n}\n\n.sweet-alert .sa-icon.sa-error .sa-line.sa-right {\n -ms-transform: rotate(-45deg);\n}\n/* Success icon */\n\n.sweet-alert .sa-icon.sa-success {\n border-color: transparent;\n}\n\n.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {\n -ms-transform: rotate(45deg);\n}\n\n.sweet-alert .sa-icon.sa-success .sa-line.sa-long {\n -ms-transform: rotate(-45deg);\n}","@ThemeColor: #15bdc3;\n@BodyBg: #f5f5f5;\n@PrimaryTextColor: #454545;\n@SecondaryTextColor: #868686;\n@AltTextColor: #444;\n@IconicViewWidth: 60px;\n@TopBarHeight: 60px;\n\n// Top Bar\n@TopBarBgColor: #eceff1; // Top Bar Background Color\n@TopBarBoxShadow: 0 0 0px rgba(68,68,68,.2);\n@TopBarIconColor: #fff; // Top Bar Icons Color\n@TopBarIconHoverColor: #fff; // Top Bar Icons Hover Color\n@actionBtnBg: #78909c; // Top Bar Icons Background Color\n@actionBtnSize: 32px;\n@TopBarIconBg: @actionBtnBg;\n@TopBarIconHoverBg: @ThemeColor; // Top Bar Icons Background Hover Background\n@TopBarBottomBorder: #f1f1f1;\n\n// Top Bar Notifications\n@TopBarLinkColor: #444444; // Top Bar Link Color\n@TopBarLinkHoverColor: @ThemeColor; // Top Bar Link Hover Color\n@NotyBoubleBg: #fb8c00; // Notification Altert Background Background\n@AlertBubbleColor: @NotyBoubleBg;\n@NotyBoubleLink: #fff; // Notification Altert Text Color\n\n// User Nav\n@UserNavDropdownBorder: rgba(000,000,000,.1); // User Nav Border Color\n@UserNavDropdownActiveBorder: #e5e5e5; // User Nav Active Border Color\n\n//Right Sidebar\n@RightAsideWidth: 300px;\n@RightAsideBgColor: #F5f5f5; // Right Side Bar Background Color\n@RightAsideBrandingBg: @ThemeColor;\n@RightAsideTabBg: @RightAsideBgColor;\n@RightAsideTabLinkColor: #ffffff; // Right Side Bar Link Color\n@RightAsideTabLinkHoverColor: #f5f5f5; // Right Side Bar Link Hover Color\n\n//Widgets\n@WidgetRound: 0px;\n@WidgetBoxShadowInset: rgba(255,255,255,1); // Widget Header Box Shadow Inset\n@WidgetBorder: #eeeeee; // Widget Header Border\n@WidgetHeadBottomBorder: #eeeeee; // Widget Header Bottom Border\n@WidgetBg: #ffffff; // Widget Background Color\n@WidgetFontColor: #444444; // Widget Header Text Color\n@WidgetHeaderBg: #f9f9f9; // Widget Header Background Color\n@WidgetHeaderHieght: 46px;\n@WidgetHeaderTextColor: @WidgetFontColor;\n@WidgetHeaderTextSize: 14px;\n@OuterBoxShadow: 0 0 5px rgba(68,68,68,.05);\n\n//Tab Widget\n@MainTabBorderColor: @WidgetBorder;\n@TabSideBarWidth: 150px;\n@imagePath: ~\"../images/\";\n@primaryFont: 'Open Sans',sans-serif;\n@secondaryFont: 'Roboto', sans-serif;\n@PrimaryFontSize: 14px;\n\n// Left Bar\n@LeftAsideBgColor: #343843; // Left Bar Background Color\n@leftBarBrandingBg: @ThemeColor; // Left Bar Header Color\n@leftBarLinkColor: #9eadb3; // Left Bar Link Color\n@leftBarLinkHoverColor: @ThemeColor; // Left Bar Link Hover Color\n@leftBarListBg: #282c36; // Left Bar Link Background Color\n@LeftAsideWidth: 260px; // Left Bar Width\n@IconicDropdownBg: #333;\n@LightGreen: #00c853;\n\n//Inbox\n@InboxSidebarWidth: 200px;\n@InboxSidebarBg: #f1f1f1;\n@MailListWidth: 360px;\n@EmailListBg: #f9f9f9;\n@InboxToolbarHeight: 50px;\n@InboxToolbarBg: #fff;\n@InboxToolbarBorder: #eee;\n@MailBodyBg: #ccc;\n\n//iCheck \n@iCheckImagePath: ~\"../images/\";\n\n//Background Colors\n@green_block: #66bb6a;\n@blue_block: #26c6da;\n@orange_block: #c16a1c;\n@gray_block: #b5b5b5;\n@violet_block: #AB56E7;\n@tur_block: #26a69a;\n@brown_block: #4e342e;\n\n//Full Set Material Colors\n@cl_red: #ff8a80;\n@cl_pink: #ff80ab;\n@cl_purple: #ea80fc;\n@cl_deep_purple: #b388ff;\n@cl_indigo: #8c9eff;\n@cl_blue: #64b5f6;\n@cl_light_blue: #4fc3f7;\n@cl_cyan: #26c6da;\n@cl_teal: #26a69a;\n@cl_green: #66bb6a;\n@cl_light_green: #8bc34a;\n@cl_lime: #c0ca33;\n@cl_yellow: #fdd835;\n@cl_amber: #ffb300;\n@cl_orange: #fb8c00;\n@cl_deep_orange: #d84315;\n@cl_brown: #8d6e63;\n@cl_grey: #90a4ae;\n@cl_blue_grey: #546e7a;","@import \"variables.less\";\n@import \"mixins.less\";\n/*-- 6.10 MatMix Widgets --*/\n\n@WboxShadow: 0 0 5px rgba(68,\n68,\n68,\n.05);\n//Background Colors\n.w_bg_red {\n background-color: @cl_red !important;\n}\n\n.w_bg_pink {\n background-color: @cl_pink !important;\n}\n\n.w_bg_purple {\n background-color: @cl_purple !important;\n}\n\n.w_bg_deep_purple {\n background-color: @cl_deep_purple !important;\n}\n\n.w_bg_indigo {\n background-color: @cl_indigo !important;\n}\n\n.w_bg_blue {\n background-color: @cl_blue !important;\n}\n\n.w_bg_light_blue {\n background-color: @cl_light_blue !important;\n}\n\n.w_bg_cyan {\n background-color: @cl_cyan !important;\n}\n\n.w_bg_teal {\n background-color: @cl_teal !important;\n}\n\n.w_bg_green {\n background-color: @cl_green !important;\n}\n\n.w_bg_light_green {\n background-color: @cl_light_green !important;\n}\n\n.w_bg_lime {\n background-color: @cl_lime !important;\n}\n\n.w_bg_yellow {\n background-color: @cl_yellow !important;\n}\n\n.w_bg_amber {\n background-color: @cl_amber !important;\n}\n\n.w_bg_orange {\n background-color: @cl_orange !important;\n}\n\n.w_bg_deep_orange {\n background-color: @cl_deep_orange !important;\n}\n\n.w_bg_brown {\n background-color: @cl_brown !important;\n}\n\n.w_bg_grey {\n background-color: @cl_grey !important;\n}\n\n.w_bg_blue_grey {\n background-color: @cl_blue_grey !important;\n}\n\n.ca-center {\n text-align: center;\n}\n\n.right-light-border {\n border-right: #eee 1px solid;\n}\n\n.stat-w-bordered {\n border: #eee 1px solid;\n}\n\n.top-stat-box {\n @StatsBoxShadow: 0 0 5px rgba(68, 68, 68, .05);\n background-color: #fff;\n .box-shadow(@StatsBoxShadow);\n margin-left: -15px;\n margin-right: -15px;\n .row {\n margin-left: 0px !important;\n margin-right: 0px !important;\n }\n margin-bottom: 20px;\n border-bottom: #eee 1px solid;\n}\n\n.stat-w-wrap {\n padding-top: 20px;\n padding-bottom: 20px;\n .stat-w-title {\n text-transform: uppercase;\n display: block;\n margin-bottom: 20px;\n font-weight: 500;\n font-size: 12px;\n }\n}\n\n.ico-cirlce-widget {\n @WMainWidth: 80px;\n @WInnerWidth: 64px;\n @Wspacing: 8px;\n width: @WMainWidth;\n height: @WMainWidth;\n display: inline-block;\n .rounded(50%);\n .transition(.1s, ease-out);\n & > span {\n width: @WInnerWidth;\n height: @WInnerWidth;\n display: block;\n margin: @Wspacing;\n background-color: #fff;\n .rounded(50%);\n & > i {\n width: @WInnerWidth;\n height: @WInnerWidth;\n display: block;\n line-height: @WInnerWidth;\n text-align: center;\n font-size: 24px;\n color: #666;\n }\n }\n &:hover,\n &:focus {\n opacity: .8;\n text-decoration: none;\n .transition(.1s, ease-out);\n i {\n color: @ThemeColor;\n .transition(.1s, ease-out);\n }\n }\n}\n\n.w-meta-info {\n padding: 6px;\n & > span {\n display: block;\n }\n .w-meta-value {\n font-size: 20px;\n font-weight: 400;\n }\n .w-meta-title {\n font-size: 14px;\n font-weight: 400;\n color: #666;\n }\n .w-previos-stat {\n text-transform: uppercase;\n padding-top: 20px;\n margin-bottom: -5px;\n font-size: 12px;\n font-weight: 500;\n color: #666;\n border-top: #f1f1f1 1px solid;\n margin-top: 15px;\n margin-left: -22px;\n margin-right: -22px;\n }\n}\n\n.combine-stats {\n .w-previos-stat {\n padding-top: 20px !important;\n margin-top: 3px !important;\n margin-left: -36px;\n margin-right: -36px;\n }\n}\n\n.w-info-graph {\n background-color: #fff;\n .bordered(@WidgetBorder, @WidgetBorder, @WidgetBorder, @WidgetBorder);\n .box-shadow(@OuterBoxShadow);\n .rounded(@WidgetRound);\n margin-bottom: 20px;\n .w-info-chart {\n border-right: #eee 1px solid;\n padding: 20px 0px 20px 20px;\n position: relative;\n .chart-container {\n margin-left: -25px;\n margin-bottom: -25px;\n margin-right: -4px;\n }\n .w-info-chart-header {\n margin-left: 5px;\n margin-bottom: 20px;\n h2 {\n margin-top: 0px;\n margin-bottom: 3px;\n }\n p {\n color: #666;\n }\n }\n }\n .w-info-chart-meta {\n padding: 0px 20px 0px 0px;\n h2 {\n margin-bottom: 10px;\n }\n .info-meta-value {\n display: block;\n margin-bottom: 10px;\n font-size: 24px;\n color: #26a69a;\n }\n .w-meta-title {\n margin-bottom: 10px;\n display: block;\n color: #666;\n border-bottom: #eee 1px solid;\n padding-bottom: 6px;\n }\n }\n}\n\n.large-info-graph {\n background-color: #fff;\n border-bottom: #eee 1px solid;\n .box-shadow(@OuterBoxShadow);\n .w-info-chart {\n overflow: hidden;\n position: relative;\n margin-left: -15px;\n margin-right: -15px;\n .chart-container {\n margin-left: -15px;\n margin-bottom: -4px;\n margin-right: -15px;\n }\n .w-info-chart-header {\n padding: 20px;\n h2 {\n margin-top: 0px;\n margin-bottom: 3px;\n }\n p {\n color: #666;\n }\n .info-meta-value {\n display: block;\n margin-bottom: 0px;\n font-size: 16px;\n color: #26a69a;\n }\n #ocean-flot-legend {\n padding-top: 12px;\n }\n }\n }\n .w-info-chart-meta {\n padding: 0px 20px 0px 10px;\n h2 {\n margin-bottom: 10px;\n }\n .info-meta-value {\n display: block;\n margin-bottom: 10px;\n font-size: 24px;\n color: #26a69a;\n }\n .w-meta-title {\n margin-bottom: 10px;\n display: block;\n color: #666;\n border-bottom: #eee 1px solid;\n padding-bottom: 6px;\n }\n }\n}\n\n.top-negative-margin {\n margin-top: -20px;\n}\n\n.mini-chart-list {\n margin-bottom: 20px;\n text-align: center;\n .chart-sub-title {\n display: block;\n color: #666;\n }\n ul {\n padding: 0px;\n margin: 0px;\n list-style: none;\n li {\n display: inline-block;\n padding: 0px 20px;\n }\n }\n}\n\n.easypie-list {\n padding: 20px;\n text-align: center;\n .chart-sub-title {\n display: block;\n color: #666;\n padding-top: 6px;\n }\n ul {\n padding: 0px;\n margin: 0px;\n list-style: none;\n li {\n display: inline-block;\n padding: 0px 20px;\n }\n }\n}\n\n.bar-chart-container {\n text-align: center;\n}\n\n// For Animated Number\n.w-currency {\n .w-meta-value {\n &:before {\n content: \"$\";\n display: inline-block;\n }\n }\n}\n\n.full-block-chart {\n position: relative;\n bottom: 0px;\n}\n\n#weekly-earning {\n height: 180px;\n width: 100%;\n}\n#colored-line-chart{\n height: 180px;\n width: 100%;\n}\n\n//Calendar\n.calendar-toolbar {\n * {\n .rounded(0px);\n }\n padding: 20px;\n background-color: #f9f9f9;\n border-bottom: #eee 1px solid;\n margin-bottom: 20px;\n .btn {\n font-weight: 400;\n }\n}\n\n.select-cal-view {\n text-align: center;\n margin-bottom: 20px;\n a, .btn {\n text-transform: uppercase;\n &:hover, &:focus {\n text-decoration: none;\n }\n }\n}\n\n.box-widget {\n .fc-view-container {\n .fc-widget-header {\n &:first-child {\n border-left: 0px;\n }\n &:last-child {\n border-right: 0px;\n }\n tr {\n th {\n padding: 15px 0px;\n background-color: #f5f5f5;\n }\n }\n }\n tbody {\n tr {\n &:last-child {\n td {\n border-bottom: 0px;\n }\n }\n td {\n &:first-child {\n border-left: 0px;\n }\n &:last-child {\n border-right: 0px;\n }\n }\n }\n }\n .popover {\n .rounded(0px);\n }\n }\n .fc-toolbar {\n margin-bottom: 20px;\n }\n}\n\n//Contact Widget List\n.w-contact-list {\n .w-contact-list-item {\n .transition(.1s, ease-out);\n display: table;\n width: 100%;\n padding: 15px;\n border-bottom: #eee 1px solid;\n a {\n &:hover, &:focus {\n text-decoration: none;\n }\n }\n &:last-child {\n margin-bottom: 0px;\n }\n &> div {\n display: table-cell;\n vertical-align: middle;\n }\n h4 {\n margin-top: 0px;\n font-size: 14px;\n font-weight: 400;\n a {\n color: #444;\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n }\n }\n }\n .w-contact-thumbnail {\n width: 60px;\n img {\n width: 60px;\n height: 60px;\n .rounded(100%);\n }\n padding-right: 15px;\n }\n .w-contact-info {\n padding: 0px 15px 0px 0px;\n }\n .w-contact-action {\n width: 30px;\n &> a {\n width: 30px;\n height: 30px;\n border: #eee 1px solid;\n line-height: 28px;\n display: inline-block;\n text-align: center;\n color: #888;\n .transition(.1s, ease-out);\n &:first-child {\n border-bottom: 0px;\n }\n & > i {\n text-align: center;\n }\n &:hover,\n &:focus {\n background-color: #fff;\n color: @ThemeColor;\n .transition(.1s, ease-out);\n }\n }\n }\n .user-contact-card {\n &> a {\n width: 30px;\n height: 30px;\n line-height: 28px;\n display: inline-block;\n border: #e5e5e5 1px solid;\n text-align: center;\n margin-right: 6px;\n color: #888;\n .transition(.1s, ease-out);\n .rounded(30px);\n & > i {\n display: inline-block;\n }\n &:hover,\n &:focus {\n background-color: @ThemeColor;\n color: #fff;\n border: @ThemeColor 1px solid;\n .transition(.1s, ease-out);\n }\n }\n }\n &:hover,\n &:focus {\n background-color: #f5f5f5;\n .transition(.1s, ease-out);\n }\n }\n}\n\n//User Widget\n.w-user-list {\n .w-user-list-item {\n .transition(.1s, ease-out);\n display: table;\n width: 100%;\n padding: 15px 15px;\n border-bottom: #eee 1px solid;\n a {\n &:hover, &:focus {\n text-decoration: none;\n }\n }\n &:last-child {\n margin-bottom: 0px;\n }\n &> div {\n display: table-cell;\n vertical-align: middle;\n }\n h4 {\n margin-top: 0px;\n font-size: 14px;\n font-weight: 400;\n a {\n color: #444;\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n }\n }\n }\n .w-user-thumbnail {\n width: 48px;\n img {\n width: 48px;\n height: 48px;\n .rounded(100%);\n }\n padding-right: 15px;\n }\n .w-user-info {\n padding: 0px 15px 0px 0px;\n ul {\n margin: 0px;\n padding: 0px;\n li {\n list-style: none;\n a {\n font-weight: 500;\n .label {\n position: relative;\n top: -1px;\n font-weight: 500;\n font-size: 11px;\n color: #fff;\n }\n color: #444;\n &:hover,\n &:focus {\n text-decoration: none;\n color: @ThemeColor;\n }\n }\n span {\n padding-left: 6px;\n color: #666;\n }\n }\n }\n }\n .w-user-action {\n width: 30px;\n &> a {\n width: 30px;\n height: 30px;\n border: #eee 1px solid;\n line-height: 28px;\n display: inline-block;\n text-align: center;\n color: #888;\n margin-bottom: -1px;\n .transition(.1s, ease-out);\n & > i {\n text-align: center;\n }\n &:hover,\n &:focus {\n background-color: #fff;\n color: @ThemeColor;\n .transition(.1s, ease-out);\n }\n }\n }\n .user-user-card {\n &> a {\n width: 30px;\n height: 30px;\n line-height: 28px;\n display: inline-block;\n border: #e5e5e5 1px solid;\n text-align: center;\n margin-right: 6px;\n color: #888;\n .transition(.1s, ease-out);\n .rounded(30px);\n & > i {\n display: inline-block;\n }\n &:hover,\n &:focus {\n background-color: @ThemeColor;\n color: #fff;\n border: @ThemeColor 1px solid;\n .transition(.1s, ease-out);\n }\n }\n }\n &:hover,\n &:focus {\n background-color: #f5f5f5;\n .transition(.1s, ease-out);\n }\n }\n}\n\n//Order List\n.w-order-list {\n margin-bottom: 0px;\n .label {\n font-size: 12px;\n font-weight: 500;\n position: relative;\n top: -1px;\n }\n thead {\n tr {\n th {\n padding: 13px 15px;\n }\n }\n }\n tbody {\n tr {\n td {\n padding: 12px 15px;\n }\n }\n }\n}\n\n//Iconic Widgets\n.iconic-w-wrap {\n padding: 20px;\n margin-bottom: 20px;\n background-color: #fff;\n border: #eee 1px solid;\n text-align: center;\n .box-shadow(@WboxShadow);\n .stat-w-title {\n text-transform: uppercase;\n display: block;\n margin-bottom: 20px;\n font-weight: 500;\n font-size: 12px;\n }\n}\n\n.iconic-w-horizontal {\n @wIconWidth: 60px;\n background-color: #fff;\n .box-shadow(@WboxShadow);\n display: table;\n width: 100%;\n padding: 20px;\n border: #eee 1px solid;\n .ico-cirlce-widget {\n display: table-cell;\n vertical-align: middle;\n width: @wIconWidth;\n }\n .w-meta-info {\n display: table-cell;\n vertical-align: middle;\n padding-left: 20px;\n .w-meta-title {\n font-size: 14px;\n padding-top: 8px;\n }\n }\n margin-bottom: 20px;\n .ico-block {\n width: @wIconWidth;\n height: @wIconWidth;\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n font-size: 24px;\n color: #444;\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n }\n }\n}\n\n.light-text {\n border: rgba(000, 000, 000, .05) 1px solid;\n .ico-block {\n color: #fff;\n font-size: 30px;\n text-shadow: 0 1px 0px rgba(000, 000, 000, .2);\n &:hover, &:focus {\n text-decoration: none;\n color: #fff;\n }\n }\n .w-meta-title {\n padding-top: 0px !important;\n color: #fff;\n text-shadow: 0 1px 0px rgba(000, 000, 000, .2);\n }\n color:#fff;\n text-shadow: 0 1px 0px rgba(000,\n 000,\n 000,\n .2);\n .w-meta-value {\n font-size: 28px;\n font-weight: 300;\n }\n}\n\n//Mini Stats Widgets\n.mini-stats-widget {\n text-align: center;\n margin-bottom: 20px;\n background-color: #fff;\n .box-shadow(@WboxShadow);\n border: #eee 1px solid;\n .mini-stats-top {\n padding: 20px;\n & > span {\n display: block;\n text-align: center;\n }\n }\n .mini-stats-bottom {\n border-top: #eee 1px solid;\n color: #777;\n padding: 12px 10px;\n text-align: center;\n i {\n position: relative;\n top: 1px;\n }\n background-color: #f9f9f9;\n }\n &.full-block-mini-chart {\n .mini-stats-bottom {\n border-top: 0px !important;\n color: #fff;\n position: relative;\n margin-top: -1px;\n z-index: 1000;\n }\n }\n .mini-stats-value {\n font-size: 24px;\n font-weight: 300;\n }\n .mini-stats-label {\n padding-top: 5px;\n font-size: 14px;\n font-weight: 400;\n color: #777;\n }\n .mini-stats-chart {\n margin-top: -20px;\n }\n}\n\n//Charts\n#multiaxis-flot {\n width: 100%;\n height: 300px;\n text-align: center;\n margin: 0 auto;\n}\n\n#ocean-flot {\n width: 100%;\n height: 300px;\n}\n\n#multiline-flot {\n width: 100%;\n height: 180px;\n}\n\n#multispline-flot {\n width: 100%;\n height: 180px;\n}\n\n#main-chart {\n width: 100%;\n height: 300px;\n}\n\n#main-chart-legend {\n margin-bottom: 20px;\n margin-left: 20px;\n .legendColorBox {\n & > div {\n border: 0px !important;\n & > div {\n width: 14px !important;\n height: 12px !important;\n border-width: 7px !important;\n .rounded(14px);\n }\n }\n }\n .legendLabel {\n font-size: 12px;\n font-family: @primaryFont;\n padding-left: 5px;\n padding-right: 10px;\n }\n}\n\n#ocean-flot-legend {\n margin-bottom: 20px;\n margin-left: 0px;\n tbody {\n tr {\n padding: 6px 0px !important;\n }\n }\n .legendColorBox {\n & > div {\n border: 0px !important;\n & > div {\n width: 14px !important;\n height: 12px !important;\n border-width: 7px !important;\n .rounded(3px);\n }\n }\n }\n .legendLabel {\n font-size: 14px;\n font-family: @primaryFont;\n padding-left: 5px;\n padding-right: 10px;\n }\n}\n\n#pie-chart {\n width: 100%;\n height: 300px;\n}\n\n#pie-chart-legend {\n margin-bottom: 20px;\n margin-left: 20px;\n .legendColorBox {\n & > div {\n border: 0px !important;\n & > div {\n width: 14px !important;\n height: 12px !important;\n border-width: 7px !important;\n .rounded(14px);\n }\n }\n }\n .legendLabel {\n font-size: 12px;\n font-family: @primaryFont;\n padding-left: 5px;\n padding-right: 10px;\n }\n}\n\n#main-line-chart {\n width: 100%;\n height: 250px;\n}\n\n#line-chart-legend {\n margin-bottom: 20px;\n margin-left: 20px;\n .legendColorBox {\n & > div {\n border: 0px !important;\n & > div {\n width: 14px !important;\n height: 12px !important;\n border-width: 7px !important;\n .rounded(14px);\n }\n }\n }\n .legendLabel {\n font-size: 12px;\n font-family: @primaryFont;\n padding-left: 5px;\n padding-right: 10px;\n }\n}\n\n#realtime-chart {\n width: 100%;\n height: 250px;\n}\n\n#reatime-chart-legend {\n margin-bottom: 20px;\n margin-left: 20px;\n .legendColorBox {\n & > div {\n border: 0px !important;\n & > div {\n width: 14px !important;\n height: 12px !important;\n border-width: 7px !important;\n .rounded(14px);\n }\n }\n }\n .legendLabel {\n font-size: 12px;\n font-family: @primaryFont;\n padding-left: 5px;\n padding-right: 10px;\n }\n}\n\n.colored-bar {\n background-color: #009688;\n .w-meta-value {\n color: rgba(255, 255, 255, .9);\n }\n .stat-w-title,\n .w-meta-title,\n .w-previos-stat {\n color: rgba(255, 255, 255, .7);\n }\n}\n\n.border-none {\n border: 0px !important;\n}\n\n//Custom Legend\n.custom-legend {\n padding: 10px;\n .legendLabel {\n font-size: 14px;\n font-family: @primaryFont;\n padding-left: 5px;\n padding-right: 10px;\n }\n}\n\n.StatsFlotTip {\n padding: 6px 10px !important;\n border: #26a69a 1px solid !important;\n background-color: #fff !important;\n .rounded(0px) !important;\n font-size: 12px !important;\n}\n\n.MainFlotTip {\n padding: 6px 10px !important;\n border: rgba(000, 000, 000, .1) 1px solid !important;\n background-color: rgba(255, 255, 255, .9) !important;\n .rounded(0px) !important;\n font-size: 12px !important;\n color: #444 !important;\n font-size: 12px !important;\n h5 {\n margin-top: 0px;\n border-bottom: #e5e5e5 1px solid;\n margin-left: -10px;\n margin-right: -10px;\n padding: 0px 10px 8px 10px;\n margin-bottom: 6px;\n font-size: 16px;\n font-weight: 400;\n }\n}","/*!\n * FullCalendar v2.3.2 Stylesheet\n * Docs & License: http://fullcalendar.io/\n * (c) 2015 Adam Shaw\n */\n\n\n.fc {\n\tdirection: ltr;\n\ttext-align: left;\n}\n\n.fc-rtl {\n\ttext-align: right;\n}\n\nbody .fc { /* extra precedence to overcome jqui */\n\tfont-size: 1em;\n}\n\n\n/* Colors\n--------------------------------------------------------------------------------------------------*/\n\n.fc-unthemed th,\n.fc-unthemed td,\n.fc-unthemed thead,\n.fc-unthemed tbody,\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-row,\n.fc-unthemed .fc-popover {\n\tborder-color: #ddd;\n}\n\n.fc-unthemed .fc-popover {\n\tbackground-color: #fff;\n}\n\n.fc-unthemed .fc-divider,\n.fc-unthemed .fc-popover .fc-header {\n\tbackground: #eee;\n}\n\n.fc-unthemed .fc-popover .fc-header .fc-close {\n\tcolor: #666;\n}\n\n.fc-unthemed .fc-today {\n\tbackground: #fcf8e3;\n}\n\n.fc-highlight { /* when user is selecting cells */\n\tbackground: #bce8f1;\n\topacity: .3;\n\tfilter: alpha(opacity=30); /* for IE */\n}\n\n.fc-bgevent { /* default look for background events */\n\tbackground: rgb(143, 223, 130);\n\topacity: .3;\n\tfilter: alpha(opacity=30); /* for IE */\n}\n\n.fc-nonbusiness { /* default look for non-business-hours areas */\n\t/* will inherit .fc-bgevent's styles */\n\tbackground: #d7d7d7;\n}\n\n\n/* Icons (inline elements with styled text that mock arrow icons)\n--------------------------------------------------------------------------------------------------*/\n\n.fc-icon {\n\tdisplay: inline-block;\n\twidth: 1em;\n\theight: 1em;\n\tline-height: 1em;\n\tfont-size: 1em;\n\ttext-align: center;\n\toverflow: hidden;\n\tfont-family: \"Courier New\", Courier, monospace;\n\n\t/* don't allow browser text-selection */\n\t-webkit-touch-callout: none;\n\t-webkit-user-select: none;\n\t-khtml-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n\t}\n\n/*\nAcceptable font-family overrides for individual icons:\n\t\"Arial\", sans-serif\n\t\"Times New Roman\", serif\n\nNOTE: use percentage font sizes or else old IE chokes\n*/\n\n.fc-icon:after {\n\tposition: relative;\n\tmargin: 0 -1em; /* ensures character will be centered, regardless of width */\n}\n\n.fc-icon-left-single-arrow:after {\n\tcontent: \"\\02039\";\n\tfont-weight: bold;\n\tfont-size: 200%;\n\ttop: -7%;\n\tleft: 3%;\n}\n\n.fc-icon-right-single-arrow:after {\n\tcontent: \"\\0203A\";\n\tfont-weight: bold;\n\tfont-size: 200%;\n\ttop: -7%;\n\tleft: -3%;\n}\n\n.fc-icon-left-double-arrow:after {\n\tcontent: \"\\000AB\";\n\tfont-size: 160%;\n\ttop: -7%;\n}\n\n.fc-icon-right-double-arrow:after {\n\tcontent: \"\\000BB\";\n\tfont-size: 160%;\n\ttop: -7%;\n}\n\n.fc-icon-left-triangle:after {\n\tcontent: \"\\25C4\";\n\tfont-size: 125%;\n\ttop: 3%;\n\tleft: -2%;\n}\n\n.fc-icon-right-triangle:after {\n\tcontent: \"\\25BA\";\n\tfont-size: 125%;\n\ttop: 3%;\n\tleft: 2%;\n}\n\n.fc-icon-down-triangle:after {\n\tcontent: \"\\25BC\";\n\tfont-size: 125%;\n\ttop: 2%;\n}\n\n.fc-icon-x:after {\n\tcontent: \"\\000D7\";\n\tfont-size: 200%;\n\ttop: 6%;\n}\n\n\n/* Buttons (styled
tags, normalized to work cross-browser)\n--------------------------------------------------------------------------------------------------*/\n\n.fc button {\n\t/* force height to include the border and padding */\n\t-moz-box-sizing: border-box;\n\t-webkit-box-sizing: border-box;\n\tbox-sizing: border-box;\n\n\t/* dimensions */\n\tmargin: 0;\n\theight: 2.1em;\n\tpadding: 0 .6em;\n\n\t/* text & cursor */\n\tfont-size: 1em; /* normalize */\n\twhite-space: nowrap;\n\tcursor: pointer;\n}\n\n/* Firefox has an annoying inner border */\n.fc button::-moz-focus-inner { margin: 0; padding: 0; }\n\t\n.fc-state-default { /* non-theme */\n\tborder: 1px solid;\n}\n\n.fc-state-default.fc-corner-left { /* non-theme */\n\tborder-top-left-radius: 4px;\n\tborder-bottom-left-radius: 4px;\n}\n\n.fc-state-default.fc-corner-right { /* non-theme */\n\tborder-top-right-radius: 4px;\n\tborder-bottom-right-radius: 4px;\n}\n\n/* icons in buttons */\n\n.fc button .fc-icon { /* non-theme */\n\tposition: relative;\n\ttop: -0.05em; /* seems to be a good adjustment across browsers */\n\tmargin: 0 .2em;\n\tvertical-align: middle;\n}\n\t\n/*\n button states\n borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)\n*/\n\n.fc-state-default {\n\tbackground-color: #f5f5f5;\n\tbackground-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);\n\tbackground-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));\n\tbackground-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);\n\tbackground-image: -o-linear-gradient(top, #ffffff, #e6e6e6);\n\tbackground-image: linear-gradient(to bottom, #ffffff, #e6e6e6);\n\tbackground-repeat: repeat-x;\n\tborder-color: #e6e6e6 #e6e6e6 #bfbfbf;\n\tborder-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);\n\tcolor: #333;\n\ttext-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);\n\tbox-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.fc-state-hover,\n.fc-state-down,\n.fc-state-active,\n.fc-state-disabled {\n\tcolor: #333333;\n\tbackground-color: #e6e6e6;\n}\n\n.fc-state-hover {\n\tcolor: #333333;\n\ttext-decoration: none;\n\tbackground-position: 0 -15px;\n\t-webkit-transition: background-position 0.1s linear;\n\t -moz-transition: background-position 0.1s linear;\n\t -o-transition: background-position 0.1s linear;\n\t transition: background-position 0.1s linear;\n}\n\n.fc-state-down,\n.fc-state-active {\n\tbackground-color: #cccccc;\n\tbackground-image: none;\n\tbox-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);\n}\n\n.fc-state-disabled {\n\tcursor: default;\n\tbackground-image: none;\n\topacity: 0.65;\n\tfilter: alpha(opacity=65);\n\tbox-shadow: none;\n}\n\n\n/* Buttons Groups\n--------------------------------------------------------------------------------------------------*/\n\n.fc-button-group {\n\tdisplay: inline-block;\n}\n\n/*\nevery button that is not first in a button group should scootch over one pixel and cover the\nprevious button's border...\n*/\n\n.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */\n\tfloat: left;\n\tmargin: 0 0 0 -1px;\n}\n\n.fc .fc-button-group > :first-child { /* same */\n\tmargin-left: 0;\n}\n\n\n/* Popover\n--------------------------------------------------------------------------------------------------*/\n\n.fc-popover {\n\tposition: absolute;\n\tbox-shadow: 0 2px 6px rgba(0,0,0,.15);\n}\n\n.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */\n\tpadding: 2px 4px;\n}\n\n.fc-popover .fc-header .fc-title {\n\tmargin: 0 2px;\n}\n\n.fc-popover .fc-header .fc-close {\n\tcursor: pointer;\n}\n\n.fc-ltr .fc-popover .fc-header .fc-title,\n.fc-rtl .fc-popover .fc-header .fc-close {\n\tfloat: left;\n}\n\n.fc-rtl .fc-popover .fc-header .fc-title,\n.fc-ltr .fc-popover .fc-header .fc-close {\n\tfloat: right;\n}\n\n/* unthemed */\n\n.fc-unthemed .fc-popover {\n\tborder-width: 1px;\n\tborder-style: solid;\n}\n\n.fc-unthemed .fc-popover .fc-header .fc-close {\n\tfont-size: .9em;\n\tmargin-top: 2px;\n}\n\n/* jqui themed */\n\n.fc-popover > .ui-widget-header + .ui-widget-content {\n\tborder-top: 0; /* where they meet, let the header have the border */\n}\n\n\n/* Misc Reusable Components\n--------------------------------------------------------------------------------------------------*/\n\n.fc-divider {\n\tborder-style: solid;\n\tborder-width: 1px;\n}\n\nhr.fc-divider {\n\theight: 0;\n\tmargin: 0;\n\tpadding: 0 0 2px; /* height is unreliable across browsers, so use padding */\n\tborder-width: 1px 0;\n}\n\n.fc-clear {\n\tclear: both;\n}\n\n.fc-bg,\n.fc-bgevent-skeleton,\n.fc-highlight-skeleton,\n.fc-helper-skeleton {\n\t/* these element should always cling to top-left/right corners */\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n}\n\n.fc-bg {\n\tbottom: 0; /* strech bg to bottom edge */\n}\n\n.fc-bg table {\n\theight: 100%; /* strech bg to bottom edge */\n}\n\n\n/* Tables\n--------------------------------------------------------------------------------------------------*/\n\n.fc table {\n\twidth: 100%;\n\ttable-layout: fixed;\n\tborder-collapse: collapse;\n\tborder-spacing: 0;\n\tfont-size: 1em; /* normalize cross-browser */\n}\n\n.fc th {\n\ttext-align: center;\n}\n\n.fc th,\n.fc td {\n\tborder-style: solid;\n\tborder-width: 1px;\n\tpadding: 0;\n\tvertical-align: top;\n}\n\n.fc td.fc-today {\n\tborder-style: double; /* overcome neighboring borders */\n}\n\n\n/* Fake Table Rows\n--------------------------------------------------------------------------------------------------*/\n\n.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */\n\t/* no visible border by default. but make available if need be (scrollbar width compensation) */\n\tborder-style: solid;\n\tborder-width: 0;\n}\n\n.fc-row table {\n\t/* don't put left/right border on anything within a fake row.\n\t the outer tbody will worry about this */\n\tborder-left: 0 hidden transparent;\n\tborder-right: 0 hidden transparent;\n\n\t/* no bottom borders on rows */\n\tborder-bottom: 0 hidden transparent; \n}\n\n.fc-row:first-child table {\n\tborder-top: 0 hidden transparent; /* no top border on first row */\n}\n\n\n/* Day Row (used within the header and the DayGrid)\n--------------------------------------------------------------------------------------------------*/\n\n.fc-row {\n\tposition: relative;\n}\n\n.fc-row .fc-bg {\n\tz-index: 1;\n}\n\n/* highlighting cells & background event skeleton */\n\n.fc-row .fc-bgevent-skeleton,\n.fc-row .fc-highlight-skeleton {\n\tbottom: 0; /* stretch skeleton to bottom of row */\n}\n\n.fc-row .fc-bgevent-skeleton table,\n.fc-row .fc-highlight-skeleton table {\n\theight: 100%; /* stretch skeleton to bottom of row */\n}\n\n.fc-row .fc-highlight-skeleton td,\n.fc-row .fc-bgevent-skeleton td {\n\tborder-color: transparent;\n}\n\n.fc-row .fc-bgevent-skeleton {\n\tz-index: 2;\n\n}\n\n.fc-row .fc-highlight-skeleton {\n\tz-index: 3;\n}\n\n/*\nrow content (which contains day/week numbers and events) as well as \"helper\" (which contains\ntemporary rendered events).\n*/\n\n.fc-row .fc-content-skeleton {\n\tposition: relative;\n\tz-index: 4;\n\tpadding-bottom: 2px; /* matches the space above the events */\n}\n\n.fc-row .fc-helper-skeleton {\n\tz-index: 5;\n}\n\n.fc-row .fc-content-skeleton td,\n.fc-row .fc-helper-skeleton td {\n\t/* see-through to the background below */\n\tbackground: none; /* in case s are globally styled */\n\tborder-color: transparent;\n\n\t/* don't put a border between events and/or the day number */\n\tborder-bottom: 0;\n}\n\n.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */\n.fc-row .fc-helper-skeleton tbody td {\n\t/* don't put a border between event cells */\n\tborder-top: 0;\n}\n\n\n/* Scrolling Container\n--------------------------------------------------------------------------------------------------*/\n\n.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */\n\toverflow-y: scroll;\n\toverflow-x: hidden;\n}\n\n.fc-scroller > * { /* we expect an immediate inner element */\n\tposition: relative; /* re-scope all positions */\n\twidth: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */\n\toverflow: hidden; /* don't let negative margins or absolute positioning create further scroll */\n}\n\n\n/* Global Event Styles\n--------------------------------------------------------------------------------------------------*/\n\n.fc-event {\n\tposition: relative; /* for resize handle and other inner positioning */\n\tdisplay: block; /* make the tag block */\n\tfont-size: 12px;\n\tline-height: 1.3;\n\tborder-radius: 3px;\n\tborder: 1px solid #3a87ad; /* default BORDER color */\n\tbackground-color: #3a87ad; /* default BACKGROUND color */\n\tfont-weight: normal; /* undo jqui's ui-widget-header bold */\n}\n\n/* overpower some of bootstrap's and jqui's styles on tags */\n.fc-event,\n.fc-event:hover,\n.ui-widget .fc-event {\n\tcolor: #fff; /* default TEXT color */\n\ttext-decoration: none; /* if has an href */\n}\n\n.fc-event[href],\n.fc-event.fc-draggable {\n\tcursor: pointer; /* give events with links and draggable events a hand mouse pointer */\n}\n\n.fc-not-allowed, /* causes a \"warning\" cursor. applied on body */\n.fc-not-allowed .fc-event { /* to override an event's custom cursor */\n\tcursor: not-allowed;\n}\n\n.fc-event .fc-bg { /* the generic .fc-bg already does position */\n\tz-index: 1;\n\tbackground: #fff;\n\topacity: .25;\n\tfilter: alpha(opacity=25); /* for IE */\n}\n\n.fc-event .fc-content {\n\tposition: relative;\n\tz-index: 2;\n}\n\n.fc-event .fc-resizer {\n\tposition: absolute;\n\tz-index: 3;\n}\n\n\n/* Horizontal Events\n--------------------------------------------------------------------------------------------------*/\n\n/* events that are continuing to/from another week. kill rounded corners and butt up against edge */\n\n.fc-ltr .fc-h-event.fc-not-start,\n.fc-rtl .fc-h-event.fc-not-end {\n\tmargin-left: 0;\n\tborder-left-width: 0;\n\tpadding-left: 1px; /* replace the border with padding */\n\tborder-top-left-radius: 0;\n\tborder-bottom-left-radius: 0;\n}\n\n.fc-ltr .fc-h-event.fc-not-end,\n.fc-rtl .fc-h-event.fc-not-start {\n\tmargin-right: 0;\n\tborder-right-width: 0;\n\tpadding-right: 1px; /* replace the border with padding */\n\tborder-top-right-radius: 0;\n\tborder-bottom-right-radius: 0;\n}\n\n/* resizer */\n\n.fc-h-event .fc-resizer { /* positioned it to overcome the event's borders */\n\ttop: -1px;\n\tbottom: -1px;\n\tleft: -1px;\n\tright: -1px;\n\twidth: 5px;\n}\n\n/* left resizer */\n.fc-ltr .fc-h-event .fc-start-resizer,\n.fc-ltr .fc-h-event .fc-start-resizer:before,\n.fc-ltr .fc-h-event .fc-start-resizer:after,\n.fc-rtl .fc-h-event .fc-end-resizer,\n.fc-rtl .fc-h-event .fc-end-resizer:before,\n.fc-rtl .fc-h-event .fc-end-resizer:after {\n\tright: auto; /* ignore the right and only use the left */\n\tcursor: w-resize;\n}\n\n/* right resizer */\n.fc-ltr .fc-h-event .fc-end-resizer,\n.fc-ltr .fc-h-event .fc-end-resizer:before,\n.fc-ltr .fc-h-event .fc-end-resizer:after,\n.fc-rtl .fc-h-event .fc-start-resizer,\n.fc-rtl .fc-h-event .fc-start-resizer:before,\n.fc-rtl .fc-h-event .fc-start-resizer:after {\n\tleft: auto; /* ignore the left and only use the right */\n\tcursor: e-resize;\n}\n\n\n/* DayGrid events\n----------------------------------------------------------------------------------------------------\nWe use the full \"fc-day-grid-event\" class instead of using descendants because the event won't\nbe a descendant of the grid when it is being dragged.\n*/\n\n.fc-day-grid-event {\n\tmargin: 1px 2px 0; /* spacing between events and edges */\n\tpadding: 4px 6px;\n}\n\n\n.fc-day-grid-event .fc-content { /* force events to be one-line tall */\n\twhite-space: nowrap;\n\toverflow: hidden;\n}\n\n.fc-day-grid-event .fc-time {\n\tfont-weight: bold;\n}\n\n.fc-day-grid-event .fc-resizer { /* enlarge the default hit area */\n\tleft: -3px;\n\tright: -3px;\n\twidth: 7px;\n}\n\n\n/* Event Limiting\n--------------------------------------------------------------------------------------------------*/\n\n/* \"more\" link that represents hidden events */\n\na.fc-more {\n\tmargin: 1px 3px;\n\tfont-size: .85em;\n\tcursor: pointer;\n\ttext-decoration: none;\n}\n\na.fc-more:hover {\n\ttext-decoration: underline;\n}\n\n.fc-limited { /* rows and cells that are hidden because of a \"more\" link */\n\tdisplay: none;\n}\n\n/* popover that appears when \"more\" link is clicked */\n\n.fc-day-grid .fc-row {\n\tz-index: 1; /* make the \"more\" popover one higher than this */\n}\n\n.fc-more-popover {\n\tz-index: 2;\n\twidth: 220px;\n}\n\n.fc-more-popover .fc-event-container {\n\tpadding: 10px;\n}\n\n/* Toolbar\n--------------------------------------------------------------------------------------------------*/\n\n.fc-toolbar {\n\ttext-align: center;\n\tmargin-bottom: 1em;\n}\n\n.fc-toolbar .fc-left {\n\tfloat: left;\n}\n\n.fc-toolbar .fc-right {\n\tfloat: right;\n}\n\n.fc-toolbar .fc-center {\n\tdisplay: inline-block;\n}\n\n/* the things within each left/right/center section */\n.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */\n\tfloat: left;\n\tmargin-left: .75em;\n}\n\n/* the first thing within each left/center/right section */\n.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */\n\tmargin-left: 0;\n}\n\t\n/* title text */\n\n.fc-toolbar h2 {\n\tmargin: 0;\n}\n\n/* button layering (for border precedence) */\n\n.fc-toolbar button {\n\tposition: relative;\n}\n\n.fc-toolbar .fc-state-hover,\n.fc-toolbar .ui-state-hover {\n\tz-index: 2;\n}\n\t\n.fc-toolbar .fc-state-down {\n\tz-index: 3;\n}\n\n.fc-toolbar .fc-state-active,\n.fc-toolbar .ui-state-active {\n\tz-index: 4;\n}\n\n.fc-toolbar button:focus {\n\tz-index: 5;\n}\n\n\n/* View Structure\n--------------------------------------------------------------------------------------------------*/\n\n/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */\n/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */\n.fc-view-container *,\n.fc-view-container *:before,\n.fc-view-container *:after {\n\t-webkit-box-sizing: content-box;\n\t -moz-box-sizing: content-box;\n\t box-sizing: content-box;\n}\n\n.fc-view, /* scope positioning and z-index's for everything within the view */\n.fc-view > table { /* so dragged elements can be above the view's main element */\n\tposition: relative;\n\tz-index: 1;\n}\n\n/* BasicView\n--------------------------------------------------------------------------------------------------*/\n\n/* day row structure */\n\n.fc-basicWeek-view .fc-content-skeleton,\n.fc-basicDay-view .fc-content-skeleton {\n\t/* we are sure there are no day numbers in these views, so... */\n\tpadding-top: 1px; /* add a pixel to make sure there are 2px padding above events */\n\tpadding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */\n}\n\n.fc-basic-view .fc-body .fc-row {\n\tmin-height: 4em; /* ensure that all rows are at least this tall */\n}\n\n/* a \"rigid\" row will take up a constant amount of height because content-skeleton is absolute */\n\n.fc-row.fc-rigid {\n//\toverflow: hidden;\n}\n\n.fc-row.fc-rigid .fc-content-skeleton {\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\tright: 0;\n}\n\n/* week and day number styling */\n\n.fc-basic-view .fc-week-number,\n.fc-basic-view .fc-day-number {\n\tpadding: 0 2px;\n}\n\n.fc-basic-view td.fc-week-number span,\n.fc-basic-view td.fc-day-number {\n\tpadding-top: 2px;\n\tpadding-bottom: 2px;\n}\n\n.fc-basic-view .fc-week-number {\n\ttext-align: center;\n}\n\n.fc-basic-view .fc-week-number span {\n\t/* work around the way we do column resizing and ensure a minimum width */\n\tdisplay: inline-block;\n\tmin-width: 1.25em;\n}\n\n.fc-ltr .fc-basic-view .fc-day-number {\n\ttext-align: right;\n}\n\n.fc-rtl .fc-basic-view .fc-day-number {\n\ttext-align: left;\n}\n\n.fc-day-number.fc-other-month {\n\topacity: 0.3;\n\tfilter: alpha(opacity=30); /* for IE */\n\t/* opacity with small font can sometimes look too faded\n\t might want to set the 'color' property instead\n\t making day-numbers bold also fixes the problem */\n}\n\n/* AgendaView all-day area\n--------------------------------------------------------------------------------------------------*/\n\n.fc-agenda-view .fc-day-grid {\n\tposition: relative;\n\tz-index: 2; /* so the \"more..\" popover will be over the time grid */\n}\n\n.fc-agenda-view .fc-day-grid .fc-row {\n\tmin-height: 3em; /* all-day section will never get shorter than this */\n}\n\n.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {\n\tpadding-top: 1px; /* add a pixel to make sure there are 2px padding above events */\n\tpadding-bottom: 1em; /* give space underneath events for clicking/selecting days */\n}\n\n\n/* TimeGrid axis running down the side (for both the all-day area and the slot area)\n--------------------------------------------------------------------------------------------------*/\n\n.fc .fc-axis { /* .fc to overcome default cell styles */\n\tvertical-align: middle;\n\tpadding: 0 4px;\n\twhite-space: nowrap;\n}\n\n.fc-ltr .fc-axis {\n\ttext-align: right;\n}\n\n.fc-rtl .fc-axis {\n\ttext-align: left;\n}\n\n.ui-widget td.fc-axis {\n\tfont-weight: normal; /* overcome jqui theme making it bold */\n}\n\n\n/* TimeGrid Structure\n--------------------------------------------------------------------------------------------------*/\n\n.fc-time-grid-container, /* so scroll container's z-index is below all-day */\n.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */\n\tposition: relative;\n\tz-index: 1;\n}\n\n.fc-time-grid {\n\tmin-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */\n}\n\n.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */\n\tborder: 0 hidden transparent;\n}\n\n.fc-time-grid > .fc-bg {\n\tz-index: 1;\n}\n\n.fc-time-grid .fc-slats,\n.fc-time-grid > hr { /* the -element the Select2-plugin may be run against -\n * are copied to the .select2-container.\n *\n * 1. Overwrite .select2-container's original display:inline-block\n * with Bootstrap 3's default for .form-control, display:block;\n * courtesy of @juristr (@see https://github.com/fk/select2-bootstrap-css/pull/1)\n */\n\n\n.select2-container.form-control {\n background: transparent;\n border: none;\n box-shadow: none;\n display: block; /* 1 */\n margin: 0;\n padding: 0;\n}\n\n/**\n * Adjust Select2 inputs to fit Bootstrap 3 default .form-control appearance.\n */\n\n.bootstrap-input-defaults() {\n border-color: @input-border;\n border-radius: @input-border-radius;\n color: @input-color;\n font-family: @font-family-base;\n background-color: @input-bg;\n .reset-filter();\n .box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.075));\n}\n\n.select2-container .select2-choices .select2-search-field input,\n.select2-container .select2-choice,\n.select2-container .select2-choices {\n background: none;\n padding: 0;\n .bootstrap-input-defaults();\n}\n\n.select2-search input {\n .bootstrap-input-defaults();\n}\n\n.select2-container .select2-choices .select2-search-field input {\n .box-shadow(none);\n\n}\n\n/**\n * Adjust Select2 input heights to match the Bootstrap default.\n */\n\n.select2-container .select2-choice {\n height: @input-height-base;\n line-height: @line-height-base;\n}\n\n/**\n * Address Multi Select2's height which - depending on how many elements have been selected -\n * may grown higher than their initial size.\n */\n\n.select2-container.select2-container-multi.form-control {\n height: auto;\n}\n\n/**\n * Address Bootstrap 3 control sizing classes\n * @see http://getbootstrap.com/css/#forms-control-sizes\n */\n\n.select2-container.input-sm .select2-choice,\n.input-group-sm .select2-container .select2-choice {\n height: @input-height-small;\n line-height: @line-height-small;\n border-radius: @border-radius-small;\n}\n\n.select2-container.input-lg .select2-choice,\n.input-group-lg .select2-container .select2-choice {\n height: @input-height-large;\n line-height: @line-height-large;\n border-radius: @border-radius-large;\n}\n\n.select2-container-multi .select2-choices .select2-search-field input {\n height: @input-height-base - 2px;\n}\n\n.select2-container-multi.input-sm .select2-choices .select2-search-field input,\n.input-group-sm .select2-container-multi .select2-choices .select2-search-field input {\n height: @input-height-small - 2px;\n}\n\n.select2-container-multi.input-lg .select2-choices .select2-search-field input,\n.input-group-lg .select2-container-multi .select2-choices .select2-search-field input {\n height: @input-height-large - 2px;\n}\n\n/**\n * Adjust height and line-height for .select2-search-field amd multi-select Select2 widgets.\n *\n * 1. Class repetition to address missing .select2-chosen in Select2 < 3.3.2.\n */\n\n.select2-container-multi .select2-choices .select2-search-field input {\n margin: 0;\n}\n\n.select2-chosen,\n.select2-choice > span:first-child, /* 1 */\n.select2-container .select2-choices .select2-search-field input {\n padding: @padding-base-vertical @padding-base-horizontal;\n}\n\n.input-sm .select2-chosen,\n.input-group-sm .select2-chosen,\n.input-sm .select2-choice > span:first-child, /* 1 */\n.input-group-sm .select2-choice > span:first-child, /* 1 */\n.input-sm .select2-choices .select2-search-field input,\n.input-group-sm .select2-choices .select2-search-field input {\n padding: @padding-small-vertical @padding-small-horizontal;\n}\n\n.input-lg .select2-chosen,\n.input-group-lg .select2-chosen,\n.input-lg .select2-choice > span:first-child, /* 1 */\n.input-group-lg .select2-choice > span:first-child, /* 1 */\n.input-lg .select2-choices .select2-search-field input,\n.input-group-lg .select2-choices .select2-search-field input {\n padding: @padding-large-vertical @padding-large-horizontal;\n}\n\n.select2-container-multi .select2-choices .select2-search-choice {\n margin-top: 5px;\n margin-bottom: 3px;\n}\n\n.select2-container-multi.input-sm .select2-choices .select2-search-choice,\n.input-group-sm .select2-container-multi .select2-choices .select2-search-choice {\n margin-top: 3px;\n margin-bottom: 2px;\n}\n\n.select2-container-multi.input-lg .select2-choices .select2-search-choice,\n.input-group-lg .select2-container-multi .select2-choices .select2-search-choice {\n line-height: 24px;\n}\n\n/**\n * Adjust the single Select2's dropdown arrow button appearance.\n *\n * 1. For Select2 v.3.3.2.\n */\n\n.select2-container .select2-choice .select2-arrow,\n.select2-container .select2-choice div /* 1 */ {\n border-left: none;\n background: none;\n .reset-filter;\n}\n\n.select2-dropdown-open .select2-choice .select2-arrow,\n.select2-dropdown-open .select2-choice div /* 1 */ {\n border-left-color: transparent;\n background: none;\n .reset-filter;\n}\n\n/**\n * Adjust the dropdown arrow button icon position for the single-select Select2 elements\n * to make it line up vertically now that we increased the height of .select2-container.\n *\n * 1. Class repetition to address missing .select2-chosen in Select2 v.3.3.2.\n */\n\n.select2-container .select2-choice .select2-arrow b,\n.select2-container .select2-choice div b /* 1 */ {\n background-position: 0 3px;\n}\n\n.select2-dropdown-open .select2-choice .select2-arrow b,\n.select2-dropdown-open .select2-choice div b /* 1 */ {\n background-position: -18px 3px;\n}\n\n.select2-container.input-sm .select2-choice .select2-arrow b,\n.input-group-sm .select2-container .select2-choice .select2-arrow b,\n.select2-container.input-sm .select2-choice div b, /* 1 */\n.input-group-sm .select2-container .select2-choice div b /* 1 */ {\n background-position: 0 1px;\n}\n\n.select2-dropdown-open.input-sm .select2-choice .select2-arrow b,\n.input-group-sm .select2-dropdown-open .select2-choice .select2-arrow b,\n.select2-dropdown-open.input-sm .select2-choice div b, /* 1 */\n.input-group-sm .select2-dropdown-open .select2-choice div b /* 1 */ {\n background-position: -18px 1px;\n}\n\n.select2-container.input-lg .select2-choice .select2-arrow b,\n.input-group-lg .select2-container .select2-choice .select2-arrow b,\n.select2-container.input-lg .select2-choice div b, /* 1 */\n.input-group-lg .select2-container .select2-choice div b /* 1 */ {\n background-position: 0 9px;\n}\n\n.select2-dropdown-open.input-lg .select2-choice .select2-arrow b,\n.input-group-lg .select2-dropdown-open .select2-choice .select2-arrow b,\n.select2-dropdown-open.input-lg .select2-choice div b, /* 1 */\n.input-group-lg .select2-dropdown-open .select2-choice div b /* 1 */ {\n background-position: -18px 9px;\n}\n\n/**\n * Address Bootstrap's validation states and change Select2's border colors and focus states.\n * Apply .has-warning, .has-danger or .has-succes to #select2-drop to match Bootstraps' colors.\n */\n\n.validation-state-focus(@color) {\n .select2-choice,\n .select2-choices {\n border-color: @color;\n }\n .select2-container-active .select2-choice,\n .select2-container-multi.select2-container-active .select2-choices {\n border-color: darken(@color, 10%);\n @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@color, 20%);\n .box-shadow(@shadow);\n }\n &.select2-drop-active {\n border-color: darken(@color, 10%);\n &.select2-drop.select2-drop-above {\n border-top-color: darken(@color, 10%);\n }\n }\n}\n\n.has-warning {\n .validation-state-focus(@state-warning-text);\n}\n\n.has-error {\n .validation-state-focus(@state-danger-text);\n}\n\n.has-success {\n .validation-state-focus(@state-success-text);\n}\n\n/**\n * Make Select2's active-styles - applied to .select2-container when the widget receives focus -\n * fit Bootstrap 3's .form-element:focus appearance.\n */\n\n.select2-container-active .select2-choice,\n.select2-container-multi.select2-container-active .select2-choices {\n border-color: @input-border-focus;\n outline: none;\n @shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px fade(@input-border-focus, 60%);\n .box-shadow(@shadow);\n @transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;\n .transition(@transition);\n}\n\n.select2-drop-active {\n border-color: @input-border-focus;\n}\n\n.select2-drop-auto-width,\n.select2-drop.select2-drop-above.select2-drop-active {\n border-top-color: @input-border-focus;\n}\n\n/**\n * Select2 widgets in Bootstrap Input Groups\n *\n * When Select2 widgets are combined with other elements using Bootstrap 3's\n * \"Input Group\" component, we don't want specific edges of the Select2 container\n * to have a border-radius.\n *\n * In Bootstrap 2, input groups required a markup where these style adjustments\n * could be bound to a CSS-class identifying if the additional elements are appended,\n * prepended or both.\n *\n * Bootstrap 3 doesn't rely on these classes anymore, so we have to use our own.\n * Use .select2-bootstrap-prepend and .select2-bootstrap-append on a Bootstrap 3 .input-group\n * to let the contained Select2 widget know which edges should not be rounded as they are\n * directly followed by another element.\n *\n * @see http://getbootstrap.com/components/#input-groups\n */\n\n.input-group.select2-bootstrap-prepend [class^=\"select2-choice\"] {\n .border-left-radius(0) !important;\n}\n\n.input-group.select2-bootstrap-append [class^=\"select2-choice\"] {\n .border-right-radius(0) !important;\n}\n\n.select2-dropdown-open [class^=\"select2-choice\"] {\n .border-bottom-radius(0) !important;\n}\n\n.select2-dropdown-open.select2-drop-above [class^=\"select2-choice\"] {\n .border-top-radius(0) !important;\n .border-bottom-radius(@input-border-radius) !important;\n background: @btn-default-bg;\n filter: none;\n .input-group.select2-bootstrap-prepend & {\n .border-left-radius(0) !important;\n }\n .input-group.select2-bootstrap-append & {\n .border-right-radius(0) !important;\n }\n .input-group.input-group-sm.select2-bootstrap-prepend & {\n border-bottom-right-radius: @border-radius-small !important; \n }\n .input-group.input-group-lg.select2-bootstrap-prepend & {\n border-bottom-right-radius: @border-radius-large !important; \n }\n .input-group.input-group-sm.select2-bootstrap-append & {\n border-bottom-left-radius: @border-radius-small !important; \n }\n .input-group.input-group-lg.select2-bootstrap-append & {\n border-bottom-left-radius: @border-radius-large !important; \n }\n}\n\n/**\n * Adjust Select2's choices hover and selected styles to match Bootstrap 3's default dropdown styles.\n */\n\n.select2-results .select2-highlighted {\n color: @dropdown-link-active-color;\n background-color: @dropdown-link-active-bg;\n}\n\n/**\n * Adjust alignment of Bootstrap 3 buttons in Bootstrap 3 Input Groups to address\n * Multi Select2's height which - depending on how many elements have been selected -\n * may grown higher than their initial size.\n */\n\n.select2-bootstrap-append,\n.select2-bootstrap-prepend {\n .select2-container-multiple,\n .input-group-btn,\n .input-group-btn .btn {\n vertical-align: top;\n }\n}\n\n/**\n * Make Multi Select2's choices match Bootstrap 3's default button styles.\n */\n\n.select2-container-multi .select2-choices .select2-search-choice {\n color: @input-color;\n background: @btn-default-bg;\n border-color: @btn-default-border;\n .reset-filter;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n.select2-container-multi .select2-choices .select2-search-choice-focus {\n background: darken(@btn-default-bg, 8%);\n border-color: darken(@btn-default-border, 12%);\n color: @btn-default-color;\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n\n/**\n * Address Multi Select2's choice close-button vertical alignment.\n */\n\n.select2-search-choice-close {\n margin-top: -7px;\n top: 50%;\n}\n\n/**\n * Adjust the single Select2's clear button position (used to reset the select box\n * back to the placeholder value and visible once a selection is made\n * activated by Select2's \"allowClear\" option).\n */\n\n.select2-container .select2-choice abbr {\n top: 50%;\n}\n\n/**\n * Adjust \"no results\" and \"selection limit\" messages to make use\n * of Bootstrap 3's default \"Alert\" style.\n *\n * @see http://getbootstrap.com/components/#alerts-default\n */\n\n.select2-results .select2-no-results,\n.select2-results .select2-searching,\n.select2-results .select2-selection-limit {\n background-color: @state-warning-bg;\n color: @state-warning-text;\n}\n\n/**\n * Address disabled Select2 styles.\n *\n * 1. For Select2 v.3.3.2.\n * 2. Revert border-left:0 inherited from Select2's CSS to prevent the arrow\n * from jumping when switching from disabled to enabled state and vice versa.\n */\n\n.select2-container.select2-container-disabled {\n .select2-choice,\n .select2-choices {\n cursor: not-allowed;\n background-color: @input-bg-disabled;\n border-color: @input-border;\n .select2-arrow,\n div /* 1 */ {\n background-color: transparent;\n border-left: 1px solid transparent; /* 2 */\n }\n }\n}\n\n/**\n * Address Select2's loading indicator position - which should not stick\n * to the right edge of Select2's search input.\n *\n * 1. in .select2-search input\n * 2. in Multi Select2's .select2-search-field input\n * 3. in the status-message of infinite-scroll with remote data (@see http://ivaynberg.github.io/select2/#infinite)\n *\n * These styles alter Select2's default background-position of 100%\n * and supply the new background-position syntax to browsers which support it:\n *\n * 1. Android, Safari < 6/Mobile, IE<9: change to a relative background-position of 99%\n * 2. Chrome 25+, Firefox 13+, IE 9+, Opera 10.5+: use the new CSS3-background-position syntax\n *\n * @see http://www.w3.org/TR/css3-background/#background-position\n *\n * @todo Since both Select2 and Bootstrap 3 only support IE8 and above,\n * we could use the :after-pseudo-element to display the loading indicator.\n * Alternatively, we could supply an altered loading indicator image which already\n * contains an offset to the right.\n */\n\n.select2-search input.select2-active, /* 1 */\n.select2-container-multi .select2-choices .select2-search-field input.select2-active, /* 2 */\n.select2-more-results.select2-active /* 3 */ {\n background-position: 99%; /* 4 */\n background-position: right 4px center; /* 5 */\n}\n\n/**\n * To support Select2 pre v3.4.2 in combination with Bootstrap v3.2.0,\n * ensure that .select2-offscreen width, height and position can not be overwritten.\n *\n * This adresses changes in Bootstrap somewhere after the initial v3.0.0 which –\n * in combination with Select2's pre-v3.4.2 CSS missing the \"!important\" after\n * the following rules – allow Bootstrap to overwrite the latter, which results in\n * the original element Select2 is replacing not be properly being hidden\n * when used in a \"Bootstrap Input Group with Addon\".\n **/\n\n.select2-offscreen,\n.select2-offscreen:focus {\n width: 1px !important;\n height: 1px !important;\n position: absolute !important;\n}\n",".note-editor {\n position: relative;\n border: 1px solid #e5e5e5\n}\n\n.note-editor .note-dropzone {\n position: absolute;\n z-index: 100;\n display: none;\n color: #87cefa;\n background-color: white;\n border: 2px dashed #e5e5e5;\n opacity: .95;\n pointer-event: none\n}\n\n.note-editor .note-dropzone .note-dropzone-message {\n display: table-cell;\n font-size: 28px;\n font-weight: bold;\n text-align: center;\n vertical-align: middle\n}\n\n.note-editor .note-dropzone.hover {\n color: #098ddf;\n border: 2px dashed #e5e5e5\n}\n\n.note-editor.dragover .note-dropzone {\n display: table\n}\n\n.note-editor .note-toolbar {\n background-color: #f5f5f5;\n border-bottom: 1px solid #e5e5e5\n}\n\n.note-editor.fullscreen {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1050;\n width: 100%\n}\n\n.note-editor.fullscreen .note-editable {\n background-color: white\n}\n\n.note-editor.fullscreen .note-resizebar {\n display: none\n}\n\n.note-editor.codeview .note-editable {\n display: none\n}\n\n.note-editor.codeview .note-codable {\n display: block\n}\n\n.note-editor .note-statusbar {\n background-color: #f5f5f5\n}\n\n.note-editor .note-statusbar .note-resizebar {\n width: 100%;\n height: 8px;\n cursor: ns-resize;\n border-top: 1px solid #e5e5e5;\n}\n\n.note-editor .note-statusbar .note-resizebar .note-icon-bar {\n width: 20px;\n margin: 1px auto;\n border-top: 1px solid #e5e5e5\n}\n\n.note-editor .note-editable[contenteditable=true]:empty:not(:focus):before {\n color: #a9a9a9;\n content: attr(data-placeholder)\n}\n\n.note-editor .note-editable {\n padding: 10px;\n overflow: auto;\n outline: 0\n}\n\n.note-editor .note-editable[contenteditable=\"false\"] {\n background-color: #e5e5e5\n}\n\n.note-editor .note-codable {\n display: none;\n width: 100%;\n padding: 10px;\n margin-bottom: 0;\n font-family: Menlo, Monaco, monospace, sans-serif;\n font-size: 14px;\n color: #ccc;\n background-color: #222;\n border: 0;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n box-shadow: none;\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n -ms-box-sizing: border-box;\n box-sizing: border-box;\n resize: none;\n outline: 0;\n \n}\n\n.note-air-editor {\n outline: 0\n}\n\n.note-popover .popover {\n max-width: none\n}\n\n.note-popover .popover .popover-content a {\n display: inline-block;\n max-width: 200px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n vertical-align: middle\n}\n\n.note-popover .popover .arrow {\n left: 20px\n}\n\n.note-popover .popover .popover-content,\n.note-toolbar {\n padding: 0 0 5px 5px;\n margin: 0\n}\n\n.note-popover .popover .popover-content>.btn-group,\n.note-toolbar>.btn-group {\n margin-top: 5px;\n margin-right: 5px;\n margin-left: 0\n}\n\n.note-popover .popover .popover-content .btn-group .note-table,\n.note-toolbar .btn-group .note-table {\n min-width: 0;\n padding: 5px\n}\n\n.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker,\n.note-toolbar .btn-group .note-table .note-dimension-picker {\n font-size: 18px\n}\n\n.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,\n.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {\n position: absolute!important;\n z-index: 3;\n width: 10em;\n height: 10em;\n cursor: pointer\n}\n\n.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,\n.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {\n position: relative!important;\n z-index: 1;\n width: 5em;\n height: 5em;\n background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat\n}\n\n.note-popover .popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,\n.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {\n position: absolute!important;\n z-index: 2;\n width: 1em;\n height: 1em;\n background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat\n}\n\n.note-popover .popover .popover-content .note-style h1,\n.note-toolbar .note-style h1,\n.note-popover .popover .popover-content .note-style h2,\n.note-toolbar .note-style h2,\n.note-popover .popover .popover-content .note-style h3,\n.note-toolbar .note-style h3,\n.note-popover .popover .popover-content .note-style h4,\n.note-toolbar .note-style h4,\n.note-popover .popover .popover-content .note-style h5,\n.note-toolbar .note-style h5,\n.note-popover .popover .popover-content .note-style h6,\n.note-toolbar .note-style h6,\n.note-popover .popover .popover-content .note-style blockquote,\n.note-toolbar .note-style blockquote {\n margin: 0\n}\n\n.note-popover .popover .popover-content .note-color .dropdown-toggle,\n.note-toolbar .note-color .dropdown-toggle {\n width: 20px;\n padding-left: 5px\n}\n\n.note-popover .popover .popover-content .note-color .dropdown-menu,\n.note-toolbar .note-color .dropdown-menu {\n min-width: 340px\n}\n\n.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group,\n.note-toolbar .note-color .dropdown-menu .btn-group {\n margin: 0\n}\n\n.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group:first-child,\n.note-toolbar .note-color .dropdown-menu .btn-group:first-child {\n margin: 0 5px\n}\n\n.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,\n.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title {\n margin: 2px 7px;\n font-size: 12px;\n text-align: center;\n border-bottom: 1px solid #eee\n}\n\n.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,\n.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset {\n padding: 0 3px;\n margin: 3px;\n font-size: 11px;\n cursor: pointer;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px\n}\n\n.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,\n.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row {\n height: 20px\n}\n\n.note-popover .popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,\n.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover {\n background: #eee\n}\n\n.note-popover .popover .popover-content .note-para .dropdown-menu,\n.note-toolbar .note-para .dropdown-menu {\n min-width: 216px;\n padding: 5px\n}\n\n.note-popover .popover .popover-content .note-para .dropdown-menu>div:first-child,\n.note-toolbar .note-para .dropdown-menu>div:first-child {\n margin-right: 5px\n}\n\n.note-popover .popover .popover-content .dropdown-menu,\n.note-toolbar .dropdown-menu {\n min-width: 90px\n}\n\n.note-popover .popover .popover-content .dropdown-menu.right,\n.note-toolbar .dropdown-menu.right {\n right: 0;\n left: auto\n}\n\n.note-popover .popover .popover-content .dropdown-menu.right::before,\n.note-toolbar .dropdown-menu.right::before {\n right: 9px;\n left: auto!important\n}\n\n.note-popover .popover .popover-content .dropdown-menu.right::after,\n.note-toolbar .dropdown-menu.right::after {\n right: 10px;\n left: auto!important\n}\n\n.note-popover .popover .popover-content .dropdown-menu.note-check li a i,\n.note-toolbar .dropdown-menu.note-check li a i {\n color: deepskyblue;\n visibility: hidden\n}\n\n.note-popover .popover .popover-content .dropdown-menu.note-check li a.checked i,\n.note-toolbar .dropdown-menu.note-check li a.checked i {\n visibility: visible\n}\n\n.note-popover .popover .popover-content .note-fontsize-10,\n.note-toolbar .note-fontsize-10 {\n font-size: 10px\n}\n\n.note-popover .popover .popover-content .note-color-palette,\n.note-toolbar .note-color-palette {\n line-height: 1\n}\n\n.note-popover .popover .popover-content .note-color-palette div .note-color-btn,\n.note-toolbar .note-color-palette div .note-color-btn {\n width: 20px;\n height: 20px;\n padding: 0;\n margin: 0;\n border: 1px solid #fff\n}\n\n.note-popover .popover .popover-content .note-color-palette div .note-color-btn:hover,\n.note-toolbar .note-color-palette div .note-color-btn:hover {\n border: 1px solid #000\n}\n\n.note-dialog>div {\n display: none\n}\n\n.note-dialog .form-group {\n margin-right: 0;\n margin-left: 0\n}\n\n.note-dialog .note-modal-form {\n margin: 0\n}\n\n.note-dialog .note-image-dialog .note-dropzone {\n min-height: 100px;\n margin-bottom: 10px;\n font-size: 30px;\n line-height: 4;\n color: lightgray;\n text-align: center;\n border: 4px dashed lightgray\n}\n\n.note-dialog .note-help-dialog {\n font-size: 12px;\n color: #ccc;\n background: transparent;\n background-color: #222!important;\n border: 0;\n -webkit-opacity: .9;\n -khtml-opacity: .9;\n -moz-opacity: .9;\n opacity: .9;\n -ms-filter: alpha(opacity=90);\n filter: alpha(opacity=90)\n}\n\n.note-dialog .note-help-dialog .modal-content {\n background: transparent;\n border: 1px solid white;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none\n}\n\n.note-dialog .note-help-dialog a {\n font-size: 12px;\n color: white\n}\n\n.note-dialog .note-help-dialog .title {\n padding-bottom: 5px;\n margin-bottom: 10px;\n font-size: 14px;\n font-weight: bold;\n color: white;\n border-bottom: white 1px solid\n}\n\n.note-dialog .note-help-dialog .modal-close {\n font-size: 14px;\n color: #dd0;\n cursor: pointer\n}\n\n.note-dialog .note-help-dialog .text-center {\n margin: 10px 0 0\n}\n\n.note-dialog .note-help-dialog .note-shortcut {\n padding-top: 8px;\n padding-bottom: 8px\n}\n\n.note-dialog .note-help-dialog .note-shortcut-row {\n margin-right: -5px;\n margin-left: -5px\n}\n\n.note-dialog .note-help-dialog .note-shortcut-col {\n padding-right: 5px;\n padding-left: 5px\n}\n\n.note-dialog .note-help-dialog .note-shortcut-title {\n font-size: 13px;\n font-weight: bold;\n color: #dd0\n}\n\n.note-dialog .note-help-dialog .note-shortcut-key {\n font-family: \"Courier New\";\n color: #dd0;\n text-align: right\n}\n\n.note-handle .note-control-selection {\n position: absolute;\n display: none;\n border: 1px solid black\n}\n\n.note-handle .note-control-selection>div {\n position: absolute\n}\n\n.note-handle .note-control-selection .note-control-selection-bg {\n width: 100%;\n height: 100%;\n background-color: black;\n -webkit-opacity: .3;\n -khtml-opacity: .3;\n -moz-opacity: .3;\n opacity: .3;\n -ms-filter: alpha(opacity=30);\n filter: alpha(opacity=30)\n}\n\n.note-handle .note-control-selection .note-control-handle {\n width: 7px;\n height: 7px;\n border: 1px solid black\n}\n\n.note-handle .note-control-selection .note-control-holder {\n width: 7px;\n height: 7px;\n border: 1px solid black\n}\n\n.note-handle .note-control-selection .note-control-sizing {\n width: 7px;\n height: 7px;\n background-color: white;\n border: 1px solid black\n}\n\n.note-handle .note-control-selection .note-control-nw {\n top: -5px;\n left: -5px;\n border-right: 0;\n border-bottom: 0\n}\n\n.note-handle .note-control-selection .note-control-ne {\n top: -5px;\n right: -5px;\n border-bottom: 0;\n border-left: none\n}\n\n.note-handle .note-control-selection .note-control-sw {\n bottom: -5px;\n left: -5px;\n border-top: 0;\n border-right: 0\n}\n\n.note-handle .note-control-selection .note-control-se {\n right: -5px;\n bottom: -5px;\n cursor: se-resize\n}\n\n.note-handle .note-control-selection .note-control-selection-info {\n right: 0;\n bottom: 0;\n padding: 5px;\n margin: 5px;\n font-size: 12px;\n color: white;\n background-color: black;\n -webkit-border-radius: 5px;\n -moz-border-radius: 5px;\n border-radius: 5px;\n -webkit-opacity: .7;\n -khtml-opacity: .7;\n -moz-opacity: .7;\n opacity: .7;\n -ms-filter: alpha(opacity=70);\n filter: alpha(opacity=70)\n}\n.editable-toolbar{\n margin-bottom: 20px;\n}\n.full-screen .note-editor{\n z-index: 8000;\n}","div.tagsinput {\n border:1px solid #e5e5e5;\n background:#FFF;\n padding:5px;\n width:300px;\n height:100px;\n overflow-y:auto;\n -moz-border-radius:4px;\n -webkit-border-radius:4px;\n border-radius:4px;\n}\ndiv.tagsinput span.tag {\n -moz-border-radius:3px;\n -webkit-border-radius:3px;\n border-radius:3px;\n display:block;\n float:left;\n padding:6px 10px;\n text-decoration:none;\n background:#9ce6d4;\n color:#28826c;\n margin-right:5px;\n margin-bottom:5px;\n font-family:helvetica;\n font-size:13px;\n}\ndiv.tagsinput span.tag a {\n font-weight:bold;\n color:#28826c;\n text-decoration:none;\n font-size:11px;\n}\ndiv.tagsinput input {\n width:80px;\n margin:0px;\n font-family:helvetica;\n font-size:13px;\n border:1px solid transparent;\n padding:5px;\n background:transparent;\n color:#000;\n outline:0px;\n margin-right:5px;\n margin-bottom:5px;\n}\ndiv.tagsinput div {\n display:block;\n float:left;\n}\n.tags_clear {\n clear:both;\n width:100%;\n height:0px;\n}\n.not_valid {\n background:#FBD8DB !important;\n color: #90111A !important;\n}","\n.bootstrap-touchspin .input-group-btn-vertical {\n position: relative;\n white-space: nowrap;\n width: 1%;\n vertical-align: middle;\n display: table-cell;\n}\n\n.bootstrap-touchspin .input-group-btn-vertical > .btn {\n display: block;\n float: none;\n width: 100%;\n max-width: 100%;\n padding: 9px 10px;\n margin-left: -1px;\n position: relative;\n}\n\n.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up {\n border-radius: 0;\n border-top-right-radius: 4px;\n}\n\n.bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down {\n margin-top: -2px;\n border-radius: 0;\n border-bottom-right-radius: 4px;\n}\n\n.bootstrap-touchspin .input-group-btn-vertical i {\n position: absolute;\n top: 4px;\n left: 5px;\n font-size: 9px;\n font-weight: normal;\n}\n",".selectize-control.plugin-drag_drop {\n\t&.multi > .selectize-input > div.ui-sortable-placeholder {\n\t\tvisibility: visible !important;\n\t\tbackground: #f2f2f2 !important;\n\t\tbackground: rgba(0,0,0,0.06) !important;\n\t\tborder: 0 none !important;\n\t\t.selectize-box-shadow(inset 0 0 12px 4px #fff);\n\t}\n\t.ui-sortable-placeholder::after {\n\t\tcontent: '!';\n\t\tvisibility: hidden;\n\t}\n\t.ui-sortable-helper {\n\t\t.selectize-box-shadow(0 2px 5px rgba(0,0,0,0.2));\n\t}\n}","@import \"plugins/drag_drop\";\n@import \"plugins/dropdown_header\";\n@import \"plugins/optgroup_columns\";\n@import \"plugins/remove_button\";\n\n// base styles\n\n@selectize-font-family: inherit;\n@selectize-font-smoothing: inherit;\n@selectize-font-size: 13px;\n@selectize-line-height: 18px;\n\n@selectize-color-text: #303030;\n@selectize-color-border: #d0d0d0;\n@selectize-color-highlight: rgba(125,168,208,0.2);\n@selectize-color-input: #fff;\n@selectize-color-input-full: @selectize-color-input;\n@selectize-color-disabled: #fafafa;\n@selectize-color-item: #f2f2f2;\n@selectize-color-item-text: @selectize-color-text;\n@selectize-color-item-border: #d0d0d0;\n@selectize-color-item-active: #e8e8e8;\n@selectize-color-item-active-text: @selectize-color-text;\n@selectize-color-item-active-border: #cacaca;\n@selectize-color-dropdown: #fff;\n@selectize-color-dropdown-border: @selectize-color-border;\n@selectize-color-dropdown-border-top: #f0f0f0;\n@selectize-color-dropdown-item-active: #f5fafd;\n@selectize-color-dropdown-item-active-text: #495c68;\n@selectize-color-dropdown-item-create-text: rgba(red(@selectize-color-text), green(@selectize-color-text), blue(@selectize-color-text), 0.5);\n@selectize-color-dropdown-item-create-active-text: @selectize-color-dropdown-item-active-text;\n@selectize-color-optgroup: @selectize-color-dropdown;\n@selectize-color-optgroup-text: @selectize-color-text;\n@selectize-lighten-disabled-item: 30%;\n@selectize-lighten-disabled-item-text: 30%;\n@selectize-lighten-disabled-item-border: 30%;\n@selectize-opacity-disabled: 0.5;\n\n@selectize-shadow-input: inset 0 1px 1px rgba(0,0,0,0.1);\n@selectize-shadow-input-focus: inset 0 1px 2px rgba(0,0,0,0.15);\n@selectize-border: 1px solid @selectize-color-border;\n@selectize-dropdown-border: 1px solid @selectize-color-dropdown-border;\n@selectize-border-radius: 3px;\n\n@selectize-width-item-border: 0;\n@selectize-max-height-dropdown: 200px;\n\n@selectize-padding-x: 8px;\n@selectize-padding-y: 8px;\n@selectize-padding-item-x: 6px;\n@selectize-padding-item-y: 2px;\n@selectize-padding-dropdown-item-x: @selectize-padding-x;\n@selectize-padding-dropdown-item-y: 5px;\n@selectize-margin-item-x: 3px;\n@selectize-margin-item-y: 3px;\n\n@selectize-arrow-size: 5px;\n@selectize-arrow-color: #808080;\n@selectize-arrow-offset: 15px;\n\n@selectize-caret-margin: 0 2px 0 0;\n@selectize-caret-margin-rtl: 0 4px 0 -2px;\n\n.selectize-border-radius (@radii) {\n\t-webkit-border-radius: @radii;\n\t-moz-border-radius: @radii;\n\tborder-radius: @radii;\n}\n.selectize-unselectable () {\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n}\n.selectize-box-shadow (@shadow) {\n\t-webkit-box-shadow: @shadow;\n\tbox-shadow: @shadow;\n}\n.selectize-box-sizing (@type: border-box) {\n\t-webkit-box-sizing: @type;\n\t-moz-box-sizing: @type;\n\tbox-sizing: @type;\n}\n.selectize-vertical-gradient (@color-top, @color-bottom) {\n background-color: mix(@color-top, @color-bottom, 60%);\n background-image: -moz-linear-gradient(top, @color-top, @color-bottom); // FF 3.6+\n background-image: -webkit-gradient(linear, 0 0, 0 100%, from(@color-top), to(@color-bottom)); // Safari 4+, Chrome 2+\n background-image: -webkit-linear-gradient(top, @color-top, @color-bottom); // Safari 5.1+, Chrome 10+\n background-image: -o-linear-gradient(top, @color-top, @color-bottom); // Opera 11.10\n background-image: linear-gradient(to bottom, @color-top, @color-bottom); // Standard, IE10\n background-repeat: repeat-x;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@color-top),argb(@color-bottom))); // IE9 and down\n}\n\n.selectize-control {\n\tposition: relative;\n}\n\n.selectize-dropdown, .selectize-input, .selectize-input input {\n\tcolor: @selectize-color-text;\n\tfont-family: @selectize-font-family;\n\tfont-size: @selectize-font-size;\n\tline-height: @selectize-line-height;\n\t-webkit-font-smoothing: @selectize-font-smoothing;\n}\n\n.selectize-input, .selectize-control.single .selectize-input.input-active {\n\tbackground: @selectize-color-input;\n\tcursor: text;\n\tdisplay: inline-block;\n}\n\n.selectize-input {\n\tborder: @selectize-border;\n\tpadding: @selectize-padding-y @selectize-padding-x;\n\tdisplay: inline-block;\n\twidth: 100%;\n\toverflow: hidden;\n\tposition: relative;\n\tz-index: 1;\n\t.selectize-box-sizing(border-box);\n\t.selectize-box-shadow(@selectize-shadow-input);\n\t.selectize-border-radius(@selectize-border-radius);\n\n\t.selectize-control.multi &.has-items {\n\t\t@padding-x: @selectize-padding-x;\n\t\t@padding-top: @selectize-padding-y - @selectize-padding-item-y - @selectize-width-item-border;\n\t\t@padding-bottom: @selectize-padding-y - @selectize-padding-item-y - @selectize-margin-item-y - @selectize-width-item-border;\n\t\tpadding: @padding-top @padding-x @padding-bottom;\n\t}\n\n\t&.full {\n\t\tbackground-color: @selectize-color-input-full;\n\t}\n\t&.disabled, &.disabled * {\n\t\tcursor: default !important;\n\t}\n\t&.focus {\n\t\t.selectize-box-shadow(@selectize-shadow-input-focus);\n\t}\n\t&.dropdown-active {\n\t\t.selectize-border-radius(@selectize-border-radius @selectize-border-radius 0 0);\n\t}\n\n\t> * {\n\t\tvertical-align: baseline;\n\t\tdisplay: -moz-inline-stack;\n\t\tdisplay: inline-block;\n\t\tzoom: 1;\n\t\t*display: inline;\n\t}\n\t.selectize-control.multi & > div {\n\t\tcursor: pointer;\n\t\tmargin: 0 @selectize-margin-item-x @selectize-margin-item-y 0;\n\t\tpadding: @selectize-padding-item-y @selectize-padding-item-x;\n\t\tbackground: @selectize-color-item;\n\t\tcolor: @selectize-color-item-text;\n\t\tborder: @selectize-width-item-border solid @selectize-color-item-border;\n\n\t\t&.active {\n\t\t\tbackground: @selectize-color-item-active;\n\t\t\tcolor: @selectize-color-item-active-text;\n\t\t\tborder: @selectize-width-item-border solid @selectize-color-item-active-border;\n\t\t}\n\t}\n\t.selectize-control.multi &.disabled > div {\n\t\t&, &.active {\n\t\t\tcolor: lighten(desaturate(@selectize-color-item-text, 100%), @selectize-lighten-disabled-item-text);\n\t\t\tbackground: lighten(desaturate(@selectize-color-item, 100%), @selectize-lighten-disabled-item);\n\t\t\tborder: @selectize-width-item-border solid lighten(desaturate(@selectize-color-item-border, 100%), @selectize-lighten-disabled-item-border);\n\t\t}\n\t}\n\t> input {\n\t\t&::-ms-clear {\n\t\t\tdisplay: none;\n\t\t}\n\t\tdisplay: inline-block !important;\n\t\tpadding: 0 !important;\n\t\tmin-height: 0 !important;\n\t\tmax-height: none !important;\n\t\tmax-width: 100% !important;\n\t\tmargin: @selectize-caret-margin !important;\n\t\ttext-indent: 0 !important;\n\t\tborder: 0 none !important;\n\t\tbackground: none !important;\n\t\tline-height: inherit !important;\n\t\t-webkit-user-select: auto !important;\n\t\t.selectize-box-shadow(none) !important;\n\t\t&:focus { outline: none !important; }\n\t}\n}\n\n.selectize-input::after {\n\tcontent: ' ';\n\tdisplay: block;\n\tclear: left;\n}\n\n.selectize-input.dropdown-active::before {\n\tcontent: ' ';\n\tdisplay: block;\n\tposition: absolute;\n\tbackground: @selectize-color-dropdown-border-top;\n\theight: 1px;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n}\n\n.selectize-dropdown {\n\tposition: absolute;\n\tz-index: 10;\n\tborder: @selectize-dropdown-border;\n\tbackground: @selectize-color-dropdown;\n\tmargin: -1px 0 0 0;\n\tborder-top: 0 none;\n\t.selectize-box-sizing(border-box);\n\t.selectize-box-shadow(0 1px 3px rgba(0,0,0,0.1));\n\t.selectize-border-radius(0 0 @selectize-border-radius @selectize-border-radius);\n\n\t[data-selectable] {\n\t\tcursor: pointer;\n\t\toverflow: hidden;\n\t\t.highlight {\n\t\t\tbackground: @selectize-color-highlight;\n\t\t\t.selectize-border-radius(1px);\n\t\t}\n\t}\n\t[data-selectable], .optgroup-header {\n\t\tpadding: @selectize-padding-dropdown-item-y @selectize-padding-dropdown-item-x;\n\t}\n\t.optgroup:first-child .optgroup-header {\n\t\tborder-top: 0 none;\n\t}\n\t.optgroup-header {\n\t\tcolor: @selectize-color-optgroup-text;\n\t\tbackground: @selectize-color-optgroup;\n\t\tcursor: default;\n\t}\n\t.active {\n\t\tbackground-color: @selectize-color-dropdown-item-active;\n\t\tcolor: @selectize-color-dropdown-item-active-text;\n\t\t&.create {\n\t\t\tcolor: @selectize-color-dropdown-item-create-active-text;\n\t\t}\n\t}\n\t.create {\n\t\tcolor: @selectize-color-dropdown-item-create-text;\n\t}\n}\n\n.selectize-dropdown-content {\n\toverflow-y: auto;\n\toverflow-x: hidden;\n\tmax-height: @selectize-max-height-dropdown;\n}\n\n.selectize-control.single .selectize-input {\n\t&, input { cursor: pointer; }\n\t&.input-active, &.input-active input { cursor: text; }\n\n\t&:after {\n\t\tcontent: ' ';\n\t\tdisplay: block;\n\t\tposition: absolute;\n\t\ttop: 50%;\n\t\tright: @selectize-arrow-offset;\n\t\tmargin-top: round((-1 * @selectize-arrow-size / 2));\n\t\twidth: 0;\n\t\theight: 0;\n\t\tborder-style: solid;\n\t\tborder-width: @selectize-arrow-size @selectize-arrow-size 0 @selectize-arrow-size;\n\t\tborder-color: @selectize-arrow-color transparent transparent transparent;\n\t}\n\t&.dropdown-active:after {\n\t\tmargin-top: @selectize-arrow-size * -0.8;\n\t\tborder-width: 0 @selectize-arrow-size @selectize-arrow-size @selectize-arrow-size;\n\t\tborder-color: transparent transparent @selectize-arrow-color transparent;\n\t}\n}\n\n.selectize-control.rtl {\n\t&.single .selectize-input:after {\n\t\tleft: @selectize-arrow-offset;\n\t\tright: auto;\n\t}\n\t.selectize-input > input {\n\t\tmargin: @selectize-caret-margin-rtl !important;\n\t}\n}\n\n.selectize-control .selectize-input.disabled {\n\topacity: @selectize-opacity-disabled;\n\tbackground-color: @selectize-color-disabled;\n}\n",".selectize-dropdown-header {\n\tposition: relative;\n\tpadding: @selectize-padding-dropdown-item-y @selectize-padding-dropdown-item-x;\n\tborder-bottom: 1px solid @selectize-color-border;\n\tbackground: mix(@selectize-color-dropdown, @selectize-color-border, 85%);\n\t.selectize-border-radius(@selectize-border-radius @selectize-border-radius 0 0);\n}\n.selectize-dropdown-header-close {\n\tposition: absolute;\n\tright: @selectize-padding-dropdown-item-x;\n\ttop: 50%;\n\tcolor: @selectize-color-text;\n\topacity: 0.4;\n\tmargin-top: -12px;\n\tline-height: 20px;\n\tfont-size: 20px !important;\n}\n.selectize-dropdown-header-close:hover {\n\tcolor: darken(@selectize-color-text, 25%);\n}",".selectize-dropdown.plugin-optgroup_columns {\n\t.optgroup {\n\t\tborder-right: 1px solid #f2f2f2;\n\t\tborder-top: 0 none;\n\t\tfloat: left;\n\t\t.selectize-box-sizing(border-box);\n\t}\n\t.optgroup:last-child {\n\t\tborder-right: 0 none;\n\t}\n\t.optgroup:before {\n\t\tdisplay: none;\n\t}\n\t.optgroup-header {\n\t\tborder-top: 0 none;\n\t}\n}",".selectize-control.plugin-remove_button {\n\t[data-value] {\n\t\tposition: relative;\n\t\tpadding-right: 24px !important;\n\t}\n\t[data-value] .remove {\n\t\tz-index: 1; /* fixes ie bug (see #392) */\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\twidth: 17px;\n\t\ttext-align: center;\n\t\tfont-weight: bold;\n\t\tfont-size: 12px;\n\t\tcolor: inherit;\n\t\ttext-decoration: none;\n\t\tvertical-align: middle;\n\t\tdisplay: inline-block;\n\t\tpadding: @selectize-padding-item-y 0 0 0;\n\t\tborder-left: 1px solid @selectize-color-item-border;\n\t\t.selectize-border-radius(0 2px 2px 0);\n\t\t.selectize-box-sizing(border-box);\n\t}\n\t[data-value] .remove:hover {\n\t\tbackground: rgba(0,0,0,0.05);\n\t}\n\t[data-value].active .remove {\n\t\tborder-left-color: @selectize-color-item-active-border;\n\t}\n\t.disabled [data-value] .remove:hover {\n\t\tbackground: none;\n\t}\n\t.disabled [data-value] .remove {\n\t\tborder-left-color: lighten(desaturate(@selectize-color-item-border, 100%), @selectize-lighten-disabled-item-border);\n\t}\n}","/**\n * selectize.bootstrap3.css (v0.12.1) - Bootstrap 3 Theme\n * Copyright (c) 2013–2015 Brian Reavis & contributors\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\"); you may not use this\n * file except in compliance with the License. You may obtain a copy of the License at:\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF\n * ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n *\n * @author Brian Reavis \n */\n@import \"../bootstrap/mixins.less\";\n@import \"../bootstrap/variables.less\";\n@import \"selectize\";\n\n@selectize-fonts-family: inherit;\n@selectize-font-size: inherit;\n@selectize-line-height: @line-height-computed;\n\n@selectize-color-text: @text-color;\n@selectize-color-highlight: rgba(255,237,40,0.4);\n@selectize-color-input: @input-bg;\n@selectize-color-input-full: @input-bg;\n@selectize-color-input-error: @state-danger-text;\n@selectize-color-input-error-focus: darken(@selectize-color-input-error, 10%);\n@selectize-color-disabled: @input-bg;\n@selectize-color-item: #efefef;\n@selectize-color-item-border: rgba(0,0,0,0);\n@selectize-color-item-active: @component-active-bg;\n@selectize-color-item-active-text: #fff;\n@selectize-color-item-active-border: rgba(0,0,0,0);\n@selectize-color-optgroup: @dropdown-bg;\n@selectize-color-optgroup-text: @dropdown-header-color;\n@selectize-color-optgroup-border: @dropdown-divider-bg;\n@selectize-color-dropdown: @dropdown-bg;\n@selectize-color-dropdown-border-top: mix(@input-border, @input-bg, 0.8);\n@selectize-color-dropdown-item-active: @dropdown-link-hover-bg;\n@selectize-color-dropdown-item-active-text: @dropdown-link-hover-color;\n@selectize-color-dropdown-item-create-active-text: @dropdown-link-hover-color;\n@selectize-opacity-disabled: 0.5;\n@selectize-shadow-input: none;\n@selectize-shadow-input-focus: inset 0 1px 2px rgba(0,0,0,0.15);\n@selectize-shadow-input-error: inset 0 1px 1px rgba(0, 0, 0, .075);\n@selectize-shadow-input-error-focus: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px lighten(@selectize-color-input-error, 20%);\n@selectize-border: 1px solid @input-border;\n@selectize-border-radius: @input-border-radius;\n\n@selectize-width-item-border: 0;\n@selectize-padding-x: @padding-base-horizontal;\n@selectize-padding-y: @padding-base-vertical;\n@selectize-padding-dropdown-item-x: @padding-base-horizontal;\n@selectize-padding-dropdown-item-y: 3px;\n@selectize-padding-item-x: 3px;\n@selectize-padding-item-y: 1px;\n@selectize-margin-item-x: 3px;\n@selectize-margin-item-y: 3px;\n@selectize-caret-margin: 0;\n\n@selectize-arrow-size: 5px;\n@selectize-arrow-color: @selectize-color-text;\n@selectize-arrow-offset: @selectize-padding-x + 5px;\n\n.selectize-dropdown, .selectize-dropdown.form-control {\n\theight: auto;\n\tpadding: 0;\n\tmargin: 2px 0 0 0;\n\tz-index: @zindex-dropdown;\n\tbackground: @selectize-color-dropdown;\n\tborder: 1px solid @dropdown-fallback-border;\n\tborder: 1px solid @dropdown-border;\n\t.selectize-border-radius(@border-radius-base);\n\t.selectize-box-shadow(0 6px 12px rgba(0,0,0,.175));\n}\n\n.selectize-dropdown {\n\t.optgroup-header {\n\t\tfont-size: @font-size-small;\n\t\tline-height: @line-height-base;\n\t}\n\t.optgroup:first-child:before {\n\t\tdisplay: none;\n\t}\n\t.optgroup:before {\n\t\tcontent: ' ';\n\t\tdisplay: block;\n\t\t.nav-divider();\n\t\tmargin-left: @selectize-padding-dropdown-item-x * -1;\n\t\tmargin-right: @selectize-padding-dropdown-item-x * -1;\n\t}\n}\n\n.selectize-dropdown-content {\n\tpadding: 5px 0;\n .label{\n display: block;\n color: #444;\n font-weight: 500;\n font-size: 12px;\n text-align: left;\n padding-left: 0px;\n margin-left: 0px;\n }\n}\n\n.selectize-dropdown-header {\n\tpadding: @selectize-padding-dropdown-item-y * 2 @selectize-padding-dropdown-item-x;\n}\n\n.selectize-input {\n\tmin-height: @input-height-base;\n .name{\n color: black;\n padding-right: 10px;\n font-size: 12px;\n }\n\t&.dropdown-active {\n\t\t.selectize-border-radius(@selectize-border-radius);\n\t}\n\t&.dropdown-active::before {\n\t\tdisplay: none;\n\t}\n\t&.focus {\n\t\t@color: @input-border-focus;\n\t\t@color-rgba: rgba(red(@color), green(@color), blue(@color), .6);\n\t\tborder-color: @color;\n\t\toutline: 0;\n\t\t.selectize-box-shadow(~\"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}\");\n\t}\n}\n\n.has-error .selectize-input {\n border-color: @selectize-color-input-error;\n .selectize-box-shadow(@selectize-shadow-input-error);\n\n &:focus {\n border-color: @selectize-color-input-error-focus;\n .selectize-box-shadow(@selectize-shadow-input-error-focus);\n }\n}\n\n.selectize-control {\n\t&.multi {\n\t\t.selectize-input.has-items {\n\t\t\tpadding-left: @selectize-padding-x - @selectize-padding-item-x;\n\t\t\tpadding-right: @selectize-padding-x - @selectize-padding-item-x;\n\t\t}\n\t\t.selectize-input > div {\n\t\t\t.selectize-border-radius(@selectize-border-radius - 1px);\n\t\t}\n\t}\n}\n\n.form-control.selectize-control {\n\tpadding: 0;\n\theight: auto;\n\tborder: none;\n\tbackground: none;\n\t.selectize-box-shadow(none);\n\t.selectize-border-radius(0);\n}","@import \"bootstrap/mixins.less\";\n@import \"bootstrap/variables.less\";\n.datepicker {\n\tborder-radius: @border-radius-base;\n\t&-inline {\n\t\twidth: 220px;\n\t}\n\tdirection: ltr;\n\t&&-rtl {\n\t\tdirection: rtl;\n\t\ttable tr td span {\n\t\t\tfloat: right;\n\t\t}\n\t}\n\t&-dropdown {\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tpadding: 4px;\n\t\t&:before {\n\t\t\tcontent: '';\n\t\t\tdisplay: inline-block;\n\t\t\tborder-left: 7px solid transparent;\n\t\t\tborder-right: 7px solid transparent;\n\t\t\tborder-bottom: 7px solid #ccc;\n\t\t\tborder-top: 0;\n\t\t\tborder-bottom-color: rgba(0,0,0,.2);\n\t\t\tposition: absolute;\n\t\t}\n\t\t&:after {\n\t\t\tcontent: '';\n\t\t\tdisplay: inline-block;\n\t\t\tborder-left: 6px solid transparent;\n\t\t\tborder-right: 6px solid transparent;\n\t\t\tborder-bottom: 6px solid #fff;\n\t\t\tborder-top: 0;\n\t\t\tposition: absolute;\n\t\t}\n\t\t&.datepicker-orient-left:before { left: 6px; }\n\t\t&.datepicker-orient-left:after { left: 7px; }\n\t\t&.datepicker-orient-right:before { right: 6px; }\n\t\t&.datepicker-orient-right:after { right: 7px; }\n\t\t&.datepicker-orient-bottom:before { top: -7px; }\n\t\t&.datepicker-orient-bottom:after { top: -6px; }\n\t\t&.datepicker-orient-top:before {\n\t\t\tbottom: -7px;\n\t\t\tborder-bottom: 0;\n\t\t\tborder-top: 7px solid #999;\n\t\t}\n\t\t&.datepicker-orient-top:after {\n\t\t\tbottom: -6px;\n\t\t\tborder-bottom: 0;\n\t\t\tborder-top: 6px solid #fff;\n\t\t}\n\t}\n\t> div {\n\t\tdisplay: none;\n\t}\n\t&.days .datepicker-days,\n\t&.months .datepicker-months,\n\t&.years .datepicker-years {\n\t\tdisplay: block;\n\t}\n\ttable {\n\t\tmargin: 0;\n\t\t-webkit-touch-callout: none;\n\t\t-webkit-user-select: none;\n\t\t-khtml-user-select: none;\n\t\t-moz-user-select: none;\n\t\t-ms-user-select: none;\n\t\tuser-select: none;\n\t\ttr {\n\t\t\ttd, th {\n\t\t\t\ttext-align: center;\n\t\t\t\twidth: 30px;\n\t\t\t\theight: 30px;\n\t\t\t\tborder-radius: 4px;\n\t\t\t\tborder: none;\n\t\t\t}\n\t\t}\n\t}\n\t// Inline display inside a table presents some problems with\n\t// border and background colors.\n\t.table-striped & table tr {\n\t\ttd, th {\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n\ttable tr td {\n\t\t&.day:hover,\n\t\t&.day.focused {\n\t\t\tbackground: @gray-lighter;\n\t\t\tcursor: pointer;\n\t\t}\n\t\t&.old,\n\t\t&.new {\n\t\t\tcolor: @btn-link-disabled-color;\n\t\t}\n\t\t&.disabled,\n\t\t&.disabled:hover {\n\t\t\tbackground: none;\n\t\t\tcolor: @btn-link-disabled-color;\n\t\t\tcursor: default;\n\t\t}\n\t\t&.highlighted {\n\t\t\tbackground: @state-info-bg;\n\t\t\tborder-radius: 0;\n\t\t}\n\t\t&.today,\n\t\t&.today:hover,\n\t\t&.today.disabled,\n\t\t&.today.disabled:hover {\n\t\t\t@today-bg: lighten(orange, 30%);\n\t\t\t.button-variant(#000, @today-bg, darken(@today-bg, 20%));\n\t\t}\n\t\t&.today:hover:hover { // Thank bootstrap 2.0 for this selector...\n\t\t\t// TODO: Bump min BS to 2.1, use @textColor in buttonBackground above\n\t\t\tcolor: #000;\n\t\t}\n\t\t&.today.active:hover {\n\t\t\tcolor: #fff;\n\t\t}\n\t\t&.range,\n\t\t&.range:hover,\n\t\t&.range.disabled,\n\t\t&.range.disabled:hover {\n\t\t\tbackground: @gray-lighter;\n\t\t\tborder-radius: 0;\n\t\t}\n\t\t&.range.today,\n\t\t&.range.today:hover,\n\t\t&.range.today.disabled,\n\t\t&.range.today.disabled:hover {\n\t\t\t@today-bg: mix(orange, @gray-lighter, 50%);\n\t\t\t.button-variant(#000, @today-bg, darken(@today-bg, 20%));\n\t\t\tborder-radius: 0;\n\t\t}\n\t\t&.selected,\n\t\t&.selected:hover,\n\t\t&.selected.disabled,\n\t\t&.selected.disabled:hover {\n\t\t\t.button-variant(#fff, @gray-light, @gray);\n\t\t\ttext-shadow: 0 -1px 0 rgba(0,0,0,.25);\n\t\t}\n\t\t&.active,\n\t\t&.active:hover,\n\t\t&.active.disabled,\n\t\t&.active.disabled:hover {\n\t\t\t.button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border);\n\t\t\ttext-shadow: 0 -1px 0 rgba(0,0,0,.25);\n\t\t}\n\t\tspan {\n\t\t\tdisplay: block;\n\t\t\twidth: 23%;\n\t\t\theight: 54px;\n\t\t\tline-height: 54px;\n\t\t\tfloat: left;\n\t\t\tmargin: 1%;\n\t\t\tcursor: pointer;\n\t\t\tborder-radius: 4px;\n\t\t\t&:hover {\n\t\t\t\tbackground: @gray-lighter;\n\t\t\t}\n\t\t\t&.disabled,\n\t\t\t&.disabled:hover {\n\t\t\t\tbackground: none;\n\t\t\t\tcolor: @btn-link-disabled-color;\n\t\t\t\tcursor: default;\n\t\t\t}\n\t\t\t&.active,\n\t\t\t&.active:hover,\n\t\t\t&.active.disabled,\n\t\t\t&.active.disabled:hover {\n\t\t\t\t.button-variant(@btn-primary-color, @btn-primary-bg, @btn-primary-border);\n\t\t\t\ttext-shadow: 0 -1px 0 rgba(0,0,0,.25);\n\t\t\t}\n\t\t\t&.old,\n\t\t\t&.new {\n\t\t\t\tcolor: @btn-link-disabled-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.datepicker-switch {\n\t\twidth: 145px;\n\t}\n\n\tthead tr:first-child th,\n\ttfoot tr th {\n\t\tcursor: pointer;\n\t\t&:hover {\n\t\t\tbackground: @gray-lighter;\n\t\t}\n\t}\n\n\t// Basic styling for calendar-week cells\n\t.cw {\n\t\tfont-size: 10px;\n\t\twidth: 12px;\n\t\tpadding: 0 2px 0 5px;\n\t\tvertical-align: middle;\n\t}\n\tthead tr:first-child .cw {\n\t\tcursor: default;\n\t\tbackground-color: transparent;\n\t}\n}\n.input-group.date .input-group-addon {\n\tcursor: pointer;\n}\n.input-daterange {\n\twidth: 100%;\n\tinput {\n\t\ttext-align: center;\n\t}\n\tinput:first-child {\n\t\tborder-radius: 3px 0 0 3px;\n\t}\n\tinput:last-child {\n\t\tborder-radius: 0 3px 3px 0;\n\t}\n\t.input-group-addon {\n\t\twidth: auto;\n\t\tmin-width: 16px;\n\t\tpadding: 4px 5px;\n\t\tfont-weight: normal;\n\t\tline-height: @line-height-base;\n\t\ttext-align: center;\n\t\ttext-shadow: 0 1px 0 #fff;\n\t\tvertical-align: middle;\n\t\tbackground-color: @input-group-addon-bg;\n\t\tborder: solid @input-group-addon-border-color;\n\t\tborder-width: 1px 0;\n\t\tmargin-left: -5px;\n\t\tmargin-right: -5px;\n\t}\n}\n","/*!\n * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x\n *\n * Copyright 2013-2015 Dan Grossman ( http://www.dangrossman.info )\n * Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php\n *\n * Built for http://www.improvely.com\n */\n\n .daterangepicker.dropdown-menu {\n max-width: none;\n z-index: 3000;\n}\n\n.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {\n float: left;\n margin: 4px;\n}\n\n.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,\n.daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {\n float: right;\n margin: 4px;\n}\n\n.daterangepicker.single .ranges, .daterangepicker.single .calendar {\n float: none;\n}\n\n.daterangepicker .ranges {\n width: 160px;\n text-align: left;\n}\n\n.daterangepicker .ranges .range_inputs>div {\n float: left;\n}\n\n.daterangepicker .ranges .range_inputs>div:nth-child(2) {\n padding-left: 11px;\n}\n\n.daterangepicker .calendar {\n display: none;\n max-width: 270px;\n}\n\n.daterangepicker.show-calendar .calendar {\n display: block;\n}\n\n.daterangepicker .calendar.single .calendar-date {\n border: none;\n}\n\n.daterangepicker .calendar th, .daterangepicker .calendar td {\n font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;\n white-space: nowrap;\n text-align: center;\n min-width: 32px;\n}\n\n.daterangepicker .daterangepicker_start_input label,\n.daterangepicker .daterangepicker_end_input label {\n color: #333;\n display: block;\n font-size: 11px;\n font-weight: normal;\n height: 20px;\n line-height: 20px;\n margin-bottom: 2px;\n text-shadow: #fff 1px 1px 0px;\n text-transform: uppercase;\n width: 74px;\n}\n\n.daterangepicker .ranges input {\n font-size: 11px;\n}\n\n.daterangepicker .ranges .input-mini {\n border: 1px solid #ccc;\n border-radius: 4px;\n color: #555;\n display: block;\n font-size: 11px;\n height: 30px;\n line-height: 30px;\n vertical-align: middle;\n margin: 0 0 10px 0;\n padding: 0 6px;\n width: 74px;\n}\n\n.daterangepicker .ranges ul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.daterangepicker .ranges li {\n font-size: 13px;\n background: #f5f5f5;\n border: 1px solid #f5f5f5;\n color: #08c;\n padding: 3px 12px;\n margin-bottom: 8px;\n -webkit-border-radius: 3px;\n -moz-border-radius: 3px;\n border-radius: 3px;\n cursor: pointer;\n}\n\n.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {\n background: #08c;\n border: 1px solid #08c;\n color: #fff;\n}\n\n.daterangepicker .calendar-date {\n border: 1px solid #ddd;\n padding: 4px;\n border-radius: 4px;\n background: #fff;\n}\n\n.daterangepicker .calendar-time {\n text-align: center;\n margin: 8px auto 0 auto;\n line-height: 30px;\n}\n\n.daterangepicker {\n position: absolute;\n background: #fff;\n top: 100px;\n left: 20px;\n padding: 4px;\n margin-top: 1px;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\n.daterangepicker.opensleft:before {\n position: absolute;\n top: -7px;\n right: 9px;\n display: inline-block;\n border-right: 7px solid transparent;\n border-bottom: 7px solid #ccc;\n border-left: 7px solid transparent;\n border-bottom-color: rgba(0, 0, 0, 0.2);\n content: '';\n}\n\n.daterangepicker.opensleft:after {\n position: absolute;\n top: -6px;\n right: 10px;\n display: inline-block;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #fff;\n border-left: 6px solid transparent;\n content: '';\n}\n\n.daterangepicker.openscenter:before {\n position: absolute;\n top: -7px;\n left: 0; \n right: 0;\n width: 0;\n margin-left: auto;\n margin-right: auto;\n display: inline-block;\n border-right: 7px solid transparent;\n border-bottom: 7px solid #ccc;\n border-left: 7px solid transparent;\n border-bottom-color: rgba(0, 0, 0, 0.2);\n content: '';\n}\n\n.daterangepicker.openscenter:after {\n position: absolute;\n top: -6px;\n left: 0; \n right: 0; \n width: 0;\n margin-left: auto;\n margin-right: auto;\n display: inline-block;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #fff;\n border-left: 6px solid transparent;\n content: '';\n}\n\n.daterangepicker.opensright:before {\n position: absolute;\n top: -7px;\n left: 9px;\n display: inline-block;\n border-right: 7px solid transparent;\n border-bottom: 7px solid #ccc;\n border-left: 7px solid transparent;\n border-bottom-color: rgba(0, 0, 0, 0.2);\n content: '';\n}\n\n.daterangepicker.opensright:after {\n position: absolute;\n top: -6px;\n left: 10px;\n display: inline-block;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #fff;\n border-left: 6px solid transparent;\n content: '';\n}\n\n.daterangepicker.dropup{\n margin-top: -5px;\n}\n.daterangepicker.dropup:before{\n top: initial;\n bottom:-7px;\n border-bottom: initial;\n border-top: 7px solid #ccc;\n}\n.daterangepicker.dropup:after{\n top: initial;\n bottom:-6px;\n border-bottom: initial;\n border-top: 6px solid #fff;\n}\n\n.daterangepicker table {\n width: 100%;\n margin: 0;\n}\n\n.daterangepicker td, .daterangepicker th {\n text-align: center;\n width: 20px;\n height: 20px;\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n cursor: pointer;\n white-space: nowrap;\n}\n\n.daterangepicker td.off {\n color: #999;\n}\n\n.daterangepicker td.disabled, .daterangepicker option.disabled {\n color: #999;\n}\n\n.daterangepicker td.available:hover, .daterangepicker th.available:hover {\n background: #eee;\n}\n\n.daterangepicker td.in-range {\n background: #ebf4f8;\n -webkit-border-radius: 0;\n -moz-border-radius: 0;\n border-radius: 0;\n}\n\n.daterangepicker td.start-date {\n -webkit-border-radius: 4px 0 0 4px;\n -moz-border-radius: 4px 0 0 4px;\n border-radius: 4px 0 0 4px;\n}\n\n.daterangepicker td.end-date {\n -webkit-border-radius: 0 4px 4px 0;\n -moz-border-radius: 0 4px 4px 0;\n border-radius: 0 4px 4px 0;\n}\n\n.daterangepicker td.start-date.end-date {\n -webkit-border-radius: 4px;\n -moz-border-radius: 4px;\n border-radius: 4px;\n}\n\n.daterangepicker td.active, .daterangepicker td.active:hover {\n background-color: #357ebd;\n border-color: #3071a9;\n color: #fff;\n}\n\n.daterangepicker td.week, .daterangepicker th.week {\n font-size: 80%;\n color: #ccc;\n}\n\n.daterangepicker select.monthselect, .daterangepicker select.yearselect {\n font-size: 12px;\n padding: 1px;\n height: auto;\n margin: 0;\n cursor: default;\n}\n\n.daterangepicker select.monthselect {\n margin-right: 2%;\n width: 56%;\n}\n\n.daterangepicker select.yearselect {\n width: 40%;\n}\n\n.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {\n width: 50px;\n margin-bottom: 0;\n}\n\n.daterangepicker_start_input {\n float: left;\n}\n\n.daterangepicker_end_input {\n float: left; \n padding-left: 11px\n}\n\n.daterangepicker th.month {\n width: auto;\n}\n","/*!\n * Bootstrap Colorpicker\n * http://mjolnic.github.io/bootstrap-colorpicker/\n *\n * Originally written by (c) 2012 Stefan Petre\n * Licensed under the Apache License v2.0\n * http://www.apache.org/licenses/LICENSE-2.0.txt\n *\n */\n\n.bgImg(@img) {\n background-image: url(\"../images/@{img}\");\n}\n\n.borderRadius(@size) {\n -webkit-border-radius: @size;\n -moz-border-radius: @size;\n border-radius: @size;\n}\n\n.colorpicker-saturation {\n width: 100px;\n height: 100px;\n .bgImg('saturation.png');\n cursor: crosshair;\n float: left;\n i {\n display: block;\n height: 5px;\n width: 5px;\n border: 1px solid #000;\n .borderRadius(5px);\n position: absolute;\n top: 0;\n left: 0;\n margin: -4px 0 0 -4px;\n b {\n display: block;\n height: 5px;\n width: 5px;\n border: 1px solid #fff;\n .borderRadius(5px);\n }\n }\n}\n\n.colorpicker-hue,\n.colorpicker-alpha {\n width: 15px;\n height: 100px;\n float: left;\n cursor: row-resize;\n margin-left: 4px;\n margin-bottom: 4px;\n}\n\n.colorpicker-hue i,\n.colorpicker-alpha i {\n display: block;\n height: 1px;\n background: #000;\n border-top: 1px solid #fff;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n margin-top: -1px;\n}\n\n.colorpicker-hue {\n .bgImg('hue.png');\n}\n\n.colorpicker-alpha {\n .bgImg('alpha.png');\n display: none;\n}\n\n.colorpicker-saturation,\n.colorpicker-hue,\n.colorpicker-alpha {\n background-size: contain;\n}\n\n.colorpicker {\n *zoom: 1;\n top: 0;\n left: 0;\n padding: 4px;\n min-width: 130px;\n margin-top: 1px;\n .borderRadius(4px);\n z-index:8000;\n}\n\n.colorpicker:before,\n.colorpicker:after {\n display: table;\n content: \"\";\n line-height: 0;\n}\n\n.colorpicker:after {\n clear: both;\n}\n\n.colorpicker:before {\n content: '';\n display: inline-block;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 7px solid #ccc;\n border-bottom-color: rgba(0, 0, 0, 0.2);\n position: absolute;\n top: -7px;\n left: 6px;\n}\n\n.colorpicker:after {\n content: '';\n display: inline-block;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid #ffffff;\n position: absolute;\n top: -6px;\n left: 7px;\n}\n\n.colorpicker div {\n position: relative;\n}\n\n.colorpicker.colorpicker-with-alpha {\n min-width: 140px;\n}\n\n.colorpicker.colorpicker-with-alpha .colorpicker-alpha {\n display: block;\n}\n\n.colorpicker-color {\n height: 10px;\n margin-top: 5px;\n clear: both;\n .bgImg('alpha.png');\n background-position: 0 100%;\n}\n\n.colorpicker-color div {\n height: 10px;\n}\n\n.colorpicker-element .input-group-addon i,\n.colorpicker-element .add-on i {\n display: inline-block;\n cursor: pointer;\n height: 16px;\n vertical-align: text-top;\n width: 16px;\n}\n\n.colorpicker.colorpicker-inline {\n position: relative;\n display: inline-block;\n float: none;\n z-index: auto;\n}\n\n.colorpicker.colorpicker-horizontal {\n width: 110px;\n min-width: 110px;\n height: auto;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-saturation {\n margin-bottom: 4px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-color {\n width: 100px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue,\n.colorpicker.colorpicker-horizontal .colorpicker-alpha {\n width: 100px;\n height: 15px;\n float: left;\n cursor: col-resize;\n margin-left: 0px;\n margin-bottom: 4px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue i,\n.colorpicker.colorpicker-horizontal .colorpicker-alpha i {\n display: block;\n height: 15px;\n background: #ffffff;\n position: absolute;\n top: 0;\n left: 0;\n width: 1px;\n border: none;\n margin-top: 0px;\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-hue {\n .bgImg('hue-horizontal.png');\n}\n\n.colorpicker.colorpicker-horizontal .colorpicker-alpha {\n .bgImg('alpha-horizontal.png');\n}\n\n.colorpicker.colorpicker-hidden {\n display: none;\n}\n\n.colorpicker.colorpicker-visible {\n display: block;\n}\n\n.colorpicker-inline.colorpicker-visible {\n display: inline-block;\n}\n\n.colorpicker-right:before {\n left: auto;\n right: 6px;\n}\n\n.colorpicker-right:after {\n left: auto;\n right: 7px;\n}\n\n\n\n.elem-color {\n position: relative;\n display: inline-block;\n width: 50px;\n padding: 4px;\n height: 33px;\n border-radius: 4px;\n background: #eee;\n border: #eee 1px solid;\n}\n\n","th{\n font-weight: 500;\n}\ndiv.dataTables_length label {\n\tfont-weight: normal;\n\ttext-align: left;\n\twhite-space: nowrap;\n}\n\ndiv.dataTables_length select {\n\twidth: 75px;\n\tdisplay: inline-block;\n}\n\ndiv.dataTables_filter {\n\ttext-align: right;\n}\n\ndiv.dataTables_filter label {\n\tfont-weight: normal;\n\twhite-space: nowrap;\n\ttext-align: left;\n}\n\ndiv.dataTables_filter input {\n\tmargin-left: 0.5em;\n\tdisplay: inline-block;\n\twidth: auto;\n}\n\ndiv.dataTables_info {\n\tpadding-top: 8px;\n\twhite-space: nowrap;\n}\n\ndiv.dataTables_paginate {\n\tmargin: 0;\n\twhite-space: nowrap;\n\ttext-align: right;\n}\n\ndiv.dataTables_paginate ul.pagination {\n\tmargin: 2px 0;\n\twhite-space: nowrap;\n}\n\n@media screen and (max-width: 767px) {\n\tdiv.dataTables_wrapper > div.row > div,\n\tdiv.dataTables_length,\n\tdiv.dataTables_filter,\n\tdiv.dataTables_info,\n\tdiv.dataTables_paginate {\n\t\ttext-align: center;\n\t}\n\n\tdiv.DTTT {\n\t\tmargin-bottom: 0.5em;\n\t}\n}\n\n\ntable.dataTable td,\ntable.dataTable th {\n\t-webkit-box-sizing: content-box;\n\t-moz-box-sizing: content-box;\n\tbox-sizing: content-box;\n}\n\n\ntable.dataTable {\n\tclear: both;\n\tmargin-top: 6px !important;\n\tmargin-bottom: 6px !important;\n\tmax-width: none !important;\n}\n\ntable.dataTable thead .sorting,\ntable.dataTable thead .sorting_asc,\ntable.dataTable thead .sorting_desc,\ntable.dataTable thead .sorting_asc_disabled,\ntable.dataTable thead .sorting_desc_disabled {\n\tcursor: pointer;\n\tposition: relative;\n}\n\ntable.dataTable thead .sorting:after,\ntable.dataTable thead .sorting_asc:after,\ntable.dataTable thead .sorting_desc:after {\n\tposition: absolute;\n\ttop: 8px;\n\tright: 8px;\n\tdisplay: block;\n\tfont-family: 'Glyphicons Halflings';\n\topacity: 0.5;\n}\ntable.dataTable thead .sorting:after {\n\topacity: 0.2;\n\tcontent: \"\\e150\"; /* sort */\n}\ntable.dataTable thead .sorting_asc:after {\n\tcontent: \"\\e155\"; /* sort-by-attributes */\n}\ntable.dataTable thead .sorting_desc:after {\n\tcontent: \"\\e156\"; /* sort-by-attributes-alt */\n}\ndiv.dataTables_scrollBody table.dataTable thead .sorting:after,\ndiv.dataTables_scrollBody table.dataTable thead .sorting_asc:after,\ndiv.dataTables_scrollBody table.dataTable thead .sorting_desc:after {\n\tdisplay: none;\n}\n\ntable.dataTable thead .sorting_asc_disabled:after,\ntable.dataTable thead .sorting_desc_disabled:after {\n\tcolor: #eee;\n}\n\ntable.dataTable thead > tr > th {\n\tpadding-right: 30px;\n}\n\ntable.dataTable th:active {\n\toutline: none;\n}\n\n\n/* Condensed */\ntable.dataTable.table-condensed thead > tr > th {\n\tpadding-right: 20px;\n}\n\ntable.dataTable.table-condensed thead .sorting:after,\ntable.dataTable.table-condensed thead .sorting_asc:after,\ntable.dataTable.table-condensed thead .sorting_desc:after {\n\ttop: 6px;\n\tright: 6px;\n}\n\n/* Scrolling */\ndiv.dataTables_scrollHead table {\n\tmargin-bottom: 0 !important;\n\tborder-bottom-left-radius: 0;\n\tborder-bottom-right-radius: 0;\n}\n\ndiv.dataTables_scrollHead table thead tr:last-child th:first-child,\ndiv.dataTables_scrollHead table thead tr:last-child td:first-child {\n\tborder-bottom-left-radius: 0 !important;\n\tborder-bottom-right-radius: 0 !important;\n}\n\ndiv.dataTables_scrollBody table {\n\tborder-top: none;\n\tmargin-top: 0 !important;\n\tmargin-bottom: 0 !important;\n}\n\ndiv.dataTables_scrollBody tbody tr:first-child th,\ndiv.dataTables_scrollBody tbody tr:first-child td {\n\tborder-top: none;\n}\n\ndiv.dataTables_scrollFoot table {\n\tmargin-top: 0 !important;\n\tborder-top: none;\n}\n\n/* Frustratingly the border-collapse:collapse used by Bootstrap makes the column\n width calculations when using scrolling impossible to align columns. We have\n to use separate\n */\ntable.table-bordered.dataTable {\n\tborder-collapse: separate !important;\n}\ntable.table-bordered thead th,\ntable.table-bordered thead td {\n\tborder-left-width: 0;\n\tborder-top-width: 0;\n}\ntable.table-bordered tbody th,\ntable.table-bordered tbody td {\n\tborder-left-width: 0;\n\tborder-bottom-width: 0;\n}\ntable.table-bordered tfoot th,\ntable.table-bordered tfoot td {\n border-left-width: 0;\n border-bottom-width: 0;\n}\ntable.table-bordered th:last-child,\ntable.table-bordered td:last-child {\n\tborder-right-width: 0;\n}\ndiv.dataTables_scrollHead table.table-bordered {\n\tborder-bottom-width: 0;\n}\n\n\n\n\n/*\n * TableTools styles\n */\n.table.dataTable tbody tr.active td,\n.table.dataTable tbody tr.active th {\n\tbackground-color: #08C;\n\tcolor: white;\n}\n\n.table.dataTable tbody tr.active:hover td,\n.table.dataTable tbody tr.active:hover th {\n\tbackground-color: #0075b0 !important;\n}\n\n.table.dataTable tbody tr.active th > a,\n.table.dataTable tbody tr.active td > a {\n\tcolor: white;\n}\n\n.table-striped.dataTable tbody tr.active:nth-child(odd) td,\n.table-striped.dataTable tbody tr.active:nth-child(odd) th {\n\tbackground-color: #017ebc;\n}\n\ntable.DTTT_selectable tbody tr {\n\tcursor: pointer;\n}\n\ndiv.DTTT .btn:hover {\n\ttext-decoration: none !important;\n}\n\nul.DTTT_dropdown.dropdown-menu {\n z-index: 2003;\n}\n\nul.DTTT_dropdown.dropdown-menu a {\n\tcolor: #333 !important; /* needed only when demo_page.css is included */\n}\n\nul.DTTT_dropdown.dropdown-menu li {\n\tposition: relative;\n}\n\nul.DTTT_dropdown.dropdown-menu li:hover a {\n\tbackground-color: #0088cc;\n\tcolor: white !important;\n}\n\ndiv.DTTT_collection_background {\n\tz-index: 2002;\t\n}\n\n/* TableTools information display */\ndiv.DTTT_print_info {\n\tposition: fixed;\n\ttop: 50%;\n\tleft: 50%;\n\twidth: 400px;\n\theight: 150px;\n\tmargin-left: -200px;\n\tmargin-top: -75px;\n\ttext-align: center;\n\tcolor: #333;\n\tpadding: 10px 30px;\n\topacity: 0.95;\n\n\tbackground-color: white;\n\tborder: 1px solid rgba(0, 0, 0, 0.2);\n\tborder-radius: 6px;\n\t\n\t-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);\n\t box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);\n}\n\ndiv.DTTT_print_info h6 {\n\tfont-weight: normal;\n\tfont-size: 28px;\n\tline-height: 28px;\n\tmargin: 1em;\n}\n\ndiv.DTTT_print_info p {\n\tfont-size: 14px;\n\tline-height: 20px;\n}\n\ndiv.dataTables_processing {\n position: absolute;\n top: 50%;\n left: 50%;\n width: 100%;\n height: 60px;\n margin-left: -50%;\n margin-top: -25px;\n padding-top: 20px;\n padding-bottom: 20px;\n text-align: center;\n font-size: 1.2em;\n background-color: white;\n background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));\n background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);\n background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);\n background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);\n background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);\n background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);\n}\n\n\n\n/*\n * FixedColumns styles\n */\ndiv.DTFC_LeftHeadWrapper table,\ndiv.DTFC_LeftFootWrapper table,\ndiv.DTFC_RightHeadWrapper table,\ndiv.DTFC_RightFootWrapper table,\ntable.DTFC_Cloned tr.even {\n background-color: white;\n margin-bottom: 0;\n}\n \ndiv.DTFC_RightHeadWrapper table ,\ndiv.DTFC_LeftHeadWrapper table {\n\tborder-bottom: none !important;\n margin-bottom: 0 !important;\n border-top-right-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n \ndiv.DTFC_RightHeadWrapper table thead tr:last-child th:first-child,\ndiv.DTFC_RightHeadWrapper table thead tr:last-child td:first-child,\ndiv.DTFC_LeftHeadWrapper table thead tr:last-child th:first-child,\ndiv.DTFC_LeftHeadWrapper table thead tr:last-child td:first-child {\n border-bottom-left-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n \ndiv.DTFC_RightBodyWrapper table,\ndiv.DTFC_LeftBodyWrapper table {\n border-top: none;\n margin: 0 !important;\n}\n \ndiv.DTFC_RightBodyWrapper tbody tr:first-child th,\ndiv.DTFC_RightBodyWrapper tbody tr:first-child td,\ndiv.DTFC_LeftBodyWrapper tbody tr:first-child th,\ndiv.DTFC_LeftBodyWrapper tbody tr:first-child td {\n border-top: none;\n}\n \ndiv.DTFC_RightFootWrapper table,\ndiv.DTFC_LeftFootWrapper table {\n border-top: none;\n margin-top: 0 !important;\n}\n\n\ndiv.DTFC_LeftBodyWrapper table.dataTable thead .sorting:after,\ndiv.DTFC_LeftBodyWrapper table.dataTable thead .sorting_asc:after,\ndiv.DTFC_LeftBodyWrapper table.dataTable thead .sorting_desc:after,\ndiv.DTFC_RightBodyWrapper table.dataTable thead .sorting:after,\ndiv.DTFC_RightBodyWrapper table.dataTable thead .sorting_asc:after,\ndiv.DTFC_RightBodyWrapper table.dataTable thead .sorting_desc:after {\n\tdisplay: none;\n}\n\n\n/*\n * FixedHeader styles\n */\ndiv.FixedHeader_Cloned table {\n\tmargin: 0 !important\n}\n\n","/*\n * File: TableTools.css\n * Description: Styles for TableTools 2\n * Author: Allan Jardine (www.sprymedia.co.uk)\n * Language: Javascript\n * License: GPL v2 / 3 point BSD\n * Project: DataTables\n * \n * Copyright 2009-2012 Allan Jardine, all rights reserved.\n *\n * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *\n *\n * CSS name space:\n * DTTT DataTables TableTools\n *\n * Style sheet provides:\n * CONTAINER TableTools container element and styles applying to all components\n * BUTTON_STYLES Action specific button styles\n * SELECTING Row selection styles\n * COLLECTIONS Drop down list (collection) styles\n * PRINTING Print display styles\n */\n\n\n/*\n * CONTAINER\n * TableTools container element and styles applying to all components\n */\ndiv.DTTT_container {\n\tposition: relative;\n\tfloat: right;\n\tmargin-bottom: 1em;\n}\n\n@media screen and (max-width: 640px) {\n\tdiv.DTTT_container {\n\t\tfloat: none !important;\n\t\ttext-align: center;\n\t}\n\n\tdiv.DTTT_container:after {\n\t\tvisibility: hidden;\n\t\tdisplay: block;\n\t\tcontent: \"\";\n\t\tclear: both;\n\t\theight: 0;\n\t}\n}\n\n\nbutton.DTTT_button,\ndiv.DTTT_button,\na.DTTT_button {\n\tposition: relative;\n\tdisplay: inline-block;\n\tmargin-right: 3px;\n\tpadding: 5px 8px;\n\tborder: 1px solid #999;\n\tcursor: pointer;\n\t*cursor: hand;\n\tfont-size: 0.88em;\n\tcolor: black !important;\n\n\t-webkit-border-radius: 2px;\n\t -moz-border-radius: 2px;\n\t -ms-border-radius: 2px;\n\t -o-border-radius: 2px;\n\t border-radius: 2px;\n\n\t-webkit-box-shadow: 1px 1px 3px #ccc;\n\t -moz-box-shadow: 1px 1px 3px #ccc;\n\t -ms-box-shadow: 1px 1px 3px #ccc;\n\t -o-box-shadow: 1px 1px 3px #ccc;\n\t box-shadow: 1px 1px 3px #ccc;\n\n\t/* Generated by http://www.colorzilla.com/gradient-editor/ */\n\tbackground: #ffffff; /* Old browsers */\n\tbackground: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */\n\tbackground: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */\n\tbackground: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */\n\tbackground: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */\n\tbackground: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */\n\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */\n}\n\n\n/* Buttons are cunning border-box sizing - we can't just use that for A and DIV due to IE6/7 */\nbutton.DTTT_button {\n\theight: 30px;\n\tpadding: 3px 8px;\n}\n\n.DTTT_button embed { \n\toutline: none;\n}\n\nbutton.DTTT_button:hover:not(.DTTT_disabled),\ndiv.DTTT_button:hover:not(.DTTT_disabled),\na.DTTT_button:hover:not(.DTTT_disabled) {\n\tborder: 1px solid #666;\n\ttext-decoration: none !important;\n\n\t-webkit-box-shadow: 1px 1px 3px #999;\n\t -moz-box-shadow: 1px 1px 3px #999;\n\t -ms-box-shadow: 1px 1px 3px #999;\n\t -o-box-shadow: 1px 1px 3px #999;\n\t box-shadow: 1px 1px 3px #999;\n\n\tbackground: #f3f3f3; /* Old browsers */\n\tbackground: -webkit-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */\n\tbackground: -moz-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* FF3.6+ */\n\tbackground: -ms-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* IE10+ */\n\tbackground: -o-linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* Opera 11.10+ */\n\tbackground: linear-gradient(top, #f3f3f3 0%,#e2e2e2 89%,#f4f4f4 100%); /* W3C */\n\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */\n}\n\nbutton.DTTT_button:focus,\ndiv.DTTT_button:focus,\na.DTTT_button:focus {\n\tborder: 1px solid #426c9e;\n\ttext-shadow: 0 1px 0 #c4def1;\n\toutline: none;\n\n\tbackground-color: #a3d0ef 100%;\n\tbackground-image: -webkit-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);\n\tbackground-image: -moz-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);\n\tbackground-image: -ms-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);\n\tbackground-image: -o-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);\n\tbackground-image: linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%);\n\tfilter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a3d0ef', EndColorStr='#a3d0ef');\n}\n\nbutton.DTTT_button:active:not(.DTTT_disabled),\ndiv.DTTT_button:active:not(.DTTT_disabled),\na.DTTT_button:active:not(.DTTT_disabled) {\n\t-webkit-box-shadow: inset 1px 1px 3px #999999;\n\t-moz-box-shadow: inset 1px 1px 3px #999999;\n\tbox-shadow: inset 1px 1px 3px #999999;\n}\n\nbutton.DTTT_disabled,\ndiv.DTTT_disabled,\na.DTTT_disabled {\n\tcolor: #999 !important;\n\tborder: 1px solid #d0d0d0;\n\tcursor: default;\n\tbackground: #ffffff; /* Old browsers */\n\tbackground: -webkit-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Chrome10+,Safari5.1+ */\n\tbackground: -moz-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* FF3.6+ */\n\tbackground: -ms-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* IE10+ */\n\tbackground: -o-linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* Opera 11.10+ */\n\tbackground: linear-gradient(top, #ffffff 0%,#f9f9f9 89%,#fafafa 100%); /* W3C */\n\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */\n}\n\n\n\n/*\n * BUTTON_STYLES\n * Action specific button styles\n * If you want images - comment this back in\n\na.DTTT_button_csv,\na.DTTT_button_xls,\na.DTTT_button_copy,\na.DTTT_button_pdf,\na.DTTT_button_print {\n\tpadding-right: 0px;\n}\n\na.DTTT_button_csv span,\na.DTTT_button_xls span,\na.DTTT_button_copy span,\na.DTTT_button_pdf span,\na.DTTT_button_print span {\n\tdisplay: inline-block;\n\theight: 24px;\n\tline-height: 24px;\n\tpadding-right: 30px;\n}\n\n\na.DTTT_button_csv span { background: url(../images/csv.png) no-repeat bottom right; }\na.DTTT_button_csv:hover span { background: url(../images/csv_hover.png) no-repeat center right; }\n\na.DTTT_button_xls span { background: url(../images/xls.png) no-repeat center right; }\na.DTTT_button_xls:hover span { background: #f0f0f0 url(../images/xls_hover.png) no-repeat center right; }\n\na.DTTT_button_copy span { background: url(../images/copy.png) no-repeat center right; }\na.DTTT_button_copy:hover span { background: #f0f0f0 url(../images/copy_hover.png) no-repeat center right; }\n\na.DTTT_button_pdf span { background: url(../images/pdf.png) no-repeat center right; }\na.DTTT_button_pdf:hover span { background: #f0f0f0 url(../images/pdf_hover.png) no-repeat center right; }\n\na.DTTT_button_print span { background: url(../images/print.png) no-repeat center right; }\na.DTTT_button_print:hover span { background: #f0f0f0 url(../images/print_hover.png) no-repeat center right; }\n\n */\n\nbutton.DTTT_button_collection span {\n\tpadding-right: 17px;\n\tbackground: url(../images/collection.png) no-repeat center right;\n}\n\nbutton.DTTT_button_collection:hover span {\n\tpadding-right: 17px;\n\tbackground: #f0f0f0 url(../images/collection_hover.png) no-repeat center right;\n}\n\n\n/*\n * SELECTING\n * Row selection styles\n */\ntable.DTTT_selectable tbody tr {\n\tcursor: pointer;\n\t*cursor: hand;\n}\n\ntable.dataTable tr.DTTT_selected.odd {\n\tbackground-color: #9FAFD1;\n}\n\ntable.dataTable tr.DTTT_selected.odd td.sorting_1 {\n\tbackground-color: #9FAFD1;\n}\n\ntable.dataTable tr.DTTT_selected.odd td.sorting_2 {\n\tbackground-color: #9FAFD1;\n}\n\ntable.dataTable tr.DTTT_selected.odd td.sorting_3 {\n\tbackground-color: #9FAFD1;\n}\n\n\ntable.dataTable tr.DTTT_selected.even {\n\tbackground-color: #B0BED9;\n}\n\ntable.dataTable tr.DTTT_selected.even td.sorting_1 {\n\tbackground-color: #B0BED9;\n}\n\ntable.dataTable tr.DTTT_selected.even td.sorting_2 {\n\tbackground-color: #B0BED9;\n}\n\ntable.dataTable tr.DTTT_selected.even td.sorting_3 {\n\tbackground-color: #B0BED9;\n}\n\n\n/*\n * COLLECTIONS\n * Drop down list (collection) styles\n */\n\ndiv.DTTT_collection {\n\twidth: 150px;\n\tpadding: 8px 8px 4px 8px;\n\tborder: 1px solid #ccc;\n\tborder: 1px solid rgba( 0, 0, 0, 0.4 );\n\tbackground-color: #f3f3f3;\n\tbackground-color: rgba( 255, 255, 255, 0.3 );\n\toverflow: hidden;\n\tz-index: 2002;\n\n\t-webkit-border-radius: 5px;\n\t -moz-border-radius: 5px;\n\t -ms-border-radius: 5px;\n\t -o-border-radius: 5px;\n\t border-radius: 5px;\n\t\n\t-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);\n\t -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);\n\t -ms-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);\n\t -o-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);\n\t box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.3);\n}\n\ndiv.DTTT_collection_background {\n\tbackground: black;\n\tz-index: 2001;\n}\n\ndiv.DTTT_collection button.DTTT_button,\ndiv.DTTT_collection div.DTTT_button,\ndiv.DTTT_collection a.DTTT_button {\n\tposition: relative;\n\tleft: 0;\n\tright: 0;\n\n\tdisplay: block;\n\tfloat: none;\n\tmargin-bottom: 4px;\n\t\n\t-webkit-box-shadow: 1px 1px 3px #999;\n\t -moz-box-shadow: 1px 1px 3px #999;\n\t -ms-box-shadow: 1px 1px 3px #999;\n\t -o-box-shadow: 1px 1px 3px #999;\n\t box-shadow: 1px 1px 3px #999;\n}\n\n\n/*\n * PRINTING\n * Print display styles\n */\n\n.DTTT_print_info {\n\tposition: fixed;\n\ttop: 50%;\n\tleft: 50%;\n\twidth: 400px;\n\theight: 150px;\n\tmargin-left: -200px;\n\tmargin-top: -75px;\n\ttext-align: center;\n\tcolor: #333;\n\tpadding: 10px 30px;\n\n\tbackground: #ffffff; /* Old browsers */\n\tbackground: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Chrome10+,Safari5.1+ */\n\tbackground: -moz-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* FF3.6+ */\n\tbackground: -ms-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* IE10+ */\n\tbackground: -o-linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* Opera 11.10+ */\n\tbackground: linear-gradient(top, #ffffff 0%,#f3f3f3 89%,#f9f9f9 100%); /* W3C */\n\tfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 ); /* IE6-9 */\n\t\n\topacity: 0.95;\n\n\tborder: 1px solid black;\n\tborder: 1px solid rgba(0, 0, 0, 0.5);\n\t\n\t-webkit-border-radius: 6px;\n\t -moz-border-radius: 6px;\n\t -ms-border-radius: 6px;\n\t -o-border-radius: 6px;\n\t border-radius: 6px;\n\t\n\t-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);\n\t -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);\n\t -ms-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);\n\t -o-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);\n\t box-shadow: 0 3px 7px rgba(0, 0, 0, 0.5);\n}\n\n.DTTT_print_info h6 {\n\tfont-weight: normal;\n\tfont-size: 28px;\n\tline-height: 28px;\n\tmargin: 1em;\n}\n\n.DTTT_print_info p {\n\tfont-size: 14px;\n\tline-height: 20px;\n}\n\n","@import \"variables.less\";\n@import \"mixins.less\";\n\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {\n position: relative;\n padding-left: 30px;\n cursor: pointer;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {\n top: 8px;\n left: 4px;\n height: 16px;\n width: 16px;\n display: block;\n position: absolute;\n color: white;\n border: 2px solid white;\n border-radius: 16px;\n text-align: center;\n line-height: 14px;\n box-shadow: 0 0 3px #444;\n box-sizing: content-box;\n content: '+';\n background-color: @ThemeColor;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child.dataTables_empty:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child.dataTables_empty:before {\n display: none;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {\n content: '-';\n background-color: #d33333;\n}\ntable.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {\n display: none;\n}\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {\n padding-left: 27px;\n}\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,\ntable.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {\n top: 5px;\n left: 4px;\n height: 14px;\n width: 14px;\n border-radius: 14px;\n line-height: 12px;\n}\ntable.dataTable.dtr-column > tbody > tr > td.control,\ntable.dataTable.dtr-column > tbody > tr > th.control {\n position: relative;\n cursor: pointer;\n}\ntable.dataTable.dtr-column > tbody > tr > td.control:before,\ntable.dataTable.dtr-column > tbody > tr > th.control:before {\n top: 50%;\n left: 50%;\n height: 16px;\n width: 16px;\n margin-top: -10px;\n margin-left: -10px;\n display: block;\n position: absolute;\n color: white;\n border: 2px solid white;\n border-radius: 16px;\n text-align: center;\n line-height: 14px;\n box-shadow: 0 0 3px #444;\n box-sizing: content-box;\n content: '+';\n background-color: @ThemeColor;\n}\ntable.dataTable.dtr-column > tbody > tr.parent td.control:before,\ntable.dataTable.dtr-column > tbody > tr.parent th.control:before {\n content: '-';\n background-color: #d33333;\n}\ntable.dataTable > tbody > tr.child {\n padding: 0.5em 1em;\n}\ntable.dataTable > tbody > tr.child:hover {\n background: transparent !important;\n}\ntable.dataTable > tbody > tr.child ul {\n display: inline-block;\n list-style-type: none;\n margin: 0;\n padding: 0;\n}\ntable.dataTable > tbody > tr.child ul li {\n border-bottom: 1px solid #efefef;\n padding: 0.5em 0;\n}\ntable.dataTable > tbody > tr.child ul li:first-child {\n padding-top: 0;\n}\ntable.dataTable > tbody > tr.child ul li:last-child {\n border-bottom: none;\n}\ntable.dataTable > tbody > tr.child span.dtr-title {\n display: inline-block;\n min-width: 75px;\n font-weight: bold;\n}\n",".stacktable { width: 100%; }\n.st-head-row { padding-top: 1em; }\n.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }\n.st-key { width: 49%; text-align: right; padding-right: 1%; }\n.st-val { width: 49%; padding-left: 1%; }\n\n\n\n/* RESPONSIVE EXAMPLE */\n\n.stacktable.large-only { display: table; }\n.stacktable.small-only { display: none; }\n\n@media (max-width: 800px) {\n .stacktable.large-only { display: none; }\n .stacktable.small-only { display: table; }\n}","@import \"variables.less\";\n@import \"mixins.less\";\n.loadmask {\n z-index: 100;\n position: absolute;\n top: 0;\n left: 0;\n -moz-opacity: 0.5;\n opacity: .50;\n filter: alpha(opacity=50);\n background-color: #ddd;\n width: 100%;\n height: 100%;\n zoom: 1;\n}\n\n.loadmask-msg {\n z-index: 20001;\n position: absolute;\n top: 0;\n left: 0;\n background: #fff;\n .rounded(4px);\n .w-mask-label{\n float: left;\n }\n}\n\n.loadmask-msg > div {\n padding: 10px 12px;\n font-size: 13px;\n color: #888;\n cursor: wait;\n}\n\n.masked {\n overflow: hidden !important;\n}\n\n.masked-relative {\n position: relative !important;\n}\n\n.masked-hidden {\n visibility: hidden !important;\n}\n\n.w-loader {\n width: 20px;\n float: left;\n display: inline-block;\n margin-right: 6px;\n font-size: 10px;\n position: relative;\n text-indent: -9999em;\n border-top: 3px solid #ddd;\n border-right: 3px solid #ddd;\n border-bottom: 3px solid #ddd;\n border-left: 3px solid @ThemeColor;\n -webkit-transform: translateZ(0);\n -ms-transform: translateZ(0);\n transform: translateZ(0);\n -webkit-animation: load8 1.1s infinite linear;\n animation: load8 1.1s infinite linear;\n}\n\n.w-loader,\n.w-loader:after {\n border-radius: 50%;\n width: 20px;\n height: 20px;\n}\n\n@-webkit-keyframes load8 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n\n@keyframes load8 {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}","@import \"variables.less\";\n@import \"mixins.less\";\n\n// table\n@table-border-color: #eee;\n@input-border-focus: #90a4ae;\n@bg_h_primary_color: #607d8b;\n@bg_h_secondary_color: #546e7a;\n@bg_h_border_color: #455a64;\nbody {\n background-color: @BodyBg;\n font-family: @secondaryFont;\n color: @PrimaryTextColor;\n font-weight: 400;\n font-size: @PrimaryFontSize;\n .fontSmooth();\n}\n\n.page-content {\n margin-left: @IconicViewWidth;\n}\n\n.pin-it .page-content {\n margin-left: @LeftAsideWidth;\n}\n\n.input-sizing-list {\n padding: 0px;\n margin: 0px;\n li {\n list-style: none;\n margin-bottom: 20px;\n }\n}\n\nh1,\nh2 {\n font-weight: 300;\n}\n\nh3,\nh4,\nh5,\nh6 {\n font-weight: 400;\n}\n\n.navbar-nav > li > a {\n padding-top: 17px;\n padding-bottom: 17px;\n}\n.alert{\n font-weight: 500;\n}\n/*--Section Header--*/\n\n.section-header {\n margin-bottom: 20px;\n border-bottom: #eee 1px solid;\n padding-bottom: 20px;\n p {\n margin-bottom: 0px;\n }\n h1,\n h2,\n h3 {\n margin-top: 0px;\n }\n}\n.ex-margin{\n margin-bottom: 10px;\n}\n.ex-margin-top{\n margin-top: 20px;\n}\n\n.doc-helper-link {\n a {\n color: cadetblue;\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n }\n i {\n font-size: 14px;\n }\n .doc-link-icon {\n font-size: 13px;\n }\n span {\n padding: 0px 6px;\n }\n }\n}\n/*--Table Styles--*/\n.table{\n background-color: #fff;\n}\n.td-export-toolbar {\n text-align: right;\n margin-bottom: 20px;\n}\n\n.td-content {\n margin: 20px 0px;\n border-top: #eee 1px solid;\n border-bottom: #eee 1px solid;\n}\n\n.td-select {\n float: left;\n}\n\n.r-label {\n padding-left: 10px;\n padding-top: 8px;\n display: inline-block;\n}\n\n.DTTT_Print .page-content {\n margin-left: 0px;\n}\n\n.dt-table-simple {\n margin-bottom: 20px;\n background-color: #fff;\n}\n\n.td-content-simple {\n margin: 20px 0px;\n}\n\n.matmix-dt {\n tbody {\n & > tr {\n & > td {\n vertical-align: middle;\n label {\n font-size: 13px;\n font-weight: 500;\n }\n }\n }\n }\n thead {\n & > tr {\n & > th {\n vertical-align: middle;\n padding: 15px 10px;\n background-color: #f5f5f5;\n .dt-col-header {\n margin-top: 0px;\n margin-bottom: 6px;\n padding: 0px 10px;\n font-size: 24px;\n font-weight: 300;\n }\n p {\n padding: 0px 10px;\n margin-bottom: 0px;\n font-weight: 400;\n }\n }\n &:first-child {\n & > th {\n background-color: #fff;\n }\n }\n }\n }\n .tc-center {\n text-align: center;\n .btn-toolbar {\n display: inline-block;\n }\n }\n .user-td-thumb {\n width: 32px;\n height: 32px;\n display: inline-block;\n img {\n width: 100%;\n .rounded(100%);\n }\n }\n .status-select {\n width: 100px;\n display: inline-block;\n }\n}\n.table{\n width:100% !important;\n}\n\n.bg-hc-border {\n thead {\n border: @bg_h_border_color 1px solid;\n & > tr {\n & > th {\n vertical-align: middle;\n padding: 15px 10px;\n background-color: @bg_h_secondary_color;\n border: @bg_h_border_color 1px solid;\n color: aliceblue;\n h2 {\n margin-top: 0px;\n margin-bottom: 6px;\n padding: 0px 10px;\n font-size: 24px;\n }\n p {\n padding: 0px 10px;\n margin-bottom: 0px;\n font-weight: 400;\n }\n }\n &:first-child {\n & > th {\n background-color: @bg_h_primary_color;\n }\n }\n }\n }\n}\n\n.bg-hc-stripe {\n thead {\n & > tr {\n & > th {\n vertical-align: middle;\n padding: 15px 10px;\n background-color: @bg_h_secondary_color;\n border-bottom: @bg_h_border_color 1px solid;\n color: aliceblue;\n h2 {\n margin-top: 0px;\n margin-bottom: 6px;\n padding: 0px 10px;\n font-size: 24px;\n }\n p {\n padding: 0px 10px;\n margin-bottom: 0px;\n font-weight: 400;\n }\n }\n &:first-child {\n & > th {\n background-color: @bg_h_primary_color;\n }\n }\n }\n }\n}\n\n.td-bulk-action {\n margin: 0px !important;\n .control-label {\n padding-top: 6px;\n text-align: right;\n }\n}\n\n.dt-pagination {\n text-align: center;\n a {\n color: #666 !important;\n .rounded(0px) !important;\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor !important;\n }\n }\n .pagination {\n margin-bottom: 0px;\n }\n}\n/*--Preview Helper--*/\n\n.pt-0 {\n padding-top: 0px !important;\n}\n\n.mt-0 {\n margin-top: 0px !important;\n}\n\n.noui-slider-ex {\n padding: 20px;\n}\n\n.vertical .noUi-target {\n height: 200px;\n}\n\n.slider-input-range {\n span {\n display: block;\n margin-bottom: 4px;\n color: #666;\n }\n}\n\n.range-slider-con {\n margin-bottom: 40px;\n}\n\n.pricing-range-bar {\n height: 40px;\n margin-bottom: 20px;\n}\n/*bootbox*/\n\n.bb-alert {\n display: none;\n position: fixed;\n top: 25%;\n right: 20px;\n margin-bottom: 0;\n font-size: 1.2em;\n padding: 1em 1.3em;\n z-index: 2000;\n}\n\n.bootbox-close-button {\n margin-top: 0px !important;\n}\n\n//Sparkiline Tooltip\n.jqstooltip {\n border: 0px #000 solid !important;\n background-color: #353535 !important;\n .rounded(4px);\n * {\n font-size: 12px !important;\n }\n}\n\n//Standalone Pages\n.standalone-branding {\n width: 200px;\n margin: auto;\n text-align: center;\n padding: 10px 0px;\n}\n.standalone-footer {\n width: 200px;\n padding: 20px 0px;\n margin: auto;\n text-align: center;\n color: #888;\n font-size: 12px;\n i {\n color: @ThemeColor;\n padding: 0px 4px;\n }\n a {\n padding: 0px 5px;\n color: #444;\n font-weight: 500;\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n }\n }\n}\n\n//Buttons and Icons\n.matmix-icons-list{\n text-align: center;\n i{\n transition: all .2s ease-in-out;\n width: 63px;\n height: 63px;\n position: relative;\n display: inline-block;\n text-align: center;\n font-size: 20px;\n line-height: 63px;\n border: #eee 1px solid;\n margin-bottom: -1px;\n margin-right: -1px;\n &:hover{\n transform: scale(2);\n cursor: pointer;\n background-color: #fff;\n z-index: 1000;\n }\n }\n span{\n transition: all .2s ease-in-out;\n width: 63px;\n height: 63px;\n position: relative;\n display: inline-block;\n text-align: center;\n font-size: 20px;\n line-height: 63px;\n border: #eee 1px solid;\n margin-bottom: -1px;\n margin-right: -1px;\n &:hover{\n transform: scale(2);\n cursor: pointer;\n background-color: #fff;\n z-index: 1000;\n }\n }\n}\n\n .font-class{\n color: @ThemeColor;\n width: 300px;\n font-size: 16px;\n background-color: rgba(255,255,255,.9);\n .rounded(4px);\n position: fixed;\n top: 10%;\n right: 20px;\n z-index: 1200;\n text-align: center;\n padding: 20px 10px;\n border: #eee 1px solid;\n}\n.matmix-font-title{\n margin: 20px 8px;\n}\n\n//Grid\n.show-grid [class^=col-] {\n padding-top: 10px;\n padding-bottom: 10px;\n border: 1px solid #eee;\n}\n\n.footer-container{\n padding: 20px 20px;\n background-color: #eee;\n}\n\n.footer-right{\n text-align: right;\n}\n.footer-meta{\n i{\n color: @ThemeColor;\n }\n}","@import \"variables.less\";\n@import \"mixins.less\";\n/*-- 9.1 Inbox / .inbox-container --*/\n\n.inbox-container {\n position: relative;\n overflow: hidden;\n}\n\n.inbox-sidebar {\n width: @InboxSidebarWidth;\n background-color: @InboxSidebarBg;\n position: fixed;\n border-right: #e9e9e9 1px solid;\n overflow-y: auto;\n .transition(.2s, ease-out);\n .mail-search-form {\n margin-bottom: 10px;\n .form-control {\n .rounded(0px);\n border-left: 0px;\n border-right: 0px;\n }\n }\n}\n\n.email-label-container {\n padding: 15px;\n h5 {\n margin-top: 0px;\n margin-right: -15px;\n margin-left: -15px;\n padding: 0px 15px 15px 15px;\n border-bottom: #e9e9e9 1px solid;\n }\n}\n\n.label-list {\n margin: 0px;\n padding: 0px;\n list-style: none;\n li {\n margin-bottom: 10px;\n font-size: 12px;\n a {\n display: block;\n color: @PrimaryTextColor;\n &:hover {\n color: @ThemeColor;\n }\n }\n .label-color {\n width: 12px;\n height: 12px;\n display: inline-block;\n position: relative;\n top: 2px;\n .rounded(3px);\n }\n }\n}\n\n.add-more-label {\n display: block;\n font-size: 12px;\n margin-right: -15px;\n margin-left: -15px;\n padding: 6px 15px 6px 15px;\n border-top: #e9e9e9 1px solid;\n &:hover, &:focus {\n text-decoration: none;\n }\n}\n\n.inbox-content {\n position: relative;\n overflow: hidden;\n margin-left: @InboxSidebarWidth;\n .transition(.2s, ease-out);\n .email-list {\n width: @MailListWidth;\n height: 100%;\n position: fixed;\n background-color: @EmailListBg;\n border-right: #e9e9e9 1px solid;\n height: 300px;\n overflow-y: auto;\n }\n}\n\n.mail-body {\n margin-left: @MailListWidth;\n position: fixed;\n overflow-y: auto;\n background-color: #eee;\n .inbox-mail-toolbar {\n padding: 20px 20px 0 20px;\n }\n}\n\n.mail-body {\n &.multi-page {\n .email-content {\n margin: 20px;\n }\n }\n}\n\n&.hide-inbox-sidebar {\n .inbox-sidebar {\n left: -@InboxSidebarWidth;\n .transition(.2s, ease-out);\n }\n .inbox-content {\n margin-left: 0px;\n .transition(.2s, ease-out);\n }\n}\n\n.mobile-mail-action {\n display: none;\n}\n\n.inbox-toolbar {\n z-index: 2000;\n position: relative;\n background-color: @InboxToolbarBg;\n padding-top: 15px;\n padding-bottom: 15px;\n border-bottom: @InboxToolbarBorder 1px solid;\n .inbox-tools-list {\n text-align: right;\n li {\n display: inline-block;\n width: @InboxToolbarHeight;\n height: @InboxToolbarHeight;\n }\n }\n}\n\n.mail-search-form {\n .input-group-addon {\n i {\n font-size: 16px;\n }\n }\n}\n/*-- 9.1.1 Compose Form / .compose-form --*/\n\n.compose-form {\n width: 650px;\n height: 100%;\n position: fixed;\n right: 0px;\n visibility: hidden;\n -ms-transform: translate(0px, 0px);\n -webkit-transform: translate(0px, 0px);\n transform: translate(0px, 0px);\n -ms-transform: scale(2, 1);\n -webkit-transform: scale(2, 1);\n transform: scale(2, 1);\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n background-color: #fff;\n z-index: 6400;\n .compose-form-container {\n position: relative;\n }\n &.minimized {\n width: 200px;\n height: 55px;\n right: 40px;\n -ms-transform: translate(0px, 0px);\n -webkit-transform: translate(0px, 0px);\n transform: translate(0px, 0px);\n .compose-form-bottom {\n display: none !important;\n }\n }\n &.maximized {\n width: 800px;\n height: 300px;\n overflow-y: auto;\n position: fixed;\n top: 60px;\n left: 100px;\n bottom: auto;\n }\n &.compose-form-show {\n overflow: hidden;\n visibility: visible;\n -ms-transform: translate(0px, -100%);\n -webkit-transform: translate(0px, -100%);\n transform: translate(0px, -100%);\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n .compose-form-bottom {\n position: fixed;\n bottom: 0px;\n width: 768px;\n background-color: #eee;\n display: block;\n padding: 20px 20px;\n .form-group {\n margin-bottom: 0px;\n }\n }\n }\n}\n\n.compose-form-wrap {\n padding: 20px;\n overflow-y: auto;\n position: relative;\n .compose-form-header {\n margin-bottom: 10px;\n }\n .form-group {\n margin-bottom: 4px;\n border-bottom: #e5e5e5 1px solid;\n label {\n font-weight: 400;\n font-size: 13px;\n position: relative;\n top: 8px;\n padding-right: 0px;\n padding-left: 0px;\n display: block;\n }\n & > div {\n padding-right: 0px;\n padding-left: 0px;\n }\n }\n .form-control {\n border-top: transparent;\n border-right: transparent;\n border-left: transparent;\n border-bottom: transparent;\n .box-shadow(none);\n .rounded(0px);\n padding-left: 0px;\n padding-right: 3px;\n resize: none;\n &:focus {\n .box-shadow(none);\n border-top: transparent;\n border-right: transparent;\n border-left: transparent;\n .rounded(0px);\n }\n }\n .compose-message {\n height: 300px;\n }\n}\n\n.compose-form-top {\n height: @TopBarHeight;\n background-color: @ThemeColor;\n h3 {\n line-height: 55px;\n margin: 0px;\n font-size: 16px;\n color: #fff;\n padding-left: 20px;\n }\n .compose-form-minimize,\n .compose-form-exit {\n height: @TopBarHeight;\n width: 40px;\n cursor: pointer;\n display: inline-block;\n text-align: center;\n i {\n width: 40px;\n display: inline-block;\n line-height: 55px;\n color: #fff;\n font-size: 20px;\n }\n }\n}\n\n.compose-btn {\n margin: 15px;\n}\n\n.inbox-mail-toolbar {\n .email-btn-label {\n font-weight: 400;\n font-size: 12px;\n position: relative;\n top: -1px;\n padding-left: 4px;\n display: none;\n }\n .dropdown-menu {\n &> li {\n &> a {\n padding: 8px 15px;\n border-bottom: #eee 1px solid;\n font-size: 13px;\n }\n &:last-child {\n &> a {\n border-bottom: none;\n }\n }\n }\n }\n}\n\n.mailbox-list {\n margin: 0px;\n padding: 0px;\n border-bottom: #e9e9e9 1px solid;\n border-top: #e9e9e9 1px solid;\n li {\n list-style: none;\n a {\n color: @PrimaryTextColor;\n display: block;\n padding: 8px 15px;\n &:hover, &:focus {\n text-decoration: none;\n background-color: @EmailListBg;\n color: @ThemeColor;\n }\n i {\n font-size: 16px;\n position: relative;\n top: 2px;\n margin-right: 6px;\n width: 20px;\n text-align: center;\n display: inline-block;\n }\n .new-item-count {\n display: inline-block;\n background-color: @ThemeColor;\n color: #fff;\n padding: 4px 6px;\n font-size: 12px;\n .rounded(3px);\n margin-left: 6px;\n }\n }\n }\n}\n\n.email-list {\n padding-top: 40px;\n}\n\n.email-list-item {\n padding: 0px 12px;\n width: 100%;\n display: table;\n border-bottom: #e9e9e9 1px solid;\n position: relative;\n cursor: pointer;\n overflow: hidden;\n .transition(.2s, ease-out);\n &:hover {\n background-color: #ffffff;\n .transition(.2s, ease-out);\n }\n &.m-selected {\n background-color: #e0f7fa;\n .transition(.2s, ease-out);\n }\n &.m-stared {\n overflow: hidden;\n .mark-stared {\n position: absolute;\n right: -16px;\n top: -16px;\n background-color: #ff5722;\n width: 32px;\n height: 32px;\n display: block;\n text-align: center;\n .rotation(45deg);\n i {\n font-size: 20px;\n position: relative;\n left: 0px;\n top: 15px;\n color: #fff;\n }\n }\n }\n &.m-important {\n overflow: hidden;\n .mark-important {\n position: absolute;\n right: -5px;\n top: -20px;\n width: 32px;\n height: 32px;\n display: block;\n text-align: center;\n i {\n font-size: 14px;\n position: relative;\n left: 0px;\n top: 15px;\n color: #ff5722;\n }\n }\n }\n ul {\n margin: 0px;\n padding: 0px;\n list-style: none;\n }\n .email-list-action {\n width: 30px;\n display: table-cell;\n vertical-align: top;\n position: relative;\n z-index: 9000;\n padding-top: 10px;\n border-right: #e9e9e9 1px solid;\n }\n}\n\n.email-list-toolbar {\n width: @MailListWidth;\n height: 40px;\n padding: 0px 10px;\n border-bottom: #e5e5e5 1px solid;\n border-right: #e5e5e5 1px solid;\n position: fixed;\n z-index: 1800;\n background-color: #f5f5f5;\n .mail-check-all {\n width: 32px;\n padding: 8px 0px 11px 2px;\n border-right: #e5e5e5 1px solid;\n }\n .btn-toolbar {\n padding: 0px 4px;\n }\n .btn-group {\n .btn {\n border: none;\n height: 39px;\n .rounded(0px);\n &:hover, &:focus {\n background-color: #eee;\n }\n }\n }\n .dropdown-menu {\n .rounded(0px);\n margin-top: 0px;\n }\n}\n\n.email-list-details {\n display: table-cell;\n vertical-align: top;\n padding: 10px 0px 10px 12px;\n .email-list-top {\n font-size: 12px;\n margin-bottom: 6px;\n .email-date {\n color: @SecondaryTextColor;\n }\n }\n .email-intro {\n h4 {\n font-size: 12px;\n margin-top: 0px;\n margin-bottom: 6px;\n }\n p {\n margin-bottom: 0px;\n font-size: 12px;\n color: @SecondaryTextColor;\n }\n }\n}\n\n.email-content {\n background-color: #fff;\n position: relative;\n h3 {\n font-weight: 300;\n padding: 0px 20px;\n margin-bottom: 0px;\n font-size: 18px;\n }\n .email-content-body {\n padding: 20px 0px;\n margin: 0px 20px;\n border-bottom: #e9e9e9 1px solid;\n }\n}\n\n.email-meta {\n margin: 0px 20px;\n padding: 20px 0px;\n border-bottom: #e9e9e9 1px solid;\n .emial-date {\n font-size: 12px;\n color: @SecondaryTextColor;\n }\n}\n\n.emial-from {\n font-size: 12px;\n &>div {\n display: table;\n &>div {\n display: table-cell;\n vertical-align: middle;\n }\n }\n}\n\n.email-thumb {\n width: 48px;\n height: 48px;\n padding-right: 12px;\n img {\n width: 100%;\n .rounded(100%);\n }\n}\n\n.email-recipient {\n & > span {\n display: block;\n margin-bottom: 4px;\n span {\n font-weight: 500;\n }\n }\n}\n\n.email-content:before,\n.email-content:after {\n z-index: -1;\n position: absolute;\n content: \"\";\n bottom: 15px;\n left: 10px;\n width: 50%;\n top: 80%;\n max-width: 300px;\n background: #777;\n -webkit-box-shadow: 0 15px 10px #777;\n -moz-box-shadow: 0 15px 10px #777;\n box-shadow: 0 15px 10px #777;\n -webkit-transform: rotate(-3deg);\n -moz-transform: rotate(-3deg);\n -o-transform: rotate(-3deg);\n -ms-transform: rotate(-3deg);\n transform: rotate(-3deg);\n}\n\n.email-content:after {\n -webkit-transform: rotate(3deg);\n -moz-transform: rotate(3deg);\n -o-transform: rotate(3deg);\n -ms-transform: rotate(3deg);\n transform: rotate(3deg);\n right: 10px;\n left: auto;\n}\n\n.email-content-bottom {\n position: relative;\n}\n\n.email-signature {\n padding: 20px;\n .email-s {\n font-size: 12px;\n font-style: italic;\n }\n h4 {\n margin-top: 0px;\n font-weight: 400;\n }\n}\n\n.email-s-social {\n display: inline-block;\n width: 32px;\n height: 32px;\n margin-top: 10px;\n margin-right: 10px;\n a {\n display: inline-block;\n width: 32px;\n height: 32px;\n line-height: 32px;\n text-align: center;\n .rounded(100%);\n border: #e9e9e9 1px solid;\n &:hover {\n background-color: #eee;\n }\n }\n}\n\n.inbox .modal-backdrop {\n display: none;\n}\n","@import \"variables.less\";\n@import \"mixins.less\";\n/*-- 9.2 Note / .note --*/\n\n.note {\n overflow-x: hidden;\n overflow-y: hidden;\n}\n\n.note-container {\n position: relative;\n overflow: hidden;\n}\n\n.note-top-toolbar {\n background-color: #fff;\n border-bottom: #eee 1px solid;\n padding: 10px;\n .note-list-back {\n display: none;\n margin-left: 6px !important;\n }\n .btn-group {\n margin: 0px;\n }\n}\n\n.note-sidebar {\n width: 160px;\n background-color: @InboxSidebarBg;\n position: fixed;\n border-right: #e9e9e9 1px solid;\n overflow-y: auto;\n .transition(.2s, ease-out);\n}\n\n.note-content {\n position: relative;\n overflow: hidden;\n margin-left: 160px;\n .transition(.2s, ease-out);\n .note-list-wrap {\n padding-top: 40px;\n width: @MailListWidth;\n height: 100%;\n position: fixed;\n background-color: @EmailListBg;\n border-right: #e9e9e9 1px solid;\n height: 300px;\n overflow-y: auto;\n }\n}\n\n.note-body {\n margin-left: @MailListWidth;\n position: fixed;\n overflow-y: auto;\n background-color: #fff;\n}\n\n.hide-note-sidebar {\n .note-sidebar {\n left: -160px;\n .transition(.2s, ease-out);\n }\n .note-content {\n margin-left: 0px;\n .transition(.2s, ease-out);\n }\n}\n\n.note-box-list {\n margin: 0px;\n padding: 0px;\n li {\n list-style: none;\n a {\n color: @PrimaryTextColor;\n display: block;\n padding: 8px 15px;\n &:hover, &:focus {\n text-decoration: none;\n background-color: @EmailListBg;\n color: @ThemeColor;\n }\n i {\n font-size: 16px;\n position: relative;\n top: 2px;\n margin-right: 6px;\n width: 20px;\n text-align: center;\n display: inline-block;\n }\n .new-item-count {\n display: inline-block;\n background-color: @ThemeColor;\n color: #fff;\n padding: 4px 6px;\n font-size: 12px;\n .rounded(3px);\n margin-left: 6px;\n }\n }\n }\n}\n\n.note-list-item {\n padding: 0px 12px;\n width: 100%;\n display: table;\n position: relative;\n cursor: pointer;\n overflow: hidden;\n border-bottom: #f1f1f1 1px solid;\n .note-list-date {\n font-size: 11px;\n color: #888;\n margin-bottom: 4px;\n display: block;\n text-transform: uppercase;\n }\n .transition(.2s,\n ease-out);\n &:hover {\n background-color: #ffffff;\n .transition(.2s, ease-out);\n }\n &.note-item-selected,\n &.note-item-selected:hover,\n &.note-item-selected:focus {\n background-color: azure;\n .transition(.2s, ease-out);\n }\n &.note-important {\n overflow: hidden;\n .note-mark-important {\n position: absolute;\n right: -5px;\n top: -20px;\n width: 32px;\n height: 32px;\n display: block;\n text-align: center;\n i {\n font-size: 14px;\n position: relative;\n left: 0px;\n top: 15px;\n color: #ff5722;\n }\n }\n }\n &.note-pinned {\n .pin-ribbon {\n position: absolute;\n right: -20px;\n top: -20px;\n background: #0097a7;\n width: 40px;\n height: 40px;\n transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n -webkit-transform: rotate(45deg);\n i {\n position: relative;\n top: 22px;\n right: -15px;\n font-size: 12px;\n color: #fff;\n transform: rotate(25deg);\n -ms-transform: rotate(25deg);\n -webkit-transform: rotate(25deg);\n }\n }\n }\n ul {\n margin: 0px;\n padding: 0px;\n list-style: none;\n }\n .note-list-action {\n width: 30px;\n display: table-cell;\n vertical-align: top;\n position: relative;\n z-index: 9000;\n padding-top: 10px;\n }\n}\n\n.note-list-details {\n display: table-cell;\n vertical-align: top;\n padding: 10px 0px 10px 0px;\n .note-intro {\n h4 {\n font-size: 12px;\n margin-top: 0px;\n margin-bottom: 6px;\n }\n p {\n margin-bottom: 0px;\n font-size: 12px;\n color: @SecondaryTextColor;\n }\n }\n}\n\n.note-content {\n background-color: #fff;\n position: relative;\n h3 {\n font-weight: 300;\n padding: 0px 20px;\n margin-bottom: 0px;\n font-size: 18px;\n }\n .note-body {\n z-index: 6000;\n overflow-y: visible;\n }\n .note-body.full-screen {\n z-index: 8000;\n }\n .note-content-body {\n padding: 0px 0px;\n margin: 0px 0px;\n .note-editor {\n border: 0px;\n }\n }\n}\n\n.note-list-toolbar {\n width: @MailListWidth;\n height: 40px;\n padding: 0px 10px;\n border-bottom: #e5e5e5 1px solid;\n border-right: #e5e5e5 1px solid;\n position: fixed;\n z-index: 1800;\n background-color: #f5f5f5;\n .note-check-all {\n width: 32px;\n padding: 8px 0px 11px 2px;\n }\n .btn-toolbar {\n padding: 0px 4px;\n }\n .btn-group {\n .btn {\n border: none;\n height: 39px;\n .rounded(0px);\n &:hover, &:focus {\n background-color: #eee;\n }\n }\n }\n .dropdown-menu {\n .rounded(0px);\n margin-top: 0px;\n }\n}\n\n.list-search-form {\n background-color: #fff;\n width: @MailListWidth;\n height: 40px;\n position: fixed;\n margin-left: -10px;\n padding-right: -10px;\n z-index: 2000;\n .list-search-input {\n .rounded(0px);\n padding-right: 35px;\n border-left: transparent;\n border-right: transparent;\n border-top: transparent;\n .box-shadow(none);\n &:focus {\n .box-shadow(none);\n }\n }\n display: none;\n .s-input-close {\n width: 32px;\n height: 32px;\n display: inline-block;\n position: absolute;\n right: 3px;\n top: 3px;\n text-align: center;\n line-height: 32px;\n font-size: 20px;\n cursor: pointer;\n }\n}\n\n.note .top-bar {\n z-index: 7000;\n}\n\n.note .modal-backdrop {\n display: none;\n}\n\n.note .modal-dialog {\n margin: 70px auto;\n}\n\n.note .left-aside {\n z-index: 8000;\n}\n\n.note .right-aside {\n z-index: 8200;\n}\n\n.note .mask {\n z-index: 7800;\n}\n\n.note .r-mask {\n z-index: 8100;\n}\n\n.tooltip {\n z-index: 8000 !important;\n}","@import \"variables.less\";\n@import \"mixins.less\";\n/*-- 9.3 Task / .task-container --*/\n\n.task-container {\n position: relative;\n overflow: hidden;\n}\n\n.task-sidebar {\n width: @InboxSidebarWidth;\n background-color: @InboxSidebarBg;\n position: fixed;\n border-right: #e9e9e9 1px solid;\n overflow-y: auto;\n .transition(.2s, ease-out);\n .task-search-form {\n margin-bottom: 10px;\n .form-control {\n .rounded(0px);\n border-left: 0px;\n border-right: 0px;\n }\n }\n}\n\n.task-content {\n position: relative;\n overflow: hidden;\n background-color: #fff;\n h3 {\n font-weight: 400;\n padding: 0px 20px 0px 0px;\n margin-bottom: 0px;\n font-size: 22px;\n }\n .task-body-content {\n padding: 20px 0px;\n margin: 0px 20px;\n }\n margin-left: @InboxSidebarWidth;\n .transition(.2s,\n ease-out);\n .task-list {\n width: @MailListWidth;\n height: 100%;\n position: fixed;\n background-color: @EmailListBg;\n border-right: #e9e9e9 1px solid;\n height: 300px;\n overflow-y: auto;\n }\n}\n\n.task-body {\n margin-left: @MailListWidth;\n position: fixed;\n overflow-y: auto;\n background-color: #fff;\n .task-list-toolbar {\n padding: 20px 20px 0 20px;\n }\n}\n\n.task-body {\n &.multi-page {\n .email-content {\n margin: 20px;\n }\n }\n}\n\n.hide-task-sidebar {\n .task-sidebar {\n left: -@InboxSidebarWidth;\n .transition(.2s, ease-out);\n }\n .task-content {\n margin-left: 0px;\n .transition(.2s, ease-out);\n }\n}\n\n.task-toolbar {\n z-index: 2000;\n position: relative;\n background-color: @InboxToolbarBg;\n padding-top: 15px;\n padding-bottom: 15px;\n border-bottom: @InboxToolbarBorder 1px solid;\n .inbox-tools-list {\n text-align: right;\n li {\n display: inline-block;\n width: @InboxToolbarHeight;\n height: @InboxToolbarHeight;\n }\n }\n}\n\n.mail-search-form {\n .input-group-addon {\n i {\n font-size: 16px;\n }\n }\n}\n\n.task-box-list {\n margin: 0px;\n padding: 0px;\n li {\n list-style: none;\n a {\n color: @PrimaryTextColor;\n display: block;\n padding: 8px 15px;\n &:hover, &:focus {\n text-decoration: none;\n background-color: @EmailListBg;\n color: @ThemeColor;\n }\n i {\n font-size: 16px;\n position: relative;\n top: 2px;\n margin-right: 6px;\n width: 20px;\n text-align: center;\n display: inline-block;\n }\n .new-item-count {\n display: inline-block;\n background-color: @ThemeColor;\n color: #fff;\n padding: 4px 6px;\n font-size: 12px;\n .rounded(3px);\n margin-left: 6px;\n }\n }\n }\n}\n\n.task-list {\n padding-top: 40px;\n}\n\n.list-search-form {\n background-color: #fff;\n width: @MailListWidth;\n height: 40px;\n position: fixed;\n margin-left: -10px;\n padding-right: -10px;\n z-index: 2000;\n .list-search-input {\n .rounded(0px);\n padding-right: 35px;\n border-left: transparent;\n border-right: transparent;\n border-top: transparent;\n .box-shadow(none);\n &:focus {\n .box-shadow(none);\n }\n }\n display: none;\n .s-input-close {\n width: 32px;\n height: 32px;\n display: inline-block;\n position: absolute;\n right: 3px;\n top: 3px;\n text-align: center;\n line-height: 32px;\n font-size: 20px;\n cursor: pointer;\n }\n}\n\n.task-list-item {\n padding: 0px 12px;\n width: 100%;\n display: table;\n border-bottom: #e9e9e9 1px solid;\n position: relative;\n cursor: pointer;\n overflow: hidden;\n .transition(.2s, ease-out);\n &.task-completed {\n background-color: #e8f5e9;\n &:hover {\n background-color: #e8f5e9;\n }\n }\n &.task-due {\n background-color: #f9eeee;\n &:hover {\n background-color: #f9eeee;\n }\n }\n &:hover {\n background-color: #ffffff;\n .transition(.2s, ease-out);\n }\n &.m-selected {\n background-color: #e0f7fa;\n .transition(.2s, ease-out);\n }\n &.m-stared {\n overflow: hidden;\n .mark-stared {\n position: absolute;\n right: -16px;\n top: -16px;\n background-color: #ff5722;\n width: 32px;\n height: 32px;\n display: block;\n text-align: center;\n .rotation(45deg);\n i {\n font-size: 20px;\n position: relative;\n left: 0px;\n top: 15px;\n color: #fff;\n }\n }\n }\n &.m-important {\n overflow: hidden;\n .mark-important {\n position: absolute;\n right: -5px;\n top: -20px;\n width: 32px;\n height: 32px;\n display: block;\n text-align: center;\n i {\n font-size: 14px;\n position: relative;\n left: 0px;\n top: 15px;\n color: #ff5722;\n }\n }\n }\n ul {\n margin: 0px;\n padding: 0px;\n list-style: none;\n }\n .task-list-action {\n width: 30px;\n display: table-cell;\n vertical-align: top;\n position: relative;\n z-index: 9000;\n padding-top: 10px;\n border-right: #e9e9e9 1px solid;\n }\n}\n\n.task-list-toolbar {\n width: @MailListWidth;\n height: 40px;\n padding: 0px 10px;\n border-bottom: #e5e5e5 1px solid;\n border-right: #e5e5e5 1px solid;\n position: fixed;\n z-index: 1800;\n background-color: #f5f5f5;\n .task-check-all {\n width: 32px;\n padding: 8px 0px 11px 2px;\n border-right: #e5e5e5 1px solid;\n }\n .btn-toolbar {\n padding: 0px 4px;\n }\n .btn-group {\n .btn {\n border: none;\n height: 39px;\n .rounded(0px);\n &:hover, &:focus {\n background-color: #eee;\n }\n }\n }\n .dropdown-menu {\n .rounded(0px);\n margin-top: 0px;\n }\n}\n\n.task-list-details {\n display: table-cell;\n vertical-align: top;\n padding: 10px 0px 10px 12px;\n .task-list-top {\n font-size: 12px;\n margin-bottom: 6px;\n .email-date {\n color: @SecondaryTextColor;\n }\n }\n .task-intro {\n h4 {\n font-size: 12px;\n margin-top: 0px;\n margin-bottom: 6px;\n line-height: normal;\n }\n .label {\n font-size: 12px;\n margin-right: 6px;\n }\n .task-date {\n display: block;\n margin-top: 6px;\n font-size: 12px;\n color: #898989;\n i {\n margin-right: 6px;\n }\n .label {\n margin-bottom: 6px;\n display: inline-block;\n padding: 6px 6px 7px 6px;\n }\n }\n p {\n margin-bottom: 0px;\n font-size: 12px;\n color: @SecondaryTextColor;\n }\n }\n}\n\n.task-status {\n width: 70px;\n display: table-cell;\n vertical-align: middle;\n text-align: center;\n position: relative;\n right: -10px;\n}\n\n.task-meta {\n margin: 0px 0px;\n padding: 0px 0px 20px 0px;\n border-bottom: #e9e9e9 1px solid;\n .task-date {\n display: block;\n margin-top: 6px;\n font-size: 12px;\n color: #898989;\n i {\n margin-right: 6px;\n }\n .label {\n margin-bottom: 6px;\n display: inline-block;\n padding: 6px 6px 7px 6px;\n }\n .task-due-date {\n margin-bottom: 4px;\n }\n }\n}\n\n.task-assignee {\n font-size: 12px;\n &>div {\n display: table;\n &>div {\n display: table-cell;\n vertical-align: middle;\n }\n }\n}\n\n.task-thumb {\n width: 48px;\n height: 48px;\n padding-right: 12px;\n img {\n width: 100%;\n .rounded(100%);\n }\n}\n\n.task-recipient {\n & > span {\n display: block;\n margin-bottom: 4px;\n span {\n font-weight: 500;\n }\n }\n}\n\n.task-header {\n display: table;\n width: 100%;\n padding: 20px 0px;\n .task-title {\n display: table-cell;\n vertical-align: middle;\n h3 {\n margin-top: 0px;\n }\n .task-tags {\n display: block;\n margin-top: 10px;\n .label {\n font-size: 12px;\n }\n }\n }\n .task-details-status {\n text-align: right;\n display: table-cell;\n vertical-align: middle;\n }\n}\n\n.task .modal-backdrop {\n display: none;\n}\n\n.task {\n &.modal-open {\n .task-body {\n overflow: visible;\n z-index: 7000;\n }\n .modal-dialog {\n margin: 60px auto;\n }\n }\n}\n\n.task-inner-header {\n border-bottom: #eee 1px solid;\n padding-bottom: 10px;\n margin-top: 20px;\n}\n\n.attachement-list {\n a {\n color: #666;\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n }\n }\n ul {\n margin: 0px;\n padding: 0px;\n li {\n padding: 10px 0px;\n display: table;\n width: 100%;\n & > div {\n display: table-cell;\n vertical-align: middle;\n }\n .attachment-thumb {\n width: 60px;\n height: 60px;\n a {\n color: @ThemeColor;\n width: 60px;\n height: 60px;\n display: inline-block;\n text-align: center;\n background-color: #f5f5f5;\n .rounded(4px);\n i {\n width: 60px;\n height: 60px;\n line-height: 60px;\n font-size: 20px;\n }\n &:hover {\n background-color: @ThemeColor;\n .transition(.2s, ease-out);\n color: #fff;\n }\n }\n }\n .attachment-info {\n padding-left: 16px;\n .attachment-file-name {\n display: block;\n margin-bottom: 3px;\n }\n .attachment-action-bar {\n a {\n &:hover, &:focus {\n text-decoration: none;\n }\n }\n .list-file-download {\n a {\n padding-right: 10px;\n }\n }\n .list-file-del {\n a {\n padding-right: 10px;\n }\n }\n }\n }\n }\n }\n}\n\n.task-comments {\n .note-editor {\n margin-bottom: 20px;\n }\n}\n\n.task-comments-list {\n padding: 20px 0px;\n .task-comments-meta {\n display: table;\n width: 100%;\n padding-bottom: 10px;\n .task-comment-thumb {\n width: 30px;\n display: table-cell;\n vertical-align: middle;\n img {\n width: 30px;\n height: 30px;\n .rounded(100%);\n }\n }\n .ask-comment-intro {\n display: table-cell;\n vertical-align: middle;\n padding-left: 10px;\n .poster-name {\n font-weight: 500;\n font-size: 16px;\n }\n }\n }\n .attachment-action-bar {\n a {\n color: #666;\n padding-right: 6px;\n font-size: 12px;\n &:hover, &:focus {\n text-decoration: none;\n color: @ThemeColor;\n }\n }\n }\n .task-user-comments {\n background-color: #f5f5f5;\n margin-bottom: 10px;\n border: #eee 1px solid;\n padding: 20px;\n p {\n margin-bottom: 0px;\n }\n .rounded(4px);\n .attachement-list {\n li {\n padding: 0px;\n margin-bottom: 10px;\n .attachment-thumb {\n a {\n background-color: #fff;\n &:hover, &:focus {\n text-decoration: none;\n color: #fff;\n background-color: @ThemeColor;\n }\n }\n }\n }\n }\n }\n .commnet-post-date {\n font-size: 12px;\n color: #666;\n margin-bottom: 6px;\n }\n &:last-child {\n padding-bottom: 0px;\n }\n}\n\n.task-top-toolbar {\n background-color: #fff;\n border-bottom: #eee 1px solid;\n padding: 10px;\n .task-list-back {\n display: none;\n margin-left: 6px !important;\n }\n .btn-group {\n margin: 0px;\n }\n}","@import \"variables.less\";\n@import \"mixins.less\";\n/*-- 9.4 Forum / .forum-container --*/\n\n.forum-container {\n position: relative;\n margin: 0px;\n}\n\n.forum-list {\n .forum-action-bar {\n background-color: #fff;\n }\n}\n\n.forum-list-container {\n margin-right: 287px;\n}\n\n.replies-list-container {\n background-color: #fff;\n}\n\n.forum-title {\n margin-top: 0px;\n padding-bottom: 20px;\n margin-bottom: 0px;\n font-weight: 300;\n}\n\n.forum-sub-title {\n margin-bottom: 20px;\n margin-top: -15px;\n color: darkgray;\n}\n\n.forum-list-switch {\n text-align: right;\n padding-top: 15px;\n .active-btn {\n background-color: rgba(000, 000, 000, .1);\n border-color: rgba(000, 000, 000, .1);\n color: aliceblue;\n }\n}\n\n.topics-list {\n padding: 15px;\n a {\n color: @PrimaryTextColor;\n &:hover, &:focus {\n text-decoration: none;\n }\n }\n .topic-container {\n position: relative;\n }\n .topic-wrap {\n position: relative;\n display: table;\n background-color: #fff;\n .rounded(4px);\n .box-shadow(0 0px 5px rgba(000, 000, 000, .05));\n .transition(.3s, ease-out);\n &:hover {\n .box-shadow(0 0px 8px rgba(000, 000, 000, .1));\n .transition(.3s, ease-out);\n background-color: #f9f9f9;\n }\n margin-bottom: 20px;\n & > span {\n display: table-cell;\n vertical-align: middle;\n padding: 20px;\n }\n .topic-thumb {\n width: 60px;\n img {\n width: 60px;\n height: 60px;\n .rounded(100%);\n }\n }\n .topic-intro {\n padding: 0px 15px;\n width: 100%;\n .topic-title {\n font-weight: 500;\n font-size: 16px;\n padding-bottom: 3px;\n }\n .topic-meta {\n color: #666;\n font-weight: 500;\n em {\n font-weight: 400;\n color: #888;\n }\n }\n & > span {\n display: block;\n }\n }\n .topic-feedback-stat {\n .forum-reply-count {\n font-size: 14px;\n font-weight: 500;\n }\n i {\n font-size: 16px;\n }\n & > span {\n display: block;\n text-align: center;\n }\n .topic-feedback-wrap {\n width: 80px;\n height: 80px;\n padding-top: 16px;\n display: inline-block;\n background-color: #f1f1f1;\n .rounded(100%);\n & > span {\n display: block;\n text-align: center;\n padding: 3px 6px 0px 6px;\n }\n }\n }\n }\n &.condense-topics {\n padding: 30px 15px 30px 15px;\n a {\n color: @PrimaryTextColor;\n &:hover, &:focus {\n text-decoration: none;\n }\n }\n .topic-container {\n position: relative;\n }\n .topic-wrap {\n position: relative;\n display: table;\n background-color: #fff;\n padding: 4px;\n .rounded(4px);\n .box-shadow(0 0px 5px rgba(000, 000, 000, .05));\n .transition(.3s, ease-out);\n &:hover {\n .box-shadow(0 0px 8px rgba(000, 000, 000, .1));\n .transition(.3s, ease-out);\n background-color: #f9f9f9;\n }\n .cross-ribbon {\n top: 0px;\n right: 90px;\n left: auto;\n }\n margin-bottom: 10px;\n &>span {\n display: table-cell;\n vertical-align: middle;\n padding: 0px;\n }\n .topic-thumb {\n width: 36px;\n img {\n width: 36px;\n height: 36px;\n .rounded(100%);\n }\n }\n .topic-intro {\n width: 100%;\n padding: 0px 0px 0px 10px;\n .topic-title {\n font-weight: 500;\n font-size: 16px;\n padding-bottom: 0px;\n }\n .topic-meta {\n display: none;\n color: #666;\n font-weight: 500;\n em {\n font-weight: 400;\n color: #888;\n }\n }\n & > span {\n display: block;\n }\n }\n .topic-feedback-stat {\n .forum-reply-count {\n font-size: 14px;\n font-weight: 500;\n }\n i {\n font-size: 16px;\n }\n & > span {\n display: block;\n text-align: center;\n }\n .topic-feedback-wrap {\n width: 80px;\n height: auto;\n padding: 6px 0px 8px 0px;\n display: inline-block;\n background-color: #f1f1f1;\n .rounded(3px);\n & > span {\n display: inline-block;\n text-align: center;\n padding: 3px 6px 0px 6px;\n }\n }\n }\n }\n .corner-ribbon {\n width: 12px !important;\n height: 12px !important;\n right: 120px;\n top: 16px;\n .rounded(100%);\n & > div {\n display: none;\n }\n }\n .new-ticket {\n .corner-ribbon {\n background-color: #00acc1 !important;\n }\n }\n .pending-ticket {\n .corner-ribbon {\n background-color: rgba(000, 000, 000, .4) !important;\n }\n }\n }\n}\n\n.forum-categories {\n width: 287px;\n position: fixed;\n right: 0px;\n border-left: #eee 1px solid;\n bottom: 0px;\n overflow-y: auto;\n direction: rtl;\n text-align: left;\n .box-shadow(0 0px 5px rgba(000, 000, 000, .05));\n background-color: #fff;\n -ms-transform: translate(0px, 0px) !important;\n -webkit-transform: translate(0px, 0px) !important;\n transform: translate(0px, 0px) !important;\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n &.forum-categories-show {\n -ms-transform: translate(0px, 0px);\n -webkit-transform: translate(0px, 0px);\n transform: translate(0px, 0px);\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n }\n &.forum-categories-hide {\n -ms-transform: translate(100%, 0px);\n -webkit-transform: translate(100%, 0px);\n transform: translate(100%, 0px);\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n }\n &.fixed-top-side {\n height: 100% !important;\n }\n .forum-categories-list {\n ul {\n padding: 0px;\n margin: 0px;\n li {\n list-style: none;\n a {\n font-size: 18px;\n font-weight: 500;\n padding: 20px 20px;\n border-bottom: #eee 1px solid;\n display: block;\n text-align: left;\n .forum-cat-title {\n display: block;\n .topics-count {\n display: inline-block;\n background-color: @ThemeColor;\n padding: 6px 8px;\n color: #fff;\n font-size: 14px;\n font-weight: 500;\n .rounded(4px);\n }\n }\n .forum-cat-subtitle {\n display: block;\n font-size: 14px;\n font-weight: 400;\n color: #888;\n }\n &:hover,\n &:focus {\n text-decoration: none;\n background-color: #f5f5f5;\n }\n }\n }\n }\n }\n}\n\n.cross-ribbon {\n width: 24px;\n height: 35px;\n background: #eee;\n position: absolute;\n text-align: center;\n padding: 0px !important;\n left: 86px;\n -webkit-transition: all 0.5s ease;\n &::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n border-top: 12px solid #eee;\n border-right: 12px solid #fff;\n }\n &::before {\n content: '';\n position: absolute;\n bottom: 0;\n right: 0;\n border-top: 12px solid #eee;\n border-left: 12px solid #fff;\n }\n &:hover {\n height: 40px;\n }\n & > span {\n position: relative;\n top: 2px;\n padding: 0px !important;\n color: #888;\n text-shadow: 1px 1px 1px #fff;\n }\n}\n\n.corner-ribbon {\n width: 100px;\n height: 100px;\n overflow: hidden;\n position: absolute;\n z-index: 500;\n & > div {\n font-size: 13px;\n font-weight: 500;\n color: #fff;\n text-shadow: 0px 1px 1px rgba(000, 000, 000, .6);\n text-align: center;\n -webkit-transform: rotate(-45deg);\n position: relative;\n padding: 5px 0;\n left: -44px;\n top: 2px;\n width: 120px;\n background-color: #eee;\n }\n}\n\n.new-ticket {\n .topic-feedback-wrap {\n background-color: #00acc1 !important;\n & > span {\n color: #fff;\n }\n }\n .corner-ribbon {\n & > div {\n background-color: #00acc1;\n }\n }\n}\n\n.pending-ticket {\n .topic-feedback-wrap {\n background-color: #f1f1f1;\n & > span {\n color: #aaa;\n }\n }\n .corner-ribbon {\n & > div {\n background-color: rgba(000, 000, 000, .4);\n left: -30px;\n top: 16px;\n }\n }\n}\n\n.forum-header {\n margin-left: -15px;\n margin-right: -15px;\n background-color: #37474f;\n padding: 30px 30px 10px 30px;\n color: floralwhite;\n .label {\n font-size: 12px;\n margin-bottom: 10px;\n display: inline-block;\n padding: 6px 8px 8px 8px;\n }\n}\n\n.forum-stats {\n margin-bottom: 20px;\n}\n\n.open-tickets {\n background-color: #4caf50;\n color: #fff;\n}\n\n.closed-tickets {\n background-color: #e57373;\n color: #fff;\n}\n\n.new-tickets {\n background-color: #00acc1;\n color: #fff;\n}\n\n.sats-widget {\n display: table;\n width: 100%;\n text-align: center;\n .rounded(3px);\n .transition(.3s, ease-out);\n &:hover, &:focus {\n text-decoration: none;\n color: azure;\n opacity: .8;\n .transition(.3s, ease-out);\n }\n .stats-icon {\n display: table-cell;\n vertical-align: middle;\n width: 80px;\n font-size: 36px;\n padding: 20px 10px;\n border-right: rgba(255, 255, 255, .2) 1px solid;\n }\n .stats-info {\n display: table-cell;\n vertical-align: middle;\n padding: 20px 20px;\n text-align: left;\n }\n .topics-couner {\n display: block;\n font-size: 24px;\n font-weight: 300;\n }\n .topic-type {\n display: block;\n font-weight: 500;\n font-size: 14px;\n margin-top: 10px;\n }\n}\n\n.forum-form-header {\n margin-bottom: 20px;\n .form-top-field {\n margin-bottom: 20px;\n }\n .control-label {\n margin-left: 0px;\n padding-left: 0px;\n margin-top: 10px;\n font-weight: 400;\n }\n}\n\n.forum-post-container {\n -ms-transform: translate(0px, 0px);\n -webkit-transform: translate(0px, 0px);\n transform: translate(0px, 0px);\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n &.forum-form-show {\n -ms-transform: translate(0px, 0px);\n -webkit-transform: translate(0px, 0px);\n transform: translate(0px, 0px);\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n }\n &.forum-form-hide {\n -ms-transform: translate(0px, 100%);\n -webkit-transform: translate(0px, 100%);\n transform: translate(0px, 100%);\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n }\n height: 450px;\n background-color: #f5f5f5;\n width: 100%;\n position: fixed;\n bottom: 0px;\n z-index: 7000;\n .form-header {\n position: relative;\n h4 {\n margin-top: 0px;\n border-bottom: #eee 1px solid;\n padding-bottom: 15px;\n margin-bottom: 20px;\n text-transform: uppercase;\n font-weight: 400;\n }\n .topic-close {\n height: 30px;\n width: 30px;\n display: inline-block;\n position: absolute;\n right: 0px;\n top: -6px;\n text-align: center;\n line-height: 30px;\n cursor: pointer;\n }\n }\n .form-last-child {\n padding-right: 0px;\n }\n}\n\n.forum-reply-post {\n -ms-transform: translate(0px, 0px);\n -webkit-transform: translate(0px, 0px);\n transform: translate(0px, 0px);\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n &.forum-reply-show {\n -ms-transform: translate(0px, 0px);\n -webkit-transform: translate(0px, 0px);\n transform: translate(0px, 0px);\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n }\n &.forum-reply-hide {\n -ms-transform: translate(0px, 100%);\n -webkit-transform: translate(0px, 100%);\n transform: translate(0px, 100%);\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n }\n height: 430px;\n background-color: #f5f5f5;\n width: 100%;\n position: fixed;\n bottom: 0px;\n z-index: 7000;\n .form-header {\n position: relative;\n h4 {\n margin-top: 0px;\n border-bottom: #eee 1px solid;\n padding-bottom: 15px;\n margin-bottom: 20px;\n text-transform: uppercase;\n font-weight: 400;\n }\n .reply-close {\n height: 30px;\n width: 30px;\n display: inline-block;\n position: absolute;\n right: 0px;\n top: -6px;\n text-align: center;\n line-height: 30px;\n cursor: pointer;\n }\n }\n .form-last-child {\n padding-right: 0px;\n }\n}\n\n.forum-form-body {\n .note-editor {\n background-color: #fff;\n }\n .forum-form-btn {\n margin-top: 20px;\n .btn {\n &:hover, &:focus {\n text-decoration: none;\n }\n }\n }\n}\n\n.forum-post-form {\n margin-left: 60px;\n padding: 20px;\n}\n\n.forum .modal-backdrop {\n display: none;\n}\n\n.forum {\n &.modal-open {\n .task-body {\n overflow: visible;\n z-index: 7000;\n }\n .modal-dialog {\n margin: 70px auto;\n }\n }\n}\n\n.forum-meta {\n display: table;\n margin-bottom: 20px;\n width: 100%;\n & > div {\n display: table-cell;\n vertical-align: middle;\n }\n .forum-meta-thumb {\n width: 60px;\n img {\n width: 60px;\n height: 60px;\n .rounded(100%);\n }\n }\n .forum-meta-info {\n padding-left: 10px;\n ul {\n margin: 0px;\n padding: 0px;\n li {\n color: darkgray;\n list-style: none;\n label {\n margin-bottom: 0px;\n font-weight: 400;\n color: azure;\n }\n }\n }\n }\n a {\n color: darkgray;\n &:hover, &:focus {\n color: antiquewhite;\n text-decoration: none;\n }\n }\n}\n\n.forum-action-bar {\n border-bottom: #eee 1px solid;\n background-color: #f5f5f5;\n padding: 20px 3px 20px 15px;\n .control-label {\n margin-top: 8px;\n }\n .forum-action {\n margin-bottom: 0px;\n }\n .ticket-action {\n padding-right: 15px;\n text-align: right;\n }\n}\n\n.topics-replies {\n position: relative;\n margin-left: -15px;\n margin-right: -15px;\n .topic-reply {\n display: table;\n width: 100%;\n padding: 40px;\n border-bottom: #eee 1px solid;\n }\n .topic-reply-thumb {\n display: table-cell;\n vertical-align: top;\n text-align: center;\n width: 100px;\n img {\n width: 80px;\n height: 80px;\n .rounded(100%);\n }\n span {\n display: block;\n text-align: center;\n margin-top: 6px;\n }\n a {\n &:hover, &:focus {\n text-decoration: none;\n }\n }\n }\n .topic-reply-details {\n display: table-cell;\n vertical-align: top;\n padding-left: 20px;\n }\n .posted-time {\n padding: 20px 0px 0px 0px;\n color: #888;\n }\n .post-action-bar {\n padding-top: 20px;\n a {\n color: azure;\n &:hover, &:focus {\n text-decoration: none;\n }\n }\n }\n}\n\n.forum-aside-toggle {\n display: inline-block;\n text-align: center;\n cursor: pointer;\n i {\n font-size: 18px;\n position: relative;\n top: -1px;\n }\n position: fixed;\n bottom: 15px;\n right: 15px;\n display: none;\n z-index: 8000;\n}","@import \"variables.less\";\n@import \"mixins.less\";\n.iconic-view {\n .large-logo {\n display: none;\n }\n}\n\n.pin-it {\n .iconic-logo {\n display: none !important;\n }\n}\n\n.iconic-view {\n .iconic-logo {\n display: block !important;\n }\n}\n\n@media screen and (max-width: 1000px) {\n .top-mid,\n .desktop-search {\n display: none;\n }\n .top-aside-right {\n position: absolute;\n top: -@IconicViewWidth;\n right: @IconicViewWidth;\n }\n .mobile-search-btn {\n display: block;\n width: @IconicViewWidth;\n height: @IconicViewWidth;\n line-height: @IconicViewWidth;\n text-align: center;\n position: absolute;\n top: 0px;\n left: @IconicViewWidth;\n font-size: 18px;\n }\n .iconic-logo {\n display: none;\n }\n .page-content {\n margin-left: 0px;\n }\n .left-aside {\n z-index: 8000;\n }\n .iconic-view {\n .page-content {\n margin-left: 0px;\n }\n .left-aside {\n left: -@IconicViewWidth;\n }\n }\n .hide-list-menu {\n .page-content {\n margin-left: 0px;\n }\n .left-aside {\n left: 0px;\n }\n }\n .list-menu-view {\n .page-content {\n margin-left: 0px;\n }\n .left-aside {\n left: -@LeftAsideWidth;\n }\n }\n .pin-it {\n .page-content {\n margin-left: 0px;\n }\n }\n .hide-aside-left {\n left: -@LeftAsideWidth;\n }\n .top-bar-action {\n min-height: @IconicViewWidth;\n .rightbar-action {\n display: block;\n }\n }\n .top-aside-right {\n .rightbar-action {\n display: none;\n }\n }\n .aside-close {\n display: block;\n }\n .leftbar-action{\n display: none;\n }\n .leftbar-action-mobile {\n display: block;\n }\n .m-aside-action {\n display: block;\n }\n .h-iconic-view {\n .left-aside {\n left: -@LeftAsideWidth;\n width: @LeftAsideWidth;\n }\n }\n .user-nav {\n margin-right: 0px;\n }\n .notification-nav {\n margin-left: 0px;\n }\n .top-bar {\n .container-fluid {\n margin-left: 0px;\n margin-right: 0px;\n }\n }\n // Inbox\n .inbox-container {\n .inbox-sidebar {\n z-index: 2000;\n left: -@InboxSidebarWidth;\n }\n .inbox-content {\n margin-left: 0px;\n .email-list {\n width: 100%;\n z-index: 1600;\n }\n .mail-body {\n z-index: 1800;\n position: fixed;\n width: 100%;\n height: 100%;\n margin-left: 0px;\n right: -100%;\n background-color: #fff;\n .transition(.2s, ease-out);\n }\n }\n &.hide-inbox-sidebar {\n .inbox-sidebar {\n left: 0px;\n .transition(.2s, ease-out);\n }\n .inbox-content {\n margin-left: 0px;\n .transition(.2s, ease-out);\n }\n }\n &.mobile-mail-show {\n .inbox-content {\n .mail-body {\n right: 0px;\n .transition(.2s, ease-out);\n }\n }\n }\n .mobile-mail-action {\n display: block;\n }\n }\n .mail-body {\n &.multi-page {\n .email-content {\n margin: 0px;\n }\n }\n }\n .compose-form,\n .email-list-toolbar {\n width: 100%;\n }\n // Note\n .note-container {\n .note-sidebar {\n z-index: 2000;\n left: -160px;\n }\n .note-content {\n margin-left: 0px;\n .email-list {\n width: 100%;\n z-index: 1600;\n }\n .mail-body {\n z-index: 1800;\n position: fixed;\n width: 100%;\n height: 100%;\n margin-left: 0px;\n right: -100%;\n background-color: #fff;\n .transition(.2s, ease-out);\n }\n }\n &.hide-note-sidebar {\n .note-sidebar {\n left: 0px;\n .transition(.2s, ease-out);\n }\n .inbox-content {\n margin-left: 0px;\n .transition(.2s, ease-out);\n }\n }\n &.mobile-mail-show {\n .inbox-content {\n .mail-body {\n right: 0px;\n .transition(.2s, ease-out);\n }\n }\n }\n .mobile-mail-action {\n display: block;\n }\n }\n .note-list-wrap {\n width: 100% !important;\n z-index: 1600;\n }\n .note-list-toolbar {\n width: 100%;\n .note-search-form {\n width: 100%;\n }\n }\n .note-body {\n z-index: 1800;\n position: fixed;\n width: 100% !important;\n height: 100%;\n margin-left: 0px;\n right: -100%;\n z-index: 6800 !important;\n background-color: #fff;\n .transition(.2s, ease-out);\n }\n .mobile-note-show {\n .note-body {\n z-index: 1800;\n position: fixed;\n width: 100% !important;\n height: 100%;\n margin-left: 0px;\n right: 0px;\n z-index: 8800 !important;\n background-color: #fff;\n .transition(.2s, ease-out);\n }\n }\n // Task\n .task-container {\n .task-sidebar {\n z-index: 2000;\n left: -200px;\n }\n .task-content {\n margin-left: 0px;\n .task-list {\n width: 100%;\n z-index: 1600;\n }\n .task-body {\n z-index: 1800;\n position: fixed;\n width: 100%;\n height: 100%;\n margin-left: 0px;\n right: -100%;\n background-color: #fff;\n .transition(.2s, ease-out);\n }\n }\n &.hide-task-sidebar {\n .task-sidebar {\n left: 0px;\n .transition(.2s, ease-out);\n }\n .task-content {\n margin-left: 0px;\n .transition(.2s, ease-out);\n }\n }\n &.mobile-task-show {\n .task-content {\n .task-body {\n right: 0px;\n .transition(.2s, ease-out);\n }\n }\n }\n .mobile-task-action {\n display: block;\n }\n }\n .task-body {\n z-index: 1800;\n position: fixed;\n width: 100% !important;\n height: 100%;\n margin-left: 0px;\n right: -100%;\n z-index: 6800 !important;\n background-color: #fff;\n .transition(.2s, ease-out);\n }\n .mobile-task-show {\n .task-body {\n z-index: 1800;\n position: fixed;\n width: 100% !important;\n height: 100%;\n margin-left: 0px;\n right: 0px;\n z-index: 8800 !important;\n background-color: #fff;\n .transition(.2s, ease-out);\n }\n }\n .task-list-toolbar {\n width: 100%;\n .task-search-form {\n width: 100%;\n }\n }\n // Forum\n .forum-list-container {\n margin-right: 0px;\n }\n .forum-categories-show {\n -ms-transform: translate(100%, 0px) !important;\n -webkit-transform: translate(100%, 0px) !important;\n transform: translate(100%, 0px)!important;\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n }\n .forum-categories-hide {\n -ms-transform: translate(0px, 0px) !important;\n -webkit-transform: translate(0px, 0px) !important;\n transform: translate(0px, 0px) !important;\n -webkit-transition: transform .1s linear;\n transition: transform .1s linear;\n }\n .forum-aside-toggle {\n display: block;\n }\n .forum-categories {\n width: 287px;\n z-index: 6000;\n }\n}\n\n@media screen and (max-width: 790px) {\n .desktop-search {\n display: none;\n }\n .mobile-search {\n display: block;\n }\n .top-bar {\n .notification-nav {\n float: left;\n width: auto;\n }\n }\n}\n\n@media screen and (max-width: 460px) {\n .top-bar {\n .notification-nav {\n float: left;\n width: auto;\n }\n }\n .user-nav {\n float: none;\n .user-info {\n display: none !important;\n }\n .dropdown-menu {\n left: -88px;\n }\n & > ul {\n & >li {\n & >a {\n color: @TopBarLinkColor;\n display: block;\n min-height: 61px;\n padding: 5px 10px;\n }\n }\n & >li.open {\n & >a {\n color: @PrimaryTextColor;\n display: block;\n min-height: 61px;\n padding: 5px 10px;\n }\n }\n }\n .user-thumb {\n margin: 0px;\n text-align: center;\n }\n }\n .mobile-search {\n float: right !important;\n }\n .responsive-fix {\n clear: both;\n }\n}"]}