input[type="radio"].k-checkbox,
input[type="checkbox"].k-checkbox {
    display: block!important;
}

/* Bing8 map start */
.MicrosoftMap {
    overflow: hidden;
}

.MicrosoftNav{
    position: absolute;
    bottom: 29px;
}
.MicrosoftMap_NavBar_typeMenu{
    top: auto !important;
    bottom: 0 !important;
    left: 190px !important;
}

#wlsmap {
    height: 100%;
}

#InfoboxCustom  {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.MicrosoftMap .Infobox {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: default;
}

.MicrosoftMap .NavBar_Container.horizontal {
    width:auto;
    max-width: 220px;
    top: auto !important;
    left: 0 !important;
    bottom: 1px !important;
    z-index: 10 !important;
}

.MicrosoftMap .Infobox .trafficheader, .MicrosoftMap .Infobox .trafficlabel {
    float: left;
}

.MicrosoftMap .Infobox2 .trafficheader, .MicrosoftMap .Infobox2 .trafficlabel {
    color: #fff;
    float: left;
}

.MicrosoftMap .Infobox .trafficdata, .MicrosoftMap .Infobox .traffictimedata {
    margin-bottom: 6px;
}

.MicrosoftMap .Infobox2 .trafficdata, .MicrosoftMap .Infobox2 .traffictimedata {
    color: #bbb;
    margin-bottom: 6px;
}

.MicrosoftMap .Infobox .traffictimedata, .MicrosoftMap .Infobox2 .traffictimedata {
    margin-left: 95px;
}

.MicrosoftMap.dark .Infobox2 .trafficheader, .MicrosoftMap.dark .Infobox2 .trafficlabel {
    color: #000;
}

.MicrosoftMap.dark .Infobox2 data, .MicrosoftMap.dark .Infobox2 .traffictimedata {
    color: #000;
    margin-bottom: 6px;
}

.MicrosoftMap .TrafficLegend {
    display: none;
    color: #444;
    filter: alpha(opacity=85);
    float: right;
    opacity: .85;
    overflow: auto;
    zoom: 1;
    bottom: 16px !important;
    position: absolute;
    right: 10.1%;
}

.MicrosoftMap .TrafficLegend .tlLegend, .MicrosoftMap .TrafficLegend .tlMessage {
    float: left;
    padding: 3px 0 3px 10px;
}

.MicrosoftMap .TrafficLegend .tlLegend {
    max-width: 100px;
}

.MicrosoftMap .TrafficLegend .tlMessage {
    line-height: 2em;
}

.MicrosoftMap .TrafficLegend .tlSlow {
    float: left;
    margin-right: .5em;
}

.MicrosoftMap .TrafficLegend .tlFast {
    float: right;
}

.MicrosoftMap .TrafficLegend .tlKey {
    display: block;
    clear: both;
    margin-left: auto;
    margin-right: auto;
}

.MicrosoftMap .NavBar_DropDown {
    left: 0 !important;
    top: auto !important;
    bottom: 1% !important;
    -webkit-transform-origin: bottom left !important;
    -moz-transform-origin: bottom left !important;
    -ms-transform-origin: bottom left !important;
}

.MicrosoftMap .NavBar_DropDown.opened {
    -webkit-transform-origin: bottom left !important;
    -moz-transform-origin: bottom left !important;
    -ms-transform-origin: bottom left !important;
}

/* navigation buttons*/
.MicrosoftMap .NavBar_Container.horizontal .NavBar_Button {
    margin-top: 6px !important;
}

/* bottom-left Bing logo*/
.bottomLeftOverlay {
    right: 239px !important;
    left: auto !important;
    bottom: 0 !important;
}

.MicrosoftMap .bm_LogoContainer.quadrantOverride {
    position: absolute !important;
}

/* Bing8 map end */

/* Bing7 map start */
.MicrosoftMap .OverlaysBL {
    left: auto !important;
    right: 147px;
    bottom: -6px !important;
}
/* Bing7 map end */

.dd-wrapper .ico-select-channels-open,
.dd-wrapper .ico-select-channels-closed {
    background: url("/img/html/tracking.europeanvehicletracking.com/video_sprite.png") no-repeat;
}
/* REACT STYLES */
.alert--popup {
    position: absolute;
    top: 0;
    left: calc(50% - 170px);
    z-index: 9999;
    width: 340px;
    min-height: 50px;
    max-height: 70px;
    background: #282828;
    border-radius: 2px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
    transition: opacity .5s, top .7s
}

.alert--popup__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    background: 0 0;
    padding: 5px 5px 5px 8px;
    border: none
}

.alert--popup__header .close-btn {
    border: 0;
    padding: 0;
    margin-left: auto;
    background-color: transparent
}

.alert--popup__header .close-btn i {
    display: block;
    width: 8px;
    height: 8px;
    background-position: -57px -335px
}

.alert--popup__header .close-btn:hover {
    background-color: transparent
}

.alert--popup__header .close-btn:hover i {
    background-position: -73px -350px
}

.alert--popup .alert--popup__actions {
    padding: 0 10px;
    line-height: 36px
}

.alert--popup .alert--popup__actions .alert--btn {
    position: relative;
    float: right;
    color: #fff;
    text-transform: uppercase;
    cursor: pointer
}

.alert--popup .alert--popup__actions .alert--btn.cancel {
    margin-right: 20px
}

.alert--popup .alert--popup__actions .alert--btn:hover {
    color: #03a4e4
}

.alert--popup__content {
    color: #a1a1a1;
    font-size: 11px;
    letter-spacing: -.2px;
    padding: 4px 5px 0 15px
}

.alert--popup__content i {
    width: 13px;
    height: 11px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: bottom
}

.alert--popup__content.success i {
    background-position: -96px -387px
}

.alert--popup__content.dialog i {
    background-position: -77px -404px
}

.alert--popup__content.error i {
    background-position: -95px -404px
}

.report-header {
    padding: 10px 9px;
    color: #fff;
    background-color: #2e70aa;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .5)
}

input:-webkit-autofill,
input:-webkit-autofill:focus {
    transition: background-color 600000s 0s, color 600000s 0s;
}

.report-header__form {
    padding: 3px 9px;
    color: #222;
    background-color: #dadcdd;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, .4)
}

.report-header__form .additional-info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto
}

.time-sheet-report {
    width: 960px;
    font-size: 12px;
    min-height: 320px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
    z-index: 1
}

.time-sheet-report .form-actions {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.time-sheet-report .form-actions .dd-wrapper {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-left: 10px;
    background: 0 0
}

.time-sheet-report .time-sheet__btn {
    margin-left: 7px
}

.time-sheet-report .time-sheet-table {
    background-color: #fff
}

.time-sheet-report .time-sheet-table__content {
    padding: 15px 0 5px 8px
}

.time-sheet-report .time-sheet-table table {
    width: 100%;
    border-top: 1px solid #939393;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed
}

.time-sheet-report .time-sheet-table table tbody tr.table-active {
    background: rgba(0, 0, 0, .1)
}

.time-sheet-report .time-sheet-table table tbody tr:hover {
    background-color: hsla(0, 0%, 4%, .3);

}

.time-sheet-report .time-sheet-table table tbody tr:nth-child(odd) {
    background: #f6f7f7
}

.time-sheet-report .time-sheet-table table th {
    position: relative;
    color: #000;
    background: #6e6e6e;
    border-right: 1px solid #9b9999;
    padding: 8px 0 8px 11px;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    background: #e2e3e4;
    background: linear-gradient(180deg, #e2e3e4 0, #cbcbcb)
}

.time-sheet-report .time-sheet-table table th:nth-child(8) {
    border-right: 0
}

.time-sheet-report .time-sheet-table table td {
    padding: 7px 5px 8px 11px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-right: 1px solid #9b9999;
    color: #242424;
    font-size: 12px
}

.time-sheet-report .time-sheet-table table td:nth-child(8) {
    border-right: 0
}

.time-sheet-report .time-sheet-table .d-flex:nth-child(3) table tr:hover {
    background-color: transparent
}

.time-sheet-report .time-sheet-table .d-flex:nth-child(3) table tr td:nth-child(6) {
    border-right: 0
}

.time-sheet-report .time-sheet-table .d-flex:nth-child(3) table tr:last-child td {
    border-bottom: 1px solid #939393
}

.time-sheet-report .time-sheet-table .d-flex:nth-child(3) table tr:last-child td:first-child {
    border-bottom: 0
}

.scheduled-reports {
    width: 900px;
    height: auto;
    left: 0;
    font-size: 12px;
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .4);
    z-index: 100;
}

.scheduled-reports .report-header__form {
    padding: 4px 9px;
    background-color: #fff
}

.scheduled-reports .actions-row {
    border-top: 1px solid #555;
    box-shadow: none
}

.scheduled-reports .recipients {
    position: relative;
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #333
}

.scheduled-reports .recipients label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    margin: auto 0 auto 10px
}

