body {
    background-color: #f8f8f8
}

#wrapper {
    width: 100%
}

#page-wrapper {
    padding: 15px;
    min-height: 568px;
    margin-top: 56px;
    background-color: #fff
}

@media (min-width: 768px) {
    #page-wrapper {
        position: relative;
        margin: 10px 0 0 260px;
        padding: 30px 30px;
        border: 1px solid #e7e7e7;
        top: 56px
    }

    #page-wrapper.slim {
        margin-left: 50px
    }

    .sidemenu-nav.slim {
        width: 40px;
        z-index: 100;
    }

    .sidemenu-nav.slim ul li span, .sidemenu-nav.slim ul ul {
        display: none
    }

    .sidemenu-nav.slim ul li a {
        padding: .5rem
    }

    .sidemenu-nav.slim ul li:hover span, .sidemenu-nav.slim ul li:hover ul {
        display: block;
        position: absolute;
        background-color: #f8f8f8;
        background-color: #fff;
        border: 1px solid #e7e7e7;
        width: 220px
    }

    .sidemenu-nav.slim ul li:hover span {
        margin: -33px 0 0 29px;
        border-left: none

    }

    .sidemenu-nav.slim ul li:hover ul {
        margin: -1px 0 0 40px;
        border-left: none;
        border-top: none
    }

    .sidemenu-nav.slim ul li:hover span.arrow {
        display: none
    }

    .sidemenu-nav.slim ul li:hover span {
        padding: .5rem 1.5rem !important
    }

    .sidemenu-nav.slim ul li:hover ul li a {
        padding: .5rem 1.5rem !important
    }
}

.navbar .navbar-brand img {
    max-width: 2.5rem;
}

.btn {
    margin-bottom: 5px;
}

.btn i {
    margin-right: 5px;
}

.top-links .dropdown-menu-right {
    right: 0;
    left: auto;
}

.sidemenu-nav {
    position: fixed;
    width: 250px;
    top: 56px;
    padding: 0;
    height: 100%;
    border: 1px solid #e7e7e7;
}

#sidemenu ul li {
    border-bottom: 1px solid #e7e7e7;
}

#sidemenu > ul > li:hover > a:not(.disabled) {
    border-left: 3px solid #666;
    background-color: #fff;
}

#sidemenu ul li ul li:hover > a:not(.disabled) {
    font-weight: bold;
}

#sidemenu ul li ul li a {
    padding-left: 3rem
}

#sidemenu ul li ul li a {
    padding-left: 3rem
}

#sidemenu ul li ul li {
    border-bottom: none
}

#sidemenu a {
    color: #999
}

#sidemenu a.disabled {
    color: #ddd;
}

#sidemenu a:not(.disabled) i {
    color: #666
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

@media (max-width: 767px) {
    .sidemenu-nav {
        position: relative;
        width: 100%;
        margin-bottom: 28px
    }
}

@media (max-width: 575px) {
    h1 .btn i {
        margin: 0
    }

    h1 .btn span {
        display: none
    }
}

