SitioWebSolerPalau/css/style-table.css

 /*tables*/
		   table {
		     background-color: transparent;
		   }
		   caption {
		     padding-top: 8px;
		     padding-bottom: 8px;
		     color: #777777;
		     text-align: left;
		   }
		   th {
		     text-align: left;
		   }
		   .table {
		     width: 100%;
		     max-width: 100%;
		     margin-bottom: 20px;
		   }
		   .table > thead > tr > th,
		   .table > tbody > tr > th,
		   .table > tfoot > tr > th,
		   .table > thead > tr > td,
		   .table > tbody > tr > td,
		   .table > tfoot > tr > td {
		     padding: 8px;
		     line-height: 1.42857143;
		     vertical-align: top;
		     border-top: 1px solid #dddddd;
		   }
		   .table > thead > tr > th {
		     vertical-align: bottom;
		     border-bottom: 2px solid #dddddd;
		   }
		   .table > caption + thead > tr:first-child > th,
		   .table > colgroup + thead > tr:first-child > th,
		   .table > thead:first-child > tr:first-child > th,
		   .table > caption + thead > tr:first-child > td,
		   .table > colgroup + thead > tr:first-child > td,
		   .table > thead:first-child > tr:first-child > td {
		     border-top: 0;
		   }
		   .table > tbody + tbody {
		     border-top: 2px solid #dddddd;
		   }
		   .table .table {
		     background-color: #ffffff;
		   }
		   .table-condensed > thead > tr > th,
		   .table-condensed > tbody > tr > th,
		   .table-condensed > tfoot > tr > th,
		   .table-condensed > thead > tr > td,
		   .table-condensed > tbody > tr > td,
		   .table-condensed > tfoot > tr > td {
		     padding: 5px;
		   }
		   .table-bordered {
		     border: 1px solid #dddddd;
		   }
		   .table-bordered > thead > tr > th,
		   .table-bordered > tbody > tr > th,
		   .table-bordered > tfoot > tr > th,
		   .table-bordered > thead > tr > td,
		   .table-bordered > tbody > tr > td,
		   .table-bordered > tfoot > tr > td {
		     border: 1px solid #dddddd;
		   }
		   .table-bordered > thead > tr > th,
		   .table-bordered > thead > tr > td {
		     border-bottom-width: 2px;
		   }
		   .table-striped > tbody > tr:nth-of-type(odd) {
		     background-color: #f9f9f9;
		   }
		   .table-hover > tbody > tr:hover {
		     background-color: #f5f5f5;
		   }
		   table col[class*="col-"] {
		     position: static;
		     float: none;
		     display: table-column;
		   }
		   table td[class*="col-"],
		   table th[class*="col-"] {
		     position: static;
		     float: none;
		     display: table-cell;
		   }
		   .table > thead > tr > td.active,
		   .table > tbody > tr > td.active,
		   .table > tfoot > tr > td.active,
		   .table > thead > tr > th.active,
		   .table > tbody > tr > th.active,
		   .table > tfoot > tr > th.active,
		   .table > thead > tr.active > td,
		   .table > tbody > tr.active > td,
		   .table > tfoot > tr.active > td,
		   .table > thead > tr.active > th,
		   .table > tbody > tr.active > th,
		   .table > tfoot > tr.active > th {
		     background-color: #f5f5f5;
		   }
		   .table-hover > tbody > tr > td.active:hover,
		   .table-hover > tbody > tr > th.active:hover,
		   .table-hover > tbody > tr.active:hover > td,
		   .table-hover > tbody > tr:hover > .active,
		   .table-hover > tbody > tr.active:hover > th {
		     background-color: #e8e8e8;
		   }
		   .table > thead > tr > td.success,
		   .table > tbody > tr > td.success,
		   .table > tfoot > tr > td.success,
		   .table > thead > tr > th.success,
		   .table > tbody > tr > th.success,
		   .table > tfoot > tr > th.success,
		   .table > thead > tr.success > td,
		   .table > tbody > tr.success > td,
		   .table > tfoot > tr.success > td,
		   .table > thead > tr.success > th,
		   .table > tbody > tr.success > th,
		   .table > tfoot > tr.success > th {
		     background-color: #dff0d8;
		   }
		   .table-hover > tbody > tr > td.success:hover,
		   .table-hover > tbody > tr > th.success:hover,
		   .table-hover > tbody > tr.success:hover > td,
		   .table-hover > tbody > tr:hover > .success,
		   .table-hover > tbody > tr.success:hover > th {
		     background-color: #d0e9c6;
		   }
		   .table > thead > tr > td.info,
		   .table > tbody > tr > td.info,
		   .table > tfoot > tr > td.info,
		   .table > thead > tr > th.info,
		   .table > tbody > tr > th.info,
		   .table > tfoot > tr > th.info,
		   .table > thead > tr.info > td,
		   .table > tbody > tr.info > td,
		   .table > tfoot > tr.info > td,
		   .table > thead > tr.info > th,
		   .table > tbody > tr.info > th,
		   .table > tfoot > tr.info > th {
		     background-color: #d9edf7;
		   }
		   .table-hover > tbody > tr > td.info:hover,
		   .table-hover > tbody > tr > th.info:hover,
		   .table-hover > tbody > tr.info:hover > td,
		   .table-hover > tbody > tr:hover > .info,
		   .table-hover > tbody > tr.info:hover > th {
		     background-color: #c4e3f3;
		   }
		   .table > thead > tr > td.warning,
		   .table > tbody > tr > td.warning,
		   .table > tfoot > tr > td.warning,
		   .table > thead > tr > th.warning,
		   .table > tbody > tr > th.warning,
		   .table > tfoot > tr > th.warning,
		   .table > thead > tr.warning > td,
		   .table > tbody > tr.warning > td,
		   .table > tfoot > tr.warning > td,
		   .table > thead > tr.warning > th,
		   .table > tbody > tr.warning > th,
		   .table > tfoot > tr.warning > th {
		     background-color: #fcf8e3;
		   }
		   .table-hover > tbody > tr > td.warning:hover,
		   .table-hover > tbody > tr > th.warning:hover,
		   .table-hover > tbody > tr.warning:hover > td,
		   .table-hover > tbody > tr:hover > .warning,
		   .table-hover > tbody > tr.warning:hover > th {
		     background-color: #faf2cc;
		   }
		   .table > thead > tr > td.danger,
		   .table > tbody > tr > td.danger,
		   .table > tfoot > tr > td.danger,
		   .table > thead > tr > th.danger,
		   .table > tbody > tr > th.danger,
		   .table > tfoot > tr > th.danger,
		   .table > thead > tr.danger > td,
		   .table > tbody > tr.danger > td,
		   .table > tfoot > tr.danger > td,
		   .table > thead > tr.danger > th,
		   .table > tbody > tr.danger > th,
		   .table > tfoot > tr.danger > th {
		     background-color: #f2dede;
		   }
		   .table-hover > tbody > tr > td.danger:hover,
		   .table-hover > tbody > tr > th.danger:hover,
		   .table-hover > tbody > tr.danger:hover > td,
		   .table-hover > tbody > tr:hover > .danger,
		   .table-hover > tbody > tr.danger:hover > th {
		     background-color: #ebcccc;
		   }
		   .table-responsive {
		     overflow-x: auto;
		     min-height: 0.01%;
		   }
		   @media screen and (max-width: 767px) {
		     .table-responsive {
		       width: 100%;
		       margin-bottom: 15px;
		       overflow-y: hidden;
		       -ms-overflow-style: -ms-autohiding-scrollbar;
		       border: 1px solid #dddddd;
		     }
		     .table-responsive > .table {
		       margin-bottom: 0;
		     }
		     .table-responsive > .table > thead > tr > th,
		     .table-responsive > .table > tbody > tr > th,
		     .table-responsive > .table > tfoot > tr > th,
		     .table-responsive > .table > thead > tr > td,
		     .table-responsive > .table > tbody > tr > td,
		     .table-responsive > .table > tfoot > tr > td {
		       white-space: nowrap;
		     }
		     .table-responsive > .table-bordered {
		       border: 0;
		     }
		     .table-responsive > .table-bordered > thead > tr > th:first-child,
		     .table-responsive > .table-bordered > tbody > tr > th:first-child,
		     .table-responsive > .table-bordered > tfoot > tr > th:first-child,
		     .table-responsive > .table-bordered > thead > tr > td:first-child,
		     .table-responsive > .table-bordered > tbody > tr > td:first-child,
		     .table-responsive > .table-bordered > tfoot > tr > td:first-child {
		       border-left: 0;
		     }
		     .table-responsive > .table-bordered > thead > tr > th:last-child,
		     .table-responsive > .table-bordered > tbody > tr > th:last-child,
		     .table-responsive > .table-bordered > tfoot > tr > th:last-child,
		     .table-responsive > .table-bordered > thead > tr > td:last-child,
		     .table-responsive > .table-bordered > tbody > tr > td:last-child,
		     .table-responsive > .table-bordered > tfoot > tr > td:last-child {
		       border-right: 0;
		     }
		     .table-responsive > .table-bordered > tbody > tr:last-child > th,
		     .table-responsive > .table-bordered > tfoot > tr:last-child > th,
		     .table-responsive > .table-bordered > tbody > tr:last-child > td,
		     .table-responsive > .table-bordered > tfoot > tr:last-child > td {
		       border-bottom: 0;
		     }
		   }


		   fieldset {
		     padding: 0;
		     margin: 0;
		     border: 0;
		     min-width: 0;
		   }
		   legend {
		     display: block;
		     width: 100%;
		     padding: 0;
		     margin-bottom: 20px;
		     font-size: 21px;
		     line-height: inherit;
		     color: #333333;
		     border: 0;
		     border-bottom: 1px solid #e5e5e5;
		   }
		   label {
		     display: inline-block;
		     max-width: 100%;
		     margin-bottom: 5px;
		     font-weight: bold;
		   }
		   input[type="search"] {
		     -webkit-box-sizing: border-box;
		     -moz-box-sizing: border-box;
		     box-sizing: border-box;
		   }
		   input[type="radio"],
		   input[type="checkbox"] {
		     margin: 4px 0 0;
		     margin-top: 1px \9;
		     line-height: normal;
		   }
		   input[type="file"] {
		     display: block;
		   }
		   input[type="range"] {
		     display: block;
		     width: 100%;
		   }
		   select[multiple],
		   select[size] {
		     height: auto;
		   }
		   input[type="file"]:focus,
		   input[type="radio"]:focus,
		   input[type="checkbox"]:focus {
		     outline: 5px auto -webkit-focus-ring-color;
		     outline-offset: -2px;
		   }
		   output {
		     display: block;
		     padding-top: 7px;
		     font-size: 14px;
		     line-height: 1.42857143;
		     color: #555555;
		   }
		   .form-control {
		     display: block;
		     width: 100%;
		     height: 34px;
		     padding: 6px 12px;
		     font-size: 14px;
		     line-height: 1.42857143;
		     color: #555555;
		     background-color: #ffffff;
		     background-image: none;
		     border: 1px solid #cccccc;
		     border-radius: 4px;
		     -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		     -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		     -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		     transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
		   }
		   .btn {
		     display: inline-block;
		     margin-bottom: 0;
		     font-weight: normal;
		     text-align: center;
		     vertical-align: middle;
		     touch-action: manipulation;
		     cursor: pointer;
		     background-image: none;
		     border: 1px solid transparent;
		     white-space: nowrap;
		     padding: 2px 6px;
		     font-size: 13px;
		     line-height: 1.42857143;
		     border-radius: 100px;
		     -webkit-user-select: none;
		     -moz-user-select: none;
		     -ms-user-select: none;
		     user-select: none;
		   }
		   .btn:focus,
		   .btn:active:focus,
		   .btn.active:focus,
		   .btn.focus,
		   .btn:active.focus,
		   .btn.active.focus {
		     outline: 5px auto -webkit-focus-ring-color;
		     outline-offset: -2px;
		   }
		   .btn:hover,
		   .btn:focus,
		   .btn.focus {
		     color: #fff;
		     text-decoration: none;
		   }
		   .btn:active,
		   .btn.active {
		     outline: 0;
		     background-image: none;
		     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
		   }
		   .btn.disabled,
		   .btn[disabled],
		   fieldset[disabled] .btn {
		     cursor: not-allowed;
		     opacity: 0.65;
		     filter: alpha(opacity=65);
		     -webkit-box-shadow: none;
		     box-shadow: none;
		   }
		   a.btn.disabled,
		   fieldset[disabled] a.btn {
		     pointer-events: none;
		   }
		   .btn-default {
		     color: #333333;
		     background-color: #ffffff;
		     border-color: #cccccc;
		   }
		   .btn-default:focus,
		   .btn-default.focus {
		     color: #333333;
		     background-color: #e6e6e6;
		     border-color: #8c8c8c;
		   }
		   .btn-default:hover {
		     color: #333333;
		     background-color: #e6e6e6;
		     border-color: #adadad;
		   }
		   .btn-default:active,
		   .btn-default.active,
		   .open > .dropdown-toggle.btn-default {
		     color: #333333;
		     background-color: #e6e6e6;
		     border-color: #adadad;
		   }
		   .btn-default:active:hover,
		   .btn-default.active:hover,
		   .open > .dropdown-toggle.btn-default:hover,
		   .btn-default:active:focus,
		   .btn-default.active:focus,
		   .open > .dropdown-toggle.btn-default:focus,
		   .btn-default:active.focus,
		   .btn-default.active.focus,
		   .open > .dropdown-toggle.btn-default.focus {
		     color: #333333;
		     background-color: #d4d4d4;
		     border-color: #8c8c8c;
		   }
		   .btn-default:active,
		   .btn-default.active,
		   .open > .dropdown-toggle.btn-default {
		     background-image: none;
		   }
		   .btn-default.disabled:hover,
		   .btn-default[disabled]:hover,
		   fieldset[disabled] .btn-default:hover,
		   .btn-default.disabled:focus,
		   .btn-default[disabled]:focus,
		   fieldset[disabled] .btn-default:focus,
		   .btn-default.disabled.focus,
		   .btn-default[disabled].focus,
		   fieldset[disabled] .btn-default.focus {
		     background-color: #ffffff;
		     border-color: #cccccc;
		   }
		   .btn-default .badge {
		     color: #ffffff;
		     background-color: #333333;
		   }
		   .btn-primary {
		     color: #ffffff;
		     background-color: #ea2c13;
		     border-color: #d22811;
		   }
		   .btn-primary:focus,
		   .btn-primary.focus {
		     color: #ffffff;
		     background-color: #bb230f;
		     border-color: #5c1108;
		   }
		   .btn-primary:hover {
		     color: #ffffff;
		     background-color: #bb230f;
		     border-color: #9a1d0c;
		   }
		   .btn-primary:active,
		   .btn-primary.active,
		   .open > .dropdown-toggle.btn-primary {
		     color: #ffffff;
		     background-color: #bb230f;
		     border-color: #9a1d0c;
		   }
		   .btn-primary:active:hover,
		   .btn-primary.active:hover,
		   .open > .dropdown-toggle.btn-primary:hover,
		   .btn-primary:active:focus,
		   .btn-primary.active:focus,
		   .open > .dropdown-toggle.btn-primary:focus,
		   .btn-primary:active.focus,
		   .btn-primary.active.focus,
		   .open > .dropdown-toggle.btn-primary.focus {
		     color: #ffffff;
		     background-color: #9a1d0c;
		     border-color: #5c1108;
		   }
		   .btn-primary:active,
		   .btn-primary.active,
		   .open > .dropdown-toggle.btn-primary {
		     background-image: none;
		   }
		   .btn-primary.disabled:hover,
		   .btn-primary[disabled]:hover,
		   fieldset[disabled] .btn-primary:hover,
		   .btn-primary.disabled:focus,
		   .btn-primary[disabled]:focus,
		   fieldset[disabled] .btn-primary:focus,
		   .btn-primary.disabled.focus,
		   .btn-primary[disabled].focus,
		   fieldset[disabled] .btn-primary.focus {
		     background-color: #ea2c13;
		     border-color: #d22811;
		   }
		   .btn-primary .badge {
		     color: #ea2c13;
		     background-color: #ffffff;
		   }
		   .section-title {
		       margin-bottom: 27px;
		       font-size: 25px;
		       padding-top: 18px;
		       font-family: "Roboto Slab", "Times New Roman", Times, serif;
		   }
		   div.dataTables_wrapper div.dataTables_filter input {
		       margin-left: 0.5em;
		       display: inline-block;
		       width: auto;
		   }
		   #results-grid, #tblSeriesModels {
		       background-color: rgb(255, 255, 255);
		       border: 1px solid rgb(221, 221, 221);
		       border-radius: 4px;
		       padding: 10px;
		   }
		   table.dataTable {
		       clear: both;
		       margin-top: 6px !important;
		       margin-bottom: 6px !important;
		       max-width: none !important;
		       border-collapse: separate !important;
		   }
		   .col-md-5 {
		       float: left;
		   }
		   .col-md-7 {
		       float: right;
		       width: 60%;
		   }
		   /*termina tables*/