html{
    height: auto;
}

.presta-login-bg {
    background: radial-gradient(#1F1F2B,#36364a);;
    background-attachment: fixed;
    color: white;
}

.presta-bg{
    background: #1F1F2B!important;
    color: white;
}

.presta-bg-green{
    background: #7BC142!important;
    color: white;
}

.dropdown-toggle > span{
    color: white;
}

.sidebar-toggle{
    color: white!important;
    padding-bottom: 13px!important;
}

.sidebar-toggle:hover,
.sidebar-toggle:active{
    color: #1F1F2B!important;
}

.presta-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);
}

.dropdown-toggle:hover > span,
.dropdown-toggle:active > span,
.dropdown-toggle:focus > span{
    color: #1F1F2B;
}

.skin-black .main-header > .logo {
    background: #1F1F2B!important;
    border-right: 0;
}

.white-bg{
    background: #feffff!important;
    color: black;
}

.presta-color {
    color: #1F1F2B!important;
}
.presta-color-green {
    color: #7BC142!important;
}

h1{
    color: #1D1D2B;
}

h2{
    font-weight: 300;
}

.content-wrapper{
    background-color: #f9fafb;
}

.btn-primary{
    background: #1F1F2B;
    border-color: #1F1F2B;
    color: white;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:focus
{
    background-color: #36364a;
    border-color:#36364a;
}


a{
    color: #7BC142;
}

a:hover,
a:active,
a:focus,
a:active:focus
{
    color: #94cd65;
}

.btn-success{
    background: #7BC142;
    border-color: #7BC142;
    color: white;
}

.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success:active:focus
{
    background-color: #94cd65;
    border-color:#94cd65;
}

.nav-tabs-custom > .nav-tabs > li.active {
    border-top-color: #1F1F2B;
}

.btn-danger{
    background-color: #e52a25;
    border-color: #e52a25;
    color: white;
    font-weight: 200;
}

.small-box{
    min-height: 108px;
}

.main-footer{
    padding:0;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger:focus
{
    background-color: #ea4e48!important;
    border-color: #ea4e48!important;
    color: white!important;
    font-weight: 200;
}

.btn-outline:hover,
.btn-outline:active,
.btn-outline:focus{
    background-color: white!important;
    color: #1F1F2B!important;
}

.box.box-primary{
    border-top-color: #1F1F2B ;
}

.box.box-danger{
    border-top-color: #e52a25 ;
}

.form-control:focus {
    border-color: rgba(123, 193, 66, 0.8);
    outline: 0;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(148, 205, 101, 0.4);
}


.skin-black .sidebar-menu > li.header {
    margin-top:40px;
    color: inherit;
    background: inherit;
}

.skin-black .sidebar-menu > li > a {
    border-left: 3px solid #1F1F2B;
    color:white;
}
.skin-black .sidebar-menu > li:hover > a,
.skin-black .sidebar-menu > li.active > a {
    color: white;
    border-left-color: #7BC142;
    background-color: #1F1F2B;
}

.skin-black .main-header li.user-header {
    background: #1F1F2B;
}

.skin-black .main-header .navbar {
    background-color: #1F1F2B;
}
.skin-black .sidebar-menu > li > .treeview-menu {
    margin: 0 1px;
    background: #2c3b41;
}
.skin-black .sidebar a {
    color: #b8c7ce;
}
.skin-black .sidebar a:hover {
    text-decoration: none;
}
.skin-black .treeview-menu > li > a {
    color: #8aa4af;
}
.skin-black .treeview-menu > li.active > a,
.treeview-menu > li > a:hover {
    color: #ffffff;
}

.panel-primary{
    border-color: white;
}
.panel-primary > .panel-heading {
    color: black;
    background:  white;
    background-attachment: fixed;
    border-color: white;
}

.small-box .icon{
    font-size: 80px;
}

.small-box:hover .icon{
    font-size: 85px;
}

.no-found{
    margin-top: 100px;
    margin-bottom: 60px;
    text-align: center;
}

.deleted_since{
    margin-top: 10px;
    margin-right: 10px;
}


.widget-user .widget-user-image {
    position: absolute;
    top: 65px;
    left: 80%;
    margin-left: -45px;
}

.widget-user .widget-post-image {
    position: absolute;
    top: 65px;
    left: 80%;
    margin-left: -45px;
}


 .dataTable {
     width: 100% !important;
 }
.dataTables_scrollHeadInner {
    width: 100% !important;
}