.scheduled-reports .recipients label span {
    margin-right: 5px
}

.scheduled-reports .scheduled-content {
    min-height: 230px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.scheduled-reports .scheduled-content .sc__journey {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%
}

.scheduled-reports .scheduled-content .sc__journey .box__height .box {
    border: 0;
    padding: 0
}

.scheduled-reports .scheduled-content .sc__journey .box__height .box div {
    margin-left: 0
}

.scheduled-reports .scheduled-content .sc__journey .box__height .box .input-row {
    margin-top: -4px;
    margin-left: 5px
}

.scheduled-reports .scheduled-content .sc__journey .box__height .box .dd-wrapper {
    width: 200px
}

.scheduled-reports .scheduled-content .sc__journey .box__height .w-count {
    margin-bottom: 0;
    margin-top: 7px
}

.scheduled-reports .scheduled-content .sc__journey .box__height .w-count.sr-idling .input-row {
    margin-top: -4px
}

.scheduled-reports .scheduled-content .sc__journey .box__height .w-count.sr-speeding .input-row {
    margin-top: -4px;
    margin-left: 0
}

.scheduled-reports .scheduled-content .sc__journey .box__height .w-count.sr-speeding .dd-wrapper {
    width: 40px;
    margin: -4px 8px 0 10px;
    padding-top: 4px;
    padding-bottom: 2px
}

.scheduled-reports .scheduled-content .sc__journey .box__height .w-count.sr-tos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.scheduled-reports .scheduled-content .sc__journey .box__height .w-count:last-child {
    padding-bottom: 5px
}

.scheduled-reports .scheduled-content .sc__journey .box__height.w-check {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.scheduled-reports .scheduled-content .sc__journey .box__height.veh-tree {
    height: 225px;
    overflow: hidden
}

.scheduled-reports .scheduled-content .sc__journey .box__height.veh-tree .rcs-custom-scroll .rcs-custom-scrollbar {
    left: 3px
}

.scheduled-reports .scheduled-content .sc__journey .box__height.veh-tree label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    margin: auto 0 auto 10px
}

.popup.user-manager-tree .box__height.veh-tree .tree__sub,
.scheduled-reports .scheduled-content .sc__journey .box__height.veh-tree .tree__sub {
    margin: 5px 0
}

.popup.user-manager-tree .box__height.veh-tree .tree__sub.veh,
.scheduled-reports .scheduled-content .sc__journey .box__height.veh-tree .tree__sub.veh {
    margin-left: 34px
}

.popup.user-manager-tree .box__height.veh-tree .tree__sub .tree__sub,
.scheduled-reports .scheduled-content .sc__journey .box__height.veh-tree .tree__sub .tree__sub {
    margin: 5px 0 5px 20px
}

.popup.user-manager-tree .box__height.veh-tree .tree__sub .tree__sub.veh,
.scheduled-reports .scheduled-content .sc__journey .box__height.veh-tree .tree__sub .tree__sub.veh {
    margin-left: 34px
}

.popup.user-manager-tree .box__height.veh-tree .tree__sub .tree__sub-sub,
.scheduled-reports .scheduled-content .sc__journey .box__height.veh-tree .tree__sub .tree__sub-sub {
    margin: 5px 0 5px 20px
}

.popup.user-manager-tree .box__height.veh-tree .tree__sub .tree__sub-sub.veh,
.scheduled-reports .scheduled-content .sc__journey .box__height.veh-tree .tree__sub .tree__sub-sub.veh {
    margin-left: 34px
}

.popup.user-manager-tree .box__height.veh-tree .checkbox,
.scheduled-reports .scheduled-content .sc__journey .box__height.veh-tree .checkbox {
    margin-right: 5px
}

.scheduled-reports .scheduled-content .box {
    border-right: 1px solid #555;
    border-bottom: 1px solid #555
}

.scheduled-reports .scheduled-content .box .box__row {
    margin-right: 0
}

.scheduled-reports .scheduled-content .box .box__row:first-child {
    margin-top: 5px
}

.scheduled-reports .scheduled-content .box .box__row.w-check, .scheduled-reports .scheduled-content .box .box__row.w-radio {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.scheduled-reports .scheduled-content .box .box__row.w-radio {
    margin-top: 10px
}

.scheduled-reports .scheduled-content .box .box__row.w-radio img {
    margin-right: 10px
}

.scheduled-reports .scheduled-content .box .box__row.w-radio .radio {
    margin: auto 7px auto 0
}

.scheduled-reports .scheduled-content .box:nth-child(2) {
    padding-left: 10px
}

.scheduled-reports .scheduled-content .box:nth-child(2) .dd-wrapper {
    margin-left: 14px
}

.scheduled-reports .scheduled-content .w-count {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px
}

.scheduled-reports .scheduled-content .w-count > span {
    margin: auto 0;
    width: 60px
}

.scheduled-reports .scheduled-content .w-count input {
    width: 30px;
    margin-left: 0
}

.scheduled-reports .scheduled-content .rec-pattern {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 5%;
    flex: 1 1 5%;
    border-right: 0;
    padding-left: 10px
}

.scheduled-reports .scheduled-content .rec-pattern .dd-wrapper {
    width: 100%;
    margin-left: 20px
}

.scheduled-reports .scheduled-content .ico-holder {
    padding-right: 3px;
    cursor: pointer;
    margin: auto 0
}

.scheduled-reports .scheduled-content .ico-holder .arrow-ico {
    display: inline-block;
    margin: 0 4px 2px 0;
    width: 7px;
    height: 8px;
    background-position: -140px -173px
}

.scheduled-reports .scheduled-content .is-o > label .ico-holder .arrow-ico {
    margin: 0 4px 0 0;
    background-position: -204px -205px
}

.scheduled-reports .scheduled-content .w-radio label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 20px;
    cursor: pointer
}

.scheduled-reports .scheduled-content .w-radio label:nth-child(2) {
    margin-right: 10px
}

.scheduled-reports .scheduled-content .weekdays-btn {
    cursor: pointer
}

.scheduled-reports .scheduled-content .weekdays-btn i {
    width: 9px;
    height: 10px;
    display: block;
    background-position: -243px -357px
}

.scheduled-reports .scheduled-content .weekdays-btn.active i {
    background-position: -230px -357px
}

.scheduled-reports .scheduled-content .weekdays-btn.disabled i {
    background-position: -256px -357px;
    cursor: not-allowed
}

.scheduled-reports .scheduled-content .sr-ooh,
.ooh-time-range .sr-ooh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 0;
    margin-bottom: 5px;
    margin-right: 13px
}

.scheduled-reports .scheduled-content .sr-ooh .ooh--day,
.ooh-time-range .sr-ooh .ooh--day {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid grey;
    border-right: none
}

.ooh-time-range .sr-ooh .ooh--day:last-child,
.scheduled-reports .scheduled-content .sr-ooh .ooh--day:last-child {
    border-right: 1px solid grey
}

.scheduled-reports .scheduled-content .sr-ooh .ooh--day > *,
.ooh-time-range .sr-ooh .ooh--day > * {
    padding: 5px
}

.scheduled-reports .scheduled-content .sr-ooh .ooh--day__header,
.ooh-time-range .sr-ooh .ooh--day__header {
    border-bottom: 1px solid grey;
    background-color: hsla(0, 0%, 4%, .2);
    text-transform: capitalize
}

.scheduled-reports .scheduled-content .sr-ooh .ooh--day .w-count,
.ooh-time-range .sr-ooh .ooh--day .w-count {
    margin-bottom: 0;
    margin-top: 0
}

