.vehicleAlarms                              { height: calc(100% - 46px); margin-top: 10px; float: left; width: 100%; overflow: hidden; }
.vehicleAlarmsData                          { float: left; width: 100%; height: calc(100% - 170px); height: -webkit-calc(100% - 170px); height: -moz-calc(100% - 170px); overflow-x: hidden; overflow-y: auto; }
.vehicleAlarmsGraph                         { float: left; width: 100%; height: 160px; overflow: hidden; margin-top: 10px; }
.vehicleAlarmContainer                      { float: left; width: 100%; }
.vehicleAlarmContainer:nth-child(even)      { background-color: rgba(211, 211, 211, 0.2); }
.vehicleAlarmRow                            { float: left; width: calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); height: 22px; display: inline-block; margin-left: 10px; }
.vehicleAlarmRow:last-of-type               { margin-bottom: 10px; }
.vehicleAlarmHeader                         { float: left; width: calc(100% - 20px); width: -webkit-calc(100% - 20px); width: -moz-calc(100% - 20px); height: 28px; line-height: 28px; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; text-indent: 30px; font-size: 10pt; display: inline-block; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; font-family:"segoe ui semibold"; }
.vehicleAlarmIcon                           { float: left; width: 28px; height: 28px; }
.vehicleAlarmTitle                          { float : left; width : 350px; height : 100%; }
.vehicleAlarmCell                           { float: left; width: 100px; height: 22px; line-height: 22px; vertical-align: middle; text-overflow: ellipsis; white-space: nowrap;  overflow: hidden; }
.vehicleAlarmCell:first-of-type             { margin-left: 30px; }
.vehicleAlarmCell:not(:first-of-type)       { width: calc(100% - 140px); width: -webkit-calc(100% - 140px); width: -moz-calc(100% - 140px); margin-left: 10px; }
.dxc-tooltip                                { z-index: 2000; }
.backgroundTemp                             {width: 400px;}
.driverRow                                  {width: 100%;}
.titleDriverName                            {text-align: left;  font: normal normal bold 14px/19px Segoe UI; letter-spacing: 0px; color: #525252; opacity: 1;height: 16px;margin: 10px 0px 0px 0px;}
.driverName, .plateNumber {
    text-align: left;
    font: Bold 14px Segoe UI;
    letter-spacing: 0;
    color: #475867;
    opacity: 1;
    margin: 5px 3px 4px 0px;
    height: 22px
}
/*.cardNumber                                 {text-align: left; font: 12px Segoe UI;  letter-spacing: 0;   color: #475867;   opacity: 1;   padding: 1px 0px 4px 0px;height:16px}*/
.lastStatus                                 {text-align: right;font: normal normal bold 13px/17px Segoe UI;letter-spacing: 0px;opacity: 1; padding-top: 3px; margin-left: 30px;}
.lastStatusIsTestMode {
    text-align: right;
    font: normal normal bold 13px/17px Segoe UI;
    letter-spacing: 0px;
    color: #338CDB;
    opacity: 1;
    padding-top: 5px;
    margin-left:15px;
}
.iconContainer                              {padding-right: 70px;    float: left;}
.driveTresholdTime                          {text-align: left;    font: 11px Segoe UI;    letter-spacing: 0;    color: #A7A7A7;    opacity: 1;    padding-left: 8px;    padding-right: 5px;    max-width: 106px;}
.rectangle1                                 {width: 10px;    height: 9px;    background: #475867 0% 0% no-repeat padding-box;    opacity: 1;}
.rectangle2                                 {width: 8px;    height: 7px;    border: 1px solid #A7A7A7;    opacity: 0.5;}
.borders                                    {width: 182px;    height: 0px;    border: 0.5px solid #DDDDDD;    opacity: 1;    margin-top: 51px;}
.statesTimes                                {text-align: left;font: 12px/17px Segoe UI;letter-spacing: 0;color: #A7A7A7;opacity: 1; margin: 7px 0px 3px 31px;}
.timeRight {
    font: normal normal normal 13px/17px Segoe UI;
    letter-spacing: 0px;
    color: #A7A7A7;
    opacity: 1;
    text-align: left;
    padding: 2px
}
.TotalDrivingTime                           {text-align: left;   font: Bold 16px/21px Segoe UI;    letter-spacing: 0;    color: #475867;    opacity: 1;}
.dailySummaryEndText                        {text-align: left;    font: 600 13px/17px Segoe UI;    letter-spacing: 0;    color: #525252;    opacity: 1;    padding-left: 12px;    padding-top: 100px;}
.splitters                                  {width: 99%;    height: 0px;    border: 1px solid #f2eeee;    opacity: 1;   margin-top: 8px;}
.TotalDrivingTimeRed                        {text-align: right;    font: Bold 20px/27px Segoe UI;    letter-spacing: 0;    color: #FF0000;    opacity: 1;}
.driver1Row                                 {padding-left: 12px;    padding-top: 8px;    float: left;    width: 53%;    padding-bottom: 12px;}
.driver1LastState                            {padding-bottom: 35px;}
.dailyInfoLeft                              {padding-left: 12px;    float: left;    width: 50%;}
.driver1Icons                               { padding: 3px 4px 3px 0px;    min-width: 95px;}
.driverRowColor                             {background-color: #F6F6F6;}
.driverDailyInfoRow                         {padding-left: 12px;    float: left;    width: 55%;    padding-bottom: 8px;}
.drivingTimeLeft                            {float: right;    width: 45%;}
.info_icon                                  {float: right;    padding: 5px;}
.violationStatus1                           {float: right;}
.violationStatus2                           {float: right;}
.dailyStatus1                               {float: left;}
.dailyStatus2                               {float: left;}
.TachoDeviceInfoGridContainer               {display: inline-block; height: calc(100% - 20px) !important; overflow: auto !important;}
/*Colored Icons*/
.driveStatesIcon {
    background-image: url('images/driver_icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 24px;
    width: 24px;
    float: left;
    margin-right: 6px;
    background-size: contain;
    color: #80C911;
    text-align: left;
    font: normal normal bold 16px/21px Segoe UI;
    letter-spacing: 0px;
    opacity: 1;
}
.restStatesIcon {
    background-image: url('images/rest_icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    width: 25px;
    float: left;
    margin-right: 6px;
    background-size: contain;
    color: #F81D1D;
    text-align: left;
    font: normal normal bold 16px/21px Segoe UI;
    letter-spacing: 0px;
    opacity: 1;
}

.workingStatesIcon {
    background-image: url('images/working_icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 21px;
    width: 25px;
    float: left;
    margin-right: 6px;
    background-size: contain;
    color: #FCBB0B;
    text-align: left;
    font: normal normal bold 16px/21px Segoe UI;
    letter-spacing: 0px;
    opacity: 1;
}
.prepareStatesIcon {
    background-image: url('images/available_icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    width: 25px;
    float: left;
    margin-right: 6px;
    background-size: contain;
    color: #525252;
    text-align: left;
    font: normal normal bold 16px/21px Segoe UI;
    letter-spacing: 0px;
    opacity: 1;
}
/*Gray State Icons*/
.driveStateGray                               { background-image: url(Images/surus_icon.svg);background-repeat: no-repeat; background-position: center;height: 30px; width: 25px; float: left;background-size: contain;}
.workStateGray                                {background-image: url(Images/calisma_icon.svg); background-repeat: no-repeat; background-position: center;height: 30px; width: 25px;float: left;background-size: contain;}
.restStateGray                               {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMC41IiBoZWlnaHQ9IjE2LjUiIHZpZXdCb3g9IjAgMCAyMC41IDE2LjUiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNhN2E3YTc7c3Ryb2tlOiNhN2E3YTc7c3Ryb2tlLXdpZHRoOjAuNXB4O308L3N0eWxlPjwvZGVmcz48cGF0aCBjbGFzcz0iYSIgZD0iTTE3LjY2Niw1LjY2N0g3LjIyNUExLjA1NSwxLjA1NSwwLDAsMCw3LjMzMyw1LjJWNC44QTEuMTg2LDEuMTg2LDAsMCwwLDYuMDgyLDMuNjY3SDIuMjE0QTEuMTc2LDEuMTc2LDAsMCwwLDIsMy42ODVWLjY2N0EuNjY4LjY2OCwwLDAsMCwxLjMzMywwSC42NjdBLjY2OC42NjgsMCwwLDAsMCwuNjY3VjE1LjMzM0EuNjY5LjY2OSwwLDAsMCwuNjY3LDE2aC42NjdBLjY2OS42NjksMCwwLDAsMiwxNS4zMzNWMTFIMTh2NC4zMzNhLjY2OS42NjksMCwwLDAsLjY2Ny42NjdoLjY2N0EuNjY5LjY2OSwwLDAsMCwyMCwxNS4zMzNWOEEyLjMyLDIuMzIsMCwwLDAsMTcuNjY2LDUuNjY3Wk0yLjEzNCw0LjMzM0g2LjA4M0EuNDgxLjQ4MSwwLDAsMSw2LjYsNC44di40YS40ODEuNDgxLDAsMCwxLS41MTUuNDY3SDIuMTM0Wk0uNjY3LjY2N2guNjY3djVILjY2N1ptMSw5LjY2NmEuMzE1LjMxNSwwLDAsMC0uMzMzLjMzM3Y0LjY2N0guNjY3di05aDR2NFptMTcuNjY2LDVoLS42NjdWMTAuNjY2YS4zMTUuMzE1LDAsMCwwLS4zMzMtLjMzM2gtMTN2LTRIMTcuNjY2QTEuNjUxLDEuNjUxLDAsMCwxLDE5LjMzMyw4djcuMzMzWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMC4yNSAwLjI1KSIvPjwvc3ZnPg==);
                                              background-repeat: no-repeat; background-position: center; height: 30px; width: 25px;float: left;background-size: contain;}
.prepareStateGray                            {background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMC4xMTQiIHZpZXdCb3g9IjAgMCAyMCAyMC4xMTQiPjxkZWZzPjxzdHlsZT4uYSwuY3tmaWxsOm5vbmU7fS5he3N0cm9rZTojYTdhN2E3O3N0cm9rZS13aWR0aDoxLjhweDt9LmJ7c3Ryb2tlOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuMjg4IDAuMTcxKSI+PGcgY2xhc3M9ImEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjI4OCAtMC4xNzEpIj48cmVjdCBjbGFzcz0iYiIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIi8+PHJlY3QgY2xhc3M9ImMiIHg9IjAuOSIgeT0iMC45IiB3aWR0aD0iMTguMiIgaGVpZ2h0PSIxOC4yIi8+PC9nPjxsaW5lIGNsYXNzPSJhIiB4MT0iMTguMjUzIiB5Mj0iMTguMjUzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjM1MSAxLjA1MykiLz48L2c+PC9zdmc+);
                                              background-repeat: no-repeat;background-position: center; height: 30px; width: 25px; float: left;background-size: contain;}
#infosIcon                                   {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAMAAABhEH5lAAAASFBMVEUAAABFVWVIWGhHWGdGWGZHWGdGWGZGV2ZGV2dGV2ZGV2ZHWGd6hpGOmKKqsbi0u8G+xMnO09fV2dzc3+Lj5ejo6+z6+vv///+VNM0YAAAAC3RSTlMAMECfoL/Az9Dv8FMHzdcAAAB/SURBVHgBXY5BDoMwDATXxoSAKaUt4P//tCSxOWROo5FWWlR4mFSngRHQqM5IXmZ9mClK11LV9TjXtgVYKx+zXzOGNNmua28myNoxwcXM3q6RTrPdNYbbkzKkTxInvmaHn4irdvMqkgDQUoc35f5CiFaJAlCKkggBS1bNwij8AdZ7C+DkYO9cAAAAAElFTkSuQmCC);
                                              width: 18px;float: left;background-position: center;height: 18px;}
.processBarConcainer                         {width: 150px; background-color: #ece7e7;  border-radius: 5px;}
.processBarProcess                           {height: 5px; margin: 10px 0px 8px 0px; border-radius: 5px;}
.popbox                                      {display: none; position: absolute; z-index: 99999; width: 100px; padding: 10px;  background: #EEEFEB; color: #000000;  border: 1px solid #4D4F53; margin: 0px;}
.infoPopup                                   {font: 600 13px/17px Segoe UI; width: 308px;}
#scrollContainer                             {min-height: 950px; height: auto;}
.driverStatusText {
    text-align: left;
    font: normal normal normal 13px/17px Segoe UI;
    letter-spacing: 0px;
    color: #A7A7A7;
    opacity: 1;
    padding: 0px 0px 10px 0px;
    float: left;
}
.driverDateText {
    text-align: left;
    margin: 25px 4px 0px 0px;
    text-align: left;
    font: normal normal normal 13px/17px Segoe UI;
    letter-spacing: 0px;
    color: #475867;
    opacity: 1;
}


.driverTimeIcon                              {background-image: url(Images/clock_icon.svg);height: 16px;width: 16px;background-position: center;background-repeat: no-repeat;float: left;margin-right: 3px;background-size: contain;}
.driverLastPackage                           {float:right;padding:85px 4px 4px 0px;}
.tacholabel{
    text-align: left;
    font: normal normal normal 13px/17px Segoe UI;
    letter-spacing: 0px;
    color: #A7A7A7;
    opacity: 1;
    float: left;
}
.warningViolationIcon {
    padding: 0px 0px 5px 40px;
    font: normal normal normal 12px/6px Segoe UI;
    letter-spacing: 0px;
    color: white;
    opacity: 1;
    background-image: url(Images/warning_icon.svg);
    background-repeat: no-repeat;
    background-position: 18px 0px;
}

.warningViolation {
    height: 20px;
    margin: 35px 0px 0px 0px;
}

.driverRestDateText {text-align: right;font: normal normal bold 13px/17px Segoe UI;letter-spacing: 0px;color: #475867;opacity: 1;float: right;margin-bottom: 10px;}

.driveActivityIcon[type="0"] {
    height: 24px;
    width: 24px;
    background-image: url(Images/dinlenme_color_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    float: left;
}

.driveActivityIcon[type="1"] {
    height: 24px;
    width: 24px;
    background-image: url(Images/hazirlik_color_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

.driveActivityIcon[type="2"] {
    height: 24px;
    width: 24px;
    background-image: url(Images/calisma_color_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

.driveActivityIcon[type="3"] {
    height: 24px;
    width: 24px;
    background-image: url(Images/surus_color_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}

.driveActivityIcon[type="-1"] {
    height: 24px;
    width: 24px;
    background-image: url(Images/unknow.svg);
    background-repeat: no-repeat;
    background-position: center;
    float: left;
}


.cellDailyStatusText {
    float: left;
    padding: 2px 10px;
}

.weeklyRestText {
    text-align: left;
    font: normal normal normal 13px/17px Segoe UI;
    letter-spacing: 0px;
    color: #A7A7A7;
    opacity: 1;
    padding: 3px 6px 1px 0px;
}

.weeklyRestDate {
    text-align: right;
    letter-spacing: 0;
    color: #475867;
    opacity: 1;
    padding: 5px 0px 0px 0px;
    font: normal normal bold 13px/17px Segoe UI;
}

.dailyRestDate {
    text-align: right;
    letter-spacing: 0;
    color: #475867;
    opacity: 1;
    padding: 5px 0px 0px 0px;
    font: normal normal bold 13px/17px Segoe UI;
}

.dailyStartDate {
    text-align: right;
    letter-spacing: 0;
    color: #475867;
    opacity: 1;
    padding: 5px 0px 0px 0px;
    font: normal normal bold 13px/17px Segoe UI;
}

.tacoDeviceInfoPanel {
    margin-top: 8px;
}


.tacoDeviceInfoTitle {
    height: 100%;
    float: left;
    font-weight: bold;
    font-size: 13px;
    color: #465867;
    cursor: pointer;
}

.tacoDeviceInfoArrow {
    float: right;
    width: 29px;
    height: 29px;
    background: url(Images/arrow.png) center center no-repeat;
    -webkit-transition: -webkit-transform .5s linear;
}

.tacoDeviceInfoExpander[expanded="false"] > .tacoDeviceInfoArrow {
    -webkit-animation: spinUp 0.5s linear;
    -moz-animation: spinUp 0.5s linear;
    animation: spinUp 0.5s linear;
}

.tacoDeviceInfoExpander[expanded="true"] > .tacoDeviceInfoArrow {
    -webkit-animation: spinDown 0.5s linear;
    -moz-animation: spinDown 0.5s linear;
    animation: spinDown 0.5s linear;
}

.tacoDeviceInfoExpanderInfo {
    float: left;
    width: 100%;
    height: 24px;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    transition: height 0.5s;
}

.applicationFeedbackFooterPanel {
    float: left;
}

.tacoDeviceInfoExpander {
    padding: 8px 6px 5px 10px;
    justify-content: space-between;
    display: flex;
    border-bottom: 1px solid #dddddd;
    -moz-box-sizing: border-box;
    background-color: #F6F6F6;
    margin: 8px 0px 0px 0px;
}

.Driver2GridContainer .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    /* border-top: 1px solid #ddd; */
}

.DriverGridContainer .dx-datagrid-borders .dx-datagrid-rowsview, .dx-datagrid-headers + .dx-datagrid-rowsview {
    /* border-top: 1px solid #ddd; */
}
.TachoDeviceInfoGridContainer .lineDriver {
    width: 100%;
    height: 0px;
    border-bottom: 1px solid #0000001A;
    position: absolute;
}
.TachoDeviceInfoGridContainer .line2 {
    width: 100%;
    height: 5px;
    border-bottom: 1px solid #0000001A;
    position: absolute;
}
.TachoDeviceInfoGridContainer .titleDriver2 {
    text-align: left;
    font: normal normal bold 14px/19px Segoe UI;
    letter-spacing: 0px;
    color: #525252;
    opacity: 1;
}

.TachoDeviceInfoGridContainer .driverLastPackageDriver2 {
    float: right;
    padding: 76px 4px 2px 0px;
}

.violationDriver1 .dx-datagrid-toolbar-button.dx-datagrid-export-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon, 
.violationDriver2 .dx-datagrid-toolbar-button.dx-datagrid-export-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon,
.gridDriver1 .dx-datagrid-toolbar-button.dx-datagrid-export-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon, .gridDriver2 .dx-datagrid-toolbar-button.dx-datagrid-export-button.dx-button.dx-button-normal.dx-button-mode-contained.dx-widget.dx-button-has-icon {
    background: url(../../../themes/images/xlsx.png) no-repeat center;
}

.violationDriver1 .dx-datagrid-export-button .dx-icon-export-excel-button:before,
.violationDriver2 .dx-datagrid-export-button .dx-icon-export-excel-button:before, .gridDriver1 .dx-datagrid-export-button .dx-icon-export-excel-button:before, .gridDriver2 .dx-datagrid-export-button .dx-icon-export-excel-button:before {
    content: "" !important;
}
.driverRightsCount {
    float: right;
    padding: 79px 4px 2px 0px;
}

.TachoDeviceInfoGridContainer .lineViolation {
    width: 100%;
    height: 49px;
    border-bottom: 1px solid #8377771a;
    position: absolute;
    background: #E28B34;
    margin: 0px 0px 0px -13px;
    -webkit-mask-composite: xor;
    border-radius: 5px 5px 0px 0px;
    padding: 6px 0px 0px 0px;
    cursor : pointer;
}

.violationRightIcon {
    float: right;
    padding: 0px 0px 12px 0px;
    background-image: url(Images/chevron-right.svg);
    height: 12px;
    width: 12px;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 6px;
    cursor:pointer;
}

.violationStatus-1 .dx-overlay-content.dx-popup-normal.dx-resizable, .violationStatus-2 .dx-overlay-content.dx-popup-normal.dx-resizable {
    height: calc(100% - 133px) !important;
    transform: translate(495px, 85px) !important;
    left: 21px !important;
}

.dailyStatus-1 .dx-overlay-content.dx-popup-normal.dx-resizable, .dailyStatus-2 .dx-overlay-content.dx-popup-normal.dx-resizable {
    height: calc(100% - 133px) !important;
    transform: translate(495px, 85px) !important;
    left: 21px !important;
}

.violationStatus-1 .dx-popover-wrapper.dx-position-left .dx-popover-arrow, .dx-popover-wrapper.dx-position-right .dx-popover-arrow, .violationStatus-2 .dx-popover-wrapper.dx-position-left .dx-popover-arrow, .dx-popover-wrapper.dx-position-right .dx-popover-arrow {
    width: 0px !important;
}
.timeRightShortenedIcon {
    font: 13px/17px Segoe UI;
    letter-spacing: -0.26px;
    color: #A7A7A7;
    opacity: 1;
    text-align: right;
}
.timeRightExtendedIcon {
    font: 13px/17px Segoe UI;
    letter-spacing: -0.26px;
    color: #A7A7A7;
    opacity: 1;
    text-align: right;
    padding: 1px;
    margin: 0px 17px;
}
.dotBlue {
    height: 14px;
    width: 14px;
    background-color: #55BBD3;
    border-radius: 50%;
    display: inline-block;
    margin: 1px 1px -3px 3px;
}
.dotGray {
    height: 14px;
    width: 14px;
    background-color: #ACACAC;
    border-radius: 50%;
    display: inline-block;
    margin: 1px 1px -3px 3px;
}

.driver2StatusText {
    text-align: left;
    font: normal normal normal 13px/17px Segoe UI;
    letter-spacing: 0px;
    color: #A7A7A7;
    opacity: 1;
    padding: 15px 0px 4px 0px;
    float: left;
}
.leftDetail {
    width: 45%;
    float: left;
    height: 100%;
    padding: 0px 0px 0px 5px;
}
.rightDetail {
    width: 45%;
    float: right;
    height: 100%;
    padding: 0px 5px 0px 0px;
}
.detailTitleIcon {
    background-image: url(Images/surus_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    width: 25px;
    float: left;
    background-size: contain;
}
.detailTitleIcon2 {
    background-image: url(Images/dinlenme_icon.svg);
    background-repeat: no-repeat;
    background-position: center;
    height: 30px;
    width: 25px;
    float: left;
    background-size: contain;
}
.detailTitleText  {
    text-align: left;
    font: Bold 14px Segoe UI;
    letter-spacing: 0;
    color: #475867;
    opacity: 1;
    margin: 20px 3px 4px 30px;
    height: 40px;
    /*padding-top: 5px;*/
}

.leftDetail .info, .rightDetail .info {
    padding: 3px 6px 1px 0px;
    text-align: left;
    font: normal normal normal 12px/16px Segoe UI;
    letter-spacing: 0px;
    color: #A7A7A7;
    opacity: 1;
    height: 35px;
    overflow-y:auto;
}

.dateInfo {
    text-align: right;
    font: normal normal normal 12px/16px Segoe UI;
    letter-spacing: -0.24px;
    color: #A7A7A7;
    opacity: 1;
  
}
.processBarContainer {
    background: #CFCFCF 0% 0% no-repeat padding-box;
    border-radius: 10px;
    opacity: 1;
}
.DetailSeperator {
    border-bottom: 1px solid #DDDDDD;
    opacity: 1;
    width: 100%;
    float: left;
    margin-top: 5px;
}
.infoBottomText {
    text-align: left;
    font: normal normal normal 12px/14px Segoe UI;
    letter-spacing: 0px;
    color: #A7A7A7;
    margin-top: 5px;
}
.firstDetail .separator, .secondDetail .separator {
    border-left: 1px solid #DDDDDD;
    opacity: 1;
    float: left;
    margin-top: 20px;
    margin-left: 16px;
    margin-right: 15px;
    height: 120px;
}

    .firstDetail .separator[type="second"] {
        height: 150px;
    }
    /*.defaultCellHeader {
    white-space: normal !important;
    vertical-align: top;
    width: 100%;
  
}*/
    .fleetGrid .dx-datagrid-text-content {
        white-space: normal !important;
    }