.cd-panel-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    /* transform: initial !important; */
    width: 100%;
     height: auto; /*570px;*/
    /* top: 50%;
    transform: translateY(-50%) !important; */
    overflow-x: hidden;
   /*  box-shadow: 0px 2px 4px rgba(0,0,0,0.1);
    border-style: solid; */
    border-width: 1px;
    border-color: #D8D8D8;
   /*  border-radius: 10px; */
   background: white;
    border-width: 1px !important;
    border-radius: 10px !important;
}

#jobPanel_topBar, #jobPanel_mainContent{
	/* display: inline-block;
    width: 100%; */
}

#jobPanel_topBar {
    background-color: #F5F9FC;
    height: 68px;
    padding: 4px;
    border-radius: 10px 10px 0 0 !important;
}

/* #jobPanel_topBarRight a{
	height: 34px;
	width: 54px;
	display: inline-block;
	opacity: 0.6;
	cursor: pointer;
} */

.cd-panel-content {
    overflow-y: hidden;
    position: relative;
}

.cd-panel-container td, .cd-panel-container tr, .carDesc, .cd-panel-container .values{
	font: 13px "HelveticaNeue", Helvetica;
   /*  padding-top: 8px; */
    line-height: 25px;
    color: #000000;
    letter-spacing: 0.5px;
}

.cd-panel-container tr, .cd-panel-container td {
	 /* padding-top: 8px;  */
}

.cd-panel-container td.subtitle {
	height: 32px;
}

/* .cd-panel-container {
     max-width: 1100px !important;
     
     width: 1100px !important;
    -webkit-box-shadow:  0px 0px 0px 500px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 0px 0px 500px rgba(0,0,0,0.5);
	 box-shadow: 0px 0px 0px 500px rgba(0,0,0,0.5);
	 height: 100% !important;
} */

.subtitle {
    letter-spacing: 0.5px;
    color: #90949c;
    font-size: 13px;
    line-height: 12px;
    padding-bottom: 5px;
    padding-top: 4px;
}

div.subtitle {
    letter-spacing: 0.5px;
    color: #90949c;
    font-size: 13px;
    line-height: 12px;
    padding-bottom: 5px;
    padding-top: 7px;
    font: 13px "HelveticaNeue", Helvetica;
}

div.schedDowWithOverride {
    letter-spacing: 0.5px;
    color: #90949c;
    font-size: 13px;
    line-height: 12px;
    padding-bottom: 0px;
    padding-top: 2px;
    font: 13px "HelveticaNeue", Helvetica;
}

.rowSchedDowNoOvrrd {
  margin-top: -6px;
  margin-bottom: 2px;
  margin-left: -6px;
  margin-right: -6px;
  display: flex;
  flex-wrap: wrap;
}

.schedDowCurDate {
  position: relative; 
  margin-top: -2px; 
  color: #54b3b3; 
  width: 36px; 
  text-align: right; 
  font-style: italic; 
  font-size: 11px;
  height: 16px;
}

.schedDowCurTime {
  position: relative; 
  margin-top: -12px; 
  color: #54b3b3; 
  font-style: italic; 
  font-size: 11px; 
}

.postedSteady {
  cursor: pointer;
}

a.postedSteady:not([href]):not([tabindex]) {
	color: #007bff;
}

.driver-status {
    /* float: right; */
  	font: bold 13px "HelveticaNeue", Helvetica !important;
  	font-weight: bold;
  	letter-spacing: 0.5px;
  	text-align: center;
  	color: #000000;
  	border-radius: 3px;
 	background-color: #fff200;
  	/* width: 115px; */
  	height: 34px;
  	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
    line-height: 32px !important;
}

.driver-status.cxl{
    /* float: right; */
 	background-color: red;
 	color: #FFF;
}

.tabjob-status {
    /* float: right; */
    font: bold 12px "HelveticaNeue", Helvetica !important;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: center;
    color: #000000;
    border-radius: 3px;
    width: 240px;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-transform: uppercase;
    line-height: 20px !important;
}

.tabjob-status.cxl{
    /* float: right; */
  background-color: red;
  color: #FFF;
}

.menu-alarm-time {
	font: bold 13px "HelveticaNeue", Helvetica !important;
  	font-weight: bold;
  	letter-spacing: 0.5px;
  	color: #000000;
}

