/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

 .dd-handle,
 .dd-item>button {
     font-weight: 700;
     margin: 5px 0
 }
 
 body {
     margin-top: 100px
 }
 
 .right i {
     cursor: pointer
 }
 
 .right {
     float: right;
     line-height: 28px;
     margin-right: 8px
 }
 
 .placeholder-btn {
     min-height: 31px;
     min-width: 44px;
 }
 
 [contentEditable=true]:empty:not(:focus):before {
     content: attr(data-ph);
     color: white;
 }
 
 .dd-list {
     display: block;
     list-style: none;
     margin: 0;
     padding: 0;
     position: relative
 }
 
 .dd-list .dd-list {
     padding-left: 30px
 }
 
 .dd-collapsed .dd-list {
     display: none
 }
 
 .dd-caret {
     margin-left: 5px;
     margin-top: 8px
 }
 
 #loginError {
     display: none;
 }
 
 .dd-item.parent .dd-handle {
     background: -moz-linear-gradient(center top, #eee 0, #ddd 100%) rgba(0, 0, 0, 0);
     border-radius: 3px;
     box-sizing: border-box
 }
 
 .dd-empty,
 .dd-item,
 .dd-placeholder {
     display: block;
     margin: 0;
     min-height: 20px;
     padding: 0;
     position: relative;
     width: 300px;
     font-size: 13px;
     line-height: 20px
 }
 
 .dd-handle {
     background: -moz-linear-gradient(center top, #fafafa 0, #eee 100%) rgba(0, 0, 0, 0);
     box-sizing: border-box;
     color: #333;
     display: block;
     padding: 10px;
     border: 1px solid #ddd;
     text-decoration: none
 }
 
 .dd-handle:hover {
     background: #fff;
     color: #2ea8e5
 }
 
 .dd-item>button {
     background: 0 0;
     border: 0;
     cursor: pointer;
     display: block;
     float: left;
     font-size: 12px;
     height: 20px;
     line-height: 1;
     overflow: hidden;
     padding: 0;
     position: relative;
     text-align: center;
     text-indent: 100%;
     white-space: nowrap;
     width: 25px
 }
 
 .dd-item>button::before {
     content: "+";
     display: block;
     position: absolute;
     text-align: center;
     text-indent: 0;
     width: 100%
 }
 
 .icon-remove,
 .logo-icon,
 .top-nav>li {
     display: inline-block
 }
 
 .dd-item>button[data-action=collapse]::before {
     content: "-"
 }
 
 .dd-empty,
 .dd-placeholder {
     background: #f2fbff;
     border: 1px dashed #b6bcbf;
     box-sizing: border-box;
     margin: 5px 0;
     min-height: 30px;
     padding: 0
 }
 
 .dd-empty {
     background-color: #e5e5e5;
     background-image: linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff), linear-gradient(45deg, #fff 25%, transparent 25%, transparent 75%, #fff 75%, #fff);
     background-position: 0 0, 30px 30px;
     background-size: 60px 60px;
     border: 1px dashed #bbb;
     min-height: 100px
 }
 
 .dd-dragel {
     pointer-events: none;
     position: absolute;
     z-index: 9999
 }
 
 .dd-dragel>.dd-item .dd-handle {
     margin-top: 0
 }
 
 .dd-dragel .dd-handle {
     box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .1)
 }
 
 .icon-remove {
     line-height: 1;
     text-rendering: auto;
     content: "x"
 }
 
 body.login {
     background: #ddd
 }
 
 body.login h3 {
     margin-top: 10.5px;
     margin-bottom: 21px
 }
 
 body.login .panel-default>.panel-heading {
     background: #333
 }
 
 .logo-icon {
     height: 33px
 }
 
 #logo_preloaded,
 #pic_container img {
     background: #eee;
     padding: 10px;
     margin-bottom: 10px;
     max-width: 60%
 }
 
 .side-nav>li>ul {
     background: #555
 }
 
 .side-nav>li>ul>li>a {
     color: #ddd!important
 }
 
 .side-nav>li>ul>li.active {
     background: #333
 }
 
 #wrapper {
     padding-left: 0
 }
 
 #page-wrapper {
     width: 100%;
     padding: 0;
     background-color: #fff
 }
 
 .huge {
     line-height: normal;
     font-size: 40px
 }
 
 @media(min-width:768px) {
     body {
         margin-top: 50px
     }
     #wrapper {
         padding-left: 225px
     }
     #page-wrapper {
         padding: 10px
     }
 }
 
 .top-nav {
     padding: 0 15px
 }
 
 .top-nav>li {
     float: left
 }
 
 .top-nav>li>a {
     padding-top: 15px;
     padding-bottom: 15px;
     line-height: 20px;
     color: #3CAEA3
 }
 
 .top-nav>.open>a,
 .top-nav>.open>a:focus,
 .top-nav>.open>a:hover,
 .top-nav>li>a:focus,
 .top-nav>li>a:hover {
     color: rgb(185, 216, 224);
     background-color: rgb(8, 101, 124);
 }
 
 .top-nav>.open>.dropdown-menu {
     float: left;
     position: absolute;
     margin-top: 0;
     border: 1px solid rgba(0, 0, 0, .15);
     border-top-left-radius: 0;
     border-top-right-radius: 0;
     background-color: #fff;
     -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
     box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
 }
 
 .top-nav>.open>.dropdown-menu>li>a {
     white-space: normal
 }
 
 ul.message-dropdown {
     padding: 0;
     max-height: 250px;
     overflow-x: hidden;
     overflow-y: auto
 }
 
 li.message-preview {
     width: 275px;
     border-bottom: 1px solid rgba(0, 0, 0, .15)
 }
 
 li.message-preview>a {
     padding-top: 15px;
     padding-bottom: 15px
 }
 
 li.message-footer {
     margin: 5px 0
 }
 
 ul.alert-dropdown {
     width: 200px
 }
 
 @media(min-width:768px) {
     .side-nav,
     .side-nav>li>a {
         width: 225px
     }
     .side-nav {
         position: fixed;
         top: 51px;
         left: 225px;
         margin-left: -225px;
         border: none;
         border-radius: 0;
         overflow-y: auto;
         background-color: #222;
         bottom: 0;
         overflow-x: hidden;
         padding-bottom: 40px
     }
     .side-nav li a:focus,
     .side-nav li a:hover {
         outline: 0;
         background-color: rgb(12, 100, 122) !important
     }
 }
 
 .side-nav>li>ul {
     padding: 0
 }
 
 .side-nav>li>ul>li>a {
     display: block;
     padding: 10px 15px 10px 38px;
     text-decoration: none
 }
 
 .side-nav>li>ul>li>a:hover {
     color: #fff
 }
 
 .flot-chart {
     display: block;
     height: 400px
 }
 
 .flot-chart-content {
     width: 100%;
     height: 100%
 }
 
 .panel-green {
     border-color: #5cb85c
 }
 
 .panel-green>.panel-heading {
     border-color: #5cb85c;
     color: #fff;
     background-color: #5cb85c
 }
 
 .panel-green>a {
     color: #5cb85c
 }
 
 .panel-green>a:hover {
     color: #3d8b3d
 }
 
 .panel-red {
     border-color: #d9534f
 }
 
 .panel-red>.panel-heading {
     border-color: #d9534f;
     color: #fff;
     background-color: #d9534f
 }
 
 .panel-red>a {
     color: #d9534f
 }
 
 .panel-red>a:hover {
     color: #b52b27
 }
 
 .panel-yellow {
     border-color: #f0ad4e
 }
 
 .panel-yellow>.panel-heading {
     border-color: #f0ad4e;
     color: #fff;
     background-color: #f0ad4e
 }
 
 .panel-yellow>a {
     color: #f0ad4e
 }
 
 .panel-yellow>a:hover {
     color: #df8a13
 }
 
 .login_logo {
     margin: 0 auto;
     max-width: 100px;
     display: block
 }
 
 #favicon_preloaded {
     max-width: 60px;
     height: auto;
     background: #eee;
     padding: 5px;
     margin-bottom: 10px;
 }
 
 .searchContainer {
     margin: 12px 0 21px;
 }
 
 #loadingSpinner {
     display: none;
 }