/*
**----------------------------------------------------------------------------
**  CheckedMultiSelect
**----------------------------------------------------------------------------
*/

.dojoxCheckedMultiSelectButton {
    /*width: 135px;*/
}

.dojoxCheckedMultiSelectHidden {
    display: none;
}

.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
    border: solid black 1px;
    margin: 1px 0;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100px;
}

.dj_ie .dojoxCheckedMultiSelectWrapper,
.dj_webkit .dojoxCheckedMultiSelectWrapper {
    /* So that the scroll bar doesn't cover stuff up */
    padding-right: 15px;
}

.dojoxMultiSelectItem {
    cursor: default;
    padding: 0.1em 0.2em;
    white-space: nowrap;
}

.dojoxCheckedMultiSelectItem {
    white-space: nowrap;
    padding: .1em .2em;
    cursor: default;
}

.dojoxCheckedMultiSelectDisabled *,
.dojoxCheckedMultiSelectReadOnly * {
    color: gray !important;
}

.dojoxCheckedMultiSelectItemLabel {
    margin-left: .2em;
}

.dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
    margin: 0em 0.1em;
}

.dojoxCheckedMultiSelectCheckBoxInput {

}

.dj_ie .dojoxCheckedMultiSelectCheckBoxInput {
    filter: alpha(opacity=0);
    width: 15px;
    height: 16px;
}

.dijit_a11y .dojoxCheckedMultiSelectCheckBoxInput {
    opacity: 1;
    filter: none;
}

.dojoxCheckedMultiSelectMenu td.dijitMenuArrowCell {
    display: none;
}

.dojoxCheckedMultiSelectMenu td.dijitMenuItemLabel {
    position: static;
    padding: 2px;
}

/*
**----------------------------------------------------------------------------
**  Tundra theme (make look similar to text box)
**----------------------------------------------------------------------------
*/
.tundra .dojoxCheckedMultiSelect .dojoxCheckedMultiSelectWrapper {
   /*background: #fff url("../../../dijit/themes/tundra/images/validationInputBg.png") repeat-x top left;*/
    background: linear-gradient(#F2F2F2, #fff);
    border: 1px solid #b3b3b3;
    line-height: normal;
}

.tundra .dojoxCheckedMultiSelectFocused .dojoxCheckedMultiSelectWrapper {
    /* input field when focused (ie: typing affects it) */
    border-color: #406b9b;
}
#garmin-gridx .gridxHeader{
    display:none;
}
#garmin-gridx .overflow-hidden{
    white-space:nowrap;
}
#garmin-gridx .column-datetime{
    font-size:10pt;
}
#garmin-gridx .gridxCell {
    border-color: transparent;
    padding: 0 3px;
}
#garmin-gridx {
}
.sms-unread{ font-weight:bold; }
.sms-out{ background-color: #cde1ff
}
.sms-in{ background-color: #f6fbff
}
.sms-in td[colid="txt"]>div{
    padding-left: 30px !important;
}
.sms_pages{ font-size:9pt; }
.sms_button{
    background:url("images/buttons.png") 0 0;
    border:0 none; cursor:pointer;
    height:20px; width:23px;
}
.sms_button_prev{ background-position:0 40px; }
.sms_button_next{ background-position:0 80px; }
.sms_toolbar_button_new{ background:url("images/write_mail.svg") 0 0; height:32px; width:32px; }
.sms_toolbar_button_read{ background:url("images/read_mail.svg") 0 0; height:32px; width:32px; }
.sms_toolbar_button_delete{ background:url("images/delete_mail.svg") 0 0; height:32px; width:32px; }
.sms_toolbar_button_refresh{ background:url("images/update.svg") 0 0; height:32px; width:32px; }
.sms_toolbar_button_redirect{ background:url("images/send.svg") 0 0; height:32px; width:32px; }
.sms_button_attachment{ background:url("images/attchment.png") 0 0; height:24px; width:24px; }
.sms_button_attachment16{ background:url("images/attchment16.png") 0 0; height:16px; width:16px; }
.sms_button_attachment_delete{ background:url("images/cross_24.png") 0 0; height:24px; width:24px; }
.sms_button_attachment_delete16{ background:url("images/cross_16.png") 0 0; height:16px; width:16px; }
.sms_progress_bar{text-align: center; background: url("images/ajax-loader2.gif") 0 0 no-repeat; height: 20px; width: 99% }
.sms_header_titles{ font-size:12pt; text-decoration:none; color:inherit}
.sms_header_titles>div{ font-size:12pt; padding-top:3px; text-align:center; text-decoration:none;color:inherit}