#jobPanel_left .subtitle {
	/*width: 92px;*/
}

#jobPanel_right .subtitle {
	/* width: 150px; */
	line-height: 16px;
}

#jobPanel_left {
    /* display: inline-block; map width mobile page*/
   /*  width: 552px; *//*61.8034%;*/
}

#jobPanel_right {
     display: inline-block;
    /* width: 360px; *//*37.767%;*/
    vertical-align: top;
    padding: 0;
    height: 100%;
    border-left: #F5F9FA solid 2px;
   /*  padding-left: 10%; */
   overflow-y: auto;
}

#jobPanel_mobileRight {
     display: inline-block;
    /* width: 360px; *//*37.767%;*/
    vertical-align: top;
    padding: 0;
    border-left: #F5F9FA solid 2px;
   /*  padding-left: 10%; */
}

.cd-panel-content {
    width: 100%;
}

#map_canvas {
    /* width: 550px; */
    height: 500px;
    width: 100%;
}

#job-complaint-map-container #map_canvas{
	height: 100% !important;
	max-height: 300px !important;
	width: 100% !important;
}

/* #job-complaint-map-container #map_canvas canvas{
	height: 100% !important;
	max-height: 300px !important;
	width: 100% !important;
} */

.driver_pic {
	display: none;
}

.jobPanel_info table {
    width: 100%;
    /* margin-left: 15px; */
}

.cd-panel-content td {
    width: initial;
}

#job-details td {
	word-wrap: break-word;
    /* max-width: 100px; */
    width: 185px;
}

#job-details {
    /* margin-bottom: -2px; */
    /* padding-bottom: 60px; */
       border-bottom: #F5F9FA solid 2px;
       padding-top: 10px;
}

.jobPanel_infoTitle {
    /* margin-bottom: 16px; */
  letter-spacing: 0.5px;
  text-align: left;
  color: #4b4f56;
  font: 14px "HelveticaNeue", Helvetica;
  
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#jobPanel_leftBottom {
    /* margin: 36px; */
    height: 92%;
}

/* #jobPanel_right .jobPanel_info:not(:first-child) {
    border-top: #F5F9FA solid 2px;
    padding-top: 16px;
} */

.jobPanel_info {
    padding: 0 30px 30px 30px;
}

#jobPanel_topBarRight, #jobPanel_topBarLeft {
	display: inline-block;
}

#jobPanel_topBarRight {
    right: 0px;
    position: absolute;
    margin-top: 16px;
    /* margin-right: 16px; */
}

#jobPanel_topBarRight .topBarIcon, #jobPanel_topBarRight .close{
	height: 24px;
	width: 24px;
	display: inline-block;
	/* opacity: 0.6; */
	cursor: pointer;
	vertical-align: middle;
}

#jobPanel_topBar {
    background-color: #F5F9FC;
    height: 62px;
    padding: 4px;
}

#jobPanel_topBar .close {
    color: black !important;
    margin: 0px;
    font-size: xx-large;
}

#jobPanel_topBarLeft span, #jobPanel_goTrip, #jobPanel_tripId {
	padding: 7px 6px 14px 18px;
    height: 33px;
    margin: 4px;
}

#jobPanel_tripId {
    width: 214px;
    border-radius: 0px;
    padding-top: 14px;
}

#close-btn {
	position: initial;
}

#jobPanel_goTrip {
    background-color: #0A9DFF;
    border-radius: 0px 3px 3px 0px;
    color: #FFFFFF;
    text-align: center;
    width: 54px;
    height: 33px;
    padding-left: 0px;
    padding-right: 0px;
    display: inline-block;
    vertical-align: top;
    margin-left: -8px;
    cursor: pointer;
}

#jobPanel_goTrip:hover {
	background-color: #0A8CF0;
	text-decoration: none;
}

.jobPanel_vehicleIcon {
    width: 85px;
}

#jobPanel_topBar .error {
	display: inline-block;
    position: absolute;
    top: 2px;
    left: 348px;
}

.car_id {
    margin-right: 4px;
}

#drvrMsg i:hover{
	color:#0A8CF0;
	transform: scale(1.5, 1.5);
    opacity: 1;
    cursor:pointer;
}

#drvrMsg  i
{
transition: 0.3s ease;
opacity: 0.5;
}

