.RegionHistoryContainer                     { left: 0; top: 0; width: 850px; height: 490px; position: relative; }
.RegionHistoryContainerWrapper              { left: 0; top: 0; width: 100%; height: 100%; position: absolute; }

.RegionHistoryToolbarContainer              { float: left; width: 100%;  height: auto;  }
.RegionHistoryToolbar {
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 5px;
    margin-bottom: -5px;
}
.RegionHistoryAreaRadius {
    float: left;
    margin-left: 5px;
    width: 240px;
    height: 100%;
    text-align: left;
    font: normal normal 600 14px/30px Segoe UI;
    letter-spacing: 0px;
    color: #3379B7;
    opacity: 1;
    background: url(radius.svg) no-repeat 5px 17px;
    background-position: left;
    padding-left: 25px;
    margin-top: 5px;
}
.RegionHistoryToolbarButton                 { float: right; margin-left: 5px !important; margin-right: 0 !important; border:none !important }
.RegionHistoryContextContainer              { float: left; width: 100%; height: calc(100% - 68px); height: -moz-calc(100% - 68px); height: -webkit-calc(100% - 68px); position:relative}

.RegionHistoryGridContainer {
    float: left;
    width: 100%;
    height: 100%;
    margin-top: 4px;
}

.RegionHistoryReportContainer {
    float: left;
    width: 100%;
    margin-top: 4px;
}
.RegionHistoryReportGrid                    { float: left; width: 100%; height: 210px;  }

.RegionHistoryReportBody {
    margin-top: 5px;
    float: left;
    width: 85%;
    height: 100%;
    padding-left: 55px;
    margin-bottom: 5px;
}
.RegionHistoryReportDate {
    float: left;
    position: relative;
    z-index: 999;
}
.RegionHistoryReportDate a{
display:block !important;
}
.RegionHistoryReportStartTime {
    float: left;
    position: relative;
    margin-left: 8px;
    margin-top: 20px;
}
.RegionHistoryReportEndTime {
    float: left;
    position: relative;
    margin-left: 8px;
    margin-top: 20px;
}

.RegionHistoryGridContainer > .dx-data-row  { cursor : pointer;}
.RegionHistoryHeader {
    border-bottom: 1px solid #DCDCDC;
    height: auto;
    float: left;
    width: 100%;
}
.RegionHistoryHeaderTitle {
    text-align: left;
    font: normal normal normal 20px/27px Segoe UI;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    float:left;
}
.RegionHistoryToolbarButton[tooltype="close"] {
    border: none !important;
    margin-top: -3px !important;
}
.RegionHistoryToolbarButton[tooltype="excel"] .dx-icon {
    width: 25px !important;
    height: 25px !important;
}

.RegionHistoryReportStartDateContainer{
    width:50%;
    float:left;
}

.RegionHistoryReportEndDateContainer {
    width: 50%;
    float: left;
}

.RegionHistoryReportDateTimeContainer {
    float: right;
    width: 285px;
}

.RegionHistoryReportStartDateTimeContainer {
    float: left;
    width: 285px;
}

.RegionHistoryReportDateTimeTitle {
    text-align: left;
    font: normal normal 600 14px/50px Segoe UI;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    float: left;
    margin-top: 15px;
}

.RegionHistoryReportHeader {
    text-align: left;
    font: normal normal normal 14px/19px Segoe UI;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    background: url(info.svg) no-repeat 5px 17px;
    height: 20px;
    background-position: inherit;
    padding-left: 25px;
    margin-top: 5px;
    margin-bottom: 5px;
}
.RegionHistoryReportStartDateInfo, .RegionHistoryReportEndDateInfo {
    text-align: center;
    font: normal normal 600 16px/16px Segoe UI;
    letter-spacing: 0px;
    color: #3379B7;
    opacity: 1;
    margin-bottom: 5px;
}
.RegionHistoryReportBackButton {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    opacity: 1;
    width: 140px;
    float: left
}

.RegionHistoryReportRunButton {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    opacity: 1;
    width: 140px;
    float: right
}
.RegionHistoryReportGridContainer {
    float: left;
    width: 100%;
    height: 82%;
    margin-top: 4px;
    border-bottom: 2px solid #DCDCDC;
}
.RegionHistoryReportGridBody {
    margin-top: 5px;
    margin-bottom: 20px;
    border-bottom: 2px solid #DCDCDC;
    float: left;
    width: 100%;
    height: 100%;
}
.RegionHistoryReportGridBottom{
    float: left;
    width: 100%;
    height: 40px;
}

.RegionHistoryReportGridBackButton {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #DDDDDD;
    border-radius: 3px;
    opacity: 1;
    width: 140px;
    float: left
}

.RegionHistoryReportGridCounterField {
    float: right;
    margin: 0 45px;
}

.RegionHistoryGridPercentBox {
    float: right;
    width: 150px;
    height: 20px;
    position: relative;
}

.RegionHistoryGridPercentBox .totalPercent {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ddd;
    z-index: 5;
    margin-left: -25%;
}

.RegionHistoryGridPercentBox .countPercent {
    position: absolute;
    height: 100%;
    background-color: #337ab7;
    z-index: 6;
    margin-left: -25%;
}

.RegionHistoryGridPercentBox .stopButton {
        position: relative;
        float: right;
        width: 32px;
        height: 32px;
        z-index: 6;
        margin-top: -4%;
        background: url("Stop.png") no-repeat center;
    }



.RegionHistoryReportGridDateDetail {
    text-align: left;
    font: normal normal 600 14px/30px Segoe UI;
    letter-spacing: 0px;
    color: #3379B7;
    opacity: 1;
    float: right;
    margin-top: 5px;
}
.RegionHistoryReportBottom {
    border-top: 2px solid #DCDCDC;
    width: 100%;
    float: left;
    padding-top: 10px;
}
.RegionHistoryReportEndTimeDiv{
    float:right;
}

.regionHistoryGoogleApiInfoWindow .gm-style-iw-d {
    overflow: hidden !important;
}

.regionHistoryGoogleApiInfoWindow .gm-style-iw-c {
    padding: 0 !important;
    width: 870px !important;
    height: 510px !important;
    max-width: 870px !important;
    max-height: 510px !important;
    padding-top: 10px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 0px !important;
}

    .regionHistoryGoogleApiInfoWindow .gm-style-iw-c button {
        display: none !important
    }

.regionHistoryMasterDetailContainer, .regionHistoryMasterDetailContainer .dx-master-detail-cell {
    padding: 0 !important;
    padding-left: 30px !important;
}

/*    .regionHistoryMasterDetailContainer .dx-widget {
        max-width: 660px !important;
    }*/

.RegionHistoryDetailTable {
    width: 100%;
}
.RegionHistoryDetailTableIndex {
    max-width: 40px;
    min-width: 40px;
}

.RegionHistoryDetailTableNode {
    max-width: 80px;
    min-width:80px;
}

.RegionHistoryDetailTableAdress {
    max-width: 100px;
    padding: 7px;
    overflow: hidden;
    padding-left: 2px;
}

.RegionHistoryDetailTableEnterTime {
    max-width: 100px;
}

.RegionHistoryDetailTableExitTime {
    max-width: 100px;
}

.RegionHistoryDetailTableDuration {
    max-width: 100px;
}
.regionHistoryLicensePlate {
    text-align: left;
    font: normal normal 600 14px/12px Segoe UI;
    letter-spacing: 0px;
    color: #333333;
    opacity: 1;
    margin-left: 10px;
}