.login-card{margin-top:25%}.flot-chart{height:400px}.flot-chart-content{width:100%;height:100%}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_desc_disabled{background:0 0}table.dataTable thead .sorting_asc:after{content:"\f0de";float:right;font-family:fontawesome}table.dataTable thead .sorting_desc:after{content:"\f0dd";float:right;font-family:fontawesome}table.dataTable thead .sorting:after{content:"\f0dc";float:right;font-family:fontawesome;color:rgba(50,50,50,.5)}.btn-circle{width:30px;height:30px;padding:6px 0;border-radius:15px;text-align:center;font-size:12px;line-height:1.428571429}.btn-circle.btn-lg{width:50px;height:50px;padding:10px 16px;border-radius:25px;font-size:18px;line-height:1.33}.btn-circle.btn-xl{width:70px;height:70px;padding:10px 16px;border-radius:35px;font-size:24px;line-height:1.33}.show-grid [class^=col-]{padding-top:10px;padding-bottom:10px;border:1px solid #ddd;background-color:#eee!important}.show-grid{margin:15px 0}.huge{font-size:40px}.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}.timeline{position:relative;padding:20px 0}.timeline:before{content:" ";position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background-color:#eee}.timeline>li{position:relative;margin-bottom:20px}.timeline>li:after,.timeline>li:before{content:" ";display:table}.timeline>li:after{clear:both}.timeline>li>.timeline-panel{float:left;position:relative;width:46%;padding:20px;border:1px solid #d4d4d4;border-radius:2px;-webkit-box-shadow:0 1px 6px rgba(0,0,0,.175);box-shadow:0 1px 6px rgba(0,0,0,.175)}.timeline>li>.timeline-panel:before{content:" ";display:inline-block;position:absolute;top:26px;right:-15px;border-top:15px solid transparent;border-right:0 solid #ccc;border-bottom:15px solid transparent;border-left:15px solid #ccc}.timeline>li>.timeline-panel:after{content:" ";display:inline-block;position:absolute;top:27px;right:-14px;border-top:14px solid transparent;border-right:0 solid #fff;border-bottom:14px solid transparent;border-left:14px solid #fff}.timeline>li>.timeline-badge{z-index:100;position:absolute;top:16px;left:50%;width:50px;height:50px;margin-left:-25px;border-radius:50%;text-align:center;font-size:1.4em;line-height:50px;color:#fff;background-color:#999}.timeline>li.timeline-inverted>.timeline-panel{float:right}.timeline>li.timeline-inverted>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}.timeline>li.timeline-inverted>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}.timeline-badge.primary{background-color:#2e6da4!important}.timeline-badge.success{background-color:#3f903f!important}.timeline-badge.warning{background-color:#f0ad4e!important}.timeline-badge.danger{background-color:#d9534f!important}.timeline-badge.info{background-color:#5bc0de!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 (max-width:767px){ul.timeline:before{left:40px}ul.timeline>li>.timeline-panel{width:calc(10%);width:-moz-calc(10%);width:-webkit-calc(10%);float:right}ul.timeline>li>.timeline-badge{top:16px;left:15px;margin-left:0}ul.timeline>li>.timeline-panel:before{right:auto;left:-15px;border-right-width:15px;border-left-width:0}ul.timeline>li>.timeline-panel:after{right:auto;left:-14px;border-right-width:14px;border-left-width:0}}

.slider-horizontal {
    width: 100% !important;
}

.draggableCardList li {
    margin-bottom: 10px;
}

.draggableSectionList .card-header, .draggableRowList .card-header {
    cursor: n-resize;
}

.draggableWidgetList .card-header {
    cursor: move;
}

.draggableNavigationList .card-header {
    cursor: move;
}

.sideedit {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1200; /* Stay on top */
    top: 0;
    right: 0;
    background-color: #f5f5f5; /* Black */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

#overlay {
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 1100;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    opacity: .75;
}

/*definitions for Dropzone*/ 
#uploadModal .modal-body {
    background-color: lightgray;
}

.dropzone .dz-message strong {
    font-size: 14pt;
}

/*bootstrap manipulations*/
.list-inline-item.col-12 {
    margin-right: 0;
}

button.btn {
    cursor: pointer;
}

/*custom btn-mini*/
.btn-mini {
    width: 21px;
    height: 21px;
    border-radius: 11px;
    padding: 0 0 0 1px;
    font-size: 10px;
}

.draggableMappingList .btn-mini {
    position: relative;
    top: -40px;
    left: 11px;
}

.draggableMappingList li .btn-mini {
    visibility: hidden;
}

.draggableMappingList li:hover .btn-mini {
    visibility: visible;
}

.draggableMappingList .handle {
    cursor: move;
}

.draggableTable tr {
    cursor: ns-resize;
}

.pointer {
    cursor: pointer;
}

input:checked + img.img-thumbnail, input + img.img-thumbnail:hover {
    background-color: #007bff; 
}

::placeholder {
   color: #ccc !important;
}