.scheduled-reports .scheduled-content .sr-ooh .ooh--day .w-count > span,
.ooh-time-range .sr-ooh .ooh--day .w-count > span {
    width: 30px
}

.scheduled-reports .scheduled-content .sr-ooh .ooh--day .w-count .input-row,
.ooh-time-range .sr-ooh .ooh--day .w-count .input-row {
    margin: 0 0 0 1px
}

.scheduled-reports .scheduled-content .sr-ooh .ooh--day .w-count .input-row label,
.ooh-time-range .sr-ooh .ooh--day .w-count .input-row label {
    margin-right: 0
}

.scheduled-reports .scheduled-content .sr-ooh .ooh--day .w-count .input-row .input-holder.counter,
.ooh-time-range .sr-ooh .ooh--day .w-count .input-row .input-holder.counter {
    padding-right: 2px
}

.scheduled-reports .scheduled-content .no--pointer {
    pointer-events: none
}

.scheduled-reports .sr-weekly {
    position: absolute;
    top: 100px;
    left: 735px;
    width: 135px;
    padding: 8px 0 6px;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, .5);
    z-index: 1;
}

.scheduled-reports .sr-weekly label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: none;
    margin: 9px 0 4px 10px
}

.scheduled-reports .sr-weekly label .checkbox {
    margin-right: 6px
}

.scheduled-report-list {
    position: absolute;
    top: 35px;
    min-width: 320px;
    z-index: 101;
    background: #fff;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .4)
}

.scheduled-report-list .table {
    width: 1300px
}

.scheduled-report-list table {
    border-top: 1px solid #939393;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed
}

.scheduled-report-list table tbody tr.table-active {
    background: rgba(0, 0, 0, .1)
}

.scheduled-report-list table tbody tr:nth-child(odd) {
    background: #f6f7f7
}

.scheduled-report-list table tbody tr.active, .scheduled-report-list table tbody tr:hover {
    background-color: hsla(0, 0%, 4%, .3)
}

.scheduled-report-list table tbody tr.active .edit {
    background-position: -154px -353px
}