.iconTag {
	padding:5px;
	margin-right: 20px;
  letter-spacing: 0.39px;
  color: #333333;
  font: 18px "HelveticaNeue", Helvetica;
}

#assignCarDialog table tr th, #assignCarDialog table tr td {
  padding-left: 5px;
  font-weight: 200;
  font-size: 11px;
}

#jobPanel_leftTop {
	padding-left: 10px;
}

.jobPanel_base {
  font: 13px "HelveticaNeue", Helvetica !important;
  text-align: left !important;
  color: #000000 !important;
}

#jobPanel_leftTop .subtitle {
  font: 12px "HelveticaNeue", Helvetica !important;
  text-align: center !important;
  letter-spacing: 0.5px !important;
  color: #90949c !important;
}

#jobPanel_leftTop .mtaTripId, #jobPanel_leftTop .provider_conf
{
  font: 13px "HelveticaNeue", Helvetica !important;
  font-weight: 600 !important;
  text-align: center !important;
  color: #000000 !important;
  
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  
  padding-top: 5px;
}

#jobPanel_leftTop span {
  font: 13px "HelveticaNeue", Helvetica;
  text-align: left;
  color: #000000;
}

.providerDetails {
	border-bottom: solid 1px #cfd2d6;
	margin-right: 0px;
	/* height: 65px; */
	padding: 12px;
	/* padding-left: 0; */
    line-height: 20px;
}

.driverDetails {
	background-color: #fafafa;
	margin-right: 0;
}

.driverDetails div {
	/* height: 48px; */
	/* padding-top: 12px; */
	text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    line-height: 28px;
    text-align: center;
    vertical-align: middle;
}

.smsBox {
  width: 95px;
  height: 28px;
  border-radius: 3px;
  background-color: #007233;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
  display: inline-block;
  text-align: center !important;
  cursor: pointer;
  margin-left: 5px;
}

.sendSMStag
{
  font: 10px/30px "HelveticaNeue", Helvetica !important;
  font-weight: bold !important;
  letter-spacing: 0.4px !important;
  text-align: center !important;
  color: #ffffff !important;
  vertical-align: top;
}

#lookingForDriverTag {
  position: absolute; /* or fixed */
  top: 50%;
  left: 35%;
  font: 30px "HelveticaNeue", Helvetica;
  font-weight: bold;
  letter-spacing: 0.4px;
  line-height: 28px;
  display: none;
}

#fare-table tr {
  height: 32px;
}

#fare-table th {
  vertical-align: top;
}

#fare-table th, #fare-table td {
  font: 600 14px "HelveticaNeue", Helvetica;
  color: #000000;
}

#attest-fare-table {
  margin-bottom: 16px;	
}

#attest-fare-table th, #attest-fare-table td {
  vertical-align: top;
  font: 400 12px "HelveticaNeue", Helvetica;
  color: #000000;
  padding-top: 4px;
}

#attest-fare-table .values {
	padding-left: 12px;
  text-align: right;
}

.attest-addToll-item {
	position: relative;
  display: block;
  margin-bottom: -1px;
  background-color: #fff;
  color: #495057;
  font-size: 12px;
/*  padding: 0.75rem 1.25rem;
  border: 1px solid rgba(0, 0, 0, 0.125); */
}

#attest-toll-table td {
  vertical-align: top;
  font: 400 11px "HelveticaNeue", Helvetica;
  color: #000000;
  padding-top: 4px;
}

#attest-toll-table .tollZone {
	min-width: 130px;
}

#attest-toll-table .tollAmt {
	text-align: right;
	padding-left: 10px;
}

#attest-toll-table .tollDel {
  padding-left: 8px;
  padding-top: 3px;
}

#attest-toll-table .tollDel i {
  cursor: pointer;  
}

#attest-times-table input, #attest-tripInfo-table input {
  width: 80px;
  margin-left: 10px;
  margin-bottom: 5px;	
}

#attest-times-table label, #attest-tripInfo-table label {
  margin-top: 5px;
}

#attest-times-table .puTimeRow {
	padding-top: 5px;
  border-top: 1px solid lightgray;
}

.cancelReason_title {
	color: red !important;
}

.omButton {
    width: 50px;
    border: none;
    /* text-align: left; */
}

.omButtonLabel, .omButtonNumber{
	color: white !important;
}

