/* Remove this if you dont want background overlay over the image or adjust per your needs */
body.login_admin:before {
    content: " ";
    background: rgba(31, 31, 31, 0.7);
    min-height: 100%;
    min-width: 100%;
    position: absolute;
}
body.login_admin {
  background: url('https://crm.allsafe.ma/media/login_admin.jpg') no-repeat center center fixed; /* The full image url*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}



body.customers_login {
  background: url('https://crm.allsafe.ma/media/login.jpg') no-repeat center center fixed; /* The full image url*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*

.top_stats_wrapper,.panel-body {
  border-radius: 10px!important; 
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}
.progress-bar{
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.progress, .progress-bar-mini {
    height: 12px !important;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}

#side-menu li.active, li .nav-second-level li {
    background: #289c8e!important;
    border-bottom: 0;
}
.admin #side-menu li.active>a, .admin #setup-menu li.active>a {
    color: #289c8e!important;
    background: #ffffff!important;
    border-radius: 50px 0 0 50px !important;
    -webkit-border-radius: 50px 0 0 50px !important;
    -moz-border-radius: 50px 0 0 50px !important;
    -ms-border-radius: 50px 0 0 50px !important;
    -o-border-radius: 50px 0 0 50px !important;
    margin: 0px 0px 0px 20px;
    padding: 14px 20px;
}

#side-menu li .nav-second-level li a { color: #ffffff;}
#side-menu li .nav-second-level li.active a {color: #289c8e!important;}
#top_search { padding-top: 10px;width: 320px;}
#top_search input {
    background: #289c8e61;
    color: #000000;
    height: 44px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
}

.liveUsers {background-color: #fc2d42 !important;}
.liveClients {background-color: #ff6f00 !important;}

.widget-dragger:before {content: "\f047";}

#wrapper {
    background: url(https://crm.allsafe.ma/media/pattern_background.jpg);
    background-repeat: repeat;
    background-repeat: repeat;
    box-shadow: inset 0 0.46875rem 2.1875rem rgba(4, 9, 20, 0.05),
    inset 0 0.9375rem 1.40625rem rgba(4, 9, 20, 0.03),
    inset 0 0.25rem 0.53125rem rgba(4, 9, 20, 0.05), 
    inset 0 0.125rem 0.1875rem rgba(4, 9, 20, 0.03);
}*/