.scheduled-report-list table th {
    position: relative;
    color: #000;
    background: #6e6e6e;
    border-right: 1px solid #9b9999;
    padding: 8px 0 8px 11px;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    background: #e2e3e4;
    background: linear-gradient(180deg, #e2e3e4 0, #cbcbcb)
}

.scheduled-report-list table th:nth-child(12) {
    border-right: 0
}

.scheduled-report-list table td {
    padding: 7px 5px 8px 11px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-right: 1px solid #9b9999;
    color: #242424;
    font-size: 12px
}

.scheduled-report-list table td.text-center {
    text-align: center
}

.scheduled-report-list table td .delete, .scheduled-report-list table td .edit {
    cursor: pointer;
    display: inline-block
}

.scheduled-report-list table td .edit {
    width: 16px;
    height: 16px;
    background-position: -154px -319px
}

.scheduled-report-list table td .edit:hover {
    background-position: -154px -336px
}

.scheduled-report-list table td .delete {
    width: 15px;
    height: 17px;
    background-position: -211px -309px
}

.scheduled-report-list table td .delete:hover {
    background-position: -211px -328px
}

.scheduled-report-list table td:nth-child(12) {
    border-right: 0
}

.scheduled-report-list table .p-0 {
    display: none
}

.manage-recipients {
    position: absolute;
    top: 35px;
    min-width: 320px;
    z-index: 102;
    background: #fff;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .4)
}

.manage-recipients .table {
    width: 550px
}

.manage-recipients table {
    border-top: 1px solid #939393;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed
}

.manage-recipients table tbody tr.table-active {
    background: rgba(0, 0, 0, .1)
}

.manage-recipients table tbody tr:nth-child(odd) {
    background: #f6f7f7
}

.manage-recipients table tbody tr:hover {
    background-color: hsla(0, 0%, 4%, .3)
}

.manage-recipients table th {
    position: relative;
    color: #000;
    border-right: 1px solid #9b9999;
    padding: 8px 0 8px 11px;
    text-align: left;
    font-weight: 400;
    font-size: 12px;
    background: #e2e3e4;
    background: linear-gradient(180deg, #e2e3e4 0, #cbcbcb);
    border-bottom: 1px solid rgba(0, 0, 0, .4)
}

.manage-recipients table th:nth-child(6) {
    border-right: 0
}

.manage-recipients table td {
    padding: 7px 5px 8px 11px;
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-right: 1px solid #9b9999;
    color: #242424;
    font-size: 12px
}

.manage-recipients table td .delete, .manage-recipients table td .edit {
    cursor: pointer;
    display: inline-block
}

.manage-recipients table td .edit {
    width: 16px;
    height: 16px;
    background-position: -154px -319px
}

.manage-recipients table td .edit:hover {
    background-position: -154px -336px
}

.manage-recipients table td .delete {
    width: 15px;
    height: 17px;
    background-position: -211px -309px
}

.manage-recipients table td .delete:hover {
    background-position: -211px -328px
}

.manage-recipients table td:nth-child(6) {
    border-right: 0
}

.manage-recipients .recipients__tbody table {
    border-top: 0
}

.manage-recipients .p-0 {
    display: none
}

.manage-recipients .actions-row {
    border-top: 1px solid rgba(0, 0, 0, .5)
}

.add-recipients {
    position: absolute;
    top: 35px;
    width: 280px;
    z-index: 110;
    background: #fff;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, .4)
}

.add-recipients .input-row {
    margin: 7px 10px
}

.add-recipients .input-row span {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2;
    margin-right: 5px
}

.add-recipients .input-row > label {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.add-recipients .actions-row {
    box-shadow: none
}

.dd-wrapper {
    width: 140px;
    position: relative;
    background: #f3f3f4;
    background: linear-gradient(180deg, #f3f3f4 0, #e9e9e9);
    padding: 5px 5px 3px 4px;
    border: 1px solid #9b9999;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.dd-wrapper .dd-header {
    width: calc(100% - 15px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}

.dd-wrapper .dd-list {
    position: absolute;
    top: 23px;
    left: 0;
    z-index: 999;
    width: 100%;
    padding: 0;
    margin: 0;
    background: #fff;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .5)
}

.dd-wrapper .dd-list .dd-list-item {
    padding: 2px 3px;
    width: calc(100% - 6px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer
}
.dd-wrapper .dd-list .dd-list-item.disabled {
    opacity: 0.6;
    cursor: not-allowed;
}
.dd-wrapper .dd-list .dd-list-item:hover {
    background-color: #dadcdd
}

.dd-wrapper i {
    position: absolute;
    right: 7px;
    top: 4px;
    width: 9px;
    height: 6px;
    background-position: -302px -174px;
    margin-top: 5px
}

.dd-wrapper .ico-select-open {
    background-position: -302px -182px
}

.dd-wrapper .ico-select-closed {
    background-position: -302px -174px
}

.dd-wrapper .ico-select-channels-open {
    background-position: -2px -50px;
}
.dd-wrapper .ico-select-channels-closed {
    background-position: -12px -50px;
}
.tabs {
    list-style: none;
    overflow: hidden;
    color: #fff
}

.tabs, .tabs > li {
    position: relative
}

.tabs > li {
    float: left;
    border-right: 1px solid #255a88;
    padding: 10px 6px 10px 5px;
    background: #2e70aa;
    cursor: pointer
}

.tabs > li span {
    position: relative;
    z-index: 2
}

.tabs > li.active {
    color: #000
}

.tabs > li.active:after {
    bottom: -2px;
    background: #dadcdd;
    z-index: 1
}

.tabs:before, .tabs > li.active:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    content: ""
}

.tabs:before {
    bottom: 0;
    background: #2e70aa
}

body {
    font-family: Arial, sans-serif;
    overflow: hidden;
    font-size: 12px
}

body, fieldset, html, input, textarea, ul {
    margin: 0;
    padding: 0
}

input {
    border: none;
    outline: 0;
    background: 0 0
}

ul {
    list-style: none
}

.button {
    position: relative;
    padding: 4px 12px;
    color: #fff;
    background: #2e70aa;
    border: 1px solid #22547f;
    cursor: pointer
}

.report, .slide-button {
    position: absolute
}

.slide-button {
    top: 0;
    right: -32px;
    padding: 5px 8px 8px 12px;
    background: #2e70aa;
    z-index: -1;
    cursor: pointer
}

.slide-button .line {
    width: 1px;
    height: 20px;
    float: left;
    margin-right: 3px;
    background: #fff;
    opacity: .5
}

.actions-row {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.box {
    padding: 5px;
    -webkit-box-flex: 2;
    -ms-flex: 2 1;
    flex: 2 1;
    border-bottom: 1px solid #555
}

.box__row {
    margin: 10px 15px 0
}

.box__row span {
    margin: auto 0
}

.box__row:first-child {
    margin-left: 0
}

.box__row:first-child b {
    padding-right: 8px
}

.box .w-drop {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.box .w-drop .dd-wrapper {
    width: 200px;
    margin-left: 30px
}

.box .w-check label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    margin: auto 0
}

.box .w-check label span {
    margin-right: 5px
}

.box__height {
    padding: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    border-bottom: 1px solid #555
}

.box__height__row {
    margin: 10px 15px
}

.box__height__row span {
    margin: auto 0
}

.box__height__row:first-child {
    margin-left: 0
}

.box__height__row:first-child b {
    padding-right: 8px
}

.box__height:last-child {
    border-bottom: none
}

.box__height .w-drop {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.box__height .w-drop .dd-wrapper {
    width: 200px;
    margin-left: 30px
}

.box__height .w-check label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: none;
    margin: auto 0
}

.box__height .w-check label span {
    margin-right: 5px
}

.input-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 5px
}

.input-row span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto 0
}

.input-row label {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.input-row .input-holder {
    border: 1px solid #ddd;
    position: relative;
    webkit-box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 2px 0 rgba(0, 0, 0, .1);
    padding-left: 6px;
    cursor: text
}

.input-row .input-holder input {
    width: 100%;
    padding: 5px 0 4px;
    font-size: 11px
}

.input-row .input-holder.counter {
    display: block;
    padding-right: 15px
}

.input-row .input-holder.counter .arrow-holder {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.input-row .input-holder.counter .arrow-holder i {
    width: 6px;
    height: 4px;
    display: block
}

.input-row .input-holder.counter .arrow-holder .arrow-up {
    padding: 3px 4px 0;
    height: calc(50% - 3px);
    border-bottom: 1px solid #c6c6c6;
    cursor: pointer
}

.input-row .input-holder.counter .arrow-holder .arrow-up i {
    background-position: -111px -245px
}

.input-row .input-holder.counter .arrow-holder .arrow-down {
    padding: 3px 4px 0;
    height: calc(50% - 4px);
    cursor: pointer;
}

.input-row .input-holder.counter .arrow-holder .arrow-down i {
    background-position: -111px -250px
}

.input-row > label > span {
    margin-left: -2px
}

.popup-header {
    color: #fff;
    background: #2e70aa;
    padding: 4px 5px 4px 8px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.popup-header .header-title {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: auto 0
}

/*.popup-header .close-btn {*/
/*cursor: pointer;*/
/*background: #2e70aa;*/
/*padding: 5px;*/
/*float: right;*/
/*margin-left: 7px*/
/*}*/

/*.popup-header .close-btn:active i, .popup-header .close-btn:hover i {*/
/*background-position: -56px -320px*/
/*}*/

/*.popup-header .close-btn i {*/
/*width: 12px;*/
/*height: 12px;*/
/*display: block;*/
/*background-position: -56px -308px*/
/*}*/

.checkbox {
    display: block;
    background-position: -203px -219px;
    width: 15px;
    height: 15px;
    cursor: pointer
}

.checkbox p {
    margin-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
    width: 150px
}

input[type=checkbox] {
    display: none
}

.checkbox.checked {
    background-position: -203px -235px
}

.radio {
    width: 15px;
    height: 15px;
    background-position: -101px -308px
}

input[type=radio]:checked + .radio {
    background-position: -85px -322px
}

input[type=radio] {
    display: none
}

.rcs-custom-scroll {
    min-height: 0;
    min-width: 0
}

.rcs-custom-scroll .rcs-outer-container {
    overflow: hidden
}

.rcs-custom-scroll .rcs-outer-container .rcs-positioning {
    position: relative
}

.rcs-custom-scroll .rcs-outer-container:hover .rcs-custom-scrollbar {
    opacity: 1;
    transition-duration: .2s
}

.rcs-custom-scroll .rcs-inner-container {
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.rcs-custom-scroll .rcs-inner-container:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .2) 0, rgba(0, 0, 0, .05) 60%, transparent);
    pointer-events: none;
    transition: height .1s ease-in;
    will-change: height
}

.rcs-custom-scroll .rcs-inner-container.rcs-content-scrolled:after {
    height: 5px;
    transition: height .15s ease-out
}

.rcs-custom-scroll.rcs-scroll-handle-dragged .rcs-inner-container {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.rcs-custom-scroll .rcs-custom-scrollbar {
    position: absolute;
    height: 100%;
    width: 6px;
    right: 3px;
    opacity: 0;
    z-index: 1;
    transition: opacity .4s ease-out;
    padding: 6px 0;
    box-sizing: border-box;
    will-change: opacity;
    pointer-events: none
}

.rcs-custom-scroll .rcs-custom-scrollbar.rcs-custom-scrollbar-rtl {
    right: auto;
    left: 3px
}

.rcs-custom-scroll.rcs-scroll-handle-dragged .rcs-custom-scrollbar {
    opacity: 1
}

.rcs-custom-scroll .rcs-custom-scroll-handle {
    position: absolute;
    width: 100%;
    top: 0
}

.rcs-custom-scroll .rcs-inner-handle {
    height: calc(100% - 12px);
    margin-top: 6px;
    background-color: hsla(0, 0%, 4%, .3);
    border-radius: 3px
}

.scrollbar--view {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: scroll;
    /*margin-right: -15px !important;*/
    margin-bottom: -15px !important;
}

.thumb-vertical-left {
    top: 2px;
    bottom: 2px;
    left: 2px;
    border-radius: 3px;
    background: hsla(0, 0%, 100%, .111)
}

.react-draggable .popup-header .header-title {
    cursor: move
}

.dx-g-bs4-cursor-pointer {
    cursor: pointer
}

.dx-g-bs4-user-select-none {
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: "none"
}

.dx-g-bs4-inactive:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: .7;
    pointer-events: none;
    z-index: 400
}

.dx-g-bs4-overflow-hidden {
    overflow: hidden
}

.dx-g-bs4-column-chooser-item {
    font-size: medium
}

.dx-g-bs4-column-chooser-checkbox {
    margin-right: 10px
}

.dx-g-bs4-sorting-indicator {
    top: 0;
    font-size: 11px
}

span.dx-g-bs4-group-panel-item-icon {
    top: -2px;
    font-size: 11px;
    margin-left: -4px
}

.dx-g-bs4-group-panel-empty-message {
    padding: 11px 0
}

.dx-g-bs4-table-detail-toggle-cell-icon {
    font-size: 9px;
    top: 0
}

.dx-g-bs4-table-group-row-cell {
    font-size: 9px;
    top: 0;
    margin-right: 10px
}

.dx-g-bs4-table-cell {
    overflow: hidden;
    text-overflow: ellipsis
}

.dx-g-bs4-table {
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin: 0
}

.dx-g-bs4-table-sticky {
    position: -webkit-sticky;
    position: sticky;
    z-index: 500
}

.dx-g-bs4-table-head {
    top: 0
}

.dx-g-bs4-table-foot {
    bottom: 0
}

.dx-g-bs4-table-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.dx-g-bs4-grouping-control {
    width: 19px
}

.dx-g-bs4-grouping-control-icon {
    top: 0;
    font-size: 12px;
    padding: 5px
}

.dx-g-bs4-table-header-cell-wrapper {
    overflow: hidden;
    text-overflow: ellipsis;
    margin: -5px;
    padding: 5px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.dx-g-bs4-table-header-cell-left {
    margin-right: 14px
}

.dx-g-bs4-table-header-cell-right {
    margin-left: 14px
}

.table .dx-g-bs4-table-edit-cell {
    padding: 5px
}

button.dx-g-bs4-table-edit-command-cell {
    padding: 11px
}

.dx-g-bs4-toolbar {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 55px
}

.dx-g-bs4-paging-panel, .dx-g-bs4-toolbar {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.dx-g-bs4-toggle-button {
    cursor: pointer;
    display: inline-block;
    font-size: 9px;
    top: 0;
    margin-top: -.5rem;
    margin-bottom: -.5rem;
    box-sizing: content-box;
    min-width: 9px
}

.dx-g-bs4-toggle-button-hidden {
    opacity: 0;
    cursor: default
}

.dx-g-bs4-sorting-control-text, .dx-g-bs4-table-tree-content {
    overflow: hidden;
    text-overflow: ellipsis
}

.dx-g-bs4-resizing-control-wrapper {
    position: absolute;
    -ms-user-select: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    width: 16px;
    top: 0;
    right: -8px;
    height: 100%;
    cursor: col-resize;
    z-index: 100;
    opacity: 0
}

.dx-g-bs4-header-cell:nth-last-child(2) .dx-g-bs4-resizing-control-wrapper {
    right: 0;
    width: 8px
}

.dx-g-bs4-header-cell:hover .dx-g-bs4-resizing-control-wrapper, .dx-g-bs4-resizing-control-wrapper-active {
    opacity: 1
}

.dx-g-bs4-resize-control-line {
    opacity: 1;
    position: absolute;
    height: 50%;
    width: 1px;
    top: 25%;
    transition: all .1s linear
}

.dx-g-bs4-resize-control-line-first {
    left: 7px
}

.dx-g-bs4-resize-control-line-second {
    left: 9px
}

.dx-g-bs4-resize-control-line-active {
    left: 8px;
    height: calc(100% - 4px);
    top: 2px
}

.dx-g-bs4-banded-header-cell:last-child {
    border-right: 0 !important
}

.dx-g-bs4-banded-cell {
    border-bottom: none !important
}

.dx-g-bs4-banded-cell:last-child {
    border-right: none !important
}

.dx-g-bs4-filter-selector-item {
    font-size: medium
}

.dx-g-bs4-filter-selector-item:focus {
    outline: none
}

.dx-g-bs4-filter-selector-item-text {
    margin-left: 10px
}

.dx-g-bs4-filter-selector-icon {
    width: 16px;
    height: 16px;
    fill: currentColor
}

.dx-g-bs4-fixed-cell {
    z-index: 300
}

.dx-g-bs4-table-summary-item {
    font-weight: 700
}

.dx-g-bs4-table-invisible-row {
    visibility: hidden
}

.dx-rg-bs4-table-header-title {
    overflow: hidden;
    text-overflow: ellipsis
}

.dx-g-bs4-sort-indicator-invisible {
    opacity: 0
}

.dx-g-bs4-fixed-block {
    width: 100%;
    text-align: center;
}

/* REACT STYLES*/


/* Misc visuals
----------------------------------*/

/* Overlays */
/*.ui-widget-overlay {*/
/*position: fixed;*/
/*top: 0;*/
/*left: 0;*/
/*width: 100%;*/
/*height: 100%;*/
/*}*/
.ui-resizable {
    position: relative;
}
.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}
.ui-resizable-e {
    cursor: ew-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}
/* Remote Immobilisation (RI-1) */
#immobilise .immob-action {
    display: inline;
}

.info .immobilized {
    display: block;
}
.info.exp .immobilized {
    /*display: none;*/
}
.immobilized,
.immobilized .bg {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1;
    top: 0;
}
.immobilized img.warning {
    position: absolute;
    top: 27px;
    left: 50%;
    margin: -22px 0 0 -138px;
    z-index: 1;
}
/* Remote Immobilisation (RI-1) */

/* React date Picker start */

.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle:before,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle:before {
    border-top: none;
    border-bottom-color: #f0f0f0;
}
.react-datepicker-popper[data-placement^="bottom"] .react-datepicker__triangle:before {
    top: -1px;
    border-bottom-color: #aeaeae;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow:before {
    border-bottom: none;
    border-top-color: #fff;
}
.react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle:before,
.react-datepicker__month-read-view--down-arrow:before,
.react-datepicker__month-year-read-view--down-arrow:before,
.react-datepicker__year-read-view--down-arrow:before {
    bottom: -1px;
    border-top-color: #aeaeae;
}
.react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
}
.react-datepicker {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 0.8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    display: inline-block;
    position: relative;
}
.react-datepicker--time-only .react-datepicker__triangle {
    left: 35px;
}
.react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
    border-radius: 0.3rem;
}
.react-datepicker__triangle {
    position: absolute;
    left: 50px;
}
.react-datepicker-popper {
    z-index: 501;
}
.react-datepicker-popper[data-placement^="bottom"] {
    margin-top: 10px;
}
.react-datepicker-popper[data-placement="bottom-end"] .react-datepicker__triangle,
.react-datepicker-popper[data-placement="top-end"] .react-datepicker__triangle {
    left: auto;
    right: 50px;
}
.react-datepicker-popper[data-placement^="top"] {
    margin-bottom: 10px;
}
.react-datepicker-popper[data-placement^="right"] {
    margin-left: 8px;
}
.react-datepicker-popper[data-placement^="right"] .react-datepicker__triangle {
    left: auto;
    right: 42px;
}
.react-datepicker-popper[data-placement^="left"] {
    margin-right: 8px;
}
.react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
    left: 42px;
    right: auto;
}
.react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
    padding-top: 8px;
    position: relative;
}
.react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
}
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__year-dropdown-container--select {
    display: inline-block;
    margin: 0 2px;
}
.react-datepicker-time__header,
.react-datepicker-year-header,
.react-datepicker__current-month {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: 0.944rem;
}
.react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.react-datepicker__navigation {
    background: none;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: 0.45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
}
.react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc;
}
.react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}
.react-datepicker__navigation--previous--disabled,
.react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}
.react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
    right: 80px;
}
.react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}
.react-datepicker__navigation--next--disabled,
.react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}
.react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc;
}
.react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3;
}
.react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc;
}
.react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3;
}
.react-datepicker__month-container {
    float: left;
}
.react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
}
.react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption,
.react-datepicker__input-time-container .react-datepicker-time__input-container {
    display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
    width: 85px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type="time"] {
    -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block;
}
.react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px;
}
.react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -72px;
    top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + 0.85rem);
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
    color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent;
}
.react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}
.react-datepicker__day-names,
.react-datepicker__week {
    white-space: nowrap;
}
.react-datepicker__day,
.react-datepicker__day-name,
.react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
}
.react-datepicker__month--in-range,
.react-datepicker__month--in-selecting-range,
.react-datepicker__month--selected,
.react-datepicker__quarter--in-range,
.react-datepicker__quarter--in-selecting-range,
.react-datepicker__quarter--selected {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}
.react-datepicker__month--in-range:hover,
.react-datepicker__month--in-selecting-range:hover,
.react-datepicker__month--selected:hover,
.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter--in-selecting-range:hover,
.react-datepicker__quarter--selected:hover {
    background-color: #1d5d90;
}
.react-datepicker__month--disabled,
.react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none;
}
.react-datepicker__month--disabled:hover,
.react-datepicker__quarter--disabled:hover {
    cursor: default;
    background-color: transparent;
}
.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text {
    cursor: pointer;
}
.react-datepicker__day:hover,
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today {
    font-weight: 700;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff;
}
.react-datepicker__day--highlighted:hover,
.react-datepicker__month-text--highlighted:hover,
.react-datepicker__quarter-text--highlighted:hover {
    background-color: #32be3f;
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1 {
    color: #f0f;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2 {
    color: green;
}
.react-datepicker__day--in-range,
.react-datepicker__day--in-selecting-range,
.react-datepicker__day--selected,
.react-datepicker__month-text--in-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--selected,
.react-datepicker__quarter-text--in-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--selected {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
}
.react-datepicker__day--in-range:hover,
.react-datepicker__day--in-selecting-range:hover,
.react-datepicker__day--selected:hover,
.react-datepicker__month-text--in-range:hover,
.react-datepicker__month-text--in-selecting-range:hover,
.react-datepicker__month-text--selected:hover,
.react-datepicker__quarter-text--in-range:hover,
.react-datepicker__quarter-text--in-selecting-range:hover,
.react-datepicker__quarter-text--selected:hover {
    background-color: #1d5d90;
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff;
}
.react-datepicker__day--keyboard-selected:hover,
.react-datepicker__month-text--keyboard-selected:hover,
.react-datepicker__quarter-text--keyboard-selected:hover {
    background-color: #1d5d90;
}
.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range {
    background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range,
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range,
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range {
    background-color: #f0f0f0;
    color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled {
    cursor: default;
    color: #ccc;
}
.react-datepicker__day--disabled:hover,
.react-datepicker__month-text--disabled:hover,
.react-datepicker__quarter-text--disabled:hover {
    background-color: transparent;
}
.react-datepicker__month-text.react-datepicker__month--in-range:hover,
.react-datepicker__month-text.react-datepicker__month--selected:hover,
.react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__month-text.react-datepicker__quarter--selected:hover,
.react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__month--selected:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover,
.react-datepicker__quarter-text.react-datepicker__quarter--selected:hover {
    background-color: #216ba5;
}
.react-datepicker__month-text:hover,
.react-datepicker__quarter-text:hover {
    background-color: #f0f0f0;
}
.react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%;
}
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view,
.react-datepicker__year-read-view {
    border: 1px solid transparent;
    border-radius: 0.3rem;
}
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover,
.react-datepicker__year-read-view:hover {
    cursor: pointer;
}
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow {
    border-top-color: #b3b3b3;
}
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow,
.react-datepicker__year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem;
}
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown,
.react-datepicker__year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: 0.3rem;
    border: 1px solid #aeaeae;
}
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover,
.react-datepicker__year-dropdown:hover {
    cursor: pointer;
}
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable,
.react-datepicker__year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
}
.react-datepicker__month-option,
.react-datepicker__month-year-option,
.react-datepicker__year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type,
.react-datepicker__year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type,
.react-datepicker__year-option:last-of-type {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
}
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover,
.react-datepicker__year-option:hover {
    background-color: #ccc;
}
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3;
}
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3;
}
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected,
.react-datepicker__year-option--selected {
    position: absolute;
    left: 15px;
}
.react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}
.react-datepicker__close-icon:after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "\D7";
}
.react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left;
}
.react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
}
@media (max-height: 550px), (max-width: 400px) {
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__time-name {
        width: 2rem;
        line-height: 2rem;
    }
}
.react-datepicker__portal .react-datepicker-time__header,
.react-datepicker__portal .react-datepicker__current-month {
    font-size: 1.44rem;
}
.react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent;
}
.react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--previous--disabled,
.react-datepicker__portal .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
}
.react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc;
}
.react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
}
.react-datepicker__portal .react-datepicker__navigation--next--disabled,
.react-datepicker__portal .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
}
/* React date Picker end */