.sms_header_titles .sub {
    height: 26px;
    text-align: left;
    font-size: 14px;
    padding: 5px 5px 0px;
}
.sms_header_titles_active{
    background-color:#fff6dc !important;
    font-weight: bold;
    color:#2C3C4B;
}
.sms_sidebar_border{
    border:1px solid #9EBECB;
    margin-top:20px;
    padding-left:3px;
    text-align:left;
    font-size:9pt;
}
.sms_icon_20{
    display:inline-block; width:20px; height:20px;
    background: no-repeat 0 0;
}
.sms_driver_cell{
    text-align: center;
    font-weight: bold;
    white-space: normal;
}
.sms_bubble_blue{
    background-color: #207AFB;
    color: white;
    border-radius: 9px 9px 0 9px;
    margin-left: 10%;
    padding: 5px 8px 6px;
    float: right;
    display: inline-block;
    white-space: normal;
}
.sms_bubble_blue .bbl_sending{
    background-color: #93d8fb;
}
.sms_bubble_blue .bbl_unread{
    background-color: #fbba00;
}
.sms_bubble_blue .bbl_nosignal{
    background-color: #f64945;
}
.sms_bubble_blue .bbl_routesent{
    background-color: #f66b11;
}
.sms_bubble_blue .bbl_routeseen{
    background-color: #9b53f6;
}
.sms_bubble_blue .bbl_routedriving{
    background-color: #3de82f;
}
.sms_bubble_blue .bbl_unknown{
    background-color: #676365;
}
.sms_bubble_white{
    background-color: #E7E7E7;
    color: black;
    border-radius: 0 7px 7px 7px;
    margin-right: 10%;
    padding: 5px 8px 6px;
    float: left;
    display: inline-block;
    white-space: normal;
}
.sms_manager { background-image:url('images/boss.svg'); width:40px; height:40px; margin: auto;}
.sms_driver{ background-image:url('images/steering_wheel.svg'); width:30px; height:30px; margin: auto; }
.sms_icon_state_1{ background-image:url('images/Status1.png'); }
.sms_icon_state_2{ background-image:url('images/Status2.png'); }
.sms_icon_state_10{ background-image:url('images/Status10.png'); }
.sms_icon_state_11{ background-image:url('images/Status11.png'); }
.sms_icon_state_12{ background-image:url('images/Status12.png'); }
.sms_icon_state_31{ background-image:url('images/Status31.png'); }
.sms_icon_state_32{ background-image:url('images/Status32.png'); }
.sms_icon_state_33{ background-image:url('images/Status33.png'); }
.sms_icon_state_34{ background-image:url('images/status34.png'); }
.sms_icon_state_35{ background-image:url('images/status35.png'); }
.sms_icon_state_128{ background-image:url('images/steering_wheel.svg'); width: 20px; height: 20px }
.sms_icon_state_252{ background-image:url('images/Status255.png'); }
.sms_icon_state_253{ background-image:url('images/Status255.png'); }
.sms_icon_state_254{ background-image:url('images/Status255.png'); }
.sms_icon_state_255{ background-image:url('images/Status255.png'); }
.sms_icon_sent{ background-image:url('images/Type1.png'); }
.sms_icon_recieved{ background-image:url('images/Type128.png'); }
.sms_icon_status_online{ background-image:url('images/Status_online.png'); }
.sms_icon_status_offline{ background-image:url('images/Status_offline.png'); }

