305 lines
11 KiB
CSS
305 lines
11 KiB
CSS
@media only screen and (max-width: 600px) and (min-width:1024px) {
|
||
.dashboard {
|
||
overflow-x: auto;
|
||
overflow-y: auto;
|
||
}
|
||
|
||
.dasboard-container {
|
||
margin: 0 auto !important;
|
||
width: 1360px;
|
||
display: table;
|
||
font-family: 'Poppins', sans-serif;
|
||
}
|
||
|
||
.dasboard-container img {
|
||
max-width: 100%;
|
||
}
|
||
|
||
.dashboard-left {
|
||
width: 28%;
|
||
float: left;
|
||
}
|
||
|
||
.dashboard-right {
|
||
width: 65%;
|
||
float: left;
|
||
padding-left: 30px;
|
||
}
|
||
|
||
.block-performance {
|
||
margin-bottom: 15px;
|
||
}
|
||
|
||
.block-performance-table {
|
||
width: 100%;
|
||
border: 1px solid #000;
|
||
border-bottom: none;
|
||
padding: 0;
|
||
margin: 0;
|
||
}
|
||
|
||
.block-performance-table tr th, .block-performance-table tr td {
|
||
padding: 5px;
|
||
text-align: left;
|
||
border-bottom: 1px solid #000;
|
||
}
|
||
|
||
.dashboard-inner-left {
|
||
width: 40%;
|
||
float: left;
|
||
}
|
||
|
||
.dashboard-inner-right {
|
||
width: 56%;
|
||
float: left;
|
||
padding-left: 30px;
|
||
}
|
||
|
||
.dashboard-left {
|
||
background: #f7f6f6ee;
|
||
padding: 10px 15px;
|
||
}
|
||
|
||
.dashboard-left h2 {
|
||
font-size: 20px;
|
||
margin: 10px 0;
|
||
}
|
||
|
||
.block-performance-table tr th {
|
||
background: #575757;
|
||
color: #fff;
|
||
font-size: 15px;
|
||
padding: 6px 5px !important;
|
||
font-weight: 500;
|
||
}
|
||
|
||
.block-performance-table tr td {
|
||
font-size: 14px;
|
||
}
|
||
|
||
.block-performance-table tbody tr {
|
||
background: #CED4EA;
|
||
}
|
||
|
||
.block-performance-table tbody tr:nth-of-type(odd) {
|
||
background: #E8EBF5;
|
||
}
|
||
|
||
.dashboard-inner-left h2, .breakdown-status h2 {
|
||
font-size: 20px;
|
||
color: #000;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.dashboard-inner-right h2 {
|
||
font-size: 20px;
|
||
color: #000;
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.block-performance-table tr td:first-child {
|
||
border-right: 2px solid #fff;
|
||
}
|
||
|
||
.block-performance-table tr th:first-child {
|
||
border-right: 2px solid #fff;
|
||
}
|
||
|
||
.block-performance-table.five-table tr th {
|
||
border-right: 2px solid #fff;
|
||
padding: 2px 5px !important;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.block-performance-table.five-table tr td {
|
||
border-right: 2px solid #fff;
|
||
padding: 2px 5px;
|
||
font-size: 13px;
|
||
}
|
||
|
||
.block-performance-table.five-table tr td:last-child {
|
||
border-right: 0;
|
||
}
|
||
|
||
.block-performance-table.five-table tr th:last-child {
|
||
border-right: 0;
|
||
}
|
||
|
||
.breakdown-status-block {
|
||
width: 14.2%;
|
||
margin-right: 15px;
|
||
display: inline-block;
|
||
}
|
||
|
||
.breakdown-status-block-1 {
|
||
width: 100%;
|
||
margin-right: 9px;
|
||
display: inline-block;
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
.breakdown-status-block:last-child {
|
||
margin-right: 0;
|
||
}
|
||
|
||
.breakdown-status-block-1:last-child {
|
||
margin-right: 0;
|
||
}
|
||
|
||
.breakdown-status-block .card {
|
||
padding: 4px 8px;
|
||
color: #fff;
|
||
}
|
||
|
||
.breakdown-status-block-1 .card {
|
||
padding: 8px;
|
||
color: #fff;
|
||
}
|
||
|
||
.breakdown-status-block .card h3 {
|
||
font-size: 20px;
|
||
margin: 4px 0 0;
|
||
}
|
||
|
||
.breakdown-status-block .card span {
|
||
font-size: 16px;
|
||
}
|
||
|
||
.breakdown-status-block-1 h3 {
|
||
margin: 10px 0 10px;
|
||
display: inline-block;
|
||
width: 50%;
|
||
font-size: 20px;
|
||
font-weight: 500;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
.breakdown-status-block-1 span {
|
||
width: 48%;
|
||
display: inline-block;
|
||
text-align: right;
|
||
vertical-align: middle;
|
||
font-size: 16px;
|
||
}
|
||
|
||
.bg-teal {
|
||
background-color: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#173b89+0,1b3f8d+6,1c4191+7,234a99+20,204e9c+21,2f63b6+49,2d65b8+50,3169bc+56,306dc0+57,3a7cd0+77,387ed3+78,3f89de+91,408ae3+92,4090e7+98,4491e9+100 */
|
||
background: #173b89; /* Old browsers */
|
||
background: -moz-linear-gradient(top, #173b89 0%, #1b3f8d 6%, #1c4191 7%, #234a99 20%, #204e9c 21%, #2f63b6 49%, #2d65b8 50%, #3169bc 56%, #306dc0 57%, #3a7cd0 77%, #387ed3 78%, #3f89de 91%, #408ae3 92%, #4090e7 98%, #4491e9 100%); /* FF3.6-15 */
|
||
background: -webkit-linear-gradient(top, #173b89 0%,#1b3f8d 6%,#1c4191 7%,#234a99 20%,#204e9c 21%,#2f63b6 49%,#2d65b8 50%,#3169bc 56%,#306dc0 57%,#3a7cd0 77%,#387ed3 78%,#3f89de 91%,#408ae3 92%,#4090e7 98%,#4491e9 100%); /* Chrome10-25,Safari5.1-6 */
|
||
background: linear-gradient(to bottom, #173b89 0%,#1b3f8d 6%,#1c4191 7%,#234a99 20%,#204e9c 21%,#2f63b6 49%,#2d65b8 50%,#3169bc 56%,#306dc0 57%,#3a7cd0 77%,#387ed3 78%,#3f89de 91%,#408ae3 92%,#4090e7 98%,#4491e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#173b89', endColorstr='#4491e9',GradientType=0 ); /* IE6-9 */
|
||
;
|
||
}
|
||
|
||
.bg-assigned {
|
||
background: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2d6363+0,2b6664+6,2a6768+7,276b6a+13,266e6d+14,247674+27,227879+28,1b7f7d+42,1b8183+42,188484+49,168785+50,158986+56,148c8b+57,128e8c+63,10908f+64,109592+70,0e9696+71,0d9998+77,0b9b9b+78,07a19f+85,05a4a0+91,05a5a5+92,02a8a6+98,01abaa+99,01abaa+100 */
|
||
background: #2d6363; /* Old browsers */
|
||
background: -moz-linear-gradient(top, #2d6363 0%, #2b6664 6%, #2a6768 7%, #276b6a 13%, #266e6d 14%, #247674 27%, #227879 28%, #1b7f7d 42%, #1b8183 42%, #188484 49%, #168785 50%, #158986 56%, #148c8b 57%, #128e8c 63%, #10908f 64%, #109592 70%, #0e9696 71%, #0d9998 77%, #0b9b9b 78%, #07a19f 85%, #05a4a0 91%, #05a5a5 92%, #02a8a6 98%, #01abaa 99%, #01abaa 100%); /* FF3.6-15 */
|
||
background: -webkit-linear-gradient(top, #2d6363 0%,#2b6664 6%,#2a6768 7%,#276b6a 13%,#266e6d 14%,#247674 27%,#227879 28%,#1b7f7d 42%,#1b8183 42%,#188484 49%,#168785 50%,#158986 56%,#148c8b 57%,#128e8c 63%,#10908f 64%,#109592 70%,#0e9696 71%,#0d9998 77%,#0b9b9b 78%,#07a19f 85%,#05a4a0 91%,#05a5a5 92%,#02a8a6 98%,#01abaa 99%,#01abaa 100%); /* Chrome10-25,Safari5.1-6 */
|
||
background: linear-gradient(to bottom, #2d6363 0%,#2b6664 6%,#2a6768 7%,#276b6a 13%,#266e6d 14%,#247674 27%,#227879 28%,#1b7f7d 42%,#1b8183 42%,#188484 49%,#168785 50%,#158986 56%,#148c8b 57%,#128e8c 63%,#10908f 64%,#109592 70%,#0e9696 71%,#0d9998 77%,#0b9b9b 78%,#07a19f 85%,#05a4a0 91%,#05a5a5 92%,#02a8a6 98%,#01abaa 99%,#01abaa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d6363', endColorstr='#01abaa',GradientType=0 ); /* IE6-9 */
|
||
;
|
||
}
|
||
|
||
.bg-progress {
|
||
background: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f9c667+0,f79621+100;Orange+3D+%234 */
|
||
background: #f9c667; /* Old browsers */
|
||
background: -moz-linear-gradient(top, #f9c667 0%, #f79621 100%); /* FF3.6-15 */
|
||
background: -webkit-linear-gradient(top, #f9c667 0%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
|
||
background: linear-gradient(to bottom, #f9c667 0%,#f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 ); /* IE6-9 */
|
||
;
|
||
}
|
||
|
||
.bg-Closed {
|
||
background: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2aa91a+0,2faa1c+6,33aa1c+7,35ac1e+13,3cab1e+19,3eae1e+27,42ae1c+28,48af1f+34,48b01b+36,4daf1c+41,50b21d+49,55b21c+50,56b31d+56,5ab41e+57,5fb31f+62,60b51c+64,61b61d+70,66b71c+71,6db71c+78,6fb91c+86,74b91e+91,78b91d+92,7abb1f+98,7ebb1f+100 */
|
||
background: #2aa91a; /* Old browsers */
|
||
background: -moz-linear-gradient(top, #2aa91a 0%, #2faa1c 6%, #33aa1c 7%, #35ac1e 13%, #3cab1e 19%, #3eae1e 27%, #42ae1c 28%, #48af1f 34%, #48b01b 36%, #4daf1c 41%, #50b21d 49%, #55b21c 50%, #56b31d 56%, #5ab41e 57%, #5fb31f 62%, #60b51c 64%, #61b61d 70%, #66b71c 71%, #6db71c 78%, #6fb91c 86%, #74b91e 91%, #78b91d 92%, #7abb1f 98%, #7ebb1f 100%); /* FF3.6-15 */
|
||
background: -webkit-linear-gradient(top, #2aa91a 0%,#2faa1c 6%,#33aa1c 7%,#35ac1e 13%,#3cab1e 19%,#3eae1e 27%,#42ae1c 28%,#48af1f 34%,#48b01b 36%,#4daf1c 41%,#50b21d 49%,#55b21c 50%,#56b31d 56%,#5ab41e 57%,#5fb31f 62%,#60b51c 64%,#61b61d 70%,#66b71c 71%,#6db71c 78%,#6fb91c 86%,#74b91e 91%,#78b91d 92%,#7abb1f 98%,#7ebb1f 100%); /* Chrome10-25,Safari5.1-6 */
|
||
background: linear-gradient(to bottom, #2aa91a 0%,#2faa1c 6%,#33aa1c 7%,#35ac1e 13%,#3cab1e 19%,#3eae1e 27%,#42ae1c 28%,#48af1f 34%,#48b01b 36%,#4daf1c 41%,#50b21d 49%,#55b21c 50%,#56b31d 56%,#5ab41e 57%,#5fb31f 62%,#60b51c 64%,#61b61d 70%,#66b71c 71%,#6db71c 78%,#6fb91c 86%,#74b91e 91%,#78b91d 92%,#7abb1f 98%,#7ebb1f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2aa91a', endColorstr='#7ebb1f',GradientType=0 ); /* IE6-9 */
|
||
;
|
||
}
|
||
|
||
.bg-danger {
|
||
background-color: /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#c8251c+0,ca271e+6,cc2c20+7,d83828+27,db3f29+35,e44c34+55,e75035+57,ea5338+62,ea5535+65,ee5939+69,f15c3b+77,f3613c+78,f4653d+85,f96a42+91,f86b40+93,fe7146+100 */
|
||
background: #c8251c; /* Old browsers */
|
||
background: -moz-linear-gradient(top, #c8251c 0%, #ca271e 6%, #cc2c20 7%, #d83828 27%, #db3f29 35%, #e44c34 55%, #e75035 57%, #ea5338 62%, #ea5535 65%, #ee5939 69%, #f15c3b 77%, #f3613c 78%, #f4653d 85%, #f96a42 91%, #f86b40 93%, #fe7146 100%); /* FF3.6-15 */
|
||
background: -webkit-linear-gradient(top, #c8251c 0%,#ca271e 6%,#cc2c20 7%,#d83828 27%,#db3f29 35%,#e44c34 55%,#e75035 57%,#ea5338 62%,#ea5535 65%,#ee5939 69%,#f15c3b 77%,#f3613c 78%,#f4653d 85%,#f96a42 91%,#f86b40 93%,#fe7146 100%); /* Chrome10-25,Safari5.1-6 */
|
||
background: linear-gradient(to bottom, #c8251c 0%,#ca271e 6%,#cc2c20 7%,#d83828 27%,#db3f29 35%,#e44c34 55%,#e75035 57%,#ea5338 62%,#ea5535 65%,#ee5939 69%,#f15c3b 77%,#f3613c 78%,#f4653d 85%,#f96a42 91%,#f86b40 93%,#fe7146 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8251c', endColorstr='#fe7146',GradientType=0 ); /* IE6-9 */
|
||
;
|
||
}
|
||
|
||
.fs-15 {
|
||
font-size: 15px;
|
||
}
|
||
|
||
.hidden {
|
||
display: none;
|
||
}
|
||
|
||
.visible {
|
||
display: block;
|
||
}
|
||
|
||
.div {
|
||
border: 1px solid black;
|
||
width: 100px;
|
||
}
|
||
|
||
#sel {
|
||
width: 100%;
|
||
}
|
||
|
||
.arrow {
|
||
float: right;
|
||
}
|
||
|
||
.datesection span.k-datepicker {
|
||
width: 120px !important;
|
||
background-color: #E8EBF5 !important;
|
||
}
|
||
|
||
.datesection span {
|
||
display: inline-block;
|
||
}
|
||
|
||
.fright.Response_RightPanel span {
|
||
color: #555;
|
||
}
|
||
|
||
.iffyTip {
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
|
||
.hideText2 {
|
||
max-width: 200px;
|
||
}
|
||
|
||
.tooltip {
|
||
display: none;
|
||
background: black;
|
||
font-size: 12px;
|
||
height: 70px;
|
||
width: 160px;
|
||
padding: 25px;
|
||
color: #eee;
|
||
}
|
||
|
||
label {
|
||
display: inline-block;
|
||
width: 5em;
|
||
}
|
||
|
||
.wrapper {
|
||
margin: 100px;
|
||
}
|
||
|
||
.tooltip {
|
||
cusror: pointer;
|
||
}
|