/* Slider */
/*.switch {*/
/*    position: relative;*/
/*    display: inline-block;*/
/*    width: 130px;*/
/*    height: 26px;*/
/*    float: left !important;*/
/*    margin-right: 0 !important;*/
/*}*/
/*.switch input.switch-input {*/
/*    opacity: 0;*/
/*    width: 0;*/
/*    height: 0;*/
/*}*/
/*.switch input.switch-input:checked + .switch-slider {*/
/*    background-color: #30527c;*/
/*    opacity: 1;*/
/*}*/
/*.switch input.switch-input:checked + .switch-slider div {*/
/*    padding-left: 15px;*/
/*    transition: 0.4s;*/
/*}*/
/*.switch input.switch-input:checked + .switch-slider div:before {*/
/*    content: "Notification ON";*/
/*}*/
/*.switch input.switch-input:focus + .switch-slider {*/
/*    box-shadow: 0 0 1px #30527c;*/
/*}*/
/*.switch input.switch-input:checked + .switch-slider:before {*/
/*    -ms-transform: translateX(104px);*/
/*    transform: translateX(104px);*/
/*}*/
/*.switch-slider {*/
/*    position: absolute;*/
/*    cursor: pointer;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background-color: #30527c;*/
/*    opacity: 0.7;*/
/*    transition: 0.4s;*/
/*}*/
/*.switch-slider:before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    height: 22px;*/
/*    width: 22px;*/
/*    left: 2px;*/
/*    bottom: 2px;*/
/*    border-radius: 2px;*/
/*    background-color: #03a4e4;*/
/*    transition: 0.4s;*/
/*}*/
/*.switch-slider div {*/
/*    padding: 5px 0 5px 30px;*/
/*    font-size: 12px;*/
/*    color: #fff;*/
/*    transition: 0.4s;*/
/*}*/
/*.switch-slider div:before {*/
/*    content: "Notification OFF";*/
/*}*/
.fleet-management-plus .range {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-left: 10px;
}
.fleet-management-plus .range > span {
    vertical-align: middle;
    padding-right: 10px;
    line-height: 24px;
}
.fleet-management-plus .range .date {
    position: relative;
    float: none;
    overflow: inherit;
}
.fleet-management-plus .range .date > input {
    background: #fff;
    width: 120px;
    padding: 6px 9px;
    height: 12px;
    font-size: 12px;
}