.sms_reader_globe{
    display:inline-block; width:20px; height:20px; cursor:pointer; position:relative; top:5px; left:5px;
    background:no-repeat 0 0 url("images/globe.svg");
}

ul.sms_sidebar_filter{
    list-style:none outside none;
    margin:0;
    padding:1px 1px 1px 2px;
    text-align:left;
    cursor:pointer;
}
ul.sms_sidebar_filter>li{
    cursor:pointer;
}
ul.sms_sidebar_filter>li:hover{
    background-color:#c5d4e0;
}
ul.sms_sidebar_filter>li.active{
    background-color:#b2c6de;
    font-weight:bold;
}
.sms_msg_length_textbox_error *{

    background-color:red;
}
.sms_vehicle_number_node{
    text-align: center;
    font-weight: bold;
    height: 28px;
    padding-top: 4px;
}


.mapWidget {
    display: flex;
    flex-grow: 1;
}

.mapWidget .tabContainerDiv {
    display: flex;
    flex-direction: column;
    z-index: 5;
    border: 1px solid #ccc;
}

.mapWidget .mapDiv {
    position: absolute;
    z-index: 1;
    flex-grow: 1;
}

.mapWidget .loaderDiv {
    position: absolute;
    display: none;
    width: 64px;
    height: 64px;
    top: 15%;
    left: 45%;
    z-index: 11000;
}

.mapWidget .loaderDiv:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 6px;
    box-sizing: border-box;
    border: 26px solid #000;
    animation: lds-hourglass 1.2s infinite;
    z-index: 99999;
}

.mapWidget .toolBar {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 10;
}

.mapWidget .btnShowHideTabs {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid gray;
    background-color: white;
    cursor: pointer;
}

.mapWidget .btnShowHideTabs:hover {
    background-color: lightblue;
}


.mapWidget .toolbarButton {
    margin-right: -6px;
    padding: 0;
}

.mapWidget .rightToolBar {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
}

.mapWidget .layerSelect {
    padding: 2px;
    border-radius: 5px;
}

.mapWidget .gasStationSelectDiv {
    position: absolute;
    top: 40px;
    right: 10px;
    z-index: 20;
}

.mapWidget .mouseCoordinates {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    padding: 5px;
    border-radius: 5px;
    font-size: 10px;
    z-index: 10;
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: white;
}

.mapWidget .garminModule {
    position: absolute;
    top: 85px;
    right: 8px;
    z-index: 10;
    margin: 2px;
}

.mapWidget .filteredMessages {
    position: absolute;
    height: 30px;
    width: 30px;
    padding: 5px;
    top: 140px;
    right: 8px;
    z-index: 10;
    margin: 2px;
    cursor: pointer;
    background: white;
    border: 1px solid gray;
}

.mapWidget .filteredMessages:hover {
    background: lightblue;
}

.mapWidget .addressSearch {
    margin-right: -6px;
    padding: 0;
    width: 250px;
    position: relative;
    top: -6px;
    margin-left: 6px;
}

.garminChatting {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    width: 300px;
}

.garminChatting .message {
    border-radius: 5px;
    padding: 5px;
    cursor: pointer;
}

.garminChatting .receivedSms {
    margin: 5px 30px 5px 5px;
    background-color: lightgrey;
    color: black;
}

.garminChatting .sentSms {
    margin: 5px 5px 5px 30px;
    background-color: cornflowerblue;
    color: white;
}

.garminChatting .headerDiv {
    font-weight: bold;
    font-size: 10pt;
}

.garminChatting .carNr {
    text-decoration: underline;
}

.garminChatting .bodyDiv {
    display: inline-block;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
}

.garminChatting .messagesContainer {
    padding-bottom: 10px;
    padding-top: 10px;
    flex-grow: 1;
    overflow-y: scroll;
    height: 100px;
}

