@charset "UTF-8";
/*================================================================================
	Item Name: Convex - Bootstrap 5 Admin Dashboard Template
	Version: 1.0
	Author: Shujaat Iqbal
	Author URL:
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/* Variables
   ============================================== */
/* placeholder */
:root {
  --primary-color: #03778A;
  --primary-color-rgba: rgba(3, 119, 138, 1);
  --primary-color-hsl: 188, 96%, 28%;
  --primary-color-light: #e5f1f3;
  --primary-color-Robin-egg-blue: #04BAB8;
  --secondary-color-Vibrant-Orange: #FD5D13;
  --secondary-color-orange-light: #FFB52A;
  --secondary-color: #FD8D02;
  --secondary-active-color: #FD5D13;
  --secondary-color-Sunglow: #FFBE4D;
  --primary-color-dark-orange: #FD8D02;
  --black: #000000;
  --white: #FFFFFF;
  --dropdown-item-active-hover-bg: #f4f6f8;
  --btn-disabled-bg: #f4a543;
  --transition: all ease-in-out 200ms;
}

.pace .pace-progress {
  background: #28D094;
  height: 5px;
}

.gap-20 {
  gap: 20px;
}

html {
  overflow: hidden;
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
}
html body {
  font-family: "Roboto", serif !important;
  font-optical-sizing: auto;
}
html body h1, html body h2, html body h3, html body h4, html body h5, html body h6, html body .h1, html body .h2, html body .h3, html body .h4, html body .h5, html body .h6 {
  font-family: "Poppins", serif !important;
  color: var(--modal-title-color);
  font-weight: 300;
}
html body .max-width-200 {
  max-width: 200px;
}
html body input[type=number][readonly] {
  -moz-appearance: textfield;
  appearance: textfield;
}
html body input[type=number][readonly]::-webkit-inner-spin-button, html body input[type=number][readonly]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
html body input[type=password]::-ms-reveal, html body input[type=password]::-ms-clear {
  display: none;
}
html body input[type=password]::-ms-reveal, html body input[type=password]::-ms-clear {
  display: none;
}
html body .child-table-wrapper table tbody::before, html body .child-table-wrapper table tbody::after {
  height: auto;
}
html body .bg-label-primary {
  background-color: var(--bs-round-robin-select-tag);
  color: var(--primary-color-Robin-egg-blue);
  transition: var(--transition);
}
html body .bg-label-primary:hover {
  background-color: var(--primary-color-Robin-egg-blue);
  color: var(--white) !important;
}
html body .bg-label-primary:active {
  background: var(--primary-color-Robin-egg-blue) !important;
  border-color: var(--primary-color-Robin-egg-blue) !important;
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-Robin-egg-blue), 0.5) !important;
  -webkit-box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-Robin-egg-blue), 0.5);
  color: var(--white) !important;
}
html body .bg-label-primary:focus {
  outline: none;
  background: var(--primary-color-Robin-egg-blue);
  box-shadow: 0 0 0 0.2rem rgba(var(--primary-color-rgba), 0.25);
  color: var(--white) !important;
}
html body .bar-primary {
  border-color: var(--primary-color) !important;
}
html body .from-name-machine {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
html body .row-container > * {
  width: auto !important;
}
html body .faq .accordion .card a {
  color: var(--primary-color);
}
html body .faq .accordion .card i {
  color: var(--secondary-color-Vibrant-Orange);
}
html body .display-content {
  display: contents;
}
html body .col-width-400 {
  max-width: 400px;
}
html body .border-radius-0 {
  border-radius: 0 !important;
}
html body .display-inline-flex {
  display: inline-flex !important;
}
html body .card-bg-img {
  background: linear-gradient(var(--linear-gradient-bg)), url("../img/svg/res_particle.svg") no-repeat top right;
  border-radius: 8px;
}
html body .ft-power::before {
  position: relative;
  left: -2px;
}
html body .help-block ul {
  margin: 0;
}
html body .help-block ul li {
  font-size: 0.8rem;
}
html body .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before, html body .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: var(--primary-color);
}
html body .app-sidebar .logo .logo-text, html body .off-canvas-sidebar .logo .logo-text {
  height: 39px;
}
html body .app-sidebar .sidebar-content, html body .off-canvas-sidebar .sidebar-content {
  height: calc(100vh - 64px);
}
html body .popover .popover-arrow {
  display: none !important;
}
html body .tooltip .tooltip-arrow {
  display: none !important;
}
html body .tooltip .tooltip-inner {
  padding: 1rem;
  font-weight: 400;
  font-size: 0.8rem;
  text-align: left;
  max-width: 250px;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.2);
  font-family: "Roboto", sans-serif !important;
}
html body .min-width-90 {
  min-width: 90px !important;
}
html body .padding-box {
  padding: 0.35rem 0.6rem !important;
}
html body .machine_name_info .tooltip, html body .ip-tooltip .tooltip {
  position: absolute;
  display: inline-block;
  opacity: 1;
  z-index: 0;
}
html body .machine_name_info .tooltip .vm-copy, html body .ip-tooltip .tooltip .vm-copy {
  opacity: 1;
}
html body .machine_name_info .tooltip .vm-copy .tooltiptext, html body .ip-tooltip .tooltip .vm-copy .tooltiptext {
  font-family: "Roboto", serif;
  font-size: 0.8rem;
  visibility: hidden;
  width: 140px;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: all ease-in-out 200ms;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
}
html body .machine_name_info .tooltip .vm-copy .tooltiptext::after, html body .ip-tooltip .tooltip .vm-copy .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
}
html body .machine_name_info .tooltip:hover .tooltiptext, html body .ip-tooltip .tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}
html body .ui-datepicker {
  top: 100px !important;
}
html body .ui-datepicker table tbody tr td:first-child {
  border-left: 0;
}
html body .xdsoft_datetimepicker {
  font-family: Roboto, sans-serif !important;
  margin-top: 10px;
  border-radius: 5px;
}
html body .xdsoft_datetimepicker .xdsoft_next, html body .xdsoft_datetimepicker .xdsoft_prev, html body .xdsoft_datetimepicker .xdsoft_today_button {
  border-radius: 2px;
  height: 25px;
  margin-top: 1px;
}
html body .xdsoft_datetimepicker .xdsoft_calendar {
  margin-top: 3px;
}
html body .xdsoft_datetimepicker .xdsoft_calendar table tbody tr td.xdsoft_current {
  box-shadow: none;
}
html body .ft-citrix {
  background-image: url("../img/icons/cit.svg");
  height: 27px;
}
html body .ft-workspace {
  background-image: url("../img/icons/dir.svg");
  height: 27px;
}
html body .ft-draas {
  background-image: url("../img/icons/draas.svg");
  height: 25px;
  background-repeat: no-repeat;
  background-position: center 2px;
}
html body .ft-appearance {
  background-image: url("../img/icons/appear.svg");
  height: 20px;
  display: flex;
  width: 20px;
}
html body .ft-reports {
  background-image: url("../img/icons/chart-square-bar.svg");
  height: 15px;
  width: 15px;
  fill: var(--primary-color);
  background-size: contain;
  background-repeat: no-repeat;
  padding: 7px;
}
html body .ft-alert-2 {
  background-image: url("../img/icons/alert-icon-2.svg");
  height: 16px;
  width: 16px;
  fill: var(--primary-color);
  background-size: contain;
  background-repeat: no-repeat;
  padding: 7px;
}
html body .content-loader {
  background: url("../../../administration/assets/images/loader/loader.svg") no-repeat;
  width: 25px;
  height: 25px;
  margin: auto;
}
html body .pl-40 {
  padding-left: 40px !important;
}
html body .modal-banner-space {
  margin: 0;
  padding: 0 4rem !important;
}
html body .modal-banner-space .modal-banner {
  background-color: #f6f6f6;
  margin: 0px -64px;
  padding: 2.5rem 4rem;
}
html body .img-grey-icon select:active ~ .with-icon img {
  filter: grayscale(0) invert(0);
}
html body .img-grey-icon select:focus ~ .with-icon img {
  filter: grayscale(0) invert(0);
}
html body .img-grey-icon img {
  filter: grayscale(1) invert(0.5);
}
html body .w-103 {
  min-width: 115px;
}
html body .noHover {
  pointer-events: none;
}
html body .text-pdf {
  fill: #E52424;
}
html body .text-link {
  fill: #037DDB;
}
html body .text-video {
  fill: #d82424;
}
html body .text-excel {
  fill: #00a23b;
}
html body .text-word {
  fill: #037ddb;
}
html body .position-top-12 {
  top: 13px !important;
}
html body .mt-3px {
  margin-top: 4px;
}
html body a {
  color: #FD8D02;
}
html body a:hover, html body a:focus, html body .page-link:hover, html body .page-link:focus {
  color: #FD5D13;
}
html body .pr-30 {
  padding-right: 30px;
}
html body .wrapper .app-sidebar .navigation li.has-sub a:after {
  right: 0.6rem !important;
}
html body .wrapper .content-sub-header {
  font-family: "Roboto", serif !important;
}
html body .badge-circle {
  width: 25px;
  height: 25px;
  font-style: normal;
}
html body .min-width-300 {
  min-width: 300px;
}
html body .role-switch {
  margin: 15px !important;
  position: absolute;
  z-index: 4;
  right: 30px;
}
html body .timeline-icon i {
  line-height: 2.5;
}
html body .timeline-icon .obj-rotate {
  left: 9px;
}
html body .dt-button-collection {
  padding: 0;
  font-size: 0.9rem;
}
html body .dt-button-collection a {
  padding: 0.4rem;
}
html body .dt-button-collection a:first-child {
  display: none;
}
html body .dt-button-collection a:last-child {
  margin-bottom: 0;
}
html body .dt-button-collection a:active {
  background: var(--primary-color);
}
html body .dt-button-collection a.active {
  background: var(--primary-color);
}
html body .dt-button-background {
  background: rgba(0, 0, 0, 0.5);
}
html body .role_content hr {
  margin: 10px 0;
}
html body .min-width-175 {
  min-width: 175px;
}
html body .role-collapse .card-header .card-title {
  color: #ffffff;
  transition: background-color 0.5s ease;
}
html body .card-bg {
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.2);
  background: #eee;
}
html body .text-red {
  color: #E62626;
}
html body .gradient-primary {
  background-repeat: repeat-x;
}
html body .btn.gradient-primary:active, html body .fc button.gradient-primary:active, html body .btn.gradient-primary.active, html body .fc button.gradient-primary.active {
  background-image: -webkit-linear-gradient(45deg, #ffffff, rgba(var(--primary-color), 0.15));
  background-image: -o-linear-gradient(45deg, #ffffff, rgba(var(--primary-color), 0.15));
  background-image: linear-gradient(45deg, #ffffff, rgba(var(--primary-color), 0.15));
  background-repeat: repeat-x;
}
html body .-gradient-primary {
  background-image: -webkit-linear-gradient(-90deg, #ffffff 70%, rgba(var(--primary-color), 0.15));
  background-image: -o-linear-gradient(-90deg, #ffffff 70%, rgba(var(--primary-color), 0.15));
  background-image: linear-gradient(-90deg, #ffffff 70%, rgba(var(--primary-color), 0.15));
  background-repeat: repeat-x;
}
html body .btn.-gradient-primary:active, html body .fc button.-gradient-primary:active, html body .btn.-gradient-primary.active, html body .fc button.-gradient-primary.active {
  background-image: -webkit-linear-gradient(-90deg, #ffffff 70%, rgba(var(--primary-color), 0.15));
  background-image: -o-linear-gradient(-90deg, #ffffff 70%, rgba(var(--primary-color), 0.15));
  background-image: linear-gradient(-90deg, #ffffff 70%, rgba(var(--primary-color), 0.15));
  background-repeat: repeat-x;
}
html body .din_sparks {
  position: absolute;
  right: 0;
}
html body .max-width-80 {
  max-width: 80px;
}
html body .max-width-110 {
  max-width: 110px;
}
html body .min-width-100 {
  min-width: 100px;
}
html body .flex-basis-50 {
  flex-basis: 48%;
}
html body .mt--5 {
  margin-top: -5px;
}
html body .max-height-210 {
  max-height: 210px;
}
html body div.dataTables_wrapper div.dataTables_filter input {
  margin-left: 0.5em;
  display: inline-block;
  width: 140px;
  font-size: 0.8rem;
  font-weight: 300;
}
html body .dataTables_empty {
  height: 100px;
}
html body {
  /*---------FAQs start-----------*/
}
html body .faq-page-container {
  padding: 0;
}
html body .faq-page-container .container-fluid {
  padding: 0;
}
html body .faq-page-container .container-fluid section#faq {
  padding-top: 0;
}
html body .faq-page-container .container-fluid section#faq .container-fluid {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
html body .faq .accordion .card {
  border-radius: 8px;
  border: 0;
}
html body .faq .accordion .card:not(:first-of-type):not(:last-of-type) {
  border-radius: 8px;
  border: 0;
}
html body .faq .accordion .card .card-header a i {
  border-radius: 200rem;
  padding: 0.2rem;
}
html body .faq .accordion .card .card-body p {
  font-size: 1rem;
  color: #9E9E9E;
  line-height: 30px;
}
html body .content-modal .faq .accordion .card {
  border-radius: 8px;
  border: 0;
  margin: 6px 0;
}
html body .content-modal .faq .accordion .card:not(:first-of-type):not(:last-of-type) {
  border-radius: 8px;
  border: 0;
}
html body .content-modal .faq .accordion .card .card-header .card-title {
  padding-right: 0;
}
html body .content-modal .faq .accordion .card .card-header .card-title h6 {
  font-size: 0.95rem;
}
html body .content-modal .faq .accordion .card .card-header a {
  font-size: 0.9rem;
  padding: 0.8rem !important;
}
html body .content-modal .faq .accordion .card .card-header a i {
  border-radius: 200rem;
  padding: 0.2rem;
}
html body .content-modal .faq .accordion .card .card-body p {
  font-size: 0.8rem;
  color: rgba(97, 97, 97, 0.87);
  line-height: 24px;
  letter-spacing: normal;
}
html body {
  /*---------FAQs end-----------*/
  /*------------card ui start-------------*/
}
html body .card .card-header .bar-title-color {
  border-left: 3px solid;
  transition: all ease-in-out 200ms;
}
html body {
  /*------------card ui end-------------*/
}
html body {
  /*----------Footer Links------------*/
}
html body .footer-links {
  display: flex;
  justify-content: space-between;
  font-size: 0.9rem;
  margin-top: 1rem;
}
html body .font-weight-400 {
  font-weight: 400;
}
html body .bg-dark .form-group select {
  color: #7E8081;
  border: 0;
  background: #262B2F url("../img/icons/down_arrow.svg") no-repeat right 0.75rem center;
  background-size: 18px;
  font-size: 0.8em;
  border-color: #424242 !important;
  border-radius: 0.25rem;
}
html body .bg-dark .form-group .input-group .form-control {
  padding-left: 2.1rem;
}
html body .bg-dark .form-group .input-group .input-group-prepend .input-group-text {
  background: #1b2024;
  border: 0;
  color: #7E8081;
}
html body .bg-dark .form-group .input-group input {
  background: #262B2F !important;
  border: 0;
  color: #7E8081 !important;
}
html body .bg-dark .form-group .input-group .picker--opened .picker__holder {
  color: #7E8081;
  border: 0;
  background: #262B2F;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
html body .bg-dark .form-group .input-group .picker--opened .picker__holder .picker__box table tbody tr td:first-child {
  border-left: 0;
}
html body .bg-dark .form-group .input-group .picker--opened .picker__holder .picker__box table td .picker__day--infocus:hover {
  background: #1b2024;
  border-radius: 4px;
}
html body .bg-dark .form-group .input-group .picker--opened .picker__holder .picker__box table td .picker__day--outfocus:hover {
  color: #FFFFFF;
  border-radius: 4px;
}
html body .bg-dark .form-group .input-group .picker--opened .picker__holder .picker__box .picker__footer button {
  background: #1b2024;
  border: 0;
  color: #7E8081;
  font-size: 0.8rem;
  margin: 0 3px 5px 3px;
}
html body .bg-dark .py-1-5 {
  padding-top: 0.55rem !important;
  padding-bottom: 0.55rem !important;
}
html body .height-18 {
  height: 18px;
}
html body #toolbar .alert-message {
  border: 1px solid #C3D9E4;
  background-color: #E3F2FA;
  color: #4D4F5C;
  font-size: 13px;
}
html body .failure-tabs {
  border: 0;
}
html body .failure-tabs .nav-item a {
  font-weight: 400 !important;
  font-size: 0.9rem;
}
html body .failure-tabs .nav-item a.nav-link {
  padding: 0 1rem;
}
html body .failure-tabs .nav-item a.active {
  border: 0;
  color: var(--primary-color) !important;
  text-decoration: underline;
  font-weight: 500 !important;
}
html body .page-filter-container label {
  color: rgba(97, 97, 97, 0.87);
}
html body .page-filter-container .dataTables_length {
  margin-right: 1rem;
}
html body .page-info-container .dataTables_info {
  color: rgba(97, 97, 97, 0.87) !important;
}
html body {
  /*----------Footer Links------------*/
  /*---------------------------------------------*/
  /* Just to center things */
}
html body .center {
  display: inline-block;
}
html body .center .qs {
  display: inline-block;
  font-family: "Roboto", sans-serif !important;
  line-height: 30px;
  position: relative;
  text-align: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
  -webkit-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
  -moz-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
  animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
}
html body .center .qs i {
  font-size: 14px;
}
html body .center .qs .popover {
  border-radius: 6px !important;
  bottom: 0;
  display: none;
  font-family: "Roboto", sans-serif !important;
  left: -93px;
  top: -140px;
  position: absolute;
  z-index: 4;
  padding: 16px;
  width: max-content;
}
html body .center .qs .popover.below {
  left: -5px;
  top: 42px;
  padding: 10px;
  position: relative;
  text-align: center;
  min-width: 100px;
  margin-left: -32px;
  margin-top: 5px;
}
html body .center .qs .popover p {
  font-size: 12px;
  font-weight: normal;
  margin: 0;
}
html body .qs:hover .popover {
  display: block;
  -webkit-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
  -moz-animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
  animation: fade-in 0.3s linear 1, move-up 0.3s linear 1;
}
@-webkit-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-ms-keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes move-up {
  from {
    bottom: 30px;
  }
  to {
    bottom: 42px;
  }
}
@-moz-keyframes move-up {
  from {
    bottom: 30px;
  }
  to {
    bottom: 42px;
  }
}
@-ms-keyframes move-up {
  from {
    bottom: 30px;
  }
  to {
    bottom: 42px;
  }
}
html body {
  /*-------------------------------------------------*/
  /*------------VM Detail Actions UI start---------------------------*/
}
html body .toolpop {
  display: none;
}
html body .detail-action {
  height: auto;
}
html body .detail-action .toolpop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}
html body .detail-action > a {
  height: auto;
}
html body .detail-action:after {
  display: none;
}
html body .detail-action > .actions-dropdown {
  display: flex !important;
  width: calc(100% - 30px);
  box-shadow: none !important;
  background: transparent;
  border: 0;
  top: 0;
  margin: 0;
  justify-content: space-evenly;
  align-items: center;
  height: 54px;
}
html body .detail-action > .actions-dropdown a {
  width: auto;
  color: #545454;
  position: relative;
  padding: 0.6rem 0.6rem !important;
  border-radius: 8px;
}
html body .detail-action > .actions-dropdown a:hover img {
  filter: brightness(0) invert(1) !important;
}
html body .detail-action > .actions-dropdown a:active img, html body .detail-action > .actions-dropdown a:focus img {
  filter: brightness(0) invert(1) !important;
}
html body .detail-action > .actions-dropdown a .list-tip {
  display: block;
}
html body .detail-action > .actions-dropdown a .list-tip i, html body .detail-action > .actions-dropdown a .list-tip img {
  width: 15px;
  height: 15px;
  font-size: 0.95rem;
  display: block;
}
html body .detail-action > .actions-dropdown a .list-tip span {
  display: none;
}
html body {
  /*------------VM Detail Actions UI end---------------------------*/
  /*-----------------------Payment Method Start--------------------------*/
}
html body .card-visa {
  display: flex;
  justify-content: space-around;
}
html body .card-visa svg.visacard path {
  fill: var(--primary-color);
}
html body .card-visa svg.disabled path {
  fill: gray;
}
html body .font-weight-500 {
  font-weight: 500;
}
html body button {
  outline: none !important;
}
html body .font-size-normal {
  font-size: 1rem !important;
}
html body .linked-template-color {
  border-left: 4px solid #ffcd85;
  padding-left: 0.48rem;
}
html body .linked-machine-color {
  background: rgb(231, 148, 84);
  background: linear-gradient(0deg, rgb(231, 148, 84) 0%, rgb(253, 168, 29) 50%, rgb(252, 176, 69) 100%);
  width: 5px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
html body .linked-machine-color:hover {
  border: 1px solid rgba(140, 140, 140, 0.34);
  cursor: pointer;
}
html body .vmware-machine-color {
  background: #3ab7b7;
  background: linear-gradient(0deg, #7dd931 30%, #3ab7b7 80%);
  width: 5px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
html body .vmware-machine-color:hover {
  border: 1px solid rgba(140, 140, 140, 0.34);
  cursor: pointer;
}
html body .card-effect {
  position: relative;
  border-radius: 8px;
}
html body .card-effect .addition-disk {
  z-index: 2;
  transition: all ease-in-out 200ms;
  border-radius: 8px;
}
html body .card-effect .addition-disk .credit-card-add {
  transition: all ease-in-out 200ms;
  border-radius: 8px;
}
html body .card-effect .addition-disk .credit-card-add h6 {
  text-align: left;
}
html body .card-effect .addition-disk .credit-card-add .card-visa {
  display: inline-block;
  float: right;
}
html body .card-effect .addition-disk .credit-card-add .card-visa svg {
  width: 53px !important;
  height: 50px !important;
}
html body .card-effect .addition-disk .credit-card-add span {
  text-align: left;
  display: block;
  font-size: 1.1rem;
}
html body .card-effect .addition-disk .credit-card-add .card-details {
  display: flex;
  padding: 1.5rem 0 0 0;
  justify-content: space-between;
  align-items: end;
  margin-top: 2.2rem;
}
html body .card-effect .addition-disk .credit-card-add .card-details small {
  font-size: 1rem;
}
html body .card-effect .addition-disk .credit-card-add .card-details .add-prof {
  border-radius: 4px;
  padding: 0.3rem 1rem;
}
html body .card-effect .addition-disk .credit-card-add .card-details .add-prof i {
  display: inline-block;
  margin: 0;
  font-size: 1rem;
  width: auto;
}
html body .card-effect .addition-disk .credit-card-add .card-details .add-prof b {
  display: inline-block;
  font-size: 0.9rem;
}
html body .card-effect .addition-disk .credit-card-add:hover {
  background-image: linear-gradient(45deg, #1488CC, #2B32B2);
}
html body .card-effect .addition-disk:hover {
  border: 0;
  border-radius: 8px;
  box-shadow: none;
}
html body .card-effect .addition-disk:hover ~ .card-shadow {
  transform: translateY(40px) scale(0.95);
  box-shadow: none;
}
html body .card-effect .addition-disk:hover ~ .card-shadow1 {
  transform: translateY(75px) scale(0.8);
  box-shadow: none;
}
html body .card-effect .addition-disk:hover .credit-card-add .card-details .add-prof {
  transition: all ease-in-out 200ms;
}
html body .card-effect .card-shadow, html body .card-effect .card-shadow1 {
  border-radius: 8px;
  width: 85%;
  left: 30px;
  height: 180px;
  z-index: 1;
  position: absolute;
  top: 3px;
  transition: all ease-in-out 200ms;
}
html body .card-effect .card-shadow1 {
  left: 30px;
  z-index: 0;
}
html body .height-30 {
  height: 30px;
}
html body .min-height {
  min-height: 33px;
}
html body {
  /*-----------------------Payment Method End--------------------------*/
  /*-----------------Marketplace Start--------------------------------*/
}
html body .bg-det-top {
  background: #F6F6F6;
}
html body .search_box_container {
  padding: 3rem !important;
  background-size: calc(100% + 8px) !important;
}
html body .search_box_container .position-left-20 {
  left: 20% !important;
}
html body .market-height {
  height: calc(100vh - 65px);
  width: 100%;
  overflow-y: auto;
}
html body .full-height-scroll {
  height: calc(100vh - 0px);
  top: 64px !important;
}
html body .height-100-per {
  height: 100%;
}
html body .marketplace_content .vertical-nav {
  min-width: 270px;
  width: 270px;
  height: 100vh;
  position: fixed;
  left: 0;
  transition: all ease-in-out 200ms;
}
html body .marketplace_content .vertical-nav .nav .nav-item {
  line-height: normal;
  margin-bottom: 2px;
}
html body .marketplace_content .vertical-nav .nav .nav-item a {
  color: #545454;
  transition: all ease-in-out 200ms;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  font-weight: 500 !important;
  padding-left: 0.8rem;
}
html body .marketplace_content .vertical-nav .nav .nav-item a:hover {
  color: var(--primary-color);
  background: var(--marketplace-category-active-hover-bg);
}
html body .marketplace_content .vertical-nav .nav .nav-item a.active {
  color: var(--primary-color);
  background: var(--marketplace-category-active-hover-bg);
}
html body .marketplace_content .vertical-nav .nav .nav-item h6 {
  color: inherit;
  margin-bottom: 0;
  font-size: 0.87rem;
  font-weight: 400;
}
html body .marketplace_content .page-content {
  margin-left: 17rem;
  transition: all 0.4s;
}
html body .marketplace_content .page-content .btn:hover {
  color: var(--primary-color);
}
html body .marketplace_content .page-content .btn:active {
  color: var(--primary-color);
}
html body .marketplace_content .page-content .btn:focus {
  box-shadow: none;
}
html body .marketplace_content .page-content .card-block .card-title {
  letter-spacing: 0;
}
html body .marketplace_content {
  /* for toggle behavior */
}
html body .marketplace_content #sidebar.active {
  margin-left: -17rem;
}
html body .marketplace_content #content .min-width-270 {
  min-width: 270px;
}
html body .marketplace_content #content.active {
  width: 100%;
  margin: 0;
}
html body .marketplace_content #content.active .min-width-270 {
  min-width: 270px;
}
@media (max-width: 768px) {
  html body .marketplace_content #sidebar {
    margin-left: -17rem;
  }
  html body .marketplace_content #sidebar.active {
    margin-left: 15px;
  }
  html body .marketplace_content #content {
    width: 100%;
    margin: 0;
  }
  html body .marketplace_content #content.active {
    margin-left: 14rem;
    width: calc(100% - 0rem);
  }
}
html body {
  /*-------------------Marketplace End------------------------------- */
  /*-------------------Citrix Start------------------------------- */
}
html body #accordionMC.accordion .card {
  border-radius: 3px;
  border: 0;
  box-shadow: none !important;
}
html body #accordionMC.accordion .card:not(:first-of-type):not(:last-of-type) {
  border-radius: 8px;
  border: 0;
}
html body #accordionMC.accordion .card .card-header a {
  font-size: 0.9rem;
}
html body #accordionMC.accordion .card .card-header a i {
  border-radius: 200rem;
  padding: 0.2rem;
}
html body #accordionMC.accordion .card .card-body p {
  font-size: 0.9rem;
  line-height: 30px;
}
html body #accordionDG.accordion .card .card-header {
  border-radius: 0.3rem;
}
html body #accordionDG.accordion .card .card-header a {
  font-size: 0.9rem;
}
html body #accordionDG.accordion .card .card-header a i {
  padding: 0.2rem;
}
html body #accordionDG.accordion .card .card-body p {
  font-size: 0.9rem;
  line-height: 30px;
}
html body #mc-dropdown::before {
  display: none !important;
}
html body .machine_number span {
  cursor: pointer;
}
html body .machine_number .minus, html body .machine_number .plus {
  width: 25px !important;
  padding: 7px 0 0 8px;
}
html body .machine_number input {
  width: 100px !important;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
html body .tagify tag div .tagify__tag__avatar-wrap {
  margin-right: 5px !important;
  transition: 0.12s ease-out;
  margin-top: 5px;
  width: 13px !important;
  height: 13px !important;
  border-radius: 50% !important;
  background: red !important;
}
html body .box-title-left {
  align-items: center;
  display: flex;
  justify-content: end;
}
html body .d-none {
  display: none;
}
html body .top_tab_buttons {
  min-height: 49px;
  padding: 7px;
}
html body .top_tab_buttons li a.nav-link {
  width: auto;
  position: relative;
  padding: 0.3rem 0.5rem !important;
  border-radius: 5px;
  font-size: 0.85rem;
  font-weight: 500;
  display: flex;
  align-items: center;
}
html body .top_tab_buttons li a.nav-link:hover {
  background: var(--primary-color) !important;
  color: #fff;
}
html body .top_tab_buttons li a.nav-link:hover .badge {
  background-color: #343A40;
}
html body .top_tab_buttons li a.nav-link .badge {
  font-size: 0.75rem;
  padding: 5px;
  color: #FFFFFF;
  background-color: #0F9D58;
  min-width: 25px;
}
html body .top_tab_buttons li a.nav-link .license {
  background: url("../img/icons/license.svg") 0 no-repeat;
  height: 16px;
  width: 15px;
  display: inline-block;
}
html body .top_tab_buttons li a.active {
  background: var(--primary-color) !important;
  font-weight: 500;
  color: #fff;
}
html body .top_tab_buttons li a.active .badge {
  background-color: #343A40;
}
html body .bottom_tab .right-cont-height {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
html body .border-right-1 {
  border-right: 1px solid #D1D5EA;
}
html body .br-dark {
  border-color: #282828;
}
html body .license-table tbody tr td {
  font-size: 0.8rem;
  color: #ffffff;
  letter-spacing: 0.3px;
}
html body .content_left_1 {
  padding: 1rem;
}
html body .content_left_1 h1 {
  color: #ffffff;
  font-weight: 600;
  margin: 0;
  font-size: 3rem;
}
html body .content_left_1 h1.active {
  color: var(--primary-color);
}
html body .content_left_1 h5 {
  color: #ffffff;
  font-weight: 500;
  margin: 0;
  font-size: 1rem;
}
html body .content_left_1 h5.active {
  color: var(--primary-color);
}
html body .content_left_1 small {
  color: #B4B4B4;
}
html body .content_right_1 {
  display: flex;
  align-items: flex-start;
  height: 100%;
}
html body .content_right_1 h6 {
  font-weight: 500;
  margin: 3px 0 0 0;
  font-size: 0.8rem;
  color: #fff;
}
html body .content_right_1 .nav-vertical {
  width: 100%;
  height: 100%;
}
html body .content_right_1 .nav-vertical ul {
  background: transparent;
  width: 99.5%;
  height: auto;
}
html body .content_right_1 .nav-vertical ul li {
  margin-bottom: 0.15rem !important;
}
html body .content_right_1 .nav-vertical ul li.nav-item {
  background: transparent;
}
html body .content_right_1 .nav-vertical ul li a {
  background: transparent;
  color: #ffffff;
}
html body .content_right_1 .nav-vertical ul li a::before {
  display: none;
}
html body .content_right_1 .nav-vertical ul li a.nav-link {
  background: #262B2F;
  border-radius: 4px !important;
  font-size: 0.7rem;
  font-weight: 400 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding: 0.05rem 0.5rem !important;
  line-height: 12px;
}
html body .content_right_1 .nav-vertical ul li a.nav-link:hover {
  background-color: var(--primary-color);
  color: #ffffff !important;
}
html body .content_right_1 .nav-vertical ul li a.nav-link:hover .badge {
  background-color: #343a40;
}
html body .content_right_1 .nav-vertical ul li a.nav-link.active {
  background-color: var(--primary-color);
  color: #ffffff !important;
}
html body .content_right_1 .nav-vertical ul li a.nav-link.active .badge {
  background-color: #343a40;
}
html body .content_right_1 .nav-vertical ul li a.nav-link.active::before {
  display: none;
}
html body .content_right_1 .nav-vertical ul li a.nav-link .badge {
  padding: 5px;
  color: #ffffff;
  background-color: #434343;
  min-width: 25px;
}
html body .content_right_1 .nav-vertical ul li a.nav-link .badge.active {
  color: var(--primary-color);
}
html body .content_right_1 .graph_right {
  background-color: #262b2f;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
html body .content_right_1 .graph_right .graph_right1 {
  background-color: #262b2f;
  border-radius: 5px;
  width: 100%;
  height: 100%;
}
html body .content_right_1 .graph_right .graph_right1 h5 {
  font-weight: 500;
  margin: 0;
  font-size: 0.9rem;
  color: #ffffff;
}
html body .content_right_1 .graph_right .graph_right1 p {
  font-size: 0.75rem;
  color: #ffffff;
}
html body .content_right_1 .graph_right .graph_right1 .graph-link {
  color: #fa5d1e;
  font-size: 0.8rem;
}
html body .content_right_1 .graph_right .graph_right1 .graph_stats {
  height: 125px;
  display: block;
  margin-top: 12px;
}
html body .content_right_1 .graph_right .graph_right1 .graph_stats .nvd3 .nv-group {
  fill: #fa5d1e !important;
  stroke: #fa5d1e !important;
}
html body .content_right_1 .graph_right .graph_right1 .graph_stats .nvd3 .nv-axis line {
  stroke: rgba(255, 255, 255, 0.54);
}
html body .content_right_1 .graph_right .graph_right1 .graph_stats .nvd3 .nv-discretebar {
  fill: #fa5d1e !important;
  stroke: #fa5d1e !important;
}
html body .content_right_1 .graph_right .graph_right1 .graph_stats .nvd3 .nv-axis path {
  stroke: rgba(255, 255, 255, 0.54);
}
html body .content_right_1 .graph_right .graph_right1 .graph_stats .nvd3 text {
  fill: rgba(255, 255, 255, 0.54);
}
html body .content_right_1 .graph_right .graph_right1 .graph_stats svg.nvd3-svg {
  height: 135px;
}
html body .content_right_1 .graph_right .graph_right1 .graph_stats svg.nvd3-svg .nvd3 .nv-x .nv-wrap g .tick text {
  transform: translate(0px, 5px) !important;
}
html body .content_right_1 .graph_right .graph_right_column .dc-scroller {
  overflow: hidden;
  height: auto;
  margin-bottom: 0;
  outline: currentcolor none medium;
  padding: 0 20px 10px 0;
  margin-top: 18px;
  max-height: 127px;
}
html body .content_right_1 .graph_right .graph_right_column ul {
  margin-top: 0;
  overflow: hidden;
  margin-bottom: 0;
  padding: 0;
}
html body .content_right_1 .graph_right .graph_right_column ul li {
  list-style: none;
  margin-bottom: 2px !important;
}
html body .content_right_1 .graph_right .graph_right_column ul li div {
  background: #434343;
  border-radius: 4px !important;
  font-size: 0.7rem;
  font-weight: 400 !important;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 30px;
  padding: 0.05rem 0.5rem !important;
  color: #ffffff;
  line-height: 12px;
}
html body .content_right_1 .graph_right .graph_right_column ul li div:hover {
  background-color: var(--primary-color);
  color: #ffffff;
  cursor: pointer;
}
html body .content_right_1 .graph_right .graph_right_column ul li div.active {
  background-color: var(--primary-color);
  color: #ffffff;
}
html body .content_right_1 .graph_right .graph_right_column ul li div span {
  background-color: #262b2f;
  color: #ffffff;
}
html body .content_right_1 .light-chart svg text {
  font-size: 13px;
}
html body .nvd3 .nv-discretebar .nv-groups rect {
  fill: #fa5d1e !important;
  stroke: #fa5d1e !important;
}
html body .dark-chart {
  fill: rgba(255, 255, 255, 0.6);
}
html body .dark-chart svg text {
  font-size: 13px;
}
html body {
  /*-------------------Citrix End------------------------------- */
  /*------------------Skeleton Loader-----------------*/
}
html body .table-loader {
  visibility: hidden;
}
html body .table-loader:before {
  visibility: visible;
  display: table-caption;
  content: " ";
  width: 100%;
  height: 600px;
  background-image: linear-gradient(rgb(235, 235, 235) 1px, transparent 0), linear-gradient(90deg, rgb(235, 235, 235) 1px, transparent 0), linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5) 15%, rgba(255, 255, 255, 0) 30%), linear-gradient(rgb(240, 240, 242) 35px, transparent 0);
  background-repeat: repeat;
  background-size: 1px 35px, 16.66666666% 1px, 30% 100%, 2px 70px;
  background-position: 0 0, 0 0, 0 0, 0 0;
  animation: shine 0.5s infinite;
}
@keyframes shine {
  to {
    background-position: 0 0, 0 0, 40% 0, 0 0;
  }
}
html body {
  /*------------------Skeleton Loader-----------------*/
  /*----------------------Stats Charts----------------------*/
}
html body .tg_hold {
  display: inline-block;
  height: 200px;
  margin: 0 20px;
  position: relative;
  text-align: center;
  width: 360px;
  vertical-align: top;
  transform: scale(1.3);
}
html body .tg_hold .nvd3-svg {
  margin-top: -53px;
}
html body #memory-util-chart .nvd3-svg .nvd3, html body #cpu-util-chart .nvd3-svg .nvd3 {
  font-weight: normal;
  font-size: 1rem;
}
html body #memory-util-chart .nvd3-svg .nv-pie-title, html body #cpu-util-chart .nvd3-svg .nv-pie-title {
  font-size: 2rem !important;
}
html body .nvd3-svg .nvd3 {
  font-weight: normal;
  font-size: 13px;
}
html body .nvd3-svg .nv-pie-title {
  font-size: 2rem !important;
}
html body svg.chart-dimension {
  margin: 0 auto;
  width: auto;
  height: 210px;
}
html body svg.chart-dimension .nv-pieChart {
  transform: translate(0, 20px) scale(0.8);
}
html body {
  /*----------------------Stats Charts----------------------*/
  /*-----------------Configuration start---------------*/
}
html body .bundle-prod-list .qty_bg {
  text-align: center;
  border-radius: 20rem;
  height: 30px;
  width: 30px;
  padding: 0;
  margin: 0;
  border: 0;
}
html body .scratch_box .s_box_1 small {
  margin-bottom: 0.4rem;
  display: block;
  letter-spacing: 0.5px;
}
html body .scratch_box .s_box_1 p {
  margin-bottom: 2rem;
  display: block;
}
html body .scratch_box .s_box_1 p a {
  text-decoration: underline;
}
html body .scratch_box .s_box_1 h5 {
  font-weight: 400;
  margin-bottom: 2rem;
  display: block;
}
html body .scratch_box .s_box_2 {
  display: flex;
  align-items: center;
}
html body .flex-basis-table a[href="#block-id"]:after {
  font-family: feather, serif;
  content: "\e92b";
  margin-left: 5px;
}
html body .flex-basis-table .SeeMore2[href="#block-id"]:after {
  font-family: feather, serif;
  content: "\e92e";
  margin-left: 5px;
}
html body .pricing_table .price_head tr th {
  border: 0;
  font-weight: 500;
  color: #6E6E6E;
  font-size: 0.9rem;
  padding: 10px 5px;
}
html body .pricing_table .price_qty {
  background: var(--primary-color);
  color: #ffffff;
}
html body .pricing_table .price_qty tr td {
  border: 0;
  vertical-align: middle;
  padding: 10px 5px;
}
html body .pricing_table .price_body {
  border: 0;
}
html body .pricing_table .price_body tr td {
  font-size: 13px;
  font-weight: 400;
  padding: 10px 5px;
  line-height: normal;
  border-left: 0;
  border-bottom: 0;
}
html body .pricing_table .price_body tr:first-child td {
  border: 0;
}
html body .pricing_table .price_foot tr th {
  font-weight: 400;
  font-size: 14px;
  padding: 10px 5px;
  line-height: normal;
}
html body .main-content .wizard .steps ul li.done .step {
  font-size: 1rem;
  font-weight: 500;
}
html body .main-content .wizard.wizard-circle .steps .step {
  font-size: 1rem;
  font-weight: 500;
  width: 35px;
  height: 35px;
  line-height: 26px;
}
html body .main-content .wizard.wizard-circle .steps ul li::before {
  top: 35px;
}
html body .main-content .wizard.wizard-circle .steps ul li::after {
  top: 35px;
}
html body .main-content .wizard.wizard-circle .steps ul li:first-child::before {
  content: normal;
}
html body .main-content .wizard .actions ul li a {
  border-radius: 0.2rem;
  padding: 0.1rem 2rem;
  transition: all ease-in-out 200ms;
}
html body .main-content .wizard .actions ul li a[href="#finish"]:after {
  font-family: feather, serif;
  content: "\e90f";
  margin-left: 10px;
}
html body .main-content .wizard .actions ul li a[href="#finish"]:hover {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  content: "";
}
html body .main-content .wizard .actions ul li a[href="#next"] {
  font-size: 0.9rem;
  padding: 0.3rem 1.5rem;
}
html body .main-content .wizard .actions ul li a[href="#next"]:after {
  font-family: feather, serif;
  content: "\e90f";
  margin-left: 10px;
}
html body .main-content .wizard .actions ul li a[href="#next"]:hover {
  content: "";
}
html body .main-content .wizard .actions ul li a[href="#previous"] {
  font-size: 0.9rem;
  padding: 0.3rem 1rem;
}
html body .main-content .wizard .actions ul li a[href="#previous"]:before {
  font-family: feather, serif;
  content: "\e90e";
  margin-right: 10px;
}
html body .main-content .wizard .content fieldset .specs_holder {
  border-radius: 0.7rem;
  padding: 0.5rem 0.9rem;
}
html body .main-content .wizard .content fieldset .max-width-290 {
  max-width: 290px;
}
html body .main-content .wizard .content fieldset .vm-specs-container .specs-top {
  cursor: default;
}
html body .main-content .wizard .content fieldset .vm-specs-container .specs-bottom {
  cursor: default;
}
html body .main-content .wizard .content fieldset .addition-disk .disk-content-holder {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem !important;
}
html body .main-content .wizard .content fieldset .addition-disk .disk-content-holder i {
  display: inline-block;
  width: auto;
  margin: 0;
  font-size: 0.9rem;
  font-weight: 400;
}
html body .main-content .wizard .content fieldset .addition-disk .disk-content-holder b {
  display: inline-block;
  width: auto;
  font-size: 0.9rem;
  font-weight: 400;
}
html body .main-content .wizard .content .vm-specs-container .specs-top {
  background: #24A4E1;
}
html body .main-content .wizard .content .vm-specs-container .specs-bottom {
  background: #0087C9;
  color: #ffffff;
}
html body .sliders_core .slider_container {
  display: flex;
  align-items: center;
}
html body .sliders_core .slider_container .range-slider {
  flex-basis: 60%;
  padding: 0 !important;
}
html body .sliders_core .slider_container .range-slider .irs .irs-line {
  top: 30px;
  height: 18px;
  border-radius: 5rem;
}
html body .sliders_core .slider_container .range-slider .irs-bar {
  top: 30px;
  height: 18px;
  border-radius: 5rem;
}
html body .sliders_core .slider_container .range-slider .irs-handle {
  border: 0;
  transition: all ease-in 100ms;
}
html body .sliders_core .slider_container .range-slider .irs-handle:hover {
  transform: scale(1.1);
}
html body .sliders_core .slider_container .range-slider .irs-handle:active {
  transform: scale(1.2);
}
html body .sliders_core .slider_container .extra-controls {
  width: 145px;
}
html body .sliders_core span {
  font-weight: 400;
}
html body .sliders_core .extra-controls small {
  display: block;
  text-align: right;
  font-size: 0.9rem;
}
html body .sliders_core .extra-controls .input-group .form-control {
  border-width: 3px;
  border-radius: 0.5rem 0 0 0.5rem;
  padding-right: 12px;
  height: auto !important;
}
html body .sliders_core .extra-controls .input-group .input-group-append {
  width: 70px;
}
html body .sliders_core .extra-controls .input-group .input-group-append .input-group-text {
  width: 100%;
  justify-content: center;
  border: 0;
  font-weight: 500;
  font-size: 0.9rem;
  border-radius: 0 0.5rem 0.5rem 0;
}
html .wrapper {
  transition: all ease-in-out 200ms;
}
html .modal-open .wrapper {
  filter: blur(6px);
}
html .rotate-135deg {
  transform: rotate(135deg);
}
html .p-65 {
  padding: 0.65rem !important;
}
html .ml-auto {
  margin-left: auto !important;
}
html .config-wizard fieldset h5 {
  font-weight: 500;
  margin-bottom: 0;
}
html .config-wizard fieldset h6 {
  color: var(--primary-color);
  font-weight: 500;
  text-align: left;
}
html .main-content .wizard .content .body {
  padding: 0 20px;
}
html .main-content .wizard .actions {
  position: relative;
  display: block;
  text-align: right;
  padding: 20px;
}
html .main-content .wizard .actions ul {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
}
html .main-content .wizard .actions ul li a {
  background: #00B5B8;
  color: #fff;
  display: block;
  padding: 7px 12px;
  border-radius: 2px;
  border: 1px solid transparent;
}
html {
  /*-----------------Configuration end---------------*/
}
html .custom-box {
  position: absolute;
  z-index: 1;
  right: -11px;
  top: 36px;
}
html .custom-box .card {
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.2);
}
html .make-append {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
html .bg-shade {
  background: rgba(var(--primary-color), 0.15);
  border-radius: 100rem;
  padding: 30px;
  height: 100%;
  display: inline-block;
}
html .bg-shade img {
  opacity: 0.7;
}
html .text-line-through {
  text-decoration: line-through;
}
html .del-width {
  width: 180px !important;
  height: 120px !important;
}
html .modal-cont-height {
  height: calc(100vh - 215px);
  width: 100%;
  overflow-y: auto;
}
html .modal-content-height {
  height: calc(100vh - 318px);
  width: 100%;
  overflow: auto;
  padding: 0;
}
html .modal-content-height b {
  color: var(--primary-color);
}
html .modal-content-height p, html .modal-content-height li, html .modal-content-height strong {
  font-size: 0.8rem;
  letter-spacing: normal;
  line-height: 24px;
}
html .modal-content-height p strong {
  text-transform: uppercase;
}
html .overflow-hidden {
  overflow: hidden !important;
}
html .icon-right {
  padding-right: 2.35rem !important;
}
html #q_html div {
  width: 100%;
}
html {
  /*-----------Activity Log start------------*/
}
html .activity-list-container.vm_detail_log .activity_log_content {
  max-width: calc(100% - 93px) !important;
}
html .activity-list-container.vm_detail_log .activity_log_content .log_action {
  flex: 1 0 50% !important;
  min-width: inherit !important;
  padding-right: 0 !important;
  overflow: inherit !important;
}
html .activity-list-container.vm_detail_log .activity_log_content .log_user {
  flex: 1 0 50% !important;
  min-width: inherit !important;
  text-align: right;
  padding-right: 0 !important;
  overflow: inherit !important;
}
html .activity-list-container .activity_log_container {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
  border-top: 1px dotted rgba(97, 97, 97, 0.3);
}
html .activity-list-container .activity_log_container:first-child {
  padding-top: 0;
  border: 0;
}
html .activity-list-container .activity_log_container:last-child {
  padding-bottom: 0;
}
html .activity-list-container .activity_log_container > small {
  flex-shrink: 0;
  text-align: right;
  width: 60px !important;
}
html .activity-list-container .activity_log_container > img {
  padding-left: 12px;
  margin-top: 5px;
}
html .activity-list-container .activity_log_container > .activity_log_content {
  display: flex;
  flex-grow: 1;
  flex-wrap: wrap;
  padding-left: 12px;
  max-width: calc(100% - 93px);
}
html .activity-list-container .activity_log_container > .activity_log_content > .log_action {
  flex: 1 0 50%;
  min-width: 264px;
  padding-right: 20px;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: flex;
  flex-flow: row wrap;
}
html .activity-list-container .activity_log_container > .activity_log_content > .log_user {
  flex: 1 0 50%;
  min-width: 264px;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex-flow: row wrap;
  display: flex;
}
html {
  /*-----------Activity Log end------------*/
  /*-----------------CP Logo-------------------------*/
}
html .app-sidebar .logo {
  padding: 6.7px 14.4px;
}
html .cp-logo {
  width: 170px !important;
  height: 45px;
  display: inline-flex !important;
  margin: 0 !important;
  align-items: center;
}
html .cp-logo img {
  width: 100% !important;
}
html {
  /*---------------------CP Logo---------------------------------*/
  /*--------------VM Listing start------------------*/
}
html table.collapsed tbody tr[role=row] > th:first-child::before {
  font-family: feather, serif !important;
  content: "\e99b" !important;
  cursor: pointer;
  display: block !important;
  text-align: center !important;
  font-size: 1.1rem;
  color: #37bc9b !important;
  left: 0 !important;
  top: 15px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: normal !important;
}
html table.collapsed tbody tr[role=row] > td:first-child::before {
  font-family: feather, serif !important;
  content: "\e99b" !important;
  cursor: pointer;
  display: block !important;
  text-align: center !important;
  font-size: 1.1rem;
  color: #37bc9b !important;
  left: 0 !important;
  top: 15px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: normal !important;
}
html table.collapsed tbody tr.parent > td:first-child::before {
  font-family: feather, serif !important;
  content: "\e980" !important;
  cursor: pointer;
  display: block !important;
  text-align: center !important;
  font-size: 1.1rem;
  color: #C94A00 !important;
  left: 0 !important;
  top: 15px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: normal !important;
}
html table.collapsed tbody tr.parent > th:first-child::before {
  font-family: feather, serif !important;
  content: "\e980" !important;
  cursor: pointer;
  display: block !important;
  text-align: center !important;
  font-size: 1.1rem;
  color: #C94A00 !important;
  left: 0 !important;
  top: 15px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: normal !important;
}
html #dt_vm_listing.table.collapsed tbody tr[role=row] > th:first-child::before {
  font-family: feather, serif !important;
  content: "\e99b" !important;
  cursor: pointer;
  display: block !important;
  text-align: center !important;
  font-size: 1.1rem;
  color: #37bc9b !important;
  left: 10px !important;
  top: 33px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: normal !important;
}
html #dt_vm_listing.table.collapsed tbody tr[role=row] > td:first-child::before {
  font-family: feather, serif !important;
  content: "\e99b" !important;
  cursor: pointer;
  display: block !important;
  text-align: center !important;
  font-size: 1.1rem;
  color: #37bc9b !important;
  left: 10px !important;
  top: 33px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: normal !important;
}
html #dt_vm_listing.table.collapsed tbody tr.parent > td:first-child::before {
  font-family: feather, serif !important;
  content: "\e980" !important;
  cursor: pointer;
  display: block !important;
  text-align: center !important;
  font-size: 1.1rem;
  color: #C94A00 !important;
  left: 10px !important;
  top: 33px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: normal !important;
}
html #dt_vm_listing.table.collapsed tbody tr.parent > th:first-child::before {
  font-family: feather, serif !important;
  content: "\e980" !important;
  cursor: pointer;
  display: block !important;
  text-align: center !important;
  font-size: 1.1rem;
  color: #C94A00 !important;
  left: 10px !important;
  top: 33px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  line-height: normal !important;
}
html #dt_vm_listing.table.collapsed thead .custom-checkbox {
  padding-left: 3rem;
}
html tbody tr.child td.child {
  padding: 0;
  border: 1px solid #f1f1f3;
}
html tbody tr.child td.child ul li {
  padding: 1rem !important;
}
html tbody tr.child td.child ul li .dtr-data {
  display: flex;
  white-space: normal;
  line-height: 20px;
}
html tbody tr td:first-child {
  border-left: 1px solid #f1f1f3;
}
html tbody tr.parent td:first-child {
  border-left: 1px solid #f1f1f3 !important;
}
html .dtr-details {
  width: 100%;
}
html .vm-name-container {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: start;
  padding: 0.75rem;
  min-width: 230px;
}
html .vm-name-container .item {
  flex: 1 auto;
}
html .vm-name-container img {
  height: 22px;
}
html .vm-name-container .name-label-container {
  margin-left: 1rem;
  width: 100%;
}
html .vm-name-container .name-label-container .vm-copy {
  display: none;
  font-size: 1rem;
  font-weight: 500;
  padding: 2px 5px;
  transition: all ease-in-out 200ms;
}
html .vm-name-container .name-label-container .machine-name-hover {
  border-radius: 4px;
  padding: 2px 0;
  transition: all ease-in-out 200ms;
}
html .vm-name-container .name-label-container .machine-name-hover:hover {
  background: rgba(var(--primary-color), 0.1);
  padding: 2px 10px;
}
html .vm-name-container .name-label-container b {
  display: block;
  font-size: 1rem;
  font-weight: 500;
  color: var(--primary-color);
}
html .vm-name-container .name-label-container span {
  display: block;
}
html .vm-name-container .name-label-container span a {
  margin: 0;
  border-radius: 10rem;
  color: var(--primary-color);
  padding: 0.2rem 0.8rem 0.2rem 1rem;
  position: relative;
}
html .vm-name-container .name-label-container span a i {
  rotate: 0deg;
  color: var(--primary-color);
}
html .vm-name-container .name-label-container span a:hover {
  background: var(--primary-color);
  color: #ffffff;
}
html .vm-name-container .name-label-container span a:hover > i {
  color: #ffffff;
}
html .vm-name-container .name-label-container span label {
  margin: 0;
  padding: 0.2rem 0.8rem 0.2rem 0;
  position: relative;
  font-size: 0.8rem;
  transition: all ease-in-out 200ms;
  color: var(--primary-color);
  border-radius: 0.25rem;
  min-width: 190px;
  height: 32px;
}
html .vm-name-container .name-label-container span label i {
  rotate: 135deg !important;
  top: 6px !important;
  display: none;
  transition: all ease-in-out 200ms;
}
html .vm-name-container .name-label-container span label:hover {
  background-color: rgba(var(--primary-color), 0.15);
  padding: 0.2rem 0.2rem 0.2rem 1rem;
}
html .vm-name-container .name-label-container span label:hover i {
  display: inline;
  transition: all ease-in-out 200ms;
}
html .vm-name-container .name-label-container span label i {
  color: var(--primary-color);
  rotate: 135deg;
  font-size: 1.1rem;
  position: absolute;
  left: -7px;
  top: 7px;
}
html .vm-name-container:hover .vm-copy {
  display: inline-block;
}
html .vm-name-container:hover .vm-copy:hover {
  font-size: 1.05rem;
  color: var(--primary-color);
  cursor: pointer;
}
html .beta-sidebar {
  position: relative !important;
  right: 0 !important;
}
html .table-content-bg {
  border-radius: 0.5rem;
  max-height: 600px;
  overflow: auto;
  padding: 1rem 2rem 1rem 2rem;
}
html .valign-middle .vm-copy {
  display: none;
  font-size: 1rem;
  font-weight: 500;
  padding: 2px 5px;
  transition: all ease-in-out 200ms;
  cursor: pointer;
}
html .valign-middle:hover .vm-copy {
  display: inline-block;
}
html .valign-middle:hover .vm-copy:hover {
  font-size: 1.05rem;
  color: var(--primary-color);
  cursor: pointer;
}
html .vm-label-edit {
  min-height: 24px;
  min-width: 24px;
}
html .vm-label-edit.label_exist .parent-label {
  width: calc(100% + 115px) !important;
}
html .vm-label-edit.label_exist .form-body .form-group {
  width: calc(100% - 35px) !important;
}
html .vm-label-edit.label_exist .form-body .delete-label {
  display: block !important;
}
html .vm-label-edit .parent-label {
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 9px;
  left: -7px;
  width: calc(100% + 80px);
  z-index: 1;
}
html .vm-label-edit .parent-label .form-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
html .vm-label-edit .parent-label .form-body .form-group {
  width: calc(100% - 0px);
}
html .vm-label-edit .parent-label .form-body .form-group input {
  padding-left: 2.5rem;
}
html .vm-label-edit .parent-label .form-body .form-group .with-icon i {
  display: flex;
  rotate: 135deg !important;
  top: 11px !important;
}
html .vm-label-edit .parent-label .form-body .form-group label {
  font-size: 1rem !important;
  padding: 0 !important;
  letter-spacing: normal !important;
  display: inline-block;
  margin-bottom: 0.5rem !important;
  min-width: auto !important;
}
html .vm-label-edit .parent-label .form-body .form-group .label-input-icon {
  position: relative;
  top: 0;
  left: 0;
}
html .vm-label-edit .parent-label .form-body .delete-label {
  position: relative;
  width: 25px;
  height: 25px;
}
html .vm-label-edit .parent-label .form-body .delete-label i {
  left: 8px;
  rotate: 0deg !important;
  display: inline;
  font-size: 1rem;
  transition: all ease-in-out 200ms;
}
html .vm-label-edit .parent-label .form-body .delete-label i:hover {
  cursor: pointer;
}
html .vm-specs-container {
  max-width: 330px;
}
html .vm-specs-container .btn-group-vertical .specs-top {
  background: var(--primary-color);
  color: #ffffff;
  border: 0;
}
html .vm-specs-container .btn-group-vertical .specs-top:hover {
  border: 0;
}
html .vm-specs-container .btn-group-vertical .specs-bottom {
  background: #EEEEEE;
  color: var(--primary-color);
  border: 0;
}
html .vm-specs-container .btn-group-vertical .specs-bottom:hover {
  border: 0;
}
html table.dataTable tbody > tr.selected .vm-name-container {
  background: rgba(0, 0, 0, 0.1);
}
html table.dataTable tbody > tr.selected .vm-name-container img {
  filter: brightness(0) invert(1);
}
html table.dataTable tbody > tr.selected .vm-name-container .name-label-container b {
  color: #ffffff;
}
html table.dataTable tbody > tr.selected .vm-name-container .name-label-container span label {
  background-color: rgba(var(--primary-color), 0.8);
  color: #ffffff;
}
html table.dataTable tbody > tr.selected .vm-name-container .name-label-container span label i {
  color: #ffffff;
}
html .rotate-right {
  rotate: 135deg;
  display: inline-block;
}
html .vm-list-popover {
  position: relative;
  left: -200px;
  top: 30px;
}
html .position-top-1 {
  top: 1rem;
}
html .close i {
  text-shadow: none;
}
html .vm-add-label-popover {
  position: relative;
  left: 24px;
  top: 20px;
}
html .vm-add-label-popover button.close {
  background: #F8F9FA;
  color: #212529 !important;
  border: 1px solid #F8F9FA;
  padding-bottom: 0.95rem;
  padding-top: 0.95rem;
}
html .vm-add-label-popover i {
  color: rgba(97, 97, 97, 0.87);
  text-shadow: none;
}
html .text-truncate-alert {
  display: inline-block;
  width: 59%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
html .max-min-w-110 {
  max-width: 110px;
  min-width: 110px;
  width: auto;
}
html .min-width-120 {
  min-width: 120px;
}
html .width-125 {
  width: 125px;
}
html .width-180 {
  width: 180px;
}
html .height-5 {
  height: 5px;
}
html .badge {
  position: relative;
}
html .badge.badge-vlow {
  border: 1px solid;
}
html .badge.badge-low {
  border: 1px solid;
}
html .badge.badge-moderate {
  border: 1px solid;
}
html .badge.badge-high {
  border: 1px solid;
}
html .badge.badge-vhigh {
  border: 1px solid;
}
html .badge.badge-on {
  border: 1px solid;
}
html .badge.badge-off {
  border: 1px solid;
}
html .badge.badge-progress {
  border: 1px solid;
}
html .badge.badge-action {
  border: 1px solid;
}
html .badge.badge-suspend {
  border: 1px solid;
}
html .badge.badge-disabled {
  border: 1px solid;
}
html .badge.badge-enabled {
  border: 1px solid;
}
html .badge-imp-info {
  background-color: #EBF3F9;
  color: #366192;
}
html .badge-imp-info i {
  color: var(--primary-color);
}
html .vm-ui-actions > a {
  height: 60px;
  display: flex;
  transition: all ease-in-out 200ms;
  padding: 0;
}
html .vm-ui-actions > a img {
  filter: grayscale(100%) opacity(0.8);
}
html .vm-ui-actions > a:hover img, html .vm-ui-actions > a:active img, html .vm-ui-actions > a:focus img {
  filter: brightness(100%) opacity(1);
}
html .vm-ui-actions > a img {
  margin: 0 auto;
}
html .vm-ui-actions .actions-dropdown {
  box-shadow: 0 20px 20px 2px rgba(64, 70, 74, 0.25) !important;
  -webkit-box-shadow: 0 20px 20px 2px rgba(64, 70, 74, 0.25) !important;
}
html .vm-ui-actions .actions-dropdown a {
  padding: 0.3rem 1rem !important;
}
html .vm-ui-actions .actions-dropdown a .nav-link {
  display: flex;
  height: 100px;
}
html .vm-ui-actions .actions-dropdown a .nav-link img {
  margin: 0 auto;
}
html .vm-ui-actions .actions-dropdown a::selection img {
  background: transparent !important;
}
html .vm-ui-actions .actions-dropdown a img {
  filter: brightness(0) invert(0);
}
html .load-waiting-screen .carousel {
  margin: 0 auto;
  padding-bottom: 50px;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-indicators {
  bottom: 15px;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-indicators li {
  width: 9px;
  height: 9px;
  margin: 3px 5px;
  border-radius: 50%;
  background: #e2e2e2;
  border: none;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-indicators li.active {
  width: 12px;
  height: 12px;
  margin: 1px 5px;
  border-radius: 50%;
  background: var(--primary-color);
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item {
  color: #999;
  font-size: 14px;
  text-align: center;
  overflow: hidden;
  min-height: 162px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item .testimonial {
  font-size: 1rem;
  font-weight: 300;
  line-height: 38px;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item.active {
  opacity: 1 !important;
  transition: opacity 0.5s ease-in-out;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item:first-child {
  transition: opacity 0.5s ease-in-out;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item:nth-child(2) {
  transition: opacity 0.5s ease-in-out;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item a {
  color: #eb7245;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item .img-box {
  width: auto;
  height: 200px;
  margin: 0 auto;
  border-radius: 50%;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item .img-box img {
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 50%;
  filter: alpha(opacity=50);
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item .img-box .testimonial {
  padding: 30px 0 10px;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item .img-box .overview {
  text-align: center;
  padding-bottom: 5px;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item .img-box .overview b {
  color: #333;
  font-size: 15px;
  text-transform: uppercase;
  display: block;
  padding-bottom: 5px;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-inner .carousel-item .img-box .star-rating i {
  font-size: 18px;
  color: #ffdc12;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-control-prev {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #999;
  text-shadow: none;
  top: 4px;
  left: auto;
  right: 40px;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-control-prev i {
  font-size: 20px;
  margin-right: 2px;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-control-next {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #999;
  text-shadow: none;
  top: 4px;
}
html .load-waiting-screen .carousel.carousel-fade .carousel-control-next i {
  font-size: 20px;
  margin-right: -2px;
}
html {
  /*======================Bulk Actions start===========================*/
}
html .bulk-actions {
  height: 100%;
}
html .bulk-actions .nav-items {
  list-style-type: none;
  margin: 0;
  z-index: 1;
  padding: 0;
}
html .bulk-actions .nav-items .right-align {
  margin-left: auto;
}
html .bulk-actions .nav-items .nav-controller-container {
  display: flex;
  align-items: center;
}
html .bulk-actions .nav-items .nav-controller-container .nav-controller {
  font-size: 0.9rem;
}
html .bulk-actions .nav-items .nav-links-container .nav-links {
  display: none;
  list-style-type: none;
  position: fixed;
  z-index: -2;
  padding: 0;
}
html .bulk-actions .nav-items .nav-links-container .nav-links li button {
  font-size: 0.85rem;
  padding: 0.62rem 0.94rem;
  display: flex;
  align-items: center;
}
html .bulk-actions .nav-items .nav-links-container .nav-links.nav-links-is-visible {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  right: 0;
  top: 0;
  transform: translateY(50px);
  opacity: 0;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in;
  width: 150px;
  border: 1px solid;
}
html .bulk-actions .nav-items .nav-links-container .nav-links.nav-links-is-visible li {
  margin: 0;
}
html .bulk-actions .nav-items .nav-links-container .nav-links.nav-links-is-visible li .link {
  width: 100%;
  text-align: left;
}
html .bulk-actions .nav-items .nav-links-container .nav-links.nav-links-is-visible li .link:hover {
  box-shadow: none;
  background-color: #F8F9FA;
}
html .bulk-actions .nav-items .nav-links-container .nav-links.nav-links-is-active {
  opacity: 1;
  transform: translateY(37px);
}
html .bulk-actions .nav-items .nav-links-container .nav-links li {
  margin: 0 3px;
}
html .bulk-actions .nav-items .nav-links-container .nav-links li .link-tab span {
  display: inline-block;
}
html .bulk-actions .link-tab {
  padding: 10px 15px;
}
html .title-left {
  width: 230px;
  display: inline-block;
}
html .disabled {
  background: transparent !important;
  box-shadow: none;
  cursor: default;
  opacity: 0.6;
}
html .disabled:hover {
  background: transparent;
  box-shadow: none;
}
html {
  /*======================Bulk Action ends===========================*/
}
html .search-group-filter {
  width: auto;
  display: flex;
}
html {
  /*--------------VM Listing end------------------*/
  /*--------------VM Detail Start----------------*/
}
html .full-page-container {
  margin-top: 65px;
}
html .full-page-container .content-wrapper {
  padding: 0;
  height: auto;
}
html .full-page-container .content-wrapper .container-fluid {
  padding: 0;
  width: 100%;
}
html .full-page-container .content-wrapper .container-fluid section {
  padding-top: 0 !important;
}
html .full-page-container .content-wrapper .container-fluid .bg-det-top .det-top-title {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 0.75rem 1rem !important;
}
html .full-page-container .content-wrapper .container-fluid .bg-det-top .det-top-title a {
  font-size: 1.3rem !important;
}
html .full-page-container .content-wrapper .container-fluid .bg-det-top .det-top-title b {
  font-size: 1rem;
}
html .nav-left-tabs .nav-left {
  height: 100vh;
  padding: 0;
}
html .nav-left-tabs .nav-left .nav-item {
  position: relative;
}
html .nav-left-tabs .nav-left .nav-item a {
  display: flex;
  align-items: center;
  font-weight: 600 !important;
  transition: all ease-in-out 200ms;
  border-radius: 0 !important;
  border: 0 !important;
  padding: 1.3rem;
}
html .nav-left-tabs .nav-left .nav-item a i {
  font-size: 1.3rem;
}
html .nav-left-tabs .nav-left .nav-item a .nav-left-span {
  display: inline-block;
  line-height: normal;
  padding-left: 1.3rem;
}
html .nav-left-tabs .nav-left .nav-item a h1, html .nav-left-tabs .nav-left .nav-item a h2, html .nav-left-tabs .nav-left .nav-item a h3, html .nav-left-tabs .nav-left .nav-item a h4, html .nav-left-tabs .nav-left .nav-item a h5, html .nav-left-tabs .nav-left .nav-item a h6, html .nav-left-tabs .nav-left .nav-item a .h1, html .nav-left-tabs .nav-left .nav-item a .h2, html .nav-left-tabs .nav-left .nav-item a .h3, html .nav-left-tabs .nav-left .nav-item a .h4, html .nav-left-tabs .nav-left .nav-item a .h5, html .nav-left-tabs .nav-left .nav-item a .h6 {
  color: inherit;
}
html .nav-left-tabs .nav-left .nav-item a h5 {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
html .nav-left-tabs .nav-left .nav-item a.nav-link {
  border: 0;
}
html .nav-left-tabs .nav-left .nav-item a:before {
  content: "";
  transition: all ease-in-out 200ms;
}
html .nav-left-tabs .nav-left .nav-item a.active:before {
  font-family: feather, serif;
  content: "\e929";
  position: absolute;
  right: 15px;
  font-size: 1.6rem;
  font-weight: 400;
}
html .nav-left-tabs .right-cont-height {
  height: calc(100vh - 113px);
  width: 100%;
  overflow-y: auto;
  padding: 0 3rem !important;
}
html .nav-left-tabs .tab-content .tab-pane {
  overflow: hidden;
  background: transparent !important;
}
html .nav-left-tabs .tab-content .tab-pane .card .det-info-txt small {
  letter-spacing: 0.5px;
}
html .nav-left-tabs .tab-content .tab-pane .card .det-info-txt p {
  color: var(--primary-color);
  font-size: 0.9rem;
}
html .nav-left-tabs .tab-content .tab-pane .card .det-info-txt .parent-label {
  width: calc(100% + 64px);
  top: -60px;
  left: 0;
  z-index: 1;
}
html .nav-left-tabs .tab-content .tab-pane .card .det-info-txt .label-box-control {
  width: 230px;
  position: relative;
}
html .card-main-title {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
html .noty-enable {
  background: #37BC9B !important;
  width: 12px !important;
  height: 12px !important;
  top: 17px !important;
}
html .noty-enable .pulser {
  display: none;
}
html .noty-disable {
  background: #CFD8DC !important;
  width: 12px !important;
  height: 12px !important;
  top: 17px !important;
}
html .noty-disable .pulser {
  display: none;
}
html .disk-primary {
  border-top: 5px solid var(--primary-color);
}
html .disk-primary .disk-content-holder {
  padding-top: 1.2rem !important;
}
html .add-disk {
  border: 2.5px solid;
}
html .disk-holder:hover .noty-enable .pulser {
  display: block;
}
html .disk-content-holder {
  text-align: center;
  padding: 1.5rem !important;
}
html .disk-content-holder img {
  height: 50px;
  width: 100%;
  display: block;
  margin-bottom: 1rem;
}
html .disk-content-holder b {
  font-weight: 500;
  display: block;
}
html .disk-content-holder p {
  display: block;
  margin: 0;
}
html .task-content-holder {
  display: flex;
  align-items: stretch;
  padding-bottom: 0.7rem !important;
}
html .task-content-holder img {
  height: 25px;
}
html .task-content-holder .task-detail {
  margin-left: 1rem;
  flex: 1;
}
html .task-content-holder .task-detail .pr-50 {
  padding-right: 50px;
}
html .task-content-holder .task-detail .pr-75 {
  padding-right: 75px;
}
html .task-content-holder .task-detail b {
  display: block;
  line-height: 16px;
  margin-bottom: 10px;
  font-weight: 500;
}
html .task-content-holder .task-detail p {
  margin-bottom: 10px;
}
html .task-content-holder .task-detail p span {
  font-size: 0.75rem;
}
html .task-content-holder .task-detail .text-trunc-email {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 82%;
}
html .task-content-holder .task-detail .max-width-175 {
  max-width: 175px;
  min-width: 90px;
  display: flex;
  align-items: center;
}
html .task-content-holder .task-detail .run-time {
  display: flex;
  align-items: center;
}
html .task-content-holder .task-detail .run-time small {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 500;
  color: #a1a1a1;
  text-align: left;
}
html .task-content-holder .task-detail .run-time small b {
  display: inline;
  color: #7D7D7D;
}
html .task-content-holder .task-detail small {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  color: #a1a1a1;
  text-align: right;
  letter-spacing: 0.5px;
}
html .task-content-holder .task-detail small b {
  display: inline;
  color: #7D7D7D;
}
html .activity-list-container {
  padding: 1rem !important;
}
html .alert-mail small {
  text-transform: inherit !important;
}
html .task-footer {
  padding: 0.4rem 1.25rem !important;
  border: 0;
}
html .task-footer .due-date {
  text-align: right;
}
html .task-footer .due-date .alert-time {
  display: flex !important;
  justify-content: flex-end;
  align-items: center;
}
html .task-footer .due-date small a {
  color: var(--primary-color);
}
html .task-footer .due-date small b {
  color: var(--primary-color);
}
html .task-footer .mount-date small {
  text-align: right !important;
}
html .task-footer small {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  color: #a1a1a1;
}
html .task-footer small b {
  display: inline;
  color: #7D7D7D;
}
html .bundle-actions {
  right: 25px !important;
  top: 25px !important;
}
html .card-actions-right {
  position: absolute;
  top: 13px;
  right: 23px;
}
html .card-actions-right a {
  color: #a1a1a1;
  transition: all ease-in-out 200ms;
}
html .card-actions-right a img {
  filter: grayscale(100%) opacity(0.6);
  transition: all ease-in-out 200ms;
  margin: 3px 0;
}
html .card-actions-right a:hover {
  color: var(--primary-color);
}
html .card-actions-right a:hover img {
  filter: brightness(100%);
}
html .vm-info-edit {
  position: relative;
}
html .vm-info-edit .card-actions-right {
  top: 4px;
  right: 7px;
}
html .vm-name-chge {
  margin-left: calc(100% - 292px);
  margin-top: calc(100% - 90px);
}
html .vm-name-chge .card {
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.2);
}
html .vm-name-chge .form-actions .close {
  font-weight: normal;
  transition: all ease-in-out 200ms;
  text-shadow: none;
  border: 0;
  opacity: 0.5;
}
html .vm-name-chge .form-actions .close:hover {
  opacity: 1;
}
html .vm-name-chge a {
  z-index: 9;
}
html {
  /*--------------VM Detail End----------------*/
  /*-------------------------------------------------*/
}
html .ntwrk_detail .card .det-info-txt small {
  letter-spacing: 0.5px;
}
html .ntwrk_detail .card .det-info-txt p {
  color: var(--primary-color);
  font-size: 0.9rem;
}
html .ntwrk_detail .card .det-info-txt .parent-label {
  width: calc(100% + 64px);
  top: -60px;
  left: 0;
  z-index: 1;
}
html .ntwrk_detail .card .det-info-txt .label-box-control {
  width: 230px;
  position: relative;
  display: inline-block;
}
html {
  /*--------------VM Stats page start--------------*/
}
html .stats-tab .nav-tabs {
  height: auto;
  background: transparent;
  padding: 0;
}
html .stats-tab .nav-tabs .nav-item a {
  background: transparent;
  padding: 0.3rem 2.5rem;
  font-weight: 400 !important;
}
html .stats-tab .nav-tabs .nav-item a .nav-left-span {
  display: inline-block;
  line-height: normal;
  padding-left: 1.3rem;
}
html .stats-tab .nav-tabs .nav-item a h1, html .stats-tab .nav-tabs .nav-item a h2, html .stats-tab .nav-tabs .nav-item a h3, html .stats-tab .nav-tabs .nav-item a h4, html .stats-tab .nav-tabs .nav-item a h5, html .stats-tab .nav-tabs .nav-item a h6, html .stats-tab .nav-tabs .nav-item a .h1, html .stats-tab .nav-tabs .nav-item a .h2, html .stats-tab .nav-tabs .nav-item a .h3, html .stats-tab .nav-tabs .nav-item a .h4, html .stats-tab .nav-tabs .nav-item a .h5, html .stats-tab .nav-tabs .nav-item a .h6 {
  color: inherit;
}
html .stats-tab .nav-tabs .nav-item a h5 {
  margin: 0;
  padding: 0;
  font-weight: 400;
}
html .stats-tab .nav-tabs .nav-item a.nav-link {
  border: 0;
}
html .stats-tab .nav-tabs .nav-item a.active {
  border: 0 !important;
}
html .stats-tab .tab-content .tab-pane.p-0imp {
  padding: 0 !important;
}
html .stats-tab .tab-content .tab-pane {
  padding: 0 !important;
  padding-left: 0.2rem !important;
  padding-right: 0.2rem !important;
  padding-bottom: 2rem !important;
}
html .stats-tab .tab-content .tab-pane .media > div {
  border-left: 1px solid #DDDDDD;
}
html .stats-tab .tab-content .tab-pane .media > div:first-child {
  border: 0;
}
html .stats-tab .tab-content .tab-pane .media .media-body {
  display: flex;
  justify-content: center;
  line-height: 20px;
}
html .stats-tab .tab-content .tab-pane .media .media-body .stats-position {
  display: flex;
  align-items: start;
  line-height: normal;
  justify-content: flex-start;
}
html .stats-tab .tab-content .tab-pane .media .media-body .stats-position h3 {
  text-indent: -3px;
  line-height: 34px;
}
html .stats-tab .tab-content .tab-pane .media .media-body .stats-position .text-orange {
  color: #E65A26;
}
html {
  /*--------------VM Stats page end--------------*/
}
html .account-overview .media > div {
  border-left: 1px solid #DDDDDD;
}
html .account-overview .media > div:first-child {
  border: 0;
}
html .account-overview .media .media-body {
  display: flex;
  justify-content: center;
  line-height: 20px;
}
html .account-overview .media .media-body .stats-position {
  display: flex;
  align-items: start;
  line-height: normal;
  justify-content: flex-start;
}
html .account-overview .media .media-body .stats-position h3 {
  text-indent: -3px;
  line-height: 34px;
}
html .account-overview .media .media-body .stats-position .text-orange {
  color: #E65A26;
}
html {
  /*----------------SSL VPN start------------------*/
}
html #ssl-vpn .text-orange {
  color: #E65A26;
}
html #ssl-vpn .height-23 {
  height: 23px;
}
html #ssl-vpn .media > div {
  border-left: 1px solid #DDDDDD;
}
html #ssl-vpn .media > div:first-child {
  border: 0;
}
html #ssl-vpn .media .media-body {
  display: flex;
  justify-content: center;
  line-height: 20px;
  padding: 0 25px;
}
html #ssl-vpn .media .media-body .stats-position {
  display: flex;
  align-items: start;
  line-height: normal;
  justify-content: flex-start;
}
html #ssl-vpn .media .media-body .stats-position h3 {
  text-indent: -3px;
  line-height: 34px;
}
html #ssl-vpn .media .media-body .stats-position .text-orange {
  color: #E65A26;
}
html {
  /*----------------SSL VPN end------------------*/
}
html .card-title-resp {
  font-size: clamp(0.8rem, 5vw, 1rem);
}
html .form-switch .form-check-input {
  transform: scale(1.3);
  float: none;
  margin-top: 0.2em;
  margin-right: 0.5em;
}
html {
  /*------------VPN start-------------*/
}
html .vpn-info h1 {
  font-size: 1.1rem !important;
  color: var(--primary-color);
  margin-top: 1rem;
}
html .vpn-info .firetxt1 {
  padding: 0.5rem;
}
html .vpn-info .ip_title1s, html .vpn-info .ip_title2s, html .vpn-info .ip_title3s {
  padding: 0.5rem;
  font-size: 0.9rem;
}
html .vpn-info table {
  width: 100%;
}
html .vpn-info table thead tr td:last-child {
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
html .bg-green {
  background: #28D094 !important;
}
html .bg-green .card-text {
  color: #ffffff !important;
}
html .bg-yellow {
  background: #D0A928 !important;
}
html .bg-yellow .card-text {
  color: #ffffff !important;
}
html .badge-danger .card-text {
  color: #ffffff !important;
}
html {
  /*------------VPN end-------------*/
  /*--------Parsley----------*/
  /*input.parsley-success,*/
  /*select.parsley-success,*/
  /*textarea.parsley-success {*/
  /*  color: #468847;*/
  /*  background-color: #DFF0D8;*/
  /*  border: 1px solid #D6E9C6;*/
  /*}*/
}
html .parsley-error ~ span.select2-container--default .select2-selection--single, html .parsley-error ~ span.select2-container--default .select2-selection--multiple {
  color: #B94A48;
  background-color: #F2DEDE;
  border: 1px solid #EED3D7;
}
html .parsley-error ~ span.select2-container--default .select2-selection--single > .select2-selection__rendered, html .parsley-error ~ span.select2-container--default .select2-selection--multiple > .select2-selection__rendered {
  color: #B94A48;
}
html select.js-example-basic-single ~ ul.parsley-errors-list.filled, html select.js-example-basic-multiple ~ ul.parsley-errors-list.filled {
  position: absolute;
  top: 67px;
}
html .input-group > .input-group-prepend ~ ul.parsley-errors-list.filled {
  position: absolute;
  top: 38px;
}
html .input-group > .parsley-error ~ ul.parsley-errors-list.filled {
  position: absolute;
  top: 38px;
}
html select.js-example-basic-single ~ ul.parsley-errors-list.filled ~ span, html select.js-example-basic-multiple ~ ul.parsley-errors-list.filled ~ span {
  /*content: "";*/
  /*background: red;*/
  /*display: block;*/
  /*height: 100px;*/
}
html .form-group > select.js-example-basic-single ~ ul.parsley-errors-list.filled ~ .form-group {
  background: red;
}
html input.parsley-error, html select.parsley-error, html textarea.parsley-error {
  color: #B94A48 !important;
  background-color: #F2DEDE !important;
  border: 1px solid #EED3D7 !important;
}
html .parsley-errors-list {
  margin: 5px 0 0 0;
  padding: 0;
  list-style-type: none;
  font-size: 0.8em;
  line-height: 0.9em;
  opacity: 0;
  color: #B94A48;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}
html .errorspannewpassinput > .parsley-errors-list.filled {
  height: auto;
  line-height: 1.5em;
}
html .parsley-errors-list.filled {
  opacity: 1;
}
html {
  /*--------Parsley----------*/
  /* ports start ============================================== */
}
html #ports .port-buttons .allow-port {
  transition: all ease-in-out 200ms;
}
html #ports .port-buttons .allow-port:hover img {
  filter: invert(100%) brightness(4);
}
html {
  /* ports end ============================================== */
  /*----------------Custom Switch Toggle start------------------*/
}
html .switch-toggle {
  display: flex;
  width: auto;
}
html .switch-toggle label {
  position: relative;
  line-height: normal;
  display: inline-block;
  width: 54px;
  height: 32px;
  margin: 0;
  border-radius: 100px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}
html .switch-toggle label:hover > i {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  transform: scale(1.01);
}
html .switch-toggle label:hover > span {
  color: #75787D;
}
html .switch-toggle label:focus > span {
  color: #75787D;
}
html .switch-toggle label:active {
  background-color: #A6B9CB;
}
html .switch-toggle label:active > i {
  width: 34px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
}
html .switch-toggle label:active > span {
  color: #75787D;
}
html .switch-toggle label span {
  position: absolute;
  left: 55px;
  top: -2px;
  width: max-content;
}
html .switch-toggle input {
  display: none;
}
html .switch-toggle input:checked + label > i {
  margin-left: 24px;
}
html .switch-toggle input:checked + label > span {
  color: #75787D;
}
html .switch-toggle input:checked + label > span::selection {
  color: #75787D;
  background: transparent;
}
html .switch-toggle input:checked + label:active > i {
  margin-left: 8px;
}
html .switch-toggle input:checked + label:active > span {
  color: #75787D;
}
html .switch-toggle input:checked + label:active > span::selection {
  color: #75787D;
  background: transparent;
}
html .switch-toggle input:checked + label {
  background-color: #37BC9B;
}
html .switch-toggle i {
  height: 28px;
  width: 28px;
  background: #ffffff;
  display: inline-block;
  border-radius: 100px;
  margin-top: 2px;
  margin-left: 2px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  pointer-events: none;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
}
html .sw-sm label {
  width: 45px;
  height: 25px;
}
html .sw-sm i {
  height: 21px;
  width: 21px;
}
html .sw-sm input:checked + label > i {
  margin-left: 22px;
}
html #donutchart > div > div, html #sessionchart > div > div {
  width: auto !important;
}
html #donutchart > div > div svg g path, html #sessionchart > div > div svg g path {
  stroke: transparent;
}
html #donutchart > #img-loader > .content-loader, html #sessionchart > #img-loader > .content-loader {
  width: auto;
}
html .chart_div, html .chart_div_io, html .chart_div_wr {
  width: 200px;
  height: 80px;
}
html .chart_div > div > div, html .chart_div_io > div > div, html .chart_div_wr > div > div {
  width: auto !important;
  height: auto !important;
}
html .chart_div > div > div > div svg, html .chart_div_io > div > div > div svg, html .chart_div_wr > div > div > div svg {
  height: 80px;
  width: 200px;
}
html .chart_div > div > div > div svg > rect, html .chart_div_io > div > div > div svg > rect, html .chart_div_wr > div > div > div svg > rect {
  height: 80px;
  width: 200px;
}
html {
  /*----------------Custom Switch Toggle end------------------*/
}
html .hw-14 {
  height: 14px;
}
html .hw-17 {
  height: 17px;
}
html .ht-31 {
  height: 31px;
}
html .dataTables_filter label {
  margin-bottom: 0;
}
html .ft-mail-none {
  background: url("../img/icons/email_none.svg") no-repeat;
  height: 14px;
  width: 14px;
  display: inline-block;
}
html {
  /*-----------Blinking Pulser on Notification icon-------------*/
}
html .noty {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #FF4961;
  position: absolute;
  top: 13px;
  right: 11px;
}
html .nav-bottom .noty {
  right: 1px;
}
html .pulser {
  position: absolute;
  z-index: 1;
  width: inherit;
  height: inherit;
  border-radius: inherit;
  background: inherit;
  animation: pulse 1.75s ease-out infinite;
}
@keyframes pulse {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 0;
    transform: scale(3);
  }
}
html {
  /*-----------Blinking Pulser on Notification icon-------------*/
}
html .btn-simple {
  color: var(--primary-color);
  background-color: transparent;
  border: 0;
}
html .btn-simple:hover {
  background: #E2E6EA;
  border: 0;
}
html .btn-simple:focus, html .btn-simple:active {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  background: #E2E6EA;
}
html .btn-simple.disabled, html .btn-simple:disabled {
  color: #212529;
}
html .btn-simple-white {
  color: var(--primary-color);
  background-color: rgb(255, 255, 255);
  border: 0;
  transition: all ease-in-out 200ms;
}
html .btn-simple-white:hover {
  background: #ffffff;
  border: 0;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
}
html .btn-simple-white:focus, html .btn-simple-white:active {
  box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}
html .btn-simple-white.disabled, html .btn-simple-white:disabled {
  color: #212529;
}
html .btn-outline-simple {
  border-color: #E2E6EA !important;
  color: var(--primary-color) !important;
  background: transparent;
  transition: all ease-in-out 200ms;
}
html .btn-outline-simple:hover {
  background: var(--primary-color) !important;
  color: #FFFFFF !important;
  border-color: var(--primary-color) !important;
  filter: brightness(95%);
  transition: all ease-in-out 200ms;
}
html .btn-outline-simple:hover img {
  filter: brightness(0) invert(1) !important;
}
html .btn-outline-simple:active {
  filter: brightness(85%);
  color: #FFFFFF;
  border-color: var(--primary-color);
}
html .btn-outline-simple:active img {
  filter: brightness(0) invert(1) !important;
}
html .btn-outline-simple:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 135, 201, 0.5);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 135, 201, 0.5);
}
html .outline-bg {
  border-color: #E2E6EA !important;
  background: transparent;
  height: fit-content;
}
html .btn-outline-simple-2 {
  border-color: #E2E6EA !important;
  color: var(--primary-color) !important;
  background: transparent;
  transition: all ease-in-out 200ms;
}
html .btn-outline-simple-2 span {
  padding: 0.6rem 0.65rem !important;
  height: auto;
  display: inline-flex;
}
html .btn-outline-simple-2:hover {
  background: var(--secondary-color) !important;
  color: #FFFFFF !important;
  border-color: var(--secondary-color) !important;
  filter: brightness(95%);
  transition: all ease-in-out 200ms;
}
html .btn-outline-simple-2:hover label {
  color: #FFFFFF !important;
}
html .btn-outline-simple-2:hover i {
  fill: white;
}
html .btn-outline-simple-2:hover img {
  filter: brightness(0) invert(1) !important;
}
html .btn-outline-simple-2:active {
  filter: brightness(85%);
  color: #FFFFFF;
  border-color: var(--secondary-color);
}
html .btn-outline-simple-2:active img {
  filter: brightness(0) invert(1) !important;
}
html .btn-outline-simple-2:focus {
  box-shadow: 0 0 0 0.2rem rgb(from var(--secondary-color) r g b/0.5);
  -webkit-box-shadow: 0 0 0 0.2rem rgb(from var(--secondary-color) r g b/0.5);
}
html .swal2-confirm, html .swal2-cancel {
  border-radius: 0 !important;
  padding: 8px 24px !important;
  font-size: 0.8rem !important;
  line-height: 1.5 !important;
}
html .btn-outline-add:hover {
  filter: brightness(95%);
}
html .btn-outline-add:hover img {
  filter: brightness(0) invert(1) !important;
}
html .btn-outline-add:active {
  filter: brightness(85%);
}
html .btn-outline-add:active img {
  filter: brightness(0) invert(1) !important;
}
html .text-light-purple {
  color: #B8BAE8;
}
html .checkbox-lg .custom-control-label::before {
  width: 1.5rem;
  height: 1.5rem;
  top: 0.15rem;
  left: -1.65rem;
}
html .checkbox-lg .custom-control-label::after {
  width: 1.3rem;
  height: 1.3rem;
}
html .text-indent-12 {
  text-indent: 12px;
}
html .vm-drop-position .select2-container--default .select2-selection--multiple {
  display: flex;
  flex-direction: column-reverse;
}
html .vm-drop-position .select2-container--default .select2-selection--multiple .select2-selection__rendered {
  max-height: 175px;
  padding-right: 0.4rem;
  overflow: auto;
  margin-bottom: 0;
}
html .vm-drop-position .select2-container--default .select2-selection--multiple .select2-search {
  width: 100%;
  display: block;
}
html .vm-drop-position .select2-container--default .select2-selection--multiple .select2-search input {
  width: calc(100% - 30px) !important;
}
html .vm-drop-position .select2-container--default .select2-selection--multiple .select2-search:after {
  font-family: feather, serif;
  content: "\e9aa";
  float: right;
  margin-right: 5px;
  margin-top: 2px;
}
html .input-file-container {
  position: relative;
}
html .input-file-container .input-file-trigger {
  display: block;
  font-size: 1em;
  transition: all 0.4s;
  cursor: pointer;
  width: 20px;
  float: right;
}
html .input-file-container .input-file {
  position: absolute;
  width: 20px;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
html .ft-unmount {
  background-image: url("../img/icons/unmount.svg");
  height: 27px;
}
html .ft-file-excel {
  background-image: url(../img/icons/file_excel.svg);
  height: 27px;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
}
html #upload-field-holder .upload-actions {
  position: absolute;
  right: 15px;
  top: 6px;
  display: flex;
  justify-content: space-evenly;
  width: auto;
  align-items: center;
}
html #upload-field-holder .upload-actions #fileupload .custom-checkbox {
  top: -18px;
}
html #upload-field-holder .upload-actions #fileupload .custom-checkbox .custom-control-label.file-upload::before {
  left: -1rem !important;
}
html #upload-field-holder .upload-actions #fileupload .custom-checkbox .custom-control-label.file-upload::after {
  left: -1rem !important;
}
html #upload-field-holder .file-return {
  margin: 0;
  font-style: italic;
  font-size: 0.9em;
  font-weight: bold;
  border-radius: 3px;
}
html .file-return:not(:empty) {
  padding: 6px 50px 6px 12px;
}
html .file-return:not(:empty):before {
  content: "File: ";
  font-style: normal;
  font-weight: normal;
}
html .announce-title {
  letter-spacing: 0.4rem;
  font-size: 0.8rem;
}
html .line-height-20 {
  line-height: 20px;
}
html .max-height-100 {
  max-height: 100px;
}
html .min-max-height-150 {
  max-height: 150px;
  min-height: 150px;
}
html .profile-image {
  background: var(--primary-color);
  border-radius: 200px;
  padding: 12px 5px;
  text-align: center;
  color: #FFFFFF !important;
  font-size: 2rem;
  width: 76px;
  height: 76px;
}
html .whitespace-normal {
  white-space: normal;
}
html .width-90 {
  width: 90px;
}
html .h-min-con {
  height: min-content;
}
html .avatar-online {
  --bs-avatar-size: auto;
}
html .flex-auto {
  flex: auto;
}
html .primary {
  color: var(--primary-color) !important;
}
html .overflow-wrap-break {
  overflow-wrap: break-word;
}
html .word-break-all {
  word-break: break-all;
}
html .icon-hover {
  border-radius: 200px;
  width: 30px;
  height: 30px;
  display: inline-block;
  text-align: center;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
html .icon-hover:hover {
  background: rgba(0, 0, 0, 0.05);
}
html .scrollbar-track {
  border-radius: 200px !important;
  opacity: 1 !important;
}
html .dc-scroller .scrollbar-track {
  opacity: 1;
  background: rgb(67, 67, 67);
}
html .dc-scroller .scrollbar-track .scrollbar-thumb {
  background: rgba(145, 145, 145, 0.27);
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
html .dc-scroller .scrollbar-track .scrollbar-thumb:hover {
  background-color: rgb(23, 129, 181);
}
html .dc-scroller .scrollbar-track .scrollbar-thumb:active {
  background-color: rgb(23, 129, 181);
}
html .dc-scroller .scrollbar-track .scrollbar-thumb:focus {
  background-color: rgb(23, 129, 181);
}
html .bg-lighten-blue {
  background-color: rgb(230, 244, 255);
}
html .dashboard-card-link {
  border-radius: 0.5rem;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
html .dashboard-card-link:hover {
  box-shadow: 0 10px 16px rgba(0, 0, 0, 0.2);
}
html .dashboard-card-link.box-white .dashboard-box-single .media-body {
  flex: auto !important;
}
html .position-right-1 {
  right: 1rem;
}
html .nav-tabs .nav-item a {
  font-weight: 600 !important;
  color: #9E9E9E !important;
}
html .nav-tabs .nav-item a.nav-link {
  border: 0;
}
html .nav-tabs .nav-item a.active {
  border-bottom: 3px solid var(--primary-color);
  color: #282828 !important;
}
html .height-74 {
  height: 74px !important;
}
html .height-35 {
  height: 35px !important;
}
html .height-40 {
  height: 40px !important;
}
html .height-25 {
  height: 25px;
}
html .height-20 {
  height: 20px;
}
html .height-15 {
  height: 15px !important;
}
html .height-auto {
  height: auto !important;
}
html .height-16 {
  height: 16px;
}
html .img-white {
  filter: brightness(0%) invert(1);
}
html .dashboard-box-single {
  padding: 0.8rem 1.28rem;
}
html .dashboard-box-single .media .media-body {
  flex: 1 !important;
}
html .dashboard-box-single .media .media-body h3 {
  font-family: "Roboto", serif !important;
  font-size: 2.5rem;
  margin-bottom: 0;
}
html .dashboard-box-single .media .media-body span {
  font-size: 12px !important;
}
html .line-height-inherit {
  line-height: inherit !important;
}
html .dashboard-tabs .nav-item a h4 {
  color: #818181 !important;
}
html .dashboard-tabs .nav-item a.active {
  border-bottom: 0 !important;
}
html .dashboard-tabs .nav-item a.active h4 {
  color: var(--primary-color) !important;
}
html #processes .total-process, html .processes .total-process {
  border-radius: 6px;
}
html #processes table thead tr th, html .processes table thead tr th {
  border-top: 0 !important;
  border-bottom: 0;
  background: transparent;
}
html #processes table tbody tr td, html .processes table tbody tr td {
  border-left: 0;
}
html #processes table tbody tr td:first-child, html .processes table tbody tr td:first-child {
  color: var(--primary-color);
  font-weight: bold;
  border-radius: 0 0 0 0;
}
html .width-15 {
  width: 15px !important;
}
html .width-200 {
  width: 200px !important;
}
html .machine-tabs .nav-tabs {
  border: 0 !important;
}
html .machine-tabs .nav-tabs .nav-item {
  line-height: normal !important;
}
html .machine-tabs .nav-tabs .nav-item a {
  border-radius: 5rem;
  height: 100% !important;
  border: 0 !important;
  background: #ededed;
  color: #000000 !important;
  font-weight: normal !important;
  transition: all ease-in-out 200ms;
}
html .machine-tabs .nav-tabs .nav-item a:hover {
  background: #dedede;
}
html .machine-tabs .nav-tabs .nav-item a.active {
  background: var(--primary-color);
  color: #FFFFFF !important;
}
html .dashboard-box-double {
  padding: 0.98rem 1.28rem;
}
html .dashboard-box-double.lower-box-double .media {
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
}
html .dashboard-box-double.lower-box-double .media div:first-child, html .dashboard-box-double.lower-box-double .media div:nth-child(2) {
  margin-right: 2px;
}
html .dashboard-box-double.lower-box-double .media div:first-child {
  border-bottom-left-radius: 0.4rem;
}
html .dashboard-box-double.lower-box-double .media div:last-child {
  border-bottom-right-radius: 0.4rem;
}
html .dashboard-box-double.lower-box-double .media .media-body {
  flex: 1 !important;
  padding: 0.98rem 0.8rem 0.98rem 1.28rem;
}
html .dashboard-box-double.lower-box-double .media .media-body h3 {
  font-family: "Roboto", serif !important;
  font-size: 1.75rem;
}
html .dashboard-box-double .media .media-body {
  flex: 1 !important;
}
html .dashboard-box-double .media .media-body h3 {
  font-family: "Roboto", serif !important;
  font-size: 2.5rem;
}
html .dashboard-box-double .media .media-body span {
  font-size: 12px !important;
}
html .box-shadow-custom {
  box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 40px 0 rgba(0, 0, 0, 0.3);
}
html .border-top-primary {
  border-top: 6px solid #04BAB8 !important;
}
html .min-height-110 {
  min-height: 110px;
}
html .min-height-90 {
  min-height: 90px;
}
html .min-height-75 {
  min-height: 75px;
}
html .min-height-30 {
  min-height: 30px;
}
html .bootstrap-tagsinput {
  width: 100%;
}
html .bootstrap-tagsinput .tag [data-role=remove] {
  box-shadow: none !important;
}
html {
  /*-----------------Type number input start--------------------*/
}
html .quantity {
  position: relative;
}
html .quantity input {
  line-height: 1.65;
  float: left;
  display: block;
  padding: 0 0 0 20px;
  margin: 0;
  border: 1px solid #eee;
}
html .quantity input:focus {
  outline: 0;
}
html .quantity input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
html .quantity input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
html .quantity input[type=number] {
  -moz-appearance: textfield;
}
html .quantity-nav {
  float: left;
  position: relative;
  height: 43px;
  z-index: 1;
  right: 2px;
  top: 2px;
}
html .quantity-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #eee;
  width: 25px;
  text-align: center;
  color: #333;
  font-size: 1rem;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.3;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: #e3e3e3;
  transition: all ease-in-out 200ms;
}
html .quantity-button:hover {
  background: var(--primary-color);
  color: #ffffff;
}
html .quantity-button.quantity-up {
  position: absolute;
  height: 52%;
  top: 0;
  border-bottom: 1px solid #eee;
  border-top-right-radius: 0.3rem;
}
html .quantity-button.quantity-down {
  position: absolute;
  bottom: -1px;
  height: 50%;
  border-bottom-right-radius: 0.3rem;
}
html .remove-btn:hover {
  background: #E62626 !important;
  color: #FFFFFF !important;
}
html {
  /*-----------------Type number input end--------------------*/
}
html .app-sidebar[data-background-color=primary] .sidebar-background:after, html .off-canvas-sidebar[data-background-color=primary] .sidebar-background:after {
  opacity: 1;
}
html .wrapper .app-sidebar:not(:hover) .navigation li.nav-collapsed-open > a, html .wrapper .off-canvas-sidebar:not(:hover) .navigation li.nav-collapsed-open > a {
  background: rgba(200, 200, 200, 0.2);
  color: #ffffff !important;
}
html .wrapper .app-sidebar:not([data-background-color=white]):not(:hover) .navigation > li.nav-collapsed-open > a i, html .wrapper .off-canvas-sidebar:not([data-background-color=white]):not(:hover) .navigation > li.nav-collapsed-open > a i {
  color: #ffffff !important;
}
html .wrapper.menu-collapsed .app-sidebar:not(:hover) .navigation li.nav-collapsed-open > a, html .wrapper.menu-collapsed .off-canvas-sidebar:not(:hover) .navigation li.nav-collapsed-open > a {
  border-radius: 0;
  margin: 0;
  padding-left: 14px;
}
html .wrapper.menu-collapsed .app-sidebar:not(:hover) .navigation li.nav-collapsed-open > a i, html .wrapper.menu-collapsed .off-canvas-sidebar:not(:hover) .navigation li.nav-collapsed-open > a i {
  color: #ffffff !important;
}
html .popover {
  box-shadow: none;
  border: 0;
  background: transparent;
  z-index: 1050;
}
html .popover .popover-body {
  padding: 0;
}
html .popover .card {
  margin: 0;
}
html .popover .arrow {
  display: none;
}
html .wrapper.menu-collapsed .app-sidebar:not(:hover) .navigation > li > a, html .wrapper.menu-collapsed .off-canvas-sidebar:not(:hover) .navigation > li > a {
  margin: 0;
  padding: 7px 14px;
  line-height: normal;
}
html .wrapper.menu-collapsed .app-sidebar:not(:hover) .navigation > li.active ~ .nav-collapsed-open > a, html .wrapper.menu-collapsed .off-canvas-sidebar:not(:hover) .navigation > li.active ~ .nav-collapsed-open > a {
  background: rgba(200, 200, 200, 0.2) !important;
  border-radius: 0;
  margin: 0;
  padding: 7px 14px;
  color: transparent !important;
}
html .width-70 {
  width: 70px;
}
html .navbar-header .navbar-toggle {
  margin: 5px 0;
}
html .navbar-header .navbar-nav li {
  margin-right: 0.5rem;
}
html .line-height-normal {
  line-height: normal;
}
html .line-height-18 {
  line-height: 1.5;
}
html .svg-shadow {
  filter: drop-shadow(8px 8px 14px rgba(0, 0, 0, 0.3));
  -webkit-filter: drop-shadow(8px 8px 14px rgba(0, 0, 0, 0.3));
}
html .min-height-120 {
  min-height: 120px;
}
html .min-height-56 {
  min-height: 56px;
}
html .min-height-72 {
  min-height: 72px;
}
html .width-16 {
  width: 16px;
}
html .min-width-345 {
  min-width: 345px;
}
html .w-sm-full {
  width: 100%;
}
html {
  /*-------------------------- Status badge start --------------------------------------------*/
}
html .badge-pill {
  padding: 0.3rem 0.4rem;
  line-height: initial;
}
html {
  /*=========Active start=========*/
}
html .badge-active {
  color: #3B683E;
  background-color: #B8E4BB;
}
html .badge-active[href]:hover, html .badge-active[href]:focus {
  color: #3B683E;
  text-decoration: none;
  background-color: #5c945b;
}
html {
  /*=========Active end=========*/
  /*=========Pending start=========*/
}
html .badge-pending {
  color: #7E7E7E;
  background-color: #DCDCDC;
}
html .badge-pending[href]:hover, html .badge-pending[href]:focus {
  color: #7E7E7E;
  text-decoration: none;
  background-color: #9a9a9a;
}
html {
  /*=========Pending end=========*/
}
html .collapse-icon a[data-bs-toggle=collapse]::before {
  content: "\e927" !important;
  right: 10px;
}
html .collapse-icon a[data-bs-toggle=collapse]::after {
  content: "\e92a";
  right: 10px;
}
html {
  /*-------------------------- Status badge end --------------------------------------------*/
  /*----------------------Template page css start --------------------------*/
  /*----------------Template toggle on off start------------------*/
}
html .toggle-group .btn {
  height: 100%;
}
html {
  /*----------------Template toggle on off end------------------*/
}
html #vm-templates .template-box .template-content .temp-label, html #bundles .template-box .template-content .temp-label, html #iso .template-box .template-content .temp-label, html #linked-templates .template-box .template-content .temp-label {
  display: inline-block;
  min-width: 110px;
}
html #vm-templates .template-box .template-actions .btn-light-grey, html #bundles .template-box .template-actions .btn-light-grey, html #iso .template-box .template-actions .btn-light-grey, html #linked-templates .template-box .template-actions .btn-light-grey {
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
}
html #vm-templates .template-box .template-actions .btn-light-grey img, html #bundles .template-box .template-actions .btn-light-grey img, html #iso .template-box .template-actions .btn-light-grey img, html #linked-templates .template-box .template-actions .btn-light-grey img {
  filter: brightness(63%);
}
html #vm-templates .template-box .template-actions .btn-light-grey:hover img, html #vm-templates .template-box .template-actions .btn-light-grey:active img, html #vm-templates .template-box .template-actions .btn-light-grey:focus img, html #bundles .template-box .template-actions .btn-light-grey:hover img, html #bundles .template-box .template-actions .btn-light-grey:active img, html #bundles .template-box .template-actions .btn-light-grey:focus img, html #iso .template-box .template-actions .btn-light-grey:hover img, html #iso .template-box .template-actions .btn-light-grey:active img, html #iso .template-box .template-actions .btn-light-grey:focus img, html #linked-templates .template-box .template-actions .btn-light-grey:hover img, html #linked-templates .template-box .template-actions .btn-light-grey:active img, html #linked-templates .template-box .template-actions .btn-light-grey:focus img {
  filter: brightness(100%);
}
html {
  /*----------------------Template page css end --------------------------*/
}
html .pop-boxes {
  font-family: "Roboto", serif;
}
html .pop-boxes .card-block {
  padding: 0.5rem 1rem !important;
}
html .pop-boxes .card-block ul {
  padding-left: 15px;
}
html .pop-boxes .card-block ul li {
  line-height: normal;
  margin-bottom: 10px;
  font-size: 13px;
}
html .pop-boxes .card-block .card-title {
  font-weight: 500;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 0;
  color: var(--primary-color);
  text-indent: -13px;
}
html .pop-boxes .card-block .card-title img, html .pop-boxes .card-block .card-title i {
  margin-right: 15px;
}
html .pop-boxes .card-block .card-text {
  font-size: 13px;
  line-height: normal;
  color: rgba(97, 97, 97, 0.87);
}
html .pop-boxes .card-block .card-text strong {
  color: var(--primary-color);
}
html .pop-boxes .card-block hr {
  border-color: #f0f0f0;
  margin: 15px 0 !important;
}
html .pop-boxes .card-block .description {
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
html .pop-boxes .card-block-1 ul {
  padding-left: 15px;
}
html .pop-boxes .card-block-1 ul li {
  line-height: normal;
  margin-bottom: 10px;
  font-size: 13px;
}
html .pop-boxes .card-block-1 .card-title {
  font-weight: normal;
  display: flex;
  align-items: center;
  padding: 1rem 1.5rem 0.5rem 1.5rem;
  margin: 0;
  text-indent: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
html .pop-boxes .card-block-1 .card-title img, html .pop-boxes .card-block-1 .card-title i {
  margin-right: 15px;
}
html .pop-boxes .card-block-1 .mac-info-contain {
  padding: 1rem;
}
html .pop-boxes .card-block-1 p {
  padding: 0.5rem 1rem;
}
html .pop-boxes .card-block-1 .card-text {
  font-size: 13px;
  line-height: 1.3rem;
  color: rgba(97, 97, 97, 0.87);
  margin: 0;
}
html .pop-boxes .card-block-1 .card-text strong {
  color: var(--primary-color);
}
html .pop-boxes .card-block-1 hr {
  border-color: #f0f0f0;
  margin: 15px 0 !important;
}
html .pop-boxes .card-block-1 .description {
  font-weight: 600;
  font-size: 14px;
  display: block;
  margin-bottom: 5px;
}
html .pop-title-box {
  font-family: "Roboto", serif;
}
html .pop-title-box .card-block-1 {
  padding: 1rem 1.5rem;
}
html .pop-title-box .card-block-1 p {
  font-size: 13px;
  line-height: normal;
}
html .width-365 {
  width: 365px;
}
html .mac-info-contain > p:first-child {
  padding-bottom: 0;
}
html .mac-info-contain > p:nth-child(2) {
  padding-bottom: 0;
}
html .mac-info-contain > p:nth-child(3) {
  padding-bottom: 0;
}
html .mac-info-contain .machine-info-label {
  width: 60px;
  display: inline-block;
  vertical-align: top;
}
html .mac-info-contain .prod_name_machine {
  white-space: normal;
  max-width: 240px;
  display: inline-block;
}
html .sidebar-header a.nav-close {
  top: 22px;
}
html .sidebar-lg .app-sidebar .navigation li.active a, html .sidebar-lg .off-canvas-sidebar .navigation li.active a {
  padding-left: 14px !important;
}
html .app-sidebar {
  font-family: "Roboto", sans-serif;
}
html .app-sidebar .logo {
  padding: 12.4px 16.4px;
}
html .app-sidebar .logo-img {
  margin-right: 0;
}
html .app-sidebar .logo-img img {
  width: 115px !important;
}
html .app-sidebar .logo-txt img {
  height: 20px;
  vertical-align: bottom;
}
html .app-sidebar .nav-toggle {
  border-radius: 200px;
  height: 40px;
  width: 40px;
  padding: 9px;
  top: 18px;
  transition: ease-in-out 300ms;
  right: 12px;
}
html .app-sidebar .nav-toggle:hover {
  background: rgba(0, 0, 0, 0.1);
}
html .app-sidebar .navigation li.active a {
  background: rgba(0, 0, 0, 0.1);
  color: #FFFFFF !important;
  border-right: 4px solid rgba(0, 0, 0, 0.14);
  box-shadow: none;
}
html .app-sidebar .navigation li.active a i {
  color: #FFFFFF !important;
}
html .app-sidebar .navigation li.active:hover a {
  background: rgba(0, 0, 0, 0.1);
  border-right: 4px solid rgba(0, 0, 0, 0.14);
}
html .app-sidebar .navigation li.open > a {
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
}
html .app-sidebar .navigation li a {
  display: flex;
  align-items: center;
}
html .app-sidebar .navigation li a::before {
  display: none !important;
}
html .app-sidebar .navigation li a:hover {
  background: rgba(0, 0, 0, 0.1);
  border-right: 4px solid rgba(0, 0, 0, 0.14);
}
html .app-sidebar .navigation li .active a {
  background: var(--primary-color);
  color: #FFFFFF !important;
  padding-left: 58px;
}
html .app-sidebar .navigation li .active a::before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0) 100%);
  left: 20%;
}
html .app-sidebar .navigation li .active:hover a {
  background: var(--primary-color);
  color: #FFFFFF !important;
}
html .app-sidebar .navigation li a {
  margin: 0;
  border-radius: 0;
  transition: ease-in-out 200ms;
  text-align: left;
}
html .app-sidebar .navigation li ul {
  padding-bottom: 20px;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0) 100%);
}
html .app-sidebar .navigation li ul li a {
  margin: 0;
  padding-left: 30px !important;
}
html .app-sidebar .navigation li.nav-collapsed a {
  border-radius: 0 !important;
}
html .off-canvas-sidebar .logo {
  padding: 17px 15px 17px 10px;
}
html .off-canvas-sidebar .logo-img {
  margin-right: 5px;
}
html .off-canvas-sidebar .logo-txt img {
  height: 22px;
  vertical-align: initial;
}
html .off-canvas-sidebar .navigation li a {
  margin: 0;
  border-radius: 0;
  transition: ease-in-out 200ms;
}
html .wrapper.nav-collapsed .app-sidebar:hover .logo .text {
  margin-top: -2px;
}
html .wrapper.nav-collapsed .app-sidebar:hover .logo .logo-img {
  overflow: visible;
}
html .wrapper.nav-collapsed .app-sidebar .logo .logo-text {
  width: 25px;
}
html .wrapper.nav-collapsed .app-sidebar .logo .logo-text .cp-logo {
  max-width: 100%;
  height: 36px;
}
html .wrapper.nav-collapsed .app-sidebar .logo .logo-img {
  overflow: hidden;
}
html .wrapper.nav-collapsed .app-sidebar .logo .logo-img img {
  width: 115px !important;
}
html .display-flex {
  display: flex;
}
html .text-truncate-normal {
  white-space: normal;
}
html .pg-load-animation {
  animation: transitionIn 0.75s;
}
@keyframes transitionIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
html .select-charts .custom-control.custom-checkbox label::before {
  top: 0.5rem;
}
html .select-charts .custom-control.custom-checkbox label::after {
  top: 0.5rem;
}
html .obj-load-anim-1 {
  animation: transitionIn 300ms;
}
@keyframes transitionIn {
  0% {
    opacity: 0;
    transform: translateY(10px) scale(0.5, 0.5);
    transition: 100ms;
  }
  50% {
    transform: scale(1.3, 1.3);
    transition: 100ms;
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1, 1);
  }
}
html .obj-load-anim-0 {
  animation: transitionIn 300ms;
}
@keyframes transitionIn {
  0% {
    opacity: 1;
    transform: translateY(0) scale(1, 1);
  }
  50% {
    transform: scale(1.3, 1.3);
    transition: 100ms;
  }
  100% {
    opacity: 0;
    transform: translateY(10px) scale(0.5, 0.5);
    transition: 100ms;
  }
}
html .obj-load-anim-fadeinout {
  animation: fadeinout 2000ms;
  animation-iteration-count: infinite;
}
@keyframes fadeinout {
  0% {
    opacity: 0;
    transform: translateY(0) scale(1, 1);
  }
  50% {
    opacity: 1;
    transform: translateY(0) scale(1.5, 1.5);
  }
  100% {
    opacity: 0;
    transform: translateY(0) scale(1, 1);
  }
}
html .obj-load-anim-1-1 {
  animation: fadeinLoad 300ms 500ms forwards;
  opacity: 0;
}
@keyframes fadeinLoad {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
html .obj-load-anim-2 {
  animation: transitionIn1 400ms;
  transition-timing-function: ease-in;
  animation-fill-mode: both;
}
@keyframes transitionIn1 {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
html .obj-load-anim-3 {
  animation: transitionIn 300ms;
}
@keyframes transitionIn {
  from {
    opacity: 0;
    transform: translateY(10px);
    transition: 100ms;
  }
  to {
    opacity: 1;
    transform: translateY(0);
    transition: 100ms;
  }
}
html .obj-load-anim-4 {
  animation: transitionIn 2000ms;
}
@keyframes transitionIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
html .obj-load-anim-from-left {
  animation: fromleft 600ms;
}
@keyframes fromleft {
  from {
    opacity: 0;
    transform: translateX(-300px) translateY(0);
  }
  to {
    opacity: 1;
    transform: translateX(0) translateY(0);
  }
}
html .obj-load-anim-from-top {
  animation: fromtop 600ms;
}
@keyframes fromtop {
  from {
    opacity: 0;
    transform: translateY(-300px) translateX(0);
    transition: 100ms;
  }
  to {
    opacity: 1;
    transform: translateY(0) translateX(0);
    transition: 100ms;
  }
}
html .obj-load-anim-updown {
  animation: transitionIn1 3000ms;
  animation-iteration-count: infinite;
}
@keyframes transitionIn1 {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
html .intro-img-dashboard-1 {
  animation: transitionIn1 4500ms;
  animation-iteration-count: infinite;
}
@keyframes transitionIn1 {
  0% {
    opacity: 1;
    transform: translateY(0px);
  }
  50% {
    opacity: 1;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
html .obj-load-anim-rotate {
  z-index: 1;
  animation: rotation 25000ms infinite;
  -webkit-filter: drop-shadow(3px 3px 0px rgba(182, 205, 239, 0.6));
  filter: drop-shadow(3px 3px 0px rgba(182, 205, 239, 0.6));
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
  }
}
html .obj-rotate {
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
  position: absolute;
  left: 12px;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
html .obj-refresh-rotate {
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}
html .reset-box, html .reset-box1 {
  left: 50%;
  top: 50%;
  margin-left: -52px !important;
  margin-top: -60px;
}
html .reset-box1 {
  margin: 0 !important;
  left: 40.8%;
  top: 9.5%;
  height: 80px !important;
}
html .reset-box {
  height: 120px !important;
}
html .max-width-450 {
  max-width: 450px;
}
html .max-width-400 {
  max-width: 400px;
}
html .max-width-350 {
  max-width: 350px;
}
html .max-width-700 {
  max-width: 700px;
}
html #notification-sidebar {
  width: 405px;
  right: -415px;
  z-index: 3;
  margin-top: 63px;
  height: calc(100vh - 64px);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: -3px 0 7px -6px rgba(0, 0, 0, 0.1);
}
html #notification-sidebar .nav-tabs .nav-item a {
  font-weight: 400 !important;
  color: #9E9E9E !important;
}
html #notification-sidebar .nav-tabs .nav-item a.nav-link {
  border: 0;
}
html #notification-sidebar .nav-tabs .nav-item a.active {
  border-bottom: 1px solid var(--primary-color);
  color: var(--primary-color) !important;
}
html #notification-sidebar .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  display: none;
}
html .badge-left {
  left: 12px;
  right: auto !important;
}
html .main-panel {
  margin-top: 64px;
}
html .main-panel .main-content .content-wrapper .container-fluid section {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
html .mx-width-450 {
  width: 450px !important;
}
html .text-primary {
  color: var(--primary-color) !important;
}
html .btn-outline-primary {
  border-color: var(--primary-color) !important;
  color: var(--primary-color) !important;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
}
html .btn-outline-primary:hover {
  background: var(--primary-color) !important;
  color: #FFFFFF;
  filter: brightness(95%);
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
}
html .btn-outline-primary:active {
  filter: brightness(85%);
  color: #FFFFFF !important;
}
html .btn-outline-primary:focus {
  color: #FFFFFF !important;
  background: var(--primary-color) !important;
  box-shadow: 0 0 0 0.2rem rgba(0, 135, 201, 0.5);
  -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 135, 201, 0.5);
}
html .bg-light {
  transition: all ease-in-out 200ms;
}
html .btn-light {
  font-weight: normal;
  transition: all ease-in-out 200ms;
  text-shadow: none;
  border: 0;
  opacity: 0.5;
}
html .btn-light:hover {
  opacity: 1;
}
html .bg-landing {
  background: linear-gradient(-45deg, #03778A, #04BAB8, #03778A, #034C58);
  background-size: 200% 200%;
  animation: primary-gradient 24s ease infinite;
}
@keyframes primary-gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
html .bg-primary {
  background: var(--primary-color) !important;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
}
html .bg-primary:hover {
  filter: brightness(95%);
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
}
html .bg-pattern {
  background: url("../img/pattern-bg.png") !important;
}
html .position-top-auto {
  top: auto !important;
}
html .notification-sidebar a.notification-sidebar-close {
  padding: 0 !important;
  right: 30px !important;
  top: 14px !important;
}
html .notification-sidebar .nav-tabs {
  position: fixed;
  width: inherit !important;
  z-index: 1;
}
html .notification-sidebar .tab-content {
  margin-top: 50px;
}
html .appearance-toggle i.icon-color {
  filter: brightness(1) invert(0) grayscale(0) !important;
}
html #appearance {
  max-width: 520px;
  width: auto;
  top: 88px;
  right: -520px;
  height: fit-content;
  z-index: 2;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06);
  border: 0 !important;
  padding: 2rem 2.5rem 1.5rem 2.5rem;
  border-radius: 0.5rem;
}
html #appearance .scroll_appearance {
  height: 100% !important;
  padding-right: 2rem;
  margin-right: -32px;
}
html #appearance.open {
  right: 30px;
}
html #appearance .appearance-close {
  position: absolute;
  z-index: 10;
  width: auto;
  padding: 0.4rem !important;
  right: 10px !important;
  top: 10px !important;
  display: flex;
  border-radius: 100rem;
}
html #appearance .appearance-content {
  position: relative;
  height: 100%;
}
html #appearance .appearance-content h4 {
  font-size: 1rem;
  font-weight: 400;
  color: var(--primary-color);
}
html #appearance .appearance-content p {
  font-size: 0.85rem;
  line-height: 1.5;
}
html #appearance .appearance-content .a-behavior h6 {
  font-size: 0.95rem;
  font-weight: 400;
}
html #appearance .appearance-content .a-behavior .a-select {
  gap: 10px;
}
html #appearance .appearance-content .a-behavior .a-select .a-select-inner {
  position: relative;
  width: 125px;
  height: 120px;
}
html #appearance .appearance-content .a-behavior .a-select .a-select-inner img {
  position: absolute;
  width: 100px;
  top: 12px;
  left: 12px;
  opacity: 0.3;
}
html #appearance .appearance-content .a-behavior .a-select .a-select-inner label {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  top: -31px;
  display: block;
  border-radius: 0.6rem;
}
html #appearance .appearance-content .a-behavior .a-select .a-select-inner label span {
  color: #6C757D;
  font-size: 0.85rem;
}
html #appearance .appearance-content .a-behavior .a-select .a-select-inner input {
  visibility: hidden;
}
html #appearance .appearance-content .a-behavior .a-select .a-select-inner input:checked ~ label > span {
  font-weight: 400;
}
html #appearance .appearance-content .a-behavior .a-select .a-select-inner input:checked ~ label {
  border-radius: 0.6rem;
}
html .b-radius-200 {
  border-radius: 200px !important;
}
html .position-right-0 {
  right: 0 !important;
}
html .height-44 {
  height: 44px !important;
}
html .text-none {
  text-transform: none;
}
html .height-48 {
  height: 48px !important;
}
html .error_password ul {
  padding: 1rem 1rem 0 1rem;
  margin: 0;
}
html .error_password ul li {
  line-height: normal;
}
html form.profile-form .switch-box div label {
  margin-bottom: 0 !important;
}
html form.profile-form .switch-box > div:last-child {
  margin-bottom: 0 !important;
}
html form.profile-form input[type=checkbox] {
  font-size: 1rem;
}
html form.profile-form .form-control:active {
  box-shadow: 0 0 0 0.2rem hsla(var(--primary-color-hsl), 0.3);
  -webkit-box-shadow: 0 0 0 0.2rem hsla(var(--primary-color-hsl), 0.3);
}
html form.profile-form .form-control:focus {
  outline: none;
  box-shadow: 0 0 0 0.2rem hsla(var(--primary-color-hsl), 0.3);
  -webkit-box-shadow: 0 0 0 0.2rem hsla(var(--primary-color-hsl), 0.3);
}
html form.profile-form select[name=edit_administrator_table_length] {
  padding-left: 4px !important;
  padding-right: 4px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  height: 14px !important;
}
html .flex-container-box {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  padding: 0;
  margin: 0;
  list-style: none;
}
html .flex-container-box .flex-item {
  width: 48%;
  height: auto;
  margin-top: 10px;
}
html .pt-85 {
  padding-top: 85px !important;
}
html .content-bg {
  border-radius: 0.5rem;
  overflow: auto !important;
  padding: 1rem 1.5rem 1rem 1.5rem;
}
html .content-bg-table-height {
  max-height: 600px !important;
}
html .user-assign-machine table thead tr th {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
html .user-assign-machine table tbody tr td:first-child {
  border-left: 0 !important;
}
html .my-scrollbar {
  width: 100%;
  overflow: auto;
  height: calc(100vh - 65px) !important;
}
html .out-scrollbar {
  width: 100%;
  overflow: auto;
  height: 100vh;
}
html .navbar .tooltip {
  left: 17px !important;
}
html .scroll-margin {
  padding: 0 25px !important;
  margin: 0 -20px;
}
html .bg-lightgrey {
  background: #f9f9f9;
}
html .dropdown {
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
}
html .dropdown .profile-dropdown {
  width: 340px;
  margin-top: 9px;
}
html .dropdown .dropdown-item.active, html .dropdown .dropdown-item:active {
  text-decoration: none;
}
html .dropdown .location-dropdown {
  width: auto;
  margin-top: 15px !important;
}
html .dropdown .domain-dropdown {
  width: auto;
  margin-top: 15px !important;
}
html .dropdown .notification-dropdown {
  margin-top: 9px;
  width: 354px;
}
html .dropdown .notification-dropdown .noti-list {
  max-height: 290px;
  height: auto;
}
html .dropdown .help-dropdown {
  width: auto;
  margin-top: 12px;
}
html .z-index-4 {
  z-index: 4;
}
html #notification_details strong, html #Announcement_Modal strong {
  color: var(--primary-color);
}
html .navbar .notification {
  top: 12px !important;
  height: 8px;
  right: 8px !important;
  width: 8px;
  padding: 0;
}
html .prof-txt {
  padding: 0 0;
  line-height: 16px !important;
}
html .valign-super {
  vertical-align: super !important;
}
html .profile {
  width: auto !important;
}
html .profile i {
  /*
  * Created with https://www.css-gradient.com
  * Gradient link: https://www.css-gradient.com/?c1=05bab8&c2=fd5d13&gt=r&gd=dtl
  */
  border: 0;
  border-radius: 1000px;
  line-height: normal;
  padding: 10px 7px;
  width: 40px;
  height: 40px;
  text-align: center;
}
html .loc {
  width: auto !important;
}
html .loc i {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: 0;
  border-radius: 1000px;
  line-height: normal;
  padding: 8px 10px;
}
html .nav-bottom {
  box-shadow: 0 -6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06) !important;
  -webkit-box-shadow: 0 -6px 0 0 rgba(0, 0, 0, 0.01), 0 15px 32px 0 rgba(0, 0, 0, 0.06) !important;
}
html .nav-bottom .navbar-nav .nav-item a:hover {
  color: var(--primary-color);
}
html .nav-bottom .navbar-nav .nav-item a:active {
  color: var(--primary-color);
}
html .nav-bottom .navbar-nav .nav-item a:focus {
  color: var(--primary-color);
}
html .border-radius {
  border-radius: 0.25rem;
}
html .border-radius-bottom {
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
html .border-radius-top {
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
html .border-bottom-1 {
  border-bottom: 1px solid #CFD8DC !important;
}
html .justify-content-evenly {
  justify-content: space-evenly;
}
html .ws-2 {
  display: none;
}
html {
  /*============ Option Select Radio Begin    =========== */
}
html .opt-select {
  margin: 0 auto;
  position: relative;
  width: auto;
  height: 120px;
  flex: 1;
  padding: 0 0.4rem;
}
html .opt-select label {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  top: -57px;
  display: block;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
}
html .opt-select label:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
html .opt-select label span {
  color: #e8e8e8;
  font-size: 0.9rem;
}
html .opt-select label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
  border: 1px solid #e8e8e8;
}
html .opt-select label:after {
  width: 20px;
  height: 20px;
  content: "";
  border: 1px solid #e8e8e8;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 5px;
  top: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
html .opt-select input {
  width: 25px;
  height: 25px;
  z-index: 2;
  position: absolute;
  transform: translateY(-50%);
  cursor: pointer;
  right: 4px;
  top: -7px;
  visibility: hidden;
}
html .opt-select input:checked ~ label {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
html .opt-select input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
html .opt-select input:checked ~ label:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-color: #37BC9B;
  background-position: 0px -3px;
  background-size: 2rem;
  border: 0;
}
html .opt-select input:checked ~ i {
  color: var(--primary-color);
}
html .opt-select input:checked ~ label > span {
  color: var(--primary-color);
}
html .opt-select i {
  color: #e8e8e8;
  font-size: 2rem;
}
html {
  /*============ Option Select Radio End    =========== */
  /*============ popover Select Radio Begin    =========== */
}
html .pop-select {
  margin: 0 auto;
  position: relative;
  width: 120px;
  height: 120px;
}
html .pop-select label {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  top: -57px;
  display: block;
  border: 1px solid #e8e8e8;
  border-radius: 6px;
}
html .pop-select label:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
html .pop-select label span {
  color: #e8e8e8;
  font-size: 0.9rem;
}
html .pop-select label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
  border: 1px solid #e8e8e8;
}
html .pop-select label:after {
  width: 20px;
  height: 20px;
  content: "";
  border: 1px solid #e8e8e8;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 5px;
  top: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
html .pop-select input {
  width: 25px;
  height: 25px;
  z-index: 2;
  position: absolute;
  transform: translateY(-50%);
  cursor: pointer;
  right: 4px;
  top: -7px;
  visibility: hidden;
}
html .pop-select input:checked ~ label {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
html .pop-select input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
html .pop-select input:checked ~ label:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-color: #37BC9B;
  background-position: 0px -3px;
  background-size: 2rem;
  border: 0;
}
html .pop-select input:checked ~ i {
  color: var(--primary-color);
}
html .pop-select input:checked ~ label > span {
  color: var(--primary-color);
}
html .pop-select i {
  color: #e8e8e8;
  font-size: 2rem;
}
html {
  /*============ popover Select Radio End    =========== */
  /*============ Option Select Radio Begin    =========== */
}
html .opt-select-inner {
  position: relative;
  height: 120px;
  width: 120px;
  padding: 0;
  top: 26px;
  flex: 0 1 auto;
  flex-basis: auto;
}
html .opt-select-inner img {
  filter: grayscale(1) brightness(190%);
}
html .opt-select-inner label {
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  top: -57px;
  display: block;
  border: 1px solid #c2c2c2;
  border-radius: 6px;
}
html .opt-select-inner label.cfg-machine {
  background: rgba(245, 245, 245, 0.3490196078);
  border: 2px solid #F5F5F5;
  transition: all ease-in-out 200ms;
  box-shadow: none;
}
html .opt-select-inner label.cfg-machine span {
  color: #b0b0b0;
}
html .opt-select-inner label.cfg-machine:after {
  border: 0;
  background: transparent;
}
html .opt-select-inner label:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
html .opt-select-inner label span {
  color: #c2c2c2;
  font-size: 0.9rem;
}
html .opt-select-inner label:after {
  width: 20px;
  height: 20px;
  content: "";
  border: 1px solid #e8e8e8;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 5px;
  top: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
html .opt-select-inner input {
  width: 25px;
  height: 25px;
  z-index: 2;
  position: absolute;
  transform: translateY(-50%);
  cursor: pointer;
  right: 4px;
  top: -7px;
  visibility: hidden;
  transition: all ease-in-out 200ms;
}
html .opt-select-inner input:checked ~ label {
  border: 1px solid var(--primary-color);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
html .opt-select-inner input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
html .opt-select-inner input:checked ~ label:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-color: #37BC9B;
  background-position: 0px -3px;
  background-size: 2rem;
  border: 0;
}
html .opt-select-inner input:checked ~ .cfg-machine {
  background: rgba(111, 173, 255, 0.1098039216);
  border: 2px solid var(--primary-color);
}
html .opt-select-inner input:checked ~ .cfg-machine:after {
  background: transparent;
}
html .opt-select-inner input:checked ~ i {
  color: var(--primary-color);
}
html .opt-select-inner input:checked ~ img {
  filter: brightness(100%);
}
html .opt-select-inner input:checked ~ label > span {
  color: var(--primary-color);
}
html .opt-select-inner i {
  color: #c2c2c2;
  font-size: 2rem;
}
html {
  /*============ Option Select Radio End    =========== */
  /*============ Option Select text Radio Begin    =========== */
}
html .opt-select-text {
  position: relative;
  padding: 0;
  flex: 1;
}
html .opt-select-text img {
  filter: grayscale(1) brightness(190%);
}
html .opt-select-text label {
  width: 100%;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  top: 0;
  display: block;
  border-radius: 6px;
}
html .opt-select-text label.cfg-machine {
  background: rgba(245, 245, 245, 0.3490196078);
  border: 2px solid rgba(245, 245, 245, 0.3490196078);
  transition: all ease-in-out 200ms;
  box-shadow: none;
}
html .opt-select-text label.cfg-machine span {
  color: #b0b0b0;
}
html .opt-select-text label.cfg-machine:after {
  border: 0;
  background: transparent;
}
html .opt-select-text label:hover {
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
html .opt-select-text label span {
  color: #c2c2c2;
  font-size: 0.9rem;
}
html .opt-select-text label:after {
  width: 20px;
  height: 20px;
  content: "";
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 5px;
  top: 15px;
  transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
html .opt-select-text input {
  width: 25px;
  height: 25px;
  z-index: 2;
  position: absolute;
  transform: translateY(-50%);
  cursor: pointer;
  right: 4px;
  top: -7px;
  visibility: hidden;
  transition: all ease-in-out 200ms;
}
html .opt-select-text input:checked ~ label {
  border: 1px solid var(--primary-color);
  -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
html .opt-select-text input:checked ~ label:before {
  transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
html .opt-select-text input:checked ~ label:after {
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-color: #37BC9B;
  background-position: 0px -3px;
  background-size: 2rem;
  border: 0;
}
html .opt-select-text input:checked ~ .cfg-machine {
  background: rgba(111, 173, 255, 0.1098039216);
  border: 2px solid var(--primary-color);
}
html .opt-select-text input:checked ~ .cfg-machine:after {
  background: transparent;
}
html .opt-select-text input:checked ~ i {
  color: var(--primary-color);
}
html .opt-select-text input:checked ~ img {
  filter: brightness(100%);
}
html .opt-select-text input:checked ~ label > span {
  color: var(--primary-color);
}
html .opt-select-text i {
  color: #e8e8e8;
  font-size: 2rem;
}
html {
  /*============ Option Select text Radio End    =========== */
}
html .text-indent-5 {
  text-indent: 5px;
}
html .flex-basis-table a[href="#advance-id"]:before {
  font-family: feather, serif;
  content: "\e92e";
  margin-right: 10px;
}
html .flex-basis-table .SeeMore2[href="#advance-id"]:before {
  font-family: feather, serif;
  content: "\e92b";
  margin-right: 10px;
}
html {
  /* full Screen Modal start*/
}
html .cmain-modal {
  padding-left: 0 !important;
  z-index: 1060;
  overflow: hidden !important;
  margin-top: 0;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
html .cmain-modal.modal.show .modal-dialog {
  transform: translate(0, 0) !important;
  opacity: 1;
}
html .cmain-modal.modal.fade .modal-dialog {
  transform: translate(10%, 0);
}
html .cmain-modal .modal-dialog {
  max-width: calc(100% - 60px);
  margin-right: 0;
  margin-top: 0;
}
html .cmain-modal .modal-dialog .modal-content {
  height: calc(100vh - 0px);
  border-radius: 0;
  border: 0;
}
html .cmain-modal .modal-dialog .modal-content .modal-header {
  border: 0;
  padding: 0.92rem 1.5rem;
}
html .cmain-modal .modal-dialog .modal-content .modal-header a {
  font-size: 1.3rem !important;
}
html .cmain-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
html {
  /* full Screen Modal start*/
  /* half Screen Modal start*/
}
html .hmain-modal {
  padding-left: 0 !important;
  overflow: hidden !important;
  z-index: 1050;
  margin-top: 0;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
html .hmain-modal.modal.show .modal-dialog {
  transform: translate(0, 0) !important;
  opacity: 1;
}
html .hmain-modal.modal.fade .modal-dialog {
  transform: translate(10%, 0);
}
html .hmain-modal .modal-dialog {
  margin-right: 0;
  margin-top: 0;
}
html .hmain-modal .modal-dialog .modal-content {
  height: calc(100vh - 0px);
  border-radius: 0;
  border: 0;
}
html .hmain-modal .modal-dialog .modal-content .modal-header {
  border: 0;
  border-radius: 0;
  padding: 0.92rem 1.5rem;
}
html .hmain-modal .modal-dialog .modal-content .modal-header .close i {
  text-shadow: none;
  line-height: normal;
}
html .hmain-modal .modal-dialog .modal-content .modal-header a {
  font-size: 1.3rem !important;
}
html .hmain-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
html .hmain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs {
  border: 0 !important;
}
html .hmain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs .nav-item {
  line-height: normal !important;
}
html .hmain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs .nav-item a {
  border-radius: 5rem;
  border: 0 !important;
  background: #ededed;
  color: #000000 !important;
  font-weight: normal !important;
  transition: all ease-in-out 200ms;
  padding: 0.55rem;
}
html .hmain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs .nav-item a:hover {
  background: #dedede;
}
html .hmain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs .nav-item a:active {
  background: var(--primary-color);
  color: #FFFFFF !important;
}
html .hmain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs .nav-item a.active {
  background: var(--primary-color);
  color: #FFFFFF !important;
}
html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a {
  font-weight: 600 !important;
  color: #9E9E9E !important;
  transition: all ease-in-out 200ms;
  border-radius: 0;
  padding: 1.3rem;
  border-bottom: 3px solid #FFFFFF;
}
html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h1, html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h2, html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h3, html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h4, html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h5, html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h6, html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h1, html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h2, html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h3, html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h4, html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h5, html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h6 {
  color: inherit;
}
html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h5 {
  margin: 0;
  padding: 0;
}
html .hmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a.nav-link {
  border: 0;
}
html .smain-modal {
  padding-left: 0 !important;
  padding-right: 0 !important;
  overflow: hidden !important;
  z-index: 1050;
  margin-top: 114px;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
html .smain-modal.modal.show .modal-dialog {
  transform: translate(0, 0) !important;
  opacity: 1;
}
html .smain-modal.modal.fade .modal-dialog {
  transform: translate(10%, 0);
}
html .smain-modal .modal-dialog {
  margin-right: 0;
  margin-top: 0;
  max-width: 405px;
}
html .smain-modal .modal-dialog .modal-content {
  height: calc(100vh - 114px);
  border-radius: 0;
  border: 0;
}
html .smain-modal .modal-dialog .modal-content .modal-header {
  border: 0;
  border-radius: 0;
  padding: 0.75rem 2.5rem;
}
html .smain-modal .modal-dialog .modal-content .modal-header .close i {
  text-shadow: none;
  line-height: normal;
}
html .smain-modal .modal-dialog .modal-content .modal-header a {
  font-size: 1.3rem !important;
}
html .smain-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
html .smain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs {
  border: 0 !important;
}
html .smain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs .nav-item {
  line-height: normal !important;
}
html .smain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs .nav-item a {
  border-radius: 5rem;
  border: 0 !important;
  background: #ededed;
  color: #000000 !important;
  font-weight: normal !important;
  transition: all ease-in-out 200ms;
  padding: 0.55rem;
}
html .smain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs .nav-item a:hover {
  background: #dedede;
}
html .smain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs .nav-item a:active {
  background: var(--primary-color);
  color: #FFFFFF !important;
}
html .smain-modal .modal-dialog .modal-content .modal-body .machine-tabs .nav-tabs .nav-item a.active {
  background: var(--primary-color);
  color: #FFFFFF !important;
}
html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a {
  font-weight: 600 !important;
  color: #9E9E9E !important;
  transition: all ease-in-out 200ms;
  border-radius: 0;
  padding: 1.3rem;
  border-bottom: 3px solid #FFFFFF;
}
html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h1, html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h2, html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h3, html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h4, html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h5, html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h6, html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h1, html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h2, html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h3, html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h4, html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h5, html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h6 {
  color: inherit;
}
html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h5 {
  margin: 0;
  padding: 0;
}
html .smain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a.nav-link {
  border: 0;
}
html .wrapper.nav-collapsed ~ .hmain-modal {
  margin-left: 60px !important;
}
html .wrapper.nav-collapsed ~ .smain-modal {
  margin-left: 60px !important;
}
html {
  /* 2/3 hlaf Screen Modal start*/
  /* half Screen Modal start*/
}
html .qmain-modal {
  padding-left: 0 !important;
  overflow: hidden !important;
  margin-top: 0;
  -webkit-transition: all ease-in-out 200ms;
  -moz-transition: all ease-in-out 200ms;
  -ms-transition: all ease-in-out 200ms;
  -o-transition: all ease-in-out 200ms;
  transition: all ease-in-out 200ms;
}
html .qmain-modal.modal.show .modal-dialog {
  transform: translate(0, 0) !important;
  opacity: 1;
}
html .qmain-modal.modal.fade .modal-dialog {
  transform: translate(10%, 0);
}
html .qmain-modal .modal-dialog {
  max-width: 900px;
  margin-right: 0;
  margin-top: 0;
}
html .qmain-modal .modal-dialog .modal-content {
  height: calc(100vh - 0px);
  border-radius: 0;
  border: 0;
}
html .qmain-modal .modal-dialog .modal-content .modal-header {
  border: 0;
  padding: 0.92rem 1.5rem;
}
html .qmain-modal .modal-dialog .modal-content .modal-body {
  padding: 0;
}
html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a {
  font-weight: 600 !important;
  color: #9E9E9E !important;
  transition: all ease-in-out 200ms;
  border-radius: 0;
  padding: 1.3rem;
  border-bottom: 3px solid #FFFFFF;
}
html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h1, html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h2, html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h3, html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h4, html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h5, html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h6, html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h1, html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h2, html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h3, html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h4, html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h5, html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a .h6 {
  color: inherit;
}
html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a h5 {
  margin: 0;
  padding: 0;
}
html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a.nav-link {
  border: 0;
}
html .qmain-modal .modal-dialog .modal-content .modal-body .nav-tabs .nav-item a.active {
  border-bottom: 1px solid var(--primary-color);
  background: #E6E9F2;
  color: var(--primary-color) !important;
}
html {
  /* 2/3hlaf Screen Modal start*/
  /* Sweat Alert start*/
}
html .swal2-container .swal2-show {
  padding: 40px !important;
}
html .swal2-container .swal2-show .swal2-icon {
  font-size: 40px;
  line-height: 80px;
  margin-top: 0;
  margin-bottom: 20px;
}
html .swal2-container .swal2-modal h2 {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.6rem;
  margin-bottom: 1rem;
}
html .swal2-container .swal2-modal .swal2-spacer {
  height: 0;
}
html .swal2-container .swal2-modal .swal2-content {
  font-size: 0.9rem;
}
html .swal2-container .swal2-modal .swal2-styled {
  font-size: 0.9rem;
  padding: 0.5rem 1.5rem;
}
html {
  /*Sweat Alert start*/
}
html .ad_child_td {
  background: red;
}
html .acount-export-btn {
  margin-left: 0 !important;
  border-radius: 0 !important;
}
html {
  /*================= din UI Table start ===============*/
}
html .btn-group .btn:first-child {
  border-top-right-radius: 0.25rem !important;
  border-bottom-right-radius: 0.25rem !important;
}
html .btn-group .btn:last-child {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
  margin-left: 5px !important;
}
html .btn-group .btn.acount-export-btn {
  margin-left: 0 !important;
  border-radius: 0 !important;
}
html #catalog_datatable tbody tr td, html #os_datatable tbody tr td, html #delivery_datatable tbody tr td {
  padding: 0 !important;
}
html .alert-select .select2-container .selection .select2-selection {
  padding: 0;
}
html .din-ui {
  border-collapse: collapse !important;
}
html .din-ui td.details-control:before {
  font-family: feather, serif;
  content: "\e927";
  cursor: pointer;
  display: block;
  text-align: center;
  font-size: 1.1rem;
  color: #FD8D02;
}
html .din-ui tr.shown td.details-control:before {
  font-family: feather, serif;
  content: "\e92a";
  display: block;
  text-align: center;
  font-size: 1.1rem;
  color: #FD5D13;
}
html .din-ui .col-width-70 {
  width: 70px !important;
}
html .din-ui .badge-round {
  font-weight: 400;
  font-size: 11px;
  font-style: initial;
  padding: 5px 8px !important;
}
html .din-ui .custom-control {
  padding-left: 1.9rem;
}
html .din-ui .din-ui-actions a {
  border-radius: 200rem;
  width: 32px;
  text-align: center;
  padding: 3px;
  transition: all ease-in-out 200ms;
  display: inline-block;
}
html .din-ui thead {
  border-collapse: collapse;
}
html .din-ui thead tr th {
  border: 0 !important;
  background-color: transparent !important;
  transition: all ease-in-out 200ms;
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  vertical-align: middle;
}
html .din-ui thead tr th:last-child {
  border-left: 0 !important;
}
html .din-ui thead tr th .custom-checkbox.mr-18 {
  margin-right: 18px;
}
html .din-ui thead tr th .custom-checkbox .custom-control-label::before {
  border-radius: 3px;
  border: 1px solid;
}
html .din-ui thead tr th .custom-checkbox .custom-control-label::after {
  border: 0;
  border-radius: 3px;
}
html .din-ui thead tr th:hover {
  filter: brightness(90%);
}
html .din-ui tbody::before {
  content: "";
  display: block;
  height: 20px;
}
html .din-ui tbody::after {
  content: "";
  display: block;
  height: 10px;
}
html .din-ui tbody tr.horizontal-item-scroll td {
  padding-right: 30px;
}
html .din-ui tbody tr {
  transition: all ease-in-out 200ms;
  font-size: 0.9rem;
}
html .din-ui tbody tr td {
  font-size: 0.8rem;
  font-weight: 400;
  border: 0;
  background: #ffffff;
  vertical-align: middle;
  padding: 0.5rem 0.5rem;
}
html .din-ui tbody tr td:first-child {
  border-left: 0;
  border-right: 0 !important;
}
html .din-ui tbody tr td .custom-checkbox.mr-18 {
  margin-right: 18px;
}
html .din-ui tbody tr td .custom-checkbox .custom-control-label::before {
  border-radius: 3px;
  border: 1px solid;
}
html .din-ui tbody tr td .custom-checkbox .custom-control-label::after {
  border: 0;
}
html .din-ui tbody tr td .machine-info-btn {
  color: #b7b7b7;
  transition: all ease-in-out 200ms;
  position: absolute;
  right: 7px;
}
html .din-ui tbody tr td .machine-info-btn:hover, html .din-ui tbody tr td .machine-info-btn:active, html .din-ui tbody tr td .machine-info-btn:focus {
  color: var(--primary-color);
}
html .din-ui tfoot {
  border-collapse: collapse;
  background: var(--primary-color);
  color: #FFFFFF;
}
html .din-ui tfoot tr th {
  border: 0 !important;
  transition: all ease-in-out 200ms;
  font-size: 0.8rem;
  font-weight: 400;
  letter-spacing: 0.02rem;
  vertical-align: middle;
  background: transparent;
}
html #dt_vm_listing tbody tr td:nth-child(4), html #dt_vm_listing tbody tr td:nth-child(5), html #dt_vm_listing tbody tr td:nth-child(6) {
  padding: 0.75rem;
}
html #dt_vm_listing tbody tr td .vm-name-container .custom-box .card {
  white-space: break-spaces;
}
html .dataTables_info {
  font-size: 0.9rem;
}
html .btn-second {
  white-space: nowrap;
}
html .paginate_button a.page-link {
  background: transparent;
  font-size: 0.8rem;
}
html .dataTables_paginate {
  font-size: 0.9rem;
  color: #b7b7b7 !important;
}
html .dataTables_filter {
  font-size: 0.9rem;
  color: #b7b7b7 !important;
}
html #toolbar {
  font-size: 0.9rem;
  color: #b7b7b7 !important;
  position: relative;
}
html .dataTables_length {
  font-size: 0.9rem;
  color: #b7b7b7 !important;
}
html .dataTables_length label select {
  width: 70px;
}
html .search .dataTables_filter label input {
  width: 140px;
}
html .dataTables_wrapper > .row:first-child {
  justify-content: space-around;
}
html .dataTables_wrapper > .row > * {
  width: auto;
}
html .dataTables_wrapper .h_scroll .scrollbar-track.scrollbar-track-x {
  opacity: 0.4;
  margin-bottom: 25px;
  position: relative;
  display: block !important;
}
html .dataTables_wrapper .v_scroll .scrollbar-track.scrollbar-track-y {
  opacity: 0.4;
  position: relative;
  display: block !important;
}
html .dataTables_wrapper .flex-basis-length {
  flex-basis: calc(100% - 420px);
}
html .dataTables_wrapper .flex-basis-length.btn-length {
  flex-basis: auto;
}
html .dataTables_wrapper .flex-basis-filter {
  flex-basis: 170px;
}
html .dataTables_wrapper .flex-basis-filter .dt-buttons .btn {
  margin-bottom: 0 !important;
}
html .dataTables_wrapper .flex-basis-search {
  flex-basis: 150px;
}
html {
  /*================= din UI Table end ===============*/
  /*======================= Login Left Bar Animation ========================*/
}
html .bg-login {
  background: linear-gradient(-45deg, var(--primary-color), #135FA4);
  background-size: 400% 400%;
  animation: gradient 15s ease infinite;
}
@keyframes gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}
html {
  /* resend button ============================================== */
}
html #resend_token_id {
  color: var(--secondary-color);
}
html #resend_token_id:hover {
  color: var(--secondary-color-Vibrant-Orange);
}
html {
  /*======================= Login Left Bar Animation ========================*/
  /*======================= Responsive Change start ========================*/
}
@media (max-width: 350px) {
  html #notification-sidebar {
    width: 350px;
  }
}
@media (min-width: 320px) and (max-width: 478px) {
  html .ip-net1 {
    flex-flow: column-reverse;
    align-items: center;
  }
  html .ip-net1 .media-body {
    border: 0 !important;
  }
  html .ip-net1 .media-body .card-title {
    font-size: 12px;
    text-transform: uppercase;
    color: #6C757D;
    letter-spacing: normal;
    font-weight: 400 !important;
    line-height: 24px;
  }
  html form label {
    letter-spacing: normal;
    font-size: 1rem;
    text-transform: capitalize;
  }
  html form .price_body tr td {
    line-height: normal;
  }
  html .full-page-container .det-top-title b {
    font-size: 1rem !important;
  }
  html .activity-list-container.vm_detail_log .activity_log_content {
    max-width: calc(100% - 60px) !important;
  }
  html .activity-list-container.vm_detail_log .activity_log_content .log_action {
    min-width: 250px !important;
  }
  html .activity-list-container.vm_detail_log .activity_log_content .log_user {
    flex: 1 0 50% !important;
    min-width: 250px !important;
    text-align: left;
  }
  html .activity-list-container .activity_log_container {
    max-width: 325px !important;
  }
  html .activity-list-container .activity_log_container .activity_log_content {
    max-width: calc(100% - 60px);
  }
  html .activity-list-container .activity_log_container .activity_log_content .log_action, html .activity-list-container .activity_log_container .activity_log_content .log_user {
    padding-right: 0;
    white-space: normal;
  }
  html .activity-list-container .activity_log_container > small {
    padding-right: 5px;
  }
  html .activity-list-container .row div:nth-child(2) {
    max-width: 170px;
    padding-left: 0;
  }
  html .activity-list-container .row div:last-child {
    max-width: 140px;
    padding-left: 0;
  }
  html .activity-list-container img {
    display: none;
  }
  html .actions-label span {
    display: none;
  }
  html .disk-content-holder img {
    height: 25px;
  }
  html .task-content-holder img {
    display: none;
  }
  html .task-content-holder img .height-auto {
    display: block;
  }
  html .task-content-holder .task-detail {
    margin-left: 0;
  }
  html .task-content-holder .task-detail small {
    text-align: left;
  }
  html .alert-mail small {
    text-transform: inherit !important;
    margin-top: 10px;
  }
  html .alert-mail small img {
    display: inline-block;
  }
  html .task-footer .due-date small {
    text-align: left;
  }
}
@media (min-width: 320px) and (max-width: 767px) {
  html div.dt-buttons {
    width: auto !important;
  }
  html .main-content .wizard > .steps > ul {
    display: flex;
    justify-content: center;
  }
  html .main-content .wizard.wizard-circle > .steps > ul > li.last::after {
    background: transparent;
  }
  html div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    justify-content: center;
  }
  html div.dataTables_wrapper div.dataTables_paginate ul.pagination .paginate_button a {
    font-size: 0.9rem;
  }
  html div.dataTables_wrapper div.dataTables_paginate ul.pagination .paginate_button a.page-link {
    background: transparent;
  }
  html .add-access-profile-modal .pl-5 {
    padding-left: 2rem !important;
  }
  html .add-access-profile-modal .pr-5 {
    padding-right: 2rem !important;
  }
  html .main-content .wizard > .steps > ul > li {
    width: 25%;
  }
  html .nav-left-tabs .nav-left .nav-item a.active::before {
    content: "";
  }
  html .wizard .actions ul {
    float: none !important;
    display: flex;
    flex-direction: column-reverse;
  }
  html .wizard .actions ul li {
    width: 100%;
    margin: 0 !important;
    float: none !important;
  }
  html .wizard .actions ul li a {
    text-align: center;
  }
  html .wizard .actions ul li a[href="#previous"] {
    margin-top: 10px;
  }
  html .scratch_box {
    flex-flow: column-reverse wrap;
  }
  html .scratch_box .s_box_1 button {
    width: 100%;
  }
  html {
    /*--------Detail page start---------*/
  }
  html .full-page-container {
    margin-top: 65px !important;
  }
  html .full-page-container .main-content {
    padding: 0 !important;
  }
  html .full-page-container .main-content .my-scrollbar .bg-det-top div:first-child {
    padding-right: 0.5rem !important;
    font-size: 1rem !important;
  }
  html .full-page-container .main-content .my-scrollbar .actions_detail_operation {
    height: 48px;
    padding: 0;
  }
  html .full-page-container .main-content .my-scrollbar .actions_detail_operation .vm-ui-actions {
    padding: 0 !important;
  }
  html .full-page-container .main-content .my-scrollbar .actions_detail_operation .vm-ui-actions .actions-dropdown {
    width: 100%;
    padding: 0.5rem 1rem !important;
  }
  html .full-page-container .main-content .my-scrollbar .nav-left-tabs .nav-tabs {
    height: auto;
    display: flex;
    flex-direction: row !important;
  }
  html .full-page-container .main-content .my-scrollbar .nav-left-tabs .nav-tabs .nav-item {
    flex: auto;
  }
  html .full-page-container .main-content .my-scrollbar .nav-left-tabs .nav-tabs .nav-item .nav-link {
    justify-content: center;
    padding: 0.8rem;
    min-width: auto;
  }
  html .full-page-container .main-content .my-scrollbar .nav-left-tabs .nav-tabs .nav-item .nav-link span {
    display: none;
  }
  html .full-page-container .main-content .my-scrollbar .nav-left-tabs .right-cont-height {
    padding: 0 2rem !important;
  }
  html .full-page-container .main-content .my-scrollbar .bg-det-content .stats-tab .tab-pane {
    padding: 0 !important;
  }
  html .full-page-container .main-content .my-scrollbar .bg-det-content .tab-pane {
    padding: 1rem 1.8rem !important;
  }
  html .full-page-container .main-content .my-scrollbar .task-footer .due-date small span {
    display: none;
  }
  html .wrapper.nav-collapsed .navbar .navbar-header {
    padding-left: 0;
  }
  html {
    /*--------Detail page end---------*/
  }
  html #vm-templates .template-container .col-sm-8, html #bundles .template-container .col-sm-8, html #linked-templates .template-container .col-sm-8 {
    max-width: 500px;
    margin: 0 auto;
  }
  html .profile-img, html .profile-content {
    justify-content: center;
    display: inline-flex;
  }
  html .profile-content ul {
    padding-left: 0;
    border-top: 1px solid #DEE2E6;
    border-left: 0 !important;
    width: 245px;
    padding-top: 2rem !important;
    margin-top: 2rem;
  }
  html .announce-title {
    letter-spacing: 0.4rem;
    font-size: 0.8rem;
  }
  html #notification-sidebar {
    width: calc(100vw - 0px) !important;
    height: calc(100vh - 147px) !important;
    top: 70px;
    right: -800px;
  }
}
html {
  /*======================= Next Gen Changes start ========================*/
}
html .next-gen-apps-list {
  display: flex;
  align-items: center;
  gap: 10px;
}
html .next-gen-even-badge {
  background-color: var(--app-bg-even) !important;
  color: var(--app-badge-color) !important;
}
html .next-gen-odd-badge {
  background-color: var(--app-bg-odd) !important;
  color: var(--app-badge-color) !important;
}
html .next-gen-app {
  display: flex;
  padding: 6px 8px;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  border-radius: 3px;
  color: #6B7280;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
html .next-gen-apps-view-all-btn {
  color: var(--primary-color);
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  cursor: pointer;
}
html .main-container {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
}
html .list-container {
  display: flex;
  height: 78vh;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  width: 50%;
  background: var(--list-bg);
}
html .view-apps-list-container {
  display: flex;
  height: 78vh;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  flex: 1 0 0;
  background: var(--list-bg);
  overflow-y: auto;
}
html .list-header {
  display: flex;
  padding: 10px 16px;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-bottom: 1px solid var(--border);
  min-height: 36.15px;
}
html .app-heading {
  color: #3E4B5E;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 21px; /* 175% */
}
html .app-list-search {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 8px;
  border: 1px solid #E1E1E1;
  background: #FFF;
}
html .content-list {
  display: flex;
  padding: 0 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  align-self: stretch;
  list-style: none;
  height: 90%;
  overflow-y: auto;
}
html .apps {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
html .list-search-container {
  display: flex;
  padding: 0 16px;
  align-items: center;
  gap: 16px;
  align-self: stretch;
}
html .remove-all-btn {
  color: var(--primary-color);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  margin: 0;
  cursor: pointer;
}
html .block-data {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  height: 27.2px;
  margin: 0;
}
html .list-search-container {
  width: 100%;
  padding: 0 16px;
}
html .data-remove-btn {
  background: #e96565;
  padding: 2px;
  border-radius: 100px;
  color: white;
  cursor: pointer;
}
html .url-action-section {
  display: flex;
  padding: 8px 48px;
  justify-content: space-between;
  align-items: center;
  background: var(--list-header-bg);
  margin-bottom: 0;
  position: fixed;
  z-index: 1;
  width: 100%;
  width: -webkit-fill-available; /* Chrome, Safari, Edge */
  width: -moz-available;
}
html .select-action {
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  align-self: stretch;
  border: 1px solid #E1E1E1;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  width: 100%;
  max-width: 200px;
}
html .overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 78%;
  cursor: not-allowed;
  background: transparent; /* Keep it invisible */
  z-index: 9999; /* Higher than anything behind */
  pointer-events: auto; /* This blocks clicks behind it */
}
html .content-list-wrapper {
  height: 100% !important;
  margin: 12px 0px;
}
html .bottom-url {
  position: sticky;
  bottom: 0;
  z-index: 5;
  justify-content: center;
  align-items: center;
}
html .list-header {
  overflow: hidden;
}
html .tab-inner {
  height: 100%;
}
html .content-list {
  list-style: none;
  margin: 0;
}
html .view-list {
  list-style: none;
}
html {
  /* Sticky bottom input for Tab 2 */
}
html .bottom-url {
  position: sticky;
  bottom: 0;
  z-index: 5;
  display: flex;
  gap: 8px;
}
html .cat-url-tag {
  color: #999DA2;
  font-size: 10px;
  font-style: italic;
  font-weight: 400;
  line-height: 21px;
}
html {
  /*======================= Next Gen Change end ========================*/
}
@media (max-width: 575px) {
  html .machine-info-btn {
    position: absolute;
    right: 7px;
    top: 10px;
  }
  html .bulk-actions .nav-items .nav-links-container .nav-links.nav-links-is-active {
    transform: translateY(88px);
  }
  html .bulk-actions .nav-items .nav-links-container .nav-links.nav-links-is-active .btn-outline-primary {
    border: 0;
    border-radius: 0;
  }
  html div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    transform: scale(0.8);
  }
  html .vm-name-container .name-label-container {
    margin-left: 0.5rem;
  }
  html .vm-name-container .width-365 {
    width: 320px;
  }
  html .vm-name-container .name-label-container span label {
    min-width: 188px !important;
  }
  html .vm-label-edit .parent-label {
    left: 0;
    width: calc(100% + 78px);
    margin-left: -35%;
    top: 0;
  }
  html .vm-label-edit .parent-label input {
    padding-left: 0.85rem;
  }
  html .vm-label-edit .parent-label .with-icon {
    display: none;
  }
  html .hmain-modal.modal.show .modal-dialog, html .cmain-modal.modal.show .modal-dialog, html .smain-modal.modal.show .modal-dialog {
    margin: 0 !important;
  }
  html .qmain-modal.modal.show .modal-dialog {
    margin: 0 !important;
  }
  html .sliders_core .slider_container .range-slider {
    flex-basis: 65% !important;
  }
  html .sliders_core .slider_container .extra-controls {
    flex-basis: 35% !important;
  }
}
@media (max-width: 490px) {
  html .hmain-modal .modal-dialog .modal-content .modal-body {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  html .hmain-modal .modal-dialog .modal-content .modal-body .container-fluid {
    padding-right: 0;
  }
  html .pad_less {
    padding: 0 5px;
  }
  html .dataTables_wrapper {
    padding: 0;
  }
  html .flex-basis-filter {
    margin-bottom: 10px;
  }
  html .flex-basis-length, html .flex-basis-filter {
    flex-basis: 100% !important;
    text-align: center;
  }
  html .dataTables_length {
    width: 100%;
  }
  html .flex-basis-search {
    width: 100%;
  }
}
@media (max-width: 455px) {
  html #dt_vm_listing {
    display: grid;
  }
  html .vm-specs-container {
    padding: 0;
  }
  html .vm-specs-container .min-width-100 {
    min-width: 80px;
  }
  html .vm-specs-container > div {
    padding: 0 !important;
  }
  html .sliders_core .slider_container .range-slider {
    flex-basis: 100% !important;
  }
  html .sliders_core .slider_container .extra-controls {
    flex-basis: 50% !important;
  }
  html .opt-select {
    width: 100%;
    height: 70px;
  }
  html .opt-select input:checked ~ label:after {
    background-size: 3rem;
    background-position: 3px 4px;
  }
  html .opt-select label {
    height: 80px;
    text-align: left !important;
  }
  html .opt-select label:after {
    top: 50%;
    right: 10px !important;
    height: 42px !important;
    width: 42px !important;
  }
  html .opt-select label span {
    margin-top: 0 !important;
    font-size: 1.3rem;
    padding: 16px 120px !important;
  }
  html .opt-select i {
    text-align: left !important;
    padding-left: 50px !important;
  }
}
@media (min-width: 320px) and (max-width: 991.98px) {
  html .search_box_container {
    background: transparent !important;
  }
  html .search_box_container.gradient-primary {
    background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(0, 135, 201, 0.15)) !important;
  }
  html .config-wizard fieldset .form-group label {
    text-align: left;
    display: block;
  }
  html .full-page-container {
    margin-top: 65px !important;
  }
  html .full-page-container .main-content {
    padding: 0 !important;
  }
  html .cmain-modal {
    margin-left: 0;
  }
  html .hmain-modal {
    margin-left: 0;
  }
  html .hmain-modal .modal-dialog .modal-content .modal-body {
    padding-right: 4.5rem;
  }
  html .hmain-modal .modal-dialog .modal-content .modal-body iframe .modal-body {
    background: red;
  }
  html .help-dropdown, html .location-dropdown {
    margin-top: 15px !important;
  }
  html .ad_prod {
    top: -50px;
  }
  html .ad_prod .add-btn {
    width: 85px;
    height: 85px;
    margin: 0 !important;
    padding: 0;
    border-radius: 100px;
    border: 5px solid white;
  }
  html .ad_prod .add-btn i {
    font-size: 1.5rem;
    margin-top: 25px !important;
    display: block;
  }
  html .notification-sidebar .nav-tabs {
    width: calc(100% - 25px);
  }
  html #notification-sidebar {
    height: calc(100vh - 136px) !important;
    top: 66px;
    margin-top: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  }
  html .modal-scrollbar {
    width: 100%;
    max-height: calc(100vh - 25px);
    overflow: auto;
    position: absolute;
  }
  html #notification-sidebar.open {
    right: 0;
  }
  html .profile {
    width: auto !important;
  }
  html .profile i {
    width: 100%;
    max-width: 100%;
    height: auto;
    border: 0;
    border-radius: 1000px;
    line-height: normal;
  }
  html .app-sidebar.hide-sidebar, html .off-canvas-sidebar.hide-sidebar {
    left: -45px;
  }
  html .my-scrollbar {
    max-height: calc(100vh - 135px);
  }
  html .main-panel {
    margin-top: 65px;
  }
  html .navbar-header {
    position: relative;
  }
  html .navbar-header .navbar-container {
    position: absolute;
    right: 0;
    width: auto;
    margin: 5px 0;
  }
  html .navbar-header .nav-bottom .notification-dropdown {
    right: 0;
    left: -96px;
    top: -358px !important;
    width: 350px !important;
    box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
    -webkit-box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
  }
  html .navbar-header .nav-bottom .help-dropdown {
    right: 0;
    left: -210px;
    top: -243px !important;
    width: 350px !important;
    box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
    -webkit-box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
  }
  html .navbar-header .nav-bottom .profile-dropdown {
    right: 0;
    left: -154px;
    top: -292px !important;
    width: 350px !important;
    box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
    -webkit-box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
  }
  html .navbar-header .nav-bottom .location-dropdown {
    right: 0;
    left: -154px;
    top: -292px !important;
    width: 350px !important;
    box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
    -webkit-box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
  }
  html .nav-bottom .notification-dropdown {
    right: 0;
    left: -80px;
    margin: -16px;
    margin-top: -86px;
    top: 0;
    width: 350px !important;
    box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
    -webkit-box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
  }
  html .nav-bottom .help-dropdown {
    right: 0;
    left: -210px;
    margin: -16px;
    margin-top: -235px;
    top: 0;
    width: 350px !important;
    box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
    -webkit-box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
  }
  html .nav-bottom .profile-dropdown {
    right: 0;
    left: 0;
    margin: 0;
    top: calc(100% - 413px);
    bottom: 70px;
    box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
    width: 100% !important;
    position: fixed !important;
  }
  html .nav-bottom .notification-dropdown {
    top: calc(100% - 142px);
    bottom: 70px;
    box-shadow: 0px -20px 20px 2px rgba(64, 70, 74, 0.25) !important;
    width: 100% !important;
    position: fixed !important;
    right: 0;
    left: 0;
    margin: 0;
  }
  html .nav-bottom .navbar-nav {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
  }
}
html .cd-rom-tble {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
html .cd-rom-header {
  display: flex;
  height: 56.8px;
  padding: 0 16px;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  border-bottom: 0.8px solid #E5E7EB;
}
html .cd-rom-tble {
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.35s ease, opacity 0.25s ease;
  opacity: 0;
}
html .cd-rom-tble.open {
  opacity: 1;
}
html {
  /* Chevron animation */
}
html #accordion i {
  transition: transform 0.3s ease;
}
html #accordion.active i {
  transform: rotate(90deg); /* right → down */
}
html #accordion {
  cursor: pointer;
}
html .add-cd-rom-section {
  display: flex;
  align-items: center;
  gap: 12px;
}
html .cd-rom-row {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
html .cd-rom-name-section {
  display: flex;
  align-items: center;
  gap: 16px;
}
html .cd-rom-name {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
}
html .cd-rom-type {
  color: #70747D;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
}
@media (min-width: 555px) {
  html .bulk-actions .nav-items .nav-controller-container .nav-controller {
    display: none;
  }
  html .bulk-actions .nav-items .nav-links-container .nav-links {
    display: flex;
    position: relative;
    transform: none;
    z-index: 1;
  }
}
@media (max-width: 575px) {
  html #divToToggle .form-actions {
    flex-flow: column-reverse !important;
  }
  html #divToToggle .form-actions button {
    margin-bottom: 1rem !important;
  }
  html #divToToggle .form-actions button:first-child {
    margin-bottom: 0 !important;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  html #resource .nav-left-tabs .nav-tabs {
    height: auto;
    display: flex;
    flex-direction: row !important;
  }
  html #resource .nav-left-tabs .nav-tabs .nav-item {
    flex: auto;
  }
  html #resource .nav-left-tabs .nav-tabs .nav-item .nav-link {
    justify-content: center;
    padding: 0.8rem;
    min-width: auto;
  }
  html #resource .nav-left-tabs .nav-tabs .nav-item .nav-link span {
    display: block;
  }
  html #resource .nav-left-tabs .right-cont-height {
    height: calc(100vh - 253px);
  }
}
@media (max-width: 700px) {
  html .ip-net {
    flex-flow: column wrap;
    align-items: center;
  }
  html .ip-net .media-body {
    text-align: center;
    border: 0 !important;
    margin-bottom: 1rem;
  }
  html .ip-net > div {
    border: 0 !important;
  }
}
@media (max-width: 991px) {
  html .hmain-modal.modal.show .modal-dialog, html .cmain-modal.modal.show .modal-dialog {
    max-width: 800px;
  }
  html .dropdown .help-dropdown {
    margin-top: 11px !important;
  }
}
@media (max-width: 1145px) {
  html #mng-template-table {
    overflow: auto;
    width: 100%;
    position: relative;
  }
}
@media (min-width: 992px) and (max-width: 1400px) {
  html .profile-img, html .profile-content {
    max-width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1160px) {
  html .bulk-actions .nav-items .nav-links-container .nav-links li .link-tab span {
    display: none;
  }
}
@media (min-width: 555px) and (max-width: 887px) {
  html .bulk-actions .nav-items .nav-links-container .nav-links li .link-tab span {
    display: none;
  }
}
@media (min-width: 1200px) {
  html #vm-templates .template-container .col-xl-3, html #bundles .template-container .col-xl-3, html #linked-templates .template-container .col-xl-3 {
    min-width: 370px;
  }
}
@media (min-width: 554px) and (max-width: 1220px) {
  html .bulk-actions .nav-items .nav-links-container .nav-links li .link-tab span {
    display: none;
  }
}
@media (min-width: 1200px) and (max-width: 1440px) {
  html .sidebar-lg .main-panel .main-content {
    padding-left: 255px;
  }
  html .sidebar-lg .app-sidebar {
    width: 255px;
  }
  html .ws-1 {
    display: none;
  }
  html .ws-2 {
    display: block;
  }
  html .box-white i {
    display: none;
  }
}
@media (min-width: 540px) and (max-width: 1300px) {
  html .dataTables_filter {
    margin-bottom: 10px;
  }
}
@media (max-width: 1510px) {
  html .flex-container-box .flex-item {
    width: 100%;
  }
  html .flex-container-box .flex-item .card {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}
@media (min-width: 1441px) and (max-width: 1626px) {
  html .hide_content {
    display: none;
  }
}

/*======================= Responsive Change end ========================*/

/*# sourceMappingURL=style.min.css.map */