.er-table-fix >.d-flex tbody {
    display: none;
}

/* Permissions+ */
.popup.user-manager-tree .box__height.veh-tree .tree__sub label {
    float: none;
    display: flex;
}
.popup.user-manager-tree .box__height.veh-tree .tree__sub label .ico-holder {
    padding-right: 3px;
    margin: auto 0;
    z-index: 1;
}
.popup.user-manager-tree .box__height.veh-tree .tree__sub .arrow-ico {
    display: inline-block;
    margin: 0 4px 2px 0;
}
.popup.user-manager-tree .box__height.veh-tree .tree__sub .checkbox {
    margin-right: 5px;
}

#manage-users .report.fleet-management-plus table tr.active span.edit {
    background-position: -154px -353px;
}
/**
    Google Maps V3
**/
.gmnoprint.gm-bundled-control.gm-bundled-control-on-bottom {
    right: 40px !important;
    bottom: 155px !important;
}
/*
.gmnoprint.gm-style-mtc {
    left: 91%;
    top: 93%;
}
*/
.gmnoprint.gm-style-mtc ul {
    /*top: -275% !important;*/
}
.gm-style-cc {
    display: none;
}
.gmnoprint {
    z-index: 100;
}
.gm-ui-hover-effect {
    display: none !important;
}

