4380 lines
88 KiB
CSS
4380 lines
88 KiB
CSS
/**
|
|
* @file page-layout.css
|
|
* @Naveen Porwal
|
|
* @Teramatrix Technologies
|
|
* @©2015 EICHER
|
|
**/
|
|
|
|
/*template internal content style*/
|
|
/*---gray shade button style----*/
|
|
@font-face {
|
|
font-family: 'Hermes_FB';
|
|
src: url('fonts/Hermes_FB-Regular.ttf') format('truetype'), url('fonts/Hermes_FB-Black.ttf') format('truetype'), url('fonts/Hermes_FB-Black_Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Bold.ttf') format('truetype'), url('fonts/Hermes_FB-Bold_Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Italic.ttf') format('truetype'), url('fonts/Hermes_FB-Thin.ttf') format('truetype'), url('fonts/Hermes_FB-Thin_Italic.ttf') format('truetype');
|
|
}
|
|
|
|
.defaultLightButton {
|
|
background-position: 0 0px;
|
|
background-repeat: repeat-x;
|
|
border-radius: 5px 5px 5px 5px;
|
|
font-size: 11px !important;
|
|
font-size-adjust: inherit;
|
|
font-stretch: inherit;
|
|
font-style: normal !important;
|
|
font-variant: inherit;
|
|
font-weight: 700 !important;
|
|
line-height: 1;
|
|
position: relative;
|
|
vertical-align: middle;
|
|
padding: 5px 6px;
|
|
box-shadow: inset 1px 1px white;
|
|
-moz-box-shadow: inset 1px 1px white;
|
|
-webkit-box-shadow: inset 1px 1px white;
|
|
background-image: -moz-linear-gradient(90deg, #dde4ea 90%, white);
|
|
border-color: #afbcc8;
|
|
border: 1px solid #afbcc8;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(100%, #dde4ea));
|
|
behavior: url(../../Content/PIE.htc);
|
|
cursor: pointer;
|
|
margin: 0;
|
|
}
|
|
/*button effects*/
|
|
.defaultLightButton:hover {
|
|
border: 1px solid #82a2bf;
|
|
}
|
|
|
|
.defaultLightButton:hover .editIcon {
|
|
background-position: -95px -1448px;
|
|
}
|
|
/*edit icon on hover*/
|
|
.defaultLightButton:hover .addIcon {
|
|
background-position: -96px -1498px;
|
|
}
|
|
/*add icon on hover*/
|
|
.defaultLightButton:hover .refreshIcon {
|
|
background-position: -496px -1998px;
|
|
}
|
|
/*refresh icon on hover*/
|
|
.defaultLightButton:hover .markCompleteIcon {
|
|
background-position: -600px -848px;
|
|
}
|
|
|
|
.defaultLightButton:hover .markBadCallIcon {
|
|
background-position: -600px -1298px;
|
|
}
|
|
/*common class*/
|
|
.rightButton {
|
|
float: right;
|
|
}
|
|
/*right align*/
|
|
.margineRight {
|
|
margin-right: 6px;
|
|
}
|
|
/*margibe from right*/
|
|
.darktxt {
|
|
color: #222;
|
|
/*font-family: Arial;*/
|
|
font-family: Hermes_FB;
|
|
}
|
|
/*--- toolbar buttons ---*/
|
|
.toolBtn {
|
|
margin: 1px 0;
|
|
font-size: 11px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.toolBtn label {
|
|
padding: 0px 9px 2px 4px;
|
|
cursor: pointer;
|
|
padding: 0 15px 3px 15px;
|
|
border-bottom: 1px solid #dedede;
|
|
border-bottom: 0;
|
|
border-bottom: 1px solid #fff;
|
|
}
|
|
|
|
.toolBtn label.hugeIcon {
|
|
margin-right: 3px;
|
|
}
|
|
/*toolbar buttons list*/
|
|
.toolbar ul.toolUl {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
table.themeTable td.tableCellinfo.darktxt.fleet_combo select#ddTimeDuration {
|
|
width: 142px;
|
|
}
|
|
|
|
|
|
.toolbar ul.toolUl li {
|
|
float: left;
|
|
list-style: none;
|
|
background: rgba(0, 0, 0, 0.05);
|
|
box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
|
|
-moz-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
|
|
-webkit-box-shadow: inset 0px -1px rgba(0, 0, 0, 0.12);
|
|
behavior: url(../../Content/PIE.htc);
|
|
height: 27px;
|
|
line-height: 22px;
|
|
margin: 2px;
|
|
border: 1px solid #dedede;
|
|
border-bottom: 0;
|
|
text-align: center;
|
|
border-radius: 4px 4px 0 0;
|
|
border-bottom: 0;
|
|
}
|
|
/*toolbar button hover and active style*/
|
|
.toolbar ul.toolUl li:hover, .toolBtnActive {
|
|
border-color: #ced7e0;
|
|
background-color: #dde4ea;
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(100%, #dde4ea));
|
|
background-image: -moz-linear-gradient(90deg, #dde4ea 0%, white);
|
|
color: #114d97;
|
|
text-shadow: 0px 1px white;
|
|
background: #fff;
|
|
border-bottom: 1px solid white;
|
|
color: #333;
|
|
border-color: #dedede;
|
|
height: 27px;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.rightButton .toolBtn {
|
|
border-left: 1px solid #afbcc8;
|
|
border-right: none;
|
|
}
|
|
/*right side button in toolbar*/
|
|
.toolBtn:hover .personIcon, .toolBtnActive .personIcon {
|
|
background-position: -298px -2683px;
|
|
}
|
|
/*person icon on hover*/
|
|
.toolBtn:hover .calenderIcon {
|
|
background-position: -298px -2713px;
|
|
}
|
|
/*calender icon on hover*/
|
|
.toolBtn:hover .arrowdIcon {
|
|
background-position: -192px -44px;
|
|
}
|
|
|
|
.toolBtn .arrowdIcon {
|
|
background-position: 8px -44px;
|
|
}
|
|
/*arrow icon on hover*/
|
|
.toolBtn:hover .sortIcon {
|
|
background-position: -197px -2647px;
|
|
}
|
|
|
|
.toolBtn .sortIcon {
|
|
background-position: 3px -2647px;
|
|
}
|
|
/*sort icon on hover*/
|
|
.toolBtn:hover .regionIcon {
|
|
background-position: -198px -1922px;
|
|
}
|
|
|
|
.toolBtn .regionIcon {
|
|
background-position: -98px -1922px;
|
|
}
|
|
/*sort icon on hover*/
|
|
/* toolbar popup style */
|
|
.toolBtn.toolOpener {
|
|
position: relative;
|
|
}
|
|
/*toolbar popup style*/
|
|
.toolOpener .toolPopupBox {
|
|
border: 3px solid #e7e7e7;
|
|
border-left: none;
|
|
border-top: none;
|
|
position: absolute;
|
|
top: 23px;
|
|
left: 0;
|
|
display: block;
|
|
height: 160px;
|
|
min-width: 180px;
|
|
background: #fff;
|
|
z-index: 10;
|
|
display: none;
|
|
cursor: default;
|
|
}
|
|
/*table wrapper in toolbar popup */
|
|
.toolOpener .tableConatiner {
|
|
border-left: 1px solid #bbb;
|
|
border-right: 1px solid #bbb;
|
|
border-bottom: 1px solid #bbb;
|
|
padding: 0;
|
|
overflow-y: auto;
|
|
left: 0px;
|
|
right: 0px;
|
|
top: 0px;
|
|
bottom: 0px;
|
|
position: absolute;
|
|
}
|
|
|
|
.toolOpener .tableConatiner table td {
|
|
padding: 6px 10px;
|
|
}
|
|
/* --- list box reagion or add table in list box(default table style)--- */
|
|
.listBox {
|
|
display: block;
|
|
}
|
|
/*table in box and default table style*/
|
|
.listBox.fillBg {
|
|
background: #eee;
|
|
}
|
|
|
|
.listBox table, .defaultTable {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
}
|
|
|
|
.listBox table thead tr th, .defaultTable thead tr th {
|
|
background-color: rgba(0, 0, 0, 0.05);
|
|
border-bottom: 1px solid #dedede;
|
|
border-top: 1px solid #dedede;
|
|
margin: 0;
|
|
padding: 2px 6px 2px 6px;
|
|
height: 24px;
|
|
color: #444;
|
|
text-align: left;
|
|
}
|
|
|
|
.listBox table tbody tr td label, .defaultTable tbody tr td label {
|
|
/*padding: 6px;*/
|
|
border-bottom: 1px solid transparent;
|
|
}
|
|
|
|
.listBox table tbody tr, .defaultTable tbody tr {
|
|
border-bottom: 1px solid #dedede;
|
|
}
|
|
/*checkbox in table*/
|
|
.listBox table tbody tr td input[type='checkbox'], .defaultTable tbody tr td input[type='checkbox'] {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.listBox table tbody tr td span, .defaultTable tbody tr td span {
|
|
vertical-align: top;
|
|
display: block;
|
|
padding: 6px;
|
|
color: #277CD1;
|
|
}
|
|
/*border-bottom:1px solid #afbcc8;*/
|
|
/*assigned person name's 1st 2 later icon in row*/
|
|
.listBox table tbody tr td .assignedName, .defaultTable tbody tr td .assignedName {
|
|
border-right: 1px solid #96BCEA;
|
|
color: #114d97;
|
|
padding: 0;
|
|
font-size: 11px;
|
|
vertical-align: baseline;
|
|
display: block;
|
|
min-width: 15px;
|
|
text-align: center;
|
|
margin: 0;
|
|
}
|
|
/*person icon row*/
|
|
.listBox table tbody tr td .hugeIcon, .defaultTable tbody tr td .hugeIcon {
|
|
vertical-align: baseline;
|
|
margin: 0px;
|
|
padding: 0 !important;
|
|
display: block;
|
|
min-width: 15px;
|
|
overflow: hidden;
|
|
height: 16px;
|
|
}
|
|
|
|
.listBox table tbody tr td .hugeIcon.personIcon, .defaultTable tbody tr td .hugeIcon.personIcon {
|
|
background-position: -192px -2683px;
|
|
}
|
|
/*active and hover*/
|
|
.defaultTable tbody tr:hover, .activeListTr {
|
|
border-bottom: 1px solid #dedede;
|
|
color: #114d97;
|
|
/*color: rgb(112, 113, 115);*/
|
|
background-color: #ced7e0;
|
|
/*background-color: #dedede !important;*/
|
|
background-color: #EFEFEF !important;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.listBox table tbody tr:hover {
|
|
border-bottom: 1px solid #dedede;
|
|
color: #114d97;
|
|
cursor: pointer;
|
|
}
|
|
/* label in table*/
|
|
.listBox table tbody tr td a, .defaultTable tbody tr td a {
|
|
display: block;
|
|
padding: 6px;
|
|
border-bottom: 1px solid #afbcc8;
|
|
color: #277CD1;
|
|
}
|
|
/* ---end of list box reagion ---*/
|
|
/* --- conversation panel(right panel) ---*/
|
|
.listDetails {
|
|
height: 100%;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
/*conversation sections in panel*/
|
|
.ldSection {
|
|
display: block;
|
|
min-height: 50px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.ldSection h2 {
|
|
background-color: #F7F7F7;
|
|
border-bottom: 1px solid #dedede;
|
|
border-left: 1px solid #DEDEDE;
|
|
border-right: 1px solid #DEDEDE;
|
|
margin: 0;
|
|
padding: 2px 6px 3px 1px;
|
|
height: 24px;
|
|
background: url("/Content/css/images/infowindow_head-bg.png") repeat-x left top !important;
|
|
color: #fff;
|
|
}
|
|
|
|
.ldSection p {
|
|
padding-left: 30px;
|
|
}
|
|
|
|
.ldSection .ldLabel {
|
|
display: block;
|
|
padding: 3px;
|
|
}
|
|
|
|
.ldSection .postedComments {
|
|
margin-left: 25px;
|
|
}
|
|
|
|
.ldSection .postedComments .marginIcon {
|
|
margin-left: -25px;
|
|
}
|
|
|
|
.ldSection .comments {
|
|
border-top: 2px solid #eee;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.ldSection .comments .commentBox {
|
|
width: 100%;
|
|
display: block;
|
|
padding: 0;
|
|
}
|
|
|
|
.ldSection .comments .commentBtn {
|
|
vertical-align: bottom;
|
|
padding: 0 0 10px 28px;
|
|
}
|
|
|
|
.ldSection .ldLabel input {
|
|
margin-right: 10px;
|
|
}
|
|
|
|
.ldSection .ldLabel textarea {
|
|
margin-right: 10px;
|
|
width: auto;
|
|
display: inherit;
|
|
}
|
|
|
|
.ldSection .ldLabel span {
|
|
vertical-align: top;
|
|
}
|
|
/* ---end of conversation panel(right panel) ---*/
|
|
/* huge icon set*/
|
|
.hugeIcon {
|
|
background: url(images/huge-sprite.png) -6px -12px no-repeat;
|
|
padding: 1px 10px;
|
|
}
|
|
/*icon set*/
|
|
.commentIcon {
|
|
background-position: -648px -1245px;
|
|
}
|
|
/*comment icon*/
|
|
.projectIcon {
|
|
background-position: -599px -2648px;
|
|
}
|
|
/*project icon*/
|
|
.onlineFacilityIcon {
|
|
background-position: 0px -2345px;
|
|
}
|
|
/*online icon*/
|
|
.offlineFacilityIcon {
|
|
background-position: -110px -2345px;
|
|
}
|
|
/*offline icon*/
|
|
.editIcon {
|
|
background-position: 5px -1448px;
|
|
}
|
|
|
|
.updateIcon {
|
|
background-image: url(images/icons/update.png);
|
|
background-position: 0px 0px;
|
|
}
|
|
|
|
.addIcon {
|
|
background-image: url(images/icons/Add.png);
|
|
background-position: 5px 0px;
|
|
}
|
|
|
|
/*edit icon*/
|
|
|
|
.deleteIcon {
|
|
background-position: 5px -1299px;
|
|
}
|
|
|
|
.addIcon {
|
|
background-position: 4px -1498px;
|
|
}
|
|
/*add icon*/
|
|
.refreshIcon {
|
|
background-position: -396px -1998px;
|
|
opacity: .8;
|
|
}
|
|
/*refresh icon*/
|
|
.personIcon {
|
|
background-position: -198px -2683px;
|
|
}
|
|
/*person icon*/
|
|
.calenderIcon {
|
|
background-position: -198px -2713px;
|
|
}
|
|
/*calender icon*/
|
|
.arrowdIcon {
|
|
background-position: -292px -44px;
|
|
}
|
|
/*down arrow icon*/
|
|
.searchIcon {
|
|
background-position: -497px -1749px;
|
|
}
|
|
/*search icon*/
|
|
.markCompleteIcon {
|
|
background-position: -600px -848px;
|
|
}
|
|
|
|
.markBadCallIcon {
|
|
background-position: -600px -1298px;
|
|
}
|
|
|
|
.inboxIcon {
|
|
background-position: -200px -696px;
|
|
}
|
|
|
|
.historyIcon {
|
|
background-position: 4px -2762px;
|
|
}
|
|
|
|
.revokeIcon {
|
|
background-position: 4px -2762px;
|
|
}
|
|
/*-----search box style in popup box----*/
|
|
.withSearch {
|
|
top: 28px !important;
|
|
}
|
|
/*table container position from top with search box*/
|
|
.seachBox {
|
|
border-bottom: 1px solid #dedede;
|
|
padding: 2px 2px 1px 2px;
|
|
border-left: 1px solid #bbb;
|
|
border-right: 1px solid #bbb;
|
|
}
|
|
/*input box in seach box*/
|
|
.seachBox input {
|
|
padding: 0;
|
|
width: 97%;
|
|
height: 20px;
|
|
margin: 0;
|
|
border-radius: 2px;
|
|
border: 2px inset #fff;
|
|
border-bottom: 1px solid #bbb;
|
|
border-right: 1px solid #bbb;
|
|
}
|
|
/*search icon*/
|
|
.seachBox span {
|
|
position: absolute;
|
|
right: 4px;
|
|
height: 20px;
|
|
padding: 0;
|
|
width: 21px;
|
|
top: 4px;
|
|
border-left: 1px solid #ccc;
|
|
}
|
|
|
|
.seachBox span.searchIcon {
|
|
background-position: -497px -1747px;
|
|
}
|
|
|
|
.seachBox input:hover, .seachBox input:focus {
|
|
border-color: #eee;
|
|
border-bottom-color: #aaa;
|
|
border-right-color: #aaa;
|
|
}
|
|
|
|
.seachBox input:hover span, .seachBox input:focus span, .seachBox input span:hover {
|
|
border-left-color: #bbb;
|
|
}
|
|
|
|
|
|
#Consolidated .k-grid-content {
|
|
height: 227px !important;
|
|
}
|
|
|
|
#Consolidated table th:nth-child(20), #Consolidated .k-grid-content table tr td:nth-child(20) {
|
|
width: 500px !important;
|
|
}
|
|
|
|
|
|
|
|
/*---ui datepicker in toolbar button---*/
|
|
.ui-datepicker {
|
|
display: block;
|
|
position: absolute;
|
|
z-index: 99;
|
|
}
|
|
|
|
#dueDate label span input {
|
|
background: transparent;
|
|
border: none;
|
|
min-width: 50px;
|
|
width: 66px;
|
|
font-size: 11px;
|
|
color: #444;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#dueDate:hover label span input {
|
|
color: #114d97;
|
|
}
|
|
/*---------end of page content style----------------*/
|
|
|
|
.infoWindow {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.workDetailsImgDiv {
|
|
height: 130px;
|
|
width: 120px;
|
|
padding: 3px;
|
|
}
|
|
|
|
.workDetailsImg {
|
|
height: 120px;
|
|
width: 120px;
|
|
}
|
|
|
|
.signatureImg {
|
|
height: 40px;
|
|
width: 110px;
|
|
}
|
|
|
|
.imgCaptureTime {
|
|
width: 120px;
|
|
padding: 0px 0 0 0;
|
|
text-align: left;
|
|
font-weight: bold;
|
|
}
|
|
|
|
imgPosition {
|
|
}
|
|
|
|
.mapContainer {
|
|
height: 500px;
|
|
width: 100%;
|
|
}
|
|
|
|
.infoImage {
|
|
width: 70px;
|
|
height: 100px;
|
|
float: left;
|
|
}
|
|
|
|
|
|
.infoTable {
|
|
width: 250px;
|
|
float: right;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.infoTableLive {
|
|
width: 320px;
|
|
text-align: left;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.tableLabel {
|
|
width: 70px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.tableData {
|
|
width: 80px;
|
|
margin-left: 5px;
|
|
}
|
|
|
|
.themeTable tbody td {
|
|
text-align: center;
|
|
}
|
|
|
|
.themeTable tbody td:nth-child(1) {
|
|
text-align: center;
|
|
width: 21%;
|
|
word-wrap: break-word;
|
|
line-height: 18px;
|
|
}
|
|
|
|
.themeTable tbody td:nth-child(2) {
|
|
width: 21%;
|
|
text-align: left;
|
|
word-break: break-all;
|
|
}
|
|
|
|
.themeTable tbody td:nth-child(3) {
|
|
width: 21%;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
.themeTable tbody td:nth-child(4) {
|
|
width: 45%;
|
|
}
|
|
|
|
.btnDiv {
|
|
float: right;
|
|
width: 252px;
|
|
margin: 0.5% 1% 0px 0px;
|
|
}
|
|
|
|
.excelIcon {
|
|
background-position: 5px 3px;
|
|
float: right;
|
|
cursor: pointer;
|
|
display: none;
|
|
background-image: url("/Content/css/images/icons/Excel-icon.png");
|
|
background-repeat: no-repeat;
|
|
position: inherit;
|
|
z-index: 1;
|
|
right: 0;
|
|
height: 29px;
|
|
width: 35px;
|
|
}
|
|
|
|
.infoWindowByJS {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.handMouse {
|
|
cursor: pointer;
|
|
}
|
|
|
|
input {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.partialActiveBtn {
|
|
display: none;
|
|
}
|
|
|
|
.subInnerWindow {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
.taskInfo {
|
|
width: 55%;
|
|
height: 100%;
|
|
float: left;
|
|
overflow: auto;
|
|
background-color: white;
|
|
}
|
|
|
|
.taskCompletionInfo {
|
|
width: 55%;
|
|
height: 15%;
|
|
overflow: auto;
|
|
margin-bottom: 0;
|
|
float: left;
|
|
background-color: white;
|
|
}
|
|
|
|
.routeMapInfo {
|
|
width: 44.80%;
|
|
height: 100%;
|
|
float: right;
|
|
right: 0;
|
|
margin-top: 0;
|
|
background-color: white;
|
|
border-left: 1px solid black;
|
|
}
|
|
|
|
/*-- by navi 111014 --*/
|
|
.Report_Btn {
|
|
background-color: #e3e3e3;
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fcfcfc), to(#e3e3e3));
|
|
background: -webkit-linear-gradient(top, #fcfcfc, #e3e3e3);
|
|
background: -moz-linear-gradient(top, #fcfcfc, #e3e3e3);
|
|
background: -ms-linear-gradient(top, #fcfcfc, #e3e3e3);
|
|
border: 1px solid #ccc;
|
|
cursor: pointer;
|
|
color: #505050;
|
|
overflow: hidden;
|
|
height: 25px;
|
|
border-radius: 2px;
|
|
margin-top: -6px;
|
|
font-family: Hermes_FB;
|
|
font-size: 12px;
|
|
line-height: 15px;
|
|
padding-left: 8px;
|
|
padding-left: 2px;
|
|
padding-right: 8px;
|
|
}
|
|
|
|
.Report_Btn:hover {
|
|
box-shadow: 0px 0px 0px 1px #fff inset;
|
|
background: -webkit-linear-gradient(top, #e3e3e3, #fcfcfc);
|
|
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e3e3e3), to(#fcfcfc));
|
|
text-shadow: 1px 1px 0 #d7d7d7;
|
|
}
|
|
|
|
.display_none {
|
|
display: none;
|
|
}
|
|
|
|
#Tracker_from tr td, Tracker_from tr th {
|
|
color: #888;
|
|
border-right: 0;
|
|
border-left: 0;
|
|
padding: 6px 5px;
|
|
font-size: 13px;
|
|
}
|
|
|
|
#Tracker_from {
|
|
border-top: 1px solid #dedede;
|
|
}
|
|
|
|
.tableCelltitle {
|
|
text-indent: 5px;
|
|
color: #222;
|
|
font-weight: normal !important;
|
|
font-size: 13px;
|
|
}
|
|
|
|
#Tracker_from input, #Tracker_from select, textarea, #Date_Selection input[type="text"] {
|
|
border: 1px solid #c5c5c5;
|
|
border-radius: 4px;
|
|
/*text-indent: 5px;*/
|
|
padding: 3px 3px 3px 0;
|
|
padding-left: 5px;
|
|
color: #666;
|
|
}
|
|
|
|
#Tracker_from input:focus {
|
|
box-shadow: 0px 0px 6px #ced7e0 inset;
|
|
}
|
|
|
|
.structure tr:nth-child(even) {
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.paddding_Zero {
|
|
padding: 0 !important;
|
|
}
|
|
|
|
#Date_Selection input[type="text"] {
|
|
height: 13px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.divBottom .k-pager-wrap > .k-link, .k-pager-wrap > .k-link {
|
|
background: #d2e2f0;
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
.divBottom .k-pager-wrap .k-link:hover, .k-pager-wrap .k-link:hover {
|
|
background: #e0e0e0 !important;
|
|
color: #333 !important;
|
|
}
|
|
|
|
@media screen and (max-width:1600px) {
|
|
.CityComboBox .k-combobox {
|
|
width: 68% !important;
|
|
}
|
|
}
|
|
/*--MediaQuery Projector--*/
|
|
@media screen and (max-width:1024px), screen and (max-height:768px) {
|
|
.k-dropdown {
|
|
width: 10.4em;
|
|
}
|
|
|
|
.LicenceKey {
|
|
width: 77px;
|
|
}
|
|
|
|
#Date_Selection input[type="text"] {
|
|
width: 132px;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 222px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 314px !important;
|
|
}
|
|
|
|
#divOwnerList .k-pager-info {
|
|
font-size: 10px !important;
|
|
}
|
|
}
|
|
|
|
/*--MediaQuery Laptop--*/
|
|
@media screen and (max-width:1366px) {
|
|
|
|
.legendsx ul li {
|
|
width: 100% !important;
|
|
}
|
|
|
|
/*.Cust_Window {
|
|
left: 13% !important;
|
|
top: 11% !important;
|
|
}*/
|
|
|
|
.NewTbl td:first-child {
|
|
width: 135px;
|
|
padding-left: 0;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.TicketListTbl td #driver_name {
|
|
/*width: 69% !important;*/
|
|
}
|
|
|
|
.CityComboBox .k-combobox {
|
|
width: 64% !important;
|
|
}
|
|
|
|
.TicketActivityFrom {
|
|
margin: 10px 0 10px 5px !important;
|
|
padding: 10px 0 !important;
|
|
}
|
|
|
|
.CommonTicket {
|
|
margin: 10px 7px 0 !important;
|
|
}
|
|
|
|
#divMapContainer {
|
|
/*top: 7% !important;*/
|
|
}
|
|
|
|
#tableTicketHistory, #tableCloseTicketHistory {
|
|
width: 115% !important;
|
|
}
|
|
|
|
.themeTable span.k-combobox, .themeTable span.k-dropdown, .themeTable span.k-datepicker, .themeTable #cityCombobox, #srchText {
|
|
width: 170px !important;
|
|
}
|
|
|
|
.Mange_Fleet_Details .k-button-icontext, .Mange_Fleet_Details .k-button-icontext:hover, .Mange_Fleet_Details .k-button-icontext:focus {
|
|
width: 100px !important;
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.responsive_popup {
|
|
/*left: 20% !important;
|
|
top: 8% !important;
|
|
top: 44px !important;*/
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.Fullength {
|
|
width: 50% !important;
|
|
}
|
|
|
|
.res_datepicker span.k-datepicker {
|
|
width: 21% !important;
|
|
}
|
|
|
|
.Ticket_RegisterPanel input[type='text'] {
|
|
margin: 0 !important;
|
|
}
|
|
|
|
#searchForm table tr td:first-child {
|
|
width: 39% !important;
|
|
}
|
|
|
|
.DInv_Tbl_Wrapper .k-widget {
|
|
width: 99.8%;
|
|
}
|
|
|
|
.lftpanelSmall span.k-datepicker {
|
|
width: 128px !important;
|
|
}
|
|
|
|
/*.Leftindent {
|
|
padding-left: 4% !important;
|
|
}*/
|
|
|
|
.heighttable {
|
|
max-height: 397px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.tablist {
|
|
width: 76.5% !important;
|
|
}
|
|
}
|
|
|
|
/*--MediaQuery Projector--*/
|
|
@media screen and (max-width:1024px) {
|
|
/*.Cust_Window {
|
|
left: 1% !important;
|
|
top: 8% !important;
|
|
}*/
|
|
|
|
#divNoDataFound_DRCRate {
|
|
left: 22%;
|
|
}
|
|
|
|
.CityComboBox .k-combobox {
|
|
width: 61% !important;
|
|
}
|
|
|
|
.menubar input#txtStartTime, .menubar input#txtEndTime {
|
|
/*width: 55px !important;*/
|
|
width: 43px !important;
|
|
}
|
|
|
|
#Date_Selection .k-datepicker {
|
|
width: 100px !important;
|
|
width: 21% !important;
|
|
}
|
|
|
|
.NewTbl td:first-child {
|
|
width: 121px;
|
|
padding-left: 0;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#formAddNewTicket .widthIsInput select {
|
|
width: 57% !important;
|
|
}
|
|
|
|
#formAddNewTicket .widhtIs {
|
|
width: 105px !important;
|
|
}
|
|
|
|
.TicketListTbl td:first-child {
|
|
width: 70px !important;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.TicketListTbl td #driver_name {
|
|
width: 64% !important;
|
|
}
|
|
|
|
.CommonTicket {
|
|
width: 81% !important;
|
|
margin-left: 4px !important;
|
|
}
|
|
|
|
.cbp-hrmenu .cbp-hrsub-inner > div {
|
|
width: 17% !important;
|
|
}
|
|
|
|
.custom_postool_btn {
|
|
width: auto !important;
|
|
padding-left: 5px !important;
|
|
text-indent: 0;
|
|
padding-left: 7px !important;
|
|
padding-right: 7px !important;
|
|
}
|
|
|
|
.themeTable span.k-combobox, .themeTable span.k-dropdown, .themeTable span.k-datepicker, .themeTable #cityCombobox, #srchText {
|
|
width: 127px !important;
|
|
}
|
|
|
|
.datalist_wrp span.k-combobox {
|
|
width: 115px !important;
|
|
}
|
|
|
|
.TicketActivityFrom {
|
|
margin-left: 5px !important;
|
|
}
|
|
|
|
.Window_prjctrscrn {
|
|
/*width:200px !important;*/
|
|
}
|
|
|
|
.feedback_content {
|
|
padding: 20px 10px !important;
|
|
}
|
|
|
|
.feedback_content td {
|
|
padding: 0px 7px !important;
|
|
}
|
|
|
|
.feedback_content .k-multiselect, .feedback_content input, .feedback_content select {
|
|
width: 120px !important;
|
|
}
|
|
|
|
.feedback_content label {
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
#div24HrsReason .labelwidth {
|
|
width: 66px !important;
|
|
}
|
|
|
|
#tableTicketHistory, #tableCloseTicketHistory {
|
|
width: 156% !important;
|
|
/*width: 115% !important;*/
|
|
}
|
|
|
|
#blindSpot_toolbox table td:first-child .button_blue {
|
|
width: auto;
|
|
}
|
|
|
|
.responsive_popup {
|
|
/*left: 8% !important;*/
|
|
}
|
|
|
|
.Fullength {
|
|
width: 71% !important;
|
|
}
|
|
|
|
.res_datepicker span.k-datepicker {
|
|
/*width:22% !important;*/
|
|
}
|
|
|
|
.cbp-hrmenu > ul > li > a {
|
|
font-size: 96%;
|
|
}
|
|
|
|
#totalTicket {
|
|
position: absolute;
|
|
right: -4px;
|
|
/*font-size: 90%;*/
|
|
font-size: 70%;
|
|
top: 4px;
|
|
}
|
|
|
|
#tabGroup li {
|
|
/*padding: 4px 11px 4px 4px;
|
|
width: 85px;*/
|
|
padding: 4px 11px 4px 2px;
|
|
width: 90px;
|
|
}
|
|
|
|
#tabMyVansTickets {
|
|
/*width: 67px !important;*/
|
|
width: 75px !important;
|
|
}
|
|
/*.Leftindent {
|
|
padding-left: 0% !important;
|
|
}
|
|
.resetauto {
|
|
width:auto;
|
|
}*/
|
|
.sizeP40 {
|
|
width: 40% !important;
|
|
}
|
|
|
|
.sizeP60 {
|
|
width: 60% !important;
|
|
}
|
|
|
|
.sizeP60 .datalist_wrp span.k-combobox {
|
|
width: 100px !important;
|
|
}
|
|
|
|
.Pull30 {
|
|
width: 30% !important;
|
|
}
|
|
|
|
.Pull70 {
|
|
width: 70% !important;
|
|
}
|
|
|
|
.Ticket_RegisterPanel input[type='text'] {
|
|
margin: 0 5px !important;
|
|
width: 73% !important;
|
|
}
|
|
|
|
div.tooltip span {
|
|
margin-left: 8px !important;
|
|
/*margin-top: 2px !important;*/
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.Ticket_RegisterPanel {
|
|
padding: 0;
|
|
padding-left: 5px !important;
|
|
}
|
|
|
|
.Ticket_RegisterPanel input {
|
|
font-size: 12px;
|
|
}
|
|
|
|
#searchForm table tr td:first-child {
|
|
text-align: center;
|
|
}
|
|
|
|
|
|
.tablist {
|
|
width: 70.5% !important;
|
|
}
|
|
|
|
|
|
div#blindSpot_toolbox td.tableCellinfo.AlignCenter.bdrightnone div.tooltip span {
|
|
margin-left: -91px !important;
|
|
}
|
|
|
|
div#blindSpot_toolbox td.AlignCenter.bdright div.tooltip span {
|
|
margin-left: -100px !important;
|
|
}
|
|
|
|
|
|
#Consolidated .k-grid-content {
|
|
height: 190px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (width:1264px) {
|
|
|
|
.menubar input#txtEndTime {
|
|
width: 52px !important;
|
|
}
|
|
|
|
div.tooltip span {
|
|
margin-left: 37px !important;
|
|
/*margin-top: 2px !important;*/
|
|
}
|
|
|
|
.Ticket_RegisterPanel input[type='text'] {
|
|
/*margin: 0 5px !important;*/
|
|
width: 84% !important;
|
|
}
|
|
|
|
#searchForm table tr td {
|
|
/*text-align: center !important;*/
|
|
font-size: 11px;
|
|
}
|
|
|
|
div.ManageEscalation_Window {
|
|
/*left: 138px !important;
|
|
top: 10% !important;*/
|
|
}
|
|
|
|
div.TicketReportDetails_Window {
|
|
/*left: 63px !important;*/
|
|
}
|
|
|
|
div.FleetDetails_Window {
|
|
/*left: 63px !important;
|
|
top: 4% !important;*/
|
|
}
|
|
}
|
|
|
|
@media screen and (width:1024px) {
|
|
|
|
.legendsx ul li {
|
|
width: 100% !important;
|
|
}
|
|
|
|
|
|
div.ManageEscalation_Window {
|
|
/*left: 14px !important;
|
|
top: 16% !important;*/
|
|
}
|
|
|
|
div.TicketReportDetails_Window {
|
|
/*left: 50px !important;*/
|
|
}
|
|
|
|
div.FleetDetails_Window {
|
|
/*left: 50px !important;*/
|
|
}
|
|
|
|
div#blindSpot_toolbox td.tableCellinfo.AlignCenter.bdrightnone div.tooltip span {
|
|
margin-left: -91px !important;
|
|
}
|
|
|
|
div#blindSpot_toolbox td.AlignCenter.bdright div.tooltip span {
|
|
margin-left: -100px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (width:1366px) {
|
|
|
|
table.themeTable td.tableCellinfo.darktxt.fleet_combo select#ddTimeDuration {
|
|
width: 119px !important;
|
|
}
|
|
|
|
table.themeTable .onoffswitch, table.themeTable .onoffswitch {
|
|
float: none !important;
|
|
}
|
|
|
|
table.themeTable div#slaMetCount, table.themeTable div#slaNotMetCount {
|
|
margin-top: 0px !important;
|
|
}
|
|
|
|
|
|
|
|
table.themeTable .onoffswitch {
|
|
margin-left: 0px !important;
|
|
}
|
|
|
|
.menubar input#txtEndTime {
|
|
width: 77px !important;
|
|
}
|
|
|
|
/* div.tooltip span {
|
|
margin-left: 0px !important;
|
|
/*margin-top: 2px !important;*/
|
|
/*}*/
|
|
|
|
|
|
.toolTipMozila {
|
|
margin-left: -137px !important;
|
|
margin-top: 28px !important;
|
|
}
|
|
/**/
|
|
|
|
|
|
div.ManageEscalation_Window {
|
|
/*left: 190px !important;
|
|
top: 16% !important;*/
|
|
}
|
|
|
|
div.TicketReportDetails_Window {
|
|
/*left: 50px !important;*/
|
|
}
|
|
|
|
div.FleetDetails_Window {
|
|
/*left: 65px !important;*/
|
|
}
|
|
|
|
div#blindSpot_toolbox td.tableCellinfo.AlignCenter.bdrightnone div.tooltip span {
|
|
margin-left: -91px !important;
|
|
}
|
|
|
|
div#blindSpot_toolbox td.AlignCenter.bdright div.tooltip span {
|
|
margin-left: -100px !important;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
@media screen and (width:1264px) {
|
|
|
|
div.tooltip span {
|
|
margin-left: 0px !important;
|
|
/*margin-top: 2px !important;*/
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (width:1350px) {
|
|
|
|
.menubar input#txtEndTime {
|
|
width: 76px !important;
|
|
}
|
|
|
|
div.tooltip span {
|
|
margin-left: 0px !important;
|
|
/*margin-top: 2px !important;*/
|
|
}
|
|
|
|
div.ManageEscalation_Window {
|
|
/*left: 190px !important;
|
|
top: 90px !important;*/
|
|
}
|
|
|
|
div.TicketReportDetails_Window {
|
|
/*left: 71px !important;
|
|
top: 0% !important;*/
|
|
}
|
|
|
|
div.FleetDetails_Window {
|
|
/*left: 71px !important;
|
|
top: 12px !important;*/
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (max-height:900px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 627px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 605px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 658px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 355px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 446px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 549px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:839px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 562px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 544px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 597px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 384px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 489px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:829px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 557px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 373px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:815px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 538px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 520px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 573px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 361px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 464px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:807px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 535px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 350px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:803px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 531px !important;
|
|
}
|
|
|
|
#divGrid .k-grid-content {
|
|
height: 443px !important;
|
|
}
|
|
|
|
#Consolidated .k-grid-content {
|
|
height: 249px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (height:799px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 523px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 504px !important;
|
|
}
|
|
|
|
|
|
#Consolidated .k-grid-content {
|
|
height: 235px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 557px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 241px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 344px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 448px;
|
|
}
|
|
}
|
|
|
|
/*==M:with no bar==*/
|
|
@media screen and (max-height:789px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 516px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 547px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 494px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 245px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 333px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 440px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:781px), screen and (max-height:780px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 507px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 485px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 325px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:775px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 499px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 480px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 533px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 218px !important;
|
|
}
|
|
|
|
div#ChildDealerList .k-grid-content {
|
|
height: 169px !important;
|
|
}
|
|
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 320px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 424px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:768px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 491px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 526px !important;
|
|
}
|
|
}
|
|
|
|
/*==M:with menu bar==*/
|
|
@media screen and (max-height:767px) {
|
|
|
|
|
|
|
|
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 495px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 525px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 472px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 223px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 310px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 400px;
|
|
}
|
|
}
|
|
|
|
/*==M:with bookmark bar==*/
|
|
@media screen and (max-height:763px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 490px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 520px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 468px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 219px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 307px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:756px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 542px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 461px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 211px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 292px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:744px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 467px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 502px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 199px !important;
|
|
}
|
|
}
|
|
|
|
/*==M:with menu and bookmark bar==*/
|
|
@media screen and (max-height:741px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 469px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 499px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 445px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 286px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 391px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:737px) {
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 193px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:732px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 456px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 437px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 187px !important;
|
|
}
|
|
}
|
|
|
|
/*==M:with menu and bookmark and webtool bar==*/
|
|
@media screen and (max-height:715px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 442px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 473px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 420px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 172px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 259px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 366px;
|
|
}
|
|
|
|
#divGrid .k-grid-content {
|
|
height: 430px !important;
|
|
}
|
|
}
|
|
|
|
/*==C:with no bar==*/
|
|
@media screen and (max-height:679px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 405px !important;
|
|
height: 434px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 384px !important;
|
|
height: 411px !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 436px !important;
|
|
height: 464px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 134px !important;
|
|
height: 162px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 225px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 330px;
|
|
}
|
|
|
|
#divGrid .k-grid-content {
|
|
height: 385px !important;
|
|
}
|
|
}
|
|
|
|
/*==C:with no bar Projector==*/
|
|
@media screen and (max-height:667px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 394px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 371px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 424px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 122px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 211px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 316px;
|
|
}
|
|
}
|
|
|
|
/*@media screen and (max-height:662px) {
|
|
|
|
#divGrid .k-grid-content {
|
|
height: 430px !important;
|
|
}
|
|
}*/
|
|
|
|
@media screen and (max-height:655px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 378px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 348px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 400px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 109px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 201px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 305px;
|
|
}
|
|
|
|
/*.Manage_Owner .k-detail-cell .k-grid-content {
|
|
height: 109px !important;
|
|
}*/
|
|
}
|
|
|
|
/*==C:with bookmark bar==*/
|
|
@media screen and (max-height:657px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 381px !important;
|
|
height: 410px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 361px !important;
|
|
height: 365ipx !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 414px !important;
|
|
height: 440px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 114px !important;
|
|
height: 138px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 160px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 306px;
|
|
}
|
|
}
|
|
|
|
/*==C:with bookmark bar Projector==*/
|
|
@media screen and (max-height:643px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 369px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 425px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 348px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 99px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 188px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 293px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:635px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 362px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 340px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 392px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 91px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 225px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:635px) {
|
|
.Manage_Owner .k-grid-content {
|
|
height: 178px !important;
|
|
}
|
|
}
|
|
|
|
/*==M:with bookmark bar Projector==*/
|
|
@media screen and (max-height:631px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 358px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 389px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 335px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 88px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:611px) {
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 368px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 315px !important;
|
|
}
|
|
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 338px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:609px), screen and (max-height:608px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 334px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 314px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 366px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 66px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 156px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 258px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:608px) {
|
|
.InfraClearfix {
|
|
height: 380px !important;
|
|
min-height: 357px !important;
|
|
overflow-x: hidden !important;
|
|
overflow-y: auto !important;
|
|
}
|
|
|
|
.stateofnation {
|
|
height: 386px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:605px) {
|
|
.InfraClearfix {
|
|
height: 334px !important;
|
|
min-height: 334px !important;
|
|
overflow-x: hidden !important;
|
|
overflow-y: scroll !important;
|
|
}
|
|
|
|
.stateofnation {
|
|
height: 334px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 62px !important;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:583px) {
|
|
#divOwnerList .k-grid-content {
|
|
height: 240px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:583px) {
|
|
.DInv_Tbl_Wrapper .k-grid-content {
|
|
height: 310px !important;
|
|
}
|
|
|
|
.CloseTicketWrapper .k-grid-content {
|
|
height: 287px !important;
|
|
}
|
|
|
|
.OpenTicket_Tbl .k-grid-content {
|
|
height: 341px !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content {
|
|
height: 40px !important;
|
|
}
|
|
|
|
.Manage_Owner .k-grid-content {
|
|
height: 128px !important;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content {
|
|
height: 233px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-height:582px) {
|
|
.InfraClearfix {
|
|
height: 380px !important;
|
|
min-height: 357px !important;
|
|
overflow-x: hidden !important;
|
|
overflow-y: auto !important;
|
|
}
|
|
|
|
.stateofnation {
|
|
height: 390px !important;
|
|
}
|
|
}
|
|
|
|
/*-- by navi 111014 --*/
|
|
|
|
.OpenTicketTbl th {
|
|
background: #ee2e22 !important;
|
|
border: 1px solid #dedede;
|
|
}
|
|
|
|
.OpenTicketTbl th span {
|
|
color: #fff;
|
|
font-weight: normal;
|
|
font-size: 13px;
|
|
}
|
|
|
|
h4 {
|
|
color: rgb(112, 113, 115);
|
|
color: #222;
|
|
margin-bottom: 7px;
|
|
}
|
|
|
|
#tableCloseTicketHistory tr:nth-child(even) .tableCellinfo, #tableTicketHistory tr:nth-child(even) .tableCellinfo {
|
|
background: #f5f5f5;
|
|
}
|
|
|
|
#tableCloseTicketHistory tr:hover .tableCellinfo, #tableTicketHistory tr:hover .tableCellinfo {
|
|
background: #f9f9f9;
|
|
}
|
|
|
|
.SelectRow {
|
|
background: #dedede !important;
|
|
background: #EFEFEF !important;
|
|
color: #114d97;
|
|
}
|
|
|
|
/*InfoWindow*/
|
|
.InfoWindowTbl {
|
|
border-top: 1px solid #dedede;
|
|
border-left: 1px solid #dedede;
|
|
font-family: Hermes_FB;
|
|
}
|
|
|
|
.InfoWindowTbl tr td {
|
|
border-right: 1px solid #dedede;
|
|
border-bottom: 1px solid #dedede;
|
|
padding: 8px 7px;
|
|
text-align: left;
|
|
font-family: Arial;
|
|
}
|
|
|
|
.InfoWindowTbl tr td:nth-child(odd) {
|
|
background: #f9f9f9;
|
|
}
|
|
|
|
.EngName_heading {
|
|
margin: 0;
|
|
padding: 3px 5px 0px 5px;
|
|
padding-left: 0;
|
|
background: #ee2e22;
|
|
color: #fff;
|
|
text-indent: 7px;
|
|
border-top: 1px solid #dedede;
|
|
border-right: 1px solid #dedede;
|
|
border-left: 1px solid #dedede;
|
|
background: url("/Content/css/images/infowindow_head-bg.png") repeat-x left top;
|
|
height: 26px;
|
|
}
|
|
|
|
table td {
|
|
font-size: 12px;
|
|
}
|
|
/*--Notification--*/
|
|
#divShowNotification, #divShowKamNotification {
|
|
line-height: 32px;
|
|
margin-right: 0.4%;
|
|
position: relative;
|
|
display: block;
|
|
padding-left: 10px;
|
|
border-right: 1px solid #dedede;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
#divShowNotification label, #divShowKamNotification label {
|
|
color: #fff;
|
|
cursor: pointer;
|
|
padding: 1px 0 5px 7px;
|
|
display: block;
|
|
/*background: url("/Content/css/images/menu-sperator.png") no-repeat right 2px;*/
|
|
}
|
|
|
|
#divShowNotification label:hover, #divShowKamNotification label:hover {
|
|
text-shadow: 1px 1px 0 #505050;
|
|
display: block;
|
|
}
|
|
|
|
#divShowNotification label img, #divShowKamNotification label img {
|
|
margin: 10px 15px 0 0;
|
|
display: block;
|
|
}
|
|
|
|
#divNotifications, #divKamNotifications {
|
|
position: absolute;
|
|
right: 0.2%;
|
|
width: 350px;
|
|
/*width: 370px;*/
|
|
top: 86%;
|
|
background: url("/Content/css/images/ddbox-arrow.png") no-repeat 1px 0px;
|
|
padding-top: 12px;
|
|
z-index: 1001;
|
|
}
|
|
|
|
#divNotifications a:hover, #divKamNotifications a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#divNotifications td, #divKamNotifications td {
|
|
text-align: left;
|
|
font-family: Verdana;
|
|
border-bottom: 1px dotted #dedede;
|
|
}
|
|
|
|
#divNotifications td a, #divKamNotifications td a {
|
|
color: #1b3f94;
|
|
color: rgb(227, 33, 25);
|
|
color: #222;
|
|
}
|
|
|
|
.NotificationBox {
|
|
background: #fff;
|
|
border: 1px solid #c5c5c5;
|
|
box-shadow: 1px 2px 5px #c5c5c5;
|
|
border-radius: 2px;
|
|
min-height: 156px;
|
|
max-height: 350px;
|
|
overflow-y: auto;
|
|
border-top: 0;
|
|
padding: 0;
|
|
line-height: 18px;
|
|
font-size: 11px;
|
|
position: relative;
|
|
-webkit-box-sizing: border-box;
|
|
-moz-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.NotificationBox h4 {
|
|
text-align: center;
|
|
font-size: 14px;
|
|
background: #f7f7f7;
|
|
padding: 16px;
|
|
border-bottom: 1px dotted #dedede;
|
|
border-top: 1px dotted #dedede;
|
|
margin-top: 14%;
|
|
font-family: helvetica;
|
|
}
|
|
|
|
/*--ListofVans--*/
|
|
.modalTable tr:hover {
|
|
cursor: pointer;
|
|
/*background-color: #f9f9f9 !important;*/
|
|
}
|
|
|
|
#spanCount {
|
|
background: #fff;
|
|
background: #ffffaa;
|
|
border-radius: 2px;
|
|
padding: 2px;
|
|
font-size: 9px;
|
|
text-shadow: 1px 1px 0 #fff;
|
|
box-shadow: 1px 1px 0px #505050;
|
|
position: relative;
|
|
top: -6px;
|
|
left: 2px;
|
|
min-width: 7px;
|
|
text-align: center;
|
|
border: 1px solid #ffcc35;
|
|
min-width: 11px;
|
|
}
|
|
|
|
#spanKamCount {
|
|
background: #fff;
|
|
background: #ffffaa;
|
|
border-radius: 2px;
|
|
padding: 2px;
|
|
font-size: 9px;
|
|
text-shadow: 1px 1px 0 #fff;
|
|
box-shadow: 1px 1px 0px #505050;
|
|
position: relative;
|
|
top: -6px;
|
|
left: 2px;
|
|
min-width: 7px;
|
|
text-align: center;
|
|
border: 1px solid #ffcc35;
|
|
min-width: 11px;
|
|
}
|
|
|
|
|
|
.VanDetailsTbl tr:first-child td {
|
|
border-top: 0;
|
|
}
|
|
|
|
#displayVansDealersTable tbody tr td:first-child {
|
|
text-indent: 15px;
|
|
}
|
|
|
|
input:focus, select:focus, textarea:focus {
|
|
/*box-shadow: 0 0 9px 1px #eee inset;*/
|
|
}
|
|
|
|
input [type="buttons"]:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
|
|
#divDetails, #form0 {
|
|
margin-left: 2px;
|
|
}
|
|
|
|
#form0 {
|
|
margin-top: 1px;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
.TicketID tr td:first-child {
|
|
background: #f7f7f7;
|
|
border-left: 1px solid #dedede;
|
|
border-right: 1px solid #dedede;
|
|
text-align: left;
|
|
width: 148px;
|
|
padding-left: 6px;
|
|
}
|
|
|
|
|
|
.TicketID tr td:last-child {
|
|
border-right: 1px solid #dedede;
|
|
}
|
|
|
|
.TicketID {
|
|
margin: 0px;
|
|
text-align: left;
|
|
padding-left: 10px;
|
|
}
|
|
|
|
input[type="button"]:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.CommonTicket div:nth-child(1) {
|
|
font-size: 10px;
|
|
padding: 0;
|
|
text-align: right;
|
|
margin: 0;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.CommonTicket div:nth-child(1) label {
|
|
background: #fff;
|
|
color: #222;
|
|
text-align: center;
|
|
width: auto;
|
|
vertical-align: super;
|
|
padding-left: 0;
|
|
padding: 1px 7px;
|
|
border-radius: 10px;
|
|
border-bottom: 1px solid #C8CCD7;
|
|
}
|
|
|
|
.CommonTicket div:nth-child(2) {
|
|
background-image: url("/Content/css/images/user.png");
|
|
background-repeat: no-repeat;
|
|
background-position: left center;
|
|
border-bottom: 1px solid #445678;
|
|
}
|
|
|
|
.CommonTicket div:nth-child(3) {
|
|
background-image: url("/Content/css/images/remarks2-icon.png");
|
|
background-repeat: no-repeat;
|
|
background-position: left 4px;
|
|
border-bottom: 1px solid #445678;
|
|
}
|
|
|
|
.CommonTicket label {
|
|
padding-left: 27px;
|
|
line-height: 16px;
|
|
word-break: break-word;
|
|
}
|
|
|
|
|
|
.NotificationBox table tr {
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
|
|
.NotificationIMG {
|
|
margin-top: 19px;
|
|
margin-left: 0;
|
|
padding-left: 0;
|
|
text-indent: 8px;
|
|
}
|
|
|
|
.NotificationContent {
|
|
width: 86%;
|
|
text-indent: 0;
|
|
padding-left: 8px;
|
|
min-height: 43px;
|
|
padding-top: 18px;
|
|
/*padding-bottom: 9px;*/
|
|
}
|
|
|
|
.OpenTicketTbl thead tr th {
|
|
color: #fff !important;
|
|
text-align: left !important;
|
|
padding: 5px !important;
|
|
vertical-align: top;
|
|
font-weight: normal;
|
|
border-right: 0px solid #dedede;
|
|
}
|
|
|
|
.OpenTicketTbl td {
|
|
padding: 5px;
|
|
border-right: 1px solid #dedede;
|
|
border-bottom: 1px solid #dedede;
|
|
height: 32px;
|
|
}
|
|
|
|
.OpenTicketTbl td:first-child, .Manage_Owner, .Manage_Owner .k-grid td {
|
|
border-left: 1px solid #dedede;
|
|
}
|
|
|
|
.OpenTicketTbl tr:nth-child(even) {
|
|
/*background: #f7f7f7;*/
|
|
}
|
|
|
|
.OpenTicketTbl tbody tr:hover {
|
|
background: #EFEFEF;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.OpenTicketTbl tr:hover, .OpenTicketTbl tr label:hover {
|
|
/*cursor: pointer;*/
|
|
}
|
|
|
|
#userHeaderPanel span:first-child a span {
|
|
cursor: default;
|
|
text-decoration: none;
|
|
color: #fffdec !important;
|
|
}
|
|
|
|
#userHeaderPanel span a span:hover {
|
|
color: #1b3f94;
|
|
color: #fff;
|
|
}
|
|
|
|
.userPanel {
|
|
margin-top: 32px;
|
|
text-align: right;
|
|
margin-right: 62px;
|
|
}
|
|
|
|
.SLAMinDrpdwn label {
|
|
font-family: Arial;
|
|
font-size: 12px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.SLAMinDrpdwn {
|
|
margin: 1px 5px;
|
|
}
|
|
|
|
/*--Ticket Activity--*/
|
|
.CloseTicket {
|
|
background: rgba(32, 171, 32, 0.65) !important;
|
|
/*border-color: #008000 !important;*/
|
|
border-top: 1px solid #dedede !important;
|
|
border-bottom: 1px solid #dedede !important;
|
|
}
|
|
|
|
.NewTicket {
|
|
background: rgba(203, 59, 92, 0.71) !important;
|
|
/*border-color: #ff0000 !important;*/
|
|
border-top: 1px solid #dedede !important;
|
|
border-bottom: 1px solid #dedede !important;
|
|
}
|
|
|
|
.InProgressTicket {
|
|
background: rgba(229, 157, 0, 0.65) !important;
|
|
/*border-color: #e59d00 !important;*/
|
|
border-top: 1px solid #dedede !important;
|
|
border-bottom: 1px solid #dedede !important;
|
|
}
|
|
|
|
.AssignedTicket {
|
|
background: rgba(13, 71, 161, 0.67) !important;
|
|
/*border-color: #8A95DD !important;*/
|
|
border-top: 1px solid #dedede !important;
|
|
border-bottom: 1px solid #dedede !important;
|
|
}
|
|
|
|
.PreClouserTicket {
|
|
background: rgba(149, 232, 107, 1) !important;
|
|
/*border-color: #FFB631 !important;*/
|
|
border-top: 1px solid #dedede !important;
|
|
border-bottom: 1px solid #dedede !important;
|
|
}
|
|
|
|
.DeclinedTicket {
|
|
background: #C73E3E !important;
|
|
/*border-color: #FFC200 !important;*/
|
|
border-top: 1px solid #dedede !important;
|
|
border-bottom: 1px solid #dedede !important;
|
|
}
|
|
|
|
.OpportunityLostTicket {
|
|
background: rgba(255, 8, 0, 0.61) !important;
|
|
/*border-color: #FF0800 !important;*/
|
|
border-top: 1px solid #dedede !important;
|
|
border-bottom: 1px solid #dedede !important;
|
|
}
|
|
|
|
.NotAcceptedTicket {
|
|
background: #FF7171 !important;
|
|
background: #FF5757 !important;
|
|
border-top: 1px solid #dedede !important;
|
|
border-bottom: 1px solid #dedede !important;
|
|
}
|
|
|
|
.ReAssign_Window {
|
|
width: 81% !important;
|
|
height: 85%;
|
|
/*top: 5% !important;*/
|
|
}
|
|
|
|
.ReassignMap {
|
|
position: relative !important;
|
|
width: 100%;
|
|
height: 70%;
|
|
}
|
|
|
|
.ReassignDealerList {
|
|
position: relative;
|
|
height: 30%;
|
|
width: 100%;
|
|
}
|
|
|
|
.ReassignDealerList .window {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.RepositionBtn {
|
|
position: relative;
|
|
top: -35px;
|
|
left: 74px;
|
|
height: 25px;
|
|
}
|
|
|
|
.RepositionBtn input {
|
|
height: 25px !important;
|
|
}
|
|
|
|
.CustomeBtn {
|
|
width: auto;
|
|
line-height: 13px;
|
|
margin: 0;
|
|
/*padding-left: 5px;*/
|
|
}
|
|
|
|
.CustomeBtn:hover {
|
|
border: 1px solid #fff;
|
|
opacity: 1;
|
|
}
|
|
|
|
.CityComboBox .k-combobox {
|
|
margin: 6px 2px;
|
|
}
|
|
|
|
.CityComboBox .k-dropdown-wrap {
|
|
height: 27px;
|
|
width: 93%;
|
|
}
|
|
|
|
.CityComboBox .k-dropdown-wrap input {
|
|
height: 23px;
|
|
text-indent: 7px;
|
|
}
|
|
|
|
.CityComboBox .k-dropdown-wrap .k-icon {
|
|
width: 16px !important;
|
|
height: 16px !important;
|
|
}
|
|
|
|
|
|
.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected {
|
|
background: #ee2e22 !important;
|
|
border-color: none !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.k-state-hover, .k-state-hover:hover {
|
|
color: #505050 !important;
|
|
border-color: none !important;
|
|
}
|
|
|
|
/*--Inventory --*/
|
|
.custom_blueBtn {
|
|
margin: 3px 7px;
|
|
height: 28px;
|
|
overflow: hidden;
|
|
width: auto;
|
|
}
|
|
|
|
.top33 {
|
|
top: 33px;
|
|
}
|
|
|
|
.DInv_Tbl_Wrapper .k-widget {
|
|
border: 0 !important;
|
|
}
|
|
|
|
.DInv_Tbl_Wrapper .k-grid-content tr:last-child td {
|
|
border-bottom: 1px solid #c5c5c5 !important;
|
|
}
|
|
|
|
.DInv_Tbl_Wrapper .k-grid-header .k-header > .k-link {
|
|
/*text-align: left;*/
|
|
text-align: center;
|
|
}
|
|
|
|
#defaultCube img, #defaultCube1 img, #defaultCube2 img, #defaultCube3 img {
|
|
z-index: 1 !important;
|
|
}
|
|
|
|
.Custo_popupBtn {
|
|
padding: 0;
|
|
width: 82px;
|
|
margin: 0;
|
|
text-indent: 0;
|
|
height: 26px;
|
|
line-height: 12px;
|
|
}
|
|
|
|
.CreateReason_Tbl {
|
|
padding: 10px;
|
|
}
|
|
|
|
.CreateReason_Tbl td {
|
|
padding: 5px;
|
|
}
|
|
|
|
.CreateReason_Tbl td input, .CreateReason_Tbl td textarea, .CreateReason_Tbl td select {
|
|
width: 180px;
|
|
}
|
|
|
|
|
|
|
|
.tripStartTicket {
|
|
background:#bde0be!important;
|
|
/*border-color: #FF0800 !important;*/
|
|
border-top: 1px solid #dedede !important;
|
|
border-bottom: 1px solid #dedede !important;
|
|
}
|
|
|
|
.CreateWrp input:focus {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.DInv_Tbl_Wrapper .k-state-selected, .managefleet_dealerdetail_wrapper .k-state-selected {
|
|
background-color: #1b3f94;
|
|
border-color: #1b3f94;
|
|
}
|
|
|
|
.DInv_Tbl_Wrapper .k-pager-wrap .k-link:hover, .managefleet_dealerdetail_wrapper .k-pager-wrap .k-link:hover {
|
|
border-color: #dedede;
|
|
}
|
|
|
|
.DInv_Tbl_Wrapper .k-pager-info, .managefleet_dealerdetail_wrapper .k-pager-info {
|
|
color: #fff;
|
|
}
|
|
|
|
.custom_postool_btn {
|
|
margin: -2px 5px 0 0;
|
|
height: 28px;
|
|
}
|
|
|
|
.tableCellinfo .k-multiselect, .tableCellinfo .text-box {
|
|
width: 171px;
|
|
}
|
|
|
|
.tableCellinfo .k-multiselect-wrap .k-input {
|
|
height: 22px;
|
|
}
|
|
|
|
.tableCellinfo .k-autocomplete .k-input {
|
|
height: 24px;
|
|
}
|
|
|
|
.tableCellinfo .k-state-default {
|
|
background: none;
|
|
}
|
|
|
|
.k-state-focused.k-state-selected, .k-list > .k-state-focused.k-state-selected {
|
|
background: #dedede;
|
|
color: #505050;
|
|
border: 1px solid #bcb4b0;
|
|
}
|
|
|
|
.k-popup .k-list .k-state-focused {
|
|
color: #fff;
|
|
background: #ee2e22;
|
|
box-shadow: none;
|
|
}
|
|
|
|
.datalist_wrp .k-combobox {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
.datalist_wrp .k-input {
|
|
height: 16px !important;
|
|
line-height: 20px !important;
|
|
font-size: 12px !important;
|
|
}
|
|
|
|
.datalist_wrp .k-i-arrow-s, .datalist_wrp .k-icon:hover, .datalist_wrp .k-state-hover .k-icon {
|
|
background-position: 0 -36px;
|
|
}
|
|
|
|
#divDateTimeArea {
|
|
background: url("/Content/css/images/time-wrpbg.png") repeat-x;
|
|
border: 1px solid #ddd;
|
|
border-radius: 4px;
|
|
margin: 5px;
|
|
border-left: 7px solid #ee2e22;
|
|
padding-top: 10px;
|
|
padding-bottom: 10px;
|
|
margin-bottom: 5px;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.activeService {
|
|
color: #4a8bc2;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
margin: 4px 0 0 5px;
|
|
}
|
|
|
|
.DatePickerLabel {
|
|
color: #505050;
|
|
font-weight: bold;
|
|
padding-right: 5px;
|
|
padding-left: 5px;
|
|
}
|
|
|
|
.OpenTicket_Tbl {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
.contentoverflow {
|
|
overflow: auto;
|
|
}
|
|
|
|
.contentoverflow .tableCellinfo .k-dropdown-wrap .k-input {
|
|
height: 26px;
|
|
line-height: 28px;
|
|
}
|
|
|
|
.contentoverflow .k-header {
|
|
margin-top: 2px;
|
|
}
|
|
|
|
#div_load {
|
|
display: none !important;
|
|
background-color: white;
|
|
opacity: 0.65;
|
|
z-index: 100000;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
#div_load img {
|
|
display:none !important;
|
|
}
|
|
|
|
.notification_head_wrp {
|
|
padding: 10px;
|
|
font-size: 13px;
|
|
border-bottom: 1px solid #dedede;
|
|
}
|
|
|
|
.fs12 {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.alert_wrapbox {
|
|
/*margin: 0 0 10px 0;*/
|
|
position: relative;
|
|
}
|
|
|
|
#divDealerList {
|
|
margin: 10px 0;
|
|
max-height: 487px;
|
|
}
|
|
|
|
#divDealerList table {
|
|
border: 1px solid #dedede;
|
|
background: azure;
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
#divDealerList table tr:nth-child(even) {
|
|
/*background: #f5f5f5;*/
|
|
}
|
|
|
|
.emptyRow {
|
|
background: #fff;
|
|
line-height: 1px;
|
|
border-bottom: 0 !important;
|
|
}
|
|
|
|
.k-filter-menu .k-button {
|
|
background-color: #1b3f94 !important;
|
|
color: #fff !important;
|
|
text-indent: 0;
|
|
}
|
|
|
|
.k-filter-menu .k-button:hover {
|
|
color: #505050 !important;
|
|
}
|
|
|
|
/*================================Custom Table===================================*/
|
|
|
|
.customTable {
|
|
width: 100%;
|
|
border-collapse: collapse;
|
|
border-spacing: 0;
|
|
}
|
|
|
|
.customTable thead tr th {
|
|
border: 1px solid #000000;
|
|
border: 1px solid #c5c5c5;
|
|
padding: 5px;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.customTable tbody tr td {
|
|
border: 1px solid #898b8d;
|
|
border: 1px solid #c5c5c5;
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
|
|
.customTable tbody tr td:first-child {
|
|
/*text-align:left;*/
|
|
}
|
|
|
|
.customTable tbody tr:nth-child(even) {
|
|
background: #f5f5f5;
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.yellowTh {
|
|
background: #FFFF00;
|
|
background: #FFFF7E;
|
|
}
|
|
|
|
.darkYellowTh {
|
|
background: #FFB547;
|
|
}
|
|
|
|
.orangeTh {
|
|
background: #FF8533;
|
|
}
|
|
|
|
.lightOrangeTh {
|
|
background: #FFDAA3;
|
|
}
|
|
|
|
.veryLightOrangeTh {
|
|
background: #FFF0DB;
|
|
}
|
|
|
|
.darkGreenTh {
|
|
background: #30AC59;
|
|
}
|
|
|
|
.lightGreenTh {
|
|
background: #99CC00;
|
|
}
|
|
|
|
.brownTh {
|
|
background: #E65C00;
|
|
background: #FFD4B7;
|
|
}
|
|
|
|
.lightBrownTh {
|
|
background: #FF9F5F;
|
|
}
|
|
|
|
.veryLightBrown {
|
|
background: #B59147;
|
|
}
|
|
|
|
.veryLightBlueTh {
|
|
background: #DBEAF9;
|
|
}
|
|
|
|
.redTh {
|
|
background: #FF3030;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.lightPinkTh {
|
|
background: #FFCFAF;
|
|
}
|
|
|
|
.blueTh {
|
|
background: #5983D6;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.lightBlueTh {
|
|
background: #00d7e5;
|
|
}
|
|
|
|
.veryLightBlue {
|
|
background: #DBEAF9;
|
|
}
|
|
|
|
.lightBlueTh {
|
|
background: #00bcd7;
|
|
}
|
|
|
|
.skyBlueTh {
|
|
background: #59DEFF;
|
|
}
|
|
|
|
.lightSkyBlueTh {
|
|
background: #b7f6ff;
|
|
}
|
|
|
|
.veryDarkGreyTh {
|
|
background: #767676;
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.darkGreyTh {
|
|
background: #919191;
|
|
}
|
|
|
|
.greyTh {
|
|
background: #BABABA;
|
|
}
|
|
|
|
.lightGreyTh {
|
|
background: #D4D4D4;
|
|
}
|
|
|
|
.verylightGrey {
|
|
background: #F2F2F2;
|
|
}
|
|
|
|
/*================================Table Header-Colors===================================*/
|
|
.DeatilPopup .toolBtn label {
|
|
padding: 0 15px 3px 0px;
|
|
}
|
|
|
|
|
|
/*================================Tabs for Reports===================================*/
|
|
.tabs {
|
|
width: 100%;
|
|
float: left;
|
|
background: #f5f5f5;
|
|
background: #f9f9f9;
|
|
border-bottom: 1px solid #c5c5c5;
|
|
position: absolute;
|
|
z-index: 1;
|
|
margin-bottom: 3px;
|
|
}
|
|
|
|
.tabs ul {
|
|
margin: 0px;
|
|
padding: 0px 0 0 5px;
|
|
}
|
|
|
|
.tabs ul li {
|
|
text-align: center;
|
|
display: inline-block;
|
|
border-top: 0px !important;
|
|
border-radius: 4px 4px 0px 0px;
|
|
background: #dedede;
|
|
color: #505050;
|
|
margin-top: 3px;
|
|
position: relative;
|
|
bottom: 0;
|
|
border-bottom: 0;
|
|
padding: 6px 18px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.tabs ul li.selected {
|
|
position: relative;
|
|
bottom: -1px;
|
|
border-top: 1px solid #d7d7d7 !important;
|
|
background: #fff;
|
|
color: #505050;
|
|
border: 1px solid #d7d7d7;
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.top31_withtabbar {
|
|
top: 32px;
|
|
}
|
|
|
|
.Ticket_Status {
|
|
position: absolute;
|
|
top: 3px;
|
|
right: 5px;
|
|
font-size: 10px;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.Ticket_Status_timer {
|
|
margin: 0px 0 10px 34px;
|
|
font-size: 11px;
|
|
color: #777;
|
|
}
|
|
|
|
.topminus5 {
|
|
margin-top: -5px;
|
|
}
|
|
|
|
#tableFeedback {
|
|
/*border: 1px solid #f0f0f0;*/
|
|
}
|
|
|
|
#tableFeedback td span {
|
|
color: #1b3f94;
|
|
}
|
|
|
|
|
|
#tableFeedback td {
|
|
border-bottom: 1px dotted #dedede;
|
|
}
|
|
|
|
#tableFeedback td:first-child span {
|
|
/*color:#1b3f94;*/
|
|
}
|
|
|
|
#tableFeedback tr:nth-child(odd) {
|
|
/*background: #fafafa;*/
|
|
}
|
|
|
|
#tableFeedback tr td:last-child {
|
|
/*text-align: right;*/
|
|
}
|
|
|
|
#tableFeedback tr td:last-child span {
|
|
padding: 10px;
|
|
position: absolute;
|
|
line-height: 8px;
|
|
}
|
|
|
|
#tableFeedback tr td:last-child span spanRate_1 {
|
|
line-height: 6px;
|
|
}
|
|
|
|
input [type="range"]:focus {
|
|
/*box-shadow:none;*/
|
|
}
|
|
|
|
.Hours, .feedback {
|
|
background: green;
|
|
/*border: 1px solid #dedede;*/
|
|
padding: 4px 4px;
|
|
border-radius: 27px;
|
|
color: #fff !important;
|
|
/*box-shadow: 1px 1px 0 #B2B2B2;*/
|
|
}
|
|
|
|
.feedback {
|
|
padding: 4px 8px;
|
|
background: red;
|
|
}
|
|
|
|
.non_editable_feedback tr:nth-child(odd) {
|
|
background: #fff;
|
|
}
|
|
|
|
.non_editable_feedback td {
|
|
padding: 5px 10px;
|
|
line-height: 20px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.color-white {
|
|
color: white !important;
|
|
}
|
|
|
|
.titilebar-blue {
|
|
background: #1b3f94 !important;
|
|
}
|
|
|
|
/*===============PositoningTool==============*/
|
|
#bs_waypoint, #bs_van, #btnSlaMeet, #btnSlaNotMeet, #btnReset, #btnOpportunityLost {
|
|
background-image: url("../../Scripts/map_api/icons/green_circle-pointing.png");
|
|
background-color: #fff !important;
|
|
width: 65px;
|
|
height: 65px;
|
|
background-repeat: no-repeat;
|
|
cursor: pointer;
|
|
border: none;
|
|
background-color: transparent;
|
|
background-position: center center;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
#bs_van {
|
|
background-image: url("../../Content/css/images/avil-van-pointing.png");
|
|
}
|
|
|
|
#bs_van:hover, #bs_waypoint:hover, #btnSlaMeet:hover, #btnSlaNotMeet:hover, #btnReset:hover, #btnOpportunityLost:hover {
|
|
border: 1px solid #ccc;
|
|
box-shadow: 0px 0px 10px 5px #dedede inset !important;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.selected_tool {
|
|
border: 1px solid #ccc;
|
|
box-shadow: 0px 0px 10px 5px #dedede inset !important;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.btn_wrapper {
|
|
background: #f7f7f7;
|
|
border: 1px solid #dedede;
|
|
margin: -1px 0 10px 0;
|
|
padding: 7px 5px;
|
|
margin: 10px 0;
|
|
text-align: center;
|
|
}
|
|
|
|
div.tooltip {
|
|
outline: none;
|
|
display: inline;
|
|
}
|
|
|
|
div.tooltip:hover {
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.tooltip span {
|
|
display: none;
|
|
z-index: 10;
|
|
padding: 10px 5px;
|
|
margin-top: -53px;
|
|
margin-left: -91px;
|
|
width: 109px;
|
|
line-height: 16px;
|
|
text-align: center;
|
|
}
|
|
|
|
div.tooltip:hover span {
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid #DCA;
|
|
background: #fffAF0;
|
|
}
|
|
|
|
.callout {
|
|
z-index: 20;
|
|
position: absolute;
|
|
top: 31px;
|
|
border: 0;
|
|
left: 53px;
|
|
transform: rotate(-90deg);
|
|
}
|
|
|
|
div.tooltip span {
|
|
border-radius: 4px;
|
|
box-shadow: 5px 5px 8px #CCC;
|
|
}
|
|
|
|
.AlignCenter {
|
|
text-align: center !important;
|
|
}
|
|
|
|
/*===============PositoningTool==============*/
|
|
|
|
/*===============ManageFleet==============*/
|
|
.dealerTitle {
|
|
margin-bottom: 7px;
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.SelectedRow {
|
|
background-color: #dedede;
|
|
background-color: #EFEFEF !important;
|
|
color: #114d97;
|
|
}
|
|
|
|
#tableDealerList {
|
|
line-height: 24px;
|
|
}
|
|
|
|
#tableDealerList tr:hover {
|
|
cursor: pointer;
|
|
background-color: #f0f0f0;
|
|
}
|
|
|
|
#tableDealerList tr td {
|
|
padding-left: 12px;
|
|
border: 1px solid #fff;
|
|
}
|
|
|
|
#tableDealerList tr.SelectedRow td {
|
|
box-shadow: 4px 0 0 0 #f00 inset;
|
|
}
|
|
|
|
.Mange_Fleet_Details .k-button-icontext, .Mange_Fleet_Details .k-button-icontext:hover, .Mange_Fleet_Details .k-button-icontext:focus, .Manage_Owner .k-button-icontext, .Manage_Owner .k-button-icontext:hover, .Manage_Owner .k-button-icontext:focus {
|
|
color: #FFF !important;
|
|
background: #1b3f94 !important;
|
|
}
|
|
|
|
.Mange_Fleet_Details .k-button-icontext:hover, .k-button-icontext:focus {
|
|
opacity: 0.85 !important;
|
|
}
|
|
|
|
.Mange_Fleet_Details .k-grid-content table tbody tr td:last-child {
|
|
text-align: center;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper {
|
|
padding-top: 10px;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .themeTable {
|
|
margin: 0 0 12px 0;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .detail_lables {
|
|
margin-bottom: 5px;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-grid-content tr:last-child td {
|
|
border-bottom: 1px solid #c5c5c5 !important;
|
|
}
|
|
|
|
.managefleet_dealerdetail_wrapper .k-widget {
|
|
border: 0 !important;
|
|
}
|
|
|
|
.fleet_combo .k-state-default {
|
|
height: 28px;
|
|
}
|
|
|
|
.fleet_combo .k-dropdown-wrap .k-input {
|
|
height: 24px;
|
|
}
|
|
|
|
#divCreateDealer input[type="checkbox"] {
|
|
height: auto;
|
|
width: auto !important;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#divCreateDealer .themeTable tbody td:nth-child(2) {
|
|
width: 25%;
|
|
width: 29%;
|
|
}
|
|
|
|
#divCreateDealer .Create_Wrp, #divAddCustDetl .Create_Wrp, .footBtn_wrapper {
|
|
padding-top: 5px;
|
|
border-top: 1px solid #dedede;
|
|
text-align: right;
|
|
margin-top: 10px;
|
|
}
|
|
|
|
#divCreateDealer .Create_Wrp input, #divAddCustDetl .Create_Wrp input {
|
|
height: 26px;
|
|
line-height: 9px;
|
|
line-height: 8px;
|
|
padding-top: 0;
|
|
padding-bottom: 0;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
width: 64px;
|
|
}
|
|
|
|
#pac-input {
|
|
top: 5% !important;
|
|
width: 40%;
|
|
}
|
|
|
|
#tableTicketHistory tbody tr:nth-child(even) {
|
|
/*background: #f5f5f5;*/
|
|
}
|
|
|
|
#tableTicketHistory tbody tr:first-child td {
|
|
border-top: 1px solid #dedede;
|
|
}
|
|
|
|
#tableTicketHistory tbody tr:hover {
|
|
/*cursor: default;*/
|
|
cursor: pointer;
|
|
}
|
|
|
|
.Mange_Fleet_Details .k-grid td:nth-child(11), .Mange_Fleet_Details .k-grid th:nth-child(11) {
|
|
width: 125px !important;
|
|
text-align: center;
|
|
}
|
|
|
|
.Manage_Owner .k-grid td:nth-child(14) {
|
|
text-align: center;
|
|
}
|
|
|
|
/*===============ManageFleet==============*/
|
|
|
|
.bdrightnone {
|
|
border-right: none !important;
|
|
}
|
|
|
|
.bdrbtmnone {
|
|
border-bottom: none !important;
|
|
}
|
|
|
|
.bdright {
|
|
border-right: 1px solid #dedede;
|
|
}
|
|
|
|
#blindSpot_toolbox {
|
|
margin-top: 20px;
|
|
}
|
|
|
|
#blindSpot_toolbox table thead th, .filter_head {
|
|
border: 1px solid #dedede;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
#blindSpot_toolbox tr:first-child td {
|
|
background: #f7f7f7;
|
|
/*border-bottom: 1px solid #dedede;*/
|
|
padding-top: 5px;
|
|
}
|
|
|
|
.radiusleft {
|
|
border-radius: 4px 0 0 4px;
|
|
}
|
|
|
|
.radiusright {
|
|
border-radius: 0 4px 4px 0;
|
|
}
|
|
|
|
.feedback_content .k-multiselect.k-header {
|
|
width: 169px;
|
|
}
|
|
|
|
.feedback_content .k-multiselect-wrap {
|
|
min-height: 27px;
|
|
padding: 2px 4px;
|
|
}
|
|
|
|
.feedback_content .k-multiselect-wrap .k-button {
|
|
border-radius: 2px !important;
|
|
text-align: left;
|
|
}
|
|
|
|
.feedback_content table tr td:first-child, .feedback_content table tr td:nth-child(5), .feedback_content table tr td:nth-child(4) {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#div24HrsReason td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#div24HrsReason .labelwidth {
|
|
width: 93px;
|
|
}
|
|
|
|
.feedback_content table tr td:first-child {
|
|
width: 110px;
|
|
}
|
|
|
|
#divFeedbackContainer .k-multiselect .k-delete {
|
|
width: 16px !important;
|
|
}
|
|
|
|
#divFeedbackContainer .k-multiselect .k-delete:hover {
|
|
opacity: 0.75;
|
|
}
|
|
|
|
.shadow_btm {
|
|
box-shadow: 0px 5px 7px 0px #dedede;
|
|
}
|
|
|
|
.aling_left {
|
|
text-align: left;
|
|
}
|
|
|
|
.aling_left td:first-child {
|
|
padding-left: 16px;
|
|
}
|
|
|
|
.aling_left td:nth-child(2) {
|
|
text-align: center;
|
|
}
|
|
|
|
.aling_left td {
|
|
padding-left: 4px;
|
|
}
|
|
|
|
|
|
#divFilledFeedbackDetails tr td:last-child span {
|
|
line-height: 24px;
|
|
position: inherit;
|
|
}
|
|
|
|
.no_data {
|
|
color: #666;
|
|
border-top: 1px solid #c5c5c5;
|
|
margin-top: 2px;
|
|
position: absolute;
|
|
height: 94%;
|
|
width: 100%;
|
|
left: 0;
|
|
}
|
|
|
|
.no_data span {
|
|
position: absolute;
|
|
width: 100%;
|
|
text-align: center;
|
|
top: 44%;
|
|
}
|
|
|
|
|
|
|
|
div#divNoDataFound_DRCRate span {
|
|
position: absolute;
|
|
left: 50%;
|
|
margin-left: -75px;
|
|
width: 150px;
|
|
text-align: center;
|
|
top: 44%;
|
|
}
|
|
|
|
.no_data .fs16 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
.no_data p {
|
|
font-size: 12px;
|
|
line-height: 27px;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
|
|
/*=============Data Table=============*/
|
|
.pg-normal {
|
|
color: #fff;
|
|
font-size: 15px;
|
|
cursor: pointer;
|
|
background: #277CD1;
|
|
padding: 2px 4px 2px 4px;
|
|
}
|
|
|
|
.pg-selected {
|
|
color: #fff;
|
|
font-size: 15px;
|
|
background: #5DA0E8;
|
|
padding: 2px 4px 2px 4px;
|
|
}
|
|
/*=============Data Table=============*/
|
|
/*=============Time Picker===============*/
|
|
div.time-picker {
|
|
position: absolute;
|
|
height: 191px;
|
|
width: 90px; /* needed for IE */
|
|
overflow: auto;
|
|
background: #fff;
|
|
border: 1px solid #aaa;
|
|
z-index: 991;
|
|
margin: 0;
|
|
}
|
|
|
|
div.time-picker-12hours {
|
|
width: 6em; /* needed for IE */
|
|
}
|
|
|
|
div.time-picker ul {
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
div.time-picker li {
|
|
cursor: pointer;
|
|
height: 10px;
|
|
font: 12px/1 Hermes_FB;
|
|
font: 12px/1 Verdana;
|
|
padding: 4px 3px;
|
|
font-family: 'Hermes_FB';
|
|
}
|
|
|
|
div.time-picker li.selected {
|
|
background: #0063CE;
|
|
background: #ee2e22; /*navi*/
|
|
border-top: 0 !important; /*navi*/
|
|
color: #fff;
|
|
}
|
|
/*=============Time Picker===============*/
|
|
.LegendTbl {
|
|
margin-top: -2px;
|
|
}
|
|
|
|
/*.LegendTbl td:nth-child(odd) {
|
|
width: 15px;
|
|
}*/
|
|
.LegendTbl td:nth-child(even) {
|
|
width: 22%;
|
|
}
|
|
|
|
.LegendTbl .legendcolorbox {
|
|
height: 11px;
|
|
width: 12px;
|
|
margin-right: 10px;
|
|
margin-left: 5px;
|
|
/*box-shadow: 1px 1px 0 #A9A9A9;*/
|
|
}
|
|
|
|
.LegendTbl .Assignedbg {
|
|
background: rgba(13, 71, 161, 0.67) !important;
|
|
border: 1px solid #0D47A1;
|
|
}
|
|
|
|
.LegendTbl .NewTicketbg {
|
|
background: rgba(203, 59, 92, 0.71) !important;
|
|
border: 1px solid #a90329;
|
|
}
|
|
|
|
.LegendTbl .CloseTicketbg {
|
|
background: rgba(32, 171, 32, 0.65) !important;
|
|
border: 1px solid #008000;
|
|
}
|
|
|
|
.LegendTbl .ProgressTicketbg {
|
|
background: rgba(229, 157, 0, 0.65) !important;
|
|
border: 1px solid #e59d00;
|
|
}
|
|
|
|
.LegendTbl .PreclouserTicketbg {
|
|
background: rgba(149, 232, 107, 1) !important;
|
|
border: 1px solid #FFB631;
|
|
}
|
|
|
|
.LegendTbl .DeclineTicketbg {
|
|
background: #C73E3E !important;
|
|
border: 1px solid #FFC200;
|
|
}
|
|
|
|
.LegendTbl .OpportunityLostbg {
|
|
background: rgba(255, 8, 0, 0.61) !important;
|
|
border: 1px solid #FF0800;
|
|
}
|
|
|
|
.LegendTbl .Notacceptedbg {
|
|
background: #FF5757;
|
|
}
|
|
|
|
|
|
/*==========Download Block===========*/
|
|
.download_block {
|
|
transition-duration: 0.5s;
|
|
display: none;
|
|
width: 97%;
|
|
transition: 0.4s;
|
|
margin: 14px 0 0 0;
|
|
padding: 5px 4px 7px 4px;
|
|
position: relative;
|
|
bottom: 0;
|
|
}
|
|
|
|
.download_block a {
|
|
float: right;
|
|
}
|
|
|
|
.Download_Box_one, .Download_Box_two, .Download_Box_three {
|
|
float: left;
|
|
margin-right: 6px;
|
|
border-radius: 32px;
|
|
height: 26px;
|
|
border: 1px solid #fff;
|
|
cursor: pointer;
|
|
padding: 3px 4px 0px 4px;
|
|
}
|
|
|
|
.Download_Box_one img, .Download_Box_two img, .Download_Box_three img {
|
|
margin: 4px 3px;
|
|
margin: 3px 0px 0px 0;
|
|
transition-duration: 0.5s;
|
|
transition-property: transform;
|
|
}
|
|
|
|
.Download_Box_one img:hover, .Download_Box_two img:hover, .Download_Box_three img:hover {
|
|
transform: rotate(360deg);
|
|
}
|
|
|
|
.top9 {
|
|
margin-top: 9px;
|
|
}
|
|
|
|
.top22 {
|
|
margin-top: 22px;
|
|
}
|
|
|
|
.blue-one:hover div, .blue-two:hover div, .blue-three:hover div, .blue-four:hover div, .bluegrey-one:hover div, .bluegrey-two:hover div, .bluegrey-three:hover div, .bluegrey-four:hover div, .yellow-one:hover div, .red-one:hover div, .blue-five:hover div, .blue-six:hover div, .blue-seven:hover div, .bluegrey-eight:hover div, .bluegrey-seven:hover div, .bluegrey-six:hover div, .bluegrey-five:hover div, .bluegrey-six:hover div, .bluegrey-five:hover div, .green-two:hover div {
|
|
display: block !important;
|
|
}
|
|
|
|
#divNoDataFound_DRCRate {
|
|
position: absolute;
|
|
/*top: 30%;
|
|
left: 28%;*/
|
|
min-height: 50%;
|
|
height: auto !important;
|
|
}
|
|
|
|
#divDealerList #divNoDataFound_DRCRate {
|
|
border: 0;
|
|
width: 98%;
|
|
text-align: center;
|
|
}
|
|
|
|
#HdLmdBusCallCLoserChart0, #HdLmdBusCallCLoserChart1, #HdLmdBusCallCLoserChart2 {
|
|
float: left;
|
|
border: 1px solid #dedede;
|
|
border-radius: 2px;
|
|
margin: 5px;
|
|
padding: 0 5px;
|
|
box-shadow: 2px 2px 2px #dedede;
|
|
-webkit-box-shadow: 2px 2px 2px #dedede;
|
|
box-shadow: 0px 0px 7px 2px #dedede inset;
|
|
}
|
|
|
|
/*New classes for header(logout and change password)*/
|
|
|
|
.superadmin_welcome {
|
|
/*float: right;*/
|
|
margin-right: 14%;
|
|
}
|
|
|
|
.superadmin_changePassword {
|
|
float: right;
|
|
margin-right: -22.5%;
|
|
}
|
|
|
|
.superadmin_logout {
|
|
float: right;
|
|
margin-right: -28%;
|
|
}
|
|
|
|
#toggleDiv {
|
|
display: none;
|
|
width: 187px;
|
|
min-height: 50px;
|
|
position: absolute;
|
|
line-height: 29px;
|
|
right: 1%;
|
|
border: 1px solid rgb(222, 222, 222);
|
|
border-radius: 4px;
|
|
padding: 10px 0px;
|
|
top: 95%;
|
|
text-indent: 5px;
|
|
background: rgb(255, 255, 255);
|
|
}
|
|
|
|
#toggleDiv .superadmin_changePassword {
|
|
float: none;
|
|
margin-right: 0;
|
|
}
|
|
|
|
#toggleDiv .superadmin_logout {
|
|
float: none;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.superadmin_welcome {
|
|
margin-right: 0;
|
|
clear: right;
|
|
display: block !important;
|
|
}
|
|
|
|
#toggleDiv label {
|
|
line-height: 18px;
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
}
|
|
|
|
#toggleDiv li:hover {
|
|
background: #f0f0f0;
|
|
}
|
|
|
|
.superadmin_welcome a:last-child, .superadmin_welcome a:first-child {
|
|
margin-right: 0;
|
|
line-height: 19px;
|
|
}
|
|
|
|
.superadmin_welcome a:first-child {
|
|
background: transparent !important;
|
|
text-shadow: none !important;
|
|
margin-left: 7px;
|
|
}
|
|
|
|
.ToggleMenu {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.ToggleMenu > ul > li > a.AdminName:hover {
|
|
text-shadow: none;
|
|
cursor: default;
|
|
}
|
|
|
|
.superadmin_welcome .ToggleMenu:hover {
|
|
background: #fff !important;
|
|
}
|
|
|
|
.superadmin_welcome .AdminName {
|
|
color: #6E6E6E !important;
|
|
cursor: default;
|
|
}
|
|
|
|
#toggleDiv li a {
|
|
color: #069;
|
|
display: block;
|
|
}
|
|
|
|
.shadow_btm input[type="checkbox"] {
|
|
width: auto;
|
|
height: auto;
|
|
}
|
|
|
|
.shadow_btm table td {
|
|
line-height: 27px;
|
|
}
|
|
|
|
#tableOwnerList .Admin_Wrp td {
|
|
background-color: #f5f5f5;
|
|
border-bottom: 5px solid #fff;
|
|
}
|
|
|
|
#divDetails select {
|
|
width: 173px;
|
|
}
|
|
|
|
#btnSlaMeet, #btnSlaNotMeet, #btnReset, #btnOpportunityLost {
|
|
background-image: url("/Scripts/map_api/icons/AnalysisIcons/sla-met.png");
|
|
background-position: center center;
|
|
background-repeat: no-repeat;
|
|
}
|
|
|
|
#btnSlaNotMeet {
|
|
background-image: url("/Scripts/map_api/icons/AnalysisIcons/sla-not-met.png");
|
|
}
|
|
|
|
#btnReset {
|
|
background-image: url("/Scripts/map_api/icons/AnalysisIcons/reset.png");
|
|
}
|
|
|
|
#btnOpportunityLost {
|
|
background-image: url("/Scripts/map_api/icons/AnalysisIcons/opportunity-lost.png");
|
|
}
|
|
|
|
/*.Leftindent {
|
|
padding-left: 8%;
|
|
}*/
|
|
|
|
.Manage_Owner .k-button-icontext {
|
|
margin: 7px 0 7px 5px;
|
|
}
|
|
|
|
.AdvanceFiltering tr td {
|
|
background: #f7f7f7;
|
|
}
|
|
|
|
.AdvanceFiltering tr td:first-child {
|
|
/*border-right: 1px solid white !important;*/
|
|
}
|
|
|
|
.AdvanceFiltering tr:last-child td {
|
|
border-bottom: 1px solid #dedede;
|
|
}
|
|
|
|
.AdvanceFiltering tr:first-child td {
|
|
border-bottom: 1px solid white !important;
|
|
border-bottom: 0 !important;
|
|
}
|
|
|
|
.Manage_Owner .k-detail-cell .k-grid-content {
|
|
height: 109px !important;
|
|
border-left: 1px solid #Dedede;
|
|
}
|
|
|
|
.Manage_Owner .k-grid td {
|
|
border-bottom: 1px solid #dedede;
|
|
}
|
|
|
|
/*=============== Responsive DSB ================*/
|
|
@media screen and (max-width:299px), screen and (max-width:640px)
|
|
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px)*/ {
|
|
#Response_dsb {
|
|
overflow-x: hidden !important;
|
|
height: 100% !important;
|
|
top: 9% !important;
|
|
}
|
|
|
|
#Response_dsb .Breadcurms_wrp {
|
|
width: 95%;
|
|
height: auto;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
|
|
#Response_dsb .Breadcurms_wrp .displaytable {
|
|
width: 100%;
|
|
}
|
|
|
|
|
|
#Response_dsb .dsb_content, .cbp-hrmenu .cbp-hrsub-inner > div {
|
|
width: 99% !important;
|
|
}
|
|
|
|
#Response_dsb, #Response_dsb .stateofnation .seasonWrapup, #Response_dsb .clearfix, #Response_dsb .stateofnation .seasonWrapup, #Response_dsb .stateofnation .seasonWrapup-Left-ext, #Response_dsb .stateofnation .seasonWrapup-Right {
|
|
width: 100% !important;
|
|
}
|
|
|
|
#Response_dsb .ResponseClearFix {
|
|
height: 99% !important;
|
|
}
|
|
|
|
#cbp-hrmenu > ul > li > a span {
|
|
display: none;
|
|
}
|
|
|
|
#Response_dsb #defaultCube, #Response_dsb #defaultCube1, #Response_dsb #defaultCube2, #Response_dsb #defaultCube3, #Response_dsb #defaultCube4, #Response_dsb .download_block {
|
|
display: none !important;
|
|
}
|
|
|
|
|
|
#cbp-hrmenu > ul > li:nth-child(2), #cbp-hrmenu > ul > li:nth-child(3), #cbp-hrmenu > ul > li:nth-child(5), #cbp-hrmenu > ul > li:nth-child(5), #cbp-hrmenu > ul > li:nth-child(6) {
|
|
/*display: inline !important;*/
|
|
}
|
|
|
|
.cbp-hrmenu > ul > li {
|
|
margin-left: 2.65%;
|
|
margin-right: 2.65%;
|
|
}
|
|
|
|
#cbp-hrmenu > ul > li > a {
|
|
padding-left: 3px;
|
|
padding-right: 3px;
|
|
padding-bottom: 9px;
|
|
margin-right: 0 !important;
|
|
}
|
|
|
|
#cbp-hrmenu > ul > li > a label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.cbp-hrmenu {
|
|
padding-right: 0;
|
|
}
|
|
|
|
#Response_dsb .Response_RightPanel {
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
|
|
#Response_dsb .CustomeBtn {
|
|
height: 24px;
|
|
line-height: 9px;
|
|
}
|
|
|
|
#Response_dsb .k-datepicker {
|
|
font-size: 85%;
|
|
width: 100% !important;
|
|
}
|
|
|
|
#Response_dsb .Page_location {
|
|
font-size: 85%;
|
|
}
|
|
|
|
#Response_dsb .InfraClearfix {
|
|
min-height: 190% !important;
|
|
/*min-height: 280% !important;*/
|
|
overflow: hidden !important;
|
|
}
|
|
|
|
#Response_dsb .stateofnation {
|
|
min-height: 528px !important;
|
|
max-height: 100%;
|
|
}
|
|
|
|
#Response_dsb .stateofnation .seasonWrapup-Right {
|
|
height: auto !important;
|
|
}
|
|
|
|
#Response_dsb .stateofnation .wrapup-pod h4 {
|
|
font-size: 16px;
|
|
}
|
|
|
|
#Response_dsb .stateofnation .wrapup-pod p {
|
|
font-size: 11px;
|
|
}
|
|
|
|
#Response_dsb .stateofnation .wrapup-pod {
|
|
width: 144px;
|
|
width: 48%;
|
|
/*width: 99%;*/
|
|
margin: 2px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#Response_dsb .stateofnation .wrapup-pod .State_response label {
|
|
font-size: 14px !important;
|
|
position: relative;
|
|
top: -8px;
|
|
}
|
|
|
|
span.Response_user {
|
|
display: inline-block !important;
|
|
}
|
|
|
|
#Response_dsb .dsb_content {
|
|
height: 100% !important;
|
|
margin-top: 5px !important;
|
|
}
|
|
|
|
#masterHeader #userHeaderPanel {
|
|
background: url("/Content/css/images/menu-right-panel-mob2.png")no-repeat top right !important;
|
|
width: 179px;
|
|
width: 53%;
|
|
height: 57px;
|
|
}
|
|
|
|
#pageHead {
|
|
width: 40%;
|
|
margin: 0;
|
|
}
|
|
|
|
.Breadcurms_wrp {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#toggleDiv {
|
|
right: 0%;
|
|
top: 195%;
|
|
text-align: left;
|
|
}
|
|
|
|
.superadmin_welcome {
|
|
text-align: right;
|
|
background: #FCFCFC;
|
|
border-bottom: 1px solid #dedede;
|
|
margin-right: 0px !important;
|
|
width: 100%;
|
|
}
|
|
|
|
.superadmin_welcome .ToggleMenu:hover {
|
|
background: transparent !important;
|
|
}
|
|
|
|
.cbp-hrmenu {
|
|
padding: 0;
|
|
}
|
|
|
|
.cbp-hrsub-inner ul li, .cbp-hrsub-inner h4 {
|
|
text-align: left;
|
|
}
|
|
|
|
.main nav > ul {
|
|
text-align: center;
|
|
}
|
|
|
|
.cbp-hrsub-inner h4 {
|
|
width: 89%;
|
|
}
|
|
|
|
.cbp-hrmenu > ul > li:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
#pageHead .Logo img {
|
|
width: 100%;
|
|
vertical-align: middle;
|
|
}
|
|
|
|
#pageHead .Logo {
|
|
margin: 0;
|
|
line-height: 48px;
|
|
}
|
|
|
|
.response_notification {
|
|
margin-top: -73px;
|
|
border-right: 0;
|
|
}
|
|
|
|
.stateofnation table.matches-played td.matches-number.stateofnation table.matches-played td.matches-number {
|
|
width: 124px;
|
|
}
|
|
|
|
.message {
|
|
left: 65% !important;
|
|
}
|
|
|
|
.footer {
|
|
bottom: -40%;
|
|
}
|
|
}
|
|
|
|
.cbp-hrmenu > ul > li:nth-child(6) > a {
|
|
margin-right: 0;
|
|
}
|
|
|
|
.LegendwithStatus {
|
|
background: #F7F7F7;
|
|
padding: 0 6px;
|
|
height: 32px;
|
|
padding-top: 5px;
|
|
line-height: 16px;
|
|
}
|
|
|
|
.workshopIcon {
|
|
top: 50%;
|
|
margin-top: -8px;
|
|
position: absolute;
|
|
right: 18px;
|
|
}
|
|
|
|
.dealerListing > div {
|
|
border: 1px solid #dedede;
|
|
}
|
|
|
|
.dealerListing .dealerTitle {
|
|
margin: 0;
|
|
padding: 2px 0;
|
|
}
|
|
|
|
.dealerListing #tableDealerList {
|
|
border: 0;
|
|
border-top: 1px solid #dedede;
|
|
}
|
|
|
|
|
|
|
|
.Accordian_list .TicketID tr td:first-child {
|
|
background: transparent;
|
|
width: 50% !important;
|
|
}
|
|
|
|
.Accordian_list .k-panelbar > li > .k-link, .Accordian_list a.k-link.k-header.k-state-selected.k-state-focused, .Accordian_list .k-tabstrip-items .k-state-default .k-link, .Accordian_list .k-panelbar > li.k-state-default > .k-link {
|
|
color: #fff;
|
|
}
|
|
|
|
.Accordian_list .loadingBlue {
|
|
background: #fff url("/Content/css/images/loading-blue.gif") no-repeat center center;
|
|
width: 32px;
|
|
height: 32px;
|
|
position: absolute;
|
|
top: 40%;
|
|
left: 43%;
|
|
}
|
|
|
|
.Accordian_list .k-icon {
|
|
width: 16px !important;
|
|
}
|
|
|
|
.Accordian_list .k-item .k-state-hover {
|
|
background: #ee2e22 !important;
|
|
}
|
|
|
|
.Accordian_list .k-content table {
|
|
cursor: default;
|
|
}
|
|
|
|
.LegendTbl tr td {
|
|
font-weight: bold;
|
|
}
|
|
|
|
.no_dataLeftPanel span {
|
|
left: 10%;
|
|
right: 10%;
|
|
}
|
|
|
|
#divOwnerList {
|
|
margin-top: 5px;
|
|
}
|
|
|
|
#divOwnerList .k-pager-info {
|
|
color: #fff;
|
|
margin: 0;
|
|
padding: 0;
|
|
font-size: 12px;
|
|
padding-right: 7px;
|
|
}
|
|
|
|
#divOwnerList .k-state-selected {
|
|
background-color: #1b3f94;
|
|
border-color: #1b3f94;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content table tbody tr {
|
|
background-image: url("/Content/css/images/user.png");
|
|
background-repeat: no-repeat;
|
|
background-position: 97% center;
|
|
}
|
|
|
|
#divOwnerList .k-grid-content table tbody tr:hover {
|
|
background-color: #EFEFEF;
|
|
color: #114d97;
|
|
cursor: pointer;
|
|
}
|
|
|
|
#divOwnerList tr.k-alt.k-state-selected, #divOwnerList tr.k-state-selected {
|
|
background-color: #EFEFEF !important;
|
|
color: #114d97;
|
|
}
|
|
|
|
.k-grid-content {
|
|
border-left: 1px solid #c5c5c5;
|
|
}
|
|
|
|
#divDetails .k-grid-content table tbody tr td:nth-child(2), #divDetails .k-secondary table tbody tr td:nth-child(3) {
|
|
border-left: 0 !important;
|
|
}
|
|
|
|
#divDetails .themeTable tbody td:nth-child(2) {
|
|
width: 29%;
|
|
}
|
|
|
|
.responsive_popup, .responsive_popup .k-window-titlebar {
|
|
border-radius: 0 !important;
|
|
}
|
|
|
|
#divShowVanLocation {
|
|
height: 100% !important;
|
|
}
|
|
|
|
.CreateVechile_Tbl {
|
|
padding: 0.58em;
|
|
text-indent: 7px;
|
|
}
|
|
|
|
.CreateVechile_Tbl td {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.CreateVechile_Tbl .k-textbox {
|
|
width: 173px;
|
|
}
|
|
|
|
.CreateVechile_Tbl .k-textbox {
|
|
height: 32px !important;
|
|
}
|
|
|
|
.CancelBtnBg {
|
|
background: #ee2e22 !important;
|
|
}
|
|
|
|
#divOwnerList tr.k-alt.k-state-selected td:last-child, #divOwnerList tr.k-state-selected td:last-child {
|
|
box-shadow: 4px 0 0 0 #f00 inset;
|
|
}
|
|
|
|
#divOwnerList tbody tr td {
|
|
border-left: 0;
|
|
text-indent: 3px;
|
|
}
|
|
|
|
#searchForm table tr td:first-child {
|
|
width: 35%;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.Ticket_RegisterPanel input[type='text'] {
|
|
width: 86%;
|
|
margin: 0 6px 0 1px;
|
|
/*height: 25px;
|
|
text-transform: uppercase;
|
|
text-align: center;*/
|
|
text-indent: 0;
|
|
}
|
|
|
|
.Ticket_RegisterPanel .fiveChar_input {
|
|
width: 25% !important;
|
|
}
|
|
|
|
.InfoWindowTbl a {
|
|
color: #1b3f94;
|
|
}
|
|
|
|
.InfoWindowTbl a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
#divFleetDetail .Fullength {
|
|
height: 14px;
|
|
}
|
|
|
|
#divOwnerList .k-alt {
|
|
background: white;
|
|
}
|
|
/*.leftspace {
|
|
margin-left: 2.5%;
|
|
}*/
|
|
|
|
.lftpanelSmall span.k-datepicker {
|
|
/*width: 128px !important;*/
|
|
}
|
|
|
|
|
|
/*home dsb new css*/
|
|
.wrapup-pod ul {
|
|
margin: 0;
|
|
text-align: left;
|
|
padding: 6px 0 0 24px;
|
|
}
|
|
|
|
.wrapup-pod ul li {
|
|
list-style-type: square;
|
|
}
|
|
|
|
.wrapup-pod ul li a {
|
|
color: #fff;
|
|
}
|
|
|
|
.wrapup-pod ul li a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.wrapup-pod .TileParagraph {
|
|
font-size: 16px !important;
|
|
margin-top: 8px !important;
|
|
}
|
|
|
|
.wrapup-pod .State_response {
|
|
text-align: right;
|
|
}
|
|
|
|
#blindSpot_toolbox .themeTable td {
|
|
border-top: 0 !important;
|
|
}
|
|
|
|
.top-3 {
|
|
/*top: -3px;*/
|
|
bottom: 10px;
|
|
}
|
|
|
|
.overflow_x_hidden {
|
|
overflow-x: hidden;
|
|
}
|
|
|
|
.batteryCell {
|
|
height: 29px;
|
|
width: 40px !important;
|
|
}
|
|
|
|
.batteryPoint {
|
|
height: 10px;
|
|
width: 3px;
|
|
background: #B0B0B0;
|
|
border-radius: 0 2px 2px 0;
|
|
margin-top: 9px;
|
|
}
|
|
|
|
|
|
/*Created by Parul*/
|
|
.disable_btn, .disable_btn:hover {
|
|
background: #e9e9e9 !important;
|
|
color: #9B9B9B !important;
|
|
text-shadow: none !important;
|
|
box-shadow: none !important;
|
|
cursor: default;
|
|
}
|
|
|
|
.prelative {
|
|
position: relative;
|
|
}
|
|
|
|
|
|
.legendsx {
|
|
}
|
|
|
|
.legendsx ul {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
|
|
.legendsx ul li {
|
|
list-style: none;
|
|
float: left;
|
|
margin: 4px 15px 0px 0px;
|
|
width: 44%;
|
|
}
|
|
|
|
.legendsx ul li span {
|
|
width: 16px;
|
|
height: 24px;
|
|
float: left;
|
|
margin-right: 5px;
|
|
background-position: left top;
|
|
background-size: 94% !important;
|
|
background-repeat: no-repeat !important;
|
|
}
|
|
|
|
.legendsx ul li div {
|
|
float: left;
|
|
font-size: 12px;
|
|
color: #000;
|
|
line-height: 22px;
|
|
}
|
|
|
|
|
|
|
|
.legendsx ul li span.openticket {
|
|
background: url("../images/OpenTicketyellow.png");
|
|
}
|
|
|
|
.legendsx ul li span.closeticket {
|
|
background: url("../images/CloseTicketgreen.png");
|
|
}
|
|
|
|
.legendsx ul li span.slamatticket {
|
|
background: url("../images/slameet.png");
|
|
}
|
|
|
|
.legendsx ul li span.slanotticket {
|
|
background: url("../images/SlaNotMeet.png");
|
|
}
|
|
|
|
.legendsx ul li span.operyunitylost {
|
|
background: url("../images/Opportunity.png");
|
|
}
|
|
|
|
.legendsx ul li span.vanticket {
|
|
background: url("../css/images/avil-van.png");
|
|
}
|
|
|
|
.legendsx ul li span.dealerticket {
|
|
background: url("../css/images/dealer-icon.png");
|
|
}
|
|
|
|
|
|
|
|
.tablist {
|
|
width: 81.5%;
|
|
}
|
|
|
|
.rightlegent {
|
|
float: right;
|
|
width: 48%;
|
|
text-align: right;
|
|
line-height: 27px;
|
|
}
|
|
|
|
.leftsidebar {
|
|
float: left;
|
|
width: 48%;
|
|
}
|
|
|
|
|
|
/*========================Table Cells Start===========================*/
|
|
.yellowTd {
|
|
background-color: #FFED13 !important;
|
|
}
|
|
|
|
.redTd {
|
|
background-color: #B63838 !important;
|
|
color: #fff !important;
|
|
}
|
|
|
|
.greenTd {
|
|
background-color: #3D9C36 !important;
|
|
color: #fff !important;
|
|
}
|
|
/*========================Table Cells End===========================*/
|
|
span.k-widget.k-timepicker.k-header.k-input {
|
|
background: none!important;
|
|
}
|
|
|
|
.multiselect-div .k-widget.k-multiselect.k-header {
|
|
width: 120px;
|
|
}
|
|
|
|
.multiselect-div .k-multiselect-wrap.k-floatwrap {
|
|
min-height: 30px;
|
|
}
|
|
.multiselect-div input.k-input.k-readonly {
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
@media screen and (max-width: 1024px) {
|
|
|
|
#Consolidated .k-grid-content {
|
|
height: 233px !important;
|
|
}
|
|
|
|
.comboboxdiv .k-multiselect.k-header {
|
|
width: 89% !important;
|
|
}
|
|
}
|
|
|
|
@media only screen and (max-width: 1366px) and (max-height: 767px) {
|
|
#Consolidated .k-grid-content {
|
|
height: 67px !important;
|
|
}
|
|
|
|
.comboboxdiv .k-multiselect.k-header {
|
|
width: 78% !important;
|
|
}
|
|
}
|
|
|
|
|
|
@media screen and (max-height: 768px) {
|
|
#Consolidated .k-grid-content {
|
|
height: 115px !important;
|
|
}
|
|
}
|
|
|
|
|
|
@media only screen and (max-width: 1366px) and (max-height: 638px) {
|
|
#divGrid .k-grid-content {
|
|
height: 352px !important;
|
|
}
|
|
}
|
|
|
|
/*
|
|
@-moz-document url-prefix()
|
|
{
|
|
|
|
div.tooltip:hover span {
|
|
display: inline;
|
|
position: absolute;
|
|
color: #111;
|
|
border: 1px solid #DCA;
|
|
background: #fffAF0;
|
|
left:129px;
|
|
top:44px;
|
|
}
|
|
}*/
|
|
|
|
|
|
/*.Logo span img {
|
|
max-width: 121px !Important;
|
|
}*/
|
|
|
|
@media only screen and (max-width: 767px) {
|
|
cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {
|
|
width: 90%;
|
|
width: 100%;
|
|
height: 300px;
|
|
overflow-y: auto;
|
|
overflow-x: hidden;
|
|
}
|
|
}
|
|
|
|
div#FeedbackHistory .k-grid-content {
|
|
height: 140px !important;
|
|
}
|
|
|
|
|
|
|
|
@media screen and (max-width: 1366px) {
|
|
}
|