@dev-tcloud/tcloud-ui 4.0.0 → 4.1.0

package/scss/tcloud/prime/tcloud-prime.scss

@@ -0,0 +1,3872 @@
+@import '../tcloud-ui.scss';
+
+
+// '#293846'
+
+// '#293846'
+
+$i: '!important';
+
+// =========================================================
+// T-Cloud Prime theme v.01
+// =========================================================
+
+body.tc-prime {
+  font-family: 'Lato', sans-serif;
+  font-size: 12px;
+  color: var(--black);
+
+}
+
+// ===============================================
+// Styles
+// ===============================================
+
+.tc-prime {
+
+  //===================================
+  // Colors
+  //===================================
+
+  background: var(--black); // body and menu background
+
+  //==========================================================
+    // Prime Objects Colors
+  //==========================================================
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  .card-shadow-tit,
+  .card
+  {
+    color: var(--black) !important;
+  }
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6
+  {
+    font-weight: 500 !important;
+  }
+
+  h1 {
+    font-size: 20px !important;
+    text-transform: uppercase;
+  }
+
+  h2 {
+    font-size: 18px !important;
+  }
+
+  h3 {
+    font-size: 16px !important;
+  }
+
+  h4 {
+    font-size: 14px !important;
+  }
+
+  .dropdown-item .favorito.active,
+  .show-select h2,
+  .show-select-wrap.text p strong,
+  .nav.navbar-top-links .fa-tasks,
+  .nav.navbar-top-links > li > a.opened,
+  .nav.navbar-top-links > li > a :hover,
+  .nav.navbar-top-links > li > a :focus,
+  .tmu-color,
+  .btn-icon.dropdown-toggle.count-info.tmu-color.assist-token-dropdown,
+  .nav-tabs .nav-item.show .nav-link,
+  .text-link,
+  ._404,
+  .icon-status.far.fa-check-circle,
+  .store-offer p strong,
+  .consume-header.status.success .info-list-item.consume strong,
+  .consume-header.status.success .info-list-item.consume span,
+  .offer,
+  .product-info .product-info-name,
+  .product-info i,
+  .accordion-wrap .percent,
+  .iaas-start-page .title,
+  .container-page-iaas .title-wrap,
+  .container-body .content-header .container-titles .title,
+  .container-item .container-options .icon-default,
+  .container-content .checkout-content .resume-header .environment-data .title,
+  .container-content .checkout-content .resume-header .network-data .title,
+  .container-content .checkout-content .resume-header .environment-data .content .icon,
+  .container-content .checkout-content .resume-header .network-data .content .icon,
+  .virtual-machine-content .vm-header__expand-btn.active,
+  .container-content .checkout-footer .plan-options .plan-option .total-price,
+  .container-content .checkout-content .resume-env .resume-env-header .offer-title,
+  .virtual-machine-content .vm-header__expand-btn.active .icon,
+  .order-confirmation-modal .order-confirmation-body .machine-quantity,
+  .select-bucket-page .select-bucket-page-wrap .select-bucket-page-box .select-bucket-page-box-icon i,
+  .select-bucket-page .select-bucket-page-header .select-bucket-page-header-title,
+  .select-bucket-page .select-bucket-page-header i,
+  .container-body .container-titles .title,
+  .title-image p,
+  .container-card-topology .container-body .topology-id:hover,
+  .container-all-list .container-list-vms .container-header .title,
+  .container-refresh,
+  .icon-edit,
+  .icon-save,
+  .icon-remove,
+  .monitor-dashboard-container .monitor-container .title,
+  .container-row .item-row .fa-edit,
+  .container-item .item-col .icon-default,
+  .iaas-help-content .help-content-card-tit,
+  .help-iam-label:before,
+  .help-iam-ask-collapse-link.collapsed .help-iam-label:hover,
+  .label-grid,
+  .area-title,
+  .icon-toggle,
+  .contract_admin_edit .fa-save,
+  .tc-accordion-actions .fa-chevron-down,
+  .tc-table .fa-save,
+  .fa-save,
+  .to-active,
+  .grid-template-columns .icon-arrow-order,
+  .news-edit a,
+  .news-edit .fa-edit:hover,
+  .input-group-append .btn,
+  .btn-accordion,
+  .list-card .card-label strong.success,
+  .iaas-start-page .content-helpme p a,
+  .progress-wrap-text .active,
+  .tab-subtitle-active,
+  .tc-prime-more-info-link,
+  .list-card .card-num,
+  .grid-content .grid-item.item5.action-area .icon-button:hover.edit,
+  .rowBox label.badget,
+  .country-item i,
+  .know-the-rules-wrap .primary,
+  .text-navy,
+  .country-select-link.btn-active,
+  .vpn-list-box .vpn-box .vpn-name-box .vpn-name
+  {
+    @include prime-color;
+  }
+
+
+
+  .admin-fullname-wrap i,
+  .admin-email-wrap i
+  {
+    color: var(--tc-gray-100) !important;
+  }
+
+
+  //==========================================================
+  // Prime Objects Background Colors
+  //==========================================================
+
+  .bullets-container .bullets.active,
+  .background-hover-critical:hover,
+  .nav-tabs .nav-link.active,
+  .nav-tabs .nav-item.show .nav-link,
+  .nav-tabs .nav-link:not(.active):focus,
+  .nav-tabs .nav-link:not(.active):hover,
+  .topnav ul li.active,
+  .topnav ul li:hover,
+  .contrato-card-header,
+  .container-box-dialog .container-header,
+  .container-box-dialog .container-body .container-step .progress-bar-line .line-values,
+  .container-body .content-header .container-count-wizard .container-item.active,
+  .container-body .content-header .container-count-wizard .container-item.completed,
+  .container-body .content-header .container-count-wizard .container-line.completed,
+  .container-new,
+  .container-content .checkout-content .resume-env .resume-env-header .offer-controls .offer-button.active,
+
+  .virtual-machine-content .vm-flavor__cpu,
+  .virtual-machine-content .vm-flavor__ram,
+  .virtual-machine-content .vm-so-disk__size,
+
+  .virtual-machine-content .vm-disk__size,
+  .virtual-machine-content .vm-disk__iops,
+  .virtual-machine-content .vm-disk-backup__status,
+
+  .order-confirmation-modal .order-confirmation-header,
+  .container-options .tc-btn-primary:disabled,
+  .container-all-list .container-tag-slide.close-list-vm,
+  .container-all-list .container-list-vms .container-filter .container-add-vm,
+  .control-button.refresh.running,
+
+  .container-page .container-menu .item:hover,
+  .container-page .container-menu .item.active,
+  .ngx-pagination a:hover,
+  .ngx-pagination button:hover,
+  .title-product.valid,
+  .navy-bg:hover,
+  .instanceBox.active,
+  .navy-bg:hover,
+  .navy-bg.active,
+  .navy-bg.opened,
+  .tc-communication-message .buttons.confirm,
+  .container-tabs-optins .container-item:hover,
+  .container-tabs-optins .container-item.active,
+  .rules-helper-wrapper .close-helper-button,
+  .rules-helper-wrapper .rules .rule .content .step,
+  .rules-helper-wrapper .rules .illustration .example-tag,
+  .box-group-input .area-action button
+  {
+    @include prime-bgc;
+  }
+
+  //==========================================================
+  // Prime Objects Background
+  //==========================================================
+
+  .tc-mode-info,
+  .ngx-pagination .current,
+  .grid:hover:after,
+  .inmodal .modal-header,
+  .card-header-content .btn-cadastrar,
+  .button-card.active,
+  .container-content .container-body .container-item .container-list-tags .container-tag,
+  .form-fieldset .v-true,
+  .progress-wrap .progress-wrap-bar .percent,
+  .numb-order,
+  .grid .grid-content.active:after
+  {
+    @include prime-bg;
+  }
+
+
+  .boxFastAccess .msg-wrap,
+  #prime-quick-access .text-success
+  {
+    @include prime-bg-50;
+  }
+
+  
+
+  //==========================================================
+  // Prime Objects border Colors
+  //==========================================================
+
+  .topnav ul li.active,
+  .topnav ul li:hover,
+  .tss-contract:before,
+  .product-content,
+  .store-offer,
+  .store-offer i,
+  .container-row .input-row-setting-auth-item:focus,
+  .container-header .item-option:hover,
+  .container-header .item-option.active,
+
+  .nav-tabs .nav-link.active,
+  .nav-tabs .nav-item.show .nav-link,
+  #prod-prime .badge-success,
+  #prod-prime .label-success
+  {
+    @include prime-bdr;
+  }
+
+  .card-content h2:before {
+    @include prime-bdr-50;
+  }
+
+  //==========================================================
+  // Layout
+  //==========================================================
+
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6,
+  p
+  {
+    line-height: initial;
+    margin: 0 ;
+    padding: 0 ;
+  }
+
+  .gray-bg,
+  .bg-muted {
+    background-color: var(--white);
+  }
+
+  .wrap-main {
+    padding: 0;
+  }
+
+  .tc-notification,
+  .btn-msg {
+    border-radius: 7px !important;
+  }
+
+  .card {
+    box-shadow: none !important;
+    
+    &.card.shadow {
+      box-shadow: none !important;
+    }
+  }
+
+  .label-info,
+  .badge-info {
+    @include prime-bg;
+  }
+
+  .help-docs {
+    @include prime-color;
+
+    a {
+      @include prime-color;
+    }
+  }
+
+  .topnav {
+
+    li {
+      font-weight: normal !important;
+      font-size: 12px !important;
+      border-radius: 4px 4px 0 0 !important;
+    }
+  }
+
+  .card {
+    background: none !important;
+  }
+
+
+
+  .nav-tabs {
+
+    .nav-link {
+      font-weight: normal !important;
+
+      &.active,
+      &.hover {
+        color: var(--white) !important;
+      }
+
+      i {
+        margin-right: 5px;
+      }
+
+    }
+  }
+
+  .nav-tabs > li > a {
+    color: var(--black) !important;
+  }
+
+  .nav-tabs > li > a:hover,
+  .nav-tabs > li > a:focus {
+    color: var(--white) !important;
+  }
+
+
+  .ibox-title {
+    padding: 0 !important;
+    border-radius: 0 !important;
+    margin-bottom: 20px !important;
+  }
+
+  .green {
+    @include prime-color;
+  }
+
+
+  .ibox-content {
+
+    &.container-bg-dark {
+      background-color: transparent !important;
+
+      label {
+        color: var(--black) !important;
+      }
+    }
+
+  }
+
+  //============================
+  // Spacing
+  //============================
+
+  .prime-mb-1 {
+    margin-bottom: 10px;  
+  }
+
+  .prime-mb-2 {
+    margin-bottom: 20px;  
+  }
+  
+  .prime-mb-3 {
+    margin-bottom: 30px;  
+  }
+
+
+  //============================
+  // Toast Msg
+  //============================
+
+  .toast {
+    background-color: #6B48FF;
+  }
+
+  .toast-success {
+
+    background-color: #6B48FF;
+  }
+
+  .toast-error {
+    background-color: #ed5565;
+  }
+
+  .toast-info {
+    background-color: #23c6c8;
+  }
+
+  .toast-warning {
+    background-color: #f8ac59;
+  }
+
+  //============================
+  // OLD MODAL Plugin
+  //============================
+
+  .inmodal {
+
+    .modal-title {
+      color: var(--white) !important;
+    }
+
+    .modal-header {
+
+      border-radius: 10px 10px 0 0;
+    }
+  }
+
+  .modal-content {
+    border-radius: 10px;
+  }
+
+  button.close,
+  .close:not(:disabled):not(.disabled) {
+    color: var(--white) !important;
+    opacity: 1 !important;
+  }
+
+
+  //============================
+  // Feedback modal
+  //============================
+
+  .feedback-title {
+    font-size: 20px;
+    margin: 0 0 20px 0 ;
+  }
+
+  .feedback-img {
+    width: 250px;
+  }
+
+
+
+  .btnContainer {
+
+    .chamada {
+      background-color: var(--black) !important;
+    }
+
+    .remove-feedback {
+      background-color: var(--tc-gray-100) !important;
+      color: var(--white) !important;
+    }
+  }
+
+  .inmodal .modal-header:before,
+  .inmodal .modal-header:after
+  {
+    display: none;
+  }
+
+  .container-box-dialog {
+
+    .container-body {
+      padding: 20px !important;
+
+      .container-step {
+
+        .progress-bar-line {
+            margin: 15px 0 !important;
+            background: var(--tc-gray-50) !important;
+            border: none !important;
+          }
+        }
+
+        .progress-bar-line,
+        .line-values,
+        .line-values.line-position-1
+         {
+          height: 10px !important;
+        }
+    }
+
+		.container-header {
+
+      .title,
+      .sub-title  {
+        color: var(--white) !important;
+        font-weight: normal !important;
+      }
+
+		}
+
+    .container-questions {
+
+      .question {
+        width: initial !important;
+        font-weight: normal !important;
+        line-height: 22px !important;
+      }
+
+      .comments-area {
+        margin-bottom: 20px !important;
+        padding: 10px !important;
+        width: 100% !important;
+      }
+    }
+	}
+
+  //============================
+  // ngx pagination
+  //============================
+  .ngx-pagination a:hover,
+  .ngx-pagination button:hover {
+    color: var(--white) !important;
+  }
+
+  .pagination-wrap {
+    display: flex;
+    justify-content: center;
+  }
+
+  //============================
+  // Custom Scroll
+  //============================
+
+  /* Track */
+  ::-webkit-scrollbar-track {
+    background: var(--tc-gray-50) !important;
+  }
+  /* Handle */
+  ::-webkit-scrollbar-thumb {
+    background: var(--tc-primary) !important;
+  }
+  /* Handle on hover */
+  ::-webkit-scrollbar-thumb:hover {
+    background: var(--tc-complemt-2) !important;
+  }
+
+  //============================
+  // Card
+  //============================
+
+  .card-new {
+    padding: 0 !important;
+    box-shadow: none !important;
+  }
+
+  //============================
+  // tc-tab-menu
+  //============================
+
+
+//-------------------------------------
+// LOADING
+//-------------------------------------
+
+.loader-icon {
+  $clr: var(--tc-gray-50);
+  $sz: 3px;
+  border-top: $sz solid var(--tc-primary) !important;
+  border-right: $sz solid $clr !important;
+  border-bottom: $sz solid $clr !important;
+  border-left: $sz solid $clr !important;
+}
+
+  //==========================================================
+  //   Login
+  //==========================================================
+
+  .login-wrap {
+
+    h1,
+    h2 {
+      color: var(--white) !important;
+    }
+  }
+
+  .login-box {
+
+    .tc-btn-primary {
+      width: 100% !important;
+    }
+
+    p {
+      margin-bottom: 10px;
+    }
+  }
+
+
+
+  //==========================================================
+  //   Footer
+  //==========================================================
+
+  // .footer {
+
+  //   &.fixed {
+  //     background: var(--black) !important;
+  //     border-top-color: var(--tc-gray-400);
+  //     color: var(--tc-gray-400);
+  //     margin-left: 0;
+  //     right: inherit;
+  //     text-align: center;
+  //     width: 219px;
+  //     z-index: 2001;
+  //   }
+
+  //   .float-right {
+  //     float: none !important;
+  //   }
+  // }
+
+
+  // .copyright {
+
+  //   strong {
+  //     font-weight: normal;
+  //   }
+  // }
+
+  //==========================================================
+  // Table
+  //==========================================================
+
+  .tc-table {
+
+    thead {
+
+      th {
+        background-color: var(--black) !important;
+        color: var(--white) !important;
+      }
+    }
+
+    th {
+      @include prime-black;
+    }
+  }
+
+  tbody tr:nth-child(odd) {
+    background: var(--tc-gray-10) !important;
+  }
+  
+
+  
+  //==========================================================
+  // Forms
+  //==========================================================
+
+  .box-input-line-options {
+    border: 1px solid var(--tc-gray-100) !important;
+    padding: 10px;
+
+    label {
+    display: inline-flex;
+    align-items: center;
+    gap: 5px;
+    cursor: pointer !important;
+    margin-right: 25px;
+    margin-bottom: 0;
+    }
+  }
+
+
+  input[type=checkbox]:after,
+  input[type=radio]:after {
+    border: 2px solid var(--tc-gray-600);
+  }
+
+  input[type=radio]:checked:before,
+  input[type=checkbox]:checked:after {
+    background: var(--tc-gray-600);
+  }
+
+  .form-control,
+  .single-line {
+    border: 1px solid var(--tc-gray-300);
+    border-radius: 5px;
+  }
+
+  .input-group-append {
+
+    .btn.btn-default {
+      @include prime-color;
+      background-color: transparent !important;
+      border-left-color: transparent !important;
+      border-radius: 0 5px 5px 0 !important;
+      font-size: 18px !important;
+      padding: 0 10px !important;
+      border: 1px solid !important;
+      border-color: var(--tc-gray-100) !important;
+    }
+  }
+
+  .input-group {
+
+    > .form-control:not(:last-child),
+    > .custom-select:not(:last-child)
+    {
+      border-right-color: transparent !important;
+      font-size: 12px;
+    }
+  }
+
+  .progress-bar {
+    @include prime-bgc;
+  }
+
+  .switch.checked {
+    @include prime-bg;
+    border-color: var(--tc-primary) !important;
+  }
+
+
+  .tc-form-control:focus-visible {
+    outline: 1px solid var(--tc-primary) !important;
+    // border-radius: 2px !important;
+  }
+
+
+  #datepicker {
+
+    .form-control:not(:last-child),
+    .custom-select:not(:last-child) {
+      border-right-color: var(--tc-gray-100) !important;
+    }
+  }
+
+  .tc-pipeline-report-all {
+
+    .ng-grid-wrap {
+      padding: 0 !important;
+    }
+  }
+
+  .input-group-append {
+    border-radius: 0 5px 5px 0 !important;
+  }
+
+  .form-input:focus {
+    border: 1px solid var(--tc-primary) !important;
+  }
+
+  .form-input:focus-visible {
+    outline: 1px solid var(--tc-primary) !important;
+  }
+
+  //==========================================================
+  // Alerts
+  //==========================================================
+
+  .alert-danger,
+  .alert {
+    border-color: var(--warning);
+    color: var(--danger);
+    background-color: rgba(var(--warning), 0.1);
+  }
+
+  .text-info {
+    @include prime-color;
+  }
+
+  //==========================================================
+  // Breadcrumb
+  //==========================================================
+  .page-heading {
+    box-shadow: none !important;
+  }
+
+  .breadcrumb-wrap {
+    h2 {
+      font-weight: normal !important;
+      font-size: 14px !important;
+      margin-bottom: 0 !important;
+    }
+  }
+
+  //==========================================================
+  // Card
+  //==========================================================
+  .card,
+  .card-shadow {
+    box-shadow: none;
+    border-radius: 0;
+    margin: 0;
+    padding: 0;
+  }
+
+  .card.margin-top,
+  .card-shadow.margin-top {
+    margin-top: 20px !important;
+  }
+
+  .card-shadow-tit {
+    font-weight: bold !important;
+  }
+
+
+
+
+
+//==========================================================
+  // TOP Navigation
+//==========================================================
+
+.navbar-fixed-top,
+.navbar-static-top {
+    background: var(--white);
+  }
+
+  .tcloud-name {
+    color: var(--black);
+    font-weight: bold;
+
+    span {
+      color: var(--tc-primary);
+      text-transform: uppercase;
+      margin-left: 5px;
+    }
+  }
+
+  .banner-area.image {
+    height: auto !important;
+  }
+
+  .topnav-company-name {
+
+    .dropdown {
+      background: none;
+      border: 1px solid var(--tc-primary);
+      border-radius: 5px;
+      padding: 5px 10px;
+
+      > a {
+        @include prime-color;
+      }
+
+      .fa-angle-down {
+        background: none !important;
+        color: var(--tc-primary);
+      }
+    }
+  }
+
+  .topnav-company-name.highligh {
+    background: none;
+  }
+
+  .tc-prime-company-name {
+    border: none !important;
+
+    &.highlight{
+
+      &:after,
+      &:before {
+        display: none;
+      }
+
+      a {
+        color: var(--tc-primary);
+      }
+
+    }
+  }
+
+  .nav {
+
+    &.navbar-top-links {
+      > li > a {
+        background: none !important;
+        color: var(--black) !important;
+        padding: 10px 5px !important;
+
+        &:hover {
+          @include prime-color;
+        }
+      }
+
+      .area-icon {
+        height: 40px;
+        width: 40px;
+        border-radius: 0;
+
+        .dropdown {
+          padding: 0 !important;
+        }
+
+      }
+
+      .dropdown {
+        background: none;
+
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        padding: 0;
+      }
+
+      .fa-tasks {
+        @include ico-topmenu('topmenu-ico-actions', 25px, 25px );
+      }
+    }
+  }
+
+
+  .ico-notes {
+    background-image: url("/assets/img/topmenu/topmenu-ico-note.svg") !important;
+  }
+
+  .btn-icon.dropdown-toggle.count-info.tmu-color.assist-token-dropdown {
+
+    .assistent-call {
+      position: relative;
+      background: none;
+      @include ico-topmenu('topmenu-ico-help', 25px, 25px );
+    }
+  }
+
+  .btn-icon.dropdown-toggle.count-info.tmu-color {
+    display: flex;
+    position: relative;
+
+    .fa-envelope {
+      @include ico-topmenu('topmenu-ico-messages', 25px, 25px );
+    }
+
+  }
+
+  .btn-group-icons {
+
+    .icon-group {
+      @include prime-color;
+      padding: 0 !important;
+      position: relative;
+      top: 0;
+      left: 0;
+
+      .icon-main {
+        left: 0 !important;
+        top: 4px !important;
+        @include ico-topmenu('topmenu-ico-imperso', 25px, 25px );
+      }
+
+      .icon-second {
+        display: none;
+      }
+    }
+  }
+
+  .tc-top-message-user {
+    
+    .count-info .label {
+      right: -13px !important;
+      top: 0px !important;
+    }
+  }
+
+//==========================================================
+// Prime T-Cloud UI KIT Components
+//==========================================================
+
+
+  //====================================
+  // Modal
+  //====================================
+
+  .tc-mode-info {
+
+    h4 {
+      margin: 0;
+      padding: 0;
+      color: #fff !important;
+      font-weight: normal !important;
+      text-transform: uppercase;
+      font-size: 13px;
+    }
+  }
+
+
+  //==========================================================
+  // Contract Admin
+  //==========================================================
+
+  .adm-contrato {
+
+    .nav-tabs .nav-link.active,
+    .nav-tabs .nav-item.show .nav-link,
+    .nav-tabs .nav-link:not(.active):focus,
+    .nav-tabs .nav-link:not(.active):hover {
+      @include prime-white;
+    }
+
+  }
+
+ 
+
+
+//==========================================================
+//==========================================================
+// PAGES
+//==========================================================
+//==========================================================
+
+
+  //=================================================
+  // Dashboard
+  //=================================================
+
+  .prime-dashboard {
+    display: flex;
+    gap: 20px;
+    margin-bottom: 30px;
+  }
+
+  .admin-email-wrap {
+
+    i {
+      font-size: 20px;
+    }
+  }
+
+
+
+  .dash-users-admin {
+    min-width: 450px;
+  }
+
+  .card-shadow-tit {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+  }
+
+  .dash-users-admin {
+
+    .card-shadow-subtit {
+      display: none !important;
+    }
+  }
+
+
+  .tc-card-engprime {
+    @include prime-mkt-gradient;
+    color: var(--white);
+    padding: 20px;
+    border-radius: 10px;
+    flex: 1;
+
+    a {
+      color: var(--white);
+    }
+  }
+
+  .tc-card-engprime-header {
+    margin-bottom: 20px;
+  }
+
+  .tc-img-engprime {
+    overflow: hidden;
+    border-radius: 30px;
+    height: 43px;
+    width: 43px;
+
+    img {
+      width: 100%;
+    }
+  }
+
+  .tc-card-engprime-name {
+    font-size: 16px;
+    text-transform: uppercase;
+  }
+
+  .tc-card-engprime-content {
+    display: flex;
+    gap: 20px;
+  }
+
+  .tc-card-Tooltip {
+    display: flex !important;
+    font-weight: normal;
+    font-size: 12px;
+    text-transform: none;
+
+    i {
+      font-size: 20px;
+      color: var(--tc-gray-100);
+    }
+  }
+
+  .product-card-info {
+    font-size: 12px;
+    flex-flow: row-reverse !important;
+    justify-content: flex-end;
+    gap: 20px;
+
+    background: var(--tc-gray-10);
+    padding: 8px 10px;
+    border-radius: 6px;
+
+    max-width: 346px;
+    width: 345px;
+    position: absolute;
+    top: 18px;
+
+    .product-card-title-wrap {
+      color: var(--black) !important;
+      background: transparent !important;
+      margin: 0 !important;
+      padding: 0 !important;
+      gap: 5px !important;
+
+      .ambient-title,
+      .topologie-length {
+        font-size: inherit !important;
+      }
+
+      .ambient-title {
+        font-weight: bold !important;
+      }
+    }
+  }
+
+  .product-card-logo-wrap {
+    display: flex;
+    align-items: center;
+    gap: 5px;
+    margin: 0 !important;
+
+    img {
+      display: none;
+    }
+
+    h2 {
+      display: block !important;
+      font-size: 12px !important;
+      color: var(--black);
+      text-transform: uppercase;
+      margin: 0 !important;
+      font-weight: bold !important;
+    }
+
+    &:before {
+      content: 'Linha';
+      text-transform: uppercase;
+      font-weight: bold;
+      color: var(--black);
+    }
+  }
+
+  .card-topology {
+    display: flex !important;
+    flex-flow: column !important;
+    justify-content: space-between !important;
+    min-height: 176px !important;
+
+    border:1px solid var(--tc-gray-100);
+    color: var(--black) !important;
+    border-radius: 5px !important;
+    box-shadow: none !important;
+
+
+    &:hover .card-topology__header {
+      background-color: transparent !important;
+      // @include prime-color;
+    }
+
+    .card-topology__header {
+      background-color: transparent !important;
+      @include prime-color;
+      text-transform: uppercase;
+      border-bottom: 1px solid var(--tc-gray-50);
+    }
+
+    .card-topology__footer {
+      background-color: transparent !important;
+      border-top: 1px solid var(--tc-gray-50);
+    }
+  }
+
+  .dash-product-list-container {
+
+    .col-10 {
+      -ms-flex: 0 0 100% !important;
+      flex: 0 0 100% !important;
+      max-width: 100% !important;
+      width: 100% !important;
+      margin-top: 70px;
+    }
+
+  }
+
+  .prime-dashboard-search {
+    position: absolute;
+    top: 45px;
+    left: 360px;
+    margin: 0;
+
+    .input-group {
+      margin: 0;
+      width: 350px;
+    }
+  }
+
+  .card-products-tit {
+    color: var(--black) !important;
+    font-weight: bold !important;
+  }
+
+  .card-products-wrap {
+    margin-bottom: 0;
+  }
+
+
+  .msg-search {
+    border-radius: 10px;
+
+    .wrap {
+
+      i {
+        font-size: 30px;
+      }
+    }
+  }
+
+  .card-products-content {
+
+    .tc-tab-menu {
+      overflow: visible !important;
+    }
+
+    .tc-menu {
+      background: transparent !important;
+      overflow: visible !important;
+    }
+
+    .tab-title {
+      font-size: 16px !important;
+      background: transparent !important;
+      padding: 0 !important;
+      margin-right: 30px !important;
+
+      min-width: initial !important;
+      max-width: initial !important;
+
+      // transition: all 0.25s;
+
+      &:hover,
+      &.tab-title-active {
+        @include prime-color;
+        background: transparent !important;
+        position: relative;
+        overflow: visible;
+        // transition: all 0.25s;
+
+        &:before {
+          content: '';
+          position: absolute;
+          border: 1px solid var(--tc-primary);
+          left: 0;
+          right: 0;
+          bottom: -3px;
+        }
+      }
+    }
+
+    
+
+    .tab-menu-wrap {
+      margin: 20px 0 0 !important;
+    }
+
+    .msg-search {
+
+      .wrap {
+        border-radius: 10px !important;
+        margin-top: 70px;
+      }
+    }
+  }
+
+  .card-products-header {
+    padding-bottom: 20px;
+  }
+
+  .card-admin-user {
+    display: grid !important;
+    grid-template-columns: repeat(2, 1fr) !important;
+    max-height: 100px !important;
+    overflow-y: auto !important;
+
+    /* Track */
+    ::-webkit-scrollbar-track {
+      background: var(--tc-gray-50) !important;
+    }
+    /* Handle */
+    ::-webkit-scrollbar-thumb {
+      background: var(--tc-primary) !important;
+    }
+    /* Handle on hover */
+    ::-webkit-scrollbar-thumb:hover {
+      background: var(--tc-complemt-2) !important;
+    }
+  }
+
+  .admin-fullname-wrap,
+  .admin-email-wrap {
+    gap: 5px !important;
+  }
+
+
+
+  //====================================
+  // onboard engprime
+  //====================================
+
+  .onboard-engprime {
+
+    .tc-card-engprime {
+      min-width: 290px;
+    }
+  }
+
+  .tc-card-engprime-wrap {
+    display: flex;
+    flex-flow: column;
+    flex: 1;
+  }
+
+
+
+  .tc-prime-more-info-link {
+    cursor: pointer;
+    text-transform: uppercase;
+    font-size: 10px;
+    margin-top: 10px;
+
+    display: flex;
+    gap: 5px;
+
+    i {
+      display: flex;
+      font-size: 14px;;
+    }
+  }
+
+  .modal-eng-prime-header {
+    @include flex-center;
+    gap: 20px;
+    @include bdr-bottom(20px, var(--tc-gray-50));
+
+    .modal-eng-prime-text {
+      margin-left: 40px;
+    }
+  }
+
+  .modal-eng-prime-header-title {
+    font-size: 20px;
+    text-transform: uppercase;
+  }
+
+
+  .modal-eng-prime-name {
+    text-transform: uppercase;
+  }
+
+  .modal-eng-prime-info {
+
+    span {
+      display: block;
+    }
+
+  }
+
+  .numb-order {
+    @include flex-center;
+    border-radius: 50px;
+    height: 70px;
+    width: 70px;
+
+    p {
+      color: var(--white);
+      font-size: 40px;
+    }
+  }
+
+  .modal-eng-prime-content {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 20px;
+
+
+  }
+
+  .modal-eng-prime-content-wrap {
+    @include flex-center;
+    gap: 20px;
+
+    .modal-eng-prime-text-content {
+      display: flex;
+      align-items: center;
+      gap: 20px;
+
+      padding: 10px;
+      border: 2px solid var(--tc-gray-50);
+      border-radius: 10px;
+      width: 270px;
+    }
+  }
+
+  .modal-eng-prime-thumb {
+    @include flex-center;
+    border: 2px solid var(--tc-gray-100);
+    border-radius: 50%;
+    height: 50px;
+    width: 50px;
+  }
+
+  //====================================
+  // Actions tab
+  //====================================
+  .sidebar-container {
+
+    .tab-content {
+
+      h4 {
+        display: flex;
+        align-items: center;
+        gap: 7px;
+      }
+    }
+
+    .text-info {
+      font-size: 20px;
+    }
+  }
+
+  .navy-bg {
+
+    &.opened,
+    &:hover {
+
+      h3 {
+        color: var(--white) !important;
+      }
+    }
+  }
+
+  .tc-list-backup-files_title {
+    font-size: 13px !important;
+  }
+
+
+  .tc-backup-wrap {
+
+    .topnav {
+
+      ul {
+        background-color: transparent !important;
+
+        li:hover {
+          background-color: transparent !important;
+        }
+      }
+    }
+
+    h2 {
+      font-size: 14px !important;
+    }
+  }
+
+
+  .tc-product-info {
+
+    a {
+      @include prime-color;
+
+      &:hover {
+        @include prime-color;
+      }
+    }
+
+  }
+
+
+
+  //====================================
+  // VPN
+  //====================================
+
+
+  tc-security-vpn {
+
+    .col-lg-12.text-right {
+
+      .btn.btn-link {
+        color: var(--white) !important;
+      }
+    }
+
+
+    .btn.btn-link.m-r {
+      color: var(--tc-primary) !important;
+    }
+
+    .changes-controllers {
+      .btn.btn-link.m-r {
+        color: var(--tc-primary) !important;
+      }
+    }
+  }
+
+
+  .sql-editor-wrap {
+
+    .history-name {
+      margin: 20px 0 0 !important;
+    }
+  }
+
+  .sql-disclaimer-container {
+    background-color: transparent !important;
+  }
+
+
+  tc-topologie {
+
+    .tc-menu {
+      margin-bottom: 20px;
+    }
+  }
+
+  .tc-security-app-modify-restrictions {
+
+    .label-warning,
+    .badge-warning {
+      background-color: transparent;
+      border: 3px solid var(--second) !important;
+      color: var(--black) !important;
+      border-radius: 5px !important;
+
+      .fa-exclamation-triangle {
+        margin-right: 5px;
+        color: var(--second) !important;
+      }
+    }
+
+    .config-index {
+      background-color: var(--tc-primary) !important;
+    }
+  }
+
+  .whitelist-wrap {
+
+    .config-index {
+      background-color: var(--tc-primary) !important;
+    }
+  }
+
+  .whitelist-wrap,
+    .tc-security-app-modify-restrictions .rowBox {
+    border: 3px solid var(--tc-gray-50) !important;
+
+  }
+
+
+  
+
+  //====================================
+  // Actions
+  //====================================
+
+  #prod-prime {
+
+    .boxFastAccess {
+      border: none !important;
+      border-bottom: 1px solid var(--tc-gray-50) !important;
+      border-radius: 0 !important;
+      border-top: 1px solid var(--tc-gray-50) !important;
+
+      margin: 0 0 20px !important;
+
+      tc-menu {
+
+        .tc-menu {
+          margin-bottom: 30px;
+        }
+      }
+
+    }
+
+    .boxAction {
+      border: none !important;
+
+      .box-search {
+        padding: 0 !important;
+        height: initial !important;
+      }
+    }
+
+    .text-success {
+
+      &:hover {
+        @include prime-bg;
+        color: var(--white) !important;
+      }
+
+    }
+  }
+
+
+  #prime-quick-access {
+
+    &:hover .pin-action:hover + .text-success,
+    &:hover .trash-action:hover + .text-success {
+      @include prime-bg;
+      color: var(--white) !important;
+    }
+
+    .text-success,
+    .fa-save {
+      color: var(--black) !important;
+    }
+
+    .text-success {
+    
+      &.disable {
+        color: var(--tc-gray-300) !important;
+        background: var(--tc-gray-50) !important;
+      }
+
+    }
+  }
+
+  .pin-icon {
+    @include prime-color;
+    font-size: 20px;
+    top: 0 !important;
+  }
+
+  .pin-action {
+    background-color: var(--tc-complemt-2) !important;
+  }
+
+
+  .actions-title-bar {
+
+    h2 {
+      margin: 5px 0 10px;
+      font-size: 20px !important;
+      text-transform: uppercase;
+    }
+
+    small {
+      font-size: 9px !important;
+    }
+  }
+
+
+
+  .monitor-wrap {
+
+    .label-success {
+      @include prime-bgc;
+    }
+
+    .col.btn-wrap {
+      display: none !important;
+    }
+
+  }
+
+  .vertical-timeline-content {
+
+    .ibox-content {
+      padding: 15px !important;
+    }
+  }
+
+  #quickAccess {
+
+    .box-search-row-action:hover .trash-action:hover + .text-success {
+      @include prime-bg;
+    }
+  }
+
+  .boxFastAccess .box {
+    margin: 10px 0 0 !important;
+  }
+
+  //====================================
+  // Services
+  //====================================
+
+  .servicos-table-wrap {
+
+    .btn.btn-xs {
+      background: none !important;
+    }
+
+    .fa-save {
+      @include prime-gray-100;
+    }
+  }
+
+  //====================================
+  // Data Base
+  //====================================
+
+  .database-users {
+    border: none !important;
+    padding: 0 !important;
+
+    p.m-l {
+      display: block !important;
+      margin: 0 0 10px !important;
+    }
+
+    .create-user-box {
+      p {
+        margin-bottom: 10px !important;
+      }
+    }
+  }
+
+  .database-session-management {
+    border: none !important;
+    padding: 0 !important;
+
+    .sessions-table {
+
+      .sessions-header {
+        background-color: var(--black) !important;
+      }
+    }
+  }
+
+
+
+  //====================================
+  // Security
+  //====================================
+
+  .changes-controllers {
+
+    .btn-link {
+      background: transparent !important;
+    }
+  }
+
+  .rules-helper-wrapper {
+
+    .rules {
+      border: 3px solid var(--tc-gray-100) !important;
+      border-radius: 7px !important;
+
+      .illustration {
+        border: 3px solid var(--tc-gray-100) !important;
+        border-radius: 7px !important;
+
+      }
+
+      .rule {
+
+        .title {
+          text-transform: uppercase;
+        }
+      }
+    }
+  }
+
+  .tc-security-v2 {
+
+    .topnav {
+      margin: 0 !important;
+
+      ul li:hover {
+        background-color: transparent !important;
+      }
+    }
+
+    .container-button {
+      justify-content: flex-end;
+      display: flex;
+
+      .col-lg-2.mb-2 {
+        justify-content: flex-end;
+        display: flex;
+      }
+    }
+
+    .grid-content .grid-item.item5.action-area .icon-button {
+      font-size: 17px;
+
+    }
+  }
+
+  .know-the-rules-wrap {
+    // @include test(red);
+
+    .primary {
+      background-color: transparent !important;
+    }
+  }
+
+  .country-select-wrap {
+
+    .rules-form,
+    .form-select {
+      background: var(--tc-gray-10) !important;
+    }
+  }
+
+  tc-security-app-modify-restrictions {
+
+    .rules-form {
+      background: var(--tc-gray-10) !important;
+
+      i {
+        color: var(--tc-gray-100) !important;
+      }
+    }
+
+  }
+
+  //====================================
+  // Update central
+  //====================================
+
+
+  .update-central-component {
+
+    .text-right {
+      margin: 0 !important;
+    }
+  }
+
+  .topnav a:hover,
+  .topnav a.active {
+    color: var(--white) !important;
+    @include prime-bg;
+  }
+
+
+  //==========================================================
+  //   My Account
+  //==========================================================
+
+  .card-name  {
+    color: var(--white) !important;
+  }
+
+  //====================================
+  // Consume
+  //====================================
+
+  .tss-contract {
+
+    :after {
+      display: none;
+    }
+
+    h3 {
+      padding: 0 !important;
+      margin-bottom: 20px;
+    }
+
+
+    .col-12 {
+      padding: 0;
+    }
+
+    .search-wrap {
+      width: 495px;
+    }
+
+    .grid:hover:after {
+      top: -52px;
+      left: 508px;
+    }
+
+    .info-list {
+      display: grid;
+      grid-template-columns: 160px 220px auto;
+      align-items: initial;
+      margin: 0;
+
+      li {
+        margin-left: 0 !important;
+        padding-left: 0 !important;
+      }
+    }
+
+    .consumed {
+      display: flex;
+      align-items: center;
+      flex: 1;
+      justify-content: stretch;
+      gap: 40px;
+    }
+
+    .info-list-tit {
+      align-items: center;
+      gap: 20px;
+
+      div {
+        display: flex;
+        align-items: center;
+        gap: 10px;
+      }
+    }
+
+    .info-list-item {
+
+      &.consume {
+        @include test;
+      }
+    }
+  }
+
+  .store-offer {
+    border-radius: 7px !important;
+  }
+
+  .tss-contract .wrap.radius {
+    border: none !important;
+  }
+
+  .prod-contract-title {
+    font-weight: normal !important;
+  }
+
+  .store-offer {
+    align-items: center;
+    justify-content: center;
+  }
+
+  .grid:hover:after {
+    display: block;
+  }
+
+  .recursos-info-total-wrap {
+    background: none !important;
+  }
+
+  .contrato-card {
+    justify-content: initial !important;
+    min-height: initial !important;
+    font-size: 14px;
+  }
+
+  .ambientes-wrap {
+    margin: 0 !important;
+
+    .icon-wrap {
+      @include flex-center;
+    }
+  }
+
+  .contrato-card {
+    min-height: 410px !important;
+    box-shadow: none !important;
+    border: 2px solid var(--tc-gray-50);
+  }
+
+
+  .card-detail-conections-content {
+    .wrap {
+
+      p {
+        font-weight: normal !important;
+      }
+
+    }
+
+    .progress-bar {
+      color: var(--white) !important;
+    }
+  } 
+
+  .contrato-card-header {
+    border-radius: 8px 8px 0 0 !important;
+  }
+  //====================================
+  // Billing
+  //====================================
+
+  .extrato-card {
+
+    .header {
+
+      h1 {
+        margin-bottom: 20px ;
+      }
+    }
+
+  }
+
+  .billing-header {
+    padding: 10px;
+  }
+
+  .billing-header,
+  .extract-wrap,
+  .billing-content .billing-detail,
+  .total-wrap
+  {
+    border-color: var(--tc-gray-100) !important;
+  }
+
+  .billing-content {
+
+    .billing-detail:last-child {
+      margin-bottom: 3px;
+    }
+  }
+
+  .total-wrap {
+
+    .total-soma {
+      font-weight: normal;
+    }
+  }
+
+  .offer,
+  .card-offer,
+  .card-offer-title,
+  .offer .offer-tit,
+  .simulation-box
+  {
+    border-radius: 0 !important;
+  }
+
+  .card-offer {
+
+    .wrap {
+      background: var(--tc-gray-50);
+    }
+  }
+
+  .card-offer,
+  .offer
+  {
+    border-color: var(--tc-primary) !important;
+  }
+
+  .total-wrap,
+  .simulation-box
+
+  {
+    background: var(--tc-gray-50) !important;
+  }
+
+  .card-offer-title,
+  .offer .offer-tit
+  {
+    background: var(--tc-primary) !important;
+  }
+
+  .offer-wrapper-icon {
+
+    img {
+      @include svg-prime;
+    }
+  }
+
+
+  .card-offer .wrap,
+  .simulation-box
+
+  {
+    background: none !important;
+  }
+
+  .simulation-box {
+    border-top: 1px solid var(--tc-gray-100);
+  }
+
+  .offer-head-img {
+
+    img {
+      height: 95px;
+    }
+  }
+
+  .offer-wrapper-content {
+
+    .val {
+      margin-bottom: 15px;
+    }
+  }
+
+  .simulation-box {
+    margin: 10px 0 0 !important;
+    padding: 10px !important;
+  }
+
+
+  .card-offer .tc-btn-primary {
+    display: flex !important;
+  }
+
+  //====================================
+  // SLA
+  //====================================
+
+  .accordion2-btn:hover {
+    @include prime-bg-50;
+  }
+
+  //====================================
+  // SLA
+  //====================================
+
+  .order-wrap {
+    @include prime-bdr-100;
+  }
+
+  .order-new {
+    @include prime-color;
+
+    .order-detail-tit {
+      @include prime-bg;
+    }
+  }
+
+  .history-list {
+
+    li {
+      @include prime-gray-50;
+
+      a {
+        color: var(--black) !important;
+      }
+    }
+  }
+
+  //====================================
+  // Information
+  //====================================
+
+  .empodera-customer-info,
+  tc-contact-info .contact-info {
+    border-radius: 7px !important;
+    border-width: 3px !important;
+  }
+
+  .empodera-customer-info,
+  .empodera-customer-info .empodera-customer-info-wrap .empodera-customer-info-wrap-operation {
+    background-color: transparent !important;
+    border-radius: 7px !important;
+  }
+
+  tc-contact-info {
+    
+    .contact-info {
+      box-shadow: none;
+    }
+  }
+
+
+
+  .contact-info .contact-info-content .contact-info-content-phone,
+  .contact-info .contact-info-content .contact-info-content-mail {
+    padding-bottom: 0 !important;
+    border-bottom: 0 !important;
+    border-top: 1px solid var(--tc-gray-50) !important;
+    padding-top: 10px !important;
+  }
+
+  //==========================================================
+  //   IAAS
+  //==========================================================
+
+  .iaas-start-page {
+
+    .content-helpme {
+
+      h3 {
+        margin-bottom: 20px !important;
+      }
+    }
+
+    .content-helpme {
+      background-color: transparent !important;
+
+    }
+  }
+
+  .container-page-iaas {
+
+    .title-wrap {
+      background: transparent;
+      margin: 0;
+    }
+
+    .container-table {
+
+      .container-columns {
+        background-color: var(--black) !important;
+      }
+    }
+
+    .container-columns {
+
+      .container-info {
+        margin: 0 !important;
+      }
+
+      .fas {
+        color: var(--white) !important;
+      }
+
+    }
+
+    .item-click {
+      font-size: 11px;
+    }
+
+    .container-item .container-options .icon-default {
+      font-size: 40px;
+    }
+
+    .container-body {
+
+      .content-header {
+
+        .container-count-wizard {
+
+          .container-item {
+            border: none !important;
+            background-color: var(--tc-gray-50) !important;
+            color: var(--tc-gray-100) !important;
+
+            &.active,
+            &.completed {
+              font-size: 20px !important;
+              color: var(--white) !important;
+              background-color: var(--tc-primary) !important;
+            }
+
+          }
+
+        }
+
+        &:has(.content-helpme) {
+          height: 210px !important;
+        }
+
+      }
+
+      .content-helpme {
+
+        h3 {
+          margin-bottom: 10px;
+        }
+
+      }
+    }
+
+    .primary:disabled {
+      background-color: rgba(var(--tc-primary), 0.5) !important;
+    }
+
+    .container-network {
+
+      .container-list-network {
+        margin-top: 0 !important;
+      }
+    }
+
+    .container-card-list {
+
+      .container-item {
+
+        &:hover,
+        &.active {
+          background-color: var(--tc-gray-50) !important;
+          color:var(--black) !important;
+          border-radius: 0 !important;
+        }
+      }
+    }
+
+    .container-item {
+
+      .container-options {
+        grid-gap: 15px !important;
+
+        .fa-plus-square {
+          font-size: 22px !important;
+        }
+
+        .icon-default.remove {
+          color:var(--red) !important;
+        }
+      }
+    }
+
+    .container-page {
+
+      .container-table {
+
+        .container-columns {
+          max-height: initial !important;
+          min-height: initial !important;
+
+          .col-item p {
+            margin: 10px !important;
+            font-size: 10px !important;
+            line-height: 15px !important;
+          }
+        }
+      }
+
+    }
+
+    .container-empty {
+      padding: 0 !important;
+    }
+
+    .container-row {
+
+      .col-item {
+
+        &.backup-item {
+          margin: 0 !important;
+        }
+
+        &.actions,
+        &.backup-item
+        {
+          align-items: initial !important;
+        }
+
+        &.actions {
+
+          .remove-icon-button {
+            font-size: 20px !important;
+          }
+        }
+      }
+    }
+
+    .fa-icon-info {
+      color: var(--second) !important;
+    }
+
+    .container-icon {
+      color: var(--tc-primary) !important;
+      background-color: transparent !important;
+    }
+
+    .container-content .container-header .title {
+      text-transform: uppercase !important;
+      font-size: 14px !important;
+    }
+
+    .container-content .checkout-content .resume-env .resume-env-header .offer-controls .offer-button {
+      border-radius: 7px 7px 0 0 !important;
+    }
+
+    .container-content .checkout-content .resume-header .environment-data .content,
+    .container-content .checkout-content .resume-header .network-data .content {
+      background-color: transparent !important;
+      border: 2px solid var(--tc-gray-50) !important;
+    }
+
+
+
+  // ==========================
+  } // end Style IAAS page
+  // ==========================
+
+  .container-input.success input {
+    background-color: transparent !important;
+    border-color: var(--tc-primary) !important;
+    color: var(--primary2) !important;
+    font-size: 13px !important;
+  }
+
+  .container-dialog {
+
+    .container-header,
+    .container-header.warning {
+      background-color: var(--tc-primary) !important;
+    }
+  }
+
+
+
+  // ==========================
+  // checkout
+  // ==========================
+
+  .box-vouncher {
+
+    .btn-link {
+      color: var(--black) !important;
+      border: 2px solid #EEEEEE;
+      border-radius: 5px;
+      padding: 10px;
+      font-size: 14px;
+
+      span {
+        color: var(--tc-primary) !important;
+      }
+    }
+
+  }
+
+
+  .virtual-machine-content {
+
+    .vm-flavor__cpu,
+    .vm-flavor__ram,
+    .vm-so-disk__size,
+    .vm-disk-backup__status,
+    .vm-disk__size,
+    .vm-disk__iops
+    {
+      border-radius: 4px !important;
+    }
+
+    .vm-header__expand-btn.active {
+      background: transparent !important;
+    }
+  }
+
+
+  //==========================================================
+  //   IAAS - Import VM
+  //==========================================================
+
+  .iaas-import-vm {
+
+    .welcome-page-title {
+      margin-bottom: 20px;
+    }
+
+    .welcome-page-paragraph {
+      margin-bottom: 10px;
+      line-height: 21px;
+    }
+
+    .welcome-page-content {
+
+      .tc-btn-primary {
+        margin-top: 20px;
+      }
+    }
+
+    .welcome-page-box {
+      background-color: transparent !important;
+      border: 2px solid var(--tc-gray-50);
+      border-radius: 5px !important;
+    }
+
+    .welcome-page-box-paragraph {
+      margin-bottom: 20px;
+    }
+
+    .welcome-page-box-icon {
+      background-color: transparent !important;
+
+      i {
+        color: var(--tc-primary) !important;
+      }
+    }
+
+    .welcome-page-box-icon-terminal {
+      border-radius: 4px !important;
+    }
+  }
+
+  .welcome-page-info {
+    flex-basis: unset !important;
+    margin: 0 auto 20px !important;
+  }
+
+  .select-bucket-page-wrap {
+
+    .select-bucket-page-box {
+      background-color: transparent !important;
+      border: 2px solid var(--tc-gray-50);
+      border-radius: 5px !important;
+    }
+
+    .select-bucket-page-box-icon {
+      background-color: transparent !important;
+    }
+  }
+
+  .box-card-import-virtual-machine {
+
+    .send-request-page-number-step {
+      margin-bottom: 20px !important;
+    }
+  }
+
+  .modal-list-instances-header {
+
+    h2 {
+      font-size: 14px !important;
+      text-transform: uppercase;
+    }
+  }
+
+  .file-manager-container {
+    min-height: initial !important;
+  }
+
+  .box-card-import-virtual-machine {
+
+    .container {
+      border: 1px solid var(--tc-gray-100) !important;
+    }
+
+    .title-image {
+      height: initial !important;
+      margin: 10px 0 !important;
+    }
+
+    .container-input {
+
+      textarea {
+        height: 95px;
+      }
+    }
+
+    .title-image p {
+      height: initial !important;
+      border-bottom: 1px solid var(--tc-gray-100) !important;
+      padding-bottom: 5px !important;
+    }
+  }
+
+  .msg-warning-wrap {
+    color: var(--black) !important;
+    background-color: transparent !important;
+    border: 2px solid var(--second) !important;
+
+
+    .msg-warning-paragraph {
+      margin-bottom: 20px !important;
+
+      strong {
+        display: block !important;
+      }
+    }
+  }
+
+  .container-icon.user-name {
+    right: -2px !important;
+  }
+
+  .icon-fm {
+    color: var(--black) !important;
+  }
+
+  //==========================================================
+  //   IAAS - Page
+  //==========================================================
+
+  &.iaas-page {
+
+    .background-page-global {
+      background-color: --tc-primary-lighten !important;
+    }
+
+    .box-relative {
+      top: initial;
+      height: initial;
+    }
+  }
+
+
+  //==========================================================
+  //   IAAS - Ações executadas
+  //==========================================================
+
+  .tc-pipelines {
+
+    .pb-5,
+    .py-5 {
+      padding: 20px 0 0 20px !important;
+
+      .title {
+        margin-bottom: 20px;
+      }
+    }
+
+  }
+
+  .monitor-wrap.label-success {
+    border-color: var(--tc-primary) !important;
+  }
+
+  //==========================================================
+  //   IAAS - Ambientes
+  //==========================================================
+
+  .container-card-topology {
+    border-radius: 5px !important;
+    // @include prime-bdr-100;
+    border: 2px solid var(--tc-gray-100) !important;
+
+    .container-header-card {
+      background: none !important;
+      color: var(--black) !important;
+      border-bottom: 2px solid var(--tc-gray-100) !important;
+      border-radius: 5px 5px 0 0 !important;
+    }
+
+    &.active,
+    &:hover {
+      @include prime-bdr;
+
+      i {
+        color: var(--tc-primary) !important;
+      }
+
+      .container-header-card {
+        border-bottom: 2px solid var(--tc-primary) !important;
+
+        span {
+          color: var(--tc-primary) !important;
+        }
+      }
+    }
+
+    &.done {
+
+      &:after {
+        border-top-color: var(--tc-primary) !important;
+        bottom: -15px !important;
+      }
+    }
+
+    &.error {
+      border-color: var(--red) !important;
+
+      .container-header-card {
+        background-color: transparent !important;
+        border-bottom: 2px solid var(--red) !important;
+
+        p,
+        i {
+          color: var(--red) !important;
+        }
+
+      }
+    }
+  }
+
+  .container-card-body,
+  .container-all-list .container-list-vms,
+  .container-body .container-actions
+  {
+    box-shadow: none !important;
+    border-radius: 5px !important;
+  }
+
+
+  .container-body {
+    border-radius: 5px !important;
+
+    .container-card-details {
+
+      .card-details-item {
+        border-radius: 5px !important;
+        font-size: 12px !important;
+        border: 2px solid var(--tc-gray-50) !important;
+
+        .container-header-card {
+          color: var(--black) !important;
+          background: none !important;
+          border-bottom: 2px solid var(--tc-gray-50);
+          border-radius: 5px 5px 0 0 !important;
+        }
+
+        &:hover {
+          border-color: var(--tc-primary) !important;
+        }
+
+        .container-infos {
+
+          .info-item {
+            flex-flow: column;
+            gap: 5px;
+            background: none !important;
+            border: 1px solid var(--tc-gray-50) !important;
+            margin-bottom: 5px;
+
+            &:last-child {
+              margin: 0;
+            }
+          }
+        }
+
+      }
+    }
+
+    .container-actions {
+      border: 2px solid var(--tc-gray-50) !important;
+
+      .action-item {
+        background: var(--tc-gray-50) !important;
+
+        &:hover {
+          background: var(--tc-primary) !important;
+          color: var(--white);
+        }
+
+      }
+    }
+
+    .disk-box {
+      background: none !important;
+      border: 2px solid var(--tc-gray-50) !important;
+      border-radius: 5px !important;
+    }
+  }
+
+  .container-header-card {
+
+    img {
+      @include svg-prime;
+    }
+
+    p {
+      font-size: 12px;
+    }
+  }
+
+  .tippy-content {
+
+    .access-template-text {
+
+      a {
+        color: var(--complemt) !important;
+      }
+    }
+  }
+
+  .container-empty {
+
+    .empty-image {
+      width: 200px !important;
+    }
+  }
+
+
+  .container-refresh {
+    background-color: transparent !important;
+
+  }
+
+  .vertical-timeline-block {
+
+    .label-info,
+    .badge-info {
+      background: none !important;
+    }
+  }
+
+  .container-item-vm:hover,
+  .container-item-vm.active {
+    background-color: var(--tc-gray-50) !important;
+  }
+
+  .container-body .container-header .title {
+    margin-bottom: 10px;
+  }
+
+  .timeline-text {
+    font-weight: normal !important;
+  }
+
+  .control-button.refresh.running {
+    background-color: var(--tc-primary);
+  }
+
+  .monitor-dashboard-container .monitor-container .title {
+    margin: 20px 0 !important;
+  }
+
+  //==========================================================
+  //   IAAS - Configurações Gerais
+  //==========================================================
+
+  .container-page .container-table .container-cols {
+    background-color: var(--black) !important;
+  }
+
+  .container-page .container-card-details .card-details-item {
+    border: 2px solid var(--tc-gray-50) !important;
+
+    .container-header-card {
+      background: none !important;
+      color: var(--black) !important;
+      border-bottom: 1px solid var(--tc-gray-100) !important;
+    }
+  }
+
+
+  //==========================================================
+  //   IAAS - Ajuda
+  //==========================================================
+
+  .iaas-help-header {
+
+    .wrap {
+      margin: 0 40px;
+
+      p {
+        margin-bottom: 20px;
+        font-weight: normal;
+        margin-bottom: 20px;
+      }
+
+      a {
+        display: inline-flex !important;
+      }
+    }
+  }
+
+
+  .help-content-card {
+    background: none !important;
+    border-radius: 5px !important;
+    box-shadow: 0 0 0 2px var(--tc-gray-100);
+
+    &:hover {
+      box-shadow: 0 0 0 2px var(--tc-primary) !important;
+    }
+
+    p {
+      margin-bottom: 20px;
+      font-weight: normal;
+      margin-bottom: 20px;
+    }
+
+    a {
+      display: inline-flex !important;
+    }
+  }
+
+
+  //==========================================================
+  //   IAM - Gestão de Usuários
+  //==========================================================
+
+  .grid .grid-content .grid-item:first-child p,
+  .grid .grid-header .grid-item:first-child p {
+    font-weight: normal;
+  }
+
+  .grid .grid-header .grid-item {
+    background: var(--black) !important;
+  }
+
+  .help-iam {
+
+    h1 {
+      margin: 40px 0 20px;
+    }
+  }
+
+
+  .help-iam-header {
+
+    h2, h3, p, li {
+      font-weight: normal !important;
+    }
+  }
+
+  .help-iam-content {
+
+    h3, h4, p, li {
+      font-weight: normal !important;
+    }
+  }
+
+  .tc-accordion {
+    border: 2px solid var(--tc-gray-200) !important;
+    border-radius: 5px !important;
+
+    .area-filter {
+      padding: 0 !important;
+    }
+
+    .form-control {
+      font-size: 12px !important;
+    }
+  }
+
+
+  .progress-wrap-tex {
+    @include prime-gray-100;
+  }
+
+  .progress-wrap .progress-wrap-bar,
+  .form-fieldset label
+  {
+    @include prime-bg-50;
+  }
+
+  .progress-wrap-text {
+    text-transform: uppercase;
+    font-size: 14px !important;
+    @include prime-gray-100;
+  }
+
+
+  #permissoes {
+
+    .box {
+      border-radius: 5px !important;
+      @include prime-bdr-100;
+      padding: 20px !important;
+    }
+  }
+
+  .card-footer-wrap {
+    margin-bottom: 20px !important;
+  }
+
+  .user-paper {
+
+    .sub-titulo {
+      padding-right: 180px;
+    }
+  }
+
+
+  #tabIamUser {
+
+    .box-grid-content {
+
+      .grid-content {
+
+        .grid-item {
+          background: var(--tc-gray-10);
+        }
+
+        &:nth-child(odd) {
+
+          .grid-item {
+            background: var(--tc-gray-50);
+          }
+        }
+
+        &.active {
+
+          .grid-item {
+            background: var(--tc-primary) !important;
+            color:var(--white) !important;
+          }
+
+          &:before {
+            background: var(--tc-primary);
+          }
+        }
+      }
+    }
+
+  }
+
+  #this-roles {
+
+    .box-border-green {
+      border: 2px solid var(--tc-primary);
+    }
+  }
+
+  //==========================================================
+  //   Administration
+  //==========================================================
+
+  // ==========================
+  // adm contract
+  // ==========================
+
+  .adm-contrato {
+
+    .header {
+      margin-bottom: 20px;
+    }
+  }
+
+  // ==========================
+  // News
+  // ==========================
+
+  .tc-crud-news {
+
+    .grid-body {
+
+      .grid-for:nth-child(odd) {
+        background: var(--tc-gray-10) !important;
+      }
+    }
+
+    .news-icon-wrap {
+
+      i {
+        color: var(--tc-gray-100) !important;
+
+        &.fa-trash-alt:hover {
+          color: var(--red) !important;
+        }
+      }
+    }
+
+    .grid-header {
+      font-weight: normal !important;
+
+      .item {
+        background: var(--black) !important;
+
+        &:first-child,
+        &:last-child {
+          border-radius: 0 !important;
+        }
+      }
+    }
+
+
+    .modal-header {
+
+      h4 {
+        font-weight: normal !important;
+      }
+
+      .fa-exclamation-triangle {
+        color: var(--second) !important;
+      }
+    }
+  }
+
+  // ==========================
+  // Customer feedback
+  // ==========================
+
+
+  .tc-customer-feedback {
+
+    h2 {
+      margin-bottom: 20px;
+    }
+
+    h3 {
+      cursor: pointer;
+      margin-bottom: 20px;
+    }
+  }
+
+  // ==========================
+  // Reports
+  // ==========================
+
+  .project-list {
+    .table-hover tbody tr:hover {
+      background-color: var(--tc-primary) !important;
+    }
+  }
+
+  .inmodal .modal-header small {
+    font-weight: normal !important;
+  }
+
+  .feature-group {
+
+    p {
+      margin: 20px 0 !important;
+    }
+  }
+
+  .ibox-heading h3 {
+    font-size: initial !important;
+    margin-bottom: 10px;
+  }
+
+  // ==========================
+  // Reports
+  // ==========================
+  .tcode-search {
+    margin: 20px 0;
+  }
+
+  // ==========================
+  // IAM
+  // ==========================
+
+  // Associação de Papéis
+  .iam_rules-actions {
+
+    .ibox-content {
+
+      &.container-bg-dark {
+        background-color: transparent !important;
+      }
+
+    }
+
+  }
+
+  .iam_user-rules,
+  .iam_rules-actions,
+  .iam_rules-groups {
+
+    .ibox-content {
+      border: none !important;
+    }
+
+    .ibox-tools {
+      position: relative !important;
+      top: 15px !important;
+      right: 15px !important;
+    }
+
+    .table-hover tbody tr:hover .btn-white:hover {
+      background: var(--white) !important;
+    }
+
+    .feature-actions {
+
+      .btn-white {
+
+        &:hover {
+          color: var(--tc-primary) !important;
+        }
+      }
+    }
+  }
+
+  // ==========================
+  // Provisionamento
+  // ==========================
+
+  .tc-launcher-page {
+
+    .ibox-content {
+      background-color: transparent !important;
+      border: 2px solid var(--tc-gray-50) !important;
+      border-radius: 5px !important;
+      margin-top: 0 !important;
+      padding: 10px !important;
+      margin-bottom: 20px !important;
+
+      .ibox-content {
+        margin-bottom: 0 !important;
+      }
+    }
+
+    .ibox-heading {
+      margin-top: 10px !important;
+
+      small {
+
+        i {
+          margin-right: 5px;
+          font-size: 14px;
+        }
+      }
+    }
+
+    .text-center {
+
+      .btn-success {
+        border-color: transparent !important;
+      }
+    }
+
+
+    .widget-head-color-box {
+
+      &.card-header {
+        background-color: transparent !important;
+        color: var(--black) !important;
+        border-radius: 7px 7px 0 0 !important;
+        border: 2px solid var(--tc-gray-50) !important;
+
+        p {
+          line-height: 25px;
+          margin: 20px 0;
+        }
+
+
+      }
+    }
+
+
+    .col-12.text-right {
+
+      .btn-success {
+        border-color: transparent !important;
+      }
+    }
+
+    .widget-text-box {
+      border-radius: 0 0 7px 7px !important;
+      border-width: 2px !important;
+    }
+
+    .ibox-content.search-code {
+
+      .col-12.text-center {
+        align-items: center;
+        justify-content: flex-end;
+        display: flex;
+      }
+    }
+
+  }
+
+  .ibox-title {
+
+    h5 {
+      font-size: 16px !important;
+      text-transform: uppercase !important;
+    }
+  }
+
+  // ==========================
+  // Provisionamento em Exec
+  // ==========================
+
+  .tc-list-provisioning {
+    margin-bottom: 20px;
+
+    .container-item {
+      border: 2px solid var(--tc-gray-50) !important;
+      border-radius: 5px;
+      box-shadow: none;
+    }
+
+    .container-item .container-top-card .container-infos {
+      border: 1px solid var(--tc-gray-50) !important;
+      background-color: transparent !important;
+    }
+  }
+
+  // ==========================
+  // Listagem de Templates
+  // ==========================
+
+  .list-component {
+    margin: 20px 0 !important;
+
+    .nav-tabs {
+      margin-bottom: 20px;
+    }
+  }
+
+  // ==========================
+  // Importação de Ambientes
+  // ==========================
+
+  .tc-import-env {
+
+    .card-container {
+      padding: 0 !important;
+      background: none !important;
+    }
+
+    h1 {
+      font-size: 16px !important;
+      text-transform: uppercase !important;
+      margin-bottom: 20px;
+    }
+
+    .panel-body {
+      padding: 20px 20px 0 !important;
+
+      p {
+        margin-bottom: 20px;
+      }
+    }
+  }
+
+
+
+  //==========================================================
+  //   Administration Evento comercial
+  //==========================================================
+
+
+  // ==========================
+  // Requisições
+  // ==========================
+
+  .tc-implantation {
+    margin-bottom: 20px;
+
+    .line-info {
+      display: flex!important;
+      justify-content: flex-end!important;
+      margin: 20px 0 !important;
+      width: initial !important;
+      table {
+        width: 300px!important;
+      }
+    }
+
+    .tc-requests {
+      border: 1px solid blue;
+
+      .tc-tab-menu {
+        overflow: hidden !important;
+      }
+  
+      .area-navigation td button {
+        top: -3px !important;
+      }
+  
+      h3 {
+        @include prime-subtitle;
+      }
+  
+      .sec-time {
+        bottom: 130px !important;
+      }
+  
+      .box-master {
+        background-color: var(--tc-gray-10) !important;
+        border-radius: 7px !important;
+  
+        &:hover {
+          border: 3px solid var(--tc-gray-100) !important;
+        }
+  
+      }
+  
+      th {
+        background-color: var(--black) !important;
+      }
+    }
+ 
+  
+
+
+   
+  }
+
+  //==========================================================
+  //   Trust Center
+  //==========================================================
+
+  .card-new.trustcenter {
+    margin: 25px !important;
+  }
+
+  .trustcenter {
+
+    p {
+      line-height: 22px !important;
+      margin-bottom: 1rem;
+    }
+
+    h1 {
+      margin-bottom: 20px !important;
+    }
+
+    h4 {
+      line-height: 20px;
+      margin-bottom: 10px !important;
+    }
+
+    .text-wrap {
+
+      p {
+        margin-bottom: 5px;
+      }
+    }
+
+    .trust-text-card {
+      border: 3px solid var(--tc-gray-100);
+      border-radius: 10px;
+    }
+
+    .title-btn-actions,
+    .page-description {
+      margin-bottom: 10px;
+    }
+  }
+
+  .trustcenter-standard {
+    display: none;
+  }
+
+  .trust-center-prime {
+    display: block;
+    margin: 20px 0;
+
+    .trust-center-prime_header {
+      margin-bottom: 20px;
+      padding-bottom: 20px;
+      border-bottom: 1px solid var(--tc-gray-50);
+
+      h1 {
+        margin-bottom: 10px;
+      }
+
+    }
+
+    .trust-center-prime_content {
+      display: flex;
+      gap: 30px;
+      margin-bottom: 20px;
+    }
+
+   .trust-center-prime_content-wrap {
+      padding-right: 40px;
+    }
+
+    .trust-center-prime_content-wrap-text {
+      margin-bottom: 40px;
+    }
+
+    .trust-center-prime_content-wrap-links {
+      display: grid;
+      grid-template-columns: repeat(3, 2fr);
+      gap: 20px;
+    }
+
+    .trust-center-prime_content-wrap-link_header {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      margin-bottom: 20px;
+    }
+
+    .trust-center-prime_content-wrap-link_title {
+      text-transform: uppercase;
+    }
+
+    .trust-center-prime_content-wrap-link_content {
+      margin-bottom: 20px;
+    }
+
+    .trust-center-prime_content-wrap-link_footer {
+      margin-bottom: 20px;
+    }
+  }
+
+  .trust-text-card .icone {
+
+    img {
+      filter: invert(88%) sepia(11%) saturate(20%) hue-rotate(3deg) brightness(91%) contrast(88%);
+    }
+  }
+
+  .trust-center_certifications {
+
+    img {
+      filter: none !important;
+    }
+
+  }
+
+  .trustcenter-download-wrap {
+
+    p {
+      margin-bottom: 10px;
+    }
+
+    ul {
+      line-height: 30px;
+    }
+  }
+
+  .trust-text-card .btn {
+    display: inline-flex !important;
+    width: initial !important;
+  }
+
+  .trust-text-card {
+
+    .download-button {
+      display: flex;
+      gap: 10px;
+      align-items: center;
+
+      i {
+        left: initial !important;
+        margin: 0 !important;
+      }
+    }
+  }
+
+
+  .tc-sales-history_welcome {
+
+    h2 {
+      margin-bottom: 20px;
+    }
+
+    hr {
+      display: none !important;
+    }
+  }
+
+  .mfa-reports {
+    margin-top: 20px;
+  }
+
+
+  //==========================================================
+  //   Evento comercial
+  //==========================================================
+  // Teste
+  // TCLAUDI2
+
+  .iam-user-adm {
+    // @include test (red);
+    margin-bottom: 20px;
+
+    h2 {
+      text-transform: uppercase;
+      margin-bottom: 40px;
+    }
+
+
+    thead {
+
+      th {
+        padding:10px !important;
+        background-color: var(--black) !important;
+        font-size: 10px !important;
+      }
+    }
+
+    .btn-action-icon {
+
+      i {
+        color: var(--tc-primary) !important;
+      }
+    }
+    .resume .resume-header,
+    .resume .prod-wrap,
+    .resume .company-wrap {
+      box-shadow: none !important;
+      padding: 0 !important;
+    }
+  }
+
+  .com-event_config-products-modal {
+
+    p.text-center {
+      margin-bottom: 20px;
+    }
+
+  }
+
+  .btn-search {
+    display: inline-flex !important;
+  }
+
+  .commercial-event_edit-modal-btn-wrap {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .box-step-actions {
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+    margin: 20px auto !important;
+  }
+
+
+  .w-btn {
+    div {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+
+    }
+  }
+
+  .title-product {
+    background-color: var(--black) !important;
+  }
+
+
+
+  //==========================================================
+  // Maintenance
+  //==========================================================
+
+  .list-maintenance-window {
+
+    .card-list-item {
+      background-color: var(--tc-gray-10) !important;
+      border: 2px solid var(--tc-gray-100);
+      border-radius: 5px;
+    }
+
+    .card-list-item {
+      background-color: transparent !important;
+
+      .info-header {
+
+        .text-center {
+          text-align: initial !important;
+        }
+      }
+
+      .info-window-title {
+        font-size: 11px;
+      }
+    }
+  }
+
+  //==========================================================
+  // Migration
+  //==========================================================
+
+
+  .migration-list {
+
+    i {
+      @include prime-color;
+    }
+  }
+
+  #newMigrationModal {
+
+    .form-content {
+
+      /* Track */
+      ::-webkit-scrollbar-track {
+        background: var(--tc-gray-50) !important;
+      }
+      /* Handle */
+      ::-webkit-scrollbar-thumb {
+        background: var(--tc-primary) !important;
+      }
+      /* Handle on hover */
+      ::-webkit-scrollbar-thumb:hover {
+        background: var(--tc-complemt-2) !important;
+      }
+    }
+
+
+    .btn-upload {
+      @include prime-bgc;
+    }
+
+
+    .box-border,
+    .box-border-label {
+      border-color: var(--tc-gray-100) !important;
+    }
+
+    .box-border-label {
+      padding-bottom: 10px !important;
+      margin-bottom: 10px !important;
+    }
+
+  }
+
+
+  .tc-uploader {
+
+    .wrap {
+      margin-bottom: 20px;
+    }
+
+    .btn-wrap {
+      display: flex;
+      justify-content: flex-end;
+    }
+  }
+
+
+
+  //==========================================================
+  // dev studio
+  //==========================================================
+
+  .dev-studio_form {
+
+    .ibox-content {
+      border: none !important;
+    }
+  }
+
+  .dev-studio_form-btn-wrap {
+    display: flex;
+    justify-content: flex-end;
+  }
+
+  .smart-forms {
+
+    h4 {
+      margin-bottom: 20px;
+      text-transform: uppercase;
+    }
+
+    h2 {
+      margin-bottom: 0 !important;
+    }
+
+  }
+
+  //==========================================================
+  // custumer service
+  //==========================================================
+
+  .token-btn {
+    border-radius: 5px !important;
+    background-color: var(--tc-primary) !important;
+    border-color: var(--tc-primary) !important;
+  }
+
+  //==========================================================
+  // insights
+  //==========================================================
+
+  .insights-card {
+    border-left-color: var(--tc-primary) !important;
+
+    &:hover {
+      background: var(--tc-complemt-2) !important;
+    }
+  }
+
+  //==========================================================
+  // tc-communication-message
+  //==========================================================
+
+
+
+
+  .tc-communication-message {
+
+    h2 {
+      text-transform: uppercase;
+      text-transform: uppercase;
+      border-bottom: 1px solid var(--tc-gray-100) !important;
+      padding-bottom: 10px;
+      margin-bottom: 10px !important;
+    }
+
+  }
+
+  //==========================================================
+  // DEVStudio
+  //==========================================================
+
+  ::ng-deep tc-draft-area {
+
+    .topnav {
+
+      a {
+        background: transparent !important;
+        color: var(--tc-primary) !important;
+
+        &.active {
+          border-bottom: none !important;
+        }
+      }
+    }
+  }
+
+  //==========================================================
+  // protheus-erp-form
+  //==========================================================
+
+  .protheus-erp-form {
+    .my-offers-form{
+      .my-offers-form-header{
+        background-color:#6B48FF !important
+      }
+    }
+    .my-offers-form-section-final-result-sum{
+      label{
+        color:#6B48FF !important;
+      }
+      div{
+        span{
+          color:#6B48FF !important;
+        }
+      }
+    }
+  }
+
+  //==========================================================
+  // file-manager-menu
+  //==========================================================
+
+  tc-file-manager-menu {
+
+    .card-path {
+      border: 2px solid var(--tc-gray-100) !important;
+
+      button {
+
+        &:focus,
+        &:hover {
+          i {
+            color: #6B48FF !important;
+          }
+        }
+      }
+
+      &.area-active {
+        border-color: var(--tc-primary) !important;
+      }
+    }
+  }
+
+  tc-list-directory-file {
+    .btn-file {
+      color: #6B48FF !important;
+    }
+  }
+
+
+  //==========================================================
+  // Button disabled
+  //==========================================================
+
+  .container-button.disabled {
+    background-color: #a691ff !important;
+    border-radius: 30px;
+  }
+  .primary:disabled {
+    background: #a691ff !important;
+  }
+
+// =================================================================
+// =================================================================
+}  // End T-Cloud Prime Styles
+// =================================================================
+// =================================================================
+