@dev-tcloud/tcloud-ui 0.1.3 → 0.1.4

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

@@ -49,7 +49,7 @@ body.tc-prime {
   .card-shadow-tit,
   .card
   {
-    color: var(--black) $i;
+    color: var(--black) !important;
   }
 
   h1,
@@ -59,24 +59,24 @@ body.tc-prime {
   h5,
   h6
   {
-    font-weight: 500 $i;
+    font-weight: 500 !important;
   }
 
   h1 {
-    font-size: 20px $i;
+    font-size: 20px !important;
     text-transform: uppercase;
   }
 
   h2 {
-    font-size: 18px $i;
+    font-size: 18px !important;
   }
 
   h3 {
-    font-size: 16px $i;
+    font-size: 16px !important;
   }
 
   h4 {
-    font-size: 14px $i;
+    font-size: 14px !important;
   }
 
   .dropdown-item .favorito.active,
@@ -164,7 +164,7 @@ body.tc-prime {
   .admin-fullname-wrap i,
   .admin-email-wrap i
   {
-    color: var(--tc-gray-100) $i;
+    color: var(--tc-gray-100) !important;
   }
 
 
@@ -198,7 +198,7 @@ body.tc-prime {
   .virtual-machine-content .vm-disk-backup__status,
 
   .order-confirmation-modal .order-confirmation-header,
-  .container-options .btn-new-green:disabled,
+  .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,
@@ -248,9 +248,11 @@ body.tc-prime {
   .boxFastAccess .msg-wrap,
   #prime-quick-access .text-success
   {
-    @include prime-bg-10;
+    @include prime-bg-50;
   }
 
+  
+
   //==========================================================
   // Prime Objects border Colors
   //==========================================================
@@ -305,11 +307,15 @@ body.tc-prime {
 
   .tc-notification,
   .btn-msg {
-    border-radius: 7px $i;
+    border-radius: 7px !important;
   }
 
   .card {
-    box-shadow: none $i;
+    box-shadow: none !important;
+    
+    &.card.shadow {
+      box-shadow: none !important;
+    }
   }
 
   .label-info,
@@ -328,14 +334,14 @@ body.tc-prime {
   .topnav {
 
     li {
-      font-weight: normal $i;
-      font-size: 12px $i;
-      border-radius: 4px 4px 0 0 $i;
+      font-weight: normal !important;
+      font-size: 12px !important;
+      border-radius: 4px 4px 0 0 !important;
     }
   }
 
   .card {
-    background: none $i;
+    background: none !important;
   }
 
 
@@ -343,11 +349,11 @@ body.tc-prime {
   .nav-tabs {
 
     .nav-link {
-      font-weight: normal $i;
+      font-weight: normal !important;
 
       &.active,
       &.hover {
-        color: var(--white) $i;
+        color: var(--white) !important;
       }
 
       i {
@@ -358,19 +364,19 @@ body.tc-prime {
   }
 
   .nav-tabs > li > a {
-    color: var(--black) $i;
+    color: var(--black) !important;
   }
 
   .nav-tabs > li > a:hover,
   .nav-tabs > li > a:focus {
-    color: var(--white) $i;
+    color: var(--white) !important;
   }
 
 
   .ibox-title {
-    padding: 0 $i;
-    border-radius: 0 $i;
-    margin-bottom: 20px $i;
+    padding: 0 !important;
+    border-radius: 0 !important;
+    margin-bottom: 20px !important;
   }
 
   .green {
@@ -381,10 +387,10 @@ body.tc-prime {
   .ibox-content {
 
     &.container-bg-dark {
-      background-color: transparent $i;
+      background-color: transparent !important;
 
       label {
-        color: var(--black) $i;
+        color: var(--black) !important;
       }
     }
 
@@ -422,7 +428,7 @@ body.tc-prime {
   .inmodal {
 
     .modal-title {
-      color: var(--white) $i;
+      color: var(--white) !important;
     }
 
     .modal-header {
@@ -437,8 +443,8 @@ body.tc-prime {
 
   button.close,
   .close:not(:disabled):not(.disabled) {
-    color: var(--white) $i;
-    opacity: 1 $i;
+    color: var(--white) !important;
+    opacity: 1 !important;
   }
 
 
@@ -460,12 +466,12 @@ body.tc-prime {
   .btnContainer {
 
     .chamada {
-      background-color: var(--black) $i;
+      background-color: var(--black) !important;
     }
 
     .remove-feedback {
-      background-color: var(--tc-gray-100) $i;
-      color: var(--white) $i;
+      background-color: var(--tc-gray-100) !important;
+      color: var(--white) !important;
     }
   }
 
@@ -478,14 +484,14 @@ body.tc-prime {
   .container-box-dialog {
 
     .container-body {
-      padding: 20px $i;
+      padding: 20px !important;
 
       .container-step {
 
         .progress-bar-line {
-            margin: 15px 0 $i;
-            background: var(--tc-gray-50) $i;
-            border: none $i;
+            margin: 15px 0 !important;
+            background: var(--tc-gray-50) !important;
+            border: none !important;
           }
         }
 
@@ -493,7 +499,7 @@ body.tc-prime {
         .line-values,
         .line-values.line-position-1
          {
-          height: 10px $i;
+          height: 10px !important;
         }
     }
 
@@ -501,8 +507,8 @@ body.tc-prime {
 
       .title,
       .sub-title  {
-        color: var(--white) $i;
-        font-weight: normal $i;
+        color: var(--white) !important;
+        font-weight: normal !important;
       }
 
 		}
@@ -510,15 +516,15 @@ body.tc-prime {
     .container-questions {
 
       .question {
-        width: initial $i;
-        font-weight: normal $i;
-        line-height: 22px $i;
+        width: initial !important;
+        font-weight: normal !important;
+        line-height: 22px !important;
       }
 
       .comments-area {
-        margin-bottom: 20px $i;
-        padding: 10px $i;
-        width: 100% $i;
+        margin-bottom: 20px !important;
+        padding: 10px !important;
+        width: 100% !important;
       }
     }
 	}
@@ -526,7 +532,7 @@ body.tc-prime {
   .notifications-container {
 
     .bullets {
-      display: none $i;
+      display: none !important;
     }
   }
 
@@ -535,7 +541,7 @@ body.tc-prime {
   //============================
   .ngx-pagination a:hover,
   .ngx-pagination button:hover {
-    color: var(--white) $i;
+    color: var(--white) !important;
   }
 
   .pagination-wrap {
@@ -549,15 +555,15 @@ body.tc-prime {
 
   /* Track */
   ::-webkit-scrollbar-track {
-    background: var(--tc-gray-50) $i;
+    background: var(--tc-gray-50) !important;
   }
   /* Handle */
   ::-webkit-scrollbar-thumb {
-    background: var(--tc-primary) $i;
+    background: var(--tc-primary) !important;
   }
   /* Handle on hover */
   ::-webkit-scrollbar-thumb:hover {
-    background: var(--tc-complemt-2) $i;
+    background: var(--tc-complemt-2) !important;
   }
 
   //============================
@@ -565,8 +571,8 @@ body.tc-prime {
   //============================
 
   .card-new {
-    padding: 0 $i;
-    box-shadow: none $i;
+    padding: 0 !important;
+    box-shadow: none !important;
   }
 
   //============================
@@ -581,10 +587,10 @@ body.tc-prime {
 .loader-icon {
   $clr: var(--tc-gray-50);
   $sz: 3px;
-  border-top: $sz solid var(--tc-primary) $i;
-  border-right: $sz solid $clr $i;
-  border-bottom: $sz solid $clr $i;
-  border-left: $sz solid $clr $i;
+  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;
 }
 
   //==========================================================
@@ -595,14 +601,14 @@ body.tc-prime {
 
     h1,
     h2 {
-      color: var(--white) $i;
+      color: var(--white) !important;
     }
   }
 
   .login-box {
 
-    .btn-new-green {
-      width: 100%$i;
+    .tc-btn-primary {
+      width: 100% !important;
     }
 
     p {
@@ -619,8 +625,8 @@ body.tc-prime {
   .footer {
 
     &.fixed {
-      background: var(--black) $i;
-      border-top-color: rgba( var(--black), .4);
+      background: var(--black) !important;
+      border-top-color: rgba(var(--black), .4);
       color: rgba(var(--white), .4);
       margin-left: 0;
       right: inherit;
@@ -630,7 +636,7 @@ body.tc-prime {
     }
 
     .float-right {
-      float: none $i;
+      float: none !important;
     }
   }
 
@@ -651,8 +657,8 @@ body.tc-prime {
     thead {
 
       th {
-        background-color: var(--black) $i;
-        color: var(--white) $i;
+        background-color: var(--black) !important;
+        color: var(--white) !important;
       }
     }
 
@@ -662,145 +668,24 @@ body.tc-prime {
   }
 
   tbody tr:nth-child(odd) {
-    background: var(--tc-gray-10) $i;
-  }
-
-
-  //==========================================================
-  // Buttons
-  //==========================================================
-  .btn-new,
-  .btn-new-grey,
-  .btn-product-info,
-  .secondary,
-  .button-card
-  {
-    background: var(--tc-gray-10) $i;
-    color: var(--black) $i;
-    display: inline-flex $i;
-    align-items: center $i;
-    width: initial $i;
-
-    &.active,
-    &.opened,
-    &:hover {
-      background: var(--tc-primary) $i;
-      color: var(--white) $i;
-    }
-
-    i {
-      font-size: 20px;
-    }
-  }
-
-  .btn,
-  .btn-new-green,
-  .btn-green-validate,
-  .refresh-button,
-  .primary,
-  .btn-light {
-    display: inline-flex $i;
-    align-items: center $i;
-    gap: 5px $i;
-    background: var(--tc-primary) $i;
-    color: var(--white) $i;
-    width: initial $i;
-
-    &.active,
-    &.opened,
-    &:hover {
-      background: var(--tc-complemt-2) $i;
-
-      .fa-save {
-        color: var(--white) $i;
-      }
-    }
-  }
-
-  .btn-primary
-  {
-
-    &:hover,
-    &:focus
-    {
-      background-color: var(--tc-primary) $i;
-      border-color: var(--tc-primary) $i;
-      color: var(--white) $i;
-    }
-  }
-
-
-
-
-  .btn-primary {
-    border: none $i;
-  }
-
-  .btn-white {
-    background: var(--white) $i;
-    color: var(--tc-primary) $i;
-
-    &:hover {
-      border-color: var(--tc-primary) $i;
-      color: var(--white) $i;
-
-      i {
-        color: var(--tc-primary) $i;
-      }
-    }
-  }
-
-  .input-group-append .btn {
-    border-radius: 0 5px 5px 0 $i;
-    background: none $i;
-    border-color: var(--tc-gray-100) $i;
-  }
-
-  .btn-danger {
-    color: var(--white) $i;
-    background-color: var(--red) $i;
-    border-color:  var(--red) $i;
-  }
-
-  .btn-xs {
-    padding: 10px 20px $i;
-    border-radius: 30px $i;
-    font-size: 12px $i;
-  }
-
-  .btn-upload {
-    @include prime-bgc;
+    background: var(--tc-gray-10) !important;
   }
 
 
-  .btn-white:focus {
-    border: 1px solid var(--tc-primary) $i;
-  }
-
-
-  .btn-success:focus,
-  .btn-success.focus {
-    box-shadow: none $i;
-  }
-
-  .btn-success:hover,
-  .btn-success:focus,
-  .btn-success.focus {
-    border-color: var(--tc-primary) $i;
-  }
+  
   //==========================================================
   // Forms
   //==========================================================
 
   .box-input-line-options {
-    border: 1px solid var(--tc-gray-100) $i;
+    border: 1px solid var(--tc-gray-100) !important;
     padding: 10px;
 
     label {
     display: inline-flex;
     align-items: center;
     gap: 5px;
-    cursor: pointer $i;
+    cursor: pointer !important;
     margin-right: 25px;
     margin-bottom: 0;
     }
@@ -819,7 +704,7 @@ body.tc-prime {
 
   .form-control,
   .single-line {
-    border: 1px solid var(--tc-gray-100);
+    border: 1px solid var(--tc-gray-300);
     border-radius: 5px;
   }
 
@@ -827,13 +712,13 @@ body.tc-prime {
 
     .btn.btn-default {
       @include prime-color;
-      background-color: transparent $i;
-      border-left-color: transparent $i;
-      border-radius: 0 5px 5px 0 $i;
-      font-size: 18px $i;
-      padding: 0 10px $i;
-      border: 1px solid $i;
-      border-color: var(--tc-gray-100) $i;
+      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;
     }
   }
 
@@ -842,7 +727,7 @@ body.tc-prime {
     > .form-control:not(:last-child),
     > .custom-select:not(:last-child)
     {
-      border-right-color: transparent $i;
+      border-right-color: transparent !important;
       font-size: 12px;
     }
   }
@@ -853,13 +738,13 @@ body.tc-prime {
 
   .switch.checked {
     @include prime-bg;
-    border-color: var(--tc-primary) $i;
+    border-color: var(--tc-primary) !important;
   }
 
 
   .tc-form-control:focus-visible {
-    outline: 1px solid var(--tc-primary) $i;
-    // border-radius: 2px $i;
+    outline: 1px solid var(--tc-primary) !important;
+    // border-radius: 2px !important;
   }
 
 
@@ -867,27 +752,27 @@ body.tc-prime {
 
     .form-control:not(:last-child),
     .custom-select:not(:last-child) {
-      border-right-color: var(--tc-gray-100) $i;
+      border-right-color: var(--tc-gray-100) !important;
     }
   }
 
   .tc-pipeline-report-all {
 
     .ng-grid-wrap {
-      padding: 0 $i;
+      padding: 0 !important;
     }
   }
 
   .input-group-append {
-    border-radius: 0 5px 5px 0 $i;
+    border-radius: 0 5px 5px 0 !important;
   }
 
   .form-input:focus {
-    border: 1px solid var(--tc-primary) $i;
+    border: 1px solid var(--tc-primary) !important;
   }
 
   .form-input:focus-visible {
-    outline: 1px solid var(--tc-primary) $i;
+    outline: 1px solid var(--tc-primary) !important;
   }
 
   //==========================================================
@@ -896,9 +781,9 @@ body.tc-prime {
 
   .alert-danger,
   .alert {
-    border-color: $warning;
-    color: $danger;
-    background-color: rgba($warning, 0.1);
+    border-color: var(--warning);
+    color: var(--danger);
+    background-color: rgba(var(--warning), 0.1);
   }
 
   .text-info {
@@ -909,14 +794,14 @@ body.tc-prime {
   // Breadcrumb
   //==========================================================
   .page-heading {
-    box-shadow: none $i;
+    box-shadow: none !important;
   }
 
   .breadcrumb-wrap {
     h2 {
-      font-weight: normal $i;
-      font-size: 14px $i;
-      margin-bottom: 0 $i;
+      font-weight: normal !important;
+      font-size: 14px !important;
+      margin-bottom: 0 !important;
     }
   }
 
@@ -933,11 +818,11 @@ body.tc-prime {
 
   .card.margin-top,
   .card-shadow.margin-top {
-    margin-top: 20px $i;
+    margin-top: 20px !important;
   }
 
   .card-shadow-tit {
-    font-weight: bold $i;
+    font-weight: bold !important;
   }
 
 //==========================================================
@@ -957,7 +842,7 @@ body.tc-prime {
     p {
       display:block;
       color: var(--white);
-      width: 150px $i;
+      width: 150px !important;
     }
   }
 
@@ -967,14 +852,14 @@ body.tc-prime {
   }
 
   .tc-prime-icon.fa-user {
-    display: block $i;
+    display: block !important;
     font-size: 18px;
     color: var(--white);
   }
 
   .profile-options {
     color: var(--white);
-    position: absolute $i;
+    position: absolute !important;
     right: -22px;
     top: 2px;
 
@@ -1026,7 +911,8 @@ body.tc-prime {
   .nav-header {
 
     .text-muted {
-      color: var(--tc-gray-100) $i;
+      // color: var(--tc-gray-500) !important;
+      color: var(--tc-gray-100) !important;
     }
   }
 
@@ -1035,7 +921,7 @@ body.tc-prime {
   //====================================
 
   .navbar-default .nav > li > a {
-    font-weight: normal $i;
+    font-weight: normal !important;
   }
 
 
@@ -1043,7 +929,7 @@ body.tc-prime {
   .navbar-default .nav > li > a:hover,
   .navbar-default .nav > li > a:focus,
   ul.nav-second-level {
-    background-color: transparent $i;
+    background-color: transparent !important;
   }
 
   .profile-element {
@@ -1069,12 +955,12 @@ body.tc-prime {
 
     > li > a,
     .item-link i {
-      color: var(--black) $i;
+      color: var(--black) !important;
 
       &:hover,
       :focus {
         @include prime-color;
-        background: none $i;
+        background: none !important;
       }
     }
 
@@ -1145,7 +1031,7 @@ body.tc-prime {
           }
 
           a {
-            background: none $i;
+            background: none !important;
             padding: 7px 20px 0 40px;
             margin: 0;
           }
@@ -1178,7 +1064,7 @@ body.tc-prime {
     }
 
     .nav > li > a i {
-      margin: 0 $i;
+      margin: 0 !important;
     }
 
     .wrap-menu-icon {
@@ -1282,7 +1168,7 @@ body.tc-prime {
   }
 
   .banner-area.image {
-    height: auto $i;
+    height: auto !important;
   }
 
   .topnav-company-name {
@@ -1298,7 +1184,7 @@ body.tc-prime {
       }
 
       .fa-angle-down {
-        background: none $i;
+        background: none !important;
         color: var(--tc-primary);
       }
     }
@@ -1309,7 +1195,7 @@ body.tc-prime {
   }
 
   .tc-prime-company-name {
-    border: none $i;
+    border: none !important;
 
     &.highlight{
 
@@ -1329,9 +1215,9 @@ body.tc-prime {
 
     &.navbar-top-links {
       > li > a {
-        background: none $i;
-        color: var(--black) $i;
-        padding: 10px 5px $i;
+        background: none !important;
+        color: var(--black) !important;
+        padding: 10px 5px !important;
 
         &:hover {
           @include prime-color;
@@ -1344,7 +1230,7 @@ body.tc-prime {
         border-radius: 0;
 
         .dropdown {
-          padding: 0 $i;
+          padding: 0 !important;
         }
 
       }
@@ -1364,8 +1250,9 @@ body.tc-prime {
     }
   }
 
+
   .ico-notes {
-    background-image: url("/assets/img/topmenu/topmenu-ico-note.svg") $i;
+    background-image: url("/assets/img/topmenu/topmenu-ico-note.svg") !important;
   }
 
   .btn-icon.dropdown-toggle.count-info.tmu-color.assist-token-dropdown {
@@ -1391,14 +1278,14 @@ body.tc-prime {
 
     .icon-group {
       @include prime-color;
-      padding: 0 $i;
+      padding: 0 !important;
       position: relative;
       top: 0;
       left: 0;
 
       .icon-main {
-        left: 0 $i;
-        top: 4px $i;
+        left: 0 !important;
+        top: 4px !important;
         @include ico-topmenu('topmenu-ico-imperso', 25px, 25px );
       }
 
@@ -1408,8 +1295,13 @@ body.tc-prime {
     }
   }
 
-
-
+  .tc-top-message-user {
+    
+    .count-info .label {
+      right: -13px !important;
+      top: 0px !important;
+    }
+  }
 
 //==========================================================
 // Prime T-Cloud UI KIT Components
@@ -1419,14 +1311,14 @@ body.tc-prime {
   // Tab Menu
   //====================================
   .tc-menu {
-    background: var(--tc-gray-10) $i;
-    border-radius: 7px $i;
+    background: var(--tc-gray-10) !important;
+    border-radius: 7px !important;
   }
 
   .tab-title {
 
     &:hover {
-      background: var(--tc-complemt-2) $i;
+      background: var(--tc-complemt-2) !important;
     }
 
     &.tab-title-active {
@@ -1451,7 +1343,7 @@ body.tc-prime {
   .subnav {
 
     .tc-menu {
-      background: none $i;
+      background: none !important;
     }
   }
 
@@ -1471,8 +1363,8 @@ body.tc-prime {
     h4 {
       margin: 0;
       padding: 0;
-      color: #fff$i;
-      font-weight: normal$i;
+      color: #fff !important;
+      font-weight: normal !important;
       text-transform: uppercase;
       font-size: 13px;
     }
@@ -1494,38 +1386,7 @@ body.tc-prime {
 
   }
 
-  //==========================================================
-  // STEPS - table-trilha
-  //==========================================================
-
-  .table-trilha {
-
-    .circle {
-      border: none $i;
-      background-color: var(--tc-gray-50) $i;
-      position: relative;
-      z-index: 1;
-
-      &.icon-step-active {
-        border: none $i;
-        background-color: var(--tc-primary) $i;
-
-        .area-index {
-          font-size: 20px $i;
-          color: var(--white) $i;
-        }
-
-      }
-    }
-
-    .area-index {
-      color: var(--tc-gray-100) $i;
-    }
-
-    .step-line {
-      background-color: var(--tc-gray-50) $i;
-    }
-  }
+ 
 
 
 //==========================================================
@@ -1541,9 +1402,8 @@ body.tc-prime {
 
   .prime-dashboard {
     display: flex;
-    align-items: center;
     gap: 20px;
-    margin-bottom: 20px;
+    margin-bottom: 30px;
   }
 
   .admin-email-wrap {
@@ -1568,7 +1428,7 @@ body.tc-prime {
   .dash-users-admin {
 
     .card-shadow-subtit {
-      display: none $i;
+      display: none !important;
     }
   }
 
@@ -1611,7 +1471,7 @@ body.tc-prime {
   }
 
   .tc-card-Tooltip {
-    display: flex $i;
+    display: flex !important;
     font-weight: normal;
     font-size: 12px;
     text-transform: none;
@@ -1624,11 +1484,11 @@ body.tc-prime {
 
   .product-card-info {
     font-size: 12px;
-    flex-flow: row-reverse $i;
+    flex-flow: row-reverse !important;
     justify-content: flex-end;
     gap: 20px;
 
-    background: var(--tc-gray-50);
+    background: var(--tc-gray-10);
     padding: 8px 10px;
     border-radius: 6px;
 
@@ -1638,19 +1498,19 @@ body.tc-prime {
     top: 18px;
 
     .product-card-title-wrap {
-      color: var(--black) $i;
-      background: transparent $i;
-      margin: 0$i;
-      padding: 0$i;
-      gap: 5px$i;
+      color: var(--black) !important;
+      background: transparent !important;
+      margin: 0 !important;
+      padding: 0 !important;
+      gap: 5px !important;
 
       .ambient-title,
       .topologie-length {
-        font-size: inherit$i;
+        font-size: inherit !important;
       }
 
       .ambient-title {
-        font-weight: bold$i;
+        font-weight: bold !important;
       }
     }
   }
@@ -1659,19 +1519,19 @@ body.tc-prime {
     display: flex;
     align-items: center;
     gap: 5px;
-    margin: 0$i;
+    margin: 0 !important;
 
     img {
       display: none;
     }
 
     h2 {
-      display: block $i;
-      font-size: 12px $i;
+      display: block !important;
+      font-size: 12px !important;
       color: var(--black);
       text-transform: uppercase;
-      margin: 0 $i;
-      font-weight: bold $i;
+      margin: 0 !important;
+      font-weight: bold !important;
     }
 
     &:before {
@@ -1683,31 +1543,31 @@ body.tc-prime {
   }
 
   .card-topology {
-    display: flex $i;
-    flex-flow: column $i;
-    justify-content: space-between $i;
-    min-height: 176px $i;
+    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) $i;
-    border-radius: 5px $i;
-    box-shadow: none $i;
+    color: var(--black) !important;
+    border-radius: 5px !important;
+    box-shadow: none !important;
 
 
     &:hover .card-topology__header {
-      background-color: transparent$i;
+      background-color: transparent !important;
       // @include prime-color;
     }
 
     .card-topology__header {
-      background-color: transparent$i;
+      background-color: transparent !important;
       @include prime-color;
       text-transform: uppercase;
       border-bottom: 1px solid var(--tc-gray-50);
     }
 
     .card-topology__footer {
-      background-color: transparent$i;
+      background-color: transparent !important;
       border-top: 1px solid var(--tc-gray-50);
     }
   }
@@ -1715,10 +1575,10 @@ body.tc-prime {
   .dash-product-list-container {
 
     .col-10 {
-      -ms-flex: 0 0 100%$i;
-      flex: 0 0 100%$i;
-      max-width: 100%$i;
-      width: 100%$i;
+      -ms-flex: 0 0 100% !important;
+      flex: 0 0 100% !important;
+      max-width: 100% !important;
+      width: 100% !important;
       margin-top: 70px;
     }
 
@@ -1737,8 +1597,8 @@ body.tc-prime {
   }
 
   .card-products-tit {
-    color: var(--black) $i;
-    font-weight: bold $i;
+    color: var(--black) !important;
+    font-weight: bold !important;
   }
 
   .card-products-wrap {
@@ -1759,40 +1619,55 @@ body.tc-prime {
 
   .card-products-content {
 
+    .tc-tab-menu {
+      overflow: visible !important;
+    }
+
     .tc-menu {
-      background: transparent $i;
-      margin: 0;
+      background: transparent !important;
+      overflow: visible !important;
     }
 
     .tab-title {
-      font-size: 16px $i;
-      background: transparent $i;
-      padding: 0 $i;
-      margin-right: 30px;
+      font-size: 16px !important;
+      background: transparent !important;
+      padding: 0 !important;
+      margin-right: 30px !important;
+
+      min-width: initial !important;
+      max-width: initial !important;
 
-      min-width: initial $i;
-      max-width: initial $i;
+      // transition: all 0.25s;
 
       &:hover,
       &.tab-title-active {
         @include prime-color;
-        background: transparent $i;
+        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;
+        }
       }
     }
 
-    .area-navigation td:first-child button,
-    .area-navigation td:last-child button {
-      display: none $i;
-    }
+    
 
     .tab-menu-wrap {
-      margin: 20px 0 0 $i;
+      margin: 20px 0 0 !important;
     }
 
     .msg-search {
 
       .wrap {
-        border-radius: 10px $i;
+        border-radius: 10px !important;
         margin-top: 70px;
       }
     }
@@ -1803,28 +1678,28 @@ body.tc-prime {
   }
 
   .card-admin-user {
-    display: grid $i;
-    grid-template-columns: repeat(2, 1fr) $i;
-    max-height: 100px $i;
-    overflow-y: auto $i;
+    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) $i;
+      background: var(--tc-gray-50) !important;
     }
     /* Handle */
     ::-webkit-scrollbar-thumb {
-      background: var(--tc-primary) $i;
+      background: var(--tc-primary) !important;
     }
     /* Handle on hover */
     ::-webkit-scrollbar-thumb:hover {
-      background: var(--tc-complemt-2) $i;
+      background: var(--tc-complemt-2) !important;
     }
   }
 
   .admin-fullname-wrap,
   .admin-email-wrap {
-    gap: 5px $i;
+    gap: 5px !important;
   }
 
 
@@ -1866,7 +1741,7 @@ body.tc-prime {
   .modal-eng-prime-header {
     @include flex-center;
     gap: 20px;
-    @include bdr-bottom(20px, var(--gray-50));
+    @include bdr-bottom(20px, var(--tc-gray-50));
 
     .modal-eng-prime-text {
       margin-left: 40px;
@@ -1960,13 +1835,13 @@ body.tc-prime {
     &:hover {
 
       h3 {
-        color: var(--white) $i;
+        color: var(--white) !important;
       }
     }
   }
 
   .tc-list-backup-files_title {
-    font-size: 13px $i;
+    font-size: 13px !important;
   }
 
 
@@ -1975,16 +1850,16 @@ body.tc-prime {
     .topnav {
 
       ul {
-        background-color: transparent $i;
+        background-color: transparent !important;
 
         li:hover {
-          background-color: transparent $i;
+          background-color: transparent !important;
         }
       }
     }
 
     h2 {
-      font-size: 14px $i;
+      font-size: 14px !important;
     }
   }
 
@@ -2013,18 +1888,18 @@ body.tc-prime {
     .col-lg-12.text-right {
 
       .btn.btn-link {
-        color: var(--white) $i;
+        color: var(--white) !important;
       }
     }
 
 
     .btn.btn-link.m-r {
-      color: var(--tc-primary) $i;
+      color: var(--tc-primary) !important;
     }
 
     .changes-controllers {
       .btn.btn-link.m-r {
-        color: var(--tc-primary) $i;
+        color: var(--tc-primary) !important;
       }
     }
   }
@@ -2033,12 +1908,12 @@ body.tc-prime {
   .sql-editor-wrap {
 
     .history-name {
-      margin: 20px 0 0 $i;
+      margin: 20px 0 0 !important;
     }
   }
 
   .sql-disclaimer-container {
-    background-color: transparent $i;
+    background-color: transparent !important;
   }
 
 
@@ -2054,31 +1929,31 @@ body.tc-prime {
     .label-warning,
     .badge-warning {
       background-color: transparent;
-      border: 3px solid var(--second) $i;
-      color: var(--black) $i;
-      border-radius: 5px $i;
+      border: 3px solid var(--second) !important;
+      color: var(--black) !important;
+      border-radius: 5px !important;
 
       .fa-exclamation-triangle {
         margin-right: 5px;
-        color: var(--second) $i;
+        color: var(--second) !important;
       }
     }
 
     .config-index {
-      background-color: var(--tc-primary) $i;
+      background-color: var(--tc-primary) !important;
     }
   }
 
   .whitelist-wrap {
 
     .config-index {
-      background-color: var(--tc-primary) $i;
+      background-color: var(--tc-primary) !important;
     }
   }
 
   .whitelist-wrap,
     .tc-security-app-modify-restrictions .rowBox {
-    border: 3px solid var(--tc-gray-50) $i;
+    border: 3px solid var(--tc-gray-50) !important;
 
   }
 
@@ -2092,7 +1967,7 @@ body.tc-prime {
   //====================================
 
   .env-card-header {
-    background: none $i;
+    background: none !important;
     @include prime-gray-100;
 
     .fa-cog,
@@ -2145,35 +2020,35 @@ body.tc-prime {
 
     .ibox-content.selected > :after,
     .ibox-content:hover > :after {
-      border-top: 13px solid var(--tc-primary)$i;
+      border-top: 13px solid var(--tc-primary) !important;
     }
 
     .ibox-content:hover,
     .ibox-content.selected {
-      box-shadow: none$i;
+      box-shadow: none !important;
     }
   }
 
 
   .slick-dots {
-    display: none$i;
+    display: none !important;
   }
 
   .ibox-content.selected > :after,
   .ibox-content:hover > :after {
-    bottom: -13px$i;
+    bottom: -13px !important;
   }
 
   .env-card-content {
 
     .wrap {
-      flex-flow: row-reverse $i;
+      flex-flow: row-reverse !important;
     }
   }
 
 
   .prime-topologies-header {
-    display: block $i;
+    display: block !important;
   }
 
   .prime-topologies-header-content {
@@ -2190,8 +2065,8 @@ body.tc-prime {
     align-items: center;
 
     h1 {
-      font-size: 14px $i;
-      font-weight: 500 $i;
+      font-size: 14px !important;
+      font-weight: 500 !important;
     }
 
     i {
@@ -2200,7 +2075,7 @@ body.tc-prime {
     }
 
     .header-title {
-      background: transparent $i;
+      background: transparent !important;
     }
 
   }
@@ -2219,13 +2094,13 @@ body.tc-prime {
 
   .env-length,
   .header-title {
-    display: none $i;
+    display: none !important;
   }
 
   .help-docs {
-    position: absolute $i;
-    top: -171px $i;
-    right: -15px $i;
+    position: absolute !important;
+    top: -171px !important;
+    right: -15px !important;
 
     i {
       @include prime-color;
@@ -2233,24 +2108,24 @@ body.tc-prime {
   }
 
   .topologies-header {
-    min-height: initial $i;
-    margin: 20px 0 $i;
+    min-height: initial !important;
+    margin: 20px 0 !important;
   }
 
   .ibox-content {
-    margin-top: 0 $i;
-    padding: 0 $i;
-    border: none $i;
+    margin-top: 0 !important;
+    padding: 0 !important;
+    border: none !important;
   }
 
 
   .slick-list .slick-slide .ibox-content.selected .env-card-header .status.error {
-    color: red $i;
+    color: red !important;
   }
 
   .env-card.error {
     .slick-list .slick-slide .ibox-content.selected .env-card-header .fa-cog {
-      color: red $i;
+      color: red !important;
     }
 
   }
@@ -2258,7 +2133,7 @@ body.tc-prime {
   .env-card {
 
     .ibox-content {
-      border: 3px solid var(--tc-gray-100) $i;
+      border: 3px solid var(--tc-gray-100) !important;
       border-radius: 5px;
 
       .env-card-header {
@@ -2267,10 +2142,10 @@ body.tc-prime {
 
       &.selected,
       &:hover {
-        border-color: var(--tc-primary) $i;
+        border-color: var(--tc-primary) !important;
 
         .env-card-header {
-          border-bottom: 2px solid var(--tc-primary) $i;
+          border-bottom: 2px solid var(--tc-primary) !important;
 
           .status,
           .fa-cog,
@@ -2285,40 +2160,40 @@ body.tc-prime {
     &.error {
 
       .env-card-header {
-        border-bottom: 2px solid  var(--red) $i;
+        border-bottom: 2px solid var(--red) !important;
 
         .status,
         .icon-date-create {
-          color:  var(--red) $i;
+          color: var(--red) !important;
         }
 
         .status{
-          color:  var(--red) $i;
+          color: var(--red) !important;
 
           &.error {
-            background-color: transparent $i;
+            background-color: transparent !important;
           }
         }
       }
 
       .ibox-content {
-        border-color:  var(--red) $i;
+        border-color: var(--red) !important;
 
         &.selected,
         &:hover
         {
 
           .env-card-header {
-            border-bottom: 2px solid  var(--red) $i;
+            border-bottom: 2px solid var(--red) !important;
 
             .fa-cog,
             .status,
             .icon-date-create {
-              color:  var(--red) $i;
+              color: var(--red) !important;
             }
 
             i {
-              color:  var(--red) $i;
+              color: var(--red) !important;
             }
 
           }
@@ -2326,7 +2201,7 @@ body.tc-prime {
           .env-card-content {
 
             &:after {
-              border-top-color:  var(--red) $i;
+              border-top-color: var(--red) !important;
             }
           }
         }
@@ -2336,40 +2211,40 @@ body.tc-prime {
     &.migrating {
 
       .env-card-header {
-        border-bottom: 2px solid var(--second) $i;
+        border-bottom: 2px solid var(--second) !important;
 
         .status,
         .icon-date-create {
-          color: var(--second) $i;
+          color: var(--second) !important;
         }
 
         .status{
-          color: var(--second) $i;
+          color: var(--second) !important;
 
           &.error {
-            background-color: transparent $i;
+            background-color: transparent !important;
           }
         }
       }
 
       .ibox-content {
-        border-color: var(--second) $i;
+        border-color: var(--second) !important;
 
         &.selected,
         &:hover
         {
 
           .env-card-header {
-            border-bottom: 2px solid var(--second) $i;
+            border-bottom: 2px solid var(--second) !important;
 
             .fa-cog,
             .status,
             .icon-date-create {
-              color: var(--second) $i;
+              color: var(--second) !important;
             }
 
             i {
-              color: var(--second) $i;
+              color: var(--second) !important;
             }
 
           }
@@ -2377,7 +2252,7 @@ body.tc-prime {
           .env-card-content {
 
             &:after {
-              border-top-color: var(--second) $i;
+              border-top-color: var(--second) !important;
             }
           }
         }
@@ -2393,7 +2268,7 @@ body.tc-prime {
 
       .label-success,
       .badge-success {
-        color: var(--black) $i;
+        color: var(--black) !important;
         font-weight: normal;
       }
     }
@@ -2401,14 +2276,14 @@ body.tc-prime {
 
   .internet-access-box,
   .legendas {
-    background: var(--tc-gray-10) $i;
+    background: var(--tc-gray-10) !important;
   }
 
   .vpn-list-box {
     // @include test;
 
     .vpn-box  {
-      background-color: var(--tc-gray-10) $i;
+      background-color: var(--tc-gray-10) !important;
     }
   }
 
@@ -2419,12 +2294,12 @@ body.tc-prime {
   #prod-prime {
 
     .boxFastAccess {
-      border: none $i;
-      border-bottom: 1px solid var(--tc-gray-50) $i;
-      border-radius: 0 $i;
-      border-top: 1px solid var(--tc-gray-50) $i;
+      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 $i;
+      margin: 0 0 20px !important;
 
       tc-menu {
 
@@ -2436,11 +2311,11 @@ body.tc-prime {
     }
 
     .boxAction {
-      border: none $i;
+      border: none !important;
 
       .box-search {
-        padding: 0 $i;
-        height: initial $i;
+        padding: 0 !important;
+        height: initial !important;
       }
     }
 
@@ -2448,7 +2323,7 @@ body.tc-prime {
 
       &:hover {
         @include prime-bg;
-        color: var(--white) $i;
+        color: var(--white) !important;
       }
 
     }
@@ -2460,23 +2335,32 @@ body.tc-prime {
     &:hover .pin-action:hover + .text-success,
     &:hover .trash-action:hover + .text-success {
       @include prime-bg;
-      color: var(--white) $i;
+      color: var(--white) !important;
     }
 
     .text-success,
     .fa-save {
-      color: var(--black) $i;
+      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 $i;
+    top: 0 !important;
   }
 
   .pin-action {
-    background-color: var(--tc-complemt-2) $i;
+    background-color: var(--tc-complemt-2) !important;
   }
 
 
@@ -2484,12 +2368,12 @@ body.tc-prime {
 
     h2 {
       margin: 5px 0 10px;
-      font-size: 20px $i;
+      font-size: 20px !important;
       text-transform: uppercase;
     }
 
     small {
-      font-size: 9px $i;
+      font-size: 9px !important;
     }
   }
 
@@ -2502,7 +2386,7 @@ body.tc-prime {
     }
 
     .col.btn-wrap {
-      display: none $i;
+      display: none !important;
     }
 
   }
@@ -2510,7 +2394,7 @@ body.tc-prime {
   .vertical-timeline-content {
 
     .ibox-content {
-      padding: 15px $i;
+      padding: 15px !important;
     }
   }
 
@@ -2522,13 +2406,13 @@ body.tc-prime {
   }
 
   .boxFastAccess .box {
-    margin: 10px 0 0 $i;
+    margin: 10px 0 0 !important;
   }
 
  .group-smart-form {
 
     button i {
-      color: var(--tc-primary) $i;
+      color: var(--tc-primary) !important;
     }
 
   }
@@ -2540,7 +2424,7 @@ body.tc-prime {
   .servicos-table-wrap {
 
     .btn.btn-xs {
-      background: none$i;
+      background: none !important;
     }
 
     .fa-save {
@@ -2553,29 +2437,29 @@ body.tc-prime {
   //====================================
 
   .database-users {
-    border: none $i;
-    padding: 0 $i;
+    border: none !important;
+    padding: 0 !important;
 
     p.m-l {
-      display: block $i;
-      margin: 0 0 10px $i;
+      display: block !important;
+      margin: 0 0 10px !important;
     }
 
     .create-user-box {
       p {
-        margin-bottom: 10px $i;
+        margin-bottom: 10px !important;
       }
     }
   }
 
   .database-session-management {
-    border: none $i;
-    padding: 0 $i;
+    border: none !important;
+    padding: 0 !important;
 
     .sessions-table {
 
       .sessions-header {
-        background-color: var(--black) $i;
+        background-color: var(--black) !important;
       }
     }
   }
@@ -2589,19 +2473,19 @@ body.tc-prime {
   .changes-controllers {
 
     .btn-link {
-      background: transparent $i;
+      background: transparent !important;
     }
   }
 
   .rules-helper-wrapper {
 
     .rules {
-      border: 3px solid var(--tc-gray-100) $i;
-      border-radius: 7px $i;
+      border: 3px solid var(--tc-gray-100) !important;
+      border-radius: 7px !important;
 
       .illustration {
-        border: 3px solid var(--tc-gray-100) $i;
-        border-radius: 7px $i;
+        border: 3px solid var(--tc-gray-100) !important;
+        border-radius: 7px !important;
 
       }
 
@@ -2617,10 +2501,10 @@ body.tc-prime {
   .tc-security-v2 {
 
     .topnav {
-      margin: 0 $i;
+      margin: 0 !important;
 
       ul li:hover {
-        background-color: transparent $i;
+        background-color: transparent !important;
       }
     }
 
@@ -2644,7 +2528,7 @@ body.tc-prime {
     // @include test(red);
 
     .primary {
-      background-color: transparent $i;
+      background-color: transparent !important;
     }
   }
 
@@ -2652,17 +2536,17 @@ body.tc-prime {
 
     .rules-form,
     .form-select {
-      background: var(--tc-gray-10) $i;
+      background: var(--tc-gray-10) !important;
     }
   }
 
   tc-security-app-modify-restrictions {
 
     .rules-form {
-      background: var(--tc-gray-10) $i;
+      background: var(--tc-gray-10) !important;
 
       i {
-        color: var(--tc-gray-100) $i;
+        color: var(--tc-gray-100) !important;
       }
     }
 
@@ -2676,13 +2560,13 @@ body.tc-prime {
   .update-central-component {
 
     .text-right {
-      margin: 0 $i;
+      margin: 0 !important;
     }
   }
 
   .topnav a:hover,
   .topnav a.active {
-    color: var(--white) $i;
+    color: var(--white) !important;
     @include prime-bg;
   }
 
@@ -2692,7 +2576,7 @@ body.tc-prime {
   //==========================================================
 
   .card-name  {
-    color: var(--white) $i;
+    color: var(--white) !important;
   }
 
   //====================================
@@ -2706,7 +2590,8 @@ body.tc-prime {
     }
 
     h3 {
-      padding: 0 $i;
+      padding: 0 !important;
+      margin-bottom: 20px;
     }
 
 
@@ -2730,8 +2615,8 @@ body.tc-prime {
       margin: 0;
 
       li {
-        margin-left: 0 $i;
-        padding-left: 0 $i;
+        margin-left: 0 !important;
+        padding-left: 0 !important;
       }
     }
 
@@ -2763,15 +2648,15 @@ body.tc-prime {
   }
 
   .store-offer {
-    border-radius: 7px $i;
+    border-radius: 7px !important;
   }
 
   .tss-contract .wrap.radius {
-    border: none $i;
+    border: none !important;
   }
 
   .prod-contract-title {
-    font-weight: normal $i;
+    font-weight: normal !important;
   }
 
   .store-offer {
@@ -2784,43 +2669,47 @@ body.tc-prime {
   }
 
   .recursos-info-total-wrap {
-    background: none $i;
+    background: none !important;
   }
 
   .contrato-card {
-    justify-content: initial $i;
-    min-height: initial $i;
-    font-size: 15px;
+    justify-content: initial !important;
+    min-height: initial !important;
+    font-size: 14px;
   }
 
   .ambientes-wrap {
-    margin: 0 $i;
+    margin: 0 !important;
 
     .icon-wrap {
       @include flex-center;
-      // font-family: 'Font Awesome 6 Free';
-      // color: var(--tc-gray-100);
-      // height: 50px;
-      // width: 50px;
-
-      // img {
-      //   // display: none;
-      // }
-
-      // &::before {
-      //   font-size: 40px;
-      //   content: "\e163";
-      // }
     }
   }
 
   .contrato-card {
-    min-height: 410px $i;
-    box-shadow: none $i;
+    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
   //====================================
@@ -2845,7 +2734,7 @@ body.tc-prime {
   .billing-content .billing-detail,
   .total-wrap
   {
-    border-color: var(--tc-gray-100) $i;
+    border-color: var(--tc-gray-100) !important;
   }
 
   .billing-content {
@@ -2868,7 +2757,7 @@ body.tc-prime {
   .offer .offer-tit,
   .simulation-box
   {
-    border-radius: 0 $i;
+    border-radius: 0 !important;
   }
 
   .card-offer {
@@ -2881,20 +2770,20 @@ body.tc-prime {
   .card-offer,
   .offer
   {
-    border-color: var(--tc-primary) $i;
+    border-color: var(--tc-primary) !important;
   }
 
   .total-wrap,
   .simulation-box
 
   {
-    background: var(--tc-gray-50) $i;
+    background: var(--tc-gray-50) !important;
   }
 
   .card-offer-title,
   .offer .offer-tit
   {
-    background: var(--tc-primary) $i;
+    background: var(--tc-primary) !important;
   }
 
   .offer-wrapper-icon {
@@ -2909,7 +2798,7 @@ body.tc-prime {
   .simulation-box
 
   {
-    background: none $i;
+    background: none !important;
   }
 
   .simulation-box {
@@ -2931,11 +2820,15 @@ body.tc-prime {
   }
 
   .simulation-box {
-    margin: 10px 0 0 $i;
-    padding: 10px $i;
+    margin: 10px 0 0 !important;
+    padding: 10px !important;
   }
 
 
+  .card-offer .tc-btn-primary {
+    display: flex !important;
+  }
+
   //====================================
   // SLA
   //====================================
@@ -2966,11 +2859,44 @@ body.tc-prime {
       @include prime-gray-50;
 
       a {
-        color: var(--black) $i;
+        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
   //==========================================================
@@ -2980,12 +2906,12 @@ body.tc-prime {
     .content-helpme {
 
       h3 {
-        margin-bottom: 20px $i;
+        margin-bottom: 20px !important;
       }
     }
 
     .content-helpme {
-      background-color: transparent $i;
+      background-color: transparent !important;
 
     }
   }
@@ -3000,18 +2926,18 @@ body.tc-prime {
     .container-table {
 
       .container-columns {
-        background-color: var(--black) $i;
+        background-color: var(--black) !important;
       }
     }
 
     .container-columns {
 
       .container-info {
-        margin: 0 $i;
+        margin: 0 !important;
       }
 
       .fas {
-        color: var(--white) $i;
+        color: var(--white) !important;
       }
 
     }
@@ -3031,15 +2957,15 @@ body.tc-prime {
         .container-count-wizard {
 
           .container-item {
-            border: none $i;
-            background-color: var(--tc-gray-50) $i;
-            color: var(--tc-gray-100) $i;
+            border: none !important;
+            background-color: var(--tc-gray-50) !important;
+            color: var(--tc-gray-100) !important;
 
             &.active,
             &.completed {
-              font-size: 20px $i;
-              color: var(--white) $i;
-              background-color: var(--tc-primary) $i;
+              font-size: 20px !important;
+              color: var(--white) !important;
+              background-color: var(--tc-primary) !important;
             }
 
           }
@@ -3047,7 +2973,7 @@ body.tc-prime {
         }
 
         &:has(.content-helpme) {
-          height: 210px $i;
+          height: 210px !important;
         }
 
       }
@@ -3062,13 +2988,13 @@ body.tc-prime {
     }
 
     .primary:disabled {
-      background-color: rgba(var(--tc-primary), 0.5) $i;
+      background-color: rgba(var(--tc-primary), 0.5) !important;
     }
 
     .container-network {
 
       .container-list-network {
-        margin-top: 0 $i;
+        margin-top: 0 !important;
       }
     }
 
@@ -3078,9 +3004,9 @@ body.tc-prime {
 
         &:hover,
         &.active {
-          background-color: var(--tc-gray-50) $i;
-          color:var(--black) $i;
-          border-radius: 0 $i;
+          background-color: var(--tc-gray-50) !important;
+          color:var(--black) !important;
+          border-radius: 0 !important;
         }
       }
     }
@@ -3088,14 +3014,14 @@ body.tc-prime {
     .container-item {
 
       .container-options {
-        grid-gap: 15px $i;
+        grid-gap: 15px !important;
 
         .fa-plus-square {
-          font-size: 22px $i;
+          font-size: 22px !important;
         }
 
         .icon-default.remove {
-          color: var(--red) $i;
+          color:var(--red) !important;
         }
       }
     }
@@ -3105,13 +3031,13 @@ body.tc-prime {
       .container-table {
 
         .container-columns {
-          max-height: initial $i;
-          min-height: initial $i;
+          max-height: initial !important;
+          min-height: initial !important;
 
           .col-item p {
-            margin: 10px $i;
-            font-size: 10px $i;
-            line-height: 15px $i;
+            margin: 10px !important;
+            font-size: 10px !important;
+            line-height: 15px !important;
           }
         }
       }
@@ -3119,7 +3045,7 @@ body.tc-prime {
     }
 
     .container-empty {
-      padding: 0 $i;
+      padding: 0 !important;
     }
 
     .container-row {
@@ -3127,46 +3053,46 @@ body.tc-prime {
       .col-item {
 
         &.backup-item {
-          margin: 0 $i;
+          margin: 0 !important;
         }
 
         &.actions,
         &.backup-item
         {
-          align-items: initial $i;
+          align-items: initial !important;
         }
 
         &.actions {
 
           .remove-icon-button {
-            font-size: 20px $i;
+            font-size: 20px !important;
           }
         }
       }
     }
 
     .fa-icon-info {
-      color: var(--second) $i;
+      color: var(--second) !important;
     }
 
     .container-icon {
-      color: var(--tc-primary) $i;
-      background-color: transparent $i;
+      color: var(--tc-primary) !important;
+      background-color: transparent !important;
     }
 
     .container-content .container-header .title {
-      text-transform: uppercase $i;
-      font-size: 14px $i;
+      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 $i;
+      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 $i;
-      border: 2px solid var(--tc-gray-50) $i;
+      background-color: transparent !important;
+      border: 2px solid var(--tc-gray-50) !important;
     }
 
 
@@ -3176,17 +3102,17 @@ body.tc-prime {
   // ==========================
 
   .container-input.success input {
-    background-color: transparent $i;
-    border-color: var(--tc-primary) $i;
-    color: var(--tc-primary)2 $i;
-    font-size: 13px $i;
+    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) $i;
+      background-color: var(--tc-primary) !important;
     }
   }
 
@@ -3199,14 +3125,14 @@ body.tc-prime {
   .box-vouncher {
 
     .btn-link {
-      color: var(--black) $i;
+      color: var(--black) !important;
       border: 2px solid #EEEEEE;
       border-radius: 5px;
       padding: 10px;
       font-size: 14px;
 
       span {
-        color: var(--tc-primary) $i;
+        color: var(--tc-primary) !important;
       }
     }
 
@@ -3222,11 +3148,11 @@ body.tc-prime {
     .vm-disk__size,
     .vm-disk__iops
     {
-      border-radius: 4px $i;
+      border-radius: 4px !important;
     }
 
     .vm-header__expand-btn.active {
-      background: transparent $i;
+      background: transparent !important;
     }
   }
 
@@ -3251,9 +3177,9 @@ body.tc-prime {
     }
 
     .welcome-page-box {
-      background-color: transparent $i;
+      background-color: transparent !important;
       border: 2px solid var(--tc-gray-50);
-      border-radius: 5px $i;
+      border-radius: 5px !important;
     }
 
     .welcome-page-box-paragraph {
@@ -3261,64 +3187,64 @@ body.tc-prime {
     }
 
     .welcome-page-box-icon {
-      background-color: transparent $i;
+      background-color: transparent !important;
 
       i {
-        color: var(--tc-primary) $i;
+        color: var(--tc-primary) !important;
       }
     }
 
     .welcome-page-box-icon-terminal {
-      border-radius: 4px $i;
+      border-radius: 4px !important;
     }
   }
 
   .welcome-page-info {
-    flex-basis: unset $i;
-    margin: 0 auto 20px $i;
+    flex-basis: unset !important;
+    margin: 0 auto 20px !important;
   }
 
   .select-bucket-page-wrap {
 
     .select-bucket-page-box {
-      background-color: transparent $i;
+      background-color: transparent !important;
       border: 2px solid var(--tc-gray-50);
-      border-radius: 5px $i;
+      border-radius: 5px !important;
     }
 
     .select-bucket-page-box-icon {
-      background-color: transparent $i;
+      background-color: transparent !important;
     }
   }
 
   .box-card-import-virtual-machine {
 
     .send-request-page-number-step {
-      margin-bottom: 20px $i;
+      margin-bottom: 20px !important;
     }
   }
 
   .modal-list-instances-header {
 
     h2 {
-      font-size: 14px $i;
+      font-size: 14px !important;
       text-transform: uppercase;
     }
   }
 
   .file-manager-container {
-    min-height: initial $i;
+    min-height: initial !important;
   }
 
   .box-card-import-virtual-machine {
 
     .container {
-      border: 1px solid var(--tc-gray-100) $i;
+      border: 1px solid var(--tc-gray-100) !important;
     }
 
     .title-image {
-      height: initial $i;
-      margin: 10px 0 $i;
+      height: initial !important;
+      margin: 10px 0 !important;
     }
 
     .container-input {
@@ -3329,33 +3255,33 @@ body.tc-prime {
     }
 
     .title-image p {
-      height: initial $i;
-      border-bottom: 1px solid var(--tc-gray-100) $i;
-      padding-bottom: 5px $i;
+      height: initial !important;
+      border-bottom: 1px solid var(--tc-gray-100) !important;
+      padding-bottom: 5px !important;
     }
   }
 
   .msg-warning-wrap {
-    color: var(--black) $i;
-    background-color: transparent $i;
-    border: 2px solid var(--second) $i;
+    color: var(--black) !important;
+    background-color: transparent !important;
+    border: 2px solid var(--second) !important;
 
 
     .msg-warning-paragraph {
-      margin-bottom: 20px $i;
+      margin-bottom: 20px !important;
 
       strong {
-        display: block $i;
+        display: block !important;
       }
     }
   }
 
   .container-icon.user-name {
-    right: -2px $i;
+    right: -2px !important;
   }
 
   .icon-fm {
-    color: var(--black) $i;
+    color: var(--black) !important;
   }
 
   //==========================================================
@@ -3365,7 +3291,7 @@ body.tc-prime {
   &.iaas-page {
 
     .background-page-global {
-      background-color: var(--tc-primary-lighten) $i;
+      background-color: --tc-primary-lighten !important;
     }
 
     .box-relative {
@@ -3383,7 +3309,7 @@ body.tc-prime {
 
     .pb-5,
     .py-5 {
-      padding: 20px 0 0 20px $i;
+      padding: 20px 0 0 20px !important;
 
       .title {
         margin-bottom: 20px;
@@ -3393,7 +3319,7 @@ body.tc-prime {
   }
 
   .monitor-wrap.label-success {
-    border-color: var(--tc-primary) $i;
+    border-color: var(--tc-primary) !important;
   }
 
   //==========================================================
@@ -3401,15 +3327,15 @@ body.tc-prime {
   //==========================================================
 
   .container-card-topology {
-    border-radius: 5px $i;
+    border-radius: 5px !important;
     // @include prime-bdr-100;
-    border: 2px solid var(--tc-gray-100) $i;
+    border: 2px solid var(--tc-gray-100) !important;
 
     .container-header-card {
-      background: none $i;
-      color: var(--black) $i;
-      border-bottom: 2px solid var(--tc-gray-100) $i;
-      border-radius: 5px 5px 0 0 $i;
+      background: none !important;
+      color: var(--black) !important;
+      border-bottom: 2px solid var(--tc-gray-100) !important;
+      border-radius: 5px 5px 0 0 !important;
     }
 
     &.active,
@@ -3417,14 +3343,14 @@ body.tc-prime {
       @include prime-bdr;
 
       i {
-        color: var(--tc-primary) $i;
+        color: var(--tc-primary) !important;
       }
 
       .container-header-card {
-        border-bottom: 2px solid var(--tc-primary) $i;
+        border-bottom: 2px solid var(--tc-primary) !important;
 
         span {
-          color: var(--tc-primary) $i;
+          color: var(--tc-primary) !important;
         }
       }
     }
@@ -3432,21 +3358,21 @@ body.tc-prime {
     &.done {
 
       &:after {
-        border-top-color: var(--tc-primary) $i;
-        bottom: -15px $i;
+        border-top-color: var(--tc-primary) !important;
+        bottom: -15px !important;
       }
     }
 
     &.error {
-      border-color:  var(--red) $i;
+      border-color: var(--red) !important;
 
       .container-header-card {
-        background-color: transparent $i;
-        border-bottom: 2px solid  var(--red) $i;
+        background-color: transparent !important;
+        border-bottom: 2px solid var(--red) !important;
 
         p,
         i {
-          color:  var(--red) $i;
+          color: var(--red) !important;
         }
 
       }
@@ -3457,30 +3383,30 @@ body.tc-prime {
   .container-all-list .container-list-vms,
   .container-body .container-actions
   {
-    box-shadow: none $i;
-    border-radius: 5px $i;
+    box-shadow: none !important;
+    border-radius: 5px !important;
   }
 
 
   .container-body {
-    border-radius: 5px $i;
+    border-radius: 5px !important;
 
     .container-card-details {
 
       .card-details-item {
-        border-radius: 5px $i;
-        font-size: 12px $i;
-        border: 2px solid var(--tc-gray-50) $i;
+        border-radius: 5px !important;
+        font-size: 12px !important;
+        border: 2px solid var(--tc-gray-50) !important;
 
         .container-header-card {
-          color: var(--black) $i;
-          background: none $i;
+          color: var(--black) !important;
+          background: none !important;
           border-bottom: 2px solid var(--tc-gray-50);
-          border-radius: 5px 5px 0 0 $i;
+          border-radius: 5px 5px 0 0 !important;
         }
 
         &:hover {
-          border-color: var(--tc-primary) $i;
+          border-color: var(--tc-primary) !important;
         }
 
         .container-infos {
@@ -3488,8 +3414,8 @@ body.tc-prime {
           .info-item {
             flex-flow: column;
             gap: 5px;
-            background: none $i;
-            border: 1px solid var(--tc-gray-50) $i;
+            background: none !important;
+            border: 1px solid var(--tc-gray-50) !important;
             margin-bottom: 5px;
 
             &:last-child {
@@ -3502,13 +3428,13 @@ body.tc-prime {
     }
 
     .container-actions {
-      border: 2px solid var(--tc-gray-50) $i;
+      border: 2px solid var(--tc-gray-50) !important;
 
       .action-item {
-        background: var(--tc-gray-50) $i;
+        background: var(--tc-gray-50) !important;
 
         &:hover {
-          background: var(--tc-primary) $i;
+          background: var(--tc-primary) !important;
           color: var(--white);
         }
 
@@ -3516,9 +3442,9 @@ body.tc-prime {
     }
 
     .disk-box {
-      background: none $i;
-      border: 2px solid var(--tc-gray-50) $i;
-      border-radius: 5px $i;
+      background: none !important;
+      border: 2px solid var(--tc-gray-50) !important;
+      border-radius: 5px !important;
     }
   }
 
@@ -3538,7 +3464,7 @@ body.tc-prime {
     .access-template-text {
 
       a {
-        color: var(--complemt) $i;
+        color: var(--complemt) !important;
       }
     }
   }
@@ -3546,13 +3472,13 @@ body.tc-prime {
   .container-empty {
 
     .empty-image {
-      width: 200px $i;
+      width: 200px !important;
     }
   }
 
 
   .container-refresh {
-    background-color: transparent $i;
+    background-color: transparent !important;
 
   }
 
@@ -3560,13 +3486,13 @@ body.tc-prime {
 
     .label-info,
     .badge-info {
-      background: none $i;
+      background: none !important;
     }
   }
 
   .container-item-vm:hover,
   .container-item-vm.active {
-    background-color: var(--tc-gray-50) $i;
+    background-color: var(--tc-gray-50) !important;
   }
 
   .container-body .container-header .title {
@@ -3574,7 +3500,7 @@ body.tc-prime {
   }
 
   .timeline-text {
-    font-weight: normal $i;
+    font-weight: normal !important;
   }
 
   .control-button.refresh.running {
@@ -3582,7 +3508,7 @@ body.tc-prime {
   }
 
   .monitor-dashboard-container .monitor-container .title {
-    margin: 20px 0 $i;
+    margin: 20px 0 !important;
   }
 
   //==========================================================
@@ -3590,16 +3516,16 @@ body.tc-prime {
   //==========================================================
 
   .container-page .container-table .container-cols {
-    background-color: var(--black) $i;
+    background-color: var(--black) !important;
   }
 
   .container-page .container-card-details .card-details-item {
-    border: 2px solid var(--tc-gray-50) $i;
+    border: 2px solid var(--tc-gray-50) !important;
 
     .container-header-card {
-      background: none $i;
-      color: var(--black) $i;
-      border-bottom: 1px solid var(--tc-gray-100) $i;
+      background: none !important;
+      color: var(--black) !important;
+      border-bottom: 1px solid var(--tc-gray-100) !important;
     }
   }
 
@@ -3620,19 +3546,19 @@ body.tc-prime {
       }
 
       a {
-        display: inline-flex $i;
+        display: inline-flex !important;
       }
     }
   }
 
 
   .help-content-card {
-    background: none $i;
-    border-radius: 5px $i;
+    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) $i;
+      box-shadow: 0 0 0 2px var(--tc-primary) !important;
     }
 
     p {
@@ -3642,7 +3568,7 @@ body.tc-prime {
     }
 
     a {
-      display: inline-flex $i;
+      display: inline-flex !important;
     }
   }
 
@@ -3657,7 +3583,7 @@ body.tc-prime {
   }
 
   .grid .grid-header .grid-item {
-    background: var(--black) $i;
+    background: var(--black) !important;
   }
 
   .help-iam {
@@ -3671,27 +3597,27 @@ body.tc-prime {
   .help-iam-header {
 
     h2, h3, p, li {
-      font-weight: normal $i;
+      font-weight: normal !important;
     }
   }
 
   .help-iam-content {
 
     h3, h4, p, li {
-      font-weight: normal $i;
+      font-weight: normal !important;
     }
   }
 
   .tc-accordion {
-    border: 2px solid var(--tc-gray-200) $i;
-    border-radius: 5px $i;
+    border: 2px solid var(--tc-gray-200) !important;
+    border-radius: 5px !important;
 
     .area-filter {
-      padding: 0 $i;
+      padding: 0 !important;
     }
 
     .form-control {
-      font-size: 12px $i;
+      font-size: 12px !important;
     }
   }
 
@@ -3708,7 +3634,7 @@ body.tc-prime {
 
   .progress-wrap-text {
     text-transform: uppercase;
-    font-size: 14px $i;
+    font-size: 14px !important;
     @include prime-gray-100;
   }
 
@@ -3716,14 +3642,14 @@ body.tc-prime {
   #permissoes {
 
     .box {
-      border-radius: 5px $i;
+      border-radius: 5px !important;
       @include prime-bdr-100;
-      padding: 20px $i;
+      padding: 20px !important;
     }
   }
 
   .card-footer-wrap {
-    margin-bottom: 20px $i;
+    margin-bottom: 20px !important;
   }
 
   .user-paper {
@@ -3741,7 +3667,7 @@ body.tc-prime {
       .grid-content {
 
         .grid-item {
-          background: var(--tc-gray-50);
+          background: var(--tc-gray-10);
         }
 
         &:nth-child(odd) {
@@ -3754,8 +3680,8 @@ body.tc-prime {
         &.active {
 
           .grid-item {
-            background: var(--tc-primary) $i;
-            color:var(--white) $i;
+            background: var(--tc-primary) !important;
+            color:var(--white) !important;
           }
 
           &:before {
@@ -3798,30 +3724,30 @@ body.tc-prime {
     .grid-body {
 
       .grid-for:nth-child(odd) {
-        background: var(--tc-gray-10) $i;
+        background: var(--tc-gray-10) !important;
       }
     }
 
     .news-icon-wrap {
 
       i {
-        color: var(--tc-gray-100) $i;
+        color: var(--tc-gray-100) !important;
 
         &.fa-trash-alt:hover {
-          color:  var(--red) $i;
+          color: var(--red) !important;
         }
       }
     }
 
     .grid-header {
-      font-weight: normal $i;
+      font-weight: normal !important;
 
       .item {
-        background: var(--black) $i;
+        background: var(--black) !important;
 
         &:first-child,
         &:last-child {
-          border-radius: 0 $i;
+          border-radius: 0 !important;
         }
       }
     }
@@ -3830,11 +3756,11 @@ body.tc-prime {
     .modal-header {
 
       h4 {
-        font-weight: normal $i;
+        font-weight: normal !important;
       }
 
       .fa-exclamation-triangle {
-        color: var(--second) $i;
+        color: var(--second) !important;
       }
     }
   }
@@ -3862,23 +3788,23 @@ body.tc-prime {
 
   .project-list {
     .table-hover tbody tr:hover {
-      background-color: var(--tc-primary) $i;
+      background-color: var(--tc-primary) !important;
     }
   }
 
   .inmodal .modal-header small {
-    font-weight: normal $i;
+    font-weight: normal !important;
   }
 
   .feature-group {
 
     p {
-      margin: 20px 0 $i;
+      margin: 20px 0 !important;
     }
   }
 
   .ibox-heading h3 {
-    font-size: initial $i;
+    font-size: initial !important;
     margin-bottom: 10px;
   }
 
@@ -3899,7 +3825,7 @@ body.tc-prime {
     .ibox-content {
 
       &.container-bg-dark {
-        background-color: transparent $i;
+        background-color: transparent !important;
       }
 
     }
@@ -3911,17 +3837,17 @@ body.tc-prime {
   .iam_rules-groups {
 
     .ibox-content {
-      border: none $i;
+      border: none !important;
     }
 
     .ibox-tools {
-      position: relative $i;
-      top: 15px $i;
-      right: 15px $i;
+      position: relative !important;
+      top: 15px !important;
+      right: 15px !important;
     }
 
     .table-hover tbody tr:hover .btn-white:hover {
-      background: var(--white) $i;
+      background: var(--white) !important;
     }
 
     .feature-actions {
@@ -3929,7 +3855,7 @@ body.tc-prime {
       .btn-white {
 
         &:hover {
-          color: var(--tc-primary) $i;
+          color: var(--tc-primary) !important;
         }
       }
     }
@@ -3942,20 +3868,20 @@ body.tc-prime {
   .tc-launcher-page {
 
     .ibox-content {
-      background-color: transparent $i;
-      border: 2px solid var(--tc-gray-50) $i;
-      border-radius: 5px $i;
-      margin-top: 0 $i;
-      padding: 10px $i;
-      margin-bottom: 20px $i;
+      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 $i;
+        margin-bottom: 0 !important;
       }
     }
 
     .ibox-heading {
-      margin-top: 10px $i;
+      margin-top: 10px !important;
 
       small {
 
@@ -3969,7 +3895,7 @@ body.tc-prime {
     .text-center {
 
       .btn-success {
-        border-color: transparent $i;
+        border-color: transparent !important;
       }
     }
 
@@ -3977,10 +3903,10 @@ body.tc-prime {
     .widget-head-color-box {
 
       &.card-header {
-        background-color: transparent $i;
-        color: var(--black) $i;
-        border-radius: 7px 7px 0 0 $i;
-        border: 2px solid var(--tc-gray-50) $i;
+        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;
@@ -3995,13 +3921,13 @@ body.tc-prime {
     .col-12.text-right {
 
       .btn-success {
-        border-color: transparent $i;
+        border-color: transparent !important;
       }
     }
 
     .widget-text-box {
-      border-radius: 0 0 7px 7px $i;
-      border-width: 2px $i;
+      border-radius: 0 0 7px 7px !important;
+      border-width: 2px !important;
     }
 
     .ibox-content.search-code {
@@ -4018,8 +3944,8 @@ body.tc-prime {
   .ibox-title {
 
     h5 {
-      font-size: 16px $i;
-      text-transform: uppercase $i;
+      font-size: 16px !important;
+      text-transform: uppercase !important;
     }
   }
 
@@ -4031,14 +3957,14 @@ body.tc-prime {
     margin-bottom: 20px;
 
     .container-item {
-      border: 2px solid var(--tc-gray-50) $i;
+      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) $i;
-      background-color: transparent $i;
+      border: 1px solid var(--tc-gray-50) !important;
+      background-color: transparent !important;
     }
   }
 
@@ -4047,7 +3973,7 @@ body.tc-prime {
   // ==========================
 
   .list-component {
-    margin: 20px 0 $i;
+    margin: 20px 0 !important;
 
     .nav-tabs {
       margin-bottom: 20px;
@@ -4061,18 +3987,18 @@ body.tc-prime {
   .tc-import-env {
 
     .card-container {
-      padding: 0 $i;
-      background: none $i;
+      padding: 0 !important;
+      background: none !important;
     }
 
     h1 {
-      font-size: 16px $i;
-      text-transform: uppercase $i;
+      font-size: 16px !important;
+      text-transform: uppercase !important;
       margin-bottom: 20px;
     }
 
     .panel-body {
-      padding: 20px 20px 0 $i;
+      padding: 20px 20px 0 !important;
 
       p {
         margin-bottom: 20px;
@@ -4091,47 +4017,57 @@ body.tc-prime {
   // Requisições
   // ==========================
 
-  .tc-requests {
-
-    .tc-tab-menu {
-      overflow: hidden $i;
-    }
-
-    .area-navigation td button {
-      top: -3px $i;
-    }
-
-    h3 {
-      @include prime-subtitle;
-    }
-
-    .sec-time {
-      bottom: 130px $i;
-    }
-
-    .box-master {
-      background-color: var(--tc-gray-10) $i;
-      border-radius: 7px $i;
+  .tc-implantation {
+    margin-bottom: 20px;
 
-      &:hover {
-        border: 3px solid var(--tc-gray-100) $i;
+    .line-info {
+      display: flex!important;
+      justify-content: flex-end!important;
+      margin: 20px 0 !important;
+      width: initial !important;
+      table {
+        width: 300px!important;
       }
-
     }
 
-    .line-info {
-      display: flex;
-      justify-content: flex-end;
+    .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;
+      }
     }
+ 
+  
 
-    td {
-      padding: 20px 0 $i;
-    }
 
-    th {
-      background-color: var(--black) $i;
-    }
+   
   }
 
   //==========================================================
@@ -4139,23 +4075,23 @@ body.tc-prime {
   //==========================================================
 
   .card-new.trustcenter {
-    margin: 25px $i;
+    margin: 25px !important;
   }
 
   .trustcenter {
 
     p {
-      line-height: 22px $i;
+      line-height: 22px !important;
       margin-bottom: 1rem;
     }
 
     h1 {
-      margin-bottom: 20px $i;
+      margin-bottom: 20px !important;
     }
 
     h4 {
       line-height: 20px;
-      margin-bottom: 10px $i;
+      margin-bottom: 10px !important;
     }
 
     .text-wrap {
@@ -4245,7 +4181,7 @@ body.tc-prime {
   .trust-center_certifications {
 
     img {
-      filter: none $i;
+      filter: none !important;
     }
 
   }
@@ -4262,8 +4198,8 @@ body.tc-prime {
   }
 
   .trust-text-card .btn {
-    display: inline-flex $i;
-    width: initial $i;
+    display: inline-flex !important;
+    width: initial !important;
   }
 
   .trust-text-card {
@@ -4274,8 +4210,8 @@ body.tc-prime {
       align-items: center;
 
       i {
-        left: initial $i;
-        margin: 0 $i;
+        left: initial !important;
+        margin: 0 !important;
       }
     }
   }
@@ -4288,7 +4224,7 @@ body.tc-prime {
     }
 
     hr {
-      display: none $i;
+      display: none !important;
     }
   }
 
@@ -4316,23 +4252,23 @@ body.tc-prime {
     thead {
 
       th {
-        padding:10px $i;
-        background-color: var(--black) $i;
-        font-size: 10px $i;
+        padding:10px !important;
+        background-color: var(--black) !important;
+        font-size: 10px !important;
       }
     }
 
     .btn-action-icon {
 
       i {
-        color: var(--tc-primary) $i;
+        color: var(--tc-primary) !important;
       }
     }
     .resume .resume-header,
     .resume .prod-wrap,
     .resume .company-wrap {
-      box-shadow: none $i;
-      padding: 0 $i;
+      box-shadow: none !important;
+      padding: 0 !important;
     }
   }
 
@@ -4345,7 +4281,7 @@ body.tc-prime {
   }
 
   .btn-search {
-    display: inline-flex $i;
+    display: inline-flex !important;
   }
 
   .commercial-event_edit-modal-btn-wrap {
@@ -4354,9 +4290,9 @@ body.tc-prime {
   }
 
   .box-step-actions {
-    margin-top: 0 $i;
-    margin-bottom: 0 $i;
-    margin: 20px auto $i;
+    margin-top: 0 !important;
+    margin-bottom: 0 !important;
+    margin: 20px auto !important;
   }
 
 
@@ -4370,7 +4306,7 @@ body.tc-prime {
   }
 
   .title-product {
-    background-color: var(--black) $i;
+    background-color: var(--black) !important;
   }
 
 
@@ -4382,18 +4318,18 @@ body.tc-prime {
   .list-maintenance-window {
 
     .card-list-item {
-      background-color: var(--tc-gray-10) $i;
+      background-color: var(--tc-gray-10) !important;
       border: 2px solid var(--tc-gray-100);
       border-radius: 5px;
     }
 
     .card-list-item {
-      background-color: transparent $i;
+      background-color: transparent !important;
 
       .info-header {
 
         .text-center {
-          text-align: initial $i;
+          text-align: initial !important;
         }
       }
 
@@ -4421,15 +4357,15 @@ body.tc-prime {
 
       /* Track */
       ::-webkit-scrollbar-track {
-        background: var(--tc-gray-50) $i;
+        background: var(--tc-gray-50) !important;
       }
       /* Handle */
       ::-webkit-scrollbar-thumb {
-        background: var(--tc-primary) $i;
+        background: var(--tc-primary) !important;
       }
       /* Handle on hover */
       ::-webkit-scrollbar-thumb:hover {
-        background: var(--tc-complemt-2) $i;
+        background: var(--tc-complemt-2) !important;
       }
     }
 
@@ -4441,12 +4377,12 @@ body.tc-prime {
 
     .box-border,
     .box-border-label {
-      border-color: var(--tc-gray-100) $i;
+      border-color: var(--tc-gray-100) !important;
     }
 
     .box-border-label {
-      padding-bottom: 10px $i;
-      margin-bottom: 10px $i;
+      padding-bottom: 10px !important;
+      margin-bottom: 10px !important;
     }
 
   }
@@ -4473,7 +4409,7 @@ body.tc-prime {
   .dev-studio_form {
 
     .ibox-content {
-      border: none $i;
+      border: none !important;
     }
   }
 
@@ -4490,7 +4426,7 @@ body.tc-prime {
     }
 
     h2 {
-      margin-bottom: 0 $i;
+      margin-bottom: 0 !important;
     }
 
   }
@@ -4500,9 +4436,9 @@ body.tc-prime {
   //==========================================================
 
   .token-btn {
-    border-radius: 5px $i;
-    background-color: var(--tc-primary) $i;
-    border-color: var(--tc-primary) $i;
+    border-radius: 5px !important;
+    background-color: var(--tc-primary) !important;
+    border-color: var(--tc-primary) !important;
   }
 
   //==========================================================
@@ -4510,10 +4446,10 @@ body.tc-prime {
   //==========================================================
 
   .insights-card {
-    border-left-color: var(--tc-primary) $i;
+    border-left-color: var(--tc-primary) !important;
 
     &:hover {
-      background: var(--tc-complemt-2) $i;
+      background: var(--tc-complemt-2) !important;
     }
   }
 
@@ -4529,9 +4465,9 @@ body.tc-prime {
     h2 {
       text-transform: uppercase;
       text-transform: uppercase;
-      border-bottom: 1px solid var(--tc-gray-100) $i;
+      border-bottom: 1px solid var(--tc-gray-100) !important;
       padding-bottom: 10px;
-      margin-bottom: 10px $i;
+      margin-bottom: 10px !important;
     }
 
   }
@@ -4545,11 +4481,11 @@ body.tc-prime {
     .topnav {
 
       a {
-        background: transparent $i;
-        color: var(--tc-primary) $i;
+        background: transparent !important;
+        color: var(--tc-primary) !important;
 
         &.active {
-          border-bottom: none $i;
+          border-bottom: none !important;
         }
       }
     }
@@ -4567,11 +4503,11 @@ body.tc-prime {
     }
     .my-offers-form-section-final-result-sum{
       label{
-        color:#6B48FF $i;
+        color:#6B48FF !important;
       }
       div{
         span{
-          color:#6B48FF $i;
+          color:#6B48FF !important;
         }
       }
     }
@@ -4584,28 +4520,27 @@ body.tc-prime {
   tc-file-manager-menu {
 
     .card-path {
-      border: 2px solid var(--tc-gray-100) $i;
+      border: 2px solid var(--tc-gray-100) !important;
 
       button {
 
         &:focus,
         &:hover {
           i {
-            color: #6B48FF $i;
+            color: #6B48FF !important;
           }
         }
       }
 
       &.area-active {
-        border-color: var(--tc-primary) $i;
+        border-color: var(--tc-primary) !important;
       }
     }
-
   }
 
   tc-list-directory-file {
     .btn-file {
-      color: #6B48FF $i;
+      color: #6B48FF !important;
     }
   }