.omButtonLabel {
	padding-left: 2px;
}

.roundButton {
    border-radius: 100px;
    height: 30px;
    /* padding-top: 0px; */
    padding-bottom: 0px;
    line-height: 20px;
}

.roundButton * {
	font: 12px "HelveticaNeue", Helvetica !important;
	line-height: 30px !important;
}

.omButtonIcon {
    width: 20px !important;
    height: 20px !important;
    /* padding: 2px; */
    /* margin-left: 20%; */
}

.omButtonNumber {
    background-color: #d0011b;
    width: 20px;
    height: 20px !important;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    line-height: 22px !important;
    margin-left: 20%;
}

.omButtonNumber span {
    width: 100%;
    text-align: center !important;
    color: white !important;
}

.officeMessageList {
    /* margin: -15px; */
    height: 299px;
    overflow-y: scroll;
    width: 100%;
}

.officeMessageCell {
    padding: 16px 20px 0px 20px;
    font: 14px "HelveticaNeue", Helvetica;
}

.officeMessageBubble {
    padding: 16px 20px;
    border-radius: 4px;
    display: inline-block;
}

.officeMessageCont {
    display: inline-block;
    max-width: 240px;
}

.officeMessageCont div {
	text-align: left;
}

.officeMessageCell.officeMessageRight {
    text-align: right;
}

.officeMessageRight .officeMessageCont .officeMessageBubble {
    color: white;
}

.officeMessageLeft .officeMessageBubble {
    background-color: #eff3f6;
}

#drvrMessage .officeMessageRight .officeMessageBubble {
    background-color: #1b55a6;
}

#dispatchMessage .officeMessageRight .officeMessageBubble {
    background-color: black;
}

.officeMessageWhen {
    padding: 6px 0px;
    color: #cdcdcd;
    font-size: 12px;
}

.officeMessageModalContent {
    width: 370px;
    height: 434px;
    border-radius: 10px !important;
    border: 0px;
    background-image: linear-gradient(to bottom, #fffdfb 75%, #e8e8e8);
    box-shadow: 0 5px 40px 0 rgba(0, 0, 0, 0.15);
}

.officeMessageModalContent .modal-footer {
    height: 60px;
    background-color: white;
    padding: 16px 20px;
}

.officeMessageModalContent .modal-footer textarea {
    width: 250px;
    height: 32px;
    float: left;
    border: none;
    padding: 8px 0px;
    font: 14px "HelveticaNeue", Helvetica;
    line-height: 16px;
}

.officeMessageModalContent .modal-footer textarea::placeholder {
	color: #c6cfd6;
	padding-top: 2px;
}

.officeMessageHeader {
    height: 75px;
    color: white;
}

.officeMessageHeader * {
	font: 16px "HelveticaNeue", Helvetica;
}

#drvrMessage .officeMessageHeader {
	background-color: #1b55a6;
}

#dispatchMessage .officeMessageHeader {
	background-color: black;
}

.officeMessageModalContent .modal-body {
    padding: 0px;
}

.officeMessageHeader > div {
    display: inline-block;
    float: left;
    line-height: 75px;
}

.officeMessageHeaderLeft {
    width: 64px;
    padding: 0px 16px;
}

.officeMessageHeaderCenter {
    width: 250px;
}

.officeMessageHeaderRight {
    width: 56px;
    padding: 0px 16px;
}

.officeMessageHeaderRight button {
    margin-top: 0px !important;
    line-height: 75px;
    opacity: 1 !important;
}

.officeMessageHeaderCenter {
    line-height: 20px !important;
    padding: 17px 0px;
}

.officeMessageHeaderCenterBottom {
    font-size: 13px;
    opacity: .7;
}

.officeMessageHeaderCenter div {
    height: 20px;
    line-height: 20px;
}

#drvrMsg {
    background-color: #1b55a6;
    margin-top: 20px;
    margin-left: -10px;
}

#dispatchMsg {
    background-color: black;
    margin-top: -3px;
}

.jobLog {
	height: 28px;
	width: 55px;
	border: solid 1px #cfd2d6;
	border-radius: 3px;
}

#fare-details {
	padding-top: 10px;
}

.officeMessageModalContent .roundButton {
    background-color: #3b7cff;
    line-height: 16px;
    font: 13px "HelveticaNeue", Helvetica;
    border: none;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.07);
    padding-top: 4px;
}