.garminChatting .infoNode {
    background-color: gray;
    margin: 5px;
    border-radius: 5px;
    font-size: 8pt;
    font-weight: bold;
    padding: 5px;
}
.filteredGarminMessages {
    width: 330px;
    height: 100%;
    display: flex;
    flex-direction: column;
    background: whitesmoke;
    padding-right: 8px;
    padding-left: 8px;
}

.filteredGarminMessages .chosen-container .chosen-drop {
    border-bottom: 0;
    border-top: 1px solid #aaa;
    top: auto;
    bottom: 40px;
}

.filteredGarminMessages .chosen-container.chosen-with-drop .chosen-single {
    border-radius: 0 0 5px 5px;
    background-image: none;
}

.filteredGarminMessages .chosen-container.chosen-with-drop .chosen-drop {
    border-radius: 5px 5px 0 0;
    box-shadow: none;
    margin-bottom: -16px;
}

.filteredGarminMessages .chosen-container .chosen-results {
    max-height: 300px;
}

.filteredGarminMessages .loader {
    border: 5px solid white;
    border-radius: 50%;
    width: 24px;
    border-top: 5px solid #3498db;
    height: 24px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
    margin-left: auto;
    margin-right: 10px;
}

.routeStop {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    margin-right: 10px;
    border-radius: 5px;
    border: 1px solid lightgray;
    padding: 5px;
    margin-bottom: 10px;
}

.routeStop .labelCell {
    width: 80px;
    white-space: nowrap;
    overflow: hidden;
}

.routeStop .valueCell {
    width: 60px;
    border-radius: 5px;
}

.routeStop .commentArea {
    resize: none;
    border-radius: 5px;
    padding: 5px;
}

.routeStop .valuesTableHeader {
    text-align: center;
    font-weight: bold;
}

.routeStop .stopInfoContainer {
    display: inline-grid;
    grid-template-columns: min-content 300px;
    margin-right: 10px;
    white-space: nowrap;
}

.routeStop .infoLabel {
    font-weight: bold;
    height: 27px;
    margin-right: 5px;
}

.routeStop .textInput {
    border-radius: 5px;
    padding: 3px;
    border: 1px solid gray;
    height: min-content;
}
.summary {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
}

.summary .valueCell {
    width: 60px;
    border-radius: 5px;
}

.summary .commentArea {
    resize: none;
    border-radius: 5px;
    padding: 5px;
}

.summary .commentAreaDiv {
    display: flex;
    flex-direction: column;
}

.summary .valuesTableHeader {
    text-align: center;
    font-size: 10pt;
    font-weight: bold;
}

.summary .labelCell {
    width: 80px;
}
.orderDialogHeader {

}

.orderDialogHeader .labelOrderDone {
    color: green;
    background: lightgreen;
    border-radius: 5px;
    text-align: center;
    padding: 3px;
    font-weight: bold;
    font-size: 24px;
}

.orderDialogHeader .headerValues {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    white-space: nowrap;
}

.orderDialogHeader .infoLabel {
    font-weight: bold;
    margin-right: 5px;
    height: 30px;
}

.orderDialogHeader .textInput {
    border-radius: 5px;
    padding: 5px;
    border: 1px solid gray;
}

.orderDialogHeader .valuesContainer {
    display: grid;
    grid-template-columns: min-content min-content;
    grid-template-rows: repeat(3, 30px);
    margin-right: 10px;
}
.editOrderDialog {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.editOrderDialog .widgetContainer {
    padding-left: 20px;
    margin: 10px 10px 10px 0;
    padding-bottom: 5px;
    border-bottom: 1px solid gray;
}

.editOrderDialog .containerTitle {
    font-weight: bold;
    font-size: large;
}

.editOrderDialog .buttonsDiv {
    display: flex;
    flex-direction: row;
    border-radius: 10px;
    background: white;
    padding: 10px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}