/* Minification failed. Returning unminified contents.
(12714,25): run-time error CSS1039: Token not allowed after unary operator: '-colors-neutral-100'
(12715,14): run-time error CSS1039: Token not allowed after unary operator: '-colors-neutral-500'
(14205,31): run-time error CSS1046: Expect comma, found '156'
(14205,39): run-time error CSS1046: Expect comma, found '/'
(14209,32): run-time error CSS1046: Expect comma, found '240'
(14209,40): run-time error CSS1046: Expect comma, found '/'
(14213,32): run-time error CSS1046: Expect comma, found '0'
(14213,37): run-time error CSS1046: Expect comma, found '/'
(14217,31): run-time error CSS1046: Expect comma, found '194'
(14217,38): run-time error CSS1046: Expect comma, found '/'
(14221,32): run-time error CSS1046: Expect comma, found '193'
(14221,38): run-time error CSS1046: Expect comma, found '/'
*/
/*!
* ui-select
* http://github.com/angular-ui/ui-select
* Version: 0.12.1 - 2015-07-28T03:50:59.080Z
* License: MIT
*/.ui-select-highlight{font-weight:700}.ui-select-offscreen{clip:rect(0 0 0 0)!important;width:1px!important;height:1px!important;border:0!important;margin:0!important;padding:0!important;overflow:hidden!important;position:absolute!important;outline:0!important;left:0!important;top:0!important}.ng-dirty.ng-invalid>a.select2-choice{border-color:#D44950}.select2-result-single{padding-left:0}.select-locked>.ui-select-match-close,.select2-locked>.select2-search-choice-close{display:none}body>.select2-container.open{z-index:9999}.ui-select-container[theme=select2].direction-up .ui-select-match{border-radius:0 0 4px 4px}.ui-select-container[theme=select2].direction-up .ui-select-dropdown{border-radius:4px 4px 0 0;border-top-width:1px;border-top-style:solid;box-shadow:0 -4px 8px rgba(0,0,0,.25);margin-top:-4px}.ui-select-container[theme=select2].direction-up .ui-select-dropdown .select2-search{margin-top:4px}.ui-select-container[theme=select2].direction-up.select2-dropdown-open .ui-select-match{border-bottom-color:#5897fb}.selectize-input.selectize-focus{border-color:#007FBB!important}.selectize-control>.selectize-dropdown,.selectize-control>.selectize-input>input{width:100%}.ng-dirty.ng-invalid>div.selectize-input{border-color:#D44950}.ui-select-container[theme=selectize].direction-up .ui-select-dropdown{box-shadow:0 -4px 8px rgba(0,0,0,.25);margin-top:-2px}.btn-default-focus{color:#333;background-color:#EBEBEB;border-color:#ADADAD;text-decoration:none;outline:-webkit-focus-ring-color auto 5px;outline-offset:-2px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.ui-select-bootstrap .ui-select-toggle{position:relative}.ui-select-bootstrap .ui-select-toggle>.caret{position:absolute;height:10px;top:50%;right:10px;margin-top:-2px}.input-group>.ui-select-bootstrap.dropdown{position:static}.input-group>.ui-select-bootstrap>input.ui-select-search.form-control{border-radius:4px 0 0 4px}.input-group>.ui-select-bootstrap>input.ui-select-search.form-control.direction-up{border-radius:4px 0 0 4px!important}.ui-select-bootstrap>.ui-select-match>.btn{text-align:left!important}.ui-select-bootstrap>.ui-select-match>.caret{position:absolute;top:45%;right:15px}.ui-select-bootstrap>.ui-select-choices{width:100%;height:auto;max-height:200px;overflow-x:hidden;margin-top:-1px}body>.ui-select-bootstrap.open{z-index:1000}.ui-select-multiple.ui-select-bootstrap{height:auto;padding:3px 3px 0}.ui-select-multiple.ui-select-bootstrap input.ui-select-search{background-color:transparent!important;border:none;outline:0;height:1.666666em;margin-bottom:3px}.ui-select-multiple.ui-select-bootstrap .ui-select-match .close{font-size:1.6em;line-height:.75}.ui-select-multiple.ui-select-bootstrap .ui-select-match-item{outline:0;margin:0 3px 3px 0}.ui-select-multiple .ui-select-match-item{position:relative}.ui-select-multiple .ui-select-match-item.dropping-before:before{content:"";position:absolute;top:0;right:100%;height:100%;margin-right:2px;border-left:1px solid #428bca}.ui-select-multiple .ui-select-match-item.dropping-after:after{content:"";position:absolute;top:0;left:100%;height:100%;margin-left:2px;border-right:1px solid #428bca}.ui-select-bootstrap .ui-select-choices-row>a{display:block;padding:3px 20px;clear:both;font-weight:400;line-height:1.42857143;color:#333;white-space:nowrap}.ui-select-bootstrap .ui-select-choices-row>a:focus,.ui-select-bootstrap .ui-select-choices-row>a:hover{text-decoration:none;color:#262626;background-color:#f5f5f5}.ui-select-bootstrap .ui-select-choices-row.active>a{color:#fff;text-decoration:none;outline:0;background-color:#428bca}.ui-select-bootstrap .ui-select-choices-row.active.disabled>a,.ui-select-bootstrap .ui-select-choices-row.disabled>a{color:#777;cursor:not-allowed;background-color:#fff}.ui-select-match.ng-hide-add,.ui-select-search.ng-hide-add{display:none!important}.ui-select-bootstrap.ng-dirty.ng-invalid>button.btn.ui-select-match{border-color:#D44950}.ui-select-container[theme=bootstrap].direction-up .ui-select-dropdown{box-shadow:0 -4px 8px rgba(0,0,0,.25)}
.toast-title{font-weight:700}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-.3em;top:-.3em;float:right;font-size:20px;font-weight:700;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}.toast-close-button:focus,.toast-close-button:hover{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:0 0;border:0;-webkit-appearance:none}.toast-top-center{top:0;right:0;width:100%}.toast-bottom-center{bottom:0;right:0;width:100%}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999;pointer-events:none}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{position:relative;pointer-events:auto;overflow:hidden;margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=)!important}#toast-container>.toast-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=)!important}#toast-container>.toast-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==)!important}#toast-container>.toast-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=)!important}#toast-container.toast-bottom-center>div,#toast-container.toast-top-center>div{width:300px;margin-left:auto;margin-right:auto}#toast-container.toast-bottom-full-width>div,#toast-container.toast-top-full-width>div{width:96%;margin-left:auto;margin-right:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}.toast-progress{position:absolute;left:0;bottom:0;height:4px;background-color:#000;opacity:.4;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);filter:alpha(opacity=40)}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-.2em;top:-.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}
/*!
* ui-grid - v4.7.0 - 2019-02-01
* Copyright (c) 2019 ; License: MIT
*/.ui-grid{border:1px solid #d4d4d4;box-sizing:content-box;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.ui-grid-vertical-bar{position:absolute;right:0;width:0}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-scrollbar-placeholder{background-color:transparent}.ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#d4d4d4}.ui-grid-clearfix:before,.ui-grid-clearfix:after{content:"";display:table}.ui-grid-clearfix:after{clear:both}.ui-grid-invisible{visibility:hidden}.ui-grid-contents-wrapper{position:relative;height:100%;width:100%}.ui-grid-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.ui-grid-icon-button{background-color:transparent;border:none;padding:0}.clickable{cursor:pointer}.ui-grid-top-panel-background{background-color:#f3f3f3}.ui-grid-header{border-bottom:1px solid #d4d4d4;box-sizing:border-box}.ui-grid-top-panel{position:relative;overflow:hidden;font-weight:bold;background-color:#f3f3f3;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-header-viewport{overflow:hidden}.ui-grid-header-canvas:before,.ui-grid-header-canvas:after{content:"";display:-ms-flexbox;display:flex;line-height:0}.ui-grid-header-canvas:after{clear:both}.ui-grid-header-cell-wrapper{position:relative;display:-ms-flexbox;display:flex;box-sizing:border-box;height:100%;width:100%}.ui-grid-header-cell-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}.ui-grid-header-cell{position:relative;box-sizing:border-box;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:0}.ui-grid-header-cell:last-child{border-right:0}.ui-grid-header-cell .sortable{cursor:pointer}.ui-grid-header-cell .ui-grid-sort-priority-number{margin-left:-8px}.ui-grid-header-cell>div{-ms-flex-basis:100%;flex-basis:100%}.ui-grid-header .ui-grid-vertical-bar{top:0;bottom:0}.ui-grid-column-menu-button{position:absolute;right:1px;top:0}.ui-grid-column-menu-button .ui-grid-icon-angle-down{vertical-align:sub}.ui-grid-header-cell-last-col .ui-grid-cell-contents,.ui-grid-header-cell-last-col .ui-grid-filter-container,.ui-grid-header-cell-last-col .ui-grid-column-menu-button,.ui-grid-header-cell-last-col+.ui-grid-column-resizer.right{margin-right:13px}.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-cell-contents,.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-filter-container,.ui-grid-render-container-right .ui-grid-header-cell-last-col .ui-grid-column-menu-button,.ui-grid-render-container-right .ui-grid-header-cell-last-col+.ui-grid-column-resizer.right{margin-right:28px}.ui-grid-column-menu{position:absolute}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .04s linear;-moz-transition:all .04s linear;-o-transition:all .04s linear;transition:all .04s linear;display:block !important}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-column-menu .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transition:all .04s linear;-moz-transition:all .04s linear;-o-transition:all .04s linear;transition:all .04s linear;display:block !important}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add.ng-hide-add-active,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-add,.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid.ng-hide-remove.ng-hide-remove-active{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.ui-grid-filter-container{padding:4px 10px;position:relative}.ui-grid-filter-container .ui-grid-filter-button{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:10px;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]:hover{opacity:1}.ui-grid-filter-container .ui-grid-filter-button-select{position:absolute;top:0;bottom:0;right:0}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]{position:absolute;top:50%;line-height:32px;margin-top:-16px;right:0px;opacity:.66}.ui-grid-filter-container .ui-grid-filter-button-select [class^="ui-grid-icon"]:hover{opacity:1}input[type="text"].ui-grid-filter-input{box-sizing:border-box;padding:0 18px 0 0;margin:0;width:100%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}input[type="text"].ui-grid-filter-input:hover{border:1px solid #d4d4d4}select.ui-grid-filter-select{padding:0;margin:0;border:0;width:90%;border:1px solid #d4d4d4;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}select.ui-grid-filter-select:hover{border:1px solid #d4d4d4}.ui-grid-filter-cancel-button-hidden select.ui-grid-filter-select{width:100%}.ui-grid-render-container{position:inherit;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-render-container:focus{outline:none}.ui-grid-viewport{min-height:20px;position:relative;overflow-y:scroll;-webkit-overflow-scrolling:touch}.ui-grid-viewport:focus{outline:none !important}.ui-grid-canvas{position:relative;padding-top:1px}.ui-grid-row{clear:both}.ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-row:last-child .ui-grid-cell{border-bottom-color:#d4d4d4;border-bottom-style:solid}.ui-grid-row:hover>[ui-grid-row]>.ui-grid-cell:hover .ui-grid-cell,.ui-grid-row:nth-child(odd):hover .ui-grid-cell,.ui-grid-row:nth-child(even):hover .ui-grid-cell{background-color:#d5eaee}.ui-grid-no-row-overlay{position:absolute;top:0;bottom:0;left:0;right:0;margin:10%;background-color:#f3f3f3;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #d4d4d4;font-size:2em;text-align:center}.ui-grid-no-row-overlay>*{position:absolute;display:table;margin:auto 0;width:100%;top:0;bottom:0;left:0;right:0;opacity:.66}.ui-grid-cell{overflow:hidden;float:left;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box}.ui-grid-cell:last-child{border-right:0}.ui-grid-cell-contents{padding:5px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;white-space:nowrap;-ms-text-overflow:ellipsis;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;height:100%}.ui-grid-cell-contents-hidden{visibility:hidden;width:0;height:0;display:none}.ui-grid-row .ui-grid-cell.ui-grid-row-header-cell{background-color:#F0F0EE;border-bottom:solid 1px #d4d4d4}.ui-grid-cell-empty{display:inline-block;width:10px;height:10px}.ui-grid-footer-info{padding:5px 10px}.ui-grid-footer-panel-background{background-color:#f3f3f3}.ui-grid-footer-panel{position:relative;border-bottom:1px solid #d4d4d4;border-top:1px solid #d4d4d4;overflow:hidden;font-weight:bold;background-color:#f3f3f3;-webkit-border-top-right-radius:-1px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:-1px;-moz-border-radius-topright:-1px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:-1px;border-top-right-radius:-1px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:-1px;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.ui-grid-grid-footer{float:left;width:100%}.ui-grid-footer-viewport,.ui-grid-footer-canvas{display:flex;flex:1 1 auto;height:100%}.ui-grid-footer-viewport{overflow:hidden}.ui-grid-footer-canvas{position:relative}.ui-grid-footer-canvas:before,.ui-grid-footer-canvas:after{content:"";display:table;line-height:0}.ui-grid-footer-canvas:after{clear:both}.ui-grid-footer-cell-wrapper{position:relative;display:table;box-sizing:border-box;height:100%}.ui-grid-footer-cell-row{display:table-row}.ui-grid-footer-cell{overflow:hidden;background-color:inherit;border-right:1px solid;border-color:#d4d4d4;box-sizing:border-box;display:table-cell}.ui-grid-footer-cell:last-child{border-right:0}.ui-grid-menu-button{z-index:2;position:absolute;right:0;top:0;background:#f3f3f3;border:0;border-left:1px solid #d4d4d4;border-bottom:1px solid #d4d4d4;cursor:pointer;height:32px;font-weight:normal}.ui-grid-menu-button .ui-grid-icon-container{margin-top:5px;margin-left:2px}.ui-grid-menu-button .ui-grid-menu{right:0}.ui-grid-menu-button .ui-grid-menu .ui-grid-menu-mid{overflow:scroll}.ui-grid-menu{overflow:hidden;max-width:320px;z-index:2;position:absolute;right:100%;padding:0 10px 20px 10px;cursor:pointer;box-sizing:border-box}.ui-grid-menu-item{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-grid-menu .ui-grid-menu-inner{background:#fff;border:1px solid #d4d4d4;position:relative;white-space:nowrap;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}.ui-grid-menu .ui-grid-menu-inner ul{margin:0;padding:0;list-style-type:none}.ui-grid-menu .ui-grid-menu-inner ul li{padding:0}.ui-grid-menu .ui-grid-menu-inner ul li .ui-grid-menu-item{color:#000;min-width:100%;padding:8px;text-align:left;background:transparent;border:none;cursor:default}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item{cursor:pointer}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:hover,.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item:focus{background-color:#b3c4c7}.ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item.ui-grid-menu-item-active{background-color:#9cb2b6}.ui-grid-menu .ui-grid-menu-inner ul li:not(:last-child)>.ui-grid-menu-item{border-bottom:1px solid #d4d4d4}.ui-grid-sortarrow{right:5px;position:absolute;width:20px;top:0;bottom:0;background-position:center}.ui-grid-sortarrow.down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@font-face{font-family:'ui-grid';src:url('fonts/ui-grid.eot');src:url('fonts/ui-grid.eot#iefix') format('embedded-opentype'),url('fonts/ui-grid.woff') format('woff'),url('fonts/ui-grid.ttf') format('truetype'),url('fonts/ui-grid.svg?#ui-grid') format('svg');font-weight:normal;font-style:normal}[class^="ui-grid-icon"]:before,[class*=" ui-grid-icon"]:before{font-family:"ui-grid";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.ui-grid-icon-blank::before{width:1em;content:' '}.ui-grid-icon-plus-squared:before{content:'\c350'}.ui-grid-icon-minus-squared:before{content:'\c351'}.ui-grid-icon-search:before{content:'\c352'}.ui-grid-icon-cancel:before{content:'\c353'}.ui-grid-icon-info-circled:before{content:'\c354'}.ui-grid-icon-lock:before{content:'\c355'}.ui-grid-icon-lock-open:before{content:'\c356'}.ui-grid-icon-pencil:before{content:'\c357'}.ui-grid-icon-down-dir:before{content:'\c358'}.ui-grid-icon-up-dir:before{content:'\c359'}.ui-grid-icon-left-dir:before{content:'\c35a'}.ui-grid-icon-right-dir:before{content:'\c35b'}.ui-grid-icon-left-open:before{content:'\c35c'}.ui-grid-icon-right-open:before{content:'\c35d'}.ui-grid-icon-angle-down:before{content:'\c35e'}.ui-grid-icon-filter:before{content:'\c35f'}.ui-grid-icon-sort-alt-up:before{content:'\c360'}.ui-grid-icon-sort-alt-down:before{content:'\c361'}.ui-grid-icon-ok:before{content:'\c362'}.ui-grid-icon-menu:before{content:'\c363'}.ui-grid-icon-indent-left:before{content:'\e800'}.ui-grid-icon-indent-right:before{content:'\e801'}.ui-grid-icon-spin5:before{content:'\ea61'}.ui-grid[dir=rtl] .ui-grid-header-cell,.ui-grid[dir=rtl] .ui-grid-footer-cell,.ui-grid[dir=rtl] .ui-grid-cell{float:right !important}.ui-grid[dir=rtl] .ui-grid-column-menu-button{position:absolute;left:1px;top:0;right:inherit}.ui-grid[dir=rtl] .ui-grid-cell:first-child,.ui-grid[dir=rtl] .ui-grid-header-cell:first-child,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child{border-right:0}.ui-grid[dir=rtl] .ui-grid-cell:last-child,.ui-grid[dir=rtl] .ui-grid-header-cell:last-child{border-right:1px solid #d4d4d4;border-left:0}.ui-grid[dir=rtl] .ui-grid-header-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-footer-cell:first-child .ui-grid-vertical-bar,.ui-grid[dir=rtl] .ui-grid-cell:first-child .ui-grid-vertical-bar{width:0}.ui-grid[dir=rtl] .ui-grid-menu-button{z-index:2;position:absolute;left:0;right:auto;background:#f3f3f3;border:1px solid #d4d4d4;cursor:pointer;min-height:27px;font-weight:normal}.ui-grid[dir=rtl] .ui-grid-menu-button .ui-grid-menu{left:0;right:auto}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button{right:initial;left:0}.ui-grid[dir=rtl] .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"]{right:initial;left:10px}.ui-grid-animate-spin{-moz-animation:ui-grid-spin 2s infinite linear;-o-animation:ui-grid-spin 2s infinite linear;-webkit-animation:ui-grid-spin 2s infinite linear;animation:ui-grid-spin 2s infinite linear;display:inline-block}@-moz-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-webkit-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-o-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@-ms-keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes ui-grid-spin{0%{-moz-transform:rotate(0deg);-o-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(359deg);-o-transform:rotate(359deg);-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.ui-grid-cell-focus{outline:0;background-color:#b3c4c7}.ui-grid-focuser{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%}.ui-grid-focuser:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-offscreen{display:block;position:absolute;left:-10000px;top:-10000px;clip:rect(0, 0, 0, 0)}.ui-grid-cell input{border-radius:inherit;padding:0;width:100%;color:inherit;height:auto;font:inherit;outline:none}.ui-grid-cell input:focus{color:inherit;outline:none}.ui-grid-cell input[type="checkbox"]{margin:9px 0 0 6px;width:auto}.ui-grid-cell input.ng-invalid{border:1px solid #fc8f8f}.ui-grid-cell input.ng-valid{border:1px solid #d4d4d4}.ui-grid-viewport .ui-grid-empty-base-layer-container{position:absolute;overflow:hidden;pointer-events:none;z-index:-1}.expandableRow .ui-grid-row:nth-child(odd) .ui-grid-cell{background-color:#fdfdfd}.expandableRow .ui-grid-row:nth-child(even) .ui-grid-cell{background-color:#f3f3f3}.ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:none}.ui-grid-expandable-buttons-cell i{pointer-events:all}.scrollFiller{float:left;border:1px solid #d4d4d4}.ui-grid-tree-header-row{font-weight:bold !important}.movingColumn{position:absolute;top:0;border:1px solid #d4d4d4;box-shadow:inset 0 0 14px rgba(0,0,0,0.2)}.movingColumn .ui-grid-icon-angle-down{display:none}.ui-grid-pager-panel{display:flex;justify-content:space-between;align-items:center;position:absolute;left:0;bottom:0;width:100%;padding-top:3px;padding-bottom:3px;box-sizing:content-box}.ui-grid-pager-container{float:left}.ui-grid-pager-control{padding:5px 0;display:flex;flex-flow:row nowrap;align-items:center;margin-right:10px;margin-left:10px;min-width:135px;float:left}.ui-grid-pager-control button,.ui-grid-pager-control span,.ui-grid-pager-control input{margin-right:4px}.ui-grid-pager-control button{height:25px;min-width:26px;display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;touch-action:manipulation;cursor:pointer;background:#f3f3f3;border:1px solid #ccc;white-space:nowrap;padding:6px 12px;font-size:14px;line-height:1.42857143;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#eee}.ui-grid-pager-control button:hover{border-color:#adadad;text-decoration:none}.ui-grid-pager-control button:focus{border-color:#8c8c8c;text-decoration:none;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-pager-control button:active{border-color:#adadad;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.ui-grid-pager-control button:active:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.ui-grid-pager-control button:active:hover,.ui-grid-pager-control button:active:focus{background-color:#c8c8c8;border-color:#8c8c8c}.ui-grid-pager-control button:hover,.ui-grid-pager-control button:focus,.ui-grid-pager-control button:active{color:#eee;background:#dadada}.ui-grid-pager-control button[disabled]{cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.ui-grid-pager-control button[disabled]:hover,.ui-grid-pager-control button[disabled]:focus{background-color:#f3f3f3;border-color:#ccc}.ui-grid-pager-control input{display:inline;height:26px;width:50px;vertical-align:top;color:#555555;background:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.ui-grid-pager-control input:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-pager-control input[disabled],.ui-grid-pager-control input[readonly],.ui-grid-pager-control input::-moz-placeholder{opacity:1}.ui-grid-pager-control input::-moz-placeholder,.ui-grid-pager-control input:-ms-input-placeholder,.ui-grid-pager-control input::-webkit-input-placeholder{color:#999}.ui-grid-pager-control input::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-control input[disabled],.ui-grid-pager-control input[readonly]{background-color:#eeeeee}.ui-grid-pager-control input[disabled]{cursor:not-allowed}.ui-grid-pager-control .ui-grid-pager-max-pages-number{vertical-align:bottom}.ui-grid-pager-control .ui-grid-pager-max-pages-number>*{vertical-align:bottom}.ui-grid-pager-control .ui-grid-pager-max-pages-number abbr{border-bottom:none;text-decoration:none}.ui-grid-pager-control .first-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:-3px}.ui-grid-pager-control .first-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-7px}.ui-grid-pager-control .first-triangle{width:0;height:0;border-style:solid;border-width:5px 8.7px 5px 0;border-color:transparent #4d4d4d transparent transparent;margin-left:2px}.ui-grid-pager-control .next-triangle{margin-left:1px}.ui-grid-pager-control .prev-triangle{margin-left:0}.ui-grid-pager-control .last-triangle{width:0;height:0;border-style:solid;border-width:5px 0 5px 8.7px;border-color:transparent transparent transparent #4d4d4d;margin-left:-1px}.ui-grid-pager-control .last-bar{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-left:1px}.ui-grid-pager-control .last-bar-rtl{width:10px;border-left:2px solid #4d4d4d;margin-top:-6px;height:12px;margin-right:-11px}.ui-grid-pager-row-count-picker{float:left;padding:5px 10px}.ui-grid-pager-row-count-picker select{color:#555555;background:#fff;border:1px solid #ccc;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;-o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px;height:25px;width:67px;display:inline;vertical-align:middle}.ui-grid-pager-row-count-picker select:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.ui-grid-pager-row-count-picker select[disabled],.ui-grid-pager-row-count-picker select[readonly],.ui-grid-pager-row-count-picker select::-moz-placeholder{opacity:1}.ui-grid-pager-row-count-picker select::-moz-placeholder,.ui-grid-pager-row-count-picker select:-ms-input-placeholder,.ui-grid-pager-row-count-picker select::-webkit-input-placeholder{color:#999}.ui-grid-pager-row-count-picker select::-ms-expand{border:0;background-color:transparent}.ui-grid-pager-row-count-picker select[disabled],.ui-grid-pager-row-count-picker select[readonly]{background-color:#eeeeee}.ui-grid-pager-row-count-picker select[disabled]{cursor:not-allowed}.ui-grid-pager-row-count-picker .ui-grid-pager-row-count-label{margin-top:3px}.ui-grid-pager-count-container{float:right;margin-top:4px;min-width:50px}.ui-grid-pager-count-container .ui-grid-pager-count{margin-right:10px;margin-left:10px;float:right}.ui-grid-pager-count-container .ui-grid-pager-count abbr{border-bottom:none;text-decoration:none}.ui-grid-pinned-container{position:absolute;display:inline;top:0}.ui-grid-pinned-container.ui-grid-pinned-container-left{float:left;left:0}.ui-grid-pinned-container.ui-grid-pinned-container-right{float:right;right:0}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child{box-sizing:border-box;border-right:1px solid;border-width:1px;border-right-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child .ui-grid-vertical-bar{right:-1px;width:1px;background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child{box-sizing:border-box;border-left:1px solid;border-width:1px;border-left-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar,.ui-grid-pinned-container .ui-grid-cell:not(:first-child) .ui-grid-vertical-bar{width:1px}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:not(:first-child) .ui-grid-vertical-bar{background-color:#d4d4d4}.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:not(:last-child) .ui-grid-vertical-bar{background-color:#aeaeae}.ui-grid-pinned-container.ui-grid-pinned-container-first .ui-grid-header-cell:first-child .ui-grid-vertical-bar{left:-1px;width:1px;background-color:#aeaeae}.ui-grid-column-resizer{top:0;bottom:0;width:5px;position:absolute;cursor:col-resize}.ui-grid-column-resizer.left{left:0}.ui-grid-column-resizer.right{right:0}.ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:1px solid #d4d4d4}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.right{border-right:0}.ui-grid[dir=rtl] .ui-grid-header-cell:last-child .ui-grid-column-resizer.left{border-left:1px solid #d4d4d4}.ui-grid.column-resizing{cursor:col-resize;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ui-grid.column-resizing .ui-grid-resize-overlay{position:absolute;top:0;height:100%;width:1px;background-color:#aeaeae}.ui-grid-row-saving .ui-grid-cell{color:#848484 !important}.ui-grid-row-dirty .ui-grid-cell{color:#610B38}.ui-grid-row-error .ui-grid-cell{color:#FF0000 !important}.ui-grid-row.ui-grid-row-selected>[ui-grid-row]>.ui-grid-cell{background-color:#C9DDE1}.ui-grid-disable-selection{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.ui-grid-selection-row-header-buttons{display:flex;align-items:center;height:100%;cursor:pointer}.ui-grid-selection-row-header-buttons::before{opacity:.1}.ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,.ui-grid-selection-row-header-buttons.ui-grid-all-selected::before{opacity:1}.ui-grid-tree-row-header-buttons.ui-grid-tree-header{cursor:pointer;opacity:1}.ui-grid-tree-header-row{font-weight:bold !important}.ui-grid-tree-header-row .ui-grid-cell.ui-grid-disable-selection.ui-grid-row-header-cell{pointer-events:all}.ui-grid-cell-contents.invalid{border:1px solid #fc8f8f}
@charset "UTF-8";
/*!
*
* Angle - Bootstrap Admin App + jQuery
*
* Version: 3.6
* Author: @themicon_co
* Website: http://themicon.co
* License: https://wrapbootstrap.com/help/licenses
*
*/
/* ========================================================================
[Table of contents]
1. Bootstrap reset
1.1 bootstrap
1.2 bootstrap-reset
2. Typography
2.1 typo
3. Layout
3.1 layout / .wrapper .content-wrapper
3.2 top-navbar / .top-navbar
3.3 sidebar / .sidebar
3.4 offsidebar / .offsidebar
4. Components
4.1 button-extra
4.2 placeholder / .box-placeholder
4.3 panels
4.4 progress-extra
4.5 radial-bar / .radial-bar
4.6 user-block / .user-block
4.7 circles / .circle
4.8 timeline / .timeline
4.9 dropdown-extra
4.10 row-extra / .row-table .row-flush
4.11 half-float / .half-float
4.12 masonry-grid / .row-masonry
4.13 widget / .widget
4.14 typeahead / .typeahead-ctrl
4.15 animate
4.16 table-grid
4.17 todo / .todo
4.18 nestable
5. Charts
5.1 chart-flot / .flot-chart
5.2 chart-easypie / .easypie-chart
6. Form elements
6.1 form-elements
6.2 form-validation
6.3 form-tags
6.4 form-wizard
6.5 form-imgcrop
7. Tables
7.1 datatable
7.2 table-extras
7.3 jqgrid
8. Plugins
8.1 plugins
8.2 slim-scroll / .slimScrollBar
8.3 alerts / .alerts
8.4 notifiy / .notifiy
8.5 calendar / .fc-*
8.6 spinner / .whirl
8.7 gmap / .gmap
8.8 vector-map / vector-map
8.9 portlets / .portlet
9. Utilities
9.1 utils
10. Print CSS
10.1 print
11. Settings
11.1 settings
12. Documentation
12.1 docs
========================================================================== */
/* ========================================================================
Component: bootstrap-reset.less
========================================================================== */
/*@import url(//fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,400italic);
.glyphicon {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon.fa-pull-left {
margin-right: 0.3em;
}
.glyphicon.fa-pull-right {
margin-left: 0.3em;
}
.glyphicon.pull-left {
margin-right: 0.3em;
}
.glyphicon.pull-right {
margin-left: 0.3em;
}
.glyphicon.glyphicon-chevron-left:before {
content: "\f053";
}
.glyphicon.glyphicon-chevron-right:before {
content: "\f054";
}
.glyphicon.glyphicon-chevron-up:before {
content: "\f077";
}
.glyphicon.glyphicon-chevron-down:before {
content: "\f078";
}
.glyphicon.glyphicon-folder-open:before {
content: "\f07c";
}*/
*:focus {
outline: 0 !important;
}
a {
outline: none !important;
}
a.text-muted:hover,
a.text-muted:focus {
color: #748690;
}
hr {
border-top: 1px solid #e4eaec;
}
[data-now] {
display: inline-block;
}
.navbar-toggle .icon-bar {
background-color: #fff;
}
.list-group {
line-height: 1.3;
}
.list-group .list-group-item {
padding: 10px;
}
.panel > .list-group .list-group-item {
border-top: 0;
}
.page-header {
border-bottom-color: #e4eaec;
}
.panel .panel-heading {
border-bottom: 0;
font-size: 14px;
}
.panel .panel-heading a {
text-decoration: none !important;
}
.panel.panel-default {
border-top-width: 3px;
}
.well {
border: 1px solid #dde6e9;
}
.jumbotron {
border: 1px solid #dde6e9;
}
@media only screen and (min-width: 768px) {
.jumbotron {
padding: 30px 15px;
}
}
.nav-tabs > li > a {
font-weight: bold;
color: #515253;
background-color: #edf1f2;
margin: 0;
border: 1px solid #dde6e9;
border-radius: 0;
padding: 10px 20px;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: inherit;
border-bottom-color: #fff;
}
.tab-content {
padding: 10px 20px;
border-style: solid;
border-width: 0 1px 1px 1px;
border-color: #dde6e9;
}
.nav-pills + .tab-content {
border: 0;
padding: 0;
}
.btn {
border-radius: 3px;
font-size: 13px;
border-color: transparent;
-webkit-appearance: none;
outline: none !important;
-webkit-transition: all 0.1s;
-o-transition: all 0.1s;
transition: all 0.1s;
}
.btn.btn-link {
box-shadow: none;
border: 0;
}
.btn.btn-default {
border-color: #eaeaea;
}
.input-group .btn {
font-size: 14px;
border-color: #dde6e9;
}
.input-group .input-sm + .input-group-btn .btn {
font-size: 13px;
}
.form-control {
box-shadow: 0 0 0 #000 !important;
}
.input-sm,
select.input-sm {
height: 31px;
}
fieldset {
padding-bottom: 20px;
border-bottom: 1px dashed #eee;
margin-bottom: 20px;
}
fieldset.last-child,
fieldset:last-child {
border-bottom: 0;
}
fieldset .form-group {
margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"] {
-webkit-appearance: none;
}
}
.table > thead > tr > th {
border-bottom-width: 1px;
}
.table > tbody + tbody {
border-bottom-width: 1px;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 1px;
}
.progress {
-webkit-box-shadow: 0 0 0 #000;
box-shadow: 0 0 0 #000;
border-radius: 3px;
border: 1px solid #f1f1f1;
background-color: #fff;
}
.progress .progress-bar {
-webkit-box-shadow: 0 0 0 #000;
box-shadow: 0 0 0 #000;
}
.popover {
box-shadow: 0 0 0 #000;
border-color: #eee;
border-bottom: 2px solid #e4eaec;
border-radius: 3px;
}
.popover .popover-title {
border: 0;
}
.nav.nav-pills .active > a {
background-color: #5d9cec;
}
.dropdown-menu {
border-radius: 3px;
}
.dropdown-header {
color: #a1a2a3;
}
.navbar-top .navbar-nav > .active > a {
color: #999;
}
.navbar-top .navbar-nav > .active > a:hover,
.navbar-top .navbar-nav > .active > a:focus {
color: #d1d2d3;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #666;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #222;
}
.carousel .carousel-indicators {
bottom: 0;
}
.carousel .carousel-control.left,
.carousel .carousel-control.right {
background-image: none;
}
.carousel .carousel-control em {
position: absolute;
top: 50%;
left: 50%;
z-index: 5;
display: inline-block;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
}
.modal-backdrop {
position: fixed;
bottom: 0;
}
.topnavbar,
.navbar,
.navbar .dropdown-menu {
filter: none !important;
}
/* ========================================================================
Component: typo.less
========================================================================== */
body {
font-family: "Source Sans Pro", sans-serif;
color: #656565;
}
h1,
h2,
h3,
h4 {
font-weight: bold;
}
/* ========================================================================
Component: layout.less
========================================================================== */
html {
/* @replace rtl */
direction: ltr;
height: 100%;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
html,
body {
height: 100%;
}
.wrapper {
position: relative;
width: 100%;
height: auto;
min-height: 100%;
overflow-x: hidden;
}
.wrapper.ng-leave {
display: none;
}
.wrapper > .aside {
position: absolute;
width: 220px;
top: 0;
left: 0;
bottom: 0;
z-index: 116;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
background-color: #fff;
}
.wrapper > .aside .aside-inner {
padding-top: 110px;
height: 100%;
width: 220px;
overflow: hidden;
}
.wrapper > .aside > .nav-floating {
left: inherit;
margin-left: 220px;
z-index: 1110;
min-width: 190px;
overflow: auto;
}
.wrapper .dropdown-backdrop {
z-index: 109;
}
.wrapper > section {
position: relative;
height: 100%;
margin-left: 0;
z-index: 111;
background-color: #f5f7fa;
margin-bottom: 60px !important;
}
.wrapper > footer {
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 60px;
border-top: 1px solid #e4eaec;
padding: 20px;
z-index: 109;
}
.wrapper > footer > p {
margin: 0;
}
.modal-open .wrapper {
z-index: 0;
}
.content-wrapper {
padding: 15px;
width: 100%;
border-top: 1px solid rgba(0, 0, 0, 0.15);
margin-top: -1px;
}
.content-wrapper > .unwrap {
margin: -15px;
}
@media only screen and (min-width: 768px) {
.content-wrapper > .unwrap {
margin: -20px;
}
}
.content-wrapper > h3,
.content-wrapper > .content-heading {
font-size: 24px;
line-height: 1.1;
color: #929292;
margin: -15px;
margin-bottom: 20px;
padding: 15px;
background-color: #fafbfc;
border-bottom: 1px solid #cfdbe2;
}
.content-wrapper > h3 > small,
.content-wrapper > .content-heading > small {
display: block;
font-size: 12px;
color: #909FA7;
}
.content-wrapper > button,
.content-wrapper > .btn {
margin: 10px 10px 0 0;
}
.content-wrapper .container,
.content-wrapper .container-fluid {
padding-left: 0;
padding-right: 0;
}
@media only screen and (min-width: 768px) {
.content-wrapper {
padding: 20px;
}
.content-wrapper > h3,
.content-wrapper > .content-heading {
margin: -20px;
margin-bottom: 20px;
padding: 20px;
}
.content-wrapper > button,
.content-wrapper > .btn {
margin: 0;
}
}
@media only screen and (min-width: 768px) {
body {
min-height: 100%;
}
.wrapper > .aside .aside-inner {
padding-top: 55px;
}
.wrapper > section,
.wrapper > footer {
margin-left: 220px;
}
.wrapper > section.has-sidebar-right {
margin-right: 240px;
}
.wrapper > section.has-sidebar-right + .offsidebar {
z-index: 1;
}
}
@media only screen and (max-width: 767px) {
.wrapper > .aside {
margin-left: -220px;
}
.aside-toggled .wrapper > section,
.aside-toggled .wrapper > footer {
margin-left: 220px;
}
.aside-toggled .wrapper > .aside {
margin-left: 0;
}
.csstransforms3d .wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.csstransforms3d .wrapper > section,
.csstransforms3d .wrapper > footer {
margin-left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
}
.csstransforms3d .wrapper > .aside {
margin-left: 0;
-webkit-transform: translate3d(-220px, 0, 0);
transform: translate3d(-220px, 0, 0);
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
}
.csstransforms3d .aside-toggled .wrapper > section,
.csstransforms3d .aside-toggled .wrapper > footer {
-webkit-transform: translate3d(220px, 0, 0);
transform: translate3d(220px, 0, 0);
}
.csstransforms3d .aside-toggled .wrapper > .aside {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@media only screen and (max-width: 767px) {
.aside-collapsed .wrapper > .aside {
margin-left: -70px;
}
.aside-collapsed.aside-toggled .wrapper > section,
.aside-collapsed.aside-toggled .wrapper > footer {
margin-left: 70px;
}
.aside-collapsed.aside-toggled .wrapper > .aside {
margin-left: 0;
}
.csstransforms3d .aside-collapsed .wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.csstransforms3d .aside-collapsed .wrapper > section,
.csstransforms3d .aside-collapsed .wrapper > footer {
margin-left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
}
.csstransforms3d .aside-collapsed .wrapper > .aside {
margin-left: 0;
-webkit-transform: translate3d(-70px, 0, 0);
transform: translate3d(-70px, 0, 0);
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
}
.csstransforms3d .aside-collapsed.aside-toggled .wrapper > section,
.csstransforms3d .aside-collapsed.aside-toggled .wrapper > footer {
-webkit-transform: translate3d(70px, 0, 0);
transform: translate3d(70px, 0, 0);
}
.csstransforms3d .aside-collapsed.aside-toggled .wrapper > .aside {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.aside-collapsed {
overflow-y: auto;
}
.aside-collapsed .wrapper > .aside,
.aside-collapsed .wrapper > .aside > .aside-inner {
width: 70px;
}
.aside-collapsed .wrapper > .aside > .nav-floating {
margin-left: 70px;
}
@media only screen and (min-width: 768px) {
.aside-collapsed .wrapper > section,
.aside-collapsed .wrapper > footer {
margin-left: 70px;
}
}
@media only screen and (max-width: 767px) {
.aside-collapsed-text .wrapper > .aside {
margin-left: -90px;
}
.aside-collapsed-text.aside-toggled .wrapper > section,
.aside-collapsed-text.aside-toggled .wrapper > footer {
margin-left: 90px;
}
.aside-collapsed-text.aside-toggled .wrapper > .aside {
margin-left: 0;
}
.csstransforms3d .aside-collapsed-text .wrapper {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
backface-visibility: hidden;
}
.csstransforms3d .aside-collapsed-text .wrapper > section,
.csstransforms3d .aside-collapsed-text .wrapper > footer {
margin-left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
}
.csstransforms3d .aside-collapsed-text .wrapper > .aside {
margin-left: 0;
-webkit-transform: translate3d(-90px, 0, 0);
transform: translate3d(-90px, 0, 0);
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
}
.csstransforms3d .aside-collapsed-text.aside-toggled .wrapper > section,
.csstransforms3d .aside-collapsed-text.aside-toggled .wrapper > footer {
-webkit-transform: translate3d(90px, 0, 0);
transform: translate3d(90px, 0, 0);
}
.csstransforms3d .aside-collapsed-text.aside-toggled .wrapper > .aside {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.aside-collapsed-text {
overflow-y: auto;
}
.aside-collapsed-text .wrapper > .aside,
.aside-collapsed-text .wrapper > .aside > .aside-inner {
width: 90px;
}
.aside-collapsed-text .wrapper > .aside > .nav-floating {
margin-left: 90px;
}
@media only screen and (min-width: 768px) {
.aside-collapsed-text .wrapper > section,
.aside-collapsed-text .wrapper > footer {
margin-left: 90px;
}
}
@media (max-width: 1140px) {
.layout-fixed.aside-toggled,
.layout-fixed.offsidebar-open {
overflow-y: hidden;
}
}
.layout-fixed .wrapper {
/* only applied to sidebar */
}
.layout-fixed .wrapper .topnavbar-wrapper {
position: fixed;
top: 0;
width: 100%;
z-index: 121;
}
.layout-fixed .wrapper > aside {
position: fixed;
}
.layout-fixed .wrapper > .aside {
/* safari fix */
height: 1px;
min-height: 100%;
/* ios blanks space fix */
}
.layout-fixed .wrapper > .aside > .aside-inner {
position: fixed;
top: 0;
bottom: 0;
}
.layout-fixed .wrapper > section {
margin-top: 114px;
}
@media only screen and (min-width: 768px) {
.layout-fixed .wrapper > section {
margin-top: 55px;
}
}
/* IE10+ hack: safari fix breaks ie so we need to target ie only to restore */
_:-ms-lang(x),
.layout-fixed .wrapper > .aside > .aside-inner {
position: static !important;
}
@media only screen and (min-width: 992px) {
.layout-boxed {
overflow: auto !important;
}
.layout-boxed .wrapper {
margin: 0 auto;
overflow: hidden;
box-shadow: 0 0 13px rgba(0, 0, 0, 0.25);
}
.layout-boxed .wrapper .offsidebar {
position: absolute !important;
}
.layout-boxed .wrapper > .aside {
left: inherit;
}
.layout-boxed .wrapper,
.layout-boxed .wrapper .topnavbar-wrapper {
width: 970px;
}
.layout-boxed.layout-fixed .wrapper > .aside > .aside-inner {
left: inherit;
}
}
@media only screen and (min-width: 1200px) {
.layout-boxed .wrapper,
.layout-boxed .wrapper .topnavbar-wrapper {
width: 1140px;
}
}
/* ========================================================================
Component: layout-extra.less
========================================================================== */
.hidden-footer .wrapper > footer {
display: none;
}
.hidden-footer .wrapper > section {
margin-bottom: 0 !important;
}
.layout-fs .wrapper > section {
position: absolute;
top: 114px;
left: 0;
right: 0;
bottom: 60px;
height: auto;
margin-top: 0 !important;
margin-bottom: 0 !important;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
@media only screen and (min-width: 480px) {
.layout-fs .wrapper > section {
overflow: hidden;
}
}
@media only screen and (min-width: 768px) {
.layout-fs .wrapper > section {
top: 55px;
}
}
.layout-fs .wrapper > section > .content-wrapper {
width: 100%;
height: 100%;
padding: 0;
}
.layout-fs.hidden-footer .wrapper > section {
bottom: 0;
}
.d-table,
.d-table-fixed {
display: table;
width: 100%;
height: 100%;
min-height: 240px;
border-spacing: 0;
}
.d-table-fixed {
table-layout: fixed;
}
.d-row {
display: table-row;
height: 100%;
}
.d-cell,
.d-cell-wrapper {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: top;
overflow: auto;
}
.d-cell-wrapper {
display: block;
}
.d-cell-wrapper .d-cell-inner {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
@media only screen and (max-width: 767px) {
.d-table-fixed {
display: block;
}
.d-table-fixed > .d-cell {
display: block;
width: auto;
height: auto;
}
}
/* Target Firefox only */
@-moz-document url-prefix() {
.d-table,
.d-table-desktop {
height: 240px;
min-height: 100%;
}
.d-cell-inner {
overflow: auto;
}
}
.fh {
height: 100% !important;
}
.fw {
width: 100% !important;
}
.scroll {
overflow: auto;
}
.scroll-y {
overflow-y: auto;
}
.scroll-y {
overflow-y: auto;
}
.layout-h .wrapper > section {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.layout-h .wrapper > section > .content-wrapper > h3 {
display: none;
}
.layout-h .wrapper > section {
margin-top: 0;
}
.layout-h .wrapper > .offsidebar {
margin-top: 55px;
}
.layout-h .wrapper > footer {
margin: 0;
}
.layout-h.layout-fixed .wrapper > section,
.layout-h.layout-fixed .wrapper > .offsidebar {
margin-top: 55px;
}
.aside-float .wrapper {
box-shadow: 0 0 0 #000;
}
.aside-float .wrapper > footer {
border: 0;
}
.aside-float .wrapper > .aside {
padding: 15px 0;
background: transparent;
}
.aside-float .wrapper > .aside > .aside-inner {
height: 100%;
top: 15px;
bottom: 15px;
left: inherit;
}
.aside-float .wrapper > .aside .sidebar {
border: 1px solid #e4eaec;
}
.aside-float .wrapper > .aside .sidebar:after {
display: none;
}
@media only screen and (min-width: 768px) {
.aside-float .wrapper > section {
padding-left: 15px;
}
.aside-float .wrapper > footer {
left: 15px;
}
}
.aside-float .wrapper .content-wrapper {
border: 0;
}
.aside-float .wrapper .content-wrapper > h3,
.aside-float .wrapper .content-wrapper > .content-heading {
padding-top: 30px;
border: 0;
background-color: transparent;
}
.aside-float .wrapper .content-wrapper > .unwrap {
margin: 0 !important;
}
.aside-float.aside-toggled .wrapper > .aside {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
.aside-float.aside-toggled .wrapper > .aside > .aside-inner {
margin-left: 15px;
}
.aside-float.aside-toggled .wrapper > section {
padding-left: 15px;
}
.aside-float.aside-toggled .wrapper > footer {
left: 15px;
}
@media only screen and (min-width: 768px) {
.aside-float.aside-collapsed .topnavbar .navbar-header {
width: 100px;
}
.aside-float.aside-collapsed-text .topnavbar .navbar-header {
width: 120px;
}
.aside-float.layout-fs .wrapper > section > .content-wrapper {
padding: 0 0 0 20px;
}
.aside-float .wrapper > .aside > .aside-inner {
margin-left: 15px;
}
}
@media only screen and (min-width: 992px) {
.aside-float.layout-boxed .wrapper > .aside > .aside-inner {
margin-left: 0;
}
.aside-float.layout-boxed .wrapper > section {
padding-left: 0;
}
}
.aside-float.aside-toggled.layout-fs .wrapper > section > .content-wrapper {
padding: 0 0 0 20px;
}
/* ========================================================================
Component: layout-animation.less
========================================================================== */
.wrapper > .aside {
-webkit-transition: width .2s cubic-bezier(0.35, 0, 0.25, 1), translate .2s cubic-bezier(0.35, 0, 0.25, 1);
-o-transition: width .2s cubic-bezier(0.35, 0, 0.25, 1), translate .2s cubic-bezier(0.35, 0, 0.25, 1);
transition: width .2s cubic-bezier(0.35, 0, 0.25, 1), translate .2s cubic-bezier(0.35, 0, 0.25, 1);
}
.aside-inner,
.navbar-header,
.sidebar > .nav > li {
-webkit-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
-o-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.wrapper > section {
-webkit-transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1);
-o-transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1);
transition: margin-left 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.sidebar > .nav .label {
-webkit-animation: fadeInRight 1s;
-o-animation: fadeInRight 1s;
animation: fadeInRight 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.aside-collapsed .sidebar > .nav .label,
.aside-collapsed-text .sidebar > .nav .label {
-webkit-animation: fadeIn 1s;
-o-animation: fadeIn 1s;
animation: fadeIn 1s;
}
.sidebar .nav > li > a {
-webkit-animation: fadeInLeft 0.5s;
-o-animation: fadeInLeft 0.5s;
animation: fadeInLeft 0.5s;
}
.sidebar > .nav > .nav-heading,
.sidebar > .nav > li > a > span,
.navbar-brand .brand-logo {
-webkit-animation: fadeIn 1s;
-o-animation: fadeIn 1s;
animation: fadeIn 1s;
}
.sidebar li > a,
.sidebar li > .nav-item,
.sidebar > .nav > .nav-heading {
white-space: nowrap;
}
.aside-collapsed .user-block-picture,
.aside-collapsed-text .user-block-picture {
-webkit-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
-o-transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
transition: width 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
.aside-collapsed .user-block,
.aside-collapsed-text .user-block {
-webkit-transition: padding 0.2s cubic-bezier(0.35, 0, 0.25, 1);
-o-transition: padding 0.2s cubic-bezier(0.35, 0, 0.25, 1);
transition: padding 0.2s cubic-bezier(0.35, 0, 0.25, 1);
}
/* ========================================================================
Component: top-navbar.less
========================================================================== */
.topnavbar {
-webkit-backface-visibility: hidden;
/* fixes chrome jump */
margin-bottom: 0;
border-radius: 0;
background-color: #fff;
z-index: 1050;
border: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) {
.topnavbar .navbar-header {
width: 220px;
text-align: center;
}
.topnavbar .navbar-header .navbar-brand {
width: 100%;
}
}
.topnavbar {
position: relative;
}
.topnavbar .navbar-header {
background-color: transparent;
background-image: -webkit-linear-gradient(left, #23b7e5 0%, #51c6ea 100%);
background-image: -o-linear-gradient(left, #23b7e5 0%, #51c6ea 100%);
background-image: linear-gradient(to right, #23b7e5 0%, #51c6ea 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23b7e5', endColorstr='#ff51c6ea', GradientType=1);
}
@media only screen and (min-width: 768px) {
.topnavbar .navbar-header {
background-image: none;
}
}
.topnavbar .navbar-header {
position: relative;
z-index: 11;
}
.topnavbar .navbar-header .navbar-brand {
padding: 0;
}
.topnavbar .navbar-header .brand-logo > img,
.topnavbar .navbar-header .brand-logo-collapsed > img {
margin: 0 auto;
}
.topnavbar .navbar-header .brand-logo {
display: block;
padding: 10px 15px;
}
.topnavbar .navbar-header .brand-logo-collapsed {
display: none;
padding: 6px 15px;
}
.topnavbar .navbar-nav > li > .navbar-text {
color: #23b7e5;
}
.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
color: #23b7e5;
}
.topnavbar .navbar-nav > li > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
color: #117391;
}
.topnavbar .navbar-nav > .active > a,
.topnavbar .navbar-nav > .open > a,
.topnavbar .navbar-nav > .active > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .active > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
background-color: transparent;
}
.topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
position: absolute;
top: 0;
right: 0;
z-index: 20;
font-size: 16px;
line-height: 55px;
color: #fff;
padding-top: 0;
padding-bottom: 0;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
@media only screen and (min-width: 768px) {
.topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
color: #fff;
}
}
@media only screen and (max-width: 767px) {
.topnavbar .navbar-text {
margin: 10px;
}
}
@media only screen and (max-width: 767px) {
.sidebar-toggle {
position: absolute !important;
top: 5px;
right: 0;
z-index: 3001;
}
.sidebar-toggle > em {
color: white;
}
}
.nav-wrapper {
padding: 0 15px;
background-color: transparent;
}
.nav-wrapper .nav.navbar-nav {
float: left;
}
.nav-wrapper .nav.navbar-nav.navbar-right {
float: right;
}
.nav-wrapper .nav > li {
position: static;
float: left;
}
.nav-wrapper .navbar-nav .open .dropdown-menu {
position: absolute;
background-color: #ffffff;
left: 0px;
right: 0px;
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
}
.topnavbar .navbar-form {
position: absolute;
top: -100%;
left: 0;
right: 0;
margin: 0;
padding: 0;
height: 55px;
z-index: 9001;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
border: 0;
border-bottom: 1px solid #e1e2e3;
}
.topnavbar .navbar-form .form-group {
height: 100%;
width: 100%;
}
.topnavbar .navbar-form .form-control {
height: 100%;
border: 0;
border-radius: 0;
width: 100%;
}
.topnavbar .navbar-form.open {
top: 0;
}
.topnavbar .navbar-form .has-feedback .form-control-feedback {
height: 30px;
cursor: pointer;
top: 50%;
margin-top: -15px;
line-height: 30px;
margin-right: 10px;
color: #c1c2c3;
font-size: 1.5em;
pointer-events: auto;
}
@media only screen and (min-width: 768px) {
.topnavbar .navbar-form {
left: 220px;
}
}
@media only screen and (min-width: 768px) {
.topnavbar {
border: 0;
background-color: #23b7e5;
background-image: -webkit-linear-gradient(left, #23b7e5 0%, #51c6ea 100%);
background-image: -o-linear-gradient(left, #23b7e5 0%, #51c6ea 100%);
background-image: linear-gradient(to right, #23b7e5 0%, #51c6ea 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff23b7e5', endColorstr='#ff51c6ea', GradientType=1);
}
.topnavbar .navbar-header {
background-image: none;
background-repeat: no-repeat;
filter: none;
}
.topnavbar .navbar-nav > a {
box-shadow: 0 0 0 #000 inset;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.topnavbar .navbar-nav > .open > a,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > .open > a:focus {
box-shadow: 0 -3px 0 #19a5d1 inset;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
}
.topnavbar .navbar-nav > li > .navbar-text {
color: #fff;
}
.topnavbar .navbar-nav > li > a,
.topnavbar .navbar-nav > .open > a {
color: #fff;
}
.topnavbar .navbar-nav > li > a:hover,
.topnavbar .navbar-nav > .open > a:hover,
.topnavbar .navbar-nav > li > a:focus,
.topnavbar .navbar-nav > .open > a:focus {
color: #117391;
}
.topnavbar .navbar-nav > li > [data-toggle='navbar-search'] {
position: static;
}
.nav-wrapper {
position: relative;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
z-index: 10;
}
.nav-wrapper:before,
.nav-wrapper:after {
content: " ";
display: table;
}
.nav-wrapper:after {
clear: both;
}
.nav-wrapper .nav > li {
position: relative;
}
.nav-wrapper .navbar-nav .open .dropdown-menu {
left: auto;
right: auto;
}
.nav-wrapper .navbar-nav.navbar-right .open .dropdown-menu {
left: auto;
right: 0;
}
}
@media only screen and (min-width: 768px) {
.aside-collapsed .topnavbar .navbar-header .brand-logo {
display: none;
}
.aside-collapsed .topnavbar .navbar-header .brand-logo-collapsed {
display: block;
}
.aside-collapsed .topnavbar .navbar-header {
width: 70px;
}
.aside-collapsed .topnavbar .navbar-form {
left: 70px;
}
}
@media only screen and (min-width: 768px) {
.aside-collapsed-text .topnavbar .navbar-header .brand-logo {
display: none;
}
.aside-collapsed-text .topnavbar .navbar-header .brand-logo-collapsed {
display: block;
}
.aside-collapsed-text .topnavbar .navbar-header {
width: 90px;
}
.aside-collapsed-text .topnavbar .navbar-form {
left: 90px;
}
}
/* ========================================================================
Component: sidebar.less
========================================================================== */
.sidebar {
height: 100%;
padding-bottom: 20px;
background-color: #fff;
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}
.sidebar:after {
content: "";
background: rgba(0, 0, 0, 0.15);
position: absolute;
display: block;
top: 0;
bottom: 0;
right: 0;
width: 1px;
-webkit-transform: translateZ(0px);
}
.sidebar .nav-heading {
padding: 12px 15px;
color: #919DA8;
font-size: 13px;
letter-spacing: .035em;
pointer-events: none;
cursor: default;
}
.sidebar > .nav {
position: relative;
}
.sidebar > .nav > .nav-heading:first-child {
padding-top: 20px;
}
.sidebar > .nav > li {
border-left: 3px solid transparent;
-webkit-transition: border-left-color 0.4s ease;
-o-transition: border-left-color 0.4s ease;
transition: border-left-color 0.4s ease;
}
.sidebar > .nav > li > a,
.sidebar > .nav > li > .nav-item {
padding: 12px 24px;
color: #515253;
letter-spacing: .025em;
cursor: pointer;
}
.sidebar > .nav > li > a:focus,
.sidebar > .nav > li > .nav-item:focus,
.sidebar > .nav > li > a:hover,
.sidebar > .nav > li > .nav-item:hover {
text-decoration: none;
outline: none;
color: #23b7e5;
}
.sidebar > .nav > li > a > em,
.sidebar > .nav > li > .nav-item > em {
width: 1.8em;
display: inline-block;
font-style: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
color: inherits;
}
.sidebar > .nav > li.active,
.sidebar > .nav > li.open,
.sidebar > .nav > li.active > a,
.sidebar > .nav > li.open > a,
.sidebar > .nav > li.active > .nav-item,
.sidebar > .nav > li.open > .nav-item,
.sidebar > .nav > li.active .nav,
.sidebar > .nav > li.open .nav {
background-color: #fcfcfc;
color: #23b7e5;
}
.sidebar > .nav > li.active > .nav-item > em,
.sidebar > .nav > li.open > .nav-item > em,
.sidebar > .nav > li.active > a > em,
.sidebar > .nav > li.open > a > em {
color: #23b7e5;
}
.sidebar > .nav > li.active {
border-left-color: #23b7e5;
}
.sidebar > .nav .label {
display: block;
}
@media only screen and (min-width: 1025px) {
.sidebar:not(.show-scrollbar) {
margin-right: -17px;
overflow-y: scroll;
}
}
.sidebar-subnav {
background-color: #fff;
}
.sidebar-subnav > .sidebar-subnav-header {
color: #515253;
display: none;
padding: 10px 20px;
font-weight: bold;
}
.sidebar-subnav > li {
border-left: 0 !important;
}
.sidebar-subnav > li > a,
.sidebar-subnav > li > .nav-item {
display: block;
position: relative;
padding: 10px 20px;
padding-left: 53px;
background-color: transparent !important;
color: #515253;
}
.sidebar-subnav > li > a:focus,
.sidebar-subnav > li > .nav-item:focus,
.sidebar-subnav > li > a:hover,
.sidebar-subnav > li > .nav-item:hover {
color: #23b7e5;
}
.sidebar-subnav > li > a > em,
.sidebar-subnav > li > .nav-item > em {
display: inline-block;
width: 1.8em;
margin: 0 0 0 -2em;
}
.sidebar-subnav > li.active > a,
.sidebar-subnav > li.active > .nav-item {
color: #23b7e5;
}
.sidebar-subnav > li.active > a:after,
.sidebar-subnav > li.active > .nav-item:after {
border-color: #23b7e5;
background-color: #23b7e5;
}
.sidebar-subnav > li .nav > li {
padding-left: 5px;
}
.sidebar-subnav.nav-floating {
border: 1px solid rgba(0, 0, 0, 0.15);
margin-left: -1px;
}
.sidebar-subnav.nav-floating,
.sidebar-subnav.nav-floating .collapse {
height: auto !important;
display: block !important;
visibility: visible !important;
}
.sidebar-subnav.nav-floating > .sidebar-subnav-header {
display: block;
}
.sidebar-subnav.nav-floating li > a,
.sidebar-subnav.nav-floating li > .nav-item {
padding-left: 20px;
}
.sidebar-subnav.nav-floating li > a em,
.sidebar-subnav.nav-floating li > .nav-item em {
margin-left: 0;
}
@media only screen and (min-width: 768px) {
.sidebar > .nav .label {
margin: 2px 0 0 0;
}
}
.aside-collapsed .sidebar,
.aside-collapsed-text .sidebar {
overflow-x: hidden;
}
.aside-collapsed .sidebar > .nav .nav,
.aside-collapsed-text .sidebar > .nav .nav,
.aside-collapsed .sidebar > .nav > .nav-heading,
.aside-collapsed-text .sidebar > .nav > .nav-heading,
.aside-collapsed .sidebar > .nav > li > .nav-item > span,
.aside-collapsed-text .sidebar > .nav > li > .nav-item > span,
.aside-collapsed .sidebar > .nav > li > a > span,
.aside-collapsed-text .sidebar > .nav > li > a > span {
display: none !important;
}
.aside-collapsed .sidebar > .nav > li,
.aside-collapsed-text .sidebar > .nav > li {
width: 68px;
}
.aside-collapsed .sidebar > .nav > li > a,
.aside-collapsed-text .sidebar > .nav > li > a,
.aside-collapsed .sidebar > .nav > li > .nav-item,
.aside-collapsed-text .sidebar > .nav > li > .nav-item {
text-indent: -3px;
padding: 20px 0;
text-align: center;
}
.aside-collapsed .sidebar > .nav > li > a > em,
.aside-collapsed-text .sidebar > .nav > li > a > em,
.aside-collapsed .sidebar > .nav > li > .nav-item > em,
.aside-collapsed-text .sidebar > .nav > li > .nav-item > em {
font-size: 1.6em;
width: auto;
}
.aside-collapsed .sidebar > .nav > li > a:focus,
.aside-collapsed-text .sidebar > .nav > li > a:focus,
.aside-collapsed .sidebar > .nav > li > .nav-item:focus,
.aside-collapsed-text .sidebar > .nav > li > .nav-item:focus {
background-color: transparent;
}
.aside-collapsed .sidebar > .nav > li > a:focus > em,
.aside-collapsed-text .sidebar > .nav > li > a:focus > em,
.aside-collapsed .sidebar > .nav > li > .nav-item:focus > em,
.aside-collapsed-text .sidebar > .nav > li > .nav-item:focus > em {
color: inherit;
}
.aside-collapsed .sidebar .nav .label,
.aside-collapsed-text .sidebar .nav .label {
position: absolute;
top: 10px;
right: 5px;
text-indent: 0;
}
.aside-collapsed-text .sidebar > .nav > li > .nav-item > span,
.aside-collapsed-text .sidebar > .nav > li > a > span {
display: block !important;
font-size: 12px;
}
.aside-collapsed-text .sidebar > .nav > li {
width: 88px;
}
.aside-collapsed-text .sidebar > .nav > li > a {
padding: 14px 0;
}
.aside-collapsed-text .sidebar > .nav > li > a > em {
font-size: 1.4em;
}
/* ========================================================================
Component: offsidebar.less
========================================================================== */
.offsidebar {
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 235px;
margin-top: 114px;
border-left: 1px solid #cccccc;
background-color: #fff;
color: #515253;
z-index: -1;
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.offsidebar > nav {
min-height: 100%;
overflow: hidden;
-webkit-transform: translateZ(0px);
}
.offsidebar .progress {
border: 0;
}
.offsidebar .nav > li > a:hover,
.offsidebar .nav > li > a:focus {
background-color: rgba(0, 0, 0, 0.025);
}
.offsidebar .tab-content {
padding: 0;
border: 0;
}
.offsidebar .nav-tabs.nav-justified > li > a,
.offsidebar .nav-tabs.nav-justified > li > a:hover,
.offsidebar .nav-tabs.nav-justified > li > a:focus {
background-color: transparent;
border: 0;
border-right: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-radius: 0;
color: #909FA7;
}
.offsidebar .nav-tabs.nav-justified > li.active > a {
color: #5d9cec;
}
@media only screen and (min-width: 768px) {
.offsidebar {
margin-top: 55px;
}
}
.offsidebar-open .offsidebar {
overflow-y: auto;
z-index: 116;
}
@media only screen and (min-width: 768px) {
.offsidebar-open {
overflow-y: auto;
}
}
.offsidebar {
right: -235px;
}
.no-csstransforms3d .offsidebar-open .offsidebar {
right: 0;
}
/* Transformation ready devices*/
.csstransforms3d .offsidebar {
right: 0;
-webkit-transform: translate3d(235px, 0, 0);
transform: translate3d(235px, 0, 0);
-webkit-transition: -webkit-transform .3s ease, z-index 0s linear .3s;
-moz-transition: -moz-transform .3s ease, z-index 0s linear .3s;
-o-transition: -o-transform .3s ease, z-index 0s linear .3s;
transition: transform .3s ease, z-index 0s linear .3s;
}
.csstransforms3d .offsidebar-open .offsidebar {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
-o-transition: -o-transform 0.3s ease;
transition: transform 0.3s ease;
}
/* ========================================================================
Component: breadcrumbs.less
========================================================================== */
.breadcrumb {
font-weight: normal;
border-radius: 0;
color: #909FA7;
padding: 10px 20px;
}
h3 + .breadcrumb,
.content-heading + .breadcrumb {
margin: -25px -25px 20px -20px;
background-color: #fafbfc;
border-top: 1px solid #cfdbe2;
border-bottom: 1px solid #cfdbe2;
}
h3 > .breadcrumb,
.content-heading > .breadcrumb {
background: transparent;
font-size: 13px;
border: 0;
padding: 10px 10px 0 0;
margin-bottom: 0;
}
h3 > .breadcrumb.pull-right,
.content-heading > .breadcrumb.pull-right {
margin: -2px 0 0;
}
/* ========================================================================
Component: button-extra.less
========================================================================== */
.btn-inverse {
color: #fff;
background-color: #131e26;
border-color: #131e26;
}
.btn-inverse:focus,
.btn-inverse.focus {
color: #fff;
background-color: #0c1318;
border-color: #05090b;
}
.btn-inverse:hover {
color: #fff;
background-color: #0c1318;
border-color: #05090b;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
color: #fff;
background-color: #0c1318;
border-color: #05090b;
}
.btn-inverse:active:hover,
.btn-inverse.active:hover,
.open > .dropdown-toggle.btn-inverse:hover,
.btn-inverse:active:focus,
.btn-inverse.active:focus,
.open > .dropdown-toggle.btn-inverse:focus,
.btn-inverse:active.focus,
.btn-inverse.active.focus,
.open > .dropdown-toggle.btn-inverse.focus {
color: #fff;
background-color: #0c1318;
border-color: #05090b;
}
.btn-inverse:active,
.btn-inverse.active,
.open > .dropdown-toggle.btn-inverse {
background-image: none;
}
.btn-inverse.disabled:hover,
.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-inverse:hover,
.btn-inverse.disabled:focus,
.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-inverse:focus,
.btn-inverse.disabled.focus,
.btn-inverse[disabled].focus,
fieldset[disabled] .btn-inverse.focus {
background-color: #131e26;
border-color: #131e26;
}
.btn-inverse .badge {
color: #131e26;
background-color: #fff;
}
.btn-green {
color: #fff;
background-color: #37bc9b;
border-color: transparent;
}
.btn-green:focus,
.btn-green.focus {
color: #fff;
background-color: #32ac8e;
border-color: rgba(0, 0, 0, 0);
}
.btn-green:hover {
color: #fff;
background-color: #32ac8e;
border-color: rgba(0, 0, 0, 0);
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
color: #fff;
background-color: #32ac8e;
border-color: rgba(0, 0, 0, 0);
}
.btn-green:active:hover,
.btn-green.active:hover,
.open > .dropdown-toggle.btn-green:hover,
.btn-green:active:focus,
.btn-green.active:focus,
.open > .dropdown-toggle.btn-green:focus,
.btn-green:active.focus,
.btn-green.active.focus,
.open > .dropdown-toggle.btn-green.focus {
color: #fff;
background-color: #32ac8e;
border-color: rgba(0, 0, 0, 0);
}
.btn-green:active,
.btn-green.active,
.open > .dropdown-toggle.btn-green {
background-image: none;
}
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled.focus,
.btn-green[disabled].focus,
fieldset[disabled] .btn-green.focus {
background-color: #37bc9b;
border-color: transparent;
}
.btn-green .badge {
color: #37bc9b;
background-color: #fff;
}
.btn-purple {
color: #fff;
background-color: #7266ba;
border-color: transparent;
}
.btn-purple:focus,
.btn-purple.focus {
color: #fff;
background-color: #6558b4;
border-color: rgba(0, 0, 0, 0);
}
.btn-purple:hover {
color: #fff;
background-color: #6558b4;
border-color: rgba(0, 0, 0, 0);
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
color: #fff;
background-color: #6558b4;
border-color: rgba(0, 0, 0, 0);
}
.btn-purple:active:hover,
.btn-purple.active:hover,
.open > .dropdown-toggle.btn-purple:hover,
.btn-purple:active:focus,
.btn-purple.active:focus,
.open > .dropdown-toggle.btn-purple:focus,
.btn-purple:active.focus,
.btn-purple.active.focus,
.open > .dropdown-toggle.btn-purple.focus {
color: #fff;
background-color: #6558b4;
border-color: rgba(0, 0, 0, 0);
}
.btn-purple:active,
.btn-purple.active,
.open > .dropdown-toggle.btn-purple {
background-image: none;
}
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled.focus,
.btn-purple[disabled].focus,
fieldset[disabled] .btn-purple.focus {
background-color: #7266ba;
border-color: transparent;
}
.btn-purple .badge {
color: #7266ba;
background-color: #fff;
}
.btn-pink {
color: #fff;
background-color: #f532e5;
border-color: transparent;
}
.btn-pink:focus,
.btn-pink.focus {
color: #fff;
background-color: #f41fe3;
border-color: rgba(0, 0, 0, 0);
}
.btn-pink:hover {
color: #fff;
background-color: #f41fe3;
border-color: rgba(0, 0, 0, 0);
}
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
color: #fff;
background-color: #f41fe3;
border-color: rgba(0, 0, 0, 0);
}
.btn-pink:active:hover,
.btn-pink.active:hover,
.open > .dropdown-toggle.btn-pink:hover,
.btn-pink:active:focus,
.btn-pink.active:focus,
.open > .dropdown-toggle.btn-pink:focus,
.btn-pink:active.focus,
.btn-pink.active.focus,
.open > .dropdown-toggle.btn-pink.focus {
color: #fff;
background-color: #f41fe3;
border-color: rgba(0, 0, 0, 0);
}
.btn-pink:active,
.btn-pink.active,
.open > .dropdown-toggle.btn-pink {
background-image: none;
}
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled.focus,
.btn-pink[disabled].focus,
fieldset[disabled] .btn-pink.focus {
background-color: #f532e5;
border-color: transparent;
}
.btn-pink .badge {
color: #f532e5;
background-color: #fff;
}
.btn-flat {
border-bottom-width: 1px;
border-radius: 0;
box-shadow: 0 0 0 #000;
}
.btn-xl {
padding: 20px 16px;
font-size: 18px;
}
.btn-square {
border-radius: 0;
}
.btn-pill-left,
.btn-oval {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
padding-left: 18px;
}
.btn-pill-right,
.btn-oval {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
padding-right: 18px;
}
.btn-labeled {
padding-top: 0;
padding-bottom: 0;
}
.btn-label {
position: relative;
background: transparent;
background: rgba(0, 0, 0, 0.05);
display: inline-block;
padding: 6px 16px;
left: -16px;
border-radius: 3px 0 0 3px;
}
.btn-label.btn-label-right {
left: auto;
right: -16px;
border-radius: 0 3px 3px 0;
}
.btn-lg .btn-label {
padding: 10px 20px;
left: -20px;
border-radius: 5px 0 0 5px;
}
.btn-lg .btn-label.btn-label-right {
left: auto;
right: -20px;
border-radius: 0 5px 5px 0;
}
.btn-sm .btn-label {
padding: 5px 10px;
left: -10px;
border-radius: 2px 0 0 2px;
}
.btn-sm .btn-label.btn-label-right {
left: auto;
right: -10px;
border-radius: 0 2px 2px 0;
}
.btn-xs .btn-label {
padding: 1px 5px;
left: -5px;
border-radius: 2px 0 0 2px;
}
.btn-xs .btn-label.btn-label-right {
left: auto;
right: -5px;
border-radius: 0 2px 2px 0;
}
.btn-fw {
min-width: 80px;
}
.btn-fw.btn-sm {
min-width: 40px;
}
.btn-fw.btn-md {
min-width: 60px;
}
.btn-fw.btn-lg {
min-width: 140px;
}
.btn-circle {
width: 35px;
height: 35px;
text-align: center;
font-size: 12px;
line-height: 35px;
border-radius: 500px;
padding: 0;
border: 0;
}
.btn-circle > * {
line-height: inherit !important;
}
.btn-circle.btn-lg {
width: 50px;
height: 50px;
font-size: 18px;
line-height: 50px;
}
.btn-outline {
background-color: transparent;
}
.btn-outline.btn-default {
border-color: #eaeaea;
color: #333 !important;
}
.btn-outline.btn-primary {
border-color: #5d9cec;
color: #5d9cec;
}
.btn-outline.btn-success {
border-color: #27c24c;
color: #27c24c;
}
.btn-outline.btn-info {
border-color: #23b7e5;
color: #23b7e5;
}
.btn-outline.btn-warning {
border-color: #ff902b;
color: #ff902b;
}
.btn-outline.btn-danger {
border-color: #f05050;
color: #f05050;
}
.btn-outline.btn-inverse {
border-color: #131e26;
color: #131e26;
}
.btn-outline.btn-green {
border-color: #37bc9b;
color: #37bc9b;
}
.btn-outline.btn-purple {
border-color: #7266ba;
color: #7266ba;
}
.btn-outline.btn-pink {
border-color: #f532e5;
color: #f532e5;
}
.btn-outline:hover,
.btn-outline:focus,
.btn-outline:active,
.btn-outline.hover,
.btn-outline.focus,
.btn-outline.active {
color: #fff;
}
/* ========================================================================
Component: placeholder.less
========================================================================== */
.box-placeholder {
margin-bottom: 15px;
padding: 20px;
border: 1px dashed #ddd;
background: #fafafa;
color: #444;
}
.box-placeholder > :last-child {
margin-bottom: 0;
}
.box-placeholder-lg {
padding-top: 80px;
padding-bottom: 80px;
}
/* ========================================================================
Component: panels.less
========================================================================== */
.panel .table {
margin-bottom: 0;
border: 0;
}
.panel.panel-transparent {
border: 0;
background-color: transparent;
box-shadow: 0 0 0 #000;
}
.panel.panel-transparent .panel-heading,
.panel.panel-transparent .panel-body {
background-color: transparent;
padding-left: 0;
padding-right: 0;
}
.panel-flat {
margin: 0 !important;
border: 0;
}
.panel-group .panel-flat {
box-shadow: 0 0 0 #000;
}
.panel-group .panel-flat:first-child {
border-radius: 4px 4px 0 0;
}
.panel-group .panel-flat:last-child {
border-radius: 0 0 4px 4px;
}
.panel-heading > a[data-tool] {
display: inline-block;
color: #fff;
width: 2em;
text-align: center;
}
.panel-default .panel-heading > a[data-tool] {
color: #c1c2c3;
}
.panel-heading > .label.pull-right {
margin-top: 3px;
}
.panel-heading > .label.pull-right + .label.pull-right {
margin-right: 10px;
}
.panel-heading.panel-heading-collapsed {
border-radius: 3px;
}
.panel-footer .pagination {
margin: 0;
}
.panel-footer .radial-bar {
margin-bottom: 0;
}
.panel-footer p {
margin-bottom: 0;
}
.panel-heading-active {
background-color: #27c24c !important;
font-weight: bold;
font-size: 16px;
}
.panel-heading-active > a {
padding: 15px 0;
color: #fff !important;
-webkit-transition: padding 0.5s ease;
-o-transition: padding 0.5s ease;
transition: padding 0.5s ease;
}
.panel-heading-active + .panel-collapse:after {
content: "";
display: block;
width: 60%;
margin: 0 auto;
height: 0;
border-bottom: 1px solid #e1e2e3;
}
.panel-inverse {
border-color: #cfdbe2;
}
.panel-inverse > .panel-heading {
color: #fff;
background-color: #131e26;
border-color: #131e26;
}
.panel-inverse > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #cfdbe2;
}
.panel-inverse > .panel-heading .badge {
color: #131e26;
background-color: #fff;
}
.panel-inverse > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #cfdbe2;
}
.panel-green {
border-color: #cfdbe2;
}
.panel-green > .panel-heading {
color: #fff;
background-color: #37bc9b;
border-color: #37bc9b;
}
.panel-green > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #cfdbe2;
}
.panel-green > .panel-heading .badge {
color: #37bc9b;
background-color: #fff;
}
.panel-green > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #cfdbe2;
}
.panel-pink {
border-color: #cfdbe2;
}
.panel-pink > .panel-heading {
color: #fff;
background-color: #f532e5;
border-color: #f532e5;
}
.panel-pink > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #cfdbe2;
}
.panel-pink > .panel-heading .badge {
color: #f532e5;
background-color: #fff;
}
.panel-pink > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #cfdbe2;
}
.panel-purple {
border-color: #cfdbe2;
}
.panel-purple > .panel-heading {
color: #fff;
background-color: #7266ba;
border-color: #7266ba;
}
.panel-purple > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #cfdbe2;
}
.panel-purple > .panel-heading .badge {
color: #7266ba;
background-color: #fff;
}
.panel-purple > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #cfdbe2;
}
.panel-dark {
border-color: #cfdbe2;
}
.panel-dark > .panel-heading {
color: #fff;
background-color: #3a3f51;
border-color: #3a3f51;
}
.panel-dark > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #cfdbe2;
}
.panel-dark > .panel-heading .badge {
color: #3a3f51;
background-color: #fff;
}
.panel-dark > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #cfdbe2;
}
/* ========================================================================
Component: progress-extra.less
========================================================================== */
.progress-sm {
height: 15px;
}
.progress-xs {
height: 8px;
}
.progress-bar-purple {
background-color: #7266ba;
}
.progress-striped .progress-bar-purple {
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);
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);
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);
}
.progress-bar-inverse {
background-color: #131e26;
}
.progress-striped .progress-bar-inverse {
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);
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);
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);
}
.progress-bar-green {
background-color: #37bc9b;
}
.progress-striped .progress-bar-green {
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);
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);
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);
}
.progress-bar-pink {
background-color: #f532e5;
}
.progress-striped .progress-bar-pink {
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);
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);
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);
}
.progress-bar-yellow {
background-color: #fad732;
}
.progress-striped .progress-bar-yellow {
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);
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);
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);
}
.progress-0 {
width: 0%;
}
.progress-10 {
width: 10%;
}
.progress-20 {
width: 20%;
}
.progress-30 {
width: 30%;
}
.progress-40 {
width: 40%;
}
.progress-50 {
width: 50%;
}
.progress-60 {
width: 60%;
}
.progress-70 {
width: 70%;
}
.progress-80 {
width: 80%;
}
.progress-90 {
width: 90%;
}
.progress-100 {
width: 100%;
}
/* ========================================================================
Component: radial-bar.less
========================================================================== */
/* -------------------------------------
* Bar container
* ------------------------------------- */
.radial-bar {
position: relative;
display: inline-block;
font-size: 16px;
border-radius: 50%;
border: 2px solid #fafafa;
background-color: transparent;
margin-bottom: 20px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
width: 80px;
height: 80px;
font-size: 18px;
}
.radial-bar:after,
.radial-bar > img {
display: inline-block;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
text-align: center;
font-weight: bold;
color: #a1a2a3;
}
.radial-bar:after {
content: attr(data-label);
background-color: #fff;
z-index: 101;
}
.radial-bar > img {
z-index: 102;
}
.radial-bar:after,
.radial-bar > img {
width: 56px;
height: 56px;
margin-left: 12px;
margin-top: 12px;
line-height: 56px;
}
.radial-bar.radial-bar-0 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-5 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-10 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-15 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-20 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-25 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-30 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-35 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-40 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-45 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-50 {
background-image: linear-gradient(270deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-55 {
background-image: linear-gradient(288deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-60 {
background-image: linear-gradient(306deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-65 {
background-image: linear-gradient(324deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-70 {
background-image: linear-gradient(342deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-75 {
background-image: linear-gradient(360deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-80 {
background-image: linear-gradient(378deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-85 {
background-image: linear-gradient(396deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-90 {
background-image: linear-gradient(414deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-95 {
background-image: linear-gradient(432deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar.radial-bar-100 {
background-image: linear-gradient(450deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-0 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-5 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-10 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-15 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-20 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-25 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-30 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-35 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-40 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-45 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-50 {
background-image: linear-gradient(270deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-55 {
background-image: linear-gradient(288deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-60 {
background-image: linear-gradient(306deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-65 {
background-image: linear-gradient(324deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-70 {
background-image: linear-gradient(342deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-75 {
background-image: linear-gradient(360deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-80 {
background-image: linear-gradient(378deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-85 {
background-image: linear-gradient(396deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-90 {
background-image: linear-gradient(414deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-95 {
background-image: linear-gradient(432deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-primary.radial-bar-100 {
background-image: linear-gradient(450deg, #5d9cec 50%, transparent 50%, transparent), linear-gradient(270deg, #5d9cec 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-0 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-5 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-10 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-15 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-20 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-25 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-30 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-35 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-40 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-45 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-50 {
background-image: linear-gradient(270deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-55 {
background-image: linear-gradient(288deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-60 {
background-image: linear-gradient(306deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-65 {
background-image: linear-gradient(324deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-70 {
background-image: linear-gradient(342deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-75 {
background-image: linear-gradient(360deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-80 {
background-image: linear-gradient(378deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-85 {
background-image: linear-gradient(396deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-90 {
background-image: linear-gradient(414deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-95 {
background-image: linear-gradient(432deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-success.radial-bar-100 {
background-image: linear-gradient(450deg, #27c24c 50%, transparent 50%, transparent), linear-gradient(270deg, #27c24c 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-0 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-5 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-10 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-15 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-20 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-25 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-30 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-35 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-40 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-45 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-50 {
background-image: linear-gradient(270deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-55 {
background-image: linear-gradient(288deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-60 {
background-image: linear-gradient(306deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-65 {
background-image: linear-gradient(324deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-70 {
background-image: linear-gradient(342deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-75 {
background-image: linear-gradient(360deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-80 {
background-image: linear-gradient(378deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-85 {
background-image: linear-gradient(396deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-90 {
background-image: linear-gradient(414deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-95 {
background-image: linear-gradient(432deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-info.radial-bar-100 {
background-image: linear-gradient(450deg, #23b7e5 50%, transparent 50%, transparent), linear-gradient(270deg, #23b7e5 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-0 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-5 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-10 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-15 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-20 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-25 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-30 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-35 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-40 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-45 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-50 {
background-image: linear-gradient(270deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-55 {
background-image: linear-gradient(288deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-60 {
background-image: linear-gradient(306deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-65 {
background-image: linear-gradient(324deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-70 {
background-image: linear-gradient(342deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-75 {
background-image: linear-gradient(360deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-80 {
background-image: linear-gradient(378deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-85 {
background-image: linear-gradient(396deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-90 {
background-image: linear-gradient(414deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-95 {
background-image: linear-gradient(432deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-warning.radial-bar-100 {
background-image: linear-gradient(450deg, #ff902b 50%, transparent 50%, transparent), linear-gradient(270deg, #ff902b 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-0 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(90deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-5 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(108deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-10 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(126deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-15 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(144deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-20 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(162deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-25 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(180deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-30 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(198deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-35 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(216deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-40 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(234deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-45 {
background-image: linear-gradient(90deg, #fafafa 50%, transparent 50%, transparent), linear-gradient(252deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-50 {
background-image: linear-gradient(270deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-55 {
background-image: linear-gradient(288deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-60 {
background-image: linear-gradient(306deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-65 {
background-image: linear-gradient(324deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-70 {
background-image: linear-gradient(342deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-75 {
background-image: linear-gradient(360deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-80 {
background-image: linear-gradient(378deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-85 {
background-image: linear-gradient(396deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-90 {
background-image: linear-gradient(414deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-95 {
background-image: linear-gradient(432deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-danger.radial-bar-100 {
background-image: linear-gradient(450deg, #f05050 50%, transparent 50%, transparent), linear-gradient(270deg, #f05050 50%, #fafafa 50%, #fafafa);
}
.radial-bar-lg {
width: 100px;
height: 100px;
font-size: 22px;
}
.radial-bar-lg:after,
.radial-bar-lg > img {
width: 70px;
height: 70px;
margin-left: 15px;
margin-top: 15px;
line-height: 70px;
}
.radial-bar-sm {
width: 50px;
height: 50px;
font-size: 12px;
}
.radial-bar-sm:after,
.radial-bar-sm > img {
width: 35px;
height: 35px;
margin-left: 7.5px;
margin-top: 7.5px;
line-height: 35px;
}
.radial-bar-xs {
width: 30px;
height: 30px;
font-size: 8px;
}
.radial-bar-xs:after,
.radial-bar-xs > img {
width: 21px;
height: 21px;
margin-left: 4.5px;
margin-top: 4.5px;
line-height: 21px;
}
x:-o-prefocus,
.radial-bar {
background-clip: content-box;
}
/* ========================================================================
Component: user-block.less
========================================================================== */
.has-user-block {
display: block;
overflow: hidden;
border: 0 !important;
width: 100% !important;
}
.user-block {
position: relative;
padding: 25px 0 10px;
cursor: pointer;
}
.user-block:before,
.user-block:after {
content: " ";
display: table;
}
.user-block:after {
clear: both;
}
.user-block > .user-block-picture {
position: relative;
width: 60px;
margin: 0 auto;
}
.user-block > .user-block-picture > img {
max-width: 100%;
height: auto;
}
.user-block .user-block-info {
padding-top: 15px;
text-align: center;
white-space: nowrap;
}
.user-block .user-block-info .user-block-name,
.user-block .user-block-info .user-block-role {
display: block;
}
.user-block .user-block-info .user-block-name {
color: #7D848F;
}
.user-block .user-block-info .user-block-role {
font-size: 12px;
color: #aaa;
}
.user-block-status {
position: relative;
}
.user-block-status > .circle {
position: absolute;
bottom: 0;
right: 0;
border: 2px solid #fff;
}
.aside-collapsed .user-block,
.aside-collapsed-text .user-block {
padding: 15px 0 14px;
margin: 0;
text-align: center;
}
.aside-collapsed .user-block > .user-block-picture,
.aside-collapsed-text .user-block > .user-block-picture {
float: none;
margin: 0 auto;
width: 50px;
}
.aside-collapsed .user-block > .user-block-picture > .user-block-status,
.aside-collapsed-text .user-block > .user-block-picture > .user-block-status {
display: block;
}
.aside-collapsed .user-block .user-block-info,
.aside-collapsed-text .user-block .user-block-info {
display: none;
}
/* ========================================================================
Component: circles.less
========================================================================== */
.circle {
display: inline-block;
width: 7px;
height: 7px;
border-radius: 500px;
margin: 0 .5em;
background-color: #ddd;
vertical-align: baseline;
border: 2px solid transparent;
}
.circle.text-left {
margin-left: 0;
}
.circle.text-right {
margin-right: 0;
}
.circle-primary {
background-color: #5d9cec;
}
.circle-success {
background-color: #27c24c;
}
.circle-info {
background-color: #23b7e5;
}
.circle-warning {
background-color: #ff902b;
}
.circle-danger {
background-color: #f05050;
}
.circle-green {
background-color: #37bc9b;
}
.circle-pink {
background-color: #f532e5;
}
.circle-inverse {
background-color: #131e26;
}
.circle-purple {
background-color: #7266ba;
}
.circle-sm {
width: 5px;
height: 5px;
}
.circle-lg {
width: 11px;
height: 11px;
}
.circle-xl {
width: 18px;
height: 18px;
}
.circle-outline {
background-color: transparent;
}
.circle-outline.circle-primary {
border: 1px solid #5d9cec;
}
.circle-outline.circle-success {
border: 1px solid #27c24c;
}
.circle-outline.circle-info {
border: 1px solid #23b7e5;
}
.circle-outline.circle-warning {
border: 1px solid #ff902b;
}
.circle-outline.circle-danger {
border: 1px solid #f05050;
}
/* ========================================================================
Component: timeline.less
========================================================================== */
.timeline,
.timeline-alt {
list-style: none;
padding: 0 0 20px;
position: relative;
z-index: 0;
}
.timeline:before,
.timeline-alt:before {
position: absolute;
top: 0;
bottom: 0;
content: " ";
width: 1px;
background-color: #d1d2d3;
left: 18px;
}
.timeline .timeline-end,
.timeline-alt .timeline-end {
float: none;
clear: both;
}
.timeline .popover.left > .arrow:after,
.timeline-alt .popover.left > .arrow:after {
border-left-color: #fff;
}
.timeline .popover.right > .arrow:after,
.timeline-alt .popover.right > .arrow:after {
border-right-color: #fff;
}
.timeline .popover.left > .popover-title + .arrow:after,
.timeline-alt .popover.left > .popover-title + .arrow:after {
border-left-color: #fafafa;
}
.timeline .popover.right > .popover-title + .arrow:after,
.timeline-alt .popover.right > .popover-title + .arrow:after {
border-right-color: #fafafa;
}
.timeline > li,
.timeline-alt > li {
margin-bottom: 20px;
}
.timeline > li:before,
.timeline-alt > li:before,
.timeline > li:after,
.timeline-alt > li:after {
content: " ";
display: table;
}
.timeline > li:after,
.timeline-alt > li:after {
clear: both;
}
.timeline > li.timeline-separator,
.timeline-alt > li.timeline-separator {
position: relative;
float: none;
clear: both;
margin: 0 auto;
padding: 40px 0;
}
.timeline > li.timeline-separator:first-child,
.timeline-alt > li.timeline-separator:first-child {
padding-top: 0;
}
.timeline > li.timeline-separator:before,
.timeline-alt > li.timeline-separator:before {
content: attr(data-datetime);
display: inline-block;
width: 120px;
text-align: center;
padding: 0 20px;
line-height: 30px;
background-color: #b6c5da;
color: #fff;
}
.timeline > li > .timeline-panel,
.timeline-alt > li > .timeline-panel {
margin-left: 60px;
}
.timeline > li > .timeline-panel .popover,
.timeline-alt > li > .timeline-panel .popover {
position: relative;
display: block;
margin: 0;
width: 100%;
max-width: none;
}
.timeline > li > .timeline-panel .popover .arrow,
.timeline-alt > li > .timeline-panel .popover .arrow {
top: 18px;
display: none;
}
.timeline > li > .timeline-panel .popover .popover-content .popover-title,
.timeline-alt > li > .timeline-panel .popover .popover-content .popover-title {
background-color: transparent;
border: 0;
padding-left: 0;
padding-top: 0;
}
.timeline > li > .timeline-date,
.timeline-alt > li > .timeline-date {
margin: -20px 0 0;
display: block;
height: 20px;
line-height: 20px;
font-size: 13px;
}
.timeline > li > .timeline-date > time:after,
.timeline-alt > li > .timeline-date > time:after {
content: attr(datetime);
}
.timeline > li > .timeline-badge,
.timeline-alt > li > .timeline-badge {
position: absolute;
left: 0;
width: 36px;
height: 36px;
border-radius: 500px;
line-height: 36px;
font-size: 1em;
text-align: center;
color: #fff;
background-color: #999;
z-index: 100;
}
.timeline > li > .timeline-badge.primary,
.timeline-alt > li > .timeline-badge.primary {
background-color: #5d9cec;
}
.timeline > li > .timeline-badge.success,
.timeline-alt > li > .timeline-badge.success {
background-color: #27c24c;
}
.timeline > li > .timeline-badge.warning,
.timeline-alt > li > .timeline-badge.warning {
background-color: #ff902b;
}
.timeline > li > .timeline-badge.danger,
.timeline-alt > li > .timeline-badge.danger {
background-color: #f05050;
}
.timeline > li > .timeline-badge.info,
.timeline-alt > li > .timeline-badge.info {
background-color: #23b7e5;
}
.timeline > li > .timeline-badge.inverse,
.timeline-alt > li > .timeline-badge.inverse {
background-color: #131e26;
}
.timeline > li > .timeline-badge.green,
.timeline-alt > li > .timeline-badge.green {
background-color: #37bc9b;
}
.timeline > li > .timeline-badge.pink,
.timeline-alt > li > .timeline-badge.pink {
background-color: #f532e5;
}
.timeline > li > .timeline-badge.purple,
.timeline-alt > li > .timeline-badge.purple {
background-color: #7266ba;
}
.timeline > li > .timeline-badge.dark,
.timeline-alt > li > .timeline-badge.dark {
background-color: #3a3f51;
}
.timeline > li > .timeline-badge.yellow,
.timeline-alt > li > .timeline-badge.yellow {
background-color: #fad732;
}
.timeline-alt .popover .arrow {
display: block !important;
}
.timeline-title {
margin-top: 0;
color: inherit;
}
.timeline-body > p,
.timeline-body > ul {
margin-bottom: 0;
}
.timeline-body > p + p {
margin-top: 5px;
}
@media only screen and (min-width: 992px) {
.timeline:before {
left: 50%;
margin-left: 18px;
}
.timeline > li {
float: left;
clear: left;
width: 45%;
}
.timeline > li.timeline-inverted {
float: right;
clear: right;
margin-top: 50px;
}
.timeline > li.timeline-separator {
text-align: center;
}
.timeline > li.timeline-separator:before {
margin-left: 36px;
}
.timeline > li > .timeline-badge {
left: 50%;
margin-left: 0;
}
.timeline > li > .timeline-date {
float: none;
position: absolute;
width: 40%;
left: 50%;
top: 18px;
margin-left: 54px;
margin-top: -10px;
}
.timeline > li > .timeline-panel {
margin: 0;
}
.timeline > li > .timeline-panel:before {
border-left-width: 15px;
border-right-width: 0;
top: 26px;
right: -15px;
left: auto;
}
.timeline > li > .timeline-panel:after {
border-left-width: 14px;
border-right-width: 0;
top: 27px;
right: -14px;
left: auto;
}
.timeline > li > .timeline-panel .popover .arrow {
display: block;
}
.timeline > li.timeline-inverted > .timeline-panel {
padding-left: 36px;
}
.timeline > li.timeline-inverted .timeline-date {
left: auto;
right: 50%;
width: auto;
margin-left: 0;
margin-right: 36px;
}
}
/* ========================================================================
Component: dropdown-extras.less
========================================================================== */
.dropdown-lg > .dropdown-menu {
min-width: 200px;
}
.dropdown-list > .dropdown-menu {
padding: 0;
min-width: 220px;
}
.dropdown-list .list-group {
margin: 0;
}
.dropdown-list .list-group-item {
border-radius: 0;
border-left: 0;
border-right: 0;
}
.dropdown-list .list-group-item:first-child {
border-top: 0;
}
.dropdown-list .list-group-item:last-child {
border-bottom: 0;
}
.dropdown > a {
position: relative;
}
.dropdown > a > .label {
position: absolute;
top: 0;
right: 0;
padding: 2px 5px;
}
@media only screen and (min-width: 768px) {
.dropdown > a > .label {
top: 10px;
}
}
.dropdown-menu-header {
padding: 10px 15px;
background-color: #fafafa;
border-bottom: 1px solid #e1e1e1;
}
/* ========================================================================
Component: row-extra.less
========================================================================== */
.container-sm {
max-width: 750px;
width: auto;
}
.container-md {
max-width: 970px;
width: auto;
}
.container-lg {
max-width: 1170px;
width: auto;
}
.row-table {
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
margin: 0;
}
.row-table > [class*="col-"] {
display: table-cell;
float: none;
table-layout: fixed;
vertical-align: middle;
}
.row-flush > [class*="col-"] {
padding-left: 0;
padding-right: 0;
}
/* ========================================================================
Component: half-float.less
========================================================================== */
.half-float {
position: relative;
margin-bottom: 65px;
}
.half-float .half-float-bottom,
.half-float .half-float-top {
position: absolute;
left: 50%;
bottom: -60px;
width: 120px;
height: 120px;
margin-left: -60px;
z-index: 2;
}
.half-float .half-float-top {
bottom: auto;
top: -60px;
}
.half-float + * {
margin-top: -55px;
padding-top: 65px;
}
/* ========================================================================
Component: masonry-grid.less
========================================================================== */
.row-masonry {
position: relative;
margin: 0;
padding: 0;
width: 100%;
}
.row-masonry > .col-masonry {
display: inline-block;
width: 100%;
min-height: 1em;
margin-bottom: 15px;
}
/* Columns definition by devices */
@media only screen and (min-width: 480px) {
.row-masonry-sm-1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 1;
-webkit-columns: 1;
columns: 1;
}
.no-csscolumns .row-masonry-sm-1 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-1:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-1 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 99%;
}
.row-masonry-sm-2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
}
.no-csscolumns .row-masonry-sm-2 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-2:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-2 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 49%;
}
.row-masonry-sm-3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 3;
-webkit-columns: 3;
columns: 3;
}
.no-csscolumns .row-masonry-sm-3 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-3:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-3 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 32%;
}
.row-masonry-sm-4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 4;
-webkit-columns: 4;
columns: 4;
}
.no-csscolumns .row-masonry-sm-4 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-4:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-4 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 24%;
}
.row-masonry-sm-5 {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 5;
-webkit-columns: 5;
columns: 5;
}
.no-csscolumns .row-masonry-sm-5 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-5:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-5 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 19%;
}
.row-masonry-sm-6 {
-moz-column-count: 6;
-webkit-column-count: 6;
column-count: 6;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 6;
-webkit-columns: 6;
columns: 6;
}
.no-csscolumns .row-masonry-sm-6 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-6:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-6 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 15%;
}
.row-masonry-sm-7 {
-moz-column-count: 7;
-webkit-column-count: 7;
column-count: 7;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 7;
-webkit-columns: 7;
columns: 7;
}
.no-csscolumns .row-masonry-sm-7 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-7:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-7 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 13%;
}
.row-masonry-sm-8 {
-moz-column-count: 8;
-webkit-column-count: 8;
column-count: 8;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 8;
-webkit-columns: 8;
columns: 8;
}
.no-csscolumns .row-masonry-sm-8 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-8:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-8 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 11%;
}
.row-masonry-sm-9 {
-moz-column-count: 9;
-webkit-column-count: 9;
column-count: 9;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 9;
-webkit-columns: 9;
columns: 9;
}
.no-csscolumns .row-masonry-sm-9 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-9:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-9 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 10%;
}
.row-masonry-sm-10 {
-moz-column-count: 10;
-webkit-column-count: 10;
column-count: 10;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 10;
-webkit-columns: 10;
columns: 10;
}
.no-csscolumns .row-masonry-sm-10 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-10:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-10 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 9%;
}
.row-masonry-sm-11 {
-moz-column-count: 11;
-webkit-column-count: 11;
column-count: 11;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 11;
-webkit-columns: 11;
columns: 11;
}
.no-csscolumns .row-masonry-sm-11 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-11:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-11 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 8%;
}
.row-masonry-sm-12 {
-moz-column-count: 12;
-webkit-column-count: 12;
column-count: 12;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 12;
-webkit-columns: 12;
columns: 12;
}
.no-csscolumns .row-masonry-sm-12 {
text-align: justify;
}
.no-csscolumns .row-masonry-sm-12:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-sm-12 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 7%;
}
}
@media only screen and (min-width: 768px) {
.row-masonry-md-1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 1;
-webkit-columns: 1;
columns: 1;
}
.no-csscolumns .row-masonry-md-1 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-1:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-1 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 99%;
}
.row-masonry-md-2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
}
.no-csscolumns .row-masonry-md-2 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-2:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-2 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 49%;
}
.row-masonry-md-3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 3;
-webkit-columns: 3;
columns: 3;
}
.no-csscolumns .row-masonry-md-3 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-3:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-3 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 32%;
}
.row-masonry-md-4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 4;
-webkit-columns: 4;
columns: 4;
}
.no-csscolumns .row-masonry-md-4 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-4:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-4 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 24%;
}
.row-masonry-md-5 {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 5;
-webkit-columns: 5;
columns: 5;
}
.no-csscolumns .row-masonry-md-5 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-5:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-5 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 19%;
}
.row-masonry-md-6 {
-moz-column-count: 6;
-webkit-column-count: 6;
column-count: 6;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 6;
-webkit-columns: 6;
columns: 6;
}
.no-csscolumns .row-masonry-md-6 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-6:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-6 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 15%;
}
.row-masonry-md-7 {
-moz-column-count: 7;
-webkit-column-count: 7;
column-count: 7;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 7;
-webkit-columns: 7;
columns: 7;
}
.no-csscolumns .row-masonry-md-7 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-7:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-7 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 13%;
}
.row-masonry-md-8 {
-moz-column-count: 8;
-webkit-column-count: 8;
column-count: 8;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 8;
-webkit-columns: 8;
columns: 8;
}
.no-csscolumns .row-masonry-md-8 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-8:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-8 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 11%;
}
.row-masonry-md-9 {
-moz-column-count: 9;
-webkit-column-count: 9;
column-count: 9;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 9;
-webkit-columns: 9;
columns: 9;
}
.no-csscolumns .row-masonry-md-9 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-9:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-9 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 10%;
}
.row-masonry-md-10 {
-moz-column-count: 10;
-webkit-column-count: 10;
column-count: 10;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 10;
-webkit-columns: 10;
columns: 10;
}
.no-csscolumns .row-masonry-md-10 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-10:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-10 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 9%;
}
.row-masonry-md-11 {
-moz-column-count: 11;
-webkit-column-count: 11;
column-count: 11;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 11;
-webkit-columns: 11;
columns: 11;
}
.no-csscolumns .row-masonry-md-11 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-11:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-11 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 8%;
}
.row-masonry-md-12 {
-moz-column-count: 12;
-webkit-column-count: 12;
column-count: 12;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 12;
-webkit-columns: 12;
columns: 12;
}
.no-csscolumns .row-masonry-md-12 {
text-align: justify;
}
.no-csscolumns .row-masonry-md-12:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-md-12 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 7%;
}
}
@media only screen and (min-width: 992px) {
.row-masonry-lg-1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 1;
-webkit-columns: 1;
columns: 1;
}
.no-csscolumns .row-masonry-lg-1 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-1:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-1 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 99%;
}
.row-masonry-lg-2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
}
.no-csscolumns .row-masonry-lg-2 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-2:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-2 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 49%;
}
.row-masonry-lg-3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 3;
-webkit-columns: 3;
columns: 3;
}
.no-csscolumns .row-masonry-lg-3 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-3:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-3 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 32%;
}
.row-masonry-lg-4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 4;
-webkit-columns: 4;
columns: 4;
}
.no-csscolumns .row-masonry-lg-4 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-4:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-4 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 24%;
}
.row-masonry-lg-5 {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 5;
-webkit-columns: 5;
columns: 5;
}
.no-csscolumns .row-masonry-lg-5 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-5:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-5 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 19%;
}
.row-masonry-lg-6 {
-moz-column-count: 6;
-webkit-column-count: 6;
column-count: 6;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 6;
-webkit-columns: 6;
columns: 6;
}
.no-csscolumns .row-masonry-lg-6 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-6:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-6 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 15%;
}
.row-masonry-lg-7 {
-moz-column-count: 7;
-webkit-column-count: 7;
column-count: 7;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 7;
-webkit-columns: 7;
columns: 7;
}
.no-csscolumns .row-masonry-lg-7 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-7:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-7 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 13%;
}
.row-masonry-lg-8 {
-moz-column-count: 8;
-webkit-column-count: 8;
column-count: 8;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 8;
-webkit-columns: 8;
columns: 8;
}
.no-csscolumns .row-masonry-lg-8 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-8:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-8 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 11%;
}
.row-masonry-lg-9 {
-moz-column-count: 9;
-webkit-column-count: 9;
column-count: 9;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 9;
-webkit-columns: 9;
columns: 9;
}
.no-csscolumns .row-masonry-lg-9 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-9:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-9 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 10%;
}
.row-masonry-lg-10 {
-moz-column-count: 10;
-webkit-column-count: 10;
column-count: 10;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 10;
-webkit-columns: 10;
columns: 10;
}
.no-csscolumns .row-masonry-lg-10 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-10:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-10 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 9%;
}
.row-masonry-lg-11 {
-moz-column-count: 11;
-webkit-column-count: 11;
column-count: 11;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 11;
-webkit-columns: 11;
columns: 11;
}
.no-csscolumns .row-masonry-lg-11 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-11:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-11 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 8%;
}
.row-masonry-lg-12 {
-moz-column-count: 12;
-webkit-column-count: 12;
column-count: 12;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 12;
-webkit-columns: 12;
columns: 12;
}
.no-csscolumns .row-masonry-lg-12 {
text-align: justify;
}
.no-csscolumns .row-masonry-lg-12:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-lg-12 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 7%;
}
}
@media only screen and (min-width: 1200px) {
.row-masonry-xl-1 {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 1;
-webkit-columns: 1;
columns: 1;
}
.no-csscolumns .row-masonry-xl-1 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-1:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-1 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 99%;
}
.row-masonry-xl-2 {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 2;
-webkit-columns: 2;
columns: 2;
}
.no-csscolumns .row-masonry-xl-2 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-2:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-2 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 49%;
}
.row-masonry-xl-3 {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 3;
-webkit-columns: 3;
columns: 3;
}
.no-csscolumns .row-masonry-xl-3 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-3:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-3 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 32%;
}
.row-masonry-xl-4 {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 4;
-webkit-columns: 4;
columns: 4;
}
.no-csscolumns .row-masonry-xl-4 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-4:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-4 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 24%;
}
.row-masonry-xl-5 {
-moz-column-count: 5;
-webkit-column-count: 5;
column-count: 5;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 5;
-webkit-columns: 5;
columns: 5;
}
.no-csscolumns .row-masonry-xl-5 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-5:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-5 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 19%;
}
.row-masonry-xl-6 {
-moz-column-count: 6;
-webkit-column-count: 6;
column-count: 6;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 6;
-webkit-columns: 6;
columns: 6;
}
.no-csscolumns .row-masonry-xl-6 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-6:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-6 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 15%;
}
.row-masonry-xl-7 {
-moz-column-count: 7;
-webkit-column-count: 7;
column-count: 7;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 7;
-webkit-columns: 7;
columns: 7;
}
.no-csscolumns .row-masonry-xl-7 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-7:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-7 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 13%;
}
.row-masonry-xl-8 {
-moz-column-count: 8;
-webkit-column-count: 8;
column-count: 8;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 8;
-webkit-columns: 8;
columns: 8;
}
.no-csscolumns .row-masonry-xl-8 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-8:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-8 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 11%;
}
.row-masonry-xl-9 {
-moz-column-count: 9;
-webkit-column-count: 9;
column-count: 9;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 9;
-webkit-columns: 9;
columns: 9;
}
.no-csscolumns .row-masonry-xl-9 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-9:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-9 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 10%;
}
.row-masonry-xl-10 {
-moz-column-count: 10;
-webkit-column-count: 10;
column-count: 10;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 10;
-webkit-columns: 10;
columns: 10;
}
.no-csscolumns .row-masonry-xl-10 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-10:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-10 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 9%;
}
.row-masonry-xl-11 {
-moz-column-count: 11;
-webkit-column-count: 11;
column-count: 11;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 11;
-webkit-columns: 11;
columns: 11;
}
.no-csscolumns .row-masonry-xl-11 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-11:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-11 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 8%;
}
.row-masonry-xl-12 {
-moz-column-count: 12;
-webkit-column-count: 12;
column-count: 12;
-moz-column-gap: 15px;
-webkit-column-gap: 15px;
column-gap: 15px;
-moz-columns: 12;
-webkit-columns: 12;
columns: 12;
}
.no-csscolumns .row-masonry-xl-12 {
text-align: justify;
}
.no-csscolumns .row-masonry-xl-12:after {
content: '';
display: inline-block;
width: 100%;
}
.no-csscolumns .row-masonry-xl-12 > .col-masonry {
vertical-align: top;
display: inline-block;
width: 7%;
}
}
/* ========================================================================
Component: widget.less
========================================================================== */
.widget {
margin-bottom: 20px;
border: 0;
}
.widget.panel,
.widget .panel {
overflow: hidden;
}
.widget .lateral-picture {
position: relative;
display: block;
height: 240px;
width: auto;
overflow: hidden;
}
.widget .lateral-picture > img {
position: absolute;
top: 0;
left: 0;
max-height: 100%;
width: auto;
}
/* ========================================================================
Component: animate.less
========================================================================== */
@-webkit-keyframes fadeOutUpShort {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
}
@keyframes fadeOutUpShort {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -20px, 0);
-ms-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
}
.fadeOutUpShort {
-webkit-animation-name: fadeOutUpShort;
animation-name: fadeOutUpShort;
}
@-webkit-keyframes fadeInUpShort {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpShort {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 20px, 0);
-ms-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInUpShort {
-webkit-animation-name: fadeInUpShort;
animation-name: fadeInUpShort;
}
@-webkit-keyframes zoomInShort {
0% {
opacity: 0;
-webkit-transform: scale3d(0.95, 0.95, 0.95);
transform: scale3d(0.95, 0.95, 0.95);
}
50% {
opacity: 1;
}
}
@keyframes zoomInShort {
0% {
opacity: 0;
-webkit-transform: scale3d(0.95, 0.95, 0.95);
-ms-transform: scale3d(0.95, 0.95, 0.95);
transform: scale3d(0.95, 0.95, 0.95);
}
50% {
opacity: 1;
}
}
.zoomInShort {
-webkit-animation-name: zoomInShort;
animation-name: zoomInShort;
}
@-webkit-keyframes zoomBack {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
100% {
opacity: 0;
}
}
@keyframes zoomBack {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.5, 0.5, 0.5);
-ms-transform: scale3d(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.5);
}
100% {
opacity: 0;
}
}
.zoomBack {
-webkit-animation-name: zoomBack;
animation-name: zoomBack;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-20px, 0, 0);
-ms-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
/*!
* table-grid (http://mdo.github.io/table-grid)
* Released under MIT, (c) 2014 Mark Otto
*/
/*
* The Grid
*/
@media only screen and (min-width: 768px) {
/* Add `.table-grid` for the table */
.table-grid {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
}
/* Add `.col` for the table cells, or columns */
.col {
display: table-cell;
vertical-align: top;
height: 100%;
}
.col.col-full-center {
vertical-align: middle;
}
/* Set the widths */
.col-1 {
width: 8.333333%;
}
.col-2 {
width: 16.666667%;
}
.col-3 {
width: 25%;
}
.col-4 {
width: 33.333333%;
}
.col-5 {
width: 41.666667%;
}
.col-6 {
width: 50%;
}
.col-7 {
width: 58.333333%;
}
.col-8 {
width: 66.666667%;
}
.col-9 {
width: 75%;
}
.col-10 {
width: 83.333333%;
}
.col-11 {
width: 91.666667%;
}
.col-12 {
width: 100%;
}
.col-xxs {
width: 60px;
}
.col-xs {
width: 90px;
}
.col-sm {
width: 150px;
}
.col-sd {
width: 200px;
}
.col-md {
width: 240px;
}
.col-lg {
width: 280px;
}
.col-xl {
width: 320px;
}
.col-xxl {
width: 360px;
}
.col-wide {
width: 100%;
}
.col-auto {
width: auto;
}
/* Padded columns */
.table-grid-padded {
margin-left: -1rem;
margin-right: -1rem;
}
.table-grid-padded .table-grid {
border-spacing: 1rem 0;
}
}
@media only screen and (max-width: 991px) {
.table-grid-desktop.table-grid,
.table-grid-desktop .col {
display: block;
width: auto;
}
}
/*
* Vertically center grid content
*
* Requires content within the column to be inline or inline-block.
*/
.table-grid-align-middle .col {
vertical-align: middle;
}
/* ========================================================================
Component: todo.less
========================================================================== */
.todo .todo-item-list {
position: relative;
}
.todo .todo-item .todo-edit {
display: none;
cursor: pointer;
}
.todo .todo-item:hover .todo-edit {
display: inline;
}
.todo .todo-item.todo-complete .todo-edit {
display: none;
}
.todo textarea {
resize: none;
max-width: 100%;
min-width: 100%;
}
.todo .todo-complete {
background: #edf1f2;
opacity: .6;
color: #232735;
}
.todo .todo-complete .todo-title {
text-decoration: line-through;
}
.todo .panel-group > .panel {
border: 1px;
margin: 0;
}
.todo .panel-group > .panel .panel-body {
border-bottom: 1px solid #edf1f2;
}
/* ========================================================================
Component: nestable.less
========================================================================== */
.dd {
position: relative;
display: block;
margin: 0;
padding: 0;
max-width: 600px;
list-style: none;
font-size: 13px;
line-height: 20px;
}
.dd-list {
display: block;
position: relative;
margin: 0;
padding: 0;
list-style: none;
}
.dd-list .dd-list {
padding-left: 30px;
}
.dd-collapsed .dd-list {
display: none;
}
.dd-item,
.dd-empty,
.dd-placeholder {
display: block;
position: relative;
margin: 0;
padding: 0;
min-height: 20px;
font-size: 13px;
line-height: 20px;
}
.dd-handle {
display: block;
margin: 5px 0;
padding: 10px 10px;
text-decoration: none;
border: 1px solid #ebebeb;
background: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.dd-handle:hover {
background: #fff;
}
.dd-item > button {
display: block;
position: relative;
cursor: pointer;
float: left;
width: 25px;
height: 30px;
margin: 5px 0;
padding: 0;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 0;
background: transparent;
font-size: 12px;
line-height: 1;
text-align: center;
font-weight: bold;
}
.dd-item > button:before {
content: '+';
display: block;
position: absolute;
width: 100%;
text-align: center;
text-indent: 0;
}
.dd-item > button[data-action="collapse"]:before {
content: '-';
}
.dd-placeholder,
.dd-empty {
margin: 5px 0;
padding: 0;
min-height: 30px;
background: #f2fbff;
border: 1px dashed #b6bcbf;
box-sizing: border-box;
-moz-box-sizing: border-box;
}
.dd-empty {
border: 1px dashed #bbb;
min-height: 100px;
background-color: #e5e5e5;
background-size: 60px 60px;
background-position: 0 0, 30px 30px;
}
.dd-dragel {
position: absolute;
pointer-events: none;
z-index: 9999;
}
.dd-dragel > .dd-item .dd-handle {
margin-top: 0;
}
.dd-dragel .dd-handle {
-webkit-box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, 0.1);
}
/**
* Nestable Extras
*/
.nestable-lists {
display: block;
clear: both;
padding: 30px 0;
width: 100%;
border: 0;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
}
@media only screen and (min-width: 700px) {
.dd + .dd {
margin-left: 2%;
}
}
.dd-hover > .dd-handle {
background: #2ea8e5 !important;
}
/**
* Nestable Draggable Handles
*/
.dd3-content {
display: block;
margin: 5px 0;
padding: 10px 10px 10px 50px;
text-decoration: none;
border: 1px solid #ebebeb;
background: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.dd-dragel > .dd3-item > .dd3-content {
margin: 0;
}
.dd3-item > button {
margin-left: 40px;
}
.dd3-handle {
position: absolute;
margin: 0;
left: 0;
top: 0;
cursor: pointer;
width: 40px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
border: 1px solid #ebebeb;
background: #fff;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.dd3-handle:before {
content: '≡';
display: block;
position: absolute;
left: 0;
top: 10px;
width: 100%;
text-align: center;
text-indent: 0;
color: #ccc;
font-size: 20px;
font-weight: normal;
}
.dd3-handle:hover {
background: #f7f7f7;
}
/* ========================================================================
Component: chart-flot.less
========================================================================== */
.flot-chart {
display: block;
width: 100%;
height: 250px;
}
.flot-chart .legend > table tr td {
padding: 3px;
}
.flot-chart .legend > table tr td:first-child {
padding-left: 3px;
}
.flot-chart .legend > table tr td:last-child {
padding-right: 3px;
}
.flot-chart .legend > table tr + tr td {
padding-top: 0;
}
.flot-chart .legend > div:first-child {
border-color: rgba(0, 0, 0, 0.1) !important;
}
.flot-chart .legend .legendColorBox > div,
.flot-chart .legend .legendColorBox > div > div {
border-radius: 400px;
}
.flot-chart-content {
width: 100%;
height: 100%;
}
.flot-pie-label {
padding: 3px 5px;
font-size: 10px;
text-align: center;
color: #fff;
}
#flotTip {
position: relative;
padding: 5px;
font-size: 12px !important;
border-radius: 2px !important;
border-color: transparent !important;
background-color: rgba(0, 0, 0, 0.75) !important;
color: #f1f1f1;
z-index: 5;
}
/* ========================================================================
Component: chart-easypie.less
========================================================================== */
.easypie-chart {
display: inline-block;
position: relative;
padding: 0 6px;
}
.easypie-chart span {
display: block;
position: absolute;
left: 50%;
top: 50%;
width: 100%;
margin-left: -50%;
height: 30px;
margin-top: -15px;
font-size: 20px;
}
.easypie-chart canvas {
max-width: 100%;
}
/* ========================================================================
Component: form-elements.less
========================================================================== */
/**
* Custom form elements
* - Checkbox
* - Radios
* - Switch
* - Rounded inputs
*/
.c-checkbox,
.c-radio {
margin-right: 4px;
}
.c-checkbox *,
.c-radio * {
cursor: pointer;
}
.c-checkbox input,
.c-radio input {
opacity: 0;
position: absolute;
margin-left: 0 !important;
}
.c-checkbox span,
.c-radio span {
position: relative;
display: inline-block;
vertical-align: top;
margin-left: -20px;
width: 20px;
height: 20px;
border-radius: 2px;
border: 1px solid #ccc;
margin-right: 5px;
text-align: center;
}
.c-checkbox span:before,
.c-radio span:before {
margin-left: 1px;
}
.c-checkbox:hover span,
.c-radio:hover span {
border-color: #5d9cec;
}
.form-inline .c-checkbox span,
.form-inline .c-radio span {
margin-left: 0;
}
.c-checkbox.c-checkbox-rounded span,
.c-radio.c-checkbox-rounded span,
.c-checkbox.c-radio-rounded span,
.c-radio.c-radio-rounded span {
border-radius: 500px;
}
/* override for radio */
.c-radio span {
border-radius: 500px;
}
/* the icon */
.c-checkbox span:before,
.c-radio span:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
text-align: center !important;
font-size: 12px;
line-height: 18px;
vertical-align: middle;
}
/* Checked state */
.c-checkbox,
.c-radio {
/* override for radio */
/* Disable state */
/* override for radio */
}
.c-checkbox input[type=checkbox]:checked + span:before,
.c-radio input[type=checkbox]:checked + span:before,
.c-checkbox input[type=radio]:checked + span:before,
.c-radio input[type=radio]:checked + span:before {
color: #fff;
opacity: 1;
transition: color 0.3s ease-out;
}
.c-checkbox input[type=checkbox]:checked + span,
.c-radio input[type=checkbox]:checked + span,
.c-checkbox input[type=radio]:checked + span,
.c-radio input[type=radio]:checked + span {
border-color: #5d9cec;
background-color: #5d9cec;
}
.c-checkbox input[type=radio]:checked + span,
.c-radio input[type=radio]:checked + span {
background-color: #fff;
}
.c-checkbox input[type=radio]:checked + span:before,
.c-radio input[type=radio]:checked + span:before {
color: #5d9cec;
}
.c-checkbox input[type=checkbox]:disabled + span,
.c-radio input[type=checkbox]:disabled + span,
.c-checkbox input[type=radio]:disabled + span,
.c-radio input[type=radio]:disabled + span {
border-color: #ddd !important;
background-color: #ddd !important;
}
.c-checkbox input[type=radio]:disabled + span,
.c-radio input[type=radio]:disabled + span {
background-color: #fff !important;
}
.c-checkbox input[type=radio]:disabled + span:before,
.c-radio input[type=radio]:disabled + span:before {
color: #ddd;
}
.c-radio.c-radio-nofont {
/* override for radio */
/* Disable state */
/* override for radio */
}
.c-radio.c-radio-nofont span:before {
content: "";
width: 10px;
height: 10px;
top: 50%;
left: 50%;
margin-top: -5px;
margin-left: -5px;
border-radius: 500px;
}
.c-radio.c-radio-nofont input[type=radio]:checked + span:before {
color: #fff;
opacity: 1;
transition: color 0.3s ease-out;
}
.c-radio.c-radio-nofont input[type=radio]:checked + span {
border-color: #5d9cec;
background-color: #5d9cec;
}
.c-radio.c-radio-nofont input[type=radio]:checked + span {
background-color: #fff;
}
.c-radio.c-radio-nofont input[type=radio]:checked + span:before {
background-color: #5d9cec;
}
.c-radio.c-radio-nofont input[type=radio]:disabled + span {
border-color: #ddd !important;
background-color: #ddd !important;
}
.c-radio.c-radio-nofont input[type=radio]:disabled + span {
background-color: #fff !important;
}
.c-radio.c-radio-nofont input[type=radio]:disabled + span:before {
background-color: #ddd;
}
.form-control-rounded {
border-radius: 100px;
}
.switch .form-control {
padding-top: 7px;
margin-bottom: 0;
}
.switch * {
cursor: pointer;
}
.switch input {
opacity: 0;
position: absolute;
z-index: -1;
}
.switch span {
position: relative;
display: inline-block;
width: 40px;
height: 20px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 100px;
transition: all .5s;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.1) inset;
vertical-align: middle;
}
.switch span:after {
content: "";
position: absolute;
background-color: #fff;
top: 0;
left: 0;
height: 18px;
width: 18px;
border: 1px solid #ddd;
border-radius: 400px;
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
-webkit-transition: all .2s;
}
.switch.switch-lg span {
width: 50px;
height: 25px;
}
.switch.switch-lg span:after {
height: 23px;
width: 23px;
}
.switch.switch-sm span {
width: 30px;
height: 15px;
}
.switch.switch-sm span:after {
height: 13px;
width: 13px;
}
.switch input:checked + span {
background-color: #5d9cec;
border-color: #5d9cec;
transition: all .5s;
}
.switch input:checked + span:after {
left: 50%;
transition: all .2s;
}
.switch input:disabled + span {
background-color: #f1f1f1;
cursor: not-allowed;
}
.form-control-feedback {
left: 16px;
right: auto;
}
.form-control + .form-control-feedback,
.form-control + .parsley-errors-list + .form-control-feedback {
right: 0;
left: auto;
}
.input-sm + .form-control-feedback,
.input-sm + .parsley-errors-list + .form-control-feedback {
top: 0;
}
.input-md {
width: 260px;
}
.note-editor {
background-image: -webkit-linear-gradient(#eee 0.1em, transparent 0.1em);
background-image: linear-gradient(#eee 0.1em, transparent 0.1em);
background-size: 100% 20px;
background-color: #fff;
line-height: 20px;
margin-top: 5px;
padding: 0;
padding-bottom: 1px;
border: none;
}
.note-editor.note-editor-margin {
background-image: -webkit-linear-gradient(0deg, transparent 49px, #ffe0c4 49px, #ffe0c4 51px, transparent 51px), -webkit-linear-gradient(#eee 0.1em, transparent 0.1em);
background-image: linear-gradient(90deg, transparent 49px, #ffe0c4 49px, #ffe0c4 51px, transparent 51px), linear-gradient(#eee 0.1em, transparent 0.1em);
padding-left: 55px;
}
/* ========================================================================
Component: form-validation.less
========================================================================== */
.parsley-error {
border-color: #f05050 !important;
}
.parsley-errors-list {
display: none;
margin: 0;
padding: 0;
}
.parsley-errors-list.filled {
display: block;
}
.parsley-errors-list > li {
font-size: 12px;
list-style: none;
color: #f05050;
}
/* ========================================================================
Component: form-tags.less
========================================================================== */
body .bootstrap-tagsinput {
box-shadow: 0 0 0 #000 !important;
display: block;
width: 100%;
height: 35px;
padding: 6px 16px;
font-size: 14px;
line-height: 1.52857143;
color: #3a3f51;
background-color: #fff;
background-image: none;
border: 1px solid #dde6e9;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
height: auto;
min-height: 35px;
margin-bottom: 0;
}
body .bootstrap-tagsinput:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
body .bootstrap-tagsinput::-moz-placeholder {
color: #b7bac9;
opacity: 1;
}
body .bootstrap-tagsinput:-ms-input-placeholder {
color: #b7bac9;
}
body .bootstrap-tagsinput::-webkit-input-placeholder {
color: #b7bac9;
}
body .bootstrap-tagsinput[disabled],
body .bootstrap-tagsinput[readonly],
fieldset[disabled] body .bootstrap-tagsinput {
cursor: not-allowed;
background-color: #edf1f2;
opacity: 1;
}
textareabody .bootstrap-tagsinput {
height: auto;
}
body .bootstrap-tagsinput .tag {
color: #fff;
}
/* ========================================================================
Component: form-wizard.less
========================================================================== */
.wizard,
.tabcontrol {
display: block;
width: 100%;
overflow: hidden;
}
.wizard a,
.tabcontrol a {
outline: 0;
}
.wizard ul,
.tabcontrol ul {
list-style: none !important;
padding: 0;
margin: 0;
}
.wizard ul > li,
.tabcontrol ul > li {
display: block;
padding: 0;
}
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info {
position: absolute;
left: -999em;
}
.wizard > .content > .title,
.tabcontrol > .content > .title {
position: absolute;
left: -999em;
}
.wizard > .steps {
position: relative;
display: block;
width: 100%;
}
.wizard > .steps .number {
font-size: 1.429em;
}
.wizard > .steps > ul > li {
width: 25%;
}
.wizard > .content {
background: #fff;
display: block;
margin: 0.5em;
min-height: 300px;
overflow: hidden;
position: relative;
width: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wizard > .content > .body {
float: left;
position: absolute;
width: 100%;
height: 95%;
padding: 2.5% 0;
}
.wizard > .content > .body ul {
list-style: disc !important;
}
.wizard > .content > .body ul > li {
display: list-item;
}
.wizard > .content > .body > iframe {
border: 0 none;
width: 100%;
height: 100%;
}
.wizard > .content > .body input {
display: block;
}
.wizard > .content > .body input.error {
background: #fbe3e4;
border: 1px solid #fbc2c4;
color: #8a1f11;
}
.wizard > .content > .body label {
display: inline-block;
margin-bottom: 0.5em;
}
.wizard > .content > .body label.error {
color: #f05050;
display: block !important;
margin-left: 1.5em;
padding: 0;
}
.wizard > .actions {
position: relative;
display: block;
text-align: right;
width: 100%;
}
.wizard > .actions > ul {
display: inline-block;
text-align: right;
}
.wizard > .actions > ul > li {
margin: 0 0.5em;
}
.wizard.vertical > .steps {
display: inline;
float: left;
width: 30%;
}
.wizard.vertical > .steps > ul > li {
float: none;
width: 100%;
}
.wizard.vertical > .content {
display: inline;
float: left;
margin: 0 2.5% 0.5em 2.5%;
width: 65%;
}
.wizard.vertical > .actions {
display: inline;
float: right;
margin: 0 2.5%;
width: 95%;
}
.wizard.vertical > .actions > ul > li {
margin: 0 0 0 1em;
}
.wizard > .steps > ul > li,
.wizard > .actions > ul > li {
float: left;
}
.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
display: block;
width: auto;
margin: 0 0.5em 0.5em;
padding: 1em 1em;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 0;
font-weight: bold;
color: #515253;
}
.wizard > .steps a > small,
.wizard > .steps a:hover > small,
.wizard > .steps a:active > small {
font-weight: normal;
color: #909FA7;
}
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
background: #fcfcfc;
color: #515253;
cursor: default;
}
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
background: #5d9cec;
color: #fff;
cursor: default;
}
.wizard > .steps .current a > small,
.wizard > .steps .current a:hover > small,
.wizard > .steps .current a:active > small {
color: #fff;
}
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
background: #fcfcfc;
color: #515253;
}
.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active {
background: #ff3111;
color: #fff;
}
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
display: inline-block;
padding: 6px 16px;
font-size: 13px;
border-radius: 3px;
text-decoration: none;
color: #fff;
background-color: #5d9cec;
border-color: #5d9cec;
}
.wizard > .actions a:focus,
.wizard > .actions a:hover:focus,
.wizard > .actions a:active:focus,
.wizard > .actions a.focus,
.wizard > .actions a:hover.focus,
.wizard > .actions a:active.focus {
color: #fff;
background-color: #4b91ea;
border-color: #3886e8;
}
.wizard > .actions a:hover,
.wizard > .actions a:hover:hover,
.wizard > .actions a:active:hover {
color: #fff;
background-color: #4b91ea;
border-color: #3886e8;
}
.wizard > .actions a:active,
.wizard > .actions a:hover:active,
.wizard > .actions a:active:active,
.wizard > .actions a.active,
.wizard > .actions a:hover.active,
.wizard > .actions a:active.active,
.open > .dropdown-toggle.wizard > .actions a,
.open > .dropdown-toggle.wizard > .actions a:hover,
.open > .dropdown-toggle.wizard > .actions a:active {
color: #fff;
background-color: #4b91ea;
border-color: #3886e8;
}
.wizard > .actions a:active:hover,
.wizard > .actions a:hover:active:hover,
.wizard > .actions a:active:active:hover,
.wizard > .actions a.active:hover,
.wizard > .actions a:hover.active:hover,
.wizard > .actions a:active.active:hover,
.open > .dropdown-toggle.wizard > .actions a:hover,
.open > .dropdown-toggle.wizard > .actions a:hover:hover,
.open > .dropdown-toggle.wizard > .actions a:active:hover,
.wizard > .actions a:active:focus,
.wizard > .actions a:hover:active:focus,
.wizard > .actions a:active:active:focus,
.wizard > .actions a.active:focus,
.wizard > .actions a:hover.active:focus,
.wizard > .actions a:active.active:focus,
.open > .dropdown-toggle.wizard > .actions a:focus,
.open > .dropdown-toggle.wizard > .actions a:hover:focus,
.open > .dropdown-toggle.wizard > .actions a:active:focus,
.wizard > .actions a:active.focus,
.wizard > .actions a:hover:active.focus,
.wizard > .actions a:active:active.focus,
.wizard > .actions a.active.focus,
.wizard > .actions a:hover.active.focus,
.wizard > .actions a:active.active.focus,
.open > .dropdown-toggle.wizard > .actions a.focus,
.open > .dropdown-toggle.wizard > .actions a:hover.focus,
.open > .dropdown-toggle.wizard > .actions a:active.focus {
color: #fff;
background-color: #4b91ea;
border-color: #3886e8;
}
.wizard > .actions a:active,
.wizard > .actions a:hover:active,
.wizard > .actions a:active:active,
.wizard > .actions a.active,
.wizard > .actions a:hover.active,
.wizard > .actions a:active.active,
.open > .dropdown-toggle.wizard > .actions a,
.open > .dropdown-toggle.wizard > .actions a:hover,
.open > .dropdown-toggle.wizard > .actions a:active {
background-image: none;
}
.wizard > .actions a.disabled:hover,
.wizard > .actions a:hover.disabled:hover,
.wizard > .actions a:active.disabled:hover,
.wizard > .actions a[disabled]:hover,
.wizard > .actions a:hover[disabled]:hover,
.wizard > .actions a:active[disabled]:hover,
fieldset[disabled] .wizard > .actions a:hover,
fieldset[disabled] .wizard > .actions a:hover:hover,
fieldset[disabled] .wizard > .actions a:active:hover,
.wizard > .actions a.disabled:focus,
.wizard > .actions a:hover.disabled:focus,
.wizard > .actions a:active.disabled:focus,
.wizard > .actions a[disabled]:focus,
.wizard > .actions a:hover[disabled]:focus,
.wizard > .actions a:active[disabled]:focus,
fieldset[disabled] .wizard > .actions a:focus,
fieldset[disabled] .wizard > .actions a:hover:focus,
fieldset[disabled] .wizard > .actions a:active:focus,
.wizard > .actions a.disabled.focus,
.wizard > .actions a:hover.disabled.focus,
.wizard > .actions a:active.disabled.focus,
.wizard > .actions a[disabled].focus,
.wizard > .actions a:hover[disabled].focus,
.wizard > .actions a:active[disabled].focus,
fieldset[disabled] .wizard > .actions a.focus,
fieldset[disabled] .wizard > .actions a:hover.focus,
fieldset[disabled] .wizard > .actions a:active.focus {
background-color: #5d9cec;
border-color: #5d9cec;
}
.wizard > .actions a .badge,
.wizard > .actions a:hover .badge,
.wizard > .actions a:active .badge {
color: #5d9cec;
background-color: #fff;
}
.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
color: #333;
background: #fff;
border: 1px solid #eaeaea;
}
.tabcontrol > .steps {
position: relative;
display: block;
width: 100%;
}
.tabcontrol > .steps > ul {
position: relative;
margin: 6px 0 0 0;
top: 1px;
z-index: 1;
}
.tabcontrol > .steps > ul > li {
float: left;
margin: 5px 2px 0 0;
padding: 1px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tabcontrol > .steps > ul > li > a {
color: #5f5f5f;
display: inline-block;
border: 0 none;
margin: 0;
padding: 10px 30px;
text-decoration: none;
}
.tabcontrol > .steps > ul > li > a:hover {
text-decoration: none;
}
.tabcontrol > .steps > ul > li:hover {
background: #edecec;
border: 1px solid #bbb;
padding: 0;
}
.tabcontrol > .steps > ul > li.current {
background: #fff;
border: 1px solid #bbb;
border-bottom: 0 none;
padding: 0 0 1px 0;
margin-top: 0;
}
.tabcontrol > .steps > ul > li.current > a {
padding: 15px 30px 10px 30px;
}
.tabcontrol > .content {
position: relative;
display: inline-block;
width: 100%;
height: 300px;
overflow: hidden;
border-top: 1px solid #bbb;
padding-top: 20px;
}
.tabcontrol > .content > .body {
float: left;
position: absolute;
width: 95%;
height: 95%;
padding: 2.5%;
}
.tabcontrol > .content > .body ul {
list-style: disc !important;
}
.tabcontrol > .content > .body ul > li {
display: list-item;
}
/* ========================================================================
Component: form-imgcrop.less
========================================================================== */
.img-container,
.img-preview {
background-color: #f7f7f7;
overflow: hidden;
width: 100%;
text-align: center;
}
.img-container {
min-height: 200px;
max-height: 340px;
margin-bottom: 20px;
}
.docs-preview {
margin-right: -15px;
margin-bottom: 10px;
}
.img-preview {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.img-preview > img {
max-width: 100%;
}
.preview-lg {
width: 263px;
height: 148px;
}
.preview-md {
width: 139px;
height: 78px;
}
.preview-sm {
width: 69px;
height: 39px;
}
.preview-xs {
width: 35px;
height: 20px;
margin-right: 0;
}
.cropper-container img {
display: block;
width: 100%;
min-width: 0 !important;
max-width: none !important;
height: 100%;
min-height: 0 !important;
max-height: none !important;
image-orientation: 0deg !important;
}
/* ========================================================================
Component: datatable.less
========================================================================== */
@media only screen and (max-width: 991px) {
.dataTables_filter {
clear: both;
}
}
.dataTables_filter input {
margin-left: 10px;
}
.dataTables_length {
float: left;
}
.dataTables_length select {
margin-right: 10px;
}
table.dataTable tfoot > tr > th {
color: #a1a2a3;
background: #f1f2f3;
}
.panel .dataTables_wrapper {
overflow: auto;
}
.panel .dataTables_wrapper .row {
margin: 10px 0;
}
.panel .dataTable {
width: 100% !important;
}
.html5buttons {
float: none;
text-align: center;
margin-bottom: 10px;
}
@media only screen and (min-width: 992px) {
.html5buttons {
float: right;
margin-left: 10px;
}
}
@media only screen and (max-width: 991px) {
div.ColVis {
float: none;
text-align: center;
}
div.ColVis button.ColVis_Button,
div.ColVis ul.ColVis_collection li {
float: none;
}
}
div.ColVis .ColVis_Button {
background-image: none;
border: 1px solid #e1e2e3;
box-shadow: 0 0 0 #000;
}
div.ColVis .ColVis_Button > span {
color: #656565;
}
.ColVis_collectionBackground {
display: none;
}
ul.ColVis_collection {
background-color: #fff;
}
ul.ColVis_collection > li {
border: 0 !important;
background-image: none !important;
box-shadow: 0 0 0 #000 !important;
margin: 0;
}
ul.ColVis_collection > li > label {
margin: 0;
}
ul.ColVis_collection > li > label > span {
color: #888;
vertical-align: top;
font-weight: normal;
}
ul.ColVis_collection > li > label > span:hover {
color: #555;
}
ul.ColVis_collection > li > label input[type=checkbox]:checked + span,
ul.ColVis_collection > li > label input[type=radio]:checked + span {
background-color: transparent;
}
.ColVis_catcher {
cursor: pointer;
}
.table-responsive {
/*border: 0;*/
}
.table-responsive .dataTables_wrapper .row {
margin: 0;
}
@media only screen and (max-width: 991px) {
.dataTables_length {
float: none;
}
div.dataTables_wrapper div.dataTables_length label,
div.dataTables_filter label,
div.dataTables_length label,
div.dataTables_paginate {
float: none;
text-align: center !important;
display: block;
}
div.dataTables_wrapper div.dataTables_length label select,
div.dataTables_filter label select,
div.dataTables_length label select,
div.dataTables_paginate select {
display: inline-block;
}
.dataTables_wrapper > .row > div {
float: none;
text-align: center;
width: 100%;
}
}
div.dt-button-info {
position: fixed;
top: 50%;
left: 50%;
width: 400px;
margin-top: -100px;
margin-left: -200px;
background-color: white;
border: 2px solid #dde6e9;
box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);
border-radius: 3px;
text-align: center;
z-index: 2100;
}
div.dt-button-info h2 {
padding: 0.5em;
margin: 0;
font-weight: normal;
border-bottom: 1px solid #ddd;
background-color: #f3f3f3;
}
div.dt-button-info h2:before {
content: "\f00c";
font-family: "Font Awesome\ 5 Free";
color: #27c24c;
margin-right: 8px;
}
div.dt-button-info > div {
padding: 1em;
}
/* ========================================================================
Component: table-extras.less
========================================================================== */
.table > thead > tr > th {
padding: 14px 8px;
color: #888;
}
.table > tbody > tr > td {
vertical-align: middle;
}
.table > tbody > tr > td > .media img {
width: 36px;
height: 36px;
margin: 0 auto;
}
.table .checkbox {
margin: 0 auto;
width: 20px;
}
.table .progress {
margin-bottom: 0;
}
.table .radial-bar {
margin-bottom: 0;
margin: 0 auto;
}
.jqstooltip {
box-sizing: content-box;
}
#table-ext-1 th:nth-child(1) {
width: 3%;
}
#table-ext-1 th:nth-child(2) {
width: 5%;
}
#table-ext-1 th:nth-child(7) {
width: 5%;
}
#table-ext-1 th:nth-child(9) {
width: 5%;
}
#table-ext-2 th:nth-child(1) {
width: 5%;
}
#table-ext-2 th:nth-child(3) {
width: 10%;
}
/* ========================================================================
Component: jqgrid.less
========================================================================== */
.ui-widget {
font-family: inherit;
}
.ui-jqgrid {
border-radius: 4px;
border-width: 3px 1px 1px 1px;
border-color: #cfdbe2;
}
.ui-jqgrid * {
max-width: 100%;
}
.ui-jqgrid .ui-jqgrid-titlebar {
position: relative;
padding: 8px 15px;
border-bottom: 0;
line-height: 1.52857143;
text-transform: none;
font-size: 14px;
font-weight: normal;
background-color: #fff;
color: #444;
height: auto;
}
.ui-jqgrid .ui-jqgrid-titlebar .ui-jqgrid-titlebar-close {
margin-right: 10px;
}
.ui-jqgrid .ui-jqgrid-pager {
position: relative;
padding: 8px 14px !important;
height: auto !important;
max-width: 100%;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-table .navtable .ui-corner-all {
border-radius: 0px;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-input,
.ui-jqgrid .ui-jqgrid-pager .ui-pg-selbox {
height: 24px;
padding: 4px;
font-size: 12px;
line-height: 1.5;
color: #3a3f51;
background-color: #fff;
background-image: none;
border: 1px solid #dde6e9;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.ui-jqgrid .ui-jqgrid-pager .ui-pager-control {
position: relative;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button:hover {
padding: 1px;
border: 0px;
}
.ui-jqgrid .loading {
position: absolute;
top: 45%;
left: 45%;
width: auto;
height: auto;
z-index: 101;
padding: 6px;
margin: 5px;
text-align: center;
font-weight: bold;
display: none;
border-width: 2px !important;
font-size: 11px;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 0;
background: #fafbfc;
font-weight: bold;
color: #888;
}
.ui-state-default.ui-state-hover,
.ui-widget-content .ui-state-default.ui-state-hover,
.ui-widget-header .ui-state-default.ui-state-hover {
background: #fafbfc;
}
.ui-state-default .ui-state-default,
.ui-widget-content .ui-state-default .ui-state-default,
.ui-widget-header .ui-state-default .ui-state-default {
border-top: 0 !important;
}
.ui-widget-header {
background-image: none;
}
.ui-jqgrid tr.ui-row-ltr td {
border-right: 0;
text-align: left;
border-color: #edf1f2;
background-color: inherit;
}
.ui-jqgrid tr.ui-search-toolbar th {
border-top-width: 0px !important;
border-top-color: inherit !important;
border-top-style: ridge !important;
}
.ui-jqgrid tr.jqgrow td {
padding: 8px;
}
.ui-jqgrid .ui-jqgrid-btable {
border-collapse: separate;
}
.ui-jqgrid .ui-jqgrid-htable {
border-collapse: separate;
}
.ui-jqgrid .ui-jqgrid-htable th {
padding: 14px 8px;
}
.ui-jqgrid .ui-jqgrid-bdiv,
.ui-jqgrid .ui-jqgrid-btable {
width: auto !important;
}
.ui-jqgrid tr.jqfoot td {
min-height: 25px;
padding: 5px 2px;
}
.ui-jqgrid tr.footrow td {
height: 30px;
}
.ui-jqgrid tr.footrow-ltr td {
border: 0;
}
.ui-search-toolbar input[type="text"] {
font-size: 12px;
height: 15px;
border: 1px solid #e4eaec;
border-radius: 0px;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
background: #edf1f2;
border-collapse: separate;
color: #656565;
}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
background: #edf1f2;
color: #656565;
}
.ui-widget-content {
color: #656565;
font-size: 13px;
background-image: none;
}
tr.ui-widget-content {
border: 0;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #edf1f2;
background: #fff;
font-weight: normal;
color: #888;
}
.ui-jqdialog .ui-jqdialog-titlebar {
padding: 10px 10px;
}
.ui-jqdialog .ui-jqdialog-title {
float: none !important;
}
.ui-jqdialog > .ui-resizable-se {
position: absolute;
}
/* ========================================================================
Component: plugins.less
- User this stylesheet to include single css styles and fixes
for plugins
========================================================================== */
/**
* Bootstrap Slider
*/
body {
/**
* Chosen
*/
/**
* Filestyle
*/
}
body .slider-handle,
body .slider-track,
body .slider-selection {
background-image: none;
box-shadow: 0 0 0 #000;
}
body .slider-handle {
background-color: #fff;
border: 1px solid #5d9cec;
opacity: 1;
}
body .slider-track {
background-color: #fff;
border: 1px solid #5d9cec;
}
body .slider-selection {
background-color: #5d9cec;
}
body .slider .tooltip.top .tooltip-arrow {
border-top-color: #2c3037;
}
body .slider .tooltip.right .tooltip-arrow {
border-right-color: #2c3037;
}
body .slider .tooltip-inner {
background-color: #2c3037;
}
body .slider-lg {
width: 380px;
}
body .chosen-container {
width: 100% !important;
max-width: 100%;
}
body .chosen-container-multi .chosen-choices {
box-shadow: 0 0 0 #000 !important;
display: block;
width: 100%;
height: 35px;
padding: 6px 16px;
font-size: 14px;
line-height: 1.52857143;
color: #3a3f51;
background-color: #fff;
background-image: none;
border: 1px solid #dde6e9;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
body .chosen-container-multi .chosen-choices:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
body .chosen-container-multi .chosen-choices::-moz-placeholder {
color: #b7bac9;
opacity: 1;
}
body .chosen-container-multi .chosen-choices:-ms-input-placeholder {
color: #b7bac9;
}
body .chosen-container-multi .chosen-choices::-webkit-input-placeholder {
color: #b7bac9;
}
body .chosen-container-multi .chosen-choices[disabled],
body .chosen-container-multi .chosen-choices[readonly],
fieldset[disabled] body .chosen-container-multi .chosen-choices {
cursor: not-allowed;
background-color: #edf1f2;
opacity: 1;
}
textareabody .chosen-container-multi .chosen-choices {
height: auto;
}
body .chosen-container-multi .chosen-choices li.search-field input[type=text] {
height: auto;
padding: 0;
}
body .chosen-container-multi .chosen-choices li.search-choice {
margin: 0 5px 3px 0;
background-color: #f5f6f7;
border: 1px solid #e7e9ec;
background-image: none;
}
body .chosen-container .chosen-results li.highlighted {
background-color: #a1a2a3;
background-image: none;
}
body .chosen-container .chosen-drop {
border-color: #ddd;
}
body .chosen-container .chosen-results li.group-result {
color: #747576;
letter-spacing: 0.02em;
}
body .chosen-container-single .chosen-single,
body .chosen-container-active.chosen-with-drop .chosen-single {
box-shadow: 0 0 0 #000 !important;
display: block;
width: 100%;
height: 35px;
padding: 6px 16px;
font-size: 14px;
line-height: 1.52857143;
color: #3a3f51;
background-color: #fff;
background-image: none;
border: 1px solid #dde6e9;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
body .chosen-container-single .chosen-single:focus,
body .chosen-container-active.chosen-with-drop .chosen-single:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
body .chosen-container-single .chosen-single::-moz-placeholder,
body .chosen-container-active.chosen-with-drop .chosen-single::-moz-placeholder {
color: #b7bac9;
opacity: 1;
}
body .chosen-container-single .chosen-single:-ms-input-placeholder,
body .chosen-container-active.chosen-with-drop .chosen-single:-ms-input-placeholder {
color: #b7bac9;
}
body .chosen-container-single .chosen-single::-webkit-input-placeholder,
body .chosen-container-active.chosen-with-drop .chosen-single::-webkit-input-placeholder {
color: #b7bac9;
}
body .chosen-container-single .chosen-single[disabled],
body .chosen-container-active.chosen-with-drop .chosen-single[disabled],
body .chosen-container-single .chosen-single[readonly],
body .chosen-container-active.chosen-with-drop .chosen-single[readonly],
fieldset[disabled] body .chosen-container-single .chosen-single,
fieldset[disabled] body .chosen-container-active.chosen-with-drop .chosen-single {
cursor: not-allowed;
background-color: #edf1f2;
opacity: 1;
}
textareabody .chosen-container-single .chosen-single,
textareabody .chosen-container-active.chosen-with-drop .chosen-single {
height: auto;
}
body .chosen-container-active .chosen-single,
body .chosen-container-active .chosen-choices {
border: 1px solid #66afe9;
}
body .chosen-container-single .chosen-drop {
margin-top: -3px;
}
body .chosen-container-single .chosen-single div {
top: 6px;
right: 5px;
}
body .chosen-container-multi .chosen-choices li.search-field input[type=text] {
color: #b7bac9;
}
body .bootstrap-filestyle {
max-width: 380px;
}
body [data-classyloader] {
max-width: 100%;
}
body .select2-container {
max-width: 100%;
}
body .select2-container--bootstrap .select2-selection--single,
body .select2-container--bootstrap .select2-selection--multiple {
border: 1px solid #dde6e9;
box-shadow: 0 0 0 #000 !important;
}
/* ========================================================================
Component: slim-scroll.less
========================================================================== */
[data-scrollable] {
display: block;
}
.slimScrollBar {
opacity: 1 !important;
background-color: rgba(0, 0, 0, 0.35) !important;
border: 0 !important;
border-radius: 1px !important;
}
.slimScrollRail {
opacity: 1 !important;
background-color: rgba(0, 0, 0, 0.15) !important;
border: 0 !important;
border-radius: 0 !important;
bottom: 0;
}
/* ========================================================================
Component: alerts.less
========================================================================== */
.alerts {
position: fixed;
top: 60px;
left: 60px;
z-index: 9090;
width: 350px;
left: auto;
right: 60px;
}
.alerts:hover .alert .close {
opacity: 1;
visibility: visible;
}
.alerts-top-right,
.alerts-bottom-right {
left: auto;
right: 60px;
}
.alerts-top-center,
.alerts-bottom-center {
left: 50%;
margin-left: -175px;
}
.alerts-bottom-left,
.alerts-bottom-right,
.alerts-bottom-center {
top: auto;
bottom: 60px;
}
@media (max-width: 480px) {
.alerts {
left: 10px;
right: 10px;
width: auto;
margin: 0;
}
}
/* ========================================================================
Component: notify.less
========================================================================== */
.uk-notify {
position: fixed;
top: 50px;
left: 50px;
z-index: 1040;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 350px;
}
.uk-notify-top-right,
.uk-notify-bottom-right {
left: auto;
right: 50px;
}
.uk-notify-top-center,
.uk-notify-bottom-center {
left: 50%;
margin-left: -175px;
}
.uk-notify-bottom-left,
.uk-notify-bottom-right,
.uk-notify-bottom-center {
top: auto;
bottom: 50px;
}
@media (max-width: 480px) {
.uk-notify {
left: 10px;
right: 10px;
width: auto;
margin: 0;
}
}
.uk-notify-message {
position: relative;
margin-bottom: 10px;
padding: 15px;
font-size: 16px;
line-height: 22px;
border-radius: 3px;
padding-right: 35px;
cursor: pointer;
}
.uk-notify-message.alert.alert-normal {
background: #444;
color: #fff;
}
.uk-notify-message > .close {
visibility: hidden;
}
.uk-notify-message:hover > .close {
visibility: visible;
}
/* ========================================================================
Component: calendar.less
========================================================================== */
.calendar-app .fc-button {
color: #333;
background-color: #fff;
border-color: #eaeaea;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
height: auto;
background-image: none;
}
.calendar-app .fc-button:focus,
.calendar-app .fc-button.focus {
color: #333;
background-color: #f5f5f5;
border-color: #d6d6d6;
}
.calendar-app .fc-button:hover {
color: #333;
background-color: #f5f5f5;
border-color: #d6d6d6;
}
.calendar-app .fc-button:active,
.calendar-app .fc-button.active,
.open > .dropdown-toggle.calendar-app .fc-button {
color: #333;
background-color: #f5f5f5;
border-color: #d6d6d6;
}
.calendar-app .fc-button:active:hover,
.calendar-app .fc-button.active:hover,
.open > .dropdown-toggle.calendar-app .fc-button:hover,
.calendar-app .fc-button:active:focus,
.calendar-app .fc-button.active:focus,
.open > .dropdown-toggle.calendar-app .fc-button:focus,
.calendar-app .fc-button:active.focus,
.calendar-app .fc-button.active.focus,
.open > .dropdown-toggle.calendar-app .fc-button.focus {
color: #333;
background-color: #f5f5f5;
border-color: #d6d6d6;
}
.calendar-app .fc-button:active,
.calendar-app .fc-button.active,
.open > .dropdown-toggle.calendar-app .fc-button {
background-image: none;
}
.calendar-app .fc-button.disabled:hover,
.calendar-app .fc-button[disabled]:hover,
fieldset[disabled] .calendar-app .fc-button:hover,
.calendar-app .fc-button.disabled:focus,
.calendar-app .fc-button[disabled]:focus,
fieldset[disabled] .calendar-app .fc-button:focus,
.calendar-app .fc-button.disabled.focus,
.calendar-app .fc-button[disabled].focus,
fieldset[disabled] .calendar-app .fc-button.focus {
background-color: #fff;
border-color: #eaeaea;
}
.calendar-app .fc-button .badge {
color: #fff;
background-color: #333;
}
.calendar-app .fc-button:active,
.calendar-app .fc-button.active,
.calendar-app .fc-button.fc-state-active {
outline: 0;
background-image: none;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.calendar-app .fc-button .fc-icon {
margin: 0 .1em;
font-size: inherit;
font-family: "Font Awesome\ 5 Free" !important;
vertical-align: baseline;
color: #555;
}
.calendar-app .fc-button .fc-icon:after {
display: none;
}
.calendar-app .fc-state-highlight,
.calendar-app .fc-day:hover {
background-color: #f7f8f9;
}
.calendar-app .fc-day-number {
font-size: 18px;
font-weight: bold;
color: #a1a2a3;
}
.calendar-app .fc-view {
overflow: visible;
}
.calendar-app .external-events {
margin: 0;
}
.calendar-app .external-events > div {
margin-right: 5px;
margin-bottom: 5px;
padding: 6px 10px;
color: #fff;
font-size: 11px;
border-radius: 2px;
cursor: move;
}
.calendar-app .external-events:empty {
content: "EMRTPUY";
}
.calendar-app .external-events-trash {
position: relative;
min-height: 120px;
}
.calendar-app .external-events-trash:after {
content: "\f00d";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #131e26;
opacity: 0;
font-family: "Font Awesome\ 5 Free";
color: #fff;
text-align: center;
font-size: 50px;
padding: 8%;
max-height: 100%;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: -1;
}
.calendar-app .external-events-trash.active:after {
opacity: 1;
z-index: 1;
}
.calendar-app .external-events-trash.hovered:after {
background-color: #fb797e;
}
.calendar-app .external-event-color-selector .circle.selected {
border: 3px solid rgba(255, 255, 255, 0.5);
}
/* ========================================================================
Component: spinner.less
========================================================================== */
body .whirl {
position: relative;
}
body .whirl:before {
content: attr(data-spinner-text);
display: block;
background-color: #f0f0f0;
opacity: 0.7;
}
body .whirl.solid {
opacity: 1;
}
body .whirl:after {
border-top-color: #5d9cec;
}
body .whirl.blade:after {
border-bottom-color: #5d9cec;
}
body .whirl.double-up:after {
border-right-color: #5d9cec;
border-top-color: #5d9cec;
border-left-color: #5d9cec;
border-bottom-color: #5d9cec;
}
body .whirl.duo:after {
border-right-color: #5d9cec;
border-left-color: #5d9cec;
border-top-color: #7266ba;
border-bottom-color: #7266ba;
}
body .whirl.helicopter:after {
background-color: #5d9cec;
}
body .whirl.ringed:after {
border-right-color: #23b7e5;
border-top-color: #7266ba;
border-left-color: #7266ba;
border-bottom-color: #7266ba;
}
body .whirl.traditional:after {
border-right-color: #23b7e5;
border-top-color: #23b7e5;
border-left-color: #7266ba;
border-bottom-color: #fad732;
}
body .whirl.line:after {
box-shadow: inset -10px 0px 0px rgba(93, 156, 236, 0.5);
}
.no-cssanimations body .whirl:before {
opacity: .9;
}
.no-cssanimations body .whirl:after {
content: "Loading...";
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
line-height: 40px;
color: #000;
opacity: 1;
border: 0;
box-shadow: 0 0 0 #000;
background-color: transparent;
text-align: center;
}
body .ball-pulse > div,
body .ball-grid-pulse > div,
body .square-spin > div,
body .ball-pulse-rise > div,
body .ball-rotate > div,
body .ball-rotate > div:before,
body .ball-rotate > div:after,
body .cube-transition > div,
body .ball-zig-zag > div,
body .ball-zig-zag-deflect > div,
body .ball-triangle-path > div,
body .ball-scale > div,
body .line-scale > div,
body .line-scale-party > div,
body .ball-scale-multiple > div,
body .ball-pulse-sync > div,
body .ball-beat > div,
body .line-scale-pulse-out > div,
body .line-scale-pulse-out-rapid > div,
body .ball-spin-fade-loader > div,
body .line-spin-fade-loader > div,
body .triangle-skew-spin > div,
body .ball-grid-beat > div,
body .semi-circle-spin > div {
background-color: #5d9cec;
}
body .ball-clip-rotate-multiple {
width: 1px;
}
body .ball-clip-rotate-multiple > div {
border-color: #5d9cec transparent #5d9cec transparent;
}
body .ball-clip-rotate-multiple > div:last-child {
border-color: transparent #5d9cec transparent #5d9cec;
}
body .ball-clip-rotate > div {
border-color: #5d9cec;
border-bottom-color: transparent;
}
body .ball-clip-rotate-pulse > div:first-child {
background-color: #5d9cec;
top: 5px;
left: -8px;
}
body .ball-clip-rotate-pulse > div:last-child {
border-color: #5d9cec transparent #5d9cec transparent;
}
body .square-spin > div,
body .ball-scale-ripple > div,
body .ball-scale-ripple-multiple > div {
border-color: #5d9cec;
}
body .pacman > div:first-of-type {
border-top-color: #5d9cec;
border-left-color: #5d9cec;
border-bottom-color: #5d9cec;
}
body .pacman > div:nth-child(2) {
border-top-color: #5d9cec;
border-left-color: #5d9cec;
border-bottom-color: #5d9cec;
}
body .pacman > div:nth-child(3),
body .pacman > div:nth-child(4),
body .pacman > div:nth-child(5),
body .pacman > div:nth-child(6) {
background-color: #5d9cec;
}
body .sk-rotating-plane.sk-spinner,
body .sk-double-bounce .sk-double-bounce1,
body .sk-double-bounce .sk-double-bounce2,
body .sk-wave .sk-rect,
body .sk-wandering-cubes .sk-cube1,
body .sk-wandering-cubes .sk-cube2,
body .sk-chasing-dots .sk-dot1,
body .sk-chasing-dots .sk-dot2,
body .sk-three-bounce div,
body .sk-circle .sk-child:before,
body .sk-cube-grid .sk-cube,
body .sk-fading-circle .sk-circle:before,
body .sk-spinner-pulse.sk-spinner,
body .sk-rotating-plane {
background-color: #5d9cec !important;
}
body .sk-wordpress .sk-inner-circle {
background-color: #fff;
}
/* just for loaders.css demo */
.loader-demo {
height: 150px;
padding-top: 50px;
text-align: center;
}
.loader-demo > div {
display: inline-block;
}
.loader-demo.loader-demo-sk {
padding-top: 0;
}
/* ========================================================================
Component: gmap.less
========================================================================== */
.gmap {
height: 300px;
}
.gmap.gmap-sm {
height: 150px;
}
/* ========================================================================
Component: vector-map.less
========================================================================== */
body .jvectormap-label {
position: absolute;
display: none;
border: solid 1px #313232;
border-radius: 2px;
background: #313232;
color: white;
padding: 3px 6px;
opacity: 0.9;
z-index: 1100;
}
body .jvectormap-zoomin,
body .jvectormap-zoomout {
position: absolute;
left: 10px;
width: 22px;
height: 22px;
border-radius: 2px;
background: #515253;
padding: 5px;
color: white;
cursor: pointer;
line-height: 10px;
text-align: center;
}
body .jvectormap-zoomin {
top: 10px;
}
body .jvectormap-zoomout {
top: 30px;
}
/* ========================================================================
Component: portlets.less
========================================================================== */
[data-toggle="portlet"] {
min-height: 30px;
}
[data-toggle="portlet"].portlet-handler,
[data-toggle="portlet"] .portlet-handler {
cursor: move;
}
.portlets-wrapper {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
overflow: auto;
}
.portlet.box-placeholder {
padding: 0;
}
/* ========================================================================
Component: mailbox.less
========================================================================== */
.mb-boxes {
overflow: hidden;
}
.mb-boxes .nav > li > a {
font-weight: 600;
color: #3a3f51;
margin: 5px 0;
-webkit-transition: background-color 0.3s ease;
-o-transition: background-color 0.3s ease;
transition: background-color 0.3s ease;
}
.mb-boxes .nav > li > a:hover,
.mb-boxes .nav > li > a:focus {
background-color: #C0D0D3;
}
.mb-boxes .nav > li.active > a {
background-color: #5d9cec !important;
color: #fff;
}
@media only screen and (min-width: 992px) {
.mb-boxes {
height: auto !important;
visibility: visible !important;
display: block;
}
}
@media only screen and (min-width: 992px) {
.mb-compose-button {
display: block;
width: 100%;
}
.mb-toggle-button {
display: none;
}
}
.mb-mails > tbody > tr > td {
border-top-color: transparent;
cursor: pointer;
}
.mb-mails .mb-mail-active {
background-color: #f7f8f9 !important;
}
.mb-mails .mb-mail-avatar {
float: left;
margin-right: 10px;
width: 40px;
height: 40px;
border-radius: 3px;
}
.mb-mails .mb-mail-date {
display: block;
float: right;
color: #909FA7;
font-size: 12px;
font-weight: bold;
}
.mb-mails .mb-mail-from {
font-size: 14px;
font-weight: 600;
line-height: 1;
}
.mb-mails .mb-mail-meta {
overflow: hidden;
}
.mb-mails .mb-mail-subject {
font-size: 18px;
font-weight: 600;
line-height: 1.1;
margin-bottom: 6px;
}
.mb-mails .mb-mail-preview {
clear: both;
margin-top: 10px;
color: #909FA7;
margin-top: 2px;
}
.mb-mails .mb-attachment {
margin-top: 30px;
padding-top: 30px;
border-top: 1px solid #e4eaec;
}
.mb-view > tbody > tr > td {
cursor: auto;
}
.mb-view .mb-mail-to-list {
margin-top: 6px;
}
.mb-view .mb-mail-to-list > a {
margin-right: 5px;
color: #909FA7;
}
/* ========================================================================
Component: Plan table
========================================================================== */
.plan {
background-color: #edf1f2;
overflow: auto;
border-radius: 4px;
padding-bottom: 30px;
}
.plan .plan-header {
background-color: #23b7e5;
color: #fff;
margin: 0;
padding: 20px 10px;
text-align: center;
}
.plan .plan-price {
background: #fff;
padding: 16px 8px;
text-align: center;
}
.plan .plan-price h2 {
margin: 0;
}
.plan .plan-period {
font-size: 16px;
}
.plan hr {
display: block;
margin: 24px;
border-top: 1px solid rgba(0, 0, 0, 0.05);
height: 0;
}
.plan .plan-description {
padding: 0 24px;
text-align: center;
}
.plan .plan-features {
list-style-type: none;
padding-left: 0;
margin-top: 25px;
margin-bottom: 25px;
text-align: left;
}
.plan .plan-features > li {
padding: 8px 24px;
}
.plan .plan-features > li > em {
color: #23b7e5;
margin-right: 7px;
}
.plan .plan-features > li:last-child {
padding-bottom: 0;
}
.plan .plan-feature-disable {
color: #f05050 !important;
}
/* ========================================================================
Component: utils.less
========================================================================== */
.m0 {
margin: 0 !important;
}
.ml0 {
margin-left: 0 !important;
}
.mr0 {
margin-right: 0 !important;
}
.mt0 {
margin-top: 0 !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.m {
margin: 10px !important;
}
.ml {
margin-left: 10px !important;
}
.mr {
margin-right: 10px !important;
}
.mt {
margin-top: 10px !important;
}
.mb {
margin-bottom: 10px !important;
}
.m-sm {
margin: 5px !important;
}
.ml-sm {
margin-left: 5px !important;
}
.mr-sm {
margin-right: 5px !important;
}
.mt-sm {
margin-top: 5px !important;
}
.mb-sm {
margin-bottom: 5px !important;
}
.m-lg {
margin: 15px !important;
}
.ml-lg {
margin-left: 15px !important;
}
.mr-lg {
margin-right: 15px !important;
}
.mt-lg {
margin-top: 15px !important;
}
.mb-lg {
margin-bottom: 15px !important;
}
.m-xl {
margin: 30px !important;
}
.ml-xl {
margin-left: 30px !important;
}
.mr-xl {
margin-right: 30px !important;
}
.mt-xl {
margin-top: 30px !important;
}
.mb-xl {
margin-bottom: 30px !important;
}
.mv {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.mh {
margin-left: 10px !important;
margin-right: 10px !important;
}
.mv-lg {
margin-top: 15px !important;
margin-bottom: 15px !important;
}
.mh-lg {
margin-left: 15px !important;
margin-right: 15px !important;
}
.mv-sm {
margin-top: 5px !important;
margin-bottom: 5px !important;
}
.mh-sm {
margin-left: 5px !important;
margin-right: 5px !important;
}
.p0 {
padding: 0 !important;
}
.pl0 {
padding-left: 0 !important;
}
.pr0 {
padding-right: 0 !important;
}
.pt0 {
padding-top: 0 !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.pv0 {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.ph0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.p {
padding: 10px !important;
}
.pl {
padding-left: 10px !important;
}
.pr {
padding-right: 10px !important;
}
.pt {
padding-top: 10px !important;
}
.pb {
padding-bottom: 10px !important;
}
.p-sm {
padding: 5px !important;
}
.pl-sm {
padding-left: 5px !important;
}
.pr-sm {
padding-right: 5px !important;
}
.pt-sm {
padding-top: 5px !important;
}
.pb-sm {
padding-bottom: 5px !important;
}
.p-lg {
padding: 15px !important;
}
.pl-lg {
padding-left: 15px !important;
}
.pr-lg {
padding-right: 15px !important;
}
.pt-lg {
padding-top: 15px !important;
}
.pb-lg {
padding-bottom: 15px !important;
}
.p-xl {
padding: 30px !important;
}
.pl-xl {
padding-left: 30px !important;
}
.pr-xl {
padding-right: 30px !important;
}
.pt-xl {
padding-top: 30px !important;
}
.pb-xl {
padding-bottom: 30px !important;
}
.pv {
padding-top: 10px !important;
padding-bottom: 10px !important;
}
.ph {
padding-left: 10px !important;
padding-right: 10px !important;
}
.pv-xl {
padding-top: 30px !important;
padding-bottom: 30px !important;
}
.ph-xl {
padding-left: 30px !important;
padding-right: 30px !important;
}
.pv-lg {
padding-top: 15px !important;
padding-bottom: 15px !important;
}
.ph-lg {
padding-left: 15px !important;
padding-right: 15px !important;
}
.pv-sm {
padding-top: 5px !important;
padding-bottom: 5px !important;
}
.ph-sm {
padding-left: 5px !important;
padding-right: 5px !important;
}
.b0 {
border-width: 0 !important;
}
.bl0 {
border-left-width: 0 !important;
}
.br0 {
border-right-width: 0 !important;
}
.bt0 {
border-top-width: 0 !important;
}
.bb0 {
border-bottom-width: 0 !important;
}
.br {
border-right: 1px solid rgba(0, 0, 0, 0.12);
}
.bl {
border-left: 1px solid rgba(0, 0, 0, 0.12);
}
.bt {
border-top: 1px solid rgba(0, 0, 0, 0.12);
}
.bb {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.b,
.ba {
border-right: 1px solid rgba(0, 0, 0, 0.12);
border-left: 1px solid rgba(0, 0, 0, 0.12);
border-top: 1px solid rgba(0, 0, 0, 0.12);
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.radius-clear {
border-radius: 0 !important;
}
.shadow-clear {
box-shadow: 0 0 0 #000 !important;
}
.text-white {
color: #fff;
}
.text-inverse {
color: #131e26;
}
.text-alpha {
color: rgba(255, 255, 255, 0.5);
}
.text-pink {
color: #f532e5;
}
.text-purple {
color: #7266ba;
}
.text-dark {
color: #3a3f51;
}
.text-alpha-inverse {
color: rgba(0, 0, 0, 0.5);
}
.text-green {
color: #37bc9b;
}
.text-yellow {
color: #fad732;
}
.text-gray-darker {
color: #232735;
}
.text-gray-dark {
color: #3a3f51;
}
.text-gray {
color: #dde6e9;
}
.text-gray-light {
color: #e4eaec;
}
.text-gray-lighter {
color: #edf1f2;
}
.text-inherit {
color: inherit;
}
.text-sm {
font-size: 11.9px;
}
.text-md {
font-size: 26.6px;
}
.text-lg {
font-size: 42px;
}
.text-nowrap {
white-space: nowrap;
}
.text-thin {
font-weight: 100 !important;
}
.text-normal {
font-weight: normal !important;
}
.text-bold {
font-weight: bold !important;
}
.inline {
display: inline-block !important;
}
.block-center {
margin: 0 auto;
}
.bg-primary {
background-color: #5d9cec;
color: #fff !important;
}
.bg-primary-light {
background-color: #8bb8f1;
color: #fff !important;
}
.bg-primary-dark {
background-color: #2f80e7;
color: #fff !important;
}
.bg-primary small {
color: inherit;
}
.bg-success {
background-color: #27c24c;
color: #fff !important;
}
.bg-success-light {
background-color: #43d967;
color: #fff !important;
}
.bg-success-dark {
background-color: #1e983b;
color: #fff !important;
}
.bg-success small {
color: inherit;
}
.bg-info {
background-color: #23b7e5;
color: #fff !important;
}
.bg-info-light {
background-color: #51c6ea;
color: #fff !important;
}
.bg-info-dark {
background-color: #1797be;
color: #fff !important;
}
.bg-info small {
color: inherit;
}
.bg-warning {
background-color: #ff902b;
color: #fff !important;
}
.bg-warning-light {
background-color: #ffab5e;
color: #fff !important;
}
.bg-warning-dark {
background-color: #f77600;
color: #fff !important;
}
.bg-warning small {
color: inherit;
}
.bg-danger {
background-color: #f05050;
color: #fff !important;
}
.bg-danger-light {
background-color: #f47f7f;
color: #fff !important;
}
.bg-danger-dark {
background-color: #ec2121;
color: #fff !important;
}
.bg-danger small {
color: inherit;
}
.bg-green {
background-color: #37bc9b;
color: #fff !important;
}
.bg-green-light {
background-color: #58ceb1;
color: #fff !important;
}
.bg-green-dark {
background-color: #2b957a;
color: #fff !important;
}
.bg-green small {
color: inherit;
}
.bg-pink {
background-color: #f532e5;
color: #fff !important;
}
.bg-pink-light {
background-color: #f763eb;
color: #fff !important;
}
.bg-pink-dark {
background-color: #e90bd6;
color: #fff !important;
}
.bg-pink small {
color: inherit;
}
.bg-purple {
background-color: #7266ba;
color: #fff !important;
}
.bg-purple-light {
background-color: #9289ca;
color: #fff !important;
}
.bg-purple-dark {
background-color: #564aa3;
color: #fff !important;
}
.bg-purple small {
color: inherit;
}
.bg-inverse {
background-color: #131e26;
color: #fff !important;
}
.bg-inverse-light {
background-color: #243948;
color: #fff !important;
}
.bg-inverse-dark {
background-color: #020304;
color: #fff !important;
}
.bg-inverse small {
color: inherit;
}
.bg-yellow {
background-color: #fad732;
color: #fff !important;
}
.bg-yellow-light {
background-color: #fbe164;
color: #fff !important;
}
.bg-yellow-dark {
background-color: #f3ca06;
color: #fff !important;
}
.bg-yellow small {
color: inherit;
}
.bg-white {
background-color: #fff;
color: inherit !important;
}
.bg-gray-darker {
background-color: #232735;
color: #fff !important;
}
.bg-gray-dark {
background-color: #3a3f51;
color: #fff !important;
}
.bg-gray {
background-color: #dde6e9;
color: #515253 !important;
}
.bg-gray-light {
background-color: #e4eaec;
color: #515253 !important;
}
.bg-gray-lighter {
background-color: #edf1f2;
color: #515253 !important;
}
.bg-transparent {
background-color: transparent !important;
}
.bg-cover {
background-size: cover;
}
.thumb8 {
width: 8px !important;
height: 8px !important;
}
.thumb16 {
width: 16px !important;
height: 16px !important;
}
.thumb24 {
width: 24px !important;
height: 24px !important;
}
.thumb32 {
width: 32px !important;
height: 32px !important;
}
.thumb48 {
width: 48px !important;
height: 48px !important;
}
.thumb64 {
width: 64px !important;
height: 64px !important;
}
.thumb80 {
width: 80px !important;
height: 80px !important;
}
.thumb96 {
width: 96px !important;
height: 96px !important;
}
.thumb128 {
width: 128px !important;
height: 128px !important;
}
.align-middle {
vertical-align: middle;
}
.align-top {
vertical-align: top;
}
.align-bottom {
vertical-align: bottom;
}
.bg-center {
background-position: center center;
background-size: cover;
}
.list-icon em {
font-size: 14px;
width: 40px;
vertical-align: middle;
margin: 0;
display: inline-block;
text-align: center;
-webkit-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
line-height: 30px;
}
.list-icon div:hover em {
-webkit-transform: scale(3, 3);
-ms-transform: scale(3, 3);
-o-transform: scale(3, 3);
transform: scale(3, 3);
}
.wd-xxs {
width: 60px;
}
.wd-xs {
width: 90px;
}
.wd-sm {
width: 150px;
}
.wd-sd {
width: 200px;
}
.wd-md {
width: 240px;
}
.wd-lg {
width: 280px;
}
.wd-xl {
width: 320px;
}
.wd-xxl {
width: 360px;
}
.wd-wide {
width: 100%;
}
.wd-auto {
width: auto;
}
.wd-zero {
width: 0;
}
.label-inverse {
background-color: #131e26;
}
.label-inverse[href]:hover,
.label-inverse[href]:focus {
background-color: #020304;
}
.label-green {
background-color: #37bc9b;
}
.label-green[href]:hover,
.label-green[href]:focus {
background-color: #2b957a;
}
.label-pink {
background-color: #f532e5;
}
.label-pink[href]:hover,
.label-pink[href]:focus {
background-color: #e90bd6;
}
.label-purple {
background-color: #7266ba;
}
.label-purple[href]:hover,
.label-purple[href]:focus {
background-color: #564aa3;
}
.alert-purple {
background-color: #7266ba;
border-color: #7266ba;
color: #fff;
}
.alert-purple hr {
border-top-color: #6254b2;
}
.alert-purple .alert-link {
color: #e6e6e6;
}
.alert-green {
background-color: #37bc9b;
border-color: #37bc9b;
color: #fff;
}
.alert-green hr {
border-top-color: #31a88b;
}
.alert-green .alert-link {
color: #e6e6e6;
}
.alert-pink {
background-color: #f532e5;
border-color: #f532e5;
color: #fff;
}
.alert-pink hr {
border-top-color: #f41ae2;
}
.alert-pink .alert-link {
color: #e6e6e6;
}
.alert-inverse {
background-color: #131e26;
border-color: #131e26;
color: #fff;
}
.alert-inverse hr {
border-top-color: #0a1115;
}
.alert-inverse .alert-link {
color: #e6e6e6;
}
.clickable {
cursor: pointer;
}
.abs-center-container {
position: relative;
}
.abs-center {
height: 50%;
overflow: auto;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.abs-center.abs-fixed {
position: fixed;
z-index: 999;
}
.abs-center.abs-right {
left: auto;
right: 20px;
text-align: right;
}
.abs-center.abs-left {
right: auto;
left: 20px;
text-align: left;
}
@media (max-height: 720px) {
.abs-center {
position: relative;
}
}
.link-unstyled {
text-decoration: none !important;
outline: none !important;
}
.no-resize {
resize: none;
max-width: 100%;
min-width: 100%;
}
/**
* Displays hidden content on hover. Add this class to the parent element.
* Markup
*
*/
.hover-visible .hover-hidden {
display: none;
}
.hover-visible:hover .hover-hidden {
display: block;
}
.hover-visible:hover .hover-hidden-inline {
display: inline-block;
}
.media-box,
.media-box-body {
overflow: hidden;
zoom: 1;
}
.media-box,
.media-box .media-box {
margin-top: 15px;
}
.media-box:first-child {
margin-top: 0;
}
.media-box-object {
display: block;
}
.media-box-heading {
margin: 0 0 5px;
}
.media-box > .pull-left {
margin-right: 10px;
}
.media-box > .pull-right {
margin-left: 10px;
}
.media-box-list {
padding-left: 0;
list-style: none;
}
/* ========================================================================
Component: print.less
========================================================================== */
@media print {
.sidebar,
.topnavbar,
.offsidebar,
.btn {
display: none !important;
width: 0 !important;
height: 0 !important;
}
.wrapper,
.wrapper > section,
.content-wrapper {
margin: 0 !important;
/* remove margin used for sidebar and expand the content */
padding: 0 !important;
width: 100% !important;
}
.content-wrapper {
overflow: hidden !important;
}
}
.setting-color {
padding: 0 5px;
}
.setting-color > label {
display: block;
position: relative;
margin: 0 10px;
border-radius: 3px;
overflow: hidden;
border: 1px solid rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.setting-color > label:first-child {
margin-left: 0;
}
.setting-color > label:last-child {
margin-right: 0;
}
.setting-color > label > .color {
display: block;
height: 18px;
}
.setting-color > label > .split {
display: block;
}
.setting-color > label > .split:before,
.setting-color > label > .split:after {
content: " ";
display: table;
}
.setting-color > label > .split:after {
clear: both;
}
.setting-color > label > .split > .color {
display: block;
height: 37.5px;
}
.setting-color > label > .split > .color:first-child {
float: left;
width: 70%;
}
.setting-color > label > .split > .color:last-child {
float: right;
width: 30%;
}
.setting-color > label > .icon-check {
position: absolute;
display: block;
left: 50%;
top: 50%;
width: 20px;
height: 20px;
margin-top: -20px;
margin-left: -10px;
text-align: center;
font-size: 1.33333333em;
vertical-align: -15%;
color: #fff;
opacity: 0;
}
.setting-color > label > input[type="radio"] {
position: absolute;
opacity: 0;
visibility: hidden;
}
.setting-color > label > input[type="radio"]:checked + .icon-check {
opacity: 1 !important;
}
.flatdoc-wrapper {
display: block;
margin: -15px;
}
@media only screen and (min-width: 768px) {
.flatdoc-wrapper {
margin: -20px;
}
}
.flatdoc-wrapper .flatdoc {
width: 100%;
height: 100%;
}
@media only screen and (min-width: 768px) {
.flatdoc-wrapper .flatdoc {
display: table;
table-layout: fixed;
border-spacing: 0;
}
}
.flatdoc-wrapper .flatdoc-menu {
border-right: 1px solid #e1e2e3;
font-size: 14px;
}
@media only screen and (min-width: 768px) {
.flatdoc-wrapper .flatdoc-menu {
position: relative;
display: table-cell;
height: 100%;
vertical-align: top;
width: 180px;
}
.flatdoc-wrapper .flatdoc-menu > ul {
padding-top: 20px;
}
}
.flatdoc-wrapper .flatdoc-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.flatdoc-wrapper .flatdoc-menu ul.level-1 > li > a {
padding-top: 25px;
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #e1e2e3;
pointer-events: none;
}
.flatdoc-wrapper .flatdoc-menu ul.level-2 > li + li > a,
.flatdoc-wrapper .flatdoc-menu ul.level-2 > li:first-child > a {
background-color: rgba(255, 255, 255, 0.75);
}
.flatdoc-wrapper .flatdoc-menu ul a {
position: relative;
display: block;
padding: 10px;
padding-right: 30px;
}
.flatdoc-wrapper .flatdoc-menu ul a,
.flatdoc-wrapper .flatdoc-menu ul a:visited {
color: #3a3f51;
}
.flatdoc-wrapper .flatdoc-menu ul a:hover {
color: #2e3241;
background-color: rgba(255, 255, 255, 0.75);
text-decoration: none;
}
.flatdoc-wrapper .flatdoc-menu ul a.level-1 {
font-family: montserrat, sans-serif;
text-transform: uppercase;
font-size: 0.9em;
font-weight: bold;
}
.flatdoc-wrapper .flatdoc-menu ul a.level-1,
.flatdoc-wrapper .flatdoc-menu ul a.level-1:visited {
color: #3a3f51;
}
.flatdoc-wrapper .flatdoc-menu ul a.level-1:hover {
color: #3a3f51;
}
.flatdoc-wrapper .flatdoc-menu ul a.level-2 {
font-weight: 600;
}
.flatdoc-wrapper .flatdoc-menu ul a.level-3 {
font-weight: normal;
font-size: 0.9em;
padding-left: 15px;
}
.flatdoc-wrapper .flatdoc-menu ul a.active {
font-weight: bold !important;
}
.flatdoc-wrapper .flatdoc-menu ul a.active,
.flatdoc-wrapper .flatdoc-menu ul a.active:visited,
.flatdoc-wrapper .flatdoc-menu ul a.active:hover {
color: #505050 !important;
}
.flatdoc-wrapper .flatdoc-menu ul a.active:after {
content: '';
display: block;
position: absolute;
top: 50%;
margin-top: -2px;
right: 15px;
width: 9px;
height: 3px;
border-radius: 2px;
background: #3a3f51;
}
.flatdoc-wrapper .flatdoc-content {
padding-left: 20px;
padding-right: 20px;
padding-top: 1px;
padding-bottom: 50px;
background-color: #fff;
}
@media only screen and (min-width: 768px) {
.flatdoc-wrapper .flatdoc-content {
display: table-cell;
height: 100%;
vertical-align: top;
}
}
.flatdoc-wrapper .flatdoc-content pre {
background-color: #f3f6fb;
border: 1px solid #dde6e9;
}
.flatdoc-wrapper .flatdoc-content pre code {
display: inline-block;
white-space: pre;
}
.flatdoc-wrapper .flatdoc-content pre code .string,
.flatdoc-wrapper .flatdoc-content pre code .number {
color: #2b957a;
}
.flatdoc-wrapper .flatdoc-content pre code .init {
color: #2b957a;
}
.flatdoc-wrapper .flatdoc-content pre code .keyword {
color: #3a3f51;
font-weight: bold;
}
.flatdoc-wrapper .flatdoc-content pre code .comment {
color: #909FA7;
}
.flatdoc-wrapper .flatdoc-content > h1 {
padding: 11px 0;
margin: 0;
line-height: 1;
}
.flatdoc-wrapper .flatdoc-content > h2,
.flatdoc-wrapper .flatdoc-content > h3 {
padding: 20px;
border-top: 1px solid #f1f2f3;
margin: 0 -20px;
}
.flatdoc-wrapper .button {
display: inline-block;
padding: 6px 16px;
font-size: 13px;
border-radius: 3px;
text-decoration: none;
color: #fff;
background-color: #23b7e5;
border-color: #23b7e5;
}
.flatdoc-wrapper .button:focus,
.flatdoc-wrapper .button.focus {
color: #fff;
background-color: #1aacda;
border-color: #189ec8;
}
.flatdoc-wrapper .button:hover {
color: #fff;
background-color: #1aacda;
border-color: #189ec8;
}
.flatdoc-wrapper .button:active,
.flatdoc-wrapper .button.active,
.open > .dropdown-toggle.flatdoc-wrapper .button {
color: #fff;
background-color: #1aacda;
border-color: #189ec8;
}
.flatdoc-wrapper .button:active:hover,
.flatdoc-wrapper .button.active:hover,
.open > .dropdown-toggle.flatdoc-wrapper .button:hover,
.flatdoc-wrapper .button:active:focus,
.flatdoc-wrapper .button.active:focus,
.open > .dropdown-toggle.flatdoc-wrapper .button:focus,
.flatdoc-wrapper .button:active.focus,
.flatdoc-wrapper .button.active.focus,
.open > .dropdown-toggle.flatdoc-wrapper .button.focus {
color: #fff;
background-color: #1aacda;
border-color: #189ec8;
}
.flatdoc-wrapper .button:active,
.flatdoc-wrapper .button.active,
.open > .dropdown-toggle.flatdoc-wrapper .button {
background-image: none;
}
.flatdoc-wrapper .button.disabled:hover,
.flatdoc-wrapper .button[disabled]:hover,
fieldset[disabled] .flatdoc-wrapper .button:hover,
.flatdoc-wrapper .button.disabled:focus,
.flatdoc-wrapper .button[disabled]:focus,
fieldset[disabled] .flatdoc-wrapper .button:focus,
.flatdoc-wrapper .button.disabled.focus,
.flatdoc-wrapper .button[disabled].focus,
fieldset[disabled] .flatdoc-wrapper .button.focus {
background-color: #23b7e5;
border-color: #23b7e5;
}
.flatdoc-wrapper .button .badge {
color: #23b7e5;
background-color: #fff;
}
/**** colors
Colors: (gradients of these are also okay on the table backgrounds)
Blue Pantone 287 - Hex 00539B (RGB: 0 83 155)
Green Pantone 377 – Hex 78A13F (RGB: 120 161 63)
Blue 2 Pantone 549 – Hex 569BBE (RGB: 86 155 190)
Dark Gray – Hex 636466 (RGB: 99 100 102)
Light Gray – Hex C9CACC (RGB: 201 202 204)
Navy Pantone 289 – Hex 002B5C (RGB: 0 43 92)
OTHER APPROVED COLORS: (I did not use these but if you should need other colors for something these are the only approved colors)
Pantone 633 – Hex 008BB0 (RGB:0 139 176)
Pantone 242 – Hex 820053 (RGB: 130 0 83)
Pantone 7718 – Hex 00746D (RGB: 0 116 109)
Pantone 1225 – Hex #FFCE51 (RGB: 255 206 81)
*/
/***** login *****/
#login-background {
margin: 0;
padding: 0;
height: 100%;
text-align: center;
background-image: url('../Images/cubixx portal login background.jpg');
background-size: cover;
background-repeat: no-repeat;
background-position: center top;
font-size: 12px;
font-family: Trebuchet MS;
}
#loginBox {
background-image: url(../Images/login-drop-shadow.png);
background-repeat: no-repeat;
width: 798px;
position: relative;
top: 50px;
padding-top: 40px;
padding-bottom: 30px;
margin: 0 auto;
vertical-align: middle;
}
.business-logo-img {
max-width: 300px;
max-height: 78px;
}
#loginBox table {
background-color: transparent;
}
#loginBox .leftSide {
padding-left: 80px;
padding-right: 20px;
border-right: 2px solid #757575;
}
#loginBox .rightSide {
padding-left: 20px;
padding-right: 20px;
text-align: left;
}
#marketing {
line-height: 15px;
text-align: right;
padding: 15px 0 15px 0;
width: 300px;
}
#currentUsers {
font-size: 16px;
}
#inputArea {
padding: 15px 0 15px 0;
}
/***** end login ****/
#logout, #customerSupport {
margin-left: 1em;
}
/***** footer *****/
#footer {
border-top: 2px solid #c4c4c4;
clear: left;
color: #c4c4c4;
font-size: .8em;
margin-top: 10px;
padding-top: 10px;
text-align: center;
}
.footer-lnk {
color: #C4C4C4;
}
/***** end footer *****/
a {
cursor: pointer;
}
.blue {
color: #00539B;
}
.centered-spinner {
width: 48px;
height: 48px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -24px;
margin-top: -24px;
padding-bottom: 2em;
z-index: 1200;
display: none;
}
.less-padding {
padding: 0 5px 0 5px;
}
label.less-padding {
padding: 0 10px 0 10px;
}
.control-label, .label-color {
color: #999;
}
.control-padding {
padding: 0 15px 0 0;
}
.control-padding-top {
padding-top: 1.8em;
}
.padded-top {
padding-top: 14px !important;
}
.padded-top-sm {
padding-top: 0.8em !important;
}
.no-padding {
padding: 0;
}
.no-padding-bottom {
padding-bottom: 0;
}
.no-rl-margin {
margin-left: 0;
margin-right: 0;
}
.no-tb-margin {
margin-top: 0;
margin-bottom: 0;
}
.no-margin-bottom {
margin-bottom: 0 !important;
}
.nav-padding-top-btm {
padding-top: 8px;
padding-bottom: 8px;
}
.padding-md {
padding: 10px;
}
.padding-md-hor {
padding-left: 10px;
padding-right: 10px;
}
.padding-sm {
padding: 5px;
}
padding-tb-sm {
padding-top: 5px;
padding-bottom: 5px;
}
.margin-top-bottom {
margin-top: 5px;
margin-bottom: 5px;
}
.margin-top-xl {
margin-top: 2em;
}
.margin-top-md {
margin-top: 1em;
}
.margin-top-sm {
margin-top: 0.5em;
}
.margin-sm-btm {
margin-bottom: 10px;
}
.margin-bottom-xs {
margin-bottom: 3px;
}
.margin-bottom-md {
margin-bottom: 15px;
}
.margin-left {
margin-left: 0.5em;
}
.margin-left-right {
margin-left: 0.5em;
margin-right: 0.5em;
}
.mt-10p {
margin-top: 10px;
}
.bd-r{
border-right: 1px solid #ccc;
}
.v-align-middle {
vertical-align: middle;
}
.v-align-top {
vertical-align: top;
}
.v-align-bottom {
vertical-align: bottom;
}
.disabled {
cursor: not-allowed;
pointer-events: none;
}
.cb-icon-link {
font-size: 16px;
}
.cb-item {
border: 1px solid #ccc;
border-radius: 4px;
}
.cb-item:hover {
background-color: #efefef;
}
.cb-item.cb-item-sm {
padding: 0.3em;
margin-right: 0.3em;
margin-bottom: 0.3em;
font-weight: 100;
}
.cb-item.cb-item-sm.red {
background-color: #e23126;
color: #fff;
}
.cb-item.cb-item-sm.red > a {
color: #fff;
}
/* Begin Multi Select */
.multi-selected {
border: 1px solid rgb(207, 219, 226);
border-radius: 4px;
margin-top: 4px;
}
.multi-selected .remove-all {
background-color: rgb(207, 219, 226);
font-size: 0.85em;
padding: 0 5px;
}
.multi-selected ul {
padding-left: 4px;
padding-right: 4px;
margin-bottom: 0;
}
.multi-selected ul > li {
border: 1px solid rgb(207, 219, 226);
border-radius: 4px;
padding: 4px;
margin-right: 4px;
margin-top: 4px;
margin-bottom: 4px;
font-size: 0.85em;
}
.multi-selected ul > li a:hover {
text-decoration: none;
}
/* End Multi Select */
.cb-checkbox input {
display: none !important;
}
.cb-checkbox input[type=checkbox] + label {
display: inline-block;
border-radius: 4px;
background: #dddddd;
/*height: 40px;*/
/*width: 30px;*/
margin-right: 3px;
/*line-height: 40px;*/
text-align: center;
cursor: pointer;
padding: 0.3em;
}
.cb-checkbox input[type=checkbox]:checked + label {
background: #5d9cec;
color: #ffffff;
}
.table-cb > tbody > tr {
cursor: pointer;
}
.table-cb > tbody > tr.active > td {
background-color: #ddd;
font-weight: bold;
}
.has-error {
color: #E23126;
}
.has-error .btn.selectpicker {
border-color: #E23126;
}
.input-has-error {
border: 1px solid #f05050 !important;
}
.select-has-error + .form-control {
border: 1px solid #f05050 !important;
height: auto !important;
}
fieldset .form-group {
margin-bottom: 1em;
}
table > tbody > tr > td > .cb-form-control,
table > thead > tr > td > .cb-form-control {
padding: 6px;
border-color: #dde6e9;
border-radius: 3px;
}
table > thead > tr > td > .cb-form-control {
width: 100%;
}
/*** table ***/
.selected-row {
color: #008BB0;
font-weight: bold;
}
.alt-selected-row, .alt-selecteditem-row > td {
background-color: #FFCE51;
font-weight: bold;
}
.table-footer {
width: 100%;
border: 1px solid #BDC3C7;
padding: .5em;
font-weight: bold;
background-color: #FFF;
}
table.dataGrid tbody td {
border-bottom: 1px solid #AAAAAA;
vertical-align: top;
}
table.dataGrid td {
padding: 5px 0px 5px 0px;
}
table.dataGrid thead td {
background-color: #D2E8F2;
border-top: 1px solid #AAAAAA;
border-bottom: 1px solid #AAAAAA;
padding: 5px 0px 5px 0px;
}
td.spacer {
height: 10px;
}
thead tr.tag-order-header {
background-color: #D2E8F2;
border-top: 2px solid #8da0ff;
border-bottom: 2px solid #8da0ff;
border-right: 2px solid #8da0ff;
border-left: 2px solid #8da0ff;
}
tbody.tag-order-data tr {
border-right: 2px solid #8da0ff;
border-left: 2px solid #8da0ff;
}
strong span.highlighted-description, .highlighted-description {
font-size: large;
}
.total-pieces-footer {
background-color: #33FF66;
border-bottom: 2px solid #8da0ff;
border-right: 2px solid #8da0ff;
border-left: 2px solid #8da0ff;
}
.dea-approval-highlight, #dea-approval-grid
.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell,
#manage-inventory-grid .ui-grid-row.ui-grid-row-selected > [ui-grid-row]
> .ui-grid-cell {
background-color: #FFFF00;
}
.dea-header {
background-color: #c9dde1 !important;
}
.dea-parent-detail {
background-color: lightgray !important;
color: #000000 !important;
}
/*** end table ***/
/***** styles for validation helpers *****/
.field-validation-error {
color: #b94a48;
}
.field-validation-valid {
display: none;
}
input.input-validation-error {
border: 1px solid #b94a48 !important;
}
select.input-validation-error {
border: 1px solid #b94a48;
}
input[type="checkbox"].input-validation-error {
border: 0 none;
}
.validation-summary-errors {
color: #b94a48;
}
.validation-summary-valid {
display: none;
}
.css-form input.ng-invalid.ng-dirty,
.css-form select.ng-invalid.ng-dirty,
.css-form textarea.ng-invalid.ng-dirty {
background-color: #FA787E;
}
/***** end styles for validation helpers *****/
.modal-max .modal-body{
max-height: calc(100vh - 200px);
overflow: auto;
}
.tag-deletable {
color: #466;
font-family: Courier New, Courier, monospace;
}
.tag-deletable:hover {
color: red;
text-decoration: underline;
cursor: pointer;
}
.loginView, .splash-screen {
background-color: white;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1100;
}
.tag-color-indicator {
padding: 10px 16px;
margin-left: 20px;
border-radius: 2px;
float: right;
font-size: 18px;
font-weight: bold;
}
.tag-color-green {
background-color: green;
color: white;
}
.tag-color-white {
background-color: white;
color: gray;
}
.tag-color-red {
background-color: #d35400;
color: white;
}
.tag-color-yellow {
background-color: #f1c40f;
color: black;
}
.key-entry-section {
background-color: #e4e6e8;
margin: 2em 0 0 0;
padding: 1em 2em;
}
.key-entry-label {
margin: .1em 0 0 0;
font-size: 1.4em;
}
.key-entry-input {
width: 250px;
font-size: 1.4em;
}
.tags-list-container {
background-color: rgba(86,155,190,.3);
margin: 30px 0;
padding: 10px;
}
.tags-list-label {
font-size: 1.2em;
margin: 0 1.5em 0 0;
color: #677;
font-weight: bold;
text-align: right;
}
.tags-list {
overflow-y: auto;
font-size: 1.1em;
height: 3em;
}
.tag-complete {
background-color: #f3f5F7;
color: #959Ca4;
}
.ellipsis {
overflow: hidden;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.animate {
-webkit-transition: all linear 0.5s;
transition: all linear 0.5s;
}
.animate.ng-hide {
opacity: 0;
}
.fullScreen {
margin: 0;
padding: 0;
height: 100%;
text-align: center;
font-size: 12px;
font-family: Trebuchet MS;
background-color: white;
width: 100%;
height: 100%;
position: absolute;
top: 0px;
left: 0px;
z-index: 1100;
}
.splash-screen {
background-image: url('../Images/cubixx portal login background.jpg');
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.splash-screen > div {
position: relative;
top: 100px;
width: 300px;
background-color: white;
}
div.center {
display: block;
margin-left: auto;
margin-right: auto;
}
body.is-admin {
/*Override overflow-x so that $anchorScroll in angular will work*/
overflow-x: unset;
}
.dl-default {
font-size: 0.8em;
}
.dl-default dt {
border-bottom: 1px dotted #ccc;
}
.dl-default dd {
margin-bottom: 1em;
}
.c-section {
margin-top: 2em;
}
.c-section:first-child {
margin-top: 0;
}
.c-section .list-group-item a.h4:hover {
text-decoration: none;
color: #666;
}
.c-sub-section {
margin: 0.5em 1.5em 0;
}
.textarea {
width: 100%;
height: 15em;
border: 1px solid #ddd;
border-radius: 4px;
overflow-y: scroll;
padding: 1em;
background-color: #eee;
}
/* Begin: Item Management */
.form-textbox-default-qty {
width: 4em;
padding: inherit;
text-align: right;
}
/* End: Item Management */
/* Begin: Remove after switching cxTag in Inventory Management */
.tiles-ctn .tile {
font-family: Consolas;
padding: 4px;
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
-webkit-transition: all 0.2s ease; /* Safari and Chrome */
-moz-transition: all 0.2s ease; /* Firefox */
-ms-transition: all 0.2s ease; /* IE 9 */
-o-transition: all 0.2s ease; /* Opera */
transition: all 0.2s ease;
border-radius: 3px;
}
.tiles-ctn .tile a:hover {
text-decoration: none;
}
/* End: Remove after switching cxTag in Inventory Management */
/* Begin: Group Site Location Management */
.gsl-mng-locdescription {
resize: none;
overflow: hidden;
min-height: 50px;
}
/* End: Group Site Location Management */
/* Begin: End User Edit */
.enduseredit-notes {
resize: none;
overflow: hidden;
min-height: 50px;
}
/* End: End User Edit */
.tile {
font-family: Consolas;
/*padding: 10px;*/
margin-right: 10px;
margin-bottom: 10px;
display: inline-block;
-webkit-transition: all 0.2s ease; /* Safari and Chrome */
-moz-transition: all 0.2s ease; /* Firefox */
-ms-transition: all 0.2s ease; /* IE 9 */
-o-transition: all 0.2s ease; /* Opera */
transition: all 0.2s ease;
}
.tile a:hover {
text-decoration: none;
}
.tag-scanned {
background-color: green;
color: white;
}
.tag-expired {
background-color: #424342;
color: white;
}
.tag-notfound {
background-color: #55DDE0;
color: black;
}
.tag-notscanned {
background-color: #d35400;
color: white;
}
.tag-new {
background-color: #f1c40f;
color: black;
}
.tag-notavailable {
background-color: #003868;
color: black;
}
.box-sm {
width: 20px;
height: 20px;
float: left;
}
.eff1 {
-webkit-box-shadow: 0 6px 6px -5px gray;
-ms-box-shadow: 0 6px 6px -5px gray;
box-shadow: 0 6px 6px -5px gray;
}
.eff1-pulse {
-webkit-box-shadow: 0 7px 7px -6px gray;
-ms-box-shadow: 0 7px 7px -6px gray;
box-shadow: 0 7px 7px -6px gray;
-webkit-animation: pulse 1s infinite alternate;
-moz-animation: pulse 1s infinite alternate;
-ms-animation: pulse 1s infinite alternate;
-o-animation: pulse 1s infinite alternate;
animation: pulse 1s infinite alternate;
}
.font-md {
font-size: 1.2em;
}
.font-sm {
font-size: 0.85em;
}
.font-xs {
font-size: 0.7em;
}
.bold {
font-weight: bold;
}
.list-header {
/*color: #636466;*/
padding: 5px 0 10px;
border-bottom: 2px solid #ccc;
}
.modal a.list-group-item.active h4 {
color: white;
}
.modal section.report > table {
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
.modal section.report > table > thead > tr:first-child > td {
padding: 0 !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
font-size: 1.2em;
}
#adjusmentWarning .panel {
min-height: 200px;
max-height: 400px;
}
#adjustmentCtn .list-group-item {
margin-bottom: 10px;
}
#adjustmentCtn div.bootstrap-select {
margin-bottom: 0;
width: 175px;
}
.panel.panel-default > .panel-heading + .table-responsive > table {
border-top: 1px solid #eee;
}
.panel-table {
border-top: 1px solid #eee !important;
}
/* Begin skin styles */
.body {
background-color: #ECF0F5;
}
.inventory-widget a {
color: #ddd;
}
.inventory-widget a:hover {
color: #3a3f51;
font-weight: bold;
}
.panel-cb-green {
background-color: #8bc34a;
border: 1px solid #8bc34a;
color: #fff;
}
.panel-cb-yellow {
background-color: #cde20e;
border: 1px solid #cde20e;
color: black;
}
.panel-cb-blue {
background-color: #569BBE !important;
border: 1px solid #569BBE;
color: #fff;
}
.panel-cb-gray {
background-color: #c3c4c7 !important;
border: 1px solid #9ea5a9;
color: #fff;
}
.panel-cb-purple {
background-color: #860053 !important;
border: 1px solid #860053;
color: #fff;
}
.panel-cb-light-blue {
background-color: #4b79e8 !important;
border: 1px solid #4b79e8;
color: #fff;
}
.below-par {
background-color: #860053 !important;
border: 1px solid #860053;
color: #fff;
}
.no-par {
background-color: #999999 !important;
border: 1px solid #999999;
color: #fff;
}
.qty-above-par {
background-color: #4b79e8 !important;
border: 1px solid #4b79e8;
color: #fff;
}
.qoh-above-par {
background-color: #8bc34a;
border: 1px solid #8bc34a;
color: #fff;
}
.wrapper > section.login {
margin-left: 0;
position: static;
}
.progress-lg {
height: 38px;
}
.progress-bar-purple {
background-color: #860053;
}
.progress-bar-min {
border-right: 2px solid rgb(0, 83, 155);
}
.progress-ctn {
position: relative;
}
.progress-ctn.progress {
background-color: #f1f1f1;
border: none;
}
.progress-ctn .progress-content {
position: absolute;
width: 100%;
height: 100%;
z-index: 1;
}
.progress-ctn .progress-overlay {
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
padding: 5px 10px;
}
.par-info {
font-size: 0.83em;
line-height: 1.2em;
margin-bottom: 10px;
padding: 0 5px;
}
.location-header div.popover {
width: 400px !important;
max-width: 400px;
font-size: 12px;
}
.inventory div.popover {
width: 400px !important;
max-width: 400px;
}
.popover-md > .popover {
width: 400px !important;
max-width: 400px;
font-size: 0.95em;
}
.popover-md > .popover > .popover-inner > .popover-content {
padding: 0;
}
a.no-decoration {
text-decoration: none;
}
.input-min {
min-width: 200px;
}
.login-bg {
background-image: url('../Images/gray-cloud.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
height: 800px;
/*left: -105px;*/
left: 0;
position: fixed;
/*right: -77px;*/
right: 0;
z-index: 1;
/*zoom: 4;*/
transform: scale(1.2);
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
top: 230px;
}
.login-footer {
position: fixed;
height: 50px;
width: 100%;
bottom: 0;
background-color: #eee;
z-index: 2;
left: 0;
text-align: center;
padding: 10px;
}
.login-ctn {
width: 100%;
background: rgba(255, 255, 255, 0.7);
/*border-radius: 3px;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);*/
top: 60px;
left: 0;
position: fixed;
margin-left: auto;
margin-right: auto;
right: 0;
z-index: 3;
padding: 10px 20px;
color: black;
}
.login-ctn a {
color: #00539B;
}
.login-ctn button[type=submit], .login-ctn input[type=submit] {
font-size: 18px;
padding: 0 5px;
}
.login-ctn .business-logo {
max-width: 200px;
}
.above-par {
background-color: #8bc34a;
color: white;
}
.bordered-box {
border: 1px solid #ccc;
border-radius: 4px;
padding: 0.5em 0.9em 0.5em 0.9em;
}
.below-par {
background-color: #860053;
color: white;
}
/* End skin styles */
@keyframes pulse {
from {
color: #2f353e;
}
to {
color: orangered;
}
}
@-webkit-keyframes pulse {
from {
color: #2f353e;
}
to {
color: orangered;
}
}
/* Begin Loader styles */
.loader-overlay {
background-color: rgba(255, 255, 255, 0.85);
position: fixed;
z-index: 1999;
width: 100%;
height: 100%;
}
.loader-overlay > .loader {
top: 50%;
right: 50%;
position: absolute;
z-index: 1200;
}
@-webkit-keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0.0;
}
}
@keyframes ball-scale-ripple-multiple {
0% {
-webkit-transform: scale(0.1);
transform: scale(0.1);
opacity: 1;
}
70% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0.7;
}
100% {
opacity: 0.0;
}
}
.ball-scale-ripple-multiple {
position: relative;
-webkit-transform: translateY(-25px);
-ms-transform: translateY(-25px);
transform: translateY(-25px);
}
.ball-scale-ripple-multiple > div:nth-child(0) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.ball-scale-ripple-multiple > div:nth-child(1) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.ball-scale-ripple-multiple > div:nth-child(2) {
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.ball-scale-ripple-multiple > div:nth-child(3) {
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.ball-scale-ripple-multiple > div {
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
position: absolute;
top: -2px;
left: -26px;
width: 50px;
height: 50px;
border-radius: 100%;
border: 2px solid #fff;
-webkit-animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
animation: ball-scale-ripple-multiple 1.25s 0s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
.flat-loader {
height: 4px;
width: 100%;
position: relative;
overflow: hidden;
background-color: #ddd;
}
.flat-loader:before {
display: block;
position: absolute;
content: "";
left: -200px;
width: 200px;
height: 4px;
background-color: #5d9cec;
animation: flat-loading 2s linear infinite;
}
@keyframes flat-loading {
from {
left: -200px;
width: 30%;
}
50% {
width: 30%;
}
70% {
width: 70%;
}
80% {
left: 50%;
}
95% {
left: 120%;
}
to {
left: 100%;
}
}
/* End Loader styles */
.barcode-scanner-icon {
display: none;
}
.ixxvt-patient-select {
width: 20%;
}
/*Start Mobile UI*/
@media (max-width: 896px) {
/* Begin Angle skin overrides */
.topnavbar {
z-index: 100 !important;
}
.sidebar {
z-index: 1000;
}
.aside-toggled .wrapper > .aside {
transition: 0.5s;
}
.aside-toggled .wrapper > section, .aside-toggled .wrapper > footer {
margin-left: 0;
}
.wrapper > section {
z-index: 1 !important;
}
/*module overrides*/
.table-mobile-view {
overflow-x: scroll;
display: inherit !important;
}
.dropdown-menu {
width: inherit;
overflow-x: auto;
}
.barcode-scanner-icon {
display: inline;
}
.scandit-viewport {
max-width: 60%
}
.ixxvt-product-select {
max-width: 85%;
clear: right;
float: left;
}
.ixxvt-patient-select {
width: 60%
}
.dashboard-naming {
float: left;
clear: right;
}
}
/*End Mobile UI*/
.content-wrapper {
border-top: none;
}
.sidebar-subnav > li > a {
white-space: normal;
}
.sidebar > .nav > li.active {
border-left-color: #27c24c;
}
.sidebar > .nav > li.active > a,
.sidebar-subnav > li.active {
background-color: rgba(238, 238, 238, 0.55);
}
.topnavbar {
background-color: #fff;
background-image: none;
}
.topnavbar .navbar-header {
background-color: #fff;
background-image: none;
}
.topnavbar .navbar-nav > li > a, .topnavbar .navbar-nav > .open > a {
color: #aaa;
}
.topnavbar .navbar-brand .brand-logo {
padding-top: 5px;
padding-bottom: 0;
}
.panel > .list-group .list-group-item {
border-top: 1px solid #e4eaec;
}
.panel table.border-top{
border-top: 1px solid #eee;
}
/* End Angle skin overrides */
table > thead > tr > td.v-align-bottom {
vertical-align: bottom;
}
@media screen {
.print-only {
display: none;
}
}
@media print {
@page {
margin: 0;
}
html {
height: auto;
}
body {
margin: 1.6cm;
height: auto;
}
body.is-admin {
font-size: 12px !important;
overflow-y: hidden !important;
height: auto !important;
}
h1 {
font-size: 24px !important;
}
.admin-wrapper {
padding-left: 0 !important;
}
footer {
page-break-after: always;
}
.no-print, .no-print * {
display: none !important;
}
section.report {
page-break-after: always;
page-break-inside: avoid;
}
section.report:last-child {
page-break-after: auto;
}
section.report > table.table-bordered {
border-top: none !important;
border-left: none !important;
border-right: none !important;
}
section.report > table.table-bordered > thead > tr:first-child > td {
padding: 0 !important;
border-top: none !important;
border-left: none !important;
border-right: none !important;
font-size: 1.1em;
}
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.orderSummaryRow {
margin-bottom: 5px;
font-weight: bold;
}
.drag {
opacity: 0.5;
}
.drag-hover:hover {
border: dotted;
}
.drag-over {
border: 3px solid #95d3d3;
}
.cursor-grab {
cursor: url(../Images/grab.cur), move;
cursor: -webkit-grab;
cursor: -moz-grab;
}
.alert-dispense {
color: red;
}
h5.text-transform-none, h4.text-transform-none, h3.text-transform-none, h1.text-transform-none {
text-transform: none;
}
.dispense-min-height {
min-height: 48px;
}
.receipts-container {
width: auto;
white-space: nowrap;
}
.receipts-table {
min-width: 1200px;
}
/*patient pre-check*/
.actionCol {
width: auto;
}
.actionColContent {
width: max-content;
}
.benefits-column {
min-width: 100px;
}
.benefits-notes-body {
width: 100%;
height: 300px;
overflow-y: scroll;
}
.patient-precheck {
overflow-x: scroll;
overflow-y: visible;
height: 500px;
}
.patient-precheck-table .actionCol {
position: sticky;
z-index: 100;
background-color:white;
right: 0;
top: auto;
}
.empty-field-grid .ui-grid-row, .empty-field-grid .ui-grid-cell {
height: auto !important;
}
.empty-field-grid .ui-grid-row div[role=row] {
display: flex;
align-content: stretch;
}
/* the next 2 styles keep the lines for the last ui-grid row when it would display multi-liner row */
.empty-field-grid .ui-grid-row:last-child .ui-grid-cell-contents {
border-bottom: none;
}
.empty-field-grid .ui-grid-row div[role=row]:last-child {
border-bottom: 1px solid #d4d4d4;
}
.calendar-specificity thead > tr > th, .calendar-specificity tbody > tr > td {
/* The calendar control looks terrible when placed inside a td the following fixes it.*/
padding: 0 0 0 0;
}
.resource-editor-icon, .resource-editor-icon:hover, .resource-editor-icon:visited {
position: absolute;
display: inline;
height: 13px;
width: 13px;
text-decoration: none;
zIndex: 999999;
margin: -14px 0 0 -2px;
cursor: pointer;
opacity: 0.45;
}
.resource-editor-icon:hover {
opacity: 1;
}
.resource-editor-icon:before {
font-family: "Font Awesome\ 5 Free";
content: "\f024"; /*flag*/
font-weight: 900;
/*font-family: Arial;
content: "#";*/
font-size: 9pt;
color: red;
}
/* optional edit button/icon on bottom right of page */
.resource-editor-button {
z-index: 999999;
color: white;
background-color: DarkGreen;
opacity: 0.35;
position: fixed;
bottom: 10px;
right: 20px;
padding: 7px 9px 5px 10px;
border-radius: 50%;
}
.resource-editor-button.off {
background-color: #b64545;
}
.resource-editor-button:before {
font-family: "Font Awesome\ 5 Free";
content: "\f024"; /* flag */
font-size: 14pt;
}
.resource-editor-button:hover {
opacity: 0.65;
}
.readerDashInfo {
display: inline-block;
padding-right: 1em;
}
.readerDashInfo > span {
font-size: 1.5em;
vertical-align: top;
}
.temp {
font-size: 24px;
}
.tempDetailValue {
font-size: .62em;
}
.temp-cold {
color: cornflowerblue;
}
.temp-cold-bg {
background-color: cornflowerblue;
color: #f2f2f2;
padding: 5px;
}
.temp-ok {
color: green;
}
.temp-ok-bg {
background-color: #62b832;
color: #f2f2f2;
padding: 5px;
}
.temp-hot {
color: #d55e3d;
}
.temp-hot-bg {
background-color: #d55e3d;
color: #f2f2f2;
padding: 5px;
}
.tagResult {
border: 1px solid;
}
.tagResult:nth-of-type(odd) {
}
.tagResult + .tagResult {
border-top: 0px;
}
.temps-toggle-btn {
text-align: center;
border: 1px solid gray;
}
.temps-toggle-btn:hover {
background-color: #EEEEEE;
cursor: pointer;
}
.lastCall-warning {
color: cornflowerblue;
}
.lastCall-ok {
color: green;
}
.lastCall-alert {
color: #d55e3d;
}
.icon-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: -35%;
width: 2em;
}
.icon-stack .icon-stack-base {
font-size: 2em;
}
.icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] {
display: block;
font-size: 1em;
height: 100%;
line-height: inherit;
position: absolute;
text-align: center;
width: 100%;
}
.icon-stack .glyphicon {
font-size: 2em;
}
.fa-stack {
vertical-align: top;
}
.fa-slash-custom:after {
content: '\\';
display: block;
font-weight: bold;
text-align: center;
font-size: 1.3em;
margin-top: -4px;
}
.group {
background: #bbb;
color: red !important;
}
.site {
background: #ddd;
color: blue !important;
margin-left: 5px;
}
.location {
background: #fff;
color: green !important;
margin-left: 10px;
}
/*Remove spinner buttons input firefox as they do not cause a value change.*/
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type=number] {
-moz-appearance: textfield;
}
/*body.modal-open {
overflow: visible;
}*/
.text-inactive {
color: #b94a48;
}
.dropdown-menu > li > a.list-group-inactive, .dropdown-menu > li > a.list-location-inactive, .dropdown-menu > li > a.list-site-inactive {
color: #b94a48;
}
.filter-option .list-group-inactive, .filter-option .list-location-inactive, .filter-option .list-site-inactive, .inactive-item {
color: #b94a48;
}
.text-and-background-inactive {
color: #b94a48 !important;
background-color: #ffffcc !important;
}
/* ui-grid style enhancements */
.gridStyle {
border: 1px solid rgb(212,212,212);
width: 100%;
font-size: 12px;
}
.ui-grid-menu.ui-grid-cell-menu {
z-index: inherit;
}
.ui-grid-dropdown {
position: absolute;
}
.cell-center-justified {
text-align: center;
vertical-align: middle;
line-height: 100%;
}
.cell-right-justified {
text-align: right;
}
.ui-grid-row>[ui-grid-row]>.ui-grid-cell.light-bg-warning {
background-color: #fcf8e3;
}
.ui-grid-cell-contents {
border-top: 1px solid #d4d4d4;
}
.ui-grid-cell-contents-wrap {
white-space: pre-wrap; /* Preserves newlines and wraps text */
word-break: break-all; /* Optional: forces long words to break if needed */
}
.ui-grid-row:last-child .ui-grid-cell-contents {
border-bottom: 1px solid #d4d4d4;
}
.ui-grid-menu.ui-grid-cell-menu .ui-grid-cell-contents {
border-top: 1px solid #d4d4d4;
border-bottom: 1px solid #d4d4d4;
}
.ui-grid-cell:last-child .ui-grid-cell-contents {
border-right: 1px solid #d4d4d4;
}
/* This hides the top level expand button in transaction history grid.
This button, when expanded, shows all rows which we do not want to do
since we are specifically hiding certain rows.*/
#transaction-history-grid .ui-grid-header-canvas .ui-grid-tree-base-row-header-buttons {
display: none;
}
.text-black {
color: black;
}
.text-magenta {
color: #FF00FF;
}
.new-item {
font-style: italic;
color: darkgoldenrod;
}
.deleted-item {
text-decoration: line-through;
}
/* UI-GRID issues resolved below - overwritting the OOTB issue related to header width not matching the rows */
.ui-grid-cell {
display: table-cell;
}
.ui-grid-cell-contents > button.btn-sm {
padding: 0 0.3em;
}
.readerOptRow {
margin-top: 3px;
margin-bottom: 6px;
}
.track-progress {
margin: 0;
padding: 0;
overflow: hidden;
}
.track-progress li {
list-style-type: none;
display: inline-block;
position: relative;
margin: 0;
padding: 0;
text-align: center;
line-height: 30px;
height: 30px;
background-color: #569BBE;
}
.track-progress li > a,
.track-progress li > a:visited,
.track-progress li > a:hover,
.track-progress li > a:active {
display: block;
color: #fff;
font-weight: bold;
text-decoration: none;
text-overflow: ellipsis;
}
.track-progress li.active > a {
color: #fff;
background-color: #0061b4;
}
.track-progress li > a:after,
.track-progress li > a:before {
content: "";
display: block;
width: 0px;
height: 0px;
position: absolute;
top: 0;
left: -5px;
border: solid transparent;
border-left-color: #569BBE;
border-width: 15px;
}
.track-progress li > a:after {
top: -5px;
z-index: 1;
border-left-color: white;
border-width: 20px;
}
.track-progress li > a:before {
z-index: 2;
}
.track-progress li.active + li > a:before {
border-left-color: #0061b4;
}
.track-progress li:first-child > a:after,
.track-progress li:first-child > a:before {
display: none;
}
.track-progress[data-steps="3"] li {
width: 33%;
}
.track-progress[data-steps="2"] li {
width: 49%;
}
ul.dropdown-menu span.text > small.text-muted {
display: block;
}
/* Boostrap extension*/
@media (min-width: 768px) {
.form-horizontal .control-label.align-left {
text-align: left;
}
/* Begin Angle Skin overrides */
.topnavbar {
background-color: #fff;
background-image: none;
}
.topnavbar .navbar-header {
background-color: #fff;
background-image: none;
}
.topnavbar .navbar-nav > li > a, .topnavbar .navbar-nav > .open > a {
color: #aaa;
}
/* End Angle Skin overrides */
.login-ctn {
max-width: 768px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 1200px;
}
}
@media (min-width: 650px) {
.modal-xmd {
width: 700px;
}
}
@media (min-width: 650px) {
.modal-xxmd {
width: 850px;
}
}
@media (min-width: 768px) {
.modal-xsm {
width: 350px;
}
}
@media (max-width: 1440px) {
.cx-col {
width: 25%;
}
}
@media (min-width: 2560px) {
.cx-col {
width: 12%;
}
}
.selectableItem {
padding: .5em;
float: left;
margin: .5em;
border-width: 1px;
border-color: #cdcdcd;
border-style: solid;
font-weight: bolder;
line-height: 1.5em;
}
.selectableList {
padding: 0;
}
.patientCard {
overflow: hidden;
text-overflow: ellipsis;
text-align: left;
}
.uiPatientSelected {
background-color: #6faadc !important;
font-size: 15px;
font-weight: bold;
}
.table-striped > tbody > tr:nth-child(even) > td.bg-close-icon {
background-color: #840053 !important;
}
.table-striped > tbody > tr:nth-child(odd) > td.bg-close-icon {
background-color: #840053 !important;
}
/*Start code to disable onoffswitch*/
.cursorNotAllow {
cursor: not-allowed !important;
}
.cursorNotAllow div.onoffswitch-inner:before {
background-color: lightgray !important;
}
.cursorNotAllow > div {
background-color: lightgray !important;
}
/*End code to disable onoffswitch*/
.odd {
background-color: #FFF;
}
.even {
background-color: #ccc;
}
.margin-align-to-select {
margin-top: 8px; /*-10px;*/
}
.label-above-input {
float: left;
margin-right: 20px;
}
.display-block {
display: block;
}
.panel-heading table {
width: 100%;
background-color: #ecf0f1;
}
.btn-primary-outline {
border: 0px solid transparent;
background-color: transparent;
}
.btn-default{
border-color: #ddd !important;
}
.btn-purple {
border-color: #461E96 !important;
}
.scanner-img {
background-image: url('../Images/scanner in cross hairs.png');
background-size: contain;
width: 80px;
height: 80px;
}
table.scroll {
border-collapse: collapse;
width: 100%;
}
thead.scroll-thead {
text-align: left;
display: table;
float: left;
width: 100%;
}
thead.scroll-thead-short {
text-align: left;
display: table;
float: left;
width: 98%;
}
table.main-col-background > tbody > tr > td:nth-child(1) {
background-color: rgba(157,188,209, 0.3) !important;
}
table.list-appointments > tbody > th, table.list-appointments tr > td:nth-child(1) {
width: 20%;
}
table.list-appointments > tbody > th, table.list-appointments tr > td:nth-child(1n+2) {
width: 80%;
}
table.selected-appointment > tbody > th, table.selected-appointment tr > td:nth-child(1) {
width: 20%;
}
table.selected-appointment > tbody > th, table.selected-appointment tr > td:nth-child(2) {
width: 15%;
}
table.selected-appointment > tbody > th, table.selected-appointment tr > td:nth-child(1n+3) {
width: 10%;
}
.bg-close-icon > a {
padding-left: 3px;
}
.bg-close-icon > a > i {
color: white !important;
}
tab-heading a {
padding: 0px !important;
vertical-align: inherit !important;
}
.tab-content {
background-color: #fff;
}
.table-hover > tbody > tr:hover {
font-weight: bolder;
}
.primary-header-background {
background-color: rgb(97,167,196);
}
.header-background {
background-color: rgb(153,191,214);
}
.bg-close-icon.cursor-pointer {
cursor: pointer;
}
/*Start code for table scrolling*/
table.scroll thead tr {
display: table-row;
width: 100%;
}
table.scroll tbody {
display: block;
height: 360px;
overflow: auto;
overflow-x: hidden;
float: left;
width: 100%;
}
table.scroll tbody.physicianScrollArea {
height: 135px;
}
table.scroll tbody tr {
display: table;
width: 100%;
height: 3em;
}
table.scroll tbody td {
padding: 1px 8px;
vertical-align: middle;
}
/*End code for table scrolling*/
.refresh-button {
color: inherit;
}
a.refresh-button:hover {
color: #00539b;
}
.select-loc-required {
border-color: red;
border-style: solid;
border-width: 3px;
float: left;
}
.select-loc-not-required {
border-color: white;
border-style: solid;
border-width: 3px;
float: left;
}
.control-50 {
width: 50px;
}
.control-100 {
width: 100px;
}
.control-150 {
width: 150px;
}
.input-required {
border: 1px solid red;
}
.input-border-error {
border: 1px solid red !important;
}
.dispenseLine {
border-width: 2px !important;
position: absolute;
}
.qty-to-dispense {
height: 33px;
padding-top: 2px;
padding-bottom: 6px;
text-align: center;
}
#imgMapContainer, #imgButtocksMapContainer, #imgLegsMapContainer, #imgArmsMapContainer, #imgAbdomenMapContainer, #imgNoArea {
position: relative;
}
#rightEyeSelection {
top: 103px;
left: 127px;
}
#dispenseRightEyeLbl {
right: 433px;
top: 96px;
}
#dispenseODLbl {
right: 463px;
top: 121px;
}
#dispenseRightEyeLine {
width: 16px;
top: 112px;
left: 111px;
}
#leftEyeSelection {
top: 103px;
left: 392px;
}
#dispenseLeftEyeLbl {
left: 446px;
top: 96px;
}
#dispenseOSLbl {
left: 467px;
top: 121px;
}
#dispenseLeftEyeLine {
width: 27px;
top: 112px;
left: 412px;
}
.panelLoc {
width: 584px;
}
#leftButtockSelection {
top: 83px;
left: 182px;
}
#dispenseLeftButtockLeftLbl {
right: 440px;
top: 68px;
}
#dispenseLeftButtockButtockLbl {
right: 432px;
top: 93px;
}
#dispenseLeftButtockLeftLine {
width: 77px;
top: 92px;
left: 105px;
}
#rightButtockSelection {
top: 82px;
left: 335px;
}
#dispenseRightButtockRightLbl {
left: 442px;
top: 68px;
}
#dispenseRightButtockButtockLbl {
left: 442px;
top: 93px;
}
#dispenseLeftButtockRightLine {
width: 78px;
top: 92px;
left: 355px;
}
#rightThighSelection {
top: 36px;
left: 176px;
}
#dispenseRightThighRightLbl {
right: 424px;
top: 22px;
}
#dispenseRightThighThighLbl {
right: 421px;
top: 45px;
}
#dispenseRightThighLine {
width: 58px;
top: 44px;
left: 118px;
}
#leftThighSelection {
top: 36px;
left: 343px;
}
#dispenseLeftThighLeftLbl {
left: 427px;
top: 22px;
}
#dispenseLeftThighThighbl {
left: 427px;
top: 45px;
}
#dispenseLeftThighLine {
width: 57px;
top: 45px;
left: 363px;
}
#rightKneeSelection {
top: 187px;
left: 199px;
}
#dispenseRightKneeRightLbl {
right: 423px;
top: 170px;
}
#dispenseRightKneeKneeLbl {
right: 423px;
top: 194px;
}
#dispenseRightKneeLine {
width: 80px;
top: 195px;
left: 120px;
}
#leftKneeSelection {
top: 187px;
left: 318px;
}
#dispenseLeftKneeLeftLbl {
left: 427px;
top: 170px;
}
#dispenseLeftKneeKneeLbl {
left: 427px;
top: 194px;
}
#dispenseLeftKneeLine {
width: 77px;
top: 195px;
left: 338px;
}
#rightUpperArmSelection {
top: 45px;
left: 142px;
}
#dispenseRightUpperArmRightLbl {
right: 440px;
top: 26px;
}
#dispenseRightUpperArmUpperLbl {
right: 433px;
top: 49px;
}
#dispenseRightUpperArmLine {
width: 35px;
top: 54px;
left: 108px;
}
#leftUpperArmSelection {
top: 45px;
left: 378px;
}
#dispenseLeftUpperArmLeftLbl {
left: 439px;
top: 26px;
}
#dispenseLeftUpperArmUpperLbl {
left: 439px;
top: 49px;
}
#dispenseLeftUpperArmLine {
width: 36px;
top: 55px;
left: 397px;
}
#rightInnerArmSelection {
top: 124px;
left: 190px;
}
#dispenseRightInnerArmRightLbl {
left: 186px;
top: 173px;
}
#dispenseRightInnerArmInnerLbl {
left: 186px;
top: 194px;
}
#dispenseRightInnerArmLine {
height: 26px;
top: 144px;
left: 199px;
}
#leftInnerArmSelection {
top: 124px;
left: 329px;
}
#dispenseLeftInnerArmLeftLbl {
right: 184px;
top: 173px;
}
#dispenseLeftInnerArmInnerLbl {
right: 172px;
top: 194px
}
#dispenseLeftInnerArmLine {
height: 26px;
top: 144px;
left: 339px;
}
#rightUpperAbdomenSelection {
top: 135px;
left: 210px;
}
#dispenseRightUpperAbdomenRightLbl {
right: 385px;
top: 108px;
}
#dispenseRightUpperAbdomenQuadrantLbl {
right: 409px;
top: 132px;
}
#dispenseRightUpperAbdomenLine {
width: 62px;
top: 145px;
left: 148px;
}
#leftUpperAbdomenSelection {
top: 135px;
left: 307px;
}
#dispenseLeftUpperAbdomenLeftLbl {
left: 400px;
top: 108px;
}
#dispenseLeftUpperAbdomenQuadrantLbl {
left: 400px;
top: 132px;
}
#dispenseLeftUpperAbdomenLine {
width: 60px;
top: 144px;
left: 327px;
}
#rightLowerAbdomenSelection {
top: 217px;
left: 210px;
}
#dispenseRightLowerAbdomenRightLbl {
right: 385px;
top: 189px;
}
#dispenseRightLowerAbdomenQuadrantLbl {
right: 409px;
top: 214px;
}
#dispenseRightLowerAbdomenLine {
width: 62px;
top: 225px;
left: 148px;
}
#leftLowerAbdomenSelection {
top: 217px;
left: 308px;
}
#dispenseLeftLowerAbdomenLeftLbl {
left: 400px;
top: 189px;
}
#dispenseLeftLowerAbdomenQuadrantLbl {
left: 400px;
top: 214px;
}
#dispenseLeftLowerAbdomenLine {
width: 59px;
top: 225px;
left: 328px;
}
.vertical-horizontal-center {
display: flex;
align-items: center;
justify-content: center;
}
.blue-background {
background-color: #79A1BF;
}
.previous-next-arrow {
cursor: pointer;
color: white;
padding: 3px;
float: left;
}
.choose-administration {
color: white;
}
.location-selected-text > p {
color: white;
}
.location-selected-line {
border-bottom: 1px solid white;
}
.location-selected-vertical-line {
border-left: 2px solid white;
}
.dispense-label {
position: absolute;
font-size: 20px;
color: black;
}
.location-selection {
position: absolute;
width: 20px;
height: 20px;
border-radius: 50%;
background-color: orange;
border-width: 2px;
border-style: solid;
border-color: white;
display: none;
}
#chooseAdministrationArea {
position: absolute;
top: 93px;
left: 66px;
}
.no-drop {
cursor: no-drop;
}
.cursor-pointer {
cursor: pointer !important;
}
#appointment-time {
background-color: white !important
}
.menu-item-with-submenu {
font-weight: bolder;
position: relative;
}
.menu-item-with-submenu:before {
content: "\f107";
font-family: "Font Awesome\ 5 Free";
left: 130px;
position: absolute;
top: 0;
font-weight: 900;
}
.wrapper {
overflow-x: inherit;
}
.header-note {
font-size: 14px;
}
.date-less-padding {
padding: 6px 10px;
}
.ui-grid .ui-grid-render-container-body .ui-grid-viewport { /*This fixes the issue of having horizontal scrool WHEN_NEEDED */
overflow-x: auto !important;
}
abbr[title] {
border-bottom: none;
cursor: inherit;
text-decoration: none;
}
.export-icon-margin {
margin-left: 10px;
}
.export-dropdown {
margin-left: -10% !important;
}
.export-padding {
margin-left: -20px;
}
.export-padding-right {
margin-right: 20px;
}
.inline-block {
display: inline-block
}
.export-icon {
margin-top: 6px;
}
.flip-menu-icon {
transform: scale(-1, 1) !important;
width: 1em !important;
margin-right: .8em;
}
.show-inactive-icon {
position: relative;
top: 10px;
}
.show-inactive-toggle {
margin-top: 10px;
}
.table-select .bootstrap-select.btn-group {
margin-bottom: 0px;
}
.txn-history-column-option {
margin-right: 2em;
}
.txn-history-scroll {
overflow-x: auto;
}
.wrap-text {
word-wrap: break-word;
}
.download-pdf {
color: #fff;
background-color: rgb(166, 200, 64);
width: 140px;
}
.panel-horiz-line {
border-bottom: 1px solid #dde6e9 !important;
}
.besse-support-req-details {
height: 163px !important;
}
.besse-support-req-footer {
height: 51px
}
.besse-support-eq-height {
display: ruby;
display: -moz-inline-stack;
}
.besse-support-full-height {
height: 97%;
}
.besse-support-display-table {
display: table;
height: 100%;
width: inherit;
}
.besse-support-display-table-cell {
display: table-cell;
float: none;
height: 100%;
}
.besse-login-btn {
background-color: #3c289b;
color: #fff;
border-color: #362b6e;
}
.besse-login-btn:hover {
color: #fff;
background-color: #5644ad;
border-color: #362b6e;
}
.mycubixx-support-req-details {
height: 163px !important;
}
.mycubixx-support-req-footer {
height: 51px
}
.mycubixx-support-eq-height {
display: ruby;
display: -moz-inline-stack;
}
.mycubixx-support-full-height {
height: 97%;
}
.mycubixx-support-display-table {
display: table;
height: 100%;
width: inherit;
}
.mycubixx-support-display-table-cell {
display: table-cell;
float: none;
height: 100%;
}
.newSkinFooterFix {
position: relative !important;
}
.font-size-100 {
font-size: 8px;
}
.wrapper > section {
z-index: 117; /*This fixes the issue of Tooltip being covered by