.officeMessageModalContent .roundButton:disabled {
    background-color: white;
    color: #c6cfd6;
    border: solid 1px #e6e6e6;
}

#CarAssignedWarning .modal-content {
	border-radius: 10px !important;
}

#CarAssignedWarning .modalBodyContent {
	text-align: center;
	padding-top: 6%;
}

#CarAssignedWarning .ModalHeader {
	height: 55px !important;
	color: white;
}

#CarAssignedWarning .title {
	 line-height: 35px;
}

#CarAssignedWarning .warningMsgWithPhone {
	font: 13px "SanFranciscoText", SanFranciscoText;
	color: #888888;
}

#CarAssignedWarning .companyPhone {
	font: bold 13px "SanFranciscoText", SanFranciscoText;
	color: #888888;
}

.assignedWarning {
	font: bold 21px "SanFranciscoTextBold", SanFranciscoTextBold;
  	text-align: center;
  	color: #000000;
}

#CarAssignedWarning .heading {
  font: 16px/35px "HelveticaNeue", Helvetica;
  letter-spacing: -0.2px;
  text-align: left;
  color: #ffffff;
}

#CarAssignedWarning .close {
	opacity: 1 !important;
}

#job-details tr {
	display: none;
}

@media (min-width: 768px) {
	.cd-panel.body-panel.from-right.is-visible {
	    min-width: 100%;
	}
}

.tripConfirmationTitle {
	display: none !important;
}

#jobLog_userDetails .panel-heading{
	padding-top: 0;
    padding-bottom: 0;
    font: 15px "HelveticaNeue", Helvetica;
}

#jobLog_userDetails .logTitl {
	font: 12px "HelveticaNeue", Helvetica;
  	letter-spacing: -0.2px;
  	color:#90949c;
}

#jobLog_userDetails .panel-body
{
	background-color: #fafafa;
    padding-bottom: 0px;
    padding-top: 10px;
}

#jobLog_userDetails .date, #jobLog_userDetails .name {
	font: 13px "HelveticaNeue", Helvetica;
}

#jobLogTableDiv{
	overflow-y: auto;
    overflow-x: hidden;
    max-height: 600px;
	/* width: 100px;
    height: 50px; */
}

#jobLog-table td{
	padding:3px;
}
.authTripMsg {
	background: #fffbe8;
}
.authTripMsg:hover {
	cursor: pointer;
	background: #fff6ce;
}
.complaintStat {
	background: #fffbe8;
}
.complaintStat:hover {
	cursor: pointer;
	background: #fff6ce;
}
.attestStat {
  background: #fffbe8;
  text-align: center!important;
  padding-left: 0px!important;
  min-width: 65px;
}
.attestStat:hover {
  cursor: pointer;
  background: #fff6ce;
}
.divAttestStat {
	display: inline;
}
.attestLink {
	float: right;
	margin-top: 4px;
}
.authorize-link {
	cursor: pointer;
}
.authorize-link i {
	color: #5e99dd;
}
#recurringTripDetails {
	border: #e1e3e4 solid 2px;
    background: rgba(238, 238, 238, 0.13);
    border-radius: 15px;
    padding: 5px;
}

#complaint-dialog label	{
	letter-spacing: 0.5px;
    color: #90949c;
    font-size: 13px;
    line-height: 12px;
    padding-bottom: 5px;
    padding-top: 7px;
}

#complaint-dialog input, #complaint-dialog select {
	font: 14px "HelveticaNeue", Helvetica;
    line-height: 25px;
    color: #000000;
    letter-spacing: 0.5px;
}

.returnTripDate, .previousTripDateAndStatus, .returnTripDetails, .steadyTripId, .spawnedTripId,.secondTripLink {
	cursor:pointer;
	color: #3357b3 !important;
}

.returnTripId:hover {
	text-decoration: underline !important;
}

.steadyTripId {
	text-decoration: underline !important;
}

.centersLobMot {
	position: absolute;
    float: right;
    text-align: right;
    right: 0;
    top: 40px;
    margin-right: 20px;
}

.previousTripDetails .values, .dispatchStatusDesc{
	font-size: 12px !important;
}

.dispatchStatusDesc {
 margin-top: -10px;
}