/*! * AdminLTE v2.4.17 * * Author: Colorlib * Support: * Repository: git://github.com/ColorlibHQ/AdminLTE.git * License: MIT */ /*! * AdminLTE v2.4.17 * * Author: Colorlib * Support: * Repository: git://github.com/ColorlibHQ/AdminLTE.git * License: MIT */ .bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body { background-color: #00c0ef !important } .bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { background-color: #00a65a !important } .bg-blue, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body { background-color: #6FB3E0 !important } .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body { background-color: #dd4b39 !important } .bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body { background-color: #f39c12 !important } .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body { background-color: #dd4b39 !important } .small-box { border-radius: 2px; position: relative; display: block; margin-bottom: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) } .small-box>.inner { padding: 10px } .small-box>.small-box-footer { position: relative; text-align: center; padding: 3px 0; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none } .small-box>.small-box-footer:hover { color: #fff; background: rgba(0, 0, 0, 0.15) } .small-box h3 { font-size: 38px; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0 } .small-box p { font-size: 15px } .small-box p>small { display: block; color: #f9f9f9; font-size: 13px; margin-top: 5px } .small-box h3, .small-box p { z-index: 5 } .small-box .icon { -webkit-transition: all .3s linear; -o-transition: all .3s linear; transition: all .3s linear; position: absolute; top: 10px; right: 10px; z-index: 0; font-size: 90px; color: rgba(0, 0, 0, 0.15) } .small-box:hover { text-decoration: none; color: #f9f9f9 } .small-box:hover .icon { font-size: 95px } @media (max-width: 767px) { .small-box { text-align: center } .small-box .icon { display: none } .small-box p { font-size: 12px } } .box { position: relative; border-radius: 3px; background: #ffffff; border-top: 3px solid #d2d6de; margin-bottom: 20px; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) } .box.box-primary { border-top-color: #3c8dbc } .box.box-info { border-top-color: #00c0ef } .box.box-danger { border-top-color: #dd4b39 } .box.box-warning { border-top-color: #f39c12 } .box.box-success { border-top-color: #00a65a } .box.box-default { border-top-color: #d2d6de } .box.collapsed-box .box-body, .box.collapsed-box .box-footer { display: none } .box .nav-stacked>li { border-bottom: 1px solid #f4f4f4; margin: 0 } .box .nav-stacked>li:last-of-type { border-bottom: none } .box.height-control .box-body { max-height: 300px; overflow: auto } .box .border-right { border-right: 1px solid #f4f4f4 } .box .border-left { border-left: 1px solid #f4f4f4 } .box.box-solid { border-top: 0 } .box.box-solid>.box-header .btn.btn-default { background: transparent } .box.box-solid>.box-header .btn:hover, .box.box-solid>.box-header a:hover { background: rgba(0, 0, 0, 0.1) } .box.box-solid.box-default { border: 1px solid #d2d6de } .box.box-solid.box-default>.box-header { color: #444; background: #d2d6de; background-color: #d2d6de } .box.box-solid.box-default>.box-header a, .box.box-solid.box-default>.box-header .btn { color: #444 } .box.box-solid.box-primary { border: 1px solid #3c8dbc } .box.box-solid.box-primary>.box-header { color: #fff; background: #3c8dbc; background-color: #3c8dbc } .box.box-solid.box-primary>.box-header a, .box.box-solid.box-primary>.box-header .btn { color: #fff } .box.box-solid.box-info { border: 1px solid #00c0ef } .box.box-solid.box-info>.box-header { color: #fff; background: #00c0ef; background-color: #00c0ef } .box.box-solid.box-info>.box-header a, .box.box-solid.box-info>.box-header .btn { color: #fff } .box.box-solid.box-danger { border: 1px solid #dd4b39 } .box.box-solid.box-danger>.box-header { color: #fff; background: #dd4b39; background-color: #dd4b39 } .box.box-solid.box-danger>.box-header a, .box.box-solid.box-danger>.box-header .btn { color: #fff } .box.box-solid.box-warning { border: 1px solid #f39c12 } .box.box-solid.box-warning>.box-header { color: #fff; background: #f39c12; background-color: #f39c12 } .box.box-solid.box-warning>.box-header a, .box.box-solid.box-warning>.box-header .btn { color: #fff } .box.box-solid.box-success { border: 1px solid #00a65a } .box.box-solid.box-success>.box-header { color: #fff; background: #00a65a; background-color: #00a65a } .box.box-solid.box-success>.box-header a, .box.box-solid.box-success>.box-header .btn { color: #fff } .box.box-solid>.box-header>.box-tools .btn { border: 0; box-shadow: none } .box.box-solid[class*='bg']>.box-header { color: #fff } .box .box-group>.box { margin-bottom: 5px } .box .knob-label { text-align: center; color: #333; font-weight: 100; font-size: 12px; margin-bottom: .3em } .box>.overlay, .overlay-wrapper>.overlay, .box>.loading-img, .overlay-wrapper>.loading-img { position: absolute; top: 0; left: 0; width: 100%; height: 100% } .box .overlay, .overlay-wrapper .overlay { z-index: 50; background: rgba(255, 255, 255, 0.7); border-radius: 3px } .box .overlay>.fa, .overlay-wrapper .overlay>.fa { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; color: #000; font-size: 30px } .box .overlay.dark, .overlay-wrapper .overlay.dark { background: rgba(0, 0, 0, 0.5) } .box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after { content: " "; display: table } .box-header:after, .box-body:after, .box-footer:after { clear: both } .box-header { color: #444; display: block; padding: 10px; position: relative } .box-header.with-border { border-bottom: 1px solid #f4f4f4 } .collapsed-box .box-header.with-border { border-bottom: none } .box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title { display: inline-block; font-size: 18px; margin: 0; line-height: 1 } .box-header>.fa, .box-header>.glyphicon, .box-header>.ion { margin-right: 5px } .box-header>.box-tools { position: absolute; right: 10px; top: 5px } .box-header>.box-tools[data-toggle="tooltip"] { position: relative } .box-header>.box-tools.pull-right .dropdown-menu { right: 0; left: auto } .box-header>.box-tools .dropdown-menu>li>a { color: #444 !important } .btn-box-tool { padding: 5px; font-size: 12px; background: transparent; color: #97a0b3 } .open .btn-box-tool, .btn-box-tool:hover { color: #606c84 } .btn-box-tool.btn:active { box-shadow: none } .box-body { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 10px } .no-header .box-body { border-top-right-radius: 3px; border-top-left-radius: 3px } .box-body>.table { margin-bottom: 0 } .box-body .fc { margin-top: 5px } .box-body .full-width-chart { margin: -19px } .box-body.no-padding .full-width-chart { margin: -9px } .box-body .box-pane { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px } .box-body .box-pane-right { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 0 } .box-footer { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: 1px solid #f4f4f4; padding: 10px; background-color: #fff } .chart-legend { margin: 10px 0 } @media (max-width: 991px) { .chart-legend>li { float: left; margin-right: 10px } } .box-comments { background: #f7f7f7 } .box-comments .box-comment { padding: 8px 0; border-bottom: 1px solid #eee } .box-comments .box-comment:before, .box-comments .box-comment:after { content: " "; display: table } .box-comments .box-comment:after { clear: both } .box-comments .box-comment:last-of-type { border-bottom: 0 } .box-comments .box-comment:first-of-type { padding-top: 0 } .box-comments .box-comment img { float: left } .box-comments .comment-text { margin-left: 40px; color: #555 } .box-comments .username { color: #444; display: block; font-weight: 600 } .box-comments .text-muted { font-weight: 400; font-size: 12px } .todo-list { margin: 0; padding: 0; list-style: none; overflow: auto } .todo-list>li { border-radius: 2px; padding: 10px; background: #f4f4f4; margin-bottom: 2px; border-left: 2px solid #e6e7e8; color: #444 } .todo-list>li:last-of-type { margin-bottom: 0 } .todo-list>li>input[type='checkbox'] { margin: 0 10px 0 5px } .todo-list>li .text { display: inline-block; margin-left: 5px; font-weight: 600 } .todo-list>li .label { margin-left: 10px; font-size: 9px } .todo-list>li .tools { display: none; float: right; color: #dd4b39 } .todo-list>li .tools>.fa, .todo-list>li .tools>.glyphicon, .todo-list>li .tools>.ion { margin-right: 5px; cursor: pointer } .todo-list>li:hover .tools { display: inline-block } .todo-list>li.done { color: #999 } .todo-list>li.done .text { text-decoration: line-through; font-weight: 500 } .todo-list>li.done .label { background: #d2d6de !important } .todo-list .danger { border-left-color: #dd4b39 } .todo-list .warning { border-left-color: #f39c12 } .todo-list .info { border-left-color: #00c0ef } .todo-list .success { border-left-color: #00a65a } .todo-list .primary { border-left-color: #3c8dbc } .todo-list .handle { display: inline-block; cursor: move; margin: 0 5px } .chat { padding: 5px 20px 5px 10px } .chat .item { margin-bottom: 10px } .chat .item:before, .chat .item:after { content: " "; display: table } .chat .item:after { clear: both } .chat .item>img { width: 40px; height: 40px; border: 2px solid transparent; border-radius: 50% } .chat .item>.online { border: 2px solid #00a65a } .chat .item>.offline { border: 2px solid #dd4b39 } .chat .item>.message { margin-left: 55px; margin-top: -40px } .chat .item>.message>.name { display: block; font-weight: 600 } .chat .item>.attachment { border-radius: 3px; background: #f4f4f4; margin-left: 65px; margin-right: 15px; padding: 10px } .chat .item>.attachment>h4 { margin: 0 0 5px 0; font-weight: 600; font-size: 14px } .chat .item>.attachment>p, .chat .item>.attachment>.filename { font-weight: 600; font-size: 13px; font-style: italic; margin: 0 } .chat .item>.attachment:before, .chat .item>.attachment:after { content: " "; display: table } .chat .item>.attachment:after { clear: both } .box-input { max-width: 200px } .modal .panel-body { color: #444 } .info-box { display: block; min-height: 90px; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; margin-bottom: 15px } .info-box small { font-size: 14px } .info-box .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px -10px; height: 2px } .info-box .progress, .info-box .progress .progress-bar { border-radius: 0 } .info-box .progress .progress-bar { background: #fff } .info-box-icon { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 90px; width: 90px; text-align: center; font-size: 45px; line-height: 90px; background: rgba(0, 0, 0, 0.2) } .info-box-icon>img { max-width: 100% } .info-box-content { padding: 5px 10px; margin-left: 90px } .info-box-number { display: block; font-weight: bold; font-size: 18px } .progress-description, .info-box-text { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .info-box-text { text-transform: uppercase } .info-box-more { display: block } .progress-description { margin: 0 }