.ssQIHO-checkbox-menu-item:hover,
#streetViewMapControl:hover,
#streetMapControl:hover,
#satteliteMapControl:hover,
.gmnoprint.gm-style-mtc button:hover {
    background-color: rgb(235,235,235) !important;
}
/**
    Google Maps V3
**/
/** Clustering Font */
@font-face {
    font-family: 'icomoon';
    src: url('../../fonts/icomoon.ttf'); /* IE9 Compat Modes */
    src:  url('../../fonts/icomoon.eot?u9ueww');
    src:  url('../../fonts/icomoon.eot?u9ueww#iefix') format('embedded-opentype'),
    url('../../fonts/icomoon.ttf?u9ueww') format('truetype'),
    url('../../fonts/icomoon.woff?u9ueww') format('woff'),
    url('../../fonts/icomoon.svg?u9ueww#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    font-size: 23px;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-cluster:before {
    content: "\e900";
}
.icon-trace:before {
    content: "\e901";
}

/** Clustering Font */



/** CLUSTERING THING **/
.map-tools ul.modern-map-tools {
    display: table;
    padding: 2px 2px 2px 2px;
}

.map-tools .modern-map-tools li {
    border: none;
    margin: 4px;
    padding-left: 2px;
    padding-right: 2px;
}

.map-tools .modern-map-tools .clustering-btn {
    display: inline-block;
    width: 23px;
    height: 24px;
    overflow: hidden;
    cursor: pointer;
}

.map-tools .modern-map-tools .trace-btn {
    display: inline-block;
    width: 23px;
    height: 24px;
    overflow: hidden;
    cursor: pointer;
}
/** CLUSTERING THING **/
/** SMS map tools **/

@font-face {
    font-family: 'fontello';
    src: url('../../fonts/fontello/font/fontello.eot?33787292');
    src: url('../../fonts/fontello/font/fontello.eot?33787292#iefix') format('embedded-opentype'),
    url('../../fonts/fontello/font/fontello.woff2?33787292') format('woff2'),
    url('../../fonts/fontello/font/fontello.woff?33787292') format('woff'),
    url('../../fonts/fontello/font/fontello.ttf?33787292') format('truetype'),
    url('../../fonts/fontello/font/fontello.svg?33787292#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-map-tools-sms-ms"]:before, [class*=" icon-map-tools-sms-ms"]:before {
    font-size: 22px;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'fontello' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;


}

@font-face {
    font-family: 'bi';
    src: url('../../fonts/bi.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-right-menu-bi"]:before, [class*=" icon-right-menu-bi"]:before {
    font-size: 22px;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'bi' !important;
    speak: never;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    text-transform: none;
    line-height: 1;


}


.map-tools .modern-map-tools .sms-ms-btn {
    display: inline-block;
    width: 23px;
    height: 24px;
    overflow: hidden;
    cursor: pointer;


}

.icon-map-tools-sms-ms:before {
    content: "\e847";
}


/** SVG RIGHT MENU **/
.user-menu .categories .mapping .tooltip,
.user-menu .categories .proximity .tooltip,
.user-menu .categories .geo-zones .tooltip,
.user-menu .categories .alerts .tooltip,
.user-menu .categories .incidents .tooltip,
.user-menu .categories .reports .tooltip,
.user-menu .categories .sms .tooltip,
.user-menu .categories .camera-events .tooltip,
.user-menu .categories .admin .tooltip,
.user-menu .categories .vehicle-checks .tooltip,
.user-menu .categories .user-profile .tooltip {
    padding: 8px 12px 0 8px;
}
.user-menu .categories .tooltip span {
    top: -11px;
}

@font-face {
    font-family: 'right-menu';
    src:  url('../../fonts/right-menu.eot?jajr8o');
    src:  url('../../fonts/right-menu.eot?jajr8o#iefix') format('embedded-opentype'),
    url('../../fonts/right-menu.ttf?jajr8o') format('truetype'),
    url('../../fonts/right-menu.woff?jajr8o') format('woff'),
    url('../../fonts/right-menu.svg?jajr8o#right-menu') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-right-menu-"], [class*=" icon-right-menu-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'right-menu' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.svg-menu-icon {
    width: 16px;
    height: 16px;
    float: left;
    display: inline-block;
}

.icon-right-menu-admin:before {
    content: "\e900";
}

.icon-right-menu-alerts:before {
    content: "\e901";
}

.icon-right-menu-camera-events:before {
    content: "\e902";
}

.icon-right-menu-driver-behaviour:before {
    content: "\e903";
}

.icon-right-menu-geo-zones:before {
    content: "\e904";
}

.icon-right-menu-incidents:before {
    content: "\e905";
}

.icon-right-menu-logout:before {
    content: "\e906";
}

.icon-right-menu-mapping:before {
    content: "\e907";
}

.icon-right-menu-notifications:before {
    content: "\e908";
}

.icon-right-menu-proximity:before {
    content: "\e909";
}

.icon-right-menu-reports:before {
    content: "\e90a";
}

.icon-right-menu-sms:before {
    content: "\e90b";
}

.icon-right-menu-bi-power:before {
    content: "\e900";
}

.icon-right-menu-ops-view:before {
    content: "\e90c";
}
.user-menu .categories li.live-grid .tooltip {
    padding-left: 6px;
}

/** SVG RIGHT MENU **/
/** SVG MAP TOOLS **/
.map-tools li {
    float: left;
    height: 40px;
}
.svg-map-tools {
    padding: 7px 10px 7px 10px;
    margin: 2px 0 2px 0;
}

@font-face {
    font-family: 'map-tools';
    src: url('../../fonts/map-tools.eot?x2xicj');
    src: url('../../fonts/map-tools.eot?x2xicj#iefix') format('embedded-opentype'),
    url('../../fonts/map-tools.ttf?x2xicj') format('truetype'),
    url('../../fonts/map-tools.woff?x2xicj') format('woff'),
    url('../../fonts/map-tools.svg?x2xicj#map-tools') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}



[class^="icon-map-tools-"], [class*=" icon-map-tools-"] {
    font-size: 22px;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'map-tools' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}





.icon-map-tools-bing:before {
    content: "\e900";
}

.icon-map-tools-calendar:before {
    content: "\e901";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-calendar {
    padding-right: 17px;
}

.icon-map-tools-cluster:before {
    content: "\e902";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-cluster {
    padding-right: 13px;
    padding-left: 10px;
    padding-top: 6px;
    font-size: 24px;
    margin-right: 5px;
}


.svg-menu-icon.svg-map-tools.icon-map-tools-sms-ms {
    padding-right: 13px;
    padding-left: 10px;
    padding-top: 6px;
    font-size: 24px;
    margin-right: 5px;
}

.icon-map-tools-driving-time:before {
    content: "\e903";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-driving-time {
    padding-left: 11px;
    padding-right: 18px;
}

.icon-map-tools-full-screen-view:before {
    content: "\e904";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-full-screen-view {
    padding-left: 10px;
    padding-right: 16px;
}

.icon-map-tools-google:before {
    content: "\e905";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-google {
    padding-right: 12px;
    padding-left: 11px;
}

.icon-map-tools-tfl-live-traffic:before {
    content: "\e906";
}

.icon-map-tools-map-preferences:before {
    content: "\e907";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-map-preferences {
    padding-right: 17px;
    padding-left: 12px;
}

.icon-map-tools-pause-map:before {
    content: "\e913";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-pause-map {
    padding-left: 10px;
    padding-right: 18px;
    padding-top: 6px;
    font-size: 25px;
}

.icon-map-tools-postcode-search:before {
    content: "\e909";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-postcode-search {
    padding-left: 12px;
    padding-right: 16px;
}

.icon-map-tools-show-aoi:before {
    content: "\e90a";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-show-aoi {
    padding-top: 7px;
    padding-left: 10px;
    padding-right: 19px;
}

.icon-map-tools-show-poi:before {
    content: "\e90b";
}

.icon-map-tools-show-vehreg:before {
    content: "\e90c";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-show-vehreg {
    font-size: 15px;
    padding: 11px 18px 0 10px;
}

.icon-map-tools-tfl-cameras:before {
    content: "\e90d";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-tfl {
    padding: 10px 19px 9px 10px;
    font-size: 17px;
}

.icon-map-tools-tfl-disruptions:before {
    content: "\e90e";
}

.icon-map-tools-tfl:before {
    content: "\e90f";
}

.icon-map-tools-trace:before {
    content: "\e910";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-trace {
    padding-left: 12px;
    padding-right: 17px;
}

.icon-map-tools-zoom-in:before {
    content: "\e911";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-zoom-in {
    padding-right: 16px;
}

.icon-map-tools-zoom-out:before {
    content: "\e912";
}

.svg-menu-icon.svg-map-tools.icon-map-tools-zoom-out {
    font-size: 6px;
    padding: 15px 16px 0 9px;
}
.svg-map-tools.active,
.svg-map-tools:hover {
    cursor: pointer;
}
.svg-menu-icon .tooltip-container {
    position: relative;
    transition: all 0.3s ease-in-out;
}

.svg-menu-icon .rich-tooltip {
    visibility: hidden;
    z-index: 10;
    opacity: .40;
    padding: 0 15px 15px;
    background: #62727c;
    color: #fff;
    top: -140%;
    left: -25%;
    border-radius: 0;

    transform: translateY(9px);
    transition: all 0.3s ease-in-out;

    box-shadow: 0 0 3px rgba(56, 54, 54, 0.86);
}

.svg-menu-icon .rich-tooltip::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12.5px 0 12.5px;
    border-color: #333 transparent transparent transparent;
    position: absolute;
    left: 40%;
}

.svg-menu-icon.rich-tooltip-container:hover .rich-tooltip {
    visibility: visible;
    padding-top: 15px;
    transform: translateY(-10px);
    opacity: 1;
    /*transition: .3s linear;*/
    transition-delay: 1s;
    /*animation: wls-smooth 1s ease-in-out alternate;*/
}

.svg-menu-icon.rich-tooltip-container.active:hover .rich-tooltip {
    visibility: hidden;
}

@keyframes wls-smooth {
    0% {
        transform: translateY(6px);
    }

    100% {
        transform: translateY(1px);
    }
}

.svg-menu-icon.bottom .rich-tooltip {
    top: 141%;
    left: -11px;
    min-width: 195px;
    min-height: 57px;
    position: relative;
}

.svg-menu-icon.bottom .rich-tooltip::after {
    top: -11%;
    left: 11%;
    transform: rotate(180deg);
    visibility: hidden;
}

.svg-menu-icon .tooltip.heading {
    margin-bottom: 10px;
    font-weight: bold;
    font-family: Verdana;
    font-size: 14px;
    opacity: 0.9;
}

.svg-menu-icon .tooltip.content {
    font-size: 13.5px;
    font-family: Arial;
    padding-right: 7px;
    line-height: 1.35em;
    opacity: 0.9;
}

.svg-menu-icon .tooltip.external-link {
    position: relative;
    margin-top: 32px;
    margin-left: 114px;
}

.svg-menu-icon .tooltip.external-link button {
    background: #62727c;
    color: #fff;
    border: 2px solid #dfe6eb;
    padding: 4px;
    cursor: help;
}

.map-tools-dropdown {
    font-size: 12px;
    font-family: Arial;
    width: 188px;
    background: #fff;
    height: 164px;
    position: absolute;
    top: 123%;
    left: 1%;
    z-index: 1;
    display: block;
    visibility: hidden;
}

.map-tools-dropdown .title {
    color: #515151;
    padding-left: 11px;
    padding-bottom: 9px;
    background: #dfe6eb;
    padding-top: 10px;
}

.google-dropdown {
    width: 188px;
    background: #dfe6eb;
    height: 164px;
}

span.separator {
    border-bottom: 1px solid #b2b8bc;
    width: 100%;
    display: inherit;
}

.google-dropdown .map-type-container {
    background: #fff;
    padding-top: 13px;
    padding-left: 11px;
    min-height: 50px;
}

.google-dropdown .map-type-container:hover {
    background: #dfe6eb;
    font-weight: bold;
}

.google-dropdown .map-type-holder {
    /* font-weight: bold; */
}

.google-dropdown .checkbox {
    margin-right: 9px;
}

.google-dropdown label {
    float: left;
    padding-top: 10px;
}

.map-tools-dropdown::after {
    content: " ";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 12.5px 0 12.5px;
    border-color: #dfe6eb transparent transparent transparent;
    position: absolute;
    left: 42%;
    top: -4%;
    transform: rotate(180deg);
}

.map-tools-input-holder .input-holder {
    width: 157px !important;
}

.past-date .past-date-form {
    float: left;
}

.map-tools-input-holder .submit {
    margin-left: 12px !important;
    float: right;
}

.input-past-date-dropdown {
    width: 248px;
    height: 79px;
    /*left: 17%;*/
}

.map-tools-input-holder {
    margin-left: 6px;
    margin-top: 6px;
}

.postcode-search-dropdown {
    width: 248px;
    height: 79px;
    /*left: 20%;*/
}

.map-tools-dropdown.postcode-search-dropdown .remove-btn {
    visibility: inherit;
    left: 100%;
}

.tfl-icon.svg-menu-icon {
    padding-left: 0;
    padding-top: 0;
}

.tfl-dropdown .map-type-container {
    padding-left: 9px;
    padding-bottom: 12px;
    padding-top: 11px;
    height: 22px;
}

.tfl-dropdown .map-type-container:hover {
    background: #dfe6eb;
    font-weight: bold;
}

.tfl-dropdown {
    height: max-content;
    width: 152px;
}

.tfl-label {
    padding-top: 7px;
    padding-left: 38px;
    color: #515151;
}

.map-tools-dropdown.tfl-dropdown::after {
    left: 2%;
}

.uk-license-plate.marker-label,
.uk-license-plate {
    color: #000;
    background-color: #ffd307;
    font-family: 'UKNumberPlate';
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    width: max-content;
    padding: 2px;
    border: 1px solid #999;
    box-sizing: border-box;
    white-space: nowrap;

    visibility: hidden !important;
}

.uk-license-plate.marker-label.visible,
.uk-license-plate.visible {
    visibility: visible !important;
}
.report-popup.driving-time {
    top: 60px;
}
.report.driving-time .control-holder {
    height: 0;
}
.report.driving-time .control-panel {
    height: 0;
    padding: 0;
}
.map-tools .ui-handle {
    cursor: auto !important;
}
/** SVG MAP TOOLS **/

/* Multistreaming start */
.mini-video .play-button-container {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -45px;
    margin-top: -30px;
}
.mini-video .play-button-container span {
    color: #fff;
}
.mini-video .play-button-container .play-icon {
    position: relative;
    width: 30px;
    height: 30px;
    border-radius: 30px;
    border: 3px solid red;
    margin: 0 auto 10px;
}

.play-icon::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-40%) translateY(-50%);
    transform: translateX(-40%) translateY(-50%);
    transform-origin: center center;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 14px solid #fff;
    z-index: 100;
}
.multi-stream .player-control .channel-name {
    right: 30px;
}
.multi-stream.multi-camera .side-video-section {
    background: #000;
}
.camera-video.multi-stream .vp-container .video-player-message, .event-video-player .vp-container .video-player-message {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.camera-video.multi-stream .vp-container .video-player-message span, .event-video-player .vp-container .video-player-message span {
    padding: 0;
}
/* Multistreaming end */

/* videojs start */
.vjs-text-track-display,
.vjs-loading-spinner,
.vjs-big-play-button,
.vjs-big-play-button,
.vjs-control-bar,
.vjs-error-display,
.vjs-modal-dialog{
    display: none;
}
/* videojs end */

.modal-window-overlay {
    z-index: 50;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.32);
}

help-center-widget {
    --button-position-x: 10px;
    --button-position-y: 10px;
}

.send-command .select-command-frame {
    display: flex;
    align-items: center;
    padding: 10px 10px 25px 10px;
}
.send-command .select-command-frame .select-holder select {
    width: 163px;
}
.send-command .select-command-frame .title {
    margin-right: 18px;
}

.hidden_input {
    display: none;
}

/* Modal styles */
.modal {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.modal-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    border-radius: 5px;
}

.close {
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.map-label {
    background: rgba(0, 0, 0, .4)
}

help-center-widget {
    right: 75px;
}

.report-window .k-window-titlebar {
    padding-inline: var(--kendo-spacing-2, 0.5rem);
}

.report-window .k-window-content,
.video-player-window .k-window-content,
.report-window .k-window-content:last-child,
.video-player-window .k-window-content:last-child {
    padding: 0;
}

.report-window .k-toolbar.k-grid-toolbar {
    padding-inline: var(--kendo-spacing-2, 0.5rem);
}

.k-avatar .k-avatar-icon .k-icon.k-svg-icon.k-svg-i-thumb-down {
    margin-top: 2px;
}

.k-grid.cell-nowrap .k-table-td {
    white-space: nowrap;
}

span.channel-name {
    position: absolute;
    padding: 5px 10px;
    opacity: 0;
    transition: 0.5s;
    color: #fff;
    background-color: rgba(0,0,0, 0.4);
}

span.channel-name.top-right {
    top: 10px;
    right: 10px;
}

span.channel-name.bottom-right {
    bottom: 10px;
    right: 10px;
}

.mini-video {
    background-color: #000;
    cursor: pointer;
    position: relative;
}
.mini-video.status {
    /*border: 3px solid #8b8b8b;*/
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: default;
}

.video-player-window:hover span.channel-name  {
    opacity: 1;
    transition: 0.5s;
}

.league-table .orange {
    /*background: orange;*/
    color: orange;
}

.league-table .red {
    /*background: red;*/
    color: red;
}

div.k-grid-norecords { /* fix for no records incorrect width */
    display: block !important;
}