, or .\n\n.list-group {\n // No need to set list-style: none; since .list-group-item is block level\n margin-bottom: 20px;\n padding-left: 0; // reset padding because ul and ol\n}\n\n\n// Individual list items\n//\n// Use on `li`s or `div`s within the `.list-group` parent.\n\n.list-group-item {\n position: relative;\n display: block;\n padding: 10px 15px;\n // Place the border on the list items and negative margin up for better styling\n margin-bottom: -1px;\n background-color: @list-group-bg;\n border: 1px solid @list-group-border;\n\n // Round the first and last items\n &:first-child {\n .border-top-radius(@list-group-border-radius);\n }\n &:last-child {\n margin-bottom: 0;\n .border-bottom-radius(@list-group-border-radius);\n }\n}\n\n\n// Linked list items\n//\n// Use anchor elements instead of `li`s or `div`s to create linked list items.\n// Includes an extra `.active` modifier class for showing selected items.\n\na.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\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 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 // 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}\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 // Reset font and text properties given new insertion method\n font-family: @font-family-base;\n font-size: @font-size-small;\n font-weight: normal;\n line-height: 1.4;\n .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 text-decoration: none;\n background-color: @tooltip-bg;\n border-radius: @border-radius-base;\n}\n\n// Arrows\n.tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n// Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1\n.tooltip {\n &.top .tooltip-arrow {\n 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","//\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 // Reset font and text properties given new insertion method\n font-family: @font-family-base;\n font-size: @font-size-base;\n font-weight: normal;\n line-height: @line-height-base;\n text-align: left;\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 // Overrides for proper insertion\n white-space: normal;\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","//\n// Carousel\n// --------------------------------------------------\n\n\n// Wrapper for the slide container and indicators\n.carousel {\n position: relative;\n}\n\n.carousel-inner {\n position: relative;\n overflow: hidden;\n width: 100%;\n\n > .item {\n display: none;\n position: relative;\n .transition(.6s ease-in-out left);\n\n // Account for jankitude on images\n > img,\n > a > img {\n &:extend(.img-responsive);\n line-height: 1;\n }\n\n // WebKit CSS3 transforms for supported devices\n @media all and (transform-3d), (-webkit-transform-3d) {\n .transition-transform(~'0.6s ease-in-out');\n .backface-visibility(~'hidden');\n .perspective(1000);\n\n &.next,\n &.active.right {\n .translate3d(100%, 0, 0);\n left: 0;\n }\n &.prev,\n &.active.left {\n .translate3d(-100%, 0, 0);\n left: 0;\n }\n &.next.left,\n &.prev.right,\n &.active {\n .translate3d(0, 0, 0);\n left: 0;\n }\n }\n }\n\n > .active,\n > .next,\n > .prev {\n display: block;\n }\n\n > .active {\n left: 0;\n }\n\n > .next,\n > .prev {\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n > .next {\n left: 100%;\n }\n > .prev {\n left: -100%;\n }\n > .next.left,\n > .prev.right {\n left: 0;\n }\n\n > .active.left {\n left: -100%;\n }\n > .active.right {\n left: 100%;\n }\n\n}\n\n// Left/right controls for nav\n// ---------------------------\n\n.carousel-control {\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: @carousel-control-width;\n .opacity(@carousel-control-opacity);\n font-size: @carousel-control-font-size;\n color: @carousel-control-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n // We can't have this transition here because WebKit cancels the carousel\n // animation if you trip this while in the middle of another animation.\n\n // Set gradients for backgrounds\n &.left {\n #gradient > .horizontal(@start-color: rgba(0,0,0,.5); @end-color: rgba(0,0,0,.0001));\n }\n &.right {\n left: auto;\n right: 0;\n #gradient > .horizontal(@start-color: rgba(0,0,0,.0001); @end-color: rgba(0,0,0,.5));\n }\n\n // Hover/focus state\n &:hover,\n &:focus {\n outline: 0;\n color: @carousel-control-color;\n text-decoration: none;\n .opacity(.9);\n }\n\n // Toggles\n .icon-prev,\n .icon-next,\n .glyphicon-chevron-left,\n .glyphicon-chevron-right {\n position: absolute;\n top: 50%;\n z-index: 5;\n display: inline-block;\n }\n .icon-prev,\n .glyphicon-chevron-left {\n left: 50%;\n margin-left: -10px;\n }\n .icon-next,\n .glyphicon-chevron-right {\n right: 50%;\n margin-right: -10px;\n }\n .icon-prev,\n .icon-next {\n width: 20px;\n height: 20px;\n margin-top: -10px;\n line-height: 1;\n font-family: serif;\n }\n\n\n .icon-prev {\n &:before {\n content: '\\2039';// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)\n }\n }\n .icon-next {\n &:before {\n content: '\\203a';// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)\n }\n }\n}\n\n// Optional indicator pips\n//\n// Add an unordered list with the following class and add a list item for each\n// slide your carousel holds.\n\n.carousel-indicators {\n position: absolute;\n bottom: 10px;\n left: 50%;\n z-index: 15;\n width: 60%;\n margin-left: -30%;\n padding-left: 0;\n list-style: none;\n text-align: center;\n\n li {\n display: inline-block;\n width: 10px;\n height: 10px;\n margin: 1px;\n text-indent: -999px;\n border: 1px solid @carousel-indicator-border-color;\n border-radius: 10px;\n cursor: pointer;\n\n // IE8-9 hack for event handling\n //\n // Internet Explorer 8-9 does not support clicks on elements without a set\n // `background-color`. We cannot use `filter` since that's not viewed as a\n // background color by the browser. Thus, a hack is needed.\n // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer\n //\n // For IE8, we set solid black as it doesn't support `rgba()`. For IE9, we\n // set alpha transparency for the best results possible.\n background-color: #000 \\9; // IE8\n background-color: rgba(0,0,0,0); // IE9\n }\n .active {\n margin: 0;\n width: 12px;\n height: 12px;\n background-color: @carousel-indicator-active-bg;\n }\n}\n\n// Optional captions\n// -----------------------------\n// Hidden by default for smaller viewports\n.carousel-caption {\n position: absolute;\n left: 15%;\n right: 15%;\n bottom: 20px;\n z-index: 10;\n padding-top: 20px;\n padding-bottom: 20px;\n color: @carousel-caption-color;\n text-align: center;\n text-shadow: @carousel-text-shadow;\n & .btn {\n text-shadow: none; // No shadow for button elements in carousel-caption\n }\n}\n\n\n// Scale up controls for tablets and up\n@media screen and (min-width: @screen-sm-min) {\n\n // Scale up the controls a smidge\n .carousel-control {\n .glyphicon-chevron-left,\n .glyphicon-chevron-right,\n .icon-prev,\n .icon-next {\n width: 30px;\n height: 30px;\n margin-top: -15px;\n font-size: 30px;\n }\n .glyphicon-chevron-left,\n .icon-prev {\n margin-left: -15px;\n }\n .glyphicon-chevron-right,\n .icon-next {\n margin-right: -15px;\n }\n }\n\n // Show and left align the captions\n .carousel-caption {\n left: 20%;\n right: 20%;\n padding-bottom: 30px;\n }\n\n // Move up the indicators\n .carousel-indicators {\n bottom: 20px;\n }\n}\n","// Clearfix\n//\n// For modern browsers\n// 1. The space content is one way to avoid an Opera bug when the\n// contenteditable attribute is included anywhere else in the document.\n// Otherwise it causes space to appear at the top and bottom of elements\n// that are clearfixed.\n// 2. The use of `table` rather than `block` is only necessary if using\n// `:before` to contain the top-margins of child elements.\n//\n// Source: http://nicolasgallagher.com/micro-clearfix-hack/\n\n.clearfix() {\n &:before,\n &:after {\n content: \" \"; // 1\n display: table; // 2\n }\n &:after {\n clear: both;\n }\n}\n","// Center-align a block level element\n\n.center-block() {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n","// CSS image replacement\n//\n// Heads up! v3 launched with 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; }\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","/* FONT PATH\n * -------------------------- */\n\n@font-face {\n font-family: 'FontAwesome';\n src: url('@{fa-font-path}/fontawesome-webfont.eot?v=@{fa-version}');\n src: url('@{fa-font-path}/fontawesome-webfont.eot?#iefix&v=@{fa-version}') format('embedded-opentype'),\n url('@{fa-font-path}/fontawesome-webfont.woff2?v=@{fa-version}') format('woff2'),\n url('@{fa-font-path}/fontawesome-webfont.woff?v=@{fa-version}') format('woff'),\n url('@{fa-font-path}/fontawesome-webfont.ttf?v=@{fa-version}') format('truetype'),\n url('@{fa-font-path}/fontawesome-webfont.svg?v=@{fa-version}#fontawesomeregular') format('svg');\n // src: url('@{fa-font-path}/FontAwesome.otf') format('opentype'); // used when developing fonts\n font-weight: normal;\n font-style: normal;\n}\n","// Base Class Definition\n// -------------------------\n\n.@{fa-css-prefix} {\n display: inline-block;\n font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration\n font-size: inherit; // can't have font-size inherit on line above, so need to override\n text-rendering: auto; // optimizelegibility throws things off #1094\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n}\n","// Icon Sizes\n// -------------------------\n\n/* makes the font 33% larger relative to the icon container */\n.@{fa-css-prefix}-lg {\n font-size: (4em / 3);\n line-height: (3em / 4);\n vertical-align: -15%;\n}\n.@{fa-css-prefix}-2x { font-size: 2em; }\n.@{fa-css-prefix}-3x { font-size: 3em; }\n.@{fa-css-prefix}-4x { font-size: 4em; }\n.@{fa-css-prefix}-5x { font-size: 5em; }\n","// Fixed Width Icons\n// -------------------------\n.@{fa-css-prefix}-fw {\n width: (18em / 14);\n text-align: center;\n}\n","// List Icons\n// -------------------------\n\n.@{fa-css-prefix}-ul {\n padding-left: 0;\n margin-left: @fa-li-width;\n list-style-type: none;\n > li { position: relative; }\n}\n.@{fa-css-prefix}-li {\n position: absolute;\n left: -@fa-li-width;\n width: @fa-li-width;\n top: (2em / 14);\n text-align: center;\n &.@{fa-css-prefix}-lg {\n left: (-@fa-li-width + (4em / 14));\n }\n}\n","// Animated Icons\n// --------------------------\n\n.@{fa-css-prefix}-spin {\n -webkit-animation: fa-spin 2s infinite linear;\n animation: fa-spin 2s infinite linear;\n}\n\n.@{fa-css-prefix}-pulse {\n -webkit-animation: fa-spin 1s infinite steps(8);\n animation: fa-spin 1s infinite steps(8);\n}\n\n@-webkit-keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n\n@keyframes fa-spin {\n 0% {\n -webkit-transform: rotate(0deg);\n transform: rotate(0deg);\n }\n 100% {\n -webkit-transform: rotate(359deg);\n transform: rotate(359deg);\n }\n}\n","// Rotated & Flipped Icons\n// -------------------------\n\n.@{fa-css-prefix}-rotate-90 { .fa-icon-rotate(90deg, 1); }\n.@{fa-css-prefix}-rotate-180 { .fa-icon-rotate(180deg, 2); }\n.@{fa-css-prefix}-rotate-270 { .fa-icon-rotate(270deg, 3); }\n\n.@{fa-css-prefix}-flip-horizontal { .fa-icon-flip(-1, 1, 0); }\n.@{fa-css-prefix}-flip-vertical { .fa-icon-flip(1, -1, 2); }\n\n// Hook for IE8-9\n// -------------------------\n\n:root .@{fa-css-prefix}-rotate-90,\n:root .@{fa-css-prefix}-rotate-180,\n:root .@{fa-css-prefix}-rotate-270,\n:root .@{fa-css-prefix}-flip-horizontal,\n:root .@{fa-css-prefix}-flip-vertical {\n filter: none;\n}\n","// Mixins\n// --------------------------\n\n.fa-icon() {\n display: inline-block;\n font: normal normal normal @fa-font-size-base/@fa-line-height-base FontAwesome; // shortening font declaration\n font-size: inherit; // can't have font-size inherit on line above, so need to override\n text-rendering: auto; // optimizelegibility throws things off #1094\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n\n}\n\n.fa-icon-rotate(@degrees, @rotation) {\n -ms-filter: \"progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation})\";\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n\n.fa-icon-flip(@horiz, @vert, @rotation) {\n -ms-filter: \"progid:DXImageTransform.Microsoft.BasicImage(rotation=@{rotation}, mirror=1)\";\n -webkit-transform: scale(@horiz, @vert);\n -ms-transform: scale(@horiz, @vert);\n transform: scale(@horiz, @vert);\n}\n\n\n// Only display content to screen readers. A la Bootstrap 4.\n//\n// See: http://a11yproject.com/posts/how-to-hide-content/\n\n.sr-only() {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0,0,0,0);\n border: 0;\n}\n\n// Use in conjunction with .sr-only to only display content when it's focused.\n//\n// Useful for \"Skip to main content\" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1\n//\n// Credit: HTML5 Boilerplate\n\n.sr-only-focusable() {\n &:active,\n &:focus {\n position: static;\n width: auto;\n height: auto;\n margin: 0;\n overflow: visible;\n clip: auto;\n }\n}\n","// Stacked Icons\n// -------------------------\n\n.@{fa-css-prefix}-stack {\n position: relative;\n display: inline-block;\n width: 2em;\n height: 2em;\n line-height: 2em;\n vertical-align: middle;\n}\n.@{fa-css-prefix}-stack-1x, .@{fa-css-prefix}-stack-2x {\n position: absolute;\n left: 0;\n width: 100%;\n text-align: center;\n}\n.@{fa-css-prefix}-stack-1x { line-height: inherit; }\n.@{fa-css-prefix}-stack-2x { font-size: 2em; }\n.@{fa-css-prefix}-inverse { color: @fa-inverse; }\n","/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen\n readers do not read off random characters that represent icons */\n\n.@{fa-css-prefix}-glass:before { content: @fa-var-glass; }\n.@{fa-css-prefix}-music:before { content: @fa-var-music; }\n.@{fa-css-prefix}-search:before { content: @fa-var-search; }\n.@{fa-css-prefix}-envelope-o:before { content: @fa-var-envelope-o; }\n.@{fa-css-prefix}-heart:before { content: @fa-var-heart; }\n.@{fa-css-prefix}-star:before { content: @fa-var-star; }\n.@{fa-css-prefix}-star-o:before { content: @fa-var-star-o; }\n.@{fa-css-prefix}-user:before { content: @fa-var-user; }\n.@{fa-css-prefix}-film:before { content: @fa-var-film; }\n.@{fa-css-prefix}-th-large:before { content: @fa-var-th-large; }\n.@{fa-css-prefix}-th:before { content: @fa-var-th; }\n.@{fa-css-prefix}-th-list:before { content: @fa-var-th-list; }\n.@{fa-css-prefix}-check:before { content: @fa-var-check; }\n.@{fa-css-prefix}-remove:before,\n.@{fa-css-prefix}-close:before,\n.@{fa-css-prefix}-times:before { content: @fa-var-times; }\n.@{fa-css-prefix}-search-plus:before { content: @fa-var-search-plus; }\n.@{fa-css-prefix}-search-minus:before { content: @fa-var-search-minus; }\n.@{fa-css-prefix}-power-off:before { content: @fa-var-power-off; }\n.@{fa-css-prefix}-signal:before { content: @fa-var-signal; }\n.@{fa-css-prefix}-gear:before,\n.@{fa-css-prefix}-cog:before { content: @fa-var-cog; }\n.@{fa-css-prefix}-trash-o:before { content: @fa-var-trash-o; }\n.@{fa-css-prefix}-home:before { content: @fa-var-home; }\n.@{fa-css-prefix}-file-o:before { content: @fa-var-file-o; }\n.@{fa-css-prefix}-clock-o:before { content: @fa-var-clock-o; }\n.@{fa-css-prefix}-road:before { content: @fa-var-road; }\n.@{fa-css-prefix}-download:before { content: @fa-var-download; }\n.@{fa-css-prefix}-arrow-circle-o-down:before { content: @fa-var-arrow-circle-o-down; }\n.@{fa-css-prefix}-arrow-circle-o-up:before { content: @fa-var-arrow-circle-o-up; }\n.@{fa-css-prefix}-inbox:before { content: @fa-var-inbox; }\n.@{fa-css-prefix}-play-circle-o:before { content: @fa-var-play-circle-o; }\n.@{fa-css-prefix}-rotate-right:before,\n.@{fa-css-prefix}-repeat:before { content: @fa-var-repeat; }\n.@{fa-css-prefix}-refresh:before { content: @fa-var-refresh; }\n.@{fa-css-prefix}-list-alt:before { content: @fa-var-list-alt; }\n.@{fa-css-prefix}-lock:before { content: @fa-var-lock; }\n.@{fa-css-prefix}-flag:before { content: @fa-var-flag; }\n.@{fa-css-prefix}-headphones:before { content: @fa-var-headphones; }\n.@{fa-css-prefix}-volume-off:before { content: @fa-var-volume-off; }\n.@{fa-css-prefix}-volume-down:before { content: @fa-var-volume-down; }\n.@{fa-css-prefix}-volume-up:before { content: @fa-var-volume-up; }\n.@{fa-css-prefix}-qrcode:before { content: @fa-var-qrcode; }\n.@{fa-css-prefix}-barcode:before { content: @fa-var-barcode; }\n.@{fa-css-prefix}-tag:before { content: @fa-var-tag; }\n.@{fa-css-prefix}-tags:before { content: @fa-var-tags; }\n.@{fa-css-prefix}-book:before { content: @fa-var-book; }\n.@{fa-css-prefix}-bookmark:before { content: @fa-var-bookmark; }\n.@{fa-css-prefix}-print:before { content: @fa-var-print; }\n.@{fa-css-prefix}-camera:before { content: @fa-var-camera; }\n.@{fa-css-prefix}-font:before { content: @fa-var-font; }\n.@{fa-css-prefix}-bold:before { content: @fa-var-bold; }\n.@{fa-css-prefix}-italic:before { content: @fa-var-italic; }\n.@{fa-css-prefix}-text-height:before { content: @fa-var-text-height; }\n.@{fa-css-prefix}-text-width:before { content: @fa-var-text-width; }\n.@{fa-css-prefix}-align-left:before { content: @fa-var-align-left; }\n.@{fa-css-prefix}-align-center:before { content: @fa-var-align-center; }\n.@{fa-css-prefix}-align-right:before { content: @fa-var-align-right; }\n.@{fa-css-prefix}-align-justify:before { content: @fa-var-align-justify; }\n.@{fa-css-prefix}-list:before { content: @fa-var-list; }\n.@{fa-css-prefix}-dedent:before,\n.@{fa-css-prefix}-outdent:before { content: @fa-var-outdent; }\n.@{fa-css-prefix}-indent:before { content: @fa-var-indent; }\n.@{fa-css-prefix}-video-camera:before { content: @fa-var-video-camera; }\n.@{fa-css-prefix}-photo:before,\n.@{fa-css-prefix}-image:before,\n.@{fa-css-prefix}-picture-o:before { content: @fa-var-picture-o; }\n.@{fa-css-prefix}-pencil:before { content: @fa-var-pencil; }\n.@{fa-css-prefix}-map-marker:before { content: @fa-var-map-marker; }\n.@{fa-css-prefix}-adjust:before { content: @fa-var-adjust; }\n.@{fa-css-prefix}-tint:before { content: @fa-var-tint; }\n.@{fa-css-prefix}-edit:before,\n.@{fa-css-prefix}-pencil-square-o:before { content: @fa-var-pencil-square-o; }\n.@{fa-css-prefix}-share-square-o:before { content: @fa-var-share-square-o; }\n.@{fa-css-prefix}-check-square-o:before { content: @fa-var-check-square-o; }\n.@{fa-css-prefix}-arrows:before { content: @fa-var-arrows; }\n.@{fa-css-prefix}-step-backward:before { content: @fa-var-step-backward; }\n.@{fa-css-prefix}-fast-backward:before { content: @fa-var-fast-backward; }\n.@{fa-css-prefix}-backward:before { content: @fa-var-backward; }\n.@{fa-css-prefix}-play:before { content: @fa-var-play; }\n.@{fa-css-prefix}-pause:before { content: @fa-var-pause; }\n.@{fa-css-prefix}-stop:before { content: @fa-var-stop; }\n.@{fa-css-prefix}-forward:before { content: @fa-var-forward; }\n.@{fa-css-prefix}-fast-forward:before { content: @fa-var-fast-forward; }\n.@{fa-css-prefix}-step-forward:before { content: @fa-var-step-forward; }\n.@{fa-css-prefix}-eject:before { content: @fa-var-eject; }\n.@{fa-css-prefix}-chevron-left:before { content: @fa-var-chevron-left; }\n.@{fa-css-prefix}-chevron-right:before { content: @fa-var-chevron-right; }\n.@{fa-css-prefix}-plus-circle:before { content: @fa-var-plus-circle; }\n.@{fa-css-prefix}-minus-circle:before { content: @fa-var-minus-circle; }\n.@{fa-css-prefix}-times-circle:before { content: @fa-var-times-circle; }\n.@{fa-css-prefix}-check-circle:before { content: @fa-var-check-circle; }\n.@{fa-css-prefix}-question-circle:before { content: @fa-var-question-circle; }\n.@{fa-css-prefix}-info-circle:before { content: @fa-var-info-circle; }\n.@{fa-css-prefix}-crosshairs:before { content: @fa-var-crosshairs; }\n.@{fa-css-prefix}-times-circle-o:before { content: @fa-var-times-circle-o; }\n.@{fa-css-prefix}-check-circle-o:before { content: @fa-var-check-circle-o; }\n.@{fa-css-prefix}-ban:before { content: @fa-var-ban; }\n.@{fa-css-prefix}-arrow-left:before { content: @fa-var-arrow-left; }\n.@{fa-css-prefix}-arrow-right:before { content: @fa-var-arrow-right; }\n.@{fa-css-prefix}-arrow-up:before { content: @fa-var-arrow-up; }\n.@{fa-css-prefix}-arrow-down:before { content: @fa-var-arrow-down; }\n.@{fa-css-prefix}-mail-forward:before,\n.@{fa-css-prefix}-share:before { content: @fa-var-share; }\n.@{fa-css-prefix}-expand:before { content: @fa-var-expand; }\n.@{fa-css-prefix}-compress:before { content: @fa-var-compress; }\n.@{fa-css-prefix}-plus:before { content: @fa-var-plus; }\n.@{fa-css-prefix}-minus:before { content: @fa-var-minus; }\n.@{fa-css-prefix}-asterisk:before { content: @fa-var-asterisk; }\n.@{fa-css-prefix}-exclamation-circle:before { content: @fa-var-exclamation-circle; }\n.@{fa-css-prefix}-gift:before { content: @fa-var-gift; }\n.@{fa-css-prefix}-leaf:before { content: @fa-var-leaf; }\n.@{fa-css-prefix}-fire:before { content: @fa-var-fire; }\n.@{fa-css-prefix}-eye:before { content: @fa-var-eye; }\n.@{fa-css-prefix}-eye-slash:before { content: @fa-var-eye-slash; }\n.@{fa-css-prefix}-warning:before,\n.@{fa-css-prefix}-exclamation-triangle:before { content: @fa-var-exclamation-triangle; }\n.@{fa-css-prefix}-plane:before { content: @fa-var-plane; }\n.@{fa-css-prefix}-calendar:before { content: @fa-var-calendar; }\n.@{fa-css-prefix}-random:before { content: @fa-var-random; }\n.@{fa-css-prefix}-comment:before { content: @fa-var-comment; }\n.@{fa-css-prefix}-magnet:before { content: @fa-var-magnet; }\n.@{fa-css-prefix}-chevron-up:before { content: @fa-var-chevron-up; }\n.@{fa-css-prefix}-chevron-down:before { content: @fa-var-chevron-down; }\n.@{fa-css-prefix}-retweet:before { content: @fa-var-retweet; }\n.@{fa-css-prefix}-shopping-cart:before { content: @fa-var-shopping-cart; }\n.@{fa-css-prefix}-folder:before { content: @fa-var-folder; }\n.@{fa-css-prefix}-folder-open:before { content: @fa-var-folder-open; }\n.@{fa-css-prefix}-arrows-v:before { content: @fa-var-arrows-v; }\n.@{fa-css-prefix}-arrows-h:before { content: @fa-var-arrows-h; }\n.@{fa-css-prefix}-bar-chart-o:before,\n.@{fa-css-prefix}-bar-chart:before { content: @fa-var-bar-chart; }\n.@{fa-css-prefix}-twitter-square:before { content: @fa-var-twitter-square; }\n.@{fa-css-prefix}-facebook-square:before { content: @fa-var-facebook-square; }\n.@{fa-css-prefix}-camera-retro:before { content: @fa-var-camera-retro; }\n.@{fa-css-prefix}-key:before { content: @fa-var-key; }\n.@{fa-css-prefix}-gears:before,\n.@{fa-css-prefix}-cogs:before { content: @fa-var-cogs; }\n.@{fa-css-prefix}-comments:before { content: @fa-var-comments; }\n.@{fa-css-prefix}-thumbs-o-up:before { content: @fa-var-thumbs-o-up; }\n.@{fa-css-prefix}-thumbs-o-down:before { content: @fa-var-thumbs-o-down; }\n.@{fa-css-prefix}-star-half:before { content: @fa-var-star-half; }\n.@{fa-css-prefix}-heart-o:before { content: @fa-var-heart-o; }\n.@{fa-css-prefix}-sign-out:before { content: @fa-var-sign-out; }\n.@{fa-css-prefix}-linkedin-square:before { content: @fa-var-linkedin-square; }\n.@{fa-css-prefix}-thumb-tack:before { content: @fa-var-thumb-tack; }\n.@{fa-css-prefix}-external-link:before { content: @fa-var-external-link; }\n.@{fa-css-prefix}-sign-in:before { content: @fa-var-sign-in; }\n.@{fa-css-prefix}-trophy:before { content: @fa-var-trophy; }\n.@{fa-css-prefix}-github-square:before { content: @fa-var-github-square; }\n.@{fa-css-prefix}-upload:before { content: @fa-var-upload; }\n.@{fa-css-prefix}-lemon-o:before { content: @fa-var-lemon-o; }\n.@{fa-css-prefix}-phone:before { content: @fa-var-phone; }\n.@{fa-css-prefix}-square-o:before { content: @fa-var-square-o; }\n.@{fa-css-prefix}-bookmark-o:before { content: @fa-var-bookmark-o; }\n.@{fa-css-prefix}-phone-square:before { content: @fa-var-phone-square; }\n.@{fa-css-prefix}-twitter:before { content: @fa-var-twitter; }\n.@{fa-css-prefix}-facebook-f:before,\n.@{fa-css-prefix}-facebook:before { content: @fa-var-facebook; }\n.@{fa-css-prefix}-github:before { content: @fa-var-github; }\n.@{fa-css-prefix}-unlock:before { content: @fa-var-unlock; }\n.@{fa-css-prefix}-credit-card:before { content: @fa-var-credit-card; }\n.@{fa-css-prefix}-feed:before,\n.@{fa-css-prefix}-rss:before { content: @fa-var-rss; }\n.@{fa-css-prefix}-hdd-o:before { content: @fa-var-hdd-o; }\n.@{fa-css-prefix}-bullhorn:before { content: @fa-var-bullhorn; }\n.@{fa-css-prefix}-bell:before { content: @fa-var-bell; }\n.@{fa-css-prefix}-certificate:before { content: @fa-var-certificate; }\n.@{fa-css-prefix}-hand-o-right:before { content: @fa-var-hand-o-right; }\n.@{fa-css-prefix}-hand-o-left:before { content: @fa-var-hand-o-left; }\n.@{fa-css-prefix}-hand-o-up:before { content: @fa-var-hand-o-up; }\n.@{fa-css-prefix}-hand-o-down:before { content: @fa-var-hand-o-down; }\n.@{fa-css-prefix}-arrow-circle-left:before { content: @fa-var-arrow-circle-left; }\n.@{fa-css-prefix}-arrow-circle-right:before { content: @fa-var-arrow-circle-right; }\n.@{fa-css-prefix}-arrow-circle-up:before { content: @fa-var-arrow-circle-up; }\n.@{fa-css-prefix}-arrow-circle-down:before { content: @fa-var-arrow-circle-down; }\n.@{fa-css-prefix}-globe:before { content: @fa-var-globe; }\n.@{fa-css-prefix}-wrench:before { content: @fa-var-wrench; }\n.@{fa-css-prefix}-tasks:before { content: @fa-var-tasks; }\n.@{fa-css-prefix}-filter:before { content: @fa-var-filter; }\n.@{fa-css-prefix}-briefcase:before { content: @fa-var-briefcase; }\n.@{fa-css-prefix}-arrows-alt:before { content: @fa-var-arrows-alt; }\n.@{fa-css-prefix}-group:before,\n.@{fa-css-prefix}-users:before { content: @fa-var-users; }\n.@{fa-css-prefix}-chain:before,\n.@{fa-css-prefix}-link:before { content: @fa-var-link; }\n.@{fa-css-prefix}-cloud:before { content: @fa-var-cloud; }\n.@{fa-css-prefix}-flask:before { content: @fa-var-flask; }\n.@{fa-css-prefix}-cut:before,\n.@{fa-css-prefix}-scissors:before { content: @fa-var-scissors; }\n.@{fa-css-prefix}-copy:before,\n.@{fa-css-prefix}-files-o:before { content: @fa-var-files-o; }\n.@{fa-css-prefix}-paperclip:before { content: @fa-var-paperclip; }\n.@{fa-css-prefix}-save:before,\n.@{fa-css-prefix}-floppy-o:before { content: @fa-var-floppy-o; }\n.@{fa-css-prefix}-square:before { content: @fa-var-square; }\n.@{fa-css-prefix}-navicon:before,\n.@{fa-css-prefix}-reorder:before,\n.@{fa-css-prefix}-bars:before { content: @fa-var-bars; }\n.@{fa-css-prefix}-list-ul:before { content: @fa-var-list-ul; }\n.@{fa-css-prefix}-list-ol:before { content: @fa-var-list-ol; }\n.@{fa-css-prefix}-strikethrough:before { content: @fa-var-strikethrough; }\n.@{fa-css-prefix}-underline:before { content: @fa-var-underline; }\n.@{fa-css-prefix}-table:before { content: @fa-var-table; }\n.@{fa-css-prefix}-magic:before { content: @fa-var-magic; }\n.@{fa-css-prefix}-truck:before { content: @fa-var-truck; }\n.@{fa-css-prefix}-pinterest:before { content: @fa-var-pinterest; }\n.@{fa-css-prefix}-pinterest-square:before { content: @fa-var-pinterest-square; }\n.@{fa-css-prefix}-google-plus-square:before { content: @fa-var-google-plus-square; }\n.@{fa-css-prefix}-google-plus:before { content: @fa-var-google-plus; }\n.@{fa-css-prefix}-money:before { content: @fa-var-money; }\n.@{fa-css-prefix}-caret-down:before { content: @fa-var-caret-down; }\n.@{fa-css-prefix}-caret-up:before { content: @fa-var-caret-up; }\n.@{fa-css-prefix}-caret-left:before { content: @fa-var-caret-left; }\n.@{fa-css-prefix}-caret-right:before { content: @fa-var-caret-right; }\n.@{fa-css-prefix}-columns:before { content: @fa-var-columns; }\n.@{fa-css-prefix}-unsorted:before,\n.@{fa-css-prefix}-sort:before { content: @fa-var-sort; }\n.@{fa-css-prefix}-sort-down:before,\n.@{fa-css-prefix}-sort-desc:before { content: @fa-var-sort-desc; }\n.@{fa-css-prefix}-sort-up:before,\n.@{fa-css-prefix}-sort-asc:before { content: @fa-var-sort-asc; }\n.@{fa-css-prefix}-envelope:before { content: @fa-var-envelope; }\n.@{fa-css-prefix}-linkedin:before { content: @fa-var-linkedin; }\n.@{fa-css-prefix}-rotate-left:before,\n.@{fa-css-prefix}-undo:before { content: @fa-var-undo; }\n.@{fa-css-prefix}-legal:before,\n.@{fa-css-prefix}-gavel:before { content: @fa-var-gavel; }\n.@{fa-css-prefix}-dashboard:before,\n.@{fa-css-prefix}-tachometer:before { content: @fa-var-tachometer; }\n.@{fa-css-prefix}-comment-o:before { content: @fa-var-comment-o; }\n.@{fa-css-prefix}-comments-o:before { content: @fa-var-comments-o; }\n.@{fa-css-prefix}-flash:before,\n.@{fa-css-prefix}-bolt:before { content: @fa-var-bolt; }\n.@{fa-css-prefix}-sitemap:before { content: @fa-var-sitemap; }\n.@{fa-css-prefix}-umbrella:before { content: @fa-var-umbrella; }\n.@{fa-css-prefix}-paste:before,\n.@{fa-css-prefix}-clipboard:before { content: @fa-var-clipboard; }\n.@{fa-css-prefix}-lightbulb-o:before { content: @fa-var-lightbulb-o; }\n.@{fa-css-prefix}-exchange:before { content: @fa-var-exchange; }\n.@{fa-css-prefix}-cloud-download:before { content: @fa-var-cloud-download; }\n.@{fa-css-prefix}-cloud-upload:before { content: @fa-var-cloud-upload; }\n.@{fa-css-prefix}-user-md:before { content: @fa-var-user-md; }\n.@{fa-css-prefix}-stethoscope:before { content: @fa-var-stethoscope; }\n.@{fa-css-prefix}-suitcase:before { content: @fa-var-suitcase; }\n.@{fa-css-prefix}-bell-o:before { content: @fa-var-bell-o; }\n.@{fa-css-prefix}-coffee:before { content: @fa-var-coffee; }\n.@{fa-css-prefix}-cutlery:before { content: @fa-var-cutlery; }\n.@{fa-css-prefix}-file-text-o:before { content: @fa-var-file-text-o; }\n.@{fa-css-prefix}-building-o:before { content: @fa-var-building-o; }\n.@{fa-css-prefix}-hospital-o:before { content: @fa-var-hospital-o; }\n.@{fa-css-prefix}-ambulance:before { content: @fa-var-ambulance; }\n.@{fa-css-prefix}-medkit:before { content: @fa-var-medkit; }\n.@{fa-css-prefix}-fighter-jet:before { content: @fa-var-fighter-jet; }\n.@{fa-css-prefix}-beer:before { content: @fa-var-beer; }\n.@{fa-css-prefix}-h-square:before { content: @fa-var-h-square; }\n.@{fa-css-prefix}-plus-square:before { content: @fa-var-plus-square; }\n.@{fa-css-prefix}-angle-double-left:before { content: @fa-var-angle-double-left; }\n.@{fa-css-prefix}-angle-double-right:before { content: @fa-var-angle-double-right; }\n.@{fa-css-prefix}-angle-double-up:before { content: @fa-var-angle-double-up; }\n.@{fa-css-prefix}-angle-double-down:before { content: @fa-var-angle-double-down; }\n.@{fa-css-prefix}-angle-left:before { content: @fa-var-angle-left; }\n.@{fa-css-prefix}-angle-right:before { content: @fa-var-angle-right; }\n.@{fa-css-prefix}-angle-up:before { content: @fa-var-angle-up; }\n.@{fa-css-prefix}-angle-down:before { content: @fa-var-angle-down; }\n.@{fa-css-prefix}-desktop:before { content: @fa-var-desktop; }\n.@{fa-css-prefix}-laptop:before { content: @fa-var-laptop; }\n.@{fa-css-prefix}-tablet:before { content: @fa-var-tablet; }\n.@{fa-css-prefix}-mobile-phone:before,\n.@{fa-css-prefix}-mobile:before { content: @fa-var-mobile; }\n.@{fa-css-prefix}-circle-o:before { content: @fa-var-circle-o; }\n.@{fa-css-prefix}-quote-left:before { content: @fa-var-quote-left; }\n.@{fa-css-prefix}-quote-right:before { content: @fa-var-quote-right; }\n.@{fa-css-prefix}-spinner:before { content: @fa-var-spinner; }\n.@{fa-css-prefix}-circle:before { content: @fa-var-circle; }\n.@{fa-css-prefix}-mail-reply:before,\n.@{fa-css-prefix}-reply:before { content: @fa-var-reply; }\n.@{fa-css-prefix}-github-alt:before { content: @fa-var-github-alt; }\n.@{fa-css-prefix}-folder-o:before { content: @fa-var-folder-o; }\n.@{fa-css-prefix}-folder-open-o:before { content: @fa-var-folder-open-o; }\n.@{fa-css-prefix}-smile-o:before { content: @fa-var-smile-o; }\n.@{fa-css-prefix}-frown-o:before { content: @fa-var-frown-o; }\n.@{fa-css-prefix}-meh-o:before { content: @fa-var-meh-o; }\n.@{fa-css-prefix}-gamepad:before { content: @fa-var-gamepad; }\n.@{fa-css-prefix}-keyboard-o:before { content: @fa-var-keyboard-o; }\n.@{fa-css-prefix}-flag-o:before { content: @fa-var-flag-o; }\n.@{fa-css-prefix}-flag-checkered:before { content: @fa-var-flag-checkered; }\n.@{fa-css-prefix}-terminal:before { content: @fa-var-terminal; }\n.@{fa-css-prefix}-code:before { content: @fa-var-code; }\n.@{fa-css-prefix}-mail-reply-all:before,\n.@{fa-css-prefix}-reply-all:before { content: @fa-var-reply-all; }\n.@{fa-css-prefix}-star-half-empty:before,\n.@{fa-css-prefix}-star-half-full:before,\n.@{fa-css-prefix}-star-half-o:before { content: @fa-var-star-half-o; }\n.@{fa-css-prefix}-location-arrow:before { content: @fa-var-location-arrow; }\n.@{fa-css-prefix}-crop:before { content: @fa-var-crop; }\n.@{fa-css-prefix}-code-fork:before { content: @fa-var-code-fork; }\n.@{fa-css-prefix}-unlink:before,\n.@{fa-css-prefix}-chain-broken:before { content: @fa-var-chain-broken; }\n.@{fa-css-prefix}-question:before { content: @fa-var-question; }\n.@{fa-css-prefix}-info:before { content: @fa-var-info; }\n.@{fa-css-prefix}-exclamation:before { content: @fa-var-exclamation; }\n.@{fa-css-prefix}-superscript:before { content: @fa-var-superscript; }\n.@{fa-css-prefix}-subscript:before { content: @fa-var-subscript; }\n.@{fa-css-prefix}-eraser:before { content: @fa-var-eraser; }\n.@{fa-css-prefix}-puzzle-piece:before { content: @fa-var-puzzle-piece; }\n.@{fa-css-prefix}-microphone:before { content: @fa-var-microphone; }\n.@{fa-css-prefix}-microphone-slash:before { content: @fa-var-microphone-slash; }\n.@{fa-css-prefix}-shield:before { content: @fa-var-shield; }\n.@{fa-css-prefix}-calendar-o:before { content: @fa-var-calendar-o; }\n.@{fa-css-prefix}-fire-extinguisher:before { content: @fa-var-fire-extinguisher; }\n.@{fa-css-prefix}-rocket:before { content: @fa-var-rocket; }\n.@{fa-css-prefix}-maxcdn:before { content: @fa-var-maxcdn; }\n.@{fa-css-prefix}-chevron-circle-left:before { content: @fa-var-chevron-circle-left; }\n.@{fa-css-prefix}-chevron-circle-right:before { content: @fa-var-chevron-circle-right; }\n.@{fa-css-prefix}-chevron-circle-up:before { content: @fa-var-chevron-circle-up; }\n.@{fa-css-prefix}-chevron-circle-down:before { content: @fa-var-chevron-circle-down; }\n.@{fa-css-prefix}-html5:before { content: @fa-var-html5; }\n.@{fa-css-prefix}-css3:before { content: @fa-var-css3; }\n.@{fa-css-prefix}-anchor:before { content: @fa-var-anchor; }\n.@{fa-css-prefix}-unlock-alt:before { content: @fa-var-unlock-alt; }\n.@{fa-css-prefix}-bullseye:before { content: @fa-var-bullseye; }\n.@{fa-css-prefix}-ellipsis-h:before { content: @fa-var-ellipsis-h; }\n.@{fa-css-prefix}-ellipsis-v:before { content: @fa-var-ellipsis-v; }\n.@{fa-css-prefix}-rss-square:before { content: @fa-var-rss-square; }\n.@{fa-css-prefix}-play-circle:before { content: @fa-var-play-circle; }\n.@{fa-css-prefix}-ticket:before { content: @fa-var-ticket; }\n.@{fa-css-prefix}-minus-square:before { content: @fa-var-minus-square; }\n.@{fa-css-prefix}-minus-square-o:before { content: @fa-var-minus-square-o; }\n.@{fa-css-prefix}-level-up:before { content: @fa-var-level-up; }\n.@{fa-css-prefix}-level-down:before { content: @fa-var-level-down; }\n.@{fa-css-prefix}-check-square:before { content: @fa-var-check-square; }\n.@{fa-css-prefix}-pencil-square:before { content: @fa-var-pencil-square; }\n.@{fa-css-prefix}-external-link-square:before { content: @fa-var-external-link-square; }\n.@{fa-css-prefix}-share-square:before { content: @fa-var-share-square; }\n.@{fa-css-prefix}-compass:before { content: @fa-var-compass; }\n.@{fa-css-prefix}-toggle-down:before,\n.@{fa-css-prefix}-caret-square-o-down:before { content: @fa-var-caret-square-o-down; }\n.@{fa-css-prefix}-toggle-up:before,\n.@{fa-css-prefix}-caret-square-o-up:before { content: @fa-var-caret-square-o-up; }\n.@{fa-css-prefix}-toggle-right:before,\n.@{fa-css-prefix}-caret-square-o-right:before { content: @fa-var-caret-square-o-right; }\n.@{fa-css-prefix}-euro:before,\n.@{fa-css-prefix}-eur:before { content: @fa-var-eur; }\n.@{fa-css-prefix}-gbp:before { content: @fa-var-gbp; }\n.@{fa-css-prefix}-dollar:before,\n.@{fa-css-prefix}-usd:before { content: @fa-var-usd; }\n.@{fa-css-prefix}-rupee:before,\n.@{fa-css-prefix}-inr:before { content: @fa-var-inr; }\n.@{fa-css-prefix}-cny:before,\n.@{fa-css-prefix}-rmb:before,\n.@{fa-css-prefix}-yen:before,\n.@{fa-css-prefix}-jpy:before { content: @fa-var-jpy; }\n.@{fa-css-prefix}-ruble:before,\n.@{fa-css-prefix}-rouble:before,\n.@{fa-css-prefix}-rub:before { content: @fa-var-rub; }\n.@{fa-css-prefix}-won:before,\n.@{fa-css-prefix}-krw:before { content: @fa-var-krw; }\n.@{fa-css-prefix}-bitcoin:before,\n.@{fa-css-prefix}-btc:before { content: @fa-var-btc; }\n.@{fa-css-prefix}-file:before { content: @fa-var-file; }\n.@{fa-css-prefix}-file-text:before { content: @fa-var-file-text; }\n.@{fa-css-prefix}-sort-alpha-asc:before { content: @fa-var-sort-alpha-asc; }\n.@{fa-css-prefix}-sort-alpha-desc:before { content: @fa-var-sort-alpha-desc; }\n.@{fa-css-prefix}-sort-amount-asc:before { content: @fa-var-sort-amount-asc; }\n.@{fa-css-prefix}-sort-amount-desc:before { content: @fa-var-sort-amount-desc; }\n.@{fa-css-prefix}-sort-numeric-asc:before { content: @fa-var-sort-numeric-asc; }\n.@{fa-css-prefix}-sort-numeric-desc:before { content: @fa-var-sort-numeric-desc; }\n.@{fa-css-prefix}-thumbs-up:before { content: @fa-var-thumbs-up; }\n.@{fa-css-prefix}-thumbs-down:before { content: @fa-var-thumbs-down; }\n.@{fa-css-prefix}-youtube-square:before { content: @fa-var-youtube-square; }\n.@{fa-css-prefix}-youtube:before { content: @fa-var-youtube; }\n.@{fa-css-prefix}-xing:before { content: @fa-var-xing; }\n.@{fa-css-prefix}-xing-square:before { content: @fa-var-xing-square; }\n.@{fa-css-prefix}-youtube-play:before { content: @fa-var-youtube-play; }\n.@{fa-css-prefix}-dropbox:before { content: @fa-var-dropbox; }\n.@{fa-css-prefix}-stack-overflow:before { content: @fa-var-stack-overflow; }\n.@{fa-css-prefix}-instagram:before { content: @fa-var-instagram; }\n.@{fa-css-prefix}-flickr:before { content: @fa-var-flickr; }\n.@{fa-css-prefix}-adn:before { content: @fa-var-adn; }\n.@{fa-css-prefix}-bitbucket:before { content: @fa-var-bitbucket; }\n.@{fa-css-prefix}-bitbucket-square:before { content: @fa-var-bitbucket-square; }\n.@{fa-css-prefix}-tumblr:before { content: @fa-var-tumblr; }\n.@{fa-css-prefix}-tumblr-square:before { content: @fa-var-tumblr-square; }\n.@{fa-css-prefix}-long-arrow-down:before { content: @fa-var-long-arrow-down; }\n.@{fa-css-prefix}-long-arrow-up:before { content: @fa-var-long-arrow-up; }\n.@{fa-css-prefix}-long-arrow-left:before { content: @fa-var-long-arrow-left; }\n.@{fa-css-prefix}-long-arrow-right:before { content: @fa-var-long-arrow-right; }\n.@{fa-css-prefix}-apple:before { content: @fa-var-apple; }\n.@{fa-css-prefix}-windows:before { content: @fa-var-windows; }\n.@{fa-css-prefix}-android:before { content: @fa-var-android; }\n.@{fa-css-prefix}-linux:before { content: @fa-var-linux; }\n.@{fa-css-prefix}-dribbble:before { content: @fa-var-dribbble; }\n.@{fa-css-prefix}-skype:before { content: @fa-var-skype; }\n.@{fa-css-prefix}-foursquare:before { content: @fa-var-foursquare; }\n.@{fa-css-prefix}-trello:before { content: @fa-var-trello; }\n.@{fa-css-prefix}-female:before { content: @fa-var-female; }\n.@{fa-css-prefix}-male:before { content: @fa-var-male; }\n.@{fa-css-prefix}-gittip:before,\n.@{fa-css-prefix}-gratipay:before { content: @fa-var-gratipay; }\n.@{fa-css-prefix}-sun-o:before { content: @fa-var-sun-o; }\n.@{fa-css-prefix}-moon-o:before { content: @fa-var-moon-o; }\n.@{fa-css-prefix}-archive:before { content: @fa-var-archive; }\n.@{fa-css-prefix}-bug:before { content: @fa-var-bug; }\n.@{fa-css-prefix}-vk:before { content: @fa-var-vk; }\n.@{fa-css-prefix}-weibo:before { content: @fa-var-weibo; }\n.@{fa-css-prefix}-renren:before { content: @fa-var-renren; }\n.@{fa-css-prefix}-pagelines:before { content: @fa-var-pagelines; }\n.@{fa-css-prefix}-stack-exchange:before { content: @fa-var-stack-exchange; }\n.@{fa-css-prefix}-arrow-circle-o-right:before { content: @fa-var-arrow-circle-o-right; }\n.@{fa-css-prefix}-arrow-circle-o-left:before { content: @fa-var-arrow-circle-o-left; }\n.@{fa-css-prefix}-toggle-left:before,\n.@{fa-css-prefix}-caret-square-o-left:before { content: @fa-var-caret-square-o-left; }\n.@{fa-css-prefix}-dot-circle-o:before { content: @fa-var-dot-circle-o; }\n.@{fa-css-prefix}-wheelchair:before { content: @fa-var-wheelchair; }\n.@{fa-css-prefix}-vimeo-square:before { content: @fa-var-vimeo-square; }\n.@{fa-css-prefix}-turkish-lira:before,\n.@{fa-css-prefix}-try:before { content: @fa-var-try; }\n.@{fa-css-prefix}-plus-square-o:before { content: @fa-var-plus-square-o; }\n.@{fa-css-prefix}-space-shuttle:before { content: @fa-var-space-shuttle; }\n.@{fa-css-prefix}-slack:before { content: @fa-var-slack; }\n.@{fa-css-prefix}-envelope-square:before { content: @fa-var-envelope-square; }\n.@{fa-css-prefix}-wordpress:before { content: @fa-var-wordpress; }\n.@{fa-css-prefix}-openid:before { content: @fa-var-openid; }\n.@{fa-css-prefix}-institution:before,\n.@{fa-css-prefix}-bank:before,\n.@{fa-css-prefix}-university:before { content: @fa-var-university; }\n.@{fa-css-prefix}-mortar-board:before,\n.@{fa-css-prefix}-graduation-cap:before { content: @fa-var-graduation-cap; }\n.@{fa-css-prefix}-yahoo:before { content: @fa-var-yahoo; }\n.@{fa-css-prefix}-google:before { content: @fa-var-google; }\n.@{fa-css-prefix}-reddit:before { content: @fa-var-reddit; }\n.@{fa-css-prefix}-reddit-square:before { content: @fa-var-reddit-square; }\n.@{fa-css-prefix}-stumbleupon-circle:before { content: @fa-var-stumbleupon-circle; }\n.@{fa-css-prefix}-stumbleupon:before { content: @fa-var-stumbleupon; }\n.@{fa-css-prefix}-delicious:before { content: @fa-var-delicious; }\n.@{fa-css-prefix}-digg:before { content: @fa-var-digg; }\n.@{fa-css-prefix}-pied-piper-pp:before { content: @fa-var-pied-piper-pp; }\n.@{fa-css-prefix}-pied-piper-alt:before { content: @fa-var-pied-piper-alt; }\n.@{fa-css-prefix}-drupal:before { content: @fa-var-drupal; }\n.@{fa-css-prefix}-joomla:before { content: @fa-var-joomla; }\n.@{fa-css-prefix}-language:before { content: @fa-var-language; }\n.@{fa-css-prefix}-fax:before { content: @fa-var-fax; }\n.@{fa-css-prefix}-building:before { content: @fa-var-building; }\n.@{fa-css-prefix}-child:before { content: @fa-var-child; }\n.@{fa-css-prefix}-paw:before { content: @fa-var-paw; }\n.@{fa-css-prefix}-spoon:before { content: @fa-var-spoon; }\n.@{fa-css-prefix}-cube:before { content: @fa-var-cube; }\n.@{fa-css-prefix}-cubes:before { content: @fa-var-cubes; }\n.@{fa-css-prefix}-behance:before { content: @fa-var-behance; }\n.@{fa-css-prefix}-behance-square:before { content: @fa-var-behance-square; }\n.@{fa-css-prefix}-steam:before { content: @fa-var-steam; }\n.@{fa-css-prefix}-steam-square:before { content: @fa-var-steam-square; }\n.@{fa-css-prefix}-recycle:before { content: @fa-var-recycle; }\n.@{fa-css-prefix}-automobile:before,\n.@{fa-css-prefix}-car:before { content: @fa-var-car; }\n.@{fa-css-prefix}-cab:before,\n.@{fa-css-prefix}-taxi:before { content: @fa-var-taxi; }\n.@{fa-css-prefix}-tree:before { content: @fa-var-tree; }\n.@{fa-css-prefix}-spotify:before { content: @fa-var-spotify; }\n.@{fa-css-prefix}-deviantart:before { content: @fa-var-deviantart; }\n.@{fa-css-prefix}-soundcloud:before { content: @fa-var-soundcloud; }\n.@{fa-css-prefix}-database:before { content: @fa-var-database; }\n.@{fa-css-prefix}-file-pdf-o:before { content: @fa-var-file-pdf-o; }\n.@{fa-css-prefix}-file-word-o:before { content: @fa-var-file-word-o; }\n.@{fa-css-prefix}-file-excel-o:before { content: @fa-var-file-excel-o; }\n.@{fa-css-prefix}-file-powerpoint-o:before { content: @fa-var-file-powerpoint-o; }\n.@{fa-css-prefix}-file-photo-o:before,\n.@{fa-css-prefix}-file-picture-o:before,\n.@{fa-css-prefix}-file-image-o:before { content: @fa-var-file-image-o; }\n.@{fa-css-prefix}-file-zip-o:before,\n.@{fa-css-prefix}-file-archive-o:before { content: @fa-var-file-archive-o; }\n.@{fa-css-prefix}-file-sound-o:before,\n.@{fa-css-prefix}-file-audio-o:before { content: @fa-var-file-audio-o; }\n.@{fa-css-prefix}-file-movie-o:before,\n.@{fa-css-prefix}-file-video-o:before { content: @fa-var-file-video-o; }\n.@{fa-css-prefix}-file-code-o:before { content: @fa-var-file-code-o; }\n.@{fa-css-prefix}-vine:before { content: @fa-var-vine; }\n.@{fa-css-prefix}-codepen:before { content: @fa-var-codepen; }\n.@{fa-css-prefix}-jsfiddle:before { content: @fa-var-jsfiddle; }\n.@{fa-css-prefix}-life-bouy:before,\n.@{fa-css-prefix}-life-buoy:before,\n.@{fa-css-prefix}-life-saver:before,\n.@{fa-css-prefix}-support:before,\n.@{fa-css-prefix}-life-ring:before { content: @fa-var-life-ring; }\n.@{fa-css-prefix}-circle-o-notch:before { content: @fa-var-circle-o-notch; }\n.@{fa-css-prefix}-ra:before,\n.@{fa-css-prefix}-resistance:before,\n.@{fa-css-prefix}-rebel:before { content: @fa-var-rebel; }\n.@{fa-css-prefix}-ge:before,\n.@{fa-css-prefix}-empire:before { content: @fa-var-empire; }\n.@{fa-css-prefix}-git-square:before { content: @fa-var-git-square; }\n.@{fa-css-prefix}-git:before { content: @fa-var-git; }\n.@{fa-css-prefix}-y-combinator-square:before,\n.@{fa-css-prefix}-yc-square:before,\n.@{fa-css-prefix}-hacker-news:before { content: @fa-var-hacker-news; }\n.@{fa-css-prefix}-tencent-weibo:before { content: @fa-var-tencent-weibo; }\n.@{fa-css-prefix}-qq:before { content: @fa-var-qq; }\n.@{fa-css-prefix}-wechat:before,\n.@{fa-css-prefix}-weixin:before { content: @fa-var-weixin; }\n.@{fa-css-prefix}-send:before,\n.@{fa-css-prefix}-paper-plane:before { content: @fa-var-paper-plane; }\n.@{fa-css-prefix}-send-o:before,\n.@{fa-css-prefix}-paper-plane-o:before { content: @fa-var-paper-plane-o; }\n.@{fa-css-prefix}-history:before { content: @fa-var-history; }\n.@{fa-css-prefix}-circle-thin:before { content: @fa-var-circle-thin; }\n.@{fa-css-prefix}-header:before { content: @fa-var-header; }\n.@{fa-css-prefix}-paragraph:before { content: @fa-var-paragraph; }\n.@{fa-css-prefix}-sliders:before { content: @fa-var-sliders; }\n.@{fa-css-prefix}-share-alt:before { content: @fa-var-share-alt; }\n.@{fa-css-prefix}-share-alt-square:before { content: @fa-var-share-alt-square; }\n.@{fa-css-prefix}-bomb:before { content: @fa-var-bomb; }\n.@{fa-css-prefix}-soccer-ball-o:before,\n.@{fa-css-prefix}-futbol-o:before { content: @fa-var-futbol-o; }\n.@{fa-css-prefix}-tty:before { content: @fa-var-tty; }\n.@{fa-css-prefix}-binoculars:before { content: @fa-var-binoculars; }\n.@{fa-css-prefix}-plug:before { content: @fa-var-plug; }\n.@{fa-css-prefix}-slideshare:before { content: @fa-var-slideshare; }\n.@{fa-css-prefix}-twitch:before { content: @fa-var-twitch; }\n.@{fa-css-prefix}-yelp:before { content: @fa-var-yelp; }\n.@{fa-css-prefix}-newspaper-o:before { content: @fa-var-newspaper-o; }\n.@{fa-css-prefix}-wifi:before { content: @fa-var-wifi; }\n.@{fa-css-prefix}-calculator:before { content: @fa-var-calculator; }\n.@{fa-css-prefix}-paypal:before { content: @fa-var-paypal; }\n.@{fa-css-prefix}-google-wallet:before { content: @fa-var-google-wallet; }\n.@{fa-css-prefix}-cc-visa:before { content: @fa-var-cc-visa; }\n.@{fa-css-prefix}-cc-mastercard:before { content: @fa-var-cc-mastercard; }\n.@{fa-css-prefix}-cc-discover:before { content: @fa-var-cc-discover; }\n.@{fa-css-prefix}-cc-amex:before { content: @fa-var-cc-amex; }\n.@{fa-css-prefix}-cc-paypal:before { content: @fa-var-cc-paypal; }\n.@{fa-css-prefix}-cc-stripe:before { content: @fa-var-cc-stripe; }\n.@{fa-css-prefix}-bell-slash:before { content: @fa-var-bell-slash; }\n.@{fa-css-prefix}-bell-slash-o:before { content: @fa-var-bell-slash-o; }\n.@{fa-css-prefix}-trash:before { content: @fa-var-trash; }\n.@{fa-css-prefix}-copyright:before { content: @fa-var-copyright; }\n.@{fa-css-prefix}-at:before { content: @fa-var-at; }\n.@{fa-css-prefix}-eyedropper:before { content: @fa-var-eyedropper; }\n.@{fa-css-prefix}-paint-brush:before { content: @fa-var-paint-brush; }\n.@{fa-css-prefix}-birthday-cake:before { content: @fa-var-birthday-cake; }\n.@{fa-css-prefix}-area-chart:before { content: @fa-var-area-chart; }\n.@{fa-css-prefix}-pie-chart:before { content: @fa-var-pie-chart; }\n.@{fa-css-prefix}-line-chart:before { content: @fa-var-line-chart; }\n.@{fa-css-prefix}-lastfm:before { content: @fa-var-lastfm; }\n.@{fa-css-prefix}-lastfm-square:before { content: @fa-var-lastfm-square; }\n.@{fa-css-prefix}-toggle-off:before { content: @fa-var-toggle-off; }\n.@{fa-css-prefix}-toggle-on:before { content: @fa-var-toggle-on; }\n.@{fa-css-prefix}-bicycle:before { content: @fa-var-bicycle; }\n.@{fa-css-prefix}-bus:before { content: @fa-var-bus; }\n.@{fa-css-prefix}-ioxhost:before { content: @fa-var-ioxhost; }\n.@{fa-css-prefix}-angellist:before { content: @fa-var-angellist; }\n.@{fa-css-prefix}-cc:before { content: @fa-var-cc; }\n.@{fa-css-prefix}-shekel:before,\n.@{fa-css-prefix}-sheqel:before,\n.@{fa-css-prefix}-ils:before { content: @fa-var-ils; }\n.@{fa-css-prefix}-meanpath:before { content: @fa-var-meanpath; }\n.@{fa-css-prefix}-buysellads:before { content: @fa-var-buysellads; }\n.@{fa-css-prefix}-connectdevelop:before { content: @fa-var-connectdevelop; }\n.@{fa-css-prefix}-dashcube:before { content: @fa-var-dashcube; }\n.@{fa-css-prefix}-forumbee:before { content: @fa-var-forumbee; }\n.@{fa-css-prefix}-leanpub:before { content: @fa-var-leanpub; }\n.@{fa-css-prefix}-sellsy:before { content: @fa-var-sellsy; }\n.@{fa-css-prefix}-shirtsinbulk:before { content: @fa-var-shirtsinbulk; }\n.@{fa-css-prefix}-simplybuilt:before { content: @fa-var-simplybuilt; }\n.@{fa-css-prefix}-skyatlas:before { content: @fa-var-skyatlas; }\n.@{fa-css-prefix}-cart-plus:before { content: @fa-var-cart-plus; }\n.@{fa-css-prefix}-cart-arrow-down:before { content: @fa-var-cart-arrow-down; }\n.@{fa-css-prefix}-diamond:before { content: @fa-var-diamond; }\n.@{fa-css-prefix}-ship:before { content: @fa-var-ship; }\n.@{fa-css-prefix}-user-secret:before { content: @fa-var-user-secret; }\n.@{fa-css-prefix}-motorcycle:before { content: @fa-var-motorcycle; }\n.@{fa-css-prefix}-street-view:before { content: @fa-var-street-view; }\n.@{fa-css-prefix}-heartbeat:before { content: @fa-var-heartbeat; }\n.@{fa-css-prefix}-venus:before { content: @fa-var-venus; }\n.@{fa-css-prefix}-mars:before { content: @fa-var-mars; }\n.@{fa-css-prefix}-mercury:before { content: @fa-var-mercury; }\n.@{fa-css-prefix}-intersex:before,\n.@{fa-css-prefix}-transgender:before { content: @fa-var-transgender; }\n.@{fa-css-prefix}-transgender-alt:before { content: @fa-var-transgender-alt; }\n.@{fa-css-prefix}-venus-double:before { content: @fa-var-venus-double; }\n.@{fa-css-prefix}-mars-double:before { content: @fa-var-mars-double; }\n.@{fa-css-prefix}-venus-mars:before { content: @fa-var-venus-mars; }\n.@{fa-css-prefix}-mars-stroke:before { content: @fa-var-mars-stroke; }\n.@{fa-css-prefix}-mars-stroke-v:before { content: @fa-var-mars-stroke-v; }\n.@{fa-css-prefix}-mars-stroke-h:before { content: @fa-var-mars-stroke-h; }\n.@{fa-css-prefix}-neuter:before { content: @fa-var-neuter; }\n.@{fa-css-prefix}-genderless:before { content: @fa-var-genderless; }\n.@{fa-css-prefix}-facebook-official:before { content: @fa-var-facebook-official; }\n.@{fa-css-prefix}-pinterest-p:before { content: @fa-var-pinterest-p; }\n.@{fa-css-prefix}-whatsapp:before { content: @fa-var-whatsapp; }\n.@{fa-css-prefix}-server:before { content: @fa-var-server; }\n.@{fa-css-prefix}-user-plus:before { content: @fa-var-user-plus; }\n.@{fa-css-prefix}-user-times:before { content: @fa-var-user-times; }\n.@{fa-css-prefix}-hotel:before,\n.@{fa-css-prefix}-bed:before { content: @fa-var-bed; }\n.@{fa-css-prefix}-viacoin:before { content: @fa-var-viacoin; }\n.@{fa-css-prefix}-train:before { content: @fa-var-train; }\n.@{fa-css-prefix}-subway:before { content: @fa-var-subway; }\n.@{fa-css-prefix}-medium:before { content: @fa-var-medium; }\n.@{fa-css-prefix}-yc:before,\n.@{fa-css-prefix}-y-combinator:before { content: @fa-var-y-combinator; }\n.@{fa-css-prefix}-optin-monster:before { content: @fa-var-optin-monster; }\n.@{fa-css-prefix}-opencart:before { content: @fa-var-opencart; }\n.@{fa-css-prefix}-expeditedssl:before { content: @fa-var-expeditedssl; }\n.@{fa-css-prefix}-battery-4:before,\n.@{fa-css-prefix}-battery:before,\n.@{fa-css-prefix}-battery-full:before { content: @fa-var-battery-full; }\n.@{fa-css-prefix}-battery-3:before,\n.@{fa-css-prefix}-battery-three-quarters:before { content: @fa-var-battery-three-quarters; }\n.@{fa-css-prefix}-battery-2:before,\n.@{fa-css-prefix}-battery-half:before { content: @fa-var-battery-half; }\n.@{fa-css-prefix}-battery-1:before,\n.@{fa-css-prefix}-battery-quarter:before { content: @fa-var-battery-quarter; }\n.@{fa-css-prefix}-battery-0:before,\n.@{fa-css-prefix}-battery-empty:before { content: @fa-var-battery-empty; }\n.@{fa-css-prefix}-mouse-pointer:before { content: @fa-var-mouse-pointer; }\n.@{fa-css-prefix}-i-cursor:before { content: @fa-var-i-cursor; }\n.@{fa-css-prefix}-object-group:before { content: @fa-var-object-group; }\n.@{fa-css-prefix}-object-ungroup:before { content: @fa-var-object-ungroup; }\n.@{fa-css-prefix}-sticky-note:before { content: @fa-var-sticky-note; }\n.@{fa-css-prefix}-sticky-note-o:before { content: @fa-var-sticky-note-o; }\n.@{fa-css-prefix}-cc-jcb:before { content: @fa-var-cc-jcb; }\n.@{fa-css-prefix}-cc-diners-club:before { content: @fa-var-cc-diners-club; }\n.@{fa-css-prefix}-clone:before { content: @fa-var-clone; }\n.@{fa-css-prefix}-balance-scale:before { content: @fa-var-balance-scale; }\n.@{fa-css-prefix}-hourglass-o:before { content: @fa-var-hourglass-o; }\n.@{fa-css-prefix}-hourglass-1:before,\n.@{fa-css-prefix}-hourglass-start:before { content: @fa-var-hourglass-start; }\n.@{fa-css-prefix}-hourglass-2:before,\n.@{fa-css-prefix}-hourglass-half:before { content: @fa-var-hourglass-half; }\n.@{fa-css-prefix}-hourglass-3:before,\n.@{fa-css-prefix}-hourglass-end:before { content: @fa-var-hourglass-end; }\n.@{fa-css-prefix}-hourglass:before { content: @fa-var-hourglass; }\n.@{fa-css-prefix}-hand-grab-o:before,\n.@{fa-css-prefix}-hand-rock-o:before { content: @fa-var-hand-rock-o; }\n.@{fa-css-prefix}-hand-stop-o:before,\n.@{fa-css-prefix}-hand-paper-o:before { content: @fa-var-hand-paper-o; }\n.@{fa-css-prefix}-hand-scissors-o:before { content: @fa-var-hand-scissors-o; }\n.@{fa-css-prefix}-hand-lizard-o:before { content: @fa-var-hand-lizard-o; }\n.@{fa-css-prefix}-hand-spock-o:before { content: @fa-var-hand-spock-o; }\n.@{fa-css-prefix}-hand-pointer-o:before { content: @fa-var-hand-pointer-o; }\n.@{fa-css-prefix}-hand-peace-o:before { content: @fa-var-hand-peace-o; }\n.@{fa-css-prefix}-trademark:before { content: @fa-var-trademark; }\n.@{fa-css-prefix}-registered:before { content: @fa-var-registered; }\n.@{fa-css-prefix}-creative-commons:before { content: @fa-var-creative-commons; }\n.@{fa-css-prefix}-gg:before { content: @fa-var-gg; }\n.@{fa-css-prefix}-gg-circle:before { content: @fa-var-gg-circle; }\n.@{fa-css-prefix}-tripadvisor:before { content: @fa-var-tripadvisor; }\n.@{fa-css-prefix}-odnoklassniki:before { content: @fa-var-odnoklassniki; }\n.@{fa-css-prefix}-odnoklassniki-square:before { content: @fa-var-odnoklassniki-square; }\n.@{fa-css-prefix}-get-pocket:before { content: @fa-var-get-pocket; }\n.@{fa-css-prefix}-wikipedia-w:before { content: @fa-var-wikipedia-w; }\n.@{fa-css-prefix}-safari:before { content: @fa-var-safari; }\n.@{fa-css-prefix}-chrome:before { content: @fa-var-chrome; }\n.@{fa-css-prefix}-firefox:before { content: @fa-var-firefox; }\n.@{fa-css-prefix}-opera:before { content: @fa-var-opera; }\n.@{fa-css-prefix}-internet-explorer:before { content: @fa-var-internet-explorer; }\n.@{fa-css-prefix}-tv:before,\n.@{fa-css-prefix}-television:before { content: @fa-var-television; }\n.@{fa-css-prefix}-contao:before { content: @fa-var-contao; }\n.@{fa-css-prefix}-500px:before { content: @fa-var-500px; }\n.@{fa-css-prefix}-amazon:before { content: @fa-var-amazon; }\n.@{fa-css-prefix}-calendar-plus-o:before { content: @fa-var-calendar-plus-o; }\n.@{fa-css-prefix}-calendar-minus-o:before { content: @fa-var-calendar-minus-o; }\n.@{fa-css-prefix}-calendar-times-o:before { content: @fa-var-calendar-times-o; }\n.@{fa-css-prefix}-calendar-check-o:before { content: @fa-var-calendar-check-o; }\n.@{fa-css-prefix}-industry:before { content: @fa-var-industry; }\n.@{fa-css-prefix}-map-pin:before { content: @fa-var-map-pin; }\n.@{fa-css-prefix}-map-signs:before { content: @fa-var-map-signs; }\n.@{fa-css-prefix}-map-o:before { content: @fa-var-map-o; }\n.@{fa-css-prefix}-map:before { content: @fa-var-map; }\n.@{fa-css-prefix}-commenting:before { content: @fa-var-commenting; }\n.@{fa-css-prefix}-commenting-o:before { content: @fa-var-commenting-o; }\n.@{fa-css-prefix}-houzz:before { content: @fa-var-houzz; }\n.@{fa-css-prefix}-vimeo:before { content: @fa-var-vimeo; }\n.@{fa-css-prefix}-black-tie:before { content: @fa-var-black-tie; }\n.@{fa-css-prefix}-fonticons:before { content: @fa-var-fonticons; }\n.@{fa-css-prefix}-reddit-alien:before { content: @fa-var-reddit-alien; }\n.@{fa-css-prefix}-edge:before { content: @fa-var-edge; }\n.@{fa-css-prefix}-credit-card-alt:before { content: @fa-var-credit-card-alt; }\n.@{fa-css-prefix}-codiepie:before { content: @fa-var-codiepie; }\n.@{fa-css-prefix}-modx:before { content: @fa-var-modx; }\n.@{fa-css-prefix}-fort-awesome:before { content: @fa-var-fort-awesome; }\n.@{fa-css-prefix}-usb:before { content: @fa-var-usb; }\n.@{fa-css-prefix}-product-hunt:before { content: @fa-var-product-hunt; }\n.@{fa-css-prefix}-mixcloud:before { content: @fa-var-mixcloud; }\n.@{fa-css-prefix}-scribd:before { content: @fa-var-scribd; }\n.@{fa-css-prefix}-pause-circle:before { content: @fa-var-pause-circle; }\n.@{fa-css-prefix}-pause-circle-o:before { content: @fa-var-pause-circle-o; }\n.@{fa-css-prefix}-stop-circle:before { content: @fa-var-stop-circle; }\n.@{fa-css-prefix}-stop-circle-o:before { content: @fa-var-stop-circle-o; }\n.@{fa-css-prefix}-shopping-bag:before { content: @fa-var-shopping-bag; }\n.@{fa-css-prefix}-shopping-basket:before { content: @fa-var-shopping-basket; }\n.@{fa-css-prefix}-hashtag:before { content: @fa-var-hashtag; }\n.@{fa-css-prefix}-bluetooth:before { content: @fa-var-bluetooth; }\n.@{fa-css-prefix}-bluetooth-b:before { content: @fa-var-bluetooth-b; }\n.@{fa-css-prefix}-percent:before { content: @fa-var-percent; }\n.@{fa-css-prefix}-gitlab:before { content: @fa-var-gitlab; }\n.@{fa-css-prefix}-wpbeginner:before { content: @fa-var-wpbeginner; }\n.@{fa-css-prefix}-wpforms:before { content: @fa-var-wpforms; }\n.@{fa-css-prefix}-envira:before { content: @fa-var-envira; }\n.@{fa-css-prefix}-universal-access:before { content: @fa-var-universal-access; }\n.@{fa-css-prefix}-wheelchair-alt:before { content: @fa-var-wheelchair-alt; }\n.@{fa-css-prefix}-question-circle-o:before { content: @fa-var-question-circle-o; }\n.@{fa-css-prefix}-blind:before { content: @fa-var-blind; }\n.@{fa-css-prefix}-audio-description:before { content: @fa-var-audio-description; }\n.@{fa-css-prefix}-volume-control-phone:before { content: @fa-var-volume-control-phone; }\n.@{fa-css-prefix}-braille:before { content: @fa-var-braille; }\n.@{fa-css-prefix}-assistive-listening-systems:before { content: @fa-var-assistive-listening-systems; }\n.@{fa-css-prefix}-asl-interpreting:before,\n.@{fa-css-prefix}-american-sign-language-interpreting:before { content: @fa-var-american-sign-language-interpreting; }\n.@{fa-css-prefix}-deafness:before,\n.@{fa-css-prefix}-hard-of-hearing:before,\n.@{fa-css-prefix}-deaf:before { content: @fa-var-deaf; }\n.@{fa-css-prefix}-glide:before { content: @fa-var-glide; }\n.@{fa-css-prefix}-glide-g:before { content: @fa-var-glide-g; }\n.@{fa-css-prefix}-signing:before,\n.@{fa-css-prefix}-sign-language:before { content: @fa-var-sign-language; }\n.@{fa-css-prefix}-low-vision:before { content: @fa-var-low-vision; }\n.@{fa-css-prefix}-viadeo:before { content: @fa-var-viadeo; }\n.@{fa-css-prefix}-viadeo-square:before { content: @fa-var-viadeo-square; }\n.@{fa-css-prefix}-snapchat:before { content: @fa-var-snapchat; }\n.@{fa-css-prefix}-snapchat-ghost:before { content: @fa-var-snapchat-ghost; }\n.@{fa-css-prefix}-snapchat-square:before { content: @fa-var-snapchat-square; }\n.@{fa-css-prefix}-pied-piper:before { content: @fa-var-pied-piper; }\n.@{fa-css-prefix}-first-order:before { content: @fa-var-first-order; }\n.@{fa-css-prefix}-yoast:before { content: @fa-var-yoast; }\n.@{fa-css-prefix}-themeisle:before { content: @fa-var-themeisle; }\n.@{fa-css-prefix}-google-plus-circle:before,\n.@{fa-css-prefix}-google-plus-official:before { content: @fa-var-google-plus-official; }\n.@{fa-css-prefix}-fa:before,\n.@{fa-css-prefix}-font-awesome:before { content: @fa-var-font-awesome; }\n.@{fa-css-prefix}-handshake-o:before { content: @fa-var-handshake-o; }\n.@{fa-css-prefix}-envelope-open:before { content: @fa-var-envelope-open; }\n.@{fa-css-prefix}-envelope-open-o:before { content: @fa-var-envelope-open-o; }\n.@{fa-css-prefix}-linode:before { content: @fa-var-linode; }\n.@{fa-css-prefix}-address-book:before { content: @fa-var-address-book; }\n.@{fa-css-prefix}-address-book-o:before { content: @fa-var-address-book-o; }\n.@{fa-css-prefix}-vcard:before,\n.@{fa-css-prefix}-address-card:before { content: @fa-var-address-card; }\n.@{fa-css-prefix}-vcard-o:before,\n.@{fa-css-prefix}-address-card-o:before { content: @fa-var-address-card-o; }\n.@{fa-css-prefix}-user-circle:before { content: @fa-var-user-circle; }\n.@{fa-css-prefix}-user-circle-o:before { content: @fa-var-user-circle-o; }\n.@{fa-css-prefix}-user-o:before { content: @fa-var-user-o; }\n.@{fa-css-prefix}-id-badge:before { content: @fa-var-id-badge; }\n.@{fa-css-prefix}-drivers-license:before,\n.@{fa-css-prefix}-id-card:before { content: @fa-var-id-card; }\n.@{fa-css-prefix}-drivers-license-o:before,\n.@{fa-css-prefix}-id-card-o:before { content: @fa-var-id-card-o; }\n.@{fa-css-prefix}-quora:before { content: @fa-var-quora; }\n.@{fa-css-prefix}-free-code-camp:before { content: @fa-var-free-code-camp; }\n.@{fa-css-prefix}-telegram:before { content: @fa-var-telegram; }\n.@{fa-css-prefix}-thermometer-4:before,\n.@{fa-css-prefix}-thermometer:before,\n.@{fa-css-prefix}-thermometer-full:before { content: @fa-var-thermometer-full; }\n.@{fa-css-prefix}-thermometer-3:before,\n.@{fa-css-prefix}-thermometer-three-quarters:before { content: @fa-var-thermometer-three-quarters; }\n.@{fa-css-prefix}-thermometer-2:before,\n.@{fa-css-prefix}-thermometer-half:before { content: @fa-var-thermometer-half; }\n.@{fa-css-prefix}-thermometer-1:before,\n.@{fa-css-prefix}-thermometer-quarter:before { content: @fa-var-thermometer-quarter; }\n.@{fa-css-prefix}-thermometer-0:before,\n.@{fa-css-prefix}-thermometer-empty:before { content: @fa-var-thermometer-empty; }\n.@{fa-css-prefix}-shower:before { content: @fa-var-shower; }\n.@{fa-css-prefix}-bathtub:before,\n.@{fa-css-prefix}-s15:before,\n.@{fa-css-prefix}-bath:before { content: @fa-var-bath; }\n.@{fa-css-prefix}-podcast:before { content: @fa-var-podcast; }\n.@{fa-css-prefix}-window-maximize:before { content: @fa-var-window-maximize; }\n.@{fa-css-prefix}-window-minimize:before { content: @fa-var-window-minimize; }\n.@{fa-css-prefix}-window-restore:before { content: @fa-var-window-restore; }\n.@{fa-css-prefix}-times-rectangle:before,\n.@{fa-css-prefix}-window-close:before { content: @fa-var-window-close; }\n.@{fa-css-prefix}-times-rectangle-o:before,\n.@{fa-css-prefix}-window-close-o:before { content: @fa-var-window-close-o; }\n.@{fa-css-prefix}-bandcamp:before { content: @fa-var-bandcamp; }\n.@{fa-css-prefix}-grav:before { content: @fa-var-grav; }\n.@{fa-css-prefix}-etsy:before { content: @fa-var-etsy; }\n.@{fa-css-prefix}-imdb:before { content: @fa-var-imdb; }\n.@{fa-css-prefix}-ravelry:before { content: @fa-var-ravelry; }\n.@{fa-css-prefix}-eercast:before { content: @fa-var-eercast; }\n.@{fa-css-prefix}-microchip:before { content: @fa-var-microchip; }\n.@{fa-css-prefix}-snowflake-o:before { content: @fa-var-snowflake-o; }\n.@{fa-css-prefix}-superpowers:before { content: @fa-var-superpowers; }\n.@{fa-css-prefix}-wpexplorer:before { content: @fa-var-wpexplorer; }\n.@{fa-css-prefix}-meetup:before { content: @fa-var-meetup; }\n","// Screen Readers\n// -------------------------\n\n.sr-only { .sr-only(); }\n.sr-only-focusable { .sr-only-focusable(); }\n",".ekko-lightbox {\n &-container {\n position:relative;\n > div.ekko-lightbox-item {\n position:absolute;\n top:0;\n left:0;\n bottom:0;\n right:0;\n width:100%;\n }\n }\n \n iframe {\n width: 100%;\n height: 100%;\n }\n\n &-nav-overlay {\n z-index:100;\n position: absolute;\n top:0;\n left:0;\n width:100%;\n height:100%;\n display: flex;\n\n a {\n flex: 1;\n display:flex;\n align-items: center;\n\n opacity: 0;\n transition: opacity 0.5s;\n color:#fff;\n font-size:30px;\n z-index:100;\n\n > * {\n flex-grow:1;\n &:focus {\n outline: none;\n }\n }\n span {\n padding:0 30px;\n }\n &:last-child span {\n text-align: right;\n }\n &:hover {\n text-decoration: none;\n }\n &:focus {\n outline: none;\n }\n }\n }\n\n a:hover {\n opacity: 1;\n text-decoration: none;\n }\n .modal-dialog {\n display:none;\n }\n .modal-footer {\n text-align: left;\n }\n\n // http://tobiasahlin.com/spinkit/\n &-loader {\n position:absolute;\n top:0;\n left:0;\n bottom:0;\n right:0;\n width:100%;\n\n display: flex; /* establish flex container */\n flex-direction: column; /* make main axis vertical */\n justify-content: center; /* center items vertically, in this case */\n align-items: center;\n\n > div {\n width: 40px;\n height: 40px;\n\n position: relative;\n text-align: center;\n\n > div {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n background-color: #fff;\n opacity: 0.6;\n position: absolute;\n top: 0;\n left: 0;\n\n animation: sk-bounce 2.0s infinite ease-in-out;\n &:last-child {\n animation-delay: -1.0s;\n }\n }\n }\n }\n\n .modal-dialog &-loader {\n > div > div {\n background-color:#333;\n }\n }\n\n @-webkit-keyframes sk-bounce {\n 0%, 100% { -webkit-transform: scale(0.0) }\n 50% { -webkit-transform: scale(1.0) }\n }\n\n @keyframes sk-bounce {\n 0%, 100% {\n transform: scale(0.0);\n -webkit-transform: scale(0.0);\n } 50% {\n transform: scale(1.0);\n -webkit-transform: scale(1.0);\n }\n }\n}","/*!\n * Bootstrap Colorpicker v2.4.0\n * https://itsjavi.com/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@imgPath: \"../img/bootstrap-colorpicker/\";\n\n.bgImg(@imgFilename) {\n background-image: url(\"@{imgPath}@{imgFilename}\");\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 padding: 4px;\n min-width: 130px;\n margin-top: 1px;\n .borderRadius(4px);\n z-index: 2500;\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-selectors {\n display: none;\n height: 10px;\n margin-top: 5px;\n clear: both;\n}\n\n.colorpicker-selectors i {\n cursor: pointer;\n float: left;\n height: 10px;\n width: 10px;\n}\n\n.colorpicker-selectors i + i {\n margin-left: 3px;\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-right:before {\n left: auto;\n right: 6px;\n}\n\n.colorpicker-right:after {\n left: auto;\n right: 7px;\n}\n\n.colorpicker-no-arrow:before {\n border-right: 0;\n border-left: 0;\n}\n\n.colorpicker-no-arrow:after {\n border-right: 0;\n border-left: 0;\n}\n\n.colorpicker,\n.colorpicker-alpha,\n.colorpicker-saturation,\n.colorpicker-hue,\n.colorpicker-selectors {\n &.colorpicker-visible {\n display: block;\n }\n}\n\n.colorpicker,\n.colorpicker-alpha,\n.colorpicker-saturation,\n.colorpicker-hue,\n.colorpicker-selectors {\n &.colorpicker-hidden {\n display: none;\n }\n}\n\n.colorpicker-inline.colorpicker-visible {\n display: inline-block;\n}\n","/*!\n * AdminLTE v2.3.0\n * Author: Almsaeed Studio\n *\t Website: Almsaeed Studio \n * License: Open source - MIT\n * Please visit http://opensource.org/licenses/MIT for more information\n!*/\n/*\n * Core: General Layout Style\n * -------------------------\n */\nhtml,\nbody {\n min-height: 100%;\n}\n.layout-boxed html,\n.layout-boxed body {\n height: 100%;\n}\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-weight: 400;\n overflow-x: hidden;\n overflow-y: auto;\n}\n/* Layout */\n.wrapper {\n min-height: 100%;\n position: static;\n overflow: hidden;\n}\n.wrapper:before,\n.wrapper:after {\n content: \" \";\n display: table;\n}\n.wrapper:after {\n clear: both;\n}\n.layout-boxed .wrapper {\n max-width: 1250px;\n margin: 0 auto;\n min-height: 100%;\n box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);\n position: relative;\n}\n.layout-boxed {\n background: url('../img/boxed-bg.jpg') repeat fixed;\n}\n/*\n * Content Wrapper - contains the main content\n * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper ```\n */\n.content-wrapper,\n.right-side,\n.main-footer {\n -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;\n -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out;\n -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out;\n transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;\n margin-left: 230px;\n z-index: 820;\n}\n.layout-top-nav .content-wrapper,\n.layout-top-nav .right-side,\n.layout-top-nav .main-footer {\n margin-left: 0;\n}\n@media (max-width: 767px) {\n .content-wrapper,\n .right-side,\n .main-footer {\n margin-left: 0;\n }\n}\n@media (min-width: 768px) {\n .sidebar-collapse .content-wrapper,\n .sidebar-collapse .right-side,\n .sidebar-collapse .main-footer {\n margin-left: 0;\n }\n}\n@media (max-width: 767px) {\n .sidebar-open .content-wrapper,\n .sidebar-open .right-side,\n .sidebar-open .main-footer {\n -webkit-transform: translate(230px, 0);\n -ms-transform: translate(230px, 0);\n -o-transform: translate(230px, 0);\n transform: translate(230px, 0);\n }\n}\n.content-wrapper,\n.right-side {\n min-height: 100%;\n background-color: #ecf0f5;\n z-index: 800;\n}\n.main-footer {\n background: #fff;\n padding: 15px;\n color: #444;\n border-top: 1px solid #d2d6de;\n}\n/* Fixed layout */\n.fixed .main-header,\n.fixed .main-sidebar,\n.fixed .left-side {\n position: fixed;\n}\n.fixed .main-header {\n top: 0;\n right: 0;\n left: 0;\n}\n.fixed .content-wrapper,\n.fixed .right-side {\n padding-top: 50px;\n}\n@media (max-width: 767px) {\n .fixed .content-wrapper,\n .fixed .right-side {\n padding-top: 100px;\n }\n}\n.fixed.layout-boxed .wrapper {\n max-width: 100%;\n}\nbody.hold-transition .content-wrapper,\nbody.hold-transition .right-side,\nbody.hold-transition .main-footer,\nbody.hold-transition .main-sidebar,\nbody.hold-transition .left-side,\nbody.hold-transition .main-header > .navbar,\nbody.hold-transition .main-header .logo {\n /* Fix for IE */\n -webkit-transition: none;\n -o-transition: none;\n transition: none;\n}\n/* Content */\n.content {\n min-height: 250px;\n padding: 15px;\n margin-right: auto;\n margin-left: auto;\n padding-left: 15px;\n padding-right: 15px;\n}\n/* H1 - H6 font */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n font-family: 'Source Sans Pro', sans-serif;\n}\n/* General Links */\na {\n color: #3c8dbc;\n}\na:hover,\na:active,\na:focus {\n outline: none;\n text-decoration: none;\n color: #72afd2;\n}\n/* Page Header */\n.page-header {\n margin: 10px 0 20px 0;\n font-size: 22px;\n}\n.page-header > small {\n color: #666;\n display: block;\n margin-top: 5px;\n}\n/*\n * Component: Main Header\n * ----------------------\n */\n.main-header {\n position: relative;\n max-height: 100px;\n z-index: 1030;\n}\n.main-header > .navbar {\n -webkit-transition: margin-left 0.3s ease-in-out;\n -o-transition: margin-left 0.3s ease-in-out;\n transition: margin-left 0.3s ease-in-out;\n margin-bottom: 0;\n margin-left: 230px;\n border: none;\n min-height: 50px;\n border-radius: 0;\n}\n.layout-top-nav .main-header > .navbar {\n margin-left: 0;\n}\n.main-header #navbar-search-input.form-control {\n background: rgba(255, 255, 255, 0.2);\n border-color: transparent;\n}\n.main-header #navbar-search-input.form-control:focus,\n.main-header #navbar-search-input.form-control:active {\n border-color: rgba(0, 0, 0, 0.1);\n background: rgba(255, 255, 255, 0.9);\n}\n.main-header #navbar-search-input.form-control::-moz-placeholder {\n color: #ccc;\n opacity: 1;\n}\n.main-header #navbar-search-input.form-control:-ms-input-placeholder {\n color: #ccc;\n}\n.main-header #navbar-search-input.form-control::-webkit-input-placeholder {\n color: #ccc;\n}\n.main-header .navbar-custom-menu,\n.main-header .navbar-right {\n float: right;\n}\n@media (max-width: 991px) {\n .main-header .navbar-custom-menu a,\n .main-header .navbar-right a {\n color: inherit;\n background: transparent;\n }\n}\n@media (max-width: 767px) {\n .main-header .navbar-right {\n float: none;\n }\n .navbar-collapse .main-header .navbar-right {\n margin: 7.5px -15px;\n }\n .main-header .navbar-right > li {\n color: inherit;\n border: 0;\n }\n}\n.main-header .sidebar-toggle {\n float: left;\n background-color: transparent;\n background-image: none;\n padding: 15px 15px;\n font-family: fontAwesome;\n}\n.main-header .sidebar-toggle:before {\n content: \"\\f0c9\";\n}\n.main-header .sidebar-toggle:hover {\n color: #fff;\n}\n.main-header .sidebar-toggle:focus,\n.main-header .sidebar-toggle:active {\n background: transparent;\n}\n.main-header .sidebar-toggle .icon-bar {\n display: none;\n}\n.main-header .navbar .nav > li.user > a > .fa,\n.main-header .navbar .nav > li.user > a > .glyphicon,\n.main-header .navbar .nav > li.user > a > .ion {\n margin-right: 5px;\n}\n.main-header .navbar .nav > li > a > .label {\n position: absolute;\n top: 9px;\n right: 7px;\n text-align: center;\n font-size: 9px;\n padding: 2px 3px;\n line-height: .9;\n}\n.main-header .logo {\n -webkit-transition: width 0.3s ease-in-out;\n -o-transition: width 0.3s ease-in-out;\n transition: width 0.3s ease-in-out;\n display: block;\n float: left;\n height: 50px;\n font-size: 20px;\n line-height: 50px;\n text-align: center;\n width: 230px;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n padding: 0 15px;\n font-weight: 300;\n overflow: hidden;\n}\n.main-header .logo .logo-lg {\n display: block;\n}\n.main-header .logo .logo-mini {\n display: none;\n}\n.main-header .navbar-brand {\n color: #fff;\n}\n.content-header {\n position: relative;\n padding: 15px 15px 0 15px;\n}\n.content-header > h1 {\n margin: 0;\n font-size: 24px;\n}\n.content-header > h1 > small {\n font-size: 15px;\n display: inline-block;\n padding-left: 4px;\n font-weight: 300;\n}\n.content-header > .breadcrumb {\n float: right;\n background: transparent;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 12px;\n padding: 7px 5px;\n position: absolute;\n top: 15px;\n right: 10px;\n border-radius: 2px;\n}\n.content-header > .breadcrumb > li > a {\n color: #444;\n text-decoration: none;\n display: inline-block;\n}\n.content-header > .breadcrumb > li > a > .fa,\n.content-header > .breadcrumb > li > a > .glyphicon,\n.content-header > .breadcrumb > li > a > .ion {\n margin-right: 5px;\n}\n.content-header > .breadcrumb > li + li:before {\n content: '>\\00a0';\n}\n@media (max-width: 991px) {\n .content-header > .breadcrumb {\n position: relative;\n margin-top: 5px;\n top: 0;\n right: 0;\n float: none;\n background: #d2d6de;\n padding-left: 10px;\n }\n .content-header > .breadcrumb li:before {\n color: #97a0b3;\n }\n}\n.navbar-toggle {\n color: #fff;\n border: 0;\n margin: 0;\n padding: 15px 15px;\n}\n@media (max-width: 991px) {\n .navbar-custom-menu .navbar-nav > li {\n float: left;\n }\n .navbar-custom-menu .navbar-nav {\n margin: 0;\n float: left;\n }\n .navbar-custom-menu .navbar-nav > li > a {\n padding-top: 15px;\n padding-bottom: 15px;\n line-height: 20px;\n }\n}\n@media (max-width: 767px) {\n .main-header {\n position: relative;\n }\n .main-header .logo,\n .main-header .navbar {\n width: 100%;\n float: none;\n }\n .main-header .navbar {\n margin: 0;\n }\n .main-header .navbar-custom-menu {\n float: right;\n }\n}\n@media (max-width: 991px) {\n .navbar-collapse.pull-left {\n float: none!important;\n }\n .navbar-collapse.pull-left + .navbar-custom-menu {\n display: block;\n position: absolute;\n top: 0;\n right: 40px;\n }\n}\n@media (max-width: 991px) {\n .content-header {\n padding-top: 110px;\n }\n}\n@media (max-width: 991px) {\n ul.sidebar-menu {\n padding-top: 120px;\n }\n}\n@media (max-width: 991px) {\n .sidebar-toggle-mobile a {\n color: white;\n }\n}\n/*\n * Component: Sidebar\n * ------------------\n */\n.main-sidebar,\n.left-side {\n position: absolute;\n top: 0;\n left: 0;\n padding-top: 50px;\n min-height: 100%;\n width: 230px;\n z-index: 810;\n -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;\n -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;\n -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out;\n transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;\n}\n@media (max-width: 767px) {\n .main-sidebar,\n .left-side {\n padding-top: 100px;\n }\n}\n@media (max-width: 767px) {\n .main-sidebar,\n .left-side {\n -webkit-transform: translate(-230px, 0);\n -ms-transform: translate(-230px, 0);\n -o-transform: translate(-230px, 0);\n transform: translate(-230px, 0);\n }\n}\n@media (min-width: 768px) {\n .sidebar-collapse .main-sidebar,\n .sidebar-collapse .left-side {\n -webkit-transform: translate(-230px, 0);\n -ms-transform: translate(-230px, 0);\n -o-transform: translate(-230px, 0);\n transform: translate(-230px, 0);\n }\n}\n@media (max-width: 767px) {\n .sidebar-open .main-sidebar,\n .sidebar-open .left-side {\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0);\n }\n}\n.sidebar {\n padding-bottom: 10px;\n}\n.sidebar-form input:focus {\n border-color: transparent;\n}\n.user-panel {\n position: relative;\n width: 100%;\n padding: 10px;\n overflow: hidden;\n}\n.user-panel:before,\n.user-panel:after {\n content: \" \";\n display: table;\n}\n.user-panel:after {\n clear: both;\n}\n.user-panel > .image > img {\n width: 100%;\n max-width: 45px;\n height: auto;\n}\n.user-panel > .info {\n padding: 5px 5px 5px 15px;\n line-height: 1;\n position: absolute;\n left: 55px;\n}\n.user-panel > .info > p {\n font-weight: 600;\n margin-bottom: 9px;\n}\n.user-panel > .info > a {\n text-decoration: none;\n padding-right: 5px;\n margin-top: 3px;\n font-size: 11px;\n}\n.user-panel > .info > a > .fa,\n.user-panel > .info > a > .ion,\n.user-panel > .info > a > .glyphicon {\n margin-right: 3px;\n}\n.sidebar-menu {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.sidebar-menu > li {\n position: relative;\n margin: 0;\n padding: 0;\n}\n.sidebar-menu > li > a {\n padding: 12px 5px 12px 15px;\n display: block;\n}\n.sidebar-menu > li > a > .fa,\n.sidebar-menu > li > a > .glyphicon,\n.sidebar-menu > li > a > .ion {\n width: 20px;\n}\n.sidebar-menu > li .label,\n.sidebar-menu > li .badge {\n margin-top: 3px;\n margin-right: 5px;\n}\n.sidebar-menu li.header {\n padding: 10px 25px 10px 15px;\n font-size: 12px;\n}\n.sidebar-menu li > a > .fa-angle-left {\n width: auto;\n height: auto;\n padding: 0;\n margin-right: 10px;\n margin-top: 3px;\n}\n.sidebar-menu li.active > a > .fa-angle-left {\n -webkit-transform: rotate(-90deg);\n -ms-transform: rotate(-90deg);\n -o-transform: rotate(-90deg);\n transform: rotate(-90deg);\n}\n.sidebar-menu li.active > .treeview-menu {\n display: block;\n}\n.sidebar-menu .treeview-menu {\n display: none;\n list-style: none;\n padding: 0;\n margin: 0;\n padding-left: 5px;\n}\n.sidebar-menu .treeview-menu .treeview-menu {\n padding-left: 20px;\n}\n.sidebar-menu .treeview-menu > li {\n margin: 0;\n}\n.sidebar-menu .treeview-menu > li > a {\n padding: 5px 5px 5px 15px;\n display: block;\n font-size: 14px;\n}\n.sidebar-menu .treeview-menu > li > a > .fa,\n.sidebar-menu .treeview-menu > li > a > .glyphicon,\n.sidebar-menu .treeview-menu > li > a > .ion {\n width: 20px;\n}\n.sidebar-menu .treeview-menu > li > a > .fa-angle-left,\n.sidebar-menu .treeview-menu > li > a > .fa-angle-down {\n width: auto;\n}\n/*\n * Component: Sidebar Mini\n */\n@media (min-width: 768px) {\n .sidebar-mini.sidebar-collapse .content-wrapper,\n .sidebar-mini.sidebar-collapse .right-side,\n .sidebar-mini.sidebar-collapse .main-footer {\n margin-left: 50px!important;\n z-index: 840;\n }\n .sidebar-mini.sidebar-collapse .main-sidebar {\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0);\n width: 50px!important;\n z-index: 850;\n }\n .sidebar-mini.sidebar-collapse .sidebar-menu > li {\n position: relative;\n }\n .sidebar-mini.sidebar-collapse .sidebar-menu > li > a {\n margin-right: 0;\n }\n .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span {\n border-top-right-radius: 4px;\n }\n .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span {\n border-bottom-right-radius: 4px;\n }\n .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {\n padding-top: 5px;\n padding-bottom: 5px;\n border-bottom-right-radius: 4px;\n }\n .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right),\n .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {\n display: block!important;\n position: absolute;\n width: 180px;\n left: 50px;\n }\n .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > a > span {\n top: 0;\n margin-left: -3px;\n padding: 12px 5px 12px 20px;\n background-color: inherit;\n }\n .sidebar-mini.sidebar-collapse .sidebar-menu > li:hover > .treeview-menu {\n top: 44px;\n margin-left: 0;\n }\n .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info,\n .sidebar-mini.sidebar-collapse .sidebar-form,\n .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span,\n .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu,\n .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right,\n .sidebar-mini.sidebar-collapse .sidebar-menu li.header {\n display: none!important;\n -webkit-transform: translateZ(0);\n }\n .sidebar-mini.sidebar-collapse .main-header .logo {\n width: 50px;\n }\n .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini {\n display: block;\n margin-left: -15px;\n margin-right: -15px;\n font-size: 18px;\n }\n .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg {\n display: none;\n }\n .sidebar-mini.sidebar-collapse .main-header .navbar {\n margin-left: 50px;\n }\n}\n.sidebar-menu,\n.main-sidebar .user-panel,\n.sidebar-menu > li.header {\n white-space: nowrap;\n overflow: hidden;\n}\n.sidebar-menu:hover {\n overflow: visible;\n}\n.sidebar-form,\n.sidebar-menu > li.header {\n overflow: hidden;\n text-overflow: clip;\n}\n.sidebar-menu li > a {\n position: relative;\n}\n.sidebar-menu li > a > .pull-right {\n position: absolute;\n top: 50%;\n right: 10px;\n margin-top: -7px;\n}\n/*\n * Component: Control sidebar. By default, this is the right sidebar.\n */\n.control-sidebar-bg {\n position: fixed;\n z-index: 1000;\n bottom: 0;\n}\n.control-sidebar-bg,\n.control-sidebar {\n top: 0;\n right: -230px;\n width: 230px;\n -webkit-transition: right 0.3s ease-in-out;\n -o-transition: right 0.3s ease-in-out;\n transition: right 0.3s ease-in-out;\n}\n.control-sidebar {\n position: absolute;\n padding-top: 50px;\n z-index: 1010;\n}\n@media (max-width: 768px) {\n .control-sidebar {\n padding-top: 100px;\n }\n}\n.control-sidebar > .tab-content {\n padding: 10px 15px;\n}\n.control-sidebar.control-sidebar-open,\n.control-sidebar.control-sidebar-open + .control-sidebar-bg {\n right: 0;\n}\n.control-sidebar-open .control-sidebar-bg,\n.control-sidebar-open .control-sidebar {\n right: 0;\n}\n@media (min-width: 768px) {\n .control-sidebar-open .content-wrapper,\n .control-sidebar-open .right-side,\n .control-sidebar-open .main-footer {\n margin-right: 230px;\n }\n}\n.nav-tabs.control-sidebar-tabs > li:first-of-type > a,\n.nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover,\n.nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus {\n border-left-width: 0;\n}\n.nav-tabs.control-sidebar-tabs > li > a {\n border-radius: 0;\n}\n.nav-tabs.control-sidebar-tabs > li > a,\n.nav-tabs.control-sidebar-tabs > li > a:hover {\n border-top: none;\n border-right: none;\n border-left: 1px solid transparent;\n border-bottom: 1px solid transparent;\n}\n.nav-tabs.control-sidebar-tabs > li > a .icon {\n font-size: 16px;\n}\n.nav-tabs.control-sidebar-tabs > li.active > a,\n.nav-tabs.control-sidebar-tabs > li.active > a:hover,\n.nav-tabs.control-sidebar-tabs > li.active > a:focus,\n.nav-tabs.control-sidebar-tabs > li.active > a:active {\n border-top: none;\n border-right: none;\n border-bottom: none;\n}\n@media (max-width: 768px) {\n .nav-tabs.control-sidebar-tabs {\n display: table;\n }\n .nav-tabs.control-sidebar-tabs > li {\n display: table-cell;\n }\n}\n.control-sidebar-heading {\n font-weight: 400;\n font-size: 16px;\n padding: 10px 0;\n margin-bottom: 10px;\n}\n.control-sidebar-subheading {\n display: block;\n font-weight: 400;\n font-size: 14px;\n}\n.control-sidebar-menu {\n list-style: none;\n padding: 0;\n margin: 0 -15px;\n}\n.control-sidebar-menu > li > a {\n display: block;\n padding: 10px 15px;\n}\n.control-sidebar-menu > li > a:before,\n.control-sidebar-menu > li > a:after {\n content: \" \";\n display: table;\n}\n.control-sidebar-menu > li > a:after {\n clear: both;\n}\n.control-sidebar-menu > li > a > .control-sidebar-subheading {\n margin-top: 0;\n}\n.control-sidebar-menu .menu-icon {\n float: left;\n width: 35px;\n height: 35px;\n border-radius: 50%;\n text-align: center;\n line-height: 35px;\n}\n.control-sidebar-menu .menu-info {\n margin-left: 45px;\n margin-top: 3px;\n}\n.control-sidebar-menu .menu-info > .control-sidebar-subheading {\n margin: 0;\n}\n.control-sidebar-menu .menu-info > p {\n margin: 0;\n font-size: 11px;\n}\n.control-sidebar-menu .progress {\n margin: 0;\n}\n.control-sidebar-dark {\n color: #b8c7ce;\n}\n.control-sidebar-dark,\n.control-sidebar-dark + .control-sidebar-bg {\n background: #222d32;\n}\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs {\n border-bottom: #1c2529;\n}\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a {\n background: #181f23;\n color: #b8c7ce;\n}\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a,\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus {\n border-left-color: #141a1d;\n border-bottom-color: #141a1d;\n}\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover,\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus,\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active {\n background: #1c2529;\n}\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover {\n color: #fff;\n}\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a,\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover,\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus,\n.control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active {\n background: #222d32;\n color: #fff;\n}\n.control-sidebar-dark .control-sidebar-heading,\n.control-sidebar-dark .control-sidebar-subheading {\n color: #fff;\n}\n.control-sidebar-dark .control-sidebar-menu > li > a:hover {\n background: #1e282c;\n}\n.control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p {\n color: #b8c7ce;\n}\n.control-sidebar-light {\n color: #5e5e5e;\n}\n.control-sidebar-light,\n.control-sidebar-light + .control-sidebar-bg {\n background: #f9fafc;\n border-left: 1px solid #d2d6de;\n}\n.control-sidebar-light .nav-tabs.control-sidebar-tabs {\n border-bottom: #d2d6de;\n}\n.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a {\n background: #e8ecf4;\n color: #444;\n}\n.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a,\n.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,\n.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus {\n border-left-color: #d2d6de;\n border-bottom-color: #d2d6de;\n}\n.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover,\n.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus,\n.control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active {\n background: #eff1f7;\n}\n.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a,\n.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover,\n.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus,\n.control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active {\n background: #f9fafc;\n color: #111;\n}\n.control-sidebar-light .control-sidebar-heading,\n.control-sidebar-light .control-sidebar-subheading {\n color: #111;\n}\n.control-sidebar-light .control-sidebar-menu {\n margin-left: -14px;\n}\n.control-sidebar-light .control-sidebar-menu > li > a:hover {\n background: #f4f4f5;\n}\n.control-sidebar-light .control-sidebar-menu > li > a .menu-info > p {\n color: #5e5e5e;\n}\n/*\n * Component: Dropdown menus\n * -------------------------\n */\n/*Dropdowns in general*/\n.dropdown-menu {\n box-shadow: none;\n border-color: #eee;\n}\n.dropdown-menu > li > a {\n color: #777;\n}\n.dropdown-menu > li > a > .glyphicon,\n.dropdown-menu > li > a > .fa,\n.dropdown-menu > li > a > .ion {\n margin-right: 10px;\n}\n.dropdown-menu > li > a:hover {\n background-color: #e1e3e9;\n color: #333;\n}\n.dropdown-menu > .divider {\n background-color: #eee;\n}\n.navbar-nav > .notifications-menu > .dropdown-menu,\n.navbar-nav > .messages-menu > .dropdown-menu,\n.navbar-nav > .tasks-menu > .dropdown-menu {\n width: 280px;\n padding: 0 0 0 0;\n margin: 0;\n top: 100%;\n}\n.navbar-nav > .notifications-menu > .dropdown-menu > li,\n.navbar-nav > .messages-menu > .dropdown-menu > li,\n.navbar-nav > .tasks-menu > .dropdown-menu > li {\n position: relative;\n}\n.navbar-nav > .notifications-menu > .dropdown-menu > li.header,\n.navbar-nav > .messages-menu > .dropdown-menu > li.header,\n.navbar-nav > .tasks-menu > .dropdown-menu > li.header {\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n background-color: #ffffff;\n padding: 7px 10px;\n border-bottom: 1px solid #f4f4f4;\n color: #444444;\n font-size: 14px;\n}\n.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,\n.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,\n.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n font-size: 12px;\n background-color: #fff;\n padding: 7px 10px;\n border-bottom: 1px solid #eeeeee;\n color: #444!important;\n text-align: center;\n}\n@media (max-width: 991px) {\n .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a,\n .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a,\n .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a {\n background: #fff!important;\n color: #444!important;\n }\n}\n.navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover,\n.navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover,\n.navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover {\n text-decoration: none;\n font-weight: normal;\n}\n.navbar-nav > .notifications-menu > .dropdown-menu > li .menu,\n.navbar-nav > .messages-menu > .dropdown-menu > li .menu,\n.navbar-nav > .tasks-menu > .dropdown-menu > li .menu {\n max-height: 200px;\n margin: 0;\n padding: 0;\n list-style: none;\n overflow-x: hidden;\n}\n.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a,\n.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a,\n.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {\n display: block;\n white-space: nowrap;\n /* Prevent text from breaking */\n border-bottom: 1px solid #f4f4f4;\n}\n.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover,\n.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover,\n.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover {\n background: #f4f4f4;\n text-decoration: none;\n}\n.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a {\n color: #444444;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding: 10px;\n}\n.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon,\n.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa,\n.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion {\n width: 20px;\n}\n.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a {\n margin: 0;\n padding: 10px 10px;\n}\n.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img {\n margin: auto 10px auto auto;\n width: 40px;\n height: 40px;\n}\n.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 {\n padding: 0;\n margin: 0 0 0 45px;\n color: #444444;\n font-size: 15px;\n position: relative;\n}\n.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small {\n color: #999999;\n font-size: 10px;\n position: absolute;\n top: 0;\n right: 0;\n}\n.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p {\n margin: 0 0 0 45px;\n font-size: 12px;\n color: #888888;\n}\n.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before,\n.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {\n content: \" \";\n display: table;\n}\n.navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after {\n clear: both;\n}\n.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {\n padding: 10px;\n}\n.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 {\n font-size: 14px;\n padding: 0;\n margin: 0 0 10px 0;\n color: #666666;\n}\n.navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress {\n padding: 0;\n margin: 0;\n}\n.navbar-nav > .user-menu > .dropdown-menu {\n border-top-right-radius: 0;\n border-top-left-radius: 0;\n padding: 1px 0 0 0;\n border-top-width: 0;\n width: 280px;\n}\n.navbar-nav > .user-menu > .dropdown-menu,\n.navbar-nav > .user-menu > .dropdown-menu > .user-body {\n border-bottom-right-radius: 4px;\n border-bottom-left-radius: 4px;\n}\n.navbar-nav > .user-menu > .dropdown-menu > li.user-header {\n height: 175px;\n padding: 10px;\n text-align: center;\n}\n.navbar-nav > .user-menu > .dropdown-menu > li.user-header > img {\n z-index: 5;\n height: 90px;\n width: 90px;\n border: 3px solid;\n border-color: transparent;\n border-color: rgba(255, 255, 255, 0.2);\n}\n.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p {\n z-index: 5;\n color: #fff;\n color: rgba(255, 255, 255, 0.8);\n font-size: 17px;\n margin-top: 10px;\n}\n.navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small {\n display: block;\n font-size: 12px;\n}\n.navbar-nav > .user-menu > .dropdown-menu > .user-body {\n padding: 15px;\n border-bottom: 1px solid #f4f4f4;\n border-top: 1px solid #dddddd;\n}\n.navbar-nav > .user-menu > .dropdown-menu > .user-body:before,\n.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {\n content: \" \";\n display: table;\n}\n.navbar-nav > .user-menu > .dropdown-menu > .user-body:after {\n clear: both;\n}\n.navbar-nav > .user-menu > .dropdown-menu > .user-body a {\n color: #444 !important;\n}\n@media (max-width: 991px) {\n .navbar-nav > .user-menu > .dropdown-menu > .user-body a {\n background: #fff !important;\n color: #444 !important;\n }\n}\n.navbar-nav > .user-menu > .dropdown-menu > .user-footer {\n background-color: #f9f9f9;\n padding: 10px;\n}\n.navbar-nav > .user-menu > .dropdown-menu > .user-footer:before,\n.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {\n content: \" \";\n display: table;\n}\n.navbar-nav > .user-menu > .dropdown-menu > .user-footer:after {\n clear: both;\n}\n.navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default {\n color: #666666;\n}\n@media (max-width: 991px) {\n .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover {\n background-color: #f9f9f9;\n }\n}\n.navbar-nav > .user-menu .user-image {\n float: left;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n margin-right: 10px;\n margin-top: -2px;\n}\n@media (max-width: 767px) {\n .navbar-nav > .user-menu .user-image {\n float: none;\n margin-right: 0;\n margin-top: -8px;\n line-height: 10px;\n }\n}\n/* Add fade animation to dropdown menus by appending\n the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/\n.open:not(.dropup) > .animated-dropdown-menu {\n backface-visibility: visible !important;\n -webkit-animation: flipInX 0.7s both;\n -o-animation: flipInX 0.7s both;\n animation: flipInX 0.7s both;\n}\n@keyframes flipInX {\n 0% {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transition-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transition-timing-function: ease-in;\n }\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n 80% {\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n 100% {\n transform: perspective(400px);\n }\n}\n@-webkit-keyframes flipInX {\n 0% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-transition-timing-function: ease-in;\n opacity: 0;\n }\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-transition-timing-function: ease-in;\n }\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n 100% {\n -webkit-transform: perspective(400px);\n }\n}\n/* Fix dropdown menu in navbars */\n.navbar-custom-menu > .navbar-nav > li {\n position: relative;\n}\n.navbar-custom-menu > .navbar-nav > li > .dropdown-menu {\n position: absolute;\n right: 0;\n left: auto;\n}\n@media (max-width: 991px) {\n .navbar-custom-menu > .navbar-nav {\n float: right;\n }\n .navbar-custom-menu > .navbar-nav > li {\n position: static;\n }\n .navbar-custom-menu > .navbar-nav > li > .dropdown-menu {\n position: absolute;\n right: 5%;\n left: auto;\n border: 1px solid #ddd;\n background: #fff;\n }\n}\n/*\n * Component: Form\n * ---------------\n */\n.form-control {\n border-radius: 0;\n box-shadow: none;\n border-color: #d2d6de;\n}\n.form-control:focus {\n border-color: #3c8dbc;\n box-shadow: none;\n}\n.form-control::-moz-placeholder,\n.form-control:-ms-input-placeholder,\n.form-control::-webkit-input-placeholder {\n color: #bbb;\n opacity: 1;\n}\n.form-control:not(select) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n}\n.form-group.has-success label {\n color: #00a65a;\n}\n.form-group.has-success .form-control {\n border-color: #00a65a;\n box-shadow: none;\n}\n.form-group.has-warning label {\n color: #f39c12;\n}\n.form-group.has-warning .form-control {\n border-color: #f39c12;\n box-shadow: none;\n}\n.form-group.has-error label {\n color: #dd4b39;\n}\n.form-group.has-error .form-control {\n border-color: #dd4b39;\n box-shadow: none;\n}\n/* Input group */\n.input-group .input-group-addon {\n border-radius: 0;\n border-color: #d2d6de;\n background-color: #fff;\n}\n/* button groups */\n.btn-group-vertical .btn.btn-flat:first-of-type,\n.btn-group-vertical .btn.btn-flat:last-of-type {\n border-radius: 0;\n}\n.icheck > label {\n padding-left: 0;\n}\n/* support Font Awesome icons in form-control */\n.form-control-feedback.fa {\n line-height: 34px;\n}\n.input-lg + .form-control-feedback.fa,\n.input-group-lg + .form-control-feedback.fa,\n.form-group-lg .form-control + .form-control-feedback.fa {\n line-height: 46px;\n}\n.input-sm + .form-control-feedback.fa,\n.input-group-sm + .form-control-feedback.fa,\n.form-group-sm .form-control + .form-control-feedback.fa {\n line-height: 30px;\n}\n/*\n * Component: Progress Bar\n * -----------------------\n */\n.progress,\n.progress > .progress-bar {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.progress,\n.progress > .progress-bar,\n.progress .progress-bar,\n.progress > .progress-bar .progress-bar {\n border-radius: 1px;\n}\n/* size variation */\n.progress.sm,\n.progress-sm {\n height: 10px;\n}\n.progress.sm,\n.progress-sm,\n.progress.sm .progress-bar,\n.progress-sm .progress-bar {\n border-radius: 1px;\n}\n.progress.xs,\n.progress-xs {\n height: 7px;\n}\n.progress.xs,\n.progress-xs,\n.progress.xs .progress-bar,\n.progress-xs .progress-bar {\n border-radius: 1px;\n}\n.progress.xxs,\n.progress-xxs {\n height: 3px;\n}\n.progress.xxs,\n.progress-xxs,\n.progress.xxs .progress-bar,\n.progress-xxs .progress-bar {\n border-radius: 1px;\n}\n/* Vertical bars */\n.progress.vertical {\n position: relative;\n width: 30px;\n height: 200px;\n display: inline-block;\n margin-right: 10px;\n}\n.progress.vertical > .progress-bar {\n width: 100%;\n position: absolute;\n bottom: 0;\n}\n.progress.vertical.sm,\n.progress.vertical.progress-sm {\n width: 20px;\n}\n.progress.vertical.xs,\n.progress.vertical.progress-xs {\n width: 10px;\n}\n.progress.vertical.xxs,\n.progress.vertical.progress-xxs {\n width: 3px;\n}\n.progress-group .progress-text {\n font-weight: 600;\n}\n.progress-group .progress-number {\n float: right;\n}\n/* Remove margins from progress bars when put in a table */\n.table tr > td .progress {\n margin: 0;\n}\n.progress-bar-light-blue,\n.progress-bar-primary {\n background-color: #3c8dbc;\n}\n.progress-striped .progress-bar-light-blue,\n.progress-striped .progress-bar-primary {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n.progress-bar-green,\n.progress-bar-success {\n background-color: #00a65a;\n}\n.progress-striped .progress-bar-green,\n.progress-striped .progress-bar-success {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n.progress-bar-aqua,\n.progress-bar-info {\n background-color: #00c0ef;\n}\n.progress-striped .progress-bar-aqua,\n.progress-striped .progress-bar-info {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n.progress-bar-yellow,\n.progress-bar-warning {\n background-color: #f39c12;\n}\n.progress-striped .progress-bar-yellow,\n.progress-striped .progress-bar-warning {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n.progress-bar-red,\n.progress-bar-danger {\n background-color: #dd4b39;\n}\n.progress-striped .progress-bar-red,\n.progress-striped .progress-bar-danger {\n background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n/*\n * Component: Small Box\n * --------------------\n */\n.small-box {\n border-radius: 2px;\n position: relative;\n display: block;\n margin-bottom: 20px;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);\n}\n.small-box > .inner {\n padding: 10px;\n}\n.small-box > .small-box-footer {\n position: relative;\n text-align: center;\n padding: 3px 0;\n color: #fff;\n color: rgba(255, 255, 255, 0.8);\n display: block;\n z-index: 10;\n background: rgba(0, 0, 0, 0.1);\n text-decoration: none;\n}\n.small-box > .small-box-footer:hover {\n color: #fff;\n background: rgba(0, 0, 0, 0.15);\n}\n.small-box h3 {\n font-size: 38px;\n font-weight: bold;\n margin: 0 0 10px 0;\n white-space: nowrap;\n padding: 0;\n}\n.small-box p {\n font-size: 15px;\n}\n.small-box p > small {\n display: block;\n color: #f9f9f9;\n font-size: 13px;\n margin-top: 5px;\n}\n.small-box h3,\n.small-box p {\n z-index: 5px;\n}\n.small-box .icon {\n -webkit-transition: all 0.3s linear;\n -o-transition: all 0.3s linear;\n transition: all 0.3s linear;\n position: absolute;\n top: -10px;\n right: 10px;\n z-index: 0;\n font-size: 90px;\n color: rgba(0, 0, 0, 0.15);\n}\n.small-box:hover {\n text-decoration: none;\n color: #f9f9f9;\n}\n.small-box:hover .icon {\n font-size: 95px;\n}\n@media (max-width: 767px) {\n .small-box {\n text-align: center;\n }\n .small-box .icon {\n display: none;\n }\n .small-box p {\n font-size: 12px;\n }\n}\n/*\n * Component: Box\n * --------------\n */\n.box {\n position: relative;\n border-radius: 3px;\n background: #ffffff;\n border-top: 3px solid #d2d6de;\n margin-bottom: 20px;\n width: 100%;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);\n}\n.box.box-primary {\n border-top-color: #3c8dbc;\n}\n.box.box-info {\n border-top-color: #00c0ef;\n}\n.box.box-danger {\n border-top-color: #dd4b39;\n}\n.box.box-warning {\n border-top-color: #f39c12;\n}\n.box.box-success {\n border-top-color: #00a65a;\n}\n.box.box-default {\n border-top-color: #d2d6de;\n}\n.box.collapsed-box .box-body,\n.box.collapsed-box .box-footer {\n display: none;\n}\n.box .nav-stacked > li {\n border-bottom: 1px solid #f4f4f4;\n margin: 0;\n}\n.box .nav-stacked > li:last-of-type {\n border-bottom: none;\n}\n.box.height-control .box-body {\n max-height: 300px;\n overflow: auto;\n}\n.box .border-right {\n border-right: 1px solid #f4f4f4;\n}\n.box .border-left {\n border-left: 1px solid #f4f4f4;\n}\n.box.box-solid {\n border-top: 0;\n}\n.box.box-solid > .box-header .btn.btn-default {\n background: transparent;\n}\n.box.box-solid > .box-header .btn:hover,\n.box.box-solid > .box-header a:hover {\n background: rgba(0, 0, 0, 0.1);\n}\n.box.box-solid.box-default {\n border: 1px solid #d2d6de;\n}\n.box.box-solid.box-default > .box-header {\n color: #444;\n background: #d2d6de;\n background-color: #d2d6de;\n}\n.box.box-solid.box-default > .box-header a,\n.box.box-solid.box-default > .box-header .btn {\n color: #444;\n}\n.box.box-solid.box-primary {\n border: 1px solid #3c8dbc;\n}\n.box.box-solid.box-primary > .box-header {\n color: #fff;\n background: #3c8dbc;\n background-color: #3c8dbc;\n}\n.box.box-solid.box-primary > .box-header a,\n.box.box-solid.box-primary > .box-header .btn {\n color: #fff;\n}\n.box.box-solid.box-info {\n border: 1px solid #00c0ef;\n}\n.box.box-solid.box-info > .box-header {\n color: #fff;\n background: #00c0ef;\n background-color: #00c0ef;\n}\n.box.box-solid.box-info > .box-header a,\n.box.box-solid.box-info > .box-header .btn {\n color: #fff;\n}\n.box.box-solid.box-danger {\n border: 1px solid #dd4b39;\n}\n.box.box-solid.box-danger > .box-header {\n color: #fff;\n background: #dd4b39;\n background-color: #dd4b39;\n}\n.box.box-solid.box-danger > .box-header a,\n.box.box-solid.box-danger > .box-header .btn {\n color: #fff;\n}\n.box.box-solid.box-warning {\n border: 1px solid #f39c12;\n}\n.box.box-solid.box-warning > .box-header {\n color: #fff;\n background: #f39c12;\n background-color: #f39c12;\n}\n.box.box-solid.box-warning > .box-header a,\n.box.box-solid.box-warning > .box-header .btn {\n color: #fff;\n}\n.box.box-solid.box-success {\n border: 1px solid #00a65a;\n}\n.box.box-solid.box-success > .box-header {\n color: #fff;\n background: #00a65a;\n background-color: #00a65a;\n}\n.box.box-solid.box-success > .box-header a,\n.box.box-solid.box-success > .box-header .btn {\n color: #fff;\n}\n.box.box-solid > .box-header > .box-tools .btn {\n border: 0;\n box-shadow: none;\n}\n.box.box-solid[class*='bg'] > .box-header {\n color: #fff;\n}\n.box .box-group > .box {\n margin-bottom: 5px;\n}\n.box .knob-label {\n text-align: center;\n color: #333;\n font-weight: 100;\n font-size: 12px;\n margin-bottom: 0.3em;\n}\n.box > .overlay,\n.overlay-wrapper > .overlay,\n.box > .loading-img,\n.overlay-wrapper > .loading-img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n.box .overlay,\n.overlay-wrapper .overlay {\n z-index: 50;\n background: rgba(255, 255, 255, 0.7);\n border-radius: 3px;\n}\n.box .overlay > .fa,\n.overlay-wrapper .overlay > .fa {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-left: -15px;\n margin-top: -15px;\n color: #000;\n font-size: 30px;\n}\n.box .overlay.dark,\n.overlay-wrapper .overlay.dark {\n background: rgba(0, 0, 0, 0.5);\n}\n.box-header:before,\n.box-body:before,\n.box-footer:before,\n.box-header:after,\n.box-body:after,\n.box-footer:after {\n content: \" \";\n display: table;\n}\n.box-header:after,\n.box-body:after,\n.box-footer:after {\n clear: both;\n}\n.box-header {\n color: #444;\n display: block;\n padding: 10px;\n position: relative;\n}\n.box-header.with-border {\n border-bottom: 1px solid #f4f4f4;\n}\n.collapsed-box .box-header.with-border {\n border-bottom: none;\n}\n.box-header > .fa,\n.box-header > .glyphicon,\n.box-header > .ion,\n.box-header .box-title {\n display: inline-block;\n font-size: 18px;\n margin: 0;\n line-height: 1;\n}\n.box-header > .fa,\n.box-header > .glyphicon,\n.box-header > .ion {\n margin-right: 5px;\n}\n.box-header > .box-tools {\n position: absolute;\n right: 10px;\n top: 5px;\n}\n.box-header > .box-tools [data-toggle=\"tooltip\"] {\n position: relative;\n}\n.box-header > .box-tools.pull-right .dropdown-menu {\n right: 0;\n left: auto;\n}\n.btn-box-tool {\n padding: 5px;\n font-size: 12px;\n background: transparent;\n color: #97a0b3;\n}\n.open .btn-box-tool,\n.btn-box-tool:hover {\n color: #606c84;\n}\n.btn-box-tool.btn:active {\n box-shadow: none;\n}\n.box-body {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n padding: 10px;\n}\n.no-header .box-body {\n border-top-right-radius: 3px;\n border-top-left-radius: 3px;\n}\n.box-body > .table {\n margin-bottom: 0;\n}\n.box-body .fc {\n margin-top: 5px;\n}\n.box-body .full-width-chart {\n margin: -19px;\n}\n.box-body.no-padding .full-width-chart {\n margin: -9px;\n}\n.box-body .box-pane {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 3px;\n}\n.box-body .box-pane-right {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 0;\n}\n.box-footer {\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n border-top: 1px solid #f4f4f4;\n padding: 10px;\n background-color: #fff;\n}\n.chart-legend {\n margin: 10px 0;\n}\n@media (max-width: 991px) {\n .chart-legend > li {\n float: left;\n margin-right: 10px;\n }\n}\n.box-comments {\n background: #f7f7f7;\n}\n.box-comments .box-comment {\n padding: 8px 0;\n border-bottom: 1px solid #eee;\n}\n.box-comments .box-comment:before,\n.box-comments .box-comment:after {\n content: \" \";\n display: table;\n}\n.box-comments .box-comment:after {\n clear: both;\n}\n.box-comments .box-comment:last-of-type {\n border-bottom: 0;\n}\n.box-comments .box-comment:first-of-type {\n padding-top: 0;\n}\n.box-comments .box-comment img {\n float: left;\n}\n.box-comments .comment-text {\n margin-left: 40px;\n color: #555;\n}\n.box-comments .username {\n color: #444;\n display: block;\n font-weight: 600;\n}\n.box-comments .text-muted {\n font-weight: 400;\n font-size: 12px;\n}\n/* Widget: TODO LIST */\n.todo-list {\n margin: 0;\n padding: 0;\n list-style: none;\n overflow: auto;\n}\n.todo-list > li {\n border-radius: 2px;\n padding: 10px;\n background: #f4f4f4;\n margin-bottom: 2px;\n border-left: 2px solid #e6e7e8;\n color: #444;\n}\n.todo-list > li:last-of-type {\n margin-bottom: 0;\n}\n.todo-list > li > input[type='checkbox'] {\n margin: 0 10px 0 5px;\n}\n.todo-list > li .text {\n display: inline-block;\n margin-left: 5px;\n font-weight: 600;\n}\n.todo-list > li .label {\n margin-left: 10px;\n font-size: 9px;\n}\n.todo-list > li .tools {\n display: none;\n float: right;\n color: #dd4b39;\n}\n.todo-list > li .tools > .fa,\n.todo-list > li .tools > .glyphicon,\n.todo-list > li .tools > .ion {\n margin-right: 5px;\n cursor: pointer;\n}\n.todo-list > li:hover .tools {\n display: inline-block;\n}\n.todo-list > li.done {\n color: #999;\n}\n.todo-list > li.done .text {\n text-decoration: line-through;\n font-weight: 500;\n}\n.todo-list > li.done .label {\n background: #d2d6de !important;\n}\n.todo-list .danger {\n border-left-color: #dd4b39;\n}\n.todo-list .warning {\n border-left-color: #f39c12;\n}\n.todo-list .info {\n border-left-color: #00c0ef;\n}\n.todo-list .success {\n border-left-color: #00a65a;\n}\n.todo-list .primary {\n border-left-color: #3c8dbc;\n}\n.todo-list .handle {\n display: inline-block;\n cursor: move;\n margin: 0 5px;\n}\n/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/\n.chat {\n padding: 5px 20px 5px 10px;\n}\n.chat .item {\n margin-bottom: 10px;\n}\n.chat .item:before,\n.chat .item:after {\n content: \" \";\n display: table;\n}\n.chat .item:after {\n clear: both;\n}\n.chat .item > img {\n width: 40px;\n height: 40px;\n border: 2px solid transparent;\n border-radius: 50%;\n}\n.chat .item > .online {\n border: 2px solid #00a65a;\n}\n.chat .item > .offline {\n border: 2px solid #dd4b39;\n}\n.chat .item > .message {\n margin-left: 55px;\n margin-top: -40px;\n}\n.chat .item > .message > .name {\n display: block;\n font-weight: 600;\n}\n.chat .item > .attachment {\n border-radius: 3px;\n background: #f4f4f4;\n margin-left: 65px;\n margin-right: 15px;\n padding: 10px;\n}\n.chat .item > .attachment > h4 {\n margin: 0 0 5px 0;\n font-weight: 600;\n font-size: 14px;\n}\n.chat .item > .attachment > p,\n.chat .item > .attachment > .filename {\n font-weight: 600;\n font-size: 13px;\n font-style: italic;\n margin: 0;\n}\n.chat .item > .attachment:before,\n.chat .item > .attachment:after {\n content: \" \";\n display: table;\n}\n.chat .item > .attachment:after {\n clear: both;\n}\n.box-input {\n max-width: 200px;\n}\n.modal .panel-body {\n color: #444;\n}\n/*\n * Component: Info Box\n * -------------------\n */\n.info-box {\n display: block;\n min-height: 90px;\n background: #fff;\n width: 100%;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);\n border-radius: 2px;\n margin-bottom: 15px;\n}\n.info-box small {\n font-size: 14px;\n}\n.info-box .progress {\n background: rgba(0, 0, 0, 0.2);\n margin: 5px -10px 5px -10px;\n height: 2px;\n}\n.info-box .progress,\n.info-box .progress .progress-bar {\n border-radius: 0;\n}\n.info-box .progress .progress-bar {\n background: #fff;\n}\n.info-box-icon {\n border-top-left-radius: 2px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 2px;\n display: block;\n float: left;\n height: 90px;\n width: 90px;\n text-align: center;\n font-size: 45px;\n line-height: 90px;\n background: rgba(0, 0, 0, 0.2);\n}\n.info-box-icon > img {\n max-width: 100%;\n}\n.info-box-content {\n padding: 5px 10px;\n margin-left: 90px;\n}\n.info-box-number {\n display: block;\n font-weight: bold;\n font-size: 18px;\n}\n.progress-description,\n.info-box-text {\n display: block;\n font-size: 14px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.info-box-text {\n text-transform: uppercase;\n}\n.info-box-more {\n display: block;\n}\n.progress-description {\n margin: 0;\n}\n/*\n * Component: Button\n * -----------------\n */\n.btn {\n border-radius: 3px;\n -webkit-box-shadow: none;\n box-shadow: none;\n border: 1px solid transparent;\n}\n.btn.uppercase {\n text-transform: uppercase;\n}\n.btn.btn-flat {\n border-radius: 0;\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n border-width: 1px;\n}\n.btn:active {\n -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n}\n.btn:focus {\n outline: none;\n}\n.btn.btn-file {\n position: relative;\n overflow: hidden;\n}\n.btn.btn-file > input[type='file'] {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 100%;\n min-height: 100%;\n font-size: 100px;\n text-align: right;\n opacity: 0;\n filter: alpha(opacity=0);\n outline: none;\n background: white;\n cursor: inherit;\n display: block;\n}\n.btn-default {\n background-color: #f4f4f4;\n color: #444;\n border-color: #ddd;\n}\n.btn-default:hover,\n.btn-default:active,\n.btn-default.hover {\n background-color: #e7e7e7;\n}\n.btn-primary {\n background-color: #3c8dbc;\n border-color: #367fa9;\n}\n.btn-primary:hover,\n.btn-primary:active,\n.btn-primary.hover {\n background-color: #367fa9;\n}\n.btn-success {\n background-color: #00a65a;\n border-color: #008d4c;\n}\n.btn-success:hover,\n.btn-success:active,\n.btn-success.hover {\n background-color: #008d4c;\n}\n.btn-info {\n background-color: #00c0ef;\n border-color: #00acd6;\n}\n.btn-info:hover,\n.btn-info:active,\n.btn-info.hover {\n background-color: #00acd6;\n}\n.btn-danger {\n background-color: #dd4b39;\n border-color: #d73925;\n}\n.btn-danger:hover,\n.btn-danger:active,\n.btn-danger.hover {\n background-color: #d73925;\n}\n.btn-warning {\n background-color: #f39c12;\n border-color: #e08e0b;\n}\n.btn-warning:hover,\n.btn-warning:active,\n.btn-warning.hover {\n background-color: #e08e0b;\n}\n.btn-outline {\n border: 1px solid #fff;\n background: transparent;\n color: #fff;\n}\n.btn-outline:hover,\n.btn-outline:focus,\n.btn-outline:active {\n color: rgba(255, 255, 255, 0.7);\n border-color: rgba(255, 255, 255, 0.7);\n}\n.btn-link {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.btn[class*='bg-']:hover {\n -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);\n box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);\n}\n.btn-app {\n border-radius: 3px;\n position: relative;\n padding: 15px 5px;\n margin: 0 0 10px 10px;\n min-width: 80px;\n height: 60px;\n text-align: center;\n color: #666;\n border: 1px solid #ddd;\n background-color: #f4f4f4;\n font-size: 12px;\n}\n.btn-app > .fa,\n.btn-app > .glyphicon,\n.btn-app > .ion {\n font-size: 20px;\n display: block;\n}\n.btn-app:hover {\n background: #f4f4f4;\n color: #444;\n border-color: #aaa;\n}\n.btn-app:active,\n.btn-app:focus {\n -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n}\n.btn-app > .badge {\n position: absolute;\n top: -3px;\n right: -10px;\n font-size: 10px;\n font-weight: 400;\n}\n/*\n * Component: Callout\n * ------------------\n */\n.callout {\n border-radius: 3px;\n margin: 0 0 20px 0;\n padding: 15px 30px 15px 15px;\n border-left: 5px solid #eee;\n}\n.callout a {\n color: #fff;\n text-decoration: underline;\n}\n.callout a:hover {\n color: #eee;\n}\n.callout h4 {\n margin-top: 0;\n font-weight: 600;\n}\n.callout p:last-child {\n margin-bottom: 0;\n}\n.callout code,\n.callout .highlight {\n background-color: #fff;\n}\n.callout.callout-danger {\n border-color: #c23321;\n}\n.callout.callout-warning {\n border-color: #c87f0a;\n}\n.callout.callout-info {\n border-color: #0097bc;\n}\n.callout.callout-success {\n border-color: #00733e;\n}\n/*\n * Component: alert\n * ----------------\n */\n.alert {\n border-radius: 3px;\n}\n.alert h4 {\n font-weight: 600;\n}\n.alert .icon {\n margin-right: 10px;\n}\n.alert .close {\n color: #000;\n opacity: 0.2;\n filter: alpha(opacity=20);\n}\n.alert .close:hover {\n opacity: 0.5;\n filter: alpha(opacity=50);\n}\n.alert a {\n color: #fff;\n text-decoration: underline;\n}\n.alert-success {\n border-color: #008d4c;\n}\n.alert-danger,\n.alert-error {\n border-color: #d73925;\n}\n.alert-warning {\n border-color: #e08e0b;\n}\n.alert-info {\n border-color: #00acd6;\n}\n/*\n * Component: Nav\n * --------------\n */\n.nav > li > a:hover,\n.nav > li > a:active,\n.nav > li > a:focus {\n color: #444;\n background: #f7f7f7;\n}\n/* NAV PILLS */\n.nav-pills > li > a {\n border-radius: 0;\n border-top: 3px solid transparent;\n color: #444;\n}\n.nav-pills > li > a > .fa,\n.nav-pills > li > a > .glyphicon,\n.nav-pills > li > a > .ion {\n margin-right: 5px;\n}\n.nav-pills > li.active > a,\n.nav-pills > li.active > a:hover,\n.nav-pills > li.active > a:focus {\n border-top-color: #3c8dbc;\n}\n.nav-pills > li.active > a {\n font-weight: 600;\n}\n/* NAV STACKED */\n.nav-stacked > li > a {\n border-radius: 0;\n border-top: 0;\n border-left: 3px solid transparent;\n color: #444;\n}\n.nav-stacked > li.active > a,\n.nav-stacked > li.active > a:hover {\n background: transparent;\n color: #444;\n border-top: 0;\n border-left-color: #3c8dbc;\n}\n.nav-stacked > li.header {\n border-bottom: 1px solid #ddd;\n color: #777;\n margin-bottom: 10px;\n padding: 5px 10px;\n text-transform: uppercase;\n}\n/* NAV TABS */\n.nav-tabs-custom {\n margin-bottom: 20px;\n background: #fff;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n}\n.nav-tabs-custom > .nav-tabs {\n margin: 0;\n border-bottom-color: #f4f4f4;\n border-top-right-radius: 3px;\n border-top-left-radius: 3px;\n}\n.nav-tabs-custom > .nav-tabs > li {\n border-top: 3px solid transparent;\n margin-bottom: -2px;\n margin-right: 5px;\n}\n.nav-tabs-custom > .nav-tabs > li > a {\n color: #444;\n border-radius: 0;\n}\n.nav-tabs-custom > .nav-tabs > li > a.text-muted {\n color: #999;\n}\n.nav-tabs-custom > .nav-tabs > li > a,\n.nav-tabs-custom > .nav-tabs > li > a:hover {\n background: transparent;\n margin: 0;\n}\n.nav-tabs-custom > .nav-tabs > li > a:hover {\n color: #999;\n}\n.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover,\n.nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus,\n.nav-tabs-custom > .nav-tabs > li:not(.active) > a:active {\n border-color: transparent;\n}\n.nav-tabs-custom > .nav-tabs > li.active {\n border-top-color: #3c8dbc;\n}\n.nav-tabs-custom > .nav-tabs > li.active > a,\n.nav-tabs-custom > .nav-tabs > li.active:hover > a {\n background-color: #fff;\n color: #444;\n}\n.nav-tabs-custom > .nav-tabs > li.active > a {\n border-top-color: transparent;\n border-left-color: #f4f4f4;\n border-right-color: #f4f4f4;\n}\n.nav-tabs-custom > .nav-tabs > li:first-of-type {\n margin-left: 0;\n}\n.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a {\n border-left-color: transparent;\n}\n.nav-tabs-custom > .nav-tabs.pull-right {\n float: none!important;\n}\n.nav-tabs-custom > .nav-tabs.pull-right > li {\n float: right;\n}\n.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type {\n margin-right: 0;\n}\n.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a {\n border-left-width: 1px;\n}\n.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {\n border-left-color: #f4f4f4;\n border-right-color: transparent;\n}\n.nav-tabs-custom > .nav-tabs > li.header {\n line-height: 35px;\n padding: 0 10px;\n font-size: 20px;\n color: #444;\n}\n.nav-tabs-custom > .nav-tabs > li.header > .fa,\n.nav-tabs-custom > .nav-tabs > li.header > .glyphicon,\n.nav-tabs-custom > .nav-tabs > li.header > .ion {\n margin-right: 5px;\n}\n.nav-tabs-custom > .tab-content {\n background: #fff;\n padding: 10px;\n border-bottom-right-radius: 3px;\n border-bottom-left-radius: 3px;\n}\n.nav-tabs-custom .dropdown.open > a:active,\n.nav-tabs-custom .dropdown.open > a:focus {\n background: transparent;\n color: #999;\n}\n/* PAGINATION */\n.pagination > li > a {\n background: #fafafa;\n color: #666;\n}\n.pagination.pagination-flat > li > a {\n border-radius: 0 !important;\n}\n/*\n * Component: Table\n * ----------------\n */\n.table > thead > tr > th,\n.table > tbody > tr > th,\n.table > tfoot > tr > th,\n.table > thead > tr > td,\n.table > tbody > tr > td,\n.table > tfoot > tr > td {\n border-top: 1px solid #f4f4f4;\n}\n.table > thead > tr > th {\n border-bottom: 2px solid #f4f4f4;\n}\n.table tr td .progress {\n margin-top: 5px;\n}\n.table-bordered {\n border: 1px solid #f4f4f4;\n}\n.table-bordered > thead > tr > th,\n.table-bordered > tbody > tr > th,\n.table-bordered > tfoot > tr > th,\n.table-bordered > thead > tr > td,\n.table-bordered > tbody > tr > td,\n.table-bordered > tfoot > tr > td {\n border: 1px solid #f4f4f4;\n}\n.table-bordered > thead > tr > th,\n.table-bordered > thead > tr > td {\n border-bottom-width: 2px;\n}\n.table.no-border,\n.table.no-border td,\n.table.no-border th {\n border: 0;\n}\n/* .text-center in tables */\ntable.text-center,\ntable.text-center td,\ntable.text-center th {\n text-align: center;\n}\n.table.align th {\n text-align: left;\n}\n.table.align td {\n text-align: right;\n}\n/*\n * Component: Label\n * ----------------\n */\n.label-default {\n background-color: #d2d6de;\n color: #444;\n}\n/*\n * Component: Direct Chat\n * ----------------------\n */\n.direct-chat .box-body {\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 0;\n position: relative;\n overflow-x: hidden;\n padding: 0;\n}\n.direct-chat.chat-pane-open .direct-chat-contacts {\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0);\n}\n.direct-chat-messages {\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0);\n padding: 10px;\n height: 250px;\n overflow: auto;\n}\n.direct-chat-msg,\n.direct-chat-text {\n display: block;\n}\n.direct-chat-msg {\n margin-bottom: 10px;\n}\n.direct-chat-msg:before,\n.direct-chat-msg:after {\n content: \" \";\n display: table;\n}\n.direct-chat-msg:after {\n clear: both;\n}\n.direct-chat-messages,\n.direct-chat-contacts {\n -webkit-transition: -webkit-transform 0.5s ease-in-out;\n -moz-transition: -moz-transform 0.5s ease-in-out;\n -o-transition: -o-transform 0.5s ease-in-out;\n transition: transform 0.5s ease-in-out;\n}\n.direct-chat-text {\n border-radius: 5px;\n position: relative;\n padding: 5px 10px;\n background: #d2d6de;\n border: 1px solid #d2d6de;\n margin: 5px 0 0 50px;\n color: #444;\n}\n.direct-chat-text:after,\n.direct-chat-text:before {\n position: absolute;\n right: 100%;\n top: 15px;\n border: solid transparent;\n border-right-color: #d2d6de;\n content: ' ';\n height: 0;\n width: 0;\n pointer-events: none;\n}\n.direct-chat-text:after {\n border-width: 5px;\n margin-top: -5px;\n}\n.direct-chat-text:before {\n border-width: 6px;\n margin-top: -6px;\n}\n.right .direct-chat-text {\n margin-right: 50px;\n margin-left: 0;\n}\n.right .direct-chat-text:after,\n.right .direct-chat-text:before {\n right: auto;\n left: 100%;\n border-right-color: transparent;\n border-left-color: #d2d6de;\n}\n.direct-chat-img {\n border-radius: 50%;\n float: left;\n width: 40px;\n height: 40px;\n}\n.right .direct-chat-img {\n float: right;\n}\n.direct-chat-info {\n display: block;\n margin-bottom: 2px;\n font-size: 12px;\n}\n.direct-chat-name {\n font-weight: 600;\n}\n.direct-chat-timestamp {\n color: #999;\n}\n.direct-chat-contacts-open .direct-chat-contacts {\n -webkit-transform: translate(0, 0);\n -ms-transform: translate(0, 0);\n -o-transform: translate(0, 0);\n transform: translate(0, 0);\n}\n.direct-chat-contacts {\n -webkit-transform: translate(101%, 0);\n -ms-transform: translate(101%, 0);\n -o-transform: translate(101%, 0);\n transform: translate(101%, 0);\n position: absolute;\n top: 0;\n bottom: 0;\n height: 250px;\n width: 100%;\n background: #222d32;\n color: #fff;\n overflow: auto;\n}\n.contacts-list > li {\n border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n padding: 10px;\n margin: 0;\n}\n.contacts-list > li:before,\n.contacts-list > li:after {\n content: \" \";\n display: table;\n}\n.contacts-list > li:after {\n clear: both;\n}\n.contacts-list > li:last-of-type {\n border-bottom: none;\n}\n.contacts-list-img {\n border-radius: 50%;\n width: 40px;\n float: left;\n}\n.contacts-list-info {\n margin-left: 45px;\n color: #fff;\n}\n.contacts-list-name,\n.contacts-list-status {\n display: block;\n}\n.contacts-list-name {\n font-weight: 600;\n}\n.contacts-list-status {\n font-size: 12px;\n}\n.contacts-list-date {\n color: #aaa;\n font-weight: normal;\n}\n.contacts-list-msg {\n color: #999;\n}\n.direct-chat-danger .right > .direct-chat-text {\n background: #dd4b39;\n border-color: #dd4b39;\n color: #fff;\n}\n.direct-chat-danger .right > .direct-chat-text:after,\n.direct-chat-danger .right > .direct-chat-text:before {\n border-left-color: #dd4b39;\n}\n.direct-chat-primary .right > .direct-chat-text {\n background: #3c8dbc;\n border-color: #3c8dbc;\n color: #fff;\n}\n.direct-chat-primary .right > .direct-chat-text:after,\n.direct-chat-primary .right > .direct-chat-text:before {\n border-left-color: #3c8dbc;\n}\n.direct-chat-warning .right > .direct-chat-text {\n background: #f39c12;\n border-color: #f39c12;\n color: #fff;\n}\n.direct-chat-warning .right > .direct-chat-text:after,\n.direct-chat-warning .right > .direct-chat-text:before {\n border-left-color: #f39c12;\n}\n.direct-chat-info .right > .direct-chat-text {\n background: #00c0ef;\n border-color: #00c0ef;\n color: #fff;\n}\n.direct-chat-info .right > .direct-chat-text:after,\n.direct-chat-info .right > .direct-chat-text:before {\n border-left-color: #00c0ef;\n}\n.direct-chat-success .right > .direct-chat-text {\n background: #00a65a;\n border-color: #00a65a;\n color: #fff;\n}\n.direct-chat-success .right > .direct-chat-text:after,\n.direct-chat-success .right > .direct-chat-text:before {\n border-left-color: #00a65a;\n}\n/*\n * Component: Users List\n * ---------------------\n */\n.users-list > li {\n width: 25%;\n float: left;\n padding: 10px;\n text-align: center;\n}\n.users-list > li img {\n border-radius: 50%;\n max-width: 100%;\n height: auto;\n}\n.users-list > li > a:hover,\n.users-list > li > a:hover .users-list-name {\n color: #999;\n}\n.users-list-name,\n.users-list-date {\n display: block;\n}\n.users-list-name {\n font-weight: 600;\n color: #444;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.users-list-date {\n color: #999;\n font-size: 12px;\n}\n/*\n * Component: modal\n * ----------------\n */\n.modal {\n background: rgba(0, 0, 0, 0.3);\n}\n.modal-content {\n border-radius: 0;\n -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);\n border: 0;\n}\n@media (min-width: 768px) {\n .modal-content {\n -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);\n box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);\n }\n}\n.modal-header {\n border-bottom-color: #f4f4f4;\n}\n.modal-footer {\n border-top-color: #f4f4f4;\n}\n.modal-primary .modal-header,\n.modal-primary .modal-footer {\n border-color: #307095;\n}\n.modal-warning .modal-header,\n.modal-warning .modal-footer {\n border-color: #c87f0a;\n}\n.modal-info .modal-header,\n.modal-info .modal-footer {\n border-color: #0097bc;\n}\n.modal-success .modal-header,\n.modal-success .modal-footer {\n border-color: #00733e;\n}\n.modal-danger .modal-header,\n.modal-danger .modal-footer {\n border-color: #c23321;\n}\n/*\n * Page: Login & Register\n * ----------------------\n */\n.login-logo,\n.register-logo {\n font-size: 35px;\n text-align: center;\n margin-bottom: 25px;\n font-weight: 300;\n}\n.login-logo a,\n.register-logo a {\n color: #444;\n}\n.login-page,\n.register-page {\n background: #d2d6de;\n}\n.login-box,\n.register-box {\n width: 360px;\n margin: 7% auto;\n}\n@media (max-width: 768px) {\n .login-box,\n .register-box {\n width: 90%;\n margin-top: 20px;\n }\n}\n.login-box-body,\n.register-box-body {\n background: #fff;\n padding: 20px;\n border-top: 0;\n color: #666;\n}\n.login-box-body .form-control-feedback,\n.register-box-body .form-control-feedback {\n color: #777;\n}\n.login-box-msg,\n.register-box-msg {\n margin: 0;\n text-align: center;\n padding: 0 20px 20px 20px;\n}\n.social-auth-links {\n margin: 10px 0;\n}\n/*\n * Page: 400 and 500 error pages\n * ------------------------------\n */\n.error-page {\n width: 600px;\n margin: 20px auto 0 auto;\n}\n@media (max-width: 991px) {\n .error-page {\n width: 100%;\n }\n}\n.error-page > .headline {\n float: left;\n font-size: 100px;\n font-weight: 300;\n}\n@media (max-width: 991px) {\n .error-page > .headline {\n float: none;\n text-align: center;\n }\n}\n.error-page > .error-content {\n margin-left: 190px;\n display: block;\n}\n@media (max-width: 991px) {\n .error-page > .error-content {\n margin-left: 0;\n }\n}\n.error-page > .error-content > h3 {\n font-weight: 300;\n font-size: 25px;\n}\n@media (max-width: 991px) {\n .error-page > .error-content > h3 {\n text-align: center;\n }\n}\n/*\n * Social Buttons for Bootstrap\n *\n * Copyright 2013-2015 Panayiotis Lipiridis\n * Licensed under the MIT License\n *\n * https://github.com/lipis/bootstrap-social\n */\n.btn-social {\n position: relative;\n padding-left: 44px;\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.btn-social > :first-child {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 32px;\n line-height: 34px;\n font-size: 1.6em;\n text-align: center;\n border-right: 1px solid rgba(0, 0, 0, 0.2);\n}\n.btn-social.btn-lg {\n padding-left: 61px;\n}\n.btn-social.btn-lg > :first-child {\n line-height: 45px;\n width: 45px;\n font-size: 1.8em;\n}\n.btn-social.btn-sm {\n padding-left: 38px;\n}\n.btn-social.btn-sm > :first-child {\n line-height: 28px;\n width: 28px;\n font-size: 1.4em;\n}\n.btn-social.btn-xs {\n padding-left: 30px;\n}\n.btn-social.btn-xs > :first-child {\n line-height: 20px;\n width: 20px;\n font-size: 1.2em;\n}\n.btn-social-icon {\n position: relative;\n padding-left: 44px;\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n height: 34px;\n width: 34px;\n padding: 0;\n}\n.btn-social-icon > :first-child {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: 32px;\n line-height: 34px;\n font-size: 1.6em;\n text-align: center;\n border-right: 1px solid rgba(0, 0, 0, 0.2);\n}\n.btn-social-icon.btn-lg {\n padding-left: 61px;\n}\n.btn-social-icon.btn-lg > :first-child {\n line-height: 45px;\n width: 45px;\n font-size: 1.8em;\n}\n.btn-social-icon.btn-sm {\n padding-left: 38px;\n}\n.btn-social-icon.btn-sm > :first-child {\n line-height: 28px;\n width: 28px;\n font-size: 1.4em;\n}\n.btn-social-icon.btn-xs {\n padding-left: 30px;\n}\n.btn-social-icon.btn-xs > :first-child {\n line-height: 20px;\n width: 20px;\n font-size: 1.2em;\n}\n.btn-social-icon > :first-child {\n border: none;\n text-align: center;\n width: 100%;\n}\n.btn-social-icon.btn-lg {\n height: 45px;\n width: 45px;\n padding-left: 0;\n padding-right: 0;\n}\n.btn-social-icon.btn-sm {\n height: 30px;\n width: 30px;\n padding-left: 0;\n padding-right: 0;\n}\n.btn-social-icon.btn-xs {\n height: 22px;\n width: 22px;\n padding-left: 0;\n padding-right: 0;\n}\n.btn-adn {\n color: #fff;\n background-color: #d87a68;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-adn:hover,\n.btn-adn:focus,\n.btn-adn.focus,\n.btn-adn:active,\n.btn-adn.active,\n.open > .dropdown-toggle.btn-adn {\n color: #fff;\n background-color: #ce563f;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-adn:active,\n.btn-adn.active,\n.open > .dropdown-toggle.btn-adn {\n background-image: none;\n}\n.btn-adn.disabled,\n.btn-adn[disabled],\nfieldset[disabled] .btn-adn,\n.btn-adn.disabled:hover,\n.btn-adn[disabled]:hover,\nfieldset[disabled] .btn-adn:hover,\n.btn-adn.disabled:focus,\n.btn-adn[disabled]:focus,\nfieldset[disabled] .btn-adn:focus,\n.btn-adn.disabled.focus,\n.btn-adn[disabled].focus,\nfieldset[disabled] .btn-adn.focus,\n.btn-adn.disabled:active,\n.btn-adn[disabled]:active,\nfieldset[disabled] .btn-adn:active,\n.btn-adn.disabled.active,\n.btn-adn[disabled].active,\nfieldset[disabled] .btn-adn.active {\n background-color: #d87a68;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-adn .badge {\n color: #d87a68;\n background-color: #fff;\n}\n.btn-bitbucket {\n color: #fff;\n background-color: #205081;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-bitbucket:hover,\n.btn-bitbucket:focus,\n.btn-bitbucket.focus,\n.btn-bitbucket:active,\n.btn-bitbucket.active,\n.open > .dropdown-toggle.btn-bitbucket {\n color: #fff;\n background-color: #163758;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-bitbucket:active,\n.btn-bitbucket.active,\n.open > .dropdown-toggle.btn-bitbucket {\n background-image: none;\n}\n.btn-bitbucket.disabled,\n.btn-bitbucket[disabled],\nfieldset[disabled] .btn-bitbucket,\n.btn-bitbucket.disabled:hover,\n.btn-bitbucket[disabled]:hover,\nfieldset[disabled] .btn-bitbucket:hover,\n.btn-bitbucket.disabled:focus,\n.btn-bitbucket[disabled]:focus,\nfieldset[disabled] .btn-bitbucket:focus,\n.btn-bitbucket.disabled.focus,\n.btn-bitbucket[disabled].focus,\nfieldset[disabled] .btn-bitbucket.focus,\n.btn-bitbucket.disabled:active,\n.btn-bitbucket[disabled]:active,\nfieldset[disabled] .btn-bitbucket:active,\n.btn-bitbucket.disabled.active,\n.btn-bitbucket[disabled].active,\nfieldset[disabled] .btn-bitbucket.active {\n background-color: #205081;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-bitbucket .badge {\n color: #205081;\n background-color: #fff;\n}\n.btn-dropbox {\n color: #fff;\n background-color: #1087dd;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-dropbox:hover,\n.btn-dropbox:focus,\n.btn-dropbox.focus,\n.btn-dropbox:active,\n.btn-dropbox.active,\n.open > .dropdown-toggle.btn-dropbox {\n color: #fff;\n background-color: #0d6aad;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-dropbox:active,\n.btn-dropbox.active,\n.open > .dropdown-toggle.btn-dropbox {\n background-image: none;\n}\n.btn-dropbox.disabled,\n.btn-dropbox[disabled],\nfieldset[disabled] .btn-dropbox,\n.btn-dropbox.disabled:hover,\n.btn-dropbox[disabled]:hover,\nfieldset[disabled] .btn-dropbox:hover,\n.btn-dropbox.disabled:focus,\n.btn-dropbox[disabled]:focus,\nfieldset[disabled] .btn-dropbox:focus,\n.btn-dropbox.disabled.focus,\n.btn-dropbox[disabled].focus,\nfieldset[disabled] .btn-dropbox.focus,\n.btn-dropbox.disabled:active,\n.btn-dropbox[disabled]:active,\nfieldset[disabled] .btn-dropbox:active,\n.btn-dropbox.disabled.active,\n.btn-dropbox[disabled].active,\nfieldset[disabled] .btn-dropbox.active {\n background-color: #1087dd;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-dropbox .badge {\n color: #1087dd;\n background-color: #fff;\n}\n.btn-facebook {\n color: #fff;\n background-color: #3b5998;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-facebook:hover,\n.btn-facebook:focus,\n.btn-facebook.focus,\n.btn-facebook:active,\n.btn-facebook.active,\n.open > .dropdown-toggle.btn-facebook {\n color: #fff;\n background-color: #2d4373;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-facebook:active,\n.btn-facebook.active,\n.open > .dropdown-toggle.btn-facebook {\n background-image: none;\n}\n.btn-facebook.disabled,\n.btn-facebook[disabled],\nfieldset[disabled] .btn-facebook,\n.btn-facebook.disabled:hover,\n.btn-facebook[disabled]:hover,\nfieldset[disabled] .btn-facebook:hover,\n.btn-facebook.disabled:focus,\n.btn-facebook[disabled]:focus,\nfieldset[disabled] .btn-facebook:focus,\n.btn-facebook.disabled.focus,\n.btn-facebook[disabled].focus,\nfieldset[disabled] .btn-facebook.focus,\n.btn-facebook.disabled:active,\n.btn-facebook[disabled]:active,\nfieldset[disabled] .btn-facebook:active,\n.btn-facebook.disabled.active,\n.btn-facebook[disabled].active,\nfieldset[disabled] .btn-facebook.active {\n background-color: #3b5998;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-facebook .badge {\n color: #3b5998;\n background-color: #fff;\n}\n.btn-flickr {\n color: #fff;\n background-color: #ff0084;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-flickr:hover,\n.btn-flickr:focus,\n.btn-flickr.focus,\n.btn-flickr:active,\n.btn-flickr.active,\n.open > .dropdown-toggle.btn-flickr {\n color: #fff;\n background-color: #cc006a;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-flickr:active,\n.btn-flickr.active,\n.open > .dropdown-toggle.btn-flickr {\n background-image: none;\n}\n.btn-flickr.disabled,\n.btn-flickr[disabled],\nfieldset[disabled] .btn-flickr,\n.btn-flickr.disabled:hover,\n.btn-flickr[disabled]:hover,\nfieldset[disabled] .btn-flickr:hover,\n.btn-flickr.disabled:focus,\n.btn-flickr[disabled]:focus,\nfieldset[disabled] .btn-flickr:focus,\n.btn-flickr.disabled.focus,\n.btn-flickr[disabled].focus,\nfieldset[disabled] .btn-flickr.focus,\n.btn-flickr.disabled:active,\n.btn-flickr[disabled]:active,\nfieldset[disabled] .btn-flickr:active,\n.btn-flickr.disabled.active,\n.btn-flickr[disabled].active,\nfieldset[disabled] .btn-flickr.active {\n background-color: #ff0084;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-flickr .badge {\n color: #ff0084;\n background-color: #fff;\n}\n.btn-foursquare {\n color: #fff;\n background-color: #f94877;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-foursquare:hover,\n.btn-foursquare:focus,\n.btn-foursquare.focus,\n.btn-foursquare:active,\n.btn-foursquare.active,\n.open > .dropdown-toggle.btn-foursquare {\n color: #fff;\n background-color: #f71752;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-foursquare:active,\n.btn-foursquare.active,\n.open > .dropdown-toggle.btn-foursquare {\n background-image: none;\n}\n.btn-foursquare.disabled,\n.btn-foursquare[disabled],\nfieldset[disabled] .btn-foursquare,\n.btn-foursquare.disabled:hover,\n.btn-foursquare[disabled]:hover,\nfieldset[disabled] .btn-foursquare:hover,\n.btn-foursquare.disabled:focus,\n.btn-foursquare[disabled]:focus,\nfieldset[disabled] .btn-foursquare:focus,\n.btn-foursquare.disabled.focus,\n.btn-foursquare[disabled].focus,\nfieldset[disabled] .btn-foursquare.focus,\n.btn-foursquare.disabled:active,\n.btn-foursquare[disabled]:active,\nfieldset[disabled] .btn-foursquare:active,\n.btn-foursquare.disabled.active,\n.btn-foursquare[disabled].active,\nfieldset[disabled] .btn-foursquare.active {\n background-color: #f94877;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-foursquare .badge {\n color: #f94877;\n background-color: #fff;\n}\n.btn-github {\n color: #fff;\n background-color: #444444;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-github:hover,\n.btn-github:focus,\n.btn-github.focus,\n.btn-github:active,\n.btn-github.active,\n.open > .dropdown-toggle.btn-github {\n color: #fff;\n background-color: #2b2b2b;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-github:active,\n.btn-github.active,\n.open > .dropdown-toggle.btn-github {\n background-image: none;\n}\n.btn-github.disabled,\n.btn-github[disabled],\nfieldset[disabled] .btn-github,\n.btn-github.disabled:hover,\n.btn-github[disabled]:hover,\nfieldset[disabled] .btn-github:hover,\n.btn-github.disabled:focus,\n.btn-github[disabled]:focus,\nfieldset[disabled] .btn-github:focus,\n.btn-github.disabled.focus,\n.btn-github[disabled].focus,\nfieldset[disabled] .btn-github.focus,\n.btn-github.disabled:active,\n.btn-github[disabled]:active,\nfieldset[disabled] .btn-github:active,\n.btn-github.disabled.active,\n.btn-github[disabled].active,\nfieldset[disabled] .btn-github.active {\n background-color: #444444;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-github .badge {\n color: #444444;\n background-color: #fff;\n}\n.btn-google {\n color: #fff;\n background-color: #dd4b39;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-google:hover,\n.btn-google:focus,\n.btn-google.focus,\n.btn-google:active,\n.btn-google.active,\n.open > .dropdown-toggle.btn-google {\n color: #fff;\n background-color: #c23321;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-google:active,\n.btn-google.active,\n.open > .dropdown-toggle.btn-google {\n background-image: none;\n}\n.btn-google.disabled,\n.btn-google[disabled],\nfieldset[disabled] .btn-google,\n.btn-google.disabled:hover,\n.btn-google[disabled]:hover,\nfieldset[disabled] .btn-google:hover,\n.btn-google.disabled:focus,\n.btn-google[disabled]:focus,\nfieldset[disabled] .btn-google:focus,\n.btn-google.disabled.focus,\n.btn-google[disabled].focus,\nfieldset[disabled] .btn-google.focus,\n.btn-google.disabled:active,\n.btn-google[disabled]:active,\nfieldset[disabled] .btn-google:active,\n.btn-google.disabled.active,\n.btn-google[disabled].active,\nfieldset[disabled] .btn-google.active {\n background-color: #dd4b39;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-google .badge {\n color: #dd4b39;\n background-color: #fff;\n}\n.btn-instagram {\n color: #fff;\n background-color: #3f729b;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-instagram:hover,\n.btn-instagram:focus,\n.btn-instagram.focus,\n.btn-instagram:active,\n.btn-instagram.active,\n.open > .dropdown-toggle.btn-instagram {\n color: #fff;\n background-color: #305777;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-instagram:active,\n.btn-instagram.active,\n.open > .dropdown-toggle.btn-instagram {\n background-image: none;\n}\n.btn-instagram.disabled,\n.btn-instagram[disabled],\nfieldset[disabled] .btn-instagram,\n.btn-instagram.disabled:hover,\n.btn-instagram[disabled]:hover,\nfieldset[disabled] .btn-instagram:hover,\n.btn-instagram.disabled:focus,\n.btn-instagram[disabled]:focus,\nfieldset[disabled] .btn-instagram:focus,\n.btn-instagram.disabled.focus,\n.btn-instagram[disabled].focus,\nfieldset[disabled] .btn-instagram.focus,\n.btn-instagram.disabled:active,\n.btn-instagram[disabled]:active,\nfieldset[disabled] .btn-instagram:active,\n.btn-instagram.disabled.active,\n.btn-instagram[disabled].active,\nfieldset[disabled] .btn-instagram.active {\n background-color: #3f729b;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-instagram .badge {\n color: #3f729b;\n background-color: #fff;\n}\n.btn-linkedin {\n color: #fff;\n background-color: #007bb6;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-linkedin:hover,\n.btn-linkedin:focus,\n.btn-linkedin.focus,\n.btn-linkedin:active,\n.btn-linkedin.active,\n.open > .dropdown-toggle.btn-linkedin {\n color: #fff;\n background-color: #005983;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-linkedin:active,\n.btn-linkedin.active,\n.open > .dropdown-toggle.btn-linkedin {\n background-image: none;\n}\n.btn-linkedin.disabled,\n.btn-linkedin[disabled],\nfieldset[disabled] .btn-linkedin,\n.btn-linkedin.disabled:hover,\n.btn-linkedin[disabled]:hover,\nfieldset[disabled] .btn-linkedin:hover,\n.btn-linkedin.disabled:focus,\n.btn-linkedin[disabled]:focus,\nfieldset[disabled] .btn-linkedin:focus,\n.btn-linkedin.disabled.focus,\n.btn-linkedin[disabled].focus,\nfieldset[disabled] .btn-linkedin.focus,\n.btn-linkedin.disabled:active,\n.btn-linkedin[disabled]:active,\nfieldset[disabled] .btn-linkedin:active,\n.btn-linkedin.disabled.active,\n.btn-linkedin[disabled].active,\nfieldset[disabled] .btn-linkedin.active {\n background-color: #007bb6;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-linkedin .badge {\n color: #007bb6;\n background-color: #fff;\n}\n.btn-microsoft {\n color: #fff;\n background-color: #2672ec;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-microsoft:hover,\n.btn-microsoft:focus,\n.btn-microsoft.focus,\n.btn-microsoft:active,\n.btn-microsoft.active,\n.open > .dropdown-toggle.btn-microsoft {\n color: #fff;\n background-color: #125acd;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-microsoft:active,\n.btn-microsoft.active,\n.open > .dropdown-toggle.btn-microsoft {\n background-image: none;\n}\n.btn-microsoft.disabled,\n.btn-microsoft[disabled],\nfieldset[disabled] .btn-microsoft,\n.btn-microsoft.disabled:hover,\n.btn-microsoft[disabled]:hover,\nfieldset[disabled] .btn-microsoft:hover,\n.btn-microsoft.disabled:focus,\n.btn-microsoft[disabled]:focus,\nfieldset[disabled] .btn-microsoft:focus,\n.btn-microsoft.disabled.focus,\n.btn-microsoft[disabled].focus,\nfieldset[disabled] .btn-microsoft.focus,\n.btn-microsoft.disabled:active,\n.btn-microsoft[disabled]:active,\nfieldset[disabled] .btn-microsoft:active,\n.btn-microsoft.disabled.active,\n.btn-microsoft[disabled].active,\nfieldset[disabled] .btn-microsoft.active {\n background-color: #2672ec;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-microsoft .badge {\n color: #2672ec;\n background-color: #fff;\n}\n.btn-openid {\n color: #fff;\n background-color: #f7931e;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-openid:hover,\n.btn-openid:focus,\n.btn-openid.focus,\n.btn-openid:active,\n.btn-openid.active,\n.open > .dropdown-toggle.btn-openid {\n color: #fff;\n background-color: #da7908;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-openid:active,\n.btn-openid.active,\n.open > .dropdown-toggle.btn-openid {\n background-image: none;\n}\n.btn-openid.disabled,\n.btn-openid[disabled],\nfieldset[disabled] .btn-openid,\n.btn-openid.disabled:hover,\n.btn-openid[disabled]:hover,\nfieldset[disabled] .btn-openid:hover,\n.btn-openid.disabled:focus,\n.btn-openid[disabled]:focus,\nfieldset[disabled] .btn-openid:focus,\n.btn-openid.disabled.focus,\n.btn-openid[disabled].focus,\nfieldset[disabled] .btn-openid.focus,\n.btn-openid.disabled:active,\n.btn-openid[disabled]:active,\nfieldset[disabled] .btn-openid:active,\n.btn-openid.disabled.active,\n.btn-openid[disabled].active,\nfieldset[disabled] .btn-openid.active {\n background-color: #f7931e;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-openid .badge {\n color: #f7931e;\n background-color: #fff;\n}\n.btn-pinterest {\n color: #fff;\n background-color: #cb2027;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-pinterest:hover,\n.btn-pinterest:focus,\n.btn-pinterest.focus,\n.btn-pinterest:active,\n.btn-pinterest.active,\n.open > .dropdown-toggle.btn-pinterest {\n color: #fff;\n background-color: #9f191f;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-pinterest:active,\n.btn-pinterest.active,\n.open > .dropdown-toggle.btn-pinterest {\n background-image: none;\n}\n.btn-pinterest.disabled,\n.btn-pinterest[disabled],\nfieldset[disabled] .btn-pinterest,\n.btn-pinterest.disabled:hover,\n.btn-pinterest[disabled]:hover,\nfieldset[disabled] .btn-pinterest:hover,\n.btn-pinterest.disabled:focus,\n.btn-pinterest[disabled]:focus,\nfieldset[disabled] .btn-pinterest:focus,\n.btn-pinterest.disabled.focus,\n.btn-pinterest[disabled].focus,\nfieldset[disabled] .btn-pinterest.focus,\n.btn-pinterest.disabled:active,\n.btn-pinterest[disabled]:active,\nfieldset[disabled] .btn-pinterest:active,\n.btn-pinterest.disabled.active,\n.btn-pinterest[disabled].active,\nfieldset[disabled] .btn-pinterest.active {\n background-color: #cb2027;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-pinterest .badge {\n color: #cb2027;\n background-color: #fff;\n}\n.btn-reddit {\n color: #000;\n background-color: #eff7ff;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-reddit:hover,\n.btn-reddit:focus,\n.btn-reddit.focus,\n.btn-reddit:active,\n.btn-reddit.active,\n.open > .dropdown-toggle.btn-reddit {\n color: #000;\n background-color: #bcddff;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-reddit:active,\n.btn-reddit.active,\n.open > .dropdown-toggle.btn-reddit {\n background-image: none;\n}\n.btn-reddit.disabled,\n.btn-reddit[disabled],\nfieldset[disabled] .btn-reddit,\n.btn-reddit.disabled:hover,\n.btn-reddit[disabled]:hover,\nfieldset[disabled] .btn-reddit:hover,\n.btn-reddit.disabled:focus,\n.btn-reddit[disabled]:focus,\nfieldset[disabled] .btn-reddit:focus,\n.btn-reddit.disabled.focus,\n.btn-reddit[disabled].focus,\nfieldset[disabled] .btn-reddit.focus,\n.btn-reddit.disabled:active,\n.btn-reddit[disabled]:active,\nfieldset[disabled] .btn-reddit:active,\n.btn-reddit.disabled.active,\n.btn-reddit[disabled].active,\nfieldset[disabled] .btn-reddit.active {\n background-color: #eff7ff;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-reddit .badge {\n color: #eff7ff;\n background-color: #000;\n}\n.btn-soundcloud {\n color: #fff;\n background-color: #ff5500;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-soundcloud:hover,\n.btn-soundcloud:focus,\n.btn-soundcloud.focus,\n.btn-soundcloud:active,\n.btn-soundcloud.active,\n.open > .dropdown-toggle.btn-soundcloud {\n color: #fff;\n background-color: #cc4400;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-soundcloud:active,\n.btn-soundcloud.active,\n.open > .dropdown-toggle.btn-soundcloud {\n background-image: none;\n}\n.btn-soundcloud.disabled,\n.btn-soundcloud[disabled],\nfieldset[disabled] .btn-soundcloud,\n.btn-soundcloud.disabled:hover,\n.btn-soundcloud[disabled]:hover,\nfieldset[disabled] .btn-soundcloud:hover,\n.btn-soundcloud.disabled:focus,\n.btn-soundcloud[disabled]:focus,\nfieldset[disabled] .btn-soundcloud:focus,\n.btn-soundcloud.disabled.focus,\n.btn-soundcloud[disabled].focus,\nfieldset[disabled] .btn-soundcloud.focus,\n.btn-soundcloud.disabled:active,\n.btn-soundcloud[disabled]:active,\nfieldset[disabled] .btn-soundcloud:active,\n.btn-soundcloud.disabled.active,\n.btn-soundcloud[disabled].active,\nfieldset[disabled] .btn-soundcloud.active {\n background-color: #ff5500;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-soundcloud .badge {\n color: #ff5500;\n background-color: #fff;\n}\n.btn-tumblr {\n color: #fff;\n background-color: #2c4762;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-tumblr:hover,\n.btn-tumblr:focus,\n.btn-tumblr.focus,\n.btn-tumblr:active,\n.btn-tumblr.active,\n.open > .dropdown-toggle.btn-tumblr {\n color: #fff;\n background-color: #1c2d3f;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-tumblr:active,\n.btn-tumblr.active,\n.open > .dropdown-toggle.btn-tumblr {\n background-image: none;\n}\n.btn-tumblr.disabled,\n.btn-tumblr[disabled],\nfieldset[disabled] .btn-tumblr,\n.btn-tumblr.disabled:hover,\n.btn-tumblr[disabled]:hover,\nfieldset[disabled] .btn-tumblr:hover,\n.btn-tumblr.disabled:focus,\n.btn-tumblr[disabled]:focus,\nfieldset[disabled] .btn-tumblr:focus,\n.btn-tumblr.disabled.focus,\n.btn-tumblr[disabled].focus,\nfieldset[disabled] .btn-tumblr.focus,\n.btn-tumblr.disabled:active,\n.btn-tumblr[disabled]:active,\nfieldset[disabled] .btn-tumblr:active,\n.btn-tumblr.disabled.active,\n.btn-tumblr[disabled].active,\nfieldset[disabled] .btn-tumblr.active {\n background-color: #2c4762;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-tumblr .badge {\n color: #2c4762;\n background-color: #fff;\n}\n.btn-twitter {\n color: #fff;\n background-color: #55acee;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-twitter:hover,\n.btn-twitter:focus,\n.btn-twitter.focus,\n.btn-twitter:active,\n.btn-twitter.active,\n.open > .dropdown-toggle.btn-twitter {\n color: #fff;\n background-color: #2795e9;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-twitter:active,\n.btn-twitter.active,\n.open > .dropdown-toggle.btn-twitter {\n background-image: none;\n}\n.btn-twitter.disabled,\n.btn-twitter[disabled],\nfieldset[disabled] .btn-twitter,\n.btn-twitter.disabled:hover,\n.btn-twitter[disabled]:hover,\nfieldset[disabled] .btn-twitter:hover,\n.btn-twitter.disabled:focus,\n.btn-twitter[disabled]:focus,\nfieldset[disabled] .btn-twitter:focus,\n.btn-twitter.disabled.focus,\n.btn-twitter[disabled].focus,\nfieldset[disabled] .btn-twitter.focus,\n.btn-twitter.disabled:active,\n.btn-twitter[disabled]:active,\nfieldset[disabled] .btn-twitter:active,\n.btn-twitter.disabled.active,\n.btn-twitter[disabled].active,\nfieldset[disabled] .btn-twitter.active {\n background-color: #55acee;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-twitter .badge {\n color: #55acee;\n background-color: #fff;\n}\n.btn-vimeo {\n color: #fff;\n background-color: #1ab7ea;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-vimeo:hover,\n.btn-vimeo:focus,\n.btn-vimeo.focus,\n.btn-vimeo:active,\n.btn-vimeo.active,\n.open > .dropdown-toggle.btn-vimeo {\n color: #fff;\n background-color: #1295bf;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-vimeo:active,\n.btn-vimeo.active,\n.open > .dropdown-toggle.btn-vimeo {\n background-image: none;\n}\n.btn-vimeo.disabled,\n.btn-vimeo[disabled],\nfieldset[disabled] .btn-vimeo,\n.btn-vimeo.disabled:hover,\n.btn-vimeo[disabled]:hover,\nfieldset[disabled] .btn-vimeo:hover,\n.btn-vimeo.disabled:focus,\n.btn-vimeo[disabled]:focus,\nfieldset[disabled] .btn-vimeo:focus,\n.btn-vimeo.disabled.focus,\n.btn-vimeo[disabled].focus,\nfieldset[disabled] .btn-vimeo.focus,\n.btn-vimeo.disabled:active,\n.btn-vimeo[disabled]:active,\nfieldset[disabled] .btn-vimeo:active,\n.btn-vimeo.disabled.active,\n.btn-vimeo[disabled].active,\nfieldset[disabled] .btn-vimeo.active {\n background-color: #1ab7ea;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-vimeo .badge {\n color: #1ab7ea;\n background-color: #fff;\n}\n.btn-vk {\n color: #fff;\n background-color: #587ea3;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-vk:hover,\n.btn-vk:focus,\n.btn-vk.focus,\n.btn-vk:active,\n.btn-vk.active,\n.open > .dropdown-toggle.btn-vk {\n color: #fff;\n background-color: #466482;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-vk:active,\n.btn-vk.active,\n.open > .dropdown-toggle.btn-vk {\n background-image: none;\n}\n.btn-vk.disabled,\n.btn-vk[disabled],\nfieldset[disabled] .btn-vk,\n.btn-vk.disabled:hover,\n.btn-vk[disabled]:hover,\nfieldset[disabled] .btn-vk:hover,\n.btn-vk.disabled:focus,\n.btn-vk[disabled]:focus,\nfieldset[disabled] .btn-vk:focus,\n.btn-vk.disabled.focus,\n.btn-vk[disabled].focus,\nfieldset[disabled] .btn-vk.focus,\n.btn-vk.disabled:active,\n.btn-vk[disabled]:active,\nfieldset[disabled] .btn-vk:active,\n.btn-vk.disabled.active,\n.btn-vk[disabled].active,\nfieldset[disabled] .btn-vk.active {\n background-color: #587ea3;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-vk .badge {\n color: #587ea3;\n background-color: #fff;\n}\n.btn-yahoo {\n color: #fff;\n background-color: #720e9e;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-yahoo:hover,\n.btn-yahoo:focus,\n.btn-yahoo.focus,\n.btn-yahoo:active,\n.btn-yahoo.active,\n.open > .dropdown-toggle.btn-yahoo {\n color: #fff;\n background-color: #500a6f;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-yahoo:active,\n.btn-yahoo.active,\n.open > .dropdown-toggle.btn-yahoo {\n background-image: none;\n}\n.btn-yahoo.disabled,\n.btn-yahoo[disabled],\nfieldset[disabled] .btn-yahoo,\n.btn-yahoo.disabled:hover,\n.btn-yahoo[disabled]:hover,\nfieldset[disabled] .btn-yahoo:hover,\n.btn-yahoo.disabled:focus,\n.btn-yahoo[disabled]:focus,\nfieldset[disabled] .btn-yahoo:focus,\n.btn-yahoo.disabled.focus,\n.btn-yahoo[disabled].focus,\nfieldset[disabled] .btn-yahoo.focus,\n.btn-yahoo.disabled:active,\n.btn-yahoo[disabled]:active,\nfieldset[disabled] .btn-yahoo:active,\n.btn-yahoo.disabled.active,\n.btn-yahoo[disabled].active,\nfieldset[disabled] .btn-yahoo.active {\n background-color: #720e9e;\n border-color: rgba(0, 0, 0, 0.2);\n}\n.btn-yahoo .badge {\n color: #720e9e;\n background-color: #fff;\n}\n/*\n * Plugin: Full Calendar\n * ---------------------\n */\n.fc-button {\n background: #f4f4f4;\n background-image: none;\n color: #444;\n border-color: #ddd;\n border-bottom-color: #ddd;\n}\n.fc-button:hover,\n.fc-button:active,\n.fc-button.hover {\n background-color: #e9e9e9;\n}\n.fc-header-title h2 {\n font-size: 15px;\n line-height: 1.6em;\n color: #666;\n margin-left: 10px;\n}\n.fc-header-right {\n padding-right: 10px;\n}\n.fc-header-left {\n padding-left: 10px;\n}\n.fc-widget-header {\n background: #fafafa;\n}\n.fc-grid {\n width: 100%;\n border: 0;\n}\n.fc-widget-header:first-of-type,\n.fc-widget-content:first-of-type {\n border-left: 0;\n border-right: 0;\n}\n.fc-widget-header:last-of-type,\n.fc-widget-content:last-of-type {\n border-right: 0;\n}\n.fc-toolbar {\n padding: 10px;\n margin: 0;\n}\n.fc-day-number {\n font-size: 20px;\n font-weight: 300;\n padding-right: 10px;\n}\n.fc-color-picker {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.fc-color-picker > li {\n float: left;\n font-size: 30px;\n margin-right: 5px;\n line-height: 30px;\n}\n.fc-color-picker > li .fa {\n -webkit-transition: -webkit-transform linear 0.3s;\n -moz-transition: -moz-transform linear 0.3s;\n -o-transition: -o-transform linear 0.3s;\n transition: transform linear 0.3s;\n}\n.fc-color-picker > li .fa:hover {\n -webkit-transform: rotate(30deg);\n -ms-transform: rotate(30deg);\n -o-transform: rotate(30deg);\n transform: rotate(30deg);\n}\n#add-new-event {\n -webkit-transition: all linear 0.3s;\n -o-transition: all linear 0.3s;\n transition: all linear 0.3s;\n}\n.external-event {\n padding: 5px 10px;\n font-weight: bold;\n margin-bottom: 4px;\n box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);\n text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);\n border-radius: 3px;\n cursor: move;\n}\n.external-event:hover {\n box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);\n}\n/*\n * Plugin: Select2\n * ---------------\n */\n.select2-container--default.select2-container--focus,\n.select2-selection.select2-container--focus,\n.select2-container--default:focus,\n.select2-selection:focus,\n.select2-container--default:active,\n.select2-selection:active {\n outline: none;\n}\n.select2-container--default .select2-selection--single,\n.select2-selection .select2-selection--single {\n border: 1px solid #d2d6de;\n border-radius: 0;\n padding: 6px 12px;\n height: 34px;\n}\n.select2-container--default.select2-container--open {\n border-color: #3c8dbc;\n}\n.select2-dropdown {\n border: 1px solid #d2d6de;\n border-radius: 0;\n}\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n background-color: #3c8dbc;\n color: white;\n}\n.select2-results__option {\n padding: 6px 12px;\n user-select: none;\n -webkit-user-select: none;\n}\n.select2-container .select2-selection--single .select2-selection__rendered {\n padding-left: 0;\n padding-right: 0;\n height: auto;\n margin-top: -4px;\n}\n.select2-container[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered {\n padding-right: 6px;\n padding-left: 20px;\n}\n.select2-container--default .select2-selection--single .select2-selection__arrow {\n height: 28px;\n right: 3px;\n}\n.select2-container--default .select2-selection--single .select2-selection__arrow b {\n margin-top: 0;\n}\n.select2-dropdown .select2-search__field,\n.select2-search--inline .select2-search__field {\n border: 1px solid #d2d6de;\n}\n.select2-dropdown .select2-search__field:focus,\n.select2-search--inline .select2-search__field:focus {\n outline: none;\n border: 1px solid #3c8dbc;\n}\n.select2-container--default .select2-results__option[aria-disabled=true] {\n color: #999;\n}\n.select2-container--default .select2-results__option[aria-selected=true] {\n background-color: #ddd;\n}\n.select2-container--default .select2-results__option[aria-selected=true],\n.select2-container--default .select2-results__option[aria-selected=true]:hover {\n color: #444;\n}\n.select2-container--default .select2-selection--multiple {\n border: 1px solid #d2d6de;\n border-radius: 0;\n}\n.select2-container--default .select2-selection--multiple:focus {\n border-color: #3c8dbc;\n}\n.select2-container--default.select2-container--focus .select2-selection--multiple {\n border-color: #d2d6de;\n}\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\n background-color: #3c8dbc;\n border-color: #367fa9;\n padding: 1px 10px;\n color: #fff;\n}\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\n margin-right: 5px;\n color: rgba(255, 255, 255, 0.7);\n}\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {\n color: #fff;\n}\n.select2-container .select2-selection--single .select2-selection__rendered {\n padding-right: 10px;\n}\n/*\n * General: Miscellaneous\n * ----------------------\n */\n.pad {\n padding: 10px;\n}\n.margin {\n margin: 10px;\n}\n.margin-bottom {\n margin-bottom: 20px;\n}\n.margin-bottom-none {\n margin-bottom: 0;\n}\n.margin-r-5 {\n margin-right: 5px;\n}\n.inline {\n display: inline;\n}\n.description-block {\n display: block;\n margin: 10px 0;\n text-align: center;\n}\n.description-block.margin-bottom {\n margin-bottom: 25px;\n}\n.description-block > .description-header {\n margin: 0;\n padding: 0;\n font-weight: 600;\n font-size: 16px;\n}\n.description-block > .description-text {\n text-transform: uppercase;\n}\n.bg-red,\n.bg-yellow,\n.bg-aqua,\n.bg-blue,\n.bg-light-blue,\n.bg-green,\n.bg-navy,\n.bg-teal,\n.bg-olive,\n.bg-lime,\n.bg-orange,\n.bg-fuchsia,\n.bg-purple,\n.bg-maroon,\n.bg-black,\n.bg-red-active,\n.bg-yellow-active,\n.bg-aqua-active,\n.bg-blue-active,\n.bg-light-blue-active,\n.bg-green-active,\n.bg-navy-active,\n.bg-teal-active,\n.bg-olive-active,\n.bg-lime-active,\n.bg-orange-active,\n.bg-fuchsia-active,\n.bg-purple-active,\n.bg-maroon-active,\n.bg-black-active,\n.callout.callout-danger,\n.callout.callout-warning,\n.callout.callout-info,\n.callout.callout-success,\n.alert-success,\n.alert-danger,\n.alert-error,\n.alert-warning,\n.alert-info,\n.label-danger,\n.label-info,\n.label-warning,\n.label-primary,\n.label-success,\n.modal-primary .modal-body,\n.modal-primary .modal-header,\n.modal-primary .modal-footer,\n.modal-warning .modal-body,\n.modal-warning .modal-header,\n.modal-warning .modal-footer,\n.modal-info .modal-body,\n.modal-info .modal-header,\n.modal-info .modal-footer,\n.modal-success .modal-body,\n.modal-success .modal-header,\n.modal-success .modal-footer,\n.modal-danger .modal-body,\n.modal-danger .modal-header,\n.modal-danger .modal-footer {\n color: #fff !important;\n}\n.bg-gray {\n color: #000;\n background-color: #d2d6de !important;\n}\n.bg-gray-light {\n background-color: #f7f7f7;\n}\n.bg-black {\n background-color: #111 !important;\n}\n.bg-red,\n.callout.callout-danger,\n.alert-danger,\n.alert-error,\n.label-danger,\n.modal-danger .modal-body {\n background-color: #dd4b39 !important;\n}\n.bg-yellow,\n.callout.callout-warning,\n.alert-warning,\n.label-warning,\n.modal-warning .modal-body {\n background-color: #f39c12 !important;\n}\n.bg-aqua,\n.callout.callout-info,\n.alert-info,\n.label-info,\n.modal-info .modal-body {\n background-color: #00c0ef !important;\n}\n.bg-blue {\n background-color: #0073b7 !important;\n}\n.bg-light-blue,\n.label-primary,\n.modal-primary .modal-body {\n background-color: #3c8dbc !important;\n}\n.bg-green,\n.callout.callout-success,\n.alert-success,\n.label-success,\n.modal-success .modal-body {\n background-color: #00a65a !important;\n}\n.bg-navy {\n background-color: #001F3F !important;\n}\n.bg-teal {\n background-color: #39CCCC !important;\n}\n.bg-olive {\n background-color: #3D9970 !important;\n}\n.bg-lime {\n background-color: #01FF70 !important;\n}\n.bg-orange {\n background-color: #FF851B !important;\n}\n.bg-fuchsia {\n background-color: #F012BE !important;\n}\n.bg-purple {\n background-color: #605ca8 !important;\n}\n.bg-maroon {\n background-color: #D81B60 !important;\n}\n.bg-gray-active {\n color: #000;\n background-color: #b5bbc8 !important;\n}\n.bg-black-active {\n background-color: #000000 !important;\n}\n.bg-red-active,\n.modal-danger .modal-header,\n.modal-danger .modal-footer {\n background-color: #d33724 !important;\n}\n.bg-yellow-active,\n.modal-warning .modal-header,\n.modal-warning .modal-footer {\n background-color: #db8b0b !important;\n}\n.bg-aqua-active,\n.modal-info .modal-header,\n.modal-info .modal-footer {\n background-color: #00a7d0 !important;\n}\n.bg-blue-active {\n background-color: #005384 !important;\n}\n.bg-light-blue-active,\n.modal-primary .modal-header,\n.modal-primary .modal-footer {\n background-color: #357ca5 !important;\n}\n.bg-green-active,\n.modal-success .modal-header,\n.modal-success .modal-footer {\n background-color: #008d4c !important;\n}\n.bg-navy-active {\n background-color: #001a35 !important;\n}\n.bg-teal-active {\n background-color: #30bbbb !important;\n}\n.bg-olive-active {\n background-color: #368763 !important;\n}\n.bg-lime-active {\n background-color: #00e765 !important;\n}\n.bg-orange-active {\n background-color: #ff7701 !important;\n}\n.bg-fuchsia-active {\n background-color: #db0ead !important;\n}\n.bg-purple-active {\n background-color: #555299 !important;\n}\n.bg-maroon-active {\n background-color: #ca195a !important;\n}\n[class^=\"bg-\"].disabled {\n opacity: 0.65;\n filter: alpha(opacity=65);\n}\n.text-red {\n color: #dd4b39 !important;\n}\n.text-yellow {\n color: #f39c12 !important;\n}\n.text-aqua {\n color: #00c0ef !important;\n}\n.text-blue {\n color: #0073b7 !important;\n}\n.text-black {\n color: #111 !important;\n}\n.text-light-blue {\n color: #3c8dbc !important;\n}\n.text-green {\n color: #00a65a !important;\n}\n.text-gray {\n color: #d2d6de !important;\n}\n.text-navy {\n color: #001F3F !important;\n}\n.text-teal {\n color: #39CCCC !important;\n}\n.text-olive {\n color: #3D9970 !important;\n}\n.text-lime {\n color: #01FF70 !important;\n}\n.text-orange {\n color: #FF851B !important;\n}\n.text-fuchsia {\n color: #F012BE !important;\n}\n.text-purple {\n color: #605ca8 !important;\n}\n.text-maroon {\n color: #D81B60 !important;\n}\n.link-muted {\n color: #7a869d;\n}\n.link-muted:hover,\n.link-muted:focus {\n color: #606c84;\n}\n.link-black {\n color: #666;\n}\n.link-black:hover,\n.link-black:focus {\n color: #999;\n}\n.hide {\n display: none !important;\n}\n.no-border {\n border: 0 !important;\n}\n.no-padding {\n padding: 0 !important;\n}\n.no-margin {\n margin: 0 !important;\n}\n.no-shadow {\n box-shadow: none!important;\n}\n.list-unstyled,\n.chart-legend,\n.contacts-list,\n.users-list {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n.list-group-unbordered > .list-group-item {\n border-left: 0;\n border-right: 0;\n border-radius: 0;\n padding-left: 0;\n padding-right: 0;\n}\n.flat {\n border-radius: 0 !important;\n}\n.text-bold,\n.text-bold.table td,\n.text-bold.table th {\n font-weight: 700;\n}\n.text-sm {\n font-size: 12px;\n}\n.jqstooltip {\n padding: 5px!important;\n width: auto!important;\n height: auto!important;\n}\n.bg-teal-gradient {\n background: #39CCCC !important;\n background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39CCCC), color-stop(1, #7adddd)) !important;\n background: -ms-linear-gradient(bottom, #39CCCC, #7adddd) !important;\n background: -moz-linear-gradient(center bottom, #39CCCC 0%, #7adddd 100%) !important;\n background: -o-linear-gradient(#7adddd, #39CCCC) !important;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39CCCC', GradientType=0) !important;\n color: #fff;\n}\n.bg-light-blue-gradient {\n background: #3c8dbc !important;\n background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important;\n background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important;\n background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important;\n background: -o-linear-gradient(#67a8ce, #3c8dbc) !important;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important;\n color: #fff;\n}\n.bg-blue-gradient {\n background: #0073b7 !important;\n background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;\n background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;\n background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;\n background: -o-linear-gradient(#0089db, #0073b7) !important;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;\n color: #fff;\n}\n.bg-aqua-gradient {\n background: #00c0ef !important;\n background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important;\n background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important;\n background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important;\n background: -o-linear-gradient(#14d1ff, #00c0ef) !important;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important;\n color: #fff;\n}\n.bg-yellow-gradient {\n background: #f39c12 !important;\n background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;\n background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;\n background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;\n background: -o-linear-gradient(#f7bc60, #f39c12) !important;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;\n color: #fff;\n}\n.bg-purple-gradient {\n background: #605ca8 !important;\n background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;\n background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;\n background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;\n background: -o-linear-gradient(#9491c4, #605ca8) !important;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;\n color: #fff;\n}\n.bg-green-gradient {\n background: #00a65a !important;\n background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;\n background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;\n background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;\n background: -o-linear-gradient(#00ca6d, #00a65a) !important;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;\n color: #fff;\n}\n.bg-red-gradient {\n background: #dd4b39 !important;\n background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;\n background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;\n background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;\n background: -o-linear-gradient(#e47365, #dd4b39) !important;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;\n color: #fff;\n}\n.bg-black-gradient {\n background: #111 !important;\n background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111), color-stop(1, #2b2b2b)) !important;\n background: -ms-linear-gradient(bottom, #111, #2b2b2b) !important;\n background: -moz-linear-gradient(center bottom, #111 0%, #2b2b2b 100%) !important;\n background: -o-linear-gradient(#2b2b2b, #111) !important;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111', GradientType=0) !important;\n color: #fff;\n}\n.bg-maroon-gradient {\n background: #D81B60 !important;\n background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #D81B60), color-stop(1, #e73f7c)) !important;\n background: -ms-linear-gradient(bottom, #D81B60, #e73f7c) !important;\n background: -moz-linear-gradient(center bottom, #D81B60 0%, #e73f7c 100%) !important;\n background: -o-linear-gradient(#e73f7c, #D81B60) !important;\n filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#D81B60', GradientType=0) !important;\n color: #fff;\n}\n.description-block .description-icon {\n font-size: 16px;\n}\n.no-pad-top {\n padding-top: 0;\n}\n.position-static {\n position: static!important;\n}\n.list-header {\n font-size: 15px;\n padding: 10px 4px;\n font-weight: bold;\n color: #666;\n}\n.list-seperator {\n height: 1px;\n background: #f4f4f4;\n margin: 15px 0 9px 0;\n}\n.list-link > a {\n padding: 4px;\n color: #777;\n}\n.list-link > a:hover {\n color: #222;\n}\n.font-light {\n font-weight: 300;\n}\n.user-block:before,\n.user-block:after {\n content: \" \";\n display: table;\n}\n.user-block:after {\n clear: both;\n}\n.user-block img {\n width: 40px;\n height: 40px;\n float: left;\n}\n.user-block .username,\n.user-block .description,\n.user-block .comment {\n display: block;\n margin-left: 50px;\n}\n.user-block .username {\n font-size: 16px;\n font-weight: 600;\n}\n.user-block .description {\n color: #999;\n font-size: 13px;\n}\n.user-block.user-block-sm .username,\n.user-block.user-block-sm .description,\n.user-block.user-block-sm .comment {\n margin-left: 40px;\n}\n.user-block.user-block-sm .username {\n font-size: 14px;\n}\n.img-sm,\n.img-md,\n.img-lg,\n.box-comments .box-comment img,\n.user-block.user-block-sm img {\n float: left;\n}\n.img-sm,\n.box-comments .box-comment img,\n.user-block.user-block-sm img {\n width: 30px!important;\n height: 30px!important;\n}\n.img-sm + .img-push {\n margin-left: 40px;\n}\n.img-md {\n width: 60px;\n height: 60px;\n}\n.img-md + .img-push {\n margin-left: 70px;\n}\n.img-lg {\n width: 100px;\n height: 100px;\n}\n.img-lg + .img-push {\n margin-left: 110px;\n}\n.img-bordered {\n border: 3px solid #d2d6de;\n padding: 3px;\n}\n.img-bordered-sm {\n border: 2px solid #d2d6de;\n padding: 2px;\n}\n.attachment-block {\n border: 1px solid #f4f4f4;\n padding: 5px;\n margin-bottom: 10px;\n background: #f7f7f7;\n}\n.attachment-block .attachment-img {\n max-width: 100px;\n max-height: 100px;\n height: auto;\n float: left;\n}\n.attachment-block .attachment-pushed {\n margin-left: 110px;\n}\n.attachment-block .attachment-heading {\n margin: 0;\n}\n.attachment-block .attachment-text {\n color: #555;\n}\n.connectedSortable {\n min-height: 100px;\n}\n.ui-helper-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n.sort-highlight {\n background: #f4f4f4;\n border: 1px dashed #ddd;\n margin-bottom: 10px;\n}\n.full-opacity-hover {\n opacity: 0.65;\n filter: alpha(opacity=65);\n}\n.full-opacity-hover:hover {\n opacity: 1;\n filter: alpha(opacity=100);\n}\n.chart {\n position: relative;\n overflow: hidden;\n width: 100%;\n}\n.chart svg,\n.chart canvas {\n width: 100%!important;\n}\n/*\n * Misc: print\n * -----------\n */\n@media print {\n .no-print,\n .main-sidebar,\n .left-side,\n .main-header,\n .content-header {\n display: none!important;\n }\n .content-wrapper,\n .right-side,\n .main-footer {\n margin-left: 0!important;\n min-height: 0!important;\n -webkit-transform: translate(0, 0) !important;\n -ms-transform: translate(0, 0) !important;\n -o-transform: translate(0, 0) !important;\n transform: translate(0, 0) !important;\n }\n .fixed .content-wrapper,\n .fixed .right-side {\n padding-top: 0!important;\n }\n .invoice {\n width: 100%;\n border: 0;\n margin: 0;\n padding: 0;\n }\n .invoice-col {\n float: left;\n width: 33.3333333%;\n }\n .table-responsive {\n overflow: auto;\n }\n .table-responsive > .table tr th,\n .table-responsive > .table tr td {\n white-space: normal!important;\n }\n}\n","/*\n * Core: General Layout Style\n * -------------------------\n */\nhtml,\nbody {\n min-height: 100%;\n .layout-boxed & {\n height: 100%;\n }\n}\n\nbody {\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif;\n font-weight: 400;\n overflow-x: hidden;\n overflow-y: auto;\n}\n\n/* Layout */\n.wrapper {\n .clearfix();\n min-height: 100%;\n position: static;\n overflow: hidden;\n .layout-boxed & {\n max-width: 1250px;\n margin: 0 auto;\n min-height: 100%;\n box-shadow: 0 0 8px rgba(0,0,0,0.5);\n position: relative;\n }\n}\n\n.layout-boxed {\n background: url('@{boxed-layout-bg-image-path}') repeat fixed;\n}\n\n/*\n * Content Wrapper - contains the main content\n * ```.right-side has been deprecated as of v2.0.0 in favor of .content-wrapper ```\n */\n.content-wrapper,\n.right-side,\n.main-footer {\n //Using disposable variable to join statements with a comma\n @transition-rule: @transition-speed @transition-fn,\n margin @transition-speed @transition-fn;\n .transition-transform(@transition-rule);\n margin-left: @sidebar-width;\n z-index: 820;\n //Top nav layout\n .layout-top-nav & {\n margin-left: 0;\n }\n @media (max-width: @screen-xs-max) {\n margin-left: 0;\n }\n //When opening the sidebar on large screens\n .sidebar-collapse & {\n @media (min-width: @screen-sm) {\n margin-left: 0;\n }\n }\n //When opening the sidebar on small screens\n .sidebar-open & {\n @media (max-width: @screen-xs-max) {\n .translate(@sidebar-width, 0);\n }\n }\n}\n\n.content-wrapper,\n.right-side {\n min-height: 100%;\n background-color: @body-bg;\n z-index: 800;\n}\n.main-footer {\n background: #fff;\n padding: 15px;\n color: #444;\n border-top: 1px solid @gray;\n}\n\n/* Fixed layout */\n.fixed {\n .main-header,\n .main-sidebar,\n .left-side {\n position: fixed;\n }\n .main-header {\n top: 0;\n right: 0;\n left: 0;\n }\n .content-wrapper,\n .right-side {\n padding-top: 50px;\n @media (max-width: @screen-header-collapse) {\n padding-top: 100px;\n }\n }\n &.layout-boxed {\n .wrapper {\n max-width: 100%;\n }\n }\n}\n\nbody.hold-transition { \n .content-wrapper, \n .right-side, \n .main-footer, \n .main-sidebar, \n .left-side, \n .main-header > .navbar,\n .main-header .logo {\n /* Fix for IE */\n .transition(none);\n }\n}\n\n/* Content */\n.content {\n min-height: 250px;\n padding: 15px;\n .container-fixed(@grid-gutter-width);\n}\n\n/* H1 - H6 font */\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\n.h1,\n.h2,\n.h3,\n.h4,\n.h5,\n.h6 {\n font-family: 'Source Sans Pro', sans-serif;\n}\n/* General Links */\na {\n color: @link-color;\n}\na:hover,\na:active,\na:focus {\n outline: none;\n text-decoration: none;\n color: @link-hover-color;\n}\n\n/* Page Header */\n.page-header {\n margin: 10px 0 20px 0;\n font-size: 22px;\n\n > small {\n color: #666;\n display: block;\n margin-top: 5px;\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","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n","// Grid system\n//\n// Generate semantic grid columns with these mixins.\n\n// Centered container element\n.container-fixed(@gutter: @grid-gutter-width) {\n margin-right: auto;\n margin-left: auto;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n &:extend(.clearfix all);\n}\n\n// Creates a wrapper for a series of columns\n.make-row(@gutter: @grid-gutter-width) {\n margin-left: (@gutter / -2);\n margin-right: (@gutter / -2);\n &:extend(.clearfix all);\n}\n\n// Generate the extra small columns\n.make-xs-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n float: left;\n width: percentage((@columns / @grid-columns));\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n}\n.make-xs-column-offset(@columns) {\n margin-left: percentage((@columns / @grid-columns));\n}\n.make-xs-column-push(@columns) {\n left: percentage((@columns / @grid-columns));\n}\n.make-xs-column-pull(@columns) {\n right: percentage((@columns / @grid-columns));\n}\n\n// Generate the small columns\n.make-sm-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @screen-sm-min) {\n float: left;\n width: percentage((@columns / @grid-columns));\n }\n}\n.make-sm-column-offset(@columns) {\n @media (min-width: @screen-sm-min) {\n margin-left: percentage((@columns / @grid-columns));\n }\n}\n.make-sm-column-push(@columns) {\n @media (min-width: @screen-sm-min) {\n left: percentage((@columns / @grid-columns));\n }\n}\n.make-sm-column-pull(@columns) {\n @media (min-width: @screen-sm-min) {\n right: percentage((@columns / @grid-columns));\n }\n}\n\n// Generate the medium columns\n.make-md-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @screen-md-min) {\n float: left;\n width: percentage((@columns / @grid-columns));\n }\n}\n.make-md-column-offset(@columns) {\n @media (min-width: @screen-md-min) {\n margin-left: percentage((@columns / @grid-columns));\n }\n}\n.make-md-column-push(@columns) {\n @media (min-width: @screen-md-min) {\n left: percentage((@columns / @grid-columns));\n }\n}\n.make-md-column-pull(@columns) {\n @media (min-width: @screen-md-min) {\n right: percentage((@columns / @grid-columns));\n }\n}\n\n// Generate the large columns\n.make-lg-column(@columns; @gutter: @grid-gutter-width) {\n position: relative;\n min-height: 1px;\n padding-left: (@gutter / 2);\n padding-right: (@gutter / 2);\n\n @media (min-width: @screen-lg-min) {\n float: left;\n width: percentage((@columns / @grid-columns));\n }\n}\n.make-lg-column-offset(@columns) {\n @media (min-width: @screen-lg-min) {\n margin-left: percentage((@columns / @grid-columns));\n }\n}\n.make-lg-column-push(@columns) {\n @media (min-width: @screen-lg-min) {\n left: percentage((@columns / @grid-columns));\n }\n}\n.make-lg-column-pull(@columns) {\n @media (min-width: @screen-lg-min) {\n right: percentage((@columns / @grid-columns));\n }\n}\n","/*\n * Component: Main Header\n * ----------------------\n */\n\n.main-header {\n position: relative;\n max-height: 100px;\n z-index: 1030;\n //Navbar\n > .navbar {\n .transition(margin-left @transition-speed @transition-fn);\n margin-bottom: 0;\n margin-left: @sidebar-width;\n border: none;\n min-height: @navbar-height;\n border-radius: 0;\n .layout-top-nav & {\n margin-left: 0;\n }\n }\n //Navbar search text input\n #navbar-search-input.form-control {\n background: rgba(255,255,255,.2);\n border-color: transparent;\n &:focus,\n &:active {\n border-color: rgba(0,0,0,.1);\n background: rgba(255,255,255,.9);\n }\n &::-moz-placeholder {\n color: #ccc;\n opacity: 1;\n }\n &:-ms-input-placeholder {\n color: #ccc;\n }\n &::-webkit-input-placeholder {\n color: #ccc;\n }\n }\n //Navbar Right Menu\n .navbar-custom-menu,\n .navbar-right {\n float: right;\n @media (max-width: @screen-sm-max) {\n a {\n color: inherit;\n background: transparent;\n }\n }\n }\n .navbar-right {\n @media (max-width: @screen-header-collapse) {\n float: none;\n .navbar-collapse & {\n margin: 7.5px -15px;\n }\n > li {\n color: inherit;\n border: 0;\n }\n }\n }\n //Navbar toggle button\n .sidebar-toggle {\n float: left;\n background-color: transparent;\n background-image: none;\n padding: @navbar-padding-vertical @navbar-padding-horizontal;\n //Add the fontawesome bars icon\n font-family: fontAwesome;\n &:before {\n content: \"\\f0c9\";\n }\n &:hover {\n color: #fff;\n }\n &:focus,\n &:active {\n background: transparent;\n }\n }\n .sidebar-toggle .icon-bar {\n display: none;\n }\n //Navbar User Menu\n .navbar .nav > li.user > a {\n > .fa,\n > .glyphicon,\n > .ion {\n margin-right: 5px;\n }\n }\n\n //Labels in navbar\n .navbar .nav > li > a > .label {\n position: absolute;\n top: 9px;\n right: 7px;\n text-align: center;\n font-size: 9px;\n padding: 2px 3px;\n line-height: .9;\n }\n\n //Logo bar\n .logo {\n .transition(width @transition-speed @transition-fn);\n display: block;\n float: left;\n height: @navbar-height;\n font-size: 20px;\n line-height: 50px;\n text-align: center;\n width: @sidebar-width;\n font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n padding: 0 15px;\n font-weight: 300;\n overflow: hidden;\n //Add support to sidebar mini by allowing the user to create\n //2 logo designs. mini and lg\n .logo-lg {\n //should be visibile when sidebar isn't collapsed\n display: block;\n }\n .logo-mini {\n display: none;\n }\n }\n //Navbar Brand. Alternative logo with layout-top-nav\n .navbar-brand {\n color: #fff;\n }\n}\n\n// Content Header\n.content-header {\n position: relative;\n padding: 15px 15px 0 15px;\n // Header Text\n > h1 {\n margin: 0;\n font-size: 24px;\n > small {\n font-size: 15px;\n display: inline-block;\n padding-left: 4px;\n font-weight: 300;\n }\n }\n\n > .breadcrumb {\n float: right;\n background: transparent;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 12px;\n padding: 7px 5px;\n position: absolute;\n top: 15px;\n right: 10px;\n .border-radius(2px);\n > li > a {\n color: #444;\n text-decoration: none;\n display: inline-block;\n > .fa, > .glyphicon, > .ion {\n margin-right: 5px;\n }\n }\n > li + li:before {\n content: '>\\00a0';\n }\n }\n\n @media (max-width: @screen-sm-max) {\n > .breadcrumb {\n position: relative;\n margin-top: 5px;\n top: 0;\n right: 0;\n float: none;\n background: @gray;\n padding-left: 10px;\n li:before {\n color: darken(@gray, 20%);\n }\n }\n }\n}\n.navbar-toggle {\n color: #fff;\n border: 0;\n margin: 0;\n padding: @navbar-padding-vertical @navbar-padding-horizontal;\n}\n//Control navbar scaffolding on x-small screens\n@media (max-width: @screen-sm-max) {\n .navbar-custom-menu .navbar-nav > li {\n float: left;\n }\n //Dont't let links get full width\n .navbar-custom-menu .navbar-nav {\n margin: 0;\n float: left;\n }\n\n .navbar-custom-menu .navbar-nav > li > a {\n padding-top: 15px;\n padding-bottom: 15px;\n line-height: 20px;\n }\n}\n\n// Collapse header\n@media (max-width: @screen-header-collapse) {\n .main-header {\n position: relative;\n .logo,\n .navbar {\n width: 100%;\n float: none;\n }\n .navbar {\n margin: 0;\n }\n .navbar-custom-menu {\n float: right;\n }\n }\n}\n\n.navbar-collapse.pull-left {\n @media(max-width: @screen-sm-max) {\n float: none!important;\n + .navbar-custom-menu {\n display: block;\n position: absolute;\n top: 0;\n right: 40px;\n }\n }\n}\n\n// Collapse header\n@media (max-width: @screen-sm-max) {\n .content-header {\n padding-top: 110px;\n }\n}\n\n// Collapse header\n@media (max-width: @screen-sm-max) {\n ul.sidebar-menu {\n padding-top: 120px;\n }\n}\n\n// Collapse header\n@media (max-width: @screen-sm-max) {\n .sidebar-toggle-mobile a {\n color: white;\n }\n}\n\n\n\n","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n","/*\n * Component: Sidebar\n * ------------------\n */\n//Main Sidebar\n// ``` .left-side has been deprecated as of 2.0.0 in favor of .main-sidebar ```\n\n.main-sidebar,\n.left-side {\n position: absolute;\n top: 0;\n left: 0;\n padding-top: 50px;\n min-height: 100%;\n width: @sidebar-width;\n z-index: 810;\n //Using disposable variable to join statements with a comma\n @transition-rule: @transition-speed @transition-fn,\n width @transition-speed @transition-fn;\n .transition-transform(@transition-rule);\n @media (max-width: @screen-header-collapse) {\n padding-top: 100px;\n }\n @media (max-width: @screen-xs-max) {\n .translate(-@sidebar-width, 0);\n }\n .sidebar-collapse & {\n @media (min-width: @screen-sm) {\n .translate(-@sidebar-width, 0);\n }\n }\n .sidebar-open & {\n @media (max-width: @screen-xs-max) {\n .translate(0, 0);\n }\n }\n}\n\n.sidebar {\n padding-bottom: 10px;\n}\n// remove border from form\n.sidebar-form {\n input:focus {\n border-color: transparent;\n }\n}\n\n//Sidebar user panel\n.user-panel {\n position: relative;\n width: 100%;\n padding: 10px;\n overflow: hidden;\n .clearfix();\n > .image > img {\n width: 100%;\n max-width: 45px;\n height: auto;\n }\n > .info {\n padding: 5px 5px 5px 15px;\n line-height: 1;\n position: absolute;\n left: 55px;\n > p {\n font-weight: 600;\n margin-bottom: 9px;\n }\n > a {\n text-decoration: none;\n padding-right: 5px;\n margin-top: 3px;\n font-size: 11px;\n > .fa,\n > .ion,\n > .glyphicon {\n margin-right: 3px;\n }\n }\n }\n}\n\n// Sidebar menu\n.sidebar-menu {\n list-style: none;\n margin: 0;\n padding: 0;\n //First Level\n > li {\n position: relative;\n margin: 0;\n padding: 0;\n > a {\n padding: 12px 5px 12px 15px;\n display: block;\n > .fa,\n > .glyphicon,\n > .ion {\n width: 20px;\n }\n }\n .label,\n .badge {\n margin-top: 3px;\n margin-right: 5px;\n }\n }\n li.header {\n padding: 10px 25px 10px 15px;\n font-size: 12px;\n }\n li > a > .fa-angle-left {\n width: auto;\n height: auto;\n padding: 0;\n margin-right: 10px;\n margin-top: 3px;\n }\n li.active {\n > a > .fa-angle-left {\n .rotate(-90deg);\n }\n > .treeview-menu {\n display: block;\n }\n }\n\n // Tree view menu\n .treeview-menu {\n display: none;\n list-style: none;\n padding:0;\n margin:0;\n padding-left: 5px;\n .treeview-menu {\n padding-left: 20px;\n }\n > li {\n margin: 0;\n > a {\n padding: 5px 5px 5px 15px;\n display: block;\n font-size: 14px;\n > .fa,\n > .glyphicon,\n > .ion {\n width: 20px;\n }\n > .fa-angle-left,\n > .fa-angle-down {\n width: auto;\n }\n }\n }\n }\n}\n","/*\n * Component: Sidebar Mini\n */\n\n//Add sidebar-mini class to the body tag to activate this feature\n.sidebar-mini {\n //Sidebar mini should work only on devices larger than @screen-sm\n @media (min-width: @screen-sm) {\n //When the sidebar is collapsed...\n &.sidebar-collapse {\n\n //Apply the new margining to the main content and footer\n .content-wrapper,\n .right-side,\n .main-footer {\n margin-left: 50px!important;\n z-index: 840;\n }\n\n //Modify the sidebar to shrink instead of disappearing\n .main-sidebar {\n //Don't go away! Just shrink\n .translate(0, 0);\n width: 50px!important;\n z-index: 850;\n }\n\n .sidebar-menu {\n > li {\n position: relative;\n > a {\n margin-right: 0;\n }\n > a > span {\n border-top-right-radius: 4px;\n }\n\n &:not(.treeview) {\n > a > span {\n border-bottom-right-radius: 4px;\n }\n }\n\n > .treeview-menu {\n //Add some padding to the treeview menu\n padding-top: 5px;\n padding-bottom: 5px;\n border-bottom-right-radius: 4px;\n }\n\n //Show menu items on hover\n &:hover {\n > a {\n //overflow: visible;\n }\n > a > span:not(.pull-right),\n > .treeview-menu {\n display: block!important;\n position: absolute;\n width: @sidebar-width - 50;\n left: 50px;\n }\n\n //position the header & treeview menus\n > a > span {\n top: 0;\n margin-left: -3px;\n padding: 12px 5px 12px 20px;\n background-color: inherit;\n }\n > .treeview-menu {\n top: 44px;\n margin-left: 0;\n }\n }\n }\n }\n\n //Make the sidebar links, menus, labels, badges\n //and angle icons disappear\n .main-sidebar .user-panel > .info,\n .sidebar-form,\n .sidebar-menu > li > a > span,\n .sidebar-menu > li > .treeview-menu,\n .sidebar-menu >li > a > .pull-right,\n .sidebar-menu li.header {\n display: none!important;\n -webkit-transform: translateZ(0);\n }\n\n .main-header {\n //Let's make the logo also shrink and the mini logo to appear\n .logo {\n width: 50px;\n > .logo-mini {\n display: block;\n margin-left: -15px;\n margin-right: -15px;\n font-size: 18px;\n }\n > .logo-lg {\n display: none;\n }\n }\n\n //Since the logo got smaller, we need to fix the navbar's position\n .navbar {\n margin-left: 50px;\n }\n }\n }\n }\n}\n\n//A fix for text overflow while transitioning from sidebar mini to full sidebar\n.sidebar-menu,\n.main-sidebar .user-panel,\n.sidebar-menu > li.header {\n white-space: nowrap;\n overflow: hidden;\n}\n.sidebar-menu:hover {\n overflow: visible;\n}\n.sidebar-form,\n.sidebar-menu > li.header {\n overflow: hidden;\n text-overflow: clip;\n}\n.sidebar-menu li > a {\n position: relative;\n > .pull-right {\n position: absolute;\n top: 50%;\n right: 10px;\n margin-top: -7px;\n }\n}\n","/*\n * Component: Control sidebar. By default, this is the right sidebar.\n */\n//The sidebar's background control class\n//This is a hack to make the background visible while scrolling\n.control-sidebar-bg {\n position: fixed;\n z-index: 1000;\n bottom: 0;\n}\n//Transitions\n.control-sidebar-bg,\n.control-sidebar {\n top: 0;\n right: -@control-sidebar-width;\n width: @control-sidebar-width;\n .transition(right @transition-speed ease-in-out);\n}\n//The sidebar\n.control-sidebar {\n position: absolute;\n padding-top: @navbar-height;\n z-index: 1010;\n //Fix position after header collapse\n @media (max-width: @screen-sm) {\n padding-top: @navbar-height + 50;\n }\n //Tab panes\n > .tab-content {\n padding: 10px 15px;\n }\n //Open state with slide over content effect\n &.control-sidebar-open {\n &,\n + .control-sidebar-bg {\n right: 0;\n }\n }\n}\n//Open without slide over content\n.control-sidebar-open {\n .control-sidebar-bg,\n .control-sidebar {\n right: 0;\n }\n @media(min-width: @screen-sm) {\n .content-wrapper,\n .right-side,\n .main-footer {\n margin-right: @control-sidebar-width;\n }\n }\n}\n//Control sidebar tabs\n.nav-tabs.control-sidebar-tabs {\n > li {\n &:first-of-type > a {\n &,\n &:hover,\n &:focus {\n border-left-width: 0;\n }\n }\n > a {\n .border-radius(0);\n\n //Hover and active states\n &,\n &:hover {\n border-top: none;\n border-right: none;\n border-left: 1px solid transparent;\n border-bottom: 1px solid transparent;\n }\n .icon {\n font-size: 16px;\n }\n }\n //Active state\n &.active {\n > a {\n &,\n &:hover,\n &:focus,\n &:active {\n border-top: none;\n border-right: none;\n border-bottom: none;\n }\n }\n }\n }\n //Remove responsiveness on small screens\n @media(max-width: @screen-sm) {\n display: table;\n >li {\n display: table-cell;\n }\n }\n}\n//Headings in the sidebar content\n.control-sidebar-heading {\n font-weight: 400;\n font-size: 16px;\n padding: 10px 0;\n margin-bottom: 10px;\n}\n//Subheadings\n.control-sidebar-subheading {\n display: block;\n font-weight: 400;\n font-size: 14px;\n}\n//Control Sidebar Menu\n.control-sidebar-menu {\n list-style: none;\n padding: 0;\n margin: 0 -15px;\n > li > a {\n .clearfix();\n display: block;\n padding: 10px 15px;\n > .control-sidebar-subheading {\n margin-top: 0;\n }\n }\n .menu-icon {\n float: left;\n width: 35px;\n height: 35px;\n border-radius: 50%;\n text-align: center;\n line-height: 35px;\n }\n .menu-info {\n margin-left: 45px;\n margin-top: 3px;\n > .control-sidebar-subheading {\n margin: 0;\n }\n > p {\n margin: 0;\n font-size: 11px;\n }\n }\n .progress {\n margin: 0;\n }\n}\n//Dark skin\n.control-sidebar-dark {\n color: @sidebar-dark-color;\n // Background\n &,\n + .control-sidebar-bg {\n background: @sidebar-dark-bg;\n }\n // Sidebar tabs\n .nav-tabs.control-sidebar-tabs {\n border-bottom: darken(@sidebar-dark-bg, 3%);\n > li {\n > a {\n background: darken(@sidebar-dark-bg, 5%);\n color: @sidebar-dark-color;\n //Hover and active states\n &,\n &:hover,\n &:focus {\n border-left-color: darken(@sidebar-dark-bg, 7%);\n border-bottom-color: darken(@sidebar-dark-bg, 7%); \n }\n &:hover,\n &:focus,\n &:active {\n background: darken(@sidebar-dark-bg, 3%);\n }\n &:hover {\n color: #fff;\n }\n }\n //Active state\n &.active {\n > a {\n &,\n &:hover,\n &:focus,\n &:active {\n background: @sidebar-dark-bg;\n color: #fff;\n }\n }\n }\n }\n }\n //Heading & subheading\n .control-sidebar-heading,\n .control-sidebar-subheading {\n color: #fff;\n }\n //Sidebar list\n .control-sidebar-menu {\n > li {\n > a {\n &:hover {\n background: @sidebar-dark-hover-bg;\n }\n .menu-info {\n > p {\n color: @sidebar-dark-color;\n }\n }\n }\n }\n }\n}\n//Light skin\n.control-sidebar-light {\n color: lighten(@sidebar-light-color, 10%);\n // Background\n &,\n + .control-sidebar-bg {\n background: @sidebar-light-bg;\n border-left: 1px solid @gray;\n }\n // Sidebar tabs\n .nav-tabs.control-sidebar-tabs {\n border-bottom: @gray;\n > li {\n > a {\n background: darken(@sidebar-light-bg, 5%);\n color: @sidebar-light-color;\n //Hover and active states\n &,\n &:hover,\n &:focus {\n border-left-color: @gray;\n border-bottom-color: @gray;\n }\n &:hover,\n &:focus,\n &:active {\n background: darken(@sidebar-light-bg, 3%);\n }\n }\n //Active state\n &.active {\n > a {\n &,\n &:hover,\n &:focus,\n &:active {\n background: @sidebar-light-bg;\n color: #111;\n }\n }\n }\n }\n }\n //Heading & subheading\n .control-sidebar-heading,\n .control-sidebar-subheading {\n color: #111;\n }\n //Sidebar list\n .control-sidebar-menu {\n margin-left: -14px;\n > li {\n > a {\n &:hover {\n background: @sidebar-light-hover-bg;\n }\n .menu-info {\n > p {\n color: lighten(@sidebar-light-color, 10%);\n }\n }\n }\n }\n }\n}\n","/*\n * Component: Dropdown menus\n * -------------------------\n */\n\n/*Dropdowns in general*/\n.dropdown-menu {\n box-shadow: none;\n border-color: #eee;\n > li > a {\n color: #777;\n }\n > li > a > .glyphicon,\n > li > a > .fa,\n > li > a > .ion{\n margin-right: 10px;\n }\n > li > a:hover {\n background-color: lighten(@gray, 5%);\n color: #333;\n }\n > .divider {\n background-color: #eee;\n }\n}\n\n//Navbar custom dropdown menu\n.navbar-nav > .notifications-menu,\n.navbar-nav > .messages-menu,\n.navbar-nav > .tasks-menu {\n //fix width and padding\n > .dropdown-menu {\n > li {\n position: relative;\n }\n width: 280px;\n //Remove padding and margins\n padding: 0 0 0 0;\n margin: 0;\n top: 100%;\n }\n //Define header class\n > .dropdown-menu > li.header {\n .border-radius(4px; 4px; 0; 0);\n background-color: #ffffff;\n padding: 7px 10px;\n border-bottom: 1px solid #f4f4f4;\n color: #444444;\n font-size: 14px;\n }\n\n\n //Define footer class\n > .dropdown-menu > li.footer > a {\n .border-radius(0; 0; 4px; 4px);\n font-size: 12px;\n background-color: #fff;\n padding: 7px 10px;\n border-bottom: 1px solid #eeeeee;\n color: #444!important;\n @media (max-width: @screen-sm-max) {\n background: #fff!important;\n color: #444!important;\n }\n text-align: center;\n //Hover state\n &:hover {\n text-decoration: none;\n font-weight: normal;\n }\n }\n\n //Clear inner menu padding and margins\n > .dropdown-menu > li .menu {\n max-height: 200px;\n margin: 0;\n padding: 0;\n list-style: none;\n overflow-x: hidden;\n > li > a {\n display: block;\n white-space: nowrap; /* Prevent text from breaking */\n border-bottom: 1px solid #f4f4f4;\n // Hove state\n &:hover {\n background: #f4f4f4;\n text-decoration: none;\n }\n }\n }\n}\n\n//Notifications menu\n.navbar-nav > .notifications-menu {\n > .dropdown-menu > li .menu {\n // Links inside the menu\n > li > a {\n color: #444444;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n padding: 10px;\n // Icons inside the menu\n > .glyphicon,\n > .fa,\n > .ion {\n width: 20px;\n }\n }\n\n }\n}\n\n//Messages menu\n.navbar-nav > .messages-menu {\n //Inner menu\n > .dropdown-menu > li .menu {\n // Messages menu item\n > li > a {\n margin: 0;\n //line-height: 20px;\n padding: 10px 10px;\n // User image\n > div > img {\n margin: auto 10px auto auto;\n width: 40px;\n height: 40px;\n }\n // Message heading\n > h4 {\n padding: 0;\n margin: 0 0 0 45px;\n color: #444444;\n font-size: 15px;\n position: relative;\n // Small for message time display\n > small {\n color: #999999;\n font-size: 10px;\n position: absolute;\n top: 0;\n right: 0;\n }\n }\n\n > p {\n margin: 0 0 0 45px;\n font-size: 12px;\n color: #888888;\n }\n\n .clearfix();\n\n }\n\n }\n}\n//Tasks menu\n.navbar-nav > .tasks-menu {\n > .dropdown-menu > li .menu {\n > li > a {\n padding: 10px;\n\n > h3 {\n font-size: 14px;\n padding: 0;\n margin: 0 0 10px 0;\n color: #666666;\n }\n\n > .progress {\n padding: 0;\n margin: 0;\n }\n }\n }\n}\n//User menu\n.navbar-nav > .user-menu {\n > .dropdown-menu {\n .border-top-radius(0);\n padding: 1px 0 0 0;\n border-top-width: 0;\n width: 280px;\n\n &,\n > .user-body {\n .border-bottom-radius(4px);\n }\n // Header menu\n > li.user-header {\n height: 175px;\n padding: 10px;\n text-align: center;\n // User image\n > img {\n z-index: 5;\n height: 90px;\n width: 90px;\n border: 3px solid;\n border-color: transparent;\n border-color: rgba(255, 255, 255, 0.2);\n }\n > p {\n z-index: 5;\n color: #fff;\n color: rgba(255, 255, 255, 0.8);\n font-size: 17px;\n //text-shadow: 2px 2px 3px #333333;\n margin-top: 10px;\n > small {\n display: block;\n font-size: 12px;\n }\n }\n }\n\n // Menu Body\n > .user-body {\n padding: 15px;\n border-bottom: 1px solid #f4f4f4;\n border-top: 1px solid #dddddd;\n .clearfix();\n a {\n color: #444 !important;\n @media (max-width: @screen-sm-max) {\n background: #fff !important;\n color: #444 !important;\n }\n }\n }\n\n // Menu Footer\n > .user-footer {\n background-color: #f9f9f9;\n padding: 10px;\n .clearfix();\n .btn-default {\n color: #666666;\n &:hover {\n @media (max-width: @screen-sm-max) {\n background-color: #f9f9f9;\n }\n }\n }\n }\n }\n .user-image {\n float: left;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n margin-right: 10px;\n margin-top: -2px;\n @media (max-width: @screen-xs-max) {\n float: none;\n margin-right: 0;\n margin-top: -8px;\n line-height: 10px;\n }\n }\n}\n\n/* Add fade animation to dropdown menus by appending\n the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/\n.open:not(.dropup) > .animated-dropdown-menu {\n backface-visibility: visible !important;\n .animation(flipInX .7s both);\n\n}\n@keyframes flipInX {\n 0% {\n transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n transition-timing-function: ease-in;\n opacity: 0;\n }\n\n 40% {\n transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n transition-timing-function: ease-in;\n }\n\n 60% {\n transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n\n 80% {\n transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n\n 100% {\n transform: perspective(400px);\n }\n}\n@-webkit-keyframes flipInX {\n 0% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);\n -webkit-transition-timing-function: ease-in;\n opacity: 0;\n }\n\n 40% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);\n -webkit-transition-timing-function: ease-in;\n }\n\n 60% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);\n opacity: 1;\n }\n\n 80% {\n -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);\n }\n\n 100% {\n -webkit-transform: perspective(400px);\n }\n}\n\n/* Fix dropdown menu in navbars */\n.navbar-custom-menu > .navbar-nav {\n > li {\n position: relative;\n > .dropdown-menu {\n position: absolute;\n right: 0;\n left: auto;\n }\n }\n}\n@media (max-width: @screen-sm-max) {\n .navbar-custom-menu > .navbar-nav {\n float: right;\n > li {\n position: static;\n > .dropdown-menu {\n position: absolute;\n right: 5%;\n left: auto;\n border: 1px solid #ddd;\n background: #fff;\n }\n }\n }\n}\n","// Single side border-radius\n\n.border-top-radius(@radius) {\n border-top-right-radius: @radius;\n border-top-left-radius: @radius;\n}\n.border-right-radius(@radius) {\n border-bottom-right-radius: @radius;\n border-top-right-radius: @radius;\n}\n.border-bottom-radius(@radius) {\n border-bottom-right-radius: @radius;\n border-bottom-left-radius: @radius;\n}\n.border-left-radius(@radius) {\n border-bottom-left-radius: @radius;\n border-top-left-radius: @radius;\n}\n","/*\n * Component: Form\n * ---------------\n */\n.form-control {\n .border-radius(@input-radius);\n box-shadow: none;\n border-color: @gray;\n &:focus {\n border-color: @light-blue;\n box-shadow: none;\n }\n &::-moz-placeholder,\n &:-ms-input-placeholder,\n &::-webkit-input-placeholder {\n color: #bbb;\n opacity: 1;\n }\n\n &:not(select) {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n }\n}\n\n.form-group {\n &.has-success {\n label {\n color: @green;\n }\n .form-control {\n border-color: @green;\n box-shadow: none;\n }\n }\n\n &.has-warning {\n label {\n color: @yellow;\n }\n .form-control {\n border-color: @yellow;\n box-shadow: none;\n }\n }\n\n &.has-error {\n label {\n color: @red;\n }\n .form-control {\n border-color: @red;\n box-shadow: none;\n }\n }\n}\n\n/* Input group */\n.input-group {\n .input-group-addon {\n .border-radius(@input-radius);\n border-color: @gray;\n background-color: #fff;\n }\n}\n/* button groups */\n.btn-group-vertical {\n .btn {\n &.btn-flat:first-of-type, &.btn-flat:last-of-type {\n .border-radius(0);\n }\n }\n}\n\n.icheck > label {\n padding-left: 0;\n}\n\n/* support Font Awesome icons in form-control */\n.form-control-feedback.fa {\n line-height: @input-height-base;\n}\n\n.input-lg + .form-control-feedback.fa,\n.input-group-lg + .form-control-feedback.fa,\n.form-group-lg .form-control + .form-control-feedback.fa {\n line-height: @input-height-large;\n}\n.input-sm + .form-control-feedback.fa,\n.input-group-sm + .form-control-feedback.fa,\n.form-group-sm .form-control + .form-control-feedback.fa {\n line-height: @input-height-small;\n}\n","/*\n * Component: Progress Bar\n * -----------------------\n */\n\n//General CSS\n.progress,\n.progress > .progress-bar {\n .box-shadow(none);\n &, .progress-bar {\n .border-radius(@progress-bar-border-radius);\n }\n}\n\n/* size variation */\n.progress.sm,\n.progress-sm {\n height: 10px;\n &, .progress-bar {\n .border-radius(@progress-bar-sm-border-radius);\n }\n}\n.progress.xs,\n.progress-xs {\n height: 7px;\n &, .progress-bar {\n .border-radius(@progress-bar-xs-border-radius);\n }\n}\n.progress.xxs,\n.progress-xxs {\n height: 3px;\n &, .progress-bar {\n .border-radius(@progress-bar-xs-border-radius);\n }\n}\n/* Vertical bars */\n.progress.vertical {\n position: relative;\n width: 30px;\n height: 200px;\n display: inline-block;\n margin-right: 10px;\n > .progress-bar {\n width: 100%;\n position: absolute;\n bottom: 0;\n }\n\n //Sizes\n &.sm,\n &.progress-sm{\n width: 20px;\n }\n\n &.xs,\n &.progress-xs{\n width: 10px;\n }\n &.xxs,\n &.progress-xxs{\n width: 3px;\n }\n}\n\n//Progress Groups\n.progress-group {\n .progress-text {\n font-weight: 600;\n }\n .progress-number {\n float: right;\n }\n}\n\n/* Remove margins from progress bars when put in a table */\n.table {\n tr > td .progress {\n margin: 0;\n }\n}\n\n// Variations\n// -------------------------\n.progress-bar-light-blue,\n.progress-bar-primary {\n .progress-bar-variant(@light-blue);\n}\n.progress-bar-green,\n.progress-bar-success {\n .progress-bar-variant(@green);\n}\n\n.progress-bar-aqua,\n.progress-bar-info {\n .progress-bar-variant(@aqua);\n}\n\n.progress-bar-yellow,\n.progress-bar-warning {\n .progress-bar-variant(@yellow);\n}\n\n.progress-bar-red,\n.progress-bar-danger {\n .progress-bar-variant(@red);\n}\n","// Progress bars\n\n.progress-bar-variant(@color) {\n background-color: @color;\n\n // Deprecated parent class requirement as of v3.2.0\n .progress-striped & {\n #gradient > .striped();\n }\n}\n","// Gradients\n\n#gradient {\n\n // Horizontal gradient, from left to right\n //\n // Creates two color stops, start and end, by specifying a color and position for each color stop.\n // Color stops are not available in IE9 and below.\n .horizontal(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {\n background-image: -webkit-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+\n background-image: -o-linear-gradient(left, @start-color @start-percent, @end-color @end-percent); // Opera 12\n background-image: linear-gradient(to right, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n background-repeat: repeat-x;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)\",argb(@start-color),argb(@end-color))); // IE9 and down\n }\n\n // Vertical gradient, from top to bottom\n //\n // Creates two color stops, start and end, by specifying a color and position for each color stop.\n // Color stops are not available in IE9 and below.\n .vertical(@start-color: #555; @end-color: #333; @start-percent: 0%; @end-percent: 100%) {\n background-image: -webkit-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Safari 5.1-6, Chrome 10+\n background-image: -o-linear-gradient(top, @start-color @start-percent, @end-color @end-percent); // Opera 12\n background-image: linear-gradient(to bottom, @start-color @start-percent, @end-color @end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n background-repeat: repeat-x;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@start-color),argb(@end-color))); // IE9 and down\n }\n\n .directional(@start-color: #555; @end-color: #333; @deg: 45deg) {\n background-repeat: repeat-x;\n background-image: -webkit-linear-gradient(@deg, @start-color, @end-color); // Safari 5.1-6, Chrome 10+\n background-image: -o-linear-gradient(@deg, @start-color, @end-color); // Opera 12\n background-image: linear-gradient(@deg, @start-color, @end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+\n }\n .horizontal-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {\n background-image: -webkit-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);\n background-image: -o-linear-gradient(left, @start-color, @mid-color @color-stop, @end-color);\n background-image: linear-gradient(to right, @start-color, @mid-color @color-stop, @end-color);\n background-repeat: no-repeat;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=1)\",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback\n }\n .vertical-three-colors(@start-color: #00b3ee; @mid-color: #7a43b6; @color-stop: 50%; @end-color: #c3325f) {\n background-image: -webkit-linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n background-image: -o-linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n background-image: linear-gradient(@start-color, @mid-color @color-stop, @end-color);\n background-repeat: no-repeat;\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",argb(@start-color),argb(@end-color))); // IE9 and down, gets no color-stop at all for proper fallback\n }\n .radial(@inner-color: #555; @outer-color: #333) {\n background-image: -webkit-radial-gradient(circle, @inner-color, @outer-color);\n background-image: radial-gradient(circle, @inner-color, @outer-color);\n background-repeat: no-repeat;\n }\n .striped(@color: rgba(255,255,255,.15); @angle: 45deg) {\n background-image: -webkit-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n background-image: linear-gradient(@angle, @color 25%, transparent 25%, transparent 50%, @color 50%, @color 75%, transparent 75%, transparent);\n }\n}\n","/*\n * Component: Small Box\n * --------------------\n */\n\n.small-box {\n .border-radius(2px);\n position: relative;\n display: block;\n margin-bottom: 20px;\n box-shadow: @box-boxshadow;\n // content wrapper\n > .inner {\n padding: 10px;\n }\n\n > .small-box-footer {\n position: relative;\n text-align: center;\n padding: 3px 0;\n color: #fff;\n color: rgba(255, 255, 255, 0.8);\n display: block;\n z-index: 10;\n background: rgba(0,0,0,0.1);\n text-decoration: none;\n &:hover {\n color: #fff;\n background: rgba(0,0,0,0.15);\n }\n }\n\n h3 {\n font-size: 38px;\n font-weight: bold;\n margin: 0 0 10px 0;\n white-space: nowrap;\n padding: 0;\n\n }\n\n p {\n font-size: 15px;\n > small {\n display: block;\n color: #f9f9f9;\n font-size: 13px;\n margin-top: 5px;\n }\n }\n\n h3, p {\n z-index: 5px;\n }\n\n // the icon\n .icon {\n .transition(all @transition-speed linear);\n position: absolute;\n top: -10px;\n right: 10px;\n z-index: 0;\n font-size: 90px;\n color: rgba(0, 0, 0, 0.15);\n }\n\n // Small box hover state\n &:hover {\n text-decoration: none;\n color: #f9f9f9;\n // Animate icons on small box hover\n .icon {\n font-size: 95px;\n }\n }\n}\n\n@media (max-width: @screen-xs-max) {\n // No need for icons on very small devices\n .small-box {\n text-align: center;\n .icon {\n display: none;\n }\n p {\n font-size: 12px;\n }\n }\n}\n","/*\n * Component: Box\n * --------------\n */\n.box {\n position: relative;\n .border-radius(@box-border-radius);\n background: #ffffff;\n border-top: 3px solid @box-default-border-top-color;\n margin-bottom: 20px;\n width: 100%;\n box-shadow: @box-boxshadow;\n\n // Box color variations\n &.box-primary {\n border-top-color: @light-blue;\n }\n &.box-info {\n border-top-color: @aqua;\n }\n &.box-danger {\n border-top-color: @red;\n }\n &.box-warning {\n border-top-color: @yellow;\n }\n &.box-success {\n border-top-color: @green;\n }\n &.box-default {\n border-top-color: @gray;\n }\n\n // collapsed mode\n &.collapsed-box {\n .box-body,\n .box-footer {\n display: none;\n }\n }\n\n .nav-stacked {\n > li {\n border-bottom: 1px solid @box-border-color;\n margin: 0;\n &:last-of-type {\n border-bottom: none;\n }\n }\n }\n\n // fixed height to 300px\n &.height-control {\n .box-body {\n max-height: 300px;\n overflow: auto;\n }\n }\n\n .border-right {\n border-right: 1px solid @box-border-color;\n }\n .border-left {\n border-left: 1px solid @box-border-color;\n }\n\n //SOLID BOX\n //---------\n //use this class to get a colored header and borders\n\n &.box-solid {\n border-top: 0;\n > .box-header {\n .btn.btn-default {\n background: transparent;\n }\n .btn,\n a {\n &:hover {\n background: rgba(0,0,0,0.1);\n }\n }\n }\n\n // Box color variations\n &.box-default {\n .box-solid-variant(@gray, #444);\n }\n &.box-primary {\n .box-solid-variant(@light-blue);\n }\n &.box-info {\n .box-solid-variant(@aqua);\n }\n &.box-danger {\n .box-solid-variant(@red);\n }\n &.box-warning {\n .box-solid-variant(@yellow);\n }\n &.box-success {\n .box-solid-variant(@green);\n }\n\n > .box-header > .box-tools .btn {\n border: 0;\n box-shadow: none;\n }\n\n // Fix font color for tiles\n &[class*='bg'] {\n > .box-header {\n color: #fff;\n }\n }\n\n }\n\n //BOX GROUP\n .box-group {\n > .box {\n margin-bottom: 5px;\n }\n }\n\n\n // jQuery Knob in a box\n .knob-label {\n text-align: center;\n color: #333;\n font-weight: 100;\n font-size: 12px;\n margin-bottom: 0.3em;\n }\n}\n\n.box,\n.overlay-wrapper {\n // Box overlay for LOADING STATE effect\n > .overlay,\n > .loading-img {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n }\n\n .overlay {\n z-index: 50;\n background: rgba(255, 255, 255, 0.7);\n .border-radius(@box-border-radius);\n > .fa {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-left: -15px;\n margin-top: -15px;\n color: #000;\n font-size: 30px;\n }\n }\n\n .overlay.dark {\n background: rgba(0, 0, 0, 0.5);\n }\n}\n\n//Add clearfix to header, body and footer\n.box-header,\n.box-body,\n.box-footer {\n .clearfix();\n}\n\n//Box header\n.box-header {\n color: #444;\n display: block;\n padding: @box-padding;\n position: relative;\n\n //Add bottom border\n &.with-border {\n border-bottom: 1px solid @box-border-color;\n .collapsed-box & {\n border-bottom: none;\n }\n }\n\n //Icons and box title\n > .fa,\n > .glyphicon,\n > .ion,\n .box-title {\n display: inline-block;\n font-size: 18px;\n margin: 0;\n line-height: 1;\n }\n > .fa,\n > .glyphicon,\n > .ion {\n margin-right: 5px;\n }\n > .box-tools {\n position: absolute;\n right: 10px;\n top: 5px;\n [data-toggle=\"tooltip\"] {\n position: relative;\n }\n\n &.pull-right {\n .dropdown-menu {\n right: 0;\n left: auto;\n }\n }\n }\n}\n\n//Box Tools Buttons\n.btn-box-tool {\n padding: 5px;\n font-size: 12px;\n background: transparent;\n color: darken(@box-default-border-top-color, 20%);\n .open &,\n &:hover {\n color: darken(@box-default-border-top-color, 40%);\n }\n &.btn:active {\n box-shadow: none;\n }\n}\n\n//Box Body\n.box-body {\n .border-radius(0; 0; @box-border-radius; @box-border-radius);\n padding: @box-padding;\n .no-header & {\n .border-top-radius(@box-border-radius);\n }\n // Tables within the box body\n > .table {\n margin-bottom: 0;\n }\n\n // Calendar within the box body\n .fc {\n margin-top: 5px;\n }\n\n .full-width-chart {\n margin: -19px;\n }\n &.no-padding .full-width-chart {\n margin: -9px;\n }\n\n .box-pane {\n .border-radius(0; 0; @box-border-radius; 0);\n }\n .box-pane-right {\n .border-radius(0; 0; 0; @box-border-radius);\n }\n}\n\n//Box footer\n.box-footer {\n .border-radius(0; 0; @box-border-radius; @box-border-radius);\n border-top: 1px solid @box-border-color;\n padding: @box-padding;\n background-color: @box-footer-bg;\n}\n.chart-legend {\n &:extend(.list-unstyled);\n margin: 10px 0;\n > li {\n @media (max-width: @screen-sm-max) {\n float: left;\n margin-right: 10px;\n }\n }\n}\n\n//Comment Box\n.box-comments {\n background: #f7f7f7;\n .box-comment {\n .clearfix();\n padding: 8px 0;\n border-bottom: 1px solid #eee;\n &:last-of-type {\n border-bottom: 0;\n }\n &:first-of-type {\n padding-top: 0;\n }\n img {\n &:extend(.img-sm);\n float: left;\n }\n }\n .comment-text {\n margin-left: 40px;\n color: #555;\n }\n .username {\n color: #444;\n display: block;\n font-weight: 600;\n }\n .text-muted {\n font-weight: 400;\n font-size: 12px;\n }\n}\n\n//Widgets\n//-----------\n\n/* Widget: TODO LIST */\n\n.todo-list {\n margin: 0;\n padding: 0;\n list-style: none;\n overflow: auto;\n // Todo list element\n > li {\n .border-radius(2px);\n padding: 10px;\n background: #f4f4f4;\n margin-bottom: 2px;\n border-left: 2px solid #e6e7e8;\n color: #444;\n &:last-of-type {\n margin-bottom: 0;\n }\n\n > input[type='checkbox'] {\n margin: 0 10px 0 5px;\n }\n\n .text {\n display: inline-block;\n margin-left: 5px;\n font-weight: 600;\n }\n\n // Time labels\n .label {\n margin-left: 10px;\n font-size: 9px;\n }\n\n // Tools and options box\n .tools {\n display: none;\n float: right;\n color: @red;\n // icons\n > .fa, > .glyphicon, > .ion {\n margin-right: 5px;\n cursor: pointer;\n }\n\n }\n &:hover .tools {\n display: inline-block;\n }\n\n &.done {\n color: #999;\n .text {\n text-decoration: line-through;\n font-weight: 500;\n }\n\n .label {\n background: @gray!important;\n }\n }\n }\n\n // Color varaity\n .danger {\n border-left-color: @red;\n }\n .warning {\n border-left-color: @yellow;\n }\n .info {\n border-left-color: @aqua;\n }\n .success {\n border-left-color: @green;\n }\n .primary {\n border-left-color: @light-blue;\n }\n\n .handle {\n display: inline-block;\n cursor: move;\n margin: 0 5px;\n }\n\n}\n// END TODO WIDGET\n\n/* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/\n.chat {\n padding: 5px 20px 5px 10px;\n\n .item {\n .clearfix();\n margin-bottom: 10px;\n // The image\n > img {\n width: 40px;\n height: 40px;\n border: 2px solid transparent;\n .border-radius(50%);\n }\n\n > .online {\n border: 2px solid @green;\n }\n > .offline {\n border: 2px solid @red;\n }\n\n // The message body\n > .message {\n margin-left: 55px;\n margin-top: -40px;\n > .name {\n display: block;\n font-weight: 600;\n }\n }\n\n // The attachment\n > .attachment {\n .border-radius(@attachment-border-radius);\n background: #f4f4f4;\n margin-left: 65px;\n margin-right: 15px;\n padding: 10px;\n > h4 {\n margin: 0 0 5px 0;\n font-weight: 600;\n font-size: 14px;\n }\n > p, > .filename {\n font-weight: 600;\n font-size: 13px;\n font-style: italic;\n margin: 0;\n\n }\n .clearfix();\n }\n }\n\n}\n//END CHAT WIDGET\n\n//Input in box\n.box-input {\n max-width: 200px;\n}\n\n//A fix for panels body text color when placed within\n// a modal\n.modal {\n .panel-body {\n color: #444;\n }\n}\n","/*\n * Component: Info Box\n * -------------------\n */\n.info-box {\n display: block;\n min-height: 90px;\n background: #fff;\n width: 100%;\n box-shadow: @box-boxshadow;\n .border-radius(2px);\n margin-bottom: 15px;\n small {\n font-size: 14px;\n }\n .progress {\n background: rgba(0,0,0,.2);\n margin: 5px -10px 5px -10px;\n height: 2px;\n &,\n & .progress-bar {\n .border-radius(0);\n }\n .progress-bar {\n background: #fff;\n }\n }\n}\n.info-box-icon {\n .border-radius(2px; 0; 2px; 0);\n display: block;\n float: left;\n height: 90px;\n width: 90px;\n text-align: center;\n font-size: 45px;\n line-height: 90px;\n background: rgba(0,0,0,0.2);\n > img {\n max-width: 100%;\n }\n}\n.info-box-content {\n padding: 5px 10px;\n margin-left: 90px;\n}\n.info-box-number {\n display: block;\n font-weight: bold;\n font-size: 18px;\n}\n.progress-description,\n.info-box-text {\n display: block;\n font-size: 14px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.info-box-text {\n text-transform: uppercase;\n}\n.info-box-more {\n display: block;\n}\n\n.progress-description {\n margin: 0;\n}\n","/*\n * Component: Button\n * -----------------\n */\n\n.btn {\n .border-radius(@btn-border-radius);\n .box-shadow(@btn-boxshadow);\n border: 1px solid transparent;\n\n &.uppercase {\n text-transform: uppercase\n }\n\n // Flat buttons\n &.btn-flat {\n .border-radius(0);\n -webkit-box-shadow: none;\n -moz-box-shadow: none;\n box-shadow: none;\n border-width: 1px;\n }\n\n // Active state\n &:active {\n -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\n -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\n box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\n }\n\n &:focus {\n outline: none;\n }\n\n // input file btn\n &.btn-file {\n position: relative;\n overflow: hidden;\n > input[type='file'] {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 100%;\n min-height: 100%;\n font-size: 100px;\n text-align: right;\n .opacity(0);\n outline: none;\n background: white;\n cursor: inherit;\n display: block;\n }\n }\n}\n\n//Button color variations\n.btn-default {\n background-color: #f4f4f4;\n color: #444;\n border-color: #ddd;\n &:hover,\n &:active,\n &.hover {\n background-color:darken(#f4f4f4, 5%);\n }\n}\n.btn-primary {\n background-color: @light-blue;\n border-color: darken(@light-blue, 5%);\n &:hover, &:active, &.hover {\n background-color: darken(@light-blue, 5%);\n }\n}\n.btn-success {\n background-color: @green;\n border-color: darken(@green, 5%);\n &:hover, &:active, &.hover {\n background-color: darken(@green, 5%);\n }\n}\n.btn-info {\n background-color: @aqua;\n border-color: darken(@aqua, 5%);\n &:hover, &:active, &.hover {\n background-color: darken(@aqua, 5%);\n }\n}\n.btn-danger {\n background-color: @red;\n border-color: darken(@red, 5%);\n &:hover, &:active, &.hover {\n background-color: darken(@red, 5%);\n }\n}\n.btn-warning {\n background-color: @yellow;\n border-color: darken(@yellow, 5%);\n &:hover, &:active, &.hover {\n background-color: darken(@yellow, 5%);\n }\n}\n.btn-outline {\n border: 1px solid #fff;\n background: transparent;\n color: #fff;\n &:hover,\n &:focus,\n &:active {\n color: rgba(255,255,255,.7);\n border-color: rgba(255,255,255,.7);\n }\n}\n.btn-link {\n .box-shadow(none);\n}\n//General .btn with bg class\n.btn[class*='bg-']:hover {\n .box-shadow(inset 0 0 100px rgba(0,0,0,0.2));\n}\n// Application buttons\n.btn-app {\n .border-radius(3px);\n position: relative;\n padding: 15px 5px;\n margin: 0 0 10px 10px;\n min-width: 80px;\n height: 60px;\n text-align: center;\n color: #666;\n border: 1px solid #ddd;\n background-color: #f4f4f4;\n font-size: 12px;\n //Icons within the btn\n > .fa, > .glyphicon, > .ion {\n font-size: 20px;\n display: block;\n }\n\n &:hover {\n background: #f4f4f4;\n color: #444;\n border-color: #aaa;\n }\n\n &:active, &:focus {\n -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\n -moz-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\n box-shadow: inset 0 3px 5px rgba(0,0,0,.125);\n }\n\n //The badge\n > .badge {\n position: absolute;\n top: -3px;\n right: -10px;\n font-size: 10px;\n font-weight: 400;\n }\n}\n","// Opacity\n\n.opacity(@opacity) {\n opacity: @opacity;\n // IE8 filter\n @opacity-ie: (@opacity * 100);\n filter: ~\"alpha(opacity=@{opacity-ie})\";\n}\n","/*\n * Component: Callout\n * ------------------\n */\n\n// Base styles (regardless of theme)\n.callout {\n .border-radius(3px);\n margin: 0 0 20px 0;\n padding: 15px 30px 15px 15px;\n border-left: 5px solid #eee;\n a {\n color: #fff;\n text-decoration: underline;\n &:hover {\n color: #eee;\n }\n }\n h4 {\n margin-top: 0;\n font-weight: 600;\n }\n p:last-child {\n margin-bottom: 0;\n }\n code,\n .highlight {\n background-color: #fff;\n }\n\n // Themes for different contexts\n &.callout-danger {\n &:extend(.bg-red);\n border-color: darken(@red, 10%);\n }\n &.callout-warning {\n &:extend(.bg-yellow);\n border-color: darken(@yellow, 10%);\n }\n &.callout-info {\n &:extend(.bg-aqua);\n border-color: darken(@aqua, 10%);\n }\n &.callout-success {\n &:extend(.bg-green);\n border-color: darken(@green, 10%);\n }\n}\n","/*\n * Component: alert\n * ----------------\n */\n\n.alert {\n .border-radius(3px);\n h4 {\n font-weight: 600;\n }\n .icon {\n margin-right: 10px;\n }\n .close {\n color: #000;\n .opacity(.2);\n &:hover {\n .opacity(.5);\n }\n }\n a {\n color: #fff;\n text-decoration: underline;\n }\n}\n\n//Alert Variants\n.alert-success {\n &:extend(.bg-green);\n border-color: darken(@green, 5%);\n}\n.alert-danger,\n.alert-error {\n &:extend(.bg-red);\n border-color: darken(@red, 5%);\n}\n.alert-warning {\n &:extend(.bg-yellow);\n border-color: darken(@yellow, 5%);\n}\n.alert-info {\n &:extend(.bg-aqua);\n border-color: darken(@aqua, 5%);\n}\n","/*\n * Component: Nav\n * --------------\n */\n\n.nav {\n > li > a:hover,\n > li > a:active,\n > li > a:focus {\n color: #444;\n background: #f7f7f7;\n }\n}\n\n/* NAV PILLS */\n.nav-pills {\n > li > a {\n .border-radius(0);\n border-top: 3px solid transparent;\n color: #444;\n > .fa,\n > .glyphicon,\n > .ion {\n margin-right: 5px;\n }\n }\n > li.active > a,\n > li.active > a:hover,\n > li.active > a:focus {\n border-top-color: @light-blue;\n }\n > li.active > a {\n font-weight: 600;\n }\n}\n/* NAV STACKED */\n.nav-stacked {\n > li > a {\n .border-radius(0);\n border-top: 0;\n border-left: 3px solid transparent;\n color: #444;\n }\n > li.active > a,\n > li.active > a:hover {\n background: transparent;\n color: #444;\n border-top: 0;\n border-left-color: @light-blue;\n }\n\n > li.header {\n border-bottom: 1px solid #ddd;\n color: #777;\n margin-bottom: 10px;\n padding: 5px 10px;\n text-transform: uppercase;\n }\n}\n\n/* NAV TABS */\n.nav-tabs-custom {\n margin-bottom: 20px;\n background: #fff;\n box-shadow: @box-boxshadow;\n border-radius: @box-border-radius;\n > .nav-tabs {\n margin: 0;\n border-bottom-color: #f4f4f4;\n .border-top-radius(@box-border-radius);\n > li {\n border-top: 3px solid transparent;\n margin-bottom: -2px;\n > a {\n color: #444;\n .border-radius(0);\n &.text-muted {\n color: #999;\n }\n &,\n &:hover {\n background: transparent;\n margin: 0;\n }\n &:hover {\n color: #999;\n }\n }\n &:not(.active) {\n > a:hover,\n > a:focus,\n > a:active {\n border-color: transparent;\n }\n }\n margin-right: 5px;\n }\n\n > li.active {\n border-top-color: @light-blue;\n & > a,\n &:hover > a {\n background-color: #fff;\n color: #444;\n }\n > a {\n border-top-color: transparent;\n border-left-color: #f4f4f4;\n border-right-color: #f4f4f4;\n }\n\n }\n\n > li:first-of-type {\n margin-left: 0;\n &.active {\n > a {\n border-left-color: transparent;\n }\n }\n }\n\n //Pulled to the right\n &.pull-right {\n float: none!important;\n > li {\n float: right;\n }\n > li:first-of-type {\n margin-right: 0;\n > a {\n border-left-width: 1px;\n }\n &.active {\n > a {\n border-left-color: #f4f4f4;\n border-right-color: transparent;\n }\n }\n }\n }\n\n > li.header {\n line-height: 35px;\n padding: 0 10px;\n font-size: 20px;\n color: #444;\n > .fa,\n > .glyphicon,\n > .ion {\n margin-right: 5px;\n }\n }\n }\n\n > .tab-content {\n background: #fff;\n padding: 10px;\n .border-bottom-radius(@box-border-radius);\n }\n\n .dropdown.open > a {\n &:active,\n &:focus {\n background: transparent;\n color: #999;\n }\n }\n}\n\n/* PAGINATION */\n.pagination {\n > li > a {\n background: #fafafa;\n color: #666; \n }\n &.pagination-flat {\n > li > a {\n .border-radius(0)!important;\n }\n }\n}","/*\n * Component: Table\n * ----------------\n */\n\n.table {\n //Cells\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border-top: 1px solid @box-border-color;\n }\n }\n }\n //thead cells\n > thead > tr > th {\n border-bottom: 2px solid @box-border-color;\n }\n //progress bars in tables\n tr td .progress {\n margin-top: 5px;\n }\n}\n\n//Bordered Table\n.table-bordered {\n border: 1px solid @box-border-color;\n > thead,\n > tbody,\n > tfoot {\n > tr {\n > th,\n > td {\n border: 1px solid @box-border-color;\n }\n }\n }\n > thead > tr {\n > th,\n > td {\n border-bottom-width: 2px;\n }\n }\n}\n\n.table.no-border {\n &,\n td,\n th {\n border: 0;\n }\n}\n\n/* .text-center in tables */\ntable.text-center {\n &, td, th {\n text-align: center;\n }\n}\n\n.table.align {\n th {\n text-align: left;\n }\n td {\n text-align: right;\n }\n}\n","/*\n * Component: Label\n * ----------------\n */\n.label-default {\n background-color: @gray;\n color: #444;\n}\n.label-danger {\n &:extend(.bg-red);\n}\n.label-info {\n &:extend(.bg-aqua);\n}\n.label-warning {\n &:extend(.bg-yellow);\n}\n.label-primary {\n &:extend(.bg-light-blue);\n}\n.label-success {\n &:extend(.bg-green);\n}\n","/*\n * Component: Direct Chat\n * ----------------------\n */\n.direct-chat {\n .box-body {\n .border-bottom-radius(0);\n position: relative;\n overflow-x: hidden;\n padding: 0;\n }\n &.chat-pane-open {\n .direct-chat-contacts {\n .translate(0, 0);\n }\n }\n}\n.direct-chat-messages {\n .translate(0, 0);\n padding: 10px;\n height: 250px;\n overflow: auto;\n}\n.direct-chat-msg,\n.direct-chat-text {\n display: block;\n}\n.direct-chat-msg {\n .clearfix();\n margin-bottom: 10px;\n}\n.direct-chat-messages,\n.direct-chat-contacts {\n .transition-transform(.5s ease-in-out);\n}\n.direct-chat-text {\n .border-radius(5px);\n position: relative;\n padding: 5px 10px;\n background: @direct-chat-default-msg-bg;\n border: 1px solid @direct-chat-default-msg-border-color;\n margin: 5px 0 0 50px;\n color: @direct-chat-default-font-color;\n\n //Create the arrow\n &:after,\n &:before {\n position: absolute;\n right: 100%;\n top: 15px;\n border: solid transparent;\n border-right-color: @direct-chat-default-msg-border-color;\n content: ' ';\n height: 0;\n width: 0;\n pointer-events: none;\n }\n\n &:after {\n border-width: 5px;\n margin-top: -5px;\n }\n &:before {\n border-width: 6px;\n margin-top: -6px;\n }\n .right & {\n margin-right: 50px;\n margin-left: 0;\n &:after,\n &:before {\n right: auto;\n left: 100%;\n border-right-color: transparent;\n border-left-color: @direct-chat-default-msg-border-color;\n }\n }\n}\n.direct-chat-img {\n .border-radius(50%);\n float: left;\n width: 40px;\n height: 40px;\n .right & {\n float: right;\n }\n}\n.direct-chat-info {\n display: block;\n margin-bottom: 2px;\n font-size: 12px;\n}\n.direct-chat-name {\n font-weight: 600;\n}\n.direct-chat-timestamp {\n color: #999;\n}\n//Direct chat contacts pane\n.direct-chat-contacts-open {\n .direct-chat-contacts {\n .translate(0, 0);\n }\n}\n.direct-chat-contacts {\n .translate(101%, 0);\n position: absolute;\n top: 0;\n bottom: 0;\n height: 250px;\n width: 100%;\n background: #222d32;\n color: #fff;\n overflow: auto;\n}\n\n//Contacts list -- for displaying contacts in direct chat contacts pane\n.contacts-list {\n &:extend(.list-unstyled);\n > li {\n .clearfix();\n border-bottom: 1px solid rgba(0,0,0,0.2);\n padding: 10px;\n margin: 0;\n &:last-of-type {\n border-bottom: none;\n }\n }\n}\n.contacts-list-img {\n .border-radius(50%);\n width: 40px;\n float: left;\n}\n.contacts-list-info {\n margin-left: 45px;\n color: #fff;\n}\n.contacts-list-name,\n.contacts-list-status {\n display: block;\n}\n.contacts-list-name {\n font-weight: 600;\n}\n.contacts-list-status {\n font-size: 12px;\n}\n.contacts-list-date {\n color: #aaa;\n font-weight: normal;\n}\n.contacts-list-msg {\n color: #999;\n}\n\n//Direct Chat Variants\n.direct-chat-danger {\n .direct-chat-variant(@red);\n}\n.direct-chat-primary {\n .direct-chat-variant(@light-blue);\n}\n.direct-chat-warning {\n .direct-chat-variant(@yellow);\n}\n.direct-chat-info {\n .direct-chat-variant(@aqua);\n}\n.direct-chat-success {\n .direct-chat-variant(@green);\n}\n","/*\n * Component: Users List\n * ---------------------\n */\n.users-list {\n &:extend(.list-unstyled);\n > li {\n width: 25%;\n float: left;\n padding: 10px;\n text-align: center;\n img {\n .border-radius(50%);\n max-width: 100%;\n height: auto;\n }\n > a:hover {\n &,\n .users-list-name {\n color: #999;\n }\n }\n }\n}\n.users-list-name,\n.users-list-date {\n display: block;\n}\n.users-list-name {\n font-weight: 600;\n color: #444;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n.users-list-date {\n color: #999;\n font-size: 12px;\n}\n","/*\n * Component: modal\n * ----------------\n */\n.modal {\n background: rgba(0,0,0,.3);\n}\n.modal-content {\n .border-radius(0);\n .box-shadow(0 2px 3px rgba(0,0,0,.125));\n border: 0;\n @media (min-width: @screen-sm-min) {\n .box-shadow(0 2px 3px rgba(0,0,0,.125));\n }\n}\n.modal-header {\n border-bottom-color: @box-border-color;\n}\n.modal-footer {\n border-top-color: @box-border-color;\n}\n\n//Modal variants\n.modal-primary {\n .modal-body {\n &:extend(.bg-light-blue);\n }\n .modal-header,\n .modal-footer {\n &:extend(.bg-light-blue-active);\n border-color: darken(@light-blue, 10%);\n }\n}\n.modal-warning {\n .modal-body {\n &:extend(.bg-yellow);\n }\n .modal-header,\n .modal-footer {\n &:extend(.bg-yellow-active);\n border-color: darken(@yellow, 10%);\n }\n}\n.modal-info {\n .modal-body {\n &:extend(.bg-aqua);\n }\n .modal-header,\n .modal-footer {\n &:extend(.bg-aqua-active);\n border-color: darken(@aqua, 10%);\n }\n}\n.modal-success {\n .modal-body {\n &:extend(.bg-green);\n }\n .modal-header,\n .modal-footer {\n &:extend(.bg-green-active);\n border-color: darken(@green, 10%);\n }\n}\n.modal-danger {\n .modal-body {\n &:extend(.bg-red);\n }\n .modal-header,\n .modal-footer {\n &:extend(.bg-red-active);\n border-color: darken(@red, 10%);\n }\n}\n","/*\n * Page: Login & Register\n * ----------------------\n */\n\n.login-logo,\n.register-logo {\n font-size: 35px;\n text-align: center;\n margin-bottom: 25px;\n font-weight: 300;\n a {\n color: #444;\n }\n}\n\n.login-page,\n.register-page {\n background: @gray;\n}\n\n.login-box,\n.register-box {\n width: 360px;\n margin: 7% auto;\n @media (max-width: @screen-sm) {\n width: 90%;\n margin-top: 20px;\n }\n}\n\n.login-box-body,\n.register-box-body {\n background: #fff;\n padding: 20px;\n border-top: 0;\n color: #666;\n .form-control-feedback {\n color: #777;\n }\n}\n.login-box-msg,\n.register-box-msg {\n margin: 0;\n text-align: center;\n padding: 0 20px 20px 20px;\n}\n.social-auth-links {\n margin: 10px 0;\n}\n","/*\n * Page: 400 and 500 error pages\n * ------------------------------\n */\n.error-page {\n width: 600px;\n margin: 20px auto 0 auto;\n @media (max-width: @screen-sm-max) {\n width: 100%;\n }\n //For the error number e.g: 404\n > .headline {\n float: left;\n font-size: 100px;\n font-weight: 300;\n @media (max-width: @screen-sm-max) {\n float: none;\n text-align: center;\n }\n }\n //For the message\n > .error-content {\n margin-left: 190px;\n @media (max-width: @screen-sm-max) {\n margin-left: 0;\n }\n > h3 {\n font-weight: 300;\n font-size: 25px;\n @media(max-width: @screen-sm-max) {\n text-align: center;\n }\n }\n display: block;\n }\n}\n","/*\n * Social Buttons for Bootstrap\n *\n * Copyright 2013-2015 Panayiotis Lipiridis\n * Licensed under the MIT License\n *\n * https://github.com/lipis/bootstrap-social\n */\n\n@bs-height-base: (@line-height-computed + @padding-base-vertical * 2);\n@bs-height-lg: (floor(@font-size-large * @line-height-base) + @padding-large-vertical * 2);\n@bs-height-sm: (floor(@font-size-small * 1.5) + @padding-small-vertical * 2);\n@bs-height-xs: (floor(@font-size-small * 1.2) + @padding-small-vertical + 1);\n\n.btn-social {\n position: relative;\n padding-left: (@bs-height-base + @padding-base-horizontal);\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n > :first-child {\n position: absolute;\n left: 0;\n top: 0;\n bottom: 0;\n width: @bs-height-base;\n line-height: (@bs-height-base + 2);\n font-size: 1.6em;\n text-align: center;\n border-right: 1px solid rgba(0, 0, 0, 0.2);\n }\n &.btn-lg {\n padding-left: (@bs-height-lg + @padding-large-horizontal);\n > :first-child {\n line-height: @bs-height-lg;\n width: @bs-height-lg;\n font-size: 1.8em;\n }\n }\n &.btn-sm {\n padding-left: (@bs-height-sm + @padding-small-horizontal);\n > :first-child {\n line-height: @bs-height-sm;\n width: @bs-height-sm;\n font-size: 1.4em;\n }\n }\n &.btn-xs {\n padding-left: (@bs-height-xs + @padding-small-horizontal);\n > :first-child {\n line-height: @bs-height-xs;\n width: @bs-height-xs;\n font-size: 1.2em;\n }\n }\n}\n\n.btn-social-icon {\n .btn-social;\n height: (@bs-height-base + 2);\n width: (@bs-height-base + 2);\n padding: 0;\n > :first-child {\n border: none;\n text-align: center;\n width: 100%;\n }\n &.btn-lg {\n height: @bs-height-lg;\n width: @bs-height-lg;\n padding-left: 0;\n padding-right: 0;\n }\n &.btn-sm {\n height: (@bs-height-sm + 2);\n width: (@bs-height-sm + 2);\n padding-left: 0;\n padding-right: 0;\n }\n &.btn-xs {\n height: (@bs-height-xs + 2);\n width: (@bs-height-xs + 2);\n padding-left: 0;\n padding-right: 0;\n }\n}\n\n.btn-social(@color-bg, @color: #fff) {\n background-color: @color-bg;\n .button-variant(@color, @color-bg, rgba(0,0,0,.2));\n}\n\n\n.btn-adn { .btn-social(#d87a68); }\n.btn-bitbucket { .btn-social(#205081); }\n.btn-dropbox { .btn-social(#1087dd); }\n.btn-facebook { .btn-social(#3b5998); }\n.btn-flickr { .btn-social(#ff0084); }\n.btn-foursquare { .btn-social(#f94877); }\n.btn-github { .btn-social(#444444); }\n.btn-google { .btn-social(#dd4b39); }\n.btn-instagram { .btn-social(#3f729b); }\n.btn-linkedin { .btn-social(#007bb6); }\n.btn-microsoft { .btn-social(#2672ec); }\n.btn-openid { .btn-social(#f7931e); }\n.btn-pinterest { .btn-social(#cb2027); }\n.btn-reddit { .btn-social(#eff7ff, #000); }\n.btn-soundcloud { .btn-social(#ff5500); }\n.btn-tumblr { .btn-social(#2c4762); }\n.btn-twitter { .btn-social(#55acee); }\n.btn-vimeo { .btn-social(#1ab7ea); }\n.btn-vk { .btn-social(#587ea3); }\n.btn-yahoo { .btn-social(#720e9e); }\n","// Button variants\n//\n// Easily pump out default styles, as well as :hover, :focus, :active,\n// and disabled options for all buttons\n\n.button-variant(@color; @background; @border) {\n color: @color;\n background-color: @background;\n border-color: @border;\n\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active,\n .open > .dropdown-toggle& {\n color: @color;\n background-color: darken(@background, 10%);\n border-color: darken(@border, 12%);\n }\n &:active,\n &.active,\n .open > .dropdown-toggle& {\n background-image: none;\n }\n &.disabled,\n &[disabled],\n fieldset[disabled] & {\n &,\n &:hover,\n &:focus,\n &.focus,\n &:active,\n &.active {\n background-color: @background;\n border-color: @border;\n }\n }\n\n .badge {\n color: @background;\n background-color: @color;\n }\n}\n\n// Button sizes\n.button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) {\n padding: @padding-vertical @padding-horizontal;\n font-size: @font-size;\n line-height: @line-height;\n border-radius: @border-radius;\n}\n","/*\n * Plugin: Full Calendar\n * ---------------------\n */\n//Fullcalendar buttons\n.fc-button {\n background: #f4f4f4;\n background-image: none;\n color: #444;\n border-color: #ddd;\n border-bottom-color: #ddd;\n &:hover,\n &:active,\n &.hover {\n background-color: #e9e9e9;\n }\n}\n// Calendar title\n.fc-header-title h2 {\n font-size: 15px;\n line-height: 1.6em;\n color: #666;\n margin-left: 10px;\n}\n.fc-header-right {\n padding-right: 10px;\n}\n.fc-header-left {\n padding-left: 10px;\n}\n// Calendar table header cells\n.fc-widget-header {\n background: #fafafa;\n}\n.fc-grid {\n width: 100%;\n border: 0;\n}\n.fc-widget-header:first-of-type,\n.fc-widget-content:first-of-type {\n border-left: 0;\n border-right: 0;\n}\n.fc-widget-header:last-of-type,\n.fc-widget-content:last-of-type {\n border-right: 0;\n}\n.fc-toolbar {\n padding: @box-padding;\n margin: 0;\n}\n.fc-day-number {\n font-size: 20px;\n font-weight: 300;\n padding-right: 10px;\n}\n.fc-color-picker {\n list-style: none;\n margin: 0;\n padding: 0;\n > li {\n float: left;\n font-size: 30px;\n margin-right: 5px;\n line-height: 30px;\n .fa {\n .transition-transform(linear .3s);\n &:hover {\n .rotate(30deg);\n }\n }\n }\n}\n#add-new-event {\n .transition(all linear .3s);\n}\n.external-event {\n padding: 5px 10px;\n font-weight: bold;\n margin-bottom: 4px;\n box-shadow: @box-boxshadow;\n text-shadow: @box-boxshadow;\n border-radius: @box-border-radius;\n cursor: move;\n &:hover {\n box-shadow: inset 0 0 90px rgba(0,0,0,0.2);\n }\n}\n","/*\n * Plugin: Select2\n * ---------------\n */\n\n//Signle select\n.select2-container--default,\n.select2-selection {\n &.select2-container--focus,\n &:focus,\n &:active {\n outline: none;\n }\n .select2-selection--single {\n border: 1px solid @gray;\n border-radius: @input-radius;\n padding: 6px 12px;\n height: 34px;\n }\n}\n.select2-container--default.select2-container--open {\n border-color: @light-blue;\n}\n.select2-dropdown {\n border: 1px solid @gray;\n border-radius: @input-radius;\n}\n.select2-container--default .select2-results__option--highlighted[aria-selected] {\n background-color: @light-blue;\n color: white;\n}\n.select2-results__option {\n padding: 6px 12px;\n user-select: none;\n -webkit-user-select: none; }\n.select2-container .select2-selection--single .select2-selection__rendered {\n padding-left: 0;\n padding-right: 0;\n height: auto;\n margin-top: -4px;\n}\n.select2-container[dir=\"rtl\"] .select2-selection--single .select2-selection__rendered {\n padding-right: 6px;\n padding-left: 20px;\n}\n.select2-container--default .select2-selection--single .select2-selection__arrow {\n height: 28px;\n right: 3px;\n}\n.select2-container--default .select2-selection--single .select2-selection__arrow b {\n margin-top: 0;\n}\n.select2-dropdown,\n.select2-search--inline {\n .select2-search__field {\n border: 1px solid @gray;\n &:focus {\n outline: none;\n border: 1px solid @light-blue;\n }\n }\n}\n.select2-container--default .select2-results__option[aria-disabled=true] {\n color: #999;\n}\n.select2-container--default .select2-results__option[aria-selected=true] {\n background-color: #ddd;\n &,\n &:hover {\n color: #444;\n }\n}\n\n//Multiple select\n.select2-container--default {\n .select2-selection--multiple {\n border: 1px solid @gray;\n border-radius: @input-radius;\n &:focus {\n border-color: @light-blue;\n }\n }\n &.select2-container--focus .select2-selection--multiple {\n border-color: @gray;\n }\n}\n.select2-container--default .select2-selection--multiple .select2-selection__choice {\n background-color: @light-blue;\n border-color: darken(@light-blue, 5%);\n padding: 1px 10px;\n color: #fff;\n}\n.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {\n margin-right: 5px;\n color: rgba(255,255,255,.7);\n &:hover {\n color: #fff;\n }\n}\n.select2-container .select2-selection--single .select2-selection__rendered {\n padding-right: 10px;\n}\n","/*\n * General: Miscellaneous\n * ----------------------\n */\n// 10px padding and margins\n.pad {\n padding: 10px;\n}\n.margin {\n margin: 10px;\n}\n.margin-bottom {\n margin-bottom: 20px;\n}\n.margin-bottom-none {\n margin-bottom: 0;\n}\n.margin-r-5 {\n margin-right: 5px;\n}\n// Display inline\n.inline {\n display: inline;\n}\n\n// Description Blocks\n.description-block {\n display: block;\n margin: 10px 0;\n text-align: center;\n &.margin-bottom {\n margin-bottom: 25px;\n }\n > .description-header {\n margin: 0;\n padding: 0;\n font-weight: 600;\n font-size: 16px;\n }\n > .description-text {\n text-transform: uppercase;\n }\n}\n\n// Background colors\n.bg-red,\n.bg-yellow,\n.bg-aqua,\n.bg-blue,\n.bg-light-blue,\n.bg-green,\n.bg-navy,\n.bg-teal,\n.bg-olive,\n.bg-lime,\n.bg-orange ,\n.bg-fuchsia,\n.bg-purple,\n.bg-maroon,\n.bg-black,\n.bg-red-active,\n.bg-yellow-active,\n.bg-aqua-active,\n.bg-blue-active,\n.bg-light-blue-active,\n.bg-green-active,\n.bg-navy-active,\n.bg-teal-active,\n.bg-olive-active,\n.bg-lime-active,\n.bg-orange-active,\n.bg-fuchsia-active,\n.bg-purple-active,\n.bg-maroon-active,\n.bg-black-active {\n color: #fff !important;\n}\n.bg-gray {\n color: #000;\n background-color: @gray!important;\n}\n.bg-gray-light {\n background-color: #f7f7f7;\n}\n.bg-black {\n background-color: @black!important;\n}\n.bg-red {\n background-color: @red !important;\n}\n.bg-yellow {\n background-color: @yellow !important;\n}\n.bg-aqua {\n background-color: @aqua !important;\n}\n.bg-blue {\n background-color: @blue !important;\n}\n.bg-light-blue {\n background-color: @light-blue !important;\n}\n.bg-green {\n background-color: @green !important;\n}\n.bg-navy {\n background-color: @navy !important;\n}\n.bg-teal {\n background-color: @teal !important;\n}\n.bg-olive {\n background-color: @olive !important;\n}\n.bg-lime {\n background-color: @lime !important;\n}\n.bg-orange {\n background-color: @orange !important;\n}\n.bg-fuchsia {\n background-color: @fuchsia !important;\n}\n.bg-purple {\n background-color: @purple !important;\n}\n.bg-maroon {\n background-color: @maroon !important;\n}\n\n//Set of Active Background Colors\n.bg-gray-active {\n color: #000;\n background-color: darken(@gray,10%)!important;\n}\n.bg-black-active {\n background-color: darken(@black, 10%)!important;\n}\n.bg-red-active {\n background-color: darken(@red , 6%)!important;\n}\n.bg-yellow-active {\n background-color: darken(@yellow , 6%)!important;\n}\n.bg-aqua-active {\n background-color: darken(@aqua , 6%)!important;\n}\n.bg-blue-active {\n background-color: darken(@blue , 10%)!important;\n}\n.bg-light-blue-active {\n background-color: darken(@light-blue , 6%)!important;\n}\n.bg-green-active {\n background-color: darken(@green , 5%)!important;\n}\n.bg-navy-active {\n background-color: darken(@navy , 2%)!important;\n}\n.bg-teal-active {\n background-color: darken(@teal , 5%)!important;\n}\n.bg-olive-active {\n background-color: darken(@olive , 5%)!important;\n}\n.bg-lime-active {\n background-color: darken(@lime , 5%)!important;\n}\n.bg-orange-active {\n background-color: darken(@orange , 5%)!important;\n}\n.bg-fuchsia-active {\n background-color: darken(@fuchsia , 5%)!important;\n}\n.bg-purple-active {\n background-color: darken(@purple , 5%)!important;\n}\n.bg-maroon-active {\n background-color: darken(@maroon , 3%)!important;\n}\n\n//Disabled!\n[class^=\"bg-\"].disabled {\n .opacity(.65);\n}\n\n// Text colors\n.text-red {\n color: @red !important;\n}\n.text-yellow {\n color: @yellow !important;\n}\n.text-aqua {\n color: @aqua !important;\n}\n.text-blue {\n color: @blue !important;\n}\n.text-black {\n color: @black!important;\n}\n.text-light-blue {\n color: @light-blue !important;\n}\n.text-green {\n color: @green !important;\n}\n.text-gray {\n color: @gray !important;\n}\n.text-navy {\n color: @navy !important;\n}\n.text-teal {\n color: @teal !important;\n}\n.text-olive {\n color: @olive !important;\n}\n.text-lime {\n color: @lime !important;\n}\n.text-orange {\n color: @orange !important;\n}\n.text-fuchsia {\n color: @fuchsia !important;\n}\n.text-purple {\n color: @purple !important;\n}\n.text-maroon {\n color: @maroon !important;\n}\n.link-muted {\n color: darken(@gray, 30%);\n &:hover,\n &:focus {\n color: darken(@gray, 40%);\n }\n}\n.link-black {\n color: #666;\n &:hover,\n &:focus {\n color: #999;\n }\n}\n\n// Hide elements by display none only\n.hide {\n display: none !important;\n}\n\n// Remove borders\n.no-border {\n border: 0 !important;\n}\n// Remove padding\n.no-padding {\n padding: 0 !important;\n}\n// Remove margins\n.no-margin {\n margin: 0 !important;\n}\n\n// Remove box shadow\n.no-shadow {\n box-shadow: none!important;\n}\n\n// Unstyled List\n.list-unstyled {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.list-group-unbordered {\n > .list-group-item {\n border-left: 0;\n border-right: 0;\n border-radius: 0; \n padding-left: 0;\n padding-right: 0;\n }\n}\n\n// Remove border radius\n.flat {\n .border-radius(0)!important;\n}\n\n.text-bold {\n &, &.table td, &.table th {\n font-weight: 700;\n }\n}\n.text-sm {\n font-size: 12px;\n}\n\n// _fix for sparkline tooltip\n.jqstooltip{\n padding: 5px!important;\n width:auto!important;\n height:auto!important;\n}\n\n\n// Gradient Background colors\n.bg-teal-gradient {\n .gradient(@teal; @teal; lighten(@teal, 16%))!important;\n color: #fff;\n}\n.bg-light-blue-gradient {\n .gradient(@light-blue; @light-blue; lighten(@light-blue, 12%))!important;\n color: #fff;\n}\n.bg-blue-gradient {\n .gradient(@blue; @blue; lighten(@blue, 7%))!important;\n color: #fff;\n}\n.bg-aqua-gradient {\n .gradient(@aqua; @aqua; lighten(@aqua, 7%))!important;\n color: #fff;\n}\n.bg-yellow-gradient {\n .gradient(@yellow; @yellow; lighten(@yellow, 16%))!important;\n color: #fff;\n}\n.bg-purple-gradient {\n .gradient(@purple; @purple; lighten(@purple, 16%))!important;\n color: #fff;\n}\n.bg-green-gradient {\n .gradient(@green; @green; lighten(@green, 7%))!important;\n color: #fff;\n}\n.bg-red-gradient {\n .gradient(@red; @red; lighten(@red, 10%))!important;\n color: #fff;\n}\n.bg-black-gradient {\n .gradient(@black; @black; lighten(@black, 10%))!important;\n color: #fff;\n}\n.bg-maroon-gradient {\n .gradient(@maroon; @maroon; lighten(@maroon, 10%))!important;\n color: #fff;\n}\n\n//Description Block Extension\n.description-block {\n .description-icon {\n font-size: 16px;\n }\n}\n\n//Remove top padding\n.no-pad-top {\n padding-top: 0;\n}\n\n//Make position static\n.position-static {\n position: static!important;\n}\n\n//List utility classes\n.list-header {\n font-size: 15px;\n padding: 10px 4px;\n font-weight: bold;\n color: #666;\n}\n.list-seperator {\n height: 1px;\n background: @box-border-color;\n margin: 15px 0 9px 0;\n}\n.list-link {\n > a {\n padding: 4px;\n color: #777;\n &:hover {\n color: #222;\n }\n }\n}\n\n//Light font weight\n.font-light {\n font-weight: 300;\n}\n\n//User block\n.user-block {\n .clearfix();\n img {\n width: 40px;\n height: 40px;\n float: left;\n }\n .username,\n .description,\n .comment {\n display: block;\n margin-left: 50px;\n }\n .username {\n font-size: 16px;\n font-weight: 600;\n }\n .description {\n color: #999;\n font-size: 13px;\n }\n &.user-block-sm {\n img {\n &:extend(.img-sm);\n }\n .username,\n .description,\n .comment {\n margin-left: 40px;\n }\n .username {\n font-size: 14px;\n }\n }\n}\n\n//Image sizes\n.img-sm,\n.img-md,\n.img-lg {\n float: left;\n}\n.img-sm {\n width: 30px!important;\n height: 30px!important;\n + .img-push {\n margin-left: 40px;\n }\n}\n.img-md {\n width: 60px;\n height: 60px;\n + .img-push {\n margin-left: 70px;\n }\n}\n.img-lg {\n width: 100px;\n height: 100px;\n + .img-push {\n margin-left: 110px;\n }\n}\n// Image bordered\n.img-bordered {\n border: 3px solid @gray;\n padding: 3px;\n}\n.img-bordered-sm {\n border: 2px solid @gray;\n padding: 2px;\n}\n//General attachemnt block\n.attachment-block {\n border: 1px solid @box-border-color;\n padding: 5px;\n margin-bottom: 10px;\n background: #f7f7f7;\n\n .attachment-img {\n max-width: 100px;\n max-height: 100px;\n height: auto;\n float: left;\n }\n .attachment-pushed {\n margin-left: 110px;\n }\n .attachment-heading {\n margin: 0;\n }\n .attachment-text {\n color: #555;\n }\n}\n\n.connectedSortable {\n min-height: 100px;\n}\n.ui-helper-hidden-accessible {\n border: 0;\n clip: rect(0 0 0 0);\n height: 1px;\n margin: -1px;\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 1px;\n}\n.sort-highlight {\n background: #f4f4f4;\n border: 1px dashed #ddd;\n margin-bottom: 10px;\n}\n.full-opacity-hover {\n .opacity(.65);\n &:hover {\n .opacity(1);\n }\n}\n// Charts\n.chart {\n position: relative;\n overflow: hidden;\n width: 100%;\n svg,\n canvas {\n width: 100%!important;\n }\n}\n","/*\n * Misc: print\n * -----------\n */\n@media print {\n //Add to elements that you do not want to show when printing\n .no-print {\n display: none!important;\n }\n //Elements that we want to hide when printing\n .main-sidebar,\n .left-side,\n .main-header,\n .content-header {\n &:extend(.no-print);\n }\n //This is the only element that should appear, so let's remove the margins\n .content-wrapper,\n .right-side,\n .main-footer {\n margin-left: 0!important; \n min-height: 0!important;\n .translate(0,0)!important;\n }\n .fixed .content-wrapper,\n .fixed .right-side {\n padding-top: 0!important;\n }\n //Invoice printing\n .invoice {\n width: 100%;\n border: 0;\n margin: 0;\n padding: 0;\n }\n .invoice-col {\n float: left;\n width: 33.3333333%;\n }\n //Make sure table content displays properly\n .table-responsive {\n overflow: auto;\n > .table tr th,\n > .table tr td {\n white-space: normal!important;\n }\n }\n}\n","/*\n * Skin: Blue\n * ----------\n */\n.skin-blue .main-header .navbar {\n background-color: #3c8dbc;\n}\n.skin-blue .main-header .navbar .nav > li > a {\n color: #fff;\n}\n.skin-blue .main-header .navbar .nav > li > a:hover,\n.skin-blue .main-header .navbar .nav > li > a:active,\n.skin-blue .main-header .navbar .nav > li > a:focus,\n.skin-blue .main-header .navbar .nav .open > a,\n.skin-blue .main-header .navbar .nav .open > a:hover,\n.skin-blue .main-header .navbar .nav .open > a:focus,\n.skin-blue .main-header .navbar .nav > .active > a {\n background: rgba(0, 0, 0, 0.1);\n color: #f6f6f6;\n}\n.skin-blue .main-header .navbar .sidebar-toggle {\n color: #fff;\n}\n.skin-blue .main-header .navbar .sidebar-toggle:hover {\n color: #f6f6f6;\n background: rgba(0, 0, 0, 0.1);\n}\n.skin-blue .main-header .navbar .sidebar-toggle {\n color: #fff;\n}\n.skin-blue .main-header .navbar .sidebar-toggle:hover {\n background-color: #367fa9;\n}\n@media (max-width: 767px) {\n .skin-blue .main-header .navbar .dropdown-menu li.divider {\n background-color: rgba(255, 255, 255, 0.1);\n }\n .skin-blue .main-header .navbar .dropdown-menu li a {\n color: #fff;\n }\n .skin-blue .main-header .navbar .dropdown-menu li a:hover {\n background: #367fa9;\n }\n}\n.skin-blue .main-header li.user-header {\n background-color: #3c8dbc;\n}\n.skin-blue .content-header {\n background: transparent;\n}\n.skin-blue .wrapper,\n.skin-blue .main-sidebar,\n.skin-blue .left-side {\n background-color: #222d32;\n}\n.skin-blue .user-panel > .info,\n.skin-blue .user-panel > .info > a {\n color: #fff;\n}\n.skin-blue .sidebar-menu > li.header {\n color: #4b646f;\n background: #1a2226;\n}\n.skin-blue .sidebar-menu > li > a {\n border-left: 3px solid transparent;\n}\n.skin-blue .sidebar-menu > li:hover > a,\n.skin-blue .sidebar-menu > li.active > a {\n color: #fff;\n background: #1e282c;\n border-left-color: #3c8dbc;\n}\n.skin-blue .sidebar-menu > li > .treeview-menu {\n margin: 0 1px;\n background: #2c3b41;\n}\n.skin-blue .sidebar a {\n color: #b8c7ce;\n}\n.skin-blue .sidebar a:hover {\n text-decoration: none;\n}\n.skin-blue .treeview-menu > li > a {\n color: #8aa4af;\n}\n.skin-blue .treeview-menu > li.active > a,\n.skin-blue .treeview-menu > li > a:hover {\n color: #fff;\n}\n.skin-blue .sidebar-form {\n border-radius: 3px;\n border: 1px solid #374850;\n margin: 10px 10px;\n}\n.skin-blue .sidebar-form input[type=\"text\"],\n.skin-blue .sidebar-form .btn {\n box-shadow: none;\n background-color: #374850;\n border: 1px solid transparent;\n height: 35px;\n -webkit-transition: all 0.3s ease-in-out;\n -o-transition: all 0.3s ease-in-out;\n transition: all 0.3s ease-in-out;\n}\n.skin-blue .sidebar-form input[type=\"text\"] {\n color: #666;\n border-top-left-radius: 2px;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n border-bottom-left-radius: 2px;\n}\n.skin-blue .sidebar-form input[type=\"text\"]:focus,\n.skin-blue .sidebar-form input[type=\"text\"]:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n}\n.skin-blue .sidebar-form input[type=\"text\"]:focus + .input-group-btn .btn {\n border-left-color: #fff;\n}\n.skin-blue .sidebar-form .btn {\n color: #999;\n border-top-left-radius: 0;\n border-top-right-radius: 2px;\n border-bottom-right-radius: 2px;\n border-bottom-left-radius: 0;\n}\n.skin-blue.layout-top-nav .main-header > .logo .logo-variant {\n background-color: none;\n}\n","/*\n * Skin: Blue\n * ----------\n */\n@import \"../../less/bootstrap-less/mixins.less\";\n@import \"../../less/bootstrap-less/variables.less\";\n@import \"../variables.less\";\n@import \"../mixins.less\";\n\n.skin-blue {\n //Navbar\n .main-header {\n .navbar {\n .navbar-variant(@light-blue; #fff);\n .sidebar-toggle {\n color: #fff;\n &:hover {\n background-color: darken(@light-blue, 5%);\n }\n }\n @media (max-width: @screen-header-collapse) {\n .dropdown-menu {\n li {\n &.divider {\n background-color: rgba(255, 255, 255, 0.1);\n }\n a {\n color: #fff;\n &:hover {\n background: darken(@light-blue, 5%);\n }\n }\n }\n }\n }\n }\n //Logo\n\n li.user-header {\n background-color: @light-blue;\n }\n }\n\n //Content Header\n .content-header {\n background: transparent;\n }\n\n //Create the sidebar skin\n .skin-dark-sidebar(@light-blue);\n}\n\n.skin-blue.layout-top-nav .main-header > .logo {\n .logo-variant {\n background-color: none;\n }\n}\n","//AdminLTE mixins\n//===============\n\n\n//Changes the color and the hovering properties of the navbar\n.navbar-variant(@color; @font-color: rgba(255, 255, 255, 0.8); @hover-color: #f6f6f6; @hover-bg: rgba(0, 0, 0, 0.1)) {\n background-color: @color;\n //Navbar links\n .nav > li > a {\n color: @font-color;\n }\n\n .nav > li > a:hover,\n .nav > li > a:active,\n .nav > li > a:focus,\n .nav .open > a,\n .nav .open > a:hover,\n .nav .open > a:focus,\n .nav > .active > a {\n background: @hover-bg;\n color: @hover-color;\n }\n\n //Add color to the sidebar toggle button\n .sidebar-toggle {\n color: @font-color;\n &:hover {\n color: @hover-color;\n background: @hover-bg;\n }\n }\n}\n\n//Logo color variation\n.logo-variant(@bg-color; @color: #fff; @border-bottom-color: transparent; @border-bottom-width: 0) {\n background-color: @bg-color;\n color: @color;\n border-bottom: @border-bottom-width solid @border-bottom-color;\n\n &:hover {\n background-color: darken(@bg-color, 1%);\n }\n}\n\n//Box solid color variantion creator\n.box-solid-variant(@color; @text-color: #fff) {\n border: 1px solid @color;\n > .box-header {\n color: @text-color;\n background: @color;\n background-color: @color;\n a,\n .btn {\n color: @text-color;\n }\n }\n}\n\n//Direct Chat Variant\n.direct-chat-variant(@bg-color; @color: #fff) {\n .right > .direct-chat-text {\n background: @bg-color;\n border-color: @bg-color;\n color: @color;\n &:after,\n &:before {\n border-left-color: @bg-color;\n }\n }\n}\n\n//border radius creator\n.border-radius(@radius) {\n border-radius: @radius;\n}\n//Different radius each side\n.border-radius(@top-left; @top-right; @bottom-left; @bottom-right) {\n border-top-left-radius: @top-left;\n border-top-right-radius: @top-right;\n border-bottom-right-radius: @bottom-right;\n border-bottom-left-radius: @bottom-left;\n}\n\n//Gradient background\n.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {\n background: @color;\n background: -webkit-gradient(linear,\n left bottom,\n left top,\n color-stop(0, @start),\n color-stop(1, @stop));\n background: -ms-linear-gradient(bottom,\n @start,\n @stop);\n background: -moz-linear-gradient(center bottom,\n @start 0%,\n @stop 100%);\n background: -o-linear-gradient(@stop,\n @start);\n filter: e(%(\"progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)\",@stop,@start));\n}\n\n//Added 2.1.0\n//Skins Mixins\n\n//Dark Sidebar Mixin\n.skin-dark-sidebar(@link-hover-border-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-dark-bg;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: #fff;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n //Section Headning\n &.header {\n color: lighten(@sidebar-dark-bg, 20%);\n background: darken(@sidebar-dark-bg, 4%);\n }\n //links\n > a {\n border-left: 3px solid transparent;\n }\n //Hover and active states\n &:hover > a, &.active > a {\n color: @sidebar-dark-hover-color;\n background: @sidebar-dark-hover-bg;\n border-left-color: @link-hover-border-color;\n }\n //First Level Submenu\n > .treeview-menu {\n margin: 0 1px;\n background: @sidebar-dark-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-dark-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-dark-submenu-color;\n }\n &.active > a, > a:hover {\n color: @sidebar-dark-submenu-hover-color;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid lighten(@sidebar-dark-bg, 10%);\n margin: 10px 10px;\n input[type=\"text\"], .btn {\n box-shadow: none;\n background-color: lighten(@sidebar-dark-bg, 10%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus, &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n}\n\n//Light Sidebar Mixin\n.skin-light-sidebar(@icon-active-color) {\n // Sidebar background color (Both .wrapper and .left-side are responsible for sidebar bg color)\n .wrapper,\n .main-sidebar,\n .left-side {\n background-color: @sidebar-light-bg;\n }\n .content-wrapper,\n .main-footer {\n border-left: 1px solid @gray;\n }\n //User Panel (resides in the sidebar)\n .user-panel {\n > .info, > .info > a {\n color: @sidebar-light-color;\n }\n }\n //Sidebar Menu. First level links\n .sidebar-menu > li {\n .transition(border-left-color .3s ease);\n //border-left: 3px solid transparent;\n //Section Headning\n &.header {\n color: lighten(@sidebar-light-color, 25%);\n background: @sidebar-light-bg;\n }\n //links\n > a {\n border-left: 3px solid transparent;\n font-weight: 600;\n }\n //Hover and active states\n &:hover > a,\n &.active > a {\n color: @sidebar-light-hover-color;\n background: @sidebar-light-hover-bg;\n }\n &:hover > a {\n\n }\n &.active {\n border-left-color: @icon-active-color;\n > a {\n font-weight: 600;\n }\n }\n //First Level Submenu\n > .treeview-menu {\n background: @sidebar-light-submenu-bg;\n }\n }\n //All links within the sidebar menu\n .sidebar a {\n color: @sidebar-light-color;\n &:hover {\n text-decoration: none;\n }\n }\n //All submenus\n .treeview-menu {\n > li {\n > a {\n color: @sidebar-light-submenu-color;\n }\n &.active > a,\n > a:hover {\n color: @sidebar-light-submenu-hover-color;\n }\n &.active > a {\n font-weight: 600;\n }\n }\n }\n //The sidebar search form\n .sidebar-form {\n .border-radius(3px);\n border: 1px solid @gray;//darken(@sidebar-light-bg, 5%);\n margin: 10px 10px;\n input[type=\"text\"],\n .btn {\n box-shadow: none;\n background-color: #fff;//darken(@sidebar-light-bg, 3%);\n border: 1px solid transparent;\n height: 35px;\n .transition(all @transition-speed @transition-fn);\n }\n input[type=\"text\"] {\n color: #666;\n .border-radius(2px, 0, 2px, 0);\n &:focus,\n &:focus + .input-group-btn .btn {\n background-color: #fff;\n color: #666;\n }\n &:focus + .input-group-btn .btn {\n border-left-color: #fff;\n }\n }\n .btn {\n color: #999;\n .border-radius(0, 2px, 0, 2px);\n }\n }\n @media(min-width: @screen-sm-min) {\n &.sidebar-mini.sidebar-collapse {\n .sidebar-menu > li > .treeview-menu {\n border-left: 1px solid @gray;\n }\n }\n }\n}\n","// Vendor Prefixes\n//\n// All vendor mixins are deprecated as of v3.2.0 due to the introduction of\n// Autoprefixer in our Gruntfile. They will be removed in v4.\n\n// - Animations\n// - Backface visibility\n// - Box shadow\n// - Box sizing\n// - Content columns\n// - Hyphens\n// - Placeholder text\n// - Transformations\n// - Transitions\n// - User Select\n\n\n// Animations\n.animation(@animation) {\n -webkit-animation: @animation;\n -o-animation: @animation;\n animation: @animation;\n}\n.animation-name(@name) {\n -webkit-animation-name: @name;\n animation-name: @name;\n}\n.animation-duration(@duration) {\n -webkit-animation-duration: @duration;\n animation-duration: @duration;\n}\n.animation-timing-function(@timing-function) {\n -webkit-animation-timing-function: @timing-function;\n animation-timing-function: @timing-function;\n}\n.animation-delay(@delay) {\n -webkit-animation-delay: @delay;\n animation-delay: @delay;\n}\n.animation-iteration-count(@iteration-count) {\n -webkit-animation-iteration-count: @iteration-count;\n animation-iteration-count: @iteration-count;\n}\n.animation-direction(@direction) {\n -webkit-animation-direction: @direction;\n animation-direction: @direction;\n}\n.animation-fill-mode(@fill-mode) {\n -webkit-animation-fill-mode: @fill-mode;\n animation-fill-mode: @fill-mode;\n}\n\n// Backface visibility\n// Prevent browsers from flickering when using CSS 3D transforms.\n// Default value is `visible`, but can be changed to `hidden`\n\n.backface-visibility(@visibility){\n -webkit-backface-visibility: @visibility;\n -moz-backface-visibility: @visibility;\n backface-visibility: @visibility;\n}\n\n// Drop shadows\n//\n// Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's\n// supported browsers that have box shadow capabilities now support it.\n\n.box-shadow(@shadow) {\n -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1\n box-shadow: @shadow;\n}\n\n// Box sizing\n.box-sizing(@boxmodel) {\n -webkit-box-sizing: @boxmodel;\n -moz-box-sizing: @boxmodel;\n box-sizing: @boxmodel;\n}\n\n// CSS3 Content Columns\n.content-columns(@column-count; @column-gap: @grid-gutter-width) {\n -webkit-column-count: @column-count;\n -moz-column-count: @column-count;\n column-count: @column-count;\n -webkit-column-gap: @column-gap;\n -moz-column-gap: @column-gap;\n column-gap: @column-gap;\n}\n\n// Optional hyphenation\n.hyphens(@mode: auto) {\n word-wrap: break-word;\n -webkit-hyphens: @mode;\n -moz-hyphens: @mode;\n -ms-hyphens: @mode; // IE10+\n -o-hyphens: @mode;\n hyphens: @mode;\n}\n\n// Placeholder text\n.placeholder(@color: @input-color-placeholder) {\n // Firefox\n &::-moz-placeholder {\n color: @color;\n opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526\n }\n &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+\n &::-webkit-input-placeholder { color: @color; } // Safari and Chrome\n}\n\n// Transformations\n.scale(@ratio) {\n -webkit-transform: scale(@ratio);\n -ms-transform: scale(@ratio); // IE9 only\n -o-transform: scale(@ratio);\n transform: scale(@ratio);\n}\n.scale(@ratioX; @ratioY) {\n -webkit-transform: scale(@ratioX, @ratioY);\n -ms-transform: scale(@ratioX, @ratioY); // IE9 only\n -o-transform: scale(@ratioX, @ratioY);\n transform: scale(@ratioX, @ratioY);\n}\n.scaleX(@ratio) {\n -webkit-transform: scaleX(@ratio);\n -ms-transform: scaleX(@ratio); // IE9 only\n -o-transform: scaleX(@ratio);\n transform: scaleX(@ratio);\n}\n.scaleY(@ratio) {\n -webkit-transform: scaleY(@ratio);\n -ms-transform: scaleY(@ratio); // IE9 only\n -o-transform: scaleY(@ratio);\n transform: scaleY(@ratio);\n}\n.skew(@x; @y) {\n -webkit-transform: skewX(@x) skewY(@y);\n -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+\n -o-transform: skewX(@x) skewY(@y);\n transform: skewX(@x) skewY(@y);\n}\n.translate(@x; @y) {\n -webkit-transform: translate(@x, @y);\n -ms-transform: translate(@x, @y); // IE9 only\n -o-transform: translate(@x, @y);\n transform: translate(@x, @y);\n}\n.translate3d(@x; @y; @z) {\n -webkit-transform: translate3d(@x, @y, @z);\n transform: translate3d(@x, @y, @z);\n}\n.rotate(@degrees) {\n -webkit-transform: rotate(@degrees);\n -ms-transform: rotate(@degrees); // IE9 only\n -o-transform: rotate(@degrees);\n transform: rotate(@degrees);\n}\n.rotateX(@degrees) {\n -webkit-transform: rotateX(@degrees);\n -ms-transform: rotateX(@degrees); // IE9 only\n -o-transform: rotateX(@degrees);\n transform: rotateX(@degrees);\n}\n.rotateY(@degrees) {\n -webkit-transform: rotateY(@degrees);\n -ms-transform: rotateY(@degrees); // IE9 only\n -o-transform: rotateY(@degrees);\n transform: rotateY(@degrees);\n}\n.perspective(@perspective) {\n -webkit-perspective: @perspective;\n -moz-perspective: @perspective;\n perspective: @perspective;\n}\n.perspective-origin(@perspective) {\n -webkit-perspective-origin: @perspective;\n -moz-perspective-origin: @perspective;\n perspective-origin: @perspective;\n}\n.transform-origin(@origin) {\n -webkit-transform-origin: @origin;\n -moz-transform-origin: @origin;\n -ms-transform-origin: @origin; // IE9 only\n transform-origin: @origin;\n}\n\n\n// Transitions\n\n.transition(@transition) {\n -webkit-transition: @transition;\n -o-transition: @transition;\n transition: @transition;\n}\n.transition-property(@transition-property) {\n -webkit-transition-property: @transition-property;\n transition-property: @transition-property;\n}\n.transition-delay(@transition-delay) {\n -webkit-transition-delay: @transition-delay;\n transition-delay: @transition-delay;\n}\n.transition-duration(@transition-duration) {\n -webkit-transition-duration: @transition-duration;\n transition-duration: @transition-duration;\n}\n.transition-timing-function(@timing-function) {\n -webkit-transition-timing-function: @timing-function;\n transition-timing-function: @timing-function;\n}\n.transition-transform(@transition) {\n -webkit-transition: -webkit-transform @transition;\n -moz-transition: -moz-transform @transition;\n -o-transition: -o-transform @transition;\n transition: transform @transition;\n}\n\n\n// User select\n// For selecting text on the page\n\n.user-select(@select) {\n -webkit-user-select: @select;\n -moz-user-select: @select;\n -ms-user-select: @select; // IE10+\n user-select: @select;\n}\n",".skin-blue .main-header .logo {\n background-color: inherit;\n}\n.main-header .logo {\n width: 100% !important;\n white-space: nowrap;\n text-align: left;\n display: block;\n clear: both;\n //text-overflow: hidden;\n}\n.huge {\n font-size: 40px;\n}\n\n.btn-file {\n position: relative;\n overflow: hidden;\n}\n\n.dropdown-menu>li>a {\n color: #354044;\n}\n\n\n#sort tr.cansort {\nborder-radius: 2px;\npadding: 10px;\nbackground: #f4f4f4;\nmargin-bottom: 3px;\nborder-left: 2px solid #e6e7e8;\ncolor: #444;\ncursor: move;\n}\n\n.user-image-inline {\n float: left;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n margin-right: 10px;\n}\n\n.input-group .input-group-addon {\n background-color: #f4f4f4;\n}\n\na.accordion-header {\n color: #333;\n}\n\n.dynamic-form-row {\n padding: 10px;\n margin: 20px;\n}\n\n\n.handle {\n padding-left: 10px;\n}\n\n.btn-file input[type=file] {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 100%;\n min-height: 100%;\n font-size: 100px;\n text-align: right;\n filter: alpha(opacity=0);\n opacity: 0;\n outline: none;\n background: white;\n cursor: inherit;\n display: block;\n}\n.main-footer {\n font-size: 13px;\n}\n.main-header {\n max-height: 150px;\n}\n.navbar-brand-img {\n float: left;\n padding: 5px 5px 5px 0;\n}\n\n.navbar-nav>.user-menu>.dropdown-menu {\n width: inherit;\n}\n.main-header .logo {\n padding: 0px 5px 0px 15px;\n}\n\n\n.sidebar-toggle {\n margin-left: -48px;\n z-index: 100;\n background-color: inherit;\n}\n\n.sidebar-toggle-mobile {\n z-index: 100;\n width: 50px;\n padding-top: 10px;\n}\n\n.skin-blue .main-header .navbar .dropdown-menu li a {\n //color: inherit;\n}\n\n.main-header .sidebar-toggle:before {\n content: \"\\f0c9\";\n}\n\n.direct-chat-contacts {\n padding: 10px;\n height: 150px;\n}\n\n\n.select2-container {\n width: 100%;\n}\n.error input {\n color: #dd4b39;\n border: 2px solid #dd4b39 !important;\n}\n\n.error label, .alert-msg {\n color: #dd4b39;\n display: block;\n}\n\n.input-group[class*=\"col-\"] {\n padding-right: 15px;\n padding-left: 15px;\n }\n .control-label.multiline {\n padding-top: 10;\n }\n\n.btn-outline {\n color: inherit;\n background-color: transparent;\n transition: all .5s;\n}\n\n.btn-primary.btn-outline {\n color: #428bca;\n}\n\n.btn-success.btn-outline {\n color: #5cb85c;\n}\n\n.btn-info.btn-outline {\n color: #5bc0de;\n}\n\n.btn-warning.btn-outline {\n color: #f0ad4e;\n}\n\n.btn-danger.btn-outline {\n color: #d9534f;\n}\n\n.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {\n color: #fff;\n}\n\n.slideout-menu {\n\tposition: fixed;\n\ttop: 0;\n\tright: -250px;\n\twidth: 250px;\n\theight: 100%;\n\tbackground: #333;\n\tz-index: 100;\n margin-top: 100px;\n color: white;\n padding: 10px;\n}\n.slideout-menu h3 {\n\tposition: relative;\n\tpadding: 5px 5px;\n\tcolor: #fff;\n\tfont-size: 1.2em;\n\tfont-weight: 400;\n\tborder-bottom: 4px solid #222;\n}\n.slideout-menu .slideout-menu-toggle {\n\tposition: absolute;\n\ttop: 12px;\n\tright: 10px;\n\tdisplay: inline-block;\n\tpadding: 6px 9px 5px;\n\tfont-family: Arial, sans-serif;\n\tfont-weight: bold;\n\tline-height: 1;\n\tbackground: #222;\n\tcolor: #999;\n\ttext-decoration: none;\n\tvertical-align: top;\n}\n.slideout-menu .slideout-menu-toggle:hover {\n\tcolor: #fff;\n}\n.slideout-menu ul {\n\tlist-style: none;\n\tfont-weight: 300;\n\tborder-top: 1px solid #151515;\n\tborder-bottom: 1px solid #454545;\n}\n.slideout-menu ul li {\n\tborder-top: 1px solid #454545;\n\tborder-bottom: 1px solid #151515;\n}\n.slideout-menu ul li a {\n\tposition: relative;\n\tdisplay: block;\n\tpadding: 10px;\n\tcolor: #999;\n\ttext-decoration: none;\n}\n.slideout-menu ul li a:hover {\n\tbackground: #000;\n\tcolor: #fff;\n}\n.slideout-menu ul li a i {\n\tposition: absolute;\n\ttop: 15px;\n\tright: 10px;\n\topacity: .5;\n}\n\n .btn-box-tool-lg {\n font-size: 16px;\n color: orange;\n }\n\n\n\n .bs-wizard {margin-top: 20px;}\n\n /*Form Wizard*/\n .bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}\n .bs-wizard > .bs-wizard-step {padding: 0; position: relative;}\n .bs-wizard > .bs-wizard-step + .bs-wizard-step {}\n .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}\n .bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px;}\n .bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #fbe8aa; top: 45px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;}\n .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #fbbd19; border-radius: 50px; position: absolute; top: 8px; left: 8px; }\n .bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}\n .bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #fbe8aa;}\n .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}\n .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}\n .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}\n .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}\n .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}\n .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}\n .bs-wizard > .bs-wizard-step:first-child > .progress {left: 50%; width: 50%;}\n .bs-wizard > .bs-wizard-step:last-child > .progress {width: 50%;}\n .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }\n /*END Form Wizard*/\n\n.left-navblock{\n display: inline-block;\n float: left;\n text-align: left;\n color: white;\n padding: 0px;\n /* adjust based on your layout */\n\n}\n.skin-blue .main-header .navbar .dropdown-menu li a {\n color: #333;\n}\n\na.logo.no-hover a:hover {\n background-color: transparent;\n}\n\n\n.required {\n border-right: 6px solid orange;\n}\n\nbody {\n font-family: -apple-system, BlinkMacSystemFont,\n \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\",\n \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n sans-serif;\n}\n\n@media print {\n a[href]:after {\n content: none;\n }\n\n .tab-content > .tab-pane {\n display: block !important;\n opacity: 1 !important;\n visibility: visible !important;\n }\n}\n",".skin-blue .main-header .logo {\n background-color: inherit;\n}\n.main-header .logo {\n width: 100% !important;\n white-space: nowrap;\n text-align: left;\n display: block;\n clear: both;\n}\n.huge {\n font-size: 40px;\n}\n.btn-file {\n position: relative;\n overflow: hidden;\n}\n.dropdown-menu > li > a {\n color: #354044;\n}\n#sort tr.cansort {\n border-radius: 2px;\n padding: 10px;\n background: #f4f4f4;\n margin-bottom: 3px;\n border-left: 2px solid #e6e7e8;\n color: #444;\n cursor: move;\n}\n.user-image-inline {\n float: left;\n width: 25px;\n height: 25px;\n border-radius: 50%;\n margin-right: 10px;\n}\n.input-group .input-group-addon {\n background-color: #f4f4f4;\n}\na.accordion-header {\n color: #333;\n}\n.dynamic-form-row {\n padding: 10px;\n margin: 20px;\n}\n.handle {\n padding-left: 10px;\n}\n.btn-file input[type=file] {\n position: absolute;\n top: 0;\n right: 0;\n min-width: 100%;\n min-height: 100%;\n font-size: 100px;\n text-align: right;\n filter: alpha(opacity=0);\n opacity: 0;\n outline: none;\n background: white;\n cursor: inherit;\n display: block;\n}\n.main-footer {\n font-size: 13px;\n}\n.main-header {\n max-height: 150px;\n}\n.navbar-brand-img {\n float: left;\n padding: 5px 5px 5px 0;\n}\n.navbar-nav > .user-menu > .dropdown-menu {\n width: inherit;\n}\n.main-header .logo {\n padding: 0px 5px 0px 15px;\n}\n.sidebar-toggle {\n margin-left: -48px;\n z-index: 100;\n background-color: inherit;\n}\n.sidebar-toggle-mobile {\n z-index: 100;\n width: 50px;\n padding-top: 10px;\n}\n.main-header .sidebar-toggle:before {\n content: \"\\f0c9\";\n}\n.direct-chat-contacts {\n padding: 10px;\n height: 150px;\n}\n.select2-container {\n width: 100%;\n}\n.error input {\n color: #dd4b39;\n border: 2px solid #dd4b39 !important;\n}\n.error label,\n.alert-msg {\n color: #dd4b39;\n display: block;\n}\n.input-group[class*=\"col-\"] {\n padding-right: 15px;\n padding-left: 15px;\n}\n.control-label.multiline {\n padding-top: 10;\n}\n.btn-outline {\n color: inherit;\n background-color: transparent;\n transition: all .5s;\n}\n.btn-primary.btn-outline {\n color: #428bca;\n}\n.btn-success.btn-outline {\n color: #5cb85c;\n}\n.btn-info.btn-outline {\n color: #5bc0de;\n}\n.btn-warning.btn-outline {\n color: #f0ad4e;\n}\n.btn-danger.btn-outline {\n color: #d9534f;\n}\n.btn-primary.btn-outline:hover,\n.btn-success.btn-outline:hover,\n.btn-info.btn-outline:hover,\n.btn-warning.btn-outline:hover,\n.btn-danger.btn-outline:hover {\n color: #fff;\n}\n.slideout-menu {\n position: fixed;\n top: 0;\n right: -250px;\n width: 250px;\n height: 100%;\n background: #333;\n z-index: 100;\n margin-top: 100px;\n color: white;\n padding: 10px;\n}\n.slideout-menu h3 {\n position: relative;\n padding: 5px 5px;\n color: #fff;\n font-size: 1.2em;\n font-weight: 400;\n border-bottom: 4px solid #222;\n}\n.slideout-menu .slideout-menu-toggle {\n position: absolute;\n top: 12px;\n right: 10px;\n display: inline-block;\n padding: 6px 9px 5px;\n font-family: Arial, sans-serif;\n font-weight: bold;\n line-height: 1;\n background: #222;\n color: #999;\n text-decoration: none;\n vertical-align: top;\n}\n.slideout-menu .slideout-menu-toggle:hover {\n color: #fff;\n}\n.slideout-menu ul {\n list-style: none;\n font-weight: 300;\n border-top: 1px solid #151515;\n border-bottom: 1px solid #454545;\n}\n.slideout-menu ul li {\n border-top: 1px solid #454545;\n border-bottom: 1px solid #151515;\n}\n.slideout-menu ul li a {\n position: relative;\n display: block;\n padding: 10px;\n color: #999;\n text-decoration: none;\n}\n.slideout-menu ul li a:hover {\n background: #000;\n color: #fff;\n}\n.slideout-menu ul li a i {\n position: absolute;\n top: 15px;\n right: 10px;\n opacity: .5;\n}\n.btn-box-tool-lg {\n font-size: 16px;\n color: orange;\n}\n.bs-wizard {\n margin-top: 20px;\n}\n/*Form Wizard*/\n.bs-wizard {\n border-bottom: solid 1px #e0e0e0;\n padding: 0 0 10px 0;\n}\n.bs-wizard > .bs-wizard-step {\n padding: 0;\n position: relative;\n}\n.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {\n color: #595959;\n font-size: 16px;\n margin-bottom: 5px;\n}\n.bs-wizard > .bs-wizard-step .bs-wizard-info {\n color: #999;\n font-size: 14px;\n}\n.bs-wizard > .bs-wizard-step > .bs-wizard-dot {\n position: absolute;\n width: 30px;\n height: 30px;\n display: block;\n background: #fbe8aa;\n top: 45px;\n left: 50%;\n margin-top: -15px;\n margin-left: -15px;\n border-radius: 50%;\n}\n.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {\n content: ' ';\n width: 14px;\n height: 14px;\n background: #fbbd19;\n border-radius: 50px;\n position: absolute;\n top: 8px;\n left: 8px;\n}\n.bs-wizard > .bs-wizard-step > .progress {\n position: relative;\n border-radius: 0px;\n height: 8px;\n box-shadow: none;\n margin: 20px 0;\n}\n.bs-wizard > .bs-wizard-step > .progress > .progress-bar {\n width: 0px;\n box-shadow: none;\n background: #fbe8aa;\n}\n.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {\n width: 100%;\n}\n.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {\n width: 50%;\n}\n.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {\n width: 0%;\n}\n.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {\n width: 100%;\n}\n.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {\n background-color: #f5f5f5;\n}\n.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {\n opacity: 0;\n}\n.bs-wizard > .bs-wizard-step:first-child > .progress {\n left: 50%;\n width: 50%;\n}\n.bs-wizard > .bs-wizard-step:last-child > .progress {\n width: 50%;\n}\n.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {\n pointer-events: none;\n}\n/*END Form Wizard*/\n.left-navblock {\n display: inline-block;\n float: left;\n text-align: left;\n color: white;\n padding: 0px;\n /* adjust based on your layout */\n}\n.skin-blue .main-header .navbar .dropdown-menu li a {\n color: #333;\n}\na.logo.no-hover a:hover {\n background-color: transparent;\n}\n.required {\n border-right: 6px solid orange;\n}\nbody {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n}\n@media print {\n a[href]:after {\n content: none;\n }\n .tab-content > .tab-pane {\n display: block !important;\n opacity: 1 !important;\n visibility: visible !important;\n }\n}\n"]}