/* Minification failed. Returning unminified contents. (2143,1): run-time error CSS1019: Unexpected token, found '@import' (2143,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap')' (2331,1): run-time error CSS1019: Unexpected token, found '@import' (2331,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap')' (3315,1): run-time error CSS1019: Unexpected token, found '@import' (3315,9): run-time error CSS1019: Unexpected token, found 'url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap')' */ table.dataTable{width:100%;margin:0 auto;clear:both;border-collapse:separate;border-spacing:0}table.dataTable thead th,table.dataTable tfoot th{font-weight:bold}table.dataTable thead th,table.dataTable thead td{padding:10px 18px;border-bottom:1px solid #111}table.dataTable thead th:active,table.dataTable thead td:active{outline:none}table.dataTable tfoot th,table.dataTable tfoot td{padding:10px 18px 6px 18px;border-top:1px solid #111}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;*cursor:hand;background-repeat:no-repeat;background-position:center right}table.dataTable thead .sorting{background-image:url(/Content/styles/images/sort_both.png)}table.dataTable thead .sorting_asc{background-image:url(/Content/styles/images/sort_asc.png)}table.dataTable thead .sorting_desc{background-image:url(/Content/styles/images/sort_desc.png)}table.dataTable thead .sorting_asc_disabled{background-image:url(/Content/styles/images/sort_asc_disabled.png)}table.dataTable thead .sorting_desc_disabled{background-image:url(/Content/styles/images/sort_desc_disabled.png)}table.dataTable tbody tr{background-color:#ffffff}table.dataTable tbody tr.selected{background-color:#B0BED9}table.dataTable tbody th,table.dataTable tbody td{padding:8px 10px}table.dataTable.row-border tbody th,table.dataTable.row-border tbody td,table.dataTable.display tbody th,table.dataTable.display tbody td{border-top:1px solid #ddd}table.dataTable.row-border tbody tr:first-child th,table.dataTable.row-border tbody tr:first-child td,table.dataTable.display tbody tr:first-child th,table.dataTable.display tbody tr:first-child td{border-top:none}table.dataTable.cell-border tbody th,table.dataTable.cell-border tbody td{border-top:1px solid #ddd;border-right:1px solid #ddd}table.dataTable.cell-border tbody tr th:first-child,table.dataTable.cell-border tbody tr td:first-child{border-left:1px solid #ddd}table.dataTable.cell-border tbody tr:first-child th,table.dataTable.cell-border tbody tr:first-child td{border-top:none}table.dataTable.stripe tbody tr.odd,table.dataTable.display tbody tr.odd{background-color:#f9f9f9}table.dataTable.stripe tbody tr.odd.selected,table.dataTable.display tbody tr.odd.selected{background-color:#acbad4}table.dataTable.hover tbody tr:hover,table.dataTable.display tbody tr:hover{background-color:#f6f6f6}table.dataTable.hover tbody tr:hover.selected,table.dataTable.display tbody tr:hover.selected{background-color:#aab7d1}table.dataTable.order-column tbody tr>.sorting_1,table.dataTable.order-column tbody tr>.sorting_2,table.dataTable.order-column tbody tr>.sorting_3,table.dataTable.display tbody tr>.sorting_1,table.dataTable.display tbody tr>.sorting_2,table.dataTable.display tbody tr>.sorting_3{background-color:#fafafa}table.dataTable.order-column tbody tr.selected>.sorting_1,table.dataTable.order-column tbody tr.selected>.sorting_2,table.dataTable.order-column tbody tr.selected>.sorting_3,table.dataTable.display tbody tr.selected>.sorting_1,table.dataTable.display tbody tr.selected>.sorting_2,table.dataTable.display tbody tr.selected>.sorting_3{background-color:#acbad5}table.dataTable.display tbody tr.odd>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd>.sorting_1{background-color:#f1f1f1}table.dataTable.display tbody tr.odd>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd>.sorting_2{background-color:#f3f3f3}table.dataTable.display tbody tr.odd>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd>.sorting_3{background-color:whitesmoke}table.dataTable.display tbody tr.odd.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_1{background-color:#a6b4cd}table.dataTable.display tbody tr.odd.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_2{background-color:#a8b5cf}table.dataTable.display tbody tr.odd.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.odd.selected>.sorting_3{background-color:#a9b7d1}table.dataTable.display tbody tr.even>.sorting_1,table.dataTable.order-column.stripe tbody tr.even>.sorting_1{background-color:#fafafa}table.dataTable.display tbody tr.even>.sorting_2,table.dataTable.order-column.stripe tbody tr.even>.sorting_2{background-color:#fcfcfc}table.dataTable.display tbody tr.even>.sorting_3,table.dataTable.order-column.stripe tbody tr.even>.sorting_3{background-color:#fefefe}table.dataTable.display tbody tr.even.selected>.sorting_1,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_1{background-color:#acbad5}table.dataTable.display tbody tr.even.selected>.sorting_2,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_2{background-color:#aebcd6}table.dataTable.display tbody tr.even.selected>.sorting_3,table.dataTable.order-column.stripe tbody tr.even.selected>.sorting_3{background-color:#afbdd8}table.dataTable.display tbody tr:hover>.sorting_1,table.dataTable.order-column.hover tbody tr:hover>.sorting_1{background-color:#eaeaea}table.dataTable.display tbody tr:hover>.sorting_2,table.dataTable.order-column.hover tbody tr:hover>.sorting_2{background-color:#ececec}table.dataTable.display tbody tr:hover>.sorting_3,table.dataTable.order-column.hover tbody tr:hover>.sorting_3{background-color:#efefef}table.dataTable.display tbody tr:hover.selected>.sorting_1,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_1{background-color:#a2aec7}table.dataTable.display tbody tr:hover.selected>.sorting_2,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_2{background-color:#a3b0c9}table.dataTable.display tbody tr:hover.selected>.sorting_3,table.dataTable.order-column.hover tbody tr:hover.selected>.sorting_3{background-color:#a5b2cb}table.dataTable.no-footer{border-bottom:1px solid #111}table.dataTable.nowrap th,table.dataTable.nowrap td{white-space:nowrap}table.dataTable.compact thead th,table.dataTable.compact thead td{padding:4px 17px 4px 4px}table.dataTable.compact tfoot th,table.dataTable.compact tfoot td{padding:4px}table.dataTable.compact tbody th,table.dataTable.compact tbody td{padding:4px}table.dataTable th.dt-left,table.dataTable td.dt-left{text-align:left}table.dataTable th.dt-center,table.dataTable td.dt-center,table.dataTable td.dataTables_empty{text-align:center}table.dataTable th.dt-right,table.dataTable td.dt-right{text-align:right}table.dataTable th.dt-justify,table.dataTable td.dt-justify{text-align:justify}table.dataTable th.dt-nowrap,table.dataTable td.dt-nowrap{white-space:nowrap}table.dataTable thead th.dt-head-left,table.dataTable thead td.dt-head-left,table.dataTable tfoot th.dt-head-left,table.dataTable tfoot td.dt-head-left{text-align:left}table.dataTable thead th.dt-head-center,table.dataTable thead td.dt-head-center,table.dataTable tfoot th.dt-head-center,table.dataTable tfoot td.dt-head-center{text-align:center}table.dataTable thead th.dt-head-right,table.dataTable thead td.dt-head-right,table.dataTable tfoot th.dt-head-right,table.dataTable tfoot td.dt-head-right{text-align:right}table.dataTable thead th.dt-head-justify,table.dataTable thead td.dt-head-justify,table.dataTable tfoot th.dt-head-justify,table.dataTable tfoot td.dt-head-justify{text-align:justify}table.dataTable thead th.dt-head-nowrap,table.dataTable thead td.dt-head-nowrap,table.dataTable tfoot th.dt-head-nowrap,table.dataTable tfoot td.dt-head-nowrap{white-space:nowrap}table.dataTable tbody th.dt-body-left,table.dataTable tbody td.dt-body-left{text-align:left}table.dataTable tbody th.dt-body-center,table.dataTable tbody td.dt-body-center{text-align:center}table.dataTable tbody th.dt-body-right,table.dataTable tbody td.dt-body-right{text-align:right}table.dataTable tbody th.dt-body-justify,table.dataTable tbody td.dt-body-justify{text-align:justify}table.dataTable tbody th.dt-body-nowrap,table.dataTable tbody td.dt-body-nowrap{white-space:nowrap}table.dataTable,table.dataTable th,table.dataTable td{box-sizing:content-box}.dataTables_wrapper{position:relative;clear:both;*zoom:1;zoom:1}.dataTables_wrapper .dataTables_length{float:left}.dataTables_wrapper .dataTables_filter{float:right;text-align:right}.dataTables_wrapper .dataTables_filter input{margin-left:0.5em}.dataTables_wrapper .dataTables_info{clear:both;float:left;padding-top:0.755em}.dataTables_wrapper .dataTables_paginate{float:right;text-align:right;padding-top:0.25em}.dataTables_wrapper .dataTables_paginate .paginate_button{box-sizing:border-box;display:inline-block;min-width:1.5em;padding:0.5em 1em;margin-left:2px;text-align:center;text-decoration:none !important;cursor:pointer;*cursor:hand;color:#333 !important;border:1px solid transparent;border-radius:2px}.dataTables_wrapper .dataTables_paginate .paginate_button.current,.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{color:#333 !important;border:1px solid #979797;background-color:white;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #dcdcdc));background:-webkit-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-moz-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-ms-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:-o-linear-gradient(top, #fff 0%, #dcdcdc 100%);background:linear-gradient(to bottom, #fff 0%, #dcdcdc 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{cursor:default;color:#666 !important;border:1px solid transparent;background:transparent;box-shadow:none}.dataTables_wrapper .dataTables_paginate .paginate_button:hover{color:white !important;border:1px solid #111;background-color:#585858;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));background:-webkit-linear-gradient(top, #585858 0%, #111 100%);background:-moz-linear-gradient(top, #585858 0%, #111 100%);background:-ms-linear-gradient(top, #585858 0%, #111 100%);background:-o-linear-gradient(top, #585858 0%, #111 100%);background:linear-gradient(to bottom, #585858 0%, #111 100%)}.dataTables_wrapper .dataTables_paginate .paginate_button:active{outline:none;background-color:#2b2b2b;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));background:-webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:-o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);background:linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);box-shadow:inset 0 0 3px #111}.dataTables_wrapper .dataTables_paginate .ellipsis{padding:0 1em}.dataTables_wrapper .dataTables_processing{position:absolute;top:50%;left:50%;width:100%;height:40px;margin-left:-50%;margin-top:-25px;padding-top:20px;text-align:center;font-size:1.2em;background-color:white;background:-webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(25%, rgba(255,255,255,0.9)), color-stop(75%, rgba(255,255,255,0.9)), color-stop(100%, rgba(255,255,255,0)));background:-webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:-o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%);background:linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0.9) 75%, rgba(255,255,255,0) 100%)}.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter,.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_processing,.dataTables_wrapper .dataTables_paginate{color:#333}.dataTables_wrapper .dataTables_scroll{clear:both}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{*margin-top:-1px;-webkit-overflow-scrolling:touch}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td{vertical-align:middle}.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>thead>tr>td>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>th>div.dataTables_sizing,.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody>table>tbody>tr>td>div.dataTables_sizing{height:0;overflow:hidden;margin:0 !important;padding:0 !important}.dataTables_wrapper.no-footer .dataTables_scrollBody{border-bottom:1px solid #111}.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,.dataTables_wrapper.no-footer div.dataTables_scrollBody>table{border-bottom:none}.dataTables_wrapper:after{visibility:hidden;display:block;content:"";clear:both;height:0}@media screen and (max-width: 767px){.dataTables_wrapper .dataTables_info,.dataTables_wrapper .dataTables_paginate{float:none;text-align:center}.dataTables_wrapper .dataTables_paginate{margin-top:0.5em}}@media screen and (max-width: 640px){.dataTables_wrapper .dataTables_length,.dataTables_wrapper .dataTables_filter{float:none;text-align:center}.dataTables_wrapper .dataTables_filter{margin-top:0.5em}} /* * Table styles */ table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; font-family: 'Poppins', sans-serif; } table.dataTable thead th, table.dataTable thead td, table.dataTable tfoot th, table.dataTable tfoot td { padding: 1rem; color: rgb(5, 40, 37); font-weight: 600; border-bottom: 2px solid rgb(173, 217, 255); } table.dataTable thead th, table.dataTable tfoot th { font-weight: 600; } table.dataTable thead th:active, table.dataTable thead td:active { outline: none; } table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting { cursor: pointer; *cursor: hand; } table.dataTable thead th div.DataTables_sort_wrapper { position: relative; padding-right: 10px; } table.dataTable thead th div.DataTables_sort_wrapper span { position: absolute; top: 50%; margin-top: -8px; right: -5px; } table.dataTable thead th.ui-state-default { border-right-width: 0; } table.dataTable thead th.ui-state-default:last-child { border-right-width: 1px; } table.dataTable tbody tr { background-color: white; transition: all 0.2s ease; } table.dataTable tbody tr:hover { background-color: rgba(0, 203, 73, 0.1); } table.dataTable tbody tr.selected { background-color: rgba(0, 203, 73, 0.2); } table.dataTable tbody th, table.dataTable tbody td { padding: 0.75rem 1rem; color: rgb(5, 40, 37); border-bottom: 1px solid rgb(173, 217, 255); } table.dataTable th.center, table.dataTable td.center, table.dataTable td.dataTables_empty { text-align: center; } table.dataTable th.right, table.dataTable td.right { text-align: right; } table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td { border-top: 1px solid rgb(173, 217, 255); } table.dataTable.row-border tbody tr:first-child th, table.dataTable.row-border tbody tr:first-child td, table.dataTable.display tbody tr:first-child th, table.dataTable.display tbody tr:first-child td { border-top: none; } table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid rgb(173, 217, 255); border-right: 1px solid rgb(173, 217, 255); } table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid rgb(173, 217, 255); } table.dataTable.cell-border tbody tr:first-child th, table.dataTable.cell-border tbody tr:first-child td { border-top: none; } table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd { background-color: rgba(173, 217, 255, 0.1); } table.dataTable.stripe tbody tr.odd.selected, table.dataTable.display tbody tr.odd.selected { background-color: #abb9d3; } table.dataTable.hover tbody tr:hover, table.dataTable.hover tbody tr.odd:hover, table.dataTable.hover tbody tr.even:hover, table.dataTable.display tbody tr:hover, table.dataTable.display tbody tr.odd:hover, table.dataTable.display tbody tr.even:hover { background-color: rgba(0, 203, 73, 0.1); } table.dataTable.hover tbody tr:hover.selected, table.dataTable.hover tbody tr.odd:hover.selected, table.dataTable.hover tbody tr.even:hover.selected, table.dataTable.display tbody tr:hover.selected, table.dataTable.display tbody tr.odd:hover.selected, table.dataTable.display tbody tr.even:hover.selected { background-color: #a9b7d1; } table.dataTable.order-column tbody tr > .sorting_1, table.dataTable.order-column tbody tr > .sorting_2, table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.display tbody tr > .sorting_1, table.dataTable.display tbody tr > .sorting_2, table.dataTable.display tbody tr > .sorting_3 { background-color: #f9f9f9; } table.dataTable.order-column tbody tr.selected > .sorting_1, table.dataTable.order-column tbody tr.selected > .sorting_2, table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.display tbody tr.selected > .sorting_1, table.dataTable.display tbody tr.selected > .sorting_2, table.dataTable.display tbody tr.selected > .sorting_3 { background-color: #acbad4; } table.dataTable.display tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; } table.dataTable.display tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; } table.dataTable.display tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; } table.dataTable.display tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b3cd; } table.dataTable.display tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a7b5ce; } table.dataTable.display tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b6d0; } table.dataTable.display tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #f9f9f9; } table.dataTable.display tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fbfbfb; } table.dataTable.display tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fdfdfd; } table.dataTable.display tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad4; } table.dataTable.display tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #adbbd6; } table.dataTable.display tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; } table.dataTable.display tbody tr:hover > .sorting_1, table.dataTable.display tbody tr.odd:hover > .sorting_1, table.dataTable.display tbody tr.even:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_1 { background-color: #eaeaea; } table.dataTable.display tbody tr:hover > .sorting_2, table.dataTable.display tbody tr.odd:hover > .sorting_2, table.dataTable.display tbody tr.even:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_2 { background-color: #ebebeb; } table.dataTable.display tbody tr:hover > .sorting_3, table.dataTable.display tbody tr.odd:hover > .sorting_3, table.dataTable.display tbody tr.even:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover > .sorting_3 { background-color: #eeeeee; } table.dataTable.display tbody tr:hover.selected > .sorting_1, table.dataTable.display tbody tr.odd:hover.selected > .sorting_1, table.dataTable.display tbody tr.even:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_1 { background-color: #a1aec7; } table.dataTable.display tbody tr:hover.selected > .sorting_2, table.dataTable.display tbody tr.odd:hover.selected > .sorting_2, table.dataTable.display tbody tr.even:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_2 { background-color: #a2afc8; } table.dataTable.display tbody tr:hover.selected > .sorting_3, table.dataTable.display tbody tr.odd:hover.selected > .sorting_3, table.dataTable.display tbody tr.even:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover.selected > .sorting_3 { background-color: #a4b2cb; } table.dataTable, table.dataTable th, table.dataTable td { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } /* * Control feature layout */ .dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; font-family: 'Poppins', sans-serif; } .dataTables_wrapper .dataTables_length { float: left; } .dataTables_wrapper .dataTables_filter { float: left; text-align: right; } .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; border: 2px solid rgb(173, 217, 255); border-radius: 6px; padding: 0.75rem 1rem; font-family: 'Poppins', sans-serif; font-size: 0.9rem; color: rgb(5, 40, 37); transition: all 0.2s ease; } .dataTables_wrapper .dataTables_filter input:focus { border-color: rgb(0, 203, 73); box-shadow: 0 0 0 3px rgba(0, 203, 73, 0.2); outline: none; } .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.55em; } .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; } .dataTables_wrapper .dataTables_paginate .fg-button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: white !important; border: none; border-radius: 6px; background-color: rgb(0, 203, 73); transition: all 0.2s ease; } .dataTables_wrapper .dataTables_paginate .fg-button:hover { background-color: rgb(188, 240, 0); transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .dataTables_wrapper .dataTables_paginate .fg-button.disabled { background-color: rgb(173, 217, 255); color: rgb(5, 40, 37) !important; opacity: 0.7; cursor: not-allowed; } .dataTables_wrapper .dataTables_paginate .fg-button.current { background-color: rgb(5, 40, 37); color: white !important; } .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; color: rgb(5, 40, 37); font-family: 'Poppins', sans-serif; } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: rgb(5, 40, 37); font-family: 'Poppins', sans-serif; } .dataTables_wrapper .dataTables_scroll { clear: both; } .dataTables_wrapper .dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; } .dataTables_wrapper .ui-widget-header { font-weight: normal; } .dataTables_wrapper .ui-toolbar { padding: 8px; } .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } @media screen and (max-width: 767px) { .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; } .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; } } /* * File: TableTools.css * Description: Styles for TableTools 2 * Author: Allan Jardine (www.sprymedia.co.uk) * Language: Javascript * License: GPL v2 / 3 point BSD * Project: DataTables * * Copyright 2009-2012 Allan Jardine, all rights reserved. * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * CSS name space: * DTTT DataTables TableTools * * Style sheet provides: * CONTAINER TableTools container element and styles applying to all components * BUTTON_STYLES Action specific button styles * SELECTING Row selection styles * COLLECTIONS Drop down list (collection) styles * PRINTING Print display styles */ /* * CONTAINER * TableTools container element and styles applying to all components */ div.DTTT_container { position: relative; float: right; margin-bottom: 1em; font-family: 'Poppins', sans-serif; } @media screen and (max-width: 640px) { div.DTTT_container { float: none !important; text-align: center; } div.DTTT_container:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; } } button.DTTT_button, div.DTTT_button, a.DTTT_button { position: relative; display: inline-block; margin-right: 0.5rem; padding: 0.65rem 1.4rem; border: 1px solid transparent; cursor: pointer; font-family: 'Poppins', sans-serif; font-size: 0.9rem; font-weight: 600; color: white !important; text-decoration: none; line-height: 1.5; background-color: rgb(0, 203, 73); border-radius: 8px; transition: all 250ms ease; outline: none; } button.DTTT_button:focus-visible, div.DTTT_button:focus-visible, a.DTTT_button:focus-visible { box-shadow: 0 0 0 3px rgba(0, 203, 73, 0.4); } button.DTTT_button:hover, div.DTTT_button:hover, a.DTTT_button:hover { background-color: rgb(188, 240, 0); color: rgb(5, 40, 37) !important; transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } button.DTTT_button:active, div.DTTT_button:active, a.DTTT_button:active { transform: translateY(0); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1); } button.DTTT_disabled, div.DTTT_disabled, a.DTTT_disabled { background-color: rgb(173, 217, 255); color: rgb(5, 40, 37) !important; opacity: 0.7; cursor: not-allowed; transform: none; box-shadow: none; } button.DTTT_disabled:hover, div.DTTT_disabled:hover, a.DTTT_disabled:hover { background-color: rgb(173, 217, 255); color: rgb(5, 40, 37) !important; transform: none; box-shadow: none; } .DTTT_button embed { outline: none; } /* * BUTTON_STYLES * Action specific button styles * If you want images - comment this back in a.DTTT_button_csv, a.DTTT_button_xls, a.DTTT_button_copy, a.DTTT_button_pdf, a.DTTT_button_print { padding-right: 0px; } a.DTTT_button_csv span, a.DTTT_button_xls span, a.DTTT_button_copy span, a.DTTT_button_pdf span, a.DTTT_button_print span { display: inline-block; height: 24px; line-height: 24px; padding-right: 30px; } a.DTTT_button_csv span { background: url(/Content/styles/images/csv.png) no-repeat bottom right; } a.DTTT_button_csv:hover span { background: url(/Content/styles/images/csv_hover.png) no-repeat center right; } a.DTTT_button_xls span { background: url(/Content/styles/images/xls.png) no-repeat center right; } a.DTTT_button_xls:hover span { background: #f0f0f0 url(/Content/styles/images/xls_hover.png) no-repeat center right; } a.DTTT_button_copy span { background: url(/Content/styles/images/copy.png) no-repeat center right; } a.DTTT_button_copy:hover span { background: #f0f0f0 url(/Content/styles/images/copy_hover.png) no-repeat center right; } a.DTTT_button_pdf span { background: url(/Content/styles/images/pdf.png) no-repeat center right; } a.DTTT_button_pdf:hover span { background: #f0f0f0 url(/Content/styles/images/pdf_hover.png) no-repeat center right; } a.DTTT_button_print span { background: url(/Content/styles/images/print.png) no-repeat center right; } a.DTTT_button_print:hover span { background: #f0f0f0 url(/Content/styles/images/print_hover.png) no-repeat center right; } */ button.DTTT_button_collection span { padding-right: 17px; background: url(/Content/styles/images/collection.png) no-repeat center right; } button.DTTT_button_collection:hover span { padding-right: 17px; background: #f0f0f0 url(/Content/styles/images/collection_hover.png) no-repeat center right; } /* * SELECTING * Row selection styles */ table.DTTT_selectable tbody tr { cursor: pointer; } table.dataTable tr.DTTT_selected.odd { background-color: #9FAFD1; } table.dataTable tr.DTTT_selected.odd td.sorting_1 { background-color: #9FAFD1; } table.dataTable tr.DTTT_selected.odd td.sorting_2 { background-color: #9FAFD1; } table.dataTable tr.DTTT_selected.odd td.sorting_3 { background-color: #9FAFD1; } table.dataTable tr.DTTT_selected.even { background-color: #B0BED9; } table.dataTable tr.DTTT_selected.even td.sorting_1 { background-color: #B0BED9; } table.dataTable tr.DTTT_selected.even td.sorting_2 { background-color: #B0BED9; } table.dataTable tr.DTTT_selected.even td.sorting_3 { background-color: #B0BED9; } /* * COLLECTIONS * Drop down list (collection) styles */ div.DTTT_collection { width: 150px; padding: 1rem; border: 2px solid rgb(173, 217, 255); background-color: white; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); z-index: 2002; } div.DTTT_collection_background { background: transparent url(/Content/styles/images/background.png) repeat top left; z-index: 2001; } div.DTTT_collection button.DTTT_button, div.DTTT_collection div.DTTT_button, div.DTTT_collection a.DTTT_button { display: block; width: 100%; margin-bottom: 0.5rem; text-align: left; padding: 0.5rem 1rem; font-size: 0.9rem; } /* * PRINTING * Print display styles */ .DTTT_print_info { background-color: white; border: 2px solid rgb(173, 217, 255); border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); color: rgb(5, 40, 37); padding: 1rem; font-family: 'Poppins', sans-serif; } .DTTT_print_info h6 { font-weight: 600; font-size: 1.2rem; margin-bottom: 0.5rem; color: rgb(5, 40, 37); } .DTTT_print_info p { font-size: 0.9rem; color: rgb(5, 40, 37); opacity: 0.8; } div.DTE { position: relative; font-family: 'Poppins', sans-serif; background-color: white; border: 1px solid rgb(173, 217, 255); border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } div.DTE div.DTE_Processing_Indicator { position: absolute; top: 10px; right: 13px; height: 32px; width: 32px; background-color: rgba(5, 40, 37, 0.8); color: white; border-radius: 4px; padding: 0.5rem 1rem; font-size: 0.9rem; background: url(/Content/styles/images/ajax-loader.gif) no-repeat top left; display: none; z-index: 20; } div.DTE div.DTE_Header { position: absolute; top: 0; left: 0; height: 50px; width: 100%; background-color: rgb(5, 40, 37); color: white; padding: 0.5rem 1rem; border-radius: 8px 8px 0 0; font-size: 1.3em; box-sizing: border-box; font-weight: 500; } div.DTE div.DTE_Footer { position: absolute; bottom: 0; left: 0; height: 50px; width: 100%; background-color: rgb(5, 40, 37); color: white; padding: 0.2rem 1rem; border-radius: 0 0 8px 8px; box-sizing: border-box; } div.DTE div.DTE_Form_Info { margin-bottom: 0.5em; display: none; } div.DTE div.DTE_Form_Content { position: relative; padding: 10px; } div.DTE div.DTE_Form_Error { float: left; /*padding: 5px;*/ display: none; font-size: small; color: #c78e8e; width: 85%; } div.DTE div.DTE_Form_Buttons button { position: relative; text-align: center; display: block; margin-top: 0; /*padding: 5px 15px;*/ cursor: pointer; float: right; min-width: 10%; font-size: 14px; text-shadow: 0 1px 0 white; border: none; border-radius: 6px; padding: 0.75rem 1.5rem; font-size: 0.9rem; font-weight: 500; text-shadow: 0 1px 0 white; transition: all 0.2s ease; background-color: rgb(0, 203, 73); color: white; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } div.DTE div.DTE_Form_Buttons button:hover { background-color: rgb(188, 240, 0); transform: translateY(-1px); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } div.DTE div.DTE_Form_Buttons button:active { transform: translateY(1px); -webkit-box-shadow: inset 1px 1px 3px #999999; -moz-box-shadow: inset 1px 1px 3px #999999; box-shadow: inset 1px 1px 3px #999999; } div.DTE div.DTE_Form_Buttons button:focus { border: 1px solid #426c9e; text-shadow: 0 1px 0 #c4def1; background-color: #a3d0ef 100%; /* Fallback */ background-image: -webkit-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image: -moz-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%); /* FF3.6 */ background-image: -ms-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%); /* IE10 */ background-image: -o-linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%); /* Opera 11.10+ */ background-image: linear-gradient(top, #a3d0ef 0%, #79ace9 65%, #a3d0ef 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#a3d0ef', EndColorStr='#a3d0ef'); outline: none; } div.DTE div.DTE_Form_Buttons button:focus:after { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: white; display: block; content: " "; -webkit-animation-duration: 1s; -webkit-animation-name: buttonPulse; -webkit-animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -webkit-animation-direction: alternate; -moz-animation-duration: 1s; -moz-animation-name: buttonPulse; -moz-animation-fill-mode: forwards; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -moz-animation-direction: alternate; -o-animation-duration: 1s; -o-animation-name: buttonPulse; -o-animation-fill-mode: forwards; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; -o-animation-direction: alternate; animation-duration: 1s; animation-name: buttonPulse; animation-fill-mode: forwards; animation-iteration-count: infinite; animation-timing-function: linear; animation-direction: alternate; } div.DTE.DTE_Action_Remove div.DTE_Body_Content { text-align: center; padding: 20px 0; } @-webkit-keyframes buttonPulse { 0% { opacity: 0; } 100% { opacity: 0.2; } } @-moz-keyframes buttonPulse { 0% { opacity: 0; } 100% { opacity: 0.2; } } @-o-keyframes buttonPulse { 0% { opacity: 0; } 100% { opacity: 0.2; } } @keyframes buttonPulse { 0% { opacity: 0; } 100% { opacity: 0.2; } } div.DTTT_container { display: flex; justify-content: flex-end; } div.DTE_Field input, div.DTE_Field select, div.DTE_Field textarea { box-sizing: border-box; background-color: white; border: 2px solid rgb(173, 217, 255); border-radius: 6px; padding: 0.5rem; font-family: 'Poppins', sans-serif; font-size: 0.9rem; color: rgb(5, 40, 37); transition: all 0.2s ease; /* width: 100%; */ outline: none; } div.DTE_Field input:focus, div.DTE_Field select:focus, div.DTE_Field textarea:focus { border-color: rgb(0, 203, 73); box-shadow: 0 0 0 3px rgba(0, 203, 73, 0.2); } div.DTE_Field input[type="color"], div.DTE_Field input[type="date"], div.DTE_Field input[type="datetime"], div.DTE_Field input[type="datetime-local"], div.DTE_Field input[type="email"], div.DTE_Field input[type="month"], div.DTE_Field input[type="number"], div.DTE_Field input[type="password"], div.DTE_Field input[type="search"], div.DTE_Field input[type="tel"], div.DTE_Field input[type="text"], div.DTE_Field input[type="time"], div.DTE_Field input[type="url"], div.DTE_Field input[type="week"] { /*padding: 6px 4px;*/ width: 100%; } div.DTE_Field input:hover, div.DTE_Field select:hover, div.DTE_Field textarea:hover { border-color: rgb(0, 203, 73); } div.DTE_Field input[disabled], div.DTE_Field select[disabled], div.DTE_Field textarea[disabled] { background-color: rgb(173, 217, 255); opacity: 0.7; cursor: not-allowed; } div.DTE_Field div.DTE_Field_Info, div.DTE_Field div.DTE_Field_Message { font-size: 11px; line-height: 1em; } div.DTE_Field div.DTE_Field_Error { color: rgb(193, 39, 45); font-size: 0.8rem; margin-top: 0.25rem; display: none; font-family: 'Poppins', sans-serif; } div.DTE_Field_Type_textarea textarea { min-height: 100px; resize: vertical; } div.DTE_Field.DTE_Field_Type_date img { vertical-align: middle; cursor: pointer; width: 1.5rem; height: 1.5rem; padding: 0.25rem; border-radius: 4px; transition: all 0.2s ease; } div.DTE_Field.DTE_Field_Type_date img:hover { background-color: rgba(0, 203, 73, 0.1); } div.DTE_Field.DTE_Field_Type_date input.jqueryui { width: calc(100% - 2.5rem); margin-right: 0.5rem; } div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div, div.DTE_Field_Type_radio div.DTE_Field_Input > div > div { margin-bottom: 0.25em; display: flex; } div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div:last-child, div.DTE_Field_Type_radio div.DTE_Field_Input > div > div:last-child { margin-bottom: 0; } div.DTE_Field_Type_checkbox div.DTE_Field_Input > div > div label, div.DTE_Field_Type_radio div.DTE_Field_Input > div > div label { margin-left: 0.75em; vertical-align: middle; } div.DTE_Body { padding: 50px 0; } div.DTE_Body div.DTE_Body_Content { position: relative; overflow: auto; } div.DTE_Body div.DTE_Body_Content div.DTE_Form_Info { padding: 1em 1em 0 1em; margin: 0; } div.DTE_Body div.DTE_Body_Content div.DTE_Field { position: relative; zoom: 1; clear: both; padding: 5px 20%; border: 1px solid transparent; } div.DTE_Body div.DTE_Body_Content div.DTE_Field:after { display: block; content: "."; height: 0; line-height: 0; clear: both; visibility: hidden; } div.DTE_Body div.DTE_Body_Content div.DTE_Field:hover { background-color: #f9f9f9; border: 1px solid #f3f3f3; } div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { float: left; width: 40%; padding-top: 6px; } div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { float: right; width: 60%; } html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { float: right; } html[dir="rtl"] div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { float: left; } html[dir="rtl"] div.DTE div.DTE_Form_Buttons button { float: left; } @media only screen and (max-width: 768px) { div.DTE_Body div.DTE_Body_Content div.DTE_Field { padding: 5px 10%; } } @media only screen and (max-width: 640px) { div.DTE_Body div.DTE_Body_Content div.DTE_Field { padding: 5px 0; } } @media only screen and (max-width: 580px) { div.DTE_Body div.DTE_Body_Content div.DTE_Field { position: relative; zoom: 1; clear: both; padding: 5px; } div.DTE_Body div.DTE_Body_Content div.DTE_Field > label { float: none; width: auto; padding-top: 0; } div.DTE_Body div.DTE_Body_Content div.DTE_Field > div.DTE_Field_Input { float: none; width: auto; } } div.DTE_Bubble { position: absolute; z-index: 11; margin-top: -6px; opacity: 0; } div.DTE_Bubble div.DTE_Bubble_Liner { position: absolute; bottom: 0; border: 1px solid black; width: 300px; margin-left: -150px; background-color: white; box-shadow: 2px 2px 7px #555; border-radius: 5px; border: 2px solid #444; padding: 1em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table { display: table; width: 100%; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form { display: table-cell; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content { padding: 0; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field { position: relative; zoom: 1; margin-bottom: 0.5em; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table > form div.DTE_Form_Content div.DTE_Field:last-child { margin-bottom: 0; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Table div.DTE_Form_Buttons { display: table-cell; vertical-align: bottom; padding: 0 0 0 0.75em; width: 1%; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header { border-top-left-radius: 5px; border-top-right-radius: 5px; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Form_Info, div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Header + div.DTE_Bubble_Table { padding-top: 42px; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Form_Error { float: none; display: none; padding: 0; margin-bottom: 0.5em; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close { position: absolute; top: -11px; right: -11px; width: 22px; height: 22px; border: 2px solid white; background-color: black; text-align: center; border-radius: 15px; cursor: pointer; *cursor: hand; z-index: 12; box-shadow: 2px 2px 6px #111; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:after { content: '\00d7'; color: white; font-weight: bold; font-size: 18px; line-height: 18px; } div.DTE_Bubble div.DTE_Bubble_Liner div.DTE_Bubble_Close:hover { background-color: #092079; box-shadow: 2px 2px 9px #111; } div.DTE_Bubble div.DTE_Bubble_Triangle { position: absolute; height: 10px; width: 10px; top: -6px; background-color: white; border: 2px solid #444; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } div.DTE_Bubble_Background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); /* Fallback */ background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */ background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */ background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */ background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */ background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */ background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */ z-index: 10; } div.DTE_Bubble_Background > div { position: absolute; top: 0; right: 0; left: 0; bottom: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } div.DTE_Bubble_Background > div:not([dummy]) { filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } div.DTE_Inline { display: table; width: 100%; } div.DTE_Inline div.DTE_Inline_Field, div.DTE_Inline div.DTE_Inline_Buttons { display: table-cell; vertical-align: middle; } div.DTE_Inline div.DTE_Inline_Field div.DTE_Field, div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field { padding: 0; } div.DTE_Inline div.DTE_Inline_Field div.DTE_Field > label, div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Field > label { display: none; } div.DTE_Inline div.DTE_Inline_Field div.DTE_Form_Buttons button, div.DTE_Inline div.DTE_Inline_Buttons div.DTE_Form_Buttons button { margin: -6px 0 -6px 4px; padding: 5px; } div.DTE_Inline div.DTE_Field input[type="color"], div.DTE_Inline div.DTE_Field input[type="date"], div.DTE_Inline div.DTE_Field input[type="datetime"], div.DTE_Inline div.DTE_Field input[type="datetime-local"], div.DTE_Inline div.DTE_Field input[type="email"], div.DTE_Inline div.DTE_Field input[type="month"], div.DTE_Inline div.DTE_Field input[type="number"], div.DTE_Inline div.DTE_Field input[type="password"], div.DTE_Inline div.DTE_Field input[type="search"], div.DTE_Inline div.DTE_Field input[type="tel"], div.DTE_Inline div.DTE_Field input[type="text"], div.DTE_Inline div.DTE_Field input[type="time"], div.DTE_Inline div.DTE_Field input[type="url"], div.DTE_Inline div.DTE_Field input[type="week"] { margin: -6px 0; } div.DTED_Lightbox_Wrapper { position: fixed; top: 0; left: 50%; margin-left: -390px; width: 780px; height: 100%; z-index: 11; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container { *position: absolute; /* IE6 */ *top: 50%; /*#position: absolute;*/ /* IE7 */ /*#top: 50%;*/ display: table; height: 100%; width: 100%; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper { *position: relative; /* IE6 */ /*#position: relative;*/ /* IE7 */ display: table-cell; vertical-align: middle; width: 100%; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content { *top: -50%; /* IE6 */ /*#top: -50%;*/ /* IE7 */ position: relative; border: 7px solid #dcdcdc; border: 5px solid rgba(220, 220, 220, 0.5); box-shadow: 2px 2px 10px #555; border-radius: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE { background: white; border-radius: 6px; box-shadow: 0 0 5px #555; border: 2px solid #444; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header { top: 2px; left: 2px; right: 2px; width: auto; border-top-left-radius: 5px; border-top-right-radius: 5px; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer { bottom: 2px; left: 2px; right: 2px; width: auto; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close { position: absolute; top: -11px; right: -11px; width: 24px; height: 24px; border: 2px solid white; background-color: black; text-align: center; border-radius: 15px; cursor: pointer; *cursor: hand; z-index: 12; box-shadow: 2px 2px 6px #111; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:after { content: '\00d7'; color: white; /* font-weight: bold; */ font-size: 18px; line-height: 24px; } div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close:hover { background-color: #092079; box-shadow: 2px 2px 9px #111; } div.DTED_Lightbox_Background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); /* Fallback */ background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* IE10 Consumer Preview */ background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Firefox */ background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Opera */ background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.3)), color-stop(1, rgba(0, 0, 0, 0.7))); /* Webkit (Safari/Chrome 10) */ background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* Webkit (Chrome 11+) */ background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%); /* W3C Markup, IE10 Release Preview */ z-index: 10; } div.DTED_Lightbox_Background > div { position: absolute; top: 0; right: 0; left: 0; bottom: 0; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"; } div.DTED_Lightbox_Background > div:not([dummy]) { filter: progid:DXImageTransform.Microsoft.gradient(enabled='false'); } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Background { height: 0; } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Shown { display: none; } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; width: auto; height: auto; margin-left: 0; -webkit-overflow-scrolling: touch; } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container { display: block; } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper { display: block; } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content { border: 4px solid rgba(220, 220, 220, 0.5); border-radius: 0; } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE { border-radius: 0; box-shadow: 0 0 5px #555; border: 2px solid #444; } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Header { border-top-left-radius: 0; border-top-right-radius: 0; } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTE div.DTE_Footer { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } body.DTED_Lightbox_Mobile div.DTED_Lightbox_Wrapper div.DTED_Lightbox_Container div.DTED_Lightbox_Content_Wrapper div.DTED_Lightbox_Content div.DTED_Lightbox_Close { top: 11px; right: 15px; } @media only screen and (max-width: 780px) { div.DTED_Lightbox_Wrapper { position: fixed; top: 0; left: 0; width: 100%; margin-left: 0; } } /* * Namespace: DTED - DataTables Editor Display - Envelope */ div.DTED_Envelope_Wrapper { position: absolute; top: 0; bottom: 0; left: 50%; height: 100%; z-index: 11; display: none; overflow: hidden; } div.DTED_Envelope_Wrapper div.DTED_Envelope_ShadowLeft { position: absolute; top: 0; left: 0; width: 50%; height: 9px; background: url(/Content/styles/images/shadow_left.png) no-repeat top left; z-index: 10; } div.DTED_Envelope_Wrapper div.DTED_Envelope_ShadowRight { position: absolute; top: 0; right: 0; width: 50%; height: 9px; background: url(/Content/styles/images/shadow_right.png) no-repeat top right; z-index: 10; } div.DTED_Envelope_Wrapper div.DTED_Envelope_Container { position: absolute; top: 0; left: 5%; width: 90%; border-left: 1px solid #777; border-right: 1px solid #777; border-bottom: 1px solid #777; box-shadow: 3px 3px 10px #555; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; background-color: white; } div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Processing_Indicator { right: 36px; } div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTE_Footer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } div.DTED_Envelope_Wrapper div.DTED_Envelope_Container div.DTED_Envelope_Close { position: absolute; top: 16px; right: 10px; width: 18px; height: 18px; cursor: pointer; *cursor: hand; z-index: 12; text-align: center; font-size: 12px; background: #F8F8F8; background: -webkit-gradient(linear, center bottom, center top, from(#cccccc), to(white)); background: -moz-linear-gradient(top, white, #cccccc); background: linear-gradient(top, white, #cccccc); text-shadow: 0 1px 0 white; border: 1px solid #999; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-shadow: 0px 0px 1px #999; -moz-box-shadow: 0px 0px 1px #999; -webkit-box-shadow: 0px 0px 1px #999; } div.DTED_Envelope_Background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; background: rgba(0, 0, 0, 0.4); /* Fallback */ background: -ms-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); /* IE10 Consumer Preview */ background: -moz-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); /* Firefox */ background: -o-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); /* Opera */ background: -webkit-gradient(radial, center center, 0, center center, 497, color-stop(0, rgba(0, 0, 0, 0.1)), color-stop(1, rgba(0, 0, 0, 0.4))); /* Webkit (Safari/Chrome 10) */ background: -webkit-radial-gradient(center, ellipse farthest-corner, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); /* Webkit (Chrome 11+) */ background: radial-gradient(ellipse farthest-corner at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.4) 100%); /* W3C Markup, IE10 Release Preview */ } table.dataTable tbody tr.highlight { background-color: #fffbcc !important; } table.dataTable tbody tr.highlight, table.dataTable tbody tr.noHighlight, table.dataTable tbody tr.highlight td, table.dataTable tbody tr.noHighlight td { -webkit-transition: background-color 500ms linear; -moz-transition: background-color 500ms linear; -ms-transition: background-color 500ms linear; -o-transition: background-color 500ms linear; transition: background-color 500ms linear; } table.dataTable.stripe tbody tr.odd.highlight, table.dataTable.display tbody tr.odd.highlight { background-color: #f9f5c7; } table.dataTable.hover tbody tr:hover.highlight, table.dataTable.hover tbody tr.odd:hover.highlight, table.dataTable.hover tbody tr.even:hover.highlight, table.dataTable.display tbody tr:hover.highlight, table.dataTable.display tbody tr.odd:hover.highlight, table.dataTable.display tbody tr.even:hover.highlight { background-color: #f5f1c4; } table.dataTable.order-column tbody tr.highlight > .sorting_1, table.dataTable.order-column tbody tr.highlight > .sorting_2, table.dataTable.order-column tbody tr.highlight > .sorting_3, table.dataTable.display tbody tr.highlight > .sorting_1, table.dataTable.display tbody tr.highlight > .sorting_2, table.dataTable.display tbody tr.highlight > .sorting_3 { background-color: #f9f5c7; } table.dataTable.display tbody tr.odd.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_1 { background-color: #f1edc0; } table.dataTable.display tbody tr.odd.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_2 { background-color: #f3efc2; } table.dataTable.display tbody tr.odd.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.highlight > .sorting_3 { background-color: #f5f1c4; } table.dataTable.display tbody tr.even.highlight > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_1 { background-color: #f9f5c7; } table.dataTable.display tbody tr.even.highlight > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_2 { background-color: #fbf7c9; } table.dataTable.display tbody tr.even.highlight > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.highlight > .sorting_3 { background-color: #fdf9cb; } table.dataTable.display tbody tr:hover.highlight > .sorting_1, table.dataTable.display tbody tr.odd:hover.highlight > .sorting_1, table.dataTable.display tbody tr.even:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_1, table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_1 { background-color: #eae6bb; } table.dataTable.display tbody tr:hover.highlight > .sorting_2, table.dataTable.display tbody tr.odd:hover.highlight > .sorting_2, table.dataTable.display tbody tr.even:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_2, table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_2 { background-color: #ebe8bc; } table.dataTable.display tbody tr:hover.highlight > .sorting_3, table.dataTable.display tbody tr.odd:hover.highlight > .sorting_3, table.dataTable.display tbody tr.even:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr.odd:hover.highlight > .sorting_3, table.dataTable.order-column.hover tbody tr.even:hover.highlight > .sorting_3 { background-color: #eeebbf; } /** * PgwMenu - Version 2.0 * * Copyright 2014, Jonathan M. Piat * http://pgwjs.com - http://pagawa.com * * Released under the GNU GPLv3 license - http://opensource.org/licenses/gpl-3.0 */ .pgwMenu { background: #333; height: 41px; position: relative; } .pgwMenu.light { background: #ddd; } .pgwMenu ul { list-style: none; white-space: nowrap; margin: 0; padding: 0; } .pgwMenu .pm-links.mobile, .pgwMenu .pm-viewMore > ul { background: #333; box-shadow: 2px 2px 4px #777; position: absolute; left: 0; top: 100%; z-index: 1000; } .pgwMenu.light .pm-links.mobile { background: #ddd; } .pgwMenu .pm-links.mobile li, .pgwMenu .pm-viewMore > ul > li { display: block; clear: both; max-width: 205px; } .pgwMenu li { float: left; font-size: 0.9rem; } .pgwMenu a { display: block; color: #fff; line-height: 40px; padding: 0 12px; text-decoration: none; text-transform: uppercase; } .pgwMenu.light a { color: #000; } .pgwMenu a.selected { background: #777; } .pgwMenu.light a.selected { background: #c5c5c5; } .pgwMenu li a:hover{ background: #666; text-decoration: none; } .pgwMenu.light li a:hover{ background: #d0d0d0; } .pgwMenu .pm-dropDown, .pgwMenu .pm-viewMore, .pgwMenu .pm-viewMore > ul { display: none; } .pgwMenu .pm-dropDown a { display: inline-block; background: #777; } .pgwMenu .pm-dropDown a.active, .pgwMenu .pm-viewMore a.active { background: #666; } .pgwMenu.light .pm-dropDown a { background: #c5c5c5; } .pgwMenu.light .pm-dropDown a.active { background: #bbb; } .pgwMenu .pm-dropDown span.icon, .pgwMenu .pm-dropDown span.white { background: url(/Content/styles/PgwMenu/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOwQAADsEBuJFr7QAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABKSURBVEhL7ZOxDQAwCMN6O4/T0tmjsxHJDB4yROJ0dz3s1BRHEi2OTREBpQFKA5QGKA3m7IP8RKeIgNIApQFKA5QGc/ZBfkJTdF0oUafLBAFNbAAAAABJRU5ErkJggg==) no-repeat; display: block; height: 22px; width: 22px; margin: 9px 5px; } .pgwMenu.light .pm-dropDown span.icon, .pgwMenu .pm-dropDown span.black { background: url(/Content/styles/PgwMenu/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABGdBTUEAALGPC/xhBQAAAAlwSFlzAAAOvgAADr4B6kKxwAAAABZ0RVh0U29mdHdhcmUAcGFpbnQubmV0IDQuMDvo9WkAAABpSURBVEhL7ZPLCcAwDEM9jefI/ks1Hyj2QbiGSLcKHggl8sEktjTc/WGyZxo6YKAbrFzFoav3/hdhmsrlijBN5XJFmKZyuSJMU7lcsfV/kIN0FRJgyACGDGDIAIYMpK8CHt6iG6xZhY0JIJ+6AHGbUFsAAAAASUVORK5CYII=) no-repeat; display: block; height: 22px; width: 22px; margin: 9px 5px; } .pgwMenu .pm-viewMore { display: none; position: relative; } .pgwMenu .pm-viewMore > a { display: inline-block; } .pgwMenu .pm-viewMore > ul { left: auto; right: 0; } .pgwMenu .pm-viewMore li { float: none; } .pgwMenu .pm-viewMore span.icon, .pgwMenu .pm-viewMore span.white { border-color: #fff transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block; } .pgwMenu.light .pm-viewMore span.icon, .pgwMenu .pm-viewMore span.black { border-color: #000 transparent; border-style: solid; border-width: 8px 6px 0; margin-left: 3px; display: inline-block; } /* =========================================================== * * Name: selectordie_dev.css * Updated: 2014-10-10 * Created by: Per V @ Vst.mn * What?: Base CSS for Select or Die * * Copyright (c) 2014 Per Vestman * Dual licensed under the MIT and GPL licenses. * * No, I don't usually comment my CSS, but in this * case it might "help" someone. * * Oddny | Cogs 'n Kegs * =========================================================== */ .sod_select, .sod_select * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The SoD - Please keep this first three lines intact, otherwise all hell will break looooooose */ .sod_select { display: inline-block; position: relative; line-height: 1; min-width: 200px; padding: 0.75rem 1rem; border: 2px solid rgb(173, 217, 255); background: white; color: rgb(5, 40, 37); font-family: 'Poppins', sans-serif; font-size: 0.9rem; font-weight: 500; text-align: left; border-radius: 6px; outline: none; cursor: pointer; transition: all 0.2s ease; } /* Up/Down arrows */ .sod_select:before, .sod_select:after { content: "\25B2"; position: absolute; right: 10px; top: 12px; font-size: 7px; } /* Down arrow */ .sod_select:after { content: "\25BC"; top: auto; bottom: 12px; } /* Change the border color on hover, focus and when open */ .sod_select:hover, .sod_select.open, .sod_select.focus { border-color: rgb(0, 203, 73); } .sod_select.open { color: rgb(5, 40, 37); } .sod_select.focus { box-shadow: 0 0 0 3px rgba(0, 203, 73, 0.2); } /* When the entire SoD is disabled, go crazy! */ .sod_select.disabled { border-color: rgb(173, 217, 255); color: rgb(5, 40, 37); opacity: 0.7; cursor: not-allowed; } /* The "label", or whatever we should call it. Keep the first three lines for truncating. */ .sod_select .sod_label { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 2rem; } .sod_select .sod_prefix { /* Use this if you're using a prefix and want to style it */ } .sod_select .sod_placeholder { /* Use this if you're using a placeholder and want to style it */ } /* Options list wrapper */ .sod_select .sod_list_wrapper { position: absolute; top: 100%; left: 0; display: none; width: 100%; margin-top: 0.5rem; background: white; border: 2px solid rgb(0, 203, 73); border-radius: 6px; color: rgb(5, 40, 37); font-weight: 400; z-index: 1; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); } /* Shows the option list (don't edit) */ .sod_select.open .sod_list_wrapper { display: block; } /* Don't display the options when */ .sod_select.disabled.open .sod_list_wrapper { display: none; } /* When the option list is displayed above the SoD */ .sod_select.above .sod_list_wrapper { top: auto; bottom: 100%; border-top: 3px solid #000000; border-bottom: none; } /* Options list container */ .sod_select .sod_list { display: block; overflow-y: auto; padding: 0; margin: 0; } /* All the options. Keep the first three lines for truncating... */ .sod_select .sod_option { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding: 0.75rem 1rem; transition: all 0.2s ease; } /* Optgroups */ .sod_select .sod_option.optgroup, .sod_select .sod_option.optgroup.disabled { background: inherit; color: #939393; font-size: 10px; font-style: italic; } /* Children of an optgroup */ .sod_select .sod_option.groupchild { padding-left: 20px; } /* Used together with placeholderOption / data-placeholder-option */ .sod_select .sod_option.is-placeholder { display: none; } /* Disabled option */ .sod_select .sod_option.disabled { color: rgb(173, 217, 255); cursor: not-allowed; } /* Hover state for options, also used when a user uses his/hers up/down keys */ .sod_select .sod_option.active { background: #f7f7f7; color: #333333; } /*Make room for the check mark */ .sod_select .sod_option.selected { background-color: rgba(0, 203, 73, 0.2); font-weight: 600; } /* Displays a check mark for the selected option */ .sod_select .sod_option.selected:before { content: ""; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; color: #808080; height: 9px; width: 10px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMTAgOSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTAgOSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRDlEOUQ4IiBkPSJNNCw2LjdDMy42LDYuMywzLjUsNi4xLDMuMSw1LjdDMi42LDUuMiwyLDQuNiwxLjUsNC4xYy0wLjgtMC44LTIsMC40LTEuMiwxLjJjMC45LDAuOSwxLjksMS45LDIuOCwyLjgNCgkJYzAuNywwLjcsMS4zLDEsMiwwQzYuNyw2LDguMywzLjcsOS44LDEuNUMxMC41LDAuNSw5LTAuMyw4LjMsMC42bDAsMEM2LjcsMi45LDUuNyw0LjQsNCw2LjciLz4NCjwvZz4NCjwvc3ZnPg0K); } /* Add a .no_highlight class to you SoD to hide the check mark and don't bold the option */ .sod_select.no_highlight .sod_option.selected { font-weight: 300; } .sod_select.no_highlight .sod_option.selected:before { display: none; } .sod_select .sod_option.link { /* If data-link is set on a specific option */ } .sod_select .sod_option.linkexternal { /* If data-link-external is set on a specific option */ } .sod_select .sod_option:hover { background-color: rgba(0, 203, 73, 0.1); } /* Hide native select */ .sod_select select { display: none !important; } /* The native select in touch mode. Keep this first line. Sorry, keep everything. */ .sod_select.touch select { -webkit-appearance: menulist-button; position: absolute; top: 0; left: 0; display: block !important; height: 100%; width: 100%; opacity: 0; z-index: 1; } .toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:108px}}@media all and (min-width:241px)and (max-width:320px){#toast-container>div{padding:8px 8px 8px 50px;width:128px}}@media all and (min-width:321px)and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:192px}}@media all and (min-width:481px)and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:300px}} .app-header { background-color: rgb(5, 40, 37); display: flex; flex-direction: row; height: 48px; margin-top: 0; position: fixed; width: 100%; z-index: 500; } .menu-button { display: block; height: 0; overflow: hidden; position: absolute; width: 0; } #logo { height: 100%; padding: 5px 10px; position: absolute; right: 0; } #logo h1 { color: White; display: inline; font-size: x-large; } #logo img { vertical-align: middle; height: 100%; } @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); nav { background-color: rgb(5, 40, 37); height: 100%; position: fixed; top: 0; width: 200px; z-index: 1000; box-shadow: 2px 0 8px rgba(0,0,0,0.1); } nav footer { background-color: rgb(5, 40, 37); border-top: 1px solid rgba(255, 255, 255, 0.1); bottom: 0; color: white; display: block; font-family: 'Poppins', sans-serif; font-size: 0.75rem; height: 60px; position: absolute; width: 195px; z-index: 5; text-align: center; padding: 0.5rem; } #version { color: rgba(255, 255, 255, 0.7); font-weight: 300; } #copyright { margin-top: 0.5rem; color: rgba(255, 255, 255, 0.7); font-weight: 300; } #main-menu a, nav footer, #user, #main-menu span { padding-left: 1rem; font-family: 'Poppins', sans-serif; } #main-menu a, #main-menu span { text-decoration: none; text-transform: uppercase; font-weight: 500; font-size: 0.85rem; letter-spacing: 0.5px; color: white; transition: all 0.2s ease; } #main-menu { border-top: 1px solid rgba(255, 255, 255, 0.1); overflow-x: hidden; overflow-y: auto; text-align: left; padding: 1rem 0; } .main-item, .selected-main-item { display: block; font-size: 0.85rem; line-height: 2.5; padding: 0.5rem 1rem; transition: all 0.2s ease; } .main-item, .main-menu-heading { color: white; opacity: 0.8; } .main-item:hover { background-color: rgba(0, 203, 73, 0.2); opacity: 1; } .selected-main-item { background-color: rgb(0, 203, 73); color: white; font-weight: 600; opacity: 1; } .main-menu-heading { display: block; background-color: rgba(0, 0, 0, 0.2); border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); height: auto; overflow: hidden; padding: 0.75rem 1rem; white-space: nowrap; text-align: left; font-size: 0.75rem; font-weight: 600; letter-spacing: 1px; text-transform: uppercase; color: rgba(255, 255, 255, 0.7); } #nav-button { border-bottom-right-radius: 8px; background-color: rgb(0, 203, 73); left: 200px; padding: 0.5rem; position: absolute; z-index: 1000; width: 24px; height: 24px; color: white; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.2s ease; } #nav-button:hover { background-color: rgb(188, 240, 0); } #user { background-color: rgba(0, 0, 0, 0.2); border-bottom: 1px solid rgba(255, 255, 255, 0.1); flex-direction: column; overflow: hidden; padding: 1rem; white-space: nowrap; display: flex; align-items: center; gap: 0.75rem; } #user #user-name, #user #user-role { color: white; display: block; font-size: 0.85rem; white-space: normal; font-family: 'Poppins', sans-serif; } #user #user-name { font-weight: 600; } #user #user-role { color: rgba(255, 255, 255, 0.7); font-size: 0.75rem; font-weight: 400; } #user img { width: 32px; height: 32px; border-radius: 50%; object-fit: cover; } #user button { font-size: 0.75rem; background: transparent; border: 1px solid rgba(255, 255, 255, 0.2); color: white; border-radius: 4px; cursor: pointer; transition: all 0.2s ease; } #user button:hover { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.3); } #nav-back { cursor: pointer; color: white; opacity: 0.7; transition: all 0.2s ease; } #nav-back:hover { opacity: 1; } @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); * { margin: 0; box-sizing: border-box; } html, body { font-family: 'Poppins', sans-serif; height: 100%; overflow: hidden; width: 100%; padding: 0; background-color: rgb(5, 40, 37); color: #333; } label { color: rgb(5, 40, 37); font-weight: 500; font-size: 0.9rem; letter-spacing: 0.5px; } button { background: rgb(0, 203, 73); border-radius: 6px; border: none; display: inline-block; cursor: pointer; color: white; font-family: 'Poppins', sans-serif; font-size: 0.9rem; font-weight: 500; padding: 0.6em 1.2em; text-decoration: none; transition: all 0.2s ease; } button:hover { background: rgb(188, 240, 0); transform: translateY(-1px); } button:active { transform: translateY(1px); } .view-switcher { background: #e9e9e9 /*{a-bar-background-color}*/; border-color: #ddd /*{a-bar-border}*/; color: #333 /*{a-bar-color}*/; text-shadow: 0 /*{a-bar-shadow-x}*/ 1px /*{a-bar-shadow-y}*/ 0 /*{a-bar-shadow-radius}*/ #eee /*{a-bar-shadow-color}*/; font-weight: bold; position: absolute; bottom: 0px; left: 0px; text-align: center; width: 100%; } .prioritySetBtn { color: #444444; font-weight: 700; /* font-size: 11px; */ line-height: 1; border: 3px solid #5e5e5e; background: #ffffff; /* height: 29px; */ cursor: pointer; margin-left: 10px; } #viewport { background-color: #f8f9fa; height: auto !important; height: 100%; min-height: 100%; overflow: hidden; width: 100%; } .formbuttons button { float: right; background-color: rgb(0, 203, 73); color: white; font-size: 0.9rem; margin-right: 10px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } input select { text-align: right; float: right; } .pagelink { float: right; font-size: small; margin-right: 10px; } article { margin-top: 25px; background: white; border-radius: 8px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } article section { background-color: white; border: none; border-radius: 8px; padding: 1.5rem; } article table { width: 98%; border-collapse: separate; border-spacing: 0; margin: 10px; border-radius: 8px; overflow: hidden; } article th { text-align: left; padding: 12px; font-size: 0.9rem; font-weight: 600; background-color: rgb(5, 40, 37); color: white; } article td { text-align: left; padding: 12px; font-size: 0.9rem; color: #333; border-bottom: 1px solid #eee; } table { width: 100%; border-collapse: collapse; border: none; margin-top: 10px; margin-bottom: 10px; } th { text-align: left; padding: 5px; font-size: small; font-family: verdana; color: #515b65; } tfoot { background-color: lightgray; } td { padding: 5px; font-size: small; font-family: verdana; color: #515b65; } td input:disabled { border: none; background-color: transparent; text-align: center; } table tr:first-child th { border-top: 0; } table tr:last-child td { border-bottom: 0; } table tr td:first-child, table tr th:first-child { border-left: 0; } table tr td:last-child, table tr th:last-child { border-right: 0; } .table-list { display: inline-table; margin-top: 25px; } .even-row { background-color: #f8f9fa; } .odd-row { background-color: white; } .total-row { border-top: 2px solid rgb(5, 40, 37); background-color: #f8f9fa; font-weight: 600; } .total { font-weight: bold; border-left: 0; } .table-notes th { text-align: left; } .table-notes td { text-align: left; font-size: x-small; } article footer { border: 1px solid; color: black; font-size: small; font-weight: bold; font-family: "Verdana"; border-top: none; background-color: lightgray; } td a { text-decoration: none; color: rgb(0, 203, 73); transition: color 0.2s ease; line-height: 1.5; } td a:hover { color: rgb(188, 240, 0); } .view-link { text-decoration: none; color: rgb(0, 203, 73); font-weight: 500; transition: color 0.2s ease; } .view-link:hover { color: rgb(188, 240, 0); } .miniaudit { font-size: x-small; padding-top: 4px; color: #515b65; width: 75%; } .actions-holder { float: right; width: 20%; } .action { float: right; margin-right: 25px; text-decoration: none; color: #0558a6; padding-top: 4px; } article header { position: relative; background-color: lightgray; width: 100%; z-index: 0; height: 0; border: 1px solid; font-size: medium; font-weight: bold; font-family: "Verdana"; display: block; border-bottom: none; } .title { color: #515b65; padding: 2px; width: 50%; float: left; } .search input { float: left; height: 16px; } .search select { float: left; height: 22px; width: 150px; } .search a { text-decoration: none; color: #0558a6; font-size: small; font-weight: bold; font-family: "Verdana"; border: 1px solid; padding: 2px; background-color: lightgray; float: left; margin-left: 10px; } .search-select input { float: left; height: 16px; } .search-select select { float: left; height: 22px; width: 150px; } .search-select a { text-decoration: none; color: #0558a6; font-size: small; font-weight: bold; font-family: "Verdana"; border: 1px solid; padding: 2px; background-color: lightgray; float: left; margin-left: 10px; } .instruction { color: #515b65; font-size: small; font-weight: bold; padding-bottom: 10px; margin-top: 25px; margin-left: 0.5em; } .form-checkbox { margin-left: 5px; vertical-align: middle; } .navigation { float: left; color: #0558a6; width: 100%; margin-bottom: 25px; margin-top: 25px; } .nav-item-selected { float: left; font-size: 18px; text-decoration: none; margin-left: 25px; color: #0558a6; font-weight: bold; } .nav-item { float: left; margin-left: 25px; font-size: 18px; text-decoration: none; color: #0558a6; } .database-status-bad { float: right; width: 48%; background-color: red; color: white; padding: 3px; text-align: right; } #useLdap { margin-left: 0.5em; } #loading { width: 100%; height: 100%; top: 0px; left: 0px; position: fixed; display: none; opacity: 0.7; background-color: #dddddd; z-index: 99; text-align: center; } #loading-image { position: absolute; top: 50%; left: 50%; z-index: 100; } .claimrow { vertical-align: text-top; padding: 0 !important; margin: 10px; } #content { height: 100%; left: 200px; right: 0; padding-top: 48px; /* padding-left: 0.5rem; padding-right: 0.5rem; */ position: absolute; overflow: auto; box-sizing: border-box; background-color: #f8f9fa; display: flex; flex-direction: column; } #content > div { padding-top: 1rem; padding-left: 1rem; margin-bottom: 1rem; } #content h1 { color: #f8f9fa; display: block; background-color: rgb(5, 40, 37); background-image: linear-gradient(to bottom, rgb(5, 40, 37), rgb(7, 60, 55)); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); text-transform: uppercase; padding: 1rem 1rem; font-weight: 600; font-size: 1.5rem; letter-spacing: 0.5px; } #content h2 { border-bottom: 2px solid rgb(0, 203, 73); clear: both; color: rgb(5, 40, 37); margin-top: 2rem; padding: 0.5rem 0; font-weight: 500; font-size: 1.2rem; } .control-group label { float: left; font-size: 0.9rem; line-height: 2; color: rgb(5, 40, 37); font-weight: 500; } .controls { clear: both; margin-left: 0; } .label-left { width: 20%; float: left; padding-top: 0.5rem; } .record-field-left { width: 20%; float: left; margin-left: 0.5rem; border: 2px solid rgb(173, 217, 255); border-radius: 6px; padding: 0.5rem; transition: all 0.2s ease; } .record-field-left:focus { box-shadow: 0 0 0 3px rgba(0, 203, 73, 0.2); border-color: rgb(0, 203, 73); outline: none; } .label-right { width: 20%; float: right; padding-top: 0.5rem; } .record-field-right { width: 20%; float: right; margin: 0.5rem; margin-left: 0.5rem; border: 2px solid rgb(173, 217, 255); border-radius: 6px; padding: 0.5rem; transition: all 0.2s ease; } .record-field-right:focus { box-shadow: 0 0 0 3px rgba(0, 203, 73, 0.2); border-color: rgb(0, 203, 73); outline: none; } .priority-label { width: 200px; float: left; margin-left: 0.5rem; border: 2px solid rgb(173, 217, 255); border-radius: 6px; height: 2.5rem; display: inline-block; vertical-align: middle; padding: 0.5rem; } .controls input { width: 200px; border: 2px solid rgb(173, 217, 255); border-radius: 6px; padding: 0.5rem; transition: all 0.2s ease; } .controls input:focus { box-shadow: 0 0 0 3px rgba(0, 203, 73, 0.2); border-color: rgb(0, 203, 73); outline: none; } .formline { clear: both; margin-bottom: 1.5rem; } .formline .column { margin-top: 1.5rem; } .formline label { margin-left: 1.5rem; width: 45%; padding-top: 0.5rem; color: rgb(5, 40, 37); font-weight: 500; } .formline input { width: 45%; border: 2px solid rgb(173, 217, 255); border-radius: 6px; padding: 0.5rem; transition: all 0.2s ease; } .formline input:focus { box-shadow: 0 0 0 3px rgba(0, 203, 73, 0.2); border-color: rgb(0, 203, 73); outline: none; } .list { height: 85%; } .notes { color: darkgray; font-size: small; width: 90%; } .info-label { -moz-min-width: 150px; -ms-min-width: 150px; -o-min-width: 150px; -webkit-min-width: 150px; min-width: 150px; float: left; } .key-icon { border: 1px solid; width: 16px; height: 16px; float: left; margin: 2px; margin-left: 10px; } .key-text { font-size: x-small; padding-top: 3px; color: #515b65; float: left; width: 7%; } .section-heading { font-size: 1.2rem; margin-left: 0; margin-top: 1rem; display: block; margin-bottom: 0.5rem; color: rgb(5, 40, 37); font-weight: 600; } .subheading { color: rgb(5, 40, 37); padding: 1rem 0; padding-left: 0.5rem; /* margin-top: 2rem;*/ margin-bottom: 1rem; /* clear: left;*/ /* text-transform: uppercase;*/ font-weight: 500; display: flex; font-size: 1rem; letter-spacing: 0.5px; } .action-image { color: #ffffff; line-height: inherit; vertical-align: inherit; float: left; font-size: 1.5em; padding-right: 0.2em; } .action-image:hover { cursor: pointer; } .action-text { color: #ffffff; text-decoration: none; } .action-text:hover { cursor: pointer; } .toolbar { margin-left: 250px; text-align: center; display: inline-flex; line-height: 3rem; height: 3rem; vertical-align: middle; text-align: center; width: 100%; box-shadow: 0 2px 8px rgba(0,0,0,0.05); padding: 0 1rem; } .toolbar-div, .toolbar-div-on { margin-left: 0.5rem; margin-right: 0.7rem; line-height: inherit; vertical-align: inherit; display: inherit; } .toolbar-div-on { margin-top: 1px; margin-bottom: 1px; background: rgb(0, 203, 73); padding: 0 1rem; border-radius: 6px; color: white; } select { -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .unfixableCompliance { background-color: #ffaaaa; } .table-cell-right { text-align: right; } .table-cell-center { text-align: center; } .claim-status { position: absolute; right: 0; border-radius: 9999px; /* pill shape */ padding: 1em 2em; } .pgwMenu { width: 100%; margin-top: 0; } .pgwMenu a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .claim-status-closed, .claim-status-authorised, .claim-status-approved, .claim-status-submitted, .claim-status-notsubmitted, .claim-status-incomplete { /* font-size: 0.875rem; */ font-weight: 600; line-height: 1.5; text-align: center; white-space: nowrap; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.05em; color: #ffffff; margin-bottom: 1px; padding-left: 2rem; padding-right: 2rem; } .claim-status-closed { background-color: #008B8B; color: #ffffff; } .claim-status-authorised { background-color: #008000; color: #ffffff; } .claim-status-approved { background-color: #00008B; color: #ffffff; } .claim-status-submitted { background-color: #FFC400; color: #536274; } .claim-status-notsubmitted { background-color: #FF8000; } .claim-status-incomplete { background-color: #DC143C; color: #FFFFFF; } .dtable-bottom { width: auto; display: flex; } .dtable-bottom-inner { margin: 3px auto auto auto; color: #444444; font-size: 11px; line-height: 1; } #selector { margin-bottom: 0.2em; padding-right: 0.4em; right: 0.3em; float: right; } #total { color: #444444; font-weight: 700; font-size: 0.9em; text-transform: uppercase; padding-right: 0.4em; margin-top: 0.2em; float: right; clear: right; } .false { color: #dc143c; } .true { color: #1aaf1a; } .disabled { color: #d0d0d0; } .switch { position: relative; display: inline-block; width: 60px; height: 34px; vertical-align: middle; margin-left: 0.3em; } .switch input { display: none; } .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #8C939B; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #5E657E; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .settings { text-decoration: none; -ms-text-shadow: 1px 1px 1px #ccc; text-shadow: 1px 1px 1px #ccc; color: #5E657E; display: inline; position: absolute; right: 0.2em; } .settings.selected { background-color: #5E657E; color: white; z-index: 100; } .settingspop { background-color: #FFFFFF; border: 1px solid #999999; -ms-border-radius: 0.4em; border-radius: 0.4em; cursor: default; display: none; position: absolute; text-align: left; z-index: 50; padding: 1em; right: 0.2em; } .group { margin-bottom: 4em; } .payclaim-gradient-text { font-family: 'Poppins', sans-serif; font-weight: 700; font-size: 3rem; background: linear-gradient(135deg, rgb(0, 203, 73) 0%, rgb(188, 240, 0) 70%, rgb(0, 203, 73) 100% ); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 2px 4px rgba(5, 40, 37, 0.1); letter-spacing: -0.02em; line-height: 1.2; display: inline-block; position: relative; padding: 0.5rem 0; } .payclaim-gradient-text::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, rgba(0, 203, 73, 0) 0%, rgb(0, 203, 73) 50%, rgba(0, 203, 73, 0) 100% ); } @media (max-width: 768px) { .payclaim-gradient-text { font-size: 2.5rem; } } .sign-in { display: flex; flex-direction: column; align-items: center; } /* Compliance Dialog Styling */ .compliance-dialog .ui-dialog-titlebar-close { background: transparent; border: none; color: white; opacity: 0.8; transition: opacity 0.2s ease; } .compliance-dialog form { margin-top: 1rem; } .compliance-dialog .dialog-message, .compliance-dialog fieldset { background: #f8f9fa; border: 1px solid #e9ecef; border-radius: 6px; padding: 16px; } .compliance-dialog .dialog-message p { margin: 0; color: #495057; font-size: 14px; line-height: 1.5; } @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap'); form { margin-top: 2rem; font-family: 'Poppins', sans-serif; } form label { margin-bottom: 0.5rem; color: rgb(5, 40, 37); font-weight: 500; font-size: 0.9rem; display: block; } form .control-group { margin-left: 0.5rem; margin-bottom: 1.5rem; margin-top: 0.5rem; } form .controls { box-sizing: border-box; width: 100%; } form input[type="text"], form input[type="password"], form input[type="date"], form input[type="email"], form input[type="number"], form input[type="tel"], form select, form textarea { width: 100%; max-width: 500px; border: 2px solid rgb(173, 217, 255); border-radius: 6px; height: 2.5rem; font-family: 'Poppins', sans-serif; font-size: 0.9rem; padding: 0.5rem 0.75rem; color: rgb(5, 40, 37); transition: all 0.2s ease; /* background-color: white;*/ } form input[type="text"]:focus, form input[type="password"]:focus, form input[type="date"]:focus, form input[type="email"]:focus, form input[type="number"]:focus, form input[type="tel"]:focus, form select:focus, form textarea:focus { box-shadow: 0 0 0 3px rgba(0, 203, 73, 0.2); border-color: rgb(0, 203, 73); outline: none; } form textarea { height: auto; min-height: 100px; line-height: 1.5; resize: vertical; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; box-sizing: border-box; } form textarea::placeholder { color: #6c757d; opacity: 0.8; } form .line.submit { text-align: right; margin-top: 2rem; } form .line { clear: both; padding-top: 1rem; margin-left: 0.5rem; } .input-validation-error { border-color: rgb(193, 39, 45) !important; } .input-validation-error:focus { box-shadow: 0 0 0 3px rgba(193, 39, 45, 0.2); border-color: rgb(193, 39, 45); outline: none; } .input-line { clear: both; margin-bottom: 1rem; } .input-label { float: left; font-size: 0.9rem; width: 300px; line-height: 2; color: rgb(5, 40, 37); font-weight: 500; } .input-label-short { float: left; font-size: 1rem; width: 150px; line-height: 2; color: rgb(5, 40, 37); font-weight: 500; } .input-label-long { float: left; font-size: 0.9rem; width: 500px; line-height: 2; color: rgb(5, 40, 37); font-weight: 500; } .input-control { float: left; resize: none; margin-left: 0.5rem; border: 2px solid rgb(173, 217, 255); border-radius: 6px; width: 100%; max-width: 300px; height: 1.5rem; font-family: 'Poppins', sans-serif; font-size: 0.9rem; padding: 0.5rem 0.75rem; color: rgb(5, 40, 37); transition: all 0.2s ease; background-color: white; } .input-control:focus { box-shadow: 0 0 0 3px rgba(0, 203, 73, 0.2); border-color: rgb(0, 203, 73); outline: none; } .field-validation-valid { display: none; } .field-validation-error { color: rgb(193, 39, 45); font-size: 0.8rem; margin-top: 0.25rem; display: block; } .required::after { content: " *"; color: rgb(193, 39, 45); } /* Form Groups */ .form-group { margin-bottom: 1.5rem; } .form-group label { display: block; margin-bottom: 0.5rem; } /* Checkboxes and Radios */ input[type="checkbox"], input[type="radio"] { width: 1rem; height: 1rem; margin-right: 0.5rem; vertical-align: middle; /* accent-color: rgb(0, 203, 73);*/ } /* Select Dropdowns */ select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23052825' d='M6 8L2 4h8z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 12px; padding-right: 2rem; } /* Form Buttons */ form button[type="submit"] { background-color: rgb(0, 203, 73); color: white; border: none; border-radius: 6px; padding: 0.75rem 1.5rem; font-size: 0.9rem; font-weight: 500; cursor: pointer; transition: all 0.2s ease; } form button[type="submit"]:hover { background-color: rgb(188, 240, 0); transform: translateY(-1px); } form button[type="submit"]:active { transform: translateY(1px); } /*.page-header-with-navigation { width: 100%; } .page-header-with-navigation-link { float: left; } .page-header-with-navigation-image { width: 43px; height: 43px; float: left; } .page-header-with-navigation-header { float: left; margin-left: 10px; }*/