/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

body{background: #f1f1f1!important;}

  .card{max-width: 100%;padding: 0}
  .mylod{
  left:0!important;
  top: 0px!important;
  width: 100%!important;
  height: 100%!important;
  position: fixed!important;
  background: rgba(0, 0, 0, 0.5)!important;
  z-index: 999999999 !important; 
}

.modal-backdrop {
    opacity: .5!important; 
}
.modal {
    top: 4%!important; 
}

.cn_rating{
    width: 48%!important; 
    float: left;
    margin-right: 10px;
}
.modal.ng-scope.ng-isolate-scope.in {
    z-index: 99999 !important;
}

.mywidget {
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    border-radius: 9px!important;
    transition: all .3s;
    padding: 0px !important;
    margin-top: 15px;
}

.xe-label{display: table-cell;
    vertical-align: middle;
    padding: 18px;
}
.xe-icon{
  display: table-cell;
  vertical-align: middle;
  padding: 18px;
}

 .xe-icon i{
    display: block;
    background: #68b828;
    color: #fff;
    text-align: center;
    font-size: 25px;
    line-height: 50px;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 50%;
    -moz-background-clip: padding;
    border-radius: 50%;
    background-clip: padding-box;
}

 .cn_body_background_image img {
    max-width: 100%;
}

.cn_body_background_image{
  width: 500px
}

.cn_body_content_image img {
    max-width: 100%;
}