html {
  width: 100%;
}

body {
  overflow-x: hidden !important;
}

body.show-spinner>main {
  overflow: hidden !important;
}

/* Hide everything under body tag */
body.show-spinner>* {
  opacity: 0;
}

/* Spinner */
body.show-spinner::after {
  content: " ";
  display: inline-block;
  width: 30px;
  height: 30px;
  border: 2px solid rgba(0, 0, 0, 0.2);
  border-radius: 50%;
  border-top-color: rgba(0, 0, 0, 0.3);
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
  left: calc(50% - 15px);
  top: calc(50% - 15px);
  position: fixed;
  z-index: 1;
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}


.background .mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}


.btn_no{padding: 0; border: 0; background: none;    font-size: 1rem;}
.custom_progress-banner .progress-banner .progress-bar-circle.progress-bar-banner { width: 50px; height: 50px;}
.custom_progress-banner .progress-banner {  height: 150px;}
.custom_progress-banner .progress-banner .progress-bar-banner .progressbar-text{font-size: 1.2em;}
.custom_progress-banner .card .card-body{ padding-top: 10px;}

.list_1{padding: 0 0 0 13px; margin: 0; }
.list_1 li{padding: 0; margin: 0; margin-bottom: 15px; }
.robot_tab .btn-toolbar{display: none;}
.robot_tab .card-header{padding: 0 !important; font-size: 18px;}

.folder_listing{list-style: none; padding: 0; margin: 0; height: 195px;overflow-y: scroll}
.folder_listing li{list-style: none; padding: 8px 0; margin: 0; border-top: rgb(241, 240, 240) solid 1px; cursor: pointer;}
.folder_listing li:hover{background: rgb(248, 248, 248);}.folder_listing{list-style: none; padding: 0; margin: 0;}
.folder_listing li{list-style: none; padding: 8px 0; margin: 0; border-top: rgb(241, 240, 240) solid 1px; cursor: pointer;}
.folder_listing li:hover{background: rgb(248, 248, 248);}

input[type="radio"]{
  margin: 0 10px 0 10px;
}

.custom-icon-button{
    position: absolute;
    margin-top: 3px;
    font-size: 16px;
    cursor: pointer;
}

.custom-icon-button:hover{
    color: #145388;
    margin-top: 1px;
    font-size: 20px;
}


.customer_row:hover{
   cursor: pointer;
}


.edit_plan:hover{
   cursor: pointer;
}

.all_plans:hover{
   cursor: pointer;
}

.error {
    border: solid 2px #FF0000;
}

.active_menu {
    position: relative;
}

.active_menu:after {
    content: " ";
    background: #145388;
    color: #fff;
    border-radius: 10px;
    position: absolute;
    width: 6px;
    height: 90px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.user_licenses:hover{
   cursor: pointer;
}