Metronic/assets/admin/layout/css/custom.css

@@ -1,6 +1,15 @@
 /* here you can put your own css to customize and override the theme */
 
 /* establezco el color de fondo de total,  sin importar que este en un renglon alternativo */
+@media (max-width: 768px) {
+
+
+    .ContentPlaceHolderc {
+        max-width: 100%;
+        overflow-x: auto !important;
+    }
+}
+
 .table-striped > tbody > tr:nth-of-type(odd).ADSRow,
 table > tbody > tr.ADSRow > td, table.table > tbody > tr.ADSRow > td,
 table > tr.ADSRow > td, table.table > tr.ADSRow > td,
@@ -49,7 +58,7 @@ table > tr > th.adsCol, table.table > tr > th.adsCol {
 
 .AdsBody .ADSCroll::-webkit-scrollbar {
     width: 8px;
-    height:10px;
+    height: 10px;
     background-color: #F5F5F5;
 }
 
@@ -58,7 +67,7 @@ table > tr > th.adsCol, table.table > tr > th.adsCol {
     background-color: #AAA;
     border-radius: 4px;
     background-color: #F5F5F5;
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
+    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
 }
 
 .line-Lite .form-group.form-md-line-input .form-control {
@@ -440,7 +449,7 @@ input[type="hidden"] {
     }
 /*end tabwizard*/
 
-/*tab wizard2*/ 
+/*tab wizard2*/
 .tab-wizard2 {
     text-align: center;
     counter-reset: section;
@@ -467,28 +476,29 @@ input[type="hidden"] {
         position: relative;
         display: block;
         padding: 10px 15px;
-        text-align:center;
+        text-align: center;
     }
 
         .tab-wizard2 .ajax__tab_outer a.ajax__tab_tab > span::before {
             content: ' ';
             display: block;
         }
-    .tab-wizard2  .ajax__tab_outer a.ajax__tab_tab::before {
-        background-color: #eee;
-        text-align: center !important;
-        padding: 13px 15px 11px;
-        height: 45px;
-        width: 45px;
-        -webkit-border-radius: 50% !important;
-        -moz-border-radius: 50% !important;
-        border-radius: 50% !important;
-        counter-increment: section;
-        content: ' 'counter(section);
-        display: inline-block; 
-        position: relative;
-        margin-right:4px;
-    }
+
+        .tab-wizard2 .ajax__tab_outer a.ajax__tab_tab::before {
+            background-color: #eee;
+            text-align: center !important;
+            padding: 13px 15px 11px;
+            height: 45px;
+            width: 45px;
+            -webkit-border-radius: 50% !important;
+            -moz-border-radius: 50% !important;
+            border-radius: 50% !important;
+            counter-increment: section;
+            content: ' 'counter(section);
+            display: inline-block;
+            position: relative;
+            margin-right: 4px;
+        }
 
     .tab-wizard2 .ajax__tab_active .ajax__tab_outer a.ajax__tab_tab::before {
         background-color: rgb(54, 198, 211);
@@ -506,7 +516,7 @@ input[type="hidden"] {
 
     .tab-wizard2 .progress-striped .progress-bar {
         background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
-    } 
+    }
 /*end tabwizard2*/
 
 
@@ -728,11 +738,12 @@ div.ADScroller {
     line-height: .5 !important;
 }
 
-div:not(.ADScroller-header)>table tbody .trnopadding.ADtr {
+div:not(.ADScroller-header) > table tbody .trnopadding.ADtr {
     visibility: hidden;
 }
-.ADScroller-header>table tbody .trnopadding.ADtr td{
-    background-color :#ddd;
+
+.ADScroller-header > table tbody .trnopadding.ADtr td {
+    background-color: #ddd;
 }
 
 div.ADScroller-header {
@@ -2661,6 +2672,7 @@ select.select2-offscreen, select.select2-offscreen:focus {
     font-size: 20px;
     margin-top: 15px;
 }
+
 .addropzone.dz-clickable:after {
     position: absolute;
     content: "o presione doble click";
@@ -2925,9 +2937,9 @@ select.select2-offscreen, select.select2-offscreen:focus {
     margin-right: 0px;
 }
 
-.select2 .select2-selection__rendered{
-    line-height:1;
-    color:#111;
+.select2 .select2-selection__rendered {
+    line-height: 1;
+    color: #111;
 }
 
 .select2 .select2-selection--multiple {
@@ -2951,18 +2963,21 @@ select.select2-offscreen, select.select2-offscreen:focus {
 
 .btn-consultar {
     background: #444;
-    color:#fff
-}
-.btn-consultar:hover {
-    background: #2f353b;
     color: #fff
 }
+
+    .btn-consultar:hover {
+        background: #2f353b;
+        color: #fff
+    }
+
 .ADScroller > div > table.table.table-smallpadding > tbody > tr > td:nth-last-child(1) a, table.ScrollAD.table.table-smallpadding > tbody > tr > td:nth-last-child(1) a,
 .ADScroller > div > table.table.table-smallpadding > tbody > tr > th:nth-last-child(1) a, table.ScrollAD.table.table-smallpadding > tbody > tr > th:nth-last-child(1) a,
 .ADScroller > div > table.table.table-smallpadding > tbody > tr > td:nth-last-child(1) span, table.ScrollAD.table.table-smallpadding > tbody > tr > td:nth-last-child(1) span,
-.ADScroller > div > table.table.table-smallpadding > tbody > tr > th:nth-last-child(1) span, table.ScrollAD.table.table-smallpadding > tbody > tr > th:nth-last-child(1) span{
+.ADScroller > div > table.table.table-smallpadding > tbody > tr > th:nth-last-child(1) span, table.ScrollAD.table.table-smallpadding > tbody > tr > th:nth-last-child(1) span {
     padding-right: 7px;
 }
+
 div.mypaste * {
     display: none;
-}
+}